body {
  
  /*background:#D0E0E3;
  color: #333;*/
   font: normal 1.1rem "Roboto, Neue", sans-serif !important;
  color:#fff;
  background:#e3e4ea;
  /*#bbbcc0*/
}
h1{
font:Roboto Slab Bold;
color:#333;
font-size:2rem;

}

h2{font:Roboto Slab Bold;
color:#333;
font-size:1.25rem;
}
h3{font:Roboto Regular;
color:#198676;
font-size:1.5rem;
}
h4{font:Roboto Regular;
color:#198676;
font-size:1.25rem;
}
h5{font:Roboto Regular;
color:#198676;
font-size:1rem;
}
.caps1{
color:#333; 
font-family: "Roboto",Arial,Verdana, Helvetica, sans-serif;

}

.form-group{

font-family:"Roboto";

}

.nav.navbar-nav li.active a{
    background-color: #ff812c !important;
	
}
.dropdown-item{
color:#a3e4ff;
}
.dropdown-item.active{
background-color:#539ec1;
color:#fff;
}
.container{
padding-top:1rem;

}


.btn-info{ 
background-color:#c93808 !important;  
border:#872404 solid 0.2mm !important;
}
.btn-info:hover{
background-color:#f94104 !important;
}

.bg-info{
/*background-color:#325b70 !important;*/

background-color:#198676 !important;
}



.btn-vert{ 
background-color:#5C7349 !important;  
border:#2D3B22 solid 0.2mm !important;
}
.btn-vert:hover{
background-color:#64804D !important;
}

.bg-vert{
/*background-color:#325b70 !important;*/

background-color:#5C7349 !important;
}



.bg-primary{

background-color:#198676 !important;
}
/*btnes eines*/
.btn-secondary{ 
background-color:#83888e !important;  

}
.bg-secondary{ 
background-color:#3c7691 !important;  

}

.bg-success{
background-color:#ddc99d !important;

}

/*btnes guardar*/
.btn-success{
border:#a2a3aa solid 0.2mm !important;
background-color:#a89c83 !important;

}
.text-success{

color:#7FAC41 !important;

}

.btn-success:hover{
background-color:#d1c2a1 !important;

}
  .highlight {
		background-color:#f4efa8;
  }
#mensakamov{
display:none;

}
/* Style the links inside the navigation bar */


/* Add an active class to highlight the current page */
.active {
    /*background-color:#ABC9D3 !important;*/
    color: white;
	font-weight:bold;
	font-size:1.1rem;
}


.icon{
/*background-image:url(../img/btmovil.gif);*/

}





/*/////////////////CSS PROJECTES*/


.rectang{

	
width:70%;

}







	/*////////// css index y mas  ///////////////////////////*/
.lucombo2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.lucombo2::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.lucombo2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.lucombo2{
background:#fff repeat-x url(../img/sombra.png);
overflow:auto;
height:50%;



}









.btelim{
background-image:url(../img/eliminar.gif); background-repeat:no-repeat; width:40px; height:39px; background-color:transparent;border:none;cursor:pointer; color:#ffffff; font-family: Arial,Verdana, Helvetica, sans-serif; font-size:1rem; font-weight:bold;

}
#ull{cursor:pointer; color:#4B6378;
}




#checkan{
cursor:pointer;color:#3c7691;
}

#checkan:hover{
color:#198676;
}
#checkan:link,
#checkan:visited{color:#3c7691; }


#quity{
color:#ce4c14;cursor:pointer;
}

#quity:hover{
color:#ff0000;
}
#quity:link,
#quity:visited{color:#ce4c14; }




#salvo{
cursor:pointer; color:#3c7691 !important;

}
#salvo:hover{
color:#198676 !important;
}
#salvo:link{color:#3c7691 !important; }
#salvo:visited{color:#3c7691 !important; }




#pongo{
cursor:pointer; color:#3c7691 !important;

}


#pongo:hover{
color:#198676 !important;
}
#pongo:link{color:#3c7691 !important; }
#pongo:visited{color:#3c7691 !important; }

#borro:hover{
color:#1d6fba;
}
#borro:link,
#borro:visited{color:#baad21; }




/*ipad 1-2*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){


.lucombo2{
height:50%;
width:95%;
}
}
/*ipad retina*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { .styled-select {
  
   width: 150px;
   
}
.lucombo2{
background-color:#CC0000;
height:50%;
width:95%;
}


}

/*ipad 3-4*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { .styled-select {
  
   width: 150px;
   
}


}


/*iphone 5-8 samsung etc*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) 
and (orientation : landscape){ /* STYLES GO HERE */
.lucombo2{
height:110%;
width:95%;

}
.jconfirm-box{
width:auto;
height:auto;
font-size: 1.2rem !important; 
}
#mensaka{
display:none;


}

#mensakamov{
display:block;

}
.styled-select {
  
   width: 240px;
   
}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) 
and (orientation : portrait){ /* STYLES GO HERE */
.jconfirm-box{
width:auto;
height:auto;
font-size: 1.2rem !important; 
}
#mensaka{
display:none;

}
#mensakamov{
display:block;

}
.styled-select {
  
   width: 240px;
   
}
.rectang{
width:50%; 
}


}

/*////////////////////////////7SWITCH TOOGLE*/

.switch {
vertical-align:middle;

  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 0px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



/*/////////////////////// CUSTOM JQUERY-CONFIRM//////////////////*/

.jconfirm-box{
width:150%;
height:auto;
font-size: 1.2rem !important; 
}


.jconfirm .jconfirm-box div.jconfirm-title-c {
  font-family: Montserrat,Verdana,Arial,sans-serif !important; 
  font-size: 1.3rem !important;
  line-height: 40px;
  
 
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
font-family: Montserrat,Verdana,Arial,sans-serif !important; 
  text-align: center;
 
  font-size: 1.2rem !important; 
  color: #333;
  margin-bottom: 25px;
}
    div.jconfirm-content-pane {}
	    div.jconfirm-closeIcon {}
	
	    div.jconfirm-title-c {
		height:4.5rem !important;
    }
	



	
	/*//////////////////////////////////////*/