body{
    font-family: 'Heebo', sans-serif;
    font-weight: 300;
}

a,
a:visited,
a:focus,
.pointer{
    color: rgb(210,200,20);
    text-decoration: none;
}

a:hover,
.pointer:hover{
    color: rgb(80,80,0);
    text-decoration: none;
    cursor: pointer;
}

/* quita el borde azul */
:focus {
    outline: none;
}

p{
    padding: 0;
    margin: 0;
}

.pointer_reverse{
   color: rgb(80,80,0);
    text-decoration: none;
}

.pointer_reverse:hover{
    color: rgb(210,200,20);
    text-decoration: none;
    cursor: pointer;
}

.normal,
.hover{
    cursor: pointer;
}

.hover{
    display: none;
}

.texto_rojo{
    font-weight: 300;
    color: rgb(200,0,0);
}

.derecha,
.derecha_sm{
    text-align: right;
}

strong,
bo{
    font-weight: 500;
}

it{
    font-style: italic;
}

un{
    text-decoration: underline;
}

ye{
    color: rgb(210,200,20);
}

.btn.btn-default{
    box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: 300;
    color: #aaa;
}

.btn.active{
    box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: 400;
}

.btn.active.btn-success{
    color: #7ED900;
    border-color: #7ED900;
    background: none;
}

.btn.active.btn-danger{
    color: #F31800;
    border-color: #F31800;
    background: none;
}

@media screen and (max-width: 767px){
    .derecha_sm{
        text-align: left;
        line-height: 3em;
    }
}

.sinpadding{
    padding: 0;
}

.back-to-top {
    position: fixed;
    bottom: 0.3em;
    right: 0.3em;
    display: none;
    float: left;
    z-index: 1000;
}

.back-to-top img{
    width: 3em;
}

/* ACCESO */

.logo_acceso{
    margin: 10em 0 3em 0;
    text-align: center;
}

@media screen and (max-width: 767px){
    .logo_acceso{
        margin: 1.5em 0 2em 0;
    }
}

.div_acceso{
    border: 1px solid #ddd;
    padding: 1em;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 1.2em;
    text-align: center;
}

@media screen and (max-width: 1024px){
    .div_acceso{
        margin-top: 4em;
    }
}

@media screen and (max-width: 767px){
    .div_acceso{
        font-size: 1em;
        margin-top: 3em;
    }
}

#access_form ul{
    padding: 0;
    text-align: center;
    font-size: 0.8em;
    color: rgb(200,0,0);
    list-style: none;
}

#access_form li{
    color: rgb(200,0,0);
}

#access_form input[type=text],
#access_form input[type=password]{
    font-style: italic;
    width: 80%;
    margin: 0.5em 10%;
    font-weight: 300;
    color: #666;
    border: 0;
    border: 1px solid #ccc;
    font-size: 1.1em;
    padding: 0.2em 0.2em 0.2em 0;
}

#access_form input[type=text]:focus,
#access_form input[type=password]:focus{
    font-style: normal;
}

#access_form input[type=submit]{
    border: none;
    padding: 0.1em 0.5em;
    margin: 1em 0 0 0;
    color: #fff;
    font-size: 1.2em;
    background-color: rgb(80,80,0);
    cursor: pointer;
}

#access_form input[type=submit]:hover{
    background-color: rgb(210,200,20);
}

.pie_acceso{
    margin: 2em 0 0 0;
    text-align: center;
}

/* BARRA SUPERIOR */

.barra_superior{
    color: #fff;
    padding: 0;
    background-color: rgb(210,200,20);
    text-align: center;
    margin: 0;
    border: none;
    border-radius: 0;
    z-index: 10;
}

.barra_superior a{
    color: #fff;
}

.barra_superior a:hover{
    color: #fff;
}

.barra_superior img{
    width: 100%;
}

#boton_menu{
    margin: 0;
    text-align: center;
    z-index: 10;
    cursor: pointer;
}

#boton_menu img{
    padding: 0.5em 0 0 0;
    width: 2em;
}

