.margin-top-0{margin-top: 0;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.white{color:#fff;}
.red{color:red;}
.background-warning{background:#f39c12;color:#fff;}
.mayus{text-transform: uppercase;}
.separador10{height: 10px;clear:both;}
.separador20{height: 20px;clear:both;}
.separador40{height: 40px;clear:both;}
.separador50{height: 50px;clear:both;}
.negrita{font-weight: bold;}
.cursiva{font-style: italic;}
.texto-izquierda{text-align: left;}
.texto-centrado{text-align: center;}
.texto-derecha{text-align: right;}
.paddingt3{padding-top: 3px;}
.paddingt7{padding-top: 7px;}
.radius10{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.cabecera-ticket {
    margin: 10px;
    padding-bottom: 5px;
    font-size: 16px;
    border-bottom: 1px solid #D2D6DE;
}
.linea {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #D2D6DE;
    margin: 1em 0;
    padding: 0;
}
.cortar-frase{
  word-break: break-all;
}
.width5{width: 5%;}
.width10{width: 10%;}
.width15{width: 15%;}
.width20{width: 20%;}
.width25{width: 25%;}
.width30{width: 30%;}
.width40{width: 40%;}
.width45{width: 45%;}
.width50{width: 50%;}
.width60{width: 60%;}
.width70{width: 70%;}
.width75{width: 75%;}
.width80{width: 80%;}
.width90{width: 90%;}
.width100{width: 100%;}
.clickable{cursor: pointer;cursor: hand;}
.div-inline{display:inline-block;}
.checkbox, .radio {
  margin-top: 0px;
  margin-bottom: 0px;
}
.dropdown-menu {
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  border-color: #d2d6de;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #D9D9D9;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  border-top: 1px solid #D2D6DE;
}
td>.form-group {
  margin-bottom: 0px;
}
.table>thead>tr>th {
  border-bottom: 2px solid #D2D6DE;
}
.btn-default {
  background-color: #D9D9D9;
  border-color: #b7b7b7;
}
.borderless td, .borderless th {
  border: none !important;
}
.padding-5{padding: 5px;}
.padding-10{padding: 10px;}
.invoice{margin: 10px 15px;}
#filtros input, #filtros select{margin-bottom: 7px;}
#filtros button{margin-top: -7px;}
.msg-container{margin-bottom: 0px !important;}
@media(max-width: 992px){
  #select-idioma{margin-bottom: 7px;}
}
@media(max-width: 570px){
  button#volver, button#borrar, button#guardar, button#guardarv, button#guardarp{margin-bottom: 5px;}
}
.cabecera {
  margin: 10px;
  padding-bottom: 5px;
  font-size: 22px;
  border-bottom: 1px solid #D2D6DE;
}
.cuadro-info-xs{background: #D2D6DE;font-size: 14px;font-weight: bold; margin-bottom: 13px;padding: 4px 15px;border-radius:3px}
.form-group.has-error .select2-selection {
  border-color: #dd4b39;
  box-shadow: none;
}
select option:disabled {
  color: #bbb;
}

/**********************NUEVOS ESTILOS APPARENTIA****************/
/**********************MENU**********************/
@media(max-width: 1200px){
  .nav>li>a {
    padding: 15px 10px 15px 10px;
  }
}

/*****************LOGIN***************/
.login-box-body, .register-box-body{
  background: rgb(210, 214, 222);
}


.breadcrumb{
	margin-bottom: 0;
	font-size: 17px;
	background: #fff;
}

.skin-black .wrapper{background: #fff;}

.navbar-brand{padding-top: 5px;padding-bottom: 5px;}


/**********************VISTA PRODUCTO*****************/
/*.mostrando{
	margin-top: 20px;
}*/

#fecha{min-width: 170px !important;}

.form-group-sm select.form-control {
	width: 125px;
}

#ref{width: 80px;}
#pg{width: 55px;font-size: 15px;}

.paginador{font-size: 16px;}
.separador-paginador{margin-left: 7px;margin-right: 7px;}
.img-form-upload{height: 70px;}

.arrows {  
  display: inline-block;
  padding: 1px 5px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: move;
  background-color: #CECECE;
  border: 1px solid #C3C3C3;
  border-radius: 4px;
}

.arrows:hover{  
  background-color: #C3C3C3;
  border-color: #C1C1C1;  
}

.select-atributos {
  height: 500px !important;
  width: 100%;
  padding: 10px;
}

/************REGLAS CATALOGO******************/
.grupo-condiciones { cursor: pointer; cursor: hand; }

.grupo-condiciones-active { background-color: #A0A0A0; }

/*********PRELOADER**************/
.preloader {
  display:    none;
  position:   fixed;
  z-index:    1000;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background: rgba( 255, 255, 255, .8 ) 
              url('../img/ajax-loader.gif')
              50% 50% 
              no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
  overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
  display: block;
}

/*************************Upload Documentos*******************/
.upload-img {
  border: 1px dashed #14152d;
  border-radius: 5px;
  background: #e4e4e4;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.upload-img.dragover {
  background: #66afe9;
}

/**********************Errores validación********************/
#errorContainer {
  display: none;
  padding: 5px;
}

#errorContainer label {
  float: none;
  width: auto;
}

label.error {
  margin-bottom: 0;
}


/*******************Página de error****************/
.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }

/** Modal **/
.model-header, .modal-body {
  padding: 10px !important;
}
.modal {
  text-align: center;
  padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-header {
  padding: 10px;
}
.bootstrap-dialog .bootstrap-dialog-title {
  font-size: 14px;
}
.modal-header {
  border-bottom: 1px solid #d2d6de;
}






/** Mensajes internos imitacion a trello **/
#tablero {
  display: flex;
  justify-content: space-around;
  border: 1px solid #005c91;
  border-radius: 5px;
  background-color: #0079BF;
  padding: 10px;
  margin-right: 15px;
}

.lista {
  background-color: #E2E4E6;
  width: 400px;
  border-radius: 3px;
  padding: 10px;
  margin-right: 10px;
}


.comentarios-contenedor {
  overflow-y: auto;
  min-height: 300px;
  max-height: 300px;
}

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

.comentario {
  background-color: #FFFFFF;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 10px;
}

.nuevo-comentario {
  margin-top: 10px;
}

.nuevo-comentario input[type="text"] {
  width: 100%;
  padding: 5px;
  border: none;
  border-radius: 3px;
  margin-bottom: 5px;
}

.nuevo-comentario button {
  background-color: #e08e0b;
  color: #fff;
  border: none;
  border-radius: 3px;
  padding: 5px;
  cursor: pointer;
}

.nuevo-comentario button:hover {
  background-color: #f39c12;
}


.eliminar-comentario {
  background-color: #e08e0b;
  color: #fff;
  border: single;
  border-radius: 4px;
  border-color: #f39c12;  
  cursor: pointer;
  margin-right: 5px;
}

.eliminar-comentario:hover {
  background-color: #f39c12;
  border-color: #e08e0b;  
}


.editar-comentario {
  background-color: #e08e0b;
  color: #fff;
  border: single;
  border-radius: 4px;
  border-color: #f39c12;
  cursor: pointer;
  margin-right: 5px;
}

.editar-comentario:hover {
  background-color: #f39c12;
  border-color: #e08e0b;  
}