@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Montserrat-Regular.eot");
    src: url("../fonts/Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
        url("../fonts/Montserrat-Regular.woff2") format("woff2"),
        url("../fonts/Montserrat-Regular.woff") format("woff");
}

/** Montserrat Bold **/
@font-face {
    font-family: "MontserratBold";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Montserrat-Bold.eot");
    src: url("../fonts/Montserrat-Bold.eot?#iefix") format('embedded-opentype'),
        url("../fonts/Montserrat-Bold.woff2") format("woff2"),
        url("../fonts/Montserrat-Bold.woff") format("woff");
}

.cursor-pointer {
    cursor: pointer;
}

.capitalize {
    text-transform: capitalize;
}

.ellipsis-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.max-width-100 {
    width: 100px;
}

.sec-table.table-responsive {
    border-radius: 20px 20px 0 0;
    overflow-y: hidden;
}

.scroll.table.dash-table {
    width: auto !important;
    /* margin: 0 auto; */
}

tr.bg-b.gray_row.cut_row>td,
tr.total_row.cut_row>td,
tr.bold_row.bg-b.cut_row>td {
    border-bottom: 1px solid rgb(229, 184, 183) !important;
    border-top: 1px solid rgb(229, 184, 183) !important;
}

.w-28 {
    width: 28%;
}

.w-13 {
    width: 16px;
    margin-right: 5px;
}

table.scroll tbody {
    overflow-y: auto;
    overflow-x: hidden;
}

/* / dashboard css bold row class / */
.scroll.table.dash-table thead {
    position: relative;
    display: block;
    width: fit-content;
    min-width: max-content;
    overflow-y: hidden;
    padding-right: 0px;
    background: transparent linear-gradient(90deg, #30679A 0%, #AEC9E2 100%) 0% 0% no-repeat padding-box;
    /* background: transparent -moz-linear-gradient(90deg, #30679A 0%, #AEC9E2 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(90deg, #30679A 0%, #AEC9E2 100%) 0% 0% no-repeat padding-box; */
    border-radius: 20px 20px 0px 0px;
}

.scroll.table.dash-table tbody {
    display: block;
    position: relative;
    width: 100%;
    min-width: fit-content;
    overflow-y: auto;
}

table.dash-table tbody tr td:focus {
    box-shadow: inset 0 0 3px #a6c8ff;
    outline: 1px solid #a6c8ff !important;
}

tr.bg-b.gray_row:nth-child(odd) {
    background: #fff !important;
    border-bottom: 1px solid rgb(242, 242, 242);
}

tr.bg-b.gray_row:nth-child(even) {
    background: #fcfcfc !important;
    border-bottom: 1px solid rgb(242, 242, 242);
}

tr.bg-b.gray_row td:nth-child(odd) {
    background-color: inherit;
    border-bottom: 1px solid rgb(242, 242, 242);
}

tr.bg-b.gray_row td:nth-child(even) {
    background-color: inherit;
    border-bottom: 1px solid rgb(242, 242, 242);
}

tr.bold_row.bg-b td {
    font-weight: bold;
}

tr.total_row {
    background-color: #edfeea !important;
    border-bottom: 1px solid rgba(226, 239, 218, 1);
}

tr.total_row td:nth-child(5) {
    font-weight: bold;
}

/* / end css / */
.point-c.font_18 {
    width: 15px !important;
}

.icon-fa.text-center span:focus img {
    box-shadow: 0px 0px 3px 3px #a6c8ff !important;
    outline: none !important;
    border-radius: 50%;
}

.dash_modal_btn:focus,
.log_secure:focus button {
    box-shadow: 0px 0px 3px 3px #a6c8ff !important;
    outline: none !important;
}

.point-c.font_18:focus,
.fa.fa-times.cros-h:focus,
.dash_add_layout.p_bootom img:focus {
    box-shadow: 0px 0px 3px 3px #a6c8ff !important;
    outline: none !important;
    background: #fff;
    border-radius: 50%;
}

button[type="button"].hamburger2:focus,
a:focus,
.icon-fa.text-center span:focus {
    outline: none !important;
}

a:focus>p,
#templates_focus:focus,
.form-group input:focus,
.form-group select:focus,
.dashSideTabs:focus p,
.dashSideTabs:focus label,
.dashSideTabs:focus .dash_select.dash_font_border {
    box-shadow: 0px 4px 3px -2px #a6c8ff !important;
    border-bottom: 1px solid #aac6e0 !important;
    outline: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
}

.dropdown:focus .dropdown-heading,
input[type="file"]:focus+p,
#csv_upload>label,
.au_form_upload_message>div:focus p,
.dash_form_upload_message>div:focus p,
.profile_form_upload_message>div:focus p,
.el_form_upload_message>div:focus p,
.al_form_upload_message>div:focus p,
.ap_form_upload_message>input:focus+.past_pad {
    box-shadow: 0px 4px 3px -2px #a6c8ff !important;
    border-bottom: 1px solid #aac6e0 !important;
    outline: none !important;
}

button#dash_user_drop,
.dashSideTabs:focus {
    box-shadow: none !important;
    border-bottom: 0px !important;
    outline: none !important;
}

.Toastify__toast-container {
    z-index: 10000000000 !important;
}

img[alt="Logo"] {
    width: 90px !important;
}

.modal {
    z-index: 9999999 !important;
}

.modal-backdrop.show {
    z-index: 99999 !important;
}

.dropup-s .dropdown-content {
    margin-bottom: 20px;
    /*
  position: absolute;
  top: auto!important;
  bottom: 38px!important;
*/
}

.modal-dialog {
    min-width: 868px !important;
}

input#password {
    color: #000 !important;
}