.voltear{
    transform: rotate(180deg);
    transition: transform 0.5s ease-in;
    -ms-transform: rotate(180deg); /* IE 9 */
    -ms-transition: -ms-transform 0.5s ease-in;
    -moz-transform: rotate(180deg); /* Firefox */
    -moz-transition: -moz-transform 0.5s ease-in;
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
    -webkit-transition: -webkit-transform 0.5s ease-in;
    -o-transform: rotate(180deg); /* Opera */
    -o-transition: -o-transform 0.5s ease-in;
}

.animar {
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}
/*
#boton_menu span{
    color: #fff;
    cursor: pointer;
    padding: 0;
    background-color: rgb(210,200,20);
    border-radius: 0 0 1em 1em;
    padding: 0 0.75em;
}

#movil_menos{
    display: none;
}
*/
.logo{
    padding: 1.5em 0;
}

.logo img{
        width: 18em;
    }

@media screen and (max-width: 1366px){
    .logo img{
        width: 17em;
    }
}

@media screen and (max-width: 1024px){
    .logo img{
        width: 12em;
    }
}

@media screen and (max-width: 992px){
    .logo img{
        width: 10em;
    }
}

@media screen and (max-width: 767px){
    .logo{
        padding: 1.5em 0 1em 0;
    }
    .logo img{
        width: 8em;
    }
}

.menu{
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    background-color: rgb(80,80,0);
}

.menu li{
    margin: 0.3em 0;
    padding: 0 0.4em;
    list-style-type: none;
    display: inline-block;
}
/*
.dropdown-menu{
    border: none;
    box-shadow:none;
    border-radius: 0px;
    background-color: #000;
    margin: 0.5em 0 0 0;
    font-size: 0.9em;
    min-width: 7em;
}

.dropdown-menu li{
    margin: 0.5em 0 0 0;
    padding: 0 0.5em;
    list-style-type: none;
    display: block;
    text-align: left;

}

.dropdown-menu li a,
.dropdown-menu li a:hover{
    color: #fff;
    background-color: #000;
    padding: 0;
}
*/

.acciones_usuario{
    margin: 0 0 2em 0;
    padding: 0;
}
.acciones_usuario img,
.bienvenida img{
    width: 1.2em;
}

.acciones_usuario a,
.acciones_usuario span{
    color: rgb(80,80,0);
    text-decoration: none;
    cursor: pointer;
}

.acciones_usuario a:hover{
    color: rgb(210,200,20);
}

@media screen and (max-width: 1024px){
    .menu{
        font-size: 1em;
    }

}

@media screen and (max-width: 767px){
    .barra_superior{
        padding: 1em 0;
    }
    
    .menu{
        display: none;
        font-size: 1.5em;
        background-color: rgb(210,200,20);
    }
    .menu li{
        display: block;
    }
    .acciones_usuario{
        padding-top: 2em;
    }
/*
    .dropdown-menu{
        float: none;
        position: relative;
        margin: 0;
        font-size: 1.1em;
    }

    .dropdown-menu li{
        width: 100%;
        text-align: center;
        margin: 0;
        text-transform: lowercase;
    }*/
}

/* MENSAJES */
#ordenar_imagenes,
#ordenar_items,
#subir_imagenes{
    display: none;
}

/* CONTENIDO  */

.contenido{
    padding: 2em 1em;
    margin-bottom: 2em;
}

@media screen and (max-width: 1024px){
    .contenido{
    }
}

@media screen and (max-width: 768px){
    .contenido{
        /*min-height:58em;*/
    }
}

/* HOME */

.bienvenida{
    margin: 1em 0;
    font-size: 1.3em;
    text-align: center;
}

.bienvenida a{
    color: rgb(80,80,0);
}

.bienvenida span,
.bienvenida a:hover{
    color: rgb(210,200,20);
}



.icono_menu,
.icono_menu:visited,
.icono_menu:focus{
    padding: 1em 0 0 0;
    text-align: center;
    color: rgb(80,80,0);
}

.icono_menu div{
    font-size: 1.1em;
    margin: 1em 0;
}

.icono_menu:hover{
    background-color: rgba(210,220,20, 0.22);
}

