body {
    font-size: 14px !important;
}

.fn14 {
    font-size: 14px !important;
}
.fn16 {
    font-size: 16px !important;
}

.btn,
.tt-button a,
.btn-toolbar button,
.wd-payment .btn-payment,
.default-btn-view {
    font-size: 14px !important;
}

.btn-group-sm > .btn,
.btn-sm {
    padding: 0.375rem 0.5rem !important;
    font-size: 13px !important;
}

.btn-success {
    color: #ffffff !important;
}

.btn.btn-outline-dark.focus,
.btn.btn-outline-dark:focus {
    color: #000;
    box-shadow: none;
}

h3 {
    font: 20px/30px "Plus Jakarta Sans", sans-serif;
}

h5 {
    font: 18px / 22px "Plus Jakarta Sans", sans-serif;
}

::placeholder {
    font-size: 14px !important;
}

input[readonly] {
    background: linear-gradient(0deg, #f5f5f5, #f5f5f5),
        linear-gradient(0deg, #e5e5e5, #e5e5e5);
}

.multiselect {
    min-height: 50px;
}

.multiselect-placeholder {
    font-size: 14px !important;
}

.iti--container {
    z-index: 9999;
}

.glightbox {
    cursor: pointer;
}

.viewDocCls {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 5px;
}

.viewDocCls h6 {
    text-transform: none !important;
}

.viewDocCls .action {
    display: flex;
    gap: 8px;
}

#header,
.front-site #header,
.dashboard #header {
    position: sticky;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9999;
    opacity: 1;
}

.normal-font-weight {
    font-weight: normal !important;
}

.flex-action-btn {
    display: flex;
    align-items: center;
}

.no-border {
    border: none !important;
}

.btn-200 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px !important;
    /* padding: 15px 40px; */
    font-size: 16px !important;
}

h6.end-of-data {
    font-size: 14px;
    font-weight: 500;
    color: #636363;
    padding: 15px;
}

.loadmore .loading {
    padding: 15px;
}

.mobile-6 {
    width: 50% !important;
}

/* .flat-accordion .filepond--file-action-button.filepond--action-remove-item,
.flat-accordion .filepond--file-action-button.filepond--action-edit-item,
.flat-accordion .filepond--file-action-button.filepond--action-process-item,
.flat-accordion
    .filepond--file-action-button.filepond--action-abort-item-processing,
.flat-accordion
    .filepond--file-action-button.filepond--action-retry-item-processing,
.flat-accordion
    .filepond--file-action-button
    filepond--action-revert-item-processing {
    border-radius: 50%;
    background-color: #25c0e7 !important;
} */

/* Hide microsoft edge eye icon for password input */
input::-ms-reveal,
input::-ms-clear {
    display: none;
}

/* TABLE CSS START */
table thead tr th {
    font-size: 12px !important;
}

table tbody tr td,
table tbody tr td .table-actions > a,
table tbody tr td > a {
    font-size: 14px !important;
}

.table-responsive-view.card {
    border: none !important;
}
.table-responsive-view.card table thead {
    display: none;
}
.table-responsive-view.card table tbody tr {
    float: left;
    width: 100%;
    border: 1px solid #bfbfbf;
    background-color: transparent !important;
    margin-bottom: 15px;
    border-radius: 8px;
}
.table-responsive-view.card table tbody tr td {
    display: block;
    border: 0;
}
.table-responsive-view.card table tbody > tr:last-child > * {
    border: none !important;
}
.table-responsive-view.card table .colHeader {
    font-weight: 500;
}
.table-responsive-view.card colgroup {
    display: table-column;
}
.table-responsive-view.card .widget.search {
    display: flex;
    flex-direction: row !important;
}
.table-responsive-view.card .widget.search .search-flat {
    display: flex;
    width: 100%;
}
.table-responsive-view.card .filterlist_icon {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    margin-left: 5px;
}
.table-responsive-view.card .filterlist_icon span {
    display: flex;
    align-items: center;
}
.table-responsive-view.card .card-filter-section,
.chat-filter-mobile .card-filter-section {
    display: none !important;
}
.table-responsive-view.card .card-filter-section.open,
.chat-filter-mobile .card-filter-section.open {
    display: block !important;
}
.table-responsive-view.card .card-filter-section,
.chat-filter-mobile .card-filter-section {
    width: 300px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    visibility: hidden;
    overflow-y: scroll;
    height: 100vh;
    transform: translateX(-100%);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    box-shadow: 0px 2px 2px rgba(28, 36, 51, 0.1);
    display: none;
}
.table-responsive-view.card .card-filter-section.open,
.chat-filter-mobile .card-filter-section.open {
    transform: translateX(0);
    visibility: visible;
}
.card-filter-section .side-filters {
    float: left;
    width: 100%;
}
.card-filter-section .side-filters.ml-2 {
    margin-left: 0px !important;
}
.card-filter-section .card-filter-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 24px;
    border-bottom: 1px solid #cbcbcb;
}
.card-filter-section .card-filter-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 24px;
}
.card-filter-header h2 {
    font-size: 18px;
    color: #333333;
}
.card-filter-header .filter-header-button-close {
    font-size: 24px;
    opacity: 0.6;
}
.card-filter-section .card-filter-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
/* TABLE CSS END */

/* MODAL CSS START */
.modal .modal-title {
    font-size: 16px !important;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}
/* MODAL CSS END */

.dashboard__content .white-box-body ul li b {
    font-size: 14px;
}

/* Audio Vue Sound CSS Start */
.player {
    background-color: transparent;
    padding: 0;
}

