/* Base definitions */
*{font-family: Arial, Helvetica, Arial, Verdana, sans-serif;font-size:14px;}
::-webkit-input-placeholder{color:rgb(180,185,190);font-style:italic;}
::-moz-placeholder{color:rgb(180,185,190);font-style:italic;}
:-ms-input-placeholder{color:rgb(180,185,190);font-style:italic;}
button.error:hover{background-color:rgb(242, 222, 222) !important;}
button.success:hover{background-color:rgb(223, 240, 216);}
button[type="submit"]{color:rgb(55,55,55);background-color:rgb(188,215,82);border:1px solid rgb(180,185,190);}
button[type="submit"]:hover{background-color:rgb(180,200,60);}
input[type="radio"]+label{border:1px solid rgb(180,185,190);background-color:rgb(255,255,255);}
input[type="radio"]:checked+label span{background-color:rgb(188,215,82);}
input[type="checkbox"]+label{border:1px solid rgb(180,185,190);background-color:rgb(255,255,255);}
input[type="checkbox"]:checked+label span{background-color:rgb(188,215,82);}
input[type="text"]{color:rgb(55,55,55);background-color:rgb(240,240,240);border:1px solid rgb(180,185,190);}
input[type="password"]{color:rgb(55,55,55);background-color:rgb(240,240,240);border:1px solid rgb(180,185,190);}
input[type="number"]{color:rgb(55,55,55);background-color:rgb(240,240,240);border:1px solid rgb(180,185,190);}
select{color:rgb(55,55,55);background-color:rgb(240,240,240);border:1px solid rgb(180,185,190);}
select:not([multiple]){background: rgb(240,240,240) url("/Application/Assets/Img/Backgrounds/arrow.png") no-repeat 98% 50%;}
textarea{color:rgb(55,55,55);background-color:rgb(240,240,240);border:1px solid rgb(180,185,190);}
.error{background-color:rgb(249,242,244) !important;border:1px solid rgb(199,37,78) !important;color:rgb(199,37,78) !important;}
.success{background-color:rgb(241,249,247);border:1px solid rgb(29,157,116);color:rgb(29,157,116);}

/* Login page */
body.login{background-color:rgb(220,220,220);}
body.login .top_section{background-color:rgb(55,55,55);border-bottom:2px solid rgb(255,255,255);}
body.login .logo_section{background:url("/Application/Assets/Img/logo.png") center/auto 100px no-repeat;}
body.login .form_section{background-color:rgb(255,255,255);border:1px solid rgb(180,185,190);}
body.login .hyperLink{text-decoration:none;color:rgb(150,150,150);}
body.login .hyperLink:hover{color:rgb(55,55,55);}

/* Portal Main */
body.portal{background-color:rgb(220,220,220);color:rgb(55,55,55);}

/* Portal TopBar */
body.portal .topbar_section{background-color:rgb(240,240,240);border-bottom:1px solid rgb(255,255,255);}
body.portal .topbar_section a.topbarlink{text-decoration:none;color:rgb(150,150,150);}
body.portal .topbar_section a.topbarlink:hover{color:rgb(55,55,55);border-bottom:5px solid rgb(188,215,82);}
body.portal .topbar_section a.topbarlink.active{color:rgb(55,55,55);border-bottom:5px solid rgb(188,215,82);}
body.portal .topbar_section a.topbarbutton{text-decoration:none;color:rgb(150,150,150);background-color:rgb(238,244,210);}
body.portal .topbar_section a.topbarbutton:hover{color:rgb(255,255,255);background-color:rgb(55,55,55);border-bottom:5px solid rgb(188,215,82);}
body.portal .topbar_section a.topbarbutton.active{color:rgb(55,55,55);background-color:rgb(188,215,82);}
body.portal .topbar_section .help .description{border-bottom:1px solid rgb(240,240,240);color:rgb(255,255,255);background-color:rgba(0,0,0,0.8);}
body.portal .topbar_section .help i{color:rgb(255,255,255);border:1px solid rgb(240,240,240);background-color:rgb(100,99,100);}
body.portal .topbar_section .help i:hover{background-color:rgb(55,55,55);}

