@charset "utf-8";
/* CSS Document */
/*@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/Ubuntu.eot?#iefix') format('embedded-opentype'),  url('fonts/Ubuntu.woff') format('woff'), url('fonts/Ubuntu.ttf')  format('truetype'), url('fonts/Ubuntu.svg#Ubuntu') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu-Medium';
  src: url('fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/Ubuntu-Medium.woff') format('woff'), url('fonts/Ubuntu-Medium.ttf')  format('truetype'), url('fonts/Ubuntu-Medium.svg#Ubuntu-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
/* @font-face {
  font-family: 'Lato-Regular';
  src: url('../new_fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),  url('../new_fonts/Lato-Regular.woff') format('woff'), url('../new_fonts/Lato-Regular.ttf')  format('truetype'), url('../new_fonts/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Lato-Bold';
  src: url('../new_fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),  url('../new_fonts/Lato-Bold.woff') format('woff'), url('../new_fonts/Lato-Bold.ttf')  format('truetype'), url('../new_fonts/Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
 */

@font-face {
    font-family: 'poppinsbold';
    src: url('../new_fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../new_fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsitalic';
    src: url('../new_fonts/poppins-italic-webfont.woff2') format('woff2'),
         url('../new_fonts/poppins-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinslight';
    src: url('../new_fonts/poppins-light-webfont.woff2') format('woff2'),
         url('../new_fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsmedium';
    src: url('../new_fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../new_fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsregular';
    src: url('../new_fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../new_fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinssemibold';
    src: url('../new_fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../new_fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1,h2,h3,h4,h5,h5{font-family: 'poppinsmedium';font-weight:normal;}
.row{margin-left:-15px;margin-right:-15px;}
.clearfix{clear:both;}
body{font-family:'poppinsregular';background:#f7f7f7;font-size: 13px;color: #363636;}
.wrapper_enb{background:#fff;border:1px solid #e6e6e6;padding:0px 0px 10px 0px}
.top_header{background:#fff;border-bottom:2px solid #ebedef;margin-top: -13px;}
.top_header .enable_heading{border:0px;margin-bottom:0px;position:relative;}
/*.top_header .enable_heading h1 small{font-size: 11px;margin-top: 5px;color: #a2a2a2;text-transform: uppercase;}*/
.top_header .enable_heading h1 small{font-size: 14px;margin-top: 5px;color: #a2a2a2;font-family: 'poppinsregular';}
.enable_heading{border-bottom: 1px solid #e5e5e5;margin-bottom: 17px;}
.enable_heading h1{padding: 20px;margin: 0;font-size: 20px;color: #005f9c;}
.well-wrap{margin-top: 30px;box-shadow:none;background-color: #f9f8f8;border-color:#ebebeb;border-radius:0px;}
.img-circle-wrap{margin-top: -47px;}
.index_headerbac{top:24px!important;}
.eb_backbtn{background: #11ac9a;padding:6px 12px;position: absolute;right: 14px;top:13px;color: #fff;border-radius: 3px;border-bottom: 3px solid #10a291;font-family: 'poppinsregular';font-size: 14px;}
.eb_backbtn:hover{color:#ffffff;}
.eb_backbtn i{font-size: 15px;line-height: 13px;margin-right: 5px;}
.approve_wrap h2.emp_text{ font-family: 'poppinsregular';font-size:24px;text-transform:uppercase;color:#333333;}
.claim_detailwrap{padding-bottom: 10px;border-bottom: 1px solid #dedede;position:relative;}
.claim_detailwrap:after{content: '';left: 0px;right: 0px;background: #fff;height: 1px;position: absolute;bottom: -2px;}
.claim_detailwrap li{font-family: 'poppinssemibold';font-size:12px;list-style:none;margin:0px 0px 8px;padding:0px;}
.claim_detailwrap li span{text-transform:capitalize;font-size:14px;font-weight: normal;margin-left:5px;background:#dbdbdb;color:#333333;}
.claim_detailwrap li span.period{background:#ef8f07;color:#ffffff;font-size:13px;}
.claim_detailwrap li div{font-family: 'poppinssemibold';font-size:30px;color:#006719;margin-top:20px;}
.empremarks{margin-top:15px;font-family: 'poppinssemibold';}
.empremarks p{margin-top:5px;font-family: 'poppinsregular';font-size:14px;color:#333333;}
.well_bottomcontainer{background:#fff;border:0px;box-shadow:none;padding:19px 0;}
.well_bottomcontainer .form_inline{margin-top:20px;}
.well_bottomcontainer .form-control{background:#fcfcfc;border-color:#efefef;resize:none;}
.levels_list{border-bottom: 1px solid #dedede;padding-bottom:5px;margin-left:0px;display:flex;}
.level_selected span.arrowup{display:block;position:relative;}
.level_selected span.arrowup:after{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #dedede;content:'';position:absolute;}
.level_approved .approver_title{color:#7d7d7d;}
.approver_title i{margin-left:-13px;}
.approver_title i.fa-check:before{color:#a2e945;}
.approver_title i.fa-times:before{color:#d80000;}
/*.levels_list .outer_li{flex:3;}*/
.outer_li ul{float:left;}
.outer_li ul li{display: inline-block;text-align: center;margin: 0 7px;}
.level{filter: grayscale(100%) opacity(40%);-webkit-filter: grayscale(100%) opacity(40%);-moz-filter: grayscale(100%) opacity(40%);-ms-filter: grayscale(100%) opacity(40%);-ol-filter: grayscale(100%) opacity(40%);}
.level span.arrowup{display:none;}
.level_2{margin-left:10%;position:relative;}
.level_2:before{position: absolute;
    content: '';
    left: -80px;
    background: #d0d0d0;
    height: 3px;
    right: 100%;
    top: 29px;}
.level_2:after{    position: absolute;
    right: 96%;
    top: 15px;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 31px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    left: -10px;
    color: #d0d0d0;}
.level_3{margin-left:10%;}
.approver_title{font-size:13px!important;text-transform:uppercase;}
.level .approver_title{color:#3c3c3c;}
.datacontent{color:#9d9d9d;font-size:11px;margin:0px;}
.datacontent span{text-transform:uppercase;font-size:10px;color:#466f05;font-family: 'poppinssemibold';}
.datacontent span.reject{color:#d80000}
p.text-right.datadate{border-top: 1px solid #eaeaea;
    font-size: 11px;
    margin: 1px 0 5px;
    float: left;
    width: 100%;
    color: #2b99b7;
    font-family: 'poppinssemibold';}
p.text-right.datadate span { text-transform: uppercase;
    font-family: 'poppinsregular';
    font-size: 10px;
    color: #898989;
    margin-right: 4px;
    display: inline-block;}
/*.radio-button label {
  padding: 12px 22px;
  margin-bottom: 0px;
  cursor: pointer;
}
.radio-button .pagination > li > a {
  padding: 0px;
  margin: 0 0 0 10px;
  border-radius:0px;
  text-transform:uppercase;
}
.radio-button .pagination > li > a i{display:none;}
.radio-button input[type="radio"] {
  width: 0px;
  height: 0px;
  position: absolute;
  color: transparent;
  visibility: hidden;
}
.radio-button input[type="radio"] {
    width: 0px;
    height: 0px;
    position: absolute;
    color: transparent;
    visibility: hidden;
}
.pagination{margin:0px;}
.pagination>li.approve>a{background:#407200;color:#fff;border:0px;}
.pagination>li.reject>a{background:#ea2424;color:#fff;border:0px;}
.radio-button li.reject input[type="radio"]:checked + a {
  z-index: 2;
  color: #fff;
  background-color: #ca1919;
  border-color: #ca1919;
  cursor: default;
}
.radio-button li.approve input[type="radio"]:checked + a  i, .radio-button li.reject input[type="radio"]:checked + a i{display:inline-block;}
.radio-button li.approve input[type="radio"]:checked + a {
    z-index: 2;
    color: #fff;
    background-color: #5ba200;
    border-color: #5ba200;
    cursor: default;
}*/


.Form-label-radio, .Form-label-checkbox {
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden
}

.Form-label-radio+.Form-label-text,.Form-label-radio+i+.Form-label-text, .Form-label-checkbox+.Form-label-text {
  cursor: pointer;
  margin-left: 3em
}

.Form-label-radio+.Form-label-text::before,.Form-label-radio+i+.Form-label-text::before, .Form-label-checkbox+.Form-label-text::before {
  /*font-size: 12px;*/
  font-size: 10px;
  display: inline-block;
  /*width: 1.75em;
  height: 1.75em;*/
  width: 16px;
  height: 16px;
  line-height: 1.5;
  border: 1px solid #ccc;
  margin-right:9px;
  content: "\00a0";
  color: white;
  background-clip: padding-box;
  background-color: white;
  text-align: center
}

.Form-label-radio+.Form-label-text:hover::before,.Form-label-radio+i+.Form-label-text:hover::before, .Form-label-checkbox+.Form-label-text:hover::before {
  border-color: #000000 !important;
}

.Form-label-radio:checked+.Form-label-text::before,.Form-label-radio:checked+i+.Form-label-text::before, .Form-label-checkbox:checked+.Form-label-text::before {
  background-color: #383838;
  border-color: #383838;
  box-shadow: 0 0 0 0 #383838;
  font-family: FontAwesome;
  content: "\f00c"
}	

.Form-label-radio:focus+.Form-label-text::before,.Form-label-radio:focus+i+.Form-label-text::before, .Form-label-checkbox:focus+.Form-label-text::before, .Form-label-radio:active+.Form-label-text::before,.Form-label-radio:active+i+.Form-label-text::before, .Form-label-checkbox:active+.Form-label-text::before {
  border-color: #383838;
}

.Form-label-radio+.Form-label-text::before ,.Form-label-radio+i+.Form-label-text::before { border-radius: 100% }
.label_text{    font-family: 'poppinssemibold';font-size: 14px;margin-right:15px;}
.approve_btns .btn{
    /* padding: 10px 25px; */
    /* border-radius: 0px; */
    /* border: 0px; */
    /* margin-right: 10px; */
    /*margin-bottom:15px;*/
    /* margin-top: 10px; */
    }
.popover{padding:1px 16px;font-size:12px;box-shadow: 0px 0px 15px rgba(0,0,0,.2);-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.2);moz-box-shadow: 0px 0px 15px rgba(0,0,0,.2)}
.popover .popover-title{padding: 8px 0;
    background: #ffffff;
    font-size: 13px;
    font-family: 'poppinsregular';}
.enb_claim_wrap{background:#ffffff;border:1px solid #d0d0d0;box-shadow:none;border-radius:0px;}
.enb_claim_wrap:last-child{margin-bottom:0px;}
.enb_claim_wrap h5{font-size:12px;text-transform:uppercase;font-family: 'poppinssemibold'; color:#222222;margin-bottom:2px;}
.enb_claim_wrap p{color:#656565;font-size:14px;}
.enb_claim_wrap h3{font-size:30px;color:#006719;}
/* .enb_claim_details{border-bottom: 1px solid #efefef;} *//*---IND-007--*/
.enb_claim_app{margin-top:20px;}
.enb_claim_app textarea{background: #fcfcfc;border-color: #efefef;resize: none;}
.enb_claim_app .form-group{margin-top:20px;}
.enb_checkallclaim {position: absolute;right: 48px;top: 48px;}
.enb_cancel_btn{background:#c50606;border-color:#c50606;}
/*--------------Srinu 16032018--------------------------*/
.claim_status_td .badge{padding: 5px 8px;margin-right:5px}
.enb_claim_app .badge{padding:5px 8px}
.badge{font-weight: normal;font-size: 12px;padding: 1px 5px;line-height:20px;min-width:82px;}
.notific_ul .badge{
font-size: 10px;
    padding: 1px 5px;
    line-height: 13px;
    font-weight: normal;
    position: absolute;
    top: -1px;
    left: 8px;
    /* border-radius: 50%; */
    min-width: auto;
	
}
.badge-success{background: #5cb85c;}
.badge-danger{background: #d60a04;}
.badge-pending{background:#ffb142;}
.clearfix {clear:both;}


.form_container{margin: 16px 0;background: #fdfdfd;padding: 15px;border: 1px solid #f1f1f1;}
.form_container label{font-size:14px;width:100%;font-family: 'poppinssemibold' !important;font-weight: normal !important;}
.form_container .form-control{background:#ffffff;border-radius: 0px;}
.form_container .save_mangebtn{
    /* padding: 10px 25px; */
    /* border-radius: 0px; */
    /* border: 0px; */
    /* margin-right: 10px; */
  }
/* .vert-content{margin-bottom:15px;}*/
 #example1_filter label{
right: 230px !important;
width:100% !important;
}
div.dataTables_wrapper div.dataTables_filter input {width:100% !important;}
.filter_Div{
    width: 120px;
    position: absolute;
    left: 172px;
    top: 0;
	z-index:1;
}
.filter_Div #filterData{
    height: 32px;
    line-height: 18px
}
#photo{
    border: none;
    background: none;
    position: relative;
    font: 14px/26px 'poppinsregular';
    top: 8px;
}
.tabs-section .vert-content .group-row span input{
height :40px;
}
.back_dep_btn{
width: 80px !important;
    height: 35px !important;
    font-size: 16px !important;
    font-family: 'poppinsregular' !important;
    background-color: #177bbb;
    border-color: #177bbb;
}

.save_dep{
width: 80px !important;
    height: 35px !important;
    font-size: 16px !important;
    font-family: 'poppinsregular' !important;
    background-color: #177bbb;
    border-color: #177bbb;
    float: right;
    margin-top: -93px;
    position: relative;
    right: 38%
}
.dataTables_length{
	position:relative;
	font-size:0;
	padding-left:68px;

}
.dataTables_length label select{line-height:18px;height: 32px;width:80px;}
.dataTables_length label:before{content: 'Records';
    position: absolute;
    top: 6px;
    left: 7px;
    font-size: 14px;
    font-family: 'poppinssemibold';}
.dataTables_filter input[type="search"] {
	position: relative;
	right: 0px;
	margin-left:0px!important;
}
.dataTables_filter{    position: relative;
    font-size: 0px;
    padding-left: 48px;

    margin-bottom: 8px;}
.dataTables_filter:before{    /* content: 'Search';
    position: absolute;
    top: 9px;
    left: 0px;
     font-size: 14px;
    font-family: 'poppinssemibold'; */
	
	    content: "\f132";
    background: #ffffff;
    padding: 6px 7px;
    top: 6px;
    text-align: left;
    width: 31px;
    right: 3px;
    line-height: 16px;
    left: initial;
    z-index: 9;
    border-left: 1px solid #c2c2c2;
    font-size: 16px;
    font-family: Flaticon;
    font-style: normal;
    color: #f68b28;}
/*	.table-scrollable{margin:0 13px;}*/
.index_container{margin:0;}

select {
    text-indent: 0.01px;
    text-overflow: "";
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    background: #FAFBFC url(../images/drop-arrow-tiny.png) no-repeat 95% 50% !important;
	padding:0px 34px 0 10px!important;
}

.form_container select{
	
	background: white url(../images/drop-arrow-tiny.png) no-repeat 95% 50% !important;
}
.bigRadio{float:left;width:100%;margin:10px 0;padding:10px 0;}
.bigRadio .Form-label-radio+.Form-label-text{margin-left:0px;margin-right:10px;}
.Enable_head{
	padding:  0;
    color: #222222;
    font-size: 13px;
    border-bottom: 1px solid #dcdcdc;
	margin-bottom:20px;
	text-align:left;
}
.Enable_head span{    padding:10px 10px 10px 0;
    display: inline-block;
    border-bottom: 3px solid #f68b28;
    margin-bottom: -2px;}
.comp_sett_label{font-size:13px;font-family: 'poppinssemibold';}
.Company_page input{
 padding: 6px 12px;
 width:100%;
}



.form_container #Sub_id:focus+.Form-label-text::before{
	border-bottom: #177bbb !important;
}
.form_container #Sub_id, #Sub_mn,#Sub_name,#Date_print,#Total_amnt,#Total_cpf,#Total_fund0,#Total_SDL, .payroll_list,.repo_ip{
	border: none;
    border-bottom: 1px solid #177bbb;
}

/*---------------------------Leave MOdule-----------------------------------------------------------*/
.leave_icon{
color:#383838;
font-size: 18px;
}

.bootstrap-select > .dropdown-toggle{
	 height: 40px !important;
    line-height: 35px !important;
    border: 1px solid #d3d7d8 !important;
    border-radius: 0px !important;
    background: #fafbfc url(../images/drop-arrow-tiny.png) no-repeat 95% 50% !important;
    color: black !important;
	
}
#calendar table tbody tr:hover { background-color: transparent !important;}
/*table tbody tr:hover,.table_2 tbody tr:hover{background:#f2f2f2!important;}*/
.form_container .bootstrap-select > .dropdown-toggle{
	background:white url(../images/drop-arrow-tiny.png) no-repeat 95% 50% !important;
}
.date input{
border-right:none;
}

.file_up{
	position:relative;
}

.file_up .form-control{padding-right:40px;}
.file_up .file-upload-button{
	position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background-color: #3c6db0;
    color: white;
    border: none;
    font-size: 18px;
}
.add_weektab  #searchWeeklyEmp {
    background: #383838 !important;
    border: 1px solid #383838 !important;
    /* text-shadow: none !important; */
    /* margin-top: 3px !important; */
    color: #fff;
    text-shadow: 0 0 BLACK;
}
.emp_tab0 td .form-control{height: 30px !important;}

#widget-table {margin-top: 15px !important;}
.mandatory{color:red;margin-left:3px;}
/*---------------Srinu Changes--------------------------------------*/
#tab_logic{margin-top: 15px !important;}

/*manasa*/
.table_bottombtns_eb{padding:6px 13px 5px;float: left;width: 100%;}
.table_datepicker{display:table-cell!important;}
.table_datepicker input{    border-right: 1px solid #d3d7d8;}
/*.table_datepicker .input-group-addon{    position: absolute;
    right: 11px;
    width: 35px;
    top: 11px;
    height: 38px;
    border: 0px;
    padding: 0;
    background: #fafbfc;
    line-height: 23px;}*/
	/*-----------Srinu changes(28112017)--------------*/
.table_datepicker .input-group-addon {
    position: absolute;
    right: 2px;
    width: 35px;
    top: 1px;
    height: 38px;
    border: 0px;
    padding: 0;
    background: #fafbfc;
    line-height: 23px;	
}
.table_datepicker .input-group-addon i{font-size: 20px;line-height: 38px;color:#383838;}
.attachment{text-align:center;vertical-align:middle!important;}
.attachment i{color: #fb9008;font-size: 20px;cursor: pointer;}
.attachment_head i {color: #333333;font-size: 24px;cursor: pointer;}


/*--------------Timesheet accordion -------------------*/
 .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
		background:#fdfdfd;
		margin-bottom:10px;
    }

    .panel-default > .panel-heading {
        border-radius: 0;
        padding: 0;
        color: #212121;
        background-color: #fafafa;
        border-color: #f2f1f1;
    }

    .panel-title {
        font-size: 12px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }



/*-------------------- TimeSheet styles on 14/7/2017--------------------------------*/
.leave-form{background:#ffffff;border:1px solid #f1f1f1;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
.eb_timesheet{float:left;width:100%;padding: 0;font-family: 'poppinsregular';padding-right: 5px;}
.eb_timesheet_tbheader{padding: 0;float: left;width: 100%;margin-bottom: 17px;border-bottom: 1px solid #f1f1f1;}
.eb_timesheet_tbheader .eb_timesheet li{font-family: 'poppinssemibold';}
.eb_timesheet label{margin-bottom:0px;}
.eb_timesheet li{float:left;width: 5%;font-size:14px;padding: 12px 15px;position:relative;}	
.eb_timesheet li .tooltip{position:absolute;}
.eb_timesheet li.eb_checkbox{padding: 10px 15px;}
.eb_timesheet li.eb_emp{
   width: 24%;
   /* width:12%; */
}
.eb_timesheet li.eb_emp_small{
   width:12%!important;
}
.eb_timesheet li.eb_emp_small em{
   color:#04b8de;
   font-size: 12px;
}
.eb_timesheet li.eb_no_of_days {
    width: 11%;
    text-align: center;
}
.eb_timesheet li.eb_emp span{
  
  width: 100%;
    /*color:#009aac;*/
	float:left;
}
.eb_timesheet li.eb_from_dt{
    width: 10%;
    text-align: center;
}
.eb_timesheet li.eb_to_dt{
    width: 10%;
    text-align: center;
}
.eb_timesheet li.eb_dur{
    width: 10%;
    width:12%;
    text-align: center;
}
.eb_timesheet li.eb_ot{
    width: 12%;
    text-align: center;
}
.eb_timesheet li.eb_ot a{    color: #f19900;
    font-family: 'poppinssemibold';
    font-size: 15px;}
.eb_timesheet li.greaterthan72{    color: #e61d39;
    font-family: 'poppinssemibold';
    font-size: 15px;}
.eb_timesheet li.lessthan72{    color: #12d244;
    font-family: 'poppinssemibold';
    font-size: 15px;}
.eb_timesheet li.eb_status{
    text-align: center;
    width: 17%;
}
.eb_timesheet li.eb_action{padding: 8px 14px;}
.eb_timesheet li.eb_action a i{background: #efb608;padding: 6px;/*top: 0;top:4px;*/color:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border:1px solid #dda808;}
.eb_timesheet label span.Form-label-text{margin-left:0px;}
.panel-default>.panel-heading .badge{font-size: 13px;padding: 1px 7px;line-height: 18px;font-family: 'poppinssemibold';}
.panel-default>.panel-heading .badge-success{background:#5cb85c;}
.panel-default>.panel-heading .badge-danger{background:#d9534f;}
.panel-default>.panel-heading .badge-pending{background:#f0ad4e;}
.panel-default>.panel-heading .badge-info{background:#04b8de;}
.panel-heading .eb_timesheet li.eb_dur,.panel-heading .eb_timesheet li.eb_to_dt,.panel-heading .eb_timesheet li.eb_from_dt {font-size:13px;}
/*.input-group{float: left!important;padding: 0 15px!important;}*/
.eb_timesheet_rightcont h2{border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    margin: 10px 0 0;
/*    width:100%;*/
}
.eb_righttop{margin-bottom:20px;}
.eb_rightbottom{background:#ffffff;border:1px solid #eeeeee;}
.eb_timesheet_rightcont span.fa{    color: #0788b2;
    position: absolute;
    right: 16px;
    bottom: 1px;
    background: #fff;
    width: 37px;
    height: 38px;
    text-align: center;
    font-size: 16px;
    line-height: 37px;}
.popover.bottom{width:300px;/*left: -75px !important;*/}
.popover-content{padding:0px;}
.popover.bottom>.arrow {right: 9%;left:initial!important;}
.popover-content ul{float:left;width:100%;}
.popover-content ul li{float:left;width:100%;margin:3px 0;}
.popover-content ul li b{font-weight: normal;font-family:'poppinssemibold';font-size:13px;width: 46%;display: inline-block;text-align: left;margin-right: 20px;}
.popover-content ul li span{width:43%;float:right;display:inline-block;}
.popover-content ul li span input[type="text"]{width:100%!important;padding:2px 4px;}
.popover-content ul li.popover_ot_save_button button{padding: 3px 14px;margin: 3px 0 10px;}
.eb_timesheet_rightcont .popover .popover-title{font-family: 'poppinssemibold';font-size:15px;}
.highcharts-credits{display:none;}

ul.overtime_pop{float:left;width:100%;}
ul.overtime_pop li{float:left;width:50%;margin:3px 0;}
ul.overtime_pop li b{font-weight: normal;font-family:'poppinssemibold';font-size:13px;width:100%;display: inline-block;text-align: left;margin-right: 20px;}
ul.overtime_pop li span{width: 100%;padding: 0;margin: 0 0 7px;}
/*---------Srinu Changes 24032018-----------*/
ul.overtime_pop li span input{width:85%;
padding: 3px 5px;
    height: 32px;
    background: #fafbfc;
    border: 1px solid #d3d7d8;
}


/************ calendar timesheet *****************/


#calendar_timesheet{width:100%;margin:0;padding:0;display:block;}
#calendar_timesheet div.paging{width:100%;padding:0;margin:0 auto;text-align:center;display:block;clear:both;}
.ui-dialog .ui-dialog-content #calendar_timesheet div.paging{width:100%;padding:0;margin:10px auto auto;text-align:center;display:block;clear:both;}
#calendar_timesheet div.paging select{font:14px/30px 'poppinsregular';color:#fff;text-align:center;margin:0 5px;padding:0 6px;box-sizing:border-box;display:inline-block;background:#f90;border:none;border-radius:3px;-webkit-border-radius:3px;height:30px;}
#calendar_timesheet div.paging .btn-primary{margin-bottom:0;height:28px;vertical-align:inherit;padding:2px 12px;}
#calendar_timesheet .calTable{/* background: #a7a7a7 !important; */border:1px #e9e9e9 solid;/* margin:10px 0; *//* padding:0; */width:100%;display:table;/* border-collapse:unset; *//* border-spacing: 1px; */}
#calendar_timesheet .calTable thead{border: 1px solid #808080;}
#calendar_timesheet .calTable tr{margin:0;padding:0;}
#calendar_timesheet .calTable th.calendar_heading{font-size: 18px;font-family: 'poppinssemibold';color: #d6d6d6;}
#calendar_timesheet .calTable th{background: #808080;color: #ffffff;text-transform:uppercase;text-align:center;margin:0;padding: 8px;font-weight: normal;border-bottom: 1px #777777 solid;height: 47px;}
#calendar_timesheet .calTable td{text-align:right;vertical-align: top;color:#222;font-weight: normal;padding: 7px;margin:0;background:#fff;border-bottom: 1px #f0f0f0 solid;position:relative;height: 68px;border-right: 1px solid #f0f0f0;}
#calendar_timesheet .calTable td.active b{color:#fff;}
#calendar_timesheet .calTable td span.login_eb{position:absolute;top: 30px;right: 6px;color: #5d5c5c;font-size: 9px;background: #e5e5e5;border-radius: 10px;padding:0px 4px 0 0px;}
#calendar_timesheet .calTable td span.login_eb i{background: #868686;padding: 2px 3px;border-radius: 50%;color: #e5e5e5;}
#calendar_timesheet .calTable td span.logout_eb{position:absolute;top: 46px;right: 6px;color: #5d5c5c;font-size: 9px;background: #ffcece;border-radius: 10px;padding:0px 4px 0 0px;}
#calendar_timesheet .calTable td span.logout_eb i{background: #ff7272;padding: 2px 3px;border-radius: 50%;color: #ffebeb;}

/*
#calendar_timesheet .calTable td span.shift_eb{position: absolute;top: 3px;left: 5px;font-size: 9px;background: #009688;box-shadow: 0px 2px #007368;color: #fff;padding: 2px 3px;border-radius: 3px;letter-spacing: 1px;}
#calendar_timesheet #cal_body td b.nightshift_eb{width: 20px;height: 20px;background: #e27213;border: 1px solid #cc650e;text-align: center;box-shadow: 0px 0px 3px 2px #d0d0d0;border-radius: 50%;color: #fff;font-size: 11px;line-height: 15px;}
*/

#calendar_timesheet .calTable td span.shift_eb{position: absolute;top: 0px;left: 2px;font-size: 9px;background: #ffdd36;color: #484848;padding: 0px 5px 4px 5px;border-radius: 16px;border-top-right-radius: 0px;border-top-left-radius: 0px;width:27px;}
#calendar_timesheet .calTable td span.shift_eb b{width:100%;color:#757575;font-size: 12px;line-height: 10px;margin-bottom: 2px;  margin-top: 0;height: 12px;}
#calendar_timesheet .calTable td span.shift_eb span.fa-stack{width: 18px;height: 18px;line-height: 12px;color: #000000;}
#calendar_timesheet .calTable td span.shift_eb span.fa-stack i.fa-stack-2x{font-size: 16px;}
#calendar_timesheet .calTable td span.shift_eb span.fa-stack i.fa-stack-1x{font-size: 9px;line-height: 16px;}
#calendar_timesheet .calTable td b{text-align: right;vertical-align:bottom;padding: 1px;color: #666666;display:inline-block;font-weight:normal;width: 100%;font-size: 11px;font-family: 'poppinssemibold';width: 20px;height: 20px;line-height: 19px;text-align: center;border-radius: 50%;margin-top: -13px;}
#calendar_timesheet .calTable td.current_mnth{cursor:pointer;}
/*----------------------Srinu change 23022018------------------------------------------------------*/
/*#calendar_timesheet .calTable td.eb_weekend{background: #e4e4e4;padding: 21px 7px;text-align: center;height:26px;}*/
#calendar_timesheet .calTable td.eb_weekend{background: #f9f9f9;padding: 7px;text-align: center;/*height: 26px;*/}
#calendar_timesheet .calTable td.eb_weekend b{text-align:center;color: #b9b9b9;}
/*------srinu chnage 23022017------------------------------------*/
/*#calendar_timesheet .calTable td.eb_weekend span{display:none;}*/
#calendar_timesheet .calTable td.eb_overtime{background:#fedfa3;}
#calendar_timesheet .calTable td.eb_overtime span.login_eb{background:#fee9c1;}
#calendar_timesheet .calTable td.eb_overtime span.logout_eb{background:#f9c86b;}
#calendar_timesheet .calTable td.eb_publicholiday{background:#aeeff9;}
#calendar_timesheet .calTable td.eb_publicholiday span.login_eb{background:#c9f6fd;}
#calendar_timesheet .calTable td.eb_publicholiday span.logout_eb{background:#5bdaed;}
/*#calendar_timesheet .calTable td.active{background:#05e500;}
#calendar_timesheet .calTable td.active span.login_eb{background:#7eef7c;}
#calendar_timesheet .calTable td.active span.logout_eb{background:#05d201;}*/
#calendar_timesheet .calTable td.active b{background: #0d72af;width: 20px;text-align: center;height: 20px;border-radius: 50%;font-size: 12px;}
#calendar_timesheet .calTable td.selected{background:#6ae8a3!important;}
#calendar_timesheet .calTable td.selected span.login_eb{background: #8cf78c;}
#calendar_timesheet .calTable td.selected span.logout_eb{background: #6cd66b;}



/*------------------------ roster-settings--------------------------*/
.roster_wrapper .input-group{float: none!important;padding: 0!important;}
.roster_wrapper .input-group-addon{background-color: #fafbfc;}
.roster_wrapper .input-group-addon i {font-size: 20px;line-height: 26px;color: #383838;}
.roster_wrapper .input-group{width:100%;}
.roster_wrapper .input-group .ui-multiselect{border-radius: 0px!important;width: 100%!important;line-height: 40px;height: 40px;background-color: #fafbfc;border: 1px solid #d3d7d8;
color: #333333;}
/*.roster_wrapper .wrapper_enb{margin:10px -10px 15px;}*/
.roster_wrapper .Enable_head{margin-bottom: 14px;}
.roster_wrapper table{margin-bottom:0px;}
.roster_wrapper table th{text-align:center;font-family:'poppinssemibold';font-weight:normal;}
.roster_wrapper table td,.roster_wrapper table th{padding:6px!important;vertical-align:middle!important;}
.roster_wrapper table td b{font-weight:normal;font-family:'poppinssemibold'}




/*----------------------stepwizard------------------------*/
.stepwizard{float:left;width:100%;text-align:center;margin:15px 0;}
.stepwizard-step{display:inline-block;width:150px;position:relative;}
.stepwizard-step a {box-shadow: none;border: none;width:75px;height:75px;display: inline-block;}
.stepwizard-step a i{width:60px;height:60px;border-radius:50%;position:relative;z-index:2;pointer-events:none;font-size:20px;line-height:56px;color:#fff;}
.stepwizard-step span{float: left;background:#ededed;height: 8px;position: absolute;left: 47px;top: 32%;z-index: 1;right: 0;}
.stepwizard-step a p{font-family: 'poppinssemibold';font-size: 14px;color: #808080;margin: 7px 0 0;}
.stepwizard-step a.active i{background: #383838;}
.stepwizard-step a.active p{color: #383838;}
.stepwizard-step a.active span{background: #383838;}
.stepwizard-step a.inactive i{background:#ebebeb;color:#808080;}
.step-two a span{left:-3px;}
.step-three a span{left:-3px;right:48px;}
.active-step span {background:#177bbb;}
.stepwizard-step  i{font-size: 22px;line-height: 40px;}

.stepwizard-step a.done i{background:#b2d135;color:#fff;}
.stepwizard-step a.done span{background:#b2d135;}
.stepwizard-step a.done p{color: #b2d135;}
.stepwizard-step a.done p em{color: #b2d135;float: left;margin-top: 2px;}



.timesheet_panel{border: 1px solid #dadada;box-shadow: none;margin: 0px;/*overflow-x: hidden;*/min-width: 80%;width: 100%;max-width:95%;margin: 0 auto;}
.timesheet_panel .panel-heading{/* background: #333333; */padding: 0;margin: 0 0 20px;display: block;clear: both;float: left;width: 100%;color: #383838;border-bottom: 1px solid #dadada;}
.timesheet_panel .panel-heading h3{    font-size: 16px;
    margin: 10px;
    display: block;
    clear: both;
    float: left;
    font-family: 'poppinssemibold';}
    
    
    
    
/*-------------------------Srinu changes(Claim)--------------------------------------------------------------*/
.vasu_delbtn{  margin-top: 5px;}
#Rep_bank{margin-top: 8px;}
table.additional-table thead th{width: 30% !important;}
table.allow_tables tbody td{width: 33% !important;}
table.allow_tables{border: none !important;}
table.dataTable tbody td{/* border: 1px solid #d3d7d8; */}
.additional-info{padding:0px;}
.multi_allows{
	padding:10px;
}

#info_block{position:relative}
#info_block .wrapper_enb{margin:10px 0px}

button.ui-multiselect {appearance: none;
   -moz-appearance: none;
   box-sizing: border-box;
   background: #fafbfc url(../images/drop-arrow-tiny.png) no-repeat 95% 50% !important;
   border: 1px solid #d9ddde !important;
   color:black !important;
   font-size: 14px !important;
    font-family: 'poppinsregular' !important;
}
/*-------------------------------08/08/2017-------------------------------------------------------------------------------*/
/*.ui-state-default {width: 100% !important;height: 40px !important;line-height: 20px !important;border-radius: 0px !important;}*/
.Multiallow_row{margin-top:15px;}

/*-----------------------------------Employee form----------------------------------------------------------------*/

.tabbed-tabs {
    margin-left: -15px;
    margin-right: -15px;
    background: #ffffff;
    /* padding-left: 20px; */
    /* padding-top: 16px; */
    /* border: 0px; */
    height: 52px;
}
.tabbed-tabs  li{font-size:13px;}
.tabbed-tabs i{margin-right:2px;display: none;}
div.alphabet{text-align:center; }
div.alphabet span.active{background: #343434;color:#ffffff;text-decoration:none;border-color: #343434;}
div.alphabet span{padding: 5px 10px;border: 1px solid #dddddd;margin-left: -1px;display: inline-block;}
div.alphabet span.first_all{border-top-left-radius:7px;border-bottom-left-radius:7px;}
div.alphabet span.last_alp{border-top-right-radius:7px;border-bottom-right-radius:7px;}

/*----------------------------------------Allowances-----------------------------------------------------------------------------------*/
.additional-info span.btns .edit-btn{
background: #177bbb!important;
border: 1px solid #177bbb!important;
cursor: pointer;
float:left !important;
}

.additional-info span.btns .delete-btn{
background: #e60000!important;
border: 1px solid #da0101!important;
cursor: pointer;
float:right !important;
}

.additional-table table  thead {
    display: table;
    table-layout:fixed;
    width: 99%;
}
/*---------------------------------------------------Manasa commented--------------------------------------------------------------------------*/
/*.additional-table table tbody {
   display: block;
	height:16em;
    overflow-y: scroll;
}*/

/*---------------------------------------------------Deductions--------------------------------------------------------------------------*/
.emp_ded button.ui-multiselect{
 	width:100% !important;
 }
 
  .Dep_ded button.ui-multiselect{
 	width:100% !important;
 }
 
  .groups_Ded button.ui-multiselect{
 	width:100% !important;
 }


.menuhigh {width: 3px;height: 100%;float: left;position: absolute;left: 0;top: 0;transition: 0.8s;}
.bg-black .nav-primary>ul.nav-main>li:hover>a{background:none;}
.bg-black .nav-primary>ul.nav-main>li.active:hover>a{background:#000;}
.bg-black .nav-primary>ul.nav-main>li:hover>a>span.menuhigh,.bg-black .nav-primary>ul.nav-main>li.active>a>span.menuhigh{width: 51px;transistion:all 0.8s ease-in-out;}
.menuhigh1{    background: #04bd9b;}
.menuhigh2{    background: #f2c500;}
.menuhigh3{    background: #58abe4;}
.menuhigh4{    background: #ec6e60;}
.menuhigh5{    background: #b078c6;}
.menuhigh6{    background: #ccdb38;}
.menuhigh7{    background: #962b66;}
.menuhigh8{    background: #797979;}
.menuhigh9{    background: #00a0a2;}
.menuhigh10{    background: #e80000;}
.menuhigh11{    background: #4f9009;}
.nav-xs .nav-primary>ul>li>a span.menuhigh{display:none;}

#table-body .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    background: #fafafa;
    font-weight: normal;
    font-family: 'poppinssemibold';
    font-size: 13px;
}

.item-header i.widget_icon{float: right;
    font-size: 14px!Important;
    color: #b3b1b1!important;
    padding: 5px 0;
    margin: 0 0 0 12px!important;}
	
	
	
	/*------------ payslip view -------------*/
 .payslip_tpwrap{/*border-bottom:1px solid #d0d0d0;*/margin-top:20px;} 
.payslipdetails{margin:15px 0 0;}
.payslipdetails b{font-weight:normal;font-family:'poppinssemibold';font-size:14px;}
.payslipdetails span{font-size:14px;color:#8b8a8a;}
.payslip_date{padding-top: 36px;font-size: 14px;}
/*.payslip_date span{font-family: 'poppinssemibold';font-size: 15px;color: #d09202;}*/
.pays_bankdetails{margin: 20px 0 10px;}
.payslip_tpwrap .companyname h3{font-size:18px;}
.panel_heading{padding:10px 10px 10px 37px;}
.rights_heading_panel{position:relative;}
.rights_heading_panel label{position:absolute;left: 12px;top: 7px;}






/*-------------------- apply leave graphs ---------------------*/
.counterwrapper{      margin: 15px 0 5px;
    float: left;
    width: 100%;
    padding: 0 15px;
    background: #f8f8f8 ;
}
.counter_left{background:#f8f8f8;min-height:268px;    padding: 20px;}
.counter_right{background:#f3f3f3;min-height:268px;    padding: 20px;}
	.counterheading{margin-bottom: 20px;}
	.counterwrapper h1{    font-family: 'poppinssemibold';
    font-size: 22px;
    color: #333333;
    text-align: left;}
	.conter_heading{padding-left:61px!important;
                       position:relative;
                       min-height: 71px !important;}
	.conter_heading img{position: absolute;left: 8px;top:0px;}
	.counterwrapper b{    font-family: 'poppinssemibold';
    font-size: 12px;
    list-style: none;
    margin: 0px 0px 8px;
    padding: 0px;
    text-transform: uppercase;
    font-weight: normal;}
	.counterwrapper span.badge{    text-transform: capitalize;
    font-size: 14px;
    font-weight: normal;
    margin-left: 5px;
    background: #dbdbdb;
    color: #333333;}
             .counter.counter-wheel.counter-wheel-themed {
             background-color: transparent;
             color: #929292;
             width: 185px;
            /* box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22);*/
			/*box-shadow:0px 0px 24px 1px rgba(208, 208, 208, 0.62) inset;*/
            /* padding: 8px;*/
             font-size: 14px;
             text-transform: uppercase;
             line-height: 1em;
             margin:0 auto;
             }
             
             .counter.counter-wheel.counter-wheel-themed .counter-values {
                  font-size: 33px;
                  font-weight: bold;
                  line-height: 1.2em;
                  margin-bottom: 10px;
				  display:block;
             }
             
             .counter.counter-wheel.counter-wheel-themed .counter-separator {
    border: 1px solid #d0d0d0;
    line-height: 0;
    font-size: 0;
    width: 73px;
    display: block;
    margin: 7px 0 6px 9px;
             }
             
             .counter.counter-wheel.counter-wheel-themed .counter-body {
                    border: #e0e0e0 solid 1px;
					border-radius: 50%;
					padding: 47px 0;
					top: 5px!important;
					bottom: 5px!important;
					left: 5px!important;
					right: 5px!important;
             }
			 
			 .counter.counter-wheel {
  width: 80px;
  position: relative;
  /*-moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;*/
  color: #fff;
  border-radius: 50%;

  background-color: darkgray;
  font-size: 12px;
  display: block;
  text-align: center;
}

.counter.counter-wheel:before{
  content: "";
  display: block;
/*  padding-top: 100%; */ /* initial ratio of 1:1*/
}

.counter.counter-wheel .counter-body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  padding: 16px;
}

.counter.counter-wheel hr {
  margin: 5px;
  border-color: #fff;
}

.legend{width:100%;float: left;text-align: center;margin: 25px 0 0;}
.legend b{margin-right: 14px;margin-bottom:0}
.used_leave_leg{background: white;}
.leg_icon {
    display: inline-block;
    width: 10px;
    height: 10px;
}
.total_leave_leg{
    background: #f26a44;
}
.leave_infost{float:left;width:100%;border-top: 1px solid #ececec;}
.leave_infost li{
    float: left;
    width: 20%;
    text-align: center!important;
    margin: 37px 0 0;
    }
.leave_infost li span{    width: 60px;
    height: 60px;
    background: #d0d0d0;
    display: inline-block;
    font-size: 22px;
    padding: 10px;
    text-align: center!important;
    line-height: 1.8em;color:#fff;font-family:'poppinssemibold'}
.leave_infost li.avail span{background:#2f6bcf;}
.leave_infost li.app span{background:#17b7df;}
.leave_infost li.appr span{background:#009c00;}
.leave_infost li.pen span{background:#ebb31d;}
.leave_infost li.rej span{background:#f00a0a;}
.leave_infost li h3{font-size:14px;color:#473e3f; text-align: center!important;}



.payslip_setting_wrap{float:left;margin:0 0 20px 0;width:100%;}
.payslip_setting_wrap li{float: left;margin: 0px 0 20px;width: 20%;text-align: center;padding: 0 4px;position:relative;}
.payslip_setting_wrap li h3{font-size:14px;}
.payslip_setting_wrap li li{width: 50%;margin:0px;}
	.payslip_setting_wrap li li span{width: 100%;
    margin: 0px 0px 5px;
    display: block;
    float: left;
    padding: 6px 4px;
    text-align: left;
    text-align: center;
    background: #383838;
    border-radius: 2px;}
	.payslip_setting_wrap li li label {width:100%;}
.payslip_setting_wrap li li span:before{margin-right: 4px!important}
.payslip_setting_wrap li li.selected span{background:#f68b28;}


ul.mannn1,ul.mannn,ul.mannn2,ul.mannn3,ul.mannn4,ul.mannn5,ul.mannn6,ul.mannn7,ul.mannn8,ul.mannn9,ul.mannn10,ul.mannn11,ul.mannn12,ul.mannn13,ul.mannn14,ul.mannn15,ul.mannn16,ul.mannn17,ul.mannn18,ul.mannn19,ul.mannn20,ul.mannn21,ul.mannn22{display: block;
    position: absolute;
    top: -10%;
    left: 10%;
    right: 10%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #ffffff;}





.btn03 {
    width: 100%;
    overflow: hidden;
    position: relative;
/*    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);*/
}
.btn03 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}
.btn03 .ovrly {
	background:rgba(0, 0, 0, 0.41);
	height: 100%;
	left: 0;
	top: -100%;
	width: 100%;
	position: absolute;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-ol-border-radius: 3px;
}
.btn03 .buttons {
    position: absolute;
    top: -100%;
    left: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
.btn03 .buttons .fa {
   margin: 0 1px;
    background: rgb(28, 206, 26);
    border: 1px solid #19bf17;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.9);
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
}
/*.btn03:hover .buttons {
    top: 15%;
}
.btn03:hover .ovrly {
    top: -27%;
}*/
.select .btn03 .buttons {
       top: -9%;
}
.select .btn03 .ovrly {
    top:0;
}
.temp_div{    background: #f9f9f9;
    padding: 10px;
    width: 800px;
    margin: 0 auto;
    border: 1px solid #efefef;}
	
/*notification style */

.notification_wrap{
	padding:0px;
	/*border-top: 5px #00acb0 solid;*/
	/* border-top: 5px #23649e solid; */
}
.notification_wrap .fro{
 
 color:blue;
 
 } 
  
.notification_wrap .show_block_four {overflow-y:auto;max-height:300px;width:100%;min-width: 334px;}

.notification_wrap .unread{
background-color:white;  
} 
.notification_wrap:before{    left: 57%;/*border-bottom: 10px solid #00acb0;*/ border-bottom: 10px solid #23649e;}
.notification_wrap ul{float:left;}
.notification_wrap ul li{float:left;width:100%;position: relative;font: 13px/20px 'poppinsregular';text-align: left;box-shadow:none!important;border-bottom:1px solid #d0d0d0;}
/*-----------------------Srinu changes--------------------------------------------------*/
.notification_wrap li:last-child{ border-bottom: none !important;}
.notification_wrap ul li.unread{background:#e9e9e9;font-family:'poppinssemibold';}
.notification_wrap ul li a{float:left;padding: 7px;width:100%;padding-left: 69px;position:relative;min-height: 61px;color: #434343;font-size: 13px;font-family: 'poppinsmedium';}
.notification_wrap ul li img{position:absolute;left: 10px;top: 4px;width: 50px;height: 50px;}
.notification_wrap ul li p{font-size: 12px;color: #858585;margin:0px;padding:0px;font-family: 'poppinsregular';}
.notification_wrap ul li b{font-weight:normal;font-family:'poppinssemibold';font-size: 14px;color: #222222;}
.notification_wrap .viewall,.notification_wrap .viewall:hover{
    color:#2180bd;
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #f6f6f6;
    background: #f2f2f2;
    font-size: 13px;
    text-decoration: none;
    }
.notify_link{box-shadow: inset 0 -2px 0 #23649e !important;position:relative;}
.notify_link i{/*color: #00acb0;*/ color:#23649e;}
.notify_link sup{    background: #cfb106;
    color: #fff;
    padding: 2px;
    position: ABSOLUTE;
    border-radius: 50%;
    top: 10px;
    left: 31px;
    width: 18px;
    height: 18px;
    line-height: 15px;}
.notification_list{border:0px;}
.view_profile_wrap{padding: 10px 0;float: left;width: 100%;}
.viewprofile_ul {float:left;width:100%;margin-bottom:15px;}
.viewprofile_ul li{float:left;width:100%!important;border-bottom: 1px solid #f3f3f3;padding: 8px 0;}
.viewprofile_ul li b{font-weight:normal;font-family:'poppinssemibold';font-size: 14px;margin-right: 10px;width: 91px;float: left;}
.viewprofile_ul li span{font-weight:normal!important;color:#8e8e8e;}

/* popups of payrollgenerate and allowance styles */
.table-allowance tr td{border-right:0px!important;border-left:0px!important;}
/* .table-allowance tr td:first-child{  width: 142px;} */

.table-allowance tr td input{width: 100%;padding: 3px 5px;height: 37px;background: #fafbfc;border: 1px solid #d3d7d8;}

.table-recurring tr td{border-right:0px!important;border-left:0px!important;}
.table-recurring tr td:first-child{  width: 142px;}
.table-recurring tr td input{width: 80px;padding: 3px 5px;height: 32px;background: #fafbfc;border: 1px solid #d3d7d8;}


.table-claim tr td{border-right:0px!important;border-left:0px!important;}
.table-claim tr td input{width: 80px;padding: 3px 5px;height: 32px;background: #fafbfc;border: 1px solid #d3d7d8;}

.notification_list ul{width:100%}
/* popups of payrollgenerate and allowance styles */






#content-box {
    position: fixed;
    width: 400px;
    margin: 0;
    /*background-color: #ebf1eb;*/
	background-color:rgb(255, 255, 255);
    color: #333;
    /* padding: 10px; */
    font-size: 14px;
    right: -100px;
    z-index: 10000;
    top: 0px;
    bottom: 0px;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.35);
	overflow-x:hidden;
	overflow-y:scroll;
}


#content-box button.ui-multiselect{height:40px;line-height:20px;margin-top:10px;margin-bottom:10px;width: 368px!Important;}
#days-content-box button.ui-multiselect{height:40px;line-height:20px;margin-top:10px;margin-bottom:10px;width: 368px!Important;}

.header.navbar{z-index:99;}


#CloseButton{position: absolute;
    top: 15px;
    left: 90%;
    width: 70px;
    height: 20px;
    padding: 10px 10px 15px;
    color: #fff;
  border-radius: 0 0 0 10px;}

#CloseButton a {
	color: #0c0c0c;
	text-decoration: none;
}
.checkbox label{padding-left:0px;}
.checkbox{float: left;}
.employee_content .input-group-addon{padding:11px 10px 6px 10px;background-color: #fafbfc;}
.employee_content .leave_icon {font-size: 18px;}
.honey_calen::-webkit-input-placeholder {
    font-size: 10px;
    line-height: 3;
}
.eb_form_validation{font-size:11px;color:red;}

#efform .checkbox{margin:0px 5px 0px 0px!important;}
#efform .table,#efform .panel-group{margin-bottom:0px;}

/*------------------Srinuchanges-----------------------------------------------*/
.bootstrap-select.btn-group .dropdown-menu li.active small{color:rgba(56, 52, 52, 0.5)!important;}


.counter_rightdetail{ background: #e8e8e8;padding: 9px 14px;}
#leavetype {
    height: 230px;
    overflow-y: auto;
    float: left;
    width: 100%;
}
.leavetype_heading{border-bottom: 1px solid #d0d0d0;    padding: 0 0 3px;}
.leavetype{float: left;width: 100%;margin-bottom: 3px;}
.leavetype h2.typ_le{font-size: 13px;float: left;margin: 0;}
.leavetype h2.ava_le{font-size: 13px;float: right;margin: 0;}
.leavetype .progress{float: right;width: 15%;margin: 0;}
.leavetype .progress .progress-bar {width:100%;}



/* simple responsive table */
/*table.smresp {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table.smresp caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table.smresp tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
table.smresp th,
table.smresp td {
  padding: .625em;
  text-align: center;
}*/
/*table.smresp th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}*/
#calendar_timesheet.report_cal .calTable th.calendar_heading{padding: 4px 10px;height: 13px;text-align: right;font-size: 12px;border: 0px;color:#ffffff;}
#calendar_timesheet.report_cal .calTable th{background:transparent;padding: 0;height: 43px;border-bottom: 1px #e8e8e8 solid;}
#calendar_timesheet.report_cal .calTable thead{border:0px;}
#calendar_timesheet.report_cal .calTable{border:0px;background: #00b0d5;}
#calendar_timesheet.report_cal .calTable th span{background: #04b8de;padding: 8px;font-size: 12px;border-radius: 50px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.24);}
#calendar_timesheet.report_cal .calTable td.eb_overtime{background: #9fcdc7;}
#calendar_timesheet.report_cal .calTable td.eb_overtime span.login_eb{background: #a7dcd5;}
#calendar_timesheet.report_cal .calTable td.eb_overtime span.login_eb i{color: #e5e5e5;background: #868686;}
#calendar_timesheet.report_cal .calTable td.eb_overtime span.logout_eb{background: #c0d5d3;}
#calendar_timesheet.report_cal .calTable td.eb_overtime span.logout_eb i{background: #ff7272;color: #e5e5e5;}
#calendar_timesheet.report_cal .calTable td.selected {background: #6ae8a3;}
#calendar_timesheet.report_cal .calTable td.selected span.login_eb{background: #8cf78c;}
#calendar_timesheet.report_cal .calTable td.selected span.logout_eb{background: #6cd66b;}
input[type=time]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
input[type="time"]::-webkit-clear-button {
    display: none;
}
input[type="time"]::-ms-clear {
    display: none;
}
input::-ms-clear {
    width: 0;
    height: 0;
}	

input[type=text]::-ms-clear {
    display: none;
}
.buttonviewprofile_smll.open>.dropdown-menu{margin: 0px;padding: 0;}
.buttonviewprofile_smll.open>.dropdown-menu li button{    display: block;
    float: left;
    width: 100%;
    background: none;
    color: #000000!Important;
    border: 0px;
    text-align: left;
    border-bottom: 1px solid #d0d0d0;
    margin: 0px;}
#al_div table tbody tr.prorata{background-color: #edffed;border: 1px solid #dddddd;}	
#al_div table tbody tr.prorata input[type="text"]{background-color: #fcfffc;border: 1px solid #e2f9e2;}	
#al_div table tbody tr.prorata input[readonly]{background-color: #daf7da;border: 1px solid #cdf1cd;}	
#al_div table tbody tr.inactive{background-color: #ffebeb;border: 1px solid #dddddd;}	
#al_div table tbody tr.inactive input[type="text"]{background-color: #fff5f5;border: 1px solid #f7dada;}	
#al_div table tbody tr.inactive input[readonly]{background-color: #f7d8d8;border: 1px solid #f1cece;}
#al_div table tbody tr.prorata-inactive{background-color: #fff2da;border: 1px solid #dddddd;}	
#al_div table tbody tr.prorata-inactive input[type="text"]{background-color: #fff8eb;border: 1px solid #f9e7c7;}	
#al_div table tbody tr.prorata-inactive input[readonly]{background-color: #f9e8c9;border: 1px solid #efdcba;}	
#al_div table tbody tr.mid_class{background-color:#dbf0f3;border:1px solid #dddddd;}	
#al_div table tbody tr.mid_class input[type="text"]{background-color: #e9f7f9;border: 1px solid #bfdade;}	
#al_div table tbody tr.mid_class input[readonly]{background-color: #c7e2e6;border: 1px solid #bad6da;}	
/*----22072020_IND007-------*/
#al_div table tbody tr.payroll_upload{background-color:#d1f3bb;border:1px solid #dddddd;}	
#al_div table tbody tr.payroll_upload input[type="text"]{background-color: #bfe0aa;border: 1px solid #98d074;}	
#al_div table tbody tr.payroll_upload input[readonly]{background-color: #b2d29d;border: 1px solid #98d074;}	
.payroll_label{text-align:right!important;}
.payroll_label li span{width: 15px;height: 15px;margin: 0 2px;border: 1px solid #cecfd0;}
.payroll_label li.prorata-inactive span{background-color:#fff2da;}
.payroll_label li.prorata span{background-color: #edffed;}
.payroll_label li.mid_class span{background-color:#dbf0f3;}
.payroll_label li.inactive span{background-color:#ffebeb;}

/*----22072020_IND007-------*/
.payroll_label li.payroll_upload span{background-color:#bce8a073;}
.time_log_surediv p{margin: 0 0 6px;line-height: 12px;font-size: 11px;}
.time_log_surediv .hidealert{padding: 4px 5px;
    font-size: 10px;
    background: #177bbb;
	color:#ffffff;
	cursor:pointer;
    margin: 0 2px;
    text-align: center;
    border-radius: 3px;
    display: inline;}
.time_log_surediv .hidealert.hidealert_no{background:#e60000;position: initial;}

@media screen and (max-width:768px) 
{
    .main-panel .content{text-align: inherit;}
	.modal .modal-content .modal-body.leave_creation .levelCreationDiv,.modal .modal-content .modal-body.leave_creation{    height: auto !important;
    min-height: 251px!important;}
	#leaveModal .modal-content{    width: 95% !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);}
}

@media screen and (max-width:767px) {
	.min-vh-100{    min-height: 82vh!important;}
	.navbar .navbar-brand{padding:0px 23px;}
.main_headerwrap h1.enable_header {
    text-align: left;
    position: relative;
    top: inherit;
    z-index: inherit;
    margin-top: inherit;
}
.navbar .navbar-toggler.navbar-toggler-right{position: fixed;
    right: 0;
    top: -8px;
}
.sidebar .logo{display:none!important;margin-bottom:30px;}
.sidebar .user{margin-top:30px!important}
#myModalOnLoad .importNoticeimg{left:14%!important;}
.main_headerwrap h1{position:relative;top:inherit;left:inherit!important;z-index:inherit!important;}
.enhance_notify_ul{float:left;}
.enhance_notify_ul li{float: left!important;
    width: 36%!important;
}

.enhance_notify_ul li.importantAnnc{width:10%!important;}
.filter_desg_db #filter_desg{width:100%!important;}
.filter_desg_db{    position: absolute!important;
    right: -3%!important;
    width: 149px!important;
}
.fc-toolbar .fc-left{min-width: 116px!important;}
.fc-toolbar.fc-header-toolbar h2{margin:0px!important;}
.importantAnnc img {
width: 100px!important;}
.companywrap_dash{padding:0px!important;}
  .main_headerwrap h1.enable_header small{display: none;}
.main_headerwrap{    margin-left: -10px;
    margin-right: -10px;}
.main_headerwrap .breadcrumb{display: none;}
  table.smresp {
    border: 0;
  }
  table.smresp caption {
    font-size: 1.3em;
  }
  table.smresp thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.smresp tbody{    width: 100%;
    display: block;}
  table.smresp tr {
      display: block;
    margin-bottom: .625em;
    background: #f4f4f4!important;
    padding:0 12px;
  }
  table.smresp td {
    border: 0px!Important;
    border-bottom: 1px solid #ddd!Important;
    display: block!Important;
    font-size: 12px;
    text-align: right !important;
	min-height: 34px;
  }
    table.smresp td.hidden-xs{    display: none !important;}
  table.smresp td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-family: 'poppinssemibold';
    font-size: 12px;
  }
  table.smresp td:last-child {
    border-bottom: 0!important;
  }
  table.claimresp td{    border-bottom: 0px!Important;
    position: relative;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box!Important;
    -moz-box-sizing: border-box!Important;
	box-sizing: border-box!Important;}
  table.claimresp td:before{font-size: 14px;
    width: 100%;
    font-family: 'poppinssemibold' !important;
    font-weight: normal !important;
    text-align: left;
    text-transform: initial;}
  table.claimresp tr{background:#fdfdfd!important;border: 1px solid #f1f1f1;    margin: 0;
    padding: 0;float:left;width:100%;}
    table.claimresp label{text-align:left;width:100%!important;}
	table.claimresp a{float:left;}
    table.claimresp td .bootstrap-select.form-control{width:100%!important;}
	table.claimresp td .input-group .form-control{width:100%!Important;}
	table.claimresp td .input-group-addon{top: 2px;}
	
	table.claimresp tbody td .bootstrap-datetimepicker-widget table thead{position:relative;float:none!important;}
table.claimresp tbody td .bootstrap-datetimepicker-widget table thead th{width:auto!important;float:none!important;}
table.claimresp tbody td .bootstrap-datetimepicker-widget table thead tr{display: table-row!important;border:0px!important;float:none!important;}
table.claimresp tbody td .bootstrap-datetimepicker-widget table tbody tr{display: table-row!important;border:0px!important;}
table.claimresp tbody td .bootstrap-datetimepicker-widget table tbody{display: table-row-group!important;float:none!important;}
table.claimresp tbody td .bootstrap-datetimepicker-widget table{margin:0px;display:table!important;float:none!important;}
table.claimresp tbody td .bootstrap-datetimepicker-widget table th{height: 20px!important;line-height: 20px!important;width: 20px!important;background:transparent;padding: 5px!important;display:table-cell!important;float:none!important;}
table.claimresp tbody td .bootstrap-datetimepicker-widget table tr{background:none!Important;float:none!important;}
table.claimresp tbody td .bootstrap-datetimepicker-widget table td{border:0px;height: 20px!important;line-height: 20px!important;width: 20px!important;padding: 5px!important;display:table-cell!important;float:none!important;border:0px!important;}
table.claimresp tbody td .bootstrap-datetimepicker-widget table td span {display: inline-block;width: 54px !important;height: 54px !important;line-height: 54px !important;margin: 2px 1.5px !important;cursor: pointer;border-radius: 4px;}
table.claimresp tbody td .bootstrap-datetimepicker-widget table td.today:before{float: none;width: auto;}
table.claimresp td#datetimepicker1 .input-group-addon{height:34px;}
table.claimresp td#datetimepicker1 .input-group-addon i{font-size:18px;line-height: 35px;}
table.claimresp td#datepicker_to .input-group-addon{height:34px;}
table.claimresp td#datepicker_to .input-group-addon i{font-size:18px;line-height: 35px;}
.top_header .enable_heading h1 small{display:none;}
.index_headerbac {
    top: 13px!important;
}
.counter_left{min-height: auto;}
.leave_infost li{width:33%;margin: 10px 0 0;}
.leave_infost li span{width: 83%;}
.conter_heading {padding-top: 47px;text-align: center!important;padding-left: 0px !important; width: 100%;margin-top: 100px;}
.conter_heading img{position: absolute;top: -65px;left: 50%;transform: translate(-50%,-50%);}
.counterwrapper h1{text-align:center;width:100%;}
.conter_heading p{text-align:center !important;}
.counter_right{min-height:auto;}
.enb_checkallclaim{position:static;}
.no_counterrightgraph{width:100% !important;}
.delt_modal_leaves .modal-content{top: 34% !important;}
.table.viewclaims_table tbody td .bootstrap-select.btn-group .dropdown-menu{width: 100% !important;z-index: 1!important;}
.viewclaims_date input[type="text"].rate_from{width:100% !important;}
.viewclaims_date input[type="text"].rate_to{width:100% !important;}
.enb_claim_wrap h3{text-align: left !important;margin: 0px !important;}
.imgtxt p.nodocument{text-align:right !important;}
#payslipfrm #content-box{width: 351px;}
.viewinfo_rightDiv{position:relative;}
.viewinfo_rightDiv .breadcrumb{
	position: absolute;
    right: 0px;
    top: -30px;
}
.view_imagewrap{top: 27px;}
.view_imagewrap img{width: 45px;height: 45px;}
.view_profilewrap h2{font-size: 18px;/*margin-top: 50px;*/padding-left: 55px;padding-right: 22px;}
.view_profilewrap h5{padding-left: 55px;padding-right: 22px;}
.buttonviewprofile_smll{top: 79px !Important;}
.view_headbottomwrap ul{padding: 0px;margin-top: 35px;}
.view_headbottomwrap ul h4{padding: 6px 8px;}
.viewtabbed-tabs{text-align:center;}
.viewtabbed-tabs>li{width:95px !important;}
.viewtabbed-tabs.nav-tabs>li>a{font-size: 12px;padding: 10px 0px!important;}
.viewtabbed-tabs.nav-tabs>li.active>a:after{top: 60px !important;}
.employee_detailsview{text-align: center;}
.employee_detailsview li{width: 50%;margin-bottom: 8px;flex: auto;}
.employee_detailsview li:nth-child(even){border-right:0px;}
.dashboard_ellips{margin-top: 3px;}
.Des_Dep_Div p{display: inline;
    font-family: 'poppinsregular';
    font-size: 13px;}
.Des_Dep_Div h4{font-size:12px;margin-bottom: 0px !important;}
.enb_claim_app .imgtxt a.receiptview{position: relative!important;text-align: right!important;float: right!important;margin-bottom: 17px;}
.dep_clz_mob h4{margin-top:1px !important;}	
}

.widget_emp.dataTable tbody td {
    /* border: 0px solid #d3d7d8 !important; */
}

.widget_emp.table-bordered>thead>tr>th {border-left: 0px solid #d3d7d8 !important;
    border-right: 0px solid #d3d7d8 !important;}
	
.support_container{margin: 16px 0;padding: 15px;}	
.supp_head{text-align: center;font-size: 18px;}
.supp_span{text-align: justify;font-size:15px;color:#888888;}
.supp_head_call{font-size: 18px;}
.supp_span b{color: #d7941e;font-size:18px;font-weight:normal;font-family:poppinsbold;}
.supp_span_mdes{font-size:15px;color: #72707091;}
.supp_span_mdes b{color:#d80027;font-weight:normal;font-family:poppinsbold;}
.supp_anch{font-weight: inherit !important;
    text-decoration: none !important;
    transition: color .35s ease,background-color .35s ease !important;
    color: #00a4bd !important;
	}
hr {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
    border: 0 !important;
    border-top: 1px solid #f8f8f8 !important;
}

.daily_payroll_sg{width:100%;}
.daily_wrap_sg{width:100%;}
/*-- daily timesheet--*/
.daily_timesheet_wrap{padding:20px;}
.daily_header{
	position:relative;
padding: 7px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,243,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,243,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,243,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,243,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,243,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,243,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f3f2', GradientType=0 );border: 1px solid #e2e2e2;
}
.daily_header .form-group{margin:0px;}
.daily_header .form-control{background:#ffffff;cursor:pointer;}
.daily_header .date_picker{position:relative;}
.daily_header .date_picker i{position: absolute;right: 10px;top: 10px;color:#f8a015;pointer-events: none;}
.date_picker .form-control{font-size: 17px;font-family: 'poppinssemibold'}
.daily_header .search_wrap{position: absolute;right: -7px;}
.daily_header .search_wrap .form-control{font-size: 13px;font-family: 'poppinsregular'}
.daily_header .search_wrap i{color:#000000;}
.daily_content{margin:20px 0;}
.daily_content table{border-collapse: collapse;}
.daily_content table thead{border-bottom:2px solid #dadada;}
.daily_content table thead th{padding:10px 6px;font-size:14px;font-family:poppinssemibold;font-weight:normal;}
.daily_content table tbody td{padding: 5px 6px;border-bottom: 1px solid #e0e0e0;font-size: 14px;font-family: poppinsmedium;text-align:center;}
.daily_content table tbody td span{width: 39px;display: inline-block;}
.daily_content table tbody td i{color:red;font-size:16px;}
.daily_emp{text-align:left!important;font-size:13px!important;color:#009aac;}
.daily_emp p{margin-bottom:0px;font-size:12px;}
.daily_emp p i:before{font-size:13px;}

.daily_id{text-align:left!important;}
.time_daily_content h4{
	color: #f09616;
    font-family: 'poppinssemibold';
    font-size: 21px;
}

.time_daily_content span{
	color: #626262;
    font-size: 17px;
    font-family: 'poppinsregular';
    margin: 5px;
}

.time_daily_content b{
color: #00978b;
    font-size: 17px;
    font-family: 'poppinssemibold';
}
.time_daily_content .modal-header{
	    background: #f2f2f2;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
}


.body_cont_time h5{
	font-size: 17px;
    font-family: 'poppinsregular';
    color: #333333;
    border-bottom: 1px solid #eeeeee;
	    padding: 5px 10px;
    margin: 0px;
	}
	
.time_daily_content{
	width: 990px !important;
   max-width: 1000px !important;
    height: 500px;
}
.body_cont_time i{
	color:#f40404;
	margin-right:5px;
}	
.body_cont_time ul li h5{
	color: #30adc8;
	font-size: 13px;
	line-height: 18px;
	padding-left: 150px;
	position: relative;
	min-height: 94px;
}
.body_cont_time ul li h5 img{position: absolute;left: 8px;width: 126px;height:84px;}
.body_cont_time ul li{
	    cursor: pointer;
	    min-height: 88px;
}
.body_cont_time ul li.active{
	background-color: #13b5c7;
}
.body_cont_time ul li.active h5{color: #fff;}
.body_cont_time ul li.active h5 span{color: #002b2f;}
.body_cont_time ul li span{
	color: #777777;
	font-size: 14px;
	width: 100%;
}
.temp-cls-red{color:#ff0c00 !important; font-weight: bold !important;}
.temp-cls-green{color:#10ff00 !important; font-weight: bold !important;}
.temp-cls-yellow{color:#ffe000 !important; font-weight: bold !important;}
.body_cont_time ul li span i.fa-sign-in{color:#19c029;background: #ffffff;padding: 4px;border-radius: 50%;}
.body_cont_time ul li span i.fa-sign-out{background: #ffffff;padding: 4px;border-radius: 50%;}

.body_cont_time ul{
	height: 400px;
    overflow: auto;
}
.body_cont_time .map_img{position:relative;}
.body_cont_time .map_img img{position:absolute;top: 42px;left: 10px;z-index: 9;}
.body_cont_time  iframe{margin-top:36px;}
/*-- daily timesheet--*/
.daily_loader{
    margin-left: 45%; 
    margin-top: 17%;
    display:none;
}
.log_sum_loader{
    display: none; 
    margin: 15% 44%; 
    margin-top: 5%; 
}
.timesheet_loader{
    height: 30px;
    margin: 10px 47%;
    display:none;
}
.clsrevert{
    width: 41px !important;
    margin: -10px 0;
}
.btn-revert {
    border: 1px solid #7a9231;
    color: #fff !important;
    background-color: #7a9231;
    cursor: pointer;
}
.Zebra_Tooltip {
    position: absolute;
    z-index: 8000;
    width: 240px !important; 
    background: transparent;
    font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

.Zebra_Tooltip .Zebra_Tooltip_Message {
    position: relative;
    padding: 15px;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    line-height: inherit;
	height:auto !important;
    top: 0px !important;
    width: 100% !important;
/*    *margin-right: 0;
    _width:expression(document.body.clientWidth > 250 ? '250px': 'auto');  max-width for IE6 */
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow{ position: absolute; height: 10px; width: 20px; overflow: hidden }

/*.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom{bottom: 0;top: 58px;}*/
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top{ top: 0}

.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
    position: absolute;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    left: 0;
    _border-left-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div  {
    top: 0;
    _border-bottom-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div     {
    bottom: 0;
    _border-top-color: pink;
}

.Zebra_Tooltip .Zebra_Tooltip_Close {
    text-decoration: none;
    color: #FFF;
    position: absolute;
    right: 8px;
    top: 1px;
    font-size: inherit;
    font-weight: bold;
}

.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
    color: #C40000;
}
.Zebra_Tooltip .checkcontainer span{float:left;width:32px;height:32px;display:block;line-height: 30px;text-align: center;color: #000000;}
.checkmark_red{background: #f1fff8;font-size: 0px;}	
.checkmark_red:before{
    content: "";
    width: 0;
    position: absolute;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 22px solid #87eab8;
    transform: rotate(135deg);
    left: -14px;
    top: -3px;
    }
.checkmark_red:after{content: "H";color:#333333;position:absolute;width: 32px;left: -1px;font-size: 16px;}
.checkmark_blue{background: #ffc2b8;}		
.checkmark_grey{background: #87eab8;}
.checkmark_public{background: #54d3ff;}	 
.checkmark_off{background: #88b19c;}	 
.Zebra_Tooltip_Message .checkcontainer input:checked ~ span {
    border:1.5px solid #9E9E9E;
}


.Zebra_Tooltip_Message .manage_check{width: 40px;height:32px!Important;}

.clshalfday{background: #f1fff8 !important;position:relative;border: 1px solid #c4ddd1;}
.clshalfday:after{
    content:'';
    width: 0!important;
    position: absolute;
    height: 0!important;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #87eab8;
    transform: rotate(135deg);
    left: -9px!important;
    top: -2px!important;display:block!important;
    }
.clshalfday:before{content:'H';z-index:9;}	
.clsworkingday{background: #87eab8 !important;position:relative;}
.clsrestday{background: #ffc2b8 !important;position:relative;}
.clspublic{background: #54d3ff !important;position:relative;}
.clsrestday:before{content:"R";color:#333333;}
.clsworkingday:before{content:"W";color:#333333;}
.clspublic:before{content:"PH";color:#333333;}
.checkmark:before{font-size: 10px;position:absolute;/* width:21px; *//* height:21px; */left: 0;top: 5px;font-family: poppinsbold;right: 0;}
/*.annualleave_check{background: #7aa13f !important;position:relative;}
.annualleave_check:before{content:"AL";color:#ffffff;}
.medicalleave_check{background: #856c58 !important;position:relative;}
.medicalleave_check:before{content:"ML";color:#ffffff;}
.nopayleave_check{background: #28736e !important;position:relative;}
.nopayleave_check:before{content:"NP";color:#ffffff;}
.offinlieu_check{background: #83539f !important;position:relative;}
.offinlieu_check:before{content:"O";color:#ffffff;}*/
.approve_leave{background: #baf727 !important;position:relative;}
.approve_leave:before{content:"AL";color:#ffffff;}
.approve_leave:after{content:initial!important;}
.pending_leave{background: #efca19  !important;position:relative;}
.pending_leave:before{content:"PL";color:#ffffff;}
.pending_leave:after{content:initial!important;}
.approve_leave1{background: #baf727 !important;position:relative;}
.approve_leave1:before{content:"";color:#ffffff;}
.approve_leave1:after{content:initial!important;}
.pending_leave1{background: #efca19  !important;position:relative;}
.pending_leave1:before{content:"";color:#ffffff;}
.pending_leave1:after{content:initial!important;}
.half_approve_leave{background: #deff90 !important;position:relative;border: 1px solid #c4ddd1;}
.half_approve_leave:after{
    content:'';
    width: 0!important;
    position: absolute;
    height: 0!important;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #baf727;
    transform: rotate(135deg);
    left: -9px!important;
    top: -2px!important;display:block!important;
}
.half_approve_leave:before{content:initial!important;}
.half_pending_leave{background: #f9e78e !important;position:relative;border: 1px solid #c4ddd1;}
.half_pending_leave:after{
    content:'';
    width: 0!important;
    position: absolute;
    height: 0!important;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #efca19;
    transform: rotate(135deg);
    left: -9px!important;
    top: -2px!important;display:block!important;
}
.half_pending_leave:before{content:initial!important;}
.offday_holi{background: #c9caf3 !important;position:relative;}
.clsoffday{background: #88b19c !important;position:relative;}
.clsoffday:before{content:"O";color:#333333;}
.med_An{margin-bottom: 0px !important;font-size: 10px;color: #000;line-height: 25px;}

.checkmark_annual{background: #7aa13f !important;color:#ffffff!important;}
.checkmark_medical{background: #856c58 !important;color:#ffffff!important;}
.checkmark_nopay{background: #28736e !important;color:#ffffff!important;}
.checkmark_offin{background: #83539f !important;color:#ffffff!important;} 
/* .claim_status_td li{margin-right:15px;padding:1px 5px;font-size:12px;text-align:center;margin-bottom: 4px;} */
.claim_status_td{text-align:left;}

.dropdown-menu.open {
    position: absolute;
}

/* The container */
.checkcontainer {
    /* display: block; */
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* user-select: none; */
}

/* Hide the browser's default checkbox */
.checkcontainer input {
    /* position: absolute; */
    /* opacity: 0; */
    cursor: pointer;
    /* visibility: hidden; */
    display: none;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    /* height: 25px; */
    /* width: 25px; */
    background-color: #87eab8;
}

.checkcontainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}

.checkcontainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
}
.manage_check{width: 100%;margin: 0;/* display: inline-block; *//* float: left; */padding:0px;min-height: 25px;}
.checkmark {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* min-height: 21px; */
    color: #000;
    font-size:14px;
    /* min-width: 21px; */
    /* line-height: 23px; */
    z-index: 1;
    background-color: #87eab8;
    /* width: 100%; */
}
.checkcontainer input:checked ~ .checkmark {
    background-color: #53e49a;
}
.checkmark{background-color: #87eab8;text-align: center;}

.weekdays th{font-size: 14px;width: 27px;font-family: poppinsbold;text-align: center;}
/* .sun  {
     background-color: #afeef0!important;
} */
.timesheet_label li span{height: 15px;width: 15px;margin:0 3px 0 0;border: 1px solid #fff;}
.timesheet_label .workingday span{background-color: #87eab8;}
.timesheet_label .offday span{background-color: #d6f4e5;position:relative;}
.timesheet_label .offday span:before{
    content: "";
    width: 0;
    position: absolute;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #87eab8;
    transform: rotate(135deg);
    left: -7px;
    top: -2px;
    }
.timesheet_label .weekoff span{background-color: #ffc2b8;}
.timesheet_label .empoffday span{background-color: #88b19c;}
.timesheet_label .satsun span{background-color: #eff0af;}
.timesheet_label .pholi span{background-color: #afd8f0;}
/*.timesheet_label .anualleave span{background-color: #7aa13f;}
.timesheet_label .medicalleave span{background-color: #856C58;}
.timesheet_label .nopay span{background-color: #28736E;}
.timesheet_label .offinlieu span{background-color: #83539F;}*/
.timesheet_label .appleave span{background-color: #baf727;}
.timesheet_label .penleave span{background-color: #efca19;}
.timesheet_label li.shifts span{background: #ffdd36;}
.timesheet_label li.approvedleave span{background: #baf727;}
.timesheet_label li.pendingleave span{background: #efca19;}
.timesheet_label li.offDay span{background: #c9caf3;}
.timesheet_label{margin:37px 0 20px;/*text-align:right*/;}
.ui-multiselect-menu{z-index: 10005!important;}
/* .holiday{background: #dcf6ff !important;} */

.scheduletimesheet .tbl-header{
 }
.scheduletimesheet .tbl-content{
  max-height:530px;
  overflow-y:auto;
  margin-top: 0px;
  border: 1px solid rgba(255,255,255,0.3);
  overflow-x: hidden;
}



.scheduletimesheet .tbl-content::-webkit-scrollbar {
    width: 6px;
} 
.scheduletimesheet .tbl-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
.scheduletimesheet .tbl-content::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
.employeetd{width:13%!important;}

.company-img{
	position:absolute;
    left: 10px;
   
    top: 6px;
  }
.object-fit_contain {
/*   -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
    height: 75px;
    border: 1px solid #eceaea;
    padding: 5px; */
	width:50px;
	height:50px;
	

}
.employee_noimage{width:25px;height: 25px;color:#ffffff;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
font-family: 'poppinsmedium';
    font-size: 11px;
    text-transform: uppercase;}
.dashboard_headerwrap{padding-top:9px!important;}
.companywrap_dash{font-size: 20px;font-family: 'poppinssemibold';color: #005f9c;float: left;width: 100%;display: table;vertical-align: middle;padding-left: 132px;padding: 10px 0 10px 75px;position: relative;background: #fff;
    margin: 10px 0 20px;
    min-height: 63px;
    background-clip: border-box;
    border-radius: 6px;
    box-shadow: 0px 0px 4px #d0d0d091;}
.companywrap_dash h2{margin: 2px 0 5px;font-size: 15px;font-family: 'poppinssemibold';color: #ff8e3c;text-transform: capitalize;}
.companywrap_dash h1{margin-bottom: 6px;}
.companywrap_dash p{font-size: 12px;font-family: poppinsregular;color: #333333;margin: 0px;}
.companywrap_dash p i{color: red!important;font-size: 15px;margin-right: 4px;}
.dashboard_headerwrap .breadcrumb{margin-bottom: 0px!important;padding: 12px 0;}
.claim_infowrap{    position: absolute;
    right: -10px;
    top: 11px;
}
.claim_tooltip{
        position: absolute;
    z-index: 9;
    width: 415px;
    background: #000000;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
	box-shadow:0px -1px 7px 1px rgba(0, 0, 0, 0.30196078431372547);
 /*  left: -447%; */
 right:0px !important;
    top:42px!important;
}
.claim_pretansaction_tooltip{/*top:-72px!important;*/}
.claim_pretansaction_tooltip li.claim_available{border:0px!important;padding:0px!important;font-size: 15px;line-height: 31px;}
.claim_tooltip:after{
	content:'';
	position:absolute;
	width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #000;
    top: -15px;
    /* left: 3px; */
	right:3px;
}
.claim_tooltip ul{
    float: left;
    width: 100%;
}
.claim_tooltip ul li{
    float: left;
    width: 94px;
    margin: 3px 2px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}
.claim_tooltip ul li.claim_available{float: left;
    width: 97%;
    text-align: left;
    border-bottom: 1px solid #4c4c4c;
    padding-bottom: 10px;}
.claim_tooltip ul li.claim_available p{
    float: right;
    margin: 0;
    background: none;
    padding: 0 10px;
    font-size: 20px;
    color: #ffcd15;
    }
.claim_tooltip ul li p{
    background: #8BC34A;
    padding: 6px 0px;
    font-family: poppinsbold;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0px;
	height:31px;
}
.claim_tooltip ul li.claim_applied p{background:#17b7df;}
.claim_tooltip ul li.claim_approved p{background:#009c00;}
.claim_tooltip ul li.claim_pending p{background:#ebb31d;}
.claim_tooltip ul li.claim_rejected p{background:#f00a0a;}
.claimtooltip_close{position: absolute;top: -9px;/*right: -5px;*/background: #d4d4d4;width: 20px;text-align: center;border-radius: 50%;color: #000;left:-3px;}
.claim_infowrap .fa-info-circle{    font-size: 20px;
    /*margin: 7px -4px;*/ 
    color: #29aafd;}
.claim_notewrap .fa-info-circle{    font-size: 20px;
    color: #29aafd;}
.icon_index_container .box .fa:before{color:#ffffff;font-size:40px;}
.icon_index_container .box .fa{margin-top: 21px;}
.employee_rights_emp{margin: 0px;padding: 0px;float: left;
    width: 100%;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #f1f1f1;
margin-bottom: 6px;}
.employee_rights_emp  p{margin: 31px 4px 0;float: left;}
.employee_rights_emp li #dep_sel{float:left;width:100%;text-align:left;}
.employee_rights_emp li button.ui-multiselect{height:41px;line-height:41px;}
.radiop label{background: #f3f3f3;padding: 5px 10px;border-radius: 3px;width: 71px;cursor: pointer;}
.radiop label input{margin-right:5px;}
.nav *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

#roster_time_radio .over_ip_dy{
    padding-left:80px;
}


/*.schedule_time_container{padding: 0px;position: absolute;right: 0px;top: 134px;left: 80px;width: auto;}*/
/*.schedule_time_container{padding: 0px;position: absolute;right:-15px;top: -60px;left:-16px;width: auto;}*/
.schedule_time_container .wrapper_enb{border: 0px!important;background: #edf0f2;padding:10px;text-align:right;border-bottom: 1px solid #e4e4e4 !important;position:relative;}
.schedule_time_container .wrapper_enb:after{content:'';}
.schedule_time_container .wrapper_enb select{height:32px}
.schedule_time_container .wrapper_enb .Sech_font_wrap #click{margin: 0px !important;font-size:16px !important}
.schedule_time_container .input-group{display:inline;}	
.schedule_time_container .input-group input,
.schedule_time_container .input-group button{border: 1px solid #d5d5d5;background-color: #f5f5f5;background-image: -moz-linear-gradient(top, #fff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);background-image: -o-linear-gradient(top, #fff, #e6e6e6);background-image: linear-gradient(to bottom, #fff, #e6e6e6);background-repeat: repeat-x;color: #333;text-shadow: 0 1px 1px rgba(255, 255, 255, .75);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);/* padding: 5px 10px; */border-radius: 3px;cursor: pointer;}
.date_pickersch{display:inline;position:relative;}
.date_pickersch input{padding: 5px 30px!important;cursor:pointer;}
.date_pickersch i{position: absolute;top: 2px;left: 12px;font-size: 11px;}
.date_pickersch i.fa-angle-down{left:inherit;right:11px; pointer-events:none;}
.date_pickersch i.fa-angle-down:before{font-size:20px;}
.date_pickersch i.flaticon-calendar:before{font-size:15px;}
.date_pickersch  input:focus {box-shadow: none;outline: 0;}
.date_pickersch  input {color: transparent!important;text-shadow: 0 0 0 #333333!important;}
.date_pickersch  input:focus {outline: none;}	
.date_pickersch .bootstrap-datetimepicker-widget table{border-spacing: 0px!Important;border-collapse: collapse;}
.date_pickersch .bootstrap-datetimepicker-widget table td{border-radius:0px!important;}
.date_pickersch .bootstrap-datetimepicker-widget .datepicker-days table tbody tr:hover{background-color: #eee;}
.sch_table_wrap{position:relative;}
.sch_header_wrap{position:absolute;top:0px;left:0px;right:0px;z-index: 9;}
.scheduletimesheetweek{float:left;width:100%;}
.sch_body_wrap{padding-top:40px;max-height:400px;overflow-y:auto;}
.sch_table_wrap table.table_2{margin:0px!important;}

.sch_header_wrap table.table_2 thead tr th.week_first_chid_th,.sch_body_wrap table.table_2 tbody tr td.week_first_chid_th{width:19%!important;text-align:left!important;}
.sch_header_wrap table.table_2 thead tr th.week_days_dispaly,.sch_body_wrap table.table_2 tbody tr td.week_days_dispaly{width:9%!important;}
.sch_body_wrap table.table_2 tbody tr td.week_days_dispaly{height:100%;max-height:100%;position:relative;}
.sch_body_wrap table.table_2 tbody tr td.week_days_dispaly span.checkmark{height:88%;max-height:88%;min-height:62px;}
.sch_body_wrap table.table_2 tbody tr td.week_days_dispaly label{height:88%;max-height:88%;min-height:100%!important;}

.sch_header_wrap tr th{padding:0px;font-size: 14px!important;font-family: poppinsbold;}
.sch_header_wrap tr th{background-color:#ffffff;border:0px!important; }
.sch_body_wrap tr td{padding: 12px 0;}
.sun .weekend_tm{background: #eff0af!important;width: 96%;margin: 0 auto;}
.holiday .weekend_tm{background: #afd8f0 !important;width: 96%;margin: 0 auto;}
.addright_sch{right:10px;}
.sch_body_wrap  table.table_2 tbody tr td{height:50px;text-align: center;padding: 5px !important;}
.sch_body_wrap tr td button{padding:4px 9px;color:#ececec;border:0px;outline:none;font-family:poppinsregular;/* margin:13px 0px; */position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;}
.sch_body_wrap tr td button:hover:after{content:' Add Shift';}
.weekschedule .manage_check{min-height: 50px;float: left;}
.weekschedule .shift_actionicons{position:absolute;right:2px;top:0px;bottom:0px;display:none;}
.weekschedule  span.checkmark:hover .shift_actionicons{display:block;}
.weekschedule .shift_actionicons i{display: block;padding: 2px 5px;background: rgba(0, 0, 0, 0.09019607843137255);cursor: pointer;margin: 1px 0;}
.weekschedule .shift_actionicons i.fa:before{font-size:11px;}
.weekschedule .manage_check span{position: relative;width: 100%;float: left;border-radius:3px;padding-right: 26px;}
.weekschedule .manage_check span p{margin:2px;font-size:11px;text-align:left;padding:0px 33px 0px 3px;}
.weekschedule .manage_check span:before{content:close-quote;}
.weekschedule .manage_check span.clsworkingday{background: #c4f7dd!important;border: 1px solid #7bd8a9;}
.weekschedule .manage_check span.clsrestday{background: #ffeeeb!important;border: 1px solid #ffc2b8;}
.weekschedule .manage_check span.clspublic{background: #d4f1fb!important;border: 1px solid #54d3ff;}
.addshifts_contentbox button.ui-multiselect{width:370px!important;line-height: 20px;height: 40px;}
.addshifts_contentbox .form-control{background:#fafbfc!Important;}
.addshifts_contentbox .popup_header{margin-bottom:15px!Important;}
.addshifts_contentbox .dropdown li span, .addshifts_contentbox .selected span{width: 20px;height: 20px;display: inline-block;position: relative;float: left;margin-right: 9px;}
.addshifts_contentbox .dropdown li span:before , .addshifts_contentbox .selected span:before{font-size: 10px;position: absolute;left: 0;top: 3px;font-family: poppinsbold;width: 20px;height: 20px;text-align:center;}

.addshifts_contentbox .selected{background:#fafbfc url(../images/drop-arrow-tiny.png) no-repeat 95% 50% !important;display: block;padding: 10px;border: 1px solid #d3d7d8;position: relative;}
.addshifts_contentbox  ul.dropdown-menu{width: 100%;}	
.addshifts_contentbox .popup_body{height: calc(100vh - 131px);overflow: auto;}
.addshifts_contentbox .popup_footer{left: 0;position: absolute;bottom: 0px;background: #f2f2f2;right: 0;padding: 10px 0;text-align: center;}
.addshifts_contentbox .popup_footer .approve_btns .btn{margin:0px!important;}
.addshifts_contentbox .form-group{margin-bottom: 25px;}
.bootstrap-datetimepicker-widget  table>tbody>tr>td{border:0px!important;}
.edit_scheduleshift_list{padding:10px;}
.edit_scheduleshift_list li{position: relative;/* border: 1px solid #d0d0d0; *//* padding: 10px; */border-radius: 3px;/* margin-bottom:10px; */}
.edit_scheduleshift_list p{margin-bottom: 2px; padding-right:30px;}
/* .edit_scheduleshift_list a{position: absolute;right: 15px;top: 14px;color: #028c02;} */
.approve_leave .addShift{background: #e11212;color: #d89a4d;}

.auditlog_enb_container .Sech_font_wrap #click{margin: 0px!important;font-size: 14px !important;color: #333!important;}
.auditlog_enb_container .Sech_font_wrap #click i{font-size:17px!important;color: #177bbb !important;}
/*.auditlog_enb_container .Sech_font_wrap{position: absolute;left: 177px;z-index: 99;}*/
.auditlog_enb_container .Sech_font_wrap{margin: 10px 0; }
.auditlog_enb_container .Sech_font_wrap button{background: #ffffff;padding: 5px 10px;border: 1px solid #d3d7d8;height: 32px;}
/*.auditlog_enb_container .dataTables_length{ pointer-events:none; }*/
.auditlog_content#content-box button.ui-multiselect{width: 369px!important;}
.auditlog_content .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:0px;}
.auditlog_content .popup_header{margin-bottom:20px;}
.auditlog_content .popup_body{height: calc(100vh - 131px);overflow: auto;}
.auditlog_content .popup_footer{left: 0;position: absolute;bottom: 0px;background: #f2f2f2;right: 0;padding: 10px 0;text-align: center;}
.auditlog_content .popup_footer .approve_btns .btn{margin:0px!important;}
.auditlog_content .form-group{margin-bottom: 25px;}

/* .auditlog_content .bootstrap-select .dropdown-menu.open{max-height: 321px!important;min-height: 275px!important;}*/
.auditlog_content .bootstrap-select.dropup .dropdown-menu.open{max-height: 321px!important;min-height: 275px!important;}
.auditlog_content .bootstrap-select.dropup .dropdown-menu.open.dropdown-menu{top:39px!Important;}
.auditlog_content .bootstrap-select .dropdown-menu.open ul.dropdown-menu.inner{max-height: 266px!important;} 

.eb_timesheet_rightcont .add_new_shift{
   /* float: right;
    position: absolute;
    top: 2px;
    right: 94px;
    padding: 9px 14px;*/
}
.eb_timesheet_rightcont .graphical_view{
   /* float: right;
    position: absolute;
    right: 143px;
    top: 2px;
    font-size: 14px;
    padding: 7px 15px;*/
}
/*.dep_dashbody{max-height:196px !important;}*/
.conter_ifhead{padding-left: 100px!important;}
.conter_elsehead{padding-left:0px!important;min-height:auto!important;}

@media only screen and (max-width: 768px) {
	.payslip_date span{
		margin: 0px 5px;
		font-family:'poppinsregular';
		/*font-size:11px;*/
		font-size:14px;
		color: #6a570b;
	}
.companyname .payslip_date{
		font-size: 11px;
		width: 100%;
		text-align: center;
		padding: 0px;
		position: relative !important;
		margin-bottom: 28px;
		background: none !important;
		border: none !important;
		margin: 0px;
		color: #6a570b;
	}
	
	.payslip_tpwrap .companyname .flaticon-calendar:before{
		color: #9c852a;
		position:relative;
		top: initial;
		left: initial;
		background:none;
		font-size:16px;
	}
	.img-responsive{
		margin: 0 auto 5px !important;
	text-align: center !important;
	}
	.payslip_tpwrap .companyname h3{
		font-size: 15px;
		text-align: center;
		padding-top:0px;
		margin-top:0px;
	}
	
.payslip_tpwrap .companyname p{
	text-align: center;
    font-size: 11px;
	margin-bottom:8px;
	}
.btn-primary{
		margin-top: 4px;
	}
.img_pay{
	/* width: 100% !important;*/
	width: 55px;
    height: 55px;
    position: relative;
    top: -25px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
.payslip_tpwrap{height:170px;}
.company-img{width: 80px;}
.redict_linkD{position: relative;}
.dashboard_headerwrap .breadcrumb{position: absolute;right: 0px; top: -50px;padding:0px;}
/*---------Srinu 1803---------*/
.fc-toolbar.fc-header-toolbar h2{text-align: left !important;padding-left: 2px !important;} 
	.calendar_wrap2 .fc-header-toolbar .fc-right{float: left !important;} 
	.dep_lb h4{text-align: left !important;}
	.admin_additions .bootstrap-select > .dropdown-toggle{position: inherit !important;}
	.leave_labelM{text-align:right !important;}
	/*.depart_dash{height:195px !important;}*/
	.depart_dash{height:150px !important;}
	.departments_wrap{height:63% !important;}
	.dep_dashbody{height:162px !important;max-height: 250px;}
	.dep_dashbody{height:190px !important;}
.direct_rep_lb h4{text-align: left !important;}
.Emp_birthdash h4{text-align:left !important;}
.birthday_dash_wrap li div.birthday_inner .birthday_left{text-align:left !important; width:45% !important}
.birthday_dash_wrap li div.birthday_inner .birthday_right{width:50% !important;}
.conter_heading img{top: -50px !important;}
.no_counterrightgraph div.conter_heading{padding-left:0px !important}
#leaveModal .modal-content{width:100% !important;}
.appLeavetoCal .leave_icon {position: initial !important;}
.rate_exchform .cur_val_ip{position:inherit !important;margin-top: 0px !important;background: #eee;width: 100%;padding: 10px 8px;border: 1px solid #ddd;float: left;color: #888;font-size: 14px;text-align: left;}
table.claimresp tr{margin-top:12px;}
/* .enb_checkallclaim{text-align:left;} */
.approve_reject_radio .Form-label-radio+.Form-label-text{margin-left:0px !important}
.Tot_Amt_approve h2{font-size: 27px !important;text-align: right !important;}
.Tot_Amt_approve span{position: absolute;}
.enb_checkallclaim .Form-label-radio+.Form-label-text{margin-left:0px !important}
.payslip_new_wrap{border:0px !important;}
.companyname .payslip_date{white-space:nowrap !important;}
.companyname .payslip_mDown{top: 8px !important;right: 0px !important;}{}
.payslip_View_img img{width: 70px;height: 70px;}
.payslip_body_wrap1,.payslip_body_wrap2{padding-top:75px !important;}
.Finall_pstab .test_head{text-align:left !important;}
.inner_overtmz_wrap span{left:16px !important;}
.line_hr_tot span{margin-top:10px !important;}
.line_hr_tot{text-align:center !important;}
.brod_table tr td.broad_time{width: 100% !important;text-align: left!important;}
.header_viewPro h1{text-align:left !important;}
.bankdetails_view .card-stats .card-body .list ul li{border-right:0px;}
.employee_detailsview li{width:100% !important;}
.employee_detailsview{display: inline-block !important;width: 100%;}
.employee_inner_row{display: block !important;}
.mob_prof_view h2{margin: 13px 0 0;font-size: 18px;}
.mob_prof_view h5{margin: 5px 0 15px;font-size: 14px;font-family: 'poppinsregular';position: relative;}
.mob_prof_view .indetail_info{padding-left: 12px;margin-top: 21px;float: left;width: 100%;}
.mob_prof_view .indetail_info li{margin-bottom: 18px;}
.mob_prof_view .indetail_info li h4{padding-left: 27px;word-break: break-word;margin: 0px;}
.mob_prof_view .indetail_info li i{left: 18px;margin-right: 15px;position: absolute;}
.mob_prof_view .indetail_info li i:before{font-size: 16px;}
.mob_viewLeaves label{text-align:left !important;}
.btn_wrapLe{text-align:left !important;}
.filter_save_btn{text-align:left !important;}
.mob_leaveheader .bread_divLeave{text-align:center!important;}
.admin_mod_leave_settings_modal .modal-content{width:100% !important;}
#model_all_reminder .modal-content{width: 100% !important;}
.claim_status_td li{text-align:left !important;}
.claim_foot_rep .amount_paraC{font-size: 15px;font-weight: bold;}
.claim_foot_rep .amount_dollarC{color:green;}
.main_claimlist{margin-top:15px;}
.main_claimlist li{display: inline-block;width: 32%;}
.claim_status_td li{float:right !important;margin-right:0px !important;}
.print_Btnwrap{text-align:left !important;}
.payslip_tpwrap .companyname{padding-rigth:15px !important;}
}
@media (min-width:992px) and (max-width:1199px){.hidden-lg{display:none!important;}
.buttons_wrapview .btn{padding: 7px 9px;font-size:12.5px;}}
}
/* iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */
.row{display:block!important;}
}


/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.employeeinfo label{max-width:100%;}
	.employeeinfo .col-xs-12{max-width:100%;}
	.employeeinfo .col-xs-2{max-width:30%;}
	.employeeinfo .col-xs-3{max-width:40%;}
	.employeeinfo .col-xs-9{max-width:60%;}
	.employeeinfo .checkbox span{margin-left:10px;}
	.employeeinfo .checkbox input[type="radio"], .employeeinfo .checkbox  input[type="checkbox"]{top:3px;}
	.employeeinfo .radio-inline span{margin-left:10px;}
	.employeeinfo .radio-inline input[type="radio"]{top:3px;}
	.row{display:block!important;}
	.top_boxesdash .col-sm-6{width: 50%!important; flex: none!important;max-width:50%!important;}
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left;}
	.get-nicer8 {overflow: auto;height: 250px;}
	.employeeworkpermit .get-nicer8{height: 247px}
	.birthday_dash_wrap li div.birthday_inner .birthday_right p {overflow: hidden;width: 101%;white-space: nowrap;text-overflow: ellipsis;}
	.departments_wrap{height:300px!important;}
	.directsubordinates{height: 346px!important;}
	.directsubordinates .card-body{height: 82%!important;}
	.get-nicer5 {height: 186px;}
	.task_date{font-size: 13px;}
	.taskList{min-height:245px;}
	.card .card-title{font-size:13px;}
	.img_cropper_wrap.admin_imagecropper img{width:120px!important;height:120px!important;}
	.docs_employee_ul li div.inner_empexcel{min-height: 127px;}
	.container2 .title{    top: 48px;font-size: 16px;}
	.container2:hover .title{top:29px;}
	.container2 .button{top:78px;}
	.employee_rights_emp li button.ui-multiselect{width:100%!important;}
	.payslip_setting_wrap li li span{padding: 6px 1px;font-size: 12px!important;}
	.broadleft_wrap button.ui-multiselect{width:100%!important;font: 14px/41px open_sansregular;height: 41px;}
	.claim_quickhr button.ui-multiselect{font: 14px/42px open_sansregular;   height: 41px;width:100%!important;}
	.dataTables_wrapper  .form-control{left: 0px;float: left;width: 138px!important;}
	.dataTables_wrapper .dataTables_length .form-control{left: 0px;float: left;width: 86px!important;}
}
.nav>li.hr{height:0px;}

.claim_foot_rep #tot_amount{font-size: 15px;font-weight: bold;}
.Tot_Amt_approve{display: block;width: 100%;position:relative;float: left;}
.Tot_Amt_approve h2{display: inline;min-width: 100px;text-align: left;font-size: 30px;color: #006719;font-family: 'poppinssemibold';font-weight: normal;float: right;margin: 0 23px 0 20px;}
.Tot_Amt_approve span{font-size: 12px;text-transform: uppercase;font-family: 'poppinssemibold';color: #222222;margin-bottom: 2px;float: right;margin-top: 12px;}
.exprt_img_claim{float: right;margin-top: 20px;margin-right: 40px;}
.lv_stng_grp_prnt.leave_sett_wrap label{margin-right: 31px!important;}
.lv_stng_grp_prnt.leave_sett_wrap label span{margin:0px!important;}
/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/* iPad 3 & 4 Media Queries */
/* Retina iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}

/*Retina iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}


/*Retina iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }

/* iPad 1 & 2 Media Queries */

/* iPad 1 & 2 in portrait & landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ /* STYLES GO HERE */}


/* Pad 1 & 2 in landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}


/* iPad 1 & 2 in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */ }


#audit_log_tab_paginate .pagination li.paginate_button{display: inline-block;padding: 5px 3px !important;}
#audit_log_tab_paginate .pagination li.paginate_button:hover{background:none !important;border:none !important;}
#audit_log_tab thead th, #audit_log_tab thead td,#audit_log_tab.no-footer{border-bottom: 0px solid #111 !important;}
.auditlog_enb_container .Sech_font_wrap{
	position: absolute;
    left: 175px;
    right: 0px;
    top: 5px;
    z-index: 99;
	}
	
#shift_div button.ui-multiselect{height: 40px !important;line-height: 20px !important;}
#add_shift .save_shifttbn{margin-top:25px;}	
.weekschedule .manage_check span .sech_time_ajax{padding:0px 3px !important;}
.weekschedule .manage_check span.clshalfday .sech_time_ajax{    padding-left: 16px!important;}
.shift_wrapper #add_new_shift{float: right; position: absolute; top: -12px; right: -186px;}
.shift_wrapper #add_new_shift .glyphicon-plus{padding-right: 5px;}
.shift_wrapper #add_new_daily_shift{float: right; position: absolute; top: -35px;}
.shift_wrapper #add_new_daily_shift .glyphicon-plus{padding-right: 5px;}
.ajax_sech_td{padding-right:0px !important;}
.data_shiftWrap #fullname{
	font-size: 18px !important;
    margin-bottom: 3px;
    margin-top: 5px;
}	
.data_shiftWrap{min-height: 49px !important;margin: 0px !important;}
.shift_unorderli .time_per_shift{/* float: right; *//* display: inline-block; */}
.shift_unorderli .time_per_shift p{display: inline;margin-left: 10px;}
.edit_scheduleshift_list_ul .badge-success{margin-left: 10px;}
.clsworkingday .addShift{background: #bdecd4;color: #9bc3ae;}
.clsrestday .addShift{background: #f6e4e1;color: #9bc3ae;}
.pending_leave .addShift{background: #f9da69;color: #dec051;}
.clsoffday .addShift{background: #aac3ac;color: #88b19c;}
.clspublic .addShift{background: #8de2da;color: #d4f1fb;}
.clshalfday .addShift{background: #c0e6ca;color: #9bc3ae;}
.approve_leave .addShift{background: #a3ea45;color: #6fd84d;}
/* .delete_scheduleshift_list_ul{margin: 2px 10px;}
.delete_scheduleshift_list_ul .shift_unorderli{
	position: relative;
    border: 1px solid #d0d0d0;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.delete_scheduleshift_list_ul .shift_unorderli a{margin: 0px 8px;padding: 3px 8px;border-radius: 3px;color: #fff;} */
.pay-row{margin-bottom:20px;}
.pay_search{margin-bottom: 25px;}
.otdurhead{margin-bottom: 20px;}
.otPeriodSuc{color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;}


.timesheet_address{padding:10px 10px 0;border:1px solid #f2f2f2;position: relative;min-height: 225px;padding-bottom: 69px;margin-bottom:10px;}
.timesheet_address .approve_btns{background: #f2f2f2;left: 0px;margin-top: 12px;position: absolute;right: 0px;bottom: 0px;}
.timesheet_address .approve_btns button{margin:10px 2px 7px;padding: 8px 18px;}
#manage_shifts_wrap .timesheet_address h1.Enable_head span{padding-top:0px;}

.tm_payroll_payreport{}
.tm_payroll_payreport li.payroll_tm{width: 25%;float: left;padding: 10px 10px 10px 50px;position: relative;margin-bottom: 10px;}
.tm_payroll_payreport li.payroll_tm span.month_timesheet{position: absolute;left: 0;background: #eaeaea;width: 55px;height: 43px;line-height: 43px;text-align: center;border-top-left-radius: 5px;border-bottom-left-radius: 5px;z-index: 1;top: 9px;}
.tm_payroll_payreport li.payroll_tm .popover_tm{background: #ffffff;border: 1px solid #eaeaea;padding: 10px 5px;}
.tm_payroll_payreport li.payroll_tm .popover_tm .date{width:40%;position:relative;}
.tm_payroll_payreport li.payroll_tm .popover_tm .left_date .form-control-feedback{display:none!important;}
.tm_payroll_payreport li.payroll_tm .popover_tm .date .form-control-feedback{right: -32px;top: -6px;}
.tm_payroll_payreport li.payroll_tm .popover_tm .date label{position: absolute;top: -18px;left: 12px;background: #fff;font-size: 12px!important;padding:0px 7px 0 2px}
.tm_payroll_payreport li.payroll_tm .popover_tm  .form-control {background: #ffffff;padding: 0 0;margin: 0px 11px;border: 0px;height: inherit;}
.tm_payroll_payreport li.payroll_tm .popover_tm  .input-group-addon {background: #f6f6f6;border: none;}
.tm_payroll_payreport li.payroll_tm .popover_tm  .seperator_tm {float:left;}
.tm_payroll_payreport li.payroll_tm .popover_tm  .seperator_tm .datetimepicker2{margin-top: 3px;}
.tm_payroll_payreport li.payroll_tm .popover_tm  .seperator_tm .datetimepicker1{margin-bottom: 5px;}
.tm_payroll_payreport li.payroll_tm .popover_tm  .seperator_tm .fa{    padding: 2px 0;
    font-size: 16px;
    display: inline-block;}
.tm_payroll_payreport li.payroll_tm .popover_tm  .seperator_tm{
    color: #9a9a9a;
    font-size: 31px;
    text-align: left;
    line-height: 14px;
    padding-left: 13px;
    margin-top: 0;
    }
	
/* .popover .tooltip{width:350px;}
.popover .tooltip-inner{max-width:360px; font-size:14px;padding:6px 10px;}
.popover .tt{color: #cb7f0e;margin-left: 3px;} */
.Ot_Ajax_pop  .popover{    margin-top: -45px!important;}
.Ot_Ajax_pop .arrow{    bottom: -11px!important;
    top: initial!important;
    right: 13px!important;
    left: initial!important;}
	
	
	
.info_timesheet{position:relative;background: #eeeeee;padding: 5px;border: 1px solid #d0d0d0;border-radius: 3px;margin-top: 7px;font-size: 13px;line-height: 15px;}	
.info_timesheet div{margin-bottom:10px;}
.info_timesheet div:last-child{margin-bottom:0px;}
.info_timesheet:before{
  content:'';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #d0d0d0;
  position: absolute;
  top: -6px;
  left: 58%;
  }	
.info_timesheet i{position:absolute;left: 7px;top: 8px;}


.popover-content input[type="text"]{border:1px solid #c3c3c3;}
.popover-content input[type="text"]:read-only{background: #d0d0d0;
    cursor: not-allowed;}
.cal_timesheet span.maths_timesheet{ right: -82px;;
position: absolute;
bottom: 2px;
font-size: 14px;
font-family: poppinsbold;}
.cal_timesheet{
border: 1px solid #e5e5e5;
padding: 5px;
margin: 9px 0!important;
}
.cal_timesheet h3{
margin: 0px;
font-size: 13px;
padding: 0 0 6px 0;
}	
.cal_timesheet label{ font-family: poppinsregular!important;
font-size: 12px!important;
margin-top: 8px;}
.cal_timesheet span{width:100%!important;}

.week_tim{width:57px;text-align:center;font-family:poppinsbold;font-size:14px;}
.week_tim_content{width: 57px;text-align: center;font-size: 14px;font-family:poppinsbold;}
.week_tim_content .curDate{background: #28e29d; border-radius: 12px; padding: 4px;}
.week_tim_content i:before{font-size:16px;}
.week_tim_content i.flaticon-employees:before{color:#02a3ee;}
.week_tim_content i.flaticon-attendance:before{color: #00bd00;}
.week_tim_content i.flaticon-employee:before{color:#e3e3e3;}
.week_tim_content i.flaticon-employee-minus:before{color: #eb7171;}
.project_month{border-bottom: 1px solid #d0d0d0;height: 22px;font-size: 13px;font-family: poppinsbold;text-transform: uppercase;}
.project_label{font-size: 14px;font-family: 'poppinssemibold';width: 89px;text-align: center;    word-break: break-all;}
.weekend_time span{background:#eff0af;width: 52px;display: block;margin: 0px auto;line-height: 177%;height: 100%;}
.holiday span{background:#afd8f0;width: 52px;display: block;margin: 0px auto;line-height: 177%;height: 100%;}
.project_time_content{border-left:1px solid #e9e9e9;border-top:1px solid #e9e9e9;margin-bottom:10px;margin-top:5px;}
.project_time_content td{border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.project_time_content td.week_tim_content{background:#f8f8f8;padding:8px 0;}
.project_time_content td.project_label{background:#fdfdfd;}
.project_time_content td.project_label div{background: #6b6b6b;margin: 6px;color: #fff;border-radius: 3px;}
.sch_project_header_wrap{background: #ffffff;position: absolute;top: 0px;left: 0px;right: 0px;z-index: 9;}
.sch_project_body_wrap{max-height:401px!important;padding-top: 47px;overflow-y: auto;}
.sch_project_body_wrap  tr td{padding:0px;border:0px!important;}
.sch_project_body_wrap tr td .project_time_content tr td{border:0px!important;border-right:1px solid #e9e9e9!important; border-bottom:1px solid #e9e9e9!important;}
.sch_project_body_wrap  tr td .project_time_content tr td.week_tim_content{border:0px!important;border-right:1px solid #e9e9e9!important; border-bottom:1px solid #e9e9e9!important;width: 57px!important;}
/*.project_label .loadNum{width:50px;padding:0px;}*/
.project_label .loadNum{width:50px;padding:0px;margin-top:5px;}
.project_label span.loadNum{display:block;width: 100%;line-height: 31px;margin:0px}
.project_label span.loadNum{display:block;width: 100%;line-height: 31px;}
.nav_schedule_project{position:absolute; right: -19px;top: -44px;}
.nav_schedule_project .btn{
      padding: 3px 12px;
    background: #cecece;
    border: 0px;
    color: #ffffff!important;
    font-size: 22px;
    outline: none!Important;
    box-shadow: none!important;
    opacity: 1;
    transition: all 0.8s ease-in-out;
    float: left;
    margin-left: 2px;
    }
    .nav_schedule_project .btn.active{background:#041434;}
.nav_schedule_project .btn:hover{opacity:1;}	
.nav_schedule_project .btn.fa-angle-right{
    float: right;
}
.sch_project_header_wrap.addright_sch{right: 10px!important;}
.sch_header_wrap_month.addright_sch{right: 10px!important;}

.days_timesheet {
	display: inline-block;
    visibility: hidden;
    width: 11px;
    margin: 0 auto;
}

.days_timesheet:first-letter {
    visibility:visible;
}
.schedule_month_table_body{border-top: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;margin-top:10px;}
.schedule_month_table_body tr td{padding: 4px 5px;border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9;}
.schedule_month_table_body td.week_tim_content{background: #f8f8f8;}
.schedule_month_table_body td.employeetd{color: #0186ad;background:#fdfdfd;font-family: 'poppinssemibold';font-size: 14px;}
/*.sch_month_body_wrap {max-height:401px!important;padding-top: 47px;overflow-y: auto;}	*/
.sch_month_body_wrap {padding-top: 30px;}	
.sch_header_wrap_month  {background: #ffffff;position: absolute;top: 0px;left: 0px;right: 0px;z-index: 9;padding-bottom: 6px;}	





.Zebra_Tooltip{
    background:0 0;
    position:absolute;
    z-index:8000;
}
.Zebra_Tooltip .Zebra_Tooltip_Message{
    background: #0e234e;
    border-radius:5px;
    box-shadow:0 0 6px rgba(0,0,0,.6);
    color:#fff;
    font-size:12px;
    font-family:Tahoma,Arial,Helvetica,sans-serif;
    line-height:1.4;
    *margin-right:0;
    max-width:250px;
    padding:10px;
    position:relative;
    _width:expression(document.body.clientWidth > 250px ? '250px': 'auto');
    border:0 solid #000;
}
.Zebra_Tooltip .Zebra_Tooltip_Message.Zebra_Tooltip_Has_Close{
    padding-right:23px
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow{
    position:absolute;
    width:20px;
    height:10px;
    overflow:hidden
}.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom{
    bottom:0;
    /* left:189px!Important */
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div{
    top:0;
    border-color: #0e234e transparent transparent;
    _border-bottom-color:pink;
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div.Zebra_Tooltip_Arrow_Border{
    border-color: #0e234e transparent transparent;
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top{
    top:0
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div{
    bottom:0;
    border-color:transparent transparent #000;
    _border-top-color:pink
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div.Zebra_Tooltip_Arrow_Border{
    border-color:transparent transparent #000
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow div{
    position:absolute;
    border-style:solid;
    border-width:10px;
    width:0;
    height:0;
    left:0;
    _border-left-color:pink;
    _border-right-color:pink;
    _filter:chroma(color=pink)
}
.Zebra_Tooltip .Zebra_Tooltip_Arrow div.Zebra_Tooltip_Arrow_Border{
    border-width:10px;
    box-shadow: 0 0 6px rgb(183, 183, 183);
    left:0;
}
.Zebra_Tooltip .Zebra_Tooltip_Close{
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:18px;
    line-height:1;padding:0 4px;
    position:absolute;
    right:2px;
    text-decoration:none;
    top:2px
}
.Zebra_Tooltip .Zebra_Tooltip_Close:hover{
    color:#000;
    background:#c2d076;
    border-radius:5px
}

.nav>li.hr{border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #ffffff;
margin: 10px 0 10px;}
.nav>li i:before{font-size:16px;line-height:31px;}

.panel_wrapper_tabs{margin-bottom:15px;}
.payslip_table_wrap,.payslip_table_wrap1,.payslip_table_wrap2{position: relative;}
.payslip_body_wrap,.payslip_body_wrap1,.payslip_body_wrap2 {max-height:244px!important;padding-top: 58px;overflow-y: auto;}	
.payslip_header_wrap,.payslip_header_wrap1,.payslip_header_wrap2{ position: absolute;
top: 0px;
left: 0px;
right: 0px;
z-index: 9;
padding-bottom: 6px;}
.payslip_header_wrap.addright_sch,.payslip_header_wrap1.addright_sch,.payslip_header_wrap2.addright_sch{right:10px!important;}
.inner_overtmz_wrap .form-control, .payslip_dollar_wrap .form-control{background:#FAFBFC!important}
.shift_projects_wrap i{font-style: normal;
    font-family: poppinsbold!important;
    background-color: #0497b8;
    color: #fff;
    margin-right: 3px;
    padding: 1px 4px;
    border-radius: 3px;
    margin-bottom: 2px!important;
    display: inline-block;}
.addshifts_contentbox .select_half_width button.ui-multiselect{width:170px!important;}	
.addshifts_contentbox .select_half_width .shift_button button.ui-multiselect{width:100%!important;}

.multiempaddShift_box .select_half_width button.ui-multiselect{width:154px!important;}	
.multiempaddShift_box button.ui-multiselect{width:100%!important;}
.multiempaddShift_box .sch_body_wrap tr td button:hover:after{content: close-quote;}
.addshifts_contentbox .select_half_width2 button.ui-multiselect{width:103px!important;}	
.week_days_dispaly div{position:relative;}
.week_days_dispaly div button{position:absolute;left: 4px;padding: 0px;font-size: 10px;top: -12px;width: 24px;height: 24px;border-radius: 3px;border: 0px;cursor: pointer;z-index: 0;right: 0;}
.add_shift_multi button{background:#ececec;outline:none!important;box-shadow:none!important;}
.multiempaddShift_box .form_container{margin: 0 15px 15px;padding: 10px 0 0;position:relative;}
.multiempaddShift_box .form-group{margin-bottom:15px;}
.multiempaddShift_box .form_container button.btn-danger {position: absolute;right: -2px;top: 0px;z-index:9;padding: 2px 8px;}
.addshifts_contentbox.multi_emp_addshift{width:600px!important;}
.edit_scheduleshift_list li.shift_unorderli{position: relative;padding-left: 29px;border-radius: 3px;margin-bottom: 10px;float: left;width: 33%;}
.edit_scheduleshift_list li.shift_unorderli i{position: absolute;left: 3px;top: 6px;color:#43a2b7;}
.edit_scheduleshift_list li.shift_unorderli span{width: 100%;float: left;font-family: poppinsbold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.edit_scheduleshift_list li.shift_unorderli em{float: left;width: 100%;font-size: 10px;text-transform: uppercase;}
.addshifts_contentbox{    width: 450px!important;}
.delete_scheduleshift_list{padding:10px;}
.delete_scheduleshift_list  li.shift_unorderli{position: relative;padding-left: 29px;border-radius: 3px;margin-bottom: 10px;float: left;width: 33%;}
.delete_scheduleshift_list  li.shift_unorderli i{position: absolute;left: 3px;top: 6px;color:#43a2b7;}
.delete_scheduleshift_list  li.shift_unorderli span{width: 100%;float: left;font-family: poppinsbold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.delete_scheduleshift_list  li.shift_unorderli em{float: left;width: 100%;font-size: 10px;text-transform: uppercase;}
.delete_scheduleshift_list  li.shift_unorderli a{position: absolute;right: -8px;top: 5px;width: 22px;text-align: center;height: 22px;padding: 0px;color: #fff;}
.delete_scheduleshift_list  li.shift_unorderli a i{color: #fff;top: 5px;font-size: 12px;left: 6px;}
#prjMonth{border: none; width:25px;}
#prjYear{border: none; width:35px;}
#project_yr_mnt{border: none; width:71px;font-size: 13px;}


.Zebra_Tooltip_Message .bootstrap-datetimepicker-widget a[data-action]{padding:0px!important;}
.Zebra_Tooltip_Message .bootstrap-datetimepicker-widget table{width:150px;}
.Zebra_Tooltip_Message .bootstrap-datetimepicker-widget table td span{width:20px!important;height:20px!important;line-height:20px!important;}
.Zebra_Tooltip_Message .bootstrap-datetimepicker-widget table td{width:20px!important;height:20px!important;line-height:20px!important;color:#333333;}
.Zebra_Tooltip_Message .bootstrap-datetimepicker-widget .timepicker-hour, .Zebra_Tooltip_Message  .bootstrap-datetimepicker-widget .timepicker-minute,.Zebra_Tooltip_Message  .bootstrap-datetimepicker-widget .timepicker-second{width:20px!important;height:20px!important;line-height:20px!important;font-size:14px;color:#333333;}
.Zebra_Tooltip_Message  .bootstrap-datetimepicker-widget table td.day:hover,.Zebra_Tooltip_Message   .bootstrap-datetimepicker-widget table td.hour:hover,.Zebra_Tooltip_Message   .bootstrap-datetimepicker-widget table td.minute:hover,.Zebra_Tooltip_Message   .bootstrap-datetimepicker-widget table td.second:hover{color:#333333;}
.Zebra_Tooltip_Message  .bootstrap-datetimepicker-widget{width: 143px!important;}
.hour_sch_picker{margin-bottom:5px;float:left;width:100%;text-align: center;}
.hour_sch_picker em{/* float: left;*/font-style: normal;margin-right: 5px; }
.hour_sch_picker .sch_timepicker{width: 39px;margin-right: 1px;border: 0px;font-size: 14px;}
.hour_sch_picker button.btn-primary{padding: 2px 5px;float: left;margin-left: 3px;}
.hour_sch_picker button.btn-success{padding: 2px 5px;float: left;margin-left: 5px;}
.hour_sch_picker i:before{font-size:14px;color: #e7850b;}
.sch_tooltip_day{padding:0px;width:218px;}
.sch_footer_tooltipwrap{border-top:1px solid #d0d0d0;margin-top: 10px;padding-top: 7px;margin-bottom: -2px;}
.sch_footer_tooltipwrap em{font-style:normal;font-family: poppinsbold;font-size: 13px;color: #333;}
.sch_footer_tooltipwrap i:before{font-size:15px;color:#c0c0c0;}
.sch_footer_tooltipwrap span{width:50%;}
.sceh_loader{position: absolute; margin: 0 auto;left: 0px;right: 0px;padding: 0;top: 50%;}
.timesheet_label_sech li{display: inline-block;margin-right: 11px;font-size: 11.8px;margin-bottom:10px}
.timesheet_label_sech li .fa:before{font-size: 11px !important;margin-right: 4px;}
.timesheet_label_sech li .flaticon-employee:before {color: #d8d8d8;}
.timesheet_label_sech li .flaticon-employee-minus:before {color: #eb7171;}
.timesheet_label_sech li .flaticon-employees:before {color: #02a3ee}
.timesheet_label_sech li .flaticon-attendance:before {color: #00bd00;}

.excess_pay{
	background: #e4f7f6 !important;color: #656565!important;border: 1px solid #bfd8d7!important;
}
.refresh_applyamount{padding:10px 3px;}
.refresh_applyamount input[type="text"]{background: #fbfbfb;padding: 2px;border: 1px solid #cccccc;}
.refresh_applyamount_click{font-size: 16px;margin-left: 5px;color: #177bbb;cursor:pointer;}
.refresh_applyamount span.Form-label-text:before{width: 29px;height: 24px;background-color: #177bbb;border-color: #177bbb;box-shadow: 0 0 0 0 #177bbb;font-family: FontAwesome;content: "\f00c";font-size: 14px;margin-right: 0px;}
input[type=number].loadNum { -moz-appearance: textfield;}
#child2_dob::-webkit-input-placeholder {font-size:14px !important;}
#child1_dob::-webkit-input-placeholder {font-size:14px !important;}
.week-excel{
    margin-right: 89%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.popover_paneldefalut{width:400px!important;margin-bottom:0px!important;border: 0px!important;}
.popover_paneldefalut .panel-heading{padding:10px 5px;border: 0px;background: #0a2253;color: #fff;}
.popover_paneldefalut .panel-heading i.flaticon-employee{float: right;font-size: 20px;}
.popover_paneldefalut .panel-heading i.flaticon-employee:before{color: #ffffff;}
.popover_paneldefalut .panel-heading span.badge{position: absolute;font-size: 12px;font-family: poppinsbold;border-radius: 50%;top: -7px;/*left: 370px;*/left:349px;padding: 3px 4px;line-height: 12px;}
.panel ul.project_sche_popover_ul{     margin: 0;
    padding: 0;
    max-height: 93px;
    overflow-y: auto;
    min-height: 93px;
    height: 93px;}
.panel ul.project_sche_popover_ul li{width: 46%;
    margin: 0px 2%;
    padding: 3px 30px 3px 43px;
    margin-bottom: 10px;
    background: #f9f9f9;
    text-align: left;
    position: relative;
    border-radius: 4px;
    border: 1px solid #efefef;
    font-family: poppinsbold;}
.panel ul.project_sche_popover_ul li i{position: absolute;right: 11px;top:10px;}
.panel ul.project_sche_popover_ul li i:before{color:#e90b0b;font-size:15px;}
.panel ul.project_sche_popover_ul li img{    margin-right: 3px;
    position: absolute;
    left: 10px;
    top: 8px;}
.panel ul.project_sche_popover_ul li h4{ 
    margin: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.panel ul.project_sche_popover_ul li p{margin:0px;color:#8c7d7d;}


.payslip_nav{padding-top:16px!important;padding-right:20px;}
.payslip_nav li{flex:1;text-align:center;}
.payslip_nav li a{font-family:poppinsbold;}
.design_settings_wrap{}
.design_settings_wrap li{margin-bottom:15px;cursor:pointer;width: 100%;float: left;line-height: 69px;}

.design_settings_wrap li span{width: 70px;height: 70px;display: inline-block;text-align: center;background: #d0d0d0;padding: 10px;font-size: 28px;margin-right: 10px;border-radius: 3px;padding: 17px 0;float: left;line-height: 20px;}
.design_settings_wrap li span i:before{font-size: 33px;}
.panel-title.active a{display:none;}
.panel-title a span{width: 50px;height: 50px;display: inline-block;text-align: center;background: #d0d0d0;padding: 10px;font-size: 28px;margin-right: 10px;border-radius: 3px;float: left;padding: 11px 0;/* float: left; */line-height: 9px;}
.panel-title a span .palette-color-picker-button{width: 32px;height: 32px;margin: 0px!important;float: none;}
.panel-title a span  i:before{font-size: 23px;}
.template_payslip label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.template_payslip label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
  margin-right:5px;
}
.template_payslip label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #af9631;
  border-radius:4px;
}






.language_payslip input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

.language_payslip label {
  color: #af9631;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 9px 19px;
  margin: 0px;
}

.language_payslip input[type=radio]:checked + label {
  color: #ffffff;
  background: #c3b165;
}

.language_payslip label + input[type=radio] + label {
  border-left: solid 3px #c3b165;
}

.language_payslip .radio-group {
  border: solid 3px #af9631;
  display: inline-block;
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
}

/*Chosen style*/
.chosen-wrapper {
  margin: 0 auto 25px;
  max-width: 400px;
  position: relative;
}
.chosen-wrapper:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 32px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 9;
}
.chosen-wrapper.is-active:after {
  border-top: 8px solid black;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.chosen-wrapper .chosen-container .chosen-single {
  border-radius: 0;
  height: 70px;
  border: solid 2px #d9d9d9;
  background: #fff;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0 30px;
  line-height: 66px;
  transition: all 0.3s ease;
  box-shadow: none;
  background: #fff;
}
.chosen-wrapper .chosen-container .chosen-single b {
  display: none !important;
}
.chosen-wrapper .chosen-container .chosen-single span {
  letter-spacing: 0;
  padding: 0;
  line-height: inherit;
}
.chosen-wrapper .chosen-container.chosen-with-drop .chosen-single {
  border-width: 2px 2px 1px;
  border-color: #000  #000 #d9d9d9;
  color: #000;
  background-image: none;
}
.chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.chosen-wrapper .chosen-container.chosen-container-single-nosearch .chosen-search {
  display: none;
}
.chosen-wrapper .chosen-container .chosen-drop {
  letter-spacing: 0;
  border-radius: 0;
  box-shadow: none;
  border-width: 0 2px 2px;
  border-color: #000;
  margin-top: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  opacity: 0;
}
.chosen-wrapper .chosen-container .chosen-results {
  font-size: 22px;
  color: #000;
  max-height: 245px;
  margin: 0;
  padding: 0;
}
.chosen-wrapper .chosen-container .chosen-results li {
  padding: 16px 30px 18px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  line-height: 20px;
}
.chosen-wrapper .chosen-container .chosen-results li.highlighted {
  background-color: #eeeeee !important;
  color: #000;
  background-image: none;
}
.chosen-wrapper--style2:after {
  right: 0;
}
.chosen-wrapper--style2:before {
  content: '';
  width: 0;
  border-top: 2px solid #000;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  transition: all 0.2s cubic-bezier(0.06, 1, 0.89, 0.85);
}
.chosen-wrapper--style2.is-active:before {
  width: 100%;
}
.chosen-wrapper--style2 .chosen-container .chosen-single {
  border-width: 0 0 2px;
  padding: 0;
}
.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-single {
  border-width: 0 0 2px;
}
.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-drop {
  opacity: 1;
  visibility: visible;
  transform: translateY(5px);
}
.chosen-wrapper--style2 .chosen-container .chosen-drop {
  border-color: #d9d9d9;
  border-top: 2px solid #d9d9d9;
}
.chosen-wrapper--style2 .chosen-container .chosen-results li {
  padding: 16px 15px 18px;
}

/*ScrollBox style*/
.nicescroll-rails {
  border-left: 1px solid #d9d9d9;
  transform: translate(-2px);
  top: 0 !important;
}
.nicescroll-rails .nicescroll-cursors {
  width: 6px !important;
  margin-right: 2px;
}

.link {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
}
.link a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
}
.link .fa {
  font-size: 28px;
  margin-right: 8px;
  color: #000;
}
#design .panel-title a{min-height: 78px;line-height: 48px;}
.payslip_outer_wrap{background:#edf0f2;margin:10px 0;padding:15px;}
.template_payslip_inner{background:#ffffff;border:1px solid #d0d0d0;padding:10px;}
.color_section .palette-color-picker-button{width:100%;}
.project_log_detials .sub_list_proj{max-width: 100%;margin-bottom:0px;flex: 0 0 100%;}
.project_log_detials .sub_list_proj.sub_list_logout{margin-top:4px;}
.project_log_detials .sub_list_proj .login_timesheet{float: right; width: 65%;}
.project_log_detials .sub_list_proj .login_timesheet input[type='text']{font-size: 13px;height: 28px;}
.project_log_detials .sub_list_proj .login_timesheet .span_AddGRoup{padding: 5px 0;}
.project_log_detials .sub_list_proj label{width: 35%;float: left;font-size: 9px!important;text-transform: uppercase;line-height: 27px;}
.sift_log_details{ max-width: 50%;}
.week_tim_content .projectEmps{cursor: pointer;}
.project_loader{position: absolute; transform: translate(-50%,-50%); left: 65.8%; width: 63%; height: 56%; top: 58%; right: -4%; z-index: 99;}
/*.eb_timesheet_rightcont .othours_wrp{cursor:auto;font-size: 14px;margin: 3px 0px;line-height: 18px;background: #71af8f;padding: 8px 10px;display: inline-table;vertical-align: middle;border-radius: 3px;border: 1px SOLID #6aa486;color: #fff;}
.eb_timesheet_rightcont .othours_wrp span{margin-left: 5px;font-size: 16px;}
.eb_timesheet_rightcont .othours_wrp i:before{font-size:16px;}*/
.modal-header .flaticon-close:before{font-size:14px;}


.right_index_links{/* background: #fff;width:100%;padding: 10px 0;border: 1px solid #e2e2e2;margin: 0px 0 0 15px; */margin-bottom:10px;}
.right_index_links .box{border-radius:0px;border:0px;box-shadow:none;height:68px;}
.right_index_links .box h4{left:75px;right:0px;top:10px;text-align:left;color:#ffffff;width: auto;line-height: 46px;}
.right_index_links .box img{top: 35px;left: 40px;width:45px;}
.right_index_links .box.box-1b{background:#2a79be!important;}
.right_index_links .box.box-1or{background:#f2570d!important;}
.right_index_links .box.box-1db{background:#067370!important;}
.right_index_links .box.box-1gr{background:#6dbe67!important;}
.right_index_links .box.box-1r{background:#cdaa12!important;}
.right_index_links .box.box-1ce{background:#00bcd4!important;}
.right_index_links .box.box-1b{background:#2a79be!important;}
.leave_card_row .card {border-radius: 0px}
.leave_card_row .card-body {padding: 9px 15px;border-radius: 0px;border:0px;}
.leave_card_row .card-body .list{border-left:1px solid #ededed;}
.leave_card_row i:before{  font-size: 46px;line-height: 1.3;}
.leave_card_row i.flaticon-calendar{color:#09b531;}
.leave_card_row i.flaticon-advance-calendar-page-button-with-right-arrow{color:#00bcd4;}
.leave_card_row i.flaticon-calendar-1{color:#cdaa12;}
.leave_card_row h3{font-size: 10px;text-transform: uppercase;margin: 0;text-align: right;}
.leave_card_row p{font-size: 30px;font-family: poppinsbold;text-align: right;margin-bottom:5px;}
.label_highcharts ul{
    display: inline-block;
    text-align: center;
    margin: 10px 15px;
    background: #f4f4f4;
    font-size: 12px;
    padding: 5px 10px;
    color: #8c8c8c;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
    font-family: 'poppinssemibold';
}
.label_highcharts ul li{
    display: inline-block;
    margin-right: 10px;
    margin: 3px 0;
    margin-right: 10px;
}
.label_highcharts ul li b{color:#ffb000;}




.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 265px;
	max-width: 265px;
	max-height: 65px;
	width: 265px;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}



.grid figure figcaption {
	padding: 0px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
	line-height: 13px;
}

/* Individual effects */

/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: #2a79be;
}

/* figure.effect-julia img {
	max-width: none;
	height: 400px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
} */

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h2 {
	position: relative;
	padding: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,9px,0);
	font-size: 14px;
	padding: 0 10px;
}
figure.effect-julia img{width:40px;height:40px;}
figure.effect-julia:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-julia .figure_details {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0px 7px;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	text-transform: none;
	font-weight: 500;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
	position: absolute;
	top: 22px;
	left: 47px;
}

figure.effect-julia .figure_details {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}


figure.effect-julia:hover .figure_details {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Media queries */
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

.project_loader{        position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    width: 96%;
    height: 76%;
    top: 266px;
    right: 0;
    z-index: 99;
    background: rgba(255, 255, 255, 0.9);
}



/**** LEave Index CSS *******/
.leavetypes_index{}
.leavetypes_index li{position: relative;padding-left: 99px;min-height: 100px;float: left;width: 100%;margin-bottom:10px;    background: #f4f0ff;border-radius:6px;border-top-left-radius: 47px;border-bottom-left-radius: 47px;}
.leavetypes_index li img{position:absolute; left:0px;}
.leavetypes_index li div{float: left;width: 100%;padding-left: 20px;border-radius:6px;}
.leavetypes_index li div i:before{font-size: 45px;}
.leavetypes_index li div i{margin-left:-19px;}
.leavetypes_index li div h3{margin: 12px 0 10px;font-size: 16px;font-family: poppinsregular;}
.leavetypes_index li div h3 span{float: right;padding-right: 10px;font-size: 22px;font-family: poppinsbold;}
.leavetypes_index li.medical_leave_index{background:#e7e3f7;}
.leavetypes_index li.medical_leave_index i:before{color:#d2cde5;}
.leavetypes_index li.medical_leave_index div i{color:#d2cde5;}
.leavetypes_index li.annual_leave_index{background:#ebfffa;}
.leavetypes_index li.annual_leave_index i:before{color:#d8f0ea;}
.leavetypes_index li.nopa_leave_index{background:#fff5f0;}
.leavetypes_index li.nopa_leave_index i:before{color:#f7e7df;}
.switch2 {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 0 17px;
}
.switch2 {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin: 0 17px;
}

.switch2 input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
  border: 2px solid #d26c0b;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 2px;
  background-color: #d26c0b;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch2 input:checked + .slider {
  background-color: #ffffff;
}

.switch2 input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch2 input:checked + .slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.checkbox_slider_wrap{text-align: center;
    line-height: 35px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e9e9e9;
    margin-bottom: 20px;font-family: poppinsbold;color:#616161}
.index_container h2{margin: 0 0 15px;font-size: 18px;text-align: center;color: #333333;font-family: poppinsregular;}
.Leave_annual_graph{margin-top: 30px!important;padding:22px 15px;background:#f4f4f4!important;height:427px!important;}
.label_highcharts ul li b {
    color: #080a2a;
}
.Leave_annual_graph select{width: 86px;
    position: absolute;
    right: 41px;
    top: 44px;
    padding: 6px!important;}

/**** LEave Index CSS *******/
#myChart-license-text{display:none;}

/*********** schedule timesheet ******************/


.texting_timesheet {
position: relative;
}

.main_headerwrap {
margin-bottom: 0px;
}

.scheduletimesheet {
position: relative;
}

#element {position: absolute;top: 9px;left: initial;z-index: 9;right: 19px;}

.sch_time_clz {padding-right: 33px;width: 100%;float: left;}

#element button {
border: 1px solid #d5d5d5;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
color: #177bbb;
text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
padding: 6.5px 8px;
border-radius: 3px;
cursor: pointer;
}

.payrl_submt .timesheet_label{margin:5px 0px 6px !important}
.timesheet_label {
margin: -1px 0 6px!important;
}

.panel-fullscreen {
display: block;
z-index: 999;
position: fixed;
width: auto;
height: 84%;
top: 68px;
right: 0;
left: 80px;
bottom: 0;
overflow: auto;
padding: 0;
background: #fff;
}

body:not(:root):-webkit-full-screen::backdrop {
background: #f3f7f8;
}

.panel-fullscreen .sch_month_body_wrap {
max-height: 100%!important;
padding: 0px!important;
}

.panel-fullscreen .sch_header_wrap_month {
position: fixed;
top: 113px;
left: 82px;
right: 10px!important;
padding-bottom: 2px;
}

.panel-fullscreen #element {
position: fixed;
z-index: 999;
left: initial;
top: 75px;
padding: 0;
background: #fff;
right: 26px;
}

.panel-fullscreen .timesheet_label {
position: fixed;
z-index: 102;
right: initial;
top: 79px;
left: 93px;
width: auto;
display: block!important;
margin: 0px!Important;
}

.panel-fullscreen .schedule_time_container {
position: fixed;
z-index: 102;
right: 8px;
top: 67px;
width: auto;
padding: 0;
display: block!important;
margin: 0px!Important;
left: 80px;
text-align: right;
background: #fff;
}

.panel-fullscreen .schedule_time_container .wrapper_enb {
margin-bottom: 0px;
padding: 0px;
background: none;
}

.panel-fullscreen .schedule_loader {
position: fixed!important;
top: 54px!important;
bottom: 55px!important;
z-index: 102!important;
}

.panel-fullscreen #element button {
padding: 3px 7px;
}

.panel-fullscreen .monthDiv {
display: none;
}

.panel-fullscreen .sch_time_clz {
padding-right: 0px;
margin-left: 4px;
}

.panel-fullscreen #selWeek,
.panel-fullscreen #selProject,
.panel-fullscreen #selMonth,
.panel-fullscreen #click,
.panel-fullscreen #table_cloumn,
.panel-fullscreen #prev-week,
.panel-fullscreen #next-week,
.panel-fullscreen #weeklyDatePicker {
padding: 1.7px 8px;
font-size: 12.5px;
line-height: 20px;
height: 24px;
margin-bottom: 2px;
margin-right: 4px;
}

.panel-fullscreen .schedule_time_container .wrapper_enb {
padding: 9px 51px 8px 0;
}

.panel-fullscreen .scheduletimesheet {
margin-top: 80px;
padding: 0;
}

.panel-fullscreen .scheduletimesheet .enb_container {
padding: 0!important;
}

.panel-fullscreen .schedule_time_container .container-fluid,
.schedule_time_container .col-lg-12 {
padding: 0px;
}

.panel-fullscreen .week_sechtimesheet .timesheet_label_sech {
position: fixed;
top: 78px;
left: 88px;
z-index: 999;
}

.panel-fullscreen .sch_header_wrap {
position: fixed;
top: 111px;
left: 80px;
right: 13px;
}

.panel-fullscreen .sch_body_wrap {
max-height: 100%;
padding-top: 79px;
}

.panel-fullscreen .week_sechtimesheet {
padding: 0px;
}

.panel-fullscreen .week_sechtimesheet .enb_container {
padding: 0px!important;
}

.panel-fullscreen .sch_project_body_wrap {
max-height: 100%!important;
}

.panel-fullscreen .project_loader {
position: fixed;
left: 50%;
height: 80%;
top: 61%;
width: 99%;
}


/*********** schedule timesheet ******************/



.only_project{text-align: center !important;padding: 0 !important;}
.only_project .only_project_i{ margin: 17px auto !important;}

.popover_paneldefalut .panel-heading{position:relative;}
.popover_paneldefalut .flaticon-close{cursor:pointer;pointer-events:auto;}
.popover_paneldefalut .flaticon-close:before {
        position: absolute;
    top: 3px;
    right: 4px;
    font-size: 14px;
}
.popover_paneldefalut .flaticon-employee:before {
   position: absolute;
    right: 35px;
}   
/************* view-profile************/
#side_wrap_profile img{margin:0 auto;border:4px solid #eeeeee;}	
#side_wrap_profile h2{margin: 13px 0 0;font-size: 14px;}	
#side_wrap_profile h5{margin: 5px 0 15px;font-size: 14px;font-family:'poppinsregular';position:relative;}	
/* #side_wrap_profile h5:after{    content: '';
    width: 33%;
    position: absolute;
    height: 7px;
    background: #e9d3d3;
    left: 33%;
    bottom: -26px;
    border-radius: 83px;} */
#side_wrap_profile ul{    padding-left: 12px;
    margin-top: 21px;
    float: left;
    width: 100%;}	
#side_wrap_profile ul li{margin-bottom:18px;position: relative;}	
#side_wrap_profile ul li h4{/* margin:0px; */}
#side_wrap_profile ul li i{/* margin-right:15px; */}
#side_wrap_profile ul li i:before{font-size: 14px;}
#side_wrap_profile ul.indetail_info li h4{/* padding-left: 27px; */word-break: break-word;position: relative;margin: 0;}
#side_wrap_profile ul.indetail_info li h4 i{/* left: 2px; */margin-right: 9px;/* position: absolute; */margin-top: 0;}
.inner_wrap_profile_left{border-right:1px solid #d0d0d0;}
.card-body .depen_mainwrap:first-child{min-height: 80px; padding-bottom: 10px;}
.card-body .depen_mainwrap p{margin:3px 0px;}
.card-body .depen_mainwrap p b{font-family:poppinsbold!important;margin-right:5px;}
.card-body .depen_mainwrap label{font-size: 10.5px !important;font-family: poppinsregular!important;margin: 10px 0 0;}
.card-body .depen_mainwrap .flaticon-male-and-female, .card-body .depen_mainwrap  .flaticon-father, .card-body .depen_mainwrap .flaticon-mother-and-child-with-balloons {top: 16px;}

ul.buttons_li{    background: #f1f1f1;
    margin: 0 0 0 -5.5%!important;
    width: 105.5%!important;
    margin-right: 21px;
    padding: 14px 0!important;
	display:flex;flex:1;
    }
ul.buttons_li li{ flex:1;
    display: inline-block;	
    margin: 0px!important;}
ul.buttons_li li button{border:0px;background:none;cursor:pointer;}
ul.buttons_li li button i{margin:0px!important;}
ul.buttons_li li button i:before{font-size: 26px!important;}
.extra_wrap_claim{padding: 15px 12px;font-size: 16px;text-align: center;color: #b42b2b;}
.event_timepicker input{padding-right:0px !important;}  
/************* view-profile************/
/*---------------Claims-Toggle----------------------*/
.claim_togg_form .togg_switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 28px;
}



.claim_togg_form .togg_switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.claim_togg_form .slider_togg {
	position: absolute;
    cursor: pointer;
    top: 0;
    left: 4px;
    right: 4px;
    bottom: 0;
 /* background-color: #ccc;*/
 background-color: #2196F3;
  -webkit-transition: .4s;
  transition: .4s;
}

.claim_togg_form .slider_togg:before {
      position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.claim_togg_form input:checked + .slider_togg {
 /* background-color: #2196F3;*/
 background-color: #ccc;
}

/*input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}*/

.claim_togg_form input:checked + .slider_togg:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.claim_togg_form .slider_togg.round {
  border-radius: 34px;
}

.claim_togg_form .slider_togg.round:before {
  border-radius: 50%;
}
.unordclaim_togg li{display:inline-block;width:18%}
.unordclaim_togg{line-height: 36px;}
.unordclaim_togg li:last-child{text-align:left !important;}
.unordclaim_togg_main li{display:inline-block;}
.unordclaim_togg_main{line-height: 36px;}
#calendar_timesheet .approve_leave:before{content:none!important;}
#calendar_timesheet .pending_leave:before{content:none!important;}
.unselectable{background-color: #ddd !important; cursor: not-allowed;}


.shift_weekdays .shift_employee_head{width: 48px!important;}
.shift_weekdays .shift_days{width: 78px!important;}
.week_shift_first_td{padding-left:29px!important;position:relative;}
.week_tim_content .flaticon-tick{margin-left:5px;}
.week_tim_content .flaticon-tick:before{font-size: 21px!important;line-height: 21px;color: #38c509;}
.noshift_wrap{width: 500px; /*margin: 0 auto;*/}
.noshift_wrap .employeetd{width:83%!important;}
.noshift_wrap .applyforall{display:none;}
.shift_remarks_wrap{background: #e6e6e6;
       padding: 15px 0 0; 
     margin: 10px;}
.shift_description_li{width: 100%;
    margin-bottom: 10px;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    padding-left: 0px;}
.shift_description_li:nth-last-child(2){border-bottom:0px;}
.delete_shift_remarks_wrap .shift_description_li{border-bottom: 1px solid #eaeaea!important;}
.delete_shift_remarks_wrap:last-child .shift_description_li{border-bottom: 0px!important;}

a.morelink {
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}

.ot_inactive_cls{
    display:none;
}
.heading_ot_hours {
    position: absolute;
    top: -41px;
    font-family: poppinsbold;
    color: #004673;
    font-size: 18px;
    left: -8px;
}
    
.heading_ot_hours small{
    color: #777c80;
    font-family: poppinsbold;
    font-size: 13px;
}
.payre_date_wrap {width: 100%;}
.payre_date_wrap input[type="text"]{cursor:pointer;}
.payre_date_wrap .input-group-addon{position: absolute;
    right: 0;
    /*pointer-events: none;*/
    width: 45px;
    padding: 10px;}
.btn_content_modal .popup_formgroup{display: inline-block !important;width: 100% !important;}
.emp_proj_search {width: auto;
position: relative;
left: inherit; 
top: inherit; 
display: inline-block;
z-index: 1; 
float: left;}
.bootstrap-datetimepicker-widget table tr{background:#ffffff;}
.bootstrap-datetimepicker-widget table tr:hover td{background:#ffffff;}
.emp_proj_search select, .emp_proj_search select#filterData{width: 190px;
padding: 0 10px;
margin: 0 15px 5px 0;
border: 1px #e6e6e6 solid;
height: 46px;
color: #303131;
font: 13px/46px 'poppinsregular';
background: #fff url(../images/drop-arrow-tiny.png) no-repeat 95% 50%;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
min-width: 11.5%;
border-bottom: 3px #dedede solid;
text-transform: none;
float: left;}
.timesheetprocess .time_sheet_cont{margin:0 auto;}	
.timesheetprocess .setup-content{margin:0 auto;}
.radio_addr li span{margin-left:0px !important;}
.holiday .follow_day{background: #afd8f0 !important;width: 96%;margin: 0 auto;}	
.holiday .follow_day:before{content:'';width: 0;position: absolute;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #d73b40bf;transform: rotate(135deg);top: -2px;right: 19px;}
.timesheet_label .fol_day span{background-color: #afd8f0;position: relative;}
.timesheet_label .fol_day span:before{content: "";width: 0;position: absolute;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 9px solid #d73b40bf;transform: rotate(135deg);left: -7px;top: -1px;}
.foll_daylabel .manage_check{width:40px !important;height:32px;}
.foll_daylabel .manage_check .checkmark_grey{float: left;width: 32px;height: 32px;display: block;line-height: 30px;text-align: center;background: #87eab8 !important;}
.foll_daylabel .manage_check .checkmark_red{float: left;width: 32px;height: 32px;display: block;line-height: 30px;text-align: center;background:#f1fff8 !important;}
.foll_daylabel .manage_check .checkmark_blue{float: left;width: 32px;height: 32px;display: block;line-height: 30px;text-align: center;background:#ffc2b8 !important;}
.foll_daylabel .manage_check .checkmark_off{float: left;width: 32px;height: 32px;display: block;line-height: 30px;text-align: center;background:#88b19c !important;}
.foll_daylabel .manage_check .checkmark_public{float: left;width: 32px;height: 32px;display: block;line-height: 30px;text-align: center;background:#54d3ff !important;}
.foll_daylabel .sch_footer_tooltipwrap span{background:none !important;}
/*----Admin---sgbros-------*/
/* The container */
.sgbrso_temp .container {
  display: block;
  position: relative;
 cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.sgbrso_temp .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.sgbrso_temp .checkmark {
  position: absolute;
  top: 0;
  left: 50px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.sgbrso_temp .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.sgbrso_temp .container input:checked ~ .checkmark {
 /*background-color: #2196F3;*/
  background-color: #77220d;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.sgbrso_temp .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.sgbrso_temp .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.sgbrso_temp .container .checkmark:after {
 	top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.sch_month_body_wrap .table_wrap_freezes th {
    background: #fff !important;
padding: 5px 0px !important;}
.schedule_month_table_body {
border: 0px !important;}

.payFreqDiv button.ui-multiselect{
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 0px !important;
}
.notif_bell{width: 100%;display: block;cursor: pointer;}
.notif_bell .fa-bell{position: absolute;top: 26px;font-size: 18px;background: #4186bb;width: 40px;height: 40px;line-height: 40px;z-index:99;}
.notif_bell .bell{
/*color: #af9631;*/
color: #fff;
-webkit-animation: ring 4s .7s ease-in-out infinite;
-webkit-transform-origin: 50% 4px;
-moz-animation: ring 4s .7s ease-in-out infinite;
-moz-transform-origin: 50% 4px;
animation: ring 3s .7s ease-in-out infinite;
transform-origin: 50% 4px;

}

@-webkit-keyframes ring {
0% { -webkit-transform: rotateZ(0); }
1% { -webkit-transform: rotateZ(30deg); }
3% { -webkit-transform: rotateZ(-28deg); }
5% { -webkit-transform: rotateZ(34deg); }
7% { -webkit-transform: rotateZ(-32deg); }
9% { -webkit-transform: rotateZ(30deg); }
11% { -webkit-transform: rotateZ(-28deg); }
13% { -webkit-transform: rotateZ(26deg); }
15% { -webkit-transform: rotateZ(-24deg); }
17% { -webkit-transform: rotateZ(22deg); }
19% { -webkit-transform: rotateZ(-20deg); }
21% { -webkit-transform: rotateZ(18deg); }
23% { -webkit-transform: rotateZ(-16deg); }
25% { -webkit-transform: rotateZ(14deg); }
27% { -webkit-transform: rotateZ(-12deg); }
29% { -webkit-transform: rotateZ(10deg); }
31% { -webkit-transform: rotateZ(-8deg); }
33% { -webkit-transform: rotateZ(6deg); }
35% { -webkit-transform: rotateZ(-4deg); }
37% { -webkit-transform: rotateZ(2deg); }
39% { -webkit-transform: rotateZ(-1deg); }
41% { -webkit-transform: rotateZ(1deg); }

43% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
0% { -moz-transform: rotate(0); }
1% { -moz-transform: rotate(30deg); }
3% { -moz-transform: rotate(-28deg); }
5% { -moz-transform: rotate(34deg); }
7% { -moz-transform: rotate(-32deg); }
9% { -moz-transform: rotate(30deg); }
11% { -moz-transform: rotate(-28deg); }
13% { -moz-transform: rotate(26deg); }
15% { -moz-transform: rotate(-24deg); }
17% { -moz-transform: rotate(22deg); }
19% { -moz-transform: rotate(-20deg); }
21% { -moz-transform: rotate(18deg); }
23% { -moz-transform: rotate(-16deg); }
25% { -moz-transform: rotate(14deg); }
27% { -moz-transform: rotate(-12deg); }
29% { -moz-transform: rotate(10deg); }
31% { -moz-transform: rotate(-8deg); }
33% { -moz-transform: rotate(6deg); }
35% { -moz-transform: rotate(-4deg); }
37% { -moz-transform: rotate(2deg); }
39% { -moz-transform: rotate(-1deg); }
41% { -moz-transform: rotate(1deg); }

43% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(0); }
}

@keyframes ring {
0% { transform: rotate(0); }
1% { transform: rotate(30deg); }
3% { transform: rotate(-28deg); }
5% { transform: rotate(34deg); }
7% { transform: rotate(-32deg); }
9% { transform: rotate(30deg); }
11% { transform: rotate(-28deg); }
13% { transform: rotate(26deg); }
15% { transform: rotate(-24deg); }
17% { transform: rotate(22deg); }
19% { transform: rotate(-20deg); }
21% { transform: rotate(18deg); }
23% { transform: rotate(-16deg); }
25% { transform: rotate(14deg); }
27% { transform: rotate(-12deg); }
29% { transform: rotate(10deg); }
31% { transform: rotate(-8deg); }
33% { transform: rotate(6deg); }
35% { transform: rotate(-4deg); }
37% { transform: rotate(2deg); }
39% { transform: rotate(-1deg); }
41% { transform: rotate(1deg); }

43% { transform: rotate(0); }
100% { transform: rotate(0); }
}
.notif_bell .notif_count{
position: absolute;
top: 30px;
right: -18px;
background: #e7f0f7;
padding: 5px 4px;
border-radius: 5px;
width: 195px;
height: 35px;
padding-right: 45px;
color: #135d96;
}
.notf_popmodal .modal-content{max-width: 1000px !important;height: 574px !important;}
.target_settdah{border-bottom: 2px solid #5292c3;color: #206397;font-size: 15px;margin: 4px 2px;cursor: pointer;text-align: center;}
/*---------iras2020 css--------*/
.iras_2020{display:inline-block;width:25.33%;position:relative;}
.iras20_span{background: #f0f1f6;padding: 5px 10px;position: absolute;top: 24px;left: 1px}
.iras_2020 input{padding-left:35px !important;}
.payroll_submitwaitpopup{justify-content: center !important;
    display: flex;
    flex-wrap: wrap;
    z-index: 999999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.69);}
    .payroll_submitwaitpopup .popup_body{    margin:13% auto!important;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #505050;    text-align: center;
    width: 750px;}
   .payroll_submitwaitpopup .popup_body h1{font-size: 20px;
    margin: 20px 0 18px 0;}
.approve_btn_Divas {float: right;margin-top: 15px;margin-right: 15px;}
.approve_btn_Divas .exprt_img_claim{padding: 10px 15px !important;background: #c50606;border-color: #c50606;}
.approve_btn_Divas .excel_btn_exprt, .approve_btns .excel_btn_exprt{padding: 10px 15px !important;background: #026e39;border-color: #026e39;}
.approve_btn_Divas .excel_btn_exprt .fa, .approve_btns .excel_btn_exprt .fa{margin-right:5px !important;}
.approve_btn_Divas .exprt_img_claim .fa{margin-right:5px !important;}
.excel_btn_exprt_tm i:before{background: #026e39!important;}
.menu_sublist .fa-file-excel-o:before{color: #026e39!important;}
.fund_donation label{word-break: inherit !important;}
.cnf_popups .modal-header{background: rgba(250,250,250,1);
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(236,236,236,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(236,236,236,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(236,236,236,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(236,236,236,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(236,236,236,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(236,236,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ececec', GradientType=0 );
    font-family: 'poppinssemibold'!important;
    font-size: 16px!important;
    border-bottom: 1px solid #dcdcdc;
    margin: 0px;
    padding: 20px 15px;}
   .cnf_popups .modal-header{padding:12px 18px!important;} 
   .cnf_popups .modal-content{padding:0px 0px 5px!important;} 
   .dropDown.full_monthDiv {display: inline-block;}


.tooltip_left .tooltip.top{left:0%!important;}
.tooltip_left .tooltip-arrow{left:21px!important;}
.offline_indicator{font-size: 20px;
    color: #d43f3a;
top: -2px;}
.date_highlighter{background:#ef7171;color:#fff!important;}
.timesheet_label li.dateHighLighterLabel span{background:#ef7171;}
.leaveDisNTimesheet{position:relative;padding-left:20px!important;}
.leaveDisNTimesheet i{width: 18px;height: 19px;background-size: contain;display: inline-block;position: absolute;left: 5px;top: -2px;}
.leaveDisNTimesheet i.fullLeave{background-image: url(../images/FullLeave.png);}
.leaveDisNTimesheet i.AMLeave{background-image: url(../images/AMLeave.png);}
.leaveDisNTimesheet i.PMLeave{background-image: url(../images/PMLeave.png);}