body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#454951;font-family: 'Segoe UI';font-size: .9rem;}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight:600}a{color:#0986bf;text-decoration:none}a:hover{color:#54b2e4}hr{background:#adb4c0}.text-muted{color:#9fa7b5 !important}.table-dark{background:#252930;color:#fff}.table-bordered th,.table-bordered td{border-color:#e7e9ed}.table th,.table td{border-color:#e7e9ed}.table thead th{border-color:#e7e9ed}.table-striped tbody tr:nth-of-type(odd){background-color:#f5f5f5}.table-dark th,.table-dark td,.table-dark thead th{border-color:#515a6a}.table-hover>tbody>tr:hover{background-color:#fff}.popover{border-color:#dee1fc}.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{border-left-color:#dee1fc}.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{border-right-color:#dee1fc}.bs-popover-top>.arrow::before,.bs-popover-auto[data-popper-placement^=top]>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{border-top-color:#dee1fc}.bs-popover-bottom>.arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{border-bottom-color:#dee1fc}a.app-link{color:#252930;text-decoration:underline;text-decoration-color:rgba(37,41,48,.3)}a.app-link:hover{color:#0986bf;text-decoration-color:rgba(9,134,191,.8)}button.close:focus{outline:none;box-shadow:none}.btn{font-weight:600;font-size:.9rem;border:none}.btn:hover,.btn:active,.btn:focus{text-decoration:none}.btn .bi{position:relative;top:-2px}.btn:focus,.btn.focus{box-shadow:none !important}.app-btn-primary{background:#0986bf;color:#fff;border-color:#0986bf}.app-btn-primary:hover,.app-btn-primary:active{color:#fff!important;background:#54b3e4!important;border-color:#54b3e4!important;}.app-btn-secondary{background:#fff;color:#5d6778;border:1px solid #bcc1cb}.app-btn-secondary:hover{color:#0986bf;border:1px solid #0986bf;background:#fff}.btn-light{background:#f5f6fe;color:#0986bf}.btn-light:hover{background:#f5f6fe;color:#0986bf}.form-control,.form-select{border-color:#e7e9ed;color:#5d6778}.form-control:focus,.form-select:focus{box-shadow:none;outline:none;color:#5d6778}.form-check-input:checked{background-color:#0986bf;border-color:#0986bf}.sidebar{border-color:#e7e9ed}.sidebar .dropdown-item{padding:1rem;border-bottom: 1px solid #e7e9ed;}.sidebar .dropdown-item:hover{color:#252930}.sidebar .dropdown-item:hover,.sidebar .dropdown-item:focus{background:#fafbff}.sidebar .dropdown-item.active,.sidebar .dropdown-item:active{background:#fafbff}.dropdown-divider{border-top-color:#e7e9ed;-webkit-opacity:1;-moz-opacity:1;opacity:1}.dropdown-toggle.no-toggle-arrow:after{display:none !important}.app-header{border-bottom:1px solid #e7e9ed;background:#fff}.app-header-inner{position: fixed;background-color: #0986bf;width: 100%;top: 0;z-index: 1;}.app-search-form{position:relative;max-width:600px}.app-search-form .search-input{font-size:.9rem;border-radius:.25rem;padding-right:3rem;padding-left:1rem}.app-search-form .search-input:focus{border-color:#e7e9ed}.app-search-form .search-btn{color:#828d9f;background:none;border:none;position:absolute;right:0;top:0;margin-right:0;padding:.5rem 1rem}.app-search-form .search-btn:active,.app-search-form .search-btn:focus,.app-search-form .search-btn:hover{outline:none !important;color:#0986bf;box-shadow:none}.app-utility-item{display:inline-block;}.app-utility-item:last-child{margin-right:0}.app-utility-item>a{color:#ffffff;padding:13px 16px;display:block}.app-utility-item>a:hover{background-color:#086d9b;color:#ffffff}.app-utility-item .dropdown-toggle{position:relative}.app-utility-item .sidebar{font-size:.9rem;margin:0}.app-utility-item .sidebar.show{top:0 !important}.app-utility-item .icon{font-size:1.25rem;width:24px;height:24px}.app-utility-item .icon-badge{display:inline-block;border-radius:50%;position:absolute;right:0;top:5px;width:20px;height:20px;font-size:.6rem;font-weight:bold;padding-top:1px;color:#fff;text-align:center}.app-utility-item .icon-badge.icon-badge{background:#ec776c;border:2px solid #fff}.app-notifications-dropdown .sidebar{width:300px}.app-notifications-dropdown .sidebar .dropdown-menu-header{border-bottom:1px solid #e7e9ed}.app-notifications-dropdown .sidebar .dropdown-menu-title{font-size:1rem}.app-notifications-dropdown .sidebar .profile-image{width:36px;height:36px}.app-notifications-dropdown .sidebar .info{padding-right:80px;position:relative}.app-notifications-dropdown .sidebar .meta{color:#828d9f;position:absolute;right:0;top:0;font-size:.75rem}.app-notifications-dropdown .sidebar .dropdown-menu-footer{border-top:1px solid #e7e9ed}.app-notifications-dropdown .sidebar .item{min-width:250px;position:relative;border-bottom:1px solid #e7e9ed}.app-notifications-dropdown .dropdown-menu .item:last-child{border-bottom:none}.app-notifications-dropdown .sidebar .item:hover{background:#f5f5f5}.app-notifications-dropdown .sidebar .link-mask{position:absolute;width:100%;height:100%;display:block;left:0;top:0}.app-notifications-dropdown .app-icon-holder{display:inline-block;background:#edfdf6;color:#0986bf;width:36px;height:36px;padding-top:4px;font-size:1rem;text-align:center;border-radius:50%}.app-notifications-dropdown .app-icon-holder.icon-holder-mono{background:#f5f6fe;color:#828d9f}.app-notifications-dropdown .app-icon-holder svg{width:20px;height:20px}.app-user-dropdown{display:inline-block}.app-user-dropdown img{width:60px;height:60px}@media(min-width: 576px){.app-notifications-dropdown .sidebar{width:400px}}@media(max-width: 575.98px){.search-mobile-trigger{cursor:pointer;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.search-mobile-trigger:hover{color:#0986bf;-webkit-opacity:1;-moz-opacity:1;opacity:1}.app-search-box{display:none;position:absolute;left:0;top:56px;padding:0;height:100vh;background:rgba(0,0,0,.5);transition:all .4s ease-in-out}}@media(max-width: 575.98px)and (prefers-reduced-motion: reduce){.app-search-box{transition:none}}@media(max-width: 575.98px){.app-search-box .app-search-form .search-input{border-radius:0;padding-top:1.5rem;padding-bottom:1.5rem}.app-search-box .app-search-form .search-btn{top:7px}.app-search-box.is-visible{display:block}}.app-sidepanel{position:fixed;min-height:100vh;height:100%;left:0;top:0;font-size:.9rem;border-right:1px solid #e7e9ed}.app-sidepanel .panel-drop{display:none}.app-sidepanel .sidepanel-inner{position:relative;z-index:10;background:#fff;width:250px;height:100%}.app-sidepanel .sidepanel-close{display:none;position:absolute;z-index:20;right:-2rem;top:0;color:#fff;font-size:2rem}.app-sidepanel.sidepanel-hidden{left:-400px}.app-sidepanel.sidepanel-visible{left:0}.app-sidepanel .app-nav-main{overflow-y:auto;scrollbar-color:rgba(0,0,0,.1) #e7e9ed;scrollbar-width:thin}.app-sidepanel .app-nav-main::-webkit-scrollbar{width:6px;background-color:#e7e9ed}.app-sidepanel .app-nav-main::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);border-radius:.5rem}.app-branding{padding-top:1rem;padding-left:1rem;margin-bottom:1rem;padding-right: 1rem;}.app-nav{color:#5d6778;display:block;padding:0;width:100%}.app-nav .app-menu{margin-bottom:0}.app-nav .nav-item{display:block;color:#5d6778;background:#fff;border-bottom: 1px solid #e7e9ed;}.app-nav .nav-link{display:block;padding:15px 1rem;color:#252930;position:relative;display:block;padding-left:3rem;border-left:3px solid rgba(0,0,0,0)}.app-nav .nav-link.active{color:#000000;border-left:3px solid #0986bf;font-weight:500;background: #edebe9;}.app-nav .nav-link.submenu-toggle.active{border-color:rgba(0,0,0,0)}.app-nav .nav-link:hover{color:#0986bf;background-color: aliceblue;}.app-nav .nav-icon{position:absolute;left:1rem;top:.7rem;font-size:20px}.app-nav .submenu-arrow{position:absolute;right:1rem;color:#828d9f}.app-nav .submenu-toggle{transition:all .4s ease-in-out}@media(prefers-reduced-motion: reduce){.app-nav .submenu-toggle{transition:none}}.app-nav .submenu-toggle[aria-expanded=true] .submenu-arrow i{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg);-webkit-transform:rotate(180deg)}.app-nav .submenu-item{margin-bottom:0}.app-nav .submenu-link{color:#5d6778;font-size:.9rem;margin-left:2rem;padding:10px 1rem;padding-left:1rem;position:relative;display:block;margin-bottom:0;border-left: 3px solid #eeeeee;}.app-nav .submenu-link:hover{color:#252930;background-color: aliceblue;}.app-nav .submenu-link.active{color: #000000;background: #edebe9;border-left: 3px solid #0986bf;font-weight: 500;}.app-nav .submenu-link.active:before{background-color:#0986bf}.app-sidepanel-footer{width:100%;bottom:0;left:0;border-top:1px solid #e7e9ed;background:#f5f6fe}.app-sidepanel-footer .app-nav-footer{margin-bottom:0}@media(max-width: 1199.98px){.app-sidepanel{transition:all .4s ease-in-out;left:-400px}}@media(max-width: 1199.98px)and (prefers-reduced-motion: reduce){.app-sidepanel{transition:none}}@media(max-width: 1199.98px){.app-sidepanel.sidepanel-visible{display:block}.sidepanel-visible .sidepanel-close{display:inline-block}.sidepanel-visible .sidepanel-drop{position:fixed;display:block;min-height:100vh;height:100%;width:100%;min-width:100vw;left:0;top:0;background:rgba(0,0,0,.35)}}@media(min-width: 1200px){.app-wrapper{margin-left:250px}}.app{min-height:100vh;height:100%;width:100%;background:#f5f6fe;padding-top:48px;overflow-x:hidden}.app-footer .copyright{font-size:.8125rem}.app-wrapper{transition:all .4s ease-in-out}@media(prefers-reduced-motion: reduce){.app-wrapper{transition:none}}.app-page-title{font-size:1.3rem;font-weight:bolder;margin-bottom:0}.app-card{position:relative;background:#fff;border-radius:.25rem;border: 1px solid #f5f5f5;}.app-card.border-left-decoration{border-left:3px solid #0986bf}.app-card .app-card-link-mask{position:absolute;width:100%;height:100%;display:block;left:0;top:0}.app-card .app-card-header{border-bottom:1px solid #e7e9ed}.app-card .app-card-title{font-size:1.125rem;margin-bottom:0}.app-card .card-header-action{font-size:.9rem}.app-card .form-select-holder{display:inline-block}.app-card .btn-close{padding:1rem}.app-card .btn-close:focus{box-shadow:none}.app-card-stat{text-align:center}.app-card-stat .stats-type{font-size:.9rem;color:#828d9f;text-transform:uppercase}.app-card-stat .stats-figure{font-size:2rem;color:#252930}.app-card-stat .stats-meta{font-size:.9rem;color:#828d9f}.app-card-progress-list .item{position:relative;border-bottom:1px solid #e7e9ed}.app-card-progress-list .item:hover .title{color:#252930}.app-card-progress-list .item:last-child{border:none}.app-card-progress-list .item .title{font-size:.9rem;font-weight:500}.app-card-progress-list .item .meta{font-size:.9rem;color:#828d9f}.app-card-progress-list .item-link-mask{position:absolute;width:100%;height:100%;display:block;left:0;top:0}.app-card-progress-list .progress{height:.5rem}.app-card-stats-table .table{font-size:.9rem}.app-card-stats-table .meta{color:#828d9f;font-weight:500;font-size:.9rem;background-color: transparent;}.app-card-stats-table .stat-cell{text-align:right}.app-card-basic{height:100%}.app-card-basic .title{font-size:1rem}.app-card .app-icon-holder{display:inline-block;background:#edfdf6;color:#0986bf;width:50px;height:50px;padding-top:12px;font-size:1rem;text-align:center;border-radius:50%}.app-card .app-icon-holder.icon-holder-mono{background:#f5f6fe;color:#828d9f}.app-card .app-icon-holder svg{width:24px;height:24px}.app-card .app-card-body.has-card-actions{position:relative;padding-right:1rem !important}.app-card .app-card-body .app-card-actions{display:inline-block;width:30px;height:30px;text-align:center;border-radius:50%;position:absolute;z-index:10;right:.75rem;top:.75rem}.app-card .app-card-body .app-card-actions:hover{background:#f5f6fe}.app-card .app-card-body .app-card-actions .sidebar{font-size:.8125rem}.app-card-doc:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important}.app-card-doc .app-card-thumb-holder{background:#e9eaf1;text-align:center;position:relative;height:112px}.app-card-doc .app-card-thumb-holder .app-card-thumb{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;background:#000}.app-card-doc .app-card-thumb-holder .thumb-image{-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;width:100%;height:auto}.app-card-doc .app-card-thumb-holder:hover{background:#fafbff}.app-card-doc .app-card-thumb-holder:hover .thumb-image{-webkit-opacity:1;-moz-opacity:1;opacity:1}.app-card-doc .app-card-thumb-holder .badge{position:absolute;right:.5rem;top:.5rem}.app-card-doc .app-card-thumb-holder .icon-holder{font-size:40px;display:inline-block;margin:0 auto;width:80px;height:80px;border-radius:50%;background:#fff;padding-top:10px}.app-card-doc .app-card-thumb-holder .icon-holder .pdf-file{color:#da2d27}.app-card-doc .app-card-thumb-holder .icon-holder .text-file{color:#66a0fd}.app-card-doc .app-card-thumb-holder .icon-holder .excel-file{color:#0da95f}.app-card-doc .app-card-thumb-holder .icon-holder .ppt-file{color:#f4b400}.app-card-doc .app-card-thumb-holder .icon-holder .video-file{color:#935dc1}.app-card-doc .app-card-thumb-holder .icon-holder .zip-file{color:#252930}.app-card-doc .app-doc-title{font-size:.9rem}.app-card-doc .app-doc-title a{color:#252930}.app-card-doc .app-doc-title.truncate{max-width:calc(100% - 30px);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-card-doc .app-doc-meta{font-size:.75rem}.table-search-form .form-control{height:2rem;min-width:auto}.app-dropdown-menu{font-size:.9rem}.app-card-orders-table .table{font-size:.9rem}.app-card-orders-table .table .cell{border-color:#e7e9ed;color:#5d6778;vertical-align:middle}.app-card-orders-table .cell span{display:inline-block}.app-card-orders-table .cell .note{display:block;color:#828d9f;font-size:.75rem}.app-card-orders-table .btn-sm,.app-card-orders-table .btn-group-sm>.btn{padding:.125rem .5rem;font-size:.75rem}.app-card-orders-table .truncate{max-width:250px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-tabs{background:#fff;padding:0}.app-nav-tabs .nav-link{color:#5d6778;font-size:.9rem;font-weight:bold}.app-nav-tabs .nav-link.active{color:#0986bf;border-bottom:2px solid #0986bf}.app-nav-tabs .nav-link.active:hover{background:none}.app-nav-tabs .nav-link:hover{background:#edfdf6;color:#0986bf}.app-pagination .pagination{font-size:.9rem}.app-pagination .pagination .page-link{color:#5d6778;padding:.25rem .5rem}.app-pagination .pagination .page-item.active .page-link{background:#747f94;color:#fff;border-color:#747f94}.app-pagination .pagination .page-item.disabled .page-link{color:#9fa7b5}.app-card-accordion .app-card-title{font-size:1.125rem}.app-card-accordion .faq-accordion .accordion-item{border-radius:0;border:none;border-bottom:1px solid #e7e9ed}.app-card-accordion .faq-accordion .accordion-item:last-child{border-bottom:none}.app-card-accordion .faq-accordion .accordion-header{border:none}.app-card-accordion .faq-accordion .accordion-button{padding:1rem;border-radius:0;border:none;box-shadow:none;background:none;padding-left:0;font-size:1rem;text-decoration:none;color:#0986bf}.app-card-accordion .faq-accordion .accordion-button:after{display:none}.app-card-accordion .faq-accordion .accordion-body{padding-left:0;padding-right:0;padding-top:0;font-size:1rem}.app-card-account{height:100%}.app-card-account .item{font-size:.9rem}.app-card-account .item .profile-image{width:60px;height:60px}.app-card-account .item .btn-sm,.app-card-account .item .btn-group-sm>.btn{padding:.125rem .5rem;font-size:.75rem}.settings-section .section-title{font-size:1.25rem}.settings-section .section-intro{font-size:.9rem}.app-card-settings{font-size:1rem}.app-card-settings .form-label{font-weight:bold}.app-card-settings .form-control{font-size:1rem}.app-404-page{padding-top:2rem}.app-404-page .page-title{font-size:3rem;line-height:.8;font-weight:bold}.app-404-page .page-title span{font-size:1.5rem}.chart-container{position:relative}.app-table-hover>tbody>tr:hover{background-color:#fafbff}.app-card-notification .notification-type .badge{font-size:.65rem;text-transform:uppercase}.app-card-notification .profile-image{width:60px;height:60px}.app-card-notification .notification-title{font-size:1.125rem}.app-card-notification .notification-content{font-size:.9rem}.app-card-notification .notification-meta{font-size:.75rem;color:#828d9f}.app-card-notification .action-link{font-size:.9rem}.app-card-notification .app-card-footer{background:#fafbff;border-top:1px solid #e7e9ed}@media(min-width: 1200px){.table-search-form .form-control{min-width:300px}}@media(max-width: 575.98px){.app-card-stat .stats-figure{font-size:1.125rem}.app-card-stat .stats-type{font-size:.75rem}}.app-login .auth-background-holder{background-repeat: no-repeat;background-position:center;background-size:cover;height:100vh;min-height:100%}.app-signup .auth-background-holder{background:url("/images/background/background-2.jpg") no-repeat center center;background-size:cover;height:100vh;min-height:100%}.app-reset-password .auth-background-holder{background:url("/images/background/background-3.jpg") no-repeat center center;background-size:cover;height:100vh;min-height:100%}.auth-main-col,.auth-background-col{position:relative}.auth-background-mask{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background:rgba(0,0,0,.1)}.auth-background-overlay{position:absolute;width:100%;height:100%;left:0;top:0;z-index:11}.auth-background-overlay .overlay-title{color:#fff;font-size:1rem;font-weight:bold}.auth-background-overlay .overlay-content{background:rgba(37,41,48,.6);color:#fff}.auth-background-overlay .overlay-content a{text-decoration:underline;color:#fff}.app-auth-footer{position:absolute;bottom:0;left:0;width:100%}.app-auth-wrapper{background:#fff;height:100vh}.app-auth-wrapper .app-auth-body{width:360px}.app-auth-wrapper .app-logo .logo-icon{width:60px;height:60px}.app-auth-wrapper .auth-heading{font-size:1.5rem}.app-auth-wrapper .legal-note{font-size:.9rem}.app-auth-wrapper .extra{font-size:.75rem}.app-auth-wrapper .extra a{text-decoration:underline;color:#828d9f}.app-auth-wrapper .extra a:hover{color:#5d6778}.app-auth-wrapper .auth-heading-desc{font-weight:500;font-size:1.125rem}.app-auth-wrapper .legal-note{font-size:.75rem}.app-auth-wrapper .auth-option{font-size:.9rem}.app-auth-footer .copyright{font-size:.75rem}@media(max-width: 767.98px){.auth-background-col{display:none}.app-auth-wrapper .app-auth-body{width:100%}}

