/*
Ubicación del archivo:     css/estilos.css
Versión:1.0
Hoja de estilos
- login
- boton
- colores
- calendario
- combo box
Creado por: Boris Urrea
*/
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */
body {
    /*background-color: #ece8e5;*/
}
nav#tv{
    height: 100px;
    width: 100%;
    /*background: #455868;*/
    background: #fff;
    font-size: 14pt;
    font-family: 'PT Sans', Arial, sans-serif;
    font-weight: bold;
    /*position: relative;*/
    border-bottom: 2px solid #283744;
}
.headernav{
    width: 80% !important;
        margin-right: auto !important;
    margin-left: auto !important;
}
.headerul{
    width: 100% !important;
}
nav#tv ul {
    
    margin: 0 auto;
    height: 100px;
}
nav#tv li {
    padding: 0 15px 0 15px ;
    /*margin:*/
    display: block;
    width: auto;
    float: left;
    line-height: 40px;
}
.limenu3{
    padding: 0 15px 0 15px ;
    display: block;
    float: right;
    line-height: 100px;
}
.menu3 {
    color: #455868;
    display: block;
    /*float: left;*/
    /*width: 25%;*/
    width: 150px;
    text-align: center;
    text-decoration: none;
    height: 100px;
    line-height: 100px;
    /*text-shadow: 1px 1px 0px #283744;*/
}
nav#tv a {
    color: #455868;
    display: block;
    float: right;
    /*width: 25%;*/
    /*width: 100px;*/
    text-align: center;
    text-decoration: none;
    line-height: 100px;
    /*text-shadow: 1px 1px 0px #283744;*/
}
nav#tv li a {
    /*border-right: 1px solid #576979;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding-left: 10px;
    padding-right: 10px;
}
nav#tv li:last-child a {
    border-right: 0;
}
nav#tv a:hover, nav a:active {
    background-color: #43b9ea;
        text-decoration: none;
    color: #fff;
    line-height: 100px;

}
nav#tv a#pull {
    display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 800px) {
    nav#tv { 
        height: auto;
    }
    nav#tv ul {
        width: 100%;
        display: block;
        height: auto;
    }
    nav#tv li {
        width: 50%;
        /*float: left;*/
        position: relative;
    }
    nav#tv li a {
        border-bottom: 1px solid #576979;
        border-right: 1px solid #576979;
    }
    nav#tv a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }
    .limenu3{
    padding: 0 15px 0 15px ;
    display: block;
    float: right;
    line-height: 45px;
    }
    .menu3 {
        color: #455868;
        display: block;
        /*float: left;*/
        /*width: 25%;*/
        /*width: 100px;*/
        text-align: left;
        text-decoration: none;
        line-height: 40px;
        width: 150px;
        /*text-shadow: 1px 1px 0px #283744;*/
    }
}
.imagen-logo
{
    width:50%;
    height:50%;
    margin:50px auto;    
}
 *{margin:0;padding:0;}
a{
    text-underline: none;
}
.contiene{
    position: relative
    width: 100% !important;
     display: flex;
     text-align:center;
}
.calendar1-msg,.calendar2-msg{
    width:100%;
    height:30px;
    line-height:30px;
    color:#000;
    text-align: center;
    font-size:14px;
    display:block;
}
/*h1{
    width:100%;
    height:40px;
    line-height:40px;
    font-family: Arial;
    text-align: center;
    padding-top:50px;

}*/
h3{
    text-align: center;
    width:100%;
    margin:0 auto;
    color: #455868 !important; 
}
h4{
    width:100%;
    height:5px;
    line-height:15px;
    padding-bottom:10px;
    color: #455868 !important;
}

.btn{
    width:200px;
    height:40px;
    line-height:40px;
    text-align: center;
    border-radius:5px;
    background-color:#f00;
    text-decoration: none;
    color:#fff;
    font-size:14px;
    margin:0 auto;
    display: block;
    margin-bottom:30px;
}

#calendar {
    margin-top: 40px;
}
.calendario1{
    width: 45%; 
        margin:0 auto;
}
.calendario2{
    flex-grow: 1;
        margin:0 auto;
}
.event a {
    background-color: #42B373 !important;
    background-image :none !important;
    color: #ffffff !important;
}
@media only screen and (max-width: 780px) {
    .contiene{
        width:100% !important;
        margin:0 auto;
          display: inline;
    }
}

