@charset "utf-8";
/* CSS Document */
.page {margin-bottom:40px;
height:100%;
}
.panel {
    background-color: #f2f2f2;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    margin-bottom: 14px;
	margin-top: 14px;
    padding: 9px 14px;
	width:100%;
	float:right;
	font-size:14px;
}
.tabla-inicio{font-size:18px;}
.wrapper {min-height:400px;}
.usuario {
    padding-top: 10px;
	padding-right: 20px;
	color:#868589;
	float:right !important;
	font-size:14px;
	text-align:right
	width:30%;
}

.usuario a { color:#FFF}
.usuario a:hover { color:#999}

.info-usuario {
	border-top: 1px solid #e1e1e8;
	padding-top: 5px;
	font-size:14px;
}

.dropdown-menu {
	font-size:16px;
}
.btn { font-size:16px; padding: 5px 15px;}
.btn-rojo {
    background-color: #C12140;
    border-color: #A01127;
    color: #fff;
}
.btn-rojo:hover {
  color: #fff !important;
  background-color: #A01127;
  border-color: #B72743;
}

.btn-rojo:active,
.btn-rojo.active,
.open > .dropdown-toggle.btn-success {
  color: #fff !important;
  background-color: #A01127;
  border-color: #B72743;
}
.btn-rojo:focus,
.btn-rojo.focus {
  color: #fff !important;
  background-color: #A01127;
  border-color: #B72743;
}

.btn-gris {
    background-color: #545454;
    border-color: #777777;
    color: #fff;
}
.btn-gris:hover {
  color: #fff;
  background-color: #686868;
  border-color: #959596;
}

.btn-gris:active,
.btn-gris.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #959596;
  border-color: #777777;
}
.btn-gris:focus,
.btn-gris.focus {
  color: #fff;
  background-color: #959596;
  border-color: #777777;
}
.btn-turquesa {
    background-color: #5FA098;
    border-color: #4A8980;
    color: #fff;
}
.btn-turquesa:hover {
  color: #fff !important;
  background-color: #4A8980;
  border-color: #5FA098;
}
.btn-turquesa:active,
.btn-turquesa.active,
.open > .dropdown-toggle.btn-success {
  color: #fff !important;
  background-color: #4A8980;
  border-color: #5FA098;
}
.btn-turquesa:focus,
.btn-turquesa.focus {
  color: #fff !important;
  background-color: #4A8980;
  border-color: #5FA098;
}
.logos {
	padding:5px 0px 0px 0px;
	width:70%;
	float:left;
}



.metric {
    border: 1px solid #dce6eb;
	border-radius: 4px;
    padding: 15px;
}
.metric .icon {
    /*background-color: #0081c2;
    border-radius: 50%;*/
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}
.metric .number {
    display: block;
    font-size: 38px;
    font-weight: 400;
}
.metric .title {
    font-size: 16px;
	width:auto;
	
}
.metric p {
    line-height: 1.2;
    margin: 0;
    text-align: right;
}
.glyphicon-metric {
    font-size: 44px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.nota {width:auto}
.vermas {float:right}
.circle-quotes {
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    height: 220px;
    margin: 25px auto;
    padding: 25px;
    text-align: center;
    width: 220px;
}
.title{
	font-size: 70px; margin-top: 15px; width: 100%; font-weight: 700; clear:both; line-height:1.2
}
.small{font-size:16px}
@media (max-width: 600px) {
	.logos{ display:none}


@font-face {
    font-family: "Soberana Sans";
    font-size: 18px !important;
  color: green !important;
}