/*================ Base Style File =================
    Table of Content:
    1. Google Fonts
    2. Basic Styles
    3. Typography Style
    4. Anchor Tag Style
    5. Button Style
    6. Color Style
    7. Form Style
    8. Common Login /Signup Style
    9. Spacing Style
    10. Modal Style
    11. Custom Scroll style
    12. Alert Box Style
    13. Pagination Style
    14. Side Navigation Menu
    15. Dashboard Header Style
    16. Common Card Style
    17. Table Style
    18. Breadcrumb Style
    19. Chat Board Style
    20. Loader Style
    21. User Profile offcanvas Style
    22. Site Icon Class Style
    23. Diff. Animation Styles
    24. Edit / Delete Dropdown Style
    25. Fixed Chat Boat Style
    26. Responsive Media Query Style
====================================================*/

/*================ 1. Google Fonts =================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
/*================ End Google Fonts =================*/


.changeCursor .sidebar-menu.shownav {
    left: -100%;
    transition: all .4s ease-in-out;
}

/*================ 2. Basic Styles =================*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, ::before, ::after {box-sizing:border-box; -webkit-box-sizing:border-box;}
:focus-visible{outline: none;}
html {font-family: 'Montserrat', sans-serif;overflow-x: hidden;}
body {font-size: 14px;line-height: 22px;font-weight: 400;color:#565656;font-family: 'Montserrat', sans-serif;margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;}
iframe {border:0; width:100%;}
svg:not(:root) {overflow:hidden;}
img {max-width: 100%;display: block;margin: 0;}
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after {content: ""; display: table; table-layout: fixed;}
.clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after {clear: both;}
.clearfix:before, .clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
i{display: block;}
i::before{content: ''; display: block; background-size: contain !important;}
.container{max-width: 1248px;}
.border-bottom{border-color: #EBEDF0 !important;}
/*================ End Basic Styles =================*/

/*================ 3. Typography =================*/
h1{font-size: 56px;line-height: 68px;font-weight: 700;}
h2{font-size: 40px;line-height: 48px;font-weight: 700;}
h3{font-size: 30px;line-height: 30px;font-weight: 700;}
h4{font-size: 24px;line-height: 30px;font-weight: 700;}
h5{font-size: 20px;line-height: 30px;font-weight: 400;}
h6{font-size: 16px;line-height: 32px;font-weight: 600;}

