body {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'gothambold';
	src: url('../fonts/gothambold-webfont.woff2') format('woff2'), url('../fonts/gothambold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothambold_italic';
	src: url('../fonts/gothambolditalic-webfont.woff2') format('woff2'), url('../fonts/gothambolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothambook';
	src: url('../fonts/gothambook-webfont.woff2') format('woff2'), url('../fonts/gothambook-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothambookitalic';
	src: url('../fonts/gotham-bookitalic-webfont.woff2') format('woff2'), url('../fonts/gotham-bookitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothambook_italic';
	src: url('../fonts/gothambookitalic-webfont.woff2') format('woff2'), url('../fonts/gothambookitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamlight';
	src: url('../fonts/gotham-light-webfont.woff2') format('woff2'), url('../fonts/gotham-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamlight';
	src: url('../fonts/gothamlight-webfont.woff2') format('woff2'), url('../fonts/gothamlight-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamlight_italic';
	src: url('../fonts/gothamlightitalic-webfont.woff2') format('woff2'), url('../fonts/gothamlightitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothammedium';
	src: url('../fonts/gothammedium-webfont.woff2') format('woff2'), url('../fonts/gothammedium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothammedium';
	src: url('../fonts/gothammedium_1-webfont.woff2') format('woff2'), url('../fonts/gothammedium_1-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamblack';
	src: url('../fonts/gotham-black-webfont.woff2') format('woff2'), url('../fonts/gotham-black-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothambold';
	src: url('../fonts/gotham-bold-webfont.woff2') format('woff2'), url('../fonts/gotham-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamthin';
	src: url('../fonts/gotham-thin-webfont.woff2') format('woff2'), url('../fonts/gotham-thin-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamthinitalic';
	src: url('../fonts/gotham-thinitalic-webfont.woff2') format('woff2'), url('../fonts/gotham-thinitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamultraitalic';
	src: url('../fonts/gotham-ultraitalic-webfont.woff2') format('woff2'), url('../fonts/gotham-ultraitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamxlight';
	src: url('../fonts/gotham-xlight-webfont.woff2') format('woff2'), url('../fonts/gotham-xlight-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamxlightitalic';
	src: url('../fonts/gotham-xlightitalic-webfont.woff2') format('woff2'), url('../fonts/gotham-xlightitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothammedium';
	src: url('../fonts/gothammediumitalic-webfont.woff2') format('woff2'), url('../fonts/gothammediumitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

img {
	width: 100%;
}
.sign_ing_logo img{
	width: 217px;
}
.sign_ing_logo{
	text-align: center;
	margin-bottom: 33px;
}
.signup_form_part h4{
	font-size: 26px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
    color: #333333;
}
.signup_form_part h5{
color: #454545;
    font-size: 18px;
    text-align: center;
    margin: 0 0 30px;
}
.forget_password_text a{
color: #404040;
    text-decoration: none;
    font-size: 14px;
}
.dont_have_accout_right_form .toggle{
	border: none;
    position: absolute;
    top: 40px;
    right: 7px;
    background: none;
    outline: none;
}
.dont_have_accout_right_form .toggle:focus{
    border: none;
	outline: none;
}
.login_sign_up_page .account-btn {
   background: linear-gradient(to right, #d81a5e2e 0%, #d821633b 100%);
    /* background: linear-gradient(to right, #00c5fb 0%, #0253cc 100%); */
    border: 0;
    display: block;
    font-size: 18px;
    width: 100%;
    border-radius: 4px;
    padding: 8px 26px;
    color: #d81f62 !important;
    font-weight: 400;
}
.login_sign_up_page .account-btn:focus{
	border:none;
	outline:none;
}
.input_group_pass {
    position: relative;
}
.contact_submit_buttons {
    margin-top: 30px;
}

.login_sign_up_page .container .row{
    align-items:center;
    height:100vh;
}

/*=================Login design============*/

.login-13 .form-info {
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 15px;
}

.login-13 .form-section{
    max-width: 450px;
    margin: 0 auto;
    width: 100%;
}

.login-13 .login-inner-form .form-group {
    margin-bottom: 25px;
}

.login-13 .login-inner-form .form-box {
    float: left;
    width: 100%;
    position: relative;
}

.login-13 .login-inner-form .form-control {
    font-size: 16px;
    outline: none;
    color: #535353;
    border-radius: 3px;
    border: 1px solid #efefef;
    background: #efefef;
    height: 55px;
    float: left;
    width: 100%;
    padding: 13px 40px 11px 15px;
}

.login-13 .login-inner-form .form-box i {
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 18px;
    color: #535353;
}

.login-13 .form-section a {
    text-decoration: none;
}

.login-13 .login-inner-form .forgot{
    margin: 0;
    line-height: 45px;
    color: #efefef;
    font-size: 15px;
}

.login-13 .bg-img {
    top: 0;
    bottom: 0;
    min-height: 100vh;
    z-index: 999;
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    overflow: hidden;
    background: #fff;
    border-radius: 0 0 350px 0;
}

/*.bg-img-inner:before {
    content: "";
    width: 20%;
    height: 20%;
    position: absolute;
    top: 50px;
    left: 50px;
    border-radius: 100% 0 100% 100%;
    background-image: linear-gradient(to bottom, #018ce4, #0254cc);
}*/

.login-13 .bg-img-inner:after {
    content: "";
    width: 30%;
    height: 60%;
    position: absolute;
    top: 20%;
    right: 0;
    z-index: -1;
    -webkit-clip-path: polygon(0 0, 30% 0, 70% 10%);
    clip-path: polygon(0 0, 100% 50%, 100% 80%);
   background: linear-gradient(to right, #003f5c 0%, #315a68 100%);
	
}

.login-13 .info{
    z-index: 999;
    max-width: 650px;
}

.login-13 .info p {
    margin-bottom: 0;
    line-height: 28px;
    font-size: 14px;
}

.login-13 .form-section .form-check .form-check-input {
    margin-left: -22px;
}

.login-13 .center h1{
    color: rgb(19 73 97 / 77%);
    font-size: 39px;
    text-transform: uppercase;
    font-weight: 700;
    background-size: cover;
    background-image: url(../images/1_Jalb56N34pBIGCjQULtW3A.jpeg);
    -webkit-background-clip: text;
    animation: background-text-animation 15s linear infinite;
    margin-bottom: 20px;
}

@keyframes background-text-animation {
    0%{
        background-position: left 0px top 50%;
    }
    50%{
        background-position: left 1500px top 50%;
    }
    100%{
        background-position: left 0px top 50%;
    }
}

.login-13 .login-inner-form p{
    margin: 0;
    color: #efefef;
}

.login-13 .login-inner-form p a{
    color: #efefef;
}

.login-13 .logo img{
    height: 30px;
    margin-bottom: 20px;
}

.login-13 .nav-pills li{
    display: inline-block;
}

.login-13 .login-inner-form .form-group.mb-35{
    margin-bottom: 35px;
}

.login-13 .login-inner-form .form-group.mb-30{
    margin-bottom: 30px;
}

.login-13 .login-inner-form .terms{
    margin-left: 3px;
}

.login-13 .login-inner-form .form-check{
    float: left;
    margin-bottom: 0;
}

.login-13 .login-inner-form .form-check a {
    color: #efefef;
}

.login-13 .login-inner-form .form-check-input {
    position: absolute;
    margin-left: 0;
}

.login-13 .login-inner-form .form-check-label {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #efefef;
}

.login-13 .form-section .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    position: absolute;
    border: 1px solid #efefef;
    border-radius: 2px;
}

.login-13 .form-check-input:focus {
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}

.login-13 .form-check-input:checked {
    background-color: #ff8a00!important;
    border-color: #ff8a00!important;
}

.login-13 .btn-section{
    top: 20px;
    position: absolute;
    left: 0px;
    float: right;
    display: inline-block;
    width: 100px;
}

.login-13 .btn-section .link-btn {
    font-size: 14px;
    float: left;
    background: transparent;
    font-weight: 400;
    line-height: 50px;
    width: 120px;
    text-decoration: none;
    text-decoration: blink;
    text-align: center;
    color: #fff!important;
    border-radius: 0 50px 50px 0;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.login-13 .btn-section .active-bg{
    background-image: linear-gradient(to bottom, #585858, #000000);
}

.login-13 .btn-section .default-bg{
    background-image: linear-gradient(to bottom, #ffb400, #ff8a00);
}

.login-13 .login-inner-form .checkbox a {
    font-size: 16px;
    color: #efefef;
    margin-left: 3px;
}

.login-13 .form-section{
    text-align: center;
}

.login-13 .form-section h3{
    font-size: 25px;
    margin-bottom: 40px;
    font-weight: 400;
    color: #fff;
}

.login-13 .form-section p {
    margin: 25px 0 0;
    font-size: 15px;
    color: #efefef;
}

.login-13 .form-section p a {
    color: #efefef;
}

.login-13 .form-section ul {
    list-style: none;
    padding: 0;
    margin: 40px 0 0;
}

.login-13 .form-section .social-list li {
    display: inline-block;
}

.login-13 .form-section .social-list li a {
    font-size: 13px;
    font-weight: 600;
    width: 135px;
    margin: 0 2px 5px 0;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: #fff;
}

.login-13 .form-section .social-list li a i {
    height: 45px;
    width: 45px;
    line-height: 45px;
    float: left;
    color: #fff;
}

.login-13 .none-2 {
    display: none;
}

.login-13 .btn-theme {
    color: #fff;
    text-align: center;
    border: 2px solid transparent;
    display: inline-block;
    padding: 0 50px;
    position: relative;
    line-height: 46px;
    z-index: 1;
    transition: all .7s ease;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    
    width: 100%;
}

.login-13 .btn-theme:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .7s ease;
    z-index: -1;
    border-radius: 3px;
}

.login-13 .btn-theme:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .7s ease;
    z-index: -1;
}

.login-13 .btn-theme:hover {
    background: transparent;
}

.login-13 .btn-theme:hover:before {
    width: 0;
    opacity: 1;
    visibility: visible;
}

.login-13 .btn-theme:hover:after {
    width: 0;
    opacity: 1;
    visibility: visible;
}

.login-13 .btn-lg{
    padding: 0 30px;
    line-height: 51px;
}

.login-13 .btn{
    box-shadow: none!important;
}

.login-13 .btn-md{
    padding: 0 45px;
    line-height: 41px;
}

.login-13 .btn-primary {
    background-image: linear-gradient(to bottom, #ffb400, #ff8a00);
}

.login-13 .btn-primary:before {
    background-image: linear-gradient(to bottom, #ffb400, #ff8a00);
}

.login-13 .btn-primary:after {
    background-image: linear-gradient(to bottom, #ffb400, #ff8a00);
}

.login-13 .btn-primary:hover {
    color: #ff8a00;
    border: 2px solid #ff8a00;
}

/** Social media **/
.login-13 .facebook-i {
    background: #4867aa;
    color: #fff;
}

.login-13 .twitter-i {
    background: #33CCFF;
    color: #fff;
}

.login-13 .google-i {
    background: #db4437;
    color: #fff;
}

.login-13 .facebook-color{
    color: #4867aa;
}

.login-13 .twitter-color {
    color: #33CCFF;
}

.login-13 .google-color {
    color: #db4437;
}

/** MEDIA **/
@media (max-width: 992px) {
   
    .login-13 .none-2 {
        display: block;
    }

    .login-13 .btn-section {
        display: none;
    }

    .login-13 .form-section .form-section-innner:before{
        display: none;
    }

    .login-13 .form-section .form-section-innner:after {
        display: none;
    }
}
/** Login 13 end **/


.bg-img-inner img{
	width: 47px;
}
.signup_form_part{
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
    background: #fff;
    padding: 50px;
    border-radius: 30px;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    text-align: left;
    position: relative;
    z-index: 0;
}
.dashboard_log_out_login{
	text-align: right;
    margin-top: 20px;
}
.edit_profile_box {
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    width: 70%;
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
}
.dashboard_log_out_login .btn:first-child{
	margin-right: 9px;
}
.edit_profile_images img{
    width: 70px;
    border: 2px solid #017bdc;
    border-radius: 50px;
    display: block;
    height: 70px;
    object-fit: cover;
    margin-top: 10px;
}
.edit_profile_head h4{
    font-weight: 600;
}

.toggle_btn .bar-icon span {
    background-color: #d71b5f;
    display: block;
    float: left;
    height: 2px;
    width: 21px;
    margin: 0 0 5px;
    border-radius: 50px;
}
.header .toggle_btn .bar-icon {
    display: inline-block;
    width: 21px;
}
.header .toggle_btn {
    color: #999;
    float: left;
    font-size: 26px;
    line-height: 70px;
    padding: 0 10px;
}
.login_personal.text-right {
    margin-top: 30px;
}

.user_account_dashboard {
    background-color: #fff;
    padding: 14px 15px;
    margin-top: 8px;
}
.user_account_detail {
    display: table;
    width: 100%;
    background-color: #eb6093;
    padding: 5px 10px;
}
.user_account_dashboard .user_profile{
	display: table-cell;
    width: 60px;
}
.dashboard_holiday_user h3{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #0181df;
    position: relative;
    height: 33px;
}
.employee_anniversary_bg{
    position: relative;
}
.dashboard_holiday_user h3::after{
    content: "";
    position: absolute;
    width: 54px;
    height: 2px;
    left: 0;
    background-color: #0181df;
    bottom: 0;
}
.dashboard_holiday_user .card{
    min-height: 197px;
}
.dashboard_holiday_user .request-btn {
    text-align: center;
    width: 100%;
}
.main-wrapper {
    margin-bottom: 0px;
}
.user_account_omformation ul{
	display: flex;
}
.user_account_omformation ul li{
    padding-right: 40px;
    position: relative;
}
.page-header {
    margin-bottom: 16px;
}
.user_account_omformation ul li h4{
	color: #fbfbfb;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
}
.user_profile img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
}
.user_account_omformation ul li:after{
	content: "";
    position: absolute;
    width: 2px;
    height: 20px;
    background-color: #fff;
    right: 17px;
    top: 0;
}
.user_account_omformation ul li:last-child:after{
	display:none;
}

.user_account_omformation .edit_account{
    color: #888;
    font-size: 14px;
}
.apply_for_leave_btn li a:hover{
    background-color: #04aedd;
}
.apply_for_leave_btn li a{
    color: #fff;
    padding: 10px 10px;
    background-color: #00c5fb;
    border-radius: 10px;
    font-size: 15px;
    transition: all 0.7s ease;
    text-decoration: none;
}
.apply_for_leave_btn li{
    margin-right: 10px;
}
.apply_for_leave_btn li:last-child{
    margin-right: 0px;
}
.apply_for_leave_btn ul{
    display: flex;
    align-items: center;
    justify-content: center;
}

.padding_left{
    padding-left:0px;
}
.padding_right{
    padding-right:0px;
}

.Pending_Leave_head h4{
    font-size: 22px;
}

.leave_apply_sec h2{
    font-size: 28px;
    font-weight: 600;
    color: #0199e9;
    margin-top: 25px;
    margin-bottom: 18px;
}
.birthday_wish_popup .modal-body{
    padding: 0rem;
}
.birthday_wish_popup .modal-title{
    color: #0194e7;
}

div.dataTables_wrapper div.dataTables_length select{
    width: auto;
    display: inline-block;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color:rgb(233 233 233);
    color: var(--bs-table-striped-color);
}
.dashboard_attence_leave h2{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #0181df;
    position: relative;
}
#rejectform button.btn{
    margin-top: 16px;
}
.markeuee_animation {
    float: right;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    color: #3a3a3a;
    font-size: 15px;
}

.payslip_download {text-align: right;}
    .payslip_logo img{width: 200px;}
    .payslip_heading_sec{align-items: center;}
    .payslip_heading_sec h3{font-size: 20px; margin-bottom: 10px;    font-weight: 600;}
    .payslip_download a{text-decoration: underline;}
    .Payslip_address{text-align: center;margin-top: 26px;}
    .Payslip_address h2{font-size: 30px; font-weight: 600;color: #007aac;}
    .Payslip_address p{}
    .Payslip_address h6{font-size: 18px; font-weight: 600; color: #005e81;}
    .payslip_logo{text-align: center;}
    .payslip_datas tr td span{float: right;}
    .earning_actual thead tr{background: none!important;}
    .payslip_datas tr td{text-transform: capitalize;}
    .earning_actual thead tr th{text-align: left!important;}
    .payslip_datas {margin-top: 39px;}
    .payslip_of_month_sec {margin-top: 14px;}
    .payslip_heading_sec .form-control{height: 38px;  border-radius: 0px;}
    .pay_month_list_btn .btn-primary{border-radius: 0px;}
    .earning_actual thead tr th:first-child{border-left: none;}
    .earning_actual thead tr th:last-child{border-right: none;}
    .earning_actual tbody tr td:first-child{border-left: none;}
    .earning_actual tbody tr td:last-child{border-right: none;}
    .payslip_of_month_sec .table td{padding: 0.4rem;}
    
    
    
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 142px;
  height: 40px;
  margin: -20px 0 0 -71px;
  background: white;
  filter: contrast(20);
  z-index:999;
}
.dot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 5px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
  transform: translateX(0);
  animation: dot 2.8s infinite;
}
.dots {
  transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  animation: dots 2.8s infinite;
}
.loader span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  filter: blur(4px);
  background: #000;
  border-radius: 50%;
}

@keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
.text-muted {
    color: #8e8e8e!important;
}


/*=====upload file css open===========*/
.upload-files-container {
	background-color: #f7fff7;
	width: 420px;
	padding: 30px 60px;
	border-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 10px 20px, rgba(0, 0, 0, 0.28) 0px 6px 6px;
}
.drag-file-area {
	border: 2px dashed #0176da;
    border-radius: 40px;
    margin: 10px 0 15px;
    padding: 30px 7px;
    width: 350px;
    text-align: center;
}
.drag-file-area .upload-icon {
	font-size: 30px;
    text-transform: capitalize;
    font-weight: 600;
}
.drag-file-area h3 {
	font-size: 20px;
	margin: 15px 0;
}
.drag-file-area label {
	font-size: 18px;
    display: block;
}
.drag-file-area label .browse-files-text {
	color: #0273d9;
    font-weight: bolder;
    cursor: pointer;
}
.browse-files span {
	position: relative;
	top: -25px;
}
.default-file-input {
	opacity: 0;
}
.cannot-upload-message {
	background-color: #ffc6c4;
	font-size: 17px;
	display: flex;
	align-items: center;
	margin: 5px 0;
	padding: 5px 10px 5px 30px;
	border-radius: 5px;
	color: #bb0000;
	display: none;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.cannot-upload-message span,
.upload-button-icon {
	padding-right: 10px;
}
.cannot-upload-message span:last-child {
	padding-left: 20px;
	cursor: pointer;
}
.file-block {
	color: #f7fff7;
	background-color: #7b2cbf;
	transition: all 1s;
	width: 390px;
	position: relative;
	display: none;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0 15px;
	padding: 10px 20px;
	border-radius: 25px;
	cursor: pointer;
}
.file-info {
	display: flex;
	align-items: center;
	font-size: 15px;
}
.file-icon {
	margin-right: 10px;
}
.file-name,
.file-size {
	padding: 0 3px;
}
.remove-file-icon {
	cursor: pointer;
}
/*.progress-bar {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 4.5%;
	width: 0;
	height: 5px;
	border-radius: 25px;
	background-color: #4bb543;
}*/

/*=====upload file css close===========*/

.ticket_view_btn_sec .ticket_view_btn {
    padding: 9px 30px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.upload_resume_file {
    width: 70%;
    margin-left: auto;
}
.upload_resume_file .row{
    align-items: center;
}
.upload_resume_btn .btn-primary{
    height: 44px;
    display: block;
    width: 100%;
}
.ticket_view_form p{
    width: max-content;
    padding: 7px 10px;
    border-radius: 17px;
    color: #fff;
}
.ticket_view_form p:nth-child(even){
    background-color: #9f9f9f;
}
.ticket_view_form p:nth-child(odd){
     background-color: #6a6a6a;
}
.dash-stats-list h4 span{
    color: var(--danger);
}
#monthsubmit .form-control{
    border-radius: 0px;
}
#monthsubmit .btn-primary{
    font-size: 15px;
    height: 44px;
    border-radius: 0px;
}
.dashboard_holiday_user .time-list{
    width: 100%;
}
.dashboard_holiday_user .time-list .dash-stats-list h4{
    font-size: 20px;
    text-transform: capitalize;
}

.dashboard_attence .table-responsive{
    max-height: 300px;
}
.employee_anniversary h6{
    margin-bottom: 10px;
    margin-top: 11px;
    color: #dc3545;
}

.Ticket_Add_head{
  padding-top: 30px;
}
.page-title{
    color: #eb6093;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 5px;
}

.login-13 .center h1 span{
    display:block;
}

#getexcel{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    padding: 30px;
    background-color: #fff;
}
.leave_apply_sec h2{
    text-align:center;
}
.stats-info.remaining_leave{
    background-color: #0187e1;
}
#DataTables_Table_0 tr th{
    text-align:left;
}
.sidebar .sidebar-menu ul ul li{
    position:relative;
    margin-left: 0px;
}
.sidebar .sidebar-menu ul ul li:first-child:before{
    top: -10px;
}
.sidebar .sidebar-menu ul ul li:before{
    content: "";
    position: absolute;
    left: -13px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #fff;
}
.sidebar .sidebar-menu ul ul li:after {
   content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    top: 18px;
    margin-top: -2px;
    z-index: 10;
    /* background: #fff; */
    border-radius: 4px;
}
.sidebar .sidebar-menu ul ul li a:after {
    content: "";
    position: absolute;
    left: -11px;
    top: 18px;
    width: 11px;
    height: 2px;
    background: #fff;
}
.bg-img-inner {
    margin-top: -80px;
}
.dashboard_searchbar .btn-submit{
    width: 100%;
    min-width: auto;
    background-color: #0197e8;
    color: #fff;
    height: 37px;
}
.welcome_user h2{
   text-transform: capitalize;
    font-size: 23px;
    font-weight: 600;
    color: #eb6093;
}
.dashboard_welcome {
    margin-top: 25px;
}
.calendar .ui-widget.ui-widget-content {
    border: 1px solid #fff;
}
.dashboard_searchbar .form-control{
    border: none;
}
.dashboard_searchbar form{
    border: 1px solid #ced4da;
    padding-right: 3px;
}
.calendar .ui-widget-header{
    border: 1px solid #f18eb2;
    background: #f18eb2;
    color: #ffffff;
}
.calendar .ui-widget-header a{
    background-color: #fff;
}

.calendar .currentDateDisplay > p {
  font-size: 22px;
    color: #0181df;
    margin-bottom: 1px;
    margin-top: 15px;
    font-weight: 600;
}
section.calendar .ui-datepicker {
  margin: auto;
}
section.calendar .ui-datepicker .ui-datepicker-calendar {
  margin: auto;
  width: 100%;
  padding: 1rem;
}

section.calendar .ui-datepicker .ui-datepicker-calendar .ui-state-active {
 color: #ffffff;
    border: 1px solid #f18eb2;
    background: #f18eb2;
}

section.calendar .ui-datepicker .ui-datepicker-prev {
  float: left;
  line-height: 2.5rem;
}
section.calendar .ui-datepicker .ui-datepicker-next {
  float: right;
  line-height: 2.5rem;
}
.calendar .ui-datepicker{
    width: 100%;
}

.employee_anniversary {
    position: relative;
}
.employee_anniversary_heading {
    position: absolute;
    top: 0;
    right: 0;
    left: 25px;
    bottom: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.employee_anniversary_heading h2{
    font-size: 29px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}
.employee_anniversary_heading h2 span{
    font-size: 17px;
    vertical-align: top;
    font-weight: 500;
}
.user_account_dashboard .page-header{
    margin-bottom: 0px;
}
.upcoming_h_work_anni.content {
    padding: 0px 15px 0px 15px!important;
}
.employee_anniversary h5{
    font-weight: 600;
    font-size: 18px;
    color: #4a4a4a;
}

.blink-soft {
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.2;
  }
}
.upcoming_birthday li{
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 18px;}
.upcoming_birthday li .birthday_user_img{
    display:table-cell;
    width: 55px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}
.upcoming_birthday li .birthday_user_text{
    display:table-cell;
    vertical-align: top;
}
.birthday_user_text h4{
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600;
}
.birthday_user_text h4 span{
    font-weight: 500;
}
.birthday_user_text h5{
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 600;
}
.birthday_user_text h5 span{
    font-weight: 500;
}
.birthday_user_text h6{
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 600;
}
.birthday_user_text h6 span{
    font-weight: 500;
}
.sidebar .sidebar-menu ul ul a{text-transform: capitalize;}
.sidebar .sidebar-menu ul li a .menu-arrow{display:none!important;}
.upcoming_birthday .list-instyled{max-height: 200px; overflow-x: auto;}
.dashboard_attence  h3{font-size: 15px;}

#reset_form{
    position: relative;
}
.dont_have_accout_right_form #signin_form .toggle{
    top: 4px;
    z-index: 9;
}
.welcome_user p{
    font-size: 14px;
}
.signup_form_part .error {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}

    .lead_gernation_form h3{
    margin-bottom: 22px;
    margin-top: 30px;
    color: #607D8B;
    }
    
.upload-files-container {
	background-color: #f7fff7;
	padding: 30px 60px;
	border-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.drag-file-area {
	border: 2px dashed #7b2cbf;
	border-radius: 40px;
	margin: 10px 0 15px;
	padding: 30px 50px;
	width: 350px;
	text-align: center;
}
.drag-file-area .upload-icon {
	font-size: 30px;
}
.drag-file-area h3 {
	font-size: 20px;
	margin: 15px 0;
}
.drag-file-area label {
	font-size: 19px;
    display: block;
}
.drag-file-area label .browse-files-text {
	color: #7b2cbf;
	font-weight: bolder;
	cursor: pointer;
}
.browse-files span {
	position: relative;
	top: -25px;
}
.default-file-input {
	opacity: 0;
}
.cannot-upload-message {
	background-color: #ffc6c4;
	font-size: 17px;
	display: flex;
	align-items: center;
	margin: 5px 0;
	padding: 5px 10px 5px 30px;
	border-radius: 5px;
	color: #bb0000;
	display: none;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.cannot-upload-message span,
.upload-button-icon {
	padding-right: 10px;
}
.cannot-upload-message span:last-child {
	padding-left: 20px;
	cursor: pointer;
}
.file-block {
	color: #f7fff7;
	background-color: #7b2cbf;
	transition: all 1s;
	width: 390px;
	position: relative;
	display: none;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0 15px;
	padding: 10px 20px;
	border-radius: 25px;
	cursor: pointer;
}
.file-info {
	display: flex;
	align-items: center;
	font-size: 15px;
}
.file-icon {
	margin-right: 10px;
}
.file-name,
.file-size {
	padding: 0 3px;
}
.remove-file-icon {
	cursor: pointer;
}
.progress-bar {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 4.5%;
	width: 0;
	height: 5px;
	border-radius: 25px;
	background-color: #4bb543;
}


.statistic-box {
    padding: 12px;
}
.statistic-box{
    color: #fff;
    cursor: pointer;
    background-color: #0181df;
    height: 90px;
    margin-bottom: 25px;
    border-radius: 4px;
}

.upload_file_btn ul{
display: flex;
justify-content: flex-end;
}
    
.upload_file_btn li:first-child{
    margin-right: 15px;
}

.statistic-box h3{
font-size: 16px;
    margin-top: 9px;
}
.lead_activity_table .table td, .lead_activity_table .table th{
  font-size: 14px; 
}

.add_lead_form_modal .form-control {
   font-size: 13px;
    height: 30px;
    border-radius: 0;
}
.add_lead_form_modal textarea.form-control{
    height: auto;
}
.lead_genration_Date .form-control{
    font-size: 13px;
    height: 45px;
    border-radius: 0px;
    background-color: #fff;
    text-transform: capitalize;
}
.lead_genration_Date .form-control option{
    border: 1px solid #f5f5f500 !important;
    border-radius: 0px !important;
    color: #000 !important;
    padding: 5px 12px !important;
    border-bottom: 1px solid #ffd7e6 !important;
}

.lead_genration_Date .submit_btn{
    background-color: #003f5c;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 6px 25px;
    height: 35px;
}
.lead_activity_box {
    margin-bottom: 0px;
}
.upload_file_btn{
    position:relative;
}
.upload_file_btn .btn_btn{
    border: none;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
}
.upload_file_btn .btn_btn:focus{
    outline:none;
}
.upload_file_btn .btn_color{
    background-color: #6c757d;
}
.upload_file_btn .btn_gray{
    background-color: #003f5c;
}
.add_lead_form_modal #lead_form{
    padding: 1px 10px;
}
#add_new_lead .modal-header{
    background-color: #4e89a4;
    padding: 6px 10px;
}
.add_lead_form_modal .modal-title{
    font-size: 16px;
    color: #fff;
}
.add_lead_form_modal .close{
    color: #fff;
    opacity: 1;
}
#add_new_lead .form-group span{
    font-size: 14px;
    text-transform: capitalize;
}
#add_new_lead .btn-success {
    background-color: #4da6ff;
    border: 1px solid #4da6ff;
}

#add_excelfile_lead .modal-title {
    font-size: 16px;
    color: #fff;
}
#add_excelfile_lead .modal-header{
    background-color: #4e89a4;
    padding: 8px 24px;
}
#add_excelfile_lead .upload-button{
    border: none;
    color: #fff;
    padding: 6px 30px;
    font-size: 14px;
    font-weight: 400;
    margin-top: 17px;
    border-radius: 0px;
    background-color: #003f5c;
}
#add_excelfile_lead form{
    border: 1px solid #aaaaaa;
    padding: 18px 14px;
    background-color: #fff;
}
#add_excelfile_lead .modal-header .close{
    color: #fff;
    opacity: 1;
}
#add_excelfile_lead .form-control{
    cursor: pointer;
    height: auto;
    font-size: 14px;
}

.quote-container {
    margin-top: 15px;
    position: relative;
    margin-bottom: 20px;
}
.pin {
    background-color: #aaa;
    display: block;
    height: 32px;
    width: 2px;
    position: absolute;
    left: 50%;
    top: -16px;
    z-index: 1;
}
.pin:before {
    background-color: hsla(0, 0%, 0%, 0.1);
    box-shadow: 0 0 0.25em hsla(0, 0%, 0%, .1);
    content: '';
    height: 24px;
    width: 2px;
    left: 0;
    position: absolute;
    top: 8px;
    transform: rotate(57.5deg);
    -moz-transform: rotate(57.5deg);
    -webkit-transform: rotate(57.5deg);
    -o-transform: rotate(57.5deg);
    -ms-transform: rotate(57.5deg);
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
}
.pin:after {
    background-color: #A31;
    background-image: radial-gradient(25% 25%, circle, hsla(0, 0%, 100%, .3), hsla(0, 0%, 0%, .3));
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .1), inset 3px 3px 3px hsla(0, 0%, 100%, .2), inset -3px -3px 3px hsla(0, 0%, 0%, .2), 23px 20px 3px hsla(0, 0%, 0%, .15);
    content: '';
    height: 12px;
    left: -5px;
    position: absolute;
    top: -10px;
    width: 12px;
}
.yellow {
    background: #fff1f6;
    border-left-width: 0px;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}
.note {
    color: #000;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    font-size: 14px;
    box-shadow: 0 10px 10px 2px rgba(0, 0, 0, 0.3);
    line-height: 26px;
}
#cardbox1 .statistic-box{
    background-color: #fc6c87;
}
#cardbox2 .statistic-box{
    background-color: #aa4064;
}
#cardbox3 .statistic-box{
    background-color: #e75480;
}
#cardbox4 .statistic-box{
    background-color: #de5d83;
}
.lead_activity_table .btn_btn{
    border: none;
    /* background-color: #17a2b8; */
    color: #003f5c;
    padding: 4px 7px;
    font-size: 19px;
    border-radius: 0;
    background: none;
}
.dashboard_attence_leave, .upcoming_h_work_anni {
    display:none;
}
.emailer_user_lead_sec .dataTables_length .custom-select{
    background:none;
}

.paging_simple_numbers .pagination>li>a{
    padding: 0px 9px!important;
    border-radius: 0% !important;
    width: fit-content;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
}
.paging_simple_numbers{
    margin-bottom: 30px!important;
}
.modal-open{
    padding-right: 0px!important;
}
.lead_genration_Date .submit_btn:focus{
    outline: none;
}

.btn_btn_submit{
    background-color: #3c759f;
    border: none;
    font-size: 14px;
    height: 36px;
    line-height: 32px;
    font-weight: 400;
    padding: 0px 20px;
    display: block;
    width: fit-content;
    color: #fff;
}
.btn_btn_border{
    line-height: 25px;
    font-weight: 400;
    padding: 2px 20px;
    display: block;
    width: fit-content;
    color: #0181df;
    background: none;
    border: 1px solid #0181df;
    text-decoration: none;
    transition: all 0.5s ease;
    font-size: 14px;
}
.btn_btn_border:hover{
    background-color:#0181df;
    color: #fff;
    text-decoration: none;
}

#myModal3 .modal-body img{
    width: fit-content;
}
#myModal3 .modal-body p{margin-bottom:0px;}

#myModal3 .modal-body{
    max-height: 450px;
    overflow: auto;
}
.lead_activity_table td select{
    width: 100px;
    border: 1px solid #ccc0;
    border-radius: 0px;
}
.select2-container--default .select2-selection--multiple{
    border: none!important;
}
.new_lead_notification .ui-state-default{
    border:none;
    background:none;
}
.lead_activity_table .table .grab button{
    border: none;
    background: none;
    font-size: 20px;
    color: #686868;
}
.lead_activity_table .table .grab button:focus{
    outline:none;
}
.lead_activity_table #text_9 button{
    margin-top: 6px;
} 


.update_status_td button{
    margin-left:7px;
}
.daterangepicker .ranges ul{width:100%!important;}
.ranges li{
    background-color: #f5f5f500 !important;
    border: 1px solid #f5f5f500 !important;
    border-radius: 0px !important;
    color: #000 !important;
    padding: 2px 3px !important;
    border-bottom: none !important;
    font-size: 13px !important;
}
.ranges{
    margin: 4px 0px!important;
}
.ranges li:hover{
    background-color:#1967d2!important;
    color:#fff!important;
}
.daterangepicker{
    background-color: #ffffff !important;
}

.applyBtn.btn-success{
   background-color: #003f5c;
    border: 1px solid #003f5c;
}
.applyBtn.btn-success:hover{
    background-color: #4f9cbf;
    border: 1px solid #4f9cbf;
}
.cancelBtn.btn{
    color: #ffffff;
    background-color: #4f9cbf;
}
.date_range_items_sec button{
    border-radius: 0px;
    padding: 6px 8px;
    width: 100%;
}
.date_range_items_sec .btn-secondary{
    background-color: #5b4d52;
    border-color: #706368;
}

#add_excelfile_lead .btn-primary {
    background-color: #a9a9a9;
    border: 1px solid #a9a9a9;
    color: #ffffff !important;
    padding: 4px 5px;
    font-size: 15px;
}
#daterange-btn{
    font-size: 11px;
    height: 35px;
    border: 1px solid #ced4da; 
}
.date_range_items_sec #daterange-btn{
    height: 45px;
}

