@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600');

* {
	font-family: 'Raleway', sans-serif;
}

html {
	height: 100%;	
}

body {
	height: 100%;
	padding-bottom: 70px;	
}

h3 {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	border-bottom: solid 1px #ddd;
	color: #273f56;
}

div.body-login {
	border-top: solid 8px #0e4b55;
	background: rgba(3,60,66,1);
	
	background-image: url(../img/bg-login.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 170%;

	position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
	}

div.body-login .box-login-content .form-control {
		border: none;
		border-bottom: solid 1px #66bcbd;
		border-radius: 0;
		background-color: transparent;
		
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #fff;
		
	}

div.body-login .box-login-content .form-control input {
		color: #fff;
	}

div.body-login .box-login-content h4 {
		color: #51a6a7;
		
	}


div.body-login .box-login-content .btn-default {
	border: none;
    border-radius: 3px;
    padding: 14px 0;
    font-size: 11px;
    text-transform: uppercase;
	
    color: #89d6c5;
    background-color: #273f56;
	}

.body-login .box-login-content input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #fff !important;
  text-transform: uppercase;
}
.body-login .box-login-content input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #fff !important;
  text-transform: uppercase;
}
.body-login .box-login-content input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #fff !important;
  text-transform: uppercase;
}
.body-login .box-login-content input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #fff !important;
  text-transform: uppercase;
}

div.body-login .box-login-content select option {
	color: #666;
	}

div.body-login .has-error .checkbox,
div.body-login .has-error .checkbox-inline,
div.body-login .has-error .control-label,
div.body-login .has-error .help-block,
div.body-login .has-error .radio,
div.body-login .has-error .radio-inline,
div.body-login .has-error.checkbox label,
div.body-login .has-error.checkbox-inline label,
div.body-login .has-error.radio label,
div.body-login .has-error.radio-inline label {
    color: #ffa93d;
}
	
/**/

div.body-logged {
	padding-top: 70px;
	padding-bottom: 70px;
	}
	

/**/

.box-login-content {
	position: relative;
	display: block;
	width: 80%;
	margin: 0 auto;
}

.box-login-content .spacer {
	position: relative;
	display: block;
	width: 100%;
	font-size: 1px;
	height: 1px;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
}

.box-logo-login {
	position: relative;
	display: block;
	padding: 15% 0 10% 0;
}

.box-logo-login img {
	position: relative;
	display: block;
	width: 80%;	
	margin: 0 auto;
}

@media (min-width: 550px){
	
	.box-logo-login {
		position: relative;
		display: block;
		padding: 5% 0 5% 0;
	}
	
	.box-logo-login img {
		position: relative;
		display: block;
		width: 300px;	
		margin: 0 auto;
	}	
}

/**/

.navbar-default {
    background-color: #29756e;
    border-color: #246b64;
    
    -webkit-box-shadow: 0px 0px 7px 3px rgba(15, 37, 34, 0.12);
	-moz-box-shadow: 0px 0px 7px 3px rgba(15, 37, 34, 0.12);
	box-shadow: 0px 0px 7px 3px rgba(15, 37, 34, 0.12);
}

.navbar-default .navbar-nav>li>a {
    color: #89d6c5;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
    background-color: #273f56;
}

.navbar-toggle {
    padding: 9px 7px;
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #acd6d2;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #38827b;
}

.navbar-nav {
    margin: 0 -15px;
}

.nav > li {
    position: relative;
    display: block;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #b9e4dc;
    background-color: #1d3348;
}

.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #1d3348;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #aed7d2;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #d3eae8;
    background-color: transparent;
}

@media (min-width: 768px){
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    border: none;
	    background-color: transparent;
	}
	
	.navbar-nav {
	    float: right;
	}
	
	.navbar-default .navbar-nav>li>a {
		color: #fff;
	}
	
}

/**/

.navbar-header {
	text-align: center;
}

.navbar-header a {
	margin: 0 0 0 0;
	left: 0;
	position: relative;
}

@media (max-width:768px){
	
	.navbar-header a {
		margin: 0 0 0 50%;
		left: -99px;
		position: absolute;
	}
		
}

.navbar-brand img {width: 150px;}

/**/

.btn-add-style {
    padding: 15px 5%;
    border-radius: 3px;
	border: none;
	background-color: #273f56;
	color: #fff;
	font-size: 14px;
    vertical-align: top;
    line-height: 27px;
	font-weight: 300;
	text-transform: uppercase;
}

.btn-add-style .add-icon {
    position: relative;
    display: inline-block;
	width: 20px;
	height: 20px;
	top: 4px;
	margin: 0 14px 0 0;
	
	background-position: center center;
	background-repeat: no-repeat;
}

.btn-add-style .icon-a { background-image: url(../img/icon/icon-cuenta-activa.png);}
.btn-add-style .icon-b { background-image: url(../img/icon/icon-tenencia-actual.png);}
.btn-add-style .icon-c { background-image: url(../img/icon/icon-movimientos.png);}
.btn-add-style .icon-d { background-image: url(../img/icon/icon-tenencia.png);}
.btn-add-style .icon-e { background-image: url(../img/icon/icon-links.png);}

/**/

.text-align-left {
	text-align: left;
}

.text-align-center {
	text-align: center;
}

.text-align-right {
	text-align: right;
}

/**/

.divider {
	position: relative;
	display: block;
	width: 100%;
	font-size: 1px;
	height: 1px;
	padding: 30px 0 0 0;
	margin: 0 0 30px 0;
	border-bottom: solid 1px #ddd;
}