.error-12 {
    font-size: 12px !important;
}



.past_pad {
    width: 100%;
    font-size: 9px !important;
    height: 24px !important;
    border: 1px solid #D9D9D9 !important;
    padding: 10px 13px 30px 11px !important;
    font-size: 9px !important;
    cursor: pointer;
    margin-bottom: 0;
    color: #aaa !important;
    position: relative;
    z-index: 9;
}

#csv_upload {
    position: absolute;
    opacity: 0;
}

.modal_closed_btn {
    position: absolute;
    top: 15px;
    right: 27px;
    cursor: pointer;
    z-index: 999;
    width: 4%;
}

.tooltip-container {
    width: auto !important;
    max-width: 170px;
    background-color: #38628a !important;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    font-size: 10px;
    text-align: left;
    border: 1px solid #38628a !important;
}

.tooltip-arrow[data-placement*='right']::before {
    border-color: transparent #38628a transparent transparent !important;
}

.tooltip-arrow[data-placement*='right']::after {
    border-color: transparent #38628a transparent transparent !important;
}

.tooltip-arrow[data-placement*='left']::before {
    border-color: transparent transparent transparent #38628a !important;
}

.tooltip-arrow[data-placement*='left']::after {
    border-color: transparent transparent transparent #38628a !important;
    border-width: 0.5rem 0 0.5rem 0.5em !important;
    left: 5px !important;
}

.tooltip-arrow[data-placement*='top']::before {
    border-color: #38628a transparent transparent transparent !important;
}

.tooltip-arrow[data-placement*='top']::after {
    border-color: #38628a transparent transparent transparent !important;
}

.tooltip-arrow[data-placement*='bottom']::before {
    border-color: transparent transparent #38628a transparent !important;
}

.tooltip-arrow[data-placement*='bottom']::after {
    border-color: transparent transparent #38628a transparent !important;
}

/* .text-danger.error-12  {
    position: absolute;
    right: 0;
} */
.form-group {
    position: relative;
}

.exclaim_img {
    position: absolute;
    right: 15px;
    z-index: 99999 !important;
    top: 10px;
}

.exclaim_img .trigger {
    width: 100%;
    height: auto;
    float: left;
}

/* table input css*/
.lessbright {
    background: transparent;
    width: 80% !important;
    float: left !important;
    word-break: break-word;
}

/*************************** July, 02, 2020 ***********************************/
/* .scroll.table.dash-table .table-scrollbar {
    height: auto !important;
} */

/* end */
@media (min-width:0px) and (max-width:1399px) {
    .custom-control-label::before {
        width: .75rem !important;
        height: .75rem !important;
    }

    .custom-control-label::after {
        width: .75rem !important;
        height: .75rem !important;
    }

    .custom-control-label::before {
        left: -1.1rem;
    }

    .custom-control {
        padding-left: 1.1rem;
    }
}

@media (min-width:568px) and (max-width:1399px) {
    .modal .modal-dialog {
        min-width: 570px !important;
        max-width: 570px !important;
    }
}

@media (min-width:0px) and (max-width:567px) {
    .modal-body {
        padding: 0px !important;
    }

    .modal-body>.container-fluid {
        padding: 0px 10px !important;
    }

    .modal .modal-dialog {
        min-width: auto !important;
    }
}

.modal-open .modal {
    padding-left: 0px !important;
}