@import "login.css";
@import "crmresponsive.css";
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=delete";
@import "configurator.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";

:root {
    /*theme color*/
    --dark-gray: #515151;
    --lgray: #DFDFDF;
    --lgray1: #F0F0F0;
    --lgray2: #717171;
    --lgray3: #F0F0F0;
    --lgray4: #D5D5D5;
    --lgray5: #E1E1E1;
    --lgray6: #F9F9F9;
    --lgray7: #949494;
    --gray9090: #909090;
    --lgray8: #818181;
    --lgray9: #999999;
    --mgray: #1F1F1F;
    --bg-yellow-3: #FFF9EB;
    --yellowbg4: #FFF9E8;
    --yellowbg5: #E5AF1F;
    --yellow1: #FFCF4E;
    --block1: #222222;
    --blue: #1F74B2;
    --hyperlinkblue: #4F8FF0;
    --orange: #FFC322;
    --orangered: #F07708;
    --yellow1: #FFCF4E;
    --green: #329848;
    --red: #FE1717;
    --lred: #FFB5B5;
    --rejectred: #C31C1C;
    --whitecl: #ffffff;
    --mainlyGreen: #A4C9C2;
    --lightGreen: #CFD5C5;
    --lightbrown: #B4AA99;
    --greenmedium: #649B92;
    --bottleGreen: #35940F;
    --gray6060: #606060;
    --bggray: #F5F5F5;
}


input[type=checkbox] {
    accent-color: #000;
}
input[type=radio] {
    accent-color: #000;
    border: 1.4px solid #000;
}
.w-100per{
    width: 100%;
}
.alignitem_center{
    align-items: center;
}
.name_truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gray909 {
    color: var(--gray9090);
}
.gray_bg {
    background: var(--bggray) !important;
}
.clr717 {
    color: var(--lgray2)
}
.pointer{
    cursor: pointer;
}
.redcolor-text {
    color: var(--red)
}
.mgw-1{
    width: 1%
}
.mgw-5 {
    width: 5%
}
.mgw-20{
   width:20%
}
.mgw-25 {
    width: 25%
}
.mgw-10 {
    width: 10%
}
.mgw-15 {
    width: 15%
}
.w-30px {
    width: 30px;
}
.width70per {
    width: 70%;
}
.width15per {
    width: 15%;
}
.gray60{
    color: var(--gray6060);
}
.reject_redcl{
    color: var(--rejectred);
}
.f_block{
    color: var(--mgray);
}
.margin_l_auto{
    margin-left:auto;
}
.table-layout-fixed{
    table-layout: fixed;
}
.textdecoration_none{
    text-decoration: none;
}
.bluetxt {
    color: var(--hyperlinkblue) !important;
}
.bottle_green{
    color: var(--bottleGreen)
}
.height40{
    height: 40px;
}

.height100vh {
    height: 100vh;
}
.float-right{
    float: right;
}
.bdrradius10 {
    border-radius: 10px;
}
.txt-right{
    text-align: right;
}
.txt-left {
    text-align: left;
}
.lightbrownbg{
    background: var(--lightbrown)
}
.mediumgreenbg{
    background: var(--greenmedium)
}
p{
    padding:0px;
}
.cl_mainly_green{
    color: var(--mainlyGreen)
}
.w40per{
    width:40%;
}
.w25per {
    width: 25%;
}
.w5per {
    width: 5%;
}
.mw100 {
    min-width: 100% !important;
}
.wid_40per{
    width: 40%;
}
.width_fc{
    width: fit-content;
}
.gray7_clr {
    color: var(--lgray7)
}
.red_cl{
    color: var(--red);
}
.green_cl {
    color: var(--green);
}
.mwidth10per{
    min-width: 10%;
}
.mwidth20per {
    min-width: 20%;
}
.mwidth30per {
    min-width: 30%;
}
.w30per{
    width:30%;
}
.mxwidhth30per{
    max-width:30%;
}
.mxwidhth5per {
    max-width: 5%;
}
.mxwidhth10per {
    max-width: 10%;
}
.mxwidhth15per {
    max-width: 15%;
}
.mxwidhth25per {
    max-width: 25%;
}
.mxwidhth20per {
    max-width: 20%;
}
/*select {
    -webkit-appearance: none;
    background: url(/content/css/img/drop-downarrow.png) no-repeat var(--lgray3);
    background-position: 90% center;
    position: relative;
}
select::after{
    content:"";
    position: absolute;
    top:0px;
    right:0px;
}*/
.select .form-control {
    padding: 6px 30px 6px 10px !important;
}
.form-control:focus {
    box-shadow: none;
    border-color: #909090 !important;
}
.addlead_form select {
    background-position: 97% center;
}
.importmapping select {
    background-position: 99% center;
}

select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc) !important;
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em !important;
    background-size: 5px 5px, 5px 5px, 1px 1.5em !important;
    background-repeat: no-repeat !important;
}
.to_groupby .minimal {
    border-radius: 3px !important;
    min-width: 190px;
    padding: 6px 11px;
}

.form-control.minimal {
    box-shadow: none;
    border-radius: 0;
}
.margin-top-value{
    margin-top: 60px;
}
.chosen-container-multi .chosen-choices {
    background-image: none !important;
}
.addmeeting .chosen-choices{
    max-height:100px;
    overflow-y: scroll !important;
}

/*new Dashboard css start*/
.ds_lead_data {
    background: #FFF4D7;
    border-radius: 4px;
    padding: 20px 20px;
    height:133px;
}
.ds_lead_data span {
    font-family: Lato;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}
.ds_lead_data h3 {
    font-family: Lato;
    font-size: 40px;
    font-weight: 700;
    line-height: 57.6px;
    text-align: left;
    margin: 0px;
}
.ds_lead_data ul{
    margin:0px;
    padding:0px;
    display:flex;
    align-items: center;
}
.ds_lead_data ul li span {
    width: 8px;
    height: 8px;
    background: #606060;
    border-radius: 10px;
    display: inline-block;
    margin-right: 5px;
}
.ds_lead_data ul li {
    list-style: none;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.pieID {
    display: inline-block;
    vertical-align: top;
}

.pie {
    height: 200px;
    width: 200px;
    position: relative;
    /*margin: 0 30px 30px 0;*/
}

.pie::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.slice {
    position: absolute;
    width: 200px;
    height: 200px;
    clip: rect(0px, 200px, 200px, 100px);
    animation: bake-pie 1s;
}

.slice span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    clip: rect(0px, 200px, 200px, 100px);
}

.lead_stage {
    border: 1px solid #C1C1C1;
    border-radius: 8px;
    padding: 20px 20px;
    height: 349px;
}
.legend {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: #FFF;
    padding: 15px;
    font-size: 13px;
}
.pie_chart {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* margin-top: 30px; */
    padding: 0px 10px;
    height: 280px;
}
.pie_chart_1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding: 0px 10px;
}
.legend li {
    margin-bottom: 1.5em;
    padding-left: 0.5em;
    position: relative;
}
.legend li:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    z-index: 999;
    left: -20px;
    top: 4px;
}

li.first:before {
    background: rgba(254, 138, 125, 1);
}
li.second:before {
    background: rgba(0, 137, 122, 1);
}
li.third:before {
    background: rgba(136, 150, 255, 1);
}
li.fourth:before {
    background: rgba(255, 195, 34, 1);
}
li.fifth:before {
    background: rgba(255, 195, 34);
}
.today_meeting_right ul{
    display: flex;
    margin:0px;
    padding:0px;
}
.today_meeting_right ul li {
    list-style: none;
    padding: 0px 3px;
}
.today_meeting_right ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #1F1F1F;
    font-weight: 500;
}
.pie_chart p {
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    margin: 0px;
}
.pie_chart span {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: var(--gray6060)
}
.pie_chart em {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    font-style: normal;
    color: var(--gray6060);
    margin-left:2px;
}

.legend em {
    font-style: normal;
}

.legend span {
    float: right;
}

.today_screening {
    border: 1px solid #C1C1C1;
    padding: 20px 20px;
    border-radius:8px;
    min-height: 340px;
    position: relative;
}
.no-task {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.meetings_list {
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 15px;
}
.meetings_list ul {
    display: flex;
    align-items: center;
    margin:5px 0px;
    padding: 0
}
    .meetings_list ul li {
        list-style: none;
        font-family: Lato;
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
        margin-right:30px;
    }
        .meetings_list ul li:last-child{
            margin-right:0px;
        }
        /*new Dashboard css end*/
        /*form field css start*/
        .select-box {
            border: 1px solid #ccc;
            padding: 5px 10px;
            border-radius: 3px;
            background-image: url("../../assets/img/Vector.png") !important;
            background-position: calc(100% - 16px) 14px,100% 0;
            background-size: 12px;
            background-repeat: no-repeat;
            -webkit-appearance: none;
            -moz-appearance: none;
        }
/*form field css end*/
.shade_style {
color: var(--dark-gray);
font-size: 14px;
}

.whitecl {
color: var(--whitecl);
}

.whitebg {
background-color: var(--whitecl);
}

.graycl2 {
color: var(--lgray2);
}

.gray71 {
color: var(--lgray2);
}

.bluebg {
background-color: var(--blue);
}

.redbg {
background-color: var(--lred);
}
.yellowbg {
    color: black !important;
    background-color: var(--yellow1);
}
.yellowclr {
    color: var(--yellow1)
}
.greenbg {
    background-color: var(--green)
}
.yellowshadebg {
background-color: var(--yellow1);
}
.txt_info {
    width: 22px;
    height: 22px;
    border-radius: 20px;
    background: var(--yellow1);
    display: inline-block;
    position: relative;
    top: -14px;
}
.txt_info i {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
}

.txt_td_overflow {
    position: relative;
}

.txt_td_overflow .txt_trancate {
position: absolute;
}

.txt_trancate {
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}

.ellipsis {
position: relative;
}

.ellipsis:before {
content: ' ';
visibility: hidden;
height: 1px;
}

.active_left .ellipsis span {
left: 0px;
}

.ellipsis span {
position: absolute;
left: 10px;
right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}

.cancel_btn {
    border: 1px solid var(--mgray);
    background-color: var(--whitecl);
    padding: 4px 20px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 14px;
    color: var(--mgray);
}

.disable_btn {
    background-color: var(--lgray);
    color: #B6B6B6;
    padding: 4px 20px;
    border-radius: 3px;
    border: none;
    text-decoration: none;
    font-size: 14px;
}

.fs11 {
font-size: 11px;
}

.fs12 {
font-size: 12px;
}
.fs13 {
    font-size: 13px !important;
}

.fs14 {
font-size: 14px;
}
.fs15 {
    font-size: 15px;
}

.fs16 {
font-size: 16px;
}

.fs18 {
font-size: 18px !important;
}

.fs20 {
font-size: 20px !important;
}

.fs22 {
font-size: 22px;
}
.fs24 {
    font-size: 24px;
}

.fs26 {
font-size: 26px;
}
.fs30 {
    font-size: 30px;
}
.fw300 {
font-weight: 300;
}

.fw400 {
font-weight: 400;
}

.fw500 {
font-weight: 500;
}

.fw600 {
font-weight: 600;
}
.fw700 {
    font-weight: 700;
}
/*margin css*/
.m-0 {
margin: 0px;
}

.ml5 {
margin-left: 5px;
}

.ml10 {
margin-left: 10px;
}

.ml15 {
margin-left: 15px;
}

.ml20 {
margin-left: 20px;
}
.ml25 {
    margin-left: 25px;
}

.ml30 {
margin-left: 30px;
}

.mr5 {
margin-right: 5px;
}

.mr10 {
margin-right: 10px;
}

.mr15 {
margin-right: 15px;
}

.mr20 {
margin-right: 20px;
}

.mr25 {
margin-right: 25px;
}
.mr40 {
    margin-right: 40px;
}
.mt5 {
margin-top: 5px;
}
.mt2 {
    margin-top: 2px;
}
.mt10 {
margin-top: 10px;
}

.mt15 {
margin-top: 15px;
}

.mt20 {
margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mt100 {
    margin-top: 100px;
}

.mb0 {
margin-bottom: 0px;
}

.mb5 {
margin-bottom: 5px;
}

.mb10 {
margin-bottom: 10px !important;
}

.mb15 {
margin-bottom: 15px;
}

.mb20 {
margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
/*padding css*/
.p-0 {
padding: 0px;
}

.p-l-0 {
padding-left: 0px;
}

.p-r-0 {
padding-right: 0px !important;
}

.pl5 {
padding-left: 5px;
}

.pl10 {
padding-left: 10px !important;
}

.pl15 {
padding-left: 15px;
}

.pl20 {
padding-left: 20px;
}

.pr5 {
padding-right: 5px;
}

.pr10 {
padding-right: 10px !important;
}

.pr15 {
padding-right: 15px;
}

.pr20 {
padding-right: 20px;
}

.pt5 {
padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
padding-top: 15px;
}

.pt20 {
padding-top: 20px;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
padding-bottom: 15px;
}

.pb20 {
padding-bottom: 20px;
}
.pb40 {
    padding-bottom: 40px;
}

.w100px {
width: 100px;
}

.w170px {
    width: 70px;
}

.w140px {
width: 140px;
}

.w100per {
width: 100% !important;
}

/*border css*/
.broder_bottom {
border-bottom: 1px solid var(--lgray5);
}

select {
width: 100%;
}

.inner_page {
   /* margin-top: 80px;*/
    padding: 0px 40px 10px 40px;
    pa
}
.header_inner {
    padding: 0px 40px;
}

.fa-circle-o-notch:before {
    color: #7cc360;
}

.border_btn {
    border: 1px solid var(--mgray);
    padding: 0px 15px;
    color: var(--mgray);
    text-decoration: none;
    border-radius: 3px;
    font-size: 14px;
    white-space: nowrap;
    background: transparent;
    min-width: 90px;
    height: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.border_btn:hover {
color: var(--mgray);
}

.border_btn_disabled {
    border: 1px solid #C1C1C1;
    width: 106px;
    height: 29px;
    color: #909090;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    font-weight: 400;
    background: transparent;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yellow_btn {
    background-color: var(--yellow1);
    color: var(--mgray);
    text-decoration: none;
    border-radius: 3px;
    font-size: 14px;
    border: none;
    white-space: nowrap;
    border: 1px solid var(--yellow1);
    min-width: 90px;
    height: 29px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px 15px;
}

.yellow_btn:hover {
color: var(--mgray);
}

table {
width: 100%;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
transition: all 0.5s;
z-index: 9999;
padding: 0px 0;
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
}

#header.header-scrolled,
#header.header-inner-pages {
background: rgba(0, 0, 0, 0.8);
}

#header .logo {
font-size: 32px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}

#header .logo a {
color: #fff;
}
#header a.logo:hover {
    text-decoration: none;
    border: none;
}
    #header a.dropdown-toggle {
        text-decoration: none;
    }
    #header a.dropdown-toggle:hover {
        border: none;
        color: #4e4e4e;
    }
