.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    width: auto;
}
.d-action{
    display: flex;
    gap: 10px;
}
li.nav-item {
    font-size: 15px;
}

#c-emails-ids {
    overflow: auto;
    height: 300px;
}

#c-emails-ids span {
    display: inline-block;
    width: 100%;
}

ul.pagination li.page-item a[rel=start],
ul.pagination li.page-item a:last-child {
    width: 57px;
}

.container.giftcard {
    margin-top: 63px;
}

.modal-dialog.stafflimit {
    width: 321px;
}

.row.additional-class {
    background: #4b683c78 !important;
    border-radius: 14px !important;
}

.background-change {
    background: #dc354578 !important;
    border-radius: 14px !important;
}

td.active_layout {
    display: flex;
    gap: 10px;
    padding: 18px 0px;
    padding-left: 10px;
}

.section_serd {
    display: flex;
    gap: 6px;
}

input[type="range"] {
    width: 100%;
    margin: 10px 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ddd;
    height: 8px;
    border-radius: 5px;
    outline: none;
    transition: background 0.3s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background-color: #4CAF50;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

input[type="range"]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background-color: #4CAF50;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

input[type="range"]::-ms-thumb {
    width: 25px;
    height: 25px;
    background-color: #4CAF50;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

#ageValue {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 10px;
}

div#blogpopup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogpopup-content {
    position: relative;
    background: #cfc9c9;
    width: 50%;
    height: auto;
    border-radius: 23px;
    padding: 13px;
}

.blogclose {
    position: absolute;
    top: -15px;
    right: -8px;
    background: #fff;
    padding: 1px 4px;
    border-radius: 50%;
    box-shadow: 0 0 10px 1px #000;
    line-height: 24px;
}

.vender_staff {
    display: flex;
    gap: 15px;
    margin-top: 21px;
}

.action_layout_search {
    display: flex;
    gap: 10px;
}

button.paymnowsubscription {
    float: right;
    position: relative;
    margin-right: 108px;
    border: none;
    border-radius: 7px;
    background: #644c4c;
    padding: 5px 6px 6px 10px;
    color: white;
}

span.role_style_layout {
    margin-left: 42px;
    font-weight: 700;
}

.add_list_buttondelete a {
    background: #644c4c;
    border-radius: 10px;
    float: right;
    padding: 5px 14px 4px 17px;
    position: relative;
    top: 10px;
    color: white;
    text-decoration: none;
}

.totalprice_subscription {
    float: right;
    font-weight: 700;
    margin-top: 15px;
}

.userlimit_set {
    margin-top: 36px;
    margin-right: 113px;
}

.option_submit {
    border: none;
    background: #725d5d;
    border-radius: 7px;
    color: white;
    padding: 3px 10px 5px 10px;
    font-weight: 600;
}

.role_name_section {
    display: flex;
    align-items: center;
}

div#staffCheckboxes {
    overflow-x: auto;
}

div#staffCheckboxes label {
    margin: 0 8px 0 0 !important;
}

.role_name_section span {
    font-weight: 700;
}

a.option_button_layout {
    text-decoration: none;
    border: 1px solid white;
    border-radius: 5px;
    padding: 3px 8px 6px 8px;
    background: #563c3ba6;
    color: white;
    font-weight: 600;
}

div#discountfrom .modal-dialog {
    max-width: 25%;
}

.form-group.col-md-12.uploads {
    margin-top: 33px;
}

.btn-primary {
    color: #131010;
    background-color: #f0f9f9;
    border-color: #f0f9f9;
    height: 50px;
    margin-top: 29px;
}

span.logo {
    position: absolute;
    top: 0;
}

.container.giftcard {
    margin-top: 63px;
}

.wtz {
    background: #563C3B;
    color: white;
    font-size: 10px;
    padding: 2px 7px;
}

button.btn.btn-success.adduser {
    margin-top: 30px;
    margin-left: 20px;
}

.addsection {
    display: flex;
}

