@font-face {
    font-family: 'Almoni DL AAA';
    src: url('../fonts/almoni-dl-aaa-400.ttf');
    src:
    /*        local('Gotham ExtraLight'), local('Gotham-XLight'),*/
    /*        url('../fonts/gotham/Gotham-XLight.eot?#iefix') format('embedded-opentype'),*/
    /*        url('../fonts/gotham/Gotham-XLight.woff2') format('woff2'),*/
    /*        url('../fonts/gotham/Gotham-XLight.woff') format('woff'),*/
    url('../fonts/almoni-dl-aaa-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

:root {
    --font-almoni: 'Almoni DL AAA', sans serif;
    --color-white: #ffffff;
    --color-black: #2B2B2B;
    --color-lightgrey: #F4F3FF;
    --color-purple: #735CFF;
    --color-grey: #8F8F8F;
    --color-btn-purple: #6A49D9;
    --color-light-purple: #CA50FF;
}
/***************************************/
/*PREDEFINES*/
/***************************************/
body {
    font-family: var(--font-almoni);
    overflow-x: hidden;
}

.mobonly {
    display: none;
}

.set-radio-width {
    margin-left: 5px;
    margin-top: 5px;
}

.my-progress-bar.mt-4 {
    direction: ltr;
}

.set-height-logo {
    max-height: 70px;
}

.set-bg-white {
    background-image: url('../images/white-bg.png');
    min-height: 100vh;
    background-size: 100% 100%;
}

.set-bg-purple {
    background-image: url('../images/purple-bg.png');
    min-height: 100vh;
    background-size: 100% 100%;
}

.set-main-container {
    width: 90%;
    margin: 0 auto;
    max-width: 1800px;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
}

.set-nav-container {
    width: 90%;
    margin: 0 auto;
    max-width: 1800px;
}
/*FONTS*/
.f-25-b {
    font-size: 25px;
    color: var(--color-black);
    line-height: 30px;
}

.f-25-lb {
    font-size: 25px;
    color: var(--color-black);
    line-height: 30px;
    font-weight: 800;
}

.f-30-b {
    font-size: 22px;
    color: var(--color-black);
    line-height: 28px;
    font-weight: 800;
}

.f-20-b {
    font-size: 20px;
    color: var(--color-black);
    line-height: 22px;
}

.f-62-p {
    font-size: 62px;
    color: var(--color-light-purple);
    line-height: 83px;
}

.f-gradient {
    background: linear-gradient(to right, #D645FF, #D645FF, #D645FF, #5A56E7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 38px;
    line-height: 38px;
    font-weight: 900;
    margin-bottom: 0px;
}

.set-font-30 {
    font-size: 30px;
    font-weight: 900;
}

.f-21-b {
    font-size: 18px;
}
/*MARGINS*/
.set-mt-120 {
    margin-top: 60px;
}

.set-absolute {
    position: absolute;
}

#error-message {
    color: red;
    margin-top: 5px;
}

.text-dec-color {
    color: var(--color-black) !important;
    text-decoration: none;
}

.set-btn-puple-org {
    background-color: #D082FF;
    border-radius: 25px;
    color: var(--color-white);
    display: inline-block;
    width: 100%;
    text-decoration: none;
    height: 50px;
    font-size: 22px;
    padding: 10px 20px;
    border: none;
    text-align: right;
}

.set-btn-white-org {
    background-color: #fff !important;
    border-radius: 25px;
    border: 1px solid black;
    color: #735CFF;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    height: 50px;
    font-size: 22px;
    padding: 10px 20px;
    border: none;
    text-align: center;
    font-weight: bolder;
}

span.blueclr {
    color: #735CFF !important;
}

.set-color-purple {
    color: #735CFF;
}
/**************************/
/*Navbar*/
/**************************/
.set-logo-absolute {
    position: absolute;
    right: 0;
    top: 0;
}
/**************************/
/*CENTER SECTION*/
/**************************/
.set-inner-630 {
    width: 630px;
    margin: 0 auto;
    position: relative;
}

.set-margin-padding {
    padding-top: 102px;
    margin-top: 65px;
}

.set-img-sun-ab {
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 220px;
}

.set-top-left {
    left: 10%;
    top: 10%;
}

.set-bottom-right {
    right: 10%;
    bottom: 15%;
}

.set-center-left {
    left: -6%;
    bottom: 22%;
}

.set-grey-card {
    border-radius: 32px;
    background-color: var(--color-lightgrey);
    padding-left: 12%;
    padding-right: 12%;
}

.set-input-310 {
    width: 310px;
    border: 2px solid var(--color-purple);
    height: 58px;
    border-radius: 34px;
    text-align: right;
    font-size: 25px;
    color: var(--color-grey);
    outline: none;
    padding: 0px 24px;
    display: inline-block;
}

.set-input-150 {
    width: 150px;
    border: 2px solid var(--color-purple);
    height: 38px;
    border-radius: 20px;
    text-align: right;
    font-size: 25px;
    color: var(--color-grey);
    outline: none;
    padding: 0px 14px;
    display: inline-block;
}

.set-signature-input {
    height: 120px;
}

.set-radio-width input {
    height: 22px;
    width: 22px;
}

.set-btn-purple {
    background-color: var(--color-btn-purple);
    width: 249px;
    height: 58px;
    outline: none;
    color: var(--color-white);
    border: 1px solid var(--color-white);
    box-shadow: 0px 0px 9px #6A49D9;
    border-radius: 34px;
    font-size: 30px;
    font-weight: 900;
}

.set-bg-white-btn {
    background-color: var(--color-white);
    color: var(--color-btn-purple);
}

.set-span-tooltip {
    background-color: #735CFF;
    color: var(--color-black);
    height: 36px;
    width: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 22px;
    cursor: pointer;
    min-width: 36px;
}

#tooltip-div {
    background-image: url('../images/tooltip.png');
    height: 290px;
    width: 268px;
    background-size: 100% 100%;
    position: absolute;
    left: 40px;
    top: -140px;
}

.set-relative {
    position: relative;
}

.set-bell {
    height: 36px;
    width: 36px;
    background-color: #735CFF;
    border-radius: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.set-modal-box .modal-content {
    border-radius: 38px !important;
    box-shadow: 0px 2px 22px #320645;
}

.set-modal-box .modal-header .btn-close {
    margin-left: 0px !important;
}

.set-modal-box .modal-header {
    border-bottom: none;
}

.set-modal-box .modal-body {
    padding-left: 18% !important;
    padding-right: 18% !important;
    position: relative;
}

.set-btn-cross {
    background-color: transparent;
    outline: none;
    border: none;
}

.set-round-ellipse {
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
}

.set-user-img {
    position: absolute;
    top: -139px;
    left: 50%;
    transform: translateX(-50%);
}

.set-icon-user {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.set-top-negative {
    top: -62px;
}
/**************************/
/*PAGE 5*/
/**************************/
.set-position-text-ab {
    position: absolute;
    right: -15%;
}

.my-progress-bar .progress {
    background-color: var(--color-light-purple);
    border-radius: 1.25rem;
    width: 70%;
    margin: 0 auto;
}

.my-progress-bar .progress-bar {
    background-color: var(--color-white);
}
/**************************/
/*PAGE 7*/
/**************************/
.set-inner-80 {
    width: 75%;
    margin: 120px auto;
    border-radius: 70px;
    background-color: #F4F3FF;
    box-shadow: 0px 14px 40px #320645;
}

.set-empty-rectangle {
    width: 193px;
    height: 179px;
    border: 3px solid var(--color-purple);
    border-radius: 23px;
}

.set-border-right {
    border-right: 1px solid #d6d6d6;
    height: 458px;
    position: absolute;
    top: 0px;
    right: 0;
}

.set-negative-margin {
    margin-top: -52px;
}

.set-page7-ellipse .set-top-left {
    left: 2%;
    top: 10%;
}

.set-page7-ellipse .set-center-left {
    left: auto;
    bottom: 1%;
    right: 8%;
    z-index: 1;
}
/**************************/
/*PAGE 8*/
/**************************/
.set-inner-50 {
    width: 45%;
    margin: 120px auto;
    border-radius: 56px;
    background-color: #F4F3FF;
    box-shadow: 0px 14px 40px #320645;
    min-height: 550px;
}

.set-page8-ellipse .set-center-left {
    left: auto;
    bottom: 0%;
    right: 0;
}

.set-page8-ellipse .set-top-left {
    left: 0;
    top: 5%;
}

.loader-img-rotate {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    from {
        transform: rotate(-360deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/*PAGE 10*/
.set-tooltip-10th #tooltip-div {
    left: -42px;
    top: -138px;
}
/*PAGE 11*/
.set-plus-icon {
    height: 26px;
    width: 26px;
    border: 2px solid #D082FF;
    background-color: #785AFF;
    border-radius: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.set-card-nav {
    box-shadow: 0px 14px 20px #e3e3e5;
    border-radius: 24px;
}

.user-img-1 {
    height: 82px;
    width: 82px;
    box-shadow: 0px 10px 14px #e3e3e5;
    border-radius: 65px;
    border: 2px solid var(--color-white);
}

    .user-img-1 img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.set-min-height-auto {
    min-height: auto;
    display: block;
}

.set-font-24 {
    font-size: 24px;
    text-decoration: none;
}

    .set-font-24:hover {
        color: var(--color-white);
    }

.set-hover-color:hover {
    color: var(--color-btn-purple);
}
/*NAV TABS*/
.set-tabs-main .nav {
    justify-content: start;
}

.set-tabs-main .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    /*    width: 236px;*/
    font-size: 25px;
    box-shadow: 0px -8px 22px #f2f2f2;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    color: var(--color-black);
    padding: 10px 60px;
    background-color: #f7f7f7;
    margin-left: -45px;
}

    .set-tabs-main .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: #735CFF;
        color: var(--color-white);
    }

.set-card-bg {
    background-color: #F9F7FF;
    border-radius: 24px;
    direction: rtl;
}

.set-btn-card {
    font-size: 13px;
    background-color: #EC5C6C;
    color: var(--color-white);
    text-decoration: none;
    border-radius: 18px;
    padding: 0px 14px;
    display: inline-block;
    border: 2px solid #EC5C6C;
    transition: .3s;
}

    .set-btn-card:hover {
        transition: .3s;
        background-color: transparent;
        color: #EC5C6C;
    }

.set-pink-text-bold {
    color: #EC5C6C;
    font-size: 20px;
    font-weight: 900;
}

#calendar {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    font-family: 'Lato', sans-serif;
}

#calendar_weekdays div {
    display: inline-block;
    vertical-align: top;
}

#calendar_content, #calendar_weekdays, #calendar_header {
    position: relative;
    width: 320px;
    overflow: hidden;
    float: left;
    z-index: 10;
}

    #calendar_weekdays div, #calendar_content div {
        width: 40px;
        height: 40px;
        overflow: hidden;
        text-align: center;
        background-color: #FFFFFF;
        color: #787878;
    }

