@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html,body{width:100%; height:100%; touch-action: manipulation;}

/*colors*/
/*:root{--primary-color:#0254a7;}*/

.bg-primary{background-color:var(--primary-color)!important;}
.bg-danger{background-color:#F54927!important;}
.bg-warning{background-color:#FFAA33!important;}
.bg-success{background-color:#00A36C!important;}
.bg-muted{background-color:rgba(2,84,168,.1)!important;}
.bg-gray{background-color:#e5e5e5;}


.text-primary{color:var(--primary-color)!important;}
.text-dark{color:#212529!important;}
.text-danger{color:#F54927!important;}
.text-warning{color:#FFAA33!important;}
.text-success{color:#00A36C!important;}
.text-muted{color:rgba(2,84,168,.1)!important;}


.border-primary{border-color:var(--primary-color)!important;}
.border-dark{border-color:#212529;}

/*border styles*/
.border-dashed{border-style:dashed!important;}
.border-dotted{border-style:dotted!important;}

.border-bottom{border-top:none!important; border-left:none!important; border-right:none!important;}

/*btns*/
.btn{padding:0.25rem 0.6rem 0.3rem 0.6rem; font-size:.8rem; font-weight:500;}
.btn-form{font-size:.9rem;}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active{color:#FFF!important; background-color:var(--primary-color)!important; border-color:var(--primary-color)!important;}
.btn-light, .btn-light:hover, .btn-light:focus, .btn-light:active{color:var(--primary-color)!important; background-color:#FFF!important; border-color:#FFF!important;}

.btn-outline-primary{font-weight:400; border-color:var(--primary-color);}
.btn-outline-primary:hover, .btn-outline-primary:focus{color:var(--primary-color); border-color:var(--primary-color); background-color:transparent;}

/*helper classes*/
.w-1{width:1%!important;}
.h-1{height:1%!important;}

.vh-50{height:50vh;}
.vh-75{height:75vh;}

.lh-1{line-height:1;}

.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.showCursor{cursor:pointer;}

body{font-family:"Open Sans", sans-serif; font-size:.8rem; font-optical-sizing:auto; font-style:normal; scroll-behavior: smooth; background-color:#e5e5e5;}
body.noScroll{overflow:hidden;}

h1,h2{font-size:1.2rem;}
h3{font-size:.8rem;}

a:link, a:hover, a:active, a:visited{color:var(--primary-color); text-decoration:none;}

/*navTouch*/
#settings{padding-top:1rem; padding-left:1rem; font-size:.5rem;}
#settings i{font-size:1.5rem;}
#logOut{padding-top:1rem; padding-right:1rem; font-size:.5rem;}
#logOut i{font-size:1.5rem;}
#toggleNav{width:50px; height:50px; bottom:1rem; right:1rem; z-index:3001; font-size:1.5rem; background-color:var(--primary-color); color:#FFF; transition:all .25s linear;}
#toggleNav.active{opacity:.5; background-color:#FFF; color:var(--primary-color);}

#navTouch{z-index:3000; visibility:hidden; opacity:0; transition:all .25s linear;}
#navTouch.active{visibility:visible; opacity:1;}
#navTouch li{margin-bottom:1.5rem;}
#navTouch li:last-child{margin-bottom:0;}
#navTouch li a{font-size:1.4rem; color:rgba(255,255,255,0.75);}
#navTouch li.active a{color:#FFF; font-weight:500;}

#navTouch img{height:20px;}

/*interface*/
.logo{padding:27px 0 26px 0; width:40px;}

.divider{width:1.5rem; min-height:1.5rem; /*background-color:#e5e5e5; border:solid rgba(0, 0, 0, .15); border-width:1px 0; box-shadow:inset 0 .5em 1.5em #e5e5e5, inset 0 .125em .5em #00000026;*/}

.menu{font-size:0;}
.menu li.active{background-color:var(--primary-color);}
.menu li a{padding:.795625rem 0 0.795625rem 0; display:block; font-size:1.3rem; color:var(--primary-color); transition:all linear .5s;}
.menu li.active a{color:#FFF;}
.menu li a:hover{color:#FFF; background-color:var(--primary-color);}
.menu li a span{font-size:.6rem;}

.dropdown i{margin:0 .2rem; font-size:1.5rem;}
.dropdown a, .dropdown a:hover{color:#212529;}

.dropdown-menu{padding-top:0px; max-height:75vh; margin-top:3px!important; overflow-y:auto;}

.dropdown-item.active, .dropdown-item:active{background-color:#212529; color:#FFF!important; font-weight:400!important;}
.dropdown-item:focus{color:#212529!important; background-color:#f8f9fa;}

/*content*/
.contentWrapper{height:calc(100% - 65px);}

/*tables*/
.overviewHeader{padding-left:.5rem; padding-right:.5rem; height:65px; z-index:1021;}
.overview .sticky-top{top:65px;}
.overview .d-table-row{transition:all linear .25s;}
.overview .d-table-row:nth-child(odd){background-color:rgba(2,84,168,.05);}

.overview .d-table-row .d-table-cell, .overview .d-table-row .d-md-table-cell{padding:.79rem .4rem .79rem .4rem;}
.overview .d-table-row:first-child .d-table-cell, .overview .d-table-row:first-child .d-md-table-cell{padding:.79rem .4rem .79rem .4rem;}

.overview ul{font-size:0;}
.overview ul li{margin-left:10px; display:inline-block;}
.overview ul li:first-child{margin-left:0;}
.overview ul li a, .overview ul li span{display:inline-block; padding:0.337rem 7px 0.337rem 7px; font-size:.9rem;}

.toggleButtons{display:inline-block; padding:3px 5px 3px 5px; font-size:.9rem;}

.tableButtons{padding:10px; display:none; position:absolute; top:0; right:calc(28px + 1rem); visibility:hidden; opacity:0; background-color:#f8f9fa; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);}
.tableButtons.active{display:block; visibility:visible; opacity:1;}

/*tabs*/
.nav-tabs .nav-link{color:var(--primary-color); border-color:var(--primary-color); opacity:.75;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{opacity:1; color:#FFF; border-color:var(--primary-color); background-color:var(--primary-color);}
.nav-tabs .nav-link.active{opacity:1; color:#FFF; border-color:var(--primary-color); background-color:var(--primary-color);}

.tab-content>.active{display:flex;}

/*dashboard*/
.dashboardOverview .d-table-row .d-table-cell{padding:.5rem .5rem .5rem 0;}
.dashboardOverview .d-table-row .d-table-cell:last-child{padding-right:0;}

/*forms*/
.form-control, .form-control:focus{border-color:#212529; box-shadow:none;}

.form-select, .form-select:focus{border-color:#212529; box-shadow:none;}

.input-group-text{padding:.375rem .5rem; border-color:#212529;}


.btn-form{padding:0.44rem 0.6rem 0.49rem 0.6rem; font-size:.9rem;}

.datepicker-cell.selected, .datepicker-cell.selected:hover{background-color:var(--primary-color);}

#errorMessageContainer{margin-left:-160px; width: 320px; top:50%; left:50%; z-index:4000; visibility:hidden; opacity:0; transition:all .3s linear;}
#errorMessageContainer.active{visibility:visible; opacity:1;}

/*settings*/
.settings .logo{width:200px; height:auto;}

/*404*/
#id404 img{height:40px;}
#id404 a{text-decoration:underline;}

@media(max-width:768px){
/*btns*/
.btn.add{padding:0.25rem 0.375rem 0.3rem 0.375rem;}
}

@media(min-width:768px){
/*btns*/
.btn{font-size:.9rem;}

body{font-size:.9rem;}

h3{font-size:.9rem;}

/*tables*/
.overview .d-table-row .d-table-cell, .overview .d-table-row .d-md-table-cell{padding:.79rem 1rem .79rem 1rem;}
.overview .d-table-row .d-table-cell:first-child{padding:.79rem 1rem .79rem calc(1rem - 0.1875rem); border-left:solid 0.1875rem transparent; transition:all linear .25s;}
.overview .d-table-row:first-child .d-table-cell, .overview .d-table-row:first-child .d-md-table-cell{padding:0.889rem 1rem 0.889rem 1rem;}

.tableButtons{padding:0; display:block; position:relative; top:0; right:0; visibility:visible; opacity:1; background-color:transparent; box-shadow:none;}
}

@media(min-width: 768px) and (max-width: 992px){
/*tables*/
.overview .d-table-row .d-table-cell, .overview .d-table-row .d-md-table-cell{padding:1rem .5rem 1rem .5rem;}

}

@media(min-width:1200px){
/*tables*/
.overview .d-table-row:hover{background-color:rgba(2,84,168,.1);}
.overview .d-table-row:hover .d-table-cell:first-child{border-color:var(--primary-color);}
}