/* Write your custom CSS here */
.webcam-live{
	border-radius:5px;
}
.datew{
	  width: 92px !important;
}
.texto-md{
	font-size:16px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fpp{
	background-image: url("/assets/images/fpp.png");
	background-position: right bottom;  
	background-repeat: no-repeat;
}
.fpnp{
	background-image: url("/assets/images/fpnp.png");
	background-position: right bottom;  
	background-repeat: no-repeat;
}
.spinner {
  margin: 0 auto 0;
  width: 70px;
  text-align: center;
  color:orange;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: orange;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.page-sidebar-visible .sidebar-overlay{
	background: gray;
	opacity:0.1;
	width:  100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
}
.lang-box{
	float:right;font-weight: bolder;color: #212c42;font-size: 19px;line-height: 18px;/* text-decoration: underline; */padding: 2px 5px 3px 5px;border: 1px solid #212c42;border-radius: 5px;width: 34px;height: 25px;text-align: center;text-transform: lowercase;
}
.printing-area *{
	font-family: 'Laila', serif
}
@media screen and (min-width: 1200px) {
    .responsive-img {
        width:30%;
    }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
    .responsive-img {
        width:45%;
    }
}
@media screen and (max-width: 767px) and (min-width: 500px) {
    .responsive-img {
        width:70%;
    }
}
@media screen and (max-width: 499px) {
    .responsive-img {
        width:95%;
    }
}
.nav-tabs.nav-justified>li{
	vertical-align: bottom;
}
.btn-trans{
	background: transparent;
  border: 0px;
}
.modal-lg.modal-dialog{
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	overflow:auto;
	margin:15px;
}
#divtabone table td {
  border: 1px #000 solid;
  padding:5px;
}
#divinntab table td {
  border: none;
  padding:0px;
}
#multtable {
  border: 1px #000 solid;
  border-collapse: separate;
  border-spacing: 5px;
}
.t-center{
	text-align:center !important;
}
.t-left{
	text-align:left !important;
}
.t-right{
	text-align:right !important;
}
.uib-title,.uib-left,.uib-right{
	background:transparent !important;
}
.uib-day .btn-sm{
	background:transparent !important;
}
.uib-day .btn-sm.active{
	color:#5893DF;
}
.breadcrumb-header{
	    margin-bottom: 14px;
}
.page-header-fixed .page-inner{
	margin-top: 62px;
}
.page-inner{
	padding: 5px 15px 42px 15px !important;
}
.striped tr:nth-child(even) {
    background-color: #f2f2f2
}
.print-only{
		visibility:hidden;
  }
/*------ Reports ------------*/
.reports{
	font-family: cambria,arial;
	font-size: 12px;
}
.reports .heading{
	text-align:center;
	font-size: 20px;
	font-weight: bold;
}
.reports .heading-dark{
	text-align:center;
	font-size: 20px;
	/* font-weight: bold; */
	background-color: #4e5e7d;
	color: #fff; 
}
.reports .subhead{
	font-size: 14px; color: #000;float:right;
}
.reports .space{
	padding: 1px 8px 4px 8px;
}
.reports .leftsp{
	margin-left: 5px;
}
.reports .head{
	font-size: 15px;
	font-weight:bold;
}
.reports .alnright{
	text-align:right;
}
.reports .tophead{
	font-size:15px;
	border:#ccc solid; 
	border-width:1px 1px 1px 0px;
	background-color: #DFDFDF; 
	text-align:center; 
	font-weight:bold;
	padding:1px 8px 4px 4px;
}
.reports .firsttophead{
	border-width:1px 1px 1px 1px;
}
.reports .sidehead{
	font-size:15px;
	font-weight:bold;
}

.reports .cell{
	font-size:15px;
	border:#ccc solid;
	border-width:1px 1px 1px 0px;
	text-align:right;
	padding:3px 8px 3px 4px;
}
.reports .firstcell{
	border-width:1px 1px 1px 1px;
}
.reports .cellfooter{
	text-align:right; 
	font-size:13px;
}
.reports .boxed{
	border:1px #000 solid;width:100%;
}
.reports .list{
	font-size:15px;
}
.reports .boxcell{
	background-color:#DFDFDF;
	padding:0px 4px 0px 4px;	
}
.reports .smbox{
	width:80px;
}
.no-border{
	border:none !important;
}
.t-border{
	border: 1px solid;
	width: 100%;
}
.t-f16 td,.t-f16 th{
	font-size: 16px;
}
.t-pad td,.t-pad  th{
	padding:2px;
}
.reports .lowavail{
	background-color:#f74f4f;
	color:#fff;
}
.reports .midavail{
	background-color:orange;
	color:#fff;
}
.reports .noravail{
	background-color:#F8F8F8;
}
.reports .highavail{
	background-color:#63d424;
	color:#fff;
}
@media print {
	.reports .heading{
		font-size:18px;
	}
	.reports .cell,.reports .sidehead,.reports .tophead{
		font-size:14px;
	}
	.reports .list,.reports .cellfooter{
	font-size:12px;
	}
}
.a-button{
  display: block;
  padding: 20px;
  background: white;
  margin: 10px;
  border: 1px #e0e2e3 solid;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  color: #363636;
  white-space: nowrap;
  overflow: hidden;
    text-overflow: ellipsis;
}
.a-button:hover{
	background:#f6f6f6;
}
.p-b-table{
	width:100%;
}
.p-b-table th{
	padding:5px;
	border:1px gray solid;
}
.p-b-table td{
	padding:5px;
	border:1px gray solid;
}
.table-hover>tbody>tr.nohover:hover{
	background:transparent;
}
.grid-cust-sm{
	width:210px;
	padding: 8px;
	display: inline-block;
	margin: 4px;
}
.grid-cust-sm .imgc{
	border:1px solid gray;
	border-radius:5px;
}
.grid-cust-sm img{
	border-radius: 5px;
	width:190px;
	height:140px;
}
.grid-cust{
	width:210px;
	padding: 8px;
	display: inline-block;
	margin: 4px;
}
.grid-cust img{
	border-radius: 5px;
	width:190px;
	height:140px;
}