.app-wrapper{
    min-height: calc(100vh - 50px);
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
}

.app-wrapper.loading{
    background-image: url(/assets/images/loading_w.gif);
}

.appheader {
    height: 54px;
    overflow: hidden;
    background: #0986bf;
    position: relative;
    z-index: 1000;
    width: 100%;
    color: #fff;
}
.user-header{
    padding: 1rem;
    border-bottom: 1px solid #e7e9ed;
    font-weight: 900;
    font-size: 20px;
    text-align: center;
}

.user-header i{
    border-radius: 50%;
    border: 1px solid #e7e9ed;
    font-size: 26px!important;
    width: 51px;
    height: 51px;
    text-align: center;
    background-color: #0986bf;
    color: #ffffff;
    padding: 5px;
    margin-bottom: 10px;
}

[type="checkbox"]{
    border-radius: 0.375rem;
    width: 20px;
    height:20px;
}

[type="checkbox"]:focus {
    box-shadow: none;
    outline: none;
}

small {
    display: block;
    color: #aaaaaa;
    font-size: 70%;
}

.breadcrumb{
    font-size: 12px;
}

.app-utility-item i{
    font-size: 15px;
}

div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_info {
    text-align: left;
}

.table td, .table th {
    border-color: #e7e9ed;
    color: #5d6778;
    vertical-align: middle;
    position: relative;
    background-color: transparent;
}

