/*================================================================================
    Item Name: Materialize - Material Design Admin Template
    Version: 5.0
    Author: PIXINVENT
    Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*Modal Interviu Nou*/

.text-center {
    text-align: center !important;
}
.modal-header {
    background-color: #f8f4fa;
    padding-left: 20px;
    padding-right: 20px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.modal-header h4 {
    color: #484748;
    font-size: 15px;
    margin: 0;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: bold;
}
.modal-header .buttons-group a {
    display: inline-block;
    margin-right: 13px;
}
.modal-header .buttons-group a:last-of-type {
    margin-right: 0;
}
.modalx.bottom-sheet.modal-small {
    width: 540px;
    left: 0;
    right: 0;
    margin: auto;
}
.modalx.bottom-sheet.modal-custom {
    border-radius: 6px;
    max-height: unset;
}
/*.modalx.modal-custom .modalx-content {
    padding: 30px 25px 30px 40px;
}*/

.modal-custom .input-group {
    margin-bottom: 22px;
}
.modal-custom .input-group select:focus {
    height: 50px;
    border-width: 2px;
}
.modal-custom .input-group label {
    margin-bottom: 10px;
}
.input-group label {
    font-size: 20px;
    color: #484748;
    line-height: 1.1;
    display: block;
}
.input-group input, .input-group select {
    font-size: 20px;
    font-weight: 700;
    color: #9327a5;
    margin: 0;
    height: 35px;
    border-color: #9b9b9b;
    border-width: 1px;
}
.input-group input {
    border-bottom: 1px solid #ff0000;
}
.modal-custom .input-group.label-inline {
    margin-bottom: 22px;
}
/*.modal-custom .input-group input,*/

/*.modal-custom .input-group select {*/

/*    width: 67.8%;*/

/*}*/

.input-group input:not([type]), .input-group input[type=text]:not(.browser-default), .input-group input[type=password]:not(.browser-default), .input-group input[type=email]:not(.browser-default), .input-group input[type=url]:not(.browser-default), .input-group input[type=time]:not(.browser-default), .input-group input[type=date]:not(.browser-default), .input-group input[type=datetime]:not(.browser-default), .input-group input[type=datetime-local]:not(.browser-default), .input-group input[type=tel]:not(.browser-default), .input-group input[type=number]:not(.browser-default), .input-group input[type=search]:not(.browser-default), .input-group textarea.materialize-textarea {
    border-color: #ff0000;
    border-width: 1px;
    box-shadow: none;
    outline: none;
    height: 35px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.input-group input:focus, .input-group select:focus, .input-group input:not([type]):focus:not([readonly]), .input-group input[type=text]:not(.browser-default):focus:not([readonly]), .input-group input[type=password]:not(.browser-default):focus:not([readonly]), .input-group input[type=email]:not(.browser-default):focus:not([readonly]), .input-group input[type=url]:not(.browser-default):focus:not([readonly]), .input-group input[type=time]:not(.browser-default):focus:not([readonly]), .input-group input[type=date]:not(.browser-default):focus:not([readonly]), .input-group input[type=datetime]:not(.browser-default):focus:not([readonly]), .input-group input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .input-group input[type=tel]:not(.browser-default):focus:not([readonly]), .input-group input[type=number]:not(.browser-default):focus:not([readonly]), .input-group input[type=search]:not(.browser-default):focus:not([readonly]), .input-group textarea.materialize-textarea:focus:not([readonly]) {
    border-width: 1px;
    box-shadow: none;
    outline: none;
    height: 35px;
}
.input-group select, .input-group .select-wrapper input.select-dropdown {
    border: 2px solid #b9b9b9;
    border-radius: 7px;
    height: 52px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
.input-group .select-wrapper {
    width: auto;
    display: inline-block;
}
.modal-custom .buttons-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.modal-custom .action-btn {
    width: auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    border-radius: 10px;
    padding: 0px 16px;
    text-transform: none;
    margin: 0;
}
.modal-custom .action-btn img {
    margin-right: 10px;
}
.modal-custom .close-interview {
    border: 2px solid #d91919;
    color: #d91919;
    background-color: transparent;
    margin-right: 8px;
    margin-left: 15px;
}
.modal-custom .submit-interview {
    width: 216px;
    box-shadow: none;
}
/*Modal Calendar*/

.modalx.bottom-sheet.modal-calendar {
    max-height: 54%;
    top: 10%;
    border: 1px solid #ccc;
}
.modal-calendar .modal-header {
    height: 62px;
    border-bottom: 1px solid #b9b9b9;
}
.modal-calendar .content {
    display: flex;
}
.modal-calendar .tabs-calendar {
    width: 21%;
    margin: 0;
    padding: 0;
}
.modal-calendar .tabs-calendar .tab {
    height: 65px;
    border-top: 1px solid #b9b9b9;
}
.modal-calendar .tabs-calendar .tab:first-child {
    border-top: none;
}
.modal-calendar .tabs-calendar .tab a {
    font-size: 18px;
    color: #484748;
    line-height: 1.1;
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 48px;
    padding-right: 15px;
    position: relative;
}
.modal-calendar .tabs-calendar .tab a.active {
    background-color: rgba(215, 215, 215, .4);
}
.modal-calendar .tabs-calendar .tab a.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: -moz-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
    background-image: -webkit-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
    background-image: -ms-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
    width: 12px;
}
.modal-calendar .content-tabs {
    width: 28%;
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
}
.modal-calendar .content-tabs .select {
    padding: 19px 20px;
}
.modal-calendar .content-tabs select {
    padding: 0 7px;
    height: 27px;
    font-size: 18px;
    color: #484748;
    border-bottom: 1px solid #282828;
    border-radius: 0;
}
.modal-calendar .content-tabs .person-info {
    display: flex;
    align-items: center;
    height: 65px;
}
.modal-calendar .content-tabs .person-info.selected {
    background-color: rgba(215, 215, 215, .4);
}
.modal-calendar .content-tabs .person-info .avatar {
    width: 45px;
    border-radius: 50%;
    margin-left: 23px;
    margin-right: 15px;
}
.modal-calendar .content-tabs .person-info .avatar img {
    width: 100%;
    box-shadow: 0 3px 4.5px 0.5px rgba(0, 0, 0, 0.2);
}
.modal-calendar .content-tabs .person-info .person-details h6 {
    font-size: 15px;
    color: #9327a5;
    margin: 0;
    line-height: 1.1;
}
.modal-calendar .content-tabs .person-info .person-details p {
    font-size: 13px;
    color: #343434;
    margin-bottom: 0;
    margin-top: 7px;
    line-height: 1.1;
}
.modal-calendar .calendar-tabs {
    width: 51%;
}
/*Pagina Interviu*/

.interview-section {
    background-color: #f2f4f8;
}
.interview-section .header-page {
    background-image: -moz-linear-gradient(-1deg, rgb(70, 54, 160) 0%, rgb(120, 32, 162) 99%, rgb(118, 118, 118) 100%);
    background-image: -webkit-linear-gradient(-1deg, rgb(70, 54, 160) 0%, rgb(120, 32, 162) 99%, rgb(118, 118, 118) 100%);
    background-image: -ms-linear-gradient(-1deg, rgb(70, 54, 160) 0%, rgb(120, 32, 162) 99%, rgb(118, 118, 118) 100%);
    height: 200px;
    position: relative;
    display: flex;
    align-items: center;
}
.interview-section .header-page::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/img/gradient-dark-transparent.png');
    -webkit-background-size: cover;
    background-size: cover;
}
.interview-section .header-page h2, .interview-section .header-page p {
    color: #fff;
    font-size: 38px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 1.2;
    position: relative;
    z-index: 3;
}
.interview-section .header-page p {
    color: #b3b3b3;
    font-weight: 300;
}
.interview-section .section-title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #484748;
    line-height: 1.1;
    margin-top: 45px;
    margin-bottom: 20px;
}
.interview-section .input-group .select-wrapper input.select-dropdown {
    width: 146px;
    text-align: center;
    box-sizing: border-box;
    margin-top: 20px;
}
.interview-section .input-group {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}
.interview-section .input-group label {
    margin-bottom: 5px;
}
.input-group.label-inline {
    max-width: 475px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 0;
}
.input-group.label-inline label {
    width: 32.2%;
    margin-bottom: 0;
}
.input-group.label-inline input, .input-group.label-inline select {
    width: 67.8%;
}
.interview-section .username-generate label {
    margin-bottom: 20px;
}
.interview-section .username-generate input[type=text]:not(.browser-default) {
    padding-left: 250px;
    padding-bottom: 13px;
}
/*.interview-section .generate_name {
    position: absolute;
    top: 31px;
    left: 0;
    box-shadow: none;
    width: 233px;
    padding: 0;
    text-align: center;
    border-radius: 10px;
    text-transform: uppercase;
}*/

.interview-section .show_password {
    position: absolute;
    right: 15px;
    cursor: pointer;
}
.interview-section .actions-interview {
    padding-bottom: 100px;
    padding-top: 40px;
    display: flex;
}
.interview-section .actions-interview .action-model {
    width: 160px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    margin: 0 23px 0 0;
    border-radius: 20px;
}
.interview-section .actions-interview .accept_model {
    background-image: -moz-linear-gradient(47deg, rgb(87, 219, 112) 0%, rgb(143, 255, 219) 100%);
    background-image: -webkit-linear-gradient(47deg, rgb(87, 219, 112) 0%, rgb(143, 255, 219) 100%);
    background-image: -ms-linear-gradient(47deg, rgb(87, 219, 112) 0%, rgb(143, 255, 219) 100%);
}
.interview-section .actions-interview .decline_model {
    background-image: -moz-linear-gradient(47deg, rgb(254, 84, 85) 0%, rgb(245, 137, 167) 100%);
    background-image: -webkit-linear-gradient(47deg, rgb(254, 84, 85) 0%, rgb(245, 137, 167) 100%);
    background-image: -ms-linear-gradient(47deg, rgb(254, 84, 85) 0%, rgb(245, 137, 167) 100%);
}
.interview-section .tox-tinymce {
    width: 100% !important;
}
.dropify-wrapper {
    max-width: 588px;
    border: 4px dashed #7b68b5;
    box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}
.dropify-wrapper .dropify-message .icon {
    display: inline-block;
    margin-right: 20px;
}
.dropify-wrapper .dropify-message .message {
    display: inline-block;
}
.dropify-wrapper .dropify-message .message p {
    color: #484748;
    font-size: 20px;
    margin-bottom: 10px;
}
.dropify-wrapper .dropify-message .message span {
    color: #8d8c8d;
    font-size: 20px;
    margin-bottom: 10px;
}
.dropify-wrapper .dropify-message .select-files {
    border: 3px solid #7b68b5;
    border-radius: 10px;
    line-height: 30px;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
    color: #7b68b5;
    font-size: 15px;
    font-weight: 700;
    margin-left: 70px;
}
/*Dashboard*/

.card-with-header {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.1);
    /*overflow: hidden;*/
}
.card-with-header .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 41px;
    padding-left: 20px;
    /*padding-right: 20px;*/
    padding-right: 0px;
    width: 100%;
    background-color: #f8f4fa;
    border-radius: 4px;
    position: relative;
}
.card-with-header .card-header h4 {
    color: #484748;
    font-size: 15px;
    margin: 0;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: bold;
}
.card-with-header .card-header .buttons-group {
    display: flex;
    align-items: center;
}
.card-with-header .card-header .buttons-group a {
    margin-right: 7px;
}
.card-with-header .card-header .buttons-group a:last-of-type {
    margin-right: 0;
}
.card-with-header .card-header .purple-btn {
    text-transform: uppercase;
}
.card-with-header .card-header .buttons-group .purple-btn {
    margin-right: 25px;
}
.card-with-header .purple-btn {
    width: 150px;
    height: 37px;
    line-height: 37px;
    font-size: 15px;
    padding: 0;
    box-shadow: none;
    border-radius: 9px;
}
.card-with-header .content {
    padding: 16px;
    width: 100%;
}
/*Dashboard Tasks*/

.tasks-dashboard .header-checkbox {
    display: flex;
    align-items: center;
}
.tasks-dashboard .header-checkbox [type='checkbox']:not(:checked)+span:not(.lever):before {
    border: 3px solid #d1d1d1;
    border-radius: 3px;
    width: 24px;
    height: 22px;
}
.tasks-dashboard .header-checkbox [type='checkbox']+span:not(.lever) {
    padding-left: 55px;
}
.tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item {
    padding-left: 23px;
}
.tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-content .list-title-area {
    justify-content: flex-start;
}
.tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-content .list-title {
    width: 100%;
}
.tasks-dashboard .labeldetask {
    margin-right: 8px;
}
.tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-content .list-desc {
    padding-left: 0;
}
.tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-content .list-desc p {
    margin: 0;
}
.tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-date {
    font-size: 18px;
    font-weight: 400;
}
.tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-date.list-date-cus {
    text-align: right;
    margin-bottom: 5px;
}
.tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-left {
    margin-left: 0;
    max-width: 41px;
}
.tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-left i {
    position: relative;
    left: -2px;
}
.tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-content {
    flex: 1;
    padding-right: 10px;
}
/*Dashboard Accounting*/

.table-accounting .card-with-header .card-header {
    background-color: transparent;
    margin-bottom: 0;
}
.table-accounting .card-with-header .card-header .buttons-group .purple-btn {
    width: 233px;
}
.table-accounting .widget-table-accounting .heading-icons {
    top: auto;
    display: flex;
    flex: 1;
    justify-content: space-around;
}
.table-accounting .heading-icons>div {
    margin: 0;
    font-size: 20px;
    text-align: center;
}
.table-accounting .heading-icons>div span {
    font-weight: 500;
    margin-left: 7px;
    display: inline-block;
}
.table-accounting .heading-icons .budget span {
    color: #1bcf30;
}
.table-accounting .heading-icons .spent span {
    color: #e81212;
}
.table-accounting .heading-icons .difference span {
    color: #379ca0;
}
#cost .table-accounting table td {
    border: none;
}
#cost .table-accounting table td:last-of-type {
    text-align: center;
}
/*Dashboard Models*/

.models-dashboard .card-with-header {
    margin-bottom: 40px;
}
.models-dashboard .card-with-header .card-header {
    background-color: #fff;
}
.models-dashboard .my-models {
    margin-top: 0;
    margin-bottom: 30px;
}
.models-dashboard .my-models .model {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    justify-content: space-between;
}
.models-dashboard .my-models .model:hover {
    background-color: #f0e9f5;
}
.models-dashboard .avatar {
    border-radius: 50%;
    padding-left: 18px;
    padding-right: 18px;
}
.models-dashboard .img {
    position: relative;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}
.models-dashboard .img::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border: 1px solid #d0d0d0;
    position: absolute;
    right: 0;
    top: 10%;
    border-radius: 50%;
}
.models-dashboard .my-models .model .avatar {
    width: 25.15%;
}
.models-dashboard .my-models .model .img {
    max-width: 70px;
}
.models-dashboard .online-model .img::after {
    background-color: #0c9b2a;
}
.models-dashboard .offline-model .img::after {
    background-color: #c20b0b;
}
.models-dashboard .avatar img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 3px 4.5px 0.5px rgba(0, 0, 0, 0.2);
}
.models-dashboard .avatar.k-avatar-sk img {
    width: 48px;
    height: 48px;
    border-radius: 0;
}
.models-dashboard .my-models .model .model-details {
    width: 100%;
    flex: 1;
}
.content-left-part {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.models-dashboard .my-models .model .model-details h6 {
    font-size: 17px;
    color: #9327a5;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 5px;
}
.models-dashboard .my-models .model .model-details p {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 1.1;
}
.models-dashboard .my-models .model .model-details .progress {
    height: 9px;
    background-color: #e1e1e1;
    border-radius: 9px;
}
.models-dashboard .my-models .model .model-details .progress .determinate {
    background-image: -moz-linear-gradient(0deg, rgb(255, 128, 8) 0%, rgb(255, 189, 35) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 128, 8) 0%, rgb(255, 189, 35) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 128, 8) 0%, rgb(255, 189, 35) 100%);
    border-radius: 9px;
}
.models-dashboard .my-models .model .switch-model {
    width: 36.85%;
    text-align: center;
}
.models-dashboard .my-models .model .switch-model .switch label .lever {
    width: 34px;
    height: 20px;
    background-color: #567081;
    margin-left: 15px;
    margin-right: 15px;
}
.models-dashboard .my-models .model .switch-model .switch label .lever:before, .models-dashboard .my-models .model .switch-model .switch label .lever:after {
    top: 0;
    bottom: 0;
    left: 4px;
    margin: auto;
    background-color: #fff;
    width: 14px;
    height: 14px;
}
.models-dashboard .my-models .model .switch-model .switch label input[type=checkbox]:checked+.lever:before, .models-dashboard .my-models .model .switch-model .switch label input[type=checkbox]:checked+.lever:after {
    left: auto;
    right: 4px;
}
.models-dashboard .model-info {
    padding: 20px 30px 0 24px;
}
.models-dashboard .model-info .short-info {
    display: flex;
    align-items: flex-start;
}
.models-dashboard .model-info .avatar {
    width: 17.2%;
}
.models-dashboard .model-info .img::after {
    width: 15px;
    height: 15px;
}
.models-dashboard .model-info .model-details {
    width: 82.2%;
}
.models-dashboard .model-info h6 {
    color: #9327a5;
    font-size: 25px;
    line-height: 1.1;
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 10px;
}
.models-dashboard .model-info .on-off {
    display: flex;
}
.models-dashboard .model-info .on-off>div {
    flex: 1;
}
.models-dashboard .model-info .on-off p {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    color: #686767;
    margin-bottom: 7px;
    margin-top: 0;
    padding-left: 10px;
}
.models-dashboard .model-info .on-off .progress {
    margin: 0;
    width: 85%;
    height: 19px;
    border-radius: 50px;
    background-color: #e1e4e9;
    overflow: visible;
}
.models-dashboard .model-info .on-off .progress .determinate {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.models-dashboard .model-info .online .progress .determinate {
    background-color: #9327a5;
}
.models-dashboard .model-info .offline .progress .determinate {
    background-color: #ed5565;
}
.models-dashboard .model-info .on-off .progress .determinate::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 30px;
}
.models-dashboard .model-info .online .progress .determinate::after {
    background-color: #6c107b;
}
.models-dashboard .model-info .offline .progress .determinate::after {
    background-color: #ec2e42;
}
.models-dashboard form {
    padding-top: 20px;
}
.models-dashboard .input-field>label {
    color: #7c7c7c;
    padding-left: 20px;
}
.models-dashboard .input-field>input, .models-dashboard .input-field>textarea {
    color: #000;
    font-size: 15px;
    font-weight: 300;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 35px;
    border-color: #ff0000;
    box-sizing: border-box;
}
.models-dashboard .input-field>input {
    height: 34px;
}
.models-dashboard .input-field input[type=text]:not(.browser-default):focus:not([readonly])+label {
    color: #7c7c7c;
}
.models-dashboard .input-field input[type=text]:not(.browser-default):focus:not([readonly]) {
    border-color: #ff0000;
    box-shadow: none;
}
/*Dashboard Gallery*/

