@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "DIN-BLACK";
    src: url(DIN-BLACK.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DIN-BOLD";
   src: url(DIN-BOLD.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DIN-MEDIUM";
     src: url(DIN-MEDIUM-.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "DIN-LIGHT";
     src: url(DIN-LIGHT.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

.ldng-spinnr {
    position: absolute;
    top: 50%;
    left: 50%;
}
.lding-div {
    background-color: #181c326b !important;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.din-black{
	   font-family: "DIN-BLACK" !important;
}
.din-bold{
	   font-family: "DIN-BOLD" !important;
}
.din-med{
	font-family: "DIN-MEDIUM" !important;
}
.din-light{
	 font-family: "DIN-LIGHT" !important;
}
#trsel-list li {
    font-family: "DIN-MEDIUM" !important;
}
.table.table-separate th {
    padding-right: 30px !important;
}
.arrowfld {
    flex: 0 0 5%;
    max-width: 5%;
    padding-left: 0px;
}
.contentfld {
    flex: 0 0 95%;
    max-width: 95%;
    padding-right: 0px;
}
#trsel-list li {
    background: transparent !important
}
#trsel-list li {
    padding: 0 20px !important;
}
.table.table-separate th:first-child {
    padding-right: 30px !important;
    
}
#trsel-list li:hover {
    background-color: transparent !important;
}
#trsel-list .tree-row:hover {
    color: #fff !important;
    background-color: #4379bd;
}
.form-control {
    font-family: "DIN-MEDIUM" !important;
}
.form-group label {
    font-size: 18px;
}
#trsel-list .arrowfld .trsel-childer {
    width:100% !important;
}
#trsel-list li {
    line-height: 35px !important;
}
.trsel {
    font-size: 14px !important;
}

.trsel {
    padding: 0 45px !important;
    text-align: right !important;
    font-family: "DIN-MEDIUM" !important;
}
div.dataTables_wrapper div.dataTables_length label {
    font-family: "DIN-BOLD" !important;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-family: "DIN-BOLD" !important;
}
.dataTables_wrapper .dataTable thead th {
    font-family: "DIN-BOLD" !important;
    min-width: 30px !important;
    width: 80px !important;
}
.dataTables_wrapper .dataTable td {
    min-width: 30px !important;
    width: 80px !important;
}
    table.dataTable td {
        font-family: "DIN-MEDIUM" !important;
    }
div.dataTables_wrapper div.dataTables_info {
    font-family: "DIN-LIGHT" !important;
}
.btn.btn-primary {
    color: #FFFFFF;
    background-color: #16315a;
    border-color: #16315a;
}
.btn.btn-text-primary {
    color: #2869ad;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: #2869ad;
    border-color: #2869ad;
    color: #ffffff;
}
.switch.switch-outline.switch-primary input:checked ~ span:before {
    border: 2px solid #2869ad;
    background-color: transparent;
}
.switch.switch-outline.switch-primary input:checked ~ span:after {
    color: #ffffff;
    background-color: #2869ad;
}
.switch input:checked ~ span:after {
    opacity: 1;
    color: #ffffff;
    background-color: #2869ad;
}
.radio > input:checked ~ span {
    background-color: #2869ad;
}
.checkbox > input:checked ~ span {
    background-color: #2869ad;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.3rem + 2px);
    padding: 0.65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #eef0f8;
    
    border-radius: 0;
}
    .form-control:focus {
        color: #3F4254;
        background-color: #ffffff;
        border-color: #16315a;
        outline: 0;
        border: 1px solid #16315a;
    }

.aside {
    background-color: #16315a;
}
.aside-menu {
    background-color: #16315a;
}
    .aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
        color: #ffffff;
    }
    .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
        color: #eef0f8;
    }
.text-muted {
    color: #fdb600 !important;
}
.text-dark-75 {
    color: #16315a !important;
}
.symbol.symbol-light-success .symbol-label {
    background-color: rgba(255,183,0,0.2);
    color: #fdb600;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon i {
    color: #ffffff !important;
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon i {
    color: #4379bd !important;
}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text {
    color: #4379bd !important;
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon i {
    color: #4379bd !important;
}

@media (min-width: 992px) {
    .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
        background-color: rgba(255,183,0,0.2);
    }
        .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
            color: #16315a;
        }
        .brand {
        background-color: #16315a;
    
    }
}
.card.expansion {
    border-radius: 0px;
    border: 0px;
    border-right: 6px solid #16315a;
    margin-right: 5%;
    width: 90% !important;
}
.card.expansion td {
    padding: 8px !important;
}
@media print {
    .no-print, .no-print * { display: none !important; }
}
.symbol.symbol-35 .symbol-label {
    width: 100%;
    height: 35px;
    padding: 0 10px;
}
.comboTreeArrowBtn {
    left: 0px;
    right: auto;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #16315a;
    background: #ffffff;
    border-radius: 0px;
    padding: 5px 10px;
}

    .comboTreeArrowBtn:hover {
        background: #16315a;
        color: #fff !important;
    }
