/*
 * Stichting Vocale Promotie
 * (C) 2016
 */


body {
	padding-top: 50px;
	font-size: 1.3rem;
	text-align: left;
}

div.notifyjs-corner {
	top: 60px !important;
}

div.notifyjs-wrapper {
	font-size: 1.6rem;
}

div.content {
	padding: 40px;
	text-align: center;
}

div.content div.row fieldset {
	margin-bottom: 1em;
}

form.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
form.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
form.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
span.line-legend {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 .5em;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding: .2rem !important;
}
table.form>tr>td:first-of-type, table.form>tbody>tr>td:first-of-type {
	font-weight: bold;
}
table.form input[type="text"] {
	width: 100%;
}

.maxlength10 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 10ch;
}

.maxlength15 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 15ch;
}

.maxlength20 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 20ch;
}

*:not(button).open-form,
*:not(button).close-form,
*:not(button).action-confirm,
*:not(button).action-get,
*:not(button).action-go,
*:not(button).pointer {
	color: #666;
	font-size: 90%;
	cursor: pointer;
}

.editable input {
	width: 100% !important;
}
.editable input[type=checkbox], .editable input[type=radio] {
	width: auto !important;
}

.editable input.input-error {
	border-color: #d00;
}

td.formlabel, span.formelement {
	line-height: 1.9em;
}

td.formlabel {
	font-weight: bold;
}

label {
	font-weight: normal;
}

table.borderless, table.borderless tr, table.borderless th, table.borderless td {
	border: none !important;
}

.table tbody>tr>td.vert-align{
	vertical-align: middle;
}

fieldset {
	border: 1px solid #c0c0c0;
	padding: .2em;
}

legend {
	width: auto;
	border: none ;
}

legend h4 {
	display: inline;
}

tr[id^="volunteer-manual-"] {
	background-color: #b3ffb3 !important;
}

.opacity50, .opacity50:before {
	opacity: .5;
}

.opacity75, .opacity75:before {
	opacity: .75;
}

form#group-profile td img {
	max-width: 185px !important;
	max-height: 147px !important;
}
form#group-profile textarea, form#podiumtype-data textarea {
	width: 100%;
	height: 12em;
}

span.newpassword {
	border: 1px solif transparent;
	vertical-align: middle;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 120%;
	font-family: Consolas, Lucida Console, monospace;
}

div.note-editor, div.mailing-template {
	width: 700px;
	max-width: 700px;
}

div.mailing-template {
	border: 1px solid #ccc;
}

.warning {
	color: #cc0000 !important;
}

select {
	width: 100%;
}

tr.podiumpreferences div.chosen-container, tr.nonpodiumpreferences div.chosen-container {
	width: 100% !important;
}

.glyphicon-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}