.gallery-dashboard .dropify-wrapper {
    max-width: 100%;
    height: 486px;
    margin-bottom: 40px;
}
.gallery-dashboard .dropify-wrapper .dropify-message {}
.gallery-dashboard .dropify-wrapper .dropify-message img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    max-width: 50%;
}
.gallery-dashboard .dropify-wrapper .dropify-message h4 {
    font-size: 26px;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 15px;
}
.gallery-dashboard .dropify-wrapper .dropify-message span {
    font-size: 18px;
    margin-bottom: 38px;
    display: block;
}
.gallery-dashboard .dropify-wrapper .dropify-message .purple-btn {
    width: 233px;
    height: 37px;
    line-height: 37px;
    border-radius: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
}
.gallery-dashboard .card-with-header {
    height: 486px;
    margin-bottom: 40px;
}
.gallery-dashboard .card-with-header .content {
    overflow: auto;
    height: 427px;
}
.gallery-dashboard .card-with-header .files {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}
.gallery-dashboard .card-with-header .files li {
    width: 16.6%;
    padding: 7px;
    display: block;
}
.gallery-dashboard .card-with-header .files .file {
    display: block;
    position: relative;
}
.gallery-dashboard .card-with-header .files .file:hover::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-image: url('/img/icon-trash-dark.png');
    -webkit-background-size: initial;
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ebebeb;
    outline: 4px solid #4c79ff;
    outline-offset: -4px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.gallery-dashboard .card-with-header .files .file img {
    max-width: 100%;
}
.btn-info {
    border-radius: 10px;
    box-shadow: none;
    text-transform: uppercase;
}
.btn-info:hover {
    box-shadow: none;
}
.btn-gray {
    width: 162px;
    height: 37px;
    line-height: 37px;
    background-color: #e3ebee;
    color: #909090;
    box-shadow: none;
    font-size: 15px;
    border-radius: 10px;
    padding: 0;
    text-transform: none;
}
.btn-gray:hover {
    background-color: #e3ebee;
    color: #909090;
    box-shadow: none;
}
.cover-group .titlu-group p {
    font-size: 22px;
    font-weight: 900;
    margin: 0;
}
.cover-group .titlu-group span {
    font-size: 20px;
    text-transform: none;
}
.cover-group .buttons-group {
    text-align: right;
    padding-right: 30px;
    margin-bottom: 10px;
}
.cover-group .buttons-group .btn {
    color: #6c3bab;
}
.cover-group .buttons-group .btn:not(:last-of-type) {
    margin-right: 5px;
}
.nav-group .buttons-group {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 27px;
}
.nav-group .btn-icon img {
    vertical-align: middle;
    margin-right: 8px;
}
.nav-group .btn-more {
    width: 40px;
}
.nav-group .btn-more img {
    vertical-align: middle;
}
.nav-group .buttons-group .btn:not(:last-of-type) {
    margin-right: 9px;
}
#user-profile .cover-group .statistica-group {
    margin-bottom: 0;
}
.tabs-user-info {
    height: 80px;
    display: flex;
    margin: 0;
}
.tabs-user-info .tab {
    height: 80px;
    width: 25%;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.tabs-user-info .indicator {
    height: 3px;
    background-color: #783494;
}
.tabs-user-info .tab a {
    color: #444444;
    font-size: 15px;
    text-transform: none;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs-user-info .tab a:focus, .tabs-user-info .tab a:focus.active, .tabs-user-info .tab a.active {
    background-color: transparent;
    color: #444444;
    border-bottom: 3px solid #783494;
}
.groups-container .user-card-negative-margin {
    background-color: transparent;
    margin-top: 0;
}
.groups-container .post-wrapper {
    padding: 30px 0;
    font-size: 18px;
    box-shadow: 0 5px 9px 1px rgba(0, 0, 0, 0.1);
    margin-top: 0;
    margin-bottom: 19px;
}
.card-border {
    border: 1px solid #ccc;
}
.groups-container .new-post-widget {
    min-height: 180px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.groups-container .new-post-widget .post-comments {
    margin-top: 0;
}
.groups-container .new-post-widget .post-comments .comment {
    margin-bottom: 0;
}
.groups-container .new-post-widget .post-comments .comment .avatar {
    width: 67px;
    margin-right: 2px;
}
.groups-container .new-post-widget .post-comments form {
    display: block;
}
.groups-container .new-post-widget .post-files {
    display: flex;
    margin-top: 16px;
    border-top: 1px solid rgba(152, 152, 152, .2);
}
.groups-container .new-post-widget .post-files .file-field {
    width: 33.3%;
    height: 54px;
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    justify-content: center;
    color: #767676;
    font-size: 16px;
    border-right: 1px solid rgba(152, 152, 152, .2);
}
.groups-container .new-post-widget .post-files .file-field:last-of-type {
    border-right: none;
}
.groups-container .new-post-widget .post-files .file-field img {
    margin-right: 10px;
}
.groups-container .new-post-widget .post-files .file-field span, .groups-container .new-post-widget .post-files .file-field img {
    vertical-align: middle;
}
.groups-container .new-post-widget .post-files .file-field .btn {
    margin: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    float: none;
    line-height: 1;
    height: auto;
    display: inline-block;
}
.groups-container .new-post-widget .post-files .file-field .file-path-wrapper {
    color: #767676;
    font-size: 16px;
    padding: 0;
}
.groups-container .new-post-widget .post-files .file-field .file-path-wrapper .file-path {
    margin: 0;
    border: none;
    font-size: 16px;
    color: #767676;
    width: 45px;
    height: auto;
}
.groups-container .new-post-widget .post-files .file-field .file-path-wrapper .file-path.valid {
    width: 100%;
    box-shadow: none;
}
.groups-container .post-wrapper .author-data {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 10px;
}
.groups-container .post-wrapper .avatar {
    max-width: 70px;
    margin-right: 22px;
}
.groups-container .post-wrapper .info p {
    margin: 0;
}
.groups-container .post-wrapper .info p span {
    font-size: 15px;
}
.groups-container .post-wrapper .post-name {
    color: #464646;
    margin-top: 10px;
    margin-bottom: 8px;
    width: 100%;
}
.groups-container .post-wrapper .post-data {
    /*border: 1px solid rgb(204,204,204);*/
    border-radius: 6px;
    padding-bottom: 10px;
}
.groups-container .post-wrapper .card-content {
    padding: 0 15px 0 70px;
}
.groups-container .post-wrapper .card-content p {
    margin-bottom: 0;
}
.groups-container .post-wrapper .post-data .card-image {
    margin: 13px 0 0px;
}
.groups-container .social-wrapper {
    padding: 20px 0 15px;
    margin-left: 30px;
    margin-right: 30px;
    border-bottom: 1px solid rgba(152, 152, 152, 0.2);
    display: flex;
}
.groups-container .social-wrapper .social-icon {
    display: flex;
    align-items: center;
    margin-right: 30px;
    color: #6b6f82;
}
.groups-container .social-wrapper .social-icon:last-of-type {
    margin-right: 0;
}
.groups-container .social-wrapper .social-icon img {
    margin-right: 7px;
}
.groups-container .post-comments {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
}
.groups-container .post-comments .social-wrapper {
    border: none;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    justify-content: space-evenly;
}
.groups-container .post-comments .social-wrapper span {
    color: #858585;
}
.groups-container .post-comments .comment {
    display: flex;
    align-items: flex-start;
}
.align-center-content {
    align-items: center !important;
}
.groups-container .post-comments .comment .avatar {
    width: 45px;
    margin-right: 15px;
}
.groups-container .post-comments .comment p {
    margin: 0;
}
.groups-container .post-comments .comment-input {
    flex: 1;
}
.groups-container .post-comments .comment-container {
    background-color: #e3ebee;
    border-radius: 6px;
    min-height: 45px;
    padding: 10px 44px;
}
.groups-container .post-comments .comment-container .author {
    margin-right: 5px;
}
.groups-container .post-comments .comment-input textarea {
    resize: none;
    padding-right: 62px;
    border: none;
    line-height: 1.4;
}
.groups-container .post-comments textarea::placeholder {
    color: #787878;
    opacity: 1;
}
.groups-container .post-comments textarea:-ms-input-placeholder {
    color: #787878;
}
.groups-container .post-comments textarea::-ms-input-placeholder {
    color: #787878;
}
.groups-container .post-comments .comment-input {
    position: relative;
}
.groups-container .post-comments .comment-input .add-image {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
}
.groups-container .post-comments .comment-input.btn-group-send-2 textarea {
    padding-right: 112px;
}
.groups-container .post-comments .comment-input .btn-group-right {
    position: absolute;
    right: 32px;
    top: 7px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.groups-container .post-comments .comment-input .btn-group-right .add-image {
    position: unset;
    transform: unset;
}
.groups-container .post-comments .comment-input .btn-group-right .add-image.btnPostComment {
    margin-left: 0;
}
.groups-container .post-comments form {
    display: flex;
    flex-wrap: wrap;
}
.groups-container .post-comments .comment {
    margin-bottom: 0;
    margin-top: 10px;
}
.groups-container .post-comments .comment-react {
    padding-left: 43px;
    margin-top: 5px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.groups-container .post-comments .comment-react a {
    font-size: 14px;
    font-weight: 300;
    color: #a3a3a3;
    margin-right: 40px;
    position: relative;
}
.groups-container .post-comments .comment-react a::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #999;
    width: 3px;
    height: 3px;
    cursor: default;
}
.groups-container .post-comments .comment-react a:last-of-type::after {
    display: none;
}
.groups-container .birthdays-widget {
    display: flex;
    align-items: center;
    padding: 34px 24px;
    min-height: 180px;
}
.groups-container .birthdays-widget .icon {
    padding-right: 22px;
    width: 30%;
}
.groups-container .birthdays-widget .birthdays-info {
    width: 70%;
}
.groups-container .birthdays-widget p {
    margin-top: 0;
    margin-bottom: 12px;
    line-height: 1.1;
}
.groups-container .birthdays-widget p:last-of-type {
    margin-bottom: 0;
}
.groups-container .birthdays-widget p span {
    font-weight: 500;
    font-size: 18px;
    color: #773ca0;
    display: inline-block;
    margin-right: 3px;
}
.groups-container .goals-widget p {
    font-size: 15px;
}
.groups-container .accounts-widget .account {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(152, 152, 152, 0.2);
    display: flex;
    align-items: center;
}
.groups-container .accounts-widget .account:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.groups-container .accounts-widget .account .img {
    width: 44.2%;
    padding-right: 25px;
    text-align: center;
}
.groups-container .accounts-widget .account .user {
    width: 55.8%;
}
.groups-container .accounts-widget .account .user p {
    margin: 0;
    font-size: 16px;
}
.groups-container .accounts-widget .account .user p span {
    font-weight: 700;
    color: #773ca0;
}
.groups-container .accounts-widget .actions {
    margin-top: 7px;
}
.groups-container .accounts-widget .actions .btn {
    margin-bottom: 10px;
    box-shadow: none;
    font-size: 15px;
    padding-left: 17px;
    padding-right: 17px;
    border-radius: 10px;
    margin-right: 5px;
}
.groups-container .accounts-widget .actions .btn:last-of-type {
    margin-right: 0;
}
.groups-container .accounts-widget .actions .icon-btn {
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
}
.groups-container .gallery-widget {
    padding: 40px 30px 32px;
}
.groups-container .gallery-widget .title-gallery {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
}
.groups-container .gallery-widget .title-gallery h4 {
    font-size: 20px;
    text-transform: uppercase;
    color: #484748;
    margin: 0;
}
.groups-container .gallery-widget .title-gallery a {
    font-size: 16px;
    color: #858585;
}
.groups-container .gallery-widget .gallery {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 10px;
}
.groups-container .gallery-widget .gallery a {
    width: 33.3%;
    padding: 2px;
    display: flex;
}
div#modal-user-contract .modalx-content p, div#modal-user-contract .modalx-content img {
    display: inline-block;
    vertical-align: middle;
}
@media (max-width:1500px) {
    .nav-user-info .tab {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width:1200px) {
    .groups-container .cover-group .statistica-group ul li b {
        font-size: 18px;
    }
    .groups-container .cover-group .statistica-group ul li span {
        font-size: 15px;
    }
    .show-on-desktop {
        display: none !important;
    }
    .header-group .pe-dreapta {
        text-align: center;
    }
    .tabs-user-info {
        height: 60px;
    }
    .tabs-user-info .tab {
        height: 60px;
    }
    .nav-group .buttons-group {
        height: 60px;
    }
    .groups-container .new-post-widget .post-comments .comment .avatar {
        margin-right: 0;
    }
    .groups-container .new-post-widget {
        min-height: auto;
    }
    .groups-container .post-wrapper .avatar {
        max-width: 14%;
        margin-right: 0;
        padding-right: 15px;
    }
    .groups-container .post-wrapper .info {
        width: 86%;
    }
    .groups-container .post-comments .comment:last-of-type {
        margin-bottom: 0;
    }
    .groups-container .post-comments .comment-container {
        min-height: 45px;
        padding: 10px 20px;
    }
    .groups-container .post-comments .comment .avatar {
        margin-right: 0;
    }
    .groups-container .social-wrapper .social-icon {
        line-height: 1.1;
        margin-right: 15px;
        font-size: 16px;
    }
    .groups-container .birthdays-widget {
        flex-wrap: wrap;
    }
    .groups-container .birthdays-widget .icon {
        padding-right: 0;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
    .groups-container .birthdays-widget .birthdays-info {
        width: 100%;
    }
    .groups-container .gallery-widget, .groups-container .birthdays-widget {
        padding: 20px 20px;
    }
    .gallery-dashboard .card-with-header .files li {
        width: 25%;
    }
    .table-accounting .heading-icons>div {
        font-size: 16px;
    }
    .table-accounting .card-with-header .card-header .buttons-group .purple-btn {
        width: 190px;
    }
    .table-accounting .card-with-header .card-header {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        flex-wrap: wrap;
    }
    .table-accounting .widget-table-accounting .heading-icons {
        width: 100%;
        flex: initial;
        order: 3;
        margin-top: 5px;
    }
    .tasks-dashboard .card-with-header {
        margin-bottom: 40px;
    }
    .modalx.bottom-sheet.modal-calendar {
        max-width: 85%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .modal-calendar .tabs-calendar .tab a {
        padding-left: 20px;
    }
    .modal-calendar .tabs-calendar .tab a.active::before {
        width: 10px;
    }
    .modal-calendar .content-tabs .select {
        padding-left: 15px;
        padding-right: 15px;
    }
    .modal-calendar .content-tabs select {
        font-size: 16px;
    }
    .modal-calendar .content-tabs .person-info .avatar {
        margin-left: 15px;
        margin-right: 10px;
    }
}
@media (max-width:1033px) {
    table.dataTable>tbody>tr.child ul.dtr-details>li {
        display: inline-block;
        border-bottom: 0 !important;
        /*padding: 5px 20px !important;*/
    }
}
@media (max-width:900px) {
    #modal-show_interviu .content-area {
        margin-top: 0 !important;
    }
    .gallery-dashboard .card-with-header .files li {
        width: 33.3%;
    }
    .tasks-dashboard .content-area {
        margin-top: 0 !important;
    }
    .card-with-header .card-header .buttons-group .purple-btn {
        margin-right: 10px;
    }
    .modal-calendar .content {
        flex-wrap: wrap;
    }
    .modal-calendar .tabs-calendar {
        width: 100%;
        display: flex;
        border-bottom: 1px solid #b9b9b9;
    }
    .modal-calendar .tabs-calendar .tab {
        border-top: none;
        width: 16.6%;
        height: 48px;
    }
    .modal-calendar .tabs-calendar .tab a {
        font-size: 16px;
        padding: 0;
        justify-content: center;
        text-align: center;
    }
    .modal-calendar .tabs-calendar .tab a.active {
        background-color: transparent;
    }
    .modal-calendar .tabs-calendar .tab a.active::before {
        right: 0;
        top: auto;
        height: 3px;
        width: 100%;
    }
    .modal-calendar .content-tabs {
        width: 43%;
    }
    .modal-calendar .calendar-tabs {
        width: 57%;
    }
}
@media (min-width:600px) and (max-width:991px) {
    .groups-container .accounts-widget .account {
        flex-wrap: wrap;
    }
    .groups-container .accounts-widget .account .img {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .groups-container .accounts-widget .account .user {
        width: 100%;
    }
}
@media (max-width:600px) {
    .modalx.bottom-sheet.modal-small, .modalx.bottom-sheet.modal-custom {
        top: 20%;
        max-width: 90%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .modal-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    .modalx .modalx-content {
        padding: 15px 0 !important;
    }
    .modal-custom .input-group, .modal-custom .buttons-group {
        flex-wrap: wrap;
    }
    .modal-custom .buttons-group {
        justify-content: center;
    }
    .modal-custom .close-interview {
        width: 216px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .input-group label {
        margin-bottom: 5px;
        font-size: 16px;
    }
    .modal-custom .input-group label {
        width: 100%;
    }
    .input-group input, .input-group select {
        font-size: 18px;
    }
    .modal-custom .input-group input, .modal-custom .input-group select {
        width: 100%;
    }
    .interview-section .header-page {
        height: 150px;
    }
    .interview-section .header-page h2, .interview-section .header-page p {
        font-size: 24px;
    }
    .interview-section .section-title {
        margin-top: 25px;
    }
    .interview-section .generate_name {
        width: 175px;
    }
    .interview-section .username-generate input[type=text]:not(.browser-default) {
        padding-left: 192px;
    }
    .interview-section .actions-interview {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .groups-container .cover-group {
        padding-top: 50px;
    }
    .cover-group .buttons-group {
        text-align: center;
        padding-right: 0;
        margin-top: 20px;
    }
    .cover-group .buttons-group .btn {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .nav-group .buttons-group {
        padding: 0 15px;
    }
    .nav-group .buttons-group .btn:not(:last-of-type) {
        margin-right: 5px;
    }
    .groups-container .cover-group .statistica-group {
        width: 90%;
    }
    .groups-container .post-wrapper {
        font-size: 16px;
    }
    .groups-container .new-post-widget .post-comments {
        padding-left: 15px;
        padding-right: 15px;
    }
    .groups-container .post-wrapper .author-data, .groups-container .post-wrapper .card-content, .groups-container .post-comments {
        padding-left: 15px;
        padding-right: 15px;
    }
    .groups-container .social-wrapper {
        margin-left: 15px;
        margin-right: 15px;
    }
    .groups-container .post-comments .comment-input textarea {
        padding-right: 50px;
    }
    .groups-container .post-comments .comment-input .add-image {
        right: 15px;
    }
    .groups-container .post-comments .comment p {
        line-height: 1.2;
    }
    .gallery-dashboard .dropify-wrapper .dropify-message img {
        max-height: 50px;
    }
    .gallery-dashboard .dropify-wrapper .dropify-message h4 {
        font-size: 22px;
    }
    .table-accounting .card-with-header .card-header h4 {
        margin-bottom: 10px;
    }
    .table-accounting .card-with-header .card-header .buttons-group {
        width: 100%;
    }
    .table-accounting .card-with-header .card-header .buttons-group .purple-btn {
        margin-right: auto;
    }
    .tasks-dashboard .card-with-header .card-header {
        flex-wrap: wrap;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .tasks-dashboard .card-with-header .card-header .buttons-group {
        margin-top: 10px;
        width: 100%;
    }
    .tasks-dashboard .card-with-header .card-header .buttons-group .purple-btn {
        margin-right: auto;
    }
    .tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-bottom: 10px;
    }
    .tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-content {
        width: auto;
        flex: 1;
    }
    .tasks-dashboard.app-todo .content-area .app-wrapper .collection .collection-item .list-right {
        width: 100%;
        text-align: center;
    }
    .models-dashboard .my-models .model {
        padding: 10px;
    }
    .models-dashboard .avatar {
        padding-left: 5px;
        padding-right: 5px;
    }
    .models-dashboard .my-models .model .model-details {
        padding-left: 10px;
    }
    .models-dashboard .my-models .model .switch-model {
        padding-left: 10px;
    }
    .models-dashboard .my-models .model .switch-model .switch label .lever {
        margin-left: 7px;
        margin-right: 7px;
    }
    .models-dashboard .model-info {
        padding: 10px;
    }
    .models-dashboard .model-info .on-off {
        flex-wrap: wrap;
    }
    .models-dashboard .model-info .on-off>div {
        flex: initial;
        width: 100%;
        margin-bottom: 15px;
    }
    .models-dashboard .model-info .on-off .progress {
        height: 13px;
    }
    .models-dashboard .model-info .on-off .progress .determinate::after {
        height: 20px;
    }
    .models-dashboard .input-field>input, .models-dashboard .input-field>textarea {
        margin-bottom: 20px;
    }
    .modalx.bottom-sheet.modal-calendar {
        top: 0;
        bottom: 0;
        max-height: 80%;
    }
    .modal-calendar .tabs-calendar .tab a {
        font-size: 13px;
    }
    .modal-calendar .content-tabs {
        width: 100%;
        border: none;
        margin-bottom: 20px;
    }
    .modal-calendar .calendar-tabs {
        width: 100%;
    }
    .navbar .nav-wrapper .dropdown-content {
        left: auto !important;
        width: 160px !important;
        right: 0;
    }
    .dropdown-content li>a, .dropdown-content li>span {
        padding: 10px 15px;
        font-size: 14px;
    }
    .navbar #profile-dropdown li a i {
        font-size: 20px;
    }
}
.likeComment span {
    color: #773ca0;
    font-weight: 900;
}
.custome-select-box {
    max-width: 140px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.modalx {
    box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgb(204, 204, 204);
    top: 50% !important;
    transform: translateY(-50%);
    max-height: 90% !important;
}
.overlay-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(131, 131, 131, 0.4);
    z-index: 999;
}
.overlay-layer.hidden {
    display: none;
}
.modal-popup-seatch input {
    border-bottom-color: #595959 !important;
    color: #595959;
    padding-right: 40px !important;
    background-image: url('/img/icon/search-icon.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
div#modal-show_interviu .modalx-content {
    padding: 0;
}
div#modal-show_interviu .modalx-content .container {
    padding: 0;
}
div#modal-show_interviu table.bordered td, div#modal-show_interviu table.bordered th {
    border: 0 !important;
    border-bottom: 1px solid #767676 !important;
}
div#modal-show_interviu table.bordered th {
    font-size: 16px;
    color: #484748;
    text-transform: uppercase;
    padding: 11px 20px 23px 40px !important;
}
div#modal-show_interviu table.bordered td {
    font-size: 15px;
    color: #8d8d8d;
    padding: 11px 20px 11px 40px !important;
}
.status-selection select {
    border: 1px solid #9b9b9b;
    height: 39px;
    font-size: 15px;
    color: #9327a5;
    font-weight: 400;
    width: 110px;
}
.custome-select-box {
    background-image: url(/img/icon/down-arriw.png);
    background-position: 91% 50%;
    background-repeat: no-repeat;
}
.action-btn-link {
    font-size: 15px;
    height: 39px;
    line-height: 39px;
    padding: 0 18px;
    border-radius: 10px;
}
.modal-popup-seatch {
    max-width: 248px !important;
    margin-right: 14px;
}
.modal-popup-seatch input {
    width: 100% !important;
}
td.status-clumn {
    max-width: 125px;
}
td.action-clumn {
    max-width: 178px;
}
.scrollspy-coustome {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
/* Let's get this party started */

.scrollspy-coustome::-webkit-scrollbar {
    width: 6px;
}
/* Track */

.scrollspy-coustome::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */

.scrollspy-coustome::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4d4d4;
}
.scrollspy-coustome::-webkit-scrollbar-thumb:window-inactive {
    background: #d4d4d4;
}
.btn-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
.btn-block [class*=btn-] {
    font-size: 18px;
    color: #fff;
    font-weight: bold !important;
    margin: 0 7px;
    box-shadow: none !important;
    margin-bottom: 10px !important;
    margin-top: 5px !important;
    min-height: 84px;
    min-width: 163px;
    line-height: 84px;
    border-radius: 4%;
}
.btn-sky {
    background-image: -moz-linear-gradient(50deg, rgb(5, 140, 209) 0%, rgb(36, 193, 217) 100%);
    background-image: -webkit-linear-gradient(50deg, rgb(5, 140, 209) 0%, rgb(36, 193, 217) 100%);
    background-image: -ms-linear-gradient(50deg, rgb(5, 140, 209) 0%, rgb(36, 193, 217) 100%);
}
.btn-green {
    background-image: -moz-linear-gradient(50deg, rgb(87, 219, 112) 0%, rgb(143, 255, 220) 100%);
    background-image: -webkit-linear-gradient(50deg, rgb(87, 219, 112) 0%, rgb(143, 255, 220) 100%);
    background-image: -ms-linear-gradient(50deg, rgb(87, 219, 112) 0%, rgb(143, 255, 220) 100%);
}
.btn-red {
    background-image: -moz-linear-gradient(50deg, rgb(254, 84, 85) 0%, rgb(245, 137, 167) 100%);
    background-image: -webkit-linear-gradient(50deg, rgb(254, 84, 85) 0%, rgb(245, 137, 167) 100%);
    background-image: -ms-linear-gradient(50deg, rgb(254, 84, 85) 0%, rgb(245, 137, 167) 100%);
}
.heading-h2 h3 {
    font-size: 20px;
    color: #484748;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
}
.action-filter .select-wrapper {
    position: relative;
}
.action-filter .select-wrapper:before {
    content: "";
    background-image: url(/img/icon/add.png);
    background-repeat: no-repeat;
    background-size: 20px;
    position: absolute;
    top: 6px;
    left: 8px;
    width: 20px;
    height: 20px;
    z-index: 9;
}
.action-filter .select-dropdown.dropdown-trigger {
    border-radius: 10px !important;
    background-image: -moz-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
    background-image: -webkit-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
    background-image: -ms-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
    color: #fff;
    border: 0 !important;
    padding-left: 37px !important;
    position: relative;
    height: 33px;
    line-height: 33px;
    max-width: 140px;
    width: 100%;
    margin: 0;
}
.payment-action-btn.action-filter .select-dropdown.dropdown-trigger {
    background-image: unset;
    background-color: rgb(79, 59, 170) !important;
    box-shadow: 0px 3px 8.46px 0.54px rgba(0, 0, 0, 0.24);
}
.action-filter .select-wrapper .caret {
    fill: #fff;
}
.action-filter .select-wrapper .dropdown-content.select-dropdown {
    top: 100% !important;
    padding: 10px 0 !important;
    background-color: #f9f5fa !important;
    box-shadow: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: 1px solid #e4e1e1 !important;
}
.action-filter .select-wrapper .dropdown-content.select-dropdown li {
    line-height: normal;
    min-height: unset;
    background-color: transparent;
}
.action-filter .select-wrapper .dropdown-content.select-dropdown li span {
    padding: 5px 13px !important;
    font-size: 13px;
    color: #484748;
    font-weight: 400;
}
.action-filter .select-wrapper .dropdown-content.select-dropdown li:hover span {
    color: #6b249f;
    background-color: rgba(192, 192, 192, 0.2);
}
.cleare-btn.add-btn>a {
    border-bottom: 4px solid #3b8ede !important;
    font-size: 15px;
    color: #3f3f3f;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 0 10px 0 22px !important;
}
.cleare-btn.add-btn>a span {
    width: 22px;
    height: 22px;
    background-color: #3b8ede;
    border-radius: 50%;
    color: #fff !important;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    font-size: 24px;
}
.cleare-btn.filter-N-btn>a {
    border-bottom: 4px solid #c7bcd1 !important;
    font-size: 15px;
    color: #3f3f3f;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 0 26px 0 20px !important;
}
.cleare-btn.filter-N-btn>a span {
    color: #6a6a6a;
    font-weight: bold;
}
.table-block thead tr th {
    background-color: rgba(215, 215, 215, 0.5);
    font-size: 15px;
    color: #484748;
    font-weight: 400;
    border-right: 1px solid #d2d2d2;
    position: relative;
}
@media (max-width: 1200px) {
    /***/
    .table-block thead tr th {
        font-size: 14px;
    }
}
.table-block thead tr th {
    padding: 4px 12px 4px 10px !important;
}
.table-block tbody tr td {
    font-size: 14px;
    color: #484748;
    padding: 4px 10px !important;
    border-right: 1px solid #d2d2d2;
    position: relative;
    border-bottom: 1px solid #d2d2d2 !important;
    text-align: center;
}
table.dataTable.no-footer {
    border-bottom: 0 !important;
}
.table-block thead tr th:first-child, .table-block tbody tr td:first-child {
    padding: 0 10px;
    border: 0;
}
.table-block.table-block-new thead tr th:first-child, .table-block.table-block-new tbody tr td:first-child {
    border-right: 1px solid #d2d2d2;
}
.table-block tbody tr {
    border-bottom: 1px solid #d2d2d2;
}
.table-block thead tr th:last-child, .table-block tbody tr td:last-child {
    border-right: 0;
}
.table-block tbody tr td:nth-child(2) {
    /*text-align: left;*/
}
/*.table-block tbody tr:last-child {
border-bottom: 0;
}*/

.check-item .filled-in[type=checkbox]+span:not(.lever) {
    border: 2px solid #b7b7b7;
    font-size: 0;
    padding: 0;
    width: 15px;
    height: 16px;
}
.check-item .filled-in[type=checkbox].filled-in:checked+span:not(.lever) {
    border-color: #4038a0;
    background-color: #4038a0;
}
.check-item .filled-in[type=checkbox].filled-in:checked+span:not(.lever):before {
    top: -4px;
    left: -2px;
    width: 6px;
    height: 11px;
    border-top: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid transparent;
}
.check-item {}
.add-btn {
    position: relative;
}
.add-btn .modal.cutome-modal-pos {
    position: absolute;
    top: 0 !important;
    left: 100%;
    height: auto !important;
    width: auto !important;
    transform: unset !important;
    max-height: unset;
    right: unset;
    box-shadow: none;
    min-width: 296px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    background-color: #fff;
}
.add-btn .modal-overlay {
    opacity: 0 !important;
}
.add-btn .modal.cutome-modal-pos .modal-content {
    padding: 0;
}
.search-field-box {
    border-bottom: 1px solid #3b8ede;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.search-field-box input[type="text"] {
    box-sizing: border-box;
    padding: 0 40px 0 18px;
    border: 0 !important;
    margin: 0;
    box-shadow: none !important;
    background-repeat: no-repeat;
    background-image: url(/img/icon/search-icon.png);
    background-position: 96% 50%;
}
.filter-accodian .collapsible {
    margin: 0;
    border: 0;
}
.filter-accodian .collapsible .collapsible-header {
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 14px;
    color: #343434;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 0;
}
.filter-accodian .collapsible .collapsible-header:after {
    /*font-family: 'Material Icons';
    font-size: 18px;
    position: absolute;
    right: 0;
    content: 'keyboard_arrow_right';*/
}
.collapsible-search {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-left: 25px;
}
.collapsible-search input[type="text"] {
    height: 16px;
    margin: 0;
    font-size: 12px;
    background-repeat: no-repeat;
    background-image: url(/img/icon/search-icon.png);
    background-position: 96% 50%;
    background-size: 12px;
}
.collapsible-search .input-field {
    flex: 1;
}
.filter-accodian .collapsible-header .material-icons {
    margin: 0;
    width: 19px;
}
.filter-accodian li.active .collapsible-header .material-icons {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    position: relative;
    left: 5px;
}
.filter-accodian .collapsible-body {
    padding: 0;
    background-color: #fff;
    max-height: 110px;
    overflow-y: auto;
}
.filter-accodian .collapsible-body ul li {
    line-height: normal;
}
.filter-accodian .collapsible-body ul li a {
    color: #757575;
    font-size: 14px;
    padding: 5px 20px 5px 42px;
    display: block;
}
.filter-accodian .collapsible-body ul li a:hover {
    background-color: rgba(233, 233, 233, 0.6);
}
.filter-group_n {
    background-color: #f8f4fa !important;
}
.filter-group-box {
    min-height: calc(100vh - 155px);
    background-color: #fff;
}
.observation-block_con {
    text-align: left;
    width: 100%;
    position: relative;
    font-size: 13px;
    line-height: 13px;
    color: #484748;
    padding-left: 44px;
}
.observation-block_con:before {
    content: attr(data-con);
    font-size: 14px;
    color: #74219f;
    font-weight: bold;
    text-transform: uppercase;
    width: 24px;
    height: 24px;
    background-color: #ebebeb;
    border-radius: 50%;
    border: 1px solid #484748;
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    text-align: center;
    line-height: 22px;
}
.observation-block_con.blue-box:before {
    background-color: #ebebeb;
    border: 1px solid #484748;
    color: #74219f;
}
.observation-block_con.green-box:before {
    background-color: #ebebeb;
    border: 1px solid #00891a;
    color: #00891a;
}
th.Observations-block {
    width: 44%;
}
td span.new.badge {
    font-size: 10px;
    font-weight: bold;
    border-radius: 50px;
    padding: 3px 8px 7px;
    line-height: normal;
    text-transform: uppercase;
}
td span.new.badge.yellow-box {
    color: #d6c110;
    border: 1px solid #d6c110;
    background-color: #f4f1d6;
}
td span.new.badge.green-box {
    color: #469056;
    border: 1px solid #469056;
    background-color: #e0f8e5;
}
td span.new.badge:after {
    display: none;
}
td span.new.badge.red-box {
    color: #ff4539;
    border: 1px solid #ff4539;
    background-color: #ffe2e0;
}
td span.new.badge.blue-box {
    color: #4d4ad2;
    border: 1px solid #4d4ad2;
    background-color: #d0cfff;
}
.filter-N-btn {
    position: relative;
}
.filter-N-btn button {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background-color: transparent;
    color: #8375c3;
    z-index: 99;
    padding: 0;
    margin: 0;
}
.drop-inner-content {
    padding: 0 20px 11px;
    display: flex;
    flex-wrap: wrap;
}
.collapsible-body .drop-inner-content .form-control {
    height: 40px;
    margin: 0;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    padding-left: 15px;
}
body:not(.rangePicker) .daterangepicker {
    position: fixed !important;
    top: 50px !important;
    left: 0 !important;
    right: 0 !important;
    /* transform: translateY(-50%); */
    margin: 0 auto;
    max-width: 500px !important;
}
body.rangePicker .daterangepicker {
    max-width: 500px !important;
    z-index: 11111111;
}
.daterangepicker .calendar-table table td {
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}
.drp-buttons .btn.btn-sm {
    line-height: normal;
    background-image: -webkit-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
    background-image: linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-image: -webkit-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%) !important;
    background-image: linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%) !important;
    color: #fff;
}
.dataTables_filter {
    line-height: 45px;
}
.dataTables_filter label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: 313px;
}
.dataTables_info {
    padding-left: 15px;
}
.dataTables_paginate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 15px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.dataTables_wrapper .dataTables_info {
    padding-top: 20px !important;
    font-size: 14px;
}
.dataTables_paginate .btn, .dataTables_paginate .btn-flat.btn-flat[disabled], .dataTables_paginate .btn-flat.disabled {
    padding: 0 10px;
    background-color: rgb(79, 59, 170) !important;
    color: #fff !important;
}
.dataTables_paginate .btn:hover {
    background-color: rgb(131, 117, 195) !important;
}
.dataTables_paginate select.form-control {
    margin: 0 10px;
    border: 1px solid #c7bcd1;
    border-radius: 5px;
    height: 36px;
    width: auto;
}
table.dataTable thead .sorting {
    background-position: 100% !important;
}
.dataTables_wrapper {
    margin-bottom: 10px;
}
.dataTables_paginate .select-wrapper {
    width: auto;
}
.dataTables_paginate .select-wrapper input, .dataTables_paginate .select-wrapper ul, .dataTables_paginate .select-wrapper svg {
    display: none;
}
.app-wrapper {
    position: relative;
}
.download-btn_block {
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(45deg, #303f9f, #7b1fa2) !important;
    color: #fff;
    padding: 15px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.download-btn_block span {
    line-height: 0px;
    margin-right: 14px;
}
.signature-box {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 120px;
}
.signature-box .dropify-wrapper {
    max-width: 512px;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #7b68b5 !important;
    height: 100px;
    width: 200px;
}
.signature-box .dropify-preview .dropify-render img {
    height: 100px;
    width: 200px;
    object-fit: contain;
}
.signature-box-inner p {
    font-size: 16px;
    text-align: center;
    color: #000;
    margin: 8px 0 0;
}
.signature-box .dropify-message {
    display: none;
}
.signature-box .dropify-filename {
    display: none;
}
.signature-box .dropify-infos-message {
    display: none;
}
.content-area #bannerR, .content-area #bannerL {
    display: none;
}
.input-field .datepicker-modal.modal {
    /*width: 100% !important;
    max-width: 100%;*/
}
.input-field>.modal-overlay {
    display: none !important;
}
.datepicker-calendar .datepicker-table-wrapper table.datepicker-table tbody tr td {
    padding: 0 !important;
    border-radius: 50%;
    border: 0 !important;
}
/*caldenr css */

.calender-filter {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 7px 10px;
    background-color: #fff !important;
}
.date-filter-selection {
    max-width: unset;
    display: inline-flex;
}
.date-selection {
    display: inline-flex;
    width: auto;
    flex-wrap: wrap;
    align-items: center;
}
.date-selection .input-field {}
.date-selection .select-wrapper {
    width: auto;
}
.left-right-btn-booking {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.left-right-btn-booking button {
    background-color: transparent;
    border: 1px solid #e1e5ec;
    color: #ccc;
    font-size: 0px;
    width: 50px;
    height: 44px;
}
.date-selection p {
    margin: 0 0 0 20px;
    font-size: 16px;
    color: #484748;
    line-height: normal;
}
.left-right-btn-booking button:first-child {
    border-right-color: transparent;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.left-right-btn-booking button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
button.active-btn, .left-right-btn-booking button:hover {
    background-color: rgb(238, 236, 247);
    color: #8375c3;
}
.date-selection .select-wrapper .select-dropdown {
    background-color: transparent !important;
    border: 0 !important;
    font-size: 18px;
    color: #484748;
    font-weight: 400;
    width: 100%;
    max-width: 185px;
}
.date-selection ul.dropdown-content.select-dropdown {
    top: 100% !important;
}
.date-selection ul.dropdown-content.select-dropdown li span {
    color: #484748;
    padding-left: 0;
    padding-right: 0;
}
.filter-text {
    flex: 1;
    padding: 0 10px;
}
.filter-text p {
    font-size: 16px;
    color: #484748;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.filter-text p img {
    margin-right: 9px;
}
.filter-text p span.heigh-listed-span {
    font-weight: 600;
    font-size: 16px;
    color: #00c48c;
    padding-left: 5px;
}
.filter-text p span.heigh-listed-span span {
    color: #ff647c;
}
form#form-locale {
    opacity: 0;
    visibility: hidden;
}
.filter-month-day {
    max-width: unset;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.filter-block-today-top {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
}
.filter-block-today-top button {
    border: 2px solid #e1e5ec;
    background-color: #fff;
    color: #a3afbc;
    font-size: 17px;
    padding: 11px 24px;
    border-radius: 5px;
    margin-right: 10px;
}
.filter-month-day .filter-block-today-top button {
    margin-right: 0;
}
.filter-month-day .filter-block-today-top .input-field.k-dropdown select.browser-default {
    height: 45px;
}
.filter-month-day .filter-block-today-top .input-field.k-dropdown:before {
    right: 9px;
}
.filter-month-day .filter-block-today-top .input-field.k-dropdown {
    margin-left: 10px;
}
.filter-block-today-top .input-field {
    margin: 0;
}
.filter-block-today-top .input-field input.select-dropdown {
    max-width: 130px;
    width: 100%;
    border: 2px solid #e1e5ec !important;
    background-color: #fff !important;
    color: #4f3baa;
    font-size: 17px;
    padding: 0 20px 0 13px !important;
}
.filter-block-today-top .input-field .select-wrapper {
    top: 4px;
}
.filter-block-today-top .dropdown-content.select-dropdown {
    padding: 0 !important;
}
.filter-block-today-top .input-field .select-wrapper svg {
    display: none;
}
.filter-block-today-top .input-field .select-wrapper:before {
    content: "expand_more";
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    color: #e1e5ec;
    position: absolute;
    top: 50%;
    right: 9px;
    z-index: 999;
    transform: translateY(-50%);
    font-size: 20px;
}
.calender-block-filter_n_block {
    display: flex;
    justify-content: space-between;
}
.filter-month-day a {
    font-size: 16px;
    color: #6c3bab;
    font-weight: 400;
    padding: 8px 14px 10px;
    border-radius: 10px;
    background-color: #e3ebee;
    transition: all 0.3s;
    min-width: 75px;
    text-align: center;
    margin: 0 2px;
    line-height: normal;
}
.filter-month-day a.active-a, .filter-month-day a:hover {
    color: #482575;
    background-color: #aab4b8;
}
.filter-month-day a:first-child {
    margin-left: 0;
}
.filter-month-day a:last-child {
    margin-right: 0;
}
.boking-filter-row {
    width: 100%;
    background-color: #fbfbfd;
    border-top: 1px solid #e6eaf1;
    border-bottom: 1px solid #e6eaf1;
    padding: 0 15px;
    height: 40px;
}
.booking-filter-block {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.main-filter-btn {
    color: #7f92a3;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 14px;
}
.main-filter-btn span {
    width: 22px;
    height: 22px;
    background-color: #e2e2e2;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.main-filter-btn span img {
    width: 12px;
}
.main-filter-component-btn {
    font-size: 12px;
    color: #7f92a3;
    font-weight: 400;
    background-color: #ebeef3;
    border-radius: 10px;
    padding: 4px 23px 4px 10px;
    height: 30px;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
    margin: 0 0 0;
    transition: all 0.3s;
    box-sizing: border-box;
    box-shadow: none;
}
.main-filter-component-btn i {
    line-height: normal;
}
.main-filter-component-btn img {
    max-width: 24px;
    max-height: 24px;
    margin-right: 10px;
    transition: all 0.3s;
    object-fit: contain;
    margin-left: 0;
}
.filter-block-new .cus-width-control {
    display: inline-flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 16.66%;
    flex: 0 0 16.66%;
}
.filter-block-new .k-button-border {
    line-height: normal;
}
.main-filter-component-btn:hover, .main-filter-component-btn:focus, .main-filter-component-btn.active-filter {
    background-color: #8b82d0 !important;
    color: #fff;
    border-color: #8b82d0 !important;
}
/*.main-filter-component-btn:hover img, .main-filter-component-btn:focus img, .main-filter-component-btn.active-filter img {
filter: brightness(0) invert(1);
}*/

a.modal-filter-add-btn {
    margin-left: 10px;
    font-weight: bold;
    color: #4f3baa;
}
.modal-filter-dropdown {
    top: calc(100% + 7px) !important;
    box-shadow: none;
    border-radius: 5px !important;
    border: 2px solid rgb(216, 224, 231) !important;
    background-color: #fff !important;
    min-width: 140px;
}
.modal-filter-dropdown::-webkit-scrollbar {
    width: 2px;
}
/* Track */

.modal-filter-dropdown::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */

.modal-filter-dropdown::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4d4d4;
}
.modal-filter-dropdown::-webkit-scrollbar-thumb:window-inactive {
    background: #d4d4d4;
}
.modal-filter-dropdown li {
    min-height: unset;
}
.modal-filter-dropdown li>a, .modal-filter-dropdown li>span {
    color: #536476;
    padding: 4px 15px 7px;
}
.button-triggle-parent {
    position: relative;
    height: auto;
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
}
.calender-block {
    width: 100%;
    border-top: 1px solid #e6eaf1;
}
.calender-main-container {
    width: 100%;
    border-top: 1px solid #e6eaf1;
}
.filterData {
    /* flex: auto; */
    /*display: flex;*/
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.filterdate-block {
    display: flex;
}
.caldern-top-row-block {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.main-filgter_n_btn {
    flex: 1;
    padding-right: 10px;
}
.row-block-filter-calender .cleare-btn {
    max-width: 150px;
}
.filter-addeding-container {
    padding-bottom: 3px;
}
.filter-addeding-container::-webkit-scrollbar {
    width: 2px;
}
/* Track */

.filter-addeding-container::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */

.filter-addeding-container::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4d4d4;
}
.filter-addeding-container::-webkit-scrollbar-thumb:window-inactive {
    background: #d4d4d4;
}
.filter-addeding-container {
    display: flex;
    justify-content: flex-start;
    flex: 1;
    overflow-x: auto;
}
.left-part-block-room {
    max-width: 141px;
    width: 100%;
    border-right: 1px solid #e6eaf1;
}
.top-left-part {
    padding-left: 16px;
    height: 54px;
    display: inline-flex;
    width: 100%;
    align-items: center;
    background-color: transparent;
    border-bottom: 1px solid #d2d5db;
}
.top-left-part p {
    margin: 0;
    font-size: 14px;
    color: #aeaebe;
    font-weight: 400;
}
.right-room-number {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    flex: 1;
    max-width: 100%;
    flex-direction: column;
    position: relative;
}
.top-room-number-block {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 54px;
}
.top-room-number-block span {
    height: 40px;
    font-size: 16px;
    color: #484748;
    font-weight: 400;
    flex: 1;
    min-width: 28px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}
.week-day-main {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.left-part-block-room .week-day-main {
    border-bottom: 1px solid #d2d5db;
}
.week-day-name {
    max-width: calc(100% - 28px);
    width: 100%;
    padding-left: 16px;
}
.week-day-name p {
    margin: 0;
    font-size: 13px;
    color: #aeaebe;
    font-weight: 400;
}
.left-part-block-room .week-day-name p {
    height: 29px;
    line-height: 29px;
}
.right-room-number .week-day-name p {
    padding: 5px 0 4px;
}
.right-room-number .week-day-main {
    flex-wrap: wrap;
    border-right: 1px solid #d2d5db;
}
.right-room-number .top-room-number-block .week-day-main:last-child {
    border-right-color: transparent;
}
.week-day-name {
    width: 100%;
    max-width: 100%;
}
.right-room-number .week-day-name {
    padding-left: 0;
    text-align: center;
}
.week-day-sheft {
    width: 100%;
    display: flex;
}
.week-day-sheft span {
    height: 26px;
    border-left: 1px solid #e6eaf1;
    font-size: 16px;
    color: #b3b3c2;
    font-weight: 400;
    width: 100%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e6eaf1;
    border-top: 1px solid #e6eaf1;
}
.week-day-sheft span:first-child {
    border-left: 0;
}
.week-day-sheft span:last-child {
    border-right: 0;
}
.room-box-list-row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.room-box-list-row a {
    height: 30px;
    border-right: 1px solid #e6eaf1;
    border-bottom: 1px solid #e6eaf1;
    flex: 1;
    position: relative;
    padding: 1px;
}
.room-box-list-row a span {
    display: block;
    width: 100%;
    height: calc(100% + 1px);
    border-radius: 3px;
}
.room-box-list-row a:nth-child(3n+3) {
    border-right-color: #d2d5db;
}
.room-box-list .room-box-list-row:laset-child a {
    border-bottom-color: #888a8d;
}
.room-box-list-row a:last-child {
    border-right: transparent;
}
.blue-box {
    background-color: #4735a0;
}
.red-box {
    background-color: #cb1219;
}
/*.ld-green-box {
background-color: #09c447;
}*/

.room-box-list {
    overflow: hidden;
}
.active-member-animation:before {
    position: absolute;
    top: 0px;
    right: 1px;
    bottom: -1px;
    left: 1px;
    transform: translateY(-1500%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.8) 100%);
    animation: shimmer 3s ease-out infinite;
    content: "";
}
@keyframes shimmer {
    100% {
        transform: translateY(0%);
        opacity: 0;
    }
}
.star-mark:before {
    content: "*";
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    line-height: 28px;
    font-size: 28px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.schedule-block .top-room-number-block {
    flex-wrap: wrap;
}
.schedule-block .right-room-number .week-day-main {
    max-width: 14.28%;
}
.schedule-block .week-day-sheft span {
    min-width: unset;
    font-size: 14px;
}
.schedule-block .left-part-block-room {
    max-width: 111px;
}
.schedule-block .room-box-list-row a:nth-child(3n+3) {
    border-right-color: #e6eaf1;
}
.schedule-block .room-box-list-row a:nth-child(5n+5) {
    border-right-color: #d2d5db;
}
.schedule-block .left-part-block-room .week-day-main {
    border-bottom-color: #d7d7d7;
}
.schedule-block .hours-listing .week-day-main:nth-child(8n+8) {
    border-bottom-color: #d2d5db;
}
.schedule-block .room-box-list .room-box-list-row a {
    padding: 0 1px;
}
.schedule-block .room-box-list .room-box-list-row a span {
    border-radius: 0;
}
.schedule-block .room-box-list .room-box-list-row:nth-child(8n+8) a {
    border-bottom: 1px solid #d2d5db;
}
.schedule-block .room-box-list .room-box-list-row:nth-child(1n+8) a {
    padding-bottom: 1px;
}
.schedule-block .room-box-list .room-box-list-row:nth-child(1n+8) a span {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.schedule-block .room-box-list .room-box-list-row:nth-child(8n+1) a span {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.schedule-block .room-box-list .room-box-list-row:nth-child(8n+1) a {
    padding-top: 1px;
}
/*staff-block start*/

.calender-block.staff-block-calender {
    border-top: 1px solid #e6eaf1;
}
.staff-block-calender .top-room-number-block {
    flex-wrap: wrap;
}
.staff-block-calender .right-room-number .week-day-main {
    max-width: 14.28%;
}
.staff-block-calender .week-day-sheft span {
    min-width: unset;
    font-size: 14px;
}
.staff-block-calender .left-part-block-room {
    max-width: 111px;
}
.staff-block-calender .room-box-list-row a:nth-child(3n+3) {
    border-right-color: #e6eaf1;
}
.staff-block-calender .room-box-list-row a:nth-child(5n+5) {
    border-right-color: #d2d5db;
}
.staff-block-calender .left-part-block-room .week-day-main {
    border-bottom-color: #d7d7d7;
}
.staff-block-calender .hours-listing .week-day-main:nth-child(12n+12) {
    border-bottom-color: #d2d5db;
}
.staff-block-calender .room-box-list .room-box-list-row a {
    padding: 0 1px;
}
.staff-block-calender .room-box-list .room-box-list-row a span {
    border-radius: 0;
}
.staff-block-calender .room-box-list .room-box-list-row.real-start-time a {
    padding-top: 1px;
}
.staff-block-calender .room-box-list .room-box-list-row.real-end-time a {
    padding-bottom: 1px;
}
.staff-block-calender .room-box-list .room-box-list-row.real-start-time a span {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.staff-block-calender .room-box-list .room-box-list-row.real-end-time a span {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.staff-block-calender .room-box-list .room-box-list-row:nth-child(12n+12) a {
    border-bottom: 1px solid #d2d5db;
}
.staff-block-calender .room-box-list .room-box-list-row:nth-child(12n+12) a {
    padding-bottom: 1px;
}
.staff-block-calender .room-box-list .room-box-list-row:nth-child(12n+12) a span {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: calc(100% + 0px);
}
.staff-block-calender .room-box-list .room-box-list-row:nth-child(12n+1) a span {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.staff-block-calender .room-box-list .room-box-list-row:nth-child(12n+1) a {
    padding-top: 1px;
}
.staff-block-calender .room-box-list .room-box-list-row a.shift-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1px;
    right: 1px;
    bottom: 0;
    background-color: rgba(173, 173, 173, 0.3);
    z-index: 1;
}
.staff-block-calender .room-box-list .room-box-list-row:nth-child(12n+12) a.shift-overlay:before {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 1px;
}
.staff-block-calender .room-box-list .room-box-list-row:nth-child(12n+1) a.shift-overlay:before {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    top: 1px;
}
/*staff-block end*/

/*real sadul start*/

.real-shadual-block .room-box-list .room-box-list-row a {
    border-bottom: 0;
    padding: 0 1px;
    position: relative;
}
.real-shadual-block .room-box-list .room-box-list-row a span {
    border-radius: 0;
    position: relative;
}
.real-shadual-block .room-box-list .room-box-list-row.real-start-time a {
    padding-top: 1px;
}
.real-shadual-block .room-box-list .room-box-list-row.real-end-time a {
    padding-bottom: 1px;
}
.real-shadual-block .room-box-list .room-box-list-row.real-start-time a span {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.real-shadual-block .room-box-list .room-box-list-row.real-end-time a span {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.real-shadual-block .room-box-list .room-box-list-row a.shift-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1px;
    right: 1px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    z-index: 1;
}
.real-shadual-block .room-box-list .room-box-list-row:nth-child(8n+8) a.shift-overlay:before {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 2px;
}
.real-shadual-block .room-box-list .room-box-list-row:nth-child(8n+1) a.shift-overlay:before {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    top: 1px;
}
.real-shadual-block .room-box-list .room-box-list-row:nth-child(8n+8) a {
    border-bottom: 1px solid #d2d5db;
}
.real-shadual-block .top-room-number-block {
    flex-wrap: wrap;
}
.real-shadual-block .right-room-number .week-day-main {
    max-width: 14.28%;
}
.real-shadual-block .week-day-sheft span {
    min-width: unset;
    font-size: 14px;
}
.real-shadual-block .left-part-block-room {
    max-width: 111px;
}
.real-shadual-block .room-box-list-row a:nth-child(3n+3) {
    border-right-color: #e6eaf1;
}
.real-shadual-block .room-box-list-row a:nth-child(5n+5) {
    border-right-color: #d2d5db;
}
.real-shadual-block .left-part-block-room .week-day-main {
    border-bottom-color: #d7d7d7;
}
.real-shadual-block .hours-listing .week-day-main:nth-child(8n+8) {
    border-bottom-color: #d2d5db;
}
.tooltip-row h5 {
    color: #fff;
    font-size: 11px;
    margin: 0;
    line-height: normal;
    font-weight: bold;
}
.tooltip-row p {
    color: #fff;
    font-size: 11px;
    margin: 0;
    line-height: normal;
    font-weight: 400;
}
.material-tooltip {
    overflow: visible !important;
    border-radius: 5px !important;
}
.tooltip-row {
    width: 100%;
    text-align: left;
    min-width: 120px;
    margin-bottom: 10px;
}
.material-tooltip:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background-color: #323232;
    margin: 0 auto;
    transform: rotate(45deg);
}
/*real sadul end*/

@media (max-width:992px) {
    .mobile-menu-block-main .sidenav {
        display: none;
    }
    #slide-out2 {
        display: none;
    }
}
/*modal-staff-shadual-block start*/

.modal-staff-block {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    flex-direction: column;
    width: 100%;
    flex: 1;
    border-right: 1px solid #d2d5db;
}
.modal-staff-shadual-block .room-box-list {
    display: inline-flex;
    justify-content: flex-start;
}
/* Let's get this party started */

.modal-staff-block::-webkit-scrollbar {
    width: 6px;
    height: 5px;
    background-color: #f6f6f6;
}
/* Track */

.modal-staff-block::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */

.modal-staff-block::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4d4d4;
}
.modal-staff-block::-webkit-scrollbar-thumb:window-inactive {
    background: #d4d4d4;
}
.modal-staff-shadual-block .week-day-name {
    padding-left: 10px;
}
.modal-staff-shadual-block .top-left-part {
    padding-left: 10px;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row a {
    padding: 0 1px;
    position: relative;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row a span {
    border-radius: 0;
    position: relative;
    min-width: 24.5px;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row.real-start-time a {
    padding-top: 1px;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row.real-end-time a {
    padding-bottom: 1px;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row.real-start-time a span {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row.real-end-time a span {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row a.shift-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1px;
    right: 1px;
    bottom: 0;
    background-color: rgba(173, 173, 173, 0.3);
    z-index: 1;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row:nth-child(8n+8) a.shift-overlay:before {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 1px;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row:nth-child(8n+1) a.shift-overlay:before {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    top: 1px;
}
/*.modal-staff-shadual-block .room-box-list .room-box-list-row:nth-child(1n + 8) a{
border-bottom: 1px solid #d2d5db;
}*/

.modal-staff-shadual-block .top-room-number-block {
    flex-wrap: wrap;
    height: auto;
}
.modal-staff-shadual-block .right-room-number .week-day-main {
    max-width: 14.28%;
}
.modal-staff-shadual-block .week-day-sheft span {
    min-width: unset;
    font-size: 14px;
    min-width: 27.5px;
    flex: 1;
}
.modal-staff-shadual-block .left-part-block-room {
    max-width: 81px;
}
.modal-staff-shadual-block .room-box-list-row a:nth-child(3n+3) {
    border-right-color: #e6eaf1;
}
.modal-staff-shadual-block .left-part-block-room .week-day-main {
    border-bottom-color: #d7d7d7;
}
.modal-staff-shadual-block .hours-listing .week-day-main:nth-child(8n+8) {
    border-bottom-color: #d2d5db;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row:nth-child(8n+8) a {
    padding-bottom: 1px;
    border-bottom: 1px solid #d2d5db;
}
.modal-staff-shadual-block .room-box-list .room-box-list-row:nth-child(8n+8) a span {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: calc(100% + 0px);
}
.modal-staff-shadual-block .day-view-modal .right-room-number .week-day-main, .staff-block-calender .day-view-modal .right-room-number .week-day-main {
    max-width: 100%;
}
.month-view-modal .room-box-list {
    max-height: 270px;
    min-height: 270px;
    height: 100%;
}
.month-view-modal .hours-listing {
    max-height: 240px;
    min-height: 240px;
    height: 100%;
    overflow: hidden;
}
.staff-block-calender .month-view-modal .hours-listing {
    max-height: 270px;
    min-height: 270px;
}
.T-block {
    top: 50%;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background-color: #fff;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    margin: 0 auto;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    z-index: 11;
}
.real-end-time .T-block {
    border: 1px solid #f52c4e;
    color: #f52c4e;
}
.real-start-time .T-block {
    border: 1px solid #3e38a2;
    color: #3e38a2;
}
.real-start-time .T-block:before {
    content: "*";
    font-size: 20px;
    color: #3e38a2;
    font-weight: bold;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 1;
    visibility: hidden;
}
.real-start-time .T-block.approvalCls:before {
    opacity: 1;
    visibility: visible;
}
.breack-block {
    position: absolute;
    top: 0;
    left: 1px;
    right: 1px;
    bottom: 0;
    background-color: #fff;
    background-image: url(/img/breack.jpg);
}
/*modal-staff-shadual-block end*/

.light-green-box span {
    background-color: #009688;
}
.form-box_NN .header-group {
    background-color: #fff;
}
.form-box_NN .form-header {
    background-color: #f8f4fa;
    padding: 25px 20px;
}
.form-box_NN .form-header h2 {
    font-size: 20px;
    color: #484748;
    font-weight: 400;
    width: 100%;
    margin: 0;
}
.form-group-main {
    padding: 0 12px;
}
.ruls-form h3 {
    font-size: 20px;
    color: #484748;
    font-weight: 400;
    margin: 0;
    padding: 0 9px;
}
.ruls-form {
    margin-top: 50px;
}
.p-cus {
    padding: 0 15px !important;
}
.form-group-main .input-field .fill-input {
    box-shadow: 0px 5px 4.9px 0.1px rgba(67, 65, 65, 0.07) !important;
    border: 1px solid rgb(212, 212, 212) !important;
    background-color: rgb(246, 246, 246);
    border-radius: 5px;
    height: 48px;
    padding: 25px 14px;
    font-size: 18px;
    color: #201e21;
    box-sizing: border-box;
    margin: 0 0 0 0;
}
.form-group-main .input-field .fill-input:focus {
    border-color: #0187a8 !important;
}
.form-group-main .input-field label {
    font-size: 18px;
    color: #484748;
    font-weight: 400;
    position: unset;
    transform: unset !important;
}
/*.add-row-button {
margin-top: 49px;
}*/

.add-row-button {
    margin-top: 27px;
}
.add-row-button a {
    display: block;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #f6f6f6;
    border: 1px solid #d4d4d4;
    font-size: 23px;
    color: #363536;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}
.form-buttom-btn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    margin: 30px 0 40px;
}
.form-buttom-btn .submit-btn-apply {
    font-size: 16px;
    color: #fff;
    border-radius: 15px;
    background-image: -moz-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
    background-image: -webkit-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
    background-image: -ms-linear-gradient(3deg, rgb(62, 57, 160) 0%, rgb(117, 32, 159) 100%);
    box-shadow: 0px 3px 8.46px 0.54px rgba(0, 0, 0, 0.24);
    height: 43px;
    padding: 0 20px;
    border: 1px solid transparent;
    line-height: 43px;
    min-width: 136px;
    text-align: center;
    margin: 0 15px;
}
.form-buttom-btn .submit-btn-apply:hover {
    background-color: #f6f6f6;
    color: #3f38a0;
    border-color: #4436a0;
    background-image: none;
}
.row .w-20-width {
    width: 18.80% !important;
}
.row .w-auto-width {
    width: auto !important;
}
.l-ping-box span {
    background-color: #faafbc;
}
.pink-box span {
    background-color: #f8637b;
}
.l-green-box span {
    background-color: #d6e9fa;
}
.ld-new-green-box span {
    background-color: #7ce0c4;
}
.ld-green-box span {
    background-color: #37c48c;
}
.sky-box span {
    background-color: #65b5f8;
}
.light-sky-box span {
    background-color: #e2f0fb;
}
.n-light-pink-box span {
    background-color: #ffa2ac;
}
.light-pink-box span {
    background-color: #fec6e1;
}
.light-green-box span {
    background-color: #6bd8c1;
}
.light-yellow-box span {
    background-color: #ffe09f;
}
.m-light-green-box span {
    background-color: #74c58d;
}
.light-red-box span {
    background-color: #ffd5b3;
}
/*kendra defluat style css*/

.k-h1 {
    font-size: 32px;
    margin: 0 0 10px;
    color: #092c4c;
    width: 100%;
}
.k-h2 {
    font-size: 24px;
    margin: 0 0 20px;
    line-height: 35px;
    color: #092c4c;
    width: 100%;
}
.k-h3 {
    font-size: 18px;
    margin: 0 0 20px;
    color: #092c4c;
    width: 100%;
    line-height: 24px;
}
.k-h4 {
    font-size: 16px;
    margin: 0 0 10px;
    color: #092c4c;
    width: 100%;
    display: flex;
    align-items: center;
}
.k-h4 i {
    margin-right: 8px;
    color: #092c4c;
}
.k-p1 {
    font-size: 16px;
    margin: 0 0 10px;
    color: #092c4c;
    width: 100%;
}
.k-p2 {
    font-size: 14px;
    margin: 0 0 10px;
    color: #092c4c;
    width: 100%;
}
.k-p3 {
    font-size: 12px;
    margin: 0 0 10px;
    color: #092c4c;
    width: 100%;
}
.k-p4 {
    font-size: 10px;
    margin: 0 0 10px;
    color: #092c4c;
    width: 100%;
}
.k-gray {
    color: #5c748a;
}
.k-gray1 {
    color: #909090;
}
.kbg-blue {
    background-color: #4f3baa;
}
.kbg-sky {
    background-color: #5e9beb;
}
.kbg-light-blue {
    background-color: #8b82d0;
}
.kbg-skin {
    background-color: #ffc392;
}
.kbg-Yellow {
    background-color: #ffd376;
}
.kbg-pink {
    background-color: #ff7a87;
}
.kbg-light-green {
    background-color: #2cc8a7;
}
.kbg-light-red {
    background-color: #ff886f;
}
.kbg-light-sky {
    background-color: #9adcf1;
}
.kbg-green {
    background-color: #38ad5c;
}
.kbg-perpul {
    background-color: #9125a3;
}
.kbg-light-pink {
    background-color: #ffaed4;
}
.kbg-white {
    background-color: #fff !important;
}
.kbg-gey1 {
    background-color: #f6fafd;
}
.kbg-gey2 {
    background-color: #ebeef3;
}
.kbg-gey3 {
    background-color: #d8e0e7;
}
.kbg-gey4 {
    background-color: #7f92a3;
}
.kbg-gey5 {
    background-color: #536476;
}
.kbg-warning {
    background-color: #f7b556;
}
.kbg-denger {
    background-color: #fd557e;
}
.kbg-success {
    background-color: #44b987;
}
.kbg-perpul-5o {
    background-color: rgba(79, 59, 170, 0.05);
}
.kbg-perpul-10o {
    background-color: rgba(79, 59, 170, 0.1);
}
.kbg-perpul-30o {
    background-color: rgba(79, 59, 170, 0.3);
}
.kbg-perpul-50o {
    background-color: rgba(79, 59, 170, 0.5);
}
.kbg-perpul-70o {
    background-color: rgba(79, 59, 170, 0.7);
}
.kbg-perpul-90o {
    background-color: rgba(79, 59, 170, 0.9);
}
.k-input-text label {
    font-size: 14px;
    color: #7f92a4;
    font-weight: 400;
    position: unset;
    margin-bottom: 7px;
    display: block;
    transform: unset !important;
    padding-left: 0 !important;
    width: 100%;
}
.k-input-text label span, .k-dropdown label span {
    color: #ff886f;
}
.k-input-text .k-txt-box {
    color: #484748;
    font-weight: 400;
    position: unset;
    box-shadow: 0px 5px 4.9px 0.1px rgba(67, 65, 65, 0.07) !important;
    background-color: rgb(246, 246, 246) !important;
    border: 1px solid rgb(212, 212, 212) !important;
    border-radius: 7px !important;
    padding-left: 15px !important;
    font-size: 14px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
}
.dataTables_filter input[type="search"] {
    margin-bottom: 0px !important;
    margin-left: 10px !important;
    line-height: 20px;
    height: 25px;
    width: auto;
}
.k-input-text-icon .k-txt-box {
    padding-left: 50px !important;
}
.k-input-text-icon i.material-icons {
    top: 12px !important;
    font-size: 30px;
    position: absolute;
    left: 15px;
    color: #bdbdbd;
}
.k-input-text-icon i.material-icons.active {
    color: rgb(1, 135, 168);
}
.k-input-text .k-txt-box::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #cbc6cf;
}
.k-input-text .k-txt-box::-moz-placeholder {
    /* Firefox 19+ */
    color: #cbc6cf;
}
.k-input-text .k-txt-box:-ms-input-placeholder {
    /* IE 10+ */
    color: #cbc6cf;
}
.k-input-text .k-txt-box:-moz-placeholder {
    /* Firefox 18- */
    color: #cbc6cf;
}
.k-input-text .k-txt-box:focus, .dataTables_filter input[type="search"]:focus {
    border-color: rgb(1, 135, 168) !important;
}
/*.k-input-error .k-txt-box {
border-color: rgb(255, 136, 111) !important;
}*/

.k-input-error .k-error {
    color: #ff886f;
    font-size: 16px;
    margin-top: 0px;
    width: 100%;
    padding-left: 0;
}
.k-input-text .k-textarea {
    box-shadow: 0px 5px 4.9px 0.1px rgba(67, 65, 65, 0.07) !important;
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(212, 212, 212) !important;
    border-radius: 3px !important;
    height: 100px;
    padding-left: 20px;
    resize: auto;
    color: #484748;
    font-weight: 400;
    font-size: 14px !important;
    margin-bottom: 0;
}
.k-input-text .k-textarea:focus {
    border-color: rgb(1, 135, 168) !important;
}
.k-input-error .k-txt-box, .k-input-error .k-textarea, .k-dropdown.k-input-error select.browser-default {
    border-color: rgb(255, 136, 111) !important;
}
.app-file-header-search .input-field.k-input-text {
    margin-top: 16px;
}
.input-field.k-input-text .prefix {
    top: 43px;
}
.input-field.k-input-text, .input-field.k-dropdown {
    margin-top: 0;
}
.k-txt-box[readonly="readonly"]:focus {
    border: 1px solid rgb(236, 236, 236) !important;
}
.k-txt-box[readonly="readonly"] {
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(236, 236, 236) !important;
}
.k-dropdown select.browser-default {
    border: 2px solid rgb(216, 224, 231) !important;
    border-radius: 5px !important;
    padding-left: 15px !important;
    font-size: 16px !important;
    color: #536476 !important;
    position: relative;
    box-sizing: border-box !important;
    height: 40px;
    background-color: #fff !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    padding-right: 30px;
    width: 100%;
}
.k-dropdown .select-wrapper {
    top: 0 !important;
}
.k-button-fill, .swal-button {
    border-radius: 5px;
    background-color: rgb(79, 59, 170) !important;
    color: #fff !important;
    box-shadow: 0px 3px 8.46px 0.54px rgba(0, 0, 0, 0.24);
    font-size: 14px;
    text-transform: unset;
    height: 40px;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}
.k-button-fill svg {
    width: 26px;
    height: 25px;
    margin-right: 5px;
}
.k-button-fill input[type="submit"] {
    color: #fff;
}
.block-btn-main-sc {
    margin: 0 5px;
}
.k-button-fill i, .swal-button i {
    margin-right: 5px;
}
.k-button-fill.k-icon i, .swal-button.k-icon i {
    margin-right: 0;
}
.k-button-fill span {}
.k-button-fill:hover, .swal-button:hover {
    background-color: rgb(131, 117, 195) !important;
}
.k-button-fill:focus, .k-button-fill:active {
    background-color: rgb(47, 20, 168) !important;
}
.k-button-fill.disabled {
    background-color: rgb(202, 196, 229);
    box-shadow: 0px 3px 8.46px 0.54px rgba(0, 0, 0, 0.24);
}
.k-button-border, #kanban-wrapper .kanban-container .kanban-board .kanban-title-button {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: none;
    border: 2px solid rgb(204, 204, 204);
    font-size: 18px;
    text-transform: unset;
    height: 48px;
    line-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8375c3;
}
.k-button-border:hover, .k-button-border:focus, .k-button-border:active {
    background-color: rgb(238, 236, 247) !important;
    border-color: rgb(204, 204, 204) !important;
    box-shadow: none !important;
    color: #8375c3;
}
.k-button-border:hover+.close-filter-btn.clearFilterData, .k-button-border:focus+.close-filter-btn.clearFilterData, .k-button-border:active+.close-filter-btn.clearFilterData {
    color: #8375c3;
}
.k-button-border.disabled {
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(236, 236, 236);
    color: #cac3eb !important;
}
.k-btn-normal {
    min-width: 147px;
    padding: 0 15px;
}
.k-btn-small {
    height: 45px;
}
.k-btn-big {
    min-width: 350px;
}
.k-btn-big {
    min-width: 350px;
    padding: 0 38px;
}
.k-btn-big i.left {
    position: absolute;
    right: 0;
    font-size: 28px;
}
.k-btn-icon {
    min-width: 147px;
}
.k-btn-icon img {
    margin-right: 14px;
}
.k-button-fill.clearFilterData span {
    margin-left: 11px;
}
.k-normal-lineheight {
    line-height: normal !important;
}
.k-icon {
    width: 48px;
    padding: 0;
}
.k-icon-small {
    width: 30px;
    height: 31px;
    margin: 0 3px;
    line-height: 0;
}
.k-icon img {
    width: auto;
}
.k-icon-small img, .k-icon-small svg {
    width: 15px;
    margin: 0 auto;
}
.k-radius-btn {
    border: 1px solid #d8e0e7;
    font-size: 20px;
    color: #536476;
    padding: 10px 15px;
    border-radius: 50px;
    display: inline-block;
}
.k-radius-btn:hover {
    background-color: #eeecf7;
}
.k-button-blank {
    font-size: 22px;
    color: #8375c3;
    display: inline-flex;
    align-items: center;
}
.k-button-blank i {
    color: #8375c3;
}
.k-tracker-step {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.k-tracker-box {
    flex: 1;
    position: relative;
    margin-top: 22px;
}
.k-step {
    position: relative;
    width: 47px;
    height: 47px;
    position: relative;
    background-color: #ebeff3;
    border-radius: 50%;
}
.k-step-lable {
    position: absolute;
    top: -19px;
    left: 0;
    color: #7f92a4;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold !important;
    text-align: center;
}
.k-tracker-box:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 10px solid #ebeff3;
    transform: translateY(-50%);
}
.k-tracker-step .k-tracker-box:last-child:before {
    display: none;
}
.k-current-step .k-step {
    background-color: #5e9beb;
}
.k-passed-step:before {
    border-top-color: #5e9beb;
}
.k-passed-step .k-step {
    background-color: #5e9beb;
}
.k-passed-step .k-step:after {
    content: "check";
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    font-size: 29px;
}
.innerview-step .k-current-step .k-step {
    background-color: #59c381;
}
.innerview-step .k-current-step .k-step:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    width: 29px;
    height: 29px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
}
.innerview-step .k-passed-step .k-step {
    background-color: #59c381;
}
.innerview-step .k-passed-step:before {
    border-top-color: #59c381;
}
.Schedule-tracker {
    width: 100%;
}
.Schedule-tracker {
    width: 100%;
}
.Schedule-tracker-row {
    width: 100%;
    position: relative;
    min-height: 122px;
}
.Schedule-tracker-row:before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    border-left: 5px solid #ebeff3;
}
.Schedule-tracker .Schedule-tracker-row:last-child:before {
    display: none;
}
.Schedule-tracker-inner {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.Schedule-treak {
    width: 33px;
    height: 33px;
    background-color: #ebeff3;
    border-radius: 50%;
    position: relative;
}
.Schedule-tracker-date {
    padding-left: 40px;
}
.Schedule-tracker-date p {
    font-size: 20px;
    color: #7f92a4;
    font-weight: bold;
    margin: 0;
}
.Schedule-tracker-date p span {
    display: block;
}
.Schedule-detail {
    padding-left: 40px;
    flex: 1;
}
.Schedule-detail h5 {
    font-size: 20px;
    color: #526475;
    width: 100%;
    margin: 0;
    font-weight: bold;
}
.Schedule-detail p {
    font-size: 20px;
    color: #6a7a8a;
    width: 100%;
    margin: 0;
    font-weight: 400;
}
.running-schedule .Schedule-treak {
    background-color: #5e9beb;
}
.running-schedule .Schedule-treak:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
}
.passed-schedule.Schedule-tracker-row:before {
    border-left-color: #5e9beb;
}
.passed-schedule .Schedule-treak {
    background-color: #5e9beb;
}
.passed-schedule .Schedule-treak:before {
    content: "check";
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    font-size: 23px;
}
[type=checkbox].filled-in+span:not(.lever):after, [type=checkbox].filled-in+span:not(.lever):before {
    content: "" !important;
}
.k-checkbox-warp {
    margin-bottom: 1rem;
}
.k-checkbox-fill {
    color: #4f3baa;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}
.k-checkbox-fill [type=checkbox].filled-in:checked+span:not(.lever):after {
    background-color: #4f3baa;
    border-radius: 3px;
    border-color: #4f3baa;
}
.k-checkbox-fill span {
    line-height: normal !important;
    height: 15px !important;
    font-size: 16px;
}
.k-radio-fill [type=radio]+span:after, .k-radio-fill [type=radio]+span:before {
    width: 20px;
    height: 20px;
    margin: 3px 0 0;
}
.k-radio-fill [type=radio]:checked+span:not(.lever):after {
    background-color: transparent;
    border-color: transparent;
    content: "check";
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    color: #fff;
    position: absolute;
    text-align: center;
    font-size: 15px;
    top: -4px;
}
.k-radio-fill [type=radio]:checked+span:not(.lever):before {
    background-color: #4f3baa;
    border-color: #4f3baa;
}
.k-checkbox-border {
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}
.k-checkbox-border [type=checkbox].filled-in:checked+span:not(.lever):after {
    background-color: transparent;
    border-radius: 3px;
    border-color: #949494;
}
.k-checkbox-border span {
    line-height: normal !important;
    height: 20px !important;
    font-size: 16px;
}
.k-checkbox-border [type=checkbox].filled-in:checked+span {
    color: #536476;
}
.k-checkbox-border [type=checkbox].filled-in:checked+span:not(.lever):before {
    border-right: 2px solid #949494;
    border-bottom: 2px solid #949494;
}
.k-checkbox-border [type=checkbox].filled-in:not(:checked)+span:not(.lever):after {
    border-color: #cbd4de;
}
.k-radio-border [type=radio]+span:after, .k-radio-border [type=radio]+span:before {
    width: 20px;
    height: 20px;
    margin: 3px 0 0;
    background-color: transparent;
    border-radius: 50%;
    border-color: #cbd4de;
}
.k-radio-border span {
    color: #cbd4de;
}
.k-radio-border [type=radio]:checked+span:not(.lever):after {
    background-color: transparent;
    border-color: transparent;
    content: "check";
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    color: #949494;
    position: absolute;
    text-align: center;
    font-size: 15px;
    top: -4px;
}
.k-radio-border [type=radio]:checked+span:not(.lever):before {
    background-color: transparent;
    border-color: #949494;
}
.k-input-fill-btn {
    color: #fff;
    border: 0;
    cursor: pointer;
}
.k-input-border-btn {
    color: #6e7b8a;
}
.k-pagination li a {
    border: 1px solid #ccd2d9;
    width: 70px;
    height: 70px;
    font-size: 20px;
    color: #6e7b8a;
    line-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.k-pagination li {
    display: inline-block;
    height: auto;
    border-radius: 5px;
}
.k-switch label .lever {
    height: 31px;
    width: 56px;
    background-color: #ccd0d3;
}
.k-switch label .lever:after, .k-switch label .lever:before {
    width: 23px;
    height: 23px;
    top: 4px;
    left: 3px;
}
.k-switch label .lever:before {
    content: "No";
    width: auto;
    height: auto;
    right: 9px;
    left: unset;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    top: 7px;
}
.k-switch.k-switch-blue label input[type=checkbox]:checked+.lever {
    background-color: #0d79c2;
}
.k-switch.k-switch-green label input[type=checkbox]:checked+.lever {
    background-color: #44b987;
}
.k-switch label input[type=checkbox]:checked+.lever:before {
    left: 7px;
    content: "Yes";
}
.k-switch label input[type=checkbox]:checked+.lever:after {
    left: 30px;
    background-color: #fff;
}
.k-switch label .lever:after {
    box-shadow: none;
}
.k-switch-with-label label:first-child {
    margin-bottom: 26px;
}
.schule-switch-witho-label label:first-child {
    margin-bottom: 20px;
}
.k-overflow-visiable {
    overflow: visible !important;
    display: inline-block;
    width: 100%;
}
.k-border-radius {
    border-radius: 23px;
}
.k-list-view {
    width: 100%;
}
.label-text {
    font-size: 18px;
    color: #7f92a4;
    font-weight: 400;
    position: unset;
    margin-bottom: 10px;
    display: block;
    transform: unset !important;
}
.k-list-view-inner {
    width: 100%;
    padding: 50px 0;
    border-top: 1px solid #cdd6dd;
    border-bottom: 1px solid #cdd6dd;
}
.k-list-view-inner h3 {
    font-size: 18px;
    margin: 0 0 20px;
    color: #012345;
    width: 100%;
    line-height: 24px;
    font-weight: bold;
}
.k-ul-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.k-ul-list li {
    margin: 10px 0;
    width: 100%
}
.k-ul-list li a {
    font-size: 18px;
    color: #012345;
    width: 100%;
    font-weight: 400;
}
.k-list-bold li a {
    font-weight: bold;
}
.view-more-btn {
    font-size: 18px;
    color: #4f3baa;
    width: 100%;
    font-weight: bold;
}
.k-collapsible {
    box-shadow: none;
    border: 0;
}
.k-collapsible .collapsible-header {
    border: 0;
    font-size: 18px;
    color: #012345;
}
.k-collapsible .collapsible-header i {
    color: #4f3baa;
    transition: all 0.3s;
}
.k-collapsible li.active .collapsible-header i {
    transform: rotate(180deg);
}
.k-collapsible .collapsible-body {
    border: 0;
    padding: 0 0 0 60px;
}
.k-dropdown .select-wrapper input.select-dropdown {
    border: 2px solid rgb(216, 224, 231) !important;
    border-radius: 5px !important;
    padding-left: 15px !important;
    font-size: 14px !important;
    color: #536476 !important;
    position: relative;
    box-sizing: border-box !important;
    height: 40px;
    background-color: #fff !important;
    margin-bottom: 0;
}
.k-dropdown:before {
    content: "expand_more";
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    color: #3d94ce;
    position: absolute;
    top: 38px;
    right: 19px;
    z-index: 999;
    line-height: normal;
    font-size: 20px;
}
#modal-training-admin .k-dropdown:before, #modal-service-request .k-dropdown:before, #modal-user-contract .k-dropdown:before {
    top: 38px;
}
#modal-admin-agency .k-dropdown:before, #agency-studio-tab .k-dropdown:before {
    top: 33px !important;
}
#modal-studio-video-site .k-dropdown:before {
    top: 34px !important;
    right: 20px !important;
}
.k-dropdown.k-not-label:before {
    top: 50%;
    transform: translateY(-50%);
}
.k-dropdown label {
    font-size: 14px;
    color: #7f92a4;
    font-weight: 400;
    position: unset;
    margin-bottom: 7px;
    display: block;
    transform: unset !important;
}
.k-dropdown svg {
    display: none;
}
.k-dropdown .select-wrapper .dropdown-content, .input-field .select-wrapper .dropdown-content {
    top: calc(100% + 7px) !important;
    box-shadow: none;
    max-height: 230px !important;
    height: auto !important;
    border-radius: 5px !important;
    border: 2px solid rgb(216, 224, 231);
    background-color: #fff !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.k-dropdown .dropdown-content li>a, .input-field .select-wrapper .dropdown-content li>a, .k-dropdown .dropdown-content li>span, .input-field .select-wrapper .dropdown-content li>span {
    color: #536476;
    padding: 4px 15px 7px;
}
.k-dropdown .disabled.selected {
    display: none;
}
.select-dropdown.dropdown-content li {
    min-height: unset;
    width: 100%;
    display: block;
}
.select-dropdown.dropdown-content li:hover, body.keyboard-focused .select-dropdown.dropdown-content li:focus {
    background-color: #eeecf7;
}
.datepicker-date-display {
    display: none;
}
.datepicker-modal {
    max-width: 355px;
    background-color: #fff;
}
.datepicker-controls .selects-container {
    flex: 1;
    order: 1;
}
.datepicker-controls .month-prev {
    order: 2;
}
.datepicker-controls .month-next {
    order: 3;
}
.datepicker-controls .month-prev svg, .datepicker-controls .month-next svg {
    fill: #0478e6;
}
.datepicker-controls .select-wrapper select {
    border-radius: 5px;
}
.datepicker-controls {
    margin-top: 5px;
}
.datepicker-controls .select-wrapper {
    margin-right: 5px;
}
.is-today button.datepicker-day-button {
    background-color: #4f3baa;
    color: #fff;
}
button.btn-flat.datepicker-cancel.waves-effect, button.btn-flat.datepicker-done.waves-effect {
    color: #4f3baa;
}
.datepicker-table-wrapper {
    margin-top: 12px;
}
.nav-group.row .k-button-fill {
    font-size: 14px;
    padding: 0 10px;
}
.filter-block-new .k-button-fill, .filter-block-new .k-button-border {
    width: 100%;
}
.filter-block-new .k-button-border {
    font-size: 14px;
    padding: 0 20px 0 5px;
}
.filter-N-btn:not(.cleardata) {
    display: none;
}
.nav-group.row .k-btn-icon img {
    margin-right: 8px;
}
.error:empty {
    display: none;
}
.header-group.add-folder-btn {
    padding: 20px 20px 0px;
    margin-top: 0;
}
.header-group.add-file-btn {
    padding: 20px 20px;
    margin-top: 0;
}
.section .content-right .app-file-area .app-file-header .app-file-header-icons.upLvlRoot .fonticon-wrap {
    margin-left: 0.8rem;
}
.ruls-header-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.ruls-header-block .add-row-button {
    margin-top: 0;
    margin-right: 7px;
}
.k-dropdown.k-dropdown-small select.browser-default {
    padding-left: 20px !important;
    padding-right: 20px;
    height: 39px;
    font-size: 15px !important;
    z-index: 9999;
    background-color: transparent !important;
}
.k-input-text {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.k-input-text.k-input-text-small .k-txt-box {
    padding-left: 20px !important;
    padding-right: 20px;
    height: 39px !important;
    font-size: 15px !important;
}
.k-dropdown.k-dropdown-small.k-not-label:before {
    right: 10px;
}
table#data-table-contact.bordered.schedule-intervie-table td, table#data-table-contact.bordered.schedule-intervie-table th {
    padding: 11px 10px 11px 10px !important;
}
.action-clumn [class*="interviewText"] .k-btn-small {
    padding: 0 11px;
    font-size: 14px;
    width: 100%;
}
.k-gey-bg {
    background-color: #f8f4fa !important;
}
.k-avatar-sk img {
    border-radius: 0px;
}
.new-pink-box span {
    background-color: #dba4e5;
}
.new-light-blue-box span {
    background-color: #b8c7e4;
}
.new-yellow-box span {
    background-color: #fcd4b0;
}
.new-l-yellow-box span {
    background-color: #f9dc9c;
}
.new-l-pink-box span {
    background-color: #fcc6df;
}
.new-like-red-box span {
    background-color: #faa0ab;
}
.ld-green-box span {
    background-color: #09c447;
}
/*header css cus*/

div#horizontal-nav.custome-nav-horizontal>ul {
    width: auto;
    margin-left: 0;
}
div#horizontal-nav.custome-nav-horizontal {
    margin: 0;
}
div#horizontal-nav.custome-nav-horizontal>ul>li>a i {
    color: #fff;
}
div#horizontal-nav.custome-nav-horizontal>ul>li>a span {
    color: #fff;
}
.top-header-container-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}
.left-part-header {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    max-width: calc(100% - 180px);
}
.left-logo-block {
    height: 100%;
}
.left-logo-block a {
    /*background-color: #fff;*/
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 20px;
    border-radius: 30%;
}
div#horizontal-nav.custome-nav-horizontal>ul>li ul {
    box-shadow: none;
    border-radius: 5px !important;
    border: 2px solid rgb(216, 224, 231);
    background-color: #fff !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
div#horizontal-nav.custome-nav-horizontal>ul>li ul li {
    min-height: unset;
}
div#horizontal-nav.custome-nav-horizontal>ul>li ul li a {
    color: #536476;
    padding: 6px 15px 6px;
}
div#horizontal-nav.custome-nav-horizontal>ul>li ul li a span {
    color: #536476;
    position: unset;
}
.left-content-panel {
    width: 250px;
    margin-top: 12px;
}
.right-new-filter {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 13px;
    flex: 1;
    max-width: calc(100% - 250px);
}
.menu-icon {
    background-image: url(../../../img/menu-icon.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 30px;
    background-position: 44%;
}
.close-icon {
    background-image: url(../../../img/close.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 30px;
    background-position: 44%;
}
/*mobile css*/

@media (min-width:993px) {
    /*.sidenav-main {
        display: none;
    }*/
    .sidenav-main .brand-sidebar {
        display: none;
    }
    aside.sidenav-main {
        top: 64px;
        -webkit-transform: translateX(-105%) !important;
        transform: translateX(-105%) !important;
        left: 0;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    body.sidebar-true aside.sidenav-main {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }
    aside.sidenav-main .sidenav {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        top: 0;
        position: static;
    }
}
@media (max-width:992px) {
    .left-logo-block {
        display: none;
    }
    .brand-sidebar .brand-logo {
        padding: 17px 12px 12px 22px;
    }
    .horizontal-layout .sidenav-main .sidenav-trigger, .vertical-layout .sidenav-main .sidenav-trigger {
        top: 18px;
        left: 15px;
        width: 30px;
        height: 30px;
        background: transparent;
        border: 1px solid #fff;
        border-radius: 5px;
    }
    .btn-floating i {
        line-height: 30px;
    }
    .btn-floating, .btn-floating:hover i, .btn-floating:focus, .btn-large:focus, .btn-small:focus, .btn:focus {
        color: #fff;
        background-color: #ff9100;
    }
    .left-content-panel {
        position: relative;
        box-shadow: none;
    }
    .col.sidebar-left.sidebar-fixed {
        display: none;
    }
    .right-new-filter {
        margin-left: 73px;
        max-width: calc(100% - 60px);
    }
    .sidenav-overlay {
        top: 136px;
    }
    .sidenav-main .sidenav {
        top: 136px;
    }
    .mobile-menu-block-main {
        position: absolute;
        height: auto;
    }
    .mobile-menu-block-main .sidenav {
        top: 55px;
        width: 200px;
        height: auto;
        transform: none;
    }
    #slide-out2 {
        top: 128px;
        width: 200px;
        height: auto;
        transform: none;
        box-shadow: 0 4px 41px 0 rgb(0 0 0 / 20%);
    }
    .waves-effect.waves-light .waves-ripple {
        background-color: transparent;
    }
    .mobile-menu-block-main+.sidenav-overlay {
        background: transparent;
    }
}
@media (max-width:600px) {
    .horizontal-layout .sidenav-main .sidenav-trigger, .vertical-layout .sidenav-main .sidenav-trigger {
        top: 14px;
        left: 15px;
        width: 30px;
        height: 30px;
    }
    .btn-floating i {
        font-size: 1.3rem;
        line-height: 30px;
    }
    a.modal-filter-add-btn {
        margin-left: 20px;
    }
    .button-triggle-parent {
        margin-right: 0;
    }
    table.dataTable thead .sorting_asc {
        /*background-position: 88% 50%;*/
        background-position: 94% 50%;
    }
    .btn-floating {
        line-height: 30px;
    }
    .sidenav-main .brand-sidebar .brand-logo {
        padding: 12px 12px 20px;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        width: 16px;
        height: 16px;
        font-size: 16px;
        line-height: 19px;
    }
}
.left-logo-block a img {
    width: 37px;
}
.c-col {
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
table.dataTable thead th {
    border-bottom: 0 !important;
    /*    background-image: unset !important;*/
}
@media (max-width:1199px) {
    #ul-horizontal-nav>li>a {
        padding: 0 13px;
        font-size: 14px;
    }
}
.dataTables_length {
    padding-left: 11px;
    line-height: 45px;
    margin-top: 8px;
}
.dataTables_length label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: -ms-fit-content;
    height: -o-fit-content;
}
.dataTables_length label select {
    display: block !important;
    margin: 0 10px;
    border: 1px solid #c7bcd1;
    border-radius: 5px;
    width: auto;
    font-size: 12px;
    height: 100%;
    max-height: 30px;
    font-weight: bold;
    color: #737373;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../../images/icon/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 88% 50%;
    width: 76px;
    height: 29px;
}
.add-more-block-In {
    display: flex;
}
.add-more-feild-block {
    flex: 1;
}
.k-button-border i.m-left-icon {
    margin-right: 7px;
    font-size: 18px;
}
.k-button-border i[class*="close"] {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    font-size: 13px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #4f3baa;
}
.main-filter-component-btn.k-button-border {
    padding-right: 30px;
    height: 31px;
    font-size: 16px;
    padding-left: 4px;
}
.main-filter-component-btn.k-button-border i.m-left-icon {
    font-size: 16px;
    margin-right: 4px;
}
.date-inner-dropdown {
    background-color: transparent;
    border: 0;
}
.period-date-dropdown {
    min-width: 240px;
}
.h-100 {
    height: 100%;
}
.admin-board-top-section {
    display: flex;
    flex-wrap: wrap;
}
.dropdown-with-checkbox li {
    padding: 4px 9px;
}
.dropdown-with-checkbox {
    width: auto !important;
}
.dropdown-content.dropdown-with-checkbox li span {
    white-space: nowrap;
    padding-left: 26px;
    color: #6b6f82 !important;
}
.dropdown-content.dropdown-with-checkbox li [type=checkbox].filled-in:not(:checked)+span:not(.lever):after {
    width: 18px;
    height: 18px;
}
.dropdown-content.dropdown-with-checkbox li [type=checkbox].filled-in:checked+span:not(.lever):after {
    width: 18px;
    height: 18px;
}
.dropdown-content.dropdown-with-checkbox li [type=checkbox].filled-in:checked+span:not(.lever):before {
    width: 7px;
    height: 11px;
    top: 0;
    left: 1px;
}
.dataTables_length .select-wrapper input, .dataTables_length .select-wrapper ul, .dataTables_length .select-wrapper svg {
    display: none;
}
.k-button-fill.k-icon img {
    filter: brightness(0) invert(1);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #ccd2d9 !important;
    font-size: 12px;
    color: #6e7b8a;
    line-height: normal;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    border-radius: 5px;
    width: 29px;
    padding: 0 !important;
    height: 29px;
    line-height: 29px;
}
.table-block-new .dataTables_wrapper .dataTables_paginate .paginate_button.current, .table-block-new .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .table-block-new .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #3f51b5 !important;
    color: #fff !important;
    background-image: none !important;
}
.table-block-new .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .table-block-new .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    font-size: 0;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.table-block-new .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    background-image: url(../../../img/left.svg);
}
.table-block-new .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
    background-image: url(../../../img/left1.svg) !important;
}
.table-block-new .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    background-image: url(../../../img/right.svg);
}
.table-block-new .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    background-image: url(../../../img/right1.svg) !important;
}
.modal_button_center {
    width: 100%;
    display: flex;
    justify-content: center;
}
.list-block-checkbox {
    margin-bottom: 4px;
}
.box-list {
    height: 30px;
    border-right: 1px solid #e6eaf1;
    border-bottom: 1px solid #e6eaf1;
    flex: 1;
    position: relative;
    padding: 1px;
}
@media (min-width:993px) {
    .mobile-menu-block-main {
        display: none;
    }
}
@media (max-width:992px) {
    .dekstop-menu-block-main {
        display: none;
    }
    .view-change-btn {
        display: none;
    }
}
.knowledge-block {
    width: 100%;
    padding: 0;
    background-color: #fff;
    min-height: 510px;
    overflow: hidden;
}
.knowledge-block-main-container {
    margin-top: 0;
}
.knowledge-content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.custome-border-block-border .card-content {
    border-radius: 20px !important;
}
.custome-height-k-dropdown .select-dropdown {
    max-height: 360px;
}
.room-box-list.mCustomScrollbar._mCS_8 #mCSB_8 #mCSB_8_container.mCSB_container {
    display: inline-flex;
    justify-content: flex-start;
    width: 100%;
}
.room-box-list .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    /*top: 249px;
        bottom: auto;
        position: fixed;
        left: unset;
        right: unset;
        width: 100%;*/
}
.scrroll-block {
    position: relative;
}
.main-room-vertical-scroll {
    overflow: hidden;
    position: absolute;
    top: 52px;
    right: 0;
    z-index: 111;
    bottom: 0;
    width: 10px;
}
.scroable-div {
    max-height: 270px;
}
.block-content-row {
    position: relative;
}
.calender-main-container .calender-block {
    border-top: 1px solid #e6eaf1;
}
.calender-main-container .calender-block:first-child {
    border-top: 0;
}
.calender-main-container .caldern-top-row-block {
    margin-bottom: 25px;
}
.chat-listing-ui {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.chat-listing-ui .chat-deschis {
    max-width: calc(33.33% - 20px);
    margin: 0 auto;
    z-index: 1;
    margin-bottom: 20px;
    width: 100%;
}
.chat-card-content-block ul.tabs.tab-demo {
    padding-bottom: 0;
    height: auto;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}
.chat-card-content-block ul.tabs.tab-demo li a {
    padding: 0 20px 0 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.chat-card-content-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 100vh;
}
.chat-card-content-block ul.tabs.tab-demo li a .chat-header {
    padding: 7px 0;
}
.chat-card-content-block ul.tabs.tab-demo li a.active {
    background-color: #fff;
}
.chat-card-content-block ul.tabs.tab-demo li a span.closeChatWindow.pill {
    position: absolute;
    top: 56%;
    right: 5px;
    transform: translateY(-50%);
    color: #FFF;
}
.chat-card-content-block ul.tabs.tab-demo li a.active span.closeChatWindow.pill {
    color: #484748;
}
.chat-card-content-block ul.tabs.tab-demo li a span.closeChatWindow.pill img {
    filter: brightness(0) invert(1);
    width: 16px;
    opacity: 1;
}
.chat-card-content-block ul.tabs.tab-demo li a.active span.closeChatWindow.pill img {
    filter: brightness(0) invert(0);
}
.chat-card-content-block ul.tabs.tab-demo li {
    max-width: 12.8%;
    border-right: 1px solid #621f88;
    width: 100%;
}
.chat-card-content-block ul.tabs.tab-demo li.indicator {
    display: none;
}
.chat-card-content-block ul.tabs.tab-demo .usr-top-chat-block {
    flex-wrap: unset;
    width: 100%;
}
.chat-card-content-block ul.tabs.tab-demo .user-chat-room-name {
    flex: 1;
}
.chat-card-content-block .user-chat-room-name p {
    color: #fff;
    text-transform: capitalize;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    text-align: left;
}
.chat-card-content-block ul.tabs.tab-demo li a.active .user-chat-room-name p {
    color: #484748;
}
.chat-card-content-block ul.tabs.tab-demo .user-img-chat {
    width: 30px;
    margin-right: 6px;
    height: 30px;
}
.chat-card-content-block ul.tabs.tab-demo .close-chat-room {
    margin-left: 6px;
}
.chat-card-content-block ul.tabs.tab-demo .user-chat-room-name {
    flex: 1;
    width: 100%;
    max-width: calc(100% - 38px);
}
.chat-card-content-block ul.tabs.tab-demo .user-section:hover {
    background-color: transparent !important;
}
.chat-card-content-block ul.tabs.tab-demo .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 0;
}
.chat-card-content-block .raspuns-chat .chat-header {
    background-color: #f8f4fa;
}
.chat-card-content-block .raspuns-chat .chat-header p {
    color: #484748 !important;
}
.chat-card-content-block .raspuns-chat .chat-room-header {
    padding: 0 15px !important;
}
body.chat-screen {
    background-color: #fff;
}
.chat-room-container .mesaje-chat {
    height: calc(100vh - 129px);
    padding: 0 12px;
    position: relative;
}
.chat-room-container {
    flex: 1;
    max-height: 100%;
}
.tab-scroll-block {
    width: 100%;
    position: relative;
    padding: 0 40px;
    background-color: #f6f6f6;
}
.scroll-button button {
    position: absolute;
    top: 0;
    width: 40px;
    height: 48px;
    background-color: #f6f6f6;
    border: 0;
}
.scroll-pre {
    left: 0;
}
.scroll-next {
    right: 0;
}
#main {
    min-height: calc(100vh - 115px);
}
.w-100 {
    width: 100%;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-unset {
    overflow: unset;
}
.todo-collection {
    margin-top: 0;
}
.report-section-block .adminReportResult {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
}
.report-section-block .adminReportResult .listing-report-block {
    max-width: 50%;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 20px;
}
.groups-container .listing-report-block .post-wrapper {
    margin: 0;
    height: 100%;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}
.groups-container .listing-report-block .post-wrapper .post-data {
    flex: 1;
}
.listing-report-block .post-wrapper.card .post-comments .social-wrapper {
    margin-bottom: 10px;
}
.groups-container .listing-report-block .post-comments {
    background-color: #fff;
    padding: 10px 30px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.groups-container .listing-report-block .post-comments .social-wrapper:last-child {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
}
.listing-report-block .author-data .info {
    padding-right: 60px;
    flex: 1;
}
.without-profile .custom-panel {
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    border-radius: 6px !important;
    margin-top: 0;
}
.without-profile .right-content-block {
    margin-top: 0;
}
.top-profile-content-block {
    width: 100%;
    /*display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;*/
    margin-top: 0;
}
li.view-change-btn, li.view-change-btn a {
    height: 64px;
}
/*.top-profile-content-block .sidebar .sidebar-content .sidebar-header{
top: 0;
height: auto;
}*/

.custom-panel {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}
.custom-panel ul.tabs li.tab a {
    padding: 0 10px;
    display: flex;
    align-items: center;
}
.right-content-block {
    width: calc(100% - 250px);
    margin-top: -4px;
}
.row .right-content-block {
    float: right;
}
/*vertical tag*/

.tabs-vertical .media-body {
    padding: 0 25px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.tabs-vertical .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: auto;
    border-radius: 4px;
    background-color: transparent;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
@-moz-document url-prefix() {
    .tabs-vertical .tabs {
        scroll-behavior: smooth !important;
        border-radius: 10px;
        scrollbar-color: #D4D4D4 white;
        scrollbar-width: thin;
    }
}
.tabs-vertical .tabs .tab {
    width: 100%;
    text-align: start
}
.tabs-vertical .tabs .tab a {
    -webkit-transition: none !important;
    transition: none !important;
    color: #6b6f82;
    font-weight: 600;
    text-align: center;
    line-height: normal;
}
.tabs-vertical .tabs .tab a span {
    position: relative;
}
.tabs-vertical .tabs .tab a span~sub {
    display: block;
    bottom: 0;
}
.tabs-vertical .tabs .tab a:hover {
    /*color: #6b6f82 !important;*/
}
.tabs-vertical .tabs .tab a.active {
    /*border-radius: 4px;*/
    /*color: #e91e63 !important;
    background-color: #fce4ec !important*/
    color: #4f3baa;
}
.tabs-vertical .tabs .tab a.active:hover {
    /*color: #ff4081 !important*/
}
.tabs-vertical .tabs .tab a i {
    position: relative;
    top: 0;
    margin-right: .2rem;
}
.tabs-vertical .tabs .tab:hover {
    background-color: #eee
}
.tabs-vertical .indicator {
    display: none
}
.tabs-vertical .upfilewrapper {
    overflow: hidden;
    width: 0;
    height: 0
}
@media (max-width:600px) {
    .form-action, .media-body .general-action-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
    .form-action .btn, .media-body .general-action-btn .btn {
        margin-bottom: 1rem
    }
    .media-body .general-action-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column
    }
    .form-action {
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column
    }
}
.top-filter-block-main-new {
    width: 100%;
    margin-top: 10px;
    height: 41px;
}
form#form-add-help .row {
    margin: 0;
}
.top-filter-block-main-new .booking-filter-block {
    width: auto;
    flex: 1;
    max-width: calc(100% - 196px);
}
.top-filter-block-main-new .boking-filter-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    border-radius: 6px;
    padding-right: 0;
}
.top-filter-block-main-new .boking-filter-row .right-filter-button-group, .card-with-header .card-header .action-button-filter-add {
    margin-right: 0;
}
.filter-btn-list ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
}
.filter-btn-list ul li {
    padding: 0 3px;
}
.filter-btn-list ul li:first-child {
    padding-left: 0;
}
.filter-btn-list ul li:last-child {
    padding-right: 0;
}
.filter-btn-list ul li button {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent;
    color: #484748;
}
.filter-btn-list ul li button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.filter-btn-list ul li button span {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 2px;
}
.overflow-hidden {
    overflow: hidden;
}
.border-0 {
    border: 0;
}
.bg-white {
    background-color: #fff !important;
}
.boking-filter-row * {
    line-height: normal;
}
.newsfeeds-profile .sidebar .sidebar-content .sidebar-header {
    height: 70px;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 0px !important;
    /*padding-bottom: 20px;*/
}
.groups-container .post-wrapper.feed-new-listing-block {
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid rgb(204, 204, 204);
    border-radius: 0;
    padding: 10px 0;
    margin-bottom: 5px;
}
.groups-container .post-wrapper.feed-new-listing-block:last-child {
    border-bottom: 0;
}
.groups-container .post-wrapper.feed-new-listing-block .author-data {
    padding: 0;
    margin-bottom: 10px;
}
.groups-container .post-wrapper.feed-new-listing-block .post-data .card-image {
    margin: 0;
}
.groups-container .post-wrapper.feed-new-listing-block .post-name {
    margin-top: 0;
}
.groups-container .feed-new-listing-block .post-wrapper {
    width: calc(100% - 92px);
    margin-left: auto;
    background-color: #f9f9f9;
    padding: 0 0 0;
}
.groups-container .feed-new-listing-block .post-comments {
    width: calc(100% - 92px);
    margin-left: auto;
    padding: 0;
}
.groups-container .feed-new-listing-block .post-comments .social-wrapper {
    justify-content: flex-start;
    margin-bottom: 3px !important;
}
.groups-container .feed-new-listing-block .post-comments .comment {
    margin-bottom: 0;
    margin-top: 20px;
}
.groups-container .post-wrapper.feed-new-listing-block .card-content {
    padding: 17px 30px 0;
}
.card-inner-continer {
    padding: 15px 15px 0;
}
.groups-container .post-wrapper.feed-new-listing-block .author-data .info span {
    font-size: 16px;
    margin-top: 0;
}
.table-block thead tr th {
    color: #616161;
    padding: 17px 14px;
    background-color: transparent;
    text-align: left;
    border: none !important;
    font-weight: 300 !important;
    border-bottom: 1px solid #cfd8dc !important;
}
.table-block tbody tr td {
    font-weight: 300 !important;
    padding: 8px 14px;
    border: none !important;
    text-align: left;
}
.table-block td span img.tableUImg {
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 50%;
}
.content-area .app-wrapper .dataTables_wrapper .dataTables_info {
    margin-left: 18px;
    color: #616161;
}
.edit-icon, .delete-icon {
    color: #9e9e9e;
}
td .edit-icon, td .delete-icon, .table-block.table-block-new tbody tr td a.childRow {
    width: 20px;
    height: 20px;
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #523eab;
    font-size: 0;
    margin: 0;
}
td .no-agency-icon {
    position: relative;
    top: 3px;
    width: 15px;
    height: 15px;
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #de0909;
    font-size: 0;
    margin: 0;
}
td .no-agency-icon i {
    font-size: 15px !important;
}
th .edit-icon, th .delete-icon, .table-block.table-block-new tbody tr th a.childRow {
    width: 20px;
    height: 20px;
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #523eab;
    font-size: 0;
    margin: 0;
}
.table-block.table-block-new tbody tr td a.childRow {
    overflow: hidden;
}
td .edit-icon i, td .delete-icon i {
    font-size: 15px;
}
th .edit-icon i, th .delete-icon i {
    font-size: 15px;
}
.table-block.table-block-new tbody tr td a.childRow i {
    font-size: 29px;
}
/*.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
    display: none;
}*/