.table tr.trstockmin td{
    color: #cccc00;
}

.table tr.trnostock td{
    color: #ff3300;
}

table {
    font-size: .9rem;
}

table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.03);
}

.table thead th {
    border-color: #e7e9ed;
    background: #6c757d;
    color: #fff;
}

.bg-blue {
    --bs-bg-opacity: 1;
    background-color: #0986bf!important;
}

.active>.page-link, .page-link.active {
    z-index: 3;
    color: #fff;
    background-color: #0986bf;
    border-color: #0986bf;
}

table.dataTable tbody > tr > td:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 50%;
    right: 0;
    top: 25%;
    background-color: #e0e0e0;
}

table.dataTable tbody > tr > td:last-child:after {
    background-color: transparent;
}

table.dataTable thead > tr > th {
    padding: 10px 0 !important;
}

table.dataTable thead > tr > td:last-child:after {
    background-color: transparent;
}

table.dataTable thead > tr > th > div{
    border-right: 1px solid #ffffff;
    padding: 0 10px !important;
}

table.dataTable thead > tr > th:last-child > div{
    border: 0;
}

table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: none;
    /*background-color: #f5f5f5;*/
}

table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow: none;
    background-color: aliceblue!important;
}

.app-btn-delete{
    background:#990000;
    color:#fff;
    border-color:#990000;
}

