/*  Code39Azalea Copyright 2012 Jerry Whiting (CC BY-ND 3.0) azalea.com/web-fonts/  */
@font-face
{
    font-family: Code39AzaleaFont;
    src: url('../webfonts/Code39Azalea.eot') format('embedded-opentype'), /* IE9 Compat Modes */
    url('../webfonts/Code39Azalea.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/Code39Azalea.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/Code39Azalea.svg#Code39Azalea') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alarm_clockregular';
    src: url('../webfonts/alarm_clock-webfont.eot');
    src: url('../webfonts/alarm_clock-webfont.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/alarm_clock-webfont.woff2') format('woff2'),
    url('../webfonts/alarm_clock-webfont.woff') format('woff'),
    url('../webfonts/alarm_clock-webfont.ttf') format('truetype'),
    url('../webfonts/alarm_clock-webfont.svg#alarm_clockregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.barcode-lg {
    font-size: 36px;
    font-family: 'Code39AzaleaFont';

}

.barcode-md {
    font-size: 24px;
    font-family: 'Code39AzaleaFont';
}

.barcode-sm {
    font-size: 18px;
    font-family: 'Code39AzaleaFont';
}

/****************/

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
    .card{
        margin-top: 100px!important;
    }
    .permcard{
        margin-top: 0px!important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 980px;
        padding-right: 5px;
        padding-left: 5px;
    }
    /*************
 Card formatting

 ***************/
    .card{
        margin-top: 50px!important;
    }
    .card-header{
        height:50px;
    }
    .card-body{
        height:520px;
    }
    .card-footer{
        height:70px;
    }

    .card-title{
        margin-bottom: .25rem;
        font-size:1.25rem;
        font-weight:bold;
    }
    .card-secthead{
        font-size:1.1rem;
        font-weight:bold;
    }
    .permcard{
        margin-top: 0px!important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 960px;
    }
}
/************************
* Page Formatting
 **********************/
body{
    background-color: black;
    height: 100%;
    padding-bottom: 80px;
}

.homeback{
    background-color: #aaaaaa;
}
.redboxdcme{
    width:200px;

    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top:20px;
    padding-bottom: 20px;
}
.redboxman{
    width:200px;
    height:280px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top:30px;
}
.forbidden{
    width:330px;
    height:290px;
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.footermenu{
    cursor:pointer;

}

.footer {

    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    line-height: 80px;


}

.CompanyName{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #03F;
    margin-top: 15px;
}

.staffname{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #03F;
    margin-top: 20px;
    margin-right:10px;
}

.buttonbox {
    height:300px;
    overflow-y: auto;

}
/*************
 Modal formatting


 ***************/

.modal-header{
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}
.modal-content {
    background-color: #000;
    border: medium solid #CCC;
}
.modal-footer{
    border-top: 1px solid #CCC;
    display: block; /*This allows buttons to float left and right in the footer of a modal*/
}

.modal-title{
    color:#FFF;
}

.modal-td{
    color:#FFF;
}

.modal-lbl{
    color:#FFF;
}
/**********************/

.btnMenuText{
    font-size: 18px;
    line-height: 100%;

    vertical-align: middle;
}
.btnMenuIcon{
    height:45px;
}
.btnRepIcon{
    height:25px;
}
/*************
 Icon formatting

 ***************/
.dropoff, .pickup{
    width:250px;
    height:250px;


}
.sm-icon{
    background-color: white;
    width:40px;
    height:40px;

}
.cat-icon{

    width:50px;
    height:50px;
}

.caticon, .caticonhome{

    width:60px;
    height:60px;
}
.help-icon{

    width:60px;
    height:60px;

}
.clothing{
    color: white;
}

.sm-minus, .sm-plus{
    width:40px;
    height:40px;

}
/********************************/
.btn-outline-success{
    /*border-width: 2px;*/

}

.btn-outline-warning {
    color: #6610f2;
    border-color: #6610f2;
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #6610f2;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning {
    color: #fff;
    background-color: #6610f2;
    border-color: #4005a5;
}

.btn-warning:hover {
    color: #fff;
    background-color: #6e3bbe;
    border-color: #4005a5;
}

.btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(142, 122, 206, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #fff;
    background-color: #9b86bb;
    border-color: #6e3bbe;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #9b86bb;
    border-color: #6e3bbe;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(142, 122, 206, 0.5);
}

.btn-outline-orange {
    color: black;
    border-color: #f7a006;
}

.btn-outline-orange:hover {
    color: #fff;
    background-color: #F9B903;
    border-color: #f7a006;
}

.btn-outline-orange:focus, .btn-outline-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-orange.disabled, .btn-outline-orange:disabled {
    color: #6610f2;
    background-color: transparent;
}

.btn-outline-orange:not(:disabled):not(.disabled):active, .btn-outline-orange:not(:disabled):not(.disabled).active,
.show > .btn-outline-orange.dropdown-toggle {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
}

.btn-outline-orange:not(:disabled):not(.disabled):active:focus, .btn-outline-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-orange {
    color: #fff;
    background-color: #F9B903;
    border-color: #f7a006;
}

.btn-orange:hover {
    color: #fff;
    background-color: #F9B903;
    border-color: #f7a006;
}

.btn-orange:focus, .btn-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(142, 122, 206, 0.5);
}

.btn-orange.disabled, .btn-orange:disabled {
    color: #fff;
    background-color: #9b86bb;
    border-color: #6e3bbe;
}

.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #9b86bb;
    border-color: #6e3bbe;
}

