/* estilos comunes a todos los proyectos */

@import url("../css/font-awesome.min.css");
@import url("../css/bootstrap.min.css");
@import url("../css/select2.min.css");
@import url("../css/bootstrap-tagsinput.css");
@import url("../css/star-rating.min.css");
@import url("../css/formulario.css");

@import url("../css/jquery.dataTables.min.css");
@import url("../css/jquery.dataTables.responsive.css");

@import url("../css/sweet-alert.min.css");

/*
@import url("../lib/fullcalendar/lib/cupertino/jquery-ui.min.css");
@import url("../lib/fullcalendar/fullcalendar.css");
@import url("../css/fileinput.min.css");
*/

@import url("../css/jasny-bootstrap.min.css");

.bootstrap-growl{
  text-align: left;
}
/* Loading Spinner */
.spinner{margin:0;width:70px;height:18px;margin:-35px 0 0 -9px;position:absolute;top:50%;left:50%;text-align:center}.spinner > div{width:18px;height:18px;background-color:#5bc0de;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}

/* en pruebas */
#en_pruebas{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 201; /* por encima del footer, por debajo del swal */
    margin: 0 0 -20px 0;
    border-radius: 0;
}

#contenido_seccion{
  margin-bottom: 100px;
}


.nav-tabs{
  border-bottom: 0;
}


#spinner_pantalla{
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 20000;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
}

.clickable:hover{
  cursor: pointer;
}



/* shaker */
.agitar{
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}


/* fileinput */

.fileinput .eliminar_imagen{
  padding: 9px 20px;
}

.fileinput .thumbnail,
.fileinput-new.thumbnail{
    width: 320px;
    height: auto;
    margin: 10px 0;
    text-align: left;
    max-height: 200px;
}

.fileinput .thumbnail>img{
  max-height: -webkit-fill-available;
  max-height: -moz-available;

}


/* no encontrado */
.texto_no_encontrado{
  margin-top: 60px;
}


/* proyecto */
.fondo_principal,
.modal-footer button,
#menu li.selected,
#menu li:hover,
.nav-tabs a.active{
  background: #1b9b12;
  color: #fff !important;
}

#menu li a{
  color: #333;
}

a{
  color: #1b9b12;
}

#menu li a:hover{
  text-decoration: none;
}

.fondo_secundario,
.btn:hover{
  background: #616161 !important;
  color: #fff !important;
}

.fondo_blanco{
  background: #fff;
}

.fondo_gris{
  background: #eee;
}


.fondo_login{
  padding-top: 0;
  background: #fafafa; /* se puede poner una imagen si se quiere */
}


.logged-in{
  background: #fff !important;
}

/* fin proyecto */








/* general */
html, body {
  height: 100%;
}

body, h1, h2, h3,h4,h5,h6, label, input, textarea{
   /* cambiar aquí tipo de letra */
}

body{
  padding-top: 70px; /* para acomodar barra superior */
  margin-bottom: 120px; /* para acomodar footer */
}

.resp{
  position: relative;
  padding: 20px 0;
}

div.alert i.fa{
  float: left;
  display: block;
  height: 50px;
  font-size: 28px;
  margin: 0px 15px 15px 0;
}

div.alert a.close{
  margin: -8px -5px 0 0;
}

div.boton_anadir{
  margin: -60px 0 0 0;
}

#titulo_seccion{
    margin: 30px 0 20px 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 5px 0px;
}


table td.acciones{
  text-align: center;
}


/* fin general */




/* barra superior, footer */
#barra_superior,
#footer{
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
  background: #000;
  height: 44px;
  z-index: 200;
  display: none;
}

#barra_superior img.logo{
  max-height: 30px;
}

#barra_superior #btn_menu{
  margin: 3px 5px 0 5px;
  float: left;
  clear: none;
}

#barra_superior button{
  padding: 6px 9px !important;
  outline: none;
  background: #000 !important;
  color: #fff !important;
}

#barra_superior button:hover{
  background: #fff !important;
  color: #000 !important;
  cursor: pointer;
}

.btn{
  margin-left: 1px;
}

#footer{
  bottom: 0;
  display: block;
  top: auto;
}

