.task_span {
    color: #F9CE41;
}

.popup-icon .rating_icons {
    width: 60px;
}

.search-group .search-btn {
    position: relative;
    z-index: 999;
    float: right;
}

.make-comment form {
    width: 100%;
}

.public-link {
    word-break: break-all;
}
/*.content_new.gz-status {
    min-width: 80px;
    width: auto;
    padding: 0px 10px;
}*/


.add-dtl-btn {
    display: block;
}
/* .make-comment-icon.options a label .material-icons {
transform: rotate( -90deg);
} */

.cpl-upload {
    position: relative;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
}

.up-load-icon {
    position: absolute;
    top: 6px;
    right: 6px;
}

.edt-icon {
    position: absolute;
    bottom: 6px;
    right: 6px;
}

.dotSubmitComment {
    margin-bottom: 0px;
}

.seoSubmitComment {
    margin-bottom: 0px;
}

.copied_text {
    color: var(--theme-primary-color);
}

.dummyseo_cnt {
    position: relative;
}

.dummyseo_hvr_cnt {
    position: absolute;
    display: none;
}

.dummyseo_cnt:hover .dummyseo_hvr_cnt {
    display: block;
}

.comment_numbr {
    background: #F9CE41;
    width: 20px;
    height: 20px;
    /* left: 68%;
top: 43%; */
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-shadow: 0 0 0 7px #f9ce4140;
    position: absolute;
    position: absolute;
    text-align: center;
    line-height: 16px;
    color: #fff;
}

.sidebar-nav-li.active .sidebar-nav-i {
    color: var(--theme-primary-color);
}

.sidebar-nav-li.active>.sidebar-nav-lia {
    color:  var(--theme-primary-color);
    text-decoration: none;
    background: #bdf1005e;
    border-right: 3px solid var(--theme-primary-color);
    /* border-radius: 4px; */
}

.sidebar-nav-lia:hover {
    background: #bdf1005e;
    border-right: 3px solid var(--theme-primary-color);
}
.rotate_dotsdrag {
    transform: rotate(90deg);
}

.check_1 {
    padding-top: 1px;
}

.crown_icon_admin {
    width: 40px;
}

.sec_intakeform {
    display: inline-block;
    background: #ef495f;
    color: #fff;
    padding: 8px 10px 4px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#intake_ques2 {
    border-top: 7px solid #ef495f;
    border-top-left-radius: 0;
}

.intake_iconssec {
    color: #fff;
    text-decoration: none;
    background-color: rgb(0 0 0 / 10%);
    border-radius: 4px;
}

.active .sp-single-para {
    color: #c9ccce;
}

.reset-padding {
    padding: 0px 16px !important;
}
/*--------- new-add - 22 feb 2021 ----------------*/

.tab-bg.Graphic_subcription {
    background: var(--color-f2f5f7);
}

.Graphic_subcription {
    margin: 0px 7px;
    padding: 20px;
    background: var(--color-f2f5f7);
}

.Graphic_subcription .subscription-plan {
    margin-bottom: 0;
}

.secgc_li {
    background: transparent !important;
    margin-bottom: 10px !important;
}

.graphic_h5 {
    font-size: 16px;
}

.crown_icon2 {
    width: 45px;
}
/* For [ subscription_plan_col.html ] subscription plan section (graphic and content) -end*/
/* for remove box shadow around the input field*/
/*
.form-control:focus {
border-color: transparent;
outline: 0 !important;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
} */
/*-----------replace-class (For-upload image show in circle)---------*/
/* /// style.css:4173 /// */

.epf-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/* // For [ profile-setting.html ] subscription plan spacing  // */
/*new-add */

.hding_forsub {
    /* margin-top: 20px; */
}

.Graphic_section {
    padding: 20px;
    margin-bottom: 15px;
    background: var(--color-f2f5f7);
}
/* for blue card view all card section start*/
/*new add*/

.blue_viewcard {
    border: none;
    width: auto;
}

.debit_card_viewall {
    width: 150px;
}
/*replace*/
/*for space between "add-new-card", "debit-card" and "view-all-card" in profile-setting page*/
/* style.css:5453 */

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

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

.is_multi_required {
    display: flex;
    margin-top: 10px;
}

.toggle_switch_bl {
    color: #000;
}
/* replace */
/* for fixed height of add new card section in profile setting page*/
/*style.css:5130*/

.add__card {
    /* width: 150px; */
    height: 100%;
    padding: 58px 0;
    border-radius: 10px;
    border: 1px dashed var(--color-gray);
    text-align: center;
}
/* for blue card view all card section end*/
/* for view all card popup heading start*/
/*replace*/
/* style.css:4318 */

.UF-heading {
    font-size: var(--font-size-20);
    color: var(--color-0f3148);
    font-weight: var(--font-weight-medium);
    text-transform: capitalize;
}
/* for view all card popup heading end*/
/* for Graphic and content font-weight in subscription-plan section start*/
/*new add*/

.sub_newdiv {
    font-weight: 600;
}
/* for Graphic and content font-weight in subscription-plan section start*/
/* for white button box-shadow and color start*/
/* replace css*/
/* style.css:1411 */