#calendar_content {
    -webkit-border-radius: 0px 0px 12px 12px;
    -moz-border-radius: 0px 0px 12px 12px;
    border-radius: 0px 0px 12px 12px;
}

    #calendar_content div {
        float: left;
    }

        #calendar_content div:hover {
            background-color: #F8F8F8;
        }

        #calendar_content div.blank {
            background-color: #E8E8E8;
        }

        #calendar_header, #calendar_content div.today {
            zoom: 1;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }

        #calendar_content div.today {
            color: #FFFFFF;
        }

#calendar_header {
    width: 100%;
    height: 37px;
    text-align: center;
    background-color: #FF6860;
    padding: 18px 0;
    -webkit-border-radius: 12px 12px 0px 0px;
    -moz-border-radius: 12px 12px 0px 0px;
    border-radius: 12px 12px 0px 0px;
}

    #calendar_header h1 {
        font-size: 1.5em;
        color: #FFFFFF;
        float: left;
        width: 70%;
    }

i[class^=icon-chevron] {
    color: #FFFFFF;
    float: left;
    width: 15%;
    border-radius: 50%;
}
/*PAGE 11*/
.set-color-head th:nth-child(1) {
    background-color: var(--color-purple);
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    color: var(--color-white);
    padding: 3px 6px;
    white-space: nowrap;
}

