/*!
 * XDaRk Core Utilities; copyright: © 2012 (coded in the USA)
 * GPL license <https://github.com/websharks/core>
 */
/**
 * XDaRk Core Utility Styles
 *
 * Copyright: © 2012 (coded in the USA)
 * {@link http://www.websharks-inc.com XDaRk}
 *
 * @author JasWSInc
 * @package XDaRk\Core
 * @since 120318
 */

/*
Responsive inline helpers.
*/
@media (max-width : 767px)
{
	.xd-v141226-dev .i-hidden-xs
	{
		display : none !important;
	}
}
@media (min-width : 768px) and (max-width : 991px)
{
	.xd-v141226-dev .i-hidden-sm
	{
		display : none !important;
	}
}
@media (min-width : 992px) and (max-width : 1199px)
{
	.xd-v141226-dev .i-hidden-md
	{
		display : none !important;
	}
}
@media (min-width : 1200px)
{
	.xd-v141226-dev .i-hidden-lg
	{
		display : none !important;
	}
}

/*
Color utility classes.
*/
.xd-v141226-dev .color-inherit
{
	color : inherit !important;
}

/*
Background utility classes.
*/
.xd-v141226-dev .no-bg
{
	background : none !important;
}

/*
Border utility classes.
*/
.xd-v141226-dev .no-border
{
	border : 0 !important;
}
.xd-v141226-dev .dotted-border
{
	border-style : dotted !important;
}
.xd-v141226-dev .dashed-border
{
	border-style : dashed !important;
}
.xd-v141226-dev .border-radius
{
	border-radius : 4px !important;
}
.xd-v141226-dev .border-radius-circular
{
	border-radius : 50% !important;
}

/*
Shadow utility classes.
*/
.xd-v141226-dev .box-shadow
{
	box-shadow : 0 0 2px 0 rgba(0, 0, 0, 0.5) !important;
}
.xd-v141226-dev .perspective-box-shadow
{
	box-shadow : 0 6px 2px -4px rgba(0, 0, 0, 0.7) !important;
}
.xd-v141226-dev .perspective-box-shadows
{
	box-shadow : 0 0 2px 0 rgba(0, 0, 0, 0.5), 0 6px 2px -4px rgba(0, 0, 0, 0.7) !important;
}
.xd-v141226-dev .text-shadow
{
	text-shadow : 0 1px 1px rgba(0, 0, 0, 0.5) !important;
}

/*
Text utility classes.
*/
.xd-v141226-dev .text-wrap
{
	white-space : normal !important;
	word-wrap   : normal !important;
	word-break  : normal !important;
}
.xd-v141226-dev .text-wrap-break
{
	white-space : normal !important;
	word-wrap   : break-word !important;
	word-break  : break-all !important;
}
.xd-v141226-dev .text-no-wrap
{
	white-space : pre !important;
	word-wrap   : normal !important;
	word-break  : normal !important;
}
.xd-v141226-dev .text-ellipsis
{
	overflow      : hidden !important;
	white-space   : nowrap !important;
	text-overflow : ellipsis !important;
}
.xd-v141226-dev .no-text-decor
{
	text-decoration : none !important;
}
.xd-v141226-dev .dotted-text-decor
{
	text-decoration : none !important;
	border-bottom   : dotted 1px !important;
}
.xd-v141226-dev .text-upper
{
	text-transform : uppercase !important;
}
.xd-v141226-dev .text-lower
{
	text-transform : lowercase !important;
}
.xd-v141226-dev .text-small-caps
{
	font-variant : small-caps !important;
}

/*
Alignment utility classes.
*/
.xd-v141226-dev .center
{
	display      : block !important;
	margin-left  : auto !important;
	margin-right : auto !important;
}
.xd-v141226-dev .va-middle
{
	vertical-align : middle !important;
}

/*
Position utility classes.
*/
.xd-v141226-dev .pos-absolute
{
	position : absolute !important;
}
.xd-v141226-dev .pos-relative
{
	position : relative !important;
}
.xd-v141226-dev .z-index-1
{
	z-index : 1 !important;
}
.xd-v141226-dev .z-index-2
{
	z-index : 2 !important;
}
.xd-v141226-dev .z-index-top
{
	z-index : 1032 !important;
}

