body{
	font-size:15px;
	background-color: #fff;
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
	color: #000000;
}

.container {
	width: 100%;
}

a {
	color: #00b2a9;
	text-decoration: none;
}

a:hover {
	color: #02847d;
}

h3, 
.h3 {
	font-size: 20px;
}

.p-header {
	position: relative;
	margin: 0 -7px;
}

.p-header .actions {
	position: absolute;
	top: -18px;
	right: 0;
}

.p-menu {
	list-style: none;
	padding: 0 5px;
	margin: 0 0 30px;
}

.p-menu > li {
	display: inline-block;
	vertical-align: top;
}

.p-menu > li > a {
	display: block;
	padding: 5px 20px 5px 0;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 15px;
}

.p-menu > li > a > i {
	margin-right: 4px;
	font-size: 20px;
	vertical-align: middle;
	margin-top: -5px;
}

.p-menu > li:not(.active) > a {
	color: #4285F4;
}

.p-menu > li:not(.active) > a:hover {
	color: #333;
}

.p-menu > li.active > a {
	color: #000;
}

@media (max-width: 991px) {
	.p-menu .pm-search {
		margin: 20px 2px 30px;
		display: block;
	}

	.p-menu .pm-search input[type="text"] {
		width: 100%;
		border: 1px solid #ccc;
	}
}

.p-menu .pms-inner {
	margin: -2px 0 0;
	position: relative;
	top: -2px;
	overflow: hidden;
	white-space: nowrap;
}

.p-menu .pms-inner i {
	vertical-align: top;
	font-size: 20px;
	line-height: 100%;
	position: absolute;
	left: 9px;
	top: 8px;
	color: #333;
}

.p-menu .pms-inner input[type="text"] {
	height: 35px;
	border-radius: 2px;
	padding: 0 10px 0 40px;
}

@media (min-width: 768px) {
	.p-menu .pms-inner input[type="text"] {
		border: 1px solid #fff;
		width: 50px;
		background: transparent;
		position: relative;
		z-index: 1;
		-webkit-transition: all;
		-o-transition: all;
		transition: all;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
	}

	.p-menu .pms-inner input[type="text"]:focus {
		border-color: #DFDFDF;
		width: 200px;
	}
}

/*--------------------------------------------------
		Block Header
		Used for Heading outside the Cards.
---------------------------------------------------*/

.block-header {
	margin-bottom: 25px;
	position: relative;
}

@media screen and (min-width: 768px) {
	.block-header {
	}
}

@media screen and (max-width: 991px) {
	.block-header {
		padding: 0 18px;
	}
}

.block-header > h2 {
	font-size: 23px;
	color: #4b4e53;
	margin: 0;
	font-weight: 300;
}

.block-header > h2 .provider{
	font-weight: bold;
	margin-left: 30px;
}

.block-header > h2 .code{
	font-size: 19px;
	font-weight: 300;
}

.block-header > h2 > small {
	display: block;
	text-transform: none;
	margin-top: 8px;
	margin-bottom: 20px;
	color: #9E9E9E;
	line-height: 140%;
}


.block-header > h3 > span{
	font-size: 19px;
	font-weight: 300;
    color: #4b4e53;
}

.block-header > h3 > span.text-bold{
	font-weight: 700;
}

.block-header > h3 > span + span{
	margin-left: 10px;
}

.block-header .actions {
	position: absolute;
	right: 10px;
	top: -5px;
	z-index: 4;
}

/*-------------------------
		Collapse Menu Icons
--------------------------*/

.line-wrap {
	width: 18px;
	height: 12px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	margin: 12px 20px;
}

.line-wrap .line {
	width: 18px;
	height: 2px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	background-color: #fff;
}

.line-wrap .line.center {
	margin: 3px 0;
}

.toggled .line-wrap {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.toggled .line-wrap .line.top {
	width: 12px;
	transform: translateX(8px) translateY(1px) rotate(45deg);
	-webkit-transform: translateX(8px) translateY(1px) rotate(45deg);
}

.toggled .line-wrap .line.bottom {
	width: 12px;
	transform: translateX(8px) translateY(-1px) rotate(-45deg);
	-webkit-transform: translateX(8px) translateY(-1px) rotate(-45deg);
}

/*-------------------------
		Load More
--------------------------*/

.load-more {
	text-align: center;
	margin-top: 30px;
}

.load-more a {
	padding: 8px 10px 6px;
	display: inline-block;
	background-color: #F44336;
	color: #FFF;
	border-radius: 2px;
	white-space: nowrap;
}

.load-more a i {
	font-size: 20px;
	vertical-align: middle;
	position: relative;
	margin-top: -2px;
}

.load-more a:hover {
	background-color: #ea1c0d;
}

/*-------------------------
		View More
--------------------------*/

.view-more {
	display: block;
	text-align: center;
	padding: 5px 10px 11px;
	line-height: 100%;
	font-size: 14px;
	margin-top: 10px;
	text-transform: uppercase;
	color: #4b4e53;
}

.view-more:hover {
	color: #5E5E5E;
}

/*-------------------------
		Page Loader
--------------------------*/

html:not(.ismobile) .page-loader {
	background: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}

html:not(.ismobile) .page-loader .preloader {
	width: 50px;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	top: 50%;
	margin-top: -55px;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 3000ms;
	animation-duration: 3000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

html:not(.ismobile) .page-loader .preloader p {
	white-space: nowrap;
	position: relative;
	left: -9px;
	top: 22px;
	color: #CCC;
}

html.ismobile .page-loader {
	display: none;
}

/*----------------------------------------
		Action Header
-----------------------------------------*/

.action-header {
	padding: 25px 30px;
	line-height: 100%;
	position: relative;
	z-index: 1;
	min-height: 65px;
	background-color: #F7F7F7;
}

.action-header .actions {
	position: absolute;
	top: 18px;
	right: 17px;
	z-index: 10;
}

.ah-label {
	font-size: 15px;
}

.ah-search {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 11;
	background-color: #454E53;
	display: none;
}

.ahs-input {
	border: 0;
	padding: 0 26px;
	height: 100%;
	font-size: 15px;
	width: 100%;
	line-height: 60px;
	background-color: #F7F7F7;
}

.ahs-close {
	font-style: normal;
	position: absolute;
	top: 23px;
	right: 25px;
	font-size: 17px;
	line-height: 100%;
	text-align: center;
	cursor: pointer;
	background: #E2E2E2;
	width: 18px;
	height: 18px;
	color: #6B6B6B;
	border-radius: 50%;
}

.ahs-close:hover {
	opacity: 0.8;
}

/*----------------------------------
		Backdrop
-----------------------------------*/

.ma-backdrop {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	cursor: pointer;
}

/*----------------------------------
		Avatar
-----------------------------------*/

[class*="avatar-img"] {
	border-radius: 50%;
}

.avatar-img {
	width: 42px;
}

.ie-warning {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #000000;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-family: "Courier New", Courier, monospace;
	padding: 50px 0;
}

.ie-warning p {
	font-size: 17px;
}

.ie-warning .iew-container {
	min-width: 1024px;
	width: 100%;
	height: 200px;
	background: #fff;
	margin: 50px 0;
}

.ie-warning .iew-download {
	list-style: none;
	padding: 30px 0;
	margin: 0 auto;
	width: 720px;
}

.ie-warning .iew-download > li {
	float: left;
	vertical-align: top;
}

.ie-warning .iew-download > li > a {
	display: block;
	color: #000;
	width: 140px;
	font-size: 15px;
	padding: 15px 0;
}

.ie-warning .iew-download > li > a > div {
	margin-top: 10px;
}

.ie-warning .iew-download > li > a:hover {
	background-color: #eee;
}

#footer {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 110px;
	color: #a2a2a2;
	padding-top: 35px;
	padding-bottom: 15px;
}

@media (min-width: 1280px) {
	#footer {
		padding-left: 268px;
	}
}

#footer .f-menu {
	display: block;
	width: 100%;
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
	margin-top: 8px;
}

#footer .f-menu > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

#footer .f-menu > li > a {
	color: #a2a2a2;
}

#footer .f-menu > li > a:hover {
	color: #4b4e53;
}

.sidebar-toggled #footer {
	display: none;
}

.invoice {
	min-width: 1100px;
	max-width: 1170px;
}

.i-logo {
	width: 150px;
}

.i-table .highlight {
	background-color: #eee;
	border-bottom: 1px solid #e6e6e6;
}

.i-table td.highlight {
	font-size: 14px;
	font-weight: 500;
}

/*----------------------------------------------------------
		For header type 1 only
		You may remove these if you opt header 2
-----------------------------------------------------------*/

#header .skin-switch {
	padding: 10px 0 2px;
	text-align: center;
}

#header .ss-skin {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	margin: 2px 3px;
}

/* ----------------------------- End header type 1 ------------------------------------- */


/*-----------------------------------------------------------
		Do not remove these
		This is common for both
-----------------------------------------------------------*/

.ss-skin {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	cursor: pointer;
}

.ss-skin:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.preloader {
	position: relative;
	margin: 0 auto;
	display: inline-block;
}

.preloader:not([class*="pl-"]) {
	width: 40px;
}

.preloader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.preloader.pl-xs {
	width: 20px;
}

.preloader.pl-sm {
	width: 30px;
}

.preloader.pl-lg {
	width: 50px;
}

.preloader.pl-xl {
	width: 80px;
}

.preloader.pl-xxl {
	width: 100px;
}

.preloader:not([class*="pls-"]) .plc-path {
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}

.preloader[class*="pls-"] .plc-path {
	animation: dash 1.5s ease-in-out infinite;
}

.preloader.pls-red .plc-path {
	stroke: #F44336;
}

.preloader.pls-blue .plc-path {
	stroke: #2196F3;
}

.preloader.pls-green .plc-path {
	stroke: #4CAF50;
}

.preloader.pls-yellow .plc-path {
	stroke: #FFEB3B;
}

.preloader.pls-bluegray .plc-path {
	stroke: #607D8B;
}

.preloader.pls-amber .plc-path {
	stroke: #FFC107;
}

.preloader.pls-teal .plc-path {
	stroke: #009688;
}

.preloader.pls-gray .plc-path {
	stroke: #9E9E9E;
}

.preloader.pls-pink .plc-path {
	stroke: #E91E63;
}

.preloader.pls-purple .plc-path {
	stroke: #BA68C8;
}

.preloader.pls-white .plc-path {
	stroke: #fff;
}

.pl-circular {
	animation: rotate 2s linear infinite;
	height: 100%;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.plc-path {
	stroke-dasharray: 1,200;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	stroke-width: 2;
	stroke-miterlimit: 10;
	fill: none;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89,200;
		stroke-dashoffset: -124px;
	}
}

@keyframes color {
	100%, 0% {
		stroke: #F44336;
	}

	40% {
		stroke: #2196F3;
	}

	66% {
		stroke: #4CAF50;
	}

	80%, 90% {
		stroke: #FFC107;
	}
}

@media print {
@page {
		margin: 0;
		size: auto;
}

	body {
		margin: 0mm 0mm 0mm 0mm !important;
		padding: 0mm !important;
	}

	#header,
	#footer,
	#sidebar,
	#chat,
	.growl-animated,
	.m-btn {
		display: none !important;
	}

	/*-------------------------
				Invoice
		 --------------------------*/

	.invoice {
		padding: 30px !important;
		-webkit-print-color-adjust: exact !important;
	}

	.invoice .card-header {
		background: #eee !important;
		padding: 20px;
		margin-bottom: 20px;
		margin: -60px -30px 25px -30px;
	}

	.invoice .block-header {
		display: none;
	}

	.invoice .highlight {
		background: #eee !important;
	}
	
	#main,
	.modal-footer{
		display:none;
	}
}

/*
 * Vendor Overrides
 */

.select-cell .checkbox {
	margin: 0;
}

.command-edit,
.command-delete {
	background: #fff;
}

.bootgrid-table td.loading,
.bootgrid-table td.no-results {
	background-color: #FFF4C6;
}

.bootstrap-select {
	width: 100%;
}

.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
}

.bootstrap-select .bs-caret {
	display: none;
}

.bootstrap-select > .btn-default {
	background: none !important;
	border-bottom: 1px solid #e0e0e0 !important;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
}

.bootstrap-select > .btn-default:before {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	height: calc(100% - 2px);
	width: 30px;
	background-color: #FFF;
	background-position: right calc(100% - 7px);
	background-repeat: no-repeat;
	background-image: url('/imagenes/app/select.png');
	pointer-events: none;
	z-index: 5;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.bootstrap-select > .btn-default:before {
		background-image: url('/imagenes/app/select@2x.png');
		background-size: 12px 12px;
	}
}

.bootstrap-select .bs-searchbox {
	padding: 5px 5px 5px 40px;
	position: relative;
	background: #F7F7F7;
	margin-top: -10px;
}

.bootstrap-select .bs-searchbox:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 100%;
	content: "\f1c3";
	font-family: 'Material-Design-Iconic-Font';
	font-size: 25px;
	padding: 4px 0 0 15px;
}

.bootstrap-select .bs-searchbox input {
	border: 0;
	background: transparent;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
	padding-left: 17px;
}

.bootstrap-select.btn-group .dropdown-menu .no-results {
	padding: 8px 8px 0;
	background-color: #fff;
}

.bootstrap-select .check-mark {
	margin-top: -5px !important;
	font-size: 19px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	display: block !important;
	position: absolute;
	top: 11px;
	right: 15px;
}

.bootstrap-select .check-mark:before {
	content: "\f26b";
	font-family: 'Material-Design-Iconic-Font';
}

