html,body
{
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}

#vertical
{
  height:100%;
  border-width:0;
}

.red
{
  color: red;
}

#myCarousel img
{
 height: 100%;
 width: 100%;
}

#contenedorBotones
{
  width: 100%;
  position: absolute;
  bottom: 60px;
}

#contenedorBotones > a > div
{
 float: left;
 width: 46%;
 margin: 2%;
 text-align: center;
 background: rgba(0,0,0,0.75);
 border-radius: 15px;
 padding: 100px 0px;
}

#contenedorBotones > a  > div > span
{
 color: rgba(255,255,255,0.5);
 font-size: 40px;
}

#horizontal
{
  width:100%;
  height:100%;
}

body
{
 font-family: HelveticaNeue, Helvetica, Arial;
}

#header
{
  z-index: 999;
  overflow: hidden;
  background: rgba(0,131,168,0.8) !important;
  height: 60px;
}


#linkCloseSession:hover
{
 cursor: pointer !important;
}

.dashboardBackLink
{
 float: right;
 margin: 9px 20px;
 text-decoration: none;
}

.dashboardBackLink:hover
{
 text-decoration: none;
}

.dashboardBackLink:active
{
 text-decoration: none;
}


#vertical > div:nth-child(2)
{
 background: rgba(0,0,0,0.25);
 border-color: rgba(0,0,0,0.25);
 color: rgba(0,0,0,0.25);
 border-style: solid;
 border-width: 0px;
}

#menuButton
{
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  left: -40px;
  border: 1px solid #1378A4;
  border-radius: 40px;
  z-index: 9;
  background: url('../images/menu.png'), #1378A4;
  background-repeat: no-repeat;
  background-position: 45px;
  transition: all 0.4s ease;
  cursor:pointer;
}


#contButtons
{
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  left: -40px;
  z-index: 9;
  transition: all 0.4s ease;
  cursor:pointer;
}

#menuButtonMini
{
  background: url('../images/sMenu.png'), #1378A4;
  width: 80px;
  height: 40px;
  border-radius: 40px 40px 0px 0px;
  background-repeat: no-repeat;
  background-position: 47px 17px;
}

#botonCerrar
{
  width: 100%;
  height: 100%;
  display: none;
}

#filterButtonMini
{
  background: url('../images/sFilters.png'), orange;
  width: 80px;
  height: 40px;
  border-radius: 0px 0px 40px 40px;
  background-repeat: no-repeat;
  background-position: 47px 7px;
}


.k-splitbar .k-icon
{
 display: none;
}

#contenedorDataView
{
 overflow: hidden !important;
}

#footer_index
{
  position: fixed;
  width: 100%;
	height: 60px;
	bottom: 0px;
	text-align: center;
	font-size: 10px;
	color: white;
  background: rgba(0,131,168,0.8) !important;
  padding-top: 20px;
  font-size: 12px;
  z-index: 800;
}

#footer_index > span
{
  float:left;
  text-align: left;
  margin-left: 13px;
  margin-top:-4px;
}

#footer_index > img
{
  float:right;
  margin-right: 13px;
  margin-top:-7px;
}

#contenedorLogo
{
	height: 50px;
	float: left;
	margin-top: -3px;
}

#titulo
{
  margin-left:10px;
  font-size: 22px;
  float:left;
  color:white;
}

#titulo span
{
  font-size:16px;
  vertical-align:top;
}
#logoValeryWeb
{
  float: left;
  height: 26px;
  margin-left: 17px;
}

#contenedorBotonesPrincipales
{
  position: absolute;
  height: 60px;
  width:160px;
  right: 0px;
  top: 0px;
  background: rgb(0,52,69);
}


#contenedorBotonesPrincipales img
{
  margin: 20px 14px;
  opacity: 0.4;
  transition: all 0.5s ease;
}

#contenedorBotonesPrincipales img:hover
{
  opacity: 1;
  transition: all 0.5s ease;
}

#contenedorInfo
{
 position: absolute;
 height:50px;
 padding:5px 10px 5px 0px;
 width:500px;
 top:0px;
 right:160px;
}

#contenedorInfo > *
{
  float:right;
}

#contenedorInfo #imgUsuario
{
 width:50px;
 border-radius: 50px;
 transition: all 1s;
 margin-left: 10px;
}

#contenedorInfo #logoEmpresa
{
	max-height: 46px;
  transition: all 1s;
  padding:2px;
  background:white;
}

#nombreUsuario
{
	text-align:right;
	transition: all 1s;
  margin-left: 10px;
}

#contenedorInfo span
{
	color:white;
}

.txt_footer_valery2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #eb900c;
	text-decoration: none;
}


a.txt_footer_link2:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

a.txt_footer_link2:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

.txt_footer_link2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}


.naranja
{
	color: orange;
	font: 26px Arial;
}

#contenedorLogin
{
  margin: 10% auto;
}

.fecha
{
  font-size: 20px !important;
  font-weight: 300 !important;
  align-items: center !important;
  display: -webkit-inline-flex !important;
  -webkit-padding-start: 1px !important;
  overflow: hidden !important;
  padding: 0px !important;
  -webkit-appearance: textfield !important;
  -webkit-rtl-ordering: logical !important;
  -webkit-user-select: text !important;
  cursor: auto !important;
  text-rendering: auto !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: none !important;
  text-indent: 0px !important;
  text-shadow: none !important;
  text-align: start !important;
  padding: 5px 11px !important;
  height: 48px !important;
}

