@charset "utf-8";
/* CSS Document */
//@import url('../fonts/OpenSans-Regular.ttf');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&display=swap');
body{font-family: 'Open Sans', sans-serif;}
.dblue, .dblue > a{background:#479de5!important;border:none!important;}
#navbar{position:fixed;left:0;top:0;width:100%;float:left;z-index:100;}
#sidebar {position:fixed;width:100%;top:45px;left:0;z-index:99;}
a,a:hover{color:#585858;text-decoration:none;}
.sidebar.h-sidebar .sidebar-shortcuts {width:74px;}
.page-header{position: fixed;left: 0;width: 100%;z-index: 98;background: #fff;padding-bottom:7px;height:46px;}
table{border-spacing:0;border-collapse:collapse;}

.table_border .name_days td{background:#ECF2F7;}
.table_border td{border:1px solid #bcd4e5;width:14.2%;vertical-align: top;padding: 8px;}
.rday b{width:100%;height:20px;float:right;font-size:16px;font-style:normal;text-align:right;}
.rday {height:200px;}
.hide {display:none;}
.login-layout .main-content{margin-top: 0;}
.main-content{font-size:12px;}
.main-content p{line-height:1.8em;}
.hr-filter { width:370px;}
.hr-filter li{ width:170px; margin-left:10px;float:left;}
.underline{text-decoration:underline;}
.orange{color:#ff892a;}
.silver{color:#C0C0C0}
.red{color:#d15b47}
.copper{color:#b87333}
.blue{color:#6fb3e0}
.platinum{color:#e5e4e2}
.green{color:#87b87f}
.brass{color:#b5a642}
.purple{color:#d07edb}
.gold{color:#CFB53B}

.name_days{background:#ecf2f7;}
.leave {float:left; width:100%;margin-bottom:10px;}
.sl,.sl_l{color:#6fb3e0;}
.cl,.cl_l{color:#87b87f;}
.el,.el_l{color:#ffb752;}
.lop,.lop_l{color:#d15b47;}
.comp,.comp_l{color:#cb6fd7}
.prob,.prob_l{color:#585858}
.covid,.covid_l{color:#F60}
.psi_new,.psi_new_l{}
.prob_end,.prob_end_l{}

.date_birth{}
.salary_hike{}
.on_leave{}
.week_update{}
.week_training{}

.rem_container{font-size:11px}
.rem_container .dropdown-menu{font-size:12px;padding:6px;}
.rem_container hr{margin:0 0 5px; border-top:1px solid #bcd4e5;}
.rem_completed .client_abbr{text-decoration:line-through;}
.comp_name{width:100%;clear:both;float:left;border-top:1px solid #bcd4e5;text-align:right;}
.footer .footer-inner .footer-content{z-index:100;}
.form-search{position:relative;}
.search_wrapper{width:550px;position:absolute;left:0;top:36px;display:block;background:#fff;z-index:100;box-shadow:0 2px 4px 0 rgba(0,0,0,.25);display:none;}
.search_wrapper .scroll-content{padding:10px;}

.options {float:right;font-size:12px;}
.options #drop_down{float:right;}
.options input{font-size:15px; width:100px;height:33px;}
.options .input-group{line-height:24px}
.options .ace-nav > li {border:none;}
.options .ace-nav > li.light-blue > a {background:#eee;border:1px solid #ccc;margin-left:5px;height:34px;line-height:34px;font-size:12px;color:#333;}
.options .ace-nav > li > a > .ace-icon {color:#555; font-size:17px;}
.widget-box{margin-bottom:10px;border-bottom:1px solid #EAEDF1;}

#add_reminder, #add_task_block, #edit_task_block,
#view_early_logout, #view_early_lunchin, #cancel_leave_notification, #cancel_leave_notification_1
{width:30%;background:#fff;min-height:240px;height:auto;position:fixed;left:24%;top:22%;border:1px solid #bcd4e5;display:none;z-index:100;}
#view_reminder form, #add_reminder form{margin:5%;float:left;width:90%;}
.close_popup{ color:#92bedd; width:24px; height:24px;margin:3px 10px;font-size:20px;float:right;text-align:right;line-height:0;}
.title-bar{background:#ecf2f7;float:left;width:100%;height:30px;border-bottom:1px solid #bcd4e5;}
#show_monts_day, #show_days, #add_reminder{display:none;}
#right-fixed {position:fixed; right:0; top:auto;}
#view_reminder,#new_view_reminder,#list_view_reminder{width:30%;background:#fff;min-height:250px;height:auto;position:fixed;left:24%;top:20%;border:1px solid #bcd4e5;display:none;z-index:100;}
.team_client_name {height: 24px;font-size: 14px;color: #302a2a;line-height: 24px;padding: 10px 0 5px 0;}
.client_heading th{padding: 8px 5px;color:#4e4e4e;border-bottom:1px solid #7ea9ca;background:#d8e4ef;}
.p_10{padding-left: 10px;}
.table_bg {background: #d8e4ef;border-top:1px solid #7ea9ca;}
.l-blue {background:#f5f7f8;}
.l-blue-tr td {background:#f5f7f8;}
.db_sub_head td {padding: 4px 5px;;border-bottom: 1px solid #e2e2e2 !important;}
.display_none, .c_display_none, .t_display_none {display: none;}
#select_options {width:20%;float:left;}
.add_task_block select, .add_task_block input[type="text"], .add_task_block input[type="number"], .add_task_block textarea{width:98%;height:28px;}
.db_save{background: none;border: none;font-size: 22px;color:#000;}
.tsk_date {font-size:10px;color:#9c9c9c;margin-left:5px;padding:0 1px;}
.ajax_loader {min-height:200px;}
.ajax_loader span{font-size:11px!important;}
.outer_border{border:1px solid #e2e2e2; border-bottom:none; margin:25px;}
.spantxt_blk, .hide_blk{display:none;}
.view_tsk .inline .dropdown-menu{font-size:11px;padding:7px;}
.error {position:fixed;z-index:100;width:40%;margin:6% 30% 0;text-align:center;}
.estimation .category_time, .add_block .col-md-3 input[type="text"]{width:52px;height:30px;margin:3px}
.estimation .col-md-6:nth-of-type(4n-1), .estimation .col-md-6:nth-of-type(4n+4){background:#f5f7f8;}
.estimation .col-md-6 .col-md-12:nth-of-type(even){background:#f5f7f8;}
.estimation .col-md-8, .estimation .col-md-6 {line-height:2.8em;}
.estimation .col-md-6 {width:49%;margin:0 0.5%}
.estimation .col-md-9 input[type="text"], .add_block .col-md-9 input[type="text"]{width:88%;height:30px;margin:3px 0px;}
.nav-search-input{background:#ecf2f7!important;border:none!important;width:100%!important;height:30px!important;font-weight:normal!important;font-size:14px!important;}
.add_block {float:right;clear:both;}
.add_block .col-md-3 input[type="text"], .add_block .col-md-9 input[type="text"]{margin:10px 0}
.add-new{background:#eee;border:1px solid #ccc;padding: 2px 9px;font-size: 13px;color: #585858 !important;line-height: 36px !important;}

.table_bg .select2-container .select2-selection--single {height:28px!important;}
.table_bg .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:28px!important;}
.c_count {width:15px;height:15px;line-height:13px;font-size:10px;text-align:center;color:#000;background:#f0e53d;float:right;}
.w100 {width:100%!important;}
.simple-table td a{display:block;}
.message-list{border-bottom: 1px solid #EAEDF1;}
.no-bg{background:none!important;border:none!important;}
.no-bg select{height:34px!important;float:left!important;margin-left:5px!important;}
#show_list {list-style:none}
#show_list li{width:50%;float:left;list-style:none;}
.remnomarg {margin-bottom:0;margin-top:8px;padding:0}
#servertime{text-align: left;float: left;font-size: 14px;padding-left: 20px;}
.grid2:first-child, .grid3:first-child, .grid4:first-child, .grid6:first-child {border-left: none;}
.grid6 {width: 14.6666%;padding: 0 1%;}
.grid2, .grid3, .grid4, .grid6 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;	margin: 0 1%;padding: 0 2%;float: left;border-left: 1px solid #E3E3E3;}
.grp-active {background:#f4f9fc!important;}
#my_task .scroll-content{padding:10px;}
.n-table td,.n-table th{padding:3px 0;}
.n-table th{border-bottom:1px solid #DCE8F1;}
#logtime_wrapper{width:380px;height:46px;color:#6c797f;float:right;font-weight:bold;border:none;padding-top:10px;}
#login_button {width:77px;height:38px;background:url(../images/start.png) no-repeat;cursor: pointer;border:none;display:block;margin:0 auto;}
#login_active {width:77px;height:38px;background:url(../images/start_active.png) no-repeat;border:none;display:block;margin:0 auto;}
#break_disabled	{width:77px;height:38px;background:url(../images/pause_inactive.png) no-repeat;border:none;display:block;margin:0 auto;}
#logout_button {width:77px;height:38px;background:url(../images/stop.png) no-repeat;cursor: pointer;border:none;display:block;margin:0 auto;}
#logout_active	{width:77px;height:38px;background:url(../images/stop_active.png) no-repeat;border:none;display:block;margin:0 auto;}
#logout_inactive {width:77px;	height:38px;background:url(../images/stop_inactive.png) no-repeat;border:none;display:block;margin:0 auto;}
#lunchin_button, #m_break_in, #e_break_in	{width:77px;height:38px;background:url(../images/resume.png) no-repeat center;cursor: pointer;border:none;display:block;margin:0 auto;}
#lunchout_button, #m_break_out, #e_break_out	{width:77px;height:38px;background:url(../images/pause.png) no-repeat center;cursor: pointer;border:none;display:block;margin:0 auto;}
.cname {margin-top: -36px;text-transform: uppercase;width: 72%;clear: both;height: 30px;display: block;float: left;font-weight: bold;font-size: 16px;text-align:center;}
em{font-weight: normal;font-size: 11px;}
.bootstrap-timepicker, .bootstrap-timepicker input{width:100%;}
.footer_kyc {
	width:100%;
	text-align:center;
	font-size:14px;
	color:#F00;
}
.footer_kyc a{
	font-size: 14px;
	color:#fff;
	padding: 10px 100px;
	display: inline;
	background:#F00;
}
.instr-wr h2{font-size:20px;}
.instr-wr h3{
	color:#DD5A43;
	font-size:14px;
	margin:0;	
}
.instr-bdr {
	border: 1px dotted #999999;
	margin-bottom:2%;
	padding:2%;
}
.instr-updt p {margin:0;}
.e_hide{display:none;}
.to_do_list_item li{
	padding:0 0 10px;
	font-size:12px;	
}
@media (min-width: 240px) {
	.main-content {margin-top: 90px;}
	.page-header{top: 45px;}
}
@media (min-width: 320px) {

}
@media (min-width: 480px) {
	.page-header h1{margin:0 30px;width:72%;float:left;}
	#logtime_wrapper{display:block;}
}
@media (min-width: 768px) {
	.main-content {margin-top: 160px;}	
	.page-header{top: 100px;}
}
@media (min-width: 980px) {

}
@media (min-width: 1200px) {

}

@media (max-width: 479px) {
	.page-header h1{margin:0 2%;width:96%;float:left;}
	#logtime_wrapper{display:none;}
}