input::-ms-reveal, input::-ms-clear {
    display: none;
}

.unclickable {
    pointer-events: none;
    cursor: not-allowed;
}

#logo {
    height: 21.8px;
    width: auto;
}

.logo{
    height: 48px !important;
}

.runTime{
    font-size: 22px;
}

#kt_toolbar{
    display: none;
}

.light-mode .machine_card{
    /* background: linear-gradient(130.29deg, rgba(255, 255, 255, 0.1) 1.31%, #1e1e2d 81.88%) !important; */
    border: 2px solid #1f2e4d !important;
    box-shadow: 0.5rem .5rem 1rem rgba(31,31,46,.3) !important;
}
.dark-mode .machine_card{
    background: linear-gradient(130.29deg, rgba(255, 255, 255, 0.1) 1.31%, #151521 88.88%) !important;
    border: 2px solid #45484b !important;
    box-shadow: 0.5rem .5rem 1rem rgba(34,150,221,.15) !important;
}

#upgrade_section{
    position: sticky;
    top: 0;
    z-index: 999;
    overflow-x: hidden;
}

.upgrade_text{
    font-weight: 500;
    font-size: 1.275rem;
    color: #fff;
}

.card-header{
    min-height: 50px !important;
}

.card_logo{
    display: flex;
    align-items: center;
}

.dark-mode .machine_card .card-header{
    /* background: linear-gradient(130.29deg, rgba(255, 255, 255, 0.1) 1.31%, #1e1e2d 88.88%) !important; */
    border-bottom: 1px solid #45484b !important;
}
.light-mode .machine_card .card-header{
    /* background: linear-gradient(130.29deg, rgba(255, 255, 255, 0.1) 1.31%, #1e1e2d 88.88%) !important; */
    border-bottom: 1px solid #1f2e4d !important;
}

.modal-header{
    padding: 1.0rem 1.75rem !important;
}

.rs_logo{
    width: 100%;
    display: block;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    /* height: 250px; */
}

.rs_logo_2{
    width: 100%;
    display: block;
    position: relative;
    padding-top: 75px;
    padding-bottom: 75px;
    /* height: 250px; */
}

.light-mode .rs_logo::before, .light-mode .rs_logo_2::before{
    background: url(/assets/media/svg/misc/wave-light-dark.svg) repeat-x bottom;
    content: "";
    opacity: 0.05;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}

.dark-mode .rs_logo::before, .dark-mode .rs_logo_2::before{
    background: url(/assets/media/svg/misc/wave-light.svg) repeat-x bottom;
    content: "";
    opacity: 0.05;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}

.img_logo_hydro{
    max-width: 200px;
    opacity: 1.5 !important;
    margin: 1rem;
    /* top: 50%; */
}

.img_logo_rs{
    max-width: 150px;
    opacity: 1.5 !important;
    margin: 1rem;
    /* top: 50%; */
}

.img_logo_cryo{
    max-width: 150px;
    opacity: 1.5 !important;
    margin: 1rem;
    /* top: 50%; */
}

.machineImg{
    max-height: 130px;
    width: auto;
}

.rs_divide_lg{
    height: 50px;
}

#pass_val_eye{
    top: 45.5% !important;
}

@media (max-width: 576px){
    .mb-xs-5{
        margin-bottom: 1.25rem!important;
    }
}

/* Previews */
.preview_img{
    width: 100%;
    height: auto;
}

/* Maintenance Setup */
#maintenance_explanation{
    margin-bottom: 10px;
}

#maintenance_device_info{
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 20px;
}

.maintenance_setup_none_check{
    margin-top: 5px;
}

#reportsButton {
    margin-top: 20px;
}

#stats_section {
    margin-top: 20px;
}

.lds-dual-ring {
    width: 46px;
    height: 46px;
}

.nav-link {
    cursor: pointer;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 34px;
    height: 34px;
    margin-top: 25px;
    border-radius: 50%;
    animation: lds-dual-ring 1.2s linear infinite;
}

.dataTables_empty {
    text-align: center;
}

tr {
    vertical-align: baseline;
}

.table td:first-child, .table th:first-child, .table tr:first-child {
    padding-left: 9.75px;
}