#header .logo a span {
    color: var(--yellow1);
}

#header .logo img {
max-height: 44px;
}

#header .dropdown-menu.show {
    left: 0px;
    border-radius:0px;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
    /**
* Desktop Navigation 
*/
    /*.navbar {
padding: 0;
margin-left: 10px;
}*/
    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
    }

.navbar li {
position: relative;
padding: 10px 0 10px 30px;
}

.navbar a,
.navbar a:focus {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px;
font-size: 15px;
font-weight: 400;
color: #1f1f11;
white-space: nowrap;
transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover > a {
color: var(--yellow1);
border-bottom: 2px solid var(--yellow1);
}

.navbar .dropdown ul {
display: block;
position: absolute;
left: 14px;
top: calc(100% + 30px);
margin: 0;
padding: 10px 0;
z-index: 99;
opacity: 0;
visibility: hidden;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: 0.3s;
}
.navbar .dropdown ul a {
padding: 10px 20px;
font-size: 14px;
text-transform: none;
color: #151515;
font-weight: 400;
}

.navbar .dropdown ul a i {
font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover > a {
background-color: var(--yellow1);
}

/*.navbar .dropdown:hover > ul {
opacity: 1;
top: 100%;
visibility: visible;
}*/

#header .dropdown-menu.show {
    opacity: 1 !important;
    top: 100%;
    visibility: visible !important;
    display: block !important;
    top: calc(100% + 20px) !important;
    padding: 0px !important;
}
    #header .dropdown-menu.show li {
        padding: 0px !important;
    }
#header .dropdown-menu.show li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}
    #header .dropdown-menu.show li a:hover{
        background: #fff;
        border:none;
    }
    .navbar .dropdown .dropdown ul {
        top: 0;
        left: calc(100% - 30px);
        visibility: hidden;
    }

.l_filer_icon .dropdown-menu.show {
    top: calc(100% + -15px) !important;
    left: -65px !important;
    border: 0;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    padding: 8px 8px !important;
}

.dropdown-item {
    color: var(--block1);
    font-size: 14px;
}
.navbar .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul {
left: -90%;
}

.navbar .dropdown .dropdown:hover > ul {
left: -100%;
}
}


/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
color: #fff;
font-size: 28px;
cursor: pointer;
display: none;
line-height: 0;
transition: 0.5s;
}

@media (max-width: 991px) {
.mobile-nav-toggle {
display: block;
}

.navbar ul {
display: none;
}
}

.navbar-mobile {
position: fixed;
overflow: hidden;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
transition: 0.3s;
z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
position: absolute;
top: 15px;
right: 15px;
}

.navbar-mobile ul {
display: block;
position: absolute;
top: 55px;
right: 15px;
bottom: 15px;
left: 15px;
padding: 10px 0;
background-color: #fff;
overflow-y: auto;
transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
padding: 10px 20px;
font-size: 15px;
color: #151515;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover > a {
color: #151515;
background-color: var(--yellow1);
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
margin: 15px;
}

.navbar-mobile .dropdown ul {
position: static;
display: none;
margin: 10px 20px;
padding: 10px 0;
z-index: 99;
opacity: 1;
visibility: visible;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
min-width: 200px;
}

.navbar-mobile .dropdown ul a {
padding: 10px 20px;
color: #151515;
}

.navbar-mobile .dropdown ul a i {
font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover > a {
background-color: var(--yellow1);
}

.navbar-mobile .dropdown > .dropdown-active {
display: block;
}

.has-search {
    position: relative;
    padding-right: 10px;
}
.form-control {
    border-color: #909090;
    font-size: 13px;
    border-radius: 4px !important;
    height: 40px;
}
.has-search .form-control {
    background: #fff;
    border: none;
    width: 250px;
    font-size: 13px;
    height: 33px;
    padding: 0px 0px 0px 15px;
    border: 1px solid #f2f2f2;
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.has-search .input-group-append{
    position: absolute;
    right:0px;
}
.has-search .input-group-append .search_icon{
    height: 34px;
}
.search_icon {
    width: 40px;
    position: relative;
    height: 35px;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #f2f2f2;
}

.head_icon {
position: relative;
margin: 0px 15px;
padding: 6px 10px;
display:flex;
}

.head_profile {
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 50%;
}
.head_profile img{
height: 100%;
}
.head_icon::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background: #909090;
}

.head_icon::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background: #909090;
}

.head_icon a {
color: var(--dark-gray);
text-decoration: none !important;
padding: 0px 10px !important;
}
.head_icon a:hover{
    text-decoration: none;
    border: none
}
/*--------------------------------------------------------------
# Leads page
--------------------------------------------------------------*/
.leads_table {
    border: 1px solid var(--lgray);
    border-radius: 6px;
}
    .leads_table table{
        table-layout: fixed;
    }

    ul.lead_history {
        padding: 0px;
    }
.lead_history li {
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 19px;
    padding-left: 30px;
    position: relative;
}
.lead_history li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #FFCF4E;
    border-radius: 20px;
}
.lead_history li:after {
    content: "";
    width: 1px;
    background: #C4C4C4;
    height: 100%;
    position: absolute;
    left: 10px;
    top: 20px;
}
.lead_history li:last-child:after {
    display: none;
}
.leads_table table th:first-child {
    border-top-left-radius: 6px;
}

.leads_table table th, td {
text-align: center;
}

.leads_table table th {
font-weight: 400;
background-color: var(--bg-yellow-3);
padding: 15px 10px;
border-bottom: 1px solid var(--lgray);
color: var(--dark-gray);
}

.leads_table table td {
font-weight: 500;
padding: 10px 10px;
color: var(--dark-gray);
font-size: 14px;
}
.grey_clr {
    color: var(--dark-gray);
}
.contact_page table td {
    padding: 15px 5px;
}


    .leads_table table tr {
        border-bottom: none;
        border-top: 1px solid var(--lgray);
    }

.lead_table_filer label {
color: var(--lgray2);
}

.lead_table_filer select {
    /*background: var(--lgray3);*/
    border: none;
    width: 60px;
    padding: 4px 10px;
    height: 30px;
    margin-top: 3px;
}

.lead_table_filer select:focus-visible {
box-shadow: none;
border: none;
}

.l_filer_icon a {
    color: var(--lgray4);
    text-decoration: none;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 5px;
}
.l_filer_icon a i {
    border: 1px solid var(--lgray4);
    width: 30px;
    display: inline-block;
    height: 30px;
    vertical-align: -webkit-baseline-middle;
    text-align: center;
    border-radius: 3px;
    padding-top:5px;
}
.l_filer_icon a i:hover {
    border-color: var(--mgray);
    color: var(--mgray);
}

.l_filer_icon a.active {
    border-color: var(--mgray);
    color: var(--mgray);
}

.l_filer_icon a.dropdown-item:hover {
    background: #FFCF4E;
    color: #222;
    border-radius: 19px;
    width: fit-content;
}
.l_filer_icon a.dropdown-item:focus {
    background: #FFCF4E;
    color: #222;
}
.ph_number {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: -30px;
}
.contact_page .ellipsis span {
    text-align: center;
    bottom: 10px;
}
.contactlist_task a.dropdown-item:hover {
    background: #FFCF4E;
    color: #222;
    border-radius: 19px;
    width: fit-content;
}
.contactlist_task a.dropdown-item:focus {
    background: #FFCF4E;
    color: #222;
}
/*pagination style*/
.pagenation_style ul li a {
    border: none;
    color: var(--mgray);
    font-weight: 600;
    margin: 0px;
    padding: 0px 5px;
}
.pagenation_style ul li:last-child{
    position: absolute;
    right:0px;
}
.pagenation_style{
    position: relative;
}

.pagenation_style ul li td a.page_number {
    background: var(--lgray1);
    border-radius: 3px;
    padding: 5px 9px;
}
.pagenation_style ul li td a{
    text-decoration: none;
    margin: 0px 5px;
       
}

.pagenation_style ul li td a.selected {
    background: var(--yellow1);
}

/*add lead css*/
.addlead_form .col-form-label {
    text-align: right;
    color: var(--mgray);
    font-size: 14px;
    white-space: nowrap;
}
.addleadform .col-form-label {
    color: var(--mgray);
    font-size: 14px;
    width: 100%;
}
.addleadform .form-group{
    width: 90%;
}

.addlead_form .col-form-label sup {
    color: #ff0000;
}

/*passion organization css*/

.passion_left {
background: var(--lgray6);
border-radius: 6px;
padding: 20px 20px;
}
.passion_left h4 {
    color: #1F1F1F;
}

.lead_summery a {
    text-decoration: none;
    color: var(--mgray);
    margin: 0px 10px;
}

.lead_summery a i {
border: 1px solid var(--block1);
width: 30px;
text-align: center;
border-radius: 50%;
height: 30px;
padding-top: 1px;
}

