/**
	ALGEMEEN
**/

body {
    color: #4d4f53;
}

h1, h2 {
    color: #383838;
}

.handwriting {
    font-family: 'ITC Bradley Hand W01', Arial, Helvetiva;
    font-size: 12px;
}

header p {
    font-size: 20px;
    margin: 40px 0px 20px;
    text-align: center;
    line-height: 36px;
}

header p strong {
    color: #1397dc;
    font-family: 'ITC Stone Sans II W02', Arial, Helvetica;
    font-weight: normal;
}

body section {
    background-color: #FFF;
}

body section.clear {
    padding: 0;
}

body section.grey {
    background-color: #f1f1f1;
}

.tooltip-inner {
    text-align: left;
}

/*
	SITE COLOURS
*/
.darkgrey {
    background-color: #e8e8e8;
}

.yellow {
    background-color: #f8cc52;
}

.red {
    background-color: #e11b22;
}

.green {
    background-color: #7ab800;
}


/**
	HOMEPAGE
**/
body.homepage {
    background-repeat: no-repeat;
    background-position: center -80px;
    background-size: 100% auto;
}

body.homepage header,
body.insead header,
body.danishstudentsabroad header {
    margin-top: 0px;
    text-align: center;

}


body.zorg header,
body.onderwijs header,
body.admin header {
    margin-top: 1px;
    padding-top: 70px;
    margin-bottom: 0px;

    background-image: url(/static/images/homepage_background.jpg);
    background-repeat: no-repeat;
    background-position: center -160px;
}


body.zorg header,
body.onderwijs header {
    height: 410px;
}

body.homepage header,
body.zorg header,
body.onderwijs header {
    height: 410px;
}

body.admin header h1,
body.homepage header h1,
body.zorg header h1,
body.onderwijs header h1,
body.insead header h1,
body.danishstudentsabroad header h1 {
    font-family: 'ITC Stone Sans II W02', Arial, Helvetica;
    text-align: center;
    font-weight: normal;
    color: #575757;
    margin: 0px;
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: center center;
}

body.homepage header h2 strong,
body.zorg header h2 strong,
body.onderwijs header h2 strong,
body.insead header h2 strong,
body.danishstudentsabroad header h2 strong {
    color: #1397dc;
    font-family: 'ITC Stone Sans II W02', Arial, Helvetica;
    font-weight: normal;
}

body .usp,
body .center-alignment {
    text-align: center;
}

body .usp1 {
    background-image: url(/students/static/images/icons/usp1.png);
}

body .usp2 {
    background-image: url(/students/static/images/icons/usp2.png);
}

body .usp3 {
    background-image: url(/students/static/images/icons/usp3.png);
}

body .usp4 {
    background-image: url(/students/static/images/icons/usp4.png);
}

body .package-for-you {
    text-align: center;
    font-size: 20px;
}

body .package-for-you h2 {
    text-align: center;
    font-size: 30px;
    line-height: 42px;
}

body .package-for-you ul {
    width: 400px;
    margin: 0 auto;
    text-align: left;
}

body .package-for-you ul li {
    min-height: 45px;
}

body ul.faq li {
    background: none;
    padding: 0;
    margin: 0;
    line-height: 32px;
    height: 32px;
}

body.homepage p {
    font-size: 20px;
    text-align: center;
}

body.homepage section.alreadycustomer p,
body.homepage section.alreadycustomer a {
    text-align: left;
    font-size: 18px;
}

body.homepage section.alreadycustomer a {
    display: block;
    text-decoration: none;
    border-bottom-width: 0px;
}

body.homepage section.alreadycustomer a:hover {
    text-decoration: underline;
}

body.homepage section.alreadycustomer a.button {
    display: inline-block;
    display: inline \9; /* IE8.fix */
}

body.homepage nav.quicklaunch {
    margin-bottom: 20px;
    line-height: 36px;
}

body form.form.contact label {
    display: block;
    font-weight: normal;
    font-size: 18px;
    width: auto;
    float: none;
    text-align: left;
    margin-top: 30px;
}

body form.form.contact input {
    width: 100%;
    height: 35px;
}

body form.form.contact textarea {
    width: 100%;
}

