@import url(segoe-ui/font.css);
/* GENERICOS */

/* 
	COLORES
	
	Verdes: 
	#007233	
	#7fba00
	#cbdb2a
	#fff100

	Grises:
	#969696
	#505050
	#000000

	#Gold / Silver
	#ff8c00
	$969696

*/
.verde-oscuro {
	color: #007233;
}
.verde-medio {
	color: #7fba00;
}
.verde-claro {
	color: #cbdb2a;
}
.verde-amarillo {
	color: #fff100;
}
.gris-oscuro {
	color: #969696;
}
.gris-medio {
	color: #505050;
}
.gris-negro {
	color: #000;
}
.gold {
	color: #ff8c00;
}
.silver {
	color: #969696;
}
.bg-verde-oscuro {
	background-color: #007233;
	color: #fff;
}
.bg-verde-medio {
	background-color: #7fba00;
	color: #fff;
}
.bg-verde-claro {
	background-color: #cbdb2a;
}
.bg-verde-amarillo {
	background-color: #fff100;
}
.bg-gris-oscuro {
	background-color: #969696;
	color: #fff;
}
.bg-gris-medio {
	background-color: #505050;
	color: #fff;
}
.bg-gris-negro {
	background-color: #000;
	color: #fff;
}
.bg-gold {
	background-color: #ff8c00;
	color: #fff;
}
.bg-silver {
	background-color: #969696;
}
.text-primary {
	color: #7fba00;
}
.btn-primary {
	background-color: #7fba00;
	border-color: #7fba00;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus  {
	background-color: #77ad03;
	border-color: #77ad03;
}
.btn-success {
	background-color: #007233;
	border-color: #007233;	
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
	background-color: #005928;
	border-color: #005928;	
}
.btn-info {
	background-color: #ff8c00;
	border-color: #ff8c00;		
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
	background-color: #E07B00;
	border-color: #E07B00;		
}
.form-control:focus {
	border-color: #77ad03 !important;
}
a {
	color: #505050;
}
a:hover {
	color: #000;
}

body {
	font-family: 'Segoe UI', Helvetica, Arial !important;	
	font-size: 14px !important;
}
.wrapper {
	z-index: 8;	
	position: absolute;
	top: 0;
	right: 0;
	left: 0
}
.breadcrumb {
	font-size: 16px;

	margin-bottom: 9px;
	padding: 4px;

	list-style: none;

	border-radius: 4px;
	background-color: transparent;
}

.breadcrumb {
	text-transform: lowercase;
}
.breadcrumb li {
	text-transform: capitalize;
} 
#flashMessageInfo{
	padding: 10px;
	margin-bottom: 10px;
}
.messageError {
	color: #000;
	background-color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
}
.text-white {
	color: #fff;
}
.text-white:hover {
	color: #fff;
} 

label {
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Segoe UI' !important;
	font-weight: 300;
}
.btn-clear {
	background-color: transparent;
	border: 0;
}

/* LOGIN */
.login-page,
.register-page {
	background: #fff;
}
.login-box,
.register-box {
	width: 100%;
	font-size: 15px;
}
.login-logo {
	text-align: left;
	font-size: 15px;
	height: 150px;
}
.login-logo img.logo-ms {	
	max-height: 100px;
	margin-right: -23px;
	float: left; 
}
.login-logo img.logo-partner {
	float: right;
	max-height: 100px;
	margin-right: 20px;
	margin-left: -23px;
	margin-top: 41px;
}
.login-logo span.title {
	line-height: 100px;
	display: block;
	color: #7fba00;
	line-height: 20px;
	margin-left: 26px;
	font-size: 32px;
	clear: both;
}
.login-toolbar {
	padding: 0;
	margin-right: 25px;
	font-size: 15px;
	clear: both;
	color: #777;
}
.login-toolbar a{
	color: #333;
}
.login-toolbar a:hover{
	color: #000;
	text-decoration: underline;
}
#loginButtons {
	padding-bottom: 20px;
}
.login-box h3 {
	margin-bottom: 30px;
}
.login-box hr {
	border-top: 1px solid rgba(255,255,255,.3);
}
.login-box .btn{
	color: #fff;
	font-weight: 300;
}
.login-box .btn:hover{
	color: #fff;
	background-color: rgba(255,255,255,.08);
}
.box.box-info {
	border-color: #ffffff;
}


/* NAV BARS */
.navbar-nav {
	font-size: 15px;
}


/* MAIN HEADER */
.main-header .logo img {
	max-height: 51px;
}
.main-header h4 {
	font-size: 24px;
	font-weight: 300;
	line-height: 29px;

	float: left;

	color: #fff;
}


/* USER PANELS */
.user-panel {
	background-color: #B0B0B0;
}
.user-panel > .info {
	font-weight: 300;

	padding-left: 55px;
}
.user-panel p {
	color: #5F5F5F;
}
.user-panel h5 {
	font-size: 16px;
	font-weight: 400;

	margin: 3px 0;

	color: #222;
}
.user-panel hr {
	margin: 4px 0 8px;

	border-top: 1px solid #a0a0a0;
}
.user-panel .btn {
	margin: 0 2px;
	padding: 0 11px;

	color: #444;
	border: 1px solid rgba(0,0,0,.1);
	background-color: rgba(0,0,0, .03);
}
.user-panel .btn:hover {
	color: #111;
	background-color: rgba(0,0,0, .08);
}
.user-panel > .image > img {
	border: 1px solid #999;
}

/* FOOTER */
.main-footer {
	padding: 29px 10px;
	background-color: #d5d5d5;
	color: #777;
}