.app-btn-delete:hover,.app-btn-delete:active{
    color:#fff;
    background:#cc0000;
    border-color:#cc0000;
}

.sidepanel-toggler{
    color:#ffffff;
}

.section-title{
    background-color: #ffffff;
    border-bottom: 1px solid #e7e9ed;
    position: sticky;
    top: 48px;
    z-index: 10;
}

.logo{
    display: inline-block;
    top: -4px;
    position: relative;
}

.logotxt{
    position: relative;
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    letter-spacing: 2px;
}

.breadcrumb-item.active {
    color: #aaa;
}

.app-utility-item>a.active {
    color: #086d9b;
    background-color: #ffffff;
}

.sidebar {
    width: 375px;
    position: fixed!important;
    right: -100%;
    height: 100%;
    z-index: 10003;
    background: #ffffff;
    transition: all 0.3s;
    overflow-y: scroll;
    top: 48px;
    padding: 10px 0;
}

.sidebar.active{
    right:-15px;
}

.sidebar ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-overlay{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(0,0,0);
    z-index: 0;
    transition: all 0.3s;
    opacity: 0;
    display: none;
}

.sidebar-overlay.active{
    display: block;
    opacity: 0.7;
}

.app-card .app-card-footer {
    border-top: 1px solid #e7e9ed;
}

