a:focus
{
   outline: none;
   box-shadow: none;
}
/*checkbox, radio style*/
.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both; }

.checkbox .cr,
.radio .cr {
    float: left;
    position: relative;
    display: block;
    border: 1px solid #20a8d8;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    margin-right: .5em;
    cursor: pointer;
    color: #20a8d8; }

.radio .cr {
    border-radius: 50%; }

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 51%;
    left: 17%; }

.radio .cr .cr-icon {
    margin-left: 0.04em; }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none; }

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in; }

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1; }

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5; }

.sidebar,.app-footer{
    opacity: 0;
}

img
{
    max-width: 100%;
}

.hide{
    display: none;
}

textarea
{
    resize: none;
}
/*login page*/
.login-page .contact-block , .forget-page .contact-block
{
    width: 44%;
}
.error
{
    color: #ff0000;
    font-size: 0.875rem;
}

.frm-login em.error, .frm-forget em.error
{
    position: absolute;
    z-index: 99;
    margin-top: 2.1rem;
    color: #ff0000;
    font-size: 0.875rem;
}

.footer-fixed .app-footer
{
    height: 30px;
}

.footer-fixed .app-body {
    margin-bottom: 30px;
}

.sidebar .nav-link, .sidebar .navbar .dropdown-toggle, .navbar .sidebar .dropdown-toggle
{
    padding: 0.9rem 0.25rem;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}

.sidebar .nav-dropdown-items
{
    margin-left: 0.5rem;
}

.sidebar-minimized .sidebar .nav > .nav-dropdown > .nav-dropdown-items
{
    margin-left: 0rem;
}

.sidebar .sidebar-minimizer::before
{
    width: 30px;
    height: 30px;
}
.sidebar .sidebar-minimizer {
    flex: 0 0 30px;
}
.breadcrumb {
    padding: 0.55rem 1.25rem;
}

.breadcrumb-fixed .main {
    padding-top: 5px;
}
.main > .container-fluid {
    padding: 0 11px;
    height: calc(var(--vh, 1vh) * 100 - 100px);
    overflow: auto;
    display: flex;
    display: -webkit-box;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    align-items: stretch;
}


.table th, .table td
{
    padding: 0.35rem;
    border: 1px solid #e3e8ec;
}
.data-table thead th, .data-table tbody td {
    white-space: nowrap;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
}
.data-table
{
    width: 100%;
    table-layout: fixed;
    min-width: 600px !important;
}

.btn-grid
{
    padding: 0.05rem 0.35rem;
    box-shadow: none !important;
    border: none !important;
}
.modal-header
{
    padding: 0.35rem;
}

.modal-mymodal .modal-header {
    color: #fff;
    background-color: #363e46;
}
.col-form-label
{
    font-weight: 600;
}
.form-account .col-form-label
{
    padding: 0.25rem 0px;

}
select.form-control:not([size]):not([multiple]) {
    height: calc(1.685rem + 2px);
}



.bg-card-body
{
    background: #e3e8ec;
}

#toast-container .toast:before {
    position: relative;
    font-family: simple-line-icons;
    font-size: 24px;
    line-height: 18px;
    float: left;
    margin: 3px 0 0 -35px;
}

.page-link:focus, .pagination-datatables li a:focus, .pagination li a:focus
{
  box-shadow: none;
}

.pagination .page-item
{
   padding: 0px 3px;
}

.page-link, .pagination-datatables li a, .pagination li a
{
    color: #444d58;
}

.btn-primary
{
    /*background-color: #444d58;*/
    /*border-color: #bcc5d0;*/
    box-shadow: none;
    outline: none;
}


.btn-primary:focus, .btn-primary.focus
{
    box-shadow: none;
}

.modal-header .close
{
    box-shadow: none;
    color: #fff;
    opacity: 1;
    /* background-color: violet; */
    position: absolute;
    width: 31px;
    height: 31px;
    right: 5px;
    vertical-align: middle;
}
.modal-header .close:hover
{
    opacity: 0.5;
}

.modal-primary .modal-header
{
    /* background-color: #444d58; */
    border-radius: 5px 5px 0px 0px;
}
.modal-primary .modal-content
{
    border-color: #bcc5d0;
    border-radius: 5px 5px 0px 0px;
}


.pagination button.page-link
{
 border-radius: 5px;
}

.table .thead-light th {
    color: #444d58;
    background-color: #eee;
    border-color: #e3e8ec;
}
.border-col
{
    height: calc(100vh - 150px);
    border-right: 1px solid #cfd6e7;
    border-top: 1px solid #cfd6e7;
}

.card-header {
    padding: 0.75rem 1rem;
}

.container-fluid > .animated > .card{
    overflow: auto;
    height: calc(100vh - 100px);
}