/*
	SERVICE NAVIGATIE
*/
#bodystart nav {
    float: right;
    margin-top: 40px;
}

#bodystart nav a.link,
#bodystart nav div.select {
    font-size: 14px;
    display: block;
    float: left;
    padding: 0px 20px;
    color: #4d4f53;
    line-height: 22px;
    border-left: 1px solid #4d4f53;
    border-bottom-width: 0px;
}

#bodystart nav div.select,
#bodystart nav div.selector {
    background-image: url(/students/static/images/icons/arrow_down.png);
    background-position: right 8px;
    background-repeat: no-repeat;
    padding-right: 30px;
}

#bodystart nav div.select a {
    color: #4d4f53;
    cursor: pointer;
    border-bottom-width: 0px;
}

#bodystart nav div.select div.selector {
    margin-top: -28px;
    background-color: #FFF;
    background-position: right 13px;
    border: 1px solid #333;
    padding: 5px 30px 5px 20px;
    position: absolute;
    z-index: 10;
    margin-left: -21px;
    cursor: default;
}

#bodystart nav div.selector a {
    font-size: 14px;
    display: block;
    float: none;
    color: #4d4f53;
    line-height: 22px;
    border-bottom-width: 0px;
}

#bodystart nav a:first-child {
    border-left-width: 0px;
}

#bodystart nav .button {
    margin-top: -10px;
    margin-left: 10px;
}

#bodystart nav .selector {
    display: none;
}

/* advies */
div.errors li {
    padding-left: 0px;
    background-image: none;
    color: inherit;
}

body.controle div.item label {
    text-align: left;
    line-height: 20px;
}

body.controle div.item div.value {
    line-height: 20px;
}

body.controle div.item {
    padding: 1px 0px;
}

body.slotvragen div.item.large label {
    width: 600px;
    text-align: left;
}

body.slotvragen div.item.toggle label,
body.slotvragen div.item.subvraag label {
    width: 310px;
    font-size: 0.9em;
}

body.slotvragen div.item.toggle textarea,
body.slotvragen div.item.subvraag textarea {
    min-width: 400px;
}

body.slotvragen label.final {
    width: 467px;
    margin: 20px 0px 0px;
}

div.alertEndDate p {
    background-color: #fec56f;
    margin-top: 20px;
    padding: 30px;
    font-size: 15px;
    text-align: left;
}

/**
	UNKNOWN ::
**/
#insurances ul.dropdown-container li {
    display: block;
    float: none;
}

#insurances ul.dropdown-container {
    height: auto;
}

/* #insurances ul.dropdown-container #icsstart { */
/* 	margin-bottom: 20px; */
/* } */
select.language-selector {
    margin-left: 10px;
}

body.page-not-found,
body.session-expired {
    background-image: none;
}

body.page-not-found h1 {
    margin-top: 200px;
}

/** PARALLAX DUMP **/
body.splash {
    background-image: url(/students/static/images/onderwijs_background.jpg);
    background-position: center top;
    background-size: 100%;
}

body.splash header {
    height: 500px;
}

body.splash header .row:after {
    border-bottom-width: 0px;
}

body.splash header h1 {
    margin-top: 50px;
    text-align: center;
}

body.splash header h2,
body.splash header p {
    text-align: center;
}

body.splash .block {
    height: 500px;
    background-color: #FFF;
}

body.splash .block h1 {
    margin-top: 50px;
    text-align: center;
    font-size: 40px;
}

body.splash .block h2 {
    text-align: center;
}

body.splash .parallax-2 {
    background-image: url(/students/static/images/background1.jpg);
    background-position: center top;
    background-size: 100%;
}

body.splash .parallax-3 {
    background-color: #EEE;
}

/********** STUDENTEN LOGIN **************/
body.login .info {
    background-color: #f9cd52;
    padding: 20px;
    border-radius: 5px;
}

body.login .info ul {
    margin-top: 10px;
}

body.login .info ul li {
    background-image: url(/students/static/images/icons/listitem.gif);
    background-position: 10px 7px;
}

body.login .submit.button {
    width: 172px;
    margin-right: 0px;
    margin-bottom: 2px;
}

body.login span.forgotpassword {
    font-size: 0.9em;
    float: left;
    clear: left;
}

