/*GLOBAL
============================================= */

html,body {
	height:100%;     
	/*overflow-x: hidden;*/
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	display: table;
	font-weight: 100;
	//font-family: 'Lato';
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0; 
}

.light-font {
	font-weight: lighter;
}

.padding-small{
	padding-bottom: 10px;
}

.datepicker {
	z-index:1151 !important;
}

.change-to-uppercase{
	text-transform: uppercase;
}

.input-like-label {
	background:rgba(0,0,0,0);
	border:none;
}

.slimScrollDiv{
	height: auto !important;
}

.menu{
	height: auto !important;
}

.fc-event {
	font-size: 12px !important;
}

.employee-table-details input {
  width:63px;
  text-transform:uppercase
}

.btn-appraisal-submit{
	margin-top: 8px !important;
}
#table-add-monthly-appraisal td{
  vertical-align: middle !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
}

#tasks-stats-chart .morris-hover.morris-default-style  {
	font-size: 12px !important;
}

.modal-body{
  font-size: 17px !important;
}



/* arrow of navigation items 
============================================= */
.sidebar-menu li>a>.fa-angle-right {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
}

.sidebar-menu li.active>a>.fa-angle-right {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sidebar-menu li.active>a>.fa-angle-right {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: -7px;
}

.sidebar-menu .treeview-menu>li>a>.fa-angle-right, .sidebar-menu .treeview-menu>li>a>.fa-angle-down {
  width: auto;
}

table.dataTable thead > tr > th {
	padding-left: 9px;
	padding-right: 18px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
	height: 180px;
}

/* LOGIN PAGE 
============================================= */
.login-page {
	background-image: url("/images/background.jpg");
	background-size: 100%;
}

.login-logo h1{
	color: #FFFFFF;
	font-weight: 600;
	font-size: 40px;
}

.login-box-body a {
	font-size: 16px;
	color: #FFFFFF;
}

.login-box-body p {
	font-size: 16px;
	color: #000;
}

.login-box-body, .register-box-body {
	background:rgba(0,0,0,0.2);
	padding: 20px;
	border-top: 0;
	color: #666;
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
	font-size: 18px; 
}

/* FORGOT PASSWORD PAGE 
============================================= */
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
	font-size: 18px;
}

/* EMPLOYEE PAGES
============================================= */
.sm-padding-right {
	padding-right: 14px !important;
	padding-left: 0 !important;
}

.sm-padding-left {
	padding-right: 0 !important;
	padding-left: 14px !important;
}

.no-padding {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.btn-resign {
  padding-left: 30px;
  padding-right: 30px;
}

/* TEXT COLOR 
============================================= */
.red-font {
	color: #FF0000;
}
.blue-font {
	color: #0000FF;
}
.green-font {
	color: #008b22;
}

/* Change password
============================================= */
.nav-tabs-custom>.nav-tabs>li.active {
  border-top-color: #dd4b39;
}

#update_password {
  padding:20px 20px;
}

/* Notification
============================================= */
.box.box-primary {
  border-top-color: #dd4b39;
}

/* attendance
============================================= */
.table-fixed thead {
	width: 97% !important;
}
.table-fixed tbody {
	height:330px !important;
	overflow-y: auto !important;
	width: 100% !important;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
	display: block !important;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
	float: left !important;
}

/* Image upload
============================================= */
.image-box {
	height: 150px;
	width: 280px;
  background-color: #3c8dbc;
	border: solid 1px #367fa9;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.image-box  span{
  color: #FFFFFF;
}

.image-box i, .image-box-landscape i {
	margin-top: 4.125rem;
}
label input[type="file"] {
  position: fixed;
  top: -1000px;
} 


.admin-profile .image-box {
  margin-bottom: 10px;
  height: 150px;
  width: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #888;
  background-color: #fff;
}

label {
  max-width: initial;
}

.profile-image-container {
  margin-bottom: 10px;
  height: 150px;
  width: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; 
}

#table-add-monthly-appraisal tbody {
  height: 10px;
  overflow: auto;
}

.report-heading {
  font-weight: bold;
}

.reports-content {
  min-height: 120px;
  padding-bottom: 0px;
}

.reports-box {
  border-top: 3px solid #d73925;
}

table td {
  font-size: 12px;
}

#uniform-title {
  font-weight: bold;
}

.message-box-header {
  font-size: 26px;
  font-weight: bold;
}

.message-box{
  border-top: 3px solid #d73925;
}

.box-title {
  font-weight: bold;
}

.small-box h3 {
  font-size: 25px;
}

.small-box>.small-box-footer {
  font-size: 17px;
}

.small-box .icon {
  top: 5px;
  font-size: 40px;
}

.small-box:hover .icon {
  font-size: 55px;
}

.callout {
  margin: 0 0 8px 0;
  padding: 8px 20px 8px 10px;
}

.callout.callout-info {
  border-color: #30bbbb;
  background-color: #39cccc !important;
	font-size: 14px;
	font-family: Times New Roman;
}

.callout.callout-warning {
  border-color: #605ca8;
  background-color: #8f8cc2 !important;
	font-size: 14px;
	font-family: Times New Roman;
}

#non-performer .nav>li {
  padding: 6px 15px;
  font-size: 12px;
}

#performer .nav>li {
  padding: 6px 15px;
  font-size: 12px;
  
}

.text-seagreen {
  color: #51d6c2;
}

.div-bottom-text{
	position: absolute;
	bottom: 5px; 
	width:100% !important;
	text-align:center;
}

.sm-margin-top {
  margin-top: 29px !important;
}

li.session-val>a, li.session-val>a:active, li.session-val>a:hover{
  background: #DD4B39 !important;
  color: #ffffff !important;
  cursor: default !important;
}

.label-employee {
  padding-top: 6px;
}