#footer {
    border-top: 5px black solid;
}
#rectangulo-color {
    width:150px;
    height: 150px;

	
	
    
}
#rectangulo-base-img {
    width:150px;
    height: 150px;

    
}
#rectangulo-base-txt {
    width:150px;
    min-height:80px;
    
}
#colorantes_lst {
    padding-left: 5px;
}
tr.suma {
    border-top: 1px solid #e5e5e5;
}
.label-transparente {
    background: white;
    color:darkgrey;
}
.cflex {
    display: flex;
}
.cflex span:first-of-type {
    flex: 1;
}
#composicion-formula {
    min-height: 312px;
}
#footer22 img {
    height: 60px;
}

/**/

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

	td::before {
  	font-size: 12px;
  	padding-top: 5px;
  	text-align: left;
	}
}

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

           text-align: right !important;

	}
}

@media screen and (max-width: 959px) {
	.uk-table tbody tr:nth-child(2n+1) {
  		background-color: #dfe8f7 !important;
	}
}

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

	.uk-table tbody tr td.uk-text-center {

 text-align: right !important

	}

}

@media screen and (max-width: 959px) {
	.uk-table tbody tr:nth-child(2n+1) td {

  		border-bottom: 1px solid #ffffff;
	}
}

@media screen and (max-width: 959px) {
	.uk-table tbody tr:nth-child(2n+1) td:last-child {

	border-bottom: none !important;

	}
}


@media screen and (max-width: 959px) {
	.uk-table tbody tr:nth-child(2n) td:last-child {

	border-bottom: none !important;

	}
}



@media screen and (max-width: 959px) {
	.uk-table tbody tr:nth-child(2n) td {

  		border-bottom: 1px solid #dddddd;
	}
}
/* Narciso. Headings de la tabla de admin users responsive.*/
@media screen and (max-width: 959px) {
  table.uk-table-responsive td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
      margin-right: 10px;
      color: black;
  }
  table.uk-table-responsive td {
    color: #999;
  }
  table.uk-table-responsive td.uk-text-center {
    text-align: left !important;
  }
}

.noo-last-child>:last-child {
  margin-bottom:.5rem;
 }

/*XAVI 28/07/22*/

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');

@font-face {
  font-family: Kanit;
  src: url('https://fonts.googleapis.com/css2?family=Kanit');
  font-weight: 500;
  font-style: normal;
}

uk-card-body {
	
	
background: #F4F7FB !important;	
	
	
}

.uk-section {
	
  background: #dfe8f7;
}


.uk-background-muted, .uk-card-footer, #composicion-formula {

	
	
	background: rgba(244,247,251,1) !important;
	
	
}

.uk-box-shadow {
	
  box-shadow: 8px 8px 12px rgba(6,16,18,0.20);
  
}

.uk-card-header {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: #00008E !important;
}

.uk-card-footer {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
 .uk-card {
	 
	 
	border-radius: 15px !important;
	
	 
 }
 
 #composicion-formula {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

#rectangulo-base-img, #rectangulo-color {

  border-radius: 15px;
 
  
}
  
.uk-card-title {
	
  color: #eefcff !important;
  font-family: 'Kanit', sans-serif;
  font-size: 1.8rem;

}

#composicion-formula .uk-card-title {
	
  color: #0000af !important;
  font-family: 'Kanit', sans-serif;
  font-size: 1.8rem;
	
	
	
	
}

label, td, #colorante, #mililitros {
	
	  font-family: 'Kanit', sans-serif;
  font-size: 1rem !important;
	
	
}

#id_db, #version_db, #fecha_db {
	
font-size: 0.80rem !important;	
	
	
}


.cflex {

  font-family: 'Kanit', sans-serif;
  font-size: 1rem;
}



.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
}

.select2-selection__arrow {
  background: #00008E;
  
}


#icono-color-0 {
	
	content: url(../../imagenes/paleta-de-color-3.png);
	background: #C2D2EC;	
	border-radius: 15px;
		box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,.9); 
	text-align: center;  
	border: 1px solid #95AED4; 
	

 
}

#rectangulo-color {
	
  background-image: none;
}