.form-label {
    font-weight: bold;
    margin: 0;
    display:block;
}

.form-control,.form-select{
    font-size: .9rem;
    border-radius: 0.375rem;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px;
    user-select: none;
    -webkit-user-select: none;
    padding: 2px 4px;
    border-radius: 0.375rem;
    border-color: #e7e9ed;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 0;
    right: 5px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #5d6778;
    line-height: 31px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #cccccc;
}

.select2-container--default .select2-selection--single .select2-selection__clear, .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 31px;
    margin-right: 25px;
    padding-right: 0px;
    font-family: 'Segoe UI';
    color: #999999;
    font-size: 1.4em;
    margin-top:0;
}

.select2-container .select2-search--inline .select2-search__field{
    height: 28px;
    line-height: 28px;
    padding-left: 8px;
    padding-right: 20px;
}

::-webkit-input-placeholder {
    font-family: 'Segoe UI';
    font-size: .9rem;
    color: #cccccc;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #e7e9ed;
    border-radius: 0.375rem;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #86b7fe 1px;
    outline: 0;
}

error{
    color:red;
    font-size: 80%;
    display: none;
}

.md-overlay{
    z-index: 10000;
}

.md-modal{
    z-index: 10001;
}

.md-content {
    color: #454951;
    background: #fff;
    position: relative;
    border-radius: 3px;
    margin: 30px auto;
    max-width: 630px;
    min-width: 320px;
}