.vue-sound {
    width: 100%;
}
.vue-sound .player-track-progress,
.vue-sound .player-track-progress .player-track-buffered {
    background-color: #000000 !important;
    border-radius: 4px !important;
}
.vue-sound .player {
    background-color: #25c0e7;
    margin-bottom: 5px;
    border-radius: 4px !important;
}
/* Audio Vue Sound CSS End */
.pagination-job li.disabled {
    background-color: #e0e0e0;
    pointer-events: none;
}

.widget-filter button:hover,
.front-site .widget-filter button:hover {
    background: transparent !important;
    border: 1px solid #25c0e7 !important;
    color: #25c0e7 !important;
}

.lt-3 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    max-height: 4.5em;
    white-space: normal;
}

.lt-2 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis !important;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
    max-height: 3em;
    white-space: normal;
}

.lt-1 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-ip {
    position: relative;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #64666c;
}

.line-ip:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    background: #e5e5e5;
}

.line-ip span {
    padding: 10px 22px;
    background: #fff;
    position: relative;
    z-index: 5;
}

.password-input-group {
    position: relative;
}

.password-input-group a {
    position: absolute;
    top: 58px;
    transform: translateY(-50%);
    right: 15px;
    font-size: 20px;
    cursor: pointer;
    color: #64666c;
}

/* Login With Social Media */
.social-login-box {
    display: flex;
    justify-content: space-between;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
}

.logins-button,
.social-connect-button {
    display: inline-block !important;
    width: 48%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    letter-spacing: 1px;
    color: #25c0e7;
    border-width: 1px;
    border-style: solid;
    border-color: #25c0e7;
    border-radius: 4px;
    padding: 0px;
    font-weight: 600;
    cursor: pointer !important;
    outline: rgb(255, 255, 255) none 0px;
    transition: all 0.2s cubic-bezier(0.72, 0.01, 0.56, 1) 0s;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.social-connect-button:focus {
    border: 1px solid;
}

.logins-button:hover {
    background-color: #25c0e7;
    color: #ffffff;
}

.logins-button.danger:hover {
    border-color: rgb(220, 74, 61);
    background: rgb(220, 74, 61);
    color: #ffffff;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease-out;
}

.logins-button.danger {
    color: rgb(220, 74, 61);
    border-color: rgb(220, 74, 61);
}

#facebook-connect-button {
    background: rgb(255, 255, 255)
        url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="256px" height="256px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve"><path display="none" fill="%235FA9DD" d="M270.332,28.818c-9.76,4.328-20.249,7.255-31.258,8.57c11.237-6.735,19.867-17.401,23.93-30.11c-10.515,6.237-22.163,10.766-34.56,13.207c-9.928-10.578-24.072-17.187-39.725-17.187c-30.058,0-54.426,24.368-54.426,54.423c0,4.266,0.481,8.419,1.409,12.403C90.47,67.854,50.368,46.187,23.525,13.26c-4.685,8.038-7.368,17.387-7.368,27.361c0,18.881,9.608,35.54,24.211,45.3c-8.921-0.282-17.313-2.731-24.651-6.807c-0.004,0.227-0.005,0.455-0.005,0.684c0,26.369,18.76,48.366,43.658,53.366c-4.567,1.243-9.375,1.908-14.339,1.908c-3.507,0-6.916-0.341-10.24-0.976c6.926,21.622,27.025,37.357,50.84,37.797c-18.626,14.596-42.093,23.297-67.591,23.297c-4.393,0-8.725-0.258-12.983-0.76c24.085,15.442,52.693,24.451,83.427,24.451c100.106,0,154.847-82.93,154.847-154.849c0-2.359-0.053-4.707-0.157-7.04C253.808,49.318,263.035,39.732,270.332,28.818z"/><path id="White_2_" display="none" fill="%23FFFFFF" d="M230.002,10.683H51.28c-6.125,0-11.088,4.963-11.088,11.088v178.722c0,6.123,4.963,11.088,11.088,11.088h96.218v-77.798h-26.181v-30.32h26.181v-22.36c0-25.948,15.848-40.078,38.996-40.078c11.088,0,20.618,0.826,23.395,1.194v27.118l-16.054,0.007c-12.589,0-15.027,5.982-15.027,14.76v19.358h30.024l-3.909,30.32h-26.114v77.798h51.194c6.123,0,11.088-4.965,11.088-11.088V21.771C241.09,15.646,236.125,10.683,230.002,10.683z"/><path id="f" fill="%233C5A9A" d="M158.232,219.912v-94.461h31.707l4.747-36.813h-36.454V65.134c0-10.658,2.96-17.922,18.245-17.922l19.494-0.009V14.278c-3.373-0.448-14.944-1.45-28.406-1.45c-28.106,0-47.348,17.156-47.348,48.662v27.149H88.428v36.813h31.788v94.461H158.232z"/></svg>')
        no-repeat scroll 5px 0px / 30px 50px padding-box border-box;
    border-color: rgb(60, 90, 154);
}