.set-color-head th:last-child {
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
}

.set-color-head th:nth-child(2) {
    background-color: var(--color-purple);
    color: #fff;
    padding: 3px 6px;
}

.set-color-head th:nth-child(3) {
    background-color: var(--color-purple);
    border-top-left-radius: 22px;
    border-bottom-left-radius: 22px;
    color: var(--color-white);
    padding: 0px 10px;
    direction: ltr;
}

.set-table-all td {
    padding-right: 12px;
}

.set-bg-lightsky th {
    background-color: #E4F8EF !important;
    color: var(--color-black) !important;
}
/*TAB 3*/
.set-horizontal-tabs .set-direction-reverse {
    flex-direction: row-reverse;
}

.set-horizontal-tabs .nav-pills {
    width: 35%;
}

.set-user-img-color {
    height: 32px;
    width: 32px;
    /*background-color: #3E2425;*/
    border-radius: 25px;
    display: flex;
    margin-left: auto;
}
/*div#v-pills-tab .nav-link {
    direction: ltr;
}*/
.nav-pills .nav-link.set-bg-pink {
    background-color: #FFE5E6;
    border-radius: 25px;
    color: var(--color-black);
}

.nav-pills .nav-link.set-bg-lightgreen {
    background-color: #E4F8EF;
    border-radius: 25px;
    color: var(--color-black);
}

.set-bg-pink-mob {
    background-color: #FFE5E6 !important;
    border-radius: 25px;
    color: var(--color-black);
}

.set-bg-lightgreen-mob {
    background-color: #E4F8EF !important;
    border-radius: 25px;
    color: var(--color-black);
}


.set-color-green {
    background-color: #24382D;
}

.border-right-1 {
    position: absolute;
    display: inline-block;
    border-right: 1px solid var(--color-black);
    height: 60%;
    top: 8px;
    right: -8px;
}

table.set-table-with-pad {
    direction: ltr;
}

.set-main-container-grey {
    background-color: #F7F7F7;
    padding: 16px;
    border-radius: 22px;
}

.set-ul-list-grey ul {
    list-style-type: none;
}

.set-horizontal-tabs .tab-content {
    /*width: 55%;*/
    width: 40%;
}

.set-group-buttons .btn-group .set-btns-lightgrey {
    background-color: #F1F1F1;
}

    .set-group-buttons .btn-group .set-btns-lightgrey.active {
        background-color: #735CFF;
        color: var(--color-white);
    }

    .set-group-buttons .btn-group .set-btns-lightgrey:nth-child(1) {
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .set-group-buttons .btn-group .set-btns-lightgrey:nth-child(3) {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }

.set-tab-content-main {
    border-radius: 32px 0px 32px 32px;
    box-shadow: 0px 14px 22px #e3e3e3;
    padding: 0px 32px;
}

.set-tabs-main .nav-tabs {
    border-bottom: none !important;
}

.set-tabs-main .tab-content {
    min-height: 432px;
}
/*SET CALANDER */
.set-calender-main {
    margin-top: 60px;
}

.set-calender-innner {
    background: #735CFF;
    border-radius: 32px;
    padding: 24px 16px;
    min-height: 595px;
    height: auto;
}

    .set-calender-innner h2 {
        text-align: center;
        font-size: 32px;
        font-weight: 900;
    }

    .set-calender-innner .year {
        text-align: center;
    }

    .set-calender-innner span {
        color: #D082FF;
        font-size: 17px;
        display: inline-block;
    }

#currentMonthYear {
    color: var(--color-white);
    font-size: 22px;
}

.set-calender-innner table {
    width: 100%;
    border-collapse: collapse;
}

.set-calender-innner th {
    text-align: center;
    color: var(--color-white);
}

.set-hr-color {
    background-color: var(--color-white);
}

.set-calender-innner td {
    text-align: center;
    padding: 5px;
    cursor: pointer;
    color: var(--color-white);
}

.set-calender-innner .selected {
    /*color: #D082FF;
            border-radius: 25px;
            overflow: hidden    ;
            border: 2px solid #D082FF;*/
    position: relative;
}

    .set-calender-innner .selected::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        /*transform: translateX(-50%);*/
        right: 0;
        border: 2px solid #D082FF;
        border-radius: 25px;
        pointer-events: none;
        height: 34px;
        width: 34px;
    }

/*CHARTS*/
.set-font-blue {
    font-size: 18px;
    font-weight: 900;
    color: #735CFF;
}

.set-chart-pie .apexcharts-legend.apx-legend-position-right {
    display: none;
}

.set-top-negative-32 {
    top: -32px;
}

.set-input-edit {
    border: none;
    font-size: 20px;
    outline: none;
    display: inline-block;
    width: 82px;
    border-bottom: 1px solid;
    line-height: 20px;
}

    .set-input-edit::placeholder {
        font-size: 20px;
    }

.width-more {
    width: auto;
    max-width: 100%;
}

