@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prata&display=swap');

HTML {
    font-size: 100%;
}

BODY {
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

a.noline {
    text-decoration: none;
}

h1 {
    font-size: 1.6rem;
    font-weight: 600;
}

h2 {
    font-size: 1.5rem;
    font-weight: 600;
}

h3 {
    font-size: 1.3rem;
    font-weight: 600;
}

h4 {
    font-size: 1.2rem;
    font-weight: 600;
}

h5 {
    font-size: 1.1rem;
    font-weight: 600;
}

.negotiate-a-plan-header {
    z-index: 7;
    font-family: Prata;
    height: auto;
    width: auto;
    color: rgb(255 255 255);
    text-decoration: none;
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    text-align: left;
    /* line-height: 40px; */
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 36px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
    visibility: visible;
}

.border-medgray {
    border-color: #bbbbbb !important;
}

.border-top {
    border-top: 1px solid #bbbbbb;
}

.border-bottom {
    border-bottom: 1px solid #bbbbbb;
}

.noclicking {
    cursor: not-allowed;
    pointer-events: none;
}

.pointer {
    cursor: pointer;
}

.table {
    background-color: #ffffff;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #ffffcc;
}

.table-nonfluid {
    width: auto;
}

.table-sm th, .table-sm td {
    border-color: #cccccc;
    font-size: 14px;
    padding: 0.2rem 0.3rem 0.1rem 0.3rem;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fbfbfb;
}

th {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #efefef 0%, #dddddd 100%);
}

.carousel-inner {
    max-height: 250px !important;
}

.carousel-item {
    max-height: 250px !important;
}

.carousel-img {
    max-height: 250px !important;
}

.carousel-caption {
    font-family: "PT Serif", Garamond, serif;
    font-size: 2.5rem;
    font-weight: 600;
    margin: 25px 0 0 0;
    padding: 0;
    transform: translateY(-50%);
    bottom: 0;
    top: 50%;
}
/* form stuff */
.btnRadio label {
    color: #000000;
    cursor: pointer;
    font-size: 100%;
    font-variant: normal;
    margin: 0 0 2px 6px;
}

.btnRadio input[type="radio"]:checked + label {
    color: #3366cc;
}

.form-check input:checked + label {
    color: blue;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none !important;
    box-shadow: none !important;
}

.col-form-label {
    color: #3477B0;
    font-variant: small-caps;
    line-height: 17px;
    padding: 2px;
}

label.form-check-label {
    cursor: pointer;
    margin-top: .1rem;
}

.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
}

.form-control::-moz-placeholder {
    color: #aaa;
    font-style: italic;
}

.form-control:-ms-input-placeholder {
    color: #aaa;
    font-style: italic;
}

.form-control::-webkit-input-placeholder {
    color: #aaa;
    font-style: italic;
}

.list-group-item {
    padding: 6px 10px;
}
/* font stuff */
.font-monospace {
    font-family: Consolas,'Lucida Console','Andale Mono','Courier New', Courier, monospace;
}

.fs75p {
    font-size: 75%;
}

.fs80p {
    font-size: 80%;
    line-height: 125%;
}

.fs90p {
    font-size: 90%;
}

.fs105p {
    font-size: 105%;
}

.fs115p {
    font-size: 115%;
}

.fs125p {
    font-size: 125%;
}

.fs150p {
    font-size: 150%;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.text-medblue {
    color: #3477B0;
}

.text-purple {
    color: #7d10e2;
}
/* backgrounds */
.bg-navy {
    background-color: #201B51;
}

.bg-blue-gradient {
    background-color: #201B51;
    background: linear-gradient( 140deg, rgba(15,89,132,1) 0%, rgba(18,44,91,1) 50%, rgba(8,27,62,1) 100%);
}

.border-blue-gradient {
    background-color: #201B51;
    border-image-source: linear-gradient( 140deg, rgba(15,89,132,1) 0%, rgba(18,44,91,1) 50%, rgba(8,27,62,1) 100%);
}

.bg-light-img {
    background-color: #ffffff;
    background-image: url('../images/bg-light.jpg');
    background-size: cover;
}

.bg-blue-img {
    background-color: #ffffff;
    background-image: url('../images/new-bg-1.jpg');
    background-size: cover;
}

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

.bg-light {
    background-color: #f1f1f1 !important;
}

.bg-medlight {
    background-color: #e5e5e5;
}

.bg-verylight {
    background-color: #fafafa;
}

.bg-primary-light {
    background-color: rgba(0, 123, 255, 0.15);
}

.bg-primary-red {
    background-color: rgba(226, 12, 12, 0.15);
}

.bg-secondary-light {
    background-color: rgba(134, 142, 150, 0.15);
}

.bg-success-light {
    background-color: rgba(41, 168, 71, 0.15);
}

.bg-danger-light {
    background-color: rgba(220, 56, 72, 0.15);
}

.bg-warning-light {
    background-color: rgba(255, 193, 5, 0.15);
}

.bg-btn-yellow {
    background-color: #e9b10926; /* Light yellow color */
    color: #000000; /* Black text */
    border-color: #000000; /* Match border with background */
}

.bg-btn-yellow:hover {
    background-color: #926f0526; /* Slightly darker yello for hover effect */
    color: #000000; /* Black text */
    border-color: #000000;
}

.bg-info-light {
    background-color: rgba(42, 171, 210, 0.15);
}

.btn-light-green {
    background-color: rgba(41, 168, 71, 0.15); /* Light green color */
    color: #000000; /* Black text */
    border-color: #000000; /* Match border with background */
}

.btn-light-green:hover {
    background-color: #0ead0e; /* Slightly darker green for hover effect */
    border-color: #000000;
}

/* navs/tabs */
.navbar {
    padding: 0 16px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-weight: 600;
    padding: 14px 14px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 1);
    background: #ffffff;
}