.md-content .modal-header {
    padding: 15px 20px 15px;
    justify-content: flex-end;
}

.md-close-top{
    background: none;
    border: 0;
    opacity: 0.8;
}

.md-close-top{
    opacity: 1;
}

.i-circle {
    border: 5px solid #f1f1f1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 80px;
    width: 80px;
    display: inline-block;
    padding-top: 10px;
    margin-bottom: 7px;
    padding-left: 2px;
}

.i-circle.danger i {
    color: #da4932;
}

.i-circle.success i {
    color: #60c060;
}

.i-circle.warning i {
    color: #fc9700;
}

.i-circle.primary i {
    color: #4d90fd;
}

.i-circle i {
    font-size: 34px;
    vertical-align: middle;
    color: #666;
}

table.dataTable {
    width: 100%!important;
    border-radius: 0.375rem;
    overflow: hidden;
    margin: 0 !important;
}

@-webkit-keyframes invalid {
    from { background-color: red; }
    to { background-color: #8c8c8c; }
}
@-moz-keyframes invalid {
    from { background-color: red; }
    to { background-color: #8c8c8c; }
}
@-o-keyframes invalid {
    from { background-color: red; }
    to { background-color: #8c8c8c; }
}
@keyframes invalid {
    from { background-color: red; }
    to { background-color: #8c8c8c; }
}
.invalid {
    -webkit-animation: invalid 1s infinite; /* Safari 4+ */
    -moz-animation:	invalid 1s infinite; /* Fx 5+ */
    -o-animation:	  invalid 1s infinite; /* Opera 12+ */
    animation:		 invalid 1s infinite; /* IE 10+ */
}

#vpassw i{
    width: 20px;
}

.app-nav .submenu-toggle:not(.collapsed) {
    background-color: aliceblue;
}

input::placeholder, .form-control::placeholder, .form-select::placeholder {
    color: #cccccc;
}

.input-group-text {
    font-size: inherit;
}

/*.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.right-addon) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}*/

.input-group>button:not([style*="display: none"])+input{
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.input-group-last{
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.fieldline{
    margin-bottom: 1rem!important;
}

#vpassw{
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.page-link{
    font-size: inherit;
}

.form-check-label {
    font-weight: bold;
    margin: 0;
    padding:3px 0 0 10px;
}

.cke_inner{
    border: 1px solid #e7e9ed!important;
    border-radius: 0.375rem;
}

html{
    height: 100%;
}

.dt-buttons button{
    border-right:2px solid rgba(255,255,255,0.5);
}

.dt-buttons button:last-child{
    border-right:0;
}

.table>:not(caption)>*>* {
    background-color: inherit;
}

.form-switch .form-check-input {
    width: 2.5rem;
    cursor: pointer;
}

.tab-content>.tab-pane {
    border: 1px solid #e7e9ed;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.s-input{
    width: 100%;
    max-width: 300px;
}

.m-input{
    width: 100%;
    max-width: 600px;
}

.icon-container{
    position: relative;
    display: inline-block;
    max-width: 400px;
}

.icon-container a{
    position: absolute;
    top: 0;
    left: 15px;
    padding:5px;
    font-size:25px;
    color: red;
}

.icon-container i{
    text-shadow: 0 0 8px #000;
}

.icon-container img{
    border: 1px solid #e7e9ed;
    max-height: 250px;
}

.app-header-content .form-switch .form-check-input:checked{
    border: 1px solid #ffffff;
}

.app-header-content .form-switch .form-check-input:checked {
    background-color: #333333;
    border-color: #ffffff;
}

#working{
    background-color: rgba(0,0,0,0.2);
}

#working .radial-progress{
    background-color: transparent;
}

#working .radial-progress .inset{
    background-color: transparent;
}

.form-check-input[type=radio] {
    padding: 8px;
}

.accordion-button:focus {
    z-index: 3;
    border-color: unset;
    outline: 0;
    box-shadow: none;
}

.app-header-content .form-check-label{
    color: #ffffff;
}

#thfoto a{
    display:none;
}

#thfoto img{
    border-radius: 50%;
    cursor: pointer;
}

