.container {
	width: 100% !important;
	margin-top: 50px;
}
#login {
	background: lightgray none repeat scroll 0 0;
	border-radius: 5px;
	/*color: #b3bfb8;*/
	margin-top: 20px;
	padding: 0 40px 40px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top:70px;
	margin-bottom: 20px;
}
#pages_list{
	height: 300px;
	overflow-y: auto;
}
.uglist {
	list-style: outside none none;
	padding-left: 10px;
	text-align: left;
}
.pglist label{
	width: 100%;
}

.jconfirm-bg { opacity: 0.8 !important; }
.jconfirm-box { border: 2px solid #333; border-radius: 10px !important; width: 320px !important;}
.jconfirm-content { margin-bottom: 10px !important; }
.jconfirm-content hr { margin-top: 0px; border: 1px solid #333; margin-bottom: 10px; }
.jconfirm-buttons .btn { border: 1px solid #333 !important; }

footer.sticky-footer {
	padding: 2rem 0;
	flex-shrink: 0;
}
	
.table_div{
	overflow-y:auto; overflow-x: auto; margin-top: 0px; border: 1px solid #ddd; 
}
.table_div thead tr, .table_div tbody tr:hover {
	background-color: #D5D5D5;
}

.pagination {
	display: inline-block;
	list-style: none;
	margin: 5px 0px;
}

.pagination-body-left{
	margin-top:5px; text-align:left; color: initial;
}

.pagination-body-right{
	text-align: right;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-0{
    padding:0px;
}

.has-left-icon{
    padding-left: 25px;
}

.has-left-icon + i {
    position: absolute;
    margin-top: -25px;
    margin-left: 10px;
}

.mt-5{
	margin-top: 5px;
}

.half-width{
	width: 50%;
	float: left;
}

.quoter-width{
	width: 25%;
	float: left;
}

/*---------start download progress bar----------*/
.download-meter{
	display:none;
	right:30px;
	bottom: 1px;
	position:fixed; 
	background: #fff;
	padding: 5px;
	border: 3px solid #bebfbf;
	border-radius: 25px;
	width: 200px;
}
.meter-value{
	font-size: 20px;
	font-weight: 700;
	color: #fff;/*#6b7880;*/
	position: absolute;
	top: 6px;
	text-align: center;
	width: 100%;
}
.meter {
	box-sizing: content-box;
	height: 30px; /* Can be anything */
	position: relative;
	/*margin: 60px 0 20px 0; /* Just for demo spacing */
	background: #555;
	border-radius: 25px;
	/*padding: 10px;*/
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.meter > span {
	display: block;
	height: 100%;
	/*border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;*/
	border-radius: 25px;
	background-color: rgb(43, 194, 83);
	background-image: linear-gradient(
	  center bottom,
	  rgb(43, 194, 83) 37%,
	  rgb(84, 240, 84) 69%
	);
	box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
	  inset 0 -2px 6px rgba(0, 0, 0, 0.4);
	position: relative;
	overflow: hidden;
}
.meter > span:after,
.animate > span > span {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: linear-gradient(
	  -45deg,
	  rgba(255, 255, 255, 0.2) 25%,
	  transparent 25%,
	  transparent 50%,
	  rgba(255, 255, 255, 0.2) 50%,
	  rgba(255, 255, 255, 0.2) 75%,
	  transparent 75%,
	  transparent
	);
	z-index: 1;
	background-size: 50px 50px;
	animation: move 2s linear infinite;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate > span:after {
	display: none;
}
  
@keyframes move {
	0% {
	  background-position: 0 0;
	}
	100% {
	  background-position: 50px 50px;
	}
}

.orange > span {
	background-image: linear-gradient(#f1a165, #f36d0a);
}

.red > span {
	background-image: linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span,
.nostripes > span::after {
	background-image: none;
}
/*---------end download progress bar----------*/  

@media only screen and (max-width: 768px), (max-device-width: 1024px){
	/* Force table to not be like tables anymore */
	.table_div table, .table_div thead, .table_div tbody, .table_div th, .table_div td, .table_div tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.table_div thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		margin:0px; /*0 0 1rem 0;*/
	}
	
	tr:nth-child(odd) {
		background: #010101 !important; color: #fff !important;
	}
	/*tr:nth-child(even) {
		background: #f2f2f2 !important;
	}*/
	.my-row
		{
			border-collapse: separate;
			border-spacing: 15px;
		}
	.table_div div.my-row:nth-child(odd), div.my-row:nth-child(odd) .calendar-day-np {
		background: #010101 !important; color: #fff !important;
	}

	.table_div div.my-row:nth-child(even), div.my-row:nth-child(even) .calendar-day-np  {
		background: #f2f2f2 !important; color: #333 !important;
	}
	
	.table_div div.my-row p, .table_div div.my-row .my-col{
		border: none; text-align: left; margin: 0px; padding: 5px;
	}
	.table_div div.my-row:nth-child(odd) .my-col, .table_div div.my-row:nth-child(odd) p{
		border-bottom: 1px solid #fff !important;
	}
	.table_div div.my-row:nth-child(even) .my-col, .table_div div.my-row:nth-child(even) p{
		border-bottom: 1px solid #333 !important;
	}
	
	.table_div td {
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important;
		position: relative !important;
		padding: 2px !important;
		padding-left: 47% !important;
		min-height: 34px;
		/*font-size: 40px !important;*/
		font-size: inherit !important;
		width: 53% !important; /*55%*/
	}
	
	/*#client_weekly_leads td{padding-left: 55% !important;}*/

	#search_data td, #client_weekly_leads td, #client_leads_calendar td, #portal_entry td, #leads_breakdown td, #event_leads td{ width: 100% !important; }
	
	.table_div td:before {
		/* Now like a table header */
		position: absolute !important;
		/* Top/left values mimic padding */
		top: 0 !important;
		left: 2px !important;
		width: 47% !important;
		padding: 2px !important;
		padding-right: 10px !important;
		white-space: nowrap !important;
	}

	tr:nth-child(odd) td{
		border-bottom: 1px solid #333 !important;
	}
	/*
	Label the data
	You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
	*/

    .lead_sources td:nth-of-type(1):before{ content: "User Name: "; }
	.lead_sources td:nth-of-type(2):before{ content: "Tags: "; }
	.lead_sources td:nth-of-type(3):before{ content: "Received Leads: "; }

	#search_data, #client_leads, #client_entry, #client_leads_link, .leads_date_wise {height: 2000px !important;}
	.client_portals_popup{ height: 400px !important; }
	.modal-dialog{width: 95% !important; margin-left: auto !important; margin-right: auto !important;}
	.modal-content {width: 100% !important;}
	h3, .total{text-align: center !important;}
	.actions .fa, .table_div .fa{font-size: 50px !important; margin-right: 30px;}
	.fa-trash, .fa-check-square{margin-right: 5px !important;}
	select {margin-bottom: 10px; margin-right: 5px; height: auto !important;}
	td.actions{min-height: 50px !important;}
	.jconfirm-box-container { margin-left: 15px !important; margin-right: 15px !important; }
	
	h1, h2, h3, h4, h5, h6, .form-group{text-align:center !important;  width: 100% !important;}
	h3, .total{padding:5px !important;}

	#login{ width: 100% !important; }
	.load{ padding-top: 1px; }
	
	.d-none{font-size:18px; margin-top: 0px !important;}
	.d-none img{margin-top: -15px!important;}
	.container{width: 100%;}
	.actions{min-height: 55px;}
	.form-control{height: 34px!important;}
	#pages_list{height: 300px !important;}

	.switch-candy{ width: 100%;}
	.switch-candy h4{ width: 50px !important; }
	.box-circle h4{ text-align: left!important; }

	.border-left{ border-left: none; }
	
	.ellipsis {
		overflow: auto;
		white-space: break-spaces;
		text-overflow: auto;
	}

	.pagination-body-left{
		text-align: center;
	}
	
	.pagination-body-right{
		text-align: center;
	}

	.half-width{
		width: 100%;
		float: left;
	}

	.quoter-width{
		width: 100%;
		float: left;
	}
}

.rounded-sm {
	border-radius: 0.2rem !important;
  }
  
  .rounded {
	border-radius: 0.35rem !important;
  }
  
  .rounded-top {
	border-top-left-radius: 0.35rem !important;
	border-top-right-radius: 0.35rem !important;
  }
  
  .rounded-right {
	border-top-right-radius: 0.35rem !important;
	border-bottom-right-radius: 0.35rem !important;
  }
  
  .rounded-bottom {
	border-bottom-right-radius: 0.35rem !important;
	border-bottom-left-radius: 0.35rem !important;
  }
  
  .rounded-left {
	border-top-left-radius: 0.35rem !important;
	border-bottom-left-radius: 0.35rem !important;
  }
  
  .rounded-lg {
	border-radius: 0.3rem !important;
  }
  
  .rounded-circle {
	border-radius: 50% !important;
  }
  
  .rounded-pill {
	border-radius: 50rem !important;
  }
  
  .rounded-0 {
	border-radius: 0 !important;
  }
  
  .clearfix::after {
	display: block;
	clear: both;
	content: "";
  }
  
  .d-none {
	display: none !important;
  }
  
  .d-inline {
	display: inline !important;
  }
  
  .d-inline-block {
	display: inline-block !important;
  }
  
  .d-block {
	display: block !important;
  }
  
  .d-table {
	display: table !important;
  }
  
  .d-table-row {
	display: table-row !important;
  }
  
  .d-table-cell {
	display: table-cell !important;
  }
  
  .d-flex {
	display: flex !important;
  }
  
  .d-inline-flex {
	display: inline-flex !important;
  }
  
  @media (min-width: 576px) {
	.d-sm-none {
	  display: none !important;
	}
	.d-sm-inline {
	  display: inline !important;
	}
	.d-sm-inline-block {
	  display: inline-block !important;
	}
	.d-sm-block {
	  display: block !important;
	}
	.d-sm-table {
	  display: table !important;
	}
	.d-sm-table-row {
	  display: table-row !important;
	}
	.d-sm-table-cell {
	  display: table-cell !important;
	}
	.d-sm-flex {
	  display: flex !important;
	}
	.d-sm-inline-flex {
	  display: inline-flex !important;
	}
  }
  
  @media (min-width: 768px) {
	.d-md-none {
	  display: none !important;
	}
	.d-md-inline {
	  display: inline !important;
	}
	.d-md-inline-block {
	  display: inline-block !important;
	}
	.d-md-block {
	  display: block !important;
	}
	.d-md-table {
	  display: table !important;
	}
	.d-md-table-row {
	  display: table-row !important;
	}
	.d-md-table-cell {
	  display: table-cell !important;
	}
	.d-md-flex {
	  display: flex !important;
	}
	.d-md-inline-flex {
	  display: inline-flex !important;
	}
  }
  
  @media (min-width: 992px) {
	.d-lg-none {
	  display: none !important;
	}
	.d-lg-inline {
	  display: inline !important;
	}
	.d-lg-inline-block {
	  display: inline-block !important;
	}
	.d-lg-block {
	  display: block !important;
	}
	.d-lg-table {
	  display: table !important;
	}
	.d-lg-table-row {
	  display: table-row !important;
	}
	.d-lg-table-cell {
	  display: table-cell !important;
	}
	.d-lg-flex {
	  display: flex !important;
	}
	.d-lg-inline-flex {
	  display: inline-flex !important;
	}
  }
  
  @media (min-width: 1200px) {
	.d-xl-none {
	  display: none !important;
	}
	.d-xl-inline {
	  display: inline !important;
	}
	.d-xl-inline-block {
	  display: inline-block !important;
	}
	.d-xl-block {
	  display: block !important;
	}
	.d-xl-table {
	  display: table !important;
	}
	.d-xl-table-row {
	  display: table-row !important;
	}
	.d-xl-table-cell {
	  display: table-cell !important;
	}
	.d-xl-flex {
	  display: flex !important;
	}
	.d-xl-inline-flex {
	  display: inline-flex !important;
	}
  }
  
  @media print {
	.d-print-none {
	  display: none !important;
	}
	.d-print-inline {
	  display: inline !important;
	}
	.d-print-inline-block {
	  display: inline-block !important;
	}
	.d-print-block {
	  display: block !important;
	}
	.d-print-table {
	  display: table !important;
	}
	.d-print-table-row {
	  display: table-row !important;
	}
	.d-print-table-cell {
	  display: table-cell !important;
	}
	.d-print-flex {
	  display: flex !important;
	}
	.d-print-inline-flex {
	  display: inline-flex !important;
	}
  }
  
  .embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
  }
  
  .embed-responsive::before {
	display: block;
	content: "";
  }
  
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
  }
  
  .embed-responsive-21by9::before {
	padding-top: 42.85714%;
  }
  
  .embed-responsive-16by9::before {
	padding-top: 56.25%;
  }
  
  .embed-responsive-4by3::before {
	padding-top: 75%;
  }
  
  .embed-responsive-1by1::before {
	padding-top: 100%;
  }
  
  .flex-row {
	flex-direction: row !important;
  }
  
  .flex-column {
	flex-direction: column !important;
  }
  
  .flex-row-reverse {
	flex-direction: row-reverse !important;
  }
  
  .flex-column-reverse {
	flex-direction: column-reverse !important;
  }
  
  .flex-wrap {
	flex-wrap: wrap !important;
  }
  
  .flex-nowrap {
	flex-wrap: nowrap !important;
  }
  
  .flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
  }
  
  .flex-fill {
	flex: 1 1 auto !important;
  }
  
  .flex-grow-0 {
	flex-grow: 0 !important;
  }
  
  .flex-grow-1 {
	flex-grow: 1 !important;
  }
  
  .flex-shrink-0 {
	flex-shrink: 0 !important;
  }
  
  .flex-shrink-1 {
	flex-shrink: 1 !important;
  }
  
  .justify-content-start {
	justify-content: flex-start !important;
  }
  
  .justify-content-end {
	justify-content: flex-end !important;
  }
  
  .justify-content-center {
	justify-content: center !important;
  }
  
  .justify-content-between {
	justify-content: space-between !important;
  }
  
  .justify-content-around {
	justify-content: space-around !important;
  }
  
  .align-items-start {
	align-items: flex-start !important;
  }
  
  .align-items-end {
	align-items: flex-end !important;
  }
  
  .align-items-center {
	align-items: center !important;
  }
  
  .align-items-baseline {
	align-items: baseline !important;
  }
  
  .align-items-stretch {
	align-items: stretch !important;
  }
  
  .align-content-start {
	align-content: flex-start !important;
  }
  
  .align-content-end {
	align-content: flex-end !important;
  }
  
  .align-content-center {
	align-content: center !important;
  }
  
  .align-content-between {
	align-content: space-between !important;
  }
  
  .align-content-around {
	align-content: space-around !important;
  }
  
  .align-content-stretch {
	align-content: stretch !important;
  }
  
  .align-self-auto {
	align-self: auto !important;
  }
  
  .align-self-start {
	align-self: flex-start !important;
  }
  
  .align-self-end {
	align-self: flex-end !important;
  }
  
  .align-self-center {
	align-self: center !important;
  }
  
  .align-self-baseline {
	align-self: baseline !important;
  }
  
  .align-self-stretch {
	align-self: stretch !important;
  }
  
  @media (min-width: 576px) {
	.flex-sm-row {
	  flex-direction: row !important;
	}
	.flex-sm-column {
	  flex-direction: column !important;
	}
	.flex-sm-row-reverse {
	  flex-direction: row-reverse !important;
	}
	.flex-sm-column-reverse {
	  flex-direction: column-reverse !important;
	}
	.flex-sm-wrap {
	  flex-wrap: wrap !important;
	}
	.flex-sm-nowrap {
	  flex-wrap: nowrap !important;
	}
	.flex-sm-wrap-reverse {
	  flex-wrap: wrap-reverse !important;
	}
	.flex-sm-fill {
	  flex: 1 1 auto !important;
	}
	.flex-sm-grow-0 {
	  flex-grow: 0 !important;
	}
	.flex-sm-grow-1 {
	  flex-grow: 1 !important;
	}
	.flex-sm-shrink-0 {
	  flex-shrink: 0 !important;
	}
	.flex-sm-shrink-1 {
	  flex-shrink: 1 !important;
	}
	.justify-content-sm-start {
	  justify-content: flex-start !important;
	}
	.justify-content-sm-end {
	  justify-content: flex-end !important;
	}
	.justify-content-sm-center {
	  justify-content: center !important;
	}
	.justify-content-sm-between {
	  justify-content: space-between !important;
	}
	.justify-content-sm-around {
	  justify-content: space-around !important;
	}
	.align-items-sm-start {
	  align-items: flex-start !important;
	}
	.align-items-sm-end {
	  align-items: flex-end !important;
	}
	.align-items-sm-center {
	  align-items: center !important;
	}
	.align-items-sm-baseline {
	  align-items: baseline !important;
	}
	.align-items-sm-stretch {
	  align-items: stretch !important;
	}
	.align-content-sm-start {
	  align-content: flex-start !important;
	}
	.align-content-sm-end {
	  align-content: flex-end !important;
	}
	.align-content-sm-center {
	  align-content: center !important;
	}
	.align-content-sm-between {
	  align-content: space-between !important;
	}
	.align-content-sm-around {
	  align-content: space-around !important;
	}
	.align-content-sm-stretch {
	  align-content: stretch !important;
	}
	.align-self-sm-auto {
	  align-self: auto !important;
	}
	.align-self-sm-start {
	  align-self: flex-start !important;
	}
	.align-self-sm-end {
	  align-self: flex-end !important;
	}
	.align-self-sm-center {
	  align-self: center !important;
	}
	.align-self-sm-baseline {
	  align-self: baseline !important;
	}
	.align-self-sm-stretch {
	  align-self: stretch !important;
	}
  }
  
  @media (min-width: 768px) {
	.flex-md-row {
	  flex-direction: row !important;
	}
	.flex-md-column {
	  flex-direction: column !important;
	}
	.flex-md-row-reverse {
	  flex-direction: row-reverse !important;
	}
	.flex-md-column-reverse {
	  flex-direction: column-reverse !important;
	}
	.flex-md-wrap {
	  flex-wrap: wrap !important;
	}
	.flex-md-nowrap {
	  flex-wrap: nowrap !important;
	}
	.flex-md-wrap-reverse {
	  flex-wrap: wrap-reverse !important;
	}
	.flex-md-fill {
	  flex: 1 1 auto !important;
	}
	.flex-md-grow-0 {
	  flex-grow: 0 !important;
	}
	.flex-md-grow-1 {
	  flex-grow: 1 !important;
	}
	.flex-md-shrink-0 {
	  flex-shrink: 0 !important;
	}
	.flex-md-shrink-1 {
	  flex-shrink: 1 !important;
	}
	.justify-content-md-start {
	  justify-content: flex-start !important;
	}
	.justify-content-md-end {
	  justify-content: flex-end !important;
	}
	.justify-content-md-center {
	  justify-content: center !important;
	}
	.justify-content-md-between {
	  justify-content: space-between !important;
	}
	.justify-content-md-around {
	  justify-content: space-around !important;
	}
	.align-items-md-start {
	  align-items: flex-start !important;
	}
	.align-items-md-end {
	  align-items: flex-end !important;
	}
	.align-items-md-center {
	  align-items: center !important;
	}
	.align-items-md-baseline {
	  align-items: baseline !important;
	}
	.align-items-md-stretch {
	  align-items: stretch !important;
	}
	.align-content-md-start {
	  align-content: flex-start !important;
	}
	.align-content-md-end {
	  align-content: flex-end !important;
	}
	.align-content-md-center {
	  align-content: center !important;
	}
	.align-content-md-between {
	  align-content: space-between !important;
	}
	.align-content-md-around {
	  align-content: space-around !important;
	}
	.align-content-md-stretch {
	  align-content: stretch !important;
	}
	.align-self-md-auto {
	  align-self: auto !important;
	}
	.align-self-md-start {
	  align-self: flex-start !important;
	}
	.align-self-md-end {
	  align-self: flex-end !important;
	}
	.align-self-md-center {
	  align-self: center !important;
	}
	.align-self-md-baseline {
	  align-self: baseline !important;
	}
	.align-self-md-stretch {
	  align-self: stretch !important;
	}
  }
  
  @media (min-width: 992px) {
	.flex-lg-row {
	  flex-direction: row !important;
	}
	.flex-lg-column {
	  flex-direction: column !important;
	}
	.flex-lg-row-reverse {
	  flex-direction: row-reverse !important;
	}
	.flex-lg-column-reverse {
	  flex-direction: column-reverse !important;
	}
	.flex-lg-wrap {
	  flex-wrap: wrap !important;
	}
	.flex-lg-nowrap {
	  flex-wrap: nowrap !important;
	}
	.flex-lg-wrap-reverse {
	  flex-wrap: wrap-reverse !important;
	}
	.flex-lg-fill {
	  flex: 1 1 auto !important;
	}
	.flex-lg-grow-0 {
	  flex-grow: 0 !important;
	}
	.flex-lg-grow-1 {
	  flex-grow: 1 !important;
	}
	.flex-lg-shrink-0 {
	  flex-shrink: 0 !important;
	}
	.flex-lg-shrink-1 {
	  flex-shrink: 1 !important;
	}
	.justify-content-lg-start {
	  justify-content: flex-start !important;
	}
	.justify-content-lg-end {
	  justify-content: flex-end !important;
	}
	.justify-content-lg-center {
	  justify-content: center !important;
	}
	.justify-content-lg-between {
	  justify-content: space-between !important;
	}
	.justify-content-lg-around {
	  justify-content: space-around !important;
	}
	.align-items-lg-start {
	  align-items: flex-start !important;
	}
	.align-items-lg-end {
	  align-items: flex-end !important;
	}
	.align-items-lg-center {
	  align-items: center !important;
	}
	.align-items-lg-baseline {
	  align-items: baseline !important;
	}
	.align-items-lg-stretch {
	  align-items: stretch !important;
	}
	.align-content-lg-start {
	  align-content: flex-start !important;
	}
	.align-content-lg-end {
	  align-content: flex-end !important;
	}
	.align-content-lg-center {
	  align-content: center !important;
	}
	.align-content-lg-between {
	  align-content: space-between !important;
	}
	.align-content-lg-around {
	  align-content: space-around !important;
	}
	.align-content-lg-stretch {
	  align-content: stretch !important;
	}
	.align-self-lg-auto {
	  align-self: auto !important;
	}
	.align-self-lg-start {
	  align-self: flex-start !important;
	}
	.align-self-lg-end {
	  align-self: flex-end !important;
	}
	.align-self-lg-center {
	  align-self: center !important;
	}
	.align-self-lg-baseline {
	  align-self: baseline !important;
	}
	.align-self-lg-stretch {
	  align-self: stretch !important;
	}
  }
  
  @media (min-width: 1200px) {
	.flex-xl-row {
	  flex-direction: row !important;
	}
	.flex-xl-column {
	  flex-direction: column !important;
	}
	.flex-xl-row-reverse {
	  flex-direction: row-reverse !important;
	}
	.flex-xl-column-reverse {
	  flex-direction: column-reverse !important;
	}
	.flex-xl-wrap {
	  flex-wrap: wrap !important;
	}
	.flex-xl-nowrap {
	  flex-wrap: nowrap !important;
	}
	.flex-xl-wrap-reverse {
	  flex-wrap: wrap-reverse !important;
	}
	.flex-xl-fill {
	  flex: 1 1 auto !important;
	}
	.flex-xl-grow-0 {
	  flex-grow: 0 !important;
	}
	.flex-xl-grow-1 {
	  flex-grow: 1 !important;
	}
	.flex-xl-shrink-0 {
	  flex-shrink: 0 !important;
	}
	.flex-xl-shrink-1 {
	  flex-shrink: 1 !important;
	}
	.justify-content-xl-start {
	  justify-content: flex-start !important;
	}
	.justify-content-xl-end {
	  justify-content: flex-end !important;
	}
	.justify-content-xl-center {
	  justify-content: center !important;
	}
	.justify-content-xl-between {
	  justify-content: space-between !important;
	}
	.justify-content-xl-around {
	  justify-content: space-around !important;
	}
	.align-items-xl-start {
	  align-items: flex-start !important;
	}
	.align-items-xl-end {
	  align-items: flex-end !important;
	}
	.align-items-xl-center {
	  align-items: center !important;
	}
	.align-items-xl-baseline {
	  align-items: baseline !important;
	}
	.align-items-xl-stretch {
	  align-items: stretch !important;
	}
	.align-content-xl-start {
	  align-content: flex-start !important;
	}
	.align-content-xl-end {
	  align-content: flex-end !important;
	}
	.align-content-xl-center {
	  align-content: center !important;
	}
	.align-content-xl-between {
	  align-content: space-between !important;
	}
	.align-content-xl-around {
	  align-content: space-around !important;
	}
	.align-content-xl-stretch {
	  align-content: stretch !important;
	}
	.align-self-xl-auto {
	  align-self: auto !important;
	}
	.align-self-xl-start {
	  align-self: flex-start !important;
	}
	.align-self-xl-end {
	  align-self: flex-end !important;
	}
	.align-self-xl-center {
	  align-self: center !important;
	}
	.align-self-xl-baseline {
	  align-self: baseline !important;
	}
	.align-self-xl-stretch {
	  align-self: stretch !important;
	}
  }
  
  .float-left {
	float: left !important;
  }
  
  .float-right {
	float: right !important;
  }
  
  .float-none {
	float: none !important;
  }
  
  @media (min-width: 576px) {
	.float-sm-left {
	  float: left !important;
	}
	.float-sm-right {
	  float: right !important;
	}
	.float-sm-none {
	  float: none !important;
	}
  }
  
  @media (min-width: 768px) {
	.float-md-left {
	  float: left !important;
	}
	.float-md-right {
	  float: right !important;
	}
	.float-md-none {
	  float: none !important;
	}
  }
  
  @media (min-width: 992px) {
	.float-lg-left {
	  float: left !important;
	}
	.float-lg-right {
	  float: right !important;
	}
	.float-lg-none {
	  float: none !important;
	}
  }
  
  @media (min-width: 1200px) {
	.float-xl-left {
	  float: left !important;
	}
	.float-xl-right {
	  float: right !important;
	}
	.float-xl-none {
	  float: none !important;
	}
  }