.bootstrap-select .selected .check-mark {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.bootstrap-select .notify {
	bottom: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	border: 0 !important;
	background: #F44336 !important;
	color: #fff !important;
	text-align: center;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%;
}

.search-choice-close {
	cursor: pointer;
}

.search-choice-close:before {
	display: inline-block;
	font-family: 'Material-Design-Iconic-Font';
	content: "\f135";
	position: relative;
	top: 1px;
	color: #9C9C9C;
	z-index: 2;
	background: #EAEAEA;
	font-size: 12px;
}

.bootstrap-datetimepicker-widget {
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	bottom: auto !important;
	top: 0 !important;
}

.bootstrap-datetimepicker-widget.bottom{
	top:35px !important;
}

.bootstrap-datetimepicker-widget:after,
.bootstrap-datetimepicker-widget:before {
	display: none !important;
}

.bootstrap-datetimepicker-widget table td {
	text-shadow: none;

}

.bootstrap-datetimepicker-widget table td span {
	margin: 0;
}

.bootstrap-datetimepicker-widget table td span:hover {
	background: transparent;
}

.bootstrap-datetimepicker-widget .glyphicon {
	font-family: 'Material-Design-Iconic-Font';
	font-size: 18px;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-left:before {
	content: "\f2ff";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-right:before {
	content: "\f301";
}

.bootstrap-datetimepicker-widget .glyphicon-time:before {
	content: "\f337";
}

.bootstrap-datetimepicker-widget .glyphicon-calendar:before {
	content: "\f32e";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-up:before {
	content: "\f1e5";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-down:before {
	content: "\f1e4";
}

.bootstrap-datetimepicker-widget a[data-action] {
	color: #009688;
}

.timepicker-picker .btn {
	box-shadow: none !important;
}

.timepicker-picker table tbody tr + tr:not(:last-child) {
	background: #009688;
	color: #fff;
}

.timepicker-picker table tbody tr + tr:not(:last-child) td {
	border-radius: 0;
}

.timepicker-picker .btn,
.timepicker-picker .btn:hover {
	background: #fff;
	color: #333;
}

.datepicker table thead tr th {
	border-radius: 0;
	color: #fff;
}

.datepicker table thead tr th .glyphicon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 29px;
}

.datepicker table thead tr th:hover .glyphicon {
	background: rgba(0, 0, 0, 0.2);
}

.datepicker table thead tr:first-child th {
	background: #009688;
	padding: 20px 0;
}

.datepicker table thead tr:first-child th:hover {
	background: #009688;
}

.datepicker table thead tr:first-child th.picker-switch {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}

.datepicker table thead tr:last-child th {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
}

.datepicker table thead tr:last-child th:first-child {
	padding-left: 20px;
}

.datepicker table thead tr:last-child th:last-child {
	padding-right: 20px;
}

.datepicker table thead tr:last-child:not(:only-child) {
	background: #00877a;
}

.datepicker table tbody tr:last-child td {
	padding-bottom: 25px;
}

.datepicker table tbody tr td:first-child {
	padding-left: 13px;
}

.datepicker table tbody tr td:last-child {
	padding-right: 13px;
}

.datepicker table td.day {
	width: 35px;
	height: 35px;
	line-height: 20px;
	color: #333;
	position: relative;
	padding: 0;
	background: transparent;
}

.datepicker table td.day:hover {
	background: none;
}

.datepicker table td.day:before {
	content: "";
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin-bottom: -33px;
	display: inline-block;
	background: transparent;
	position: static;
	text-shadow: none;
	border-bottom-color: transparent !important;
}

.datepicker table td.day.old,
.datepicker table td.day.new {
	color: #CDCDCD;
}

.datepicker table td:not(.today):not(.active):hover:before {
	background: #F0F0F0;
}

.datepicker table td.today {
	color: #333;
}

.datepicker table td.today:before {
	background-color: #E2E2E2;
}

.datepicker table td.active {
	color: #fff;
}

.datepicker table td.active:before {
	background-color: #009688;
}

.datepicker-months .month,
.datepicker-years .year,
.timepicker-minutes .minute,
.timepicker-hours .hour {
	border-radius: 50%;
}

.datepicker-months .month:not(.active):hover,
.datepicker-years .year:not(.active):hover,
.timepicker-minutes .minute:not(.active):hover,
.timepicker-hours .hour:not(.active):hover {
	background: #F0F0F0;
}

.datepicker-months .month.active,
.datepicker-years .year.active,
.timepicker-minutes .minute.active,
.timepicker-hours .hour.active {
	background: #009688;
}

.timepicker-minutes .minute,
.timepicker-hours .hour {
	padding: 0;
}

.fileinput {
	position: relative;
	padding-right: 35px;
}

.fileinput .close {
	position: absolute;
	top: 5px;
	font-size: 12px;
	float: none;
	opacity: 1;
	font-weight: 500;
	border: 1px solid #ccc;
	width: 19px;
	text-align: center;
	height: 19px;
	line-height: 16px;
	border-radius: 50%;
	right: 0;
	visibility: hidden;
}

.fileinput .close:hover {
	background: #eee;
}

.fileinput .input-group-addon {
	padding: 0 10px;
	vertical-align: middle;
}

.fileinput .fileinput-preview {
	width: 200px;
	height: 150px;
	position: relative;
}

.fileinput .fileinput-preview img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -13px;
}

.fileinput .fileinput-preview:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
}

.fileinput-exists .close {
	visibility: visible;
}

.lg-outer .lg-thumb-outer {
	background-color: #1D1D1D;
}

.lg-outer .lg-thumb-item {
	border-radius: 50%;
	width: 60px !important;
	display: inline-block;
	height: 60px;
	border: 0;
	float: none;
	margin: 0 5px;
}

.lg-outer .lg-thumb-item:hover {
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
}

.lg-outer .lg-image {
	border-radius: 3px;
}

.lg-outer .lg-toogle-thumb {
	border-radius: 50%;
	color: #333;
	height: 51px;
	width: 51px;
	line-height: 41px;
	background-color: #fff;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
}

.lg-outer .lg-toogle-thumb:hover {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	color: #000;
}

.lg-outer:not(.lg-thumb-open) .lg-toogle-thumb {
	top: -70px;
}

.lg-outer.lg-thumb-open .lg-toogle-thumb {
	top: -26px;
}

.lg-thumb.group {
	padding: 20px 0;
}

.lg-slide em {
	font-style: normal;
}

.lg-slide em h3 {
	color: #fff;
	margin-bottom: 5px;
}

.lg-slide .video-cont {
	box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);
}

.lg-outer .lg-item {
	background-image: none !important;
}

.lg-outer .lg-item:before {
	content: '';
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-right-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	-webkit-animation-name: loader;
	animation-name: loader;
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loading > i {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: loader 1.1s infinite linear;
	animation: loader 1.1s infinite linear;
	border-left-color: #fff;
	border-style: solid;
}

.sweet-alert {
	border-radius: 2px;
	padding: 35px;
	font-family: roboto;
}

.sweet-alert h2 {
	font-size: 16px;
	position: relative;
	z-index: 1;
	color: #333;
	line-height: 100%;
	margin: 0 0 15px;
	font-weight: 500;
}

.sweet-alert p {
	font-size: 13px;
	color: #4b4e53;
	font-weight: 400;
}

.sweet-alert button {
	padding: 6px 12px;
	font-size: 13px;
	border-radius: 2px;
	box-shadow: none !important;
	margin: 26px 1px 0 1px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 30px;
}

.sweet-alert .sa-icon {
	margin-top: 0;
	margin-bottom: 30px;
}

.mCSB_scrollTools {
	width: 5px;
}

.mCSB_scrollTools .mCSB_dragger_bar {
	border-radius: 0 !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_vertical {
	margin: 0 !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 10px;
}

body:not(.ie9) .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(0, 0, 0, 0.4);
}

body:not(.ie9) .mCS-minimal-dark.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(0, 0, 0, 0.4);
}

body.ie9 .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #000000;
}

body.ie9 .mCS-minimal-dark.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar {
	background: #000000;
}

.mCSB_inside > .mCSB_container {
	margin-right: 0;
}
/*
 * Vendors
 */

.btn-file {
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}

.btn-file > input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 23px;
	height: 100%;
	width: 100%;
	direction: ltr;
	cursor: pointer;
}

.fileinput {
	margin-bottom: 9px;
	display: inline-block;
}

.fileinput .form-control {
	padding-top: 7px;
	padding-bottom: 5px;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: text;
}

.fileinput .thumbnail {
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: middle;
	text-align: center;
}

.fileinput .thumbnail > img {
	max-height: 100%;
}

.fileinput .btn {
	vertical-align: middle;
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
	display: none;
}

.fileinput-inline .fileinput-controls {
	display: inline;
}

.fileinput-filename {
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
}

.form-control .fileinput-filename {
	vertical-align: bottom;
}

.fileinput.input-group {
	display: table;
}

.fileinput.input-group > * {
	position: relative;
	z-index: 2;
}

.fileinput.input-group > .btn-file {
	z-index: 1;
}

.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
	border-radius: 0 2px 2px 0;
}

.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
	border-radius: 0 2px 2px 0;
}

.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
	border-radius: 0 2px 2px 0;
}

.form-group.has-warning .fileinput .fileinput-preview {
	color: #ffa829;
}

.form-group.has-warning .fileinput .thumbnail {
	border-color: #ff760f;
}

.form-group.has-error .fileinput .fileinput-preview {
	color: #f6675d;
}

.form-group.has-error .fileinput .thumbnail {
	border-color: #f54556;
}

.form-group.has-success .fileinput .fileinput-preview {
	color: #67bd6a;
}

.form-group.has-success .fileinput .thumbnail {
	border-color: #61b555;
}

.input-group-addon:not(:first-child) {
	border-left: 0;
}

/*  
 * Waves v0.7.5
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */

.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.2);
	background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
	-webkit-transform: scale(0) translate(0, 0);
	-moz-transform: scale(0) translate(0, 0);
	-ms-transform: scale(0) translate(0, 0);
	-o-transform: scale(0) translate(0, 0);
	transform: scale(0) translate(0, 0);
	pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
	background: rgba(255, 255, 255, 0.4);
	background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
	background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
	background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.waves-button,
.waves-circle {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	outline: none;
	color: inherit;
	background-color: rgba(0, 0, 0, 0);
	font-size: 1em;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	z-index: 1;
}

.waves-button {
	padding: 0.85em 1.1em;
	border-radius: 0.2em;
}

.waves-button-input {
	margin: 0;
	padding: 0.85em 1.1em;
}

.waves-input-wrapper {
	border-radius: 0.2em;
	vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
	padding: 0;
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.waves-circle {
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 50%;
}

.waves-float {
	-webkit-mask-image: none;
	-webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}

.waves-float:active {
	-webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
	display: block;
}

/* 
 * Load Website related LESS files 
 */

/*---------------------------------------------------------------------------
		Generate Margin Class
		margin, margin-top, margin-bottom, margin-left, margin-right
----------------------------------------------------------------------------*/

.m-0 {
	margin: 0px !important;
}

.m-t-0 {
	margin-top: 0px !important;
}

.m-b-0 {
	margin-bottom: 0px !important;
}

.m-l-0 {
	margin-left: 0px !important;
}

.m-r-0 {
	margin-right: 0px !important;
}

.m-5 {
	margin: 5px !important;
}

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

.m-b-5 {
	margin-bottom: 5px !important;
}

.m-l-5 {
	margin-left: 5px !important;
}

.m-r-5 {
	margin-right: 5px !important;
}

.m-10 {
	margin: 10px !important;
}

.m-t-10 {
	margin-top: 10px !important;
}

.m-b-10 {
	margin-bottom: 10px !important;
}

.m-l-10 {
	margin-left: 10px !important;
}

.m-r-10 {
	margin-right: 10px !important;
}

.m-15 {
	margin: 15px !important;
}

.m-t-15 {
	margin-top: 15px !important;
}

.m-b-15 {
	margin-bottom: 15px !important;
}

.m-l-15 {
	margin-left: 15px !important;
}

.m-r-15 {
	margin-right: 15px !important;
}

.m-20 {
	margin: 20px !important;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-b-20 {
	margin-bottom: 20px !important;
}

.m-l-20 {
	margin-left: 20px !important;
}

.m-r-20 {
	margin-right: 20px !important;
}

.m-25 {
	margin: 25px !important;
}

.m-t-25 {
	margin-top: 25px !important;
}

.m-b-25 {
	margin-bottom: 25px !important;
}

.m-l-25 {
	margin-left: 25px !important;
}

.m-r-25 {
	margin-right: 25px !important;
}

.m-30 {
	margin: 30px !important;
}

.m-t-30 {
	margin-top: 30px !important;
}

.m-b-30 {
	margin-bottom: 30px !important;
}

.m-l-30 {
	margin-left: 30px !important;
}

.m-r-30 {
	margin-right: 30px !important;
}

/*---------------------------------------------------------------------------
		Generate Padding Class
		padding, padding-top, padding-bottom, padding-left, padding-right
----------------------------------------------------------------------------*/

.p-0 {
	padding: 0px !important;
}

.p-t-0 {
	padding-top: 0px !important;
}

.p-b-0 {
	padding-bottom: 0px !important;
}

.p-l-0 {
	padding-left: 0px !important;
}

.p-r-0 {
	padding-right: 0px !important;
}

.p-5 {
	padding: 5px !important;
}

.p-t-5 {
	padding-top: 5px !important;
}

.p-b-5 {
	padding-bottom: 5px !important;
}

.p-l-5 {
	padding-left: 5px !important;
}

.p-r-5 {
	padding-right: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.p-t-10 {
	padding-top: 10px !important;
}

.p-b-10 {
	padding-bottom: 10px !important;
}

.p-l-10 {
	padding-left: 10px !important;
}

.p-r-10 {
	padding-right: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.p-t-15 {
	padding-top: 15px !important;
}

.p-b-15 {
	padding-bottom: 15px !important;
}

.p-l-15 {
	padding-left: 15px !important;
}

.p-r-15 {
	padding-right: 15px !important;
}

.p-20 {
	padding: 20px !important;
}

.p-t-20 {
	padding-top: 20px !important;
}

.p-b-20 {
	padding-bottom: 20px !important;
}

.p-l-20 {
	padding-left: 20px !important;
}

.p-r-20 {
	padding-right: 20px !important;
}

.p-25 {
	padding: 25px !important;
}

.p-t-25 {
	padding-top: 25px !important;
}

.p-b-25 {
	padding-bottom: 25px !important;
}

.p-l-25 {
	padding-left: 25px !important;
}

.p-r-25 {
	padding-right: 25px !important;
}

.p-30 {
	padding: 30px !important;
}

.p-t-30 {
	padding-top: 30px !important;
}

.p-b-30 {
	padding-bottom: 30px !important;
}

.p-l-30 {
	padding-left: 30px !important;
}

.p-r-30 {
	padding-right: 30px !important;
}

/*---------------------------------------------------------------------------
		Generate Font-Size Classes (8px - 20px)
----------------------------------------------------------------------------*/

.f-8 {
	font-size: 8px !important;
}

.f-9 {
	font-size: 9px !important;
}

.f-10 {
	font-size: 10px !important;
}

.f-11 {
	font-size: 11px !important;
}

.f-12 {
	font-size: 12px !important;
}

.f-13 {
	font-size: 13px !important;
}

.f-14 {
	font-size: 14px !important;
}

.f-15 {
	font-size: 15px !important;
}

.f-16 {
	font-size: 16px !important;
}

.f-17 {
	font-size: 17px !important;
}

.f-18 {
	font-size: 18px !important;
}

.f-19 {
	font-size: 19px !important;
}

.f-20 {
	font-size: 20px !important;
}

/*-------------------------
		Font Weight
--------------------------*/

.f-300 {
	font-weight: 300 !important;
}

.f-400 {
	font-weight: 400 !important;
}

.f-500 {
	font-weight: 500 !important;
}

.f-700 {
	font-weight: 700 !important;
}

/*-------------------------
		Position
--------------------------*/

.p-relative {
	position: relative !important;
}

.p-absolute {
	position: absolute !important;
}

.p-fixed {
	position: fixed !important;
}

.p-static {
	position: static !important;
}

/*-------------------------
		Overflow
--------------------------*/

.o-hidden {
	overflow: hidden !important;
}

.o-visible {
	overflow: visible !important;
}

.o-auto {
	overflow: auto !important;
}

/*-------------------------
		Display
--------------------------*/

.d-block {
	display: block !important;
}

.di-block {
	display: inline-block !important;
}

/*-------------------------------
		Material Background Colors
--------------------------------*/

.bgm-white {
	background-color: #ffffff !important;
}

.c-white {
	color: #ffffff !important;
}

.bgm-black {
	background-color: #000000 !important;
}

.c-black {
	color: #000000 !important;
}

.bgm-brown {
	background-color: #795548 !important;
}

.c-brown {
	color: #795548 !important;
}

.bgm-pink {
	background-color: #E91E63 !important;
}

.c-pink {
	color: #E91E63 !important;
}

.bgm-red {
	background-color: #F44336 !important;
}

.c-red {
	color: #F44336 !important;
}

.bgm-blue {
	background-color: #2196F3 !important;
}

.c-blue {
	color: #2196F3 !important;
}

.bgm-purple {
	background-color: #BA68C8 !important;
}

.c-purple {
	color: #BA68C8 !important;
}

.bgm-grey {
	background-color: #8e8e8e !important;
}

.c-grey{
	color: #505050 !important;
}

.bgm-deeppurple {
	background-color: #673AB7 !important;
}

.c-deeppurple {
	color: #673AB7 !important;
}

.bgm-lightblue {
	background-color: #03A9F4 !important;
}

.c-lightblue {
	color: #03A9F4 !important;
}

.bgm-cyan {
	background-color: #00BCD4 !important;
}

.c-cyan {
	color: #00BCD4 !important;
}

.bgm-teal {
	background-color: #009688 !important;
}

.c-teal {
	color: #009688 !important;
}

.bgm-green {
	background-color: #4CAF50 !important;
}

.c-green {
	color: #4CAF50 !important;
}

.bgm-lightgreen {
	background-color: #8BC34A !important;
}

.c-lightgreen {
	color: #8BC34A !important;
}

.bgm-lime {
	background-color: #CDDC39 !important;
}

.c-lime {
	color: #CDDC39 !important;
}

.bgm-yellow {
	background-color: #FFEB3B !important;
}

.c-yellow {
	color: #FFEB3B !important;
}

.bgm-amber {
	background-color: #FFC107 !important;
}

.c-amber {
	color: #FFC107 !important;
}

.bgm-orange {
	background-color: #FF9800 !important;
}

.c-orange {
	color: #FF9800 !important;
}

.bgm-deeporange {
	background-color: #FF5722 !important;
}

.c-deeporange {
	color: #FF5722 !important;
}

.bgm-gray {
	background-color: #9E9E9E !important;
}

.c-gray {
	color: #9E9E9E !important;
}

.bgm-bluegray {
	background-color: #607D8B !important;
}

.c-bluegray {
	color: #607D8B !important;
}

.bgm-indigo {
	background-color: #3F51B5 !important;
}

.c-indigo {
	color: #3F51B5 !important;
}

/*-------------------------
		Background Colors
--------------------------*/

.bg-black-trp {
	background-color: rgba(0, 0, 0, 0.1) !important;
}

/*-------------------------
		Border
--------------------------*/

.b-0 {
	border: 0 !important;
}

/*-------------------------
		width
--------------------------*/

.w-100 {
	width: 100% !important;
}

/*-------------------------
		Border Radius
--------------------------*/

.brd-2 {
	border-radius: 2px;
}

/*------------------------------------------------------------------------------------------------------------
		Media - Overriding the Media object to 3.2 version in order to prevent issues like text overflow.
--------------------------------------------------------------------------------------------------------------*/

.media {
	overflow: visible;
}

.media:before,
.media:after {
	content: " ";
	display: table;
}

.media:after {
	clear: both;
}

.media:before,
.media:after {
	content: " ";
	display: table;
}

.media:after {
	clear: both;
}

.media > .pull-left {
	padding-right: 15px;
}

.media > .pull-right {
	padding-left: 15px;
}

.media-heading {
	font-size: 14px;
	margin-bottom: 10px;
}

.media-body {
	zoom: 1;
	display: block;
	width: auto;
}

.media-object {
	border-radius: 2px;
}

.close {
	opacity: 0.5;
	filter: alpha(opacity=50);
	font-weight: normal;
	text-shadow: none;
}

.close:hover {
	color: inherit;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dl-horizontal dt {
	text-align: left;
}

*,
button,
input,
i,
a {
	-webkit-font-smoothing: antialiased;
}

*,
*:active,
*:hover,
*:focus {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

html {
	/* overflow-x: hidden\0/; */
	-ms-overflow-style: none;
}

body:not(.ie9) body {
	overflow-y: scroll;
}

html.ismobile * {
	cursor: pointer;
}

html,
body {
	min-height: 100vh;
}

body {
	font-weight: 400;
	position: relative;
/*	overflow-x: hidden; */
	color:#5E5E5E;
	
}

audio,
video {
	outline: none;
}

p {
	margin-bottom: 20px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
	font-size: 12px;
}

#main {
	position: relative;
	padding-bottom: 110px;
	padding-top: 115px;
	min-height: 100vh;
}

.sidebar-toggled #main {
	height: 100vh;
	overflow: hidden;
}

.container.container-alt {
	max-width: 1170px;
}

@media (min-width: 1280px) {
	#content:not(.content-alt) {
		padding-left: 283px;
		padding-right: 15px;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	#content {
		padding-left: 15px;
		padding-right: 15px;
	}
}

#content.content-alt {
	max-width: 1200px;
	margin: 0 auto;
}

.clist {
	list-style: none;
}

.clist > li:before {
	font-family: 'Material-Design-Iconic-Font';
	margin: 0 10px 0 -20px;
	vertical-align: middle;
}

.clist.clist-angle > li:before {
	content: "\f2fb";
}

.clist.clist-check > li:before {
	content: "\f26b";
}

.clist.clist-star > li:before {
	content: "\f27d";
}

/*--------------------------------------------------
		Common header classes & IDs
		Do not remove this
---------------------------------------------------*/

.h-inner {
	list-style: none;
	padding: 15px 0;
	margin-bottom: 0;
	position: relative;
}

.h-inner > li:not(.pull-right) {
	float: left;
}

.hi-logo a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	font-size: 16px;
}

.hi-trigger {
	position: relative;
	margin-left: -5px;
	cursor: pointer;
	display: none !important;
}

.hi-trigger:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.22);
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	z-index: 0;
	margin-top: -22px;
	margin-left: -22px;
}