#rectangulo-base-img {
  background-image: url(../../imagenes/producto0.jpg);
  
    border: 1px solid #95AED4; 
	box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,.9);  
	text-align: center;  
  
}


.select2-selection__clear {
  color: red;
  font-size: 1.2rem !important;
  padding-right: 4px !important;
}

#imagen-mezcla-color {
	
  content: url(../../imagenes/mezcla-de-color-2.png);
  border-radius: 15px;
  
    border: 1px solid #95AED4; 
  	background: #C2D2EC; 
	box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,.9); 
	text-align: center; 
  
}

#preciototal {
	

	font-size: 1.4rem !important;
	
	
}

#rectangulo-base-txt-span {
  font-family: 'Kanit', sans-serif;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: center;
  background: #C2D2EC;
  
}

#rectangulo-base-txt {
	
   background: #C2D2EC;	
   border-radius: 15px;
   
   
   border: 1px solid #95AED4;
	background: #C2D2EC; 
	box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(255,255,255,.9);
	text-align: center; 
   
   
}


#pb0::-moz-progress-bar {

    background-color: rgb(255,255,255);

}
.uk-progress::-moz-progress-bar {

    background-color: #1e87f0;
    transition: width .6s ease;

}
::selection {

    background: #39f;
    color: #fff;
    text-shadow: none;

}
elemento {

}
.uk-list > * > :last-child {

    margin-bottom: 0;

}
* + .uk-progress {

    margin-top: 20px;

}
.uk-progress {


    height: 32px;
	background-color: #f8f8f8;
	border: 3px solid #ffffff !important;
	
}


.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #C2D2EC;
  background: #F4F7FB;
  border-radius: 6px;
}

.select2-search.select2-search--dropdown, .select2-results__option.select2-results__message {
  background: rgba(194,210,236,0.3);
}

.select2-results__message {
	
	font-size: 14px;
	color: #00008E;
	
	
}

.uk-navbar-nav li a {
	
	font-family: 'Kanit', sans-serif;
	font-size: 1rem;
	
		
}

.uk-navbar-nav li a:hover {
	
	color: #0F7AE5;
	
		
}

.uk-section.uk-padding-remove .uk-align-right.uk-margin-small-right p {
	
	
	font-family: 'Kanit', sans-serif;
	background: #00008e;	
	color: #ffffff;
	padding: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	
	
}

.uk-navbar-dropdown {

  --uk-position-offset: 0px !important;
  	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
    
  }
  
 
 #color_comm {
  
  max-width: 181px;
  text-align: center;
  padding: 4px;
  border-radius: 8px;
  color: #F74E58;
  font-weight: bolder;
}

/*
#color_comm:before {
    content: url('../../imagenes/peligro.png');
	  display: inline-block; 
  height: 100%; 
  vertical-align: middle;
  margin-right: 6px;
	
	
}

*/	

#color_comm { 


  max-width: 200px !important;
    display: inline-block; 
  height: 100%; 
  vertical-align: middle;
	
	
}


* + .uk-progress {
  margin-top: 6px;
}

  @media (min-width: 1200px) {
.uk-card-body {
  padding: 20px 40px;
}

  }

.uk-table-small td, .uk-table-small th {
  padding: 4px 12px;
}

  @media (min-width: 960px) {
#caja-0 {
  padding-top: 0px;
  
}

  }
  
  
 /*BOTONES*/
 
 .btn,