div#formFields {
    width: 80%;
}

button.removeField.btn.btn-danger {
    margin-top: 32px;
}

h4.userheading {
    margin-top: 8px;
    font-size: 16px;
}

label.titlelable {
    font-weight: 700;
    margin-left: 55px;
    margin-top: 8px;
}

h3.totalsprice {
    font-size: 15px;
    font-weight: 800;
}

.total {
    display: flex;
    justify-content: space-between;
}

.totalpriceset {
    font-weight: 700;
}

.service-table-section {
    margin-bottom: 15px;
}

.serv-bx-card {
    background: #F9F8F3;
    padding: 46px 44px 20px 44px;
}

.serv-prc-form,
.serv-prc-form form,
.five-star,
.service-table-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.service-table {
    width: 36%;
    margin-left: 31%;
}

.paymentset {
    margin-left: 31%;
}

.cash-card-main-section,
.credit-card-main-section {
    display: flex;
}

.login-logo,
.register-logo {
    font-size: 28px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 400;
}

.login-box-body,
.register-box-body {
    background: #fff;
    padding: 20px;
    margin-top: 128px;
    border-radius: 20px;
    border-top: 0;
    color: #666;
}

.login-page,
.register-page {
    background: #d2d6de;
}

.login-logo a,
.register-logo a {
    color: #444;
}

.btn-primary {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

a.forg {
    font-size: 20px;
    margin-right: 70px;
}

.col-md-12.worklist {
    margin-top: 26px;
}

.card-header h2 button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}

.input-group-append {
    margin-left: 0px;
}

.input-group-append span.input-group-text {
    border: 1px solid #cfcfcf !important;
}

.card-header h2 button.collapsed i:before {
    content: '\f107';
}

.btn-link:hover {
    color: #1b2e30;
    text-decoration: none;
}

.btn-link {
    color: #1b2e30;
}

button.d-none.d-sm-block.btn.btn-info.btn-sm.float-right.addhelp {
    display: none !important;
}

div#topsearchbar {
    justify-content: end;
    margin-bottom: 20px;
    padding: 0 4%;
}

.input-group-text {
    align-items: center;
    background-color: #fff;
    border: 1px solid #1b2e30;
    border-right-width: 0 !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    color: #1b2e30;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 0.375rem 0.75rem;
    text-align: center;
    white-space: nowrap;
}

#filter {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #1b2e30;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #1b2e30;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    height: calc(1.5em + 0.75rem + 2px);
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 160px;
}

.select-section {
    display: flex;
}

.email-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #f2f4f6;
    max-width: 100%;
}

.create-btn>span {
    padding: 4px 6px;
    margin-top: 35px;
    white-space: nowrap;
    background: #b3d0d2;
    border: 1px solid black;
    border-radius: 5px;
    font-size: 15px;
}

.modal-dialog {
    max-width: 500px;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.text-warning {
    color: #d4dc47 !important;
}

#allemail {
    display: none;
}

#allsms {
    display: none;
}

.okeybutton {
    border: none;
    background: #b3d0d2;
    border-radius: 5px;
    border: 1px solid black;
    padding: 2px 10px 4px 9px;
}

.userselect {
    border: none;
    background: #b3d0d2;
    border-radius: 5px;
    border: 1px solid black;
    padding: 2px 10px 4px 9px;
}

.email-content {
    width: 100%;
    margin: 0;
    padding: 0;
}

.email-body {
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #edeff2;
    border-bottom: 1px solid #edeff2;
    background-color: #fff;
}

.email-body_inner {
    width: 570px;
    margin: 0 auto;
    padding: 0;
}

.content-cell {
    padding: 32px;
}

.mt {
    margin-top: 24px !important;
}

.action-button {
    display: inline-block;
    background-color: #000;
    color: #ffffff !important;
    font-size: 14px;
    text-decoration: none;
    -webkit-text-size-adjust: none;
    mso-hide: all;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-right-width: 14px;
    border-left-width: 14px;
    border-color: #000;
    border-style: solid;
    border-radius: 6px;
}

