﻿.noti:hover {
    background-color: lightgray;
    cursor: pointer;
}
div.cardss {
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
}
input.largerCheckbox {
    width: 20px;
    height: 20px;
}
.cc::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}


td {
    text-align: center;
    /* center checkbox horizontally */
    vertical-align: middle;
    /* center checkbox vertically */
}

    td input[type="checkbox"] {
        float: left;
        margin: 0 auto;
        width: 100%;
    }

th input[type="checkbox"] {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.discharge {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #FD0000 !important;
    
}

.icdcode {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #ff751e !important;
    /*background-color: #FFCACA;*/
}


.audit {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #FFD100 !important;
    /*background-color: #FFF7B0;*/
}

.summary {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #00B82A !important;
    /*background-color: #B0FFF2;*/
}

.stockchart {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #7A33FF !important;
    /*background-color: #90FF83;*/
}

.withdrawn {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #7A33FF !important;
    /*background-color: #90FF83;*/
}

.complate {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #17a2b8 !important;
    /*background-color: #90FF83;*/
}
.normal {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #00B82A !important;
}

.moderate {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #FFD100 !important;
}
.discharge2 {
    background-color: #FD0000 !important;
    color: white !important;
}

.icdcode2 {

    background-color: #ff751e !important;
    color: white !important;
}


.audit2 {

    background-color: #FFD100 !important;
    color: black !important;
}

.summary2 {

    background-color: #00B82A !important;
    color: white !important;
}

.stockchart2 {

    background-color: #7A33FF !important;
    color: white !important;
}

.withdrawn2 {

    background-color: #7A33FF !important;
    color: white !important;
}

.complate2 {
    /*background-color: #90FF83;*/
    background-color: #17a2b8 !important;
    color: white !important;
}
.normal2 {
  
    background-color: #00B82A !important;
    color: white !important;
}

.moderate2 {
   
    background-color: #FFD100 !important;
    color: white !important;
}



.slow {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #FD0000 !important;
}

.dc {
    border-left-style: solid;
    border-left-color: coral;
}

.b1 {
    border-left: none !important;
    border-left-style: solid !important;
    border-left-color: #90FF83 !important;
}

td {
    padding: 3px;
}

.dangerblink_me {
    animation: blinker 3s linear infinite;
    background-color: #EC858D;
    animation: blinkingBackground 3s infinite;
}

.warningblink_me {
    animation: blinker 3s linear infinite;
    background-color: #FFD966;
    animation: blinkingwarBackground 3s infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@keyframes blinkingBackground {
    0% {
        background-color: #F9EBEA;
    }
    25% {
        background-color: #F8C5C5;
    }
    50% {
        background-color: #F7AEAE;
    }
}

@keyframes blinkingwarBackground {
    0% {
        background-color: #fff2cc;
    }

    25% {
        background-color: #ffe599;
    }

    50% {
        background-color: #ffd966;
    }
}



/*.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    line-height: calc(1.5em + .75rem);
    color: white;
}
.select2-container--bootstrap4 .select2-results > .select2-results__options {
    max-height: 15em;
    overflow-y: auto;
    background-color: #3f474e;
    color: white;
    border: 1px solid #56606a;
}
.select2-container--bootstrap4 .select2-search {
    width: 100%;
    background-color: #3f474e;
}
.select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px) !important;
    background-color: #3f474e;
    border: 1px solid #56606a;
    color: #fff;
}
    .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
        position: absolute;
        top: 60%;
        left: 50%;
        width: 0;
        height: 0;
        margin-top: -2px;
        margin-left: -4px;
        border-color: #fff transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0;
    }
.select2-container--bootstrap4 .select2-dropdown {
    border-color: #56606a;
    border-radius: 0;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem;
    line-height: calc(1.5em + .75rem);
    color: #fff;
    background-color: #3f474e;
}*/
.selblack .select2-container--bootstrap4 .select2-selection {
    width: 100%;
    background-color: #3f474e !important;
    border: 1px solid #56606a;
    color: white !important;
    border-radius: .25rem;
    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out
}

.selblack .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    line-height: calc(1.5em + .75rem);
    color: white !important;
}
.selblack .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    margin-left: -4px;
    border-color: #ffffff transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
}
.selblack .select2-search--dropdown .select2-search__field {
    padding: 0.375rem 0.75rem;
    border: 1px solid #56606a !important;
    border-radius: 0.25rem;
    background-color: #3f474e !important;
}
.selblack .select2-search--dropdown {
    display: block;
    padding: 4px;
    background-color: red;
}
.selblack .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent !important;
}

.selblack .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent !important;
}
.selblack .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem;
    line-height: calc(1.5em + .75rem);
    color: #fff;
}


@media mainlayout {
    .select2-search {
        background-color: #3f474e !important;
    }

        .select2-search input {
            color: #ffffff !important;
            background-color: #3f474e !important;
        }

    .select2-results {
        color: #fff;
        background-color: #3f474e !important;
    }

   
}