#footer p{
  color: #fff;
  font-size: 12px;
  padding-top: 12px;
}

#footer p a{
  color: #fff;
}

#menu{

  display: none;
    left: 0;
    width: 200px;
    z-index: 3000;
    height: 100%;
    background: #fafafa;
    top: 45px;
    box-shadow: 2px 2px 5px #ccc;
    position: fixed;
  padding-top: 10px;
}

#menu ul{
  margin: 0;
  padding: 0;
  background: #fff;
}

#menu li{
  list-style: none;
  padding: 5px;
  background: #fafafa;
  margin: 1px 0;
}

#menu li.selected a{
  color: #fff;
}

#menu li.selected a:hover{
  color: #fff;
}

#menu li a:hover{
  background: transparent !important;
}



#barra_superior .logo{
  margin: 8px 0 0 8px;
  float: left;
  clear: none;
}


#barra_superior .logout{
  float: right;
  clear: none;
  top: 5px;
  margin: 5px 5px 0 0;
}



#bienvenido{
  float: right;
    margin: 11px 3px 0 0;
    color: #fff;
    font-weight: normal;
}










/* login */
#seccion_login #form_login{
  max-width: 320px;
  margin: -70px auto 0 auto;
}

#seccion_login label{
  float: left;
  margin: 0;
  text-align: left;
}

#seccion_login #form_login{
  padding: 60px 20px;
  border: 1px solid #eee;
}

.logo_login{
  margin: -10px 0 40px 0;
  max-height: 50px;
}

#resp_login{
    position: absolute;
    padding: 20px 0;
    margin: -36px 0 0 0;
  width: 100%;
}

.caja{
  padding: 20px;
  border: 3px solid #f7f7f7;
}

#login-form{
  position: relative;
}




/* end login */




/* configuración */
#resp_traducciones{
  border: 1px solid #ccc;
  margin-bottom: 5px;
  border-top: 1px solid #fff;
}

#resp_traducciones table,
#resp_traducciones input{
  width: 100%; 
}

#resp_traducciones #botones_traduccion{
  margin: 0 0 10px 0;
  padding: 5px 0px 0 0;
  text-align: right;
}









/* helper classes */
.vertical-center {
  min-height: 100%; 
  min-height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-box-align : center;
  -webkit-align-items : center;
  -moz-box-align : center;
  -ms-flex-align : center;
  align-items : center;
  width: 100%;
  -webkit-box-pack : center;
  -moz-box-pack : center;
  -ms-flex-pack : center;
  -webkit-justify-content : center;
  justify-content : center;
}


.text_center{
  text-align: center;
}

.esquinas{
  border-radius: 4px;
}


.width100{
  width: 100%;
}

.pos-relative{
  position: relative;
}

.rotate90{
  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* end helper classes */




/* ajustes */
.btn-dark{
  color: #fff !important;
}

.sweet-overlay{
  opacity: 1 !important;
}

input[type="color"]{
  min-height: 40px;
}

.input-group{
  width: 100%;
}


.modal{
  width: 100%;
  margin: 0 auto;
}

.modal-body{
  padding: 30px;
  overflow-y: auto;
  max-height: 500px;
}

button{
  border: 0;
}

.dataTables_wrapper .dataTables_filter input{
  margin-left: 0;
}

div.form-group .select2-container{
  width: 100% !important;
}

.select2-container--default .select2-selection--single{
  height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 6px;
}

/*
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-control:focus {   
  border-color: rgba(231, 152, 200, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(231, 152, 200, 0.6);
  outline: 0 none;
}
*/

.bootstrap-tagsinput {
  border: 1px solid #eee;
  box-shadow: none;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.bootstrap-tagsinput .tag.label.label-info{
  background: #74429F !important;
  color: #fff;
  border: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice span{
  color: #fff;
}


.dataTables_length .select2{
  max-width: 50px;
  min-width: 50px;
  width: 50px;
}

.select2{
  min-width: 100px;
  width: 100% !important;
}

.btn{
  outline: 0;
}

.btn:hover{
  cursor: pointer;
}

/* fin ajustes */