h1, h2, h3, h4, h5, h6{color: #1C1C1C;}
p,a {font-size: 14px;line-height: 22px;font-weight: 400;color: #1c1c1c;}
h1, h2, h3, h4, h5, h6,address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr {margin: 0 0 15px 0;}
p:last-child {margin-bottom:0;}
dl, ol, ul{list-style-type: none;padding: 0;}
.title-1,.title-2,.title-3{font-size: 22px;line-height: 27px;}
.title-4{font-size: 20px;line-height: 28px;}
.title-1{font-weight: 600;}
.title-2,.title-4{font-weight: 400;}
.title-3{font-weight: 500;}
.body-large{font-size: 18px;line-height: 22px;}
.body-medium{font-size: 16px;line-height: 19px;font-weight: 500;}
.body-normal{font-size: 14px;line-height: 20px;color: #565656;}
.body-small{font-size: 14px;line-height: 22px;}
.body-extra-small{font-size: 12px;line-height: 15px;}
.body-large,.body-normal,.body-small,.body-extra-small{font-weight: 400;}
.detailed-content p{margin-bottom: 24px; line-height: 24px;}
.detailed-content p.title{color: #172B4D; font-weight: 500;}
.detailed-content ul{list-style: disc; padding-left: 20px; color: #7A869A;}
.detailed-content li{font-size: 14px; line-height: 24px;}
/*================ End Typography =================*/

/*================ Color Style =================*/
.text-green{color: #14BD58;}
.text-green2{color: #069B27;}
.text-red{color: #D23731;}.text-grey-1 { color: #1c1c1c;}
.text-grey-2{color: #706E6E;}
.text-grey-3{color: #c5c5c5;}
.text-black{color: #1C1C1C;}
.text-white{color: #fff;}
.bg-black{background: #1C1C1C;}
.bg-green1{background: #3EBB89;}
.bg-green2{background: #D3F3DA;}
.bg-light-green{background: #B9F1B3;}
.bg-light-yellow{background: #FBDD8C;}
.bg-light-purple{background: #BFB5FF;}
.bg-light-pink{background: #F9BED9;}
.bg-red{background: #DE350B;}
.bg-complete{background:#D6FFEE;}
.bg-fail{background: #FFE7E1}
.bg-grey-1{background: #7A869A;}
.bg-grey-2{background: #C6CDD5;}
.bg-grey-3{background: #494848;}
.bg-grey-4{background: rgba(127, 127, 127, 0.2);}
.text-dark-gray{color: #363645;}
.text-active{color: #3EBB89;}
.text-cancelled{color: #DE350B;}
.text-rescheduled{color: #D19505;}
.bg-active{background: #D6FFEE;}
.bg-disabled{background: #FFE7E1;}
.bg-pending{background: #FFF8E7;}
.light-purple{background: #EFECFF;}
.bg-yellow{background: #FFF3E0;}
.text-yellow{color: #E3A502;}
.bg-light-red{background: #FFE9E9;}
.text-blue{color: #0082AB;}
/*================ End Color Style =================*/


/*================ 4. Anchor Tag Style =================*/
a {font-size: 14px;line-height: 24px;font-weight: 400;color: #D23731;text-decoration: none;transition: all 0.5s;}
a:hover,.small-icon-btn-link:hover,.medium-icon-btn-link:hover,.large-icon-btn-link:hover{color: #1C1C1C;}
a:focus,.small-icon-btn-link:focus,.medium-icon-btn-link:focus,.large-icon-btn-link:focus{color: #1C1C1C;}
a:hover,a:focus{transition: all 0.5s;}
.small-icon-btn-link,.medium-icon-btn-link,.large-icon-btn-link{display: inline-flex;align-items: center;padding: 0;border: none;box-shadow: none !important;outline: none !important;transition: all 0.5s;color: #D23731;background: transparent;}
.small-icon-btn-link{font-size: 12px;line-height: 15px;}
.medium-icon-btn-link{font-size: 14px;line-height: 22px;}
.large-icon-btn-link{font-size: 16px;line-height: 24px;}
.small-icon-btn-link.disabled,.medium-icon-btn-link.disabled,.large-icon-btn-link.disabled{color: #C6CDD5;}
.small-icon-btn-link.disabled svg path,.medium-icon-btn-link.disabled svg path,.large-icon-btn-link.disabled svg path,.small-icon-btn-link.disabled:hover svg path,.medium-icon-btn-link.disabled:hover svg path,.large-icon-btn-link.disabled:hover svg path,.small-icon-btn-link.disabled:focus svg path,.medium-icon-btn-link.disabled:focus svg path,.large-icon-btn-link.disabled:focus svg path{fill: #C6CDD5;}
.small-icon-btn-link svg,.medium-icon-btn-link svg,.large-icon-btn-link svg,
.small-icon-btn-link i,.medium-icon-btn-link i,.large-icon-btn-link i
{margin-right: 6px;flex-shrink: 0;}
.small-icon-btn-link svg path,.medium-icon-btn-link svg path,.large-icon-btn-link svg path{fill: #0070FF;transition: all 0.5s;}
.small-icon-btn-link:hover svg path, .medium-icon-btn-link:hover svg path,.large-icon-btn-link:hover svg path{fill:#2952CC;}
.small-icon-btn-link:focus svg path,.medium-icon-btn-link:focus svg path,.large-icon-btn-link:focus svg path{fill: #1D3D9B;}
.text-link{font-weight: 400; font-size: 16px; line-height: 19px; color: #0070FF; display: inline-block;}
.text-link.disabled{color: #CCE2FF;}
.small-icon-btn-link.text-red,.medium-icon-btn-link.text-red,.large-icon-btn-link.text-red{color: #DE350B;}
/*================ End Anchor Tag Style =================*/

/*================ 5. Button Style =================*/
.back_btn {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #d23731;
    text-align: center;
    background: transparent;
    border: 1px solid #d23731;
    border-radius: 10px;
    padding: 12px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.common_btn {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    text-align: center;
    background: #D23731;
    border: 1px solid #d23731;
    border-radius: 10px;
    padding: 12px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.common_btn:focus,
.common_btn:hover {
    background: #FFFFFF;
    color: #D23731;
}
.common_btn_green {
    background: #31B04D;
    border: 1px solid #31B04D;
}
.common_btn_green:focus,
.common_btn_green:hover {
    background: #FFFFFF;
    color: #31B04D;
}
button {
    transition: all 0.5s;
}
button:hover,
button:focus {
    transition: all 0.5s;
}
.common_btn.disabled {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #C5C5C5;
    border: 1px solid #C5C5C5;
}
.common_btn.disabled:focus,
.common_btn.disabled:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #C5C5C5;
    color: #FFFFFF;
}
.common_border_btn {
    background-color: #FFFFFF;
    color: #1C1C1C;
    border: 1px solid #1C1C1C;
}
.common_border_btn:focus,
.common_border_btn:hover {
    background: #1C1C1C;
    color: #FFFFFF;
    border: 1px solid #1C1C1C;
}

.dashboard-cover form span {
    font-weight: 700;
    color: #1c1c1c;
}
.calendar_tab_wrapper .tab-content {
margin: 0;
 }
.calendar_tab_wrapper{
   /* display: flex;
    align-items: center;
    justify-content: space-between;*/
}

.common_back_btn {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    text-align: center;
    background: #9f9f9f;
    border: 1px solid #9f9f9f;
    border-radius: 10px;
    padding: 12px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.common_back_btn:focus,
.common_back_btn:hover {
    background: #FFFFFF;
    color: #9f9f9f;
}
/*================ End Button Style =================*/

/*================ 6. Form Style =================*/
.form-group{margin: 0 0 24px;}
.form-button-group{margin:16px 0 0;display:inline-flex;align-items:center;}
textarea::placeholder {
opacity: 0.6;
    color: #000;
    font-size: 14px;
}
input, select, textarea {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding: 12px;
    background: transparent;
    border: 1px solid #C5C5C5;
    color: #1c1c1c;
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: all .4s ease-out 0s;
    -webkit-transition: all .4s ease-out 0s;
}
input::placeholder,textarea::placeholder{color:#C5C5C5;}
input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:0;border-color:#1c1c1c;}
input:disabled,select:disabled,textarea:disabled{border: 0; background: #F6F8FA;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:right center;background-image:url('../images/select_down_arrow.svg')!important;background-repeat:no-repeat!important;background-position:right 14px center!important;line-height:1.2;text-indent:.01px;text-overflow:"";cursor:pointer;padding-right: 40px;}
label {font-weight: 700;font-size: 14px !important;line-height: 18px;color: #1C1C1C;margin: 0 0 6px;}
input[type=checkbox],input[type=radio]{width:auto;height:auto;}
input[type=checkbox]:focus,input[type=radio]:focus{outline:0;box-shadow:none;}
.check-group{display: inline-flex;align-items: center;}
.check-group label{font-weight:400;margin:0;padding:0 0 0 8px;cursor:pointer;}
.form-check-input[type=checkbox]{width:16px;height:16px;border:1px solid #E5E5E5;background-color:#E5E5E5;margin:0;padding:0;cursor:pointer;flex-shrink:0;transition:none;}
.form-check-input.w-h-16[type=checkbox]{width:16px;height:16px;}
.form-check-input[type=checkbox]:checked{background-color:#D23731;border:1px solid #D23731;background-image:url('../images/icon_check_box_right.svg');background-repeat: no-repeat;background-size:10px 8px;background-position:center;transition:none;}
.form-check-input[type=checkbox]:disabled{background-color:#c6cdd5;border:1px solid #c6cdd5; opacity: 1;}
.form-check-input.error[type=checkbox]:checked{background-color:#de350b;border:1px solid #de350b;}
.form-check-input.error.grey[type=checkbox]:checked{border:1px solid #7A869A;}
.form-check-input.undefined[type=checkbox]:checked{background-image:url('../images/icon_check_box_undefined.svg');background-repeat: no-repeat;;background-size:14px 4px;background-position:4px center;}
.form-check-input.w-h-16[type=checkbox]:checked{background-size:10px;background-position:2px center;}
.form-check-input.w-h-16.undefined[type=checkbox]:checked{background-size:10px 4px;background-position:2px center;}
.form-check-input[type=radio]{width:24px;height:24px;padding:0;margin:0;background-color:#FFFFFF;border:1px solid #C2C2C2;transition:all 0.5s;}
.form-check-input[type=radio]:checked{background-color:#D23731;border:1px solid #D23731;background-image: url(../images/check_icon.svg);background-size: 12px;}
.form-check-input.error[type=radio]:checked{background-color:#de350b;border:1px solid #de350b;}
.form-check-input[type=radio]:disabled{background-color:#c6cdd5;border:1px solid #c6cdd5;}
.swich-toggle input[type=checkbox].toggle{opacity:0;position:absolute;}
.swich-toggle input[type=checkbox].toggle+label{height:auto;background-color:#e0e0e0;padding:6px;border-radius:50px;display:block;position:relative;cursor:pointer;font-weight:400;font-size:12px;line-height:15px;margin:0;width:52px;height:28px;}
.swich-toggle.small input[type=checkbox].toggle+label{font-size:9px;line-height:14px;padding:3px 4px;width:35px;height:20px;}
.swich-toggle [type=checkbox].toggle+label:hover:before,.swich-toggle input[type=checkbox].toggle+label:before{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;z-index:2;border-radius:50%;transition:all .4s;}
.swich-toggle.small [type=checkbox].toggle+label:hover:before,.swich-toggle.small input[type=checkbox].toggle+label:before{top: 3px; left:3px;width:14px;height:14px;}
.swich-toggle input[type=checkbox].toggle+label .off{margin-left:23px;display:inline-block;transition:all .4s;}
.swich-toggle.small input[type=checkbox].toggle+label .off{margin-left:15px;color:#7a869a;}
.swich-toggle input[type=checkbox].toggle+label .on{display:none;}
.swich-toggle input[type=checkbox].toggle:checked+label .off{display:none;}
.swich-toggle [type=checkbox].toggle:checked+label .on{margin-right:26px;display:inline-block;transition:all .4s;color:#fff;}
.swich-toggle.small [type=checkbox].toggle:checked+label .on{margin-right:15px;}
.swich-toggle [type=checkbox].toggle:checked+label,.swich-toggle input[type=checkbox].toggle:focus:checked+label{background-color:#0070ff;}
.swich-toggle input[type=checkbox].toggle:checked+label:before,.swich-toggle input[type=checkbox].toggle:checked+label:hover:before,.swich-toggle input[type=checkbox].toggle:focus:checked+label:before,[type=checkbox].toggle:focus:checked+label:hover:before{background-position:0 0;top:2px;left:100%;margin-left:-26px;transition:all .4s;}
.swich-toggle.small input[type=checkbox].toggle:checked+label:before,.swich-toggle.small input[type=checkbox].toggle:checked+label:hover:before,.swich-toggle.small input[type=checkbox].toggle:focus:checked+label:before,[type=checkbox].toggle:focus:checked+label:hover:before{margin-left:-17px; top: 3px;}
.form-password{position: relative;}
.form-password input{padding-right: 44px;}
.form-password input::placeholder {
    font-size: 14px;
}
.toggle-password{position: absolute;top: 12px;right: 16px;}
.show-password,.hide-password{padding: 0;border: none;width: 24px;height: 24px;display: block;}
.show-password{display: none; background: url('../images/icon_show_eye.svg') no-repeat center;}
.hide-password{background: url('../images/icon_hiden_eye.svg') no-repeat center;}
.show-hide-password .hide-password{display: none;}
.show-hide-password .show-password{display: block;}
.select-hidden{display: none; visibility: hidden; padding-right: 10px;}
.select {cursor: pointer; display: inline-block; position: relative; font-size: 16px; color: #fff; width: 100%; height: 48px;}
.select-styled {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fafbfc; padding: 15px 20px 14px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border: 1px solid #E0E0E0; border-radius: 5px; color: #7A869A; font-size: 14px;line-height: 17px;}
.select-styled:after {content: ""; background-image:url('../images/select_down_arrow.svg'); width: 24px; height: 24px; position: absolute; top: 12px; right: 15px; transition: all .4s ease-in-out;}
.select-styled:hover {box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.03);}
.select-styled:active, .select-styled.active {border-color: #0070FF;}
select.border-red ~ .selectCF .titleCF, select.border-red ~ .selectCF .searchCF{
    border-color: #DE350B;
}
.select-styled:active:after, .select-styled.active:after {top: 12px;transform: rotate(180deg); transition: all .4s ease-in-out;}
.select-options {display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #fff;box-shadow: 0px 3px 8px rgba(3, 3, 3, 0.08); max-height: 240px; overflow-y: auto;}
.select-options li { margin: 0; padding: 12px 16px; font-size: 14px; line-height: 17px; color: #212121; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in;}
.select-options li:hover, .select-options li.is-selected {background: #F6F8FA;}
.select-options li[rel="hide"]{display: none;}
.selectCF{
    margin:0;
    display:block;
    position:relative;
    width: 100%;
}
.selectCF li{
    cursor: pointer;
}
.selectCF > li{
    position:relative;
}
.selectCF span{
    display:block;
    color:#FFF;
    z-index:0;
}
.selectCF .titleCF{
    position: relative;
    padding: 14px 20px;
    font-size:14px;
    line-height: 18px;
    font-weight:400;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    width: 100% !important;
}
.selectCF .titleCF::after{
    content: '';
    background-image: url(../images/select_down_arrow.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 15px;
    transition: .4s ease-in-out;
    transform: translateY(-50%);
}
.selectCF.onCF .titleCF::after{
    transform: translateY(-50%) rotate(180deg);
    transition: .4s ease-in-out;
}
.selectCF .searchCF{
    width: 100% !important;
    padding: 13px 20px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    position: absolute;
    top:0;
    right:0;
    z-index:-1;
}
@keyframes searchActive {
    from{ transform: rotateY(180deg) }
    to{ transform: rotateY(0deg); }
}@-moz-keyframes searchActive {
    from{ transform: rotateY(180deg) }
    to{ transform: rotateY(0deg); }
}
@-webkit-keyframes searchActive {
    from{ -webkit-transform: rotateY(180deg) }
    to{ -webkit-transform: rotateY(0deg); }
}
.searchActive .searchCF{
    z-index:0;
    animation: searchActive 0.3s alternate 1;
    -moz-animation: searchActive 0.3s alternate 1;
    -webkit-animation: searchActive 0.3s alternate 1;
}
.searchActive .titleCF{
    opacity:0;
}
.selectCF .searchCF input{
    border:none;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background:transparent;
    font-size:14px;
    line-height:18px;
}
.selectCF .searchCF input:active, .selectCF .searchCF input:focus{
    box-shadow:none;
    border:none;
    outline: none;
}
.selectCF li ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    padding: 0 !important;
    width:100%;
    max-height: 240px;
    overflow-y: auto;
    transition: .2s;
    -webkit-transition: .2s;
    z-index:2;
    background: #fff;
    box-shadow: 0px 3px 8px rgba(3, 3, 3, 0.08);
    border-radius: 4px;

}
.selectCF li ul li{
    padding:16px 12px;
    font-weight: 400;
    font-size:14px;
    line-height: 17px;
    color: #212121;
    transition: .2s;
    -webkit-transition: .2s;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.selectCF li ul li:hover, .selectCF .selected{
    background: #F6F8FA;
}
@keyframes effect1{
    from{ transform: translateY(15px); opacity:0; }
    to{ transform: translateY(0px); opacity:1; }
}
@-moz-keyframes effect1 {
    from{ transform: translateY(15px); opacity:0; }
    to{ transform: translateY(0px); opacity:1; }
}
@-webkit-keyframes effect1 {
    from{ -webkit-transform: translateY(15px); opacity:0; }
    to{ -webkit-transform: translateY(0px); opacity:1; }
}
.onCF li ul{
    display:block;
    animation: effect1 0.3s alternate 1;
    -moz-animation: effect1 0.3s alternate 1;
    -webkit-animation: effect1 0.3s alternate 1;
}
.selectCF li[value="hide"]{
    display: none !important;
}
.dashboard-header i.icon-toggle {
    display: none;
}
.searchbar{
    position: relative;
}
.searchbar .icon-search{
    position: absolute;
    top: 16px;
}
.searchbar.back-icon .icon-search{
    left: 12px;
}
.searchbar.back-icon input {
    padding: 12px 20px 12px 36px;
    width: 343px;
}
.searchbar.front-icon input{
    padding: 15px 20px 15px 50px;
}
.searchbar input {
    background: #F7F7F7;
    border: none;
}
::-webkit-search-cancel-button{
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background: url(../images/icon_search_cancel.svg) no-repeat;
}
/* .upload-file-label{
    width: 100%;
    cursor: pointer;
    position: relative;
}
.upload-file-label input[type="file"]{
    position: absolute;
    opacity: 0;
    width: 100%;
}
.upload-file-box{
    position: relative;
    background: #FDFEFF;
    border: 1px dashed #DFE1E6;
    border-radius: 3px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
} */
/* upload file progressbar */
/* Custom css */
.approval-req-sec .dropzone.dz-clickable{
    cursor: pointer;
    color: #396E90;
    font-weight: 700;
    letter-spacing: 1px;
    border:0;
    border-radius: 2px;
    padding: 0;
    min-height: auto;
}
.approval-req-sec .dropzone .camera-img{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 15px;
    position: absolute;
    left: 0;
}
/* .approval-req-sec .dropzone .img-circle{position: relative;display: inline-block;padding-left: 45px;} */
.approval-req-sec .dropzone .camera-img img{
    width: 100%;
    height: 100%;
    display: block;
}
.approval-req-sec .dropzone .camera-img i::before{
    width: 33px;
    height: 37px;
}
/* .approval-req-sec .dropzone .dz-preview .dz-details .dz-filename:hover span{
    border: 1px solid transparent;
} */
.approval-req-sec .dropzone .dz-message{margin: 0 0 20px;}
.approval-req-sec .dropzone.dz-started .dz-message{display: block;}
.approval-req-sec .dropzone .dz-preview .dz-details .dz-size{display: none;}
.approval-req-sec .dropzone .dz-preview .dz-details{
    padding:0;
    text-align: left;
    display: flex;
    align-items: center;
    opacity: 1;
    justify-content: space-between;
    position: static;
}
/* .approval-req-sec .dropzone .dz-preview.image__open .dz-details{
    padding-left: 55px;
} */
.approval-req-sec .dropzone .dz-preview{
    width: 100%;
    min-height: auto;
    margin: 0;
    background: #F6F8FA !important;
    border-radius: 4px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 10px;
}
.approval-req-sec .dropzone .dz-preview.dz-complete .file-data, .approval-req-sec .dropzone .dz-preview.dz-complete .dz-progress{
    display: none !important;
}
.approval-req-sec .dropzone .dz-preview .dz-progress{
    margin: 0;
    height: 4px;
    width: auto;
    position: static;
    background: #D9D9D9;
}
.approval-req-sec .dropzone .file-data span{
    font-weight: normal;
}
.approval-req-sec .dropzone .dz-preview .dz-image{
    height: auto;
    width: auto;
    border-radius: 0 !important;
    /* display: none; */
}
.approval-req-sec .dropzone .dz-preview .dz-details .dz-filename{display:flex;}
.approval-req-sec .dropzone .dz-preview:hover .dz-image img{
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
     transform:none;
     -webkit-filter: none;
     filter: none;
}
.approval-req-sec .dropzone .dz-preview .dz-image img{
     height: 100%;
     width: 100%;
}
.approval-req-sec .dropzone .dz-preview .dz-progress .dz-upload{
    background: #0070FF;
}
.approval-req-sec .dropzone .dz-preview .dz-error-message{
    top: auto;
    left: 0;
    background: linear-gradient(to bottom, #ff0000, #ff0000);
    background: #ff0000;
}
.approval-req-sec .dropzone .dz-preview .dz-error-message:after{
    border-bottom: 6px solid #ff0000;
}
.approval-req-sec .dropzone .dz-preview .dz-remove{
    background: url(../images/icon_toggle_close_blue_grey.svg);
    font-size: 0;
    line-height: 0;
    width: 12px;
    height: 12px;
    text-decoration: none;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 21px;
    z-index: 8;
}
.approval-req-sec .dropzone .dz-preview.dz-complete .dz-remove{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
/* .approval-req-sec .dropzone .dz-preview .dz-remove:hover{
    text-decoration: none;
} */
.approval-req-sec .dropzone .dz-preview.image__open .dz-image{display: block;}
.approval-req-sec .dropzone .dz-preview.image__open .uploading{display: none;}

/* upload file progressbar */
.form-error-massage{
    display: block  ;
    margin: 30px 0 0;
}
.form-error-massage i{
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
}
.form-error-massage i::before{
    width: 16px;
    height: 16px;
}
.form-check-input.error.disabled[type=checkbox]:checked{
    background-image: url(../images/icon_cross_red.svg);
    background-color: #fff;
}
.form-check-input.error.grey.disabled[type=checkbox]:checked{
    background-image: url(../images/icon_cross_grey.svg);
}
.form-check-input.error.disabled[type=checkbox]:checked ~ label{
    color: #DE350B;
    text-decoration: line-through;
}
.form-check-input.error.grey.disabled[type=checkbox]:checked ~ label{
    color: #7A869A;
}
.input-group input{
    position: relative;
    flex: 1 1;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-left: 0;
}
.input-group-text{
    background: #fafbfc;
    font-size: 14px;
    line-height: 17px;
    color: #7A869A;
    border-color: #e0e0e0;
    z-index: 0;
    padding-left: 20px;
    padding-right: 20px;
    transition: all .4s ease-out 0s;
}
.input-group input:focus + .input-group-text{
    border-color: #0070FF;
}
.custom-daterange-picker{
    position:relative;
    background-color:#fafbfc;
    z-index: 0;
}
.custom-daterange-picker::after{
    z-index:0;
    content:'';
    display: block;
    background: url('../images/icon_calendar.svg') no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    position: absolute;
    top:50%;
    right:20px;
    transform: translateY(-50%);
}
.custom-daterange-picker input::-webkit-calendar-picker-indicator{
    opacity:0;
    display: none;
}
.custom-daterange-picker input, .custom-daterange-picker input:focus{
    background: #FFFFFF;
}
select.bg-active{background-image: url('../images/icon_active_arrow.svg')!important;border: 1px solid #D6FFEE !important;}
select.bg-disabled{background-image: url('../images/icon_disabled_arrow.svg')!important;border: 1px solid #FFE7E1 !important;}
select.bg-pending{background-image: url('../images/icon_pending_arrow.svg')!important;border: 1px solid #FFF8E7 !important;}
.status-dropdown .dropdown-toggle{
    width: 100%;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 44px 10px 14px;
    text-align: start;
    position: relative;
}
.status-dropdown .dropdown-menu{
    padding: 0;
    border: none;
    box-shadow: 0px 3px 8px rgb(3 3 3 / 8%);
    overflow: hidden;
    min-width: 100%;
}
.status-dropdown .dropdown-menu li a{
    margin: 0;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 17px;
    color: #212121;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.status-dropdown .dropdown-menu li a.text-red{
    color: #DE350B;
}
.status-dropdown .dropdown-menu li a:hover,
.status-dropdown .dropdown-menu li a:focus,
.status-dropdown .dropdown-menu li a:active{
    background-color: #F6F8FA;
    color: #212121;
}
.status-dropdown .dropdown-menu li a:hover,
.status-dropdown .dropdown-menu li a:focus,
.status-dropdown .dropdown-menu li a:active{
    background-color: #DE350B;
    color: #fff;
}
.status-dropdown .dropdown-toggle.bg-active::after{
    content: '';
    position: absolute;
    background: url('../images/icon_active_arrow.svg') no-repeat;
    width: 16px;
    height: 17px;
    border: none;
    right: 10px;
}
.status-dropdown .dropdown-toggle.show::after{
    transform: rotate(180deg);
    transition: all .4s ease-in-out;
}
.form-separate{border-bottom: 1px solid #DFE1E6;}
.select2-container .select2-selection--multiple, .select2-container .select2-selection--single .select2-selection__rendered{padding: 6px 36px 6px 16px;height: 48px;}
.select2-container .select2-selection--multiple{min-height: 28px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{height: 100%;}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

/*================ End Form Style =================*/

/*================ 7. Common Login /Signup Style =================*/
.login-content{width:100%;height:100vh;position:relative;}
/* .login-content::before{background:url('../images/login_left_image.png') no-repeat;background-size:cover;background-position:initial;} */
.login-content .right-content .login-body a.logo {display: none;}
.left-content-body {position: relative;}
.registration_banner img {width: auto;height: auto;object-fit: contain;border-radius: 190px 190px 0 0;margin: 0 auto;}
.registration_banner {padding-bottom: 40px;}


.reg_form .row {margin-left: -8px;margin-right: -8px;}
.reg_form .row > div { padding-left: 8px;padding-right: 8px;}
.login-content .right-content .login-body h3 {margin-bottom: 10px;text-align: center;line-height: 44px;}
.login-content .right-content .login-body .form_note {font-weight: 400;font-size: 16px;line-height: 20px;color: #565656;text-align: center;display: block;}
.progressbar {display: flex;justify-content: center;align-items: center;margin: 60px auto;}
.progressbar li {padding: 0 75px;position: relative;font-size: 14px;line-height: 24px;color: #1C1C1C;font-weight: 500;}
.progressbar li span {width: 20px;height: 20px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-weight: 400;font-size: 16px;
    line-height: 20px;color: #222020;background-color: #fff;margin: 0 auto 10px auto;border: 1px solid #C2C2C2;position: relative;}
.progressbar li span:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0; background-image: url(../images/check_icon.svg);background-repeat: no-repeat; background-size:contain;background-position:center;width: 10px;height: 8px;margin: auto;opacity: 0;transition: 0.5s;}
.progressbar li.active span:before {opacity: 1;}

.progressbar li.active span, .progressbar li.active:after {background-color: #1C1C1C;}
.progressbar li::before, .progressbar li::after {content: "";position: absolute;left: -46%;top: 10px;width: 100%;height: 1px;background: #E5E5E5;;-webkit-transition: all 0.4s ease-in-out 0;-moz-transition: all 0.4s ease-in-out 0;-ms-transition: all 0.4s ease-in-out 0;transition: all 0.4s ease-in-out 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}
.progressbar li::after {width: 0;}
.progressbar li:first-child::before, .progressbar li:first-child::after {display: none;}

.register-as {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -8px 40px -8px;
}
.register-as span {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    text-align: Start;
    display: block;
    margin: 0 8px 6px;
    width: 100%;
}
.register-as .register-user {
    width: 50%;
    cursor: pointer;
    margin-bottom: 0;
}
.register-as .register-user input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.register-as .register-user input[type="radio"]:checked + .register-content {
    border: 1px solid #D23731;
    transition: all 0.3s;
}
.register-as .register-content {
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 0 8px;
    border: 1px solid #C5C5C5;
    border-radius: 10px;
    gap: 10px;
}
.register-as .register-image {
    width: 60px;
    height: 60px;
    border-radius: 7px;
}
.register-as .register-image img {
	border-radius: 7px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Terms & Conditions Without Login */
#terms_conditions .login-form {
    text-align: center;
}
#terms_conditions .conditions {
    margin: 50px 0;
}
#terms_conditions .conditions {
    margin-top: 100px !important;
}

.upload_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 20px;
    margin-bottom: 30px;
}
.upload_btn_box {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    position: relative;
}
.upload_img_wrap {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    padding: 34px 20px 10px 20px;
}
.upload_btn {
    text-align: center;
    width: 194px;
    height: 208px;
    padding: 40px 0 12px;
    transition: all 0.3s ease;
    cursor: pointer;
    background-color: #FFFFFF;
    border-radius: 12px;
    border: 1px dashed #C2C2C2;
    margin: 0;
}
.upload_inputfile {
    display: none;
}
.upload_img_box {
    display: flex;
    justify-content: center;
}
.upload_img_close {
    position: absolute;
    bottom: 13px;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    cursor: pointer;
}
.upload_img_close span {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #D23731;
    display: inline-block;
}
.upload_btn p {
    font-weight: 500;
    line-height: 24px;
    padding-top: 24px;
    padding-bottom: 20px;
    margin-bottom: 12px;
    border-bottom: 1px solid #E5E5E5;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}
.register_upload_file {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-decoration: underline;
    color: #1C1C1C;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0;
}
.img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 0;
    width: 150px;
    height: 70px;
    border-radius: 6px;
}

.note {
	text-align: center;
    margin-bottom: 10px;
}
.note span {
	display: block;
}

.form-group-tooltip {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.login-content::after{background:url('../images/login_left_image_bg.png') no-repeat center;background-size:cover;z-index:-1;}
/* .login-content .right-content{padding:70px 144px 30px 144px;overflow-y:auto;overflow-x: hidden;height:100vh;display:flex;align-items:center;justify-content: center;position: relative;} */
.login-content .right-content{padding:70px 144px 30px 144px;overflow-y:auto;overflow-x: hidden;height:100vh;display:flex;align-items:center;flex-direction: column; position: relative;}
/* .login-content .right-content .login-body{width:100%;max-width: 600px;margin: 0 auto;} */
.login-content .right-content .login-body{width:100%;max-width: 600px;margin: 0 auto;flex-grow: 1;}
.login-content .right-content::-webkit-scrollbar{width:0;height:0;}
.login-content .right-content::-webkit-scrollbar-thumb{background:0 0;border-radius:0;}
.login-content .right-content::-webkit-scrollbar-track{box-shadow:none;border-radius:0;}
/* .login-content .right-content .logo{margin:0 0 92px;} */

.login-content .right-content h4{margin:0 0 13px;}
.login-content .right-content .reg_form .phone_number {display: flex;grid-gap:10px;}
.login-content .right-content .reg_form .phone_number select {width: 70px;padding: 13px 15px 13px 8px;background-position: right 6px center!important;border: 1px solid #C5C5C5;border-radius: 10px;-webkit-border-radius: 10px;color: #1C1C1C;}
.login-content .right-content .reg_form .form-check {padding: 0;margin: 0;display: flex;align-items: center;grid-gap: 10px;cursor: pointer;}
.login-content .right-content .reg_form .form-check .form-check-label {padding: 0;margin: 0;cursor: pointer;color: #1C1C1C;font-weight: 500;}
.login-content .right-content .reg_form .form-check .form-check-label a {font-size: 12px;color: #1C1C1C;font-weight: 500;}
.login-content .right-content .reg_form .form-check .form-check-label a:hover {color: #D23731;}
.login-content .right-content .reg_form .form-check .form-check-input:active, .login-content .right-content .reg_form .form-check .form-check-input:focus {border-color: transparent;}
.otp_box {text-align: center;}
.otp_box p {margin-bottom: 24px;}
.otp_note {display: flex;justify-content: space-between;align-items: center;max-width: 300px;margin: 16px auto 30px;}
.otp_note a {font-weight: 500;display: inline-block;}
.otp_note .time {display: block;font-weight: 400;font-size: 16px;line-height: 20px;color: #1C1C1C;}
.daterangepicker.ltr.single.opensleft {
    display: none;
}

.login-form{margin:30px 0 0;}
/* .login-content .right-content .reg_form .action-button {display: inline-block;background: #D23731;border-radius: 10px;font-size: 16px;line-height: 18px;font-weight: 700;color: #fff; text-align: center;border: 1px solid #D23731;cursor: pointer;padding: 13px 105px;margin: 20px 0 0 20px;float: right;width: auto;height: auto;transition: 0.5s;} */
.login-content .right-content .reg_form .action-button {display: inline-block;background: #D23731;border-radius: 10px;font-size: 16px;line-height: 18px;font-weight: 700;color: #fff; text-align: center;border: 1px solid #D23731;cursor: pointer;padding: 13px 105px;margin: 20px 0 0 20px;float: none;width: auto;height: auto;transition: 0.5s;}
.action-button-box {display: flex;align-items: center;justify-content: center;}
.login-content .right-content .reg_form .action-button:hover{background:#fff;color: #D23731;}

.login-content .right-content .reg_form .action-button-previous {display: inline-block;background: transparent;border-radius: 10px;font-size: 16px;line-height: 18px;font-weight: 700;color: #1C1C1C; text-align: center;border: 1px solid #565656;cursor: pointer;padding: 13px 105px;margin: 20px 0 0 20px;float: right;width: auto;height: auto;transition: 0.5s;}
.login-content .right-content .reg_form .action-button-previous:hover{background:#D23731;color: #fff;border-color:#D23731; }
.login-content .right-content .reg_form fieldset:not(:first-of-type) {display: none;}
.digit-group input {width: 54px;height: 54px;background-color: #fff;border: 1px solid #E5E5E5;border-radius: 10px;font-size: 20px;line-height: 32px;
    text-align: center;font-weight: 400;color: #1C1C1C;margin: 0 12px;padding: 0;}
.digit-group input:focus {border-color: #C5C5C5;}
.forgot_pass_cover {display: flex;justify-content: space-between;align-items: center;}
.forgot_pass {display: block;font-weight: 700;color: #1c1c1c;}
.forgot_pass:hover {color: #d23731;}

/**/
.admin_approval {
    max-width: 412px;
    margin: 0 auto;
    padding-bottom: 75px;
}
.admin_approval img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.admin_approval_cover .right-content {
	flex-direction: column;
}
.admin_approval_cover .right-content h3 {
    line-height: 37px;
    max-width: 325px;
    margin-bottom: 80px;
}
.admin_approval_cover .right-content .common_btn {
    max-width: 250px;
}

.login-form .form-group{margin:0 0 30px;}
.forgot-password-group{display:flex;align-items:flex-start;justify-content:space-between;}
.login-form .form-button-group{display:flex;margin:30px 0 0;}
.login-form .form-button-group .large-btn{width:100%;text-align:center;border-radius:3px;font-size:14px;line-height:17px;}
.sign-with{margin:55px 0 0;text-align:center;}
.sign-with .text-grey-1{display:inline-block;position:relative;margin:0;}
.sign-with .text-grey-1::after,.sign-with .text-grey-1::before{content:'';position:absolute;background-color:#dfe1e6;width:150%;height:1px;top:0;bottom:0;margin:auto;}
.sign-with .text-grey-1::before{left:105%;}
.sign-with .text-grey-1::after{right:105%;}
.social-link{display:flex;align-items:center;justify-content:center;margin:24px 0 0;}
.social-link li{margin:0 6px;}
.social-link li a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:5px;}
.social-link li a path,.social-link li a:hover path{transition:all .5s;}
.social-link li a.google{background:#ed4c3d;border:1px solid #ed4c3d;}
.social-link li a.google:hover path{fill:#ED4C3D;}
.social-link li a.linkedin{background:#0082bd;border:1px solid #0082bd;}
.social-link li a.linkedin:hover path{fill:#0082BD;}
.social-link li a.google:hover,.social-link li a.linkedin:hover{background:0 0;}
/* .member-yet{text-align: center;position: fixed;bottom: 0;left: 0;right: 0;width: 66.66%;margin-left: auto;padding-bottom: 30px;background-color: #FFFFFF;} */
.member-yet{text-align: center;margin-top: 60px;flex-grow: 0;}
.member-yet p{margin:0;}
.login-content.registration-content::after{display:none;}
.registration-content .left-content{position:relative;display:flex;align-items:center;justify-content:center;background-color: #1C1C1C;}
.registration-content .left-content:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bg-noise.png) no-repeat;background-size: cover;background-position: center;}
.registration-content .left-content-body h2,.registration-content .left-content-body h4{color:#fff;text-transform:uppercase;margin:0;text-align:end;}
.registration-content .left-content-body h4{font-weight:300;font-size:40px;line-height:52px;}
.registration-content .left-content-body h2{font-weight:700;font-size:80px;line-height:80px;}
.registration-content .left-content-body span {font-size: 14px;line-height: 24px;color: #FFFFFF;font-weight: 500;max-width: 431px;display: block;text-align: center;}
.registration-content .left-content-body .logo {margin-bottom: 100px;display: block;}
.registration-content .left-content-body .logo img {margin: 0 auto;}
.login-content.forgot-password::before,.login-content.forgot-password::after{display: none;}
.forgot-password{background: #F6F8FA;}
.center-card{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 680px;background: #FFFFFF;border-radius: 6px;padding: 100px;text-align: center;}
.center-card .logo{margin: 0 0 72px;}
.center-card h4{font-weight: 600;margin: 0 0 20px;}
.center-card p.body-small{max-width: 332px;line-height: 20px;margin: auto;}
.center-card .form-group label{display: block;text-align: start;}
.back-to-login{margin: 18px 0 0;}
.back-to-login.medium-icon-btn-link svg path{fill:#7A869A;}
.back-to-login.medium-icon-btn-link:hover svg path{fill: #2952CC;}
.back-to-login.medium-icon-btn-link:focus svg path{fill: #1D3D9B;}
.back-to-login.medium-icon-btn-link svg{margin-right: 10px;}
.back-to-login.medium-icon-btn-link svg,.back-to-login.medium-icon-btn-link:hover svg,.back-to-login.medium-icon-btn-link:focus svg{transition: all 0.5s;}
.back-to-login.medium-icon-btn-link:hover svg,.back-to-login.medium-icon-btn-link:focus svg{transform: translateX(-6px);}
.forgot-password .login-form .form-button-group,.registration-content .login-form .form-button-group{margin: 10px 0 0;}
.set-up-success .center-card .logo{margin: 0 0 40px;}
.successful-image{margin: 0 auto 10px;}
.back-to-login.member-yet{margin: 18px 0 0;}
.login-form .form-group.verify-group{display: flex;align-items: center;justify-content: center;}
.login-form .verify-group input{width: 47px;height: 47px;background: #FAFBFC;border-radius: 4px;padding: 2px;text-align: center;margin: 0 13px;font-weight: 600;font-size: 20px;color: #172B4D;}
.login-form .verify-group input:first-child{margin-left: 0;}
.login-form .verify-group input:last-child{margin-right: 0;}
.login-content.choose-module::before,.login-content.choose-module::after{display: none;}
.choose-module{display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 70px 0 100px;text-align: center;background: #FCFDFF;}
.module-card-group{display: flex;align-items: stretch;margin: 30px 0 0;}
.module-card-item{margin: 0 20px;}
.module-card-item a{display: block;background: #FFFFFF;border: 1px solid #F0F3F5;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.04);border-radius: 6px;max-width: 350px;padding: 70px 30px;height: 100%;}
.module-card-item svg{margin: 0 0 15px;}
.module-card-item svg path,.module-card-item a:hover svg path,.module-card-item .title-2,.module-card-item svg,.module-card-item a:hover .title-2,.module-card-item a:hover svg,.module-card-item .hiden-text,.module-card-item a:hover .hiden-text{transition: all 0.7s;}
.module-card-item .hiden-text{opacity: 0;transform: translateY(-10px);}
.module-card-item .title-2,.module-card-item svg{transform: translateY(34px);}
.module-card-item a:hover svg{transform: translateY(0px);}
.module-card-item a:hover .title-2{transform: translateY(-10px);}
.module-card-item a:hover .hiden-text{opacity: 1;}
.module-card-item a:hover svg path{fill: #0070FF;}
.center-card .logo,.right-content .logo{display: inline-block;}
.success .center-card p.body-small{max-width: 370px;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="date"]::-moz-calendar-picker-indicator{opacity: 1;display: block;background-image: url('../images/icon_calendar.svg');background-position: center right;background-repeat: no-repeat;width: 24px;height: 24px;}
input[type="date"]{padding:14px 20px;}
/*================ End Common Login /Signup Style =================*/

/*================ 9. Spacing Style =================*/
.mt-10{margin-top: 10px;}
.mb-50{margin-bottom: 50px;}
.mb-40{margin-bottom: 40px;}
.mt-40{margin-top: 40px;}
.mb-30{margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.mt-24{margin-top: 24px;}
.mb-24{margin-bottom: 24px;}
.mb-20{margin-bottom: 20px;}
.mb-5{margin-bottom: 5px!important;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.pb-40{padding-bottom: 40px;}
.pt-40{padding-top: 40px;}
.pb-30{padding-bottom: 30px;}
.pt-30{padding-top: 30px;}
.pt-24{padding-top: 24px;}
.pb-24{padding-bottom: 24px;}
.pb-20{padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.mr-20{margin-right: 20px;}
.mt-20{margin-top: 20px;}
.pt-10{padding-top: 10px;}
.pb-10{padding-bottom: 10px;}
.mb-60{margin-bottom: 60px;}
.pb-50{padding-bottom: 50px;}
.pt-50{padding-top: 50px;}
.py-60{padding: 60px 0;}
/*================ End Spacing Style =================*/

/*================ Services Style =================*/
.services-box-cover {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px;
}
.services-box {
    border-bottom: 1px solid #e5e5e5;
}
.services-box .services-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 9px;
}
.services-box h6 {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 6px;
}
.services-box .price {
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #1C1C1C;
}
.services-box .services-status {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    border-radius: 10.5px;
    margin-bottom: 9px;
    padding: 1px 10px;
}
.services-box .service-timing {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #565656;
    position: relative;
    padding-left: 16px;
}
.services-box .service-timing:before {
    content: '';
    display: block;
    background-image: url(../images/icon_clock.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 2px;
    left: 0;
}
.services-box p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #565656;
    margin-bottom: 8px;
    max-width: 216px;
}
.services-box-cover ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    margin: 0;
}
.services-box-cover ul li {
    margin-right: 60px;
    border-right: 1px solid #E5E5E5;
    padding-right: 60px;
}
.services-box-cover ul li:last-child {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
}
.services-box-cover ul li a {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
}
.services-box-cover ul li .edit_btn {
    color: #14BD58;
}
.services-box-cover ul li .delete_btn {
    color: #D23731;
}
/*================ End Services Style =================*/

/*================ 10. Modal Style =================*/
.modal-content{
    padding: 30px;
}
.modal .report-text-block{
    padding: 20px;
    border-radius: 10px;
}
.issue-report-modal .modal-dialog{
    max-width: 621px;
}
.custom-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.custom-modal .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
}
.show-modal {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.modal-backdrop.show {opacity: .2;}
.modal-content{
    background: #FFFFFF;
    border-radius: 10px;
    border: none;
}
.modal-dialog{
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.modal-header{
    padding: 0;
    border: none;
}
.modal-header .btn-close{
    position: absolute;
    top: 15px;
    right: 20px;
    padding: 0;
    margin: 0;
    opacity: 1;
    box-shadow: none !important;
    background: url('../images/icon_cross_grey.svg') no-repeat center;
    z-index: 9;
    width: 16px;
    height: 16px;
}
.modal-header .btn-close:hover{
    filter: brightness(0.5);
}
.delete-modal .modal-dialog{
    max-width: 570px;
}
.delete-modal .modal-content{
    padding: 50px;
}
.delete-modal .modal-body{
    text-align: center;
    padding: 0;
}
.delete-modal .modal-body img{
    margin: auto;
    width: 40px;
}
.delete-modal .modal-body p{
    max-width: 330px;
    margin: 16px auto 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
}
.delete-modal .modal-body p span{
    font-weight:600
}
.invitation-modal .modal-body p{
    font-weight:500;
    margin: 20px auto 14px;
}
.invitation-modal .modal-body .body-normal{
    font-weight:400;
    margin: auto !important;
}
.invitation-modal .modal-header .btn-close{
    display: none;
}
.modal-btn-group{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
}
.modal-btn-group a,
.modal-btn-group button{
    min-width: 170px;
    text-align: center;
}
.red-solid-btn{
    background: #DE350B;
    border: 1px solid #DE350B;
}
.red-solid-btn:hover,
.red-solid-btn:focus{
    background: transparent;
    color: #DE350B;
    border-color: #DE350B;
}
.cancel-btn{
    color: #7A869A;
    border-color: #DFE1E6;
}

.cancel-btn:hover{
    color: #fff;
    background: #2952CC;
    border-color: #2952CC;
}
.grey-solid-btn{
    background: #7A869A;
    border-radius: 6px;
    border: 1px solid #7A869A;
    color: #fff;
}
.grey-solid-btn:hover,
.grey-solid-btn:focus{
    background: transparent;
    color: #7A869A;
    border-color: #DFE1E6;
}
.popup-heading{
    padding-bottom: 20px;
    border-bottom: 1px solid #EBEDF0;
    margin-bottom: 30px;
}
#offerAcceptModal .modal-dialog{
    max-width: 620px;
}
.add-new-user-modal p {
    border-bottom: 1px solid #EBEDF0;
}
.add-new-user-modal .name-labels {
    margin: 14px 0 30px;
    padding: 14px;
    background: #F6F8FA;
    border-radius: 6px;
}
.add-new-user-modal .modal-body .name-labels li {
    padding: 4px 10px 4px 10px;
    border: 0.5px solid #E0E0E0;
    border-radius: 4px;
    background: #FFFFFF;
    display: inline-block;
}
.add-new-user-modal .name-labels .cross-label {
    order: 2;
    color: #7a869a;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background: #eeeff2;
    margin-left: 10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    font-size: 14px;
    line-height: 14px;
    padding: 4px 5px 6px;
}
.add-new-user-modal .modal-btn-group {
    justify-content: flex-end;
}
.add-new-user-modal .modal-btn-group a {
    padding: 14px 26px;
    min-width: 0;
}
.select2-dropdown {
    z-index: 1060;
}
.create-quote-modal h4 {
    margin: 0 0 24px;
}
.create-quote-modal input {
	padding: 11px 20px;
}
.payment-successful .modal-body, .payment-failed .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.image-box {
    width: 80px;
    height: 80px;
    border-radius: 100%;
}
.image-box img {
    width: 100%;
    height: 100%;
	border-radius: 100%;
}

/*================ End Modal Style =================*/

/* =============== 11. Custom Scroll style =================== */
.sidebar-navigation::-webkit-scrollbar, .dropdown-menu ul::-webkit-scrollbar {
    width: 5px;
    background: transparent;
}
.sidebar-navigation::-webkit-scrollbar-thumb, .dropdown-menu ul::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #c5c5c5;
}
/* =============== End Custom Scroll style =================== */

/*================ 12. Alert Box Style =================*/
.alert-box {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 21px 24px;
    border: 1px solid;
    border-radius: 14px;
    background: #FEFDFC;
    display: flex;
    align-items: center;
}
.alert-box i{width: 24px; height: 24px; margin-right: 14px;}
.alert-box .heading p{font-weight: 500;}
.alert-box.success{border-color: #A5EACE;}
.alert-box.info{border-color: #A2CBFF;}
.alert-box.warning{border-color: #D23731;background: rgba(210, 55, 49, 0.05);}
.alert-box.error{border-color: #FEC9BB;}
/*================ End Alert Box Style =================*/

/*================ 13. Pagination Style =================*/
.pagination a {
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #9E9E9E;
    padding: 5px 5px 4px 4px;
    margin-right: 16px;
    transition: all .4s ease-in-out;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination li:last-child a{
    margin-right: 0;
}
.pagination a:hover{
    background: #EEEFF2;
    transition: all .4s ease-in-out;
}
.pagination a.active{
    color: #1C1C1C;
}
.pagination a.disabled{
    color: #C6CDD5;
}
.pagination i{
    width: 18px;
    height: 18px;
}
.pagination li.next i{
    transform: rotate(180deg);
}
.pagination .prev.disabled,.pagination .next.disabled{
    opacity: .5;
}
.pagination .prev a, .pagination .next a{
    border-color: #C6CDD5;
    padding: 4px 5px;
    line-height: 18px;
}
.pagination .inbetween{
    font-size: 26px;
    line-height: 16px;
    margin-right: 10px;
}
/*================ End Pagination Style =================*/

/*================ 14. Side Navigation Menu =================*/
.sidebar-menu{
    /* padding: 26px 42px 30px 48px; */
    height: 100%;
    overflow-y: auto;
    min-height: 100vh;
    position: fixed;
    width: 16.66%;
}
.sidebar-menu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg-noise.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.sidebar-navigation {
	overflow-y: auto;
    height: calc(100vh - 169px);
    padding: 0 42px 0 48px;
}
.sidebar-menu-inner {
    position: relative;
    min-height: 100%;
}
.sidebar-menu .logo {
    display: flex;
    justify-content: center;
    padding: 26px 42px 0 48px;
}
.sidebar-menu .nav-link{
    padding: 14px 20px;
    display: flex;
    align-items: center;
    border-radius: 11px;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link i{
    margin-right: 12px;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link i.hvr{
    display: none;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link.active i,
.sidebar-menu .nav-link:hover i,
.nav-link.dropdown-toggle.show i{
    display: none;
}
.sidebar-menu .nav-link.active i.hvr,
.sidebar-menu .nav-link:hover i.hvr,
.nav-link.dropdown-toggle.show i.hvr{
    display: block;
}
.sidebar-menu .nav-link.dropdown-toggle.show i {
    display: none;
}
.sidebar-menu .nav-link.active i.hvr,
.sidebar-menu .nav-link:hover i.hvr,
.nav-link.dropdown-toggle.show i.hvr{
    display: block;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link.active, .sidebar-menu .nav-link:hover{
    background: #494848;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link.active span, .sidebar-menu .nav-link:hover span{
    color: #fff;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link:hover i {
    display: none;
}
.nav-link.dropdown-toggle.show{
    background: #494848;
}
.nav-link.dropdown-toggle.show span {
    color: #fff;
}
.sidebar-menu .nav-link:hover .body-normal{
    color: #fff;
}
.sidebar-menu .dropdown-menu{
    position: static !important;
    width: 100%;
    border: 0;
    transform: translate(0,0) !important;
    border-radius: 0 0 4px 4px;
    padding: 10px 20px 20px 38px;
    background-color: transparent;
}
.sidebar-menu .dropdown-menu a{
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    white-space: break-spaces;
    margin: 10px 0;
}
.sidebar-menu .dropdown-menu li:first-child a{
    padding-top: 0;
}
.sidebar-menu .dropdown-menu li:last-child a{
    padding-bottom: 0;
    border-bottom: 0;
}
.sidebar-menu .dropdown-item:focus,.sidebar-menu .dropdown-item:hover,.sidebar-menu .dropdown-item.active{
    background: #494848;
    color: #FFFFFF;
}
.sidebar-menu .dropdown-toggle::after{
    content: url(../images/icon_plus.svg);
    border: 0;
    margin-left: auto;
    width: 20px;
    height: 20px;
    transition: all .4s ease-in-out;
}
.sidebar-menu .dropdown-toggle.show::after{
    content: url(../images/icon_minus.svg);
    transition: all .4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    filter: brightness(100);
}
.sidebar-menu .dropdown-menu{
    padding:0 20px 0 27px;
}
.sidebar-menu .dropdown-menu li{
    padding-left: 20px;
    position: relative;
}
.sidebar-menu .dropdown-menu li:before,
.sidebar-menu .dropdown-menu li:after{
    position:absolute;
    content:'';
}
.sidebar-menu .dropdown-menu li:before {
    border: 1px solid #C5C5C5;
    height: 20px;
    width: 20px;
    border-radius: 0 0 0 10px;
    left: 0;
    top: 4px;
    border-right: 0;
    border-top: 0;
}
.sidebar-menu .dropdown-menu li:after {
    border-left: 1px solid #C5C5C5;
    top: 14px;
    height: 100%;
    left: 0;
}
.sidebar-menu .dropdown-menu li a,
.sidebar-menu .dropdown-menu li:first-child a,
.sidebar-menu .dropdown-menu li:last-child a{
    padding:12px 14px;
    border:0;
    margin-bottom: 0;
    border-radius: 11px;
}
.sidebar-menu .dropdown-menu li:last-child:after {
    height: 6%;
}
.sidebar-menu .dropdown-menu:before {
    position: absolute;
    content: '';
    height: 37px;
    border-left: 1px solid #C5C5C5;
    top: -26px;
}
.sidebar-menu .logout {
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 30px 42px 30px 48px;
    width: 100%;
}
.sidebar-menu .logout a {
	display: flex;
	align-items: center;
	gap: 18px;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
}

/*================ End Side Navigation Style =================*/

/*================ 15. Dashboard Header Style =================*/
.dashboard-header{
    padding: 21px 48px 21px 30px;
}
.notification-open{position: relative;}

.notification-open::before{
    position: absolute;
    content:'';
    height:100%;
    width:100%;
    background-color: rgba(28, 28, 28, 0.8);
    top:0;
    left:0;
    z-index: 1;
}

.notification-btn{
    border: 0;
    background: transparent;
    position: relative;
    margin-right: 25px;
    padding: 0;
    display: block;
    height: 24px;
}
.notification-btn::after{
    display: none;
}
.notification-btn span.count{
    position: absolute;
    width: 9px;
    height: 9px;
    top: 2px;
    right: 2px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.profile-btn{
    display: flex;
    align-items: center;
    border: 0;
    background: transparent;
    padding: 0;
}
.profile-btn img {
    border-radius: 10px;
    width: 48px;
    height: 48px;
    margin-right: 0;
}
.profile-btn .user-name{
    margin-right: 10px;
}
.profile-btn .dropdown-toggle::after{
    border-color: #172B4D;
    border-width: 3px;
}
.notification-btn i, .profile-btn i{
    width: 24px;
    height: 24px;
}
.notification-dropdown .dropdown-menu{
    width: max-content;
    padding: 0;
    border: 0;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 8%);
    top: 56px !important;
    transform: none !important;
    right: -50px !important;
    left: auto !important;
}
.notification-dropdown .dropdown-menu.show:before {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(100,100,100,0.5);
    content: '';
    z-index: 1;
}
.dropdown-menu ul {
    background: #FFFFFF;
    border-radius: 0.25rem;
    z-index: 2;
    position: relative;
    max-height: 610px;
    overflow-y: auto;
    margin: 0;
}
.notification-dropdown .dropdown-menu .dropdown-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EBEDF0;
    padding: 14px 22px;
    /* margin-bottom: 24px; */
    gap: 20px;
}
.dropdown-header .left-content, .dropdown-header .right-header{
    display: flex;
    align-items: center;
}
.dropdown-header .right-header .icon-cross-grey::before {
    width: 12px;
    height: 12px;
}
.dropdown-header .left-content p {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.dropdown-header .left-content .notification-count {
	padding: 3px 8px;
	margin-left: 10px;
	background: #D23731;
	border-radius: 10px;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
.right-header button {
	background: transparent;
	border: none;
}
.notification-dropdown .dropdown-menu li{
    padding: 14px 22px;
    display: flex;
    align-items: flex-start;
}
.notification-preview {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E7E7E7;
    flex-shrink: 0;
}
.notification-preview .notification-profile-photo {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}
.notifcation-info {
	display: flex;
	align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
}
.notification-preview i{
    width: 24px;
    height: 24px;
}
.notification-status-box {
    text-align: right;
    flex-shrink: 0;
}
.notification-dropdown li .pending-read{
    width: 8px;
    height: 8px;
    background: #069B27;
    border-radius: 100%;
    display: inline-block;
}
.notifcation-info .notification-text{
    max-width: 310px;
}
.notifcation-info .unread-notification {
    font-weight: 500;
}
.notification-dropdown .dropdown-menu li:last-child{
    /* padding-bottom: 34px; */
    margin-bottom: 0;
}
.profile-dropdown .dropdown-menu{
    padding: 0;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    top: 12px !important;
    overflow: hidden;
}
.profile-dropdown .dropdown-menu a{
    padding: 12px 16px;
    border-bottom: 1px solid #E0E0E0;
    transition: all .4s ease-in-out;
}
.profile-dropdown .dropdown-menu li:last-child a{
    border-bottom: 0;
}
.profile-dropdown .dropdown-menu a:hover{
    background: #f6f8fa;
    transition: all .4s ease-in-out;
}
.profile-dropdown .dropdown-menu li:last-child a:hover{
    background: #fff;
    color: #DE350B;
}
.profile-btn.dropdown-toggle::after {
    display: none;
}

.header_mobile_search {
	display: none;
}
.profile-page .artist-details .artist-title a {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 6px;
    display: block;
    padding: 5px 45px;
    width: 138px;
    text-align: center;
    color: #069B27;
    background: rgba(6, 155, 39, 0.14);
}
/*================ End Dashboard Header Style =================*/

/*================ 16. Dashboard Details Style =================*/
.dashboard-cover {
    background: #F6F6F6;
    padding: 24px 48px 43px 48px;
    min-height: calc(100vh - 90px);
}

/*================ End Dashboard Details Style =================*/



/*================ 17. Table Style =================*/
.table-block {
    position: relative;
}
table{
    width: 100%;
    border-collapse: collapse;
}
td, th {
    text-align: left;
}
thead tr {
    background: #fff;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 16px;
}
th {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: inherit;
    color: #1c1c1c;
    padding: 0 10px 14px 10px;
}
th:first-child {
	padding-left: 0;
}
td {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #1C1C1C;
    padding: 10px;
}
td:first-child {
	padding-left: 0;
}
td span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow-y: hidden;
}
.table-block .text-link{
    font-size: 14px;
    line-height: 17px;
}
table .user-profile{
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}
table .user-profile img{
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 100%;
}
th.shorting{cursor: pointer;}
th.shorting span{position: relative;}
th.shorting span::after,th.shorting span::before{content: '';position: absolute;bottom: 0;top: 0;margin: auto;right: -14px;width: 8px;height: 6px;}
th.shorting span::before{background: url('../images/Icon_shorting_up.svg') no-repeat center;top: -10px;}
th.shorting span::after{background: url('../images/Icon_shorting_down.svg') no-repeat center;bottom: -10px;}
td .status{padding: 4px 14px;border-radius: 4px;display: inline-block;}
td.action-list{text-align: end;}
.action-list .action-link{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 100%;vertical-align: middle;}
.action-list .action-link.delet-link{margin-left: 16px;}
.action-list .action-link.eye-link{background: #F3F8FF;}
.action-list .action-link.delet-link .icon-delete::before{width: 18px;height: 18px;}
.action-list .action-dropdown{margin-left: 32px;}
tfoot tr{background: #F1F4FA;}
tfoot td{color: #172B4D;padding: 16px 20px;font-weight: 400;font-size: 16px;line-height: 19px;}
tfoot td .pagination{justify-content: flex-end;}
.pagination a.active,.pagination .prev a, .pagination .next a{background: #fff;}
.table-block{width: 100%;white-space: nowrap;overflow-x: auto;}
.table-block table {margin: 0;}
.table-block::-webkit-scrollbar-thumb {border-radius: 4px;background: #ABBED1;}
.table-block::-webkit-scrollbar {height: 4px;background: transparent;}
td span .icon-star-fill{display: inline-block;margin-right: 8px;vertical-align: middle;}
td span .icon-star-fill::before{width: 17px;height: 17px;}
.approval-Status {
    padding: 4px 22px 4px 14px;
    max-width: 116px;
    border-radius: 4px;
    background-position: right 10px center !important;
}
/*================ End Table Style =================*/

/*================ 18. Breadcrumb Style =================*/
.dashboard-titlebar .bread-crumb-block{
    width: 100%;
}
.bread-crumb-block .breadcrumb{
    margin-bottom: 16px;
    align-items: center;
}
.bread-crumb-block .breadcrumb li {
    position: relative;
    padding-right: 20px;
    margin-right: 12px;
}
.bread-crumb-block .breadcrumb li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.bread-crumb-block .breadcrumb li:last-child::after{
    display: none;
}
.bread-crumb-block .breadcrumb li::after{
    content: '';
    background: url(../images/icon_breadcrumb_arrow.svg) no-repeat;
    width: 8px;
    height: 8px;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
/*================ End Breadcrumb Style =================*/

/*================ 19. Chat Board Style =================*/
.chat-left-content {
	background-color: #E5E5E5;
	border-radius: 20px 0 20px 20px;
}
.chat-wrapper {
	background: #EEEEEE;
	border-radius: 20px;
    height: 100%;
}
.chat-user-list-block{
    background: #FFFFFF;;
    border-radius: 20px;
}
.customer-support-list {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 20px;
}
.message-title {
    padding: 40px 0 27px;
    border-bottom: 0;
}
/* .message-in-tab .chat-user-list-block{
    height: calc(100% - 24px);
} */
.chat-user-list{
    height: calc(100vh - 273px);
    overflow-y: auto;
}
.message-in-tab .chat-user-list{
    height: 100vh;
}
.chat-user-list-block .block-title{
    padding: 27px 24px 20px;
}
.chat-user-list-block .block-title h4{
    margin-bottom: 12px;
}
.chat-user-list li.active{
    background: #E5E5E5;
}
.chat-user-list li.chat-list-item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 24px;
    transition: all 0.3s;
    cursor: pointer;
}
.chat-user-list li.chat-list-item:focus,
.chat-user-list li.chat-list-item:hover {
    background: #E5E5E5;
    transition: all 0.3s;
}
.chat-list-item .user-profile img{
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 100%;
}
.chat-list-item .chat-user-info{
    width: calc(100% - 70px);
}
.chat-list-item .chat-user-info .top-content, .chat-list-item .chat-user-info .bottom-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chat-list-item .chat-user-info .top-content p {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}
.chat-list-item .chat-user-info .time {
    text-align: right;
}
.chat-list-item .chat-user-info .time {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #1c1c1c;
}
.chat-list-item .chat-user-info .chat-preview{
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #1c1c1c;
}
.chat-list-item .chat-user-info .chat-preview{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    -webkit-line-clamp: 1;
}
.chat-list-item .chat-user-info .pending-view-msg{
    background: #565656;
    border-radius: 100%;
    color: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 15px;
}
.chatboard{
    background: transparent;
    height: calc(100vh - 138px);
}
.message-in-tab .chatboard{
    height: 100%;
}
.chatboard .chatboard-header{
    display: flex;
    align-items: center;
    padding: 15px 24px;
    background: #E5E5E5;
    border-radius: 0px 20px 0px 0px;
}
.chatboard-header .chat-user-detail{
    display: flex;
    align-items: center;
    gap: 16px;
}
.chatboard-header .chat-user-detail img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100%;
}
.chatboard-header .chat-user-detail p {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
}
.chatboard-header .chat-user-detail .user-profile{
    position: relative;
}
.chat-user-detail .user-profile .online-status{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 2.5px solid #fff;
    background: #7A869A;
}
.chat-user-detail .user-profile .online-status.active{
    background: #3EBB89;
}
.chat-user-detail .last-seen{
    color: #7C7C7C;
}
.chat-user-detail .last-seen.online{
    color: #3EBB89;
}
.msg-body{
    height: calc(100vh - 350px);
    overflow-y: auto;
    padding: 0 24px;
}
.chat-list{
    padding: 24px 0 255px;
    scrollbar-width: none;
    margin: 0;
}
/* .message-in-tab .chat-list{
    height: calc(100vh - 45px);
} */
.chat-list .left {
    align-items: flex-start;
}
.chat-list .right {
    align-items: flex-end;
}
.chat-list .chat-history-status {
    align-items: center;
    margin: 30px 0;
    position: relative;
}
.chat-list .chat-history-status span {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #565656;
    background: #EEEEEE;
    position: relative;
    padding: 0 20px;
}
.chat-list .chat-history-status::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: #C2C2C2;
}
.chat-list li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 20px !important;
}
.chat-list li p{
    padding: 14px 20px;
    border-radius: 10px;
    max-width: max-content;
}
.chat-list .left p{
    background: #FFFFFF;
    border-radius: 10px 10px 10px 0;
}
.chat-list .right p{
    background: #DADADA;
    border-radius: 10px 10px 0 10px;
}
.chat-list .day-time{
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #565656;
    margin-bottom: 0;
}

/* Chat Box */

.chat-box {
    padding: 40px 24px 0;
}
.chat-send {
    position: relative;
}
.chat-send input {
    padding: 11px 50px 11px 14px;
    background: #FAFBFC;
    border-radius: 8px;
}
.chat-send input::placeholder {
    color: #AAAAAA;
}
.chat_icons {
    position: absolute;
    top: 8px;
    right: 10px;
}
.chat_icons .chat_btn {
    padding: 6px;
    background: #D23731;
    border-radius: 5px;
    border: 1px solid #D23731;
}
.mr-28 {margin-right: 28px;}


body .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    top: 0;
}

/*================ End chat board Style =================*/
.review-left-content,
.review-right-content {
    background: #ffffff;
    border: 1px solid #dfe1e6;
    border-radius: 3px;
}
.review-right-content{
    height: calc(100vh - 233px);
}
.tab-pane .review-right-content {
    height: auto;
}
.review-left-header,
.review-left-body {
    padding: 20px 20px 22px;
    border-bottom: 1px solid #dfe1e6;
}
.review-left-body {
    padding: 30px 20px;
}
.review-left-body h2 {
    font-weight: 400;
}
.review-left-footer {
    padding: 20px 20px 24px;
}
.star-group {
    grid-gap: 6px;
}
.star-group i::before,
.star-group i::before {
    width: 26px;
    height: 26px;
}
.review-left-body .rating-group .item {
    margin-right: 80px;
}
.rating-progress p, .review-right-header .clear-filter {
    flex-shrink: 0;
}
.rating-progress p{
    width: 16%;
    white-space: nowrap;
}
.rating-progress p:last-child{
    width: 18%;
}
.rating-progress .progress {
    width: 100%;
    background: #eeeff2;
    border-radius: 10px;
    height: 6px;
}
.rating-progress .progress-bar {
    border-radius: 10px;
}
.review-right-header {
    padding: 14px 30px;
    border-bottom: 1px solid #dfe1e6;
}
.review-right-body .review-card {
    padding: 30px;
    border-bottom: 1px solid #dfe1e6;
}
.review-right-body .review-card:last-child {
    border: none;
}
.review-right-header .table-count-filter input[type="search"] {
    padding: 11px 20px;
    padding-right: 36px;
    flex-shrink: 1;
    margin: 0;
}
.review-right-header .table-count-filter .searchbar{
    width: 100%;
}
.review-right-header .table-count-filter .icon-search{
    top: 11px;
}
.review-right-header .select-styled {
    padding: 8px 20px;
}
.review-right-header .selectCF .titleCF {
    padding: 10px 20px;
    max-width: 170px;
}
.review-right-header .selectCF{
    max-width: 170px;
    margin-right: 10px;
}
.review-right-header .select-styled:after {
    top: 5px;
}
.review-right-header .select-styled:active:after,
.review-right-header .select-styled.active:after {
    top: 5px;
}
.review-right-body .profile-detail {
    gap: 14px;
}
.review-right-body .profile-detail .user-profile {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}
.review-action-group,
.review-right-body .top-group,
.review-right-body .swich-toggle-btn {
    display: flex;
    align-items: center;
}
.review-right-body .top-group {
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 10px;
}
.review-right-body .star-group i::before {
    width: 17px;
    height: 17px;
}
.review-right-body .review-card p {
    line-height: 22px;
}
.review-right-body .swich-toggle.small input[type="checkbox"].toggle + label {
    vertical-align: middle;
}
.review-right-body {
    height: calc(100% - 69px);
    overflow-y: auto;
    position: relative;
}
.tab-pane .review-right-body {
    height: 100vh;
    overflow-y: auto;
}
.review-right-body::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
/*================ Rating & Review Style =================*/

/*================ End Rating & Review Style =================*/

/*================ Loader Style =================*/
.loader-container{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    display: flex;
    align-items: center;
    justify-content: center;
}
/*================ End Loader Style =================*/

/*================ User Profile offcanvas Style =================*/
.offcanvas-end{
    width: 470px;
    border-left: 0;
}
.offcanvas-header{
    border-bottom: 1px solid #EBEDF0;
    padding: 20px 30px;
}
.offcanvas-header .offcanvas-title{
    line-height: 29px;
}
.offcanvas-body{
    padding: 25px 30px;
}
.offcanvas-body .user-profile-wrap{
    width: 204px;
    height: 204px;
    border: 8px solid #F3F8FF;
    border-radius: 100%;
    margin: 0 auto 24px;
    overflow: hidden;
}
.offcanvas-body .user-profile-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.commercial-info-row{
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 18px;
}
.commercial-info-box{
    width: 50%;
    background: #F6F8FA;
    border-radius: 6px;
    padding: 26px 30px;
}
.offcanvas-body .media-header{
    margin: 0 -30px 20px;
    padding: 0 30px 20px;
    border-bottom: 1px solid #EBEDF0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.media-block-row{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin: 0 -8px;
    flex-wrap: wrap;
}
.media-block-col{
    width: 33.33%;
    padding: 0 8px 16px;
}
.media-box{
    background: #F3F8FF;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}
.media-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.media-box i::before{
    width: 39px;
    height: 43px;
}
/*================ End User Profile offcanvas Style =================*/

.img-notification{
    height: 40px;
    width: 40px;
    object-fit: cover;
}
/*================ 22. Site Icon Class Style =================*/
.icon-check-success::before{background: url(../images/icon_check_success.svg) no-repeat; width: 24px; height: 24px;}
.icon-warning::before{background: url(../images/icon_warning.svg) no-repeat; width: 24px; height: 24px;}
.icon-dashboard::before{background: url(../images/icon_dashboard.svg) no-repeat; width: 16px; height: 16px;}
.icon-dashboard-white::before{background: url(../images/icon_dashboard_white.svg) no-repeat; width: 16px; height: 16px;}
.icon-account::before{background: url(../images/icon_account.svg) no-repeat; width: 16px; height: 16px;}
.icon-account-white::before{background: url(../images/icon_account_white.svg) no-repeat; width: 16px; height: 16px;}
.icon-services::before{background: url(../images/icon_service.svg) no-repeat; width: 16px; height: 16px;}
.icon-services-white::before{background: url(../images/icon_service_white.svg) no-repeat; width: 16px; height: 16px;}
.icon-bookings::before{background: url(../images/icon_booking.svg) no-repeat; width: 16px; height: 16px;}
.icon-bookings-white::before{background: url(../images/icon_booking_white.svg) no-repeat; width: 16px; height: 16px;}
.icon-portfolio::before{background: url(../images/icon_portfolio.svg) no-repeat; width: 16px; height: 16px;}
.icon-portfolio-white::before{background: url(../images/icon_portfolio_white.svg) no-repeat; width: 16px; height: 16px;}
.icon-message::before{background: url(../images/icon_message.svg) no-repeat; width: 16px; height: 16px;}
.icon-message-white::before{background: url(../images/icon_message_white.svg) no-repeat; width: 16px; height: 16px;}
.icon-notification::before{background: url(../images/icon_notification.svg) no-repeat; width: 24px; height: 24px;}
.icon-toggle::before{background: url(../images/icon_menu_toggle.svg) no-repeat; width: 16px; height: 16px;}
.icon-search::before{background: url(../images/icon_search.svg) no-repeat; width: 14px; height: 14px;}
.icon-filter::before{background: url(../images/icon_filter.svg) no-repeat; width: 22px; height: 22px;}
.icon-eye::before{background: url('../images/icon_eye.svg') no-repeat; width: 19px; height: 14px;}
.icon-arrow-left-black::before{background: url('../images/icon_arrow_left_black.svg') no-repeat; width: 16px; height: 17px;}
.icon-edit::before{background: url(../images/icon_edit.svg) no-repeat; width: 14px; height: 14px;}
.icon-down-arrow::before{background: url(../images/icon-down-arrow.svg) no-repeat; width: 12px; height: 11px;}
.icon-loaction-pin::before{background: url(../images/icon-location-pin.svg) no-repeat; width: 11px; height: 11px;}
.icon-cross-grey::before{background: url(../images/icon_cross_grey.svg) no-repeat; width: 16px; height: 16px;}
.icon-cms::before{background: url(../images/icon_cms.svg) no-repeat; width: 16px; height: 16px;}
.icon-cms-white::before{background: url(../images/icon_cms-white.svg) no-repeat; width: 16px; height: 16px;}
.icon-call::before{background: url(../images/icon_call.svg) no-repeat; width: 20px; height: 20px;}
.icon-email::before{background: url(../images/icon_email.svg) no-repeat; width: 20px; height: 20px;}
.icon-arrow-right-grey::before{background: url(../images/icon_arrow_right_grey.svg) no-repeat; width: 20px; height: 20px;}
.icon-green-edit::before{background: url(../images/icon_green_edit.svg) no-repeat; width: 16px; height: 16px;}
.icon-red-delete::before{background: url(../images/icon_red_delete.svg) no-repeat; width: 16px; height: 16px;}
.icon-logout::before{background: url(../images/icon_logout.svg) no-repeat; width: 20px; height: 20px;}
.icon-pricing::before{background: url(../images/icon_pricing.svg) no-repeat; width: 16px; height: 16px;}
.icon-pricing-white::before{background: url(../images/icon_pricing_white.svg) no-repeat; width: 16px; height: 16px;}
.icon-contact-us::before{background: url(../images/icon_contact_us.svg) no-repeat; width: 16px; height: 16px;}
.icon-contact-us-white::before{background: url(../images/icon_contact_us_white.svg) no-repeat; width: 16px; height: 16px;}
.icon-customers::before{background: url(../images/icon-customers.svg) no-repeat; width: 20px; height: 20px;}
.icon-customers-white::before{background: url(../images/icon_customers_white.svg) no-repeat; width: 20px; height: 20px;}

.creditcard-icon{color:rgb(197, 197, 197);}
.sidebar-menu .nav-link:hover .hvr.creditcard-icon{color: #ffffff;}
.hvr.creditcard-icon:hover{color: #ffffff;}
/*================ End Site Icon Class Style =================*/

/*================ 23. Diff. Animation Styles =================*/
/* Dot Typing */
.loading-icon{
    width: 74px;
    height: 60px;
    background: #F6F8FA;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.dot-typing {
    position: relative;
    left: -9999px;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background-color: #7A869A;
    color: #7A869A;
    box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    animation: dotTyping 1.5s infinite linear;
}
@keyframes dotTyping {
    0% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
    16.667% {
        box-shadow: 9988px -10px 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
    33.333% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
    50% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px -10px 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
    66.667% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
    83.333% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px -10px 0 0 #7A869A;
    }
    100% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
}
/*================ End Diff. Animation Styles =================*/

/*================ 24. Edit / Delete Dropdown Style =================*/
.action-dropdown{display: inline-block;vertical-align: middle;}
.action-dropdown .profile-btn::after{display: none;}
.action-dropdown .dropdown-menu{min-width: 110px;bottom: auto !important;}
.action-dropdown .dropdown-menu a{display: flex;align-items: center;}
.action-dropdown .dropdown-menu a i{margin-right: 10px;}
/*================ End Edit / Delete Dropdown Style =================*/

/* Blur */
/* For sidebar blur add this class */
.sidebar-blur::after {
    content: '';
    position: absolute;
    top: 88px;
    left: 0;
    width: 100%;
    height: calc(100% - 88px);
    backdrop-filter: blur(2.5px);
    pointer-events: none;
}
/* End For sidebar blur add this class */



/*================ 26. Responsive Media Query Style =================*/
/* MEDIA :: 1600px */
@media only screen and (max-width: 1599px){
    .sidebar-menu .logo {padding: 26px 20px 0 20px;}
    .sidebar-navigation {padding: 0 20px 0 20px;}
}
/* MEDIA :: 1400px */
@media only screen and (max-width: 1399px){
    .login-content .right-content{padding: 40px 80px;}
    .registration-content .left-content-body .logo {margin-bottom: 50px;}
    .member-yet{margin: 70px 0 0; position: static;}
    .sign-with{margin: 40px 0 0;}
    .registration-content .left-content-body h2{font-size: 58px;line-height: 68px;}
    .registration-content .left-content-body h4{font-size: 28px;line-height: 36px;}
    /* .sidebar-menu{padding: 30px 12px;} */
    .sidebar-menu .logo {padding: 30px 12px 0 12px;}
    .sidebar-navigation {padding: 0 12px 0 12px;}
    .sidebar-menu .logout {padding: 30px 12px 40px 12px; bottom: 0; }
    .sidebar-menu .nav-link{padding: 12px;}
    /* .sidebar-menu .nav-link i::before{width: 21px; height: 20px;} */
    .sidebar-menu .nav-link span{font-size: 14px; line-height: 17px;}
    .sidebar-menu .nav-link i{margin-right: 10px;}
    .sidebar-menu .dropdown-menu {padding: 0px 12px 20px 19px;}
    .sidebar-menu .dropdown-menu a{font-size: 13px; line-height: 15px;}
    .sidebar-menu .nav-item{margin-bottom: 16px;}
}

/* MEDIA :: 1200px */
@media only screen and (max-width: 1199px){
     h1{font-size: 48px;line-height: 60px;}
     h2 {
        font-size: 28px;
        line-height: 28px;
    }
    h3 {
        font-size: 28px;
        line-height: 28px;
    }
    .login-content .right-content{padding: 40px 60px;}
    .registration-content .left-content {
        padding: 40px 20px;
    }
    .right-content .logo{margin: 0 0 24px;}
    .right-content .logo img,.center-card .logo img{max-width: 180px;}
    .login-content .right-content .reg_form .action-button-previous,
    .login-content .right-content .reg_form .action-button {
        padding: 12px 95px;
    }
    .login-form{margin: 24px 0 0;}
    .login-form .form-button-group{margin: 16px 0 0;}
    .center-card{padding: 60px;}
    .center-card .logo{margin: 0 0 32px;}
    .sidebar-menu .dropdown-menu{min-width: auto; padding: 0 12px 10px 19px;}
    .module-card-item a{padding: 40px 20px;}
    .fixed-chat-boat{right: 20px;bottom: 20px;}
    .card-box .deleticon {top: 10px!important;right: 5px!important;}
    /* .bread-crumb-block .breadcrumb{margin-bottom: 0;} */
    .review-left-content{display: flex; align-items: center; flex-wrap: wrap;}
    .review-left-content .review-left-header{width: 100%;}
    .review-left-content .review-left-body{width: 40%; border-right: 1px solid #dfe1e6; border-bottom: 0;}
    .review-left-content .review-left-footer{width: 60%;}
    .chat-right-content {visibility: hidden;opacity: 0;display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;}
    .chat-right-content.show {visibility: visible;opacity: 1;transition: visibility 0s, opacity 0.4s linear;}
    .chat-left-content {border-radius: 20px 20px 20px 20px;}
    .chatboard {background: #EEEEEE;height: 100%;border-radius: 20px 20px 0 0;}
    .chat-wrapper {position: relative;}
    .chatboard .chatboard-header {border-radius: 20px 20px 0px 0px;}
    .back-btn {color: #1c1c1c;}
}

/* MEDIA :: 991px */
@media only screen and (max-width: 991px){
    h1{font-size: 40px;line-height: 52px;}
    h2 {
        font-size: 26px;
        line-height: 26px;
    }
    h3 {
        font-size: 26px;
        line-height: 26px;
    }
    h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .title-1, .title-2, .title-3, .title-4{font-size: 18px; line-height: 24px;}
    .bread-crumb-block .breadcrumb li{padding-right: 16px; margin-right: 8px;}
    .progressbar li {
        padding: 0 60px;
    }
    .login-content {
        height: auto;
    }
    .login-content .container{position:relative;z-index:2}
    .login-content .right-content {
        align-items: inherit;
        padding:40px 12px;
        height: auto;
    }
    .admin_approval_cover .right-content {
        align-items: center;
    }
    .login-content .right-content .login-body{background:#fff;border-radius:6px;padding:40px;position: relative;z-index: 0;}
    .registration_banner {
        padding-bottom: 30px;
    }
    .registration_banner img {
        width: 150px;
        height: 150px;
    }
    .registration-content .left-content-body .logo {
        margin-bottom: 20px;
    }
    .registration-content .left-content-body .logo img {
        max-width: 150px;
    }
    .login-content .right-content .login-body {
        padding: 40px;
        border: 1px solid #e5e5e5;
    }
    .progressbar {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 50px auto;
    }
    .login-content .right-content .reg_form .action-button-previous,
    .login-content .right-content .reg_form .action-button {
        padding: 12px 80px;
    }
    .otp_box p {
        margin-bottom: 20px;
    }
    .digit-group input {
        width: 44px;
        height: 44px;
        font-size: 18px;
        line-height: 30px;
        margin: 0 8px;
    }
    .otp_note {
        max-width: 240px;
        margin: 12px auto 20px;
    }
    .upload_btn {
        width: 184px;
        height: 198px;
        padding: 30px 0 12px;
    }
    .upload_btn p {
        padding-top: 20px;
        padding-bottom: 16px;
    }
    .upload_img_wrap {
        padding: 26px 20px 10px 20px;
    }
    .member-yet{margin:30px 0 0; position: static;}
    .sign-with .text-grey-1::after,.sign-with .text-grey-1::before{width:150px}
    /* .registration-content .left-content{display:none} */

    .center-card{padding: 40px;}
    .sidebar-menu{position: fixed;left: -100%;transition: all .4s ease-in-out; z-index: 9;}
    .sidebar-menu.shownav{left: 0;transition: all .4s ease-in-out; box-shadow: none; width: 100%; height: 100vh; background: transparent;}
    .sidebar-menu .icon-toggle{position: absolute; right: 0; top: 0; width: 30px; height: 30px; background-image: url(../images/icon_toggle_close_white.svg); background-repeat: no-repeat; background-position: center; background-color: transparent; cursor: pointer; background-size: 14px;}
    .sidebar-menu.shownav .icon-toggle::before{display: none;}
    .sidebar-open{overflow: hidden; position: fixed; width: 100%;}
    .dashboard-header .logo{order: 2;}
    .dashboard-header i.icon-toggle{margin-right: 20px; height: 30px; width: 30px; border: 1px solid #1c1c1c; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer;flex-shrink: 0;}
    .offcanvas-end{width: 400px;}
    .offcanvas-header,.offcanvas-body{padding: 20px;}
    .offcanvas-body .user-profile-wrap{width: 160px; height: 160px;}
    .offcanvas-body .media-header{margin: 0 -20px 20px; padding: 0 20px 20px;}
    .dashboard-details.user-edit-details {padding-bottom: 40px!important;}
    /* Desing Changes */
    .sidebar-menu-inner {
        width: 35%;
        background: #1C1C1C;
        transition: all .4s ease-in-out;
    }
    .sidebar-menu-inner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bg-noise.png) no-repeat;
        background-size: cover;
        background-position: center;
        z-index: -1;
    }
    .sidebar-menu::before {
        display: none;
    }
}

/* MEDIA :: 767px */
@media only screen and (max-width: 767px){
    h1{font-size: 36px;line-height: 44px;}
    h2 {
        font-size: 24px;
        line-height: 24px;
    }
    h3 {
        font-size: 24px;
        line-height: 24px;
    }
    h4 {
        font-size: 20px;
        line-height: 26px;
    }
    h5{font-size: 24px;line-height: 30px;}
    h6{font-size: 20px;line-height: 28px;}
    .mb-30, .mb-40{margin-bottom: 20px;}
    .mt-30, .mt-40{margin-top: 20px;}
    .pb-40, .pb-30, .pb-50{padding-bottom: 20px;}
    .pt-30, .pt-40, .pt-50{padding-top: 20px;}
    .py-60{padding: 40px 0;}
    .body-normal, .large-icon-btn-link, .body-medium{font-size: 14px; line-height: 17px;}
    .title-2, .title-3, .body-large, .title-4{font-size: 16px; line-height: 22px;}
    .table-block{width: 100%; white-space: nowrap; overflow-x: auto;}
    .dashboard-details.user-edit-details {padding-bottom: 40px!important;}

    /* Registration & Login*/
    .progressbar {
        margin: 40px auto;
    }
    .progressbar li {
        padding: 0 50px;
    }
    .login-content .right-content .reg_form .action-button-previous,
    .login-content .right-content .reg_form .action-button {
        padding: 10px 50px;
    }

    /* Dashboard Header */
    .header_row {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header_row > div {
        width: auto;
    }
}

/* MEDIA :: 640px */
@media only screen and (max-width: 640px){
    .container .row{margin-left:-12px; margin-right: -12px;}
    h1{font-size: 30px;line-height: 42px;}
    h2{font-size: 22px;line-height: 22px;}
    h3{font-size: 22px;line-height: 22px;}
    h4{font-size: 18px;line-height: 24px;}
    h5{font-size: 20px;line-height: 30px;}
    h6{font-size: 18px;line-height: 28px;}
    .title-2, .title-3, .body-large,.title-4,.text-link{font-size: 14px; line-height: 17px;}
    .body-extra-small{font-size: 11px; line-height: 14px;}
    .small-btn,.medium-btn,.large-btn{padding: 8px 16px;font-size: 14px;}
    .small-icon-btn,.medium-icon-btn,.large-icon-btn{padding: 7px 16px;font-size: 14px;}
    .mr-20{margin-right: 12px;}
    .common_btn {font-size: 15px;line-height: 16px;padding: 10px 25px;}
    .login-content .right-content .login-body{padding: 30px;}
    .right-content .logo img,.center-card .logo img{max-width: 150px;}
    .right-content .logo,.center-card .logo{margin: 0 0 20px;}
    input, select, textarea, .select2-container .select2-selection--multiple, .select2-container .select2-selection--single .select2-selection__rendered,.select-styled{padding: 9px 16px;}
    .select{height: 40px;}
    .selectCF .searchCF{padding: 9px 16px;}
    .selectCF .titleCF{padding: 10px 16px;}
    .select-styled:after,.selectCF .titleCF::after{right: 11px;}
    .searchbar.front-icon input{padding: 11px 16px 11px 40px;}
    .searchbar.front-icon .icon-search{left: 15px;}
    .login-form .form-group,.form-group{margin: 0 0 16px;}
    label{margin: 0 0 6px;}
    .toggle-password {top: 9px;}
    .sidebar-menu-inner{width: 60%;}
    .notification-btn{margin-right: 15px;}
    .notification-dropdown .dropdown-menu li{padding: 15px;}
    .notification-dropdown li .pending-read{right: 0;}
    .notification-preview{width: 30px; height: 30px; margin-right: 8px;}
    .notification-preview img {width: 20px;height: 20px;}
    .notifcation-info .notification-text {max-width: 250px;}
    .notification-preview .notification-profile-photo {width: 30px; height: 30px;}
    .notification-preview .notification-time{font-size: 12px;}
    .profile-btn .user-name{margin-right: 6px;}
    .logo img{max-width: 120px;}
    .dashboard-header i.icon-toggle{margin-right: 15px;}
    .dashboard-header{padding: 12px;}
    .profile-btn .user-name{display: none;}
    .card{padding: 15px;}
    .card .pill{padding: 3px 12px; font-size: 12px; line-height: 16px;}
    .card-review-detail li{flex-direction: column; gap: 8px;}
    .card-review-detail li > span, .card-review-detail li > p{width: 100%;}
    .small-icon-btn-link svg, .medium-icon-btn-link svg, .large-icon-btn-link svg, .small-icon-btn-link i::before, .medium-icon-btn-link i::before, .large-icon-btn-link i::before{width: 18px; height: 18px;}
    .notification-dropdown .dropdown-menu .dropdown-header {padding: 15px;}
    .form-error-massage{margin: 24px 0 0;}
    .offcanvas-end{width: 300px;}
    .offcanvas-header,.offcanvas-body,.commercial-info-box{padding: 12px;}
    .offcanvas-body .user-profile-wrap{width: 120px; height: 120px;}
    .offcanvas-body .media-header{margin: 0 -12px 16px; padding: 0 12px 16px;}
    .media-box{min-height: 82px;}
    .media-box i::before{width: 18px; height: 22px;}
    .media-box p{font-size: 10px; line-height: 13px; display: -webkit-box; -webkit-box-orient: vertical; overflow-y: hidden; -webkit-line-clamp: 1;}
    .media-box span{font-size: 10px; line-height: 13px;}
    .commercial-info-row{gap: 12px;}
    .media-block-row{margin: 0 -4px;}
    .media-block-col{padding: 0 4px 8px;}
    .btn-close{background-size: 12px;}
    .successful-image{max-width: 46px;}
    .successful-image{margin: 0 auto 16px;}
    .back-to-login.member-yet{margin: 16px 0 0;}
    .login-form .verify-group input{width: 40px;height: 40px;}
    input[type="date"]{padding: 11px 16px;}
    .action-list .action-dropdown{margin-left: 16px;}
    .delete-modal .modal-dialog{max-width: 430px;}
    .delete-modal .modal-content{padding: 30px;}
    .dashboard-details.user-edit-details {padding-bottom: 40px!important;}
    .form-check-input[type="checkbox"]{width: 20px; height: 20px;}
    .form-check-input[type="radio"]{width: 20px; height: 20px;}
    .chat-list li p {padding: 10px 18px;font-size: 14px;line-height: 17px;}
    .dropdown-header .left-content p {font-size: 14px;}
    .dropdown-header .left-content .notification-count {line-height: 20px;padding: 1px 4px;font-size: 12px;margin-left: 5px;}
    .services-box-cover {padding: 15px;}
    .register-as .register-image {width: 40px;height: 40px;}
    .register-as .register-content {gap: 5px;}
    .register-content h6 {font-size: 16px;line-height: normal;}
    .modal-dialog {max-width: 94%;}
    .modal-content {padding: 0;}
    .image-box {width: 60px;height: 60px;}
    /* Design changes */
    .booking-requests-titlebar {gap: 18px;}
}

/* MEDIA :: 480px */
@media only screen and (max-width: 480px){
    h1{font-size: 28px;line-height: 36px;}
    h5{font-size: 18px;line-height: 28px;}
    h6{font-size: 16px;}
    a {font-size: 12px;line-height: 22px;}
    .login-content .right-content .login-body{padding: 20px 10px;}
    .member-yet p,.member-yet p a,.forgot-password-group .medium-icon-btn-link{font-size: 12px;}
    .sidebar-menu-inner{width: 80%;}
    .profile-btn img {margin-right: 4px;}
    .notification-dropdown .dropdown-menu{width: 300px; }
    .dashboard-details.user-edit-details {padding-bottom: 40px!important;}
    .form-group { margin: 16px 0 16px;}
    /* Registration & Login */
    .progressbar {margin: 30px auto;}
    .progressbar li {padding: 0 12px;}
    .digit-group input {width: 34px;height: 34px;font-size: 16px;line-height: 28px;margin: 0 4px;}
    .otp_note {max-width: 180px;margin: 10px auto 15px;}
    .login-content .right-content .reg_form .action-button-previous,
    .login-content .right-content .reg_form .action-button {font-size: 15px;line-height: 16px;padding: 10px 25px;margin: 15px 0 0 15px;}
    .upload_box {grid-gap: 15px;margin-bottom: 20px;}
    .upload_img_wrap {padding: 15px 12px 10px 12px;}
    .img-bg {width: 140px;height: 65px;}
    .chat-list-item .chat-user-info {width: calc(100% - 38px);}
    .chat-list-item .chat-user-info .pending-view-msg {width: 16px;height: 16px;font-size: 12px;line-height: 16px;min-width: 16px;}
    .chat-user-list-block .block-title {padding: 15px;}
    .chat-user-list li.chat-list-item {padding: 15px;}
    .chatboard .chatboard-header {padding: 15px;}
    .msg-body {padding: 0 15px;}
    .chat-list .chat-history-status {margin: 20px 0;}
    .chat-box {padding: 20px 15px 20px;}
    .chat-list li p {max-width: 85%;}
    .notifcation-info {gap: 0;flex-direction: column;position: relative;}
    .notifcation-info .notification-text{max-width: 100%;margin-right: 8px;}
    .notification-dropdown li .pending-read {position: absolute;right: 0;top: 7px;}
    .register-as .register-user {width: 100%;margin-bottom: 10px;}
    .register-as {margin-bottom: 20px;}
    .delete-modal .modal-dialog {max-width: 300px;}
    .delete-modal .modal-content {padding: 20px;}
    .modal-btn-group {grid-gap: 10px;flex-direction: column;}
    /* Design changes */
    .login-content .right-content .reg_form .action-button {float: none;display: flex;margin: 15px auto 0;}
    .booking_error_cover .booking_error_inner {max-width: 270px;}
    .chatboard-header .chat-user-detail {gap: 10px;}
}

@media only screen and (max-width: 400px){
    .chatboard .chatboard-header {flex-direction: column;align-items: flex-start;}
    .chatboard-header .common_btn {width: 100%;margin-top: 10px;}
}
/*================ End Responsive Media Query Style =================*/

input::placeholder {
  color: #000;
  opacity: 0.6;
}
.add-new-artist .edit-block span{
    font-weight: 700;
}
.booking-requests-history div.dataTables_wrapper div.dataTables_filter label,
.left-col.data-table div.dataTables_wrapper div.dataTables_filter label{
    font-size: 0 !important;
}

@media only screen and (max-width: 1030px) and (min-width: 1020px) {
    .sidebar-menu .logout {
        bottom: 495px;
    }
}

.filer-btn.selected {
    background-color: #000;
    color: #fff;
}