#facebook-connect-button:hover {
    border-color: rgb(60, 90, 154);
    background: rgb(60, 90, 154)
        url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="256px" height="256px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve"><path display="none" fill="%235FA9DD" d="M270.332,28.818c-9.76,4.328-20.249,7.255-31.258,8.57c11.237-6.735,19.867-17.401,23.93-30.11c-10.515,6.237-22.163,10.766-34.56,13.207c-9.928-10.578-24.072-17.187-39.725-17.187c-30.058,0-54.426,24.368-54.426,54.423c0,4.266,0.481,8.419,1.409,12.403C90.47,67.854,50.368,46.187,23.525,13.26c-4.685,8.038-7.368,17.387-7.368,27.361c0,18.881,9.608,35.54,24.211,45.3c-8.921-0.282-17.313-2.731-24.651-6.807c-0.004,0.227-0.005,0.455-0.005,0.684c0,26.369,18.76,48.366,43.658,53.366c-4.567,1.243-9.375,1.908-14.339,1.908c-3.507,0-6.916-0.341-10.24-0.976c6.926,21.622,27.025,37.357,50.84,37.797c-18.626,14.596-42.093,23.297-67.591,23.297c-4.393,0-8.725-0.258-12.983-0.76c24.085,15.442,52.693,24.451,83.427,24.451c100.106,0,154.847-82.93,154.847-154.849c0-2.359-0.053-4.707-0.157-7.04C253.808,49.318,263.035,39.732,270.332,28.818z"/><path id="White_2_" display="none" fill="%23FFFFFF" d="M230.002,10.683H51.28c-6.125,0-11.088,4.963-11.088,11.088v178.722c0,6.123,4.963,11.088,11.088,11.088h96.218v-77.798h-26.181v-30.32h26.181v-22.36c0-25.948,15.848-40.078,38.996-40.078c11.088,0,20.618,0.826,23.395,1.194v27.118l-16.054,0.007c-12.589,0-15.027,5.982-15.027,14.76v19.358h30.024l-3.909,30.32h-26.114v77.798h51.194c6.123,0,11.088-4.965,11.088-11.088V21.771C241.09,15.646,236.125,10.683,230.002,10.683z"/><path id="f" fill="%23FFFFFF" d="M158.232,219.912v-94.461h31.707l4.747-36.813h-36.454V65.134c0-10.658,2.96-17.922,18.245-17.922l19.494-0.009V14.278c-3.373-0.448-14.944-1.45-28.406-1.45c-28.106,0-47.348,17.156-47.348,48.662v27.149H88.428v36.813h31.788v94.461H158.232z"/></svg>')
        no-repeat scroll 5px 0px / 30px 50px padding-box border-box;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease-out;
}

#facebook-connect-button span {
    box-sizing: border-box;
    color: rgb(60, 90, 154);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(255, 255, 255);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#facebook-connect-button:hover span {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#google-connect-button {
    background: rgb(255, 255, 255)
        url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 2048 2048" width="256px" height="256px" xmlns="http://www.w3.org/2000/svg"><path transform="translate(616,384)" d="m0 0h59l39 3 31 4 37 7 35 9 26 8 30 11 30 13 25 12 24 13 23 14 18 12 14 10 12 9 14 11 13 11 21 18 1 4-10 9-19 19-8 7-20 20-8 7-13 13-8 7-17 17h-2v2l-8 7-15 15-8 7-17 17-8 7-10 10-3 1-9-9-11-9-17-13-21-14-17-10-16-8-17-8-21-8-28-8-23-5-19-3-18-2-15-1h-35l-32 3-24 4-27 6-35 11-29 12-21 10-24 14-20 13-19 14-11 9-12 11-8 7-19 19-9 11-10 12-13 18-11 17-12 21-8 16-9 20-10 27-8 29-5 24-4 26-2 22v58l3 32 6 36 7 28 11 33 10 23 8 17 12 21 12 18 12 16 11 13 7 8 6 6v2h2l4 4v2l4 2 10 10 11 9 15 12 24 16 22 13 16 8 19 9 26 10 25 8 29 7 36 6 33 3h46l32-3 30-5 26-6 29-9 25-10 25-12 18-10 18-12 12-9 11-9 10-9 8-7 8-8 9-11 11-13 13-19 10-16 8-16 11-26 9-28 8-36h-362l-1-1v-218l1-1h602l2 2 5 33 3 28 1 14v69l-3 42-5 39-5 29-8 36-9 32-11 33-12 30-14 30-12 23-12 20-13 20-12 17-10 13-11 14-11 12-7 8-15 16-9 9h-2v2l-8 7-11 10-11 9-14 11-19 14-23 15-22 13-24 13-29 14-32 13-25 9-34 10-34 8-31 6-39 5-37 3h-73l-36-3-31-4-40-7-25-6-30-8-36-12-29-11-29-13-19-9-22-12-24-14-30-20-18-13-16-13-11-9-11-10-8-7-7-7-8-7-9-9-7-8-14-15-9-11-13-16-13-18-11-16-12-19-12-21-15-29-12-27-12-31-11-34-8-30-7-33-5-30-5-41-2-21v-91l7-56 7-38 7-29 9-31 11-32 12-29 13-28 12-22 10-18 14-22 11-16 11-15 10-13 14-17 13-15 7-7 7-8 19-19 8-7 14-13 11-9 16-13 19-14 16-11 17-11 18-11 18-10 16-9 23-11 30-13 35-13 29-9 35-9 34-7 35-5 30-3z" fill="%23F34636"/><path transform="translate(1676,768)" d="m0 0h185l1 1v185h186v186h-186v185l-2 1h-184l-1-3v-183l-8 1-177-1v-186h185v-183z" fill="%23F34636"/></svg>')
        no-repeat scroll 15px 0px / 30px 50px padding-box border-box;
    border-color: rgb(220, 74, 61);
}

