body{
    background: white;
    color: black;
    font-size: 16px;
    /*font-family: 'Lato', sans-serif;*/
    font-family: BreveSansText-Light, sans-serif;
}


h1{
    font-size: 28px;
}


/* Data table */
#data_table_filter{
    float: right;
}

.m-top-10{
    margin-top: 10px;
}

.big-size{
    font-size: 36px;
}


/* EDITOR HTML */
.note-editable {
    color: black;
    background: white;
}


.white-section{
    background: white;
}
textarea{
    max-width: 100%;
}


table.dataTable tbody tr img{
    height: 60px;
}

table.dataTable tbody .fa{
    margin: 0 5px;
    cursor: pointer;
}



figure.small img{
    max-height: 100px;
}

figure.medium img{
    max-height: 200px;
}

figure.center img{
    display: block;
    margin: 0 auto;
}

input[type="color"]{
    height: 100px;
    width: 100px;
    margin: 0 auto;
}


img.center{
    margin: 0 auto;
}

.container, .container-fluid{
    padding-left: 0;
    padding-right: 0;
}



/**
                                NAVBAR
*/

.navbar{
    margin-bottom: 0px;
    font-size: 14px;

}
.navbar-default {
    background: #A91725;
    border-color: #A91725;
    color: white;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: white;
}

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

.dropdown-menu{
    background: #A91725;
    color: white;
}
.dropdown-menu>li:not(:last-child){
    border-bottom: solid 1px white;
}

.dropdown-menu>li>a , .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background: #A91725;
    color: white;
}

#app > nav > div > div.navbar-header > a > figure > img{
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar-brand{
    padding-top: 0px;
}

.navbar-brand img{
    max-height: 30px;
    margin-top: 10px;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text{
    color: white;
    text-transform: uppercase;
}

#app-navbar-collapse > ul.nav.navbar-nav.navbar-right > li > a{
    padding-top: 10px;
    padding-bottom: 10px;
}

#app-navbar-collapse > ul.nav.navbar-nav.navbar-right > li > a > figure > img{
    max-height: 30px;
}

.nav-menu{
    text-align: center;
    position: absolute;
    width: 50%;
    margin-left: 25%;
    left: 0;
    padding-top: 20px;
}
.nav-menu a{
    color: black;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
}


/*
    SEMIFOOTER
*/

.semi-footer{
    background-color: black;
    color: white;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
}
.semi-footer h2{
    color: rgb(175, 247, 31);
    text-transform: uppercase;
}

.semi-footer a{
    color: rgb(175, 247, 31);

}

/**
                        ETIQUETAS PARA MOSTRAR LAS TAGS EN UN SITIO
*/

.tag-container{
    border: solid lightgray 1px;
    padding: 10px;
    min-height: 100px;
    overflow: auto;
}

.tag-container>span {
    background-color: lightskyblue;
    padding: 5px;
    color: black;
    margin: 5px;
    float: left;
}

.fa{cursor: pointer}


footer{
    background: rgb(37,36,41);
    padding: 20px;
    color: #a0a0a0;
    margin-top:30px;
    font-family: BreveSansText-Light;
}
footer a{
    color: black;
}

footer h3{
    font-size: 16px;
    text-transform: uppercase;
    font-family: BreveSansText-Medium;
}

footer  h3 i{
    background-color: #AB1725 !important;
    display: block;
    width: 33px;
    height: 2px;
    margin-top: 4px;

}

footer a{
    color: #a0a0a0 !important;
}


/*
            PROMOCIONES
*/
.promotions-container figure{
    max-height: 150px;
    overflow: hidden;
}

.promotions-container .fa{
    margin:  0 5px;
}

/*
            GALERÍA / GALLERY
*/

.gallery-container figure{
    height: 200px;
    overflow: hidden;
}

.thumbnail {
    border-radius: 0px;
}


/**
                                        COLORES PRINCIPALES
*/
.color-gray{
    color: #a0a0a0;
}

