body, html {
    height: 100%;
    min-height: 100%;
}

body {
    margin: 0;
    margin-top: 50px; /* To acomodate the fixed nav */
    background: #00252B;
    color: #000;
}

#providerList .col {
    padding-left: 0;
    padding-right: 10px;
}

a {
    color: #633d94;
    text-decoration: none;
}

h1, h2 {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    font-weight: bold;
    margin-top: 0px;
    padding-bottom: 5px;
}

h2 {
    font-size: 24px;
}

@media only screen and (max-width: 991px) {
    .h1, h2, h3, h4, h5, h6 {
        margin-top: 0 !important;
    }
}

hr.action-group {
    border-top: 1px solid #633d94;
    clear: both;
    height: 1px;
    margin-bottom: 10px;
    margin-top: 3px;
}

hr.danger {
    border-top: 1px solid #ebccd1;
    clear: both;
    height: 1px;
    margin-bottom: 2px;
    margin-top: 3px;
}

hr.info {
    border-top: 1px solid #bce8f1;
    clear: both;
    height: 1px;
    margin-bottom: 2px;
    margin-top: 3px;
}

hr.success {
    border-top: 1px solid #d6e9c6;
    clear: both;
    height: 1px;
    margin-bottom: 2px;
    margin-top: 3px;
}

hr.warning {
    border-top: 1px solid #faebcc;
    clear: both;
    height: 1px;
    margin-bottom: 2px;
    margin-top: 3px;
}

img.help {
    height: 1592px;
    width: 795px;
}

p a {
    color: #633d94;
    text-decoration: underline;
}

    p a:hover, p a:focus {
        color: #5c2b90;
        text-decoration: none;
    }

td.td-medium {
    width: 100px;
}

td.td-small, th.td-small {
    width: 10px;
}

.alert-danger, .alert-info, .alert-success, .alert-warning {
    -webkit-box-shadow: 0 10px 5px 0 rgba(50,50,50,0.5);
    -moz-box-shadow: 0 10px 5px 0 rgba(50,50,50,0.5);
    box-shadow: 0 10px 5px 0 rgba(50,50,50,0.5);
}

.alert-link {
    text-decoration: underline !important;
}

    .alert-link:hover, .alert-link:focus {
        text-decoration: none !important;
    }

.alert-no-shadow {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #633d94;
}

.btn-link {
    color: #633d94;
}

    .btn-link:hover, .btn-link:focus {
        color: #5c2b90;
    }

.btn-primary {
    background-color: #00252B;
    border-color: #00252B;
    color: #fff;
}

    .btn-primary.btn-website:hover {
        background-color: #00252B;
        border-color: #00252B;
    }

.row.row-cols-2.row-cols-lg-4.mx-0 .btn-primary:hover {
    background-color: #00252B;
    border-color: #00252B;
}

.container-micro, .container-signin {
    background-color: #fff;
    border-radius: 6px;
    min-width: 350px;
    max-width: 350px;
    padding: 15px;
    -webkit-box-shadow: 0 10px 5px 0 rgba(50,50,50,0.5);
    -moz-box-shadow: 0 10px 5px 0 rgba(50,50,50,0.5);
    box-shadow: 0 10px 5px 0 rgba(50,50,50,0.5);
}

.dataTable {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}

.dataTables_empty {
    text-align: center;
}

.DTTT {
    float: right;
    margin-bottom: 10px;
    padding-left: 20px;
}

.dropdown-menu {
    -webkit-box-shadow: 0 10px 5px 0 rgba(50,50,50,0.5);
    -moz-box-shadow: 0 10px 5px 0 rgba(50,50,50,0.5);
    box-shadow: 0 10px 5px 0 rgba(50,50,50,0.5);
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #633d94;
        color: #fff;
    }

.form-signin {
    margin: 0 auto;
    max-width: 330px;
    padding: 15px;
}

.inputAddUser {
    width: 200px;
}