.bg-color-default,
.bg-color-default:hover {
    color: var(--draft-color) !important;
    box-shadow: 0px 5px 20px #0000001a !important;
    transition-duration: 1s;
}
/* for white button box-shadow and color start*/
/* for payment method modal form (already added in main.css) start*/

.formflex2 {
    display: flex;
    justify-content: space-between;
}
/* .proof-input-signup {
background: #fff;
border: #ccc solid 1px;
border-radius: 3px;
padding: 10px 10px 10px 20px;
position: relative;
width: 49%;
} */

.proof-input-signup label {
    font-size: 12px;
    color: #8F8F8F;
    margin-bottom: 0px;
    width: 100%;
}

.formflex2 input {
    flex: 1;
    display: flex;
    justify-content: center;
    border: #ccc solid 0px;
    border-radius: 3px;
    padding: 8px 0px;
    margin: 0px;
    transition: all 0.3s;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
}

.formflex2 select {
    flex: 1;
    display: flex;
    justify-content: center;
    border: #ccc solid 0px;
    border-radius: 3px;
    padding: 12px 0px;
    margin: 0px;
    transition: all 0.3s;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
}

.planamout-proof {
    text-align: left;
    margin-top: 15px;
}

.planamout-proof p {
    padding: 0px 5px;
}

.planamout-proof p span {
    font-weight: 600;
    color: #081D31;
    float: right;
}

.donthv-acc {
    font-size: 12px;
    text-align: center;
    margin-top: 40px;
}

.donthv-acc a {
    font-size: 12px;
    text-decoration: none;
    font-weight: 600;
    color: #1F1F70;
}

.formflex2 select:focus {
    border: 0px!important;
    outline: none;
}
/* for payment method modal form (already added in main.css) end*/
/*for payment method(modal) back button start */
/*new add*/