.set-font-13 {
    font-size: 13px;
    margin-bottom: 0px;
}

table {
    border-collapse: collapse;
}

.set-width-height-tooltip {
    height: 25px;
    width: 25px;
}

.set-font-900 {
    font-weight: 900;
}

.set-top-minus {
    margin-top: -42px;
}

.set-table-with-pad tr th {
    padding-right: 30px;
}

    .set-table-with-pad tr th:nth-child(2) {
        padding-right: 62px;
    }

.set-border-radius {
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}

.ttl-3 {
    font-size: 30px;
    color: #000;
    font-weight: 900;
}

.set-sm-bold {
    font-size: 10px;
    font-weight: 900;
}
/***************************************/
/*MEDIA QUERIES*/
/***************************************/
@media only screen and (max-width:1500px) {
    .set-inner-50 {
        min-height: 372px;
    }
}

@media only screen and (max-width: 1025px) {
    .set-modal-box .modal-body {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}

@media only screen and (max-width: 720px) {
    .set-inner-630 {
        width: 100%;
    }
}

@media only screen and (max-width: 580px) {
    .set-width-min-text img {
        width: 100%;
    }

    .set-height-logo {
        /*height: 32px;
        position: absolute;
        top: 12px;*/
        /*left: 50%;*/
        /*right: -25px;
        transform: translateX(-50%);*/
    }

    .set-logo-absolute {
        right: 50%;
        transform: translateX(50%);
    }

    .set-img-sun-ab {
        height: 160px;
    }

    .set-grey-card {
        background-color: transparent;
        padding: 0px;
    }

    .set-heading-text {
        height: 32px;
    }

    .set-margin-padding {
        padding-top: 62px;
    }

    .f-25-b {
        font-size: 17px;
        line-height: 24px;
    }

    .f-30-b {
        font-size: 22px;
        font-weight: 900;
        line-height: 25px;
    }

    .set-input-310 {
        width: 100%;
    }

    .set-top-left {
        display: none;
    }

    .set-bottom-right {
        right: -18%;
        bottom: 10%;
        top: auto;
    }

    .set-center-left {
        height: 102px;
        left: 0%;
        bottom: auto;
        top: 6%;
    }

    #tooltip-div {
        top: -72px;
        width: 100%;
    }

    .set-height-22 {
        height: 22px;
    }
    /*PAGE 4*/
    .set-page4-ellipse .set-visible-mb {
        display: block;
        height: 78px;
        left: 0%;
    }

    .set-page4-ellipse .set-center-left {
        display: none;
    }

    .set-page4-ellipse .set-bottom-right {
        right: 0%;
        bottom: 10%;
        top: auto;
    }
    /*PAGE 5*/
    .f-62-p {
        font-size: 38px;
        line-height: 32px;
    }

    .set-position-text-ab {
        position: static;
    }

    .set-page5-ellipse .set-bottom-right {
        right: auto;
        left: 0%;
        bottom: 0%;
        top: auto;
    }

    .my-progress-bar .progress {
        width: 100%;
    }

    .set-ellipse-know6 {
        height: 120px;
    }
    /*PAGE 7*/
    .set-inner-80 {
        width: 100%;
    }

    .set-border-horizontal {
        border-bottom: 3px solid #d6d6d6;
        width: 65%;
        margin: 0 auto;
    }

    .set-negative-margin img {
        height: 24px;
    }

    .set-inner-80 {
        border-radius: 35px;
    }
    /*PAGE 8*/
    .set-inner-50 {
        width: 100%;
        border-radius: 32px;
    }

    .set-page8-ellipse .set-top-left {
        display: block;
        height: 102px;
        left: -6%;
        top: 7%;
    }

    .set-page8-ellipse .set-center-left {
        height: 102px;
        left: auto;
        right: 0%;
        bottom: 0%;
        top: auto;
    }

    .set-size-120 {
        height: 120px;
    }

    .set-height-10-mb img {
        height: 10px;
    }

    .set-tooltip-10th #tooltip-div {
        left: -22px;
        top: -128px;
    }

    .set-user-img {
        height: 120px;
        position: absolute;
        top: -82px;
        left: 50%;
        transform: translateX(-50%);
    }

    .set-font-30 {
        font-size: 20px;
    }

    .f-gradient {
        font-size: 30px;
        line-height: 28px;
    }

    .set-tabs-main .nav-tabs .nav-item {
        width: 100% !important;
    }

        .set-tabs-main .nav-tabs .nav-item .nav-link {
            width: 100% !important;
        }

    .set-flex-direction {
        flex-direction: column;
    }

        .set-flex-direction .pe-5 {
            padding-right: 0px !important;
        }

    .f-21-b {
        font-size: 15px;
    }

    .set-horizontal-tabs .set-direction-reverse {
        flex-direction: column !important;
    }

    .set-horizontal-tabs .nav-pills {
        width: 100%;
    }

    .set-horizontal-tabs .tab-content {
        width: 100%;
    }

    .set-tab-content-main {
        padding: 8px;
    }

    .set-main-container-grey {
        margin-top: 22px;
    }

    .user-img-1 {
        height: 42px;
        width: 42px;
    }

        .user-img-1 strong {
            font-size: 12px;
        }

    .set-height-mobile img {
        height: 70px;
        margin-top: 20px;
    }

    .set-tabs-main .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        padding: 10px 30px;
        margin-left: 0px;
    }

    .set-icon-user {
        right: auto;
        left: auto;
        transform: none;
    }

    .set-bg-white {
        background-image: url('../images/set-bg-mobile.png') !important;
    }

    .set-calender-innner {
        margin-top: 32px;
    }

    .col-sm-6 {
        width: 50%;
    }

    .order-2 {
        order: 1 !important;
    }

    .order-1 {
        order: 2 !important;
    }

    .set-right-sec-know7 .text-end {
        text-align: center !important;
    }

    .set-right-sec-know7 {
        padding-bottom: 10px;
    }

    .set-page7-ellipse .set-center-left {
        top: auto;
    }

    .set-page7-ellipse .set-top-left {
        left: 0;
        top: 6%;
        display: block;
        width: 100px;
        right: auto;
    }

    .set-right-content-nav .set-user-imags .user-img-1 {
        order: 1;
    }

    .set-right-content-nav .set-user-imags .d-block.d-sm-none.ms-3 {
        text-align: center;
    }

    nav.set-nav-container.py-2.d-flex.justify-content-between.align-items-center .set-right-content-nav {
        padding-top: 0px;
        position: absolute;
        left: 0;
        top: -10px;
    }

    .set-top-negative-32 {
        top: 0;
    }

    div#v-pills-tab .nav-link {
        width: 95%;
        margin-right: -10px !important;
    }
    /*.set-table-all table {
    direction: ltr;
}*/
    span.blueclr {
        color: #735CFF;
    }

    input.set-input-edit {
        background: transparent;
    }

    input {
        background: transparent;
    }

    section.set-chart-pie {
        margin-top: 30px;
    }

    .deskonly {
        display: none;
    }

    .mobonly {
        display: block;
    }

    div#accordionExample {
        width: 100%;
        border: none;
        box-shadow: 0 0px 3px #ccc;
        margin: 0 auto;
        padding: 20px 0;
        background: #fff;
        border-radius: 20px;
    }

    .accordion-item {
        border: none;
    }

        .accordion-item h2#headingOne {
            background: transparent !important;
        }

        .accordion-item button.accordion-button {
            background: #735CFF;
            width: 90%;
            color: var(--color-white);
            border-radius: 25px !important;
            padding: 10px 40px;
            margin-top: 20px !important;
            margin-right: 15px !important;
        }

    .accordion-button:not(.collapsed)::after {
        filter: brightness(100);
        /*margin-right: 25px;*/
    }

    .accordion-button::after {
        filter: brightness(100);
        /*margin-right: 25px;*/
    }

    .set-table-with-pad tr th:nth-child(2) {
        padding-right: 20px;
    }

    #headingFive button.accordion-button.collapsed, #headingFive button.accordion-button {
        background: #FFE5E6;
        padding: 5px 15px !important;
        width: 95%;
        color: #000;
    }

    #headingSix button.accordion-button.collapsed, #headingSix button.accordion-button {
        background: #FFE5E6;
        padding: 5px 15px !important;
        width: 95%;
        color: #000;
    }

    #headingSeven button.accordion-button.collapsed, #headingSeven button.accordion-button {
        background: #E4F8EF;
        padding: 5px 15px !important;
        width: 95%;
        color: #000;
    }

    #headingEight button.accordion-button.collapsed, #headingEight button.accordion-button {
        background: #E4F8EF;
        padding: 5px 15px !important;
        width: 95%;
        color: #000;
    }

    #headingFive button.accordion-button.collapsed span.border-right-1, #headingFive button.accordion-button span.border-right-1 {
        left: 0px;
    }

    .set-table-with-pad tr th {
        padding-right: 10px;
    }

    div#accordionExample1 {
        width: 100%;
    }

    #headingFive .accordion-button::after {
        filter: brightness(0);
        margin-right: 0;
        margin-left: 5px;
    }

    #headingSix .accordion-button::after {
        filter: brightness(0);
        margin-right: 0;
        margin-left: 5px;
    }

    #headingSeven .accordion-button::after {
        filter: brightness(0);
        margin-right: 0;
        margin-left: 5px;
    }

    #headingEight .accordion-button::after {
        filter: brightness(0);
        margin-right: 0;
        margin-left: 5px;
    }

    div#collapseFive .accordion-body, div#collapseSix .accordion-body, div#collapseSeven .accordion-body, div#collapseEight .accordion-body {
        padding: 0;
    }

    .bx-wrapper {
        box-shadow: none;
    }

    .bx-pager.bx-default-pager {
        display: none;
    }

    .bx-viewport {
        direction: ltr;
    }

    .bx-wrapper {
        box-shadow: none !important;
        margin-bottom: 20px !important;
    }

    .bx-viewport {
        /*height: 150px !important;*/
        height: auto !important;
    }

    .bx-controls a.bx-prev {
        left: -25px !important;
    }

    .bx-controls a.bx-next {
        right: -25px !important;
    }

    ul#content-slider1 li {
        min-width: 320px;
        max-width: 480px;
    }

    div#accordionExample2 button.accordion-button-mob {
        /*background: #735CFF;*/
        width: auto;
        color: var(--color-white);
        border-radius: 25px !important;
        padding: 10px 40px;
        margin-top: 20px !important;
        margin-right: 15px !important;
    }

    div#accordionExample2 button.accordion-button-mob {
        padding: 0;
        width: 100%;
        /*background: #D082FF;*/
        margin-right: 0 !important;
    }

    ul#content-slider1 .set-color-head th:nth-child(1) {
        border-top-left-radius: 22px;
        border-bottom-left-radius: 22px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    ul#content-slider1 .set-color-head th:nth-child(3) {
        border-top-right-radius: 22px;
        border-bottom-right-radius: 22px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .set-calender-innner .selected::before {
        right: 5px;
    }

    .set-btn-white-org {
        text-align: right !important;
    }
}