table.table tbody tr td{
    font-size: 14px!important;
}

.date_range_items_sec button.btn-secondary{
    min-width: 74px;
}
.dataTables_length label{
    font-size: 13px;
}
.dataTables_length .form-control{
    font-size: 13px;
}
.assign_tas_icon{
    text-align:left;
}
.lead_activity_table .alert{
    font-size: 15px;
    padding: 6px 10px;
}

.dont_have_accout_right_form .form-control{
    font-size: 14px;
    height: 40px;
    border-radius: 0;
}

.task_notification_p_list h4{
    font-size: 15px;
}

.task_notification_p_list ul li{
    font-size: 13px;
}
.task_notification_p_list label{
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 600;
}
.task_notification_pop .modal-header{
    background-color: #4e89a4;
    padding: 6px 10px;
    position: relative;
}
.task_notification_pop .modal-title{
    font-size: 16px;
    color: #fff;
    padding: 2px 10px;
}
.task_notification_pop .close {
    color: #fff;
    opacity: 1;
}
.task_notification_p_list .task_time p{
   text-align: center;
    font-size: 17px;
    font-weight: 600;
    color: #003f5c;
    text-decoration: underline;
}
.Reminder_bell {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    top: -29px;
    width: fit-content;
}
.Reminder_bell img{
    width: 68px;
}
.task_notification_p_list .form_control_text{
    display: block;
    width: 100%;
    height: auto;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.task_notification_p_list .form-control{
    font-size: 14px;
    border-radius: 0px;
    height: 36px;
}
.task_notification_p_list h5{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #eb6093;
    text-align: center;
    border-radius: 50px;
    color: #eb6093;
    font-size: 16px;
}
.task_notification_p_list {
    border: 1px solid #4e89a4;
    padding: 20px 22px;
}
#myModal3 .modal-header{
    background-color: #4e89a4;
    padding: 6px 10px;
    position: relative;
}
#myModal3 .modal-title{
    font-size: 16px;
    color: #fff;
    padding: 2px 10px;
}
#myModal3 .close {
    color: #fff;
    opacity: 1;
}
#myModal3 p{
    font-size: 14px;
    font-weight: 300;
}
.alt_notification_popup .modal-header{
   background-color: #4e89a4;
    padding: 6px 10px;
    position: relative;
}
.alt_notification_popup .modal-title{
    font-size: 16px;
    color: #fff;
    padding: 2px 10px;
}
.task_notification_pop .close{
    outline: none;
}
.alt_notification_popup .modal-header .close{
    color: #fff;
    opacity: 1;
}
#myModalnoti .form-control{
    font-size: 14px;
    height: 37px;
}
#myModalnoti .submit_btn{
    background-color: #e1578a;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 6px 25px;
}
#myModal2 .modal-header{
    background-color: #4e89a4;
    padding: 6px 10px;
    position: relative;
}
#myModal2 .modal-title{
    font-size: 16px;
    color: #fff;
    padding: 2px 10px;
}
#myModal2 .close {
    color: #fff;
    opacity: 1;
}
#myModal2 .submit_btn {
    background-color: #e1578a;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 6px 25px;
    height: 35px;
}
#myModal2 .form-control {
    font-size: 14px;
    height: 36px;
}
#followup .form-group {
    margin-bottom: 10px;
}