.breadCls {
    height: 185px;
    padding-top: 83px !important;
}
.only-breadcrumbs {
    height: 148px;
    padding-top: 83px !important;
}
.open-chat-link svg {
    width: 20px;
    height: auto;
    fill: #fff;
}
.open-chat-link {
    position: absolute;
    top: 10px;
    right: 10px;
    /* bottom: 0; */
}
.action-button-filter-add {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
.action-button-filter-add .add-button-block {
    margin-left: 5px;
    display: block;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #f6f6f6;
    border: 1px solid #d4d4d4;
    font-size: 23px;
    color: #363536;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}
.top-profile-content-block .media-image img {
    width: 51px;
    height: 51px;
    object-fit: cover;
}
.rulesData.addmore-schedule {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.scheduleRow {
    width: 100%;
}
#show-general-task-modal.modal-custom, #modal-edit_task_request.modal-custom {
    width: 600px;
}
#show-general-task-modal.modalx.modal-custom .modalx-content, #show-general-task-modal.modalx.modal-custom .modal-header, #modal-edit_task_request.modalx.modal-custom .modalx-content, #modal-edit_task_request.modalx.modal-custom .modal-header {
    padding-left: 25px;
}
.filterNewData.filterdate-block {
    max-width: calc(100% - 200px);
    overflow-x: auto;
}
.butonmodel_probleme {
    padding-right: 10px;
    cursor: pointer;
    color: #ae296e;
}
.deactive_probleme {
    padding-right: 10px;
    cursor: pointer;
    color: #9e9e9e;
}
.profile-block-filter .right-new-filter {
    padding-bottom: 0;
}
.profile-block-filter .right-content-block {
    margin-top: 0;
}
.profile-block-filter .newsfeeds-profile .sidebar .sidebar-content .sidebar-header {
    padding-bottom: 10px;
}
.sidebar-left {
    width: 250px;
}
.sidebar-left .sidebar {
    width: 100%;
}
.comment-block-button .file-field {
    margin-right: 10px;
}
.groups-container .post-comments .comment-input .btn-group-right.comment-block-button {
    top: 11px;
}
.main-filter-component-btn input.textbox-filter-innner {
    margin: 0;
    height: 25px;
    border: 0;
    width: 105px;
    color: #8375c3;
    -webkit-text-fill-color: #8375c3;
    opacity: 1;
    visibility: visible;
    display: block;
}
.main-filter-component-btn input.textbox-filter-innner:focus {
    box-shadow: none !important;
    border: 0 !important;
}
.snow-container {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 1rem;
}
.post-comment.comment .input-field {
    margin: 0;
}
.snow-container .ql-container.ql-snow {
    border: 0 !important;
}
.ql-toolbar.ql-snow {
    border: 0 !important;
    padding: 0 !important;
    position: relative;
}
.ql-editor.ql-blank, .ql-editor {
    min-height: 7.93rem;
    padding: 0;
}
.ql-editor.ql-blank::before {
    left: 0 !important;
}
.sub-comment-editor .ql-editor.ql-blank, .sub-comment-editor .ql-editor {
    min-height: 80px;
}
button.btn-comment {
    width: auto !important;
    line-height: 0.9;
    padding: 0.467rem 1rem;
    font-size: .8rem;
    color: white;
    margin-left: 0;
}
.ql-editor.ql-blank::before {}
.newsFeedResult>.post-wrapper {
    padding: 10px;
}
.groups-container .post-comments>.comments .post-comment.comment {
    border-top: 1px solid rgb(204, 204, 204);
    margin-top: 10px;
    padding-top: 10px;
}
.ql-toolbar .ql-formats .post-files .file-field .btn {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
    box-shadow: none;
    margin: 0;
    line-height: normal;
}
.ql-formats .post-files {
    margin-top: 0 !important;
    border: 0 !important;
    display: flex;
}
.groups-container .new-post-widget .ql-formats .post-files .file-field {
    width: auto;
    border: 0;
    padding: 1px 0 0;
    height: auto;
    position: relative;
}
.ql-formats .post-files .file-field .file-path-wrapper {
    position: absolute;
    height: 0;
    width: 0;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
}
.compose-quill-toolbar {
    position: relative;
}
.comment-input .compose-quill-toolbar .add-post {
    right: 10px;
    top: 0;
    transform: unset;
}
.groups-container .newsFeedResult .post-comments .social-wrapper {
    justify-content: center;
}
.models-dashboard .model-info.new-model-block-section .avatar {
    width: auto;
    padding-left: 0;
}
.models-dashboard .model-info.new-model-block-section .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.models-dashboard .model-info.new-model-block-section .short-info {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.models-dashboard .model-info.new-model-block-section .model-details {
    flex: 1;
    width: 100%;
}
.models-dashboard .model-info.new-model-block-section h6 {
    padding-left: 0;
}
.question-anser-text label {
    width: 100%;
}
.question-anser-text label:first-child {
    font-weight: bold;
    margin-bottom: 5px;
}
.page-header-dark #knowledge-licensing-detail .sidebar-title .knowledge-block h4 {
    color: #000;
    color: #484748;
    font-size: 15px;
    margin: 0;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: bold;
    padding: 13px 0 !important;
}
.composs-btn button {
    width: 100%;
    margin-bottom: 14px;
}
.email-section-block .right-content-block {
    border-left: 1px solid #ccc;
}
.email-brief-info .list-left .k-checkbox-fill {
    margin-left: 5px;
}
.email-brief-info .list-left .k-checkbox-fill [type=checkbox].filled-in:not(:checked)+span:not(.lever):after {
    border-color: #bdbdbd;
    width: 16px;
    height: 16px;
}
.email-section-block .email-tab h5 {
    font-size: 20px;
    width: 100%;
    font-weight: 600;
}
.header-checkbox label span {
    padding-left: 0 !important;
}
.email-section-block .app-email .content-area .app-wrapper .email-header .header-checkbox [type='checkbox']+span:not(.lever):before {
    margin-left: 0;
}
#send-mail-modal .ql-toolbar.ql-snow {
    border: 1px solid #ccc !important;
    border-radius: 6px 6px 0 0;
}
#send-mail-modal .ql-container.ql-snow {
    border-radius: 0 0 6px 6px;
}
#send-mail-modal.modal-custom .buttons-group {
    justify-content: center;
}
#send-mail-modal.modal-custom .buttons-group button {
    margin: 0 !important;
}
.input-group input.file-upload-block {
    border: 0;
    font-weight: 400;
    color: #333;
    font-size: 16px;
    width: 100%;
}
.uploadFileList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}
.uploadFileList span.pip {
    max-width: 20%;
    width: 100%;
    position: relative;
    padding: 5px;
}
.uploadFileList span.pip:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 1px solid #ccc;
    z-index: -1;
    background-color: #f5f5f5;
}
.uploadFileList span.pip img {
    width: 100%;
    height: 170px;
    object-fit: contain;
}
.uploadFileList span.pip span.remove {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-x-circle-fill' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3E%3C/svg%3E");
}
.email-section-block .left-content-panel .email-tab li a span {
    display: flex;
    align-items: center;
}
.email-section-block .left-content-panel .email-tab li a {
    justify-content: space-between;
}
.email-section-block .left-content-panel .email-tab li a span.new.badge {
    background-color: #e91e63;
    border-radius: 6px;
    min-width: unset;
}
.email-section-block .left-content-panel .email-tab li a span.new.badge:after {
    display: none;
}
span.action-list-icons {
    padding-left: 27px;
    margin-top: -1px;
}
.pagination-block {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.pagination-block h6 {
    margin: 0;
    font-size: 14px;
    margin-right: 10px;
}
.pagination-block span.email-options {
    display: inline-flex;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 1px solid #e1e5ec;
    margin-left: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #ccc;
}
.email-detail-info.app-email-content .content-area .app-wrapper .email-header .subject .email-title {
    margin-top: 0;
}
.email-detail-info.app-email-content .content-area .app-wrapper .email-header .subject {
    align-items: center;
}
.email-detail-info.app-email-content .content-area .app-wrapper .email-header .header-action {
    justify-content: flex-end;
}
.email-detail-info.app-email-content .content-area .app-wrapper .email-header .header-action>div {
    margin-left: 7px;
}
.email-detail-info.app-email-content .content-area .app-wrapper .email-header {
    align-items: center;
}
.email-detail-info.app-email-content .content-area .app-wrapper .email-content {
    padding: 15px;
}
.email-detail-info.app-email-content .content-area .app-wrapper .email-content .list-title-area .title-right {
    width: 270px;
}
.email-section-block>.row {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#send-mail-modal span.email-ids {
    border: 2px solid rgb(204, 204, 204);
    color: #8375c3;
    background-color: #fff;
}
#send-mail-modal span.cancel-email {
    border: 0;
    width: 12px;
    font-size: 19px !important;
    line-height: 17px;
}
.chip {
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    padding: 0 10px;
}
[type=checkbox].filled-in:not(:checked)+span:not(.lever):after {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 2px solid rgba(89, 89, 89, 0.5);
}
[type=checkbox].filled-in:checked+span:not(.lever):after {
    width: 18px;
    height: 18px;
}
[type=checkbox].filled-in:checked+span:not(.lever):before {
    /*width: 3px;
    height: 8px;*/
    width: 4px;
    height: 11px;
    top: 0px;
    left: 1px;
}
.permissionCheckBox [type=checkbox].filled-in:checked+span:not(.lever):before {
    width: 6px;
    height: 11px;
    top: 0px;
    left: 2.4px;
}
[type=checkbox]+span:not(.lever) {
    padding-left: 26px;
}
.content-box-row.active-chat-box {
    position: relative;
    background-color: #e8f5e9;
    border: 1px solid #5fd669;
}
.content-box-row.active-chat-box:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235fd669' class='bi bi-patch-check-fll' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984a.5.5 0 0 0-.708-.708L7 8.793 5.854 7.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z'/%3E%3C/svg%3E");
}
.content-box-row.deactive-chat-box {
    position: relative;
    background-color: #ffebee;
    border: 1px solid #f44336;
}
.content-box-row.deactive-chat-box:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23f44336' class='bi bi-patch-check-fll' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984a.5.5 0 0 0-.708-.708L7 8.793 5.854 7.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z'/%3E%3C/svg%3E");
}
.round-border-button {
    margin-right: 0;
    line-height: 0;
}
#user-profile .dataTables_length {
    line-height: normal;
    margin-bottom: 10px;
}
.round-border-button.clearFilter {
    width: 25px;
    height: 25px;
    background-color: transparent;
    border: 1px solid #eb2629;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #eb2629;
    font-size: 0;
    margin: 0 10px 0 0;
}
.round-border-button.clearFilter i {
    font-size: 20px;
}
.round-border-button.saveFilter {
    width: 25px;
    height: 25px;
    background-color: transparent;
    border: 1px solid #2196f3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #2196f3;
    font-size: 0;
    margin: 0 10px 0 0;
}
.round-border-button.saveFilter i {
    font-size: 20px;
}
.card-header.saveFilterBar .model-block-row:before {
    left: auto;
    right: 142px;
}
.right-filter-button-group {
    margin-right: -15px;
}
.plus-add-icon {
    height: 40px;
    line-height: 40px;
    /*background-color: #4f3baa;
    color: #fff;*/
    background-color: #e2e2e2;
    color: #4f3baa;
    display: flex;
    align-items: center;
    margin-top: -1px;
    padding: 0 9px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0 0 0;
}
.setting-icon {
    height: 40px;
    line-height: 40px;
    /*background-color: #4f3baa;
    color: #fff;*/
    background-color: #e2e2e2;
    color: #4f3baa;
    display: flex;
    align-items: center;
    margin-top: -1px;
    padding: 0 9px;
    margin-left: 0;
    margin-right: 0;
    /*border-radius: 0 5px 5px 0;*/
    position: relative;
}
.showHelpQuestion, .multipleStatus, .multipleDownload, .multipleSend, .multipleDelete, .activityReportDownloadActivityPDF {
    position: relative;
}
.multipleDelete:before, .setting-icon:before, .showHelpQuestion:before, .multipleStatus:before, .multipleDownload:before, .multipleSend:before, .activityReportDownloadActivityPDF:before {
    content: "";
    position: absolute;
    top: 7px;
    left: -1px;
    bottom: 7px;
    border-left: 1px solid #4f3baa;
    opacity: 0.5;
}
.select2-container {
    min-width: 140px;
}
.action-button-filter-add.right-filter-button-group.multiple-buttons {
    /*margin-right: -20px;*/
}
.action-button-filter-add.right-filter-button-group {
    margin-right: -20px;
}
.select2-results__option {
    padding-right: 6px;
    vertical-align: middle;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.select2-results__option:before {
    content: "";
    display: table;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 5px;
    vertical-align: middle;
}
.select2-results__option[aria-selected=true]:before {
    content: "";
    color: #fff;
    background-color: #4f3baa;
    border: 0;
    display: inline-block;
    padding-left: 3px;
}
.select2-results__option[aria-selected=true]:after {
    width: 6px;
    height: 12px;
    top: 11px;
    left: 9px;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    border-top: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid transparent;
    position: absolute;
    z-index: 1;
    backface-visibility: hidden;
    content: "";
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
    position: relative;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
}
.select2-container--default .select2-selection--multiple {
    margin-bottom: 0;
    border: 2px solid rgb(204, 204, 204);
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid rgb(204, 204, 204);
    background-color: rgb(255, 255, 255);
}
.select2-container--default .select2-selection--multiple {
    border-width: 2px;
}
.select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    overflow: hidden;
    /*min-width: 180px;*/
    min-width: 150px;
    /*month & year filter*/
}
.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}
.select2-results__option[role="group"]:before {
    display: none;
}
.select2-results__option[role="group"]>strong.select2-results__group {
    font-weight: bold;
    background-color: #f8f4fa;
    width: 100%;
}
/* select with icons badges single*/