.passion_left table tr td {
    text-align: left;
    font-size: 14px;
    display: inline-block;
    font-weight: 700;
    vertical-align: middle;
    line-height: normal;
    padding-bottom: 12px;
    
}
.passion_left table tr td:nth-of-type(2) {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    font-weight: 500;
}
.passion_left table .btn.disabled {
    border: none;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{
    border:none;
}
.passion_left .ellipsis {
    width: 50%;
}

.sm_haddles {
background-color: var(--lgray6);
padding: 10px 10px;
border-radius: 6px;
}

    .sm_haddles a {
        text-decoration: none;
        /*color: var(--mgray);*/
        /*height:30px;*/
        max-width: 85%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px;
        cursor: pointer;
    }

.sm_haddles .dropdown-menu.show {
    margin-top: 46px;
    margin-left: -10px;
    top: 0px !important;
    transform: translate(10px, 10px) !important;
    width: 100%;
    border: none;
    padding: 11px 8px !important;
    margin-bottom: 30px;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.sm_haddles .dropdown-menu a:hover {
    background: transparent;
}

.sm_haddles button.dropdown-toggle {
    padding: 0;
    font-size: 16px;
    flex: inherit;
    padding-left: 10px;
    text-align: left;
    width: 100%;
}
.sm_haddles button.dropdown-toggle:focus{
    border:none;
}
.sm_haddles button.dropdown-toggle:not(focus) {
    border: none;
}
.sm_haddles button.dropdown-toggle i {
    float: right;
    height:15px;
}
.sm_haddles button.dropdown-toggle:after {
    display: none
}

.sm_haddles .btn-group{
    width:100%;
}
.sm_haddles .yellow_btn:hover {
    background: var(--yellow1) !important;
}
.sm_haddles .dropdown-menu {
    transform: inherit !important;
    width: 100%;
    margin-top: 46px;
    margin-left: -10px;
    top: 0px !important;
    transform: translate(10px, 10px) !important;
    width: 100%;
    border: none;
    padding: 11px 8px !important;
    margin-bottom: 30px;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.po_tabs .nav-link.active {
    background-color: var(--yellow1) !important;
    border: none;
    border-radius: 6px !important;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.po_tabs .nav-link {
background: var(--lgray6);
color: var(--mgray);
padding: 10px 20px;
font-weight: 600;
}

.po_tabs .nav-link:hover {
border-color: var(--lgray6) !important;
color: #151515;
}

.po_tabs ul.nav-tabs {
display: flex;
justify-content: center;
border: none;
}

.po_tabs .nav-item:first-child .nav-link {
border-radius: 6px 0px 0px 6px;
}

.po_tabs .nav-item:last-child .nav-link {
border-radius: 0px 6px 6px 0px;
}

.po_tabs .nav-item:nth-child(2) .nav-link {
border-radius: 0px;
}

ul.po_history li {
display: block;
padding: 20px 0px 0px 30px;
position: relative;
font-size: 14px;
font-weight: 600;
color: var(--mgray);
}

ul.po_history li::before {
content: "";
position: absolute;
left: 0;
top: 22px;
width: 1px;
height: 100%;
background: #C4C4C4;
}

ul.po_history li:last-child:before {
display: none;
}

ul.po_history li::after {
    content: "";
    position: absolute;
    left: -9px;
    top: 20px;
    width: 18px;
    height: 18px;
    background: #FFCF4E;
    border-radius: 16px;
}


/*lead oppertunity css*/
.l_initial {
border: 1px solid var(--blue);
padding: 5px 8px;
border-radius: 3px;
}

.l_qualified {
border: 1px solid var(--orange);
padding: 5px 8px;
border-radius: 3px;
}

.l_commercial {
border: 1px solid var(--orangered);
padding: 5px 8px;
border-radius: 3px;
}

.l_won {
border: 1px solid var(--green);
padding: 5px 8px;
border-radius: 3px;
}

.l_lost {
border: 1px solid var(--red);
padding: 5px 8px;
border-radius: 3px;
}

.discussion_table span.dt_tittle {
padding: 3px 15px;
border-radius: 20px;
display: inline-block;
}

.discussion_table {
border: 1px solid var(--lgray);
padding: 0px;
margin: 15px 0px;
border-radius: 6px;
min-height:190px;
position:relative;
}

.discussion_table table tr td {
text-align: left;
font-size: 14px;
display: inline-block;
padding: 3px 5px;
}

.dis_tablebottom {
    border-top: 1px solid var(--lgray);
    padding: 3px 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/*Lead import css*/
.importcontainer {
margin:20px auto;
width: 250px;
min-height: 300px;
text-align: center;
}

.file_import {
padding: 25px 10px;
border-radius: 6px;
display: flex;
flex-direction: column;
align-items: center;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 12' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e");
border-radius: 12px;
}

.file_import p {
color: var(--mgray);
font-weight: 600;
}

.mapping_field label {
display: block;
width: 100%;
font-size: 16px;
color: var(--mgray);
}

.clone_popup .select-box {
padding: 10px 10px;
text-align: center;
background-position: calc(100% - 16px) 18px,100% 0;
}

.contact_action {
    text-decoration: none;
    color: var(--mgray);
}
    .contact_action i:before{
        width:100%;
        display:inline-block
    }
    .viewoppertunity_table tr td {
        text-align: left;
        padding: 10px 10px;
        font-size: 16px;
        color: #1F1F1F;
        font-family: Lato;
    }

/*Lead import css end*/


/*checkbox and radio button css start*/

.check_box {
    position: relative;
    width: 23%;
    margin: 0px auto;
}

.radio_box {
position: relative;
}

@keyframes hover-color {
from {
border-color: #c0c0c0;
}

to {
border-color: #3e97eb;
}
}

.magic-radio,
.magic-checkbox {
position: absolute;
display: none;
}

.magic-radio[disabled],
.magic-checkbox[disabled] {
cursor: not-allowed;
}

.magic-radio + label,
.magic-checkbox + label {
position: relative;
display: block;
padding-left: 30px;
cursor: pointer;
}

.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
animation-duration: 0.4s;
animation-fill-mode: both;
animation-name: hover-color;
}

.magic-radio + label:before,
.magic-checkbox + label:before {
position: absolute;
top: 3px;
left: 0;
display: inline-block;
width: 17px;
height: 17px;
content: '';
border: 1px solid #c0c0c0;
}

.magic-radio + label:after,
.magic-checkbox + label:after {
position: absolute;
display: none;
content: '';
}

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
cursor: not-allowed;
color: #e4e4e4;
}

.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
cursor: not-allowed;
}

.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {
border: 1px solid #e4e4e4;
animation-name: none;
}

.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {
border-color: #e4e4e4;
}

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
animation-name: none;
}

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
display: block;
}

.magic-radio + label:before {
border-radius: 50%;
}

.magic-radio + label:after {
top: 7px;
left: 4px;
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--mgray);
}

.magic-radio:checked + label:before {
border: 1px solid var(--mgray)
}

.magic-radio:checked[disabled] + label:before {
border: 1px solid #c9e2f9;
}

.magic-radio:checked[disabled] + label:after {
background: #c9e2f9;
}

.magic-checkbox + label:before {
border-radius: 3px;
}

.magic-checkbox + label:after {
top: 5px;
left: 6px;
box-sizing: border-box;
width: 5px;
height: 10px;
transform: rotate(45deg);
border-width: 2px;
border-style: solid;
border-color: #fff;
border-top: 0;
border-left: 0;
}

.magic-checkbox:checked + label:before {
border: var(--yellow1);
background: var(--yellow1);
}

.magic-checkbox:checked[disabled] + label:before {
border: #c9e2f9;
background: #c9e2f9;
}

/*checkbox and radio button css end*/

/*browse button css start*/
.upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
}

.upload-btn-wrapper .btn {
border: 2px solid var(--yellow1);
background: var(--yellow1);
color: var(--mgray);
padding: 3px 15px;
border-radius: 3px;
font-size: 16px;
font-weight: 600;
}

.upload-btn-wrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}

.mp_btn {
position: absolute;
right: -125px;
top: 4px;
background: var(--yellow1);
color: var(--mgray);
border-radius: 3px;
width: auto !important;
text-decoration: none;
font-size: 14px;
padding: 2px 0px;
font-weight: 600;
}
/*browse button css end*/


/*contact css start*/
.contact_page .dropdown-menu.show {
    left: -50px !important;
    display: block;
    width: 107px;
    min-width: inherit;
    box-shadow: -3px -3px 9px 0px rgba(0, 0, 0, 0.15);
    border: none;
    top: calc(100% + -18px) !important;
    padding: 10px 10px !important;
}

.contact_notes .dropdown-menu.show {
    top: calc(100% + -18px) !important;
    transform: translate(0px, 15px) !important;
    width: 100px;
    max-width: 100px;
    min-width: inherit;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border: none;
    padding: 5px 5px !important;
    right: 55ps !important;
    left: auto !important;
}
.contact_notes .dropdown-menu.show a {
    padding: 2px 10px;
    margin-bottom: 5px;
}
    .contact_notes .dropdown-menu.show a:hover {
        background: var(--yellow1);
        border-radius: 12px;
        width: fit-content;
    }
.contact_page .dropdown-menu.show a {
    padding: 2px 10px;
    margin-bottom: 5px;
}
.task_corner .dropdown-menu.show a {
    padding: 2px 10px;
    margin-bottom: 5px;
}
.task_corner .dropdown-menu.show a:hover {
    background: var(--yellow1);
    border-radius: 12px;
    width: fit-content;
}
.task_corner p{
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.contact_notes {
    border: 1px solid var(--lgray);
    padding: 10px 10px;
    border-radius: 3px;
}

.task_corner {
background: var(--whitecl);
border: 1px solid var(--lgray);
padding: 10px 10px;
border-radius: 3px;
position:relative;
}
    .task_corner .dropdown-menu {
        min-width: inherit;
        top: 0px !important;
        right: 24px !important;
        left: -69px !important;
        max-width: 85px;
        padding: 5px 5px !important;
    }

.high_priority {
    border-radius: 14px;
    padding: 3px 10px;
    color: var(--mgray) !important; 
    font-weight: 500;
    background: #FFB5B5;
    font-size: 12px;
}
.medium_priority {
    border-radius: 14px;
    padding: 3px 10px;
    color: var(--mgray);
    font-weight: 500;
    background: #FFE747;
    font-size: 12px;
}
.low_priority {
    border-radius: 14px;
    padding: 3px 10px;
    font-weight: 500;
    background: #D3EAFF;
    font-size: 12px;
}
/*contact css end*/
.input-group-text {
background: transparent !important;
border-left: 0 !important;
border-radius: 0px 3px 3px 0px !important;
}

/*.addnotes {
display: none;
}
*/
.addnotesnew {
display: none;
}

.bg-black {
display: block;
}

.bg-blacknew {
display: block;
}

/*opeertunites page css start*/
.opp_tabs ul {
border: none;
}

.opp_tabs ul li a.active {
background: var(--yellowbg4) !important;
border: 1px solid var(--yellowbg5) !important;
color: var(--yellowbg5) !important;
border-radius: 34px;
padding: 5px 15px;
}

.opp_tabs ul li a {
border: 1px solid var(--lgray9) !important;
color: var(--lgray9);
border-radius: 18px !important;
padding: 5px 15px !important;
}

.add_additonal_information .yellow_btn {
padding: 9px 30px;
}
/*oppertunites page css end*/

.oppertunity_steps {
    background: #fff;
    border-radius: 6px;
    padding: 20px 0px 10px 0px;
    margin-bottom: 30px;
    border: 1px solid #D1D1D1;
}
.opp_steps .dropdown-menu {
    display: none
}
.opp_steps .dropdown-menu {
    min-width: fit-content;
    top: calc(100% + -31px) !important;
    padding: 7px 7px;
}
/*.opp_steps {
    background: #FFF9EB;
    padding: 0px 10px;
}*/
.opp_steps .dropdown-toggle {
    background: transparent;
    border: none;
    color: #222 !important;
    align-items: center;
}
.opp_steps .dropdown-toggle:focus{
    background: none;
}
/*.opp_steps .dropdown-menu.show {
    top: calc(100% + -25px) !important;
    min-width: fit-content;
    padding:10px 10px;
}*/
.opp_steps .dropdown-menu a{
    text-align:center;
    font-size: 12px;
}
.opp_steps .dropdown-menu a:hover{
    background: var(--yellow1);
}
/* progress steps css start*/
.progressbar {
    counter-reset: step;
}

.progressbar li {
list-style: none;
display: inline-block;
min-width: 30%;
position: relative;
text-align: center;
cursor: pointer;
}

.progressbar li:before {
    content: "";
    counter-increment: step;
    width: 24px;
    height: 24px;
    line-height: 30px;
    border: 2px solid var(--lgray4);
    border-radius: 100%;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    background-color: #fff;
    z-index: 2;
    position: relative;
}

.progressbar li:last-child:after {
content: none;
}

.progressbar li.active {
color: var(--mgray);
}

.progressbar li:after {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #DFDFDF !important;
    top: 12px;
    z-index: 1;
    left: 50%;
}

.progressbar li.active:before {
    background-color: var(--yellow1);
}

.progressbar li.active + li:after {
    background-color: var(--yellow1);
}

    .progressbar li.qualified:before {
        border-color: var(--yellow1);
        background: var(--yellow1);
        content: "\eb7b";
        font-family: 'remixicon' !important;
        justify-content: center;
        display: flex;
        align-items: center;
    }

.progressbar li.confirmed:before {
    border-color: var(--orangered);
    background: var(--orangered);
    content: "\f00c";
    font: normal normal normal 14px / 1 FontAwesome;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #fff;
}
.progressbar li.won:before {
    border-color: var(--green);
    background: var(--green);
    content: "\f00c";
    font: normal normal normal 14px / 1 FontAwesome;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #fff;
}
    .progressbar li.reject:before {
        border-color: var(--rejectred);
        background: var(--rejectred);
        content: "\f00d";
        font: normal normal normal 14px / 1 FontAwesome;
        justify-content: center;
        display: flex;
        align-items: center;
        color: #fff;
    }
    .progressbar li.lost:before {
        border-color: var(--red);
        background: var(--red);
        content: "\f00d";
        font: normal normal normal 14px / 1 FontAwesome;
        justify-content: center;
        display: flex;
        align-items: center;
        color: #fff;
    }
.l_filer_icon a {
    color: var(--lgray4);
    text-decoration: none;
    border-radius: 3px;
}
.l_filer_icon a i {
    border: 1px solid var(--lgray4);
    width: 30px;
    display: inline-block;
    height: 30px;
    vertical-align: -webkit-baseline-middle;
    text-align: center;
    border-radius: 3px;
}
.l_filer_icon a i:hover {
    border-color: var(--mgray);
    color: var(--mgray);
}
/*progress steps css end*/

.errormsg {
    color: #FE1717;
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size:12px;
}
.filename{
    width:100%;
    display: block;
}
.pwd_icon {
    position: absolute;
    right: 5px;
    z-index: 3;
}
.alert {
    /*    position: fixed;
    top: 15%;*/
    /*left: 56px;*/
    left: 102px;
    border: 0;
    padding: 5px 10px 5px 10px;
    width: auto;
    z-index: 10000;
    max-width: fit-content;
    word-wrap: break-word;
   /* background: rgb(126, 189, 77);*/
    color: #fff;
    border-radius: 0;
    position: absolute;
}
.close {
    position: relative;
    right: 0px;
    border: none;
    background: transparent;
    color: #fff;
}

.alert > span:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    left: -7px;
    top: 10px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}