@media screen and (max-width: 768px){
    .bienvenida{
        margin: 1em 0;
        font-size: 1.2em;
        text-align: center;
    }
    .icono_menu div{
        font-size: 1em;
        margin: 1em 0;
    }
    .icono_menu img{
        width:30%;
    }
}

/* BUSCADOR */

.buscador{
    padding: 0.5em;
    margin: 0.2em 0 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1.2em;
    display: none;
}

.buscador ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.buscador ul li{
    margin: 0 0 0.5em 0;
    padding: 0;
}

.buscador ul li:last-child{
    margin: 0.5em 0 0 0;
}

.acciones_buscar a{
    border: none;
    background-color: rgb(80,80,0);
    color: #fff;
    padding: 0.2em;
    font-weight: 300;
}

.acciones_buscar a:hover{
    background-color: rgb(210,200,20);
    color: #fff;
}

.boton_cerrar{
    text-align: right;
    font-size: 0.8em;
    color: #bbb;
}

.boton_cerrar:hover{
    color: #666;
    cursor: pointer;
}

.hasDatepicker{
    text-align: right;
    padding: 0.4em 0.2em 0 0;
    border: 1px solid #ccc;
    color: #999;
    line-height: 1.4em;
}

/* Disable default calendar icons */
.ui-widget-content,
.ui-widget-header,
.ui-state-default,
.ui-state-hover,
.ui-state-focus,
.ui-state-active,
.ui-state-highlight,
.ui-state-error,
.ui-state-error-text,
.ui-widget-content .ui-state-highlight,
.ui-widget-content .ui-state-default,
.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-highlight,
.ui-widget-header .ui-icon,
.ui-widget-header .ui-state-default,
.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-active{
	background-image: none;
        background: none;        
}

/* Calendar container */
.ui-widget-content{
    background: #fff;
    padding: 0;
    border: 1px solid rgb(210,200,20);
    color:rgb(80,80,0);
    border-radius: 0;
    font-family: 'Heebo', sans-serif;

}


/* Calendar header */
.ui-datepicker .ui-datepicker-header{
    font-weight: 300;
    background-color: rgb(210,200,20);
    margin: 0;
    padding: 0.5em 0;
    border: 0;
    border-radius: 0;
}

/* Calendar prev and next */
.ui-icon{
    text-indent: 0;
    width: auto;
}

.ui-datepicker .ui-datepicker-prev{
    left: 0.2em;
    top: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 1.5em;
    top: 0;
}

.ui-datepicker .ui-datepicker-prev span{
    left: 0;
    top: 0;
    margin: 0;
    height: 2.5em;
}
 
.ui-datepicker .ui-datepicker-next span {
    right: -2em;
    top: 0;
    margin: 0;
    height: 2.5em;
}

.ui-state-hover.ui-datepicker-prev-hover,
.ui-state-hover.ui-datepicker-next-hover{
    border: 0;
    color: rgb(80,80,0);
}

/* Rows */
.ui-datepicker td,
.ui-datepicker td a{
       padding: 0;
       text-align: center;
       width: 2em;
       height: 2em;
       line-height: 0.9em;
}


/* Header row */
.ui-datepicker-calendar thead{
    font-weight: 300;
}

