/* Custom css for idt */
/* set color variable */
:root {
    --idt-color: #F88D2A;
    --text-color-with-idt-color: #ffffff;
}

.text-idt,
.text-idt a {
    color: var(--idt-color) !important;
}

.text-idt:hover,
.text-idt a:hover {
    color: var(--idt-color) !important;
}

.sidebar .nav.nav-idt>.nav-item a:hover i,
.sidebar .nav.nav-idt>.nav-item a:focus i,
.sidebar .nav.nav-idt>.nav-item a[data-toggle="collapse"][aria-expanded="true"] i,
.sidebar[data-background-color="white"] .nav.nav-idt>.nav-item a:hover i,
.sidebar[data-background-color="white"] .nav.nav-idt>.nav-item a:focus i,
.sidebar[data-background-color="white"] .nav.nav-idt>.nav-item a[data-toggle="collapse"][aria-expanded="true"] i {
    color: var(--idt-color) !important;
}

.sidebar .nav.nav-idt>.nav-item a[data-toggle="collapse"][aria-expanded="true"]:before,
.sidebar[data-background-color="white"] .nav.nav-idt>.nav-item a[data-toggle="collapse"][aria-expanded="true"]:before {
    background: var(--idt-color) !important;
}

.sidebar .nav.nav-idt>.nav-item.active a:before,
.sidebar[data-background-color="white"] .nav.nav-idt>.nav-item.active a:before {
    background: var(--idt-color) !important;
}

.sidebar .nav.nav-idt>.nav-item.active a i,
.sidebar[data-background-color="white"] .nav.nav-idt>.nav-item.active a i {
    color: var(--idt-color) !important;
}

.sidebar.sidebar-style-2 .nav.nav-idt>.nav-item.active>a {
    background: var(--idt-color) !important;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1),
    4px 4px 15px -5px rgba(21, 114, 232, 0.4);
}

.sidebar.sidebar-style-2 .nav.nav-idt>.nav-item.active>a:before {
    background: transparent !important;
}

.sidebar.sidebar-style-2 .nav.nav-idt>.nav-item.active>a p,
.sidebar.sidebar-style-2 .nav.nav-idt>.nav-item.active>a i,
.sidebar.sidebar-style-2 .nav.nav-idt>.nav-item.active>a .caret,
.sidebar.sidebar-style-2 .nav.nav-idt>.nav-item.active>a span {
    color: #ffffff !important;
}

.sidebar.sidebar-style-2 .nav.nav-idt>.nav-item.active>a[data-toggle="collapse"][aria-expanded="true"] i {
    color: #ffffff !important;
}

.card-stats .icon-big.icon-idt {
    border-radius: 5px;
    background: var(--idt-color);
}

.card-stats .icon-big.icon-idt i {
    color: #ffffff !important;
}

.card-idt {
    color: #ffffff;
    border: 0px !important;
    background: var(--idt-color) !important;
}

.card-idt .card-header {
    border-bottom: transparent !important;
}

.card-idt .card-category {
    color: #ffffff;
}

.card-idt .icon-big>i {
    color: #ffffff !important;
}

.card-idt .card-footer {
    border-top: transparent !important;
}


.card-pricing.card-idt .name-specification {
    color: #ffffff !important;
}

.card-pricing.card-idt .specification-list li {
    border-color: #2f8bff !important;
}

.card-pricing.card-idt .btn-light {
    color: var(--idt-color) !important;
}

.card-pricing2.card-idt {
    border-bottom-color: var(--idt-color);
}

.card-pricing2.card-idt .price-value:before,
.card-pricing2.card-idt .value:before {
    border-left-color: var(--idt-color);
    border-top-color: var(--idt-color);
}

.card-pricing2.card-idt .price-value,
.card-pricing2.card-idt .value {
    border-right-color: var(--idt-color);
    border-left-color: var(--idt-color);
}

.card-pricing2.card-idt .price-value:after,
.card-pricing2.card-idt .value:after {
    border-right-color: var(--idt-color);
    border-bottom-color: var(--idt-color);
}

.card-pricing2.card-idt .value {
    color: var(--idt-color);
}

.card-pricing2.card-idt:before {
    background: var(--idt-color);
}

.card-annoucement.card-idt .btn-light {
    color: var(--idt-color) !important;
}

.accordion.accordion-idt .card .card-header,
.accordion.accordion-idt .card .card-header .btn-link {
    font-size: 14px;
}

.accordion.accordion-idt .card .card-header {
    color: var(--idt-color);
}

.accordion.accordion-idt .card .card-header .btn-link {
    color: var(--idt-color) !important;
}

.custom-checkbox.checkbox-idt .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--idt-color);
}

.table-bordered-bd-idt td,
.table-bordered-bd-idt th {
    border: 1px solid var(--idt-color) !important;
}

