/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* Colors ACO */
:root {
    --blue-dark: #1e3e5e;
    --blue-mid: #84abc1;
    --blue-light: #bccfdf;
    --blue-pale: #e4ebef;
    --primary: #cc0000;
    --secondary: #940000;
    --gray: #666666;
    --gray20: #333333;
    --gray60: #999999;
    --gray93: #ededed;
    --gray-light: #cccccc;
    --info: #1e3e5e;
    --warning: #7d723c;
    --danger: #940000;
}

/* Buttons */
.btn {
    border: 0;
    border-radius: 0;
    color: white !important;
    margin-right: 15px;
}

.btn-primary, .btn-outline-secondary {
    background-color: var(--primary) !important;
    color: white !important;
}

.btn-primary:hover, .btn-outline-secondary:hover {
    background-color: var(--secondary) !important;
}

.btn-check:focus + .btn-primary {
    border: none;
    background-color: var(--secondary) !important;
}

.btn-lg {
    font-size: 1rem;
}

#ls-button-previous {
    background-color: var(--gray93) !important;
    color: var(--primary) !important;
}

#ls-button-previous:hover {
    background-color: var(--secondary) !important;
    color: white !important;
}

#ls-button-previous:visited {
    background-color: var(--primary);
    color: white;
}

.btn-link {
    text-decoration: none;
    color: var(--primary);
}

.btn-link:hover {
    color: var(--secondary);
}

/* Links */
a {
    color: var(--primary);
    text-decoration: none;
}

a:hover {
    color: var(--secondary);
}

/* Cards */
.card-header {
    background-color: transparent;
    color: black;
    border-radius: 0;
}

.card, .card-primary {
    border-radius: 0;
    border: none;
}

.card-footer {
    background-color: transparent;
    border: none;
}

/* Backgrounds */
.bg-primary {
    background-color: transparent !important;
}

.bg-light {
    background-color: white !important;
}

/* Forms */
.form-check-input[type="checkbox"] {
    border-radius: 0;
    border-color: none;
}

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

input[type="checkbox"], input[type="checkbox"]:hover, input[type="checkbox"]:checked {
    accent-color: var(--primary);
    color: var(--primary);
}

.form-control {
    border-radius: 0;
    border: 1px solid #999;
}

.form-control:focus {
    box-shadow: none;
    border: 1px solid #999;
}

.input-group-text {
    border-radius: 0;
    border: 1px solid #999;
    background-color: var(--blue-pale);
}

/* Text */
.text-primary {
    color: var(--gray20) !important;
    font-size: 1rem;
}

.text-info {
    text-align: left !important;
    color: var(--gray20) !important;
}

.text-warning {
    color: var(--warning) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: black;
    text-align: left !important;
}

label {
    font-weight: normal !important;
}

/* Lists */
button.list-group-item {
    text-align: left;
    background: none;
}

.list-group-item-warning {
    color: var(--warning);
}

.list-group-item-danger {
    color: var(--secondary);
}

/* Miscellaneous */
.claim {
    font-size: 4rem;
    color: #84abc1;
    padding: 1em;
}

.question-container {
    border: 0;
    background-color: var(--blue-pale);
    padding: 1em;
}

.radio-item label::after {
    background-color: var(--primary);
}

.logo-container > img {
    margin: 1em;
}

.survey-title {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    margin-top: 3em;
}

.table {
    margin-bottom: 2em;
}

thead {
    border-bottom: 2px solid var(--primary) !important;
    border-top: 1px solid var(--gray60) !important;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border: 1px solid var(--gray60) !important;
}

tbody {
    border: 1px solid var(--gray60) !important;
}

.dir-ltr .ls-questionhelp::before {
    left: -1.1em;
}

.ls-questionhelp::before {
    color: var(--gray);
}

.ls-answers tbody .answertext {
    text-align: left !important;
}

.fa {
    color: var(--gray);
}

.fa-check, .fa-ban {
        color: white !important;
}

.asterisk {
    margin-right: 4px;
}

.assessment-table tbody, .assessment-table tbody tr, .assessment-table tbody tr td, .assessment-table tbody tr th {
    border: none !important;
}

.assessments-container {
    background-color: var(--blue-pale) !important;
}

.save-survey-form {
    margin-left: 2%;
}

.register-jumbotron {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

.progress-bar {
    background-color: var(--primary);
}

.well{
  background-color: transparent !important;
  border-radius: 0px;
    
}

label::after, .checkbox-item label::after {
    background-color: var(--primary);
    color: white;
    border-radius: 0px;
}

.checkbox-item label::before {
    border-radius: 0px;
}

.alert-warning {
    background: transparent !important;
    border-radius: 0px
    color: var(--primary);
}

.question-title-container, .questiontitle {
    background-color: transparent !important;
}