.hi-trigger.toggled:before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.hi-menu {
	list-style: none;
	padding: 0;
}

.hi-menu > li {
	display: inline-block;
	margin: 0 1px;
	vertical-align: top;
	min-width: 50px;
}

@media (max-width: 767px) {
	.hi-menu > li {
		position: static !important;
	}
}

.hi-menu > li .dropdown-menu {
	top: -5px;
}

.hi-menu > li .dropdown-menu-lg {
	padding: 0;
}

.hi-menu > li .dropdown-menu-lg .lg-body {
	min-height: 350px;
	overflow-x: hidden;
}

.hi-menu > li > a {
	color: #fff;
	display: block;
	text-align: center;
	z-index: 1;
	position: relative;
	-webkit-transition: background-color;
	-o-transition: background-color;
	transition: background-color;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	border-radius: 2px;
}

.hi-menu > li > a > .him-icon {
	font-size: 24px;
	line-height: 36px;
}

.hi-menu > li > a > .him-label {
	line-height: 35px;
	white-space: nowrap;
	padding: 0 10px;
	font-size: 14px;
	text-transform: uppercase;
}

.hi-menu > li > a > .him-counts {
	position: absolute;
	font-style: normal;
	background: #F44336;
	padding: 1px 5px;
	border-radius: 2px;
	right: 7px;
	top: -3px;
	font-size: 10px;
	line-height: 15px;
}

.hi-menu > li.toggled > a,
.hi-menu > li:hover > a {
	background-color: rgba(0, 0, 0, 0.08);
}

@media (max-width: 767px) {
	.hi-menu .dropdown-menu-lg {
		width: calc(100% - 28px) !important;
	}

	.hi-menu .dropdown-menu {
		right: 14px;
		top: 55px !important;
	}
}

.him-notification:before {
	content: "";
	position: absolute;
	width: 100%;
	height: calc(100% - 70px);
	background: url(../img/notifications.png) no-repeat center;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transform: scale(0) rotate(-180deg);
	-ms-transform: scale(0) rotate(-180deg);
	-o-transform: scale(0) rotate(-180deg);
	transform: scale(0) rotate(-180deg);
	opacity: 0;
	filter: alpha(opacity=0);
	top: 42px;
}

.him-notification.empty:before {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
	filter: alpha(opacity=100);
}

/* Full Screen */

:-webkit-full-screen [data-ma-action="fullscreen"] {
	display: none;
}

:-moz-full-screen [data-ma-action="fullscreen"] {
	display: none;
}

:-ms-fullscreen [data-ma-action="fullscreen"] {
	display: none;
}

:full-screen [data-ma-action="fullscreen"] {
	display: none;
}

:fullscreen [data-ma-action="fullscreen"] {
	display: none;
}

/* ----------------------------- End common header classes and IDs------------------------------------- */

/*--------------------------------------------------
		For header type 1 only
		You may remove these if you opt header 2
---------------------------------------------------*/

#header {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	min-height: 70px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: fixed;
	z-index: 11;
	width: 100%;
	left: 0;
	top: 0;
	padding: 0 20px;
}

@media (max-width: 767px) {
	#header {
		padding: 0 8px;
	}
}

#header .hi-logo a {
	padding: 7px 10px;
}

#header .ma-backdrop {
	position: absolute;
}

@media (max-width: 1279px) {
	#header .hi-trigger {
		display: inline-block !important;
		padding: 24px 0;
	}
}

#header.search-toggled .h-search-wrap {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}

.h-search-wrap {
	position: absolute;
	top: -65px;
	left: 0;
	width: 100%;
	height: 70px;
	background: #fff;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
}

.h-search-wrap input[type="text"] {
	border: 0;
	height: 40px;
	padding: 0 10px 0 55px;
	font-size: 18px;
	border-radius: 2px;
	background-color: #efefef;
	width: 100%;
}

.h-search-wrap .hsw-close {
	position: absolute;
	top: 15px;
	font-size: 23px;
	font-style: normal;
	width: 45px;
	text-align: center;
	border-radius: 2px 0 0 2px;
	cursor: pointer;
	left: 15px;
	height: 40px;
	padding-top: 9px;
}

.h-search-wrap .hsw-close:hover {
	background-color: #e3e3e3;
}

@media (max-width: 767px) {
	.h-search-wrap .hsw-close {
		right: 7px;
	}
}

.hsw-inner {
	position: relative;
	padding: 15px;
	max-width: 700px;
	display: block;
	margin: 0 auto;
}

/* ----------------------------- End header type 1 ------------------------------------- */

@media (min-width: 992px) {
	.ha-menu > ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.ha-menu > ul > li {
		display: inline-block;
		vertical-align: top;
	}

	.ha-menu > ul > li:not(.active) > *:not(ul) {
		color: rgba(255, 255, 255, 0.6);
	}

	.ha-menu > ul > li.active > a {
		color: #fff;
		box-shadow: inset 0 -3px 0 0 #FFEB3B;
	}

	.ha-menu > ul > li > a {
		text-transform: uppercase;
		padding: 15px 12px;
		display: block;
	}

	.ha-menu > ul > li > a:hover {
		color: #fff;
	}

	.ha-menu > ul > li .dropdown-menu {
		min-width: 100%;
	}
}

@media (max-width: 991px) {
	.ha-menu {
		display: none;
	}
}

.sidebar {
	position: fixed;
	background: #fff;
	height: calc(100% - 70px);
	top: 85px;
	
	z-index: 10;
	overflow-y: auto;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

#sidebar {
	width: 268px;
}

.sidebar a:hover{
	text-decoration:none;
}

@media (max-width: 1279px) {
	.sidebar {
		-webkit-transition: all;
		-o-transition: all;
		transition: all;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
	}
		
	#sidebar {
		-webkit-transform: translate3d(-288px, 0, 0);
		transform: translate3d(-288px, 0, 0);
		box-shadow: 0 0 20px rgba(14, 18, 21, 0.38);
	}

	#sidebar.toggled {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.sidebar-alt {
	top: 0;
	height: 100%;
	-webkit-transform: translate3d(-268px, 0, 0);
	transform: translate3d(-268px, 0, 0);
}