body.login .alert {
    background-position: 10px 15px;
    background-image: url(/students/static/images/icons/alert.gif);
    background-repeat: no-repeat;
    background-color: #EEE;
    margin-bottom: 20px;
    font-style: italic;
    padding: 20px 20px 10px 60px;
}

body.login .alert ul {
    margin-top: 0px;
}

body.login .alert ul li {
    background-image: none;
    padding: 0px;
}

/***** TABLE STYLING *****/
.default-table {
    width: 100%;
    text-align: center;
}

.default-table td {
    padding: 10px;
}

.default-table thead {
    background-color: #EEEEEE;
}

.default-table thead th {
    text-align: center;
    padding: 15px;
}

/***** INSURANCE OVERVIEW/OVERZICHT STYLING *****/

#insurance-overview {
    font-size: 13px;
    line-height: 21px;
}

#insurance-overview .col {
    position: relative;
    width: 23%;
    height: 630px;
    height: 650px \9; /* IE8.fix */
    padding: 10px;
    margin-left: 2.5%;
    float: left;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#insurance-overview .colthreespacing {
    float: left;
    width: 10.5%;
    padding: 10px;
}

#insurance-overview .col.grey {
    background-color: #f4f4f4;
}

#insurance-overview .col:first-child {
    margin-left: 0;
}

#insurance-overview .col img {
    margin: -32px auto 0 auto;
    display: block;
}

#insurance-overview .col h2 {
    text-align: center;
}

#insurance-overview .col h3.handwriting {
    text-align: center;
    font-size: 20px;
    height: 45px;
}

#insurance-overview .col ul.pros {
    padding: 15px;
    margin: 0 0 10px;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#insurance-overview .col ul.pros.custom-one {
    margin-top: 137px;
}

#insurance-overview .col ul.pros.custom-two {
    margin-top: 53px;
}

#insurance-overview .col ul.pros li {
    background-image: url(/students/static/images/icons/tick-small.png);
    padding-top: 4px;
    margin-bottom: 5px;
    background-position: 0 6px;
    min-height: 30px;
    line-height: 23px;
}

#insurance-overview .col ul.pros li:last-child {
    margin-bottom: 0;
}

#insurance-overview .col p {
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px;
    margin-top: 20px;
}

#insurance-overview .col .price {
    position: absolute;
    bottom: 20px;
    left: 10px;
}

#insurance-overview .col .price p {
    margin-left: 40px;
    margin-bottom: 0;
}

#insurance-overview .col .price span {
    display: block;
    font-size: 30px;
    margin: 10px 0 10px 50px;
}

#insurance-overview .col .price span sup {
    font-size: 18px;
}

#insurance-overview .col .price a.link {
    margin-top: 10px;
    display: inline-block;
    font-size: 18px;
    margin-left: 50px;
}

/* QUICK STYLES */
.unbreakable {
    display: inline-block;
}

.ta-left {
    text-align: left !important;
}

/***** PARTNERS *****/
body.danishstudentsabroad .premie {
    font-size: 30px;
    font-weight: bold;
    color: #7ab800;
}

body.danishstudentsabroad table {
    width: 300px;
}

body.homepage #partnercontent {
    text-align: center;
    padding-bottom: 70px;
}

body.homepage #partnercontent img {
    margin: 20px auto 0;
    display: block;
}

body.homepage #partnercontent h3 {
    font-size: 30px;
    color: #575757;
    margin: 30px 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #c2c2c2;
    text-align: center;
    display: inline-block;
}

body.zorg section.intro,
body.danishstudentsabroad section.intro,
body.insead section.intro {
    font-size: 18px;
    text-align: center;
}

body.customersupport header h1,
body.customersupport section h1 {
    text-align: left;
    margin-bottom: 10px;
}

body.customersupport section h2 {
    line-height: 40px;
}

body.customersupport ul.faq li a {
    line-height: 40px;
    font-size: 18px;
    color: #4d4f53;
    border-width: 0px;
}

body.customersupport ul.faq li a:hover {
    text-decoration: underline;
}

body.customersupport header img {
    margin: 0px auto;
}

body.customersupport ul.faq li {
    padding: 0px;
}

