::-webkit-scrollbar {
    width: 8px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
}
.table-header-text{
    background-color:#7367f0;
    border-radius:100px;
    padding:5px;
    color:#fff;
}
.table-scrolling{
    overflow-y: scroll;
    height:260px;
}

.device-png {
    width: 30px;
    height: 30px;
    border-radius: 0px !important;
}

.peoplecount-admin-outline {
    border: 1px solid rgba(115, 102, 240, 0.3);
    border-radius: 8px;
    margin: 14px 10px 8px;
}
.peoplecount-onroll-outline {
    border: 1px solid rgba(234, 84, 85, 0.3);
    border-radius: 8px;
    margin: 14px 10px 8px;
}
.peoplecount-oncontract-outline {
    border: 1px solid rgba(40, 199, 111, 0.3);
    border-radius: 8px;
    margin: 14px 10px 8px;
}

.peoplecount-count-outline {
    border: 1px solid rgba(255, 159, 67, 0.3);
    border-radius: 8px;
    margin: 14px 10px 8px;
}
.device-admin-card-header {
    padding: 15px 15px 0px;
}
.devices-total-card-border {
    border: 1px solid rgba(0, 207, 232, 0.3);
    border-radius: 8px;
}
.devices-active-card-border {
    border: 1px solid rgba(255, 159, 67, 0.3);
    border-radius: 8px;
}
.devices-inactive-card-border {
    border: 1px solid rgba(234, 84, 85, 0.3);
    border-radius: 8px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {border-radius: 20px;}



.main-menu.menu-light .navigation > li.active > a, .main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a {
	background: #6b12b7;
	border-radius: 6px;
	color: #fff;
	box-shadow: none
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub.open > a:after { background-image: url("Icon-hover.png"); width: 17px; height: 18px; right: 25px; }

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub.open:not(.menu-item-closing) > a:after { transform: rotate(0deg); }

.navigation { font-size: 16px; }
.main-menu.menu-light .navigation > li ul li { font-size: 15px }
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg { width: 18px; height: 18px; margin-right: 15px; font-size: 18px }

.main-menu.menu-light .navigation > li ul li > a {
    padding: 10px 15px 10px 35px;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a svg { margin-right: 12px; color: #6B12B7;}
.vertical-layout.vertical-menu-modern .main-menu .navigation > li.active > a svg, .vertical-layout.vertical-menu-modern .main-menu .navigation > li.open:not(.menu-item-closing) > a svg { color: #fff;}

.main-menu.menu-light .navigation > li > a, .main-menu.menu-dark .navigation > li > a {
    margin: 5px 15px;
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
  width: 156px !important; 
  max-width: inherit;
  margin-left: 7px; 
  height: 49px;
  object-fit: contain;
  object-position: left;
}


.collapse-toggle-icon-new { width: 21px; height: 21px; border: #C2C2C2 2px solid; box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.35); position: relative; border-radius: 50% }
.collapse-toggle-icon-new:after { width: 11px; height: 11px; background: #C2C2C2; content: ""; position: absolute; top: 3px; left: 3px; border-radius: 50%}

.header-navbar .navbar-container ul.navbar-nav li > a.nav-link { padding: 0 8px }

.help-desknew { font-size: 15px; font-weight: 600; padding: 3px 8px; background: rgba(115, 103, 240, 0.2); border: 1px solid #6B12B7; border-radius: 5px; cursor: pointer; display: flex; align-items: center;}
  

.drop-newmenu { border-radius: 8px; border: none; }
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu { width: 13rem }
.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
	top: 47px !important; }
.drop-newmenu a svg { margin-right: 12px !important; }

.aprbox { background: #FFFFFF; border-radius: 6px; box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%); padding: 15px 15px 12px; margin-bottom: 25px }
.apcontent { display: flex; align-items: end; justify-content: space-between }

.apcontent h3 { font-size: 16px; font-weight: 400; color: #6E6B7B; margin: 0 }
.apcontent h6 { font-size: 21px; font-weight: 600; color: #7367F0; margin: 0; line-height: 20px; }

.apicon { background: #EBEBEB; border: 1px solid rgba(115, 103, 240, 0.2); width: 45px; height: 45px; margin: -25px auto 13px; color: #7367F0; border-radius: 50%; text-align: center; line-height: 42px }
.apicon svg { width: 22px; height: 22px  }
 

.overtime-data td:nth-child(2) { font-weight: 600  }
.overtime-data td, .overtime-data th { font-size: 14px; padding: 0.72rem 10px; }
.overtime-data td:first-child { padding-right: 0  }

.overtime-data .avatar-group { justify-content: flex-end}


.card .card.overtimechart { box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%) !important; margin-bottom: 0}
.overtimechart .card-body { padding: 10px  }

.leavetype-list { display: flex; justify-content: space-between }
.leavetype-list  h3 { font-size: 13px; font-weight: 400; color: #6E6B7B; margin: 0 }
.leavetype-list  h6 { font-size: 15px; font-weight: 500; color: #7367F0; margin: 0; line-height: 20px; }

.leacveprogress { margin: 0 0 13px}
.leacveprogress .progress { height: 6px; border-radius: 5px 0px 0 0; }
.leacveprogress .progress-bar { border-radius: 10px 10px 0 0 !important;}


.sickleave  h6 {  color: #FF9F43;  }
.sickleave .progress-bar-warning .progress-bar { background: #FF9F43 }

.paidleave  h6 {  color: #EA5455;  }
.paidleave .progress-bar-success .progress-bar { background: #28C76F }

.totalleave  h6 {  color: #D8D8D8;  }
.totalleave .progress-bar-warning .progress-bar { background: #D8D8D8 }


.leave-indicator { display: flex; justify-content: space-between; font-size: 12px; font-weight: 500; color: #6E6B7B; margin: 10px 0 15px }
.leave-indicator span { width: 10px; height: 10px; margin-right: 2px; border-radius: 50%; background: #7367F0; display: inline-block; }
 
.sickleave span { background: #FF9F43 }
 
.paidleave span { background: #EA5455 }
.presentleave span { background: #00d4bd }
.holyleave span { background: #B5B5B5 }
.absentleave span { background: #ffa1a1 }
  


.card-statistics .statistics-body.attendance-card-summary { padding-top: 10px !important}
.attendance-card-summary .feather { width: 22px; height: 22px }

.attendance-reg-table tr th, .attendance-reg-table tr td { width: 200px; font-size: 12px; white-space: nowrap; padding: 8px 9px; } 
.attendance-reg-table .dropdown-toggle { padding: 0 10px 0 0; font-size: 12px }
.attendance-reg-table .dropdown-item { padding: 5px 10px; font-size: 12px; border-bottom: #eee thin solid }
.attendance-reg-table .dropdown-menu { height: 150px; overflow-y: scroll}
.attendance-reg-table .dropdown-toggle:hover { padding: 0 10px 0 0; font-size: 12px }
.attendance-reg-table tr th:first-child, .attendance-reg-table tr td:first-child { position: sticky; left: 0; z-index: 10;   }
 .attendance-reg-table tr td:first-child {  font-weight: bold; color: #000  }

.attendance-reg-table tr .bg-datehead { background: #d8f5e4 !important}
.attendance-reg-table tr .bg-datehead2 { background: #fceaea !important}

.attendance-reg-table tr .bg-datehead3 { background: #b3f7ff !important}
.attendance-reg-table tr .bg-datehead4 { background: #fff0c1 !important}
.attendance-reg-table tr .bg-datehead5 { background: #d7d7d7 !important; font-weight: bold !important; color: #000 !important}
.attendance-reg-table tr .bg-datehead6 { background: #333 !important;  font-weight: bold !important; color: #FFFFFF !important; font-size: 14px !important}


.salryvaluenew { width: 100%; border: none; outline: none; appearance: none; background: none; color: #000; font-weight: bold; border-bottom: #d1d1d1 thin solid }
 .salary-rgister tr td { padding: 4px 4px}

.salary-rgister tr td {  font-weight: normal !important; color: #000  }
.salary-rgister tr td.text-blacktdsalry { color: #000; font-weight: 600 !important }
.salary-rgister tr td.text-blacktdsalry span { color: #6F6F6F; font-size: 11px !important; display: block; font-weight: 500 !important }


.salary-rgister tr th:first-child, .salary-rgister tr td:first-child { position: relative; left: 0; z-index: 10; }
.salary-rgister tr th:nth-child(2), .salary-rgister tr td:nth-child(2) { position: sticky; left: 0; z-index: 10; } 

.action-radiosalry { border: #cfcfcf thin dashed; background: #e5e5e5; padding: 10px; margin-top: 15px }
.action-radiosalry .form-check-label { font-weight: 500; font-size: 13px; }
.action-radiosalry input:checked + .form-check-label { color: #000 }
.action-radiosalry > * { margin-top: 0 }

.attendance-reg-table tr { background: #edecfb;}
.attendance-reg-table tr th  { background: #edecfb !important; border: #fff thin solid !important}
.attendance-reg-table tr td { border: #fff thin solid !important}
.attendance-reg-table .badge { font-size: 10px; font-weight: normal; padding:3px 5px}
.yeaeselect { max-width: 130px; margin-left: 10px}


.toasterbox { background: rgba(255, 159, 67, 0.12) !important; margin-bottom: 15px; position: relative; padding: 10px; border-radius: 10px }
.toasterbox .toastclose { position: absolute; top: 10px; right: 10px; opacity: 1; }
.toasterbox h2 { color: #ff9f43; font-size: 13px;  font-weight: bold; display: flex; align-items: center}
.toasterbox h2 .feather { width: 22px; height: 22px; margin-right: 5px }
.toasterbox ul { padding-left: 20px}
.toasterbox ul li { list-style: decimal; font-size: 11px; margin-bottom: 5px; color: #000; font-weight: 500}

.toasterbox.danger { background: rgba(234, 84, 85, 0.12) !important } 
.toasterbox.success { background: rgba(40, 199, 111, 0.12) !important } 
.toasterbox.danger h2 { color: #ea5455 ; }
.toasterbox.success h2 { color: #28c76f  ; }


.toastclose {
    box-sizing: content-box;
    width: 0.75rem;
    height: 0.75rem;
    padding: 0.25em 0.25em;
    color: currentColor;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
    border: 0;
    border-radius: 0.357rem;
    opacity: 0.4;
}



.attendance-reg-table .eldropdpwn { border: none; outline: none; box-shadow: none; background: none; padding: 0; color: #82868b; font-size: 12px; margin-left: -5px; width: 60px }
.attendance-reg-table input.eldropdpwn { border-bottom: #939393 thin solid; outline: none; box-shadow: none; background: none; padding: 0; color: #3a3a3a; font-size: 12px;  font-weight: 500 }

.attlabel { padding: 0; margin: 15px}
.attlabel li { list-style: none; display: inline-block; font-size: 11px; font-weight: 500; border: #bdbdbd  thin solid; padding: 3px 5px 3px 15px; margin: 0; background: rgba(255, 159, 67, 0.12); position: relative}
.attlabel li strong { color: #000 }
.attlabel li:before { content: ""; position: absolute; width: 5px; height: 5px; background: rgba(255, 159, 67, 1); border-radius: 50%; left: 5px; top: 9px;}

.attlabel li:nth-child(n+1) { background:  rgba(255, 159, 67, 0.12); } 
.attlabel li:nth-child(2n+2) { background: rgba(234, 84, 85, 0.12); } 
.attlabel li:nth-child(3n+3) { background: rgba(40, 199, 111, 0.12); } 
.attlabel li:nth-child(4n+4) { background: #eee; } 


.attlabel li:nth-child(n+1):before  { background:  #ff9f43; } 
.attlabel li:nth-child(2n+2):before  { background: #ea5455; } 
.attlabel li:nth-child(3n+3):before  { background: #28c76f; } 
.attlabel li:nth-child(4n+4):before  { background: #333; } 

.shortlabelhead { margin:0 15px; font-weight: 600; color: #000; padding-bottom: 5px; margin-top: 20px; border-bottom: #eee thin solid}


.headerslip h5 { font-size: 25px; color: #000; margin: 0 }
.headerslip h2 { font-size: 20px; color: #7367f0; margin-bottom: 5px }
.headerslip h4 { font-size: 12px; color: #4E4E4E; margin: 0 }

.employee-detail-bg { border-radius: 10px; background-color: #f5f5f5; padding: 15px; box-shadow: 0px 5px 15.04px 0.96px rgb(0 0 0 / 13%) }

.bankdetailsalarybg { background: #fff; padding: 10px; border-radius: 10px; margin-bottom: 10px;}
.bankdetailsalarybg.no-bg { background: none; padding-left: 0}

.employee-detail-bg h4 { font-size: 18px; font-weight: bold; color: #000; }
.employee-detail-bg h4 span { font-size: 17px; font-weight: bold; color: #a7a7a7; }

.employee-detail-bg h5 { font-size: 12px; color: #414141;  margin: 0 0 15px; display: flex; align-items: center }
.employee-detail-bg h5 span { color: #000; font-weight: bold; margin-left: 5px }
.employee-detail-bg h5 span.divider { margin: 0 10px }

.employee-detail-bg h5 .feather { margin-right: 5px }

.bankdetailsalarybg label { font-size: 11px; font-weight: 500; margin-bottom: 4px;  color: #414141;  }
.bankdetailsalarybg h6 { font-weight: bold; color: #000; font-size: 12px; margin-bottom: 0 }

.border-dark { border-color: #dfdfdf !important}

.earn-dedtable { margin-top: 15px}
.earn-dedtable tr th { font-size: 11px; background-color: #fff !important; border-bottom-color: #7b70f0 !important; color: #7b70f0; padding: 5px 10px }
.earn-dedtable tr td  { font-size: 12px; font-weight: 500; padding: 10px 10px; }
.earn-dedtable tr td:first-child  { color: #000; font-weight: bold }

.earn-dedtable tfoot tr td { background: #eee; font-size: 13px; color: #000; font-weight: bold; padding: 7px 10px;}

.totalearningtab { margin-top: 10px;  }
.totalearningtab tfoot tr td { background: none; border-top: #959595 thin solid; text-transform: uppercase; border-bottom: #959595 thin solid; font-size: 12px; padding: 7px 10px; color: #000; font-weight: bold}
.totalearningtab tfoot tr td:last-child {  font-size: 14px; }


.netpaysalery { background: #7b70f0 }
.netpaysalery h5 { color: #fff; text-align: center; font-size: 17px; font-weight: bold; margin: 0; text-transform: uppercase; padding: 10px; margin-top: 15px;}
.netpaysalery h5 span { margin-left: 25px}

.main-menu .main-menu-content {
    height: calc(100% - 109px) !important; 
}

.leftfooterlogo { background: #EDEDED; border-radius: 6px; text-align: center; margin: 0 15px; padding: 10px; }
.menu-collapsed .leftfooterlogo { opacity: 0 }
.main-menu:hover .leftfooterlogo, .leftfooterlogo { opacity: 1; transition: all 300ms ease-in-out }
 

.main-menu .navbar-header .navbar-brand .brand-logo img.small-logonew { width: 23px !important; margin-left: 7px }
.menu-collapsed .full-logonew { display: none }
.main-menu:hover .full-logonew, .full-logonew { display: block;  }

.menu-expanded .small-logonew { display: none}
.main-menu:hover .small-logonew  { display: none;  }





.card .card-header.salaryhead { display: block; padding-bottom: 10px}
.salaryhead h4.card-title { font-size: 15px; color: #000; margin-bottom: 10px !important }
.salaryhead h5.card-title { font-size: 13px; color: #686868 }

.card .card-header.salaryhead2 {  padding-top: 13px; margin-bottom: 10px}
.salaryhead2 h4.card-title { font-size: 12px; color: #000; margin-bottom: 5px !important }
.salaryhead2 h5.card-title { font-size: 11px; color: #686868 }

.search-employee input, .search-employee input:focus, .search-employee .input-group-text { background: #f1f1f1; border-radius: 20px 20px 0 0; border-bottom: none; height: 40px; }
.search-employee input { font-size: 13px; color: #000; font-style: italic; font-weight: 500 }
.search-employee input::placeholder {  color: #5C5C5C;  }

.salaryregishead { font-size: 14px; margin: 20px 0; color: #000; font-weight: 500; border-bottom: #eee thin solid; padding-bottom: 4px}

.salaryright-form label { color: #484848; font-size: 11px; font-weight: 500; text-transform: uppercase; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 12px;}
.salaryright-form input.form-control { color: #000; font-size: 12px; font-weight: 700; padding: 4px 6px; margin-bottom: 10px; box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%); border-color: #7367f0; }

.earnigbox { background: #d8f5e45a; padding: 10px; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); margin-bottom: 10px}
.earnigbox h5 { font-size: 14px; font-weight: bold; color: #000; border-bottom: #ffffff thin solid; padding-bottom: 5px}

.dedubox { background: #fceaea5a ; }
.earnigbox1 { background: #b3f7ff5a  ; }
.dedubox1 { background: #fff0c15a  ; }


.salaryright-form .salaryhead  .card-title { margin-bottom: 15px !important; }
.salaryright-form .salaryhead h4.card-title { margin-bottom: 3px !important; font-weight: bold}
 .netpay { font-size: 15px !important}
.salaryright-form .salaryhead  h5  { font-size: 13px}

.atttimimhg {  border-top: #c9c9c9 thin solid; padding-top: 2px; display: block; color: #585858}


.newcolortheme { color: #6B12B7; font-weight: 500; font-size: 13px }
.newheader h4.card-title  { color: #5E5873; font-weight: bold; font-size: 15px; margin-bottom: 3px !important}
.newheader p.card-text  { color: #B9B9C3; font-size: 12px}

.new-btn-group .btn-outline-primary { border: 1px solid rgba(199, 198, 202, 0.4) !important; color: #888888; font-size: 12px; padding: 8px 21px;}
.new-btn-group .btn-check:checked + .btn-outline-primary, .new-btn-group .btn-check:active + .btn-outline-primary { background: rgba(140, 78, 193, 0.2) !important; color:#6B12B7; font-weight: 800  }
.new-btn-group .btn-outline-primary:hover:not(.disabled):not(:disabled) { color:#6B12B7; }

.dropdown-item:hover, .dropdown-item:focus {
    color: #6B12B7;
   background-color: rgba(115, 103, 240, 0.12);
}

.badgeborder-radius { border-radius: 17px; }
.badge { font-size: 13px; font-weight: bold; padding: 0.3rem 0.7rem }
table .badge { font-size: 80%; font-weight: 600; padding: 0.3rem 0.7rem }
.badge.badge-light-primary { background-color: rgba(115, 103, 240, 0.12); color: #6B12B7 !important}

.notification-txt { font-size: 12px; font-weight: 500 }

.centerdateformat { width: 100%; margin-top: 10px}
.centerdateformat input { border: none; text-align: center; background: url('down-arrow.png') right no-repeat; width: 120px; margin: 0 auto; padding: 0; text-align: left; font-size: 13px; box-shadow: none; color: #6B12B7 !important; font-weight: 600}
.centerdateformat input:focus { box-shadow: none; padding: 0; margin: 0 auto !important}

.centerdateformat select { border: none; font-size: 13px; background: url('down-arrow.png') right no-repeat; box-shadow: none; color: #6B12B7 !important; font-weight: 600; appearance: none; padding: 0; width: 100px; box-shadow: none !important; margin: 0 auto}
.form-control:focus { border-color: #6B12B7 }

.card-employee-tasknew h6, .card-employee-tasknew small { display: block;  max-width: 187px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.card-employee-tasknew h6 { color: #6E6B7B; font-weight: 600} 

.card-employee-tasknew { max-height: 221px; overflow-y: scroll }
.card-employee-tasknew2 { max-height: 357px; overflow-y: scroll }
.card-employee-tasknew3 { max-height: 262px; overflow-y: scroll }
.timelinescroll { max-height: 247px; overflow-y: scroll }
.hrnewdashboard .card-employee-tasknew h6{white-space: normal; max-width: fit-content;}
#scrollpart { scrollbar-color: rgba(24, 47, 81, 0.2) #e4e2e2;  scrollbar-width: thin; }
#scrollpart::-webkit-scrollbar { width: 5px; margin-right: 51px; } 
#scrollpart::-webkit-scrollbar-track { box-shadow: none; background-color:#EDEDED;; border-radius: 10px; }
#scrollpart::-webkit-scrollbar-thumb { background-color:#6B12B7; border-radius: 10px; }

.scrollpart { scrollbar-color: rgba(24, 47, 81, 0.2) #e4e2e2;  scrollbar-width: thin; }
.scrollpart::-webkit-scrollbar { width: 5px; margin-right: 51px; } 
.scrollpart::-webkit-scrollbar-track { box-shadow: none; background-color:#EDEDED;; border-radius: 10px; }
.scrollpart::-webkit-scrollbar-thumb { background-color:#6B12B7; border-radius: 10px; }

.dasboardnewbody .card-header, .dasboardnewbody .card-body  { padding: 15px} 

.holiday-box { background: #fff; box-shadow: 10px 4px 20px rgba(0, 0, 0, 0.1); padding:7px 10px; border-radius: 10px; border-left: 10px solid #A88B97; display: flex; margin-bottom: 10px; justify-content: space-between; align-items: center}

.holiday-box span { background: rgba(168, 139, 151, 0.2); color: #A88B97; padding: 5px 13px; font-weight: 600; text-align: center; border-radius: 7px;}

.holiday-box h3 {  color: rgba(0, 0, 0, 0.66);  font-weight: 700; text-align: right; font-size: 15px; margin: 0}
.holiday-box h5 {  color: rgba(0, 0, 0, 0.5);  font-weight: 600; text-align: right; font-size: 13px; margin: 0}


.holiday-box:nth-child(4n+2) { border-left: 10px solid #A0BC8B; }
.holiday-box:nth-child(4n+2) span { background: rgba(160, 188, 139, 0.2); color: #A0BC8B; }


.holiday-box:nth-child(4n+23) { border-left: 10px solid #E3C852; }
.holiday-box:nth-child(4n+3) span { background: rgba(227, 200, 82, 0.2); color: #E3C852; }

.holiday-box:nth-child(4n+4) { border-left: 10px solid #62C3C0; }
.holiday-box:nth-child(4n+4) span { background: rgba(110, 230, 226, 0.2); color: #62C3C0; }


.emploutbox .holiday-box { border: 1px solid #EFEFEF; border-radius: 0 10px 10px 0; box-shadow: none; border-right: #D0D0D0 6px solid; padding:11px 14px }
.emploutbox .holiday-box span { background: none; color: #6E6B7B; font-size: 17px; font-weight: 600; padding: 0 }
.emploutbox .holiday-box h3 { background: none; color: #6E6B7B; font-size: 19px; font-weight: 700;  width: 85px; text-align: left }


.card-employee-tasknew .employee-task:not(:last-child) { margin-bottom: 15px}

.notscroll { max-height: inherit; overflow: inherit}

.newdashtimline { color: #5E5873; }
.newdashtimline .timeline-item .timeline-event .timeline-event-time { color: rgba(0, 0, 0, 0.8); font-weight: 500 }
.newdashtimline p {font-size: 13px }

 
.birthday-section { margin-top: 30px }
.birthday-section img.bimage { margin-top: -50px }
.birthday-section h4.card-title { color: #000000; font-size: 30px; font-weight: bold; margin: 20px 0 !important }
.birthday-section p { color: #54B5AB; font-size: 16px; font-weight: bold; margin-bottom: 5px  }
.annivesection p { color: #A638BF;  }
.new-joinee-section p { color: #2B5FB3 }
.header-navbar.floating-nav { border-radius: 36px}




.new-cardbox { background: #FFFFFF; box-shadow: 0px 10px 30px #0000001a; border-radius: 14px; }
.myrequesttablecbox td { font-size: 13px !important; font-weight: 500   }
.historyleave-view { text-align: center; margin-bottom: 0; font-size: 11px; font-weight: 600; margin-top: 5px}

.progress-circle { position: relative; display: block;  width: 100px; height: 100px; border-radius: 50%; background-color: #EBE8EA; margin: 0 auto}
.progress-circle:before { content: ""; position: absolute;  width: 75px; height: 75px; border-radius: 50%; background: #F8F6F4;   top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5 }
.progress-circle:after { content: ""; display: inline-block; width: 100%; height: 100%; border-radius: 50%; background-color: #63B8FF; -webkit-animation: colorload 2s; animation: colorload 2s; z-index: 4 }
.progress-txt { position: absolute; top: 50%; width: 100%; text-align: center; font-size: 23px; font-weight: bold; color: #00d4bd; z-index: 6; left: 50%; transform: translate(-50%, -50%); line-height: 16px }
.progress-txt span { color: #5F5F5F; font-size: 11px; font-weight: 600 }


.progress-sick .progress-txt { color: #826bf8}
.progress-earned .progress-txt { color: #ffa1a1}
.progress-encashed .progress-txt { color: #ffe700}


.progress-circle.progress-0:after {
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(90deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-1:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(93.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-2:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(97.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-3:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(100.8deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-4:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(104.4deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-5:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(108deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-6:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(111.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-7:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(115.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-8:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(118.8deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-9:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(122.4deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-10:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(126deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-11:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(129.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-12:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(133.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-13:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(136.8deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-14:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(140.4deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-15:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(129.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-16:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(133.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-17:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(136.8deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-18:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(140.4deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-19:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(144deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-20:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(151.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-21:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(158.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-22:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(161.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-23:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(165.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-24:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(169.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-25:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(180deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-26:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(183.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-27:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(187.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-28:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(190.8deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-29:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(194.4deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-30:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(198deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-31:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(201.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-32:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(205.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-33:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(208.8deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-34:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(212.4deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-35:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(216deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-40:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(234deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-36:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(219.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-37:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(223.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-38:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(226.8deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-39:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(230.4deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-41:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(237.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-42:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(241.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-43:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(244.8deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-44:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(248.4deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-45:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(252deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-46:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(255.6deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-47:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(259.2deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-48:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(262.8deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-49:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(266.4deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-50:after { 
  background-image: linear-gradient(-90deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-51:after { 
  background-image: linear-gradient(-86.4deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-52:after { 
  background-image: linear-gradient(-82.6deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-53:after { 
  background-image: linear-gradient(-79.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-54:after { 
  background-image: linear-gradient(-75.6deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-55:after { 
  background-image: linear-gradient(-72deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-56:after { 
  background-image: linear-gradient(-68.4deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-57:after { 
  background-image: linear-gradient(-64.8deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-58:after { 
  background-image: linear-gradient(-61.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-59:after { 
  background-image: linear-gradient(-57.6deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-60:after { 
  background-image: linear-gradient(-54deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-61:after { 
  background-image: linear-gradient(-50.4deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-62:after { 
  background-image: linear-gradient(-46.8deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-63:after { 
  background-image: linear-gradient(-43.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-64:after { 
  background-image: linear-gradient(-39.6deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-65:after { 
  background-image: linear-gradient(-36deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-66:after { 
  background-image: linear-gradient(-32.4deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-67:after { 
  background-image: linear-gradient(-28.8deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-68:after { 
  background-image: linear-gradient(-25.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-69:after { 
  background-image: linear-gradient(-21.6deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-70:after { 
  background-image: linear-gradient(-18deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-71:after { 
  background-image: linear-gradient(-14.4deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-72:after { 
  background-image: linear-gradient(-10.8deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-73:after { 
  background-image: linear-gradient(-7.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-74:after { 
  background-image: linear-gradient(-3.6deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-75:after { 
  background-image: linear-gradient(0deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-76:after { 
  background-image: linear-gradient(3.6deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-77:after { 
  background-image: linear-gradient(7.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-78:after { 
  background-image: linear-gradient(10.8deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-79:after { 
  background-image: linear-gradient(14.4deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-80:after { 
  background-image: linear-gradient(18deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-81:after { 
  background-image: linear-gradient(21.6deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-82:after { 
  background-image: linear-gradient(25.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-83:after { 
  background-image: linear-gradient(28.8deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-84:after { 
  background-image: linear-gradient(32.4deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-85:after { 
  background-image: linear-gradient(36deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-86:after { 
  background-image: linear-gradient(39.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-87:after { 
  background-image: linear-gradient(43.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-88:after { 
  background-image: linear-gradient(46.8deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-89:after { 
  background-image: linear-gradient(50.4deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-90:after { 
  background-image: linear-gradient(54deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-91:after { 
  background-image: linear-gradient(57.6deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-92:after { 
  background-image: linear-gradient(61.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-93:after { 
  background-image: linear-gradient(64.8deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-94:after { 
  background-image: linear-gradient(68.4deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-95:after { 
  background-image: linear-gradient(72deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-96:after { 
  background-image: linear-gradient(75.6deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-97:after { 
  background-image: linear-gradient(79.2deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-98:after { 
  background-image: linear-gradient(82.8deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-99:after { 
  background-image: linear-gradient(86.4deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }

.progress-circle.progress-100:after { 
  background-image: linear-gradient(90deg, #00d4bd 50%, transparent 50%, transparent), linear-gradient(270deg, #00d4bd 50%, #EBE8EA 50%, #EBE8EA); }



.progress-sick.progress-0:after {
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(90deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-1:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(93.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-2:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(97.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-3:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(100.8deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-4:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(104.4deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-5:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(108deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-6:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(111.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-7:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(115.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-8:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(118.8deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-9:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(122.4deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-10:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(126deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-11:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(129.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-12:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(133.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-13:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(136.8deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-14:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(140.4deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-15:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(129.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-16:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(133.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-17:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(136.8deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-18:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(140.4deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-19:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(144deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-20:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(151.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-21:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(158.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-22:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(161.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-23:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(165.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-24:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(169.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-25:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(180deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-26:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(183.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-27:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(187.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-28:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(190.8deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-29:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(194.4deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-30:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(198deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-31:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(201.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-32:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(205.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-33:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(208.8deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-34:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(212.4deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-35:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(216deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-40:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(234deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-36:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(219.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-37:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(223.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-38:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(226.8deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-39:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(230.4deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-41:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(237.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-42:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(241.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-43:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(244.8deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-44:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(248.4deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-45:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(252deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-46:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(255.6deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-47:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(259.2deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-48:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(262.8deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-49:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(266.4deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-50:after { 
  background-image: linear-gradient(-90deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-51:after { 
  background-image: linear-gradient(-86.4deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-52:after { 
  background-image: linear-gradient(-82.6deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-53:after { 
  background-image: linear-gradient(-79.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-54:after { 
  background-image: linear-gradient(-75.6deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-55:after { 
  background-image: linear-gradient(-72deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-56:after { 
  background-image: linear-gradient(-68.4deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-57:after { 
  background-image: linear-gradient(-64.8deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-58:after { 
  background-image: linear-gradient(-61.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-59:after { 
  background-image: linear-gradient(-57.6deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-60:after { 
  background-image: linear-gradient(-54deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-61:after { 
  background-image: linear-gradient(-50.4deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-62:after { 
  background-image: linear-gradient(-46.8deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-63:after { 
  background-image: linear-gradient(-43.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-64:after { 
  background-image: linear-gradient(-39.6deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-65:after { 
  background-image: linear-gradient(-36deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-66:after { 
  background-image: linear-gradient(-32.4deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-67:after { 
  background-image: linear-gradient(-28.8deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-68:after { 
  background-image: linear-gradient(-25.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-69:after { 
  background-image: linear-gradient(-21.6deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-70:after { 
  background-image: linear-gradient(-18deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-71:after { 
  background-image: linear-gradient(-14.4deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-72:after { 
  background-image: linear-gradient(-10.8deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-73:after { 
  background-image: linear-gradient(-7.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-74:after { 
  background-image: linear-gradient(-3.6deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-75:after { 
  background-image: linear-gradient(0deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-76:after { 
  background-image: linear-gradient(3.6deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-77:after { 
  background-image: linear-gradient(7.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-78:after { 
  background-image: linear-gradient(10.8deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-79:after { 
  background-image: linear-gradient(14.4deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-80:after { 
  background-image: linear-gradient(18deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-81:after { 
  background-image: linear-gradient(21.6deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-82:after { 
  background-image: linear-gradient(25.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-83:after { 
  background-image: linear-gradient(28.8deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-84:after { 
  background-image: linear-gradient(32.4deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-85:after { 
  background-image: linear-gradient(36deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-86:after { 
  background-image: linear-gradient(39.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-87:after { 
  background-image: linear-gradient(43.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-88:after { 
  background-image: linear-gradient(46.8deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-89:after { 
  background-image: linear-gradient(50.4deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-90:after { 
  background-image: linear-gradient(54deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-91:after { 
  background-image: linear-gradient(57.6deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-92:after { 
  background-image: linear-gradient(61.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-93:after { 
  background-image: linear-gradient(64.8deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-94:after { 
  background-image: linear-gradient(68.4deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-95:after { 
  background-image: linear-gradient(72deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-96:after { 
  background-image: linear-gradient(75.6deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-97:after { 
  background-image: linear-gradient(79.2deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-98:after { 
  background-image: linear-gradient(82.8deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-99:after { 
  background-image: linear-gradient(86.4deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }

.progress-sick.progress-100:after { 
  background-image: linear-gradient(90deg, #826bf8 50%, transparent 50%, transparent), linear-gradient(270deg, #826bf8 50%, #EBE8EA 50%, #EBE8EA); }


.progress-earned.progress-0:after {
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(90deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-1:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(93.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-2:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(97.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-3:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(100.8deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-4:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(104.4deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-5:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(108deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-6:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(111.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-7:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(115.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-8:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(118.8deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-9:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(122.4deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-10:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(126deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-11:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-12:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-13:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-14:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-15:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-16:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-17:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-18:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-19:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(144deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-20:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(151.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-21:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(158.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-22:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(161.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-23:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(165.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-24:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(169.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-25:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(180deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-26:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(183.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-27:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(187.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-28:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(190.8deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-29:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(194.4deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-30:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(198deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-31:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(201.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-32:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(205.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-33:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(208.8deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-34:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(212.4deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-35:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(216deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-40:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(234deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-36:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(219.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-37:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(223.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-38:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(226.8deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-39:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(230.4deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-41:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(237.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-42:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(241.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-43:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(244.8deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-44:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(248.4deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-45:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(252deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-46:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(255.6deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-47:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(259.2deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-48:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(262.8deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-49:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(266.4deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-50:after { 
  background-image: linear-gradient(-90deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-51:after { 
  background-image: linear-gradient(-86.4deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-52:after { 
  background-image: linear-gradient(-82.6deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-53:after { 
  background-image: linear-gradient(-79.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-54:after { 
  background-image: linear-gradient(-75.6deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-55:after { 
  background-image: linear-gradient(-72deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-56:after { 
  background-image: linear-gradient(-68.4deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-57:after { 
  background-image: linear-gradient(-64.8deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-58:after { 
  background-image: linear-gradient(-61.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-59:after { 
  background-image: linear-gradient(-57.6deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-60:after { 
  background-image: linear-gradient(-54deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-61:after { 
  background-image: linear-gradient(-50.4deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-62:after { 
  background-image: linear-gradient(-46.8deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-63:after { 
  background-image: linear-gradient(-43.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-64:after { 
  background-image: linear-gradient(-39.6deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-65:after { 
  background-image: linear-gradient(-36deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-66:after { 
  background-image: linear-gradient(-32.4deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-67:after { 
  background-image: linear-gradient(-28.8deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-68:after { 
  background-image: linear-gradient(-25.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-69:after { 
  background-image: linear-gradient(-21.6deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-70:after { 
  background-image: linear-gradient(-18deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-71:after { 
  background-image: linear-gradient(-14.4deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-72:after { 
  background-image: linear-gradient(-10.8deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-73:after { 
  background-image: linear-gradient(-7.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-74:after { 
  background-image: linear-gradient(-3.6deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-75:after { 
  background-image: linear-gradient(0deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-76:after { 
  background-image: linear-gradient(3.6deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-77:after { 
  background-image: linear-gradient(7.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-78:after { 
  background-image: linear-gradient(10.8deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-79:after { 
  background-image: linear-gradient(14.4deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-80:after { 
  background-image: linear-gradient(18deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-81:after { 
  background-image: linear-gradient(21.6deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-82:after { 
  background-image: linear-gradient(25.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-83:after { 
  background-image: linear-gradient(28.8deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-84:after { 
  background-image: linear-gradient(32.4deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-85:after { 
  background-image: linear-gradient(36deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-86:after { 
  background-image: linear-gradient(39.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-87:after { 
  background-image: linear-gradient(43.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-88:after { 
  background-image: linear-gradient(46.8deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-89:after { 
  background-image: linear-gradient(50.4deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-90:after { 
  background-image: linear-gradient(54deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-91:after { 
  background-image: linear-gradient(57.6deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-92:after { 
  background-image: linear-gradient(61.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-93:after { 
  background-image: linear-gradient(64.8deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-94:after { 
  background-image: linear-gradient(68.4deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-95:after { 
  background-image: linear-gradient(72deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-96:after { 
  background-image: linear-gradient(75.6deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-97:after { 
  background-image: linear-gradient(79.2deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-98:after { 
  background-image: linear-gradient(82.8deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-99:after { 
  background-image: linear-gradient(86.4deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }

.progress-earned.progress-100:after { 
  background-image: linear-gradient(90deg, #ffa1a1 50%, transparent 50%, transparent), linear-gradient(270deg, #ffa1a1 50%, #EBE8EA 50%, #EBE8EA); }


.progress-encashed.progress-0:after {
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(90deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-1:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(93.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-2:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(97.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-3:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(100.8deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-4:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(104.4deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-5:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(108deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-6:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(111.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-7:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(115.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-8:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(118.8deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-9:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(122.4deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-10:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(126deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-11:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-12:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-13:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-14:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-15:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-16:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-17:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-18:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-19:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(144deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-20:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(151.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-21:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(158.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-22:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(161.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-23:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(165.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-24:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(169.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-25:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(180deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-26:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(183.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-27:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(187.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-28:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(190.8deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-29:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(194.4deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-30:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(198deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-31:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(201.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-32:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(205.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-33:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(208.8deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-34:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(212.4deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-35:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(216deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-40:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(234deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-36:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(219.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-37:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(223.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-38:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(226.8deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-39:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(230.4deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-41:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(237.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-42:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(241.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-43:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(244.8deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-44:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(248.4deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-45:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(252deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-46:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(255.6deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-47:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(259.2deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-48:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(262.8deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-49:after { 
  background-image: linear-gradient(90deg, #EBE8EA 50%, transparent 50%, transparent), linear-gradient(266.4deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-50:after { 
  background-image: linear-gradient(-90deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-51:after { 
  background-image: linear-gradient(-86.4deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-52:after { 
  background-image: linear-gradient(-82.6deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-53:after { 
  background-image: linear-gradient(-79.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-54:after { 
  background-image: linear-gradient(-75.6deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-55:after { 
  background-image: linear-gradient(-72deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-56:after { 
  background-image: linear-gradient(-68.4deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-57:after { 
  background-image: linear-gradient(-64.8deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-58:after { 
  background-image: linear-gradient(-61.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-59:after { 
  background-image: linear-gradient(-57.6deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-60:after { 
  background-image: linear-gradient(-54deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-61:after { 
  background-image: linear-gradient(-50.4deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-62:after { 
  background-image: linear-gradient(-46.8deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-63:after { 
  background-image: linear-gradient(-43.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-64:after { 
  background-image: linear-gradient(-39.6deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-65:after { 
  background-image: linear-gradient(-36deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-66:after { 
  background-image: linear-gradient(-32.4deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-67:after { 
  background-image: linear-gradient(-28.8deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-68:after { 
  background-image: linear-gradient(-25.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-69:after { 
  background-image: linear-gradient(-21.6deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-70:after { 
  background-image: linear-gradient(-18deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-71:after { 
  background-image: linear-gradient(-14.4deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-72:after { 
  background-image: linear-gradient(-10.8deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-73:after { 
  background-image: linear-gradient(-7.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-74:after { 
  background-image: linear-gradient(-3.6deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-75:after { 
  background-image: linear-gradient(0deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-76:after { 
  background-image: linear-gradient(3.6deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-77:after { 
  background-image: linear-gradient(7.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-78:after { 
  background-image: linear-gradient(10.8deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-79:after { 
  background-image: linear-gradient(14.4deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-80:after { 
  background-image: linear-gradient(18deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-81:after { 
  background-image: linear-gradient(21.6deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-82:after { 
  background-image: linear-gradient(25.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-83:after { 
  background-image: linear-gradient(28.8deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-84:after { 
  background-image: linear-gradient(32.4deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-85:after { 
  background-image: linear-gradient(36deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-86:after { 
  background-image: linear-gradient(39.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-87:after { 
  background-image: linear-gradient(43.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-88:after { 
  background-image: linear-gradient(46.8deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-89:after { 
  background-image: linear-gradient(50.4deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-90:after { 
  background-image: linear-gradient(54deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-91:after { 
  background-image: linear-gradient(57.6deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-92:after { 
  background-image: linear-gradient(61.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-93:after { 
  background-image: linear-gradient(64.8deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-94:after { 
  background-image: linear-gradient(68.4deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-95:after { 
  background-image: linear-gradient(72deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-96:after { 
  background-image: linear-gradient(75.6deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-97:after { 
  background-image: linear-gradient(79.2deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-98:after { 
  background-image: linear-gradient(82.8deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-99:after { 
  background-image: linear-gradient(86.4deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }

.progress-encashed.progress-100:after { 
  background-image: linear-gradient(90deg, #ffe700 50%, transparent 50%, transparent), linear-gradient(270deg, #ffe700 50%, #EBE8EA 50%, #EBE8EA); }


.cancel-btn {
    background: #F6F6F6;
    border: 1px solid #444444;
    border-radius: 40px;
    color: #000000;
    font-weight: 500;
    font-size: 12px;
    padding: 8px 12px;
}

.upcoming-box { background: #F2F2F2 ; border-radius: 9px; padding:9px 15px; margin-bottom: 10px }
.upcoming-box h1 { color: #000000; font-weight: 600; font-size: 20px; margin-bottom: 0px; line-height: 18px; }
.upcoming-box h1 span { color: #000000; font-weight: 500; font-size: 13px; }
.upcoming-box p { color: #454545; font-weight: 500; font-size: 12px; margin-bottom: 0 }
.border-rightcolor { border-right: 1px solid #888888; }
.upcoming-box h4 { color: #000000 !important; font-weight: 500 !important; font-size: 15px !important; margin-bottom: 0px; }


.leavedetailsumtab th { background: none; color: #000 !important; text-transform: none !important;  font-size: 12px !important; padding: 12px 10px !important }
.leavedetailsumtab td { background: none !important; font-weight: 500 !important; color: #4E4E4E !important;  font-size: 13px !important; padding: 9px 10px !important }

.tableleavsumarbox { border: #eee thin solid; border-radius: 10px; background: #fdfdfd}





.fc .fc-view-harness { min-height: 320px !important; }
.display-nonebox { display: none !important; }
.fc-theme-standard td { border: none; }
/* #calendar { height: 350px; } */
.fc-theme-standard .fc-scrollgrid { border: none; }
.fc-theme-standard th { border: none; color: #B5B5B5; font-weight: 500; font-size: 14px; }
.fc-daygrid-day.fc-day.fc-day-sun.fc-day-past { height: 50px !important;   }
.fc-scroller-harness.fc-scroller-harness-liquid { margin-top: 10px; }
/* .fc-daygrid-day.fc-day.fc-day-sun.fc-day-future  { height: 40px; } */
/* .fc-daygrid-day-number { color: #222222 !important; } */
.fc-day-future .fc-daygrid-day-number { color: #999 !important; cursor: not-allowed; font-weight: normal;}


.fc .fc-daygrid-day { padding: 0px !important; } 

/* .fc .fc-daygrid-day-bottom {font-size: 0; padding: 0; background: url(../app-assets/images/clock1.svg);} */
/* .fc-daygrid-more-link .fc-more-link { background: url(../app-assets/images/clock1.svg) !important; } */

.fc-day-today  { border-radius: 12px !important; }
.fc-daygrid-day.fc-day.fc-day-mon.fc-day-today {  border-radius: 12px !important; background: #E5E5E5 !important;}
.fc-daygrid-day-top { justify-content: center !important; }
.fc-daygrid-day-frame.fc-scrollgrid-sync-inner { height: 20px !important; } 
 
.fc .fc-daygrid-event-harness .fc-event { background: none; border: none; padding: 0 }

.dotcirclatt { width: 10px; height: 10px; background: #B5B5B5; border-radius: 50%; margin: 0 auto; }
.dotcirclatt.present { background: #0C8443; }
.dotcirclatt.absent {  background: #F82D2D;  } 

.dotcirclatt.present:after { content: ""; position: absolute; top: -30px; left: 0; right: 0; border: #fff thin solid; height: 45px; border-radius: 10px; z-index: -1; width: 95%; margin: 0 auto; }

.dotcirclatt.absent:after { content: ""; position: absolute; top: -30px; left: 0; right: 0; border: #fff thin solid; height: 45px; border-radius: 10px; z-index: -1; width: 95%; margin: 0 auto; }
.fc-day-other .fc-daygrid-day-events { display: none }

.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active { display: none !important; }
.fc-timeGridWeek-button.fc-button.fc-button-primary { display: none !important; }
.fc-timeGridDay-button.fc-button.fc-button-primary { display: none !important; }
.fc-listMonth-button.fc-button.fc-button-primary { display: none !important; }
.fc-button-group { position: absolute !important; right: 10px !important; }

.fc .fc-toolbar .fc-button-group .fc-button { top: -20px !important; }

.fc .fc-day-today {  background-color: #d2ceff !important; }
.fc .fc-toolbar .fc-toolbar-title { font-weight: bold; font-size: 17px}



.myatteandance-leave { margin-bottom: 0 }
.myatteandance-leave { color: #2A2A2A; font-size: 11px; font-weight: 600 }
.myatteandance-leave span { width: 10px; height: 10px}

.hr-dashfullemplname { white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.hr-dashemplname { max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.tableactionnew .dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgb(0 0 0 / 25%); }

.tableactionnew .dropdown-item { 
    border: 0;
    clear: both;
    color: #666;
    display: block;
    font-weight: 500;
    padding: 8px 15px;
	font-size: 12px;
}

.tableactionnew .feather { color: #666}
.tableactionnew .dropdown-item:hover, .tableactionnew .dropdown-item:hover .feather  {color: #6B12B7 }
.namefont-sizenewmodal { font-size: 16px}

.modal-slide-in .modal-header .btn-close  { transform: translate(18px, -10px); margin-top: -24px }
.modal-slide-in .modal-header .btn-close:hover  { transform: translate(18px, -10px); }
.filterpopuplabel .modal-body .form-label { font-weight: 600 }
.modal-slide-in .modal-dialog .modal-content { padding-bottom: 0; }
.filterpopuplabel .form-control { font-weight: 500; }

.empnewheaddash { justify-content: flex-start !important; align-items: flex-start !important  }
.empnewheaddash h4.card-title {  color: #5D586C; }

.myatbox { background: url('my-att-bg.png') no-repeat; width: 107px; height: 114px; color: #05528B; font-size: 42px; line-height: 130px; font-weight: 600; margin: 0 auto; text-align: center}

.my-attendadate { margin-top: 5px; }
.my-attendadate input { margin: 0 !important; font-size: 11px; font-weight: 600 !important; width: 97px;  }
.myattdatecolor input {  color: #2586C5 !important; background-image: url("attan-down.png")}
.my-attendadate input:focus { margin: 0 !important; }

.pinchtimatt { text-align: center; margin-top: 20px }
.pinchtimatt h3 { font-size: 12px; margin: 0 0 5px; font-weight: 500; color: #4B465C }
.pinchtimatt h4 { font-size: 13px; margin: 0; font-weight: 700; color: #4B465C }

.leaveteam-calander .fc-theme-standard th { border: 1px solid #ddd !important; padding: 5px}
.leaveteam-calander .fc-theme-standard td { border: 1px solid #ddd;}
.leaveteam-calander .fc .fc-daygrid-day { padding: 5px !important }
.leaveteam-calander .fc-scroller-harness.fc-scroller-harness-liquid { margin-top: 0px;}
.leaveteam-calander .fc .fc-day-today { background: none !important  }
.leaveteam-calander .fc th.fc-day-today { color: #000; font-weight: bold  }
.leaveteam-calander .fc-button-group { position: relative !important; right: 0px !important; }
.leaveteam-calander .fc .fc-toolbar .fc-button-group .fc-button { top: 0 !important  }
.leaveteam-calander .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 10px  }
/* .leaveteam-calander .fc .fc-view-harness { height: auto !important; min-height: 400px !important} */


.weekleavelabel-spab span { margin-top: 10px; font-size: 10px; font-weight: 600}

.team-leavecalen-week span { display: block; width: 100%; margin-bottom: 5px; white-space: nowrap; font-size: 10px; line-height: 13px; padding: 5px 4px; text-overflow: ellipsis; overflow: hidden;}

.team-leave-holidayspage { max-height: 585px }

.reqforapproval { text-decoration: underline; font-size: 15px; margin-right: 15px; font-weight: 600}



.fc-scroller-liquid-absolute::-webkit-scrollbar { width: 5px; margin-right: 51px; } 
.fc-scroller-liquid-absolute::-webkit-scrollbar-track { box-shadow: none; background-color:#EDEDED;; border-radius: 10px; }
.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb { background-color:#BBBBBB; border-radius: 10px; }

.tablecomponentreport .form-check-input { width: 15px; height: 15px; }


.leavedetailhead { font-size: 13px; margin: 10px 0; }
.leavedetailtxt { color: #000; font-size: 13px; font-weight: bold; margin: 10px 0; }
.leavetable { width: 100%}
.leavetable th { background: #eee; font-size: 11px; padding: 5px}
.leavetable td {  font-size: 11px; padding: 5px; font-weight: 500}
.leavetable td:first-child { color: #000  }


.form-label { font-weight: 600 !important }
.form-control, .form-select { font-weight: 500 !important; font-size: 13px }
.table thead th { font-weight: 600}


.checkin-timesmall { font-weight: 500; color: #9f9f9f; }
.frequent-overtimetd td { border: none; padding:10px; font-weight: 500; font-size: 11px }

.absent-table th { padding:5px 0px 5px 10px;  font-size: 11px !important}
.absent-table td { border-bottom: #eee thin solid }
.absent-table h6 { font-size: 12px !important; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; white-space: break-spaces; max-width: 60px }

.newaddcustompill .nav-link { font-weight: 500; background: #eee; margin-right: 15px; }
 

.surveyselectbox { background: url("selectsurveybg.png") no-repeat; background-size: cover; border-radius: 10px; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); padding: 10px; text-align: center; }
.surveyselectbox img { margin-top: 20px; }
.surveyselectbox h4 { font-size: 16px; font-weight: 700; margin: 20px 0 10px; }
.surveyselectbox p { color: #919191; font-size: 12px; line-height: 20px; font-weight: 500 }


.survselecttem { background: #fff; background-size: cover; border-radius: 10px; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); text-align: center; padding-bottom: 20px }
.survselecttem img { height: 250px; object-fit: cover; object-position: top; width: 100%; }
.survselecttem h4 { border: thin solid #eee; border-left: none; border-right: none; font-size: 15px; font-weight: 700; margin: 20px 0; padding: 10px 0; }


.smallcheckboxsurvey .form-check-input { width: 15px; height: 15px; }
.smallcheckboxsurvey .form-check-label { font-size: 11px; font-weight: 600; color: #000 }
.smallcheckboxsurvey .form-check:not(.form-switch) .form-check-input[type='checkbox']:checked { background-size: 57%; }

.question-box { background: #fff; background-size: cover; border-left: 5px solid #0195d4; border-radius: 10px; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); margin-bottom: 20px; padding: 10px; }
.question-box h4 {  border-bottom: thin solid #eee; font-size: 15px; font-weight: 700; margin: 0 0 15px; padding: 0 0 7px; }
.question-box h4 span .feather { width: 18px; height: 18px }

.ql-editor p { font-size: 14px; color: #000}

.question-select .select2-results__option { font-weight: 500 }
.question-select .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 500}

.ansercheckbox .form-check-label { font-size: 12px; font-weight: 600; color: #424242 }

.innergroupanser .add-removetxt { color: #484848; font-size: 11px; font-weight: 600; }


.upload-btn-wrapper { display: inline-block; overflow: hidden; position: relative; vertical-align: middle; }
.uploadBtn { background: #0194d2; border: none; border-radius: 0 10px 10px 0; color: #fff; font-size: 16px; height: 40px; outline: none; padding: 8px 18px; text-align: center; }
.add-imagequestion { background: none; color: #0195d4; font-weight: 500; font-size: 11px; height: auto; padding: 0; }
.upload-btn-wrapper input[type=file] { cursor: pointer; font-size: 100px; font-size: 20px; height: 500px; left: -124px; opacity: 0; position: absolute; top: 0; width: 900px; }


.position-stickyleftsurvey { position: sticky; top: 100px}


.advancesetting h6 { color: #000; font-size: 13px; font-weight: 700}
.advancesetting p { color: #6c757d!important; font-size: 12px; font-weight: 500;}


.privatepublic .form-check { border: thin dashed #e3e3e3; line-height: 20px; padding: 10px 33px 10px 10px; }
.privatepublic svg { margin-top: -3px}
.privatepublic .form-check-input { float: right; margin: 0 -25px 0 0}
.privatepublic span.add-removetxt { color: #a5a5a5; display: block; font-weight: 500; font-size: 10px; line-height: 12px; }

.permission .form-check { padding: 10px 10px 10px 33px }
.permission .form-check-input { float: left; margin: 0 0 0 -1.785rem;}

.formheadpad .card-header { padding: 10px }

.compoenentboxreport { border: #eee thin solid; border-radius: 10px; overflow: hidden; padding: 0 14px}
.compoenentboxreport .col-md-12 { font-weight: 600; border-bottom:1px solid #ebe9f1; background-color: #f3f2f7; padding: 10px !important; font-size: 12px; color: #000}
.compoenentboxreport .col-md-6 { font-weight: 500; border-bottom:1px solid #ebe9f1; background-color: #fff; padding: 9px 18px !important; font-size: 12px; color: #4E4E4E}
.compoenentboxreport .row .col-md-6:last-child, .compoenentboxreport .row .col-md-6:nth-last-child(2) { border: none }


.new-navbarfloating { border-radius: 36px}
.top-head-logowidth { width: 64px;
  margin-left: 15px; 
  background: #fff;
  border-radius: 11px;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  height: 63px;}
.listbutton { padding:12px 13px; background: #6B12B7 !important; border-radius: 50%; border-color: #6B12B7 !important; width: 44px; height: 44px; text-align: center; margin: 4px 2px;}
.listbutton svg {width: 23px; height: 23px }

.theme-switchbox { display: flex; align-items: center}
.theme-switchbox span { font-size: 9px; font-weight: bold; text-transform: uppercase}
.themeswitchstyle { background: #6b12b7; border-radius: 20px; width: 47px; height: 24px; margin: 0 5px; line-height: 13px; padding: 3px}
.themeswitchstyle span { background: none; border-radius: 20px; width: 18px; height: 18px; display: inline-block; line-height: 16px; text-align: center; cursor: pointer} 
.themeswitchstyle span .feather { color: #fff; width: 12px }

.themeswitchstyle span.day-lightmode { background: #fff; }
.themeswitchstyle span.day-lightmode .feather { color: #000; }


.dark-layout .themeswitchstyle span.dark-lightmode { background: #fff; }
.dark-layout .themeswitchstyle span.day-lightmode { background: none; }
.dark-layout .themeswitchstyle span.dark-lightmode .feather { color: #000; }
.dark-layout .themeswitchstyle span.day-lightmode .feather { color: #fff; }

.light-layout .themeswitchstyle span.dark-lightmode { background: none; }
.light-layout .themeswitchstyle span.day-lightmode { background: #fff; }
.light-layout .themeswitchstyle span.dark-lightmode .feather { color: #fff; }
.light-layout .themeswitchstyle span.day-lightmode .feather { color: #000; }

.dark-layout .menu-darkiconleft { filter: invert(1)}

.dark-layout .header-navbar { background: none !important;}
.dark-layout .new-navbarfloating { background-color: #283046 !important;}

.approveleavesection .leavedetailsumtab td { font-size: 12px !important; padding: 9px 10px !important;}
.approveleavesection .leavedetailsumtab th { font-size: 11px !important; }

.component-custom .col-md-6{background-color: #f3f2f7 !important;}

.selection-choice {border-radius: 20px; background-color: #7367f0 !important;border-color: #7367f0 !important;color: #fff;padding: 2px 5px;}
.roundoff-duration-hide, .break-didection-hide{display: none;}
.input-show{display: block;}

.canteen-attribute .btn.btn-icon {width: 30px;height: 30px;border-radius: 0px;padding: 0;}

.callheadimage { text-align: center; width: 86px; line-height: 76px; margin: 0 auto; background: #6B12B7; border-radius: 50%; border:2px solid #fff; height: 86px; margin-top: -100px; margin-bottom: 40px }
.callheadimage img { }
.callsupport-popupdes .modal-content { background: #6B12B7; }
.callsupport-popupdes h1 { font-size: 25px; text-decoration: underline; font-weight: bold; color: #fff}
.callsupport-popupdes .btn-close { background-color: transparent !important; filter: invert(1); opacity: 1 !important; border: #000 2px solid !important; border-radius: 50% !important; padding: 8px 9px !important; margin: 0 -5px 0 auto !important; transform: none !important; }
.call-supporttxt { display: flex; align-items: center; font-size: 23px; font-weight: 500; color: #fff; margin: 50px 0 0}
.call-supporttxt img { margin-right: 10px}
.call-supporttxt strong { margin-left: 10px}
.call-supporttxt a { color: #fff }

.workspace-header { margin: 5px 0 25px }
.workspace-newheader .newheader h4.card-title { font-weight: 600; font-size: 13px }

.worksdrivebox { width: 350px}
.worksdrivebox .media-list { padding: 0 20px; margin-top: 15px}
.worksdrivebox .media-list .col-md-4 { padding: 0 7px}

.listbutton { padding:12px 13px; background: #6B12B7 !important; border-radius: 50%; border-color: #6B12B7 !important; width: 44px; height: 44px; text-align: center; margin: 4px 2px;}
.listbutton svg {width: 23px; height: 23px }
.workspace-header { margin: 5px 0 25px }
.workspace-newheader .newheader h4.card-title { font-weight: 600; font-size: 13px }
 
.drivework { padding: 15px 0px 10px; border-radius: 5px; background: #FAF3FF; margin-bottom: 15px; text-align: center}
.drivework p { font-size: 11px; margin: 7px 0 0; color: #333; }
.drivework img { width: 35px; height: 35px; object-fit: contain;}
.dark-layout .drivework { padding: 15px 0px 10px; border-radius: 5px; background: #161d31; } 
.dark-layout .drivework p { color: #f1f1f1; }
.dark-layout .top-head-logowidth { background: #283046; }
.dark-layout .listbutton { background: #161e31 !important; border-color: #161e31 !important; }

/* .navigation li { margin-bottom: 22px;} */
.main-menu.menu-light .navigation > li.active > a, .main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a { box-shadow: 0 0 10px 1px rgb(107, 18, 183, 0.7) }
.vertical-layout.vertical-menu-modern .main-menu .navigation li a { font-size: 14px; }
.main-menu.menu-light .navigation > li ul .active { background: #f0f0f0; box-shadow: none; }
.main-menu.menu-light .navigation > li ul .active a { color: #6B12B7; font-weight: bold; }
.main-menu.menu-light .navigation li a .badge.badge-light-warning { background-color: rgb(255 255 255 / 12%);
  color: #ffffff !important; }

.select-organization-menu { margin-right: 10px }
.select-organization-menu select { max-width: 300px; padding: 5px 30px 5px 12px; border-radius: 21px; font-size: 11px; border: none; box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1); font-weight: 700 !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border: #dfdfdf thin solid; }
.select-organization-menu .select2 { width: 300px !important; }

@media (min-width: 1200px) {
	.main-menu ul.navigation-main { margin-top: 30px }
	.approval-screenhod .modal-dialog { max-width: 960px}
}

@media (min-width: 992px) {
	.callsupport-popupdes .modal-lg {
		max-width: 700px;
	}
}


@media (max-width: 575px) {
	.apcontent h3 { font-size: 13px;  }
	.apcontent h6 { font-size: 19px; }

	.apicon {  width: 35px; height: 35px; margin: -25px auto 13px; line-height: 32px }
	.apicon svg { width: 18px; height: 18px  }
	.header-navbar .navbar-container ul.navbar-nav li > a.nav-link { padding: 0 0.5rem; }
	
	.headerslip h5 { font-size: 22px; margin:25px 0 10px 0 }
	.headerslip h2 { font-size: 15px; margin-bottom: 5px }
	.headerslip h4 { font-size: 11px; margin: 0 }
	.employee-detail-bg h4 { font-size: 15px; }
	.employee-detail-bg h4 span { font-size: 14px; }
	.employee-detail-bg h5 { font-size: 11px; display: block; }
	.employee-detail-bg h5 .divider { opacity: 0; margin: 0 0px; height: 10px; }
	.bankdetailsalarybg label { font-size: 10px;  }
	.bankdetailsalarybg h6 {  font-size: 11px; margin-bottom: 10px  }
	.bankdetailsalarybg { margin-bottom: 0}
	
	.earn-dedtable tr th { font-size: 10px; }
	.earn-dedtable tr td  { font-size: 10px; padding: 5px 10px }
	.earn-dedtable tfoot tr td { font-size: 11px; }
	
	.totalearningtab tfoot tr td { font-size: 10px; }
    .totalearningtab tfoot tr td:last-child {  font-size: 12px; }
	.netpaysalery h5 { font-size: 13px; margin-top: 20px }
	
	
	 .fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active { padding: 5px 5px !important; font-size: 10px !important; }

  .fc-sidebarToggle-button.fc-button.fc-button-primary { display: none !important; } 

  .fc-daygrid-day.fc-day.fc-day-mon.fc-day-today {  border-radius: 12px !important; }
	
}

.datatruncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.empluyeenewdashdetaiul .holiday-box { padding: 9px 6px}
.empluyeenewdashdetaiul .holiday-box span { font-size: 11px }
.empluyeenewdashdetaiul .holiday-box h3 { font-size: 17px; }
.empluyeenewdashdetaiul .holiday-box h4 { font-size: 9px; color: #0C8443; position: relative}
.empluyeenewdashdetaiul .holiday-box h4:after { content: ""; position: absolute; left: -8px; top: 3px; width: 4px; height: 4px; border-radius: 50%; background: #0C8443; }
.empluyeenewdashdetaiul .holiday-box h5 { font-size: 9px; color: #E91E63; position: relative}
.empluyeenewdashdetaiul .holiday-box h5:after { content: ""; position: absolute; left: -8px; top: 3px; width: 4px; height: 4px; border-radius: 50%; background: #E91E63; }
.empluyeenewdashdetaiul .holiday-box:nth-child(4n+3) span { background: rgb(130 107 248 / 30%); color: #826bf8; }

.newdashnumber-design .reworknumber h4, .newdashnumber-design .reworknumber h6 {  font-size: 22px; font-weight: bold; padding: 20px 10px; margin-bottom: 30px}
.newdashnumber-design span { margin-top: 13px; font-size: 12px; color: #000 }
.newdashnumber-design span.minmax { margin-top: 3px; font-size: 14px; color: #5D586C; }

.regulariandlatepunch p { font-size: 12px } 
.newdashtask-overytime h3 { font-size: 13px; font-weight: 600; border-bottom: #eee thin solid; padding-bottom: 5px}
.newdashtask-overytime h4 span { font-size: 12px}


.configured-locasect h2 { font-size: 16px; margin-bottom: 0; font-weight: 700 }
.configured-locasect p { font-size: 12px }


.payrollconfigured tr th, .payrollconfigured tr td { padding: 7px 10px;}
.payrollconfigured tr th { font-size: 15px}
.payrollconfigured tr td { font-size: 15px}

/* recruitment new css */

.btn-primary-inner { background: #6B12B7 !important; border-color: #6B12B7 !important; color: #fff }  
.btn-primary-inner:hover { background: #480085 !important; border-color: #480085 !important; color: #fff }

.btn-outline-primary-inner { background: #fff !important; border-color: #6B12B7 !important; color: #6B12B7 }  
.btn-outline-primary-inner:hover { background: #6B12B7 !important; border-color: #6B12B7 !important; color: #fff }

.rec-total-bg {background: linear-gradient(263.92deg, #3C78FF 4.84%, #244899 97.9%); border-radius: 15px; padding:15px 25px; height: 100%; display: flex; flex-direction: column; justify-content: center}
.ogbox { background: linear-gradient(263.92deg, #F86F85 4.84%, #F4415F 97.9%); }
.jmbox { background: linear-gradient(263.92deg, #F4A15C 4.84%, #F47030 97.9%); }
.thbox { background: linear-gradient(263.92deg, #46D5A7 4.84%, #06996D 97.9%); }
.rec-total-bg img { width: 50px }
.rec-total-bg h3 { font-size: 35px; margin-bottom: 0; text-align: center; font-weight: 600; color: #fff }
.rec-total-bg p {  font-size: 14px; text-align: center;  font-weight: 300; color: #fff }

.rec-rewqpostmang { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px }
.rec-rewqpostmang h3 { font-size: 15px; margin: 0;  font-weight: 600; color: #6B12B7; margin-right: 10px}
.rec-rewqpostmang select { width: auto; background: url("drop-rec.png") no-repeat #EEDAFFB5; background-position: 97% center; background-size: 12px; border: none; border-radius: 5px; padding: 5px 30px 5px 5px; font-size: 13px; color: #6B12B7  }


.candidates-tables {  border-radius: 10px; overflow: hidden;  border: 1px solid #DADADA; }
.candidates-tables .table { margin-bottom: 0 }
.candidates-tables tr th { background: #F4E6FF !important; border-right: #D1D1D1 thin solid !important; color: #6B12B7; text-transform: none; font-size: 12px;  padding: 10px 15px  }
.candidates-tables tr td { background: #fff; border-bottom: none; border-right: #D1D1D1 thin solid; color: #6D6D6E; font-size: 12px; font-weight: 500; padding: 15px }
.candidates-tables tr td .hr-dashemplname {  font-size: 12px; font-weight: 500 !important; }
.candidates-tables .table-striped tr td { border-bottom: #e9e9e9 thin solid !important;  border-right: #e9e9e9 thin solid;  }
.candidates-tables .table-striped tr th { border-right: #dbdada thin solid !important;  }

.candidates-tables tr th:last-child, .candidates-tables tr td:last-child { border-right: none !important; }
.candidates-tables tr td .skilnum { color: #6B12B7; font-size: 14px; font-weight: 600 }

.cand-inforecsec { display: flex; justify-content: space-between; align-items: flex-end }
.cand-inforecsec h3 { font-size: 16px; color: #000; font-weight: 600}
.cand-inforecsec h4 { font-size: 12px; color: #6D6D6E; font-weight: 600}
.cand-inforecsec h5 { font-size: 12px; color: #8b8a8a; font-weight: 500; margin-bottom: 0}
.cand-inforecsec h5 a { color: #5B5BDF; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; max-width: 200px; line-height: 10px;}

.candidates-tables td input.form-control { border: none; font-size: 11px; width: 250px; border-radius: 0; padding-left: 0}
.candidates-tables select.form-select { background: url("drop-rec.png") no-repeat; background-position: 90% center; background-size: 12px; padding-right: 35px; width: 120px; border-radius: 10px; color: #6D6D6E  }

.rec-status { position: relative; padding-left: 7px; width: 100px}
.rec-status .skilnum {  font-size: 13px !important; }
.rec-status h5 {  font-size: 11px; }
.rec-status:after { position: absolute; left: 0; top: 0; width: 3px; height: 105%; background: #6B12B7; content: ""; border-radius: 5px  }


.ratingcan-star { display: flex; }
.ratingcan-star img { width: 18px; margin-right: 5px }

.action-rec { display: flex }
.action-rec svg { width: 20px; height: 20px; margin-right: 5px}


.jobnewid { background: #E4C4FF; color: #6B12B7; border-radius: 4px; font-size: 11px; font-weight: 600; padding:3px 8px}
.skill-card-section { border: #DADADA thin solid }
.skill-card-section .card-header { background: #F4E6FF; color: #6B12B7; font-weight: 600; text-align: center; display: block; font-size: 12px; padding: 6px; }
.skill-card-section .card-body { padding: 15px 0 !important; }
 
.recskillprof h3 { font-size: 14px; font-weight: 500; color: #6D6D6E; display: flex; justify-content: space-between; background: #F5F5F5; padding: 10px 20px }
.recskillprof h3:nth-child(2n+2) { background: #FFF5FD;  }
.recskillprof h3 span { color: #9841E3;  }

 
#donut-soucecv .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text { font-size: 12px !important; font-weight: 700 !important}
#donut-soucecv .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label { font-size: 14px !important; fill: #6e6b7b !important; font-weight: 700 !important}
#donut-soucecv .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value { font-size: 20px !important; fill: #6e6b7b; font-weight: 700 !important }

.intcalview { margin:0 15px ; padding: 10px 10px 10px 0; border: #D29CFF thin solid; background: #F5F5F5; border-radius: 15px  }
.intcalview .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 6px }
.intcalview .fc .fc-toolbar .fc-toolbar-title { font-size: 13px; margin-left: 13px; }
.intcalview .dotcirclatt.present:after { display: none}
.intcalview .fc-theme-standard th { border: none; color: #6B12B7; font-weight: 700; font-size: 11px; }


.intschlist { margin:15px; border-top:#DBDBDB 2px solid; padding-top: 14px}
.intschlist h3 { font-size: 14px; color: #6B12B7 }
.intschlist p { font-size: 13px; color: #A3A6AD; padding-left: 25px; position: relative }
.intschlist p:after {content: ""; position: absolute; left: 0; width: 13px; height: 13px; background: #E1E1E1; border-radius: 2px; top: 5px}


.jobdetailbox {  background:url('job-bg-1.png') no-repeat; background-size:  cover; border: 1px solid #DADADA; box-shadow: -2px 0px 4.9px 0px #00000026; border-radius: 15px; margin-bottom: 20px; padding: 35px 70px }

.jobdetailbox h3 { font-size: 21px; font-weight: 600; color: #000; margin-bottom: 22px}
.jobdetailbox p { font-size: 14px; font-weight: 500; color: #787878; line-height: 24px; margin-bottom: 20px}
.jobdetailbox h4 { font-size: 14px; font-weight: 500; color: #fff;  margin:10px 0px 20px}
.jobdetailbox span { margin-right: 10px}
.jobdetailbox table tr td { color: #fff; padding: 10px; font-size: 13px}
.jobdetailbox table tr td:first-child { font-weight: 600 }
.jobdetailbox .badge-light-primary  { background: #E1CFF0; border: #6B12B7 thin solid; color: #6B12B7; margin-bottom: 15px }



/* ===================================================================================== */
.dark-layout .holiday-box { background-color: #283046; border-color: #3b4253;}
.dark-layout .holiday-box span { color: #b4b7bd;}
.dark-layout .holiday-box h3 { color: #b4b7bd;}
.dark-layout .newheader h4.card-title { color: #ffffff;}
.dark-layout #scrollpart { 
  scrollbar-color: rgb(104, 81, 198) #31374a !important; 
  /* scrollbar-track-color: #161d31 !important;  */
}
/* .dark-layout #scrollpart ::-webkit-scrollbar { scrollbar-color: #283046 !important;} */
/* .dark-layout #scrollpart::-webkit-scrollbar-thumb { background-color: red !important;}
.dark-layout #scrollpart::-webkit-scrollbar-track { background-color: red !important;} */


  /* border-radius: 6px; } */
.dark-layout .leavedetailsumtab th { color: #ffffff !important;}

.dark-layout .table td, .dark-layout .table th { background-color: #343d55 !important;}
.dark-layout .tableleavsumarbox { background: transparent;}
.dark-layout .leavedetailsumtab td { color: #9b9898 !important;}
/* .dark-layout .new-cardbox { background: #000000;} */
.dark-layout .myatteandance-leave { color: #d0d2d6;}
.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link .picture {filter: invert(1);}

.dark-layout .main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-light .navigation > li.sidebar-group-active > a {
  background-color: #6b12b71f;
}
.dark-layout .bg-light { background-color: transparent !important;}
.dark-layout .form-group .form-group-new {-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; }
.dark-layout .form-group .form-group-new:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; }
.dark-layout .passwordinputnew .input-group-text { background-color: #ffffff;}