/* Base definitions */
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{background:transparent;border:0;margin:0;padding:0;outline:0;text-decoration:none;vertical-align:baseline;-webkit-font-smoothing:antialiased;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}
a:link, a:visited, a:hover, a:active{text-decoration:none;}
button[type='submit']{padding: 10px 10px 8px 10px;text-align:center;cursor:pointer;width:100%;}
form{display:inline-block;width:100%;}
form.padding{padding:15px 0;}
input[type="checkbox"]{display:none;}
input[type="checkbox"]+label{display:inline-block;width:20px;height:20px;margin-bottom:-5px;}
input[type="checkbox"]+label span{display:block;width:14px;height:14px;margin:2px;cursor:pointer;}
input[type="number"]{padding:10px 10px 8px 10px;width:100%;}
input[type="password"]{padding:10px 10px 8px 10px;width:100%;}
input[type="radio"]{display:none;}
input[type="radio"]+label{display:block;width:20px;height:20px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}
input[type="radio"]+label span{display:block;width:14px;height:14px;margin:2px;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}
input[type="text"]{padding:10px 10px 8px 10px;width:100%;}
select{padding:10px 10px 8px 10px;width:100%;}
select:not([multiple]){float:left;display:block;-webkit-appearance: none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;}
textarea{padding:10px 10px 8px 10px;width:100%;}
.noscript{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgb(0, 0, 0);z-index:100;}
.noscript div{position:absolute;display:block;left:50%;top:50%;height:120px;width:300px;margin-left:-150px;margin-top:-60px;padding:20px;background-color:rgb(255,255,255);text-align:center;}
.hidden{display:none;}
.center{text-align:center;}
.right{text-align:right;}
.absolute{position:absolute;}
.message ul{list-style:none;padding:10px;}

/* LOGIN */
body.login .top_section{height:320px;}
body.login .logo_section{height:160px;background-size:contain;margin:15px auto 35px auto;float:none;}
body.login .form_section{margin:0 auto;padding:15px;float:none;border:1px solid;}
body.login .label{margin-left:10px;margin-bottom:5px;display:inline-block;}
body.login .textbox{margin-bottom:15px;}
body.login .message{margin-bottom:15px;}
body.login .button{margin-bottom:15px;}

/* Portal Delete Overlayer */
body.portal .overlayer{position:fixed;top:0;right:0;bottom:0;left:0;background-color: rgba(0, 0, 0, 0.6);z-index:30;}
body.portal .overlayer .delete{position:absolute;display:block;left:50%;top:50%;height:142px;width:400px;margin-left:-200px;margin-top:-71px;padding:20px;background-color:rgb(251,249,250);border:1px solid rgb(56,57,58);}
body.portal .overlayer .delete div{position:absolute;left:20px;right:20px;bottom:20px;}
body.portal .overlayer .delete button{display:block;width:170px;padding:10px 10px 8px 10px;font-size:13px;cursor:pointer;}
body.portal .overlayer .delete button.confirm{float:left;}
body.portal .overlayer .delete button.cancel{float: right;}

/* Portal Main */
body.portal .main{position:absolute;top:0;bottom:0;padding-top:80px;z-index:10;}
body.portal .label{margin-left:10px;margin-bottom:5px;display:inline-block;}
body.portal .textbox{margin-bottom:15px;}
body.portal .message{margin-bottom:15px;}
body.portal .option{margin-bottom:15px;line-height:20px;}

/* Portal TopBar */
body.portal .topbar_section{z-index:20;}
body.portal .topbar_section .row{height:80px;}
body.portal .topbar_section .row .col:last-child{padding-left:0;}
body.portal .topbar_section .row .col.logo a{position:absolute;width:100%;height:60px;text-align:center;display:block;padding:10px;}
body.portal .topbar_section .row .col.logo a img{height:60px;/*margin-top:-15px;*/display:inline-block;}
body.portal .topbar_section a{float:left;font-size:20px;height:80px;}
body.portal .topbar_section a.topbarlink{padding:30px 0 0 0;margin:0 20px 0 0;}
body.portal .topbar_section a.topbarlink span{display:inline-table;}
body.portal .topbar_section a.topbarbutton{font-size:30px;width:80px;margin-left:2px;padding:25px 0 0 0;text-align:center;float:right;}
body.portal .topbar_section .help{position:absolute;left:0;top:80px;right:0;z-index:10;}
body.portal .topbar_section .help .description{display:none;padding:20px;}
body.portal .topbar_section .help i{position:absolute;right:0;top:0;height:40px;width:40px;font-size:30px;padding-top:4px;text-align:center;cursor:pointer;}