.form-micro .input-group-top .input-group-addon {
    border-bottom-right-radius: 0 !important;
    border-bottom: 0 !important;
}

.form-micro .input-group-bottom .input-group-addon {
    border-top-right-radius: 0 !important;
    padding-left: 12px !important;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    font-size: 16px;
    height: auto;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
}

    .form-signin .form-control:focus {
        z-index: 2;
    }

.form-signin input[type="text"], .form-micro .input-group-top input[type="password"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}

.form-signin input[type="password"], .form-micro .input-group-bottom input[type="password"] {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.form-signin .input-group-top, .form-signin .input-group-top .input-group-addon, .form-signin .fa-user {
    border-bottom-left-radius: 0 !important;
    border-bottom: 0 !important;
}

.form-signin .input-group-bottom, .form-signin .input-group-bottom .input-group-addon, .form-signin .fa-lock {
    border-top-left-radius: 0 !important;
}

.form-signin-actions {
    margin-bottom: -25px;
    margin-top: 10px;
    text-align: center;
}

.form-signin-brand img {
    height: 102px;
    width: 310px;
}

.gb {
    color: green;
    font-weight: bold;
}

.growl-animated {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.home table {
    border-spacing: 2px;
    margin-bottom: 20px;
}

    .home table tr td {
        padding: 4px;
    }

.input-group-bottom .input-group-addon {
    padding-left: 14px;
    padding-right: 12px;
}

.modal-body {
    padding-bottom: 0;
}

    .modal-body .input-group-top input[type="password"] {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 0 !important;
        margin-bottom: -1px;
    }

    .modal-body .input-group-bottom input[type="password"] {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 4px !important;
    }

    .modal-body .input-group-top .input-group-addon {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 0 !important;
    }

    .modal-body .input-group-bottom .input-group-addon {
        border-top-right-radius: 0 !important;
        padding-left: 12px !important;
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #633d94;
}

.navbar-brand img {
    max-width: 100%;
    width: 160px;
    margin-left: -10px !important;
}

.navbar-collapse {
    background-color: #f8f8f8;
}

.navbar-default .navbar-nav > li > a {
    color: #643c92;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #633d94;
    color: #fff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #633d94;
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #633d94;
    color: #fff;
}

.navbar-hollywood {
    background-color: transparent;
}

    .navbar-hollywood .container, .navbar-hollywood .navbar-header, .navbar-hollywood .navbar-collapse {
        background-color: #00252B;
        float: left !important;
        position: absolute !important;
        margin-left: 3px !important;
        top: -18px !important;
    }

    .navbar-hollywood .navbar-nav > li > a {
        color: #f8c301;
        font-size: larger;
        font-weight: bold;
    }

        .navbar-hollywood .navbar-nav > li > a:hover, .navbar-hollywood .navbar-nav > li > a:focus {
            background-color: transparent;
            color: #fff;
        }

    .navbar-hollywood .navbar-nav > .active > a, .navbar-hollywood .navbar-nav > .active > a:hover, .navbar-hollywood .navbar-nav > .active > a:focus {
        color: #472c75;
        background-image: url('../img/hollywood/hl-navbar-hollywood.png');
        background-position: top;
        background-repeat: repeat-x;
        border-left: 1px ridge #f8c301;
        border-right: 1px ridge #f8c301;
    }

    .navbar-hollywood .navbar-nav > .open > a, .navbar-hollywood .navbar-nav > .open > a:hover, .navbar-hollywood .navbar-nav > .open > a:focus {
        color: #472c75;
        background-image: url('../img/hollywood/hl-navbar-hollywood.png');
        background-position: top;
        background-repeat: repeat-x;
        border-left: 1px ridge #f8c301;
        border-right: 1px ridge #f8c301;
    }

.navbar-wizard {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 770px) {
    .mobile .container {
        max-width: 100%;
    }
}

.pagination > li > a, .pagination > li > span {
    color: #633d94;
}

    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        color: #5c2b90;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #633d94;
    border-color: #5c2b90;
}

.panel-primary {
    border-color: #5c2b90;
}

    .panel-primary > .panel-heading {
        background-color: #633d94;
        border-color: #5c2b90;
    }

.small {
    font-size: smaller;
}

.text-muted {
    margin: 10px 0 10px;
}

.well-content {
    padding-top: 0;
    white-space: pre-line;
}

.well-content-header {
    margin-top: 20px;
}

#footer {
    bottom: 0px;
    height: 110px;
    position: absolute;
    text-align: center;
    width: 100%;
}

