body { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; font-size: 12px; color: #707070; text-decoration: none; margin: 0px; padding: 0px; background-color: #f7f7f7; }
button { outline: none !important; text-decoration: none !important; border: none !important; }
.btn:focus { outline: none !important; text-decoration: none !important; border: none !important; box-shadow: none !important; }
a { outline: none !important; border: none; text-decoration: none; }
textarea { resize: none; }
ul { list-style: none; }
.number { font-family: 'Dosis', calibri, Arial, sans-serif !important; font-weight: 600 !important; font-size: 36px; text-decoration: none; margin: 0px; padding: 0px; }
.nav_icon { /*background-color: #3d4454;*/ width: 40px; height: 40px; color: #fff !important; position: absolute; z-index: 1030 !important; left: 5px; top: 8px; padding: 5px 7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.suth_logo { position: absolute; bottom: 0; width: 100%; height: 65px; background-color: #fff; z-index: 1030; }
.sm_show { display: none; }
 .dropdown-toggle::after {
 border: 0 !important;
 margin-left: 0 !important;
 content: none !important;
}
.margin-right { margin-right: 10px; }
.hidden { display: none; }
.padding-zero { padding: 0 !important; }
.tags { text-align: center; margin-top: 15px }
.tags .badge { font-size: 12px !important; color: #fff !important; background-color: #1e2f61 !important; float: none !important; margin-right: 0 !important; padding: 7px 10px !important; margin-bottom: 5px; }
.search-title { width: 100%; font-size: 36px; font-weight: 300; text-align: center; color: #eb003f }

::placeholder {
 color: #666 !important
}

:-ms-input-placeholder {
 color: #CCC !important
}
/*-----------------------------------Header Style Start-----------------------------------------------*/
.logout-but { float:right; padding:0px 10px; line-height:30px; height:30px; font-size:16px; cursor:pointer; color:#666666; }
.logout-but:hover { background-color:#ccc; }
.employee-level { color: #fff; font-size: 18px; font-weight: 500; float: left; position: relative; z-index: 1060; text-transform: uppercase; }
.employee-level .caret { display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent }
.employee-level a { color: #fff; }
.employee-level a:hover { text-decoration: none; }
.employee-dropdown { left: -15px !important; top: 44px !important; }
.alert_list { float: right; display: block; list-style: none; padding: 0; margin: 0; }
 _:-ms-lang(x), .alert_list {
 margin-top: 10px;
}

.alert_list li { height: 43px; color: #fff; margin-left: 15px; float: right; line-height: 43px; font-size: 20px; margin-top: -12px; /* padding-top: 10px; */ }
  /*.alert_list li { height: 43px; color: #fff; margin-left: 15px; float: right; line-height: 43px; font-size: 20px; margin-top: -12px; }*/
.alert_list li a { color: #fff; text-decoration: none; display: inline-block !important; }
.alert-number { width: 16px; height: 16px; border-radius: 16px; background-color: #e80a4d; font-size: 11px; color: #FFF; position: relative; right: -10px; top: -36px; line-height: 15px; text-align: center; }
.leave_bal { color: #898989; font-size: 14px; float: left; margin-right: 20px; margin-bottom: 5px; }
.leave_bal label { color: #fff; font-weight: 500; padding: 2px 8px; margin-right: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pl_bg { background-color: #4ac7c6; }
.sl_bg { background-color: #dd4b77; }
.cl_bg { background-color: #dd784b; }
.profilimg { float: left; margin-right: 5px; font-size: 15px !important; height: 100%; }
.profilimg img { float: left; margin-top: 2px !important; margin-right: 5px; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.profildropimg { float: left; margin-right: 5px; margin-bottom: 5px; width: 80px; height: 80px; margin-right: 5px; position: relative; z-index: 1030; }
.profildropimg img { width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); }
.profildrop-box { float: left; position: relative; z-index: 999; padding: 4px 40px 0 45px; line-height: 16px; font-weight: 500; font-size: 14px; color: #fff; background-color: #3d4453; height: 54px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; left: -40px; top: 12px; -webkit-box-shadow: 5px 7px 3px 0px rgba(219, 219, 219, 1); -moz-box-shadow: 5px 7px 3px 0px rgba(219, 219, 219, 1); box-shadow: 5px 7px 3px 0px rgba(219, 219, 219, 1); }
.profildrop-box span { font-size: 11px; display: block; font-weight: 400; }
.profildrop-box label { font-size: 11px; display: block; font-style: italic; font-weight: 400; }
.profil-notice { background-color: #5dd255; position: absolute; top: 8px; right: 15px; width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.profil_txt { font-size: 14px !important; font-weight: 400; display: block; float: right;
              color: #fff; margin-top: 5px;white-space:nowrap;
              width:100%;
              overflow:hidden;text-overflow:ellipsis; }
/*.profil_txt { font-size: 16px !important; font-weight: 500; display: block; float: left; margin-top: -5px; }*/
.profil_txt span { display: block; font-size: 13px !important; margin-top: -28px; color: #efefef !important; font-weight: 400; font-style: italic; }
.profil_time { font-size: 36px !important; font-weight: 500; float: left; margin-top: -1px; }
.profil_month { font-size: 14px !important; font-weight: 500; float: left; line-height: 16px; margin-top: 5px; margin-left: 5px; }
.menu_line img{height: 64px; width: 2px; margin-top: -21px;}
.profil_con { height: auto; width: 480px !important; top: 75px!important;}
/*.profil_con { height: auto; width: 480px !important; left: -215px !important; }*/
.pro_col1 { width: 47%; float: left; }
.pro_col2 { width: 47%; float: right; }
.pro_db {
  width: 100%;
  margin: 0px 5px;
  text-transform: uppercase;
  font-size: 11px;
  color: #707070;
  line-height: 16px;
  padding: 10px 0 10px 15px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/profile_bullet.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D), url(https://irozfd.sutherlandglobal.com/cdn/assets/images/profile_bor.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat, repeat-y;
  background-position: left top 14px, left 2px top;
}
.pro_db span { display: block; text-transform: none; font-size: 14px; color: #1eafda; word-wrap: anywhere; }
.pro_db_innerwrap { width: 98%; height: 135px; overflow: auto; }
.pro_db_popup {
  width: 80%;
  float: left;
  margin: 0px 5px 0px 33px;
  text-transform: uppercase;
  font-size: 11px;
  color: #fff;
  line-height: 16px;
  padding: 10px 0 10px 15px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/popu_bullet.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D), url(https://irozfd.sutherlandglobal.com/cdn/assets/images/poup_bor.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat, repeat-y;
  background-position: left top 14px, left 2px top;
}
.pro_db_popup span { display: block; text-transform: none; font-size: 14px; color: #98d3e7; }
.pro_db_wrap { background-color: #3d4453; padding: 12px 0 12px 50px; height: auto; overflow: hidden; margin-bottom: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.profildrop-popup { float: left; position: relative; z-index: 999; padding: 15px 42px 0 45px; line-height: 16px; font-weight: 500; font-size: 14px; color: #535966; background-color: #fff; height: 54px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; left: -40px; top: 12px; -webkit-box-shadow: 5px 7px 3px 0px rgba(219, 219, 219, 1); -moz-box-shadow: 5px 7px 3px 0px rgba(219, 219, 219, 1); box-shadow: 5px 7px 3px 0px rgba(219, 219, 219, 1); }
.profildrop-popup span { font-size: 11px; display: block; font-weight: 400; }
.profildrop-popup label { font-size: 11px; display: block; font-style: italic; font-weight: 400; }
.margintop20 { margin-top: 20px; }
.paddingtop0 { padding-top: 0 !important; }
.dropdown-menu > li { width: 100%; height: auto; }
.dropdown-menu > li.active > a, a[aria-expanded="true"] { background: none !important; }
.dropdown-menu > li > a { background: none !important; }
.dropdown-menu > li > a:hover { background: none !important; }
.dropdown-menu { left: -220px; top: 44px; border-radius: 0; box-shadow: none; margin-top: 0px; width: 250px; padding: 12px 15px; border: solid 1px #d9d9d9; border-top: none !important; -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.16); }
.icon-bar { background-color: #fff !important; }
.navbar-toggle { margin-top: 11px !important; margin-right: 0px !important; }
.navbar-toggle { color: #fff; font-size: 18px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #26235d !important; }
.navbar-default .navbar-toggle { border: none; margin-left: 6px; }
.navbar-toggle { padding: 5px !important; }
.dropdown-menu .divider { padding: 0; height: 1px; background: #f0f0f0; margin: 10px 0px; margin-top:4px !important;}
/*--------Alert and Email Drop down Start---------------*/
.alert_txt { line-height: normal !important; padding: 0; }
.alert_txt a { font-size: 12px !important; font-weight: 400 !important; color: #62687e !important; line-height: 20px; }
.alert_txt a span { font-size: 12px !important; font-weight: 300 !important; color: #62687e !important; display: block; }
.notifi_txt { font-size: 14px !important; font-weight: 400 !important; color: #acacac !important; line-height: 25px !important; }
.notifi_txt span a { padding: 0px 11px !important; float: right; background-color: #ED1651; text-align: center !important; color: #fff !important; -webkit-border-radius: 14px; font-size: 10px !important; font-weight: 500; -moz-border-radius: 15px; border-radius: 15px }
.badge { font-size: 16px; font-weight: 500; float: right; background-color: #1eafda; padding: 4px 7px; margin-right: 5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.center { text-align: center !important; }
.lang_txt { line-height: normal !important; padding: 0 0 7px 0!important; color: #62687e !important; font-size: 12px !important; font-weight: 500 !important; margin-top:-4px !important;}
.lang_txt a { padding: 0 !important; margin: 0 !important; color: #707070 !important; font-size: 12px !important; }
.lang_txt a:hover { color: #1eafda !important; }
.lang_txt span { float: right; color: #1eafda; font-weight: 400; }
.lang_txt img { float: left; margin-right: 6px; margin-top: 3px; }
/*--------Alert and Email Drop down End---------------*/


/*----------------------------- Ticker  Start ---------------------------------------------*/
.ticker-wrap{height: 60px;  width:41%; float: left;  position: relative;  overflow: hidden;   color: white; margin-left: 25px;}
.ticker { float: left;	width: 100%;	height: 60px;	overflow: hidden;	margin: 0;	padding: 0;	list-style: none;	color: #fff;}
.ticker li {	height: 60px;	padding: 5px;	margin: 0px 5px;}
.ticker span{float: left;   margin-right: 15px; height: 50px;}
.ticker-text{  font-size: 13px; padding:10px 5px 5px 5px; line-height: 16px; color: #fff;    }
.ticker-text a{color: #5fe9d1; font-weight: 500;}
/*----------------------------- Ticker  End ---------------------------------------------*/


/************************* Table  Style Start*****************************/
.padding_wrap { padding: 10px 15px; }
.grid-table { border-collapse: collapse; }
.grid-table tr:hover { background-color: #fff; }
.grid-table tr:first-child:hover { background: none !important; }
.grid-table tr:last-child { border-bottom: none !important; }
.grid-table tr { border-bottom: solid 1px #e5e5e5; }
.grid-table tr th { padding: 8px 6px; font-weight: 500; text-align: left; color: #1EAFDA; text-transform: uppercase; font-size: 10px !important; }
.grid-table tr td { padding: 8px 6px; font-weight: 400; color: #696969; font-size: 14px !important; }
.grid-table tr td h1 { font-size: 13px; font-weight: 400; padding: 0; margin: 0; }
.status_box { cursor: pointer; width: 30px; height: 30px; line-height: 30px; font-weight: 700; font-family: 'Dosis', calibri, Arial, sans-serif !important; text-align: center; color: #fff; font-size: 16px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5); }
/************************* My Request Style Start*****************************/

/*--------Workspace Start---------------*/
.ws-title { color: #1eafda; font-weight: 400; color: #1eafda; font-size: 18px; padding: 0; margin: 0; margin-bottom: 5px; text-indent: 10px; text-transform: none; }
.ws-list { margin: 0; padding: 0; }
.ws-list li { cursor: pointer; float: left; width: 90px; height: 60px; text-align: center; line-height: 15px; font-size: 11px; color: #707070; position: relative; margin: 7px 9px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); }
.ws-list li img { margin: auto; display: block; margin-top: 2px; }
.ws-tick {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/ws_tick.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #80D426;
  position: absolute;
  right: 8px;
  top: 8px;
}
.search_input {
  width: 100%;
  border: solid 1px #fff;
  height: 50px;
  font-size: 16px;
  color: #323232;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  outline: none;
  border: none;
  text-indent: 20px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/search-icon-big.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: right center;
}
#list_title { cursor: pointer }
 .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
 border-bottom-color: #43c1ab !important;
}
.tooltip-inner { font-size: 12px; padding: 10px 15px 10px 20px; background: #43c1ab !important; color: #fff; }
.tooltip.show { opacity: 1; }
 .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
 bottom: 0;
 border-width: 0 .4rem .4rem;
 border-bottom-color: #43c1ab
}
/* ---------------------------------------------------
    Drop Down Animation list
----------------------------------------------------- */
.animation { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes slideDownIn { 0% {
 -webkit-transform: translateY(-20px);
}
 100% {
 -webkit-transform: translateY(0);
}
 0% {
 -webkit-transform: translateY(-20);
}
}
 @keyframes slideDownIn { 0% {
 transform: translateY(-20px);
}
 100% {
 transform: translateY(0);
}
 0% {
 transform: translateY(-20px);
}
}
.slideDownIn { -webkit-animation-name: slideDownIn; animation-name: slideDownIn; }
 @-webkit-keyframes slideUpIn { 0% {
 -webkit-transform: translateY(20px);
}
 100% {
 -webkit-transform: translateY(0);
}
 0% {
 -webkit-transform: translateY(20px);
}
}
 @keyframes slideUpIn { 0% {
 transform: translateY(20px);
}
 100% {
 transform: translateY(0);
}
 0% {
 transform: translateY(20px);
}
}
/*-----------------------------------Header Style End-----------------------------------------------*/

/*-----------------------------------Inner Page Style Start-----------------------------------------------*/
.col_pad { padding: 7px }
.col_wrap { width: 100%; margin-bottom: 7px; background-color: #fff; overflow: hidden; min-height: 80px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6); }
.con_title { width: 100%; height: 30px; line-height: 30px; padding-left: 10px; background-color: #3d4453; color: #fff; font-size: 14px; font-weight: 400; }
.right-col { padding-left: 0px !important; }
.navbar { margin-bottom: 0 !important }
/**************Attendance Marking Style Starts**************/
.att-marking { background-color: #141b2a; padding: 20px; }
.att-list { padding: 0; margin: 0; }
.att-list li { width: 100%; margin-bottom: 5px; color: #969696; font-size: 12px; }
.att-list li h1 { color: #80D426; font-size: 26px; font-weight: 400; padding: 0; margin: 0; text-indent: 30px; text-transform:uppercase; }
.att-list li h2 { color: #EBF3F5; font-size: 12px; font-weight: 400; padding: 0; margin: 0; display: block; text-indent: 30px; }
.att-list li h2 span { font-weight: 600; }
.att-list li h3 { color: #EBF3F5; font-size: 12px; font-weight: 400; padding: 0; margin: 0; text-indent: 30px; margin-bottom: 15px; }
.attwork-icon {
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/att_tick.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: left center;
}
.attlocation-icon {
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/att_location.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: left center;
  height: 24px;
  line-height: 24px;
}
.attdrop-wrap { border: 1px solid #f2f2f2; width:100%; padding: 0px 0px 0px 5px; background-color:#3d4453; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.attdrop-title { color: #afafaf; font-size: 11px; font-weight: 500; position: absolute; left: 20px; top: -11px; background: #141b2a; padding: 0 5px; }
.break-up-wrap { margin: 0 !important; padding: 0 !important; }
.break-up { font-size: 10px; color: #fff; background-color: #43c1ab; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 20px; padding: 1px 10px; text-transform: uppercase; }
.punch-but {
  font-size: 11px;
  color: #dee2e3;
  background-color: #215662;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0px 10px 0px 30px;
  text-transform: uppercase;
  height: 30px;
  margin-left: 45px;
  margin-top: -5px;
  border: solid 2px #fff !important;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  line-height: 22px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/clock_icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: left 10px center;
}
.punch-but:hover { background-color: #3b97ac; border: solid 2px #69c2d6 !important; }
.att-dropdown {
  border: 0;
  background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/drop_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 95%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: "";
  color: #fff;
  padding: 0px 1px 2px 5px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}
.att-playbut {
  width: 170px;
  float: left;
  height: 67px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/att_img.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  position: relative;
  margin-top: 20px;
}
.att-dropdown:focus, .att-playdrop:focus { outline: none !important; text-decoration: none !important; border: none !important; box-shadow: none !important; }
.att-end {
  margin: auto;
  width: 110px;
  margin-top: 15px;
  height: 110px;
  background-color: #215662;
  border: solid 2px #FFF;
  font-size: 11px;
  padding-top: 70px;
  color: #dee2e3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/att_end.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: top 15px center;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}
.att-end:hover { background-color: #3b97ac; border: solid 2px #69c2d6; }
.att-playdrop {
  border: 0;
  float: left;
  background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/drop_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 95%;
  /*-webkit-appearance: none;
  -moz-appearance: none;*/
  margin-top: 19px;
  margin-left: 9px;
  text-indent: 2px;
  text-overflow: "";
  color: #6f6f6f;
  padding: 5px 1px 3px 5px;
  width: 115px;
  font-size: 11px;
  font-weight: 400;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-transform: uppercase;
}
.break-icon { width: 42px; height: 42px; position: absolute; right: 9px; top: 12px; cursor: pointer; }
.total-bt { color: #EBF3F5; font-size: 11px; font-weight: 400; position: absolute; left: 20px; top: -5px; }
.bt { color: #fff; font-size: 9px; font-weight: 400; position: absolute; right: 21px; top: -6px; }
.att-pointer { font-size: 12px; color: #e5e5e5; height: 0px; position: relative; display: block; clear: both; margin-top: 20px }
.pointer { height: 20px; width: 55px; display: block; float: right; text-align: center; position: relative; font-size: 10px; margin-top: -26px; right: -27px; }
.att-mainbar { width: 100%; height: 16px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; display: block; clear: both; font-size: 10px; color: #333; font-weight: bold; cursor: pointer; }
.work-hr { float: left; position: relative; height: 16px; background: rgba(30, 174, 218, 1); background: -moz-linear-gradient(top, rgba(30, 174, 218, 1) 0%, rgba(64, 176, 186, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 174, 218, 1)), color-stop(100%, rgba(64, 176, 186, 1))); background: -webkit-linear-gradient(top, rgba(30, 174, 218, 1) 0%, rgba(64, 176, 186, 1) 100%); background: -o-linear-gradient(top, rgba(30, 174, 218, 1) 0%, rgba(64, 176, 186, 1) 100%); background: -ms-linear-gradient(top, rgba(30, 174, 218, 1) 0%, rgba(64, 176, 186, 1) 100%); background: linear-gradient(to bottom, rgba(30, 174, 218, 1) 0%, rgba(64, 176, 186, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eaeda', endColorstr='#40b0ba', GradientType=0 );
}
.break-hr { background-color: #dbdbdb; float: left; position: relative; height: 16px; }
.att-timer {
  margin-top: 4px;
  height: 14px;
  display: block;
  clear: both;
  border-left: solid 1px #96979e;
  border-right: solid 1px #96979e;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/barline.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: repeat-x;
  background-position: center;
  text-align: center;
  font-size: 12px;
  color: #e5e5e5;
  line-height: 32px;
}
/**************Calendar Style Starts**************/
.caltable td { background: #FFFFFF; height: 71px !important; width: 14%; border: 1px solid #f3f3f3 !important; }
.month_txt { text-transform: uppercase; font-size: 14px; height: 40px !important; text-align: center; font-weight: 500; }
.caltable .first { background: #FFFFFF; font-size: 12px; font-weight: 500; height: 30px !important; color: #4d4d4d; }
.caltable .second { background: #fff; font-size: 12px; height: 35px !important; line-height: 35px; text-align: center; }
.datedisplay { font-size: 18px; font-weight: 600; font-family: 'Dosis', calibri, Arial, sans-serif !important; clear: both; text-align: right; margin-right: 10px; }
.cal_list { padding: 10px 10px; display: table; margin: auto; }
.cal_list li { font-size: 12px; text-align: left; padding: 0; margin: 0; height: 30px; width: auto; line-height: 30px; float: left !important; color: #646464; margin-left: 20px; border: 0; box-shadow: none; }
.cal_list li div { color: #fff; font-size: 12px; float: left; margin: 8px 10px 0 10px; width: 14px; height: 14px; line-height: 14px; text-align: center; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.legend-list { display: table; float: left; margin: 0; padding: 0; }
.legend-list li { font-size: 12px; text-align: left; padding: 0; margin: 0; height: 10px; width: auto; line-height: 10px; float: left !important; color: #646464; margin-right: 10px; border: 0; box-shadow: none; }
.legend-list li div { float: left; margin: 0px 5px 0 0px; width: 10px; height: 10px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.cal_present { background: #80D426; }
.cal_absent { background: #f35b57; }
.cal_leave { background: #F4B829; }
.cal_off { background: #1EAFDA; }
.cal_compoff { background: #1C2C5E; }
.cal_unmarked { background: #7d7d7d; }
.cal_holiday { background: #43C1AB; }
.tab_holiday { color: #43C1AB; }
.tab_present { color: #80D426; }
.tab_absent {
  background: #fcd7d6 !important;
  color: #f35b57;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/absent_bg.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) !important;
  background-repeat: repeat-y !important;
  background-position: right !important;
  position: relative;
}
.tab_compoff { color: #1C2C5E; }
.absent_txt { font-size: 10px; line-height: 12px; color: #636363; padding: 0; margin: 0; position: relative; top: -10px; left: 5px; font-family: 'Roboto', calibri, Arial, sans-serif !important; font-weight: 400; }
.absent_icon {
  width: 17px;
  height: 17px;
  position: absolute;
  right: 40px;
  bottom: 9px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/absent_icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
}
_:-ms-lang(x), .absent_icon {
  width: 17px;
  height: 17px;
  position: absolute;
  right: 40px;
  bottom: 11px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/absent_bg.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
}
.tab_leave { color: #F4B829; }
.tab_off { color: #1EAFDA; }
.tab_unmarked { color: #898989; }
.tab_month { float: right; height: 24px; line-height: 24px; width: auto; padding: 0px 15px; background-color: #fff; text-align: center; font-size: 12px; color: #7f838d; margin-right: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; font-family: 'Open Sans', sans-serif !important; }
.calleft_arrow {
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/calleft_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  height: 10px;
  width: 5px;
  position: absolute;
  left: 7px;
  top: 7px;
  cursor: pointer;
}
.calright_arrow {
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/calright_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  height: 10px;
  width: 5px;
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
}
/**************Payroll Style Starts**************/
.cont-wrap { padding: 20px; width: 100%; height: 100%; }
.payroll-health { margin: 7px 5px 0 0; padding: 0; float: right; }
.payroll-health li { float: left; width: 15px; height: 15px; background-color: #3F6; border-radius: 10px; margin-right: 5px; background-color: #dadada }
.ph-act { background-color: #f3605c !important; }
.payroll-list { display: table; margin: auto; font-size: 14px; color: #aaaaaa; width: 100%; padding-inline-start: 0px !important; }
.payroll-list span { display: block; clear: both; font-size: 24px; font-family: 'Dosis', calibri, Arial, sans-serif !important; font-weight: 400; color: #757575; margin-top: -10px; margin-bottom: -4px; }
.payroll-list li { float: left; margin-right: 8px; padding: 7px 7px 5px 7px; width: 30%; margin-bottom: 28px; height: 50px; }
.ph-bdr-off { border-left: #1995BA 3px solid; }
.ph-bdr-present { border-left: #80D426 3px solid; }
.ph-bdr-overtime { border-left: #12abd8 3px solid; cursor: pointer; }
.ph-bdr-leave { border-left: #F4B829 3px solid; }
.ph-bdr-compoff { border-left: #43C1AB 3px solid; }
.ph-bdr-absent { border-left: #f25854 3px solid; background-color: #fcd6d5; cursor: pointer; }
.view-more { color: #1EAFDA; float: right; font-size: 10px; font-style: italic; margin-bottom: 11px; font-weight: 600; }
.view-more label { cursor: pointer }
.collapse-ph {
  height: 176px;
  overflow: hidden;
  width: 100%;
  margin: 0;
  margin-bottom: 8px;
}
.collapse-mr { height: 167px; overflow: hidden; width: 100%; margin: 0; margin-bottom: 8px; }
.viewless-ph { display: none }
.viewless-mr { display: none }
/**************Schedule for Next 7 Days Style Starts**************/
.shn-wrap { padding: 5px; width: 100%; height: 100%; }
.shn-bdr-off { border-top: #1995BA 4px solid; }
.shn-bdr-work { border-top: #80D426 4px solid; }
.shn-bdr-leave { border-top: #F4B829 4px solid; }
.shn-table { border-collapse: separate; border-spacing: 5px 5px; }
.shn-popup { border-spacing: 5px 12px !important; }
.shn-table tr td { -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); }
.shn-title { width: 100%; color: #fff; text-align: center; padding: 5px 0; background-color: #80D426; font-size: 12px; font-weight: 500; }
.shn-tom-txt { text-align: center; padding: 19px 5px; font-size: 18px; font-weight: 400; text-transform: uppercase; }
.shn-day { text-align: center; padding: 20px 5px 0 5px; font-size: 18px; font-weight: 500; }
.shn-shift { text-align: center; padding: 2px 5px 0 5px; font-size: 16px; font-weight: 500; }
.shn-shift span { text-align: center; font-size: 11px; font-weight: 400; display: block; }
.shn-shifttxt { text-align: center; font-size: 11px; font-weight: 400; display: block; padding: 3px 5px 6px 5px; line-height: 13px; text-transform: uppercase; }
/**************My Request Style Starts**************/
.myreq-list { list-style: none; margin: 0; padding: 0; }
.myreq-list li { width: 100%; margin-bottom: 30px; }
.myreq-wrap { height: 5px; background-color: #e8e8e8; font-size: 10px; width: 100%; overflow: visible !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.approved { background-color: #80D426 !important; position: relative; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.pending { background-color: #F4B829 !important; position: relative; }
.denied { background-color: #F3605C !important; position: relative; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.myreq-icon { float: left; width: 20px; height: 20px; margin-bottom: 2px; background-color: #1eafda; text-align: center; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff !important; font-size: 11px !important; }
.myreq-title { float: left; font-size: 12px; height: 20px; line-height: 28px; margin-left: 3px; }
.mr-green {
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/mr-green.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
}
.mr-org {
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/mr-org.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
}
.mr-red {
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/mr-red.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
}
.myreq-num { position: absolute; font-size: 10px; right: 2px; top: 4px; color: #333333; width: 17px; height: 23px; line-height: 28px }
/**************Popup Style Starts**************/
.pop-header { padding: 10px 10px; color: #fff; background-color: #3d4453; margin-top: -5px; }
.pop-header h4 { font-size: 22px; font-weight: 500; text-transform: uppercase; padding: 0; margin: 0; }
.pop-header h4 span { font-weight: 300; }
.pop-close { color: #fff !important; }
.modal-content { border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.popup-big { max-width: 1200px !important; }
/**************Att - Popup Style Starts**************/
.att-popupbar { width: 100%; height: 16px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; display: block; clear: both; font-size: 10px; color: #333; font-weight: 500; }
.chk-time { width: 100%; }
.chk-in { float: left }
.chk-out { float: right }
.chk-in, chk-out { font-size: 12px }
.table-day { font-size: 24px; text-transform: uppercase; font-weight: 300; text-align: right; border-right: solid 1px #f0f0f0; }
.table-date { font-size: 12px; text-transform: uppercase; text-align: center; font-weight: 300; }
.table-date span { font-weight: 700; display: block; }
.table-day, .table-date, .table-bar { padding-top: 15px; padding-bottom: 10px; cursor: pointer; }
.att-popup-row { width: 100% }
.att-bar { padding-top: 20px !important; }
.attwork-hr { float: left; position: relative; height: 16px; }
.green-bg { background-color: #80D426; }
.red-bg { background-color: #F3605C; }
.org-bg { background-color: #F4B829; }
.green-bor { border: solid 1px #71c517; }
.red-bor { border: solid 1px #cc322e; }
.org-bor { border: solid 1px #dba117; }
.green-text { color: #80D426 !important; }
.red-text { color: #F3605C !important; }
.org-text { color: #F4B829 !important; }
.pop_table th { border-top: none !important; text-transform: uppercase; font-size: 11px; color: #fff; font-weight: 400; padding: 4px 6px !important; background-color: #30363D; }
.pop_table td { font-size: 11px; color: #787878; font-weight: 400; vertical-align: middle; padding: 4px 6px !important; border-top: 0px !important; }
 .pop_table tr:nth-child(odd) {
 background-color: #EBF3F5 !important;
}
 .pop_table tr:nth-child(even) {
 background-color: #fff !important;
}
.inner_table { margin-bottom: 0 !important; }
.inner_table th { border-top: none !important; text-transform: uppercase; font-size: 12px; color: #fff; font-weight: 400; padding: 6px 6px !important; background-color: #30363D; }
.inner_table td { font-size: 12px; color: #787878; font-weight: 400; vertical-align: middle; padding: 0px 5px !important; height: 35px !important; }
.inner_table tr:hover { background-color: #EBF3F5 !important; }
.sub_table { margin-bottom: 0 !important }
.sub_table th { border-top: none !important; text-transform: uppercase; font-size: 10px; color: #fff; font-weight: 400; padding: 4px 6px !important; background-color: #2E79BB; }
.sub_table td { font-size: 10px; color: #787878; font-weight: 400; vertical-align: middle; padding: 4px 6px !important; border-top: 0px !important; background-color: #E4F2FF; border-top: solid 1px #C9E6FF !important; }
.th-ot { background-color: #f9e9e8; border: solid 1px #ff5f5f; padding: 2px 5px; font-size: 11px; margin-right: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0; }
.th-work { background-color: #e9ffd2; border: solid 1px #adc96d; padding: 2px 5px; font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 0 10px; }
.plain_table th { border-top: none !important; text-transform: uppercase; font-size: 14px; color: #fff; font-weight: 500; padding: 6px 6px !important; background-color: #30363D; }
.plain_table td { font-size: 14px; color: #787878; font-weight: 400; vertical-align: middle; padding: 6px 6px !important; border-top: 0px !important; }
.popup_select {
  border: solid 1px #6a6f7b !important;
  background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/drop_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 95%;
  /*-webkit-appearance: none;
  -moz-appearance: none;*/
  text-overflow: "";
  color: #535a67;
  padding: 5px 1px 3px 5px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pop_chbox { background-color: #f5f5f5; height: 26px !important; width: 26px; border: solid 1px #d6d6d6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.pop_btn { cursor: pointer; background-color: #1eafda; padding: 6px 25px; color: #fff; font-size: 14px; font-weight: 500; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); margin-top: 3px; }
.title_btn { cursor: pointer; background-color: #1eafda; padding: 4px 15px; color: #fff; font-size: 14px; font-weight: 500; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); line-height: normal; }
.pop_btn:hover { background-color: #1995BA; }
.welcome-name { font-size: 24px; color: #383f4f; font-weight: 400; }
.welcome-text { font-size: 24px; color: #383f4f; font-weight: 300; padding: 20px 0; text-align: center; }
.welcome-text span { font-weight: 500; display: block; }
 _:-ms-lang(x), .welcome-text span {
 font-weight: 700;
}
.welcome-pophead { padding: 5px 10px 0px 10px; border: 0 !important; }
.welcome-green { font-size: 24px; color: #80D426 !important; font-weight: 300; padding: 20px 0; text-align: center; }
.welcome-green span { font-weight: 500; text-transform: uppercase; }
 _:-ms-lang(x), .welcome-green span {
 font-weight: 700;
 text-transform: uppercase;
}
.welcome-btn { cursor: pointer; background-color: #1eafda; padding: 6px 30px; color: #fff; font-size: 20px; font-weight: 500; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; margin: 20px 0 0px 0; }
.inner-wrap { margin: 15px 15px 15px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); overflow: auto; background-color: #fff; }

.paycycle-wrap { margin:2px; }


.inner-pad { padding: 15px 15px 15px 15px; width: 100%; }
.wrap-punchin { padding: 15px 28px 0px 28px; }
.lb_wrap { margin: auto; background-color: #fff; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); }
.lb-table { border-collapse: separate; border-spacing: 5px 5px; }
.lb-table tr td { background-color: #f0fae4; font-size: 24px; font-weight: 500; font-family: 'Dosis', calibri, Arial, sans-serif; text-align: center; }
.lb-table tr td span { font-size: 12px; font-family: 'Roboto', calibri, Arial, sans-serif; display: block; clear: both; font-weight: 300; }
.unp-bg { background-color: #ececec !important; }
.inner-title { width: 100%; height: 40px; line-height: 40px; padding-left: 10px; background-color: #3d4453; color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; border-radius: 5px; }
.leavelist-wrap { padding: 20px 0px; width: 100%; }
.correction-table { border-right: none !important; width: 100% !important; }
.correct-wrap { padding: 10px 10px 10px 0px; margin-top: 20px; background-color: #fbfbfb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); }
.absent-label { font-size: 20px; text-transform: uppercase; line-height: 16px; }
.leavelist-table td { padding: 4px 10px; font-size: 16px; }
.leavelist-table td span { display: block; font-weight: 500; }
.leave-select {
  border: solid 1px #cfd1d4 !important;
  background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/drop_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 95%;
  /*-webkit-appearance: none;
  -moz-appearance: none;*/
  text-overflow: "";
  color: #535a67;
  padding: 5px 1px 3px 5px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.leave-textarea { border: solid 1px #cfd1d4 !important; color: #535a67; padding: 5px 1px 3px 5px; width: 100%; font-size: 14px; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.file-browse { border: solid 1px #cfd1d4 !important; color: #535a67; padding: 5px 1px 3px 5px; width: 100%; font-size: 14px; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.inputbox { border: solid 1px #cfd1d4 !important; color: #535a67; padding: 5px 1px 5px 5px; width: 100%; font-size: 14px; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.log-input { width: 30px !important; }
.log-select { width: 90% !important; }
.tb-subtext { color: #a1a1a1; font-size: 12px; font-weight: 400; display: block; }
.cal-img {
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/cal_img.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: right 5px center;
  width: 100%;
  border: solid 1px #cfd1d4 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 1px 5px 5px;
  color: #535a67;
}
.report-select { background-color: #fff; height: 25px; line-height: 25px; width: 95px; font-size: 11px !important; }
.title-iconlist { margin: 0; padding: 0; list-style: none; float: right; }
.title-iconlist li { float: right; border-right: solid 1px #717171; padding:0 15px; }
.title-iconlist li:first-child { border-right:none; }
.title-iconlist li span { font-size: 11px !important; margin-right: 5px; }
.title-iconlist li img { cursor: pointer; }
.inner_month { margin-top: 9px !important; margin-right: 0px !important; }
.holiday-wrap { margin: auto !important; width: 40%; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); margin-bottom: 20px !important; }
.holiday-select {
  border: solid 1px #cfd1d4 !important;
  background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/drop_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 90%;
  /*-webkit-appearance: none;
  -moz-appearance: none;*/
  text-overflow: "";
  color: #535a67;
  background-color: #fff;
  height: 25px;
  line-height: 25px;
  margin-left: 5px;
  padding: 1px 1px 2px 5px;
  width: 70px;
  font-size: 12px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.search-header { border: none !important; margin: 0 !important; padding: 0 !important; }
.close-red { color: #dc3545 !important; margin-right: -5px !important; margin-top: -5px !important }
.search-body { margin-top: -10px; }
.modal-full { min-width: 100%; margin: 0; }
.modal-full .modal-content { min-height: 100vh; }
.plb_wrap { padding:5px; background-color: #fff; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important; -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); }
.plb_box { background-color: #f0fae4; text-align: center; height:50px; }
.plb_box > h1 { font-size:14px; font-weight: 500; margin:0; padding:0; display:block; padding-top:2px!important; }
.plb_box > ul { display:inline-block; margin:0; padding:0; }
.plb_box > ul > li { font-size:12px; float:left; margin-right:5px; font-weight:400; height:30x; line-height:30px; }
.plb_box > ul > li > span { font-family: 'Dosis', calibri, Arial, sans-serif; font-size:20px; font-weight:600; }
.bor-right { border-right:solid 1px #3d4453; }
.view-details-but { background-color: #3d4454; color:#fff; padding: 2px 5px; font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0; text-decoration:none; margin-left:5px; }
.view-details-but:hover { color:#fff; text-decoration:none; }
/*------------------------------------Inner Page Style End------------------------------------------------*/


/*------------------------------------Manager Page Start------------------------------------------------*/
.manager-wrap { margin: 10px 0px 100px 0px; overflow: auto; background-color: #fff !important; padding: 25px 15px; position:relative; }
.manager-select {
  border: solid 1px #cfd1d4 !important;
  background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/drop_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 95%;
  /*-webkit-appearance: none;
  -moz-appearance: none;*/
  text-overflow: "";
  color: #535a67;
  padding: 5px 1px 3px 5px;
  width: 250px;
  background-color: #fff;
  margin-top: 10px;
  margin-left: 15px;
  font-size: 12px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-style: italic;
}
.country-select {
  float: right;
  border: solid 1px #cfd1d4 !important;
  background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/drop_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 95%;
  /*-webkit-appearance: none;
  -moz-appearance: none;*/
  text-overflow: "";
  color: #535a67;
  padding: 5px 1px 3px 5px;
  width: 160px;
  background-color: #fff;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.tab-link { color: #626262; border-top: 3px solid #fff; font-size: 14px; font-weight: 500; margin-right: 15px; height: 30px; line-height: 30px; text-decoration: none; }
.tab-link.active { color: #404040; border-top: 3px solid #088db5; font-size: 14px; font-weight: 600; }
.nav-tabs { border-bottom: none !important; }
.tab-link:hover { text-decoration: none; color: #404040; }
.tab-con { width: 100%; display: block; border-top: solid 1px #d5d5d5; margin-top: 10px; padding: 10px 0; }
.tab-title { font-size: 16px; font-weight: 600; color: #3a3a3a; margin-bottom: 10px; margin-top: 10px; float:left; width:100%; display:block; }
.tab-title span { font-size: 12px; font-weight: 400; color: #3a3a3a; }
.mgr-month { position: absolute; right: 15px; top: 60px; background-color: #ededed; border: solid 1px #bdbdbd; }
.allocated-list { list-style: none; margin: 0; padding: 0; display: none; clear: both; }
.allocated-list li { float: left; background-color: #effffc; border: solid 1px #93dbcf; height: 26px; line-height: 24px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 18%; margin-right: 2%; margin-bottom: 15px; text-align: center; font-size: 12px; position: relative; cursor: pointer; }
.allocated-list li div { background-color: #43c1ab; color: #fff; text-align: center; font-size: 12px; width: 28px; height: 28px; line-height: 28px; text-align: center; position: absolute; left: -6px; top: -2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-weight: 600; }
.mgr-filter { list-style: none; margin: 0; padding: 0; width: 100%; display: block; clear: both; padding-bottom: 10px; float: right; }
.mgr-filter li { font-size: 12px; float: right; margin-left: 15px; color: #6a6a6a; line-height:24px; padding: 3px 8px; }
.mgr-filter li a { color: #6a6a6a; text-decoration: none; }
.filter-btn { font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0; }
.red-filter { background-color: #f9e9e8; border: solid 1px #ff7676; }
.green-filter { background-color: #e9ffd2; border: solid 1px #adc96d; }
.org-filter { background-color: #ffebd2; border: solid 1px #c9966d; }
.filter-number { margin-left: 5px; border: solid 1px rgba(0, 0, 0, 0.2); ; color: #fff; text-align: center; font-size: 11px; width: 24px; height: 24px; line-height: 22px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-weight: 500; display:inline-block; }
.mgr-butlist { list-style: none; margin: 0; float: right; padding: 10px 0 0 0; width:100%; }
.mgr-butlist li { float: right; margin-left: 10px; margin-right: 10px; }
.report-list { margin-top: 30px; }
.report-list a { color: #F60; ; }
.report-list ul { margin: 0; padding: 0; border-bottom: dotted 1px #CCCCCC; margin-bottom: 20px; }
.report-list ul li { margin-bottom: 20px; }
.report-list h2 { color: #141b2a; font-size: 18px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase }
.report-list h3 { color: #12abd8; font-size: 16px; font-weight: 400; margin-bottom: 0 !important }
.mobile-hide { display: block; position: relative; top: -9px; }
/*.hed_sub { font-size: 10px; text-transform: uppercase; margin-bottom: 0; position: absolute; top: 15px; }*/
.hed_sub { font-size: 10px; text-transform: uppercase; margin-bottom: 0; position: absolute; top: 40px; }
.mobile-show { display: none; }
.mgr_search {
  font-size: 18px;
  width: 100%;
  height: 38px;
  border: solid 1px #a6a6a6;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/mgr_search.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: right 10px center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-indent: 5px;
}
.mgr-iconlist { margin: 0; padding: 0; list-style: none; float: right; }
.mgr-iconlist li { float: right; margin-left: 20px; }
.iconlist-month { background-color: #ededed; border: solid 1px #bdbdbd; }
.frame { width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top: 20px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); overflow: hidden; }
.frame .column { width: 50%; float: left; border-right: solid 2px #e6e6e8; margin: 20px 0 10px 0; text-align: center; }
.frame .column:last-child { border-right: none; }
.frame .column hl { text-align: center; margin: 0; padding: 0; font-size: 12px; }
.frame-percent { text-align: center; font-size: 30px; color: #323a49; margin-top: 10px; margin: 0; padding: 0; }
.profile_wrap { background-color: #3d4453; padding: 20px 0; }
.profile_text { color: #fff; margin: 0; margin-top: 10px; padding: 0; font-size: 14px; font-weight: 600; text-align: center; }
.profile_text span { display: block; font-size: 14px; font-weight: 400; }
.profile_img { margin: auto; width: 80px; height: 80px; align-items: center; }
.profile_img img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 80px; height: 80px; }
.payroll-round { margin: auto; margin-top: 10px; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.list_table { margin-bottom: 0 !important; margin-top: 20px; }
.list_table th { border-top: none !important; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 500; padding: 10px 6px !important; background-color: #656565; }
.list_table td { font-size: 16px; color: #787878; font-weight: 500; vertical-align: middle; padding: 10px 6px !important; border-top: 0px !important; }
 .list_table tr:nth-child(odd) {
 background-color: #eff2f4 !important;
}
 .list_table tr:nth-child(even) {
 background-color: #fff !important;
}
.table_profile { line-height: 45px; }
.table_profile img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 45px; height: 45px; float: left; margin: 0 25px 0 15px; }
.payroll-bar { width: 120px; height: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.payroll-popup { text-align: right; width: 99%; margin: 0; padding: 0; }
.tab-round { border: solid 1px #b4bcb5; color: #535353; text-align: center; font-size: 10px; width: 24px; height: 24px; line-height: 24px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-weight: 600; float: right; margin-top: 5px; margin-left: 5px; }
.ts_profile { font-size: 16px; }
.ts_profile span { float: left; border-bottom: solid 1px #e4e4e7; padding-bottom: 5px; font-weight: 500; }
.ts_work { background-color: #b5db8d !important; border: solid 1px #95cb5c !important; }
.ts_leave { background-color: #fce9bc !important; border: solid 1px #f8d172 !important; }
.ts_off { background-color: #bbe7f4 !important; border: solid 1px #5cc5e4 !important; }
.ts_profile img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 45px; height: 45px; float: left; margin: 6px 10px 0 10px; }
.ts-week-wrap { background-color: #f7f7f7; overflow: hidden; border: solid 1px #e8e8e8; padding: 10px 20px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin-top: 20px; margin-bottom: 20px; }
.ts-week-list { list-style: none; margin: 0; padding: 0; }
.ts-week-list li { color: #737373; font-size: 18px; float: left; margin: 0; width: 14%; text-align: center; margin: 0px 1px 0px 1px; }
.ts-week-list li span { color: #1cc8a7; font-size: 18px; font-weight: 600; display: block; }
.first-radius { -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.last-radius { -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.ts-sh-list { list-style: none; margin: 0; padding: 0; margin-top: 10px; }
.ts-sh-list li { color: #737373; font-size: 18px; float: left; margin: 0px 1px 20px 1px; padding: 5px 0; width: 14%; text-align: center; border: solid 1px #b9e788; }
.progress-bg { background-color: #3d4454 !important; }
.progress-red { background-color: #e80a4d !important; }
/*--------------------- Alert Pop Start -------------------------*/
.alert_pop { width: 300px !important; top: 30% !important; }
.alert_close {
  background-color: #676869;
  position: relative;
  cursor: pointer;
  float: right;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  border: solid 1px #CCCCCC;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/alert_close.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-position: center;
  background-repeat: no-repeat;
  font-size: 1px;
  color: #676869;
  z-index: 1060;
}
.alert_box { height: 60px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; font-size: 16px; font-weight: 500; background-repeat: no-repeat; background-position: left 10px center; }
.alert_box label { font-size: 12px; font-weight: 300; display: block; }
.alert_box span { float: left; height: 60px; margin-left: 37px; position: relative; width: 90%; top: -24px; padding-left: 12px; padding-top: 10px; }
.alert1 {
  border: solid 1px #e4e4e4 !important;
  background-color: #fff !important;
  color: #6d6d6d !important;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/alert_icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
}
.alert1 span { border-left: solid 1px #e4e4e4; }
.success {
  border: solid 1px #7CDD77 !important;
  background-color: #BCF5BC !important;
  color: #006400 !important;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/success-icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
}
.success span { border-left: solid 1px #96e492; }
.warning {
  border: solid 1px #ffce5f !important;
  background-color: #ffeeb9 !important;
  color: #826200 !important;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/warning-icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
}
.warning span { border-left: solid 1px #ffce5f; }
.error {
  border: solid 1px #d76d6a !important;
  background-color: #f99491 !important;
  color: #fff !important;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/error-icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
}
.error span { border-left: solid 1px #d76d6a; }
.info {
  border: solid 1px #62bdde !important;
  background-color: #93d1ec !important;
  color: #fff !important;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/info-icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
}
.info span { border-left: solid 1px #62bdde; }
.tip-top { background-color: #e80a4d !important; }
/*--------------------- Alert Pop End -------------------------*/


#preloader { height: 200px; width: 200px; }
#loader { display: block; position: relative; width: 150px; height: 150px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3d4454; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e80a4d; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }
#loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3d4454; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
 @-webkit-keyframes spin { 0% {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes spin { 0% {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.flg-icon {
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/china_flag.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  color: #333333;
}
.ts-leftarrow { position: absolute; top: 50px; left: 25px; }
.ts-rightarrow { position: absolute; top: 50px; right: 25px; }
/************** Intro Popup Style Starts**************/
.popup-full { max-width: 100% !important; overflow:hidden; }
.trans-bg { background-color: transparent !important; }
.intro-leftarrow { width: 128px; height: 128px; position: fixed; left: 46%; top: 80px; }
.intro-rightarrow { width: 128px; height: 128px; position: fixed; left: 32%; top: 133px; }
.intro-wrap { height: 100vh; position: relative; }
.modal-dialog-scrollable .modal-body{overflow-y:none!important;}
.pop-arrow1 {
  width: 196px !important;
  height: 182px !important;
  position: absolute;
  left: 30px;
  top: 230px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/arrow1.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: top left;
}
.arrow-box1 { background-color: #5dc3b0; position: relative; top: 60px; color: #fff; font-size: 14px; text-align: center; width: 180px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
.arrow-box1 span { font-weight: bold; display: block; }
.pop-arrow2 {
  width: 264px;
  height: 131px;
  position: absolute;
  right: 30px;
  top: 250px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/arrow2.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: top right;
}
.arrow-box2 { background-color: #5dc3b0; position: relative; top: 60px; color: #fff; font-size: 14px; text-align: center; width: 180px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; left: 12px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
.arrow-box2 span { font-weight: bold; display: block; }
.pop-arrow3 {
  width: 340px;
  height: 98px;
  position: absolute;
  left: 54%;
  top: 110px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/arrow3.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: top left;
}
.arrow-box3 { background-color: #5dc3b0; position: relative; top: 40px; color: #fff; font-size: 14px; text-align: center; width: 180px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; left: 135px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
.arrow-box3 span { font-weight: bold; display: block; }
.got-btn { width: 208px; height: 64px; line-height: 64px; position: absolute; left: 40%; top: 400px; cursor: pointer; background-color: #02bbff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #fff; font-size: 36px; text-align: center; font-weight: bold; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
.got-btn:hover { background-color: #009cd5; }
/*------------------------------------Prism Page Start------------------------------------------------*/
.prism-icon { float:left; position:relative; left:-40px; }
.prism-icon li { position:relative; float:left; padding:0 15px; height:20px; border-right:solid 1px #717171; margin-top:5px; }
.prism-icon li img { margin-top:-10px; }
.prism-icon li:last-child { border-right:none; }
.prism-number { font-size: 20px; color: #3baedb; text-align: center; font-weight: 700; font-family: 'Dosis', calibri, Arial, sans-serif !important; }
.chart-wrap { text-align:center; width:100%; padding:12px 0 8px 0; }
.prism-list { text-decoration:none; margin:0; padding:0; width:70%; margin:auto; }
.prism-list > li { color:#3d4453; font-size:14px; text-align:left; width:100%; height:24px; line-height:24px; padding:0 15px; margin:8px 2%; border-bottom:solid 1px #707070; }
.prism-list > li:last-child { border-bottom:none; }
.prism-list > li > div { ccolor:#3d4453; font-size:14px; float:right; width:25px; text-align:center; text-align:right; padding-right:5px; font-weight:500; font-family: 'Dosis', calibri, Arial, sans-serif !important; }
.prism-wrap { margin: 15px 0px 15px 6px!important; overflow:visible!important; }
.funnel_img {
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/funnel_img.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-position: top center;
  background-repeat: no-repeat;
  width: 309px;
  height: 225px;
  margin: 10px auto;
  padding-left: 70px;
}
.funnel_num { color:#fff; font-size:22px; font-family: 'Dosis', calibri, Arial, sans-serif !important; }
.funnel_text { color:#fff; font-size:11px; font-family: 'Dosis', calibri, Arial, sans-serif !important; }
.funnel_text span { color:#969696; }
.prism-waitwrap { margin: 10px 8px 15px 8px!important; }
.wait-list { text-decoration:none; margin:0; padding:0; width:100%; background-color:#626772; height:auto; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.wait-list > li { color:#fff; font-size:11px; font-weight:500; text-align:left; float:left; width:46%; height:25px; line-height:25px; margin:5px 2%; text-transform:uppercase; }
.wait-list > li span { color:#fff; font-size:12px; text-align:center; width:25px; margin-right:5px; float:right; height:25px; line-height:25px; background-color:#1eafda; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Dosis', calibri, Arial, sans-serif !important; }
/*------------------------------------Search Popup Content Start------------------------------------------------*/
.search-conwrap { height: 320px; width: 90%; padding: 15px; margin: auto; margin-bottom: 20px; overflow-y: scroll; overflow-x: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.27); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.27); }
.search-conlist { text-decoration: none; margin: 0; padding: 0; width: 100%; }
.search-conlist li:first-child { padding: 0px 0 20px 0; }
.search-conlist li { border-bottom: solid 1px #ededea; width: 100%; padding: 20px 0; }
.search-conlist li:last-child { border-bottom: none; }
.search-conlist li h1 { color: #1e2f61; font-size: 18px; font-weight: 500; margin: 0; padding: 0; }
.search-conlist li h1 a { color: #1e2f61; text-decoration: none; }
.search-conlist li span { color: #707070; font-size: 13px; font-weight: 400; padding-left: 60px; display: block; }
.search-conlist li span a { color: #ed1f56; }
.search-conlist li img { margin-right: 5px; margin-top: -5px; float: left; display: block; clear: both; }
/*------------------------------------Filter Start------------------------------------------------*/
.form-wrapper { width: 100%; margin-bottom: 20px }
.form-wrapper h1 { font-size: 16px; text-transform: uppercase; color: #42537a; font-weight: 700; margin: 0; padding: 0; }
.form-group { position: relative; }
.form-group + .form-group { margin-top: 30px; }
.form-label { position: absolute; left: 0; top: 17px; color: #999; background-color: #fff; z-index: 10; transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out; transition: transform 150ms ease-out, font-size 150ms ease-out; transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out; text-transform: uppercase }
.focused .form-label { -webkit-transform: translateY(-125%); transform: translateY(-125%); font-size: 10px; }
.form-input { position: relative; padding: 12px 0px 5px 0; width: 100%; outline: 0; border: 0; box-shadow: 0 1px 0 0 #e5e5e5; transition: box-shadow 150ms ease-out; font-size: 15px; color: #333; font-family: 'Open Sans', sans-serif !important; font-weight: 400 }
.form-input:focus { box-shadow: 0 1px 0 0 #036; }
  .form-input.filled {
    box-shadow: 0 1px 0 0 #eee;
    background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/filter-tick.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
    background-repeat: no-repeat;
    background-position: right center;
  }
.form-group { margin-bottom: -20px !important; }
.card-header a { color: #036 !important; font-weight: 300 !important; font-size: 18px !important; text-decoration: none !important; }
.form-wrapper select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.glyphicon-up {
  float: right;
  margin-right: 0px;
  margin-top: 3px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/ar-up.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  text-indent: -100px;
  font-size: 0px;
}
.glyphicon-dwn {
  float: right;
  margin-right: 0px;
  margin-top: 3px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/ar-dwn.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  text-indent: -100px;
  font-size: 0px;
}
.btn-100 { width: 50% !important; padding-top: 15px !important; padding-bottom: 15px !important; }
.prism-pad-right { padding-right: 0px !important; }
.prism-pad-left { padding-left: 0px !important; }
/*------------------------------------Filter End------------------------------------------------*/


/*-----------------------------Action Indicator Start-------------------------------------------*/
.ind-month { background-color: #ededed; border: solid 1px #bdbdbd; }
.top-inputlist { list-style:none; margin:0; padding:0; float:right; }
.top-inputlist li { float:right; margin:10px 10px 0 0; padding:0; }
.top-inputlist li span { font-size:14px; line-height:24px; font-weight: 500; color:#333333; }
.inputlist-select {
  border: solid 1px #cfd1d4 !important;
  background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/drop_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 95%;
  /*-webkit-appearance: none;
  -moz-appearance: none;*/
  text-overflow: "";
  color: #535a67;
  padding: 5px 1px 3px 5px;
  width: 160px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 24px;
  line-height: 14px;
}
.act-count-box { background-repeat:no-repeat; background-position:left 20px center; padding-right:25px; padding-top:6px; text-align:right; height:60px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:5px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); }
.count-text { font-size:14px; color:#fff; float:right; font-weight:400; line-height:20px; }
.count-text span { font-size:30px; font-weight:600; display:block; font-family: 'Dosis', calibri, Arial, sans-serif !important; }
.count-box1 {
  background-color: #2e79bb;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/act-days-icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
}
.count-box2 {
  background-color: #70c27a;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/act-headcount-icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
}
.count-box3 {
  background-color: #f99f42;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/act-mandays-icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
}
.count-list { margin-top:10px; text-align:center; color:#3d4454; font-size:13px; text-transform:uppercase; font-weight:500; padding-top:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1); }
.count-list span { display:block; margin:0px auto 5px auto; height:70px; line-height:70px; width: auto; color:#3d4454; font-size:50px; font-weight:600; font-family: 'Dosis', calibri, Arial, sans-serif !important; }
.count-bg1 { background-color:#f8f8f8; border:solid 1px #E1E3E1; }
.count-bg2 { background-color:#d7d7d7; border:solid 1px #C5C7C5; }
.col-days { padding-right: 5px!important; padding-left: 5px!important; }
.col-2dot4, .col-sm-2dot4, .col-md-2dot4, .col-lg-2dot4, .col-xl-2dot4 { position: relative; width: 100%; min-height: 1px; padding-right: 5px; padding-left: 5px; }
.col-2dot4 { width: 20%; }
.search-showbut {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #1eafda;
  border: solid 1px #0c9cc7;
  width: 26px;
  height: 26px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/search-sm.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.search-showbut:hover { background-color:#1995BA; }
.absent-alert {
  padding-left: 75px;
  padding-top: 30px;
  text-align: center;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/absent-alerticon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: 50px;
  height: 100px;
  color: #FFF;
  font-size: 14px;
}
.absent-close { color:#FFF!important; opacity:0.8!important; text-shadow:none !important; margin-top: -24px; margin-right: -5px; }

.covid-close {
  color: #FFF !important;
  opacity: 0.8 !important;
  text-shadow: none !important;
  margin-top: -24px;
  margin-right: -5px;
}


.pay-wrap { margin: 15px 15px 15px 15px; padding:10px 5px!important;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);  background-color: #fff; }

.pay-list { cursor:pointer; margin:15px 0; text-align:center; color:#fff; font-size:13px; text-transform:uppercase; font-weight:500; padding:30px 0 30px 0; -webkit-border-radius: 5px!important; -moz-border-radius: 5px!important; border-radius: 5px!important; 
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);   transition: transform .2s; }
.pay-list:hover{transform: scale(1.1);}

.pay-list > span { display:block; margin:0px auto 5px auto; height:50px; line-height:70px; width: auto; color:#fff; font-size:50px; font-weight:600; font-family: 'Dosis', calibri, Arial, sans-serif !important; }

.pay-list > label { display:block; margin:0px; height:30px; line-height:30px; width: auto; color:rgba(255, 255, 255, 0.5);  font-size:16px; font-weight:300;  }

.pay-bg1 { background-color:#3d4454;  }
.pay-bg2 { background-color:#DE1B54;  }
.payroll-container{ width:450px!important;}
/*-----------------------------Action Indicator End---------------------------------------------*/


/*----------------------------- Table Tooltip Start---------------------------------------------*/
.show-on-hover:hover > ul.dropdown-tooltip { display: block; }
.dropdown-tooltip { position:absolute; top:100%; left:-300px!important; z-index:1000; display:none; float:left; min-width:600px; padding:15px; margin:0; font-size:1rem; color:#212529; text-align:left; list-style:none; background-color:#f7f7f7; border:solid 1px #3d4454; border-radius:.25rem
}
.dropdown-tooltip:after, .arrow_box:before { bottom: 100%; left: 51%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.dropdown-tooltip:after { border-bottom-color: #3d4454; border-width: 10px; margin-left: 4px; }
.dropdown-tooltip:before {
 border-bottom-color: #3d4454; border-width: 11px; margin-left: 5px; }
.tooltip_table td { font-size: 12px; color: #787878; font-weight: 400; vertical-align: middle; padding: 0px 0 !important; height: 30px !important; border:0; }
.tooltip_table tr:hover { background-color: #efefef !important; }
/*----------------------------- Css Update On 17-09-2019 Start ---------------------------------------------*/

.banner-rt-bor { border-right:solid 1px #90949c; }
.location-icon {
  height: 32px;
  line-height: 32px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/location-icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: left center;
  color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  padding-left: 30px;
}
.clock-but { float:right; width:100px; background-color:#43c1ab; margin-top:38px; border:solid 2px #ffffff; -webkit-border-radius: 8px; -moz-border-radius:8px; border-radius:8px; line-height:26px; text-align:center; color:#fff; font-size:11px; text-transform:uppercase; font-weight:600; }
.banner-pd { padding:15px 20px!important; }
.checkin-text { height: 20px; display: block; float:left; text-align: center; position: relative; font-size: 14px; margin-top: -26px; left: 0px; }
.att-datelist { margin:0; padding:0; width:100%; }
.att-datelist > li { height:50px; width:100%; border-bottom:solid 1px #707070; margin:0; padding:0 15px; }
.att-number { height:50px; line-height:50px; width:30px; float:left; text-align:right;   margin-right:10px; color:#3baedb; font-size:26px; font-family: 'Dosis', calibri, Arial, sans-serif !important; font-weight: 600 !important; }
.team-size-bg { width: 75%; float:left; margin-top:15px; height: 7px; background-color: #dbdbdb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.team-size { float: left; position: relative; height: 7px; background-color:#3eaddb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tea-sizetext { color:#939393; font-size:14px; font-weight:500; display:block; width: 70%; float:left; }
.atttable-title { width: 100%; height: 40px; padding-left: 10px; margin-top:10px; margin-bottom:5px; }
.prism_table { margin-bottom: 0 !important; }
.prism_table th { border-top: none !important; text-transform: uppercase; font-size: 12px; color: #fff; font-weight: 400; padding: 6px 6px !important; background-color: #30363D; }
.prism_table td { font-size: 12px; color: #787878; font-weight: 400; vertical-align: middle; padding: 6px 6px !important; height: 35px !important; }
.prism_table tr:hover { background-color: #EBF3F5 !important; }
.prism-inputbox { border: solid 1px #cfd1d4 !important; color: #535a67; padding: 5px 1px 3px 5px; width: 160px; background-color: #fff; font-size: 12px; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:24px; line-height:14px; }
.prism_btn { cursor: pointer; background-color: #1eafda; padding: 3px 10px; color: #fff; font-size: 12px; text-transform:uppercase; font-weight: 400; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); }
.prism_btn:hover { background-color: #1995BA; }
.clipboard-but {
  background-color: #1eafda;
  border: solid 1px #0c9cc7;
  width: 24px;
  height: 24px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/clipboard-icon.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.clipboard-but:hover { background-color:#1995BA; }
.prism-alert { background-color: #e9ffd2; border: solid 1px #adc96d; font-size: 12px; color: #6a6a6a; line-height:24px; padding: 3px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 auto 10px auto; }
.schedule-wrap { padding:15px 15px!important; }
 .prism_table tr:nth-child(odd) {
background-color: #EBF3F5 !important;
}
 .prism_table tr:nth-child(even) {
background-color: #fff !important;
}
.prism_errortable { margin-bottom: 0 !important; }
.prism_errortable th { border-top: none !important; text-transform: uppercase; font-size: 12px; color: #fff; font-weight: 400; padding: 6px 6px !important; background-color: #30363D; }
.prism_errortable td { font-size: 12px; color: #787878; font-weight: 400; vertical-align: middle; padding: 6px 6px !important; height: 35px !important; }
.prism_errortable tr:hover { background-color: #EBF3F5 !important; }
 .prism_errortable tr:nth-child(odd) {
background-color: #f9e9e8 !important;
}
 .prism_errortable tr:nth-child(even) {
background-color: #fff !important;
}
.prism_progress {
  width: 90px;
  height: 90px;
  line-height: 90px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
  .prism_progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  .prism_progress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .prism_progress .progress-left {
    left: 0;
  }
  .prism_progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 7px;
    border-style: solid;
    position: absolute;
    top: 0;
  }
  .prism_progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }
  .prism_progress .progress-right {
    right: 0;
  }
    .prism_progress .progress-right .progress-bar {
      left: -100%;
      border-top-left-radius: 80px;
      border-bottom-left-radius: 80px;
      border-right: 0;
      -webkit-transform-origin: center right;
      transform-origin: center right;
      animation: loading-1 1.8s linear forwards;
    }
  .prism_progress .progress-value {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #d2d2d2;
    font-size: 32px;
    line-height: 125px;
    text-align: center;
    position: absolute;
  }
  .prism_progress.blue .progress-bar {
    border-color: #049dff;
  }
  .prism_progress.blue .progress-value {
    color: #049dff;
  }
  .prism_progress.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s;
  }
  .prism_progress.yellow .progress-bar {
    border-color: #fdba04;
  }
  .prism_progress.yellow .progress-value {
    color: #fdba04;
  }
  .prism_progress.yellow .progress-left .progress-bar {
    animation: loading-3 1s linear forwards 1.8s;
  }
  .prism_progress.red .progress-bar {
    border-color: #ed687c;
  }
  .prism_progress.red .progress-value {
    color: #ed687c;
  }
  .prism_progress.red .progress-left .progress-bar {
    animation: loading-4 0.4s linear forwards 1.8s;
  }
  .prism_progress.green .progress-bar {
    border-color: #9ddf18;
  }
  .prism_progress.green .progress-value {
    color: #9ddf18;
  }
  .prism_progress.green .progress-left .progress-bar {
    animation: loading-5 1.2s linear forwards 1.8s;
  }
@keyframes loading-1 { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
}
@keyframes loading-2 { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(144deg);
 transform: rotate(144deg);
}
}
@keyframes loading-3 { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
}
@keyframes loading-4 { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(36deg);
 transform: rotate(36deg);
}
}
@keyframes loading-5 { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(126deg);
 transform: rotate(126deg);
}
}
@media only screen and (max-width: 990px) {
 .progress {
margin-bottom: 20px;
}
}
/*----------------------------- Css Update On 17-09-2019 Start ---------------------------------------------*/






@media (max-width: 768px) {
.side, .middle {
    width: 100%;
  }
  .right {
    display: none;
  }
.payroll-container{ width:100%!important;}
.banner-pd { padding:15px 10px!important; }
.clock-but {
width:100%;
margin-top:40px;
}
.banner-rt-bor {
border-right:none;
}
.inner-title {
height:auto;
}
.title-iconlist {
margin-top:10px;
margin-right:5px;
}
.title-iconlist li {
padding:0 5px;
float: right;
}
.title-iconlist li img {
width:24px;
height:24px;
}
.inputlist-select {
width:200px;
}
.tab_month {
float:none;
/*width:200px;*/
}
.col-2dot4 {
 width: 100%;
}
 .prism-icon li {
 height: 20px;
 width: 40px;
 padding:0 14px;
}
 .prism-icon li img {
 height: 20px;
 width: 20px;
 margin-left: -6px;
 margin-top:0;
}
 .prism-number {
 font-size: 12px;
 right: 8px;
 top: 5px;
}
  .pop-arrow3 {
    background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/mb-arrow3.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
    background-position: bottom center;
    left: 30% !important;
    top: 200px;
  }
 .arrow-box3 {
 top: -40px;
 left: 70px;
 color: #fff;
 font-size: 12px;
 width: 140px;
}
  .pop-arrow2 {
    background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/mb-arrow3.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
    background-position: bottom right;
    left: 20% !important;
    top: 385px;
  }
 .arrow-box2 {
 top: -5px;
 left: 120px;
 font-size: 12px;
 width: 140px;
}
  .pop-arrow1 {
    background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/mb-arrow2.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
    background-position: bottom left;
    top: 335px;
  }
 .arrow-box1 {
 font-size: 12px;
 width: 140px;
}
 .got-btn {
 left: 26%;
 top: 300px;
 width: 150px;
 height: 50px;
 line-height: 50px;
 font-size: 28px;
}
 .hed_sub {
 display: none;
}
 .mgr-iconlist {
 margin-top: 10px;
}
 .mgr-iconlist li {
 margin-left: 5px;
}
 .mgr-filter li {
 margin-right: 8px;
}
 .pop_btn {
 padding: 6px 10px;
}
 .ts-sh-list li {
 width: 100%;
}
 .first-radius {
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
}
 .last-radius {
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
}
 .ts_profile span {
 width: 75%;
}
 .margintop20 {
 display: none;
}
 .ts-week-list li {
 margin: 5px 0;
 width: 100%;
}
 .pro_col1 {
 width: 100%;
}
 .pro_col2 {
 width: 100%;
}
 .country-select {
 width: 140px;
}
 .manager-select {
 width: 140px;
}
 .mobile-show {
 display: block;
 text-indent: 10px;
}
 .mobile-hide {
 display: none;
}
 .mgr-butlist li {
 margin-bottom: 10px;
 margin-left: 0;
}
 .allocated-list li {
 width: 100%;
 margin-right: 0;
}
 .att-list {
 margin: auto;
 display: table;
}
 .att-end {
 width: 100%;
 margin-bottom: 20px;
}
 .payroll-list li {
 width: 40%;
}
 .att-marking {
 margin-top: 10px;
}
 .right-col {
 padding-left: 10px !important;
}
/* .profil_txt {
 display: none;
}*/
 .sm_hide {
 display: none;
}
 .sm_show {
 display: block;
}
 .profil_time {
 display: none;
}
 .profil_month {
 display: none;
}
 .profil_con {
 height: auto;
 width: 275px !important;
 left: -10px !important;
}
 .pro_db {
 width: 100%;
}
 .dropdown-menu {
 left: -120px;
}
 .col_pad {
 padding: 0px 10px 0px 10px;
}
 .cus_row_pad {
 padding-left: 0;
 padding-right: 0;
}
 .absent_txt {
 display: none;
}
 .table-responsive {
 border: 0 !important;
}
 .cal_list li div {
 margin: 8px 4px 0 4px;
}
 .cal_list li {
 margin-left: 10px;
 font-size: 12px;
}
 .datedisplay {
 font-size: 14px;
}
 .absent_icon {
 bottom: 11px;
 right: 26px;
}
 .col-mb {
 width: auto !important;
}
 .table-day, .table-date, .table-bar {
 text-align: right;
 padding-top: 0;
 padding-bottom: 0;
}
 .att-popupbar {
 margin-bottom: 20px;
}
 .profildropimg {
 display: none
}
 .profildrop-box {
 display: none
}
 .search-title {
 font-size: 21px;
}
 .correction-table {
 width: 100% !important
}
}
 @media (max-width: 1200px) {
 .right-col {
 padding-left: 10px !important;
}
}
 @media (max-width: 1200px) {.clock-but{ width:80px; font-size:12px;} .att-list li h1 { font-size: 20px;}
 
 .att-list li h2 {font-size: 10px; }
.att-list li h3 {  font-size: 10px;}
.att-list li{font-size: 9px;}
}
 @media (max-width: 1920px) {
 .pop-arrow3 {
 left: 63%
}
}
 @media (max-width: 1600px) {
 .pop-arrow3 {
 left: 63%
}
}
 @media (max-width: 1366px) {
 .pop-arrow3 {
 left: 63%
}

}
 @media (max-width: 1280px) {
 .pop-arrow3 {
 left: 75%
}
.clock-but{ width:80px; font-size:12px;}
}
/*----------------------------- Rating Back Popup Start ---------------------------------------------*/
.modal-big {
  max-width: 800px !important;
}

.star-title {
  color: #4a525a;
  font-size: 14px;
  font-weight: 600;
  float: left;
}

.rating-list-popup {
  margin-top: 0px !important;
}

.popup-comment-list {
  margin: 25px 0 0 0;
  padding: 0px 20px 20px 10px;
  list-style: none;
  float: left;
  overflow-y: scroll;
  overflow-x: none;
  height: 375px;
}

.feedback-scroll {
  height: 480px !important;
}

.popup-comment-list > li {
  margin: 0;
  padding: 8px 0;
  float: left;
  width: 100%;
  border-bottom: dotted 1px #e5e5e5;
}

  .popup-comment-list > li:last-child {
    border-bottom: none;
  }

  .popup-comment-list > li > p {
    padding: 0;
    margin: 0;
    color: #666666;
    font-size: 12px;
    float: left;
    padding-left: 50px;
    margin-top:-20px;
  }

    .popup-comment-list > li > p > span {
      color: #999999;
      font-size: 11px;
      display: block;
      width: 100%;
      clear: both;
      font-weight: 400;
    }

  .popup-comment-list > li > img {
    margin-right: 10px;
    float: left;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #ccc;
  }

.sm-count {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
  height: 16px;
  line-height: 10px;
  font-size: 12px;
  color: #FFF;
  padding: 3px 10px !important;
  font-weight: bold;
  text-align: center;
  background-color: #3d4454;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  width: 35px;
  text-indent: -10px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/sm-star.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: right 5px center;
  font-family: 'Dosis', calibri, Arial, sans-serif !important;
  font-weight: 600 !important;
}

.more_select {
  border: 0 !important;
  position: relative;
  top: 10px;
  left: 0;
  background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/rating_drop_arrow.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 95%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-overflow: "";
  color: #535a67;
  padding: 5px 1px 3px 5px;
  width: 110px;
  font-size: 12px;
  font-weight: 400;
}

.pop-pd {
  padding: 30px !important;
}

.demo-head {
  padding: 0px 10px 0px 10px !important;
  position: absolute;
  top: 5px;
  right: 2px;
  z-index: 1030;
  border-bottom: 0 !important;
}

.demo-bg {
  background-color: #fafafa;
  border-right: solid 1px #f0f0f0;
}

.demo-body {
  padding: 0 !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.popup-rating-list {
  margin: 0 !important;
  padding: 15px 20px 20px 20px;
  list-style: none;
  width: 100%;
}

  .popup-rating-list > li {
    margin-bottom: 10px !important;
    padding: 0 !important;
    float: left;
    width: 100%;
  }

.rating-textarea {
  width: 100%;
  height: 60px;
  padding: 10px;
  color: #242424;
  font-size: 14px;
  border: solid 1px #e5e5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.rating-bar-wrap {
  padding: 15px 15px 20px 15px;
  border-bottom: solid 1px #ccc;
  overflow: hidden;
  width: 100%;
  display: block;
  margin-left: 8px;
}

.rating-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
  display: block;
  clear: both;
}

  .rating-list > li {
    font-size: 18px;
    color: #000000;
    float: left;
    padding: 0;
    height: 30px;
    line-height: 30px;
    border-right: solid 1px #cacaca;
    background-repeat: no-repeat;
    background-position: left 15px center;
    cursor: pointer;
  }

    .rating-list > li:first-child {
      background-position: left 0px center;
    }

    .rating-list > li:last-child {
      border-right: none;
    }

.rating-count {
  height: 50px;
  line-height: 42px;
  font-size: 40px;
  color: #FFF;
  padding: 3px 20px !important;
  font-weight: bold;
  text-align: center;
  background-color: #3d4454;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin: auto;
  width: 140px;
  display: block;
  margin-top: 20px;
  text-indent: -24px;
  background-image: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/star.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D);
  background-repeat: no-repeat;
  background-position: right 20px center;
  font-family: 'Dosis', calibri, Arial, sans-serif !important;
  font-weight: 600 !important;
}

.num_total {
  margin: auto;
  display: table;
  text-align: center;
}

.feedback-close {
  position: absolute !important;
  top: -15px !important;
  right: -10px !important;
}

.side {
  float: left;
  width: 15%;
  margin-top: 10px;
  height: 10px;
  line-height: 10px;
  font-size: 11px;
}

.middle {
  margin-top: 10px;
  float: left;
  width: 70%;
}

.total-right {
  text-align: right;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.bar-container {
  width: 100%;
  background-color: #E7E7E7;
  text-align: center;
  color: white;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.bar-5 {
  height: 10px;
  background-color: #4CAF50;
}

.bar-4 {
  height: 10px;
  background-color: #2196F3;
}

.bar-3 {
  height: 10px;
  background-color: #00bcd4;
}

.bar-2 {
  height: 10px;
  background-color: #ff9800;
}

.bar-1 {
  height: 10px;
  background-color: #f44336;
}
/*----------------------------- Ratng Back Popup Ends ---------------------------------------------*/



/***********************Feedback Popup Start*******************************/
.ratetitle {
  margin: 5px 0 5px 16px;
  font-size: 18px;
  color: #2f353b;
  padding: 0;
  clear: both;
  font-weight: bold;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
}

.feed_list {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  margin-left: 10px;
}

  .feed_list > li {
    margin-top: 2px;
  }

    .feed_list > li > input {
      margin-right: 5px;
    }

.feed_textarea {
  height: 225px !important;
}

.rr[type=radio ]:not(old) {
  width: 28px;
  margin: 0;
  padding: 0;
  opacity: 0;
}

  .rr[type=radio ]:not(old) + label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/checks.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 0 0;
    line-height: 20px;
  }

  .rr[type=radio]:not(old):checked + label {
    background-position: 0 -48px;
  }

.check[type=checkbox]:not(old), {
  width: 28px;
  margin: 0;
  padding: 0;
  opacity: 0;
}

  .check[type=checkbox]:not(old) + label {
    display: inline-block;
    margin-top: -2px;
    margin-left: -24px;
    padding-left: 28px;
    background: url(https://irozfd.sutherlandglobal.com/cdn/assets/images/checks.png?sv=2021-10-04&st=2023-11-25T01%3A53%3A31Z&se=2027-12-01T01%3A53%3A00Z&sr=c&sp=rl&sig=o2Sn7HJl64bsZy8g479wO972NyDhDhNloAHaCbgQPio%3D) no-repeat 0 0;
    line-height: 28px;
  }

  .check[type=checkbox]:not(old):checked + label {
    background-position: 0 -24px;
  }
/***********************Feedback Popup End*******************************/

.dis_btn {
  cursor: none !important;
  background-color: #D2D2D2;
  padding: 6px 25px;
  color: #999;
  font-size: 14px;
  font-weight: 500;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  margin-top: 3px;
}

@media only screen and (max-width: 768px) {
  .dis_btn {
    padding: 6px 10px;
  }
}

/*********************** Leave & Accrual Design *******************************/
.icon-search{background-color: #fff; height: 30px;  padding: 0 15px; width:200px; font-size: 12px !important; margin-top: 5px; display: block; 
    -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
    background-image: url("../assets/images/search-btn.png"); background-repeat: no-repeat; background-position: right 10px center;}
.icon-search:focus{ outline: none;}
.popup_input {
  border: solid 1px #6a6f7b !important;
  color: #535a67;
  padding: 5px 1px 3px 5px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;}

.vision-input{width: 75%!important; }
.popup-full { max-width: 97% !important; }   
.popup-mm { max-width:700px !important; }   
.reason-title{  margin-left: 5px; float: left; margin-top: 2px; font-size: 14px; font-weight: 600;} 
.pop-list{ margin: 0; padding: 0; list-style:none;}
.pop-list li{ width: 100%; border-bottom: dotted 1px #ccc; overflow: hidden; padding: 10px 10px;  font-size: 14px;     line-height: 12px;}
.pop-list li span{ float: left; margin-left: 10px;}
.pop-list li:last-child{ border-bottom: none;}
.pop-title-wrap{ padding: 15px 0; border-bottom: 1px solid rgb(222, 226, 230);}
.nu-input{width: 50px!important; padding: 2px 2px!important; float: left;}

.po-wrap{ /*border-bottom: 1px solid #dee2e6;*/ padding: 10px 0; }
.po-title{text-align: center; font-size: 16px; font-weight: 600; width: 100%; }
.po span { margin:5px 15px 10px 0; font-size: 16px; font-weight: 500; float: left;}
.other-title{ font-size: 18px; font-weight: 600; width: 100%; }
.wd-20{ max-width: 20%!important; padding: 15px 5px!important;}

.instance-wrap{    padding: 15px;
    background-color: #f2fbfe;
    width: 100%;
    border: solid 1px #cdedf6;
    margin-bottom: 10px;
    border-radius: 5px;}
.con_title span{cursor: pointer;}
.whocan-wrap{    padding: 15px;
    background-color: #f7fff1;
    width: 100%;
    border: solid 1px #beee98;
    margin-bottom: 10px;
    border-radius: 5px;}
.table_btn { cursor: pointer; background-color: #1eafda; padding: 2px 10px; color: #fff; font-size: 12px; font-weight: 400; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); line-height: normal; }

/*----------------------------- New Leave Application Style Start (09-08-2021)-------------------------------------------*/
.plb_hg {
  height: auto !important;
  text-align: center !important;
  padding-bottom: 5px !important;
}

.plb-list li {
  text-align: center !important;
  margin: 0 !important;
  float: none !important;
  font-size: 11px !important;
  line-height: 20px !important;
}

.balance-text {
  padding: 10px;
  font-size: 14px;
}

.plb-list li span {
  margin-bottom: 5px !important;
}

.lb-poplist {
  list-style: none;
  margin: 0 0 0 20px;
  padding: 0;
  display: inline-block;
  width: auto;
}

  .lb-poplist li {
    float: left;
    width: 12%;
    margin: 10px 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
  }

    .lb-poplist li > span {
      margin-bottom: 5px;
      display: block;
      padding: 10px 0;
      width: 100%;
      color: #fff;
      font-size: 40px;
      font-weight: 600;
      font-family: 'Dosis', calibri, Arial, sans-serif !important;
      background-color: #3d4454;
      color: #fff;
      -webkit-border-radius: 5px !important;
      -moz-border-radius: 5px !important;
      border-radius: 5px !important;
      -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
      transition: transform .2s;
    }

.total-poplist {
  background-color: #DE1B54 !important;
}

.ap-symbol {
  width: 5% !important;
  color: #3d4454 !important;
  text-align: center;
  font-size: 50px !important;
}

.lb-terms {
  list-style: circle;
  list-style-position: inside;
  margin: 0 0 20px 0;
  padding: 10px;
  width: 100%;
  background-color: #ffecec;
  border: solid 1px #dee2e6;
  border-radius: 5px !important;
}

  .lb-terms li {
    font-size: 12px;
  }

    .lb-terms li:last-child {
      margin-bottom: 0;
    }

.total-leave-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

  .total-leave-list li {
    border-bottom: dotted 1px #ccc;
    padding: 10px 10px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
  }

    .total-leave-list li:last-child {
      border-bottom: none;
    }

    .total-leave-list li span {
      font-weight: 400;
      font-size: 12px;
      float: left;
    }

.leave-nums {
  margin-top: -16px;
  color: #fff;
  float: right;
  font-size: 14px;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-weight: 500;
  font-family: 'Dosis', calibri, Arial, sans-serif !important;
  background-color: #3d4454;
  color: #fff;
  border-radius: 50% !important;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  transition: transform .2s;
}

.cursor-p {
  cursor: pointer;
}
/*.lb-cycle {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 10px;
  width: 100%;
  background-color: #f3f3f3;
  border: solid 1px #dee2e6;
  border-radius: 5px !important;
  overflow: hidden;
}*/

/*.lb-cycle li {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 32px;
  float: left;
  width: 100%;
}*/

.lb-cycle li img {
  float: left;
  margin-right: 10px;
}

.lb-cycle li:last-child {
  margin-bottom: 0;
}

/*----------------------------- New Leave Application Style End (09-08-2021)-------------------------------------------*/

/*Replace this style.css*/
/*.lb-cycle {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 10px;
  width: 100%;
  background-color: #212529;
  border-radius: 5px !important;
  overflow: hidden;
  border: solid 1px #9b9b9b;
}

.lb-cycle li {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 32px;
  float: left;
  width: 100%;
  padding: 8px 0;
  border-bottom: dotted 1px #5d5d5d;
}*/

.lb-cycle li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.lb-cycle{list-style:none;    width: 100%; padding: 0;}
.lb-cycle li{font-size: 14px; font-weight: 500; color: #fff; line-height: 32px; float: left; width: 100%; padding: 8px 0; border-bottom: dotted 1px #5d5d5d;}
/*.lb-cycle li img{float: left; margin-right: 10px;}*/
/*.lb-cycle li:last-child{margin-bottom: 0; border-bottom: none;}*/ 
/*.lb-table tr td label{font-size: 12px; margin-bottom: 0; display: block; margin-bottom: -7px;}*/
.lb-wrap{background-color: #212529;  border-radius: 5px!important; padding:10px;  margin-bottom: 20px; width: 100%;}
.lb-count-wrap{border-radius: 3px!important; width: 100%;  overflow: hidden; }
.lb-count-table{border: solid 1px #565b64; font-size: 12px; font-weight: 500; color: #fff; }
.lb-count-table tr th{  color: #fff; border: solid 1px #565b64; text-align: center; padding: 2px 6px; background-color: #595e68;}
.lb-count-table tr td{  color: #fff; border: solid 1px #565b64; padding: 2px 6px; }

.lb-table tr td label {
  font-size: 12px;
  margin-bottom: 0;
  display: block;
  margin-bottom: -7px;
}

@media screen and (max-width: 1110px) {
  .ticker-wrap {
    display: none;
  }
  /*.ticker-text {
    display: none;
  }*/
}

@media screen and (min-width: 1111px) and (max-width: 1201px) {
  .display_none_celebration_delegate .ticker-wrap {
    display: none !important;
  }
}
.NotificatiobModelBackground {
  background-image: url("../../../../assets/img/NotificationbackgroundImage.jpg");
  background-size: 100%;
  background-size: cover;
  position: fixed;
  top: 0px;
  left: 0px;
  /*z-index: 1040;*/
  width: 100vw;
  height: 100vh;
  /*background-color: rgb(0, 0, 0);
  opacity: 1 !important;*/
}
.modal-xxl {
  max-width: none;
  margin: 0;
}

/*----------------------------- Designer Team New Style(Timesheet module) Start 29-04-24 ---------------------------------------------*/
.project-text {
  font-size: 14px;
}

  .project-text span {
    font-size: 14px;
    display: block;
    font-weight: 600;
  }

.border-rd {
  border-radius: 10px;
}

.table-porcessbar {
  width: 100%;
  height: 10px !important;
  background-color: #e1e1e1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  display: block;
  clear: both;
}

.blue-wrap {
  padding: 15px;
  background-color: #f2fbfe;
  width: 100%;
  border: solid 1px #cdedf6;
  margin-bottom: 20px;
  border-radius: 5px;
}
/*----------------------------- Designer Team New Style(Timesheet module) End 29-04-24 ---------------------------------------------*/
/*.edit_row {
  background-image: url("../images/wip.gif");
  background-repeat: no-repeat;
  background-position: center right 10px;
}*/
.log-select {
  width: 90% !important;
}

.time-input {
  width: 120px !important;
}

.col-select {
  width: 75px !important;
  font-size: 11px !important;
}

.col-input {
  width: 75px !important;
  font-size: 11px !important;
}

.col-big {
  width: 150px !important;
  font-size: 11px !important;
}

.three-dropdown {
  position: absolute;
  right: 10px;
  outline: none;
  opacity: 0;
  z-index: 1030;
  padding: 10px;
  background-color: #fff;
  border: solid 1px #E8E8E8;
  border-radius: 5px;
  display: none;
  top: 10px;
  width: 180px;
}

  .three-dropdown a {
    display: block;
    color: #262626 !important;
    padding: 4px 0;
    text-decoration: none;
    border-bottom: dashed 1px #E8E8E8;
    text-transform: initial;
  }

    .three-dropdown a:hover {
      color: #eb0242;
    }

    .three-dropdown a:last-child {
      border-bottom: none;
    }

.dropdown-container:focus {
  outline: none;
}

.three-dots {
  cursor: pointer;
  position: relative;
}

.dropdown-container:focus .three-dropdown {
  opacity: 1;
  z-index: 1030;
  position: absolute;
  right: 10px;
  display: block;
  position: absolute;
  top: 10px;
}

.dropdown-container {
  position: relative;
}
/*----------------------------- Designer Team New Style(Timesheet module) End 29-04-24 ---------------------------------------------*/