#contenedorRegistro
{
  float: right;
  margin-right: 4%;
  margin-top: 7%;
}


.breadcrumbs > ul
{
    width: 138px;
    margin: -10px auto;
    margin-bottom: 20px;
}

.breadcrumbs a
{
  color: rgba(0,131,168,0.8) !important;
  text-decoration: none;
  font-weight: bold;
}

.breadcrumb a
{
   text-decoration: none;
}

#nuevaCuenta, #olvidoContrasena
{
  color: silver;
}

#nuevaCuenta a, #olvidoContrasena a
{
  color: rgba(0,131,168,0.8);
  text-decoration: none;
  font-weight: bold;
}

#contenedorFormularioLogin
{
  height: 100%;
  background-size: cover;
  overflow: hidden;
}

#contenedorFormularioLogin > div
{
    padding: 42px;
    width: 400px;
    background: white;
    height: 400px;
    border-radius: 200px;
    border: 20px solid rgba(0,131,168,0.8);
    position: relative;
    top: -40px;
}



#contenedorFormularioLogin input[type=text], #contenedorFormularioLogin input[type=email], #contenedorFormularioLogin input[type=password]
{
    width: 388px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 300 !important;
    height: 48px;
}

.divido input
{
  width: 191px !important;
  margin-bottom: 20px;
}

.cajaPequena
{
 width: 190px !important;
}

.derechaPequena
{
 margin-left: 8px !important;
}

.derecha
{
  margin-left: 35px !important;
}


#ElBoton
{
  position: absolute;
  z-index: 99;
  top: 10px;
  right: 10px;
}

#grid
{
	width: 100%;
	height: 100%;
}

#tabstrip > div
{
  overflow: scroll;
}

#tabstrip #chart
{
  //min-width: 920px;
  max-width: 1800px;
  margin:0px auto;
}


#menu
{
	margin-top: 4px;
  z-index: 10;
}

/*#menu .volver
{
    color:#eb900c;
    }*/

    #menuPrincipal
    {
     text-align: center;
     display: inline-block;
     height: 14px;
     padding: 8px 15px;
     font-weight: bold;
     /*color: white*/
   }

   #tooltipUsuario
   {
    width: 200px;
    height: auto;
    padding:10px;
    position: absolute;
    right: -70px;
    top: 55px;
    border-radius:4px;
    background: white;
    box-shadow: 0px 0px 3px black inset;
    z-index: 999;
    background: white;
  }


  #tooltipInicio, #tooltipConfiguracion, #tooltipCerrarSesion
  {
    height: auto;
    padding:10px;
    position: absolute;
    //right: 70px;
    top: 55px;
    border-radius:4px;
    background: white;
    box-shadow: 0px 0px 3px black inset;
    z-index: 10;
    color: black;
  }

  #tooltipInicio
  {
   width: 90px;
   right: 80px;
 }

 #tooltipConfiguracion
 {
   width: 115px;
   right: 15px;
 }

 #tooltipCerrarSesion
 {
   width: 95px;
   right: 0px;
 }

 /*************************************************************************** DASHBOARD ******************************************************************************************/
 .kpi
 {
   width:24%;
   color: white;
   height: 150px;
   margin: 0.5%;
   float: left;
   opacity: 0;
   min-width: 220px;
   overflow:hidden;
 }

 .kpiVisible
 {
   height: 150px;
   position:relative;
 }

 .kpiIco
 {
  width: 70px;
  height: 70px;
  margin: 25px 0px;
}