.list-group-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    display: block;
    padding: 0.75rem 1.25rem;
    position: relative;
}

#allCustomers {
    display: none;
}

#withReservation {
    display: none;
}

#withoutReservation {
    display: none;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-light:hover {
    background-color: #ecf4f4 !important;
}

.btn-light {
    background-color: #ecf4f4 !important;
}

.modal-dialog {
    max-width: 500px;
}

.hidden {
    display: none;
}

input#startDateInput {
    margin-left: -19px;
}

a.btn.btn-info.import {
    margin-right: 247px;
    margin-top: -55px;
    border-color: #f8f9fa;
}

.bg-booking-gray-100 {
    background-color: #fafafa !important;
    border-radius: 4px;
    margin: 6px;
    max-width: 132px;
}

.text-booking {
    color: #78b187 !important;
}

.booking-setlayout {
    border: 1px solid #bbb2b2;
    padding: 40px;
}

.rounded-circle.d-flex.align-items-center.justify-content-center {
    border-radius: 10px;
    border: 1px solid #a89c9c;
}

button.d-none.d-sm-block.btn.btn-info.btn-sm.float-right.addhelp {
    display: none !important;
}

.col-md-6.editpage {
    padding: 20px;
}

.row.lastdate {
    display: none;
}

.form-group.col-md-12.uploads {
    margin-top: 33px;
}

.btn-primary {
    color: #131010;
    background-color: #f0f9f9;
    border-color: #f0f9f9;
    height: 50px;
    margin-top: 29px;
}

span.logo {
    position: absolute;
    top: 0;
}

.error-message {
    color: red;
}

a.backbutton {
    background-color: #573e3d;
    border: 1px solid black;
    padding: 3px 12px 6px 10px;
    border-radius: 7px;
    text-decoration: none;
    color: white;
    color: ba;
}

.user_switch_layout {
    margin-top: -57px;
}

.subscription_title {
    font-size: 23px;
}

.accordion {
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    background: white;
}

.active,
.accordion:hover {
    background-color: #ccc;
}

.panel {
    padding: 0 18px;
    display: none;
    overflow: hidden;
}

.toggle_icon {
    float: right;
    border: 1px solid black;
    border-radius: 50%;
    padding: 0px 6px 2px 7px;
    background-color: black;
    color: white;
    font-weight: 800;
}

.panel_layout {
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-top: 15px;
}

.price_layout_scription {
    font-weight: 600;
    font-size: 26px;
}

.currect_add_subscription {
    background: #5e5b5733;
    border-radius: 14px;
    margin-top: 10px;
}

.currect_title {
    padding: 10px 10px 1px 1px;
}

.add_list_point {
    background: #6cc980;
    border-radius: 50%;
    padding: 4px 11px 7px 11px;
    color: white;
    position: relative;
    top: 10px;
}

.add_list_button {
    background: #644c4c;
    border-radius: 10px;
    float: right;
    padding: 5px 25px 4px 22px;
    position: relative;
    top: 10px;
    color: white;
}

.add_subscription_layout {
    font-weight: 600;
    font-size: 18px;
    color: #808589;
}

.current_subscription_layout {
    font-weight: 600;
    font-size: 18px;
    margin-top: 27px;
    color: #808589;
}

.company_details,
.vender_details {
    background: #e7e2e2;
    padding: 5px 15px;
    border-radius: 10px 10px 10px 0;
    margin: 5px 0;
    margin-right: 353px;
}

#vendercustomers {
    padding: 1px 0px 27px 0px;
}

.col-md-12.worklist {
    margin-top: 26px;
}

.col-md-5 {
    margin-top: 23px;
}

.btn-dark {
    color: #292525;
    background-color: #f7f7f7;
    border-color: #889097;
}

.worklist button.slick-prev.slick-arrow {
    top: -22px !important;
    right: 70px !important;
    left: unset !important;
}

