body {
  color: #5e5e5e;
  /*background-color: #FFF;*/
}

.fondo--login--inicial {
    background: url(../images/imagen_fondo_logo.png) !important;
    background-size: cover !important;
    width: 100%;
}

a {
  color: #bb162b;
}

a.desactivado {
  color: #666;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, #btn-create:hover, #btn-create:active, #btn-create:focus {
  background-color: #666;
  border-color: #666;
}

.btn-primary.disabled, .btn-primary[disabled], #btn-create.disabled, #btn-create[disabled] {
  background-color: #666;
  border-color: #666;
}

/*
a.btn-primary {
  margin-left: 25px;
  margin-top: 5px;
  margin-bottom: 10px;
}
*/

.wrapper {
  padding: 0px;
  min-height: 100%;
  box-sizing: border-box;
}

.wrapper > header > nav {
  padding: 0px 60px 0px 160px;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 5px solid #bb162b;
  box-shadow: 0 0 5px rgba(0,0,0,1);
    /*background: url(../images/kia_logo.png) 60px center no-repeat;*/
  background-color: #bb162b;
}

.form-4 {
  clear: both;
  padding-left: 0px;
  padding-right: 0px;
}

.barra-volver {
  margin-bottom: 10px;
}

.navbar {
  background-color: transparent;
  background: transparent;
  border-color: transparent;
  margin-bottom: 0px;
}

nav > a {
  color: #5e5e5e;
  margin-right: 20px;
}


nav > a.right {
  float: right;
  color: #bb162b;
}

nav > a.right em {
  margin-left: 10px;
}

nav > a:hover {
  text-decoration: none;
  color: #bb162b;
}

.numero-notificaciones {
  color: #FFF;
  background-color: #bb162b;
  padding: 2px 6px;
  font-size: 12px;
  position: relative;
  top: -10px;
  border-radius: 10px;
}

a.desactivado .numero-notificaciones {
  background-color: #666;
}

.wrapper > footer {
  padding: 14px;
  color: #FFF;
  text-align: center;
  background-color: #03A9F4;
  clear: both;
  position: relative;
  bottom: 0;
  width: 100%;
}

.wrapper > section {
  margin-left: 0;
  min-height: 0;
  padding-left: 60px;
  padding-top: 0px;
}

.main-content {
  padding: 6px 60px 12px;
  margin-top: 100px;
}

.btn-primary {
  background-color: #bb162b;
}

.row, .col-sm-6 {
  clear: both;
}

.pagination > .active > a {
  background-color: #bb162b;
  border-color: #bb162b;
}

.pagination > .active > a:hover, .pagination > .active > a:active, .pagination > .active > a:focus {
  background-color: #666;
  border-color: #666;
}

.alert {
  margin-top: 10px;
  margin-bottom: 10px;
}

#fecha_desde, #fecha_hasta, #fecha_alta_desde, #fecha_alta_hasta, #fecha_validacion_desde, #fecha_validacion_hasta {
  cursor: pointer;
}

.fa {
  padding: 0 10px;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
  line-height: 26px;
  vertical-align: bottom;
}
.nav select{
  line-height: 26px;
  vertical-align: bottom;
  margin-top: 20px;
    margin-bottom: 20px;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}

td > .fa{
  color: #9e1b2c;
  width: 75px;
}
.warning .fa {
  cursor: auto;
  line-height: 20px;
  vertical-align: baseline;
}

.mensaje-documento-subido, .mensaje-documento-subido .fa {
  color: #00a000;
  font-weight: bold;
}

.btn-documento {
  clear: both;
  margin-bottom: 10px;
}

#aviso-rechazado {
  background-color: #9e1b2c;
  clear: both;
  border-radius: 10px;
  color: #fff;
  margin-left: 20px;
}

#aviso-rechazado .warning, #aviso-rechazado .fa {
  color: #fff;
}

.col-sm-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.btn {
  font-weight: bold;
}

.seccion_datos {
  margin-bottom: 20px;
}

#logout {
  float: right;
}

#titulo-login {
  font-size: 20px;
  padding-top: 10px;
}

.btn-left {
  float: left;
}

.btn-right {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  background-color: #bb162b;
}

.main-content h3 {
  float: left;
  margin-top: 0px;
  margin-bottom: 20px;
  color: #bb162b;
  line-height: 38px;
  font-weight: bold;
}

.main-content h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: 3px solid #bb162b;
  line-height: 28px;
}

.tipo_servicio h4 {
  margin: 2px;
  border: 2px solid #bb162b;
  width: 50px;
  text-align: center;
  margin: 2px;
  border-radius: 15px;
  padding: 5px;
}

.tipo_servicio{
  padding:2px;
  margin: 2px;
}

.datos-cliente, .servicios-cliente {
  clear: both;
}

.datos-cliente h4 {
  margin-bottom: 10px;
  border-bottom: 2px solid #bb162b;
  width: 150px;
}

.servicios-cliente{
  border: 2px solid #bb162b;
  padding: auto;
  margin: 5px;
  width: 90%;
  border-radius: 15px;
}

.datos-cliente span, .servicios-cliente span {
  font-weight: bold;
}

.datos-cliente #btn-create, .servicios-cliente #btn-create {
  float: none;
  margin-left: 0px;
  margin-right: 10px;
}

.seccion_datos{
  margin-top: 25px;
}

.buttons{
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center;
}

.buttons a {
  margin-left: 10px;
}

.aviso {
  font-size: 16px;
}

.negrita {
  font-weight: bold;
}

.warning {
  color: #bb162b;
  line-height: 38px;
}

#ficha-cliente-datos table {
  margin: 10px 0;
}

#ficha-cliente-datos #botones {
  padding-left: 20px;
}

