@charset "windows-1252";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
body {
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.1%;
    border-top: 5px solid #00818e;
}

/*section {
    min-height: calc(100vh - 226px)
}*/

h1, h2, h4, h4, h5, h6 {
    line-height: 1.2;
}

a {
    font-weight: 600;
}
/*.content-h{
    min-height: calc(100vh - 100px);
}*/
p {
    line-height: 1.5;
}

.bg-red {
    background-color: #CE1125;
}

.text-red {
    color: #CE1125;
}

.normal-text {
    font-weight: 400;
}

.bg-yellow {
    background-color: #ffb700;
}


.bg-teal {
    background-color: #00818e;
}

.text-teal{
    color: #00818e;
}

.remove-underline {
    text-decoration: none;
}

.text-midblue {
    color: #004b79;
}

.text-yellow {
    color: #ffb700;
}

.bg-white {
    background-color: #ffffff;
}
/*section {*/
/*min-width: 100vw;*/
/*min-height: 100vh;
}*/
.text-semibold {
    font-weight: 600;
}

.home-section {
    display: grid;
    justify-content: center;
}

.home-buttons {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    height: 100%;
    margin: 0;
    padding: 0;
    align-content: start;
}

dd, dt {
    margin-bottom: 0.75rem;
}

.home-buttons a {
    padding: 2rem;
    background: #ffffff;
}
/*header{
    background-color: #ffffff;
}*/
@media (max-width:575px) {
    .body-bg {
    }
    .header-logo img {
        width: 100% !important;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width:576px) {
    .body-bg {
    }
    .header-logo img {
        width: 100%;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width:768px) {
    .body-bg {
    }
    .header-logo img {
        width: 376px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width:992px) {
    .body-bg {
    }
    .header-logo img {
        width: 30vw;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width:1200px) {
    body {
    }
    .home-buttons {
        width: 50%;
        margin: 0 auto;
    }
    /*header{
        background-image: url('../images/header-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
    }*/
    .header-logo img {
        width: 35vw;
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width:1400px) {
    .body-bg {
    }
    .home-buttons {
        width: 600px;
        margin: 0 auto;
    }
    header {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top;
    }
    .header-logo img {
        width: 30vw;
    }
}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: 3.5rem;
    line-height: 1.25;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: #edfbfe;
    border-left: 0.25rem solid #7de2f7;
}

.bd-callout-warning {
    padding: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: #fff3cd;
    border-left: 0.25rem solid #ffc107;
}

#back-to-top {
  display: none;
  position: fixed;
  bottom: 10vh;
  right: 10px;
  z-index: 99;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: #fdc601;
  color: #111111;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
  height: 50px;
  width: 50px;
}

#back-to-top:hover {
  background-color: #111111;
  color: #fdc601;
}

/*#divSubTotalContainer{
    font-size: 1.5rem;
    font-weight: 700;
}*/

  h6 {
                    padding: 15px 0;
                    background: #fff;
                    border-top: #FCBF15 3px solid;
                    font-weight: 700;
                }

                #progressbar {
                    margin-bottom: 0px;
                    overflow: hidden;
                    color: #cccccc;
                    padding: 0;
                }

                #progressbar .active, #progressbar .done {
                    color: #111111;
                }

                #progressbar li {
                    list-style-type: none;
                    width: 25%;
                    float: left;
                    position: relative;
                    font-weight: 400
                }

                #progressbar #step1:before {
                    content: "\f007";
                }

                #progressbar #step2:before {
                    content: "\f15c";
                }

                #progressbar #step3:before {
                    content: "\f48b";
                }

                #progressbar #step4:before {
                    content: "\f00c";
                }

                #progressbar li:before {
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    display: block;
                    font-size: 13px;
                    color: #ffffff;
                    background: #cccccc;
                    border-radius: 50%;
                    margin: 0 auto 10px auto;
                    padding: 0px;
                    text-align: center;
                    font-family: "Font Awesome 6 Free";
                    font-weight: 900;
                }

                #progressbar li:after {
                    content: '';
                    width: 100%;
                    height: 2px;
                    background: #cccccc;
                    position: absolute;
                    left: 0;
                    top: 20px;
                    z-index: -1;
                }

                #progressbar li.active:before, #progressbar li.active:after {
                    background: #FCBF15;
                }
                
                #progressbar li.done:before, #progressbar li.done:after {
                    background: #198754;
                    
                }

/*OSRA Status Colors*/

.text-bg-afp {
    background-color: var(--bs-blue) !important;
}

.text-bg-afc {
    background-color: var(--bs-indigo) !important;
}

.text-bg-abd {
    background-color: var(--bs-orange) !important;
}

.text-bg-abc {
    background-color: var(--bs-yellow) !important;
}

.text-bg-pr {
    background-color: var(--bs-teal) !important;
}

.text-bg-pro {
    background-color: var(--bs-cyan) !important;
}

.text-bg-rel {
    background-color: var(--bs-green) !important;
}

.text-bg-ret {
    background-color: var(--bs-red) !important;
}

.text-bg-onhold {
    background-color: var(--bs-gray) !important;
}

.text-bg-pickedup {
    background-color: var(--bs-matcha) !important;
}

.text-bg-refund {
    background-color: #cc0a6a;
}

.custom-text-bg-expired {
    background-color: #7C0A02;
}