.worklist button.slick-next.slick-arrow {
    top: -22px !important;
    right: 35px !important;
    left: unset !important;
}

.worklist .slick-prev.slick-disabled:before,
.worklist .slick-prev:before,
.worklist .slick-next.slick-disabled:before,
.worklist .slick-next:before {
    opacity: 1 !important;
    color: #000 !important;
}

/* Hide the checkbox visually */
.custom-control-input.toggleSwitch {
    position: absolute;
    opacity: 0;
}

.custom-control-input {
    z-index: 1;
    width: 5rem;
    height: 2.25rem;
}

.custom-switch .custom-control-label::after {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

/* Customize the appearance of the switch container */
.custom-control-label {
    width: 50px !important;
    height: 26px !important;
    position: relative !important;
    cursor: pointer !important;
}

/* Style the switch toggle */
.custom-control-label::before {
    content: '' !important;
    width: 75px !important;
    height: 100% !important;
    background-color: #ccc;
    border-radius: 15px;
    transition: background-color 0.3s ease;
}

/* Style the switch toggle when checked */
.custom-control-input.toggleSwitch:checked+.custom-control-label::before {
    background-color: #4CAF50;
    /* Color for on state */
}

/* Style the text inside the switch */
.toggleText {
    position: absolute;
    top: 60% !important;
    left: 2px !important;
    transform: translateY(-50%);
    color: #fff;
}

/* Optional: Add a knob for the switch toggle */
.custom-control-label::after {
    content: '';
    top: 2px !important;
    left: 2px !important;
    width: 22px !important;
    height: 22px !important;
    background-color: #fff;
    border-radius: 50% !important;
    transition: transform 0.3s ease;
}

/* Move the knob to the right when checked */
.custom-control-input.toggleSwitch:checked+.custom-control-label::after {
    transform: translateX(48px);
}

.custom-switch .custom-control-label::after {
    left: calc(-23px + 2px);
}

a.venderuser {
    text-decoration: none;
    background-color: #b3d0d2;
    margin-top: -42px;
    padding: 7px 13px 9px 9px;
    color: black;
}

.user-img {
    display: flex;
    width: 30px;
    border-radius: 50%;
    border: 1px solid;
    height: 30px;
    background: #896262;
    justify-content: center;
    align-items: center;
    padding: 7px 6px 1px 7px;
}

.me-2 {
    margin-right: .5rem !important;
}

.stars i {
    font-size: 18px;
    color: #896262;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
}

.rating input {
    display: none;
}

.rating label {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-color: #ddd;
    margin: 0 4px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}

.rating label:hover,
.rating label:hover~label {
    background-color: #f8d64e;
}

.rating input:checked~label,
.rating input:checked~label:hover~label {
    background-color: #f8d64e;
}

button.btn.btn-info.review-button {
    margin-top: 20px;
    background-color: #DED5CE !important;
}

.rating {
    padding-bottom: 28px;
}

span.peissa {
    margin-right: 33px;
    font-size: 16px;
    color: #b5a1a1;
}

button.review_button {
    padding: 5px 30px;
    border: none;
    color: #fff;
    border-radius: 25px;
    margin-top: 10px;
    background: #bbb06b;
}

.re-rating {
    display: flex;
    background: #896262;
    color: #fff;
    float: right;
    padding: 5px;
    border-radius: 5px;
}

.rating,
.review-date {
    font-size: 12px;
    color: #606060;
    margin-top: 5px;
}

p.rev-dsc {
    font-size: 13px;
}

#map {
    width: 100%;
    height: 300px;
}

button.btn.btn-dark.changebutton.sunday-button {
    margin-top: 30px;
    margin-left: -10px;
}

button.btn.btn-dark.changebutton.monday-button {
    margin-top: 30px;
    margin-left: -10px;
}

button.btn.btn-dark.changebutton.tuesday-button {
    margin-top: 30px;
    margin-left: -10px;
}