.pay_backbtn {
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.pay_backbtn:hover {
    color: #666666;
}
/*for payment method(modal) back button end */
/*for save and cancel button shadow start*/
/*replace*/
/*style.css:2372*/

.prevs-next-btn {
    position: sticky;
    bottom: 0;
    /* background: #ffffffbf; */
    padding: 15px 0px;
    /*box-shadow: 0px 0px 10px #0000001A !important;*/
}
/*for save and cancel button shadow start*/
/*for stripe account detail modal start*/

.stripe_inner_data {
    display: flex;
    padding-bottom: 10px;
}

.stripe_detailtext {
    font-weight: 600;
    width: 165px;
}

.stripe_detailtext_p {
    font-size: 16px;
}

.box-shadow {
    box-shadow: 0px 5px 20px #0000001A !important;
}

.color-gray {
    color: var(--draft-color) !important;
}

.border-none {
    border: none;
}
/*for stripe account detail modal end*/
/*for add "Resellable resources" text over availed 3/4 start*/

.Select_designer {
    display: flex;
    justify-content: space-between;
}
/*for add "Resellable resources" text over availed 3/4 end*/
/*for "Add new user" header fixed start*/
/*replace*/
/*style.css:950*/

.blue-popup-header {
    background: var(--theme-secondry-color) !important;
    color: #fff;
    margin-bottom: 50px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
/*for "Add new user" header fixed end*/
/*//////////////////////////////// changes on live site css //////////////////////////////////////*/
/*for comment top bottom spacing issue start*/
/*replace*/
/* theme.css:2146*/
/* .famous-design-sidebar {
position: fixed;
width: 400px;
right: 0;
background: #fff;
padding: 30px 20px 140px 20px;
transition: 0.5s ease-in-out;
top: 60px;
height: 100vh;
overflow: auto;
} */
/*for comment top bottom spacing issue start*/
/*for make a comment icons alignment start*/
/*new add */

.make-comment-icon a label {
    margin-bottom: 0;
}
/*replace*/
/*custom_style.css:14*/

.make-comment form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*replace*/
/*jquery.mentionsinput.css:1*/

.mentions-input-box {
    position: relative;
    background: #fff;
    width: 100%;
}
/*detele this class*/

.make-comment-icon {
    position: absolute;
    right: 0;
    top: 4px;
}
/*for make a comment icons alignment end*/

.cancel_btnsup {
    background: #0000;
}

.custm-form-control2 {
    background: var(--theme-default-color);
    border: 0;
    border-radius: 10px;
    height: 60px;
    color: var(--hold-color);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-medium);
    line-height: 60px;
    padding: 0 30px;
}

.pause_bgnew {
    background: #dcdcdc;
}

@media only screen and (max-width: 767px) {
    .stripe_detailtext_p {
        word-break: break-all;
    }
    .stripe_detailtext {
        width: auto;
    }
    .Select_designer p {
        margin-bottom: 10px;
    }
    .Select_designer {
        display: block;
        margin-bottom: 10px;
    }
    .card_detl_sec {
        display: block;
    }
    .Graphic_subcription {
        margin-bottom: 10px;
    }
    .wht-plan-crd {
        margin-bottom: 15px;
    }
}

.margin_top_add {
    padding-top: 90px !important;
}
/*for "what our client's are saying" image section start*/
/* new add */

.clietpic_img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/*for slider in client say section start*/

.proof-client-testi .carousel-indicators {
    bottom: -40px;
}

.proof-client-testi .carousel-indicators li {
    background-color: #000;
}
/*for slider in client say section end*/
/*for next_prev icons start*/

.client_slidr_icon_i {
    font-size: 20px !important;
    color: #000;
    font-weight: 600 !important;
}
/*for next_prev icons end*/
/*replace*/
/* main.css:235*/

.clietpic {
    text-align: center;
}
/*for "what our client's are saying" image section end*/
/*for-select plan start*/

.Graphic_subcription {
    margin: 0px 7px;
    padding: 20px;
    background: #f2f5f7;
    border-radius: 10px;
}

.sub_newdiv {
    font-weight: 600;
}

.s-title {
    line-height: 27px;
    color: #0f3148;
    font-size: 18px;
    padding: 10px 0px 0px 0px;
}

.Graphic_subcription .subscription-plan {
    margin-bottom: 0;
}

.btn-listing {
    position: relative;
}

.secgc_li {
    background: transparent !important;
    margin-bottom: 10px !important;
}

.subscription-plan-single {
    display: flex!important;
    border-radius: 10px !important;
    justify-content: space-between;
}

.sp-single-content {
    width: 100%;
}

.btn-listing input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* .btn-listing li label {
    color: #0190ff;
    font-size: 14px;
    padding: 20px 12px;
    font-weight: 500;
    align-items: center;
    margin-bottom: 0;
    border-radius: 5px;
} */


/* .btn-listing li label {
    color: #0190ff;
    font-size: 14px;
    padding: 20px 12px;
    font-weight: 500;
    align-items: center;
    margin-bottom: 25px;
    border-radius: 5px;
    text-align: justify;
    line-height: 22px;
} */

.btn-listing li label {
    color: #212529;
    font-size: 14px;
    padding: 6px 12px;
    font-weight: 500;
    align-items: center;
    margin-bottom: 25px;
    border-radius: 5px;
    text-align: left;
    line-height: 22px;
}

.btn-listing .btn-listing-li label {
    margin-bottom: 0px;
}

.btn-listing li label.text-color {
    color: #000;
}

.btn-listing1 .active input[type="radio"]:checked+label {
    background: var(--theme-secondry-color);
    color: #fff;
}

.btn-listing1 .active label {
    background: var(--theme-secondry-color);
    color: #fff;
}

.btn-listing2 .active label {
    background: var(--theme-secondry-color);
    color: #fff;
}

.btn-listing2 input[type="radio"]:checked+label {
    background: var(--theme-secondry-color);
    color: #fff;
}

.btn-listing:not(.bg-normal-radio-checked) input[type="radio"]:checked+label {
    background: var(--theme-secondry-color);
    color: #fff;
}

.btn-listing li.active label.text-color {
    color: #fff;
}

.btn-listing li.active i:last-child {
    display: block;
}

.btn-listing li i:last-child {
    display: none;
}

.btn-listing li.active i {
    display: none;
}

.subscription-plan_icon {
    background: #fff;
    color: #0190ff;
    border-radius: 50%;
    padding: 4px 4px;
}

.indi_h4 {
    font-size: 18px;
    color: #081D31;
    font-weight: normal;
    line-height: 31px;
    padding-left: 10px;
}

.indi_h4 span {
    font-size: 13px;
    display: block;
}

.secgc_li.active .indi_h4 {
    color: #fff;
}

.mrgn_left_ryt {
    margin-right: 30px;
    margin-left: 30px;
}

.admin_user_list span {
    display: flex;
    color: #000;
    padding-bottom: 7px;
}

.admin_user_list {
    padding-left: 10px;
    padding-top: 10px;
}

.btn-listing2 .active .admin_user_list span {
    color: #fff;
}

.btn-listing1 .active .admin_user_list span {
    color: #fff;
}

.admin_user_list_check {
    display: inline-block !important;
    padding-right: 5px;
}
/*17-2-21-end*/
/*16-2-21-end*/
/* intake forms = */

.sec_intakeform {
    display: inline-block;
    background: #ef495f;
    color: #fff;
    padding: 8px 10px 4px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.intake_ques2,
.tab-bg.intake_ques2 {
    border-top: 7px solid #ef495f;
    border-top-left-radius: 0;
}

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

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

.is_multi_required {
    display: flex;
    margin-top: 10px;
}

.toggle_switch_bl {
    color: #000;
}

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

.quest_styling {
    border-radius: 9px;
    padding: 10px;
    background: #ebebeb;
}

.rotate_dotsdrag {
    transform: rotate(90deg);
}

.field-content:hover a {
    opacity: 1;
}

.input-light-border {
    border: 1px solid #f2f5f6;
}

.form-control.price-tier-input {
    width: 80px;
    background: #f2f5f6;
    border: 1px solid #f2f5f6;
}

.form-control.custm-form-control-2:focus {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, .25);
}

.intake_iconssec.bg-none {
    background-color: transparent;
}
/* for reporting modules colors */

.color_green {
    background: var(--color-e7faf3);
    border-left: 10px solid var(--color-0ecb86);
    color: var(--color-0ecb86);
}

.color_blue {
    background: var(--color-e6f4ff);
    border-left: 10px solid var(--color-light-blue);
    color: var(--color-light-blue);
}

.color_purple {
    background: var(--color-f1e8ff);
    border-left: 10px solid var(--purple);
    color: var(--purple);
}

.color_orange {
    background: var(--color-fef5ee);
    border-left: 10px solid var(--color-light-orange);
    color: var(--color-light-orange);
}
/* End of reporting modules colors */

.message-image img {
    width: 100%;
}

#custom_survey fieldset {
    display: none;
}