.user-header img{
    border-radius: 50%;
}

#thfoto .profile-image {
    width: 60px;
    height: 60px;
}

.nav-tabs .nav-link {
    background-color: #f5f5f5;
    color: #0986bf;
    border-color: var(--bs-nav-tabs-link-active-border-color);
    margin-bottom: 0;
    line-height: 22px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
    margin-bottom: calc(-6 * var(--bs-nav-tabs-border-width));
    height: 44px;
}

.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
    border-bottom-color: transparent;
    background-color: #ddd;
}

.nav-tabs .nav-link:focus{
    background-color: #fff;
}

#sidebar {
    width: 375px;
    position: fixed!important;
    top: 0;
    right: -377px;
    height: 100%;
    z-index: 10003;
    background: #ffffff;
    color: #333;
    transition: all 0.3s;
    overflow-y: auto;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10002;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    top: 0;
}

#sidebar.active {
    right: 0;
}

.overlay.active {
    display: block;
    opacity: 1;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #1b1f22;
    color: #ffffff;
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0.25rem;
}

#sidebar .sidebar-header {
    padding: 15px 20px 10px 20px;
    background: #f5f5f5;
    border-bottom: 2px solid #e30a0a;
    margin-bottom: 15px;
}

#errorlist li{
    padding: 10px;
    color: #e30a0a;
}

