/* @import "blush.css"; */


/* magen-iot-admin.css */


/* .form-profile .form-control-placeholder {
    color: var(--color-Default) !important;
} */

.add-device-profile .form-control-placeholder {
    color: var(--color-Default) !important;
}

.add-device-profile label span.purple {
    background: var(--color-Default) !important;
}


/* .form-profile label span.purple {
    background: var(--color-Default) !important;
} */

::-webkit-scrollbar-thumb {
    background-color: var(--color-Default) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    border-color: #3e3e3e !important;
    color: var(--color-Default) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus {
    color: var(--color-Default) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
    background-color: var(--color-Default) !important;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid #3e3e3e !important;
}

a.paginate_button {
    color: var(--color-Default) !important;
}


/*
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid var(--color-Dark) !important;
}

table.dataTable th:last-child {
    background-color: var(--color-Default) !important;
}

table.dataTable tr:nth-child(even) {
    background-color: var(--color-super-light) !important;
}

table.dataTable tr:nth-child(even):hover {
    background-color: var(--color-light) !important;
}


commented by gaurav
table.dataTable th {
    background-color: var(--color-Default) !important;
}


table.dataTable th:first-child {
    background-color: var(--color-Default) !important;
}

table.dataTable {
    border: 1px solid var(--color-super-light) !important;
    ;
}
*/

.btn-theme-color {
    color: #fff;
    background-color: var(--color-Default) !important;
    border-color: var(--color-Default) !important;
}

.btn-theme-color:hover {
    color: #fff;
    background-color: var(--color-Default) !important;
    border-color: var(--color-Default) !important;
}

.btn-primary {
    color: var(--btn-primary-color) !important;
    background-color: var(--color-Default) !important;
    border-color: var(--color-Default) !important;
    font-weight: bold;
}

.btn .fa {
    color: var(--btn-primary-color) !important;
}

.btn .fa:hover {
    color: #fff !important;
}

td .btn .fa {
    color: var(--color-Default) !important;
}

.btn-primary:hover {
    color: var(--color-super-light) !important;
    background-color: var(--color-Dark) !important;
    border-color: var(--color-Dark) !important;
    font-weight: bold;
}

.btn-primary:hover .fa {
    color: var(--color-super-light) !important;
}

.action-menu-fa {
    color: var(--color-Default) !important;
}

a:hover {
    color: var(--color-Default) !important;
}


/*
commented by gaurav
a {
    color: var(--color-Default) !important;
}*/

.sidebar .fa {
    color: var(--color-Default) !important;
}

.kt-input-search .search-btn .fa {
    color: var(--btn-primary-color) !important;
}

.kt-input-search .search-btn:hover .fa {
    color: var(--color-super-light) !important;
}

.dataTables_length select {
    background-color: var(--color-super-light) !important;
    border-color: var(--color-light) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background-color: transparent !important;
    color: var(--color-Default) !important;
    cursor: pointer;
}

.form-control:focus,
.dataTables_filter input:focus {
    border-color: var(--btn-primary-color) !important;
}

.custom-select:focus {
    border-color: var(--color-light) !important;
}

.kt-input-search .input-group-btn .btn,
.kt-input-search .input-group-btn .sp-container button,
.sp-container .kt-input-search .input-group-btn button {
    color: var(--btn-primary-color) !important;
    background-color: var(--color-Default) !important;
    border-color: var(--color-Default) !important;
}

.ckbox span:after {
    background-color: var(--color-Default) !important;
}


/* side-nav.css */

#style-1::-webkit-scrollbar-thumb {
    background-color: var(--color-Default) !important;
}


/* .fa{
    color: var(--btn-primary-color) !important
  } */

.main-menu li:hover>a,
nav.main-menu li.active>a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,
.dashboard-page nav.dashboard-menu ul li.active a {
    color: #fff !important;
    background-color: var(--color-Default) !important;
}

.sidebar li .submenu .active a{
    background-color: var(--color-li-active) !important;
}


.headertitle {
    color: var(--color-Default) !important;
}

.search-btn:hover {
    background-color: var(--color-Default) !important;
}


/* commented by gaurav
.profile-header {
    color: var(--color-Dark) !important;
}*/

.headertitle {
    color: var(--color-Dark) !important;
}

.btn-secondary {
    background-color: transparent !important;
    border-color: var(--color-Default) !important;
    color: var(--btn-primary-color) !important;
    font-weight: bold;
}

.btn-secondary:hover {
    color: var(--color-super-light) !important;
    background-color: var(--color-Dark) !important;
    border-color: var(--color-Dark) !important;
    font-weight: bold;
}


.btn-secondary:hover .fa {
    color: var(--color-super-light) !important;
}


/* profile.css */


/* .form-control-placeholder {
    color: var(--color-Default) !important;
} */

.kt-date-today {
    background-color: transparent !important;
    color: var(--color-Dark) !important;
}

table a {
    color: var(--color-Default) !important;
    text-decoration: underline;
}

table a:hover {
    color: var(--color-Dark) !important;
}

.fa {
    color: var(--color-Default) !important;
}

.link_primary {
    color: var(--color-Default) !important;
}

.dropdown .fa-ellipsis-v {
    font-size: 20px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: var(--color-Dark) !important;
    color: #fff !important;
    font-weight: 500;
}

.actions-modal-dialog .dropdown-item:focus, .actions-modal-dialog .dropdown-item:hover {
    background: var(--color-Dark) !important;
    color: #fff !important;
    font-weight: 500;
    border-radius:0px !important;
}

.actions-modal-dialog .dropdown-item {
    border:1px solid #fff !important;
}

.profile-drop:hover .fa {
    color: #fff !important;
}

.dropdown-item:focus,
.dropdown-item:hover .action-menu-fa {
    color: #fff !important;
    font-weight: 500;
}

.alert-info {
    border-radius: 10px;
}

.tabletopheading {
    background-color: transparent !important;
    font-weight: bold !important;
}

.custom_card {
    height: 180px;
    background-color: transparent !important;
}

.left_item_description {
    float: left;
    height: 100%;
    vertical-align: middle;
    padding-top: 18%;
}

.modal-dialog table {
    border: none !important;
    background-color: transparent !important;
    margin-bottom: 15px;
    border-radius: 15px;
}

.modal-dialog table th {
    background-color: #343a40 !important;
    color: #fff !important
}

a {
    color: var(--color-Dark) !important;
}

a:hover {
    color: var(--color-Default) !important;
}


/* 
.bg-dark {
    background-color: var(--btn-primary-color) !important;
}

 */

.dtpicker-buttonCont .dtpicker-button {
    color: var(--btn-primary-color) !important;
    background-color: var(--color-Default) !important;
    border-color: var(--color-Default) !important;
    font-weight: bold;
}

.dtpicker-buttonCont .dtpicker-button:hover {
    color: var(--btn-primary-color) !important;
    background-color: var(--color-Default) !important;
    border-color: var(--color-Default) !important;
    font-weight: bold;
}

.map-alert-devices{
    color: red !important;
}

.map-total-devices{
    color: var(--color-Default) !important;
}