@media only screen and (max-width: 480px) {

    .set-height-logo {
        height: 35px;
    }
}

@media only screen and (max-width: 380px) {

    .set-height-logo {
        height: 20px;
    }

    .user-img-1 {
        height: 40px;
        width: 40px;
    }
}

.modal-video__iframe {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    min-height: 500px;
    position: relative;
}

.modal-video .modal-content {
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.modal-video .btn-close {
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAXCSURBVHgBxZhdTBRXFMfP3B3sgguOfNi1S92h1QCKuqaYGFvrYm3S2PhgIpo+NGp8M2nB1KYPfQCa9EmTgml8IbY2fWgViU81MaEyVrEmlXZFIlhsd7BCaPlwhAVRduf2nNkditsF9y5f/wTm687c3557zr33HAlS1M6GoJ9LbCOYkp8D9wEDBTj+kSQwuAk6A0nnEg+YYF7Rygs0SEGSSGP/haDCwqwS36qYhEm+Jx2Aa6aD12h7CvTkX0sSTIqwaokjWExPjX/GjbaWgVD3ndDQratGeGQwPDHyMEzP0jKXy+kvrXamu1c5leItirLh9dwlygrnf73yM8mCPhdwR0M3WazKttjAzaa+v7XzfUO/NhkgoKzCza78dw/n55TudMd61rHz6h/3er+BVAHLznfX2lYbCd427p461vm4549xmIUyPK861f0fq5OgALWXy71HQQSQhtQRdlxA5/dHnoyGH1z8Sr/fUPcA5lDe8op8z67DquOFDJlzCPBRs0w7VGAkBVjW0P0bPvCRn3Wc/KB9uLM1BPMgsub6T7/1kX9ykLTm8lVl8W1Y/A1rWGNwbZ+/H5gvONIYustt7IP6knC00N+/gJkAd5wLHiSfo2EluNn6W7KQHScr2iNPxmgGqNzxfbASEgGi36nAWBWdk88tBJyt4c5fQj0XT+vWhYNV+b8OKv8DZBEHTSUqTSNzHRDJqBv7HAm2U5AozBU11CSgZT3OD9K5fva4Douk30991Bk7rbStaAFa1oPoJLyQQxsv8sdBZLAuXKxiEhDXSD/97/mhfsGHNl59P523ABHMChZGuxLyPQr14btiU8ru3buVoqIi53TP8/Ly5AMHDuSCgIZuNhkTyIKnih/ZmAlsOz2ghV/kQwTX2Njou3Tpki8RZHFxsbO1tbW0vr6+ZOvWrS4Q0MPbURYHZxtxyyb5LMCOn4UW/xs3boS6urpCK1eudMZDEhzdc7vdTmpz/fp1oZEZ1e9Y7WmpZRi9Kl087usWCo7+/v6w3+8PxEPGw1EbENRQ29WYsSSfjKsxTjEI2PuncPTakJqm+dasWeMiMEmSYCoctQFBTYSi+0pkU5i9z7M3m6lC2pacLZzF8mjQfk9hMAfKzc2VMzMzZfva5XLJOTk5MsyBGCU4dELbdEhB8T43XeCIKG3Z5I8zGJhRQDlL/BcnCohEgQOCynC/Yr3DOcfMkElWlGVv2CaUpSWCI59LFN00YYt824nJFh1xX6oz3ChqdOHyrhWaTLOzs+XpAiIeUtQflbVbYvm1FJAlbt7ilHVjaoi37iX7kZaWlpDH47k2XaTS/XXr1t0k64lGs7L+DWt55JxprIkyfgwUyguyS3cKDXMyHYvCLcP0dImS58RESm/e9/KV6DTDoZYOL7651w2LLA/mznS0Xc8CNGWzjo65mKume1anNDXMhTKwbztfNiO8BmxALEHQVGNZsfDI8SJYJKn7j6nWCedntPeiZZHJlQStWEO+mFmwXvGWH82HBRb1SdYj37Ot9wwgWdHkYD3wvHNQzSp8TWjamY1oaD27Dql0zhlU29Z7BtCCLPfSMNc60pfKxRVfliyEPxIcVReoBIKrWq0WV0xKWPp4q+F+M20Wnxr949EE/t68JFJZRZtdxR+eLIlNK4Hmfd5N8W0S7mYicmQPbhED9OKmzxpL58Mn6Zsln5z2WXA4pVDxKFG7GctvsVqJlV1RSqqfPaHP1po0pIVHThS5CkqiiwIO6+X9guW3qfJTvQZYlUQ77xhoL6anjwQzQJxjlRW4EEypC1JQVmv7vHUzvZdcCfi7oMocmNxL0eoDifzTaLs2QMnWOOYzY736+MTIYKwEnCOnZS2XszduU5auWutajut82tQSMFrNHDNrEtUDUwKMB6UAsi0qIMOkxSBk1iUDlhLgVL197q/tEcn0o1V9GIGqBJKKt+3NhoHruwGMB/C+ZposQAs/pKB/AciC85/r7x5aAAAAAElFTkSuQmCC);
    opacity: 16;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    z-index: 2;
    right: 0;
    top: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #eee;
    cursor: pointer;
    font-size: 14px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.seeThru-poster {
    max-width: 100%;
    cursor: pointer;
    max-height: 100%;
}

.video-wrapper {
    position: absolute;
    justify-self: start;
    align-self: start;
    width: 100%;
    height: 100%;
}

.video-wrapper__inner {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}



    .left-prt-img video,
    .video-wrapper__inner video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .left-prt-img canvas,
    .video-wrapper__inner canvas {
        box-shadow: none;
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        cursor: pointer;
    }

.seeThru-poster {
    max-width: 100%;
    cursor: pointer;
    max-height: 100%;
}

.video-control {
    position: absolute;
    z-index: 15;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #eee;
    cursor: pointer;
    font-size: 14px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .video-control:hover {
        border-color: #777;
        color: #000;
        box-shadow: 0 0 12px rgba(255, 255, 255, .9)
    }

.video-control-big {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
}

.video-control[title="play"] {
    background-image: url(data:image/png;base64,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);
}

.video-control[title="pause"] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVjSURBVHgBzVhvTBtlGH/vbZmFdewGcwFBeigJhcDoIktI3FxBDGZ+IlkhhphAFhKzRGE64wc/ACZ+2qKFmMXETGYk0Q3IPrmEhD83p/GDUzsggxm11zlIVehuUP4M2nt9nmuvskqwV2jpL2nvvfe9u/eX53ne5x9H4kRtv9vOOFpBFM7OCLMRSnjC4IfgiMwUIlHCSYxjLoUoN0RHoUjiAKfnYfs1N08DtB3eaouQiX0niRAmKgbWJdYXSrG/FiMxLkg7OQbEwliT/1qVx7+b83vu+H23b8qBxfnA+uKDAK6l7TtgTH+qyJSeU2DiS6p4/vDzB/fwh0z/7soux0r0fwnW9HtQYh2axOZuDXv/FAe8vp+GZaIDmcVHzfmvnM7PrqzNCe8sweadI6csn5N4CVYPeJya1BbdE/Ldi+emV2Z+WyXbQEbesyah8R0hQpQQ56jDcpboIYgqNQQM18D47cFHS4H71z+T7vV33yc7CIujLT/v5GnB8ESGkTHiYktKtdhSKMdEsLrf8zMs2NDOpnremFyY/tFPEgCUZvl7X9jQPhnhxDFHQXX0MzR6QlVrmNz4B6+5EkUOsQzmMgF74F4caAvs/SOyFcGaq+5mtDlUK5Lbrr3FSnKqp20y+GgZPUB7zVfudrIZQbA7gVDagWO0uWSQ07Aw/YN/5volSb0x0A57r5v/D0EaNKArEdCN7PSBiAUe2HPRPYmHhKfmkKAiBFXpMdaMY+nKeYnsEn65+PZ0eNiuSVElqEqPhJxwMlUbDbTHeeCg3phpW4QgxEg7/s98/WnSVRsN7zcDKkEgph4WilkJ2h4e9YW7+lxKb29v0dramh1/TqdT0OZLSkpMPp/vGM57PJ4qq9VqivWbvlvD8jpwgSFvB25UIfQELmDgJzrR1NSUr43r6+u10EVaW1tzzGazEce5ubmmuro6XZnPg4kQFwOjFZCycTaV4NT3uoJ/IrEk3VE1iaGWwukV8GbF69m1wxEN3/jNsLA4G0iQCDhcmf09ZQiu+0N5JXDjqZbnaclmKmD94bzGhackxYEqVvWNaTpJEaTtz9a4yJQoIYLGzOyUIZiR84zqNxljUBlSzoU3WYeP66vSEggTFFt4hbxUopAoinhjtpSaSYqAL60K19eci3JMua1OQmlIUgR8+TGVC2NUpMNY8cNBwbogq7JWl5r7+voiycXIyEgkVA4ODs55vV7Vr/r9/sDQ0FDMUWo/lKd7+CdNUEhJYw1P31CLJqgFMN3qxHRr6sPXp8kuovStT6xqScrY5dEGoUX1g4pR6cbrQVhIzyuKOfPYaWTA3lq9rARZF15VgtCCQBU4cVx85ryV7BKExnOCOgDpia+G2iKRSAJS7EJb3FdYzlscZ/NJkoF7ovTQ9jTpPUYQpagwoi7kvdwsZBY/lzS3g6rNO9ki4JhR0qlJ7zGCKkmHBdXsNKTvNZa0fVyWDHtEcthdwBYIRDWnGNVM2rT18WL/vTFMFtfkv1dDBfyvCUnFMq1HzSVv9pSF3YprrMFyJPqZTbOZoDFYzwhx4YtH3h+sTIRN4jfL3r1kU8lBNMPm0WbPbdl+C/dK1OoKfaR05YK0XWmiSovPXLCaC8tCQQHUOtqos/22EXbs1xDawYUzbyQ6C+XpQ50VIPhY/tALp3I29AXxUHaKDZburd6LrQX8pVugBijuuVD3AYH2KY9/O4fF1irUM8uz0ur64ny4BZxtTMs8YMyqOM7vLSg1H4A4n7axBQxSU5aVrs36gXERjCaKB0iTqA7ICgYDv9IdC7G4CG7ES1f/OBHkFDtI1QYnUOAIJ8C0lmzIUOvIhDIXzIuKQl0Y+Ekc+AfeAGiXlrVM+gAAAABJRU5ErkJggg==)
}

