@CHARSET "ISO-8859-1";
/*
@font-face {
	font-family: MyriadPro;
	src: url('/fonts/MyriadPro.woff');
}*/

@font-face {
    font-family: montserrat;
    src: url('/login/fonts/montserrat.woff');
}

/*GENERALS*/
html, body {
	height: 100%;
	margin: 0px;
	overflow-x: hidden;
	font-family: "montserrat" !important;
	height: 100%;
	background: url('/login/img/fondo_bienvenida.png') no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0px;
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.click {
	cursor: pointer;
}

#main {
	margin: 5%;
}

a {
	cursor: pointer;
	color: #1DA5C4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.link {
	cursor: pointer;
}

.link:hover {
	text-decoration: underline;
}

.width400px {
	width: 400px;
}

.width200px {
	width: 200px;
}

.width160px {
	width: 160px;
}

.height35px {
	height: 34px;
}

.height700px {
	height: 700px;
}

.height900px {
	height: 900px;
}

.marginTop10px {
	margin-top: 10px;
}

.fa-bars {
	color: #fff !important;
}

/*BG COLORS*/
/*cyan*/
.cyanBG {
	background-color:#24bae0;
}
/*blue soft*/
.blueSoftBG {
	background-color: #a4d9ea;
}
/*green soft*/
.greenSoftBG {
	background-color: #c2ddb3;
}
/*yellow soft*/
.yellowSoftBG {
	background-color: #e9e4c1 ;
}
/*rose soft*/
.roseSoftBG {
	background-color: #f2deca;
}
/*grey soft*/
.greySoftBG {
	background-color: #c9d2c8;
}
/*purpel soft*/
.purpelSoftBG {
	background-color: #d1c7d1;
}


/*brown soft */
.brownSoftBG {
	background-color:#d1ccb3;
}

/*grey dark*/
.greyDarkBG {
	background-color: #d9dadb;
}
/*dark green*/
.darkSoftBG {
	background-color: #c8d2c7;
}

.darkBlue {
	background-color: #d9dadb;
}

/*COLORS*/
/*cyan*/
.cyan {
	color: #1DA5C4;
}
/*blue soft*/
.blueSoft {
	color: #24bae0;
}
/*green soft*/
.greenSoft {
	color: #c2ddb3;
}
/*yellow soft*/
.yellowSoft {
	color: #e9e4c1;
}

/*rose soft*/
.roseSoft {
	color: #f2deca;
}
/*grey soft*/
.greySoft {
	color: #d9dadb;
}
/*purpel soft*/
.purpelSoft {
	color: #d1c7d1;
}
/*brown*/
.brownSoft {
		color:#d1ccb3;
}
/*grey soft 2*/
.greySoft {
	color:#d9dadb;
}
/*dark green*/
.darkSoft {
	color: #c8d2c7;
}
/*grey*/
.grey {
	color: #777;
}
/*orange*/
.orange {
	color: #E09C17;
}
/*green*/
.green {
	color: #04B431;
}
/*yellow */

/*red */
.red {
	color: #FF0000;
}

.list li a:hover {
	background-color: grey !important;
	cursor: pointer;
	color: #fff;
}

/*PARTS*/
/*padding*/
.padding30px {
	padding: 30px;
}

.paddingBottom10px {
	padding-bottom: 10px;
}

.paddingLeft50px {
	padding-left: 50px;
}

.paddingTop10px {
	padding-top: 10px;
}

.paddingTop12px {
	padding-top: 12px;
}

.paddingTop5px {
	padding-top: 5px;
}

.marginLeft80 {
	margin-left: 80px;
}