.select-icon .select2-selection__placeholder .badge {
    display: none;
}
.select-icon .placeholder {
    display: none;
}
.select-icon .select2-results__option:before, .select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
    /* content: "" !important; */
}
.select-icon .select2-search--dropdown {
    display: none;
}
.select2-container--default .select2-search--inline .select2-search__field {
    margin: 1px 0;
    height: 25px;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 5px;
}
.select2-container .select2-selection--multiple {
    min-height: unset;
    height: 31px;
    padding-right: 20px;
}
a.cleare-select-2-close {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #4f3baa;
    position: absolute;
    top: 7px;
    right: 7px;
}
a.cleare-select-2-close i {
    color: #fff;
    font-size: 13px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    padding: 0 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 0;
    font-size: 20px;
    color: #8375c3;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 1px 5px 2px !important;
    background-color: #6b27a2;
    margin-top: 0;
    border: 1px solid #612aa1;
    font-size: 13px;
    color: #fff;
    margin-right: 0;
    margin-left: 5px;
}
.select2-results__option[aria-selected=true]:before {
    background-color: #4f3baa;
}
.filterNewData.filterdate-block .select2.select2-container--default {
    min-width: 150px;
    width: auto !important;
}
.filterNewData.filterdate-block .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    width: 100%;
    text-overflow: initial;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.filterNewData.filterdate-block .select2-container--default .select2-selection--multiple .select2-selection__rendered span.select2-selection__clear {
    order: 1000;
    padding-right: 5px;
}
.filterNewData.filterdate-block .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    float: none;
    display: inline-block;
}
.top-filter-block-main-new.filterBarDiv .action-button-filter-add ul#dropdown1.dropdown-content {
    width: auto !important;
    left: auto !important;
    right: -15px !important;
}
.top-filter-block-main-new.filterBarDiv .action-button-filter-add ul#dropdown1 li a {
    display: flex;
}
.top-filter-block-main-new.filterBarDiv .action-button-filter-add ul#dropdown1 li a span {
    white-space: nowrap;
    display: inline-block;
}
.top-filter-block-main-new.filterBarDiv .action-button-filter-add ul#dropdown1.dropdown-content li>a>i {
    margin: 0 5px 0 0;
}
/*.card-with-header .dataTables_wrapper .dataTables_length {
    position: absolute;
    top: -44px;
    right: 15px;
    float: unset;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: -ms-fit-content;
    height: -o-fit-content;
}*/

