@charset "UTF-8";

/* BASIC BUTTON */
.button, .input_button {font-size:16px; line-height:1; border-radius:4px; position:relative; text-align:center; cursor:pointer;}
.button {padding:10px 15px;}
.button:hover, .input_button:hover {text-decoration:underline;}

/* NAV BUTTON */
.next {width:90px; padding-top:12px; padding-bottom:12px; background:#5b775c; color:#fff;}
.next:hover {background:#506a51;} /* #377638 */
.next:active, .input_button:active {bottom:-2px; left:2px;}

.edit {width:36px; background:#fff; color:#000;}

/* SUBMIT BUTTON */
.input_button {width:120px; height:36px; border:none; font-weight:bold; color:#fff; background:#f68a0b; border-radius:4px; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.input_button:hover {background:#f77b0c;} /* #fd851a; */

/* DIVIDERS */
.divider {background:none; border:none; height:1px; display:block; padding:0; margin:20px 0; border-top:dotted 1px #ccc; clear:both; font-size:0; line-height:0;}
.divider.invisible {border:none;}

/* FORM ELEMENTS */
.fldCt {display:block; position:relative; padding-bottom:5px;} 
.fldCt_field {display:inline-block;} .labelCt {width:120px; text-align:right;}
.label, .required, .textbox, .dropdown {display:inline-block; font-size:16px; line-height:1.375; font-weight:normal;}
.label {padding:0; margin:0;}
.textbox {width:350px; padding:5px 3px;}
.textbox:focus {border-color:#5b775c;}
.dropdown {width:356px;} .dropdown:focus {outline:dotted 1px #000;}

/* Custom Dropdown Styles */
.dropdown {
    width:350px; padding:5px 3px; 
    appearance:none; -webkit-appearance:none; -moz-appearance:none; font-size:16px; position:relative;
    background-image:url(https://staticx.zacks.com/images/icons/dropdown-arrow.png); background-repeat:no-repeat; background-position:right center;
}
.dropdown, .textbox {border:solid 1px #ccc;}

/* ORDER SUMMARY TABLE */
.cartValues .table tr td, .cartValues .table tr th {vertical-align:middle; padding:6px 5px; text-align:left;}
.cartValues .table tr th {font-weight:bold;}
.cartValues .table .fldCt {display:table-row;}
.cartValues .table .type {min-width:100px;}
.cartValues .table #orderTotal td {padding-top:10px; border-top:double 3px #000; font-weight:bold;}

/* VALIDATION */
.icon {display:inline-block;}

/* DISABLED STYLES */
.disabled {color:#999; pointer-events:none;}
.disabled .table #orderTotal td {border-top-color:#bbb;}
.disabled .input_button {background:#fefefe; text-shadow:none; color:#999;}

/* ******************************************** CONTAINERS ******************************************** */
.formWrap {clear:both; padding:0; margin:0 auto;}
.cartSection {display:block; margin-bottom:20px; position:relative;}
.cartSection .headline {margin:0; color:#333; background:#dadada; padding:15px; text-transform:none;}

.cartValues {padding:30px; overflow:hidden; background:#e9e9e9;}

/* ******************************************** TYPOGRAPHY ******************************************** */
.formWrap, .formWrap p {font-size:16px; line-height:1.5;} .formWrap p {margin:2px 0 20px;}
.formWrap .footnote, .formWrap p.footnote {font-style:normal; font-size:11px; line-height:1.375;}
.cartSection .headline {font-size:1.25em; line-height:1.375; font-weight:bold;}


/* ******************************************** LAYOUT ******************************************** */

/* BUTTONS */
.cartValues .next, .cartValues .edit, .cartValues .input_button {float:right;}
.cartValues .next {margin:0 0 20px 20px;}
.cartValues .edit {position:absolute; top:10px; right:10px;}
    
.single-input .fldCt {display:inline-block; vertical-align:top;}
.single-input .labelCt {display:none;} .single-input .textbox {font-size:20px; line-height:1.15; padding:8px;}
.single-input .next {display:inline-block; vertical-align:top; float:none;}
.single-input .input_button {background:#5b775c;}
.single-input .input_button:hover {background:#506a51;} /* #377638 */

#sign_in a {display:inline-block; padding-right:15px;} #sign_in a.forgot_pw {border-right:solid 1px #ccc; margin-right:10px;}
    
#section_email_address .cartValues {padding:0;}
#section_email_address .cartValues .editValues {padding:30px;}/* background:none; overflow:visible;} */
#section_billing_values .labelCt {width:160px;}

#b_country {width:350px !important; box-sizing:content-box; font-size:16px !important;}
#card_exp_month, #card_exp_year, #card_cvv {width:120px;}
#card_type {width:260px;}

#display_payment_values .icon {position:relative; top:auto; right:auto;}
.switchToSignIn {position:absolute; top:15px; right:15px;}

/* ACCREDITATION STYLES */
#ssl_logo, #bbb_logo {float:none; display:inline-block; vertical-align:top; margin:0 20px 20px 0;}

.errorMsg {background:#f7f7ec; color:#900; padding:15px; margin:-30px -30px 30px; position:relative; overflow:hidden; border-bottom:solid 3px #d8d8bb;}
.errorMsg.processErr {border:solid 3px #d8d8bb; margin:0 0 20px;}

.cartValues .fldCt_field.inputCt button.eye-ico-dark{position: relative; left: -29px; background: none; border: none;}

#main_content .cartValues .fldCt_field.inputCt input.password{margin-top: 0;}

/* ******************************************** @MEDIA QUERIES ******************************************** */


/* 
 *   "Place Order" button disables view after the click event on the button (Buy Page).
 *   @author: Subhranil Dutta (subhranild@zacksindia.com)
 *   Redmine Ticket: #19528
 */
#shopping_cart .disable_btn{
    width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.disable_btn[disabled] { 
    pointer-events: none; 
    background: #eee; 
    border: 1px solid #ccc; 
    text-shadow: none;
    color: #ccc;
}


@media screen and (min-width:0){
    
    .cartSection .headline {font-size:1.15em; line-height:1.375; position:relative; overflow:hidden;}
    .cartSection .headline .icon {position:absolute; top:23px; right:12px;}
    .cartSection .headline .email {display:block; overflow:hidden; text-overflow:ellipsis;}
    
    #sign_in a {display:block;} #sign_in a.forgot_pw {border-right:none; margin-top:5px; margin-bottom:5px;}
    
    .cartValues, #section_email_address .cartValues {padding:15px 10px;} #section_email_address .cartValues .editValues {padding:0;}
    .cartValues .next, .cartValues .edit, .cartValues .input_button {float:none; width:100%; margin:10px 0; box-sizing: border-box;}
    .cartValues .edit, .switchToSignIn {position:relative; top:auto; right:auto;}
    .cartValues .icon {position:absolute; top:19px; right:-4px;} .single-input .icon {top:-3px;} 
    .cartValues .table tr td,
    .cartValues .table tr th {font-size:13px; line-height:1.375;}
    
    .fldCt_field {display:block;} .labelCt {text-align:left;}
    .textbox, .dropdown, #b_country {width:100%; margin:0; box-sizing:border-box;}
    
    #b_country {width:100% !important;}
    
    #card_type {width:100%;}
    #card_exp_month, #card_exp_year {width:48%;} #card_exp_year {float:right;}
    
    .validCt {color:#900;}
    
    .single-input .fldCt {display:block;}
    
    .errorMsg {margin:-15px -10px 15px;}
    
}

@media screen and (min-width:450px){
    
    .cartSection .headline .email {display:inline;}
    
    .cartValues, #section_email_address .cartValues {padding:15px;}
    .cartValues .table tr td, .cartValues .table tr th {font-size:16px; line-height:1.375;}
    
}

@media screen and (min-width:600px){
    
    .cartSection .headline .icon {position:relative; top:auto; right:auto;}
    .cartSection .headline .email {font-size:1em;}
    
    #sign_in .input_button + .divider.invisible {display:inline;}

    .cartValues, #section_email_address .cartValues .editValues {padding:30px;} #section_email_address .cartValues {padding:0;}
    .cartValues .next, .cartValues .edit, .cartValues .input_button {float:right; box-sizing:content-box; margin:0;}
    .cartValues .next, .cartValues .edit {}
    .cartValues .next {width:90px;} 
    .cartValues .edit {width:36px; position:absolute; top:10px; right:10px;}
    .cartValues .input_button {width:120px;}
    
    .single-input .next, .single-input .input_button {margin:10px 0 0;}
    
    #edit_billing_values .next {margin:0 0 20px 20px;}
    
    .errorMsg {margin:-30px -30px 30px;}
    
}

@media screen and (min-width:780px){
    
    .cartSection .headline {font-size:1.25em; line-height:1.375;}
    
    #sign_in a {display:inline-block;} #sign_in a.forgot_pw {border-right:solid 1px #ccc;}
    
    .single-input .fldCt {display:inline-block;}
    .single-input .textbox {width:280px;} .single-input .dropdown {width:286px;}
    .single-input .next, .single-input .input_button {display:inline-block; float:none; margin:0;}
    .single-input .validCt {display:block}

    .switchToSignIn {position:absolute; top:15px; right:15px;}
    
}

@media screen and (min-width:900px){
    
    .cartValues .icon {position:relative; top:auto; right:auto;}
    
    .fldCt_field {display:inline-block;} .labelCt {text-align:right;} 
    .textbox, .dropdown, #b_country {box-sizing:content-box;} 
    .textbox, .dropdown {width:350px;}
    
    #b_country {width:350px !important;}
    
    #card_type {width:260px !important;}
    #card_exp_month, #card_exp_year {width:120px; float:none;}
    
    .validCt {color:#333;}
    
}

@media screen and (max-width: 1023px){

    .cartValues .fldCt_field.inputCt{
        position: relative;
    }

    .cartValues .fldCt_field.inputCt button.eye-ico-dark{
        position: absolute;
        right: 10px;
        top: 14px;
        z-index: 9999;
        left: inherit;
    }
}