/*
    principal #074c84 (azul predominante)




*/

.logo {
    background: url("~/Content/img/logoMSL.png") no-repeat;
    width: 100px;
    height: 100px;
    display: block;
    text-indent: -9999px;
}

/*// Marco de ventana de confirmacion*/
.ui-widget-header {
    border: 1px solid rgb(3, 11, 66) !important;
    background: rgb(7, 76, 132) !important;
}

/*Customización del color del navbar*/
.navbar-custom {
    background-color: #074c84;
    color: #ffffff;
    border-radius: 0;
}

    .navbar-custom .navbar-nav > li > a {
        color: #fff;
    }

    .navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: transparent;
    }

    .navbar-custom .navbar-brand {
        color: #eeeeee;
    }

    .navbar-custom .navbar-toggle {
        background-color: #eeeeee;
    }

    .navbar-custom .icon-bar {
        background-color: rgb(64, 76, 130);
    }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #040063;
    background-color: #f7fafc;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fffdfd;
    background-color: transparent;
}

.navbar-custom .navbar-nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #257bc0;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #eaeaea;
    background-color: transparent;
}



/*Texto del color principal de la Muni*/
.text-ColorMuni {
    color: #074c84
}


/* Estilo para cabecera de paneles con colores de la Municipalidad*/
.panel-default > .panel-heading {
    color: rgb(254, 254, 255);
    background-color: rgb(7, 76, 132);
    border-color: rgb(199, 202, 217);
}

.panel-default > .panel-heading-Alternativo {
    color: rgb(7, 76, 132);
    background-color: rgb(192 203 212);
    border-color: rgb(199, 202, 217);
    font-variant: all-petite-caps;
}


.panel-default-Alternativo {
    color: #404c82 !important;
    background-color: rgba(219, 224, 248, 0.55) !important;
    border-color: rgb(199, 202, 217) !important;
}

.panel-default-Blanco {
    color: #404c82 !important;
    background-color: rgba(219, 224, 248, 0.55) !important;
    border-color: rgb(199, 202, 217) !important;
}


.panel-default-BlancoSinborde {
    color: #1f8948 !important;
    background-color: rgba(235, 248, 240, 0.17) !important;
}
.panel-title-Bold {
    font-weight: bold;
}

.modal-header {
    color: #2f3861 !important;
}

.modal-footer {
    background-color: #f9f9f9;
}


.bordeSupInf {

    border-bottom-color: #c0d1c6 !important;
    border-top-color: #c0d1c6 !important;
}



@media (max-width: 455px) {

    .body-content {
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 20px !important;
        height: 80% !important;
    }

    .container-fluid {
        padding-right: 2px;
        padding-left: 2px;
        margin-right: auto;
        margin-left: auto;
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 2px;
        padding-left: 2px;
    }

    .modal .modalSizeTablas, .modalSize70, .modalSize55, .modalSize45 {
        margin: 0 !important;
        margin-right: 5px !important;
        margin-left: 5px !important;
        width: 93% !important;
    }

    .panel-body {
        padding: 1px;
    }

    .modal-body {
        padding: 1px;
    }

    .k-grid-Asignar {
        min-width: 43px !important;
        max-width: 43px !important;
    }

    .k-grid-Asignar, .Rol {
        min-width: 63px !important;
        max-width: 90px !important;
    }

    .fa {
        font-size: initial;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: 0px solid #ddd;
    }

    .modal .modalSizeTablas, .modalSize70, .modalSize55, .modalSize45 {
        margin: 0 !important;
        margin-right: 5px !important;
        margin-left: 5px !important;
        width: 93% !important;
    }

    .k-grid-Asignar {
        min-width: 43px !important;
        max-width: 43px !important;
    }

    .k-grid-Asignar, .Rol {
        min-width: 63px !important;
        max-width: 90px !important;
    }

    .fa {
        font-size: initial;
    }
}



@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #f9f9f9;
        font-size: 14px;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #f9f9f9;
            background-color: #33aa33;
            font-size: 11px;
        }
}


.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    font-size:13px;
}

.btn-lg2 {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}