button.btn.btn-dark.changebutton.wednesday-button {
    margin-top: 30px;
    margin-left: -10px;
}

button.btn.btn-dark.changebutton.thursday-button {
    margin-top: 30px;
    margin-left: -10px;
}

button.btn.btn-dark.changebutton.friday-button {
    margin-top: 30px;
    margin-left: -10px;
}

button.btn.btn-dark.changebutton.saturday-button {
    margin-top: 30px;
    margin-left: -10px;
}

.total_export_quick {
    display: flex;
    justify-content: space-evenly;
    width: 50%;
    position: absolute;
    align-items: center;
    top: 70px;
    right: 0px;
}

select.quickinsights {
    height: 30px;
    width: 126px;
    background-color: #b3d0d2;
    border: none;
    border-radius: 3px;
}

.select-stff {
    display: flex;
    padding-left: 22px;
}

.setbutton {
    display: flex;
    gap: 5px;
    align-items: flex-end;
}

.customrsearch {
    margin-top: 32px;
    border: none;
    background-color: #b3d0d2;
    min-width: 77px;
    height: 36px;
    border-radius: 4px;
}

div#discountfrom .modal-dialog {
    max-width: 67%;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.card {
    word-wrap: break-word;
    background-clip: initial;
    background-color: #fff;
    border: 1px solid #d1d7d7;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    height: 100%;
}

form#staffForm {
    display: flex;
    gap: 15px;
    align-items: center;
    padding-left: 22px;
}

ul.pagination {
    align-items: center;
    gap: .5%;
}

li.page-item {
    gap: 2%;
    display: inline-flex;
    height: 27px;
}

li.page-item strong,
li.page-item a {
    padding: 1%;
    border: 1px solid gray;
    border-radius: 3px;
    color: black;
    text-align: center;
    font-size: 14px;
    width: 49px;

}

a.btn.btn-info.export {
    margin-right: 167px;
    margin-top: -55px;
    border-color: #f8f9fa;
}

.modal-dialog.modal-width {
    max-width: 550px;
}

.totalrecord {
    float: right;
    font-weight: 700;
    background-color: #b3d0d2;
}

a {
    color: #566369;
    text-decoration: none;
    background-color: transparent;
}

ul.pagination {
    align-items: center;
    gap: .5%;
}

li.page-item {
    gap: 2% !important;
    display: inline-flex;
}

li.page-item strong,
li.page-item a {
    padding: 5px 10px;
    border: 1px solid gray;
    border-radius: 3px;
    color: black;
}

.btn-primary {
    color: #131010;
    background-color: #f0f9f9;
    border-color: #f0f9f9;
}

.btn-primary:hover {
    color: #131010;
    background-color: #f0f9f9;
    border-color: #f0f9f9;
}

.btn-primary:focus {
    color: #131010;
    background-color: #f0f9f9;
    border-color: #f0f9f9;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, .5);
}

.alert-warning {
    background-color: #f5fb93;
    border-color: #eef482;
}

a.dropdown-item.driverdisplay {
    background-color: aliceblue;
    font-family: emoji;
    font-weight: 800;
}

button.d-none.d-sm-block.btn.btn-info.btn-sm.float-right.addhelp {
    margin-top: 10px;
}

ul.pagination>li.active {
    font-weight: 700;
}

ul.pagination>li a {
    padding: 4px 2px;
}

.company_details p,
.vender_details p {
    margin-bottom: 5px;
}

.timepass {
    display: flex;
    justify-content: space-around;
}

.profile-img {
    text-align: center;
}

.profile-img img {
    width: 150px !important;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 6px solid #c1bfbf;
}

div#navbarSupportedContent li a {
    text-transform: capitalize !important;
}

.custom-switch {
    padding-left: 0;
    min-width: 25%;
}

.custom-control-input.toggleSwitch {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 26px;
}

