body{

background-color:#607D8B;

/*background-image: url(../images/fondo2.png);*/

background-repeat: repeat;   

}



.portada{

background-image: url(../images/portada.png);

background-position: top center;

background-repeat: repeat-x;

height: 780px;    

}



.login_ini{

padding-top: 20px;    

margin-top:100px;

background-color: #fff;

opacity: 0.8;

border-radius: 10px;    

}

.superior{

background-color: #fff;

margin: 0px;

padding: 5px 0px; 

border-radius: 0px 0px 55px 0px;    

}

.superior h1{

/*margin: 0px 10px;*/

text-align: center;

color: #3498DB;    

}

.parrafo{

margin: 15px 10px;

}



/* index2 */



.superior2{

background-color: #fff;

margin: 0px;

padding: 0px; 

}

.logo{

    float:left;

 max-width: 50%;

    height: auto;

    width: auto\5; /* ie8 */

}

.titulo{

    float: right;

 max-width: 40%;

    height: auto;

    width: auto\5; /* ie8 */

}



.lateral{

width: 100%;

    display: block;

}

.lateral:hover{

/*background-color: #3498DB; */

/*color:#fff;    */

}

/* tabs*/

#tabs{

min-height: 600px;

}

#tabs ul li{

display: inline;

}

#tabs ul li:hover{

/*background-color: #3498DB; */

color:#fff;         

}

#tabs ul li a{

margin: 5px 0px;    

padding: 5px;   

/*background-color: #fff;*/

border-radius: 5px 5px 0px 0px;    

text-decoration: none;

}

#tabs ul li a:hover{

/*background-color: #3498DB;     */

/*color:#fff;   */

}



#tabs2 ul li{

display: inline;

    width:100%;

}

#tabs2 ul li a{

display: inline;

    width:100%;

}



#tabs2 .span3 ul li{

display:flex;

margin: 5px 0px;

background: transparent;    

/*padding: 35px 10px 10px 5px;

background-color: #fff;

border-radius: 5px;    

text-decoration: none;

    text-align: center;*/

  /*height:60px;*/



}

#tabs2 .span3 ul li:hover{

       

}



#tabs2 .span3 ul li a{

/*background-color: transparent;*/

font-size: 1.3em;   

margin-top:0px;  

width: 100%;



padding: 15px 10px;    

background-color: #fff;

border: 1px solid #3498DB;    

border-radius: 5px;

box-shadow: 2px 2px 0px 0px #3498DB;    

text-decoration: none;

    text-align: center;

   



}

#tabs2 .span3 ul li a:hover{

background-color: #3498DB; 

color:#fff; 

border: 1px solid #fff;       

}



#tabsante{

min-height: 600px;

}

#tabsante ul li{

display: inline;

}

#tabsante ul li:hover{

/*background-color: #3498DB; */

color:#fff;         

}

#tabsante ul li a{

margin: 5px 0px;    

padding: 5px;   

background-color: transparent !important;

border-radius: 5px 5px 0px 0px;    

text-decoration: none;

}

#tabsante ul li a:hover{

/*background-color: #3498DB;     */

/*color:#fff;   */

}



/*lateral2*/

.lateral2{

width: 100%;

height:100px;

margin: 1px 0px;

    border: 2px solid #fff;

background-color: #3498DB; 

color:#fff;

border-radius: 5px;    

}

.lateral2:hover{

opacity: 0.8;    

}

/*formularios*/

.etiquetas{

	background-color:#324cdd;

	color:#fff;

	padding-top:20px;

	text-align:center;

}

.etiquetasimg{

	max-width:100%;

}

.etiquetas2{

	background-color:#324cdd;

	color:#fff;

	padding:15px;

	text-align:center;

}

.etiquetas3{

	background-color:#324cdd;  

	color:#fff;

	padding:5px 15px;

	text-align:center;

}

/* --escala desarrollo -- */