.mCSB_inside>.mCSB_container {
    display: flex;
}
.model-block-row {
    position: absolute;
    /*top: 44px;
    right: 10px;*/
    background-color: #fff;
    z-index: 1;
    padding: 10px;
    max-width: 160px;
    box-shadow: 0px 5px 4.9px 0.1px rgba(67, 65, 65, 0.07) !important;
    border: 1px solid #ccc;
    display: none;
    border-radius: 10px;
    margin-left: 15px;
    margin-top: 4.3%;
}
.model-block-row.showData {
    display: block;
}
.model-block-row form#form-datatable-custom {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 0;
}
.model-block-row form#form-datatable-custom .k-input-text {
    flex: 1;
    margin: 0 0px 0 0;
}
.model-block-row form#form-datatable-custom .k-input-text input#number {
    border-radius: 5px 0 0 5px !important;
    height: 40px !important;
    min-height: 0;
    padding: 0;
    margin: -1px 0 !important;
}
.model-block-row form#form-datatable-custom a.clearFilter {
    position: absolute;
    top: 7px;
    right: 7px;
}
.model-block-row form#form-save-filter {
    min-width: 228px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 0;
}
.model-block-row form#form-save-filter .k-input-text {
    flex: 1;
    margin: 0 0px 0 0;
}
.model-block-row form#form-save-filter .k-input-text input.k-txt-box {
    border-radius: 5px 0 0 5px !important;
    height: 40px !important;
    min-height: 0;
    padding: 0;
    margin: -1px 0 !important;
}
.model-block-row form#form-save-filter a.clearFilter {
    position: absolute;
    top: 7px;
    right: 7px;
}
.saveFilterBar {
    position: relative;
    max-width: 70px;
    display: flex;
}
.saveFilterBar .model-block-row {
    max-width: 250px;
    right: -128px !important;
    top: 100% !important;
}
.card-header.saveFilterBar .model-block-row:before {}
.modal_button_center {
    width: auto;
}
.cleare-popup {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #4f3baa;
    position: absolute;
    top: -10px;
    right: -10px;
}
.model-block-row a.submitCustomShow i {
    font-size: 19px;
}
.model-block-row a.submitCustomShow {
    padding: 0 6px;
}
.cleare-popup i {
    font-size: 14px;
}
.model-block-row:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 auto;
    transform: rotate(45deg);
    border-width: 1px 0 0 1px;
}
.dropdown-content.modal-filter-dropdown {
    overflow: visible !important;
}
.filter-heading-block-in {
    position: relative;
}
.filter-heading-block-in:hover ul.inner-modal-filter-dropdown {
    display: block;
    opacity: 1;
    right: 100%;
    min-width: 170px;
    top: 0 !important;
    left: unset;
}
.right-filter-button-group>.modal-filter-dropdown {
    min-width: 175px;
}
.dropdown-content.modal-filter-dropdown li>a {
    padding: 6px 10px 5px;
}
.dropdown-content.modal-filter-dropdown li>a>i {
    margin: 0 6px 0 0;
}
.profile-block-filter .card-with-header.card-panel.paymentInfo .right-new-filter {
    padding-bottom: 0;
    flex: 1 1 auto;
    max-width: none;
    float: none;
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -12px;
    margin-bottom: 15px;
}
.profile-block-filter .card-with-header.card-panel.paymentInfo .dataTables_wrapper .dataTables_length {
    position: absolute;
    top: -111px;
    right: 0;
}
#paymentDay .k-input-text label span.input-appendicons {
    color: #7f92a4;
    position: absolute;
    top: auto;
    left: -7px;
    bottom: 12px;
    font-size: 22px;
    font-weight: bold;
}
.k-input-text .k-checkbox-fill [type=checkbox].filled-in:not(:checked)+span:not(.lever):after, .k-input-text .k-checkbox-fill [type=checkbox].filled-in:checked+span:not(.lever):after {
    width: 18px;
    height: 18px;
}
.k-input-text .k-checkbox-fill [type=checkbox].filled-in:checked+span:not(.lever):before {
    width: 7px;
    height: 13px;
    top: -2px;
}
.k-input-text .k-checkbox-fill span {
    color: #000;
    padding-left: 22px;
    margin-top: 9px;
}
.label-form-control-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
label.label-form-control-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
label.label-form-control-block p {
    margin: 0;
}
label.label-form-control-block .label-with-checkbox label {
    margin-bottom: 0;
}
label.label-form-control-block .label-with-checkbox label span {
    margin-top: 0;
}
.dropify-wrapper .dropify-message span.file-icon p {
    font-size: 24px;
    line-height: normal;
}
.modalx-content #form-add-problem .k-input-text .dropify-wrapper {
    height: 140px;
}
.dropdown-content.modal-filter-dropdown li.filter-heading-block-in a.cleare-select-2-close {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 12px;
    background-color: #4f3baa;
    padding: 0 !important;
    width: 22px;
    height: 21px;
    text-align: center;
    line-height: 20px;
}
.dropdown-content.modal-filter-dropdown li.filter-heading-block-in a.cleare-select-2-close i {
    margin: 0;
    width: auto;
}
.dropdown-content.modal-filter-dropdown li.filter-heading-block-in a.applaySaveFilter {
    padding-right: 19px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-color: rgb(238, 236, 247) !important;
    border-color: rgb(204, 204, 204) !important;
    color: #8375c3;
    cursor: pointer;
    border-radius: 3px;
}
#sortable1, #sortable2 {
    border: 1px solid #eee;
    width: calc(50% - 10px);
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
}
#sortable1 li, #sortable2 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: calc(100% - 10px);
}
#sortable1 li span img, #sortable2 li span img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 5px;
}
#sortable1 li span, #sortable2 li span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.problem-listing-block {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.problem-listing-block .problem-item {
    flex: 1;
    position: relative;
    justify-content: center;
    opacity: 0.5;
}
.problem-listing-block .problem-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 2px solid #6628a1;
    transform: translateY(-50%);
}
.problem-listing-block .problem-item span {
    display: inline-flex;
    position: relative;
    width: 20px;
    height: 20px;
    border: 2px solid #6628a1;
    border-radius: 50%;
    background-color: #fff;
    z-index: 11;
}
.problem-listing-block .problem-item span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.problem-listing-block .problem-item .item-enable {
    position: absolute;
    top: 50%;
    left: 47%;
    right: 0;
    width: 1px;
    height: 15px;
    background-color: #6628a1;
    margin: 0 auto;
    transform: translateY(-50%);
}
.problem-listing-block .problem-item .item-enable:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1px;
    right: 0;
    width: 4px;
    height: 15px;
    background-color: #f8f8f8;
}
.problem-listing-block .problem-item:last-child:before {
    display: none;
}
.problem-listing-block .problem-item:last-child:before .item-enable {
    display: none;
}
.problem-listing-block .problem-item.problem-item-solved {
    opacity: 1;
}
.problem-listing-block .problem-item.problem-item-solved .item-enable {
    width: 15px;
    height: 15px;
    background-color: unset;
}
.problem-listing-block .problem-item.problem-item-solved .item-enable:before {
    display: none;
}
.problem-item.problem-item-solved:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    width: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='green' class='bi bi-check-all' viewBox='0 0 16 16'%3E%3Cpath d='M8.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L2.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093L8.95 4.992a.252.252 0 0 1 .02-.022zm-.92 5.14l.92.92a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 1 0-1.091-1.028L9.477 9.417l-.485-.486-.943 1.179z'/%3E%3C/svg%3E");
    height: 22px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.problem-listing-block .problem-item.problem-item-solved:before {
    border-top-color: green;
}
.problem-listing-block .problem-item.problem-item-solved span {
    border-color: green;
}
.problem-listing-block .problem-item:last-child .item-enable {
    display: none;
}
#modal-start-interview .k-input-text label[for="get_password"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.staff_question a#generate_name.generate_name {
    height: 31px;
}
.staff_question a#generate_name.generate_name img {
    width: 14px;
    margin-right: 7px;
}
.input-field .k-button-fill.reject-button {
    background-color: red !important;
    background-image: none;
}
.input-field .k-button-fill.reject-button:hover {
    background-color: #db0404 !important;
}
.video-site-box {
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 5px 9px 1px rgb(0 0 0 / 10%);
    width: 100%;
    padding: 0 0;
}
.highlited-block {
    background-color: #f8f4fa;
    border-radius: 6px 6px 0 0;
    padding: 2px 10px 1px;
    margin: 0 0 6px;
}
.video-site-inner-box {
    padding: 0 10px;
}
.video-site-inner-box .k-checkbox-warp {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 4px;
    width: 100%;
}
.video-site-inner-box .k-checkbox-warp label.k-checkbox-fill {
    flex: 1;
}
.modal.timepicker-modal {
    height: auto !important;
    min-width: 500px;
}
.timepicker-digital-display {
    background: linear-gradient(45deg, #303f9f, #7b1fa2)!important;
}
.timepicker-canvas line {
    stroke: #4f3baa;
}
.timepicker-canvas-bearing, .timepicker-canvas-bg {
    fill: #4f3baa;
}
.timepicker-tick.active, .timepicker-tick:hover {
    background-color: rgba(79, 59, 170, .25);
}
.interviewVideoSite .row>.input-field.k-input-text {
    padding: 0 7px;
}
.interviewVideoSite .row {
    padding: 0 8px;
}
.interviewVideoSite .k-input-text .k-checkbox-fill span {
    font-size: 14px;
}
.timepicker-footer button.btn-flat.timepicker-close {
    background-color: #4f3baa;
    color: #fff;
    line-height: normal;
    margin-left: 5px;
}
.k-input-text #standalone-container {
    color: #484748;
    font-weight: 400;
    position: unset;
    box-shadow: 0px 5px 4.9px 0.1px rgba(67, 65, 65, 0.07) !important;
    background-color: rgb(246, 246, 246) !important;
    border: 1px solid rgb(212, 212, 212) !important;
    border-radius: 7px !important;
    padding-left: 0 !important;
    font-size: 18px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
}
.k-input-text #standalone-container #editor-container {
    border: none;
    border-top: 1px solid #ccc;
    padding: 16px !important;
}
.k-input-text #standalone-container #toolbar-container {
    padding: 5px 10px !important;
}
.k-input-text #standalone-container #editor-container .ql-editor.ql-blank {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.k-input-text .tagsinput {
    width: 100% !important;
    /*height: 100px !important;*/
    box-shadow: 0px 5px 4.9px 0.1px rgba(67, 65, 65, 0.07) !important;
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(212, 212, 212) !important;
    border-radius: 3px !important;
    padding-left: 20px;
    resize: auto;
    color: #484748;
    font-weight: 400;
    font-size: 22px !important;
    margin-bottom: 0;
}
.k-input-text .tagsinput #content_fields_addTag input, .k-input-text .tagsinput #template_fields_addTag input, .k-input-text .tagsinput #invoice_fields_tag input {
    height: auto !important;
    color: #7f92a4 !important;
    padding: 6px 10px !important;
    float: left;
    font-size: 14px;
}
.k-input-text .tagsinput span.tag {
    border-color: #612aa1;
    background-color: #612aa1;
    color: #fff;
    border-radius: 4px;
    line-height: normal;
    padding: 6px 10px !important;
    font-size: 14px;
}
.k-input-text .tagsinput span.tag a {
    color: #fff;
}
.k-input-text .tagsinput #content_fields_addTag input:not([type]):focus:not([readonly]) {
    border: none;
    border-bottom: none;
    box-shadow: none;
}
.k-input-text .tagsinput #template_fields_addTag input:not([type]):focus:not([readonly]) {
    border: none;
    border-bottom: none;
    box-shadow: none;
}
.k-input-text .tagsinput #invoice_fields_tag input:not([type]):focus:not([readonly]) {
    border: none;
    border-bottom: none;
    box-shadow: none;
}
.k-input-text .tox {
    width: 100%;
    box-shadow: 0px 5px 4.9px 0.1px rgba(67, 65, 65, 0.07) !important;
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(212, 212, 212) !important;
    border-radius: 3px !important;
    height: 100px;
    padding-left: 0;
    resize: auto;
    color: #484748;
    font-weight: 400;
    font-size: 22px !important;
    margin-bottom: 0;
}
.k-input-text .tox .tox-edit-area {
    padding: 2px;
}
.k-input-text .tox .tox-mbtn {
    color: #7f92a4;
}
.k-input-text .tox .tox-tbtn--disabled, .k-input-text .tox .tox-tbtn--disabled:hover, .k-input-text .tox .tox-tbtn:disabled, .k-input-text .tox .tox-tbtn:disabled:hover {
    color: rgba(127, 146, 164, 0.5);
}
.k-input-text .tox .tox-tbtn svg {
    fill: #7f92a4;
}
.k-input-text .tox .tox-statusbar a, .k-input-text .tox .tox-statusbar__path-item, .k-input-text .tox .tox-statusbar__wordcount {
    color: rgba(127, 146, 164, 0.7);
}
#modal-user-contract, #modal-contract-template, #modal-service-request-template, #modal-repeater-template, #modal-activity-report-template {
    z-index: 999;
}
.contractTab {
    padding-left: 30px !important;
    padding-top: 10px;
}
.modalx {
    overflow-x: hidden;
    overflow-y: scroll;
}
.modalx::-webkit-scrollbar, .k-input-text #userContractContent::-webkit-scrollbar {
    width: 6px;
    height: 5px;
    border: 1px solid #d2d5db;
    border-radius: 10px;
    background-color: #f6f6f6;
}
.modalx::-webkit-scrollbar-thumb, .k-input-text #userContractContent::-webkit-scrollbar-thumb {
    width: 6px;
    height: 5px;
    max-height: 5px !important;
    min-height: 5px !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4d4d4;
}
.modalx::-webkit-scrollbar-track, .k-input-text #userContractContent::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.tabs .tab {
    display: contents;
}
.k-input-text #userContractContent {
    width: 100%;
    height: 650px;
    box-shadow: 0px 5px 4.9px 0.1px rgb(67 65 65 / 7%) !important;
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(212, 212, 212) !important;
    border-radius: 7px !important;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 110px 10px 10px;
}
#modal-user-contract form .row.templateData .row {
    margin: 0;
}
#profile form#form-profile .k-input-text, #profile form#form-password .k-input-text, #profile .card-inner-continer .k-input-text {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}
.k-button-fill.k-icon {
    width: auto;
    padding: 0px 15px;
}
#main .content-wrapper-before {
    position: absolute;
    z-index: -1;
    top: 56px;
    left: 0;
    width: 100%;
    height: 80px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
}
.filterNewData.filterdate-block .mCustomScrollBox {
    height: 31px;
    width: 100%;
    display: flex;
    flex-flow: column wrap;
}
.filterNewData.filterdate-block .mCustomScrollBox .mCSB_container {
    /*width: 100% !important;*/
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}
.filterNewData.filterdate-block .mCustomScrollBox .mCSB_container .button-triggle-parent {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-right: 16px;
    min-width: initial;
    max-width: fit-content;
    width: fit-content;
    white-space: nowrap;
}
.filterNewData.filterdate-block .mCustomScrollBox .mCSB_container .button-triggle-parent .modal-filter-add-btn {
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    min-width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: -ms-fit-content;
    min-width: -o-fit-content;
    max-width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: -ms-fit-content;
    max-width: -o-fit-content;
    margin-right: 2px;
}
.filterNewData.filterdate-block .mCustomScrollBox .mCSB_container .button-triggle-parent .main-filter-component-btn.k-button-border {
    position: relative;
}
.filterNewData.filterdate-block .mCustomScrollBox .mCSB_container .button-triggle-parent .main-filter-component-btn.k-button-border i[class*="close"] {
    right: 7px;
}
.newCustomModal {
    overflow: unset;
    max-height: unset !important;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none !important;
}
.newCustomModal .modalx-content {
    position: relative;
    padding: 40px;
    background-color: #fff;
    border-radius: 6px;
}
.newCustomModal .modalx-content .buttons-group {
    justify-content: flex-end;
    position: absolute;
    width: fit-content;
    top: 10px;
    right: 10px;
}
.newCustomModal .modalx-content .buttons-group a img {
    max-width: 100%;
}
.newCustomModal .modalx-content .top-filter-block-main-new {
    margin: 0px 0px 16px;
}
.newCustomModal .modalx-content .card-with-header {
    margin-bottom: 0px;
}
.newCustomModal .modalx-content .top-filter-block-main-new .boking-filter-row {
    justify-content: flex-end;
}
#modal-agency-admin-list .modalx-content .right-filter-button-group .modal-filter-dropdown {
    /*left: -90px !important;*/
    left: -12px !important;
}
#modal-service-request-list .modal-filter-dropdown {
    left: unset !important;
    right: 2px !important;
    height: auto !important;
}
#modal-add-help, #modal-email-template, #modal-invoice-template {
    z-index: 999;
}
.left-part-header .custome-nav-horizontal {
    padding-left: 260px;
}
#user-contract ul.contractTab li.tab a {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    white-space: pre-wrap;
    line-height: 16px;
    height: 40px;
}
#modal-admin-studio .modalx-content, #modal-admin-agency .modalx-content {
    padding: 30px 16px;
}
#modal-admin-studio .modalx-content .card-with-header .card-header, #modal-admin-agency .modalx-content .card-with-header .card-header {
    margin-bottom: 10px;
}
#modal-admin-studio .modalx-content .card-with-header .row, #modal-admin-agency .modalx-content .card-with-header .row {
    margin: 0px;
}
#modal-admin-studio .modalx-content .card-with-header, #modal-admin-agency .modalx-content .card-with-header {
    padding: 0 0 10px !important;
}
#modal-admin-studio .modalx-content .k-input-text label, #modal-admin-agency .modalx-content .k-input-text label, #modal-admin-studio .k-dropdown label, #modal-admin-agency .modalx-content .k-dropdown label {
    margin-bottom: 1px;
}
.k-input-text label a.generatePassword, .k-input-text label a.replaceContractFields {
    position: absolute;
    top: 3.8px;
    right: 17px;
    width: 18px;
    height: 18px;
    text-align: center;
    border: 1px solid #e2e2e2;
    background-color: #e2e2e2;
    color: #523eab;
    border-radius: 4px;
    display: flex;
    justify-content: end;
    align-items: center;
}
.k-input-text label a.generatePassword .material-icons, .k-input-text label a.replaceContractFields .material-icons {
    font-size: 16px;
}
.danger {
    border-color: #dc3545!important;
}
.warning {
    border-color: #ffc107!important;
}
.success {
    border-color: #28a745!important;
}
form .k-input-text .showBtn {
    position: absolute;
    top: 40px;
    /*bottom: 31%;*/
    transform: translateY(-31%);
    right: 28px;
    left: unset;
    margin: auto;
    background-color: transparent;
    color: #7f92a4;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    transition: all 0.4s ease-in-out;
}
/*form .k-input-error .showBtn {
    bottom: 48px;
}*/

