/* loader */
.loader-wrapper{
    /*background: #0d0d0dad;*/
}
/* left menu */
:root {
    /*--theme-deafult: #0062B8;*/
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    width:240px;
}
.page-wrapper.compact-wrapper .page-header {
    margin-left: 240px;
    width: calc(100% - 240px);
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
    padding: 23px 30px;
    -webkit-box-shadow: -9px 0 20px rgb(89 102 122 / 10%);
    box-shadow: -9px 0 20px rgb(89 102 122 / 10%);
}
.sidebar-link svg{
    width:16px;
}
.sidebar-link span{
    font-size:0.85em;
}
.sidebar-link.active{
    margin-bottom: 0 !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list:hover>a:hover {
    background-color: #7ea9e91a;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom right, var(--theme-default-trans), var(--theme-secondary-trans));
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active span {
    color: var(--theme-deafult);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li{
    padding: 3px 0px 3px 10px;
}
.sidebar-list .bottom-line {
    margin:0px 20px;
    border-bottom:1px solid #e4e4e4;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu li a {
    font-size:0.85em;
}
/* page */
.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    min-height: calc(100vh - 80px);
    margin-top: 80px;
    margin-left: 240px;
}
.page-wrapper .page-body-wrapper .page-title {
    margin-top:10px;
    background-color:#ffffff00;
    border:none;
    box-shadow:none;
    margin-bottom:10px;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a svg {
    color: #9ca3af;
}
.footer{
    margin-left: 240px;
}
/* other */
.border-r{
    border-right:1px solid #f3f3f3;
}
.border-tab.nav-tabs .nav-item .nav-link {
    font-size: 0.85em;
}
.nav-tabs .nav-link.active {
    font-weight: 400;
}
.border-tab.nav-primary .nav-item .nav-link.active, .border-tab.nav-primary .nav-item .nav-link.show, .border-tab.nav-primary .nav-item .nav-link:focus {
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(to right, var(--theme-deafult), var(--theme-secondary));
}
.btn-theme{
    color:#FFFFFF!important;
}
.btn-theme:hover{
    opacity:0.8!important;
}
.btn-theme{
    background: transparent linear-gradient(180deg, var(--theme-deafult) 0%, var(--theme-secondary) 100%) 0 0 no-repeat padding-box;
    color: white;
}
.btn-theme-dark{
    /* no longer user */
    background: transparent linear-gradient(180deg, #00305C  0%, #006729 100%) no-repeat padding-box;
    color: white;
}
.bg-theme{
    background: transparent linear-gradient(180deg, var(--theme-deafult) 0%, var(--theme-secondary) 100%) 0 0 no-repeat padding-box;
}


label{
    margin-bottom: 0 !important;
}
.text-theme{
    color: var(--theme-deafult);
}
.text-theme-light{
    color : #6D6D6D !important;
    font-size:0.85em;
}
.bg-theme-light{
    background-color: #F3F7F9;
}

.breadcrumb-item > a{
    color : #C1C1C1 !important;
}
.breadcrumb-item > a:hover{
    color : var(--theme-deafult)!important;
    -webkit-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition:     color 500ms linear;
}
.breadcrumb-item.active{
    color : var(--theme-deafult);
}





.card{
    margin-bottom: 30px;
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    border-radius: 15px;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.ck-editor__editable_inline {
    min-height: 400px;
}
.iti{
    width: 100%;
}


.status-badge-success{
    background: #08AD6E 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    opacity: 1;
    padding:4px 15px 4px 15px;
    text-align: center;
}
.status-badge-danger{
    background: #dc3545 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    opacity: 1;
    padding:4px 15px 4px 15px;
    text-align: center;
}
.btn-none{
    background: #ffffff00;
    border: none;
    padding: 0!important;
}

/* form */
.dropzone {
    border-radius: 5px;
    border: 2px dashed #dfe4eb;
    background: #f8f8f8;
    color: #9ca3af;
}
.dropzone:before{
    /*content: "<i class='fa fa-star'></i>";*/
    /*content: '\f002';*/
    text-align: center;
}

/* select2 */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-top: 2px !important;
}
.select2-selection--multiple > .select2-results__option{
    font-size:0.85em;
    border:1px solid #e1e1e1;
}
.select2-container--default .select2-selection--multiple{
    border: 1px solid #ced4da;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color:#e1e1e1;
 }
.select2-selection__choice{
    font-size:0.75em;
}
.select2-results__option[aria-selected=true]::before {
    content: "\2713";
    font: normal normal normal 14px/1 FontAwesome;
    color: #FFFFFF;
    text-align:right;
    float:right;
    padding-left:10px;
}
.select2-container .select2-selection--single {
    border-color: #ced4da;
}

/* other */
.background-f8{
    background-color: #F8F8F8;
}
.help-block{
    color: #9ca3af;
    font-weight:300!important;
    font-family: arial;
    font-size:0.85em;
}
.form-group .required::after {
    content: " *";
    color: red;
}
.short{
    max-width: 100%;
    height: 4em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}

/* tooltips */
.tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #1e1e1e;
}
.tooltip .tooltip-inner {
    background-color: #1e1e1e;
    color: #ffffff;
}
.background-D4D8DD{
    background-color: #D4D8DD;
}


/* ---- drop zone ---- */
.dropzone .dz-preview {
    z-index: 1;
}
.dropzone .dz-preview .dz-image {
    border-radius: 0;
}
.dropzone .dz-preview .dz-image img{
    width: 100%;
    height: auto;
}
.dropzone .dz-preview .dz-remove {
    font-size: 0.8em !important;
}
.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 0.8em !important;
}
.dropzone .dz-details {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.dropzone .dz-preview.dz-image-preview {
    background: #ffffff00;
}
.dropzone .dz-preview.dz-error .dz-error-mark{
    position: absolute;
    border-radius: 5px;
    width:102%;
    height:102%;
    opacity:1;
    top:0;
    left:0;
    margin:0 auto;
    border: 2px dashed #ff6464;
    margin:-2px;
}
.dropzone .dz-preview.dz-error .dz-error-mark svg{
    margin: 20px auto;
    display:none;
}
.dropzone .dz-preview .dz-error-message {
    position: absolute;
    top: 50%;
    border-color: #e91e63;
    background: #fff !important;
    color: #e91e63 !important;
    font-size: 0.7em;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message span{
    color: #e91e63;
}
.dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #e91e63 !important;
}
.dropzone .dz-preview .dz-remove {
    color: white;
    background: #232222b5;
    padding: 6px 0px;
}
.dropzone .dz-preview .dz-remove:hover{
    opacity:0.8;
    text-decoration: none;
}
.border-t-1{
    border-top:1px solid #ebf3f9;
}
/* ---- ./drop zone ---- */

/* header */
@media only screen and (max-width: 710px){
    .page-wrapper.compact-wrapper .nav-right .nav-menus {
         margin-right: 0px;
    }
    @media only screen and (max-width: 575.98px) {
        .profile-nav {
            display: block !important;
        }
    }
}
@media (min-width:575px){
    .right-header{
        width:100%;
    }
}