.navbar {
    position: relative;
    min-height: 60px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.navbar-nav > li > a {
    line-height: 30px;
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: -100px;
    margin-top: -10px;
}

.navbar-inverse {
    background-color: #015A92;
}
.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-text {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #ffd400;
    background-color: #015A92;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #015A92;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
}
.navbar-inverse .navbar-toggle {
    border-color: #015A92;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #015A92;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #ffd400;
}

@media(max-width: 768px){
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #ffd400;
        margin-top: 11px;
    }
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #015A92;
    background-color: #ffd400;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #015A92;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #015A92;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        background-color: transparent;

    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffd400;
        background-color: #015A92;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #015A92;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
        margin-top: -10px;
    }
}
.navbar-inverse .navbar-link {
    color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
    color: #fff;
}
.navbar-inverse .btn-link {
    color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
        margin-right: -100px;
    }
    .navbar-right ~ .navbar-right {
        margin-right: 0;
    }
}

.footer-ppal {
    background-color: #0d1f2f;
    opacity: 0.93;
    color: #a6bfc5;
}

.btn-opciones {
    box-sizing: border-box;
    width: 100%;    
    font-size: large;
    margin-bottom: 20px;
}

a.btn.btn-opciones img {
    width: 100px;
    filter: brightness(0.6) contrast(0.9);
}

.btn-opciones:hover {
    background-color: #f1f1f1; 
}

form div.required label.control-label:after {
    content:" * ";
    color:red;
}

.panel-primary {
    border-color: #015A92
}

.panel-primary > .panel-heading {
    background-color: #015A92;
    border-color: #015A92;    
}

.panel-info {
    border-color: #D9EDF7;
}

.panel-info > .panel-heading {
    color: #000;

}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot 
> tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, 
.table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody 
> tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, 
.table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, 
.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, 
.table-hover > tbody > tr.info:hover > th {
    background-color: #f5f5f5;
}

.panel-info .kv-action-btn {
    color: white;
}

.carousel-inner{
    background-color: white;
    content: initial;
}

.carousel-caption{
    background: rgba(0, 0, 0, 0.48);
}

.carousel-caption h4{
    text-transform: uppercase;
    font-size: 2em;
}

.loader {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border: 10px solid #c2c2c2;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1.2s linear infinite;
    animation: spin 1.2s linear infinite;
    z-index: 5000;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}