body, div, input{
		font-family: arial;
		margin:0;
	}

	div{
		-webkit-transition: auto 1s ease-in;
  		-moz-transition: auto 1s ease-in;
  		-ms-transition: auto 1s ease-in;
 	 	-o-transition: auto 1s ease-in;
  		transition: auto 1s ease-in;
	}
	.money{
		text-align:right;
	}
	
	#tab-payroll td, #tab-payroll th{
		border:1px solid #999;
	}
	#tab-payroll th{
		border-bottom:3px solid #999;
	}
	#tab-payroll td{
		font-size:12px;
	}
	table{
		border-collapse:collapse;
		font-size:15px;
	}
	th, td{
		font-weight:normal;
		padding:2px;
		font-size:15px;
	}
	
	.editable-box{
		padding:0px;
		padding:1px 3px;
	}
	.editable-box input{
		border:0px;
		width:100%;
		background:transparent;
	}
	
	.money-box{
		width:80px; 
		padding:1px 3px;
	}
	.money-box input{
		width:100%;
	}
	
	.editable-box:hover input, .money-box:hover input, {
		background:red;
	}
	
	input{
		font-size:15px;
	}
	
	input:focus, select:focus, textarea:focus{
		outline: none;
	} 
	
	.p2{
		//display:none;
	}
	.p3{
		//display:none;
	}
	
	.tr-total td{
		font-weight:bold;
	}
	tr{ cursor:pointer }
	#tab-payroll tr:hover td{
		background:yellow;
	}
	#tab-payroll tr:nth-child(even){background:#fff}
	#tab-payroll tr:nth-child(odd){background:#f1f1f1}
	#tab-payroll input{border:0;font-weight:normal;font-size:14px;padding:2px;}
	th{
		background:#ddf0f2;
	}
	
	.green {background-color: #165d0c; border:2px solid #165d0c;} /* Green */
	.blue {background-color: #0d4a89; border:2px solid #0d4a89;} /* Blue */	
	.light-blue {background-color: #2081a9; border:2px solid #2081a9;} /* Blue */
	.red {background-color: #652020; border:2px solid #652020;} /* Red */
	.orange {background-color: #95451a; color: black; border:2px solid #95451a;} /* Orange */
	.black {background-color: #555555; border:2px solid #555555;} /* Black */
	.red-font {color: red;} /* Red */

	.green, .blue, .red, .orange, .black, .light-blue {
		color: #eee;
	}

	.green:hover, .blue:hover, .red:hover, .orange:hover, .black:hover, .light-blue:hover{
		background-color: #fff;
		color: #000;
	}

	.normal{background-color: #4b4b4b; border:0; color:#949494;}
	.normal:hover{background-color: #323232; color:#545454;}
	input[type='button'],table,td,tr,th {
		transition-duration: 0.4s;
	}
	
	input[type='button'] {
		padding: 8px 20px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 12px;
		border-radius: 2px;
		cursor:pointer;
	}


	input[type='button']:hover {
		/*background-color: #fff; Green 
		color: #000;*/
	}
	
	/* width */
	::-webkit-scrollbar {
	  width: 15px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  box-shadow: inset 0 0 5px grey;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: #780000;
	}
	
	.bold{font-weight:bold}
	
	.fullscreen{
		position:fixed;top:0;left:0;width:100%;height:100%; z-index:999;background:rgba(0,0,0,.8);
		display:none;
	}
	
	select, input[type='text'],input[type='password'],input[type='number'],input[type='date']{
		padding:5px 10px;
		font-weight:bold;
		border-radius:50px;
		border:1px solid #888;
	}
	
	
	.bordered td{
		border:1px solid #555;
	}
	.underlined{
		border-bottom:2px solid #000;
	}
	
	.custom-table th {
		border-bottom:2px solid #111;
		background:#323232;
		color:#a4a4a4;
		padding:5px 2px;
		font-weight:bold;
		font-size:12px;
	}
	.custom-table td{
		font-size:12px;
		padding:3px;
		//border-bottom:1px solid #dedede;
	}
	.custom-table tr:nth-child(even){background:#909090}
	.custom-table tr:nth-child(odd){background:#7d7d7d}
	.custom-table tr:hover td{
		background:#bbb;
	}

	#top-header{
		background:#373737;
	}
	
	.has-control .actions{
		visibility:hidden;
	}
	.has-control:hover .actions{
		visibility:visible;
	}
	
	.t-login{
		padding:8px 8px;
		margin-bottom:5px;
		font-size:12px;
		font-weight:bold;
		border-radius:50px;
		text-align:center;
		border:1px solid #aaa;
		width:70%
	}
	
	.center{
		text-align:center;
	}
	
	#inactive td{
		background:#666;
	}
	
	#subsidiary td{
		font-size:10px;
	}
	
	label{
		cursor:pointer;
	}
	
	#no-border td, #no-border{
		border:0;
	}

	.from, .to{
		padding:5px;
		border-radius:3px;
		max-width:90%;
		margin-bottom:3px;
		box-shadow: 0 0 05px #4b4b4b;
		display:none;
		font-size:12px;
	}
	
	.from{
		background:#819494;
		color:#333;
		float:right;
		margin-right:5px;
	}
	.to{
		background:#b0b0b0;
		color:#333;
		float:left;
	}
	
	.from span, .to span{
		font-size:9px;
		color:#666;
		display:block;
	}

	.blinking{
		animation: blinker 1s linear infinite;
	} 
	@keyframes blinker {
	  50% {
		opacity: .3;
	  }
	}
	
	.showwhenprint{
		display:none;
	}

	.rounded-corner{
		border-radius:50px;
	}