.color-white{
    color: white;
}



.color-green{
    color: rgb(175, 247, 31);
}

.bg-green{
    background-color: rgb(175, 247, 31);
    padding: 5px;
}

.bg-black{
    background: black;
}

.text-mark{
    background-color: rgb(175, 247, 31);
    color: black;
    padding: 3px;
}
.text-mark.black{
    background-color: black;
    color: white;
}



/*
*/

.info-container{
    display: inline-block;
    z-index: 10;
    background: white;
    width: 100%;
    padding: 100px 0;
    background-image: url('/img/landing/fondo-verde.png');
    background-repeat: no-repeat;
    background-size: contain;
}


.info-container .left-side{
    width: 60%;
    float: left;
    padding-left: 15px;


}
.info-container .right-side{
    width: 40%;
    float: left;
}

.info-container .left-side .text-side{
    float: left;
    width: 30%;
    text-align: center;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    margin-top: 50px;
    padding: 10px 0;
}

.info-container .left-side .images-side{
    float: left;
    width: 40%;
}

.info-container .left-side .buttons-side{
    width: 30%;
    float: left;
    margin-top: 50px;
}

.info-container ul{
    list-style-type: none;
    padding: 0;
}

.info-container ul li{
    margin: 7px 0;
}

.info-container ul a{
    color: black;
    text-decoration: none;
}
.info-container ul a:hover{
    text-decoration: none;
    color: rgb(175, 247, 31);
}

.info-container ul li.selected a{
    color: rgb(175, 247, 31);
}

.info-container input.form-control{
    border-radius: 20px;
    background-color: rgb(200,200,200);
    border: none;
    color: black;
    font-weight: 700;
}

.info-container .right-side{
    margin-top: 30px;
}
.info-container .right-side .text-side{
    padding: 0px 50px;
}
.info-container .right-side h2{
    font-size: 22px;
}


.info-container input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333333;
    font-style: italic;
}
.info-container input.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #333333;
    font-style: italic;
}
.info-container input.form-control:-ms-input-placeholder { /* IE 10+ */
    color: #333333;
    font-style: italic;
}
.info-container input.form-control:-moz-placeholder { /* Firefox 18- */
    color: #333333;
    font-style: italic;
}

.container-fluid{
    max-width: 1400px;
}


.main-image-container{
    color: white;
}

.main-image-container h1{
    font-weight: 700;
    font-style: italic;
    color: white;
    display: inline-block;
    margin-top: 50px;
}

.main-image-container .phone{
    margin: 0 auto;
    display: block;
    width: 350px;
    padding: 50px;
}

.main-image-container .main-image-figure{
    position: absolute;
    z-index: -1;
    max-width: 1400px;
}

.main-image-container .text-layer{
    position: absolute;
    top: 150px;
    width: 100%;
    text-align: center;
    max-width: 1400px;
}

.main-image-container .text-layer-right{
    padding: 0 7% 0 13%;
}

.main-image-container .logo{
    max-width: 130px;
    margin: 0 auto;
}

.btn{
    font-family: BreveSansText-Medium, sans-serif;
}


.btn-default{
    border-radius: 0px;
    color: rgb(169,23,37) !important;
    background-color: white !important;
    border: solid 2px rgb(169,23,37) !important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 18px;
}

.btn-primary, .btn-danger{
    background: rgb(169,23,37) !important;
    border: solid 2px rgb(169,23,37) !important;
    color: white !important;
    text-transform: uppercase;
    border-radius: 0px;
    padding: 8px 18px;
}


.btn-link, .btn-link:focus, .btn-link:hover {
    font-weight: 400;
    color: rgb(169,23,37);
    border-radius: 0;
}

.panel-default{
    border-radius: 0px;
}
.panel-default>.panel-heading{
    background: #222127;
    border-color: #222127;
    color: white;
    border-radius: 0px
}
.panel-default>.panel-heading a{
    position: absolute;
    right: 30px;
    color: rgb(169,23,37);
}



