/*
 * Archivo CSS destinado a contener los estilos predeterminados para la aplicacion
 * 
 * @autor Edgar Alberto Pérez Villegas (eaperezv@inet.procesar.com.mx)
 * @version 1.0  
 */

/* SmartPhone */
@media ( max-width : 767px) {
	.siri-navbar-nav {
		width: 100% !important;
	}
}

/* Tablet */
@media ( min-width : 768px) and (max-width: 979px) {
	.siri-navbar-nav {
		width: 87% !important;
	}
}

/* Small PC */
@media ( min-width : 980px) and (max-width: 1999px) {
	.siri-navbar-nav {
		width: 90% !important;
	}
}

/* Big PC */
@media ( min-width : 1200px) {
	.siri-navbar-nav {
		width: 92% !important;
	}
}

/* All Devices */
.siri-clear-padding-right {
	padding-right: 0px;
}

.siri-float-right {
	float: right !important;
}

.siri-all-width {
	width: 100% !important;
}

.siri-all-width-menu {
	width: 94% !important;
	padding-left: 17px;
}

.siri-inner-padding {
	padding: 15px;
}

.siri-login-label-width {
	width: 100px;
}

.siri-login-middle {
	margin-top: 10%;
}

.siri-navbar-brand {
	padding: 2px;
}

.siri-align-center {
	text-align: center;
}

.siri-navbar {
	margin-bottom: 0px;
}

.siri-col-md-clear {
	padding-left: 1px;
	padding-right: 0px;
}

.navbar-fixed-left {
	position: fixed;
	border-radius: 0px;
	height: 100%;
}

.siri-menu-height {
	min-height: 70px;
}

.siri-row {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 60px;
}

.siri-space {
	padding-top: 2px;
}

.siri-modal-dialog {
	width: 100%;
}

.siri-border-right {
	border-right: solid 1px #e7e7e7;
}

.siri-table table thead {
	text-align: center;
	font-weight: bold;
	border-bottom: solid 3px #d9d9d9;
}

.siri-table nav {
	text-align: center;
}

.siri-hidden {
	visibility: hidden;
}

.siri-required {
	color: red;
	font-size: 1.2em;
	font-weight: bold;
}

/*
 * Label de error
 */
.error {
	color: #A94442;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

.input-error {
	border-style: solid;
	border-width: 1px;
	border-color: #A94442;
}

.siri-warning-text {
	color: red;
}

.siri-success-text {
	color: #337ab7;
}
.checkbox.margin{
    margin-left: 2.4%;
}

.modal-terminos-condiciones{
	position: absolute;
	top: 3.7%;
	left: 0%;
	width: 100%;
	height: 30%
}

.siri-traza-error h1 {
	font-size: 1em;
	font-weight:bold;
}

.siri-traza-error h3 {
	font-size: 1em;
}

.siri-ocultar {
	display:none;
}

.siri-well {
	padding: 0px;
    margin-bottom: 0px;
}

.siri-button-height {
	height:34px;
}

.modal-header-siri {
	background-color: #00395A;
	color: #fff;
	border-color: #337ab7;
}

.siri-table-small {
	font-size: 0.9em;
}

.siri-aviso-small {
	font-size: 0.6em;
	text-align: center;
}

.siri-login-right {
	text-align: right;
	padding-right: 15px;
}

/* Bootstrap Override */
.panel-body {
	padding: 0px;
}

.navbar-nav {
	float: none;
}

.panel.panel-info > .panel-body > p{
	padding-left: 1.666%;
    padding-top: 1%;
}

.nav-tabs>li.active>a,
.nav-tabs.nav>li>a:focus {
	text-decoration: none;
	background-color: #326999;
	color: white;
}

#navTab.nav>li>a {
	border-radius: 12px 12px 0 0;
	background: #083A5A;
	color: white;
}

.nav-tabs>li>a>:hover{
	border-color: #eee #eee #ddd;
}

.body-public{
	margin-left: 14%;
}

.header-public-center {
	width: 85.3%;
	left: -1.2%;
	padding-left: 0px;
}

.footer-public-center {
	padding-left: 0px;
	width: 84.3%;
}

html {
	overflow-x: hidden;
}

.form-horizontal {
	padding: 15px 15px 15px 15px;
}

.panel-primary>.panel-heading {
	background-color: #00395A;
}

/*Label de regenerar otro captcha*/
.realperson-regen{
	text-align: left !important;
    color: gray;
    font-weight: 700;
}

/* Estilos para el menu*/
.btn-default-menu
{
  color: #fff;
  background-color: #00395A;
  border-color: #337ab7;
}
.btn-default-menu:focus,
.btn-default-menu.focus
{
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-default-menu:hover,
.btn-default-menu.hover
{
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-default-menu:active,
.btn-default-menu.active,
.open > .dropdown-toggle.btn-default
{
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-default-menu:active:hover,
.btn-default-menu.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default-menu:active:focus,
.btn-default-menu.active:focus,
.open > .dropdown-toggle.btn-default-menu:focus,
.btn-default-menu:active.focus,
.btn-default-menu.active.focus,
.open > .dropdown-toggle.btn-default-menu.focus
{
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default-menu:active,
.btn-default-menu.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.maxWidthCuatroV{
	max-width: 100%;
}
.btn-default-menu.disabled,
.btn-default-menu[disabled],
fieldset[disabled] .btn-default,
.btn-default-menu.disabled:hover,
.btn-default-menu[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default-menu.disabled:focus,
.btn-default-menu[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default-menu.disabled.focus,
.btn-default-menu[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default-menu.disabled:active,
.btn-default-menu[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default-menu.disabled.active,
.btn-default-menu[disabled].active,
fieldset[disabled] .btn-default-menu.active {
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-menu
{
  display: inline-block;
  padding: 3px 3px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 1px;
  margin-top: -1px;
  text-decoration: none;
  width: 100% !important;
}

.btn-menu:HOVER,
.btn-menu.hover
{
  text-decoration: none;
}

.btn-menu:FOCUS,
.btn-menu.FOCUS
{
  text-decoration: none;
}

.btn-submenu
{
	color: #333;
	width: 100%;
}

.btn-submenu:HOVER,
.btn-submenu.HOVER
{
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

/*Modal de pantalla completa*/
.modal-eg{
	overflow-y: hidden !important;
}

.modal-eg div.modal-dialogs{
	height: 100%;
}

.modal-eg div.modal-content{
	height: 100%;
}

.modal-eg div.modal-body{
	height: 82%;
	overflow-y: scroll !important;
}

.modal-backdrop{
    position: fixed !important;
}

input[placeholder]{
	text-overflow: ellipsis;
	font-size: small;
}

input[placeholder]::-moz-placeholder{
	text-transform: none !important;
}
input[placeholder]:-moz-placeholder{
	text-transform: none !important;
}
input:-ms-input-placeholder{
	text-transform: none !important;
}
input::-webkit-input-placeholder{
	text-transform: none !important;
}

.lCapture{
 	width: 715px;
 	background: white;
 }
 

 .modal-eg div.modal-bodyProcesar{
 height: 82%;
	overflow-y: scroll !important;
 }

.divImporteAhorro{
	width:50%; 
	float:right;
	margin-top: 3%;
}

.importeTableBody{
	text-align:center;
}
