.divider {
	height: 3px;
	display: block;
	background-color: rgba(0,0,0,.1);
	margin: 1em 0;
	width: 30px;
}

.watermarked {
	position: relative;
}

.watermarked:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('images/sin_stock.png');
	background-size: 100px 100px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	opacity: 0.9;
}

/* Default Font Styles */
.label { display: block; padding-left: 15px; text-indent: -15px; }

.pntr { cursor: pointer; }

/* Main Format for Index.php */
.main_table {
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	font-size: 10px;
}

.main_table_data {
	padding: 0px;
}

.status_div_cell {
	text-align: right;
	height: 14px;
	background: url('images/gradient.png') repeat-x scroll 50% center #111111;
	padding: 2px;
}

.status_div_body {
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px;
}

.main_div {
	margin: 0px;
	min-height: 500px;
	background-color: #FFFFFF;
	background-image: url('images/default-bg.png');
}

.main_div > center {
	padding: 4px;
	border-radius: 4px;
	background-color: #FFFFFF;
	background-image: none;
	display: inline-block;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.chat_to_div {
	padding: 8px;
	margin: 6px;
	border: 2px solid #B1BDED;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	background-color: #B1CEED;
}

.chat_from_div {
	padding: 8px;
	margin: 6px;
	border: 2px solid #FFBB33;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	background-color: #FFCC33;
}

.iteminfo_div {
	padding: 0px;
	margin: 0px;
	height: 180px;
	width: 100%;
	overflow: auto;
	text-overflow: ellipsis;
}

.opacity_5 {
	opacity: 0.5;
}

.item_master_box {
	font-weight: bold;
	font-size: 12px;
	padding: 3px 5px;
	margin: 5px;
	white-space: nowrap;
	color: #000000;
	border: 1px solid #FFFFFF;
	background-color: #946705;
	display: inline-block;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.item_slave_box {
	font-size: 12px;
	padding: 3px 5px;
	margin: 5px;
	white-space: nowrap;
	color: #000000;
	border: 1px solid #946705;
	background-color: #946705;
	display: inline-block;
	cursor: pointer;
}

.item_slave_box:hover {
	border: 1px solid #000000;
}

.color_master_box {
	padding: 0px;
	margin: 5px;
	white-space: nowrap;
	color: #000000;
	border: 1px solid #FFFFFF;
	background-color: #946705;
	display: inline-block;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.color_slave_box {
	padding: 0px;
	margin: 5px;
	white-space: nowrap;
	color: #000000;
	border: 1px solid #946705;
	background-color: #946705;
	display: inline-block;
	cursor: pointer;
}

.color_slave_box:hover {
	border: 1px solid #000000;
}

.thumb_div {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 250px;
	height: 250px;
	margin: 3px 3px;
	border: 1px solid #CCCCCC;
	box-shadow: 3px 3px 3px black;
}

.thumb_div a {
	display: block;
	width: 250px;
	height: 250px;
}

.mini_div {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin: 3px 3px;
	border: 2px solid #CCCCCC;
	box-shadow: 3px 3px 3px black;
}

.mini_div a {
	display: block;
	width: 50px;
	height: 50px;
}

.catalog_div {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 160px;
	height: 160px;
	margin: 3px 3px;
	border: 1px solid #CCCCCC;
	box-shadow: 3px 3px 3px black;
}

.eval_div {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 160px;
	height: 160px;
	border: 1px solid #CCCCCC;
	box-shadow: 3px 3px 3px black;
	margin: auto;
}

.familia_div {
	cursor: pointer;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	margin: 3px 3px;
	border: 1px solid #CCCCCC;
	border-radius: 50%;
	opacity: 0.5;
}

.familia_div:hover {
	border: 1px solid orange;
	opacity: 1;
}

.n_familia_div {
	cursor: pointer;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	margin: 3px 3px;
	border: 1px solid #CCCCCC;
	border-radius: 50%;
}

.userpic_div {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
}

/* Element Styles */
.print_div {
	padding: 25px;
	min-height: 300px;
	max-height: 600px;
	position: relative;
	overflow: auto;
	border: 1px solid #9F9F9F;
	background-color: #FFFFFF;
}

.text_div {
	padding: 10px;
	width: 800px;
	max-height: 450px;
	position: relative;
	overflow: auto;
	border: 1px solid #9F9F9F;
	background-color: #B1CEED;
	font-size: 12px;
}

/* Table Headers */
.table_2nd {
	font-size: 11px;
	color: #1D3652;
	background: url('images/gradient.png') repeat-x scroll 50% center #D5DDE5;
	padding: 5px;
}

.table_bottom {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #1D3652;
	background: url('images/gradient.png') repeat-x scroll 50% center #D5DDE5;
	padding: 5px;
}

/* Cell Body */
.cell_notice {
	background-color: #EEF3F8;
	border-width: 1px 1px 4px;
	border-style: solid;
	border-color: #D5DDE5;
	padding: 10px;
}

.row_title {
	font-weight: bold;
	font-size: 11px;
	background-color: #D5DDE5;
	color: #1D3652;
	padding: 2px 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: left;
	width: 10px;
	white-space: nowrap;
}

.row_title_up {
	font-weight: bold;
	font-size: 11px;
	background-color: #D5DDE5;
	color: #1D3652;
	padding: 2px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	white-space: nowrap;
}

.row_data {
	font-size: 11px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 2px 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #D5DDE5;
	text-align: left;
}

.row_data_x {
	font-size: 11px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 2px 5px;
	border: 1px solid #D5DDE5;
	text-align: left;
}

.fixcell {
	width: 10px;
	white-space: nowrap;
}

.lls {
	padding: 2px 3px;
	color: #1C2837;
	font-size: 9px;
}

/* Table with Result display */
.lh { font-weight: bold; font-size: 11px; background-color: #000000; color: #ffffff; padding: 4px 2px; white-space: nowrap; }
.lhu { font-weight: bold; font-size: 11px; background-color: #000000; color: #ffffff; padding: 2px 2px 0px; white-space: nowrap; }
.lhd { font-size: 10px; background-color: #000000; color: #ffffff; padding: 2px; white-space: nowrap; }
.row_class { background-color: #000000; color: #ffffff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
.row_class_2 { background-color: #000000; color: #ffffff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }

.sep_left { border-left: 1px solid #FFFFFF; }
.sep_right { border-right: 1px solid #FFFFFF; }

.ll { padding: 2px; color: #1C2837; border-bottom: 1px solid #D5DDE5; }

.list_split { border-top: 1px solid #B6C7DB; height: 5px; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.highlight:hover { background-color: #FFFFCC; }
.col_00 { background-color: #E4EBF2; }
.col_00:hover { background-color: #FFFFCC; }
.col_01 { background-color: #F1F4F7; }
.col_01:hover { background-color: #FFFFCC; }
.col_10 { background-color: #EEF3F8; }
.col_10:hover { background-color: #FFFFCC; }
.col_11 { background-color: #FAFBFC; }
.col_11:hover { background-color: #FFFFCC; }

/* Labels for Inputs */
.input_label {
	color: #1C2837;
	font-size: 12px;
	margin-right: 6px;
}

.search_statistics_title {
	font-size: 11px;
	color: #606060;
	padding: 1px 2px;
}

.search_statistics_data {
	font-size: 11px;
	color: #000000;
	text-align: right;
	padding: 1px 2px;
}

/* Quick Links */
.link_text {
	cursor: pointer;
	color: #D5DDE5;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

.link_text:hover {
	color: #FFFFFF;
}

.desc_td {
	font-size: 9px;
	color: #606060;
}

.f_14 {
	font-size: 14px;
}

/* Statistics */
.text_statistics_header {
	font-size: 12px;
	color: #1C2837;
}

/* Catalogo */
.cat_h1 {
	font-size: 11px;
}

.cat_h2 {
	font-weight: bold;
	font-size: 12px;
}

.cat_sep {
	background-color: #B1CEED;
	width: 5px;
}

/* List Styles */
.text_title_1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: 700!important;
}

.text_title_2 {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 12px;
}

.text_title_2:hover {
	font-weight: 700!important;
}

.text_style_1 {
	font-family: Impact, Charcoal, sans-serif;
	font-size: 16px;
	color: #1C2837;
	display: block;
}

.text_style_2 {
	font-weight: bold;
	color: #1C2837;
}

.text_style_3 {
	font-size: 9px;
	color: #606060;
	margin-bottom: 4px;
	display: block;
}

.text_style_4 {
	font-weight: bold;
	font-size: 16px;
	color: #1C2837;
	display: block;
}

.text_style_5 {
	font-size: 9px;
	color: #606060;
	display: block;
}

.b_black {
	font-weight: bold;
	color: black;
}

.b_red {
	font-weight: bold;
	color: red;
}

.b_dgrey {
	font-weight: bold;
	color: darkgrey;
}

.b_grey {
	font-weight: bold;
	color: grey;
}

.b_lgrey {
	font-weight: bold;
	color: lightgrey;
}

.b_lblue {
	font-weight: bold;
	color: lightblue;
}

.b_dblue {
	font-weight: bold;
	color: darkblue;
}

.b_blue {
	font-weight: bold;
	color: blue;
}

.b_lgreen {
	font-weight: bold;
	color: lightgreen;
}

.b_dgreen {
	font-weight: bold;
	color: darkgreen;
}

.b_green {
	font-weight: bold;
	color: green;
}

.b_orange {
	font-weight: bold;
	color: darkorange;
}

.b_ored {
	font-weight: bold;
	color: orangered;
}

.b_yellow {
	font-weight: bold;
	color: yellow;
}

.b_lsblue {
	font-weight: bold;
	color: lightskyblue;
}

.b { font-weight: bold; }

/* Input Text Designs */
.input_text_shortest,
.input_text_short,
.input_text_small,
.input_text,
.input_text_medium,
.input_text_large,
.input_text_largest,
.input_text_file,
.input_text_huge,
.input_text_extrahuge,
.input_text_area,
.input_select,
.input_text_int,
.input_text_money,
.input_cantidad_3,
.input_cantidad_2,
.input_cantidad_1,
.input_cantidad_0,
.input_cantidad_0_s,
.input_text_integer,
.input_text_longint,
.input_text_longestint,
.input_text_smallint,
.input_text_shortint,
.input_text_tinyint,
.input_text_cantidad
{
	border: 1px solid #ced4da;
	border-radius: .2rem;
	padding: 0px 2px 0px 2px;
	font-size: 11px;
	color: #1C2837;
	height: 20px;
	background-color: #FFFFFF;
}

.input_text_shortest:disabled, .input_text_shortest:read-only,
.input_text_short:disabled, .input_text_short:read-only,
.input_text_small:disabled, .input_text_small:read-only,
.input_text:disabled, .input_text:read-only,
.input_text_medium:disabled, .input_text_medium:read-only,
.input_text_large:disabled, .input_text_large:read-only,
.input_text_largest:disabled, .input_text_largest:read-only,
.input_text_file:disabled,
.input_text_huge:disabled, .input_text_huge:read-only,
.input_text_extrahuge:disabled, .input_text_extrahuge:read-only,
.input_text_area:disabled, .input_text_area:read-only,
.input_select:disabled,
.input_text_int:disabled, .input_text_int:read-only,
.input_text_money:disabled, .input_text_money:read-only,
.input_cantidad_3:disabled, .input_cantidad_3:read-only,
.input_cantidad_2:disabled, .input_cantidad_2:read-only,
.input_cantidad_1:disabled, .input_cantidad_1:read-only,
.input_cantidad_0:disabled, .input_cantidad_0:read-only,
.input_cantidad_0_s:disabled, .input_cantidad_0_s:read-only,
.input_text_integer:disabled, .input_text_integer:read-only,
.input_text_longint:disabled, .input_text_longint:read-only,
.input_text_longestint:disabled, .input_text_longestint:read-only,
.input_text_smallint:disabled, .input_text_smallint:read-only,
.input_text_shortint:disabled, .input_text_shortint:read-only,
.input_text_tinyint:disabled, .input_text_tinyint:read-only
{
	background: none repeat scroll 0% 0% #B6C7DB;
}

.input_text_shortest { width: 45px; }
.input_text_short { width: 85px; }
.input_text_small { width: 125px; }
.input_text { width: 165px; }
.input_text_medium { width: 225px; }
.input_text_large { width: 325px; }
.input_text_largest { width: 405px; }
.input_text_file { height: auto; width: 350px; padding: 2px; }
.input_text_huge { width: 565px; }
.input_text_extrahuge { width: 965px; }
.input_text_area { resize: none; font-family: Arial,Helvetica,sans-serif; height: auto; }
.input_select { min-width: 40px; }

optgroup { font-size: 10px; color: #000000; }

.input_text_int { width: 60px; text-align: right; }
.input_text_money { width: 80px; text-align: right; }
.input_cantidad_3 { width: 50px; text-align: right; }
.input_cantidad_2 { width: 50px; text-align: right; }
.input_cantidad_1 { width: 50px; text-align: right; }
.input_cantidad_0 { width: 50px; text-align: right; }
.input_cantidad_0_s { width: 30px; text-align: right; }
.input_text_integer { width: 70px; text-align: right; }
.input_text_longint { width: 80px; text-align: right; }
.input_text_longestint { width: 120px; text-align: right; }
.input_text_smallint { width: 40px; text-align: right; }
.input_text_shortint { width: 45px; text-align: right; }
.input_text_tinyint { width: 40px; text-align: right; }
.input_text_cantidad { color: orange; font-weight: bold; font-size: 20px; width: 65px; text-align: right; height: auto; }

.searcher_table { margin: 0px; padding: 0px; border-spacing: 0px; width: 100%; min-width: 1000px; max-width: 1900px; }
.exporter_table { margin: 0px; padding: 0px; border-spacing: 0px; width: 1260px; }
.view_table { margin: 0px; padding: 0px; border-spacing: 0px; width: 1000px; }
.smallform_table { margin: 0px; padding: 0px; border-spacing: 0px; width: 700px; }
.data_table { margin: 0px; padding: 0px; border-spacing: 0px; width: 100%; border: 3px solid #000000; }

.results_div { padding: 0px; min-height: 300px; max-height: 1000px; position: relative; overflow: auto; }

.barcode_image {
	text-align: center;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	background-color: #FFFFFF;
	border-color: lightgray darkgrey darkgrey lightgray;
}

/* Invoice Format */
.invoice_line1 {
	font-size: 16px;
	font-weight: bold;
}

.invoice_line2 {
	font-size: 14px;
}

.invoice_title {
	font-size: 16px;
}

.invoice_number {
	font-size: 20px;
}

.n_red { color: red; }
.n_dblue { color: darkblue; }
.n_lblue { color: lightblue; }
.n_blue { color: blue; }
.n_ored { color: orangered; }
.n_purple { color: purple; }
.n_yellow { color: yellow; }
.n_orange { color: darkorange; }
.n_lgreen { color: lightgreen; }
.n_dgreen { color: darkgreen; }
.n_green { color: green; }
.n_grey { color: grey; }
.n_pink { color: pink; }
.n_black { color: black; }

.tachar {
	text-decoration: line-through;
}

.nav_familia {
	display: none;
	font-size: 10px;
	color: orange;
	height: auto;
	width: 100%;
}

/* Custom Alert Message */

#loading-overlay {
	/* set it to fill the whil screen */
	width:100%;
	height:100%;
	/* transparency for different browsers */
	background: url('images/transbg.png');
/* make sure it appear behind the dialog box but above everything else */
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
	/* hide it by default */
	display:none;
}

#loading-box {

	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

	/* css3 border radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	background: #fff;
	/* styling of the dialog box, i have a fixed dimension for this demo */
	width: 400px;

	/* make sure it has the highest z-index */
	position: absolute;
	z-index: 3;

	/* hide it by default */
	display: none;
}

#loading-box .loading-content {
	/* style the content */
	text-align: center;
	padding: 10px;
	margin: 10px;
	color: #666;
	font-family: arial;
	font-size: 12px;
}

/******************************
 * Nuevos Botones para SiReTT *
 ******************************/

.input_submit,
.input_submit_s1,
.input_submit_s2,
.input_submit_s3,
.input_special,
.input_special_active {
	cursor: pointer;
	border-radius: 4px;
	text-decoration: none;
	font-size: 11px;
	line-height: 1;
	padding: 3px 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.input_submit,
.input_submit_s1,
.input_submit_s2,
.input_submit_s3,
.input_special,
.input_special_active,
.btn-0, .btn-1, .btn-2, .btn-3,
.btn-h, .btn-m, .btn-w, .btn-t {
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 6px 0 rgba(0,0,0,0.12);
}

.input_submit:hover,
.input_submit_s1:hover,
.input_submit_s2:hover,
.input_submit_s3:hover,
.input_special:hover,
.input_special_active:hover,
.btn-0:hover, .btn-1:hover, .btn-2:hover, .btn-3:hover,
.btn-h:hover, .btn-m:hover, .btn-w:hover, .btn-t:hover {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.input_submit, .btn-0 { color: #ffffff!important; background: #000000!important; border: solid rgba(0, 0, 0, 0.8) 1px; }
.input_submit:hover, .btn-0:hover { color: #ffffff!important; background: rgba(0, 0, 0, 0.8)!important; border: solid #000000 1px; }
.input_submit_s1, .btn-1 { color: #ffffff!important; background: #1d3557!important; border: solid rgba(29, 53, 87, 0.8) 1px; }
.input_submit_s1:hover, .btn-1:hover { color: #ffffff!important; background: rgba(29, 53, 87, 0.8)!important; border: solid #1d3557 1px; }
.input_submit_s2, .btn-2 { color: #ffffff!important; background: #1d3557!important; border: solid rgba(29, 53, 87, 0.8) 1px; }
.input_submit_s2:hover, .btn-2:hover { color: #ffffff!important; background: rgba(29, 53, 87, 0.8)!important; border: solid #1d3557 1px; }
.input_submit_s3, .btn-3 { color: #ffffff!important; background: #1d3557!important; border: solid rgba(29, 53, 87, 0.8) 1px; }
.input_submit_s3:hover, .btn-3:hover { color: #ffffff!important; background: rgba(29, 53, 87, 0.8)!important; border: solid #1d3557 1px; }

.input_special, .btn-t { color: #ffffff!important; background: #000000!important; border: solid rgba(0, 0, 0, 0.8) 1px; }
.input_special:hover, .btn-t:hover { color: #ffffff!important; background: rgba(0, 0, 0, 0.8)!important; border: solid #000000 1px; }

.input_special_active, .btn-w { color: #000000!important; background: #946705!important; border: solid rgba(148, 103, 5, 0.8) 1px; }
.input_special_active:hover, .btn-w:hover { color: #000000!important; background: rgba(148, 103, 5, 0.8)!important; border: solid #946705 1px; }

.btn-h { color: #ffffff!important; background: #000000!important; border: solid rgba(0, 0, 0, 0.8) 1px; }
.btn-h:hover { color: #ffffff!important; background: rgba(0, 0, 0, 0.8)!important; border: solid #000000 1px; }

.btn-m { color: #000000!important; background: #946705!important; border: solid rgba(148, 103, 5, 0.8) 1px; }
.btn-m:hover { color: #000000!important; background: rgba(148, 103, 5, 0.8)!important; border: solid #946705 1px; }

.pills-0 .nav-link.active{ color: #ffffff!important; background: #000000!important; }
.pills-1 .nav-link.active{ color: #ffffff!important; background: #1d3557!important; }
.pills-2 .nav-link.active{ color: #ffffff!important; background: #1d3557!important; }
.pills-3 .nav-link.active{ color: #ffffff!important; background: #1d3557!important; }

.head-h, .head-m, .head-w, .head-t {
	font-family: "Fredoka One";
	font-weight: 1100;
	letter-spacing: 1px;
}

.head-h {
	color: #ffffff;
	text-shadow: 1px 1px 0 #000000,
		-1px 1px 0 #000000,
		1px -1px 0 #000000,
		-1px -1px 0 #000000,
		0px 1px 0 #000000,
		0px -1px 0 #000000,
		-1px 0px 0 #000000,
		1px 0px 0 #000000,
		2px 2px 1px #000000,
		-2px 2px 1px #000000,
		2px -2px 1px #000000,
		-2px -2px 1px #000000,
		0px 2px 0 #000000,
		0px -2px 0 #000000,
		-2px 0px 0 #000000,
		2px 0px 0 #000000,
		1px 2px 0 #000000,
		-1px 2px 0 #000000,
		1px -2px 0 #000000,
		-1px -2px 0 #000000,
		2px 1px 0 #000000,
		-2px 1px 0 #000000,
		2px -1px 0 #000000,
		-2px -1px 0 #000000;
}

.head-m {
	color: #000000;
	text-shadow: 1px 1px 0 #946705,
		-1px 1px 0 #946705,
		1px -1px 0 #946705,
		-1px -1px 0 #946705,
		0px 1px 0 #946705,
		0px -1px 0 #946705,
		-1px 0px 0 #946705,
		1px 0px 0 #946705,
		2px 2px 1px #946705,
		-2px 2px 1px #946705,
		2px -2px 1px #946705,
		-2px -2px 1px #946705,
		0px 2px 0 #946705,
		0px -2px 0 #946705,
		-2px 0px 0 #946705,
		2px 0px 0 #946705,
		1px 2px 0 #946705,
		-1px 2px 0 #946705,
		1px -2px 0 #946705,
		-1px -2px 0 #946705,
		2px 1px 0 #946705,
		-2px 1px 0 #946705,
		2px -1px 0 #946705,
		-2px -1px 0 #946705;
}

.head-w {
	color: #000000;
	text-shadow: 1px 1px 0 #946705,
		-1px 1px 0 #946705,
		1px -1px 0 #946705,
		-1px -1px 0 #946705,
		0px 1px 0 #946705,
		0px -1px 0 #946705,
		-1px 0px 0 #946705,
		1px 0px 0 #946705,
		2px 2px 1px #946705,
		-2px 2px 1px #946705,
		2px -2px 1px #946705,
		-2px -2px 1px #946705,
		0px 2px 0 #946705,
		0px -2px 0 #946705,
		-2px 0px 0 #946705,
		2px 0px 0 #946705,
		1px 2px 0 #946705,
		-1px 2px 0 #946705,
		1px -2px 0 #946705,
		-1px -2px 0 #946705,
		2px 1px 0 #946705,
		-2px 1px 0 #946705,
		2px -1px 0 #946705,
		-2px -1px 0 #946705;
}

.head-t {
	color: #ffffff;
	text-shadow: 1px 1px 0 #000000,
		-1px 1px 0 #000000,
		1px -1px 0 #000000,
		-1px -1px 0 #000000,
		0px 1px 0 #000000,
		0px -1px 0 #000000,
		-1px 0px 0 #000000,
		1px 0px 0 #000000,
		2px 2px 1px #000000,
		-2px 2px 1px #000000,
		2px -2px 1px #000000,
		-2px -2px 1px #000000,
		0px 2px 0 #000000,
		0px -2px 0 #000000,
		-2px 0px 0 #000000,
		2px 0px 0 #000000,
		1px 2px 0 #000000,
		-1px 2px 0 #000000,
		1px -2px 0 #000000,
		-1px -2px 0 #000000,
		2px 1px 0 #000000,
		-2px 1px 0 #000000,
		2px -1px 0 #000000,
		-2px -1px 0 #000000;
}

.grupo_box,
.sel_grupo_box {
	border-radius: 4px;
	padding: 1px 4px;
	white-space: nowrap;
	display: inline;
	cursor: pointer;
}

.grupo_box { color: #000000; background: url('images/gradient.png') repeat-x scroll left 50% #946705; }
.sel_grupo_box { color: #ffffff; background: url('images/gradient.png') repeat-x scroll left 50% #000000; }

.split_header_div {
	padding: 3px;
	margin: 3px 0px 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #ffffff;
	background-color: #000000;
	border: 1px solid #ced4da;
}

.split_body_div {
	padding: 3px;
	margin: 0px 0px 3px;
	border: 2px solid #000000;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

/*****************************************
 * Nuevos Botones para SiReTT / Imagenes *
 *****************************************/

.input_submit_image_0,
.input_submit_image_1,
.input_submit_image_2,
.input_submit_image_3 {
	cursor: pointer;
	border-radius: 4px;
	padding: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 6px 0 rgba(0,0,0,0.12);
	vertical-align: baseline;
	box-sizing: content-box;
}

.input_submit_image_0:hover,
.input_submit_image_1:hover,
.input_submit_image_2:hover,
.input_submit_image_3:hover {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.input_submit_image_0 { color: #ffffff; background: #000000; border: solid rgba(0, 0, 0, 0.8) 1px; }
.input_submit_image_0:hover { background: rgba(0, 0, 0, 0.8); border: solid #000000 1px; }
.input_submit_image_1 { color: #ffffff; background: #1d3557; border: solid rgba(29, 53, 87, 0.8) 1px; }
.input_submit_image_1:hover { background: rgba(29, 53, 87, 0.8); border: solid #1d3557 1px; }
.input_submit_image_2 { color: #ffffff; background: #1d3557; border: solid rgba(29, 53, 87, 0.8) 1px; }
.input_submit_image_2:hover { background: rgba(29, 53, 87, 0.8); border: solid #1d3557 1px; }
.input_submit_image_3 { color: #ffffff; background: #1d3557; border: solid rgba(29, 53, 87, 0.8) 1px; }
.input_submit_image_3:hover { background: rgba(29, 53, 87, 0.8); border: solid #1d3557 1px; }

/*****************************************
 * RECUADROS                             *
 *****************************************/

.shop_div, .ajuste_div, .compra_div, .orden_div {
	padding: 4px;
	margin: 3px;
	border-radius: 4px;
	background-color: #fff;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
	line-height: 1.4;
}

.shop_div, .ajuste_div, .compra_div, .orden_div { color: #ffffff; background-color: rgba(0, 0, 0, 1.0); }

.shop_box, .ajuste_box, .compra_box, .orden_box {
	padding: 2px 4px;
	white-space: nowrap;
	border-radius: 4px;
	display: inline;
	cursor: pointer;
}

.shop_box {
	color: blue;
	background-color: #77d5f7;
}


.ajuste_box {
	color: red;
	background-color: #FFDD28;
}


.compra_box {
	color: green;
	background-color: #acdd4a;
}


.orden_box {
	color: orange;
	background-color: #FFFF66;
}

/*****************************************
 * Diseños para UP / DOWN*
 *****************************************/

.input_add {
	cursor: pointer;
	background: #006f00;
	background-image: -webkit-linear-gradient(top, #006f00, #00ab00);
	background-image: -moz-linear-gradient(top, #006f00, #00ab00);
	background-image: -ms-linear-gradient(top, #006f00, #00ab00);
	background-image: -o-linear-gradient(top, #006f00, #00ab00);
	background-image: linear-gradient(to bottom, #006f00, #00ab00);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-shadow: 1px 1px 3px #666666;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 6px #666666;
	-moz-box-shadow: 0px 0px 6px #666666;
	box-shadow: 0px 0px 6px #666666;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	padding: 3px 5px 3px 5px;
	margin-top: 2px;
	border: solid #004b00 1px;
}

.input_add:hover {
	background: #00ab00;
	background-image: -webkit-linear-gradient(top, #00ab00, #00e700);
	background-image: -moz-linear-gradient(top, #00ab00, #00e700);
	background-image: -ms-linear-gradient(top, #00ab00, #00e700);
	background-image: -o-linear-gradient(top, #00ab00, #00e700);
	background-image: linear-gradient(to bottom, #00ab00, #00e700);
}

.input_sub {
	cursor: pointer;
	background: #930025;
	background-image: -webkit-linear-gradient(top, #930025, #ad566b);
	background-image: -moz-linear-gradient(top, #930025, #ad566b);
	background-image: -ms-linear-gradient(top, #930025, #ad566b);
	background-image: -o-linear-gradient(top, #930025, #ad566b);
	background-image: linear-gradient(to bottom, #930025, #ad566b);
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-shadow: 1px 1px 3px #666666;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 6px #666666;
	-moz-box-shadow: 0px 0px 6px #666666;
	box-shadow: 0px 0px 6px #666666;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	padding: 3px 5px 3px 5px;
	margin-bottom: 2px;
	border: solid #5d0019 1px;
}

.input_sub:hover {
	background: #ad566b;
	background-image: -webkit-linear-gradient(top, #ad566b, #bb8895);
	background-image: -moz-linear-gradient(top, #ad566b, #bb8895);
	background-image: -ms-linear-gradient(top, #ad566b, #bb8895);
	background-image: -o-linear-gradient(top, #ad566b, #bb8895);
	background-image: linear-gradient(to bottom, #ad566b, #bb8895);
}

/*****************************************
 * Experimentos                          *
 *****************************************/
.hide_images img { opacity: 0.8; }
.hide_images button { opacity: 0.8; }
.hide_images tr:hover img { opacity: 1; }
.hide_images tr:hover button { opacity: 1; }

/*****************************************
 * Extras para jquery UI                 *
 *****************************************/

li.ui-menu-item {
	font-size: 11px !important;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.ui-autocomplete-loading {
	background: url('css/jquery/images/ui-anim_basic_16x16.gif') no-repeat right center;
}

.ui-autocomplete-category {
	color: orange;
	font-weight: bold;
	padding: .2em .3em;
	margin: .8em 0 .2em;
	line-height: 1.3;
}

/*****************************************
 * Select Multiple Styles
 *****************************************/

.ms-options-wrap,
.ms-options-wrap * {
	box-sizing: border-box;
	border-radius: 5px;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
	position: relative;
	width: 100%;
	text-align: left;
	border: 1px solid #aaa;
	background-color: #fff;
	padding: 3px 20px 3px 3px;
	margin-top: 1px;
	font-size: 11px;
	color: #aaa;
	outline: none;
	white-space: nowrap;
}

.ms-options-wrap > button[disabled] {
	background-color: #e5e9ed;
	color: #808080;
	opacity: 0.6;
}

.ms-options-wrap > button:after {
	content: ' ';
	height: 0;
	position: absolute;
	top: 50%;
	right: 5px;
	width: 0;
	border: 6px solid rgba(0, 0, 0, 0);
	border-top-color: #999;
	margin-top: -3px;
}

.ms-options-wrap > .ms-options {
	position: absolute;
	left: 0;
	width: 100%;
	margin-top: 1px;
	margin-bottom: 20px;
	background: white;
	z-index: 6;
	border: 1px solid #aaa;
	overflow: auto;
	visibility: hidden;
}

.ms-options-wrap > .ms-options.ms-active {
	visibility: visible
}

.ms-options-wrap > .ms-options > .ms-search input {
	width: 100%;
	padding: 4px 5px;
	border: none;
	border-bottom: 1px groove;
	outline: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
	display: inline-block;
	font-size: 11px;
	text-transform: lowercase;
	text-decoration: none;
}
.ms-options-wrap > .ms-options .ms-selectall:hover {
	text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
	margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.ms-options-wrap > .ms-options > ul li.ms-hidden {
	display: none;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
	padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
	border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
	display: block;
	padding: 5px 0 0 0;
	font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 2px;
	margin: 1px 0;
	border: 1px dotted transparent;
}

.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
	background-color: #efefef;
	border-color: #999;
}

.ms-options-wrap > .ms-options > ul li.selected label {
	background-color: #efefef;
	border-color: transparent;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
	margin: 0 5px 0 0;
	position: absolute;
	left: 4px;
	top: 7px;
}

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.message_box {
	background-color: #DDDDDD;
	padding: 5px;
	color: #3E4934;
	line-height: 150%;
}

.message_box_title {
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	background-color: #946705;
	color: #000000;
}

.message_box_left {
	background-color: #946705;
	color: #000000;
	padding: 2px;
	line-height: 150%;
	width: 24px;
	vertical-align: top;
	text-align: center;
}

.searcher_box {
	background-color: #F1F4F7;
	padding: 3px;
	color: #3E4934;
	line-height: 150%;
}

.b_gold {
	color: gold;
	font-weight: bold;
}

.header_logo {
	max-height: 50px;
	width: auto;
}

.main_banner {
	max-width: 100%;
	height: auto;
}

.main_header {
	text-align: center;
	vertical-align: top;
	background-color: #000000;
}

.list_begin {
	border-bottom: 1px solid #946705;;
	height: 4px;
}

.list_footer {
	border-top: 1px solid #946705;
	height: 4px;
}

.table_1st {
	font-size: 13px;
	color: #000000;
	background: #946705;
	padding: 4px;
}

.desc_text { font-size: 9px; margin-left: 4px; display: block; }
.desc_text_div { font-size: 9px; margin-left: 4px; display: block; }
.desc_text_white { font-size: 9px; display: block; }
.desc_text_2nd { font-size: 11px; display: block; }

.cat_producto {
	font-size: 17px;
}

.fam_grupo_box {
	font-family: Impact, Charcoal, sans-serif;
	font-size: 18px;
	color: #ffffff;
	background: url('images/gradient.png') repeat-x scroll left 50% #000000;
	border-radius: 4px;
	padding: 2px 5px;
	white-space: nowrap;
}

/* Custom JqueryUI mods */
.ui-widget-header{border:1px solid #ced4da;background:#946705;color:#000000;font-weight:bold}
.ui-widget-header a{color:#000000}

.ui-widget{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:11px}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:11px}
.ui-accordion .ui-accordion-content{padding:5px 5px;border-top:0;overflow:auto}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:5px 5px;background:none}
.ui-button{padding:0px 6px 0px 3px;display:inline-block;position:relative;line-height:normal;margin-left:0px;margin-right:.1em;cursor:pointer;vertical-align:top;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #ced4da;background:#946705;font-weight:normal;color:#000000;}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#000000;text-decoration:none;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ced4da;background:#000000;font-weight:normal;color:#ffffff;}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#ffffff;text-decoration:none}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #ced4da;background:#000000;font-weight:normal;color:#ffffff;}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#ffffff;text-decoration:none}

.select2-results{display:block;font-size:11px;line-height:1.0;}

.h7 { font-size: 0.75rem; }

/*****************************************
 * ESTRUCTURAS BASE DE LA PAGINA
 *****************************************/

.fixed-top-1 {
	z-index: 5;
	background-color: #000000!important;
	color: #ffffff!important;
}

.fixed-top-1 .navbar-toggler {
	color: #ffffff!important;
	border-color: rgba(255, 255, 255, 0.1);
}

.fixed-top-1 a {
	color: #ffffff!important;
	font-weight: 400;
}

.fixed-top-2 {
	margin-top: 73px;
	z-index: 4;
	background-color: #946705!important;
	color: #000000!important;
}

.fixed-top-2 .navbar-toggler {
	color: #000000!important;
	border-color: rgba(0, 0, 0, 0.1);
}

.fixed-top-2 .nav-item > a {
	font-size: 14px!important;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.7);
}

.fixed-top-2 .nav-item > a:hover {
	color: rgba(0, 0, 0, 1.0);
}

.fixed-top-2 .nav-item > .dropdown-menu a {
	padding: .3rem .5rem;
	font-size: 1rem;
	font-weight: 400;
}

.page-footer-1 {
	background-color: #000000!important;
	color: #ffffff!important;
}

.page-footer-1 h1, .page-footer-1 h2, .page-footer-1 h3, .page-footer-1 h4, .page-footer-1 h5, .page-footer-1 h6, .page-footer-1 #SiReTT_copyright {
	color: #ffffff!important;
}

.page-footer-c {
	color: rgba(255, 255, 255, 0.7);
}

.nav_icon { display: inline-block; width: 16px; }

.body_data {
	margin-top: 118px;
	position: relative;
	width: 100%;
	overflow: auto;
}

.body_data .input-group-sm > .input-group-append > .input-group-text {
	font-size: 11px;
}

#main_div > .container {
	font-size: 1rem;
}

/* FIX para MDB */
table td { font-size: inherit; font-weight: inherit; }
body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-weight: 400; }
.btn { text-transform: none; margin: inherit; border-radius: .25rem; padding: .375rem .75rem; font-size: 1rem; }
.btn.btn-sm { padding: .375rem .75rem; font-size: .8rem; }
.btn-group-lg > .btn, .btn-lg, .btn.btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; }
.navbar-nav .dropdown-menu { position: static!important; float: none; }
.roboto { font-family: Roboto,sans-serif; }

/* Corrección para quitar el FIXED en Top a los navbar en celulares de poca resolución */
@media (max-width: 991px), (max-height: 768px) {
	#header_data, #main_menu {
		position: relative;
	}
	.fixed-top-2 {
		margin-top: 0px;
	}
	.body_data {
		margin-top: 0px;
	}
}

@media (max-width: 991px) {
	.fixed-top-2 .nav-item > .dropdown-menu-right {
		right: auto;
		left: 0;
	}
	.fixed-top-2 .nav-item > a {
		font-size: 1.25rem!important;
	}
}

@media (min-width: 992px) {
	.fixed-top-2 .nav-link {
		padding-right: 5px!important;
		padding-left: 5px!important;
	}
	.navbar-nav .dropdown-menu {
		position: absolute!important;
	}
}

dl dd { min-height: 17px; }

/*****************************************
 * FONDOS CONFIGURADOS
 *****************************************/

.bg-hnf {
	background-color: #000000;
	color: #ffffff;
}

.bg-mmenu {
	background-color: #946705;
	color: #000000;
}

.bg-window {
	background-color: #946705;
	color: #000000;
}

.bg-table {
	background-color: #000000;
	color: #ffffff;
}

.bg-0 { color: #ffffff!important; background: #000000!important; }
.bg-1 { color: #ffffff!important; background: #1d3557!important; }
.bg-2 { color: #ffffff!important; background: #1d3557!important; }
.bg-3 { color: #ffffff!important; background: #1d3557!important; }

.pagination.pg-hnf .page-item.active .page-link { background-color: #000000; color: #ffffff; }
.pagination.pg-hnf .page-item.active .page-link:hover { background-color: #000000; color: #ffffff; }
.pagination.pg-mmenu .page-item.active .page-link { background-color: #946705; color: #000000; }
.pagination.pg-mmenu .page-item.active .page-link:hover { background-color: #946705; color: #000000; }
.pagination.pg-window .page-item.active .page-link { background-color: #946705; color: #000000; }
.pagination.pg-window .page-item.active .page-link:hover { background-color: #946705; color: #000000; }
.pagination.pg-table .page-item.active .page-link { background-color: #000000; color: #ffffff; }
.pagination.pg-table .page-item.active .page-link:hover { background-color: #000000; color: #ffffff; }

/*****************************************
 * SIDENAV
 *****************************************/

.navOverlay {
	display: none;
	position: fixed;
	background-color: black;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0.5;
	z-index: 7; /* Stay on top */
}

.sidenav {
	height: 100%; /* 100% Full-height */
	width: 0px;
	position: fixed; /* Stay in place */
	z-index: 8; /* Stay on top */
	top: 0; /* Stay at the top */
	left: 0;
	background-color: #FFF; /* Black*/
	overflow: hidden; /* Disable horizontal scroll */
	padding: 0px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	border: 1px solid black;
}

.sidenav .title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	font-weight: 700!important;
	color: #000000;
	background-color: #946705; /* Black*/
	width: 100%; /* 100% Full-height */
	height: 45px;
	top: 0; /* Stay at the top */
	left: 0;
	padding: 0px; /* Place content 60px from the top */
	overflow: hidden; /* Disable horizontal scroll */
}

.sidenav .body {
	overflow-x: hidden; /* Disable horizontal scroll */
	overflow-y: auto;
	height: calc(100% - 45px);
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 36px;
	margin-left: 50px;
}

.col_HL {
	padding: 2px 4px; /* Place content 60px from the top */
}

.col_HL:hover {
	background-color: #FFFFCC;
}

.text_title_3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
}

.text_title_3:hover {
	font-weight: 700!important;
}

.col_HT {
	font-size: 14px;
	font-weight: 500!important;
	color: #000000;
	background-color: #946705; /* Black*/
	padding: 4px; /* Place content 60px from the top */
	border-radius: 5px;
}

/*****************************************
 * DROPDOWN MENU
 *****************************************/

.login_icon {
	text-align: center;
	vertical-align: middle;
	background: url('images/gradient.png') repeat-x scroll left 50% #B6C7DB;
	width: 80px;
	height: 80px;
	border-radius: 5px;
}

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

.social-icons a
{
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 18px;
	margin-right: 0;
	border-radius: 100%;
	transition: all .2s linear;
	color: #fff;
	display: inline-block;
	opacity: 1;
}

.social-icons a > i {
	line-height: 34px;
}

.social-icons li.title
{
	margin-right: 15px;
	text-transform: uppercase;
	color: #96a2b2;
	font-weight: 700;
	font-size: 13px;
}

.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
	opacity: 0.7;
}

.foot_facebook { background: #3B5998; }
.foot_google { background: #dd4b39; }
.foot_whatsapp { background: #25D366; }
.foot_youtube { background: #bb0000; }
.foot_twitter { background: #55ACEE; }
.foot_linkedin { background: #007bb5; }
.foot_instagram { background: #125688; }
.foot_website { background: #333; }

/* The heart of the matter */

.btn-matrix > .btn:nth-child(3n+4) { clear: left; margin-left: 0; }
.btn-matrix > .btn:nth-child(n+4) { margin-top: -1px; }
.btn-matrix > .btn:first-child { border-bottom-left-radius: 0; }
.btn-matrix > .btn:nth-child(3) { border-top-right-radius: 4px !important; }
.btn-matrix > .btn:nth-last-child(3) { border-bottom-left-radius: 4px !important; }
.btn-matrix > .btn:last-child { border-top-right-radius: 0; }
.btn-matrix { flex-wrap: wrap; }

.form-check-input[type="checkbox"].filled-in:not(:checked) + .form-check-label:after {
	border: 2px solid #000000;
	background-color: #ffffff;
	width: 16px;
	height: 16px;
	top: 0px;
	left: 0px;
	margin: 4px;
	border-radius: 0px;
	transform: none;
	-webkit-transform: none;
	transition: none;
	-webkit-transition: none;
}

.form-check-input[type='checkbox'].filled-in:checked + .form-check-label:after {
	border: 2px solid #000000;
	background-color: #ffffff;
	width: 16px;
	height: 16px;
	top: 0px;
	left: 0px;
	margin: 4px;
	border-radius: 0px;
	transform: none;
	-webkit-transform: none;
	transition: none;
	-webkit-transition: none;
}

.form-check-input[type='checkbox'].filled-in:not(:checked) + .form-check-label:before {
	transform: none;
	transition: none;
	-webkit-transition: none;
}

.form-check-input[type='checkbox'].filled-in:checked + .form-check-label:before {
	border: none;
	background-color: #000000;
	width: 8px;
	height: 8px;
	top: 8px;
	left: 8px;
	margin: 0px;
	border-radius: 0px;
	transform: none;
	transition: none;
	-webkit-transition: none;
}

.form-check-input[type="radio"]:checked + .form-check-label:after {
	border: 2px solid #000000;
	background-color: #000000;
}

.form-check-input[type="radio"]:not(:checked) + .form-check-label:before {
	border: 2px solid #000000;
	background-color: #ffffff;
}

.carousel-multi-item .carousel-indicators li { background-color: #946705; }
.carousel-multi-item .carousel-indicators .active { background-color: #946705; }