/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*24.10*/
/*comment line Dev 5*/


body {
    /*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';*/
    /*font-size: 0.813rem;*/
}


.background-container {
    background-image: url('../img/bg-yellow.jpg'); /* Replace with your image URL */
    background-size: cover; /* Ensures the image covers the entire container */
    background-position: center; /* Centers the image in the container */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}



a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/*comment line12*/
.b-sidebar {
    width: 100% !important;
    background-color: #fff !important;
}

.b-sidebar-outer {
    z-index: calc(1030 + 100) !important;
    /*  z-index: calc(19030 + 100) !important;*/
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn {
    font-weight: 300 !important;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.toast {
    font-size: .75rem;
}

.b-toaster {
    z-index: 19020;
    margin-bottom: 0px;
    font-size: .75rem;
}

.toast-header {
    padding: 1em 1em;
}

.toast-body {
    padding: 1em 1em;
    text-align: center
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    /* font-size: 0.813rem;*/

    font-size: 14px;
}

.badge {
    /*  font-size: 75% !important;*/
    border-radius: .1rem;
}

.badge-info {
    color: #1d1e1e;
    background-color: #eceeee;
}

.form-control-sm .b-form-tag {
    line-height: 1;
}

.custom-checkbox .custom-control-input ~ .custom-control-label {
    font-size: .75rem !important;
    padding-top: 4px;
}


@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.border-bottom-0 {
    border-bottom: 0px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.navbar-vertical .navbar-nav .nav-link {
    font-size: .825rem;
}

.bootstrap-table {
    overflow-x: hidden;
}

.table th,
.table td {
    padding: 0.825rem;
}

.table td,
.table th {
    font-size: .725rem;
}

.table td {
    font-weight: normal;
}

.modal-backdrop.in {
    z-index: 13000;
}

.modal-fullscreen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
    margin-right: -14px;
    max-width: 100% !important;
    background-color: #fff;
}

.mvh-100 {
    min-height: calc(95vh - 0.2rem) !important;
}

.modal-content {
    box-shadow: none !important;
}
/*@media (min-width: 576px) {

    .modal-dialog-scrollable {
        max-height: calc(100% - 0.2rem);
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 0.1rem);
        }


}*/
/*.modal-fullscreen {

    margin: 8px;  
    max-width: 100% !important;
}*/
.modal, .modal-content {
    z-index: 14000 !important;
    padding-right: 1px !important;
    margin: 0px;
}

.modal-body {
}

.noradian {
    border-radius: 0px;
}


.form-control, .form-control-label {
    font-size: .75rem;
    /* font-weight: 700;*/
}

    /*custom input */
    .form-control, .custom-select, .form-control:focus {
        color: #161718;
    }

select.form-control:focus::-ms-value {
    color: #161718;
}

.dropdown-menu .dropdown-item {
    font-size: .75rem !important;
}

    .dropdown-menu .dropdown-item > i,
    .dropdown-menu .dropdown-item > svg {
        font-size: .75rem !important;
    }


.table.b-table > tbody > .table-active, .table.b-table > tbody > .table-active > td, .table.b-table > tbody > .table-active > th {
    background-color: rgba(0,0,0,.030);
}

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

.progress {
    height: 14px;
    margin-bottom: 15px;
    border-radius: 3px;
    box-shadow: none;
    background-color: rgba(0,0,0,0.1)
}

.progress-bar {
    font-size: 10px;
    line-height: 1.05em;
    background-color: #25476a;
    box-shadow: none
}

.progress-light-base {
    background-color: #fff
}

.progress-dark-base {
    background-color: rgba(255,255,255,0.2)
}

.progress-xl {
    height: 30px;
    margin-bottom: 20px
}

    .progress-xl .progress-bar {
        font-size: 13px;
        line-height: 30px
    }

.progress-lg {
    height: 20px;
    margin-bottom: 20px
}

    .progress-lg .progress-bar {
        font-size: 13px;
        line-height: 20px
    }

.progress-md {
    height: 8px;
    margin-bottom: 5px
}

    .progress-md .progress-bar {
        font-size: 5px;
        line-height: 8px
    }

.progress-sm {
    height: 4px;
    margin-bottom: 5px
}

    .progress-sm .progress-bar {
        font-size: 0;
        line-height: 4px
    }

.progress-xs {
    height: 2px;
    margin-bottom: 10px
}

    .progress-xs .progress-bar {
        font-size: 0;
        line-height: 2px
    }

.progress-bar-light {
    background-color: #fff
}

.progress-bar-primary {
    background-color: #25476a
}

.progress-bar-info {
    background-color: #03a9f4
}

.progress-bar-success {
    background-color: #8bc34a
}

.progress-bar-warning {
    background-color: #ffb300
}

.progress-bar-danger {
    background-color: #f44336
}

.progress-bar-mint {
    background-color: #26a69a
}

.progress-bar-purple {
    background-color: #ab47bc
}

.progress-bar-pink {
    background-color: #f06292
}

.progress-bar-dark {
    background-color: #3a444e
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.alert-danger {
    color: #721c24;
    border-color: #f8d7da;
    background-color: #f5c6cb;
}


.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-color: #f44336 #dee2e6 #ffffff;
    background-color: #ffffff;
}

.custom-radio .custom-control-input ~ .custom-control-label {
    font-size: .75rem;
}

.custom-radio.b-custom-control-sm, .input-group-sm .custom-radio {
    font-size: .75rem;
}

.custom-switch.b-custom-control-sm .custom-control-label, .input-group-sm .custom-switch .custom-control-label {
    padding-top: 2px;
    font-size: .75rem;
}

.btn-secondary, .btn {
    box-shadow: 0 0px 1px rgba(50, 50, 93, .11), 0 1px 2px rgba(0, 0, 0, .08);
}

.btn-inner--icon {
    margin-top: 0px !important;
}

.input-group-append {
    margin-left: 0px !important;
    margin-right: 1px !important;
}


.fh-50 {
    max-height: 250px !important;
}

.text-dark-red {
    color: #f10d0d !important;
}

.text-red {
    color: #fb6d07 !important;
}

.text-yellow {
    color: #ffb604 !important;
}

.text-green {
    color: #179406 !important;
}

.text-dark-green {
    color: #055708 !important;
}

/*//bg*/
.bg-text-dark-red {
    background-color: #f10d0d !important;
}

.bg-text-red {
    background-color: #fb6d07 !important;
}

.bg-text-yellow {
    background-color: #ffb604 !important;
}

.bg-text-green {
    background-color: #179406 !important;
}

.bg-text-dark-green {
    background-color: #055708 !important;
}

/*v-select*/
.vs__dropdown-toggle, .vs__dropdown-menu {
    /*font-size: .75rem;*/
    font-size: 12px !important;
}

.w-100px {
    width: 100px !important;
}

.ml--2, .mx--2 {
    margin-left: 0rem !important;
}

.carousel-extra-content {
    position: absolute;
    right: 1em;
    top: 0.5em;
    z-index: 20; /* overlap arrow controls to allow clicks */
}


.carousel-indicators {
    bottom: 1em;
}

.carousel-caption {
    bottom: 1.5em;
}

.tooltip {
    font-size: .775em;
}

.table thead th {
    font-size: 12px;
    /*letter-spacing: 1px;*/
    text-transform: none;
}

.codex-editor__redactor {
    padding-bottom: 20px !important;
}

.ce-block__content {
    max-width: 100%;
    padding-left: 75px;
}

.ce-toolbar__content {
    max-width: 100%;
    position: relative;
}

.ce-toolbar__actions {
    left: 0;
    padding-left: 5px;
    right: auto !important;
}

.codex-editor--narrow .codex-editor__redactor {
    margin-right: 0px;
}

.codex-editor--narrow .ce-toolbox .ce-popover {
    right: auto;
    left: 0;
    left: initial;
}

.codex-editor--narrow .ce-settings .ce-popover {
    right: auto;
    left: 0;
    left: initial;
}

.codex-editor, .tc-table {
    font-size: 12px !important;
}

.bg-gradient-greenyellow {
    background: linear-gradient(87deg, #b7ff2f 0, #9fcf28 100%) !important;
}

.bg-gradient-lighter {
    background: linear-gradient(109deg, #e0ebff 0, #7586a3 100%) !important;
}



.custom-file-label {
    font-size: .75rem !important;
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0
}

.text-filter {
    color: #a4a6a8;
}

.text-filter-active {
    color: #373737;
}

.btn-sm,
.btn-group-sm > .btn {
    font-size: .75rem;
    line-height: 1.35;
    padding: .25rem .5rem;
    border-radius: .25rem;
}

.card {
    margin-bottom: 30px;
    border: 0;
    box-shadow: none;
}

.b-form-timepicker {
    padding-top: 2px;
}

.v-select, .v-select * {
    background-color: #fff;
}

.form-control-sm {
    height: calc(.48em + 1.25rem + 5px);
}

.border-light {
    border-color: #e0e0e0 !important;
}

.dropdown-menu.show {   
    z-index: 1050 !important;
}

.display-1 {
    font-size: 4.8rem;
    font-weight: 800;
    line-height: 1.5;
}

@media (max-width: 1200px) {
    .display-1 {
        font-size: calc(3.455rem + 2.46vw);
    }
}

.responsive-sidebar {
    width: 500px !important;
}

@media (max-width: 768px) {
    .responsive-sidebar {
        width: 100vw !important;
        max-width: 100vw !important;
        left: 0 !important;
        right: 0 !important;
    }
}