body {
	padding: 0 !important;
	margin: 0 !important;
}
form {
	background-color: #EEF3F6;
	border: 1px solid #A9BDC8;
	color: #333333;
	font-size: 14px;
    font-family: 'Cabin';
    font-weight: bold;
}
.login {
    padding: 5%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.login h3 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.login h5 {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.login button {
    font-size: 14px;
    background-image: linear-gradient(#2FB3FB, #003153);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.login button:hover {
    background-image: linear-gradient(#2AA1E1, #056AAC);
}
/*CSS MODAL*/
h4.modal-title {
	/*color: #337AB7;*/
	color: #003153;
	font-size: 18px;
    font-family: 'Cabin';
    font-weight: bold;
}
.modal-body .form-abogado-contraparte {
	margin-top: 10px;
	background-color: #D0DEE7;
	border: 1px solid #A9BDC8;
	cursor: default;
}

.modal-body .form-abogado-contraparte table {
	margin-bottom: 0;
	background-color: #D0DEE7;
	color: #333333;
	cursor: default;
}
.modal-body .form-abogado-contraparte table th {
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
	border-right: 1px solid #FFFFFF;
}
.modal-body .form-abogado-contraparte table th:last-child {
	border-right: none;
}
.modal-body .form-abogado-contraparte table thead tr th {
	vertical-align: middle;
}
.modal-body .form-abogado-contraparte table td {
	color: #333333;
	text-align: center;
	font-size: 11px;
}

.modal-body table.table-historial {
	margin-bottom: 0;
	background-color: #D0DEE7;
	color: #333333;
	cursor: default;
	font-size: 14px;
    font-family: 'Cabin';
}
.modal-body table.table-historial th {
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #FFFFFF;
}
.modal-body table.table-historial th:last-child {
	border-right: none;
}
.modal-body table.table-historial thead tr th {
	vertical-align: middle;
}
.modal-body table.table-historial td {
	color: #333333;
	text-align: center;
	font-size: 11px;
}
.modal-body p {
	/*color: #003153;*/
	color: #333333;
	font-size: 14px;
    font-family: 'Cabin';
    font-weight: bold;
}
/*END CSS MODAL*/
/*FONT FAMILY*/
@font-face {
	font-family: 'Cabin';
	src: url('../Fonts/Cabin.ttf');
}
/*END FONT FAMILY*/
/*CSS FONT AWESOME ICONS*/
.fa-user {
	color: #333333;
}
.fa-lock {
	color: #333333;
}
/*END CSS FONT AWESOME ICONS*/
/*CSS ALIGNS*/
.center-align {
	text-align: center;
}
.justify-align {
	text-align: justify;
}
.left-align {
	text-align: left;
}
.right-align {
	text-align: right;
}
/*END CSS ALIGNS*/
/*CSS BUTTONS*/
.btn.font {
	font-size: 12px;
    font-family: 'Cabin';
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.btn.cursor {
	cursor: default;
}
.btn.background {
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
}
.btn.background:hover {
	background-image: linear-gradient(#2AA1E1, #056AAC);
}
.btn.background-success {
    background-image: linear-gradient(#6CBF6C, #408040);
}
.btn.background-success:hover {
    background-image: linear-gradient(#61AB61, #397339);
}
.btn.background-danger {
	border-color: #8C211E;
	background-image: linear-gradient(#E48683, #9B111E);
}
.btn.background-danger:hover {
	border-color: #8C211E;
	background-image: linear-gradient(#CD7875, #B42B27);
}
.btn.background-default {
	border-color: #999999;
	background-image: linear-gradient(#FFFFFF, #E2E2E2);
}
.btn.background-default:hover {
	border-color: #999999;
	background-image: linear-gradient(#E5E5E5, #B4B4B4);
}
/*END CSS BUTTONS*/
/*CSS INPUTS*/
input[type="text"] {
	border: 1px solid #A9BDC8;
	color: #333333;
	text-transform: uppercase;
}
input[type="text"]:read-only {
	background-color: #FFFFFF;
}
input[type="text"]::-webkit-input-placeholder {
	color: #D0DEE7;
}
input[type="text"]:-moz-placeholder {
	color: #D0DEE7;
}
input[type="text"]::-moz-placeholder {
	color: #D0DEE7;
}
input[type="text"]:-ms-input-placeholder {
	color: #D0DEE7;
}
input[type="password"] {
	border: 1px solid #A9BDC8;
	color: #333333;
	text-transform: uppercase;
}
input[type="password"]:read-only {
	background-color: #FFFFFF;
}
input[type="password"]::-webkit-input-placeholder {
	color: #D0DEE7;
}
input[type="password"]:-moz-placeholder {
	color: #D0DEE7;
}
input[type="password"]::-moz-placeholder {
	color: #D0DEE7;
}
input[type="password"]:-ms-input-placeholder {
	color: #D0DEE7;
}
textarea {
	resize: none;
}
/*END CSS INPUTS*/
/*CSS SELECT OPTION*/
.styled-select select {
	border: 1px solid #A9BDC8;
	color: #333333;
	text-transform: uppercase;
}
.styled-select select:disabled {
	background-color: #FFFFFF;
}
/*END CSS SELEC OPTION*/
/*CSS TOOLTIPS*/
.tooltip.right .tooltip-inner {
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
	font-size: 11px;
    font-family: 'Cabin';
	font-weight: bold;
}
.tooltip.top .tooltip-inner {
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
	font-size: 11px;
    font-family: 'Cabin';
	font-weight: bold;
}
.tooltip.bottom .tooltip-inner {
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
	font-size: 11px;
    font-family: 'Cabin';
	font-weight: bold;
}
/*END CSS TOOLTIPS*/
.wrapper {
	margin: 0 auto;
	width: 100%;
}
.container {
	width: 100%;
}
.row {
	margin-bottom: 5px;
}
.juridica-logo {
	text-align: left;
}
.electricaribe-logo {
	margin-top: 50px;
	text-align: center;
}
.has-feedback-left input.form-control {
	padding-left: 34px; /* @input-height-base; */
	padding-right: 12px; /* @padding-base-horizontal */
}
.has-feedback-left .form-control-feedback {
	left: 0; 
}
.form-horizontal .has-feedback-left .form-control-feedback {
	left: 12px; /* @grid-gutter-width / 2 */
}
.has-feedback-left input.input-sm {
	padding-left: 30px;  @input-height-small;
}
.has-feedback-left input.input-lg {
	padding-left: 46px;  @input-height-large;
}
.header {
	height: 80px;
	margin-bottom: 5px;
	float: right;
}
.header-img {
	float: right;
}
.header-user {
	position: relative;
	top: 64px;
	float: right;
	text-align: right;
	color: #333333;
	font-size: 14px;
    font-family: 'Cabin';
    margin-top: 5px;
    /*margin-right: -150px;*/
}
.header-user span {
    /*color: #337AB7;*/
	color: #003153;
    margin-left: 7px;
    margin-right: 7px;
    font-weight: bold;
}
.logout {
	color: #F00000;
	font-size: 14px;
    font-family: 'Cabin';
    text-decoration: none;
}
.logout:hover {
	color: #F00000;
	text-decoration: none;
}
.logout:active, .logout:visited, .logout:link {
	color: #F00000;
	text-decoration: none;
}
.divider {
	height: 1px;
	background-color: #A9BDC8;
}
.content {
	background-color: #F3F3F3;
	border: 1px solid #E1E0E0;
	padding: 5px;
	padding-top: 10px;
	margin-top: -6px;
}
.clear {
	float: none;
	clear: both;
}
/*CSS NAVBAR*/
.navbar {
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
}
.navbar ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.navbar ul li {
	display: inline;
}
.navbar ul li a {
	display: block;
	color: #FFFFFF;
	text-transform: capitalize;
	font-size: 14px;
    font-family: 'Cabin';
    font-weight: bold;
    text-decoration: none;
    -webkit-transition:color 0.3s ease-out, background 0.3s ease-in;
       -moz-transition:color 0.3s ease-out, background 0.3s ease-in;
    	-ms-transition:color 0.3s ease-out, background 0.3s ease-in;
         -o-transition:color 0.3s ease-out, background 0.3s ease-in;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
    color: #FFFFFF;
	/*background-color: #337AB7;*/
	background-color: #003153;
	text-decoration: none;
}
.navbar .active {
	background-color: #003153;
}
.nav-bar {
	height: 37px;
	position: relative;
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-left: 7px;
	padding-right: 7px;
}
.nav-bar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.nav-bar ul li {
	display: inline;
	float: left;
}
.nav-bar ul li a {
	display: block;
	color: #FFFFFF;
	text-transform: capitalize;
	font-size: 14px;
    font-family: 'Cabin';
    font-weight: bold;
    text-decoration: none;
    height: 37px;
    line-height: 37px;
    margin-left: 10px;
    margin-right: 10px;
}
.nav-bar ul li a:hover {
	background-image:url(../Images/over_buttons.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.nav-bar a:nth-child(n+1) {
	margin-left: 5px;
    margin-right: 10px;
}
/*END CSS NAVBAR*/
/*CSS LEFTCOL*/
.leftcol {
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #E1E0E0;
	padding: 5px;
	margin-top: -11px;
	width: 105%;
	font-size: 14px;
    font-family: 'Cabin';
}
.leftcol .nav > li > a {
	padding: 5px 10px;
	-webkit-transition:color 0.3s ease-out, background 0.3s ease-in;
       -moz-transition:color 0.3s ease-out, background 0.3s ease-in;
    	-ms-transition:color 0.3s ease-out, background 0.3s ease-in;
         -o-transition:color 0.3s ease-out, background 0.3s ease-in;
}
.leftcol .nav > li > a:hover {
	color: #FFFFFF;
	/*background-color: #337AB7;*/
	background-color: #003153;
	text-decoration: none;
}
.leftcol .nav > li > a:hover {
	text-decoration: none;
}
.leftcol h3 {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #A9BDC8;
	/*color: #337AB7;*/
	color: #003153;
	font-size: 14px;
    font-family: 'Cabin';
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
}
.leftcol a {
	/*color: #337AB7;*/
	color: #003153;
	text-decoration: none;
	display: block;
	line-height: 23px;
	padding-left: 5px;
}
.leftcol a:hover {
	color: #FFFFFF;
	/*background-color: #337AB7;*/
	background-color: #003153;
	text-decoration: none;
}
.leftcol a:active, a:visited, a:link {
	text-decoration: none;
}
.leftcol a img {
	border: 0;
	float: left;
	margin-top: 3px;
}
/*END CSS LEFTCOL*/
/*CSS RIGHTCOL*/
.rightcol {
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #E1E0E0;
	width: 100%;
	padding: 5px;
	margin-top: -11px;
	font-size: 14px;
    font-family: 'Cabin';
}
.rightcol p.message {
	/*color: #337AB7;*/
	color: #003153;
	font-size: 14px;
    font-family: 'Cabin';
    font-weight: bold;
    font-style: italic;
}
.rightcol h1 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #A9BDC8;
	display: block;
	margin-top: 6px;
	/*color: #337AB7;*/
	color: #003153;
	font-size: 18px;
    font-family: 'Cabin';
    font-weight: bold;
}
.rightcol h2 {
	margin: 0;
	padding: 0;
	display: block;
	margin-top: 10px;
	/*color: #337AB7;*/
	color: #003153;
	font-size: 13px;
    font-family: 'Cabin';
    font-weight: bold;
    margin-bottom: 5px;
}
.rightcol form {
	margin-top: 10px;
	background-color: #D0DEE7;
	/*background-image: url(../Images/background_blue_new.png);
	background-position: top;
	background-repeat: repeat;*/
	border: 1px solid #A9BDC8;
	cursor: default;
}
.rightcol table {
	margin-bottom: 0;
	background-color: #D0DEE7;
	color: #333333;
	cursor: default;
}
.rightcol table th {
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
	border-right: 1px solid #FFFFFF;
}
.rightcol table th:last-child {
	border-right: none;
}
.rightcol table thead tr th {
	vertical-align: middle;
}
.rightcol table td {
	color: #333333;
	text-align: center;
	font-size: 11px;
}
.rightcol div.panel-group {
	margin-top: 10px;
}
.rightcol div.panel-heading {
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
}
.rightcol div.panel-heading a {
	color: #FFFFFF;
	font-size: 14px;
    font-family: 'Cabin';
    font-weight: bold;
    text-decoration: none;
}
.rightcol h4.panel-title {
	text-align: center;
}
.rightcol div.form-group input.read-only {
	background-color: #FFFFFF;
}
.rightcol #lista_abogados {
	margin-left: 5px;
	margin-top: 5px;
	cursor: pointer;
	list-style: none;
	padding-left: 0;
	/*color: #337AB7;*/
	color: #003153;
    font-family: 'Cabin';
    font-weight: bold;
}
.rightcol h4.modal-title {
	/*color: #337AB7;*/
	color: #003153;
	font-size: 18px;
    font-family: 'Cabin';
    font-weight: bold;
}
.rightcol .modal-body .form-abogado-contraparte {
	margin-top: 10px;
	background-color: #D0DEE7;
	border: 1px solid #A9BDC8;
	cursor: default;
}
.rightcol .modal-body .form-abogado-contraparte table {
	margin-bottom: 0;
	background-color: #D0DEE7;
	color: #333333;
	cursor: default;
}
.rightcol .modal-body .form-abogado-contraparte table th {
	/*background-image: linear-gradient(#2FB3FB, #0676C0);*/
	background-image: linear-gradient(#2FB3FB, #003153);
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
	border-right: 1px solid #FFFFFF;
}
.rightcol .modal-body .form-abogado-contraparte table th:last-child {
	border-right: none;
}
.rightcol .modal-body .form-abogado-contraparte table thead tr th {
	vertical-align: middle;
}
.rightcol .modal-body .form-abogado-contraparte table td {
	color: #333333;
	text-align: center;
	font-size: 11px;
}
/*END CSS RIGHTCOL*/
/*CSS LOGIN*/
.form-horizontal {
    padding-left: 15px;
    padding-right: 15px;
}
.row-top-buffer {
    padding-top: 21px;
}
.row-bottom-buffer {
    padding-bottom: 15px;
}
.row-label {
	text-align: left;
    vertical-align: top;
    padding-top: 4px;
    padding-bottom: 7px;
}
.input-text {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    color: #333333;
    position: relative;
    outline: none;
    text-transform: uppercase;
}
.error-message {
	color: #F00000;
	font-size: 14px;
    font-family: 'Cabin';
    font-weight: bold;
}
/*END CSS LOGIN*/
/*CSS MEDIA QUERIES*/
@media only screen and (max-width : 1200px) {
	.electricaribe-logo {
		margin-top: 50px;
		text-align: center;
	}
	.row-label {
		text-align: left;
	    vertical-align: top;
	    padding-top: 4px;
	    padding-bottom: 7px;
	}
	.juridica-logo {
		text-align: center;
	}
	.header {
		height: 80px;
		margin-bottom: 5px;
		float: right;
		text-align: center;
	}
	.header-img {
		float: right;
	}
	.header-user {
		position: relative;
		top: 60px;
		float: right;
		text-align: right;
		color: #333333;
		font-size: 14px;
	    font-family: 'Cabin';
	    font-weight: bold;
	    margin-top: 5px;
	    /*margin-right: -150px;*/
	}
	.leftcol {
		width: 100%;
	}
}
@media only screen and (max-width : 992px) {
	.electricaribe-logo {
		margin-top: 50px;
		text-align: center;
	}
	.row-label {
		text-align: left;
	    vertical-align: top;
	    padding-top: 4px;
	    padding-bottom: 7px;
	}
	.juridica-logo {
		text-align: center;
	}
	.header {
		height: 80px;
		margin-bottom: 5px;
		float: right;
		text-align: center;
	}
	.header-img {
		float: right;
	}
	.header-user {
		position: relative;
		top: 60px;
		float: right;
		text-align: right;
		color: #333333;
		font-size: 14px;
	    font-family: 'Cabin';
	    font-weight: bold;
	    margin-top: 5px;
	    /*margin-right: -150px;*/
	}
	.leftcol {
		padding: 5px;
		margin-top: 0;
		width: 100%;
	}
	.rightcol {
		padding: 5px;
		margin-top: 10px;
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.electricaribe-logo {
		margin-top: 50px;
		text-align: center;
	}
	.row-label {
		text-align: left;
	    vertical-align: top;
	    padding-top: 4px;
	    padding-bottom: 7px;
	}
	.juridica-logo {
		text-align: center;
	}
	.header {
		height: 80px;
		margin-bottom: 5px;
		float: right;
		text-align: center;
	}
	.header-img {
		float: right;
	}
	.header-user {
		position: relative;
		top: 60px;
		float: right;
		text-align: right;
		color: #333333;
		font-size: 14px;
	    font-family: 'Cabin';
	    font-weight: bold;
	    margin-top: 5px;
	    /*margin-right: -150px;*/
	}
	.leftcol {
		padding: 5px;
		margin-top: 0;
		width: 100%;
	}
	.rightcol {
		padding: 5px;
		margin-top: 10px;
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
    .electricaribe-logo {
		margin-top: 50px;
		text-align: center;
	}
	.row-label {
		text-align: left;
	    vertical-align: top;
	    padding-top: 4px;
	    padding-bottom: 7px;
	}
	.juridica-logo {
		text-align: center;
	}
	.header {
		height: 80px;
		margin-bottom: 5px;
		float: right;
		text-align: center;
	}
	.header-img {
		float: right;
	}
	.header-user {
		position: relative;
		top: 60px;
		float: right;
		text-align: right;
		color: #333333;
		font-size: 14px;
	    font-family: 'Cabin';
	    font-weight: bold;
	    margin-top: 5px;
	    /*margin-right: -150px;*/
	}
	.leftcol {
		padding: 5px;
		margin-top: 0;
		width: 100%;
	}
	.rightcol {
		padding: 5px;
		margin-top: 10px;
		width: 100%;
	}
}
@media only screen and (max-width : 480px) {
    .electricaribe-logo {
		margin-top: 50px;
		text-align: center;
	}
	.row-label {
		text-align: left;
	    vertical-align: top;
	    padding-top: 4px;
	    padding-bottom: 7px;
	}
	.juridica-logo {
		text-align: center;
	}
	.header {
		height: 80px;
		margin-bottom: 5px;
		float: right;
		text-align: center;
	}
	.header-img {
		float: right;
	}
	.header-user {
		position: relative;
		top: 60px;
		float: right;
		text-align: right;
		color: #333333;
		font-size: 14px;
	    font-family: 'Cabin';
	    font-weight: bold;
	    margin-top: 5px;
	    /*margin-right: -150px;*/
	}
	.leftcol {
		padding: 5px;
		margin-top: 0;
		width: 100%;
	}
	.rightcol {
		padding: 5px;
		margin-top: 10px;
		width: 100%;
	}
}
@media only screen and (max-width : 320px) {
    .electricaribe-logo {
		margin-top: 50px;
		text-align: center;
	}
	.row-label {
		text-align: left;
	    vertical-align: top;
	    padding-top: 4px;
	    padding-bottom: 7px;
	}
	.juridica-logo {
		text-align: center;
	}
	.header {
		height: 80px;
		margin-bottom: 5px;
		float: right;
	}
	.header-img {
		float: right;
	}
	.header-user {
		position: relative;
		top: 60px;
		float: right;
		text-align: right;
		color: #333333;
		font-size: 14px;
	    font-family: 'Cabin';
	    font-weight: bold;
	    margin-top: 5px;
	    /*margin-right: -150px;*/
	}
	.leftcol {
		padding: 5px;
		margin-top: 0;
		width: 100%;
	}
	.rightcol {
		padding: 5px;
		margin-top: 10px;
		width: 100%;
	}
}
/*END CSS MEDIA QUERIES*/