@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
body{font-family: 'latoregular';}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-regular.woff2') format('woff2'),
    url('../fonts/lato-regular.woff') format('woff'),
    url('../fonts/lato-regular.ttf') format('truetype'),
    url('../fonts/lato-regular.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light.eot');
    src: url('../fonts/lato-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lato-light.woff2') format('woff2'),
    url('../fonts/lato-light.woff') format('woff'),
    url('../fonts/lato-light.ttf') format('truetype'),
    url('../fonts/lato-light.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
a{text-decoration: none}
a:hover{text-decoration: none;}
a:focus{outline:none}
.logo{margin-top: 15px;}
.navbar-menu{border: none;margin-bottom: 0}
.menu_list{text-align: center;margin: 0;padding: 0  }
.menu_list li{width:14.2%;list-style:none;float:left;}
.menu_list li a{padding:23px 0px 15px 0px;color: #B3AEAE;display: inline-block;width: 100%;background-size:25px;margin-top:14px;}
.menu_list li a span{margin-top: 8px;display:inline-block;}
.menu_list li a:hover{background-size:25px;color:var(--primary-color)}

.menu_list li:hover{background:#FBFBFB;color:var(--primary-color)}
.main-navigation{background:#fff; box-shadow: 0px 1px 2px #CCC; }

.dashboard{background: url(../images/dashboard.png) no-repeat top center;}
.dashboard:hover{background:url(../images/dashboardblue.png) no-repeat top center;}
.dashboard.active{background: url(../images/dashboardblue.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

.streams{background: url(../images/streams.png) no-repeat top center;}
.streams:hover{background:url(../images/streamsblue.png) no-repeat top center;}
.streams.active{background: url(../images/streamsblue.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

.employees{background: url(../images/employee.png) no-repeat top center;}
.employees:hover{background: url(../images/employeeblue.png) no-repeat top center;}
.employees.active{background: url(../images/employeeblue.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

.payroll{background: url(../images/payroll.png) no-repeat top center;}
.payroll:hover{background: url(../images/payrollblue.png) no-repeat top center;}
.payroll.active{background: url(../images/payrollblue.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

.calender{background: url(../images/calendar.png) no-repeat top center;}
.calender:hover{background:url(../images/calendarblue.png ) no-repeat top center;}
.calender.active{background: url(../images/calendarblue.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

.reports{background: url(../images/reports.png) no-repeat top center;}
.reports:hover{background: url(../images/reportsblue.png) no-repeat top center;}
.reports.active{background: url(../images/reportsblue.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

.hr-documents{background: url(../images/hr-documents.png) no-repeat top center;}
.hr-documents:hover{background: url(../images/hrdocumentsblue.png) no-repeat top center;}
.hr-documents.active{background: url(../images/hrdocumentsblue.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

.pms{background: url(../images/pms.png) no-repeat top center;background-size:29px !important;}
.pms:hover{background: url(../images/pmsblue.png) no-repeat top center;}
.pms.active{background: url(../images/pmsblue.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

.recruitment{background: url(../images/recruitment.png) no-repeat top center;background-size:28px !important;}
.recruitment:hover{background: url(../images/recruitmentblue.png) no-repeat top center;}
.recruitment.active{background: url(../images/recruitmentblue.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

.reimbursement{background: url(../images/reimbursement.png) no-repeat top center;background-size:27px !important;}
.reimbursement:hover{background: url(../images/reimbursementblue.png) no-repeat top center;}
.reimbursement.active{background: url(../images/reimbursementblue.png) no-repeat top center;color:var(--primary-color)} 

.attendance{background: url(../images/attendance.png) no-repeat top center;}
.attendance:hover{background:url(../images/attendanceblue.png ) no-repeat top center;}
.attendance.active{background: url(../images/attendanceblue.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

/*
.menu_list li a:hover{background:#FBFBFB;color:var(--primary-color)}
.menu_list li .active{background:#FBFBFB;color:var(--primary-color)}
.menu-icon{width: 25px;height: 25px;display: block;margin: 0 auto;margin-bottom: 2px;}
.streams{background: url(../images/streams.png);background-size: 100%;}
.streams:hover{background:url(../images/streamsblue.png);background-size: 100%;}
.employees{background: url(../images/employeeblue.png);background-size: 100%;}
.employees:hover{background: url(../images/employeeblue.png);background-size: 100%;}
.payroll{background: url(../images/payroll.png);background-size: 100%;}
.payroll:hover{background: url(../images/payrollblue.png);background-size: 100%;}
.calender{background: url(../images/calendar.png);background-size: 100%;}
.calender:hover{background:url(../images/calendarblue.png );background-size: 100%;}
.reports{background: url(../images/reports.png);background-size: 100%;}
.reports:hover{background: url(../images/reportsblue.png);background-size: 100%;}
.hr-documents{background: url(../images/hr-documents.png);background-size: 100%;}
.hr-documents:hover{background: url(../images/hrdocumentsblue.png);background-size: 100%;}*/

.search-form .form-group {float: right !important;transition: all 0.35s, border-radius 0s;width: 32px;height: 32px;background-color: #fff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;border-radius: 25px;
  border: 1px solid #ccc;}
.search-form .form-group input.form-control {padding-right: 28px;border: 0 none !important;background: transparent;box-shadow: none;display:block;height:auto;}
.search-form .form-group input.form-control:focus {border: 0 none !important;box-shadow: none !important;}
.search-form .form-group input.form-control::-webkit-input-placeholder {display: none;}
.search-form .form-group input.form-control:-moz-placeholder {/* Firefox 18- */display: none;}
.search-form .form-group input.form-control::-moz-placeholder {/* Firefox 19+ */ display: none;}
.search-form .form-group input.form-control:-ms-input-placeholder {display: none;}
.search-form .form-group:hover,.search-form .form-group.hover {/*width:200px; border-radius: 4px 25px 25px 4px;*/}
.search-form-open{width:200px !important; border-radius: 4px 25px 25px 4px !important;}
.search-form .form-group span.form-control-feedback { position: absolute; top: -1px; right: -2px; z-index: 2; display: block;  width: 34px;height: 34px; line-height: 34px; text-align: center; color: #ccc;
  left: initial;font-size: 14px;}
.search-form .form-group{margin-bottom:0;margin-top:7px}

.bottom-navigation{background: #363c3f;min-height: 20px;}
.sub-navigation{text-align: center;margin-bottom: 0;    padding: 8px 0;}
.sub-navigation li{display: inline-block}
.sub-navigation li a{color:#A9A7A7; text-decoration: none;padding:7px 20px ;display: block;text-transform: uppercase;position:relative; font-size: 13px;}
.sub-navigation li a:hover{color:#fff;}
.sub-navigation li a.active{color:#fff; font-weight: 600;}
/* .sub-navigation li a.active:before {width: 10px;position: absolute;content: "";height: 11px;border-left: 6px solid transparent;border-right: 7px solid transparent;border-bottom: 8px solid #EFEEEE;text-align: center;left: 0;right: 0;bottom: 0;margin: auto;} */

.bottom-navigation1{background:#edf4fd;min-height: 20px;}
.sub-navigation1{text-align: center;margin-bottom: 0;    padding: 0;}
.sub-navigation1 li{display: inline-block}
.sub-navigation1 li a{color:#A9A7A7; text-decoration: none;padding:12px 20px ;display: block;text-transform: capitalize;position:relative;font-size: 12px;font-family: Roboto;text-transform: uppercase;}
.sub-navigation1 li a:hover{color:var(--primary-color);}
.sub-navigation1 li a.active{color:var(--primary-color); font-weight: 600;}
/* .sub-navigation1 li a.active:before {width: 10px;position: absolute;content: "";height: 11px;border-left: 6px solid transparent;border-right: 7px solid transparent;border-bottom: 8px solid #fff;text-align: center;left: 0;right: 0;bottom: 0;margin: auto;} */
.width70{width:71%}
.width30{width:28%}
div.bottom-navigation1 div#showHideBottomNav{right: 0; top: 2px;}
div.bottom-navigation1 df#accordian{-moz-transition: transform 0.8s;-webkit-transition: transform 0.8s;transition: transform 0.8s;}
div.bottom-navigation1 df#accordian.flip{transform: rotate(-180deg);}
div.bottom-navigation1 ul.sub-navigation1{overflow: hidden;}

.navbars{color:#000}
.navbar-brand{color:#B3AEAE }
/*.right-menu ul{padding: 0;margin: 17px 17px;display:block}*/
.right-menu ul{padding: 0;margin: 10px 17px;display:block}
.right-menu ul li{float:left;list-style:none;}
.right-menu ul li a{font-size: 17px;color: #ccc;padding: 4px;display: block}
.right-menu ul li a img{width: 38px;height: 38px;}
.margin-top15{margin-top: 15px;}
.media.profile-panel{padding: 35px 35px;border: 1px solid #e8ecf1;border-radius: 3px;}
.media.profile-panel .media-body h4{font-size: 20px;margin-bottom: 5px;}
.media.profile-panel .media-object{width: 100px;height: 100px;margin-right: 20px;}
.media.profile-panel .media-body h5{color:#757272;font-size: 14px;margin-bottom: 5px; margin-top: 0px;}
.media.profile-panel .media-body p{color:#B5B1B1;font-size: 13px; margin-top: 10px;}
.profile-details caption{color: #b2b2b2;margin-right: 5px;}
.profile-details .body{text-transform: capitalize}
.main-headig{border-bottom: 1px solid #eee;}
.main-headig h2{color: var(--primary-color);font-weight: normal;font-size: 24px; font-family:latolight;}
.organizers a{display: inline-block;border: 1px solid #ccc;width: 200px;padding: 10px;color:#000;margin: 14px;background: #fff;position: relative}
.organizers a:hover{background: #E6E6E6;}
.organizers a.active{background: var(--primary-color);color: #fff;border-color:var(--primary-color);}
.organizers a img{width: 35px; height: 35px;float: left;margin-right: 10px}
.organizers a .org-name{float: left;text-align: left}
/*.organizers:before{content:"";position: absolute;height: 270px;background: #ccc;width: 1px;left: 0;right: 0;margin: auto;z-index: -1;margin-top: 15px}*/

/*.devider:before{height:1px;background: var(--primary-color);width:465px;margin:0 auto;}*/
.devider:before{height:1px;background: transparent;width:465px;margin:0 auto;border-top: 1px solid var(--primary-color);}
/*.before:before{content:"";position: absolute;height:15px;background: var(--primary-color);width:1px;left: 0;right: 0;margin: auto;top: -15px;}*/
.before:before{content:"";position: absolute;height:15px;background: transparent;width:1px;left: 0;right: 0;margin: auto;top: -15px; border-left: 1px solid var(--primary-color);}
.before5:before{content:"";position: absolute;height:20px;background: var(--primary-color);width:1px;left: 0;right: 0;margin: auto;top: 60px;}
.before-l:before{content:"";position: absolute;height:34px;background: var(--primary-color);width:1px;left: 0;right: 0;margin: auto;top: -34px;}
.footer{padding: 10px;background: #eeeeee;display: block;    border-top: 1px solid #ddd;}
.footer a{color:var(--primary-color)}
.footer a span{color:#ccc}

.sub-profile{border-bottom: 1px solid #eee;padding: 20px 0;}
.wrapper-content{padding: 20px 0;min-height: 400px}
.profile-heading{color: var(--primary-color);}
.name-details{color:#B5B1B1;margin-bottom:3px;}
.site-color{color: var(--primary-color);}
.site-color1{color:#333}
.site-color2{color:#B5B1B1}
.border-left0{border-left-color: #fff !important;}
.border-right0{border-right-color: #fff !important;}

.left-bordernone{border-left-color: #F7F7F7 !important;}
.right-bordernone{border-right-color: #F7F7F7 !important;}
.inner-heading{margin: 0;font-weight: 100; font-size: 24px;padding-top: 6px;font-family: 'Lato';font-weight:300}
.gray-section{background:#F7F7F7;padding: 20px 0}
.gray-section-tax{background-color: #f1f1f1;padding: 20px 0}
.gray-section1{background:#f1f1f1;padding: 30px 0;box-shadow: inset 1px 1px 3px #E2DDDD,6px -29px 24px -100px #DDDDDD;-webkit-box-shadow: inset 1px 1px 3px #E2DDDD,6px -29px 24px -100px #DDDDDD;-moz-box-shadow: inset 1px 1px 3px #E2DDDD,6px -29px 24px -100px #DDDDDD;}
.yellow-right{background:#FDD538;margin-top: 23px;padding: 20px;}
.divider-line{border-bottom: 1px solid #eeeeee;margin:5px 0 22px 0}
.steps{background:#EFEEEE;width: 22px; height: 22px;line-height: 20px;text-align: center;color: #000;border-radius: 50%;padding: 0;font-size: 12px;}
.steps-active{background:var(--primary-color);width: 40px; height: 40px;line-height: 37px;text-align: center;color: #fff;border-radius: 50%;padding: 0;}
.steps1{cursor:default;background:#fff;width: 20px; height: 20px;line-height: 17px;text-align: center;color: #aaa;border-radius: 50% !important;padding: 0 !important;font-size: 13px;border: 1px solid #ccc;}
.steps-active1{background:var(--primary-color);width: 40px; height: 40px;line-height: 35px;text-align: center;color: #fff;border-radius: 50% !important;padding: 0 !important; font-size:20px;}
.white-section{background: #ffffff;padding: 60px 0;}
.ash-section{background:#F7F7F7;padding: 60px 0}
.white-section-heading{font-size: 24px;font-weight: 300;font-family: latolight !important;}
.gray-line{border-bottom: 1px solid #ddd;margin:0px 0 10px 0}
.col-md-13{width: 20%;float: left;padding: 0 8px}
.sub-col{background: #fff;min-height: 238px;padding: 10px 10px 0 10px;margin-bottom: 16px;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);}
.sub-col h3{width: 120px;margin: 10px auto 20px auto}
.sub-col p.site-color{margin-top:10px;margin-bottom: 5px !important;}
.sub-col h3 span{float: left;font-size: 30px;    font-family: latolight;}
.sub-col h3 small{float: left;margin-left: 10px;font-size: 12px;color: #000;line-height: 16px;margin-top: 3px;}
.sub-col ul{padding: 0;margin: 0;}
.sub-col ul li{display: inline-block;border-top: 1px solid #E8ECF1;width: 100%}
.sub-col ul li a{display: block;color:#B1AEAE;padding: 10px 0;}
.sub-col ul li a span{margin-left: 10px;float: left;width: 30px;}
.flot-left{float:right;padding:0 5px}
.howmany-days{ font-family: latolight;line-height: 20px;font-size: 38px; margin-top: 5px;margin-bottom: 20px;color: #333;}
.howmany-days small{font-size: 14px;color: #333;}
.border-right{border-right: 1px solid #eee}
.gap{margin-top: 8px;}
.viewallcoment{border-top: 1px solid #ccc}
.shift-section{padding: 20px 0;background: #E8E8E8;margin: 15px 0 0 0}
.shift-section .col-md-3 p{margin-bottom: 3px;font-size: 13px;}
.shift-section .col-md-3{min-height: 65px;padding-left:20px;}
.table-calender tr th{text-align: center;line-height: 30px !important;}
.table-calender tr td{padding: 20px !important;cursor: pointer;height: 100px !important;font-weight: bold;font-size:20px !important;position: relative}
.avarage{margin-top: 10px;}
.gray-bg{background: #E6E6E6}
.absent:after{content: " ";position: absolute;background: #ff7373;border-radius: 50%;width: 8px;height: 8px;margin-top: 30px;margin-left: -11px;}
.holiday_1:after{content: " ";position: absolute;background:#59B200;border-radius: 50%;width: 8px;height: 8px;margin-top: 30px;margin-left: -11px;}
/*.leave:after{content: " ";position: absolute;background: var(--primary-color);border-radius: 50%;width: 8px;height: 8px;margin-top: 30px;margin-left: -11px;}*/
h3.middle{margin-top:50px;font-size:33px;font-family: 'latolight';}
.information-days{padding: 15px 0;border-bottom:1px solid #E8E8E8}
.information-days p{color: #999}
.information-days p span{margin-right: 10px;}
.information-days small{padding-left: 10px}
.information-days1{padding: 15px 0;}
.information-days1 p{color: #999}
.information-days1 p span{margin-right: 10px;}
.information-days1 small{padding-left: 10px}
.festivels{padding: 15px 0;}
.festivels p{color: #999;line-height:25px}
.festivels p span{margin-right: 10px;color:#fff;width:25px;height: 25px;float: left;border-radius: 50%;line-height: 25px;text-align: center;font-size: 12px;}
.site-color-border{box-shadow: inset 0px 0px 4px var(--primary-color),4px -33px 19px -100px #DDDDDD;-webkit-box-shadow: inset 0px 0px 4px var(--primary-color),4px -33px 19px -100px #DDDDDD;-moz-box-shadow: inset 0px 0px 4px var(--primary-color),4px -33px 19px -100px #DDDDDD;}
.festivels h3{margin: 0 0 0 10px;}
.list-timings{margin-bottom: 15px;}
.list-timings small{display: block;line-height: 20px;font-size: 13px;margin-left: 10px}
.border-bottom{border-bottom: 1px solid #ebebeb;padding-bottom: 10px}
.fixednav.affix {position: fixed;top: 0;width: 100%;z-index: 9;}

.hover-edit-icon{position:relative}
.hover-edit-icon .editimg-con{display: none;}
.hover-edit-icon:hover .editimg-con{display: block;width: 100px;background: rgba(0, 0, 0, 0.36);height: 100px;position: absolute;top: 0;border-radius: 50%;
text-align: center;line-height: 100px;color: #fff;}

.hover-edit-icon-vibe{position:relative}
.hover-edit-icon-vibe .editimg-con{display: none;}
.hover-edit-icon-vibe:hover .editimg-con{display: block;width: 50px;background: rgba(0, 0, 0, 0.36);height: 50px;position: absolute;top: 0;border-radius: 50%;cursor: pointer;
text-align: center;line-height: 50px;color: #fff;}

.notiesbar{ display: inline-block; background: #febc3d; right: 11px; padding: 4px 10px 2px 10px;text-transform: uppercase; font-size: 11px;border-radius: 25px;font-weight: 500 !important;font-family: "roboto" !important;}
.blacklisted{ display: inline-block; background: #4B5C72; left: 5px; padding: 4px 10px 2px 10px;text-transform: uppercase; font-size: 11px;border-radius: 25px;color:#fff;font-weight: 500 !important;font-family: "roboto" !important;}
/**Streams Page Profile css**/
.stream-searchbar{background: #000;padding: 10px 0}
.serchbar{background:#fff url(../images/search.png) left no-repeat;padding-left: 35px;background-position: 5px;height: 40px}
.stream-searchbar a.filtericons{color:#BABABA;padding: 8px;}

.profile-main-section{background: #f8f8f8;padding: 8px 0}
.profile {margin: 20px 0;}

.hover-edit .edithover{display:none;right:45px; top:15px;}
.hover-edit .edithover1{display:none;right:45px;top:15px;}
.hover-edit:hover .edithover{/*color:rgb(88, 78, 78);*/display:block;z-index:999;width:24px;float:right;position:absolute;}
.hover-edit:hover .edithover1{/*color:rgb(88, 78, 78);*/display:block;z-index:999;width:24px;float:
right;position: absolute;}
.hover-edit:hover{background: #eee;}
.profile-details{padding: 5px 40px 20px 40px; word-break: break-all;}
/*Setttings page css*/
.table-border1{border-top:1px solid #ddd;border-bottom: 1px solid #ddd}
.margin-bottom15{margin-bottom:15px;}

/* it-declarations css*/
.it_declarations_checkbox{padding-left:10px;}


.dahbord-emp-main{background:#fff}
.dahbord-emp-left{width:68.2%;float:left;min-height:200px;}
.dahbord-emp-right{width:31.8%;float:left;background:#F7F8F8;min-height:200px;border-left: 1px solid #ddd}
.how-are-you{background:#B2D4ED;}
.how-are-you h2{margin:0;padding:27px 20px;font-size:24px; font-family: 'latolight';}
.emoticons-main {padding: 0;float: right}
.emoticons-main li{float: left;list-style: none;padding: 5px 12px;margin-top: 12px;}
.emoticons-main li a img{width: 48px; height: 48px;}
.emoticslist1 li{width: 100%;padding: 10px 20px;margin: 0}
.first-emo{margin-top: 10px !important}
.emoticslist1:before {width: 10px;position: absolute;content: "";height: 11px;border-left: 6px solid transparent;
    border-right: 7px solid transparent;border-bottom: 8px solid #fff;top: -11px;right: 0;z-index: 10;
    left: -205px;margin: 0 auto;}
.emoticslist2 li{width: 100%;padding: 10px 20px;margin: 0}
.emoticslist2:before {width: 10px;position: absolute;content: "";height: 11px;border-left: 6px solid transparent;
    border-right: 7px solid transparent;border-bottom: 8px solid #fff;top: -11px;right: 0;z-index: 10;
    left: -60px;margin: 0 auto;}
.emoticslist3 li{width: 100%;padding: 10px 20px;margin: 0}
.emoticslist3:before {width: 10px;position: absolute;content: "";height: 11px;border-left: 6px solid transparent;
    border-right: 7px solid transparent;border-bottom: 8px solid #fff;top: -11px;right: 0;z-index: 10;
    left: 80px;margin: 0 auto;}
    .emoticslist4 li{width: 100%;padding: 10px 20px;margin: 0}
.emoticslist4:before {width: 10px;position: absolute;content: "";height: 11px;border-left: 6px solid transparent;
    border-right: 7px solid transparent;border-bottom: 8px solid #fff;top: -11px;right: 0;z-index: 10;
    left: 232px;margin: 0 auto;}
    .emoticslist5 li{width: 100%;padding: 10px 20px;margin: 0}
.emoticslist5:before {width: 10px;position: absolute;content: "";height: 11px;border-left: 6px solid transparent;
    border-right: 7px solid transparent;border-bottom: 8px solid #fff;top: -11px;right: 0;z-index: 10;
    left: 373px;margin: 0 auto;}
.nav-tabs-emp { border-bottom: 1px solid #DDD; }
.nav-tabs-emp > li {float: left;width: 210px;padding: 5px 0}
.nav-tabs-emp > li > a { border: none; color: #666;padding: 10px 28px;font-size: 13px; }
.nav-tabs-emp > li > a span{background: #666;color: #fff;width:20px;height: 20px;position: absolute;top: 2px;right: 10px;text-align: center;line-height: 20px;border-radius: 50%;font-size: 12px;}
.nav-tabs-emp > li.active{background: #fff;color: var(--primary-color)}
.nav-tabs-emp > li.active a span{background:#FF7F00;}
.with-nav-tabs .panel-heading{padding: 0;background:#F7F8F8}

.comments-left-img{float: left;min-width: 40px;}
.comments-left-img a img{width: 40px;height: 40px;margin-top: 5px;}
.comments-left-discription{padding: 12px;width: 100%;}
.tabpane-ul-list{padding: 0;}
.tabpane-ul-list li{list-style: none;border-bottom: 1px solid #eee;display: inline-block;padding: 10px 25px;position: relative; width:100%;}
.comments-left-discription p{margin: 0;font-size: 15px; width: 70%;}
.comments-left-discription p a{color:var(--primary-color);margin-right: 5px;font-weight: normal}
.msg-time, .msg-time a{color:#aaa !important;font-weight: 400 !important;}
.comments-left-discription p small{font-size: 13px;color:#D8D8D8}
.tabpane-ul-list li:hover{background: #F3F8FD}
/*.btn-hoverlayer{display:none;position:absolute;right:40px;}*/
.btn-hoverlayer {position: absolute; right: 10px; top: 0px;}
.tabpane-ul-list li:hover .btn-hoverlayer{  visibility: visible; opacity: 1;z-index:999;margin-top: 0;}
.btn-danger1{border:1px solid #ff7373;color: #ff7373;}
.btn-danger1:hover{background:#ff7373;color:#fff}

.btn-erp1{background: #fff;border:1px solid #ccc;color: #ccc}
.btn-erp1:hover{background: #ccc;color: #fff}
.btn-hoverlayer a{margin-left: 5px;}

.comments-left-img1{float: left;min-width: 40px;}
.comments-left-img1 a img{width: 38px;height: 38px;margin-top: 5px;}
.comments-left-discription1{margin-left: 50px;}
.tabpane-ul-list1{padding: 0;}
.tabpane-ul-list1 li{list-style: none;display: inline-block;padding: 10px 25px;}
.comments-left-discription1 p{margin: 0;font-size: 14px;}
.comments-left-discription1 p a{color:#333;margin-right: 5px;font-weight: 600}
.comments-left-discription1 p small{font-size: 12px;color:#BFBFBF}

.comments-left-img2{float: left;min-width: 40px;}
.comments-left-img2 a img{width: 38px;height: 38px;margin-top: 5px;}
.comments-left-discription2{margin-left: 55px;padding-bottom: 15px}
.tabpane-ul-list2{padding: 0;}
.tabpane-ul-list2 li{list-style: none;display: inline-block;}
.comments-left-discription2 p{margin: 0;font-size: 14px;}
.comments-left-discription2 p a{color:var(--primary-color);margin-right: 5px;font-weight: 600}
.padd{padding: 6px 0}
.comments-left-discription2 p small{font-size: 12px;color:#BFBFBF}
.unpaid{background:#ff7373;color: #fff;margin: 10px 0;}


.overflowscroller-tab1{overflow: auto;min-height: 582px;max-height: 582px;overflow-x: hidden}
.overflowscroller-tab2{overflow: auto;min-height: 556px;max-height: 556px;overflow-x: hidden}
.overflowscroller-vibe-dash{overflow: auto;min-height: 630px;max-height: 630px;overflow-x: hidden}
.latest-stream{font-weight: bold;font-size: 13px;border-bottom: 1px solid #ddd;padding: 10px 0px;margin-left: 20px;color:var(--primary-color)}
.available-people{background:#F7F8F8;width: 100%;min-height: 100px;padding:10px 20px;}
.available-people p{font-size: 13px;}
.available-people ul{padding: 0;text-align: center;max-height: 75px;overflow: auto;min-width: 500px;max-width: 800px;}
.available-people ul li{float: left;list-style: none;padding: 10px 10px}
.available-people ul li a{color:#333;}
.available-people ul li a img{width: 40px;height: 40px;margin-bottom: 5px}
.top-aqe-link{padding: 9px 30px;border-bottom: 1px solid #eee}
.top-aqe-link a{color: #333;font-size: 13px;}
.top-aqe-link a span{margin-left: 5px;}
.no-tasks{padding:6em 0;min-height: 563px;}
.no-tasks h3{color:var(--primary-color);font-size: 42px;font-family: 'latolight';}
.no-tasks h4{color:#878787;font-size:28px;font-family: 'latolight';}
.border-top{border-top:1px solid #eee}
.paddingrow .col-md-6{padding:0 15px}
.callbg{background: url(../images/calendar.png) no-repeat;background-position: 97% !important;background-size: 20px;}
.paddingbtn .btn{padding:5px 8px}
.paddingbtn .btn-default{color:#E6E6E6;border-color:#E6E6E6}
.dot{position: absolute;margin-top: 2.5em; margin-left: -15px;}

.leaves-histable{min-height: 10px;}

@media(max-width:768px){
    .navbar-collapse{padding: 0;border: 1px solid #f2f2f2;margin-bottom: 5px;}
    .navbar-menu{background: #f2f2f2}
    .menu_list{background:#f2f2f2;border-radius: 3px;}
    .menu_list li a {padding:12px 44px;width:100%}
    /*.menu_list li a:hover, .menu_list li a.active{background-position: 10px;}*/
    .menu_list li a i{margin-right: 10px;}
    .menu_list{text-align: left;}
    .menu_list li {display:block !important;float:none;width:100%}  
     
}
    @media(max-width:740px){
    .organizers:before, .devider:before, .before:before{content: none}
    
    }

@media (max-width:900px){
           .col-md-13{width:33%}
            .colmd2{width: 100%}
}   

@media (max-width:500px){
           .col-md-13{width:50%}
}   
@media (max-width:420px){
           .col-md-13{width:100%}
            .colmd2{width: 100%}
}  
@media (max-width:1351px) {
.menu_list li a{font-size:14px;}
/*.menu_list li a{background-position: 48px 14px;}
.dashboard.active, .streams.active, .employees.active, .payroll.active, .calender.active, .reports.active, .hr-documents.active{background-position:48px 14px;}*/

.posts-info li a{font-size:13px !important;}
}

/*
@media (max-width: 1300px){

.payrol-top{min-width:91.7%;}
.posts-info li a{font-size:13px !important;}
}

*/
@media (max-width: 1288px){

.alphabetic-order ul li{padding: 0px 7px !important;}
/*.menu_list li a{background-position: 48px 14px;}
.dashboard.active, .streams.active, .employees.active, .payroll.active, .calender.active, .reports.active, .hr-documents.active{background-position:48px 14px;}
}*/
@media (max-width: 1100px){
  .upload-btn{padding: 13px 47px !important;}  
}
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    width:100%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}
.fileUploadInput + label{
    max-width: 50%;
}




.top-margin{margin-top: 43px} 
.circle-btn{cursor: pointer;} 
.hover-edit a:first-child{
    right:13px;
}
.personal-profile .profile-details p .caption{display: block;}
.personal-profile .profile-details p{margin-bottom: 12px;  word-break: break-all;}
.fnt-total{
    font-size: 24px;
    font-family: latolight;
}
.modal-body .form-group label , .modal-dialog .form-group label{
    color:#888;
}
.modal-body .form-inline label{
    color:#888;
}
.tag-heading{padding:10px 15px;background: #fff;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);margin-bottom: 15px;}
.tag-padd-bottom{padding-bottom: 10px;}
.message-padd{padding:6px 0px;}
.attach-padd{padding:10px 0px 0px 10px;}

.col3-dash{width:19%;float: left;}
.employee-dd{top:70%;}
.bulk-menu:after{
    content: "";
    border-bottom: 13px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 48px;
    z-index: 10;
}
.bulk-menu:before{ 
    content: "";
    border-bottom: 10px solid #ccc;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 47px;
    z-index: 10;left:207px;

}
.employee-dd:after{
    content: "";
    border-bottom: 13px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 21px;
    z-index: 10;
}
.employee-dd:before{ 
    content: "";
    border-bottom: 10px solid #ccc;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 52px;
    z-index: 10;left:130px;}

    .employee-dd-up:after{
    content: "";
    border-top: 7px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: 284px;
    right: 8px;
    z-index: 10;
}
.employee-dd-up:before{ 
    content: "";
    border-top: 9px solid #ccc;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: 284px;
    right: 59px;
    z-index: 10;
    left:126px;}


    #calendar table > tbody > tr.fc-week > td:first-child, 
    #calendar table > thead > tr > th:first-child{
        border-left: 1px solid #ddd !important;
    }
    .gap{
        margin-top:10px;
        margin-bottom: 10px;
    }

    input.form-control{border-radius:0px !important; border: 1px solid #E6E6E6 !important;box-shadow: 0px 0px 0px !important;} 
    input.form-control:focus{border-radius:0px !important; border: 1px solid #66AFE9 !important;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6) !important;} 
    textarea.form-control{border-radius:0px !important; box-shadow: 0px 0px 0px !important; }
    textarea.form-control:focus{border-radius:0px !important; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6) !important; }

    #waiter img{margin-top: 50%;}
    #waiter:not(dbx-global-loader) { 
        z-index:100000;
        position:fixed;
        top:0;
        left: 0;
        height: 100%; 
        width: 100%; 
        text-align: center; 
        background: rgba(222, 222, 222, 0.63);
        border-radius:5px;
        padding-top: 20%
    }
    .spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: var(--primary-color);

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.doc-edit-hr{
    background-color: #fff;
    min-height: 100vh !important;
}
.apply-leave-input input{
    width:360px !important;
}
.desc-title a{
    color: var(--primary-color);
}
.color-mention-class .mention{
    color: var(--primary-color);
}
.vibe-right-img .img-circle{
    width: 40px;
    height: 40px;
}
/*scroll design */
::-webkit-scrollbar-track{}
::-webkit-scrollbar{width: 5px;background-color:#fff;}
::-webkit-scrollbar-thumb{background:#C1C1C1; border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:#7D7D7D;}
@supports not selector(::-webkit-scrollbar) {
    :root{
        scrollbar-color: #C1C1C1 #F7F8FA !important;
        scrollbar-width: auto !important;
    }
}
/*scroll design */

.personal-file-input input[type="file"]{
    width:215px;
}
.message_reply_body_container .mention{
    color: var(--primary-color);
}
.payroll-horizontal-error{
    list-style-type: none;
    text-align: center;
}
.payroll-horizontal-error li{
    display: inline;
    padding: 10px;
    background: #F7F8F8;
    color:red;
}

.payroll-horizontal-error .data_payroll_error{
    color:red;
}
.payroll-horizontal-error{padding-left:0px;}

.payroll-horizontal-error .data_payroll_success{
    color:var(--primary-color);
}

.payroll-horizontal-error li a{
    cursor: pointer;
}
.message-module ul.chzn-choices {
    background-image: none;
}
/*.reply-image:hover .down-hover{
    font-size: 14px;
    height: 20px;
    left: 16%;
    line-height: 17px;
    top: 40%;
    width: 20px;
}

.reply-image:hover .preview-hover{
    font-size: 14px;
    height: 20px;
    left: 33%;
    line-height: 17px;
    top: 40%;
    width: 20px;
}*/
.tooltip-inner{
    max-width: none;
    color:#fff;
    background: var(--primary-color) !important;
    padding: 3px 5px !important;
}
.tooltip-arrow{
    bottom:-5px !important;
    border-top-color: var(--primary-color) !important; 
}
.width94{width:94%;}
.breakWord{word-wrap:break-word;}
.breakTag{max-width: 25%;overflow: hidden;text-overflow:ellipsis;}
span.dash-avg-span{width:40px ;height: 40px; background: #ff7f00;margin-top: 22px;margin-right: 50px;border-radius: 50%;font-size: 20px;color: #fff;line-height: 40px;text-align: center;}

/*given by shravika for responcive*/
.vibe-avatar
{
display: inline-block !important;
 line-height: 120px;
}
.close
{
line-height:1.6 !important;
}
.vibe-left
{
width:19% !important;
}
.vibe-center
{
float:left;
}
.directory-avatar
{
display: inline-block !important;
 line-height:38px;
}
.overflowscroller-vibe-dash
{
min-height:755px !important;
 max-height:755px !important; 
overflow: auto;
 overflow-x: hidden;
}


@media (max-width:1024px){

.emoticons-main li
{
padding: 5px 8px;
}
.benefit-panel
{
min-height:170px;
}

.howmany-days
{
font-size:32px !important;
}
.sub-col
{
min-height:278px;
}
.importicons
{
padding:13px 18px;
}
.importicons1
{
padding: 13px 18px;
}
.media.profile-panel
{
padding: 35px 20px;
}
.media.profile-panel .media-object
{
width:110px; height:110px;
}
.hover-edit-icon:hover .editing-con
{
width:100px; height:100px; line-height:100px;
}
.colcaret
{
width:44%;
}
.colh3
{
width:56%;
}
.content .col-xs-6
{
padding-left:0px; padding-right: 0px;
}
.width70
{
width:60%;
}
.width30
{
width:40%;
}

}
/*given by shravika for responcive*/
.posi{
    position:fixed;
     margin-top: 0;
    top:42px;
    background: #fff;
    width: 100%;
    z-index: 100;
}
.posi1{
    position:fixed;
     margin-top: 0;
    top:93px;
    z-index: 99;
}
.posi2{
    position:fixed;
     margin-top: 0;
    top:160px;
    z-index: 99;
}
.compensation_error{color:red;}
.run_payroll_font td span{font-size: 13px;}
.run_payroll_input td input{padding:6px !important;}
.margintop20{margin-top: 20px;}
.ui-widget-content {
    border: none !important;
    z-index: 10000 !important;
}

ul.ui-autocomplete{    
    border-left: 1px solid #aaa !important;
    border-bottom: 1px solid #aaa !important;
    border-right: 1px solid #aaa !important;
    max-height: 300px;
    overflow-y: scroll;
    font-family: 'Roboto';
}
.score-card{background: url(../images/scorecard-normal.png) no-repeat top center;background-size: 20px !important;}
.score-card:hover{background:url(../images/scorecard-hover.png) no-repeat top center;background-size: 20px !important;}
.score-card.active{background: url(../images/scorecard-hover.png) no-repeat top center;background-size:25px;color:var(--primary-color)}

.logo.logoheader a {
display: table-cell;
vertical-align: middle;
height: 65px;
padding-left: 10px;
}
.default_row{
    color:#a59e9e;
}
.fromslab{
    width:130px;
}
.ptslabtable tbody tr td{
    border-right:1px solid#fff!important;
}
.ptslabtable tbody tr td input{
    text-align: center;
}
.location_slabtable tbody tr td{
    border-right:1px solid#fff!important;
}
.location_slabtable tbody tr td input{
text-align: center;
}
.location_slabtable.db-table-one tbody tr td{
    padding:12px 4px!important;
}
.ptslabtable thead,tbody tr{
    border-bottom:none!important;
}
.ptslabtable.db-table-one tbody tr:hover{
    background: #ffffff;
}
.location_slabtable.db-table-one tbody tr:hover{
    background: #ffffff;
}
.popover__title {
    font-size: 18px;
    text-decoration: none;
    color: rgb(125 141 159);;
    text-align: center;
  }
  
  .popover__wrapper {
    position: relative;
    display: inline-block;
  }
  .popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -122px;
    top: 43px;
    transform: translate(0, 10px);
    background-color: #fcfcfc;
    padding: 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: 300px;
  }
  .popover__content:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -11px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fcfcfc transparent;
    transition-duration: 0.3s;
    transition-property: transform;
  }
  .popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.9s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  }
  .popover__message {
    text-align: center;
    margin-bottom:0px;
  }
  .panelaccordian{
      overflow: inherit!important;
  }
  @media print {
    #disable_printscreen,
    .disable_printscreen {
      display: none !important;
    }
  }

  .form-group .amplify-readonly {
    background: #f7f8fa !important;
    border: solid 1px #e8ecf1 !important;
  }
  .amplify-error-message {
    word-wrap: break-word;
  }