form .k-input-text.passwordGenerate .showBtn {
    transform: translateY(-42%);
}
form .k-input-text.passwordGenerate .showBtn2 {
    bottom: 44px;
}
form .k-input-text .showBtn .material-icons {
    font-size: 20px;
}
.k-input-text.passwordGenerate input {
    padding-right: 31px;
}
.tabs-vertical .indicator {
    opacity: 0;
    visibility: hidden;
    display: block;
    width: 100%;
    text-align: center;
    transition: all 0.4s ease-in-out;
}
.tabs-vertical .indicator span {
    width: 30%;
    height: 4px;
    border-radius: 20px;
    margin: 0px auto;
    display: inline-block;
    background-color: #e3e3e3;
}
.tabs-vertical .k-input-text.passwordGenerate .indicator {
    opacity: 1;
    visibility: visible;
}
.text.weak {
    color: #dc3545;
}
.text.medium {
    color: #ffc107;
}
.text.strong {
    color: #28a745;
}
.tabs-vertical .indicator span.weak.active {
    background-color: #dc3545;
}
.tabs-vertical .indicator span.medium.active {
    background-color: #ffc107;
}
.tabs-vertical .indicator span.strong.active {
    background-color: #28a745;
}
.right-content-block .active .content .table-block table {
    overflow-x: auto;
    overflow-y: hidden;
}
.right-content-block .active .content .table-block table::-webkit-scrollbar {
    width: 6px;
    height: 5px;
    border: 1px solid #d2d5db;
    border-radius: 10px;
    background-color: #f6f6f6;
}
.right-content-block .active .content .table-block table::-webkit-scrollbar-thumb {
    width: 6px;
    height: 5px;
    max-height: 5px !important;
    min-height: 5px !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4d4d4;
}
.right-content-block .active .content .table-block table::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.sidenav-main {
    position: inherit !important;
}
.custom-panel .sidenav-main ul.sidenav {
    padding-bottom: 0px;
    background-color: transparent !important;
    box-shadow: none;
    border: none;
    padding-left: 0px !important;
}
.custom-panel .sidenav-main ul.sidenav li {
    background-color: transparent !important;
}
.custom-panel .sidenav-main ul.sidenav li a {
    margin-right: 0px;
    width: 100%;
    height: 47px;
    line-height: 47px;
    border-radius: 4px;
    color: #6b6f82;
    font-size: 14px;
    padding: 0 10px !important;
}
.custom-panel .sidenav-main .sidenav li a.collapsible-header>i.material-icons, .custom-panel .sidenav-main .sidenav li>a>i.material-icons {
    height: 47px;
    line-height: 47px;
    color: #6b6f82;
    margin: 0px !important;
    font-size: 22px;
}
.custom-panel .sidenav-main ul.sidenav li.active a img {
    width: 38px;
    height: 38px;
    max-width: 100%;
    margin: 4px 4px 4px 0px;
}
.custom-panel .sidenav-main .sidenav li .collapsible-body {
    /*background-color: transparent !important;*/
}
.custom-panel .sidenav-main .sidenav li>a:not(.active):hover {
    /*background-color: transparent !important;*/
    /*background-color: #fce4ec !important;*/
    background-color: rgba(0, 0, 0, .035)!important;
}
.custom-panel .sidenav-main .sidenav .collapsible-header:hover, .sidenav.fixed .collapsible-header:hover {
    /*background-color: transparent !important;*/
}
.custom-panel .sidenav-main .sidenav li>a:hover {
    /*background-color: transparent !important;*/
}
.custom-panel .sidenav-main ul.sidenav li a:after {
    right: 14px;
}
.custom-panel .sidenav-main ul.sidenav li a span {
    text-transform: capitalize;
}
.custom-panel .sidenav-main ul.sidenav li a span.center {
    display: flex;
    text-transform: capitalize;
}
.custom-panel .sidenav-main ul.sidenav li a .waves-ripple {
    /*background-color: transparent !important;*/
    background-color: rgba(0, 0, 0, .035)!important;
}
.custom-panel .sidenav-main ul.sidenav li.active a {
    /*color: #e91e63 !important;
    background-color: #fce4ec !important;*/
}
.custom-panel .sidenav-main ul.sidenav li.active a i.material-icons {
    /*color: #e91e63 !important;*/
}
.custom-panel .sidenav-main ul.sidenav li.active a:after {
    /*color: #e91e63 !important;*/
}
.custom-panel .sidenav-main ul.sidenav.tabs .tab a:focus, .custom-panel .sidenav-main ul.sidenav.tabs .tab a:focus.active {
    background-color: rgba(0, 0, 0, .035)!important;
}
@media screen and (max-width: 1130px) {
    .right-content-block .active .content .table-block table#superAdminUserContract {
        display: inline-block;
    }
}
@media screen and (max-width: 1085px) {
    .right-content-block .active .content .table-block table {
        /*display: inline-block;*/
    }
}
.sidenav .collapsible-header.active:after, .sidenav .collapsible-header:after {
    content: '' !important;
}
.tabs-vertical .tabs .tab a.active i.material-icons {
    /*color: #e91e63 !important;*/
}
.sidenav, .sidenav .collapsible {
    padding-left: 16px !important;
}
.custom-panel .sidenav-main ul.sidenav li.active a.superAdminUserContractView, .custom-panel .sidenav-main ul.sidenav li.active a.superAdminUserContractView span, .custom-panel .sidenav-main ul.sidenav li.active a.superAdminUserContractView span.center {
    color: #2196f3;
}
.custom-panel .sidenav-main ul.sidenav li.active a.agencyAdminUserContractView, .custom-panel .sidenav-main ul.sidenav li.active a.agencyAdminUserContractView span, .custom-panel .sidenav-main ul.sidenav li.active a.agencyAdminUserContractView span.center {
    color: #2196f3;
}
.contractTab .tab {
    text-transform: capitalize !important;
}
table.dataTable thead .sorting {
    background-size: 8px;
}
body table#superAdminUserContract thead th.sorting:nth-child(8), body table#superAdminUserContract thead th:nth-child(9) {
    min-width: 80px !important;
}
.newsfeeds-profile .breadcrumbs-dark {
    margin-top: -20px !important
}
.newsfeeds-profile .valign-wrapper {
    margin-top: 0 !important
}
@media screen and (max-width: 1096px) {
    [type=checkbox]+span:not(.lever) {
        /* opacity: 0;
        z-index: -1;*/
    }
    .k-checkbox-fill {
        padding-left: 20px;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        top: 16px !important;
    }
}
@media (max-width:992px) {
    table.dataTable thead th {
        width: 75px !important
    }
    .sidenav-main {
        position: fixed !important;
    }
    .right-content-block {
        width: 100% !important;
        max-width: 100%
    }
    .table-block thead tr th, body .table-block tr td {
        height: 50px;
        border-bottom: 1px solid #cfd8dc !important
    }
    .navbar {
        z-index: 995 !important;
    }
    .custom-panel .sidenav-main ul.sidenav {
        background: #fff !important;
        height: 100% !important;
        border-radius: 0 !important;
    }
    .menu2 {
        position: absolute;
        top: -48px;
        background: transparent;
        width: 30px;
        height: 30px;
        line-height: 30px !important;
        left: 15px;
        z-index: 11;
        box-shadow: none;
        border: 1px solid #fff;
        border-radius: 4px;
    }
    .menu2 i {
        line-height: 30px !important;
        color: #ff9100
    }
    .pos-r {
        position: relative;
    }
    body .sidebar .sidebar-content .sidebar-header {
        top: 10px !important;
        left: -10px !important;
    }
    /* .sidebar-left {width: 220px !important;}
  .right-new-filter {max-width: calc(100% - 210px) !important;} */
    [type=checkbox]+span:not(.lever) {
        opacity: 1;
        z-index: 1;
    }
    .round-border-button.saveFilter, .round-border-button.clearFilter {
        margin-right: 5px;
        border: none;
        width: 18px
    }
    .main-filter-btn {
        font-size: 0;
    }
    .top-filter-block-main-new .booking-filter-block {
        max-width: calc(100% - 174px);
    }
}
@media (max-width:844px) {
    [type=checkbox]+span:not(.lever) {
        /* opacity: 0;
        z-index: -1;*/
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        top: 19px !important;
    }
    .dataTables_wrapper .dataTables_paginate>span {
        display: inline-block;
        width: 100%;
    }
    table.dataTable thead .sorting {
        background-position: 80% 50% !important;
    }
}
@media (max-width:600px) {
    .menu2 {
        top: -34px;
    }
    .col.right-new-filter {
        margin-bottom: 0;
    }
    .top-filter-block-main-new {
        width: 100%;
        margin-top: 10px;
    }
    .right-new-filter {
        margin-left: 40px;
        max-width: calc(100% - 35px);
    }
    .right-filter-button-group .material-icons {
        font-size: 18px;
    }
    .modal-custom .buttons-group {
        width: 80px;
    }
    .top-filter-block-main-new .booking-filter-block {
        max-width: calc(100% - 150px);
    }
}
.k-input-text #serviceRequestContent, #serviceRequestContractContent {
    width: 100%;
    height: 650px;
    box-shadow: 0px 5px 4.9px 0.1px rgb(67 65 65 / 7%) !important;
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(212, 212, 212) !important;
    border-radius: 7px !important;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px;
}
.k-input-text #spaces_template, .k-input-text #training_template, .k-input-text #requestContent, .k-input-text #service_request_template {
    width: 100%;
    height: 650px;
    box-shadow: 0px 5px 4.9px 0.1px rgb(67 65 65 / 7%) !important;
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(212, 212, 212) !important;
    border-radius: 7px !important;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px;
}
@media (max-width:767px) {
    table.dataTable thead .sorting {
        background-position: 95% 50% !important;
    }
    .dropify-wrapper.touch-fallback .dropify-message {
        padding: 10px 0;
    }
    .dropify-wrapper .dropify-message span.file-icon {
        font-size: 35px;
    }
    .main-filter-btn span {
        display: none;
    }
    table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        left: 10px;
    }
    [type=checkbox].filled-in:not(:checked)+span:not(.lever):after {
        width: 14px;
        height: 14px;
    }
    [type=checkbox].filled-in:checked+span:not(.lever):after {
        width: 14px;
        height: 14px;
    }
    [type=checkbox].filled-in:checked+span:not(.lever):before {
        width: 3px;
        height: 8px;
    }
}
@media (max-width:575px) {
    .card-panel .row .col.s4, .card-panel .row .col.s3, .modalx-content .col.s6, .modalx-content .col.s3, .modalx-content .col.s4 {
        width: 100%;
    }
    .modal-header {
        height: 55px;
    }
    .modal-header h4 {
        font-size: 18px;
    }
    .k-input-text .k-txt-box {
        height: 40px !important;
        /*font-size: 16px !important;*/
    }
    .k-dropdown .select-wrapper input.select-dropdown {
        height: 40px;
        font-size: 14px !important;
    }
    /*.k-dropdown:before {
        top: 43px;
    }*/
    .input-field.col.s6.k-dropdown {
        margin-bottom: 8px;
    }
    .swal-modal {
        width: 70%;
    }
    .swal-icon {
        width: 50px;
        height: 50px;
        border-width: 3px;
        margin: 0 auto;
    }
    .swal-icon--warning__body {
        width: 3px;
        height: 23px;
    }
    .swal-icon--warning__dot {
        width: 4px;
        height: 4px;
        margin-left: -1px;
        bottom: -9px;
    }
    .swal-title {
        font-size: 20px;
        margin-bottom: 7px;
    }
    .swal-text {
        font-size: 14px;
    }
    .swal-button {
        height: 32px;
        font-size: 16px;
    }
    .dropify-wrapper .dropify-message span.file-icon p {
        font-size: 18px;
    }
    .k-dropdown label {
        font-size: 15px;
    }
}
@media (max-width: 480px) {
    .model-block-row {
        margin-left: 0;
        margin-top: 0;
    }
    .card-with-header .card-header {
        height: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: -ms-fit-content;
        height: -o-fit-content;
    }
    .top-filter-block-main-new .boking-filter-row {
        padding-left: 0;
    }
    .filterNewData.filterdate-block .mCustomScrollBox .mCSB_container .button-triggle-parent .modal-filter-add-btn {
        display: none;
    }
    .main-filter-component-btn.k-button-border {
        border: 0;
        padding-left: 0;
        padding-right: 0;
    }
    a.modal-filter-add-btn {
        font-size: 11px;
    }
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 13px;
    }
    .filterNewData.filterdate-block {
        max-width: calc(100% - 60px);
        padding-left: 5px;
    }
    .top-filter-block-main-new .booking-filter-block {
        max-width: calc(100% - 158px);
    }
    .main-filter-component-btn input.textbox-filter-innner {
        width: 65px;
    }
    .swal-modal {
        width: 90%;
    }
    .row .right-content-block {
        padding: 0 5px;
    }
    .card-with-header .card-header {
        padding-left: 10px;
        padding-right: 10px;
    }
    .modal-header h4 {
        font-size: 15px;
    }
    .modal-header .buttons-group a .material-icons {
        font-size: 20px;
    }
    .close-activity-report img {
        width: 18px;
    }
    .pupCloseBtn img {
        width: 18px !important;
        height: 18px !important;
    }
    a.close-user-contract {
        width: 18px;
    }
    .modal-header {
        height: 45px;
    }
    .modalx .modalx-content {
        padding: 12px;
    }
    .modal-custom .action-btn {
        font-size: 14px;
        height: 40px;
    }
    .modal-custom .action-btn img {
        width: 14px;
    }
    .custom-panel .sidenav-main ul.sidenav li a {
        height: 45px;
        line-height: 45px;
        font-size: 13px;
    }
    .custom-panel .sidenav-main ul.sidenav li.active a img {
        width: 28px;
        height: 28px;
    }
    .table-block tbody tr td {
        font-size: 13px;
    }
    /* table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: 50%;
    } */
    .dataTables_length label select {
        font-weight: normal;
        width: 66px;
        padding: 0 2px;
        height: 24px;
        font-size: 12px;
        margin: 0 4px;
    }
}
.hiddendiv {
    display: none;
}
.tox.tox-tinymce.tox-tinymce-inline.tox-tinymce--toolbar-sticky-off {
    z-index: 1111;
    width: 65%;
    margin-top: 80px;
}
/*b my css start */