#progressIndicator {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1100;
    -moz-opacity: 0.75;
    opacity: 0.75;
}

    #progressIndicator div {
        height: 128px;
        left: 50%;
        margin: 0 auto;
        margin-left: -64px;
        margin-top: -64px;
        text-align: center;
        position: absolute;
        top: 50%;
        width: 128px;
    }

        #progressIndicator div h1 {
            color: #FFF !important;
        }

.ActionLinkText {
    text-decoration: none;
    color: #fff;
}

    .ActionLinkText:hover {
        text-decoration: none;
        color: #fff;
    }

#glass {
    position: relative;
    display: inline-block;
    padding: 11px 15px !important;
    background-color: #06373E;
    background-image: linear-gradient(#06373E, #06373E);
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-family: sans-serif;
    font-weight: 100;
    border-radius: 3px;
    box-shadow: 0px 1px 4px -2px #333;
    text-shadow: 0px -1px #333;
}

    #glass:hover {
        background: linear-gradient(#06373E, #06373E);
    }

    #glass:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: calc(100% - 4px);
        height: 50%;
        background: linear-gradient(#06373E, #06373E);
    }

#iFrameStitch {
    margin: auto;
    display: block;
    box-shadow: 0 0 50px #090909;
    width: 100%;
    height: 800px !important;
}

.mobile .card {
}


@media only screen and (max-width: 600px) {
    #iFrameStitch {
        width: 100% !important
    }
}

@media (min-width:260px) { /*smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    /*.amount-button-mobi {
        display: none !important;
    }

    .amount-button-web {
        display: none !important;
    }

    .btn-amount {
        margin-left: -21px !important;
    }
}

@media (min-width:300px) {/*smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    /*.amount-button-mobi {
        display: block !important;
    }

    .amount-button-web {
        display: none !important;
    }

    .btn-amount {
        margin-left: -21px !important;
    }
}

@media (min-width:321px) {/*smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    /*.amount-button-mobi {
        display: block !important;
    }

    .amount-button-web {
        display: none !important;
    }

    .btn-amount {
        margin-left: -16px !important;
    }
}

@media (min-width:400px) {/*smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    /*.amount-button-mobi {
        display: block !important;
    }

    .amount-button-web {
        display: none !important;
    }

    .btn-amount {
        margin-left: -10px !important;
    }
}

@media (min-width:480px) { /*smartphones, Android phones, landscape iPhone */
    .amount-button-mobi {
        display: block !important;
    }

    .amount-button-web {
        display: none !important;
    }

    .btn-amount {
        margin-left: -18px !important;
    }
}

@media (min-width:600px) { /*portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .amount-button-mobi {
        display: none !important;
    }

    .amount-button-web {
        display: block !important;
    }


    .btn-amount {
        margin-left: -5px !important;
    }
}

@media (min-width:801px) { /*tablet, landscape iPad, lo-res laptops ands desktops*/
    .amount-button-mobi {
        display: none !important;
    }

    .amount-button-web {
        display: block !important;
    }


    .btn-amount {
        margin-left: -18px !important;
    }
}

@media (min-width:820px) { /*tablet, landscape iPad, lo-res laptops ands desktops*/
    /*.amount-button-mobi {
        display: none !important;
    }

    .amount-button-web {
        display: block !important;
    }


    .btn-amount {
        margin-left: -5px !important;
    }
}

@media (min-width:1025px) { /*big landscape tablets, laptops, and desktops */
    .amount-button-mobi {
        display: none !important;
    }

    .amount-button-web {
        display: block !important;
    }


    .btn-amount {
        margin-left: -18px !important;
    }
}