body ul.faq li {
    line-height: 24px;
    padding: 4px 0px;
    height: auto;
}

body article.custom-list-partners h2 {
    text-align: center;
}

body article.custom-list-partners ul {
    width: 600px;
    margin: 0 auto;
}

body article.custom-list-partners ul li {
    line-height: 34px;
    background-position: 5px 15px;
    text-align: left;
    padding-left: 60px;
}

body.homepage .container.contact {
    min-height: 230px;
}

.pregnancyQuestions {
    background-color: #EEE;
    padding: 10px;
}

/******************************************************************************************************* Private dashboard ***/
.admin h1 {
    text-align: left;
}

.admin h2 {
    color: #e1181f;
    font-weight: 500;
}

.aanvraag-summary {
    width: 100%;
}

.aanvraag-summary td {
    text-align: center;
}

.aanvraag-summary .amount {
    font-size: 36px;
    font-weight: bold;
    display: block;
}

.aanvraag-summary .amount.red {
    color: #e11b22;
}

.aanvraag-summary .amount.orange {
    color: #f0ab00;
}

.aanvraag-summary .amount.green {
    color: #7ab800;
}

.aanvraag-summary .amount.blue {
    color: #0083a9;
}

table.data-view {
    width: 100%;
    font-size: 14px;
}

table.data-view tr {
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
}

table.data-view tr .actions,
table.data-view tr .actions-delete,
table.data-view tr .actie,
table.data-view tr .action {
    padding: 0px;
    width: 40px;
    white-space: nowrap;
    text-align: right;
}

table.data-view tr .actions,
table.data-view tr .actions-delete,
table.data-view.narrow tr .actie,
table.data-view.narrow tr .action {
    padding: 0px;
}

table.data-view tr th {
    font-weight: 600;
    padding: 7px 10px;
    height: 50px;
    font-style: normal;
}

table.data-view.narrow tr th {
    height: 30px;
    padding: 5px 5px;
}

table.data-view tr th a {
    border-width: 0px;
    color: #4d4f53;
}

table.data-view tr th.sorted a {
    padding-right: 20px;
    color: #0083a9;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(/students/static/images/custom/sort-asc.png);
}

table.data-view tr th.sorted.desc a {
    background-image: url(/students/static/images/custom/sort-desc.png);
}

table.data-view tbody tr {
    height: 60px;
}

table.data-view.narrow tbody tr {
    height: 32px;
}

table.data-view.narrow tbody td {
    padding: 5px 5px;
}

table.data-view tbody tr:hover {
    background-color: #fafafa;
}

table.data-view tbody td {
    padding: 7px 10px;
    font-family: 'ITC Stone Sans II W01', Arial, Helvetica;
    text-align: left;
    cursor: pointer;
    line-height: 15px;
}

table.data-view tbody tr.noclick td {
    cursor: default;
}

/*
table.data-view td.status {
	white-space: nowrap;
}
*/
table.data-view td.actie a,
table.data-view td.action a {
    display: inline-block;
    height: 60px;
    width: 40px;
    background-repeat: no-repeat;
    border-width: 0px;
    vertical-align: bottom;
}

table.data-view.narrow td.actie a,
table.data-view.narrow td.action a {
    height: 40px;
}

table.data-view td a.details {
    background-image: url(/students/static/images/template/icons/button-arrow-large.png);
    background-position: 14px center;
    background-color: #448e77;
}

table.data-view td a.delete {
    background-image: url(/students/static/images/template/icons/button-cross-large.png);
    background-position: 11px center;
    background-color: #e01f26;
}

table.data-view td a.unlock {
    background-image: url(/students/static/images/template/icons/lock-closed.png);
    background-position: 13px center;
    background-color: #f26c4f;
}

table.data-view td.actie a:hover,
table.data-view td.action a:hover {
    background-color: #6ba593;
}

table.data-view td.actie a.delete:hover,
table.data-view td.action a.delete:hover {
    background-color: #fa232a;
}

table.data-view td.actie a.unlock:hover,
table.data-view td.action a.unlock:hover {
    background-color: #f4876f;
    background-image: url(/students/static/images/template/icons/lock-open.png);
}