#ficha-cliente-eventos {
  margin-top: 36px;
}

#ficha-cliente-eventos h4 {
  margin-bottom: 16px;
}

#ficha-cliente-eventos .panel {
  clear: both;
}
/* cellspacing */
/* table { border-collapse: separate; } */


/* valign */
/* th, td { vertical-align: top; } */


tr td a {
  display: block;
}

tr {
  margin: 1px 0;
}

td {
  padding: 4px 20px;
  border-top: 2px solid #FFF;
}

tr.verde {
  background-color: #8BC34A;
}

tr.rojo {
  background-color: #F44336;
}

tr.amarillo {
  background-color: #FFEB3B;
}

.table-hover > tbody > tr:hover {
  cursor: pointer;
  background-color: #DCDCDC;
}

input[type="checkbox"] {
  margin-right: 10px;
  float: left;
  width: 16px;
  height: 16px;
}

label {
  display: block;
}

#wrapper-imagenes {
  display: none;
  margin-bottom: 16px;
}

#borrar-imagen {
  position: relative;
  top: 16px;
  left: 234px;
  display: block;
  z-index: 2;
  cursor: pointer;
}

#vista-imagen {
  display: block;
  max-width: 250px;
  position: relative;
  z-index: 1;
}

 .menu-filtro-clientes {
  clear: both;
  margin-bottom: 20px;
 }

.menu-style{
  background-color: #bb162b;
  height: 5px !important;
}
/*
select.datatable_input_col_search {
  color: #b7bac9;
}
*/

select.placeholder, option.placeholder {
  color: #b7bac9;
}

#datatable2_wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
}
/*
#datatable2_wrapper label{
  max-width: none;
}


#datatableClientes_wrapper {
  overflow-x: auto;
  overflow-y: hidden;

}

#datatableClientes_wrapper label{
  max-width: none;
}

#datatable2_filter {
    display: none;
}
*/

a:hover, a:focus, a:active{
  color: #666;
}

a:hover .numero-notificaciones, a:focus .numero-notificaciones, a:active .numero-notificaciones{
  background-color: #666;
}

#date-label-from, #date-label-to{
  font-weight: bold;
  font-size: 22px
}

.form-control-feedback{
  top: 11px !important;
}

.float-left{
  float: left;
  position: relative;
}

.clear-float {
  clear: both;
}

.logo-header{
  height: auto;
  width: auto;
  margin-top: 2px;
}

.navbar-toggle{
  margin-top: 7px;
}

.header-position{
  margin-top: -5px;
}

@media (max-width: 1200px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .main-content{
    padding: 5px;
  }
  .navbar-nav>li{
    float: left;
    width: 50%;
  }
  .ui-datepicker-trigger{
    width: auto;
    height: auto;
  }

  .logo-header{
    margin-left: 25px;
  }
}

@media (max-width: 600px) {
  .wrapper > header {
    padding: 20px 60px 4px 44px;
    background: none;
  }
  .navbar-nav>li{
    float: none;
    width: 100%;
  }

  .logo-header{
    margin-left: 0;
  }
}


.ui-sortable-helper {
  border: 2px solid rgba(187, 22, 43, 0.5);
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #ffffff;
}
span.numeros {
    color: #ffffff;
    border-radius: 45px;
    background: #bb162b;
    font-size: 14px;
    border: 10px solid #bb162b;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bolder;
}

td.sorting_1 span.numeros {
    color: #ffffff;
    border-radius: 45px;
    background: #bb162b;
    font-size: 19px;
    border: 10px solid #bb162b;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bolder;
}

td.alinear--botones--tabla {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-left: 35px;
margin-right: 35px;
}

