@font-face{
    font-family:"montserrat-semi-bold";
    src:url("../fonts/Montserrat-SemiBold.otf") format("woff"),
    url("../fonts/Montserrat-SemiBold1.otf") format("opentype"),
    url("../fonts/Montserrat-SemiBold2.otf") format("truetype");
}
@font-face{
    font-family:"montserrat-regular";
    src:url("../fonts/Montserrat-Regular-WOOF.ttf") format("woff"),
    url("../fonts/Montserrat-Regular-OP.ttf") format("opentype"),
    url("../fonts/Montserrat-Regular-TT.ttf") format("truetype");
}
@font-face{
    font-family:"montserrat-bold";
    src:url("../fonts/Montserrat-Bold-WOOF.ttf") format("woff"),
    url("../fonts/Montserrat-Bold-OT.ttf") format("opentype"),
    url("../fonts/Montserrat-Bold-TT.ttf") format("truetype");
}
@font-face{
    font-family:"montserrat-medium";
    src:url("../fonts/Montserrat-Medium-WOOF.ttf") format("woff"),
    url("../fonts/Montserrat-Medium-OT.ttf") format("opentype"),
    url("../fonts/Montserrat-Medium-TT.ttf") format("truetype");
}

/* Font Family Classes */
.font-regular{
    font-family:montserrat-regular;
}
.font-semi{
    font-family: montserrat-semi-bold;
}
.font-bold{
    font-family: montserrat-bold;
}
.font-medium{
    font-family: montserrat-medium;
}
.fs-13{
    font-size: 13px;
}
.fs-14{
    font-size: 14px;
}