/* Calendar row */
.ui-datepicker-calendar tbody{
font-weight: 300;    
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default{
    background-color: rgb(210,200,20);
    margin: 0.1em 0 0.1em 0.35em;
    padding: 0.4em 0.1em 0 0.1em;
    line-height: 1.2em;
    border: 0;
    border-radius: 3em;
    font-weight: 300;
    color: #fff;
}

.ui-state-default .ui-state-hover,
.ui-widget-content .ui-state-default .ui-state-hover, 
.ui-widget-header .ui-state-default .ui-state-hover{
    background-color: rgb(80,80,0);
    color: #f00;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
    background: rgb(80,80,0);
    font-weight: 300;
    color: rgb(210,200,20);
}

.ui-state-default:hover{
    background: rgb(80,80,0);
}

.ui-datepicker-trigger{
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: 0;
}

.ui-datepicker-trigger img{
    width: 1.5em;
    margin-bottom: 0.5em;
}

/*
.buscador select{
    -moz-appearance: none;
    color: #666;
    border: 0;
    border: 1px solid #ccc;
    font-size: 1.1em;
    padding: 0.2em 0;
    margin: 0 0.5em 0.2em 0;
    font-weight: 200;
}
*/
/* Typeahead */

.twitter-typeahead{
    width: 100%;
    height: auto;
}

.twitter-typeahead input[type=text]{
    color: #666;
    border: 0;
    border: 1px solid #ccc;
    font-size: 1.1em;
    padding: 0.2em 0;
    margin: 0 0.5em 0.2em 0;
    width: 100%;
    font-weight: 300;
}  

.typeahead {
    background-color: #fff;
    font-weight: 300;
    color: #666;
    border: 0;
    border: 1px solid #ccc;
    font-size: 1.1em;
    padding: 0.2em 0;
    margin: 0;
}

.tt-hint {
  color: #999;
}

.tt-menu {
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.tt-suggestion{
    padding: 0.5em 0.2em;
    height: auto;
    border-bottom: 1px solid #eee;
}

.tt-suggestion:last-of-type{
    border-bottom: none;
}

.tt-suggestion .journal{
    font-size: 0.8em;
    font-weight: 500;
}

.tt-suggestion .authors{
    font-size: 0.8em;
    font-weight: 300;
    color: rgb(170,170,0);
}

.tt-suggestion .year{
    font-size: 0.8em;
    font-weight: 500;
    color: rgb(170,170,0);
}

.tt-suggestion:hover {
  cursor: pointer;
  background-color: rgba(210,220,20, 0.22);
}

.tt-suggestion.tt-cursor {
  color: #000;
  background-color: rgba(210,220,20,0.8);

}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    width: 100%;
    padding: 0;
}

.bootstrap-tagsinput .label-info{
    background-color: #eee;
    color: #000;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    line-height: 2.2em;
    padding: 0.2em 0.5em 0.1em 0.5em;
    font-size: 1.3em;
    font-weight: 300;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    color: #ccc;
    margin-left: 0.5em;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    color: #000;
}

/* Comunes */

.titulo{
    font-size: 3em;
    margin: 0;
    padding: 0;
    font-weight: 300;
}

.subtitulo{
    font-size: 0.6em;
}

.iconos{
    text-align: right;
    font-size: 3em;
    margin: 0;
    padding: 0;
}

.iconos img{
    width: 1em;
}

.iconos a,
#boton_dropzone{
    color: rgb(210,200,20);
}

.iconos a:hover,
#boton_dropzone:hover{
    color: rgb(80,80,0);
}

@media screen and (max-width: 768px){
    .titulo,
    .iconos{
        font-size: 2em;
    }
}

/* Listados */

.paginador{
    text-align: right;
    padding: 0;
    min-height: 5em;
    margin: 1em 0;
}
/*
.paginador ul li a{
    color: rgb(80,80,0);
}

.paginador ul li a:hover{
    color: rgb(80,80,0);
}

.paginador ul li.active a {
    background-color: rgba(107,154,31,0.6);
    border-color: rgba(107,154,31,0.3);
}

.paginador ul li.active a:hover {
    background-color: rgba(107,154,31,0.9);
    border-color: rgb(107,154,31);
}
*/
.resumen{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 1.2em;
    color: rgb(80,80,0);
}


.listado_resumen{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 1.2em;
    color: rgb(80,80,0);
}

.listado_resumen .bold{
    font-weight: 500;
    color: rgb(80,80,0);
}

.listado_resumen .bold:hover{
    cursor: default;
}


.listado_resumen li{
    padding: 0.3em 0;
}

.listado_cab{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgb(210,200,20);
}