/* Portal Mobile Menu */
body.portal .mobile_menu{position:absolute;height:50px;float:left;width:100%;z-index:20;}
body.portal .mobile_menu span.mobile{padding:0 15px 0 9px;line-height:50px;display:block;cursor:pointer;width:100%;float:left;}
body.portal .mobile_menu ul{list-style:none;}
body.portal .mobile_menu ul li{position:relative;display:block;width:100%;float:left;z-index:10;}
body.portal .mobile_menu ul li a{line-height:50px;height:51px;width: 100%;padding: 0 15px;float: left;}
body.portal .mobile_menu ul li i{position:absolute;cursor:pointer;top:0;right:0;text-align:center;height:50px;width:50px;}

/* Portal Menu */
body.portal .menu_section{padding-top:40px;overflow-x:hidden;overflow-y:auto;}
body.portal .menu_section .nav a{width:100%;padding:15px 10px 15px 20px;float:left;}
body.portal .menu_section .nav a p{display:inline-table;}
body.portal .menu_section .nav a i{float:left;width:30px;margin:0 10px 0 0;text-align:center;}
body.portal .menu_section .nav a.active{padding-left:15px;}

/* Portal Content */
body.portal .content_section .panel{position:absolute;top:40px;right:40px;bottom:40px;left:40px;overflow-x:hidden;overflow-y:auto;}
body.portal .content_section .panel .header h2{padding:0 0 0 15px;line-height:40px;}
body.portal .content_section .panel .header a{/*min-width:120px;*/width:100%;height:40px;padding:12px 20px 0 20px;text-align:center;float:right;}
body.portal .content_section .panel .inner{} /* float:left;position:absolute;top:40px;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto; */
body.portal .content_section .panel .inner .data{width:100%;}
body.portal .content_section .panel .inner .data .row{padding-left:15px;}
body.portal .content_section .panel .inner .data .row .col{padding:10px 0;min-height:40px;line-height:20px;}
body.portal .content_section .panel .inner .data .row .col.version_history{padding:0;}
body.portal .content_section .panel .inner .data .row .col.buttons{padding:0;}
body.portal .content_section .panel .inner .data .row .col.buttons a{width:40px;height:40px;float:right;text-align:center;}

/* Media query xs */
@media only screen and (max-width:639px) {
    body.portal .content_section .panel .inner .data .row.body_row{padding-left:0;}
    body.portal .content_section .panel .inner .data .row.body_row .col{padding-left:15px;}
}
@media only screen and (max-width:640px) {
}

/* Media query sm */
@media only screen and (max-width:767px) {
    body.portal .main{padding-top:50px;}
    body.portal .content_section .panel{top:10px;right:10px;bottom:10px;left:10px;}
    form.padding{padding:10px 0;}
    .row.padding{padding-right:10px;}
    .row.padding .col{padding-left:10px;}
}
@media only screen and (max-width:768px) {
}
@media only screen and (min-width:640px) {
}
@media only screen and (min-width:640px) and (max-width:767px) {
}

/* Media query md */
@media only screen and (max-width:1023px) {
    body.portal .topbar_section .row .col.logo a{display:none;}
    body.portal .menu_section .nav a p{display:none;}
}
@media only screen and (max-width:1024px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    body.portal .topbar_section a.topbarbutton{width:74px;margin-left:2px;}
    body.portal .content_section .panel{top:20px;right:20px;bottom:20px;left:20px;}
}

/* Media query lg */
@media only screen and (max-width:1199px) {
}
@media only screen and (max-width:1200px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
}

/* Media query xl */
@media only screen and (min-width:1200px) {
}

/* Media query retina fixes */
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
}

/* between 700 and 1024px show the small tablet version */
@media(max-width:1023px){
}