@import url('bootstrap.min.css');

.text-thin,
.text-100 {
	font-weight: 100 !important;
}
.text-extra-light,
.text-200 {
	font-weight: 200 !important;
}
.text-light,
.text-300 {
	font-weight: 300 !important;
}
.text-regular,
.text-400 {
	font-weight: 400 !important;
}
.text-medium,
.text-500 {
	font-weight: 500 !important;
}
.text-semi-bold,
.text-600 {
	font-weight: 600 !important;
}
.text-bold,
.text-700 {
	font-weight: 700 !important;
}
.text-extra-bold,
.text-800 {
	font-weight: 800 !important;
}
.text-black,
.text-900 {
	font-weight: 900 !important;
}

.text-min-content{
	width: min-content;
	width: -webkit-min-content;
	width: -moz-min-content;
}
.text-max-content{
	width: max-content;
	width: -webkit-max-content;
	width: -moz-max-content;
}
.text-fit-content{
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
}


.d-xs-inline-block{
	display: inline-block !important;
}
@media (min-width: 544px){
	.d-sm-inline-block{
		display: inline-block !important;
	}
}
@media (min-width: 768px){
	.d-md-inline-block{
		display: inline-block !important;
	}
}
@media (min-width: 992px){
	.d-lg-inline-block{
		display: inline-block !important;
	}
}
@media (min-width: 1200px){
	.d-xl-inline-block{
		display: inline-block !important;
	}
}

/* USAGE
<div class="row">
	<div class="row-height">
		<div class="col-xs-2 col-xs-height col-xs-middle">
			<div class="inside"></div>
		</div>
		<div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
			<div class="inside"></div>
		</div>
	</div>
</div>
*/

/* content styles */

.inside {
/*	margin-top: 20px;
	margin-bottom: 20px;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);*/
}
.inside-full-height {
	/*
	// if you want to give content full height give him height: 100%;
	// with content full height you can't apply margins to the content
	// content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
	*/
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}
.col-height {
	display: table-cell;
	float: none;
	height: 100%;
}
.col-top {
	vertical-align: top;
}
.col-middle {
	vertical-align: middle;
}
.col-bottom {
	vertical-align: bottom;
}

@media (max-width: 543px) {
	.row-xs-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-xs-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-xs-top {
		vertical-align: top;
	}
	.col-xs-middle {
		vertical-align: middle;
	}
	.col-xs-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 544px) {
	.row-sm-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-sm-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-sm-top {
		vertical-align: top;
	}
	.col-sm-middle {
		vertical-align: middle;
	}
	.col-sm-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 768px) {
	.row-md-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-md-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-md-top {
		vertical-align: top;
	}
	.col-md-middle {
		vertical-align: middle;
	}
	.col-md-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 992px) {
	.row-lg-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-lg-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-lg-top {
		vertical-align: top;
	}
	.col-lg-middle {
		vertical-align: middle;
	}
	.col-lg-bottom {
		vertical-align: bottom;
	}
}
@media (min-width: 1200px) {
	.row-xl-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-xl-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-xl-top {
		vertical-align: top;
	}
	.col-xl-middle {
		vertical-align: middle;
	}
	.col-xl-bottom {
		vertical-align: bottom;
	}
}

.modal{text-align:center;padding:0!important;}@media screen and (min-width:768px){.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px;}}.modal-dialog{display:inline-table;text-align:left;vertical-align:middle;}.modal-body:not(.modal-body-full){max-height:calc(100vh - 210px);overflow-y:auto;}@media screen and (min-width:768px){.modal-body.modal-body-full{max-height:calc(100vh - 210px);overflow-y:auto;}}