#custom_survey fieldset.active {
    display: block;
}

.left-comment-point.point_2 {
    left: 0;
    top: 8px;
}

.w-px-100,
.comnt_point.w-px-100 {
    width: 100px;
}

.w-px-50 {
    width: 50px;
}

.w-px-60 {
    width: 60px;
}

.display-initial {
    /* display: initial; */
}

.annotationStyle {
    /* display: inline-block; */
}

.chat-section {
    margin-bottom: 64px;
}

.information-data {
    margin-bottom: 100px;
}

.cus_mdal_wdth .modal-dialog {
    max-width: 900px;
}

.top-0 {
    top: 0px !important;
}

.vertical-divider {
    width: 1px;
    height: 90%;
    background: #c7ced3;
}

.header-included.dropdown-menu.show::after {
    border-bottom: 8px solid var(--theme-secondry-color);
}
/* Patch: theme.css */
/* .list-header-blog > li a span {
display: inline-block;
} */

.gz.ajax_loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.81);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
/* .bCard-header {
opacity: 0;
}

.brand-profile-card:hover .bCard-header {
opacity: 1;
}

.brand-profile-card:hover {
box-shadow: 2px 2px rgba(0,0,0, 0.1);
} */

.view-share {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    bottom: 0;
    transition: 0.56s;
    background: rgba(15, 49, 72, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px 5px 0 0;
}

.view-share a {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    padding: 3px 14px;
    transform: none !important;
    border-radius: 4px;
    margin: 4px;
    transition: 0.56s;
    text-align: center;
    width: 30%;
    min-width: 100px;
    position: relative;
    cursor: pointer;
}

a.view-draft {
    background: #fff;
    color: #0f3148;
    left: 0;
}

.single-draft-img:hover .view-share,
.logo-box:hover .view-share,
.favicon-box:hover .view-share {
    opacity: 1;
    cursor: pointer;
}

.view-share a.share_draft {
    line-height: 30px;
    padding: 3px 14px;
    transform: none !important;
    border-radius: 4px;
    margin: 4px;
    transition: 0.56s;
    text-align: center;
    width: 30%;
    min-width: 100px;
    background: #db213c;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
/*-------------------------------*/
/*hover effect */
/*-------------------------------*/

.sidebar-nav [aria-expanded="true"] .arow {
    transform: rotate(90deg);
}
/* #wrapper #sidebar-wrapper:hover {
    width: 230px;
}*/

#wrapper #sidebar-wrapper:hover .sidebar-nav li a span {
    opacity: 1;
    transition: .76s all;
    white-space: nowrap;
}

#sidebar-wrapper:hover .full {
    display: block;
    margin: 15px auto 5px;
}

#sidebar-wrapper:hover .mini {
    display: none;
}

#sidebar-wrapper:hover ul.nav.sidebar-nav {
    width: 100%;
}

#sidebar-wrapper:hover .sidebar-header {
    margin-bottom: -6px;
}

#wrapper.toggled .flex-column {
    height: auto;
}

.h-0 {
    height: 0px;
}

#sidebar-wrapper:hover .flex-column {
    height: auto;
}

#sidebar-wrapper:hover .flex-column {
    height: auto;
}

#sidebar-wrapper .btn-upgrade-sm span.upgrade-text {
    display: none;
}

.toggled #sidebar-wrapper .btn-upgrade-sm span.upgrade-text {
    display: block;
}

#sidebar-wrapper:hover .btn-upgrade-sm span.upgrade-text {
    color: var(--color-fff);
    font-size: 15px;
    transition: 0.36s all;
    display: inline;
}

#sidebar-wrapper:hover .btn-upgrade-sm i {
    background: transparent;
    padding: 0;
    color: var(--color-fff);
    font-size: 15px;
    margin-right: 8px;
    transition: 0.36s all;
}

#sidebar-wrapper:hover .btn-upgrade-sm {
    display: flex;
    align-items: center;
    background: #f5b307;
    font-weight: 300;
    justify-content: center;
    width: 144px;
    height: 34px;
    transition: 0.76s all;
    position: fixed;
    left: 41px;
    right: auto;
    bottom: 10px;
}
/*-------------------------------*/
/*end of hover effect */
/*-------------------------------*/

.active.icon-tabs {
    background-color: #0190ff;
    color: white;
}

.active.icon-tabs img {
    filter: brightness(0) invert(1);
}

