@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

@font-face {

    font-family: 'nexa_heavyregular';

    src: url('../fonts/nexa_heavy.woff2') format('woff2'),

         url('../fonts/nexa_heavy.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'nexa_bookregular';

    src: url('../fonts/nexa_book.woff2') format('woff2'),

         url('../fonts/nexa_book.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'nexa_xboldregular';

    src: url('../fonts/nexa_x_bold.woff2') format('woff2'),

         url('../fonts/nexa_x_bold.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'nexa_regularregular';

    src: url('../fonts/nexa_regular.woff2') format('woff2'),

         url('../fonts/nexa_regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'nexa_blackregular';

    src: url('../fonts/nexa_black.woff2') format('woff2'),

         url('../fonts/nexa_black.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}


  /* Sidebar Panel */
  .left_side_menu {
    position: fixed;
    top: 0;
    left: -270px;
    width: 270px;
    height: 100vh;
    background: #00d6f7;
    z-index: 1050 !important;
    transition: left 0.3s ease-in-out;
  }

  .left_side_menu.left_side_menu_show {
    left: 0;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
  }

  /* Backdrop Overlay */
  .backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    display: none;
  }

  .left_side_menu .main_menu {
    padding-top: 15px; /* Increased top spacing */
  }

  .left_side_menu .main_menu li {
    padding: 1px 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
  }

  .left_side_menu .main_menu li a {
    color: #1b1035;
    text-decoration: none;
  }

.btn-option {
  z-index: 100 !important;  /* Lower than .backdrop (1040) and .left_side_menu (1050) */
  position: relative;
}

.chat_box.unread {
  background-color: #222; /* darker highlight */
  border-left: 4px solid #00bcd4; /* teal bar */
}

*{

    margin: 0px;

    padding: 0px;

    box-sizing: border-box;

}

body{

    background: #f6fdf9;

    font-size: 14px;

    width: 100%;

    /* font-family: 'Roboto', sans-serif !important; */

    font-family: 'nexa_regularregular' !important;

}

img {

    max-width: 100%;

}

select:focus,

select:focus-visible,

textarea:focus-visible,

input:focus {

    outline: none;

}

.d-none {

    display: none;

}

.wrapper{

    width: 100%;

    max-width: 1024px;

    margin: auto;

}

.splash_screen {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    text-align: center;

    flex-direction: column;

    overflow: hidden;

}.splash_screen .sign_btn {

    width: 80%;

    margin-top: 40px;

    padding-bottom: 370px;

    position: relative;

    z-index: 2;

}

button.sign_in {

    background: #e4339c;

    background: -moz-linear-gradient(left,  #e4339c 0%, #a91ccd 100%);

    background: -webkit-linear-gradient(left,  #e4339c 0%,#a91ccd 100%);

    background: linear-gradient(to right,  #e4339c 0%,#a91ccd 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4339c', endColorstr='#a91ccd',GradientType=1 );

    color: #fff;

    border-radius: 40px;

    font-size: 14px;

    width: 100%;

    padding: 25px 20px;

    border: none;

    cursor: pointer;

    font-family: 'nexa_heavyregular';

}

.top_lef_round {

    position: absolute;

    top: -100px;

    left: -100px;

}

/* .top_lef_round img {

    width: 380px;

    height: 380px;

} */

.splash_text {

    padding-top: 160px;

    margin-bottom: 40px;

    position: relative;

    z-index: 1;

}

.splash_text h1 {

    font-family: 'nexa_heavyregular';

    font-size: 32px;

    color: #2c234d;

    text-transform: uppercase;

}

.splash_text h6 {

    display: block;

    margin: 12px 0px 10px;

    font-size: 20px;

    color: #2c234d;

    font-family: 'nexa_heavyregular';

}

.splash_text p {

    font-size: 12px;

    color: #2c234d;

    margin: 15px 0px 0px;

}

.pink_round {

    background: #f56e96;

    display: block;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    position: absolute;

    right: -20px;

    top: 230px;

}

.bottom_logo {

    width: 100%;

    display: flex;

    align-items: flex-end;

    justify-content: flex-end;

    margin-top: 100px;

    position: absolute;

    right: -90px;

    bottom: -90px;

    max-width: 400px;

}

.bottom_logo img {

    width: 100%;

}

.purple_shape {

    position: absolute;

    top: 57%;

    left: 10px;

    width: 30px;

    height: 30px;

    background: #676099;

    border-radius: 50%;

}

button.skyblue_btn {

    background: #00bcd4;

    margin-top: 20px;

}

.copyright {

    position: absolute;

    bottom: 210px;

    z-index: 2;

}

.copyright p {

    margin: 0px;

    font-size: 14px;

    color: #2c234d;

    font-family: 'nexa_heavyregular';

}

.copyright p + p{

    margin-top: 4px;

}



/* .modal {

    display: none;

}

.modal_shadow {

    position: fixed;

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    background: #2C234D;

    opacity: 0.35;

    z-index: 2;

    height: 100%;

    max-width: 600px;

    margin: auto;

    display: none;

}

.modal-open .modal_shadow {

    display: block;

} */

.modal {

    padding: 0px !important;

}

.modal-backdrop.show {

    z-index: 2;

}

.modal.sign_in_modal {

    max-width: 600px;

    margin: auto;

    position: fixed;

    z-index: 4;

    background: #fff;

    left: 0px;

    right: 0px;

    bottom: 0px;

    top: auto;

    padding: 25px 25px 30px 25px !important;

    border-radius: 30px 30px 0px 0px;

    max-height: 90vh;

    height: auto;

    margin-bottom: 0px;

}

form.login .form-group {
    /* display: block;
    margin: 0px 0px;
    position: relative; */
    display: flex;
    margin: 0px 0px;
    position: relative;
    align-items: center;
    justify-content: center;
}

form.login .form-group + .form-group {

    margin-top: 30px;

}

form.login .form-group span {

    position: absolute;

    left: 0px;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    width: 25px;

}

.form-group input.form-control {

    width: 100%;

    border-left: 0px;

    border-right: 0px;

    border-top: 0px;

    border-bottom: 2px solid #00bcd4;

    display: block;

    padding: 10px 10px 10px 35px;

    font-size: 15px;

    color: #44444F;

    font-family: 'nexa_bookregular';

    border-radius: 0px;

}

.form-group input.form-control::placeholder {

    opacity: 1;

    color: #44444F;

}

.form-group.error input.form-control::placeholder{

    opacity: 0;

}

.form-group input.form-control:focus {

    outline: none;

    box-shadow: none;

}

.form-group.error input.form-control {

    border-bottom-color: #F56E96;

}

.form-group.error span img.normal{

    display: none;

}

.form-group span img.error{

    display: none;

}

.form-group.error span img.error{

    display: block;

}

form.login .form-group span img {

    max-width: 15px;

}

form.login p {

    text-align: center;

    margin: 20px 0px 20px;

    font-size: 14px;

    color: #171725;

    /* font-family: 'nexa_regularregular'; */

    font-family: 'nexa_xboldregular';

}

form.login p a {

    color: #171725;

    display: inline-block;

    text-transform: uppercase;

    font-size: 14px;

    font-family: 'nexa_heavyregular';

    text-decoration: underline;

}

.btn_submit {

    background: #e4339c;

    background: -moz-linear-gradient(left,  #e4339c 0%, #a91ccd 100%);

    background: -webkit-linear-gradient(left,  #e4339c 0%,#a91ccd 100%);

    background: linear-gradient(to right,  #e4339c 0%,#a91ccd 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4339c', endColorstr='#a91ccd',GradientType=1 );

    color: #fff;

    border-radius: 40px;

    font-size: 16px;

    width: 100%;

    display: block;

    text-align: center;

    padding: 24px 20px;

    border: none;

    cursor: pointer;

    margin-top: 20px;

    font-family: 'nexa_heavyregular';

}

.btn_submit:hover {

    text-decoration: none;

    color: #fff;

}

.form-heading {

    text-align: center;

    width: 100%;

}

.form-heading b {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 400;

    color: #92929D;

    display: block;

    margin: 0px 0px 5px;

    font-family: 'nexa_heavyregular';

    text-align: center;

}

.form-heading b a{

    color: #00BCD4;

    text-decoration: underline;

}

.form-heading h4 {

    color: #171725;

    font-weight: 400;

    display: block;

    margin: 0px 0px 20px;

    /* font-family: 'nexa_regularregular'; */

    font-family: 'nexa_heavyregular';

    font-size: 18px;

}

form.login.confirmation p {

    text-align: left;

}

.resend {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 100px 0px 40px;

    font-family: 'nexa_heavyregular';

}

input.btn_submit.disable {

    background: transparent;

    color: #92929D;

    border: 1px solid;

    cursor: no-drop;

}

.resend img {

    display: inline-flex;

    margin: 0px 10px 0px 0px;

}

form.login.confirmation .form-group {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.confirmation .form-group input[type="text"] {

    width: calc(25% - 20px);

    max-width: 25%;

    margin: 0px 0px 0px 0px;

    border-top: 0px;

    border-left: 0px;

    border-right: 0px;

    font-size: 16px;

    text-align: center;

    padding: 10px 20px 10px;

    border-bottom: 1px solid #92929D;

}

.confirmation .form-group input[type="text"]:focus {

    outline: none;

}

.confirmation .form-group input[type="text"].active {

    border-bottom-color: #50B5FF;

}

.login .form-group input.form-control {

    border-bottom-color: #B5B5BE;

    border-bottom-width: 1px;

}

.login .form-group.fill input.form-control {

    border-bottom-color: #00bcd4;

    border-bottom-width: 2px;

}

.login .form-group span img.fill{

    display: none;

}

.login .form-group.fill span img.fill{

    display: block;

}

.login .form-group.fill span img.normal,

.login .form-group.fill span img.error {

    display: none;

}

.back_btn {

    position: relative;

    display: flex;

    align-items: center;

}

.back_arrow {

    position: absolute;

    z-index: 5;

    left: 40px;

    top: 43px;

    width: 13px;

}

.back_btn input.btn_submit {

    background: transparent;

    border-color: #ddd;

    color: #333;

}

.back_arrow img {

    opacity: 0.9;

}

.checkbox {

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

}

form.login .checkbox label {

    text-align: left;

    margin: 0px 0px 0px 15px;

    font-size: 14px;

    color: #171725;

    font-family: 'nexa_regularregular';

}

.checkbox .custom-checkbox label::before {

    width: 28px;

    height: 28px;

    left: -39px;

}

.checkbox .custom-control-input:checked~.custom-control-label::before {

    background: transparent;

    border-color: #00BCD4;

    box-shadow: none;

}

.checkbox .custom-control-input:focus:not(:checked)~.custom-control-label::before {

    box-shadow: none;

}

.checkbox .custom-checkbox label::after {

    top: 7px;

    left: -36px;

    width: 22px;

    height: 22px;

}

.checkbox .custom-control-input:checked~.custom-control-label::after {

    background-image: url('../images/check_icon.png') !important;

    background-repeat: no-repeat;

    width: 13px;

    height: 11px;

    top: 13px;

    left: -31px;

    background-size: auto;

}

.tab_section ul.nav-tabs {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: none;

    margin: 0px 0px 30px;

}

.tab_section ul.nav-tabs li button.nav-link {

    border: 1px solid #E3F7EA !important;

    border-radius: 40px;

    color: #000;

    width: 100%;

    padding: 12px 10px;

}

.tab_section ul.nav-tabs li.nav-item {

    width: 48%;

}

.tab_section ul.nav-tabs li button.nav-link.active {

    background: #00BCD4;

    color: #fff;

    border-color: #00BCD4 !important;

}

.modal-open .modal-backdrop.show {

    opacity: 0.2;

}

form.login.create_face_id .form-heading {

    margin-top: 100px;

    margin-bottom: 100px;

}

.login.create_face_id {

    padding: 0px 30px 20px;

}

.form-group.file_section img {

    max-width: 200px;

}

.create_face_id .form-group.file_section {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    margin-bottom: 100px;

}

.create_face_id .form-group.file_section input.form-control {

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    height: 235px;

    border: none;

    z-index: 9;

    opacity: 0;

    width: 200px;

    margin: auto;

}

form.login.create_face_id .form-group.later_text {

    text-align: center;

    margin: 30px 0px 10px;

}

form.login.create_face_id .form-group.later_text a {

    text-transform: uppercase;

    border-bottom: 1px solid;

    color: #00BCD4;

    text-decoration: none;

    font-family: 'nexa_heavyregular';

}

div#setup_faceid .modal-body {

    background: #fff;

    max-width: 90%;

    margin: 100px auto 0px;

    border-radius: 20px;

    padding: 30px;

}

.setup_faceid .heading_popup {

    display: flex;

    flex-direction: column;

    margin: 0px 0px 20px;

}

.setup_faceid .heading_popup h3 {

    display: block;

    margin-bottom: 20px;

    font-size: 16px;

    color: #171725;

    font-family: 'nexa_heavyregular';

}

.setup_faceid .heading_popup p{

    font-size: 14px;

    color: #171725;

    font-family: 'nexa_regularregular';

}

.setup_faceid .button_group {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.setup_faceid .button_group a {

    width: 48%;

    text-align: center;

    border: 1px solid #D7DEE8;

    border-radius: 40px;

    padding: 18px 10px;

    color: #171725;

    text-decoration: none;

    font-family: 'nexa_heavyregular';

}

.setup_faceid .button_group a.allow {

    border-color: #00BCD4;

    color: #00BCD4;

}

div#setup_faceid {

    padding-right: 0px !important;

}

.email_account_list {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    margin-top: 30px;

    margin-bottom: 30px;

}

.mail_account {

    border-bottom: 1px solid #e3e3e3;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    padding-bottom: 10px;

}

.mail_arrow {

    min-width: 8px;

}

.mail_name h4 {

    display: block;

    text-align: left;

    margin: 0px;

    color: #171725;

    font-weight: 400;

    display: block;

    font-family: 'nexa_regularregular';

    font-size: 16px;

}

form.login .mail_name p {

    text-align: left;

    margin: 5px 0px 0px;

    color: #92929D;

    text-transform: uppercase;

}









.wrapper.homepage {

    padding: 0px 30px;

    display: flex;

    flex-direction: column;

    min-height: 100vh;

}

.top_section {

    margin: 100px 0px 0px;

    position: relative;

}

.top_section ul.icons,

ul.icons {

    display: flex;

    align-items: center;

    list-style: none;

    margin: 0px;

    padding: 0px;

    flex-wrap: wrap;

    position: relative;

    width: 100%;

    /* justify-content: space-between; */

}

.top_section ul.icons li,

ul.icons li {

    width: 60px;

    height: 60px;

    display: block;

    margin-right: 15px;

}

.top_section ul.icons li a,

ul.icons li a {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 15px;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    color: #171725;

    font-family: 'nexa_heavyregular';

}

.top_section ul.icons li a img,

ul.icons li a img {

    max-width: 100%;

}

.top_section ul.icons li a.active,

ul.icons li a.active {

    background: #e4339c;

    background: -moz-linear-gradient(left,  #e4339c 0%, #a91ccd 100%);

    background: -webkit-linear-gradient(left,  #e4339c 0%,#a91ccd 100%);

    background: linear-gradient(to right,  #e4339c 0%,#a91ccd 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4339c', endColorstr='#a91ccd',GradientType=1 );

}

.top_section h3 {

    display: block;

    margin: 30px 0px 0px;

    font-size: 28px;

    color: #2C234D;

    font-weight: 400;

    position: relative;

    z-index: 2;

    font-family: 'nexa_heavyregular';

    text-align: center;

}

.user_profile_images {

    position: absolute;

    right: -30px;

    top: 0px;

    z-index: 1;

    width: 210px;

    height: 210px;

    border-radius: 40px;

    overflow: hidden;

}

ul.programmes {
    display: block;
    margin: 30px 0px 0px;
    list-style-type: none;
    padding: 0px 0px 10px;
    overflow: auto;
    scroll-behavior: smooth;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
}

ul.programmes li {
    display: inline-block;
}

ul.programmes li + li {

    margin-left: 15px;

}

ul.programmes li a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 60px;

    height: 60px;

    border: 1px solid #E3F7EA;

    border-radius: 40px;

    padding: 20px;

    text-decoration: none;

}

ul.programmes li span {

    display: none;

    color: #00BCD4;

    margin-left: 15px;

    white-space: nowrap;

    font-family: 'nexa_heavyregular';

}

ul.programmes li a.active {

    border-color: #00BCD4;

    width: auto;

}

ul.programmes li a.active img {

    max-width: 22px;

}

ul.programmes li a.active span{

    display: block;

}

ul.programmes li a.active img {

    filter: invert(100%) sepia(0%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(70%);

}

.meeting_board {

    margin-top: 40px;

}

.meeting_box {

    background: #fff;

    border-radius: 30px;

    box-shadow: 0px 12px 20px 0px #d7dee8;

    padding: 20px 15px 15px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 20px;

}

.meet_user {

    width: 100%;

    margin-top: 10px;

}

.meeting_box .user_image {

    width: 90px;

    height: 90px;

    overflow: hidden;

    border-radius: 25px;

}

ul.meet_schedule {

    padding: 0px;

    margin: 0px;

    list-style-type: none;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

}

ul.meet_schedule li a {

    display: flex;

    align-items: center;

    text-decoration: none;

}

ul.meet_schedule li a img {

    max-width: 20px;

}

ul.meet_schedule li a span {

    display: block;

    margin-left: 10px;

    color: #171725;

    font-size: 14px;

    font-family: 'nexa_heavyregular';

}

ul.meet_schedule li a.active img {

    filter: invert(100%) sepia(0%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(70%);

}

ul.meet_schedule li a.active span {

    color: #00BCD4;

}

ul.meet_schedule li + li {

    margin-top: 15px;

}

.meet_user .user_name {

    color: #171725;

    font-size: 28px;

    font-family: 'nexa_regularregular';

}

.meet_user .meet_time {

    font-size: 16px;

    color: #171725;

    font-family: 'nexa_regularregular';

    opacity: 0.5;

}

.bottom_tab_section {

    background: #fff;

    border-radius: 30px 30px 0px 0px;

    padding: 30px;

    margin-top: auto;

    position: relative;

    z-index: 7;

}

ul.bottom_menu {

    padding: 0px;

    margin: 0px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    list-style-type: none;

}

ul.bottom_menu li a {

    display: block;

    padding: 12px;

    border-radius: 50%;

}

ul.bottom_menu li a img {

    max-width: 30px;

}

ul.bottom_menu li a.active {

    background: #00BCD4;

}

ul.bottom_menu li a.active img {

    filter: invert(100%) sepia(0%) saturate(3207%) hue-rotate(150deg) brightness(300%) contrast(300%);

}

.meeting_modal .modal-dialog {

    margin: 100px auto 30px;

    padding: 0px 15px;

}

.meeting_modal .modal-content {

    border: none;

    padding: 30px;

    border-radius: 30px;

}

.close_modal {

    position: absolute;

    right: 0px;

    top: 0px;

}

.top_head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

}

.close_modal a {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    width: 20px;

}

.top_head .form-heading h4 {

    margin-bottom: 0px;

}

.modal-content .meeting_box {

    background: transparent;

    box-shadow: none;

    padding: 0px;

    margin: 30px 0px 40px;

}

.modal-content .meeting_box .meet_time {

    font-size: 22px;

    opacity: 0.5;

}

.modal-content .meeting_box .user_name {

    font-size: 34px;

    line-height: normal;

    margin-top: 10px;

}

.modal-content .meeting_box ul.meet_schedule {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

}

div#meet_user_detail .modal-content .form-heading b {

    font-size: 16px;

    margin-bottom: 0px;

    letter-spacing: 0px;

}

div#meet_user_detail .modal-content .form-heading h4{

    font-size: 20px;

}

.meet_user_dtl ul {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

}

.meet_user_dtl ul li {

    display: flex;

    align-items: flex-start;

}

.meet_user_dtl ul li span {

    min-width: 25px;

    max-width: 25px;

    margin-right: 12px;

}

.meet_user_dtl ul li p {

    margin: 3px 0px 0px;

    font-family: 'nexa_heavyregular';

}

.meet_user_dtl ul li + li {

    margin-top: 30px;

}

.meet_amount_box {

    background: #f1f1f5;

    padding: 20px 40px;

    margin: 20px 0px 15px;

    border-radius: 26px;

}

.meet_amount_box .cost {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.meet_amount_box .cost + .cost {

    margin-top: 10px;

}

.meet_amount_box .cost p {

    max-width: 45%;

}

.meet_amount_box .cost p {

    max-width: 45%;

    min-width: 35%;

    margin: 0px;

    color: #141420;

    font-family: 'nexa_heavyregular';

}

.meet_amount_box .cost p.pink {

    color: #F56E96;

}

.meet_amount_box .total {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 20px;

}

.meet_amount_box .total p {

    max-width: 45%;

    min-width: 35%;

    margin: 0px;

    color: #00BCD4;

    font-size: 18px;

    font-family: 'nexa_heavyregular';

}

.meeting_detail_text {

    margin: 30px 0px;

    text-align: center;

}

.meeting_detail_text p {

    margin: 0px;

}

.meeting_detail_text p + p {

    margin-top: 15px;

}

.meeting_person {

    display: block;

    margin: 40px 0px;

}

.meeting_person .person_dtl {

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.meeting_person .person_dtl + .person_dtl {

    margin-top: 15px;

}

.meeting_person .person_dtl .person_image {

    border-radius: 50%;

    position: relative;

    width: 60px;

    height: 60px;

    margin-right: 30px;

    min-width: auto;

    overflow: initial;

}

.meeting_person .person_dtl img {

    max-width: 60px;

    position: relative;

    z-index: 2;

}

.meeting_person .person_dtl .person_image::after {

    position: absolute;

    content: "";

    top: 10px;

    right: 0px;

    left: -10px;

    bottom: 0px;

    background: transparent;

    border: 2px solid #E4339C;

    z-index: 1;

    border-radius: 50%;

    width: 60px;

    height: 60px;

}

.meeting_person .person_dtl b {

    font-weight: 400;

    color: #171725;

    font-size: 18px;

    font-family: 'nexa_heavyregular';

}

.meeting_btns {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

a.no_show {

    border: 1px solid #F56E96;

    display: flex;

    width: 100%;

    border-radius: 36px;

    padding: 20px 20px;

    color: #F56E96 !important;

    align-items: center;

    justify-content: center;

    font-family: 'nexa_heavyregular';

}

.meeting_btns a {

    text-decoration: none !important;

}

.meeting_btns a img{

    margin-right: 10px;

    max-width: 25px;

}

a.check_in {

    color: #00BCD4 !important;

    border: 1px solid #00BCD4;

    display: flex;

    width: 100%;

    border-radius: 36px;

    padding: 20px 20px;

    align-items: center;

    justify-content: center;

    margin-top: 20px;

    font-family: 'nexa_heavyregular';

}

.homepage.chatpage ul.icons li:last-child {

    margin-right: 0px;

    border: 1px solid #E2E2EA;

    border-radius: 10px;

    width: 36px;

    height: 36px;

}

.homepage.chatpage ul.icons li:last-child a.option_btn {

    padding: 0px;

}

.homepage.chatpage ul li {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    font-size: 18px;

    margin-right: 25px;

    font-weight: 500;

    color: #171725;

}

.top_section .wrapper {

    padding: 0px 30px 15px;

    box-shadow: 0px 1px 0px 0px #0f44441f;

}

.chat_section .wrapper {

    padding: 0px 30px;

    margin: 0px auto;

}

.msg .user_image {

    border-radius: 50%;

    position: absolute;

    width: 40px;

    height: 40px;

    margin-right: 0px;

    margin-left: 10px;

    top: 0px;

    right: 0px;

}

.msg .user_image img {

    max-width: 40px;

    position: relative;

    z-index: 2;

}

.msg .user_image::after {

    position: absolute;

    content: "";

    top: 8px;

    right: 0px;

    left: 8px;

    bottom: 0px;

    background: transparent;

    border: 2px solid #E4339C;

    z-index: 1;

    border-radius: 50%;

    width: 40px;

    height: 40px;

}

.top_chat_text {

    display: block;

    margin: 25px 0px;

    text-align: center;

}

.top_chat_text p,

.top_chat_text span {

    font-size: 14px;

    margin: 0px;

    opacity: 0.5;

    color: #171725;

    font-weight: 400;

}

.send_msg {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-end;

    max-width: 90%;

    margin-left: auto;

    margin-bottom: 20px;

}

.send_msg .msg {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    position: relative;

    width: 100%;

}

.send_msg .msg p {

    margin: 0px 0px 5px;

    background: #F5F5F5;

    padding: 14px;

    font-size: 14px;

    color: #171725;

    line-height: 22px;

    border-radius: 10px 0px 10px 10px;

    width: calc(100% - 50px);

}

.send_msg.receive_msg .name_time {
    margin-left: auto;
}

.send_msg .name_time {

    font-size: 13px;

    color: #B5B5BE;

    display: flex;

    align-items: center;

}

.chat_section {

    min-height: calc(100vh - 175px);

    display: flex;

    flex-direction: column;

}

.foot_chat_type_section {

    margin-top: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #f5f5f5;

    padding: 15px;

}

.chat_feature {

    display: flex;

    align-items: center;

}

.chat_feature .calling {

    margin: 0px 10px 0px 20px;

}

.foot_chat_type_section .chat_type {

    background: transparent;

    height: 32px;

    resize: none;

    width: 75%;

    padding: 0px 0px 0px 6px;

    border: none;

}

.homepage.chat_person {

    padding-top: 100px;

    position: relative;

}

.chat_person .wrapper {

    padding: 0px 0px 0px 30px;

}

.chat_person_dtl {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    position: relative;

}

.chat_person_dtl ul.icons {

    flex-direction: column;

    min-width: 48%;

    max-width: 48%;

    align-items: flex-start;

}

.chat_person_dtl ul.icons li:first-child {

    width: 60px;

    height: 60px;

}

.chat_person_dtl ul.icons li {

    width: auto;

    height: auto;

}

.chat_person_dtl ul.icons li a {

    padding: 0px;

}

ul.icons li.name {

    font-size: 36px;

    line-height: normal;

    margin: 20px 0px 10px;

    font-family: 'nexa_heavyregular';

    width: 100%;

}

.chat_person_dtl ul.icons li span {

    opacity: 0.5;

    font-family: 'nexa_regularregular';

}

.chat_person_dtl ul.icons li.small {

    margin: 0px 0px 7px 0px;

    font-size: 16px;

    text-align: center;

}

.person_image {

    overflow: hidden;

    border-radius: 40px 10px 10px 40px;

    height: 230px;

    min-width: 48%;

    max-width: 48%;

}

.person_image img {

    object-fit: cover;

    width: 100%;

    height: 100%;

    object-position: center;

}

.chat_person_dtl ul.icons li a {

    padding: 0px;

    color: #00BCD4;

    font-family: 'nexa_regularregular';

}

.meet_prsn_dtl {

    margin: 30px 0px;

}

.meet_prsn_dtl .wrapper {

    padding: 0px 30px;

}

.meeting_topics {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0px 0px 10px;

    width: 100%;

}

.meeting_topics a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    color: #171725;

}

.meeting_topics a:hover {

    text-decoration: none;

    color: inherit;

}

.meeting_topics p {

    margin: 0px 0px 0px 10px;

    font-family: 'nexa_heavyregular';

}

.meeting_topics span {

    margin: 0px 0px 4px;

}

ul.meet_topics {

    margin: 0px 0px 20px;

    padding: 0px;

    display: flex;

    flex-wrap: wrap;

}

ul.meet_topics li {

    list-style-type: none;

    margin-right: 10px;

    margin-bottom: 10px;

}

ul.meet_topics li a {

    color: #00BCD4;

    font-size: 16px;

    padding: 20px 20px;

    display: block;

    border: 1px solid;

    border-radius: 35px;

    font-family: 'nexa_heavyregular';

}

textarea.meet_notes {

    height: 152px;

    width: 100%;

    resize: none;

    border: 1px solid #D7DEE8;

    border-radius: 10px;

    padding: 15px;

}

.btns_grp {

    display: flex;

    align-items: stretch;

    justify-content: space-between;

    margin: 15px 0px 30px;

    width: 100%;

}

.btns_grp input[type="submit"],

.btns_grp a {

    border: 1px solid #E3F7EA;

    color: #000;

    padding: 14px 14px;

    border-radius: 35px;

    text-decoration: none !important;

    display: flex;

    align-items: center;

    font-family: 'nexa_heavyregular';

    font-size: 1rem;

    line-height: normal;

    width: 48%;

    justify-content: center;

    background: transparent;

}

.btns_grp a img {

    margin-right: 10px;

}

.btns_grp a.safet_btn {

    color: #F56E96;

    border-color: #F56E96;

}

.chat_person_dtl.meeting_end {

    padding-right: 30px;

    flex-direction: column;

}

.chat_person_dtl.meeting_end ul.icons {

    min-width: 100%;

    margin-bottom: 30px;

}

.chat_person_dtl.meeting_end ul.icons li span {

    opacity: 1;

    text-align: left;

    display: block;

    padding: 0px 10px 0px 20px;

}

.meeting_end .meeting_box {

    box-shadow: 0px 15px 30px 5px #d7dee8;

    padding: 30px 20px;

}

.meeting_end .meeting_box .user_name {

    font-size: 34px;

    display: block;

    margin: 10px 0px 0px;

}

.meeting_end .meeting_box .user_image {

    width: 100px;

    height: 100px;

    object-fit: fill;

}

.meeting_end .meeting_box .user_image img {

    width: 100%;

    height: 100%;

}

.meeting_end .meeting_box .meet_time {

    opacity: 0.54;

    font-size: 18px;

}

.meeting_end p.tip_text {

    margin: 40px 0px 80px;

    font-size: 16px;

    line-height: 26px;

}

.meeting_modal.meet_endmodal .top_head {

    margin-bottom: 30px;

}

.meeting_modal.meet_endmodal .meet_amount_box {

    padding: 0px;

    background: transparent;

}

.meeting_modal.meet_endmodal .btns_grp a,

.meeting_modal.meet_endmodal .btns_grp input[type="submit"] {

    padding: 19px 22px;

    min-width: 48%;

    font-family: 'nexa_heavyregular';

}

.meeting_modal.meet_endmodal .btns_grp a.disable {

    border: 1px solid #979797;

    color: #979797;

    cursor: no-drop;

}

.meeting_modal.meet_endmodal .btns_grp a:hover,

.meeting_modal.meet_endmodal .btns_grp a.active {

    color: #00BCD4;

    border-color: #00BCD4;

}

.meeting_modal.meet_endmodal .btns_grp a:hover img {

    filter: invert(100%) sepia(0%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(70%);    

}

.meeting_modal.meet_endmodal .btns_grp a.wrap_btn {

    color: #00BCD4;

    border-color: #00BCD4;

}

ul.report_type {

    margin: 0px 0px 50px;

    padding: 0px;

    display: flex;

    flex-direction: column;

    width: 100%;

}

ul.report_type li {

    display: block;

}

ul.report_type li + li {

    margin-top: 10px;

}

ul.report_type li a {

    display: flex;

    align-items: center;

    justify-content: center;

    /* border-bottom: 1px solid #F1F1F5; */

    padding: 18px 0px;

    color: #171725;

    font-size: 18px;

    font-family: 'nexa_heavyregular';

    text-decoration: none !important;

    background: #F1F1F5;

    border-radius: 26px;

    box-shadow: 0px 1px 0px 0px #803A3A3A;

}

.btns_grp.yes_no_btns {

    padding-left: 30px;

    justify-content: flex-start;

    margin-top: 0px;

    margin-bottom: 10px;

}

.btns_grp.yes_no_btns a {

    min-width: 40%;

    justify-content: center;

    margin-right: 15px;

    color: #171725;

    text-decoration: none !important;

}

.btns_grp.yes_no_btns a.active {

    border-color: #00BCD4;

    color: #00BCD4;

}

a.wrap_btn.file_report {

    width: 100%;

    justify-content: center;

    border-color: #00BCD4;

    color: #00BCD4;

    text-decoration: none !important;

}

.rank_section form.rank_slide .form-group {

    margin: 0px;

    position: relative;

    padding: 0px 40px;

}

.rank_section form.rank_slide .form-group label.left_side {

    position: absolute;

    left: 20px;

    top: -8px;

    font-size: 20px;

}

.rank_section form.rank_slide .form-group label.right_side {

    position: absolute;

    right: 20px;

    top: -8px;

    font-size: 20px;

}

.rank_section {

    width: 100%;

    display: block;

    margin: 20px 0px 15px;

}

.rank_section p {

    margin: 15px 0px 0px;

    text-align: center;

}

.report_file_icon {

    display: block;

    text-align: center;

    margin: 0px 0px 20px;

}

.profile_page ul.icons li.program {

    width: auto;

    height: auto;

}

.profile_page ul.icons li.program ul.programmes {

    margin: 0px;

}

.profile_page ul.icons li.program ul.programmes li {

    width: auto;

    height: auto;

    margin: 0px 15px 0px 0px;

}

.profile_page ul.icons li.program ul.programmes li a.active {

    background: transparent;

    border-radius: 45px;

}

.profile_page ul.icons li.program ul.programmes li a.active span {

    margin: 0px;

}

.profile_page ul.icons li {

    margin: 0px 15px 0px 0px;

}

.profile_page ul.icons li.programmers {

    width: calc(100% - 75px);

    height: auto;

    position: relative;

    border: 1px solid #00BCD4;

    border-radius: 35px;

    display: flex;

    align-items: center;

    margin: 0px 15px 15px 0px;

}

.profile_page ul.icons li.programmers img {

    max-width: 25px;

    margin: 0px 10px 0px 15px;

}

.profile_page ul.icons li.programmers a {

    padding: 0px;

    width: auto;

    height: auto;

}

.profile_page ul.icons li.programmers a.clear {

    opacity: 0.6;

}

.profile_page ul.icons li.programmers input[type="text"] {

    border: none;

    padding: 15px 0px;

    font-family: 'nexa_heavyregular';

    width: calc(100% - 63px);

}

.profile_page ul.icons li.programmers a.clear img {

    margin: 0px 20px 0px 0px;

    max-width: 18px;

}

.meet_person_avail {

    display: flex;

    width: 100%;

    margin: 20px 0px 30px;

}

.meet_person_avail ul.person_options {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    overflow: auto;

    margin: 0px;

}

.meet_person_avail ul.person_options li {

    display: flex;

    margin-right: 15px;

}

.meet_person_avail ul.person_options li a {

    display: flex;

    align-items: center;

    border: 1px solid #E3F7EA;

    border-radius: 35px;

    padding: 12px 20px;

    color: #171725;

    text-decoration: none !important;

    width: 100%;

}

.meet_person_avail ul.person_options li a.active {

    color: #00BCD4;

    border-color: #00BCD4;

}

.meet_person_avail ul.person_options li a.active img {

    filter: invert(100%) sepia(0%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(70%);

}

.meet_person_avail ul.person_options li a span {

    display: block;

    width: 100%;

    margin-right: 35px;

    margin-left: 5px;

    font-family: 'nexa_heavyregular';

}

.about_me_section {

    background: #F1F1F5;

    position: relative;

    padding: 60px 30px 80px 60px;

    border-radius: 35px;

}

.profile_view_section .wrapper {

    padding: 0px 30px 0px 0px;

}

.about_me_section p.box-head {

    position: absolute;

    left: 50%;

    top: 20px;

    transform: translateX(-50%);

    margin: 0px;

    font-family: 'nexa_heavyregular';

}

.hobby_box {

    background: #fff;

    border-radius: 30px;

    box-shadow: 0px 5px 40px 10px #d7dee8;

    padding: 20px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 20px;

    flex-direction: column;

}

.person_skill_hobbies {

    padding: 0px 15px;

    margin-top: -80px;

    position: relative;

    z-index: 1;

}

.hobby_head {

    display: flex;

    align-items: center;

    width: 100%;

    justify-content: center;

    margin-bottom: 10px;

}

a.see_all {

    color: #00BCD4 !important;

    text-decoration: none !important;

    font-family: 'nexa_heavyregular';

    margin: 10px auto 0px;

}

.left_hobby span {

    color: #171725;

    font-size: 16px;

    font-family: 'nexa_heavyregular';

}

ul.hobby_list {

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    flex-wrap: wrap;

    list-style-type: none;

    margin: 0px;

}

ul.hobby_list li {

    margin-bottom: 10px;

    margin-right: 10px;

}

ul.hobby_list li a {

    border: 1px solid #E3F7EA;

    padding: 10px 14px;

    display: block;

    border-radius: 35px;

    color: #171725;

    text-decoration: none !important;

    font-family: 'nexa_regularregular';

}

ul.availablity_calendar {

    display: flex;

    flex-direction: column;

    margin: 0px;

    padding: 0px;

}

ul.availablity_calendar li {

    display: flex;

    align-items: flex-start;

    margin-bottom: 5px;

}

ul.availablity_calendar li span {

    display: flex;

    align-items: center;

    flex-direction: column;

    box-shadow: 2px 0px 0px 0px #f1f1f5;

    padding: 10px 10px 10px 10px;

    min-width: 60px;

}

ul.availablity_calendar li .timing {

    display: flex;

    align-items: center;

    padding-left: 15px;

    width: 100%;

    flex-wrap: wrap;

}

ul.availablity_calendar li .timing span.unavail {

    min-width: 100%;

    border-color: #F1F1F5;

    color: #b1b1b1;

}

ul.availablity_calendar li .timing span {

    box-shadow: none;

    border: 1px solid #E3F7EA;

    display: flex;

    align-items: center;

    border-radius: 35px;

    padding: 12px 10px;

    margin: 0px 15px 10px 0px;

    color: #000000;

    justify-content: center;

    text-align: center;

    line-height: normal;

    font-family: 'nexa_regularregular';

    width: 44%;

}

ul.availablity_calendar li span i {

    font-style: normal;

    opacity: 0.5;

}

ul.availablity_calendar li span.active {

    background: #00BCD4;

    border-radius: 10px;

    color: #fff;

    box-shadow: none;

}

ul.availablity_calendar li span.active i {

    opacity: 1;

    color: #fff;

}

.meet_availability.meet_topics p {

    margin-bottom: 40px;

    font-family: 'nexa_regularregular';

    text-align: center;

}

.meet_availability.meet_topics li .timing {

    padding: 0px;

}

.meet_availability.meet_topics li .timing span.active {

    border-radius: 35px;

    background: transparent;

    color: #00BCD4;

    border-color: #00BCD4;

}

.meet_availability.meet_topics li .timing span {

    padding: 14px 16px;

    width: auto;

}

ul.availablity_calendar.day_time_cal li .timing span {

    margin-bottom: 0px;

    margin-right: 0px;

    min-width: 49%;

    padding: 12px 20px;

}

ul.availablity_calendar.day_time_cal li .timing {

    justify-content: space-between;

}

.time_select {

    margin: 20px 0px 0px;

}

.time_select .time {

    display: flex;

    align-items: center;

    margin-bottom: 10px;

    font-family: 'nexa_heavyregular';

    justify-content: center;

}

.time_select .time p {

    margin: 0px;

}

ul.hours {

    display: flex;

    align-items: center;

    margin: 0px 0px 30px;

    border: 1px solid #E3F7EA;

    border-radius: 35px;

}

ul.hours li {

    margin: 0px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 25%;

}

.hours li a {

    display: flex;

    padding: 12px 10px;

    width: 100%;

    align-items: center;

    justify-content: center;

    color: #171725;

    border: 1px solid transparent;

    border-radius: 35px;

}

.hours li a.active {

    border-color: #00BCD4;

    color: #00BCD4;

}

.save_btn {

    position: absolute;

    top: 13px;

    left: 50%;

    transform: translateX(-50%);

}

.save_btn a{

    color: #00BCD4;

    display: flex;

    align-items: center;

}

.save_btn a:hover{

    color: #00BCD4;

    text-decoration: none;

}

.save_btn a img {

    display: inline-block;

    margin-right: 10px;

}

.profile_review_meeting {

    margin: -90px 20px 30px;

    position: relative;

    z-index: 1;

    padding: 100px 0px 30px;

    border-radius: 35px;

}

.profile_review_meeting.bg {

    background: #F1F1F5;

}

.profile_review_meeting .wrapper {

    padding: 0px 25px;

}

.profile_review .box + .box {

    margin-top: 30px;

}

.box .top_head p {

    margin: auto;

    font-family: 'nexa_heavyregular';

}

.box .top_head {

    margin: 0px 0px 10px;

}

.box .top_head a {

    color: #171725;

    position: absolute;

    right: 0px;

    top: 0px;

    font-family: 'nexa_heavyregular';

}

.box_dtl span {

    border: 1px solid #D7DEE8;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 15px 20px;

    border-radius: 35px;

}

.box_dtl span.column {

    justify-content: space-between;

}

.box_dtl span.column i {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    margin: -5px 0px;

    line-height: normal;

}

.time_add .box_dtl span {

    background: #fff;

    color: #00BCD4;

}

.box.time_add .top_head a {

    color: #00BCD4;

}

.box .top_head p img {

    display: inline-block;

    margin-right: 10px;

}

.box_dtl textarea {

    width: 100%;

    resize: none;

    height: 110px;

    border-radius: 10px;

    border: 1px solid #D7DEE8;

    background: #fff;

    padding: 15px;

}

.btns_grp.profile_review_page {

    padding: 0px 50px;

    margin-bottom: 30px;

}

.btns_grp.profile_review_page a {

    min-width: 48%;

    font-family: 'nexa_heavyregular';

    justify-content: center;

}

.btns_grp.profile_review_page a img {

    margin-right: 8px;

}

.search_field {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    border: 1px solid #00BCD4;

    border-radius: 35px;

    padding: 15px;

    margin: 30px 0px 10px;

}

.search_field a {

    display: block;

    max-width: 20px;

}

.search_field a.clear_field {

    padding: 3px;

    opacity: 0.5;

}

.search_field input.search_input {

    width: 100%;

    margin: 0px 10px;

    font-size: 18px;

    padding: 0px;

    border: none;

    font-family: 'nexa_heavyregular';

}

.btns_grp.filter_btns .btns {

    display: flex;

}

.btns_grp.filter_btns .btns a {

    margin-right: 10px;

    font-family: 'nexa_regularregular';

    width: auto;

}

.btns_grp.filter_btns span.filter_btn {

    max-width: 25px;

}

.btns_grp.filter_btns {

    margin-bottom: 30px;

}

.location_box {

    border: 1px solid #D7DEE8;

    border-radius: 15px;

    overflow: hidden;

}

.location_dtl {

    display: block;

    padding: 15px;

}

.location_image {

    height: 150px;

    overflow: hidden;

}

.location_name {

    color: #171725;

    font-size: 18px;

    display: block;

}

.location_type {

    color: #171725;

    font-size: 16px;

    display: block;

    opacity: 0.5;

}

.location_adrs {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 12px 0px 0px;

}

.location_adrs p {

    margin: 0px;

    opacity: 0.5;

}

.location_adrs span {

    display: block;

    min-width: 90px;

    text-align: right;

}

.location_adrs span a {

    color: #00BCD4;    

}

.location_adrs span a:hover {

    text-decoration: none;

}

.location_box + .location_box {

    margin-top: 15px;

}

.location_listing {

    height: 420px;

    overflow: auto;

}

.btns_grp.select_location a.wrap_btn {

    padding: 24px 0px;

    margin: 20px 0px 0px;

    color: #00BCD4;

    border-color: #00BCD4;

    font-family: 'nexa_heavyregular';

}

.meet_person_avail ul.person_options li a.bookmarked {

    border-color: #e4339c;

}

.meet_person_avail ul.person_options li a.bookmarked img {

    filter: invert(50%) sepia(100%) saturate(3000%) hue-rotate(-90deg) brightness(100%) contrast(100%);

}

.credentials_listing {

    margin: 50px 0px 50px;

    display: block;

}

.credentials_listing .wrapper {

    padding: 0px 30px 0px 0px;

}

.cre_box {

    background: #fff;

    border-radius: 30px;

    box-shadow: 0px 5px 40px 10px rgba(215, 222, 232, 0.5);

    padding: 35px 20px;

    display: flex;

    align-items: flex-start;

    justify-content: center;

}

.cre_name a {

    color: #171725;

    font-family: 'nexa_heavyregular';

}

.cre_box + .cre_box {

    margin-top: 20px;

}

.cre_box a:hover {

    text-decoration: none;

    color: #00BCD4;

}

.cre_name img {

    display: inline-flex;

    align-items: center;

    margin: 0px 6px 2px 0px;

}

a.blue_btn {

    border-color: #00BCD4;

    color: #00BCD4;

}

.wrapper.homepage.negotiations_page ul.icons {

    justify-content: space-between;

    align-items: center;

}

.wrapper.homepage.negotiations_page ul.icons li.right_align {

    width: auto;

    height: auto;

}

.offer_sent {

    border: 1px solid #E4339C;

    padding: 18px 22px;

    border-radius: 35px;

    min-width: 140px;

    font-family: 'nexa_heavyregular';

}

.nego_feature span {

    font-family: 'nexa_heavyregular';

}

.offer_sent img {

    display: inline-flex;

    margin: 0px 5px 3px 0px;

}

.negotiations_page .meet_user {

    margin: 20px 0px 20px;

}

.negotiations_page .nego_feature {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

}

.negotiations_page .meet_user .meet_time {

    opacity: 0.5;

}

.negotiations_page .nego_feature span img {

    max-width: 25px;

    margin: 0px 10px 3px 0px;

}

.offer_sent.accepted {

    border-color: #00BCD4;

    color: #00BCD4;

}

.offer_sent.expired {

    color: #F56E96;

    border-color: #F56E96;

}

.offer_sent.pending {

    border-color: #92929D;

    color: #92929D;

}

.btns_grp.pro_draft_btns {

    padding: 0px 30px;

    margin: 30px 0px 0px;

    justify-content: center;

}

.btns_grp.pro_draft_btns a {

    padding: 18px;

    min-width: 160px;

    justify-content: center;

}

.btns_grp.pro_draft_btns a + a {

    margin-left: 20px;

}

.btns_grp.pro_draft_btns a.need_lction {

    /* margin-right: 20px; */

    border-color: #F56E96;

    color: #F56E96;

}

.btns_grp.pro_draft_btns a img {

    margin-right: 10px;

}

.profile_detail {

    padding: 0px 30px;

    margin: 40px 0px 0px;

    display: flex;

    align-items: stretch;

    justify-content: space-between;

}

.blue_section {

    background: #00E2FF;

    padding: 30px 20px;

    border-radius: 30px 30px 0px 0px;

    box-shadow: 0px 0px 20px 0px #d7dee8;

    margin-right: 20px;

    min-width: 60%;

}

.white_section {

    background: #fff;

    padding: 30px;

    border-radius: 30px 30px 0px 0px;

    box-shadow: 0px 0px 20px 0px #d7dee8;

}

.pro_dtl p {

    margin: 20px 0px 0px;

    font-family: 'nexa_heavyregular';

}

.pro_dtl + .pro_dtl {

    margin-top: 40px;

}

.white_section span + span {

    margin-top: 40px;

}

.white_section span {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    font-family: 'nexa_heavyregular';

}

.white_section span img {

    max-width: 25px;

    display: block;

    margin: 0px 0px 20px;

}

.btns_grp.pro_draft_btns a.need_lction.offer_sent {

    border-color: #C828B3;

    color: #171725;

}

.pro_dtl p span.line-through {

    text-decoration: line-through;

    opacity: 0.5;

}

ul.notifi_list {

    padding: 0px;

    margin: 0px 0px 30px;

    width: 100%;

    display: flex;

    flex-direction: column;

}

li.notifi_box {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

li.notifi_box + li.notifi_box {

    margin-top: 30px;

}

span.online {

    display: inline-block;

    width: 8px;

    height: 8px;

    background: #00BCD4;

    border-radius: 50%;

    vertical-align: middle;

    margin-left: 6px;

}

.right_section {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    min-width: 60px;

    flex-wrap: nowrap;

}

span.user {

    color: #00BCD4;

}

.left_text p {

    margin: 4px 0px 0px;

    opacity: 0.5;

    line-height: normal;

}

/* .bookmarked_page h3 {

    font-size: 34px;

} */

.bookmarked_page .meeting_box .meet_user {

    margin: 30px 0px 10px;

}

.bookmarked_page .meeting_box .meet_user .user_name {

    line-height: normal;

    font-size: 32px;

}

.bookmarked_page .meeting_box .meet_user .meet_time {

    font-size: 18px;

    opacity: 0.5;

    margin-top: 5px;

}

.money_matter_box {

    width: 100%;

    padding: 0px 0px;

}

.money_matter_box .money_head {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 10px 0px 0px;

    padding: 0px 8px 15px;

    position: relative;

    font-size: 18px;

}

.money_matter_box .money_head img {

    position: absolute;

    top: 0px;

    right: 10px;

}

.money_dtl {

    border: 1px solid #D7DEE8;

    border-radius: 26px;

    padding: 15px 20px;

}

.money_expen {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.money_expen p {

    margin-bottom: 0px;

    font-size: 14px;

    max-width: 50%;

    min-width: 32%;

    font-family: 'nexa_heavyregular';

}

p.pink_text {

    color: #F56E96;

}

.money_expen + .money_expen {

    margin-top: 5px;

}

.money_expen p.blue_text {

    color: #00BCD4;

    font-size: 16px;

}

p.blue_text.fs-14 {

    font-size: 14px;

}

.money_head.money_expen {

    padding: 0px;

    margin: 10px 0px 20px;

}

.money_matter_box .money_head.money_expen {

    justify-content: space-between;

}

.money_head.money_expen p {

    font-size: 18px;

    min-width: initial;

    max-width: initial;

}

.money_dtl .rank_section .form-group {

    padding: 0px;

}

.money_matter_box .money_dtl .rank_section .form-group {

    padding: 0px 40px 0px 15px;

}

.money_matter_box .money_dtl .rank_section .form-group label.left_side {

    left: -5px;

    margin-bottom: 0px;

}

.money_matter_box .money_dtl .rank_section .form-group label.right_side {

    right: -5px;

    margin-bottom: 0px;

}

.expenses_modal {

    border: 1px solid #D7DEE8;

    border-radius: 25px;

    margin: 20px 0px 10px;

    padding: 20px 25px;

    font-family: 'nexa_heavyregular';

}

.expenses_head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;

}

.expenses_head p {

    margin: 0px;

    min-width: 40%;

    max-width: 48%;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.expenses_head p.blue_text {

    color: #00BCD4;

    font-size: 18px;

}

ul.expenses_body {

    margin: 0px;

    padding: 0px;

}

ul.expenses_body li {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 12px 0px;

}

ul.expenses_body li + li {

    border-top: 2px solid #D7DEE8;

}

ul.expenses_body li p {

    margin: 0px;

    min-width: 40%;

    max-width: 49%;

}

ul.expenses_body li p img {

    margin-right: 10px;

    margin-bottom: 4px;

}

ul.expenses_body li.add_row p {

    color: #00BCD4;

    display: flex;

}

ul.expenses_body li.add_row p input[type="text"] {

    display: inline-flex;

    width: 120px;

    padding: 0px;

    border: none;

    color: #171725;

}

ul.expenses_body li.add_row p input[type="text"]:focus {

    outline: none;

}

.accordion.home_goal_section {

    margin: 30px 0px 10px;

}

.accordion.home_goal_section .card {

    background: #F1F1F5;

    border: none;

    border-radius: 26px !important;

    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);

}

.accordion.home_goal_section .card + .card {

    margin-top: 15px;

}

.accordion.home_goal_section .card .card-header {

    margin-bottom: 0px;

    border: none;

    background: transparent;

}

.accordion.home_goal_section .card .card-header button {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    padding-left: 0px;

    padding-right: 0px;

    position: relative;

}

.accordion.home_goal_section .card .card-header button a:hover {

    text-decoration: none;

}

.accordion.home_goal_section .card .card-header button span i.arrow {

    display: none;

}

.accordion.home_goal_section .card .card-header button span.info_arrow img.info_icon {

    display: none;

    transition: 0.4s all ease;

}

.accordion.home_goal_section .card .card-header button span {

    font-family: 'nexa_heavyregular';

    color: #171725;

    font-size: 14px;

}

.accordion.home_goal_section .card .card-header button span img {

    margin-right: 10px;

    margin-bottom: 5px;

}

.accordion.home_goal_section .card .card-header button:hover,

.accordion.home_goal_section .card .card-header button:focus {

    text-decoration: none;

    outline: none;

    box-shadow: none;

}

.accordion.home_goal_section .card .card-header button span.info_arrow img {

    margin: 0px;

}

.accordion.home_goal_section .card .card-header button[aria-expanded='false'] i.arrow img {

    transition: 0.4s all ease;

}

.accordion.home_goal_section .card .card-header button[aria-expanded='true'] i.arrow img {

    transform: rotate(90deg);

}

.accordion.home_goal_section .card-body {

    padding-top: 0px;

}

.add_section {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;

    border: 1px solid #00BCD4;

    border-radius: 35px;

    padding: 15px 15px;

    background: #fff;

}

.add_section img {

    max-width: 25px;

}

.add_section input[type="text"] {

    width: 100%;

    margin: 0px 10px;

    background: transparent;

    border: none;

    font-size: 18px;

    color: #171725;

    font-family: 'nexa_heavyregular';

}

.add_section input[type="text"]:focus {

    outline: none;

}

ul.interes_list {

    margin: 0px;

    padding: 0px;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

ul.interes_list li {

    display: block;

}

ul.interes_list li a {

    color: #00BCD4;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #00BCD4;

    border-radius: 35px;

    padding: 15px 14px;

    margin: 0px 10px 10px 0px;

    font-family: 'nexa_heavyregular';

    font-size: 14px;

}

ul.interes_list li a:hover {

    background: #00BCD4;

    color: #fff;

    text-decoration: none;

}

.accordion.home_goal_section .card .card-header button[aria-expanded='true'] span.info_arrow img.info_icon {

    position: absolute;

    display: block;

    top: 8px;

    right: 0px;

}

ul.icons li.edit_pics {

    width: 100px;

    margin-right: 0px;

}

ul.icons li.edit_pics a {

    color: #171725;

    line-height: normal;

    font-family: 'nexa_heavyregular';

}

ul.icons li.edit_pics a img {

    margin-right: 12px;

    max-width: 30px;

}

ul.icons li.edit_pics a:hover {

    text-decoration: none;

    color: #00BCD4;

}

ul.icons li.edit_pics a:hover img {

    filter: invert(100%) sepia(0%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(70%);

}

ul.icons li.edit_pics.sav_btn a{

    color: #00BCD4;

}

.pic_box {

    overflow: hidden;

    position: relative;

    border-radius: 35px;

}

.pic_box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

.delete_btn {

    position: absolute;

    right: 10px;

    top: 10px;

    background: #F6FDF9;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 3px solid #FFFFFF;

    padding: 10px;

    text-align: center;

}

.delete_btn a img {

    width: 18px;

    height: 22px;

}

.w-70 {

    width: 67%;

}

.w-30 {

    width: 33%;

}

.photos_section {

    display: flex;

    margin: 30px 0px 10px;

    align-items: stretch;

    justify-content: space-between;

    flex-wrap: wrap;

}

.photo_row {

    padding: 5px;

}

.pic_box + .pic_box {

    margin-top: 10px;

}

.w-50 {

    width: 50%;

}

.basic_info {

    display: block;

    margin: 30px 0px 0px;

}

.about_text {

    background: #fff;

    border: 1px solid #D7DEE8;

    padding: 15px;

    border-radius: 10px;

}

.about_text p {

    margin: 0px;

    font-size: 14px;

}

p.small_text {

    color: #92929D;

    text-align: center;

    margin: 10px 0px 20px;

    font-size: 13px;

    padding: 0px 0px;

}

.accordion.home_goal_section .card .card-header button.btn.avoid_cell span{

    color: #F56E96;

}

ul.interes_list.avoid_list li a {

    color: #F56E96;

    border-color: #F56E96;

}

ul.interes_list.avoid_list li a:hover {

    background: #F56E96;

    color: #fff;

}

.availability_section {

    margin: 40px 0px 0px;

}

.availability_section ul.availablity_calendar li {

    margin-bottom: 10px;

}

.availability_section ul.availablity_calendar li .timing span {

    padding: 14px 10px;

    margin-bottom: 0px;

}

.availability_section ul.availablity_calendar li span {

    padding: 15px 10px 15px 10px;

}

.availability_section .btns_grp a {

    width: 90%;

    border-color: #00BCD4;

    color: #00BCD4;

    padding: 18px 20px;

    margin: 10px auto 20px;

}

.availability_section .btns_grp a img {

    margin-right: 10px;

}

#add_more_availability ul.availablity_calendar li .timing span.active {

    /* background: transparent; */

    color: #fff;

    border-color: #00BCD4;

    border-radius: 35px;

}

.transactions_detail {

    margin: 30px 0px 0px;

}

.transactions_detail ul.ledger {

    margin: 0px;

    padding: 0px 0px;

    min-height: 350px;

}

.transactions_detail ul.ledger li {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.transactions_detail ul.ledger li {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #F1F1F5;

    padding: 20px 20px;

    border-radius: 26px;

}

span.first {

    width: 30px;

}

span.forth {

    min-width: 180px;

    max-width: 180px;

}

span.fifth {

    margin-left: auto;

}

span.third {

    margin: 0px 10px;

    min-width: 70px;

    max-width: 70px;

    display: block;

    padding-left: 15px;

}

span.second {

    margin: 0px 0px 0px 10px;

    min-width: 70px;

}

.transactions_detail ul.ledger li + li {

    margin-top: 20px;

}

.transactions_detail ul.ledger li a {

    display: flex;

    width: 100%;

    color: #171725;

    font-family: 'nexa_heavyregular';

    font-size: 14px;

}

.transactions_detail ul.ledger li a:hover {

    text-decoration: none;

}

.income_detail_box {

    margin: 40px 0px 30px;

}

.income_dtl {

    display: flex;

    align-items: flex-start;

    padding: 20px;

    border-radius: 26px;

    background: #fff;

    box-shadow: 0px 12px 20px 0px #d7dee8;

}

.left_box {

    border: 1px solid #D7DEE8;

    border-radius: 26px;

    padding: 20px 18px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    margin-right: 20px;

    min-width: 140px;

    max-width: 140px;

}

.left_box span {

    display: flex;

    width: 100%;

    font-size: 15px;

    margin-top: 20px;

    font-family: 'nexa_heavyregular';

}

.right_income_dtl {

    display: flex;

    flex-direction: column;

    margin: 25px 0px 0px;

}

.right_income_dtl p {

    display: flex;

    flex-direction: column;

}

.right_income_dtl p span {

    font-family: 'nexa_heavyregular';

}

.right_income_dtl p i {

    font-style: normal;

    color: #92929D;

}

span.blue_text {

    color: #00BCD4;

}

.right_income_dtl ul {

    margin: 0px;

    padding: 0px;

}

.right_income_dtl ul li {

    display: block;

    position: relative;

    padding-left: 20px;

    font-family: 'nexa_heavyregular';

}

.right_income_dtl ul li:after {

    position: absolute;

    content: "";

    top: 50%;

    left: 0px;

    width: 12px;

    height: 2px;

    background: #171725;

    transform: translateY(-50%);

}

.vicinity_btns {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.vicinity_btns .custom-control {

    padding: 0px;

    border-radius: 26px;

    min-width: 48%;

    max-width: 48%;

}

.vicinity_btns .custom-control-input:checked~.custom-control-label::before,

.vicinity_btns .custom-control-input:checked~.custom-control-label::after,

.vicinity_btns .custom-control-input ~ .custom-control-label::before,

.vicinity_btns .custom-control-input ~ .custom-control-label::after {

    opacity: 0;

}

.vicinity_btns .custom-control-input ~ .custom-control-label {

    background: #fff;

    border-radius: 40px;

    padding: 12px 10px;

    cursor: pointer;

    min-width: 100%;

    max-width: 100%;

    text-align: center;

}

.vicinity_btns .custom-control-input:checked~.custom-control-label {

    background: #00BCD4;

    color: #fff;

}

.display_mode_fn ul {

    margin: 0px;

}

.display_mode_fn ul li {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.display_mode_fn ul li + li {

    margin-top: 15px;

}

.display_mode_fn ul li p {

    margin: 0px;

    font-family: 'nexa_heavyregular';

}

.display_mode_fn ul li input[type="checkbox"] ~ label.form-check-label.on_text,

.display_mode_fn ul li input[type="checkbox"]:checked ~ label.form-check-label.off_text {

    display: none;

}

.display_mode_fn ul li input[type="checkbox"]:checked ~ label.form-check-label.on_text {

    display: block;

}

.form-check.form-switch label.form-check-label{

    background: #fff;

    padding: 12px 24px;

    border-radius: 40px;

    min-width: 90px;

    text-align: center;

    cursor: pointer;

}

.form-check.form-switch input.form-check-input {

    opacity: 0;

}

.form-check.form-switch input[type="checkbox"]:checked ~ label.form-check-label {

    background: #00BCD4;

    color: #fff;

}

.finances .about_text {

    border-radius: 26px;

    border: none;

    padding: 20px;

}

.finances .about_text + .about_text {

    margin-top: 10px;

}

.bank_account p {

    margin: 0px;

    font-size: 14px;

}

.bank_type {

    margin: 20px 0px 0px;

}

.bank_type p {

    font-size: 16px;

    margin-bottom: 15px;

    font-family: 'nexa_heavyregular';

}

form.bank_account .form-group {

    margin-bottom: 0px;

    position: relative;

    border-bottom: 1px solid #e2e2ea;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

form.bank_account .form-group + .form-group {

    margin-top: 20px;

}

form.bank_account .form-group img {

    max-width: 16px;

    margin: 0px 10px 7px 0px;

}

form.bank_account .form-group input {

    width: 100%;

    background: transparent;

    border: none;

    margin-bottom: 7px;

}

form.bank_account .form-group input:focus {

    outline: none;

}

form.bank_account .form-group.fill {

    border-color: #00BCD4;

}

.bank_account .form-check {

    margin: 15px 0px 0px;

    padding-left: 40px;

}

form.bank_account .form-check input {

    width: 24px;

    height: 24px;

    margin-left: -40px;

}

.bank_account .form-check label.form-check-label {

    line-height: normal;

}

.submit_btn {

    display: block;

    text-align: center;

    margin: 20px 0px 10px;

}

.submit_btn a {

    background: #fff;

    color: #00BCD4;

    border: 1px solid #00BCD4;

    padding: 14px 10px;

    display: inline-block;

    border-radius: 26px;

    min-width: 250px;

    font-family: 'nexa_heavyregular';

}

.submit_btn a:hover {

    text-decoration: none;

    background: #00BCD4;

    color: #fff;

}

.pass_section .bank_type,

.email_section .bank_type {

    margin-top: 0px;

}

.pass_section form.bank_account .form-group img {

    max-width: 12px;

}

.image_box {

    position: relative;

    overflow: hidden;

    border-radius: 26px;

    margin-bottom: 20px;

}

.image_box .identi_icon {

    position: absolute;

    top: 10px;

    right: 10px;

    background: #00BCD4;

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 35px;

    box-shadow: 0px 0px 0px 4px #fff;

}

.image_box.upload_box {

    position: relative;

    min-height: 200px;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #D7DEE8;

}

.upload_icon {

    width: 44px;

    height: 44px;

    position: absolute;

    top: 10px;

    right: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    box-shadow: 0px 0px 0px 4px #e3f7ea;

    border-radius: 26px;

}

input.upload_file {

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    width: 100%;

    height: 100%;

    opacity: 0;

}

.active_licence {

    background: #fff;

    border-radius: 26px;

    padding: 20px;

}

.active_licence p {

    margin-bottom: 0px;

}

.home_goal_section .btns_grp a {

    border: 1px solid #E3F7EA;

    min-width: 48%;

    justify-content: center;

    background: #fff;

    color: #F56E96;

}

.home_goal_section .btns_grp a.wrap_btn {

    background: #00BCD4;

    border-color: #00BCD4;

    color: #fff;

}

form.bank_account.remove_licences .form-group + .form-group {

    margin-top: 25px;

}

form.bank_account.remove_licences {

    margin-top: 30px;

}

form.bank_account.remove_licences .meeting_btns a {

    margin-top: 40px;

    margin-bottom: -20px;

    border-color: #979797;

    color: #F56E96 !important;

}

.btns_grp.dele_btn a.w-100 {

    border-color: #D7DEE8;

    justify-content: center;

    padding: 24px 10px;

    margin: 10px 30px 30px;

    color: #F56E96;

}

.trash_image {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 40px 0px 30px;

}

.delete_account_btns {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.delete_account_btns a {

    border: 1px solid #D7DEE8;

    color: #171725;

    display: flex;

    width: 48%;

    justify-content: center;

    align-items: center;

    padding: 16px 10px;

    border-radius: 35px;

    font-family: 'nexa_heavyregular';

    text-align: center;

}

.delete_account_btns a.dlt_btn {

    color: #F56E96;

}

.support_need {

    margin: 40px 0px 60px;

}

.support_need ul {

    margin: 0px;

    padding: 0px 0px 0px 0px;

}

.support_need ul li {

    display: flex;

    align-items: center;

    justify-content: center;

}

.support_need ul li + li {

    margin-top: 15px;

}

.support_need ul li a {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    border: 1px solid #00BCD4;

    width: 100%;

    border-radius: 40px;

    padding: 14px 10px;

    font-family: 'nexa_heavyregular';

}

.support_need ul li a p {

    margin: 0px;

    color: #00BCD4;

    font-size: 17px;

}

.support_need ul li a:hover {

    text-decoration: none;

}

.support_need ul li a span {

    min-width: 50px;

    text-align: center;

    margin: 0px 15px 0px 40px;

}

.content_section {

    margin: 30px 0px 50px;

}

.content_section ul.need_type {

    padding: 0px;

    margin: 30px 0px 0px;

}

.content_section ul.need_type li {

    display: block;

}

.content_section ul.need_type li + li {

    margin-top: 5px;

}

.content_section ul.need_type li a {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #F1F1F5;

    padding: 18px 0px;

    color: #171725;

    font-size: 18px;

    font-family: 'nexa_heavyregular';

}

.content_section ul.need_type li a:hover {

    text-decoration: none;

}

a.wrap_btn.sbmt_btn {

    color: #fff;

    width: 100%;

    justify-content: center;

    padding: 22px 10px;

    background: #e4339c;

    background: -moz-linear-gradient(left,  #e4339c 0%, #a91ccd 100%);

    background: -webkit-linear-gradient(left,  #e4339c 0%,#a91ccd 100%);

    background: linear-gradient(to right,  #e4339c 0%,#a91ccd 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4339c', endColorstr='#a91ccd',GradientType=1 );

    border: none;

}

.chat_box {

    width: 100%;

    border: 1px solid #F1F1F5;

    border-radius: 20px;

    padding: 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.chat_box .date_time {

    text-align: right;

    color: #92929D;

    font-size: 14px;

}

.ticket_dtl ul li p {

    margin: 0px;

    font-family: 'nexa_heavyregular';

}

.ticket_dtl {

    margin: 25px 0px 20px;

    padding: 0px;

    width: 100%;

}

.ticket_dtl ul {

    padding: 0px;

    margin: 0px;

}

.ticket_dtl ul li span {

    color: #92929D;

    font-size: 12px;

    display: block;

    line-height: normal;

}

.ticket_dtl ul li {

    display: block;

    margin-bottom: 20px;

}

.send_msg.receive_msg {

    justify-content: flex-start;

    margin-left: 0px;

    align-items: flex-start;

    margin-bottom: 25px;

}

.send_msg.receive_msg .msg {

    flex-direction: row-reverse;

}

.send_msg.receive_msg .msg .user_image {

    margin-left: 0px;

    margin-right: 10px;

    right: auto;

    left: 0px;

}

.send_msg.receive_msg .msg .user_image::after {

    left: -8px;

}

.send_msg.receive_msg .msg p {

    background: #00BCD4;

    color: #fff;

}

.msg p span.file {

    background: #e4eef6;

    width: 30px;

    height: 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    margin-right: 8px;

}

.messages {

    margin-bottom: 30px;

    max-height: 500px;

    overflow-y: auto;

    overflow-x: hidden;

    padding: 0px 10px;

}

.text p {

    margin-bottom: 0px;

    line-height: normal;

}

.text small {

    opacity: 0.5;

    text-transform: uppercase;

    font-size: 14px;

}

.left_side_menu.collapse.show {

    position: fixed;

    z-index: 999;

    top: 0px;

    bottom: 0px;

    right: 0px;

    left: 0px;

    background: #00E2FF;

    overflow: auto;

    display: block;

    transition: 0.6s all ease;

    max-width: 400px;

}

.left_side_menu.collapse:not(.show) {

    opacity: 0;

    visibility: hidden;    

    transition: 0.6s all ease;

}

.left_side_menu .top_icons {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding: 50px 30px 40px 30px;

    flex-direction: column;

}

.left_side_menu .top_icons .close_icon {

    width: 20px;

}

.left_side_menu .top_icons .right_icons {

    width: 40%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 50px 0px 0px auto;

}

.left_side_menu .top_icons .right_icons span a img {

    max-width: 20px;

    min-width: 20px;

}

ul.main_menu {

    margin: 0px 0px 100px;

    padding: 0px 20px;

}

ul.main_menu li {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

ul.main_menu li + li {

    margin-top: 20px;

}

ul.main_menu li a {

    display: inline-block;

    color: #2C234D;

    font-size: 22px;

    line-height: normal;

    padding: 4px 10px 4px 0px;

    font-family: 'nexa_heavyregular';

}

ul.main_menu li a:hover {

    text-decoration: none;

}





.dashboard_items {

    display: block;

    margin: 40px 0px 60px;

    position: relative;

    z-index: 3;

}

.dash_box {

    background: #fff;

    box-shadow: 0px 12px 20px 0px #D7DEE8;

    border-radius: 26px;

    padding: 30px 20px;

}

.dash_box ul {

    margin: 0px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.dash_box ul li {

    min-width: 35%;

    display: block;

}

.dash_box ul li a {

    display: block;

}

.dash_box ul li a:hover {

    text-decoration: none;

}

.dash_box ul li a p {

    margin: 0px;

    color: #171725;

    font-family: 'nexa_heavyregular';

}

.dash_box ul li a span {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    width: 24px;

    height: 24px;

    margin-bottom: 20px;

}

.blue_bg {

    background: #00E2FF;

}

.purple_bg {

    background: #676099;

}

.dash_box.purple_bg ul li a p {

    color: #fff;

}

ul.main_menu li span {

    background: #F56E96;

    width: 40px;

    height: 30px;

    border-radius: 0px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000;

}

.left_side_menu.dash_menu .top_icons .right_icons {

    width: 30%;

}

.bottom_tab_section.profile_pages {

    border-radius: 20px;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

}

.bottom_tab_section.profile_pages ul.bottom_menu li a {

    width: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 48px;

}

.profile_page ul.icons li.align_right {

    margin-left: auto;

    margin-right: 0px;

}

p.clarification_image {

    margin: 30px 0px 0px;

    text-align: center;

}

.meeting_detail_text p.img {

    display: block;

    margin: 0px 0px 30px;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);

}

.meeting_detail_text p.img img {

    width: 100%;

}

.meeting_board h3 {

    margin: 0px 0px -16px;

    font-family: 'nexa_heavyregular';

    font-size: 28px;

    text-align: center;

    position: relative;

    z-index: 1;

}

.homepage.chat_person.profile_draft .wrapper {

    padding: 0px 30px 0px 0px;

}

.homepage.chat_person.profile_draft .wrapper ul.icons li:first-child {

    width: 60px;

    height: 60px;

    transform: rotate(180deg);

    margin-left: auto;

}

.homepage.chat_person.profile_draft .person_image {

    border-radius: 10px 40px 40px 10px;

}

li.notifi_box .left_text {

    font-family: 'nexa_heavyregular';

}

li.notifi_box .left_text p {

    font-family: 'nexa_regularregular';

}

.form-heading.money_matter_modal h4 {

    font-family: 'nexa_regularregular';

}

ul.icons li.edit {

    width: auto;

    height: auto;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    margin: 0px;

}

ul.icons li.edit a {

    padding: 0px;

    font-size: 18px;

    font-family: 'nexa_heavyregular';

    color: #171725;

}

ul.icons li.edit a img {

    width: 30px;

    margin-right: 10px;

}

ul.interes_list li a img {

    margin-left: 6px;

}

.no_pics {

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    padding: 40px 30px;

    width: 100%;

    box-sizing: border-box;

}

.no_pics .upload_pics {

    border: 1px solid #00BCD4;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    margin-bottom: 10px;

    font-family: 'nexa_heavyregular';

    padding: 14px 20px;

    border-radius: 40px;

}

.no_pics .upload_pics img {

    margin-right: 6px;

}

.no_pics .upload_pics input[type="file"] {

    position: absolute;

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    z-index: 9;

    opacity: 0;

}

.login.create_account p {

    font-family: 'nexa_regularregular';

}

.box_pro label {

    display: block;

    margin: 0px 0px 5px;

    font-family: 'nexa_heavyregular';

    color: #171725;

}

.box_pro input {

    width: 100%;

    border: 1px solid #D7DEE8;

    background: #fff;

    border-radius: 10px;

    padding: 8px;

}

.profession_search {

    position: relative;

    border: 1px solid #92929D;

    border-radius: 40px;

    padding: 8px;

}

.profession_search a.search {

    display: block;

    width: 25px;

    position: absolute;

    left: 10px;

    top: 50%;

    transform: translateY(-50%);

}

.profession_search input.profession {

    background: transparent;

    border: none;

    border-radius: 0px;

    padding: 5px 10px 5px 38px;

    font-family: 'nexa_heavyregular';

}

.box_pro + .box_pro {

    margin-top: 15px;

}

a.update_btn {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 20px auto 10px;

    border: 1px solid #00BCD4;

    width: 45%;

    border-radius: 35px;

    padding: 14px 3px;

    font-family: 'nexa_heavyregular';

    color: #00BCD4;

}

a.update_btn img {

    margin-right: 5px;

}

a.update_btn:hover {

    text-decoration: none;

    color: #00BCD4;

}

.sub_heading {

    margin-top: 15px;

}

.sub_heading p{

    margin: 0px;

}

.sub_heading p:first-child {

    font-size: 20px;

    color: #000;

}

.sub_heading p:last-child {

    font-size: 16px;

    color: #000;

    opacity: 0.5;

}

ul.availablity_calendar li .timing.name_days {

    flex-direction: column;

}

ul.availablity_calendar li .timing.name_days span {

    margin-right: 0px;

    width: 70%;

    border-color: #00BCD4;

}

ul.icons li.select_box {

    width: calc(100% - 75px);

    position: relative;

}

ul.icons li.select_box select {

    width: 100%;

    height: 60px;

    background: #fff;

    border: 1px solid #E3F7EA;

    border-radius: 40px;

    padding: 6px 20px;

    font-family: 'nexa_heavyregular';

    position: relative;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    background: url('../images/back_arrow_grey.png') no-repeat;

}

ul.icons li.select_box::before {

    position: absolute;

    content: "";

    top: 39%;

    right: 25px;

    background: url(../images/back_arrow_grey.png) no-repeat;

    width: 7px;

    height: 12px;

    transform: rotate(-90deg);

}

.meeting_modal.meet_endmodal .btns_grp a.justify-content-center.verify_btn {

    background: #e4339c;

    background: -moz-linear-gradient(left, #e4339c 0%, #a91ccd 100%);

    background: -webkit-linear-gradient(left, #e4339c 0%,#a91ccd 100%);

    background: linear-gradient(to right, #e4339c 0%,#a91ccd 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4339c', endColorstr='#a91ccd',GradientType=1 );

    color: #fff;

    min-width: 70%;

}

form.access_code .form-group {

    position: relative;

    margin: 0px;

}

form.access_code .form-group img.fill {

    width: 20px;

    position: absolute;

    left: 0px;

    top: 12px;

}

span.icon_rotate img {

    transform: rotate(180deg);

}

.marketing_box {

    background: #fff;

    border: 1px solid #E3F7EA;

    padding: 15px;

    border-radius: 20px;

}

.marketing_box + .marketing_box {

    margin-top: 15px;

}

.marketing_box span {

    display: block;

    color: #171725;

    font-family: 'nexa_heavyregular';

}

.marketing_box p {

    font-size: 18px;

    margin: 10px 0px;

    font-family: 'nexa_regularregular';

}

.marketing_box i {

    display: block;

    font-style: normal;

    font-size: 15px;

    color: #000;

}

.enter_rferal {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.enter_rferal .input_text input[type="text"] {

    width: calc(100% - 30px);

    margin-left: auto;

    background: transparent;

    border: none;

    font-size: 18px;

    padding: 10px 10px 10px 0px;

}

.enter_rferal .input_text input[type="text"]:focus {

    outline: none;

}

.enter_rferal .input_text {

    margin: 10px 0px 10px;

    display: flex;

    align-items: center;

    width: 100%;

    border-bottom: 1px solid #ddd;

}

.enter_rferal .input_text span.icon_rotate {

    margin: 0px 10px 0px 10px;

}

.enter_rferal input[type="submit"] {

    display: block;

    margin: 0px 0px 15px;

    background: #00BCD4;

    color: #fff;

    border: none;

    padding: 8px 40px;

    border-radius: 20px;

}

.text_center {

    display: block;

    padding: 0px 30px;

    white-space: nowrap;

    font-family: 'nexa_heavyregular';

}

.vicinity_btns.btns_auto {

    justify-content: center;

}

.vicinity_btns.btns_auto .custom-control {

    min-width: 25%;

}

.vicinity_btns.btns_auto .display_mode_fn ul {

    display: flex;

    align-items: center;

}

.vicinity_btns.btns_auto .display_mode_fn ul li + li{margin-top: 0px;}

.card-body.finances .about_text p:first-child {

    font-family: 'nexa_heavyregular';

    margin-bottom: 10px;

}

.card-body.finances .about_text p + p {

    margin-top: 5px;

}

.submit_btn a.remove_btn {

    color: #F56E96;

    border-color: #D7DEE8;

    background: transparent;

}

.submit_btn a.remove_btn:hover {

    background: #F56E96;

    color: #fff;

    border-color: #F56E96;

}

.security_section .bank_type form.bank_account p{

    font-family: 'nexa_regularregular';

    font-size: 14px;

}

.security_section .bank_type p.regular {

    font-family: 'nexa_regularregular';

}

.image_box.upload_box span {

    color: #00BCD4;

}

.bank_type .active_licence p:first-child {

    font-family: 'nexa_heavyregular';

}

.bank_type .active_licence p {

    font-family: 'nexa_regularregular';

}

.meeting_btns.update_btns_quali a.check_in.wrap_btn {

    border-color: #00BCD4;

    color: #00BCD4 !important;

}

.support_controller .meeting_topics {

    justify-content: flex-start;

}

.support_controller ul.icons {

    align-items: center;

    justify-content: space-between;

}

.support_controller ul.icons li {

    margin: 0px;

    width: auto;

    height: auto;

    font-family: 'nexa_heavyregular';

}

.support_controller ul.icons li:first-child {

    width: 60px;

    height: 60px;

}

.left_side_menu.dash_menu .top_icons {

    flex-direction: row;

    align-items: center;

    padding-top: 100px;

}

.left_side_menu.dash_menu .top_icons .right_icons {

    margin: 0px;

}

.left_side_menu.dash_menu ul.main_menu li {

    justify-content: flex-start;

}

.left_side_menu.dash_menu ul.main_menu li span {

    margin-left: auto;

}

ul.icons li.statement {

    width: auto;

    margin-right: 0px;

}

ul.icons li.statement a {

    padding: 0px;

    font-family: 'nexa_heavyregular';

    color: #171725;

    line-height: normal;

}

ul.icons li.statement a img {

    margin-right: 10px;

}

ul.icons li.statement a:hover {

    text-decoration: none;

}

.tax_statement {

    background: #fff;

    padding: 30px;

    margin: 30px 0px 50px;

    box-shadow: 0px 12px 20px 0px #D7DEE8;

    border-radius: 30px;

}

.download_section {

    margin-top: 100px;

}

.download_section p {

    margin-bottom: 0px;

}

.download_section h3 {

    display: block;

    margin: 15px 0px 5px;

    font-size: 32px;

    color: #171725;

}

.download_section p.light_text {

    opacity: 0.5;

    font-size: 18px;

}

/* .wrapper.homepage.account_page {

    padding-right: 0px;

} */

.account_page .top_section {

    margin-bottom: 0px;

    padding-bottom: 60px;

}

.account_page .top_section .profile_pic {

    position: absolute;

    top: 0px;

    right: 0px;

    border-radius: 40px 10px 10px 40px;

    overflow: hidden;

    width: 210px;

    height: 210px;

    z-index: -1;

}

.account_page .basic_info {

    padding: 0px 30px 0px 0px;

}

.profile_photo_section {

    margin: 50px 0px 0px;

    position: relative;

    width: 100%;

    display: flex;

    flex-direction: column;

    min-height: 100vh;

}

.profile_image {

    display: block;

    margin: 0px auto;

    width: calc(100% - 60px);

    height: 325px;

    overflow: hidden;

    border-radius: 40px;

    position: relative;

    z-index: 2;

}

.profile_image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: top center;

}

.wrapper.homepage.change_photo {

    min-height: initial;

}

.upload_photo {

    background: #00E2FF;

    display: block;

    margin: -100px 0px 0px;

    padding: 300px 30px 30px;

    position: relative;

    z-index: 1;

    border-radius: 30px 30px 0px 0px;

}

.upload_photo p img {

    width: 25px;

}

.upload_photo input[type="file"] {

    position: absolute;

    bottom: 38px;

    right: 0px;

    left: 30px;

    width: 271px;

    opacity: 0;

    cursor: pointer;

    z-index: 3;

    height: 75px;

}

.account_page ul.programmes li a {

    width: auto;

    height: auto;

    white-space: nowrap;

    border-color: #E3F7EA;

    color: #171725;

    font-family: 'nexa_heavyregular';

}

.account_page ul.programmes li a.active {

    color: #00BCD4;

    border-color: #00BCD4;

}

.account_page ul.icons li.search_team {

    width: calc(100% - 105px);

    margin: 0px;

    position: relative;

    border: 1px solid #E3F7EA;

    border-radius: 40px;

    height: auto;

    padding: 15px;

}

.account_page ul.icons li.search_team img {

    width: 22px;

}

.account_page ul.icons li.search_team input[type="text"] {

    width: calc(100% - 40px);

    padding: 2px 0px 2px 0px;

    background: transparent;

    border: none;

    margin-left: 10px;

    font-family: 'nexa_heavyregular';

}

.teammates_list {

    padding: 0px 30px 50px 0px;

    margin-top: -20px;

}

.team_mmbr {

    border: 1px solid #F1F1F5;

    background: #fff;

    border-radius: 20px;

    padding: 15px 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

span.photo {

    width: 50px;

    height: 50px;

    overflow: hidden;

    border-radius: 50%;

}

.team_mmbr .name {

    width: calc(100% - 100px);

}

.team_mmbr .name h5{

    margin: 0px;

    text-transform: uppercase;

}

.team_mmbr .name p {

    margin: 0px;

    opacity: 0.5;

}

.team_mmbr + .team_mmbr {

    margin-top: 20px;

}

.finance_box {

    background: #fff;

    box-shadow: 0px 12px 20px 0px #D7DEE8;

    padding: 15px 20px;

    border-radius: 36px;

    min-width: 200px;

}

.finance_box + .finance_box {

    margin-left: 10px;

}

.finance_progress {

    margin: -60px 0px 40px;

    padding: 30px 0px 20px 10px;

    display: flex;

    flex-wrap: nowrap;

    overflow: auto;

}

.finance_box .progress {

    width: 90px;

    height: 90px;

    background: #00E2FF;

    border-radius: 10px;

    padding: 20px;

    margin: 20px 0px 0px;

    font-size: 30px;

    color: #fff;

    overflow: hidden;

    position: relative;

    text-align: center;

    align-items: center;

    justify-content: center;

}

.finance_box p {

    margin: 0px;

    opacity: 0.5;

}

.finance_box h4 {

    display: block;

    margin: 20px 0px 5px;

}

.finance_box .progress .title {

    position: relative;

    z-index: 100;

}

.finance_box .progress .overlay {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    /* background-color: #07070c; */

    background-color: transparent;

    right: 0px;

    bottom: 0px;

    margin: auto;

    /* border: 6px solid #1c9cad;

    border-radius: 50%; */

}

.finance_box .progress .left, .progress .right {

    width: 25px;

    height: 50px;

    position: absolute;

    top: 20px;

    left: 20px;

    /* border: 10px solid #222235; */

    border: 5px solid #fff;

    border-radius: 100px 0px 0px 100px;

    border-right: 0;

    transform-origin: right;

}

.finance_box .progress .left {

    animation: load1 1s linear forwards;

}

.finance_box .progress:nth-of-type(2) .right, .finance_box .progress:nth-of-type(3) .right {

    animation: load2 .5s linear forwards 1s;

}

.finance_box .progress:last-of-type .right, .finance_box .progress:first-of-type .right {

    animation: load3 .8s linear forwards 1s;

}

.finance_box:nth-of-type(2) .progress {

    background: #F56E96;

}

.finance_box:nth-of-type(3) .progress {

    background: #e4339c;

    background: -moz-linear-gradient(left,  #e4339c 0%, #a91ccd 100%);

    background: -webkit-linear-gradient(left,  #e4339c 0%,#a91ccd 100%);

    background: linear-gradient(to right,  #e4339c 0%,#a91ccd 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4339c', endColorstr='#a91ccd',GradientType=1 );

}

@keyframes load1 {

    0% {

        transform: rotate(0deg);}

    100% {

        transform: rotate(180deg);}

}

@keyframes load2 {

    0% {

        z-index: 100;transform: rotate(180deg);}

    100% {

        z-index: 100;transform: rotate(270deg);}

}

@keyframes load3 {

    0% {

        z-index: 100;transform: rotate(180deg);}

    100% {

        z-index: 100;transform: rotate(315deg);}

}







.finance_list {

    display: block;

    margin: 0px 0px 50px;

    padding-right: 30px;

}

.list_box a {

    display: flex;

    width: 100%;

    background: #F1F1F5;

    border-radius: 26px;

    padding: 18px 20px;

    align-items: center;

    justify-content: space-between;

    color: #171725;

    font-family: 'nexa_heavyregular';

}

.list_box a:hover {

    text-decoration: none;

    color: initial;

}

.list_box a span {

    width: 45%;

}

.list_box a span.dollar {

    min-width: 30px;

    max-width: 30px;

    margin-right: 15px;

}

.list_box a span.arrow {

    width: auto;

}

.list_box + .list_box {

    margin-top: 15px;

}

.finance_detail_week {

    background: #fff;

    box-shadow: 0px 12px 20px 0px #D7DEE8;

    border-radius: 26px 26px 0px 0px;

    margin-bottom: -10px;

    padding: 30px 10px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}

.finance_panel {

    background: transparent;

    padding: 20px 20px;

    border-radius: 26px;

}

.finance_panel.active {

    background: #00BCD4;

}

.finance_panel.active p {

    color: #fff;

}

.finance_panel p {

    margin: 0px;

    font-family: 'nexa_heavyregular';

    display: flex;

    align-items: center;

}

.finance_panel span {

    display: block;

    margin-bottom: 20px;

}

.finance_panel + .finance_panel {

    margin-top: 10px;

}

.finance_panel.active span img {

    filter: contrast(100) invert(1);

}

.finance_panel p img {

    margin-right: 10px;

}

.left_dtl {

    margin-right: 25px;

}

.right_dtl .dtl span {

    font-family: 'nexa_heavyregular';

    line-height: normal;

    display: block;

    margin-bottom: 4px;

}

.right_dtl .dtl p {

    opacity: 0.5;

}

.right_dtl .dtl + .dtl {

    margin-top: 15px;

}

.workflow {

    padding-right: 30px;

    margin-bottom: 50px;

}

.flows {

    display: block;

    background: #fff;

    box-shadow: 0px 12px 20px 0px #D7DEE8;

    border-radius: 26px;

    padding: 25px;

}

.flows a {

    color: initial;

}

.flows a:hover {

    text-decoration: none;

    color: initial;

}

.flows + .flows {

    margin-top: 20px;

}

.flows .bottom_dtl p {

    margin: 0px;

}

.flows .bottom_dtl p + p {

    margin-top: 5px;

}

.flows .top_detail ~ p {

    margin: 20px 0px 20px;

    text-transform: uppercase;

}

.flows .top_detail {

    display: flex;

    align-items: center;

    width: 100%;

}

.flows .top_detail span {

    display: flex;

    margin: 0px 0px 0px 15px;

    font-family: 'nexa_heavyregular';

}

.flows .top_detail .arrow {

    margin-left: auto;

}

.flows .bottom_dtl p.complete {

    color: #00BCD4;

}

.flows .bottom_dtl p.pending {

    color: #F56E96;

}

.bottom_dtl + .bottom_dtl {

    margin-top: 20px;

}

.flows .bottom_dtl p a {

    color: #00BCD4;

    margin-left: 10px;

}

.flows .bottom_dtl p a:hover {

    text-decoration: none;

    color: #00BCD4;

}

.flows.open_work .bottom_dtl {

    position: relative;

    padding-right: 35px;

}

.flows.open_work .bottom_dtl a.edit {

    position: absolute;

    right: 0px;

    top: 12px;

    width: 24px;

}

.flows.open_work table {

    width: 100%;

    margin-bottom: 20px;

    background: #F1F1F5;

}

.flows.open_work table tr td {

    padding: 10px;

}

td.active {

    background: #D7DEE8;

}

.flows.open_work table tr td b {

    color: #00BCD4;

}

.btns_grp.open_work {

    margin: 40px 0px -10px;

    justify-content: center;

}

.btns_grp.open_work a.btn {

    border-color: #00BCD4;

    color: #00BCD4;

    width: 70%;

    justify-content: center;

}

.btns_grp.open_work a.btn:hover {

    text-decoration: none;

    color: #00BCD4;

}

.workorder_dtl label {

    display: flex;

    margin-bottom: 20px;

    font-family: 'nexa_heavyregular';

    align-items: center;

}

.workorder_dtl label img {

    margin-right: 10px;

}

.workorder_dtl textarea {

    width: 100%;

    resize: none;

    height: 200px;

    border: 1px solid #D7DEE8;

    border-radius: 10px;

    padding: 15px;

}

.time_log .time {

    justify-content: flex-start;

}

.time_log .time p {

    font-family: 'nexa_heavyregular';

}

.sent_msg {

    background: #00BCD4;

    padding: 40px 20px 15px;

    position: fixed;

    left: 0px;

    right: 0px;

    top: 0px;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    font-family: 'nexa_heavyregular';

    z-index: 9;

}

.add_contractor {

    display: block;

    margin: 50px 0px 0px;

}

form.contractor .form-group {

    margin: 0px 0px 40px;

}

form.contractor .form-group label {

    margin: 0px 0px 15px;

    display: flex;

    align-items: center;

    font-family: 'nexa_heavyregular';

}

form.contractor .form-group label img {

    margin-right: 10px;

}

.add_field {

    display: flex;

    align-items: center;

    width: 100%;

    background: #fff;

    border: 1px solid #92929D;

    border-radius: 40px;

    padding: 15px;

    font-family: 'nexa_heavyregular';

}

.add_field img {

    margin-right: 10px;

    width: 25px;

}

.add_field input[type="text"] {

    padding: 4px 0px;

    background: transparent;

    width: 100%;

    border: none;

}

form.contractor {

    /* min-height: 100vh; */

    display: flex;

    flex-direction: column;

}

form.contractor .form-group:last-child {

    margin-top: auto;

    margin-bottom: 30px;

}

form.contractor .form-group .submit_btn {

    background: transparent;

    width: 100%;

    border: 1px solid #92929D;

    padding: 20px 20px;

    max-width: 80%;

    margin: 0px auto;

    border-radius: 40px;

    color: #92929D;

    font-family: 'nexa_heavyregular';

}

form.contractor .form-group .submit_btn:hover {

    text-decoration: none;

    color: initial;

}

form.contractor .form-group .submit_btn.review_dtl {

    color: #00BCD4;

    border-color: #00BCD4;

}

form.contractor .form-group .teammates_list {

    padding: 0px;

    margin: 0px;

}

a.clear img {

    width: 18px;

    opacity: 0.5;

}

form.contractor .form-group.fill .add_field {

    border: 1px solid #00BCD4;

}

.workorder_list span {

    border: 1px solid #E3F7EA;

    padding: 12px 20px;

    border-radius: 40px;

    margin: 0px 15px 15px 0px;

}

.workorder_list {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin: 15px 0px 0px;

}

.choose_date {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.choose_date a {

    width: 48%;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #E3F7EA;

    color: #171725;

    padding: 16px 10px;

    border-radius: 40px;

}

.choose_date a:hover {

    text-decoration: none;

    color: initial;

}

.choose_date a.active {

    border-color: #00BCD4;

}

.choose_date.btns_grp a.active {

    color: #00BCD4;

}

.workorder_dtl p {

    color: #92929D;

    text-align: center;

}

.workorder_dtl .teammates_list {

    padding: 0px;

}

.workorder_dtl .teammates_list .name {

    width: calc(100% - 60px);

}

.workorder_dtl .teammates_list .name p {

    text-align: left;

}

ul.icons li.approve_dtl {

    width: auto;

    height: auto;

    display: flex;

    align-items: center;

    border: 1px solid #00BCD4;

    border-radius: 40px;

    margin-right: 0px;

}

ul.icons li.approve_dtl a{

    color: #00BCD4;

    font-family: 'nexa_heavyregular';

}

ul.icons li.approve_dtl a:hover {

    text-decoration: none;

}

ul.icons li.approve_dtl a img{

    margin-right: 10px;

}

.grey_box {

    background: #F1F1F5;

    padding: 30px;

    border-radius: 26px;

    margin: 20px 0px;

}

.grey_box .heading {

    font-family: 'nexa_heavyregular';

    display: block;

    margin-bottom: 0px;

}

.grey_box .heading img {

    margin-right: 10px;

}

.grey_box_dtl {

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    flex-wrap: wrap;

}

.grey_box_dtl .dtl_box {

    min-width: 33%;

    margin-top: 20px;

}

.grey_box_dtl .dtl_box span {

    font-family: 'nexa_heavyregular';

}

.grey_box_dtl .dtl_box p {

    margin: 0px;

    text-align: left;

}

.modal {

    z-index: 9;

}

.modal-backdrop.fade {

    z-index: 8;

}

.user_info_box {

    border: 1px solid #F1F1F5;

    border-radius: 26px;

    background: #fff;

    margin: 40px 0px 0px;

}

.photo_name {

    display: flex;

    align-items: center;

    padding: 20px;

}

.photo_name p {

    margin: 0px;

    color: #000;

    text-transform: uppercase;

    font-family: 'nexa_regularregular';

}

.photo_name span {

    width: 50px;

    height: 50px;

    overflow: hidden;

    border-radius: 50%;

    margin-right: 10px;

}

.user_info_dtl {

    display: block;

    position: relative;

    padding: 0px 20px 15px 20px;

}

.user_info_dtl p {

    margin: 0px;

    opacity: 0.5;

}

.user_info_dtl p.exp {

    position: absolute;

    top: 0px;

    right: 20px;

    opacity: 1;

}

.bottom_text {

    background: #F1F1F5;

    padding: 20px;

    border-radius: 0px 0px 26px 26px;

}

.user-profile-account .top_section h3.text-left {

    max-width: 50%;

}

.account_action {

    display: flex;

    margin: 40px 0px 0px;

    background: #fff;

    padding: 30px 30px 10px;

    box-shadow: 0px 12px 20px 0px #3a3a3a;

    border-radius: 26px 26px 0px 0px;

    min-height: 400px;

    align-items: flex-start;

    width: 100%;

    flex-direction: column;

}

.action span {

    font-family: 'nexa_heavyregular';

}

.btns_grp.profile_account_action a {

    border: 1px solid #F56E96;

    text-align: center;

    justify-content: center;

    margin: 0px 6px;

    width: 100%;

    color: #171725;

    font-family: 'nexa_regularregular';

}

.btns_grp.profile_account_action a + a {

    margin-top: 15px;

}

.btns_grp.profile_account_action a:hover {

    text-decoration: none;

    color: initial;

}

.btns_grp.profile_account_action {

    margin-top: 30px;

    flex-direction: column;

    padding: 0px 30px;

}

.suspend_account {

    width: 90%;

    display: block;

    margin: 0px auto;

}

.top_arrow {

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    margin-bottom: 10px;

}

.top_arrow p {

    margin: 0px;

    font-family: 'nexa_heavyregular';

    text-align: center;

}

.top_arrow span {

    width: 24px;

    height: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #E2E2EA;

    border-radius: 8px;

}

.insight_dtl {

    display: flex;

    width: 100%;

    margin-bottom: 0px;

    position: relative;

}

.insight_dtl img {

    width: 100%;

}

.insight_dtl .dtl_text {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 50px;

    font-family: 'nexa_heavyregular';

    text-align: center;

    line-height: normal;

    min-width: 300px;

    max-width: 300px;

}

.top_acti {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    max-width: 70%;

    margin: auto;

    padding: 15px 0px 15px;

}

.suspend_option {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.suspend_option .custom-control {

    width: 100%;

    padding: 0px;

    margin-bottom: 10px;

}

.suspend_option .custom-control label.custom-control-label {

    width: 100%;

    text-align: center;

    border-radius: 40px;

    border: 1px solid #92929D;

    padding: 18px 10px;

    font-family: 'nexa_heavyregular';

    color: #92929D;

    cursor: pointer;

}

.suspend_option.mt-4 .custom-control label.custom-control-label {

    border: 1px solid #F56E96;

    color: #F56E96;

}

.suspend_option .custom-control label.custom-control-label::after,

.suspend_option .custom-control label.custom-control-label::before {

    display: none;

}

.suspend_option .custom-control input.custom-control-input:checked ~ label.custom-control-label {

    border-color: #00BCD4;

    color: #00BCD4;

}

.account_action.activity_log {

    padding: 0px 0px 0px;

}

.account_action.activity_log .top_acti {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 30px 30px 0px;

    margin: 0px auto 20px;

    width: 100%;

}

.activity {

    width: 100%;

}

.account_action.activity_log .top_acti h3 {

    font-family: 'nexa_heavyregular';

    color: #67758D;

    margin: 0px;

}

select.timeframe {

    background: #EBEEF3;

    border: 1px solid #8D9AA9;

    padding: 8px 10px;

    border-radius: 4px;

    color: #8D9AA9;

}

select.timeframe:focus {

    outline: none;

}

.insight_dtl.morale {

    background: #fff;

    min-height: 250px;

    border-radius: 30px;

    box-shadow: 0px 12px 20px 0px #D7DEE8;

}

.insight_dtl.morale .dtl_text {

    font-family: 'nexa_blackregular';

}

.insight_dtl.morale .retention_box {

    width: 100%;

    padding: 0px 0px;

    max-width: 200px;

    height: 200px;

    margin: auto;

}

.activity ul {

    margin: 0px;

    padding: 0px 5px;

}

.activity ul li {

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #97A4BA;

    padding: 2px 26px;

}

.activity ul li a {

    min-width: 120px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #97A4BA;

}

.activity ul li a:hover {

    text-decoration: none;

    color: inherit;

}

.activity ul li:nth-child(odd) {

    background: rgba(12, 246, 255, 0.03);

}

.activity ul li a img {

    opacity: 0.3;

}

p.more {

    margin: 0px;

    text-align: center;

}

p.more a {

    font-family: 'nexa_heavyregular';

    color: #67758D;

    font-size: 20px;

}

p.more a:hover {

    text-decoration: none;

}

.top_acti.mt-auto {

    width: 90%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 0px auto 30px;

}

.account_action .meeting_dtl {

    width: 100%;

}

.account_action .meeting_dtl .meeting_box {

    border-radius: 0px;

    background: transparent;

    box-shadow: none;

    padding: 0px 0px 15px;

    border-bottom: 1px solid #ddd;

    margin-bottom: 15px;

}

.account_action .meeting_dtl .meeting_box .left_image {

    position: relative;

}

.account_action .meeting_dtl .meeting_box .left_image span {

    width: 45px;

    display: block;

    height: 45px;

    overflow: hidden;

    border-radius: 50%;

    position: relative;

    z-index: 2;

}

.account_action .meeting_dtl .meeting_box .left_image::after {

    position: absolute;

    content: "";

    width: 45px;

    height: 45px;

    top: 8px;

    left: -8px;

    border-radius: 50%;

    z-index: 1;

    border: 1px solid #E4339C;

}

.meeting_name {

    width: calc(100% - 80px);

}

.meeting_name p{

    font-family: 'nexa_heavyregular';

    margin: 0px;

    font-size: 18px;

}

.meeting_name span {

    text-transform: uppercase;

    opacity: 0.5;

    font-size: 14px;

}

.meeting_name .date {

    opacity: 0.5;

    font-size: 14px;

}

.account_action .meeting_dtl .meeting_box .right_arrow {

    padding-top: 10px;

}

.account_action.insight_mmbr {

    box-shadow: none;

    padding: 0px 10px;

    background: transparent;

}

.account_action.insight_analytics {

    margin-bottom: 20px;

    border-radius: 26px;

    box-shadow: 0px 12px 20px 0px rgba(58, 58, 58, 0.4);

}

.insight_analytics .top_section ul.icons li.search {

    width: calc(100% - 75px);

    height: auto;

    margin-right: 0px;

    background: #fff;

    border: 1px solid #E3F7EA;

    border-radius: 40px;

    padding: 10px 20px;

    position: relative;

}

.insight_analytics .top_section ul.icons li.search img {

    width: 25px;

    margin-right: 5px;

}

.insight_analytics .top_section ul.icons li.search input[type="text"] {

    width: calc(100% - 40px);

    padding: 7px;

    background: transparent;

    border: none;

    font-family: 'nexa_heavyregular';

}

.insight_analytics .top_section ul.icons li.search input[type="text"]:focus {

    outline: none;

}

.insight_analytics .top_section ul.icons li.search a.clear {

    position: absolute;

    top: 50%;

    right: 25px;

    width: 15px;

    padding: 0px;

    height: auto;

    transform: translateY(-50%);

}

.messages_list .left_chat {

    display: flex;

    align-items: center;

}

.messages_list .left_chat .image {

    width: 50px;

    height: 50px;

    overflow: hidden;

    border-radius: 50%;

    margin-right: 15px;

}

.messages_list .left_chat p {

    margin: 0px;

}

.messages_list .chat_box + .chat_box {

    margin-top: 25px;

}

.meeting_modal.chat_group .modal-dialog {

    margin-left: auto;

    margin-right: auto;

}

.btns_grp a.add_mmbr_chat {

    padding: 20px 0px;

    border: 1px solid #00BCD4;

    color: #00BCD4;

}

.btns_grp a.add_mmbr_chat img {

    margin-right: 15px;

    filter: invert(100%) sepia(0%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(70%);

}

.atrium_list {

    width: 100%;

}

.atrium_box a {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    color: #171725;

    border: 1px solid #E3F7EA;

    border-radius: 40px;

    padding: 20px;

}

.atrium_box a:hover {

    text-decoration: none;

    color: inherit;

}

.atrium_box + .atrium_box {

    margin-top: 20px;

}

.atrium_box span {

    width: calc(100% - 60px);

    font-family: 'nexa_heavyregular';

}

.notifi_count {

    background: #F56E96;

    color: #000;

    display: block;

    padding: 6px 18px;

    border-radius: 6px;

    font-family: 'nexa_heavyregular';

    font-size: 18px;

}

.atrium_box img {

    margin-right: 10px;

}

.messages_list .left_chat p {

    text-transform: uppercase;

}

.messages_list .left_chat p span {

    display: block;

    text-transform: none;

    opacity: 0.5;

}

.add_teammate .form-group.btns_grp a.wrap_btn.add_team {

    border-color: #00BCD4;

    color: #00BCD4;

    justify-content: center;

    padding: 20px 20px;

    margin-bottom: 40px;

}

.add_teammate .form-group.btns_grp a.wrap_btn.add_team img {

    margin-right: 10px;

}

.workorder_detail {

    box-shadow: 0px 12px 20px 0px #D7DEE8;

    display: block;

    margin: 40px 0px 100px;

    padding: 30px;

    border-radius: 26px;

}

body.dark_mode .workorder_detail {
    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.5);
}


.top_workorder {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 20px;

}

.top_workorder .left {

    font-family: 'nexa_heavyregular';

}

.top_workorder .left img {

    margin-right: 10px;

}

.top_workorder .right a {

    display: inline-block;

    margin-left: 15px;

}

.workorder_box {

    display: flex;

    flex-direction: column;

    margin-bottom: 15px;

}

.workorder_box p {

    margin-bottom: 20px;

    margin-top: 10px;

    font-size: 16px;

    text-transform: uppercase;

}

.workorder_box span b {

    font-family: 'nexa_heavyregular';

}

.workorder_box span.pending {

    color: #F56E96;

    display: block;

    margin: 5px 0px 0px;

}

.left_need p {

    margin: 0px;

}

.left_need span {

    font-family: 'nexa_regularregular';

    text-transform: uppercase;

    opacity: 0.5;

    font-size: 14px;

}

a.approve_btn {
    border: 1px solid #00BCD4;
    width: 70%;
    display: block;
    padding: 16px 20px;
    text-align: center;
    border-radius: 40px;
    color: #00BCD4;
    font-family: 'nexa_heavyregular';
    margin: 40px auto 20px;
}

a.approve_btn img {

    margin-right: 10px;

}

a.approve_btn:hover {

    text-decoration: none;

    color: inherit;

}





.chat_screen {

    background: #2C234D;

    min-height: 100vh;

    display: flex;

    flex-direction: column;

    padding: 60px 30px 30px;

}

.chat_screen .h2 {

    color: #fff;

    font-size: 28px;

    display: block;

    margin: 30px 0px 0px;

    font-family: 'nexa_heavyregular';

    text-align: center;

}

.chat_screen .h2.time {

    margin: 0px 0px 50px;

}

.chat_screen .call_user {

    width: 285px;

    height: 285px;

    overflow: hidden;

    border-radius: 70px;

    margin: 0px auto 60px;

}

.call_btns {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 70%;

}

.call_btns .mic_btn a {

    display: flex;

    width: 60px;

    height: 60px;

    background: #00BCD4;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    box-shadow:  0px 2px 4px 0px #80000000

}

.call_btns .end_call {

    margin: 0px 40px 0px;

}

.call_btns .end_call a {

    background: #E55649;

    width: 76px;

    height: 76px;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    display: flex;

    box-shadow:  0px 2px 4px 0px #80000000

}

.mic_btn.mic_off a {

    background: #92929D;

}

.video_chat_screen {

    padding: 0px;

    background: transparent;

    position: relative;

    height: 100vh;

}

.video_chat_screen .call_user {

    width: 100%;

    height: 100%;

    border-radius: 0px;

    margin: 0px;

}

.video_chat_screen .call_btns {

    position: absolute;

    bottom: 15px;

    width: 100%;

    padding: 0px 30px;

}

.video_chat_screen .recveive_user {

    position: absolute;

    right: 20px;

    bottom: 120px;

    width: 130px;

    height: 170px;

    overflow: hidden;

    border-radius: 22px;

}

.video_chat_screen .call_user img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: top center;

}

.video_chat_screen .recveive_user a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

}

.video_chat_screen .recveive_user a img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: top center;

}

.chat_section .join_call {

    display: flex;

    align-items: center;

    justify-content: center;

}

.chat_section .join_call a {

    background: #00BCD4;

    color: #fff;

    display: block;

    padding: 12px 40px;

    border-radius: 40px;

}

.chat_section .join_call a:hover {

    text-decoration: none;

}

.btns_grp.option_btns a {

    padding: 10px 0px !important;

}

li.brder a {

    border: 1px solid #E3F7EA;

}

.legal_text_body p a {

    color: #171725;

    word-break: break-all;

}

.timestamps_policy {

    background: #fff;

    border: 2px solid #D7DEE8;

    border-radius: 26px;

    padding: 20px;

}

.timestamps_policy .head {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

    font-family: 'nexa_heavyregular';

}

.timestamps_policy .head img {

    margin-right: 5px;

}

.timestamps_policy p i {

    font-style: normal;

    font-family: 'nexa_bookregular';

}

.timestamps_policy p i span {

    color: #00BCD4;

    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.8);

}

a.review {

    display: block;

    width: 60%;

    margin: 0px auto;

    background: #F56E96;

    text-align: center;

    color: #171725;

    padding: 16px 10px;

    box-shadow: 0px 2px 4px 0px #80000000;

    border-radius: 26px;

    font-family: 'nexa_heavyregular';

}

a.review:hover {

    text-decoration: none;

    color: initial;

}

a.review.updated {

    background: #00BCD4;

}

.bank_type .balance {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.bank_type .balance p {

    margin: 0px;

}

.no_workorder {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 30px 0px 0px;

}

.account_action .action {

    display: flex;

    width: 100%;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

}

.btns_grp a.active {

    color: #00BCD4;

    border-color: #00BCD4;

}

form.login .form-group.mobile_no.fill {

    margin-bottom: 100px;

}

form.login.confirmation .form-group.error input {

    border-bottom-color: #F56E96;

}

form.login.confirmation p.error_text {

    color: #F56E96;

    text-align: center;

}

form.login .form-group.password_submit {

    margin-top: 100px;

}























ul.ModeChange {

    position: fixed;

    top: 0px;

    display: flex;

    align-items: center;

    justify-content: center;

    right: 0px;

    left: 0px;

    width: 100%;

    padding: 10px 0px 0px;

    z-index: 9;

}

ul.ModeChange li {

    display: flex;

    padding: 6px 16px;

    margin: 0px 10px;

    background: #e4339c;

    background: -moz-linear-gradient(left, #e4339c 0%, #a91ccd 100%);

    background: -webkit-linear-gradient(left, #e4339c 0%,#a91ccd 100%);

    background: linear-gradient(to right, #e4339c 0%,#a91ccd 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4339c', endColorstr='#a91ccd',GradientType=1 );

    color: #fff;

    border-radius: 40px;

    font-size: 12px;

    cursor: pointer;

}







/***** RIght Hand Css Start *****/

body.right_hand ul.icons {

    flex-direction: row-reverse;

}

body.right_hand ul.icons li:nth-child(1) {

    margin-right: 0px;

    margin-left: 15px;

}

body.right_hand ul.icons li:nth-child(2),

body.right_hand ul.icons li:nth-child(3) {

    margin-left: 0px !important;

    margin-right: 0px;

}

body.right_hand ul.icons li.ml-auto {

    margin-right: auto !important;

}

body.right_hand ul.icons.three_li li:nth-child(2),

body.right_hand ul.icons.three_li li:nth-child(3) {

    margin-right: 0px;

}

body.right_hand .wrapper.homepage.account_page .top_section {

    padding-right: 30px;

}

body.right_hand .top_section.account_setting .profile_pic {

    right: auto;

    border-radius: 10px 40px 40px 10px;

    left: -30px;

}

body.right_hand .wrapper.homepage.account_page .top_section.account_setting h3.text-left {

    text-align: right !important;

    padding-left: 200px;

}

body.right_hand .wrapper.homepage.account_page .top_section.account_setting ul.icons li:last-child {

    margin-right: 0px;

}

body.right_hand .wrapper.homepage.account_page .top_section.account_setting .user_profile_images {

    right: auto;

    left: -30px;

}

body.right_hand .wrapper.homepage.account_page.profile_page .top_section.account_setting .user_profile_images {

    left: 0px;

}

body.right_hand .wrapper.homepage.account_page .top_section.account_setting ul.icons li.save_change {

    width: 130px;

}

body.right_hand ul.icons li.search_team {

    width: calc(100% - 75px);

}

body.right_hand .wrapper.homepage.user-profile-account .user_profile_images {

    right: auto;

}

body.right_hand .wrapper.homepage.user-profile-account h3.text-left {

    text-align: right !important;

    margin-left: auto;

}

body.right_hand .user_profile_images {

    left: -30px;

    right: auto;

}

body.right_hand .account_page .top_section .profile_pic {

    left: 0px;

    right: auto;

}

body.right_hand .account_page .top_section h3 {

    text-align: right !important;

    padding-left: 200px;

}

body.right_hand .dashboard_page .top_section h3.text-left {

    text-align: right !important;

    padding-left: 200px;

}

.finance_page .top_section {

    padding: 0px 0px 60px;

}

body.right_hand .account_page.finance_page h3 {

    text-align: center !important;

    padding: 0px;

}





/* body.right_hand ul.icons li:nth-child(1) a img {

    transform: rotate(180deg);

} */







/***** RIght Hand Css End *****/











/******* Dark Mode Css Start ********/

body.dark_mode.modal-open .modal-backdrop.show {

    opacity: 0.3;

    background-color: #fff;

}

body.dark_mode .modal.sign_in_modal {

    background: #181725;

}

body.dark_mode {

    color: #fff;

    background-color: #181725;

}

body.dark_mode .bottom_tab_section {

    /* background-color: #181725; */
    background: #1d1c2e;

}

body.dark_mode .bottom_tab_section.profile_pages ul.bottom_menu li a img {

    filter: invert(1);

}

body.dark_mode .upload_photo h3{

    color: #171725;

}

body.dark_mode ul.icons li.statement a {

    color: #fff;

}

body.dark_mode ul.icons li.statement a img {

    filter: invert(1);

}

body.dark_mode .top_section h3 {

    color: #fff;

}

body.dark_mode .top_section ul.icons li a img, body.dark_mode ul.icons li a {

    color: #fff;

}

/* body.dark_mode .top_section ul.icons li a img, body.dark_mode ul.icons li a img {

    filter: invert(1);

} */

body.dark_mode .splash_text h1,

body.dark_mode .splash_text h6,

body.dark_mode .splash_text p {

    color: #fff;

}

body.dark_mode .top_lef_round {

    opacity: 0.2;

}

body.dark_mode .form-group input.form-control,

body.dark_mode .confirmation .form-group input[type="text"] {

    background-color: transparent;

    font-weight: 600;

    color: #fff;

    border-bottom-color: #00bcd4;

}

body.dark_mode .resend {

    color: #fff;

}

body.dark_mode .resend img {

    filter: invert(1);

}

body.dark_mode .back_btn .back_arrow {

    color: #fff;

}

body.dark_mode .back_btn .back_arrow img {

    filter: invert(1);

}

body.dark_mode .back_btn input.btn_submit {

    color: #fff;

}

body.dark_mode ul.programmes li a img {

    filter: invert(1);

}

body.dark_mode ul.programmes li a.active img {

    filter: invert(100%) sepia(0%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(70%);

}

.insight_analytics .top_section ul.icons li.search {

    background: transparent;

}

/* .insight_analytics .top_section ul.icons li.search img {

    filter: invert(1);

} */

.bottom_logo img.dark_mode {

    display: none;

}

body.dark_mode .bottom_logo img.light_mode {

    display: none;

}

body.dark_mode .bottom_logo img.dark_mode {

    display: block;

}

body.dark_mode .support_controller ul.icons li {

    color: #fff;

}

body.dark_mode .top_section .wrapper {

    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);

}

body.dark_mode .top_chat_text p {

    color: #fff;

}

body.dark_mode .foot_chat_type_section {

    background: #09080d;

}

body.dark_mode .send_msg .msg p {

    background: #1f2032;

    color: #c9c9c9;

}

body.dark_mode .atrium_box a {

    color: #fff;

}

body.dark_mode .atrium_box a img {

    filter: invert(1);

}

body.dark_mode .notifi_count {

    color: #fff;

}

body.dark_mode form.contractor .form-group label img {

    filter: invert(1);

}

body.dark_mode .add_field {

    background: transparent;

}

body.dark_mode .add_field img {

    filter: invert(1);

}

body.dark_mode .team_mmbr {

    background: transparent;

    border-color: #92929D;

}

body.dark_mode ul.icons li.select_box select {

    color: #9f9f9f;

}

body.dark_mode .choose_date a {

    color: #fff;

}

body.dark_mode .add_field input[type="text"] {

    color: #fff;

}

body.dark_mode.modal-open .modal-content {

    background: #181725;

}

body.dark_mode table.ui-datepicker-calendar tbody td a, 

body.dark_mode table.ui-datepicker-calendar tbody td span {

    color: #92929D;

}

body.dark_mode .dash_box {

    box-shadow: 0px 12px 20px 0px #000000;

}

body.dark_mode .support_controller .meeting_topics span img {

    filter: invert(1);

}

body.dark_mode textarea.meet_notes {

    background: transparent;

    color: #fff;

}

body.dark_mode ul.bottom_menu li a img {

    filter: invert(1);

}

body.dark_mode .finance_box {

    background: #1f2032;

    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.5);

}

body.dark_mode .list_box a {

    background: #686099;

    color: #fff;

}

body.dark_mode .top_section ul.icons li a.active img {

    filter: invert(0);

}

body.dark_mode .top_section ul.icons li a img,

body.dark_mode .list_box a span img {

    filter: invert(1);

}

body.dark_mode .finance_detail_week,

body.dark_mode .tax_statement {

    background: #1f2032;

    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.7);

}

body.dark_mode .finance_detail_week .finance_panel img {

    filter: invert(1);

}

.download_section p img {

    filter: invert(1);

}

.download_section h3 {

    color: #fff;

}

body.dark_mode .meeting_dtl .meeting_box .right_arrow img {

    filter: invert(1);

}

body.dark_mode .account_action .meeting_dtl .meeting_box {

    border-bottom-color: rgba(255, 255, 255, 0.2);

}

body.dark_mode .account_action.insight_analytics {

    background: #1f2032;

    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.7);

}

body.dark_mode .insight_dtl.morale {

    background: #181725;

    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.7);

}

body.dark_mode .account_action.insight_analytics a.download img {

    filter: invert(1);

}

body.dark_mode select.timeframe {

    background: #171624;

    border: 1px solid #515068;

}

body.dark_mode .insight_dtl .dtl_text {

    /* color: #171624; */
    color: #fff;

}

body.dark_mode .insight_dtl.morale .dtl_text {

    color: #fff;

}

body.dark_mode .top_arrow span img {

    filter: invert(1);

}

body.dark_mode .flows {

    background: #1f2032;

    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.5);

}

body.dark_mode .flows a {

    color: #fff;

}

body.dark_mode .flows img {

    filter: invert(1);

}

body.dark_mode .flows.open_work table {

    background: #181725;

}

body.dark_mode .flows.open_work table td.active {

    background: #11121a;

}

body.dark_mode ul.need_type a {

    color: #fff;

}

body.dark_mode ul.need_type img {

    filter: invert(1);

}

body.dark_mode ul.need_type a {

    color: #fff;

    border-bottom-color: #2d2b42;

}

body.dark_mode .insight_analytics .top_section ul.icons li.search img {

    filter: invert(1);

}

body.dark_mode .account_page ul.programmes li a {

    color: #fff;

}

body.dark_mode .account_page ul.programmes li a.active {

    color: #00BCD4;

}

body.dark_mode .account_action {

    background: #1f2032;

    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.5);

}

body.dark_mode .btns_grp.profile_account_action a {

    color: #fff;

}

body.dark_mode .account_action a.download img {

    filter: invert(1);

}

body.dark_mode .grey_box {

    background: #1f2032;

}

body.dark_mode .grey_box img {

    filter: invert(1);

}


@media (min-width: 521px){
    .top_section ul.icons li.save_change {
        height: auto;
        width: auto;
        margin: 0px;
    }
    .top_section ul.icons li.save_change a {
        padding: 0px;
    }
    .top_section ul.icons li.save_change a img {
        margin-right: 5px;
    }

}
@media (max-width: 520px){
    ul.icons li.save_change {
        position: absolute;
        top: -40px;
        width: auto;
        text-align: right;
        margin: 0px auto;
        height: auto;
        right: 0px;
        left: 0px;
    }
    ul.icons li.save_change a {
        padding: 0px;
        height: auto;
        font-family: 'nexa_heavyregular';
        color: #171725;
    }
    ul.icons li.save_change a:hover {
        text-decoration: none;
        color: #00bcd4;
    }
    ul.icons li.save_change a img {
        margin-right: 8px;
    }
    ul.icons li.save_change a:hover img {
        filter: invert(100%) sepia(0%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(70%);
    }
}

body.dark_mode form.contractor .form-group label img.pencil_icon {
    filter: invert(0);
}
body.dark_mode .form-heading h4,
body.dark_mode form.login p,
body.dark_mode form.login p a {
    color: #fff;
}
body.dark_mode form.login .form-group span.filter-none img.normal {
    display: none;
}
body.dark_mode form.login .form-group span.filter-none img.fill {
    display: block;
}
body.dark_mode .tab_section ul.nav-tabs li button.nav-link {
    color: #fff;
}
.meeting_modal.meet_endmodal .btns_grp a:hover img {
    filter: none;
}
body.dark_mode .meeting_person .person_dtl b {
    color: #fff;
}
body.dark_mode .flows.open_work .top_detail.mb-4 span.ml-auto.filter_none img{
    filter: none;
}
body.dark_mode .workorder_dtl label img {
    filter: invert(1);
}
body.dark_mode .workorder_dtl textarea {
    background: transparent;
}
body.dark_mode .btns_grp input[type="submit"], 
body.dark_mode .btns_grp a {
    color: #fff;
}
body.dark_mode .meeting_modal.meet_endmodal .btns_grp a img {
    filter: invert(14);
}
body.dark_mode ul.icons li.approve_dtl a {
    color: #00BCD4;
}
body.dark_mode ul.icons li.approve_dtl a img {
    filter: none;
}
.account_action.insight_mmbr.mb-5 {
    padding: 30px 30px 10px;
    margin-bottom: 0px !important;
}
body.dark_mode .account_action.insight_mmbr {
    padding: 30px 30px 10px;
}
form.login .form-group .row {
    width: 100%;
}
body.dark_mode .meeting_modal.meet_endmodal .btns_grp.ticket_chat a img {
    filter: none;
}














/******* Dark Mode Css End ********/

body.dark_mode .basic_info.account_setting .form-group.fill input.form-control {
    color: #fff;
}
body.dark_mode .basic_info.account_setting .form-group.fill input.form-control::placeholder {
    color: #fff;
}

body.dark_mode .login .form-group.fill input.form-control::placeholder {
    color: #fff;
}
body.dark_mode .insight_analytics .top_section ul.icons li.search input[type="text"] {
    color: #fff;
}