.alert.alert-success > span:before {
    border-right: 7px solid rgb(126, 189, 77);
}

.alert:after {
    content: url(../css/img/flight_white.png);
    position: absolute;
    width: 42px;
    height: 42px;
    left: -55px;
    top: -6px;
    border-radius: 100%;
    font-family: ionicons;
    padding: 13px 14px;
}

.alert.alert-success:after {
    background-color: rgb(126, 189, 77, .7);
    content: url(../css/img/flight_white.png);
}

.alert:before {
    content: "";
    position: absolute;
    width: 52px;
    height: 52px;
    left: -60px;
    border-radius: 100%;
    top: -11px;
    animation: scale 1s infinite;
    animation-direction: alternate;
}
.alert-success {
    background-color: rgb(126, 189, 77);
}
/*.success_msg .alert.alert-danger:before {
    background: #ca4848;
}*/
.alert.alert-success:before {
    background-color: rgb(126, 189, 77, .9);
}

/*aler danger message*/

.alert-danger {
    background: #ad2929
}
    .alert-danger > span:before {
        border-right: 7px solid #ad2929;
    }

.alert.alert-danger:after {
    background: #ad2929;
}
/*
.dangermsg .alert {
    left: 102px;
    border: 0;
    padding: 5px 10px 5px 10px;
    width: auto;
    z-index: 10000;
    max-width: fit-content;
    word-wrap: break-word;
    background: rgb(233, 116, 116);
    color: #fff;
    border-radius: 0;
    position: absolute;
}

.dangermsg .alert.alert-danger:before {
    background: rgb(233, 116, 116, 0.9);
}

.dangermsg .close {
    position: relative;
    right: 0px;
    border: none;
    background: transparent;
    color: #fff;
}

.dangermsg .alert > span:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    left: -7px;
    top: 10px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.dangermsg .alert.alert-danger > span:before {
    border-right: 7px solid rgb(233, 116, 116);
}

.dangermsg .alert.alert-success > span:before {
    border-right: 7px solid rgb(126, 189, 77);
}

.dangermsg .alert:after {
    content: url(../css/img/flight_white.png);
    position: absolute;
    width: 42px;
    height: 42px;
    left: -55px;
    top: -6px;
    border-radius: 100%;
    font-family: ionicons;
    padding: 13px 14px;
}

.dangermsg .alert.alert-danger:after {
    background: #ad2929;
}

.dangermsg .alert.alert-success:after {
    background-color: rgb(126, 189, 77, .7);
    content: url(../css/img/flight_white.png);
}

.dangermsg .alert:before {
    content: "";
    position: absolute;
    width: 52px;
    height: 52px;
    left: -60px;
    border-radius: 100%;
    top: -11px;
    animation: scale 1s infinite;
    animation-direction: alternate;
}*/

/*.success_msg .alert.alert-danger:before {
    background: #ca4848;
}*/

.success_msg .alert.alert-success:before {
    background-color: rgb(126, 189, 77, .9);
}






.delete_mess_head {
    text-align: center;
    padding: 10px 30px;
    font-size: 22px;
}
.modal-trash {
    font-size: 37px;
    display: flex;
    justify-content: center;
    color: #ff7474;
    margin: 5px 0px;
}
.add_delete_btn {
    width: 30px;
    height: 30px;
    text-align: center;
    background: var(--yellow1);
    color: var(--block1);
    justify-content: center;
    align-items: center;
    border-radius: 17px;
    text-decoration: none;
    margin-left: auto;
}
.postion_adddeletebtn {
    right: -5px;
    position: absolute;
    top: -8px;
}
.lead_opp_detail .add_delete_btn{
    width:20px;
    height:20px;
}

body.modal-open .modal-backdrop.fade {
    opacity: .5;
}
body.modal-open .fade:not(.show) {
    opacity: 1;
    background: rgba(0,0,0,.5);
    position: fixed;
}
body.modal-open .modal.fade .modal-dialog {
    transform: translate(0,50px);
}
.modal-dialog {
    width: inherit;
    max-width: inherit;
}
.modal-content{
    background: inherit
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-open::-webkit-scrollbar {
    display: none;
}
.sm_haddles .dropdown-menu.show {
    margin-top: 46px;
    margin-left: -10px;
    top: 0px !important;
    transform: translate(10px, 10px) !important;
    width: 100%;
    border: none;
    padding: 11px 8px !important;
    margin-bottom: 30px;
    /*box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
}
.doc_delelte {
    position: absolute;
    top: 0px;
    right: 5px;

}

select {
    /* Reset Select */
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    padding: 0 1em;
    color: #fff;
    background-color: var(--darkgray);
    background-image: none;
    cursor: pointer;
}
    /* Remove IE arrow */
    select::-ms-expand {
        display: none;
    }
/* Custom Select wrapper */
.select {
    position: relative;
    display: flex;
    overflow: hidden;
    color: #222;
}
.page_filter {
    background: var(--lgray3);
    border-radius: 0.25em;
}
/* Arrow */
.select::after {
    content: "\f0d7";
    position: absolute;
    top: 0;
    right: 10px;
    padding: 13px 15px 12px 8px;
    transition: 0.25s all ease;
    pointer-events: none;
    font: normal normal normal 14px/1 FontAwesome;
}
/* Transition */
.select:hover::after {
    color: #222;
}
.input-group-btn {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    /* background-color: #eee; */
    border: 1px solid #4e4e4e;
    border-radius: 0px;
    margin-left: -1px;
    border-left: none !important;
}
.glyphicon-chevron-right:before {
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
}
.glyphicon-chevron-left:before {
    content: "\f100";
    font: normal normal normal 14px/1 FontAwesome;
}

/*.delete_message .alert{
    background: #ca4848 !important;
}*/
.add_link{
    text-decoration:none;
}
.add_link span {
    border-bottom: 1px solid var(--hyperlinkblue);
}
.addnotes .cke_reset {
    height: 160px !important;
}
.addnotes .cke_1.cke_chrome {
    border: none !important;
    box-shadow: none !important;
}
.addnotes {
    height: 370px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding:10px 10px;
}

.addnotes input {
    border: none;
    font-size: 16px;
    font-weight: 500;
}

.cke_bottom {
    display: none !important;
    visibility:hidden !important;
}
.notes_form{
    height:89%;
}
.notes_btn{
    border-top:1px solid #ccc;
    padding:10px 0px;
}

.add_task {
    border: 1px solid var(--lgray);
    border-radius: 3px;
    margin-top:10px;
    padding:10px 10px;
}
.add_task .form-control{
    border:none;
    border-bottom:2px solid var(--lgray);
    margin-bottom:10px;
}
.add_task .input-group-btn {
    border: none;
    border-bottom: 2px solid var(--lgray);
    margin-bottom: 10px;
}
#personalDetail table tr td {
    text-align: left;
    font-size: 14px;
    display: table-cell;
    font-weight: 600;
    min-width: 40%;
}
#personalDetail table tr td span{
    font-weight:600;
}

/*scrollbar css start*/
.scrolleralert {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
    max-height: 79rem;
    width: 100% !important;
}

.scrolleralert .ps-scrollbar-x-rail {
    display: none !important;
}

/*scrollbar css end*/

/*Dashboard css start*/
.lead_table {
    border: 1px solid #C4C4C4;
    border-radius: 6px;
    padding: 15px 15px;
    margin-top:20px;
}
.lead_table th {
    text-align: center;
    color: #515151;
    background: #FFF9EB;
    font-weight: 600;
    font-size: 13px;
    font-family: 'Lato';
    padding: 7px 0px;
}
.lead_table td {
    font-size: 15px;
    font-weight: 500;
    padding: 10px 0px;
}
.lead_table h4{
    font-size: 18px;
    font-weight:600;
    font-family: 'lato';
}
.dropdown_dashboard {
    color: #4e4e4e;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.upt_check {
    position: absolute;
    right: 14px;
    top: 8px;
}
.uptask_list {
    border: 1px solid #DFDFDF;
    padding: 10px 10px;
    border-radius: 3px;
}
.uptask_list h5{
    color: var(--mgray);
}
.uptask_list p {
    color: var(--lgray2);
    font-size: 12px;
}
.uptask_list p strong {
    color: var(--mgray);
}
.data_box h5{
    font-family: Lato;
    font-size: 14px;
    line-height: 17.5px;
}
.data_box span {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 24px;
}
.data_box {
    min-height: 90px;
    padding: 10px 10px;
    border-radius: 3px;
    position: relative;
    color: #fff;
}
.maingreen_bg {
    background: var(--mainlyGreen);
}
.lightgreen_bg {
    background: var(--lightGreen);
}

.dash_bottomtable_left thead tr th {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 5px 0px;
    color: #fff;
}
.dash_bottomtable_left tbody tr td{
    padding: 10px 0px;
    font-size: 14px;
    font-weight: 500;
}
.dash_bottomtable_left {
    border: 1px solid #C4C4C4;
    border-radius: 3px;
}
/*Dashboard css end*/
.summary_accdetail table{
    width: auto;
}
.summary_accdetail table tr td:nth-child(1) {
    white-space: nowrap;
}

.summary_accdetail table tr td {
    padding: 10px 5px;
    text-align: left;
    vertical-align: top;
}
table.acc_detail{
    min-width: 100%;
}

.summary_accinfo {
    border: 1px solid #BBBBBB;
    border-radius: 10px;
    padding: 20px 20px;
    min-height: 280px;
}
.funnal_cart{
    width:100%;
}

.chart_legend {
    width: 100%;
}
.chart_legend ul {
    margin: 0px auto;
    padding: 0;
    display: flex;
    width: 70%;
}
.chart_legend ul li {
    font-size: 14px;
    font-weight: 600;
    list-style: none;
    width: 25%;
}
.chart_legend ul li span{
    font-size: 10px;
    display:flex;
}
#container {
    height: 400px;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 360px;
    max-width: 600px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}


#chartdiv {
    width: 100%;
    height: 306px;
    font-size: 11px;
}
.amcharts-chart-div a{
    display: none;
}
.chat_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
}
#socialMedia a img {
    width: 25px;
    height: 25px;
    margin: 0px 10px;
}


.hidden-content {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    padding: 5px;
    z-index: 1;
}

/*.show {
    display: block;
}*/

.leads_table table td .dropdown-menu.show {
    min-width: 170px;
    padding: 7px 5px 10px 5px;
    /* max-width: 164px; */
    right: 30px !important;
    left: auto !important;
    transform: translate(10px, 45px) !important;
}
.leads_table table td .dropdown-menu.show a {
    padding: 1px 12px 3px 10px;
    font-size: 14px;
    color: #222;
    text-decoration: none;
    font-weight: 500;
}
.leads_table table td .dropdown-menu.show a:hover {
    background: var(--yellow1);
    border-radius: 24px;
    color: #fff;
}

.dropdown-item:hover {
    border-radius: 15px;
    background: var(--yellow1);
}
.dropdown-item {
    width: fit-content;
    display: flex;
}

.dropdown-item.active {
    background: var(--yellow1);
    border-radius: 15px;
}

