/* Coded Themes*/

/*====== text-color, background & border css starts ======*/
.bg-c-blue {
    background-color: #4680ff;
}

.text-c-blue {
    color: #4680ff;
}

.b-c-blue {
    border: 1px solid #4680ff;
}

.bg-c-red {
    background-color: #ff5252;
}

.text-c-red {
    color: #ff5252;
}

.b-c-red {
    border: 1px solid #ff5252;
}

.bg-c-green {
    background-color: #9ccc65;
}

.text-c-green {
    color: #9ccc65;
}
.text-underline {
    text-decoration: underline;
}

.b-c-green {
    border: 1px solid #9ccc65;
}

.bg-c-yellow {
    background-color: #ffba57;
}

.text-c-yellow {
    color: #ffba57;
}
.text-LabRepL {
    color: #e58904;
    font-weight:600;
}
.text-LabRepH {
    color: #dd0909;
    font-weight: 600;
}

.b-c-yellow {
    border: 1px solid #ffba57;
}

.bg-c-purple {
    background-color: #536dfe;
}

.text-c-purple {
    color: #536dfe;
}

.b-c-purple {
    border: 1px solid #536dfe;
}

/*====== text-color, background & border css ends ======*/
/*====== [ overrides bootstrap color ]text-color, background & border css starts ======*/

.bg-primary {
    background-color: #4680ff !important;
}
.bg-primary1 {
    background-color: #236dad !important;
}
.bg-primary2 {
    background-color: #2389ad !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #135dff !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #9ccc65 !important;
}
.bg-success1 {
    background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #83bf3f !important;
}

.bg-info {
    background-color: #00acc1 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #007f8e !important;
}

.bg-warning {
    background-color: #ffba57 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #ffa524 !important;
}

.bg-danger {
    background-color: #ff5252 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #ff1f1f !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}
/*====== [ overrides bootstrap color ]text-color, background & border css ends ======*/


.table-card .card-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

    .table-card .card-body .table > thead > tr > th {
        border-top: 0;
    }

    .table-card .card-body .table .chk-option {
        vertical-align: middle;
        width: 30px;
        display: inline-block;
    }

        .table-card .card-body .table .chk-option .checkbox-fade,
        .table-card .card-body .table .chk-option .checkbox-fade .cr,
        .table-card .card-body .table .chk-option .checkbox-zoom,
        .table-card .card-body .table .chk-option .checkbox-zoom .cr {
            margin-right: 0;
        }

    .table-card .card-body .table label {
        margin-bottom: 0;
    }

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

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


/* ==========  card css start  =========== */
.card {
    box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3);
    margin-bottom: 30px;
    transition: box-shadow 0.2s ease-in-out;
}

    .card:hover {
        box-shadow: 0 5px 11px 0px rgba(69, 90, 100, 0.3);
    }

    .card .card-header {
        border-bottom: 1px solid #e2e5e8;
        position: relative;
    }

        .card .card-header h5 {
            margin-bottom: 0;
            color: #37474f;
            font-size: 0.9375rem;
            font-weight: 600;
            display: inline-block;
            margin-right: 10px;
            line-height: 1.1;
            position: relative;
        }

        .card .card-header .card-header-right {
            right: 10px;
            top: 10px;
            display: inline-block;
            float: right;
            padding: 0;
            position: absolute;
        }



            .card .card-header .card-header-right .dropdown-menu {
                margin-top: 0;
            }

                .card .card-header .card-header-right .dropdown-menu li {
                    cursor: pointer;
                }

                    .card .card-header .card-header-right .dropdown-menu li a {
                        font-size: 14px;
                        text-transform: capitalize;
                    }

            .card .card-header .card-header-right .btn.dropdown-toggle {
                border: none;
                background: transparent;
                box-shadow: none;
                color: #888;
            }

                .card .card-header .card-header-right .btn.dropdown-toggle i {
                    margin-right: 0;
                }

                .card .card-header .card-header-right .btn.dropdown-toggle:after {
                    display: none;
                }

                .card .card-header .card-header-right .btn.dropdown-toggle:focus {
                    box-shadow: none;
                    outline: none;
                }

            .card .card-header .card-header-right .btn.dropdown-toggle {
                border: none;
                background: transparent;
                box-shadow: none;
                padding: 0;
                width: 20px;
                height: 20px;
                right: 8px;
                top: 8px;
            }

                .card .card-header .card-header-right .btn.dropdown-toggle.mobile-menu span {
                    background-color: #888;
                    height: 2px;
                    border-radius: 5px;
                }

                    .card .card-header .card-header-right .btn.dropdown-toggle.mobile-menu span:after, .card .card-header .card-header-right .btn.dropdown-toggle.mobile-menu span:before {
                        border-radius: 5px;
                        height: 2px;
                        background-color: #888;
                    }

            .card .card-header .card-header-right .nav-pills {
                padding: 0;
                box-shadow: none;
                background: transparent;
            }

    .card .card-footer {
        border-top: 1px solid #e2e5e8;
        padding: 12px 20px;
    }

   .card .card-footer:not([class*="bg-"]) {
       background: transparent;
   }

    .card .card-block,
    .card .card-body {
        padding: 10px 10px;
    }

    .card.card-load {
        position: relative;
        overflow: hidden;
    }

        .card.card-load .card-loader {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            background-color: rgba(255, 255, 255, 0.7);
            z-index: 999;
        }

            .card.card-load .card-loader i {
                margin: 0 auto;
                color: #4680ff;
                font-size: 24px;
                align-items: center;
                display: flex;
            }

    .card.full-card {
        z-index: 99999;
        border-radius: 0;
    }

    .card[class*="bg-"] .card-header {
        border-bottom-color: rgba(255, 255, 255, 0.25);
    }



.img-radius {
    border-radius: 50%;
}

/* Spinners */
@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}


/* NAVBAR - Dropdown Menu*/
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    min-width: 165px !important;
}


.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tblscroll {
    max-height: 210px !important;
    overflow-y: scroll !important;
}

.tblscroll_modal {
    max-height: 440px !important;
    overflow-y: scroll !important;
}
.fixed-social {
    position: fixed;
    top: 170px;
    left: 0;
    z-index: 999;
}