/* Add here all your CSS customizations */

.atm-block {
	background: #f4f4f4;
	display: block;
	border: 1px dashed #d0d0d0;
	padding: 22px;
	width:115px;
	height:80px;
	font-size: 16px;
	color: #9d9d9d;
	text-align: center;
}

.error, .required{color:red;font-weight:bold;}

.errorMsg{color:yellow;}

.text-bold{font-weight:bold;}


@media screen and (max-width: 991px) {
.text-center-xs{text-align:center !important;}
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:red;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:red;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-feedback label~.form-control-feedback{top:27px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#a4aaae}

.table-striped>thead>tr>th a{color:#fff !important;}

.table th, .table td {
    padding: 0.3rem;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0.15rem 0.15rem 0.15rem 0.3rem;
    font-size: 0.5rem;
    line-height: 1.5;
    border-radius: 3px;
}

/* Form - Custom Checkbox */
.checkbox-custom {
	position: relative;
	padding: 0 0 0 25px;
	margin-bottom: 7px;
	margin-top: 0;
}

.checkbox-custom.checkbox-inline {
	display: inline-block;
	vertical-align: middle;
}

.form-group .checkbox-custom.checkbox-inline {
	margin-top: 7px;
	padding-top: 0;
}

.checkbox-custom:last-child, .checkbox-custom:last-of-type {
	margin-bottom: 0;
}

.checkbox-custom input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 3px;
	margin: -6px 0 0 0;
	z-index: 2;
	cursor: pointer;
}

.checkbox-custom input[type="checkbox"]:checked + label:after {
	position: absolute;
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\F00C';
	top: 50%;
	left: 4px;
	margin-top: -5px;
	font-size: 11px;
	line-height: 1;
	width: 16px;
	height: 16px;
	color: #333;
}

.checkbox-custom input[type="checkbox"]:disabled {
	cursor: not-allowed;
}

.checkbox-custom input[type="checkbox"]:disabled:checked + label:after {
	color: #999;
}

.checkbox-custom input[type="checkbox"]:disabled + label {
	cursor: not-allowed;
}

.checkbox-custom input[type="checkbox"]:disabled + label:before {
	background-color: #eee;
}

.checkbox-custom label {
	cursor: pointer;
	margin-bottom: 0;
	text-align: left;
	line-height: 1.2;
}

.checkbox-custom label:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
	width: 19px;
	height: 18px;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid #bbb;
	background: #fff;
}

.checkbox-custom label + label.error {
	display: block;
}


.checkbox-custom label:before {
	background: #282d36;
	border-color: #21262d;
}

.checkbox-custom input[type="checkbox"]:checked + label:after {
	color: #fff;
}

.checkbox-custom input[type="checkbox"]:disabled + label:before {
	background: #242830;
	border-color: #242830;
}

.checkbox-success input[type="checkbox"]:checked + label:after,
.checkbox-success input[type="checkbox"]:checked + label:after {
	color: #fff;
}

.checkbox-success label:before,
.checkbox-success label:before {
	background: #47a447;
	border-color: #3f923f;
} 

.checkbox-danger input[type="checkbox"]:checked + label:after,
.checkbox-danger input[type="checkbox"]:checked + label:after {
	color: #fff;
}

.checkbox-danger label:before,
.checkbox-danger label:before {
	background: #d2322d;
	border-color: #bd2d29;
}

.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon i {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon i  { left:  0px;}
.right-addon i { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.scrollable-menu {
	height: auto;
	max-height: 350px;
	overflow-x: hidden;
}

@media only screen and (min-width: 1480px) {
	.scrollable-menu {
	height: auto;
	max-height: 550px;
	overflow-x: hidden;
}
}

@media only screen and (min-width: 1900px) {
	.scrollable-menu {
	height: auto;
	max-height: 750px;
	overflow-x: hidden;
}
}

 .scrollable-menu::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 4px;
}
.scrollable-menu::-webkit-scrollbar-thumb  {
 border-radius: 3px;
 background-color: #0088CC;
 -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .75);
}


@media screen and (min-width: 468px) {
.login-content .login-box {
  min-width: 360px;
  min-height: 520px;
}
/*.login-content .login-box img{
	width:100px;
	text-align:center;
}*/
}


@media screen and (min-width:650px) {
.login-content .login-box {
  min-width: 370px;
  min-height: 460px;
  
}
/*.login-content .login-box img{
	width:200px;
}*/
}

/*@media screen and (min-width: 991px) {
.login-content .login-box {
  min-width: 750px;
  min-height: 420px;
}
.login-content .login-box img{
	width:100%;
}
}*/

.table-responsive .table tbody tr td{vertical-align:middle !important;}

@media screen and (max-width: 567px) {
.emptyContainer{display:block !important;margin-bottom:-30px;}
.mobile-footer{display:block !important;}
.desktop-footer{display:none !important;}
.tile .tile-title {font-size: 1.2rem;}
.tile .tile-title a{margin-top:5px;}
}

@media screen and (min-width: 568px) {
.emptyContainer{display:none !important;}
.mobile-footer{display:none !important;}
.desktop-footer{display:block !important;}
 
}

.btn-primary {
    transition: 0.5s;
    background-size: 200% auto;
    color: #FFF;
    box-shadow: 0 0 20px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
}
.btn-primary:hover{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    
}


/*.form-group{margin-bottom:20px;}
.error {
    position: absolute;
}*/

.tooltip {
  pointer-events: none;
}

.mart-30{margin-top:30px;}
.valign-top{vertical-align:top !important;}

.medication-box{background-color:#eee;padding:10px;border-radius:5px;}

.CustomersList {
	background-color:#fff;
	height:310px;
	max-height: 310px;
	overflow-x: hidden;
}

.CustomersList ul,.CustomersListBilling ul{list-style:none;padding-left:0px;}

.CustomersList ul li,.CustomersListBilling ul li {border-bottom: 1px solid #eee;padding:1px;}

.CustomersList ul li:hover, .CustomersListBilling ul li:hover{padding-left:8px;background-color:#B5D3E7;color:#000}

.customer-items-list {
	height:auto;
	max-height: 480px;
	overflow-x: hidden;
}
.CustomersList::-webkit-scrollbar,.CustomersListBilling::-webkit-scrollbar,.customer-items-list::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 4px;
}
 .CustomersList::-webkit-scrollbar-thumb, .CustomersListBilling::-webkit-scrollbar-thumb, .customer-items-list::-webkit-scrollbar-thumb {
 border-radius: 3px;
 background-color: #0088CC;
 -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .75);
}
.ManualLabelsCustomers, .ManualLabelsCustomersBilling{min-height:100px;max-height:100px !important;border:1px solid #0E89BF;padding:5px;}

.collapse-link:hover{cursor:pointer;}

#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255,255,255,0.75) url(../images/loader.gif) no-repeat center center;
  z-index: 10000;
}

input {
  border: 2px solid currentcolor;
}
input:invalid {
  border: 2px solid red;
}
input:invalid:focus {
  background-image: linear-gradient(pink, lightgreen);
  color:#000;
}
.login-content .required{color:#fff !important;}

@media screen and (min-width: 768px) and (max-width: 1199px) {
.filters{margin-top:0.75rem;}
.tile-title{font-size:18px !important;}
.action-buttons .btn{margin-bottom:3px;}
.tile-buttons{margin-top:-10px !important;}
table th,table td{font-size:12px !important;}
.app-title{display:block !important;}
.app-breadcrumb{padding-top:10px !important;}
#orderedItems h6, #asnItems h6{font-size:12px !important;}

#asnItems {margin-top:20px !important;}

#dashboard-data h4{font-size:14px !important;}
}

@media screen and (min-width: 1200px){
.tile-buttons{float:right !important;}
}