.sidebar-alt.toggled {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.main-menu {
	list-style: none;
	padding-left: 0;
	margin: 20px 0 0 0;
}

.main-menu a {
	-webkit-transition: color;
	-o-transition: color;
	transition: color;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.main-menu a:hover,
.main-menu .active > a,
.main-menu .active > span > a,
.main-menu .active > span > a > .cmMenuTitle,
.main-menu a.active {
	color: #262626;
}

.main-menu > li > a {
	padding: 14px 20px 14px 65px;
	display: block;
	font-weight: 500;
	position: relative;
	color: #4C4C4C;
}

.main-menu > li > a > i {
	position: absolute;
	left: 25px;
	font-size: 20px;
	top: 0;
	width: 25px;
	text-align: center;
	padding: 13px 0;
}

.main-menu ul{
	list-style-type: none;
	padding:0;
}

.main-menu ul li{ 
	padding:0 0 0 20px;
}

.main-menu ul li > span,
.main-menu ul li > a > span {
	padding: 0 0 0 20px;
}

.main-menu li.hasSubelements > .toggleable:hover,
.main-menu li > a:hover,
.main-menu li > span > a:hover {
	cursor:             pointer;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition:    all 0.5s ease-out;
	-o-transition:      all 0.5s ease-out;
	transition:         all 0.5s ease-out;
	background-color:   #F4F4F4;
}

.main-menu ul > li span.cmMenuTitle {
	padding:     14px 20px 14px 65px;
	display:     block;
	font-weight: 500;
	position:    relative;
	color:       #4C4C4C;
}

.main-menu li.hasSubelements > .cmMenuTitle:after,
.main-menu li.hasSubelements > span .cmMenuTitle:after {
	content:                     "\f278";
	display:                     block;
	font-family:                 Material-Design-Iconic-Font;
	font-size:                   21px;
	position:                    absolute;
	right:                       25px;
	top:                         0;
	padding:                     12px 0;
	-webkit-transition:          all;
	-o-transition:               all;
	transition:                  all;
	-webkit-transition-duration: 250ms;
	transition-duration:         250ms;
}

.main-menu li.hasSubelements.toggled > .cmMenuTitle:after,
.main-menu li.hasSubelements.toggled > span .cmMenuTitle:after {
	content: "\f273";
}

.main-menu li.hasSubelements ul {
	display: none;
}

.sub-menu > a,
.hasSubelements > a {
	position: relative;
}

.sub-menu > a:before,
.sub-menu > a:after {
	position: absolute;
	top: 50%;
	margin-top: -11px;
	font-family: 'Material-Design-Iconic-Font';
	font-size: 17px;
	right: 15px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.sub-menu > a:before {
	content: "\f278";
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.sub-menu > a:after {
	content: "\f273";
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.sub-menu.toggled > a:before {
	content: "\f278";
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.sub-menu.toggled > a:after {
	content: "\f273";
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.sub-menu ul {
	list-style: none;
	display: none;
	padding: 0;
}

.sub-menu ul > li > a {
	padding: 8px 20px 8px 65px;
	font-weight: 500;
	display: block;
	color: #989898;
}

.sub-menu ul > li:first-child > a {
	padding-top: 14px;
}

.sub-menu ul > li:last-child > a {
	padding-bottom: 16px;
}

.sub-menu ul > li ul {
	font-size: 12px;
	margin: 10px 0;
	background-color: #F7F7F7;
}

.sub-menu.active > ul {
	display: block;
}

ul.providers{
	border-top: 1px solid #A1A1A1;
	display:    table;
	width:      100%;
}

input.providers{
	border:                      1px solid #DDD;
	margin:                      0 0 10px 15px;
	padding:                     5px 10px;
	width:                       85%;
	-webkit-transition:          all;
	-o-transition:               all;
	transition:                  all;
	-webkit-transition-duration: 250ms;
	transition-duration:         250ms;
}

ul.providers li{
	position:relative;
	display:table-row;
}

.ie9 ul.providers li{
	display:block;
}

ul.main-menu.providers li .info,
ul.main-menu.providers li .zmdi, 
ul.main-menu.providers li .fa,
ul.main-menu.providers li > a{
	display:table-cell;
	vertical-align:middle;
}

ul.main-menu.providers li .zmdi, 
ul.main-menu.providers li .fa{
	position: relative;
}

ul.main-menu.providers li .info .zmdi {
	position: relative;
}

ul.providers li.active a{
	font-weight: bold;
}

ul.providers > li > a{
	padding: 14px 30px 14px 40px;
}

/*-------------------------
		For Stupid IE9
--------------------------*/

@media (max-width: 1279px) {
	.ie9 #sidebar {
		display: none;
	}

	.ie9 #sidebar.toggled {
		display: block;
	}
}

.ie9 .sidebar-alt {
	display: none;
}

.ie9 .sidebar-alt.toggled {
	display: block;
}

.dropdown:not([data-animation]) .dropdown-menu {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.dropdown-menu {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	padding: 10px 0;
	border-radius: 3px;
	top: -1px;
	margin: 0;
	border: 0;
}

.dropdown-menu > li > a {
	padding: 10px 20px;
	-webkit-transition: background-color;
	-o-transition: background-color;
	transition: background-color;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.dropdown-menu[class*="bgm-"] > li > a {
	color: #fff;
}

.dropup .dropdown-menu {
	bottom: -2px;
}

.dm-icon > li > a > .zmdi {
	line-height: 100%;
	vertical-align: top;
	font-size: 18px;
	width: 28px;
}

.dropdown-menu-lg {
	width: 300px;
}

.dropdown-header {
	padding: 3px 17px;
	margin-top: 10px;
	color: #b1b1b1;
	text-transform: uppercase;
	font-weight: normal;
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.list-group {
	margin-bottom: 0;
}

.list-group .list-group-item {
	border: 0;
	margin: 0;
	padding: 15px 23px;
}

.list-group .list-group-item > .checkbox.pull-left {
	margin: 0;
}

.list-group.lg-odd-black .list-group-item:nth-child(odd) {
	background-color: #F7F7F7;
}

.list-group.lg-even-black .list-group-item:nth-child(even) {
	background-color: #F7F7F7;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: transparent;
	border: 1px solid #E9E9E9;
}

.lg-header {
	text-align: center;
	padding: 15px 10px 13px;
	line-height: 100%;
	text-transform: uppercase;
	border-bottom: 1px solid #F0F0F0;
	font-weight: 500;
	color: #4C4C4C;
	margin-bottom: 10px;
}

.lg-header .actions {
	position: absolute;
	top: 5px;
	right: 10px;
}

.lgi-img {
	width:         40px;
	height:        40px;
	border-radius: 50%;
	box-shadow:    0 1px 3px rgba(0, 0, 0, 0.15);
}

.small-icon-img {
	width:         25px;
	height:        25px;
	border-radius: 50%;
}

.lgi-heading {
	color: #000;
	margin-bottom: 4px;
	display: block;
}

.lgi-heading,
.lgi-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lgi-text {
	display: block;
	font-size: 12px;
	color: #4b4e53;
}

.lgi-text:not(:last-child) {
	margin-bottom: 4px;
}

.lgi-checkbox {
	margin-top: 8px;
	margin-bottom: 0;
}

.lgi-attrs {
	list-style: none;
	padding: 0;
	margin: 0;
}

.lgi-attrs > li {
	display: inline-block;
	border: 1px solid #e0e0e0;
	margin: 2px 2px 2px 0;
	padding: 2px 5px;
	font-size: 12px;
	color: #4b4e53;
}

.lgi-attrs > li > a {
	display: block;
}

.progress {
	box-shadow: none;
	border-radius: 0;
	height: 5px;
	margin-bottom: 0;
}

.progress .progress-bar {
	box-shadow: none;
}

/* Simple Mixin */
.tab-nav {
	list-style: none;
	padding: 0;
	white-space: nowrap;
	margin: 0;
	overflow: auto;
	box-shadow: inset 0 -2px 0 0 #eee;
	width: 100%;
}

.tab-nav li {
	display: inline-block;
	vertical-align: top;
}

.tab-nav li > a {
	display: inline-block;
	color: #7a7a7a;
	text-transform: uppercase;
	position: relative;
	width: 100%;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	font-weight: 500;
}

.tab-nav li > a:after {
	content: "";
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

@media (min-width: 768px) {
	.tab-nav li > a {
		padding: 15px;
	}
}

@media (max-width: 768px) {
	.tab-nav li > a {
		padding: 15px 8px;
	}
}

.tab-nav li.active > a {
	color: #000;
}

.tab-nav li.active > a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

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

.tab-nav.tn-justified > li {
	display: table-cell;
	width: 1%;
	text-align: center;
}

.tab-nav.tn-icon > li .zmdi {
	font-size: 22px;
	line-height: 100%;
	min-height: 25px;
}

.tab-nav:not([data-tab-color]) > li > a:after {
	background: #2196F3;
}

.tab-nav[data-tab-color="green"] > li > a:after {
	background: #4CAF50;
}

.tab-nav[data-tab-color="red"] > li > a:after {
	background: #F44336;
}

.tab-nav[data-tab-color="teal"] > li > a:after {
	background: #009688;
}

.tab-nav[data-tab-color="amber"] > li > a:after {
	background: #FFC107;
}

.tab-nav[data-tab-color="black"] > li > a:after {
	background: #000000;
}

.tab-nav[data-tab-color="cyan"] > li > a:after {
	background: #00BCD4;
}

.tab-content {
	padding: 20px 0;
}

.card {
	position: relative;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	margin-bottom: 30px;
	min-height: 150px;
}

.card .card-header {
	position: relative;
}

@media screen and (min-width: 768px) {
	.card .card-header {
		padding: 25px 5px;
	}
}

@media screen and (max-width: 991px) {
	.card .card-header {
		padding: 18px;
	}
}

.card .card-header h2,
.card .card-header h3 {
	margin: 0;
	line-height: 100%;
	font-size: 17px;
	font-weight: 400;
}

.color-block {
	color: #fff;
	text-align:center;
}

.color-block-icon {
	padding: 25px 23px!important;
}

.color-block-icon .fa{
	margin-right:10px;
	display: block;
	width: 20px;
	float: left;
}

.card .card-header h2 small {
	display: block;
	margin-top: 8px;
	color: #AEAEAE;
	line-height: 160%;
}

.card .card-header.ch-alt:not([class*="bgm-"]) {
	background-color: #f7f7f7;
}

.card .card-header[class*="bgm-"] h2,
.card .card-header[class*="bgm-"] h2 small {
	color: #fff;
}

.card .card-header .actions {
	position: absolute;
	right: 10px;
	z-index: 2;
	top: 15px;
}

.card .card-header .btn-float {
	right: 25px;
	bottom: -23px;
	z-index: 1;
}

.card a.card-header {
	display: block;
}

@media screen and (min-width: 768px) {
	.card .card-body.card-padding {
		padding: 25px 27px;
	}
}

@media screen and (max-width: 991px) {
	.card .card-body.card-padding {
		padding: 18px;
	}
}

.card .card-body.card-padding-sm {
	padding: 15px;
}

.card-header:not(.ch-alt):not([class*="bgm-"]) + .card-padding {
	padding-top: 0;
}

.card-light .card-header h2,
.card-light .card-header h2 small {
	color: #fff;
}

.dw-item {
	position: relative;
	min-height: 400px;
	margin-bottom: 30px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.dwi-header {
	position: relative;
}

.dwi-header-img {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 155px;
}

.dw-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.dwih-title {
	padding: 12px 20px;
	position: absolute;
	width: 100%;
	left: 0;
}

/*-------------------------
		Calendar
--------------------------*/

.cwh-year {
	color: rgba(255, 255, 255, 0.6);
	font-size: 15px;
}

.cwh-day {
	font-size: 25px;
	line-height: 100%;
	color: #fff;
}

.table {
	margin-bottom: 0;
}

.table > thead > tr > th {
	background-color: #d6d6d6;
	vertical-align: middle;
	font-weight: 500;
	color: #333;
	border-width: 1px;
	text-transform: normal;
	font-weight:bold;
}

.table.table-inner {
	border: 0;
}

.table > thead > tr > th:first-child,
.table > tbody > tr > th:first-child,
.table > tfoot > tr > th:first-child,
.table > thead > tr > td:first-child,
.table > tbody > tr > td:first-child,
.table > tfoot > tr > td:first-child {
	padding-left: 15px;
}

.table > thead > tr > th:last-child,
.table > tbody > tr > th:last-child,
.table > tfoot > tr > th:last-child,
.table > thead > tr > td:last-child,
.table > tbody > tr > td:last-child,
.table > tfoot > tr > td:last-child {
	padding-right: 15px;
}

.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > tbody > tr.succes > td,
.table > tfoot > tr.succes > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td {
	border: 0;
}

.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td {
	padding: 15px 8px;
	vertical-align: middle;
}

.table-striped td,
.table-striped th {
	border: 0 !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #ecebeb;
}

.tableRemittancesLines>tbody>tr:nth-of-type(odd) {
	background-color: #ecebeb;
}

.tableRemittancesLines>tbody>tr:nth-of-type(even) {
	background-color: #fff;
}

.tableRemittancesLines {
	border:1px solid;
	border-color: #dcdbdb;
}

.allProducts .table-striped > tbody:nth-child(odd) > tr:first-child{
	background-color: #fff;
}

.table-bordered {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th {
	border-bottom: 0;
	border-left: 0;
}

.table-bordered > tbody > tr > td:last-child,
.table-bordered > tbody > tr > th:last-child {
	border-right: 0;
}

.table-bordered > thead > tr > th {
	border-left: 0;
}

.table-bordered > thead > tr > th:last-child {
	border-right: 0;
}

.table-vmiddle td {
	vertical-align: middle !important;
}

.table-responsive {
	border: 0;
}

.t-add,
.ta-block,
.ta-btn {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.t-add {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	background: #ececec;
	top: 12px;
	right: 23px;
	max-height: 300px;
	z-index:1;
}

.t-add .ta-block {
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}

.t-add .ta-block textarea {
	padding: 25px 25px 45px;
	resize: none;
	width: 100%;
	font-size: 24px;
	color: #FFC107;
	position: absolute;
	height: 100%;
	border: 0;
	outline: none;
}

.t-add:not(.toggled) {
	overflow: hidden;
}

.t-add:not(.toggled) .ta-btn {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 50px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	font-size: 23px;
	color: #262626;
	line-height: 51px;
}

.t-add.toggled {
	width: calc(100% - 47px);
	height: calc(100% - 25px);
	border-radius: 2px;
	top: 0;
	z-index: 1;
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
	overflow: visible;
}

.t-add.toggled .ta-btn {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	display: none;
}

.t-add.toggled .ta-block {
	opacity: 1;
	filter: alpha(opacity=100);
}

.t-add.toggled .ta-block .tab-actions {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px 10px;
	border-top: 1px solid #EEE;
	z-index: 1;
}

.t-add.toggled .ta-block .tab-actions > a {
	font-size: 25px;
	padding: 0 6px;
	border-radius: 50%;
	text-align: center;
	height: 40px;
	width: 40px;
	line-height: 48px;
	display: inline-block;
}

.t-add.toggled .ta-block .tab-actions > a:hover {
	background-color: #eee;
}

.btn {
	border: 0;
	text-transform: none;
}

.btn[class*="bgm-"]:not(.bgm-white) {
	color: #fff;
}

.btn .caret {
	margin-top: -3px;
}

.btn:not(.btn-link) {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}

.btn-group:not(.bootstrap-select),
.btn-group-vertical:not(.bootstrap-select) {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}

.btn-group .btn,
.btn-group-vertical .btn,
.btn-group .btn:active,
.btn-group-vertical .btn:active,
.btn-group .btn:focus,
.btn-group-vertical .btn:focus,
.btn-group .btn-group,
.btn-group-vertical .btn-group {
	box-shadow: none !important;
}

.btn-group .btn,
.btn-group-vertical .btn {
	margin: 0;
}

.btn-xs,
.btn-group-xs > .btn {
	padding: 2px 5px;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 2px;
}

.btn-link {
	color: #797979;
	text-decoration: none;
	border-radius: 2px;
}

.btn-link:hover {
	color: #0a0a0a;
}

.btn-inverse {
	color: #fff;
	background-color: #454545;
	border-color: transparent;
}

.btn-inverse:focus,
.btn-inverse.focus {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0, 0, 0, 0);
}

.btn-inverse:hover {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0, 0, 0, 0);
}

.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0, 0, 0, 0);
}

.btn-inverse:active:hover,
.btn-inverse.active:hover,
.open > .dropdown-toggle.btn-inverse:hover,
.btn-inverse:active:focus,
.btn-inverse.active:focus,
.open > .dropdown-toggle.btn-inverse:focus,
.btn-inverse:active.focus,
.btn-inverse.active.focus,
.open > .dropdown-toggle.btn-inverse.focus {
	color: #fff;
	background-color: #1a1a1a;
	border-color: rgba(0, 0, 0, 0);
}

.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
	background-image: none;
}

.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus {
	background-color: #454545;
	border-color: transparent;
}

.btn-inverse .badge {
	color: #454545;
	background-color: #fff;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.focus,
.btn-inverse:active,
.open > .dropdown-toggle.btn-inverse {
	color: #fff;
	background-color: #454545;
	border-color: transparent;
}

.btn-inverse:hover:hover,
.btn-inverse:focus:hover,
.btn-inverse.focus:hover,
.btn-inverse:active:hover,
.open > .dropdown-toggle.btn-inverse:hover,
.btn-inverse:hover:focus,
.btn-inverse:focus:focus,
.btn-inverse.focus:focus,
.btn-inverse:active:focus,
.open > .dropdown-toggle.btn-inverse:focus,
.btn-inverse:hover.focus,
.btn-inverse:focus.focus,
.btn-inverse.focus.focus,
.btn-inverse:active.focus,
.open > .dropdown-toggle.btn-inverse.focus {
	color: #fff;
	background-color: #454545;
	border-color: transparent;
}

.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
	background-image: none;
}

.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active {
	background-color: #454545;
	border-color: transparent;
}

.btn-inverse .badge {
	color: #454545;
	background-color: #fff;
}

.btn-icon {
	border-radius: 50%;
	width: 40px;
	line-height: 42px;
	height: 40px;
	padding: 0;
	text-align: center;
}

.btn-icon .zmdi {
	font-size: 17px;
}

.btn-icon-text > .zmdi {
	font-size: 15px;
	vertical-align: top;
	display: inline-block;
	margin-top: 2px;
	line-height: 100%;
	margin-right: 5px;
}

.btn-float {
	width: 50px;
	height: 50px;
	border-radius: 50% !important;
	line-height: 46px !important;
}

.btn-float:not(.m-btn) {
	position: absolute !important;
}

.btn-float i {
	font-size: 23px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.btn-float:hover i {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.btn-float:not(.bgm-white):not(.bgm-gray) > i {
	color: #fff;
}

.btn-float.bgm-white > i,
.btn-float.bgm-gray > i {
	color: #333;
}

.open .btn {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.open .btn:focus,
.open .btn:active {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

/*----------------------------------------
		Material Design Add button
------------------------------------------*/

.m-btn {
	z-index: 1;
	bottom: 40px;
	right: 40px;
	position: fixed !important;
}

label {
	font-weight: 500;
}

/*-----------------------------------
		Reset Focus and Active shadows
------------------------------------*/

input:active,
input:focus {
	outline: 0;
	box-shadow: none !important;
}

.form-control {
	box-shadow: none !important;
	resize: none;
}

.form-control:active,
.form-control:focus {
	box-shadow: none;
}

.form-control:not(.fc-alt) {
	border-left: 0;
	border-right: 0;
	border-top: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}

.form-control:not(.fc-alt).auto-size {
	padding-top: 6px;
}

/*------------------------
		Checkbox and Radio
-------------------------*/

.input-helper:before,
.input-helper:after,
.checkbox label:before,
.radio label:before,
.radio-inline:before,
.checkbox-inline:before {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.checkbox,
.radio {
	padding-top: 0 !important;
}

.checkbox label,
.radio label {
	display: block;
	padding-left: 30px;
}

.checkbox input,
.radio input {
	top: 0;
	left: 0;
	margin-left: 0 !important;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	margin-top: 0;
}

.radio input:checked + .input-helper:before {
	border-color: #009688;
}

.checkbox .input-helper:before,
.radio .input-helper:before,
.checkbox .input-helper:after,
.radio .input-helper:after {
	position: absolute;
	content: "";
}

.checkbox .input-helper:before,
.radio .input-helper:before {
	left: 0;
	border: 2px solid #7a7a7a;
}

.checkbox.disabled,
.radio.disabled {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.checkbox input {
	width: 17px;
	height: 17px;
}

.checkbox input:checked + .input-helper:before {
	background-color: #00b2a9;
	border-color: #00b2a9;
}

.checkbox input:checked + .input-helper:after {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.checkbox .input-helper:before {
	top: 0;
	width: 17px;
	height: 17px;
	border-radius: 2px;
}

.checkbox .input-helper:after {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	content: '\f26b';
	font-family: 'Material-Design-Iconic-Font';
	position: absolute;
	font-size: 12px;
	left: 2px;
	top: 0;
	color: #fff;
	font-weight: bold;
}

.radio input {
	width: 19px;
	height: 19px;
}

.radio input:checked + .input-helper:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.radio .input-helper:before {
	top: 1px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
}

.radio .input-helper:after {
	width: 9px;
	height: 9px;
	background: #009688;
	border-radius: 50%;
	top: 5px;
	left: 4px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.checkbox-inline,
.radio-inline {
	vertical-align: top;
	margin-top: 0;
	padding-left: 25px;
}

.checkbox-light .input-helper:before,
.radio-light .input-helper:before {
	border-color: #fff;
}

.checkbox-light input:checked + .input-helper:before {
	border-color: #fff;
	background-color: #fff;
}

.checkbox-light input:checked + .input-helper:after {
	color: #333;
}

/*-------------------------
		Select
--------------------------*/

body:not(.ie9) .select {
	position: relative;
}

body:not(.ie9) .select:before {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	height: calc(100% - 2px);
	width: 30px;
	background-color: #FFF;
	background-position: right calc(100% - 7px);
	background-repeat: no-repeat;
	background-image: url('/imagenes/app/select.png');
	pointer-events: none;
	z-index: 5;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	body:not(.ie9) .select:before {
		background-image: url('/imagenes/app/select@2x.png');
		background-size: 12px 12px;
	}
}

body:not(.ie9) .select:not(.fg-line):before {
	right: 0;
}

body:not(.ie9) .select.fg-line:before {
	right: 10px;
}

/*-------------------------
		Input Group Addon
--------------------------*/

.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon {
	font-size: 15px;
}

.input-group-addon {
	border-width: 0 0 1px 0;
	min-width: 42px;
}

.input-group-addon > .zmdi {
	position: relative;
	top: 3px;
}

/*-------------------------
		Input Feilds
--------------------------*/

.fg-line {
	position: relative;
	vertical-align: top;
}

.fg-line:not(.form-group) {
	display: inline-block;
	width: 100%;
}

.fg-line .form-control:disabled {
	color: #9d9d9d;
	background: transparent;
}

.fg-line:not(.disabled):after,
.fg-line:not(.readonly):after {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	content: "";
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.fg-line:not([class*=has-]):after {
	background: #00b2a9;
}

.fg-line.readonly .form-control {
	color: #9d9d9d;
	background: transparent;
}

.fg-line.fg-toggled:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.fg-float {
	margin-top: 2px;
	position: relative;
}

.fg-float .form-control {
	position: relative;
	background: transparent;
	z-index: 1;
	font-size:14px;
}

.fg-float .form-control::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.fg-float .form-control:-ms-input-placeholder {
	color: #fff;
}

.fg-float .form-control::-webkit-input-placeholder {
	color: #fff;
}

.fg-float .fg-label {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	position: absolute;
	top: 5px;
	font-weight: 400;
	color: #959595;
	pointer-events: none;
	z-index: 0;
	left: 0;
	white-space: nowrap;
}

.fg-float .fg-toggled .fg-label {
	top: -15px;
	font-size: 11px;
}

.control-label {
	font-weight: normal;
}

/*-------------------------
		Toggle Switch
--------------------------*/

.toggle-switch {
	display: inline-block;
	vertical-align: top;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.toggle-switch .ts-label {
	display: inline-block;
	margin: 0 20px 0 0;
	vertical-align: top;
	-webkit-transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
	transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
}

.toggle-switch .ts-helper {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 16px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.26);
	-webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	vertical-align: middle;
	cursor: pointer;
}

.toggle-switch .ts-helper:before {
	content: '';
	position: absolute;
	top: -4px;
	left: -4px;
	width: 24px;
	height: 24px;
	background: #fafafa;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
	border-radius: 50%;
	webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.toggle-switch:not(.disabled) .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
}

.toggle-switch input {
	position: absolute;
	z-index: 1;
	width: 46px;
	margin: 0 0 0 -4px;
	height: 24px;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}

.toggle-switch input:checked + .ts-helper:before {
	left: 20px;
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
	background: rgba(0, 150, 136, 0.5);
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
	background: #009688;
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
}

.toggle-switch.disabled {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper {
	background: rgba(244, 67, 54, 0.5);
}

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:before {
	background: #F44336;
}

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(244, 67, 54, 0.2);
}

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper {
	background: rgba(33, 150, 243, 0.5);
}

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:before {
	background: #2196F3;
}

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(33, 150, 243, 0.2);
}

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper {
	background: rgba(255, 193, 7, 0.5);
}

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:before {
	background: #FFC107;
}

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(255, 193, 7, 0.2);
}

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper {
	background: rgba(186, 104, 200, 0.5);
}

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:before {
	background: #BA68C8;
}

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(186, 104, 200, 0.2);
}

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper {
	background: rgba(233, 30, 99, 0.5);
}

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:before {
	background: #E91E63;
}

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(233, 30, 99, 0.2);
}

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper {
	background: rgba(205, 220, 57, 0.5);
}

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:before {
	background: #CDDC39;
}

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(205, 220, 57, 0.2);
}

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper {
	background: rgba(0, 188, 212, 0.5);
}

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:before {
	background: #00BCD4;
}

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 188, 212, 0.2);
}

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper {
	background: rgba(76, 175, 80, 0.5);
}

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:before {
	background: #4CAF50;
}

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:active:before {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(76, 175, 80, 0.2);
}

/*-------------------------
		Validation
--------------------------*/

.has-error .checkbox .input-helper:before {
	border-color: #f99d97;
}

.has-error .checkbox .input-helper:after {
	border-bottom-color: #f77066;
	border-left-color: #f77066;
}

.has-error .fg-line:after {
	background: #F44336;
}

.has-success .checkbox .input-helper:before {
	border-color: #92cf94;
}

.has-success .checkbox .input-helper:after {
	border-bottom-color: #6ec071;
	border-left-color: #6ec071;
}

.has-success .fg-line:after {
	background: #4CAF50;
}

.has-warning .checkbox .input-helper:before {
	border-color: #ffc166;
}

.has-warning .checkbox .input-helper:after {
	border-bottom-color: #ffad33;
	border-left-color: #ffad33;
}

.has-warning .fg-line:after {
	background: #FF9800;
}

/*-------------------------
		IE 9 Placeholder
--------------------------*/

.ie9-placeholder {
	color: #888 !important;
	font-weight: normal;
}

/*-----------------------------------
		Fix Textarea Scrollbar in IE9
------------------------------------*/

.ie9 textarea {
	overflow: auto !important;
}

.pagination {
	border-radius: 0;
}

.pagination > li {
	margin: 0 2px;
	display: inline-block;
	vertical-align: top;
}

.pagination > li > a,
.pagination > li > span {
	border-radius: 50% !important;
	padding: 0;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	z-index: 1;
	position: relative;
	cursor: pointer;
	background-clip: padding-box;
}

.pagination > li > a > .zmdi,
.pagination > li > span > .zmdi {
	font-size: 22px;
	line-height: 39px;
}

.pagination > li.disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/*-------------------------
		Listview Pagination
--------------------------*/

.lg-pagination {
	width: 100%;
	text-align: center;
	padding: 40px 0;
	margin-top: 0;
}

/*-------------------------
		Pager
--------------------------*/

.pager li > a,
.pager li > span {
	padding: 5px 10px 6px;
	color: #7E7E7E;
}

.popover {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
}

.popover-title {
	border-bottom: 0;
	padding: 15px;
	font-size: 12px;
	text-transform: uppercase;
}

.popover-title + .popover-content {
	padding-top: 0;
}

.popover-content {
	padding: 15px;
}

.popover-content p {
	margin-bottom: 0;
}

.fw-container .tab-content {
	padding: 25px 0;
}

.fw-container .fw-footer {
	text-align: center;
	margin: 30px 0 0;
	width: 100%;
	border-top: 2px solid #eee;
	padding: 15px 0;
}

.alert {
	padding-left: 30px;
	font-size: 13px;
}

.alert span {
	cursor: pointer;
}

.alert:not(.alert-dismissible) {
	padding-right: 30px;
}

.alert.alert-dismissable {
	padding-right: 44px;
}

.alert-inverse {
	background-color: #333;
	border-color: transparent;
	color: #fff;
}

.alert-inverse hr {
	border-top-color: rgba(0, 0, 0, 0);
}

.alert-inverse .alert-link {
	color: #e6e6e6;
}

.growl-animated.alert-inverse {
	box-shadow: 0 0 5px rgba(51, 51, 51, 0.5);
}

.growl-animated.alert-info {
	box-shadow: 0 0 5px rgba(33, 150, 243, 0.5);
}

.growl-animated.alert-success {
	box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
}

.growl-animated.alert-warning {
	box-shadow: 0 0 5px rgba(255, 193, 7, 0.5);
}

.growl-animated.alert-danger {
	box-shadow: 0 0 5px rgba(244, 67, 54, 0.5);
}

.alert-link {
	color: #fff !important;
}

/*-------------------------
	Lightbox
-------------------------*/

.lightbox .lightbox-item {
	overflow: hidden;
}

.lightbox .lightbox-item > img {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	width: 100%;
	border-radius: 2px;
}

.lightbox .lightbox-item:hover {
	cursor: pointer;
}

.lightbox .lightbox-item:hover img {
	-webkit-transform: scale(1.35) rotate(10deg);
	-ms-transform: scale(1.35) rotate(10deg);
	-o-transform: scale(1.35) rotate(10deg);
	transform: scale(1.35) rotate(10deg);
}

.lightbox [data-src]:before,
.lightbox [data-src]:after {
	content: " ";
	display: table;
}

.lightbox [data-src]:after {
	clear: both;
}

.lightbox [data-src]:before,
.lightbox [data-src]:after {
	content: " ";
	display: table;
}

.lightbox [data-src]:after {
	clear: both;
}

.lightbox .lightbox-item:not(.p-item) {
	position: relative;
}

/*-------------------------
	Carousel
--------------------------*/

.carousel .carousel-control {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel .carousel-control .zmdi {
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 100%;
}

@media screen and (min-width: 768px) {
	.carousel .carousel-control .zmdi {
		font-size: 60px;
		width: 60px;
		height: 60px;
		margin-top: -30px;
		margin-left: -30px;
	}
}

@media screen and (max-width: 991px) {
	.carousel .carousel-control .zmdi {
		width: 24px;
		height: 24px;
		margin-top: -12px;
		margin-left: -12px;
	}
}

.carousel:hover .carousel-control {
	opacity: 1;
	filter: alpha(opacity=100);
}

.carousel .carousel-caption {
	background: rgba(0, 0, 0, 0.6);
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: 50px;
}

.carousel .carousel-caption > h3 {
	color: #fff;
	margin: 0 0 5px;
	font-weight: 300;
}

.carousel .carousel-caption > p {
	margin: 0;
}

@media screen and (max-width: 991px) {
	.carousel .carousel-caption {
		display: none;
	}
}

.carousel .carousel-indicators {
	bottom: 10px;
	margin: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 0 6px;
	background: rgba(0, 0, 0, 0.6);
}

.carousel .carousel-indicators li {
	border-radius: 0;
	width: 15px;
	border: 0;
	background: #fff;
	height: 3px;
	margin: 0;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.carousel .carousel-indicators li.active {
	width: 25px;
	height: 3px;
	background: #FF9800;
}

.modal .modal-content {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31);
	border-radius: 3px;
	border: 0;
}

.modal .modal-header {
	padding: 23px 26px 5px 26px;
}

.modal .modal-body {
	padding: 0 26px 10px;
}

.modal .modal-footer .btn-link {
	font-size: 14px;
	color: #000;
	font-weight: 500;
}

.modal .modal-footer .btn-link:hover {
	background-color: #eee;
}

.modal:not([data-modal-color]) .modal-footer .btn-link {
	font-weight: 500;
}

.modal:not([data-modal-color]) .modal-footer .btn-link:hover {
	background-color: #eee;
}

.modal[data-modal-color] {
	color: #fff;
}

.modal[data-modal-color] .modal-title,
.modal[data-modal-color] .modal-footer .btn-link {
	color: #fff;
}

.modal[data-modal-color] .modal-footer {
	background: rgba(0, 0, 0, 0.1);
}

.modal[data-modal-color] .modal-backdrop {
	background: #fff;
}

.modal[data-modal-color] .modal-footer .btn-link {
	font-weight: 400;
}

.modal[data-modal-color] .modal-footer .btn-link:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.modal[data-modal-color="blue"] .modal-content {
	background: #2196F3;
}

.modal[data-modal-color="cyan"] .modal-content {
	background: #00BCD4;
}

.modal[data-modal-color="green"] .modal-content {
	background: #4CAF50;
}

.modal[data-modal-color="lightgreen"] .modal-content {
	background: #8BC34A;
}

.modal[data-modal-color="lightblue"] .modal-content {
	background: #03A9F4;
}

.modal[data-modal-color="amber"] .modal-content {
	background: #FFC107;
}

.modal[data-modal-color="teal"] .modal-content {
	background: #009688;
}

.modal[data-modal-color="orange"] .modal-content {
	background: #FF9800;
}

.modal[data-modal-color="bluegray"] .modal-content {
	background: #607D8B;
}

.modal[data-modal-color="red"] .modal-content {
	background: #F44336;
}

.modal-title {
	font-weight: bold;
}

.panel-title > a {
	padding: 10px 15px;
	display: block;
	font-size: 13px;
}

.panel-collapse .panel-heading {
	position: relative;
}

.panel-collapse .panel-heading .panel-title > a {
	padding: 8px 5px 16px 30px;
	color: #000;
	position: relative;
}

.panel-collapse .panel-heading .panel-title > a:after,
.panel-collapse .panel-heading .panel-title > a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	content: "";
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.panel-collapse .panel-heading .panel-title > a:after {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.panel-collapse .panel-heading:not(.active) .panel-title > a:before {
	background: #eee;
}

.panel-collapse .panel-heading:before,
.panel-collapse .panel-heading:after {
	font-family: 'Material-Design-Iconic-Font';
	font-size: 17px;
	position: absolute;
	left: 0;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	top: 4px;
}

.panel-collapse .panel-heading:before {
	content: "\f278";
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.panel-collapse .panel-heading:after {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	content: "\f273";
}

.panel-collapse .panel-heading.active .panel-title > a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.panel-collapse .panel-heading.active:before {
	-webkit-transform: scale(0) rotate(-90deg);
	-ms-transform: scale(0) rotate(-90deg);
	-o-transform: scale(0) rotate(-90deg);
	transform: scale(0) rotate(-90deg);
}

.panel-collapse .panel-heading.active:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.panel-collapse .panel-body {
	border-top: 0 !important;
	padding-left: 5px;
	padding-right: 5px;
}

.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #2196F3;
}

.panel-group[data-collapse-color="red"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #F44336;
}

.panel-group[data-collapse-color="green"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #4CAF50;
}

.panel-group[data-collapse-color="amber"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #FFC107;
}

.panel-group[data-collapse-color="teal"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #009688;
}

.panel-group[data-collapse-color="black"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #000000;
}

.panel-group[data-collapse-color="cyan"] .panel-collapse .panel-heading.active .panel-title > a:after {
	background: #00BCD4;
}

.tooltip-inner {
	border-radius: 2px;
	padding: 5px 15px 5px;
}

.breadcrumb {
	border-bottom: 1px solid #E5E5E5;
	border-radius: 0;
	margin-top: -27px;
	margin-bottom: 50px;
}

@media (min-width: 1280px) {
	.breadcrumb {
		padding: 10px 33px 11px 300px;
	}
}

@media (max-width: 1279px) {
	.breadcrumb {
		padding: 10px 33px 11px;
	}
}

.breadcrumb > li > a {
	color: #5E5E5E;
}

.breadcrumb > li > a:hover {
	color: #7c7c7c;
}

.messages {
	height: calc(100vh - 130px);
	position: relative;
	overflow: hidden;
}

.messages header {
	min-height: 55px;
}

.messages header .actions {
	position: absolute;
	top: 12px;
	right: 13px;
}

/*-----------------------------------
		Sidebar
------------------------------------*/

.m-sidebar {
	width: 300px;
	border-right: 1px solid #eee;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	/* Scrollbar fix */
}

@media (max-width: 767px) {
	.m-sidebar {
		width: 60px;
	}

	.m-sidebar .list-group-item {
		padding: 10px !important;
	}

	.m-sidebar .ms-time {
		display: none;
	}
}

.m-sidebar header {
	background-color: #F7F7F7;
	padding: 20px;
}

.m-sidebar header h2 {
	line-height: 100%;
	font-size: 15px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 400;
}

.m-sidebar .lgi-heading {
	max-width: 120px;
}

.m-sidebar .list-group {
	height: calc(100% - 130px);
}

.m-sidebar .mCSB_scrollTools {
	z-index: 2;
}

.ms-time {
	position: absolute;
	top: 16px;
	right: 25px;
	color: #4b4e53;
}

.ms-search {
	padding: 20px 25px;
	position: relative;
}

.ms-search .zmdi-search {
	position: absolute;
	left: 0;
	top: 8px;
	font-size: 20px;
}

.ms-search input {
	padding-left: 25px !important;
}

/*-----------------------------------
		Body
------------------------------------*/

.m-body {
	position: relative;
	height: 100%;
}

@media (min-width: 768px) {
	.m-body {
		padding-left: 300px;
	}
}

@media (max-width: 767px) {
	.m-body {
		padding-left: 60px;
	}
}

.mb-header {
	background-color: #F7F7F7;
	box-shadow: 0 -1px 0 1px #eaeaea;
	position: relative;
	z-index: 2;
}

.mbh-user {
	padding: 12px 20px;
}

.mbh-user > img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	margin-right: 15px;
}

.mb-list {
	height: calc(100% - 55px);
	position: relative;
}

.mbl-messages {
	padding: 50px 50px 0;
	height: calc(100vh - 259px);
	overflow-x: hidden;
}

@media (max-width: 767px) {
	.mbl-messages {
		padding: 20px 20px 0;
	}
}

.mblm-item {
	position: relative;
	margin-bottom: 10px;
}

.mblm-item > div {
	display: inline-block;
	max-width: 70%;
	padding: 15px 20px;
	border-radius: 2px;
	position: relative;
}

.mblm-item small {
	display: block;
	color: #4b4e53;
	padding: 5px 20px;
}

.mblm-item-left > div {
	background-color: #eee;
}

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

.mblm-item-right > div {
	background-color: #FFC107;
	color: #fff;
}

.mblmi-img {
	margin: -10px -15px;
	cursor: pointer;
}

.mblmi-img img {
	max-width: 250px;
	border-radius: 2px;
}

.mbl-compose {
	border-top: 1px solid #eee;
	height: 70px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 65px 15px 15px;
}

.mbl-compose textarea {
	height: 100%;
	width: 100%;
	border-radius: 2px;
	border: 0;
	resize: none;
	background: #eee;
	padding: 5px 10px;
	color: #5E5E5E;
	-webkit-transition: background-color;
	-o-transition: background-color;
	transition: background-color;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.mbl-compose button {
	position: absolute;
	top: 14px;
	right: 15px;
	background: transparent;
	border: 0;
	font-size: 25px;
}

.mbl-compose button:hover {
	color: #333;
}

.four-zero {
	height: 100vh;
	background-color: #607D8B;
}

.fz-block {
	background: #557382;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	margin-top: -150px;
	color: #ECF0F1;
	text-align: center;
	padding: 25px;
	height: 300px;
	width: 500px;
	left: 50%;
	margin-left: -250px;
}

.fz-block h2 {
	font-size: 130px;
	line-height: 100%;
	color: #ECF0F1;
	font-weight: 100;
}

@media (max-width: 767px) {
	.fz-block {
		width: calc(100% - 40px);
		left: 20px;
		margin-left: 0;
		height: 260px;
		margin-top: -130px;
	}

	.fz-block h2 {
		font-size: 90px;
	}
}

.fz-block small {
	display: block;
	font-size: 26px;
	margin-top: -10px;
}

.fzb-links {
	margin-top: 20px;
}

.fzb-links > a {
	font-size: 16px;
	display: inline-block;
	color: #ECF0F1;
	margin: 0 1px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	background: rgba(0, 0, 0, 0.09);
	border-radius: 50%;
	text-align: center;
}

.fzb-links > a:hover {
	background: rgba(0, 0, 0, 0.2);
}

.login-content {
	min-height: 100vh;
	text-align: center;
	background-color: #edecec;
}

.login-content:before {
	display: inline-block;
	content: '';
	height: 100vh;
	width: 1px;
	vertical-align: middle;
}

.lc-block {
	max-width: 500px;
	padding: 20px 0;
	width: 80%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.lc-block:not(.toggled) {
	display: none;
}

.lc-block.toggled {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 10;
}

.lc-block:not(.lc-block-alt) .lcb-form {
	padding: 35px 25px;
}

.lc-block:not(.lc-block-alt) .btn-login {
	top: 50%;
	margin-top: -43px;
	right: -25px;
}

.lc-block .checkbox {
	margin: 5px 0 0 41px;
	text-align: left;
}

.lcb-form {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	border-radius: 2px;
}

/*-----------------------------
		Login Navigation
------------------------------*/

.lcb-navigation {
	margin-top: 15px;
}

.lcb-navigation a,
.lcb-navigation a span {
	-webkit-transition: width;
	-o-transition: width;
	transition: width;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.lcb-navigation a {
	color: #fff;
	display: inline-block;
	background: rgba(255, 255, 255, 0.2);
	margin: 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	vertical-align: top;
	white-space: nowrap;
	text-align: left;
}

.lcb-navigation a i {
	width: 30px;
	font-style: normal;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	line-height: 30px;
}

.lcb-navigation a span {
	width: 0;
	overflow: hidden;
	display: inline-block;
	line-height: 29px;
	margin-left: -3px;
}

.lcb-navigation a:hover span {
	width: 100%;
}

.lcb-navigation a[data-ma-block="#l-register"]:hover {
	width: 95px;
}

.lcb-navigation a[data-ma-block="#l-forget-password"]:hover {
	width: 147px;
}

.lcb-navigation a[data-ma-block="#l-login"]:hover {
	width: 85px;
}

/*-----------------------------
		Lockscreen
------------------------------*/

.lc-block-alt .lcb-form {
	padding: 70px 35px 60px;
}

.lc-block-alt .btn-login {
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}

.lcb-user {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 5px solid #fff;
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -50px;
	box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.18);
}

@media (max-width: 767px) {
	.c-timeline {
		background: #edecec;
		box-shadow: none;
	}

	.c-timeline .tab-nav {
		background: #fff;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	}
}

.timeline {
	position: relative;
}

@media (min-width: 768px) {
	.timeline {
		padding: 50px;
		padding-left: 100px;
	}
}

@media (max-width: 767px) {
	.timeline {
		margin-top: 30px;
	}
}

.t-view {
	border: 1px solid #eee;
	position: relative;
	margin-bottom: 35px;
}

@media (max-width: 767px) {
	.t-view {
		background: #fff;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	}
}

.t-view .tv-header {
	padding: 16px 18px;
	border-bottom: 1px solid #eee;
	background: #F9F9F9;
}

.t-view .tv-header .actions {
	position: absolute;
	top: 5px;
	right: 10px;
}

.t-view .tv-body {
	padding: 23px 25px;
}

.t-view .tv-body .tvb-lightbox {
	margin: 0 -8px 15px;
}

.t-view .tv-body .tvb-lightbox [data-src] {
	padding: 0 5px;
	margin-bottom: 5px;
}

.t-view .tvh-user {
	display: block;
}

.t-view .tvh-user img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
}

.t-view:before {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	left: -70px;
	top: 0;
	border: 3px solid #FFF;
	text-align: center;
	font-size: 16px;
	line-height: 34px;
	color: #FFF;
	font-family: 'Material-Design-Iconic-Font';
	z-index: 1;
}

.t-view:after {
	content: "";
	position: absolute;
	top: 0;
	left: -50px;
	width: 1px;
	height: calc(100% + 37px);
}

.t-view[data-tv-type="text"]:before {
	content: "\f24f";
	background: #00BCD4;
	box-shadow: 0 0 0 1px #00BCD4;
}

.t-view[data-tv-type="text"]:after {
	background: #00BCD4;
}

.boxSectionForm .btn-success {
	color: #fff;
	background-color: #f05168;
	border-color: #f05168;
}

.boxSectionForm .btn-success:hover,
.boxSectionForm .btn-success:active,
.boxSectionForm .btn-success:focus,
.boxSectionForm .btn-success:visited,
.boxSectionForm .btn-success:active:hover,
.boxSectionForm .btn-success:active:focus
.boxSectionForm .btn-success.active:hover,
.boxSectionForm .btn-success:active:focus,
.boxSectionForm .btn-success.active:focus,
.boxSectionForm .btn-success:active.focus,
.boxSectionForm .btn-success.active.focus{
	color: #fff;
	background-color: #d83149;
	border-color: #d83149;
}

.btn{
	background-image: none !important;
	border-radius:0;
	text-shadow: none;
}

.login {
	overflow: hidden;
	height: 100vh;
	text-align: center;
	-webkit-transition: background-color;
	-o-transition: background-color;
	transition: background-color;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.login:before {
	content: '';
	height: 100vh;
	display: inline-block;
	vertical-align: middle;
	width: 1px;
}

[data-lbg="teal"] {
	background-color: #26a69a;
}

[data-lbg="blue"] {
	background-color: #42a5f5;
}

[data-lbg="purple"] {
	background-color: #ab47bc;
}

[data-lbg="grey"] {
	background-color: #aeadaf;
}

.semi[data-lbg="teal"] {
	background-color: rgba(38,166,154,.5);
}

.semi[data-lbg="blue"] {
	background-color: rgba(66,165,245,.5);
}

.semi[data-lbg="purple"] {
	background-color: rgba(171,71,188,.5);
}

.semi[data-lbg="grey"] {
	background-color: rgba(174, 173, 175, 0.5);
}

.lc-block {
	border-radius: 2px;
	max-width: 350px;
	vertical-align: middle;
	position: relative;
	display: none;
	text-align: left;
	padding: 0;
}

.lc-block.toggled {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 10;
	display: inline-block;
}

.lb-header {
	padding: 25px 30px;
	color: #fff;
	border-radius: 1px 1px 0 0;
}

.lb-header i,
.lb-header .avatar-img {
	display: block;
	margin-bottom: 10px;
}

.lb-header .avatar-img {
	border: 2px solid #fff;
}

.lb-header i {
	font-size: 40px;
}

.lb-body {
	padding: 30px;
	background: #fff;
}

.lb-body a:hover {
	text-decoration: underline;
}

.links-block {
	display:flex;
	justify-content: space-between;
}

.fz-error {
	height: auto;
	min-height: 300px;
	margin-top: -250px;
}

.sp-opt {
	position: absolute;
	top: 10px;
	right: 10px;
}
.sp-opt a {
	color: #fff;
	font-size: 24px;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 2px;
}
.sp-opt a:hover {
	background: rgba(0,0,0,.2);
}

body {
	background-color: #ececec;
}

.s-profile .main-menu {
	display: block;
	margin: 0;
}

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

.hi-logo h1{
	margin:0;
}

.hi-logo img{
	height:66px;
	width:auto;
}

.h-inner{
	display:block;
	float:none;
}

.hi-logo > .cmBannersRelativePosition, 
.navbar-brand > .imgHead {
	display: inline;
	float: left;
	padding:0 10px 0 0;
}

.hi-logo > .textHead {
	float: left;
	margin: 26px 0 0 10px;
	color: #fff;
	display: block;
	text-transform: uppercase;
	padding: 6px 15px;
	font-size: 22px;
	line-height: 24px;
}

[data-ma-theme="quironsalud"] {
	background-color: #00b2a9;
}

[data-ma-theme="quironsalud"] .ss-icon {
	color: #00b2a9;
}

@media (max-width: 767px) {
	[data-ma-theme="quironsalud"] .ha-menu {
		background: #00b2a9;
	}
}

.sidebar a:hover{
	text-decoration:none;
}

.sidebar {
	top: 85px;
}

.h-inner {
	padding:0;
}

.h-inner .pull-right{
	padding:24px 0;
}

#header .pull-right .nombre-perfil-cabecera{
	font-size:    19px;
	margin-right: 5px;
	color:        #FFF;
}

#header.long-name .help-menu .cmMenuTitle{
	display: none;
}

#header.long-name .pull-right .nombre-perfil-cabecera{
	font-size: 17px;
}

.hi-menu {
	display: inline;
}

.hi-menu a:hover,
.hi-menu a:active,
.hi-menu a:focus{
	text-decoration:none;
}

.dropdown-menu>li>a:hover{
	background-image:none;
	background:none;
}

.hi-menu .dropdown-menu>li:hover{
	background-color: #f5f5f5;
	/* margin:0; */
}

.foto-perfil{
	margin-right:10px;
}

@media (max-width: 1180px) {
	.foto-perfil,
	#header .pull-right .nombre-perfil-cabecera{
		display:none;
	}
}

@media (max-width: 767px) {
	.hi-logo img {
		height: 47px !important;
		width: auto;
	}
	.hi-logo > .cmBannersRelativePosition, 
	.navbar-brand > .imgHead {
		padding: 12px 0 0 0;
		display:block;
		float: none;
	}
	.hi-logo > .textHead{
		margin: 0;
		display:none;
	}
}

/* Pisamos el color por defecto al del tema */
.main-menu a:hover,
.main-menu .active > a,
.main-menu .active > span > a,
.main-menu .active > span > a > .cmMenuTitle,
.main-menu a.active {
	color: #00B2A9;
}

/* Background para el elemento activo */
.main-menu:not(.providers) > li.active > span {
	background-color: #F4F4F4;
}

/* Menu de proveedores */
ul.main-menu.providers > li:hover,
ul.main-menu.providers > li:hover > span,
ul.main-menu.providers > li.active,
ul.main-menu.providers > li.active > span {
	color:            #00B2A9;
	background-color: #F4F4F4;
}

.main-menu > li > span {
	display: block;
}

.main-menu > li > span span.cmMenuTitle{
	padding: 14px 40px 14px 65px;
	display: block;
	font-weight: 500;
	position: relative;
	color: #4C4C4C;
}

.main-menu li a {
	color: #4C4C4C;
	display:block;
}

.main-menu li a:hover,
.main-menu li a:active,
.main-menu li a:focus {
	text-decoration:none;
}

.main-menu ul > li.active span.cmMenuTitle {
	color: #00B2A9;
}

.main-menu li .zmdi,
.main-menu li .fa{
	position: absolute;
	left: 25px;
	font-size: 20px;
	top: 0;
	width: 25px;
	text-align: center;
	padding: 13px 0;
	z-index: 1;
}

.main-menu li .info .zmdi{
	position: absolute;
	right: 15px;
	left: auto;
	font-size: 20px;
	width: 25px;
	text-align: center;
	padding: 14px 0;
	z-index: 1;
}

.hi-menu > li .dropdown-menu {
	top: 34px;
	padding: 0;
}

.hi-menu .dropdown-menu > li > a {
	padding: 15px 20px;
	text-align: left;
}

.hi-menu .dropdown-menu .divider {
	margin: 0;
}

.s-profile > a:hover,
.s-profile > a:active,
.s-profile > a:focus,
.main-menu > li > a:hover,
.main-menu > li > a:active,
.main-menu > li > a:focus{
	text-decoration:none;
}

.s-profile .sp-info {
	background: #fff;
	padding: 7px 14px;
	color: #00b2a9;
	margin-top: 20px;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
}

.s-profile > a .sp-info > i {
	font-size:                   25px;
	line-height:                 100%;
	position:                    absolute;
	right:                       15px;
	top:                         5px;
	-webkit-transition:          all;
	-o-transition:               all;
	transition:                  all;
	-webkit-transition-duration: 300ms;
	transition-duration:         300ms;
}

.s-profile .main-menu {
	display: none;
	margin:  0 0 0;
}

.s-profile.toggled .sp-info > i {
	-webkit-transform: rotate(180deg);
	-ms-transform:     rotate(180deg);
	-o-transform:      rotate(180deg);
	transform:         rotate(180deg);
}

.menuPrincipal .main-menu {
	border-top: 1px solid #a1a1a1;
	margin:     0 0 40px 0;
}

.menuPrincipal .main-menu .cmMenuDescription{
	display:none;
}

.alert-info {
	background-color: #2196F3;
	color: #fff;
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid transparent;
}

/*Colores cuantro mando*/
.controlbox2{
	background-color: #fff !important;
	border-right: 1px solid #a1a1a1;
	height: 100%;
}

.controlbox3{
	background-color: #4b4e53 !important;
}

.controlPanel .dw-item{
	min-height:0;
}

.col-md-3.boxPanel{
	padding-right:0;
}

.col-md-9.boxPanel{
	padding-left:0;
	background: #fff;
}

.controlPanel .dvjsmain > .col-sm-12{
	margin-bottom:30px;
}

.controlPanel .dwi-header{
	padding: 25px 20px 15px !important;
	display:table;
	width:100%;
}

.controlPanel .products .dwi-header h3,
.controlPanel .products .dwi-header h4{
	line-height: 45px;
}

.controlPanel .dwi-header h3,
.controlPanel .dwi-header h4{
	padding: 0;
	margin: 0;
	display: table-cell;
	vertical-align:middle;
	color: #4b4e53;
	font-weight: 600;
	font-size:23px;
}

.controlPanel .dwi-header h3 .headName,
.controlPanel .dwi-header h4 .headName{
	display: block;
	width: 65%;
	float: left;
	color: #4b4e53;
	font-weight: 400;
}

.controlPanel .boxHead{
	margin-bottom:0 !important;
}


.controlPanel .block-subheader {
	background: #00b2a9;
}

.controlPanel .block-subheader h3{
	font-size:21px;
	color: #fff;
	margin:0;
	padding:20px 15px;
}

.controlPanel .products .dwi-header h3 .headName,
.controlPanel .products .dwi-header h4 .headName{
	width: 60%;
}

.controlPanel .list-group .list-group-item {
	background-color:#fff;
	border-radius:0;
	padding: 15px 0 15px 23px;
}

.controlPanel .table-inner.table > thead > tr > th{
	background: #f3f3f3;
}

.controlPanel .sv-item h4,
.controlPanel .sv-item .h4,
.controlPanel .sv-item h5,
.controlPanel .sv-item .h5 {
	font-weight: 400;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 28px;
}

.controlPanel .sv-item h4.f-400,
.controlPanel .sv-item .h4.f-400,
.controlPanel .sv-item h5.f-400,
.controlPanel .sv-item .h5.f-400{
	font-size: 24px;
}

.controlPanel .list-group{
	box-shadow: none;
	border-radius:0;
	background: #fff;
	position:relative;
	padding:0;
	margin:0;
}

.controlPanel .list-group .media-body:hover a, 
.controlPanel .list-group .media-product:hover a{
	color: #00b2a9;
}

.controlPanel .media-product{
	margin-right:10px;
}

.controlPanel .media-body h4,
.controlPanel .media-product h4,
.controlPanel .media-body .h4,
.controlPanel .media-product .h4,
.controlPanel .media-body h5,
.controlPanel .media-product h5,
.controlPanel .media-body .h5,
.controlPanel .media-product .h5{
	display:inline !important;
	margin-right: 5px;
}

.controlPanel span.media-product {
	white-space: nowrap;
}

.controlPanel .dvjPanel{
	padding: 30px 0 15px 0;
	background: #fff;
}

.controlPanel .dvjPanel:last-child{
	padding: 30px 0 30px 0;
}

.boxPanel .dwi-header .icon,
.boxPanel .dwi-header .fa{
	font-size: 25px;
	float: left;
	margin-right: 18px;
	color: #f05169;
}

.products .boxPanel .dwi-header .icon{
	font-size: 30px;
}

.boxPanel .media-body .icon,
.boxPanel .media-product .icon,
.boxPanel .cat .icon,
.boxPanel .media-body .fa {
	font-size: 20px;
	color: #f05169;
	margin-right: 10px;
}

.boxPanel .cat .icon{
	display:block;
	float:left;
	width:32px;
}

.boxPanel .cat .catText{
	float:left;
	width:90%;
}

.boxPanel .cat .catText .col-sm-12{
	padding:0;
}

.boxPanel .media-body .icon-inbox{
	font-size: 15px;
	margin-right: 16px;
}

.controlPanel .media-body,
.controlPanel .media-product {
	font-size: 20px;
}

.controlPanel .media-body a,
.controlPanel .media-product a{
	color: #4b4e53;
}

.controlPanel .media-body a:hover,
.controlPanel .media-product a:hover,
.controlPanel .media-body a:focus,
.controlPanel .media-product a:focus,
.controlPanel .media-body a:active,
.controlPanel .media-product a:active{
	text-decoration:none;
}

.controlPanel .list-group .list-group-item.text-right{
	padding: 21px 0 15px 23px;
}

.controlPanel .t-add {
	width: auto;
	height: auto;
	border-radius: 0;
	position: absolute;
	background: transparent;
	top: 26px;
	right: 20px;
	max-height: 300px;
	z-index: 1;
}

.controlPanel .t-add .zmdi{
	color:       #00B2A9;
	opacity:     .6;
	width:       23px;
	height:      23px;
	line-height: 1;
}

.controlPanel .t-add .zmdi:hover{
	opacity: 1;
}

.controlPanel .text-bold{
	font-weight:bold;
}

@media screen and (max-width: 992px){
	.controlbox2{
		border-right: 0 solid #a1a1a1;
		border-bottom: 1px solid #a1a1a1;
	}
	.col-md-3.boxPanel {
		padding-right: 15px;
		height:auto !important;
	}
	.col-md-9.boxPanel {
		height:auto !important;
	}
	.controlPanel .dwi-header {
		padding: 25px 5px 15px !important;
	}
	.boxPanel .cat .catText{
		float:left;
		width:80%;
	}
	.controlbox1{
		padding: 0;
	}
}

@media screen and (max-width: 767px){
	.controlPanel .list-group .list-group-item.text-right {
		text-align:left;
	}
	.controlPanel .list-group .list-group-item:first-child{
		width:90%;
	}
	.controlPanel .t-add{
		right:0;
	}
	.controlPanel span.media-product {
		white-space: normal;
		display: block;
	}
	.block-header > h2 .provider {
		margin-left: 0;
	}
	.controlPanel .media-body, 
	.controlPanel .media-product {
		font-size: 17px;
	}
	.controlPanel .sv-item h4, 
	.controlPanel .sv-item .h4,
	.controlPanel .sv-item h5, 
	.controlPanel .sv-item .h5 {
		font-size: 26px;
	}
	.boxPanel .cat .catText {
		width: 75%;
	}
	
}

/*Buscador*/
.boxSearch{
	margin-bottom:2.5em;
}

.boxSectionForm{
	background-color: #fff;
}

.input-group-addon {
	border-width: 0 0 1px;
	min-width: 42px;
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.form-group label{
	margin-bottom:0;
}

.formLabel{
	display:table-caption;
}

.formInput{
	display:table-row;
}

.boxSectionForm .buttonZone{
	text-align: right;
	padding: 0 15px;
	margin-top: 10px;
}

.dvjs .block-content{
	padding:       2em 1.5em;
	background:    #FFF;
	border-radius: 4px;
}

.dvjs .block-content:after{
	content: " ";
	display: table;
	clear: both;
	box-sizing: border-box;
}

.table > tbody > tr > td.innerTable{
	padding:0;
}

table.tableLevel2 > thead{
	border-bottom: 1px solid #d6d6d6;
}

table.tableLevel2 > thead > tr > th{
	background: #fff;
}

.arrow{
	float:right;
}

.arrow .fa,
.arrow .zmdi,
.arrow-center .zmdi{
	font-size: 25px;
	color: #00b2a9;
}

.arrow-small .zmdi{
	font-size: 16px;
	color: #00b2a9;
}

.table > tbody > tr > td.arrowToggle{
	padding: 0 20px;
	vertical-align: middle;
}

.collapsed.arrow .fa.fa-chevron-circle-down:before{
	content: "\f13a";
}

.arrow .fa.fa-chevron-circle-down:before{
	content: "\f139";
}

@media screen and (max-width: 767px){
	.table-responsive>.table>thead>tr>th, 
	.table-responsive>.table>tbody>tr>th, 
	.table-responsive>.table>tfoot>tr>th, 
	.table-responsive>.table>thead>tr>td, 
	.table-responsive>.table>tbody>tr>td, 
	.table-responsive>.table>tfoot>tr>td {
		white-space: normal;
		text-transform: none;
	}
	.table > thead > tr > th:first-child, 
	.table > tbody > tr > th:first-child, 
	.table > tfoot > tr > th:first-child, 
	.table > thead > tr > td:first-child, 
	.table > tbody > tr > td:first-child,
	.table > tfoot > tr > td:first-child {
		padding-left: 8px;
	}
	.table > tbody > tr > td.innerTable{
		padding-left: 0;
	}
}

.lphOrders .table>thead>tr>th,
.lphOrders .table>tbody>tr>th, 
.lphOrders .table>tfoot>tr>th, 
.lphOrders .table>thead>tr>td, 
.lphOrders .table>tbody>tr>td, 
.lphOrders .table>tfoot>tr>td {
	width: 7.7%;
	vertical-align:middle;
	word-break: break-word; 
}

.allRemittances .table>thead>tr>th,
.allRemittances .table>tbody>tr>th, 
.allRemittances .table>tfoot>tr>th, 
.allRemittances .table>thead>tr>td, 
.allRemittances .table>tbody>tr>td, 
.allRemittances .table>tfoot>tr>td {
	width: 20%;
	vertical-align:middle;
	word-break: break-word; 
}

.detailOrders .table>thead>tr>th,
.detailOrders .table>tbody>tr>th, 
.detailOrders .table>tfoot>tr>th, 
.detailOrders .table>thead>tr>td, 
.detailOrders .table>tbody>tr>td, 
.detailOrders .table>tfoot>tr>td {
	width: 12.5%;
	vertical-align:middle;
}

.allCenters .table>thead>tr>th,
.allCenters .table>tbody>tr>th, 
.allCenters .table>tfoot>tr>th, 
.allCenters .table>thead>tr>td, 
.allCenters .table>tbody>tr>td, 
.allCenters .table>tfoot>tr>td {
	width: 20%;
	vertical-align:middle;
}

.detailOrders .table>thead>tr>th.w-25, 
.detailOrders .table>tbody>tr>td.w-25{
	width: 25%;
}


.detailDelivery .table>thead>tr>th,
.detailDelivery .table>tbody>tr>th, 
.detailDelivery .table>tfoot>tr>th, 
.detailDelivery .table>thead>tr>td, 
.detailDelivery .table>tbody>tr>td, 
.detailDelivery .table>tfoot>tr>td {
	width: 14.28%;
	vertical-align:middle;
}

.detailRequests .table>thead>tr>th,
.detailRequests .table>tbody>tr>th, 
.detailRequests .table>tfoot>tr>th, 
.detailRequests .table>thead>tr>td, 
.detailRequests .table>tbody>tr>td, 
.detailRequests .table>tfoot>tr>td {
	width: 18%;
	vertical-align:middle;
}

.dvNotBillableRequests .detailRequests .table>thead>tr>th,
.dvNotBillableRequests .detailRequests .table>tbody>tr>th, 
.dvNotBillableRequests .detailRequests .table>tfoot>tr>th, 
.dvNotBillableRequests .detailRequests .table>thead>tr>td, 
.dvNotBillableRequests .detailRequests .table>tbody>tr>td, 
.dvNotBillableRequests .detailRequests .table>tfoot>tr>td {
	width: 15%;
}

.table>tbody>tr>td.innerTable{
	width:100%;
}

.detailOrders .tablePendingOrderLines>thead>tr>th,
.detailOrders .tablePendingOrderLines>tbody>tr>th, 
.detailOrders .tablePendingOrderLines>tfoot>tr>th, 
.detailOrders .tablePendingOrderLines>thead>tr>td, 
.detailOrders .tablePendingOrderLines>tbody>tr>td, 
.detailOrders .tablePendingOrderLines>tfoot>tr>td,
.detailDelivery .tablePendingOrderLines>thead>tr>th,
.detailDelivery .tablePendingOrderLines>tbody>tr>th, 
.detailDelivery .tablePendingOrderLines>tfoot>tr>th, 
.detailDelivery .tablePendingOrderLines>thead>tr>td, 
.detailDelivery .tablePendingOrderLines>tbody>tr>td, 
.detailDelivery .tablePendingOrderLines>tfoot>tr>td,
.detailRequests .tablePendingOrderLines>thead>tr>th,
.detailRequests .tablePendingOrderLines>tbody>tr>th, 
.detailRequests .tablePendingOrderLines>tfoot>tr>th, 
.detailRequests .tablePendingOrderLines>thead>tr>td, 
.detailRequests .tablePendingOrderLines>tbody>tr>td, 
.detailRequests .tablePendingOrderLines>tfoot>tr>td {
	width: auto;
	background: #fff;
}

.detailOrders .tablePendingOrderLines>thead,
.detailDelivery .tablePendingOrderLines>thead,
.detailRequests .tablePendingOrderLines>thead {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.allProducts .table > tbody + tbody{
	border: 0;
}

.allProducts .table .table,
.detailOrders .table .table,
.detailDelivery .table .table,
.detailRequests .table .table,
.allCenters .table .table,
.allRemittances .table .table {
	background-color: transparent;
}

.allProducts .table .table,
.detailOrders .table .table .table,
.detailDelivery .table .table .table,
.detailRequests .table .table .table {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.detailOrders .tablePendingOrderLines>thead>tr>th,
.detailDelivery .tablePendingOrderLines>thead>tr>th,
.detailRequests .tablePendingOrderLines>thead>tr>th {
	background: #f1f1f1;
	font-weight: bold;
	text-transform:none;
}

.ie11 .dvjs .table,
.ie9 .dvjs .table{
	table-layout:fixed;
}

.viewAll{
	float:right;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	background-color: #00b2a9;
	border-color: #fff;
	cursor: default;
}

.pagination>li>a, 
.pagination>li>span {
	float: left;
	text-decoration: none;
	color: #7E7E7E;
	background-color: #E2E2E2;
	border: 1px solid #fff;
	margin-left: -1px;
}

.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover {
	color: #4b4e53;
	background-color: #E2E2E2;
	border-color: #fff;
	cursor: not-allowed;
}

.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus {
	z-index: 2;
	color: #00b2a9;
	background-color: #eee;
	border-color: #ddd;
}

.excelBox a{
	background-color: #00b2a9 !important;
	border-color: #00b2a9 !important;
}

.excelBox a:hover{
	background-color: #01928b !important;
	border-color: #01928b !important;
	text-decoration:none !important;
}

.modal-open {
	padding-right: 0 !important;
}

.modal dd {
	margin-bottom: 0.5em;
}

.btnBack{
	display:none;
}

.btn-primary:hover, 
.btn-primary:active, 
.btn-primary.active,
.btn-primary:active:hover, 
.btn-primary.active:hover, 
.btn-primary:active:focus, 
.btn-primary.active:focus, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.btn-primary:focus {
	background-color: #0f8a84;
	background-position: 0 -15px;
}

.btn-primary:hover {
	color: #fff;
	background-color: #0f8a84;
	border-color: #0f8a84;
}

.btn-primary {
	background-color: #00b2a9;
	background-image: 0;
	filter: 0;
	background-repeat: repeat-x;
	border-color: #00b2a9;
}

.btn-success:hover, 
.btn-success:active, 
.btn-success.active,
.btn-success:active:hover, 
.btn-success.active:hover, 
.btn-success:active:focus, 
.btn-success.active:focus, 
.btn-success:active.focus, 
.btn-success.active.focus, 
.btn-success:focus {
	background-color: #d83149;
	background-position: 0 -15px;
}

.btn-success:hover {
	color: #fff;
	background-color: #d83149;
	border-color: #d83149;
}

.btn-success {
	background-color: #f05168;
	background-image: 0;
	filter: 0;
	background-repeat: repeat-x;
	border-color: #f05168;
}

.allOrders,
.allBills,
.allCenters, 
.allRequests, 
.allDelivery,
.allRemittances {
	box-shadow:none;
}

.blueComponent .form-horizontal .control-label,
.blueComponent .form-horizontal .control-field.col-md-8{
	display:block;
	text-align:left;
	width: 100%;
}

.form-panel-group > .panel-body{
	padding:15px 40px;
}

.form-container h3{
	font-size: 23px;
	color: #4b4e53;
	margin: 0;
	font-weight: 300;
	margin-bottom: 25px;
}

.currentContent .contentHeader h2{
	font-size: 20px;
	color: #4b4e53;
	margin: 0;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 25px;
}

.currentContent .contentBody {
	padding: 2em 1.5em;
	background: #fff;
}

.nowrap{
	white-space: nowrap;
}

@media screen and (max-width: 767px){
	.nowrap{
		white-space: normal;
	}
}

.card-contact .fa{
	font-size: 50px;
	color: #53565b;
}

.card-contact{
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.card-contact:before{
	content: " ";
	background: #4b4e53;
	position: absolute;
	top: 0;
	right: 75%;
	width: 100%;
	opacity: .2;
	height: 200px;
	z-index: -1;
	transition-duration: .6s;
}

.card-contact:hover::before {
	right: 0;
}

.contact{
	display:block;
}

.contact-text{
	font-size: 30px;
	line-height: 50px;
	color:#5E5E5E;
	display:block;
}

@media screen and (max-width: 1300px){
	.contact-text{
		line-height: 1.2;
	}
}

.dvjs{
	position:relative;
}

.wait-dialog,
.wait-overlay,
.inner-wait-dialog,
.inner-wait-overlay {
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	overflow: auto;
	color: white;
	opacity:1;
}

.wait-dialog,
.inner-wait-dialog {
	z-index: 5;
}

.wait-overlay{
	z-index: 10001;
	background-color: #ececec;
}

body.page-auth .wait-overlay{
	background-color: #ffffff;
	opacity: 0.5;
}

body.page-auth .wait-dialog, 
body.page-auth .inner-wait-dialog {
	z-index: 99;
}

.inner-wait-overlay {
	z-index: 10001;
	background-color: #fff;
}

.wait-icon{
	position: absolute;
	z-index: 10002;
	text-align: center;
	display: inline-block;
	width: 80px;
	color: #00b2a9;
	left: 0;
	right: 0;
	margin: 200px auto 0 auto;
}

.inner-wait-icon {
	position: absolute;
	z-index: 10002;
	text-align: center;
	display: inline-block;
	width: 50px;
	color: #00b2a9;
	left: 0;
	right: 0;
	margin: 50px auto 0 auto;
}

@media screen and (max-width: 890px){
	.controlPanel .dwi-header h3 a,
	.controlPanel .dwi-header h4 a{
		width: 85%;
	}
	.card-contact .fa {
		font-size: 34px;
	}
}

@media screen and (max-width: 767px){
	.card-contact:before {
		right: 70%;
	}
}

.help-menu{
	display:         inline-flex;
	float:           left;
	margin-right:    20px;
	padding:         0;
	list-style-type: none;
}

.ie9 .help-menu{
	border-collapse: separate;
	border-spacing: 20px 0;
}

.ie9 .help-menu li{
  display: table-cell;
}

/* .help-menu li + li {
	margin-left: 10px;
} */

.help-menu > li{
	margin: 0 5px;
  }

.help-menu a{
	border: 1px solid #fff;
	padding: 5px 6px;
	display: block;
	color: #fff;
	font-size: 19px;
	transition:.2s;
	min-width: 50px;
	text-align: center;
}

.help-menu a:hover{
	text-decoration:none;
	background: #02827b;
}

.help-menu .fa {
	font-size: 18px;
}

.help-menu .cmMenuTitle {
	margin-left: 5px;
}

@media screen and (min-width: 1325px) and (max-width: 1500px) {
	.help-menu {
		margin-right: 15px;
	}

	.help-menu a{
		font-size: 16px;
	}

	.hi-logo > .textHead {
		margin: 26px 0 0 0;
		font-size: 18px;
	}

	.hi-menu > li > a > .him-icon {
		font-size: 22px;
	}

	#header .pull-right .nombre-perfil-cabecera {
		font-size: 18px;
	}

	.lgi-img {
		width: 35px;
		height: 35px;
	}
}

@media screen and (min-width: 1279px) and (max-width: 1325px) {
	.help-menu .cmMenuTitle {
		display: none;
	}
}

@media screen and (max-width: 1279px) {
	.help-menu .cmMenuTitle {
		display: none;
	}
}

@media screen and (max-width: 992px){
	.help-menu{
		display:none;
	}
}

td.total{
	background-color: #d6d6d6;
	font-weight:bold;
}


/* Para botones en formularios con etiquetas dinámicas */
DIV.form-label-button {
	float: left;
	display: inline;
	clear: none;
}
/* Para los botones de las acciones de los sql queries */
.item-name-Acciones {
    min-width: 100px;
}
.item-key-Acciones .fa {
    width: 0.8em;
    text-align: center;
}

.sqlQueriesResultList .table-striped>tbody>tr {
	background: #f9f9f9;
}
.sqlQueriesResultList .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #efefef;
}
.sqlQueriesResultList .table-striped th {
	background: #e4e4e4;
}


.ui-widget-content {
	border:     1px solid #CCC;
	border-top: none;
	background: #fff;
	color:      #333;
	font-size:  14px;
	max-width:  85%;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
input.providers:not(:disabled):focus,
input.providers:not(:disabled):active {
	color:        #FFF;
	background:   #00B2A9;
	border-color: #00B2A9;
}

input.providers:not(:disabled):hover {
	border-color: #00B2A9;
}

input.providers:disabled {
	cursor:           not-allowed;
	background-color: #EEEEEE;
}

/*Borde para los elementos del input autocomplete*/
.ui-menu .ui-menu-item:not(:first-child) {
	border-top: 1px solid #DDD;
}

.ui-autocomplete-loading {
	background: white url('/css/jquery-ui/ui-anim_basic_16x16.gif') right center no-repeat;
}

.controlPanel .wait-dialog, .controlPanel .wait-overlay, .controlPanel .inner-wait-dialog, .controlPanel .inner-wait-overlay {
    position: fixed;
    widht: 100vw;
    height: 100vh;
}
.controlPanel .wait-dialog .wait-icon, .controlPanel .wait-overlay .wait-icon, .controlPanel .inner-wait-dialog .wait-icon, .controlPanel .inner-wait-overlay .wait-icon {
    margin: 0;
    top: calc(50% - 60px/2);
    left: calc(50% - 60px/2);
}

#proveedores_tabs .nav-tabs {
    border-bottom: none;
}
#proveedores_tabs .nav-tabs > li > a {
    pointer-events: auto;
    border-radius: 4px 4px 0 0;
    font-weight: 500;
    font-size: 23px;
    position: relative;
    border-color: #00b1a8;
    border-style: dotted;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#proveedores_tabs .nav-tabs > li > a .title {
    opacity: .9;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#proveedores_tabs .nav-tabs > li > a .mini-wait {
    position: absolute;
    display: none;
    /*color: #00b2a9;*/
    color: #f05169;
    top: 14px;
    left: calc(50% - 23px/2);
}
#proveedores_tabs .nav-tabs > li > a:hover, #proveedores_tabs .nav-tabs > li > a:focus {
    border-color: #00b1a8;
    background-color: transparent;
}
#proveedores_tabs .nav-tabs > li > a:hover .title, #proveedores_tabs .nav-tabs > li > a:focus .title {
    opacity: 1;
}
#proveedores_tabs .nav-tabs > li.active > a,
#proveedores_tabs .nav-tabs > li.active > a:hover,
#proveedores_tabs .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #00b1a8;
    border: 1px solid #00b1a8;
    border-bottom-color: transparent;
}
#proveedores_tabs .nav-tabs > li.active > a .title,
#proveedores_tabs .nav-tabs > li.active > a:hover .title,
#proveedores_tabs .nav-tabs > li.active > a:focus .title {
    opacity: 1;
}
#proveedores_tabs .nav-tabs > li:not([style*=display]):not([style*=none]) + li {
    margin-left: 10px;
}
#proveedores_tabs .nav-tabs > li.is-loading > a {
    pointer-events: none;
}
#proveedores_tabs .nav-tabs > li.is-loading > a .title {
    opacity: 0;
}
#proveedores_tabs .nav-tabs > li.is-loading > a .mini-wait {
    display: inline-block;
}
#proveedores_tabs .tab-content {
    border: 1px solid #00b1a8;
    border-radius: 4px;
    border-top-left-radius: 0;
    padding: 40px;
}
#proveedores_tabs .tab-content .products {
    display: flex;
    margin-bottom: 30px;
    padding: 0;
    background-color: #FFF;
    border: 1px solid #00b1a8;
    border-radius: 4px;
}
#proveedores_tabs .tab-content .products > :first-child {
    height: auto !important;
    padding-top: 30px;
	padding-bottom: 30px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#proveedores_tabs .tab-content .products > :first-child > div {
    border-right: 1px solid #a1a1a1;
}
#proveedores_tabs .tab-content .products > :last-child {
    height: auto !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