#google-connect-button:hover {
    border-color: rgb(220, 74, 61);
    background: rgb(220, 74, 61)
        url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 2048 2048" width="256px" height="256px" xmlns="http://www.w3.org/2000/svg"><path transform="translate(616,384)" d="m0 0h59l39 3 31 4 37 7 35 9 26 8 30 11 30 13 25 12 24 13 23 14 18 12 14 10 12 9 14 11 13 11 21 18 1 4-10 9-19 19-8 7-20 20-8 7-13 13-8 7-17 17h-2v2l-8 7-15 15-8 7-17 17-8 7-10 10-3 1-9-9-11-9-17-13-21-14-17-10-16-8-17-8-21-8-28-8-23-5-19-3-18-2-15-1h-35l-32 3-24 4-27 6-35 11-29 12-21 10-24 14-20 13-19 14-11 9-12 11-8 7-19 19-9 11-10 12-13 18-11 17-12 21-8 16-9 20-10 27-8 29-5 24-4 26-2 22v58l3 32 6 36 7 28 11 33 10 23 8 17 12 21 12 18 12 16 11 13 7 8 6 6v2h2l4 4v2l4 2 10 10 11 9 15 12 24 16 22 13 16 8 19 9 26 10 25 8 29 7 36 6 33 3h46l32-3 30-5 26-6 29-9 25-10 25-12 18-10 18-12 12-9 11-9 10-9 8-7 8-8 9-11 11-13 13-19 10-16 8-16 11-26 9-28 8-36h-362l-1-1v-218l1-1h602l2 2 5 33 3 28 1 14v69l-3 42-5 39-5 29-8 36-9 32-11 33-12 30-14 30-12 23-12 20-13 20-12 17-10 13-11 14-11 12-7 8-15 16-9 9h-2v2l-8 7-11 10-11 9-14 11-19 14-23 15-22 13-24 13-29 14-32 13-25 9-34 10-34 8-31 6-39 5-37 3h-73l-36-3-31-4-40-7-25-6-30-8-36-12-29-11-29-13-19-9-22-12-24-14-30-20-18-13-16-13-11-9-11-10-8-7-7-7-8-7-9-9-7-8-14-15-9-11-13-16-13-18-11-16-12-19-12-21-15-29-12-27-12-31-11-34-8-30-7-33-5-30-5-41-2-21v-91l7-56 7-38 7-29 9-31 11-32 12-29 13-28 12-22 10-18 14-22 11-16 11-15 10-13 14-17 13-15 7-7 7-8 19-19 8-7 14-13 11-9 16-13 19-14 16-11 17-11 18-11 18-10 16-9 23-11 30-13 35-13 29-9 35-9 34-7 35-5 30-3z" fill="%23FFF"/><path transform="translate(1676,768)" d="m0 0h185l1 1v185h186v186h-186v185l-2 1h-184l-1-3v-183l-8 1-177-1v-186h185v-183z" fill="%23FFF"/></svg>')
        no-repeat scroll 15px 0px / 30px 50px padding-box border-box;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease-out;
}

#google-connect-button span {
    box-sizing: border-box;
    color: rgb(220, 74, 61);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(220, 74, 61);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#google-connect-button:hover span {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.modal-backdrop {
    height: 100% !important;
}

.profile-img {
    width: 100px;
    border-radius: 5px;
}

.multiselect-dropdown {
    z-index: 999999 !important;
    overflow-y: auto !important;
}

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

a.btn,
button.btn {
    font-weight: 500 !important;
}

a.btn:focus {
    color: #fff;
}

.btn,
.modal-btn,
.swal2-actions button {
    border-radius: 4px !important;
}

.features-job .job-archive-footer .job-tag li a,
.features-job.style-3 .category .job-tag li a,
.wd-thum-career .career-tag li a,
.service-tags li a {
    padding: 5px 10px !important;
    border-radius: 4px !important;
    cursor: default;
}

#project-inner-tab .features-job .job-archive-footer .job-tag li a {
    cursor: pointer;
}

.features-job .job-archive-footer .job-tag li a:hover:not(.shine),
.features-job.style-3 .category .job-tag li a:hover:not(.shine),
.wd-thum-career .career-tag li a:hover:not(.shine),
.service-tags li a:hover:not(.shine),
.features-job .job-archive-footer .job-tag li a.active,
.features-job.style-3 .category .job-tag li a.active,
.wd-thum-career .career-tag li a.active,
.service-tags li a.active {
    background-color: #25c0e7 !important;
    color: #fff;
}

.features-job .job-archive-footer .job-tag li a:has(i),
.features-job.style-3 .category .job-tag li a:has(i),
.wd-thum-career .career-tag li a:has(i),
.service-tags li a:has(i) {
    cursor: pointer;
}

.wd-thum-career.style-2 button {
    padding: 0.375rem 0.75rem !important;
}

.btn-light-secondary,
.btn-light-secondary.filter-btn,
.front-site .btn-light-secondary,
.front-site .btn-light-secondary.filter-btn {
    background-color: #e5e5e5;
    color: #000000 !important;
    border-color: #e5e5e5;
}

.btn-light-secondary:hover,
.front-site .btn-light-secondary:hover {
    background-color: #b6b6b6;
    color: #000000 !important;
    border-color: #e5e5e5;
}

div:where(.swal2-container) .swal2-html-container {
    font-size: 16px;
}

div:where(.swal2-container) .swal2-html-container .sm-txt {
    font-size: 14px;
    line-height: normal;
}

a.tf-button.fl-link.icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #25c0e7;
    padding: 5px 10px;
}

.tooltip {
    z-index: 10003 !important;
}

.socialImageBox {
    display: flex;
    height: 60px;
}