.numeros-icono-n{
  background: url(https://tv.fuelindata.com/images/icono.png);
  width: 45px !important;
  display: flex;
  background-repeat: no-repeat;
  background-size: 40px 39px;
  height: 44px;
  margin-left: 20px;
}
/* Formularios */

label span.required{color:#d14; float:left;}
span.required{color:#d14; float: left;}
label {float: left;}

.from-group {display: inline-block;}
.row{
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.csstransforms3d .aside-toggled .wrapper > section {
    margin-left: 0px !important;
}

/*COLOR*/

.success{color: #27ae60;}


td > img {
  width: 100px;
}


/*Timeline editar Flexbox*/

/*.galeriaEditar {
  display: flex;
}*/

/* Maquetacion FUEL.TV */


/******* PANTALLA PRINCIPAL ********/

.zona--principal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
}

.titulo--principal {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
}

.subtitulo--principal {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.zona--principal--pantalla {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 33.33%;
      margin:10px 10px 10px 10px;
}

.zona--principal--cuadrado {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 10px 10px 10px 10px;
      padding: 23px 23px 23px 23px;
      justify-content: center;
      background: #ffffff;
    /*  border:2px solid rgba(5,5,5,0.1);*/
      box-shadow:2px 2px 2px rgba(5,5,5,0.2);
}

.main-content h3 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.zona--principal--enlace {
  display: flex;
  align-items: center;
  justify-content: center;
}

img.zona--principal--imagen {
    width: 40%;
}


.subtitulo--principal {
  font-size: 26px;
}

.main-content h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pie--pagina {
  position: absolute;
  width: 100%;
  height: 40px;
}

footer.pie--pagina {
  position: absolute;
  width: 93%;
  top: 114%;
  height: 40px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

em.fa.fa-minus-square {
    color: rgba(187, 22, 43,0.7);
}

.zona--principal--imagen--cuadro{
  /*border:2px solid red;
  width: 100px;*/
}

.zona--principal--imagen--cuadro {
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.zona--principal--imagen--dentro {
    /*width: 50%;*/
    height: auto;
}

/********* HEADER / CABECERA ************/

.container-fluid {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*
.container-fluid {
    display: flex;
    width: 80% !important;
    align-items: flex-start;
    justify-content: flex-start;
    border: 2px solid green;
}
*/

nav.navbar.navbar-default.navbar-fixed-top {
    padding: 0px 60px 0px 160px;
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 5px solid #bb162b;
    box-shadow: 0 0 5px rgba(0,0,0,1);
    /*background: url(../images/kia_logo.png) 60px center no-repeat;*/
    background-color: #bb162b;
    display: flex;
    border: 0px solid white;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* Color Acento: #bb162b */

select#selectInfocars {
    border: none;
    background: #bb162b;
    color: white;
    border-bottom: 1px solid #ffffff;
}

select#selectInfocars select {
  background: transparent;
  width:100%;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  cursor:pointer;
  overlay:

  font-size: 15px;
  font-style:italic;
  line-height:19px;
  color:#887e70;
}


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

.panel-body.text-center {
    width: 25%;
    border-left: 1px solid rgba(5,5,5,0.1);
    border-right: 1px solid rgba(5,5,5,0.1);
}

.panel-body.text-center.estados {
  width: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.panel-body.text-center.estados h3 {
  color: #ffffff;
}

.panel-footer {
    padding: 0px 0px;
    display: flex;
}


h3.zona--principal--titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    padding-top: 20px;
}

.panel-body.text-center.estados {
    width: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: white;
    flex-direction: row-reverse;
}

.panel-body.text-center.estados h3.mt {
    color: #5e5e5e !important;
    font-size: 24px;
}

.panel-body.text-center.estados:hover {

}


.panel-body.text-center.estados:hover > h3{
    color: #bb162b !important;
    cursor:pointer;
}

.bg-white {
  background: #ffffff
}

footer.pie--pagina {
    position: fixed;
    width: 100%;
    top: 96%;
    left: 0px;
    height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 2px solid #bb162b;
    background: #bb162b;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}


a#btn-create {
    border-radius: 30px;
}

h3.zona--principal--titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    padding-top: 20px;
    width: 100%;
    height: 80px;
}

button.zona--principal--botones {
  color: #bb162b;
  border:none;
  border-radius: 30px;
}

button.zona--principal--botones:hover {
  background: #666;
  color: #ffffff;
}

.panel-body.text-center.estados h3.mt {
    font-size: 20px;
}

.zona--principal--botones .fa {
  color: #5e5e5e;
}

.zona--principal--botones .fa:hover {
  color: #bb162b;
}

.zona--principal--botones .btn-primary {
  background-color: #ffffff;
}

/* ********* CITAS *************/

.btn-right {
    float: right;
    border-radius: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
    /*background-color: #ffffff;
    color: #bb162b;*/
  }

.row.especial {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

/* Elemento BUSCAR de la vista CITAS */
div#datatable4_filter {
    position: absolute;
    width: 70%;
    height: auto;
    left: 30%;
    top: -45px;
}

 .estilo--boton {
   padding: 10px;
   border-radius: 30px;
 }


.panel {
  margin-top: 70px;
}

h1 {
  margin: 0;
  font-weight: normal;
}

time.icon {
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 4em;
  height: 4em;
  background-color: #fff;
  margin: 0.1em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon * {
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}


time.icon em {
  position: absolute;
  bottom: 0.3em;
  color: #bb162b;
}

time.icon span {
    width: 100%;
    font-size: 2em;
    letter-spacing: -0.05em;
    padding-top: 0.8em;
    color: #2f2f2f;
}


time.icon strong {
    position: absolute;
    top: 0;
    padding: 0em 0;
    color: #fff;
    background-color: #bb162b;
    border-bottom: 1px dashed #bb162b;
    box-shadow: 0 2px 0 #bb162b;
    text-overflow: ellipsis;  /* Hace que el texto tenga 3 ... con clip corta sin mostrar 3 puntos */
}


.col-lg-6.lista {
    display: flex;
    justify-content: flex-start;
    width: 80%;
    margin-left: 11%;
}

section#util-timeline {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px 10px 10px 10px;
}


.input--duracion {
  width: 33%;
}


.btn-right {
    background-color: #2c3037;
}

.panel-body.text-center.estados h3.mt {
    font-size: 20px;
    cursor: initial;
}


h1.encabezado--titulo {
    font-size: 3.5rem;
    margin: 10px 10px 10px 10px;
    color: #ffffff;
    font-family: family, Arial, Verdana, Helvetica;
}
/*Cambio family*/

img.encabezado--marca {
    width: 90%;
}

ul.nav.navbar-nav.navbar-left.ordenar--encabezado {
    display: flex;
    justify-content: center;
    align-items: center;
}


ul.nav.navbar-nav.navbar-left.ordenar--encabezado li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
}

.wrapper > header > nav {
     padding: 0px 0px 0px 0px;
}

nav.navbar.navbar-default.navbar-fixed-top{
  padding: 0px 0px 0px 0px;
}

.ordenar--encabezado--bloque2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar .nav > li:hover {
    position: relative;
    display: block;
    background: #434953;
}

.sidebar .nav > li:active {
    background:#434953;
}

.panel-default > .panel-heading {
    color: #616262;
    background-color: transparent;
    border-color: transparent;
}

/* Ventana modal de FEEDS en Configuracion pantalla */
div#infocarsFeeds_feedsCollection {
    /*display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin: 10px 10px 10px 10px;*/
}

div#infocarsFeeds_feedsCollection label {
  /*margin-bottom: 20px;
  border-bottom: 2px solid rgba(5,5,5,0.1);*/
}


.titulo--login {
  display: flex;
  align-items: center;
  justify-content: center;
}

h1.titulo--login {
  text-decoration: none;
}

ul.nav.navbar-nav.navbar-left.ordenar--encabezado li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    margin: 10px 10px 10px 10px;
}

footer.pie--pagina {
    position: fixed;
    width: 100%;
    top: 92%;
    left: 0px;
    height: 8%;
}

.panel {
    margin-bottom: 75px;
}

button.close {
    margin-left: 10px;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 39px;
    width: 24px;
}

/*li.separador--select {
    padding-left: 20%;
    border: 2px solid yellow;
    padding-right: 30%;
}

li.separador--logo {
    padding-left: 1%;
    padding-right: 4%;
}

img.encabezado--marca {
    width: 90%;
    height: 80%;
}*/





.panel.panel-default.zona--principal--pantalla {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}


li.separador--especial div {
    width: 380px;
}

span#separador--lineal {
    width: 25rem;
}

@media (max-width: 1900px){
   span#separador--lineal {
      width: 25rem;
  }

    .separador--especial{
    width: 300px;
  }

}

