/*html {
    font-size: 13px;
}

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

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

body {
    margin-bottom: 60px;
}

@media (max-width: 769px) {
    .custom-header-topbar-text {
        color: white !important;
    }
}

.table th {
    font-size: 13px !important;
}

.table td {
    font-size: 13px !important;
    vertical-align: middle;
}
/*-------- Custom Validation ------*/
.validation-summary-errors ul li, .validation-summary-errors-modal {
    color: white;
    background-color: #d64933;
    border-color: #c1e0ff;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.validation-summary-errors ul {
    list-style: none;
    padding-left: 0px !important;
}

/*.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgba(1, 104, 250, 0.25);
}*/

label:focus {
    outline: none;
}

.error {
    color: #F44336;
    font-style: normal;
    padding-left: 7px;
}

.field-validation-error {
    color: #F44336;
    z-index: 2;
    display: block;
    pointer-events: none;
    padding-top: 5px;
}

    .field-validation-error.fa-check {
        color: #059A4A;
    }

.has-success .field-validation-error {
    color: #3c763d;
}

.input-validation-error {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-success input:focus {
    outline: #3c763d auto 1px;
}

.has-error .field-validation-error {
    color: #F44336;
}

.input-validation-error {
    border-color: #F44336;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-error input:focus {
    outline: #F44336 auto 1px;
}

#toastr-container > div {
    min-width: 300px;
    opacity: 1.0;
}

/*--------- start : Bootstrap Notify -------------*/
.alert[data-notify] {
    min-width: 300px;
    padding: 1rem 1.5rem;
}

    .alert[data-notify] .close:hover:before {
        opacity: 1;
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

@media (max-width: 991.98px) {
    .alert[data-notify] {
        max-width: 70%;
    }
}

@media (max-width: 991.98px) {
    .alert[data-notify] {
        max-width: 90%;
    }
}

.alert[data-notify][data-notify-position=top-center], .alert[data-notify][data-notify-position=bottom-center] {
    width: 30%;
}

@media (max-width: 991.98px) {
    .alert[data-notify][data-notify-position=top-center], .alert[data-notify][data-notify-position=bottom-center] {
        width: 70%;
    }
}

@media (max-width: 991.98px) {
    .alert[data-notify][data-notify-position=top-center], .alert[data-notify][data-notify-position=bottom-center] {
        width: 90%;
    }
}

.alert[data-notify] .icon {
    position: absolute;
    top: 53%;
    transform: translate(-50%, -50%);
    left: 23px;
}

.alert[data-notify] [data-notify=title] {
    display: block;
    font-weight: 500;
}

.alert[data-notify] .icon ~ [data-notify=title] {
    padding-left: 2.85rem;
}

.alert[data-notify] .icon ~ [data-notify=message] {
    display: inline-block;
    padding-left: 2.25rem;
}

.alert[data-notify] [data-notify=title]:not(:empty) ~ [data-notify=message] {
    margin-top: 0.2rem;
}

.alert[data-notify] .progress {
    margin-top: 0.5rem;
    line-height: 0.5rem;
    height: 0.5rem;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: .5;
}

@media (max-width: 1200px) {
    .close {
        font-size: calc(1.275rem + 0.3vw);
    }
}

.close:hover {
    color: #000000;
    text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    top: 50% !important;
    transform: translate(0%, -50%);
}

/*--------- end : Bootstrap Notify -------------*/

.svg-icon.svg-icon-3 svg {
    width: 1.8rem !important;
    height: 1.8rem !important;
}

/*---------- New Design ----------------*/
#kt_toolbar_container {
    margin-top: -27px;
    margin-bottom: 12px;
}

/*---------- Grid Format ----------------*/
.e-grid .e-gridheader tr th {
    background-color: #b8d2d2;
}

.e-grid .e-rowcell {
    font-size: 13px !important;
    font-family: Poppins, Helvetica, "sans-serif" !important;
}

.e-grid .e-headercelldiv {
    font-size: 12px !important;
}

.e-grid .e-gridheader .e-sortfilter .e-headercelldiv {
    padding: 0px 0px 0px 7px !important;
}

.e-grid .e.e-rowcell {
    border-color: #f3f3f3 !important;
}

table.dataTable > tbody > tr:hover {
    background-color: #faf9f8;
}
/*---------- Grid Format ----------------*/

@media only screen and (max-width: 600px) {
    .oflow-auto {
        overflow: auto;
    }
}

.header-bottom {
    border-bottom: 2px solid #cecff4;
    padding-bottom: 10px;
}

/* ----------- Dashboard ------------ */

.custom-strip {
    background: white;
    border-radius: 45px;
    padding: 13px;
    box-shadow: 4px 4px 20px 7px rgb(232 236 248);
    margin: 5px 5px;
}

.custom-strip-icon {
    margin-left: 5px;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

.custom-strip-text {
    margin: auto 0;
    font-size: 13px;
}

.timeline .timeline-content {
    overflow: hidden;
}

@@media screen and (max-width: 426px) {
    ul {
        display: block !important;
    }
}

@@media (min-width: 992px) and (max-width: 1400px) {
    .container-fluid {
        padding: 0 15px;
    }

    .table td {
        font-size: 12px;
    }

    .cardDollar {
        min-height: 266px;
    }
}

#liveSwitch .form-check-input {
    background-color: #d4d4d4 !important;
}

    #liveSwitch .form-check-input:checked {
        background-color: #50cd89 !important;
    }
/* ----------- Dashboard ------------ */

/* -------------- TypeAhead ------------- */
.typeahead {
    width: 200px;
}

.tt-menu {
    width: 200px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 0px 15px;
    font-size: 13px;
}

    .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #0097cf;
    }

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
    }

/*---------- Main Menu -------------*/
.menu-link {
    background-color: transparent !important;
}

    .menu-link.active {
        background-color: #F9F9F9 !important;
    }

/*---------- Original Style ----------*/
.btn.btn-icon {
    height: calc(1.5em + 2rem rem + 2px);
    width: calc(1.5em + 2rem + 2px);
}

.cursor-pointer {
    cursor: pointer;
}

/*---------- Syncfusion Grid ------------*/
.e-grid .e-ftrchk {
    padding-top: 0px !important;
    padding-bottom: 2px !important;
}

.e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
    font-size: 14px !important;
}

.e-checkbox-wrapper .e-stop, .e-css.e-checkbox-wrapper .e-stop {
    font-size: 14px !important;
    line-height: 15px !important;
}

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    height: 16px !important;
    width: 16px !important;
    line-height: 14px !important;
}

.e-dialog .e-dlg-content {
    padding: 24px 14px 0 24px !important;
    margin-bottom: 0px !important;
}

.e-dialog .e-dlg-content {
    padding: 14px !important;
    margin-bottom: 0px !important;
}

.e-excelfilter.e-dialog .e-dlg-content {
    padding-left: 3px !important;
}

.e-excelfilter .e-dlg-content {
    padding-bottom: 10px !important;
}

.e-excelfilter .e-dlg-content {
    padding-top: 5px !important;
}

.app-header-menu .menu > .menu-item > .menu-link .menu-title {
    color: #F6C000;
}

.app-header {
    border-bottom: 1px solid #1e4343;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #053132 !important;
    border-color: #053132 !important;
}

.e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop {
    border-color: #053132 !important; 
    color: #053132 !important;
}