.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover {
    background-color: #16315a;
}
span.comboTreeItemTitle {
    text-align: right;
    font-family: "DIN-BOLD";
}

.comboTreeParentPlus {
    position: relative;
    right: -17px;
    top: 4px;
    width: 4px;
    float: right;
    cursor: pointer;
}
.comboTreeDropDownContainer li {
    list-style-type: none;
    padding-right: 20px;
    padding-left: 0px;
}
.mdi-chevron-right-circle-outline::before {
    transform: rotate( 180deg );
}
.comboTreeDropDownContainer li:hover {
    background-color: #ffffff;
}
.swal2-container .swal2-html-container {
    font-family: "DIN-BOLD";
}
.swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
    font-family: "DIN-BOLD";
}
.swal2-styled.swal2-confirm {
    background-color: #16315a;
}
.modal .modal-header .modal-title, .nav.nav-tabs .nav-item {
    font-family: "DIN-BOLD";
}
toast-title {
    font-family: "DIN-BOLD" !important;
}
.dataTables_wrapper .dataTables_pager .dataTables_length {
    font-family: "DIN-LIGHT" !important;
    font-size: 13px !important;
}
div.dataTables_wrapper div.dataTables_length label {
    font-family: "DIN-LIGHT" !important;
    font-size: 13px !important;
}
.modal-footer .btn.btn-light-primary {
    font-family: "DIN-BOLD" !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link {
    background-color: #16315a;
}
.nav .show > .nav-link, .nav .nav-link:hover:not(.disabled), .nav .nav-link.active {
    color: #16315a;
}
div.dataTables_wrapper div.dataTables_length select {
    padding: 0.65rem 1.8rem;
}
.dimmed-style {
    color: #ddd;
}
.gotresult-style {
    color: #fff;
    background-color: #165a2b;
}
.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-primary:focus:not(.btn-text), .btn.btn-hover-primary.focus:not(.btn-text) {
    color: #FFFFFF !important;
    background-color: #16315a !important;
    border-color: #16315a !important;
}
.comboTreeArrowBtn {
    border-top: 1px solid #eef0f8;
    border-left: 1px solid #eef0f8;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #eef0f8;
}
.comboTreeInputBox:focus + .comboTreeArrowBtn {
    border-top: 1px solid #16315a;
    border-right: 1px solid #16315a;
    border-bottom: 1px solid #16315a;
    border-left: 1px solid #16315a;
}
.swal2-popup .swal2-title {
    font-family: "DIN-BOLD" !important;
}
.comboTreeDropDownContainer .comboTreeItemTitle input {
    margin: 0px 5px 0px 5px;
}

.toast-message, #toast-container > div {
    font-family: "DIN-BOLD" !important;
}

.drdkblu-txt {
    color: #16315a !important;
}
.svg-icon-muted i {
    color: #fdb600 !important;
}
.flaticon-information:before{
    font-size:28px !important;
}
@media (max-width: 991.98px) {
    .header-mobile {
        background-color: #16315a;
    }
  /*  div.dataTables_wrapper div.dataTables_length select {
        padding: 0.65rem 1.2rem;
    }*/
    /*.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link {
        min-width: 1rem;
    }*/
    .dataTables_wrapper .dataTables_pager {
        display: block;
        text-align: center;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: end;
        justify-content: center;
    }
    .dataTables_wrapper .dataTables_pager .dataTables_paginate .pagination {
        margin: 0 auto;
    }
    #kt_header_mobile_toggle{
        display:none;
    }
    .checkbox-inline {
        display: block;
    }
        .checkbox-inline .checkbox {
            margin-bottom: 10px;
        }
}

.navi .navi-item .navi-link:hover .navi-text {
    color: #16315a;
}
.navi .navi-item .navi-link:hover .navi-icon i {
    color: #16315a;
}
.yello-selcos {
    color: #d6b306 !important;
}

.min-h-507 {
    min-height: 507px;
}
.min-h-414 {
    min-height: 414px;
}