.video-control[title="stop"] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AsBFC4kOdcBBwAAADVJREFUSMdjYBg2oLy8nJEWZjGiSfynhgWdnZ1wc5loHTKjFoxaMGrBqAWjFoxaQJcqc+gDAEcACbyvBwrNAAAAAElFTkSuQmCC)
}

.video-control[title="mute"] {
    background-image: url(data:image/png;base64,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)
}

.video-control[title="unmute"] {
    background-image: url(data:image/png;base64,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)
}

.video-control[title="repeat"] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABkklEQVRIS7WUwVHDMBBFtWkAOiCpgKSDpBKSCjAHS7rBUVIuTgWYDugAOkhKMB2kAn1mPTajsWXLyRBdpd2n/bv7Sdz40CX5pZSlc257ScxkgJTyjYherbWTY/gjkx5rrbcA3jng3wFh8kCaCsAngI/9fn8akyxZwQDgLyeAwjn3MgRJAjiwK1Ge58vZbMbNfuZ7ACfn3CoGiQKyLLsviuIcBrSQsAcN6FsIcSeEOFhrsy6kB9Baz733RwCbrr4MMcaUYZIGcqwnhmhhjKnC+x6AZ52InoZ+FJNhLCYGqIjogYg2xhguP3mCKipr7WK0AqUUrpn3obheBTcHSClribz3q9QStVJordcAvgD8OOfmKYmKZr6jYzfWZN7srhn2JArHLlZFzFHbfSCiZXJM+YdKqboKAOfuPjQ9Kq21u7Ca2HKOuqlSik3ssUlSeu8P3JN2CIQQPchkq2gftpWMLEISkjQ7tg4A7DHroKKaSUS7rnUkvSi1tq1EU5KP9mAIxICpya8FFDFbHvpQsgcpyVL3v4dw8BnnNoaNAAAAAElFTkSuQmCC)
}