.kpiTitle {
  font-weight: bold;
  font-size: 16px;
  margin: 10px 10px 0px 0px;
  display: block;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fpiValue {
  color: white;
  font-size: 16px;
  display: block;
  text-align: right;
  margin: 25px 25px 0px 0px;
}

.fpiValues {
  color: white;
  font-size: 16px;
  display: block;
  text-align: right;
  margin: 0px 10px 5px 0px;
}

.fpiPorc {
  color: white;
  text-align: left;
  font-size: 14px;
  display: block;
  text-align: right;
  margin: 5px 25px 0px 0px;
}


.fpiPorc > img
{
  //background-color: white;
  //border-radius: 11px;
  //padding: 2px;
  opacity: 0.5;
  margin-right: 5px;
  margin-top: -3px;
}


#contenidoDashboard
{
 background-color: white;
}

.fpiDisplay
{
  color: rgba(0,0,0,0.5);
  font-weight: bold;
  font-size: 16px;
  display: block;
  text-align: left;
  margin-top: 0px;
}

.chartCont
{
  width: 65%;
  height: 100px;
  display: inline-block;
  float: right;
}

.contIco
{
  width: 35%;
  float:left;
  text-align:center;
}

.bottomLine
{
  width: 95%;
  height: 30px;
  background: rgba(0,0,0,0.15);
  position: relative;
  bottom: 30px;
  font-size: 14px;
  padding-left: 5%;
  border:none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.bottomLine::-ms-expand {
  display: none;
}

.textCont
{
  width: 65%;
  height: 120px;
  display: inline-block;
  float: right;
}

#logoLogin
{
 margin: 10px auto;
 display: block;
}

#chart1
{
	height: 170px;
}

#chart2
{
	padding:0px;
}

#chart2 > *
{
 vertical-align: top;
}

#chart2 > div:first-child, #chart2 > div:nth-child(3)
{
  width: 49%;
  display: inline-block;
  position: relative;
  margin: 0.5%;
  box-shadow: 0px 0px 5px silver;
  height: 460px !important;
}


#chart2 > div:nth-child(2), #chart2 > div:nth-child(4)
{
  width: 45%;
  display: inline-block;
  position: relative;
  margin: 0.5%;
  box-shadow: 0px 0px 5px silver;
  padding: 0px 2% 40px 2%;
  height: 420px;
}

#volverLogin
{
  margin: 3px 112px;
}

#contenedorSesionExpirada
{
  width: 320px !important;
  height: 120px !important;
  text-align: center;
  margin: 20% auto !important;
  position: inherit !important;
}

#ng-view
{
  height: 100%;
  overflow: hidden !important;
}
/*************************************************************************** CONTRATO ******************************************************************************************/
#horizontal, #contenidoMenu
{
	height:100%;
}

#contenedorMenu
{
 background-color: white;
}

#contenedorFiltro
{
 background-color: white;
}

#contenedorMenu div
{
	padding: 10px 0px 10px 20px;
}

#contenedorMenu a
{
	color: black;
	font-size: 14px;
	text-decoration:none;
}

#navegacion
{
	padding-top:20px;
	padding-left:20px;
}

.botonRegistrar
{
  width: 95%;
  padding:20px;

}

.botonRegistrar button
{
	float: right;
	width: 200px;
	color: white;
	background-color: #5cb85c;
}

.botonRegistrar button:hover
{
	color:white;
	background-color: #5cb85c;
}

.botonRegistrar button:active
{
	color:white;
	background-color: #5cb85c;
}

.labelDatosPrincipales
{
	width: 25%;
}

.labelValorDatosPrincipales
{
	width: 60%;
}

.labelContactos
{
	width: 29%;
}

.labelContactosSecundarios
{
	width: 20%;
}

.inputDatosPrincipales
{
	width: 9%;
}

.grupoContrato
{
	padding : 20px;
	display: inline-block;
	width: 95%;
}

.grupoContacto
{
	padding-bottom : 10px;
	width: 99%;
  display: inline-block;
}

.grupoContactoSecundario
{
	padding-bottom : 10px;
	width: 99%;
  display: inline-block;
}

.grupoContacto span
{
	width: 70%;
	float:right;
}

.grupoContactoSecundario span
{
	width: 79%;
	float:right;
}

.subgrupoContactoDerecho
{
	width: 49%;
  display: inline-block;
  float: left;
}

.subgrupoContactoIzquierda
{
	width: 49%;
  display: inline-block;
  float: right;
}

#datosUbicacion
{
	width:70%;
	float:left;
	display:inline-block;
	padding-right:1%px;
}

#imagenUbicacion
{
	width:96%;
  height:360px;
  margin: 0px 2%;
  display:inline-block;
}

#mapaCompleto
{
  margin-top: -6px;
  float:right;
}

#inputMapaCompleto
{
  width:400px;
  font-size:16px;
  top:9px !important;
  border-radius: 3px;
  font-weight: 300;
  padding: 4px 13px;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.pac-container
{
  z-index: 15000;
}

.labelUbicacion
{
	width:10%;
}

.labelZona
{
	width:38%;
}

.labelHuso
{
	width:20%;
}

.grupoUbicacion
{
	width: 99%;
	display : inline-block;
	padding-bottom:10px;
}

#mapaUbicacion
{
	width:100%;
	height:100%;
}

.grupoUbicacionIzquierda
{
	width:49%;
	float:left;
	display:inline-block;
}

.grupoUbicacionDerecha
{
	width:49%;
	float:right;
	display:inline-block;
}

.labelRedesSociales
{
	width:19%;
}

.grupoRedesSociales
{
	padding-bottom : 10px;
	width: 99%;
  display: inline-block;
}

.grupoRedesSociales span
{
	width: 80%;
	float:right;
}

.grupoRedesSocialesIzquierda
{
	width:49%;
	float:left;
	display:inline-block;
}

.grupoRedesSocialesDerecha
{
	width:49%;
	float:right;
	display:inline-block;
}

.labelSeguridad
{
	width:18%;
}

.grupoSeguridad
{
	padding-bottom : 10px;
	width: 99%;
  display: inline-block;
}

.grupoSeguridad span
{
	width: 81%;
	float:right;
}

.subgrupoSeguridad
{
	padding-bottom : 10px;
	width: 100%;
  display: inline-block;
}


.grupoSeguridadIzquierda
{
	width:49%;
	float:left;
	display:inline-block;
}

.grupoSeguridadDerecha
{
	width:49%;
	float:right;
	display:inline-block;
}

.labelMoneda
{
	width:15%;
}

.grupoMoneda
{
	padding-bottom : 10px;
	width: 99%;
  display: inline-block;
}

.aPlan
{
	padding-left: 5px;
	padding-right: 5px;
}

#datosPrincipales
{
	width:70%;
	display:inline-block;
	float:left;
}

#imagenEmpresa
{
  max-width: 180px;
  max-height: 100px;
  cursor:pointer;
  display:block;
  margin:0px auto;
}

#datosPlan
{
  width: 90%;
  height: 356px;
  display:inline-block;
  padding-left: 5%;
}

#menuContrato
{
	text-align: center;
	display: inline-block;
	height: 14px;
	padding: 8px 15px;
	font-weight: bold;
}

hr
{
  border-width: 2px;
  margin-bottom:15px;
  margin-top:0px;
}

.km-switch-handle, .km-switch-background
{
	color:#5cb85c;
}

#contenedorContrato, #contenedorFicha, #contenedorUnidades, #contenedorMonedas, #contenedorUsuarios
{
  background: white;
}

#contenedorContrato .container
{
  margin: 40px auto;
}


#menuResponsive
{
 width: 200px;
 background: rgb(0,52,69);
 position: absolute;
 right: 0px;
 top: 61px;
 display: none;
}

#menuResponsive ul
{
 list-style: none;
 padding: 10px;
 margin: 0px;
}

#menuResponsive ul li
{
 margin: 10px 0px;
 padding: 3px 0px;
}

#menuResponsive ul li img
{
 margin-right: 4px;
}

#menuResponsive ul li a
{
 color: white;
 font: 14px;
}


#menuResponsive ul li a:hover
{
 color: silver;
 text-decoration: none;
}

#contenedorUsuarioMenuResponsive img
{
  width:50px;
  border-radius: 50px;
  transition: all 1s;
}


#contenedorUsuarioMenuResponsive > *
{
  display: block;
  text-align: center;
  margin: 10px auto;
}

#contenedorUsuarioMenuResponsive
{
 color: white;
}

#botonMenuResponsive
{
 width: 60px;
 height: 60px;
 position: absolute;
 top: 0px;
 right: 0px;
 background: rgba(255,255,255,0.25);
 display: none;
}


#botonMenuResponsive img
{
 height: 26px;
 width: 26px;
 margin: 17px;
}

@media screen and (max-width: 1500px)
{
  .bottomLine
  {
    font-size: 14px;
  }


 /* #datosPrincipales
	{
		width:68%;
		display:inline-block;
		float:left;
	}

	#datosPlan
	{
		width:26%;
		display:inline-block;
		float:right;
		border: 1px solid green;
		padding-left: 20px;
		padding-top: 20px;
   }*/
 }


 @media screen and (max-width: 1300px)
 {
  #chart2 > div
  {
   width: 99%  !important;
   margin: 0.5%  !important;
 }
 #chart2 > div:nth-child(2), #chart2 > div:nth-child(4)
 {
   padding: 0px 0% 40px 0%;
 }


 /* #datosPrincipales
	{
		width:65%;
		display:inline-block;
		float:left;
	}

	#datosPlan
	{
		width:29%;
		display:inline-block;
		float:right;
		border: 1px solid green;
		padding-left: 20px;
		padding-top: 20px;
   }*/
 }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2)
 {

  #menu li > span
  {
    padding: 12px;
  }

  #example
  {
   padding-top: 2em;
   max-width: 700px;
 }


 #contratoContacto .container, #contratoLogo .container, #breadcrumbTitulo .container
 {
  width: 90%;
}

#plan
{
 height: 417px !important;
}

#chartPlan
{
 height: 100px !important;
}

#ubicacion
{
 height: 392px !important;
}

#titulo
{
  font-size: 16px;
}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 2048px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2)
{

  #menu li > span
  {
    padding: 12px;
  }

  #contratoContacto .container, #contratoLogo .container, #breadcrumbTitulo .container
  {
    width: 90%;
  }

  #chart2 > div
  {
   margin: 0.5%  !important;
   display: block !important;
   float: left !important;
 }
 #chart2 > div:nth-child(1), #chart2 > div:nth-child(3)
 {
   width: 49%  !important;
   padding: 0px !important;
 }
 #chart2 > div:nth-child(2)
 {
   width: 45%  !important;
   padding: 0px 2% 40px 2% !important;
 }
 #chart2 > div:nth-child(3), #chart2 > div:nth-child(4)
 {
   width: 99%  !important;
   margin: 0.5%  !important;
 }

 #datosPlan
 {
  padding-top: 14px;
}

#plan
{
 height: 418px !important;
}


}


@media screen  and (min-device-width: 1101px)  and (max-device-width: 1920px)
{
 #menuResponsive
 {
   display: none;
 }
}



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

  #botonMenuResponsive
  {
   display: block;
 }

 #contenedorInfo
 {
   right: 60px;
 }

 #imgUsuario, #nombreUsuario, #contenedorBotonesPrincipales
 {
  display: none;
}

.kpi
{
 width: 49%;
 margin: 0.5%;
}

#titulo
{
  font-size: 20px;
}


  /*#bodyContrato label, #bodyContrato span, #bodyContrato a
	{
		font-size: 10px;
	}

	#datosPrincipales
	{
        width:55%;
    }

	#datosPlan
	{
		width:39%;
   }*/
 }

 @media screen and (max-width: 970px)
 {
 /* #datosPrincipales
	{
        width:50%;
  }

	#datosPlan
	{
		width:44%;
   }*/
 }

 .km-switch span
 {
  font-size:14px !important;
}

.labelIPUsuarios
{
	width: 220px;
  float: left;
}

.labelOpcionesMenu
{
	width: 49%;
}

.labelDatapickerUsuario
{
  width: 60px;
  padding-left: 20px;
}

.dataPickerUsuario
{
  width: 100px;
}


/*************************************************************************** CONFIG INTERNO ******************************************************************************************/

.parrafoConfig
{
  margin:18px;
  width:875px;
  text-align: justify;
}

@media screen and (max-width: 1130px)
{
  .parrafoConfig
  {
    width:95%;
  }
}

.niveles
{
  margin: 10px 0px;
}

.niveles span
{
  margin-right: 40px;
}

#niv1
{
  margin-left: 18px;
}

#niv2
{
  margin-left: 54px;
}

#niv3
{
  margin-left: 90px;
}

.niveles span.nivels
{
  width:300px;
}


/****************************************************************************** SUCURSALES *********************************************************************************************************/


.buscador
{
  width: 300px;
  padding: 0px;
  padding-right: 28px;
  margin-bottom:10px;
  margin-right:10px;
  margin-left:0px;
  margin-top:20px;
}

.buscador > input
{
  border-right: 1px solid #c5c5c5;
  border-radius: 3px 0px 0px 3px;
}

.buscador > a
{
  right:6px !important;
  cursor:pointer !important;
}

.buscar
{
  width: 300px;
  padding: 0px;
  padding-right: 28px;
  margin-bottom:10px;
  margin-right:10px;
  margin-left:0px;
}

.buscar > input
{
  border-right: 1px solid #c5c5c5;
  border-radius: 3px 0px 0px 3px;
}

.buscar > a
{
  right:6px !important;
  cursor:pointer !important;
}


.divBuscador
{
  width: 45%;
  display: inline-block;
}

.botonAgregarConversion
{
  float: right;
  margin-top: 20px;
  display: inline-block;
}

#agrupadorDeOpenId
{
  width: 188px;
  height: 188px;
  margin: 0px auto;
}

#agrupadorDeOpenId > div
{
  float: left;
  display: block;
  margin: 2px;
  overflow: hidden;
  width: 90px;
}

#gridSucur
{
  margin:10px;
}

#contenedorBuscador a.k-button
{
  float:right;
  /*margin:10px;*/
  margin-top:20px;
  text-decoration: none;
  color: #2e2e2e;
}

/************************************************************************************** SUCURSALES EDIT *******************************************************************************************/

#tablaEditar
{
  margin:10px;
  margin-top:20px;
  width:100%;
}

#tablaEditar td
{
  padding:8px;
}

.auto, .combo
{
  width:100%;
}

.tamanoTd1
{
  width: 100px;
}

.tamanoTd2
{
  width: 300px;
}

span.tamanoSpan
{
  width: 338px !important;
  margin-left: 10px;
}

#dirIp
{
  margin-left: 18px;
}

#parrafoEdit
{
  margin:18px;
  width:980px;
  text-align: justify;
}

@media screen and (max-width: 1100px)
{
  #parrafoEdit
  {
    width:95%;
  }
}

.registrar
{
  float:right;
  width:200px;
  margin-right: 50px;
}

#volverLogin
{
	margin: 3px 112px;
}

#contenedorSesionExpirada
{
	width: 320px !important;
	height: 120px !important;
	text-align: center;
	margin: 20% auto !important;
	position: inherit !important;
}

#bodyContrato, #bodyConfig
{
	max-width:1200px;
  margin:0px auto;
}

.k-state-active
{
  border-color: silver !important;
}

#menu li.k-state-hover
{
 background: rgb(19, 120, 164);
 color: white;
}

#menu li.k-state-hover > span
{
 color: white;
}



/************************************************************************************** USUARIOS EDIT *******************************************************************************************/
#menuUsuario
{
	text-align: center;
	display: inline-block;
	height: 14px;
	padding: 8px 15px;
	font-weight: bold;
}


#datosUsuarios
{

	float:left;
	display:inline-block;
	padding-right:1%px;
}

.grupoUsuarios
{
	padding : 20px;
	display: inline-block;
	width: 95%;
}

.subGrupoUsuarios
{
	width: 99%;
	display : inline-block;
	padding-bottom:10px;
}

.grupoUsuariosIzquierda
{
	width:49%;
	float:left;
	display:inline-block;
}

.grupoUsuariosDerecha
{
	width:49%;
	float:right;
	display:inline-block;
}

.grupoUsuarios1
{
	width:33%;
	float:left;
	display:inline-block;
}
.grupoUsuarios2
{
	width:33%;
  padding-left: 5px;
  display:inline-block;
}
.grupoUsuarios3
{
	width:33%;
	float:right;
	display:inline-block;
}

.subGrupoUsuarios
{
  width: 100%;
  float:left;
  padding-bottom:10px;
  display:inline-block;
}

.labelPreguntas
{
	width: 33%;
}

.diasAcceso
{
  float:right;
}


.todosLosDias
{
  /*    margin-left:60px !important;*/
}

.grupoDias
{
  padding-bottom:10px;
  width:100%;
}

.labelDias
{
  width:25%;
}


/*************************************************** MONEDAS **********************************************************************/

#gridMonedas, #gridUnidades
{
  float: left;
}

#gridUsuarios, #gridSucursales
{
  max-height:  height: 400px;
}


#gridMonedasConversion, #gridUnidadesConversion
{
  float:right;
}

.inputUsuarioIP .k-input
{
  height: 120px;
}

.inputUsuarioOpcionesMenu .k-input
{
  height: 300px;
}

.tituloPrincipal
{
  padding-top: 20px;
  font-size: 20px;
}

.botonRegistrarFicha
{
  padding: 20px 0px;
}
.botonRegistrarFicha button
{
	float: right;
	width: 200px;
	color: white;
	background-color: #5cb85c;
}

.botonRegistrarFicha button:hover
{
	color:white;
	background-color: #5cb85c;
}

.botonRegistrarFicha button:active
{
	color:white;
	background-color: #5cb85c;
}

#contenedorGrid
{
  display: inline-block;
}

.tituloSecundario
{
  width: 45%;
  padding-top: 20px;
  padding-bottom: 5px;
  text-align: center;
}

.instruccion
{
  font-weight: normal;
  text-align: justify;
}

#contenedorFormularioLogin .container
{
 box-shadow: 0px 0px 20px white;
}

#contenedorDataView
{
 background-color: silver;
}

#example
{
 width: 50%;
}

#exampleWide
{
 width: 90%;
}

.well
{
 overflow: hidden;
}

#contenedorContrato
{
  background-color: rgb(232,232,232);
}


#contenedorContrato table td:last-child > *
{
 display: inline-block;
}

#contenedorContrato table td:last-child
{
 text-align: center;
}

#contratoContacto, #contratoSocial, #contratoSeguridad, #contratoMoneda, #contratoLogo, #breadcrumbTitulo
{
 width: 95%;
 margin: 15px;
}

@media screen and (max-width: 480px)
{
  #contratoContacto, #contratoSocial, #contratoSeguridad, #contratoMoneda, #contratoLogo, #breadcrumbTitulo
  {
   width: 85%;
   margin: 15px;
 }
}

@media screen and (min-width: 480px) and (max-width: 520px)
{
  #contratoContacto, #contratoSocial, #contratoSeguridad, #contratoMoneda, #contratoLogo, #breadcrumbTitulo
  {
   width: 92%;
   margin: 15px;
 }
}

@media screen and (min-width: 521px) and (max-width:580px)
{
  #contratoContacto, #contratoSocial, #contratoSeguridad, #contratoMoneda, #contratoLogo, #breadcrumbTitulo
  {
   width: 93%;
   margin: 15px;
 }
}

@media screen and (min-width: 581px) and (max-width:640px)
{
  #contratoContacto, #contratoSocial, #contratoSeguridad, #contratoMoneda, #contratoLogo, #breadcrumbTitulo
  {
   width: 94%;
   margin: 15px;
 }
}

@media screen and (min-width: 780px) and (max-width:992px)
{
  #contratoContacto, #contratoSocial, #contratoSeguridad, #contratoMoneda, #contratoLogo, #breadcrumbTitulo
  {
   width: 96%;
   margin: 15px;
 }
}

@media screen and (min-width: 1200px)
{
  #contratoContacto, #contratoSocial, #contratoSeguridad, #contratoMoneda, #contratoLogo, #breadcrumbTitulo
  {
   width: 94%;
   margin: 15px;
 }
}

#contratoContacto .form-group, #contratoSocial .form-group, #contratoSeguridad .form-group , #contratoMoneda .form-group, #contratoLogo .form-group, #breadcrumbTitulo .form-group
{
  margin-left: -30px;
  margin-right: -30px;
}

/*.scroll
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    }*/

    #chartPlan g
    {
      margin: auto;
    }

    #datosPlan > div
    {
     height: 80%;
   }

   #chartPlan
   {
     background-color: inherit;
     width: 100% !important;
     height: 92% !important;
     /*margin: 5% !important;*/
   }

   #plan
   {
     height: 412px;
   }

   #treeViewOpciones .k-sprite
   {
     background-image: url("../images/coloricons-sprite.png");
   }

   #treeViewOpciones
   {
     overflow: visible !important;
   }

   .rootfolder { background-position: 0 0; }
   .folder     { background-position: 0 -16px; }
   .pdf        { background-position: 0 -32px; }
   .html       { background-position: 0 -48px; }
   .image      { background-position: 0 -64px; }


   .mycheckbox
   {
    display: none !important;
  }

  .mycheckbox + label
  {
    width: 196px;
    height: 31px;
    background: url('../images/unchecked.png') no-repeat;
    background-position-y: 0px;
    padding: 7px 32px;
    overflow: hidden;
    display: block;
    color: gray;
  }

  .mycheckbox:checked + label
  {
    background: url('../images/checked.png') no-repeat;
  }

  .charts > div > img
  {
    margin: 0px auto;
    display: block;
  }

  #breadcrumbTitulo li:first-child, #breadcrumbTituloAncho li:first-child
  {
    color: black; /*#428bca;*/
  }

  #contenedorMenu
  {
   background-color: rgb(225,225,230);
 }

 #contenedorMenu + div, #contenedorFiltro + div
 {
  width: 0px !important;
  margin: 0px;
  padding: 0px;
  border-width: 0px  !important;
}

#barraTituloDasboard
{
 width: 100%;
 height: 36px;
}

.tituloPequeno
{
 display: block;
 float: left;
 margin: 10px 0px 0px 10px;
}

#contenedorBotonesFiltrosDeDashboard, #contenedorBotonesFiltroPersonalizado
{
  float: right;
  padding: 1px 0px 0px 0px;
}

#contenedorBotonesFiltrosDeDashboard > * , #contenedorBotonesFiltroPersonalizado > *
{
  margin: 5px 8px 0px 0px;
}

#contenedorUltimaActualizacion
{
  position: relative !important;
  top: 0px !important;
  width: 230px;
  z-index: 999;
  padding: 0px;
  box-shadow: 0px 0px 0px white !important;
  padding: 0px !important;
  margin-top: -32px;
  display: block;
  left: 12px;
}

#contenedorUltimaActualizacion > *
{
 display: block;
}

#diaSemana
{
 color: red;
}

#contenedorBotonesFiltroPersonalizado
{
 float:right;
}


#contenedorBotonesFiltroPersonalizado > span.tituloFechaFiltro
{
 position: relative;
 top: 3px;
}

#leyenda
{
  position: relative;
  top: 10px;
  left: 10px;
  clear: both;
  text-align: left;
  float: left;
}

.dia
{
 font-weight: bold;
 color: red;
}

#contenedorFechaDelChart
{
  position: relative !important;
  top: -383px !important;
  text-align: right;
  width: 230px;
  z-index: 999;
  padding: 0px;
  box-shadow: 0px 0px 0px white !important;
  padding: 0px !important;
  margin-top: -32px;
  text-align: right;
  display: block;
  float: right;
  right: 14px;
  width: 250px;
}

.negrita
{
 font-weight: bold;
}

#factor
{
 text-align: right;
}

#agregarMoneda, #agregarUnidad
{
 float: right;
 margin: 10px 0px;
 text-decoration: none;
}

.mandatorio
{
  color: red;
}

.conTabulacion
{
 margin-left: 18px;
}

#contenedorFormularioLogin form .col-sm-7
{
  left: -14px;
  display: inline-block;
  position: relative;
}


#nuevaCuenta
{
  top: 8px;
  width: 186px !important;
  clear: both !important;
}

#olvidoContrasena
{
  top: -14px;
  width: 242px;
}


#enviarLogin
{
  position: relative;
  top: 20px;
  padding: 12px 24px;
  background: rgba(0,131,168,0.8) !important;
  border: 1px solid rgba(0,131,168,0.8);
}

.buttonSec
{
 margin-left: 5px;
}

#pregunta
{
  width: 360px;
  display: inline-block;
  margin: 0px 2px 20px 0px;
  text-align: center;
}

.errorMessage
{
  display: inline-block;
  margin-bottom: 15px;
}


.filtrosDinamicos
{
	text-decoration: none;
  margin: 0px 4px;
  display: inline-block;
  position: relative;
  top: -9px;
  background-color: silver;
  color: gray;
  border-radius: 3px;
  padding: 4px 8px;
}

.filtrosDinamicos:hover
{
	text-decoration: none;
  margin: 0px 4px;
  display: inline-block;
  position: relative;
  top: -9px;
  background-color: white;
  color: #428bca;
  border-radius: 3px;
  padding: 4px 8px;
}

.filtrosDinamicos:link
{
  text-decoration: none;
}

.filtrosDinamicos:active, .filtrosDinamicos:visited
{
  text-decoration: none;
  margin: 0px 4px;
  display: inline-block;
  position: relative;
  top: -9px;
  background-color: silver;
  color: gray;
  border-radius: 3px;
  padding: 4px 8px;
}

.titulofiltrosDinamicos
{
  display: inline-block;
  position: relative;
  top: -9px;
  padding: 4px 2px;
}

.eliminarFiltro
{
 color: #0F9033;
 font-weight: bold;
}

#tituloMiembro
{
  float: right;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}

#contratoNombre
{
  padding-top: 10px;
}

.inputBuscar
{
  border-right:1px solid #c5c5c5 !important;
  border-radius:3px 0px 0px 3px !important;
}

.spanInputBuscar
{
  padding:0 !important;
  padding-right: 28px !important;
}

.aInputBuscar
{
  right:6px !important;
  cursor:pointer !important;
}

.imagenClasificacion1
{
  padding-left: 40px;
}

.imagenClasificacion2
{
  padding-left: 60px;
}

.imagenClasificacion3
{
  padding-left: 80px;
}

.clasificacion
{
  margin-bottom: 0px;
}

#gridOpcionesMenu .k-grid-content
{
  height: 369px;
}

.tab-pane .instruccion
{
  padding: 20px;
}

#contactosProveedor, #direccionesProveedor
{
  height: 280px;
  overflow: scroll;
}

.cerrar
{
  float: right;
  position: relative;
  top: 8px;
  right: 0px;
  text-decoration: none;
  color: white;
  background: #d9534f;
  border-radius: 20px;
  padding: 6px 10px 6px 10px;
  margin: 0px 2px;
  width: 8px;
}

.actualizar
{
  float: right;
  position: relative;
  top: 8px;
  right: 0px;
  text-decoration: none;
  color: white;
  background: green;
  border-radius: 20px;
  padding: 6px 10px 6px 10px;
  margin: 0px;
  width: 8px;
}

.cerrar:hover, .cerrar:link, .cerrar:focus, .cerrar:active
{
  text-decoration: none;
  color: white;
  background: #d9534f;
}

#registrarContacto, #registrarDireccion
{
  float: right;
  right: 27px;
  position: relative;
}

blockquote
{
  font-size: 14px !important;
  margin-bottom: 2px;
}

.editor
{
  display: inline;
}



#registrarCliente
{
  margin-top: -16px;
  position: relative;
  padding: 12px 24px;
}

#contenedorSexo
{
    margin-bottom: 20px;
    width: 192px !important;
    padding: 0px;
    margin-left: 8px;
}

#contenedorSexo a
{
   padding: 10px 0px;
}

#contenedorSexo a img
{
  width: 26px;
}

#contenedorInfoPagina
{
  float: left;
  margin: 1% 0% 0% 1%;
  background: rgba(0,0,0,0) !important;
  color: white;
  width: 40% !important;
  /*background-image: url(../images/logoKepen.png) !important;
  background-repeat: no-repeat !important;
  background-position: right !important;*/
}


#textoBienvenida
{
  font-size: 21px;
}

#textoBienvenida  a
{
  color: #84864C;
}

#breveDescripcion, #complementoDescripcion
{
  font-size: 16px;
  line-height: 20px;
}

#logoEmpresa
{
  background-image: url("../images/logoValery.png");
  background-repeat: no-repeat;
  float: left;
  margin-left: 8px;
  margin-top: 8px;
  width: 118px;
  height: 41px;
  overflow: hidden;
}

.circle
{
  border-radius: 50%;
  background-color: white;
  background-repeat: no-repeat;
  border: 1px solid white;
  box-shadow: 0px 0px 20px white;
  position: relative;
}

.xtraSmall
{
  width: 25px;
  height: 25px;
  background-size: 120%;
  background-position-x: 40%;
  background-position-y: 25%;
}

.small
{
  width: 50px;
  height: 50px;
  background-size: 120%;
  background-position-x: 40%;
  background-position-y: 25%;
}

.medium
{
  width: 150px;
  height: 150px;
  background-size: cover;
  background-position-x: 40%;
  background-position-y: 25%;
}

.large
{
  width: 200px;
  height: 200px;
  background-size: 120%;
  background-position-x: 40%;
  background-position-y: 25%;
}

.xtralarge
{
  width: 400px;
  height: 400px;
  background-size: cover;
  background-position-x: -40%;
  background-position-y: -25%;
}

#bebida
{
   background-image: url("../images/variedadKepen.jpg");
   bottom: -118px;
   left: -114px;
   z-index: 10;
}

#pan
{
   background-image: url("../images/vidaKepen.jpg");
   bottom: 368px;
   left: -80px;
   z-index: 9;
   background-position-x: -50%;
   background-position-y: -45%;
}

#ensalada
{
   background-image: url("../images/ensaladaKepen.jpg");
   bottom: 242px;
   left: 226px;
   z-index: 8;
}

#socialTwitter
{
   background-image: url("../images/socialTwitter.png");
   bottom: 20px;
   right: 100px;
}

#socialFacebook
{
   background-image: url("../images/socialFacebook.png");
   bottom: 20px;
   right: 400px;
}

#socialInstagram
{
   background-image: url("../images/socialInstagram.png");
   bottom: 20px;
   right: 300px;
}

#socialGoogle
{
   background-image: url("../images/socialGoogle.png");
   bottom: 20px;
   right: 200px;
}

#logoKepenCompleto
{
  position: relative;
  left: 188px;
  top: 20px;
  /*width: 352px;
  height: 248px;*/
}

#textTwitter, #textFacebook, #textInstagram, #textGoogle
{
  background-repeat: no-repeat;
  padding-left: 40px;
  background-position: 4px 8px;
}

#textTwitter
{
  background-image: url("../images/socialTwitterMin.png");
}

#textFacebook
{
  background-image: url("../images/socialFacebookMin.png");
}

#textInstagram
{
  background-image: url("../images/socialInstagramMin.png");
}

#textGoogle
{
  background-image: url("../images/socialGoogleMin.png");
}

#registrarCliente
{
   font-size: 20px;
   padding: 13px 10px !important;
}

#registrarCliente i
{
    font-style: normal !important;
    font-weight: 300 !important;
    padding: 58px !important;
}

#registrarCliente img
{
    width: 50px;
    margin-left: -12px;
}

.clearfix
{
  text-align: center;
}

.btn-circle.btn-lg
{
    width: 25px;
    height: 50px;
    padding: 10px 10px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 37px;
}

#qrCode
{
    width:64px;
    height:64px;
    position: relative;
    top: -90px;
    left: 20px;
}

#carnet
{
    position: relative;
    background-size: contain !important;
    height: 252px;
    width: 430px;
    border-radius: 20px;
    padding: 0px;
    top: -435px;
    left: 493px;
}


#carnetFondo
{
    height: 252px;
    width: 430px;
    border-radius: 20px;
}

#brochureFondo
{
  display: block;
  width: 1024px;
  height: 768px;
}

#clientName
{
    display: block;
    position: relative;
    color: rgb(23,62,24);
    top: -159px;
    left: 140px;
    font-size: 19px;
    font-weight: bold;
}

#cardNumber
{
    display: block;
    position: relative;
    color: rgb(23,62,24);
    top: -157px;
    left: 140px;
    font-size: 19px;
    font-weight: 200;
}

#plantillaMensajeCorreo
{
    float: right;
    display: block;
    position: relative;
    top: -540px;
    right: 145px;
    font-size: 16px;
    text-align: center;
    width: 367px;
}

#mensajeCorreo
{
    color: white;
    font-weight: bold;
}

#sidebar-wrapper
{
   background: gray !important;
}

.sidebar-nav li a
{
   color: white !important;
}

#dashContent
{
   width: 100%;
   height: 100%;
}

#wrapper
{
  width: 100%;
  height: 100%;
}

.paymentInput
{
    height: 35px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.btnPay
{
    width: 50% !important;
}

#correoIncompatibleTexto
{
  font-size: 17px;
  width: 600px;
  text-align: justify;
  margin: 150px auto;
  margin-bottom: 40px;
  display: block;
}

.contenedorCentralExito
{
  margin-top: 12%;
}

.mainbox
{
  margin-top:15%;
}