.error {
    color: red;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-crosshair {
    cursor: crosshair;
}

.cursor-default {
    cursor: default;
}

.max-w-800 {
    max-width: 800px;
}

.border-dashed {
    border: dashed !important;
}

.fa-rotate-130 {
    transform: rotate(269deg);
}
/* dot comment box positioning css */

.up-right.arrowdowns:after {
    right: 10px;
    left: auto;
}

.up-right.dotComment {
    left: -340px !important;
}
/*right top*/

.right-top.topposition::after {
    transform: rotate(-135deg) !important;
    top: 10px !important;
    left: 340px;
}

.right-top.arrowdowns::after {
    border: 0px;
}

.right-top.dotComment {
    top: -30px !important;
    left: -390px !important;
}
/**/
/*right bottom*/

.right-bottom.topposition::after {
    transform: rotate(-135deg) !important;
    top: 154px !important;
    left: 340px;
}

.right-bottom.arrowdowns::after {
    border: 0px;
}

.right-bottom.dotComment {
    top: -180px !important;
    left: -390px !important;
}
/*Down right*/

.down-right.topposition::after {
    transform: rotate(-135deg) !important;
    top: 182px !important;
    left: 320px;
}

.down-right.arrowdowns::after {
    border: 0px;
}

.down-right.dotComment {
    top: -230px !important;
    left: -340px !important;
}
/*Down left*/

.down-left.topposition::after {
    transform: rotate(-135deg) !important;
    top: 182px !important;
    left: 20px;
}

.down-left.arrowdowns::after {
    border: 0px;
}

.down-left.dotComment {
    top: -230px !important;
    left: -40px !important;
}
/* left bottom */

.left-bottom.topposition::after {
    transform: rotate(-135deg) !important;
    top: 154px !important;
    left: -10px;
}

.left-bottom.arrowdowns::after {
    border-bottom: 0px;
}

.left-bottom.dotComment {
    top: -180px !important;
    left: 20px !important;
}
/*left top*/

.left-top.topposition::after {
    transform: rotate(-135deg) !important;
    top: 10px !important;
    left: -10px;
}

.left-top.arrowdowns::after {
    border-bottom: 0px;
}

.left-top.dotComment {
    top: -30px !important;
    left: 25px !important;
}
/* Billing and subscriptions - switch between Monthly, Quarterely, Yearly */

.plan_selct_bt {
    text-align: center;
    margin: 20px 0 30px;
}

.plan_selct_bt .switch_btn_plan {
    width: 600px;
}

.switch_btn_plan {
    cursor: pointer;
    bottom: 0;
    transition: .4s;
    border: 1px solid #c5c5c5;
    text-align: left;
    position: relative;
    display: inline-block;
    width: 400px;
    height: 46px;
    border-radius: 50px;
}

.switch_btn_plan ul {
    display: flex;
}

.switch_btn_plan ul li {
    width: 50%;
}

.switch_btn_plan a.active {
    color: #fff !important;
    background-color: #e42547 !important;
    box-shadow: 0 2px 6px rgba(228, 37, 71, 0.34);
}

.switch_btn_plan .monthly_plan,
.switch_btn_plan .yearly_plan,
.switch_btn_plan .quarterly_plan {
    text-align: center;
    padding: 0;
    border-radius: 50px;
    display: inline-flex;
    height: 45px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    float: left;
    color: #7d7d7d;
    width: 100%;
}
/* owl carousel for billing plans */

.subs_plans_modal .owl-nav .owl-prev {
    position: absolute;
    left: -18px;
    top: 48%;
    transition: 0.56s;
}

.subs_plans_modal .owl-nav>button span {
    background: transparent url(../../plugins/owl/imgs/back-link-xx0.png) no-repeat center center;
    font-size: 0;
    width: 22px;
    height: 22px;
    background-size: contain;
    /* opacity: 0.6; */
    display: inline-block;
}

.subs_plans_modal .owl-nav .owl-next {
    position: absolute;
    right: -18px;
    transform: rotate(180deg);
    top: 50%;
    transition: 0.56s;
}
.owl-prev.disabled, .owl-next.disabled {
    opacity: 0.6;
}

.subs_plans_modal .owl-nav .owl-prev:hover span {
    opacity: 1;
}

.subs_plans_modal .owl-nav .owl-prev:hover {
    left: -8px;
}

.subs_plans_modal .owl-nav .owl-next:hover span {
    opacity: 1;
}

.subs_plans_modal .owl-nav .owl-next:hover {
    right: -8px;
}

.logo-img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 209px;
    object-fit: cover;
}

.logo-img img {
    width: 100%;
}
.owl-stage {
    display: flex;
}
.sb-btn-btm.form-group {
    position: absolute;
    bottom: 12px;
    left: 0;
    text-align: center;
    width: 100%;
}
.billing-carousel .owl-item {
    padding-bottom: 27px;
}
/* client dashboard - user help - fab button on the bottom right */

a.help_user {
    background: #e42647;
    position: fixed;
    right: 36px;
    bottom: 36px;
    width: 62px;
    height: 52px;
    cursor: pointer;
    border-radius: .3125rem;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4);
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 26px;
    text-transform: uppercase;
    z-index: 999;
}

.congrts h4 i {
    background: #e73250;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 100%;
    font-size: 40px;
    color: #fff;
    box-shadow: 0 0 0 10px rgba(231, 50, 80, 0.32);
}

.congrts {
    text-align: center;
    padding: 0px 0px 30px;
}

.similar-prop .cli-ent-model h3.head-c {
    font-size: 18px;
    color: #0d0d0d;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.ms-ceter {
    max-width: 300px;
    margin: auto;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
}
/* End of client dashboard - user help - fab button on the bottom right */

