﻿
html {
    scroll-behavior: smooth !important;
}
.stepper-desc{
    min-height: 20px;
    display:block;
}

.select2-results__options::-webkit-scrollbar {
    width: 20px;
    background-clip: padding-box;
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: #F4F4F4;
    height: 8px;
    background-clip: padding-box;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #818182;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    min-height: 30px;
}

ul.select2-results__options.select2-results__options--nested {
    max-height: none !important;
}

.select2-results__options::-webkit-scrollbar-button {
    display: none;
}

ul:hover::-webkit-scrollbar-thumb {
    background-color: #818182;
}

/* ET defect status colors */
.defect-status-green-bg {
    background-color: #00A65A;
}
.defect-status-green-vis-bg {
    background-color: #33f925;
}
.defect-status-amber-bg {
    background-color: #FF9900;
}
.defect-status-limitation-bg {
    background-color: #696969;
}
.defect-status-red-bg {
    background-color: #FF0000 !important;
}
.defect-status-red-upgrade-bg {
    background-color: #8B0000;
}

main, span, ol, ul, pre, div {
    scrollbar-width: auto;
}

/*::-webkit-scrollbar {
    width: 10px;
}*/
[data-theme=dark] {
    /* --kt-scrollbar-hover-color: #7E8299;
    --kt-scrollbar-size: 10px;*/
    /*    --kt-scrollbar-color: #eff2f5;
    --kt-scrollbar-hover-color: #e9edf1;
    --kt-scrollbar-size: 5px;
    --kt-scrollbar-overlay-size: 19px;
    --kt-scrollbar-overlay-space: 7px;*/
}

.btn-etl {
    background-color: #6A1339;
    color: white;
}

.btn-etl:hover {
    background-color: #6a1339c7;
    color: #d1d1d1;
}

[data-theme=dark] .table-hover > tbody > tr:hover {
    background-color: #3c3c50;
}

/*#asset-list-datatable tr {
    border-bottom-color: #cfcfcf;
}*/

.table-row-bordered-dark tr {
    border-bottom-color: #cfcfcf !important;
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.ck-body-wrapper{
    z-index:100000;
}


@-webkit-keyframes greenglow {
    from {
        left: -120px;
    }

    to {
        left: 100%;
    }
}

@-moz-keyframes greenglow {
    from {
        left: -120px;
    }

    to {
        left: 100%;
    }
}

@-o-keyframes greenglow {
    from {
        left: -120px;
    }

    to {
        left: 100%;
    }
}

@keyframes greenglow {
    from {
        left: -120px;
    }

    to {
        left: 100%;
    }
}

#createReportProgressBar:after {
    content: " ";
    display: block;
    width: 120px;
    top: -50%;
    height: 250%;
    position: absolute;
    animation: greenglow 3s linear infinite;
    -webkit-animation: greenglow 2s linear infinite;
    z-index: 2;
    background: #50cd89;
}

#createReportProgressBar.hidden:after {
    display: none;
}



.form-switch .form-check-input:checked {
    background-color: green;
    border-color: lightgreen;
}
.form-switch .form-check-input {
    background-color: red;
    border-color: pink;
}
.form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}

/*.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}*/

/* rotate legacy images 90 degrees */
img[legacy="True"] {
    transform: rotate(90deg);
}

.fslightbox-toolbar:before {
    content: '\f2f9';
    color: #ddd;
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome';
    margin-top: 1px;
    padding-left: 16px;
    margin-right: 8px;
    cursor: pointer;
    background-color: #d91f1f;
    padding: 11px;
    position: absolute;
    right: 110px;
}

.green-option {
    background-color: #C6EFCE;
    color: #006100;
}

.orange-option {
    background-color: #FFEB9C!important;
    color: #9C6500!important;
}

.red-option {
    background-color: #FFC7CE;
    color: #9C0006;
}
.disabled-option {
    background-color: #868686!important;
    color: #696969!important;
}

.bt-exsm {
    padding: 0px 10px 0px 10px!important;
}


.fa-spin {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}