@media (min-width:1281px) { /*hi-res laptops and desktops */
    .amount-button-mobi {
        display: none !important;
    }

    .amount-button-web {
        display: block !important;
    }


    .btn-amount {
        margin-left: -5px !important;
    }
}

.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
    background-color: #dff0d8;
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
    background-color: #f2dede;
}

.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
    background-color: #fcf8e3;
}

.card-group.w-100 .row .col-md-12 h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 7px 0;
    line-height: 16px;
    color: #8064e6;
}

.popular_logo {
    max-width: 250px !important;
    max-height: none !important;
}

.m_header {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0px !important;
    line-height: 16px;
    color: #FFF;
    padding-left: calc(1.5rem * .5);
}

.tsAndCs {
    color: #FDD632 !important;
    margin: 0;
}

@media (max-width: 640px) {
    .card {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }
}

@media (max-width: 991px) {
    .row-cols-md-4 > *:nth-child(6n) {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .row-cols-md-4 > *:nth-child(4n) {
        padding-right: 0;
    }

    .mobile #providerList .col:nth-child(odd) {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .row-cols-md-4 > *:nth-child(6n) {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .row-cols-md-4 > *:nth-child(2n) {
        padding-right: 0;
    }
}


@media (max-width:576px) {
    .mobile .row-cols-2 .col {
        padding-right: 0;
    }

    .mobile .row.panel-heading .panel-body {
        padding-right: 0;
    }
}

.mobile .row-cols-md-4 > *:nth-child(6n) {
    padding-right: calc(var(--bs-gutter-x) * .5)
}

.mobile .row-cols-md-4 > *:nth-child(odd) {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width:769px) {
    .mobile {
        margin-top: 50px;
    }
}

.mobile {
    background: #00252B;
    color: #000000 !important;
    margin-top: 40px;
}

    .mobile #iFrameStitch {
        box-shadow: 0 0 50px #ccc;
    }

.mobile-footer {
    border-top-color: #ffffff;
    padding-top: 0;
}

.mobile .popular_logo {
    max-width: 210px !important;
    max-height: none !important;
}

.mobile .modal-content {
    background: white!important;
}

.mobile .modal-header {
    border-bottom: 1px solid #dee2e6;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.mobile .modal-dialog .modal-content .modal-body .row {
    margin: 0;
}

.mobile .modal-dialog .modal-content .modal-body h4 {
    color: #333;
}

.mobile .modal-dialog .modal-content .modal-body .modal-footer {
    border-top: 1px solid #dee2e6;
    padding-left: 0;
    padding-right: 0;
}

    .mobile .modal-dialog .modal-content .modal-body .modal-footer .btn.btn-default {
        margin-left: 0;
        margin-right: 0;
    }

.mobile .modal-header .btn-close {
    filter: invert(0);
}

.mobile #providerList .recent-activity .col {
    flex-basis: auto;
}

.mobile .m_header {
    padding-left: 0;
}

.mobile .modal-dialog .modal-content .modal-body .btn-toolbar {
    padding: 0;
}

.mobile .modal-body {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.mobile .col-3.me-2.amount-card {
    width: 20% !important;
}

.mobile #providerList .col {
    padding-right: 0;
    padding-left: calc(1.5rem * 0.5);
}

.mobile .slick-slide img {
    display: inline-block !important;
}

.mobile .slider img {
    max-height: 100px !important;
    height: 50px !important;
    max-width: 200px !important;
}

.mobile .slider .card .card-image {
    height: unset !important;
}

.mobile .slider .card {
    width: unset !important;
    height: unset !important;
    line-height: unset !important;
    margin: 0 !important;
    padding: 5px !important;
}