.to_do_list .item {
  min-height: 0;
  background-color: white;
  flex: 1;
  transition: all 250ms;
  border-radius: 12px;
  cursor: pointer;
  position: relative;
  margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.to_do_list .item .close {
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 6px;
  border-radius: 6px;
  right: 0;
  top: 0;
  background-color: #ff004d;
  mix-blend-mode: luminosity;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transition: all 250ms;
}

.to_do_list .item:active {
  box-shadow: var(--shadow-elevation-low);
  opacity: 0.8;
  flex: 0.8;
}
.to_do_list .item:active::after {
  filter: blur(6px);
}
.to_do_list .item.active {
  box-shadow: var(--shadow-elevation-low);
  flex: 3;
  animation: s 750ms;
}
.to_do_list .item.active .close {
  opacity: 0.6;
  pointer-events: auto;
}
.to_do_list .item.active .close:hover {
  opacity: 0.8;
}
.to_do_list .item.active .close:active {
  opacity: 1;
}

.to_do_list .item--1 {
  background-color:#bcd0c4;
}
.to_do_list .item--2 {
 background-color:#9ab8d4;
}
.to_do_list .item--3 {
 background-color:#f5d3d4;
}
.to_do_list .item--4 {
 background-color:#f7e1d3;
}
.to_do_list .item--5 {
 background-color:#decdf1;
}

@keyframes s {
  0.00% {
    flex: 1;
  }
  23.37% {
    flex: 3.82;
  }
  74.46% {
    flex: 2.86;
  }
  100.00% {
    flex: 3;
  }
}
.to_do_list .heading,
.to_do_list .content {
  position: relative;
  z-index: 2;
  transition: all 250ms;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.to_do_list .heading {
  pointer-events: none;
    height: 100%;
    display: flex;
    align-items: center;
    flex: 1;
    font-weight: 500;
    transition: all 250ms;
    text-wrap: balance;
}

.to_do_list .content {
  min-height: 0;
  opacity: 1;
  flex: 0;
  overflow: auto;
}

.to_do_list .content::-webkit-scrollbar {
  width: 0.25rem;
}
.to_do_list .content::-webkit-scrollbar-thumb {
  background-color: var(--item-color-dark);
  border-radius: 9999px;
}

.to_do_list .note {
  height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    color: #000000;
    box-shadow: none;
    padding: 9px 10px;
    font-size: 14px;
    font-weight: 500;
}

.to_do_list .item.active .heading {
  padding-top: 8px;
  height: 2.5rem;
  color: var(--item-color-dark);
}

.to_do_list {
    background-color: #fff;
    padding: 10px 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.to_do_list .content {
    padding: 0px 0px 0px 0px!important;
    font-size: 13px;
    color: #000;
    line-height: 20px;
    font-weight: 300;
}
.to_do_list h3{
    color: #eb6093;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

.new_lead_notification_itms .note{
    border: 1px solid #ccc;
    box-shadow:none;
}





.notification {
  position: relative;
  display: block;
  align-items: center;
  padding: 9px 0px;
  border-radius: 5px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  margin-bottom: 10px;
}

.notification--information {
  border-color: #ffffff;
    color: #ffffff;
    background-color: #f3f3f3;
    padding: 7px;
}
.notification--warning {
  background: #FFF5AE;
  border-color: #654a1c;
  color: #654a1c;
}
.notification--error {
  background: #FFC0C0;
  border-color: #8c1a1a;
  color: #8c1a1a;
}
.notification--system {
  background: #e8e8e8;
  border-color: #636363;
  color: #636363;
}
.notification--success {
  background: #e1ffdf;
  border-color: #2c4a2c;
  color: #2c4a2c;
}
.notification--new {
  background: #CCFBFB;
  border-color: #3f6565;
  color: #3f6565;
}

.notification__icon-block {
  margin-right: 15px;
}

.notification__content-block {
 padding-right: 0px;
    margin-top: 6px;
}

.notification__par {
  margin: 0;
    font-size: 13px;
    color: #505050;
}

.notification__close-link {
  position: absolute;
    right: 0;
    padding: 0 4px;
    color: #222222!important;
    top: 0;
    font-size: 21px;
}
.dashboard_notification_list .page-title{
    font-size: 20px;
    margin-bottom: 30px;
}
.notification__icon-block i{
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    border-radius: 50px;
    line-height: 25px;
    font-size: 15px;
    color: #2e2e2e;
}
.notification--information .notification__icon-block i{
    background-color: #c8e2f1;
}
.notification--warning .notification__icon-block i{
    background-color: #e3d995;
}
.notification--error .notification__icon-block i{
    background-color: #e9a9a9;
}
.notification--system .notification__icon-block i{
    background-color: #cdcccc;
}
.notification--success .notification__icon-block i{
    background-color: #c2e1c0;
}
.notification--success .notification__icon-block i{
    background-color: #add5d5;
}
.time_date {
   color: #999999;
    display: block;
    font-size: 11px;
    margin: 5px 0 0;
    font-style: italic;
}
.notification__content-block h5{
    font-size: 16px;
    margin-bottom: 4px;
}
.notification__content-block h5{
    font-size: 15px;
    margin-bottom: 4px;
    font-weight: 400;
}

/*.notifi_scroll{
    overflow-y: scroll;
}
.notifi_scroll{
    max-height: 500px;
}
.notifi_scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.notifi_scroll::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.notifi_scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}*/

.dashboard_notification_list {
    padding: 10px 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.view_more_btn .btn_view {
    text-align: center;
    display: block;
    text-transform: capitalize;
    color: #e1578a;
    font-size: 14px;
    border: 1px solid #e1578a;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 20px;
    border-radius: 20px;
    font-weight: 400;
    transition: all 1s ease;
}
.view_more_btn .btn_view:hover{
    background-color: #e1578a;
    color: #fff;
}
.view_more_btn {
    margin-top: 26px;
}
.news_lead_list_items h4{
    font-size: 13px;
    margin-bottom: 6px;
    font-weight: 400;
    color: #4a5f6d;
}

.news_lead_list_items p{
   margin: 0;
    font-size: 13px;
    color: #686868;
    background: hsl(0, 0%, 93%);
    border-radius: 0.25rem;
    padding: 0.75rem 1rem;
}

.news_lead_list_items{
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
    border-radius: 5px;
}

.news_lead_list_items.bg_color1:nth-child(1){
    background-color: #bdd0c4;
}
.news_lead_list_items.bg_color1:nth-child(2){
    background-color: #9ab7d3;
}
.news_lead_list_items.bg_color1:nth-child(3){
    background-color: #f5d2d3;
}
.news_lead_list_items.bg_color1:nth-child(4){
    background-color: #f7e1d3;
}
.news_lead_list_items.bg_color1:nth-child(5){
    background-color: #dfccf1;
}

#lead_form .form-control{
    font-size: 13px;
}

.my_open_details_item h4{
    font-size: 18px;
    font-weight: 700;
}
.my_open_details_item {
    min-height: 430px;
    background-color: #fff;
    padding: 10px 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-bottom: 30px;
}
.dashboard_first_row {
    margin-top: 13px;
}
.my_open_tasks_item h4{
    font-size: 15px;
    font-weight: 700;
    padding: 7px 10px;
}

.my_open_tasks_item {
    background-color:#fff;
    padding: 10px 10px;
}
.dashboard_second_row {
    margin-top: 10px;
}

body{
    background-color: #f6f7fa;
}
.padding_right_10{
    padding-right:10px;
}
.padding_left_10{
    padding-left:10px;
}

.leader_details_box_left {
background-color: #fff;
padding: 23px 20px;
}
.leader_details_box_item .form-control {
font-size: 14px;
    border-radius: 0px;
    border-left: none;
    border-right: none;
    border-top: none;
    background:none;
    border-bottom:none;
}
.leader_details_box_item label {
    font-size: 12px;
    font-weight: 600;
    padding-right: 4px;
    padding-left: 4px;
    text-align: right;
}
.leader_details_box_item {
    margin-bottom: 12px;
}

.lead_de_head h5{
    font-size: 20px;
    margin-bottom: 0px;
}
.leader_details_box_item textarea.form-control{
    resize: none;
    height: auto;
}
.lead_details_step span{
    padding: 4px 10px;
    font-size: 13px;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 4px;
}
.lead_details_step{
    text-align:right;
}
.lead_details_step .inprocess_stp{
    background-color: #f59c1a29;
    color: #ed9413;
    border: none;
}
.lead_details_step .inprocess_close{
    background-color: #00acac47;
    color: #00acac;
    border: none;
}

.user_recent_post_sec {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
}

.user_post_admin_sec {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
.user_post_admin_pic {
    display: table-cell;
    width: 45px;
}

.user_post_admin_pic .user_img {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    object-fit: cover;
}
.user_post_admin_names {
    display: table-cell;
    vertical-align: middle;
}
.user_post_admin_names h5 {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 600;
}
.user_recent_post_users p {
    font-size: 14px;
    color: #666666;
}
.like_comment_values_item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
}
.like_comment_values_item a {
    color: #858585;
    text-decoration: none;
    font-size: 14px;
}
.like_comment_share_sec {
    margin-top: 6px;
    padding-bottom: 6px;
}
.liske_comment_share_head {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}
.liske_comment_share_head li {
    margin-right: 50px;
}
.liske_comment_share_head li a {
    color: #5b5b5b;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
}
.user_recent_post_values p{
    margin-bottom: 0px;
    font-size: 14px;
}
.user_post_admin_names p{
    margin-bottom: 0px;
}
.lead_deta_user_lis {
    padding: 0px 20px;
}

.user_recent_post_sec .notes_head h3{
    font-size: 17px;
}
.write_post_item .input-group {
    border-bottom: 1px solid #ccc;
    margin-bottom: 19px;
}
.write_post_item .input-group-text {
    background: none;
    border: none;
    color: #000;
    display: block;
}

.write_post_item .form-control {
    background: none;
    border: none;
    height: auto;
    padding-left: 0px;
}
.write_post_item {
    background-color: #fff;
    border-radius: 0px;
    padding: 17px;
}
.lead_details_add_notes .add_lead_sub{
    background-color: #e1578a;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 6px 25px;
    margin-top: 20px;
}
.lead_details_add_follow .submit_btn{
    background-color: #e1578a;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 6px 25px;
}
.lead_details_add_follow h3{
    font-size: 15px;
    margin-bottom: 0px;
}
.lead_details_add_follow {
    margin-top: 20px;
}
.lead_details_add_follow_form .form-control{
    border-radius: 0px;
    height: 38px;
    font-size: 14px;
}
.lead_details_add_follow_form textarea.form-control{
    height:auto;
}
.lead_details_add_notes h3{
   font-size: 15px;
    margin-bottom: 0px;
    padding: 10px;
    background-color: #315a68;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.lead_details_add_follow_form{
    padding: 20px 20px;
    background-color: #fff;
    margin-top: 0px;
}
.lead_details_add_follow h3{
    border-bottom: 1px solid #ccc;
    padding: 10px;
    background-color: #315a68;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.my_open_details_item h3{
    font-size: 13px;
    font-weight: 100;
}
.my_open_tasks_item h3{
    font-size: 13px;
    font-weight: 100;
}

.page-wrapper{
    background-color: #fff;
}
.lead_genration_Date .filter_date_item2{
    flex: 0 0 12.666667%;
    max-width: 12.666667%;
}


.dashboard_first_row .col-xl-3:nth-child(1) .my_open_details_item{
    background-color: #01b1a3;
    color: #fff;
}
.dashboard_first_row .col-xl-3:nth-child(2) .my_open_details_item{
    background-color: #435361;
    color: #fff;
}
.custom-select{
    background:none;
}
.display_wrapper_scro .notifi_scroll {
    padding: 5px 0px;
    max-height: 300px;
    overflow-y: scroll;
    transition: all 1s ease;
}

.btn_lead_uplo{
    background-color: #003f5c;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 6px 25px;
    display: block;
    width: 100%;
    height:45px;
}
.add_lead_form_modal .col-xl-3{
    padding-left:5px;
    padding-right:5px;
}
.add_lead_form_modal .col-xl-6{
    padding-left:5px;
    padding-right:5px;
}
.add_lead_form_modal .col-xl-12{
    padding-left:5px;
    padding-right:5px;
}
.add_lead_form_modal .form-group{
    margin-bottom: 11px;
}
.add_lead_form_modal .modal-dialog {
    max-width: 800px;
    margin: 0.75rem auto;
}
.my_open_details_item table.table thead tr{
    background:none;
}
.my_open_details_item table.table{
    background:none;
}
.my_open_details_item table.table tr.odd{
    background:none;
}

.my_open_details_item table.dataTable{
    margin-top: 0px !important;
}
.new_lead_notification_itms .yellow{
    transform: rotate(0deg);
    background: none;
    padding: 7px;
    color: #ffffff;
    padding: 7px;
    border: none;
}
.new_lead_notification_itms .yellow strong {
    font-weight: 600;
}
.dashboard_second_row .my_open_tasks_item h4{
    padding: 7px 0px;
    font-size: 20px;
    font-weight: 700;
}
.my_open_details_item tr td i{
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    border-radius: 50px;
    line-height: 25px;
    font-size: 15px;
    color: #fff;
}
.dashboard_first_row .col-xl-3:nth-child(1) .my_open_details_item tr td i{
    background-color: #2a8f68;
}
.dashboard_first_row .col-xl-3:nth-child(2) .my_open_details_item tr td i{
    background-color: #368cce;
}

.dashboard_first_row .new_lead_notification_itms .pin{
    display:none;
}
.dashboard_new_lead .quote-container {
    margin-top: 0px;
    position: relative;
    margin-bottom: 0px;
}
.new_lead_notification_itms .yellow p span{
    font-weight:600;
}
.new_lead_notification_itms .yellow p{
    margin-bottom: 0px;
    line-height: 19px;
    font-size:12px;
}
.dashboard_first_row .padding_right_10 {
    padding-right: 0px;
}
.my_open_details_item table.table tr td:first-child{
    padding-right:5px;
}
.my_open_tasks_item .table{
    background:none;
}
.my_open_tasks_item table.table thead tr{
    background:none;
}

.my_open_tasks_item table.table tr{
   background: none !important;
}
.add_notes_lead_it{
    color: #003f5c;
    border: none;
    font-size: 18px;
    padding: 4px 7px;
    border-radius: 50px;
    background: none;
}
.add_notes_lead_it:focus{
    outline:none;
}

.add_notes_popup .modal-title{
    font-size: 16px;
    color: #fff;
}

.add_notes_popup .modal-header{
    background-color: #4e89a4;
    padding: 6px 10px;
}
.add_notes_popup .modal-header .closeert{
    background: none;
    outline: none;
    border: none;
    color: #fff;
    opacity: 1;
    font-size: 22px;
    padding: 0px;
    line-height: 21px;
}
#myModal3 .modal-header .close3close{
    background: none;
    outline: none;
    border: none;
    color: #fff;
    opacity: 1;
    font-size: 22px;
    padding: 0px;
    line-height: 21px;
}
.lead_activity_table .btn_btn:focus{
    outline:none;
}
.close2close{
    background: none;
    outline: none;
    border: none;
    color: #fff;
    opacity: 1;
    font-size: 22px;
    padding: 0px;
    line-height: 21px;
}
.close2close:focus{
    outline:none;
}
.closenoclose{
    background: none;
    outline: none;
    border: none;
    color: #fff;
    opacity: 1;
    font-size: 22px;
    padding: 0px;
    line-height: 21px;
}
.closenoclose:focus{
    outline:none;
}
.my_open_details_item h4{
    position: relative;
    border-left: 4px solid #0f626a;
    margin: 1rem 0;
    box-shadow: 0 .1rem .5rem 0 rgba(40, 35, 45, .1);
    padding: .75rem 1rem;
    border-radius: 5px;
}
.my_open_tasks_item h4{
    position: relative;
    border-left: 4px solid #0f626a;
    margin: 1rem 0;
    box-shadow: 0 .1rem .5rem 0 rgba(40, 35, 45, .1);
    padding: .75rem 1rem;
    border-radius: 5px;
}

.dashboard_second_row .padding_right_10 {
    padding-right: 0px;
}
.revenue_genrate_box {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.dashboard_second_row .my_open_tasks_item h4{
    position:relative;
}
.dashboard_second_row .my_open_tasks_item h4:after{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: #fff;
    width: 87px;
    height: 2px;
}
.modal-header{
    background-color: #4e89a4;
    padding: 6px 10px;
}
.modal-title{
    font-size: 16px;
    color: #fff;
}
.modal-header .close{
    background: none;
    outline: none;
    border: none;
    color: #fff;
    opacity: 1;
    font-size: 22px;
    padding: 0px;
    line-height: 21px;
    margin: 0px;
}
.notes_head_btn_pp{
    text-align:right;
}
.notes_head_btn_pp button{
    background-color: #003f5c;
    border: none;
    color: #ffffff;
    padding: 4px 16px;
    font-weight: 500;
    border-radius: 5px;
    font-size: 14px;
}
.notes_head_btn_pp button:focus{
    outline:none;
}

#example7_wrapper .dataTables_length{
    padding: 7px 10px;
}
#example7_filter{
    padding: 10px 10px;
    padding-bottom: 0px;
}

.user_recent_post_sec table.dataTable{
    padding: 15px;
}
.user_recent_post_sec .dataTables_info{
    padding-left: 16px;
}
.user_recent_post_sec .table{
    background:none;
}
.user_recent_post_sec table.table tr{
    background:none;
}
.user_recent_post_sec table.table tr td{
    background:none;
}
.not_head_popup_sec {
    padding: 10px;
}
.follow_up_details_list .notes_head h3{
    font-size: 17px;
}
.follow_up_details_list{
    background-color: #fff;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 15px;
}
.follow_up_details_list h5{
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-bottom: 2px;
}
.meeting_type_list p{
    font-size: 13px;
    font-weight: 400;
    color: #6e6e6e;
}

.follop_date_recent h6{
    font-size: 13px;
    font-weight: 400;
    color: #8d8d8d;
}
.meeting_type_de, .next_step_deta, .follup_date_time, .attendees_items{
    margin-bottom: 10px;
}
.follow_up_details_list ul{
    display:flex;
    flex-wrap:wrap;
}
.follow_up_details_list ul li{
    flex: 50%;
    max-width:50%;
    position:relative;
    padding-left: 0px;
    padding-right:15px;
    width:100%;
}
.meeting_type_list {
    margin-top: 12px;
    margin-bottom: 12px;
}

.follow_up_details_scrollba_list::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
}

.follow_up_details_scrollba_list::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.follow_up_details_scrollba_list::-webkit-scrollbar-thumb
{
	background-color: #555;
}
.user_recent_post_sec .follow_up_details_scrollba_list::-webkit-scrollbar-thumb
{
	background-color: #435361;
}
.follow_up_details_Sec .follow_up_details_scrollba_list::-webkit-scrollbar-thumb
{
	background-color: #01b1a3;
}
.assign_to_tsk_box .follow_up_details_scrollba_list::-webkit-scrollbar-thumb
{
	background-color: #b55454!important;
}



.follow_up_details_scrollba_list{   
  overflow-y: scroll;
    max-height: 390px;
    min-height: 200px;
}

.lead_detaisl_page_sec .row .col-xl-4{
    padding-right:0px;
}
.lead_detaisl_page_sec .row .col-xl-4:last-child{
    padding-right:15px;
}

.lead_activity_table .dt-buttons button:first-child{
    margin-left: 0px;
}

/*.paginate_button{
    position: relative;
    float: right;
    padding: 6px 12px;
    text-decoration: none;
    color: #337ab7!important;
    background-color: #fff;
    border: 1px solid #ddd;
   margin-left: 3px;
   width: fit-content;
    font-size: 13px;
}*/

.timecheck li{
    cursor: pointer;
    color: #000;
    border-top: 1px solid #ccc;
    padding: 7px 10px;
    font-size: 14px;
    transition:all 0.5s;
}
.timecheck li:first-child{
    border:none;
}
.timecheck li:hover{
    background-color: #cccccc69;
}
.notification__content-block a{
    color:#000;
    text-decoration:none;
}

.primary_btn_do{
    outline: none;
    border: none;
    padding: 5px 10px;
    background-color: #f74d50;
    color: #fff;
    border-radius: 50px;
    font-size: 15px;
}

/*
 *  STYLE 3
 */

.Notification_in_dashboard .notification__content-block a{
    color:#fff;
}
.Notification_in_dashboard .time_date{
    color: #6c6c6c;
}

.Notification_in_dashboard .notification__close-link{
    color: #000000 !important;
}

.my_open_tasks_item .table td{
    border-top: 1px solid #e2e5e800;
}

.table_view_sec .lead_activity_table .checkbox{
    display: inline-block;
    width: 20%;
    float: left;
}

.table_view_sec h1{
    font-size: 29px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 46px;
    margin-top: 50px;
}

#lead_form [type="file"]{
    height:auto;
}
.add_new_lead label{
    font-weight: 600;
}