.custom-control-label {
    width: 100% !important;
    height: 26px !important;
    position: relative !important;
    cursor: pointer !important;
    text-align: right;
    padding-right: 2px;
}

.custom-switch .custom-control-label::before {
    left: 0;
    top: 0;
}

.toggleText {
    position: absolute;
    top: 50% !important;
    left: 25px !important;
    transform: translateY(-50%);
    color: #fff;
}

span.toggleText.itsoff {
    left: 35px !important;
    color: #000;
}

.container.tab-design input#startDateInput {
    margin: unset;
}

.pg-saloon-tab {
    overflow-x: hidden !important;
}

.daysFormt::-webkit-scrollbar {
    display: none !important;
}

.form-group-new {
    display: flex;
    align-items: center;
    gap: 5px;
}

div#INFORMATION label {
    margin-top: 8px;
}

.form-group-new label[for="newsletter"] {
    margin: unset;
}

.float-left {
    float: unset !important;
}

.backbutton.absalu {
    position: absolute;
    bottom: 5%;
}

.nav-link.le.help-btn {
    background-color: #573e3d;
    border: 1px solid black;
    padding: 3px 12px 6px 10px;
    border-radius: 7px;
    text-decoration: none;
    color: white;
    max-width: 60px;
    display: flex;
    justify-content: center;
    align-content: center;
    position: absolute;
    right: 100%;
    transform: translate(0%, 20%);
}

.backbutton.margint {
    position: absolute;
    top: 55%;
    left: 0;
    transform: translate(0%, -38%);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px;
}

.select2-container .select2-selection--single {
    height: unset !important;
}

.totalrecord {
    margin: unset;
    padding: 4px 5px;
    border-radius: 2px;
    font-weight: unset;
}

.table {
    width: 100%;
    margin-bottom: 4rem;
    color: #212529;
}

a.btn.btn-info.services {
    margin-top: -41px !important;
}

.alert-info {
    margin: unset !important;
}

.backbutton.margintop {
    position: relative;
    top: 40px;
}

table.table.table-bordered th {
    white-space: nowrap;
}
td.btn.btn-info.pending, td.btn.btn-success.approve {
    padding: 8px 20px;
    margin-left: 12px;
    margin-top: 5px;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
    padding: 10px 20px;
}

a.backbutton.margin-t {
    position: relative;
    top: 10px;
}
div#external-events-list
  .fc-event.fc-h-event.fc-daygrid-event.fc-daygrid-block-event:nth-child(1) {
  background-color: #ee4141;
}
div#external-events-list
  .fc-event.fc-h-event.fc-daygrid-event.fc-daygrid-block-event:nth-child(2) {
  background-color: #faa348;
}
div#external-events-list
  .fc-event.fc-h-event.fc-daygrid-event.fc-daygrid-block-event:nth-child(3) {
  background-color: #ff96b0;
}
div#external-events-list
  .fc-event.fc-h-event.fc-daygrid-event.fc-daygrid-block-event:nth-child(4) {
  background: #93c47d !important;
}
div#external-events-list
  .fc-event.fc-h-event.fc-daygrid-event.fc-daygrid-block-event:nth-child(5) {
  background-color: #3c78d8;
}
div#external-events-list
  .fc-event.fc-h-event.fc-daygrid-event.fc-daygrid-block-event:nth-child(6) {
  background-color: #3cb3d8;
}
div#navbarSupportedContent li a,
ul#myTab li a {
    text-transform: uppercase !important;
}
a.nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
}
span.profile-first-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* -------------- Help page Css End----------------------- */
@media (max-width:1475px) {
    div#navbarSupportedContent .nav-link {
        font-size: 11px;
        padding: 6px 6px !important;
    }
}
@media (max-width: 1110px) {
    #navbarSupportedContent ul.navbar-nav.my-2.my-lg-0 {
        flex-wrap: wrap;
        padding-right: 5%;
    }
}
@media (min-width:991px) {
    .modal-dialog {
        max-width: 960px;
    }
}