@font-face {
  font-family: "gb18030";
  src:url("GB18030C/GB18030C.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

a {
	display:inline-block;
	text-decoration:none;
	color:#fff;
	transition:all 0.3s
}
ul {
	padding:0;
	margin:0
}
body {
	overflow-x:hidden
}
i {
	display:inline-block
}
span {
	display:inline-block
}
span {
	font-size:0.9em
}
p {
	color:#888
}
i[class*='icon-'] {
	transform:translateY(4px)
}
table {
	font-size:0.8em;
	color:#666
}
etiqueta {
	font-size: 0.7em;
}
.btn-xs {
	font-size:0.7em !important;
	padding:2px 5px !important;
	border-radius:2px !important
}
.badge {
	font-weight:400;
	border-radius:0
}
.badge.badge-primary {
	background:#63bd9a
}
.page {
	position:absolute;
	top:0;
	right:0;
	transition:width 0.3s linear;
	width:calc(100% - 200px);
	background-color:#F4F7FA;
	min-height:100vh;
	padding-bottom:50px
}
.page.active {
	width:calc(100% - 70px)
}
.login-page,.register-page {
	width:100%
}
h2 {
	color:#555;
	font-weight:400
}
.gmpc {
	padding:0 !important;
	width:100% !important;
	height:auto !important;
	box-shadow:none !important;
	color:#63bd9a !important;
	border-right:1px solid #eee
}
@media (max-width:576px) {
	.gmpc {
		border-right:none;
		border-bottom:1px solid #eee
	}
}
.breadcrumb-holder {
	background:#eceeef
}
.breadcrumb-holder .breadcrumb {
	padding:15px 0;
	font-size:.85em;
	font-weight:300;
	color:#999;
	margin-bottom:0
}
.breadcrumb-holder .breadcrumb a:hover,.breadcrumb-holder .breadcrumb:focus {
	text-decoration:none
}
.breadcrumb-holder .breadcrumb .container {
	padding:0
}
.card {
	height:100%;
	border:none;
	background:#fff;
	box-shadow:1px 1px 2px rgba(0,0,0,0.1);
	border-radius:0
}
.card-header {
	height:50px;
	background-color:#fff;
	border-bottom-color:#f3f3f3;
	border-top:none
}
.card-header h2,.card-header h3 {
	margin-bottom:0
}
.display {
	font-weight:400 !important
}
input.form-control-custom {
	display:none
}
input.form-control-custom:checked+label::before {
	background:#59b357 !important
}
input.form-control-custom:checked+label::after {
	opacity:1 !important
}
input.form-control-custom.radio-custom+label::before {
	border-radius:50%
}
input.form-control-custom.radio-custom+label::after {
	content:'';
	width:6px;
	height:6px;
	line-height:6px;
	background:#fff;
	border-radius:50%;
	top:7px;
	left:5px
}
input.form-control-custom[disabled]+label {
	cursor:not-allowed
}
input.form-control-custom[disabled]+label::before,input.form-control-custom[disabled]+label::after {
	border:2px solid #aaa;
	cursor:not-allowed
}
input.form-control-custom[checked]+label::before,input.form-control-custom[checked]+label::after {
	border:none
}
input.form-control-custom+label {
	font-size:0.75em;
	margin-bottom:0;
	margin-left:0;
	color:#999;
	padding-left:25px;
	padding-top:2px;
	position:relative
}
input.form-control-custom+label span {
	margin-left:20px
}
input.form-control-custom+label::before {
	content:'';
	display:block;
	width:16px;
	height:16px;
	line-height:16px;
	background:#ddd;
	color:#fff;
	text-align:center;
	position:absolute;
	top:2px;
	left:0;
	transition:all 0.1s;
	cursor:pointer
}
input.form-control-custom+label::after {
	content:'\f00c';
	display:block;
	font-family:'FontAwesome';
	font-size:8px;
	color:#fff;
	position:absolute;
	top:4px;
	left:4px;
	transition:all 0.1s;
	opacity:0;
	cursor:pointer
}
button {
	cursor:pointer
}
.section-padding {
	padding:50px 0
}
.section-no-padding-bottom {
	padding-bottom:0
}
@media (min-width:992px) {
	.container-fluid {
		padding:0 50px
	}
}
nav.navbar {
	background:#385170;
	padding:.8rem 0
}
nav.navbar .side-navbar-wrapper {
	width:100%;
	height:100%
}
nav.navbar .container-fluid {
	width:100%
}
nav.navbar a {
	font-size:.8em;
	color:#fff;
	position:relative
}
nav.navbar .badge {
	position:absolute;
	top:0;
	right:0
}
nav.navbar a.logout i {
	margin-left:5px
}
nav.navbar small {
	font-size:.75em;
	color:#999
}
nav.navbar a.navbar-brand {
	margin-left:10px
}
nav.navbar .brand-text {
	text-transform:uppercase
}
nav.navbar .brand-text strong {
	font-size:1.5em
}
nav.navbar .dropdown-menu {
	width:320px;
	right:0;
	left:auto;
	float:left;
	margin-top:16px;
	padding:20px;
	font-size:1.1em
}
nav.navbar .dropdown-menu a {
	font-size:.75em;
	color:#666;
	padding:10px
}
nav.navbar .dropdown-menu a:active {
	color:#fff
}
nav.navbar .dropdown-menu a:active span {
	color:#fff
}
nav.navbar .dropdown-menu a span {
	color:#777
}
nav.navbar .dropdown-menu a i {
	margin-right:5px
}
nav.navbar .msg-body span,nav.navbar .msg-body strong {
	display:block
}
nav.navbar .msg-body span {
	font-size:0.85em
}
nav.navbar .msg-profile {
	margin-right:10px;
	width:50px
}
nav.navbar .notification-content {
	font-size:0.8em
}
nav.navbar a.menu-btn {
	width:40px;
	height:40px;
	line-height:40px;
	background:#203c60;
	color:#fff;
	text-align:center;
	padding:0 !important
}
nav.navbar a.menu-btn i[class*='icon-'] {
	transform:translateY(4px)
}
nav.navbar a.menu-btn:hover {
	background:#63bd9a
}
@media (max-width:576px) {
	nav.navbar .dropdown-menu {
		width:auto;
		right:-40px
	}
	nav.navbar .notification {
		flex-direction:column
	}
}
@media (min-width:992px) {
	nav.navbar .dropdown-menu strong {
		font-weight:400
	}
	nav.navbar .dropdown-menu a {
		font-size:0.9em
	}
}
nav.side-navbar {
	position:fixed;
	top:0;
	left:0;
	width:200px;
	height:100%;
	width:200px;
	text-align:left;
	background:#385170;
	color:#fff;
	transition:all 0.3s linear;
	z-index:999;
	overflow-y:auto
}
nav.side-navbar .scrolled-wrapper {
	width:100%;
	height:100%
}
nav.side-navbar.hide {
	left:-70px
}
nav.side-navbar a.brand-small {
	text-transform:uppercase;
	font-weight:500;
	padding:0
}
nav.side-navbar a.brand-small:hover,nav.side-navbar a.brand-small:focus {
	background:none
}
nav.side-navbar a.brand-small strong {
	font-size:1.5em
}
nav.side-navbar li {
	position:relative
}
nav.side-navbar li.active a {
	background:#63bd9a
}
nav.side-navbar li ul.collapse a {
	padding-left:20px;
	border-left:2px solid #63bd9a
}
nav.side-navbar li ul.collapse a:hover {
	background:#121212
}
nav.side-navbar .sidenav-header {
	background:#203c60;
	padding:14px;
	margin-bottom:10px
}
nav.side-navbar .sidenav-header img {
	width:50px;
	height:50px
}
nav.side-navbar .sidenav-header span {
	font-size:.8em;
	color:#63bd9a
}
nav.side-navbar .sidenav-header h2 {
	margin:10px 0 0
}
nav.side-navbar a {
	font-size:.95em;
	font-weight:300;
	color:#fff;
	text-decoration:none;
	width:100%;
	padding:12px
}
nav.side-navbar a:focus,nav.side-navbar a:hover,nav.side-navbar a[aria-expanded="true"] {
	background:#63bd9a;
	color:#fff;
	border-radius:2px
}
nav.side-navbar li ul {
	background:#203c60;
	position:relative;
	min-width:100%;
	left:0;
	padding-left:0
}
nav.side-navbar li ul a {
	padding-left:20px;
	font-size:0.85em
}
nav.side-navbar span {
	display:inline-block
}
nav.side-navbar i {
	font-size:inherit;
	transition:all 0.3s;
	margin-right:10px
}
nav.side-navbar .badge {
	display:inline-block;
	font-size:0.6em
}
nav.side-navbar .arrow {
	display:block;
	font-size:1em;
	transform:none
}
nav.side-navbar .arrow i {
	margin:0
}
nav.side-navbar a[aria-expanded="false"] .arrow {
	transform:none;
	transform:rotate(90deg)
}
nav.side-navbar .brand-small {
	display:none
}
nav.side-navbar.shrink {
	width:70px;
	text-align:center
}
nav.side-navbar.shrink .brand-small {
	display:block
}
nav.side-navbar.shrink .sidenav-header-inner {
	display:none
}
nav.side-navbar.shrink i {
	margin-right:0;
	font-size:1.2em
}
nav.side-navbar.shrink .arrow {
	float:none;
	transform:none !important
}
nav.side-navbar.shrink .badge {
	display:none
}
nav.side-navbar.shrink span {
	font-size:0.6em;
	display:block
}
@media (max-width:1200px) {
	.page {
		width:100%
	}
	.page.active {
		width:100%
	}
	.page.active-sm {
		width:calc(100% - 70px)
	}
	nav.side-navbar {
		left:-70px;
		width:70px;
		text-align:center
	}
	nav.side-navbar.show-sm {
		left:0 !important
	}
	nav.side-navbar a {
		font-size:1em
	}
	nav.side-navbar .brand-small {
		display:block
	}
	nav.side-navbar .sidenav-header-inner {
		display:none
	}
	nav.side-navbar i {
		margin-right:0;
		font-size:1.2em
	}
	nav.side-navbar .arrow {
		float:none;
		transform:none !important
	}
	nav.side-navbar .badge {
		display:none
	}
	nav.side-navbar span {
		font-size:0.65em;
		display:block
	}
	nav.side-navbar li ul a {
		font-size:0.6em
	}
}
@media (min-width:992px) {
	nav.side-navbar a {
		font-size:1.1em
	}
}
section.dashboard-counts {
	color:#333
}
section.dashboard-counts .count-title span {
	font-size:.8em;
	color:#aaa;
	display:block
}
section.dashboard-counts .count-title i {
	font-size:1.5em;
	color:#63bd9a
}
section.dashboard-counts .icon {
	margin-right:10px
}
section.dashboard-counts strong {
	font-size:.9em;
	font-weight:500;
	color:#555;
	display:block
}
section.dashboard-counts .count-number {
	font-size:1.5em;
	font-weight:300
}
@media (max-width:992px) {
	section.dashboard-counts div[class*='col-'] {
		margin-bottom:20px
	}
}
@media (min-width:992px) {
	section.dashboard-counts strong {
		font-size:1em
	}
	section.dashboard-counts span {
		font-size:0.9em
	}
	section.dashboard-counts .count-number {
		font-size:2.0em
	}
}
section.dashboard-header {
	background:#fff;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee
}
section.dashboard-header .check-lists {
	margin-top:20px
}
section.dashboard-header .check-lists label {
	font-size:0.75em
}
section.dashboard-header #pieChart {
	max-width:300px !important;
	max-height:300px !important;
	margin:0 auto
}
section.dashboard-header p {
	font-size:.75em;
	font-weight:400;
	color:#888
}
section.dashboard-header li {
	margin-bottom:10px
}
@media (max-width:992px) {
	section.dashboard-header {
		background:none;
		border:none;
		padding:0;
		margin-bottom:40px
	}
	section.dashboard-header div[class*='col-'] {
		margin-bottom:40px
	}
	section.dashboard-header div[class*='col-'] .wrapper {
		background:#fff;
		padding:30px;
		box-shadow:1px 1px 2px rgba(0,0,0,0.1);
		height:100%
	}
}
@media (min-width:992px) {
	section.dashboard-header p {
		font-size:0.9em
	}
	section.dashboard-header h2 {
		font-size:1.3rem
	}
	section.dashboard-header .check-lists label {
		font-size:0.85em
	}
}
section.statistics div[class*='col-'] .wrapper {
	background:#fff;
	box-shadow:1px 1px 2px rgba(0,0,0,0.1);
	padding:20px;
	height:100%
}
section.statistics h2 {
	margin-bottom:20px
}
section.statistics p {
	font-size:.85em;
	color:#999;
	margin-bottom:5px
}
section.statistics .income .icon {
	font-size:3.5em
}
section.statistics .income .number {
	font-size:1.5em;
	color:#555
}
section.statistics .income strong {
	font-size:1.5em
}
section.statistics .data-usage canvas {
	width:100%;
	max-width:200px;
	border:none
}
section.statistics .data-usage strong {
	font-size:1.5em;
	display:block
}
section.statistics .data-usage small {
	font-size:.85em;
	font-weight:300;
	color:#aaa
}
section.statistics .data-usage span {
	font-size:.95em;
	color:#aaa;
	display:block
}
section.statistics .data-usage p {
	margin-top:10px;
	margin-bottom:0
}
section.statistics .user-activity .number {
	font-size:2.5em;
	font-weight:300;
	color:#555
}
section.statistics .user-activity .progress {
	border-radius:0;
	background:#f5f5f5
}
section.statistics .user-activity .progress .progress-bar.bg-primary {
	background:#63bd9a !important
}
section.statistics .user-activity .page-statistics {
	margin-top:20px
}
section.statistics .user-activity .page-statistics strong {
	display:block;
	text-transform:uppercase;
	color:#63bd9a;
	font-size:2em
}
@media (max-width:992px) {
	section.statistics {
		padding-top:0
	}
	section.statistics div[class*='col-'] .wrapper {
		margin-bottom:40px
	}
	section.statistics div[class*='col-']:last-of-type .wrapper {
		margin-bottom:0
	}
	section.statistics .data-usage {
		text-align:center
	}
}
@media (max-width:992px) {
	section.statistics div[class*='col-'] .wrapper {
		height:auto;
		margin-bottom:40px
	}
	section.statistics div[class*='col-']:last-of-type .wrapper {
		margin-bottom:0
	}
	section.statistics .data-usage div[class*='col-']:first-of-type {
		padding-bottom:20px
	}
	section.statistics .data-usage .gmpc {
		padding-bottom:20px !important
	}
	p {
		font-size:0.75em
	}
}
@media (min-width:992px) {
	section.statistics h2 {
		font-size:1.3rem
	}
}
section.updates div[class*="col-"]>div {
	background:#fff;
	box-shadow:1px 1px 2px rgba(0,0,0,0.1)
}
section.updates .left-col {
	padding-right:20px
}
section.updates .card-header {
	height:50px;
	background:#fff;
	border-top:none;
	border-bottom-color:#f3f3f3
}
section.updates .card-header h2 {
	color:#555
}
section.updates .icon {
	margin-right:10px
}
section.updates li {
	border-bottom:1px solid #f3f3f3;
	padding:.75rem 1.25rem
}
section.updates .update-date {
	font-size:1.3em;
	font-weight:700;
	color:#bbb;
	display:block
}
section.updates span {
	font-size:.7em;
	font-weight:300;
	color:#aaa;
	line-height:.5em;
	display:block
}
section.updates strong {
	font-weight:400;
	color:#555;
	font-size:0.9em
}
section.updates small {
	font-size:0.75em
}
section.updates a {
	color:#555
}
section.updates a:hover,section.updates a:focus {
	color:#555;
	text-decoration:none
}
section.updates h2 {
	margin-bottom:0
}
section.updates p {
	font-size:.9em;
	color:#999;
	margin-bottom:5px
}
@media (min-width:992px) {
	section.updates h2 {
		font-size:1.05rem
	}
	section.updates strong {
		font-size:1em;
		font-weight:400
	}
	section.updates small {
		font-size:0.85em
	}
	section.updates .full-date {
		font-size:0.85em
	}
}
section.updates .daily-feeds a.feed-profile {
	margin-right:10px;
	width:45px;
	height:45px
}
section.updates .daily-feeds a.feed-profile img {
	width:100%;
	height:100%
}
section.updates .daily-feeds .badge {
	margin-right:10px
}
section.updates .daily-feeds strong {
	display:inline-block;
	margin-right:5px
}
section.updates .daily-feeds small {
	color:#999;
	display:block;
	margin-bottom:5px
}
section.updates .daily-feeds .card {
	padding:10px;
	background:#fafafa;
	margin-left:55px;
	margin-top:10px
}
section.updates .daily-feeds .full-date {
	line-height:0.7em;
	margin-bottom:10px
}
section.updates .daily-feeds .CTAs a {
	margin-right:5px
}
section.updates .daily-feeds .CTAs a i {
	margin-right:5px
}
section.updates .daily-feeds .CTAs a:last-of-type {
	margin-right:0
}
section.updates .activities li {
	padding:0
}
section.updates .activities .date-holder {
	padding-right:0
}
section.updates .activities .date-holder .date {
	box-shadow:none
}
section.updates .activities .date-holder .date span {
	font-size:0.8em
}
section.updates .activities .date-holder .icon {
	width:30px;
	height:30px;
	line-height:30px;
	background:#f5f5f5;
	text-align:center;
	margin:0;
	display:inline-block
}
section.updates .activities .date-holder span {
	display:block;
	margin:10px
}
section.updates .activities .content {
	border-left:1px solid #eee;
	border-bottom:20px;
	padding:10px 20px
}
section.updates .activities .content strong {
	display:block;
	margin-right:5px
}
@media (max-width:1091px) {
	section.updates div[class*='col-'] .wrapper {
		margin-bottom:40px
	}
}
@media (min-width:992px) {
	section.updates strong {
		font-size:1em
	}
	section.updates small {
		font-size:0.8em
	}
}
footer.main-footer {
	position:absolute;
	width:100%;
	bottom:0;
	background:#222;
	padding:10px 0
}
footer.main-footer p {
	font-size:0.7em;
	color:#777;
	margin:0
}
@media (max-width:576px) {
	footer.main-footer div[class*="col-"] {
		text-align:center !important
	}
}
@media (min-width:992px) {
	footer.main-footer p {
		font-size:0.9em
	}
}
section.charts div[class*="col-"] {
	margin-bottom:30px
}
section.charts header {
	padding:30px 0
}
.line-chart-example .card-block {
	padding:20px
}
.bar-chart-example .card-block {
	padding:20px
}
.polar-chart-example canvas {
	max-width:350px;
	max-height:350px;
	margin:20px auto
}
.pie-chart-example canvas {
	max-width:350px;
	max-height:350px;
	margin:20px auto
}
.radar-chart-example .card-block canvas {
	max-width:350px;
	max-height:350px;
	margin:20px auto
}
@media (min-width:992px) {
	section.charts h2 {
		font-size:1rem
	}
}
section.forms div[class*="col-"] {
	margin-bottom:30px
}
section.forms header {
	padding:30px 0
}
section.forms .form {
	background:#fff;
	box-shadow:1px 1px 2px rgba(0,0,0,0.1);
	height:100%
}
section.forms .form .form-header {
	padding:10px 20px;
	background:#fafafa
}
section.forms .form .form-body {
	padding:20px
}
section.forms .line {
	width:100%;
	height:1px;
	border-bottom:1px dashed #eee;
	margin:20px 0 30px
}
section.forms .form-group {
	margin-bottom:0
}
section.forms .btn-primary,section.forms .btn-secondary {
	font-weight:300;
	font-size:0.75em;
	border-radius:0
}
section.forms p {
	font-size:0.8em;
	color:#999
}
section.forms input.form-control {
	border-radius:0
}
section.forms input.form-control::-moz-placeholder {
	font-size:0.75em;
	font-weight:300;
	color:#aaa;
	font-family:"Roboto",sans-serif
}
section.forms input.form-control::-webkit-input-placeholder {
	font-size:0.75em;
	font-weight:300;
	color:#aaa;
	font-family:"Roboto",sans-serif
}
section.forms input.form-control:-ms-input-placeholder {
	font-size:0.75em;
	font-weight:300;
	color:#aaa;
	font-family:"Roboto",sans-serif
}
section.forms .select {
	margin-bottom:20px
}
section.forms .select:last-of-type {
	margin-bottom:0
}
section.forms select {
	border-radius:0;
	border-color:#ddd;
	font-weight:300;
	font-family:"Roboto",sans-serif
}
section.forms select option {
	color:#999;
	font-weight:300
}
section.forms .form-group {
	margin-bottom:10px
}
section.forms .form-group div[class*='col-'] {
	margin-bottom:10px
}
section.forms label {
	font-size:0.8em
}
section.forms small,section.forms span {
	font-size:0.65em;
	color:#999
}
section.forms label span,section.forms label small {
	font-size:0.8em
}
section.forms .input-group-addon {
	border-radius:0;
	background:#f5f5f5
}
section.forms span.input-group-addon {
	font-size:0.8em;
	font-weight:300;
	background:none
}
section.forms .input-group-btn {
	font-size:1em
}
section.forms .input-group-btn button.dropdown-toggle {
	background:#eee;
	font-size:0.8em;
	color:#777;
	box-shadow:none;
	cursor:pointer
}
section.forms .input-group-btn .dropdown-menu {
	padding:10px;
	font-size:0.8em;
	color:#777
}
section.forms .input-group-btn .dropdown-menu a {
	text-decoration:none;
	color:inherit;
	padding:4px 0
}
@media (min-width:992px) {
	section.forms h2 {
		font-size:1rem
	}
	section.forms input.form-control {
		border-radius:0
	}
	section.forms input.form-control::-moz-placeholder {
		font-size:0.85em
	}
	section.forms input.form-control::-webkit-input-placeholder {
		font-size:0.85em
	}
	section.forms input.form-control:-ms-input-placeholder {
		font-size:0.85em
	}
	section.forms p {
		font-size:0.9em
	}
	section.forms label {
		font-size:0.9em
	}
	section.forms small,section.forms span {
		font-size:0.8em;
		color:#999
	}
	section.forms label span,section.forms label small {
		font-size:0.9em
	}
	section.forms .btn-primary,section.forms .btn-secondary {
		font-size:0.95em
	}
}
.login-page,.register-page {
	background:#f5f5f5;
	min-height:auto;
	padding-bottom:0
}
.login-page .form-outer,.register-page .form-outer {
	min-height:100vh;
	max-width:600px;
	margin:0 auto;
	padding:20px 0;
	position:relative
}
.login-page .copyrights,.register-page .copyrights {
	position:absolute;
	right:0;
	bottom:0;
	width:100%
}
.login-page .copyrights p,.register-page .copyrights p {
	font-size:.6em;
	font-weight:300;
	margin-bottom:10px
}
.login-page .form-inner,.register-page .form-inner {
	padding:40px 30px;
	background:#fff;
	box-shadow:1px 1px 2px rgba(0,0,0,0.1);
	margin-bottom:20px
}
.login-page .logo,.register-page .logo {
	font-size:2em;
	font-weight:500
}
.login-page .logo span,.register-page .logo span {
	color:#ccc
}
.login-page p,.register-page p {
	font-size:.8em;
	font-weight:300;
	color:#aaa;
	margin-bottom:0
}
.login-page form,.register-page form {
	margin:0 auto 10px;
	max-width:300px
}
.login-page form .form-group,.register-page form .form-group {
	position:relative
}
.login-page form input,.register-page form input {
	outline:none;
	border-radius:0;
	width:100%;
	margin-right:10px;
	padding:6px 10px;
	color:#333;
	font-weight:300;
	border:none;
	border-bottom:1px solid #ddd;
	text-align:center;
	margin-top:20px;
	font-size:0.9em
}
.login-page form input[type='text'],.login-page form input[type='password'],.login-page form input[type='email'],.register-page form input[type='text'],.register-page form input[type='password'],.register-page form input[type='email'] {
	background:none
}
.login-page form input[type='submit'],.register-page form input[type='submit'] {
	width:200px;
	border-radius:50px;
	text-transform:uppercase;
	font-weight:300;
	cursor:pointer;
	font-size:0.8em;
	margin-bottom:0;
	color:#fff
}
.login-page form label.error,.register-page form label.error {
	font-size:.7em;
	color:#d9534f;
	margin-bottom:0
}
.login-page form label.label-custom,.register-page form label.label-custom {
	font-size:.8em;
	font-weight:300;
	color:#aaa;
	position:absolute;
	top:30px;
	right:0;
	width:100%;
	cursor:text;
	transition:all 0.4s
}
.login-page form label.label-custom.active,.register-page form label.label-custom.active {
	top:5px;
	color:#63bd9a
}
.login-page a.forgot-pass,.login-page a.signup,.register-page a.forgot-pass,.register-page a.signup {
	font-size:0.65em;
	color:#43a7fd
}
.login-page a.forgot-pass:hover,.login-page a.forgot-pass:focus,.login-page a.signup:hover,.login-page a.signup:focus,.register-page a.forgot-pass:hover,.register-page a.forgot-pass:focus,.register-page a.signup:hover,.register-page a.signup:focus {
	color:#43a7fd;
	text-decoration:none
}
.login-page a.forgot-pass,.register-page a.forgot-pass {
	display:block
}
.login-page a.create-account,.register-page a.create-account {
	border-radius:50px;
	font-size:0.75em;
	margin-top:10px;
	color:#999;
	text-transform:uppercase
}
.login-page .terms-conditions,.register-page .terms-conditions {
	margin-top:20px
}
.login-page small,.register-page small {
	font-size:.65em;
	color:#aaa;
	line-height:0.9em
}
@media (min-width:992px) {
	.login-page p,.register-page p {
		font-size:0.9em
	}
	.login-page form label.label-custom,.register-page form label.label-custom {
		font-size:0.9em
	}
	.login-page form small,.register-page form small {
		font-size:0.8em
	}
	.login-page .terms-conditions label,.register-page .terms-conditions label {
		font-size:0.9em
	}
	.login-page a.forgot-pass,.login-page a.signup,.register-page a.forgot-pass,.register-page a.signup {
		font-size:0.8em
	}
	.login-page small,.register-page small {
		font-size:0.8em
	}
	.login-page .copyrights p,.register-page .copyrights p {
		font-size:.85em;
		font-weight:400
	}
}
#style-switch-button {
	position:fixed;
	top:120px;
	right:0px;
	border-radius:0;
	z-index:2
}
#style-switch {
	width:300px;
	padding:20px;
	position:fixed;
	top:160px;
	right:0;
	background:#fff;
	border:solid 1px #eceeef;
	z-index:2000
}
#style-switch h4 {
	color:#464a4c
}
.navbar {
	padding:.5rem 1rem
}
.navbar-brand {
	display:inline-block;
	padding-top:.25rem;
	padding-bottom:.25rem;
	margin-right:1rem;
	font-size:1.25rem
}
.navbar-toggler {
	padding:.25rem .75rem;
	font-size:1.25rem;
	line-height:1;
	border:1px solid transparent;
	border-radius:.25rem
}
.navbar-toggler-left {
	left:1rem
}
.navbar-toggler-right {
	right:1rem
}
.navbar-light .navbar-brand,.navbar-light .navbar-toggler {
	color:rgba(0,0,0,0.9)
}
.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,.navbar-light .navbar-toggler:focus,.navbar-light .navbar-toggler:hover {
	color:rgba(0,0,0,0.9)
}
.navbar-light .navbar-nav .nav-link {
	color:rgba(0,0,0,0.5)
}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
	color:rgba(0,0,0,0.7)
}
.navbar-light .navbar-nav .nav-link.disabled {
	color:rgba(0,0,0,0.3)
}
.navbar-light .navbar-nav .open>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.open,.navbar-light .navbar-nav .nav-link.active {
	color:rgba(0,0,0,0.9)
}
.navbar-light .navbar-toggler {
	border-color:rgba(0,0,0,0.1)
}
.navbar-light .navbar-toggler-icon {
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}
.navbar-light .navbar-text {
	color:rgba(0,0,0,0.5)
}
.navbar-inverse .navbar-brand,.navbar-inverse .navbar-toggler {
	color:#fff
}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-toggler:focus,.navbar-inverse .navbar-toggler:hover {
	color:#fff
}
.navbar-inverse .navbar-nav .nav-link {
	color:rgba(255,255,255,0.5)
}
.navbar-inverse .navbar-nav .nav-link:focus,.navbar-inverse .navbar-nav .nav-link:hover {
	color:rgba(255,255,255,0.75)
}
.navbar-inverse .navbar-nav .nav-link.disabled {
	color:rgba(255,255,255,0.25)
}
.navbar-inverse .navbar-nav .open>.nav-link,.navbar-inverse .navbar-nav .active>.nav-link,.navbar-inverse .navbar-nav .nav-link.open,.navbar-inverse .navbar-nav .nav-link.active {
	color:#fff
}
.navbar-inverse .navbar-toggler {
	border-color:rgba(255,255,255,0.1)
}
.navbar-inverse .navbar-toggler-icon {
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}
.navbar-inverse .navbar-text {
	color:rgba(255,255,255,0.5)
}
.btn {
	font-weight:normal;
	line-height:1.25;
	border:1px solid transparent;
	padding:.5rem 1rem;
	font-size:1rem;
	border-radius:.25rem;
	transition:all 0.2s ease-in-out
}
.btn:focus,.btn.focus {
	outline:0;
	box-shadow:0 0 0 2px rgba(51,179,90,0.25)
}
.btn:active,.btn.active {
	background-image:none
}
a.btn.disabled,fieldset[disabled] a.btn {
	pointer-events:none
}
.btn-primary {
	color:#fff;
	background-color:#63bd9a;
	border-color:#63bd9a
}
.btn-primary:hover {
	color:#fff;
	background-color:#37a794;
	border-color:#37a794
}
.btn-primary:focus,.btn-primary.focus {
	box-shadow:0 0 0 2px rgba(51,179,90,0.5)
}
.btn-primary.disabled,.btn-primary:disabled {
	background-color:#63bd9a;
	border-color:#63bd9a
}
.btn-primary:active,.btn-primary.active,.show>.btn-primary.dropdown-toggle {
	color:#fff;
	background-color:#37a794;
	background-image:none;
	border-color:#37a794
}
.btn-secondary {
	color:#292b2c;
	background-color:#fff;
	border-color:#ccc
}
.btn-secondary:hover {
	color:#292b2c;
	background-color:#e6e6e6;
	border-color:#adadad
}
.btn-secondary:focus,.btn-secondary.focus {
	box-shadow:0 0 0 2px rgba(204,204,204,0.5)
}
.btn-secondary.disabled,.btn-secondary:disabled {
	background-color:#fff;
	border-color:#ccc
}
.btn-secondary:active,.btn-secondary.active,.show>.btn-secondary.dropdown-toggle {
	color:#292b2c;
	background-color:#e6e6e6;
	background-image:none;
	border-color:#adadad
}
.btn-info {
	color:#fff;
	background-color:#5bc0de;
	border-color:#5bc0de
}
.btn-info:hover {
	color:#fff;
	background-color:#31b0d5;
	border-color:#2aabd2
}
.btn-info:focus,.btn-info.focus {
	box-shadow:0 0 0 2px rgba(91,192,222,0.5)
}
.btn-info.disabled,.btn-info:disabled {
	background-color:#5bc0de;
	border-color:#5bc0de
}
.btn-info:active,.btn-info.active,.show>.btn-info.dropdown-toggle {
	color:#fff;
	background-color:#31b0d5;
	background-image:none;
	border-color:#2aabd2
}
.btn-success {
	color:#fff;
	background-color:#63bd9a;
	border-color:#63bd9a
}
.btn-success:hover {
	color:#fff;
	background-color:#37a794;
	border-color:#37a794
}
.btn-success:focus,.btn-success.focus {
	box-shadow:0 0 0 2px rgba(92,184,92,0.5)
}
.btn-success.disabled,.btn-success:disabled {
	background-color:#37a794;
	border-color:#37a794
}
.btn-success:active,.btn-success.active,.show>.btn-success.dropdown-toggle {
	color:#fff;
	background-color:#37a794;
	background-image:none;
	border-color:#37a794
}
.btn-warning {
	color:#fff;
	background-color:#f0ad4e;
	border-color:#f0ad4e
}
.btn-warning:hover {
	color:#fff;
	background-color:#ec971f;
	border-color:#eb9316
}
.btn-warning:focus,.btn-warning.focus {
	box-shadow:0 0 0 2px rgba(240,173,78,0.5)
}
.btn-warning.disabled,.btn-warning:disabled {
	background-color:#f0ad4e;
	border-color:#f0ad4e
}
.btn-warning:active,.btn-warning.active,.show>.btn-warning.dropdown-toggle {
	color:#fff;
	background-color:#ec971f;
	background-image:none;
	border-color:#eb9316
}
.btn-danger {
	color:#fff;
	background-color:#d9534f;
	border-color:#d9534f
}
.btn-danger:hover {
	color:#fff;
	background-color:#c9302c;
	border-color:#c12e2a
}
.btn-danger:focus,.btn-danger.focus {
	box-shadow:0 0 0 2px rgba(217,83,79,0.5)
}
.btn-danger.disabled,.btn-danger:disabled {
	background-color:#d9534f;
	border-color:#d9534f
}
.btn-danger:active,.btn-danger.active,.show>.btn-danger.dropdown-toggle {
	color:#fff;
	background-color:#c9302c;
	background-image:none;
	border-color:#c12e2a
}
.btn-outline-primary {
	color:#63bd9a;
	background-image:none;
	background-color:transparent;
	border-color:#63bd9a
}
.btn-outline-primary:hover {
	color:#fff;
	background-color:#63bd9a;
	border-color:#63bd9a
}
.btn-outline-primary:focus,.btn-outline-primary.focus {
	box-shadow:0 0 0 2px rgba(51,179,90,0.5)
}
.btn-outline-primary.disabled,.btn-outline-primary:disabled {
	color:#63bd9a;
	background-color:transparent
}
.btn-outline-primary:active,.btn-outline-primary.active,.show>.btn-outline-primary.dropdown-toggle {
	color:#fff;
	background-color:#63bd9a;
	border-color:#63bd9a
}
.btn-outline-secondary {
	color:#ccc;
	background-image:none;
	background-color:transparent;
	border-color:#ccc
}
.btn-outline-secondary:hover {
	color:#fff;
	background-color:#ccc;
	border-color:#ccc
}
.btn-outline-secondary:focus,.btn-outline-secondary.focus {
	box-shadow:0 0 0 2px rgba(204,204,204,0.5)
}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
	color:#ccc;
	background-color:transparent
}
.btn-outline-secondary:active,.btn-outline-secondary.active,.show>.btn-outline-secondary.dropdown-toggle {
	color:#fff;
	background-color:#ccc;
	border-color:#ccc
}
.btn-outline-info {
	color:#5bc0de;
	background-image:none;
	background-color:transparent;
	border-color:#5bc0de
}
.btn-outline-info:hover {
	color:#fff;
	background-color:#5bc0de;
	border-color:#5bc0de
}
.btn-outline-info:focus,.btn-outline-info.focus {
	box-shadow:0 0 0 2px rgba(91,192,222,0.5)
}
.btn-outline-info.disabled,.btn-outline-info:disabled {
	color:#5bc0de;
	background-color:transparent
}
.btn-outline-info:active,.btn-outline-info.active,.show>.btn-outline-info.dropdown-toggle {
	color:#fff;
	background-color:#5bc0de;
	border-color:#5bc0de
}
.btn-outline-success {
	color:#37a794;
	background-image:none;
	background-color:transparent;
	border-color:#37a794
}
.btn-outline-success:hover {
	color:#fff;
	background-color:#37a794;
	border-color:#37a794
}
.btn-outline-success:focus,.btn-outline-success.focus {
	box-shadow:0 0 0 2px rgba(92,184,92,0.5)
}
.btn-outline-success.disabled,.btn-outline-success:disabled {
	color:#37a794;
	background-color:transparent
}
.btn-outline-success:active,.btn-outline-success.active,.show>.btn-outline-success.dropdown-toggle {
	color:#fff;
	background-color:#37a794;
	border-color:#37a794
}
.btn-outline-warning {
	color:#f0ad4e;
	background-image:none;
	background-color:transparent;
	border-color:#f0ad4e
}
.btn-outline-warning:hover {
	color:#fff;
	background-color:#f0ad4e;
	border-color:#f0ad4e
}
.btn-outline-warning:focus,.btn-outline-warning.focus {
	box-shadow:0 0 0 2px rgba(240,173,78,0.5)
}
.btn-outline-warning.disabled,.btn-outline-warning:disabled {
	color:#f0ad4e;
	background-color:transparent
}
.btn-outline-warning:active,.btn-outline-warning.active,.show>.btn-outline-warning.dropdown-toggle {
	color:#fff;
	background-color:#f0ad4e;
	border-color:#f0ad4e
}
.btn-outline-danger {
	color:#d9534f;
	background-image:none;
	background-color:transparent;
	border-color:#d9534f
}
.btn-outline-danger:hover {
	color:#fff;
	background-color:#d9534f;
	border-color:#d9534f
}
.btn-outline-danger:focus,.btn-outline-danger.focus {
	box-shadow:0 0 0 2px rgba(217,83,79,0.5)
}
.btn-outline-danger.disabled,.btn-outline-danger:disabled {
	color:#d9534f;
	background-color:transparent
}
.btn-outline-danger:active,.btn-outline-danger.active,.show>.btn-outline-danger.dropdown-toggle {
	color:#fff;
	background-color:#d9534f;
	border-color:#d9534f
}
.btn-lg {
	padding:.75rem 1.5rem;
	font-size:1.25rem;
	border-radius:.3rem
}
.btn-sm {
	padding:.25rem .5rem;
	font-size:.875rem;
	border-radius:.2rem
}
body {
	font-family:"Roboto",sans-serif;
	font-size:1rem;
	font-weight:normal;
	line-height:1.5;
	color:#292b2c;
	background-color:#fff
}
a {
	color:#63bd9a;
	text-decoration:none
}
a:focus,a:hover {
	color:#22773c;
	text-decoration:underline
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	margin-bottom:.5rem;
	font-family:"Roboto",sans-serif;
	font-weight:500;
	line-height:1.1;
	color:inherit
}
h1,.h1 {
	font-size:1.5rem
}
h2,.h2 {
	font-size:1.3rem
}
h3,.h3 {
	font-size:1.2rem
}
h4,.h4 {
	font-size:1.1rem
}
h5,.h5 {
	font-size:.9rem
}
h6,.h6 {
	font-size:.8rem
}
.lead {
	font-size:1.25rem;
	font-weight:300
}
.display-1 {
	font-size:6rem;
	font-weight:300;
	line-height:1.1
}
.display-2 {
	font-size:5.5rem;
	font-weight:300;
	line-height:1.1
}
.display-3 {
	font-size:4.5rem;
	font-weight:300;
	line-height:1.1
}
.display-4 {
	font-size:3.5rem;
	font-weight:300;
	line-height:1.1
}
.blockquote {
	padding:.5rem 1rem;
	margin-bottom:1rem;
	font-size:1.25rem;
	border-left:.25rem solid #eceeef
}
.blockquote-footer {
	color:#636c72
}
.blockquote-footer::before {
	content:"\2014 \00A0"
}
.blockquote-reverse {
	padding-right:1rem;
	padding-left:0;
	text-align:right;
	border-right:.25rem solid #eceeef;
	border-left:0
}
.text-primary {
	color:#63bd9a !important
}
a.text-primary:focus,a.text-primary:hover {
	color:#37a794 !important
}
.page-item:first-child .page-link {
	margin-left:0;
	border-bottom-left-radius:.25rem;
	border-top-left-radius:.25rem
}
.page-item:last-child .page-link {
	border-bottom-right-radius:.25rem;
	border-top-right-radius:.25rem
}
.page-item.active .page-link {
	z-index:2;
	color:#fff;
	background-color:#63bd9a;
	border-color:#63bd9a
}
.page-item.disabled .page-link {
	color:#636c72;
	pointer-events:none;
	cursor:not-allowed;
	background-color:#fff;
	border-color:#ddd
}
.page-link {
	padding:.5rem .75rem;
	line-height:1.25;
	color:#63bd9a;
	background-color:#fff;
	border:1px solid #ddd
}
.page-link:focus,.page-link:hover {
	color:#22773c;
	text-decoration:none;
	background-color:#eceeef;
	border-color:#ddd
}
.pagination-lg .page-link {
	padding:.75rem 1.5rem;
	font-size:1.25rem
}
.pagination-lg .page-item:first-child .page-link {
	border-bottom-left-radius:.3rem;
	border-top-left-radius:.3rem
}
.pagination-lg .page-item:last-child .page-link {
	border-bottom-right-radius:.3rem;
	border-top-right-radius:.3rem
}
.pagination-sm .page-link {
	padding:.25rem .5rem;
	font-size:.875rem
}
.pagination-sm .page-item:first-child .page-link {
	border-bottom-left-radius:.2rem;
	border-top-left-radius:.2rem
}
.pagination-sm .page-item:last-child .page-link {
	border-bottom-right-radius:.2rem;
	border-top-right-radius: .2rem
}
.alert .close {
  right: -0.25em;
}
.alert.alert-error {
  border: 1px solid #712d2d;
  background: #963b3b;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #963b3b), color-stop(1, #b84c4c));
  background: -ms-linear-gradient(bottom, #963b3b, #b84c4c);
  background: -moz-linear-gradient(center bottom, #963b3b 0%, #b84c4c 100%);
  background: -o-linear-gradient(bottom, #963b3b, #b84c4c);
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b84c4c',EndColorStr='#963b3b')";
  color: white;
  text-shadow: none;
}
.alert.alert-info {
  border: 1px solid #85c5e5;
  background: #afd9ee;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #afd9ee), color-stop(1, #d9edf7));
  background: -ms-linear-gradient(bottom, #afd9ee, #d9edf7);
  background: -moz-linear-gradient(center bottom, #afd9ee 0%, #d9edf7 100%);
  background: -o-linear-gradient(bottom, #afd9ee, #d9edf7);
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d9edf7',EndColorStr='#afd9ee')";
}
.alert.alert-success {
  border: 1px solid #a3d48e;
  background: #c1e2b3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c1e2b3), color-stop(1, #dff0d8));
  background: -ms-linear-gradient(bottom, #c1e2b3, #dff0d8);
  background: -moz-linear-gradient(center bottom, #c1e2b3 0%, #dff0d8 100%);
  background: -o-linear-gradient(bottom, #c1e2b3, #dff0d8);
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dff0d8',EndColorStr='#c1e2b3')";
}

.contenedor {
  position: relative;
}

.image {
  opacity: 1;
  display: block;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  cursor: pointer; 
  width: 50px; 
  max-height: 70px;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.contenedor:hover .image {
  opacity: 0.3;
}

.contenedor:hover .middle {
  opacity: .6;
}

.text {
  background-color: #000000;
  color: white;
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 20px;
}

.botones_tabla {
	color: #63bd9a;
}

/* Estilos del contenedor */
.container_scroll {
  overflow: auto;
  height: 280px; 
  width: 100%;
}

.container_scroll p:not(:last-child) {
  margin-bottom: 1rem;
}

/* Tamaño del scroll */
.container_scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

 /* Estilos barra (thumb) de scroll */
.container_scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 8px;
}

.container_scroll::-webkit-scrollbar-thumb:active {

}

.container_scroll::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

 /* Estilos track de scroll */
.container_scroll::-webkit-scrollbar-track {
  border-radius: 4px;
}

.container_scroll::-webkit-scrollbar-track:hover, 
.container_scroll::-webkit-scrollbar-track:active {
}