.field-status {
    top: 50% !important;
}

.gz-filter {
    background: #fff;
    box-shadow: 0 2px 25px rgba(152, 167, 176, 0.75);
    transform: translateX(370px);
    max-width: 350px;
    min-width: 350px;
    position: fixed;
    top: 60px;
    z-index: 99999999;
    transition: 0.56s;
    right: 0;
    bottom: 0;
    min-height: 440px;
    overflow-y: auto;
    overflow-x: hidden;
}

.gz-filter.show {
    transform: translate(0);
}

.filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    background: #0f3148;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
}

.gz-filter a.close-filter {
    color: #fff;
    font-weight: normal;
    text-transform: lowercase;
    font-size: 24px;
}

.filter-body {
    padding: 20px;
    min-height: 650px;
    max-height: 83vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.filter_button_new {
    text-align: center;
    margin: 10px 0 !important;
}

.filter_button input[type="submit"] {
    width: 150px;
    height: 40px;
    background: #fd2041;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 40px;
    border-radius: 4px;
    border: 0px;
    text-align: center;
}

.filter_button a.reset {
    margin: 0;
    color: #808080;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
}

.status-filter {
    background: #f7f7f7;
    padding: 15px;
    margin-bottom: 10px;
}

.filter-body h4 {
    color: #161616;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.status-filter .form-radion2 {
    position: relative;
}

.selectall {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.status-filter .form-radion2 label.containerr {
    padding-left: 25px;
    font-size: 12px;
    color: #595959;
    font-weight: 500;
    text-transform: uppercase;
}

.form-radion2 .containerr input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.form-radion2 .containerr .checkmark::after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-radion2 .checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.form-radion2 .containerr input:checked~.checkmark::after {
    display: block;
}

.form-radion2 .containerr input:checked~.checkmark {
    background-color: #e52344;
}

.form-radion2 .checkmark {
    position: absolute;
    top: 21px;
    left: 4px;
    height: 20px;
    width: 20px;
    background-color: #ccc;
}

.status-filter .form-radion2 .checkmark {
    top: 4px;
}

.filter-area-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
}

.pro_vertdh6.unverified {
    color: gray;
}

.pro_vertdh6 {
    cursor: pointer;
}

.upload-attachment-wrapper {
    width: 200px;
}

.upload-attachment-wrapper .accimgbx33 {
    background: #527995;
    height: 142px;
}

.upload-attachment-wrapper .icon-crss-3 {
    color: #d5d5d5;
    line-height: 20px;
}

.upload-attachment-wrapper .accimgbx33 i {
    font-size: 24px;
    color: #fff;
}

.upload-attachment-wrapper .attachfile {
    margin-top: 7px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif !important;
}

.upload-attachment-wrapper .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
/* ------------------------ */

.opacity-0 {
    opacity: 0;
}

.border-color-gray {
    border-color: gray !important;
}

.hover\:color-blue:hover {
    color: blue !important;
}

.bottom-0 {
    bottom: 0px;
}

.hover\:d-block:hover {
    display: block;
}

.hover\:text-white:hover {
    color: white;
}

.min-h-150 {
    min-height: 150px;
}

#hubblepic {
    width: 100%;
}

.custom-item.form-group {
    margin-bottom: 5px !important;
}

.thank_you_signup .modal-content {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    border: 1px solid #E5E5E5;
    padding: 25px 0px;
}

a.custom-bedge {
    padding: 5px 15px;
    font-size: 13px;
    color: #fff;
    /* background: #840C1D; */
    background: #376bac !important;
    border-radius: 50px;
    margin-left: 15px;
}

.btn-proof-theme.disabled,
button.btn-proof-theme:disabled,
a.btn-proof-theme:disabled {
    color: #fff;
    background-color: #DB213C;
    border-color: #DB213C;
    cursor: not-allowed;
}
/* Project status colors  */

.in-progress-status,
.active-status {
    /* color: var(--in-progress-status-color)!important;
    background-color: var(--in-progress-status-bg-color)!important; */
    color: #000 !important;
    background-color: #02a1466e !important;
}

.draft-status {
    color: var(--draft-status-color)!important;
    background-color: var(--draft-status-bg-color)!important;
}

.in-queue-status {
    color: var(--queue-status-color)!important;
    background-color: var(--queue-status-bg-color)!important;
}

.on-hold-status {
    color: var(--hold-status-color)!important;
    background-color: var(--hold-status-bg-color)!important;
}

.cancelled-status {
    color: var(--cancle-status-color) !important;
    background-color: var(--cancle-status-bg-color) !important;
}

.quality-revision-status {
    color: var(--quality-revision-status-color) !important;
    background-color: var(--quality-revision-status-bg-color) !important;
}

.revision-in-queue-status {
    color: var(--revision-in-queue-status-color) !important;
    background-color: var(--revision-in-queue-status-bg-color) !important;
}

/* .revision-status, .redu-status {
    color: var(--revision-status-color) !important;
    background-color: var(--revision-status-bg-color) !important;
} */
.revision-status, .redu-status {
    color: #000000 !important;
    background-color: #eaac6278 !important;
}
.review-design-status,
.pending-review-status,
.pending-approval-status {
    color: var(--review-status-color) !important;
    background-color: var(--review-status-bg-color) !important;
}