.listado_cab ul{
    font-size: 1.4em;
    font-weight: 300;
    color: rgb(210,200,20);
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.listado_cab li{
    margin: 0;
    padding: 0;
}

.listado_cab img{
    width: 1.2em;
    padding: 0.1em;
    margin: 0 0.2em 0.2em 0.2em;
}

.ordenado{
    color: #777;
    font-size: 0.8em;
}

.listado{
    margin: 0;
    padding: 0;
    font-size: 1.4em;
}

.listado ul{
    margin: 0;
    padding: 0.2em 0 0 0;
    list-style-type: none;
}

.listado ul li{
    margin: 0;
    padding: 0;
}

.sombra:hover{
    box-shadow: 3px 1px 1px 0px #eee;
    background-color: rgba(210,220,20, 0.22);
}

.listado li{
    margin: 0;
    padding: 0;
}

.listado hr{
    margin: 0.2em 0 0 0;
    padding: 0;
}

.listado .journal{
    font-size: 0.8em;
    font-weight: 500;
}

.listado .authors{
    font-size: 0.7em;
    font-weight: 300;
    color: rgb(170,170,0);
}

.listado .year{
    font-size: 0.9em;
    font-weight: 500;
}

.listado .date{
    font-size: 0.8em;
    font-weight: 300;
    color: rgb(170,170,0);
}

.listado input[type=text]{
    font-weight: 300;
    color: #666;
    border: 0;
    border: 1px solid #ccc;
    font-size: 1.1em;
    padding: 0.2em 0;
    width: 100%;
}

@media screen and (max-width: 768px){
    .listado input[type=text]{
        width: 100%;
        margin-bottom: 0.5em;
    }
}    

.save_button,
.discard_button,
.input_name,
.input_title,
.create_li{
    display: none;
}

.li_imagen img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.sortableimg ul{
    padding: 0.4em 0.2em;
}

.sortableimg ul li{
    padding: 0.2em;
}

/*DRAG AND DROP */

.my_dropzone{
    border: 1px dashed #ccc;
    min-height: 5em;
    margin: 1em 0.2em;
    padding: 0.5em 0;
    font-size: 1.3em;
    text-align: center;
    color: #ccc;
    display: none;
}

.my_dropzone:hover{
    border: 1px dashed rgb(210,220,20);
    cursor: pointer;
    color: rgb(80,80,0);
}

@media screen and (max-width: 768px){
    .my_dropzone{
        font-size: 1em;
    }
}

.acciones{
    text-align: right;
    padding: 0;
    margin: 0;
}

.acciones img,
.acciones_imagen img,
.pdf_button{
    height: 1.2em;
    padding: 0;
    margin: 0 0.2em 0.2em 0.2em;
}


.fecha_listado{
    padding: 0;
    margin: 0 0 0.2em 0;
    color: white;
    font-size: 0.9em;
    text-align: right;
}

@media screen and (max-width: 768px){
    .fecha_listado{
        /*font-size: 0.8em;*/
        text-align: left;
        margin: 0.5em 0 0 0;
    }
    .acciones{
        font-size: 1.2em;
    }
    .listado hr{
        margin: 0.75em 0 0 0;
    }
    .cliente_trabajo_titulo{
        font-size: 0.7em;
        font-weight: 500;
    }
}

.listado a{
    color: rgb(80,80,0);
}

.listado a:hover{
    color: rgb(210,200,20);
}

.activo,
.activo:visited,
.activo a,
.activo a:visited{
    color: #0f7702;
}

.activo:hover{
    color: #d63323;
}

.inactivo,
.inactivo:visited,
.inactivo a,
.inactivo a:visited{
    color: #d63323;
}

.inactivo a:hover{
    color: #0f7702;
}

.pendiente_ico,
.pendiente_ico:hover{
    color: #eea236;
}

.dialogo_borrar{
    background-color: rgba(200,0,0,0.1);
    padding: 0.5em;
    text-align: right;
    font-size: 0.8em;
    margin: 0.5em 0.1em;
    border: 1px solid rgb(200,0,0);
    border-radius: 10px;
    display: none;
}

.dialogo_borrar span,
.dialogo_borrar a{
    font-weight: 300;
    color: #555;
}

.dialogo_borrar span:hover,
.dialogo_borrar a:hover{
    font-weight: 300;
    color: rgb(200,0,0);
}

.dialogo_exportar{
    background-color: #d9edf7;
    padding: 0.5em;
    text-align: right;
    font-size: 0.8em;
    margin: 0.5em 0.1em;
    border: 1px solid #31708f;
    border-radius: 10px;
    display: none;
    color: #31708f;
}

.dialogo_exportar span,
.dialogo_exportar a{
    font-weight: 300;
    color: #31708f;
}

.dialogo_exportar span:hover,
.dialogo_exportar a:hover{
    font-weight: 400;
    color: #31708f;
}

.mayor{
    font-size: 1.3em;
}

/* EDICIÓN */

#edit_form{
    margin: 6em 0 0 0;
}