.table-head-bg-idt thead {
    border: 1px solid var(--idt-color) !important;
}

.table-head-bg-idt thead th,
.table-striped-bg-idt tbody tr:nth-of-type(odd) {
    background: var(--idt-color) !important;
    color: #ffffff !important;
    border: 0px !important;
}

.navbar-line .navbar-nav.page-navigation.page-navigation-idt .nav-item.active::after {
    background: var(--idt-color) !important;
}

.badge-idt {
    background: var(--idt-color);
}

.notif-box .notif-center a .notif-icon.notif-idt,
.messages-notif-box .notif-center a .notif-icon.notif-idt {
    color: #ffffff !important;
    background: var(--idt-color) !important;
}


.quick-actions.quick-actions-idt:after {
    border-bottom-color: var(--idt-color) !important;
}

.quick-actions.quick-actions-idt .quick-actions-header {
    background: var(--idt-color);
}

.quick-actions.quick-actions-idt .quick-actions-item {
    color: var(--idt-color);
}

.alert-idt {
    border-left: 4px solid var(--idt-color);
}

.alert-idt [data-notify="icon"]:before {
    background: var(--idt-color);
}

.btn-idt {
    background: var(--idt-color) !important;
    border-color: var(--idt-color) !important;
    color: var(--text-color-with-idt-color) !important;
}

.btn-idt:hover,
.btn-idt:focus,
.btn-idt:disabled {
    background: var(--idt-color) !important;
    border-color: var(--idt-color) !important;
}

.btn-border.btn-idt {
    color: var(--idt-color) !important;
    border: 1px solid var(--idt-color) !important;
}

.btn-link.btn-idt {
    color: var(--idt-color) !important;
}

.btn-link.btn-idt:hover {
    color: var(--idt-color) !important;
}

.nav-pills.nav-idt .nav-link {
    border: 1px solid #eeeeee;
}

.nav-pills.nav-idt .nav-link.active {
    color: #ffffff !important;
    background: var(--idt-color);
    border: 1px solid var(--idt-color);
}

.nav.nav-simple.nav-color-idt .nav-link:hover,
.nav.nav-simple.nav-color-idt .nav-link:focus {
    color: var(--idt-color);
}

.nav.nav-simple.nav-color-idt .nav-link.active {
    color: var(--idt-color);
}

.nav.nav-line.nav-color-idt .nav-link:hover,
.nav.nav-line.nav-color-idt .nav-link:focus {
    color: var(--idt-color);
}

.nav.nav-line.nav-color-idt .nav-link.active {
    color: var(--idt-color);
    border-color: var(--idt-color);
}

.pagination.pg-idt>li.active>a,
.pagination.pg-idt>li.active:first-child>a,
.pagination.pg-idt>li.active:last-child>a,
.pagination.pg-idt>li.active>span,
.pagination.pg-idt>li.active:first-child>span,
.pagination.pg-idt>li.active:last-child>span {
    background: var(--idt-color);
    border-color: var(--idt-color);
    color: #ffffff;
}

.slider-idt .ui-slider-range {
    background: var(--idt-color);
}

.modal .bg-idt .modal-title {
    color: #ffffff !important;
}

.feed-item-idt::after {
    background: var(--idt-color) !important;
}

.timeline-badge.idt {
    background-color: var(--idt-color) !important;
}

.wizard-container .wizard-menu.nav-idt li a {
    color: var(--idt-color) !important;
}

.wizard-container .wizard-menu.nav-idt .moving-tab {
    background-color: var(--idt-color);
}

.selectgroup.selectgroup-idt .selectgroup-input:checked+.selectgroup-button {
    border-color: var(--idt-color);
    color: var(--idt-color);
    background: rgba(21, 114, 232, 0.15);
}

.selectgroup.selectgroup-idt .selectgroup-input:focus+.selectgroup-button {
    border-color: var(--idt-color);
    color: var(--idt-color);
    box-shadow: 0 0 0 2px rgba(21, 114, 232, 0.25);
}

.btn-idt.is-loading:after,
.card-idt.is-loading:after,
.loader-idt,
.is-loading-idt:after {
    border-bottom-color: transparent !important;
}

.btn-idt.is-loading:after,
.card-idt.is-loading:after{
    border-color: #fff;
}

.loader-idt,
.is-loading-idt:after {
    border-color: var(--idt-color);
}

.fc-event.fc-idt .fc-content:before {
    background: var(--idt-color) !important;
    border-color: var(--idt-color) !important;
}

.fc-event.fc-idt-solid .fc-content:before {
    display: none;
}

.fc-event.fc-idt-solid .fc-content {
    color: #ffffff;
    padding: 0.55rem 0.55rem;
}

