/* THIS CSS IS CREATED BY NIKITA PRAJAPATE */

/*----- Calander css ------*/
.disabled_red{ 
color:#ff000069 !important;
pointer-events: none;
cursor: default;
text-decoration: none;
}
.disabled_blue{ 
color:#ef4554 !important;
cursor: default;
text-decoration: none;
}
/*.datepicker-days table td:first-child{color:#ff0000;} */
.doc_box{ font-size:13px;}


.ll{font-size:12px;}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 1em !important;
}




/*------ ROLE & PERMISSION ------*/
.p-l-2em{padding-left: 2em !important;}
.p-l-4em{padding-left: 4em !important;}
.p-l-6em{padding-left: 6em !important;}
.first_td {
    width: 55%;
}
.ellipsis {
    position: relative;
}
.ellipsis:before {
    content: ' ';
    visibility: hidden;
}
.ellipsis span {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-light-danger{color: #f5c6cb;}
.bg-primary-light{background-color: #D0DFEC;}
.role_tab .nav.nav-tabs > li > a, .role_tab .nav.tabs-vertical > li > a {
background-color: #bccddc; border-right: 1px solid #98abbb;}

.role_tab .nav-tabs .nav-item.show .nav-link, .role_tab .nav-tabs .nav-link.active {
    border-color: #ddd #ddd #fff;
    border: 1px solid #bccddc !important;
    border-bottom: none !important;
	
}
.role_tab .nav-tabs .nav-link.active {
    background-color: #ffffff;
}
.role_tab .tab-content {
     box-shadow: none; 
    border: 1px solid #bccddc !important;
}
.role_tab .nav-tabs .nav-link {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
/*tab 
.blue_tab .nav-tabs {
    background-color: #f4f4f4;
    border: 1px solid #4e86b3 !important;
}
.blue_tab .nav-tabs .nav-item {
    border: 1px solid #4e86b3;
}
.blue_tab .nav-tabs .nav-item.show .nav-link, .blue_tab .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #4e86b3;
    color: #ffffff !important;
}
.blue_tab .tab-content {
    border: 2px solid #4e86b3;
}
.blue_tab .nav.nav-tabs > li > a, .blue_tab .nav.tabs-vertical > li > a {
    background-color: #d0dfec;
    color: #0c71bd !important;
}
 END:tab */

.chk-sm:after{
    width: 16px !important;
    height: 16px !important;
}
 
.chk-sm:checked:before {
    width: 5px !important;
    height: 9px !important;
}

.chk-sm:disabled {
    cursor: no-drop;
}

.input-sm-tbl {height: 20px !important; }
.td_50{width:50px; text-align:center;}
.td_55{width:55px; text-align:center;}
.table-bordered-blue {
    border: 1px solid #bccddc;
}
/*tr.collapse.show {
        display: table-row;
}*/

/*------ END: ROLE & PERMISSION ------*/ 


/*------- EMPLOYEE ROLE & PER PAGE -----*/
.employee_action_form .w-auto{width:auto;}
.employee_action_form .fd_view:hover{ cursor: pointer; }
.employee_action_form .emp_prefix_css{ border-right: none;padding-right: 0!important;text-align: right;}
.employee_action_form .emp_no_css{ border-left: none;padding-left: 0!important;}
.employee_action_form .btn-link{padding: 0px;}
.employee_action_form .card .btn-xs {
    padding: 0px 4px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.employee_action_form .form-group {margin-bottom: 0.5rem;}
.employee_action_form .row_c {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.employee_action_form .btn_save, .employee_action_form .btn_close{ font-size:20px !important;}
.employee_action_form .qua_div .btn_save, .employee_action_form .qua_div .btn_close, .employee_action_form .cer_div_body .btn_save, .employee_action_form .cer_div_body .btn_close{ font-size:15px !important;}
.employee_action_form .sc_btn_save, .employee_action_form .sc_btn_close, .employee_action_form .action_btn{ display:none;}
.employee_action_form .action_btn{ display:none;}
/*modelcontent */
#Delete_Box .modal-content{
	padding:10px !important;
}
#Delete_Box .modal-header { padding: 0 !important; }

#cover{
    width:100%;
    height:100%;
    background: #fff;
    z-index: 9999;
    position:  fixed;
    text-align: center;
}
.cover-data{
    margin-top: 18%;
}
/*------- EMPLOYEE ROLE & PER PAGE -----*/
/*-------- NEW CSS ------*/
.table_sm_12 > tr > td, .table_sm_12 >  tr > th{
    font-size: 13px;
}

.bg-blue-heading-dark{
	background:#ABC6DC;
}

/*start by vishal*/
.usr .media{
	margin-bottom:0px!important;
}
.page_header{
	position:fixed;
	width:100%;
	z-index:3;
	top: 4rem;
}

.content form .sub_icons{
	margin-top: 8.5rem;
}
.content .card-box{ 
	margin-top:9rem;
}
@media(max-width:768px){
	.usr .media img{
		margin-right:5px!important;
	}
	.ll{font-size:10px;}
	.nav-user{padding:0px!important;}
}

@media(max-width:480px){
	.usr{margin-top:1rem;}
}



@media(min-width:1325px){
	.page_header .col-sm-6:nth-child(1){
		max-width:40%;
	}
	.page_header .col-sm-6:nth-child(2){
		max-width:42%;
	}
}

@media only screen and (max-width: 1324px) and (min-width: 961px){
	.page_header .col-sm-6:nth-child(1){
		max-width:28%;
	}
}

@media only screen and (max-width: 960px) and (min-width: 768px){
	.page_header .col-sm-6:nth-child(2) .pull-right{
		margin-right:4rem;
	}
}
.fd_e_upload_profile_photo{
	/*height: 113px*/
}




/* basically PERFECT scrollbars */

::-webkit-scrollbar { 
  width: 5px;
  height:5px;
  background-color: #fff;
}
::-webkit-scrollbar:hover {
  background-color: #fff;
}
::-webkit-scrollbar-thumb:vertical {
	background: #777;
}
::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0,0,0,0.61); 
}

::-webkit-scrollbar-thumb:horizontal {
	background: #777;
}
::-webkit-scrollbar-thumb:horizontal:active {
	background: rgba(0,0,0,0.61); 
}


/*@media(min-width:1300px){
	#sidebar-menu{
		height: 100%;
		overflow-y: auto;
	}
}
@media(max-width:1299px){
	#sidebar-menu{
		height: 100%;
		overflow-y: auto;
	}
}*/



.card1{margin-top:9rem;}
/*.content form .card-box{
	padding-top:5.5rem!important;
}
.content .card-box{
	padding-top:6rem!important;
}
@media(max-width:575px){
	.content form .card-box{
		padding-top:8rem!important;
	}
	.content .card-box{
		padding-top:10rem!important;
	}
}*/






.page_header .breadcrumb{
	padding-bottom:4px;
}
.content form .text-right > ul{
	margin-bottom: 5px;
}
.sr-vw .btn{
	margin-top:1.5rem;
}
.sr-vw .btn{
	font-size:12px; 
}
.emp-mgnt-inner{
	padding-top:0px;
	padding-bottom:1px;
	margin-bottom:0px;
}
.emp-mgnt-inner label{
	font-size: 11.5px;
	padding-top:4px;
	padding-bottom:1px;
}
.emp-mgnt-inner .select2-container .select2-selection--single{
	height: 30px !important;
}
.emp-mgnt-inner .select2-container{
	font-size:12px !important;
}
.emp-mgnt-inner .select2-results__option {
    padding: 3px !important;
    font-size: 12px !important;
}
.emp-mgnt-inner .select2-container .select2-selection--single .select2-selection__rendered{
	line-height: 30px !important;
}
.emp-mgnt-inner .form-group{
	margin-bottom: 5px;
}
.emp-mgnt-inner{
	margin-bottom:1px;
}
.emp-row{
	padding-left:5px;
	padding-right:5px;
}

.emp-mgnt-inner .table_sm > tbody > tr > td, .emp-mgnt-inner .table_sm > tbody > tr > th, .emp-mgnt-inner .table_sm > tfoot > tr > td, .emp-mgnt-inner .table_sm > tfoot > tr > th, .emp-mgnt-inner .table_sm > thead > tr > td, .emp-mgnt-inner .table_sm > thead > tr > th{
	padding: 3px 4px;
	font-size:13px !important;
	border-left: 1px solid #abc6dc;
}
/*end by vishal*/

.emp-mgnt-inner .pagination>li>a, .emp-mgnt-inner .pagination>li>span {
	padding: 0px 7px !important;
    font-size: 13px !important;
    border: 1px solid #4285f4;
}
.emp-mgnt-inner .table_sm{
	 border-right: 1px solid #abc6dc;
 }
 .page_header .btn-group-sm>.btn, .page_header .btn-sm {
    padding: .2rem .4rem !important;
 }
 
/*---- DATATABLE-----*/
 div.dataTables_wrapper div.dataTables_filter input {
    height: 30px;
}

.dataTables_wrapper .page-link {
    padding: .2rem .5rem !important;
    font-size: 12px;
}
table.dataTable {
    border-collapse: collapse !important;
}
/*----- */
.card-box-sm{
	 padding: 10px !important;
}
.card-box-sm .header-title{
	font-size: 14px !important;
}

.border-blue{border-bottom: 1px solid #d0dfec;}

.card-box-sm .nav.nav-tabs > li > a, .card-box-sm .nav.tabs-vertical > li > a {
    line-height: 40px !important;
}

.modal .modal-dialog .modal-content {
	padding:0px 10px 5px 10px !important; 
}

.modal .modal-dialog .modal-content .modal-header {
    padding-bottom: 5px !important;
}

/*---------- TIMESHEET CSS -----------*/
.timesheet_box .small_input{height: 14px !important;
    font-size: 12px !important;
    padding: 4px 4px !important;}
 .timesheet_box .form-group{  margin-bottom: 0px;   margin-right: 11px;}
 .timesheet_box textarea.form-control {
    min-height: 30px;
}

.timesheet_tbl > tbody > tr > td, .timesheet_tbl > tbody > tr > th, .timesheet_tbl > tfoot > tr > td, .timesheet_tbl > tfoot > tr > th, .timesheet_tbl > thead > tr > td, .timesheet_tbl > thead > tr > th {
    padding: 3px 4px;
    font-size: 13px;
    color: #2f323e;
     border-bottom: none; 
}
.timesheet_tbl thead th {
    color: #495057;
    background-color: #D0DFEC;
    border-top: 1px solid #abc6dc;
}
.bt-none{border-top:none !important;}
.timesheet_box .dataTables_scroll{ border: 1px solid #676767  !important; }
.timesheet_box table.dataTable {
     margin-top: 0px !important; 
 }
 
 .dark-border .table-bordered td, .dark-border .table-bordered th {
    border: 1px solid #333333;
}
.help-block{color:red;}

/*------ TIMESHEET TAB ------------ */
.timesheet_search_box{
	    background: #f4f8fb;
    padding: 4px 0px;
    border: 1px solid #dae4ec;
}
.timesheet_aj_data .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.timesheet_aj_data .table {
   border: 1px solid #abc6dc;
}
.timesheet_tab .nav.nav-tabs > li > a, .timesheet_tab .nav.tabs-vertical > li > a {
    line-height: 32px;
}
.timesheet_tab .tab-pane { height: 360px; }
.timesheet_search_box select, .timesheet_search_box .select2-container .select2-selection--single {
    height: 30px !important;
}
.timesheet_tab .form-control {
    padding: 5px 12px;
}

.tbl_xs > tbody > tr > td, .tbl_xs > tbody > tr > th, .tbl_xs > tfoot > tr > td, .tbl_xs > tfoot > tr > th, .tbl_xs > thead > tr > td, .tbl_xs > thead > tr > th {
    padding: 1px 4px;
    font-size: 12px;
    color: #2f323e;
    border-bottom: none;
}
.text-green{
	color: #4CAF50 !important;
}
.text-khakhi{
	color: #a96104  !important;
}

/* ajax pagination by NIKITA  */
.ajax_pg .pagination>li>a, .ajax_pg .pagination>li>span {
    padding: 0px 7px !important;
    font-size: 13px !important;
    color: #4285f4;
    border: 1px solid #4285f4;
}
.ajax_pg .pagination > .active > a, .ajax_pg .pagination > .active > span, .ajax_pg .pagination > .active > a:hover, .ajax_pg .pagination > .active > span:hover, .ajax_pg .pagination > .active > a:focus, .ajax_pg .pagination > .active > span:focus, .page-item.active .page-link {
    background-color: #4285f4;
    border-color: #4285f4;
    color: #fff;
} 

.ajax_pg.pagination > .active > a, .ajax_pg .pagination > .active > span, .ajax_pg .pagination > .active > a:hover, .ajax_pg .pagination > .active > span:hover, .ajax_pg .pagination > .active > a:focus, .ajax_pg .pagination > .active > span:focus, .page-item.active .page-link {
    background-color: #4285f4;
    border-color: #4285f4;
    color: #FFF;
}
/*-------------*/
.config_link a:hover{ color:#9cdbf3  !important; }
.page-title {font-size: 18px; }

/*--- home ----*/
.quick_link_btn{border: 1px solid #ffffff52;padding: 6px;}
.quick_link_btn:hover{background: #1a659e;}
.menu_tile_box .card-box p{ font-weight:500; }
.logout_btn{border-radius: 41px;
    /*background: #ef4554;*/
    color: #fff;
    border: 2px solid #ffffff52;
padding: 5px 7px;}

/*---TIMESHEET ---*/
.readonly-input{ pointer-events: none; background: #e9ecef; }
.readonly-input-A{ pointer-events: none; background: #afdeaf; }
.readonly-input-R{ pointer-events: none; background: #ff9d9d; }

.input-P{  background: #00bcd457; } 
.input-A{  background: #afdeaf; }
.input-R{  background: #ff9d9d; }

.scrollable_div {
    width: 100%;
    max-height: 50px;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.box-top{ margin-top:11em; }
.btn-tm-status.active, .btn-tm-status:active, .show>.btn-tm-status.dropdown-toggle {
        background-color: #fff !important;
    color: #000 !important;
    border: 2px solid #616161 !important;
    font-weight: 500;
}

.btn-tm-status {
	border-radius: 15px;
	padding: 0px 5px;
    font-size: 11px;
}

/*--- HOME BG ----*/
.bg-rd-primary {
    background: linear-gradient(60deg,#729af7,#004ad8 ) !important;
}

.bg-rd-warning {
    background: linear-gradient(60deg,#ffd6a8,#ff7a09 ) !important;
}

.bg-rd-info {
    background: linear-gradient(60deg,#729af7,#33b5e5 ) !important;
}

.bg-rd-purple {
    background: linear-gradient(60deg,#a2beff,#2100e4 ) !important;
}

.bg-rd-danger {
    background: linear-gradient(60deg,#f183b5,#ef4554 ) !important;
}

.bg-rd-success {
    background: linear-gradient(60deg,#32fbba,#2bbbad) !important;
}

.bg-rd-primary {
    background: linear-gradient(60deg,#729af7,#004ad8 ) !important;
}

.bg-rd-inverse {
    background: linear-gradient(60deg,#c3c3c3,#000000 ) !important;
}

.bg-rd-green {
    background: linear-gradient(60deg,#a4eaac,#238a27 ) !important;
}

.bg-rd-pink {
    background: linear-gradient(60deg,#ffbccf,#ff0358 ) !important;
}

.bg-rd-khakhi {
    background: linear-gradient(60deg,#fbc78a,#a96104) !important;
}

.bg-rd-rolep{
	background: linear-gradient(60deg,#FFC312,#ff8800 ) !important;
}
.bg-rd-conf{
	background: linear-gradient(60deg,#b0bdc3,#66778c) !important;
}
.bg-rd-changel{
	background: linear-gradient(60deg,#2bbbad,#28a745) !important;
}
.bg-rd-roleauth{
	background:linear-gradient(60deg,#e6c6e5,#f736f1 ) !important;
}
.bg-rd-ts{
	background: linear-gradient(60deg,#c1dee8,#12CBC4 ) !important;
}
.bg-rd-pms {
    background: linear-gradient(60deg,#dad5f1,#7b59ff ) !important;
}
.bg-rd-dk-purple {
    background: linear-gradient(60deg,#ce5ddc,#800080 ) !important;
}
.bg-rd-dk-red {
background: linear-gradient(60deg,#f19891,#F44336) !important;
}

.menu_tile_box i{ color:#fff;}
.menu_tile_box .card-box { position: relative;margin-top: 25px;}
.menu_tile_box .card-box h2 { 
	position: absolute;
    border-radius: 3px;
    padding: 5px;
    top: -21px;
    margin-right: 15px;
    border: 0px solid gray;
    border-radius: 0; /*77px;*/
    background: #ffffff;
    font-size: 20px;
    width: 45px;
    height: 45px;
    box-shadow: 5px 2px 10px 0px #adabab; 
}
.widget-box-1 p {
    margin-bottom: 0;
    color: #333;
    padding-top: 11px;
}
.menu_tile_box .card-box:hover { 
  background-color: #59b9e529  !important;
}
.input-group-addon{ display: none !important; }
.timesheet_box .text-danger td{
    color: #ef4554 !important;
}
/*---- ENPLOYEE VIEW DETAIL ----*/
.employee_action_form  .card-header {
    padding: .3rem 1.25rem;
}
/*.pre_emp_body .card-body, .bank_body .card-body{
    padding: .50rem;
*/
.hc-img{    
    width: 250px !important;
    height: 164px !important;  
}

/*--- EMPLOYEE UPLOAD ALERT ----*/
.emp_alert_box{ padding:5px; font-size:12px !important; }
.emp_alert_box .table-bordered td, .emp_alert_box .table-bordered th {
    border: 1px solid #ffffff;
    color: #fff;
    font-weight: 400;
	padding: 0px 3px;
}
.emp_alert_box th {
    background: #08080840;
	font-weight: 500 !important;
}

/*========== TOP HEADER CSS ===============*/
#sidebar-menu > ul > li > a {
padding: 4px 15px;
font-size: 13px;
}
#sidebar-menu ul ul a {
    padding: 4px 20px 4px 60px;
}
#sidebar-menu ul li a i {
    font-size: 14px;
    margin-right: 5px;
}
.sub_menu{ padding-left:3em !important; }
#sidebar-menu ul ul a {
    padding: 4px 5px 4px 73px;
    font-size: 13px;
}
#sidebar-menu ul ul li.active a {
   
    font-weight: 600;
}
#sidebar-menu > ul > li > a.active {
    background: #f2f2f2 !important;
    font-weight: 600;
}
#sidebar-menu ul ul li {
    padding-left: 11px;
}
.enlarged .bday_box{ display:none; }
.enlarged #sidebar-menu > ul > li > a {
    font-size: 7px;
}
/*ENLARGE MENU */
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
    font-size: 13px;
    font-weight: 600;
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a {
    padding: 7px 20px;
    min-height: 31px;
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
    font-size: 16px;
     margin-right: 0px !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {
    font-size: 13px;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
    width: 267px;
}
#wrapper.enlarged .sub_menu:hover {
        padding-left: 21px !important;
}
/*--- */
.marquee { overflow: hidden; }
.ver { max-height: 380px; }
.ann_div{     
    position: fixed;
    width: 100%;
    z-index: 3;
    top: 69px;
}

/*========== END: TOP HEADER CSS ==========*/ 

/*======= PGS UPLOAD ON 18-10-2019 =========*/
/* summnernoteb editor */ 
.note-editor {
    border: 1px solid #b5b5b5 !important;
    position: relative;
    width: 100%;  
}
.note-editor .btn{ font-size: 11px; background-color: #4c5667 !important; border: 1px solid #ebebeb !important; }
.view_per_form .card-body{ font-size: 13px; }
.view_per_form .card-header, .view_per_form .card-body{
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        border-radius : 0 !important;
}
.view_per_form .card-header { border-bottom: 1px solid; font-weight: 600; }
.view_per_form .form-group{ margin:0px; }
.view_per_form .form-control { border: 1px solid #4c5667;    border-radius: 0px; }
.view_per_form .card{border: 1px solid; border-radius : 0 !important;}
.view_per_form .table-bordered td, .view_per_form .table-bordered th {
    border: 1px solid;
    /*padding: .3rem 1.25rem;*/
	padding: .3rem 0.5rem;
    font-size: 13px;
}
.view_per_form .table td input{ width: 100%; }

/*---- Assign -----*/
.scroll_ul li{     border-bottom: 1px solid #d4cece;
    font-size: 13px;
    padding: 2px 5px;
    color: black;  }
.scroll_ul {height: 150px; overflow: auto;    border: 2px solid #757575;}

/*---- FORM -----*/
#pgs_box_tab .dataTables_wrapper .input-sm {
    height: 10px;
    padding: 6px;
    border: 1px solid #a2a2a2;
    min-width: 50%;
}
#pgs_box_tab .card-tab { border: 1px solid; border-color: #005493 !important; }
#pgs_box_tab .card-tab .bg-primary { background-color: #005493 !important; }
.light_blue{background-color: rgba(0, 84, 147, 0.09);}
/*---- MGR TABLE ---*/
.obj_set_tbl .form-control {
    border: 1px solid #bfbfbf;
    font-size: 11px !important;
    width: auto;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    margin-bottom: 0px;
}
.obj_set_tbl .form-group { margin: 0px; }
.obj_set_tbl textarea, .dev_table textarea{padding:2px !important;width: 245px !important; }
.obj_set_tbl .textarea-50{ padding:2px !important; width: 150px !important; }
.page2_box hr { margin-top: 0.4rem; margin-bottom: 0.4rem; }
.h4_title{    
	font-size: 18px;
    line-height: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 9px;
    margin-bottom: 1px;
}
.page1_box  table .select-sm , .page1_box  table .input-sm{ height: 23px !important; padding:0px !important; } 
/*---- App cycle TAB ----*/
.app_cycle_tbl .app_th_head { font-weight:600; font-size:15px; }
.app_cycle_tbl .form-control { border-radius: 0px;  border: 2px solid #d8d5d5;}
.app_cycle_tbl td, .app_cycle_tbl th { border: 1px solid #929292;  padding: .4rem;     vertical-align: middle; }
.table-lightblue{ background-color: #b8daff4a; }
.select_readonly { pointer-events: none; background: #e0e3e6;}

/*--------*/
.border-gray{ border:1px solid gray; }
#pgs_box_tab .btn-sm{ padding: 3px 5px; font-size: 14px;}
.table_noborder td{ border: none !important; font-size: 13px; padding: 2px 5px; }


/*********** ARCHANA **********/
.header_top{
    margin-top: 8.5rem;
}

/*-- responsive ----
.button-menu-mobile{width:auto; }*/