.outline{
    border-width: 1px;
    border-color: #85ebd3 #7dc6e8;
    border-style: solid;
    border-radius: 12px;
    opacity: 0.8;
}
body{
    background: linear-gradient(90deg, white 10%, #edf0f5 90%);
    font-family: montserrat-regular;
}
.open_side_menu{
    display: none;
}
.sb_active_sidebar .close_side_menu{
    display: block;
}
.topbar_wrapper{
    background-image: url("../images/topbar.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.topbar_wrapper .topbar_wrapper_inner{
    width: 100%;;
    margin: 0 auto;
}
.topbar_logo{
    width: 225px;
    padding: 10px 0 10px 23px;
}
.topbar_menu_button{
    width: 73px;
    border-left: 1px solid #4689c5;
    border-right: 1px solid #4689c5;
    padding: 10px 0;
}
.topbar_search{
    width: 82px;
}
.topbar_wrapper_inner_main{
    padding: 22px 0 17px 0;
}
.topbar_user{
    width: 120px;
    padding: 3px 0px 3px 30px;
}
.sb_user_img{
    margin: 0 12px 0 0;
}
.sb_notification{
    width: 83px;
    padding: 10px 0 10px;
    border-right: 1px solid #4689c5;
    border-left: 1px solid #4689c5;
}
.sb_online_parent{
    position: relative;
}
.sb_online{
    width: 10px;
    height: 10px;
    background: #12b741;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 14px;
    border: 1px solid white;
}
.sb_cart{
    width: 82px;
}
.sb_account_details{
    padding: 10px 0 10px 23px;
}
.open_sidebar .siderbar_menu_parent{
    width: 72px;
    margin: 5px 0 10px 0;
}
.open_sidebar .inner_siderbar{
    width: 71px !important;
    height: 71px !important;
    padding: 2px;
}
.open_sidebar .inner_siderbar a{
    width: 50px;
    height: 50px;
}
.open_sidebar .inner_siderbar a svg{
    width: 25px !important;
}
.open_sidebar .close_side_menu,.open_sidebar .add_projects_img .open_menu,
.open_sidebar .sb_sidebar_bottom span,.open_sidebar .siderbar_menu_parent p{
    display: none;
}
.open_sidebar .wrapper_sidebar{
    padding: 25px 0 0px 0;
    margin: 5px 0px 19px 0px;
    justify-content: center;
}
.open_sidebar .sb_content_child{
    width: 100%;
    max-width: 100px;
}
/* .open_sidebar .add_projects_main{
    max-width: 20%;
    width: 100%;
} */
/* .open_sidebar .monthly_offer_main,.open_sidebar .meeting_details_main{
    max-width: 40%;
    width: 100%;
} */
.open_sidebar .open_side_menu,.open_sidebar .add_projects_img .close_menu{
    display: block;
}
.wrapper_sidebar{
    display: flex;
    flex-wrap: wrap;
    padding: 25px 13px;
}
.wrapper_sidebar_main{
    max-width: 291px;
    width: 100%;
}
.siderbar_menu_parent{
    width: 102px;
    margin: 5px 15px 19px 15px;
}
.sidebar_bg_color{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 10px;
}
.inner_siderbar a svg{
    width:38px !important;
}
.inner_siderbar a:hover,.inner_siderbar.sb_active a{
    background: linear-gradient(135deg,#1a55aa,#2672ae) !important;
}
.inner_siderbar a svg path{
    fill: #1a55aa;
}
.inner_siderbar a:hover svg path,.inner_siderbar.sb_active svg path{
    fill: white;
}
.inner_siderbar{
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 101px;
    height: 101px;
    padding:2px 1px;
    background: linear-gradient(-135deg,#8caad4,#abf4de);
}
.inner_siderbar a{
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    background: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #E9E9E9;
}
.siderbar_menu_parent p{
    margin: 9px 0 0 0;
    font-size: 14px;
    line-height: 16.8px;
    color: #3E3E3E;
    text-align: center;
    font-family: 'montserrat-medium';
}
.sb_hr{
    border-bottom: 1px solid #e9e9e9;
    width: 80%;
    margin: 9px auto 15px auto;
}
.sb_sidebar_bottom{
    margin-bottom: 15px;
}
.help{
    width: 125px;
    padding-left: 3px;
}
.logout{
    width: 135px;
    margin-left: 27px;
}
.logout img{
    margin-right: 12px;
}
.page_title{
    font-size: 18px;
    color: #222222;
}
.wrapper_content{
    background: #edf0f5;
    /* width: 82%;
    float: right; */
}
.page_name{
    color: #6C6C6C;
    font-size: 12px;
    line-height: 2;
}
.count_col_1 .count_title{
    background: -webkit-linear-gradient(#FCD34B, #E1AD00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.count_col_2 .count_title{
    background: -webkit-linear-gradient(#57EABE, #2BB58C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.count_col_3 .count_title{
    background: -webkit-linear-gradient(#EA9957, #DF7620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.count_col_4 .count_title{
    background: -webkit-linear-gradient(#A8EA57, #7DC02C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.count_col_4{
    border: 0px;
}
.count_col_4,.count_col_3,.count_col_2,.count_col_1{
    padding: 0 17px;
    border-right: 1px solid #E9E9E9;
}
.wrapper_content_counts_img{
    background: #F9F9F9;
    padding: 25px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.wrapper_content_counts_details{
    padding: 0 0 0 17px;
}
.count_title{
    color: #FCD34B;
    font-size: 30px;
    font-weight: bold;
}
.count_content{
    font-size: 16px;
    color: #222222;
    font-family:"montserrat-medium";
}
.count_desc{
    color: #6C6C6C;
    font-size: 12px;
}
.meeting_details{
    padding: 12px 22px;
    background: white;
    /* margin-left: 20px; */
    border-radius: 10px;
    height:100%;
}
.monthly_offer_main{
    max-width: 550px;
    border-radius: 10px;
    /* padding: 0;
    margin-left: 26px; */
}
/* .add_projects_inner{
    display: flex;
    align-items: center;
    flex-direction: column;
} */
/* .add_projects_main{
    max-width: 207px;
} */
/* .meeting_details_main{
    max-width: 463px;
} */
.add_projects_img img{
    cursor: pointer;
    width: 100%;
    max-height: 275px;
}
/* .add_projects_img .close_menu{
    display: none;
} */
.meeting_details_header{
    margin-bottom: 9px;
}
.meeting_details_content{
    border: 1px solid #ebebeb;
    border-radius: 10px;
}
.sb_checkbox_main{
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sb_checkbox_main input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.sb_checkbox_main .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    background-color: inherit;
}
/* On mouse-over, add a grey background color */
.sb_checkbox_main:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.sb_checkbox_main input:checked ~ .checkmark {
    background-color: #57eabe;
}
.sb_gold{
    border: 1px solid #fcd44d;
}
.sb_green{
    border: 1px solid #a8ea57;
}
/* Create the checkmark/indicator (hidden when not checked) */
.sb_checkbox_main .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sb_checkbox_main input:checked ~ .checkmark:after {
    display: block;
}
.meeting_details_checkbox{
    position: relative;
    width: 20px;
    margin-right: 24px;
}
.meeting_details_content_row{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 13px 12px 13px;
}
.meeting_details_actions ul.active{
    display: flex !important;
}
.meeting_details_actions ul{
    display: none;
    margin-bottom: 0;
}
.meeting_details_actions ul li{
    padding: 2px 9px;
    margin: 7px 2px 0px 2px;
    border-radius: 5px;
    list-style-type: none;
}
.meeting_edit{
    border:1px solid #c9dfff;
}
.meeting_del svg{
    width: 15px;
}
.meeting_del{
    border:1px solid #e9e9e9;
}
.meeting_time{
    font-size: 14px;
}
.time_up{
    text-decoration: line-through;
}
.meeting_details_timing{
    padding: 3px 0;
}
.meeting_with{
    font-size: 12px;
    color: #6e6e6e;
}
.meeting_details_actions button{
    margin-top: 6px;
    background: inherit;
    border: 1px;
    height: 37px;
}
.monthly_offer_header{
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
}
.monthly_offer_inner{
    padding: 17px 20px;
    background: white;
    border-radius: 10px;
    height: 100%;
}
.monthly_offer_content a:hover,.monthly_offer_content a{
    color: white;
}
.monthly_offer_content{
    background: url("../images/Monthly-offer.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    text-align: center;
    padding: 44px 0;
    color: white;
}
.monthly_offer_month,.monthly_offer_welcome{
    font-size: 20px;
}
.monthly_offer_voucher{
    font-size: 25px;
    text-decoration: underline;
    margin-bottom: 14px;
}
/* .project_details{
    background: white;
    margin-top: 28px;
    border-radius: 10px;
} */
.project_details_table{
    padding-bottom: 10px !important;
    border-radius: 10px;
}
.project_details_top{
    padding: 18px 22px;
    background: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.sb_cart_Details td{
    font-family: 'montserrat-medium' !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.sb_cart_Details th,.sb_cart_Details td{
    font-size: 14px;
}
.project_details_search input:focus,.project_details_search input{
    border: 0px;
    outline: 0;
    width: 147px;
    color: #3E3E3E;
    font-size: 14px;
    font-family:"montserrat-medium";
}
.project_details_search button{
    border: 0px;
    background: inherit;
    padding: 0;
}
.add_projects_add,.add_projects_del{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #afdbf1;
    width: 40px;
    height: 40px;
}
.wrapper_content_counts{
    border-radius: 10px;
    background: white;
    padding: 17px 0;
}
.add_projects_del svg{
    width: 15px;
}
.add_projects_add svg{
    width: 15px;
}
.add_projects_del{
    border-radius: 100%;
    border: 1px solid #afdbf1;
    margin: 4px 5px;
}
.project_details_search_form{
    border: 1px solid #afdbf1;
    border-radius: 30px;
    padding: 7px 15px;
}
.project_details_table table th{
    color: #a2a2a2;
    font-size: 12px;
}
.project_details_table table td,.project_details_table table th{
    font-family: 'montserrat-regular';
    padding: 16px 5px;
    border-right: 1px solid #f4f4f4;
    font-size: 12px;
}
.project_details_table table{
    margin-bottom: 0px;
}
.project_details_table table thead{
    border-top: 5px solid #edf0f5;
    border-bottom: 5px solid #edf0f5;
}
.project_details_table table td{
    color: #6d6d6d !important;
    border: 0;
    border-right: 1px solid #f4f4f4;
}
.project_details_table table td input[type="checkbox"],.project_details_table table th input[type="checkbox"]{
    width: 19px;
    height: 19px;
    border-color: #e9e9e9;
}
/* .project_details_table table th:nth-child(1),.project_details_table table td:nth-child(1){
    width: 76px;
    text-align: center;
    padding-top: 14px;
}
.project_details_table table th:nth-child(2),.project_details_table table td:nth-child(2){
    width: 155px;
    padding: 16px 0 16px 24px;
}
.project_details_table table th:nth-child(3),.project_details_table table td:nth-child(3){
    width: 265px;
    padding: 15px 0 15px 54px;
}
.project_details_table table th:nth-child(4),.project_details_table table td:nth-child(4){
    width: 167px;
    padding: 15px 0px 15px 18px;
}
.project_details_table table th:nth-child(5),.project_details_table table td:nth-child(5){
    width: 200px;
    padding: 15px 0px 15px 36px;
}
.project_details_table table th:nth-child(6),.project_details_table table td:nth-child(6){
    padding: 15px 0 15px 11px;
    width: 140px;
}
.project_details_table table th:nth-child(7),.project_details_table table td:nth-child(7){
    width: 152px;
    padding: 15px 30px;
}
.project_details_table table th:nth-child(8),.project_details_table table td:nth-child(8){
    width: 111px;
    padding: 10px 0px 15px 23px;
} */
.project_details_table table td button{
    padding: 7px 0px;
    font-size: 12px;
    background: inherit;
    border-radius: 3px;
    width: 75px;
    line-height: 1;
    height: 26px;
}
.meeting_slider{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:12px;
    color:#6c6c6c;
}
.sb_prev{
    transform: rotate(180deg);
    margin-right: 5px;
    margin-top: -2px;
    cursor:pointer;
}
.sb_next{
    margin-left:5px;
    cursor:pointer;
}
.project_details_table table td button.activate{
    border: 1px solid #259b4c;
    color: #259b4c;
}
.project_details_table table td button.deactivate{
    border: 1px solid #fd1d1d;
    color: #fd1d1d;
}
.project_details_table table td ul{
    display: flex;
    align-items: center;
    padding: 0;
    margin:0;
}
.project_details_table table td ul li:nth-child(1){
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 0px;
    border-right: 0px;
}
.project_details_table table td ul li:nth-child(2){
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: 0px;
}
.sb_cart_Details tr:last-child{
    border: 0px !important;
}
.sb_cart_Details tr{
    border-bottom: 5px #edf0f5 solid;
    background: white !important;
}
.project_details_table table td ul li{
    border: 1px solid #e9e9e9;
    border-radius: 0;
    margin: 0;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}
.project_details_table table td ul li:hover svg path{
    fill: #396cb6 !important;
}
.project_details_table table td ul li svg{
    width:15px;
}
.project_details_table table tbody tr:nth-child(even){
    background: #fafafc;
}
.sb_showing_projects{
    font-size: 12px;
    color:#636363;
}
.sb_pagination {
    background: #FFFFFF;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'montserrat-medium';
    font-size: 12px;
    color: #b1b1b1;
    cursor: pointer;
}
.sb_pagination_proj,.sb_prev_proj{
    border-right: 1px solid #E9E9E9;
}
.sb_current_page{
    color: #636363 !important;
}
.sb_prev_proj img{
    transform: rotate(180deg);
}
.wrapper_pagination_main{
    padding-top: 10px;
}
.wrapper_projects_details_main{
    max-width: 230px;
    background: white;
    border-radius: 10px;
    position: relative;
}
.wrapper_projects_details_main img.sb_projects_top{
    position: absolute;
    top: 0;
    width: 100%;
}
.wrapper_projects_details_main:hover .wrapper_projects_bottom{
    background: linear-gradient(to right, #2062ac, #3495b5);
    color: white;
}
.wrapper_projects_bottom{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #E9E9E9;
}

.wrapper_projects_bottom p{
    font-size: 14px;
    padding: 19.5px 0;
}
.sb_project_title p{
    font-size: 16px;
    color: #3E3E3E;
    white-space: nowrap;
}
.sb_project_content p{
    font-size: 14px;
    color: #6C6C6C;
    margin-bottom: 20px;
}
.wrapper_projects_details_main:hover .wrapper_projects_top_img{
    background: url('../images/imgpsh_fullsize_anim.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
.wrapper_projects_top_img{
    width: 117px;
    height: 91px;
    margin: 30px auto;
    display: flex;
    align-items: end;
    justify-content: center;
}
.wrapper_projects_details_main:hover .wrapper_projects_top_img_inr{
    background: initial;
}
.wrapper_projects_top_img_inr{
    background: url('../images/Seo-icon-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    align-items: end;
    justify-content: center;
    width: 83px;
    height: 66px;
}
.wrapper_single_details_main:nth-of-type(4n){
    margin-right: 0;
}
.wrapper_single_details_main{
    border-radius: 10px;
    background: white;
    padding: 15px;
    width: 24%;
    margin-bottom: 20px;
    margin-right: 1.33%;
    cursor: pointer;
}
.wrapper_singe_top_parent{
    width: 117px;
    height: 91px;
    margin: 30px auto;
    display: flex;
    align-items: end;
    justify-content: center;
}
.wrapper_singe_top{
    border-bottom: 1px solid #E9E9E9;
}
.wrapper_singe_top_img{
    background: url('../images/Seo-icon-bg.png');
    width: 83px;
    height: 63px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    align-items: end;
    justify-content: center;
}
.wrapper_singe_top_title{
    color: #6C6C6C;
    font-size: 16px;
    margin-bottom: 30px;
}
.view_project,.add_cart,.add_project{
    border-radius: 5px;
    height: 40px;
    margin: 0 5px;
}
.add_project{
    width: 115px;
    font-size: 14px;
    color: #222222;
    background: linear-gradient(to right, #fafbfd, #e3ebf5);
    border: 1px solid #5aa4e3;
}
.view_project,.add_cart{
    border: 1px solid #57d2ce;
    width: 40px;
    background: white;
}
.page_title_single{
    margin: 0 20px;
}
.wrapper_singe_bottom{
    margin: 0 auto;
    padding-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrapper_projects_single_main{
    padding-top: 30px;
}
.wrapper_single_details_main:hover .wrapper_singe_top_img{
    background: initial;
}
.wrapper_single_details_main:hover .wrapper_singe_top_parent{
    background: url('../images/White-hover.png');
}
.wrapper_single_details_main:hover .wrapper_singe_top_title{
    color: white;
}
.wrapper_single_details_main:hover .wrapper_singe_top_img svg path{
    fill: white;
}
.closed_sidebar .seo_details_pdf{
    max-width: 55% !important;
    width: 100% !important;
}
.sb_content_child{
    max-width: 300px;
}
.wrapper_single_details_main:hover .view_project{
    background: #fcd34b;
    border: 0px;
}
.wrapper_single_details_main:hover{
    background: linear-gradient(#1a55aa , #2c81b0);
}
.wrapper_single_details_main_col{
    display: flex;
    flex-wrap: wrap;
}
.project_call{
    background: #FCD34B;
    border: 1px solid #FCD34B;
    font-size: 14px;
    color: #222222;
    width: 230px;
    height: 35px;
    border-radius: 5px;
}
.prev_project{
    transform: rotate(-45deg);
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #080809;
    border-left: 2px solid #080809;
    cursor: pointer;
}
/*wrapper content single projects page end*/
/*wrapper content add projects page start*/
.wrapper_add_project_top{
    background: url("../images/single_project_top.png");
    background-size: cover;
    text-align: center;
}
.wrapper_add_project_welcome{
    color: white;
    font-size: 16px;
}
.add_project_voucher{
    padding: 16px 20px;
    background: linear-gradient(#589bc7, #5695ce);
    border-radius: 10px;
    border: 1px solid #adcee4;
    max-width: 417px;
    width: 100%;
    margin: 14px auto;
}
.wrapper_add_project_code,.add_project_voucher p{
    font-size: 30px;
    color: white;
}
.wrapper_add_project_form_top{
    background: linear-gradient(to right, #2268ad, #328eb2);
    padding: 16px 13px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wrapper_add_project_form_top p{
    font-size: 16px;
    padding-left: 23px;
}
.wrapper_add_project_form_top button{
    background: #FCD34B;
    border: 1px solid #FCD34B;
    color: #222222;
    border-radius: 5px;
    font-size: 14px;
    padding: 6px 13px;
}
.wrapper_add_project_form_details{
    padding: 29px 36px;
    background: white;
}
.input-div{
    font-family: 'montserrat-regular';
    font-size: 12px;
}
.input-div span{
    color: #da1717;
    font-family: inherit;
}
.input-div label{
    font-size:inherit;
    color: #636363;
    font-family: inherit !important;
}
.input-div input{
    font-size:inherit;
    font-family: inherit;
    color: #222222;
}
.input-div select,.input-div option{
    font-size:inherit;
    font-family: inherit;
    color: #222222;
}
.input-div input:focus,.input-div select:focus{
    box-shadow: 0 1px 0 0 #FCD34B;
}
.input-div textarea:focus{
    box-shadow: 0 0;
}
.input-div textarea{
    resize: none;
}
.sb_file_upload{
    font-size: 12px;
    color: #3E3E3E;
}
.sb_file_details{
    font-size: 12px;
    color: #8E8E8E;
}
.sb_file_group{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.add_project_input_group_half label{
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.add_project_input_group_half,.sb_file_group{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}
.sb_file_group{
    border: 1px dashed #E9E9E9;
    padding: 45px 24px;
}
.add_project_input_group_submit{
    margin-top: 30px;
    display: flex;
    align-items: end;
    justify-content: end;
}
.sb_cancel_project,.sb_back_to_projects{
    border:1px solid #51dbbc;
    color: #222222;
    background: linear-gradient(to right, #e8eef6, #eaf3f7);
}
.sb_submit_project a{
    color: white;
}
.sb_cart_steps_2.sb_actived_step{
    border-radius: 0px;
}
.sb_cart_steps_last{
    border: 0px !important;
    background: #259B4C !important;
}
.sb_cart_steps_last .sb_active_inner{
    width: 100%;
}
.sb_submit_project{
    background: linear-gradient(to right, #1c5bab, #2f89b1);
    border: 0px;
}
.sb_back_to_projects,.sb_submit_project,.sb_cancel_project{
    font-size: 14px;
    width: 178px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
    border-radius: 5px;
}
/*wrapper content add projects page end*/
/* Cart page 1 start*/
.add_projects_cart button{
    background: linear-gradient(to right, #2062ac, #3495b5);
    color: white;
    border: 1px solid #AFC4E1;
    font-size: 14px;
    width: 180px;
    height: 45px;
    border-radius: 5px;
}
.sb_cart_icons img{
    width: 100%;
}
.sb_cart_icons{
    width: 51px;
    height: 51px;
    padding: 9px 8px;
    background: #FBFBFB;
    margin: 0 auto;
}
.sb_cart_Details th,.sb_cart_Details td{
    vertical-align: middle;
    border: 0px !important;
    width: auto !important;
    position: relative;
}
.sb_cart_Details td:nth-child(5){
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sb_cart_Details{
    padding-bottom: 0 !important;
}
.add_to_cart_opt{
    flex-direction: column;
}
.sb_cart_steps_div{
    color: #8E8E8E;
    font-size: 12px;
    text-align: center;
    width: 220px;
    position: relative;
}
.sb_cart_steps_main p{
    font-family:"montserrat-medium";
    font-size: 14px;
}
.sb_cart_steps_main{
    display: flex;
    background: white;
    align-items: center;
    justify-content: center;
    border: 1px solid #259B4C;
    border-radius: 5px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
.sb_cart_steps_2.sb_active_step .sb_active_inner,.sb_cart_steps_1.sb_active_step .sb_active_inner{
    background: #259b4c;
}
.sb_cart_steps_1{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.sb_cart_steps_2.sb_active_step .sb_active_inner{
    padding: 12px 0;
}
.sb_cart_steps_last .sb_cart_steps_2,.sb_cart_steps_2{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.sb_active_step .sb_arrow_after{
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 21px solid #259B4C;
    content: '';
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
}
.sb_active_step,.sb_actived_step{
    display: flex;
    align-items: center;
}
.sb_actived_step .sb_active_inner{
    padding-left: 35px;
}
.sb_actived_step .sb_arrow_after{
    content: '';
    width: 29.5px;
    height: 29.5px;
    position: absolute;
    top: 6px;
    right: 0;
    border-top: 1px solid white;
    border-right: 1px solid white;
    transform: rotate(45deg);
}
.sb_cart_steps_2.not_active .sb_arrow_after{
    width: 32.5px;
    height: 32.5px;
}
.sb_actived_step .sb_arrow_after,.sb_cart_steps_2 .sb_arrow_after{
    content: '';
    width: 29.5px;
    height: 29.5px;
    position: absolute;
    top: 6px;
    right: 0;
    transform: rotate(45deg);
}
.sb_actived_step .sb_arrow_after{
    right: 7px;
}
.sb_actived_step{
    background: #259b4c;
    color: white;
}
.sb_actived_step .sb_arrow_after{
    border-top: 1px solid white;
    border-right: 1px solid white;
}
.sb_cart_steps_2.not_active .sb_arrow_after{
    border-top: 1px solid #259B4C;
    border-right: 1px solid #259B4C;
}
.sb_active_inner{
    width: 90%;
    height: 100%;
    display: block;
    padding: 12px 0;
}
.sb_actived_step .sb_white_img{
    height: 44px;
}
.sb_active_step .sb_active_inner{
    color: white !important;
}
.sb_payment_Details{
    padding-top: 30px !important;
    background: #edf0f5;
}
.sb_payment_complete_main,.sb_payment_Details_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sb_payment_Details1{
    font-size: 16px;
    color: #222222;
    margin: 15px 0;
}
.sb_payment_Details2{
    font-size: 14px;
    color: #6C6C6C;
    margin-bottom: 15px;
}
.sb_payment_voucher_form_p{
    background: linear-gradient(-135deg,#8caad4,#abf4de);
    max-width: 480px;
    width: 100%;
    height: 50px;
    justify-content: end !important;
}
.sb_payment_voucher_form{
    width: 100%;
    height: 98%;
    display: flex;
    margin-left: 1px;
    margin-top: 1px;
}
.sb_payment_voucher_form input,.sb_payment_voucher_form,.sb_payment_voucher_form_p{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.sb_payment_voucher_form,.sb_payment_voucher_form_p,.sb_payment_voucher_form button{
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.sb_cart_steps_2.sb_active_step .sb_arrow_after{
    transform: initial;
    top: 0 !important;
    right: -9px !important;
}
.sb_payment_voucher_form button{
    width: 25%;
    height: 100%;
    font-family: "montserrat-regular";
    color: white;
    font-size: 14px;
    background: linear-gradient(to right, #2062ac, #3495b5);
    border: 0px;
}
.sb_payment_voucher_form input{
    height: 98%;
    border: 0px;
    width: 75%;
    font-size: 16px;
    color: #222222;
    padding-left: 20px;
    margin-right: 1px;
}
.sb_payment_Details_voucher{
    padding: 44px 65px;
    flex-direction: column;
    width: 49%;
    background: white;
    border-radius: 10px;
}
.sb_payment_Details_voucher_right{
    padding: 30px 5px 5px 5px;
    width: 49%;
    background: white;
    border-radius: 10px;
}
.sb_payment_total_bottom p{
    color: #222222;
    font-size: 20px;
}
.sb_width_40 p,.sb_payment_total_top_voucehr_code,.sb_payment_voucher_form_p,
.sb_payment_Details_voucher,.sb_payment_total_bottom,.sb_payment_total_top_subtotal{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sb_payment_total_top_voucehr_code p,.sb_payment_total_top_subtotal p{
    font-size: 14px;
    color: #3E3E3E;
    font-family: 'montserrat-semi-bold';
}
.sb_payment_total_top_voucehr_code,.sb_payment_total_top_subtotal{
    border-bottom: 1px solid #E9E9E9;
    padding: 25px 0;
}
.sb_payment_total_bottom{
    background: #EDF1F8;
    padding: 15px 20px;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sb_payment_total_top{
    padding: 0px 10px;
}
.sb_payment_total_top_total{
    color:#A2A2A2;
    font-size: 14px;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 27px;
}
.sb_submit_cart{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.sb_submit_cart a{
    width: 180px;
    height: 45px;
    border: 0px;
    font-family: 'montserrat-regular';
    font-size: 14px;
    color: white;
    background: linear-gradient(to right, #2062ac, #3495b5);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sb_inherit{
    background: inherit !important;
}
.setup_call_payment button{
    width: 230px;
    height: 35px;
    background: #e8eef6;
    border: 1px solid #bacce5;
    border-radius: 5px;
    color: #222222;
    font-size: 14px;
    font-family: "montserrat-medium";
}
.add_project_input_group_top_payment .add_project_input_group{
    max-width: 48% !important;
}
.project_details_title p{
    margin-left: 5px;
}
.payment_project_details_mian_detail{
    font-size: 16px;
    color: #6C6C6C;
    background: #f7f7f7;
    margin-top: 5px;
    position: relative;
}
.payment_project_details_mian_detail:last-child{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.payment_project_details_mian_top{
    background: #edf1f8;
    color: #000000;
    padding-bottom: 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.payment_project_details_mian{
    padding: 0 22px 30px 22px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payment_project_details_mian_right{
    width: 35%;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 10px;
}
.sb_payment_total_top_subtotal p span{
    color: #767676;
}
.payment_project_details_mian_right .sb_payment_total_top_voucehr_code{
    border-bottom: 0px !important;
}
.payment_project_details_mian_right .sb_payment_total_top_voucehr_code,
.payment_project_details_mian_right .sb_payment_total_top_subtotal{
    border-bottom: 1px dashed #E9E9E9;
    padding: 19px 10px;
}
.payment_project_details_mian_left{
    width: 62%;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
}
.payment_project_details_mian_detail,.payment_project_details_mian_top{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sb_width_40{
    width: 40%;
}
.sb_width_20{
    width: 20%;
}
.payment_project_side_icon{
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    transform: rotate(135deg);
    margin-left: 10px;
}
.sb_width_40 p{
    justify-content: inherit;
}
.sb_11px_ptb{
    padding-top: 11px;
    padding-bottom: 11px;
}
.sb_40px_pl{
    padding-left: 40px;
}
.sb_40px_pr{
    padding-right: 40px;
}
.sb_active_pro_sidebar{
    background: linear-gradient(to left, #2062ac, #3495b5);
    color: white;
}
.sb_active_pro_sidebar .payment_project_side_icon{
    transform: rotate(45deg);
    border-color: white;
    margin-left: 5px;
}
.sb_font_12px{
    font-size: 12px;
}
.sb_sdbr_name{
    color: #6c6c6c;
    width: 50% !important;
}
.sb_sdbr_type{
    width: 25%;
}
.sb_sdbr_price{
    color: #6C6C6C;
    justify-content: end !important;
    width: 25%;
}
.sb_payment_pro_det_sidebar_parent{
    background: white;
    position: absolute;
    padding: 20px;
    right: 0;
    top: 0;
    max-width: 600px;
    width: 100%;
    box-shadow: 18px 10px 15px 0 #edf0f5;
    z-index: 99;
}
.sb_payment_pro_det_sidebar_parent ul{
    padding: 0;
    margin-bottom: 0;
}
.sb_payment_pro_det_sidebar_parent ul label{
    padding: 10px 0;
}
.sb_sdbr_name,.sb_payment_pro_det_sidebar_parent ul label{
    display: flex;
    align-items: center;
}
.sb_sdbr_circle{
    display: block;
    width: 5px;
    height: 5px;
    border: 1px solid #2960b0;
    border-radius: 100%;
    margin-right: 10px;
}
.sb_main_pro_sidebar{
    cursor: pointer;
}
.sb_active_pro_sidebar .sb_payment_pro_det_sidebar_parent{
    display: block !important;
}
.payment_project_details_mian_top .sb_width_20{
    padding-left: 25px;
}
/* Cart page 2 end*/
/* Cart page 3 start*/
.sb_payment_complete_client{
    background: white;
    border-radius: 10px;
    padding: 10px;
    width: 30%;
}
.sb_payment_invoice_total_bottom{
    background: #EDF1F8;
    padding: 20px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
}
.sb_payment_complete_client_top{
    background: #EDF1F8;
    padding: 20px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}
.sb_payment_complete_client_top p{
    color: #222222;
    font-size: 16px;
}
.sb_payment_complete_client_content p{
    font-size: 12px;
    margin-bottom: 12px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sb_payment_complete_client_content p .span1{
    color: #636363;
}
.sb_payment_complete_main .sb_payment_complete_client_top{
    margin-bottom: 20px;
}
.sb_payment_complete_added{
    width:67%;
    background: url("../images/payment_complete.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 41.5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.sb_payment_complete_main{
    margin: 30px 0;
}
.sb_payment_complete_added_inner1{
    padding: 25px 30px;
    background: #4988bf;
    border-radius: 10px;
    margin-bottom: 15px;
}
.sb_payment_complete_added_inner_title{
    font-size: 20px;
    color: #FAF5F4;
    margin-bottom: 10px;
}
.sb_payment_complete_added_inner_des{
    font-size: 12px;
    color: #FAF5F4;
}
.sb_payment_invoice_main{
    display: flex;
    justify-content: space-between;
}
.sb_payment_invoice_details{
    width: 73%;
    padding: 20px;
    background: white;
    border-radius: 10px;
}
.sb_payment_invoice_details_title{
    font-size: 16px;
    color: #222222;
    margin-bottom: 15px;
}
.sb_payment_invoice_box{
    border: 1px solid #edf1f8;
    border-radius: 5px;
    margin-bottom: 10px;
}
.sb_payment_invoice_box_top{
    background: #EDF1F8;
    padding: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sb_payment_invoice_box_top p{
    color: #222222;
    font-size: 14px;
}
.sb_payment_invoice_box_bottom{
    padding: 25px 20px;
}
.sb_payment_invoice_box_bottom ul{
    padding-left: 0;
    margin-bottom: 0;
}
.sb_payment_invoice_box_bottom li:not(:first-child){
    margin-top: 25px;
}
.sb_payment_invoice_box_bottom li{
    flex-wrap: wrap;
}
.sb_payment_invoice_box_bottom li p .sb_sdbr_circle{
    margin-right: 20px;
}
.sb_payment_invoice_box_bottom li p .sb_sdbr_type{
    width: auto !important;
    padding-left: 30px;
}
.sb_payment_invoice_box_bottom li.invoice_column_3 p{
    width: 33%;
}
.sb_payment_invoice_box_bottom li.invoice_column_2 p{
    width: 50%;
}
.sb_payment_invoice_box_bottom li.invoice_column_2 p:nth-child(3n),.sb_payment_invoice_box_bottom li.invoice_column_3 p:nth-child(4n){
    margin-top: 25px;
}
.sb_payment_invoice_box_bottom li p{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.sb_payment_invoice_box_bottom li,.sb_payment_invoice_box_bottom li .sb_ivoice_p_t{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sb_payment_invoice_total{
    padding: 10px;
    width: 25%;
    background: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.sb_payment_invoice_total_bottom p{
    color: #636363;
}
.sb_font_14px{
    font-size: 14px;
}
.sb_payment_complete_client_center p.sb_font_14px{
    color: #6C6C6C !important;
}
.sb_payment_complete_client_center .sb_font_14px{
    color: #222222;
}
.sb_payment_complete_client_center_t{
    margin: 10px 0;
    font-size: 25px;
}
.sb_payment_complete_client_center{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 40px 0;
}
.sb_payment_complete_client_center button{
    color: #FAF5F4 !important;
    width: 180px;
    height: 40px;
    background: linear-gradient(to right, #2062ac, #3495b5);
    border: 0px;
    margin-top: 10px;
    border-radius: 5px;
}
/* Cart page 3 end*/
/* .add_projects_inner,.add_projects_img,.close_menu{
    height: 100%;
} */
@media only screen and (min-width: 1605px){
    
    .wrapper_sidebar{
        padding: 25px 0;
    }

    .wrapper_projects_inner {
        justify-content: space-between;
    }
    
}
@media only screen and (max-width: 1604px){
    .open_sidebar .wrapper_sidebar_main{
        width: 100px;
    }
    .wrapper_projects_inner{
        justify-content: space-between;
    }
    .wrapper_sidebar_main{
        position: absolute;
        width: 270px;
        box-shadow: 5px 0px 15px #edf0f5;
        padding: 0 0 10px 0;
        z-index: 1;
    }
    
    .wrapper_sidebar{
        padding: 25px 0;
    }
    body{
        background: #edf0f5;
    }
    /* .monthly_offer_main,.meeting_details_main{
        max-width: 40%;
        width: 100%;
    } */
    .add_projects_main{
        max-width: 300px;
        width: 100%;
    }

}
@media only screen and (min-width: 1201px) and (max-width: 1604px){
    .wrapper_sidebar{
        padding-top: 15px;
    }
    .open_sidebar .wrapper_sidebar_main{
        max-width: 100px;
        width: 100%;
    }
    .add_projects_img .open_menu,
    .open_sidebar .add_projects_img .open_menu{
        display: none !important;
    }
    .open_sidebar .add_projects_img .close_menu,
    .add_projects_img .close_menu{
        display: block !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .add_project_input_group{
        max-width: 48%;
    }
    .wrapper_single_details_main{
        max-width: 32% !important;
        width: 100%;
        margin-right: 0;
    }
    .wrapper_single_details_main_col{
        justify-content: space-between;
    }
    .wrapper_content_counts_details{
        padding-left: 10px;
    }
    .count_col_4, .count_col_3, .count_col_2, .count_col_1{
        padding: 0 10px;
    }
    .count_title {
        font-size: 25px;
    }
    .count_content{
        font-size: 14px;
    }
    .count_desc{
        font-size: 11px;
    }
    .wrapper_content_counts_img{
        padding: 20px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 991px){
    .sb_payment_Details_inner{
        display:block;
    }
    .sb_payment_voucher_form{
        padding-top: 1px;
    }
    .sb_payment_Details_voucher,.sb_payment_Details_voucher_right{
        width:100%;
        margin-bottom: 20px;
    }
    .add_project_input_group{
        max-width: 48%;
    }
    .add_project_input_group_half{
        width: 100% !important;
        margin-bottom: 20px;
    }
    .wrapper_add_project_code,.add_project_voucher p{
        font-size: 25px;
    }
    .add_project_input_group_last{
        display: block;
    }
    .wrapper_content_counts_details{
        padding-left: 10px;
    }
    .count_col_4, .count_col_3, .count_col_2, .count_col_1{
        padding: 0 10px;
        margin-bottom: 10px;
    }
    .count_title {
        font-size: 25px;
    }
    .count_content{
        font-size: 14px;
    }
    .count_desc{
        font-size: 11px;
    }
    .wrapper_content_counts_img{
        padding: 20px;
    }
    .add_projects_img .open_menu{
        display: block !important;
        height: 100%;
    }
    .add_projects_img .close_menu{
        display: none !important;
    }
    .project_details_table table th, .project_details_table table td{
        padding-left: 10px;
    }
}

/* Audit Page Style */
.audit-main{
    max-width: 300px;
    background: linear-gradient(135deg,#fff,#fff);
    border-radius: 10px;
}
.audit-main-active a,.audit-main-active span{
    color: #fff !important;
}
.audit-main-active{
    background: linear-gradient(135deg,#2062ab,#338eae) !important;
}
.audit-main a{
    color: #000;
}
.innerDetail{
    display: flex;height: 100px;column-gap: 15px;align-items: center;
}
.auditImg{
    max-width: 80px;
    max-height: 80px;
}
.auditDetailImg{
    max-width: 70px;
    max-height: 70px;
}
.audit-pagination{
    max-width: 200px;gap:12px;
}
.hr-audit{
    width: 45px;
    height: 2px !important;
    color: #1A55AA;
}
.nav-link{
    color: #8d8c8c !important;
}
.nav-link.active{
    border: unset !important;
    color: #000000 !important;
}

/*  */
.seo-summery ul{
    line-height: 3;
    font-size: 14px;
    font-family: 'montserrat-regular';
}
/* Document Page Style */
.qucik-access{
    max-width:290px;
    background: white;
    border-radius: 5px;
    color:#8E8E8E;
}
.qucik-access p{
    background: linear-gradient(135deg,#2062ab,#338eae) !important;
    border-radius: 5px;
    height: 50px;
    color: white;
    display: flex;
    align-items: center;
    font-family:"montserrat-regular" !important;
}
.qucik-access input[type="radio"] {
    color: #1A55AA;
    border-color: #1A55AA;
    font-size: 12px;
    margin-top: 7px;
}
.qucik-access label{
    font-size: 13px;
}
.inner{
    background: white;
    border-radius: 10px;
    position: relative;
}


/* Invoices Page */

.invoice-list{
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    height: 136px;
    justify-content: space-between;
}
.invoice-list-item{
    height:100%;
}
.invoice-list-item:first-of-type{
    max-width: 150px;
    background: linear-gradient(135deg,#1a55aa,#2672ae) !important;
    border-radius: 10px 0px 0px 10px;
}
.invoice-list-item:not(:first-of-type){
    min-width: 250px;
    font-size: 14px !important;
    flex-basis: 20%;
}
.dot {
    height: 10px;
    width: 10px;
    background-color: #FCD34B;
    border-radius: 50%;
    display: inline-block;
}
.count_invoice{
    font-size: 60px !important;
}
.month{
    width: 136px;
    border: 1px solid #afdbf1;
    border-radius: 40px;
    height: 40px;
    background: #fff;
    padding: 10px;
    text-align: center;
}