html, body {height: 100%;background-color: #ffffff}

.wrap {min-height: 100%;height: auto;margin: 0 auto -60px;padding: 0 0 60px;}
.wrap > .container {padding: 70px 15px 20px;}

.footer {height: 60px;background-color: #f5f5f5;border-top: 1px solid #ddd;padding-top: 20px;}

.jumbotron {text-align: center;background-color: transparent;}
.jumbotron .btn {font-size: 21px;padding: 14px 24px;}

.not-set {color: #c55;font-style: italic;}

.sort-numerical a.asc:after {content: "\e153";}
.sort-numerical a.desc:after {content: "\e154";}
.sort-ordinal a.asc:after {content: "\e155";}

.sort-ordinal a.desc:after {content: "\e156";}

.grid-view td {white-space: nowrap;}
.grid-view .filters input, .grid-view .filters select {min-width: 50px;}

.hint-block {display: block;margin-top: 5px;color: #999;}
.error-summary {color: #a94442;background: #fdf7f7;border-left: 3px solid #eed3d7;padding: 10px 20px;margin: 0 0 15px 0;}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {padding: 15px;border: none;}

@media(max-width:767px) {
    .nav li > form > button.logout {display:block;text-align: left;width: 100%;padding: 10px 15px;}
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {text-decoration: none;}
.nav > li > form > button.logout:focus {outline: none;}
.breadcrumb > li + li::before {padding: 0 5px;color: #ccc;content: "/\00a0";}

.pad-0, .no-pad{padding:0!important;}
.pad-v-0, .no-pad-v{padding-top: 0!important;padding-bottom: 0!important;}
.pad-h-0, .no-pad-h{padding-right: 0!important;padding-left: 0!important;}
.pad-t-0, .no-pad-t{padding-top: 0!important;}
.pad-r-0, .no-pad-r{padding-right: 0!important;}
.pad-b-0, .no-pad-b{padding-bottom: 0!important;}
.pad-l-0, .no-pad-l{padding-left: 0!important;}

.pad-v-5{padding-top: 5px;padding-bottom: 5px;}
.pad-h-5{padding-top: 5px;padding-bottom: 5px;}
.pad-t-5{padding-top: 5px;}
.pad-r-5{padding-right: 5px;}
.pad-b-5{padding-bottom: 5px;}
.pad-l-5{padding-left: 5px;}

.pad-v-8{padding-top: 8px;padding-bottom: 8px;}
.pad-h-8{padding-top: 8px;padding-bottom: 8px;}
.pad-t-8{padding-top: 8px;}
.pad-r-8{padding-right: 8px;}
.pad-b-8{padding-bottom: 8px;}
.pad-l-8{padding-left: 8px;}

.pad-v-10{padding-top: 10px!important;padding-bottom: 10px!important;}
.pad-h-10{padding-top: 10px;padding-bottom: 10px;}
.pad-t-10{padding-top: 10px;}
.pad-r-10{padding-right: 10px;}
.pad-b-10{padding-bottom: 10px;}
.pad-l-10{padding-left: 10px;}

.pad-v-15{padding-top: 15px;padding-bottom: 15px;}
.pad-h-15{padding-top: 15px;padding-bottom: 15px;}
.pad-t-15{padding-top: 15px;}
.pad-r-15{padding-right: 15px;}
.pad-b-15{padding-bottom: 15px;}
.pad-l-15{padding-left: 15px;}

.pad-v-20{padding-top: 20px;padding-bottom: 20px;}
.pad-h-20{padding-top: 20px;padding-bottom: 20px;}
.pad-t-20{padding-top: 20px;}
.pad-r-20{padding-right: 20px;}
.pad-b-20{padding-bottom: 20px;}
.pad-l-20{padding-left: 20px;}

.pad-l-23{padding-left: 23px!important;}

.pad-v-25{padding-top: 25px;padding-bottom: 25px;}
.pad-h-25{padding-top: 25px;padding-bottom: 25px;}
.pad-t-25{padding-top: 25px;}
.pad-r-25{padding-right: 25px;}
.pad-b-25{padding-bottom: 25px;}
.pad-l-25{padding-left: 25px;}

.pad-v-30{padding-top: 30px;padding-bottom: 30px;}
.pad-h-30{padding-top: 30px;padding-bottom: 30px;}
.pad-t-30{padding-top: 30px;}
.pad-r-30{padding-right: 30px;}
.pad-b-30{padding-bottom: 30px;}
.pad-l-30{padding-left: 30px;}

.pad-v-35{padding-top: 35px;padding-bottom: 35px;}
.pad-h-35{padding-top: 35px;padding-bottom: 35px;}
.pad-t-35{padding-top: 35px;}
.pad-r-35{padding-right: 35px;}
.pad-b-35{padding-bottom: 35px;}
.pad-l-35{padding-left: 35px;}

.pad-v-40{padding-top: 40px;padding-bottom: 40px;}
.pad-h-40{padding-top: 40px;padding-bottom: 40px;}
.pad-t-40{padding-top: 40px;}
.pad-r-40{padding-right: 40px;}
.pad-b-40{padding-bottom: 40px;}
.pad-l-40{padding-left: 40px;}


.gap-h-auto{margin-left:auto;margin-right:auto;}
.gap-0, .no-gap{margin:0;}
.gap-v-0, .no-gap-v{margin-top: 0!important;margin-bottom: 0!important;}
.gap-h-0, .no-gap-h{margin-right: 0!important;margin-left: 0!important;}
.gap-t-0, .no-gap-t{margin-top: 0!important;}
.gap-r-0, .no-gap-r{margin-right: 0!important;}
.gap-b-0, .no-gap-b{margin-bottom: 0!important;}
.gap-l-0, .no-gap-l{margin-left: 0!important;}

.gap-t--3{margin-top: -3px;}

.gap-v-5{margin-top: 5px;margin-bottom: 5px;}
.gap-h-5{margin-left: 5px;margin-right: 5px;}
.gap-t-5{margin-top: 5px;}
.gap-r-5{margin-right: 5px;}
.gap-b-5{margin-bottom: 5px;}
.gap-l-5{margin-left: 5px;}
.gap-l-m5{margin-left: -5px;}

.gap-v-8{margin-top: 8px;margin-bottom: 8px;}
.gap-h-8{margin-left: 8px;margin-right: 8px;}
.gap-t-8{margin-top: 8px;}
.gap-r-8{margin-right: 8px;}
.gap-b-8{margin-bottom: 8px;}
.gap-l-8{margin-left: 8px;}

.gap-v-10{margin-top: 10px;margin-bottom: 10px;}
.gap-h-10{margin-left: 10px;margin-right: 10px;}
.gap-t-10{margin-top: 10px;}
.gap-r-10{margin-right: 10px;}
.gap-b-10{margin-bottom: 10px;}
.gap-l-10{margin-left: 10px;}

.gap-v-15{margin-top: 15px;margin-bottom: 15px;}
.gap-h-15{margin-left: 15px;margin-right: 15px;}
.gap-t-15{margin-top: 15px;}
.gap-r-15{margin-right: 15px;}
.gap-b-15{margin-bottom: 15px;}
.gap-l-15{margin-left: 15px;}

.gap-v-20{margin-top: 20px;margin-bottom: 20px;}
.gap-h-20{margin-left: 20px;margin-right: 20px;}
.gap-t-20{margin-top: 20px;}
.gap-r-20{margin-right: 20px;}
.gap-b-20{margin-bottom: 20px;}
.gap-l-20{margin-left: 20px;}

.gap-v-25{margin-top: 25px;margin-bottom: 25px;}
.gap-h-25{margin-left: 25px;margin-right: 25px;}
.gap-t-25{margin-top: 25px;}
.gap-r-25{margin-right: 25px;}
.gap-b-25{margin-bottom: 25px;}
.gap-l-25{margin-left: 25px;}

.gap-v-30{margin-top: 30px;margin-bottom: 30px;}
.gap-h-30{margin-left: 30px;margin-right: 30px;}
.gap-t-30{margin-top: 30px;}
.gap-r-30{margin-right: 30px;}
.gap-b-30{margin-bottom: 30px;}
.gap-l-30{margin-left: 30px;}

.gap-v-35{margin-top: 35px;margin-bottom: 35px;}
.gap-h-35{margin-left: 35px;margin-right: 35px;}
.gap-t-35{margin-top: 35px;}
.gap-r-35{margin-right: 35px;}
.gap-b-35{margin-bottom: 35px;}
.gap-l-35{margin-left: 35px;}

.gap-v-40{margin-top: 40px;margin-bottom: 40px;}
.gap-h-40{margin-left: 40px;margin-right: 40px;}
.gap-t-40{margin-top: 40px;}
.gap-r-40{margin-right: 40px;}
.gap-b-40{margin-bottom: 40px;}
.gap-l-40{margin-left: 40px;}

.btn-default{background-color: #f4f6fa;}
.summary{float: right;position: relative;bottom: -20px;color:black;}
.headingless-summary{float: right;position: relative;bottom: -5px;color:black;margin-right: 5px;}
.panel-title{margin-bottom: 0;}
.panel-heading{padding:10px 10px 0;}
.progress-sm{height:10px!important;}
.kv-panel-before{padding:5px;}
.kv-panel-pager{float: right;margin-right:0;margin-bottom: 9px;margin-top: 9px;}
.kv-panel-pager ul li{width:auto;min-width:32px;height:32px;padding:3px 6px;font-size:16px;line-height: 24px;border:1px solid #cbd4e7;background-color:#f4f6fa;margin-left:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align:center;}
.kv-panel-pager ul li:hover{background-color:#dce2ef;}
.kv-panel-pager ul li.prev, .kv-panel-pager ul li.next{font-size: 20px;padding: 0;border: 0;background-color: transparent;width: 20px;}
.kv-panel-pager ul li.disabled{display: none;}
.page-link{border: 0!important;background: transparent!important;padding: 2px 4px!important;margin: 0 auto!important;}
a.asc::after {content: "\f15d";font-weight: 900;font-family: 'Font Awesome 5 Free';}
a.desc::after {content: "\f15e";font-weight: 900;font-family: 'Font Awesome 5 Free';}
.help-block, .help-block-error{color:#ff6b6b;font-size:12px;text-align: right;}

.bg-amethyst-grad{background-image: linear-gradient(to right bottom, #9a82c8, #9181ca, #8781cc, #7c80ce, #6f80cf, #6c83d2, #6987d4, #668ad7, #6e91db, #7699df, #7ea0e3, #86a8e7);}
.bg-flat-grad{background-image: linear-gradient(to right bottom, #bde0bf, #a9dbb1, #79d4bf, #47c9d4, #32bae6, #44b6e9, #57b1eb, #69aceb, #6ab5eb, #70beea, #79c6e9, #86cee7);}
.bg-amethyst-grad .nav-main-link{color: #FFFFFF;}
.bg-amethyst-grad .nav-main-heading{color: #FFFFFF;font-style: italic;}
.bg-da-img{ background: url('/media/side-bg.jpg') 48% center;}
.bg-da-grad{ background-image: linear-gradient(to left top, #24512e, #204d2b, #1b4929, #174626, #124224, #103c21, #0f361e, #0d301b, #0d2617, #0c1d12, #06130b, #010402);}
.bg-da-grad .nav-main-link, .bg-ko-img .nav-main-link{color: #FFFFFF;}
.bg-da-grad .nav-main-heading, .bg-ko-img .nav-main-heading{color: #FFFFFF;font-style: italic;}
.bg-da-grad .nav-main-link:hover i, .bg-ko-img .nav-main-link:hover i{color: #000!important;}
.bg-da-grad .nav-main-link:hover, .bg-ko-img .nav-main-link:hover{color: #000!important;background-color:rgba(255,255,255,.4);}
.superscript{font-size: 10px;position: relative;top: -7px;left: -2px;}
.btn-add-child{border-bottom-width: 1px;border-bottom-style: dotted;font-size: 14px;top: -2px;position: relative;border-radius: .25rem;padding: 0 3px;}
.kv-panel-after{border-top-width: 0;padding:0;}
.no-box-shadow{box-shadow: none!important;}
.img-avatar.img-avatar160 {width: 160px;height: 160px;}
.-input-group-text{background-color: #dce2ef!important;}
.has-error .input-group-text{background-color:#f5c6bf!important;border: 1px solid #f5c6bf!important;}
.has-success .input-group-text{background-color:#b3e7b2!important;border: 1px solid #b3e7b2!important;}
.bg-light{background-color: transparent!important;}
.kv-grid-bs4 h5 {font-size:32px;}
.invalid-feedback{margin-top: 0.01rem!important;font-size: 0.8rem!important;}
.has-success .sp-krajee.sp-replacer, .has-error .sp-krajee.sp-replacer, .sp-replacer{background: transparent;}

.no-border-inside * {border:none !important;}

.kv-grid-bs4 a.asc::after {content: "\f15d"!important;}

.kv-grid-bs4 a.desc::after {content: "\f15e"!important;}

.kv-thead-float thead{background: white!important;}

.z-depth-0 {
    box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important; }

.z-depth-02{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.08) !important;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.08) !important;
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.08)!important; }

.z-depth-05{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12) !important;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12) !important;
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12)!important; }

.z-depth-1{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important;
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important; }

.z-depth-1-half{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)!important;
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)!important;
-moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)!important; }

.z-depth-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important;
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important;
-moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important; }

.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)!important;
-webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)!important;
-moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)!important; }

.z-depth-4, .modal {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21)!important;
-webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21)!important;
-moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21)!important; }

.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22)!important;
-webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22)!important;
-moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22)!important; }

.box1 {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}
.box2 {
    -webkit-box-shadow: 0 1px 2px #777;
    -moz-box-shadow: 0 2px 1px #777;
    box-shadow: 0 2px 1px #777;
}
.box3 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.box4 {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
}
.box5 {
    box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
}
.box6 {
    box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
}
.box7 {
    box-shadow: 0 4px 2px -3px;
}
.box8 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.box9 {
    border-bottom: 0 none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
}
.box10 {
    -webkit-box-shadow: 0 7px 4px #777;
    -moz-box-shadow: 0 7px 4px #777;
    box-shadow: 0 7px 4px #777;
}
.box11 {
    -webkit-box-shadow: 0 3px 2px #777;
    -moz-box-shadow: 0 3px 2px #777;
    box-shadow: 0 3px 2px #777;
}
.box12 {
    box-shadow: 0 0.5px 0 0 #ffffff inset, 0 1px 2px 0 #B3B3B3;
}
.box13 {
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}
.box14 {
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, 0.40) !important;
}

.border-rounded{border-radius:10px!important;}
.border-rounded-t{border-radius:10px 10px 0 0!important;}
.border-rounded-r{border-radius:0 10px 10px 0!important;}
.pointer{cursor: pointer;}

.bg-modal-header{background-image: linear-gradient(90deg, rgba(7,7,7,1) 0%, rgba(27,27,27,1) 35%, rgba(97,97,97,1) 100%);}
.brand{width: 80%;margin-bottom: 30px;margin-top: 20px;}
.brand-link{position: relative;}
.brand-side{height: 32px;}
/* mini is absolutely positioned so the hidden mark doesn't reserve layout space and push the
   visible one to the right; the mini (collapsed) and the wordmark (expanded) start at the same x */
.brand-mini-side{height: 32px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}


.nav-main-link-icon, .nav-main-link-name{color:white!important;}
.nav-main-link:hover .nav-main-link-icon, .nav-main-link:hover .nav-main-link-name{color:#0b0b0b!important;}

.location-select{width: 180px;text-align: center;margin-left: auto;margin-right: auto;}

.kv-expand-detail-row > td{padding:0!important;background: transparent!important;}
.kv-expanded-row{padding:0!important;}

.truncate-sm {
    max-width: 140px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.-truncate-sm:hover{
    overflow: visible;
    white-space: normal;
    width: auto;
    background: white;
}

.truncate {
    max-width: 150px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.-truncate:hover{
    overflow: visible;
    white-space: normal;
    width: auto;
    background: white;
}

.kv-expand-icon-cell{
    font-size:1em;
}

.fa-xxs{font-size:.6em}

.mt--5{margin-top: -5px;}

.btn-link{background: transparent;border:none;padding:0;cursor:pointer;}
.kv-page-summary{background-color: white!important;}
.kv-page-summary > td{background-color: white!important;}
.half-donut-chart .highcharts-container{height:200px!important}


.fix-table-head th{
    position: -webkit-sticky;
    position: sticky;
    top:60px;
    background-color: white;
}

.fix-table-head-basic th{
    position: -webkit-sticky;
    position: sticky;
    top:0;
    background-color: white;
}

.table-ins{}

.w-5{width: 5%;}
.w-8{width: 8%;}
.w-10{width: 10%;}
.w-15{width: 15%;}
.w-20{width: 20%;}

.auth-clients li{float: none!important;}

.block-rounded-10{border-radius: 10px;}
.block-rounded-10 .block-header:first-child{border-radius: 10px 10px 0 0;}
.block-rounded-10 .block-content:last-child{border-radius: 0 0 10px 10px;}

.block-rounded-15{border-radius: 15px;}
.block-rounded-15 .block-header:first-child{border-radius: 15px 15px 0 0;}
.block-rounded-15 .block-content:last-child{border-radius: 0 0 15px 15px;}

.block-rounded-20{border-radius: 20px;}
.block-rounded-20 .block-header:first-child{border-radius: 20px 20px 0 0;}
.block-rounded-20 .block-content:last-child{border-radius: 0 0 20px 20px;}

.popover-x.left > .arrow {border-left-color: rgba(255, 255, 255, 0.25);}
.popover-x.right > .arrow {border-right-color: rgba(255, 255, 255, 0.25);}

.input-multiselect{border-color: #f4f6fa!important;background-color: #f4f6fa!important;}

.img-avatar.img-avatar24 {width: 24px;height: 24px;}
.nav-tabs-alt .nav-link {font-size: 1.125rem!important;}

.kv-date-remove, .kv-date-picker{border:0!important;}

.block-header-iconed{position: relative;overflow: hidden;}
.block-header-iconed > i{left: -5px;font-size: 4em;position: absolute;top: -10px;transform: rotate(-15deg);background: rgba(255,255,255,0.5);padding:10px}

.block-header-iconed > .block-options{background: rgba(255,255,255,0.5);padding: 25px;position: absolute;right: -10px;border-radius: 100px 0 0 100px;}

.is-loading{background: url('loading.gif') no-repeat 97% 3%;-webkit-background-size: 25%;background-size: 25%;}
.is-loaded{background: url('loaded.gif') no-repeat 97% 3%;-webkit-background-size: 20%;background-size: 20%;}

.first-column{position: relative;background-clip: padding-box;}
.table-striped tbody tr:nth-of-type(2n) td.first-column{background-color: #f8f9fa;}
.table-striped tbody tr:nth-of-type(2n+1) td.first-column{background-color: #f4f6fa;}
.alert-error{color: #6d3730;background-color: #f6e1de;border-color: #f2d5d1;box-shadow: 0 0.125rem #f1cfca;}

.badge-pill span{padding: 1px 5px;border-radius: 100px;margin-left: -6px;font-size: 10px;}