body { background-color: #fefefe; color: #555555; }

header { padding:15px 0px 15px; background-color: #fbfbfb; border-bottom:1px solid #d0d0d0; margin-bottom:20px; } //#fbfbfb

.cashier header { background-color: #8e823e42; } //#3274d60a;
footer { margin:30px 0px; }

a,.btn-link,.page-link { color: #0366d6; }
.page-item.active .page-link { border-color: #0366d6; background-color: #0366d6; }

.msg { padding-bottom:30px; font-size: 1.2rem;  }
.msg-red,.msg-red a { color: red; }
.msg-green,.msg-green a { color: green; }
.msg a { text-decoration: underline; }
.btn-primary { text-decoration: none; border: 0; color: #fff; background-color: #3274d6; xborder-radius:0px; }
.btn-primary:hover { background-color: #2868c7; }
.navtop a:first-child { margin-left:0px;padding-left:0px; }
.auth-div hr { border-color: #ffffff; }
.goog-te-combo { padding:5px; }
.mainbody h3:first-child { font-size:1.3rem; }
.pleasewait img { height:60px!important; }
.pleasewait { display:none; }
.pagination { margin-top:20px; border-radius:0px; }
.page-link { border-radius:0px!important; }
.table { min-width:800px!important; }

.emsnavbar,.emsnavbar a { color: #0070B9!important; }

.emsnavbar { padding:0px; background-color: transparent!important; }
.emsnavbar .nav-link { color: rgba(0,112,185,1); }
.emsnavbar .navbar-brand { margin-right:2rem; }
.emsnavbar .navbar-nav .fas { display:none; }
.emsnavbar .dropdown-menu { border-radius:0px; background-color: #0070B9; border-color: #0070B9;  }
.emsnavbar .dropdown-item { color: rgba(255,255,255,1)!important; }
.emsnavbar .dropdown-item.active, .emsnavbar .dropdown-item:active { color: rgba(255,255,255,1);background-color:inherit; }

.emsnavbar .navbar-light .navbar-nav .active>.nav-link, .emsnavbar .navbar-light .navbar-nav .nav-link.active, .emsnavbar .navbar-light .navbar-nav .nav-link.show, .emsnavbar .navbar-light .navbar-nav .show>.nav-link { color: rgba(0,112,185,1); }
.emsnavbar .dropdown-item:focus, .emsnavbar .dropdown-item:hover { color: #000000!important; }
.payresult h2,.payresult h3 { margin-bottom:30px; }

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,.emsnavbar .dropdown-item.active, .emsnavbar .dropdown-item:active { color: #555b00!important; }


.pgtextshadow { text-shadow: 2px 2px 5px #000; }

#accordionHelp .card-header { padding-left:0.5rem; }
#accordionHelp .btn-link { font-weight:600; }

.qpaybtn { background-color: rgb(244 178 18); color: #000000; }
.qpaymessage { font-size:0.8rem; color: #888888; padding:20px; padding: 20px; margin:20px 0px; border:1px solid #999999; } 
.qpaymessage ul { margin-bottom:0px; }


/* Hide arrows in input type number */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

/* Very large desktops */
@media (min-width: 1400px) {
	.xbody{ border-left:5px solid grey !important; } /*DEDUG REMOVE*/
	.registerform, .profileform { background-image:url('images/profilebg2bw.jpg'); background-repeat:no-repeat; background-size:cover; background-position:right; }
}
/* Large desktops and laptops */
@media (min-width: 1199px) and (max-width: 1399px) {
	.xbody{ border-left:5px solid orange !important; } /*DEDUG REMOVE*/
	.registerform, .profileform { background-image:url('images/profilebg2bw.jpg'); background-repeat:no-repeat; background-size:cover; background-position:right; }
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.xbody{ border-left:5px solid yellow !important; } /*DEDUG REMOVE*/
	.registerform, .profileform { background-image:url('images/profilebg2bw.jpg'); background-repeat:no-repeat; background-size:cover; background-position:right; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.xbody{ border-left:5px solid green !important; } /*DEDUG REMOVE*/
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.xbody{ border-left:5px solid blue !important; } /*DEDUG REMOVE*/
	.gtrans { text-align:left!important; }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.xbody{ border-left:5px solid red !important; } /*DEDUG REMOVE*/
	.gtrans { text-align:left!important; }
}