/*inicio css combobox*/
/*
.styled-select {
   background: url(../images/Fdown33.png) no-repeat 96% 0;
   height: 39px;
   overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
   width: 240px;
    margin: 0 auto;
}

.styled-select select {
   background: transparent;
    border-color:#43b9ea;
        border-style: solid;
    border-width: medium;
   font-size: 14px;
   height: 39px !important;
   padding: 5px; 
   width: 268px;
}*/


.semi-square {
   -webkit-border-radius: 18px;
   -moz-border-radius: 18px;
   border-radius: 18px;

}

/* -------------------- Colors: Background */
.blue    { 
    background-color: #fff; 
        }

/* -------------------- Colors: Text */
.blue select    { color: #455868; }

        /*fin css combobox*/
.fifty{
    width: 50%;
    padding: 15px 0 0 0;
}
#dashboardButton{
        background-color:rgb(74,189,172) !important;
    border-radius:1px !important;
    border:0px solid #000 !important;
    cursor:pointer !important;
    color:#fff !important;
    height: 40px !important;
    font-size:20px !important;
    padding:0px 37px !important;
}
#dashboardButton:hover {
    background-color:rgb(54, 150, 136) !important;
}
#dashboardButton:active {
    position:relative !important;
    top:1px !important;
}

.myButton {
    background-color:#43b9ea !important;
    border-radius:1px !important;
    border:0px solid #000 !important;
    cursor:pointer !important;
    color:#fff !important;
    height: 40px !important;
    font-size:20px !important;
    padding:0px 37px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
.myButton:hover {
    background-color:#455868 !important;
}
.myButton:active {
    position:relative !important;
    top:1px !important;
}
.selected-item{
    background-color:#455868 !important;
}
.selected-item a{
    color:white !important;
}
.BtnBorrar {
    background-color:#f00 !important;
    border-radius:1px !important;
    border:0px solid #000 !important;
    cursor:pointer !important;
    color:#fff !important;
    height: 40px !important;
    font-size:20px !important;
    padding:0px 37px !important;
}
.BtnBorrar:hover {
    background-color:#455868 !important;
}
.BtnBorrar:active {
    position:relative !important;
    top:1px !important;
}

footer {
	padding: 60px 0;
	background-color: #f8fafa;
}

#footer-info {
	width: 380px;
	float: left;
	margin-top: 10px;
}

#footer-links {
	width: 520px;
	float: right;
}

#footer-links ul {
	width: 150px;
	float: left;
	margin-left: 20px;
}

#footer-links ul li {
	margin: 10px 0;
}
.select2-dropdown.select2-dropdown--below{
    width: 248px !important;
}

.select2-container--default .select2-selection--single{
    padding:6px;
    height: 37px;
    width: 248px; 
    font-size: 1.2em;  
    position: relative;
         border-color:#43b9ea;
        border-style: solid;
    border-width: medium;
    line-height: 25px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: -khtml-gradient(linear, left top, left bottom, from(#43b9ea), to(#43b9ea));
    background-image: -moz-linear-gradient(top, #43b9ea, #43b9ea);
    background-image: -ms-linear-gradient(top, #43b9ea, #43b9ea);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43b9ea), color-stop(100%, #43b9ea));
    background-image: -webkit-linear-gradient(top, #43b9ea, #43b9ea);
    background-image: -o-linear-gradient(top, #43b9ea, #43b9ea);
    background-image: linear-gradient(#43b9ea, #43b9ea);
    width: 40px;
    color: #fff;
    font-size: 1.3em;
    padding: 4px 12px;
    height: 25px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
        line-height: 25px !important;


}
        
#mainnav
{
        border-bottom: 1px black solid;
     margin-top:50px;
}
#mainnav ul
{
        width: auto;
        height: auto;
}
#mainnav ul:first-child{
    margin-left: 100px;
}
    

section #content{
    margin-left: 8em;
    margin-right: 8em;
}

#chart_div{
    margin-left: auto;
    margin-right: auto;
    width: 550px;
}
#save-pdf
{
     width: 350px;
    margin-left: 200px;
    margin-top: 20px;
    margin-bottom: 100px;
}
#divgrafica{
    width: 100%;
}
.msn0{
    width: 50%;
    height: 150px;
}
.eight{
    width: 80%;
}
/*#mainnav li
{
        margin-left: 0px;
}*/