#sidebar .dismiss{
    padding: 8px 12px 7px !important;
    display: block;
}

table{
    border: 1px solid #dee2e6;
}

table.dataTable>tbody>tr {
    background-color: #ffffff;
}

.input-group{
    flex-wrap: nowrap;
}

input.number, input.decimal, input.centesimal, input.milesimal{
    text-align: right;
}

.row.tr div.th{
    border: 1px solid #e7e9ed;
    color: #ffffff;
    background-color: #6c757d;
    padding: 10px;
    font-weight: bold;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
}

.row.tr div.td{
    border: 1px solid #e7e9ed;
    border-top: 0;
    padding: 10px;
}

.row.tr div.td:last-child{
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem;
}

.table-wrapper{
    overflow-x: auto;
    border-radius: .375rem;
    margin-top: 10px;
}

.table-borderless{
    border:0!important;
}

.table>thead {
    vertical-align: bottom;
    border-bottom: 1px solid #e7e9ed;
}

.line-clamp-1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

.line-clamp-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.line-clamp-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.line-clamp-4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

/********************************************************************************* DARK THEME ***************************************************************************/

[data-bs-theme=dark] .app-card {
    background: #1b1f22;
    border: 1px solid #495057;
}

[data-bs-theme=dark] .app-card-stat .stats-type {
    color: #ffffff;
}

[data-bs-theme=dark] .app-card-stat .stats-figure{
    color: #828d9f;
}

[data-bs-theme=dark] .form-control, [data-bs-theme=dark] .form-select {
    color: #ffffff;
}

[data-bs-theme=dark] .section-title{
    background: #1b1f22;
}

[data-bs-theme=dark] .app-sidepanel .sidepanel-inner{
    background: #1b1f22;
}

[data-bs-theme=dark] .app-nav .nav-item{
    background: #1b1f22;
    color: #ffffff;
}

[data-bs-theme=dark] .app-nav .nav-link{
    color: #dddddd;
}

[data-bs-theme=dark] .app-nav .nav-link.active{
    color: #ffffff;
}

[data-bs-theme=dark] .app-nav .nav-link:hover{
    color: #ffffff;
    background-color: #212530;
}

[data-bs-theme=dark] .app-nav .submenu-toggle:not(.collapsed) {
    background-color: #212530;
}

[data-bs-theme=dark] .app-nav .submenu-link:hover {
    color: #ffffff;
    background-color: #252930;
}

[data-bs-theme=dark] .table thead th {
    border-color: #e7e9ed;
    background: #252930;
    color: #fff;
}

[data-bs-theme=dark] .table-striped tbody tr:nth-of-type(odd) {
    background-color: #5c636a;
}

[data-bs-theme=dark] table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: none;
    background-color: #5c636a;
}

[data-bs-theme=dark] .app-nav .submenu-link.active {
    color: #ffffff;
    background: #6c757d;
}

[data-bs-theme=dark] table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow: none;
    background-color: #6c757d!important;
}

[data-bs-theme=dark] .table td, .table th {
    color: #ffffff;
}

[data-bs-theme=dark] .app-wrapper.loading{
    background-image: url(/assets/images/loading_d.gif);
}

[data-bs-theme=dark] .select2-container--default .select2-selection--single {
    background-color: #212529;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
}

[data-bs-theme=dark] .select2-dropdown {
    background-color: #212529;
}

[data-bs-theme=dark] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #6c757d;
    color: white;
}

[data-bs-theme=dark] .select2-container--default .select2-results__option--selected {
    background-color: #5c636a;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple {
    background-color: #212529;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #5c636a;
}

[data-bs-theme=dark] img.dark {
    background-color: #ffffff;
}

[data-bs-theme=dark] .sidebar {
    background: #1b1f22;
}

[data-bs-theme=dark] .nav-tabs .nav-link {
    background-color: #333333;
    color: #ffffff;
}

[data-bs-theme=dark] .nav-tabs .nav-link.active {
    background-color: #1b1f22;
    color: #ffffff;
}

[data-bs-theme=dark] .nav-tabs .nav-link:hover {
    background-color: #555555;
}

/********************************************************************************* DARK THEME ***************************************************************************/

@media (min-width: 1200px){
    .app-nav-main{
        padding-top: 48px;
    }
}

@media (max-width: 767px){
    .logotxt{
        font-size: 16px;
        bottom: -1px;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 1199.98px){
    .app-sidepanel {
        z-index: 100;
    }
}