table.data-view td.status-1,
table.data-view td.premie-1 {
    padding-right: 3px;
}

table.data-view td.status-2,
table.data-view td.premie-2 {
    padding-left: 2px;
}

table.data-view th.actie,
table.data-view th.action {
    width: 40px;
}

div.data-loader.loading {
    background-image: url(/students/static/images/custom/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
}

.infinite-scroll-loader {
    display: block;
    margin: 20px auto;
}

.infinite-scroll-button {
    background-image: url(/students/static/images/custom/toonmeer.png);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 35px;
    font-size: 18px;
    text-transform: uppercase;
    color: #d3cd8b;
    display: block;
    margin: 20px auto;
    width: 100px;
    text-decoration: none;
    cursor: pointer;
    border-bottom-width: 0px;
}

.infinite-scroll-button:hover {
    color: #d3cd8b;
}

table.data-view tfoot td {
    background-color: #ecf8f4;
    border-bottom: 1px solid #dfece8;
    color: #448e77;
    text-align: center;
}

.dashboard.onderwijs header {
    height: 250px;
    background-position: center -320px;
}

.dashboard.admin header {
    height: 250px;
    background-position: center -320px;
}

img.calendar {
    cursor: pointer;
}

.ajaxLoader.pacos {
    display: none;
}

#searchResults .buttons {
    margin-top: -20px;
    height: 40px;
}

textarea.small {
    font-size: 0.8em;
    min-width: 360px;
    min-height: 400px;
}

.paging {
    text-align: right;
    clear: both;
}

.paging a {
    text-decoration: none;
    padding: 5px;
    border-radius: 3px;
    display: inline-block;
    margin: 5px 0px 0px 5px;
    border-width: 0px;
    width: 30px;
    text-align: center;
    border: 1px solid #419e81;
    color: #419e81;
    background-color: #FFF;
}

.paging a:hover {
    background-color: #EEEEEE;
}

.paging a.active {
    background-color: #419e81;
    color: #FFF;
}

.paging a.active:hover {
    cursor: default;
}

/************************************************************************************************* Custom forms */

div.error h2 {
    font-size: 20px;
}

div.error ul, div.error li {
    margin-left: 20px;
}


.ui-autocomplete-input {
    display: block;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #7d7d7d;
    padding-left: 10px;
    height: 40px;
}

.autocompleteDropdown {
    display: block;
    position: absolute;
    width: 40px;
    height: 38px;
    background-color: #EEE;
    margin-top: -39px;
    right: 16px;
    border-bottom-width: 0px;
    border-radius: 3px;
    background-image: url(/students/static/images/template/dropdown.png);
    background-repeat: no-repeat;
    background-position: 9px 3px;
}

.autocompleteDropdown:hover {
    background-color: #F5F5F5;
}

.ui-autocomplete {
    border-radius: 5px;
    border: 1px solid #7d7d7d;
    margin-top: 0px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-autocomplete .ui-menu-item,
.ui-autocomplete .ui-menu-item:hover {
    background-image: none;
    border-width: 0px;
    padding: 0px 3px 0px 10px;
    margin: 0px;
    border-radius: 3px;
    line-height: 35px;
    cursor: pointer;
}

.ui-autocomplete .ui-menu-item.marked {
    background-color: #E0EFFF;
}

.ui-autocomplete .ui-menu-item:hover {
    background-color: #EFEFEF;
}

.ui-autocomplete .ui-menu-item a,
.ui-autocomplete .ui-menu-item span {
    color: #4d4f53;
    font-weight: normal;
    padding: 0px;
    margin: 0px !important;
    font-size: 16px;
    font-family: 'ITC Stone Sans II W01', Arial, Helvetica;
    background-color: transparent;
    background-image: none;
    display: inline-block;
    border: 0px;
}

.ui-autocomplete .ui-menu-item span.label {
    vertical-align: middle;
    word-wrap: break-word;
    white-space: normal;
    line-height: 18px;
    padding: 5px 0;
    display: inline-block;
    float: none;
    width: auto;
    text-align: left;
}

.ui-autocomplete .ui-menu-item a {
    width: 30px;
    height: 35px;
    float: right;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
}

.ui-autocomplete .ui-menu-item a:hover {
    background-size: 80%;
}

.ui-autocomplete .ui-menu-item a.edit {
    background-image: url(/students/static/images/template/icons/instellingen-grey.gif);
}

.ui-autocomplete .ui-menu-item a.login-als {
    background-image: url(/students/static/images/template/icons/login-als.gif);
}

.form.variables select {
    width: 200px;
    margin-right: 20px;
}

.export form {
    background-color: #dfece8;
    padding: 32px;
    border-radius: 3px;
    position: relative;
}

.export section {
    padding: 25px 0px;
}

#exportMail input,
.export form input[type=text],
.export form select,
.export form .daterange {
    line-height: 42px;
    height: 42px;
    padding-left: 10px;
    vertical-align: 0px;
    margin-right: 20px;
}

#exportMail input {
    width: 100%;
}