@media screen and (max-width: 992px) {
    #proveedores_tabs .tab-content .products {
        flex-direction: column;
    }
    #proveedores_tabs .tab-content .products > :first-child {
        padding: 30px 15px 0 15px;
    }
    #proveedores_tabs .tab-content .products > :first-child > div {
        border-right: none;
        border-bottom: 1px solid #a1a1a1;
    }
}
#proveedores_tabs .tab-content .proveedor_panel {
    border: 1px solid #00b1a8;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}
#proveedores_tabs .tab-content .proveedor_panel--header {
    display: block;
    color: white;
    padding: 5px 15px;
    background-color: #00B2A9;
    font-size: 23px;
    border-bottom: 1px solid #00b1a8;
}
#proveedores_tabs .tab-content .proveedor_panel--body > div:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

@media screen and (max-width: 768px) {
    .controlPanel .block-header {
        padding: 0;
    }

    #proveedores_tabs .nav-tabs {
        padding: 0;
    }
}
/* Cambiamos la disposicion de las tabs solo para moviles */
@media screen and (max-width: 599px) {
    #proveedores_tabs .nav-tabs > li > a {
        /* Reseteo el margin right de 2px que mete bootstrap */
        margin-right: 0;
        /* Reducimos el tamaño de la fuente*/
        font-size: 20px;
    }
    #proveedores_tabs .nav-tabs > li:not([style*=display]):not([style*=none]) + li {
        /* Quitamos la separacion entre tabs */
        margin-left: 0;
    }
    #proveedores_tabs .nav-tabs > li:not([style*=display]):not([style*=none]) {
        /* Tabs al 100% y alineamos texto*/
        width: 100%;
        text-align: center;
    }
    #proveedores_tabs .tab-content {
        /* Quitamos el borde redondeado derecho para este modo. La tab ocupa el 100% y queda feo */
        border-top-right-radius: 0;
        /* Reducimos el padding */
        padding: 20px;
    }
    #proveedores_tabs .tab-content .proveedor_panel--header {
        /* Reducimos el tamaño de la fuente*/
        font-size: 17px;
    }
}