a.dropdown-toggle {
    width: 20rem;
}

@media (max-width: 1630px) {
  span#separador--lineal {
      width: 30rem;
  }

  .separador--especial{
    width: 275px;
  }
}

@media (max-width: 1560px) {
  span#separador--lineal {
      width: 27rem;
  }

  .separador--especial{
    width: 265px;
  }
}

@media (max-width: 1520px) {
  span#separador--lineal {
      width: 22rem;
  }

  .separador--especial{
    width: 240px;
  }
}


@media (max-width: 1460px) {
  span#separador--lineal {
      width: 15rem;
  }

  .separador--especial{
    width: 200px;
  }

}

@media (max-width: 1334px) {
  span#separador--lineal {
      width: 10rem;
  }

  .separador--especial{
    width: 180px;
  }

@media (max-width: 1265px) {
  span#separador--lineal {
      width: 8rem;
  }

  .separador--especial{
    width: 155px;
  }

}

}

.zona--principal--imagen--cuadro {
    margin-left: 0px !important;
}


.container-fluid {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
}


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

  h1.encabezado--titulo {
    font-size: 3.5rem;
    margin: 0px 0px 0px 0px;
  }

  .navbar-toggle {
      margin-top: 20px;
  }

  li.separador--especial {
      width: 20px;
  }

  .panel-body {
    padding: 5px 5px 5px 5px;
  }
}

@media (max-width:1000px and min-width:1000px){

  .navbar-nav>li {
     float: left;
     width: 15%;
   }

.navbar-nav>li {
    float: right;
    width: 10%;
    margin-left: -125px;
    margin-right: 77px;
}

ul.nav.navbar-nav.navbar-left.ordenar--encabezado {
  justify-content: flex-start;
  align-items: center;
}

}

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

  span#separador--lineal {
      width: 5rem;
  }

  .separador--especial{
    width: 50px;
  }

}


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

  span#separador--lineal {
      width: 1rem;
  }

  img.encabezado--marca {
    width: 80px;
    /* height: 80%; */
    margin-left: -25px;
}

h1.encabezado--titulo {
    font-size: 3.5rem;
    margin: 0px 0px 0px 0px;
    margin-left: -30px;
}

.collapse.in {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
}

  .separador--especial{
    width: 5px;
  }

  .panel-body {
    padding: 5px 5px 5px 5px;
  }

  .panel-body.text-center.estados h3.mt{
    font-size: 16px;
  }

  .panel-wrapper.collapse.in {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
  }

}

@media only screen and (max-width:860px){
  ul.nav.navbar-nav.navbar-right {
    margin-left: -20px;
  }

  select#selectInfocars {
    width: 250px;
}

}

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

  select#selectInfocars {
  margin-left: -30px;
  width: 250px;
  }

ul.nav.navbar-nav.navbar-right {
    margin-left: -20px;
}

    .csstransforms3d .aside-toggled .wrapper > section{
      margin-left: 0px !important;
      -webkit-transform: translate3d(0px, 0, 0) !important;
      transform: translate3d(0px, 0, 0) !important;
      -webkit-transition: all 0.0s ease !important;
      -o-transition: all 0.0s ease !important;
      transition: all 0.0s ease !important;
    }

  .wrapper > section {
    margin-left: 0;
    min-height: 0;
    padding-left: 0px;
    padding-top: 0px;
}

}

/* Tamaño de la caja del login a esa resolución*/
@media (min-width: 1200px){
  .col-lg-3 {
    width: 40%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1482px) {
  .col-lg-3 {
    width: 45%;
  }

  td {
      padding: 5px 5px 5px 5px;
      border-top: 2px solid #FFF;
  }
}

@media only screen and (min-width: 1483px) and (max-width: 1800px) {
  .col-lg-3 {
    width: 33%;
  }
}

@media only screen and (min-width: 1800px) {
  .col-lg-3 {
    width: 30%;
  }
}


/* Separación del subtitulo del login con los bordes*/
h3.titulo--login {
    padding: 5px 5px 5px 5px;
}


/* Boton de cerrar la ayuda */
button.boton--cerrar--grande {
    flex-wrap: wrap;
    border: 2px solid white;
    position: absolute;
    left: 95%;
    background: transparent;
    border-radius: 40px;
    font-size: 20px;
    padding: 5px 12px 5px 12px;
}

/* Cambiar el estilo del boton de cerrar al pasar por encima */
button.boton--cerrar--grande:hover {
  background: #666;
  color:#ffffff;
  border: 2px solid #666;
}

/* Separar el icono de PEDIR AYUDA*/
button.zona--principal--botones {
    margin: 10px;
}

/* Párrafo de cada entrada de cada vista */
.parrafo--entrada {
    font-size: 14px;
    margin: 10px 0px 10px 0px;
}


/* Centrar textos de las tablas */
th.sorting_disabled {
    text-align: center;
}

th.sorting_asc {
    text-align: center;
}

th.sorting {
    text-align: center;
}

tbody#sortable {
    text-align: center;
}

