/* header */
.header-wrapper {
	position:fixed;
	width:100%;
	border-bottom:5px solid #aeaeae;
	background-color: #333;
	padding:0px 10px 0px 10px;
	min-width:800px;
	z-index:1000000;
}
.header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
.header li {
  float: left;
}
.header li:last-child {
  border-right: none;
}

.header li a {
  display: block;
  color: #fff;
  text-align: center;
  padding: 10px 14px;
  text-decoration: none;
  cursor:pointer;
}
.hover:hover:not(.active) {
  background-color: #3d5d58;
}

.header .active {
  background-color: #3d5d58;
}
.sidebar-btn-menu {
	padding:0;
	border:1px solid #b4b7b8;
	width:100%;
	margin-bottom:10px;
}
.sidebar-btn-title {
	border:0;
	background-color:#b4b7b8;
	padding:6px;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
.sidebar-btn-content {
	padding:5px;
	background:#f4f5f6;
	font-size:12px;
	
}
.sidebar-btn-content ul {
	list-style:none;
	margin: 0;
	padding: 0;	
}
.sidebar-btn-content li a {
	text-decoration:none;
	display:block;
	padding:3px 5px 3px 5px;
	background:#e4e6e7;
	font-size:14px;
	margin:2px;
	color:gray;
	cursor:pointer;
}
.sidebar-btn-content li a:hover {
	background:#c8cbcd;
	color:#232323;
}
/* body */
.wrapper {
	position:relative;
	top:55px
}
.sidebar {
	width:280px !important;
	min-width:260px;
	padding:0px 20px 0px 20px;
}
.button-wrapper {
	margin-bottom:10px;
}
.caret-right
{
	position: absolute;
    left: 90%;
    top: 45%;
}
.pagescontent {
	padding-right:20px;
    height: 100%;
    max-height:100% !important;
    width:100%;
    position: absolute;
    overflow-y:auto;
    
}
/* employee list */
.container {
	background:#f1f1f1;	
}
.constyle {
	padding:10px;
	background:#f1f1f1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-width:800px
}
.container-header {
	padding:15px;
	background:#fff;
	font-size:18px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	margin-bottom:10px;
}
.container-header h4 {
	margin:0;
	padding:0;
}
.a {
	font-size:18px;
	border-bottom:1px solid #aeaeae;
	margin-bottom:10px;
}
/* EMPLOYEES FORM */
.empphoto {
	background:#fff;
	width:100%;
}
.empphoto img {
	padding:10px;
	border:1px solid #f1f1f1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	box-shadow: 6px 6px 8px -4px rgba(0,0,0,0.76);	
}
.empphoto button {
	width:100%;
}
.empfldset {
}
.employee-wrapper {
	margin:0 auto;
	width:100%;
	background:#fff;
	padding:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 6px 6px 8px -4px rgba(0,0,0,0.76);
	-moz-box-shadow: 6px 6px 8px -4px rgba(0,0,0,0.76);
	box-shadow: 6px 6px 8px -4px rgba(0,0,0,0.76);	
	margin-bottom:20px
}
.employee-shell {
	width:100%;
	min-width:950px;
}
.tables {
    border-collapse:separate;
    border-spacing:7px;
}
.legend {
	margin-bottom:10px;
	padding:7px;
}
.employment th {
	text-align:center;
}
.addresslegend {
	color:#ccc;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin:5px;
}
.controlno input {
	text-align:center;
}
.draft-shell {
	padding:0;
	border:1px solid #e7cfff;
	width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.qrcode-shell {
	padding:0;
	margin-top:10px;
	width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.qrgenerateshell {
	padding:5px;
	font-size: 10px;
	background:#fb4b4b;
	color:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.draft-title {
	border:0;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	background-color:#cba2f8;
	padding:6px;
	color:#626262;
	text-align:center;
}
.draft-content {
	padding:5px;
	background:#f2e6ff;
	font-size:12px;
	
}
.draft-content ul {
	list-style:none;
	margin: 0;
	padding: 0;	
}
.draft-content li a {
	text-decoration:none;
	display:block;
	padding:3px 5px 3px 5px;
	background:#e7cfff;
	font-size:11px;
	margin:2px;
	color:#626262;
	cursor:pointer;
}
.basurahan:hover {
	color:red;
}
.input-bg {
	background:#eef9fc;
}
.input-error-bg {
	background-color:#fff0e1;		
}
.form-control {
	background:#d4f1fb;
}
.centered-modal {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/* ########### employee panel ###### */
.tab-container	{ margin-top:50px;margin: 0 auto;}
ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{background: none;color: #aeaeae;display: inline-block;padding: 10px 15px;cursor: pointer;font-size:12PX;}
ul.tabs li.current{background: #fff;color: #232323;}
.tab-content{display: none;background: #ededed;overflow:hidden;}
.tab-content.current{display: inherit;}
.tab-link {background:#fff;}
.tabpages {background:#fff;padding:10px;border-top-right-radius:10px;
}
.searchemployee {
	display:none;
	top:2px;
	background:#fff;
	width:90%;
	height:300px;
	-webkit-box-shadow: 6px 6px 8px -4px rgba(0,0,0,0.76);
	-moz-box-shadow: 6px 6px 8px -4px rgba(0,0,0,0.76);
	box-shadow: 6px 6px 8px -4px rgba(0,0,0,0.76);	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5PX;
	cursor:pointer;
	overflow-x:auto;
}
.searchselect td {
	font-size:14px;
	text-align:left;
}
.searchselect td:hover {
	background:#e1e1e1;
}
/* ----------------- PAN --------------------------- */
.paper-wrapper {
	position:relative;
	background:#fff;
	width:8.5in;
	height:12in;
}
.paper-margin {
	position:absolute;
	top:.25in;
	left:.5in;
	width:7.5in;
	height:10.5in;	
}
.form-no {
	width:1.30in;
	border:1px solid #232323;
	text-align:center;
	font-weight:bold
}
.prepared {
	width:1.30in;
	border:1px solid #232323
}
.pan-header {
	background-size: cover;
	border:1px solid #232323;
}
.tblclass td {
	font-size:12px;
	text-align:center;
}
.h1 {
	text-align:center;
	font-size:18px;
	margin:0;
	padding:8px;
	border-left:1px solid #232323;
	border-right:1px solid #232323
	
}
.titleborder td {
	border:1px solid #232323;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:5px 0px 5px 0px
}
.titleborder-bottom td {
	border:1px solid #232323;
	border-top:0;
	text-align:center;
	font-size:11px;
	padding:5px 0px 5px 0px;
	font-weight:bold;
}
.titleborder-bottom-shell td {
	border:1px solid #232323;
	border-top:0;
	font-size:11px;
}
.cb input[type=checkbox] {
	padding:0;
	margin:0;
	cursor:pointer;
}
.valueborder td {
	border:1px solid #232323;
	height:30px;
	text-align:center;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}
.table-container {
	position:relative;
	width:100%;
	overflow:hidden;
}
.left-pane {
	float:left;
	width:144px;
	border-right:1px solid #232323;
	border-left:1px solid #232323;
}
.mid-pane {
	float:left;
	width:366px;
	border-right:1px solid #232323;
}
.right-pane {
	float:right;
	width:210px;
	border-right:1px solid #232323;
}
.table-bordered-sub td {
	border-left:0;
	border-right:0;
	padding:3px 5px 3px 5px;
}
.table-head td {
	font-size:11px;
	font-weight:bold;
	height:27px;
	text-align:center;
}
.table-inputs td
{
	font-size:11px;
	height:25px;
}
.table-value-long td {
	height:130px;
	font-size:12px;
	text-align:center;
}
.table-value-long3 td {
	border:1px solid #f9f9f9;
}
.auto-style1 {
	border-collapse: collapse;
	border: 1px solid #232323;
}
.auto-style2 {
	text-align: center;
	font-size: 18px;
	margin: 0;
	padding: 8px;
	border-left: 1px solid #232323;
	border-right: 1px solid #232323;
	font-weight: normal;
}
.textarea {
	width:100% !important;
	height:100% !important;
	font-size:11px !important;
	box-sizing: border-box;	
	resize: none;
}
.inpText {
	width:99%;
	text-align:right;
	border:1px solid #aeaeae;
}
/* EMPLOYEE PAN */
.paper-wrapper {
	position:relative;
	background:#fff;
	width:8.5in;
	height:13in;
}
.paper-margin {
	position:absolute;
	top:.62in;
	left:.5in;
	width:7.5in;
	height:10.5in;	
}
.form-no {
	width:1.30in;
	border:1px solid #232323;
	text-align:center;
	font-weight:bold
}
.prepared {
	width:1.30in;
	border:1px solid #232323
}
.pan-header {
	background-size: cover;
	border:1px solid #232323;
}
.tblclass td {
	font-size:11px;
	text-align:center;
}
.h1 {
	text-align:center;
	font-size:18px;
	margin:0;
	padding:8px;
	border-left:1px solid #232323;
	border-right:1px solid #232323
	
}
.titleborder td {
	border:1px solid #232323;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:5px 0px 5px 0px
}
.titleborder-bottom td {
	border:1px solid #232323;
	border-top:0;
	text-align:center;
	font-size:11px;
	padding:5px 0px 5px 0px;
	font-weight:bold;
}
.titleborder-bottom-shell td {
	border:1px solid #232323;
	border-top:0;
	font-size:11px;
}
.cb input[type=checkbox] {
	padding:0;
	margin:0;
	cursor:pointer;
}
.valueborder td {
	border:1px solid #232323;
	height:30px;
	text-align:center;
	font-size:12px;
	font-family:Segoe UI;
}
.table-container {
	position:relative;
	width:100%;
	overflow:hidden;
}
.left-pane {
	float:left;
	width:144px;
	border-right:1px solid #232323;
	border-left:1px solid #232323;
}
.mid-pane {
	float:left;
	width:510px;
	border-right:1px solid #232323;
}
.mid-pane-two {
	float:left;
	width:366px;
	border-right:1px solid #232323;
}
.right-pane {
	float:right;
	width:210px;
	border-right:1px solid #232323;
}
.table-bordered-sub td {
	border-left:0;
	border-right:0;
	padding:3px 5px 3px 5px;
}
.table-head td {
	font-size:11px;
	font-weight:bold;
	height:27px;
	text-align:center;
}
.table-inputs td
{
	position:relative;
	font-size:11px;
	height:25px;
}
.table-value-long td {
	height:126px;
	font-size:11px;
	text-align:center;
}
.table-value-long3 td {
	border:1px solid #f9f9f9;
}
.auto-style1 {
	border-collapse: collapse;
	border: 1px solid #232323;
}
.auto-style2 {
	text-align: center;
	font-size: 18px;
	margin: 0;
	padding: 8px;
	border-left: 1px solid #232323;
	border-right: 1px solid #232323;
	font-weight: normal;
}
.textarea {
	width:100% !important;
	height:100% !important;
	font-size:11px !important;
	border:0;
	padding:2px;
	border:1px solid #aeaeae;
}
.inpText {
	width:99%;
	text-align:right;
	border:1px solid #aeaeae;
	position: absolute;
	display: block;
	top:0;
	left:0;
	margin: 0;
	height: 100%;
	width: 100%;
	border: none;
	padding: 10px;
	box-sizing: border-box;	
}
.inpText-a-right {
	text-align:right;
}
.footerText {
	margin-top:50px;
}
.copycurrent {
	font-size:10px;
	padding:1px 10px 1px 10px;
	border-radius:2px;
	cursor:pointer;
	font-weight:normal;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}