/*linear-gradient(to bottom, rgba(0,161,222,1) 0%, rgba(117,189,209,1) 31%, rgba(23,81,97,1) 100%); */

::selection {
    /* background: rgba(220, 32, 79, 0.9); */
    background-color: rgba(0,161,222,1) !important;
    /* border-color: rgba(0,161,222,1); */
    color: #fff;
}



/* @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); */

.logo {
    width: 150px;
    height: auto;
}

.minlogo {
    width: 80px;
    height: auto;
}

.minlogobrand {
    width: 50px;
    height: auto;
}

.form-control {
    border: 1px solid #dddddd;
    border-radius: 6px;
}

.text-danger {
    color: #ed5565 !important;
}


/* Otros */

.btn-white {
    border: 1px solid #999999 !important;
}


/* 
/*  INDEX
*/

.nav-link {
    /* font-family: 'roboto light' !important; */
}

.nav-link:hover {
    opacity: 0.9;
    border-bottom: 1px solid rgba(0,161,222,1) !important;
}

.nav-brand::after {
    content: "ecino" !important;
    /* font-family: 'roboto black'; */
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-left: -5px;
}

.nav-brand img {
    vertical-align: text-bottom !important;
}

.nav-item a.btn {
    background-color: rgba(0,161,222,1) !important;
    border-color: rgba(0,161,222,1) !important;
    border-radius: 8px;
    /* font-family: 'roboto thin'; */
}

.nav-item a.btn:hover {
    opacity: 0.9;
}

.nav-item a.btn i {
    margin-right: 10px;
}

.modal-descarga {
    width: 200px;
    height: auto;
}

.descarga-hr {
    background-color: rgba(0,161,222,1) !important;
    width: 60px !important;
}

.carousel-inner {
    height: auto;
}

.carousel-item {
    height: 10%;
}

.carousel-item img {
    height: 10%;
}

.carousel-indicators li {
    /* background-color: rgba(220, 32, 79, 1) !important; */
    background-color: rgba(0,161,222,1) !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 100%;
}


/* Bordes  */

.borders {
    position: relative;
    top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.borders::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 40px;
    width: 40px;
    height: 2px;
    background: #bebebb;
}

.borders::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 40px;
    width: 40px;
    height: 2px;
    background: #bebebb;
}

.borders i {
    font-size: 40px;
    line-height: 0.8;
    position: absolute;
    left: -20px;
}

.close {
    opacity: 1 !important;
    color: white !important; 
}

.modal {
    /* background: rgba(0, 0, 0, 0.7); */
}

.modal-header {
    border-color: transparent !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    /* background-color: rgba(220, 32, 79, 1) !important; */
    background-color: rgba(0,161,222,1) !important;
    color: #fff !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #222 !important;
}

.bg-primary {
    background-color: rgba(0,161,222,1) !important;
    border: none !important;
}

.bg-transparent {
    background-color:transparent !important;
    border: none !important;
}

button.bg-primary {
    background-color: rgba(0,161,222,1) !important;
    border: none !important;
}

.table .thead-primary th{ 
    /* background-color: rgba(220, 32, 79, 1) !important; */
    /* background-color: rgba(0,161,222,1) !important; */
    background-color: rgba(0,161,222,1) !important;
    border-color: #eee !important;
}

.modal-content {
    /* background-color: rgb(220, 32, 79) !important; */
    background-color: rgba(0,161,222,1) !important;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    /* background-color: rgb(220, 32, 79) !important; */
    background-color: rgba(0,161,222,1) !important;
}