.fc-event.fc-idt-solid {
    background: var(--idt-color) !important;
    border-color: var(--idt-color) !important;
}

.fc-list-item.fc-idt .fc-event-dot,
.fc-list-item.fc-idt-solid .fc-event-dot {
    background: var(--idt-color) !important;
}

.select2-idt .select2-selection__choice .select2-selection__choice__remove {
    color: #ffffff !important;
}

.select2-idt .select2-selection__choice .select2-selection__choice__remove:hover {
    color: #ffffff !important;
}

.select2-idt .select2-selection__choice {
    background: var(--idt-color) !important;
    border-color: var(--idt-color) !important;
    color: #ffffff !important;
}

.card-black,
body[data-background-color="dark"] .card-idt {
    color: #fff;
}

.card-black .card-title,
body[data-background-color="dark"] .card-idt .card-title,
body[data-background-color="dark"] .card-idt .card-category {
    color: #fff;
}

.bg-idt {
    background-color: var(--idt-color) !important;
}

.bg-idt2 {
    background-color: #1269db !important;
}

.bg-idt-gradient {
    background: var(--idt-color) !important;
    background: -webkit-linear-gradient(legacy-direction(-45deg),
    #06418e,
    var(--idt-color)) !important;
    background: linear-gradient(-45deg, #06418e, var(--idt-color)) !important;
}

.logo-header[data-background-color="idt"] {
    background: var(--idt-color) !important;
}

.navbar-header[data-background-color="idt"] {
    background: var(--idt-color) !important;
}

.sidebar[data-background-color="idt"] {
    background: var(--idt-color) !important;
}

.sidebar[data-background-color="idt"] .user {
    margin-top: 0px;
    padding-top: 12.5px;
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.sidebar[data-background-color="idt"] .user .info a>span {
    color: #fff;
}

.sidebar[data-background-color="idt"] .user .info a>span .user-level {
    color: #eaeaea;
}

.sidebar[data-background-color="idt"] .user .info .caret {
    border-top-color: #fff;
}

.sidebar[data-background-color="idt"] .nav .nav-item a {
    color: #f5f5f5 !important;
}

.sidebar[data-background-color="idt"] .nav .nav-item a p,
.sidebar[data-background-color="idt"] .nav .nav-item a i,
.sidebar[data-background-color="idt"] .nav .nav-item a .caret {
    color: #f5f5f5 !important;
}

.sidebar[data-background-color="idt"] .nav .nav-item a:hover,
.sidebar[data-background-color="idt"] .nav .nav-item a:focus,
.sidebar[data-background-color="idt"] .nav .nav-item a[data-toggle="collapse"][aria-expanded="true"] {
    color: #fff !important;
}

.sidebar[data-background-color="idt"] .nav .nav-item a:hover p,
.sidebar[data-background-color="idt"] .nav .nav-item a:hover i,
.sidebar[data-background-color="idt"] .nav .nav-item a:hover .caret,
.sidebar[data-background-color="idt"] .nav .nav-item a:focus p,
.sidebar[data-background-color="idt"] .nav .nav-item a:focus i,
.sidebar[data-background-color="idt"] .nav .nav-item a:focus .caret,
.sidebar[data-background-color="idt"] .nav .nav-item a[data-toggle="collapse"][aria-expanded="true"] p,
.sidebar[data-background-color="idt"] .nav .nav-item a[data-toggle="collapse"][aria-expanded="true"] i,
.sidebar[data-background-color="idt"] .nav .nav-item a[data-toggle="collapse"][aria-expanded="true"] .caret {
    color: #fff !important;
}

.sidebar[data-background-color="idt"] .nav .nav-section .text-section,
.sidebar[data-background-color="idt"] .nav .nav-section .sidebar-mini-icon {
    color: #eaeaea;
}

.sidebar[data-background-color="idt"] .nav .nav-collapse li a .sub-item:before {
    background: #eaeaea;
}

.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a:hover,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a:focus,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a[data-toggle="collapse"][aria-expanded="true"] {
    background: #fff !important;
    color: var(--idt-color) !important;
}

.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a p,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a i,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a .caret,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a:hover p,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a:hover i,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a:hover .caret,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a:focus p,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a:focus i,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a:focus .caret,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a[data-toggle="collapse"][aria-expanded="true"] p,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a[data-toggle="collapse"][aria-expanded="true"] i,
.sidebar[data-background-color="idt"].sidebar-style-2 .nav>.nav-item.active>a[data-toggle="collapse"][aria-expanded="true"] .caret {
    color: var(--idt-color) !important;
}

.sidebar[data-background-color="idt"] .scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #f7f7f7;
}

.sidebar[data-background-color="idt"] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebar[data-background-color="idt"] .scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #dcdbdb;
}

.logo-center {
    justify-content: center !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.border-white-50 {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.border-white-10 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}