﻿
:root {
    --bs-font-sans-pro: 'Source Sans Pro', sans-serif;
    --bs-body-font-family: var(--bs-font-sans-pro);
    --bs-body-font-size: 16px;
    --bs-body-color: #4A4A4A;
    --bs-body-font-weight: 400;
    --bs-body-font-weight-regular: 400;
    --bs-body-font-weight-semibold: 500;
    --bs-body-font-weight-bold: 700;
    --bs-primary: #0071D1;
    --bs-secondary: #07479a;
    --bs-tertiary: #0f2f85;
    --bs-selected: #00529B;
    --bs-success: #008000;
    --bs-green: #03A678;
    --bs-danger: #D32222;
    --bs-warning: #EBAB07;
    --bs-info: #3C97E5;
    --bs-light: #f6f6f6;
    --bs-lighter: #F4F9FE;
    --bs-default: #BCC8D7;
    --bs-dark: #333333;
    --bs-gray: #757575;
    --bs-white: #ffffff;
    --bs-bg-tag-info: var(--bs-selected-rgb);
    --bs-bg-tag-secondary: 94, 59, 150;
    --bs-bg-tag-danger: var(--bs-danger-rgb);
    --bs-color-tag-info: var(--bs-selected);
    --bs-color-tag-secondary: #5E3B96;
    --bs-color-tag-danger: var(--bs-danger);
    --bs-label-default: #595959;
    --bs-label-fill: var(--bs-body-color);
    --bs-label-disabled: #888888;
    --bs-success-alert: #EFF7EF;
    --bs-danger-alert: #FDF2F2;
    --bs-warning-alert: #FDF6E6;
    --bs-info-alert: #F2F7F9;
    --bs-primary-hover: #0D69E0;
    --bs-primary-focus: #0D62D1;
    --bs-danger-focus: #D32222;
    --bs-primary-disabled: #E3E3E3;
    --bs-body-color-rgb: 68, 68, 68;
    --bs-primary-rgb: 15, 113, 240;
    --bs-secondary-rgb: 7, 71, 154;
    --bs-tertiary-rgb: 15, 47, 133;
    --bs-selected-rgb: 0, 82, 155;
    --bs-success-rgb: 0, 128, 0;
    --bs-danger-rgb: 211, 34, 34;
    --bs-warning-rgb: 235, 171, 7;
    --bs-info-rgb: 60, 151, 229;
    --bs-light-rgb: 246, 246, 246;
    --bs-default-rgb: 188, 200, 215;
    --bs-lighter-rgb: 15, 113, 240;
    --bs-gray-rgb: 74, 74, 74;
    --bs-dark-rgb: 55, 55, 55;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: #007bc5 !important;
    --bs-btn-font-size: .875em;
    --bs-h1-font-size: 32px;
    --bs-h2-font-size: 24px;
    --bs-h3-font-size: 20px;
    --bs-h4-font-size: 18px;
    --bs-h5-font-size: 16px;
    --bs-h6-font-size: 14px;
    --bs-border-radius: 8px;
    --bs-border-radius-sm: 12px;
    --bs-border-radius-lg: 16px;
    --bs-border-radius-xl: 20px;
    --bs-border-radius-2xl: 24px;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 3px 14px 0 rgba(0, 34, 77, 0.20);
    --bs-body-line-height: initial;
    --scrollbar-thumb: #4D85CE;
    --scrollbar-hover: #0C58BB;
    --scrollbar-track: #F8F8F8;
    --scrollbar-thumb-body: #C1C1C1;
    --scrollbar-hover-body: #787878;
    --scrollbar-track-body: #F1F1F1;
}
body {
    font-family: var(--bs-font-sans-pro) !important;
    font-size: var(--bs-body-font-size) !important;
    color: var(--bs-body-color) !important;
}
h2 {
    color: var(--bs-body-color) !important;
    font-size: 24px !important;
    line-height: 31px !important;
    font-weight: 600 !important;
    margin-bottom: 2rem !important;
}
h2+strong {
    font-weight: 500 !important;
    font-size: 14px !important;
    margin-bottom: 16px !important;
    display: block !important;
}
.col-sm-12>.col-sm-11 {
    width: 100% !important;
}
.control-label {
    color: var(--bs-body-color) !important;
    display: inline-block !important;
    font-size: .875em !important;
    font-weight: 600 !important;
    margin-bottom: .25rem !important;
}
.form-control {
    color: var(--bs-body-color) !important;
    font-size: .875em !important;
    border-color: rgba(55,55,55, .2) !important;
    border-radius: var(--bs-border-radius) !important;
    background-color: initial !important;
}
.form-control:hover {
    border-color: var(--bs-primary-hover) !important;
}
.form-control:focus {
    outline: 2px solid rgba(var(--bs-primary-rgb), 0.2) !important;
    border-color: var(--bs-primary-focus) !important;
    box-shadow: none !important;
}
#divComentarios {
    margin-bottom: 1.5rem !important;
}
.btn {
    --bs-text-opacity: 1 !important;
    --bs-btn-border-width: 1px !important;
    --bs-btn-color: #000 !important;
    --bs-btn-bg: var(--bs-white) !important;
    --bs-btn-border-color: #c6c7c8 !important;
    --bs-btn-hover-color: #000 !important;
    --bs-btn-hover-bg: #d3d4d5 !important;
    --bs-btn-hover-border-color: #c6c7c8 !important;
    --bs-btn-focus-shadow-rgb: 211, 212, 213 !important;
    --bs-btn-active-color: #000 !important;
    --bs-btn-active-bg: #c6c7c8 !important;
    --bs-btn-active-border-color: #babbbc !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #000 !important;
    --bs-btn-disabled-bg: #f8f9fa !important;
    --bs-btn-disabled-border-color: #c6c7c8 !important;
    font-weight: 600 !important;
    height: 35px !important;
    min-width: 180px !important;
    line-height: 27px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    white-space: nowrap !important;
    color: var(--bs-btn-color) !important;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color) !important;
    border-radius: var(--bs-border-radius) !important;
    background-color: var(--bs-btn-bg) !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.btn-primary {
    --bs-btn-border-width: 1px !important;
    --bs-border-opacity: 1 !important;
    color: var(--bs-white) !important;
    background-color: var(--bs-primary) !important;
    border: var(--bs-btn-border-width) solid rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.btn-primary:hover {
    background-color: var(--bs-primary-hover) !important;
}
.btn-primary:disabled {
    cursor: inherit !important;
    color: var(--bs-gray) !important;
    background-color: var(--bs-primary-disabled) !important;
    border-color: var(--bs-primary-disabled) !important;
}
.btn-link {
    --bs-text-opacity: 1 !important;
    --bs-border-opacity: 1 !important;
    --bs-btn-border-width: 1px !important;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
    border: var(--bs-btn-border-width) solid rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
    text-decoration: none !important;
}
.btn-link:hover {
    --bs-bg-opacity: 0.102 !important;
    --bs-border-opacity: 1 !important;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
    text-decoration: none !important;
}
.form-action-basic {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: end !important;
    border: 0 !important;
    padding: 0 !important;
}
.help-block {
    display: none !important;
}
.has-error .help-block {
    display: block !important;
    font-size: .875em !important;
    color: var(--bs-danger) !important;
    margin: 5px 0 0 !important
}
.has-error input,
.has-error textarea,
.has-error .form-control {
    border-color: var(--bs-danger) !important;
}
.form-action-basic {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.form-group {
    margin-bottom: 1.5rem !important;
}
.form-group:not([id]) {
    display: none !important;
}
.top-push {
    margin-top: 0 !important;
}
@media (min-width: 415px){
    #btnEnviar {
        margin-left: 1rem !important;
    }
}
@media (min-width: 768px){
    .form-action-basic {
        margin-top: -30px !important;
    }
    .col-centered center {
        text-align: left !important;
    }
}
@media (max-width: 767px){
    .form-action-basic {
        justify-content: center !important;
        margin-top: 16px !important;
    }
}
@media (max-width: 414px){
    .form-action-basic .btn {
        margin: 0 !important;
        width: 100% !important; 
    }
    .form-action-basic [type="reset"] {
        order: 2 !important;
    }
    .form-action-basic #btnEnviar {
        order: 1 !important;
        margin-bottom: 16px !important;
    }
}
