ul.lifo-typeahead-list
{
    margin-top: 10px;
}
ul.lifo-typeahead-list li
{
    list-style: none;
    font-weight: bold;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    z-index: 99999 !important;
}

@font-face {
    font-family: "Gotham";
    src: url('https://files.brown.gob.ar/brown-web/bundles/site/fonts/Gotham-Light.otf');
    src: url("https://files.brown.gob.ar/brown-web/bundles/site/fonts/Gotham-Light.ttf");
}

header.site-header.classic{
    background-color: #0078bf;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

header.site-header.classic::after{
    content: '';
    width: 100%;
    height: 70px;
}

header.site-header.classic .site-navigation .mobile-wrap > ul > li > a {
    color: #ffffff;
}

header.site-header.classic .site-navigation .mobile-wrap > ul > li > a:hover,
header.site-header.classic .site-navigation .mobile-wrap > ul > li > a:focus {
    background-color: #022a4e;
}

.site-navigation .main-menu li a:hover,
.site-navigation .main-menu li a:active,
.site-navigation .main-menu li a:focus {
    color: #337AB7;
}

.icon {
    font-family: "Gotham", sans-serif;
    border-bottom: solid;
}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    z-index: 99999 !important;
}

.container.pendiente::after{
    content: '';
    background-color: #035592;
    width: 100%;
    height: 70px;
    position: absolute;
    z-index: -1;
    transform-origin: right bottom;
    transform: skewY(-3deg);
    margin-top: -62px;

}

.k-in-month{
    text-decoration: line-through;
}

.k-active{
    text-decoration: none;
}

@font-face {
    font-family: barcode;
    src: url(/bundles/admin/font/3OF9_NEW.TTF);
}
.barcode {
    font-family: barcode;
    font-size: 80px;
    margin: 0;
}
/* Forms */
form.form-brown div.form-group input.form-control {
    color: #000000;
    border-top: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}
form.form-brown div.form-group select.form-control {
    color: #000000;
}
form.form-brown div.form-group input.form-control:focus {
    border-color: rgba(102, 175, 233, .6);
    border-width: 2px;
    border-radius: 0px;
}
form.form-brown div.form-group label.control-label {
    color: #0076c0;
}
hr.gris {
    border-color: #d0d0d0;
}
div.row div.member div.member-wrap h3.member-name a {
    color: #000000;
}
@media (max-width: 425px) {
    .form-group .pull-right {
        float: none !important;
    }
}

/* /Forms */

footer.site-footer{
    background: url("https://files.brown.gob.ar/brown-web/bundles/site/img/footer.png");
    background-size: cover;
    background-origin: content-box;
    background-repeat: no-repeat;

    color: #ffffff;
}

.site-footer > .container{
    background-color: #022a4e;
    padding-top: 58px;
}

.widget, .widget-title{
    font-family: "Gotham", sans-serif;
}

.widget-title {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #0a77da;
}

.imagen-superior{
    background-color: #0078bf;
    position: relative;
    margin: auto;
    padding-bottom: 0;
    border: none;
}

.imagen-superior .container{
    padding: 0;
}
.superior-areas::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: inherit;
    background-color: #ffffff;
    bottom: auto;
    transform-origin: left bottom;
    -webkit-transform: skewY(-2deg);
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    -o-transform: skewY(-2deg);
    transform: skewY(-2deg);

}


.site-footer h3 .widget-title::before{
    content: "";
    border-bottom: 1px solid white;
    position: inherit;
    width: 50%;

}

.site-footer h3 .widget-title::after{
    content: "";
    border-bottom: 1px solid white;
    position: inherit;
    width: 50%;

}

.site-footer .contact-info li{
    border: 1px solid #3971ac;
}

.site-footer .contact-info li:before {
    border-right-color: #3971ac;
    content: "";
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 31px;
}

.botonera{
    background: #0078bf;
}

.botonera::after{
    content: '';
    width: 100%;
    height: 25%;
    position: absolute;
    background: inherit;
    background-color:#ffffff ;
    bottom: auto;
    transform-origin: left bottom;
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(-3deg);
    margin-top: -25px;
}

.banner {
    padding: 0 40px 17px 40px;
}

.banner img {
    margin: auto;
    padding: 20px;
}

@media (min-width: 728px) {
    .banner {
        padding: 0 60px 17px 60px;
    }
    .banner img {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .banner img {
        width: 90%;
    }
}

.breadcrumb{
    padding: 15px 0;
    border-radius: 0;
}

.solapa {
    width: 180px;
    margin-left: -37px;
    padding-bottom: 25px;
}

.btn-slider{
    background-color: #005388;
    color: #fff;
    font-weight: 700;
    font-size: large;
}
.btn-slider:hover{
    background-color: rgba(211, 211, 211, 0.5);
    color: #2a67b0;

}



.btn-noticias{
    top: 0;
    bottom: 40px;
    left: 90px;
}

@media (min-width: 400px){
    .btn-noticias{
        left: 300px;
    }
}

.zoom{
    transition: 0.5s ease;
    -moz-transition: 0.5s ease; /* Firefox */
    -webkit-transition: 0.5s ease; /* Chrome - Safari */
    -o-transition: 0.5s ease; /* Opera */
}

.zoom:hover{
    transform : scale(1.2);
    -moz-transform : scale(1.2); /* Firefox */
    -webkit-transform : scale(1.2); /* Chrome - Safari */
    -o-transform : scale(1.2); /* Opera */
    -ms-transform : scale(1.2); /* IE9 */
}

.gradient {
    border-width: 1px;
    border-style: solid;
    -webkit-border-image:
            -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
            -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
    -o-border-image:
            -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
    border-image:
            linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)) 1 100%;