.escala_header{background-color:#324cdd;color:#fff;font-weight:bold;}

.escala_header:hover{background-color:#BBDEFB;color:#324cdd;}

}

/* --- customisations for ParameterZ --- */

.cnmc .calculator input

{

width: 5em;

}

.calculator

{

margin: 1em 0.5em;

padding: 2em 0em;

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 13px;

border-top:1px dotted #cccccc;

border-bottom:1px dotted #cccccc;

}

.calculator table

{

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 13px;

border-collapse: collapse;

}

input

{

width:8em;

}

input.borderline

{

outline: none;

border-style: none;

border: 0;

background-color: #FFBE5C;

text-align: center;

}

input.mild

{

outline: none;

border-style: none;

border: 0;

background-color: #FFA929;

text-align: center;

}

input.moderate

{

outline: none;

border-style: none;

border: 0;

background-color: #FF4D4D;

text-align: center;

}

input.severe

{

background-color: #FF3333;

font-weight: bold;

text-align: center;

outline: none;

border-style: none;

border: 0;

}

input.normal

{

background-color: #B8D3FF;

text-align: center;

border-style: none;

border: 0;

outline: none;

}

input.results

{

border-style: none;

outline: none;

text-align: center;

color: #000;

background-color: #FFFFFF;

}

div.info

{

overflow: auto;

text-align: left;

background-color: #FFCCCC;

padding-left: 1em;

}

.label

{

text-align: right;

padding-right:0.2em;

}

.button

{

width: 98%;

}

td.borderline

{

background-color: #FFBE5C;

text-align: center;

}

td.mild

{

background-color: #FFA929;

text-align: center;

}

td.moderate

{

background-color: #FF4D4D;

text-align: center;

}

td.severe

{

background-color: #FF3333;

font-weight: bold;

text-align: center;

}

td.normal

{

background-color: #B8D3FF;

text-align: center;

}

td:hover

{

/*background-color: #F2F2F2;*/

cursor:pointer;

}

td.results

{

text-align: center;

}

/* switch */

/* The switch - the box around the slider */

.switch {

  position: relative;

  display: inline-block;

  width: 60px;

  height: 34px;

  margin-bottom:0px;

}



/* 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: 26px;

  width: 26px;

  left: 4px;

  bottom: 4px;

  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(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}



/* Rounded sliders */

.slider.round {

  border-radius: 34px;

}



.slider.round:before {

  border-radius: 50%;

}

/* autocomplete */

.ui-autocomplete {

    max-height: 360px;

    overflow-y: auto;   /* prevent horizontal scrollbar */

    overflow-x: hidden; /* add padding to account for vertical scrollbar */

    z-index:10000 !important;

}



.invisible2{display:none;}

.mostrar2{display:block;}



.custom-radio .custom-control-input:checked~.custom-control-indicator {

    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);

}

.custom-control-input:active~.custom-control-indicator {

    color: #fff;

    background-color: #8fcafe;

}

.custom-control-input:checked~.custom-control-indicator {

    color: #fff;

    background-color: #0275d8;

}

custom-radio .custom-control-indicator {

    border-radius: 50%;

}

.custom-control-indicator {

    position: absolute;

    top: .25rem;

    left: 0;

    display: block;

    width: 1rem;

    height: 1rem;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-color: #ddd;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: 50% 50%;

    background-size: 50% 50%;

}

.btn-tema{

	background-color:#8BC34A;

	color:#fff;

}

.btn-tema:hover{

	background-color:#9CCC65;

}

.sidebar {
  padding-right:0px !important;
  padding-left:0px !important;
  background-color:#007bff;
}

.sidebar .btn-sidebar {
  min-height:80px;
  padding:18px 0px;
  border-bottom:1px dashed #fff;
}

.sidebar .btn-sidebar:hover {
  border-radius: 0px;
  border-bottom:1px dashed #fff;
}

.sidebar .btn-sidebar i {
  display:block;
  font-size:32px;
}