.hidden {
    display: none;
}

.title {
    /*text-transform: uppercase;*/
    /*color: rgb(0,58,112);*/
    color: black;
    font-weight: 700;
    font-size: 3rem;
    /*margin-left:15px;*/
}

.section-title-perrenial {
    /*text-transform: uppercase;*/
    /*color: rgb(0,58,112);*/
    color: black;
    font-weight: 700;
    font-size: 2rem;
}

.sub-title {
    /*text-transform: uppercase;*/
    /*color: rgb(0,58,112);*/
    color: black;
    font-weight: 700;
    /*font-size: 1.4rem;*/
}

.uppercase {
    text-transform: uppercase;
}

.catalog-blue {
    font-weight: 700;
}

select, option {
    color: black;
    /*font-weight: bold;*/
}

section#pageTitle {
    background-color: rgb(239,239,239);
}

.alert-perrenial {
    color: white;
    background-color: rgb(0,58,112);
    border: 1px solid rgb(0,58,112);
}

.alert-service-fee {
    color: #C2191D;
    background-color: rgb(255,255,255);
    border: 1px solid rgb(0,58,112);
    font-weight: bold;
}

.alert-perrenial2 {
    background-color: rgb(0,58,112);
    border: 1px solid rgb(0,58,112);
}

.panel-heading {
    color: white !important;
    background-color: rgb(0,58,112) !important;
}

.panel-heading2-info a {
    color: #fff;
}

.panel-heading2-info {
    margin-bottom: 20px;
}

.section-border {
    border: 1px solid rgb(0,58,112);
    background-color: white;
}

.section-title {
    background-color: rgb(0,58,112);
    /*text-transform: uppercase;*/
    font-weight: 700;
    color: white;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    margin-left: -1px;
    border-left: 1px solid rgb(0,58,112);
}

.width-200-auto {
    width: 200px;
}