.export form .button.medium {
    min-height: 41px;
    padding-top: 7px;
    padding-bottom: 6px;
    margin: 0px 0px 0px 20px;
}

.button.white {
    background-color: #FFF;
    border: 1px solid #BBB;
    color: #454545;
    background-image: none !important;
    padding-right: 20px !important;
}

.button.white:hover {
    background-color: #EFEFEF;
}

.export form .zoekbuttons {
    right: 30px;
    bottom: 30px;
    position: absolute;
}

.zoekterm {
    width: 700px;
}

.morefilters {
    margin-top: 20px;
}

.morefilters .daterange {
    min-width: 280px;
    background-color: #FFF;
    border: 1px solid #BBB;
    display: inline-block;
    padding-right: 20px;
    cursor: text;
}

.morefilters .daterange em {
    color: #BBB;
}

.morefilters .daterange .to-icon {
    background-image: url(/students/static/images/icons/to-icon-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    width: 32px;
    height: 26px;
    vertical-align: -8px;
    display: inline-block;
}

.morefilters fieldset label {
    font-weight: bold;
    width: 140px;
    text-align: left;
}

.morefilters fieldset .value {
    margin-left: 0px;
}

.morefilters fieldset .value label {
    margin-right: 50px;
}

.morefilters fieldset select {
    width: 270px;
    margin-right: 20px;
}

.morefilters fieldset input[type=checkbox] {
    vertical-align: -2px !important;
}

div.filters {
    margin: 10px 0px 10px 0px;
}

div.filters > div {
    display: inline-block;
    background-color: #f5f5f5;
    line-height: 30px;
    padding: 4px 4px 4px 10px;
    margin: 5px 20px 5px 0px;
    border-radius: 5px;
}

div.filters > div a {
    background-image: url("/students/static/images/icons/remove-filter.png");
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 0 none;
    display: inline-block;
    height: 20px;
    margin-left: 4px;
    vertical-align: -5px;
    width: 20px;
}

.form.narrow div.value,
.form.narrow label {
    line-height: 30px;
}

.form .premie {
    color: #419e81;
    font-size: 26px;
}

div.value .button.small {
    margin-bottom: 0px;
}

/************************************************************************************************* searchbox aanvragen verwerken */

.form div.message.searchbox {
    padding-bottom: 20px;
    background-color: #d3ecf6;
}

.form div.message.searchbox.showResults {
    padding-bottom: 2px;
}

div.searchbox .inputField {
    display: inline-block;
    width: 100%;
    text-align: right;
    color: #1397dc;
}

div.searchbox .inputField input {
    width: 100%;
    min-height: 48px;
    font-size: 20px;
    padding-left: 9px;
    color: #4d4f53;
}

@media screen and (max-width: 992px) {
    div.searchbox a.button {
        float: none;
        margin: 20px;
    }
}

@media screen and (min-width: 992px) {
    div.searchbox .inputField {
        width: 617px;
    }
}

@media screen and  (min-width: 1200px) {
    div.searchbox .inputField {
        width: 816px;
    }
}


/************************************************************************************************* Overlay */
section.overlay {
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #555;
    background-color: rgba(32, 32, 32, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
    padding: 0px;
}

section.overlay .content {
    background-color: #f4f4f4;
    margin-top: 0px;
    border-radius: 5px;
    padding: 20px 50px;
    text-align: left;
    color: #282828;
    overflow: hidden;
    position: absolute;
    width: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

section.overlay .content.large {
    width: 1000px;
}

section.overlay label {
    color: #282828;
    font-size: 24px;
    line-height: 36px;
    margin: 20px 0;
    text-align: center;
    font-weight: normal;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #333;
    display: block;
}

section.overlay .buttons {
    margin: 20px 0px 10px;
    text-align: center;
}

/************************************************************************************************* Overlay customs */
section.overlay table {
    width: 100%;
}

section.overlay table thead tr {
    border-bottom: 1px solid #777;
}

section.overlay table tr:nth-child(even) {
    background-color: #DDD;
}

section.overlay table th {
    padding: 3px;
}

section.overlay table td {
    font-size: 14px;
    padding: 3px;
}

section.overlay table td.small {
    font-size: 12px;
}

section.overlay.accountteam tbody tr:hover {
    background-color: #CCC;
    cursor: pointer;
}

section.overlay pre {
    height: 400px;
    overflow: scroll;
    white-space: pre-wrap;
    line-height: 1.0em;
}

#confirmation h2.success {
    color: #419e81;
}

body.polisdetails div.COMPLIANCE-ZWART,
body.polisdetails div.COMPLIANCE-ORANJE,
body.polisdetails div.COMPLIANCE-GROEN,
body.polisdetails div.COMPLIANCE-ROOD {
    border-radius: 5px;
    display: inline-block;
    padding: 3px 15px;
    margin-top: -2px;
    font-weight: 900;
}

body.polisdetails div.COMPLIANCE-ZWART {
    color: #818181;
    background-color: #282828;
}

body.polisdetails div.COMPLIANCE-ORANJE {
    color: #f09774;
    background-color: #ea5a00;
}

body.polisdetails div.COMPLIANCE-GROEN {
    color: #92c780;
    background-color: #4fac25;
}

body.polisdetails div.COMPLIANCE-ROOD {
    color: #ea7e80;
    background-color: #e01f26;
}

div.row .item.edited {
    background-image: url(/students/static/images/edited.gif);
    background-position: center top;
    background-repeat: no-repeat;
    border-bottom-color: #FFF;
}

div.row .item.first.edited {
    margin-top: 20px;
}

/************************************************************************************************* Cookie melding */
#cookiepolicy {
    background: #000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
    height: 32px;
    line-height: 32px;
}

#cookiepolicy #cookietext {
    text-align: center;
    color: #CCC;
    font-size: 11px;
}