/**/

table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	}

table caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
	}

table tr {
	background: #f8f8f8;
	padding: .35em;
	}

table th, table td {
	padding: .625em;
	text-align: center;
	}

table th {
	font-size: .85em;
	letter-spacing: .1em;
	text-transform: uppercase;
	}

@media screen and (max-width: 600px) {
	
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none;
}
	
	.table {
		border: 0;
		padding: 15px 0;
	}
	
	.table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	
	.table tbody {
		background-color: #4f667d;
	}
	
	.table tr {
		display: block;
	}
	
	.table tbody tr {
		margin: 0 0 5px 0;
	}
	
	.table td {
		border-top: none;
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: 13px;
		text-align: right;
		font-weight: bold;
	}
	
	.table td:before {
		/* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);*/
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		color: #51b3aa;
	}
	
	.table td:last-child {
		border-bottom: 0;
	}
	
	.table tfoot tr {
		background-color: #4f667d;
	}
	
	.table tfoot tr td {
		color: #fff;
		font-size: 16px;		
		font-weight: normal;
	}
	
	.table tfoot tr td b {
		color: #56c78a;
	}
	
	.table tfoot td { 
		border-bottom: 1px solid #4d6680;
	}
	
}

.panel-default>.panel-heading {
    color: #fff;
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #29756e;
    border-color: #1c5a55;
}

.nav-tabs {
    margin: 0 0 20px 0;
}

.btn-back {
	position: relative;
    display: inline-block;
    float: none;
    background-color: transparent;
    border: none;
    height: 50px;
    width: 50px;
    background-image: url(../img/icon/icon-back.png);
    background-position: center center;
    background-repeat: no-repeat;
    left: 0;
    z-index: 100;
}

@media (max-width:768px){
	
	
	.btn-back {
		position: absolute;
	}
	
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 64px;
    height: 64px;
    
    background-image: url(../img/icon/ajax-loader.gif);
    background-position: center center;
    background-color: #fff;
    
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.ui-loading .ui-loader{
	display:block
}

.ui-loader{
	display:none;
	z-index:9999999;
	position:fixed;
	top:50%;
	left:50%;
	border:0
}

.ui-loader-default{
	background:0;
	filter:Alpha(Opacity=18);
	opacity:.18;
	width:2.875em;
	height:2.875em;
	margin-left:-1.4375em;
	margin-top:-1.4375em
}

.ui-icon-loading {
    background: url(../img/icon/ajax-loader.gif);
    background-size: 2.875em 2.875em;
}

.ui-loader {
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 0;
}

.ui-loader h1{
	display:none;
}

.clear {
	position: relative;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1px;
	font-size: 1px;
}

#lblTotalText,#lblTotal {
	font-size: 16px;
}

/**/

.bg-light-green {
	background-color: #d4e3e2;
}

.navbar-fixed-bottom {
	border: none;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #1d8b81;
	min-height: auto;
}

.navbar-fixed-bottom span.user-data {
	font-size: 15px;
    font-weight: 500;
    color: #1d8b81;
    padding: 7px 0 7px 26px;
    display: inline-block;
    background-position: 0px 9px;
    background-repeat: no-repeat;
    background-image: url(../img/icon/icon-account.png);
}

.dismiss-open {
	position: absolute;
    height: 100%;
    z-index: 9999999;
    display: block;
    width: 100%;
}

.icon-nav {
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 60px !important;
}

.icon-login { background-image: url(../img/icon/icon-login.png);}
.icon-key { background-image: url(../img/icon/icon-key.png);}
.icon-user { background-image: url(../img/icon/icon-user.png);}
.icon-pwd-PDF { background-image: url(../img/icon/icon-w-lock-PDF.png);}

.icon-shield { background-image: url(../img/icon/icon-shield.png);}
.icon-ask { background-image: url(../img/icon/icon-ask.png);}
.icon-contact { background-image: url(../img/icon/icon-contact.png);}
.icon-book { background-image: url(../img/icon/icon-book.png);}

.inner-menu {
	position: relative;
	display: block;
    background-color: #1a2d40;
    padding: 15px 0 20px 0;
    margin: 0;
}

.inner-menu .btn-menu-hide {
	position: relative;
	display: none;
    padding: 15px 0 15px 0;    
    background-color: #2a635d;
}

.inner-menu ul {
	position: relative;
	display: block;
    padding: 0;
}

.inner-menu ul li {
	position: relative;
	display: block;
	margin: 0 0 1px 0;
}

.inner-menu ul li a {
	position: relative;
	display: block;
    padding: 10px 0;
    color: #6ec3b8;
    text-decoration: none;
}

@media(min-width:768px){
	
	.inner-menu {
		background: #f00;
		padding: 0;
		width: 48px;
	}
	
	.inner-menu span {
		background-position: center center;
	}
	
	.inner-menu .btn-menu-hide {
		display: block;
	}
	
	.inner-menu ul {
		display: none;
		position: absolute;
	    right: 0;
	    top: 51px;
	    width: 240px;
	    background-color: #10575f;
	    padding: 10px 0;
	}
	
	.inner-menu:hover ul {
		display: block;
	}
	
	.nav > li > .icon-nav {
		background-position: 15px center;
		background-repeat: no-repeat;
		background-image: none;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.icon-navi { background-image: url(../img/icon/icon-nav.png)!important;}
	
	
}