.chosen-container .chosen-results li.highlighted {
    color: #E5AF1F !important;
    background-image: none !important;
    background-color: #fff !important;
}
.chosen-container-multi .chosen-drop .result-selected {
    color: #7cc360 !important;
    padding-left: 12px;
    font-size: 12px;
}
.chosen-container-active .chosen-choices {
    box-shadow: none !important;
}
/*.chosen-container-multi .chosen-drop{
    width: 350px !important;
}*/
.chosen-container-multi .chosen-choices li.search-choice {
    background: #F0EEEE !important;
    border: 1px solid #F0EEEE !important;
    display: inline-block;
    /* float: left; */
    width: auto;
    padding: 10px 30px 10px 14px !important;
    text-align: left !important;
    border-radius: 4px !important;
    color: #4e4e4e !important;
    font-size: 13px;
    margin-top: 3px !important;
    line-height: 7px !important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 5px;
    right: 5px;
}
.btn:first-child:active {
    border-color: transparent;
    outline: 0px !important;
    box-shadow: none;
    background: transparent;
    color: #222;
    border: 1px solid #909090;
}
.form-control:disabled{
    background: #fff;
    cursor:not-allowed;
}
.form-check-input:checked {
    background-color: var(--yellow1) !important;
    border-color: var(--yellow1) !important;
}
.form-check-input:focus{
    box-shadow: none;
}
h4.expanded-only {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}
.delete_btn{
    right:-22px;
}
.mess_submit_aciton_btn .dropdown-toggle::after {
    display: none;
}
.dropdown-toggle::after {
    top: 2px;
    position: relative;
}
a.message_active {
    color: #f3c22f !important;
}
.loader {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position:absolute;
}
/*.loader {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
}*/
.no-recordsfound {
    position: absolute;
    transform: translate(-50%, 50%);
    left: 50%;
    top: 50%;
}
.no-recordsfoundInvoice {
    position: absolute;
    transform: translate(-50%, 50%);
    left: 50%;
}
.staff_popup {
    width: 600px;
    border-radius: 4px;
    margin: 0px auto;
    background: #fff;
}
.confirm_popup {
    width: 600px;
    border-radius: 4px;
    margin: 0px auto;
    background: #fff;
}
.markaspaidpopup {
    width: 920px;
    border-radius: 4px;
    margin: 20px auto;
    background: #fff;
}
.addexpenses {
    width: 890px;
    border-radius: 4px;
    margin: 0px auto;
    background: #fff;
}
.addexpenses .modal-body {
    padding: 40px 40px;
}
.confirm_popup label {
    padding: 0px 45px;
}
.markus_qualify {
    width: 670px;
    border-radius: 4px;
    margin: 0px auto;
    background: #fff;
}
.popup_wid{
    margin: 0px auto;
    background: #fff;
}


/*select dd css start*/
/*.custom-select-box {
    position: relative;
    width: 200px;
}

.select-selected {
    background-color: #333;
    color: white;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #333;
    border-radius: 5px;
}

.select-items {
    list-style: none;
    background-color: #fff;
    border: 1px solid #333;
    border-top: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    display: none;
    z-index: 1;
    border-radius: 0 0 5px 5px;
}

    .select-items li {
        padding: 10px;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
    }

        .select-items li:hover {
            background-color: #f1f1f1;
        }

        .select-items li:last-child {
            border-bottom: none;
        }*/
/*select dd css end*/


/*add meeting popup css start*/
.addmeeting{
    width: 800px;
    margin: 0px auto;
    padding:30px;
}
.addmeeting label {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    color: #212121;
}
.addmeeting .input-group input {
    border-right: 0px;
    border-radius: 4px 0px 0px 4px !important;
}
.addmeeting .input-group btn {
    border-radius: 0px 4px 4px 0px !important;
}
.clock_icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
}
.addmeeting textarea{
    padding: 10px;
    font-size: 14px;
    color: #212121;
}
.addmeeting .chosen-choices {
    border-color: #909090 !important;
    min-height: 36px !important;
    border-radius: 4px;
    padding: 0px 10px;
}
.addmeeting .chosen-choices input {
    min-height: 36px !important;
}
/*add meeting popup css end*/
/*phone number css start*/
.iti--separate-dial-code .iti__selected-flag {
    background: transparent !important;

}
.telephone-input {
    border: 1px solid #909090;
    font-size: 13px;
    border-radius: 4px !important;
    height: 40px;
    width: 100%;
    overflow: hidden;
    padding: 0px 5px 0px 110px !important;
}
.telephone-input:focus-visible {
    outline: 0px;
}
.iti__flag-container{
    width:100%;
}


/*selelct ul box css start */
.custom-select-box {
    position: relative;
    width: 100%;
    font-size: 16px;
}

.select-selected {
    background-color: #fff;
    color: #212121;
    padding: 6px 35px 0px 10px;
    cursor: pointer;
    border: 1px solid #909090;
    border-radius: 5px;
    position: relative;
    height: 40px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-selected:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 18px;
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
}

.select-items {
    display: none; /* Initially hidden */
    list-style: none;
    background-color: #fff;
    border: 1px solid #333;
    border-top: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1;
    border-radius: 0 0 5px 5px;
    max-height: 200px;
    overflow-y: auto;
    padding: 0px;
}

.select-items li {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}

.select-items li:hover {
    background-color: #f1f1f1;
}

.select-items li:last-child {
    border-bottom: none;
}
/*selelct ul box css end */

.alert_popup {
    width: 600px;
    margin: 0px auto;
    background: #fff;
    text-align: center;
}
.meeting_corner {
    border: 1px solid #DFDFDF;
    padding: 15px 15px;
    border-radius: 4px;
    position: relative;
}
.meeting_corner #meetingsummery {
    position: absolute;
    right: 9px;
    top: 10px;
    text-decoration: none;
}
.meeting_dots {
    position: absolute;
    right: 15px;
    top: 10px;
    text-decoration: none;
}
.invoice_dots {
    text-decoration: none;
    float: right;
    margin-right: 32px;
}
.meeting_corner .dropdown-menu.show {
    min-width: 130px;
    left: -110px !important;
}
.meeting_head {
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}
.meeting_updatepopup {
    width: 800px;
    margin: 0px auto;
    background: #fff;
    border-radius: 4px;
}
.meeting_updatepopup .modal-body{
    padding: 30px;
}
.ui-timepicker-container {
    z-index: 9999 !important;
    position: absolute !important;
}

.ui-timepicker-list {
    max-height: 200px; /* Adjust as needed */
    overflow-y: auto; /* Enable scrolling if needed */
}
.circle-image-pic {
    border-radius: 50%;
    object-fit: cover;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
}
.circle-image-pic img {
    object-fit: cover;
    width: 100%;
}

/*tootltip*/

.tooltip_crm {
    position: relative;
}

    .tooltip_crm:after{
        opacity: 0;
        pointer-events: none;
        bottom: 100%;
        left: 50%;
        position: absolute;
        z-index: 10;
        transform: translate(-50%, 10px);
        transform-origin: top;
        transition: all 0.18s ease-out 0.18s;
    }
    .tooltip_crm:before {
        opacity: 0;
        pointer-events: none;
        bottom: 100%;
        left: 50%;
        position: absolute;
        z-index: 10;
        transform: translate(-50%, 10px);
        transform-origin: top;
        transition: all 0.18s ease-out 0.18s;
    }
.fade:not(.show) {
    opacity: inherit;
    position: absolute;
}

.tooltip_crm:before {
    width: 0;
    height: 0;
    content: "";
    margin-bottom: 6px;
}

    .tooltip_crm:hover:before,
    .tooltip_crm:hover:after {
        opacity: 1;
        pointer-events: auto;
        transform: translate(-50%, 0);
    }

.tooltip-inner {
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #222;
}
[data-tooltip-pos="up"]:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f5f5f5;
    margin-bottom: 6px;
}

[data-tooltip-pos="down"]:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #f5f5f5;
    margin-top: 6px;
}

[data-tooltip-pos="right"]:before {
    border-top: 6px solid transparent;
    border-right: 6px solid #f5f5f5;
    border-bottom: 6px solid transparent;
    margin-left: 6px;
}

[data-tooltip-pos="left"]:before {
    border-top: 6px solid transparent;
    border-left: 6px solid #f5f5f5;
    border-bottom: 6px solid transparent;
    margin-right: 6px;
}

[data-tooltip-pos="down"]:before,
[data-tooltip-pos="down"]:after {
    bottom: auto;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -10px);
}

[data-tooltip-pos="down"]:after {
    margin-top: 11px;
}

[data-tooltip-pos="down"]:hover:before,
[data-tooltip-pos="down"]:hover:after {
    transform: translate(-50%, 0);
}

[data-tooltip-pos="left"]:before,
[data-tooltip-pos="left"]:after {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate(10px, -50%);
}

[data-tooltip-pos="left"]:after {
    margin-right: 11px;
}

[data-tooltip-pos="left"]:hover:before,
[data-tooltip-pos="left"]:hover:after {
    transform: translate(0, -50%);
}

[data-tooltip-pos="right"]:before,
[data-tooltip-pos="right"]:after {
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translate(-10px, -50%);
}

[data-tooltip-pos="right"]:after {
    margin-left: 11px;
}

[data-tooltip-pos="right"]:hover:before,
[data-tooltip-pos="right"]:hover:after {
    transform: translate(0, -50%);
}

[data-tooltip-length]:after {
    white-space: normal;
}

[data-tooltip-length="small"]:after {
    width: 80px;
}

[data-tooltip-length="medium"]:after {
    width: 150px;
}

[data-tooltip-length="large"]:after {
    width: 260px;
}

[data-tooltip-length="fit"]:after {
    width: 100%;
}




/*css just to the example*/
.component--example {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
 
/*css just to the example*/
.component--example {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.important {
    position: absolute;
    top: 7px;
    right: -8px;
    color: red;
}
.input-group-btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #909090;
}
.popup_closebtn {
    position: absolute;
    right: 16px;
    font-size: 30px;
    text-decoration: none;
    color: #000;
    top: 18px;
}

/*invoice css start*/
.invoice_container{
    width: 1140px;
    margin: 0px auto;
}
.invoice_inn{
    background: #fff;
    padding: 40px;
}

.invoice_logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.in_logo {
    width: 100px;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.in_logo img{
    object-fit: contain;
    width: 100%;
}
.inn_iddate {
    display: flex;
    justify-content: flex-end;
    text-align: right;
}
.inn_iddate ul{
    margin: 0px;
}
.inn_iddate ul li {
    list-style: none;
    font-size: 16px;
    color: #1F1F1F;
}
.invoice_detail_table .add_delete_btn{
    width:25px;
    height:25px;
}

.invoice_detail_table tr td {
    padding: 10px 10px;
}
.invoice_detail_table th {
    font-size: 16px;
    font-weight: 500;
    color: #1F1F1F;
    padding: 10px 10px;
    border-bottom: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
}
.invoice_detail_table th:first-child {
    border-left: 1px solid #D1D1D1;
}
.invoice_detail_table th:last-child {
    border-right: 1px solid #D1D1D1;
}
.invoice_detail_table tr td:last-child {
    border-bottom-left-radius: 10px;
}
.invoice_detail_table td:first-child {
    border-left: 1px solid #D1D1D1;
}

.invoice_detail_table td:last-child {
    border-right: 1px solid #D1D1D1;
}
.invoice_detail_table td {
    border-bottom: 1px solid #D1D1D1;
}
.invoice_sumtable tr td {
    padding: 10px 10px;
}

/*invoice css end*/

.change_statusinfo {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    padding: 4px 10px;
    margin: 10px auto;
    width: 95%;
    background: #FFF4D7;
}

.chosen-container .chosen-results li.active-result {
    color: #222;
    padding: 6px 12px;
    font-size: 16px;
    display: flex;
    width: fit-content;
    position: relative;
}

    .chosen-container .chosen-results li.active-result:before {
        content: "";
        display: inline-block;
        position: relative;
        height: 20px;
        width: 20px;
        border: 2px solid #515151;
        border-radius: 4px;
        background-color: #fff;
        margin-right: 10px;
        vertical-align: middle;
    }

.chosen-container-multi .chosen-drop .result-selected:before {
    content: "\f00c";
    display: inline-block;
    position: relative;
    height: 17px;
    width: 17px;
    border: 1px solid #515151;
    border-radius: 3px;
    background-color: #515151;
    margin-right: 10px;
    vertical-align: middle;
    font-family: fontAwesome;
    text-align: center;
    font-size: 11px;
    color: #fff;
}

.chosen-container-multi .chosen-drop .result-selected {
    color: #222;
    padding-left: 12px;
    font-size: 16px;
}



/*.chosen-container-multi .chosen-choices li.search-choice {
    background: #F0EEEE !important;
    border: 1px solid #F0EEEE !important;
    display: inline-block;*/
    /* float: left; */
    /*width: auto;
    padding: 5px 25px 5px 10px !important;
    text-align: left !important;
    border-radius: 0px !important;
    color: #4e4e4e !important;
    font-size: 13px;
    margin-top: 7px !important;
}*/

.chosen-container .chosen-drop {

    box-shadow: none !important;
}

.chosen-container .chosen-drop {
    border-color: #dfdfdf !important;
}

/*.chosen-container-multi .chosen-choices li.search-choice {
    background: #fff !important;
    color: #313131 !important;
    border-color: #fc0 !important;
    padding: 7px 20px 7px 5px !important;
    margin: 0 10px 3px 0 !important;
}*/

    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
        top: 9px !important;
        right: 7px !important;
        color: #f9b353 !important;
    }
.chosen-container-multi .chosen-choices{
    min-height:40px;
    border-radius:4px;
}
.input-group-btn .btn{
    border:none;
}
.input-group .form-control{
    border-right:none;
    border-radius: 4px 0px 0px 4px;
}
.agreement_inncontainer{
    width:720px;
    margin: 0px auto;
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.agreement_uplaod_box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: repeating-linear-gradient(-6deg, #333333, #333333 8px, transparent 8px, transparent 23px, #333333 23px), repeating-linear-gradient(84deg, #333333, #333333 8px, transparent 8px, transparent 23px, #333333 23px), repeating-linear-gradient(174deg, #333333, #333333 8px, transparent 8px, transparent 23px, #333333 23px), repeating-linear-gradient(264deg, #333333, #333333 8px, transparent 8px, transparent 23px, #333333 23px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}
.agreement_uplaod_box .upload-btn-wrapper .btn {
    font-size: 12px;
}
.input-group.search_filter {
    height:48px;
}
.search_filter input[type="search"] {
    border-radius: 4px 0px 0px 4px !important;
    padding: 2px 20px;
    height: 43px !important;
    font-size: 14px;
    font-weight: 400;
}
.search_filter .input-group-btn .btn {
    background: var(--yellow1);
    text-align: center;
    padding: 0px;
    color: var(--block1);
    width: 36px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px 7px 7px 0px;
}
.search_filter::-webkit-input-placeholder {
    color: #909090 !important;
    font-size:14px;
}
.show_filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    padding: 10px 20px;
    height: 48px;
}
.filterby {
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    margin-right: 15px;
}
.filterby:after {
    content: "";
    position: absolute;
    right: -15px;
    height: 30px;
    width: 1px;
    top: -3px;
    background: #909090;
}
.search_filter .form-control {
    border-color: #D1D1D1 !important;
}
.search_filter .input-group-btn {
    border-color: #D1D1D1 !important;
}
.show_filter .dropdown-toggle {
    background: transparent;
    color: #000;
    padding: 0px 35px 0px 0px;
    margin: 0px 7px;
    font-size: 14px;
    vertical-align: text-bottom;
}
.show_filter .dropdown-toggle:hover {
    border: 1px solid #fff !important;
}
.show_filter .dropdown-toggle:active {
    background: none !important;
    color: #000;
}
.show_filter .dropdown-menu {
    min-width: 240px;
    padding: 0px;
    top: 12px !important;
}
.show_filter  .dropdown-item {
    font-size: 14px !important;
}
.hideshow_filter .dropdown-toggle {
    background: #fff;
    color: #222;
    border: 1px solid #C1C1C1;
    padding: 5px 10px;
    margin-right: 10px;
    margin-left: 5px;
}
.agreement_uplaod_box .upload-btn-wrapper .btn {
    font-size: 12px;
}
.m-l-auto {
    margin-left: auto;
}
/*invoice css end*/

.border_multiselect .checkbox-dropdown-div {
    border: 1px solid #909090;
    height: 40px;
    padding: 0px;
    border-radius: 4px;
}
.border_multiselect .checkbox-dropdown {
    padding: 8px 14px;
    height: 40px;
    display: block;
}
.border_multiselect .checkbox-dropdown:after {
    top: 45%;
    right: 15px;
}
.list_multiselect {
    max-height: 150px;
    overflow-y: auto;
    padding: 0px 10px;
}
    .list_multiselect label {
        display: flex;
        width: 100%;
        padding: 7px 0px;
    }
.border_multiselect .checkbox-dropdown-list {
    height: auto;
}
.filter_action {
    border-top: 1px solid #D1D1D1;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 15px;
}
.dd-search input[type="search"] {
    border-radius: 0px 4px 4px 0px !important;
    padding: 2px 5px;
    border-right: 1px solid #909090;
    border-left: none;
}
.dd-search .input-group-btn .btn {
    margin: 3px 2px;
    text-align: center;
    padding: 3px 9px;
    font-size: 14px;
}
.dd-search .input-group-btn .btn:hover{
    background: none;
}
.dd-search .input-group-btn {
    border-left: 1px solid #909090 !important;
    border-radius: 4px 0px 0px 4px !important;
}
.show_filter .dropdown-item:hover {
    background: transparent !important;
}

/*progress bar css start*/

.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin: 0px 0px;
    padding: 20px 0px;
    border-radius: 8px;
}

.pl_tr_timeline, .pi_emp_process .stepper-wrapper {
    padding: 0px;
}

    .pl_tr_timeline .stepper-wrapper {
        padding: 0px;
    }

.step-name {
    font-weight: 600;
}

.step-name {
    text-align: center;
}

.part-list-container .stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.pi_emp_process .stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}


    /*.part-list-container .stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}*/

    .pi_emp_process .stepper-item::before {
        position: absolute;
        content: "";
        border-bottom: 2px solid #ccc;
        width: 100%;
        top: 20px;
        left: -50%;
        z-index: 2;
    }