/* SIDEBAR  */
.sidebar-menu {
	font-size: 13px;
}
.sidebar-menu > li > a {
	text-transform: lowercase;
}
.sidebar-menu > li > a:first-letter {
	text-transform: uppercase;
}
.treeview-menu > li > a {
	padding: 10px 5px 10px 15px !important;
}


/* CONTENT */
.content-header {
	padding: 0;
	background-color: rgba(0, 0, 0, .02) !important;
}
.content-header .banners {
	text-align: center;	
}
.content-header .banners a {
	margin: 5px 10px 10px;
	display: inline-block;
}
.content-title {
	margin-bottom: 10px;

	border-bottom: 1px solid rgba(170, 170, 170, .27);
}
.content-title h1 {
	font-weight: 300;

	margin: 3px 0;

	color: #007233;
}
.content-title h1 {
	text-transform: lowercase;
}
.content-title h1:first-letter {
	text-transform: uppercase;
} 


/* FORMS */


/* TABLES */
table.table {
	font-size: 14px;
}
table.table th {
	background-color: #f0f0f0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	border-bottom: 2px solid #c2c2c2;
}


/* REFERENCES */
blockquote.references {
	border-left-color: rgba(0,0,0,.2);
	font-size: 15px;
	color: #666;
}
blockquote.references small{
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
}
blockquote.references small.title{
	margin-right: 8px;
}
blockquote.references small .fa {
	margin-right: 5px;
	font-size: 18px;
}
blockquote.references small:before{
	content: '';	
}
blockquote.references small.title strong {
	font-size: 12px;
	display: inline-block;
	padding: 0 10px;
	border-radius: 10px;
	text-transform: uppercase;	
	background-color: rgba(0,0,0,.1);
}
.referenceIcon {
	padding: 0 5px; 
}
.referenceIcon span{
	font-size: 16px;
}


/* MODALS */
.modal-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	font-size: 30px;
}
.modal-dialog {
	color: #797979;
}
.modal-body {
	padding-top: 0;
}
.modal-dialog h2{
	font-weight: 300;
	font-size: 26px;
	margin: 20px 0 10px;  
	color: #6e9b0d;
}
.modal-dialog .head h2{
	font-size: 24px;
	color: inherit;	
}

.modal-dialog h2 strong{
	font-weight: 400;
}
.modal-dialog .head{
	padding: 8px;
	background-color: #fafafa;
	margin-bottom: 10px;
	border-bottom: 2px solid #f0f0f0;
}

.modal-dialog .buttons{
	border-top: 1px solid #ddd;
	padding: 15px 10px;
	margin: 34px -15px -15px -15px;
	background-color: #f0f0f0;
}

/* OPORTUNIDADES*/
.carga-oportunidades .info-box-number {
	line-height: 100%;
	text-overflow: ellipsis;
	white-space: pre-line;
	overflow: hidden;
	height: 56px;
}
.carga-oportunidades  h3{
	font-weight: 300;
	margin: 3px 0 40px;
	font-size: 29px;
	padding: 3px 0 16px 0;
	border-bottom: 2px solid #eee;
}
.carga-oportunidades #opciones {
	text-align: center;
}
.carga-oportunidades #opciones .opcion {
	width: 180px;
	height: 150px;
	padding: 14px 0;
	display: inline-block;
	border: 1px solid #eee;
}
.carga-oportunidades #opciones .opcion label{
	margin: 0;
	padding: 16px;
	width: 100%;
	cursor: pointer;
}
.carga-oportunidades #opciones img {
	cursor: pointer;
}
.carga-oportunidades #opciones .input {
	clear: both;
	margin: 10px auto;
	display: block;

}
.carga-oportunidades #paginador {
	text-align: right;
	border-top: 1px solid #eee;
	padding: 10px;
	font-size: 18px;
	font-weight: 300; 
	line-height: 45px;
	margin-top: 40px;
}
.carga-oportunidades #paginador button, .carga-oportunidades #paginador a {
	margin: 0 0 0 10px; 
}
.form-horizontal .validate  {
	margin-left: 0;
	padding-left: 0;
}
.form-horizontal .validate i{
	line-height: 32px;
	margin: 0 10px 0 0 ;
}
.form-horizontal .validate .validacion{
	display: inline;
	color: #c00;
}
.carga-oportunidades h4 {
	margin-top: 0;
}
.carga-oportunidades  .iradio_flat-green input {
	margin-top: -2px;
}
#productos .pagination{
	float: right;
}
#productos .pagination strong, #productos .pagination  a {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	text-decoration: none;
	border: 1px solid #ddd;
	background: #fafafa;
	color: #666;
	height: 34px;
	min-width: 34px
}
.email-template .row{
	padding: 15px 0;
}
.email-template span, .email-template a, .email-template p,.email-template td {
	font-size: 14px !important;
}

.box-body .box-title {
	margin: 20px 20px 20px 10px;
}




.report-paginator {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
	height: 35px;
	overflow: hidden;
}
.report-paginator .separador {
	display: inline;
	height: 35px;
	overflow: hidden;
	line-height: 89px;
}
.report-paginator  .separador > a,
.report-paginator  .separador > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.report-paginator  .separador:first-child > a,
.report-paginator  .separador:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.report-paginator  .separador:last-child > a,
.report-paginator  .separador:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.report-paginator  .separador > a:hover,
.report-paginator  .separador > span:hover,
.report-paginator  .separador > a:focus,
.report-paginator  .separador > span:focus {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.report-paginator > .active > a,
.report-paginator > .active > span,
.report-paginator > .active > a:hover,
.report-paginator > .active > span:hover,
.report-paginator > .active > a:focus,
.report-paginator > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}
.report-paginator > .disabled > span,
.report-paginator > .disabled > span:hover,
.report-paginator > .disabled > span:focus,
.report-paginator > .disabled > a,
.report-paginator > .disabled > a:hover,
.report-paginator > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}