.alinear--botones--tabla {
   /* text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;*/
}

/* Mensaje alerta de guardar timeline */
div#message_save {
    width: 60%;
}

/* Cursiva de la paginación del data.tables */
div#table_timeline_info {
    font-style: italic;
}


/* Caja gris de fondo en la zona del timeline parte contenidos */
.proba {
    background: rgba(5,5,5,0.1);
}

/* Tamaño del texto de los contenidos de la parte derecha del timeline */
.listado li.titulo {
    font-size: 1.3rem;
}

.proba {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


div#datatable4_filter {
    position: absolute;
    width: 70%;
    height: auto;
    left: 30%;
    top: -57px;
}


/* Cambios de colores en los datepicker de fechas */


.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #bb162b !important;
    box-shadow: #f6504d 0 1px 3px 0 inset !important;
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #666 !important;
    box-shadow: none !important;
}


td.xdsoft_date.xdsoft_day_of_week2.xdsoft_date.xdsoft_current.xdsoft_today {
  background: #bb162b !important;
  box-shadow: #f6504d 0 1px 3px 0 inset !important;
  color: #fff;
}

td.xdsoft_date.xdsoft_day_of_week2.xdsoft_date.xdsoft_current.xdsoft_today:hover {
  color: #fff !important;
  background: #666 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #bb162b !important;
    box-shadow: none !important;
}

ul.nav.navbar-nav.navbar-left.ordenar--encabezado {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
}

td.dataTables_empty section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 320px;
}

td.dataTables_empty section p{
  font-size: 16px;
  margin: 10px 0px 10px 0px;
}

em.fa.fa-cloud-upload {
    font-size: 200px;
    padding: 10px 10px 10px 10px;
    color: #bb162b;
    margin: 80px;
}

.panel {
    margin-top: 50px;
}



/* Modificar el Drag and drop */

input.input--duracion{
    border: 1px solid transparent;
}

input#desde {
    border: 1px solid transparent;
}

input#hasta {
    border: 1px solid transparent;
}

.listado li.titulo {
    font-size: 1.3rem;
    font-weight: 800;
}


.imagen--svg image {
    position: relative;
    width: 100%;
}

.imagen--svg {
    margin-left: -70px;
    margin-right: -350px;
}



input#hasta {
    width: 77%;
}

li.desde {
    margin-right: 0px !important;
}


.panel {
    margin-top: 80px;
}



/* Pantalla CONFIGURACION FUELTV */
.especial--boton--frontal:hover {
  background:#666;
}

.btn-right:hover > .especial--boton--frontal {
   background:#666;
}

.especial--boton--frontal {
  background:#2c3037;
  line-height: 21px;
}



/* Estilos configuracion principal */

.submain--content--configuracion {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
}

.h1--especial {
      /*margin-top:0px;*/
}

section#ficha-infocars-feeds {
    width: 50%;
}

section#ficha-cliente-datos {
    width: 50%;
}


@media only screen and (min-width: 1200px) and (max-width: 1280px) {
    .h1--especial {
      /*margin-top: -1%;*/
  }

  section#ficha-cliente-datos {
    height: 616px !important;
  }

}



.lista--elementos--principal {
  text-decoration: none;
  list-style: none;
  font-size:24px;
}


section#ficha-cliente-datos {
    height: 512px !important;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    /*background-color: rgba(246, 80, 77, 0.55);*/
    color: #ffffff;
    background: transparent !important;
}


td.data--diferente {
    display: flex;
    align-items: center;
    justify-content: center;

}


.citas--elemento--hora {
  margin: 15px 0 10px;
    font-size: 18px;
    font-weight: bolder;
    border: 1px solid rgba(44, 48, 55, 0.5);
    box-shadow: 2px 2px 2px rgba(44, 48, 55, 0.5);
    border-radius: 5px;
    padding: 4px 4px 4px 4px;
    background:#ffffff;
}

/* Color para el icono de logout del header */
.otro--color {
  color:#666;
}

.navbar-right {
  margin-right: 30px !important;
}


.ul_vacia{
  height: 250px;
}

.csstransforms3d .aside-toggled .wrapper > section {
    margin-left: 50px;
}

li.desde {
    /*margin-right: 30px !important;*/
    width:auto;
}

li.hasta {
    /*margin-right: 30px !important;*/
    width:auto;
}

ul#playlist {
    display: flex;
    flex-direction: column;
    margin-left: 0px !important;
}

@media only screen and (max-width: 1600px) and (min-width: 1200px){

  ul#playlist {
      display: flex;
      flex-direction: column;
      margin-left: 0px !important;
  }
}


.botones--listado--reproduccion {
  display: flex;
  justify-content: center;
  align-items:center;
}


li.ui-sortable-handle.otra {
  width: 100%;
}

.fecha--inicio {
  margin-left:3px;
}

.fecha--fin {
  margin-left: 12px;
}

li.jsrecorrer.otra.ui-sortable-handle {
    width: 90%;
    margin-left: 70px;
}


.h1--especial {
    /*margin-top: -1%;*/
}

section#ficha-cliente-datos {
    height: 724px !important;
}


.form-group.editar--modal--timeline--bloque {
    margin-bottom: 15px;
    margin: 10px 10px 10px 10px;
}