/* Datatable Card View Dropdown Menu */
.actionDTdropdown .dropdown-toggle,
.actionDTdropdown .dropdown-toggle:active,
.actionDTdropdown .dropdown-toggle:focus {
    box-shadow: none;
    color: #25c0e7;
}
.actionDTdropdown .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    padding: 0px;
}
.actionDTdropdown .dropdown-menu a.action-link {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    padding: 8px 10px;
    margin: 0px !important;
    border-bottom: 0.5px solid rgba(122, 121, 138, 0.1);
}
.actionDTdropdown .dropdown-menu a.action-link:last-child {
    border: none;
}
.table-responsive-view.card table tbody tr > td:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.table-responsive-view.card table tbody tr > td:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.table-responsive-view.card table tbody tr > td.actions_column {
    padding-right: 10px;
}
.table-responsive-view.card table tbody tr > td.actions_column .table-actions {
    justify-content: end;
}
.table-responsive-view.card
    table
    tbody
    tr
    > td.actions_column
    .actionDTdropdown
    .dropdown-toggle
    svg {
    width: 25px;
}
.actionDTdropdown a.dropdown-toggle {
    display: flex !important;
}
.flat-dashboard-save .table-responsive-view.card tbody tr td {
    width: 100%;
}

.table-responsive-view.card .form-table-row {
    border: none;
}

.table-responsive-view.card table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td {
    padding: 8px 10px;
}

.right-filters.show .modal-menu__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.categories .menu-icon {
    margin-right: 10px;
    width: 20px;
}

.category-menu-link.active svg.menu-icon,
.categories-mobile.active svg.menu-icon {
    color: #25c0e7;
}

.sticky-area-wrap .header-ct-left .categories a.header-menu-link {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    margin-right: 0;
    display: flex;
    gap: 3px;
}

.header-ct-left {
    width: 750px;
}

.sticky-area-wrap .header-ct-right .bell .sub-notification {
    border: 1px solid #e5e5e5;
}

/*/ Datatable Card View Dropdown Menu */

/* BD Callout Start */
.bd-callout {
    --bs-link-color-rgb: 10, 88, 202;
    --bs-code-color: #ab296a;
    padding: 1rem;
    margin-top: 15px;
    color: #664d03;
    background-color: #fff3cd;
    border-left: 6px solid #b7a05d;
    font-size: 13px;
    font-weight: 500;
    line-height: 6px;
}
.bd-callout-warning {
    --bd-callout-color: #664d03;
    --bd-callout-bg: #fff3cd;
    --bd-callout-border: #ffe69c;
}
/*/ BD Callout End */

.table-card-view
    table.dataTable.dtr-inline.collapsed
    > tbody
    > tr
    > td.dtr-control:before {
    display: none;
}

.header-customize-item.logout {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    /* margin-right: 21px; */
}

.customModalCls .modal-footer button {
    position: unset;
}

/* .modal-open .modal {
    overflow-y: hidden !important;
} */

.actions_column .dropdown.table-actions-dropdown {
    margin-top: 0 !important;
    cursor: pointer !important;
}

.table-actions-dropdown .dropdown-toggle,
.table-actions-dropdown .dropdown-toggle:active,
.table-actions-dropdown .dropdown-toggle:focus {
    box-shadow: none;
    color: #25c0e7;
}
.table-actions-dropdown .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    padding: 0px;    
    height: 200px;
    overflow: scroll;
    scrollbar-width: thin;
    overflow-x: hidden;
}
.table-actions-dropdown .dropdown-menu a.action-link {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    padding: 10px;
    margin: 0px !important;
    border-bottom: 0.5px solid rgba(122, 121, 138, 0.1);
}
.table-actions-dropdown .dropdown-menu a.action-link:last-child {
    border: none;
}

.table-actions-dropdown .dropdown-menu {
    /* right: 0;
    left: auto;
    transform: translate3d(0, -184px, 0); */
}

.table-actions-dropdown .dropdown-menu a {
    word-wrap: break-word;
    word-break: break-word;
    /* white-space: normal !important; */
    cursor: pointer !important;
}

.table-actions-dropdown .dropdown-menu a:hover {
    color: #25c0e7;
}

.custom-quill-editor {
    height: 150px;
}
.custom-quill-editor p {
    color: #a0a0a0 !important;
    font-size: 14px !important;
}

body .modal-body p {
    font: 14px/26px "Plus Jakarta Sans", sans-serif;
}

.ql-editor-details {
    padding: 0 !important;
}

.flat-dashboard-candidates .dataTable tbody tr:nth-child(1) td,
.flat-dashboard-candidates .dataTable tbody tr:nth-child(2) td,
.flat-dashboard-candidates .dataTable tbody tr:nth-child(3) td,
.flat-dashboard-save .dataTable tbody tr td:nth-child(1),
.flat-dashboard-save .dataTable tbody tr td:nth-child(2),
.flat-dashboard-save .dataTable tbody tr td:nth-child(3) {
    width: auto;
}

.flat-dashboard-candidates .dataTable tbody tr td:last-child,
.flat-dashboard-save .dataTable tbody tr td:last-child {
    padding-right: 10px;
}

.social-media-links-section {
    display: flex;
    gap: 10px;
}

.social-media-links-section svg path {
    fill: #64666c;
}

.social-media-links-section .input-group .error {
    width: 100%;
    display: inline-block;
}

.social-media-links-section a {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal !important;
}

ul.social-media-previews {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
}
li.social-media-link {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 5px;
}
li.social-media-link a {
    padding: 8px 10px;
}

.flat-accordion .toggle-title .collapse-show-btn {
    display: block !important;
}
.flat-accordion .toggle-title .collapse-hide-btn {
    display: none !important;
}
.flat-accordion .toggle-title.active .collapse-hide-btn {
    display: block !important;
}
.flat-accordion .toggle-title.active .collapse-show-btn {
    display: none !important;
}

.dashboard .actions-dropdown .dropdown-toggle::after {
    content: unset;
}

.error-page-cls {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: normal;
    position: fixed;
    z-index: 999;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
}
.error-page-cls h3 {
    display: flex;
    align-items: center;
    font-size: 25px;
    font-weight: 500;
}
.error-page-cls img {
    height: 30vh;
}