/*
Display utility classes.
*/
.xd-v141226-dev .block-display
{
	display : block !important;
}
.xd-v141226-dev .inline-display
{
	display : inline !important;
}
.xd-v141226-dev .inline-block
{
	display : inline-block !important;
}
.xd-v141226-dev .table-display
{
	display : table !important;
}
.xd-v141226-dev .no-initial-display
{
	display : none;
}

/*
Width/height utility classes.
*/
.xd-v141226-dev .width-100
{
	width : 100% !important;
}
.xd-v141226-dev .height-100
{
	height : 100% !important;
}

/*
Opacity utility classes.
*/
.xd-v141226-dev .transparent
{
	opacity : 0.1 !important;
}
.xd-v141226-dev .transparent-hover
{
	opacity : 0.1 !important;
}
.xd-v141226-dev .transparent-hover:hover
{
	opacity : 1.0 !important;
}
.xd-v141226-dev .translucent
{
	opacity : 0.5 !important;
}
.xd-v141226-dev .translucent-hover
{
	opacity : 0.5 !important;
}
.xd-v141226-dev .translucent-hover:hover
{
	opacity : 1.0 !important;
}
.xd-v141226-dev .opacity-fade
{
	opacity : 0.7 !important;
}
.xd-v141226-dev .opacity-fade-hover
{
	opacity : 0.7 !important;
}
.xd-v141226-dev .opacity-fade-hover:hover
{
	opacity : 1.0 !important;
}

/*
Overflow utility classes.
*/
.xd-v141226-dev .no-overflow
{
	max-width : 100% !important;
	overflow  : hidden !important;
}
.xd-v141226-dev .no-x-overflow
{
	max-width  : 100% !important;
	overflow-x : hidden !important;
}
.xd-v141226-dev .auto-y-overflow
{
	max-height : 100% !important;
	overflow-y : auto !important;
}
.xd-v141226-dev .scroll-y-overflow-200-max
{
	max-height : 200px !important;
	overflow-y : auto !important;
}
.xd-v141226-dev .scroll-y-overflow-300-max
{
	max-height : 300px !important;
	overflow-y : auto !important;
}
.xd-v141226-dev .scroll-y-overflow-400-max
{
	max-height : 400px !important;
	overflow-y : auto !important;
}

/*
Outline utility classes.
*/
.xd-v141226-dev .no-outline
{
	outline : none !important;
}

/*
Cursor utility classes.
*/
.xd-v141226-dev .cursor-pointer
{
	cursor : pointer !important;
}
.xd-v141226-dev .cursor-move
{
	cursor : move !important;
}

/*
Selection utility classes.
*/
.xd-v141226-dev .no-select
{
	-webkit-user-select : none !important;
	-moz-user-select    : none !important;
	user-select         : none !important;
}

/*
Spacer utility classes.
*/
.xd-v141226-dev .spacer
{
	display : inline-block !important;
	margin  : 0 10px 0 10px !important;
}

/*
Clearing utility classes.
*/
.xd-v141226-dev .clear
{
	clear : both !important;
}
.xd-v141226-dev .clear-r
{
	clear : right !important;
}
.xd-v141226-dev .clear-l
{
	clear : left !important;
}