.uk-button {
 margin:0;
 border:none;
 overflow:visible;
 font:inherit;
 color:inherit;
 text-transform:none;
 -webkit-appearance:none;
 border-radius:0;
 display:inline-block;
 box-sizing:border-box;
 padding:0 30px;
 vertical-align:middle;
 font-size:12px;
 line-height:48px;
 text-align:center;
 text-decoration:none;
 transition:.2s ease-in-out;
 transition-property:color,background-color,background-position,background-size,border-color,box-shadow;
 font-family: 'Kanit', sans-serif;
font-size: 1rem;
text-transform: uppercase;
 border-radius:14px;
 background-origin:border-box
}
.btn:not(.uk-button-text):not(.uk-button-link),
.uk-button:not(.uk-button-text):not(.uk-button-link) {
 background-position:50% 100%;
 background-size:0;
 transition-duration:.5s;
 transition-timing-function:cubic-bezier(0.165,0.85,0.45,1)
}
.btn:not(:disabled),
.uk-button:not(:disabled) {
 cursor:pointer
}
.btn::-moz-focus-inner,
.uk-button::-moz-focus-inner {
 border:0;
 padding:0
}
.btn:hover,
.uk-button:hover {
 text-decoration:none
}
.btn:hover:not(.uk-button-text):not(.uk-button-link),
.uk-button:hover:not(.uk-button-text):not(.uk-button-link) {
 background-size:15000%
}
.btn.uk-active:not(.uk-button-text):not(.uk-button-link),
.btn:active:not(.uk-button-text):not(.uk-button-link),
.uk-button.uk-active:not(.uk-button-text):not(.uk-button-link),
.uk-button:active:not(.uk-button-text):not(.uk-button-link) {
 transition-duration:0s
}
.btn,
.uk-button-default {
 background-color:#ecf0f5;
 color:#1e3876;
 background-image:radial-gradient(circle at 50% 100%,#e6ebf1 1%,transparent 1%)
}
.btn:hover,
.uk-button-default:hover {
 background-color:#e6ebf1;
 color:#1e3876;
 background-color:#ecf0f5
}
.btn.uk-active,
.btn:active,
.uk-button-default.uk-active,
.uk-button-default:active {
 background-color:#dfe6ed;
 color:#1e3876;
 background-image:none
}
.btn-info,
.btn-primary,
.uk-button-primary {
 background-color:#3479f0;
 color:#fff;
 background-image:radial-gradient(circle at 50% 100%,#2853b9 1%,transparent 1%)
}
.btn-info:hover,
.btn-primary:hover,
.uk-button-primary:hover {
 background-color:#2853b9;
 color:#fff;
 background-color:#3479f0
}
.btn-info.uk-active,
.btn-info:active,
.btn-primary.uk-active,
.btn-primary:active,
.uk-button-primary.uk-active,
.uk-button-primary:active {
 background-color:#244ba8;
 color:#fff;
 background-image:none
}
.btn-success,
.uk-button-secondary {
 background-color:#2853b9;
 color:#fff;
 background-image:radial-gradient(circle at 50% 100%,#4faae7 1%,transparent 1%)
}
.btn-success:hover,
.uk-button-secondary:hover {
 background-color:#3479f0;
 color:#fff;
 background-color:#2853b9
}
.btn-success.uk-active,
.btn-success:active,
.uk-button-secondary.uk-active,
.uk-button-secondary:active {
 background-color:#3da1e5;
 color:#fff;
 background-image:none
}

/**/

.letra-mini {
	
	font-size: 10px;
	
}

.azul            {
	
	
	color: #3479f0 !important;
	font-weight: bolder;
	
}

#editar-usuario, #editar-tarifa {	
	
	color: green;
	
}

#borrar-usuario, #borrar-tarifa {
	
     color: red;
	
}

#precios-tarifa {
	
     color: blue;
	
}

#selector-prod .uk-card-body {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}


#colorantes_lst li .cflex:nth-child(2n) < #pb0 {
	
	display: none
	
	
}

/**/

#cabecera-2, #cabecera-3 {
	
	color: #ffffff !important;
	font-size: 20px;
	
	
}

.uk-placeholder {

  border: 3px dashed #e5e5e5;
  border-radius: 15px;
  background: #fff;


}

#lila-light { 


background-color: #f4fcf4 !important;



}

#contenedor-gestion-db {
	
	max-width: 1100px;
	
	
}


.uk-form-custom { 
  font-size: 17px;
}

.uk-text-lead {

  font-size: 1.2rem !important;

}

#modal-restaurar-uni .uk-modal-dialog {
  border-radius: 15px;
}

#modal-restaurar-deco .uk-modal-dialog {
  border-radius: 15px;
}


@media (max-width: 800px) {
#margin-top-button {
	
  margin-top: 20px;
  margin-left: 16%;
  
}
	
}

.uk-container {
  max-width: 1280px;
}