/* Standaardfontdefinitie */
* {font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 12px;}

/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */
.no-iframe-body {margin: 0; padding: 0; max-width: 100%; height: 100%;}
.no-iframe-page {max-width: 100%;}
.no-iframe-content {max-width: 980px; min-height: 60%; margin: 0px auto 0 auto; padding: 0;}
.csbs .no-iframe-content {padding-top: 5px;}
.no-iframe-logo {max-width: 980px; margin: 0 auto; height: 60px; background:url("https://www.umcg.nl/_layouts/15/umcgportal/images/logo.png") no-repeat scroll 0px 0px transparent; background-size: 111px;}
.no-iframe-header {height: 60px; width: 100%; margin-bottom: 0px; padding-top: 0px; border-bottom: 0px solid #E75012;}

body:not(.no-iframe-body) div.header {display:none;}

/* Basis steunkleur instellen, layout met borders in plaats van fill */
.button a:hover div.centered * {color: #FFFFFF;}
a, .accountmenu a, .history a, button, a.maillink {color: #18388E; text-decoration: underline;}
.submitbutton, a.actionlink, input.flatbutton, #fotolink-image, .photocontainer, .flipbase-button {background-color: #2890C3;}

.submitbutton, a.actionlink, input.flatbutton, .flipbase-button {color: #FFFFFF;}
.submitbutton, a.actionlink {text-transform: none;}
div.formsubmitbutton {}
.submitbutton {max-width: 24em;}
a:hover, .history a:hover * {color: #18388E;}
.submitbutton:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span, .flipbase-button:hover {background-color: #2890C3; border: none; box-sizing: border-box;}
.button a, .button a:hover, div#upload-cv-div {border: none;}
div.centered *, button, .button, .button a, .submitbutton:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover, button:hover span, .flipbase-button:hover {color: #FFFFFF;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 0px solid #EEEEEE;}
input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus {border: 1px solid rgba(0, 0, 0, 1);}
button, .button {border: 1px solid #A4D2EA;}
button, .button, .button a, div#upload-cv-div {background-color: #CDE3F3; color: #18388E;}
button, .button, .button a {transition: all .3s; text-decoration: none;}
button:hover, .button:hover, .button a:hover {background-color: #CDE3F3; color: #18388E; border: 1px solid #A4D2EA;}
#boxcontainer-textkernel .button:hover {background-color: #CDE3F3;}

div.headerblock {padding: 15px; background-color: #E2EFF8; color: #18388E;}
body.no-iframe-body div.marginblock {margin: 0 15px;}
div.inputblock {margin-top: 15px; padding: 15px; background-color: #E2EFF8; color: #18388E;}

/* Afronding van submitknoppen */
.submitbutton {
    border-radius: 24px;
}

/* Afronding van andere knoppen en inputs */
a.actionlink, .button, .button a, input.flatbutton, button, input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea, div#upload-cv-div {
    border-radius: 4px;
}

.headerblock p, .headerblock div, .inputblock p, .inputblock div, input, select, option, .upload label, select.empty, input.date.empty, input[type="date"].empty, input.text, input[type="text"], input.date, input[type="date"], input.account, textarea, .csbs label  {color: #18388E;}

select, option,select:not(.empty), input.date.empty, input[type="date"].empty, input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea, .upload label, button  {
    font-size: 12px;
}

::-webkit-input-placeholder {
    color: #18388E;
    opacity: 1 !important;
    font-size: 12px;
}

:-moz-placeholder { /* Firefox 18- */
    color: #18388E;
    opacity: 1 !important;
    font-size: 12px;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #18388E;
    opacity: 1 !important;
    font-size: 12px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #18388E;
    opacity: 1 !important;
    font-size: 12px;
}

h1, h2 {text-transform: none; color: #18388E; font-weight: bold;}
h1 {font-size: 21px;}
h2 {font-size: 18px;}
.csbs h2, .vdtl h2, .vsbs h2 {margin: 16px 0; padding-bottom: 0px;}
h3 {font-size: 14px; margin: 15px 0;}
 
.bold {font-weight: bold;}

body:not(.no-iframe-body) .hideiniframe {display: none;}

/*  GRID OPTIMIZATION */
@media only screen and (min-width: 748px) and (max-width: 768px) {
    .col {
        margin: 0.5% 0.5% 0.5% 0.5%;
    }

    .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_1_of_3, .span_1_of_5 {
        width: 99%;
    }

    .span_1_of_3 {
        width: 32.3%;
    }

    .span_5_of_8, .span_4_of_8, .span_3_of_8, .address .span_3_of_8, .block .span_3_of_8:first-child, .span_2_of_8 {
        width: 49%;
    }

    .span_1_of_8 {
        width: 24%;
    }
}