#cookiepolicy #cookietext a {
    border-bottom: 1px dotted #CCC;
    color: #CCC;
    cursor: pointer;
    text-decoration: none;
}

#cookiepolicy #cookietext a:hover {
    border-bottom: 1px solid #CCC;
}

#cookiepolicy #cookietext #cookiebutton {
    background: none repeat scroll 0 0 #777;
    border-radius: 4px 4px 4px 4px;
    color: #EEEEEE !important;
    font-weight: bold;
    height: 15px;
    line-height: 33px;
    margin-left: 15px;
    margin-top: 5px;
    opacity: 1;
    padding: 3px 5px;
    text-decoration: none;
    border: 0;
}

#cookiepolicy #cookietext #cookiebutton:hover {
    border: 0;
}

ul.list-unstyled li {
    background-image: none;
}

ul.list-unstyled li a {
    border-bottom: 0;
}

.browsers {
    text-align: center;
    margin-bottom: 0;
    margin-top: 40px;
}

.browsers li {
    margin-right: 30px;
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .browsers li {
        margin-bottom: 0;
    }
}

.browsers li a {
    display: block;
}

.browsers li a img {
    width: 100px;
    height: 100px;
}


#onPageSummaryTable {
    width: 100%;
}

#onPageSummaryTable thead {
    border-bottom: 1px solid #777;
}

