/* Font --- */
@import url("https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');
/* --- Font */

/* Reset css --- */
/* body,html{overflow-x: hidden;} */
* {
    padding: 0px;
    margin: 0px;
    outline: none;
}
*:focus {
    outline: 0;
}
html,
body {
    /* font-size: 14px;  */
    font-size: 15px;
    font-family: "Muli", sans-serif !important;
    /* overflow-x:hidden; */
}
body {
    margin: 0;
    padding: 0;
    /* font-size:14px;  */
    font-size: 15px;
    color: #222;
    font-family: "Muli", sans-serif;
    overflow-x: hidden;
}
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
:focus {
    outline: 0;
}
a,
a:link {
    text-decoration: none;
    outline: none;
}
p {
    padding: 2px 0;
    margin: 0;
}
.clear {
    clear: both;
}
a {
    color: #337ab8;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #0c528f;
}
a:focus {
    outline: none !important;
}
:hover {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
h1,
h1 a,
h2,
h2 a,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: "Muli", sans-serif;
}
input,
select {
    font-family: "Muli", sans-serif;
}
img {
    border: 0;
    max-width: 100%;
    height: auto;
}
::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(34, 34, 34, 0.3);
}
:-moz-placeholder {
    opacity: 1;
    color: rgba(34, 34, 34, 0.3);
}
::-moz-placeholder {
    opacity: 1;
    color: rgba(34, 34, 34, 0.3);
}
:-ms-input-placeholder {
    opacity: 1;
    color: rgba(34, 34, 34, 0.3);
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: none;
}
button:focus {
    outline: none;
}
.disabled {
    opacity: 0.5;
}
button:disabled {
    opacity: 0.5;
}
.disabled_section {
    opacity: 0.5;
    pointer-events: none;
}
.pointer_none {
    pointer-events: none;
}
.btn_appearance_none {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    cursor: pointer;
    border: 0px none;
    background: none;
    text-align: center;
}
/* -----  */
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}
/* ----- */

/* --- Reset css */
/* ===== common css start ===== */
.bold_text {
    font-weight: bold;
}
.padding-top-10 {
    padding-top: 10px;
}
.margin_top_botm_10 {
    margin: 10px 0px;
}
.margin_top_botm_20 {
    margin: 20px 0px;
}
.margin_bottom_0 {
    margin-bottom: 0px !important;
}
.margin_top_0 {
    margin-top: 0px !important;
}
.margin_bottom10 {
    margin-bottom: 10px;
}
.margin_bottom20 {
    margin-bottom: 20px;
}
.margin_bottom25 {
    margin-bottom: 25px;
}
.margin_bottom30 {
    margin-bottom: 30px;
}
.margin_bottom40 {
    margin-bottom: 40px;
}
.margin_bottom50 {
    margin-bottom: 50px;
}
.cutom_container {
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.panel50 {
    width: 50%;
    float: left;
    position: relative;
}
.panel60 {
    width: 60%;
    float: left;
    position: relative;
}
.panel40 {
    width: 40%;
    float: left;
    position: relative;
}
.panel30 {
    width: 30%;
    float: left;
    position: relative;
}
.panel70 {
    width: 70%;
    float: left;
    position: relative;
}
.panel100 {
    width: 100%;
    position: relative;
}
.clearboth {
    clear: both;
}
.paddingleftright15 {
    padding: 0 15px;
}
.paddingright15 {
    padding-right: 15px;
}
.paddingleft15 {
    padding-left: 15px;
}
.mar_left-5 {
    margin-left: -5px;
}
.min_height_850 {
    min-height: 850px;
}
.min_height_600 {
    min-height: 600px;
}
.min_height_700 {
    min-height: 700px;
}
.height_1000 {
    height: 1000px;
}
.height_900 {
    height: 900px;
}
.height_800 {
    height: 800px;
}
.height_750 {
    height: 750px;
}
.height_700 {
    height: 700px;
}
.height_600 {
    height: 600px;
}
.height_500 {
    height: 500px;
}
.height_550 {
    height: 550px;
}
.max_height_550 {
    min-height: auto;
    max-height: 550px;
}
.height_500 {
    height: 500px;
}
.height_450 {
    height: 450px;
}
.max_height_450 {
    max-height: 450px;
}
.height_400 {
    height: 400px;
}

.textfild {
    margin: 0;
    padding: 15px;
    border: 1px solid rgba(34, 34, 34, 0.1);
    height: 50px;
    width: 100%;
    border-radius: 8px;
}
.textfild + label {
    display: block;
    /* position: relative; */
    white-space: nowrap;
    padding: 0;
    margin: 0;
    width: 10%;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    height: 0px;
}
.textfild:focus + label > span {
    top: -41px;
    /* font-size:14px; */
    font-size: 15px;
    z-index: 1;
}
.textfild + label > span {
    font-weight: 300;
    margin: 0;
    position: absolute;
    color: rgba(34, 34, 34, 0.4);
    /* font-size:14px; */
    font-size: 15px;
    top: 0;
    /* bottom: 0; */
    left: 0;
    /*z-index:1;*/
    z-index: -1;
    -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    display: block;
    width: 100%;
    padding: 15px 30px;
}
.custom_select_bg select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    box-shadow: none;
    background: url("../images/black-arrow.png");
    background-position: right 10px center;
    background-repeat: no-repeat;

    border-radius: 8px;

    outline: 0;
    font-size: 15px;
    color: #222222;
    border: 1px solid rgba(34, 34, 34, 0.4);
    margin: 0;
    padding: 5px 15px;
    height: 50px;
    width: 100%;
    transition: border-color 0.2s;
}
/* custom scrollbar */
.custom_scroll_480 {
    height: 480px;
}
.disabled {
    opacity: 0.5;
}

.green_text {
    color: #97b860;
}
.gray_text {
    color: rgba(34, 34, 34, 0.4);
}
.not_clickable {
    pointer-events: none;
}

/* == button style start == */
/* -- Green Border button start -- */