.multiselect input[type="text"] {
    border: none;
    height: auto;
    padding-left: var(--ms-px, 0.875rem);
    padding-right: calc(1.25rem + var(--ms-px, 0.875rem) * 3);
    padding-top: initial;
    padding-bottom: initial;
}

#toast-container,
.Vue-Toastification__container {
    z-index: 99999 !important;
}
#toast-container .toast {
    max-width: 600px !important;
    min-width: 326px !important;
    max-height: 800px !important;
    opacity: 1 !important;
    border-radius: 8px;
    font-family: "Lato", Helvetica, "Roboto", Arial, sans-serif;
    font-size: 16px;
    word-break: break-word;
    white-space: pre-wrap;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1),
        0 2px 15px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1),
        0 2px 15px 0 rgba(0, 0, 0, 0.05) !important;
}
#toast-container .toast .toast-close-button {
    color: #ffffff;
    opacity: 0.3 !important;
    top: 0 !important;
    right: 0px;
}
.toast.toast-error {
}
#toast-container .toast:hover {
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1),
        0 2px 15px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1),
        0 2px 15px 0 rgba(0, 0, 0, 0.05) !important;
}

#toast-container .toast .toast-close-button:hover {
    opacity: 1 !important;
}
#toast-container > .toast-error {
    background-color: #ff5252;
    color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAMAAABrN94UAAAATlBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////+IpfdaAAAAGXRSTlMA++yZC/W9e0NnBBXZL+WGqzlaTXFmKcsgew4/IQAAALlJREFUKM9tUFkChSAIRHIr62Vli/e/6EOxPb6GGXQGAI6aEWf4qKWNsV3efFNFqqp5CVYlQdknL3XMpeVDmAULor7zGzkLpUhtt5vQE2+sNaT0V35A9k0JcLg4+/T7BDAlJ3/6j9l5JJD9x513aw5EeeoMVlcEw0kDQGBkmO9+3HprPaNfdx4ptVVVRvhkkzp3rsv+ihK6cqSI9L7D0mgHpgzRylL2OxYG9hl6r7U6GrwIt0IInwqGP1z1F88XlY02AAAAAElFTkSuQmCC) !important;
}
#toast-container > .toast-success {
    background-color: #4caf50;
    color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAAd0SU1FB+kCEQUvJTAprbEAAAD4SURBVCjPjZI/SsNwGIafFKFTwNJeQESKegWnLKHn8BK5Qy/hYldBCFmKQ+2gCA4FcwmXmm4dfBySkqaJkHf6we/5Xr4/bwAgAITcEXFDyI6cF9bsAILyV8SBsZmFtQozYweWJiIOTdza1tbEoUjplLi3W3sTByUWdzrVjrFgaPYPkJurmhnirNF4rTdvvfZTLZydERHS1jv3fDHiGwiJMK2qN24aTjjywV9VU1yp+uGVU19PoINWB7elY3HqugPSFOfV89GJeOFlC9L58aQLJ9IBFc6ae1s49vwEqvbWvMKzT9V0J1fofdM+CWnk7afR+FHegn7p/QNI5gswA/4HsgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNS0wMi0xN1QwNTo0NzoyNSswMDowMBbJV8cAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjUtMDItMTdUMDU6NDc6MjUrMDA6MDBnlO97AAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI1LTAyLTE3VDA1OjQ3OjM3KzAwOjAwa7TfEwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=) !important;
}
.service-tags.nav-tabs {
    border: none;
}

.filter-booter,
.front-site .filter-booter {
    gap: 5px;
}

.swal2-styled.swal2-confirm {
    background-color: #25c0e7 !important;
}

.audio__songlist .header .row {
    margin: 0 auto;
}
.audio__songlist ul {
    margin: 20px 0px 15px 0px !important;
    padding: 0px !important;
}
.audio__songlist ul li .audio-title {
    padding: 0px !important;
}
.audio__songlist ul li table {
    width: 100%;
}
.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgb(37 192 231 / 50%) !important;
}

.tempUnavailable {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 75vh;
    position: relative;
}
.tempUnavailable .opacityTxt {
    background: url("data:image/svg+xml,<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><clipPath id='a'><path d='m0 0h24v24h-24z'/></clipPath><g clip-path='url(%23a)'><path d='m12 19.7499c-4.28021 0-7.75-3.4698-7.75-7.75h-2.5c0 5.661 4.58908 10.25 10.25 10.25zm0-15.49996c4.2802 0 7.75 3.46979 7.75 7.74996h2.5c0-5.66088-4.5891-10.24996-10.25-10.24996zm-7.75 7.74996c0-2.14041.86608-4.0762 2.26992-5.48004l-1.76776-1.76777c-1.85352 1.85352-3.00216 4.41774-3.00216 7.24781zm2.26992-5.48004c1.40385-1.40384 3.33963-2.26992 5.48008-2.26992v-2.5c-2.83011 0-5.39433 1.14864-7.24784 3.00215zm-1.76776 0 12.72794 12.72794 1.7677-1.7678-12.72788-12.72791zm14.99784 5.48004c0 2.1405-.8661 4.0763-2.2699 5.4801l1.7677 1.7678c1.8536-1.8535 3.0022-4.4177 3.0022-7.2479zm-2.2699 5.4801c-1.4039 1.4039-3.3397 2.2699-5.4801 2.2699v2.5c2.8301 0 5.3943-1.1486 7.2478-3.0021z' fill='%23292929'/></g></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100%;
    width: 100%;
    position: relative;
    opacity: 0.2;
}
.tempUnavailable h1 {
    position: absolute;
    color: #ff0000;
}

.btn-primary {
    background-color: #25c0e7 !important;
    border-color: #25c0e7 !important;
}
.btn-primary:focus,
.btn-primary:active {
    box-shadow: 0 0 0.2rem rgba(38, 143, 255, 0.5) !important;
}

.front-site #grid-view .info_icon_inner_color {
    position: absolute;
}