#modalConditions .conditions{
	height: 210px;
}


#cookieNotice{
	display: none;
}

.dvActiveCenters .filter {
	display: flex;
	align-items: center;
}

.icon-list-document:before{
	content:url('/imagenes/app/list-document.png');
}

.fa-exclamation{
	font-size: 20px;
	color: orangered;
}

.table-responsive {
    overflow: auto;
    height: 500px;
}

.table-responsive thead.tableHead {
    position: sticky;
    top: 0;
    z-index: 1;
}

/*-------------------------
			registro-proveedores/es/solicitud-alta
		 --------------------------*/

.titleAltaUsuario .contentHeader > h2,
.avisoLegal .contentHeader > h2{
	color: #fff;
	margin: 0;
	padding: 2rem;
	background-color: rgba(38,166,154);
}

.containerBox .titleAltaUsuario > .contentBody{
	color: #FFF;
	background-color: rgba(38,166,154);
	padding: 1rem 2.5rem;
}

/* layer color without content */
.regColor{
	position: fixed;
	height: 100%;
	width: 100%;
    margin: 0px;
    padding: 0px;
	bottom: 0;
	top: 0;
	background-color: rgba(38,166,154,.5);
}

.sectionFormulario {
    display: flex;
    justify-content: center;
	align-items: center;
	margin-top: 50px;
}

