/* Custom css for idg */
/* set color variable */
:root {
    --idg-color: #3CB4E5;
    --text-color-with-idg-color: #ffffff;
}

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

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

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

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

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

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

.sidebar.sidebar-style-2 .nav.nav-idg>.nav-item.active>a {
    background: var(--idg-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-idg>.nav-item.active>a:before {
    background: transparent !important;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sidebar[data-background-color="idg"] .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="idg"] .user .info a>span {
    color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

.sidebar[data-background-color="idg"] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebar[data-background-color="idg"] .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;
}