/*
Font size utility classes.
*/
.xd-v141226-dev .font-10
{
	font-size : 10% !important;
}
.xd-v141226-dev .font-20
{
	font-size : 20% !important;
}
.xd-v141226-dev .font-30
{
	font-size : 30% !important;
}
.xd-v141226-dev .font-40
{
	font-size : 40% !important;
}
.xd-v141226-dev .font-50
{
	font-size : 50% !important;
}
.xd-v141226-dev .font-60
{
	font-size : 60% !important;
}
.xd-v141226-dev .font-70
{
	font-size : 70% !important;
}
.xd-v141226-dev .font-80
{
	font-size : 80% !important;
}
.xd-v141226-dev .font-90
{
	font-size : 90% !important;
}
.xd-v141226-dev .font-100
{
	font-size : 100% !important;
}
.xd-v141226-dev .font-110
{
	font-size : 110% !important;
}
.xd-v141226-dev .font-120
{
	font-size : 120% !important;
}
.xd-v141226-dev .font-130
{
	font-size : 130% !important;
}
.xd-v141226-dev .font-140
{
	font-size : 140% !important;
}
.xd-v141226-dev .font-150
{
	font-size : 150% !important;
}
.xd-v141226-dev .font-160
{
	font-size : 160% !important;
}
.xd-v141226-dev .font-170
{
	font-size : 170% !important;
}
.xd-v141226-dev .font-180
{
	font-size : 180% !important;
}
.xd-v141226-dev .font-190
{
	font-size : 190% !important;
}
.xd-v141226-dev .font-200
{
	font-size : 200% !important;
}
.xd-v141226-dev .font-300
{
	font-size : 300% !important;
}
.xd-v141226-dev .font-400
{
	font-size : 400% !important;
}
.xd-v141226-dev .font-500
{
	font-size : 500% !important;
}

/*
Font weight utility classes.
*/
.xd-v141226-dev .font-weight-lighter
{
	font-weight : lighter !important;
}
.xd-v141226-dev .font-weight-100
{
	font-weight : 100 !important;
}
.xd-v141226-dev .font-weight-200
{
	font-weight : 200 !important;
}
.xd-v141226-dev .font-weight-300
{
	font-weight : 300 !important;
}
.xd-v141226-dev .font-weight-400, .xd-v141226-dev .font-weight-normal
{
	font-weight : 400 !important;
}
.xd-v141226-dev .font-weight-500
{
	font-weight : 500 !important;
}
.xd-v141226-dev .font-weight-600
{
	font-weight : 600 !important;
}
.xd-v141226-dev .font-weight-700, .xd-v141226-dev .font-weight-bold
{
	font-weight : 700 !important;
}
.xd-v141226-dev .font-weight-800
{
	font-weight : 800 !important;
}
.xd-v141226-dev .font-weight-900
{
	font-weight : 900 !important;
}
.xd-v141226-dev .font-weight-bolder
{
	font-weight : bolder !important;
}

/*
Margin utility classes.
*/
.xd-v141226-dev .margin
{
	margin : 15px !important;
}
.xd-v141226-dev .margin-sm
{
	margin : 10px !important;
}
.xd-v141226-dev .em-margin
{
	margin : 0.5em !important;
}
.xd-v141226-dev .no-margin
{
	margin : 0 !important;
}
.xd-v141226-dev .t-margin
{
	margin-top : 15px !important;
}
.xd-v141226-dev .t-margin-sm
{
	margin-top : 10px !important;
}
.xd-v141226-dev .em-t-margin
{
	margin-top : 0.5em !important;
}
.xd-v141226-dev .no-t-margin
{
	margin-top : 0 !important;
}
.xd-v141226-dev .r-margin
{
	margin-right : 15px !important;
}
.xd-v141226-dev .r-margin-sm
{
	margin-right : 10px !important;
}
.xd-v141226-dev .em-r-margin
{
	margin-right : 0.5em !important;
}
.xd-v141226-dev .no-r-margin
{
	margin-right : 0 !important;
}
.xd-v141226-dev .b-margin
{
	margin-bottom : 15px !important;
}
.xd-v141226-dev .b-margin-sm
{
	margin-bottom : 10px !important;
}
.xd-v141226-dev .em-b-margin
{
	margin-bottom : 0.5em !important;
}
.xd-v141226-dev .no-b-margin
{
	margin-bottom : 0 !important;
}
.xd-v141226-dev .l-margin
{
	margin-left : 15px !important;
}
.xd-v141226-dev .l-margin-sm
{
	margin-left : 10px !important;
}
.xd-v141226-dev .em-l-margin
{
	margin-left : 0.5em !important;
}
.xd-v141226-dev .no-l-margin
{
	margin-left : 0 !important;
}
.xd-v141226-dev .x-margin
{
	margin-left  : 15px !important;
	margin-right : 15px !important;
}
.xd-v141226-dev .x-margin-sm
{
	margin-left  : 10px !important;
	margin-right : 10px !important;
}
.xd-v141226-dev .em-x-margin
{
	margin-left  : 0.5em !important;
	margin-right : 0.5em !important;
}
.xd-v141226-dev .no-x-margin
{
	margin-left  : 0 !important;
	margin-right : 0 !important;
}
.xd-v141226-dev .y-margin, .xd-v141226-dev .y-margin-lis li
{
	margin-top    : 15px !important;
	margin-bottom : 15px !important;
}
.xd-v141226-dev .y-margin-sm, .xd-v141226-dev .y-margin-lis-sm li
{
	margin-top    : 10px !important;
	margin-bottom : 10px !important;
}
.xd-v141226-dev .em-y-margin, .xd-v141226-dev .em-y-margin-lis li
{
	margin-top    : 0.5em !important;
	margin-bottom : 0.5em !important;
}
.xd-v141226-dev .no-y-margin
{
	margin-top    : 0 !important;
	margin-bottom : 0 !important;
}