.dropdown-content li>a, .dropdown-content li>span {
    padding: 10px 15px !important;
    font-size: 14px;
    line-height: normal;
}
.filtertwo {
    margin-bottom: 0 !important;
    margin-top: 15px !important;
}
.filtertwo .boking-filter-row {
    box-shadow: unset !important;
    border: unset !important;
}
.filtertwo .boking-filter-row .plus-r {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
.delete-action a {
    width: 30px;
    height: 30px;
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #523eab;
    font-size: 0;
    margin: 0;
}
.invoice-edit-wrapper .card {
    box-shadow: unset !important;
}
.invoice-edit-wrapper .invoice-item .invoice-icon {
    padding: 5px;
    border-left: unset;
    justify-content: center !important;
}
.invoice-edit-wrapper .invoice-item .invoice-item-filed {
    padding: .8rem;
    min-width: 100%;
}
.invoice-edit-wrapper .delete-row-btn i, .invoice-edit-wrapper .dropdown i {
    font-size: 1.2rem;
    position: relative;
    left: -3px;
}
/* head horizontal tab css start */

.head-tab-horizontal ul.tabs {
    display: flex;
    flex-direction: row;
    overflow-x: unset;
    overflow-y: unset;
}
.head-tab-horizontal ul.tabs li a {
    display: inline-block;
    position: relative;
    padding: 12px 24px;
    text-transform: capitalize;
}
.head-tab-horizontal ul.tabs li a.active {
    background: rgba(0, 0, 0, .035)!important;
    border-radius: 0;
}
.head-tab-horizontal ul.tabs li {
    position: relative;
}
.head-tab-horizontal ul.tabs li::before {
    content: "";
    right: 0;
    border-right: 1px solid #d2d2d2;
    position: absolute;
    top: 0%;
    height: 100%;
}
.head-tab-horizontal ul.tabs .tab {
    width: auto;
    height: unset;
    display: inherit;
    line-height: unset;
}
.tabs-vertical .tabs .tab:first-child, .tabs-vertical .tabs .tab:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.tabs-vertical .tabs .tab:last-child, .tabs-vertical .tabs .tab:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.tabNoPadding {
    padding-left: 0px !important;
}
/* head horizontal tab css end */

/* full model scroo hide css start */

.modalx {
    overflow-y: hidden !important;
}
.modalx-content {
    overflow-y: auto !important;
    /*max-height: 500px;*/
    max-height: 83vh;
}
@-moz-document url-prefix() {
    .modalx-content {
        scroll-behavior: smooth !important;
        border-radius: 10px;
        scrollbar-color: #D4D4D4 white;
        scrollbar-width: thin;
    }
    .k-input-text .tagsinput {
        scroll-behavior: smooth !important;
        border-radius: 10px;
        scrollbar-color: #D4D4D4 white;
        scrollbar-width: thin;
    }
}
.modalx-content::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
}
.modalx-content::-webkit-scrollbar-thumb {
    background: #D4D4D4;
    border-radius: 10px;
}
/*.k-input-text .tox .tox-edit-area{
    overflow: scroll;
}
.k-input-text .tox .tox-edit-area::-webkit-scrollbar {
     width: 5px;
    height: 8px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
}
.k-input-text .tox .tox-edit-area::-webkit-scrollbar-thumb {
    background: #D4D4D4;
    border-radius: 10px;
}*/

.k-input-text .tagsinput::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
}
.k-input-text .tagsinput::-webkit-scrollbar-thumb {
    background: #D4D4D4;
    border-radius: 10px;
}
.tabs-vertical .tabs::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
    border-radius: 10px;
}
.tabs-vertical .tabs::-webkit-scrollbar-thumb {
    background: #D4D4D4;
    border-radius: 10px;
}
/* full model scroo hide css start */

/* mobile dropdown bt pink css start */

.pbtn {
    background: #ff4081 !important;
}
.pbtn i {
    color: #fff !important;
    font-size: 25px !important;
}
/* mobile dropdown bt pink css end */

/* model section title css start */

.ms-title {
    padding-bottom: 15px;
    position: relative;
    text-align: center;
    width: 100%;
}
.ms-title span {
    display: inline-block;
    font-size: 16px;
    text-transform: capitalize;
    background: #f8f4fa;
    padding: 5px 15px;
    font-weight: 600;
}
.row .col #content_fields_tagsinput, .row .col #template_fields_tagsinput {
    position: relative;
    top: -101px;
    margin-bottom: -100px;
}
.k-h4 i.materialIcons {
    margin-right: 0px !important;
    color: #484748 !important;
}
.table-block .striped [type=checkbox]+span:not(.lever) {
    padding-left: 0px;
}
.sidenav-overlay {
    display: none !important;
}
#superAdminUserContract th.sorting:nth-child(3) {
    min-width: 102px !important;
    width: 102px !important;
}
#superAdminUserContract .d-inline-block span {
    display: inline-block !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 49.5% !important;
    transform: translateY(-50%) !important;
}
#horizontal-nav {
    box-shadow: none !important;
}
/*3-6-2021*/

#user-contract-tab table.dataTable tbody tr td:first-child {
    width: 3%;
}
#user-contract-tab table.dataTable tbody tr td:nth-child(2) {
    width: 7%;
}
#service-request-modal #service_request_content {
    width: 100%;
}
.showAgencyAdmin .cyan, .showStudioAdmin .cyan {
    white-space: nowrap !important;
}
.k-h4 .multiBread {
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.newAgencyListModal {
    border: unset !important;
    box-shadow: unset !important;
    background-color: transparent !important;
}
.newAgencyListModal .card-with-header {
    box-shadow: unset !important;
}
.newAgencyListModal .buttons-group {
    position: relative;
}
.redhastric {
    color: #ff0000 !important;
}
.uphead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.udownloadbtn {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    background-color: #e2e2e2;
    color: #4f3baa;
    display: flex;
    align-items: center;
    padding: 0 9px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0 0 0;
}
.dumain .uploaded .uploaded-image {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.dumain .uploaded .uploaded-image img {
    border-radius: 5px;
}
.dumain .uploaded .uploaded-image .delete-image {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 13px;
    line-height: 22px !important;
    display: flex;
    padding: 0 !important;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    color: #fff;
    background-color: #4f3baa !important;
    position: absolute;
    top: -10px !important;
    right: -10px !important;
}
.dumain .uploaded .uploaded-image .delete-image i {
    font-size: 13px !important;
}
.actionDropDown {
    min-width: 120px !important;
    width: unset !important;
    top: calc(60% + 7px) !important;
    left: 0 !important;
    right: 0 !important;
}
.userContractDP {
    min-width: 200px !important;
    left: unset !important;
    right: 0px !important;
}
.restDP {
    min-width: 100px !important;
    left: unset !important;
    right: 0px !important;
}
.actionDropDown li>a {
    padding: 6px 10px 5px !important;
}
.actionDropDown li>a>i {
    margin: 0 6px 0 0;
    font-size: 18px;
    color: #4f3baa;
}
table.highlight>tbody>tr:hover {
    background-color: #efebf1;
}
/* model section title css end */

#modal-studio-admin-list table thead tr th:first-child, #modal-studio-admin-list table tbody tr td:first-child {
    width: 20px !important;
    padding-left: 0 !important;
}
#modal-studio-admin-list table thead tr th:last-child, #modal-studio-admin-list table tbody tr td:last-child {
    width: 75px !important;
}
#modal-studio-admin-list .right-filter-button-group>.modal-filter-dropdown {
    left: -12px !important;
    right: unset !important;
}
#breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title {
    display: flex;
    align-items: center;
}
#breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title a.homeicon {
    width: 20px;
    height: 20px;
    font-size: 20px;
    display: inline-block;
    background: #fff;
    color: #3f51b5;
    text-align: center;
    line-height: 20px;
    margin-right: 6px;
    border-radius: 3px;
}
#breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title a.homeicon i {
    font-size: 20px !important;
}
.invoice-item-filed {
    width: 100%;
}
.table-loader {
    visibility: hidden;
    position: relative;
    min-height: 600px !important;
}
.table-loader:before {
    visibility: visible;
    display: table-caption;
    content: " ";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 600px !important;
    background-image: linear-gradient( rgba(235, 235, 235, 1) 1px, transparent 0), linear-gradient(90deg, rgba(235, 235, 235, 1) 1px, transparent 0), linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 30%), linear-gradient( rgba(240, 240, 242, 1) 35px, transparent 0);
    background-repeat: repeat;
    background-size: 1px 35px, calc(100% * 0.1666666666) 1px, 30% 100%, 2px 70px;
    background-position: 0 0, 0 0, 0 0, 0 0;
    animation: shine 0.5s infinite;
}
.k-dropdown select.kendra-select {
    border-radius: 5px !important;
    height: 40px;
    font-size: 14px !important;
}
.footer-login-info {
    width: 100%;
    text-align: center;
}
.footer-login-info a {
    border-radius: 3px;
    border: 1px solid #fff;
    display: inline-block;
    padding: 3px 10px;
    font-size: 13px;
    margin-left: 10px;
}
.modal-header {
    width: unset;
}
.modal-header h4 {
    width: calc(100% - 100px);
}
.modal-header .buttons-group {
    width: 100px;
    justify-content: flex-end;
    align-items: center;
}
.modal-header .buttons-group a {
    display: flex;
    background-color: transparent;
    border: none;
    color: #9e9e9e;
    font-size: 15px;
}
.modal-header .buttons-group a i {
    font-size: 24px;
}
.hth-scroll {
    width: 100%;
}
.hth-scroll ul {
    overflow-y: scroll !important;
}
.hth-scroll ul li a {
    padding: 9px 24px !important;
}
.hth-scroll ul li.indicator {
    display: none !important;
}
.repeaterPart {
    width: 100% !important;
    position: relative;
}
.removeTagClose a {
    display: none;
}
.repeaterPart .tagsinput {
    width: 100% !important;
}
@keyframes shine {
    to {
        background-position: 0 0, 0 0, 40% 0, 0 0;
    }
}
.repeaterPart .tag a {
    display: none;
}
.uNE {
    padding: 0 !important;
}
.uNE p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.uSD {
    padding-bottom: 10px;
}
nav ul a:hover, nav ul li.active {
    border-radius: 5px;
}
.contractPrefixParent label {
    font-size: 14px;
    color: #7f92a4;
    font-weight: 400;
    position: unset;
    margin-bottom: 7px;
    display: block;
    transform: unset !important;
}
.contractPrefixParent label span {
    color: #ff886f;
}
.contractPrefix {
    display: flex;
    justify-content: space-between;
}
.contractPrefix .k-dropdown {
    width: 30% !important;
}
.contractPrefix .k-input-text {
    width: calc(70% - 10px);
}
.contractPrefix .k-dropdown:before {
    top: 9px !important;
    right: 13% !important;
}
.invoicePrefixParent {
    display: flex;
    justify-content: space-between;
}
.invoicePrefixParent .select-wrapper {
    width: 25%;
}
.invoicePrefixParent .select-wrapper input {
    padding-left: 10px;
}
.invoicePrefixParent .invoicePrefixChild {
    width: calc(70% - 10px) !important;
}
#agency-studio-tab .contractPrefix .input-field.k-dropdown::before {
    top: 5px !important;
}
.deleteConfirm ::placeholder {
    color: rgba(0, 0, 0, .64) !important;
}
#modal-transaction-unpublished-list .modalx-content {
    overflow-y: hidden !important;
}
.transactionHistoryList .k-h4 {
    display: inline-block;
    width: auto;
}
.card-header.transactionHistoryList {
    width: auto;
}
a.transaction-icon {
    float: right;
    width: 20px;
    height: 20px;
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #523eab;
    font-size: 0;
    margin: 0;
}
#modal-transaction-history .dataTables_length label select {
    height: 100%;
    width: auto;
    padding: 7px 15px;
}
#modal-transaction-history .modalx-content {
    max-height: 100%;
    height: 100%;
    min-height: 100%;
}
#modal-transaction-history .modalx-content .card-panel {
    height: 100%;
    min-height: 360px;
    max-height: 100%;
}
#modal-transaction-history .dropdown-content {
    left: -100px !important;
    right: unset !important;
}
#modal-transaction-history .dropdown-content span {
    padding-left: 30px;
}
#modal-transaction-history .dropdown-content li {
    width: 100%;
    padding: 0px;
}
#modal-transaction-history .dropdown-content li label.k-checkbox-fill {
    padding: 4px 9px;
}
#modal-transaction-history .dropdown-content.dropdown-with-checkbox li [type=checkbox].filled-in:checked+span:not(.lever):before {
    width: 5px;
}
#modal-transaction-unpublished-list .dropdown-content {
    left: -52px !important;
    right: unset !important;
}
#modal-transaction-unpublished-list .dropdown-content span {
    padding-left: 30px;
}
#modal-transaction-unpublished-list .dropdown-content li {
    width: 100%;
    padding: 0px;
}
#modal-transaction-unpublished-list .dropdown-content li label.k-checkbox-fill {
    padding: 4px 9px;
}
#modal-transaction-unpublished-list .dropdown-content.dropdown-with-checkbox li [type=checkbox].filled-in:checked+span:not(.lever):before {
    width: 5px;
}
#modal-transaction-unpublished-list .modalx-content #modal-unpublished-transaction {
    overflow-y: auto !important;
    max-height: 100% !important;
}
#modal-transaction-unpublished-list .modalx-content .card-panel {
    overflow-y: auto;
}
.swal-title {
    word-break: break-word;
    white-space: normal;
}
.swal-title p {
    margin: 0px;
}
#modal-transaction-unpublished-list #modal-activity-report {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    /*height: 100%;
    min-height: 100%;*/
    max-height: 100% !important;
    /*overflow-y: auto !important;*/
    left: 0;
    right: 0;
}
#modal-transaction-unpublished-list #modal-activity-report .modalx-content {
    /* max-height: 100% !important; */
    height: fit-content;
    min-height: 100%;
    overflow-y: auto !important;
}
#modal-transaction-unpublished-list #modal-activity-report .modalx-content .input-field .modal_button_center {
    padding-bottom: 50px;
}
select#invoice_prefix {
    width: 100%;
    max-width: 60px;
}
.modalx .modalx-content.chat-modal-content {
    padding: 0px !important;
}
.chat-modal-content .card {
    margin: 0px !important;
}
.chat-modal-content .chat-application .app-chat .chat-content .chat-content-area .chat-area .chats .chat .chat-body .chat-text p {
    white-space: normal !important;
}
.chat-modal-content .chat-application .app-chat .chat-content .chat-content-area .chat-area {
    height: 300px !important;
    overflow-y: auto !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/*table.dataTable thead tr:last-child th.sorting {
    right: 15px !important;
}*/

.transactionHeading {
    display: flex;
}
.transactionHeading .headingDiv {
    width: 100%;
    min-width: 230px;
    margin-left: 15px;
}
.transactionHeading .headingDiv .headingButton {
    width: 100% !important;
    display: block;
    padding: 0 10px !important;
    font-size: 13px;
    height: 32px;
}
.cIMain {
    position: relative;
    width: 25px !important;
    height: 25px !important;
}
.cIMain .chatCount {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    font-size: 10px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: #ff4081;
}
.card-box-main {
    padding: 20px 15px;
}
.card-box-upermition {
    padding: 20px 15px 0 15px;
}
.card-inner-continer-permition {
    padding: 15px 15px 0;
}
.card-box-upermition .permissionList {
    padding: 17px;
}
.tdHeaderPopup {
    width: auto !important;
}
.tblPopupMain .dataTables_length label select {
    height: 100%;
    width: auto;
    padding: 7px 15px;
}
.tblPopupMain .tdHeaderPopup .modalx-content {
    max-height: 100%;
    height: 100%;
    min-height: 100%;
}
.tblPopupMain .tdHeaderPopup .modalx-content .card-panel {
    height: 100%;
    min-height: 360px;
    max-height: 100%;
}
.tblPopupMain .tdHeaderPopup .dropdown-content {
    left: -100px !important;
    right: unset !important;
}
.tblPopupMain .tdHeaderPopup .dropdown-content span {
    padding-left: 30px !important;
}
.tblPopupMain .tdHeaderPopup .dropdown-content li {
    width: 100%;
    padding: 0px;
}
.tblPopupMain .tdHeaderPopup .dropdown-content li label.k-checkbox-fill {
    padding: 4px 9px;
}
.tblPopupMain .tdHeaderPopup .dropdown-content.dropdown-with-checkbox li [type=checkbox].filled-in:checked+span:not(.lever):before {
    width: 5px;
}
.tblPopupMain {
    height: 100%;
}
.tblPopupMain .modalx-content {
    height: 100%;
    overflow-y: hidden !important;
}
.tblPopupMain .modalx-content .card-panel {
    height: 100%;
}
#modal-unpublished-transaction .modalx-content {
    overflow-y: auto !important;
}
/*profile-popup-row-align-issue*/