.mobile .form-control {
    display: block;
    width: 100%;
    padding: 0.175rem 0.35rem;
    font-weight: 400;
}

.mobile .slick-slide > div {
    transform: scale(.5);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}

.mobile .slick-center > div {
    transform: scale(1);
}

.navbar-nav {
    display: block;
    margin-left: 160px;
    width: 120px;
    position: absolute;
    top: -8px;
}

.mobile .alert-danger, .mobile .alert-info, .mobile .alert-success, .mobile .alert-warning {
    background-color: #97801F !important;
    border: none !important;
}

.tsAndCs a {
    color: #FDD632 !important;
}

.fixed-top {
    right: auto !important;
}

ul.nav.navbar-nav span {
    z-index: 99999999 !important;
    position: relative !important;
    display: inline-block !important;
    top: 3px !important;
}

.mobile .card {
    overflow: visible !important;
}

@media (max-width: 770px) {
    #myNavbar {
        display: none !important;
    }
}

.card img {
    background: white !important;
}



.navbar-hollywood {
    background: #FFB80C !important;
}

.navbar-hollywood {
    background: #FFB80C !important;
    width: 100% !important;
    height: 40px !important;
    margin-top: 0px !important;
    position: fixed;
    z-index: 999999999999999 !important;
    top: 0px !important;
}

.navbar-brand {
    position: fixed;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    z-index: 9999999999 !important;
    overflow: visible;
}

.mobile .card {
    height: 90px;
    border-radius: 10px;
    line-height: 70px;
    margin-bottom: 5px;
    border: solid #dddddd 1px !important;
}

.card .card-image {
    background: white !important;
    border-radius: 10px;
}

h1, h2 {
    color: black !important;
}

.mobile {
    background: white !important;
    color: #000000 !important;
    margin-top: 40px;
}

.m_header {
    color: #000000 !important;
}

body {
    background: white !important;
}

.navbar-hollywood .container, .navbar-hollywood .navbar-header, .navbar-hollywood .navbar-collapse {
    top: 0px !important;
}


@media (max-width: 770px) {
    #myNavbar {
        display: none !important;
    }

    .navbar-toggler-icon {
        display: none !important;
    }

    .navbar-hollywood .container, .navbar-hollywood .navbar-header, .navbar-hollywood .navbar-collapse {
        top: -17px !important;
    }

    a.navbar-brand {
        margin-top: 35px !important;
    }
}

@media (max-width: 430px) {
    button.navbar-toggler {
        display: none !important;
    }

    #myNavbar {
        display: none !important;
    }

    .navbar-toggler-icon {
        display: none !important;
    }

    .navbar-hollywood .container, .navbar-hollywood .navbar-header, .navbar-hollywood .navbar-collapse {
        top: 0px !important;
    }

    a.navbar-brand {
        margin-top: 0px !important;
    }
}

.navbar img {
    height: 33px !important;
    margin-top: -10px;
    max-width: 100%;
    width: unset !important;
    margin-left: 0px !important;
}

#glass {
    padding: 11px 15px !important;
    background-color: #FFB80C !important;
    background-image: linear-gradient(#FFB80C, #FFB80C) !important;
    color: black !important;
}

    #glass:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: calc(100% - 4px);
        height: 50%;
        background: linear-gradient(#FFB80C, #FFB80C) !important;
    }

.btn-primary {
    background-color: #FFB80C !important;
    border-color: #dddddd !important;
    background-image: none !important;
}

.tsAndCs {
    color: black !important;
}

    .tsAndCs a {
        color: black !important;
    }

.mobile .alert-danger, .mobile .alert-info, .mobile .alert-success, .mobile .alert-warning {
    background-color: white !important;
    border: 1px solid red !important;
}

ul.nav.navbar-nav {
    display: block!important;
}

.card-button {
    display: none !important;
}

.btn-primary {
    color: black !important;
}

.navbar-hollywood {
    z-index: 2 !important;
}

button.btn.btn-primary.bg-primary-gradient {
    color: white !important;
}