/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

@font-face {
    font-family: "BentonSansBBVA-Medium";
    src: url("../fonts/BentonSansBBVA-Medium.otf");
}

@font-face {
    font-family: "BentonSansBBVA-Book";
    src: url("../fonts/BentonSansBBVA-Book.otf");
}

@font-face {
    font-family: "BentonSansBBVA-Bold";
    src: url("../fonts/BentonSansBBVA-Bold.otf");
}

@font-face {
    font-family: "BentonSansBBVA-Light";
    src: url("../fonts/BentonSansBBVA-Light.otf");
}

.btn-openpay-color {
    background-color: #02C5C4;
    border-color: #02C5C4;
    color: white;
}

.btn-openpay-color:hover {
    background-color: #00B2AD;
    border-color: #00B2AD;
    color: white;
}

.btn-openpay-blue {
    background-color: #004481;
    border-color: #004481;
    color: white;
}

.btn-openpay-blue:hover {
    background-color: #003768;
    border-color: #003768;
    color: white;
}

.btn-openpay-red {
    background-color: #FF2732;
    border-color: #FF2732;
    color: white;
}

.btn-openpay-red:hover {
    background-color: #DD192C;
    border-color: #DD192C;
    color: white;
}

.save-your-card-title {
    width: 114px;
    height: 18px;
    margin: 0 9px 5px 0;
    font-family: BentonSansBBVA-Medium;
    font-size: 25px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #121212;
}

.save-your-card-sub-title {
    font-family: BentonSansBBVA-Book;
    font-size: 20px;
    color: #121212;
}

.merchant-sub-title {
    font-family: BentonSansBBVA-Bold;
    font-size: 18px;
    color: #121212;
}

.link-pago-title {
    font-family: BentonSansBBVA-Bold;
    font-size: 21px;
    color: #121212;
}

.lbl-descriptions {
    font-family: BentonSansBBVA-Book;
    font-size: 16px;
    color: #121212;
}

.lbl-description-input {
    font-family: BentonSansBBVA-Book;
    font-size: 12px;
    color: #121212;
}

.security-description {
    font-family: BentonSansBBVA-Book;
    font-size: 14px;
    color: #121212;
}

.mark-required {
    color: #FF2732;
}

.box-bg {
    font-family: BentonSansBBVA-Book;
    background-color: #eff9f8;
    padding: 4px 8px 5px;
    border-radius: 6px;
    margin-top: 10px;
    height: auto;
    width: 100%;
}

.btn-cancel-register-card {
    float: right;
    border-radius: 10px;
    background-color: #FFFFFF;
    border-color: #c8c1c1;
    color: #004481;
    width: 110px;
    height: 40px;
    font-family: BentonSansBBVA-Medium;
    font-size: 14px;
    margin-right: 10px;
}

.btn-save-card {
    float: right;
    border-radius: 10px;
    width: 110px;
    height: 40px;
    font-family: BentonSansBBVA-Medium;
    font-size: 14px;
}

.merchat-and-client-title {
    font-family: BentonSansBBVA-Bold;
    font-size: 16px;
}

.merchat-and-client-info {
    font-family: BentonSansBBVA-Book;
    font-size: 14px;
}

.lbls-for-checks {
    font-family: BentonSansBBVA-Medium;
    font-size: 14px;
}

.input-holder-name {
    background-color: #FFFFFF;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

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

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}