.part-list-container .stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}

.tracker_tabs .stepper-item::after {
    top: 31px;
}

.pi_emp_process .stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}

.pl_tr_timeline .stepper-item::after {
    left: 0px;
}

.pi_emp_process .stepper-item::after {
    left: 0px;
}

.part-list-container .stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fffbee;
    margin-bottom: 6px;
    border: 1px solid #bbb;
}

.part-list-container .stepper-item .step-completed {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-bottom: 6px;
    width: 32px;
    height: 32px;
    margin-top: 5px;
    background: #35940F;
    /*border: 3px solid #aaed90;*/
}

    .part-list-container .stepper-item .step-completed:before {
        content: "";
        position: absolute;
        left: 11px;
        top: 12px;
        width: 20px;
        height: 20px;
        background: url("/content/css/img/tick--white.svg") no-repeat;
    }

.part-list-container .stepper-item .step-inprogress {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-bottom: 6px;
    width: 32px;
    height: 32px;
    margin-top: 5px;
    background: #fff;
    border: 3px solid #ccc;
}

.pi_emp_process .stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fffbee;
    margin-bottom: 6px;
    border: 1px solid #bbb;
}

.pi_emp_process .stepper-item .step-counter {
    width: 16px;
    height: 16px;
    margin-top: 14px;
    background: #7cc360;
    border: 3px solid #aaed90;
}

.pi_emp_process .step-name span {
    font-size: 12px;
    color: #707070
}

.pi_emp_process .step-name p {
    margin: 0;
    font-size: 12px;
    color: #000;
}

.pi_emp_process .step-name a {
    font-size: 10px;
    display: block;
    width: 100%;
    text-decoration: underline;
}


.part-list-container .stepper-item .active {
    font-weight: bold;
}


.part-list-container .stepper-item.completed .step-counter {
    background-color: #4bb543;
    border-color: #4bb543;
}


.part-list-container .stepper-item.inprogress .step-counter {
    background-color: #fffbee;
    border-color: #FFA149;
}


.part-list-container .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #4bb543;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.pi_emp_process .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #4bb543;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.part-list-container .stepper-item:first-child::before {
    content: none;
}

.part-list-container .stepper-item:last-child::after {
    content: none;
}

.pi_emp_process .stepper-item:first-child::before {
    content: none;
}

.pi_emp_process .stepper-item:last-child::after {
    content: none;
}

/*progress bar css end*/

.acc_yellowbtn {
    background-color: #FFC322;
    padding: 7px 24px;
    font-size: 14px;
    color: #212121;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 400;
    border: 1px solid #FFC322;
}
.PaymentPopup {
    width: 1020px;
    border-radius: 4px;
    margin: 20px auto;
    background: #fff;
    padding: 30px 30px;
}
.dd_scroll {
    max-height: 200px;
    overflow-y: scroll;
}
.attachment.arrow-icon {
    transition: transform 0.3s ease;
}

.attachment.btn i {
    display: inline-block;
    transition: transform 0.3s ease;
}

.attachment[aria-expanded="true"] i {
    transform: rotate(180deg);
}

/*view Lead css start*/
.lead_view {
    width: 1136px;
    margin: 30px auto;
    background: #fff;
}
.lead_innview{
    padding: 40px 40px;
}
.view_pro_pic {
    width: 88px;
    height: 88px;
    border-radius: 100%;
    overflow: hidden;
}
.view_pro_pic img {
    height: 100%;
    object-fit: cover;
}
.lead_info ul{
    margin: 0px;
    padding: 0px;
}
.lead_info ul li {
    font-size: 18px;
    color: #1f1f1f;
    line-height: 22px;
    list-style: none;
    margin: 0px 40px 10px 0px;
}
.lead_info ul li span{
    font-weight: 600;
}
.app_info{
    margin-top: 40px;
}
.app_info h4 {
    font-size: 20px;
    color: #1f1f1f;
    font-weight: 600;
    border-bottom: 2px solid #FFC322;
    margin: 10px 0px;
    padding: 10px 0px
}
.app_info ul {
    padding: 0px;
}
.app_info ul li {
    font-size: 18px;
    color: #1f1f1f;
    line-height: 22px;
    list-style: none;
    margin: 0px 0px 15px 0px;
}
.app_info ul li span {
    font-weight: 600;
}
/*view Lead css end*/


.client_tabs label span {
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #606060;
    padding: 0px 18px;
}
ul.client_history{
    margin:0px;
    padding:0px;
    position: relative;
}
ul.client_history:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 1px;
    background: #FFCF4E;
}
ul.client_history li {
    list-style: none;
    padding: 0px 0px 30px 20px;
    position:relative;
    font-size:16px;
    font-weight:500;
}
ul.client_history li:last-child{
    padding-bottom: 0px;
}
ul.client_history li:before {
    content: "";
    position: absolute;
    left: -11px;
    top: 0px;
    background: #FFCF4E;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.tabs_section {
    display: none;
}
label.tab-item {
    padding: 9px 0px;
    cursor: pointer;
}

.tabs_section:has(input[name=tab-content]:checked) {
    display: block;
}

.tabs_section > input[name=tab-content] {
    display: none;
}
.tab-item-active {
    border-bottom: 2px solid #FFC322;
    padding: 10px 18px;
}
}
.tabs .tab-item:hover .tab {
    border-bottom: 2px solid #FFC322;
    padding: 10px 18px;
}
table.summery_table tr td {
    text-align: left !important;
    display: inline-block;
    font-weight: 600;
    color: #717171;
    margin-bottom: 10px;
}
table.summery_table tr td:nth-child(2n+2) {
    font-weight: 500;
    color: #1F1F1F;
    margin-left: 20px;
}
/*left tabs css start*/
.left_tabs{
    margin:0px;
    padding:0px;
}
.left_tabs li {
    list-style: none;
    margin-bottom: 5px;
}
.left_tabs li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    color: #1F1F1F;
    text-decoration: none;
    padding: 10px 10px;
    width: 100%;
    display: block;
}
.left_tabs li.active a {
    background: #FFF4D7;
    border-radius: 0px 6px 6px 0px;
    font-weight: 600;
    border-right: 2px solid #FFC322;
}

.meeting_menu {
    display: none;
}
.left_tabs .has-submenu.active .meeting_menu {
    display: block;
}

.left_tabs .meeting_menu > li > a {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    color: #1F1F1F;
    text-decoration: none;
    padding: 10px 10px 10px 30px;
    width: 100%;
    display: block;
    background: transparent;
    display: block;
    border: none;
}
a.nonactive {
    background: transparent !important;
    border: none !important;
}
.left_tabs .meeting_menu > li.active > a {
    background: #FFF4D7;
    border-radius: 0px 6px 6px 0px;
    font-weight: 600;
    border-right: 2px solid #FFC322;
}

.notes_content span {
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    text-align: left;
    color: #818181;
    margin-bottom: 10px;
    display: inline-block;
}
.notes_content p {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #1F1F1F;
    padding-right:30px;
}
.notes_content a {
    top: 0px;
    right: 0px;
    color: #818181;
}
.notes_content {
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.task_content {
    border: 1px solid #D1D1D1;
    padding: 15px;
    margin-bottom: 15px;
}
.task_content p {
    font-family: Lato;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #000000;
    margin: 0px 10px 0px 0px;
    max-width: 83%;
    display: inline-block;
}
.task_content a {
    top: 15px;
    right: 15px;
    color: #818181;
}
.task_content span {
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    text-align: left;
    color: #717171
}
.high_priortiy {
    background: #FFB5B5;
    color: #1F1F1F;
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    text-align: left;
    border-radius: 20px;
    border-radius: 20px;
    padding: 4px 16px;
}
.low_priortiy {
    background: #D3EAFF;
    color: #1F1F1F;
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    text-align: left;
    border-radius: 20px;
    border-radius: 20px;
    padding: 4px 16px;
}
ul.meeting_menu{
    margin:0px;
    padding:0px;
}
/*left tabs css end*/


/*scroll bar css start*/
.dd_overflow{
    max-height:200px;
    overflow-y:auto;
}
/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}
.agreement_table table tr td{
    font-size:16px;
    color: var(--mgray);
    font-weight:500;
    text-align: left;
}
.agreement_table table tr th {
    text-align: left !important;
}


.accounting_tabs {
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 0;
}

.accounting_tabs li {
list-style: none;
margin-right: 10px;
}

.accounting_tabs li a {
border: 1px solid #909090;
padding: 4px 16px;
border-radius: 20px;
color: #909090;
text-decoration: none;
font-size: 16px;
font-weight: 600;
}

