/******************
    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
*/
body, .text-info {
    color: #3d494d;
    background-color: rgb(247, 249, 250);
    font-family: Roboto !important;
}
.survey-description{
    color: #3d494d !important;
}
.question-help-container{
    color: #c5d4d9 !important;
}
.question-valid-container{
    color: #007f9c !important;
}
div {
    font-family: Roboto;
}
body .top-container {
    margin-top: 0 !important;
    color: #3d494d;
}
a {
    color: #00637a;
}
p {
    color: #007f9c !important;
}
.btn {
    font-size: 13px;
    opacity: 1;
    height: 32px;
    margin: 0px;
    padding: 0px 8px;
    border: none;
    border-radius: 2px;
}

.btn-info:hover {
    background-color: #d5dee0;
    color: black;
}
.btn-info:active:focus, .btn-info:focus, .btn-info:active {
    background-color: #ccd8db;
}
.btn-info {
    background-color: #dfe8eb;
    color: black;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #00718a;
    color: white;
}
.btn-primary {
    background-color: #007f9c;
    color: white;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary.active.focus,
.btn-primary.active:hover,
.btn-primary.active:active,
.btn-primary.active:focus,
.btn-primary.focus:hover,
.btn-primary.focus:active,
.btn-primary.focus:focus {
    background-color: #005163;
    color: white;
}
li.btn-primary {
    padding: 8px;
}
.btn-primary>label {
    margin-bottom: 0;
}
.btn-primary:active:focus, .btn-primary:focus, .btn-primary:active {
    background-color: #00637a;
}

#button_5452.btn.btn-outline-secondary {
    background-color: #007f9c;
    color: white;
}

.progress-bar {
    background-color: #00637a;
}

.question-container {
    background-color: #f5f9fa;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: rgb(5, 121, 150);
}

select {
    color: #3d494d;
    background-color: #dae5e8;
    height: 32px;
}
.form-control {
    color: #3d494d;
    background-color: white;
    border: 1px solid #dae5e8;
    border-radius: 2px;
}
.form-control:hover {
    background-color: #ebf3f5;
}
.form-control:focus {
    box-shadow: rgba(0, 127, 156, 0.5) 0 0 8px 0;
    /*border:none;*/
}

.footer-copyright {
    position: absolute;
    right: 41px;
    opacity: 0.2;
}
.radio-item label:after {
    background-color: #007f9c;
}

.checkbox-item label:after {
    background-color: #007f9c;
    padding: 0px;
    color: white;
    border: 1px solid #dae5e8;
    border-radius: 2px;
    font-weight: 100;
}
.checkbox-item:checked label:after {
    border-color: #007f9c;
    font-weight: 100;
}
.checkbox-item:active label:after {
    border-color: #007f9c;
    font-weight: 100;
}

.checkbox-item:hover label:after {
    box-shadow: rgba(0, 127, 156, 0.5) 0 0 8px 0;
}
.checkbox-item:hover label:before {
    box-shadow: rgba(0, 127, 156, 0.5) 0 0 8px 0;
}
.sortable-item {
    background-color: #e1ebed;
}
.sortable-item:hover {
    background-color: #007f9c;
    color: #e1ebed;
}
.asterisk {
    margin-right: 3px;
    font-size: 8px;
}
.fa-exclamation-circle:before {
    margin-right: 5px;
}