.filter_lead_item .btn_filter{
    border: none;
    background: none;
    outline: none;
}
.filter_lead_item .btn_filter img{
    width: 33px;
    background-color: #fff;
    padding: 6px 6px;
}
.lead_filter_popup_box h3{
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 13px;
}
.search_filter_item .search_cont{
    border: none;
    height: 28px;
    color: #1c1c1c;
    font-size: 14px;
    padding: 0px 10px;
    display: block;
    width: 100%;
    padding-left: 25px;
}
.search_filter_item {
    border: 1px solid #ccc;
    padding: 4px 7px;
    border-radius: 10px;
    position:relative;
}
.lead_filter_hed_sarch {
    margin-bottom: 22px;
    margin-top: 11px;
}
.searchbar_filter .checkbox label{
    margin-bottom: 13px;
}
.search_filter_item i{
    position: absolute;
    left: 8px;
    color: #6e6e6e;
}

#checkboxContainer {
    max-height: 350px;
    overflow-x: auto;
}
.lead_left_filter {
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 10px;
    padding-bottom: 18px;
    padding-left: 12px;
    padding-right: 12px;
}
.lead_left_filter_head h3{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 13px;
    margin-top: 0px;
}
.filter_lead_by {
    margin-top: 18px;
}
.lead_left_filter .filter_toggle{
    font-size: 16px;
    text-decoration: none;
    color: #404040;
    font-weight: 600;
    margin-bottom: 13px;
    display: block;
}
.lead_left_filter .filter_toggle_2{
    font-size: 16px;
    text-decoration: none;
    color: #404040;
    font-weight: 600;
    margin-bottom: 13px;
    display: block;
}
.first_filter_list {
    margin-bottom: 17px;
}
.touch_records_item {
    width: 93%;
    margin-left: auto;
}

