html, body{
    font-size: 14px;
}

.login-bkg{
    background-image: url(../img/bkg.jpg);
}

.pos-content{
    font-size: 16px !important;
}

.bottom-gap{
    margin-bottom: 10px;
}

.btn-fix-w { min-width: 100px;}

/*--  Color Section --*/
.red {
    color: #dc3545;
}
.green {
    color: #28a745;
}
.white {
    color: #28a745;
}
.blue {
    color: #007bff;
}
.orange{
    color: orange;
}

.autohide{
    -webkit-animation: cssAnimation 5s forwards; 
    animation: cssAnimation 5s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}

.pointer{
    cursor: pointer;
}

.pointer:hover{
   color: white;
   background-color: #007bff;
}
s
input[type=number]{
    text-align: right;
}

.cost_diff{
    background-color: bisque;
}

.pagewrap{
    width: 1000px;
    padding: 5px;
    font-size: 14px;
}

.pagewrap td{ 
    line-height: 30px; 
    height: 30px;
}

.padd-left{
    padding-left: 10px;
}

.btn-nav { margin-left: 5px; min-width: 120px; }

.drop-shadow{
    -webkit-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.36); 
    box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.36);
}


.footer{
    background-color: darkcyan;
    line-height: 35px;
    color: #FFF;
}

.footer-bar { 
    padding: 10 px; 
}

.tot-val{
    font-size: 30px;
    text-align: right;
    padding: 20px;
    height: 45px;
    border-radius: 20px;
}