.marginTop5px {
	margin-top: 5px !important;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.borderLeft {
	border-left-style: solid;
}

/*EVALUATIONS ELEMENTS -- VARIABLES*/
.secondBox {
	/*display:inline-block;*/
	
}

.firstBox h6 {
	font-size: 1.5em;
	padding: 0px;
	display: inline-block;
}

.firstBox i {
	display: inline-block;
}

.firstBox p {
	display: inline-block;
}

.firstBox a {
	text-decortation: none;
	display: inline-block;
}

.secondBox h6 {
	font-size: 1.7em;
	padding: 0px;
	display: inline-block;
}

.secondBox h5 {
	font-size: 1.8em;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
}

.secondBox i {
	display: inline-block;
}

.secondBox p {
	display: inline-block;
}

.secondBox a {
	text-decortation: none;
	display: inline-block;
	max-width: 400px;
}

.linkLeft {
	float: left;
}

.linkLeft h6 {
	padding-left: 10px;
}

.linkRight {
	padding-left: 10px;
	float: right;
	border-left-style: solid;
}

.floatingBox {
	min-width: 150px;
	min-height: 15px;
	margin: 10px;
}

.linkRight div i {
	float: left;
}

.linkRight div b {
	float: left;
}

.linkRight div a {
	float: left;
}

.icon {
	color: #000;
	cursor: pointer;
	text-decoration: none;
}

/*ROLS*/
/*PREGUNTAR A METORITO QUE COLORES USARIAN 
.User-Coordinator-Observer{
	background-color: ?;
} 

.Audit-Validation {
	background-color: ?;
}

.Management{
	background-color: ?;
}
*/

/* FOOTER */
footer {
	background-color: transparent;
}


footer p{
	font-family:'montserrat';
}


@media ( max-width : 700px) {
	footer {
		visibility: hidden;
	}
}

/* HEADER */
.navbar {
	margin-bottom: 0px !important;
}

.ARError {
	padding: 10px;
}

#header {
	background-color: #707173;
	height: 57px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid #666;
	min-width: 1100px;
	position: fixed;
	width: 100%;
	box-shadow: 0px 1px 2px 2px #ababab;
	position: relative;
	z-index: 999;
}

#header>#logo {
	cursor: pointer;
	float: left;
	margin-left: 20px;
	margin-right: 15px;
	margin-top: 3px;
}

#header>.top-menu.ul-left {
	float: left;
	margin-left: 20px;
	height: 50px;
}

#header>.top-menu.ul-right {
	float: right;
	margin-right: 20px;
	height: 50px;
}

.headNav {
	color: #fff !important;
	background-color: #707173 !important;
}

.headNav a {
	color: #fff !important;
}

#id {
	color: #fff !important;
}

#id ul {
	list-style-type: none !important;
}

/*setting */
#header .user_info {
	height: 55px;
	float: right;
}

#header .user_info .info {
	height: 55px;
	float: right;
}

#header .user_info .icon {
	float: right;
	padding-top: 6px;
	height: 55px;
	margin-left: 10px;
}

#header .user_info .icon img {
	height: 47px;
}

#header .user_info .name {
	padding-top: 3px;
	font-size: 14px;
	color: #31caf1; /*azul un poco mas claro*/
}

#header .user_info .company {
	padding-top: 0px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 2px;
}

#header .user_info .actions a {
	font-size: 13px;
	color: #31caf1;
}

#header .user_info .actions .separator {
	padding: 0px 12px;
	color: #bdbec0;
}

/* SUB-HEADER */
#sub-header {
	background-color: #f6f6f6;
	min-width: 900px;
	width: 100%;
	height: 35px;
	position: fixed;
	margin-top: 57px;
	z-index: 998;
}

#sub-header .sub-left {
	float: left;
	width: 215px;
	margin-right: -215px;
	background-color: #e6e6e7;
	line-height: 35px;
	height: 35px;
	text-align: center;
}

#sub-header .sub-right {
	margin-left: 215px;
	padding-left: 10px;
	min-width: 500px;
	height: 35px;
}

/* CONTENT 
.content {
	padding: 0px 0px 0px 0px;
	background: white;
	padding-top: 92px;

}

.contentTop {
	padding-top: 10px;
}

#content h1 {
	font-weight: normal;
	font-size: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
}

hr {
	border: 0px;
	border-bottom: 2px dotted #D2D4D5;
}


/*REPORT*/
.report-main {
	width: 100%;
	min-width: 700px;
	max-width: 1300px;
	margin: auto;
	text-align: center;
	padding-top: 25px;
}