.touch_records_item .form-control{
    font-size: 14px;
    height: 30px;
    padding: 5px 10px;
}
.touch_records_item .padding_right {
    padding-right: 3px;
}
.touch_records_item .padding_left {
    padding-left: 3px;
}
.filter_toggle_items1 li{
    margin-bottom: 10px;;
}


.filter_lead_by {
   width: 100%;
    height: 412px;
    overflow-x: scroll;
    padding: 10px 0px;
  }
  .filter_lead_by::-webkit-scrollbar {
    background-color: transparent;
    width: 8px;
  }
  
  .filter_lead_by:hover::-webkit-scrollbar {
    width: 8px;
  }
  .filter_lead_by:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
  }
  
  @media (hover: none) {
    .filter_lead_by::-webkit-scrollbar {
      width: 8px;
    }
    .filter_lead_by::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2);
    }
  }

  .lead_left_filter_head {
    padding: 20px 0px 0px;
}
.leadlistnew_table_list .table thead{
    position: sticky;
    top:0;
}
.leadlistnew_table_list .table-responsive{
    background-color: #fff;
    padding: 0px 10px 10px 0px;
    border-radius: 10px 10px 0 0;
    position:relative;
}
.send_attention_btn{
    border: none;
    background-color: #aaaaaac2;
    border-radius: 3px;
}

