/*
*** z-index ***
sideMenu = 9999
modalBackDrop = 10000
modal = 10001
loader = 10002
toast = 10003 #inline
*/

/*** color var ***/
:root {
  --primary-color:#00B6DD;
  --primary-color-hover:#00B6DD;
  --secondary-color:#2275BC;
  
  --body-color:#F8F9FA;
  --font-family:'Segoe UI';

  --bottom-icons-color:#666666;

  /** button border and bg color **/
  --btn-border-color:#00B6DD;

  --btn-background-color:#333;

  --btn-bg-gradient-value1:#00b6dd;
  --btn-bg-gradient-value2:#00b6dd;
  --btn-bg-gradient-value3:#00afb1;

}

/*header search box*/

.header_searchbox {
  display: flex;
  flex-wrap: nowrap;
}
.header_searchbox .form-control {
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
  font-size: 15px;
  height: 40px;
  padding: 5px 12px;
  min-width: 210px;
}
.header_searchbox .form-control:focus {
  box-shadow: none;
}
.header_searchbox .btn {
  background: var(--primary-color);
  color: #fff;
  min-width: 40px;
  border-radius: 0 3px 3px 0;
  height: 40px;
  font-size: 15px;
}

/*** Global css ***/

body{
  font-family:var(--font-family);
  background:var(--body-color);
  font-size:15px;
  line-height:20px;
  /* padding:0 0 0px 60px; */
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
a {
  color: #00B6DD;
  text-decoration: none;
  background-color: transparent;
  white-space: nowrap;
}
a:hover{text-decoration: none;}
p {
  margin-bottom: 1.5rem;
  color: #000;
}
.modal-backdrop.show {
  opacity: .9;
}
.padding0{padding:0!important;}

.m0{margin: 0!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt80{margin-top: 80px!important;}

.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}

.ml1{margin-left:1250px !important}


.btn{text-align:left; min-width:110px}
.btn1{text-align:left; min-width:90px}
.btn.focus{box-shadow: none;outline:none;}
.btn:hover, .btn:focus{box-shadow: none;outline:none;}
.main_wrapper {
  padding:15px 0px;
}
.page_title {
  font-size: 24px; font-weight:600;
}
.page_title3 {
  font-size: 18px;
  font-weight: 600;
  margin:5px 0;
}
.page_title3::after{content:""; clear: both; display: table;}
.or_divider1 {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 35px 0;
}

.divider1 {
  background: #DADCE0;
  height: 1px;
  margin: 30px 0;
}
.p14{font-size: 14px;}

/*** buttons css ***/


.btn-min-width110{min-width:110px}

.btn-min-width325{min-width:325px}
.btn-max-width325{max-width:325px}

/* .btn-primary {
  color: #fff;
  background: #00b6dd; /* Old browsers *
  background: -moz-linear-gradient(left,  #00b6dd 0%, #00b6dd 51%, #00afb1 100%); /* FF3.6-15 
  background: -webkit-linear-gradient(left,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* Chrome10-25,Safari5.1-6 
  background: linear-gradient(to right,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6dd', endColorstr='#00afb1',GradientType=1 ); /* IE6-9 *
  border:2px solid var(--primary-color)!important;
  font-family:var(--font-family);
  font-size: 14px;
  border-radius: 10px;
  min-height: 40px;
  line-height: 23px;
  padding: 7px 12px;
  box-shadow:0px 2px 10px rgb(0 0 0 / 10%);
} */
.btn-primary:hover,.btn-primary:focus{color: #fff;outline:none;background-color:var(--primary-color-hover);border-color:var(--primary-color-hover);}
.btn-primary span{width:26px; font-size:18px;color:#fff;margin-right:6px; text-align: center;display: inline-flex; justify-content:center; align-items:end;height: 20px; vertical-align: text-top;}

.blue-outline-btn {color: #000; border:2px solid var(--primary-color); background-color:#fff; font-family:var(--font-family); font-size: 14px; border-radius: 10px; min-height: 40px; line-height: 23px; padding: 7px 12px;box-shadow:0px 2px 10px rgb(0 0 0 / 10%);}
.blue-outline-btn1 {color: #000; border:2px solid var(--primary-color); background-color:#fff; font-family:var(--font-family); font-size: 13px; border-radius: 10px; height: 35px!important; line-height: 19px; padding: 7px 12px;box-shadow:0px 2px 10px rgb(0 0 0 / 10%);}
.blue-outline-btn1 span{width:26px; font-size:18px;color:var(--primary-color);margin-right:6px; text-align: center; display: inline-flex; justify-content:center; align-items:end;height: 20px; vertical-align: text-top;}
.blue-outline-btn1:hover span,.blue-outline-btn:focus span,.blue-outline-btn.active span{color:#fff;}
.blue-outline-btn1:hover,.blue-outline-btn:focus,.blue-outline-btn.active{
  color: #fff;
  outline:none;
  border-color:var(--primary-color-hover);
  background: #00b6dd; /* Old browsers */
  background: -moz-linear-gradient(left,  #00b6dd 0%, #00b6dd 51%, #00afb1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6dd', endColorstr='#00afb1',GradientType=1 ); /* IE6-9 */
}
.blue-outline-btn span{width:26px; font-size:18px;color:var(--primary-color);margin-right:6px; text-align: center; display: inline-flex; justify-content:center; align-items:end;height: 20px; vertical-align: text-top;}
.blue-outline-btn:hover span,.blue-outline-btn:focus span,.blue-outline-btn.active span{color:#fff;}
.blue-outline-btn:hover,.blue-outline-btn:focus,.blue-outline-btn.active{
  color: #fff;
  outline:none;
  border-color:var(--primary-color-hover);
  background: #00b6dd; /* Old browsers */
  background: -moz-linear-gradient(left,  #00b6dd 0%, #00b6dd 51%, #00afb1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6dd', endColorstr='#00afb1',GradientType=1 ); /* IE6-9 */
}
.btn-sm{height:45px; line-height:28px;}
.btn-link {
  color: #00B6DD;
  font-size: 18px;
  font-family: var(--font-family);
}
.btn-link:hover, .btn-link:focus{text-decoration:none;} 


.page_title2 {
  font-size: 18px;color:var(--secondary-color); font-weight: normal;
}




/*** floating form css ***/
.form-floating {position: relative;}
.form-floating > .form-control,
.form-floating > .form-select {height: calc(3.5rem + 2px);line-height: 1.25;}
.form-floating > label {position: absolute;top: 0;left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none;border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {transition: none;}
}
.form-floating > .form-control {padding: 1rem 0.75rem;}
.form-floating > .form-control::-moz-placeholder {color: transparent;}
.form-floating > .form-control::placeholder {color: transparent;}
.form-floating > .form-control:not(:-moz-placeholder-shown) {padding-top: 1.625rem; padding-bottom: 0.625rem;}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {padding-top: 1.625rem; padding-bottom: 0.625rem;}
.form-floating > .form-control:-webkit-autofill {padding-top: 1.625rem; padding-bottom: 0.625rem;}
.form-floating > .form-select {padding-top: 1.625rem; padding-bottom: 0.625rem;}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);}
.form-floating > .form-control:-webkit-autofill ~ label {opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);}

/*** tooltip css ***/
.tooltip_btn {
  right: 5px; background: #fff; padding: 5px 5px; font-size: 18px;
  border-radius: 50px; display: inline-block; width: 40px; height: 40px;
  text-align: center; line-height: 30px; top: 9px; color:var(--primary-color);
}
.tooltip_btn:hover, .tooltip_btn:focus{color:var(--secondary-color);}

.tooltip-inner {background:var(--primary-color)!important;line-height:21px!important;}
.bs-tooltip-top .arrow::before{border-top-color:var(--primary-color)!important; top:-1px!important;}
.bs-tooltip-right .arrow::before{border-right-color:var(--primary-color)!important; right:-1px!important;}
.bs-tooltip-left .arrow::before{border-left-color:var(--primary-color)!important; left:-1px!important;}
.bs-tooltip-bottom .arrow::before{border-bottom-color:var(--primary-color)!important; bottom:-1px!important;}




/*** header css ***/




.notificaiton_lable {
  position: absolute;
  width: 8px;
  height: 8px;
  background: red;
  border-radius: 21px;
  right: 10px;
  top: 12px;
}


.user_profile_log .dropdown-menu {
  padding: 0;
  margin: 0;
  right: 0;
  left: inherit;
  border-radius: 0;
  top: 43px;
}

.user_profile_log  .dropdown-menu {
  padding: 0;
  margin: 0;
  right: 0;
  left: inherit;
  border-radius: 0;
  top: 43px;
}

.user_profile_log .dropdown-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.user_profile_log .dropdown-menu ul a {
  display: block;
  padding: 8px 12px;
  font-size: 14px;
  color: #666;
}

.user_profile_log .dropdown-menu ul li {
  margin: 0;
}


/** financial info page css **/
.cm_tabs {
  display: flex;
  border: 1px solid #00b6dd;
  border-radius: 4px;
  flex-wrap: wrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.cm_tabs li {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cm_tabs li a {
  color: #666;
  font-size: 14px;
  padding: 10px 5px;
  display: block;
  min-width: 130px;
  text-align: center;
  margin: -1px 0;
}
.cm_tabs li:first-child a {
  border-radius: 4px 0 0 4px;
}
.cm_tabs li:last-child a {
  border-radius: 0 4px 4px 0;
}
.cm_tabs li a:hover {
  background: #007e9b;
  color: #fff;
  text-decoration: none;
}
.cm_tabs .active {
  background: #00b6dd;
  color: #fff;
}
.cm_tabs_content {
  padding: 15px 0;
}

.cm_field_group {
  margin-bottom: 30px;
}
.cm_field2 {
  display: flex;
  position: relative;
}
.cm_field2 .form-control {
  border: none;
  border-bottom: 2px solid #ddd;
  border-radius: 0px;
  height: 40px;
  padding: 7px 5px 7px 16px;
}
.cm_field2 .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #00b6dd;
}
.cm_f_icon2 {
  flex: 0 0 30px;
  padding: 9px 5px 6px 8px;
}
.cm_f_icon1 {
  color: #666;
  position: absolute;
  font-size: 17px;
  line-height: 38px;
  left: 0;
}
.cm_field_group h4 {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 5px;
}

/** check box css **/
.cm_checkbox {
  position: relative;
  padding: 0px;
  margin-bottom: 20px;
}
.cm_checkbox input {
  position: absolute;
  left: 0;
  opacity: 0;
}
.cm_checkbox label {
  color: #000;
  border: 2px solid var(--primary-color);
  background-color: #fff;
  font-family: var(--font-family);
  font-size: 14px;
  border-radius: 10px;
  min-height: 40px;
  line-height: 23px;
  padding: 7px 12px;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
  cursor: pointer;
  margin: 0;
}
.cm_checkbox input[type="checkbox"]:checked + label {
  color: #fff;
  outline: none;
  border-color: var(--primary-color-hover);
  background: #00b6dd; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #00b6dd 0%,
    #00b6dd 51%,
    #00afb1 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #00b6dd 0%,
    #00b6dd 51%,
    #00afb1 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #00b6dd 0%,
    #00b6dd 51%,
    #00afb1 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6dd', endColorstr='#00afb1',GradientType=1 ); /* IE6-9 */
}
.cm_checkbox label span {
  width: 26px;
  font-size: 18px;
  color: var(--primary-color);
  margin-right: 6px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: end;
  height: 20px;
  position: relative;
  top: 1px;
}
.cm_checkbox input[type="checkbox"]:checked + label span {
  color: #fff;
}

/** radio css **/
.cm_radio {
  position: relative;
  padding: 0px;
  margin-bottom: 20px;
}
.cm_radio input {
  position: absolute;
  left: 0;
  opacity: 0;
}
.cm_radio label {
  color: #000;
  border: 2px solid var(--primary-color);
  background-color: #fff;
  font-family: var(--font-family);
  font-size: 14px;
  border-radius: 10px;
  min-height: 40px;
  line-height: 23px;
  padding: 7px 12px;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
  cursor: pointer;
  margin: 0;
}
.cm_radio input[type="radio"]:checked + label {
  color: #fff;
  outline: none;
  border-color: var(--primary-color-hover);
  background: #00b6dd; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #00b6dd 0%,
    #00b6dd 51%,
    #00afb1 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #00b6dd 0%,
    #00b6dd 51%,
    #00afb1 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #00b6dd 0%,
    #00b6dd 51%,
    #00afb1 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6dd', endColorstr='#00afb1',GradientType=1 ); /* IE6-9 */
}
.cm_radio label span {
  width: 26px;
  font-size: 18px;
  color: var(--primary-color);
  margin-right: 6px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: end;
  height: 20px;
  position: relative;
  top: 1px;
}
.cm_radio input[type="radio"]:checked + label span {
  color: #fff;
}


/*** content css ***/
.content_section {
    padding:15px;
    background: #fff;
    box-shadow: 0px 3.5px 5.5px rgb(0 0 0 / 2%);
    margin: 15px 0;
    border-radius: 15px;
    background-image: url(../img/bg_logo.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
    min-height:480px;
}
.search_bar {
  color: var(--primary-color) !important;
  background: white !important;
  border-bottom: 1px solid #ddd !important;
}

.custom_progress {
  border: 1px solid #ececec;
  background: #E9EDF0;
  height:10px;
  border-radius: 20px;
  overflow: inherit!important;
  margin-bottom: 15px;
}
.custom_progress .progress-bar{background-color:#F89D28;margin:-1px;border-radius: 20px;}


/*** survey queston and answers css ***/ 
.question_sect {
  padding: 0 0 16px 0;
}
.ques_options_sect{padding:16px 0 20px 0;}
.survey_category{color:var(--secondary-color); font-size:18px;}
.page_inner_title{color:var(--secondary-color); font-size:18px;line-height: 30px;font-weight: normal;}
.page_inner_title span{font-size:35px; width:25px; text-align: center;position: relative;top: 5px; font-family:'FontAwesome';}

.question_sect h1 {
  margin: 0;
  font-size:18px;
  line-height:24px;
  font-weight: 400;
  padding: 7px 0 0 0;
  color:#000;
}
.options_list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.option_btn {
  border: 2px solid #00AFB1;
  display: block;
  color: #000;
  border-radius: 10px;
  min-height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 37px;
  padding: 0 10px;
  max-width:325px;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
}
.option_btn:hover, .option_btn:focus{
  color:#fff;text-decoration: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b6dd+0,00b6dd+51,00afb1+100 */
  background: #00b6dd; /* Old browsers */
  background: -moz-linear-gradient(left,  #00b6dd 0%, #00b6dd 51%, #00afb1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6dd', endColorstr='#00afb1',GradientType=1 ); /* IE6-9 */

}
.option_btn:hover .fa, .option_btn:focus .fa{color: #fff;}

.options_list li {
  margin-bottom: 18px;
}
.option_btn .fa {
  font-size: 17px;
  color: #13b6ca;
  display: inline-block;
  width: 30px;
  text-align: center;
  margin-right: 8px;
  position: relative;
  top:2px;
}


.radio_in_col {
  margin: 0 -15px;
  display: flex;
}
.radio_in_col .btn, .radio_in_col .cm_radio {
  margin: 0 15px;
}

.two_option_btn {
  list-style: none;
  padding: 0;
  display: flex;
  margin: 0 -15px;
}
.two_option_btn li{padding:0 15px;}
.option_btn_sm {
  border: 2px solid #00AFB1;
  display: block;
  color: #000;
  border-radius: 10px;
  min-height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 37px;
  padding: 0 10px;
  min-width:105px;
  text-align: center;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
}
.option_btn_sm:hover, .option_btn_sm:focus{background-color: #13b6ca;color:#fff;text-decoration: none;}
.option_btn_sm:hover .fa, .option_btn_sm:focus .fa{color: #fff;}


.three_column_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.three_column_list li {
  width: 33.33%;
  padding: 0 15px;
}
.three_column_list li .btn {
  min-width: 100%;
  white-space: nowrap;
}



.uploa_input_sect {
  background: url(../img/upload_icon.svg);
    max-width: 100%;
    min-height: 310px;
    display: block;
    background-repeat: no-repeat;
    background-size: 170px;
    background-position: center;
}

.finance_contnt_info {
  margin: 0;
  padding: 0;
  list-style: none;
}
.finance_contnt_info li{    
  display: flex;
  align-items: center;
  margin-bottom: 10px;}
.f_c_icon {
    font-size: 50px;
    width:120px;
    flex: 0 0 120px;
    text-align: center;
    height:110px;
    line-height: 90px;
}
.f_c_icon .fa{color:var(--primary-color);}
.f_c_cont p{margin: 0;
  font-size: 14px;
  color: #000;}

/*** login page css ***/
/*** login page css ***/
.login_section {
  display: flex;
  /* height: 100vh; */
  background: #fff;
  max-width: 860px;
  position: relative;
  margin: 60px auto;
  box-shadow: 0px 5px 23px rgb(0 0 0 / 8%);
  border-radius: 20px;
  padding: 30px;
}

.login_section:before {
  content: "";
  background: var(--primary-color);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  transform: rotate(2deg);
  box-shadow: 0px 5px 23px rgb(0 0 0 / 8%);
}

.login_logo_sect {
  border-right: 1px solid #f4f4f4;
  display: flex;
}

.login_logo {
  background-position: center;
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
}

.login_logo img {
  max-width: 100%;
  width: 300px;
}
.login_logo_sect {
  border-right: 1px solid #f4f4f4;
  display: flex;
}


.login_logo_sect, .login_form_sect {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.login_form_in_sect {
  padding: 0px 12px 0px 55px;
}

.login_title {
  font-size: 26px;
  font-family: var(--font-family);
  font-weight: normal;
  color: #333;
  margin-bottom: 30px;
  position: relative;
}

.login_title:after {
  content: "";
  width: 70px;
  height: 3px;
  background: var(--primary-color);
  position: absolute;
  bottom: -14px;
  left: 0;
}

.log_sub_title {
  color: #666;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
}



.or_divider_text {
  position: relative;
  margin: 25px 0;
  text-align: center;
  height: 0px;
  border-bottom: 1px solid #ececec;
}

.or_divider_text span {
  background: #fff;
  color: #999;
  font-size: 14px;
  display: block;
  position: absolute;
  width: 110px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -11px;
}
.icons_link_list {
  padding: 0;
  margin: 12px 0;
  list-style: none;
  display: flex;
  justify-content: center;
}

.icons_link_list li {
  margin: 0 5px;
}

.icons_link_list a {
  display: block;
  font-size: 18px;
  width: 65px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50px;
  color: #fff;
}

.forgot_link {
  text-decoration: underline;
  font-size: 14px;
  color: #2377BC;
}

.ct_form_icon_group .far {
  position: absolute;
  right: 0;
  top: 18px;
  padding: 5px 5px;
  cursor: pointer;
  color: var(--primary-color);
}



.loading_box {
  position: absolute;
  background: rgba(255, 255, 255, .9);
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-color);
  flex-direction: column;
}

.spin_text {
  padding-top: 10px;
  text-align: center;
}
/*** floatin form css ***/
.ct_form_field{
  position: relative;
  margin: 15px 0 15px;
}
.ct_form_field .form-control {
  padding:20px 0 10px 0;
  border: none;
  border-bottom: 2px solid #ddd;
  border-radius: 0;
  font-size: 15px;
  font-family:var(--font-family);
  background: transparent;
}
.ct_form_field textarea.form-control{
  min-height:120px;
}
.ct_form_field > label {
  font-size: 16px;
  font-family:var(--font-family);
  padding: 15px 0px!important;
  color: #999;
  margin: 0;
}
.form-floating.ct_form_field > .form-control:focus{outline:none; box-shadow:none;}

.form-floating.ct_form_field > .form-control:focus ~ label,
.form-floating.ct_form_field > .form-control:not(:placeholder-shown) ~ label,
.form-floating.ct_form_field > .form-select ~ label {
  opacity:1!important;
  transform:scale(0.85) translateY(-0.955rem) translateX(0.0rem);
  
  box-shadow:none;
}
.custom-control-input:focus~.custom-control-label::before {
  box-shadow:none;
}
.form-floating.ct_form_field > .form-control:focus,
.form-floating.ct_form_field > .form-control:not(:placeholder-shown),
.form-floating.ct_form_field > .form-select{
  border-color:#91c2ec;
}

.ct_form_icon_group input{padding-right: 40px!important;}
.ct_form_icon_group .far {
  position: absolute;
  right: 0;
  top: 18px;
  padding: 5px 5px;
  cursor: pointer;
  color:var(--primary-color);
}


.ct_form_field .form-control input {
  font-size: 15px;
  font-family: var(--font-family);
  color: #495057;
}
.ct_form_field .form-control svg {
  stroke:var(--primary-color);
}

.group_field .form-select {
  width: 100%;
  padding: 25px 10px 8px 9px;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
}
/** model css **/
.modal.fade .modal-dialog{margin:1.6rem auto;}
.modal-content{border-radius:15px; border:none;}

.trouble_popup_block {
  text-align: center;
  padding: 10px;
}
.trouble_popup_block h3 {
  font-size: 24px;
  color: #2275BC;
  font-weight: normal;
  margin-bottom: 15px;
  line-height: 32px;
}

.view_value_icon .form-control {
  background: url(../img/eye.svg);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 26px!important;
}

/*** mobile menu ***/
.mobile_menu_section {
  position: fixed;
  background: #fff; 
  z-index: 9999; 
  right: 0; 
  left: 0; 
  top: 56px;
  bottom: 35px; 
  width:60px; 
  transition: all 500ms ease;
  box-shadow: 0px 4px 10px rgb(0 0 0 / 3%);
}
.mobile_menu_section.open{margin:0;box-shadow: 0px 0px 8px rgb(0 0 0 / 12%);}
.Close_btn {position: absolute; right: 10px; top: 12px; cursor: pointer; width: 35px; padding: 5px; opacity: .35;}
.m_menu {margin: 0; padding: 0; list-style: none;}
.m_menu li a {color: #000; font-size: 16px; line-height: 21px; display: block; padding: 5px 15px; position: relative;}
.m_menu li {padding: 5px 0;}
.m_menu li a:hover, .m_menu li a:focus{color:#00AFB1;text-decoration: none;}
.m_menu li.active a::after{content: ""; background: #00AFB1; height: 3px; width: 30px; position: absolute; bottom: -2px; left: 15px;}
.m_menu li ul {list-style: none; padding: 0 0 0 24px;}
.m_menu li ul li{position: relative;}
.m_menu li ul li::before{content: ""; width: 6px; height: 6px; background: var(--primary-color); position: absolute; left: -8px; border-radius: 7px; top: 0; bottom: 0;  margin: auto 0;}



.menus_iconlist {margin:0; padding: 0;border-top:1px solid #ececec;}
.menus_iconlist>li{border-bottom: 1px solid #ececec;}
.menus_iconlist>li>a.active{background:var(--primary-color); color:#fff;}
.menus_iconlist>li>a{font-size: 18px;display: block; min-height: 50px;color: #999;padding: 14px 18px 14px 43px;position: relative;width:60px;}
.menus_iconlist>li>a span {width: 60px; height: 50px; top: 0; font-size: 18px; line-height: 50px;
    position: absolute;left: 0; text-align: center; } 
.menus_iconlist>li>a small {font-size: 15px; text-overflow: ellipsis; overflow: hidden;
    width: 100%; display: none; padding-left: 15px;
}
.mobile_menu_section.open .menus_iconlist small {display: block;}
.mobile_menu_section.open .menus_iconlist li a {justify-content: inherit;}

.menus_iconlist>li:hover>a{width:200px;background:var(--primary-color); color:#fff;}
.menus_iconlist>li:hover>a{min-width: 220px;background: var(--primary-color);color: #fff;}
.menus_iconlist>li:hover>a small{display: block;}

.menus_iconlist li .dropdown-toggle::after{position: absolute;right: 18px; top: 23px;}

.menus_iconlist li.show>a{background:var(--primary-color); color:#fff;min-width: 220px;}
.menus_iconlist li.show>a small{display: block!important;}

.menus_iconlist li ul{display:none;}
.menus_iconlist li:hover ul{display: block;}

.menu_dropdown {padding:0;list-style:none;margin:0; width: 160px;
  background: #02a0c2;z-index: 1; left: 60px; position: absolute;}
.menu_dropdown a {display: block; padding: 8px 15px; font-size: 15px; color:#fff;}
.menu_dropdown a:hover{color: #fff;background:#0085a3; }


/** result page css **/ 
.result_title {
  font-size: 24px;
  font-weight: normal;
  margin: 8px 0;
}

.results_listing {
  margin: 0;
  padding: 0;
  list-style: none;
  
}
.results_listing li{position: relative;padding-left:45px;}
.result_count {
  border: 2px solid var(--primary-color);
  width: 32px;
  display: block;
  height: 32px;
  text-align: center;
  border-radius: 50px;
  font-size: 14px;
  font-weight: bold;
  line-height:27px;
  position: absolute;
  left: 0;
  top: 0;
  color:var(--primary-color); background:#fff; z-index:1;
}
.result_block {padding:4px 0 15px 0;}
.res_question {
  font-size: 17px;
  position: relative;
  padding-left: 22px;
  line-height: 23px;
  margin: 0;
}
.res_question strong{position:absolute; left:0; top:0;}
.res_anwser {
  display: block;
  color: var(--primary-color);
  font-size: 16px;
  padding: 5px 0 4px 22px;
}
.res_anwser strong {
  display: inline-block;
  width: 18px;
}
.results_listing li:after {
  content: "";
  border-left: 2px dashed var(--primary-color);
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
}
.results_listing li:last-child::after{content:none;}




.cm-block{display: block;}
.cm_checkbox.cm-block label, .cm_radio.cm-block label{display: block;}

.cm-inlin-block{display: inline-block;}


/** financial info page css **/
.cm_tabs {
  display: flex;
  border: 1px solid #00b6dd;
  border-radius: 4px;
  flex-wrap: wrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.cm_tabs li a {
  margin: -2px 0;
  border-radius: 4px 0 0 4px;
}
.cm_tabs li:first-child a {
  border-radius: 4px 0 0 4px;
}
.cm_tabs li:first-child{padding-left:0;}
.cm_tabs li:last-child{
  padding-right: 0;
  border-right: unset;
}
.cm_tabs li{
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  border-right: solid 1px #00b6dd;
}
.a {
  text-decoration: none !important;
}


.cm_tabs li>a {color: rgb(15, 14, 14); font-size: 14px; background:#fff;
  padding: 10px 5px; display: block; min-width: 130px; text-align: center;
  /* border-radius:10px; */
}

.cm_tabs li>a:hover{background:#00B6DD; color:#fff; text-decoration: none;}
.cm_tabs li>a:hover span{color:#fff;}
.cm_tabs>.active a{background:#00B6DD; color:#fff;}
.cm_tabs>.active span{color:#fff;}
.cm_tabs li>a span {
  display: block;
  /* font-size: 25px;
  margin: 5px 0 6px 0; */
 
}
.cm_tabs .dropdown-menu {padding:5px; margin: 0;}
.cm_tabs_link {list-style: none;padding: 0;}
.cm_tabs_link li{padding:0;}
.cm_tabs_link li a {padding: 8px 10px;}
.cm_tabs_content {padding: 15px 0;}
.cm_tabs .dropdown-menu {padding: 5px; transform: none!important; top: 76px!important; right: 0;
  left: 0; margin: 0 10px;}
                    
.cm_field_group{margin-bottom:30px;}
.cm_field2 {display: flex;position: relative;}
.cm_field2 .form-control {border: none; border-bottom: 2px solid #ddd; border-radius: 0px; height:40px; padding: 7px 5px 7px 16px;}
.cm_field2 .form-control:focus{outline:none; box-shadow:none;border-color:#00B6DD;}
.cm_f_icon2 {flex: 0 0 30px; padding: 9px 5px 6px 8px;}
.cm_f_icon1 {color: #666; position: absolute; font-size: 17px;line-height: 38px;left: 0;}
.cm_field_group h4 {font-size: 17px; line-height: 24px; margin-bottom: 5px;}




/** check box css **/
.cm_checkbox {position: relative; padding: 0px; margin-bottom:20px}
.cm_checkbox input {position: absolute;left: 0; opacity:0;}
.cm_checkbox label {
  color: #000; 
  border:2px solid var(--primary-color); 
  background-color:#fff; 
  font-family:var(--font-family); 
  font-size: 14px; 
  border-radius: 10px; 
  min-height: 40px; 
  line-height: 23px; 
  padding: 7px 12px;
  box-shadow:0px 2px 10px rgb(0 0 0 / 10%);
  cursor: pointer;
  margin:0;
}
.cm_checkbox input[type=checkbox]:checked+label{
  color: #fff;
  outline:none;
  border-color:var(--primary-color-hover);
  background: #00b6dd; /* Old browsers */
  background: -moz-linear-gradient(left,  #00b6dd 0%, #00b6dd 51%, #00afb1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6dd', endColorstr='#00afb1',GradientType=1 ); /* IE6-9 */
}
.cm_checkbox label span{width:26px; font-size:18px;color:var(--primary-color);margin-right:6px; text-align: center; display: inline-flex; justify-content:center; align-items:end;height: 20px;position: relative;top:1px;}
.cm_checkbox input[type=checkbox]:checked+label span{color:#fff;}
 

/** radio css **/
.cm_radio {position: relative; padding: 0px; margin-bottom:20px}
.cm_radio input {position: absolute;left: 0; opacity:0;}
.cm_radio label {
  color: #000; 
  border:2px solid var(--primary-color); 
  background-color:#fff; 
  font-family:var(--font-family); 
  font-size: 14px; 
  border-radius: 10px; 
  min-height: 40px; 
  line-height: 23px; 
  padding: 7px 12px;
  box-shadow:0px 2px 10px rgb(0 0 0 / 10%);
  cursor: pointer;margin:0;
}
.cm_radio input[type=radio]:checked+label{
  color: #fff;
  outline:none;
  border-color:var(--primary-color-hover);
  background: #00b6dd; /* Old browsers */
  background: -moz-linear-gradient(left,  #00b6dd 0%, #00b6dd 51%, #00afb1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6dd', endColorstr='#00afb1',GradientType=1 ); /* IE6-9 */
}
.cm_radio label span{width:26px; font-size:18px;color:var(--primary-color);margin-right:6px; text-align: center; display: inline-flex; justify-content:center; align-items:end;height: 20px;position: relative;top:1px;}
.cm_radio input[type=radio]:checked+label span{color:#fff;}

 

/*** message box css ***/
.message_page .content_section{padding:20px;}
.empty_message_box {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 15px;
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.empty_m {
  text-align: center;
  max-width: 200px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.empty_m i {
  font-size: 32px;
  display: inline-block;
  padding: 0px 0 15px 0;
  color: var(--primary-color);
}
.empty_m p {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #666;
  line-height: 18px;
}

.mail_compose_btn {
  width: 50px;
  height: 50px;
  background: #fff;
  text-align: center;
  color: var(--primary-color);
  border-radius: 50px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, .2);
  position: absolute;
  right: 25px;
  bottom: 25px;
}
.mail_compose_btn:hover{
  background:var(--primary-color); color:#fff; text-decoration:none;
}

.compose_mail_popup{padding:5px;}
.compose_mail_popup h2{font-size:18px; font-weight: bold; margin-bottom: 10px;}

.header_seciton2 {
  border-top: 1px solid #ececec;
  background: #fff;
  box-shadow: 0px 4px 10px rgb(0 0 0 / 3%);
  margin-bottom: 20px;
}
.header2_inner_sect {
  display: flex;
  justify-content: space-between;
}
.h2_sect_col2 {
  display: flex;
  justify-content: space-between;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}

.customer-detail-box1 {
  padding: 10px 15px;
}
.customer-detail-box1 p {
  color: #999;
  font-size: 14px;
  margin: 0 0 3px 0px;
  display: inline-block;
  padding: 0px 0px 2px 0;
  border-radius: 3px;
}
.customer-detail-box1 h5 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
.h2_alert_icon {
  display: block;
  font-size: 25px;
  padding: 20px 20px;
  position: relative;
}
.h2_alert_icon span {
  background: red;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  border-radius: 7px;
  right: 24px;
  top: 22px;
}

.h2_sect_col1,
.h2_sect_col2,
.h2_sect_col2 {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.h2_sect_col1 {
  flex: 0 0 65px;
}
.h2_sect_col3 {
  flex: 0 0 65px;
}
.c_name_tag {
  color: #0056b3;
  font-size: 14px;
  display: inline-block;
  border-radius: 3px;
}

.l_info_list_group {
  list-style: none;
  padding: 0;
  margin: 0;
}
.l_info_list_group li {
  background: #fff;
  padding: 12px 10px 8px 10px;
  position: relative;
  margin: 13px 0;
}
.l_info_list_group li span {
  color: #666;
  font-size: 14px;
  position: absolute;
  background: #fff;
  top: -11px;
  padding: 0 5px;
  left: 5px;
}
.l_info_list_group li strong {
  color: black;
  font-weight: 600;
}
.l_info_two_2col {
  margin: 0 0 0 -2.5%;
  display: flex;
  flex-wrap: wrap;
}
.l_info_two_2col li {
  margin: 13px 0px 0px 2.5%;
  width: 47.5%;
}

.card_w_header2 {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.l_info_list_group2 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.l_info_list_group2 li {
  display: table;
  width: 100%;
  margin-bottom: 8px;
}
.l_info_list_group2 strong {
  text-align: right;
}
.l_info_list_group2 li span,
.l_info_list_group2 li strong {
  display: table-cell;
  width: 50%;
  color: #666;
  font-size: 15px;
}
.l_info_list_group2 li strong {
  padding: 5px 6px;
  border-radius: 5px;
  color: #000 !important;
}
.custom_table1 tr td,
.custom_table1 tr th {
  border: 1px solid #ddd;
  padding: 4px 6px;
  font-size: 14px;
}
.custom_table1 thead {
  background: #f5f5f5;
}
a.back_btn_arrow {
  float: left;
  width: 60px;
  height: 65px;
  font-size: 28px;
  line-height: 63px;
  text-align: center;
}
.t_green {
  background: limegreen;
  color: #fff;
}
.t_red {
  background: #ff6060;
}
.t_yellow {
  background: #ffff7f;
}
.t_grey {
  background: lightgrey;
}
td.t_blue {
  background: lightskyblue;
}

.card_w_header {
  font-size: 15px;
  font-weight: 600;
  background: var(--primary-color);
  border-radius: 5px;
  padding: 6px 12px;
  color: #fff;
  margin-bottom: 5px;
}
.card_w_body {
  border: 1px solid #ececec;
  padding: 5px 4px;
  border-radius: 0;
}

.card-header-accordion {
  display: table;
  width: 100%;
  margin-bottom: 5px;
  background: var(--primary-color);
  border-radius: 3px;
  box-shadow: 0px 1px 3px rgb(0 0 0 / 15%);
}
.card-header-accordion .card-head-acc-l,
.card-header-accordion .card-head-acc-r {
  display: table-cell;
  padding: 8px 10px;
  position: relative;
}
.card-head-acc-l {
  font-weight: bold;
  color: #fff;
  width: 85%;
}
.card-head-acc-r {
  font-weight: bold;
  color: #fff;
  border-left: 1px solid #ddd;
  position: relative;
  text-align: right;
}
.card_click_btn {
  display: block;

  width: 36px;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.card_click_btn:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  color: #fff;
  width: 36px;
  display: block;
  text-align: center;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
}
.card_click_btn[aria-expanded="true"]:after {
  content: "\f077";
}
.card-accordion {
  margin-bottom: 0;
}

.c_t_col85 {
  width: 85%;
}
.c_t_padding_30 {
  padding-left: 30px !important;
}
.c_t_row {
  display: table;
  width: 100%;
  margin-bottom: 5px;
}
.c_t_col {
  display: table-cell;
  border: 1px solid #ececec;
  padding: 8px 14px;
  position: relative;
  font-weight: 600;
}

.cart_t_click2 {
  display: block;
  width: 26px;
  height: 26px;
  float: right;
  position: absolute;
  right: 5px;
  top: 5px;
  bottom: 0;
  border-radius: 50px;
  cursor: pointer;
}
.cart_t_click2:after {
  content: "\f067";
  font-family: "fontAwesome";
  color: var(--primary-color);
  width: 26px;
  display: block;
  text-align: center;
  height: 26px;
  line-height: 28px;
  font-size: 15px;
}
.cart_t_click2[aria-expanded="true"]:after {
  content: "\f068";
}
.sub_collapse .c_t_row {
  background: #f5f5f5;
}

.h_cust_form_block {
  display: flex;
}
.h_cust_form_block select {
  width: 132px;
  font-size: 12px;
  border: 1px solid #ddd;
  padding: 3px 4px;
  border-radius: 3px 0 0 3px;
  color: #333;
}
.h_cust_form_block button {
  background: #00b6dd;
  border: none;
  color: #fff;
  border-radius: 0 3px 3px 0;
  font-size: 16px;
}
.h_cust_form_block select:hover,
.h_cust_form_block select:focus {
  box-shadow: none;
  outline: none;
}
.h_cust_form_block button:hover,
.h_cust_form_block button:focus {
  box-shadow: none;
  outline: none;
}

.form-group label {
  font-size: 14px;
  color: #666;
  margin-bottom: 5px;
}
.form-control:hover,
.form-control:focus {
  outline: none;
  box-shadow: none;
}

.trouble_popup_block #id1 {
  width: 100% !important;
}


/*** message card css ***/
.mesage_card {
  display: flex;
  border:1px solid #ececec;
  margin-bottom: 10px;
  padding:10px;
  border-radius: 5px; cursor: pointer;
}
.m_card_avatar {flex: 0 0 35px;}
.user_a_name {
  display: block;
  width: 35px;
  height: 35px;
  background:var(--primary-color);
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 600;
}
.m_card_content{padding:0 10px;align-self: center;}
.m_c_title {font-size: 14px; margin: 0; font-weight: 600; line-height:15px;}
.m_c_text{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.m_c_text p{color:#999; font-size:14px; margin:0;}
.m_card_date {align-self: center; font-size: 13px; color: #666; font-weight: 600; flex: 0 0 75px; text-align: right;}
.m_card_date span {background: #ddd;font-size: 12px;color: #333; padding: 1px 4px; border-radius: 3px;}
.m_card_content{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.m_card_subject {color: chocolate; font-size: 13px;}


/*** add document accordion css ***/
.c_acc_card {border-bottom: 1px solid #EBEFF2;padding: 0 0 20px 0;margin-bottom: 20px;}
.c_acc_link {display: inline-block;font-size: 18px;color: #000;position: relative; white-space: normal;padding-right:30px;}
.c_acc_card_body {padding:20px 0 0px 0;}
.c_acc_link:hover{text-decoration:none; color:#000;}
.c_acc_link[aria-expanded="true"]::after{
  content: "";
  background-image: url(../../assets/img/down_arrow_b.svg);
  width: 20px;
  height: 12px;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 10px;
  position: absolute;
  right: 0;
  top: 5px;
}
.c_acc_link[aria-expanded="false"]::after{
  content: "";
  background-image: url(../../assets/img/down_arrow_b.svg);
  width: 20px;
  height: 12px;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 10px;
  position: absolute;
  right: 0;
  top: 5px;
}

.add_doc_block {
  padding-left: 30px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.add_doc_status {
  position: absolute;
  left: 0;
  top: 3px;
  background-image:url(../../assets/img/sign_red.svg);
  width:20px;
  height:20px;
}
.add_doc_status.added{background-image:url(../../assets/img/sign_green.svg);}
.add_doc_buttons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.add_doc_buttons .btn{min-width:150px}
.add_doc_buttons li {padding-right: 20px;}
.add_doc_buttons li:last-child{padding:0;}
.add_doc_head {padding: 3px 0 2px 0;}
.add_doc_head h3 {font-size: 15px; line-height: 21px;}

.added_document_list {list-style: none;padding: 0;margin: 0 0 15px 0;}
.added_document_list li {line-height: 30px; font-size: 14px;}
.added_doc_name {text-decoration: underline; color: #2275BC;}
.add_doc_delete {color: red; font-size: 14px;display: inline-block; margin-left: 8px;}
.add_doc_delete:hover, .add_doc_delete:focus{color:red;}

.custom_accordion .c_acc_card:last-child{border:none;margin: 0;}





ul.h_btn_group {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

ul.h_btn_group a {
  color: #fff;
  display: block;
  padding: 5px 14px;
  background: #00B6DD;
  border-radius: 3px;
}
ul.h_btn_group li {
  margin-left: 8px;
}

ul.h_icons_link {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.h_icons_link li {
  margin: 0 10px;
}
.h_icons_link a {
  font-size: 13px;
  display: flex;
  align-items: center;
  position: relative;
}
.h_icons_link a:hover{text-decoration: none;}
.h_icons_link a span {
  font-size: 22px;
  width: 30px;
  height: 30px;
  line-height: 22px;
  position: relative;
  padding: 5px 2px;
  text-align: center;
}
.notifi_bell_link:after {
  content: "";
  background: red;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 15px;
  right: 5px;
  top: 6px;
}
.h_i_text {
  padding-left: 5px;
}
.create_a__title{font-size: 24px;
  font-weight: 600;}
.create_a__subtitle {
    margin: 0;
    font-size: 14px;
    color: #666;
}
.create_a__subtitle a{color: var(--secondary-color);}
.user_profile_log .dropdown-toggle{
  color: #333;
  font-size: 14px;
  cursor: pointer;
}
.user_profile_log .dropdown-toggle span{color: var(--primary-color);}


/*** create account css ***/
.create_acc_wrapper{max-width:750px; margin: 0 auto;}
.create_acc_tabs_sect {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}
.create_a_tb_numb {
  display: inline-block;
  background:#ccc;
  color: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 50px;
  font-weight: 600;
  line-height: 30px;
  font-size: 15px;
  position: relative; z-index:1;
}
.create_a_tb_text {
  display: block;
  text-align: center;
  color: #666;
  font-weight: bold;
  padding: 5px 6px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.create_acc_tabs_sect li {
  text-align: center; position: relative;width: 33.33%;
}
.create_acc_tabs_sect li .active .create_a_tb_numb, .create_acc_tabs_sect li a:hover .create_a_tb_numb{background: var(--primary-color);}
.create_acc_tabs_sect li .active .create_a_tb_text, .create_acc_tabs_sect li a:hover .create_a_tb_text{color: var(--primary-color);}
.create_acc_tabs_sect li:first-child::before{content:none;}
.create_acc_tabs_sect li:last-child::after{content:none;}
.create_acc_tabs_sect li:after {
  content: "";
    width: 50%;
    height: 1px;
    position: absolute;
    right: 1px;
    top: 30px;
    border-bottom: 2px dotted #999;
}
.create_acc_tabs_sect li::before {
  content: "";
    width: 50%;
    height: 1px;
    position: absolute;
    left: 1px;
    top: 30px;
    border-bottom: 2px dotted #999;
}
.create_acc_tabs_sect li a {
  display: block;
  padding: 15px 0; position: relative;
}
.create_acc_tabs_sect li a:hover, .create_acc_tabs_sect li a:focus{text-decoration:none;}
.create_acc_content {
  padding: 20px 0;
}
.success-message-page {
  display: flex;
  align-items: center;
}
.success-title {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
}



/*** dashbaord tabs css **/
.cm_tabs_wrapper {
  margin: 0;
}
.cm_tabs_col {
  background: #fff;
  border: 1px solid #00B6DD;
  float: left;
}
.cm_tabs_content_col {
  overflow: hidden;
  padding-left: 20px;
}
.cm_tabs_col a {
  display: block;
  text-align: center;
  border-bottom: 1px solid #00B6DD;
  padding: 15px;
  color: #333;
  font-size: 14px;
}
.cm_tabs_col a.active, .cm_tabs_col a:hover{background: var(--primary-color);}
.cm_tabs_col a.active i, .cm_tabs_col a:hover i{color:#fff;}
.cm_tabs_col a.active span, .cm_tabs_col a:hover span{color:#fff;}


.cm_tabs_col a:last-child{border: none;}
.cm_tabs_col a i{display: block;font-size:24px;color: var(--primary-color);}
.cm_tabs_col a span {
  display: block;
  padding: 7px 0 0;
  font-weight: 500;
}


.sidebar-tab-left {
  width:200px; 
  height: 100%;
  border-radius:4px;
  float: left;
  overflow:hidden;
  box-shadow: 0px 0px 0px 1px var(--primary-color) inset;
}
.sidebar-tab-main:after {content: ""; clear: both; display: table;}

.sidebar-tab-main .tab-content {overflow: hidden; padding-left:20px;}
  

.sidebar-tab-left #dash-tab a {color: #333;font-size: 14px; text-align: center;  padding: 20px 0;
  border-radius: 0; border-bottom: 1px solid var(--primary-color);}
  .sidebar-tab-left #dash-tab a:last-child{border: none;}

.sidebar-tab-left #dash-tab a.active {position: relative; background:var(--primary-color);color:#fff;}
.sidebar-tab-left #dash-tab a i {font-size: 24px; color: #999; transition: all 0.3s ease-in-out;}

.sidebar-tab-left #dash-tab a.active i {color: #fff; transform: scale(1.2); transition: all 0.3s ease-in-out;}

.sidebar-tab-left #dash-tab a span {display: block; margin-top: 10px;}



.profile-info-card {
  box-shadow: 0px 0px 7px rgb(0 0 0 / 12%);
    border-radius: 10px;
    padding: 25px 15px;
    text-align: center;
}
.p_inf_icon {
  background: #f5f5f5;
  width: 60px;
  display: inline-block;
  height: 60px;
  font-size: 23px;
  text-align: center;
  border-radius: 50px;
  line-height: 58px;
  color: #00B6DD;
}
.profile-info-card h4 {
  font-size: 17px;
  font-weight: 600;
  margin: 12px 0;
}
.profile-info-card h4 a:hover, .profile-info-card h4 a:focus{text-decoration: none;}
.profile-info-card p {
  margin: 0;
  font-size: 14px;
  color: #666;
}




.profile_edit_title {
  font-size: 15px;
  font-weight: 600;
  margin:8px 0;
  padding: 8px 0px;
  border-bottom: 2px solid #00B6DD;
}

.p_info_edit_block {display: table; font-size: 14px;  border-radius: 3px;
  width: 100%; margin: 5px 0;
}
.p_info_edit_col1, .p_info_edit_col2{display: table-cell; padding:8px 10px; position: relative;}
.p_info_edit_col1{width:20%;color:#999;}
.p_info_edit_col2{font-weight: bold;}

.p_edit_icon {
  display: inline-block;
    line-height: 18px;
    font-size: 20px;
    vertical-align: text-bottom;
    margin: 0;
    color: #2275BC;
    float: right;
}
.profile_sub_title {
  font-size: 15px;
  font-weight: 600;
  margin:10px 0;
}
.profile_edit_form {
  background: #f8f8f8;
  padding: 5px 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.add_new_number_btn {
  display: inline-block;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  padding: 5px 5px;
}
.add_new_number_btn:hover, .add_new_number_btn:focus{text-decoration: none;}
.add_new_number_btn span {
  color: #00B6DD;
  font-size: 17px;
  vertical-align: text-bottom;
  margin-right: 4px;
}

.change_links {margin: 0 0 10px 0; font-size: 14px;}
.change_links span {color: #00B6DD; font-size: 16px; vertical-align: text-bottom; margin-right: 5px;}


.p_info_block { display: table; font-size: 14px;  border-radius: 3px;
  width: 100%; margin: 5px 0;
}
.p_info_col1, .p_info_edit_col2{display: table-cell; padding:8px 10px; position: relative;}
.p_info_col1{width:40%;color:#999;}

.cm_tab_top_wrap {
  overflow-y: auto;
}
.cm_tabs2 {
  margin: 0;
  list-style: none;
  display: flex;
  background: #fff;
  box-shadow: 0px 3.5px 5.5px rgb(0 0 0 / 2%);
  border-radius: 50px;
  width: 100%;
  padding: 6px;
}
.cm_tabs2 li {
  
  -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;

}
.cm_tabs2 a.active {
  background: #00B6DD;
  color: #fff;
  border-radius: 50px;
  
}
.cm_tabs2 a {
  display: block;
  padding: 12px 18px;
  text-align: center;
  color: #999;
  font-size: 14px;
}
.cm_tabs2 a:hover{text-decoration:none;background: #00B6DD;color:#fff;border-radius:50px;}
.cm_tabs2 a span {
  margin: 0 10px 0 0;
  font-size: 18px;
  vertical-align: text-bottom;
  display: inline-block;
}
.modal-title {
  font-weight: 600;
}

/*** payment screens page css ***/
.pay_total_count{margin-bottom:20px;}
.pay_total_count h5 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0px 5px 0;
  color: #666;
}
.pay_total_count h3 {
  font-size: 38px;
  font-weight: bold;
}
.bill_cycle {
  margin-bottom: 15px;
  color: #666;
}
.bill_cycle span {
  font-size: 18px;
  color: #00B6DD;
  margin: 0 8px 0 0;
  width: 22px;
  text-align: center;
}

.p_amount_changes_wrap {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 3px;
}
.pay_amount_title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.pay_amount_title .count-up {
  color: green;
  font-size: 20px;
  margin-right: 8px;
  vertical-align: text-bottom;
}
.pay_amount_title .count-down {
  color: red;
  font-size: 20px;
  margin-right: 8px;
  vertical-align: text-bottom;
}
.pay_amount_text {
  margin: 0 0 10px;
  font-size: 16px;
}
.pay_total_count h3 small {
  font-size: 15px;
  color: #666;
}

.pay_row_info {
  border-radius: 10px;
  padding: 15px 20px;
  margin: 20px 0 30px 0;
  position: relative;
  border: 2px solid #00B6DD;
}
.pay_row_info_title {
  color: #333;
  font-weight: bold;
  position: absolute;
  top: -12px;
  background: #fff;
  text-transform: uppercase;
  font-size:16px;
  padding: 0 10px;
  left: 10px;
}
.pay_total_box label {
  display: block;
  font-weight: bold;
  font-size: 15px;
  margin: 5px 0 10px 0;
}

.pay_total_box_amount {
  font-size: 28px;
  display: block;
  padding: 5px 0;
}
.pay_total_title {
  font-size: 18px;
  margin: 0;
  line-height: 30px;
  font-weight: bold;
}
.custom_table1{border:1px solid #ddd;}
.custom_table1 thead {
  background: #f5f5f5;
}
.custom_table1 tr td, .custom_table1 tr th{vertical-align: middle;}
.table_td_with60 tr:first-child td{width:60%;}


.pay_review_title {border: 1px solid #ddd;display: flex; align-items: center; padding: 15px;
  justify-content: center;border-radius:10px;}
.pay_review_title h4 {font-size: 18px; font-weight: bold; margin: 0; padding: 0 5px 0 12px;}
.pay_review_title span {font-size: 32px; color: #00B6DD;}

.pay_confi_title {border: 1px solid #ddd;display: flex; align-items: center; padding: 15px;
  justify-content: center;border-radius:10px;}
.pay_confi_title h4 {font-size: 18px; font-weight: bold; margin: 0; padding: 0 5px 0 12px;}
.pay_confi_title span {font-size: 32px; color: rgb(63, 221, 0);}

.pay_r_info_row {
  display: flex;
  border: 1px solid #ececec;
  border-radius: 50px;
  margin: 8px 0;
  justify-content: space-between;
}
.pay_r_info_label {
  padding: 8px 20px;
  font-size: 14px;
}
.pay_r_info_value {
  padding: 2px 14px;
  border-radius: 50px;
  margin: 5px;
  font-weight: bold;
}

.delete_icon_link{ color: red; font-size: 15px; background: #fff; 
  display: inline-block; width: 30px; height: 30px; text-align: center; border-radius: 50px;
  line-height: 31px; margin: 0 7px;
}
.edit-icon_link {color:green; font-size: 15px; background: #fff; 
  display: inline-block; width: 30px; height: 30px; text-align: center; border-radius: 50px;
  line-height: 31px; margin: 0 7px;
}
.delete_icon_link:hover, .edit-icon_link:hover{color:#333;}

.down_icon_circle{
  color:var(--secondary-color); font-size: 15px; background: #fff; box-shadow: 0px 2px 7px rgb(0 0 0 / 20%);
  display: inline-block; width: 30px; height: 30px; text-align: center; border-radius: 50px;
  line-height: 31px; margin: 0 7px;
}
.print_icons {
  font-size: 22px;
  display: inline-block;
  background: #fff;
  box-shadow: 0px 2px 7px rgb(0 0 0 / 20%);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50px;
  line-height: 36px; float: right;
}
.print_icons:hover{color:#333;}

.custom1_talbe2{border:1px solid #ececec;}
.custom1_talbe2 thead{background:#ececec; color:#333;border: none;}
.custom1_talbe2 thead tr th{border: none; padding:5px 8px;}
.custom1_talbe2 tbody tr td{border:1px solid #ececec;vertical-align: middle;padding:3px 8px;}

.t_link_btn {
  border: 1px solid var(--primary-color);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 3px;
  margin: 0 4px;
  background: var(--primary-color);
}
.t_link_btn:hover,.t_link_btn:focus{background: var(--primary-color); color:#fff;}

.icon-box {
  padding:15px 10px 8px 15px;
  box-shadow:  0px 2px 40px rgba(146, 166, 210, 0.3);
  border-radius: 20px;
  margin-bottom: 30px;
  text-align: center;
  background: #fff;
  -webkit-transition: all .3s ease-in 0s;
  -moz-transition: all .3s ease-in 0s;
  -ms-transition: all .3s ease-in 0s;
  -o-transition: all .3s ease-in 0s;
  transition: all .3s ease-in 0s;
}

.icon-box:hover {
  transform: translateY(-5px);
  -webkit-transition: all .3s ease-in 0s;
  -moz-transition: all .3s ease-in 0s;
  -ms-transition: all .3s ease-in 0s;
  -o-transition: all .3s ease-in 0s;
  transition: all .3s ease-in 0s;
}

.icon-box i {font-size: 2.5em; color:var(--primary-color);}
.icon-box h4 {margin-top:5px; font-weight: 600; color: #000; font-size: 15px; line-height: 22px; white-space: normal;}

.filter_title {
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0;
}


.document_list_block {
  border: 1px solid #ececec;
  border-radius: 10px;
  box-shadow: 0px 3px 0px rgb(0 0 0 / 11%);
  display: flex; align-items: center;
}
.docu_l_col_l, .docu_l_col_r {
  padding: 12px 15px;

  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.docu_l_col_l {
  border-right: 1px solid #ececec;
}
.docu_l_col_r {
  flex: 0 0 125px;
}
.doc_l_date {
  color: #666;
  font-size: 13px;
}
.doc_l_date span {
  font-size: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 3px;
  color: var(--primary-color);
}
.doc_l_title {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  padding:0 0 7px 0;
}
.doc_bill_state {
  font-size: 13px;
  margin: 0 8px;
  color: #666;
}
.doc_bill_state span{font-size: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 3px;
  color: var(--primary-color);}

.doc_action_btn span {
    font-size: 15px;
    background: #fff;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 20%);
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50px;
    line-height: 31px;
    color: var(--secondary-color);
}
.doc_action_btn {
    display: inline-block;
    margin: 0 7px;
} 


.header_seciton2 {
  border-top: 1px solid #ececec;
  background: #fff;
  box-shadow: 0px 4px 10px rgb(0 0 0 / 3%);
}
.header2_inner{
  display: flex;
  justify-content: space-between;
}
.customer-detail-box1 {
  padding: 10px 15px;
}
.customer-detail-box1 p {
  color: #999;
  font-size: 14px;
  margin: 0 0 3px 0px;
  display: inline-block;
  padding: 0px 0px 2px 0;
  border-radius: 3px;
}
.customer-detail-box1 h5 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
.border-right {border-color: #ddd !important;}
.customer-detail-top {padding:15px;border: 1px solid #ddd;border-radius: 4px;}
.customer-detail-top .customer-detail-row-box {margin: 0;}

.customer-detail-row-box {
  margin-bottom: 25px;
}
.customer-detail-row-box h6{ color: #666;margin-bottom:4px; font-size:14px;}
.customer-detail-row-box p{margin: 0;font-weight: 600; color:#333;}

.customer_d_b_title {
  font-size: 18px;
  font-weight: 600;
  color: #00B6DD;
  margin: 0 0 10px 0;
}
.customer_d_b_title a{color:#333;}
.customer_d_b_title a::after{
  content: "\f139";
  font-family: 'Font Awesome 5 Free';
  font-size:20px;
  margin: 0 5px; color: var(--primary-color);
  vertical-align: top;
}
.customer_d_b_title a[aria-expanded="false"]::after{content: "\f13a";}


.card_w_header {font-size: 15px; font-weight: 600;background: var(--primary-color);
  border-radius: 5px;padding: 6px 12px; color: #fff; margin-bottom: 5px;}
.card_w_body {border: 1px solid #ececec; padding: 5px 4px; border-radius: 0;}
.card_w_sub_title {
  font-size: 15px;
  font-weight: bold;
  padding: 3px 10px;
  color: #2275BC;
  margin-bottom: 5px;
}
.l_info_list_group {list-style: none; padding: 0; margin: 0;}
.l_info_list_group li {background: #fff;  padding: 12px 10px 8px 10px;
  position: relative; margin: 13px 0; }
.l_info_list_group li span {color: #666; font-size: 14px; position: absolute; background: #fff;
  top: -11px; padding: 0 5px; left: 5px;}
.l_info_list_group li strong {color: black; font-weight: 600;}

.l_info_two_2col{margin: 0 0 0 -2.5%;display: flex;flex-wrap: wrap;}
.l_info_two_2col li {margin: 13px 0px 0px 2.5%; width: 47.5%;}

.l_cust_list_group {list-style: none; padding:10px 0; margin: 0;}
.l_cust_list_group li {background: #fff; position: relative;margin: 10px 0; display: table;
  border: 1px solid #ddd; width: 100%; }
.l_cust_list_group li span {color: #666;font-size: 14px; padding: 7px 11px;display: table-cell;  width: 40%;}
.l_cust_list_group li strong {color: black; font-weight: 600; display: table-cell;}

.succes_icons_block {
  background:var(--primary-color);
  color: #fff;
  font-size: 34px;
  width: 80px;
  height: 80px;
  border-radius: 50px;
  line-height: 75px;
  display: inline-block;
}
.cust_tabs2 {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0; 
  justify-content: center;
}
.cust_tabs2 .active{background:var(--primary-color); color:#fff;}
.cust_tabs2 a {
  background: #ececec;
  color: #333;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 14px;
  margin: 5px 10px;
}

.contact_sub_title {
  font-size: 15px;
  font-weight: 600;
  margin:0px 0 6px 0;
  color: var(--primary-color);
}
.contact_addr {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 25px;
}
.address_list {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}
.address_list li {
  display: table;
  width: 100%;
}
.address_list li span {
  display: table-cell;
  width: 50%;
  padding: 5px 0px;
}
.address_list li span:first-child{font-weight: 600;}


.faq_block {
  position: relative;
  margin: 0 0 15px 0;
}
.faq_title {
  font-size: 22px;
  margin: 0 0 20px 0;
}
.faq_b_title {
  border: 2px solid var(--primary-color);
  color: #333;
  position: relative;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 10px;
  border-radius: 5px;
  margin: 0;
}
.faq_collapse_btn {
  position: absolute;
  right: 0;
  width: 35px;
  height: 35px;
  top: 0; cursor: pointer;
}
.faq_collapse_btn::after{
  content: "\f13a";
  font-family: 'Font Awesome 5 Free';
  font-size: 20px;
  width: 35px;
  display: block;
  height: 35px;
  text-align: center;
  line-height: 34px;
}
.faq_collapse_btn[aria-expanded="true"]::after{
  content: "\f139";
}
.faq-body {
  font-size: 15px;
  padding: 10px 0;
}



/** mailing section css **/
.mailing_wrapper {display: flex; width: 100%;}
.mailing_tab_list {display: flex; flex-direction: column;}
.mailing_tab_list a {color: #666; display: block; padding: 10px 15px;background: #f5f5f5;
  margin-bottom: 10px; border-radius: 5px; font-weight: 600; font-size: 14px;}
.mailing_tab_list .active{background:var(--primary-color); color:#fff;}
.mailing_tab_list a .badge {background: #fff; color: #333; font-size: 12px; padding: 4px 5px;}
.mailing_left_sect, .mailing_content_sect{
  -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.mailing_left_sect {flex: 0 0 180px;}
.mailing_content_sect {padding: 0 0 0 20px;}

.new_message_btn {display: block; text-align: center;border-radius: 5px; font-size: 14px; padding: 10px 5px;}




.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {float: left; width: 11%;}
.chat_ib {float: left;  padding: 0 0 0 15px;  width: 88%;}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}
.inbox_chat { height: 550px; overflow-y: scroll;}

.active_chat{ background:#ebebeb;}

.incoming_msg_img {
  display: inline-block;
    width: 45px;
    background: #ddd;
    height: 45px;
    border-radius: 50px;
    overflow: hidden;
    flex:0 0 45px;
}
.incoming_msg_img img{max-width:100%;}
.received_msg {display: inline-block; padding: 0 0 0 10px; vertical-align: top; width: 92%; }
 .received_withd_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width:85%;
}
.time_date {color: #747474; display: block; font-size: 12px; margin:2px 0 0;}
.received_withd_msg { width:95%;}
.sent_msg p {
  background:var(--primary-color);
  border-radius: 3px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:12px 0 12px;}
.sent_msg {float: right; width: 85%;}
.input_msg_write {
  display: flex;
  align-items: stretch;
}
.input_msg_write input {
  background: #ececec;
    border: medium none;
    color: #4c4c4c;
    font-size: 14px;
    min-height: 48px;
    width: 100%;
    border-radius: 5px;
    padding: 10px 20px;
}
.input_msg_write input:focus{outline:none;box-shadow: none;}
.type_msg {position: relative; padding: 15px 0;}
.msg_send_btn {
  background:var(--primary-color);
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  width: 60px;
  margin-left: 10px;
}
.msg_send_btn:focus{outline:none;box-shadow: none;}
.msg_history {height: 500px; overflow-y: auto;}
.incoming_msg {
  display: flex;
}

.msg_history::-webkit-scrollbar{width:5px}
.msg_history::-webkit-scrollbar-track{background-color:#f1f1f1}
.msg_history::-webkit-scrollbar-thumb{background-color:#dadada;border-radius:6px}

.head_search_box {display: inline-flex;}
.head_search_box input {border-radius: 30px; font-size: 14px; padding: 5px 18px; max-width: 170px;}
.head_search_box input:focus{outline: none; box-shadow:none;}

.mobi_se_box {padding: 12px 0;}
.mobi_se_box .head_search_box{display: block;}
.mobi_se_box .head_search_box input{max-width:100%;}
.mobile_menu_head {margin: 5px 0 10px 0!important;}
.mobile_menu_head.h_icons_link li{    margin: 0 7px;}



.mobi_head {position: absolute; top: 0; left: 0; right: 0; border-bottom: 1px solid #ececec;
  padding: 8px 10px;}
.mobi_head img {max-width: 100%;}
.mobi_head .navbar-brand {width: 150px; padding: 0; border: none;}
.mobi_head .Close_btn{display:none;}
.mobile_menu_section.open .Close_btn{display: block;}
.mobile_menu_section.open #menubar{display:none;}


/*** tabs footer css ***/
.tabs_footer{border-top:1px solid #ececec;margin:0 -20px;position: absolute; bottom:0; width:100%;padding: 12px 0;}
.tabs_link{list-style: none;padding: 0; margin: 0; display: flex; flex-wrap: wrap;
  width: 100%; justify-content: center;}
.tabs_link li {text-align: center;margin: 0 10px;}
.tabs_link li a {display: block; padding:6px 18px;}
.tabs_link li a svg path{stroke:var(--bottom-icons-color);}
.tabs_link li a:hover svg path{stroke:#000;}

.tabs_buttons{list-style: none;padding: 0; margin: 0; display: flex; flex-wrap: wrap;
  width: 100%; justify-content: center;}
.tabs_buttons li {text-align: center;margin: 0 10px;}
.tabs_buttons li a {display: block; padding:6px 18px;}


.color_table{
  border-color: #91c2ec;
}
.mwidth{max-width: 30%}
.mwidth1{max-width: 40%;}
.mwidth50{max-width: 50%;}
.right50{margin-left: 90px;}
.left50{margin-right: 20px;}

/*** footer css ***/
.main_footer {background: #fff;padding:8px 0;}
.copyright_text {color:var(--primary-color); font-size: 13px;font-family:var(--font-family);}
.footer_links {display: inline-flex; list-style: none; padding: 0; margin: 0; float: right;}
.footer_links li{margin-left:40px;}
.footer_links a{color:var(--primary-color); font-size:13px; padding:5px;font-family:var(--font-family);}


/*** Table body scrollable ***/
.table-scroll{
  display: block;
}

.table-scroll thead{
  position:relative;
  display: block;
  width:100%;
  /* overflow-y:scroll; */
  white-space:nowrap;
}


.table-scroll tbody{
  display: block;
  position:relative;
  width:100%;
  overflow-y:scroll;
}

.table-scroll tr{
  width: 100%;
  display:flex;
}
.table-scroll tr th:last-child{
  margin-right: 19px;
}

.table-scroll td,.table-scroll th{
  flex-basis:100%;
  flex-grow:2;
  display: block;
}

.table-scroll.small-first-col td:first-child,
.table-scroll.small-first-col th:first-child{
  flex-basis:90%;
  flex-grow:1;
}

.search-input .ct_form_field {
  margin: 3px 0 10px;
}
/*Search button*/

.blue-outline-btn2 {color: #000; border:1px solid var(--primary-color); background-color: #fff; font-family:var(--font-family); font-size: 13px; border-radius: 10px; padding: 3px 12px;box-shadow:0px 2px 10px rgb(0 0 0 / 10%);}
.blue-outline-btn2 span{width:26px; font-size:18px;color:var(--primary-color);margin-right:6px; text-align: center; display: inline-flex; justify-content:center; align-items:end;height: 20px; vertical-align: text-top;}
.blue-outline-btn2:hover span,.blue-outline-btn:focus span,.blue-outline-btn.active span{color:#fff;}
.blue-outline-btn2:hover,.blue-outline-btn:focus,.blue-outline-btn.active{
  color: #fff;
  outline:none;
  border-color:var(--primary-color-hover);
  background: #00b6dd; /* Old browsers */
  background: -moz-linear-gradient(left,  #00b6dd 0%, #00b6dd 51%, #00afb1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #00b6dd 0%,#00b6dd 51%,#00afb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6dd', endColorstr='#00afb1',GradientType=1 ); /* IE6-9 */
}

/*loader css*/

.loading_box {
  position: fixed;
  background: rgba(255, 255, 255, .9);
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 10002;
  /* border-radius: 10px; */
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-color);
  flex-direction: column;
  height:100vh;

}

.spin_text {
  padding-top: 10px;
  text-align: center;
}

.dashboard{
  height: 85vh;
  margin-left: -10px;
  margin-top: -9px;
}


.main_menu1 li a {
  align-items: center;
  display: flex;
} 
.main_menu1 li a span{
  color:var(--secondary-color);
}
.main_menu1 li a:hover {
  text-decoration: none;
  color: #2d3748;
}
.main_menu1 li a:hover span {
  background: var(--secondary-color);
  color: #fff;
  border-radius: 6px;
}
.main_menu1 li a:hover span svg {
  fill: #fff;
}

.refresh-anim{
  transition: transform .7s ease-in-out;
}

.refresh-anim:hover{
  transform: rotate(360deg);
}





/* Context Menu target */

#target {
    border: 1px dashed;
    height: 150px;
    padding: 10px;
    position: relative;
    text-align: justify;
    color: gray;
    user-select: none;
}.context-menu { 
  position: absolute; 
} 
.menu {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgb(64 64 64 / 5%);
  padding: 10px 0;
}
.menu > li > a {
  font: inherit;
  border: 0;
  padding: 10px 30px 10px 15px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: unset;
  color: #000;
  font-weight: 500;
  transition: 0.5s linear;
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
}
.menu > li > a:hover {
  background:#f1f3f7;
  color: #4b00ff;
}
.menu > li > a > i {
  padding-right: 10px;
}
.menu > li.trash > a:hover {
  color: red;
}

/* Modal custom CSS */

.modal{
  z-index: 10001;
}

.modal .full-width{
  max-width: 96%;
}

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

/* Steps badge css for Apply payment rules screen */

.step-badge{
  height: 3rem;
  width: 3rem;
  font-weight: bold;
  background: #6666666b;
  color: #fff;
}

.step-badge.active{
  border: 0.5rem solid var(--primary-color);
}

.step-badge.completed{
  background: var(--primary-color);
}