/* Styles salud */

*::selection {
    background-color: #693480;
    color: #ffffff;
}

.logochis,
.logochis:hover {
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
}
.jumbotron {
    background-image: url("../img/salud/banner-morado4.jpg");
    background-size: cover;
    background-position: center center;
}
.banner-text {
    font-size: 25px;
    color: white;
}

.btn-search,
.btn-search:hover,
.btn-search:focus,
.btn-search:active {
    background: #693480;
    border-color: rgba(128, 53, 138, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(128, 53, 138, 0);
    outline: 0 none;
}
.input-search,
.input-search:focus,
.input-search:hover,
.input-search:active {
    border-color: rgba(128, 53, 138, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(128, 53, 138, 0);
    outline: 0 none;
}
.nav-sel-pur {
    color: black !important;
}
.nav-sel-pur:hover {
    background: #693480;
    border-radius: 3px;
    color: white !important;
}

.salud-cards:hover {
    color: #fff !important;
    text-decoration: none;
}

.btn-new {
    font-size: 12px;
    background: #dfdfdf;
    border-radius: 50px;
}
.btn-new:hover {
    background: #693480;
    color: white !important;
}
.text-news {
    color: #693480;
}
.text-news:hover {
    color: #693480;
    text-decoration: underline;
}

/* Styles Form */
#form-salud {
    background-color: rgb(238, 239, 234);
}
.rounded-form {
    border-radius: 10px;
}
.formHeader {
    background-image: url("../images/salud/form/background.jpg");
    background-size: cover;
    background-position: left top;
    height: 160px;
}

.input-text-form,
.input-text-form:hover {
    background: rgb(255, 255, 255);
    border: 0px;
    border-color: rgba(128, 53, 138, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(128, 53, 138, 0);
    outline: 0 none;
    border-bottom: 10px;
}
.input-text-form:focus {
    background: rgb(255, 255, 255);
    box-shadow: 0 -1px 0px rgb(117, 143, 39) inset,
        0 0 8px rgba(128, 53, 138, 0);
    outline: 0 none;
}

.choose-form,
.choose-form:focus,
.choose-form:hover,
.choose-form:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(128, 53, 138, 0);
    outline: 0 none;
}

.custom-control-input:focus {
    background-color: #00ef00;
}

.custom-control .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgb(117, 143, 39);
    border-color: #00ef00;
}
.custom-control .custom-control-input:checked ~ .custom-control-label::before {
    background-color: rgb(117, 143, 39);
    border-color: rgb(117, 143, 39);
}

.btn-form {
    background: rgb(117, 143, 39);
}