.accounting_tabs li a.active {
    background: #F6F0DF;
    color: #E5AF1F;
    border: 2px solid #E5AF1F;
}

.invoice_table table tr th{
    text-align: left !important;
}

.invoice_table table tr td{
    text-align: left !important;
    position: relative;
}
.invoice_table table tr td .dropdown-menu.show {
    left: auto !important;
    right: 0px;
}

.view_expance {
    position: relative;
}
.view_expance .dropdown-menu {
    left: auto !important;
    right: -63px;
}
    .view_expance a{
        color: var(--gray6060)
    }

.checkbox-dropdown {
    /*padding: 0px 25px 0px 0px;*/
    padding: 1px 15px 0px 25px;
    position: relative;
    user-select: none;
    font-size: 14px;
    color: #000;
}
.green-clr {
    color: #35940F;
}

/* Display CSS arrow to the right of the dropdown text */
    .checkbox-dropdown:after {
        content: '';
        height: 0;
        position: absolute;
        width: 0;
        border: 5px solid transparent;
        border-top-color: #000;
        top: 50%;
        right: 0px;
        margin-top: 0px;
    }

/* Reverse the CSS arrow when the dropdown is active */
.checkbox-dropdown.is-active:after {
    border-bottom-color: #000;
    border-top-color: #fff;
    margin-top: -9px;
}
.dropdown-position {
    position: relative;
    z-index: 10;
}

.checkbox-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    border: inherit;
    border-top: none;
    left: -1px;
    right: -1px;
    height: 280px;
    /*    overflow: scroll;
    overflow-x: hidden;*/
    background: #fff;
    min-width: 250px;
    border-radius: 4px;
    padding: 5px 0px;
    box-shadow: -2px -3px 10px 0px #00000026;
}
.checkbox-dropdown-list_inn {
    height: 165px;
    overflow: auto;
    padding: 0px 10px 15px 10px;
    margin: 0px 10px;
    list-style: none;
}

.is-active .checkbox-dropdown-list {
    opacity: 1; /* display the dropdown */
    pointer-events: auto; /* make sure that the user still can select checkboxes */
}

.checkbox-dropdown-list li label {
    display: flex;
    padding: 5px;
    transition: all 0.2s ease-out;
}

.checkbox-dropdown-list li label:hover {
    background-color: #fff9eb;
    color: #222;
    cursor: pointer;
}
/*scroll bar css end*/

.Expensetext-overflow {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*ClockPicker Design Start*/
.clockpicker .input-group-addon {
    cursor: pointer
}

.clockpicker-moving {
    cursor: move
}

.clockpicker-align-left.popover > .arrow {
    left: 25px
}

.clockpicker-align-top.popover > .arrow {
    top: 17px
}

.clockpicker-align-right.popover > .arrow {
    left: auto;
    right: 25px
}

.clockpicker-align-bottom.popover > .arrow {
    top: auto;
    bottom: 6px
}

.clockpicker-popover .popover-title {
    background-color: #fff;
    color: #999;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-align: center
}

    .clockpicker-popover .popover-title span {
        cursor: pointer
    }

.clockpicker-popover .popover-content {
    background-color: #f8f8f8;
    padding: 12px
}

.popover-content:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.clockpicker-plate {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    overflow: visible;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.clockpicker-canvas, .clockpicker-dial {
    width: 200px;
    height: 200px;
    position: absolute;
    left: -1px;
    top: -1px
}

.clockpicker-minutes {
    visibility: hidden
}

.clockpicker-tick {
    border-radius: 50%;
    color: #666;
    line-height: 26px;
    text-align: center;
    width: 26px;
    height: 26px;
    position: absolute;
    cursor: pointer
}

    .clockpicker-tick.active, .clockpicker-tick:hover {
        background-color: #c0e5f7;
        background-color: rgba(0,149,221,.25)
    }

.clockpicker-button {
    background-image: none;
    background-color: #fff;
    border-width: 1px 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    padding: 10px 0
}

    .clockpicker-button:hover {
        background-image: none;
        background-color: #ebebeb
    }

    .clockpicker-button:focus {
        outline: 0 !important
    }

.clockpicker-dial {
    -webkit-transition: -webkit-transform 350ms,opacity 350ms;
    -moz-transition: -moz-transform 350ms,opacity 350ms;
    -ms-transition: -ms-transform 350ms,opacity 350ms;
    -o-transition: -o-transform 350ms,opacity 350ms;
    transition: transform 350ms,opacity 350ms
}

.clockpicker-dial-out {
    opacity: 0
}

.clockpicker-hours.clockpicker-dial-out {
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2)
}

.clockpicker-minutes.clockpicker-dial-out {
    -webkit-transform: scale(.8,.8);
    -moz-transform: scale(.8,.8);
    -ms-transform: scale(.8,.8);
    -o-transform: scale(.8,.8);
    transform: scale(.8,.8)
}

.clockpicker-canvas {
    -webkit-transition: opacity 175ms;
    -moz-transition: opacity 175ms;
    -ms-transition: opacity 175ms;
    -o-transition: opacity 175ms;
    transition: opacity 175ms
}

.clockpicker-canvas-out {
    opacity: .25
}

.clockpicker-canvas-bearing, .clockpicker-canvas-fg {
    stroke: none;
    fill: #0095dd
}

.clockpicker-canvas-bg {
    stroke: none;
    fill: #c0e5f7
}

.clockpicker-canvas-bg-trans {
    fill: rgba(0,149,221,.25)
}

.clockpicker-canvas line {
    stroke: #0095dd;
    stroke-width: 1;
    stroke-linecap: round
}

.clockpicker-button.am-button {
    margin: 1px;
    padding: 5px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px
}

.clockpicker-button.pm-button {
    margin: 1px 1px 1px 136px;
    padding: 5px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px
}

/*Clock Picker End*/

.closebutton {
    right: 0px;
    top: -10px;
    color: #000;
}

.select-container {
    position: relative;
    display: inline-block;
}
.select-toggle {
    background: #fff;
    border: none;
    font-size: 14px;
    font-weight: 300;
    padding: 0px 15px;
    color: #000;
    letter-spacing: .5px;
}
    .select-toggle:after {
        display: inline-block;
        margin-left: 1.255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

.select-options {
    display: none;
    position: absolute;
    background: white;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
}
.list_dropdown {
    padding: 0px 5px;
    max-height: 165px;
    overflow: auto;
    margin: 10px 10px;
}
.list_dropdown label {
    display: flex;
    font-size: 14px;
    padding: 5px 0px;
    align-items: center;
}
    .list_dropdown label input{
        margin-right: 10px;
    }

    .select-container.open .select-options {
        display: block;
        min-width: 250px;
        box-shadow: -2px -3px 10px 0px #00000026;
        border: none;
        margin-top: 13px;
        border-radius: 6px;
    }

.select-options li {
    padding: 5px 10px;
    cursor: pointer;
}

.select-options li.selected {
    background: #f0f0f0;
}





/*body: has(input[name="tab-content"][id="Summary"]:checked) label[for="Summary"].tab-item, body:has(input[name="tab-content"][id="Activities"]:checked) label[for="Activities"].tab-item, body:has(input[name="tab-content"][id="Attachments"]:checked) label[for="Attachments"].tab-item, body:has(input[name="tab-content"][id="History"]:checked) label[for="History"].tab-item, body:has(input[name="tab-content"][id="Agreement"]:checked) label[for="Agreement"].tab-item, body:has(input[name="tab-content"][id="Invoices"]:checked) label[for="Invoices"].tab-item, body:has(input[name="tab-content"][id="Expenses"]:checked) label[for="Expenses"].tab-item {
    & .tab

{*/
    /*    background-color: #555;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
align-items: start;*/
    /*border-bottom: 2px solid #FFC322;
    padding: 10px 18px;
    font-weight: 600;
    color: #000;
}*/

/*white labe css start*/
#w_container {
    width: 100%;
    margin: 0px auto; /* header plus footer height */
    height: 100%;
    text-align: left;
    clear: both;
    display: table;
    position: relative;
    z-index: 1;
    padding-bottom: 40px;
}

#w_parent {
    vertical-align: middle;
    display: table-cell;
    padding: 0px 0 0;
}

    #w_parent .w_inner {
        padding: 30px 10px;
        margin: 0 auto;
    }

.w_s_inner {
    min-height: 490px;
    background: #fff;
    padding: 15px;
    width: 100%;
    border-radius: 8px;
}

.w_up_sec {
    margin: 0px auto;
    width: 250px;
    padding: 20px 0px 30px 0px;
    border-radius: 10px;
    margin-top: 20px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23333' stroke-width='2' stroke-dasharray='10%2c 14' stroke-dashoffset='25' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 12px;
    min-height: 250px;
}

.w_up_img {
    margin: 0px auto;
    width: 250px;
    display: flex;
    height: 250px;
    justify-content: center;
    align-items: center;
    background: #eee;
    border-radius: 8px;
    padding: 0px 10px;
    margin-top: 20px;
    position: relative;
}

    .w_up_img img {
        object-fit: cover;
        width: 100%;
    }

.ld_img {
    max-width: 100%;
}

.w_up_img a {
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: 10px;
    background: #fff;
    font-size: 12px;
    color: #696969;
    padding: 4px 10px 2px 10px;
    display: flex;
    border-radius: 3px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

    .w_up_img a.edit_icon img {
        object-fit: cover;
        width: 10px;
        margin: 2px 5px 0px 0px;
        height: 10px;
    }

.w_up_sec span {
    margin: 35px 0px;
}

.w_e_structure {
    width: 350px;
    margin: 20px auto;
    border-radius: 8px;
}

.w_e_form {
    width: 350px;
    display: flex;
    flex-direction: column;
    margin: 0px auto;
}

    .w_e_form .form-item span {
        display: flex;
        justify-content: flex-start;
        margin-top: -4px;
        margin-bottom: 5px;
        font-size: 11px;
    }

    .w_e_form input {
        background: #EEEEEE;
        border-radius: 3px;
        padding: 8px 6px;
        border: none;
        margin: 10px 0px;
        font-size: 12px;
        height: 30px;
    }

.wl_bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 30px 0px;
}

    .wl_bottom .ctt {
        height: 40px;
        font-size: 13px;
        margin-left: 10px;
    }

    .wl_bottom a {
        text-decoration: underline;
        color: #4e4e4e;
    }

.w_e_structure span {
    background: #EEEEEE;
    width: 100%;
    padding: 6px 10px;
    border-radius: 0px 0px 6px 6px;
}

.wl_bottom .dropdown btn {
    height: 40px;
}

.wl_bottom .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.5em solid;
    border-right: 0.5em solid transparent;
    border-bottom: 0;
    border-left: 0.5em solid transparent;
}

.wl_bottom .dropdown-toggle {
    width: 120px;
}

.wl_bottom .dropdown-menu .dropdown-item {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #CFCFCF;
    padding: 5px 10px;
    font-size: 12px;
    text-decoration: none;
}

    .wl_bottom .dropdown-menu .dropdown-item:hover {
        color: #f3c22f;
    }

    .wl_bottom .dropdown-menu .dropdown-item:last-child {
        border: none;
    }

.wl_bottom .dropdown-menu {
    background: #EAEAEA;
    border: none;
    border-radius: 6px;
    left: 10px;
    padding: 0px;
    width: 120px;
    min-width: inherit;
}

.w_slide {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99;
}

    .w_slide .slide_view {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .w_slide .db_img {
        object-fit: cover;
        max-height: 500px;
    }

    .w_slide h2 {
        color: #fff;
    }

.slide_view i {
    color: #fff;
    margin: 0px 20px;
}

.w_slid_dash {
    position: relative;
}

.w_slid_email {
    position: relative;
}

    .w_slid_email a {
        position: absolute;
        width: 100px;
        height: 35px;
        top: 56px;
        left: 0;
    }

.w_slid_dash a.add_logo {
    position: absolute;
    width: 73px;
    height: 29px;
    top: 54px;
    left: 0;
}

    .w_slid_dash a.add_logo img {
        height: 100%;
        object-fit: contain;
        width: 100%;
    }

.login_slide .add_logo {
    position: absolute;
    width: 150px;
    height: 90px;
    top: 47%;
    left: 20%;
    transform: translate(-50%, -50%);
}

.login_slide .pw_by {
    position: absolute;
    bottom: -40px;
    width: 80px;
    right: -27px;
}

.w_slid_email a img {
    max-width: 100%;
    object-fit: contain;
    height: 100%;
}

.log_s_logo {
    max-width: 100%;
    object-fit: contain;
    height: 100%;
}

.ev_address p {
    position: absolute;
    bottom: 24%;
    width: 70%;
    transform: translate(-50%, 50%);
    left: 50%;
    font-size: 10px;
}

.up_preview {
    width: 200px;
    height: 120px;
    margin: 10px auto;
}

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

.up_lo_img .cl_popup {
    background: #fe6601;
    top: -25px;
    right: -10px;
}

    .up_lo_img .cl_popup i {
        color: #fff;
    }

.cl_popup {
    position: absolute;
    right: 2%;
    top: 2%;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    background: #fff;
}

    .cl_popup i {
        color: #000;
        padding-top: 6px;
    }

.em_logo_top {
    top: 16% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.em_logo_bottom {
    top: 65% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 1360px) {
    #w_parent .w_inner {
        width: 1280px;
    }
}

@media screen and (min-width: 1400px) {
    #w_parent .w_inner {
        width: 1370px;
    }
}