/*
Padding utility classes.
*/
.xd-v141226-dev .padding
{
	padding : 15px !important;
}
.xd-v141226-dev .padding-sm
{
	padding : 10px !important;
}
.xd-v141226-dev .em-padding
{
	padding : 0.5em !important;
}
.xd-v141226-dev .no-padding
{
	padding : 0 !important;
}
.xd-v141226-dev .t-padding
{
	padding-top : 15px !important;
}
.xd-v141226-dev .t-padding-sm
{
	padding-top : 10px !important;
}
.xd-v141226-dev .em-t-padding
{
	padding-top : 0.5em !important;
}
.xd-v141226-dev .no-t-padding
{
	padding-top : 0 !important;
}
.xd-v141226-dev .r-padding
{
	padding-right : 15px !important;
}
.xd-v141226-dev .r-padding-sm
{
	padding-right : 10px !important;
}
.xd-v141226-dev .em-r-padding
{
	padding-right : 0.5em !important;
}
.xd-v141226-dev .no-r-padding
{
	padding-right : 0 !important;
}
.xd-v141226-dev .b-padding
{
	padding-bottom : 15px !important;
}
.xd-v141226-dev .b-padding-sm
{
	padding-bottom : 10px !important;
}
.xd-v141226-dev .em-b-padding
{
	padding-bottom : 0.5em !important;
}
.xd-v141226-dev .no-b-padding
{
	padding-bottom : 0 !important;
}
.xd-v141226-dev .l-padding
{
	padding-left : 15px !important;
}
.xd-v141226-dev .l-padding-sm
{
	padding-left : 10px !important;
}
.xd-v141226-dev .em-l-padding
{
	padding-left : 0.5em !important;
}
.xd-v141226-dev .no-l-padding
{
	padding-left : 0 !important;
}
.xd-v141226-dev .x-padding
{
	padding-left  : 15px !important;
	padding-right : 15px !important;
}
.xd-v141226-dev .x-padding-sm
{
	padding-left  : 10px !important;
	padding-right : 10px !important;
}
.xd-v141226-dev .em-x-padding
{
	padding-left  : 0.5em !important;
	padding-right : 0.5em !important;
}
.xd-v141226-dev .no-x-padding
{
	padding-left  : 0 !important;
	padding-right : 0 !important;
}
.xd-v141226-dev .y-padding
{
	padding-top    : 15px !important;
	padding-bottom : 15px !important;
}
.xd-v141226-dev .y-padding-sm
{
	padding-top    : 10px !important;
	padding-bottom : 10px !important;
}
.xd-v141226-dev .em-y-padding
{
	padding-top    : 0.5em !important;
	padding-bottom : 0.5em !important;
}
.xd-v141226-dev .no-y-padding
{
	padding-top    : 0 !important;
	padding-bottom : 0 !important;
}