.video-control[title="repeat-disable"] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABr0lEQVRIS91V3VXCMBTO1wd4lA3ECYQJlA3YQJyA+kCSEZrwghvgBm4gTgAbiBvoAOn13B7CCWla0AMv5qm97c3X7ye3EBdeuPD+4p8BaK0nLFlRFEsvnda6X5bl1Fr7FMqplKJYXgCPYS8/30uU53mv2+1uhRBX4YtKqY0Q4tYYcyBnDJDa/ACAb2az2SDLslUIwsCdTmdirV20MFgZY0apwNRMToGkGgMG3/xBQohnY0xeky0usOZE9OHrTdQZgJ855zZZlq0rOYCboihY5v2qMZBSLgE8ENE7gEHsSWD+xBvqe1IsUgArAHcARs65r9iTlFw7WddEtLHWDlsZeG19an7rSZy2GoMYoCldMZNUXy2mXJBSbgFcl2U5nM/nfAaq1cZEa31PRG9E9Gmt7R+TiPM+JaIXa211stlEvm4CUUrVevYpbIspswCQc6raPNlNAQ7H+GhMGdB/UQgemneq8UkP/KbeC38fp0NKWcV5d8BqQ65RIq85y9LEYMfST9NqVJw07Jo253pimi4ALJxzvbbDeJY/GnsC4JWIxmG0Wz1IjYS/1M7CoA344gA/Jfr+GdIfBLgAAAAASUVORK5CYII=)
}