@media screen and (min-width: 1600px) {
    #w_parent .w_inner {
        width: 1570px;
    }
}

@media screen and (min-width: 1900px) {
    #w_parent .w_inner {
        width: 1870px;
    }
}

/*white labe css end*/

/*staff start*/
.dropdown-container {
    position: relative;
    z-index: 1060; /* higher than Bootstrap modal */
    width: 394px;
    /*height: 61px;*/
}

.selected-box {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.tags_popup .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 1;
    padding-top: 5px;
    /*    max-height: 200px;
    overflow-y: auto;*/
    pointer-events: auto;
}

.search-box {
    width: 100%;
    padding: 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    box-sizing: border-box;
    outline:none;
}

    .search-box:focus {
        outline: none;
        border-bottom: 1px solid #ccc; /* Keep consistent */
        box-shadow: none;
    }

.tags_popup .dropdown-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tags_popup .dropdown-item {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    width: 394px;
}

.tags_popup .dropdown-item:hover {
    background-color: #f9f9f9;
}

.user-info {
    display: flex;
    flex-direction: column;
}

/*.user-name {
    font-weight: bold;
}*/

.user-email {
    font-size: 12px;
    color: #777;
    font-style:italic;
}

.user-role {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
    white-space: nowrap;
}

.custom-dropdown {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 394px;
    font-family: Arial, sans-serif;
    background-color: #fff;
    max-height: 250px;
    overflow-y: auto !important;
    position: absolute !important;
}

/*Staff End*/

/*tags popup css start*/
.tags_popup {
    width: 1015px;
    margin: 0px auto;
    background: #fff;
}

.tags_popup_inn {
    position: relative;
    padding: 20px 30px;
    display: inline-block;
    width: 100%;
}
#tagsdropdown .dropdown-toggle {
    width: 100%;
    min-height: 40px;
    background: #fff;
    border: 1px solid #909090;
}

#tagsdropdown .dropdown-menu {
    padding: 10px 10px;
}
.dropdown-section, .manage-section {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    width: 300px;
}
.selected-tags {
    margin-top: 20px;
}

    .selected-tags .tag {
        background: #178ECE;
        color: white;
        padding: 5px 10px;
        border-radius: 20px;
        display: inline-block;
        margin: 5px;
    }

.manage-section input[type="text"] {
    width: calc(100% - 22px);
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
}

.manage-section button {
    width: 48%;
    padding: 8px;
    margin-top: 5px;
    border: none;
    background: #178ECE;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

    .manage-section button.delete {
        background: #e74c3c;
    }
.dd-search .input-group-btn .btn {
    margin: 3px 2px;
    text-align: center;
    padding: 3px 9px;
    font-size: 14px;
}

.fus_tags ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin:0px;
    padding: 0px;
}

.fus_tags ul li {
    display: flex;
    border: 1px solid #909090;
    align-items: center;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 12px;
    margin: 0px 8px 8px 0px;
}

.fus_tags ul li img {
    padding: 0;
    width: 15px;
    margin-left: 4px;
}

.adddelete_tag a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.red_btn {
    font-family: 'Lato', sans-serif;
    text-decoration: none !important;
    font-size: 14px;
    padding: 6px 20px 6px 20px;
    color: #fff;
    border: 1px solid #C31C1C;
    background: #C31C1C;
    border-radius: 4px;
    height: 32px;
}

.red_btn:hover {
    color: #fff;
}

.line_break {
    position: relative;
    height: 200px;
}

.line_break:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #c7c7c7;
    left: 50%;
}
#tagsdropdown .dd-search input[type="search"] {
    padding: 7px 5px;
}

#tagsdropdown .dd-search .fa-search:before {
    top: 6px;
    position: absolute;
    left: 6px;
}

#tagsdropdown .dropdown-toggle {
    position: relative;
}

#tagsdropdown .dropdown-toggle:before {
    content: "\f0d7";
    position: absolute;
    right: 15px;
    top: 13px;
    font: normal normal normal 14px/1 FontAwesome;
    color: #222;
}
#tagsdropdown .dropdown-toggle:after{
    display: none;
}
.tags_selected {
    color: #212121;
    font-size: 14px;
    border: 1px solid #909090;
    padding: 0px 15px 2px 15px;
    border-radius: 15px;
    font-weight: 400;
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    white-space: nowrap;
}
    .tags_selected img {
        margin-top: -3px
    }
    .selected_list {
        margin: 0px;
        padding: 0;
        display: flex;
        max-width: 95%;
        align-items: center;
        /*flex-wrap: wrap;*/
    }
/*tags popup css end*/

.border-none{
    border-top: none !important;
}
.eligibility_popup{
    max-width: 600px;
    margin: 0px auto;
    background: #fff;
}

/*New Popup Position*/
.create_positionpopup {
    width: 696px;
    margin: 0px auto;
    background: #fff;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    top: 50%;
    border-radius: 4px;
    padding: 20px 40px;
}
    .create_positionpopup form{
        margin-top: 30px;
    }
    .create_positionpopup .yellow_btn {
        width: fit-content;
        margin: 0px auto;
        height: 40px;
    }
.meet_jia {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.create_positionpopup .closepopup {
    right: 10px;
    top: 5px;
}

.create_positionpopup h3 {
    font-family: Lato;
    font-weight: 600;
    font-size: 18px;
    line-height: 21.6px;
    text-align: center;
}

    .create_positionpopup label {
        font-family: Lato;
        font-weight: 400;
        font-size: 14px;
        line-height: 16.8px;
        letter-spacing: 0px;
        color: #212121;
    }

.closepopup {
    position: absolute;
    top: 34px;
    right: 20px;
    border: none;
    background: transparent;
    font-size: 25px;
    color: #000;
}

.positionupload_sec {
    width: 100%;
    height: 225px;
    background-image: repeating-linear-gradient(-20deg, #333333, #333333 6px, transparent 6px, transparent 12px, #333333 12px), repeating-linear-gradient(70deg, #333333, #333333 6px, transparent 6px, transparent 12px, #333333 12px), repeating-linear-gradient(160deg, #333333, #333333 6px, transparent 6px, transparent 12px, #333333 12px), repeating-linear-gradient(250deg, #333333, #333333 6px, transparent 6px, transparent 12px, #333333 12px);
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    padding: 20px 30px;
    text-align: center;
}

    .positionupload_sec p {
        font-family: Lato;
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        color: #212121;
        margin-top: 10px;
    }
/*ul li dropdown css start*/
.uldropdown .dropdown {
    position: relative;
}

.uldropdown .dropdown-toggle {
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    border-radius: 5px;
    height: 40px;
}

    .uldropdown .dropdown-toggle::after {
        content: "";
        float: right;
        font-size: 12px;
        border-style: solid;
        border-width: 0 0 8px 8px;
        border-color: transparent;
        border-bottom-color: #616161;
        display: inline-block;
        top: 12px;
        right: 12px;
        position: absolute;
        transform: rotate(45deg);
    }

.uldropdown .dropdown-menu {
    position: absolute;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    display: none;
    list-style: none;
    padding: 0;
    margin-top: 2px;
    border-radius: 5px;
    /*    overflow: auto;
    z-index: 1000;
    max-height:200px;*/
}

    .uldropdown .dropdown-menu li {
        padding: 5px 15px;
        cursor: pointer;
        transition: background 0.3s;
    }

        .uldropdown .dropdown-menu li a {
            padding: 0px;
            font-weight: 500;
            font-size: 14px;
            color: #000 !important;
            width: 100%;
        }

        .uldropdown .dropdown-menu li p {
            font-size: 16px;
            font-weight: 500;
            color: #212121;
            margin: 0px;
        }

        .uldropdown .dropdown-menu li span {
            font-size: 14px;
            font-weight: 500;
            color: #212121;
        }

        .uldropdown .dropdown-menu li:hover {
            color: #212121;
        }

    .uldropdown .dropdown-menu li {
        display: flex;
        align-items: center;
    }

        .uldropdown .dropdown-menu li input {
            margin: 0px;
        }

        .uldropdown .dropdown-menu li label {
            margin: 0px;
            padding-left: 10px;
            color: #212121;
            font-size: 14px;
            font-weight: 400;
        }

        .uldropdown .dropdown-menu li.selected {
            background-color: #ffcc00;
            font-weight: bold;
        }

.uldropdown .input-group .form-control {
    width: 77%;
    padding-left: 40px;
    border-radius: 4px !important;
}

.create_positionpopup .input-group-btn {
    z-index: 9999;
    background: #fff;
    position: absolute;
    left: 0px;
    margin: 2px;
    height: 40px;
    width: 35px;
}
/* END New Popup Position*/

/* Container */
.custom-multiselect {
    position: relative;
    width: 100%;
    font-family: inherit;
    font-size: 14px;
}

    /* Display box */
    .custom-multiselect .multiselect-display {
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #fff;
        padding: 8px 35px 8px 12px;
        cursor: pointer;
        min-height: 38px;
        line-height: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .custom-multiselect .multiselect-display:hover {
            border-color: #999;
        }

    .custom-multiselect .placeholder {
        color: #aaa;
    }

    .custom-multiselect .selected-text {
        font-weight: 500;
        color: #333;
    }

    /* Dropdown arrow */
    .custom-multiselect .dropdown-arrow {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        color: #666;
        transition: transform 0.2s ease;
    }

    .custom-multiselect.open .dropdown-arrow {
        transform: translateY(-50%) rotate(180deg);
    }

    /* Dropdown list */
    .custom-multiselect .multiselect-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        margin: 4px 0 0;
        padding: 6px 0;
        list-style: none;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        max-height: 200px;
        overflow-y: auto;
        z-index: 9999;
    }

        /* Dropdown item */
        .custom-multiselect .multiselect-dropdown li {
            padding: 6px 12px;
            cursor: pointer;
            display: flex;
            align-items: center;
        }

            .custom-multiselect .multiselect-dropdown li:hover {
                background: #f6f6f6;
            }

    /* Checkbox + label */
    .custom-multiselect .checkbox-label {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        cursor: pointer;
        padding: 0;
    }

        .custom-multiselect .checkbox-label input[type="checkbox"] {
            margin: 0;
        }


.onboarding_head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #f2f2f2;
    padding: 20px 30px;
    position: relative;
    top: -15px;
    gap: 100px;
}
.onboard_logo{
    width: 150px;
    overflow: hidden;
}
.onboard_logo img{
    max-width: 100%;
}
.onboarding_head h1 {
    margin: 0px !important;
    padding: 0px !important;
    line-height: normal;
}
.onboarding_head_btn {
    position: absolute;
    right: 30px;
    top: 80px;
}
.social_link {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.social_link img{
    width: 22px;
}
.iti{
    width: 100%;
}
.iti--separate-dial-code input[type=tel] {
    padding-left: 90px !important;
}
.iti__selected-flag{
    width: 100px;
}
.red {
    color: #ff0000;
}


/*thank you css*/

.thank_you .wrapper-1 {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.thank_you .wrapper-2 {
    padding: 30px;
    text-align: center;
}

.thank_you h1 {
    font-family: 'Kaushan Script', cursive;
    font-size: 2em;
    letter-spacing: 3px;
    color: #16a086;
    margin: 0;
    margin-bottom: 20px;
}

.thank_you .wrapper-2 p {
    margin: 0;
    font-size: 1.3em;
    color: #aaa;
    font-family: Lato;
    letter-spacing: 1px;
}

.thank_you .go-home {
    color: #fff;
    background: #16a086;
    border: none;
    padding: 10px 50px;
    margin: 30px 0;
    border-radius: 30px;
    text-transform: capitalize;
    box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
}

.thank_you .footer-like {
    margin-top: auto;
    background: #e7fffa;
    padding: 6px;
    text-align: center;
}

    .thank_you .footer-like p {
        margin: 0;
        padding: 4px;
        color: #16a086;
        font-family: Lato;
        letter-spacing: 1px;
    }

.thank_you .footer-like p a {
    text-decoration: none;
    color: #16a086;
    font-weight: 600;
}

@media (min-width:360px) {
    .thank_you h1 {
        font-size: 2.5em;
    }

    .thank_you .go-home {
        margin-bottom: 20px;
    }
}

@media (min-width:600px) {
    .thank_you .content {
        max-width: 1000px;
        margin: 0 auto;
    }

    .thank_you .wrapper-1 {
        height: initial;
        max-width: 620px;
        margin: 0 auto;
        margin-top: 50px;
        box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
    }
}