.report-main .main-graph {
	display: inline-block;
	width: 40%;
	vertical-align: middle;
}

.report-main .main-rating {
	display: inline-block;
	width: 40%;
	text-align: right;
	vertical-align: middle;
}

.main-rating>h1 {
	font-size: 45px;
}

.main-rating>p {
	margin: 0px;
	font-size: 150px;
	text-transform: uppercase;
	color: rgb(20, 180, 222);
	margin-bottom: -10px;
}

.main-rating>span {
	font-style: italic;
	margin-right: 15px;
}

.report-table {
	width: 75%;
	margin: auto;
	border-collapse: collapse;
}

.report-table td, .report-table th {
	text-align: center;
	border: 1px solid rgb(220, 220, 220);
	line-height: 20px;
	vertical-align: middle;
	padding: 5px 10px;
	width: 170px;
	background-color: rgb(242, 242, 242);
}

.report-table tr>td.main {
	width: 30px;
	font-weight: bold;
}

.report-table th {
	background-color: rgb(158, 158, 158);
	color: #FFF;
}

.report-main .sub-graph {
	width: 75%;
	margin: auto;
}

.sub-graph .sub-graph-title {
	text-align: left;
	margin-top: 25px;
	color: #707071;
	font-size: 15px;
	text-transform: uppercase;
}

.sub-graph .sub-graph-descr {
	text-align: left;
	margin-bottom: 10px;
}

.sub-graph .sub-graph-canvas {
	margin: 0;
}

footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
}

/*HOME*/
/* headbox */
.headBox {
	width: 320px;
	height: 150px;
}

.headBox h4 {
	color: #24bae0;
	font-size: 3em;

}

.headBox  h5 {
	color: #24bae0;
	font-size: 5em;
	float: left;
	font-weight: 700;
	padding-left:6px;
	margin-bottom: 5px;
}

.headBox h6 {
	color: #24bae0;
	font-size: 5em;
	float: right;
	font-weight: 700;
	padding-left:6px;
	margin-bottom: 5px;
}
 	 

.headBox small{
	color:#fff;
	float:left;
	display:inline;
}

.headBox .progressbar {
	background-color: #fff;
	border-radius: 3px; /* (height of inner div) / 2 + padding */
	padding: 1px;
	width: 50px;
	margin-top:5px;
}

.headBox .progressbar>div {
	background-color: #777;
	/*width: 40%; *//* Adjust with JavaScript */
	height: 5px;
	border-radius: 1px;
}

.headBox .boxR {
	float: right;
	margin-right:20px;
}

.headBox .boxL {
	padding-top: 58px;
	float: left;
}







.right {
	position: absolute;
	width: 300px;
	height: 300px;
}

.right {
	-webkit-shape-outside: polygon(0 0, 100% 51%, 100% 0);
	shape-outside: polygon(0 0, 100% 51%, 100% 0);
	float: right;
	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 51%, 100% 0);
}

.right div{
	float:right;
}

.right div i
{
    display: block;
    padding-right:10px;
    padding-top:5px;
    color:grey;
}


.box {
	width: 280px;
	height: 300px;
}

.box P {
	color: #fff;
	font-size: 1.4em;
	font-weight: 600;
	height: 30px;
}

.box h4 {
	font-size: 2.5em;
	font-weight: 700;
	padding-bottom:  5px;
}

.box  h5 {
	color: #fff;
	font-size: 3.2em;
	font-weight: 700;
	float: left;
	padding-bottom:  5px;
}

.box h6 {
	color: #fff;
	font-size: 1.8em;
	float: left;
	font-weight: 700;
	margin-left: 5px;
	padding-bottom:  5px;
}


.box .boxR {
	float: right;
	margin-right:70px;
}

.box .boxL {
	padding-top: 50px;
	float: left;
}




.box .progressbar {
	background-color: #fff;
	border-radius: 3px; /* (height of inner div) / 2 + padding */
	padding: 1px;
	width: 50px;
	margin-top:5px;
}