.nav-tabs .nav-link {
    border-color: #dddddd;
    font-weight: 700;
    margin-left: 2px;
    margin-right: 2px;
    padding: 6px 16px 2px 16px;
    background: rgb(253,253,253);
    background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(229,229,229,1)));
    background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(229,229,229,1) 100%);
    background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(229,229,229,1) 100%);
    background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(229,229,229,1) 100%);
    background: linear-gradient(to bottom, rgba(253,253,253,1) 0%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e5e5e5',GradientType=0 );
}

    .nav-tabs .nav-link.active {
        color: #000000;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 10%, #ffffff 11%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 10%,#ffffff 11%,#ffffff 100%);
        background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 10%,#ffffff 11%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ffffff',GradientType=0 );
        border-top-color: #dddddd;
        border-right-color: #dddddd;
        border-bottom-color: #ffffff;
        border-left-color: #dddddd;
        font-weight: 700;
    }

a.nav-link.active {
    color: #000000;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 10%, #ffffff 11%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 10%,#ffffff 11%,#ffffff 100%);
    background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 10%,#ffffff 11%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ffffff',GradientType=0 );
    border-top-color: #dddddd;
    border-right-color: #dddddd;
    border-bottom-color: #ffffff;
    border-left-color: #dddddd;
    font-weight: 700;
}

/* small and smaller */
@media (max-width: 767.98px) {
    HTML {
        font-size: 90%;
    }

    .carousel-caption {
        font-size: 1.5rem;
        margin: 10px 0 0 0;
    }
}
/* extra small and smaller */
@media (max-width: 575.98px) {
    HTML {
        font-size: 80%;
    }
}
/* for sm */
@media (min-width:576px) and (max-width: 767.98px) {
}
/* for md and below */
@media (max-width: 991.98px) {
    a.navbar-brand {
        background: url('../images/shw-logo.png') no-repeat top left;
        background-size: contain;
        display: block;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100px;
        height: 80px;
        z-index: 100;
    }

    .spacer-bar {
        height: 35px;
    }
}
/* small and smaller */
@media (max-width: 500px) {
    .navbar-text {
        font-size: 80%;
    }
}
/* small and smaller */
@media (max-width: 350px) {
    .carousel-caption {
        font-size: 1.25rem;
        margin: 4px 0 0 0;
    }

    .no-xxs {
        display: none;
    }
}
/* for md */
@media (min-width:768px) and (max-width: 991.98px) {
}
/* for lg and above */
@media (min-width:992px) {
    a.navbar-brand {
        background: url('../images/logo-white-grey.png') no-repeat top left;
        background-size: contain;
        display: block;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: 200px;
        height: 100px;
        z-index: 100;
    }

    .spacer-bar {
        height: 100px;
    }
}
/* for lg */
@media (min-width:992px) and (max-width: 1199.98px) {
}
/* for lg */
@media (min-width:992px) and (max-width: 1199.98px) {
}
/* for xl and larger */
@media (min-width:1200px) {
}

/* checkbox toggle */
.switchwrapper {
    display: block;
    text-align: left;
    margin-bottom: 0;
}

.cbxSwitch {
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-variant: normal;
    margin: 0 0 3px 3px;
    padding: 0;
    vertical-align: bottom;
}

.switch .form-control {
    padding-top: 7px;
    margin-bottom: 0;
}

.switch * {
    cursor: pointer;
}

.switch input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.switch span {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 100px;
    transition: all .5s;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
    vertical-align: middle;
}

    .switch span:after {
        content: "";
        position: absolute;
        background-color: #fff;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        border: 1px solid #ddd;
        border-radius: 400px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
        -webkit-transition: all .2s;
    }

.switch.switch-lg span {
    width: 50px;
    height: 25px;
}

    .switch.switch-lg span:after {
        height: 23px;
        width: 23px;
    }

.switch.switch-sm span {
    width: 30px;
    height: 15px;
}

    .switch.switch-sm span:after {
        height: 13px;
        width: 13px;
    }

.switch input:checked + span {
    background-color: #5d9cec;
    border-color: #5d9cec;
    transition: all .5s;
}

    .switch input:checked + span:after {
        left: 50%;
        transition: all .2s;
    }
/* whirl behavior */
.whirl {
    position: relative;
}

    .whirl:before {
        content: "";
        z-index: 3;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #999999;
        opacity: 0.6;
    }

    .whirl:after {
        z-index: 4;
        content: "";
        height: 60px;
        width: 60px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -20px 0 0 -20px;
        -webkit-animation: rotation .6s infinite linear;
        -moz-animation: rotation .6s infinite linear;
        -o-animation: rotation .6s infinite linear;
        animation: rotation .6s infinite linear;
        border-left: 6px solid rgba(0,123,239,.15);
        border-right: 6px solid rgba(0,123,255,.15);
        border-bottom: 6px solid rgba(0,123,255,.15);
        border-top: 6px solid rgba(0,123,255,.8);
        border-radius: 100%;
    }

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}