.sectionFormulario > .containerBox{
	width: 70rem;
}

.containerBox .formBox{
	background-color: #fff;
	padding: 2rem;
}

/* icono ayuda */
.input-group-addon {
	color: rgba(38,166,154);
}

@media screen and (min-width: 1200px) {
	.containerBox{
		width: 50%;
	}
}

.footerRegistrationForm{
	padding-top: 90px!important;
}

/* ¿ya tienes cuenta?  */
.haveAccount > a{
	margin-left: 2.5rem;
	bottom: 6rem;
	cursor: pointer;
    position: relative;
	width: fit-content;
}

.copyright{
	margin-top: 2rem;
	text-align: center;
	color: #fff;
}

.containerBox .floatLeft {
	float: left;
}

.containerBox .floatRight {
	float: right;
}

.containerBox .cifProveedor,
.containerBox .nombreSolicitante,
.containerBox .emailAlta {
	display: flex;
}

.containerBox .cifProveedor > label,
.containerBox .nombreSolicitante > label,
.containerBox .emailAlta > label   {
	flex: 1;
}

.containerBox .cifProveedor .control-field,
.containerBox .nombreSolicitante .control-field,
.containerBox .emailAlta .control-field {
	flex: 2;
}

@media only screen and (max-width: 1000px) {
	.containerBox{
		width: 80%;
	}

	.containerBox .cifProveedor,
	.containerBox .nombreSolicitante,
	.containerBox .emailAlta {
		display: block;
	}

	.containerBox .floatLeft {
		float: none;
	}
	
	.containerBox .floatRight {
		float: none;
	}

}
/*-------------------------
			END registro-proveedores/es/solicitud-alta
		 --------------------------*/

