/*** GENERAL ***/
html, body      { height:100%;font-family:Arial, sans serif;background:#eee;font-family:Sun, Arial, sans-serif;color:#252525; }
a               { outline:none !important;color:black; }
a:hover         { color:black; }
h3, h4          { font-weight:normal; }
label           { font-size:1em; }
h3,h4,h2,h1     { font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; }

[v-cloak] {
    display: none;
}

.text-right     { text-align:right!important; }
.text-center    { text-align:center; }
.text-underline { text-decoration: underline; }
.text-bold { font-weight: bold }
.text-italic { font-style: italic }
.text-muted { color:#888; }
.text-danger { color: red; }
.pink           { color:black; }
.purple         { color:black; }
.blue           { color:black; }
a.pink:hover    { color:black; }
a.purple:hover  { color:black; }

.margin-right           { margin-right : 20px; }
.alert                  { margin-right:20px; border-radius: 0; }
.alert-error            { margin-right:20px; border-radius: 0; border : 1px solid black; color:black; }
.alert-error a          { color:black; }
.alert-fixed.alert-info { color:black;border-color:black; }
.alert-fixed-toggle     { display:none; }
.alert-info a           { color:black;text-decoration:underline; }
.alert-info             { color:black; }
.padding-right          { padding-right:20px; }

.margin-right .alert { margin-right:0; }

.font-sun             { font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; }
.font-sun-bold        { font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; }
.font-sun-italic      { font-family:Sun Italic, Arial, sans-serif; }
.font-sun-bold-talic  { font-family:Sun Bold Italic, Arial, sans-serif; }

.overflow       { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block; }
body .tooltip-inner { max-width:400px; text-align: left; }

/*** FONTS ***/
@font-face {
    font-family: "Sun";
    src: url("/bundles/oimcore/fonts/sun-regular-webfont.ttf");
}
@font-face {
    font-family: "Sun Bold";
    src: url("/bundles/oimcore/fonts/sun-bold-webfont.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Sun Italic";
    src: url("/bundles/oimcore/fonts/sun-italic-webfont.ttf");
    font-style: italic;
}
@font-face {
    font-family: "Sun Bold Italic";
    src: url("/bundles/oimcore/fonts/sun-bolditalic-webfont.ttf");
    font-weight: bold;
    font-style: italic;
}

/*** HEADER ***/
.pageHeader     {
    height:41px;
    line-height:41px;
    background: black !important; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4a4a 0%, #231f20 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4a4a), color-stop(100%,#231f20)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4a4a 0%,#231f20 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4a4a 0%,#231f20 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4a4a 0%,#231f20 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4a4a 0%,#231f20 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4a4a', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow:0 2px 2px -2px black;
    box-shadow:0 2px 2px -2px black;
}
#account-switcher .caret    { vertical-align:baseline;border-top:4px solid #ECECEC; }
#account-switcher,
.pageHeader span,
.pageHeader a         { font-weight:bold;color:#ECECEC;font-family:Arial, sans-serif; }
.pageHeader span,
.pageHeader a         { font-size:.85em; }
.pageHeader a         { padding-right:10px; }
.pageHeader .pageLogo { padding:0 15px 0 20px;text-decoration:none; }

.pageBanner           { padding:0 0 1px 0; }
.pageBanner h1        { color:#333333;font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;padding-top:20px;font-size:2.3em; }

.primaryNavigation        { background:#FFFFFF;height:68px; }
.schoolNavigation         { padding-top:12px; color:#252525; line-height:22px;}
.schoolNavigation a       { color:#252525;border-left:1px solid #AFAEA8;padding:0 9px 0 10px;font-size:1.2em;line-height:12px;display:block;float:left; }
.schoolNavigation a.first { border-left:none;padding-left:0; }
.schoolNavigation a:hover { color:#FFFFFF;text-decoration:none; }
.userNavigation           { padding-top:19px; }
.userNavigation a         { color:#FFFFFF;display:block;float:right;background:#000000;margin-right:9px;padding:5px 10px;font-family:Sun Bold, Arial, sans-serif; }
.nav-profile li a         { padding-left:5px;padding-right:5px; }

.backend .modal         { width:610px;margin-left:-330px; }
.modal .text-error ul   { margin-bottom:0; }

.backend .primaryNav      { display:inline-block; }
.backend .primaryNav li   { display:inline-block; }
.backend .primaryNav li a:hover   { background:none;text-decoration:underline; }
.backend .primaryNav a .caret,
.backend .primaryNav a:hover .caret { border-bottom-color:#ECECEC;border-top-color:#ECECEC;margin-top:8px; }
.backend .primaryNav li li          { display:block; }
.backend .primaryNav li li a:hover  { background:#7A99AC;text-decoration:none; }

/*** BODY ***/
.pageBody                 { background:#FFFFFF;margin-left:0px;padding:0 0 25px 20px;min-height:360px;font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif }
#content_wrapper          { min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -360px; }
.pageContainer            { padding-bottom:360px; }

.boxTitle                 { padding-left:12px;position:relative;margin-bottom:15px;margin-left:-32px; }
.boxTitle span            { display:block;background:#AACDC8;color:black;padding:10px 0 10px 20px;font-size:.8em;font-weight:normal; }
.boxTitle span small      { color:black;display:block;font-size:.5em; }
.boxTitle span strong     { color:black;display:block;font-size:.7em;line-height:1; }
.boxTitle:after           { top:13px;background-position:left bottom;height:100%;bac    kground-color:#496F87; }

.boxTitle.blue:before,
.boxTitle.blue:after      { background-image:url('/bundles/oimcore/images/box_title.png'); }
.boxTitle.blue:after      { background-color:black; }
.boxTitle.blue span       { background-color:black;color:#FFFFFF; }

.boxTitle.pink:before,
.boxTitle.pink:after      { background-image:url('/bundles/oimcore/images/box_title_pink.png'); }
.boxTitle.pink:after      { background-color:black; }
.boxTitle.pink span       { background-color:black;color: #FFFFFF; }

.boxTitle.lightsteelblue:after      { background-color:#AACDC8; }
.boxTitle.lightsteelblue span       { background-color:#AACDC8; color: black; }
.boxTitle.lightsteelblue small       { background-color:#AACDC8; color: black; }
.boxTitle.lightsteelblue strong       { background-color:#AACDC8; color: black; }

.boxTitle.purple:before,
.boxTitle.purple:after    { background-image:url('/bundles/oimcore/images/box_title_purple.png'); }
.boxTitle.purple:after    { background-color:#AACDC8; }
.boxTitle.purple span     { background-color:#AACDC8;color: black; }

.homeBox                  { width:29%;float:left;margin:0 15px 0 0;background-color:#AACDC8; }
.homeBox .boxTitle        { margin-right:10px;margin-left:-12px; }
.homeBox .boxTitle span   { padding-left:15px;font-size:.7em; }
.homeBox .homeBoxContent  { padding:0 15px; }

.button                   { font-weight:bold;border:none;cursor:pointer;display:inline-block;font-size:13px;line-height:20px;margin-bottom:0;padding:8px 18px;text-align:center;vertical-align: middle;background:#4BA32C;color:#FFFFFF; }
.button-small             { font-size:11px!important;line-height:10px;margin-bottom:0;padding:4px 9px; }
.button.purple            { background:#AACDC8;color:black;font-weight: normal; }
.button.pink              { background:#AACDC8;color:black;font-weight: normal; }
.button.blue              { background:#AACDC8;color:black;font-weight: normal; }
p.button                  { cursor:default; }
p.button:hover            { text-decoration:none; }
a.button.purple:hover     { color:black; }
a.button.pink:hover       { color:black; }

.button.purple .caret,
.button.pink .caret        { border-top-color:#FFFFFF;vertical-align:middle; }

body .btn-group > .btn:last-child,
body .btn-group > .dropdown-toggle { border-radius:0; }

.loginForm #remember_me               { margin-top:0; }
.loginForm label[for="remember_me"]   { display:inline-block; }

.fos_user_registration_register label { font-weight:bold; }
.fos_user_registration_register .controls input { width:100%; }
.fos_user_registration_register .controls .help-inline { display:block;margin:-5px 0 15px;width:auto; }

.control-group.error ul {
    margin-left: 0;
}
.control-group.error ul li {
    list-style: none;
    color: #b94a48;
}

body .form-horizontal .control-label  { font-weight:bold;text-align:left; }
.controls input[type="checkbox"]      { margin:0; }
.help-inline                          { width:50%; }
.form-actions .help-inline            { width:100%; }
.form-actions                         { border-top:0; !important; }
.help-inline,
.controls i                           { color:#9A9595; }
.controls .inputs-list li label       { display:inline-block;width:auto;margin:0;padding:0 10px 0 0; }
.inline-labels .inputs-list label { display: inline!important; }
.controls label span.required         { display:none; }
.controls .inputs-list li input       { margin:0 5px 0 0; }
.controls .inputs-list li label input { margin-top:3px; }
.controls ul.inputs-list              { margin:0;list-style:none; }
.controls .inputs-list li             { display:inline-block; }
.well .form-horizontal .control-group { margin-bottom:5px; }

.actions-disabled .button.blue        { background-color:#AACDC8; }
.actions-disabled .button.purple      { background-color:#AACDC8; }
.actions-disabled .button.pink        { background-color:#AACDC8; }
.actions-disabled .button             { cursor:not-allowed; }
.actions-disabled .button:hover       { text-decoration:none; }

.button.blue.disabled                 { background-color:#CADDE9; }
.button.pink:disabled                 { cursor: not-allowed; }
.button.purple:disabled               { cursor: not-allowed; }


#vwo-course-results ul    { margin-left:0; }
#vwo-course-results ul li { list-style:none; }

textarea,
input[type="text"],
input[type="email"],
input[type="file"],
input[type="password"]    {
    /*background-color:#ECECEC;*/
    border-radius:0;
    border: 1px solid #ddd;
    /*-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);*/
    color:#000;
    padding:6px 8px;
    font-size:12px;
}

input[type="file"] {
    width: 207px;
}

.input-append .add-on:last-child { border-radius:0; }
.input-append .add-on            { padding:5px;border-bottom-color:#ECECEC;border-right-color:#ECECEC;background-color:#ECECEC; }
.input-append input              { width:180px; }
#diplomasForm .inputs-list    { list-style:none;margin-left:0; }
#diplomasForm .inputs-list li { display:inline-block;width:33%;margin-top:5px; }
li select { margin:0; }

input.error { background-color:#F2DEDE;border:1px solid #B94A48;padding-bottom:4px;border-right:none; }

#classFilterForm         { position:relative; }
#classFilterForm .button { position:absolute;bottom:0;right:0; }
#classFilterForm select  { margin:0; }
#classFilterForm li select  { margin-bottom:2px; }
#classFilterForm label   { font-weight:bold; }

.vrijstelling textarea            { width:98%;height:50px; }
.vrijstelling .vrijstelling-reden { display:none; }

.required-help { padding-left:180px;font-style:italic; }
.form-actions a[title="Annuleren"] { margin-left:10px; }
.form-actions .help-inline strong { color:black;font-style:normal; }
.help-block ul { margin-left:40px; }
.well      { border-radius: 0;}
.well form { margin:0;}
.well input[type="text"],
.well input[type="email"],
.well input[type="password"]    { background-color:#FFFFFF;border:1px solid #DDD; }
.regulations { height:150px;overflow:auto;border:1px solid #DDD;padding:5px;border-radius:4px; }

label small { font-weight:normal;color:#9A9595;font-style:italic; }

/*** FOOTER ***/
.pageFooter {
    background: #221f1f; /* Old browsers */
    background: -moz-linear-gradient(top,  #221f1f 0%, #414141 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#221f1f), color-stop(100%,#414141)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #221f1f 0%,#414141 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #221f1f 0%,#414141 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #221f1f 0%,#414141 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #221f1f 0%,#414141 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221f1f', endColorstr='#414141',GradientType=0 ); /* IE6-9 */
    height:300px;
    margin:20px 0 0 0;
    padding:20px 0;
    color:#FFFFFF;
    font-size:.9em;
}
.pageFooter a                   { color:#FFFFFF; }
.pageFooter hr                  { border:none;border-bottom:1px solid #222; }
.pageFooter ul                  { margin:0; }
.pageFooter li                  { list-style:none;font-size:.9em; }
.pageFooter .footer-links       { text-align:center; }
.pageFooter .footer-links li    { display:inline; }
.pageFooter .footer-links li a  { font-size:1.15em; }
.pageFooter .footer-branding    { font-size:.9em; }
.pageFooter .footer-branding h3 { font-size:1.5em;margin:0;line-height:20px; }
.pageFooter .footer-branding h4 { font-size:1.3em;font-weight:normal;margin:0;line-height:20px; }
.pageFooter .footer-branding p  { line-height:17px;font-size:1.15em;margin-top:10px; }
.pageFooter .footer-branding a  { text-decoration:underline; }
.pageFooter .middleColumn       { border-left:1px solid #000000;border-right:1px solid #000000;padding-left:20px; }
.pageFooter .rightColumn       { border-left:1px solid #000000padding-left:20px; }

/*** BACKEND ***/
.row-offvak        { display:none; }
.row-offvak strong { padding-left:15px; }


.dko-course-details .row { padding-left:20px;}
.tab-content                  { border:1px solid #DDDDDD;border-top:none;border-radius:0 0 4px 4px;padding:10px; }

#vwo-klas-detail,
#dko-course-detail           { margin-right:20px; }
#vwo-klas-detail .nav-tabs,
#dko-course-detail .nav-tabs { margin-bottom:0; }

#historyTab { margin-bottom:0; }

.vwo-klas-edit-form label { font-weight:bold; }
.vwo-klas-edit-form textarea { width:98%;height:100px; }
.vwo-klas-edit-form label.checkbox       { padding:0;font-weight:normal; }
.vwo-klas-edit-form label.checkbox input { margin:3px 5px 0 0; }

#autocomplete_dko_course_filter_course { width:255px; }
label.disabled,
.control-disabled label { color:#CCCCCC; }
.frontend #dko-course-filters .form-actions { padding-left:250px; }
.frontend #dko-course-filters label,
#courses-form label           { width:230px; }
.frontend #dko-course-filters .span5 label { width:107px; }
.frontend #dko-course-filters .controls,
#courses-form .controls       { margin-left:250px; }
.frontend #dko-course-filters .span5 .controls { margin-left:112px; }
#onlineRegistrationForm ul    { list-style:none; }
#onlineRegistrationForm input { margin:0; }
.controls label span.required { display:none; } /** disables asterisk on labels of radios & checkboxes **/
.controls label               { display:inline-block;padding:5px 5px 0; }
.controls input[type="radio"] { margin:0; }

.controls .inputs-list li     { list-style:none; }

form.filters            { margin-bottom:5px; }
form.filters select     { margin-bottom:0;}
form.filters .button    { padding:4px 9px; }

table th { text-align:left; }
tr.file-archived td { color:#9A9595; }

.error-container                { margin-bottom:4em;margin-top:4em;text-align:center; }
.error-container h1             { font-size:120px;line-height:1em;margin-bottom:0.5em;font-weight:normal; }
.error-container h2             { font-size:28px;margin-bottom:0.75em;font-weight:normal; }
.error-container .error-details { font-size:16px;margin-bottom:1.5em; }

.nav-list > .active > a, .nav-list > .active > a:hover { background-color:#7A99AC; }

#enrollmentStepNavigation                       { list-style:none;margin-left:0;height:50px;border:1px solid #E5E5E5;background:#F5F5F5; }
#enrollmentStepNavigation li                    { display:block;float:left;padding:0;background:#F5F5F5;width:24.5%; }
#enrollmentStepNavigation li span               { color:#AAA; }
#enrollmentStepNavigation li span,
#enrollmentStepNavigation li a                  { border-right:1px solid #AAA;border-top-right-radius:25px;border-bottom-right-radius:25px;display:block;padding:15px 0;background:#F5F5F5;text-align:center;font-family: HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:1.1em; }
#enrollmentStepNavigation li.last span          { border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;}
#enrollmentStepNavigation li.current span       { background:#7A99AC;color:#FFFFFF; }
#enrollmentStepNavigation li.previous           { background:#7A99AC;color:#FFFFFF; }
#enrollmentStepNavigation.pink li.current span  { background:#AACDC8;color:black; }
#enrollmentStepNavigation.pink li.previous      { background:#AACDC8;color:black; }
#enrollmentStepNavigation.purple li.current span  { background:black; }
#enrollmentStepNavigation.purple li.previous      { background:black; }

/*** TABLE STUFF***/
table { border-radius: 0px!important; }
table.purple, table.pink                    { border:none; }
table.pink thead tr th                      { border-left:1px solid #E1E1E1;color:black;border-bottom:1px solid #E1E1E1; }
table.purple thead tr th                    { border-left:1px solid #E1E1E1;color:black;border-bottom:1px solid #E1E1E1; }
table.pink thead tr th                      { border-left:1px solid #E1E1E1;color:#E60094;border-bottom:1px solid #E1E1E1; }
table.purple thead tr th                    { border-left:1px solid #E1E1E1;color:#781496;border-bottom:1px solid #E1E1E1; }
table.pink thead tr th                      { border-left:1px solid #E1E1E1;color:black;border-bottom:1px solid #E1E1E1; }
table.purple thead tr th                    { border:1px solid black;color:black;border-bottom:1px solid #E1E1E1; }
table.pink thead tr th a                    { color:#E60094; }
table.purple thead tr th a                  { color:#781496; }
table.purple tbody tr td,
table.pink tbody tr td                      { border:1px solid black; border-top:1px solid black;background:none;color:#2B2B2B; }
table.pink tbody tr.vrijstelling td         { border:none; }
table.purple tbody tr td:first-child,
table.purple thead tr th:first-child,
table.purple tfoot tr th:first-child,
table.pink tbody tr td:first-child,
table.pink thead tr th:first-child,
table.pink tfoot tr th:first-child          { border-left:none }
table.purple tbody > tr:nth-child(2n+1) > td,
table.pink tbody > tr:nth-child(2n+1) > td  { background-color: #FCFCFC; }
table.purple tbody tr.active td             { background:#F7E7FB; }
table.pink tbody tr.active td               { background:#FDEDF7; }
table.purple input[type="radio"],
table.pink input[type="radio"]              { margin:0; }
table.pink .vrijstelling td[colspan="4"]    { font-style:italic; }
table.border                                { border: 1px solid #E1E1E1;color:#E60094; }
table.border thead tr th                    { background-color: #AACDC8;color: black; }
table.border.pink thead tr th                { background-color: #E60094;color: #FFFFFF }

table.purple .purple-sub td:first-child     { background-color: #FFFFFF; }
table.purple .purple-sub td                 { background-color: #FFFFFF; font-weight: bold; color: black; }
table.purple .purple-sub td                 { background-color: #E1E1E1; font-weight: bold; color: #781496; }
table.border                                { border: 1px solid black;color:#E60094; }
table.border thead tr th                    { background-color: #AACDC8;color: black; }
table.border.pink thead tr th               { background-color: #E60094;color: #FFFFFF }
table tr.purple-main                        { border-bottom:1px solid black;}

table.purple .purple-sub td:first-child     { background-color: #FFFFFF; }
table.purple .purple-sub td                 { background-color: #FFFFFF; font-weight: bold; color: black;border: 1px solid black; border-right: none; }

#account-switcher .inline-cart { margin-left:10px;display:inline; }
#account-switcher .inline-cart .icon-shopping-cart {vertical-align:sub; }
#account-switcher .inline-cart .cart-counter { vertical-align:top;font-size:1em; }

table.pink tbody > tr.full:nth-child(2n+1) > td,
.full {
    background-image: url('/bundles/oimcore/images/stripes.png');
}

table.purple tbody > tr.full:nth-child(2n+1) > td,
.full {
    background-image: url('/bundles/oimcore/images/stripes.png');
}

table.purple .td-full {
    background-color: #FFFFFF;
    background-image: url('/bundles/oimcore/images/stripes.png');
}

table.purple tbody > tr.purple-sub.full:nth-child(2n+1) > td,
.full {
    background-image: url('/bundles/oimcore/images/stripes.png');
}

.alert select            { border:none;border-radius:0;background:none;width:auto;margin:0;outline:none;font-size:1em;font-weight:bold; }
.alert select option     { outline:none; }
.alert.alert-info select { color:#3A87AD; }

ul.typeahead li,
ul.typeahead a { position:relative;z-index:9999; }

table.one-grid-table tr.correction td { color:green; }
table.one-grid-table tr.highlight td  { background:rgba(255,0,0,.5) !important; }
/*
table.one-grid-table { border: 1px solid black; border-radius: 0;}
table.one-grid-table th { border-bottom: 1px solid black;border-left: 1px solid black;}
table.one-grid-table th:first-child { border-bottom: 1px solid black;border-left: none;}
table.one-grid-table td { border-bottom: 1px solid black; border-left: 1px solid black;}
table.one-grid-table td:first-child { border-bottom: 1px solid black; border-left: none;}
*/

.checkbox-container .checkbox.inline { width:30%;margin-left:0 !important; }

.dko-alert-info {
  color: black;
  background-color: #AACDC8;
}

.dko-alert-info a {
    color: black;
}

/*** DASHBOARD ***/
.dashboard .record                          { background:#ECECEC;padding:25px 0;color:#FFF;margin-right:20px;margin-bottom:10px; }
.dashboard .record .span2                   { width:80px; }
.dashboard .record .span7                   { width:580px; }
.dashboard .record .text-right              { padding-right:20px; }
.dashboard .record .user                    { font-size:2em;color:black;font-weight:bold;margin-bottom:5px; }
.dashboard .record .user                    { font-size:2em;color:#7A98AA;font-weight:bold;margin-bottom:5px; }
.dashboard .record .fa-user                 { font-size:3em;color:#7A98AA;padding:10px 5px;border:1px solid #7A98AA;border-radius:40px;margin-left:25px; }
.dashboard .record.manager .fa-user         { background-color:#7A98AA;color:white; }
.dashboard .record .user                    { font-size:2em;color:black;font-weight:normal;margin-bottom:5px; }
.dashboard .record .fa-user                 { font-size:3em;color:#AACDC8;padding:10px 5px;border:1px solid #AACDC8;border-radius:40px;margin-left:25px; }
.dashboard .record.manager .fa-user         { background-color:#AACDC8;color:white; }
.dashboard .record .enrollment              { color:#ABABAC; }
.dashboard .record .enrollment .lbl         { font-weight:bold;width:150px;float:left; }
.dashboard .record .enrollment.sequel       { color:#252525; }
.dashboard .record .enrollment .admin-group { padding-left:160px;display:block; }
.dashboard .profile-form                    { padding:15px;border:1px solid #ECECEC;margin-bottom:10px;margin-right:20px;margin-top:-10px; }
.dashboard .profile-form label[for="profile_address_bus"] { font-weight:bold;padding-left:29px; }
.dashboard .record.new                      { background:transparent;color:#AACDC8;border:1px solid #AACDC8;border-bottom:none; }
.dashboard .record.new .user                { color:black;font-weight:normal;padding-top:15px; }
.dashboard .record.new .fa-user             { color:#AACDC8;border-color:#AACDC8; }
.dashboard .profile-form.new                { border:1px solid #AACDC8;border-top:none; }
.dashboard .record .text-right .button      { padding-left:0;padding-right:0;display:block; }

/* oip env styling */
#envMarker {
    text-transform: uppercase;
    padding: 5px;
    color: white;
    z-index: 9999999;
    display: none;
    font-size: .8em;
}

/* dev */
body.so_dev #envMarker,
body.st_niklaas_dev #envMarker,
body.st_truiden_dev #envMarker,
body.gent_dev #envMarker {
    display: block !important;
    background: #4BA32C;
}

/* test */
body.so_test #envMarker,
body.st_niklaas_test #envMarker,
body.st_truiden_test #envMarker,
body.gent_test #envMarker {
    display: block !important;
    background: #002a80;
}

/* acc */
body.so_acc #envMarker,
body.st_niklaas_acc #envMarker,
body.st_truiden_acc #envMarker,
body.gent_acc #envMarker {
    display: block !important;
    background: #bd362f;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.nowrap { white-space:nowrap; }

.float-left { float: left!important; }
.float-right { float: right!important; }



/* COOKIE BANNER */
#sliding-popup {
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 99999;
    left: 0;
    text-align: center;
    background-color: #AACDC8;
}

.sliding-popup-bottom {
    position: fixed;
}

.sliding-popup-top {
    position: relative;
}

#sliding-popup .popup-content {
    margin: 0 auto;
    max-width: 80%;
    display: inline-block;
    text-align: left;
    width: 100%;
}

#sliding-popup .popup-content #popup-buttons {
    float: none;
    margin: 0 0 1em 0;
    max-width: 100%;
}

.eu-cookie-compliance-categories-buttons {
    margin: 0 0 1em 0;
    max-width: 60%;
    float: left;
}

#sliding-popup .eu-cookie-compliance-more-button {
    cursor: pointer;
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: underline;
    background: none;
}

#sliding-popup .eu-cookie-compliance-secondary-button {
    cursor: pointer;
    border: none;
    background: none;
    margin-top: 1em;
    padding: 0 8px;
    vertical-align: middle;
}

#sliding-popup .eu-cookie-compliance-default-button,
#sliding-popup .eu-cookie-compliance-hide-button,
#sliding-popup .eu-cookie-compliance-more-button-thank-you,
#sliding-popup .eu-cookie-withdraw-button,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button {
    cursor: pointer;
    margin-right: 5px;
    margin-top: 1em;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    -moz-box-shadow: inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
    background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid black;
    color: #000;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffffff;
}

.eu-cookie-compliance-save-preferences-button {
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: black !important;
    /*border: 1px solid #ededed!important;*/
    font-weight: 400 !important;
    text-shadow: none !important;
}

#sliding-popup .popup-content #popup-buttons .eu-cookie-withdraw-button {
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: black !important;
    border: none !important;
    font-weight: 400 !important;
    text-shadow: none !important;
}

#sliding-popup .popup-content #popup-buttons .eu-cookie-withdraw-button:hover,
#sliding-popup .popup-content #popup-buttons .eu-cookie-withdraw-button:focus {
    text-decoration: underline;
}

#sliding-popup .eu-cookie-compliance-default-button:hover,
#sliding-popup .eu-cookie-compliance-hide-button:hover,
#sliding-popup .eu-cookie-compliance-more-button-thank-you:hover,
#sliding-popup .eu-cookie-withdraw-button:hover {
    background-color: #dfdfdf;
    background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed));
    background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
}

#sliding-popup .eu-cookie-compliance-default-button:active,
#sliding-popup .eu-cookie-compliance-hide-button:active,
#sliding-popup .eu-cookie-compliance-more-button-thank-you:active,
#sliding-popup .eu-cookie-withdraw-button:active {
    position: relative;
    top: 1px;
}

#sliding-popup .popup-content #popup-text {
    color: #fff;
    float: left;
    font-weight: bold;
    margin: 5px 0 0;
    max-width: 60%;
}

.eu-cookie-compliance-banner {
    padding: 15px 0;
}

.eu-cookie-compliance-banner--categories .eu-cookie-compliance-message {
    max-width: 100%;
}

.eu-cookie-compliance-categories {
    clear: both;
    padding-top: 1em;
}

.eu-cookie-compliance-categories label {
    display: inline;
    color: black;
    margin-left: 3px;
}

#sliding-popup .popup-content #popup-text h1,
#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text h3,
#sliding-popup .popup-content #popup-text p,
#sliding-popup .popup-content #popup-text a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 5px 0;
}

#sliding-popup .popup-content #popup-text h1 {
    font-size: 24px;
}

#sliding-popup .popup-content #popup-text h3 {
    font-size: 12px;
}

#sliding-popup .popup-content #popup-text p {
    font-size: 12px;
    display: inline;
}

#sliding-popup .popup-content #popup-text a {
    text-decoration: underline;
    color:black
}

#sliding-popup .popup-content #popup-text h2 {
    color:black
}

#sliding-popup .popup-content #popup-text a:hover,
#sliding-popup .popup-content #popup-text a:focus {
    text-decoration: none;
}

.eu-cookie-withdraw-tab {
    padding: 4px 7px;
    cursor: pointer;
}

.sliding-popup-bottom .eu-cookie-withdraw-tab {
    border-width: 2px 2px 0;
    border-radius: 5px 5px 0 0;
    background-color: #AACDC8;
    color: black;
    border-color: black;
    left: 82%;
}

.sliding-popup-top .eu-cookie-withdraw-tab {
    border-width: 0 2px 2px;
    border-radius: 0 0 5px 5px;
}

.eu-cookie-withdraw-wrapper.sliding-popup-top,
.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner {
    transform: scaleY(-1);
}


.eu-cookie-withdraw-tab {
    position: absolute;
    top: 0;
    transform: translate(-50%, -100%);
    left: 50%;
}

.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab {
    transform: translate(-50%, -100%) scaleY(-1);
}

.eu-cookie-compliance-hidden {
    display: none;
}

@media screen and (max-width: 600px) {
    #sliding-popup .popup-content {
        max-width: 95%;
    }

    .eu-cookie-compliance-categories,
    #sliding-popup .popup-content #popup-text {
        max-width: 100%;
    }

    #sliding-popup .popup-content #popup-buttons {
        clear: both;
        float: none;
        margin: 5px 0 1em;
        max-width: 100%;
    }

    .eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories {
        float: right;
        margin-top: -56px;
    }

    .eu-cookie-compliance-banner--categories .eu-cookie-compliance-buttons {
        position: initial;
        bottom: unset;
        right: unset;
    }
}

.table-cookieverklaring strong {
    font-weight: bold;
}

.payment-button:hover {
    color: #fff!important;
}

span.enrollment-classes-listing {
    line-height: 1.2rem;
    margin: 0;
    padding: 0 0;
    font-size: 16px;
}