.container-fluid > .animated > #div-order-edit > .card{
    overflow: auto;
    height: calc(100vh - 100px);
}

.container-fluid > .animated > .collapse > .card{
    overflow: auto;
    height: calc(var(--vh, 1vh) * 100 - 100px);
    margin-bottom: 0px !important;
}

.pd-t-125
{
   padding-top: 1.25rem;
}

.bg-header
{
   background: #444d58;
   color: #fff;
}

.card-header .pagination
{
   margin-bottom: 0px;
}

/* width */
/*::-webkit-scrollbar {*/
    /*width: 10px;*/
/*}*/

/*!* Track *!*/
/*::-webkit-scrollbar-track {*/
    /*background: #f1f1f1;*/
/*}*/

/*!* Handle *!*/
/*::-webkit-scrollbar-thumb {*/
    /*background: #888;*/
/*}*/

/*!* Handle on hover *!*/
/*::-webkit-scrollbar-thumb:hover {*/
    /*background: #555;*/
/*}*/

.fc-day-header
{
    background: #e3e8ec !important;
    height: 30px;
    vertical-align: middle !important;
}
.fc-unthemed .fc-today
{
   background: transparent;
}
.fc-sat, .fc-sun {
    background: #fcf8e3
}

.fc-event .fc-content
{
   color: #fff;
}

.closeon
{
    margin-top: 0.1rem;
}

.perfect-scroll thead th
{
    border-bottom: 1px solid #bcc5d0;
}
.mt-01
{
    margin-top: -1px;
}
.height-block
{
    height: calc(100vh - 253px);
}

.height-block-2 {
    height: calc(100vh - 168px);
}

.height-block-3 {
    height: calc(100vh - 25vh);
}

.page-link-1
{
    padding: 0.4rem 0.65rem;
}
.page-link-2
{
    padding: 0.4rem 0.5rem;
}

.paging-input
{
    width:30px;
    height: calc(1.8625rem + 2px) !important;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #e3e8ec;
}
.paging-input:focus
{
   box-shadow: none;
   outline: none;

}
.paging-select
{
    height: calc(1.8625rem + 2px) !important;
    border-radius: 5px;
}
.table100-body
{
  max-height: calc(100vh - 255px);
}


#external-events .fc-event {
    margin: 1em 0;
    cursor: pointer;
    width: 80px;
}
.fc-basic-view .fc-body .fc-row
{
    min-height: 140px !important;
}

.fc-scroller
{
    overflow: auto !important;
}

.p-l15{
   margin-left: -15px;
    outline: none;
    box-shadow: none;
    border: none;

}
.p-l15:focus{
    outline: none;
    box-shadow: none;
    border: none;
}

.bg-ddd
{
    background: #ddd;
}
.overflow-400
{
    overflow: auto;
    height: 400px
}
.input-error
{
   border: 1px solid #f86c6b !important;
}

.input-error::-webkit-input-placeholder {
    color: #f86c6b;
}
.input-error:-moz-placeholder {
    color: #f86c6b;
}
.input-error::-moz-placeholder {
    color: #f86c6b;
}
.input-error:-ms-input-placeholder {
    color: #f86c6b;
}

.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }
.toggle.ios .toggle-handle { border-radius: 20px; }

/* .select2-container--bootstrap .select2-selection--single
{
    height: calc(1.685rem + 2px);
    padding: 0.275rem 1.65rem 0.375rem 0.75rem;
} */

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

.select2-selection__clear{
    margin-right:5px!important;
}

    .cls-bai-1{
        background-color: #ffe6e6 !important;
    }
     .cls-bai-2{
        background-color: #fffae6 !important;
    }
     .cls-bai-3{
        background-color: #fffae6 !important;
    }
     .cls-bai-4{
        background-color: #e6fdff !important;
    }
    .cls-bai-5{
        background-color: #e6fdff !important;
    }
    
.swal-overlay{
    height: 0px !important;
}
.swal-overlay--show-modal{
    height: 100% !important;
}

.input-daterange,.date-picker{
    cursor: pointer;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none !important; 
}
.input-daterange:read-only{
    background-color: transparent;
}
.input-daterange:disabled{
    background-color: #e3e8ec !important;
}

.date-picker:read-only{
    background-color: transparent;
}
.date-picker:disabled{
    background-color: #e3e8ec !important;
}



@media (max-width: 575.98px) { 
    .d-sm-bg-main-color{
        background-color: #61c3d8 !important;
    }
    .login-page .contact-block, .forget-page .contact-block{
        width: 100%;
        display: flex !important;
    }
}



/* .main > .container-fluid{
    background-image: url("../../assets/img/FoodTrendsConcept_Lead.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
  background-position: center; 
  background-size: 100% 100%;
} */