.dashboradhuge {
    font-size: 26px;
}

.panel {
	margin-bottom: 20px;
	background-color: #FFF;
	border: 1px solid transparent;
	border-radius: 4px !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#ddd
}

.panel-default {
	border-color:#ddd
}

.panel-default>.panel-heading {
	color:#333;
	background-color:#f5f5f5;
	border-color:#ddd
}

.panel-heading {
	padding:10px 15px;
	border-bottom:1px solid transparent;
	border-top-left-radius:3px;
	border-top-right-radius:3px
}

.panel-heading>.dropdown .dropdown-toggle {
	color:inherit
}

.panel-title {
	margin-top:0;
	margin-bottom:0;
	font-size:16px;
	color:inherit
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,.panel-title>small,
.panel-title>small>a {
	color:inherit
}

.panel-footer {
	padding:10px 15px;
	background-color:#f5f5f5;
	border-top:1px solid #ddd;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px
}

#view-bg {
    background-color: #F1F2F7;
}

.table-responsive {
	min-height: .01% !important;
  	overflow-x: auto !important;
}

.table {
	width: 100% !important;
  	max-width: 100% !important;
  	margin-bottom: 20px !important;
    background-color: transparent !important;
    border-spacing: 0 !important;
  	border-collapse: collapse !important;
}

.dept {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 37px;
    color: gray;
    padding: 5px; 
    font-size: 14px;
    border-radius: 5px;
}

.selectStyle option:first-child {
   color: grey !important;
}

#emp_dtl {
    background-color: #F8F8F8;
}

.modal-dialog {
      margin-top: 150px !important;
}

#register
{
    max-width: 500px !important;
}

#register input:required {
    border-bottom: 1px solid red;
    outline: none;
}

.navbar-brand {
    font-size: 30px !important;
	font-weight: 100 !important;
}

.form-control {
    color : #555 !important;
}

input.btn-block[type="submit"] {
    color: white !important;
}

.dept {
	color: rgb(39, 38, 38) !important;
}

h1, .h1 {
    font-size: 20px !important;
}

h2, .h2 {
   	font-size: 17px !important;
    color: #777;
}

.normalH2 {
	font-size: 30px !important;
}

.panel {
  margin-bottom: 0px !important;
}
.page-header {
	margin: 15px 0px 10px !important;
	padding-bottom: 5px !important;
}

.table tbody > tr > td {
    padding: 2px 5px !important;
}
table.dataTable {
    margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.table thead > tr > th {
    padding: 5px !important;
}

.form-group {
    margin-bottom: 5px;
}

#spin-loader {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: none;
   opacity: 0.7;
   background-color: #fff;
   z-index: 1001;
   text-align: center;
}

#spin-loader-icon {
  position: absolute;
  top: 45%;
  z-index: 1002;
}

.button-style {
	background-color: #f79427 !important;
	color: #fff;
}

.button-style:hover, 
.button-style:focus, 
.button-style:active, 
.button-style:focus:hover {
	background: #FF8C00;
	color: #fff;
}

.table-info-style {
	width: 100%;
}
.table-info-style td, 
.table-info-style th {
	border: 1px ridge #ddd;
}

div.dataTables_scrollBody thead th {
	line-height: 0;
	opacity:0.0;
	width: 0px;
	height:0px;
	padding-top:0px !important;
	padding-bottom:0px !important;
}

#detailedReportDataTableDiv th, 
#detailedReportDataTableDiv td {
	font-size: 9px;;
}

.table-custom-style th, .table-custom-style td {
	font-size: small;
}

.navbar-middle {
	margin:0 auto; 
	color:#428bca; 
	text-align:center; 
	margin-top:15px;
	font-size:large;
	font-weight:bold;
}

.plan-heading {
	margin: 0;
    padding: 20px 15px;
    text-align: center;
    background-color: #0023B8;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
}

.webnerHrmLogo {
	margin-top: 15px;
}

.sidebar {
	margin-top:33px;
}

#loading_data_icon, 
#wfh_loading_data_icon {
	position: absolute;
    display: block;
    right: 10px;
    bottom: 4px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

.bootbox-confirm button.btn-primary, 
.bootbox-alert button.btn-primary, 
.bootbox-prompt button.btn-primary {
	background-color: #f08114;
	border-color: #f08114;
}

.blinking{
    animation:blinkingText 0.8s infinite;
}

@keyframes blinkingText{
    0%{ color: #ff0000; }
    50%{ color: transparent; }
    100%{ color: #ff0000; }
}

#subordinate-modal .modal-dialog {
    margin-top: 0px !important;
}
	
@media (max-width: 768px) {
	.sidebar {
		margin-top:10px;
	}
}

@media (min-width: 992px) {
	.modal-lg {
		width: 900px;
	}
}

/************************  Css for Login, Register, Contact us pages ***********************/

.form-wrap {
	width: 100%;
}

.form-wrap label {
    color: #777;
}

.form-wrap input, .form-wrap select, .form-wrap textarea {
    margin-top: 10px;
}
    
/********************* End of Css for Login, Register, Contact us pages *********************/

/************************ Css of footer *****************************************/
            
.footer {
    background: #f79427;
    color: #fff;
    display: inline-block;
    width: 100%;
    font-weight: 300;
}

.footer-small{
    background-color: #f79427;
    padding-top: 10px;
}
/*********************** End of Css of footer ***********************************/