.front-site .footer-cl-1,
.front-site .footer-cl-2,
.front-site .footer-cl-3 {
    margin: 0;
    padding: 0;
}

.search-for-pros-section .features-job .inner-box .logo-company .logo-company {
    margin: 0;
}

.search-for-pros-section .list-view .profile-img {
    border-radius: 5px;
    width: 5.5rem;
}

.features-job.style-3 .company {
    gap: 15px;
}

.selectize-dropdown .selectize-dropdown-content .optgroup-header {
    font-weight: bold;
    color: black;
    background: transparent;
}

.front-filter .selectize-dropdown .selectize-dropdown-content .option {
    padding: 5px 5px 5px 10px;
}

.selectize-dropdown .selectize-dropdown-content .optgroup .option {
    padding: 5px 5px 5px 40px;
}

.flat-icon-dashboard.boxes {
    padding-bottom: 0px;
}
.flat-icon-dashboard.boxes .white-box {
    min-height: 150px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}
.flat-icon-dashboard.boxes .white-box.auto-height {
    max-height: fit-content;
}
.flat-icon-dashboard.boxes .white-box-header + .white-box-body.auto-height {
    max-height: fit-content;
}
.flat-icon-dashboard.boxes .white-box-inner-gray {
    margin: 15px 50px;
}
.flat-icon-dashboard.boxes .white-box-inner-gray .white-box-body {
    background: #f8f8f8;
    padding: 25px;
    border-radius: 4px;
}
.flat-icon-dashboard.boxes .white-box-inner-gray .white-box-body span {
    display: flex;
    align-items: end;
    font-weight: 500;
    line-height: normal;
}
.flat-icon-dashboard.boxes .white-box:hover {
    transform: none;
    -webkit-transform: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.dark-solid-border {
    width: 100%;
    border: 1px solid #000;
}
.driverjs_dontshow_checkbox .driver-popover-description {
    margin: 0px;
}
.driverjs_dontshow_checkbox .driver-popover-description p {
    font: 14px / normal sans-serif;
    line-height: 1.5;
    font-weight: 400;
    zoom: 1;
    margin: 10px 0px;
    color: #2d2d2d;
}
.driverjs_dontshow_checkbox .driver-popover-description label {
    display: flex;
    align-items: center;
    gap: 6px;
    font: 14px / normal sans-serif;
    line-height: 1.5;
    font-weight: 400;
    zoom: 1;
    cursor: pointer;
}

.full_driverjs_popup {
    max-width: 95% !important;
}

button:disabled:not(.filepond--file-action-button) {
    background-color: light-dark(
        rgba(239, 239, 239, 0.3),
        rgba(19, 1, 1, 0.3)
    ) !important;
    color: light-dark(
        rgba(16, 16, 16, 0.3),
        rgba(255, 255, 255, 0.3)
    ) !important;
    border-color: light-dark(
        rgba(118, 118, 118, 0.3),
        rgba(195, 195, 195, 0.3)
    ) !important;
}

.profile_photo_preview {
    border-radius: 50%;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left;
}

.home-main .tf-slider .form-sl .form-group-1 {
    max-width: 100%;
}
.home-main .tf-slider .form-sl .form-group-1 .input-filter-search {
    width: 100%;
}

.selectize-dropdown,
.selectize-dropdown.form-control {
    z-index: 99990;
}

.dashboard .modal-content .btn {
    position: initial;
}

.selectize-input > * {
    margin-top: 0px !important;
    line-height: normal !important;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
    line-height: normal;
}

.table-actions .dropdown-item {
    width: auto;
    padding: 0 2px;
}

.fl-link-button {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    letter-spacing: 1px;
    background-color: #25c0e7;
    color: #ffffff;
    padding: 6px 14px;
    font-weight: 600;
    cursor: pointer !important;
    border-radius: 4px !important;
    border: none;
    line-height: 25px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}

.fl-link-button:hover,
.fl-link-button:focus,
.fl-link-button:active {
    background-color: #2d98b3;
    color: #ffffff;
}

.page_header_notify_alert,
.unfinished_profile_notify_card {
    display: flex;
    justify-content: space-between;
}

.details-video-files .block-pro-doc .remove-video-link,
.details-video-files .block-pro-video .remove-video-link {
    position: absolute;
    top: 1px;
    right: 16px;
    left: unset;
}

.splide-preview-container .splide__slide {
    border: 1px solid #25c0e7;
    border-radius: 4px;
    /* height: 100px;
    display: flex;
    justify-content: center;
    align-items: center; */
}

.splide-preview-container .splide__slide .glightbox {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.splide-preview-container .splide__slide .glightbox > img {
    border-radius: 0px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.input-errors {
    line-height: normal;
}

.video_cover_box {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #25c0e7;
    border-radius: 4px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.dashboard .header .logout a {
    display: inline !important;
}

.sticky-area-wrap .header-ct-left {
    gap: 12px !important;
}

.employer-block .selectize-input > * {
    padding-right: 5px !important;
}

.employer-block .selectize-input > input {
    margin-top: 0 !important;
}

.employer-block .question-actions {
    align-items: center;
    gap: 10px;
}

.employer-block .que_no {
    margin-left: 15px;    
}

.audio-container.shine-content {
    border: none;
}

.audio-container.shine-content .shine {
    min-height: 170px;
    min-width: 100%;
    border-radius: 4px;
}

.spotify-loader.shine-content .shine {
    min-height: 80px;
    width: 100%;
    border-radius: 4px;
}

.provider-grid-view .group-col-3 {
    margin-left: -29px;
}

.provider-grid-view .group-col-3 .cl3 {
    width: calc(35.3333% - 58px);
    margin-left: 31px;
}

.fav-provider-grid-view .group-col-2 {
    margin-left: -70px;
}

.fav-provider-grid-view .group-col-2 .cl2 {
    width: calc(33.3333% - -50px);
    margin-left: 100px;
}

.provider-grid-view .audio-player-container {
    max-width: 100%;
}

.modal-footer.modal-footer-with-player {
    display: unset;
    justify-content: unset;
}

.modal-footer-with-player .action-links {
    margin-top: 8px;
}

.modal-footer-with-player div a.btn {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
}

.modal-footer-with-player .action-links div:nth-child(odd) {
    padding-right: 5px;
}

.modal-footer-with-player .action-links div:nth-child(even) {
    padding-left: 5px;
}

span.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
    color: #969696 !important;
}

.btn-media {
    border-color: transparent!important;
    background-color: transparent!important;
    background-image: linear-gradient(
        to right,
        #a770ef 0%,
        #a770ef 51%,
        #a770ef 100%
    )!important;
}

table.dataTable thead tr th, 
.dashboard table th {
    text-align: center !important;
}

.dashboard table td .table-actions {
    display: flex;
    justify-content: center;
    padding: 0;
    gap: .5rem;
}

.dashboard table td .table-actions a {
    padding: 0;
}

@media only screen and (max-width: 480px) {
    .page_header_notify_alert,
    .suspended_notify_card,
    .unfinished_profile_notify_card {
        flex-direction: column;
    }
    .employer-block {
        padding: 20px 10px;
    }
}

@media (max-width: 575px) {
    .front-site .footer-links {
        padding-top: 15px;
    }
}

@media (max-width: 767px) {
    .btn-200 {
        width: 100% !important;
    }
    .vue-sound .player-track {
        margin-left: 10px;
    }
    .vue-sound .player-track-progress {
        top: -5px;
        height: 10px !important;
        margin-top: 0.75rem;
        position: relative;
    }
    .vue-sound .player-track {
        padding: 0px;
    }
    .vue-sound .player-track-time {
        justify-content: end;
    }
    .vue-sound .player-track-progress,
    .vue-sound .player-track-progress .player-track-buffered {
        position: relative;
    }
    .table-responsive-view.card table tbody tr {
        display: grid;
    }
    .table-responsive-view.card table tbody tr td {
        display: grid !important;
    }
    .table-responsive-view.card table tbody tr td.nf-action {
        display: block !important;
    }
    .table-responsive-view.card table tbody tr td .card_truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .table-responsive-view.card table tbody tr td .action-link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    [data-tippy-root] {
        display: none !important;
    }
    /* .header-profile-cover-main {
        justify-content: space-between;
    } */
    .flat-icon-dashboard.boxes .white-box-inner-gray {
        margin: 0px;
    }
    .flat-icon-dashboard.boxes .white-box-inner-gray .white-box-body {
        padding: 15px;
    }
    .flat-icon-dashboard.boxes .white-box {
        padding: 10px !important;
    }
    .dashboard__content .flat-dashboard-applicants > .themes-container,
    .dashboard__content .flat-dashboard-applicant-board > .themes-container {
        padding: 0;
    }
    .dashboard__content
        .flat-dashboard-applicants
        .flat-icon-dashboard
        .box-icon,
    .dashboard__content
        .flat-dashboard-applicant-board
        .flat-icon-dashboard
        .box-icon,
    .dashboard__content
        .flat-dashboard-applicants
        .flat-icon-dashboard
        .white-box,
    .dashboard__content
        .flat-dashboard-applicant-board
        .flat-icon-dashboard
        .white-box {
        border-radius: 0px;
    }
    .table-card-view td .rate-display {
        display: flex;
        flex-direction: row-reverse;
        align-items: start;
        justify-content: left;
    }
    .audio-player-container,
    .chat-attachments .audio-player-container {
        max-width: 100% !important;
    }
    .profileOverviewMain .tempUnavailable {
        height: 100vh;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .profileOverviewMain .tempUnavailable .showErrors {
        position: relative;
        top: 0;
        left: 0;
    }
    .banner-image-overlay {
        width: 100% !important;
        background: rgba(0, 0, 0, 0.8) !important;
    }
    .banner-image-container img {
        object-position: center;
    }
    .grid-view .job-archive-footer .action-btns .btn {
        margin-right: 0px;
    }
    #gallery #imgGrid {
        gap: 15px 0px;
    }
    .details-video-files .block-pro-doc,
    .details-video-files .block-pro-video {
        display: flex;
    }
    .modal-footer-with-player .action-links div {
        margin-top: 8px;
    }

    .modal-footer-with-player .action-links div:nth-child(odd) {
        padding-right: 15px;
    }

    .modal-footer-with-player .action-links div:nth-child(even) {
        padding-left: 15px;
    }   
}

@media (max-width: 1499px) {
    .flat-icon-dashboard.boxes .white-box-inner-gray {
        margin: 0px;
    }
}

@media (min-width: 1200px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1440px !important;
    }
}

@media only screen and (max-width: 1100px) {
    .provider-grid-view .group-col-3 {
        margin-left: -21px;
    }
    .provider-grid-view .group-col-3 .cl3 {
        width: calc(50% - 23px);
        margin-left: 22px;
    }
}

@media only screen and (max-width: 768px) {
    .provider-grid-view .group-col-3 .cl3 {
        width: calc(100% - 32px);
    }
}