/* Portal Mobile Menu */
body.portal .mobile_menu{}
body.portal .mobile_menu span.mobile{font-size:16px;color:rgb(255,255,255);background-color:rgb(55,55,55);border-bottom: 1px solid rgb(188,215,82);}
body.portal .mobile_menu ul li a{font-size:16px;color:rgb(255,255,255);background-color:rgb(55,55,55);border-bottom: 1px solid rgb(188,215,82);}
body.portal .mobile_menu ul li a:hover{color:rgb(255,255,255);}
body.portal .mobile_menu ul li i{font-size:48px;color:rgb(188,215,82);background-color:rgb(255,255,255);border-left:1px solid rgb(188,215,82);}

/* Portal Menu */
body.portal .menu_section{background-color:rgb(55,55,55);border-right:1px solid rgb(255,255,255);}
body.portal .menu_section .nav{border-top:1px solid rgb(255,255,255);}
body.portal .menu_section .nav a{color:rgb(255,255,255);border-bottom:1px solid rgb(255,255,255);}
body.portal .menu_section .nav a.inactive:hover{background-color: rgb(100,99,100);border-right:5px solid rgb(188,215,82);}
body.portal .menu_section .nav a.active{color:rgb(55,55,55);border-left:5px solid rgb(188,215,82);border-bottom:1px solid rgb(188,215,82);background-color:rgb(255,255,255);}
body.portal .menu_section .nav a p{font-size:14px;line-height:30px;}
body.portal .menu_section .nav a i{font-size: 30px;}

/* Portal Content */
body.portal .content_section .panel{background-color:rgb(255,255,255);border:1px solid rgb(180,185,190);}
body.portal .content_section .panel .header{background-color: rgb(238,244,210);border-bottom:1px solid rgb(180,185,190);}
body.portal .content_section .panel .header a{border-left:1px solid rgb(180,185,190);color:rgb(55,55,55);}
body.portal .content_section .panel .header a:hover{background-color:rgb(100,99,100);color:rgb(255,255,255);}
body.portal .content_section .panel .inner .data>div{border-bottom:1px solid rgb(180,185,190);}
body.portal .content_section .panel .inner .data .header_row{background-color:rgb(188,215,82);}
body.portal .content_section .panel .inner .row.padding .data .body_row{border-left:1px solid rgb(180,185,190);border-right:1px solid rgb(180,185,190);}
body.portal .content_section .panel .inner .data .body_row:nth-child(odd){background-color:rgb(240,240,240);}
body.portal .content_section .panel .inner .data .body_row:hover{background-color:rgb(220,220,220);}
body.portal .content_section .panel .inner .data .row .col a.hyperLink{text-decoration:none;color:rgb(150,150,150);}
body.portal .content_section .panel .inner .data .row .col a.hyperLink:hover{color:rgb(55,55,55);}
body.portal .content_section .panel .inner .data .row .col.buttons a{border-left:1px solid rgb(180,185,190);background-color: rgb(100,99,100);color:rgb(255,255,255);padding-top:10px;}
body.portal .content_section .panel .inner .data .row .col.buttons a:hover{color:rgb(255,255,255);background-color: rgb(55,55,55);border-bottom:5px solid rgb(188,215,82);}

/* Check https://color.adobe.com/nl/create/color-wheel/ monochromatisch*/
/* Theme colors */


.test{color:rgb(255,255,255);}
.test{color:rgb(240,240,240);}
.test{color:rgb(220,220,220);}
.test{color:rgb(180,185,190);}
.test{color:rgb(150,150,150);}
.test{color:rgb(100,99,100);}
.test{color:rgb(55,55,55);}
.test{color:rgb(238,244,210);}
.test{color:rgb(188,215,82);}
.test{color:rgb(180,200,60);}



/* Media query xs */
@media only screen and (max-width:639px) {
    .subheader{background-color:rgb(238,244,210);}
    body.portal .content_section .panel .header a{border-left:none;border-top:1px solid rgb(180,185,190);}
    body.portal .content_section .panel .inner .data .body_row .sm-hide{border-top:1px solid rgb(180,185,190);}
    body.portal .content_section .panel .inner .data .body_row .center{border-top:1px solid rgb(180,185,190);}
    body.portal .content_section .panel .inner .data .row .col.buttons{border-top:1px solid rgb(180,185,190);}
    body.portal .content_section .panel .inner .data .row.header_row .col.buttons{border-top:none;}
    body.portal .content_section .panel .inner .data .row.body_row .col.first{background-color: rgb(55,55,55);color:rgb(255,255,255);}
}
@media only screen and (max-width:640px) {
}