.panel-body.editar--modal--timeline {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel-body.editar--modal--timeline {
    padding: 0px;
    margin-left: -10px;
}

.grupo--checks--contenidos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}

.grupo--fecha--contenidos {
    display: flex;
    justify-content: center;
    align-items: center;

}

.grupo--fecha--contenidos--item {
  margin: 10px 10px 10px 10px;
}

.grupo--checks--contenidos {
    flex-direction: column;
}


.grupo--checks--contenidos--item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 140px;
    margin-right: -10px;
}

.grupo--checks--contenidos--item input {
    margin-right: 10px;
    margin-top: -6px;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 20px;
}

.grupo--checks--contenidos--parte {
    display: flex;
    align-items: center;
    justify-content: center;
}


.submain--content--configuracion {
  align-items: flex-start;
  justify-content: flex-start;
}



section.agrupar--bloques--citas.citas--uno {
    display: flex;
        justify-content: flex-start;
    align-items: center;
}

section.agrupar--bloques--citas.citas--dos {
    display: flex;
        justify-content: flex-start;
    align-items: center;
}

section.agrupar--bloques--citas.citas--tres {
    display: flex;
        justify-content: flex-start;
    align-items: center;
}


section.agrupar--bloques--citas.citas--cuatro {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
}

.agrupar--bloques--citas.citas--uno form{
  display: flex;
  justify-content: flex-start;
  align-items: center;

}


.agrupar--bloques--citas.citas--uno .form-group {
    margin-bottom: 15px;
    margin-left: 10px;
    width: 240px;
}


.agrupar--bloques--citas.citas--dos .form-group {
    margin-bottom: 15px;
    margin-left: 10px;
    width: 240px;
}

.agrupar--bloques--citas.citas--tres .form-group {
    margin-bottom: 15px;
    margin-left: 10px;
    width: 240px;
}

.agrupar--bloques--citas.citas--cuatro .form-group {
    margin-bottom: 15px;
    margin-left: 10px;
    width: 240px;
}

input#citas_modelo {
    width: 240px;
}

select#citas_infocars {
    width: 240px;
}

select#citas_recepcionistas {
    width: 100%;
}

input#citas_fechaCita {
    width: 240px;
}

input#citas_marca {
    width: 240px;
}


div#imagen {
    margin: 0px;
}

div#video_url {
    margin-left: 0px;
}

.zona--principal--imagen--cuadro {
    margin-left: -40px;
}

div#imagen .form-group ul li {
    color: #bb162b;
    font-weight: bolder;
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
}

#fecha_desde, #fecha_hasta, #fecha_alta_desde, #fecha_alta_hasta, #fecha_validacion_desde, #fecha_validacion_hasta {
    cursor: pointer;
    width: 90px;
    margin-left: -10px;
}

div#datatable4_filter {
    position: absolute;
    width: 70%;
    height: auto;
    left: 30%;
    top: -65px;
}


.lista--elementos--principal li{
  text-align: center;
}


/* Editar Citas */

section.modal--citas--editar--simple {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
}


input#citas_matricula {
    width: 240px;
}

section.modal--citas--editar--doble {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-left: 0px;
}

.panel-body.modal--citas--editar {
    padding: 0px 0px 0px 0px !important;
}

.modal--citas--editar--doble input#citas_fechaCita {
    width: 236px;
    margin-left: 15px;
}

.panel-body.modal--citas--editar {
    padding-left: 15px;
    padding-right: 75px;
    margin-left: 10px;
}

.modal--citas--editar--doble input#citas_marca {
    width: 250px;
}

.modal--citas--editar--doble input#citas_matricula {
    width: 250px;
}

.modal--citas--editar--simple input#citas_cliente {
    width: 545px !important;
}

.modal--citas--editar--doble input#citas_fechaCita {
    width: 262px;
    margin-left: 20px;
}

.modal--citas--editar--doble input#citas_marca {
    width: 280px;
    margin-left: -10px;
}

.form-group.bloque--fechaCita {
    margin-left: 8px;
}

.form-group.bloque--marca label {
    margin-left: -6px;
}

.form-group.bloque--marca {
    margin-left: -10px;
}

.form-group.bloque--recepcionista {
    width: 55%;
    margin-right: 11px;
}

.modal--citas--editar--doble input#citas_fechaCita {
    width: 280px;
    margin-left: 0px;
    margin-right: -26px;
}

.modal--citas--editar--doble input#citas_marca {
    width: 280px;
    margin-left: -7px;
}

.modal--citas--editar--doble input#citas_matricula {
    width: 240px;
}


td .btn-right {
  float:right;
}

button#btn-delete-timeline {
    margin-left: 10px;
    margin-right: 10px;
}


section#ficha-infocars-citas {
    margin-left: 30px;
}

section#ficha-infocars-timeline{
  margin-left: 30px;
}

section.submain--content--configuracion {
    margin-left: 30px;
}

section#ficha-infocars-citas .panel {
    margin-top: 0px !important;
}

section#ficha-infocars-timeline .panel{
  margin-top: 60px !important;
}

ul.lista--elementos--principal {
    padding: 0px 0px 0px 0px;
}

ul.nav.navbar-nav.navbar-right {
    display: flex;
    justify-content: flex-end !important;
    float: none!important;
    position: relative !important;
    align-items: flex-end !important;
}

a.dropdown-toggle {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

a.dropdown-toggle {
    margin-left: 14rem;
    text-align: center;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: rgba(246, 80, 77, 0.55);
    color: #ffffff;
    margin-right: -24px;
}

a.btn.btn-default.zona--principal--botones {
    background: #2c3037;
    color: #ffffff;
    border-radius: 24px;
    border-color: transparent;
}

a.btn.btn-default.zona--principal--botones:hover {
    border-radius: 24px;
    background: #666;
    border-color: transparent;

}

#ficha-infocars-timeline div#table_timeline_info {
    display: none;
}