.green_border_btn {
    color: #222222;
    text-decoration: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    border: 2px solid #97b860;
    padding: 5px 15px;
    border-radius: 5px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.green_border_btn:hover,
.green_border_btn:focus,
.green_border_btn:active {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* -- Green Border button end -- */
/* == button style start == */

/* ===== common css end ===== */

/* ==== Sign up & Login related screen start ==== */
/* sign up page start */
.signup_area {
    margin: 0;
    padding: 0;
    height: 100vh;
}
.signup_bg {
    margin: 0;
    padding: 35px 50px;
    /* background: url('../images/signup_bg.svg') no-repeat; */
    background-image: url("../images/signup_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    min-height: 670px;
}
.signup_bg a {
    display: block;
}
.signup_bg a img {
    width: 200px;
}
.signup_form_area {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;
    width: 70%;
    min-height: 670px;
}
.signup_form_box {
    /* background:#8bd6d6; */
    /* padding: 20px 0; */
    width: 100%;
}
.sign_up_top {
    padding: 15px 0 25px;
    text-align: center;
}
.signup_form_area h1 {
    margin: 0 0 12px 0;
    padding: 0;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: 700;
    color: #222;
}
.subheading {
    margin: 0;
    padding: 0 10px;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: 400;
    color: rgba(34, 34, 34, 0.5);
}
.form_area {
    margin: 0;
    padding: 15px 0 15px 0;
    width: 100%;
}
.form_block {
    /* margin-bottom:38px; */
    margin-bottom: 30px;
}
/* ---   signup / reg page structure ---  */

.tooltip_input_bg {
    position: relative;
}
.input_tooltip_bg {
    position: absolute;
    right: 20px;
    top: 25px;
    margin-top: -20px;
    z-index: 10;
    background: #fff;
    padding: 10px 6px;
}
.input_tooltip_bg i {
    color: #97b860;
    font-size: 18px;
}
.button_ip_panel {
    margin: 0px auto;
    text-align: center;
}
.sub_grd_btn {
    font-family: "Muli", sans-serif;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    min-width: 150px;
    line-height: 1;
    /* padding: 16px 16px 14px; */
    padding: 14px 16px 14px;
    border-radius: 4px;
    border: 0px none;
    /*border: 1px solid #F39C12;*/
    /*background: #F39C12;*/

    position: relative;
    cursor: pointer;

    background: #fbc93a;
    background: -moz-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: -webkit-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: linear-gradient(to bottom, #fbc93a 0%, #feb15f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc93a', endColorstr='#feb15f',GradientType=0 );

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.sub_grd_btn span {
    position: relative;
    z-index: 1;
}
.sub_grd_btn:hover {
    color: #fff;
}
/*
.sub_grd_btn:hover, .sub_grd_btn:focus, .sub_grd_btn:active {
	border: 0px none;
	
	background: #97b860; 
	background: -moz-linear-gradient(top, #97b860 0%, #97b860 100%);
	background: -webkit-linear-gradient(top, #97b860 0%,#97b860 100%); 
	background: linear-gradient(to bottom, #97b860 0%,#97b860 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b860', endColorstr='#97b860',GradientType=0 ); 
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
*/
.sub_grd_btn:after {
    content: "";
    position: absolute;
    border-radius: 4px;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    background: #97b860;
    background: -moz-linear-gradient(top, #97b860 0%, #97b860 100%);
    background: -webkit-linear-gradient(top, #97b860 0%, #97b860 100%);
    background: linear-gradient(to bottom, #97b860 0%, #97b860 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b860', endColorstr='#97b860',GradientType=0 );

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    opacity: 0;
}

.sub_grd_btn:hover:after {
    opacity: 1;
}

.login_page_bottom {
    margin-top: 80px;
}
.log_bottm_sec {
    text-align: center;
}
.log_bottm_sec p {
    display: inline-block;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: 400;
    color: #222222;
    padding: 10px 17px 10px 5px;
}
.log_bottom_btn {
    display: inline-block;
}
/* .log_bottm_sec a.log_page_btn {

  -webkit-appearance: none; 
  -moz-appearance: none; 
  -ms-appearance: none;
   appearance: none; 

	display: block;
	color: #222222;
	border: 1px solid #222222;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	min-width: 130px;
	padding: 6px 20px;
	border-radius: 4px;
	
	transition: all .3s ease-out .3s;
} */
.log_bottm_sec button.log_page_btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    position: relative;

    cursor: pointer;
    display: block;
    color: #222222;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    /* min-width: 130px; */
    padding: 1px 1px;
    border-radius: 6px;
    border: 1px solid transparent;

    background: #fbc93a;
    background: -moz-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: -webkit-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: linear-gradient(to bottom, #fbc93a 0%, #feb15f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc93a', endColorstr='#feb15f',GradientType=0 );

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.log_bottm_sec button.log_page_btn span {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #222222;

    display: block;
    min-width: 130px;
    padding: 6px 20px;
    border-radius: 4px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.log_bottm_sec button.log_page_btn:hover span,
.log_bottm_sec button.log_page_btn:focus span,
.log_bottm_secbutton.log_page_btn:active span {
    background: #97b860;
    color: #fff;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.log_bottm_sec button.log_page_btn:hover,
.log_bottm_sec button.log_page_btn:focus,
.log_bottm_secbutton.log_page_btn:active {
    border: 1px solid #97b860;
    background: #97b860;
    color: #fff;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sub_grd_btn.red_btn {
    background-color: #E30A0A;
    padding: 14px 16px 14px;
}

/* ===  new input style start === */
/* screen 2 form style */
.form__group_normar {
    position: relative;
}
.form__group_normar .form__label {
    z-index: 1;
    position: relative;
    top: 0;
    opacity: 1;
}
/* screen 2 form style */
.form__group {
    position: relative;
    padding: 0 0 0 0;
    margin-top: 0px;
    width: 100%;
    word-wrap: break-word;
}
.form__field {
    outline: 0;
    /* font-size: 14px; */
    font-size: 15px;
    color: #222222;
    background: transparent;
    margin: 0;
    /* padding: 15px; */
    padding: 0px 15px;
    height: 50px;
    width: 100%;
    border-radius: 8px;
    /* border: 1px solid rgba(34,34,34,0.1); */
    border: 1px solid rgba(34, 34, 34, 0.4);
    transition: border-color 0.2s;
}
.form__field:focus {
    border: 1px solid rgba(139, 224, 0, 0.8);
}
.form__field::placeholder {
    color: rgba(34, 34, 34, 0.4);
}
.form__label {
    position: absolute;
    top: -25px;
    display: block;
    transition: 0.2s;
    /* font-size: 14px; */
    font-size: 14px;
    color: rgba(34, 34, 34, 0.4);
    padding: 0 10px 0 15px;
    z-index: -1;
    /* opacity: 1; */
    opacity: 0;
}

.form__field:placeholder-shown ~ .form__label {
    /* font-size: 14px; */
    font-size: 15px;
    cursor: text;
    top: 15px;
    padding: 0px 15px;
    opacity: 0;
}
.form__group hr {
    /* padding: 10px 0; */
    margin: 15px 0px;
}
/*  --- placeholder test --- */
/*

.form__field input:invalid:not(:focus)::-webkit-input-placeholder ~ .form__label ,
.has-float-label select:invalid:not(:focus)::-webkit-input-placeholder,
.has-float-label textarea:invalid:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}

.form__field input:invalid:not(:focus)::-moz-placeholder ~ .form__label ,
.has-float-label select:invalid:not(:focus)::-moz-placeholder,
.has-float-label textarea:invalid:not(:focus)::-moz-placeholder {
  opacity: 0;
}

.form__field input:invalid:not(:focus):-ms-input-placeholder ~ .form__label ,
.has-float-label select:invalid:not(:focus):-ms-input-placeholder,
.has-float-label textarea:invalid:not(:focus):-ms-input-placeholder {
  opacity: 0;
}

.form__field input:invalid:not(:focus)::placeholder ~ .form__label ,
.has-float-label select:invalid:not(:focus)::placeholder,
.has-float-label textarea:invalid:not(:focus)::placeholder {
  opacity: 0;
}
*/
/*  --- placeholder test --- */

.form__field:focus ~ .form__label {
    position: absolute;
    top: -25px;
    display: block;
    transition: 0.2s;
    /* font-size: 14px; */
    font-size: 15px;
    color: rgba(34, 34, 34, 0.4);
    font-weight: 400;
    opacity: 1;
    z-index: 1;
}
.form__field:required,
.form__field:invalid {
    box-shadow: none;
}

.form_group_error .form__field {
    border: 1px solid red;
}
.error_span {
    color: red;
    font-size: 12px;
    /* padding: 0 5px 0 15px; */
    padding: 0px;
    display: block;
}
.form_block_link {
    margin-top: -20px;
    text-align: right;
    margin-bottom: 26px;
}
.form_block_link a {
    text-align: right;
    color: #97b860;
    line-height: 1.2;
    font-weight: bold;
    transition: all 0.3s ease-out 0.3s;
}
.form_block_link a:hover,
.form_block_link a:focus,
.form_block_link a:active {
    color: #003e8a;
    transition: all 0.3s ease-out 0.3s;
}
.form_block_link.form_block_linkLeft {
    text-align: left;
}

button.resendOtpButnCls {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    background: none;
    border: 0px none;
    cursor: pointer;
    color: #97b860;
    line-height: 1.2;
    font-weight: bold;
    transition: all 0.3s ease-out 0.3s;
}
button.resendOtpButnCls:hover,
button.resendOtpButnCls:focus,
button.resendOtpButnCls:active {
    color: #003e8a;
    transition: all 0.3s ease-out 0.3s;
}
button.resendOtpButnCls:disabled {
    opacity: 0.5;
}
/* -- edit placeholder start -- */
input.form__field:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: 0.2s;
}
input.form__field:focus::-moz-placeholder {
    opacity: 0;
    transition: 0.2s;
}
input.form__field:focus:-ms-input-placeholder {
    opacity: 0;
    transition: 0.2s;
}
input.form__field:focus:focus:-moz-placeholder {
    opacity: 0;
    transition: 0.2s;
}
/* -- edit placeholder end -- */
/* ===  new input style end  === */

/* ===  alert start ===   */

.alert_custom {
    border: 0px none;
    margin-bottom: 0px;
    padding: 20px 50px;
    border-radius: 0px 0px 0px 0px;
}
.alert_custom p {
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    padding: 0px 40px 0px 0px;
}
.alert_custom.alert-dismissible .close {
    background: #fff;
    opacity: 1;
    border-radius: 100px;
    height: 26px;
    width: 26px;
    line-height: 1;
    padding: 0;
    font-size: 20px;
    top: 50%;
    margin-top: -13px;
    right: 45px;
}
.alert_custom.alert-dismissible .close span {
    position: relative;
    top: -2px;
    color: rgba(0, 0, 0, 0.9);
}
.alert_custom.alert-success {
    background: #97b860;
}
.alert_custom.alert-danger {
    background: #e55039;
}
.alert_custom.alert-dismissible.alert-success .close span {
    color: #97b860;
}
.alert_custom.alert-dismissible.alert-danger .close span {
    color: #e55039;
}

.alert-success,
.alert-danger {
    /* display: block; */
    opacity: 1;

    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

/* ===  alert end ===   */
/* === custom checkbox start === */
/* This css is for normalizing styles. You can skip this. */
/* *, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
} */
.formgroup_checkbox {
    display: block;
    margin-bottom: 15px;
    padding-right: 25px;
}
.formgroup_checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.formgroup_checkbox label {
    position: relative;
    cursor: pointer;
    /* font-size: 14px; */
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    min-height: auto;
    height: 20px;
    /* background: #00f;   */
}
.formgroup_checkbox label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #222222;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
    box-shadow: none;
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    top: -3.9px;
    /* top: -1px; */
}
.formgroup_checkbox input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    /* top: 6px; */
    top: 2px;
    left: 6px;
    width: 4px;
    height: 10px;
    border: solid #222222;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.formgroup_checkbox label p {
    position: relative;
    top: -23px;
    left: 26px;
    right: 0;
    width: 100%;
    line-height: 1.3;
}
.formgroup_checkbox label p a {
    color: #97b860 !important;
    font-weight: bold;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.formgroup_checkbox label p a:hover,
.formgroup_checkbox label p a:focus,
.formgroup_checkbox label p a:active {
    color: #003e8a !important;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.formgroup_checkbox.chkbxaggreeercls label:before {
    border: 2px solid red;
}
/* === custom checkbox end === */

/* sign up page end */
/* ==== Sign up & Login related screen end ==== */
/* ==== dashboard area start ==== */
/* -- ******* Blue header start ******* -- */
.header_nav_area {
    margin: 0;
    padding: 0 50px;
    background: #003e8a;
    /* min-height: 200px; */
    /* min-height: 155px; */ /* lp */
    min-height: 165px;
}
.logo_nav_area {
    margin: 0;
    /* padding:35px 0; */
    padding: 25px 0 10px;
}
.nav_block {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.nav_block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    list-style: none;
    flex-direction: row;
}
.nav_block ul li {
    padding: 0 15px;
    display: flex;
    align-items: center;
}
.nav_block ul li a {
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
}

.profile_name {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.nav_block ul li span {
    width: 19px;
    height: 19px;
    /* background: #fff;
  border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0;
    margin-right: 5px;
}

.nav_block ul li span i.fa-play {
    color: #003e8a;
    font-size: 10px;
    position: relative;
    left: 1px;
    top: -1px;
}
.nav_block ul li span i.fa-question {
    color: #003e8a;
    /* font-size: 14px; */
    font-size: 15px;
    position: relative;
}
.nav_block ul li .fa-bell {
    font-size: 30px;
    margin-right: 35px;
}
.com_name {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.5);
    line-height: 18px;
}
.name {
    font-weight: 700;
    line-height: 18px;
    max-width: 280px;
}
.profile_img {
    padding-left: 20px;
}
.profile_img img {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
    object-position: center;
    border: 1px solid #fff;
}
.nav_block ul li a span.comming_soon {
    position: absolute;
    width: 76px;
    height: 15px;
    top: 20px;
    line-height: 1;
    left: auto;
    right: 0;
    text-align: center;
    padding: 2px 2px;
    margin: 3px 0 0 0;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.wrapper.width50 .nav_block ul li a span.comming_soon {
    height: 0px;
    width: 0px;
    font-size: 0px;
    padding: 0px;
    margin: 0px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/* -- logo start -- */
.logo_panel a {
    display: inline-block;
}
.logo_panel img {
    max-width: 190px;
}
/* -- logo end -- */
/* =======   new Bell Icon Notification Start ===== */

.notification_sec_bg button {
    display: inline-block;
    vertical-align: middle;
}
.notification_icon {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.notification_icon.when_notification_show {
    margin-right: 13px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.bell_drop_btn.dropdown-toggle::after {
    display: none;
}
.left_mainHeader_notiTag {
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -10px;
    min-width: 20px;
    padding: 2px 5px;
    border-radius: 50px;

    background: #ff0000;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

/* ======= bell notification section start ====== */

.nav_block ul li.bell_li {
    padding: 0 5px 0 15px;
}
.notification_sec_bg {
    position: relative;
}
.notification_drop_menu {
    background: #fff;
    padding: 0px 0px;
    width: 320px;
    border-radius: 0px;
    transform: translate3d(0px, 0px, 0px) !important;
    right: 0px;
    left: auto !important;
    top: 38px !important;
}
.notifi_drop_header {
    padding: 10px 10px;
    border-bottom: 1px solid #d2d2d2;
}
.notiDrop_head_btn {
    text-align: right;
}
.notifi_li_box {
    position: relative;
}
.notifi_li_box.notifi_unread {
    background: #e3e9f0;
}

.notifi_close {
    position: absolute;
    top: 10px;
    right: 7px;
}
.notifi_close button {
    display: block;
}
.notifi_close button img {
    vertical-align: top;
    height: 16px;
    width: 16px;
}
.notifi_drop_body ul li .notifi_close button span {
    width: 16px;
    height: 16px;
    background: none;
    border-radius: 50%;
    display: block;
    margin-right: 0;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    position: relative;
    top: 1px;
}
.notifi_drop_body ul {
    display: inline-block;
    width: 100%;
}
.notifi_drop_body ul li {
    padding: 0px 0px;
    display: block;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
}
.notifi_drop_body ul li:last-child {
    /* border-bottom: 0px none; */
}

.notifi_cont_box {
    padding: 10px 26px 0 0;
}
.notifi_left_icon {
    display: inline-block;
    width: 22px;
    /* vertical-align: top; */
    text-align: center;
}
.notifi_left_icon img {
    vertical-align: top;
}
.notifi_main_text {
    display: inline-block;
    width: 245px;
    vertical-align: top;
    text-align: left;
    padding: 0 5px 0 0;
}
.notifi_main_text p {
    color: #222222;
    padding: 0 0 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
}
.notifi_main_text p.noti_title_text a {
    display: block;
    color: #222222;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
}

.notifi_main_text p.noti_task_text a {
    display: block;
    color: #222222;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;

    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px; */
}
.notifi_bottom_text {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
    color: rgba(34, 34, 34, 0.3);
    padding: 5px 10px 5px 5px;
}

.notifi_drop_footer button {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #97b860;
    background: #003e8a;
    width: 100%;
    padding: 10px 10px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.notifi_drop_footer button:hover,
.notifi_drop_footer button:focus,
.notifi_drop_footer button:active {
    color: #fff;
}
/* ==== notification section end ====  */
/* =======   new Bell Icon Notification end ===== */

/* -- CC-LP - User Navigation start -- */
.nav_block ul li span.left_mainHeader_onlyIcon {
    background: none;
}
.nav_block ul li.user_li {
    padding: 0 0;
}
.nav_block ul li.user_li .profile_img {
    padding-left: 0;
}
.user_drop_menu {
    /* max-width: 170px; */
    max-width: 208px;
    min-height: 170px;
    padding: 12px 10px;
    background: #f4f6f9;

    top: 50px !important;
    left: auto !important;
    right: 0px;

    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    /* -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; */

    transform: translate3d(0, 0, 0) !important;
}
.user_drop_btn {
    padding: 0 0;
}
.user_drop_btn:hover,
.user_drop_btn:focus,
.user_drop_btn:active {
    background: none !important;
    border: 0px none !important;
    box-shadow: none !important;
}
.user_drop_menu ul {
    display: block;
}
.user_drop_menu ul li {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0 0 10px 0;
}
.user_drop_menu ul li:last-child {
    margin: 0 0 0 0;
}
.user_drop_menu ul li a {
    color: #222222;
    font-size: 14px;
    font-weight: 400;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.user_drop_menu ul li a:hover,
.user_drop_menu ul li a:focus,
.user_drop_menu ul li a:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.user_drop_menu ul li a span.comming_soon {
    width: 50px;
    font-size: 9px;
    line-height: 0.85;
    padding: 12px 0;
    top: -5px;
    right: -2px;
}
/* -- CC-LP - User Navigation end -- */

/* ===  CC tab block link start === */
/* -- header tab section old -- start -- */
/* 
.fade.in{
  opacity: 1;
}

.tabs_block{
  position: relative;
  padding: 0;
  margin: 0;
  padding: 10px 0 25px 0;

}
.tabs_block .nav li a{
  font-size: 18px;
  font-weight: 700;
  color: rgba(255,255,255,0.3);
  padding-right:50px;
}
.tabs_block .nav li a.whitetxt{
  color:#fff;
}
.tabs_block .nav a.active {
  color: #fff;
} */

/* -- header tab section old -- end -- */
/* -- header tab section new -- start -- */
.fade.in {
    opacity: 1;
}
.tabs_block {
    position: relative;
    padding: 0;
    margin: 0;
    /* padding: 10px 0 25px 0; */ /* cc -old */
    padding: 10px 0 15px 0;
}
.tabs_block > .nav > li {
    position: relative;
    margin: 5px 25px 5px 0;
}
.tabs_block > .nav > li > a {
    /* font-size: 16px; */
    font-size: 18px;
    font-weight: normal;
    /* font-weight: 700; */ /* cc -old */
    color: rgba(255, 255, 255, 0.5);
    /* padding-right:25px; */
    /* padding-right:50px; */ /* cc -old */

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.tabs_block > .nav > li > a:hover,
.tabs_block > .nav > li > a:focus,
.tabs_block > .nav > li > a:active {
    color: #fff;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.tabs_block > .nav > li > a.whitetxt {
    color: #fff;
    /* font-weight: bold; */
}
.tabs_block > .nav > li > a.active {
    color: #fff;
    /* font-weight: bold; */
}
.tabs_block > .nav > li > a > span.comming_soon {
    position: absolute;
    width: 76px;
    top: 20px;
    line-height: 1;
    left: 0;
    text-align: center;
    padding: 2px 3px;
}
/* -- header tab section new -- end -- */
/* ===  CC tab block link end === */

/* -- New dual Header adjust for Task Creaction & invoice paymen start -- */
.header_nav_area.header_nav_area_newadjust {
    min-height:  auto;
}
.header_nav_area.header_nav_area_newadjust .tabs_block {
    padding: 0 0 0 0;
}
/* -- New dual Header adjust for Task Creaction & invoice paymen end -- */

/* -- ******* Blue header end ******* -- */

/* -- Dashboard page css start -- */
.dashboard_block {
    margin: 0;
    padding: 0;
}
.notification_area {
    margin: 0;
    padding: 0;
    height: 400px;
    /* overflow: auto; */
    overflow-y: auto;
}
.notification_block {
    background: #f9fdf2;
    border: 1px solid #97b860;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 8px;
    position: relative;
    padding-right: 40px;

    margin-right: 20px;
}
.notification_block a {
    font-weight: 700;
    text-decoration: underline;
    color: #97b860;
}
.blackcross {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 2px;
}
.notification_area .mCSB_scrollTools .mCSB_draggerRail {
    width: 10px;
    background-color: #ebebeb;
}
.notification_area .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #8d8d8d;
}
.notification_area .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background-color: #8d8d8d;
}
.notification_area .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #8d8d8d;
}
.notification_area .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.notification_area .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #8d8d8d;
}
.create_task_area {
    margin: 0;
    padding: 0;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mesg_txt {
    color: rgba(34, 34, 34, 0.5);
}
.button_area {
    margin-top: 20px;
}
.asstent {
    position: fixed;
    right: 30px;
    bottom: 30px;
}
.sub_grd_btn span {
    /* margin-right: 5px; */
    margin-right: 0px;

    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.create_tsk_btn {
    padding-right: 25px;
    padding: 10px 25px 10px 16px;
}
.create_tsk_btn span {
    vertical-align: middle;
}
.feedback {
    position: fixed;
    left: 0;
    bottom: 30px;
}
/* -- Dashboard page css end -- */
/* ==== dashboard area end ==== */

/* =====   dashboard modal design start ==== */

.modal {
    background: rgba(0, 0, 0, 0.75);
}
.modal-lg.custom_modal_lg {
    max-width: 540px;
}
.custom_modal_lg .modal-content {
    border-radius: 0px 0px 0px 0px;
    border: 0px none;
}
.modal-header {
    background: #003e8a;
    color: #fff;
    padding: 1rem;
    border-bottom: 1px solid #003e8a;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    position: relative;
}
.modal-header h4 {
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
}
.modal_title_tool {
    position: relative;
    display: inline-block;
    padding: 0 35px 0 0;
}
.modal_title_tool > .input_tooltip_bg {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -14px;
    font-size: 15px;
    z-index: 10;
    background: none;
    padding: 4px 6px;
}
.modal_close {
    background: #fff;
    background-color: #fff !important;
    color: #003e8a;
    height: 23px !important;
    width: 23px !important;
    padding: 0px 0px 0px 0px !important;
    border-radius: 100px;

    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    vertical-align: text-top;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;

    position: absolute;
    right: 30px !important;
    /* top: 25px !important; */
    top: 50% !important;
    margin-top: -12px !important;

    /* 17.02.2020 */
    padding-bottom: 2px !important;
    padding-left: 1px !important;
}
.custom_modal_lg .modal-body {
    padding: 15px 30px;
}
.custom_modal_lg .modal-body .col-xs-12 {
    /* padding-right: 10px;
    padding-left: 10px; */
}
.modal_input {
    /* margin: 20px 0 0px 0px; */
    margin: 5px 0 0px 0px;
}

.modal_add_userbg .modal_input {
    /* margin:0 0 40px 0px; */
    margin: 20px 0 20px 0px;
}
.modal_add_userbg .col-md-6:nth-child(3) .modal_input,
.modal_add_userbg .col-md-6:nth-child(4) .modal_input {
    margin-bottom: 0;
}
.modal_input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
    padding: 5px 5px 5px 10px;
    color: #222222;
    /* border: 1px solid rgba(34,34,34,0.1); */
    border: 1px solid rgba(34, 34, 34, 0.4);
    border-radius: 5px;
    width: 100%;
    height: 50px;
}
.modal_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #fff url(../images/black-arrow.png) no-repeat right 5px top 20px;
    position: relative;
    /* padding: 5px 5px 5px 10px; */
    padding: 5px 20px 5px 10px;
    /* color: #cccccc; */
    color: #222222;
    /* border: 1px solid #DADADA; */
    /* border: 1px solid rgba(34,34,34,0.1); */
    border: 1px solid rgba(34, 34, 34, 0.4);
    border-radius: 5px;
    width: 100%;
    height: 50px;
}
.modal_select select:focus {
    border: 1px solid rgba(139, 224, 0, 0.8);
}
.modal_select option:first-child {
    /* opacity: 0.4;
    color: red; */
}
.modal_select option selected disabled {
    /* color: red; */
}
.custom_modal_lg .modal-footer {
    text-align: right;
    border-top: 0px none;
    padding: 20px 25px 20px;
}
.custom_modal_lg .modal-footer a {
    display: inline-block;
    color: #222222;
    padding: 5px 25px;
    text-decoration: none;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.custom_modal_lg .modal-footer a:hover,
.custom_modal_lg .modal-footer a:focus,
.custom_modal_lg .modal-footer a:active {
    color: #003e8a;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.custom_modal_lg .modal-footer button.modal_btn_save {
    font-family: "Muli", sans-serif;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    min-width: 150px;
    /* padding: 10px 16px; */
    padding: 12px 16px;
    border-radius: 4px;
    border: 0px none;
    position: relative;

    background: #fbc93a;
    background: -moz-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: -webkit-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: linear-gradient(to bottom, #fbc93a 0%, #feb15f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc93a', endColorstr='#feb15f',GradientType=0 );

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.custom_modal_lg .modal-footer button.modal_btn_save span {
    position: relative;
    z-index: 1;
}
.custom_modal_lg .modal-footer button.modal_btn_save:after {
    content: "";
    position: absolute;
    border-radius: 4px;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    background: #97b860;
    background: -moz-linear-gradient(top, #97b860 0%, #97b860 100%);
    background: -webkit-linear-gradient(top, #97b860 0%, #97b860 100%);
    background: linear-gradient(to bottom, #97b860 0%, #97b860 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b860', endColorstr='#97b860',GradientType=0 );

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    opacity: 0;
}
.custom_modal_lg .modal-footer button.modal_btn_save:hover:after {
    opacity: 1;
}
.custom_modal_lg .modal-footer button.modal_btn_save.maxWid100 {
    min-width: 100px;
}
/* -- Modal placeholder -- */
.modal_input input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #222222;
    opacity: 0.4;
}
.modal_input input::-moz-placeholder {
    /* Firefox 19+ */
    color: #222222;
    opacity: 0.4;
}
.modal_input input:-ms-input-placeholder {
    /* IE 10+ */
    color: #222222;
    opacity: 0.4;
}
.modal_input input:-moz-placeholder {
    /* Firefox 18- */
    color: #222222;
    opacity: 0.4;
}
/* -- Modal placeholder -- */
.modal_body_addremove {
    max-height: 500px;
    /* overflow: hidden; */
    /* overflow-x: auto; */
    /* overflow-y: scroll; */
    margin: 0 -10px 0 0;
    padding: 5px 15px;
    box-sizing: border-box;
}
.modal_p {
    /* font-size: 14px;  */
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 15px;
}
.modal_add_userbg {
    background: #f9f9f9;
    padding: 10px 20px 20px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.modal_add_userbg .form-control {
    background: #f9f9f9;
}
.modal_add_userbg .modal_select select {
    background: #f9f9f9 url(../images/black-arrow.png) no-repeat right 10px top 20px;
}
.row_add_remove {
    padding: 20px 16px 0;
    width: 100%;
}
.modal_input.col_add_remove {
    margin: 0px 0px;
}
.mod_add_rem_btn {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    appearance: none !important;
    cursor: pointer;

    font-family: "Muli", sans-serif;
    /* font-size: 14px;  */
    font-size: 15px;
    font-weight: bold;
    box-shadow: none;
    border: 0px none;
    background: none;
    background-color: transparent;

    padding: 5px 5px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mod_add_rem_btn:hover,
.mod_add_rem_btn:focus,
.mod_add_rem_btn:active {
    color: #000;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mod_add_rem_btn.mod_add_user {
    color: #97b860;
}
.mod_add_rem_btn.mod_rem_user {
    color: #e55039;
}

/* *** scrollbar *** */
.custom_scrollbar_edit > div > div:nth-last-child(1) {
    background-color: rgba(0, 0, 0, 0.1);
}
.modal-body.modal-body-scrollbar {
    padding: 15px 25px;
}
.react_scrollbar_box {
    width: 94%;
    margin: 0px auto;
}
/* *** scrollbar *** */
/* 17.02.2020 */
.orgdetgoogautocomptxtbxcls {
    background: #fff url(../images/black-arrow.png) no-repeat right 10px top 20px;
}
.form_group_error select {
    border: 1px solid red;
}
.form_group_error.modal_input input  {
    border: 1px solid red;
}
.form_group_error input[type=text] {
    /* border: 1px solid red; */
}
/* 17.02.2020 */
.modal-body h4 {
    font-size: 14px;
    /* margin: 0 0 10px; */
    margin: 0 0 5px;
}
.modal-body h5 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
}
.modal-body p {
    font-size: 14px;
}
.modal-body p.popUp_yellow_text {
    font-size: 14px;
    background: #ffedd1;
    padding: 10px 10px;
    margin: 10px 0;
}

.modal-body p.popUp_yellow_text span.singelLine_boldText {
    display: block;
    font-weight: bold;
}

.modal_input textarea {
    outline: 0;
    font-size: 15px;
    color: #222222;
    background: transparent;
    margin: 0;
    padding: 12px 15px 12px;
    min-height: 100px;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(34, 34, 34, 0.3);
    transition: border-color 0.2s;
}
.form_label_modal {
    font-size: 14px;
    color: rgba(34, 34, 34, 0.4);
    display: block;
}
.modalBody_fromPopUp .row {
    margin-bottom: 10px;
}

/* organisation details popup modal start  */
.modal-lg.custom_modal_lg.modal_organisation_lg {
    max-width: 650px;
}
.custom_modal_lg .modal-body.from_modal_bg {
    padding-top: 10px;
}
.from_modal_bg .modal_input {
    margin: 25px 0 0px 0px;
}
.modal_organisation_lg .from_modal_bg .modal_input {
    margin: 30px 0 0px 0px;
}
.modal_organisation_lg .form__field ~ .form__label {
    font-size: 15px;
    cursor: text;
    top: 15px;
    padding: 0px 15px;
    opacity: 0;
}
.from_modal_bg .form__field:focus ~ .form__label {
    top: -25px;
    opacity: 1;
    z-index: 1;
}
/* .modal_organisation_lg input ~ .form__label  {
    top: 10px;
    opacity: 0;
    z-index: 0;
}
.modal_organisation_lg input:focus ~ .form__label {
    top: 0;
    opacity: 1;
    z-index: 1;
} */
.from_modal_bg select ~ .form__label  {
    top: 10px;
    opacity: 0;
    z-index: 0;
}
.from_modal_bg select:focus ~ .form__label {
    top: 0;
    opacity: 1;
    z-index: 1;
}
.modal_organisation_lg .orgdetgoogautocomptxtbxcls {
    background: #fff url(../images/black-arrow.png) no-repeat right 5px top 20px;
    padding: 0 20px 0 10px;
}
/* organisation details popup modal end  */

/*  Modal Invoice breakup / details start   */
.modalBody_invoiceDetails h4 {
    margin: 5px 0px 5px;
}

.custom_modal_lg .modal-body.modalBody_invoiceDetails {
    padding: 20px 30px 5px;
}
.custom_modal_lg .modal-body.modalBody_invoiceDetails .row {
    margin-bottom: 5px;
}
.modal_invoice_breakup_fromBg {
    padding: 0 0 20px 0;
}
.modal_invoice_breakup_fromBg .form__group.field {
    padding: 0 0 10px 0;
}
.modal_invoice_breakup_fromBg .price_input_grup {
    max-width: 100%;
}
.modal_invoice_breakup_fromBg .price_input_grup input {
    width: 100%;
}
.invoiceBrkup_btnBG {
    text-align: right;
}
.modal_payment_splite_box .pay_row {
    padding: 4px 0;
}
.modal_payment_splite_box .pay_row_adjust hr {
    margin: 0 0 5px;
}
.modal_payment_splite_box .pay_row_total .pay_row {
    border-top: 0px none;
}
.modal_payment_splite_box .pay_row_total .pay_row {
    padding: 10px 0 5px;
}

.modalBody_invoiceDetails select option {
    max-width: 100%;
    word-wrap: break-word;
}

/* === HSN code LP singel/multi select react plugin adjustment start === */

.custom_single_select_box {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    /* background: #fff url(../images/black-arrow.png) no-repeat right 5px top 20px; */

    position: relative;
    color: #222222;
    border: 1px solid rgba(34, 34, 34, 0.4);
    border-radius: 5px;
    width: 100%;
    /* height: 50px; */

    padding: 10px 0px 10px 5px;
}
.form_group_error .custom_single_select_box {
    border: 1px solid red;
}
.form_group_error.modal_input .custom_single_select_box input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    border: none;
    background: none;
    box-shadow: none;
}
.custom_single_select_box .chip.false ~ input.searchBox {
    display: none !important;
}

.custom_single_select_box .chip {
    min-width: 35px;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-top;

    background: none !important;
}
.custom_single_select_box ._7ahQImyV4dj0EpcNOjnwA {
    background: none !important;
}

.custom_single_select_box .optionListContainer {
    padding: 0 10px !important;
    margin-top: 12px !important;
}
.custom_single_select_box ul.optionContainer {
    background: #f4f6f9;
}
.custom_single_select_box ul.optionContainer li {
    font-size: 12px;
    padding: 5px 10px;
    background: none !important;
    color: #222222 !important;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.custom_single_select_box ul.optionContainer li:hover,
.custom_single_select_box ul.optionContainer li:focus,
.custom_single_select_box ul.optionContainer li:active {
    color: #003e8a !important;
    background: none !important;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

h5.modal_hsn_h5_smallText {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.5;
    padding: 5px 0 0;
    color: rgba(34,34,34,0.7);

}

/* === HSN code LP singel/multi select react plugin adjustment end === */

/*  Modal Invoice breakup / details end   */

/* =====   dashboard modal design end ==== */

/* **** ======= Sprint 02 Css start ======= **** */
.task_header {
    margin: 0;
    padding: 0;
    min-height: 60px;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    position: relative;

    background: #003e8a;
    color: #fff;
}
.step_block {
    position: absolute;
    right: 50px;
}
.step_block .progress {
    display: inline-block;
    height: 0.7rem;
    width: 100px;
    border-radius: 0;
    margin-left: 10px;
}
.step_block .progress .progress-bar {
    width: 44%;
    display: inline-block;
    height: 1rem;
    background-color: #b1cd8d;
}

.taskstep_back_bg {
    position: absolute;
    left: 50px;
}
.back_img_icon {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.taskstep_back_bg button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    cursor: pointer;
    background: none;
    color: #fff;
    /* color: #222222; */
    /* font-size: 15px; */
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    /*
    padding: 1px 1px;
    border: 0px none;
    display: inline-block;
    vertical-align: top; 
    */

    display: inline-block;
    vertical-align: middle;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 3px 5px 3px 5px;
    margin-right: 20px;
}

.task_header .taskstep_back_bg button {
    color: #fff;
}

.cutom_container form {
    width: 100%;
}

.task_create_form_container {
    
    /* 
    margin: 15px auto 0 auto;
    max-width: 690px;
    padding: 0 15px 0 15px;
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: -webkit-calc(100vh - 180px);
    height: expression(100vh - 180px);
    height: -moz-calc(100vh - 180px);
    height: -o-calc(100vh - 180px);
    height: calc(100vh - 180px);
    */

    /* --- this section is CSS wise readjust in the bottom with class -- " .task_container_withbox.new_autoHeightAdjust_taskCreate_bg "  -- */
}

.task_details_btn_area {
    min-height: 68px;
    background: #eee;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 99;
}
.btn_fld {
    padding: 0 40px;
    width: 100%;
    display: flex;
    align-items: center;
}
.btn_fld a {
    color: #222;
    font-weight: bold;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.btn_fld a:hover {
    color: #97b860;
}
.cancel_continue_btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.cancel_continue_btn a {
    margin-right: 10px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.cancel_continue_btn a:hover {
    color: #97b860;
}

.saveDraftBtn {
    color: #222;
    font-weight: bold;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.saveDraftBtn:hover,
.saveDraftBtn:focus,
.saveDraftBtn:active {
    color: #97b860;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
/* === send request professional main bg start === */
.send_req_bodybg {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    justify-content: center;
    flex-direction: column;

    margin: 15px auto 0 auto;
    padding: 0 15px 0 15px;
    width: 100%;

    height: -webkit-calc(100vh - 180px);
    height: expression(100vh - 180px);
    height: -moz-calc(100vh - 180px);
    height: -o-calc(100vh - 180px);
    height: calc(100vh - 180px);
}
.send_req_pro_container {
    width: 90%;
    margin: 0px auto;
}
.sendreq_noti_bg {
    position: relative;
    padding: 30px 0px;
}
.sendreq_noti_bg .allert_messg {
    padding: 15px 20px 15px 20px;
    background: #ffefd6;
    border-radius: 5px;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 15px;
    display: table;
    width: auto;
    margin: 0px auto;
    text-align: center;
    position: relative;
}
.sendreq_noti_bg .allert_messg span {
    display: inline-block;
}
.sendreq_noti_bg .allert_messg .input_tooltip_bg {
    position: relative;
    right: 0px;
    top: 2px;
    margin-top: 0px;
    z-index: 10;
    background: none;
    padding: 0px 5px 0 15px;
}
/* professional listing section start */
.proferssional_listing_bg {
    max-width: 1230px;
    margin: auto;
}
.proferssional_listing_bg ul {
    margin: 0px auto;
    padding: 10px 0px 20px;
    overflow: hidden;

    text-align: center;
}
.proferssional_listing_bg ul li {
    list-style: none;
    display: inline-block;
    text-align: left;
    width: 33%;
    border-radius: 5px;
    border: 1px solid #efefef;

    -webkit-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.4);

    /* margin: 0 0 78px 0; */
    margin: 0 0 40px 0;
    position: relative;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.proferssional_listing_bg ul li:nth-child(odd) {
    /* z-index: 1; */

    background: #cdffcb;
    background: -moz-linear-gradient(top, #cdffcb 0%, #d9ffe7 100%);
    background: -webkit-linear-gradient(top, #cdffcb 0%, #d9ffe7 100%);
    background: linear-gradient(to bottom, #cdffcb 0%, #d9ffe7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdffcb', endColorstr='#d9ffe7',GradientType=0 );
}
.proferssional_listing_bg ul li:nth-child(even) {
    /* z-index: 2; */

    background: #fff0c0;
    background: -moz-linear-gradient(top, #fff0c0 0%, #ffd6ac 100%);
    background: -webkit-linear-gradient(top, #fff0c0 0%, #ffd6ac 100%);
    background: linear-gradient(to bottom, #fff0c0 0%, #ffd6ac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0c0', endColorstr='#ffd6ac',GradientType=0 );
    /*
    -webkit-box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 6px 10px -5px rgba(0, 0, 0, 0.5);
    */
}
.proferssional_listing_bg ul li:nth-child(3n + 1) {
    /* left: 12px; */
}
.proferssional_listing_bg ul li:nth-child(3n + 3) {
    /* right: 12px; */
}
.proferssional_listing_bg ul li:nth-child(3n-1) {
    /* top: 20px; */
}
.proferssional_listing_bg ul li:hover {
    -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.75);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pro_listing_box {
    padding: 28px 60px;
}
.pro_listing_head {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row;
    margin: 0 0 15px 0;
}
.pro_list_left {
    margin-right: 10px;
}
.pro_list_img {
    height: 40px;
    width: 40px;
    border-radius: 100px;
    border: 1px solid transparent;
    object-fit: cover;
    object-position: center;
}
.pro_list_name {
    width: 100%;
    box-sizing: border-box;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
}
.pro_list_rating {
    width: 100%;
    box-sizing: border-box;
}
.pro_list_rating span.pro_rating {
    color: rgba(34, 34, 34, 0.5);
}
.pro_list_rating span.pro_exp {
    margin-left: 5px;
    border-left: 1px solid #707070;
    padding: 0 5px;
    /* color: #707070; */
    color: rgba(34, 34, 34, 0.5);
    line-height: 1;
}
.pro_list_rating span i {
    color: #ed8a19;
    /* font-size: 14px; */
    font-size: 15px;
}

.pro_listing_body {
    display: block;
    display: -webkit-box;
    /* width: 30ch; */
    max-width: 100%;
    height: 80px;
    /* height: auto; */
    /* max-height: 43px; */
                                /*  max charecter CH- 214 */
    font-size: 12px;
    line-height: 1.7;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro_listing_body p {
    color: rgba(34, 34, 34, 0.5);
    width: 100%;
    line-height: 1.63;
    text-align: left;

    word-wrap: break-word;
}

/*   professional listing section end   */
/* === send request professional main bg end === */
/* === Main Task related form design start === */

/* === Task Details area start === */

.task_form_box {
    width: 100%;
    display: block;
    padding: 25px 25px;
}

/* -- New dual Header adjust for Task Creaction form task_form_box start -- */
.cutom_container_withTopHeader .task_form_box {
    position: relative;
    /* top: -30px; */
    margin: 0 0 30px;
}
.cutom_container_withTopHeader .task_form_box.custom_radio_field {
    top: 0px;
    margin: 0 0 0;
}
/* -- New dual Header adjust for Task Creaction form task_form_box end -- */

.task_gray_boxbg {
    background: #fdfdfd;
    border: 1px solid #dedede;
    border-radius: 5px;
    position: relative;
}
.allert_messg {
    margin: 0;
    padding: 15px;
    background: #ffefd6;
    border-radius: 5px;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 20px;
}

.form__txtareafield {
    outline: 0;
    /* font-size: 14px; */
    font-size: 15px;
    color: #222222;
    background: transparent;
    margin: 0;
    padding: 15px;
    height: 94px;
    width: 100%;
    border-radius: 8px;
    /* border: 1px solid rgba(34,34,34,0.1); */
    border: 1px solid rgba(34, 34, 34, 0.4);
    transition: border-color 0.2s;
}
.form__txtareafield:focus {
    border: 1px solid rgba(139, 224, 0, 0.8);
}
.form__txtareafield::placeholder {
    color: rgba(34, 34, 34, 0.4);
}
.form__txtareafield:focus::placeholder {
    opacity: 0;
}

.form__txtareafield:placeholder-shown ~ .form__label {
    /* font-size: 14px; */
    font-size: 15px;
    cursor: text;
    top: 15px;
    padding: 0px 15px;
    opacity: 0;
}

.form__txtareafield:focus ~ .form__label {
    position: absolute;
    top: -25px;
    display: block;
    transition: 0.2s;
    /* font-size: 14px; */
    font-size: 15px;
    color: rgba(34, 34, 34, 0.4);
    font-weight: 400;
    opacity: 1;
    z-index: 1;
}
.form__txtareafield:required,
.form__txtareafield:invalid {
    box-shadow: none;
}
.form_group_error .form__txtareafield {
    border: 1px solid red;
}

/* --  file upload old style css start -- */

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 0 0 5px 0;
}
.uploadbtn {
    color: #a1bf70;
    padding: 0;
    border-radius: 8px;
    background-color: transparent;
    font-weight: 600;
    /* font-size: 14px; */
    font-size: 15px;
    border: none;
}
.upload-btn-wrapper input[type="file"] {
    font-size: 100px;
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    opacity: 0;
}
.uploadbtn span {
    margin-right: 7px;
}
.custom_file_up .error_span {
    display: inline-block;
    width: 100%;
}
.upload-btn-wrapper input[type="file"]::-webkit-file-upload-button {
  cursor: pointer;
}
/* --  file upload old style css end -- */

/* -- file upload new style start -- */
.new_upbutton {
    margin-bottom: 5px;
}
.custom_fileup_name {
    display: block;
    padding: 0 0 0 30px;
}
.upfile_name_box {
    background: #97b860;
    display: inline-block;
    padding: 5px 30px 5px 14px;
    border-radius: 50px;
    /* font-size: 14px; */
    font-size: 14px;
    color: #fff;
    margin: 0 10px 10px 0;
    position: relative;
    line-height: 1.5;
}
.upfile_name {
    line-height: 1.5;
    /* font-size: 14px; */
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}
.upfile_name_cross {
    height: 14px;
    width: 14px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -7px;

    min-width: auto !important;
    padding: 0px !important;
}
.upfile_name_cross img {
    vertical-align: top;
}
/* -- file upload new style end -- */

.datepicker {
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.customdatefld {
    background-image: url(../images/date_icon.png);
    background-repeat: no-repeat;
    /* background-position: 95% center; */
    background-position: right 10px center;
    padding-right: 50px;
}
.green_btn {
    font-family: "Muli", sans-serif;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    min-width: 150px;
    padding: 14px 16px;
    border-radius: 4px;
    border: 0px none;
    position: relative;
    background: #97b860;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc93a', endColorstr='#feb15f',GradientType=0 );
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.green_btn.create_tsk_btn img {
    height: 18px;
    width: 18px;
}
.green_btn:hover {
    background: #fbcb38;
}
.green_btn span {
    margin-right: 5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.btn_tooltip i {
    color: #97b860;
    font-size: 20px;
    vertical-align: middle;
}
.button_area .btn_tooltip {
    margin-left: 5px;
    /* top:3px; */
}

.task_create_form_container .field select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    /* outline-color: green; */
    background: url("../images/black-arrow.png");
    /* background-position: 95% center; */
    background-position: right 10px center;
    background-repeat: no-repeat;
}
.task_create_form_container .field select:disabled {
    opacity: 0.5;
}
.task_create_form_container .custom-control-label::before {
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 1px solid #000;
}
.task_create_form_container .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
}
.task_create_form_container .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.task_create_form_container .custom-control-input:active ~ .custom-control-label::before {
    background-color: #97b860;
}
.task_create_form_container .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

/* Task split screen css start */

.price_input_grup {
    outline: 0;
    /* font-size: 14px; */
    font-size: 15px;
    color: #222222;
    background: transparent;
    margin: 0;
    /* padding: 15px 10px;  */
    padding: 1px 10px;
    height: 50px;
    width: 100%;
    max-width: 290px;
    border-radius: 8px;
    /* border: 1px solid rgba(34,34,34,0.1); */
    border: 1px solid rgba(34, 34, 34, 0.4);
    transition: border-color 0.2s;

    display: flex;
    align-items: center;
    justify-content: center;
}
.price_input_grup_left {
    width: 84%;
}
.price_input_grup input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    background: none;
    border: 0px none;
    /* border: 1px solid #E55039; */
    display: inline-block;
    width: 170px;
    color: #222222;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    /* padding: 5px 8px; */
    padding: 0px 8px;
}
.price_input_grup select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    background: none;
    border: none;

    /* padding: 2px 17px 2px 1px; */
    padding: 1px 17px 1px 1px;
    min-width: 73px;
    text-align: center;

    background: url("../images/black-arrow.png");
    /* background-position: 95% center; */
    background-position: right 10px center;
    background-repeat: no-repeat;
}
.task_create_form_container .field .price_input_grup select {
    background-position: right 0px center;
}
.form_group_error .price_input_grup {
    border: 1px solid red;
}

.task_price_btn_area {
    text-align: right;
}
/* Task split screen css end */
.task_top_suggestions {
    vertical-align: middle;
    text-align: right;
    margin: 20px 0px 20px;
}
.top_sug_left {
    display: inline-block;
}
.top_sug_right {
    display: inline-block;
    float: right;
}
.top_sug_right p {
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    color: #f39c12;
}
.top_sug_left p {
    padding: 0px 0px 0px 15px;
    display: inline-block;
    vertical-align: middle;
}
.field_q {
    position: relative;
}
.field_q .field_q_mark {
    position: absolute;
    top: 13px;
    right: 8px;
}
.field_q select.form__field {
    padding: 15px 30px 15px 15px;
}
.field.field_q select {
    background-position: right 35px center;
}
.task_top_btn {
    font-family: "Muli", sans-serif;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    color: #97b860;
    line-height: 1;
    min-width: 100px;
    padding: 12px 16px;
    border-radius: 5px;
    border: 1px solid #97b860;
    position: relative;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc93a', endColorstr='#feb15f',GradientType=0 );
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.task_top_btn:hover,
.task_top_btn:focus,
.task_top_btn:active {
    background: #97b860;
    color: #fff;
}
/* === Task Details area end === */
/* enter task professional page start */
.task_create_form_container.task_big_formbox {
    /* display: block; */
}
.task_container_withbox {
    max-width: 740px;
    position: relative;
}
.enter_task_box {
    background: #fdfdfd;
    /* border: 1px solid #DEDEDE; */
    border: 1px solid rgba(34, 34, 34, 0.05);
    border-radius: 10px;
    padding: 20px 20px;
}
h3.taskbox_title {
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.task_big_formbox .form__group_normar .form__label {
    padding: 0 0 0 0;
}
.form__label .top_sug_left {
    display: inline-block;
    vertical-align: text-bottom;
}
.taskform_adjustbox {
    padding: 10px 0px 0px;
    width: 100%;
}
/* enter task professional page end */
.toggle_btn_suggestion.task_top_suggestions {
    text-align: left;
}
.top_sug_left p {
    padding: 0px 15px 0px 0px;
}
/* === custom toggle switch btn start === */
.switch_btn {
    display: inline-block;
    margin-left: 15px;
}
.switch_btn .switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 18px;
    margin-bottom: 0px;
}
.switch_btn .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch_btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.switch_btn .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.switch_btn input:checked + .slider {
    background-color: #97b860;
}
.switch_btn input:focus + .slider {
    box-shadow: 0 0 1px #97b860;
}
.switch_btn input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}
/* Rounded sliders */
.switch_btn .slider.round {
    border-radius: 50px;
}
.switch_btn .slider.round:before {
    border-radius: 50%;
}
/* === custom toggle switch btn end === */
/* == full task deatils start == */
.updown_btnbg {
    display: inline-block;
    margin: 0 10px 0 0;
    /* vertical-align: middle; */
}
.task_updown_btnbg .down_temp_btn {
    background-color: #97b860;
    /* 
  background-image: url('../images/download-white.png'); 
  background-position: left 15px center;
  background-repeat: no-repeat;
  */
    color: #fff;
    border: 1px solid #97b860;
    border-radius: 5px;
    padding: 8px 20px 8px 20px;
    min-width: 200px;
    text-align: center;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.task_updown_btnbg .down_temp_btn:hover,
.task_updown_btnbg .down_temp_btn:focus,
.task_updown_btnbg .down_temp_btn:active {
    background-color: #f39c12;
    color: #fff;
    border: 1px solid #f39c12;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.task_updown_btnbg .up_temp_btn {
    background-color: #fff;
    /* 
  background-image: url('../images/upload-green.png');
  background-position: left 15px center;
  background-repeat: no-repeat;
   */
    color: #222222;
    border: 1px solid #97b860;
    border-radius: 5px;
    padding: 8px 20px 8px 20px;
    min-width: 200px;
    text-align: center;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    /* -webkit-transition: background-image 0s ease-in-out;
  -moz-transition: background-image 0s ease-in-out;
  -o-transition: background-image 0s ease-in-out;
  transition: background-image 0s ease-in-out;

  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; */
}
.task_updown_btnbg .up_temp_btn:hover,
.task_updown_btnbg .up_temp_btn:focus,
.task_updown_btnbg .up_temp_btn:active {
    /* background-image: url('../images/upload-white.png'); */
    background-color: #97b860;
    color: #fff;
    border: 1px solid #97b860;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    /* -webkit-transition: background-image 0s ease-in-out;
  -moz-transition: background-image 0s ease-in-out;
  -o-transition: background-image 0s ease-in-out;
  transition: background-image 0.2s ease-in-out;

  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; */
}
/* -- file upload 02 new style start -- */
.updown_btnbg .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.updown_btnbg .btn {
    /* border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold; */

    background-color: #fff;
    color: #222222;
    border: 1px solid #97b860;
    border-radius: 5px;
    padding: 8px 20px 8px 20px;
    min-width: 200px;
    text-align: center;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.updown_btnbg .upload-btn-wrapper input[type="file"] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.updown_btnbg:hover .btn {
    background-color: #97b860;
    color: #fff;
    border: 1px solid #97b860;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.updown_btnbg .btn:hover,
.updown_btnbg .btn:focus,
.updown_btnbg .btn:active {
    background-color: #97b860;
    color: #fff;
    border: 1px solid #97b860;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* -- file upload 02 new style end -- */
.file_list_sec {
    padding: 15px 0 0 0;
}
.file_list_sec ul {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
.file_list_sec ul li {
    list-style: none;
    text-align: left;
    width: auto;
    display: inline-block;
}
.file_list_sec ul li .file_list_box {
    /* background: #fcfcfc;
  border:  1px solid #f2f2f2; */
    border-radius: 50px 50px 50px 50px;
    padding: 2px 8px 2px 0;
    margin: 0 8px 8px 0;
}
.file_list_box span {
    display: inline-block;
}
.file_list_box span.file_list_box {
    vertical-align: middle;
}
.file_list_box span.xlfile_name {
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.file_list_box span.xlfile_cross button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    cursor: pointer;
    border: 0px none;
    background: none;
    text-align: center;
    outline: none !important;

    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;

    background: url("../images/red_cross.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
}
/* == full task deatils end == */
/* === sub task scrollbox bg start === */
.main_form_box {
    /* background: #fbf7b9; */
}
.sub_task_addbg {
    background: #fdfdfd;
}
.scroll_subtask_bg .sub_task_addbg {
    padding: 40px 20px 20px;
}
.enter_task_box {
    margin: 0 0 10px 0;
}
.taskadd_btnbg {
    text-align: right;
}
.task_title_head {
    position: relative;
    min-height: 5px;
}

.accor_minmax_btn {
    text-align: right;
    position: absolute;
    right: 0;
    min-height: 24px;
    min-width: 100px;
    padding: 2px 2px;
    /* background: #fbc93a; */
}
.customMaximiseSubTskHd .accor_minmax_btn:before {
    content: "- Minimize";
    position: relative;
    color: #222222;
}
.customMinimiseSubTskHd .accor_minmax_btn:before {
    content: "+ Expand";
    position: relative;
    color: #222222;
}
.customMinimiseSubTskHd h3.taskbox_title {
    margin: 0 0 0 0;
}
.add_subtask_btn {
    background-color: #fff;
    background-image: url("../images/more.png");
    background-position: left 10px center;
    background-repeat: no-repeat;
    color: #97b860;
    border: 1px solid #97b860;
    border-radius: 5px;
    padding: 13px 20px 13px 45px;
    text-align: center;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: bold;
    margin-right: 0px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.add_subtask_btn:hover,
.add_subtask_btn:focus,
.add_subtask_btn:active {
    background-image: url("../images/more-white.png");
    background-color: #97b860;
    color: #fff;
    border: 1px solid #97b860;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-transition: background-image 0s ease-in-out;
    -moz-transition: background-image 0s ease-in-out;
    -o-transition: background-image 0s ease-in-out;
    transition: background-image 0.2s ease-in-out;

    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
.subtask_cross_btn {
    text-align: right;
    top: -33px;
    position: absolute;
    z-index: 9;
    height: 20px;
    width: 20px;
    right: 0;
}

/* ---  accordian css start --- */
.main_form_box.customMinimiseSubTskBd {
    /* display: none; */
}

.sub_task_addbg .task_title_head.customMinimiseSubTskHd {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.main_form_box.customMaximiseSubTskBd {
    height: auto;
    min-height: 150px;
    opacity: 1;
    /* overflow: hidden; */

    transition: height 1s ease-out;

    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.main_form_box.customMinimiseSubTskBd {
    height: 0;
    min-height: auto;
    opacity: 0;
    overflow: hidden;

    transition: height 1s ease-in;

    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.main_form_box.customMinimiseSubTskBd .form_block {
    display: none;
}
.customMinimiseSubTskHdOuter {
    background: #ebebeb;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/* ---  accordian css end --- */

/* === sub task scrollbox bg end === */
.addmoresubtskouterdiv {
    display: block;
    text-align: right;
    padding-top: 30px;
}

/* == task scroll start ==*/
.task_create_form_container.task_frombox_scroll {
    width: 100%;
    max-width: 715px;
}
.task_create_form_container.task_frombox_scroll > div {
    width: 100%;
}
.task_scrollbox_close {
    position: absolute;
    top: 8px;
    right: 8px;
}
.scroll_box {
    width: 100%;
}
.scrollbar_box_sec {
    width: 95%;
}
/* == task scroll end ==*/

/* ============ react basd CSS adjust start =============== */
.react-datepicker-wrapper {
    width: 100%;
}
.customerrlass {
    width: 100%;
    text-align: center;
}
/* === multi select RND start === */

.form__group .multiselectouterdivcls {
    /* padding: 10px 10px; */
    padding: 10px 15px 10px 10px;
    min-height: 50px;
    width: 100%;
    border-radius: 8px;
    /* border: 1px solid rgba(34,34,34,0.1); */
    border: 1px solid rgba(34, 34, 34, 0.4);
    transition: border-color 0.2s;

    background: url("../images/black-arrow.png");
    background-position: right 10px center;
    background-repeat: no-repeat;
}

.task_create_form_container .field.rndselect ._3vt7_Mh4hRCFbp__dFqBCI {
    outline: 0;
    /* font-size: 14px; */
    font-size: 15px;
    color: #222222;
    background: transparent;
    margin: 0;
    padding: 10px 15px;
    min-height: 50px;
    max-height: 290px;
    width: 100%;
    border-radius: 8px;
    /* border: 1px solid rgba(34,34,34,0.1); */
    border: 1px solid rgba(34, 34, 34, 0.4);
    transition: border-color 0.2s;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    /* outline-color: green; */
    background: url("../images/black-arrow.png");
    /* background-position: 95% center; */
    background-repeat: no-repeat;
}

.form__group .multiselectouterdivcls.form_group_error {
    border: 1px solid red;
}
.form__group .multiselectouterdivcls.disabled {
    opacity: 0.5;
}

/* -- lp condition TAG add but input field with full opacity start */
.form__group .multiselectouterdivcls.disabled.disabled_without_dim {
    opacity: 1;
}
.form__group .multiselectouterdivcls.disabled_without_dim {
    opacity: 1;
}
.disabled_without_dim {
    opacity: 1;
}
.form__group .multiselectouterdivcls.disabled.disabled_without_dim input {
    opacity: 0;
    display: none !important;
}
/* -- lp condition TAG add but input field with full opacity end */

.form__group .multiselectouterdivcls.disabled input {
    pointer-events: none !important;
    /* background: red; */
    cursor: not-allowed;
    position: relative;
}
.form__group .multiselectouterdivcls.disabled input:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: red;
}
.form__group .multiselectouterdivcls.disabled .optionListContainer {
    display: none !important;
}

._3vt7_Mh4hRCFbp__dFqBCI input {
    margin-top: 0px !important;
    display: inline-block !important;
    vertical-align: top !important;
    height: 26px !important;
    /* height: 20px !important; */
    /* background: pink !important; */
    width: 60px;
    padding: 5px;
}

._7ahQImyV4dj0EpcNOjnwA {
    padding: 3px 10px !important;
    background: #97b860 !important;
    margin-right: 4px !important;
    margin-bottom: 3px !important;
    border-radius: 10px;
    display: inline-block !important;
    align-items: center;
    font-size: 13px;
    color: #fff;
    white-space: nowrap !important;

    padding-right: 20px !important;
    position: relative;
    vertical-align: text-top;
}

._2OR24XnUXt8OCrysr3G0XI {
    padding: 0 0 0 0 !important;
    min-height: 0 !important;
    position: relative;
    border: 0px none !important;
}
._3vLmCG3bB3CM2hhAiQX1tN {
    left: -15px !important;
    right: -15px !important;
    width: auto !important;

    max-height: 180px !important;
}
._3vLmCG3bB3CM2hhAiQX1tN ul {
    max-height: 180px !important;
}
._3crOX-etLxsZ8OgjhYCvt7 {
    font-size: 12px;
    /* float: right; */
    margin-left: 2px;
    cursor: pointer;
    position: absolute;
    height: 8px;
    width: 8px;
    z-index: 99;
    right: 11px;
}
.chip {
    display: block;
    /* width: 140px;  */
    min-width: 35px;
    max-width: 64px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: text-top;
}

.lhyQmCtWOINviMz0WG_gr {
    background: #97b860 !important;
    color: #ffffff !important;
}

/* production server adjustment start */
._2iA8p44d0WZ-WqRBGcAuEV {
    padding: 0 0 0 0 !important;
    min-height: 0 !important;
    position: relative;
    border: 0px none !important;
}
/* production server adjustment end */

/* === multi select RND end === */

/* === multi select 3 RND start === */

.task_create_form_container .field.rndselect3 div input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;

    outline: 0;
    /* font-size: 14px; */
    font-size: 15px;
    color: #222222;
    /* background: transparent; */
    margin: 0;
    padding: 15px;
    height: 50px;
    width: 100%;
    border-radius: 8px;
    /* border: 1px solid rgba(34,34,34,0.1); */
    border: 1px solid rgba(34, 34, 34, 0.4);
    transition: border-color 0.2s;

    background: url("../images/black-arrow.png");
    /* background-position: 95% center; */
    background-repeat: no-repeat;
}
.task_create_form_container .field.rndselect3 ul {
    border: 1px solid #dadada;
    padding: 10px 5px;
    overflow: hidden;
}
.task_create_form_container .field.rndselect3 ul li {
    list-style: none;
    /* font-size: 14px; */
    font-size: 15px;
    line-height: 1.3;
    color: #222222;
    text-align: left;
    padding: 3px 0px;
}
.task_create_form_container .field.rndselect3 ul li.customrnd2clsselected {
    color: #97b860;
}
.task_create_form_container .field.rndselect3 ul li span {
    display: inline-block;
    vertical-align: middle;
}
.custrnd3spantxt {
    width: 95%;
}
.custrnd3spandelbtn {
    width: 5%;
}
.task_create_form_container .field.rndselect3 ul li span.custrnd3spandelbtn button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    background: none;
    border: 0px none;
    border-radius: 100px;
    cursor: pointer;

    height: 15px;
    width: 15px;

    background-image: url("../images/red_cross.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    float: right;
}

/* === multi select 3 RND end === */

/* === multiselect location start === */
.orgdetgoogautocomptxtbxcls:disabled {
    opacity: 0.5;
}
.locstselouterdiv ul.custclsforlocselectedforst {
    /* border: 1px solid #DADADA; */
    padding: 0px 0px;
    overflow: hidden;
    border-radius: 5px;
    /* background: #feb15f; */
    padding: 10px 10px;
}

.locstselouterdiv ul li {
    /*   
    list-style:  none;
    font-size: 14px;
    line-height: 1.3;
    color: #97B860;
    text-align: left;
    padding: 6px 4px;
    border-bottom: 1px solid #DADADA;
     */

    padding: 3px 10px !important;
    background: #97b860 !important;
    margin-right: 5px !important;
    margin-bottom: 3px !important;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    font-size: 13px;

    border-radius: 10px;
    display: inline-block !important;
    align-items: center;
    font-size: 13px;
    color: #fff;
    white-space: nowrap !important;
    padding-right: 20px !important;
    position: relative;
    vertical-align: text-top;
}
.locstselouterdiv ul li:last-child {
    border-bottom: 0px none;
}

.locstselouterdiv ul li span {
    display: inline-block;
    vertical-align: middle;
}
.locstselouterdiv ul li span.locselsttxtname {
    /* width: 95%; */
    width: 100%;
    box-sizing: border-box;
}
.locstselouterdiv ul li span.locselstbtnname {
    /* width: 5%; */
    width: auto;
}
.locstselouterdiv ul li span.locselstbtnname button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    background: none;
    border: 0px none;
    border-radius: 100px;
    cursor: pointer;

    height: 15px;
    width: 15px;
    
    min-width: auto;
    padding: 0px;

    background-image: url("../images/error-2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    float: right;
}
/* === multiselect location end === */
.customerrmidlass {
    position: relative;
    top: 20px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}
.dash_modal .customerrmidlass {
    top: 0;
    text-align: center;
}
.customerrmidlass.alert_section_top_zero {
    top: 0;
}
/* === Main Task related form design end === */

/* ============= react basd CSS adjust end ============== */

/* **** ======= Sprint 02 Css end ======= **** */

/* **** ======= DashBoard section Css Start ======= **** */
.dashboard_cont_area {
    /* padding: 50px; */
    padding: 50px 50px 0px 50px;
    /* min-height: calc(100vh - 215px); */
    /* min-height: calc(100vh - 155px); */ /* lp old */
    min-height: calc(100vh - 166px); /* cc */
    position: relative;
}
/* **** ======= DashBoard section Css End ======= **** */
/* **** =================== Sprint 03 Css Start ================= **** */
.wrapper_bg {
    position: relative;
    overflow: hidden;
}
/* split screen css start */
.wrapper {
    width: 100%;
    float: left;
    position: relative;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}
.wrapper.width50 {
    width: 40%;

    /* height: 100vh; */   /* ---  bottom fixed/sticky footer adjustment (height adjustment) fixing edit -- */
    
}
.wrapper.width50 .nav_txt,
.wrapper.width50 .profile_name {
    /* display: none; */

    height: 0px;
    overflow: hidden;
    font-size: 0px;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.wrapper .nav_txt,
.wrapper .profile_name {
    height: auto;
    overflow: hidden;
    /* background: red; */

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.wrapper.width50 .task_area {
    width: 100%;
}
.wrapper.width50 .task_area .task_date span {
    padding-left: 0px;
}
.splitscreen_area {
    /* margin-right: -100% !important; */
}
.splitscreen_area.margin0 {
    width: 60%;
    right: 0;
    /* margin-right: 0 !important; */

    /* height: 100vh; */  /* ---  bottom fixed/sticky footer adjustment (height adjustment) fixing edit -- */

}
.splitscreen_area label {
    z-index: auto !important;
}
/* split screen css end */

/* task area start */
.taskbtn {
    margin: 0;
    padding: 0;
    position: relative;
    margin-top: -73px;
}
.task_area {
    margin: 0;
    padding: 0;
    width: 70%;
}

.task_listing_area {
    width: 100%;
    margin: 10px auto 100px;
    /* padding: 0; */
    padding: 0 15px 0 0;
}
.task_listing_area ul {
    padding: 0 15px 0 0;
}
.task_listing_area ul li {
    list-style: none;
    margin: 0 0 15px 0;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.task_listing_area ul li.multitask_list_li {
    /* border-bottom: 1px solid #D8D8D8; */
}

.task_listing_block {
    margin: 0 0 15px 0;
    padding: 0;
    border-radius: 8px;
    word-wrap: break-word;
}
.multitask_list_li .task_listing_block {
    background: #f4f6f9;
    border: 1px solid #e7ebf0;
}

.task_listing_block a {
    color: #222;
}
.task_box {
    border: 1px solid #e7ebf0;
    padding: 15px 15px;
    border-radius: 8px;
    position: relative;
    display: flex;
    /* align-items: end; */
    align-items: flex-end;

    min-height: 136px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.task_listing_block:hover .task_box {
    border: 1px solid #97b860;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* -- active task dominos block */
.active_dominosBlock .task_box {
    border: 3px solid #97b860;

    background: #F4F6F9;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.active_dominosBlock:hover .task_box {
    border: 3px solid #97b860;
}

/* -- active task dominos block */

.task_listing_block a:hover .task_box {
    border: 1px solid #cbdbaf;
}
.task_des {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    min-height: 72px;

    align-items: stretch;
    align-self: flex-start;
}
.task_date {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    /* min-height: 85px; */
    /* min-height: 105px; */
    /* align-items: flex-end; */

    align-items: stretch;
    align-self: flex-end;
}
.task_des h1 {
    color: #c1c1c1;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0 70px 0 0;
}
.task_des h2 {
    color: #222;
    /* font-size: 14px; */
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.task_date span {
    font-weight: 700;
    padding-left: 20px;
}
.assign_img {
    position: absolute;
    top: 20px;
    right: 20px;
}
.split_mid_box {
    width: 100%;
}
.split_mid_multibox .form_block {
    margin-bottom: 15px;
}
/* task area end */

/* ======= dashboard main Task Section splitScreen footer start  ======= */
.dash_main_footerbg {
    background: rgba(255, 255, 255, 1);
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #979797;
    width: 100%;
    min-height: 50px;
    z-index: 10;
}
.dash_main_footer {
    padding: 10px 40px;
}
.dash_foot_leftbg {
    float: left;
    padding: 18px 0 0 0;
}
.dash_foot_rightbg {
    float: right;
    padding: 5px 0 0 0;
}
.foot_taskstatus {
    display: inline-block;
    width: auto;
    vertical-align: middle;

    font-weight: bold;
    text-align: left;
    margin-right: 20px;
}
.footer_taskdropdown .dropdown-menu {
    background: #f4f6f9;
    border: 1px solid #e3e9f0;
    width: 180px;
}
.foot_taskstatus_ulbg {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    max-width: 170px;
}
.foot_taskstatus_ulbg ul {
    overflow: hidden;
}
.foot_taskstatus_ulbg ul li {
    display: inline-block;
    margin-right: 0px;
    vertical-align: middle;
    width: 100%;
}

.foot_taskstatus_ulbg ul li .status_color {
    font-size: 12px;
    text-align: left;
    color: #222222;
    padding: 8px 8px;
}
.foot_taskstatus_ulbg ul li .status_color .s_color {
    height: 15px;
    width: 30px;
    border-radius: 50px 50px 50px 50px;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
}
.foot_taskstatus_ulbg ul li .status_color .status_name {
    display: inline-block;
    vertical-align: middle;
}
.foot_taskstatus_ulbg ul li .status_color .s_color.s_gray {
    background: #d1d1d1;
}
.foot_taskstatus_ulbg ul li .status_color .s_color.s_gray_decline {
    background: #d1d1d1;
}
.foot_taskstatus_ulbg ul li .status_color .s_color.s_orange {
    background: #f39c12;
}
.foot_taskstatus_ulbg ul li .status_color .s_color.s_green {
    background: #97b860;
}
.foot_taskstatus_ulbg ul li .status_color .s_color.s_deepGreen {
    background-color: #508003;
}
.foot_taskstatus_ulbg ul li .status_color .s_color.s_red {
    background: #e55039;
}
.foot_taskstatus_ulbg ul li .status_color .s_color.s_sky {
    background: #9CC0EC;
}
.foot_taskstatus_ulbg ul li .status_color .s_color.s_blue {
    background: #003e8a;
}

.foot_taskstatus_ulbg ul li .status_color .s_coloricon {
    background-image: url("../images/invoice_due_flag.png");
    background-repeat: no-repeat;
    background-position: left 12px bottom;
    background-size: 10px;
    height: 20px;
    width: 36px;
    display: inline-block;
    vertical-align: top;
}

.talkToAssist_btn {
    cursor: pointer;
    /* height: 15px;
  width: 15px; */
    position: relative;
    padding: 9px 15px 9px 45px;
    background-color: #97b860;
    background-image: url("../images/talk_assistant_img.png");
    background-repeat: no-repeat;
    background-position: left 12px center;
    background-size: 20px;

    color: #fff;
    font-weight: bold;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.talkToAssist_btn:hover,
.talkToAssist_btn:focus,
.talkToAssist_btn:active {
    background-color: #003e8a;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer_taskdropdown .taskStatus_btn {
    color: #97b860;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
}
.talkToAssist_btn span.comming_soon {
  /* lp btn */
  position: absolute;
  right: 0;
  top: -15px;
}
/* dashboard main Task Section splitScreen footer end */

/* dashboard top filter start start */
.task_area_filterbg {
    width: 100%;
    /* padding: 20px 0 0 0; */
    padding: 10px 0 0 0;
}
.filter_area {
    margin: 0 0 5px 0;
    padding: 0;
    /* display: flex;
  justify-content: flex-end; */
    display: block;
}
.top_filter_left {
    align-content: last baseline;
    padding: 3px 0 0 0;
    text-align: left;
    float: left;
}
.top_filter_right {
    text-align: right;
    float: right;
}

/* -*- only CC flow style end -*- */

.top_filter_left .top_filter_backbtn_bg button {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
.multitask_switch {
    display: inline-block;
    vertical-align: middle;
}
.multitask_switch_text {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.multitask_switch .switch_btn {
    display: inline-block;
    vertical-align: top;
}

/* -*- only CC flow style -*- */

/* 
.filter_area .filter_label{
  font-weight: 700;
  padding-left:20px;
  padding-right:10px;
}
.filter_area select{
  border: none;
  font-size: 13px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('../images/black-arrow.png');
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
} */

.top_filter_left {
}
.top_filter_right {
}
.top_filter {
    padding: 0px 0px 10px;
    position: relative;
}
.top_filter.top_filter_1 {
    display: inline-block;
}
.top_filter.top_filter_2 {
    display: inline-block;
}
.span_title {
    vertical-align: middle;
    font-weight: bold;
}
.top_filter button,
.top_filter .btn {
    color: #222222;
    padding: 5px 10px;
    border: 0px none;
}
.top_filter .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
}
.top_filter .dropdown-menu {
    background: #f4f6f9;
    min-width: 180px;
}
.top_filter .btn:hover,
.top_filter .btn:focus,
.top_filter .btn:active {
    color: #222222 !important;
    background-color: #fff !important;
    border-color: transparent !important;
    border: 0px none;
    box-shadow: none !important;
}
.top_filter.show > .btn-secondary.dropdown-toggle {
    color: #222222 !important;
    background-color: #fff !important;
    border-color: transparent !important;
    border: 0px none;
    box-shadow: none !important;
}
.top_filter .dropdown-item {
    padding: 3px 12px !important;
}
.top_filter .dropdown-menu ul li a {
    color: #222222;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.top_filter .dropdown-menu ul li:hover a {
    color: #97b860;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.top_filter .dropdown-item.active,
.top_filter .dropdown-item:active {
    color: #97b860;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
}

/* dashboard top filter end */

.tasktop_statusbtn {
    /* display: inline-block; */
    /* z-index: 999; */
    float: right;
    height: 15px;
    width: 30px;
}
.taskStatus_btn {
    position: relative;
    width: 100%;
    z-index: 9;
    /* background: rgba(34,34,34,0.3); */
    line-height: 1;
    vertical-align: top;
}
.taskStatus_btn i {
    font-weight: lighter;
    color: #707070;
}
.taskstatus_color {
    float: right;
    width: auto;
    margin: 0px 2px;
}
.taskstatus_msg {
    float: right;
    width: auto;
    margin: 0px 5px;
    line-height: 1;
}
.taskstatus_msg p {
    position: relative;
    top: -2px;
}
.taskstat_clr_span {
    height: 15px;
    /* width: 30px; */
    min-width: 30px;
    border-radius: 50px 50px 50px 50px;
    margin: 0 5px 0 0;
    float: right;
    background-color: #f39c12;
}

.taskstat_clr_span.taskstat_clr_gray {
    background-color: #d1d1d1;
}
.taskstat_clr_span.taskstat_clr_orange {
    background-color: #f39c12;
}
.taskstat_clr_span.taskstat_clr_green {
    background-color: #97b860;
}
.taskstat_clr_span.taskstat_clr_deepGreen {
    background-color: #508003;
}
.taskstat_clr_span.taskstat_clr_red {
    background-color: #e55039;
}
.taskstat_clr_span.taskstat_clr_sky {
    /* background-color: #5dc0e2; */
    background-color: #9CC0EC;
}
.taskstat_clr_span.taskstat_clr_blue {
    background-color: #003e8a;
}
.taskstat_clr_span.taskstat_clr_gray_declinedBy_lp {
    background-color: #d1d1d1;
}

/* ---  new task color text modification start -- */
.taskstat_clr_span  span.taskstat_clr_spanName {
    font-size: 10px;
    display: block;
    padding: 0 9px;

    min-width: 100px;
    text-align: center;
}

.taskstat_clr_span.taskstat_clr_red span.taskstat_clr_spanName {
    color: #fff;
}

.taskstat_clr_span.taskstat_clr_green span.taskstat_clr_spanName {
    color: #fff;
}

.taskstat_clr_span.taskstat_clr_deepGreen span.taskstat_clr_spanName {
    color: #fff;
}

.taskstat_clr_span.taskstat_clr_sky span.taskstat_clr_spanName {
    color: #fff;
}

.taskstat_clr_span.taskstat_clr_orange span.taskstat_clr_spanName {
    color: #fff;
}

.taskstat_clr_span.taskstat_clr_blue span.taskstat_clr_spanName {
    color: #fff;   
}

.taskstat_clr_span.taskstat_clr_gray_declinedBy_lp span.taskstat_clr_spanName {
    color: #fff;  
}

.taskstat_clr_span.professional_tag{
    float: none;
    display: inline-block;
}

.wrapper.width50 .taskstat_clr_span  span.taskstat_clr_spanName {
    display: none;
}

/* ---  new task color text modification end -- */

.taskstatus_flag {
    display: inline-block;
    vertical-align: text-top;
    margin: -7px 8px 0 0;
}
.taskstat_clr_span_new {
    height: 15px;
    width: 30px;
    border-radius: 50px 50px 50px 50px;
    margin: 0 2px 0 0;
    float: right;
    vertical-align: middle;
    background-color: #e55039;
    text-align: center;
    color: #fff;
    font-size: 10px;
}

.ass_user_block .taskstat_clr_span_new {
    float: none;
    display: inline-block;
}

.tasktop_statusbtn .dropdown-menu {
    min-width: 100px;
    /* min-height: 60px; */
    min-height: 30px;
    background: #f4f6f9;
    border: 1px solid #e3e9f0;
    right: 0px !important;
    left: inherit !important;
    transform: translate3d(0px, 15px, 0px) !important;

    -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
}

/* ====== *****  New action button modification start ***** ======  */


.newAction_btn_blockSec {
    width: auto;
}

/* -- new action drop button start -- */
.newAction_btn_subSec .moreAction_dropBtn {
    min-width: 75px;
    padding: 3px 15px 3px 2px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 4px;
    border: 0px none;
    position: relative;
    cursor: pointer;

    color: #222222;
    background-color: transparent;
    background-image: url(../images/black-arrow.png);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: right 4px top 9px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.newAction_btn_subSec .moreAction_dropBtn:hover,
.newAction_btn_subSec .moreAction_dropBtn:focus,
.newAction_btn_subSec .moreAction_dropBtn:active {
    color: #003e8a;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/* -- new action drop button end -- */

.newAction_btn_subSec .newAction_btn_dropdown_menu_sec {
    top: 100% !important;
    transform: translate3d(0px, 0px, 0px) !important;
    margin: 5px 0 0 0;
}
.newAction_btn_dropdown_menu_sec ul li a {
    color: rgba(34,34,34,1);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.newAction_btn_dropdown_menu_sec ul li a:hover,
.newAction_btn_dropdown_menu_sec ul li a:focus,
.newAction_btn_dropdown_menu_sec ul li a:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.newAction_btn_dropdown_menu_sec ul li button {
    color: rgba(34,34,34,1);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.newAction_btn_dropdown_menu_sec ul li button:hover,
.newAction_btn_dropdown_menu_sec ul li button:focus,
.newAction_btn_dropdown_menu_sec ul li button:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* ====== *****  New action button modification end   ***** ======  */

/* ---  React PlugIN design edit start --- */
/* 
.tasktop_statusbtn .dropdown-menu {
  right: -20px !important;
  transform: translate3d(0px, 15px, 0px) !important;
} 
*/
/* ---  React PlugIN design edit start --- */
.taskstat_dropmenu ul li {
    list-style: none;
    margin: 0 0 5px 0;
}
.taskstat_dropmenu ul li:last-child {
    margin: 0 0 0 0;
}
.taskstat_dropmenu ul li a {
    font-size: 14px;
    line-height: 1;
    padding: 3px 5px 3px 10px;
    color: #222222;
    display: block;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.taskstat_dropmenu ul li a:hover {
    color: #97b860;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/* dashboard top filter end */
.task_assigned {
    /* padding: 10px 0 0 0; */
    padding: 0 0 0 0;
}
.task_des h3 {
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px 5px 0;
}

.assign_to_block {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.t_as_span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 0;
}
.t_as_ul {
    display: inline-block;
    vertical-align: middle;
}

/* -- new assign user image ul start -- */
.t_as_ul > ul {
    /* overflow: hidden; */
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0 8px;
}
.t_as_ul > ul > li {
    float: left;
    width: auto;
    margin: 0px 0px;
    position: relative;
}
.t_as_ul > ul > li:nth-child(1) {
    /* z-index: 2; */
    /* right: -3px; */
}
.t_as_ul > ul > li:nth-child(2) {
    /* z-index: 1; */
}
.t_as_ul > ul > li:last-child {
    padding: 0 0 0 5px;
}
.t_as_ul > ul > li > img {
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
}
.t_as_ul > ul > li > .onClick_userImg button img {
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
}
.t_as_ul > ul > li > .onClick_userImg button {
    padding: 0px 0px;
    border-radius: 100px;
    height: 25px;
    width: 25px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.t_as_ul > ul > li > .onClick_userImg button:hover,
.t_as_ul > ul > li > .onClick_userImg button:focus,
.t_as_ul > ul > li > .onClick_userImg button:active {

    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.9);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.t_as_ul > ul > li > .t_as_ul_text {
    padding: 1px 0 0 0;
}
/* -- new assign user image ul end -- */

.taskfun_btnbg {
    text-align: right;
}
.taskfun_btnbg .task_func_btn {
    color: #222222;
    text-decoration: none;
    background-color: transparent;
    font-size: 15px;
    font-weight: bold;
    border: 2px solid #97b860;
    padding: 5px 15px;
    border-radius: 5px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.taskfun_btnbg .task_func_btn:hover,
.taskfun_btnbg .task_func_btn:focus,
.taskfun_btnbg .task_func_btn:active {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* -- task listing scroll section adjust -- */
.task_listing_scrollbg {
    padding: 10px 0 10px;
}
.task_listing_scroll_react {
}

/* -- task listing scroll section adjust -- */

/* ==== Task Slide Screen Start ===== */
.splitscreen_area {
    margin: 0;
    padding: 0;
    width: 0%;
    /* min-height: calc(100vh + 38px); */
    /* min-height: calc(100vh + 260px); */
    background: #f4f6f9;
    float: left;

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    right: 0;
    /* position: fixed; */
    z-index: 10;
    position: absolute;
    display: flex;
    align-items: stretch;
    height: 100%;
}
.slideScreen_bg {
    display: flex;
    width: 100%;
}

/* == slide left sidebar screen start == */
.slideScreen_leftbg {
    /* 
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; 
  */

    background-color: #e3e9f0;
    width: 80px;
    height: 100%;
}
/* -- slide side bar -- */
.SlideS_leftul ul {
    padding: 15px 0;
    /* overflow: hidden; */
}
.SlideS_leftul ul li {
    margin: 10px auto 30px;
    text-align: center;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.SlideS_leftul ul li a {
    /* width: 25px; */
    width: 30px;
    margin: 0px auto;
    display: inline-block;
}

.SlideS_leftul ul li a img {
    max-width: 100%;
    opacity: 0.5;
}
.SlideS_leftul ul li a:hover img,
.SlideS_leftul ul li a:focus img,
.SlideS_leftul ul li a:active img {
    opacity: 1;
}
.SlideS_leftul ul li a.active img {
    opacity: 1;
}
/* == slide left sidebar screen end == */

/* == slide right screen start == */

.slideScreen_rightbg {
    /* background: yellow; */
    width: 100%;
    height: 100%;
}

.flexbox-parent {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;

    position: relative;
    background-color: #f4f6f9;

    min-width: calc(100% - 80px);
    /*  width asjust based on "slideScreen_leftbg" - width  */
}

/* --- Slide top header start --- */
.SlideS_topbg {
    background-color: #f4f6f9;
    border-bottom: 1px solid #e3e9f0;
    padding: 10px 10px;
    /* height: auto; */
}

.slide_top_titlebg {
    position: relative;
    /* padding: 10px 0 10px 0; */
    padding: 10px 50px 10px 0;
    /* overflow: hidden; */
}
.slide_top_titlebg h4 {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 10px;
}
.slide_top_titlebg button.slideTop_cross_btn {
    position: absolute;
    right: 15px;
    /* margin-top: -3px; */
    top: 50%;
    margin-top: -13px;
    display: inline-block;
    /* vertical-align: middle; */
}
/* ---  Slide top header end --- */
/* ---  Slide bottom footer start --- */
.SlideS_bottombg {
    padding: 15px 15px;
    height: auto;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #e3e9f0;
    position: relative;
    z-index: 10;

    min-height: 70px;

    /* position: relative;
  top: 0;
  display: flex; */
    /* position: absolute; */
    /* bottom: -70px; */
}
.SlideS_bottombg.SlideS_bottombg_gray {
    background: #f4f6f9;
}

.s_footer_btnbg {
    text-align: right;

    /* display: inline-block;
        vertical-align: middle;
         */
}
.s_footer_btnbg .green_btn {
    min-width: 100px;
    padding: 12px 10px;
    text-align: center;
}
.s_footer_btnbg .sub_grd_btn {
    min-width: 130px;
    padding: 12px 10px;
    text-align: center;
}
/* -- TDS button section start -- */
.newBtn_right_allign {
    float: inherit;
    padding-top: 0px;
}
.splitscreen_area.margin0 .newBtn_right_allign {
    float: right;
}
.newBtn_right_allign .footer_tds_btn {
    padding: 8px 15px;
}
/* -- TDS button section end -- */
/* ---  Slide bottom footer end --- */

/* --- Slide Mid body start --- */

.SlideS_Midbg {
    padding: 10px;

    /* 
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  flex: 1;
   */
    position: relative;
    height: 100%;
    min-height: 700px;
    /* padding-bottom: 177px; */
}

.mid_sec_bottom {
    padding: 20px 30px;
    height: 100px;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #e3e9f0;
    position: absolute;
    bottom: 0;
}
.s_midbox_section {
    /* padding:  30px 30px 30px 30px; */
    padding: 15px 15px 15px 15px;
    margin: 0px auto;
}
.s_midbox_title h5 {
    font-size: 15px;
    font-weight: bold;
    color: rgba(34, 34, 34, 0.4);
    margin: 0 0 15px 0;
}
/* -- slide mid form start -- */
.s_midbox .form_block {
    margin-bottom: 12px;
}
.s_midbox .form__label {
    margin-bottom: 3px;
}
.input_datashow {
    outline: 0;
    font-size: 15px;
    color: #222222;
    background: transparent;
    margin: 0;
    padding: 12px 15px 12px;
    min-height: 50px;
    width: 100%;
    word-wrap: break-word;
    border-radius: 8px;
    border: 1px solid rgba(34, 34, 34, 0);
    transition: border-color 0.2s;
}
.input_datashow p {
    font-size: 15px;
    color: #222222;
    margin: 0px 0px;
    padding: 0px 0px;
}
.input_datashow p.assTo_green {
    color: #97b860;
    font-weight: 700;
}
.dataShow_green {
    background: #97b860;
    color: #fff;
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 10px;
    border-radius: 50px;
}
.dataShow_more {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 10px;
    color: rgba(34, 34, 34, 0.4);
}
/* -- more tooltip new start --*/
.dataShow_more_newTooltip {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.dataShow_more_newTooltip a {
    display: block;
    color: #222222;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.dataShow_more_newTooltip a:hover span,
.dataShow_more_newTooltip a:focus span,
.dataShow_more_newTooltip a:active span {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.moreTooltip_show {
    /* display: block; */
    display: none;
    position: absolute;
    z-index: 1000;
    top: 24px;
    left: 0;
    overflow: hidden;
    width: 280px;
    height: auto;

    background: #f4f6f9;
    border: 1px solid #e3e9f0;
    border-radius: 4px;
    padding: 10px 10px;

    -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.dataShow_more_newTooltip a:hover ~ .moreTooltip_show {
    display: block;
    max-height: inherit;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.dataShow_more_newTooltip a:focus ~ .moreTooltip_show,
.dataShow_more_newTooltip a:active ~ .moreTooltip_show {
    display: block;
    max-height: inherit;
}
.moreTooltip_box > ul > li {
    display: inline-block;
    min-width: auto;
    max-width: 100%;
    margin: 0 10px 5px 0;
}
.moreTooltip_box > ul > li:last-child {
    margin: 0 0 0 0;
}
.moreTooltip_box > ul > li .moretooltip_greenTag {
    background: #97b860;
    color: #fff;
    padding: 2px 15px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 1.2;
    max-width: 100%;
    display: inline-block;
    word-wrap: break-word;
}
/* -- more tooltip new end --*/

.s_form_fileup_bg {
    /* padding: 0px 20px; */
    padding: 0px 20px 20px;
}
.s_attachment {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    /* padding: 0 25px 0 0; */
    padding: 0 5px 0 0;
}
.s_attachment_btnbg {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0 0 0 0;
}
.s_att_btn {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0 10px 0 10px;
}

.s_att_btn button {
    color: #a1bf70;
    font-weight: bold;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.s_att_btn a {
    color: #a1bf70;
    font-weight: bold;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.s_att_btn button:hover, .s_att_btn a:hover,
.s_att_btn button:focus, .s_att_btn a:focus,
.s_att_btn button:active, .s_att_btn a:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
.s_att_btn .upload-btn-wrapper {
    margin: 0 0 0 0;
    vertical-align: middle;
}
.s_att_btn .new_upbutton {
    margin-bottom: 0;
}
.s_att_btn_upload .upload-btn-wrapper:hover .uploadbtn {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.sform_attachment_sec.sform_attachment_sec_tds {
    padding-top: 10px;
}

.s_form_fileup_bg .custom_fileup_name {
    padding: 15px 10px 10px 10px;
}
.s_midbox_section .price_input_grup {
    max-width: 100%;
}
.s_midbox textarea {
    outline: 0;
    font-size: 15px;
    color: #222222;
    background: transparent;
    margin: 0;
    padding: 12px 15px 12px;
    min-height: 120px;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(34, 34, 34, 0.3);
    transition: border-color 0.2s;
}
.s_midbox_section textarea {
    outline: 0;
    font-size: 15px;
    color: #222222;
    background: transparent;
    margin: 0;
    padding: 12px 15px 12px;
    min-height: 50px;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(34, 34, 34, 0.3);
    transition: border-color 0.2s;
}
.customdatefld {
    background-image: url(../images/calendar-black.png);
}
.form_group_error textarea {
    border: 1px solid red;
}
/* new Assigned to onClick user details section -- start -- */
.onClick_userName .ass_user_name {
    max-width: 100%;
}
.input_datashow .ass_user_name button.assignUser_nameBtn {
    display: block;
    color: #97b860;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    text-align: left;
    padding: 0 0;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.input_datashow .ass_user_name button.assignUser_nameBtn:hover,
.input_datashow .ass_user_name button.assignUser_nameBtn:focus,
.input_datashow .ass_user_name button.assignUser_nameBtn:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.input_datashow .user_popDetails_block {
    width: 380px;
    top: 100% !important;
    margin-top: 5px;
}
/* new Assigned to onClick user details section -- end -- */
/* slide mid form end -- */

/* slide mid form Sub task box start -- */

.s_midbox_section .slidetask_subbox_bg {
    padding: 20px 20px 20px;
    background: #f7f7f7;
    border: 1px solid #d3d3d3;
}
.s_midbox_section .task_title_head {
    position: relative;
    min-height: 5px;
    padding: 0 0 15px 0;
}
.s_midbox_section .task_title_head h5 {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: rgba(34, 34, 34, 0.4);
    padding: 0 20px 0 0;
    line-height: 1.4;
}
.s_midbox_section .subtask_cross_btn {
    text-align: right;
    top: -10px;
    position: absolute;
    z-index: 9;
    height: 20px;
    width: 20px;
    right: 0;
}
/* -- sprint 4 view invoce -- */
.viewInvoice {
    color: #97b860;
    font-size: 14px;
    font-weight: 600;

    top: -8px;
    position: absolute;
    z-index: 9;
    right: 0;
}

.s_midbox .field select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;

    background: url("../images/black-arrow.png");
    background-position: right 10px center;
    background-repeat: no-repeat;
}
.s_midbox .field .price_input_grup_bg select {
    background-position: right 10px center;
}

.s_midbox .upfile_name_box {
    width: 150px;
    background: #97b860;
    color: #fff;
}
.s_midbox .upfile_name_box span {
    white-space: nowrap;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

/* slide mid form Sub task box end -- */

/* --- Slide Mid body end --- */

/* == slide right screen end == */

/* ==== Task Slide Screen End ===== */

/* ==== +++ React Scroll Bar Custom Edit start +++ ====  */

.reactTestScroll {
    min-height: auto;
}
.reactTestScroll.reactTestScroll_single {
    min-height: auto;
}
.reactTestScroll.reactTestScroll_multi {
    min-height: auto;
}

.reactTestScroll.reactTestScroll_single div:first-child {
    /* min-height: auto; */
}
.reactTestScroll.reactTestScroll_multi div:first-child {
    /* min-height: auto; */
}

/* ==== +++ React Scroll Bar Custom Edit end +++ ====  */
/* **** ======= Sprint 03 Css End ======= **** */

/* **** ======= Sprint 04 Css start ======= **** */
/* -- new tooltip start -- */
.hover_tooltip {
    display: none;
    background: #97b860;
    padding: 10px;
    position: absolute;
    top: -5px;
    z-index: 10;
    width: 230px;
    left: 60px;
    border-radius: 4px;
}
.hover_tooltip h4 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}
.hover_tooltip p {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #fff;
    padding: 5px 0 0 0;
    width: 100%;
}
.SlideS_leftul ul li a {
    position: relative;
}
.SlideS_leftul ul li a:hover ~ .SlideS_leftul ul li .hover_tooltip {
    display: block;
}
.SlideS_leftul ul li a:hover .hover_tooltip {
    display: block;
    z-index: 9999;
}
/* -- new tooltip end -- */

.assign_list_bg {
    padding: 15px 0 0 0;
}
.assing_listBox_bg {
    background: #ffffff;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
    word-wrap: break-word;
    border-radius: 5px;
    margin: 0 0 10px 0;
    padding: 10px 10px;
}
.assList_topLeft {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    text-align: left;
}
.assList_topRight {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    text-align: right;
}
.assList_topRight a i {
    color: rgba(34, 34, 34, 0.4);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.assList_topRight a:hover i,
.assList_topRight a:focus i,
.assList_topRight a:active i {
    color: #97b860;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.assList_topSec {
    margin: 0 0 15px 0;

    position: relative;
}
.user_imgName {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 0 0 5px 0;
}
.ass_user_img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
}
.ass_user_img img {
    height: 30px;
    width: 30px;
    border-radius: 100px;
    border: 1px solid #fff;
    object-fit: fill;
    object-position: center;
}
.user_name_text {
    background: #003e8a;
    height: 25px;
    width: 25px;
    border-radius: 100px;
    text-align: center;
    /* vertical-align: middle;
  display: inline-block; */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.user_name_text span {
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}
.ass_user_name {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    position: relative;
    text-align: left;
    max-width: 435px;
}
.ass_userName_new {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    text-align: left;
}
.ass_user_name button.assignUser_nameBtn {
    display: block;
    color: #97b860;
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    text-align: left;
    padding: 3px 0;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.ass_user_name button.assignUser_nameBtn:hover,
.ass_user_name button.assignUser_nameBtn:focus,
.ass_user_name button.assignUser_nameBtn:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.ass_userRating {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid rgba(0, 0, 0, 0.5);

    color: rgba(34, 34, 34, 0.7);
    font-size: 14px;
    line-height: 1.2;
    font-weight: normal;
}
.ass_userRating i {
    color: #ed8a19;
    margin-right: 5px;
}
.ass_userExp {
    display: inline-block;
    vertical-align: middle;
    color: rgba(34, 34, 34, 0.7);
    font-size: 14px;
    font-weight: normal;

    max-width: 155px;
    word-wrap: break-word;
}

.assList_topRight a {
    color: rgba(34, 34, 34, 0.4);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    cursor: initial;

    display: flex;
    justify-content: flex-end;
    align-items: center;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.assList_topRight a span {
    cursor: pointer;
}
.assList_topRight a:hover,
.assList_topRight a:focus,
.assList_topRight a:active {
    /* color: #97B860; */

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.assList_topRight a span.top_sug_left {
    display: flex;
}

.assList_topRight a span.gray_text {
    color: rgba(34, 34, 34, 0.4);
}
.assList_topRight a span.green_text {
    color: #97b860;
}
.assList_topRight a span.gray_text.not_clickable {
    pointer-events: none;
}

.assList_topRight a .btn_tooltip {
    margin-left: 5px;
}
.assList_bottomSec {
    background: #efefef;
    /* border: 1px solid #979797; */
    padding: 10px 10px;
    border-radius: 4px;
    margin: 10px 0 0 0;
}
.ass_bottomLeft {
    display: inline-block;
    vertical-align: middle;
    width: 59%;
    color: #222222;
    min-height: 32px;
}
.ass_bottomRight {
    display: inline-block;
    vertical-align: bottom;
    width: 40%;
    text-align: right;
}
.ass_bottomLeft p {
    font-size: 14px;
    font-weight: normal;
    color: #222222;
}
.ass_bottomLeft p.ass_sta_p {
    font-size: 12px;
    font-weight: normal;
    color: rgba(34, 34, 34, 0.5);
}
.ass_bottomRight button {
    display: inline-block;
    vertical-align: middle;
    min-width: 100px;
    padding: 10px 10px;
    margin: 3px 0 3px 10px;
}
.ass_bottomRight button span {
    top: 0;
}

.user_popDetails_block {
    background: #f4f6f9;
    border: 1px solid #e3e9f0;
    border-radius: 5px;
    padding: 10px 10px;
    transform: translate3d(0px, 0px, 0px) !important;
    top: 25px !important;

    -webkit-box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.4);

    width: 420px;
    word-wrap: break-word;
}

/* ---  Professionals Interested Block new Modification // CC-Side -- start  --- */
.assList_topLeft_new {
    position: relative;
}
.assList_topLeft_new {
    width: 100%;
}
.userRating_block_new {
    display: block;
}
.userRating_block_left {
    float: left;
}
.userRating_block_right {
    float: right;
}
.prof_int_greenTick_block {
    display: flex;
    flex-direction: row;
}
.profInt_greenTick {
    margin: 0 0 0 5px;
}
.profInt_greenTick_spantext {
    font-size: 12px;
}
.profInt_greenTick_spanimg {
    margin: 0 0 0 5px;
}
.profInt_greenTick_spanimg img {
    height: 17px;
    widows: 17px;
}

.assList_topRight_new {
    position: absolute;
    right: 0;
}

/* -- Confidentiality Check related - Professionals Interested - screen modification start -- */
p.msg_yellow_textBlock {
    font-size: 14px;
    background: #ffedd1;
    padding: 10px 10px;
    margin: 10px 0;
}
/* -- Confidentiality Check related - Professionals Interested - screen modification end -- */

/* ---  Professionals Interested Block new Modification // CC-Side -- end  --- */

/* -- Assign user name popup box start  -- */
.user_popBox_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* flex-direction: column-reverse; */
}

.user_popBox_topLeft {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.user_popBox_topLeft h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    color: #222222;
    margin: 0 0 3px 0;
    max-width: 320px;
}
.user_popBox_topRight {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.user_popBox_topRight {
    max-width: 50px;
    max-height: 50px;
}
.user_popBox_topRight img {
    max-width: 50px;
    max-height: 50px;
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
    height: 50px;
    width: 50px;
}
.user_popBox_topRight .user_name_text {
    height: 45px;
    width: 45px;
}

.u_popBox_sec {
    padding: 5px 0;
    word-wrap: break-word;
}
.u_popBox_sec h5 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: rgba(34, 34, 34, 0.5);
}
.u_popBox_sec > p {
    font-size: 13px;
    line-height: 1.3;
    color: #222222;
    text-align: justify;
}
.u_popBox_sec ul {
    padding: 8px 0 0 0;
}
.u_popBox_sec ul li {
    display: inline-block;
    position: relative;
    color: #fff;
    background: #97b860;
    padding: 5px 10px 5px 10px;
    border-radius: 50px;
    font-size: 13px;
    line-height: 1.2;
    margin: 0 5px 5px 0;

    min-width: auto;
    max-width: 100%;
}
/* -- Assign user name popup box end  -- */

/* ---  Chat Screen Start --- */
.slideChat_head {
    position: relative;
}
.slideChat_panel {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;

    word-wrap: break-word;
}

.chatHeadBack {
    background-image: url(../images/Path-back.png);
    background-repeat: no-repeat;
    background-position: left 5px center;
    background-size: 20px;
    padding: 5px 10px 5px 35px;
    border: 1px solid #97b860;
    border-radius: 5px;

    font-size: 14px;
    font-weight: bold;
    color: #222222;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.chatHeadBack:hover,
.chatHeadBack:focus,
.chatHeadBack:active {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.slideChat_panel h5 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    max-width: 300px;
}
.slideChat_panel h5.chatHeadUser {
    /* color: #97b860; */  /* -- old lp side -- */
    /* color: #222222; */ /* -- old lp side -- */
    color: #222222;
}
.slideChat_panel h5.chatHeadUser span.chatNegotiation_userName_spanGren {
    color: #97b860;
}
.slideChat_panel .sub_grd_btn {
    min-width: auto;
    width: 80px;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: bold;
}
.slideChat_panel > p {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    padding: 0px 50px 0 0;
}
.slideChat_panel p a {
    color: #97b860;
    /* color: #222222; */ /* -- lp side -- */
}

/* -- chat header new invoice calculeter section start -- */
.chatHead_calInv_btnBg {
    top: 50%;
    /* right: 0; */
    position: absolute;
    margin-top: -17px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.splitscreen_area.margin0 .chatHead_calInv_btnBg {
    right: 0;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.calInvBtn {
    background-image: url(../images/calculate-invoice.png);
    background-repeat: no-repeat;
    background-position: left 8px center;
    background-size: 18px;
    padding: 5px 10px 5px 35px;
    border: 1px solid #97b860;
    border-radius: 5px;

    min-width: 50px;
    min-height: 33px;

    font-size: 14px;
    font-weight: bold;
    color: #97b860;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.calInvBtn:hover,
.calInvBtn:focus,
.calInvBtn:active {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/* -- chat header new invoice calculeter section end -- */

/* ----- Chat bottom footer start ----- */
.Slide_chatBottomBg {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat_bottom_left {
    display: flex;
    align-items: center;
    width: 100%;
}

.chat_bottom_left p {
    color: rgba(34, 34, 34, 0.3);
    font-size: 14px;
    font-weight: normal;
}
.chat_bottom_inputBg {
    /* display: inline-block;
  vertical-align: middle; */
    display: flex;
    padding: 0 2px;
    width: 100%;
}
.chat_bottom_inputBg .cht_btm_icon {
    display: inline-block;
    vertical-align: middle;
}
.chat_bottom_inputBg .cht_btm_icon img {
    max-width: 50px;
}
.cht_input_grp {
    display: inline-block;
    vertical-align: middle;
}
.cht_input_grp input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    background: none;
    border: 0px none;
    /* border: 1px solid #222222; */
    display: inline-block;
    width: 130px;

    color: #222222;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    padding: 0px 5px;
}
.cht_input_grp_bgt input {
    width: 250px;
}

.chatFoot_Bgt_grp {
    /* min-width: 290px; */
}
.chatFoot_date_grp {
    min-width: 160px;
}
.chatFoot_textMsg_grp {
    width: 100%;
}
.chatFoot_textMsg_grp .cht_input_grp {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: left;
}
.cht_input_grp .fileUpMsg_input input {
    /* width: 170px; */ /* -- cc side -- */
    /*width: 370px;*/ /* -- lp side -- */
    width: 100%;
}

.cht_input_grp .fileUpMsg_input textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    /* background: none; */
    /* background: #f7f7f7; */
    border: 1px solid rgba(34,34,34,0.3);
    
    border-radius: 5px;
    width: 100%;
    height: 50px;
    min-height: 50px;
    color: #222222;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    padding: 2px 5px;
}

.cht_input_grp .fileUpMsg_input.form_group_error textarea {
    border: 1px solid red;
}

.cht_input_grp .btn_tooltip i {
    color: rgba(34, 34, 34, 0.3);
}
.cht_input_grp .btn_tooltip:hover i,
.cht_input_grp .btn_tooltip:focus i,
.cht_input_grp .btn_tooltip:active i {
    color: #97b860;
}

.chat_bottom_inputBg .cht_btm_icon .top_sug_left {
    margin: 0 5px 0 0;
}
.chat_bottom_inputBg .cht_btm_icon .btn_tooltip i {
    color: rgba(34, 34, 34, 0.3);
}
.chat_bottom_inputBg .btn_tooltip:hover i,
.chat_bottom_inputBg .btn_tooltip:focus i,
.chat_bottom_inputBg .btn_tooltip:active i {
    color: #97b860;
}

.Slide_chatBottomBg .s_footer_btnbg {
    min-width: 240px;
}
.s_footer_btnbg .chatFoot_upBtn,
.s_footer_btnbg button {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    /* margin: 0 0 0 5px; */
    margin: 0 0 0 3px;

    /* background: pink; */
}
.Slide_chatBottomBg .s_footer_btnbg .sub_grd_btn {
    min-width: 100px;
}
.s_footer_btnbg .blank_btn {
    min-width: 80px;
    padding: 8px 3px;
    text-align: center;

    color: #222222;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.s_footer_btnbg .blank_btn:hover,
.s_footer_btnbg .blank_btn:focus,
.s_footer_btnbg .blank_btn:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.s_footer_btnbg .upload-btn-wrapper {
    margin: 0 0 0 0;
}
.s_footer_btnbg .new_upbutton {
    margin-bottom: 0;
}

/* === new re-negotiate new footer start -- */
.chatFoot_textMsg_grp_for_reNego {
    width: 100%;
}
.chatFoot_textMsg_grp_for_reNego .cht_input_grp_reNego {
    width: 100%;
    padding: 2px 0;
}

.chatFoot_textMsg_grp_for_reNego .cht_input_grp_reNego .fileUpMsg_input textarea {
    width: calc(100% - 50px);
    vertical-align: middle;
    background-color: transparent;
    margin: 0 5px 0 0;
}

.chatFoot_textMsg_grp_for_reNego .chatFoot_inputGrp   {
    max-width: 260px;
}

.chatFoot_textMsg_grp_for_reNego .cht_input_grp_reNego input {
    width: calc(100% - 150px);
    max-width: 300px;
    /* min-height: 30px; */
    height: 30px;
    border-radius: 5px;
    border: 1px solid rgba(34,34,34,0.3);
    background-color: transparent;
    margin: 0 5px 0;
}
.chatFoot_textMsg_grp_for_reNego .cht_input_grp_reNego.cht_input_grp_reNego_dueDate input {
    margin: 0 0;
    height: 30px;
}

.cht_input_grp_reNego_dueDate .cht_input_grp_date {
    /* width: calc(100% - 160px); */
    margin: 0 5px;
}
.cht_input_grp_reNego_dueDate .cht_input_grp_date input {
    width: 100%;
    min-width: 200px;
}

.chatFoot_textMsg_grp_for_reNego span.top_sug_left {
    margin: 0 0 0 5px;
}

.cht_input_grp_reNego_block.form_group_error input {
    border: 1px solid red;
}

.cht_input_grp_reNego_budget span.error_span {
    padding-left:  18px;
}
.cht_input_grp_reNego_dueDate span.error_span {
    padding-left:  25px;
}

/* === new re-negotiate new footer end  -- */

/* ----- Chat bottom footer end ----- */

.SlideS_Midbg_chat {
    padding: 0px 0px 0px 0px;
}
.s_midbox_section_chat {
    padding: 0px 0px 0px 0px;
    /* background: pink; */
}

.chatTab_topText_sec {
    padding: 20px 15px;
}
.chatTab_topText_sec h4 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.chatTabBtn {
    width: 50%;
    float: left;
    text-align: center;
    padding: 15px 10px;
    border-top: 1px solid #e7ebf0;
    border-bottom: 2px solid #e7ebf0;

    font-size: 14px;
    font-weight: bold;
    color: #222222;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.chatTabBtn:hover,
.chatTabBtn:hover,
.chatTabBtn:hover {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.chatTabBtn.active {
    background: #003e8a;
    color: #fff;

    border-top: 1px solid #003e8a;
    border-bottom: 2px solid #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.chatTab_new {
    padding: 2px 5px;
    border-radius: 50px 50px 50px 50px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    background-color: #e55039;
    text-align: center;
    color: #fff;
    font-size: 10px;
}
.chatBody_sec {
    /* padding: 15px 15px; */
    padding: 5px 15px 35px;
}
.chatBody_top {
    padding: 10px 15px;
}
.chatBody_topSec p.chatBody_top_p {
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    /* vertical-align: middle; */
    vertical-align: top;
    text-align: left;
    width: 49.5%;
}
.chatBody_topSec p.chatBody_top_p b {
    font-weight: bolder;
}
/* -- chat screen new green tick modification start -- */
.nego_ChatScreen_tickSpan {
    vertical-align: text-bottom;
}
/* -- chat screen new green tick modification end -- */
.chatBody_sec {
    position: relative;
}
.chatBody_ulBg {
    /* padding: 20px 0px 30px; */
    padding: 0px 0px 30px;
    position: relative;

    /* background: pink; */
}
.chatBody_ulBg ul li {
    padding: 5px 0px;
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 0 0 5px;
}
.chatBody_ulBg ul li:nth-child(odd) {
    text-align: left;
}
.chatBody_ulBg ul li:nth-child(even) {
    text-align: right;
}
.chatBody_ulBg .chatBody_box {
    padding: 13px 15px 10px 15px;
    font-size: 14px;
    display: inline-block;
    min-width: 40%;
}
.chatBody_ulBg .chatBody_box.chatBody_box_green {
    color: #fff;
    background: #97b860;
    border-radius: 0px 7px 7px 7px;
    float: left;
    clear: both;
}
.chatBody_ulBg .chatBody_box.chatBody_box_gray {
    color: #222222;
    background: #dfdfdf;
    border-radius: 7px 0px 7px 7px;
    float: right;
    clear: both;

    text-align: left;
}
.chatBody_btn_sec {
    padding: 3px 0px;
}
.chatBody_btn_sec button {
    float: left;
    padding: 2px 5px 2px 3px;
    color: #003e8a;
    font-size: 14px;
    font-weight: bold;
    margin: 0 24px 0 0;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.chatBody_btn_sec button.chatBtn_reject {
    float: right;
    margin: 0 0 0 0;
}
.chatBody_btn_sec button:hover,
.chatBody_btn_sec button:focus,
.chatBody_btn_sec button:active {
    color: #000;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.chat_bottom_msg {
    padding: 15px 10px;
    background: #ffedd1;
    border-radius: 3px;
    /* margin: 50px auto 10px; */
    margin: 20px auto 10px;
}

.chat_bottom_msg_new_bg {
    /* background: rgb(128, 123, 124,05); */
    position: absolute;
    /* bottom: 5px; */
    bottom: 95px;
    left: 0;
    right: 0;

    /* opacity: 0.5; */
}

.chat_bottom_msg_new {
    width: 96%;
    margin: auto;

    padding: 12px 10px;
    background: #ffedd1;
    border-radius: 3px;
    margin: 5px auto 5px;
}
.chat_bottom_msg p,
.chat_bottom_msg_new p {
    color: #222222;
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
    padding: 0px 15px;
}
.chat_bottom_msg_new.error_chat_msg {
    background-color: #e55039;
}
.chat_bottom_msg_new.error_chat_msg p {
    color: #fff;
    font-weight: 600;
}

.chat_refrash_btn {
    position: absolute;
    bottom: 3px;
    right: 15px;
    z-index: 10;
}
.rf_btn {
    font-size: 20px;
    color: #97b860;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.rf_btn.active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* ---  Chat Screen end --- */

/* --- ** react tag popup test start ** -- */

/* .conflctpopcontentcls {
    padding: 10px 0;
} */
.conflict_popText {
    padding: 0 0 15px 0;
}
.conflict_popText p {
    font-size: 14px;
    text-align: justify;
    color: #222222;
}

.conflctpopcontentcls {
    /* border: 1px solid rgba(34,34,34,0.2); */
    /* margin-right: 0px !important;
  margin-left: 0px !important; */
    padding: 5px 15px;
}

.conflict_inputBox {
    width: 100%;
    border: 1px solid rgba(34, 34, 34, 0.2);
    padding: 10px 5px;
    border-radius: 4px;
    min-height: 100px;

    cursor: text;
}
.conflctpopcontentcls .react-tagsinput {
    background-color: #fff;
    border: 0px none;
    overflow: hidden;
    padding-left: 5px;
    padding-top: 5px;
}
.conlictpopupmsgcls {
    display: inline-block;
}
.conflctpopcontentcls .react-tagsinput {
    border: 0px none !important;
    display: inline-block;
    vertical-align: top;
    padding-top: 0px !important;
}

.conflctpopcontentcls .react-tagsinput-input {
    padding: 0px 5px !important;
    border: 0px none !important;
    width: 150px;
}

.conflctpopcontentcls .react-tagsinput-tag {
    background-color: #97b860 !important;
    border-radius: 50px 50px 50px 50px !important;
    border: 0px none !important;
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px 10px !important;

    word-wrap: anywhere;
}
.react-tagsinput-remove {
    color: #222222 !important;
    margin-left: 3px;
}

.conflict_tramCond_sec {
    width: 100%;
    padding: 10px 0 5px;
}
.conflict_tramCond_sec a {
    color: #97b860;
    text-decoration: none;
    font-size: 13px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.conflict_tramCond_sec a:hover,
.conflict_tramCond_sec a:focus,
.conflict_tramCond_sec a:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.conflictpopbdyoutercls .modal-footer {
    padding: 5px 25px 20px;
}

/* --- ** react tag popup test end ** -- */
/* -- engagement letter popup start -- */
.modal_text_btn {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.modal_text_btn:hover,
.modal_text_btn:focus,
.modal_text_btn:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.modal-lg.custom_modal_lg.engagementLetter_modal_bg {
    /* max-width: 70%; */
    max-width: 700px;
    margin: auto;
}
.engagementLetter_modal_bg .modal-content {
    /* max-width: 700px; */
    background: #fff;
}
.engagementLetter_modal_bg .modal_title_tool {
    text-align: center;
    padding: 0 30px;
    display: inline-block;
    width: 100%;
}
.engagementLetter_modal_bg .modal-header {
    background: none;
    color: #222222;
    border-bottom: 0px none;
}
.engagementLetter_modal_bg .modal-header .modal_close {
    /* background: #e55039 !important; */
    color: #fff;
    font-size: 18px;
}
.engagementPop_p {
    min-height: 400px;
}
.engagementLetter_modal_bg.custom_modal_lg .modal-footer button.modal_btn_save {
    min-width: 120px;
}

/* -- engagement letter new start */
.engaLtr_title {
    text-align: center;
    font-weight: bold;
    padding: 0 0 10px;
}
.engaLtr_contBlock {
    padding: 5px 0;
}
.engaLtr_half {
    display: inline-block;
    width: 49%;
}

.engaLtr_tableLayout {
    margin: 10px 0;
    border: 1px solid #222222;
}
.engaLtr_tableLayout_half {
    width: 50%;
    float: left;
}
.engaLtr_tableLayout_block {
    border: 1px solid #222222;
    padding: 5px 5px 15px;
    text-align: left;
} 
/* -- engagement letter new end */
/* -- engagement letter popup end -- */

/* **** ======= Sprint 04 Css End ======= **** */

/* **** ======= Sprint 05 Css start ======= **** */

/* -- task details edit screen start -- */

.right_TaskBox_new {
    padding: 20px 25px;
}
.s_midbox_section .right_TaskBox_new .task_title_head {
    padding: 0 0 15px 0;
}

.mainFormBox_btnSec .s_footer_btnbg button {
    min-width: 100px;
}

.right_TaskBox_new .form__label {
    padding: 0 10px 0 0;
}
.right_TaskBox_new .input_datashow {
    padding: 8px 0px;
}
.right_TaskBox_new .s_form_fileup_bg {
    padding: 0 0 10px;
}
.s_midbox_paddingAdjust {
    padding: 15px 30px 30px;
}
.lable_popDetails_bg {
    position: relative;
    display: inline-block;
    word-wrap: break-word;
    clear: both;
}
.lable_popDetails_bg .lable_popBtn {
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    color: #97b860;
    margin: 0 0 0 10px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.lable_popDetails_bg .lable_popBtn:hover,
.lable_popDetails_bg .lable_popBtn:focus,
.lable_popDetails_bg .lable_popBtn:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.lable_pop_details {
    /* display: block; */
    display: none;
    position: absolute;
    z-index: 1000;
    top: 24px;
    left: -5px;
    overflow: hidden;
    /* width: 400px; */
    width: 350px;
    height: auto;

    background: #f4f6f9;
    border: 1px solid #e3e9f0;
    border-radius: 4px;
    padding: 10px 10px;

    -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.lable_popDetails_bg .lable_popBtn:hover ~ .lable_pop_details {
    display: block;
    max-height: inherit;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.lable_popDetails_bg .lable_popBtn:focus ~ .lable_pop_details,
.lable_popDetails_bg .lable_popBtn:active ~ .lable_pop_details {
    display: block;
    max-height: inherit;
}
/* .lable_popDetails_bg button.veh_btn {
  float: right;
  color: #97B860;
  font-size: 14px;
  font-weight: bold;
} */
.lable_pop_details h5 {
    float: left;
    font-size: 15px;
    font-weight: 700;
    color: rgba(34, 34, 34, 1);
    margin: 0 0 3px 0;
}
.lable_pop_details p {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    color: #222222;
    padding: 5px 0 0;
}
.lable_pop_details p.dtp {
    color: rgba(34, 34, 34, 0.5);
}
.lable_pop_details p.dtp span {
    font-size: 12px;
    padding: 0 2px 0 0;
}

/* -- task details edit screen end -- */
/* -- Invoice list start **old**  -- */

.slide_top_titlebg .all_inv_topRight {
    float: right;
}
.all_inv_topRight button {
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    color: #97b860;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.all_inv_topRight button:hover,
.all_inv_topRight button:focus,
.all_inv_topRight button:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.invTaskNo_top {
    padding: 20px 35px;
}
.invTaskNo_top .invTaskNo_left {
    float: left;
}
.invTaskNo_top .invTaskNo_right {
    float: right;
}
.invTaskNo_top p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(34, 34, 34, 0.5);
}

.invList_bg {
    background: rgb(255, 255, 184);
    padding: 10px 20px;
}
.inv_wblock {
    background: #fff;
    border-radius: 5px;
    margin: 0 0 15px;
}
.inv_wblock_head {
    padding: 15px 15px;
}
.inv_wblock_head h4 {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}
.inv_wblock_head h4 span.inv_dwn_icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

.inv_wblock_body {
    overflow: hidden;
}
.inv_wblock_body.wb_height_full {
    height: auto;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    transition: height 0.3s;
}
.inv_wblock_body.wb_height_0 {
    height: 0;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    transition: height 0.3s;
}
.inv_wblock_body.wb_height_0 .wblock_rowBg {
    opacity: 0;

    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.inv_wblock_body.wb_height_full .wblock_rowBg {
    opacity: 1;

    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.wblock_rowBg .row {
    margin: 7px 0;
}
.inv_wblock_body p.inv_label {
    color: rgba(34, 34, 34, 0.5);
    font-size: 14px;
}
.inv_wblock_body p.inv_cont {
    color: rgba(34, 34, 34, 1);
    font-size: 14px;
    line-height: 1.5;
}
.invDecl_block {
    border: 1px solid;
    padding: 20px 15px;
    vertical-align: top;
}
.invDecl_block h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.invDecl_block p {
    font-size: 14px;
    font-weight: normal;
}
.invDecl_blockLeft {
    display: inline-block;
    width: 74%;
    vertical-align: top;
    padding: 0 10% 0 0;
}
.invDecl_blockRight {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}
.invDecl_blockRight .row {
    margin-bottom: 10px;
}

.chat_bottom_left h5 {
    font-size: 16px;
    font-weight: 700;
    padding: 0 15px;
}

.greenText_btn {
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    color: #97b860;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.greenText_btn:hover,
.greenText_btn:focus,
.greenText_btn:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.invoiceList_bottomBg .Slide_chatBottomBg .s_footer_btnbg {
    min-width: auto;
}

/* -- Invoice list end **old** -- */
/* -- Document list start  -- */
.docFile_pageBG {
    padding: 10px 10px;
}
.docUp_top {
    padding: 10px 10px;
}
.docUp_top select {
    /* border-radius: 0px; */
    border: 1px solid rgba(0, 0, 0, 0.07);
}
.fileList_bg {
    padding: 10px 10px;
}
.docBox_bg {
    /* padding: 15px 15px 10px; */
    padding: 10px 10px;
    margin: 0 0 30px 0;
    background: #ffffff;
}
.docBoxFolder_bg {
    background: #e3e9f0;
}
.docList_hd {
    padding: 5px 10px;
    min-height: 50px;
    /* background: pink; */
}
.docList_hd_left {
    float: left;
    padding: 10px 0 0 0;
}
.docList_hd_right {
    float: right;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.docList_hd_left button {
    display: inline-block;
    vertical-align: top;
}
.docList_hd_left button span {
    margin-right: 0px;
}

.docList_hd_left h4 {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 10px 0 0;
}
.docList_hd_left h4 .top_sug_left {
    padding: 0 0 0 10px;
}
.docList_hd_left .top_sug_left .btn_tooltip i {
    color: #8d8d8d;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.docList_hd_left .top_sug_left:hover .btn_tooltip i,
.docList_hd_left .top_sug_left:focus .btn_tooltip i,
.docList_hd_left .top_sug_left:active .btn_tooltip i {
    color: #97b860;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.docList_hd_right button {
    min-width: 80px;
    padding: 12px 12px;
    color: #fff;
}
.docList_hd_right button:hover {
    color: #fff;
}
.docList_hd_right button span {
    margin-right: 0px;
}
/* --- docList_hd_right upload button start --- */
.docList_hd_right .upload-btn-wrapper {
    margin: 0 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.docList_hd_right .upload-btn-wrapper:hover {
    cursor: pointer;
}
.docList_hd_right .upload-btn-wrapper .new_upbutton {
    margin-bottom: 0px;
}
.docList_hd_right .upload-btn-wrapper button.sub_grd_btn {
    background: #fbc93a;
    background: -moz-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: -webkit-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: linear-gradient(to bottom, #fbc93a 0%, #feb15f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc93a', endColorstr='#feb15f',GradientType=0 );

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.docList_hd_right .upload-btn-wrapper button.sub_grd_btn:after {
    content: "";
    position: absolute;
    border-radius: 4px;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    background: #97b860;
    background: -moz-linear-gradient(top, #97b860 0%, #97b860 100%);
    background: -webkit-linear-gradient(top, #97b860 0%, #97b860 100%);
    background: linear-gradient(to bottom, #97b860 0%, #97b860 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b860', endColorstr='#97b860',GradientType=0 );

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    opacity: 0;
}
.docList_hd_right .upload-btn-wrapper:hover button.sub_grd_btn:after {
    opacity: 1;
}
.docList_hd_right .upload-btn-wrapper button.sub_grd_btn span {
    position: relative;
    z-index: 1;
}
.upload-btn-wrapper input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}

.docList_hd_right .upload-btn-wrapper input[type="file"] {
    z-index: 1;
}

/* --- docList_hd_right upload button end --- */

.docList_bdy {
    padding: 10px 0;
}

.row.row_doc {
    margin-left: 0;
    margin-right: 0;
}
.col-xl-6.col-lg-12.col-md-6.col-sm-12.col-12.col_docBlock {
    /* padding: 0 7px;  */
}

.docBlock {
    padding: 10px 10px;
    position: relative;
    word-wrap: break-word;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.docBlock:hover,
.docBlock:focus,
.docBlock:active {
    -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* .docBlock_folder {
  background: #E3E9F0;
} */
.doc_folderBtn {
    width: 100%;
    text-align: left;
}

.docBlock.docBlock_folder {
    margin: 0 0 15px 0;
    background: #e3e9f0;
    /* border: 1px solid #FAFAFA; */
}
.docBlock.docBlock_file {
    margin: 0 0 15px 0;
    background: #f4f6f9;
    /* border: 1px solid #FAFAFA; */
}
.docBlock_top {
    padding: 0 0 5px 0;
}
.doc_leftImg {
    display: inline-block;
    vertical-align: top;
    /* width: 60px; */
    width: 14%;
    /* padding: 0 10px 0 0; */
    /* margin: 0 10px 0 0; */
    position: relative;

    /* background-image: url('../images/file.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; */
}
.doc_leftImg_box {
    position: relative;
}
.doc_leftImg img {
    width: 100%;
    margin: auto;
}
.doc_leftImg .docExtc {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -7px;
    text-align: center;
}
.doc_leftImg .docExtc h6 {
    color: #fff;
    /* font-size: 14px; */
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    padding: 2px 3px 2px 2px;
    word-wrap: break-word;
    box-sizing: border-box;
}
.doc_cont {
    display: inline-block;
    width: 84%;
    min-height: 110px;
    vertical-align: top;
    /* padding: 3px 20px 0 10px; */
    padding: 3px 65px 0 10px;
}
.doc_cont h5 {
    font-size: 15px;
    line-height: 1.2;
    padding: 2px 0 3px;
    text-align: left;
}
.doc_cont h5.docFile_date span {
    font-size: 12px;
    line-height: 1.5;
    padding: 2px 5px 3px 5px;
    text-align: left;
}
.doc_cont h5.docFile_date span:first-child {
    padding: 2px 5px 3px 0px;
}
.doc_cont p {
    font-size: 12px;
    line-height: 1.5;
    padding: 2px 0 3px;
    text-align: left;
    color: rgba(0, 0, 0, 0.5);
}
.doc_box_right {
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
}
.doc_box_right .tasktop_statusbtn {
    width: auto;
}

.docBlock_bottom {
    padding: 5px 0 0 0;
}
.docBlock_bottom button.docView_btn {
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    border: 2px solid #97b860;
    text-align: center;
    min-width: 100px;
    padding: 5px 3px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.docBlock_bottom button.docView_btn:hover,
.docBlock_bottom button.docView_btn:focus,
.docBlock_bottom button.docView_btn:active {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.invoiceList_bottomBg .sub_grd_btn span {
    top: -3px;
}
.doc_box_right .dropdown-menu {
    background: #e5e9ee;
    border: 1px solid #e3e9f0;
    padding: 10px 10px;
    min-width: 100px;
    /* min-height: 60px; */

    -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
}
.doc_box_right .dropdown-menu .taskstat_dropmenu ul li {
    margin: 0 0 2px 0;
}
.doc_box_right .dropdown-menu .taskstat_dropmenu ul li button {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 03s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.doc_box_right .dropdown-menu .taskstat_dropmenu ul li button:hover,
.doc_box_right .dropdown-menu .taskstat_dropmenu ul li button:focus,
.doc_box_right .dropdown-menu .taskstat_dropmenu ul li button:active {
    color: #003e8a;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.doc_box_right .dropdown-menu .taskstat_dropmenu ul li button.disabled {
    opacity: 0.4;
}

.doc_box_right .dropdown-menu .taskstat_dropmenu ul li a.a_button {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    padding: 0 0;
    text-align: left;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 03s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.doc_box_right .dropdown-menu .taskstat_dropmenu ul li a.a_button:hover,
.doc_box_right .dropdown-menu .taskstat_dropmenu ul li a.a_button:focus,
.doc_box_right .dropdown-menu .taskstat_dropmenu ul li a.a_button:active {
    color: #003e8a;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.doc_box_right .dropdown-menu .taskstat_dropmenu ul li a.a_button.disabled {
    opacity: 0.4;
}

/* -- Document list end  -- */

/* -- File up Modal & Chat Screen start -- */
.fileUp_modalBox p {
    font-size: 14px;
    line-height: 1.5;
    padding: 0 0 10px 0;
}
.fileUp_modalBox ul li {
    position: relative;
    display: inline-block;
    margin: 0 20px 10px 0;
}
.popFile_name .fileUp_delBtn {
    text-align: right;
    position: relative;
    width: 12px;
    height: auto;
}
.popFile_nameText {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.popFile_nameText_span {
    white-space: nowrap;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.chatbody_text p {
    max-width: 500px;
    word-wrap: break-word;
    text-align: left;
}

.chatbody_text h5 {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
}

.chatBody_box_green .chatbody_text h5 {
    text-align: left;
}

/* -- new chat negotiate block section start /// LP & CC side -- */
.chatbody_text_newNego {
    padding: 0 0 3px 0;
    margin: 0 0 2px 0;
    /* border-bottom: 1px solid rgba(34,34,34,0.5); */
}
.chatBody_box .chatbody_text h4 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
.chatBody_box.chatBody_box_green .chatbody_text h4 {
    color: #ffffff;
}
.chatBody_box.chatBody_box_gray .chatbody_text h4 {
    color: #222222;
}

.chatbody_text_newNego_descp_p {
    border-top: 1px solid rgba(78, 49, 49, 0.2);
}

/* -- new chat negotiate block section end /// LP & CC side -- */

.chat_fileAttach ul li {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 3px 0;
    padding: 1px 0;
}

.chat_fileName {
    display: inline-block;
    vertical-align: text-top;
    margin: 0 10px 0 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
    text-align: left;

    max-width: 400px;
    word-wrap: anywhere;
}
.chat_fileDownload {
    display: inline-block;
    vertical-align: text-top;
    margin: 0 0 0 0;
}

.chat_fileDownload a,
.chat_fileDownload button  {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    cursor: pointer;
    border: 0px none;
    background: none;
    text-align: center;

    font-size: 14px;
    font-weight: 700;
    color: #97b860;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.chatBody_box_green .chat_fileDownload a,
.chatBody_box_green .chat_fileDownload button {
    color: rgba(34, 34, 34, 0.4);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.chat_fileDownload a:hover, .chat_fileDownload button:hover,
.chat_fileDownload a:focus, .chat_fileDownload button:focus,
.chat_fileDownload a:active, .chat_fileDownload button:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/* -- chat timing new addition start -- */
.monichatdatetime {
    font-size: 11px;
    text-align: right;
    padding: 5px 0 0 0;
    opacity: 0.7;
}
/* -- chat timing new addition end -- */
/* -- File up Modal & Chat Screen end -- */

/* -- timesheet Screen start -- */
.dataTable_bg {
    padding: 20px;
    /* padding: 10px 20px; */
    width: 100%;
    margin: 10px auto;
}

.timesheet_block {
    background: #fff;
    padding: 10px 10px;
    margin: 0 0 20px 0;
}
.timest_top {
    padding: 10px 10px;
}
.timest_left {
    float: left;
}
.timest_userImg {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.timest_userName {
    display: inline-block;
    vertical-align: middle;
    max-width: 400px;
}
.timest_userName a {
    font-size: 14px;
    font-weight: 700;
    color: #97b860;
    display: block;
    line-height: 1.3;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.timest_userName a:hover,
.timest_userName a:focus,
.timest_userName a:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.timest_userImg img {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
}

.timest_right {
    float: right;
}
.timest_rightBtn {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #97b860;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.timest_rightBtn:hover,
.timest_rightBtn:focus,
.timest_rightBtn:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* -- TimeSheet table start -- */
.table_boxBg {
    padding: 5px 10px 10px;
    word-wrap: break-word;
}
.table-responsive {
    padding: 0 10px 0 0;
}
.dataTable_bg table {
    min-width: 400px;

    margin-bottom: 50px;
}
.dataTable_bg table thead {
    font-size: 14px;
    font-weight: bold;
}

.dataTable_bg table th,
.dataTable_bg table td {
    border: 0px none;
    word-wrap: break-word;
    /* border-bottom: 1px solid #D8D8D8; */
}
.dataTable_bg table thead {
    border-bottom: 1px solid #d8d8d8;
}
.dataTable_bg table tbody tr {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.dataTable_bg table thead td .tabeTh_data,
.dataTable_bg table thead th .tabeTh_data,
.dataTable_bg table thead td .th_btn,
.dataTable_bg table thead th .th_btn {
    display: inline-block;
    vertical-align: middle;
}

.dataTable_bg table thead th .th_btn {
    margin: 0 0 0 10px;
}
.th_btn button span {
    color: rgba(34, 34, 34, 0.5);
}
.th_btn button.th_ase span.uparrow {
    color: rgba(0, 0, 0, 1);
}
.th_btn button.th_des span.downarrow {
    color: rgba(0, 0, 0, 1);
}
.th_btn button.th_normal span {
    color: rgba(0,0,0,0.5);
}
.th_btn button.th_active span {
    color: rgba(0,0,0,1);
}
.dataTable_bg table th {
    padding: 10px 5px;
    vertical-align: middle;
}
.dataTable_bg table td {
    padding: 10px 5px 10px;
    vertical-align: top;
}
.dataTable_bg table td {
    font-size: 14px;
    font-weight: normal;
}

/* - TD & TH Width adjust - */
.dataTable_bg table th:nth-child(1) {
    min-width: 135px;
}
.dataTable_bg table th:nth-child(2) {
    min-width: 100px;
}
.dataTable_bg table th:nth-child(3) {
    min-width: 300px;
}

.dataTable_bg table td:nth-child(1) {
    min-width: 135px;
    max-width: 150px;
    /* background: greenyellow; */
}
.dataTable_bg table td:nth-child(2) {
    min-width: 100px;
    max-width: 150px;
    /* background: skyblue; */
}
.dataTable_bg table td:nth-child(3) {
    /* width: 300px; */
    min-width: 300px;
    max-width: 500px;
    /* background: teal; */
}
.dataTable_bg table td:nth-child(4) {
    min-width: 120px;
}
/* .dataTable_bg table td:nth-child() {
  background: royalblue;
} */
/* - TD & TH Width adjust - */

.uparrow {
    position: relative;
    /* right: -3px; */
}

/* new time sheet table button start */
.action_td_timesheet button.td_acBtn {
    padding: 0 0 0 10px;
    font-size: 14px;
    font-weight: bold;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.action_td_timesheet button.td_acBtn.td_acBtn_edit {
    color: #1A94EF;
}
.action_td_timesheet button.td_acBtn.td_acBtn_del {
    color: #FF0000;
}
.action_td_timesheet button.td_acBtn:hover,
.action_td_timesheet button.td_acBtn:focus,
.action_td_timesheet button.td_acBtn:active {
    color: rgba(0,0,0,0.8);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
/* new time sheet table button end */


/* -- TimeSheet table end -- */

.timesheet_downloadBtn {
    background: url("../images/cloud-computing.png");
    background-position: left 10px center;
    background-repeat: no-repeat;

    border-radius: 8px;

    outline: 0;
    font-size: 15px;
    font-weight: bold;
    color: #222222;
    border: 2px solid #97b860;
    margin: 0;
    padding: 7px 5px 7px 25px;
    /* padding: 7px 5px 7px 35px; */
    width: 200px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.timesheet_downloadBtn:hover,
.timesheet_downloadBtn:focus,
.timesheet_downloadBtn:active {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.timesheet_downloadBtn span {
    vertical-align: text-top;
    line-height: 1.2;
}
/* -- timesheet top section start -- */
.timesheet_filter_box {
    margin: 0 0 15px 0;
}
.timesheet_filterBg {
    /* background: pink; */
}
.timesheet_filterBg_left {
    display: inline-block;
    vertical-align: middle;
    width: 55%;
    /* width: 100%; */
    /* background-color: #ad9a9a; */
}
.timest_date_box {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    /* width: 100%; */
}
.timest_btn_box {
    display: inline-block;
    vertical-align: top;
    width: 19%;
}
.timest_btn_box .sub_grd_btn {
    padding: 14px 10px;
}
.timest_date_grp {
    display: inline-block;
    width: 48%;
    border-radius: 5px;
    /* border: 1px solid rgba(34, 34, 34, 0.5);
  padding: 2px; */
    margin: 0 1% 0 0;
    vertical-align: text-top;
}
/* 
.timesheet_input_grp_date {
  display: inline-block;
  vertical-align: middle;
  max-width: 185px;
}
.timesheet_input_grp_icon {
  display: inline-block;
  vertical-align: middle;
}
*/

.timest_date_grp input.form__field {
    padding: 5px 30px 5px 8px;
    color: #222222;
    height: 44px;
}
.timest_date_grp .customdatefld {
    background-position: right 7px center;
}

.timest_filterBtn .sub_grd_btn {
    min-width: auto;
    width: 100%;
}
.timest_filterBtn button span {
    margin-right: 0px;
}
p.timeSt_Footer_totlaTime span {
    padding: 0 0 0 10px;
}
.timest_date_box span.error_span {
    line-height: 1.2;
    word-wrap: break-word;
    display: block;
    padding: 4px 0 5px;
}
/* -- timesheet top section end -- */
/* -- timesheet Screen end -- */

/* -- task-edit section start -- */

.s_midbox_section.s_midbox_section_taskEdit_new {
    padding: 15px 15px;
}
.s_midbox_section.s_midbox_section_taskEdit_new .right_TaskBox_new .task_title_head {
    padding: 0 0 25px 0;
}

/* -- task-edit section end -- */

/* --   sprint 5 fix  for react layout  start -- */

.docBox_bg .react_boxTestScroll .tasklistscrollcustomclass {
    padding-right: 10px;
}

/* -- react popup for document view start -- */
.viewfilemodal_bg {
    margin: 10px auto;
}
.viewfilemodal_bg .modal-content {
    max-width: 700px;
    background: #fff;
    width: auto !important;
    margin: auto !important;
    min-height: auto;
}
.viewfilemodal_bg .modal-header {
    padding: 23px 0;
}
.viewfilemodal_bg .modal-body {
    padding: 0px 40px;
}
.viewfilemodal_bg .modal-footer {
    padding: 20px 20px 20px;
}
.viewfilemodal_bg .modal-header .modal_close {
    margin-top: -10px !important;
    right: 26px !important;
}
.viewfilemodal_bg .modal-header .slideTop_cross_btn {
    right: 12px;
    position: absolute;
    margin-top: -14px;
}

.forimgviewcustclass {
    display: flex;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
    max-width: 100%;
    min-height: auto;
}
.forimgviewcustclass img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}
.react-pdf__Page__canvas {
    max-width: 100% !important;
    height: auto !important;
    margin: auto !important;
    padding: 0px;

    /* width: 100% !important; */  /* Invoice Pdf Adjustment */
}

.viewfilemodal_bg canvas {
    max-width: 100% !important;
    height: auto !important;
    margin: auto !important;
    padding: 0px;
}

.pdfpagi {
    text-align: center !important;
}

.okPdf .pdfpagi {
    padding: 0 0 15px 0;
}

.pdfpagi p {
    padding: 0 0 5px 0;
}
.pdfpagi button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    cursor: pointer;
    border: 0px none;
    background: none;
    text-align: center;

    color: #222222;
    text-decoration: none;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid #97b860;
    padding: 2px 7px;
    border-radius: 5px;
    min-width: 70px;
    margin: 0 5px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pdfpagi button:hover,
.pdfpagi button:focus,
.pdfpagi button:active {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/* -- react popup for document view end -- */
/* -- react free flow chat & moniter chat view start -- */
.monitorfreeflowchatlistscrollclass {
    padding: 0 3px 0 0;
}
.budgetduedatenegomsgclass {
    top: 0px !important;
    text-align: left;
}
.budgetduedatenegomsgclass .alert_custom {
    margin-bottom: 0px;
    padding: 20px 20px;
}
/* 
.budgetduedatenegomsgclass .alert.alert-dismissible.alert_custom.alert-danger {
  width: 96%;
  margin: auto;
  padding: 12px 10px;
  background: #E55039;
  border-radius: 3px;
  margin: 5px auto 5px;
  font-weight: normal;
}
.budgetduedatenegomsgclass .alert_custom p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  color: #fff;
  padding: 0 15px;
  text-align: left;
} */

/* -- react free flow chat & moniter chat view end -- */

/* --   sprint 5 fix  for react layout  end -- */

/* **** ======= Sprint 05 Css End ======= **** */

/* **** ======= Sprint 06 Css Start ======= **** */

/* === Invoice Related screen start ==== */
.splitInvoiceTop .slide_top_titlebg {
    padding: 8px 50px 8px 0;
}
.splitInvoiceTop .chatHeadBack {
    font-size: 12px;
    background-size: 20px;
    padding: 3px 10px 3px 35px;
}
.invo_top_btnbg {
    /* float: right; */
    clear: both;
    padding: 0px 0 0 10px;
}
.splitscreen_area.margin0 .invo_top_btnbg {
    float: right;
}
/* -- invoice View page start --- */

/* -- invoice main footer start -- */
.inv_bottom_left button.sub_grd_btn {
    padding: 12px 5px;
}
.invoice_footer .s_footer_btnbg button {
    margin-left: 10px;
}
.inv_bottom_left button span {
    margin-right: 0px;
}
/* -- invoice main footer end -- */
/* invoice height sec */
.s_midbox_scroll_adjust.mCustomScrollbar.height_900.reactTestScroll.scrollInvoiceBg {
}
.scrollInvoiceBg {
    height: 100% !important;
    /* background: green; */
}
.scrollInvoiceBg .s_midbox_section {
    height: 100%;
    /* background: gray; */
    /* margin: 10px; */
    margin: 0px 10px;
}
/* invoice height sec */

.invoice_importbg {
    padding: 0px 0px;
    /* background: blue; */
    width: 100%;
    height: 100%;
}
.invoice_import_box {
    max-width: 100%;
    padding: 10px 0px;
    /* padding: 10px 10px 100px; */
    /* background: pink; */
    height: 100%;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.invoice_import_box.invoice_import_box_top_msg {
    /* padding: 10px 10px 100px; */

    height: calc(100% - 80px);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.invoice_import_box .top_msgBg {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0;
}

.invoice_import_box embed {
    width: 100%;
    /* min-height: 1000px; */
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
.invoice_import_box img {
    margin: 0px  auto;
    text-align: center;
    display: block;
}

/* -- invoice height adjust start -- */

.scrollInvoiceBg > div {
    /* overflow-x: inherit !important; */
}
.invoiceviewscreenscrollclass {
    /* width: 100% !important;
    overflow: initial !important;
    overflow-y: scroll !important; */

    overflow-x: hidden !important;
}

.react-pdf__Page__textContent {
    position: inherit !important; /* -- canvas position adust for invoice PDF */
    display: none;

}

/* -- invoice height adjust end -- */

/* -- invoice View page end --- */
/* -- invoice history page start --- */
.invoice_top_filter {
    padding: 0 0 15px 0;
}
.invo_list_whiteBox {
    background: #fff;
    padding: 20px 10px;
}

/* -- invoice list table start -- */

.invo_list_table_bg .table thead th {
    vertical-align: middle;
    border: 0px none !important;

    color: rgba(34,34,34,0.3);
}
.invo_list_table_bg .table tbody td {
    vertical-align: middle;
    border: 0px none !important;
}

.invo_list_table_bg .table td,
.invo_list_table_bg .table th {
    padding: 5px 3px;
    word-wrap: break-word;
}
.invo_list_table_bg .table th label,
.invo_list_table_bg .table td p {
    margin: 0px;
    padding: 0px 0px;
    word-wrap: break-word;
    line-height: 1.4;
}
.invo_part_btn {
    text-align: right;
}

.invo_list_table_bg .table tfoot td {
    text-align: center;
    border: 0px none;
}

.invo_list_table_bg .table tbody td:nth-child(1) {
    /* width: 150px; */
    min-width: 200px;
}
.invo_list_table_bg .table tbody td:nth-child(2) {
    /* width: 150px; */
    min-width: 200px;
}
.invo_list_table_bg .table tbody td:nth-child(3) {
    /* width: 140px; */
    min-width: 120px;
}
.invo_list_table_bg .table tbody td:nth-child(4) {
    /* width: 100px; */
    min-width: 95px;
}
.invo_list_table_bg .table tbody td:nth-child(5) {
    /* width: 150px; */
    min-width: 180px;
    text-align: right;
}
.invo_list_table_bg.invo_list_table_bg_lp .table tbody td:nth-child(5) {
    min-width: 220px
}

/* -- invoice list table end -- */
/* -- table more action TDS button start new -- */
.invo_list_table_bg .table-responsive {
    overflow-y: visible !important;
    /* padding: 10px 0 100px; */
    padding: 10px 0 150px;
  }
.moreAction_tableSec {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
}
.moreAction_tableSec > button {
    /* font-size: 15px; */
    font-size: 13px;
    font-weight: bold;
}
.moreAction_dropBtn {
        
    /* min-width: 125px; */
    /* min-width: 100px; */
    min-width: 90px;
    padding: 5px 25px 5px 2px;
    border-radius: 4px;
    border: 0px none;
    position: relative;
    cursor: pointer;
    /*
    color: #fff;
    background-color: #97b860;
    background-image: url(../images/dropdown-white-arrow.png);
    */
    color: #97b860;
    background-color: transparent;
    background-image: url(../images/black-arrow.png);

    background-repeat: no-repeat;
    /* background-position: right 10px center; */
    background-position: right 6px top 12px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.moreAction_dropBtn:hover,
.moreAction_dropBtn:focus,
.moreAction_dropBtn:active {
    color: #003e8a;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dropdown_menu_tableTds {
    /* display: block; */
    position: absolute;
    will-change: transform;
    /* top: 45px !important; */
    top: 35px !important;
    left: auto !important;
    right: 0;
    transform: translate3d(0px, 0px, 0px) !important;

    background: #E5E9EE;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.dropdown_menu_tableTds > ul > li {
    width: 100%;
    display: inline-block;
    /* margin: 0 0 3px; */
    margin: 0 0 0;
}
.dropdown_menu_tableTds .dropdown-item {
    display: inline-block;
    width: auto;
    background: none;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.dropdown_menu_tableTds .dropdown-item:hover,
.dropdown_menu_tableTds .dropdown-item.active:hover {
    background: none;
    color: #003e8a;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.dropdown_menu_tableTds .dropdown-item.active, 
.dropdown_menu_tableTds .dropdown-item:active {
    background: none;
    color: #222222;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/* -- table more action TDS button new end -- */
.invo_part_box {
    /* display: flex; */
}
.invo_part {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0 5px;

    background: #cdffcb;

    /* display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  height: 100%; */
}

.invo_part label {
    width: 100%;
    min-height: 22px;
}
.invo_part p {
    width: 100%;
    text-align: left;
}

.invo_part p.invo_part_btn {
    text-align: right;
}
.invo_part_btn button {
    display: inline-block;
    margin: 0 5px 0 5px;
    width: auto;
}

.invo_part.invo_part_1 {
    max-width: 28%;
}
.invo_part.invo_part_2 {
    max-width: 28%;
}
.invo_part.invo_part_3 {
    max-width: 20%;
}
.invo_part.invo_part_4 {
    max-width: 10%;
}
.invo_part.invo_part_5 {
    max-width: 24%;
}
/* -- invoice history page end --- */

/* -- LP invoice history no data page start --- */

.invo_listBox_bg_nodata {
    /* height: 100%; */
    /* min-height: 100%; */
    height: calc(100% - 80px);
    display: flex;
    flex-direction: column;
}
.invo_list_grayBox {
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: center;

    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}
.invoice_no_data_bg h3 {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: rgba(34, 34, 34, 0.5);
}
/* -- LP invoice history no data page end --- */

/* -- Invoice Payment method start -- */

.task_header.invoPay_header {
    background: #003e8a;
    padding: 0px 50px;
    min-height: 60px;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: left;
    align-items: center;
}
.invoPay_backBg {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: 0;
}
.invoPay_backBg.taskstep_back_bg button {
    vertical-align: middle;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 3px 5px 3px 5px;
    margin-right: 20px;

    color: #fff;
    font-size: 14px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.invoPay_backBg.taskstep_back_bg button:hover,
.invoPay_backBg.taskstep_back_bg button:focus,
.invoPay_backBg.taskstep_back_bg button:active {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(255, 255, 255, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(255, 255, 255, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.invoPay_backBg h4 {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    color: #fff;
}
.invoPay_backBg h4 span {
    font-weight: bold;
    padding: 0 10px 0 0;
}
/*  invoPay main body start  */
.invoPay_mainBody {
    padding: 30px 50px;
}

.invoPay_left_bg {
    float: left;
    width: 25%;
    padding: 0 30px 0 0;
}
.invoPay_right_bg {
    float: left;
    width: 75%;
    margin-bottom: 70px;
}
.invoPay_mainBody .sub_grd_btn span {
    margin-right: 0px;
}
.invoPay_left_nav {
    margin: 0 0 30px 0;
}
.invo_navbar {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 0 0 0 0;
}
.navbar-brand {
    white-space: normal;
    line-height: 1.2;
}
.invoPay_left_bg .navbar-collapse {
    flex-grow: unset;
}

.pay_side_heading {
    margin: 0 0 25px 0;
}
.invoPay_left_nav ul {
    display: block;
    width: 100%;
}
.invoPay_left_nav ul li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ededed;
}

.invoPay_left_nav ul li a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: rgba(34, 34, 34, 0.5);
    padding: 15px 15px !important;
}
.invoPay_left_nav ul li.active {
    background: #97b860;
    border-bottom: 1px solid #97b860;
}
.invoPay_left_nav ul li.active a {
    color: #fff;
}
.invoPay_left_nav ul li a span.pay_li_text {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: rgba(34, 34, 34, 0.5);
}
.invoPay_left_nav ul li.active a span.pay_li_text {
    color: #fff;
}
span.comming_soon {
    color: #000;
    font-size: 9px;
    font-weight: 400;
    border-radius: 50px;
    padding: 2px 15px;

    display: inline-block;
    margin-top: 5px;

    background: #fbc93a;
    background: -moz-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: -webkit-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: linear-gradient(to bottom, #fbc93a 0%, #feb15f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc93a', endColorstr='#feb15f',GradientType=0 );

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pay_details_bg {
    float: left;
    width: 50%;
    padding: 0 15px 0 0;
}
.payment_block {
    float: left;
    width: 50%;
    padding: 0 0 0 15px;
}

.pay_det_sec {
    padding: 15px 15px;
    word-wrap: break-word;
}
.pay_det_color {
    background: #ffedd1;
    border-radius: 5px;
    margin: 0 0 5px;
}
.pay_det_sec_p p {
    font-family: 14px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
.vBank_acc_block {
    padding: 0 0 15px 0;
}
.vBank_left {
    float: left;
    text-align: left;
}
.vBank_left p {
    font-family: 14px;
    font-weight: bold;
    line-height: 1.5;
}
.vBank_right {
    float: right;
    text-align: right;
}
.vBank_right p {
    font-family: 14px;
    font-weight: bold;
}
p.vBank_error {
    color: #e55039;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.3;
}
.qr_block_bg {
    padding: 10px 0;
}
.qr_block_left {
    /* float: left; */
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}
.qr_block_right {
    /* float: left; */
    width: 29%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 5%;
}
.qr_block_right a {
    display: table;
    margin: 10px auto;
    width: 90%;
    text-align: center;
}
.qr_block_row {
    display: inline-block;
    width: 100%;
    padding: 5px 0;

    font-family: 14px;
    font-weight: bold;
    line-height: 1.3;
}
.qr_block_row .qr_l {
    float: left;
    width: 50%;
    text-align: left;
}
.qr_block_row .qr_r {
    float: right;
    width: 40%;
    text-align: left;
}

.qr_block_btn {
    padding: 5px 0 15px;
}

.payment_gray_box {
    background: #f4f6f9;
    padding: 25px 20px;
    margin: 0 0 10px;

    min-height: 260px;
}
.pay_row {
    display: inline-block;
    width: 100%;
    padding: 10px 0;

    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
}
.pay_row .pay_row_l {
    float: left;
    text-align: left;
    word-wrap: break-word;
}
.pay_row .pay_row_r {
    float: right;
    text-align: right;
    word-wrap: break-word;
}

.pay_row_total .pay_row {
    padding: 20px 0;
    border-top: 1px solid #d8d8d8;
    font-weight: bold;
}

.pay_row_button {
    text-align: right;
}
/*  invoPay main body end  */

/* -- Invoice Payment method end -- */

/* -- Invoice Task Screen start -- */
.invoTask_footer_btnbg {
    text-align: left;
}
/* -- Invoice Task Screen end -- */

/* -- Invoice Share Modal React fix start -- */
.invoShare_modal_body .conflict_inputBox {
    min-height: 42px;
}
.invoShare_modal_body.conflctpopcontentcls .react-tagsinput {
    width: 100%;
}
.invoShare_modal_body.conflctpopcontentcls .react-tagsinput-input {
    width: 100%;
} 

.invoShare_modal_body.conflctpopcontentcls .react-tagsinput-tag {
    position: relative;
    padding: 3px 30px 3px 10px !important;
}
.invoShare_modal_body.conflctpopcontentcls .react-tagsinput-remove {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -12px;

    width: 14px;
    text-align: center;

    font-size: 16px;
    font-weight: 700;
}
/* -- Invoice Share Modal React fix end -- */
/* ------ Invoice Task Status Modal start ------- */
.modal_rating_sec {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.modal_rating_sec label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
.modal_rating_sec .modal_rating {
    display: inline-block;
    vertical-align: middle;
}
.modal_rating ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
}
.modal_rating ul li button span {
    color: #ed8a19;
}
.modal_rating ul li button.rating_1 span.star_full {
    display: block;
}
.modal_rating ul li button.rating_1 span.star_null {
    display: none;
}
.modal_rating ul li button.rating_0 span.star_full {
    display: none;
}
.modal_rating ul li button.rating_0 span.star_null {
    display: block;
}
/* ------ Invoice Task Status Modal end ------- */

/* ------ Invoice Feed Back Modal start ------- */
/* modal radio button start */
.modal_radio_btnBg {
    padding: 10px 0 0;
}
.modal_radio_btnBg .custom-control-label::before {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: none;

    position: absolute;
    content: "";
    top: 6px;
    left: 3px;
    display: block;
    pointer-events: none;
}
.modal_radio_btnBg .custom-control-label::after {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    padding: 5px;
    border: 1px solid #97b860;
    border-radius: 100px;
}
.modal_radio_btnBg .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
}
.modal_radio_btnBg .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.modal_radio_btnBg .custom-control-input:active ~ .custom-control-label::before {
    background-color: #97b860;
}
.modal_radio_btnBg .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}
/* modal radio button end */
.modal_attach_btn_sec {
    padding: 10px 0;
}
.modal_attach_btn button {
    display: inline-block;
    vertical-align: middle;
}
.modal_attach_btn button img {
    margin: 0 5px 0 0;
    position: relative;
    top: -3px;
}
.modal_attach_files .custom_fileup_name {
    padding: 0 0 0 0;
}
.modal_attach_files .upfile_name_box {
    display: inline-block;
    padding: 3px 30px 3px 10px;
    font-size: 12px;
    margin: 0 5px 5px 0;
}
.modal_attach_files .upfile_name {
    line-height: 1.3;
    font-size: 12px;
}
.modal_attach_files .upfile_name_box span {
    white-space: nowrap;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}
/* ------ Invoice Feed Back Modal end ------- */
.extra_fdbk_info {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 12px;
}
/* === Invoice Related screen end ==== */

/* =====  setting related css start  ======  */
/* -- setting screen general layout -- */

.dashboard_cont_area.setting_cont_areabg {
    /* padding: 20px 50px 0px 50px; */
    padding: 20px 50px 70px 50px;
    background: #f4f6f9;
}
/* -- setting screen general layout -- */

/* -------   KYC new design start ----- */
.dashboard_cont_area.tasklist_cont_areabg.setting_cont_areabg.setting_top_tab_section {
    min-height: auto;
    padding: 20px 50px 10px;
}
.dashboard_cont_area.tasklist_cont_areabg.setting_cont_areabg.setting_main_body_section {
    padding: 0px 50px 70px 50px;
    /* padding: 10px 50px 70px 50px; */
    background: #f4f6f9;
}
/* ----- LP Settengs page adjusment start ----- */
.lp_wrapper .dashboard_cont_area.tasklist_cont_areabg.setting_cont_areabg.setting_top_tab_section {
    background: #fff;
}
.lp_wrapper .dashboard_cont_area.tasklist_cont_areabg.setting_cont_areabg.setting_main_body_section {
    /* padding: 10px 50px 70px 50px; */
    background: #fff;
    min-height: calc(100vh - 280px);
}
/* ----- LP Settengs page adjusment end ----- */
.setting_top_tab_section {
    /* min-height: auto;
  padding: 20px 50px 10px; */
}
.setting_top_tab_section .create_task_area {
    min-height: auto;
    display: block;
}

.setting_main_body_section .create_task_area {
    min-height: auto;
    display: block;
}
/* -------   KYC new design end ----- */

/* dashboard top filter start */
/* --- cc & lp - Task Req & Ass Btn start --- */
.top_filter_backbtn_bg_lp ul {
    /* overflow: hidden; */
    display: inline-block;
    width: 100%;
}
.top_filter_backbtn_bg_lp ul li {
    float: left;
    position: relative;
}
.top_filter_backbtn_bg_lp ul li button {
    vertical-align: middle;
}
.top_filter_backbtn_bg_lp ul li button span {
    vertical-align: middle;
    /* background:  blue; */
}
.top_filter_left.top_filter_left_lp {
    /* padding: 3px 0 10px 0; */
    padding: 0px 0 10px 0;
}
.task_ass_tabBtn {
    /* background: #F6F6F6; */
    background: #e3e9f0;
    /* background: pink; */
    color: #222222;
    font-size: 14px;
    font-weight: normal !important;
    padding: 6px 10px;
    margin: 0px;
    min-width: 160px;
    /* border-right: 1px solid #8FAB64; */

    float: left;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.task_ass_tabBtn.ta_tabBtn2 {
    /* border-right:  0px none; */
}
.task_ass_tabBtn:hover,
.task_ass_tabBtn:focus,
.task_ass_tabBtn:active {
    /* background: #A5C377;
  color: #fff; */

    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.top_filter_backbtn_bg_lp ul li.active .task_ass_tabBtn {
    background: #a5c377;
    color: #fff;
    font-weight: bold !important;
    box-shadow: 0px none !important;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.task_ass_tabBtn span.comming_soon {
    position: absolute;
    top: -15px;
    min-width: 85px;
    z-index: 1;
    right: 2px;
}

/* --- lp - Task Req & Ass Btn end --- */
/* -- get task only Message show screen start -- */
.top_filter_left_task_msgBG {
    float: none;
  display: inline-block;
  width: 100%;
}
.top_filter_left_task_msg {
  background: #ffedd1;
  padding: 10px 15px;
  margin: 0 0 50px;
  /* max-width: 50%; */
  max-width: 58.75%;
  border-radius: 5px;
}
.create_task_area_onlyMsg {
justify-content: flex-start;
}
.top_filter_left_task_msg_btn {
    padding: 15px 0 0 0;
}
.top_filter_left_task_msg_btn button {
    padding: 10px 5px;
}
/* -- get task only Message show screen end -- */

/* dashboard top filter end */

/* --- User Setting Section Start  ---  */

.userSetting_section {
    width: 100%;
    /* padding: 10px 10px; */
    padding: 10px 0px;
    /* background: lightpink; */
}

.vrAcc_set_ulbg ul li button.vrAcc_reload_btn {
    background: #97b860;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;

    margin-right: 10px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.vrAcc_set_ulbg ul li button.vrAcc_reload_btn:hover,
.vrAcc_set_ulbg ul li button.vrAcc_reload_btn:focus,
.vrAcc_set_ulbg ul li button.vrAcc_reload_btn:active {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.vrAcc_set_ulbg ul li button.vrAcc_reload_btn img {
    max-width: 20px;
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.vrAcc_blanace_block {
    padding: 4px 20px;
    vertical-align: middle;
    display: inline-block;
}

.vrAcc_blanace_block span {
    display: inline-block !important;
    vertical-align: middle;
}
.vrAcc_blanace_block span img {
    vertical-align: text-bottom;
    display: inline-block;
    margin: 0 7px 0 0;
}
.vrAcc_blanace_block span.vrAcc_ammount {
    font-weight: bold;
    padding-top: 2px;
}

.task_area.userSetting_task_area {
    width: 100%;
}
/* --- User Setting Section End  ---  */
.userSetting_area {
    margin: 0px auto;
}
/* -- vertual account setting start -- */
.vAcc_page_area {
    width: 50%;
}

.vAcc_scroll.height_550 {
    height: auto;
}

.vAcc_whitebox {
    background: #fff;
    padding: 25px 25px;
    border-radius: 7px;
}
.vacc_hd_left {
    float: left;
}
.vacc_hd_right {
    float: right;
}
.vacc_back_btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;

    background-image: url(../images/Path-back.png);
    background-repeat: no-repeat;
    background-position: left 5px center;
    background-size: 17px;
    padding: 3px 10px 3px 35px;
    border: 1px solid #97b860;
    border-radius: 5px;

    font-size: 13px;
    font-weight: bold;
    color: #222222;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.vacc_back_btn:hover,
.vacc_back_btn:focus,
.vacc_back_btn:active {
    -webkit-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 55px -39px rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.vacc_hd_left h5 {
    display: inline-block;
    vertical-align: middle;

    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    max-width: 300px;
}
.vacc_hd_right button {
    vertical-align: middle;
    line-height: 1.5;
}
.vAcc_body {
    margin: 20px 0 0 0;
}

/* -- VACC table start -- */
.vAcc_table_responsive {
    width: 100%;
}
.vAcc_table_responsive .table {
    min-height: 300px;
}
.vAcc_table_responsive .table-bordered td,
.vAcc_table_responsive .table-bordered th {
    border: 0px none;
}
.vAcc_table_responsive .table td,
.vAcc_table_responsive .table th {
    border-top: 0px none;
}
.vAcc_table_responsive table tr {
    border-bottom: 1px solid #d8d8d8;
}
.vAcc_table_responsive table tfoot tr {
    border-bottom: 0px none;
}
.vAcc_table_responsive table tfoot td p {
    text-align: center;
}

.vAcc_table_responsive table tr th {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    min-width: 150px;
}
.vAcc_table_responsive table tr td {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}
.vAcc_table_responsive table tr th:last-child,
.vAcc_table_responsive table tr td:last-child {
    text-align: right;
}
/* -- VACC table end -- */
/* -- vertual account setting end -- */

/* -- subscription page setting start -- */
.subscp_whitebox {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    min-height: 400px;
}
/* -- subscription page setting end -- */

/* -- user KYC Demo start -- */
.user_kyc_bg {
    width: 50%;
    margin: auto;
}
.user_kycbox {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    min-height: 1000px;
}

.user_kyc_img_boxBbg {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 0 0 8px;
}

.user_kyc_img {
    height: 124px;
    width: 124px;
    max-width: 124px;
    max-height: 124px;
    background: #fff;
    border: 2px solid rgba(232, 232, 232, 0.5);
    border-radius: 100px;

    position: relative;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    display: flex;
    align-items: center;
    justify-content: center;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.user_kyc_img img {
    object-fit: contain;
    object-position: center;
    height: 100%;
    width: 100%;
}

.user_kyc_img button.user_kyc_imgBtn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -42px;

    height: 40px;
    width: 100%;

    background: rgba(34, 34, 34, 0.8);
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    padding: 5px 0px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.user_kyc_img:hover button.user_kyc_imgBtn,
.user_kyc_img:focus button.user_kyc_imgBtn,
.user_kyc_img:active button.user_kyc_imgBtn {
    bottom: 0;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.user_kyc_messpageBox_bg {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}
.user_kyc_messpageBox {
    background: #ffedd1;
    padding: 10px 15px;
}
.user_kyc_messpageBox p {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}
.user_kyc_whiteBox {
    display: inline-block;
    width: 100%;
    background: #fff;
    /* padding: 20px 20px; */
    padding: 20px 5px 20px 20px;
    border-radius: 8px;
    margin: 10px 0 10px;
}
.kyc_box_title {
    vertical-align: middle;
}
.kyc_box_title h4 {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
}
.kyc_box_title .kyc_box_title_icon {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
}
.kyc_box_title .kyc_box_title_icon span.btn_tooltip i {
    color: rgba(34, 34, 34, 0.5);
}
.kyc_scroll_bg {
    max-width: 100%;
    margin: 20px auto;
    padding-bottom: 20px;
}

/* only LP Accordian structure  */
.card-body {
    padding: 15px 15px;
}
.card-body.kyc_non_accor_fromBg {
    padding: 30px 15px;
}
/* only LP Accordian structure  */

.s_midbox_kyc {
    width: 85%;
    margin: auto;
    padding: 0 15px 10px 0;
}
.s_midbox_kyc .form__label {
    padding: 0 5px 0 0;
}
.kyc_footer .sub_grd_btn {
    margin-left: 10px;
}
/* -- user KYC Demo end -- */

/* -- user KYC LP Demo start -- */
.lp_wrapper_bg .s_midbox_kyc {
    padding: 0 5px 5px 0;  /* only LP KYC accordian section */
}
.kyc_top_noti_bg {
    margin: 0 0 15px 0;
}
.kyc_top_noti_box {
    background: #ffedd1;
    padding: 10px 15px;
    max-width: 50%;
    
    margin-top: -25px;
}
.user_kyc_bg .input_datashow {
    color: #222222;
    background: transparent;
    margin: 0;
    padding: 12px 15px 12px 0px;
}
/*   kyc accordion start   */
.kyc_accordion_sec {
    background: none;
    border: 0px none;
    border-radius: 0px;
    /* padding: 10px; */
    padding: 10px 15px 10px 2px;
}
.kyc_accordion_sec .card {
    background: none;
    border: 0px none;
    border-radius: 0px;
    /* padding: 0 10px 0 0; */
    padding: 0 0 0 0;
    /* padding: 0 20px 0 0; */
}
.kyc_accor_block {
    background: #f4f6f9;
    margin: 0 0 15px 0;
    border-radius: 5px;

    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}
.kyc_accor_title {
    position: relative;
    background: no-repeat;
    border-bottom: 0px none;
    padding: 20px 20px;
    cursor: pointer;
}
.kyc_accor_title a {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin: 0px 0px;
    padding: 0px 0px;
}
.accordion .kyc_accor_block .card-header:after {
    /* font-family: 'FontAwesome';  
  content: "\f068"; */
    content: "";
    float: right;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    width: 20px;
    background-size: 18px;
    background-image: url("../images/acco-minus.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.accordion .kyc_accor_block .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    /* content: "\f067";  */
    content: "";
    background-image: url("../images/acco-plus.png");

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.accordion .kyc_accor_block.kyc_non_accor_block .card-header:after {
    display: none;
}
.kyc_accor_title a span.comming_soon {
    margin-top: 0px;
}
.kyc_accor_title a span.acco_title_errorIcon {
    padding: 0 0 0 10px;
    color: #ff0000;

}

/* -------   custom check mark start ------ */
.form_block_custom_checkBox {
    display: inline-block;
    padding: 5px 0px;
}
.custom_check_label {
    /* display: block; */
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    color: rgba(34, 34, 34, 0.5);
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: left;
}
/* Hide the browser's default checkbox */
.custom_check_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border: 1px solid #222222;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* On mouse-over, add a grey background color */
.custom_check_label:hover input ~ .checkmark {
    background-color: #ccc;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* When the checkbox is checked, add a blue background */
.custom_check_label input:checked ~ .checkmark {
    background-color: #979797;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.custom_check_label input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.custom_check_label .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* -------   custom check mark end ------ */

.kyc_file_up {
    /* display: flex;
  flex-wrap: wrap;
  align-content: center;
  height: 100%; */
}
.kyc_file_up_left {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    margin-right: -5px;
}
.kyc_file_up_right {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.kyc_file_up_full {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.kyc_file_up_left p {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: rgba(34, 34, 34, 0.4);
    padding: 0 5px 0 0;
}
.kyc_file_up_btn {
    display: inline-block;
}
.kyc_file_up_right .upload-btn-wrapper {
    margin: 0 0 0 0;
    display: block;
}
.kyc_file_up_right .new_upbutton {
    margin-bottom: 0;
}
/* -- kyc up button start -- */
.kyc_file_up_right .kyc_file_up_btn:hover .upload-btn-wrapper button.green_btn {
    background: #fbcb38;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.kyc_file_up_right .upload-btn-wrapper:hover button.green_btn:after {
    opacity: 1;
}
.kyc_file_up_right .upload-btn-wrapper button.green_btn span {
    position: relative;
    z-index: 1;
    margin-right: 0px;
}
.kyc_file_up_right .upload-btn-wrapper input[type="file"] {
    z-index: 1;
}
/* -- kyc up button end -- */
.kyc_upFile_listblock .custom_fileup_name {
    padding: 10px 0 5px 0;
}
.kyc_upFile_listblock .upfile_name_box {
    padding: 3px 30px 3px 10px;
    font-size: 12px;
    margin: 0 5px 5px 0;
    line-height: 1;
}
.kyc_upFile_listblock .upfile_name_box span {
    font-size: 12px;
}
.kyc_upFile_listblock_fullFileName .upfile_name_box {
    width: auto;
}
.kyc_upFile_listblock_fullFileName .upfile_name_box span {
    width: auto;
}
.kyc_upFile_listblock button.upfile_name_cross {
    padding: 0;
    min-width: auto;
}
/*   kyc accordion end   */
.kyc_label_tooltip {
    /* float: right; */
}
.multi_input_block {
    display: flex;

    outline: 0;
    font-size: 15px;
    color: #222222;
    background: transparent;
    margin: 0;
    padding: 0px 0px 0 15px;
    height: 50px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(34, 34, 34, 0.4);
    transition: border-color 0.2s;
}
.multi_input_block span.multi_input_span {
    min-width: 40px;
    display: flex;
    align-items: center;
}
.multi_input_block input.multi_form__field {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0px none;
    box-shadow: none;
    background-color: transparent;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    position: relative;

    padding: 0 10px 0 0;
    width: 100%;
}
.multi_input_block input:focus:parent {
    border: 1px solid rgba(139, 224, 0, 0.8);
}
.multi_input_block:focus-within {
    border: 1px solid rgba(139, 224, 0, 0.8);
}

/* --- new input TAG style start ---*/
.kyc_accor_fromBg .chip {
    min-width: 35px;
    max-width: 100%;
    padding: 3px 20px 3px 10px !important;
    overflow: hidden;
    white-space: unset !important;
    /* text-overflow: ellipsis; */
    text-overflow: unset;
    vertical-align: text-top;
}
/* --- new input TAG style end ---*/

/* --- LP KYC Auto Complite dropdown Univercity start -- */

.genericcustautocompparentclass input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;

    outline: 0;
    font-size: 15px;
    color: #222222;
    background: transparent;
    margin: 0;
    padding: 0px 15px;
    height: 50px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(34, 34, 34, 0.4);
    transition: border-color 0.2s;

    /* 
    background: url("../images/black-arrow.png");
    background-position: right 10px center;
    background-repeat: no-repeat;
     */
}
/* .s_midbox .field .price_input_grup_bg select {
    background-position: right 10px center;
} */

.form_group_error .genericcustautocompparentclass input {
    border: 1px solid red;
}

.genericcustautocompparentclass ul {
    /* display: block !important; */
    
    padding: 5px 15px 5px 5px;
    background: #fff;
    border: 1px solid rgba(34, 34, 34, 0.4);
    border-radius: 7px;
    position: absolute;
    width: 100%;
    z-index: 2;
    max-height: 150px;
    overflow-y: auto;
}
.genericcustautocompparentclass ul li {
    margin: 0 0 5px 0;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.genericcustautocompparentclass ul li span {
    /* min-width: 35px;
    max-width: 100%; */
    width: 100%;
    display: inline-block;
    font-size: 13px;
    line-height: 1.3;
    padding: 0px 10px 0px 10px !important;
    overflow: hidden;
    white-space: unset !important;
    text-overflow: ellipsis;
    text-overflow: unset;
    vertical-align: text-top;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

.genericcustautocompparentclass ul li span:hover {
    cursor: pointer;
    color: #003e8a;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* --- LP KYC Auto Complite dropdown Univercity end -- */

/* -- user KYC LP Demo end -- */

.no_acco_msgBlock_bg {
    padding: 5px 0px;
    margin: 0 0 15px 0;
}
.no_acco_msgBlock {
    background: #ffedd1;
    padding: 10px 15px;
    border-radius: 8px;
}
.multi_input_block.form_group_error {
    border: 1px solid red;
}
/* =====  setting related css end  ======  */

/* **** ======= Sprint 06 Css End ======= **** */

/* === Subscription Page start === */
.subscription_sec_bg {
    padding: 20px 20px;
}
.subscription_sec_bg.subscription_bg_cc {
    background: #fff;
}
.subscription_sec_bg.subscription_bg_lp {
    background: #F4F6F9;
}
.subscription_title h4 {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}
.subscription_mid_block {
    width: 350px;
    margin: 0px auto;
}
.subs_block_topStatus {
    min-height: 35px;
}
.subs_block_topStatus h4 {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    padding: 5px 0;
}
.subs_block_topStatus h4 img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.subs_block_topStatus h4 .subGreenTik_text {
    display: inline-block;
    vertical-align: middle;
}
.subs_blueBox_bg {
    width: 100%;
    background: #003E8A;
    border-radius: 8px;
    color: #fff;
    padding: 20px 20px;
    margin: 0 0 50px 0;
    position: relative;

    /* min-height: 460px; */
    min-height: 370px;
}
.subsBlueBox_top h5 {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.subsBlueBox_ammount_block {
    padding: 20px 0;
    text-align: center;
}
.subsBlueBox_ammount {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.subsBlueBox_ammount_block h5 {
    font-size: 15px;
    font-weight: 600;
}
.subsBlueBox_list_block {
    /* min-height: 190px; */
    min-height: 220px;
    padding: 0 0 10px 0;
}
.subsBlueBox_list_block ul li {
    background-image: url("../images/green_tick.png");
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: left top 2px;

    min-height: 25px;
    padding: 0 0 0 25px;
    margin: 0 0 10px 0;
    text-align: left;
}
.subsBlueBox_list_block h4.greenTik_text {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
}

.subsBlueBox_validity_box {
    border-radius: 5px;
    background: #FFEDD1;
    color: #222222;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    padding: 15px 3px;
}

.subsBlueBox_promoCode_block {
    padding: 5px 0 20px;
}
.subsBlueBox_promoCode_block label {
    color: #fff;
    padding: 0 10px 0 0;
}
.multi_promo_input_block {
    display: flex;
    align-items: center;

    outline: 0;
    font-size: 14px;
    color: #fff;
    background: transparent;
    margin: 0;
    padding: 0px 8px 0 10px;
    height: 50px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #fff;
    transition: border-color 0.2s;
}
.form_group_error .multi_promo_input_block {
    border: 1px solid red;
    transition: border-color 0.2s;
}
.form_group_success .multi_promo_input_block {
    border: 1px solid #97b860;
    transition: border-color 0.2s;
}
.success_span {
    font-size: 12px;
    display: block;
    color: #97b860;
}
.multi_promo_input_block input.promo_input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0px none;
    box-shadow: none;
    background-color: transparent;
    color: #fff;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    position: relative;

    padding: 0 10px 0 0;
    width: 100%;
}
.multi_promo_input_block .promo_input_btn {
    min-width: 40px;
    max-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.multi_promo_input_block .promo_input_btn:hover,
.multi_promo_input_block .promo_input_btn:focus,
.multi_promo_input_block .promo_input_btn:active {
    color: #fff;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
/* -- promo code placeholder start -- */
.multi_promo_input_block input.promo_input::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(255,255,255,0.3);
}
.multi_promo_input_block input.promo_input:-moz-placeholder {
    opacity: 1;
    color: rgba(255,255,255,0.3);
}
.multi_promo_input_block input.promo_input::-moz-placeholder {
    opacity: 1;
    color: rgba(255,255,255,0.3);
}
.multi_promo_input_block input.promo_input:-ms-input-placeholder {
    opacity: 1;
    color: rgba(255,255,255,0.3);
}
/* -- promo code placeholder end -- */

.subsBlueBox_button_block {
    position: absolute;
    width: auto;
    margin: 0px auto;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -23px;
}
.invoiceAleart_section {
    position: relative;
    top: -1px;
}
/* === Subscription Page end === */

/* -- new design adjustment start -- */
.cal_invoice_btnSec {
    /* position: relative;
    top: -5px; */
}
.cal_invoice_btnSec button {
    text-align: left;
    line-height: 1;
    display: block;

    color: #97b860;
    background: none;
    box-shadow: none;
    border: none;
    padding: 0px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.cal_invoice_btnSec button:hover,
.cal_invoice_btnSec button:focus,
.cal_invoice_btnSec button:active {
    box-shadow: none;
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* -- new design modification for image with profile name for header section start // LP & CC -Side  -- */
.chatHeader_userNameWithImg_block > .titleText_withImageDropdown {
    
}
.titleText_withImageDropdown {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    /* flex-direction: column; */
}
.titleText_withImgDropBlock {
    padding: 0 5px 0 0;
}
.titleText_withImageDropdown_textSpan {
    font-size: 14px;
    font-weight: bold;
}

.titleText_withImageDropdown img.titleText_withImage {
    /* max-height: 24px;
    max-width: 24px; */
    height: 24px;
    width: 24px;
    margin: 0 5px 0 5px;
    /* object-fit: fill; */
    object-fit: cover;
    object-position: center;
    border-radius: 100px;
    border: 1px solid #d8d8d8;
    background-color: #ffffff;
}
.titleText_withImageDropdown button.titleText_withImageDropdown_btn {
    font-size: 12px;
    font-weight: bold;
    color: #97b860;
}

.titleText_withImageDropdown .user_popDetails_block {
    top: 100% !important;
}
/* -- new design modification for image with profile name for header section end  // LP & CC -Side  -- */

/* === top head Cache remove update button bar CSS start // CC-Side ===     */
.leftTopHead_updateNotiBar {
    background: #97b860;
    padding: 10px 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.leftTopHead_updateNotiBar p {
    width: 100%;
    color: #fff;
}
.leftTopHead_updateNotiBar button.newbuildTrackRelCacheClearButton {
    padding: 5px 20px;
    border-radius: 3px;
    background: #fff;
    color: #97b860;
    font-size: 14px;
    font-weight: bold;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.leftTopHead_updateNotiBar button.newbuildTrackRelCacheClearButton:hover,
.leftTopHead_updateNotiBar button.newbuildTrackRelCacheClearButton:focus,
.leftTopHead_updateNotiBar button.newbuildTrackRelCacheClearButton:active {
    background: #003e8a;
    color: #fff;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/* === top head Cache remove update button bar CSS END // CC-Side ===     */

/* === **  Confidentiality & Engagement letter flow -- start ** === */

.modal-lg.custom_modal_lg.newTab_engagementLetter_modalBg {
    max-width: 900px;
}
.newTab_engagementLetter_modalBg_cc .modal-header {
    padding: 0px;
    background: none;
    border-bottom: 0px none;
}
.newTab_engagementLetter_modalBg_cc .modal-header .engmLetter_topBlueSec {
    width: 100%; 
    background: #003e8a;
}
.engmLetter_topBlueSec_tabBlock > ul {
    overflow: hidden;
}
.engmLetter_topBlueSec_tabBlock > ul > li {
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 10px;
    border-bottom: 4px solid #003e8a;
    background: #003e8a;
    
}
.engmLetter_topBlueSec_tabBlock > ul > li.active {
    border-bottom: 4px solid #97B860;
}
.engmLetter_topBlueSec_tabBlock > ul > li > a {
    color: #fff;
    display: inline-block;
}

.modal-body.engmLetter_modalBody {
    padding: 0px 0px 0px !important;
}

.custom_modal_lg .modal-body.engmLetter_modalBody_heightAdjust {
    position: relative;
    padding: 0 0 60px !important;
    /* background: green; */

}

.engmLetter_modalBody .engmLetter_contBody_bg {
    /* background: pink; */
    /* max-height: calc(100vh - 300px); */
    /* max-height: calc(100vh - 170px); */
    height: calc(100vh - 150px);
    padding: 10px 10px 80px;
    min-height: 200px;
}

.engmLetter_contBody_scrollAdjust_bg {
    overflow-y: auto;
    height: 100%;
    /* max-height: calc(100vh - 400px); */
    max-height: calc(100vh - 270px);
    min-height: 100px;
}

/* -- popup height incress css start -- */

.modal-lg.custom_modal_lg.newTab_engagementLetter_modalBg .modal-content {
    /* 
    min-height: calc(100% - (1.75rem * 2));
    background-color: rgba(255, 255, 255, 0.5) ;
     */
}

.popup_tabBlockBg_common {
    /* 
    background: pink;
    margin: 0 0 20px;
    min-height: 500px;
     */
}

/* -- popup height incress css end -- */

/* -- main Confidentiality Check TAB content body start  -- */
.popup_confidentialityCheck_tabBlockBg {
    padding: 10px 30px 20px;
    /* min-height: 150px; */

    display: block;
}
/* -- main Confidentiality Check TAB content body end  -- */

/* -- main Conflict Check TAB content body start  -- */
.popup_conflictcheck_tabBlockBg {
    padding: 10px 30px 20px;

    display: block;
}
.conflictcheck_tabContent {
    padding: 0 0 10px;
}
.conflictcheck_tabContent h3 {
    font-size: 14px;
    font-weight: normal;
}
.conflictcheck_tabContent h3 span.conflictcheck_titleSpan {
    font-size: 15px;
    font-weight: bold;
}
/* -- main Conflict Check TAB content body end  -- */

/* -- main Engagement Letter TAB content body start -- */
.popup_engagement_tabblockBg {
    padding: 10px 30px 20px;

    display: block;
}

.popup_engagement_topTile_block {
    padding: 5px 5px 20px;
}
.popup_engagement_topTile_block h3 {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
}
.popup_engagement_topTile_block h6 {
    text-align: center;
    font-size: 12px;
    line-height: 1;
    padding: 5px 0 0;
    color: rgba(34,34,34,0.7);
}
.popup_engagement_midContBlock_bg p {
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    padding: 0 0 5px;
}

.popupEngagement_addClauseBlock_contentShow {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 10px 0 10px;
}
.popupEngagement_addClauseBlock_contentShow_edit {
    font-size: 13px;
    line-height: 1.4;
    font-weight: normal;

    border-radius: 10px;
    border: 1px solid rgba(34,34,34,0.3);

    padding: 10px 15px 10px 10px;
}

.form_group_error .popupEngagement_addClauseBlock_contentShow_edit {
    border: 1px solid red;
}

.popupEngagement_addClauseBlock_contentShow button {
    position: absolute;
    right: -8px;
    top: -10px;
}

.popupEngagement_addClauseBlock_contentShow_textarea {
}
.popupEngagement_addClauseBlock_contentShow_textarea textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none !important;
    box-shadow: none;
    background: none;

    border: 1px solid rgba(34, 34, 34, 0.4);

    min-height: 100px;
    width: 100%;
    padding: 5px 15px;
    border-radius: 8px;
}
.popupEngagement_addClauseBlock_contentShow_textarea.form_group_error  textarea {
    border: 1px solid red;
}

.popup_engagement_bottomContBlock_signature_sec {
    clear: both;
    padding: 30px 0 10px;
}
.popup_engagement_bottomContBlock_signature_sec .pop_engm_bottomSignature_left {
    float: left;
    width: 50%;
}
.popup_engagement_bottomContBlock_signature_sec .pop_engm_bottomSignature_right {
    float: left;
    width: 50%;
    border-left: 1px solid rgba(34,34,34,0.3);
    padding: 0 0 0 5%;
}

.popup_engagement_bottomContBlock_signature_sec .pop_engm_bottomSignature_1 h5 {
    font-size: 14px;
    font-weight: 500;
    color: rgba(34,34,34,0.5);
    margin: 3px 0;
    padding: 0px;

}

.popup_engagement_bottomContBlock_signature_sec .pop_engm_bottomSignature_Font h4 {
    font-family: 'Caveat', cursive;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    color: #000;
    margin: 3px 0;
    padding: 0px;
    
}

.popup_engagement_bottomContBlock_signature_sec .pop_engm_bottomSignature_dateTime span {
    font-size: 12px;
    font-weight: normal;
    color: rgba(34,34,34,0.5);
    margin: 3px 0;
    padding: 0 5px 0 0;
    
}

/* -- main Engagement Letter TAB content body end -- */

/* --- engmLetter_modalFooter start --- */
.engmLetter_modalBody .engmLetter_modalBody_heightAdjust .engmLetter_modalFooter {
    position: absolute;
    bottom: 0px;
    width: 100%;
    min-height: 50px;
}
.engmLetter_modalFooter_sec {
    text-align: right;
    padding: 15px 10px;
    background: #fff;
    border-top: 1px solid rgba(34,34,34,0.3);
}
.engmLetter_modalFooter_sec button {
    margin: 0 0 0 10px;
}
/* --- engmLetter_modalFooter end --- */

/* -- Confidentiality for CC start -- */
/* -- Confidentiality for CC end -- */
/* -- Confidentiality for LP start -- */
.newTab_engagementLetter_modalBg_lp .newTab_engagementLetter_modal_sec .modal-header {
    background: #003e8a;
    color: #fff;
    text-align: center;
}
.newTab_engagementLetter_modalBg_lp .newTab_engagementLetter_modal_sec .modal-header .modal_title_tool {
    width: 100%;
}
.newTab_engagementLetter_modalBg_lp  .popup_engagement_bottomContBlock_signature_sec {
    clear: both;
    padding: 50px 0 10px;
}
/* -- Confidentiality for LP end -- */

/* === **  Confidentiality & Engagement letter flow -- end ** === */

/* ====   bottom fixed/sticky footer adjustment css start  ==== */

/* -- dashboard page/screen height adjustment Start -- */
.dashboard_screen_cc.dashboard_screen_heightAdjustment,
.dashboard_screen_lp.dashboard_screen_heightAdjustment {
    /* min-height: calc(100vh - 165px) !important; */
    min-height: auto !important;
    height: calc(100vh - 232px) !important;
    overflow-y: auto;
    padding: 0px 0px 0px 0px !important;

}
.bottomStickFooter_dashboardScreen {
    position: relative !important;

}
.stickyFooterHeightAdjustBlock_dashboardTabPanel {
    min-height: calc(100vh - 265px);
    overflow-y: auto;
    padding: 50px 50px;

}

.create_task_area.create_task_area_heightAdjustment.create_task_area_onlyMsg {
    min-height: 250px;
}

/* -- dashboard page/screen height adjustment end -- */

/* === Left Part height Adjustment Start === */
.create_task_area_heightAdjustment {
    height: auto;
    min-height: auto;
}
.bottomStickFooter_leftPart {
    /* opacity: 0.5; */
    position: absolute;
    bottom: 0;
}

.new_autoHeightAdjust_leftTaskDominous {
    height: calc(100vh - 370px);
    overflow-y: auto;
    /* padding: 0 0 70px 0; */
}

.new_autoHeightAdjust_leftTaskDominous .task_listing_area {
    padding: 0 0 0 0;
}
/* === Left Part height Adjustment end === */

/* === Right Part height Adjustment Start === */

/* -- right part Common Parent class for all screen start -- */
.slideScreen_bg_heightAdjust {
    height: 100vh; /* ---  bottom fixed/sticky footer adjustment (height adjustment) fixing edit -- */
}
  

.SlideS_bottombg_stickyFooterRightPart  {
    position: absolute;
    bottom: 0;
    padding: 8px 10px;
    min-height: 65px !important;

}

/* -- right part Common Parent class for all screen end -- */

.slideScreen_bg_heightAdjust .SlideS_bottombg {
    /* opacity: 0.5; */
}

.SlideS_Midbg_heightAdjustment {
    /* min-height: auto; */  /* ---  bottom fixed/sticky footer adjustment (height adjustment) fixing edit -- */
    min-height: calc(100vh - 200px);
}

/* -- Right part monitor task screen start -- */

.rightMidPartHeightAdjustment_monitorTask {
    /* background: indianred; */
    min-height: auto;
    /* height: calc(100vh - 160px); */
    height: calc(100vh - 200px);
    overflow-y: auto;
    padding: 0 0 70px 0;
}
/* -- Right part monitor task screen end -- */
/* -- Right part Budget & Due Date screen start -- */
.SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_budgetDueDate {
    height: calc(100vh - 215px);
    min-height: auto;
}
.rightMidPartHeightAdjustment_budgetDueDate {
    min-height: auto;
    /* height: calc(100vh - 310px); */
    height: calc(100vh - 325px);
    overflow-y: auto;
    padding: 0 0 70px 0;
}

.SlideS_bottombg_stickyFooterRightPart_budgetDueDate {
    min-height: auto;
}
.SlideS_bottombg_stickyFooterRightPart_budgetDueDate.Slide_chatBottomBg .s_footer_btnbg {
    min-width: 190px;
}
/* -- Right part Budget & Due Date screen end -- */

/* -- Right part Time Sheet screen start -- */
.SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_timeSheet_lp {
    height: calc(100vh - 120px);

    /* overflow-y: auto; */   /* -- short term adjustment for footer section show CC -- */

}
.SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_timeSheet_cc {
    height: calc(100vh - 120px);

    /* overflow-y: auto; */   /* -- short term adjustment for footer section show CC -- */

}
.rightMidPartHeightAdjustment_timeSheet_lp {
    min-height: auto;
    height: calc(100vh - 140px);
    overflow-y: auto;
    padding: 0 0 20px 0;

}
.rightMidPartHeightAdjustment_timeSheet_cc {
    min-height: auto;
    height: calc(100vh - 140px);
    overflow-y: auto;
    padding: 0 0 20px 0;

}
/* -- Right part Time Sheet screen end -- */

/* -- Right part Document screen Hight Scroll adjust start -- */

.SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_documentPage {
    height: calc(100vh - 120px);
}
.rightMidPartHeightAdjustment_documentPage {
    min-height: auto;
    height: calc(100vh - 140px);
    overflow-y: auto;
    padding: 0 0 20px 0;

}

.rightMidPartHeightAdjustment_inside_documentPageBlock {
    /*
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    */
}

.SlideS_bottombg.SlideS_bottombg_gray.SlideS_bottombg_stickyFooterRightPart_documentPage {
    /* height: auto; */
}
/* -- Right part Document screen Hight Scroll adjust end -- */

/* -- Right part Invoice PDF View & List screen start -- */

.SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_invoicePdfView {

    overflow-y: auto;
    height: calc(100vh - 150px);
}
.rightMidPartHeightAdjustment_scrollInvoiceBg_pdfView {
    /* overflow-y: scroll; */
    padding: 0 0 50px 0;
}

.SlideS_bottombg_stickyFooterRightPart.SlideS_bottombg_stickyFooterRightPart_invoice_footer {
    /* height: auto;  */
}
/* -- Right part Invoice PDF View & List screen end -- */

/* -- Right part Professionals Interested page screen start -- */
.SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_profIntarestPage {
    min-height: calc(100vh - 135px);
    height: auto;
    overflow-y: auto;
}
.rightMidPartHeightAdjustment_profIntarestPage {
    /* min-height: auto; */
}
.SlideS_bottombg_stickyFooterRightPart_profIntarestPage {
    /* height: auto;  */
}
/* -- Right part Professionals Interested page screen end -- */

/* -- Right part Task Details screen start -- */
.SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_taskDetails {
    height: calc(100vh - 120px);
    overflow-y: auto;
}
.SlideS_bottombg_stickyFooterRightPart_taskDetails {
    /* height: auto;  */
}
/* -- Right part Task Details screen end -- */


/* === Right Part height Adjustment end === */


/* -- ##### Te  Demo perpose Professional Intarested screen Height adjustment work ( tempolary demo perpose ) start --- ####  */

.SlideS_Midbg.flexbox-item-grow.SlideS_Midbg_heightAdjustment_demoTest {
    min-height: auto;
    height: calc(100vh - 130px);
    overflow-y: auto;
}

.s_midbox_scroll_adjust.mCustomScrollbar.height_900.mCustomScrollbar_height_demoTest {
    height: calc(100vh - 50px);
    max-height: 100%;
    overflow-y: auto;
    padding-bottom: 100px;
}

/* -- ##### Te  Demo perpose Professional Intarested screen Height adjustment work ( tempolary demo perpose ) end --- ####  */

/* -- ##### only Demo perpose task details-edit & negotiation screen Height adjustment work ( tempolary demo perpose ) start --- ####  */
.SlideS_Midbg.flexbox-item-grow.tappi_middle_body_td_class {
    height: calc(100vh - 130px);
    overflow-y: auto;
    min-height: auto;
}
.SlideS_Midbg.flexbox-item-grow.tappi_middle_body_tde_class {
    height: calc(100vh - 130px);
    overflow-y: auto;
    min-height: auto;
}

.tappi_middle_body_td_class .view.taskdetailnosbtskscrollcustomclass {
    /* height: auto;  */
}

.tappi_middle_body_td_class .view.taskdetailnosbtskscrollcustomclass ~ div ~ div {
    /* width: 20px !important; */
}
/* -- ##### only Demo perpose task details-edit & negotiation screen Height adjustment work ( tempolary demo perpose ) start --- ####  */


/* === height adjustment for main Task Create Screen (height adjustment) start // CC only ===  */

.task_container_withbox.new_autoHeightAdjust_taskCreate_bg {
    max-width: 100%;
    margin: 0px auto;
    overflow-y: auto;
    /* height: calc(100vh - 262px); */
    /* height: calc(100vh - 210px); */
    height: calc(100vh - 212px);
    min-height: auto;
    /* display: block; */
}

.createTask_newWrapping_singleMulti_bg {
        
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column; 
   
}

.task_container_withbox.new_autoHeightAdjust_taskCreate_bg .split_mid_box{
    max-width: 740px;
    margin: auto;
    /* display: block; */
}

.task_container_withbox.new_autoHeightAdjust_taskCreate_bg .split_mid_box.split_mid_multibox {
    max-width: 780px;
    margin: auto;
    /* display: block; */
}

.task_container_withbox.new_autoHeightAdjust_taskCreate_bg .send_req_bodybg {
    display: block;
}

.task_details_btn_area.bottomStickFooter_taskCreate {
    background: #eee;
}

/* === height adjustment for main Task Create Screen (height adjustment) end // CC only  ===  */

/* ====   bottom fixed/sticky footer adjustment css end    ==== */

/* -- new design adjustment end -- */

/* ----- table responsive testing start --- */
/* ----- table responsive testing end --- */

/* -- video chat related design modification start -- */
.chatHead_rightNewButton_sec {
    /* position: relative; */
}
.titleText_withImageDropdown_rightVideoBtn {
    padding: 0 45px 0 0;
}
.chatHead_calInv_btnBg.chatHead_rightNewButton_sec {
    margin-top: -7px;
    right: 0px;
}
.chatVideoDropBtn {
    cursor: pointer;
    color: #222222;
    background-color: transparent;
    background-image: url(../images/black-arrow.png);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: right 0px top 5px;
    width: 40px;
    height: 15px;
    display: flex;
}
.dropdown-menu.video_chat_btn.show {
    position: absolute;
    will-change: transform;
    top: 15px !important;
    left: auto !important;
    right: 0;
    transform: translate3d( 0, 0, 0) !important;
    padding: 5px 5px 5px 10px;
    background: #f4f6f9;
    border: 1px solid #e3e9f0;
    -webkit-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.3);
}
.videoChatBtn_dropDown ul li a {
    color: rgba(34,34,34,0.8);
    font-size: 13px;
    line-height: 1;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.videoChatBtn_dropDown ul li a:hover,
.videoChatBtn_dropDown ul li a:focus,
.videoChatBtn_dropDown ul li a:active {
    color: #003e8a;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/* -- Video Chat screen (New page / Window screen)  start -- */
.videoChatFullScreen_bg {
    min-height: 400px;
}
.videoChatFullScreen_fullSection_bg {
    display: flex;
    flex-direction: row;
    /* flex: 1 1 auto; */
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}
.videoChatFullScreen_leftBg {
    width: 75%;
    /* height: 100%; */
}
.videoChatFullScreen_rightBg {
    width: 30%;
    height: 100vh;
}
/* --- video chat screen Left iframe / import block section start -- */
.videoChatLeft_importBg {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}
.videoChatLeft_importBg > iframe {
    height: 100%;
    width: 100%;
}
/* --- video chat screen Left iframe / import block section end -- */

/* --- video chat side bar start -- */
.slide_videoChat_topbg {
        /* background:   #fde0e4; */
}
.slide_videoChat_topbg .slide_top_titlebg {
    /* padding: 5px 50px 5px 0; */
    padding: 5px 30px 5px 0;
}
.slide_videoChat_topbg .slide_top_titlebg button.slideTop_cross_btn {
    right: 0px;
}
.slide_videoChat_topbg .titleText_withImageDropdown_rightVideoBtn {
    padding: 0 5px 0 0;
    display: inline-block;
}
.SlideS_Midbg_heightAdjustment.SlideS_Midbg_heightAdjustment_videoChatSidebar {
    height: calc(100vh - 141px);
    min-height: auto;
    padding: 0px 0px 0px 0px;
    position: relative;
}
.videoChatFullScreen_fullSection_bg .rightMidPartHeightAdjustment_videoChatSidebar {
    height: calc(100vh - 215px);
    min-height: auto;
    overflow-y: auto;
    padding: 0px 0px 0px 0px;
    position: relative;
}
.videoChatFullScreen_fullSection_bg .chatBody_topSec p.chatBody_top_p {
    width: 49%;
    font-size: 12px;
}
.SlideS_bottombg_stickyFooterRightPart_videoChatSidebar {
    min-height: 80px;
    padding: 10px 10px 5px 10px;
    width: 100%;
    border-top: 1px solid #e3e9f0;
    z-index: 10;
    /* position: relative; */
    position: absolute;
    bottom: 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background: #f4f6f9; */
}
/* 
.videoChatFullScreen_fullSection_bg .rightMidPartHeightAdjustment_monitorTask {
    height: calc(100vh - 230px);
} 
*/
.videoChatFullScreen_fullSection_bg .SlideS_bottombg.SlideS_bottombg_gray {
    /* height: auto;  */
}
.videoChatFullScreen_fullSection_bg .Slide_chatBottomBg .s_footer_btnbg {
    min-width: 215px;
}
.videoChatFullScreen_fullSection_bg .s_footer_btnbg button.uploadbtn {
    min-width: 35px;
}
.videoChatFullScreen_fullSection_bg .s_footer_btnbg .blank_btn {
    min-width: 60px;
}
.SlideS_bottombg_stickyFooterRightPart_videoChatSidebar.Slide_chatBottomBg .s_footer_btnbg .sub_grd_btn {
    min-width: 80px;
}
/* -- Video Chat screen (New page / Window screen)  end -- */

/* --- Video Chat screen -- Modal -- Date Time schedule -- start -- */
.modal-dialog.custom_modal_lg.modal-dialog-centered.datePick_modalBG.modal-lg {
    /* height: auto;  */
}
.modal_body_chatDateTime {
    padding: 10px 0 0 0;
}
.modal_body_chatDateTime h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 25px;
}
.modal_dateTime_row {
    margin: 0 0 15px;
}
.modal_datePicker_inputStartEnd {
    padding: 5px 0 5px;
}
.modal_datePicker_inputStartEnd .react-datepicker-wrapper {
    /* margin: 0 0 15px; */
}

.modal_dateTime_row .react-datepicker__input-container {
    border-radius: 8px;
    border: 1px solid rgba(34, 34, 34, 0.4);

    width: 100%;
}
.modal_dateTime_row .react-datepicker-wrapper.form_group_error .react-datepicker__input-container {
    border: 1px solid red;
}


.modal_dateTime_row  input.form__field {
    /* height: 40px;
    border: 0px none; */
}
.modal_datePicker_inputStartEnd .react-datepicker__input-container input {
    height: 40px;
    border: 0px none;
    width: calc(100% - 30px);

    font-size: 15px;
    line-height: 1;
    color: #222222;
    background: transparent;
    margin: 0;
    padding: 0px 8px;
    border-radius: 8px;
}

/* ---- date time picker -- React Plugin modification start --- */

.modal_datePicker_inputStartEnd .react-datepicker-popper {

    /* 
    position: absolute;
    will-change: transform;
    top: auto !important;
    bottom: 0;
    left: 0px;
     */

    /* transform: translate3d(0px, -469px, 0px); */
    transform: translate3d(0px, 0px, 0px) !important;
}

/* Newest1 - Start */
.div-datepicker-container {
    display: flex;
    flex-direction: column;
}
.react-datepicker-wrapper,
.react-datepicker__input-container,
.react-datepicker__input-container input {
    /* width: 175px; */
    /* width: 100%; */
}
.react-datepicker__close-icon::before,
.react-datepicker__close-icon::after {
    background-color: grey  !important; 
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 10px;
}
/* Newest1 - End */


/* ---- date time picker -- React Plugin modification end --- */

/* --- Video Chat screen -- Modal -- Date Time schedule -- end -- */

/* -- video chat related design modification end -- */

/* --- new profile view  page -- new flow css start -- */

.newProViewTopBtn_topFilRightSec {
    text-align: right;
}

.newProViewTopBtn_btnBlock {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 0 !important;
    width: auto !important;
}
.newProViewTopBtn_style {
    padding: 10px 10px !important;
    font-size: 12px !important;
    font-weight: 600;
    color: #fff;
}
.newProViewTopBtn_style:hover,
.newProViewTopBtn_style:focus,
.newProViewTopBtn_style:active {
    color: #fff;
}
.newProViewTopBtn_btnBlock a.ancherBtn_download {
   margin: 0 0 0 10px;
   display: inline-block;
   vertical-align: middle;
}
.newProViewTopBtn_btn_status {
    padding: 10px 0px;
}
.newProView_uplodingText {
    text-align: left;
    font-size: 12px;
    line-height: 1.3;
    font-weight: bold;
}
.newProView_uplodingText.newProView_uplodingText_fileUploding {
    color: #222222;
}
.newProView_uplodingText.newProView_uplodingText_fileUpSucess {
    color: #97b860;
}
.newProView_uplodingText.newProView_uplodingText_fileUpError {
    color: red;
}

.newUserSection_areaBg {
    display: flex;
    flex-direction: row;
}

.newUserSection_leftBg {
    background: #F4F6F9;

    width: 25%;
    flex: 1 1 auto;
}
.newUserSection_rightBg {
    width: 75%;
    flex: 1 1 auto;
    padding: 0 0 0 20px;
}

/* --- newUserSidebar start -- */
.newUserSidebar_topSection {
    position: relative;

    background: #fbc93a;
    background: -moz-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: -webkit-linear-gradient(top, #fbc93a 0%, #feb15f 100%);
    background: linear-gradient(to bottom, #fbc93a 0%, #feb15f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc93a', endColorstr='#feb15f',GradientType=0 );

}
.newUserSidebar_topImgBlock {
    /* width: 100px; */
    height: 70px;
    text-align: center;
    position: relative;
}
.newUserSidebar_topImgBlock img {
    height: 90px;
    width: 90px;
    border-radius: 100px;
    object-fit: contain;
    object-position: center;

    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -45px;

    background-color: #fff;
    border: 1px solid #fff;
}
.newUserSidebar_topTextBlock {
    padding: 7px 0px;
}
.newUserSidebar_topTextBlock h3 {
    color: #222222;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    margin: 0 0 5px;
}
.newUserSidebar_topTextBlock h4 {
    color: rgba(34,34,34,0.5);
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    margin: 0 0 0;
}
.newUserSidebar_topButtonBlock {
    text-align: center;
}
.newUserSidebar_topButtonBlock button.newUserSidebar_topButtonEdit {
    background: #97b860;
    color: #fff;
    border-radius: 50px;
    padding: 7px 23px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    bottom: -10px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.newUserSidebar_topButtonBlock button.newUserSidebar_topButtonEdit:hover, 
.newUserSidebar_topButtonBlock button.newUserSidebar_topButtonEdit:focus,
.newUserSidebar_topButtonBlock button.newUserSidebar_topButtonEdit:active {
    background: #003e8a;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
.newUserSidebar_detailsSection {
    padding: 20px 15px;
}
.newUserSidebar_detailsSecBlock {
    padding: 5px 0px 10px;
}
.newUserSidebar_detailsSecBlock h4 {
    color: rgba(34,34,34,0.5);
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
    margin: 0 0 3px;
}
.newUserSidebar_detailsSecBlock p {
    color: rgba(34,34,34,1);
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
}
/* --- newUserSidebar end -- */
/* --- newUserSection - Right Part start -- */
.newUserSection_rightBlock {
    height: 100%;
    background: #F4F6F9;
}
.newUserSection_rightTopTitle {
    background: #E2E7EE;
    padding: 15px 20px;
}
.newUserSection_rightTopTitle h3 {
    color: #222222;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
}
.newUserSection_blankMsg {
    /* justify-content: center;
    justify-items: center; */
}
.newUserSection_blankMsg {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.newUserSection_blankMsg h3 {
    color: rgba(34, 34, 34, 0.3);
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    width: 60%;
}

.newUserSection_forpdfviewcustclass {
    padding: 30px 0;
}

/* --- newUserSection -- API backend section start -- */
.newUserSection_rightBlock .react-pdf__Document {
    text-align: center;
}
/* --- newUserSection -- API backend section end -- */
/* --- newUserSection - Right Part end -- */

/* -- newUserSection full details in popup modal -- CC start -- */

.modal-lg.custom_modal_lg.modal_newProfileViewFullDetails {
    max-width: 90%;
}
.custom_modal_lg .modal-body.modal_body_newProfileViewFullDetails_bg {
    height: calc(100vh - 200px);
    overflow-y: auto;
    padding: 40px 25px 35px;
}
.custom_modal_lg .modal-footer.modal_footer_newProfileViewFullDetails {
    padding: 15px 25px 15px;
}
/* -- newUserSection full details in popup modal -- CC end -- */

/* --- new profile view  page -- new flow css end -- */

/*  =====  CSS  notification for test start ** Put This Message bottom of the CSS File ** ======

In the DIV we use "mCustomScrollbar" add this class -
Single TASK -- "reactTestScroll reactTestScroll_single"  >> "mCustomScrollbar reactTestScroll reactTestScroll_single"
multi Task -- "reactTestScroll reactTestScroll_multi >> "mCustomScrollbar reactTestScroll reactTestScroll_multi"
NEXT --
Use -- REACT CUSTOM-SCROLL bar - just below the the DIV where i use "mCustomScrollbar".

=====  CSS  notification for test end ======  +++++++++++++++++++++++++++++  */