/*** MESA DE AYUDA ***/
.help-desk {
	position: fixed;
	bottom: 40px;
	right: 30px;
}

.help-desk button {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}

/* BOOTSTRAP TOUR */
.popover[class*=tour-] {
	z-index: 1110 !important;
	max-width: 400px;
}

.tour-backdrop {
	opacity: .5 !important;
	filter: alpha(opacity = 50) !important;
}

.popover {
	border-radius: 5px !important;
	border: none !important;
}

.popover.bottom>.arrow:after {
	border-bottom-color: #31c7b2;
}

.popover .popover-title {
	border: none;
	background-color: #31c7b2;
	color: #FFF;
	font-weight: bold;
	border-radius: 5px 5px 0px 0px !important;
}

.popover .popover-navigation button {
	border: none;
}

.popover .popover-navigation button:hover {
	background-color: #F2F2F2 !important;
	border-radius: 20px !important;
}

.popover .popover-navigation button.red {
	margin-top: 2px;
}

.popover .popover-navigation button.btn-next {
	margin-right: 15px;
}

.alert {
	padding: 10px;
	border-radius: 8px !important;
}

/* DIALOGS */
.modal-dialog .modal-content {
	border-radius: 10px !important;
	overflow: hidden;
}

.modal-dialog .modal-content .modal-header {
	color: #FFF;
	background: #34d4be;
}

.modal-dialog .modal-content .modal-header h3 {
	margin: 5px 0 0 0 !important;
	font-weight: 600 !important;
	font-size: 20px !important;
}

.portlet-title .tools {
	padding-top: 0px;
}

.portlet-title .tools button {
	border: none;
}

.portlet-title .tools button:focus {
	background: none;
}

.portlet-title .tools button.green:focus {
	background: #34d4be;
}

.portlet-title .tools button:hover {
	background-color: #F2F2F2 !important;
	border-radius: 20px !important;
}

.portlet.light>.portlet-title>.tools {
	padding: 0px 0 13px 0;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

.dashboard-stat2 {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1);
	border-radius: 2px !important;
}

#PaymentsPaymentLanding { background-color: #f3f5f9 !important; }
#PaymentsPaymentLanding p { font-size: 16px; }
#PaymentsPaymentLanding .container { width: 650px; margin-top: 95px; }
#PaymentsPaymentLanding .page-content { height: 349px; text-align: center; margin-left: 0; padding: 10px 20px; margin-bottom: 10px; background: #FFF; border-radius: 10px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1); }
#PaymentsPaymentLanding h3 { margin: 0; margin-top: 10px; font-weight: bold; }
/*#PaymentsPaymentLanding ul.amounts { list-style: none; margin: 10px 0; padding: 0; }
#PaymentsPaymentLanding ul.amounts li { width: 150px; height: 110px; display: inline-table; vertical-align: middle; border: 1px solid #CCC; border-radius: 5px; margin: 0 5px; padding: 0 5px; cursor: pointer; }
#PaymentsPaymentLanding ul.amounts li:hover { border-color: #999; background: #EEE; }
#PaymentsPaymentLanding ul.amounts li h5 { font-size: 18px; font-weight: bold; margin-bottom: 2px; height: 45px; display: table-cell; vertical-align: middle; }
#PaymentsPaymentLanding ul.amounts li small { color: #666; }*/
#PaymentsPaymentLanding .btn-amount { margin-bottom: 8px; }
#PaymentsPaymentLanding .well .open-discount, #PaymentsPaymentLanding .well .close-discount { cursor: pointer }
#PaymentsPaymentLanding .well #PaymentDiscountError { font-size: 12px; color: rgb(180, 29, 29); }
#PaymentsPaymentLanding .well { background: none; border: none; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; box-shadow: none; margin-top: 10px; padding: 5px}
#PaymentsPaymentLanding .well h6 { font-size: 14px; line-height: 22px; margin: 2px 0; float: left; text-align: left; width: 310px; }
#PaymentsPaymentLanding .well h5:hover { color: #000; }
#PaymentsPaymentLanding .well input { border: 1px solid #CCC; font-size: 25px; text-align: center; width: 130px; color: #666; height: 50px; text-transform: uppercase; }
#PaymentsPaymentLanding .well a { text-decoration: none; width: 60px; height: 50px; background: #CCC; display: inline-block; vertical-align: bottom; line-height: 50px; color: #666; }
#PaymentsPaymentLanding .well a:hover { background: #666; color: #FFF; }
#PaymentsPaymentLanding .btn-payment { font-weight: bold; font-size: 18px; display: block; background: #31c7b2; line-height: 60px; border-radius: 10px; color: #FFF; }
#PaymentsPaymentLanding .btn-payment:hover { text-decoration: none; background: #208677; }
#PaymentsPaymentLanding .info { height: 140px; padding-top: 24px; }
#PaymentsPaymentLanding .info .desc { font-size: 24px; line-height: 50px; font-weight: 600; color: #777; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#PaymentsPaymentLanding .info .price { font-size: 50px; line-height: 50px; font-weight: bold; }
#PaymentsPaymentLanding .info .price small { font-weight: normal; color: #777; font-size: 30px }
#PaymentsPaymentLanding .copyright { color: #FFF; }

#PaymentsPaymentResult { background-color: #f3f5f9 !important; }
#PaymentsPaymentResult p { font-size: 16px; }
#PaymentsPaymentResult .container { width: 650px; margin-top: 95px; }
#PaymentsPaymentResult .page-content { height: 300px; text-align: center; margin-left: 0; padding: 10px 20px; margin-bottom: 10px; background: #FFF; border-radius: 10px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1); }
#PaymentsPaymentResult h3 { margin: 0; margin-top: 10px; font-weight: bold; }
#PaymentsPaymentResult .copyright { color: #FFF; }
#PaymentsPaymentResult .col-icon .fa { font-size: 100px; margin-top: 90px }

#PaymentsFormats table.table-payments-formats tbody > tr { cursor: pointer; }

#EditPaymentFormatPopup #btnNewValue, #EditPaymentFormatPopup #btnNewDiscount { float: right; }
#EditPaymentFormatPopup h4 { margin-top: 0; }
#EditPaymentFormatPopup .block-values { margin: 5px 0; }
#EditPaymentFormatPopup .btn-row-delete { margin-top: 6px; }
#EditPaymentFormatPopup .block-discounts .txt-code { text-transform: uppercase; }

#ViewPaymentFormatPopup h3 { margin-bottom: 0; font-weight: bold; }
#ViewPaymentFormatPopup small { color: #777; font-size: 15px; line-height: 18px; }
#ViewPaymentFormatPopup .well a { font-size: 16px; }