.width-50 {
	width: 50px;
}

.width-100 {
	width: 100px;
}

.width-150 {
	width: 150px;
}

.width-200 {
	width: 200px;
}

.width-250 {
	width: 250px;
}

.width-300 {
	width: 300px;
}

.width-350 {
	width: 350px;
}

.width-400 {
	width: 400px;
}

.width-450 {
	width: 450px;
}

.width-500 {
	width: 500px;
}

.width-full {
	width: 100% !important;
}

@media ( max-width : 767px) {
	.width-xs-50 {
		width: 50px;
	}
	.width-xs-100 {
		width: 100px;
	}
	.width-xs-150 {
		width: 150px;
	}
	.width-xs-200 {
		width: 200px;
	}
	.width-xs-250 {
		width: 250px;
	}
	.width-xs-300 {
		width: 300px;
	}
	.width-xs-350 {
		width: 350px;
	}
	.width-xs-400 {
		width: 400px;
	}
	.width-xs-450 {
		width: 450px;
	}
	.width-xs-500 {
		width: 500px;
	}
	.width-xs-100pc {
		width: 100%;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.width-sm-50 {
		width: 50px;
	}
	.width-sm-100 {
		width: 100px;
	}
	.width-sm-150 {
		width: 150px;
	}
	.width-sm-200 {
		width: 200px;
	}
	.width-sm-250 {
		width: 250px;
	}
	.width-sm-300 {
		width: 300px;
	}
	.width-sm-350 {
		width: 350px;
	}
	.width-sm-400 {
		width: 400px;
	}
	.width-sm-450 {
		width: 450px;
	}
	.width-sm-500 {
		width: 500px;
	}
	.width-sm-100pc {
		width: 100%;
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.width-md-50 {
		width: 50px;
	}
	.width-md-100 {
		width: 100px;
	}
	.width-md-150 {
		width: 150px;
	}
	.width-md-200 {
		width: 200px;
	}
	.width-md-250 {
		width: 250px;
	}
	.width-md-300 {
		width: 300px;
	}
	.width-md-350 {
		width: 350px;
	}
	.width-md-400 {
		width: 400px;
	}
	.width-md-450 {
		width: 450px;
	}
	.width-md-500 {
		width: 500px;
	}
}

@media ( min-width : 1200px) {
	.width-lg-50 {
		width: 50px;
	}
	.width-lg-100 {
		width: 100px;
	}
	.width-lg-150 {
		width: 150px;
	}
	.width-lg-200 {
		width: 200px;
	}
	.width-lg-250 {
		width: 250px;
	}
	.width-lg-300 {
		width: 300px;
	}
	.width-lg-350 {
		width: 350px;
	}
	.width-lg-400 {
		width: 400px;
	}
	.width-lg-450 {
		width: 450px;
	}
	.width-lg-500 {
		width: 500px;
	}
}

.height-50 {
	height: 50px;
}

.height-100 {
	height: 100px;
}

.height-120 {
	height: 120px;
}

.height-150 {
	height: 150px;
}

.height-200 {
	height: 200px;
}

.height-250 {
	height: 250px;
}

.height-300 {
	height: 300px;
}

.height-350 {
	height: 350px;
}

.height-400 {
	height: 400px;
}

.height-450 {
	height: 450px;
}

.height-500 {
	height: 500px;
}

.height-full {
	height: 100% !important;
}

@media ( max-width : 767px) {
	.height-xs-50 {
		height: 50px;
	}
	.height-xs-100 {
		height: 100px;
	}
	.height-xs-120 {
		height: 120px;
	}
	.height-xs-150 {
		height: 150px;
	}
	.height-xs-200 {
		height: 200px;
	}
	.height-xs-250 {
		height: 250px;
	}
	.height-xs-300 {
		height: 300px;
	}
	.height-xs-350 {
		height: 350px;
	}
	.height-xs-400 {
		height: 400px;
	}
	.height-xs-450 {
		height: 450px;
	}
	.height-xs-500 {
		height: 500px;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.height-sm-50 {
		height: 50px;
	}
	.height-sm-100 {
		height: 100px;
	}
	.height-sm-120 {
		height: 120px;
	}
	.height-sm-150 {
		height: 150px;
	}
	.height-sm-200 {
		height: 200px;
	}
	.height-sm-250 {
		height: 250px;
	}
	.height-sm-300 {
		height: 300px;
	}
	.height-sm-350 {
		height: 350px;
	}
	.height-sm-400 {
		height: 400px;
	}
	.height-sm-450 {
		height: 450px;
	}
	.height-sm-500 {
		height: 500px;
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.height-md-50 {
		height: 50px;
	}
	.height-md-100 {
		height: 100px;
	}
	.height-md-120 {
		height: 120px;
	}
	.height-md-150 {
		height: 150px;
	}
	.height-md-200 {
		height: 200px;
	}
	.height-md-250 {
		height: 250px;
	}
	.height-md-300 {
		height: 300px;
	}
	.height-md-350 {
		height: 350px;
	}
	.height-md-400 {
		height: 400px;
	}
	.height-md-450 {
		height: 450px;
	}
	.height-md-500 {
		height: 500px;
	}
}

@media ( min-width : 1200px) {
	.height-lg-50 {
		height: 50px;
	}
	.height-lg-100 {
		height: 100px;
	}
	.height-lg-120 {
		height: 120px;
	}
	.height-lg-150 {
		height: 150px;
	}
	.height-lg-200 {
		height: 200px;
	}
	.height-lg-250 {
		height: 250px;
	}
	.height-lg-300 {
		height: 300px;
	}
	.height-lg-350 {
		height: 350px;
	}
	.height-lg-400 {
		height: 400px;
	}
	.height-lg-450 {
		height: 450px;
	}
	.height-lg-500 {
		height: 500px;
	}
}

.margin-0 {
	margin: 0 !important;
}

.margin-3 {
	margin: 3px !important;
}

.margin-5 {
	margin: 5px !important;
}

.margin-10 {
	margin: 10px !important;
}

.margin-15 {
	margin: 15px !important;
}

.margin-20 {
	margin: 20px !important;
}

.margin-25 {
	margin: 25px !important;
}

.margin-30 {
	margin: 30px !important;
}

.margin-35 {
	margin: 35px !important;
}

.margin-40 {
	margin: 40px !important;
}

.margin-45 {
	margin: 45px !important;
}

.margin-50 {
	margin: 50px !important;
}

.margin-vertical-0 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.margin-vertical-3 {
	margin-bottom: 3px !important;
	margin-top: 3px !important;
}

.margin-vertical-5 {
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}

.margin-vertical-10 {
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}

.margin-vertical-15 {
	margin-bottom: 15px !important;
	margin-top: 15px !important;
}

.margin-vertical-20 {
	margin-bottom: 20px !important;
	margin-top: 20px !important;
}

.margin-vertical-25 {
	margin-bottom: 25px !important;
	margin-top: 25px !important;
}

.margin-vertical-30 {
	margin-bottom: 30px !important;
	margin-top: 30px !important;
}

.margin-vertical-35 {
	margin-bottom: 35px !important;
	margin-top: 35px !important;
}

.margin-vertical-40 {
	margin-bottom: 40px !important;
	margin-top: 40px !important;
}

.margin-vertical-45 {
	margin-bottom: 45px !important;
	margin-top: 45px !important;
}

.margin-vertical-50 {
	margin-bottom: 50px !important;
	margin-top: 50px !important;
}

.margin-horizontal-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.margin-horizontal-3 {
	margin-left: 3px !important;
	margin-right: 3px !important;
}

.margin-horizontal-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.margin-horizontal-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.margin-horizontal-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.margin-horizontal-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.margin-horizontal-25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}

.margin-horizontal-30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.margin-horizontal-35 {
	margin-left: 35px !important;
	margin-right: 35px !important;
}

.margin-horizontal-40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}

.margin-horizontal-45 {
	margin-left: 45px !important;
	margin-right: 45px !important;
}

.margin-horizontal-50 {
	margin-left: 50px !important;
	margin-right: 50px !important;
}

.margin-top-0 {
	margin-top: 0 !important;
}

.margin-top-3 {
	margin-top: 3px !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-15 {
	margin-top: 15px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-25 {
	margin-top: 25px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-35 {
	margin-top: 35px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-45 {
	margin-top: 45px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.margin-bottom-0 {
	margin-bottom: 0 !important;
}

.margin-bottom-3 {
	margin-bottom: 3px !important;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-25 {
	margin-bottom: 25px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-35 {
	margin-bottom: 35px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-45 {
	margin-bottom: 45px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-left-0 {
	margin-left: 0 !important;
}

.margin-left-3 {
	margin-left: 3px !important;
}

.margin-left-5 {
	margin-left: 5px !important;
}

.margin-left-10 {
	margin-left: 10px !important;
}

.margin-left-15 {
	margin-left: 15px !important;
}

.margin-left-20 {
	margin-left: 20px !important;
}

.margin-left-25 {
	margin-left: 25px !important;
}

.margin-left-30 {
	margin-left: 30px !important;
}

.margin-left-35 {
	margin-left: 35px !important;
}

.margin-left-40 {
	margin-left: 40px !important;
}

.margin-left-45 {
	margin-left: 45px !important;
}

.margin-left-50 {
	margin-left: 50px !important;
}

.margin-right-0 {
	margin-right: 0 !important;
}

.margin-right-3 {
	margin-right: 3px !important;
}

.margin-right-5 {
	margin-right: 5px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.margin-right-15 {
	margin-right: 15px !important;
}

.margin-right-20 {
	margin-right: 20px !important;
}

.margin-right-25 {
	margin-right: 25px !important;
}

.margin-right-30 {
	margin-right: 30px !important;
}

.margin-right-35 {
	margin-right: 35px !important;
}

.margin-right-40 {
	margin-right: 40px !important;
}

.margin-right-45 {
	margin-right: 45px !important;
}

.margin-right-50 {
	margin-right: 50px !important;
}

@media ( max-width : 767px) {
	.margin-xs-0 {
		margin: 0 !important;
	}
}

@media ( min-width : 768px) {
	.margin-sm-0 {
		margin: 0 !important;
	}
}

@media ( min-width : 992px) {
	.margin-md-0 {
		margin: 0 !important;
	}
}

@media ( min-width : 1200px) {
	.margin-lg-0 {
		margin: 0 !important;
	}
}

.padding-0 {
	padding: 0 !important;
}

.padding-3 {
	padding: 3px !important;
}

.padding-5 {
	padding: 5px !important;
}

.padding-10 {
	padding: 10px !important;
}

.padding-15 {
	padding: 15px !important;
}

.padding-20 {
	padding: 20px !important;
}

.padding-25 {
	padding: 25px !important;
}

.padding-30 {
	padding: 30px !important;
}

.padding-35 {
	padding: 35px !important;
}

.padding-40 {
	padding: 40px !important;
}

.padding-45 {
	padding: 45px !important;
}

.padding-50 {
	padding: 50px !important;
}

.padding-vertical-0 {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.padding-vertical-3 {
	padding-bottom: 3px !important;
	padding-top: 3px !important;
}

.padding-vertical-5 {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}

.padding-vertical-10 {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

.padding-vertical-15 {
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}

.padding-vertical-20 {
	padding-bottom: 20px !important;
	padding-top: 20px !important;
}

.padding-vertical-25 {
	padding-bottom: 25px !important;
	padding-top: 25px !important;
}

.padding-vertical-30 {
	padding-bottom: 30px !important;
	padding-top: 30px !important;
}

.padding-vertical-35 {
	padding-bottom: 35px !important;
	padding-top: 35px !important;
}

.padding-vertical-40 {
	padding-bottom: 40px !important;
	padding-top: 40px !important;
}

.padding-vertical-45 {
	padding-bottom: 45px !important;
	padding-top: 45px !important;
}

.padding-vertical-50 {
	padding-bottom: 50px !important;
	padding-top: 50px !important;
}

.padding-horizontal-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.padding-horizontal-3 {
	padding-left: 3px !important;
	padding-right: 3px !important;
}

.padding-horizontal-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.padding-horizontal-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.padding-horizontal-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.padding-horizontal-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.padding-horizontal-25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.padding-horizontal-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.padding-horizontal-35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.padding-horizontal-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.padding-horizontal-45 {
	padding-left: 45px !important;
	padding-right: 45px !important;
}

.padding-horizontal-50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.padding-top-0 {
	padding-top: 0 !important;
}

.padding-top-3 {
	padding-top: 3px !important;
}

.padding-top-5 {
	padding-top: 5px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-top-25 {
	padding-top: 25px !important;
}

.padding-top-30 {
	padding-top: 30px !important;
}

.padding-top-35 {
	padding-top: 35px !important;
}

.padding-top-40 {
	padding-top: 40px !important;
}

.padding-top-45 {
	padding-top: 45px !important;
}

.padding-top-50 {
	padding-top: 50px !important;
}

.padding-bottom-0 {
	padding-bottom: 0 !important;
}

.padding-bottom-3 {
	padding-bottom: 3px !important;
}

.padding-bottom-5 {
	padding-bottom: 5px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-15 {
	padding-bottom: 15px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-bottom-25 {
	padding-bottom: 25px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-35 {
	padding-bottom: 35px !important;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.padding-bottom-45 {
	padding-bottom: 45px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-left-0 {
	padding-left: 0 !important;
}

.padding-left-3 {
	padding-left: 3px !important;
}

.padding-left-5 {
	padding-left: 5px !important;
}

.padding-left-10 {
	padding-left: 10px !important;
}

.padding-left-15 {
	padding-left: 15px !important;
}

.padding-left-20 {
	padding-left: 20px !important;
}

.padding-left-25 {
	padding-left: 25px !important;
}

.padding-left-30 {
	padding-left: 30px !important;
}

.padding-left-35 {
	padding-left: 35px !important;
}

.padding-left-40 {
	padding-left: 40px !important;
}

.padding-left-45 {
	padding-left: 45px !important;
}

.padding-left-50 {
	padding-left: 50px !important;
}

.padding-right-0 {
	padding-right: 0 !important;
}

.padding-right-3 {
	padding-right: 3px !important;
}

.padding-right-5 {
	padding-right: 5px !important;
}

.padding-right-10 {
	padding-right: 10px !important;
}

.padding-right-15 {
	padding-right: 15px !important;
}

.padding-right-20 {
	padding-right: 20px !important;
}

.padding-right-25 {
	padding-right: 25px !important;
}

.padding-right-30 {
	padding-right: 30px !important;
}

.padding-right-35 {
	padding-right: 35px !important;
}

.padding-right-40 {
	padding-right: 40px !important;
}

.padding-right-45 {
	padding-right: 45px !important;
}

.padding-right-50 {
	padding-right: 50px !important;
}

.example-wrap {
	margin-bottom: 80px;
}

.example-wrap .example-wrap {
	margin-bottom: 0;
}

.example {
	margin-bottom: 20px;
	margin-top: 20px;
}

.example::after, .example::before {
	content: " ";
	display: table;
}

.example::after {
	clear: both;
}

.example-title {
	text-transform: uppercase;
}

.example-title, h4.example-title {
	font-size: 14px;
}

.panel-body>.example-wrap:last-child {
	margin-bottom: 0;
}

.panel-body>.row:last-child>[class*="col-"]:last-child .example-wrap:last-child
	{
	margin-bottom: 0;
}

.example-well {
	background-color: #f3f7f9;
	margin-bottom: 30px;
	position: relative;
}

.example-well .center {
	display: inline-block;
	left: 50%;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.example-dropdown .dropdown::after, .example-dropdown .dropdown::before,
	.example-dropdown .dropup::after, .example-dropdown .dropup::before {
	content: " ";
	display: table;
}

.example-dropdown .dropdown::after, .example-dropdown .dropup::after {
	clear: both;
}

.example-dropdown .dropdown>.dropdown-toggle, .example-dropdown .dropup>.dropdown-toggle
	{
	float: left;
}

.example-dropdown .dropdown>.dropdown-menu, .example-dropdown .dropup>.dropdown-menu
	{
	clear: left;
	display: block;
	position: static;
}

.example-dropdown .dropdown>.dropdown-menu-right, .example-dropdown .dropup>.dropdown-menu-right
	{
	clear: right;
	float: right;
}

.example-tooltip {
	display: inline-block;
	position: relative;
	z-index: 1;
}

.example-tooltip .tooltip {
	margin-right: 25px;
	opacity: 1;
	position: relative;
}

.example-blocks .example-col, .example-grid .example-col {
	background-color: #f3f7f9;
	border-radius: 0;
	min-height: 0;
	padding: 10px 15px 12px;
}

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

.example-grid .example-col .example-col {
	background-color: #e2ecf1;
	margin-bottom: 0;
	margin-top: 20px;
}

.example-popover {
	display: inline-block;
	position: relative;
	z-index: 1;
}

.example-popover .popover {
	display: block;
	margin-right: 25px;
	position: relative;
}

.example-buttons .btn, .example-buttons .btn-group, .example-buttons .btn-group-vertical
	{
	margin-bottom: 20px;
	margin-right: 15px;
}

.example-buttons .btn-group .btn, .example-buttons .btn-group-vertical .btn
	{
	margin-bottom: 0;
	margin-right: 0;
}

.example-box {
	border: 1px solid #e4eaec;
	margin-left: 0;
	margin-right: 0;
	padding: 45px 15px 15px;
	position: relative;
}

.example-box::after {
	color: #959595;
	content: "Example";
	font-size: 12px;
	left: 15px;
	letter-spacing: 1px;
	position: absolute;
	text-transform: uppercase;
	top: 15px;
}

.example-avatars .avatar {
	margin-bottom: 20px;
	margin-right: 20px;
}

.example-avatars .avatar:last-child {
	margin-right: 20px;
}

.example-typography {
	padding-left: 25%;
	position: relative;
}

.example-typography .heading-note, .example-typography .text-note {
	bottom: 2px;
	color: #aab2bd;
	display: block;
	font-size: 13px;
	font-weight: 300;
	left: 0;
	line-height: 13px;
	position: absolute;
	width: 260px;
}

.example-typography .text-note {
	bottom: auto;
	top: 10px;
}

.example-responsive {
	min-height: 0.01%;
	overflow-x: auto;
}

@media screen and (max-width: 767px) {
	.example-responsive {
		overflow-y: hidden;
		width: 100%;
	}
}