.add_new_lead_top_head {
    background-color: #fff;
    padding: 10px 0;
}
.lead_show_drop_right {
    width: 56%;
    margin-left: auto;
    margin-bottom: 6px;
    margin-top: 6px;
}
.lead_edt_colom a{font-size:18px;}
.lead_show_drop_right .form-control{
    font-size: 12px;
}

.filter_popup_footer {
    padding-top: 17px;
    background-color: #fff;
    border-top: 1px solid #ccc;
}
.lead_detail_last_update h5{
    text-align: right;
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 400;
}
.time_line_top_tab {
    background-color: #fff;
    border: 1px solid #e2e7ee;
    padding: 3px 4px;
    border-radius: 25px;
    width: fit-content;
}
.time_line_top_tab .nav-link{
    color: #000;
    font-weight: 600;
    padding: 5px 27px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #fff;
}
.time_line_top_tab .nav-pills .nav-link.active{
    background-color: #eff7ff;
    border: 1px solid #87c8f3;
    color: #000;
    padding: 5px 27px;
}
.add_file_and_down .primary_btn_do{
    font-size: 13px;
    padding: 4px 10px;
    background-color: #6c757d;
}
.Lead_Information_items h4{
    font-size: 17px;
    font-weight: 600;
}
.lead_de_border{
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}

