html,
body 
{
	margin:0;
	padding:0;
	height:100%;
	background-color: #edf4f3;
}

input[type="text"]{
	text-transform: uppercase;
}

input[type="email"]{
	text-transform: uppercase;
}

/* all */
::-webkit-input-placeholder { text-transform: initial; }
::-moz-placeholder { text-transform: initial; } /* firefox 19+ */
:-ms-input-placeholder { text-transform: initial; } /* ie */
input:-moz-placeholder { text-transform: initial;}
*/
*,
*:before,
*:after 
{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#wrapper {
	min-height:100%;
	position:relative;
}
#content {
	padding-bottom:150px;
}
#footer {
	width:100%;
	height:150px;
	position:absolute;
	bottom:0px;
	left:0;
}
 
#header {
	width:100%;
	height:150px;
	/*position:absolute;*/
	padding: 0 0 0 0;
	top:0px;
	left:0;
}

#menu {
	width:200px;
	height:80%;
	position:absolute;
	padding: 0 0 0 0;
	top:150px;
	left:0;
	float:left;
}

#menuResponsive {
	height:80%;
	position:absolute;
	padding: 0 0 0 0;
	top:150px;
	left:0;
	float:left;
}

/* ============ FONTS INI ===============*/
@font-face {
    font-family: 'alleritalic';
    src: url('../fonts/aller_it-webfont.eot');
    src: url('../fonts/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_it-webfont.woff2') format('woff2'),
         url('../fonts/aller_it-webfont.woff') format('woff'),
         url('../fonts/aller_it-webfont.ttf') format('truetype'),
         url('../fonts/aller_it-webfont.svg#alleritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aller_lightregular';
    src: url('../fonts/aller_lt-webfont.eot');
    src: url('../fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_lt-webfont.woff2') format('woff2'),
         url('../fonts/aller_lt-webfont.woff') format('woff'),
         url('../fonts/aller_lt-webfont.ttf') format('truetype'),
         url('../fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aller_lightitalic';
    src: url('../fonts/aller_ltit-webfont.eot');
    src: url('../fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_ltit-webfont.woff2') format('woff2'),
         url('../fonts/aller_ltit-webfont.woff') format('woff'),
         url('../fonts/aller_ltit-webfont.ttf') format('truetype'),
         url('../fonts/aller_ltit-webfont.svg#aller_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff2') format('woff2'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff2') format('woff2'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerbold_italic';
    src: url('../fonts/aller_bdit-webfont.eot');
    src: url('../fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bdit-webfont.woff2') format('woff2'),
         url('../fonts/aller_bdit-webfont.woff') format('woff'),
         url('../fonts/aller_bdit-webfont.ttf') format('truetype'),
         url('../fonts/aller_bdit-webfont.svg#allerbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ============ FONTS FIN ===============*/

/* ============ TEXTS INI ===============*/

.title
{
	font-family: 'allerregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1.8em;
}

.subtitle-n1
{
	font-family: 'aller_lightregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1.8em;
}

.subtitle-n2
{
	font-family: 'allerregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1.3em;
}

.subtitle-n3
{
	font-family: 'allerregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1em;
}

#dropdownMenuHeader {
	top:110%; 
	left:50%; 
	display:none;
}

.subtitle-n4
{
	font-family: 'aller_lightitalic';
	font-size: 0.9em;
}

.inner-text
{
	font-family: 'aller_lightregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1em;
}

/* ============ TEXTS FIN ===============*/


/* ============ BTNS INI ===============*/

.btn-default
{
	font-family: 'allerregular';
	border-color: #abaaaa;
	border-width: 2px;
	background-color: #d9d8d8;
	color: #666666;
	font-weight: bold;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default 
{
	border-color: #868585;
	background-color: #d9d8d8;
	color: #666666;
}


.btn-component
{
	border-color: #ccc;
	border-width: 1px;
	background-color: #fff;
	color: #333;
}

.btn-component:hover,
.btn-component:focus,
.btn-component.focus,
.btn-component:active,
.btn-component.active,
.open > .dropdown-toggle.btn-component 
{
	border-color: #aaa;
	background-color: #fff;
	/*border-color: #84B564;*/
}


.btn-primary
{
	font-family: 'allerregular';
	background-color: #4664b6;
	border-color: #4664b6;
	border-width: 2px;
	font-weight: bold;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary 
{
	border-color: #36519a;
	background-color: #4664b6;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	color: #c4dab5;
  	border-color: #c4dab5;
  	border-width: 2px;
  	background-color: #f9f9f9;
}

.btn-xs
{
	font-weight: normal;
}

/* ============ BTNS FIN ===============*/


/* ============ INNER INI ===============*/

header
{
	background-color: white;
}
header .logo
{
	padding: 15px 0 0 40px;
	height: 100px;
	text-align: center;
}

header nav
{
	font-family: 'aller_lightregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1.1em;
	padding-top: 80px;
	text-align: center;
}

header nav a
{
	padding: 15px 15px 25px 15px;
}

header nav a:link, header nav a:visited
{
	color:#9fa7c6;
}

header nav a:hover, header nav a:focus
{
	font-family: 'aller_lightregular', 'Helvetica', 'Arial', 'sans-serif';
	color: white;
	text-decoration: none;
	background-color: #32487d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

header #buscar
{
	padding-top: 60px;
}

header #buscar input
{
	background-color: #f1f1f1;
	border-color: #cce6e5;
	font-family: 'allerregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 0.9em;
	color: #00827b;
	height: 40px;
}

header #buscar .glyphicon
{
	color: #a8a8a8;
	font-size: 1.1em;
	padding-top: 3px;
}

.inner .user-data
{
	margin-top: 67px;
	text-align: right;
	color: #8b8989;
}

.inner .user-welcome {
	/*float : left;
	text-align: left;*/
	color: #8b8989;
	position: absolute;
	padding: 100px 0px 0px 300px;
	font-size: 16px;
}

#slider
{
	padding: 0px;
	margin: 5px 0px 0px 0px;
	border-bottom: 4px solid #178877;
}

#slider img
{
	width: 100%;	
}

#login
{
	width: 246px;
	height: 350px;
	border: 3px solid #339b95;
	position: relative;
	left: 78%;
	top: -350px;
	background-color: white;
}

#login
{
	font-family: 'allerregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1.2em;
	color: #136a66;	
}

#iconos
{
	background-color: #339B95;	
	min-height: 72px;
	margin: 0px;
	text-align: center;
	border-bottom: 4px solid #178877;
}

#iconos .nav > li
{
	text-align: center;
}

#iconos .nav > li > a:hover,
#iconos .nav > li > a:focus {
  text-decoration: none;
  background-color:#37a49e;
}

#iconos .nav-pills > li.active > a,
#iconos .nav-pills > li.active > a:hover,
#iconos .nav-pills > li.active > a:focus 
{
  color: #fff;
  background-color: none !important;
}


footer
{
	background-color: white;
	color: #afafaf;
	font-family: 'aller_lightregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 0.9em;
	padding: 0px 45px 25px 45px !important;
	margin-top: -70px;
}

footer nav a:link, footer nav a:visited 
{
	color: #afafaf;
	text-decoration: none;
}

footer nav a:hover, footer nav a:focus 
{
	color: #999;
}

footer .footer-right
{
	float: right;
	text-align: right;
	margin-top: 8px;
}

footer .footer-right img
{
	margin-bottom: 5px;
}

.col-sm-6.input-group.date{
	width: 52%;
}

/* ---  INNER  --- */

.inner #slider
{
	border-bottom: 4px solid #178877;
} 

.inner #contenido #titulo-barra
{
	min-height: 63px;
	background-color: #516dab;
	border-top: 3px solid #49629a;
}

.inner #contenido #titulo-barra .title
{
	color: white;
	padding-top: 20px;
}

.inner #contenido #contenido-articulo
{
	padding-left: 30px;
}

.inner #contenido #contenido-articulo .subtitle-n1
{
	color: #6a78aa;
	padding-bottom: 15px;
}

.inner #contenido #contenido-articulo .inner-text
{
	color: #808080;
	line-height: 1.8em;
}

.inner #contenido #titulo-barra nav
{
	padding-top: 20px;
}

.inner #contenido #titulo-barra .nav > li > a:link, .inner #contenido #titulo-barra .nav > li > a:visited
{
	font-family: 'aller_lightregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1em;
	color: #b6bfd7;
}



.inner #contenido #titulo-barra .nav > li > a:hover, .inner #contenido #titulo-barra .nav > li > a:focus
{
	text-decoration: none;
  	background-color:#5775b7;
}

.inner #contenido #breadcrum .breadcrumb
{
	background-color: white !important;
	font-family: 'aller_lightregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 0.8em;
	color: #a4acc8;
	padding-top: 10px;
	
}

.inner #contenido #breadcrum .breadcrumb > li + li:before 
{
	color: #a4acc8;
}

.inner #contenido #breadcrum .breadcrumb > li + li:before 
{
  content: "\003E";
}

.breadcrumb > .active 
{
  color: #777;
}


/* .inner-trans header */
/* { */
/* 	padding-bottom: 20px; */
/* } */

#header-title
{
	background-image: url('../images/cabezal-interior.jpg');
	height: 214px;
	width: 100%;
	margin-left: 0px;
	font-family: 'allerregular', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 52px;
	text-shadow: 0px 0px 6px #000000;
	padding-top: 85px;
	color: white;
	line-height: 50px;
	border-bottom: 8px solid #00877f;
}

.inner-trans #header
{
	border-bottom: 4px solid #add7d5;
	background-color: white;
}

.inner-trans #footer
{
	margin-top: 20px !important;
	border-top: 4px solid #add7d5;
	background-color: white;
}

.inner-trans footer
{
	padding-top: 30px;
	margin-top: 10px;
}

.inner-trans .panel-default 
{
  border-color: #007566;
}

.inner-trans .panel-primary 
{
  border: none;
}

.inner-trans .panel-default>.panel-heading 
{
  color: #FFF;
  font-weight: bold;
  background-color: #007566;
  border-color: #007566;
}

.inner-trans .inner-container
{
  background-color: #edf4f3;
  padding-top: 28px;
}

.inner #contenido
{
	position: relative;
	top: -260px;
}

/* ---  INNER  FIN --- */


/* ---  LOGIN  INI --- */

#login-ext
{
	width: 240px;
	min-height: 320px;
	background-color: #ededed;
	padding: 15px 15px 8px 15px;
	font-family: 'allerregular';
}

#login-ext .tab-content
{
	padding: 10px 6px;
}

#login-ext .tab-content .btn-default
{
	width: 100%;
	background-color: #275373;
	border: none !important;
	height: 33px;
	text-transform: uppercase;
	color: #cccccc;
	margin-top: 10px;
}

#login-ext .form-group
{
	margin-bottom: 10px;
}

#login-ext .form-control
{
	padding-top: 10px;
}

#login-ext .nav-tabs>li
{
	margin-bottom: -2px;
}

#login-ext .nav-tabs>li>a
{
	font-family: 'allerbold';
	font-size: 13px;
	border: 2px solid #abd0ce;
	border-bottom: none;
	text-transform: uppercase;
	color: #b0b9c2;
	margin-right: 6px;
}

#login-ext .nav-tabs>li.active>a, #login-ext .nav-tabs>li.active>a:focus, #login-ext .nav-tabs>li.active>a:hover
{
	background-color: #339b95;
	font-family: 'allerbold';
	border: 2px solid #339b95;
  	border-bottom-color: transparent;
  	color: white;
  	text-transform: uppercase;
}

#login-ext .nav-tabs 
{
  border-bottom: 2px solid #339b95;
}

#login-ext .nav>li>a
{
	padding: 8px 12px;
}

/* ---  LOGIN  FIN --- */

/* //============ NAV INI ===============*/

#content, #wrapper
{
	min-height: 99%;
}

.privada
{
	padding-top: 160px;
}

.inner nav
{
	background-color: white;
	float: left;
	min-height: 100%;
	height: 100%;
	
}

.inner nav>div 
{
	/*margin: 20px 0px;*/
	padding-right: 10px;
	border-right: solid 1px #e5e5e5;
	height: 100%;	
}


.menuDesktopWrapper .nav-pills > li
{
	padding: 15px 25px 10px 25px;
	text-align: center;
	width: 200px;
}


.menuDesktopWrapper .nav-pills > li > a 
{
  border: 2px solid #59ada4;
  background-color: #59ada4;
  color: #fff;
  font-family: 'aller_lightregular';
  font-size: 0.9em;
  padding-right: 0px;
}
#menuResponsive .menuMobileWrapper{
	background-color: transparent;
}

.menuMobileWrapper .dropdown-menu > li > a{
	padding: 6px 20px;
	font-weight: 600;
}
.menuMobileWrapper .nav-pills > li > a 
{
  border: 2px solid #59ada4;
  background-color: #59ada4;
  color: #fff;
  font-family: 'aller_lightregular';
  font-size: 0.9em;
  padding: 10px 13px;
  border-radius: 27px;
  
}

.menuMobileWrapper .nav-pills > li
{
    padding: 0px 1px;
}

.menuMobileWrapper .nav-pills > li > a .glyphicon{
	font-size: 16px;
	top: 3px;
}


.inner .nav-pills > li > a:hover,
.inner .nav-pills > li > a:focus 
{
  	border: 2px solid #428c84 !important;
}

.menuDesktopWrapper .dropdown-menu{
	top: 20%;
	left: 87%;
}

.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    vertical-align: bottom;
    width: 0;
    margin: 5px;
}

.caret-down {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    vertical-align: bottom;
    width: 0;
    margin: 5px;
}

.letra-roja{
  color: #a94442;
}
.letra-amarilla{
	color: #d58512;
}
/* //============ NAV FIN ===============*/

.panel-header-accordion {
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}


.inner .nav-pills>li>a:hover, .inner .nav-pills>li>a:focus {
    border: 2px solid #428c84 !important;
    background-color: #428c84;
}

.menu-header {
	padding: 15px 25px 0px 25px;
	text-align: center;
	color: #8b8989;
}

.static-paragraph-item {
	margin-left:1em;
}

.leyenda-carga-nomina {
	text-align: justify;
	color: #8b8989;
	font-size: 12px;
	line-height: 1.0;
	/*margin-top: -20px;*/
}

caption {
    text-align: justify;
    padding-left: 5px;
}

.alert {
	margin-top: 20px;
}

/* ---  ESTILOS AGREGADOS fklanian --- */

/* estilos genericos */
body, html{background:rgba(0, 0, 0, 0.02); height:100%}
body{min-height:100%;}
*{font-family:�allerregular�,'Helvetica','Arial','sans-serif';}

/* box-shadow */
{-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2); box-shadow: 0 0 20px 0 rgba(0,0,0,.2)}

/* transitions */
a{-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out}

.sliderT{width:100%; float:right}
.sliderT img{width:100%; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}

/* br */
header br{display:none}

/* header */
.inner-trans #header{border-bottom:3px solid rgba(0, 0, 0, 0.08)}
#header{height:100px;
-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.05); box-shadow:0 0 5px 0 rgba(0,0,0,.05)}
#header .logo {padding:15px 0 0; height:auto; text-align:left}
#header .logo a{display:block; width:100%}
#header .logo a img{width:80%; margin:0 0 0 20px}
#header .inner .user-data{padding-right:0; padding-top:45px!important}
#header .user-data span.subtitle-n4{border-right:1px dotted #005F5A; font-family:allerregular; padding:0 7px!important}
#header .user-data span:last-child{border-right:none}
#header .user-data span.subtitle-n4:first-child{border-left:none}
#header .user-data span.subtitle-n4 span a{color:#00827b!important}

/* nav */
#menu{float:left; margin:40px 0 0; padding:0; position:static; width:20%}
#menu .inner nav{background:none; float:right; height:auto; width:100%} 
.inner nav>div{border-right:none; padding:0}
.menuDesktopWrapper .nav-pills > li{margin:0 0 10px; padding:0; width:100%}
.menuDesktopWrapper .nav-pills > li > a, .menuDesktopWrapper .nav-pills > li > a:hover, .menuDesktopWrapper .nav-pills > li > a:focus{border:none!important; text-transform:uppercase}
.inner .nav-pills>li>a{background:#00827b!important}
.inner .nav-pills>li>a:hover{background:#005F5A!important}


/* content */
.privada{padding-top:110px}
#content{}
#wrapper .menuDesktopWrapper {background:none!important; width:90%}
#divMensajes {margin-left:0!important}
.panel-body{padding:0}
.panel-title{color:#00827b; font-size:1.6em; font-weight:600; padding:10px 0 0}
.inner-trans .panel-default{border-color:#ccc; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.1); box-shadow:0 0 20px 0 rgba(0,0,0,.1); padding:20px}
.inner-trans .panel-default>.panel-heading{background-color:#fff; border:none!important; margin:0 0 30px 0; padding:0}
.inner .user-welcome {color:#8b8989; padding:0; font-size:1em; float:left; position:relative; top:120px; left:-30px; font-weight:600}
.col-sm-6.input-group.date{left:0!important; padding:0; width:100%!important}
div.text-center{padding:0 0 10px; text-align:left}

/* forms */
.form-control{background:#f1f1f1; border:1px solid #ccc; border-radius:0; color:#555; height:auto!important; padding:5px 10px 5px 5px!important}
.form-control2{background:#f1f1f1; border:1px solid #ccc; border-radius:0; color:#555; padding:5px 10px 5px 5px!important}
.form-control1{background:#f1f1f1; border:1px solid #ccc; border-radius:0; color:#555; }
.form-horizontal .control-label {color:#545454; font-size:12px; font-weight:600; margin: 0 0 2px; padding:0; text-align:left; width:100%}
fieldset{padding:0; margin:0; border:1px solid #ccc; border-radius:3px; margin:0 0 25px 0; padding:20px;
-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.05); box-shadow:0 0 5px 0 rgba(0,0,0,.05)}
legend{border:none; color:#00827b; display:block; font-size:14px; font-weight:bold; margin-bottom:0; text-transform:uppercase; width:auto;}
input[type=text], select{}

/* forms (placeholder) */
.form-control:focus {border-color:#00827b; outline: 0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}

/* table */
.table-bordered{border:none}
.table-bordered>tbody>tr>th{border:none; font-size:12px; padding:0}
.table-bordered>tbody>tr>td{border:none; padding:0 20px 20px 0}
/*.table-hover>tbody>tr:hover{background:none!important}*/
.table-striped>tbody>tr:nth-of-type(odd); .table-striped>tbody>tr:nth-of-type(odd):hover; .table-striped:hover{background:#fff!important}
.fixed-table-body{margin:0}
.fixed-table-container{border-radius:none!important}
.fixed-table-container thead th.th-inner{line-height:15px}
.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner{line-height:7px!important}
.fixed-table-container thead th:first-child{border-radius:none!important; -moz-border-radius-topleft:0!important; border-top-left-radius:0!important}
/*.fixed-table-container tbody tr:first-child td{background:#f2f2f2}*/
.bootstrap-table .table thead > tr > th, .fixed-table-container tbody td .th-inner{background:#00827b!important; color:#fff; font-size:.8em; font-weight:normal; line-height:15px!important; margin:0; padding:2px 10px!important; vertical-align:top; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap;}

/* date picker */
.datepicker-days td.active day{border-radius:none!important; background:#00827b!important; color:#fff}

/* login */
#login-ext .tab-content .btn-default{background:#406daf; border:2px solid #39629d; margin:0!important}
#login-ext .form-control{padding-top:7px}

/* cols */
.col-sm-7{width:100%; margin:0; padding:0}
.form-horizontal .form-group{margin:0 0 20px; padding:0 20px 0 0}

/* buttons */
.btn-group, .btn-group-vertical{margin:0!important; padding:0!important}
/*.pull-right{float:left!important} que mala idea que fue esto, quien fue?*/
.btn-group .btn-primary{backgorund:#516dab!important; border:none!important; border-radius:4px!important; float:left!important; text-transform:uppercase!important}
.btn-group .btn-primary:hover{backgorund:#587ac6!important}
.btn-default{border:none!important; border-radius:4px!important; float:left!important; margin:0 0 0 15px!important; text-transform:uppercase;}
.glyphicon-ok:before{color:#fff}
#btnCargarDiv{float:left; margin:15px 0 0; padding:0}

/* dropdown menu */
.open>.dropdown-menu{padding:0; box-shadow:0 0 12px rgba(255,255,255,.9)!important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background:#00827b!important; color:#fff}

/* footer */
#footer{bottom:-9px; color:inherit; height:100px}
footer{padding:0 15px!important}
footer, footer .container{background:#ddd}
footer .footer-right img{margin-bottom:10px}
footer .footer-right{color:#555; margin:0;} /* width:30%}*/
footer nav {width:auto!important; margin-top:20px}
footer nav ul{padding:0}
footer nav ul li {list-style:none; padding: 0 10px 0 10px}
footer nav ul li:first-child{}
footer nav a{color:#555!important; text-decoration:none; font-size:.9em;}
footer nav a:hover{color:#333}
.inner-trans #footer{background:rgba(0, 0, 0, 0.08); border-top:3px solid rgba(0, 0, 0, .05); margin-top:10px!important; padding-top:0!important;}
.inner-trans footer{background:none; margin-top:15px}
.inner nav{width:auto; margin:0!important}

.footer-deanda {background:#e7e7e7; padding:20px}   
.footer-deanda h4 {color:#49629a; font-size:1.2em; font-weight:bold; padding:0 0 5px}    
.footer-deanda ul {margin:0; padding:0}   
.footer-deanda ul li{float:left; list-style:none; margin-left:20px; width:auto}  
.footer-deanda ul li:first-child{margin-left:0}  
.footer-deanda ul li p {color:#49629a; font-size:.9em; line-height:1.5em}   
.footer-deanda ul li p i{font-family:"FontAwesome"; font-size:14px; margin:0 5px 0 0}   
.footer-deanda ul li p a{color:#49629a}   
.footer-deanda ul li h5{color:#49629a; font-size:.9em; font-weight:bold; margin:0 0 15px}


#menuResponsive { display: none; }
#menuResponsive { float:left; margin:10px 0 0; padding:0; position:static; }
#menuResponsive .inner nav { background:none; float:right; height:auto; width:100% }
/*=================================== RESPONSIVE INICIO ====================================== */

#cotizacion{margin-top: 10px;}
@media (min-width: 992px) and (max-width: 1199px) {
		.inner .user-data { margin-top: 54px; }
		#cotizacion{margin-top: 10px;}
}
	
/* -----------------------Tablets en horizonal y escritorios normales------------------------ */
@media (min-width: 768px) and (max-width: 991px) { 
	
	header nav a { padding: 15px 5px 15px 5px; }
  	header nav { padding-top: 20px; }
	header #buscar { padding-top: 20px; }
	#login { left: 70%; width: 200px; }
	.inner .user-welcome { top: 120px; }
	#header .logo a img { width: 75%; }
	.inner .user-data { margin-top: 45px; }
	
}
 
/* ----------------------Móviles en horizontal o tablets en vertical----------------------*/
@media (max-width: 767px) {
	
	header nav { font-size: 1em; }
	header nav a { padding: 15px 10px 15px 10px; }
	#login { position: static; }
	/*#login-ext { width: 100%; height: 100%; zoom: 1.5; -moz-transform: scale(1.5);}*/
	#header .logo a img { width: 90%; }
	.inner .user-data { margin-top: 15px; }
	.inner .user-welcome { left: 150px; top: 50px; }
	.form-horizontal .form-group{margin:0 0 0px; padding: 0 5px 0 0;}
	#tipoCuentaDiv{float: right;}
	#cotizacion{margin-left: 15px; margin-top: 0px;}
	#dropdownMenuHeader {
		top:110%; 
		left:auto; 
		display:none;
		right: 0;
	}
	#dropdownMenuHeaderRes {
		left:auto; 
		right: 0;
	}
	.open>.dropdown-menu{left: auto; right: 0;}
	
}
 
/* ----------------------Móviles en vertical----------------------*/
@media (max-width: 480px) {

	header nav a { adding: 15px 10px 15px 10px; }
	#header .logo a img { width: 90%; }
	.inner .user-welcome { left: 90px; top: 60px; }
	/*#menu { display: none; }
	#menuResponsive { display: block; }*/
	.panel-title { font-size: 1.2em; }
/* 	footer .footer-right { width: 100%; } */
	.inner .user-data { margin-top: 15px; }
	/*#login-ext { transform: scale(1.5); margin-left: 60px; margin-top: 80px; }*/
	/*#divTablaCuentas { display: none; }
	#divTablaCuentasMovil { display: inline; }
	#divTablaAdicionales { display: none; }
	#divTablaAdicionalesMovil { display: inline; }*/
	
	.bootstrap-table .table thead > tr > th, .fixed-table-container tbody td .th-inner { padding: 2px 2px !important; }
	#cotizacion{margin-left: 15px; margin-top: 0px;}
}

@media (max-width: 400px) {

	#header .logo{padding: 37px 0px 0px 0px;}
	.inner .user-data { margin-top: 15px; }
}

#btnTransferenciaMobile{
	margin-right:0px;
}

/*@media (max-width:990px) 
{

  	
}*/

/*@media (max-width:560px) 
{
	
}*/
/*=================================== RESPONSIVE FIN ====================================== */




/* -----------snippet para multi-leve submenu---------------gcarlosena 20171127 -- */
/*https://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* FIN-----------snippet para multi-leve submenu---------------gcarlosena 20171127 -- */

/* Inicio Ckeckbox*/
.checkbox-wrapper-34 {
    --blue: #005F5A;
    --g08: #E1E5EB;
    --g04: #848ea1;
    float: inherit;
  }

  .checkbox-wrapper-34 .tgl {
    display: none;
  }
  .checkbox-wrapper-34 .tgl,
  .checkbox-wrapper-34 .tgl:after,
  .checkbox-wrapper-34 .tgl:before,
  .checkbox-wrapper-34 .tgl *,
  .checkbox-wrapper-34 .tgl *:after,
  .checkbox-wrapper-34 .tgl *:before,
  .checkbox-wrapper-34 .tgl + .tgl-btn {
    box-sizing: border-box;
  }
  .checkbox-wrapper-34 .tgl::selection,
  .checkbox-wrapper-34 .tgl:after::selection,
  .checkbox-wrapper-34 .tgl:before::selection,
  .checkbox-wrapper-34 .tgl *::selection,
  .checkbox-wrapper-34 .tgl *:after::selection,
  .checkbox-wrapper-34 .tgl *:before::selection,
  .checkbox-wrapper-34 .tgl + .tgl-btn::selection {
    background: none;
  }
  .checkbox-wrapper-34 .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 57px;
    height: 27px;
    position: relative;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
  }
  .checkbox-wrapper-34 .tgl + .tgl-btn:after,
  .checkbox-wrapper-34 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 44%;
    height: 100%;
  }
  .checkbox-wrapper-34 .tgl + .tgl-btn:after {
    left: 0;
  }
  .checkbox-wrapper-34 .tgl + .tgl-btn:before {
    display: inline;
    position: absolute;
    top: 7px;
  }
  .checkbox-wrapper-34 .tgl:checked + .tgl-btn:after {
    left: 56.5%;
  }

  .checkbox-wrapper-34 .tgl-ios + .tgl-btn {
    background: var(--g08);
    border-radius: 20rem;
    padding: 2px;
    transition: all 0.4s ease;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  }
  .checkbox-wrapper-34 .tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    background: #fff;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .checkbox-wrapper-34 .tgl-ios + .tgl-btn:before {
    /* content: "No"; */
    left: 28px;
    color: var(--g04);
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .checkbox-wrapper-34 .tgl-ios + .tgl-btn:active {
    box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
  }
  .checkbox-wrapper-34 .tgl-ios + .tgl-btn:active:after {
    padding-right: 0.4em;
  }
  .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn {
    background: var(--blue);
  }
  .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:active {
    box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.1);
  }
  .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -0.4em;
  }
  .checkbox-wrapper-34 .tgl-ios:checked + .tgl-btn:before {
    /* content: "Si"; */
    left: 4px;
    color: #fff;
  }
/* FIN CHECKBOX*/