.completed-status {
    color: var(--complete-status-color) !important;
    background-color: var(--complete-status-bg-color) !important;
}
/* Notifications color */

.alert-success {
    color: var(--alert-success-color, #155724);
    background-color: var(--alert-success-bg-color, #d4edda);
    border-color: var(--alert-success-bg-color, #d4edda);
}

.alert-danger {
    color: var(--alert-error-color, #721c24);
    background-color: var(--alert-error-bg-color, #f8d7da);
    border-color: var(--alert-error-bg-color, #f5c6cb);
}

.alert-warning {
    color: var(--alert-warning-color, #856404);
    background-color: var(--alert-warning-bg-color, #fff3cd);
    border-color: var(--alert-warning-bg-color, #ffeeba);
}

.alert-info {
    color: var(--alert-info-color, #0c5460);
    background-color: var(--alert-info-bg-color, #d1ecf1);
    border-color: var(--alert-info-bg-color, #bee5eb);
}

.email-link-access span {
    display: block;
    padding: 0px 0px 20px 0px;
    color: var(--draft-color);
    text-transform: uppercase;
    font-size: var(--font-size-15);
}

.cursor-pointer {
    cursor: pointer;
}

input:checked+.slider::before {
    background-color: var(--cancle-color) !important;
}

.custm-form-control.card-fields {
    background: rgb(234 238 241 / 60%);
    border: 0;
    border-radius: var(--border-radius-10);
    height: auto;
    color: var(--color-0f3148);
    font-weight: var(--font-weight-medium);
    padding: 15px 30px;
    border: 1px solid var(--color-light-blue);
    font-size: 14px;
}

.toggled .hide\:collapse {
    display: none;
}

.viewDelete {
    position: absolute;
    background: rgba(82, 121, 149, 0.75);
    left: 0;
    right: 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    border-radius: 8px;
    transition: 0.56s;
}

.attachment-data-single:hover .viewDelete,  .active\:hover .viewDelete {
    opacity: 1;
}

.dots-loader-js img {
    width: auto !important;
    height: auto !important;
    border-radius: 0px !important;
}
/* range slider css start */

.range {
    position: relative;
}

.range input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    width: 100%;
    height: 22px;
    cursor: pointer;
    display: block;
}

.range input[type=range]:focus {
    outline: none;
}

.range input[type=range][disabled] {
    opacity: 0.3;
    cursor: default;
}

.range .rangeslider {
    position: relative;
    height: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.range .rangeslider:before {
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    background: #e6e6e6;
    border-radius: 100px;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.range input::-webkit-slider-runnable-track {
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    background: #e6e6e6;
    border-radius: 100px;
    margin: 11px 0;
}

.range input::-moz-range-track {
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    background: #e6e6e6;
    border-radius: 100px;
    margin: 11px 0;
}

.range input::-ms-track {
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    background: #e6e6e6;
    border-radius: 100px;
    color: transparent;
    padding: 11px 0;
    background: transparent;
    border-color: transparent;
}

.range input::-ms-fill-lower,
.range input::-ms-fill-upper {
    box-sizing: border-box;
    width: 100%;
    height: 4px;
    background: #e6e6e6;
    border-radius: 100px;
}

.range input::-ms-fill-lower {
    background: #60cd18;
}

.range .rangeslider-fill-lower {
    background-color: #60cd18;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    will-change: width;
}

.range input::-webkit-slider-thumb {
    box-sizing: border-box;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: var(--cancle-color);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transform: translateY(-50%);
    margin-top: 2px;
}

.range input::-moz-range-thumb {
    box-sizing: border-box;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #333940;
    cursor: pointer;
}

.range input::-ms-thumb {
    box-sizing: border-box;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #333940;
    cursor: pointer;
}

.range .rangeslider-thumb {
    box-sizing: border-box;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #333940;
    cursor: pointer;
    position: absolute;
    touch-action: pan-x;
    top: 50%;
    transform: translateY(-50%);
    will-change: left;
}

.range .range-output {
    position: absolute;
    left: 6px;
    top: 15px;
    transform-origin: 0 0;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.range .range-output .output {
    display: block;
    position: absolute;
    height: 34px;
    line-height: 34px;
    min-width: 32px;
    padding: 0 14px;
    top: -26px;
    transform: translate(-50%, -100%);
    background: #ffffff;
    color: #232323;
    border-radius: 6px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    box-shadow: 0 0 1px #6a6a6a;
}

.range .range-output .output:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    border: 6px solid #c4c4c4;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    transform: translateX(-50%);
}

.range .range-output .output:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    border: 5px solid #ffffff;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    transform: translateX(-50%);
}

.cms-range-slider {
    padding: 70px 7px 11px;
    box-shadow: 0 1px 3px #d4d4d4;
}
/* range slider end */
/* range slider end */

.slrd-img {
    width: 45px;
    height: 45px;
    background: #F2D1D7;
    border-radius: 50%;
    padding: 10px;
}

.slrd-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.d-client-count {
    font-weight: 700;
    color: var(--theme-primary-color);
    font-size: 32px;
}

.showclicktocomment {
    font-family: 'Montserrat', sans-serif;
}

.hover-line {
    border-bottom: 2px solid #0000;
}

.hover-line:hover {
    border-bottom: 2px solid var(--theme-primary-color);
    transition: 0.3s;
}

.expired-red.counter {
    font-size: 14px;
    letter-spacing: 1px;
}

.list-header-bloglia span.show {
    display: inline-block;
}

.attch-color.bg-gray {
    background: #f2f5f6;
    padding: 10px 18px;
}

.cross-btn {
    position: absolute;
    right: 4px;
    top: 4px;
    opacity: 0;
}

.attachments-image:hover .cross-btn {
    opacity: 10;
    transition: 0.3s;
}

.cross-btn i {
    font-size: var(--font-size-18);
    color: var( --color-fff);
    background: #000000cf;
    border-radius: 50%;
    cursor: pointer;
}

.st-expired, .st-expired:hover {
    color: var(--cancle-color);
    background: rgb(242 152 80 / 10%);
}

.tool-hover .tool-text::after {
    content: "";
    position: absolute;
    top: -28px;
    margin-left: -5px;
    border-width: 15px;
    border-style: solid;
    border-color: transparent transparent #253858 transparent;
    right: 14px;
}

.tool-hover .tool-text {
    display: none;
    position: absolute;
    background: #253858;
    color: #fff;
    font-size: 12px;
    min-width: 240px;
    border-radius: 12px;
    padding: 12px;
    right: -20px;
    top: 40px;
    text-align: center;
    border: 1px solid #253858;
    z-index: 999;
    line-height: 22px;
    font-weight: 300;
    text-transform: initial;
}

.tool-hover {
    display: inline-block;
    margin-left: 4px;
    position: relative;
}

.tool-hover:hover .tool-text {
    display: block !important;
}

/* Element | http://proof.test:8000/admin/project */

.user-name-tag {
background: #212121b3;
width: 40px;
height: 40px;
border-radius: 20px;
vertical-align: middle;
display: table-cell;
text-align: center;
color: white;
font-weight: bold;
}

/* theme.css | http://proof.test:8000/assets/front/common/css/theme.css?v=1628485396 */

.l-0 {
  left: 0px !important;
}

/* project media upload */

.fancy-uploader-js table.ff_fileupload_uploads tbody td {
padding: 10px !important;
}

.attachments-image:hover .remove-project-form-media, 
.attachment-data-single:hover .remove-project-form-media {
opacity: 10;
transition: 0.3s;
}

.remove-project-form-media {
cursor: pointer;
}

.remove-project-form-media {
position: absolute;
right: 4px;
top: 4px;
opacity: 0;
}

.remove-project-form-media i {
font-size: var(--font-size-18);
color: var( --color-fff);
background: #000000cf;
border-radius: 50%;
cursor: pointer;
}

.project-form-media-uploader .ff_fileupload_wrap .ff_fileupload_dropzone_wrap {
opacity: 0;
position: absolute;
width: 100%;
top: 0;
}

.project-form-media-uploader .ff_fileupload_wrap table.ff_fileupload_uploads {
display: none;
}

/* end of project media upload */


.main-contact-panel .sidebar-preview {
background: var(--theme-secondry-color) !important;
}

/* project comment box textarea */
.reciever-msg-text {
white-space: pre-wrap;
}

.modal-backdrop {
z-index: 1010;
}

.show_brand_detail {
color: #0190FF;
}


/*Custome Accordian on project filter 16-11-2021*/


#main #f-card .card {
margin-bottom: 10px;
border: 0;
}

#main #f-card .card .card-header {
border: 0;
-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
border-radius: 2px;
padding: 0;
}

#main #f-card .card .card-header .btn-header-link {

display: block;
text-align: left;
background: #f7f7f7;
color: #161616;
font-weight: 600;
padding: 13px;
text-transform: uppercase;
}

#main #f-card .card .card-header .btn-header-link:after {
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
float: right;
}

#main #f-card .card .card-header .btn-header-link.collapsed {
background: #f7f7f7;
color: #161616;
}

#main #f-card .card .card-header .btn-header-link.collapsed:after {
content: "\f106";
}

#main #f-card .card .collapsing {
background: #f7f7f7;
line-height: 30px;
}

#main #f-card .card .collapse {
border: 0;
}

#main #f-card .card .collapse.show {
background: #f7f7f7;
line-height: 30px;
color: #222;
}
.filter_box{
  padding: 0px;
}

.activity_flag{
width: 20px;
vertical-align: super;
}

.cwidth-20{
width: 20% !important;
}

.add_attachment_padding{
padding: 40px 10px;
}

.info_image_contain{
object-fit: contain;
}

.inline-livewire-loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid var(--theme-primary-color);
width: 35px;
height: 35px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
display: none;
}

/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.Messages-Overdateleft .select2-container .select2-selection--single {
height: auto !important;
}
.Messages-Overdateleft .select2-container--default .select2-selection--single .select2-selection__rendered {
border: 1px solid #000000;
}

.btn-listing-modal .btn-listing-li {
border: none;
margin: 0;
}

.btn-listing-modal .sp-single-content {
border: 1px solid #a7c3d8;
border-radius: 10px;
}
.plan-modal-body{
height: 380px;
overflow-y: auto;
}