.Lead_Information_items {
    background-color: #fff;
    padding: 20px 14px;
    margin-bottom: 20px;
    border-radius: 10px 10px 0 0;
}
.timeLineHistInner{
    position:relative;
}

.timeLineHistInner:before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    bottom: 0;
    left: 92px;
    width: 1px;
    background: rgb(225 230 236);
}
.timeLineHistDate {
    color: rgb(49 57 73);
    font-size: 13px;
    margin-left: 34px;
    background: rgb(244 247 255);
    padding: 5px 18px;
    z-index: 1;
    position: relative;
    border-radius: 6px;
}
.timeLineHistDate {
    font-weight: 800;
    display: inline-block;
    margin-bottom: 20px;
    min-width: 88px;
    text-align: center;
}
.timeLineHistDataList {
    padding: 0 30px 0 0;
    margin: 0;
    list-style: none;
    position: relative;
}
.timeLineHistDataList {
    z-index: 1;
}
.timeLineHistDataList:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: -7px;
    left: 92px;
    width: 1px;
    background: rgb(225 230 236);
}
.timeLineHistDataList li {
    padding: 0 0 20px;
    color: rgb(49 57 73);
    background: 0 0;
    margin-left: 0;
}
.fL, .fLeft, .fl, .floatL {
    float: left;
}

.timeLineHistTime {
    padding-top: 10px;
    color: rgb(97 110 136);
    padding-bottom: 5px;
}
.timeLineHistTime {
    width: 120px;
    position: relative;
    text-align: center;
    padding-right: 50px;
    font-weight: 400;
    font-size:13px;
}
.timeLineHistTime:after {
    top: 0;
}
.timeLineHistTime:after {
    background-image:url(../images/svgicons_f2.svg);
    background-repeat:no-repeat;
    content: "";
    display: block;
    position: absolute;
    right: 12px;
    top: 8px;
    border-radius: 50%;
    background-position: -97px -1575px;
    background-color: rgb(139 154 185);
    width: 30px;
    height: 30px;
    z-index: 19;
    visibility: visible;
}
.timeLineHistDataList li>span:nth-child(2) {
    color: rgb(49 57 73);
    margin-top: 0;
}
.timeLineHistDataList li>span:nth-child(2) {
    padding-left: 7px;
    min-width: 500px !important;
}
.timeLineHistTime+span {
    max-width: 80%;
}
.pR, .pRealtive, .posRel, .posrel {
    position: relative;
}
.fL, .fLeft, .fl, .floatL {
    float: left;
}
.timeLineHistCont {
    line-height: 1.5;
}
.f15, .font15 {
    font-size: 14px;
}

