.footer{
	bottom: 0px;
	margin: 0px;
	padding: 15px 25px;
}
.login-form{
	padding: 0px;
}
.card-title {
    border-bottom: 1px solid #e7e7e7;
}
label{
	font-size: 14px;
	font-weight: 600;
}
.form-control{
	font-size: 13px;
}
/* Chrome/Opera/Safari */
.form-control::-webkit-input-placeholder { 
  color: #afafaf;
}
/* Firefox 19+ */
.form-control::-moz-placeholder { 
  color: #afafaf;
}
/* IE 10+ */
.form-control:-ms-input-placeholder { 
  color: #afafaf;
}
/* Firefox 18- */
.form-control:-moz-placeholder { 
  color: #afafaf;
}

.btn-bs-file{
    position:relative;
}
.btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
}
.sweet-alert .sa-icon.sa-error {
    border-color: #ffdada;
}
.sweet-alert .sa-icon.sa-info {
    border-color: #c7efff;
}
.sweet-alert .sa-icon.sa-info::before, .sweet-alert .sa-icon.sa-info::after{
	background-color: #40c7ff;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder{
	border: 4px solid rgba(99, 218, 32, 0.2);
}

.btn{
	font-size: 13px;
}
.login-form h4{
	margin-bottom: 10px;
	margin-top: 15px;
}
.sidebar-nav > ul > li > a i {
    width: 22px;
    vertical-align: baseline;
}

.icon-within-input{
	position: absolute;
    right: 20px;
    top: 45px;
}

.table-form .form-control{
	width: 125px;
}

.table-head-inline-icon{
	float: right;
    font-size: 20px;
    margin-top: 5px;
}

/* Customize the label*/
.radio-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  /*left: 0;*/
  left: 50%;
  height: 20px;
  width: 20px;
  background-color: #9e9e9e;
  border-radius: 50%;
}
input[type=radio]{
	position: absolute;
	opacity: 0;
}

/* On mouse-over, add a grey background color */
.radio-label:hover input[type=radio] ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-label input[type=radio]:checked ~ .checkmark {
  background-color: #1976d2;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-label input[type=radio]:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-label .checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

#autocomplete-result-holder{
	position: absolute;
	height: auto;
	border: 1px solid #ccc;
	background: #e9ecef;
	border-bottom: 0px;
	z-index: 999;
}
#autocomplete-ui li{
	padding: 10px;
	border-bottom: 1px solid #ccc;
	color: #000;
}
#autocomplete-ui li.selected{
    background-color: #91c8ff;   
}
.ui-widget-content{
	padding: 0px !important;
	border-bottom: 0px !important;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #4c4c4c;
    font-size: 15px;
    border-bottom: 1px solid #99abb4;
    padding: 10px !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
	background: #f5f5f5 !important;
    border: 0px !important;
    border-bottom: 1px solid #99abb4 !important;
}
.table-fix-for-width tr td div{
	width: 125px !important;
}
.table .tr-danger{
	background-color: #ef5350 !important;
}
.table .tr-danger td,.table .tr-danger th{
	color: #fff !important;
}
.table .tr-success{
	background-color: #2ab92a !important;
}
.table .tr-success td,.table .tr-success th{
	color: #fff !important;
}

.table .tr-primary{
	background-color: #1976d2 !important;
}
.table .tr-primary td,.table .tr-primary th{
	color: #fff !important;
}
.table .tr-black{
	background-color: #2f3d4a !important;
}
.table .tr-black td,.table .tr-black th{
	color: #fff !important;
}

.table .tr-dark-black{
	background-color: #000 !important;
}
.table .tr-dark-black td,.table .tr-black th{
	color: #fff !important;
}

.cursor{
	cursor: pointer;
}

.table-report tr td{
	padding: 0px;
	padding-left: 8px;
	padding-right: 8px;
	color: #000;
}
.sidebar-nav ul li.nav-label{
	color: #000;
}

.sidebar-menu-header{
	background: #1976d2;
    padding: 7px 20px;
    color: #fff !important;
}

.blink_text{
  animation: blinker 1s linear infinite;
  font-size: 25px;
  font-weight: bold;
  color: #ff0500;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.datepicker table tr td.old{
	/*color: #f00 !important;*/
	color: #fff !important;
}
.datepicker table tr td.new{
	/*color: #004eff !important;*/
	color: #fff !important;
}
.datepicker table tr td.day{
	color: #15b740;
}

table.table-serial-number{
    counter-reset: rowNumber-1;
}

table.table-serial-number tr:nth-child(n+1) {
    counter-increment: rowNumber;
}

table.table-serial-number tr:nth-child(n+1) td:first-child::before {
    content: counter(rowNumber);
}

@media print{
  	@page{
    	size: landscape; 
	}
}

#table-ipad{
	table-layout: fixed;
}
#table-ipad tr th, #table-ipad tr td{
	width: 170px;
}

.modal-dialog {
    /*top: 25% !important;*/
}

tbody tr td{
	color: #000;
}
#go-up{
	position: absolute;
    bottom: 12px;
    right: 30px;
    background: #1976d2;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    padding-top: 5px;
}
#go-down{
	position: absolute;
    top: 15px;
    right: 160px;
    background: #1976d2;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    padding-top: 5px;
}
.left-sidebar{
	width: 200px;	
}
.page-titles{
	margin: 0px;
}
.container-fluid {
    padding: 0 15px 20px;
}
.modal-dialog{
	width: 90%;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
	font-size: 14px !important;
}
.form-control.active, .form-control:focus {
    border-color: #1976d2 !important;
    box-shadow: 1px 1px 10px #1976d2 !important;
}
@media (min-width: 1024px){
	.page-wrapper {
    	margin-left: 200px;
	}
}
@media (min-width: 768px){
	.navbar-header {
	    width: 200px;
	}
}
@media (min-width: 992px){
	.modal-lg {
    	max-width: 1200px;
	}
}