body{
 font-family: "century gothic" !important;
 font-size: 15px !important
}


.btn-floating.btn-large{
  height: 39.5px !important;width: 39.5px !important
}

.btn-floating.btn-large i{
  line-height: 40.5px !important
}

.botom_ingresar{
   background-color: #F9902F !important
}

nav .nav-wrapper{
   background-color: #F9902F !important;  
}


.cabecera{
  width: 100%;
  height: 12%;
  background-color: #F9902F
}

.footer-dl{
    bottom: 0 !important;
    left: 0 !important;
    padding: 7px !important;
    position: fixed !important;
    width: 100% !important;
    height: 8%
}

.page-footer {
	border-top: 3px solid #ed1650 !important;
    background-color: #222!important 
}


.contenedor{
	margin-top: 6% !important;
}

.modulo li b{
  float: left;
  font-size: 19px !important;
  margin-bottom: 15px;
  margin-top: 10px;
}

.derecho{
    float: left;
    height: 100%;
    padding: 15px;
    width: 72%;
    transition: all 0.2s ease-out 0s;
}


.proceso{
    float: left;
    height: 100%;
    width: 100%;
}


.izquierdo{
  width: 28%;
  float: left;
  height: 100%;
  background-color: #222;
  color: #fff;
  transition: all 0.5s ease-out 0s;
}

.izquierdo li{
  font-size: 14px;
  cursor: pointer;
}

.izquierdo li i{
  float: left;
  width: auto;
  height: auto;
}

.izquierdo li span{
  float: left;
  width: auto;
  height: auto;
  margin-top: 15px
}

#span_total{
  position: absolute !important;
  left: 360px !important;
  top: 3px !important;
}

#span_mes{
  position: absolute !important;
  left: 590px !important;
  top: 13px !important;
}

#span_anio{
  position: absolute !important;
  left: 745px !important;
  top: 13px !important;
}

#cbomes{
  background-color: #fff !important;
  border: 1px solid #000;
  border-radius: 0px !important;
  height: 2rem !important;
  padding: 0px !important;
  width: 110px !important;
  left: 625px !important;
  position: absolute !important;
  top: 3px !important;
}

#cboanio{
  background-color: #fff !important;
  border: 1px solid #000;
  border-radius: 0px !important;
  height: 2rem !important;
  padding: 0px !important;
  width: 70px !important;
  left: 780px !important;
  position: absolute !important;
  top: 3px !important;
}

/*

#anio{
    background-color: #fff !important;
    border: 1px solid #000;
    border-radius: 0px !important;
    float: left !important;
    height: 2rem !important;
    padding: 0px !important;
    width: 110px !important;
    position: absolute !important;
    left: 530px !important;
    top: 3px !important;
}
*/
.icono_img{
  background-color: #f9902f;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
  margin-right: 10px;
  padding: 9px;
}

.izquierdo .modulo{
  margin: 15px;
  height: auto;
  float: left;
  width: 90%;
  padding: 0px;
  /* overflow: scroll;*/
}

.izquierdo .interno{
  margin: 10px;
}

.interno li{
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 13px;
}


.interno li:hover{
  background-color: #F9902F;
  color: #fff;
  transition: all 0.5s ease-out 0s;
}

.contenedorpanel{
    border: 1px solid #000;
    box-shadow: 0 6px 10px -2px #3f4143;
    height: 80%;
    width: 100%;
    overflow: auto;
}

.card-panel{
  border: 1px solid #000 !important;
  box-shadow: 0 6px 10px -2px #3f4143 !important
}

.btn{background-color: #2D2D2D !important}

.activo{background-color: #F9902F;color: #fff}


nav .nav-wrapper {
    background-color: #f9902f !important;
    height: 12% !important;
}

#pie{
  width: 100%;
  height: 8%;
  background-color: #222 !important
}

.centrado{
  width: 70%;
  margin: 0px auto;
  height: auto;
  padding:15px
}

.btn-icono{
  padding: 15px;
}

.mensaje{
 padding: 9px;
 padding-left: 3px;
 background-color: #F9902F;
 color: #fff;
 font-size: 15px
}

.login-pie{
  background-color: #222222;
  bottom: 0 !important;
  left: 0 !important;
  padding: 1px !important;
  position: fixed !important;
  width: 100% !important;
}


.km_data{
  -moz-border-bottom-colors: 1px solid #000 !important;
    -moz-border-left-colors: 1px solid #000 !important;
    -moz-border-right-colors: 1px solid #000 !important;
    -moz-border-top-colors: 1px solid #000 !important;
    background-color: #fff !important;
    border-width: medium medium 1px !important;
    box-shadow: none !important;
    font-size: 1rem !important;
    height: 2rem !important;
    margin: 0 0 15px !important;
    outline: medium none !important;
    padding: 0 !important;
    transition: all 0.3s ease 0s !important;
    width: 100% !important;
    border: 1px solid #000 !important;
    padding-left: 2px !important;
}

.km_data2{
  -moz-border-bottom-colors: 1px solid #000 !important;
    -moz-border-left-colors: 1px solid #000 !important;
    -moz-border-right-colors: 1px solid #000 !important;
    -moz-border-top-colors: 1px solid #000 !important;
    background-color: #fff !important;
    border-width: medium medium 1px !important;
    box-shadow: none !important;
    font-size: 1rem !important;
    height: 2rem !important;
    margin: 0 0 15px !important;
    outline: medium none !important;
    padding: 0 !important;
    transition: all 0.3s ease 0s !important;
    width: 100% !important;
    border: 1px solid #000 !important;
}

.letras{
  color: #000 !important;
   font-family: "century gothic" !important;
   font-size: 16px !important;

}

.card-panel {
    background-color: #fff;
    border-radius: 2px;
    margin: 0.5rem 0 1rem;
    overflow: auto !important;
    padding: 20px;
    transition: box-shadow 0.25s ease 0s;
}

#modulo_4 .k-grid-content{
  height: 315px !important;
}

.btn-large {
    height: 32px;
    line-height: 32px;
}

.btn-color {
  background-color:#F9902F !important
}

.btn-color-envio{
  background-color:#e57373 !important
}