.section-title2 {
    background-color: rgb(0,58,112);
    /*text-transform: uppercase;*/
    font-weight: 700;
    color: white;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.label-header {
    color: rgb(78,80,80);
    font-weight: bold;
    /*text-transform: uppercase;*/
    background-color: white;
}

.label-header-blue {
    color: White;
    font-weight: bold;
    background-color: #003A70 !important;
}

.label-header-middle {
    color: rgb(78,80,80);
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.clickable {
    cursor: pointer;
    font-size: 15px;
}

.btn-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.perrenial-grey1 {
    color: rgb(85,101,118) !important;
    /*text-transform: uppercase;*/
}

.perrenial-backorder {
    /*text-transform: uppercase;*/
}

.perrenial-label {
    color: rgb(85,101,118) !important;
    font-weight: 700;
    /*text-transform: uppercase;*/
}

.perrenial-label2 {
    /* WCAG CONTRAST ERROR WITH ZEBRA STRIPPING */
    /*color: rgb(112,112,112) !important;*/
    /*color: rgb(100,100,100) !important;*/
    font-weight: 700;
    /*text-transform: uppercase;*/
    /*font-size: 1.4rem !important;*/
}

.break-word {
    word-wrap: break-word;
}

.table-header-blue {
    color: white;
    background-color: rgb(0,58,112);
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.table-header {
    color: rgb(78,80,80);
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.perrenial-btn-checkout {
    background-color: white;
    color: rgb(0,58,112);
    border: 1px solid rgb(85,101,118);
    padding: 7px;
    /*text-transform: uppercase;*/
    margin-right: 10px;
}

.perrenial-btn-general {
    background-color: white;
    color: rgb(0,58,112);
    border: 1px solid rgb(85,101,118);
    padding: 7px;
    /*text-transform: uppercase;*/
    margin-right: 10px;
}

.perrenial-btn-hl {
    background-color: white;
    color: rgb(0,58,112);
    border: 1px solid rgb(85,101,118);
    padding: 9px;
    /*text-transform: uppercase;*/
    margin-right: 10px;
}

.perrenial-btn-cancel {
    background-color: white;
    color: #C2191D;
    border: 1px solid rgb(85,101,118);
    padding: 7px;
    /*text-transform: uppercase;*/
    margin-right: 10px;
}

/*div#contentwrapper, table.chkBackground {
    background-color: rgb(239,239,239);
}*/

table.chkBackground {
    background-color: rgb(239,239,239);
}

div#contentwrapper {
    background-color: #fff !important;
}

.show-spacer {
    display: none;
}

.show-spacer20 {
    display: none;
}

.show-spacer20-large {
    width: 100%;
    height: 20px;
    display: block;
}

.show-spacer10 {
    width: 100%;
    height: 10px;
    display: block;
}

.span-5 {
    display:inline-block;
    width:5px;
}

.span-20 {
    display: inline-block;
    width: 20px;
}

.span-20-1037 {
    display: inline-block;
    width: 20px;
}

.btn-no-border {
    border: 1px solid transparent !important;
    background-color: transparent !important;
    font-weight: 700;
    /*text-transform: uppercase;*/
}

    .btn-no-border:hover {
        border: 1px solid black !important;
        background-color: white !important;
    }

.btn-never-border {
    border: 1px solid transparent !important;
    background-color: transparent !important;
    font-weight: 700;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    /*background-color: rgb(0,58,112) !important;
    border: 1px solid rgb(0,58,112) !important;*/
    background-color: black !important;
    border: 1px solid black !important;

}

.nav-tabs > li > a {
    background-color: white;
    /*border: 1px solid rgb(0,58,112) !important;
    color: rgb(0,58,112);*/
    border: 1px solid black !important;
    color: black;
}

    .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        background-color: #e0e0e0;
        /*border: 1px solid rgb(0,58,112) !important;
        color: rgb(0,58,112);*/
        border: 1px solid black !important;
        color: black;
    }

.radioDesign label, .radioDesign + label {
    /*text-transform: uppercase;*/
    color: rgb(90,92,92);
    margin-left: 10px;
}

.field-header {
    /*text-transform: uppercase;*/
    color: rgb(90,92,92);
}

.label-mandatory-note {
    color: rgb(78,80,80);
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.required-field {
    color: #C2191D;
    font-weight: bold;
    font-size: 18px;
    vertical-align: sub;
}

.required-field-checkout {
    color: #C2191D;
    /* COMMENTED BECAUSE CAUSED A VERTICAL MISALIGNMENT OF LABELS AND FIELDS */
    /*font-weight: bold;
    font-size: 20px;*/
}

.margin-right-10 {
    margin-right: 10px;
}

.page-title {
    /*background-color: rgb(239,239,239) !important;*/
    background-color: #fff;
    width: 100%;
    padding: 1rem 20rem 0 20rem;
}

.page-message {
    /*background-color: rgb(239,239,239) !important;*/
    background-color: #fff;
    width: 100%;
    padding: 1rem 20rem 0 20rem;
}

@media (max-width:1300px) {

    .page-title {
        padding: 1rem 5rem 0rem 5rem;
    }

    .page-message {
        padding: 1rem 5rem 0rem 5rem;
    }
}

@media (max-width:1037px) {

    .show-spacer {
        display: block;
    }

    .show-spacer20 {
        height: 20px;
        width: 100%;
        display: block;
    }

    .span-5 {
        display:none;
    }

    .span-20 {
        display: none;
    }

    .span-20-1037 {
        display: none;
    }

    .show-spacer10 {
        display: none;
    }
}

@media (max-width: 1000px) {

    .margin-left-10-975 {
        margin-left: 10px;
    }

    .margin-top-20-975 {
        margin-top: 25px;
    }

    .no-padding-right {
        padding-left: unset;
    }

    .no-padding-left {
        padding-right: unset;
    }

    .width-200-auto {
        width: auto;
    }
}

@media (max-width:992px) {
    .margin-left-992 {
        margin-left: 10px;
    }
}

@media (max-width:768px) {

    /*.page-title {
        padding: 0 0 0 5rem;
    }*/

    .btn-wrap{
        width:300px;
        white-space:normal;
    }
}

@media (max-width: 748px) {

    .margin-left-10-748 {
        margin-left: 10px;
    }
}

/*@media (max-width:470px) {

    .radioDesign label, .radioDesign + label {
        margin-left: 0px;
    }
}*/

@media (max-width:320px) {

    .page-title {
        padding: 0 0 0 0rem;
    }

    .required-note {
        padding-left: 0px;
    }

    .page-message {
        padding: 0 0 0 0rem;
    }
}