.titulo_field{
    font-size: 1.1em;
    font-weight: 400;
}

.label_field{
    font-size: 1em;
    font-weight: 300;
}

.col_izquierda{
    padding: 0 1em 0 0;
}

.col_derecha{
    padding: 0 0 0 1em;
}

@media screen and (max-width: 767px){
    .col_izquierda{
        padding: 0;
    }

    .col_derecha{
        padding: 0;
    }
}



.edicion input[type=text],
.edicion input[type=password],
/*.edicion select,*/
.edicion input[type=email],
.edicion input[type=checkbox],
.edicion textarea,
.edit_field{
    font-weight: 300;
    color: #666;
    border: 0;
    border: 1px solid #ccc;
    font-size: 1.1em;
    padding: 0.2em 0.2em 0.2em 0;
}

.edicion input[type=text],
.edicion input[type=password],
.edicion input[type=email],
.edicion textarea{
    width: 100%;
    margin-bottom: 1em;
}

#date{
    width: 75%;
}

.style_buttons{
    height: 2em;
}

.b_style{
    font-family: serif;
    margin: 0 0 0.5em 0.5em;
    font-size: 1.2em;
    font-weight: 300;
    cursor: pointer;
}

.b_style bo{
    font-weight: bold;
}

.b_link{
    margin: 0 0 0.5em 0.5em;
    font-size: 1em;
    font-weight: 300;
    cursor: pointer;
}

.caja_link{
    margin-bottom: 0.7em;
    display: none;
}

.error_link,
.message_text{
    color: #f00;
    display: none;
}

.link_actions span{
   margin: 0 0 0 0.5em;
   text-decoration: underline;
   cursor: pointer;
}

textarea.txt_link{
    margin-bottom: 0;
}


#preview_text{
    font-size: 1.1em;
}

#preview_text a,
#preview_text a:visited,
#preview_text a:focus{
    text-decoration: none;
    cursor: pointer;
    color: rgb(170,170,0);
}

#preview_text a:hover{
    text-decoration: none;
    cursor: pointer;
    color: rgb(10,10,10);
}

.edicion hr{
    margin: 0.2em 0 0 0;
    padding: 0 0 0.3em 0;
    border-color: #ccc;
}

.padding_izquierda{
    padding: 0 0 0 1em;
}

.padding_derecha{
    padding: 0 1em 0 0;
}

.padding_derecha2{
    padding: 0 1em 0 0;
}

.margin_bottom{
    margin-bottom: 1em;
}

@media screen and (max-width: 992px){

    .padding_izquierda{
        padding: 0;
    }
    .padding_derecha2{
        padding: 0;
    }
}

.alert{
    float: left;
    margin: 1em 0;
    width: 100%;
    font-size: 1.1em;
}

.alert ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* IMAGENES */

.imagen_mini img,
.imagen_show img{
    max-height: 3em;
    max-width: 3.5em;
    padding: 0 0.5em 0 0;
}

.imagen_grande{
    background-color: transparent;
    padding: 0.5em;
    text-align: center;
    margin: 0.5em 0.1em;
    display: none;
}

.imagen_grande img{
    width: 50%;
    padding: 0.2em;
    border: 1px solid #ccc;
}

@media screen and (max-width: 1280px){
    .imagen_mini img,
    .imagen_show img{
        max-width: 3em;
    }
    .imagen_grande img{
        width: 75%;
    }
}

@media screen and (max-width: 992px){
    .imagen_grande img{
        width: 100%;
    }
}

.boton_editar{
    font-style: normal;
    border: none;
    padding: 0.1em 0.5em;
    color: #fff;
    font-size: 1.2em;
    background-color: rgba(107,154,31,0.5);
    margin: 0 0 0.5em 0;
}

.boton_editar:hover{
    background-color: rgba(107,154,31,0.9);
}

.mover{
    cursor:ns-resize;
}