.video-control__top {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

    .video-control__top .video-control {
        position: static;
    }

.ui-timepicker-container {
    z-index: 9999 !important;
    border: 2px solid var(--color-purple) !important;
    border-radius: 34px;
}

    .ui-timepicker-container .ui-timepicker-viewport {
        margin: 0 0 0 35px;
    }

        .ui-timepicker-container .ui-timepicker-viewport::-webkit-scrollbar {
            width: 5px;
        }

        .ui-timepicker-container .ui-timepicker-viewport::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .ui-timepicker-container .ui-timepicker-viewport::-webkit-scrollbar-thumb {
            background: #d6d6d6;
            border-radius: 5px;
        }



.bootstrap-datetimepicker-widget.dropdown-menu, .ui-widget.ui-widget-content {
    max-width: 100%;
    direction: ltr;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    border: none;
    padding: 10px;
    min-width: 250px;
    width: auto;
}

    .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after, .bootstrap-datetimepicker-widget.dropdown-menu.top:before, .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
        left: 15px;
    }

.bootstrap-datetimepicker-widget .btn {
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600;
    padding: 8px;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 45px;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
}

.ui-datepicker-header.ui-widget-header {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 34px;
}

    .ui-datepicker-header.ui-widget-header:after, .ui-datepicker-header.ui-widget-header:before {
        display: none;
    }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 34px;
    height: 34px;
    background-color: transparent !important;
    border: none !important;
}

/*.ui-icon.ui-icon-circle-triangle-w {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E %3Cpath d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}

.ui-icon.ui-icon-circle-triangle-e {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E %3Cpath d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}*/

.ui-datepicker .ui-datepicker-title {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 0 !important;
    top: 0 !important;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 0 !important;
    top: 0 !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    padding: 2px 14px;
    border: 1px solid #707070;
    border-radius: 10px;
    height: auto;
    box-shadow: none;
    font-size: 16px;
    color: #707070;
    font-weight: 400;
    appearance: none;
    padding-right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23707070'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    background-position: center right 8px;
    background-repeat: no-repeat;
    background-size: 14px;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget .btn.btn-primary {
    background-color: #5956E9;
    border-color: #5956E9;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
    width: 50px;
    height: 50px;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th, .ui-datepicker th {
    text-align: center;
    border-radius: 8px;
    padding: 0;
    font-family: 'Assistant', sans-serif;
    font-size: 1rem;
}

.bootstrap-datetimepicker-widget table th, .ui-datepicker th {
    height: 34px;
    line-height: 34px;
    width: 34px;
    max-width: 34px;
}

.bootstrap-datetimepicker-widget table td.day, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    height: 34px;
    line-height: 34px;
    width: 34px;
    text-align: center;
    background-color: transparent;
    border: none;
    border-radius: 8px;
}

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
        background: #eeeeee;
        cursor: pointer;
    }

    .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-widget-content .ui-state-default.ui-state-active {
        background-color: #5956e9;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 16px !important;
    padding: 0;
    width: 70px;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    text-align: center;
    padding: 5px 15px;
}

.bootstrap-datetimepicker-widget a span,
.bootstrap-datetimepicker-widget td {
    color: black !important;
}

.picker-switch {
    display: none;
}


.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 45px;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    color: black !important;
}

.timepicker {
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%235956E9'%3E%3Cpath d='M232 120C232 106.7 242.7 96 256 96C269.3 96 280 106.7 280 120V243.2L365.3 300C376.3 307.4 379.3 322.3 371.1 333.3C364.6 344.3 349.7 347.3 338.7 339.1L242.7 275.1C236 271.5 232 264 232 255.1L232 120zM256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0zM48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48C141.1 48 48 141.1 48 256z'/%3E%3C/svg%3E") no-repeat;
    border-width: thin;
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    text-align: left;
    direction: ltr;
}