#modal-user-profile .modalx-content .row:nth-child(2) {
    margin-right: -1.45rem;
    margin-left: -1.45rem;
    display: flex;
    flex-wrap: wrap;
}
#modal-user-profile .modalx-content .row:nth-child(2) .col {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
#modal-user-profile .modalx-content .row:nth-child(2) .col .card-with-header {
    height: 100%;
}
#modal-user-profile .modalx-content .row:nth-child(1) .card-inner-continer form .row {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
    display: block;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    display: none;
}
.head-tab-horizontal {
    width: 100%;
}
.rightPeopleTab a {
    /*padding: 8px 24px !important;*/
    padding: 7px 14px !important;
}
.rightPeopleTab a i {
    margin: 0 !important;
    /*font-size: 18px !important;*/
    font-size: 24px !important;
}
.head-tab-horizontal ul.tabs.peopleAdminTab li.tab.rightPeopleTab {
    margin-left: auto;
}
.head-tab-horizontal ul.tabs.peopleAdminTab li.indicator:empty {
    display: none;
}
#modal-transaction-unpublished-list .card-panel {
    position: relative;
}
.massPublish {
    position: absolute;
    bottom: 15px;
    right: 15px
}
.select2-dropdown {
    width: auto !important;
}
.select2-container--default .select2-results>.select2-results__options {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.select2-container--open .select2-dropdown--below #select2-studioFilter-results, .select2-container--open .select2-dropdown--below #select2-newPeriodFilter-results {
    min-width: max-content;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: -ms-max-content;
    min-width: -o-max-content;
}
.select2-container--default .select2-results #select2-predefinePeriod-results.select2-results__options {
    /*width: 330px;*/
    width: 200px;
}
.table-block tfoot tr td {
    border-color: #cfd8dc !important;
}
.select2-container--open .select2-dropdown--below #select2-contractTemplateDropdown-results .select2-results__option {
    padding-left: 25px;
    position: relative;
}
.select2-container--open .select2-dropdown--below #select2-contractTemplateDropdown-results .select2-results__option::before {
    position: absolute;
    left: 3px;
}
.select2-container--open .select2-dropdown--below #select2-contractTemplateDropdown-results .select2-results__option[aria-selected=true]::after {
    top: 9px;
    left: 6px;
}
.filterNewData.filterdate-block .select2.select2-container--default .select2-selection__rendered .select2-selection__clear {
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    opacity: 0;
}
.select2-container--default .select2-results #select2-predefinePeriod-results.select2-results__options .select2-results__option:before, .select2-container--default .select2-results #select2-predefinePeriod-results.select2-results__options .select2-results__option:after {
    opacity: 0;
    visibility: hidden;
    display: none;
}
/*Predefine-Period-for*/

.select2-container--default .select2-selection--single[aria-labelledby="select2-predefinePeriod-container"] {
    border: 2px solid rgb(204, 204, 204);
}
.select2-container--default .select2-selection--single[aria-labelledby="select2-predefinePeriod-container"] .select2-selection__rendered {
    padding-right: 24px;
    line-height: 25px;
}
/*Predefine-Period-for*/

.modelIncomeListNew #modelIncomePrePeriod.dropdown-content {
    left: -161px !important;
    right: unset !important;
}
.studioIncomeList #studioIncomePrePeriod.dropdown-content {
    left: -200px !important;
    right: unset !important;
}
/*.modalx .modalx-content.filterPopup .card-with-header .card-header {
    flex-flow: row;
}*/

.modalx .modalx-content.filterPopup .card-with-header .card-header h4.k-h4 {
    width: auto;
    min-width: 150px;
    max-width: 250px;
    height: 16px;
    line-height: 16px;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.modalx .modalx-content.filterPopup .card-with-header .card-header .dropdown-content {
    left: 0px !important;
}
.modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding-right: 0px;
    width: calc(100% - 170px - 81px);
}
.modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .booking-filter-block {
    width: calc(100% - 90px);
}
.modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .booking-filter-block .button-triggle-parent {
    margin: 0px 10px;
}
.modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .action-button-filter-add .card-header {
    padding: 0px 5px 0px 15px;
    background-color: transparent;
}
.modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .action-button-filter-add .card-header.saveFilterBar .model-block-row {
    right: -75px !important;
}
.modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .action-button-filter-add .card-header.saveFilterBar .model-block-row::before {
    left: auto;
    right: calc(100% - 154px);
}
#modal-transaction-balance, #modal-website-balance {
    width: 96% !important;
    max-width: 400px !important;
}
.select2-container {
    z-index: 9 !important;
}
.filterNewData.filterdate-block .mCustomScrollBox .mCSB_container .button-triggle-parent a.cleare-select-2-close {
    /*z-index: 9999;*/
    z-index: 9;
}
#publishedTransactionList_wrapper, #studioIncomes_wrapper, #modelIncomeList_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#modelIncomeList_wrapper .model-income-column-total {
    width: calc(100% - 16.5% - 16.5% - 20px);
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0px 10px;
}
#publishedTransactionList_wrapper .column-level-total {
    width: calc(100% - 20% - 18% - 20px);
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0px 10px;
}
#studioIncomes_wrapper .studio-income-column-total {
    width: calc(100% - 16.5% - 16.5% - 20px);
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0px 10px;
}
#publishedTransactionList_wrapper .column-level-total button.k-button-fill.k-icon, #modelIncomeList_wrapper .model-income-column-total button.k-button-fill.k-icon, #studioIncomes_wrapper .studio-income-column-total button.k-button-fill.k-icon {
    margin-right: 0px;
    height: 32px;
    line-height: 32px;
    padding: 0px 12px;
}
#publishedTransactionList_wrapper .dataTables_paginate, #modelIncomeList_wrapper .dataTables_paginate, #studioIncomes_wrapper .dataTables_paginate {
    margin-left: auto;
    margin-right: 0px;
}
#unpublishedTransactionList_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#unpublishedTransactionList_wrapper .ut-level-total {
    width: calc(100% - 160px - 188px - 20px);
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0px 10px;
}
#unpublishedTransactionList_wrapper .ut-level-total button.k-button-fill.k-icon {
    margin-right: 0px;
    height: 32px;
    line-height: 32px;
    padding: 0px 12px;
}
#unpublishedTransactionList_wrapper .dataTables_paginate {
    margin-left: auto;
    margin-right: 0px;
}
.tooltipped {
    z-index: 9999 !important;
}
.material-tooltip {
    z-index: 9999 !important;
}
.saveFilterBar .tooltipped {
    z-index: 9 !important;
}
.incomeRatio li.payment:before {
    background: #8133ff;
}
.incomeRatio li.profit:before {
    background: #ff4bac;
}
.incomeRatio li.balance:before {
    background: #e4e4e4;
}
.studioStatistics li.income:before {
    background: #ff4bac;
}
.studioStatistics li.payment:before {
    background: #8133ff;
}
.studioStatistics li.balance:before {
    background: #f4c63d;
}
.studioStatistics li.profit:before {
    background: #d17905;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
ul.legendView {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 60px;
}
ul.legendView li {
    padding: 2px !important;
    font-size: 9px !important;
    line-height: 9px !important;
}
ul.legendView li:before {
    margin: 3px 5px 0 0 !important;
    width: 6px !important;
    height: 6px !important;
}
.mg-30 {
    margin-top: 30px;
}
.row.for-equle-height {
    display: flex;
    flex-wrap: wrap;
}
.row.for-equle-height .col .card {
    height: calc(100% - 2rem);
}
.row.for-equle-height .col .card .card-with-header {
    height: 100%;
}
.card .card-content.teal .select-wrapper {
    width: 100%;
    max-width: 90px;
    margin-left: auto;
}
.card .card-content.teal .select-wrapper ul.dropdown-content {
    width: 100% !important;
    min-width: 93.8px;
}
.card .card-content.teal .select-wrapper input.select-dropdown {
    border-color: #ffffff;
    background-color: transparent;
    color: #ffffff;
    padding: 0px 4px;
}
.card .card-content.teal .select-wrapper svg.caret {
    fill: #ffffff;
}
.card-content.teal .select-wrapper .select-dropdown.dropdown-content li span {
    color: #6b6f82;
}
.card-content.teal .select-wrapper .select-dropdown.dropdown-content li.selected, .card-content.teal .select-wrapper .select-dropdown.dropdown-content li.selected span {
    background-color: rgba(0, 0, 0, .04);
    color: #333333;
}
.teal {
    background-color: #3c3a9f!important;
}
.card-header ul#dropdownMBB9367777, .card-header ul.month-dropdown, .card-header ul#dropdownCV6379899, .card-header ul#dropdownCV9369889, .card-header ul.year-dropdown {
    min-width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: -ms-fit-content;
    max-width: -o-fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: -ms-fit-content;
    max-width: -o-fit-content;
    width: 100% !important;
    top: calc(100% + 2px) !important;
}
.card-header ul#dropdownMBB9367777, .card-header ul.month-dropdown {
    height: 160px !important;
    overflow-y: scroll !important;
}
.card-header ul#dropdownMBB9367777::-webkit-scrollbar, .card-header ul.month-dropdown::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
}
.card-header ul#dropdownMBB9367777::-webkit-scrollbar-thumb, .card-header ul.month-dropdown::-webkit-scrollbar-thumb {
    background: #D4D4D4;
    border-radius: 10px;
}
.card-header ul#dropdownCV6379899 {
    left: -25px !important;
}
.card-header ul#dropdownMBB9367777 li, .card-header ul.month-dropdown li, .card-header ul#dropdownCV6379899 li, .card-header ul#dropdownCV9369889 li, .card-header ul.year-dropdown li {
    padding: 0px;
    line-height: normal;
}
.card-header ul#dropdownMBB9468890 {
    min-width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: -ms-fit-content;
    max-width: -o-fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: -ms-fit-content;
    max-width: -o-fit-content;
    width: 100% !important;
    top: calc(100% + 2px) !important;
}
.card-header ul#dropdownMBB9468890 {
    height: 160px !important;
    overflow-y: scroll !important;
}
.card-header ul#dropdownMBB9468890::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
}
.card-header ul#dropdownMBB9468890::-webkit-scrollbar-thumb {
    background: #D4D4D4;
    border-radius: 10px;
}
.card-header ul#dropdownCV9369999 {
    left: -25px !important;
}
.card-header ul#dropdownMBB9468890 li {
    padding: 0px;
    line-height: normal;
}
.for-height-scroll {
    height: calc(242px + 242px);
    overflow: auto;
}
.for-height-scroll::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
}
.for-height-scroll::-webkit-scrollbar-thumb {
    background: #D4D4D4;
    border-radius: 10px;
}
.card-header ul.commonScroll {
    height: 160px !important;
    overflow-y: scroll !important;
}
.card-header ul.commonScroll::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
}
.card-header ul.commonScroll::-webkit-scrollbar-thumb {
    background: #D4D4D4;
    border-radius: 10px;
}
.card-with-header .card-header.action-header {
    justify-content: flex-start;
}
.card-with-header .card-header.action-header h4 {
    width: auto;
    margin-right: 3px;
}
.card-with-header .card-header.action-header .k-button-fill.k-icon {
    /* height: 32px;
    padding: 0px 3px;
    margin: 0px 3px; */
    height: auto;
    padding: 2px 4px;
    margin: 0px 3px;
    font-size: .8rem;
    border-radius: 2px;
    background-clip: padding-box;
}
.card-with-header .card-header.action-header .k-button-fill.k-icon .material-icons {
    margin-right: 4px;
}
.card-with-header .card-header.action-header .multiple-buttons {
    margin-left: auto;
}
.modelIncomeListNew .filterNewData.filterdate-block {
    max-width: 100%;
}
@media screen and (max-width:1096px) {
    #modal-user-permission .card-with-header .k-checkbox-fill {
        padding-left: 0px;
    }
    #activityReportList_wrapper table .k-checkbox-fill {
        padding-left: 0px;
    }
}
@media screen and (max-width:992px) {
    #modal-user-profile .modalx-content .row {
        margin: 0px;
    }
    #modal-user-profile .modalx-content .row form .row {
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }
    #modal-user-profile .modalx-content .row:nth-child(2) .col {
        width: 100%;
        padding-left: 1.45rem;
        padding-right: 1.45rem;
    }
    #modal-user-profile .modalx-content .row form .row .col {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
    #modal-user-profile .modalx-content .row:nth-child(2) .col .dropify-wrapper {
        max-width: 100%;
    }
    #modal-user-permission .modalx-content form .row .col {
        width: 100%;
    }
    .top-header-container-block ul.navbar-list.right {
        width: 100%;
        text-align: right;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .top-header-container-block ul.navbar-list.right li a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .top-header-container-block ul.navbar-list.right li a.profile-button {
        display: block;
    }
    .top-header-container-block ul.navbar-list.right i.material-icons {
        line-height: 56px;
        height: 56px;
    }
    .modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .action-button-filter-add .card-header.saveFilterBar .model-block-row::before {
        right: calc(100% - 162px) !important;
    }
}
@media screen and (max-width:991px) {}
@media screen and (max-width:767px) {
    #modal-user-permission .card-with-header .k-checkbox-fill [type=checkbox].filled-in:checked+span:not(.lever):before {
        width: 3px !important;
        height: 8px !important;
    }
    /*#modal-video-webiste-list {background-color: #fafafa !important;}*/
    #modal-video-webiste-list .card-with-header .card-header h4 {
        font-size: 12px;
    }
    #modal-video-webiste-list .modalx-content #modelVideoWebSiteList_wrapper {
        overflow: hidden;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        display: block;
    }
    .modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .booking-filter-block .filterNewData.filterdate-block {
        min-width: 100px;
    }
}
@media screen and (max-width:675px) {
    .modalx .modalx-content.filterPopup .card-with-header .card-header {
        flex-wrap: wrap;
        height: auto !important;
    }
    .modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row {
        width: 100%;
        order: 3;
        transform: translateX(-15px);
    }
    .modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .action-button-filter-add {
        height: 100%;
    }
    .modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .action-button-filter-add .card-header.saveFilterBar {
        min-width: 55px;
        height: 100% !important;
        background-color: #f8f4fa;
    }
    .modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .action-button-filter-add .card-header.saveFilterBar .model-block-row {
        right: -5px !important;
    }
    .modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .action-button-filter-add .card-header.saveFilterBar .model-block-row::before {
        right: 15px !important;
    }
    .modalx .modalx-content.filterPopup .card-with-header .card-header .boking-filter-row .booking-filter-block .filterNewData.filterdate-block {
        min-width: unset;
    }
}
@media screen and (max-width:600px) {
    #modal-user-permission .modalx-content form .row .col {
        padding: 0px 6px;
    }
}
@media (min-width:600px) and (max-width:991px) {}
@media screen and (max-width:575px) {}
@media screen and (max-width:480px) {
    .head-tab-horizontal ul#menu-2 li a {
        display: flex;
        flex-wrap: wrap;
    }
    #publishedTransactionList_wrapper .column-level-total, #modelIncomeList_wrapper .model-income-column-total, #studioIncomes_wrapper .studio-income-column-total {
        width: auto;
    }
}
/*profile-popup-row-align-issue*/

#modal-income-list.tblPopupMain .modalx-content #modelIncomeListNew_wrapper {
    overflow-y: auto !important;
    max-height: 73.5vh;
    padding-bottom: 20px;
}
#modal-income-list.tblPopupMain .modalx-content #modelIncomeListNew_wrapper::-webkit-scrollbar {
    width: 6px;
}
/* Track */

#modal-income-list.tblPopupMain .modalx-content #modelIncomeListNew_wrapper::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */

#modal-income-list.tblPopupMain .modalx-content #modelIncomeListNew_wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4d4d4;
}
#modal-income-list.tblPopupMain .modalx-content #modelIncomeListNew_wrapper::-webkit-scrollbar-thumb:window-inactive {
    background: #d4d4d4;
}
/* Model Chart CSS */

.zile {
    display: grid;
    gap: 12px;
}
.zi {
    /* height: 250px; */
    height: 50px;
    display: grid;
    width: 30px;
    grid-template-columns: repeat(62, 1fr);
}
/* Model Chart CSS End*/

.all-full-chart .card-content.teal {
    position: relative;
    /* padding-bottom: 80px; */
    /* max-width: 1300px; */
}
/* .all-full-chart .card-content.teal .line-chart-wrapper canvas {
    height: 300px !important;
} */

.k-input-text input.k-txt-box-color.k-txt-box {
    padding: 1px 2px !important;
}
input.k-txt-box-color::-webkit-color-swatch {
    border-radius: 7px;
}
.card .card-content.chartHeight {
    padding: 10px 24px 0px;
}
.card-header ul.common-drop-scroll {
    height: 160px !important;
    overflow-y: scroll !important;
}
.card-header ul.common-drop-scroll::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
}
.card-header ul.common-drop-scroll::-webkit-scrollbar-thumb {
    background: #D4D4D4;
    border-radius: 10px;
}
.dashboard-content .card-with-header .card-header .headingButton {
    cursor: default;
}
.dashboard-content .teal {
    background-color: transparent !important;
}
.dashboard-content .setting-icon {
    font-size: 0.8rem;
}
.red-border {
    border: 1px solid red;
}
.select2-container--default .select2-results .select2-results__options {
    min-width: max-content;
}
.select2-container--default .select2-results #select2-activityStatus-results, .select2-container--default .select2-results #select2-contractUserDropdown-results, .select2-container--default .select2-results #select2-trainerListFilter-results {
    min-width: 100%;
}
#select2-studioFilter-results .select2-results__option[aria-selected=true]:after {
    left: 10px !important;
}
/* new graph css start */

.all-model-followers-chart-month .pr {
    position: relative;
}
.all-model-followers-chart-month .pr .total {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.all-model-followers-chart-month .pr .activ {
    position: absolute;
    left: 0;
    width: 100%;
}
.all-model-followers-chart-month .doi {
    height: 50px;
    /* width: 30px; */
    display: grid;
    overflow: hidden;
}
.all-model-followers-chart-month {
    /* position: absolute;
    left: 0; */
    width: 100%;
    padding-left: 35px;
    padding-right: 15px;
}
.all-model-followers-chart-month .zile {
    display: flex;
    gap: 0px!important;
    justify-content: space-between;
}
.all-model-followers-chart-month .zile span {
    font-size: 11.5px;
    font-weight: 600;
    color: #3c3a9f;
    min-width: 13.81px;
}
@media screen and (max-width:1366px) {
    .zi {
        width: 20px;
    }
}
@media screen and (max-width:1024px) {
    .all-model-followers-chart-month {
        padding-left: 45px;
        padding-right: 25px;
    }
}
@media screen and (max-width:992px) {
    .all-model-followers-chart-month {
        padding-left: 45px;
        padding-right: 25px;
    }
    .zi {
        width: 15px;
    }
    .all-model-followers-chart-month .zile span {
        font-size: 10px;
    }
}
@media screen and (max-width:767px) {
    .all-model-followers-chart-month {
        padding-left: 50px;
        padding-right: 25px;
    }
}
/* new graph css end */

/* @media screen and (min-width: 4000px) and (max-width:6000px) {
    #all-model-followers-chart-month{
        padding-left: 140px;
        padding-right: 10px;
    }
    #all-model-followers-chart-month .zile {
        gap: 130px !important;
    }
}
@media screen and (min-width: 2800px) and (max-width:4000px) {
    #all-model-followers-chart-month{
        padding-left: 140px;
        padding-right: 10px;
    }
    #all-model-followers-chart-month .zile {
        gap: 100px !important;
    }
}
@media screen and (min-width: 2491px) and (max-width:2800px) {
    #all-model-followers-chart-month{
        padding-left: 115px;
        padding-right: 10px;
    }
    #all-model-followers-chart-month .zile {
        gap: 50px !important;
    }
}
@media screen and (max-width:2490px) {
    #all-model-followers-chart-month{
        padding-left: 115px;
        padding-right: 10px;
    }
    #all-model-followers-chart-month .zile {
        gap: 50px !important;
    }
}
@media screen and (max-width:1920px) {
    #all-model-followers-chart-month{
        padding-left: 105px;
        padding-right: 20px;
      
    }
    #all-model-followers-chart-month .zile {
        gap: 35px !important;
    }
}
@media screen and (max-width:1680px) {
    #all-model-followers-chart-month{
        padding-left: 100px;
        padding-right: 20px;
     
    }
    #all-model-followers-chart-month .zile {
        gap: 30px !important;
    }
}
@media screen and (max-width:1440px) {
    #all-model-followers-chart-month{
        padding-left: 100px;
        padding-right: 25px;
       
    }
    #all-model-followers-chart-month .zile {
        gap: 25px !important;
    }
}
@media screen and (max-width:1360px) {
    #all-model-followers-chart-month{
        padding-left: 100px;
        padding-right: 25px;
       
    }
    #all-model-followers-chart-month .zile {
        gap: 20px !important;
    }
}
@media screen and (max-width:1280px) {
    #all-model-followers-chart-month{
        padding-left: 100px;
        padding-right: 30px;
    }
  
}
@media screen and (max-width:1024px) {
    #all-model-followers-chart-month{
        padding-left: 100px;
        padding-right: 40px;
       
    }
   
}
@media screen and (max-width:992px) {
    #all-model-followers-chart-month{
        padding-left: 100px;
        padding-right: 36px;
       
    }
}
@media screen and (max-width:991px) {
    #all-model-followers-chart-month{
        padding-left: 98px;
        padding-right: 36px;
    }
    #all-model-followers-chart-month .zile {
        gap: 16px !important;
    }
}
@media screen and (max-width:800px) {
    #all-model-followers-chart-month{
        padding-left: 98px;
        padding-right: 40px;
       
    }
    #all-model-followers-chart-month .zile {
        gap: 16px !important;
    }
}
@media screen and (max-width:768px) {
    #all-model-followers-chart-month{
        padding-left: 95px;
        padding-right: 42px;
       
    }
    #all-model-followers-chart-month .zile {
        gap: 14px !important;
    }
} */