/* espacio innertables */
td.innerTable > div{
	margin-left: 50px;
} 

/* reducir espacio en títulos */
.dvjs .block-header:nth-child(2){
	margin-top: -2rem;
}

/* TODO: espacio en tablas*/
.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td {
    padding: 5px!important;
} 

/* tpMain.jsp -> alinear botones y username */
#header .colButtons {
	display: flex;
    align-items: center;
}

/*-------------------------
Cambios de estilo para los avisos por pantalla
		 --------------------------*/

.aviso {
  position: relative;
  background-color: #FFF;
  border: 1px solid #00b1a8;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 20px;
}

.aviso-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.aviso-titulo {
  font-size: 24px;
  margin-bottom: 10px;
  color: #00b2a9;
}

.aviso-descripcion {
  font-size: 18px;
  margin-bottom: 10px;
  white-space: pre-line;
}

.aviso-descripcion-modal {
  font-size: 18px;
  margin-bottom: 10px;
  white-space: pre-line;
}

.cuerpo-modal {
  padding: 1px;
}

.aviso-cerrar-modal {
  float: right;
  font-size: 24px;
  font-weight: bold;
  color: #999;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.texto-titulo-modal{
  float:left;
  padding: 0px;
  margin: 0px;
  color: #00b2a9;
}

.titulo-avisop-modal{
  font-weight: bold;
}