﻿@charset "UTF-8";

body {
	padding: 0px 10px 0px 10px;
	background: url(images/background.jpg);
	background-size: cover;
	background-attachment: fixed;
  background-color: #FFF;
	overflow: hidden;
	font-family:Roboto;
}
.row {padding: 5px 15px;} 
.backgroundWhite {
	background-color: #FFF;
}
.backgroundGrey {
	background-color: #ebebeb;
}

.row.personal-fixet-top {
  padding:0px;
  margin: 5px 10px;
  left:0px;
}
.personal-fixet-top {
  position: fixed;
  right: 0px;
  top: 0px;
  left: 0px;
  z-index: 1030;
}
span.date {
	
}
span.vend {

	float: none;
	display: inline-block;
	/*margin-left: 25px;*/
}


@media (max-width: 968px) {
	.brand-centered {
   padding-bottom: 60px;
 }
}

.login {
	color: #6a6e7c;
	font-size: 12px;
	/*margin: 10px;
	margin-bottom: -10px;*/
}

.text-right.login.usuario {
	background-image: url(images/IconUser.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	float: none;
	display: inline;
	text-transform:uppercase;
	vertical-align:bottom;
}
.text-right.login.sesion 
{
	background:none;
	border:none;
	background-image: url(images/IconClose.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	float: none;
	display: inline;
	text-transform:uppercase;
	vertical-align:bottom;
}

@media (max-width: 968px) 
{
	.text-right.login.sesion,.text-right.login.usuario 
	{
		margin-bottom:5px;
	}
}

.text-right.login.sesion:focus
{
	outline:none
}

.navbar-default .navbar-nav > li > a {
  color: #FFFFFF;
  font-size:18px;
}



@media (max-width: 968px) {
  .navbar-default .navbar-brand {
    z-index: 100;
    background-color: #f19e07;
    /*height: 140px;*/
    /*border: 6px solid #FFF;*/
    -webkit-border-radius: 168px;
    -moz-border-radius: 168px;
    border-radius: 168px;
    /*top: -32px;*/
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    /*width: 140px;*/
  }
}

.subheader {  
  padding-top: 5px;
}

#wrap{    
  position: fixed;
  top: 80px;
  bottom: 65px;
  width: 98%;
  width: calc(100% - 20px);
  overflow: hidden;    
  background:white;
  padding:0px 10px;
}

.breadcrumb {
  padding: 0px 0px 5px;
  margin:0;
}

.TabMenu
{
	font-family:Roboto;
	background-color: #98d728;
	border-color:Black;
}

.menuDynamicHeaderItem a[disabled="true"],.menuDynamicHeaderItem a[disabled="true"]:hover
{
	color:#9fa0a8;
	text-decoration:none;
	cursor:no-drop;
}
a.MenuItem{font-family:Roboto;text-transform:uppercase;text-decoration:none;}

.home-icon-container{text-align:center}

#wrap h1
{
	margin-left:0px;
}


.mygrid-wrapper-div table {
	background-color: #ebebeb;
    table-layout: fixed;
    color: #666; 
    height: 100%;
}


.mygrid-wrapper-div td,.mygrid-wrapper-div th {
  vertical-align: top;
  border-top: 1px solid #ccc;
  padding:10px;
  width: auto;
  text-align:left;
}
th {
 
}
.mygrid-wrapper-div {    
  margin-right: 0px;    
  height: 100%;
  overflow: auto;
}


.box-shadow-menu {
  position: relative;
  padding-left: 1.25em;
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 2em;
  height: 0.3em;
  background: black;
  box-shadow: 
  0 0.5em 0 0 black,
  0 1em 0 0 black;
}

.navbar-brand{
	position:relative;
}
.dux-version{
	position: absolute;
  left: 36px;
  bottom: 6px;
  font-size: 14px;
  text-align: center;
  font-style: italic;
  padding-top: 10px;
  color: #333;
  width: 60px;
  height: 30px;
}
.dux-version:hover{
	color: #ff6633;
}

@media (max-width: 968px) {
  .navbar-fixed-top {
    border-width: 0 0 1px;
  }
  .hidden-sm-down, .hidden-xs-down {
    display: none;
    visibility:hidden;
  }

}
.caret-up {
  /* Safari */
  -webkit-transform: rotate(-180deg);
  
  /* Firefox */
  -moz-transform: rotate(-180deg);
  
  /* IE */
  -ms-transform: rotate(-180deg);
  
  /* Opera */
  -o-transform: rotate(-180deg);
  
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
  background: none;
  border: none;
  

}
.btn-footer {
  color: #000000;
  background-color: #ffffff;
  border-color: #cccccc;
  background-image: url("images/menu.jpg");
  border: none;
  min-height: 28px;
  background-repeat: no-repeat;
  background-position: center center;
}

.drop-up {
  top: auto;
  bottom: 100% !important;
}
.footer {
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;  
  border-top: 4px solid white;
  vertical-align: middle;
  background: white;
  display: flex;
  align-items: center; 
  padding:0px;
}

.footer .green-line{
  border-top: 2px solid #4cae4c;
  width:100%;
  padding:5px 15px;
  display: flex;
    align-items: center;
}



.cliente { 
  border: 1px solid #aaaaaa!important; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*padding: 5px;*/
}
.btn-footer {
  margin-top: 10px;

}

.jumbotron {
  position: absolute;
  top: 55%;
  left:50%;
  transform: translate(-50%,-50%);

  background-color: #FFF;
}


.audtioria-filters{margin:0px;}
/*
MENU
*/
.menuHeaderItem td
{
	padding:10px 10px 5px 10px;
}

.menuHeaderHover
{
	margin:10px;
}
.menuDynamicHeaderItem
{
	font-size: 12px!important;
    text-transform:uppercase;
    font-family:Roboto;
    text-decoration:none;
    display:block;
}

.menuDynamicHeaderItem a {
	width:400%;
	display:inline-block;
	color:#6b6b6b;
	text-decoration:none;
	font-weight:bold;
	cursor: pointer;
	padding:5px;
}

.menuDynamicHeaderItem a:hover
{
	text-decoration:none;
	cursor:pointer;
	
}

.menuDynamicHeaderItem tr:hover
{
	background-color:#98d728;
	color:White;
}

.menuDynamicHeaderItem tbody, .menuDynamicHeaderItem tr
{
	display:block;
}

.menuDynamicHeaderItem tbody, .menuDynamicHeaderItem tr, .menuDynamicHeaderItem td
{
	width:100%;	
}

.menuHeaderSelected
{
	background-color: #85bb23;
}
.menuHeaderItem td a
{
	color: #FFFFFF;
    font-size: 14px!important;
    text-transform:uppercase;
    font-family:Roboto;
    text-decoration:none;
    cursor:text;
}
@media (max-width: 968px) 
{
	.menuHeaderItem td, .menuHeaderStyle td
	{
		display:block;
		width:100%;
	}
}

.nav.navbar-nav.navbar-left, .nav.navbar-nav.navbar-right 
{
	position:relative;
}

.navbar.navbar-dark.navbar-default.navbar-fixed-top
{
	min-height:56px;
}

.areaDeTrabajo
{
	width:100%;
	background:white;
	height:auto;
	padding-left:10px;
	height:100%;
}

.wrap-row{padding-bottom:0px;}

.animacion{left:calc(50% - 24px);top:50%;}

.breadcumbLabel
{
	color: #9fa0a8;
    text-decoration: none;
    font-weight: lighter;
}

.subtitulo
{
	font-family: Roboto;
    font-size: 14px;
    line-height: 15px;
    color: #1a7160;
    width: 216px;
    word-wrap: break-word;
    display: block;
    text-align: left;
    text-indent:0px;
}
.audtioria-filters .subtitulo
{
	width:100%;
}
.floatRight{float:right}
.floatLeft{float:Left}

.dropdown-menu.drop-up
{
	right:0px;
}

.registroTitulo {
    font-family: inherit; 
    font-size: inherit; 
    font-style: inherit; 
    font-weight: inherit;
    color: inherit;
    background-color:inherit;
    border:none;
}

.registroAlternado {
    font-family: inherit; 
    font-size: inherit;
    font-style: inherit; 
    font-weight: inherit; 
    text-transform: none; 
    color: inherit; 
    background-color: inherit; 
}
.outer{height: calc(100% - 90px); overflow-y:auto; overflow-x:hidden}


.mygrid-wrapper-div table tbody
{
	overflow-y: auto;
    display: block;
    height: 100%;
}

/* FIXED HEADERS GRID*/

 .table-body table
{
    border-collapse: collapse;
    background-color: #ebebeb;
    table-layout: fixed;
    width: 100%;
    color: #666
}

.table-header table
{
    border-collapse: collapse;
    background-color: #99d728;
    table-layout: fixed;
    width: 100%;
    color: white;
}

.inner-container
{
    overflow: hidden;
}

.table-header
{
    position: relative;
}
.table-body
{
    overflow: auto;
}

.table-header th, .table-header td, .table-body td
{
    text-align: left;
    height: 40px;
    padding: 10px;
    width:200px;
    border-top: 1px solid #ccc;
  
    word-wrap:break-word;
}

.table-header tr
{
	  border-bottom: 1px solid #ccc;
}

.search-wrapper-div .col-md-6, .search-wrapper-div .col-md-12
{
	padding:6px 0px;
}


.search-wrapper-div .col-md-6 table
{
	width:100%;
}

 input[type="text"]:focus,  input[type="password"]:focus
 {
	background-color:#c5e099;
 }

.search-wrapper-div .col-md-6 input[type="text"]
{
	width:100%!important;
}

.search-wrapper-div .col-md-5
{
	height:34px;
}

.controlAyuda
{
	color: #FFFFFF;
    background-color: #4cae4c!important;
    border-color: #4cae4c!important;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0 0 0 10px;
    height: 28px!important;
    font-size: 12px!important;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
    font-family:Roboto!important;
    padding-right:5px!important;
     padding-left:5px!important;
     display: flex;
	 align-items: center; 
}
.validators{font-family:Roboto;margin-left:3px;}
.controlAyuda span
{
	text-align:center;
	margin:auto;
}

.fechaAyuda
{
	z-index:1;
	top:10px;
}

@media (max-width: 968px) {
	.fechaAyuda
	{
		right:2px;
		background:white;
	}
}

.fechaAyuda .asbMenuItem, .datosAyudaContainer .asbMenuItem
{
	font-family:Roboto;
	text-transform:uppercase;
	padding:2px;
}


.asbMenuItem.flecha, .asbSelMenuItem.flecha
{
	margin-left:-20px;
	background:none;
}

.fechaAyuda .asbSelMenuItem, .datosAyudaContainer .asbSelMenuItem
{
	padding:2px;
	color: #FFFFFF;
	font-family:Roboto;
	text-transform:uppercase;
    background-color: #98d728;
}

.datosAyudaContainer
{
	margin-top:-15px;
	font-family:Roboto;
	font-size:10px;
}

.informacionInicial
{
	font-family:Roboto;
	font-size:12px;
	color: #1a7160;
}
.informacionInicialContainer
{
	padding-left:10px
}


.main-container
{
	height:100%;
}

#divSucursales .controlAyuda
{
	width:46px!important;
	height:46px!important;
}

#divSucursales .datosAyudaContainer, #divSucursales .asbMenuItem,  #divSucursales .asbMenu
{
	width:200px!important; font-family:Roboto!important;

	border:none;
	display:block;
}

.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened, .fancybox-wrap.fancybox-mobile.fancybox-type-iframe.fancybox-opened
{
	background:white;
}

br
{
	color:White;
}

.frecuenciaProgamadRowContenedor
{
	text-align:center;
}

div.modal div.asbMenu {
  z-index:1100;
}

div.asbMenu {
  margin-top: 10px;
}

.modal-dialog .form-group {
	margin-bottom: 5px;
}

.form-control.cTextboxObligatorio {
  border-color: #4cae4c !important
}

br.ayuBR {
  display: none;
}

/*Chrome fix*/
*, input, select, textarea, option, button {
  outline: none;
}