.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(142, 122, 206, 0.5);
}



.btn-outline-yellow {
    color: black;
    border-color: #d3c800;
}

.btn-outline-yellow:hover {
    color: black;
    background-color: #ffe205;
    border-color: #6610f2;
}

.btn-outline-yellow:focus, .btn-outline-yellow.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-yellow.disabled, .btn-outline-yellow:disabled {
    color: #6610f2;
    background-color: transparent;
}

.btn-outline-yellow:not(:disabled):not(.disabled):active, .btn-outline-yellow:not(:disabled):not(.disabled).active,
.show > .btn-outline-yellow.dropdown-toggle {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
}

.btn-outline-yellow:not(:disabled):not(.disabled):active:focus, .btn-outline-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-yellow {
    color: black;
    background-color: #F3F303;
    border-color: #a55505;
}

.btn-yellow:hover {
    color: #000000;
    background-color: #F3F303;
    border-color: #a55505;
}

.btn-yellow:focus, .btn-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(142, 122, 206, 0.5);
}

.btn-yellow.disabled, .btn-orange:disabled {
    color: #fff;
    background-color: #9b86bb;
    border-color: #6e3bbe;
}

.btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
    color: #fff;
    background-color: #9b86bb;
    border-color: #6e3bbe;
}

.btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(142, 122, 206, 0.5);
}




.btn-outline-pink {
    color: black;
    border-color: #e04ce0;
}

.btn-outline-pink:hover {
    color: white;
    background-color: #e04ce0;
    border-color: #6610f2;
}

.btn-outline-pink:focus, .btn-outline-pink.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-pink.disabled, .btn-outline-pink:disabled {
    color: #6610f2;
    background-color: transparent;
}

.btn-outline-pink:not(:disabled):not(.disabled):active, .btn-outline-pink:not(:disabled):not(.disabled).active,
.show > .btn-outline-pink.dropdown-toggle {
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f2;
}

.btn-outline-pink:not(:disabled):not(.disabled):active:focus, .btn-outline-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-pink {
    color: #fff;
    background-color: #e04ce0;
    border-color: #4005a5;
}

.btn-pink:hover {
    color: #fff;
    background-color: #e04ce0;
    border-color: #4005a5;
}

.btn-pink:focus, .btn-pink.focus {
    box-shadow: 0 0 0 0.2rem rgba(142, 122, 206, 0.5);
}

.btn-pink.disabled, .btn-pink:disabled {
    color: #fff;
    background-color: #9b86bb;
    border-color: #6e3bbe;
}

.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
    color: #fff;
    background-color: #9b86bb;
    border-color: #6e3bbe;
}

.btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(142, 122, 206, 0.5);
}


.screenhead{
    font-size: 30px;
    text-align: center;
    color: red;
    margin-top: 20px;
    margin-bottom: 20px;
}

.screensub{
    font-size: 22px;
    text-align: center;
    color: yellow;

    margin-bottom: 10px;

}
.homePrPaid, .homePayPU, .homePayBoth, .homeReader{
    font-size: 20px;
    text-align: center;
    color: yellow;
}
.homePrPaidLg{
    font-size: 26px;
}
.catTitle{
    font-size: 30px;
    text-align: center;
    color: white;

}

.itemcol1{
    width:10%;
}
.itemcol2{
    width:40%;
}
.itemcol3{
    width:10%;
}
.itemcol4{
    width:10%;
}
.itemcol5{
    width:10%;
}
.itemcol6{
    width:20%;
}
.payframe {
    width: 440px;
    height: 220px;
    border: 0px;
    background-color: white;

}
.kbPhone{
    height:70px;
    font-size: 30px;
}
.bksp{
    width: 60px;
    height: 40px;

}

/*Scans*/
.hideInput{
    width: 0;
    overflow: hidden;
}

.ScanDetails{
    color: white;
    font-size: 20px;
    font-weight: bold;

}

.listitem{
    color: white;
    margin-left: 30px;
}
/************************
Forms
 */

#radioBtn .notActive{
    color: #3276b1;
    background-color: #fff;
}

.form-check-label{
    color:#FFF;
}

/**************
*Slider style checkboxes
 ***********/

.switch {
    position: relative;
    display: inline-block;
    width: 40px !important;
    height: 22px;
    /*float:right;*/
}

/* Hide default HTML checkbox*/
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer !important;
    background-image: none !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    width: 40px !important;
    height: 22px !important;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input.default:checked + .slider {
    background-color: #444;
}
input.primary:checked + .slider {
    background-color: #2196F3;
}
input.success:checked + .slider {

    background-color: #8bc34a !important;
}
input.info:checked + .slider {
    background-color: #3de0f5;
}
input.warning:checked + .slider {
    background-color: #FFC107;
}
input.danger:checked + .slider {
    background-color: #f44336;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 22px;
}

.slider.round:before {
    border-radius: 50%;
}

/**********************/

/*hide spinner button*/


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/***************/
/*Scrollable table*/
.table-fixed tbody {
    height: 300px;
    overflow-y: auto;
    width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead > tr > th {
    float: left;
    position: relative;


/*    &::after {
     content: '';
     clear: both;
     display: block;
 }*/
}

/* Stripe bits */
.StripeElement {
    box-sizing: border-box;

    height: 40px;

    padding: 10px 12px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

/*
Item type buttons
Set group buttons to bottom of div*/

.type-container{
    position:relative;
    height:330px;
}
.type-btns{
    position: absolute;
    bottom: 0;
}