section.submain--content--configuracion {
    margin-left: 20px !important;
}

section.recepcionistas--contenido--bloques {
    margin-left: 40px;
}

.fondo--login--inicial .col-lg-3.col-md-6.col-sm-8.col-xs-12.align-middle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.fondo--login--inicial .panel.panel-default.panel-flat.anim-running.anim-done {
    width: 35%;
    margin-top: 7% !important;
    margin-bottom: 7% !important;
}

.pie--texto--login {
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  color: #ffffff;
    top: 80px;
    position: relative;
}

section.bloque--seccion--arrastrar--contenidos {
  margin-left: 140px;
}

/* Botones Modales - Cambio de Formato */
.boton--modal--guardar:hover {
    background: #666;
}

.boton--modal--guardar {
    border-radius: 24px;
    background: #2c3037;
}

.boton--modal--blanco {
    background:#ffffff;
    border-radius:24px;
    color: #666;
}

.boton--modal--blanco:hover {
    background:#e6e6e6;
    border-radius:24px;
    color: #666;
}

.boton--modal--blanco:active{
    background: #2c3037;
    color: #666;
}


.boton--modal--blanco:focus{
    background: #e6e6e6;
    color: #666;
}

/* Nueva Ventana Modal - Seleccion de imagen/video */

section.bloque--contenido--botones {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Color de los iconos de la ventana modal nueva imagen/video */

.icono--modal {
    color: #ffffff !important;
}

/* Alinear mensajes modales */
.alert.alert-success.alert-dismissable {
    margin-left: 130px;
}

.organizar--botones--modales {
    display: flex;
    justify-content: center;
    align-items: center;
}


.panel.panel-default.zona--principal--pantalla {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-flow: row !important;
    flex-wrap: wrap;
    width: 30%;
    margin-bottom: -50px;
}


.zona--principal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}

.csstransforms3d .aside-toggled .wrapper > section {
    margin-left: 50px;
    margin-bottom: 70px !important;
}

.alert.alert-success.alert-dismissable {
    margin-left: 44px;
    width: 96%;
}

.loader--grafico {
    width: 130% !important;
}

input#contenidos_url {
    width: 567px !important;
}



/* Hacer que el formulario de la ventana modal se muestre en 2 columnas  */

.grupo--checks--contenidos {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
}

.grupo--checks--contenidos section {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 20px;
    flex-wrap: wrap;
    width: 40%;
    flex-flow: row;
}

/* Al meter un section se consigue agrupar por dos columnas. */

section.bloque--iconos--avanzados {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Quitar el color y margen blanco en el draggable de Añadir nuevo contenido */

.ui-draggable-dragging {
    border: 2px solid transparent;
    margin-top: -10px !important;
    background: transparent !important;
}


/* Correción del panel de feeds */

.panel.panel-default.tabla--feeds {
    margin-top: 25px;
    margin-bottom: 10px;
}

ul.nav.navbar-nav.navbar-left.ordenar--encabezado li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    margin: 10px 5px 10px 5px;
}


.form-group.grupo--checks--feeds section{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 20px;
    flex-wrap: wrap;
    width: 100%;
    flex-flow: row;
}

span.alinear--botones--tabla img {
    margin-right: 5px;
}

span.alinear--botones--tabla img:first-child {
    width: 19%;
    padding-left: 0px;
    margin-right: 9px;
    margin-top: 0px;
}

span.alinear--botones--tabla {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Para elementos caducados */
.caducado {
    background: rgba(5,5,5,0.1) !important;
}

/* Tamaño unico de los botones */
button#btn-edit-timeline {
    height: 44px;
}

.caducado {
    background: rgba(5,5,5,0.1) !important;
    opacity: 0.5 !important;
}

.invertir {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#marcarTodoVideo {
    margin-left: 10px;
}

input#marcarTodoImagen {
    margin-left: 10px;
}

body {
    color: #5e5e5e;
    background-color: #f4f4f4;
}

/* ESTILOS DEL FONDO SOLO PANTALLA PRINCIPAL  */
/*
.csstransforms3d .aside-toggled .wrapper > section {
      background: url(../images/fondo_tv.png);
      background-size: cover;
      margin-bottom: 0px !important;
      margin-top: 80px;
      background-repeat: no-repeat;
      background-position: bottom;
  }*/



time.icon {
    width: 5em !important;
    height: 4.5em !important;
}

td.sorting_1 span.numeros {
    color: #ffffff;
    border-radius: 45px;
    background: #bb162b;
    font-size: 16.2px;
    border: 10px solid #bb162b;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bolder;
}

.form-group.grupo--fecha--contenidos--item {
    width: 100%;
}
.csstransforms3d .aside-toggled .wrapper > section {
margin-left: 50px;
margin-bottom: 0px !important;
}



span.alinear--botones--tabla {
    margin-top: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

span.alinear--botones--tabla img {
    margin-right: 3px !important;
    width: 120px !important;
    margin-top: 15px;
}

#sortable > tr:nth-child(6) > td.alinear--botones--tabla > span > img:nth-child(1) {
    width: 15% !important;
    margin-top: 14px !important;
}


#sortable > tr > td.alinear--botones--tabla > span > img:nth-child(1) {
    width: 27px !important;
    margin-top: 12px !important;
    margin-top: -30px !important;
    position: absolute;
}

#playlist > li > ul > span > img:nth-child(1) {
    width: 30px !important;
    margin-top: 10px !important;
}