h5 {
    border-bottom: solid 1px #aaa;
    padding-bottom: 8px;
    text-transform: uppercase;
    margin-top: 20px;
}

.fileinput-preview{
    min-height: 100px;
}

.fileinput-preview i{
    margin-top: 40px;
}


.form-control{
    border-radius: 0px !important;
}

.bg-ny{
    background-image: url("../img/ny.jpeg");
    background-size: cover;
}

/*
    RESPONSIVIDAD DE LA PARTE PUBLICA
*/

@media only screen and (max-width: 991px)  {
    .main-image-container .text-layer{
        top: 80px;
    }

    .main-image-container .phone{
        width: 280px;
    }

    .main-image-container .text-layer-right {
        padding: 0 2% 0 12%;
    }
}

@media only screen and (max-width: 767px)  {
    .main-image-container{
        height: 330px;
    }

    .main-image-container .phone{
        display: none;
    }

    .info-container .right-side{
        width: 100%;
    }

    .info-container .left-side{
        width: 100%;
    }
}

@media only screen and (max-width: 767px)  {
    .main-image-container {
        height: 450px;
    }

    .main-image-container h1{
        margin: 50px 0px;
    }

    .main-image-container .text-layer{
        top:20px;
    }

    .main-image-container .main-image-figure{
        overflow: hidden;
        width: 100%;
    }

    .main-image-container .main-image-figure .img-responsive {
        max-width: none;
    }

    .info-container{
        padding: 50px 0;
    }

    .info-container .left-side{
        padding-left: 15px;
        padding-right: 15px;
    }


    .info-container .left-side .text-side{
        width: 100%;
        margin-top: 0px;
    }

    .info-container .left-side .images-side{
        width: 100%;
    }
    .info-container .left-side .buttons-side{
        width: 100%;
        margin-top: 0px;
    }
    .info-container .left-side .buttons-side ul{
        text-align: center;
    }

    .buttons-side ul a{
        cursor: pointer !important;
    }

    .info-container .right-side .text-side{
        padding: 0px 15px;
    }

    .main-image-container .text-layer-right{
        padding: 0 15px;
    }

    .nav-menu{
        width: 80%;
        margin-left: 10%;
        font-size: 14px;
    }
    #app-navbar-collapse > ul.nav.navbar-nav.navbar-right > li > a figure{
        text-align: right;
        padding-right: 20px;
    }

    #app-navbar-collapse > ul.nav.navbar-nav.navbar-right > li > a > figure > img{
        display: inline-block;
    }
}



#items_container{

}
#items_container .thumbnail{
    cursor: pointer;
}
#items_container .thumbnail .name{
    text-transform: uppercase;
}

#items_container .thumbnail.selected{
    background: #eeeeee;
}

#items_container .thumbnail figure {
    height: 70px;
}



/**
        PANEL BLANCO (para mostrar las cosas en el dashboard)
*/



.panel-white{

}

.panel-white .panel-heading{
    background: white;
    border-color: rgb(233,233,233);
    color: black !important;
    text-transform: uppercase;
    text-align: center;
    padding: 25px 15px;
}

.panel-white .big-number{
    color: rgb(248,92,74);
    font-size: 72px;
}

body.bg-gray{
    background: rgb(240, 240, 240);
}


.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none !important;
    background-color: black;
    border-radius: 0px;
}

.breadcrumb>li {
    display: block;
}

.breadcrumb .container{
    margin: 0 auto;
    color: white;
}

.breadcrumb a{
    color: white !important;
    cursor: pointer;
    text-decoration: none;
}


.btn.fixed{
    position: fixed;
    top: 89px;
    right: 10px;
}

.btn.fixed-2{
    position: fixed;
    top: 132px;
    right: 10px;
}

.underline{
    border-bottom: solid 1px rgb(233,233,233);
    padding: 10px;
}

.border-red{
    border: 1px solid #A91725;
}

.margin-none{
    margin: 0px !important;
}

.table-center th{
text-align: center;
}