#ordenar_items,
#subir_items{
    display: none;
}

#edit_form label{
    margin: 0;
    font-weight: 300;
    border: 0;
    width: 50%;
}

input.multi_field{
    margin: 0 0.5em 0 0;

}

/* CROP */

#form_recortar{
    margin: 2em 0 0 0;
    padding: 0;
    text-align: center;
}

.cropper_container{
    width: 100%;
}

.cropper_container img{
    max-width: 100%;
}

.cropper-modal{
    background-color: #555;
    opacity: 0.3;
}

.rotate{
    cursor: pointer;
    font-size: 1.2em;
    margin: 0 0.5em;
}
/*
.paginador select{
    -moz-appearance: none;
    border: 0;
    border: 1px solid #ccc;
    background-color: rgba(240,240,240,0.1);
    font-size: 0.9em;
}
*/

/** SHOWROOM **/

.showroom {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    color: #fff;
    font-size: 1.3em;
    font-weight: 300;
    overflow-y: scroll;
    padding: 1em 0 2em 0;
}

.showroom img {
    margin: 0.5em auto;
    padding: 0 1em;
    text-align: center;
}

.showroom .carousel-inner>.item>img{
    height: 500px;
}


.close_showroom{
    font-size: 1.3em;
    margin: 1em 0 0 0;
    font-weight: 300;
    cursor: pointer;
}

.close_showroom:hover{
    font-weight: 300;
}

.showroom .carousel-control span{
    color: transparent;
}

.showroom .carousel-control.left{
    background-image: url("../img/panel/actions/arrow_left.svg");
    background-repeat: no-repeat;
    background-size: 30%;
    width: 20%;
    top: 40%;
    left: 5%;
    text-shadow: none;
}

.showroom .carousel-control.left:hover{
    background-image: url("../img/panel/actions/arrow_left.svg");

}

.showroom .carousel-control.right{
    background-image: url("../img/panel/actions/arrow_right.svg");
    background-repeat: no-repeat;
    background-size: 30%;
    width: 20%;
    top: 40%;
    right: -10%;
    text-shadow: none;
}

.showroom .carousel-indicators{
    position: relative;
    text-align: center;
    margin-top: 2em;

}

.showroom .carousel-indicators li{
    border: 1px solid #fff;
}

.showroom .carousel-indicators .active{
    border: 1px solid #fff;
}

.showroom .carousel-control.right:hover{
    background-image: url("../img/panel/actions/arrow_right.svg");

}

@media screen and (max-width: 768px){
    .showroom .carousel-control.left{
        display: none;
    }
    .showroom .carousel-control.right{
        display: none;
    }
    .showroom .carousel-inner>.item>img{
        width: 100%;
    }
}

/* REPOSITORY */

.edit_repo img{
    width: 1.3em;
    margin-right: 0.5em;
}

.subtitulo form{
    float: left;
}

.subtitulo input[type=submit]{
    font-size: 0.9em;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: rgb(80,80,80);
    padding: 0 0.5em;
    border: none;
    border-left: 1px solid #ddd;
    background: none;
}

.subtitulo input[type=submit]:hover{
    color: rgb(210,200,20);
    cursor: pointer;
}

/* PIE */

footer{
    padding: 1em 0;
    text-align: center;
}

footer div{
    border-top: 1px solid #ddd;
    margin: 2em 0 0 0;
}

/* Bootstrap Selects */

.bootstrap-select .btn{
    font-size: 1em;
    padding: 0.2em 1em 0 0.2em;
    line-height: 1.6em;
    border-radius: 0;
    border: 1px solid #ccc;
    color: #000;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select .btn:active,
.bootstrap-select .btn:focus
.btn-default.active, 
.btn-default:active,
.btn-default:hover,
.btn-default:focus,
.open>.dropdown-toggle.btn-default{
    background: none;
}

.bootstrap-select ul li{
    padding: 0;
}

/* For iOS */
input[type=text],
input[type=password],
input[type=checkbox],
input[type=submit],
textarea{
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group{
    margin: 0 0 0.5em 0;
}

.btn{
    font-weight: 300;
    font-size: 1em;
    padding: 0.2em 0.3em;
    border-radius:0;
}