@import url(site-fonts.css);
@import url(layout-style.css);
@import url(site-pagination.css);

@import url(simulacion-style.css);
@import url(oportunidad-style.css);
@import url(conciliacion-style.css);
@import url(fideicomiso-style.css);
@import url(calidad-style.css);
@import url(consolidado-style.css);

/* CONTROLES */

input,
select,
textarea,
button {
	box-shadow: none; !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none; !important;
}

input:read-only {
	background-color: transparent;
}

textarea:read-only {
	background-color: #e6e6e6 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-transition-delay: 99999s;
}

/* BANCO */

.banco-image-preview{
	border:2px solid #999999;
	border-radius:10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banco-image-preview{
	width:55px;
	height:55px;
	margin:0 10px 5px 0;
}

.banco-image-full{
	border:2px solid #999999;
	border-radius:10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banco-image-full{
	width:150px;
	height:150px;
	margin:0 10px 5px 0;
}

.banco-image-container{
	display:flex;
	flex-direction:row;
	width:100%;
	justify-content:flex-start;
	align-items:center;
}

.banco-image-container-logo{
	width:170px;
}

.banco-image-container-opciones{
	flex:1;
}

/* FLEX CLASSES */

.flex-direction-column{
	display:flex;
	flex-direction:column;
}
.flex-direction-row{
	display:flex;
	flex-direction:row;
}

.flex-1{
	display:flex;
	flex:1;
}

.justify-content-flex-start {
	justify-content: flex-start;
}
.justify-content-center {
	justify-content: center;
}
.justify-content-flex-end {
	justify-content: flex-end;
}

.align-items-flex-start {
	align-items: flex-start;
}
.align-items-center {
	align-items: center;
}
.align-items-flex-end {
	align-items: flex-end;
}


.justify-start {
	margin-right: auto;
}
.justify-center {
	margin: 0 auto;
}
.justify-end {
	margin-left: auto;
}

.align-start{
	align-self: flex-start;
}
.align-center{
	align-self: center;
}
.align-end{
	align-self: flex-end;
}

/* ALERT */

.alert-box-div{
	border-radius:20px;
	padding:10px 20px;
}

.alert-line-icon-div{
	width:100%;
	padding-bottom:20px;
}

.alert-line-button-div{
	padding-top:20px;
}

.alert-icon-div{
	width:100%;
	text-align:center;
}

.alert-icon-div img{
	max-width:50px;
}

.alert-text-div{
	width:100%;
	text-align:center;
	font-family: 'futura-std-medium';
	color:#777777;

	font-size:1em;
	line-height:1.1em;
}

.alert-button-div{
	border-radius:7px;
	width:100%;
	font-family: 'futura-std-bold';
	color:#FFFFFF;
	background-color: #057A3E;
	text-align:center;
	cursor:pointer;

	font-size: 0.8em;
	line-height:1em;
	padding:6px 0 4px 0;
}

.center-horizontally-div{
	margin:0 auto;
}

.animation-spinner-div{
	-webkit-animation:spin 1s linear infinite;
	-moz-animation:spin 1s linear infinite;
	animation:spin 1s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* SITE */

.site-page-container{
	width:100%;
	padding:20px;
}

/* Login */

.site-full-page-direction-row{
	display:flex;
	flex-direction:row;
	width:100%;
	height:100vh;
}

.site-full-page-direction-column{
	display:flex;
	flex-direction:row;
	width:100%;
	height:100vh;
}

.site-login-left-container{
	display:flex;
	justify-content:center;
	flex:1;
	height:100vh;
}

.site-login-right-container{
	display:flex;
	flex:1;
	flex-direction:column;
	height:100vh;
}

.site-login-flex-grow{
	display:flex;
	flex-grow:1;
	justify-content:center;
	align-items:center;
	width:100%;
}

.site-login-flex-shrink{
	display:flex;
	flex-shrink:0;
	justify-content:center;
	align-items:flex-start;
	width:100%;
	padding-bottom:10px;
}

.site-login-pixellar-logo{
	width:160px;
}

.site-login-box{
	width:250px;
}

.site-login-box-logo{
	width:100%;
	text-align: center;

	margin-bottom:20px;
}

.site-login-box-logo img{
	width:150px;
}

.site-login-box-usuario{
	width:100%;

	padding-bottom:15px;
}

.site-login-box-clave{
	width:100%;

	padding-bottom:20px;
}

.site-login-box-boton{
	width:100%;
}


/* Header */

.site-header-checkbox-label{
	display:flex;
	flex-direction:row;
	flex-shrink:1;
	align-items:center;
}

.site-header-label{
	font-family:'futura-std-medium';

	font-size:0.7em;
	line-height:1em;
}

.site-header-button-container{
	display:flex;
	flex-shrink:1;
}


/* Section */

.site-section-header{
	display:flex;
	flex-direction:row;
	align-items: center;

	padding-bottom:25px;
}

.site-section-subheader{
	display:flex;
	flex-direction:row;
	align-items: center;

	padding-bottom:5px;
}

.site-section-subfooter{
	display:flex;
	flex-direction:row;
}

.site-section-title{
	font-family: 'futura-std-bold';

	font-size:1.8em;
	line-height:1em;
}

.site-section-subtitle{
	font-family: 'futura-std-bold';

	font-size:1.1em;
	line-height:1em;
}

.site-section-padding-bottom5{
	padding-bottom:5px;
}

.site-section-padding-top5{
	padding-top:5px;
}

.site-section-padding-left5{
	padding-left:5px;
}

.site-section-padding-right5{
	padding-right:5px;
}



.site-section-padding-bottom10{
	padding-bottom:10px;
}

.site-section-padding-top10{
	padding-top:10px;
}

.site-section-padding-left10{
	padding-left:10px;
}

.site-section-padding-right10{
	padding-right:10px;
}



.site-section-padding-bottom15{
	padding-bottom:15px;
}

.site-section-padding-top15{
	padding-top:15px;
}

.site-section-padding-left15{
	padding-left:15px;
}

.site-section-padding-right15{
	padding-right:15px;
}



.site-section-padding-bottom25{
	padding-bottom:25px;
}

.site-section-padding-top25{
	padding-top:25px;
}

.site-section-padding-left25{
	padding-left:25px;
}

.site-section-padding-right25{
	padding-right:25px;
}



.site-section-padding-bottom35{
	padding-bottom:35px;
}

.site-section-padding-top35{
	padding-top:35px;
}

.site-section-padding-left35{
	padding-left:35px;
}

.site-section-padding-right35{
	padding-right:35px;
}



.site-section-padding-bottom45{
	padding-bottom:45px;
}

.site-section-padding-top45{
	padding-top:45px;
}

.site-section-padding-left45{
	padding-left:45px;
}

.site-section-padding-right45{
	padding-right:45px;
}



.site-section-padding-bottom55{
	padding-bottom:55px;
}

.site-section-padding-top55{
	padding-top:55px;
}

.site-section-padding-left55{
	padding-left:55px;
}

.site-section-padding-right55{
	padding-right:55px;
}



.site-section-padding-bottom65{
	padding-bottom:65px;
}

.site-section-padding-top65{
	padding-top:65px;
}

.site-section-padding-left65{
	padding-left:65px;
}

.site-section-padding-right65{
	padding-right:65px;
}

/* Section Form */

.site-section-form-sidebar{
	padding-right:20px;
}

.site-section-form-border{
	border:2px solid #009640;

	border-radius: 12px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}

.site-section-form-line{
	font-family: 'futura-std-bold';
	color:#009640;

	font-size:1em;
	line-height:1em;
	padding-top:10px;
	padding-bottom:10px;
}

.site-section-form-line-separator{
	display:flex;
	flex:1;
	flex-direction:row;
	border-bottom: 1px solid #009640;
	align-items: center;

	padding-bottom:8px;
	margin-bottom:15px;
}

.site-section-form-line-button{
	font-family: 'futura-std-bold';
	color:#009640;

	font-size:1em;
	line-height:1em;
	padding-top:20px;
	padding-bottom:10px;
}

.site-section-form-title{
	font-family: 'futura-std-bold';
	color:#009640;

	font-size:0.9em;
	line-height:1em;
	padding-top:0;
	padding-bottom:8px;
}

.site-section-form-label{
	font-family: 'futura-std-medium';
	color:#009640;

	font-size:0.8em;
	line-height:1em;
	padding-bottom:3px;
}

.site-section-form-label-494949{
	font-family: 'futura-std-medium';
	color:#494949;

	font-size:0.8em;
	line-height:1em;
	padding-bottom:3px;
}

.site-section-form-label-error{
	color:#BD0000;
}

.site-section-form-text{
	font-family: 'futura-std-medium';

	font-size:0.8em;
	line-height:1em;
}

.site-section-form-error-page{
	font-family: 'futura-std-medium';

	font-size:1em;
	line-height:1.2em;
}

.site-section-form-error-page-code{
	font-family: 'futura-std-heavy';

	font-size:2em;
	line-height:1.2em;
}

.site-section-form-control{
	width:100%;
}

.site-section-form-line-padding-top5{
	padding-top:5px;
}

.site-section-form-line-padding-bottom5{
	padding-bottom:5px;
}

.site-section-form-line-padding-top10{
	padding-top:10px;
}

.site-section-form-line-padding-bottom10{
	padding-bottom:10px;
}

.site-section-form-line-padding-top15{
	padding-top:15px;
}

.site-section-form-line-padding-bottom15{
	padding-bottom:15px;
}

.site-section-form-line-padding-top20{
	padding-top:20px;
}

.site-section-form-line-padding-bottom20{
	padding-bottom:20px;
}


/* CHECKBOX */

.site-checkbox{
	margin:0 10px 0 0;
	padding:0;
}


/* INPUT */

.site-input-border{
	width:100%;
	border:1px solid #949494;

	border-radius: 16.5px;
	padding:2px 12px;
}

.site-input-border-moneda-fixed{
	width:180px;
	border:1px solid #949494;

	border-radius: 16.5px;
	padding:0 12px;
}

.site-input-border-disabled{
	width:100%;
	border:1px solid #949494;
	background-color:#e6e6e6;

	border-radius: 16.5px;
	padding:2px 12px;
}

.site-input-border-error{
	border:1px solid #BD0000;
}

.site-input{
	font-family: 'futura-std-medium';
	color: #5C5C5C;
	width:100%;
	border:0;
	background-color: transparent;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	font-size:0.8em;
	line-height:1em;
	height: 21px;
	padding:0;
	margin:0;
}

.site-input:focus {
	outline: none;
	border:0;
	background-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.site-input:disabled {
	background: transparent;
}


/* TEXT AREA */

.site-textarea-border{
	width:100%;
	border:1px solid #949494;

	border-radius: 10px;
	padding:10px 12px;
}

.site-textarea-border-disabled{
	width:100%;
	border:1px solid #949494;
	background-color:#e6e6e6;

	border-radius: 10px;
	padding:10px 12px;
}

.site-textarea-border-error{
	border:1px solid #BD0000;
}

.site-textarea{
	font-family: 'futura-std-medium';
	color: #5C5C5C;
	width:100%;
	border:0;
	background-color: transparent;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	resize:none;

	font-size:0.8em;
	line-height:1em;
	height: 21px;
	padding:0;
	margin:0;
}

.site-textarea:focus {
	outline: none;
	border:0;
	background-color:#F7F7F7;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.site-textarea:disabled {
	background: transparent;
}

/* INPUT DATE */

.site-input-date-container{
	display:flex;
	flex-direction:row;
}

.site-input-date-icon{
	display:flex;
	align-items:center;
	justify-content:flex-end;

	width:23px;
}

.site-input-date-icon img{
	width:18px;
	height:18px;
}

.site-input-date-control{
	display:flex;
	flex:1;
}

/* RADIO BUTTON */

.site-radiobutton{
	padding:0;
	margin:0;
}

/* SELECT */

.site-select{
	font-family: 'futura-std-medium';
	color: #5C5C5C;
	background-color:transparent;
	border:none;
	width:100%;
	-webkit-appearance: none;
	-moz-appearance : none;
	background-repeat: no-repeat;
	background-position:right center;

	font-size:0.8em;
	line-height:1em;
	height: 21px;
	padding:0;
	margin:0;
}

.site-select:focus {
	outline: none;
	border:0;
	/*background-color:#F7F7F7;*/
	background-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/* BUTTON */

.site-button{
	display:flex;
	flex-direction:column;
	cursor:pointer;

	border-radius:14px;
	padding:5px 20px;
}

.site-button-fullwidth{
	cursor:pointer;
	display: flex;
	width:140px;
	border-radius:14px;
	padding:5px 20px;
}

.site-button-container{
	display:flex;
	flex-shrink:1;
	flex-direction:row;
	align-items: center;
	justify-content: center;
}

.site-button-fullwidth-container{
	display:flex;
	flex:1;
	width:100%;
	flex-direction:row;
}

.site-button-icon{
	display: flex;
	width:12px;
	height:12px;
	margin-right:5px;
}

.site-button-icon img{
	width:100%;
}

.site-button-label{
	display: flex;
	flex:1;
	align-items: center;
	justify-content: center;

	height:15px;
}

.site-button-texto{
	font-family: 'futura-std-medium';
	text-align: center;

	font-size:0.7em;
	line-height:1em;
}

.site-button-form{
	font-family: 'futura-std-heavy';
	cursor:pointer;

	font-size:0.8em;
	line-height:0.8em;
}


/* Group Button Container */

.site-group-button-horizontal-container-right{
	display:flex;
	flex-direction:row;
	flex-shrink:1;
	margin-left: auto;
}

.site-group-button-vertical-container-right{
	display:flex;
	flex-direction:column;
	flex-shrink:1;
	margin-left: auto;
}

.site-group-button-horizontal-container-left{
	display:flex;
	flex-direction:row;
	flex-shrink:1;
	margin-right: auto;
}

.site-group-button-vertical-container-left{
	display:flex;
	flex-direction:column;
	flex-shrink:1;
	margin-right: auto;
}

.site-group-button-horizontal-container-center{
	display:flex;
	flex-direction:row;
	flex-shrink:1;
	margin:0 auto;
}

.site-group-button-vertical-container-denter{
	display:flex;
	flex-direction:column;
	flex-shrink:1;
	margin:0 auto;
}

/* Button Padding */

.site-button-padding-horizontal40{
	padding-left:40px;
	padding-right:40px;
}

.site-button-padding-horizontal30{
	padding-left:30px;
	padding-right:30px;
}

.site-button-padding-horizontal20{
	padding-left:20px;
	padding-right:20px;
}

/* Button Spaces */

.site-button-margin-left3{
	margin-left:3px;
}

.site-button-margin-left5{
	margin-left:5px;
}

.site-button-margin-left10{
	margin-left:10px;
}

.site-button-margin-left20{
	margin-left:20px;
}

.site-button-margin-left30{
	margin-left:30px;
}

.site-button-margin-right3{
	margin-right:3px;
}

.site-button-margin-right5{
	margin-right:5px;
}

.site-button-margin-right10{
	margin-right:10px;
}

.site-button-margin-right20{
	margin-right:20px;
}

.site-button-margin-right30{
	margin-right:30px;
}

.site-button-margin-top3{
	margin-top:3px;
}

.site-button-margin-top5{
	margin-top:5px;
}

.site-button-margin-top10{
	margin-top:10px;
}

.site-button-margin-top20{
	margin-top:20px;
}

.site-button-margin-top30{
	margin-top:30px;
}

.site-button-margin-bottom3{
	margin-bottom:3px;
}

.site-button-margin-bottom5{
	margin-bottom:5px;
}

.site-button-margin-bottom10{
	margin-bottom:10px;
}

.site-button-margin-bottom20{
	margin-bottom:20px;
}

.site-button-margin-bottom30{
	margin-bottom:30px;
}



/* FORM MESSAGE */

.site-form-message-container{
	display:flex;
	flex-direction:row;
	flex:1;
	align-items:center;

	height:27px;
}

.site-form-message{
	font-family: 'futura-std-medium';

	font-size:0.9em;
	line-height:1em;
}


/* FORM BUTTON */

.site-form-button{
	width:100%;
	cursor:pointer;

	border-radius:16.5px;
	padding:5px 12px;
}

.site-form-button-container{
	display:flex;
	flex-direction:row;
	justify-content:center;

	width:100%;
}

.site-form-button-icon{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start; /* HACK CHROME: hace por default "align-items:stretch;" */

	width:15px;
	margin-right:10px;
}

.site-form-button-icon img{
	width:100%;
}

.site-form-button-label{
	display: flex;
	flex-shrink:0;
	align-items: center;
	justify-content: center;
}

.site-form-button-texto{
	font-family: 'futura-std-bold';
	text-align: center;

	font-size:0.7em;
	line-height:1em;
}


/* SITE MESSAGES */

.site-message-container{
	display:flex;
	flex-direction: row;
	justify-content: center;

	padding:10px 0;
}

.site-message-icon-container{
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;

	width:25px;
	margin-right:5px;
}

.site-message-icon-container IMG{
	width:100%;
}

.site-message-text-container{
	display:flex;
	flex-direction: column;
	justify-content: center;
}

.site-message-text-div{
	display:flex;
	flex-wrap: wrap;
	color:#ABA7A7;
	font-family: 'futura-std-medium';

	font-size:0.9em;
	line-height:1em;
}


/* LISTS */

.site-list{
	width:100%;

	margin-bottom:60px;
}

.site-list-header{
	display:flex;
	flex:1;
	flex-direction:row;
	border-bottom: 2px solid #848484;
	align-items: center;

	padding-bottom:8px;
}

.site-list-footer{
	display:flex;
	flex:1;
	flex-direction:row;
	border-top: 2px solid #848484;

	padding-top:8px;
}

.site-list-nocontent{
	padding-top:40px;
	padding-bottom:40px;
}

.site-list-lead-label{
	font-family: 'futura-std-bold';

	font-size:0.7em;
	line-height:0.7em;
	padding:4px 10px;
}

.site-list-item{
	border-bottom:2px solid #D7D7D7;

	padding-top:18px;
	padding-bottom:18px;
}

.site-sublist-item{
	border-bottom:1px solid #D7D7D7;

	padding-top:8px;
	padding-bottom:8px;
}

.site-list-item-left-container{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.site-list-item-middle-container{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}
.site-list-item-right-container{
	display:flex;
	align-items:center;
}

.site-list-item-separator{
	display:flex;
	flex-direction:column;
	width:3px;
	height:20px;
	background-color:#848484
}

.site-list-main-sublabel{
	font-family: 'futura-std-medium';

	font-size:0.9em;
	line-height:1.1em;
}

.site-list-main-label{
	font-family: 'futura-std-bold';

	font-size:1em;
	line-height:1.1em;
}

.site-list-info-sublabel{
	font-family: 'futura-std-medium';

	font-size:0.7em;
	line-height:1.1em;
}

.site-list-info-label{
	font-family: 'futura-std-medium';

	font-size:0.8em;
	line-height:1.1em;
}

.site-list-item-icon{
	width:40px;
	height:40px;
}

.site-list-item-icon img{
	width:100%;
}

.site-list-item-icon i{
	width:100%;
}

.site-list-item-padding-top{
	padding-top:5px;
}

.site-list-item-padding-bottom{
	padding-bottom:5px;
}


/* TABLES */

.site-table{
	padding-top:40px;
	margin-bottom:60px;
}

.site-table-scroll {
	overflow-x: auto;
}

.site-table-header{
	font-family: 'futura-std-heavy';
	border-bottom:2px solid #848484;
	background-color:#F7F7F7;
	color:#4D4D4D;

	font-size:0.9em;
	line-height:1em;
}

.site-table-header td {
	padding:0 10px 5px 0;
	margin:0 10px 0 0;
}

/*.site-table-footer{
	font-family: 'futura-std-heavy';
	border-top:2px solid #848484;
	color:#4D4D4D;
}*/

thead th, thead td, tfoot th, tfoot td{
	padding:0;
}
.site-table-footer{
	border-bottom: 2px solid #848484;
}

.site-table-line{
	font-size:0.8em;
	line-height:1em;
}

.site-table-line td {
	background-color:#F7F7F7;
	border-bottom:2px solid #D7D7D7;

	padding:20px 10px 20px 0;
}


/* SIMULACION */

.simulacion-list-icon-container{
	display:flex;
	flex:1.1;
	justify-content:center;
}

.simulacion-list-button-container{
	display:flex;
	flex:1;
}

.simulacion-list-middle-container{
	display:flex;
	flex:1;
	justify-content:center;
}

.simulacion-list-right-container{
	display:flex;
	flex:1;
	justify-content:flex-end;
}

.simulacion-list-left-container{
	display:flex;
	flex:1;
	justify-content:flex-start;
}

.simulacion-list-middle-div{
	display:flex;
	flex-direction:column;
	flex-shrink:1;
}


/* TABLERO */

.tablero-form-label{
	font-family: 'futura-std-medium';
	color:#009640;

	font-size:0.8em;
	line-height:1em;
}

/* TABLERO INPUT */

.tablero-input-border{
	width:100%;
	border:1px solid #949494;

	border-radius: 16.5px;
	padding:2px 12px;
}

.tablero-input{
	font-family: 'futura-std-medium';
	color: #5C5C5C;
	width:100%;
	border:0;
	background-color: transparent;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	font-size:0.75em;
	line-height:1.5em; /* con este valor jugamos para centrar el texto */
	height:15px;
	padding:0;
	margin:0;

}

.tablero-input:focus {
	outline: none;
	border:0;
	background-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.tablero-input:disabled {
	background: transparent;
}

/* TABLERO INPUT DATE */

.tablero-input-date-container{
	display:flex;
	flex-direction:row;
	height:15px;
}

.tablero-input-date-icon{
	display:flex;
	align-items:center;
	justify-content:flex-end;

	width:28px;
}

.tablero-input-date-icon img{
	width:15px;
	height:15px;
}

.tablero-input-date-control{
	display:flex;
	width:100%;
}

/* TABLERO SELECT */

.tablero-select{
	font-family: 'futura-std-medium';
	color: #5C5C5C;
	background-color:transparent;
	border:none;
	width:100%;
	-webkit-appearance: none;
	-moz-appearance : none;
	background-repeat: no-repeat;
	background-position:right center;

	font-size:0.75em;
	line-height:1em;
	height: 15px;
	padding:0;
	margin:0;
}

.tablero-select:focus {
	outline: none;
	border:0;
	background-color:#F7F7F7;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* BUTTON */

.tablero-button-label{
	display: flex;
	flex:1;
	align-items: center;
	justify-content: center;

	height:10px;
}

/* COMMON */

.tablero-form-fecha{
	width:150px;
}

.tablero-form-select{
	width:180px;
}

.tablero-form-button{
	width:80px;
}

.tablero-container{
	background-color:#FFFFFF;
	border:1px solid #D7D7D7;
	margin:0 auto;

	min-width:310px;
	height:350px;
	padding:10px 0 10px 0;

}

.tablero-scrollable-div{
	overflow-y: scroll;
	padding:0 15px;

	height:315px;
}

.tablero-no-content-div{
	display:flex;
	justify-content:center;
	align-items:center;
	font-family:'futura-std-medium';
	color:#949494;

	font-size:1em;
	line-height:1em;
	height:100%;
}

.tablero-graph-title{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	width:100%;
	color:#949494;

	margin-bottom:10px;
}

.tablero-graph-title-icon{
	margin-right:8px;
	font-size: 1.2em;
}

.tablero-graph-title-text{
	font-family:'futura-std-heavy';
	text-align:center;

	font-size:1em;
	line-height:1em;
}

.tablero-graph-label{
	font-family:'futura-std-heavy';
	color:#494949;
	border:1px solid #494949;
	width:100%;
	text-align:center;

	font-size:1em;
	line-height:1em;
	padding:5px 0;
	margin-bottom:15px;

}
.tablero-graph-text{
	font-family:'futura-std-medium';
	color:#ededed;
	width:100%;
	border:1px solid #494949;
	background-color:#494949;
	text-align:center;

	font-size:1em;
	line-height:1em;
	padding:5px 0;

}

/* DASHBOARD */

.dashboard-container{
	background-color:#FFFFFF;
	border:1px solid #D7D7D7;
	margin:0 auto;

	min-width:310px;
	height:350px;
	padding:20px 0 10px 0;

}

.dashboard-container-vacio{
	background-color:#FFFFFF;
	border:1px solid #D7D7D7;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;

	height:350px;
}

.dashboard-container-mensaje{
	font-family:'futura-std-book';
	color:#949494;

	font-size:0.9em;
	line-height:1em;
}

.dashboard-no-content-div {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'futura-std-medium';
	color: #949494;
	font-size: 1em;
	line-height: 1em;
	height:350px;
}

.dashboard-form-border-494949{
	border:2px solid #494949;
	padding:20px 20px;
}

.dashboard-form-border-FF8400{
	border:2px solid #FF8400;
	padding:20px 20px;
}

.dashboard-form-border-0050AA{
	border:2px solid #0050AA;
	padding:20px 20px;
}

.dashboard-filtro-container{
	display:flex; flex-wrap: wrap; flex-direction:row; width:100%;
}

.dashboard-filtro-border{
	display:flex;
	flex-shrink:1;
	border:1px solid #009640;
	font-family:'futura-std-medium';
	cursor:pointer;

	padding:5px 10px;
	margin:0 10px 5px 0;
	border-radius:5px;
	font-size:0.7em;
	line-height:1em;
}

.dashboard-filtro-border-message{
	display:flex;
	flex-shrink:1;
	border:1px solid #949494;
	color:#949494;
	font-family:'futura-std-medium';

	padding:5px 10px;
	margin:0 10px 5px 0;
	border-radius:5px;
	font-size:0.7em;
	line-height:1em;
}

.dashboard-filtro-selected{
	background-color:#009640;
	color:#FFFFFF;
}

.dashboard-filtro-unselected{
	background-color:transparent;
	color:#009640;
}

.dashboard-label-container{
	width:100%;
	text-align: center;
}

.dashboard-label-container-nobottom{
	width:100%;
	text-align: center;
}

.dashboard-main-label{
	font-family:'futura-std-bold';
	color:#494949;

	font-size:0.85em;
	line-height:1em;
	padding-bottom:5px;
}

.dashboard-text-label{
	font-family:'futura-std-bold';
	color:#494949;

	font-size:0.8em;
	line-height:1em;
}

.dashboard-sub-label{
	font-family:'futura-std-light';
	color:#5C5C5C;

	font-size:1.2em;
	line-height:1em;
}


/* GENERAL */

/* Properties */

.full-width{
	width:100%;
}

.cursor-pointer{
	cursor: pointer;
}

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

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

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

.display-inline-block{
	display: inline-block;
}

.flex-row-full-width{
	display:flex;
	flex-direction:row;
	width:100%;
}

.flex-row-flex-start{
	display:flex;
	flex:1;
	justify-content:flex-start;
}

.flex-row-flex-center{
	display:flex;
	flex:1;
	justify-content:center;
}

.flex-row-flex-end{
	display:flex;
	flex:1;
	justify-content:flex-end;
}


/* Fonts */

.font-futura-std-book {
	font-family: 'futura-std-book';
}

.font-futura-std-bold {
	font-family: 'futura-std-bold';
}

.font-futura-std-medium {
	font-family: 'futura-std-medium';
}

.font-futura-std-heavy {
	font-family: 'futura-std-heavy';
}

.font-futura-std-light {
	font-family: 'futura-std-light';
}


/* Borders */

.border-semaforo-verde{
	border:1px solid #53ac5b;
}

.border-semaforo-ambar{
	border:1px solid #f4c242;
}

.border-semaforo-rojo{
	border:1px solid #e73468;
}

.border-FF8400{
	border:1px solid #FF8400;
}

.border-000000{
	border:1px solid #000000;
}

.border-BD0000{
	border:1px solid #BD0000;
}

.border-009640{
	border:1px solid #009640;
}

.border-949494{
	border:1px solid #949494;
}

.border-494949{
	border:1px solid #494949;
}

.border-DDA800{
	border:1px solid #DDA800;
}

.border-0050AA{
	border:1px solid #0050AA;
}


.border-top-848484{
	border-top: 2px solid #848484;
}

.border-bottom-848484{
	border-bottom: 2px solid #848484;
}

.border-bottom-D7D7D7{
	border-bottom: 2px solid #D7D7D7;
}

.border-form-494949{
	border:2px solid #494949;
}

.border-form-0050AA{
	border:2px solid #0050AA;
}


/* Background Colors */

.background-color-semaforo-verde{
	background-color:#53ac5b;
}

.background-color-semaforo-ambar{
	background-color:#f4c242;
}

.background-color-semaforo-rojo{
	background-color:#e73468;
}


.background-color-009640{
	background-color:#009640;
}

.background-color-DBDBDB{
	background-color:#DBDBDB;
}

.background-color-949494{
	background-color:#949494;
}

.background-color-494949{
	background-color:#494949;
}

.background-color-BD0000{
	background-color:#BD0000;
}

.background-color-000000{
	background-color:#000000;
}

.background-color-E3E3E3{
	background-color:#E3E3E3;
}

.background-color-FF8400{
	background-color:#FF8400;
}

.background-color-DDA800{
	background-color:#DDA800;
}

.background-color-0050AA{
	background-color:#0050AA;
}

.background-color-EDEDED{
	background-color:#EDEDED;
}


/* Colors */

.color-semaforo-verde{
	color:#53ac5b;
}

.color-semaforo-ambar{
	color:#f4c242;
}

.color-semaforo-rojo{
	color:#e73468;
}

.color-979797{
	color:#979797;
}

.color-F7F7F7{
	color:#F7F7F7
}

.color-ABA7A7{
	color:#ABA7A7;
}

.color-808080{
	color:#808080;
}

.color-009640{
	color:#009640;
}

.color-007E35{
	color:#007E35;
}

.color-009640{
	color:#009640;
}


.color-494949{
	color:#494949;
}

.color-949494{
	color:#949494;
}

.color-5C5C5C{
	color:#5C5C5C;
}

.color-BD0000{
	color:#BD0000;
}

.color-4D4D4D{
	color:#4D4D4D;
}

.color-6B6B6B{
	color:#6B6B6B;
}

.color-DDA800{
	color:#DDA800;
}

.color-FBC400{
	color:#FBC400;
}

.color-FCC400{
	color:#FCC400;
}

.color-FFA100{
	color:#FFA100;
}

.color-FF8400{
	color:#FF8400;
}

.color-000000{
	color:#000000;
}

.color-0050AA{
	color:#0050AA;
}

.color-FFFFFF{
	color:#FFFFFF;
}

.color-646464{
	color:#646464;
}

.color-FF8C00{
	color:#FF8C00;
}

.color-057A3E{
	color:#057A3E;
}

.color-1E90FF{
	color:#1E90FF;
}

.color-D7D7D7{
	color:#D7D7D7;
}

.color-494949{
	color:#494949;
}


/* Small only */
@media screen and (max-width: 39.9375em) {
	

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {


}

/* Large and up */
@media screen and (min-width: 64em) {


}