:root {
    --main-darkest-blue-color: #000010 !important;
    --main-darker-blue-color: #00102F !important;
    --main-dark-blue-color: #002443 !important;
    --other-black-blue-color: #002339 !important;
    --main-violet-color: #00101C !important;
    --main-soft-orange-color: #EF6300 !important;
    --main-dark-orange-color: #BD5622 !important;
    --main-darker-orange-color: #963D15 !important;
    --main-soft-grey-color: #E2E4E7 !important;
    --main-grey-color: #332F2E !important;
    --main-dark-grey-color: #2C2624 !important;
    --main-white-color: #FFFFFF !important;
    --font-Arimo: Arimo, sans-serif !important;
    --font-paytone: Paytone One, sans-serif !important;
}

.w-40 {
    width: 40% !important;
}

.break-spaces {
    white-space: normal;
    word-wrap: break-word;
}
/*--------- Botones -----------------*/

.btn-primary-inverted {
    background-color: transparent;
    border: 2px solid var(--main-dark-orange-color);
    color: var(--main-white-color);
    white-space: normal;
}

.btn-primary-inverted:hover {
    background-color: var(--main-dark-orange-color);
    border: 2px solid var(--main-dark-orange-color);
    color: var(--main-white-color);
}

.md-btn-primary {
    background-color: var(--main-dark-orange-color);
    border-color: var(--main-dark-orange-color);
    color: var(--main-white-color);
    white-space: normal;
}

.md-btn-primary:hover {
    background-color: transparent;
    border-color: var(--main-dark-orange-color);
    color: var(--main-white-color);
}

/* Super importante para la alineación vertical */
.md-auto-full-height {
    min-height: inherit;
    height: 100%;
}

.fa-icon {
    margin-right: .25rem !important;
    margin-left: .75rem !important;
    background-size: contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 50px;
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.orange-font-color, .orange-paytone-font, .orange-link, .orange-link:hover {
    color: var(--main-dark-orange-color);
}

.paytone-font, .orange-paytone-font, .blue-paytone-font {
    font-family: var(--font-paytone);
}

.blue-font-color, .blue-paytone-font {
    color: var(--main-dark-blue-color);
}

.alert-orange {
    border-color: var(--main-soft-orange-color);
}

.color-soft-orange{
    color: var(--main-soft-orange-color);
}

/* OUTLINE PARA USUARIOS NO TABEADOS*/
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus,
body:not(.user-is-tabbing) a:active,
body:not(.user-is-tabbing) a:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}