/* canvas { display: inline-block; } */

.appicon {
	width: 100%;
	height: 100vh;
	background-image: URL('../appicon.png');
	background-position: center center;
	background-repeat: no-repeat;	
}

.dc_layout_panel {
	box-sizing: border-box;
	margin: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0;
	overflow: hidden;

	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

#rootpane {
	width: 100%;
}

#auxpane {
	overflow-x: hidden;
	overflow-y: hidden;
}

#mainpane {
	position: absolute;
	background-color: #F0F0F0;		/* DC-1072 - avoid greenish flicker when changing rooms */
}

.catelem {
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ---------- RESPONSIVE ---------- */
.wrapper {
	box-sizing:border-box;
	position:relative;
	max-width:1140px;
	margin:0 auto;
}

.wrapper_fullwidth {
	max-width:none;
	margin:0 30px;
}

@media screen and (max-width: 1200px) {
	.wrapper_fullwidth {
		margin:0;
	}
}

.wrapper_l {
	max-width:1100px;
}

.wrapper_m {
	max-width:960px;
}

.wrapper_s {
	max-width:768px;
}

.wrapper_xs {
	max-width:500px;
}

.row {
	box-sizing:border-box;
	margin:0 -15px;
	overflow:hidden;
}

.row.row_xs {
	margin:0 -5px;
}

.row.grid {
	margin:0 -10px;
}

.row.row_no_margin {
	margin:0;
}

form .row, .dc_dialog .row {
	margin-bottom:20px;
}

.col {
	box-sizing:border-box;
	position:relative;
	float:left;
	padding:0 15px;
}

.col_np {
	padding:0 !important
}

.row_np {
	margin: 0 !important
}

.row_xs .col {
	padding:0 5px;
}

.grid .col {
	padding:0 10px;
}

.row_no_margin .col {
	padding:0;
}

.grid.galeria .col {
	margin-bottom:20px;
}

.col_1 { width:8.3333%; }
.col_2 { width:16.6666%; }
.col_3 { width:25%; }
.col_4 { width:33.3333%; }
.col_5 { width:41.6666%; }
.col_6 { width:50%; }
.col_7 { width:58.3333%; }
.col_8 { width:66.6666%; }
.col_9 { width:75%; }
.col_10 { width:83.3333%; }
.col_11 { width:91.6666%; }
.col_12 { width:100%; }

.col img {
	max-width:100%;
}

.pct100 {
	width:100% !important;
}


/* ---------- CLASES VARIAS ---------- */
.no_margin { margin:0 !important; }
.no_margin_top { margin-top:0 !important; }
.no_margin_bottom { margin-bottom:0 !important; }
.no_margin_right { margin-right:0 !important; }
.no_margin_left { margin-left:0 !important; }

.margin_top_xxs { margin-top:5px !important; }
.margin_top_xs { margin-top:10px !important; }
.margin_top_s { margin-top:25px !important; }
.margin_top_m { margin-top:50px !important; }
.margin_top_l { margin-top:80px !important; }
.margin_top_xl { margin-top:150px !important; }
.margin_bottom_xxs { margin-bottom:5px !important; }
.margin_bottom_xs { margin-bottom:10px !important; }
.margin_bottom_s { margin-bottom:25px !important; }
.margin_bottom_m { margin-bottom:50px !important; }
.margin_bottom_l { margin-bottom:80px !important; }
.margin_bottom_xl { margin-bottom:150px !important; }
.margin_top_bottom_xxs {
	margin-top:5px !important;
	margin-bottom:5px !important;
}
.margin_top_bottom_xs {
	margin-top:10px !important;
	margin-bottom:10px !important;
}
.margin_top_bottom_s {
	margin-top:25px !important;
	margin-bottom:25px !important;
}
.margin_top_bottom_m {
	margin-top:50px !important;
	margin-bottom:50px !important;
}
.margin_top_bottom_l {
	margin-top:100px !important;
	margin-bottom:100px !important;
}
.margin_top_bottom_xl {
	margin-top:150px !important;
	margin-bottom:150px !important;
}
.margin_right_xxs { margin-right:5px !important; }
.margin_right_xs { margin-right:10px !important; }
.margin_right_s { margin-right:25px !important; }
.margin_right_m { margin-right:50px !important; }
.margin_right_l { margin-right:80px !important; }
.margin_right_xl { margin-right:150px !important; }
.margin_left_xxs { margin-left:5px !important; }
.margin_left_xs { margin-left:10px !important; }
.margin_left_s { margin-left:25px !important; }
.margin_left_m { margin-left:50px !important; }
.margin_left_l { margin-left:80px !important; }
.margin_left_xl { margin-left:150px !important; }

.no_padding { padding:0 !important; }
.no_padding_top { padding-top:0 !important; }
.no_padding_bottom { padding-bottom:0 !important; }
.no_padding_right { padding-right:0 !important; }
.no_padding_left { padding-left:0 !important; }

.padding_top_xxs { padding-top:5px !important; }
.padding_top_xs { padding-top:10px !important; }
.padding_top_s { padding-top:25px !important; }
.padding_top_m { padding-top:50px !important; }
.padding_top_l { padding-top:80px !important; }
.padding_top_xl { padding-top:150px !important; }
.padding_bottom_xxs { padding-bottom:5px !important; }
.padding_bottom_xs { padding-bottom:10px !important; }
.padding_bottom_s { padding-bottom:25px !important; }
.padding_bottom_m { padding-bottom:50px !important; }
.padding_bottom_l { padding-bottom:80px !important; }
.padding_bottom_xl { padding-bottom:150px !important; }
.padding_top_bottom_xxs {
	padding-top:5px !important;
	padding-bottom:5px !important;
}
.padding_top_bottom_xs {
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.padding_top_bottom_s {
	padding-top:25px !important;
	padding-bottom:25px !important;
}
.padding_top_bottom_m {
	padding-top:50px !important;
	padding-bottom:50px !important;
}
.padding_top_bottom_l {
	padding-top:100px !important;
	padding-bottom:100px !important;
}
.padding_top_bottom_xl {
	padding-top:150px !important;
	padding-bottom:150px !important;
}
.padding_right_xxs { padding-right:5px !important; }
.padding_right_xs { padding-right:10px !important; }
.padding_right_s { padding-right:25px !important; }
.padding_right_m { padding-right:50px !important; }
.padding_right_l { padding-right:80px !important; }
.padding_right_xl { padding-right:150px !important; }
.padding_left_xxs { padding-left:5px !important; }
.padding_left_xs { padding-left:10px !important; }
.padding_left_s { padding-left:25px !important; }
.padding_left_m { padding-left:50px !important; }
.padding_left_l { padding-left:80px !important; }
.padding_left_xl { padding-left:150px !important; }

.left {
	float: left;
	margin: 0;
}

.right {
	float: right;
	margin: 0;
}

.center {
	margin-left:auto;
	margin-right:auto;
}

.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.text_transform_none {
	text-transform: none;
}

.only_print {
	display: none;
}

/* ---------- FONTS ---------- */

.thin { font-weight:100; }
.extralight { font-weight:200; }
.light { font-weight:300; }
.regular { font-weight:400; }
.medium { font-weight:500; }
.semibold { font-weight:600; }
.bold { font-weight:700; }
.extrabold { font-weight:800; }
.black { font-weight:900; }

/* ---------- FLEXBOX ---------- */

.flex { display: flex; }

.flex_directon_column { flex-direction: column; }
.flex_directon_column_reverse { flex-direction: column-reverse; }
.flex_directon_row { flex-direction: row; }
.flex_directon_row_reverse { flex-direction: row-reverse; }

.flex_wrap { flex-wrap: wrap; }
.flex_nowrap { flex-wrap: nowrap; }

.flex_grow_1 { flex-grow: 1; }
.flex_grow_2 { flex-grow: 2; }
.flex_grow_3 { flex-grow: 3; }

.flex_justify_content_flex_start { justify-content: flex-start; }
.flex_justify_content_center { justify-content: center; }
.flex_justify_content_flex_end { justify-content: flex-end; }
.flex_justify_content_space_around { justify-content: space-around; }
.flex_justify_content_space_between { justify-content: space-between; }
.flex_justify_content_space_evenly { justify-content: space-evenly; }

.flex_align_items_flex_start { align-items: flex-start; }
.flex_align_items_center { align-items: center; }
.flex_align_items_flex_end { align-items: flex-end; }
.flex_align_items_stretch { align-items: stretch; }
.flex_align_items_baseline { align-items: baseline; }

.flex_align_content_flex_start { align-content: flex-start; }
.flex_align_content_center { align-content: center; }
.flex_align_content_flex_end { align-content: flex-end; }
.flex_align_content_stretch { align-content: stretch; }
.flex_align_content_space_around { align-content: space-around; }
.flex_align_content_space_between { align-content: space-between; }
.flex_align_content_space_evenly { align-content: space-evenly; }

.flex_align_self_flex_start { align-self: flex-start; }
.flex_align_self_center { align-self: center; }
.flex_align_self_flex_end { align-self: flex-end; }
.flex_align_self_stretch { align-self: stretch; }
.flex_align_self_baseline { align-self: baseline; }

.flex_order_0 { order: 0; }
.flex_order_1 { order: 1; }
.flex_order_2 { order: 2; }
.flex_order_3 { order: 3; }
.flex_order_4 { order: 4; }
.flex_order_5 { order: 5; }
.flex_order_6 { order: 6; }
.flex_order_7 { order: 7; }
.flex_order_8 { order: 8; }
.flex_order_9 { order: 9; }

/* ---------- WAIT ANIM ---------- */

#waitanim {
	background-color:#eee;
	text-align: center
}
.waitanim {
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	width: 100px;
	height: 100px;
	background: 0 0;
	border: 5px solid transparent;
	border-top-color: #039be5;
	border-left-color: #039be5;
	border-radius: 50%;
	animation: waitanim .75s 100 ease forwards;
}

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