/*!
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 =========================================================
 */


/* =========================================================
   TABLES
   ========================================================= */

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	border-top: none !important;
}

.table-bordered {
	border: 1px solid #2c2139;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
	border: 1px solid #2c2139;
}

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

.table-hover > tbody > tr:hover {
	background-color: #291e35;
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #392c47;
}


/* =========================================================
   LINKS
   ========================================================= */

a:focus,
a:hover {
	color: inherit !important;
	text-decoration: none !important;
}


/* =========================================================
   FORM CONTROLS
   ========================================================= */

.form-control {
	background: #18121f;
	border: 1px solid #2c2139;
	color: #d4d4d4;

	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.form-control:focus {
	border-color: rgba(101, 157, 255, 0.85);
	box-shadow: 0 0 8px rgba(76, 141, 255, 0.14);
	outline: none;
}

.form-horizontal .control-label {
	text-align: left !important;
}

.help-block {
	color: #6c8989;
}


/* =========================================================
   BOOTSTRAP UTILITIES
   ========================================================= */

/*
 * Remove padding from Bootstrap columns
 * http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3
 */

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}


/*
 * Vertical align with Bootstrap 3
 * http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3
 */

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}


/* =========================================================
   THUMBNAILS
   ========================================================= */

.thumbnail {
	background-color: #1c1525;
	border: 1px solid #2c2139;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #2655a8;
}


/* =========================================================
   GLOBAL BUTTON SYSTEM
   ========================================================= */

/*
 * Comportamiento base.
 * Se aplica a botones Bootstrap y botones nativos.
 */

.btn,
button,
input[type="submit"],
input[type="button"],
.ml-site-button {
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease,
		color 0.2s ease;
}


/* =========================================================
   PRIMARY BUTTONS
   ========================================================= */

.btn-primary,
button[type="submit"],
input[type="submit"],
.ml-site-button {
	color: #ffffff !important;

	background:
		linear-gradient(
			180deg,
			rgba(42, 109, 224, 0.96),
			rgba(18, 75, 173, 0.96)
		) !important;

	border: 1px solid rgba(96, 154, 255, 0.78) !important;

	border-radius: 4px;

	box-shadow:
		0 0 7px rgba(76, 141, 255, 0.1);

	font-weight: 600;

	text-shadow:
		0 1px 2px rgba(0, 0, 0, 0.35);

	cursor: pointer;
}


/* =========================================================
   BUTTON HOVER / FOCUS
   ========================================================= */

.btn:hover,
.btn:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
.ml-site-button:hover,
.ml-site-button:focus {
	transform: translateY(-1px);

	color: #ffffff !important;

	border-color:
		rgba(131, 176, 255, 0.95) !important;

	box-shadow:
		0 0 11px rgba(86, 148, 255, 0.22);

	outline: none !important;
}


/* Primary hover */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
button[type="submit"]:hover,
button[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.ml-site-button:hover,
.ml-site-button:focus {
	color: #ffffff !important;

	background:
		linear-gradient(
			180deg,
			rgba(65, 125, 229, 0.98),
			rgba(20, 83, 193, 0.98)
		) !important;

	border-color:
		rgba(136, 179, 255, 0.98) !important;

	box-shadow:
		0 0 12px rgba(86, 148, 255, 0.24);
}


/* =========================================================
   SECONDARY / DARK BUTTONS
   ========================================================= */

.btn-default {
	color: #ffffff !important;

	background:
		linear-gradient(
			180deg,
			rgba(16, 30, 55, 0.92),
			rgba(6, 8, 21, 0.96)
		) !important;

	border:
		1px solid rgba(70, 123, 215, 0.72) !important;

	border-radius: 4px;

	box-shadow:
		0 0 5px rgba(76, 141, 255, 0.06);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	color: #ffffff !important;

	background:
		linear-gradient(
			180deg,
			rgba(21, 44, 85, 0.96),
			rgba(6, 9, 34, 0.98)
		) !important;

	border-color:
		rgba(121, 170, 255, 0.9) !important;

	box-shadow:
		0 0 11px rgba(86, 148, 255, 0.18);
}


/* =========================================================
   CUSTOM MU LOST LEGACY BUTTONS
   ========================================================= */

.ml-site-button {
	display: inline-block;

	padding: 10px 14px;

	font-size: 13px;
	font-weight: 700;

	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
}

.ml-site-button-block {
	display: block;
	width: 100%;
}


/* =========================================================
   DISABLED BUTTONS
   ========================================================= */

.btn[disabled],
.btn.disabled,
button[disabled],
input[type="submit"][disabled],
input[type="button"][disabled] {
	opacity: 0.45;

	transform: none !important;

	cursor: not-allowed;

	box-shadow: none !important;
}


/* =========================================================
   ALERTS
   ========================================================= */

.alert-danger {
	color: #ffffff;
	background-color: #374764;
	border-color: #474c75;
}

.alert-success {
	color: #d5ffd6;
	background-color: #406830;
	border-color: #82af70;
}