/*/ Extend or override APICS styling /*/

    /* ERRORS */

    .RequiredField {
        color: red;
    }

    .ErrorMessage {
        color: red;
    }

    /* GENERAL */

    select[disabled] {
        background: #cccccc
    }

    .smalltext {
        font-size: 11px;
    }

    /* CONTAINERS - size, alignment, padding changes */

    .alt_container {
        padding: 0.5em 0;
    }

    .alt_container div {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .alt_control-div div {
        display: inline-block;
    }

    .alt_section {
        width: 100%;
    }

    div.alt_section {
        padding-top:0;
        padding-bottom:0;
    }

    .alt_section p {
        margin: 0;
    }

    .alt_section-header_1, .alt_section-header_2 {
        padding-left: 1em;
        font-weight: 700;
    }

    .alt_section-header_1 {
        background-color: #999999;
        color: white;
    }

    .alt_section-header_2 {
        background-color: #cccccc;
    }

    /* Columns */

    .alt_left-col, .alt_right-col {
        display: inline-block;
        padding-left: 1em;
    }

    .alt_left-col {
        float:left;
        /*width:45%;*/
        width:50%;
        padding: 0 3em 0 0;
    }

    .alt_right-col {
        /*width: 45%;*/
        width: 48%;
        /* float: right; */
    }

    .alt_left-col-label, .alt_right-col-label {
        display: inline-block;
        /*width: 45%;*/
        
    }

    .alt_left-col-label {
        float:left;
        width: 50%;
        padding: 0 3em 0 0;
    }

    .alt_right-col-label {
        width: 48%;
    }

    .alt_billing-info div {
        padding: 0 0 0.5em 0 !important;
    }

    .alt_payment-info .alt_payment-info-label {
        padding: 0 0.5em 0.5em 1.5em !important;
    }

    .alt_payment-info .form-group {
        margin-bottom: 0;
    }

    .alt_payment-info .form-group > select, .alt_payment-info .form-group > input {
        margin-top: 0.5em;
    }

    .alt_payment-info .row {
        padding-top: 0;
        padding-bottom: 0;
    }

    .alt_billing-info .alt-col,
    .alt_payment-info .alt-col {
        display: inline-block;
        width:30%;
    }

    .alt_billto .alt-col,
    .OrderInfo .alt-col {
        display: inline-block;
        width:15%;
    }

   .alt_billing-info .alt-col-2,
   .alt_payment-info .alt-col-2{
       display: inline-block;
        width: 69%;
   }

   .alt_billto .alt-col-3,
   .OrderInfo .alt-col-3 {
        width: 69%;
   }

   .alt_billto .alt-col-3 div,
   .alt_totals .alt-col-3 div,
   .OrderInfo .alt-col-3 div {
        display: flow-root;
   }

    .alt_totals {
        float: right;
        width: 30%;
    }

    .alt_totals .alt-col {
        display: inline-block;
        width: 56%;
    }

    .alt_totals .alt-col-3 {
        width: 44%;
        float: right;
        text-align: right;
    }

    .alt_alignright {
        float: right;
        padding-right: 4px;
    }

    .alt_alignleft {
        float: left;
        padding-right: 4px;
    }

    .alt_payment-info .CampaignCodeDetails {
        padding: 0.75em !important;
        border: 1px solid;
    }

    /*.alt_container .alt_payment-info div {
        padding-top: 0;
        padding-bottom: 0;
    }*/

    .alt_payment-info div {
        padding-top: 0;
        padding-bottom: 0.5em;
    }

    .alt_container .alt_payment-info .partner-section,
    .alt_container .alt_payment-info .credit-section {
        padding-bottom: 0.5em;
    }

    .alt_container .alt_payment-info .partner-section div {
        padding: 0.25em 0 0 0;
    }

    .alt_container div.alt_totals,
    .alt_container .alt_totals div.PaymentAmount  {
        padding-top: 0;
        padding-bottom: 0;
    }

    .alt_container .alt_payment-info .credit-section .clearfix {
        padding: 0.5em 0 0 0;
    }

    .alt_container .alt_payment-info .credit-section .clearfix .row .col-sm-4 {
        width: 32%;
    }

    .alt_container .alt_payment-info .credit-section .clearfix .row .col-sm-4:last-of-type {
        width: 34%;
    }

    .alt_container .alt_payment-info .credit-section .clearfix .expiration-date label,
    .alt_container .alt_payment-info .credit-section .clearfix .expiration-year label,
    .alt_container .alt_payment-info .credit-section .clearfix .security-code label,
    .alt_container .alt_payment-info .credit-section .clearfix .security-code a {
        font-size: 0.8em;
    }

    .alt-margin-bottom {
        margin-bottom: 1.5em;
    }

    .alt-form-info label {
        width: 20%;
        min-width: 150px;
        display: inline-block;
        text-align: left;
    }

    /* Gridview */
    .cssPager td {
        background-color: #5D7B9D;
        color: white;
    }

    .cssPager table {
        border: none !important;
        margin: 0px 0px !important;
    }

    .cssPager tr {
        border: none !important;
    }


    /* BUTTONS */

    /*/*/ The Buttons div addresses ONLY the container which houses other buttons /*/*/

    .buttons {
        float: left;
        width: 100%;
    }

    .buttons .button_continue,
    .buttons .button_cancel,
    .buttons .btn-submit {
        padding: 0.5em 0;
    }

    .button_continue, .button_cancel {
        display: inline-block;
        text-align: left;
     }

    .button_continue {
        padding: 0;
        margin: 30px 0 0 0;
    }

    .button_cancel {
        padding: 0;
        /* margin: 30px 0 0 0; */
    }

    .btn-midwidth {
        padding: 1.1em 2em;
    }

    /* FORMS - Inputs */

    input[type=checkbox], input[type=radio] {
        margin-right: 0.5em;
    }

    .alt_container input[type=text],
    .alt_container input[type=password],
    .alt_container input[type=tel],
    .alt_container input[type=email],
    .alt_container select {
        height: 3.1rem;
    }

    .alt_container .CampaignCodeDetails input[type=text] {
        width: 9.5em;
        height: 2.2em;
    }

    .alt-col-2 input[type=text],
    .alt-col-2 input[type=password],
    .alt-col-2 input[type=tel],
    .alt-col-2 input[type=email],
    .alt-col-2 select {
        width: 95%;
    }
    
    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        /*background: #000;
        background: rgba(0, 0, 0, 0.8)*/
    }

    .overlay .payment {
        position: absolute;
        top: 40%;
        left: 50%;
        margin-left: -150px;
        width: 320px;
        padding: 20px;
        /*background: #fff;*/
        background-color: #fff;
        font-size: .9em
    }