.box .progressbar>div {
	background-color: #777;
	/*width: 40%; *//* Adjust with JavaScript */
	height: 5px;
	border-radius: 1px;


}



.box small{
	color:#fff;
}


#file{
	background-color: red !important;
}






/*INFORM*/
.diagram img {
	width: 60%;
	height: 44%;
}

.block h2 {
	font-size: 10em;
	color: #1DA5C4;
	filter: alpha(opacity = 50);
	opacity: 0.5;
}

.diagram2 img {
	width: 60%;
	height: 44%;
	margin-left: 10%;
}

.block h6 {
	padding-left: 100px;
}

/*X-EDIT*/
.editWrapper {
	background-color: #E6E6E6;
	min-height: 900px;
	padding: 10px;
}

.cross i {
	position: relative;
	margin-left: 97%;
	padding-top: 10px;
	color: #000;
}

.cross:hover {
	color: #2E2E2E;
	cursor: pointer;
}

.headEdit {
	background-color: grey;
	color: #E6E6E6;
}

.editWrapper th {
	border: 2px solid #E6E6E6;
	border-collapse: collapse;
}

.editWrapper th {
	padding: 5px;
	text-align: left;
}

.editWrapper td {
	background-color: #fff;
}

/* mejorar
.yes :hover{
	background-color:green !important;
}

*/
.btn2 {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	background-color: grey !important;
	color: #fff !important;
}

.corner {
	padding-top: 200px;
	padding-left: 50%;
}

.adjustmentImg img {
	float: right;
	height: 100px;
	margin-right: 20px;
}

/*SETTINGS*/
/*cuenta*/
.blockAccount {
	margin-left: 200px;
	margin-right: 200px;
}

.blockAccount .name {
	background-color: #D8D8D8;
	color: #424242;
}

.blockAccount .title {
	background-color: #585858;
	color: #D8D8D8;
}

.minWidth {
	min-width: 200px;
}

/*password*/
.blockPassword {
	margin-left: 200px;
	margin-right: 200px;
}

.blockPassword .title {
	background-color: #585858;
	color: #D8D8D8;
	height: 30px;
	padding-top: 4px;
}

/*ADMIN*/
.imageIcon {
	backdround-color: grey;
	width: 200px;
	height: 100px;
}

/*SIDEBAR*/
.sidebar {
	padding-left: 0;
	padding-right: 0;
}

.block th {
	background-color: #6E6E6E;
}

.block tr:nth-child(odd) {
	background-color: #A4A4A4;
}

.sidebar {
	position: fixed;
	top: 51px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto;
	border-right: 1px solid #eee;
}

.butom div {
	margin: 20px;
}

.butom button {
	width: 100px;
}

.butom button:hover {
	color: #fff;
	background-color: grey;
}

#contenedor {
	display: table;
	border-spacing: 5px;
}

#contenidos {
	display: table-row;
}

#principal, #secundario, #lateral {
	display: table-cell;
}

#principal {
	width: 60%;
}

#secundario, #lateral {
	width: 20%;
}

/* CONTROL PANEL*/
/*admin*/
.controlAdmin {
	width: 400px;
	height: 200px;
	background-color: #808080;
	margin: 10px;
}

.controlAdmin input {
	margin-left: 10px;
	width: 100px;
}

.controlAdmin h4 {
	padding-top: 10px;
	padding-left: 10px;
}

.controlAdmin button {
	margin-left: 250px;
}

/*# CONTROL PANEL*/

/* -- Responsive Styles (Media Queries) ------------------------------------- */

/* for tablets*/
@media only screen and (max-width: 500px) {
	.blockAccount {
		margin-left: 0px;
		margin-right: 0px;
	}
	.blockPassword {
		margin-left: 0px;
		margin-right: 0px;
	}
	.editWrapper {
		width: 100%;
	}
}

/* Index*/
footer img:first-child{
    width: 108px;
}

footer img:nth-child(2) {
    width: 60px;
    padding-top: 6px;
}