/*.............................main.........................*/
/* PreLoader STARTS*/
.Preloader_conatainer
{
	background-color:rgba(0,0,0,0.3);
	position:fixed;
	top:0%;
	z-index:9999;
	left:0%;
	height:100%;
	width:100%;
	padding:25% 10px 0px 10px;
	overflow:hidden;
}
@media only screen and (max-width: 600px) {
  .Preloader_conatainer {
	background-color:rgba(0,0,0,0.3);
	position:fixed;
	top:0%;
	z-index:9999;
	left:0%;
	height:100%;
	width:100%;
	padding:70% 0% 0% 0%;
	overflow:hidden;
  }
}
.Preloader_imageholder
{
	width:80px;
	margin:auto;
	padding:0px;
}
.Preloader_image
{
	width:80px;
}
.Preloader_textholder
{
	width:100%;
	color:white;
	text-align:center;
	font-size:18px
}
/* PreLoader ENDS*/				
.scroll-area{
					width:100%;
					height:calc(100% - 70px);
					float:left;
					overflow-y:auto;
					overflow-x:auto;
				}
				
				.custom-hover tbody tr:hover td {
					background: #d6f5f4;
				}
				
				.nopadding {
					padding: 2px !important;
					margin: 1px !important;					
				}
				
				.nopadding1 {
					padding: 0px !important;
					margin: 0px !important;
				}
				
				@-moz-document url-prefix() {
					fieldset {display : table-cell;}
				}				
				.modal_head_style {
					background:linear-gradient(270deg,#eee,#00bcd4) !important;
				}

          /*..................manu scroll...................*/
				.flexcroll {
					max-height:350px;	
					overflow:auto;
				}
				
				.flexcroll {
					scrollbar-face-color: #367CD2;
					scrollbar-shadow-color: #FFFFFF;
					scrollbar-highlight-color: #FFFFFF;
					scrollbar-3dlight-color: #FFFFFF;
					scrollbar-darkshadow-color: #FFFFFF;
					scrollbar-track-color: #FFFFFF;
					scrollbar-arrow-color: #FFFFFF;
				}
			
				/* Handle */
				.flexcroll::-webkit-scrollbar-thumb {
					-webkit-border-radius: 10px;
					border-radius: 10px;
					background: rgba(120,120,120,0.8); 
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
				}
					
				/* Let's get this party started */
				.flexcroll::-webkit-scrollbar {
					width: 8px;
					height:8px;
				}
				 
				/* Track */
				.flexcroll::-webkit-scrollbar-track {
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
					-webkit-border-radius: 10px;
					border-radius: 10px;					
				}
				
				/*.....................................*/
				 
				 
				 /*..................table scroll...................*/
				
				
				/* Handle */
				.flexcroll_table::-webkit-scrollbar-thumb {
					-webkit-border-radius: 10px;
					border-radius: 10px;
					background: rgba(120,120,120,0.8); 
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
				}
				
				/* Let's get this party started */
				.flexcroll_table::-webkit-scrollbar {
					width: 0px;
					height:4px;
				}
				 
				/* Track */
				.flexcroll_table::-webkit-scrollbar-track {
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
					-webkit-border-radius: 10px;
					border-radius: 10px;
				}
				
			/*...............................................*/

			/*..................widget scroll...................*/
				
				/* Track */
				.flexcroll_widget::-webkit-scrollbar-track {
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
					-webkit-border-radius: 10px;
					border-radius: 10px;
				}
				
				/* Handle */
				.flexcroll_widget::-webkit-scrollbar-thumb {
					-webkit-border-radius: 10px;
					border-radius: 10px;
					background: rgba(120,120,120,0.8); 
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
				}
				
				/* Let's get this party started */
				.flexcroll_widget::-webkit-scrollbar {
					width: 0px;
					height:0px;
				}
				
			/*............................................*/


/*.............................debanik.........................*/
			     
				.table-fixed {
					width: 98% ;
				}
				
				.table-fixed tbody {
					height: 300px ;
					overflow-y:auto;
					width: 100%   ;
				}
				
				.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
					display: block ;
				}
				
				.table-fixed tbody td {
					float: left ;
				}

				.table-fixed thead tr th {
					float: left;
					background-color:#a1887f !important;
				}

				.table-fixed1 {
					width: 100% ;
				}
				
				.table-fixed1 tbody {
					height: 340px ;
					overflow-y:auto;
					width: 100%   ;
				}
				
				.table-fixed1 thead, .table-fixed1 tbody, .table-fixed1 tr, .table-fixed1 td, .table-fixed1 th {
					display: block ;
				}
				
				.table-fixed1 tbody td {
					float: left ;
				}

				.table-fixed1 thead tr th {
					float: left;
					background-color:#f0f4c3 !important;
					color:black;
				}

				.table-fixed2 {
					width: 98% ;
				}
				.table-fixed2 tbody {
					max-height: 220px ;
					overflow-y:auto;
					width: 100%   ;
				}
				.table-fixed2 thead, .table-fixed2 tbody, .table-fixed2 tr, .table-fixed2 td, .table-fixed2 th {
					display: block ;
				}
				
				.table-fixed2 tbody td {
					float: left ;
				}

				.table-fixed2 thead tr th {
					float: left;
					background-color:#5bb5e5 ;
				}
				/* Track */
				.flexcroll_online::-webkit-scrollbar-track {
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
					-webkit-border-radius: 10px;
					border-radius: 10px;
					
				}
					/* Handle */
				.flexcroll_online::-webkit-scrollbar-thumb {
					-webkit-border-radius: 10px;
					border-radius: 10px;
					background: rgba(120,120,120,0.8); 
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
				}
				/* Let's get this party started */
				.flexcroll_online::-webkit-scrollbar {
					width: 2px;
					height:4px;


				}
				
				.modal-header1
				{
					background:linear-gradient(270deg,#eee,#00bcd4) !important;
					max-height:40px !important;
					padding:10px !important;
				}
				.cross
				{
					color: #00bcd4 !important;
				}
				.modal-footer1
				{
					padding:9px 2% !important; 
					border-top:0.1pt solid #88bcd4 !important;
				}
				.btn1
				{
					background-color: #d84315 !important;
					
				}
				
				 /* Track */
				.flexcroll_userlist::-webkit-scrollbar-track {
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
					-webkit-border-radius: 10px;
					border-radius: 10px;
					
				}
					/* Handle */
				.flexcroll_userlist::-webkit-scrollbar-thumb {
					-webkit-border-radius: 10px;
					border-radius: 10px;
					background: white; 
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
				}
				/* Let's get this party started */
				.flexcroll_userlist::-webkit-scrollbar {
					width: 8px;
					height:8px;


				}
				
				.img_class {
				opacity: 1.0;
				filter: alpha(opacity=100); 
				transition: transform .3s;
				}

				.img_class:hover {
				opacity: 1.0;
				filter: alpha(opacity=100);
				transform: scale(1.23); 
				}
				.widget_bn
				{
					background-color: #FF8800 !important;
				}
				.right_bn
				{
					background-color: #4070bc !important;
				}
				.paddind_opbal
				{
					padding-bottom:10px !important;
				}
				.table_border_td_1
				{
					border-right:2px solid #eee !important;
					border-left:2px solid #eee !important;
					border-bottom:1px solid #eee !important;
				}
				
				.flexcroll_div {
					max-height:470px;	
					overflow:auto;
				}
				.flexcroll_tab {
					max-height:330px;	
					overflow:auto;
					margin-bottom:10px;
				}
				.flexcroll_div1 {
					max-height:330px;	
					overflow:auto;
				}
				
				.flexcroll_div {
					scrollbar-face-color: #367CD2;
					scrollbar-shadow-color: #FFFFFF;
					scrollbar-highlight-color: #FFFFFF;
					scrollbar-3dlight-color: #FFFFFF;
					scrollbar-darkshadow-color: #FFFFFF;
					scrollbar-track-color: #FFFFFF;
					scrollbar-arrow-color: #FFFFFF;
				}
			
				/* Handle */
				.flexcroll_div::-webkit-scrollbar-thumb {
					-webkit-border-radius: 10px;
					border-radius: 10px;
					background: rgba(120,120,120,0.8); 
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
				}
					
				/* Let's get this party started */
				.flexcroll_div::-webkit-scrollbar {
					width: 8px;
					height:8px;
				}
				 
				/* Track */
				.flexcroll_div::-webkit-scrollbar-track {
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
					-webkit-border-radius: 10px;
					border-radius: 10px;					
				}
				.flexcroll_div1 {
					scrollbar-face-color: #367CD2;
					scrollbar-shadow-color: #FFFFFF;
					scrollbar-highlight-color: #FFFFFF;
					scrollbar-3dlight-color: #FFFFFF;
					scrollbar-darkshadow-color: #FFFFFF;
					scrollbar-track-color: #FFFFFF;
					scrollbar-arrow-color: #FFFFFF;
				}
			
				/* Handle */
				.flexcroll_div1::-webkit-scrollbar-thumb {
					-webkit-border-radius: 10px;
					border-radius: 10px;
					background: rgba(120,120,120,0.8); 
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
				}
					
				/* Let's get this party started */
				.flexcroll_div1::-webkit-scrollbar {
					width: 8px;
					height:8px;
				}
				 
				/* Track */
				.flexcroll_div1::-webkit-scrollbar-track {
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
					-webkit-border-radius: 10px;
					border-radius: 10px;					
				}
				.flexcroll_tab {
					scrollbar-face-color: #367CD2;
					scrollbar-shadow-color: #FFFFFF;
					scrollbar-highlight-color: #FFFFFF;
					scrollbar-3dlight-color: #FFFFFF;
					scrollbar-darkshadow-color: #FFFFFF;
					scrollbar-track-color: #FFFFFF;
					scrollbar-arrow-color: #FFFFFF;
				}
			
				/* Handle */
				.flexcroll_tab::-webkit-scrollbar-thumb {
					-webkit-border-radius: 10px;
					border-radius: 10px;
					background: rgba(120,120,120,0.8); 
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
				}
					
				/* Let's get this party started */
				.flexcroll_tab::-webkit-scrollbar {
					width: 8px;
					height:8px;
				}
				 
				/* Track */
				.flexcroll_tab::-webkit-scrollbar-track {
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
					-webkit-border-radius: 10px;
					border-radius: 10px;					
				}
				
				.prev_style_logo 
				{
					
					border:2px solid #00ACD7 !important;
					display:inline-block !important;
					background-color:#00ACD7 !important;
					float:right !important;
					width:25px !important;
					color:white !important;
					height:23px !important;
					font-size:12px;
					border-radius:51%;
					outline:none;
				}

				.next_style_logo 
				{
					
					border:2px solid #00ACD7 !important;
					display:inline-block !important;
					background-color:#00ACD7 !important;
					width:25px !important;
					color:white !important;
					height:23px !important;
					font-size:12px;
					border-radius:51%;
					outline:none;
				}
				.grid_header
				{
					border-top:3px solid #e89600 !important;
					background-color:#fff3ba !important;	
				}
				
				.menu_hover:hover
				{
					background-color: #c9e0ff !important;
				}
				@media only screen and (min-width: 650px) {
				.footer_table {
						float:right;
					 }
				}

				.preloader_main
				{
					background-color:rgba(0,0,0,0.3);
					position:absolute;
					top:0%;
					z-index:9999;
					left:0%;
					height:100%;
					width:100%;
					padding:20% 10px 0px 10px;
					overflow:hidden;
				}
				@media only screen and (max-width: 600px) {
				.preloader_main {
					background-color:rgba(0,0,0,0.3);
					position:fixed;
					top:0%;
					z-index:9999;
					left:0%;
					height:100%;
					width:100%;
					padding:70% 0% 0% 0%;
					overflow:hidden;
				}
				}
				.preloader_imagediv
				{
					width:80px;
					margin:auto;
					padding:0px;
				}	
				.preloader_image
				{
					width:80px;
				}
				.preloader_text
				{
					width:100%;
					color:white;
					text-align:center;
					font-size:18px;
				}
				
				
				

/*.............................chayanika.........................*/
				
			
				* {box-sizing: border-box;}
				
				.img-magnifier-container {
					position:relative;
				}
				
				.img-magnifier-glass {
					position: absolute;
					border: 3px solid #000;
					border-radius: 50%;
					cursor: none;
					
					/*Set the size of the magnifier glass:*/
					width: 200px;
					height: 200px;
				}

				.table-fixed_itm 
				{
					width: 100% ;
				}
				
				.table-fixed_itm tbody {
					height: 150px ;				  
					overflow-y:auto;
					width: 100%   ;
				}
				
				.table-fixed_itm  thead, .table-fixed_itm  tbody, .table-fixed_itm  tr, .table-fixed_itm  td,.table-fixed_itm  tfoot, .table-fixed_itm  th {
					display: block ;
				}
				
				.table-fixed_itm  tbody td {
					float: left ;	
				}

				.table-fixed_itm thead tr th {
					float: left;
					background-color:#5bb5e5 ;
				}
								
				.table-hover1 tr {					
					background-color:#fff !important;
				}
					
				.table-hover1 tr:hover {					
					background-color:#e3f2fd !important;
				}
				
				.table-fixed3 {
					width: 100% ;
				}
				
				.table-fixed3 tbody {
					max-height: 150px ;
					overflow-y:auto;
					width: 100%   ;
				}
				
				.table-fixed3 thead, .table-fixed3 tbody, .table-fixed3 tr, .table-fixed3 td, .table-fixed3 th {
					display: block ;
				}
				
				.table-fixed3 tbody td {
					float: left ;
				}

				.table-fixed3 thead tr th {
					float: left;
					background-color:#5bb5e5 ;
				}
				
				.payroll-modal-header {
					background-color:#2E8B57;
					max-height:50px;
				}
								
				.search1
				{
					height:25px !important;
					font-size:12px !important;
				}
				.search1_input
				{
					height:25px !important;
					padding:4px !important;
					background-color:#4d5ec1 !important;
					border:0px !important;
				}
				.search1_logo
				{
				font-size:15px !important;
				color:white !important;
				}

/*.............................chiranjit.........................*/


				div_scroll {
					overflow-x:scroll;  
					margin-left:2em;
				}
										
				.headcol {
					position:absolute;
					width:2em;
					left:0;
				}
		
				.thead_style {
					background-color: #a1887f !important;
					font-size:11px  !important;
					color:white;
					text-transform: uppercase !important;
				}
				
				.table_border {
					border-right:1px solid white;
				}
				
				.table_border_td {
					border:1px solid #eee;
					font-size:11px  !important;
				}
				
				.th_start {
					padding:10px !important;
					border-radius:10px 0px 0px 0px;
				}
				
				.th_middle {
					padding:10px !important;
				}
				
				.th_end {
					padding:10px !important;
					border-radius:0px 10px 0px 0px;
				}
				
				.content-header_style {
					background-color: #FCD307 !important;
					height:35px !important;
				}
				.section_name {
					padding:2px 5px 2px 15px;
				}
				
				.back_style {
					background-color:#3f729b !important;
					color:white !important;
					border-radius:8px !important;
				}
				
				.back_style:hover {					
					color:white;					
				}
				
				.add_style {
					
					width:100% !important;
					font-size:12px !important;
					padding:0px 0px 0px 0px !important;
					background-color:#00C0F0 !important;
					color:white !important;
					border:2px solid white !important;
					outline:none !important;
				}
				.add_style_name {
					
					padding:2px 0px 0px 0px !important;
					display:inline-block !important;
				}
				.add_style_logo {
					
					border:2px solid #00ACD7 !important;
					display:inline-block !important;
					background-color:#00ACD7 !important;
					float:right !important;
					width:25px !important;
				}
				
				.add_style:hover {					
					background-color:#00ACD7 !important;		
				}
				
				.report_style
				{
					
					width:100% !important;
					font-size:12px !important;
					padding:0px 0px 0px 15px !important;
					background-color:rgb(254,88,87) !important;
					color:white !important;
					border:2px solid white !important;
					outline:none !important;
				}
				
				.report_style1
				{
					
					width:100% !important;
					font-size:12px !important;
					padding:0px 0px 0px 15px !important;
					background-color:#80c25d !important;
					color:white !important;
					border:2px solid white !important;
					outline:none !important;
				}
				
				.report_style_name
				{
					
					padding:2px 0px 0px 0px !important;
					display:inline-block !important;
				}
				
				
				.report_style_logo {
					
					border:2px solid red !important;
					display:inline-block !important;
					background-color:red !important;
					float:right !important;
					width:25px !important;
				}
				.report_style_logo1 {
					
					border:2px solid #52ab22 !important;
					display:inline-block !important;
					background-color:#52ab22 !important;
					float:right !important;
					width:25px !important;
				}

				.report_style:hover {	
					background-color:red !important;
				}
				
				.import_style
				{
					
					width:100% !important;
					font-size:12px !important;
					padding:0px 0px 0px 15px !important;
					background-color:#0de80d !important;
					color:white !important;
					border:2px solid white !important;
					outline:none !important;
				}
				
				.import_style_name
				{
					
					padding:2px 0px 0px 0px !important;
					display:inline-block !important;
				}
				
				.import_style_logo {
					
					border:2px solid #0c990c !important;
					display:inline-block !important;
					background-color:#0c990c !important;
					float:right !important;
					width:25px !important;
				}

				.import_style:hover {	
					background-color:#0c990c !important;
				}
				
				.schedule_style {
					background-color:#ba00ad !important;
					color:white !important;
					width:95% !important;
					border-radius:8px !important;
					outline:none !important;
				}
				
				.schedule_style:hover {					
					color:white;					
				}
				
				.show_style {
					background-color:#3174c6 !important;
					color:white !important;
					width:95% !important;
					border-radius:8px !important;
					outline:none !important;
				}
				
				.show_style:hover {					
					color:white;					
				}

				.modal-backdrop.in {
					opacity: 0 !important;
					filter: alpha(opacity=0) !important;

				}
	
				.modal_back {
					box-shadow:20px 20px 20px 0px rgba(0,0,0,.25);
				}
	
				.modal_background {
					background-color:transparent;
				}

				.payslip_style {
					background-color:#0cb5b0 !important;
					color:white !important;
					width:95% !important;
					border-radius:8px !important;
					outline:none !important;
				}
				
				.payslip_style:hover 
				{					
					color:white;					
				}
				.pro-hov:hover
				{
					background-color:#4196DF;
				}
				.pro-hov
				{
					width:85px;
					font-size:12px;
					outline:none;
					text-decoration:none;
					border-radius:20px;
					color:white;
					border:2px solid white;
					padding:0px 0px 0px 10px;
				}
				.sign_hov
				{
					color:white;
					display:inline-block;
					float:right;
					width:25px;
					padding:0px 5px;
					border:2px solid white;
					border-radius:50%;
				}
				.sign_hov:hover
				{
					background-color:rgb(254,88,87);
				}				
				.all_bn
				{
					color:white !important;
					border:none !important;
					border-radius:50% !important;
				
					height:27px !important;
					width:27px !important;
					margin:auto !important;
					outline:none !important;
				}
				.edit_bn
				{
						background-color:#00c853 !important;
				}
				.view_bn
				{
					background-color:#0277bd  !important   ;
				}
				.manual_bn
				{
					background-color:rgb(202, 192, 44) !important;
				}
				.del_bn
				{
					background-color:rgb(254,88,87) !important;
				}
				
				.btn_new:hover
				{
					
					color:yellow !important;
					border:1px solid yellow !important;
				
				}
				.edit_bn:hover
				{
						background-color:#40a031 !important;
				}
				.view_bn:hover
				{
					background-color:#0040af  !important   ;
				}
				.manual_bn:hover
				{
					background-color:#c6c921  !important   ;
				}
				.del_bn:hover
				{
					background-color:#db441e !important;
				}
				
				.modal-header-report
				{
					background-color:#FE1D1D !important;
					max-height:40px !important; 
					border-radius:10px 10px 0px 0px !important;
					height:40px !important;
					padding:10px !important;
					text-transform: uppercase !important;
					font-size:12px;
				}
				
				.modal-header-add
				{
					background-color:rgba(0,0,0,0.7)  !important;
					max-height:40px  !important;
					border-radius:10px 10px 0px 0px  !important; 
					height:40px  !important; 
					padding:10px  !important;
					text-transform: uppercase !important;
					font-size:12px;
				}
				.modal-body
				{
					background-color:white !important;
				}
				.modal_col
				{
					outline:none !important; 
					padding:0px 0px 20px 0px !important; 
				}
				.modal-content-1
				{
					border-radius:15px !important;
					background-color:transparent !important;
				}
				.model-content-1
				{
					border-radius:15px !important;
					background-color:transparent !important;
				}
				
				.modal-footer-add
				{
					max-height:45px;
					height:45px;
					padding:10px;
					background-color:#666;
					
				}
				
				
				.modal-footer-report
				{
					max-height:45px;
					height:40px;
					padding:10px;
					background-color:#666;
				}
				.btn-sm
				{
					border:2px solid white;
				}
				.btn_new
				{
					font-size:10px !important;
					text-transform: uppercase !important;
					color:white !important;
					border:1px solid white !important;
					font-family:Montserrat !important;
					outline:none !important;
					min-width:55px !important;
					height:25px !important;
				}
				.img_class {
					opacity: 1.0;
					filter: alpha(opacity=100); 
					transition: transform .3s;
				}

				.img_class:hover {
					opacity: 1.0;
					filter: alpha(opacity=100);
					transform: scale(1.23); 
				}
		
				
				.div_class :hover  .div_dash{
					transition: transform .5s;
					transform: scale(1.15); 
				}
				.div_dash
				{
					transition: transform .5s;
				}
				.div_grad
				{
					background:-webkit-linear-gradient(50deg,#FCD307,#fc6262);
					transition: transform .5s;
				}
				.div_grad:hover
				{
					transition: transform .5s;
					transform: 	rotate(250deg);
				}
				.div_grad:hover .div_grad_in
				{
					transform: rotate(0deg);
				}	
				
				.modal-header-import
				{
					background-color:#0c990c !important;
					max-height:40px !important; 
					border-radius:10px 10px 0px 0px !important;
					height:40px !important;
					padding:10px !important;
					text-transform: uppercase !important;
					font-size:12px;
				}
				`.btn-sm{
  border:2px solid red;
}
  
  .emp_div_style:hover
  {
	box-shadow:5px 10px 10px 5px rgba(0,0,0,0.3) !important;
  } 
  
	.emp_menu_emp:hover
  {
	border-bottom:3px solid #CB79FF !important;
	border-radius:4px;
	box-shadow:2px 5px 5px 2px rgba(0,0,0,0.1) !important;
	background-color:white;
  }
  
  .borderClass_emp{
 	border-bottom:3px solid #CB79FF !important;
	border-radius:4px;
	box-shadow:2px 5px 5px 2px rgba(0,0,0,0.1) !important;
	background-color:white;
	color:black;
	}
  
  .emp_menu_leave:hover
  {
	border-bottom:3px solid #FFB71A !important;
	border-radius:4px;
	box-shadow:2px 5px 5px 2px rgba(0,0,0,0.1) !important;
	background-color:white;
  }  
    .borderClass_leave{
 	border-bottom:3px solid #FFB71A !important;
	border-radius:4px;
	box-shadow:2px 5px 5px 2px rgba(0,0,0,0.1) !important;
	background-color:white;
	color:black;
	}
  
  .emp_menu_salary:hover
  {
	border-bottom:3px solid #6288C7 !important;
	border-radius:4px;
	box-shadow:2px 5px 5px 2px rgba(0,0,0,0.1) !important;
	background-color:white;
  } 
  .borderClass_salary
  {
		border-bottom:3px solid #6288C7 !important;
		border-radius:4px;
		box-shadow:2px 5px 5px 2px rgba(0,0,0,0.1) !important;
		background-color:white;
		color:black;
  }
  .emp_menu_ot:hover
  {
	border-bottom:3px solid #00C87F !important;
	border-radius:4px;
	box-shadow:2px 5px 5px 2px rgba(0,0,0,0.1) !important;
	background-color:white;
  }
   .borderClass_ot{
 	border-bottom:3px solid #00C87F !important;
	border-radius:4px;
	box-shadow:2px 5px 5px 2px rgba(0,0,0,0.1) !important;
	background-color:white;
	color:black;
	}
	.img_class {
				opacity: 1.0;
				filter: alpha(opacity=100); 
				transition: transform .3s;
				}

				.img_class:hover {
				opacity: 1.0;
				filter: alpha(opacity=100);
				transform: scale(1.23); 
				}
		
				
				.div_class :hover  .div_dash{
				transition: transform .5s;
				transform: scale(1.15); 
				}
				.div_dash
				{
				transition: transform .5s;
				}
				
				
				
				
				
				
	
				
				
				 /* Track */
				.flexcroll_userlist::-webkit-scrollbar-track {
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
					-webkit-border-radius: 10px;
					border-radius: 10px;
					
				}
					/* Handle */
				.flexcroll_userlist::-webkit-scrollbar-thumb {
					-webkit-border-radius: 10px;
					border-radius: 10px;
					background: white; 
					-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
				}
				/* Let's get this party started */
				.flexcroll_userlist::-webkit-scrollbar {
					width: 8px;
					height:8px;


				}
			
				.pro-hov:hover
				{
					background-color:#4196DF;
				}
				.pro-hov
				{
					width:85px;
					font-size:12px;
					outline:none;
					text-decoration:none;
					border-radius:20px;
					color:white;
					border:2px solid white;
					padding:0px 0px 0px 10px;
				}
				.sign_hov
				{
					color:white;
					display:inline-block;
					float:right;
					width:25px;
					padding:0px 5px;
					border:2px solid white;
					border-radius:50%;
				}
				.sign_hov:hover
				{
					background-color:rgb(254,88,87);
				}
				.div_grad
				{
					background:-webkit-linear-gradient(50deg,#FCD307,#fc6262);
					transition: transform .5s;
				}
				.div_grad:hover
				{
					transition: transform .5s;
					transform: 	rotate(250deg);
				}
				.div_grad:hover .div_grad_in
				{
					transform: rotate(0deg);
				}
				
				<!--Modal Style-->
			.upper
			{
			text-transform: uppercase !important;
			}
				
			.modal-header-report
			{
				background-color:#FE1D1D !important;
				max-height:40px !important; 
				border-radius:10px 10px 0px 0px !important;
				height:40px !important;
				padding:10px !important;
				text-transform: uppercase !important;
				font-size:12px;
			}
			
			.modal-header-add
			{
				background-color:rgba(0,0,0,0.7)  !important;
				max-height:40px  !important;
				border-radius:10px 10px 0px 0px  !important; 
				height:40px  !important; 
				padding:10px  !important;
				text-transform: uppercase !important;
				font-size:12px;
			}
			
			.modal_col
			{
				outline:none !important; 
				padding:0px 0px 20px 0px !important; 
			}
			.modal-content-1
			{
				border-radius:15px !important; 
			}
			
			.modal-footer-add
			{
				max-height:45px;
				height:45px;
				padding:10px;
				background-color:#666;
				
			}
			
			
			.modal-footer-report
			{
				max-height:45px;
				height:40px;
				padding:10px;
				background-color:#666;
			}
			
/*.............................Indranath sir.........................*/

				@media screen and (min-width:992px){ .modal-xl {
					width: 1140px;
					}
				}	
				
	/* GENERAL input box font and height */
	.cmncss{
		height : 25px !important;
		font-size : 12px !important;
	}

/* New Button For Expend (+/-) */
.expnd_bn
{
	background-color:#777 !important;
}

.expnd_bn:hover
{
	background-color:rgb(36, 34, 34) !important;
}
/* Rotation For New Button to Expend (+/-) */
.rotate
{
	-moz-transition: all 1s linear;
	-webkit-transition: all 1s linear;
	transition: all 1s linear;
}

.rotate.down{
	
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}