span.alinear--botones--tabla {
    margin-top: 0px !important;
}

span.fa.fa-plus {
    font-size: 16px;
    padding: 0px;
}

a#btn-create {
    padding-top: 6px;
}

span.fa.fa-plus {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: -4px;
}



span.linea--vertical {
    height: 50px;
    border: 1px solid #ffffff;
    margin: 30px;
    box-shadow: 0px 0px 10px rgba(255,255,255,0.5);
}

.container-fluid {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 70px;
    width: 100%;
}

div#bs-example-navbar-collapse-1 {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.navbar-nav {
    float: left;
    margin: 0;
   /* margin-left: 460px;*/
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    margin-left: 0px;
}

.navbar-header {
    margin-left: 30px !important;
}

nav.navbar.navbar-default {
    position: fixed;
    z-index: 999 !important;
    width: 2020px;
    height: 70px;
    border: none !important;
    border-radius: 0px !important;
}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: rgba(246, 80, 77, 0.55);
    color: #ffffff;
    margin-right: 0px !important;
}

.navbar-header {
    margin-left: 90px !important;
}

div#bs-example-navbar-collapse-1 {
    width: 73%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}


.navbar-nav {
    float: left;
    margin: 0;
    /*margin-left: 385px;*/
}


body > section > header > nav > div > div.navbar-header > a:nth-child(1) {
    text-decoration: none !important;
}


.citas--elemento--hora {
    margin: 15px 0 10px;
    font-size: 18px;
    font-weight: bolder;
    border: 1px solid rgba(44, 48, 55, 0.5);
    box-shadow: 2px 2px 2px rgba(44, 48, 55, 0.5);
    border-radius: 5px;
    padding: 4px 4px 4px 4px;
    background: #ffffff;
    width: 27%;
    margin-left: 0%;
}


/* VISTA USUARIOS */

.table > tbody > tr > td {
    vertical-align: middle;
    text-align: center;
    background: transparent;
}

/*#datatable2 > thead > tr > th.sorting_asc {
    display: none;
}*/

#datatable2 > tbody > tr > td.ocultar {
    display: none;
}

#datatable2_wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
}


/* Estilos formulario CREAR USUARIO */

#myModal-new-user > div > div > div.modal-body > form {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.modal-body {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    width: 100%;
}


#myModal-new-user > div > div > div.modal-body > form > div {
    width: 260px;
    margin-left: 10px;
    margin-right: 10px;
}

#myModal-new-user > div > div > div.modal-body > form > div.modal-footer {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
}


nav.navbar.navbar-default {
    width: 100% !important;
}

section.bloque--seccion--arrastrar--contenidos {
    margin-left: 40px !important;
}

.modal-footer {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
}

.modal-body {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
}

form {
    width: 100%;
}

button.close {
    margin-left: 10px;
    color: #bb162b;
    border: 2px solid #ffffff;
    border-radius: 39px;
    width: 24px;
}

#datatable2 > tbody > tr > td:nth-child(5) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 95%;
}

#datatable2 > tbody > tr > td:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

#datatable2 > tbody > tr > td:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
}

div#checkUser {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

#datatable2 > tbody > tr > td:nth-child(5) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 85%;
    height: 84px;
}

#myModal-Editar > div > div > div.modal-body > form > div:nth-child(4) {
    display: flex;
    align-items: start;
    justify-content: flex-start;
    flex-direction: column;
}

div#checkUserEdit {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
}


/* ESTILOS BOTONES TODOS EN GENERAL  */

.btn-right {
    float: right;
    border-radius: 30px;
    margin-top: 7px;
    margin-bottom: 10px;
    margin-left: 15px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.citas--elemento--hora {
    margin: 15px 0 10px;
    font-size: 18px;
    font-weight: bolder;
    border: 1px solid rgba(44, 48, 55, 0.5);
    box-shadow: 2px 2px 2px rgba(44, 48, 55, 0.5);
    border-radius: 5px;
    padding: 4px 4px 4px 4px;
    background: #ffffff;
    width: 32%;
    margin-left: 0%;
}

#myModal-new-user > div > div > div.modal-body > form > div:nth-child(6) {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}


/* CORREGIR ESTILOS DE AL PULSAR EL BOTON SE MUEVE LA VENTANA */

/*.panel-body {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 0px !important;
    margin-right: 0px !important;
}

FIN MOVIDA */

/* CORREGIR ESTILOS */

input#desde {
    padding-right: 0px;
    width: 100px !important;
}

input#hasta {
    width: 100px !important;
}

#playlist > li > ul > span > img:nth-child(1) {
    width: 30px !important;
    margin-top: 0px !important;
    position: absolute !important;
    margin-left: -3px !important;
}

th.sorting_desc {
    text-align: center;
}

li.duracion {
    padding-right: 5px;
    font-size: 12px;
    margin-left: -10px;
    margin-right: -10px;
}

li.duracion {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 210px !important;
}

.listado li.titulo {
    font-size: 1.3rem;
    font-weight: 800;
    width: 60%;
    margin: 5px 5px 5px 5px;
}

.input--duracion {
    width: 50px !important;
}
li.desde {
    width: 70% !important;
}

.wrapper {
    padding: 0px;
    min-height: 100%;
    box-sizing: border-box;
    background: #eef0f4;
}

#bs-example-navbar-collapse-1 > ul.nav.navbar-nav.navbar-right > li.dropdown.open > ul > li:nth-child(5) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#datatable2 > tbody > tr > td:nth-child(3) {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 80%;
    height: 60px;
    text-align: center;
}


td.dataTables_empty section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 320px;
    background: transparent !important;
}

#datatable4 > tbody > tr > td:hover {
    background: #fafbfc !important;
}