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


body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu .logo{    
    margin-left:0; width: 70px !important;
}
/*body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu {
    padding-top: 92px;
}*/
.button-menu-mobile{height: auto;}
.leftside-menu a.logo{
    margin-left:70px; width: 90px !important;
}

h1.Font_BLue{color:#59B2E8;}

ul li {
    list-style: none;
}
.TopHead h1{
    font-size: 20px; line-height: normal; font-weight: 600; margin: 20px 0;
}
.breadcrumb {
    position: relative;
    font-size:22px;
    line-height: normal;
    font-weight: 600;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 13px 0;
    padding: 0; color: #464255;
}
.breadcrumb span{display: block; font-size: 13px; line-height: normal; font-weight: 300}

.page-title-right .breadcrumb {
    font-size: 13px;
    margin: 0 0 20px !important; padding: 0;
}
.page-title-box .page-title {
    line-height: normal;
}
.page-title-box .page-title-right {
    margin: 0;
}
/*.sidebar-enable .side-nav-second-level li a{text-align: center;}*/
.side-nav-second-level-List li {
    position: relative;
    left: 64px;
    color: var(--ct-dark-menu-item-hover);
    font-size: 13px;
    font-weight: 600;
}
.side-nav-second-level-List li:before {
    content: '';
    display: inline-flex;
    width: 12px;
    height: 12px;
    border: 3px solid;
    border-radius: 100px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    position: relative;
    margin:-3px 29px 0 -40px;
}

.side-nav-third-level li {
    position: relative;
    left:10px;
    color: var(--ct-dark-menu-item-hover);
    font-size: 13px;
    font-weight:400;
}
.side-nav-third-level li a{color: var(--ct-dark-menu-item-hover);}
ul.side-nav-third-level {
    padding: 0;
    margin: 0;
}
.side-nav-third-level li:before {
	display: none;
}

form.ChartSelect select{
	border: none;font-size: 13px; font-weight: 600;
}
form.ChartSelect select:focus-visible{outline: none}


body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link i{height: 35px; width: 35px;}

.DashboardTopBox h5{ font-weight:600 !important; font-size:15px;}
.DashboardTopBox h3{color: var(--ct-dark-menu-item-hover); font-weight: 600 !important; font-size: 15px; margin-bottom: 0;}
.DashboardTopBox .RightContent .text-muted span{color:var(--ct-success)!important;}

.DashboardTopBox .Avatar_images{ width:30px; height:30px; display:inline-flex; border-radius:50px; float:left; }
.DashboardTopBox .Avatar_images img{ width:100%; height:auto; background:#fff;  border-radius:50px;}
.DashboardTopBox .Avatar_Text{float: left; margin: 0 10px}
.DashboardTopBox .RightContent {
    right: 10px;
    position: absolute;
    float: right;
    bottom: 15px;
}
.DashboardTopBox .RightContent span small{display: block; color:var(--ct-text-muted); font-size: 13px; font-weight: 600;}
.DashboardTopBox .RightContent span { color:var(--ct-success-rgb) !important; font-size: 13px}

body.show.sidebar-enable .side-nav li:hover i{
    background: #fff;
}

body.show.sidebar-enable .side-nav li:hover i:before{
    color:var(--ct-dark-menu-item-hover);
}

/* chart tab */
.tabbingDiv .nav-tabs.nav-bordered {
    border-bottom: none;
    width: auto;
    position: absolute;
    top: 10px;
    right: 6px;
}
.tabbingDiv .nav-tabs .nav-link {
    border-radius: 5px !important;
}
.tabbingDiv .nav-tabs.nav-bordered li a {
    border: 0;
    padding: 3px 10px;background: #ececec; color:var(--ct-dark-menu-item-hover); font-size: 11px;
}
.tabbingDiv .tabbingDiv .nav-tabs.nav-bordered {
    border-bottom: none;
}
.tabbingDiv .nav-tabs.nav-bordered li {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 5px;
    margin:0 3px;
    display: -webkit-inline-box;
}
.tabbingDiv .nav-tabs .nav-item.show .nav-link,.tabbingDiv .nav-tabs .nav-link.active
    {background: transparent;}

.tabbingDiv .nav-tabs.nav-bordered li a.active {
    border:none; background: var(--ct-dark-menu-item-hover); color: #fff;
}

/* PartnerSales_Box */
.PartnerSalesTabs {
    position: relative !important;
    border-top: 1px solid #d2d2d2;
    padding: 10px 0; text-align: right; display: inline-block; width: 100% !important;
}
.PartnerSalesTabs li{
    background: transparent; list-style: disc; box-shadow: none!important;display: inline-block;position: relative; margin: 0 10px !important;
}
.PartnerSalesTabs li:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #000;
    border-radius: 100px;
    display: inline-flex;
    left: -10px;
    top: 8px;
    align-items: center;
    justify-content: center;
}
.PartnerSalesTabs li a{background: transparent !important; padding: auto; margin: auto; display:block; font-size: 13px !important; font-weight: 600; color:var(--ct-text-muted)!important}

.PartnerSalesTabs li.active a,
.PartnerSalesTabs li:hover a{
    color: #249be3 !important;
}
.PartnerSalesTabs li:hover:before,
.PartnerSalesTabs li.active:before{background:var(--ct-dark-menu-item-hover)}
.PartnerSalesTabs li.active:before a{color: var(--ct-dark-menu-item-hover) !important;}

.PartnerSales_Box{position: relative; display: block; padding: 0; margin: 0;}
.PartnerSales_Box li{display:flex; list-style: none; width:100%; margin: 0 0 12px;}
.PartnerSales_Box .partners {
    width:85%;
    position: relative;
    vertical-align: middle;
    display: flex;
    align-items: center;font-size: 13px; font-weight: 600;
}
.PartnerSales_Box .partners .images {
    width:50px;
    height:50px;
    display: inline-block;
    background: #000;border-radius: 100px; margin: 0 10px 0 0px;
}
.PartnerSales_Box .partners .images img{width: 100%; height: auto; background: #000; display: inline-block;}
.PartnerSales_Box .sales{width: 15%;position: relative;}
.PartnerSales_Box .sales span{ padding: 5px 10px; border-radius: 10px; display: block; text-align: center; font-size: 13px;font-weight: 600;}
.PartnerSales_Box .sales span.red{ border:1px solid #d43030;}
.PartnerSales_Box .sales span.green{border:1px solid #30d47b;}

/* Leads */
.Leadcontent{ text-align: center;}
.Leadcontent .leadsImg {
    width: 100px;
    height: auto;
    display: flex;
    margin:70px auto;
    align-items: center;
    justify-content: center;
}
.Leadcontent .LeadOption {
    position: absolute;
    right: 10px;
    top: 10px;
}
.Leadcontent .LeadOption select {
    box-shadow: var(--ct-card-box-shadow);
    background: #ececec;
    border: none;
    padding: 4px 20px 4px 10px;
    border-radius: 5px;
}
.Leadcontent .LeadOption select:focus-visible {
    outline-offset: 0px; outline: none;
}
.Leadcontent table{text-align: left; margin:20px auto;}
.Leadcontent table tr {
    margin:8px 0;
}
.Leadcontent table tr td {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 17px;
    display: inline-block;
}
.Leadcontent table tr td.tag{position: relative; color: #fff; border-radius: 5px; text-align: center;}
.Leadcontent table tr td.tag.blue{background: #2699df}
.Leadcontent table tr td.tag.yellow{background: #e3b624}
.Leadcontent table tr td.tag.green{background: #23c564}


/* Partner page */
.PartnerPageBox .card{ margin:0 0 25px; box-shadow:none; }
.PartnerList{ display:inline-block; text-align:center;font-size:13px; font-weight:600; color:#024b7a;position: relative;text-align: center; width: 100%; }
.PartnerList img{width:50px; height: auto;}
.PartnerList span {
    display: flex;
    text-align: center;
    margin: 10px 0;
    color: #024b7a;
    height:40px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.PartnerList span.red{
    color:var(--ct-danger);
}
.PartnerList span.green{
    color:var(--ct-success);
}
.col-md-mb-3 {
    margin-bottom: 1.5rem!important;
}
@media(min-width:768px){
    .PartnerList{ font-size:13px;}
    .PartnerList span {
        height: 60px;
    }
    .col-md-mb-3 {
    margin-bottom: 0!important;
    }
}
/*.tab-pane {
    margin: 40px 0 0;
}*/
/* MileStoneTable */
.Mile_Title{margin: 0 0 15px;}
.Mile_Title .page-title-box .page-title-right{margin: 0 ;}
.MileStoneTable{ width:100%; text-align:center; }
.MileStoneTable thead{margin: 0 0 10px;}
.MileStoneTable tbody {
    position: relative;
    top: 10px;
}
.MileStoneTable tr th{color: var(--ct-text-muted)!important; font-weight: 600; font-size:13px}
.MileStoneTable tr td{font-size: 13px;text-align:center; color: #3284e2; font-weight: 600;}
.MileStoneTable tr td .TableContent {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.MileStoneTable tr td .TableImages {
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    border-radius: 100px;
}
.MileStoneTable tr td h5{font-size: 13px;text-align: left; font-weight: 600;}
.MileStoneTable tr td h5 span{display: block;font-size: 13px;}
.MileStoneTable tr td.green{color:var(--ct-success);}

/* TargetAchived */
.TargetAchivedBox{margin: 0 0 23px;}
.TargetAchived .TableImages {
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    border-radius: 100px;
}
.TargetAchived h5{font-size: 13px;text-align: left; font-weight: 600;}
.TargetAchived h5 span{display: block;font-size: 13px;}

span.value {
    font-size: 13px;
    font-weight: 600; color: #024b7a;
}

/* CommonMainForm */
.CommonMainForm{position: relative; width:95%; margin: auto; padding: 20px 0;}
.CommonMainForm label{ font-size:13px; color:var(--ct-menu-item-hover); font-weight:500; display:block; margin: 0 0 4   px;}
.CommonMainForm .form-controls{margin: 0 0 20px;}
.CommonMainForm input[type="text"],
.CommonMainForm input[type="email"],
.CommonMainForm input[type="date"],
.CommonMainForm input[type="file"],
.CommonMainForm input[type="password"],
.CommonMainForm select,
.CommonMainForm textarea {
    color: var(--ct-dark-menu-item);
    border: none;
    border-radius: 8px;
    width: 100%;
    height: auto;
    /*height: 50px;*/
    /* margin: 4px 0; */
    padding: .45rem .9rem;
    font-size: 13px;border: 1px solid var(--ct-input-border-color);
}

.CommonMainForm select{height: auto !important;}
.CommonMainForm select.minimal {
    content: '';
    appearance: none;
    border: 1px solid #ccc;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%59B2E8 '><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    /* background-color: #ccc; */
    background-size: 14px;
    background-position: center right 10px;
}  

input:focus-visible {
    outline-offset: 0px; outline: none;
}
.CommonMainForm textarea{min-height:100px; max-height: 100px;/*box-shadow: var(--ct-card-box-shadow);*/ border: 1px solid var(--ct-input-border-color);}
btn{border-radius: 8px;color: var(--ct-dark-menu-item); border: none;padding: 10px 25px;font-size: 13px; margin: 4px 10px 0 }
.successBtn,
.dangerBtn{border-radius: 8px; color: #fff; border: none;padding: 10px 25px;font-size: 16px; margin: 4px 10px 0 0}
.successBtn{background: var(--ct-success);}
.dangerBtn{background: var(--ct-danger);}

form.LeadMnYrSelect label{ font-size:16px;font-weight: 600;}
form.LeadMnYrSelect select{
    border: none;font-size: 16px; font-weight: 600; color:var(--ct-menu-item-hover);
}
form.LeadMnYrSelect select option{color: #000;}
form.LeadMnYrSelect select:focus-visible{outline: none}

.MainLeadBtn{position: relative; /*margin: 15px 0;*/}
.DiffBtns{display: inline-block; margin: 0; padding: 0;}
.DiffBtns li{ display:inline-block;/*box-shadow: var(--ct-card-box-shadow);*/ margin:0 15px 0 0; padding: 0;  font-size: 13px; border-radius: 8px; color:#000; cursor: pointer;}
.Leads_btn {
    padding:8px 8px; background:var(--ct-card-bg); color:#595959; border-radius:8px; font-weight:500; font-size: 13px;
}
.DiffBtns li:last-child{
    margin:0;
}
.DiffBtns li .Leads_btn .Leads_BtnIcon {
    position: relative;
    background:transparent;
    /*padding:11px 12px;*/ margin:0 15px 0 0;
    border-top-left-radius: 7px; border-bottom-left-radius: 7px;
}
.DiffBtns li .Leads_btn span.OrangeIcon{fill:#f36f13}
.DiffBtns li .Leads_btn span.YellowIcon{fill:#d4c92e}
.DiffBtns li .Leads_btn span.GreenIcon{fill:#40ab7a}

.DiffBtns li.active .Leads_btn .Leads_BtnIcon {background: var(--ct-card-bg);}
.DiffBtns li.active .Leads_btn {background:#60a4cc;color: #fff;}

.Add_Leads_btn {
    background: var(--ct-success);
    /*box-shadow: var(--ct-card-box-shadow);*/
    font-size: 13px;  font-weight: 500;
    padding:9px 10px;
    border-radius:8px;
    color: #fff;
    text-align: center;
    /*width: 80%;*/
    display: flex;
    align-items: center;
    justify-content: center;
    float: right; cursor: pointer;letter-spacing: 0.02rem;
}
.blueBG-icon {
    background:#60a4cc;
    /*box-shadow: var(--ct-card-box-shadow);*/
    font-size: 13px;  font-weight: 500;
    /*padding:9px 10px;*/
    border-radius:8px;
    color: #fff;
    text-align: center;
    /*width: 80%;*/
    display: flex;
    align-items: center;
    justify-content: center;
    float: right; cursor: pointer;letter-spacing: 0.02rem;
}

.Add_Leads_btn svg{fill: #fff; margin:0 0px 0 10px;}
.Common_btn svg{margin:0 0px 0 10px;}
.Add_Leads_btn label{cursor: pointer;}
.LeadPageBoxForm {
    text-align: center;
    margin: 0 0 2px;
}
.form-error{
    line-height: 30px;
    letter-spacing: 0.5px;
    font-size: 13px;
    color: red;
    font-weight: 500;
}
.form-errors{
    line-height: 30px;
    letter-spacing: 0.5px;
    font-size: 13px;
    color: red;
    font-weight: 500;
}
table .btn-group-sm > .btn, .btn-sm {
    padding: 0 5px !important;
}
/*.table > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
}*/
.card.tilebox-one {
  margin: 10px;
}

/* commonModal */
.ProfileDiv{position: relative; width: 120px; height: 120px;}
.ProfileImage {
    width: 120px;
    height: 120px;
    border-radius: 20px;
    background: #efefef;
    margin: 0 0 10px;
    position: relative;
    display: flex; overflow: hidden;
}
.clickOpenBrowser {
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.deleteButtonProfile span.uil-trash-alt {
    background: #ff0000;
    width: 20px;
    height: 20px;
    display: flex;
    text-align: center;
    padding: 15px;
    align-items: center;
    justify-content: center;
    border-radius: 20px; 
    cursor: pointer;
    margin: 12px auto;
}
.deleteButtonProfile .uil-trash-alt:before{ color:#fff }
.ProfileImage img {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.SelectCamera{ width:30px; height:30px; background:#d2d2d2; border-radius:100%; position:absolute;  right:-6px; bottom:-6px; }
.commonModal .form-control,
select .form-control {
    background: #f8f8f8;
    border: 1px solid #dce0e5 !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    color: var(--ct-dark-menu-item) !important;
}
.commonModal h2.title{ font-size:14px; line-height:normal; color:var(--ct-menu-item-hover); font-weight:500;}

.rightUserBtn li {
    display: inline-flex;
}
.rightUserBtn li span{margin: 0 !important;}
.User_Filter {
    float: none;
    width: 150px;background-color: var(--ct-card-bg);
    background-clip: border-box;
    border:none;
    border-radius: 0.65rem; 
}
.User_Filter a{color:#60a4cc; font-weight: bold;}
.Search_rounded-pill{background-color: var(--ct-card-bg);
    background-clip: border-box;
    border:none !important;border-radius: 0.65rem; /*box-shadow: var(--ct-card-box-shadow);*/}
.Search_rounded-pill .form-control    {
    background: transparent; color: #60a4cc;
}
.Search_rounded-pill ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #60a4cc;
}
.Search_rounded-pill ::-moz-placeholder { /* Firefox 19+ */
  color: #60a4cc;
}
.Search_rounded-pill :-ms-input-placeholder { /* IE 10+ */
  color: #60a4cc;
}
.Search_rounded-pill :-moz-placeholder { /* Firefox 18- */
  color: #60a4cc;
}
.LeadPageBox.mt-2 {
    background: #f9f9f9;
    /*padding: 10px;*/
}
.btn-primary,
.btn-primary:hover {
    color: #fff;
    background-color: #60a4cc;
    border-color: #60a4cc;
}
/*.datepicker {
    padding: 7px!important;
}*/
/*#leads .modal-header{border-bottom:0;}*/

.modal-header{padding: 0 0 1rem 0;}

.SelectUserRow .Add_Leads_btn{
    padding: 7px 12px;
}
/* custom drop down */
select.customSelectDropDown {
    border: none;
    margin: 0 0px 0 40px;
    background: transparent; color: #fff; font-size: 13px;
}
select.customSelectDropDown option{
    color: #000;
}
select.customSelectDropDown:focus-visible{
    outline: none;
}
/* Manage tasks Page */
.task_status_box{width: 100%;}
.task_status_box header.InProgress {
    background: #D3C92E;
    padding: 10px 20px;
    margin: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;font-size: 13px;
}
.task_status_box header.Completed {
    background: #40AB7A;
    padding: 10px 20px;
    margin: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;font-size: 13px;
}
.task_status_box .status_Box {
    background: #fff !important;
    padding: 10px 20px;
    border-radius: 10px;
    width: 100%;
    margin: 0 0 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; position: relative;
}
.task_status_box .status_Box h2{
    font-size: 13px; color: #249BE3; margin: 0;
}
.task_status_box .footer-container .status_Desc h2{
    font-size: 13px; color: #8391a2; margin: 0;
}
.task_status_box .status_Desc img{
    width: 100% !important; display: block; margin:5px 0;
}
.task_status_box .status_Box h2 span{
    color: #868C91; display:block; font-size: 13px; font-weight: normal; margin:5px 0;
}
.task_status_box .status_priority
.task_status_box .status_priority label{display: inline-flex;}
.task_status_box .status_priority span{display: inline-flex;}

.status_Box.tile .three_dots{
    position: absolute; right: 10px; top: 10px;
}

.New_task_status .task_status_box .status_Box h2 span{
    color: #868C91; /*display:inline-block;*/ font-size: 13px; font-weight: normal; margin:5px 0;
}
.New_task_status .task_status_box .status_Box h2 p{ color: #868C91;}
.New_task_status .task_status_box .status_Box h2 span .subTitle{display: block !important;}
.New_task_status span.User_img{
    width:30px; height:30px; border-radius: 50px; display: inline-block; margin: 0 10px 0 0;
}
.New_task_status span.User_img img{ width:100%; height:100%; }

.badge {
    padding: 5px 12px;
    border-radius: 10rem;
}
.nav-tabs .badge {padding:5px 10px;}

.header-container,
.footer-container{display: flex;  justify-content: space-between;}


.TopHead {margin:0 0 15px;}
.TopHead h1{margin: 0;}
.TopHead h1 span{
    display: block; font-size: 13px;line-height: normal; color: #A3A3A3; font-weight: 400; margin:5px 0 0;
}
/*.TopHead {
    padding: 0px 0 20px;
}*/
table.dataTable.nowrap th, table.dataTable.nowrap td {
    font-weight: 400;
}
.page-item .page-link {
    border-radius: 20px;
}
.pagination .page-link {
    border: none;
    background-color: transparent !important;
}
.page-link:focus{box-shadow: none;}
.pagination .page-item {
     border-radius: 20px; margin: 0 10px 0 0;
}
.pagination .page-item.previous,
.pagination .page-item.next{background: transparent}
.pagination .page-item a{background: transparent;color: #4D688C; font-size: 13px; }
.pagination .page-item.active {
    background: #F2F5F7;
    width: 35px;
    height: 35px; text-align: center;
}
.pagination .page-item.active a{color: #4D688C;}

.DiffBtns {
    display: flex;
    padding: 0;
    vertical-align: top;
    text-align: center;
    align-items: center;
    justify-content: end;
}
.ReportTopHead .DiffBtns {
    display: inline-flex; margin: 0 0px 0 40px;
}
.ReportTopHead .DiffBtns label {
    font-weight: 500 !important;
    letter-spacing: 0.01rem;
    padding: 0 10px;
}
.ReportTopHead .DiffBtns .Leads_btn{ text-align: center; padding: 10px 0; }
.ReportTopHead h1{
    display: inline-block;
}
/*@media(min-width: 768px){
    .DiffBtns {
        margin: 0 0px 0 50px;
    }
}*/
svg.exportSvg {
    margin: 0 3px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.active_lead label {
    color: #60a4cc;
}
.active_lead.active label {
    color: #fff;
}
.side-nav .side-nav-link span {
    color: #424B5A;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.05rem;
}
/*.sidebar-enable .side-nav-item.menuitem-active a span{color: #fff;}*/
/*.sidebar-enable  .side-nav .side-nav-link:active svg,
.sidebar-enable  .side-nav .side-nav-link:focus svg,
.sidebar-enable  .side-nav .side-nav-link:hover svg {
    fill: #fff;
}*/
/*.side-nav-item.menuitem-active a span{color: #59B2E8;}*/
h3{ color: #464255; font-size: 24px;}
h3 b { font-size: 20px; }
.user-profile-info h3{margin: 0 0 10px;}
.blue-btn{background: #59B2E8 !important;}

/* meetingList */
.meetingList{
    position: relative;
}
.meetingList li{
    margin: 0 0 10px; vertical-align: middle;
}
.meetingList li svg {margin: 0 5px 0 0;}
div#tooltip-container {
    display: flex;
    align-items: start;
    justify-content: flex-start;
}
.meetingTooltipContainer {
    position: relative;
    bottom: 10px;
    right: 0;
    width:100%; margin: 10px 0;
}
.meetingTooltipContainer p {
    margin: 0;
    display: block;
    text-align: left;
}
.meetingTooltipContainer p{margin: 0;}
.meetingTooltipContainer .avatar-xs {
    height: 2.5rem;
    width: 2.5rem;
}
@media(min-width:1200px){
    .meetingTooltipContainer {
        position: absolute;
        bottom: 10px;
        right: 0;
        width: 40%; margin: 0;
    }
}

.Consulting-cuate_Img{ width: 100%; }

form.MeetingSelect {
    width:100%;
    float: none; margin: auto;
}

form.MeetingSelect.TeamSalePg {
    width: 100%; float:none;
}

@media(min-width:1480px){
    form.MeetingSelect {
        width:70%;
        float: right; margin: 0;
    }
}
.Meeting-tabbingDiv .nav-fill .nav-item .nav-link,
.Meeting-tabbingDiv .nav-justified .nav-item .nav-link {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Meeting-tabbingDiv .card {background: transparent; box-shadow: none;}
.Meeting-tabbingDiv .card-body {padding: 0;}
.Meeting-tabbingDiv .tab-content .card-body{ background: var(--ct-card-bg); border-radius: 8px; box-shadow: var(--ct-card-box-shadow); padding: 1rem 1rem; }
.Meeting-tabbingDiv .bg-nav-pills {
    background-color: #59B2E8;
    color: #fff; border-radius: 8px; padding: 0 15px;
}
.Meeting-tabbingDiv .nav-fill .nav-item .nav-link,
/*.tabbingDiv .nav-justified .nav-item .nav-link {
    border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important;
}*/
.Meeting-tabbingDiv li.nav-item a span {
    color: #fff; letter-spacing: 0.02rem; font-size: 13px; padding: 5px;
}
.Meeting-tabbingDiv .nav-pills>li>a,
.Meeting-tabbingDiv .nav-tabs>li>a{font-weight: 500}

.Meeting-tabbingDiv .nav-pills .nav-link.active,
.Meeting-tabbingDiv .nav-pills .show>.nav-link { background-color: transparent; border-bottom: 3px solid #fff; } 

.Meeting-tabbingDiv .nav-pills .nav-link.active span {font-weight: 600}

.Meeting-tabbingDiv ul.nav.nav-pills.nav-justified {
    width:100%;
}
.Meeting-tabbingDiv .nav-link {
    padding: 0.5rem 0.5rem;
}
.New_task_status.Meeting-tabbingDiv .nav-link {
    padding: 10px;
}
.Meeting-tabbingDiv .nav-item svg{ width:20px; height:20px; fill:#fff; text-align:center; }
@media(min-width:1260px){
    .Meeting-tabbingDiv ul.nav.nav-pills.nav-justified {
        width: 80%;
    }
}

/* MeetingSelect */
.MeetingSelect Select{}
/*.MeetingSelect .dropdown {
  width: 100%;
  margin: 0 20px;
  padding: 20px;
  background-color: white;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.3);
  font-family: "Lato", sans-serif;
}*/
/*@media (min-width: 768px) {
  .MeetingSelect .dropdown {
    width: 600px;
  }
}*/
.MeetingSelect .dropdown__switch:checked + .dropdown__options-filter .dropdown__select {
  transform: scaleY(1); z-index: 9;
}
.MeetingSelect .dropdown__switch:checked + .dropdown__options-filter .dropdown__filter:after {
  transform: rotate(-135deg);
}
.MeetingSelect .dropdown__options-filter {
  width: 100%;
  cursor: pointer;
}
.MeetingSelect .dropdown__filter {
  position: relative;
  display: flex;
  padding:10px;
  color: #595959;
  background-color: #fff;
  /*border: 1px solid #d6d6d6;*/
  border-radius:8px;
  font-size: 13px;
  transition: 0.3s; margin: 5px 0;
}
/*.MeetingSelect .dropdown__filter:focus {
  border: 1px solid #918FF4;
  outline: none;
  box-shadow: 0 0 5px 3px #918FF4;
}*/
.MeetingSelect .dropdown__filter::after {
  position: absolute;
  top: 45%;
  right: 20px;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #595959;
  border-bottom: 2px solid #595959;
  transform: rotate(45deg) translateX(-45%);
  transition: 0.2s ease-in-out;
}
.MeetingSelect.TeamSalePg .dropdown__filter {
  padding:20px 5px;
}
.MeetingSelect.TeamSalePg .dropdown__filter::after {
    right: 5px;
}



.MeetingSelect .dropdown__select {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6);
  transform: scaleY(0);
  transform-origin: top;
  font-weight: 300;
  transition: 0.2s ease-in-out;
}
.MeetingSelect .dropdown__select-option {
  padding:8px 10px;
  background-color: #fff;
  border-bottom: 1px solid #d6d6d6;
  transition: 0.3s;
}
.MeetingSelect .dropdown__select-option:last-of-type {
  border-bottom: 0;
}
.MeetingSelect .dropdown__select-option:hover {
  background-color: #f9f9f9;
}

/* LeadViewTopHead */
/*.LeadViewTopHead .row{ width: 100%;}*/
.Allocate_Btn {
    float: left;
    /*padding: 10px 12px;*/
    position: relative;
    margin: 0 2px 0 0;
}
.uil-calendar-alt:before {
    position: relative;
    top: 8px;
}

/* icons fonts */
@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.glyphicon-asterisk:before{content:"\2a";}
.glyphicon-plus:before{content:"\2b";}
.glyphicon-euro:before{content:"\20ac";}
.glyphicon-minus:before{content:"\2212";}
.glyphicon-cloud:before{content:"\2601";}
.glyphicon-envelope:before{content:"\2709";}
.glyphicon-pencil:before{content:"\270f";}
.glyphicon-glass:before{content:"\e001";}
.glyphicon-music:before{content:"\e002";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-heart:before{content:"\e005";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-star-empty:before{content:"\e007";}
.glyphicon-user:before{content:"\e008";}
.glyphicon-film:before{content:"\e009";}
.glyphicon-th-large:before{content:"\e010";}
.glyphicon-th:before{content:"\e011";}
.glyphicon-th-list:before{content:"\e012";}
.glyphicon-ok:before{content:"\e013";}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-zoom-in:before{content:"\e015";}
.glyphicon-zoom-out:before{content:"\e016";}
.glyphicon-off:before{content:"\e017";}
.glyphicon-signal:before{content:"\e018";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-home:before{content:"\e021";}
.glyphicon-file:before{content:"\e022";}
.glyphicon-time:before{content:"\e023";}
.glyphicon-road:before{content:"\e024";}
.glyphicon-download-alt:before{content:"\e025";}
.glyphicon-download:before{content:"\e026";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-inbox:before{content:"\e028";}
.glyphicon-play-circle:before{content:"\e029";}
.glyphicon-repeat:before{content:"\e030";}
.glyphicon-refresh:before{content:"\e031";}
.glyphicon-list-alt:before{content:"\e032";}
.glyphicon-flag:before{content:"\e034";}
.glyphicon-headphones:before{content:"\e035";}
.glyphicon-volume-off:before{content:"\e036";}
.glyphicon-volume-down:before{content:"\e037";}
.glyphicon-volume-up:before{content:"\e038";}
.glyphicon-qrcode:before{content:"\e039";}
.glyphicon-barcode:before{content:"\e040";}
.glyphicon-tag:before{content:"\e041";}
.glyphicon-tags:before{content:"\e042";}
.glyphicon-book:before{content:"\e043";}
.glyphicon-print:before{content:"\e045";}
.glyphicon-font:before{content:"\e047";}
.glyphicon-bold:before{content:"\e048";}
.glyphicon-italic:before{content:"\e049";}
.glyphicon-text-height:before{content:"\e050";}
.glyphicon-text-width:before{content:"\e051";}
.glyphicon-align-left:before{content:"\e052";}
.glyphicon-align-center:before{content:"\e053";}
.glyphicon-align-right:before{content:"\e054";}
.glyphicon-align-justify:before{content:"\e055";}
.glyphicon-list:before{content:"\e056";}
.glyphicon-indent-left:before{content:"\e057";}
.glyphicon-indent-right:before{content:"\e058";}
.glyphicon-facetime-video:before{content:"\e059";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-map-marker:before{content:"\e062";}
.glyphicon-adjust:before{content:"\e063";}
.glyphicon-tint:before{content:"\e064";}
.glyphicon-edit:before{content:"\e065";}
.glyphicon-share:before{content:"\e066";}
.glyphicon-check:before{content:"\e067";}
.glyphicon-move:before{content:"\e068";}
.glyphicon-step-backward:before{content:"\e069";}
.glyphicon-fast-backward:before{content:"\e070";}
.glyphicon-backward:before{content:"\e071";}
.glyphicon-play:before{content:"\e072";}
.glyphicon-pause:before{content:"\e073";}
.glyphicon-stop:before{content:"\e074";}
.glyphicon-forward:before{content:"\e075";}
.glyphicon-fast-forward:before{content:"\e076";}
.glyphicon-step-forward:before{content:"\e077";}
.glyphicon-eject:before{content:"\e078";}
.glyphicon-chevron-left:before{content:"\e079";}
.glyphicon-chevron-right:before{content:"\e080";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
.glyphicon-remove-sign:before{content:"\e083";}
.glyphicon-ok-sign:before{content:"\e084";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-info-sign:before{content:"\e086";}
.glyphicon-screenshot:before{content:"\e087";}
.glyphicon-remove-circle:before{content:"\e088";}
.glyphicon-ok-circle:before{content:"\e089";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-arrow-left:before{content:"\e091";}
.glyphicon-arrow-right:before{content:"\e092";}
.glyphicon-arrow-up:before{content:"\e093";}
.glyphicon-arrow-down:before{content:"\e094";}
.glyphicon-share-alt:before{content:"\e095";}
.glyphicon-resize-full:before{content:"\e096";}
.glyphicon-resize-small:before{content:"\e097";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-gift:before{content:"\e102";}
.glyphicon-leaf:before{content:"\e103";}
.glyphicon-eye-open:before{content:"\e105";}
.glyphicon-eye-close:before{content:"\e106";}
.glyphicon-warning-sign:before{content:"\e107";}
.glyphicon-plane:before{content:"\e108";}
.glyphicon-random:before{content:"\e110";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-magnet:before{content:"\e112";}
.glyphicon-chevron-up:before{content:"\e113";}
.glyphicon-chevron-down:before{content:"\e114";}
.glyphicon-retweet:before{content:"\e115";}
.glyphicon-shopping-cart:before{content:"\e116";}
.glyphicon-folder-close:before{content:"\e117";}
.glyphicon-folder-open:before{content:"\e118";}
.glyphicon-resize-vertical:before{content:"\e119";}
.glyphicon-resize-horizontal:before{content:"\e120";}
.glyphicon-hdd:before{content:"\e121";}
.glyphicon-bullhorn:before{content:"\e122";}
.glyphicon-certificate:before{content:"\e124";}
.glyphicon-thumbs-up:before{content:"\e125";}
.glyphicon-thumbs-down:before{content:"\e126";}
.glyphicon-hand-right:before{content:"\e127";}
.glyphicon-hand-left:before{content:"\e128";}
.glyphicon-hand-up:before{content:"\e129";}
.glyphicon-hand-down:before{content:"\e130";}
.glyphicon-circle-arrow-right:before{content:"\e131";}
.glyphicon-circle-arrow-left:before{content:"\e132";}
.glyphicon-circle-arrow-up:before{content:"\e133";}
.glyphicon-circle-arrow-down:before{content:"\e134";}
.glyphicon-globe:before{content:"\e135";}
.glyphicon-tasks:before{content:"\e137";}
.glyphicon-filter:before{content:"\e138";}
.glyphicon-fullscreen:before{content:"\e140";}
.glyphicon-dashboard:before{content:"\e141";}
.glyphicon-heart-empty:before{content:"\e143";}
.glyphicon-link:before{content:"\e144";}
.glyphicon-phone:before{content:"\e145";}
.glyphicon-usd:before{content:"\e148";}
.glyphicon-gbp:before{content:"\e149";}
.glyphicon-sort:before{content:"\e150";}
.glyphicon-sort-by-alphabet:before{content:"\e151";}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}
.glyphicon-sort-by-order:before{content:"\e153";}
.glyphicon-sort-by-order-alt:before{content:"\e154";}
.glyphicon-sort-by-attributes:before{content:"\e155";}
.glyphicon-sort-by-attributes-alt:before{content:"\e156";}
.glyphicon-unchecked:before{content:"\e157";}
.glyphicon-expand:before{content:"\e158";}
.glyphicon-collapse-down:before{content:"\e159";}
.glyphicon-collapse-up:before{content:"\e160";}
.glyphicon-log-in:before{content:"\e161";}
.glyphicon-flash:before{content:"\e162";}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-new-window:before{content:"\e164";}
.glyphicon-record:before{content:"\e165";}
.glyphicon-save:before{content:"\e166";}
.glyphicon-open:before{content:"\e167";}
.glyphicon-saved:before{content:"\e168";}
.glyphicon-import:before{content:"\e169";}
.glyphicon-export:before{content:"\e170";}
.glyphicon-send:before{content:"\e171";}
.glyphicon-floppy-disk:before{content:"\e172";}
.glyphicon-floppy-saved:before{content:"\e173";}
.glyphicon-floppy-remove:before{content:"\e174";}
.glyphicon-floppy-save:before{content:"\e175";}
.glyphicon-floppy-open:before{content:"\e176";}
.glyphicon-credit-card:before{content:"\e177";}
.glyphicon-transfer:before{content:"\e178";}
.glyphicon-cutlery:before{content:"\e179";}
.glyphicon-header:before{content:"\e180";}
.glyphicon-compressed:before{content:"\e181";}
.glyphicon-earphone:before{content:"\e182";}
.glyphicon-phone-alt:before{content:"\e183";}
.glyphicon-tower:before{content:"\e184";}
.glyphicon-stats:before{content:"\e185";}
.glyphicon-sd-video:before{content:"\e186";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-subtitles:before{content:"\e188";}
.glyphicon-sound-stereo:before{content:"\e189";}
.glyphicon-sound-dolby:before{content:"\e190";}
.glyphicon-sound-5-1:before{content:"\e191";}
.glyphicon-sound-6-1:before{content:"\e192";}
.glyphicon-sound-7-1:before{content:"\e193";}
.glyphicon-copyright-mark:before{content:"\e194";}
.glyphicon-registration-mark:before{content:"\e195";}
.glyphicon-cloud-download:before{content:"\e197";}
.glyphicon-cloud-upload:before{content:"\e198";}
.glyphicon-tree-conifer:before{content:"\e199";}
.glyphicon-tree-deciduous:before{content:"\e200";}
.glyphicon-briefcase:before{content:"\1f4bc";}
.glyphicon-calendar:before{content:"\1f4c5";}
.glyphicon-pushpin:before{content:"\1f4cc";}
.glyphicon-paperclip:before{content:"\1f4ce";}
.glyphicon-camera:before{content:"\1f4f7";}
.glyphicon-lock:before{content:"\1f512";}
.glyphicon-bell:before{content:"\1f514";}
.glyphicon-bookmark:before{content:"\1f516";}
.glyphicon-fire:before{content:"\1f525";}
.glyphicon-wrench:before{content:"\1f527";}


.LeadPageBoxForm .datepicker {
    padding: 7px 10px !important;
}
.Addnewbtn_widthauto .col-lg-6{width: auto;}

/*table{text-align: center;}*/

@media(min-width:768px){
    table{text-align: left;}
}

table span.User_img{
    width:30px; height:30px; border-radius: 50px; display: inline-block; margin: 0 10px 0 0;
}
table span.User_img img{ width:100%; height:100%; }

.individual_salesPG .MeetingSelect{width: 100%;}
.individual_salesPG .MeetingSelect .dropdown__filter{padding: 0; margin: 0;}
.individual_salesPG .MeetingSelect .dropdown__filter::after {
    top: 29%;
    right: 20px;
    content: "";
    width: 8px;
    height: 8px;
}
.TeamsSalesAddNew .CommonMainForm textarea {
    min-height: 44px;
    max-height: 46px;
}
.TeamsSalesAddNew span.select2.select2-container.select2-container--default {
    margin: 4px 0;
}

/*div.toggle_box {
    background: #fff; display: none;
    width: 11%;
    padding: 10px 15px;
    border-radius:10px; z-index: 9999;
    position: absolute; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; right:15%; bottom: auto !important;
}*/
div.toggle_box {
    background: #fff;
    display: none;
    width: min-content;
    padding: 10px 15px;
    border-radius: 10px;
    z-index: 9999;
    position: absolute;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    right: 0 !important;
    bottom: auto !important;
    top: 25px !important;
    left: 0 !important;
}
div.toggle_box ul{padding: 0; margin: 0;}
div.toggle_box ul li {
    font-size: 13px;
    line-height: 29px; color: #000;
}
div.toggle_box ul li a{color: #000;}
.Single_Line label{display: inline-flex;align-items: start;justify-content: space-between;}
a.forgotPW_btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    text-align: right;
    float: right;
    position: relative;
    margin: 4px 0;
}
.button {
    background: var(--ct-success);
    font-size: 13px;
    font-weight: 500;
    padding: 9px 10px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    display: inline-block !important;
    width: auto;
    position: relative;
}
.btn_green {
    background: var(--ct-success);
}
    .btn_blue {background:#60a4cc;}

.TaskHead_Img{
    width: 100%;height: auto;
}

@media(min-width:768px) {
   .TaskHead_Img{ width: 100%; height: auto;}
}

@media (max-width: 991px) {
  .New_task_status .tab-content>.tab-pane {
    display: block;
    opacity: 1;
  }
}

ul.myTab {
    background: transparent;
}
ul.myTab li.nav-item.show .nav-link
 {   
    border: transparent; border-top-left-radius:none;
    border-top-right-radius:none; background:none;
}
ul.myTab li .nav-link.active{color: #fff; font-weight:600; background: transparent; border:transparent;}
ul.myTab li .nav-link:hover,
ul.myTab li .nav-link:focus{
    border: none; border-top-left-radius:none;
    border-top-right-radius:none; background:none; }

ul.myTab li .nav-link:focus-visible {
    outline:none;
}
ul.myTab .nav-link { color:#fff; background:none;border: none; }
.myTabContent h2{margin: 0}
.clearfix {
    clear: both;
    display: block;
}
.offcanvas-header {
    border-bottom: 1px solid #d2d2d2;
}

/* Team_mgtBox */
.Team_mgtBox{background: #f8f8f8; padding:0; border-radius: 15px;}
.Team_mgtBox .images{ width:100px; height:100px; background-color:#f2f2f2; border-radius:50px; display: inline-block; vertical-align: middle;}
/*.Team_mgtBox h1{ font-size:16px; line-height:20px; font-weight: 500; color:#59B2E8; display:inline-block;vertical-align: middle; margin:0 0 0 10px; }*/
.Team_mgtBox h1 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #59B2E8;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px;
}
.Team_mgtBox h1 span{
    color: #ED7D2D; display: block;
}
/*.Team_mgtBox h1 span pre {
    color: #59B2E8;
    display: inline-block;
    margin: 0;
    font-size: 16px;
    overflow: hidden;
    font-family: poppins;
    vertical-align: middle;
}*/
.Team_mgtBox h1 span pre {
  color: #59B2E8;
  display: inline-block;
  margin: 0;
  font-size: 13px;
  overflow: hidden;
  font-family: poppins;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 110px;
}
.Team_mgtBox .footer {
    position: relative;
    left: 0;
    padding: 0;
    border-top: 0; vertical-align: middle;
}
.Team_mgtBox .footer .icon {
    display: inline-block;
    float: left;
}
.Team_mgtBox .footer .Content {
    /*display: inline-flex;*/
    float: left;
    margin:0 0px 0 20px; width: 100%;
}
.Team_mgtBox .footer .Content ul{    
    margin: 0 ;
}
.Team_mgtBox .footer {    
    color: #fff;
    padding: 10px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: start;left: 0 !important;
}
.Team_mgtBox .footer.navyblue {
    background: #006197;
}
.Team_mgtBox .footer.blue {
    background: #2E65D4;
}
.Team_mgtBox .footer.Greeny-blue {
    background:#2EC2D3;
}
.Team_mgtBox .footer .footer_Last {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.Team_mgtBox .Three_DotsImg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end; cursor: pointer;
}
.Team_mgtBox div#tooltip-container {
    display: inline-flex; margin: 0 10px;
}
.Team_mgtBox .avatar-sm {
    height: 3rem;
    width: 3rem;
    margin: 0 -12px;
    border: 2px solid #fff;
}
.Team_mgtBox a.avatar-group-item.mb-0.lastChild {
    height: 3rem;
    width: 3rem;
    margin: 0 -12px;
    border: 2px solid #fff;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
}
.Team_mgtBox .Three_DotsImg_OpenDiv{
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}
.Team_mgtBox .Three_DotsImg_OpenDiv ul{margin: 0; padding: 0;}
.Team_mgtBox .Three_DotsImg_OpenDiv{}
.dropdown .select2-container .select2-selection--single {
    border: 0;
    height: calc(1.5em + .9rem + 2px);
    background-color: var(--ct-input-bg);
    outline: 0;
    border-radius: 8px;
}
.lead_import_submit {
    position: absolute;
    z-index: 9;
    background: #fff;
    padding: 10px;
    margin: 10px 0;
    border-radius: 10px;
}
.uploadRevDownload{
    rotate:180deg;
}
select#MySelect{font-size: 13px;}
select#MySelect:focus-visible{outline: 0;}
select#MySelect option{background: #fff; color: #000 !important; padding: 10px 15px;}

/* upload multiple photos */
.upload__box {
  padding: 0;
}
.upload__box label {
    display: inline-flex;
}
.upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-align: center;
  min-width: auto; width: auto;
  padding: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid;
  background-color:transparent;
  border: 1px solid var(--ct-input-border-color);
  border-radius:5px;
  line-height: 26px;
  font-size: 13px;
}
.upload__btn:hover {
  background-color: unset;
  color: #4045ba;
  transition: all 0.3s ease;
}
.upload__btn-box {
    display: inline-block;
    vertical-align: middle; margin: 0 10px 10px 10px;
}
.upload__img-wrap {
  /*display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;*/
  display: inline-block; margin: 0;
}
.upload__img-box {
    width: 50px;
    padding: 0 0;
    margin-bottom: 0;
    height: 50px;
    border-radius: 100px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 -10px 0 0;
    border: 2px solid #fff;
}
.upload__img-close {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    /* top: 10px; */
    /* right: 10px; */
    text-align: center;
    line-height: 9px;
    z-index: 1;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}
.upload__img-close:after {
    content: "✖";
    font-size: 9px;
    color: #fff;
    line-height: 16px;
    vertical-align: middle;
}

.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%; border-radius: 100px;
}
.SelectCamera svg {
    width: 15px;
    height: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    position: relative;
    top: 50%;
    margin: -7px auto;
}
/* status_Box tile */
.status_Box .Three_DotsImg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end; cursor: pointer;
}
.status_Box .Three_DotsImg_OpenDiv {
    background: #f8f8f8;
    padding: 10px;
    border-radius: 10px;
    position: absolute;
    right: 20px;
    width: auto;
}
.status_Box .Three_DotsImg_OpenDiv ul{margin: 0; padding: 0;}
 
/* SalesExcecutiveData */
.SalesExcecutiveData{position: relative;}
.SalesExcecutiveData .SalesExcecutive_list{background: #f8f8f8; padding: 5px 20px; border-radius: 8px;}
.SalesExcecutive_list .executivename{
    position: relative;
}
.SalesExcecutive_list h2{font-size: 13px; font-weight: normal; line-height: normal;}
.SalesExcecutive_list .executivename span{display: block; color: }
 
.SalesExcecutive_list .Sales_image{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: inline-block;
    margin: 0 10px 0 0;position: relative;
}
.SalesExcecutive_list .Sales_image img {
    width: 100%;
    height: 100%;
}


.New_task_status .MeetingSelect .nav{
    display: flex; align-items: center; justify-content: center; margin: 10px 0;
}
@media(min-width:1200px){
    .New_task_status .MeetingSelect .nav{
        display: flex; align-items: end; justify-content: end; margin: 0;
    }
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #59B2E8;
}
.myTabContent .accordion-item{border:1px solid var(--ct-accordion-border-color); margin: 10px 0;}

@media(min-width:992px){
    .myTabContent .accordion-item{border: none; margin: 0}
}

.card.w-full,
.card-body.w-full {
    width: 100%;
  }

  .taskPrioritySelection .nav-item {
    width: 200px;
  }
  .SalesTargetLink .Leadcontent .LeadOption{
    position: relative; top: 0; right: 0; margin: 0 0 30px;
  }
  .SalesTargetLink .Leadcontent .LeadOption select{
    margin:0 0 10px;
  }

  @media(min-width:576px){
    .SalesTargetLink .Leadcontent .LeadOption{
        position: absolute; top: 10px; right: 10px; margin: 0;
      }
       .SalesTargetLink .Leadcontent .LeadOption select{
            margin:0;
          }

  }

  .note-view .btn-fullscreen.note-codeview-keep{display: none;}

.treebtn{
    background: #39afd1;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 10px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    cursor: pointer;
    letter-spacing: 0.04rem;
    margin-bottom: 15px;
}

.treerbtn {
    background: #39afd1;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 10px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    cursor: pointer;
    letter-spacing: 0.04rem;
    margin-top: 15px;
}
/* new Btn */
input[data-switch]+label {
    width: 25px;
    height: 24px;
}
input[data-switch]:checked+label:after {
    left: 8.5px;
    background-color: #f1f3fa;
}
input[data-switch]+label:after {
    left: 4px;
    background-color: #adb5bd;
    height: 8px;
    width: 8px;
    top: 8px;
}
input[data-switch]+label:after {
    left: 8.4px;
}
.TopHead.LeadViewTopHead {
    margin: 20px auto;
    width: 99%;
}
#gridContainer {
    width: 99% !important;
    margin: auto !important;
}
.note-btn.dropdown-toggle::after{
        visibility: hidden !important;
    }

    .logo-sm img {
        width: 86%;
    }

    .dx-widget{
        font-size: 11px;
    }
    .legend-chart-container{
        height: 250px;
        overflow-y: auto;
        overflow-x: hidden;
    }

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu
 {
    /*position: absolute;*/
    padding-top: 0;
    width: 70px;
    z-index: 5;
    padding-top: 70px;
    position: fixed;
}
.pendingFollowUpBtn{
    padding: .45rem .7rem;;
}