.timeLineHistDataList li:after {
    content: "";
    display: block;
    clear: both;
}
#timeline{
    background-color: #fff;
    border: 1px solid #d7e2ed;
    border-radius: 6px;
    padding: 20px;
}
.time_line_history h3{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 30px;
}
.lead_edit_items h3{
    font-size: 21px;
    font-weight: 700;
    position: relative;
    margin-bottom: 34px;
}
.lead_edit_items h3:after{
    content: "";
    position: absolute;
    bottom: -7px;
    width: 85px;
    height: 3px;
    background-color: #ed6093;
    left: 0;
}

.lead_edit_form_sec .lead_edit_items {
    background-color: #fff;
    padding: 20px 30px;
    margin-bottom: 10px;
}
.back_btn {
    background-color: #fff;
    padding: 10px;
}
.lead_details_left_sec{
   background-color: #315a68;
    padding-top: 23px;
}
.lead_details_left_items h3{
    font-size: 20px;
    margin-bottom: 20px;	color:#fff;
}
.lead_details_left_items ul li{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.lead_details_left_items ul li a{color: #efefef;    font-size: 14px;    font-weight: 400;    text-decoration: none;
}
.lead_details_left_items ul li a i{
    margin-right: 14px;    font-size: 14px;
}
.lead_details_right_sec {
    margin-top: 16px;
}

html, body{    scroll-behavior: auto;}

.header_notifaction .list-unstyled{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.header_notifaction .list-unstyled li{
    flex: 60%;
    max-width: 60%;
}
.notification_bell .bell_icons_noti {
    font-size: 18px;
    position: relative;
    text-decoration: none;
}
.notification_bell .badge.badge-icon {
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #d81a5e;
    color: #fff;
    line-height: 22px;
    border-radius: 20px;
    padding: 0;
    font-weight: 500;
    font-size: 12px;
    top: -5px;
    right: -16px;
}
.dropdown.mobile-user-menu.header_notifaction {
   width: 100%;
    margin-left: auto;
}

.notification_bell_items {
    position: absolute;
    top: 45px;
    left: 0;
    background-color: #fff;
    padding: 10px 10px;
    display:none;
}
.btn_view_more{
    border: none;
    font-size: 14px;
    padding: 5px 10px;
}


.display_wrapper_scro .btn_view_more{
    width: 100%;
}


.notification_bell_items .notifi_scroll::-webkit-scrollbar
{
	background-color: transparent;
	width: 6px;
}

.notification_bell_items .notifi_scroll:hover::-webkit-scrollbar
{
	width: 6px;
}

.notification_bell_items .notifi_scroll:hover::-webkit-scrollbar-thumb
{
	background-color: #435361;
}

.main_notification_page_sec .display_wrapper_scro .notifi_scroll{
    max-height: 500px;
}
.main_notification_page_sec{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.oldfiter{display:none;}

.filter_lead_by label{
    font-size: 14px;
}
.first_filter_list .default{
    height: 24px !important;
    font-size: 12px!important;
    font-weight: 400!important;
    color: #666!important;
    margin: 0px 0!important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji!important";
}

.filter_toggle_items1 .form-control{
    font-size: 14px;
    height: 30px;
    padding: 5px 10px;
}

.untouch_records_item .padding_right {
    padding-left: 3px;
    padding-right: 3px;
}
table.dataTable>thead .sorting:before{
    display:none!important;
}
table.dataTable>thead .sorting:after{
    display:none!important;
}
.untouch_records_item{
    width: 89%;
    margin-left: auto;
}

.first_filter_list .form-control{
    font-size: 14px;
    height: 30px;
    padding: 5px 10px;
}
.filter_toggle_items2 .chosen-container-multi .chosen-choices{
    border: 1px solid #ced4da!important;
    background-image: linear-gradient(#ffffff 1%, #ffffff 15%)!important;
    box-shadow:none!important;
    border-radius: .25rem;
}
.filter_toggle_items2 .chosen-container-multi .chosen-choices li.search-field input[type="text"]{
    height: 30px !important;
    width:100%!important;
}

.clear_filter_btn{
    background-color: #6c757d;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    border: none;
}
.leadlistnew_table_list .pagination a{
    padding: 0px 10px !important;
    border-radius: 0% !important;
    width: fit-content !important;
    height: 30px !important;
    font-size: 13px !important;
    line-height: 30px !important;
    margin-left: 3px;
}
.pagination li.active a{
    background-color: #003f5c!important;
    border-color: #003f5c!important;
}
.leadlistnew_table_list ul.pagination {
    justify-content: flex-end;
    margin-top: 10px;
    margin-bottom: 10px;
}
.header_notifaction .list-unstyled li:first-child{
    flex: 30%;
    max-width: 30%;
}
.signup_form_part:before {
    content: "";
    width: 100%;
    height: 168px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/img-55.png) top left repeat;
    background-size: cover;
    z-index: -1;
    border-radius: 30px 30px 0 0;
}

.signup_form_part .left_text {
    margin-top: 23px;
}
.user_recent_post_values.subdes{
	display: flow-root;
}
.user_recent_post_values.subdes .first{
	width: 49%;
    float: left;
    margin-right: 5px;
}
.user_recent_post_values.subdes .second{
	float: right;
    width: 49%;
    padding-top: 0;
    margin-top: 0 !important;
    margin-left: 5px;
}
.user_recent_post_values.subdes h5{
	text-align: left;
}
.header_notifaction .dropdown-toggle{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header_notifaction .dropdown-toggle .user_pfile_box_img{
	flex: 25%;
    max-width: 25%;
    text-align: center;
}

.header_notifaction .dropdown-toggle .user_pfile_box_info{
	flex: 70%;
    max-width: 70%;
}
.header_notifaction .dropdown-toggle .user_pfile_box_info span:last-child{
	display: block;
    font-size: 13px;
    font-weight: 300;
    color: #686868;
    margin-top: -4px;
}
.header .mobile-user-menu .dropdown-menu{
	transition: all 0.5s ease;
}
.reports_radion_list [type="radio"]{
	width:18px;
	height:18px;
	accent-color: #d81a5e;
}
.reports_radion_list label{
	margin-bottom: 0px;
	padding-left: 10px;
}
.reports_radion_list .col-sm-6{
	margin-bottom: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 14px;
	margin-left: 10px;
    margin-right: 10px;
	-ms-flex: 0 0 47%;
        flex: 0 0 47%;
        max-width: 47%;
}
.reports_radion_list {
    width: 66%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    padding: 30px;
    border-radius: 5px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
	border-top: 3px solid #E91E63;
}
footer{
    background-color: #434343;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 10px;
}

footer p{
    margin-bottom:0px;
}

.table-responsive .table-bordered tr th{
   background-color: #315a68;
    color: #fff;
    text-align: left;
    border: none;
    white-space: nowrap;
    position: sticky;
    z-index: 10;
    top: 0;
    padding: 7px 10px;
    font-size:14px;
}
.my_custom_wrapper_table{
    max-height:600px;
    height:600px;
}


.lead_activity_table .dt-buttons{
    float:left;
}

.dataTables_wrapper div.dataTables_filter input{
    border: 1px solid #ccc;
    height: 40px;
}
.paging_simple_numbers a{
    padding: 8px 16px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    float: inline-start;
}
.paging_simple_numbers .previous{
     border-left: 1px solid #ddd;
}
.ellipsis{display:none;}

.paging_simple_numbers .next{
     border-left: 1px solid #ddd;
}
.paging_simple_numbers{
    overflow: auto;
    margin-top: -15px;
}

.paging_simple_numbers a.current{
    background-color: #d81a5e;
    color: #fff;
    border: 1px solid #f38eb2;
}
.paging_simple_numbers{
    float: right;
}
.my_open_details_item .table td a {
    text-decoration: underline;
    color: #d81c5f;
}

#DataTables_Table_0111_wrapper {
    overflow: auto;
}
.lead_genration_Date {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgb(0 0 0 / 6%);
    padding: 40px;
    margin-bottom: 60px;
    margin-top: 50px;
    background-color: #315a680d;
}
.history_table_search_from_row2{
    width: 91%;
}
.my_custom_wrapper_table table tr th:nth-child(1) {
    left: 0;
    z-index: 99;
}
.my_custom_wrapper_table table tr th:nth-child(2) {
    left: 57px;
    z-index: 99;
}
.my_custom_wrapper_table table tr th:nth-child(3) {
    left: 109px;
    z-index: 99;
}
.my_custom_wrapper_table table tr th:nth-child(4) {
    left: 196px;
    z-index: 99;
}
.my_custom_wrapper_table table tr td{
    white-space:nowrap;
}
.my_custom_wrapper_table table tr td:nth-child(1){
    position: sticky;
    left: 0;
}
table.table thead tr{
    background-color: #315a68;
}

.my_open_details_item table.table tbody tr td{
    white-space: nowrap;
    padding: 8px 10px;
}
.my_open_details_item table.table tbody tr th{
    white-space: nowrap;
}