.error-box {
    padding: 20px;
    background-color: red;
    color: white;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Custom buttons */
a.button.medium.blue,
input[type=submit].button.medium.blue {
    min-height: 48px;
    line-height: 26px;
    padding: 11px 44px 11px 20px;
    font-size: 20px;
    background: #4fa2dc none;
}

a.button.medium.blue:hover,
input[type=submit].medium.blue:hover {
    background-color: #0e8acc;
}

input[type=submit].button.medium.blue {
    border: 0;
    border-radius: 3px;
    color: #fff;
}

a.button.medium.yellow {
    min-height: 48px;
    line-height: 26px;
    padding: 11px 44px 11px 20px;
    font-size: 20px;
    background: #f8cc52 none;
}

a.button.medium.yellow:hover {
    background-color: #eec44f;
}

a.button.medium.blank {
    min-height: 48px;
    line-height: 26px;
    padding: 11px 44px 11px 20px;
    font-size: 20px;
    background: rgba(255, 255, 255, 0.75) none;
    color: #515354;
}

a.button.medium.blank:hover {
    background-color: rgba(244, 244, 244, 0.75);
}

a.button.small.delete {
    min-height: 30px;
    line-height: 31px;
    font-size: 14px;
    padding: 0px 40px 0px 20px;
    padding: 8px 40px 8px 20px \9;
}

a.button.delete {
    background-image: url(/static/images/template/icons/button-cross-large.png);
}

div.item div.value.large {
    max-width: 45%;
    white-space: initial;
}

/* Contact Form CSS */
html,
body.aanvraag.contact {
    background: none 0 !important;
}

body.aanvraag.contact header {
    margin: 0;
    padding: 0;
}

body.aanvraag.contact input[type="text"],
body.aanvraag.contact input[type="password"] {
    padding: 5px 7px;
    height: 35px;
    line-height: 25px;
}

body.aanvraag.contact textarea {
    min-width: 300px;
    padding: 10px;
}

body.aanvraag.contact h2.page-header {
    text-align: center;
    font-size: 30px;
    margin: 20px 0 0;
}

body.aanvraag.contact input[type="radio"] {
    margin-right: 10px;
}

body.aanvraag.contact .buttons {
    padding-left: 597px;
}

body.aanvraag.contact .buttons a {
}

body.aanvraag.contact.bevestiging h2 {
    margin: 50px 0px;
    line-height: 50px;
}

/* Claims CSS */
html,
body.claims {
    background: none 0 !important;
}

body.claims header {
    margin: 0;
    padding: 0;
}

body.claims h2 {
    text-align: center;
}

label span.error {
    color: red;
}

label.agreement {
    width: auto;
    float: none;
    display: block;
    text-align: left;
}


/**
Styling voor de attachment componenten. Toegevoegd door de backend developers zodat de functionaliteiten getest kunnen worden.
De front end developer zal dit nog eens moeten doorlopen. Deze elementen dienen tussen dit stukje commentaar en de Einde Styling commentaar vastgelegd te worden
ter gunste van de overzichtelijkheid
**/

ul.attachments li {
    background-image: url(/static/images/icons/page_attach.png);
    background-position: 4px 6px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #F3F3F3;
    background-color: transparent;
    padding: 4px 0px 5px 26px;
    line-height: 20px;
}

ul.uploads li.loading {
    background-image: url(/static/images/custom/loading_bar.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 22px;
}

ul.attachments li a {
    border-bottom: 0px solid #000;
}

ul.attachments li a.delete, a.delete {
    background-image: url(/static/images/icons/trash_50.png);
    background-position: 14px center;
    background-repeat: no-repeat;
    padding-left: 34px;
    border-bottom: 0px;
}

ul.attachments li a.delete:hover, a.delete:hover {
    background-image: url(/static/images/icons/trash.png);
}

/*Styling for the dynamic diagnoses input*/
#diagnosesInput {
    padding: 5px;
    height: 35px;
    border: 1px solid black;
    outline: none;
    border-radius: 5px;
    color: black;
    width: 350px;
}

#diagnoses {
    background-color: white;
    border: 1px solid black;
    border-radius: 0 0 5px 5px;
    border-top: none;
    width: 350px;
    padding: 5px;
    max-height: 40rem;
    overflow-y: auto
}

.diagnosisOption {
    background-color: white;
    padding: 4px;
    color: black;
    margin-bottom: 1px;
    font-size: 15px;
    cursor: pointer;
}

.diagnosisOption:hover, .active {
    background-color: lightgrey;
}

/**
Einde Styling voor de attachment componenten.
**/