.table td:last-child, .table th:last-child, .table tr:last-child {
    padding-right: 9.75px;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (min-width: 992px) {
    /*.aside {*/
    /*    width: 275px !important;*/
    /*}*/
}

/* Menu */
.menu-link.active {
    /* background-color: #1b1b28 !important; */
    /* background-color: #2b2b40 !important; */
    /* background-color: #323248 !important; */
    /* background-color: #474761 !important; */
    /* background-color: #212e48 !important; */
    background-color: #2296DD !important;

}

.aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    /* background-color: #1b1b28 !important; */
    /* background-color: #2b2b40 !important; */
    /* background-color: #323248 !important; */
    /* background-color: #474761 !important; */
    /* background-color: #212e48 !important; */
    background-color: #2296DD !important;

}

.aside .aside-logo {
    padding: 0 10px;
    
}

.aside-dark .menu .menu-item .menu-link .menu-title {
    color: #fff;
    
}

.menu-link {
    border: 3px solid #2b2b40;
    /* border: 0.25rem solid #2296DD; */
    border-radius: .625rem;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

/* Card Gradient */
.dark-mode .card {
    background: linear-gradient(130.29deg, rgba(255, 255, 255, 0.1) 1.31%, #151521 88.88%) !important;
    border: 2px solid #45484b !important;
    box-shadow: 0.5rem 0.5rem 1rem rgb(34 150 221 / 15%) !important;
}

.upgrade_card{
    border: 2px solid #45484b !important;
    background: #1e1e2d !important;
}

.form-control.form-control-solid{
    border-color: #9a9a9a !important;
}

.form-check-input:not(:checked) {
    border: 1px solid #323248 !important;
    background-color: #1e1e2d !important;
}

/* Alert & Confirm Modal */
#alertModal, #confirmModal{
    z-index: 9999999;
}

/* Image Preview */
.dropzone .dz-preview .dz-image {
    width: 250px;
    height: 284px;
}

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-filter: blur(8px);
    filter: blur(0px);
}

.ad_preview_img{
    max-height: 550px;
    width: 95%;
    border: 10px solid #2b2b40;
    border-radius: 20px;
}

.ad_preview_img.editable_ad:hover {
    transform: scale(1.05);
    cursor: pointer;
}

#ad_img{
    max-height: 750px;
    width: 95%;
    border: 10px solid #2b2b40;
    border-radius: 20px;
}

input:disabled{
    background-color: #353535 !important;
}

select.form-control {
    appearance: auto;
}

.select-table tbody tr:hover {
    background-color: rgba(69, 77, 85);
    cursor: pointer;
}

.select-table tbody tr.selected:hover, .select-table tbody tr.selected td:hover {
    background-color: #3699ff !important;
}

.dataTables_filter label {
    display: flex;
    align-items: baseline;
}

.dataTables_filter label input {
    margin-left: 5px;
}

/*Login*/
#forgotPassword {
    cursor: pointer;
}

/* Datatable pagination button*/
.paginate_button, .dt-paging-button {
    cursor: pointer;
    border-radius: 20% !important;
    margin-left: 5px !important;
}
.dt-paging-button.previous, .dt-paging-button.next {
    background-color: #1e1e2d !important;
}
.paginate_button > a:hover, .paginate_button > a:focus, .paginate_button.page-item.active, 
.dt-paging-button:hover, .dt-paging-button:focus, .dt-paging-button.current {
    background-color: rgba(var(--dt-row-selected), 0.9) !important;
}
div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    color: grey !important;
    background-color: #1e1e2d !important;
}
.dataTables_length select {
    cursor: pointer;
}

th .dt-column-order {
    display: none !important;
}

th.dt-ordering-asc .dt-column-order, th.dt-ordering-desc .dt-column-order {
    position: relative !important;
    display: inline-block !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    margin-left: .5rem !important;
    margin-bottom: .3rem !important;
}

select.dt-input > option {
    color: black;
}

.select2-search__field {
    font-family: Poppins, Helvetica, sans-serif !important;
    font-size: 14.3px !important;
    font-weight: 500 !important;
    margin-bottom: calc(.75rem - (1.5rem + 2px - .8rem) / 4) !important;
}