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;

}