;
}

.area{
    background:#022a4e;
    background-origin: content-box;
    padding: 0;
}

@font-face {
    font-family: "Bebas Neue";
    src: url("https://files.brown.gob.ar/brown-web/bundles/site/fonts/BebasNeue.otf");
}

.panel-group-area{
    border: none;
}

.panel-area{
    background: none;
    border-radius: 4px;
}

.panel-area .panel-heading{
    padding: 0;
}

.panel-area .panel-heading a{
    padding: 0 0 0 0 ;
    border-radius: 4px
}

.panel-heading a:after{
    padding-left: 15px;
}

.tabs-faq .tab-content,
.tabs-faq .tab-content .tab-pane
{
    padding: 0;
}
.panel-faq .panel-group{
    border-top: none;
}
.panel-faq .panel .panel-heading a:after{
    padding: 0;
}
.panel-area .panel-heading:before{
    background-color: inherit;
}

.panel-area .panel-heading .panel-title a.collapsed{
    padding: 0;
    border:none;
}
.panel-area-content ul{
    float: left;
}
.panel-faq .panel .panel-heading{
    padding:0;
}

.panel-faq .panel .panel-heading .panel-title a{
    padding:30px 20px;
}

.media-body {
    vertical-align: middle;
}
.area-icon {
    font-size: 31px;
    padding: 10px;
    color: white;
    border-radius: 4px;
    top: 0;
    background-color: rgb(62, 79, 94);

}
.area-icon img,
.area-icon i {
    width: 30px;
    max-width: none;
    margin-left: 5px;
    margin-right: 5px;
}
.desplegable-titulo{
    float: left;
    font-family: "Gotham",sans-serif;
    color: #FFFFFF;
    text-shadow: 2px 2px 4px #000000
}
.boton-area {
    zoom: 120%;
    padding-bottom: 30%;
    width:30%;
    background: #0078bf;
    margin:1.66%;
    float: left;
    overflow:hidden;
    transition: 0.7s ease;
    -moz-transition: 0.7s ease; /* Firefox */
    -webkit-transition: 0.7s ease; /* Chrome - Safari */
    -o-transition: 0.7s ease; /* Opera */
}

.boton-area:hover {
    transform : scale(0.9);
    -moz-transform : scale(0.9); /* Firefox */
    -webkit-transform : scale(0.9); /* Chrome - Safari */
    -o-transform : scale(0.9); /* Opera */
    -ms-transform : scale(0.9); /* IE9 */
}
.boton-gestion {
    padding-bottom: 14%;
    width: 24.66%;
    background: #022a4e;
    margin:0.16%;
    float: left;
    overflow:hidden;
    transition: 0.7s ease;
    -moz-transition: 0.7s ease; /* Firefox */
    -webkit-transition: 0.7s ease; /* Chrome - Safari */
    -o-transition: 0.7s ease; /* Opera */
}
.boton-gestion:hover {
    transform: scale(0.9);
    -moz-transform: scale(0.9); /* Firefox */
    -webkit-transform: scale(0.9); /* Chrome - Safari */
    -o-transform: scale(0.9); /* Opera */
    -ms-transform: scale(0.9); /* IE9 */
}

.boton-contenido {
    position: absolute;
    padding: 5%;
    font-size: 0.7rem;
    font-weight: 900;
    color: #ffffff;
    font-family: "Gotham", sans-serif;
    text-shadow: 2px 2px 4px #000000;
    text-transform: uppercase;
}

@media (min-width: 728px) {
    .boton-contenido{
        font-size: 1.25rem;

    }
}
@media (min-width: 992px) {
    .boton-contenido{
        font-size: 2rem;
    }

}
.gestion-contenido {
    position: absolute;
    padding: 5%;
    font-size: 1.25rem;
    font-weight: 900;
    color: #ffffff;
    font-family: "Gotham", sans-serif;
    text-shadow: 2px 2px 4px #000000;
    text-transform: uppercase;
}
.widget, .widget-title{
    font-family: "Gotham", sans-serif;
}
.widget-title {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #0a77da;
}
.titulo {
    color:#0078bf;
    font-family: Gotham, sans-serif;
    font-weight: bold;
    font-size: 40px;
    text-shadow: 2px 2px 4px #000000;
    background: url('https://files.brown.gob.ar/brown-web/bundles/site/img/superior.png');
    background-size: cover;
    padding-top: 55px;
    padding-bottom: 30px;
    padding-left: 65px;
}

.video {
    padding-bottom: 10px;
}

@media (min-width: 728px) {
    .video {
        padding-bottom: 0;
    }
}

@media (max-width: 1200px ) {
    .logo {
        margin: 0;
    }
}

.member-name {
    font-family: "Gotham",sans-serif;
    margin-top: 8px;
    margin-bottom: 8px;
}

.member-title {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .login-link {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }
}

.alert-brown {
    background: #0078bf;
    border-color: #0068af;
    color: #FFFFFF;
}

.alert-brown a {
    color: #FFFFFF;
}


.menu-search-field{
    color: #0e0e0e;
}

@media(min-width: 992px){
    .tab-content .tabs-side-left .tab-content{
        padding-top: 0;
        margin-left: 255px;
    }

}