/*###############global################*/
body{background-color:#E5E9EC;}
a,a:focus{outline:0}
.btn:last-child{margin-right:0;}
div.form-control{padding:0}
select.form-control{text-transform: capitalize;}
.text-smaller { font-size: 1.2rem; }
.text-small { font-size: 1.1rem; }
.form-control input[type='file']{margin:5px 0 0 5px;width:100%}

.form-control:focus{border-color:#ccc;box-shadow:none;outline:none} /*overwrite bootstrap focus outline*/

.p-relative{position:relative}
.p-absolute{position:absolute}
.p-fixed{position:fixed}
.fixed-top {
    position: fixed;
    top: 70px;
}
.p-static{position:static}

.well-success{background-color:#dff0d8;color:#3c763d;border-color:#d6e9c6}
.well-info{background-color:#d9edf7;color:#31708f;border-color:#bce8f1}
.well-danger{background-color:#f2dede;color:#a94442;border-color:#ebccd1}
.well-warning{background-color:#fcf8e3;color:#8a6d3b;border-color:#faebcc}
.well-dark{background-color:#6c757d;color:#ffffff;}

.well-dark a{color:#ffffff;}
.text-black { color:#333; }
.loading-mask{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.8);text-align:center;display:none;z-index:99;}
.loading-mask i{position:absolute;top:45%;margin:0 0 0 -20px}
.strong{font-weight:bold}
.tooltip{font-size:14px}
.error-field{border-color: rgba(217, 83, 79, 0.8); box-shadow: 0 0 8px rgba(217, 83, 79, 0.6);}
/*###############end global#############*/

/*###############header###############*/
header{background-color:white;position:fixed;top:0;left:0;width:100%;height:60px;z-index:4;color:black;box-shadow:0 0 5px #aaa}
header a{color:black;line-height:60px;}
.brand_nav{padding:10px 0}
#menu_trigger{position:relative;z-index:10}
/*###############end header############*/

/*###############sidebar###############*/
.brand-logo{padding:10px 0}
.brand-logo img{max-height:40px;width:auto}
.sidebar-menu{padding:0}
.sidebar-nav{background-color:#1B1E24;bottom: 0;position: fixed;top: 0;z-index: 4;overflow-y:scroll}
.sidebar-nav i{width:18px;color:rgba(240, 245, 250, 0.6);margin-right:7px}
.sidebar-nav .nav > li > a{color:#eee;font-size:15px;font-weight:400;border-radius:0;display: flex;align-items: center; justify-content: space-between;}
.nav-pills > li > a:focus,.nav-pills > li > a:hover{background-color:#191E23;color:#00B9EB}
.first-level.active > a::after{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent #f1f1f1 transparent transparent;border-image: none;border-style: solid;border-width: 8px;content: " ";height: 0;margin-top: -8px;pointer-events: none;position: absolute;right: 0;top: 50%;width: 0;}
.sub-menu{margin:0;padding:10px;background-color:#32373C;display:none}
.first-level.active > .sub-menu{display:block}
.sub-menu a{color:#eee;padding:5px 5px 5px 20px;display:block;font-size:0.9em;text-decoration:none; display: flex;align-items: center; justify-content: space-between;}
.sub-menu a:focus{text-decoration:none}
.sub-menu a:hover{color:#00B9EB;text-decoration:none}
.sub-menu a.active{color:#00B9EB;}
.third-menu{padding-left:0;display:none;}
.third-menu.active{display:block}
.third-menu a{padding-left:54px}
.sb-item-count{
	background: red;
	font-size: 12px;
	padding: 2px 4px 1px;
	border-radius: 5px;
}
/*###############end sidebar############*/

/*###############content##############*/
.page-title{text-transform:uppercase;}
.sub-content{margin-top:60px}
.content-cluster{background-color:white;border:1px solid #e5e5e5; padding:15px 15px 0;margin-bottom:15px;border-top:0;}
.sub-content-cluster.border-left{border-left:1px solid #e5e5e5}
.sub-content-cluster.border-right{border-right:1px solid #e5e5e5}
.sub-content-cluster.border-top{border-top:1px solid #e5e5e5}
.sub-content-cluster.border-bottom{border-bottom:1px solid #e5e5e5}
.scrolling{overflow-y:auto;height:auto}
.content-cluster h4{margin:0}
.content-cluster h5{font-weight:bold;margin:0 0 5px}
.cluster-header{background:white;color:black;border:1px solid #e5e5e5;}
.cluster-header i{margin-right:10px}
textarea{resize:none}
#clock{display:inline-block}
.responsive-table tr td{vertical-align:middle !important}
.input-label-align{line-height:34px} /*custom code to align label with the input field*/
#redeemer-info{display:none}/*custom for page dailyTransaction/redeem*/
.photo-wrapper{border-radius:3px;overflow:hidden;height:120px;max-width: 160px;}
.photo-wrapper.pawner{background-image:url(../../assets/img/customer-photo-placeholder.png);}
.photo-wrapper.items{background-image:url(../../assets/img/item-photo-placeholder.png);overflow:initial;margin-top: 10px;}
.snap-preview{cursor:pointer;display: block;position:relative;object-fit:cover;}
.photo-holder{background:black;display:none}
.activate-cam,.fingerprint-cam{bottom:0;right:0;margin: auto;height:28px;border-radius:3px 0 3px 0;z-index:3}
.input-mimic{line-height:1.42857;padding:6px 12px !important;font-size:14px;color:#555;background-color:#EEEEEE}
.input-mimic.input-sm{line-height:1.2;text-transform:uppercase;}
.borderless td, .borderless th {border: none !important;}
.bootstrap-tagsinput{width:100%;padding:3px 6px 4px;font-size:12px;line-height:20px !important}
.bootstrap-tagsinput .label{font-size:115%;display:inline-block;margin:0 0 0 3px}

.description_wrapper .twitter-typeahead { width: 100%; } /*overwritting the plugin css to extend typehead field to full width*/
.description_wrapper .tt-input{background-color:#fff !important}
.list_items .well{padding:10px}
.customer_photo,.item_photo{border-radius:3px}
.cluster_danger{background:#d9534f;color:white}
.cluster_danger a{color:white;}
.cluster_danger .bg-danger, .cluster_danger .bg-info, .cluster_danger .bg-info a{color:black;}
.cluster_warning{background:#f0ad4e;color:white}
.cluster_warning a{color:white;}
.cluster_highlight .btn-danger{animation:blinker .5s linear infinite;}
.cluster_highlight .table-data.table-data-first{animation:blinker .5s linear infinite;}
.hoverable_table_row{cursor:pointer}
.table-hover .cluster_danger:hover{background:#c9302c}
.table-hover .cluster_warning:hover{background:#f0a537}
.list_items .select2-container{width:100% !important}
.list_items .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:32px}
/*.list_items .select2-container--default .select2-selection--single .select2-selection__arrow {top:4px !important}*/
.list_items .select2-selection{height:32px !important}

.snap-preview-container{position:relative;z-index:0;cursor:pointer;}
.snap-preview-container:not(.no-preview):hover{background-color:transparent;z-index:50;}
.snap-preview-container span{position:fixed;top:15%;border:2px solid #000000;display:none;width:968px;cursor:default;z-index:999;}
.snap-preview-container span img{border-width:0;width:100%;object-fit:cover;}
.snap-preview-container:not(.no-preview):hover span{display:block}
.snap-preview-container.no-preview{cursor:default;}
/*###############end content###########*/

/*##########datepicker customization#######*/
.datepicker{min-width:260px}
.datepicker table{width:100%;}
.datepicker .prev,.datepicker .next{text-align:center}
.datepicker tr th,.datepicker tr td{text-align:center}
/*#######end datepicker customization#######*/

/*############modal customization#######*/
.modal-title{text-transform:capitalize}
/*########end modal customization#########*/


/*#########Global overwrite. ############*/
.m-5{ margin:5px; }
.t-m-0{margin-top:0;}
.t-m-5{margin-top:5px;}
.t-m-10{margin-top:10px;}
.t-m-15{margin-top:15px}

.r-m-0{margin-right:0;}
.r-m-5{margin-right:5px;}
.r-m-10{margin-right:10px;}
.r-m-15{margin-right:15px;}

.b-m-0{margin-bottom:0}
.b-m-5{margin-bottom:5px}
.b-m-10{margin-bottom:10px}
.b-m-15{margin-bottom:15px}

.l-m-0{margin-left:0;}
.l-m-5{margin-left:5px;}
.l-m-10{margin-left:10px;}
.l-m-15{margin-left:15px;}

.p-5{ padding:5px; }
.t-p-0{padding-top:0;}
.t-p-5{padding-top:5px;}
.t-p-10{padding-top:10px;}
.t-p-15{padding-top:15px}

.r-p-0{padding-right:0;}
.r-p-5{padding-right:5px;}
.r-p-10{padding-right:10px;}
.r-p-15{padding-right:15px;}

.b-p-0{padding-bottom:0}
.b-p-5{padding-bottom:5px}
.b-p-10{padding-bottom:10px}
.b-p-15{padding-bottom:15px}

.l-p-0{padding-left:0;}
.l-p-5{padding-left:5px;}
.l-p-10{padding-left:10px;}
.l-p-15{padding-left:15px;}

.p-0{padding:0 !important;}
.m-0{margin:0 !important;}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.inline-block{display:inline-block}/* custom css to overwrite bootstrap display block */
.hidden-el{display:none}/*custom css class to hide any element. Bootstrap .hidden is available but css comes with !important and disturbing the animation*/
.absolute-full-height{position:absolute;top:0;bottom:0}
.vmiddle{vertical-align:middle !important}

/*.clickable, .empty-clickable{ border:2px solid transparent;  }*/
.clickable *{ pointer-events: none; }
.rejectable::before{ pointer-events: none; }
.rejectable::before, .clickable::before{ top:0;left:1%;content:'';position:absolute; width:98%; height:98%; border:2px solid transparent;}
.rejectable.highlight::before, .clickable.highlight::before{ border:2px solid red; z-index:3;  }

.edit-record-exist{
	color: orange;
}

.old-ticket, .new-ticket{
	cursor: pointer;
	color: #0000EE;
}
.old-ticket:hover, .new-ticket:hover{
	text-decoration: underline;
}

/*########end Global overwrite. ##########*/

/*#######start responsive area###########*/
@media (max-width: 991px){
	.sidebar-nav{margin-left:-100%}
}


@media (max-width: 690px){
	.responsive-table thead th{display:none}
	.responsive-table tbody tr:last-child .table-data-last,
	.responsive-table tbody tr:last-child .col-action,
	.responsive-table tbody tr:last-child .col-checkbox,
	.responsive-table tbody tr:last-child .resp-checkbox{border-bottom:0}

	.responsive-table tr td{border-top:0 !important}
	/* .responsive-table .row-number{width:30px;border-bottom:1px solid #ddd;padding:15px 0 0 0} */
	.responsive-table .col-action,
	.responsive-table .col-checkbox,
	.responsive-table .col-rownum{padding:15px 0 0 0;border-bottom:1px solid #ddd;vertical-align:middle}

	.table-data{padding:7px 8px 5px 35% !important;position:relative;display:block;width:100% !important}
	.table-data::before { content: attr(data-colname);display: block;left: 10px;overflow: hidden;position: absolute;text-overflow: ellipsis;white-space: nowrap;width: 32%;}
	.table-data-last{padding:7px 8px 15px 35% !important;border-bottom:1px solid #ddd}
	.table-data-first{padding:15px 8px 7px 35% !important;}
	.responsive-table .table-data:last-child{padding-bottom:15px}
}

@media (max-width: 500px){
	.table-data{padding:7px 8px 5px 45% !important}
	.table-data-first{padding:15px 8px 7px 45% !important;}
	.table-data-last{padding:7px 8px 15px 45% !important;}
}

@media (max-width: 440px){
	.table-data{padding:7px 8px 5px 55% !important}
	.table-data-first{padding:15px 8px 7px 55% !important;}
	.table-data-last{padding:7px 8px 15px 55% !important;}
}
/*###############end responsive area#####*/

.badge{
	padding: .45em 1.15em;
	font-size: 74%;
	border: none;
}
.badge-success{background-color:#5cb85c;}
.badge-danger{background-color:#dc3545;}
.badge-warning{background-color:#b69329;}
.badge-info{background-color:#3195a5;}
.badge-secondary{background-color:#5bc0de;}