/* Start 5 coloumn */

/* 1/5 column */

.col-2_4,
.col-sm-2_4,
.col-md-2_4,
.col-lg-2_4,
.col-xl-2_4,
.col-xxl-2_4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-2_4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.offset-2_4 {
	margin-left: 20%;
}

@media (min-width: 576px) {
	.col-sm-2_4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.offset-sm-2_4 {
		margin-left: 20%;
	}
}

@media (min-width: 768px) {
	.col-md-2_4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.offset-md-2_4 {
		margin-left: 20%;
	}
}

@media (min-width: 992px) {
	.col-lg-2_4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.offset-lg-2_4 {
		margin-left: 20%;
	}
}

@media (min-width: 1200px) {
	.col-xl-2_4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.offset-xl-2_4 {
		margin-left: 20%;
	}
}

@media (min-width: 1400px) {
	.col-xxl-2_4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.offset-xxl-2_4 {
		margin-left: 20%;
	}
}

/* 2/5 column */

.col-4_8,
.col-sm-4_8,
.col-md-4_8,
.col-lg-4_8,
.col-xl-4_8,
.col-xxl-4_8 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-4_8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
}

.offset-4_8 {
	margin-left: 40%;
}

@media (min-width: 576px) {
	.col-sm-4_8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}

	.offset-sm-4_8 {
		margin-left: 40%;
	}
}

@media (min-width: 768px) {
	.col-md-4_8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}

	.offset-md-4_8 {
		margin-left: 40%;
	}
}

@media (min-width: 992px) {
	.col-lg-4_8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}

	.offset-lg-4_8 {
		margin-left: 40%;
	}
}

@media (min-width: 1200px) {
	.col-xl-4_8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}

	.offset-xl-4_8 {
		margin-left: 40%;
	}
}

@media (min-width: 1400px) {
	.col-xxl-4_8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}

	.offset-xxl-4_8 {
		margin-left: 40%;
	}
}

/* 3/5 column */

.col-7_2,
.col-sm-7_2,
.col-md-7_2,
.col-lg-7_2,
.col-xl-7_2,
.col-xxl-7_2 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-7_2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
	max-width: 60%;
}

.offset-7_2 {
	margin-left: 60%;
}

@media (min-width: 576px) {
	.col-sm-7_2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}

	.offset-sm-7_2 {
		margin-left: 60%;
	}
}

@media (min-width: 768px) {
	.col-md-7_2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}

	.offset-md-7_2 {
		margin-left: 60%;
	}
}

@media (min-width: 992px) {
	.col-lg-7_2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}

	.offset-lg-7_2 {
		margin-left: 60%;
	}
}

@media (min-width: 1200px) {
	.col-xl-7_2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}

	.offset-xl-7_2 {
		margin-left: 60%;
	}
}

@media (min-width: 1400px) {
	.col-xxl-7_2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}

	.offset-xxl-7_2 {
		margin-left: 60%;
	}
}

/* 4/5 column */

.col-9_6,
.col-sm-9_6,
.col-md-9_6,
.col-lg-9_6,
.col-xl-9_6,
.col-xxl-9_6 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-9_6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
	max-width: 80%;
}

.offset-9_6 {
	margin-left: 80%;
}

@media (min-width: 576px) {
	.col-sm-9_6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}

	.offset-sm-9_6 {
		margin-left: 80%;
	}
}

@media (min-width: 768px) {
	.col-md-9_6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}

	.offset-md-9_6 {
		margin-left: 80%;
	}
}

@media (min-width: 992px) {
	.col-lg-9_6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}

	.offset-lg-9_6 {
		margin-left: 80%;
	}
}

@media (min-width: 1200px) {
	.col-xl-9_6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}

	.offset-xl-9_6 {
		margin-left: 80%;
	}
}

@media (min-width: 1400px) {
	.col-xxl-9_6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}

	.offset-xxl-9_6 {
		margin-left: 80%;
	}
}

/* End 5 coloumn */

/* Start interval xxl */

.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xl,
.col-xxl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 1400px) {
	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-xxl-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-xxl-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xxl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxl-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xxl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xxl-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xxl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xxl-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xxl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xxl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xxl-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xxl-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xxl-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-xxl-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-xxl-last {
		-webkit-box-ordinal-group: 14;
		-ms-flex-order: 13;
		order: 13;
	}

	.order-xxl-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.order-xxl-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-xxl-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-xxl-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-xxl-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-xxl-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-xxl-6 {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.order-xxl-7 {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}

	.order-xxl-8 {
		-webkit-box-ordinal-group: 9;
		-ms-flex-order: 8;
		order: 8;
	}

	.order-xxl-9 {
		-webkit-box-ordinal-group: 10;
		-ms-flex-order: 9;
		order: 9;
	}

	.order-xxl-10 {
		-webkit-box-ordinal-group: 11;
		-ms-flex-order: 10;
		order: 10;
	}

	.order-xxl-11 {
		-webkit-box-ordinal-group: 12;
		-ms-flex-order: 11;
		order: 11;
	}

	.order-xxl-12 {
		-webkit-box-ordinal-group: 13;
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-xxl-0 {
		margin-left: 0;
	}

	.offset-xxl-1 {
		margin-left: 8.333333%;
	}

	.offset-xxl-2 {
		margin-left: 16.666667%;
	}

	.offset-xxl-3 {
		margin-left: 25%;
	}

	.offset-xxl-4 {
		margin-left: 33.333333%;
	}

	.offset-xxl-5 {
		margin-left: 41.666667%;
	}

	.offset-xxl-6 {
		margin-left: 50%;
	}

	.offset-xxl-7 {
		margin-left: 58.333333%;
	}

	.offset-xxl-8 {
		margin-left: 66.666667%;
	}

	.offset-xxl-9 {
		margin-left: 75%;
	}

	.offset-xxl-10 {
		margin-left: 83.333333%;
	}

	.offset-xxl-11 {
		margin-left: 91.666667%;
	}
}

@media (max-width: 1399.98px) {
	.table-responsive-xl {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}

		.table-responsive-xl > .table-bordered {
			border: 0;
		}
}

@media (max-width: 1399.98px) {

	.navbar-expand-xl > .container,
	.navbar-expand-xl > .container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 1400px) {
	.navbar-expand-xl {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

		.navbar-expand-xl .navbar-nav {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
		}

			.navbar-expand-xl .navbar-nav .dropdown-menu {
				position: absolute;
			}

			.navbar-expand-xl .navbar-nav .dropdown-menu-right {
				right: 0;
				left: auto;
			}

			.navbar-expand-xl .navbar-nav .nav-link {
				padding-right: 0.5rem;
				padding-left: 0.5rem;
			}

		.navbar-expand-xl > .container,
		.navbar-expand-xl > .container-fluid {
			-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
		}

		.navbar-expand-xl .navbar-collapse {
			display: -webkit-box !important;
			display: -ms-flexbox !important;
			display: flex !important;
			-ms-flex-preferred-size: auto;
			flex-basis: auto;
		}

		.navbar-expand-xl .navbar-toggler {
			display: none;
		}

		.navbar-expand-xl .dropup .dropdown-menu {
			top: auto;
			bottom: 100%;
		}
}

@media (min-width: 1400px) {
	.d-xxl-none {
		display: none !important;
	}

	.d-xxl-inline {
		display: inline !important;
	}

	.d-xxl-inline-block {
		display: inline-block !important;
	}

	.d-xxl-block {
		display: block !important;
	}

	.d-xxl-table {
		display: table !important;
	}

	.d-xxl-table-row {
		display: table-row !important;
	}

	.d-xxl-table-cell {
		display: table-cell !important;
	}

	.d-xxl-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.d-xxl-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}
}

@media (min-width: 1400px) {
	.flex-xxl-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-xxl-column {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-xxl-row-reverse {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-xxl-column-reverse {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-xxl-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-xxl-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-xxl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-xxl-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-xxl-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-xxl-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-xxl-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-xxl-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-xxl-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-xxl-end {
		-webkit-box-align: end !important;
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-xxl-center {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-xxl-baseline {
		-webkit-box-align: baseline !important;
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-xxl-stretch {
		-webkit-box-align: stretch !important;
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-xxl-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-xxl-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-xxl-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-xxl-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-xxl-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-xxl-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-xxl-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-xxl-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-xxl-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-xxl-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-xxl-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-xxl-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}
}

@media (min-width: 1400px) {
	.float-xxl-left {
		float: left !important;
	}

	.float-xxl-right {
		float: right !important;
	}

	.float-xxl-none {
		float: none !important;
	}
}

@media (min-width: 1400px) {
	.m-xxl-0 {
		margin: 0 !important;
	}

	.mt-xxl-0,
	.my-xxl-0 {
		margin-top: 0 !important;
	}

	.mr-xxl-0,
	.mx-xxl-0 {
		margin-right: 0 !important;
	}

	.mb-xxl-0,
	.my-xxl-0 {
		margin-bottom: 0 !important;
	}

	.ml-xxl-0,
	.mx-xxl-0 {
		margin-left: 0 !important;
	}

	.m-xxl-1 {
		margin: 0.25rem !important;
	}

	.mt-xxl-1,
	.my-xxl-1 {
		margin-top: 0.25rem !important;
	}

	.mr-xxl-1,
	.mx-xxl-1 {
		margin-right: 0.25rem !important;
	}

	.mb-xxl-1,
	.my-xxl-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-xxl-1,
	.mx-xxl-1 {
		margin-left: 0.25rem !important;
	}

	.m-xxl-2 {
		margin: 0.5rem !important;
	}

	.mt-xxl-2,
	.my-xxl-2 {
		margin-top: 0.5rem !important;
	}

	.mr-xxl-2,
	.mx-xxl-2 {
		margin-right: 0.5rem !important;
	}

	.mb-xxl-2,
	.my-xxl-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-xxl-2,
	.mx-xxl-2 {
		margin-left: 0.5rem !important;
	}

	.m-xxl-3 {
		margin: 1rem !important;
	}

	.mt-xxl-3,
	.my-xxl-3 {
		margin-top: 1rem !important;
	}

	.mr-xxl-3,
	.mx-xxl-3 {
		margin-right: 1rem !important;
	}

	.mb-xxl-3,
	.my-xxl-3 {
		margin-bottom: 1rem !important;
	}

	.ml-xxl-3,
	.mx-xxl-3 {
		margin-left: 1rem !important;
	}

	.m-xxl-4 {
		margin: 1.5rem !important;
	}

	.mt-xxl-4,
	.my-xxl-4 {
		margin-top: 1.5rem !important;
	}

	.mr-xxl-4,
	.mx-xxl-4 {
		margin-right: 1.5rem !important;
	}

	.mb-xxl-4,
	.my-xxl-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-xxl-4,
	.mx-xxl-4 {
		margin-left: 1.5rem !important;
	}

	.m-xxl-5 {
		margin: 3rem !important;
	}

	.mt-xxl-5,
	.my-xxl-5 {
		margin-top: 3rem !important;
	}

	.mr-xxl-5,
	.mx-xxl-5 {
		margin-right: 3rem !important;
	}

	.mb-xxl-5,
	.my-xxl-5 {
		margin-bottom: 3rem !important;
	}

	.ml-xxl-5,
	.mx-xxl-5 {
		margin-left: 3rem !important;
	}

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

	.pt-xxl-0,
	.py-xxl-0 {
		padding-top: 0 !important;
	}

	.pr-xxl-0,
	.px-xxl-0 {
		padding-right: 0 !important;
	}

	.pb-xxl-0,
	.py-xxl-0 {
		padding-bottom: 0 !important;
	}

	.pl-xxl-0,
	.px-xxl-0 {
		padding-left: 0 !important;
	}

	.p-xxl-1 {
		padding: 0.25rem !important;
	}

	.pt-xxl-1,
	.py-xxl-1 {
		padding-top: 0.25rem !important;
	}

	.pr-xxl-1,
	.px-xxl-1 {
		padding-right: 0.25rem !important;
	}

	.pb-xxl-1,
	.py-xxl-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-xxl-1,
	.px-xxl-1 {
		padding-left: 0.25rem !important;
	}

	.p-xxl-2 {
		padding: 0.5rem !important;
	}

	.pt-xxl-2,
	.py-xxl-2 {
		padding-top: 0.5rem !important;
	}

	.pr-xxl-2,
	.px-xxl-2 {
		padding-right: 0.5rem !important;
	}

	.pb-xxl-2,
	.py-xxl-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-xxl-2,
	.px-xxl-2 {
		padding-left: 0.5rem !important;
	}

	.p-xxl-3 {
		padding: 1rem !important;
	}

	.pt-xxl-3,
	.py-xxl-3 {
		padding-top: 1rem !important;
	}

	.pr-xxl-3,
	.px-xxl-3 {
		padding-right: 1rem !important;
	}

	.pb-xxl-3,
	.py-xxl-3 {
		padding-bottom: 1rem !important;
	}

	.pl-xxl-3,
	.px-xxl-3 {
		padding-left: 1rem !important;
	}

	.p-xxl-4 {
		padding: 1.5rem !important;
	}

	.pt-xxl-4,
	.py-xxl-4 {
		padding-top: 1.5rem !important;
	}

	.pr-xxl-4,
	.px-xxl-4 {
		padding-right: 1.5rem !important;
	}

	.pb-xxl-4,
	.py-xxl-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-xxl-4,
	.px-xxl-4 {
		padding-left: 1.5rem !important;
	}

	.p-xxl-5 {
		padding: 3rem !important;
	}

	.pt-xxl-5,
	.py-xxl-5 {
		padding-top: 3rem !important;
	}

	.pr-xxl-5,
	.px-xxl-5 {
		padding-right: 3rem !important;
	}

	.pb-xxl-5,
	.py-xxl-5 {
		padding-bottom: 3rem !important;
	}

	.pl-xxl-5,
	.px-xxl-5 {
		padding-left: 3rem !important;
	}

	.m-xxl-auto {
		margin: auto !important;
	}

	.mt-xxl-auto,
	.my-xxl-auto {
		margin-top: auto !important;
	}

	.mr-xxl-auto,
	.mx-xxl-auto {
		margin-right: auto !important;
	}

	.mb-xxl-auto,
	.my-xxl-auto {
		margin-bottom: auto !important;
	}

	.ml-xxl-auto,
	.mx-xxl-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 1400px) {
	.text-xxl-left {
		text-align: left !important;
	}

	.text-xxl-right {
		text-align: right !important;
	}

	.text-xxl-center {
		text-align: center !important;
	}
}

/* End interval xxl */

/* opacity */

.opacity-1 {
	opacity: 0.1;
}

.opacity-2 {
	opacity: 0.2;
}

.opacity-3 {
	opacity: 0.3;
}

.opacity-4 {
	opacity: 0.4;
}

.opacity-5 {
	opacity: 0.5;
}

.opacity-6 {
	opacity: 0.6;
}

.opacity-7 {
	opacity: 0.7;
}

.opacity-8 {
	opacity: 0.8;
}

.opacity-9 {
	opacity: 0.9;
}

html {
	background-color: transparent !important;
}

#tiers-list .k-item {
	padding: 0;
}

.header-tiers {
	margin-right: 5px;
	margin-left: 5px;
}

.collapsed .icon-angle-up:before {
	content: "\e906" !important;
}

.topbar .num-account {
	font-size: 14px;
}

#page-wrapper {
	height: 100vh;
	top: 0;
	padding-top: 60px;
	padding-bottom: 30px;
}

.page-wrapper__inner {
	padding-top: 30px;
	overflow-y: auto;
}

.container-fluid {
	padding-bottom: 0;
}

.page-wrapper-iframe {
	top: 0;
	margin-left: 0;
	height: 100vh;
	padding-right: 20px;
	/* margin-top: 40px !important; */
	padding-bottom: 43px;
	padding-left: 3px;
	overflow: auto;
}

button i {
	font-size: 12px;
}

button.btn-rounded i {
	margin-top: -1px;
}

#funds-element {
	display: none;
}

.bg-total {
	background-color: #efede7;
}

.row-total.bg-danger {
	color: #fff;
}

.bg-total-result {
	background-color: #efede7;
}

.note-total {
	font-size: 10px;
}

/* ios switch */

.onoffswitch {
	position: relative;
	width: 45px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

	.onoffswitch + label {
		width: calc(100% - 65px);
	}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	height: 26px;
	padding: 0;
	line-height: 26px;
	border: 2px solid #ECEDEC;
	border-radius: 26px;
	background-color: #ECEDEC;
	transition: background-color 0.1s linear;
	margin-bottom: 0;
}

	.onoffswitch-label:before {
		content: "";
		display: block;
		width: 26px;
		margin: 0px;
		background: #FFFFFF;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 19px;
		border: 2px solid #ECEDEC;
		border-radius: 26px;
		transition: all 0.1s linear 0s;
	}

.onoffswitch-checkbox:checked + .onoffswitch-label {
	background-color: #72BE42;
}

	.onoffswitch-checkbox:checked + .onoffswitch-label,
	.onoffswitch-checkbox:checked + .onoffswitch-label:before {
		border-color: #72BE42;
	}

		.onoffswitch-checkbox:checked + .onoffswitch-label:before {
			right: 0px;
		}

.onoffswitch + div {
	width: calc(100% - 45px);
}

.readonly-switch {
	pointer-events: none;
}

	.readonly-switch + label {
		opacity: 0.5;
	}

	.readonly-switch .onoffswitch-label:before {
		background-color: #e5e5e5;
		border-color: #cccccc;
	}

	.readonly-switch .onoffswitch-label {
		background-color: #cccccc;
		border-color: #cccccc;
	}

	.readonly-switch .onoffswitch-checkbox:checked + .onoffswitch-label {
		background-color: #bbd6aa;
		border-color: #bbd6aa;
	}

		.readonly-switch .onoffswitch-checkbox:checked + .onoffswitch-label:before {
			border-color: #bbd6aa;
		}

/* panel */

.panel {
	height: auto;
}

/* form */

label i {
	font-size: 9px;
}

.form-control {
	padding: 5px;
}

	.form-control.k-dropdown .k-dropdown-wrap.k-state-default,
	.form-control.k-dropdown .k-dropdown-wrap.k-state-disabled,
	.form-control.k-datepicker .k-picker-wrap.k-state-default,
	.form-control.k-datepicker .k-picker-wrap.k-state-disabled,
	.form-control.k-datetimepicker .k-picker-wrap.k-state-default,
	.form-control.k-datetimepicker .k-picker-wrap.k-state-disabled {
		padding: 5px 5px;
	}

	.form-control.k-datepicker .k-picker-wrap.k-state-default,
	.form-control.k-datepicker .k-picker-wrap.k-state-disabled,
	.form-control.k-datetimepicker .k-picker-wrap.k-state-default,
	.form-control.k-datetimepicker .k-picker-wrap.k-state-disabled {
		padding: 0;
		border: none;
	}

/* steps */

.steps {
	color: #a1a29c;
}

.steps-de {
	width: 50%;
	margin: auto;
}

.steps li {
	position: relative;
	background-color: transparent;
	overflow: inherit;
	height: 100%;
	margin: 0;
	padding: 54px 0px 30px 0px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	flex: 0 1 50%;
}

.steps-de li {
	min-width: 50%;
}

.steps li span {
	color: #677783;
}

.steps li.actif span {
	color: #677783;
}

.steps li:before {
	width: 100%;
	height: 2px;
	background-color: #677783;
	display: block;
	margin: 0 auto;
	content: "";
	position: absolute;
	top: 24px;
	left: 0;
}

.steps li.done:before {
	background-color: #72be42;
}

.steps li span.circle-step {
	width: 40px;
	height: 40px;
	content: "";
	display: block;
	background-color: transparent;
	border: 2px solid #677783;
	background: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -20px;
}

.steps li.actif span.circle-step {
	border-color: #677783;
	background-color: #677783;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-animation: r5 1s 0s ease-out infinite;
	-moz-animation: r5 1s 0s ease-out infinite;
	animation: r5 1s 0s ease-out infinite;
}

@-webkit-keyframes r5 {
	0% {
		box-shadow: 0 0 8px 6px rgba(103, 119, 131, .1), 0 0 0px 0px transparent, 0 0 0px 0px rgba(103, 119, 131, .2);
	}

	10% {
		transform: scale(1, 1);
		box-shadow: 0 0 8px 6px rgba(103, 119, 131, .1), 0 0 8px 10px transparent, 0 0 8px 10px rgba(103, 119, 131, .2);
	}

	100% {
		box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 15px transparent, 0 0 0px 15px rgba(26, 140, 255, 0);
	}
}

@-moz-keyframes r5 {
	0% {
		box-shadow: 0 0 8px 6px rgb(103, 119, 131, .1), 0 0 0px 0px transparent, 0 0 0px 0px rgb(103, 119, 131, .2);
	}

	10% {
		box-shadow: 0 0 8px 6px rgb(103, 119, 131, .1), 0 0 8px 10px transparent, 0 0 8px 10px rgb(103, 119, 131, .2);
	}

	100% {
		box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 15px transparent, 0 0 0px 15px rgba(26, 140, 255, 0);
	}
}

@keyframes r5 {
	0% {
		box-shadow: 0 0 8px 6px rgb(103, 119, 131, .1), 0 0 0px 0px transparent, 0 0 0px 0px rgb(103, 119, 131, .2);
	}

	10% {
		box-shadow: 0 0 8px 6px rgb(103, 119, 131, .1), 0 0 8px 10px transparent, 0 0 8px 10px rgb(103, 119, 131, .2);
	}

	100% {
		box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 15px transparent, 0 0 0px 15px rgba(26, 140, 255, 0);
	}
}

.steps li.done span.circle-step {
	border-color: #72be42;
}

.steps li.done span {
	color: #72be42;
}

.steps li.done.actif span.circle-step {
	border-color: #72be42;
	background-color: #72be42;
}

.steps li.progress.actif span.circle-step,
.steps li.inprogress.actif span.circle-step {
	border-color: #f0c300;
	background-color: #f0c300;
}

.steps li a {
	display: block;
}

ul.steps li a {
	width: 100%;
}

.steps li span {
	display: block;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
}

/* tooltip */

.tooltip {
	margin-bottom: 3px;
}

	.tooltip .tooltip-inner {
		color: #cac2b0;
		font-size: 11px;
		text-align: left;
		background-color: #484b42;
		padding: 10px;
	}

	.tooltip .arrow::before {
		border-top-color: #484b42;
		border-bottom-color: #484b42;
	}

/* radio */

.radio {
	padding-right: 15px;
}

	.radio input[type=radio] {
		width: 18px;
		height: 18px;
	}

	.radio label {
		margin: 0;
		line-height: 20px;
		min-height: 18px;
		width: calc(100% - 18px);
		padding-right: 10px;
	}

		.radio label::before {
			margin-left: -18px;
			width: 18px;
			height: 18px;
		}

		.radio label::after {
			width: 12px;
			height: 12px;
			top: 3px;
			left: 5px;
			margin-left: -20px;
		}

/* checkbox */

.checkbox {
	padding-right: 15px;
}

	.checkbox label {
		text-transform: inherit;
		line-height: 20px;
		width: calc(100% - 25px);
	}

.header-accordion .checkbox label {
	width: auto;
}

.checkbox label.error,
.radio label.error {
	padding-left: 23px;
}

/* alert */

.alert {
	line-height: normal;
}

.alert-danger:before,
.alert-info:before,
.alert-success:before,
.alert-warning:before {
	background-position: 15px center;
}

.swal2-popup {
	border-radius: 0;
}

	.swal2-popup .swal2-title {
		background: none;
		box-shadow: none;
		width: auto;
	}

/* loader */

.cssload-wrapper {
	position: absolute;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
}

@media (max-width: 992px) {
	.cssload-wrapper {
		width: 100%;
		left: 10px;
	}
}

.cssload-wrapper .cssload-speeding-wheel {
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	position: absolute;
	border: 2px solid rgba(255, 255, 255, 0.98);
	border-left-color: transparent;
	border-right-color: transparent;
}

.cssload-speeding-wheel {
	width: 31px;
	height: 31px;
	margin: 0 auto;
	border: 2px solid rgba(230, 42, 48, 0.98);
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 425ms infinite linear;
	-o-animation: cssload-spin 425ms infinite linear;
	-ms-animation: cssload-spin 425ms infinite linear;
	-webkit-animation: cssload-spin 425ms infinite linear;
	-moz-animation: cssload-spin 425ms infinite linear;
}

@keyframes cssload-spin {
	100% {
		transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-spin {
	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-spin {
	100% {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-spin {
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* funds */

.funds-container > div {
	border-top: 1px solid #ecedec;
	margin-top: 5px;
	padding-top: 25px;
}

	.funds-container > div:first-child {
		border-top: none;
		margin-top: 0;
		padding-top: 0;
	}

/* carousel */

.carousel-control-next,
.carousel-control-prev {
	width: 30px;
	height: 30px;
	background: none;
	top: 50%;
	margin-top: -15px;
}

	.carousel-control-next:before,
	.carousel-control-prev:before {
		content: "\e908";
		display: block;
		font-size: 30px;
		font-family: 'oddo-icons' !important;
		color: #ccc;
	}

	.carousel-control-prev:before {
		content: "\e907";
	}

.carousel-control-prev {
	left: 60px;
}

.carousel-control-next {
	right: 60px;
}

.content-carousel-item {
	padding: 0 160px;
}

.carousel-control-prev.isDisabled,
.carousel-control-next.isDisabled {
	color: currentColor;
	cursor: not-allowed;
	opacity: 0.5;
	text-decoration: none;
}

/* steps dashboard */

.steps-dashboard .card {
	background-color: #f2f0eb;
	border: 0;
	border-top: 3px solid #41b863;
	min-width: 146px !important;
	margin: 0 15px;
}

	.steps-dashboard .card.signed {
		border-top-color: #9a71a5;
	}

	.steps-dashboard .card.verify,
	.steps-dashboard .card.validation {
		border-top-color: #488f91;
	}

.steps-dashboard .card-title {
	color: #484b42;
	padding: 0 9px;
	height: 28px;
	line-height: 10px;
	margin: 0;
	border-bottom: 1px dashed #8c8d86;
	font-size: 10px;
	text-align: left;
	display: flex;
	align-items: center;
}

.steps-dashboard .card-status {
	height: 90px;
	position: relative;
}

.steps-dashboard .card-footer {
	text-transform: none;
	border: none;
	background-color: #d1d0cb;
	padding: 0 0 0 10px;
	height: 46px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
}

.steps-dashboard .card-access {
	width: 30px;
	background-color: #e1dfda;
	line-height: 46px;
	position: relative;
	text-align: left;
	transition: ease all 0.3s;
	-webkit-transition: ease all 0.3s;
	-moz-transition: ease all 0.3s;
	-ms-transition: ease all 0.3s;
	cursor: pointer;
}

.steps-dashboard .signed .card-access,
.steps-dashboard .verify .card-access,
.steps-dashboard .validation .card-access {
	cursor: default;
}

.steps-dashboard .card:not(.signed) .card-access:hover,
.steps-dashboard .card:not(.verify) .card-access:hover,
.steps-dashboard .card:not(.validation) .card-access:hover {
	background: rgba(0, 0, 0, 0.2);
}

.steps-dashboard .card-access a {
	color: #484b42;
}

.steps-dashboard .done .card-access a {
	color: #fff;
}

.steps-dashboard .card-access i {
	margin-left: 2px;
}

.steps-dashboard .card-access:before {
	content: "";
	display: block;
	position: absolute;
	left: -20px;
	top: 0;
	border-left: 20px solid transparent;
	border-right: 0;
	border-bottom: 46px solid #e1dfda;
	transition: ease all 0.3s;
	-webkit-transition: ease all 0.3s;
	-moz-transition: ease all 0.3s;
	-ms-transition: ease all 0.3s;
}

.steps-dashboard .card:not(.signed) .card-access:hover:before,
.steps-dashboard .card:not(.verify) .card-access:hover:before,
.steps-dashboard .card:not(.validation) .card-access:hover:before {
	border-bottom-color: rgba(0, 0, 0, 0.2);
}

.steps-dashboard .card-modif {
	line-height: 12px;
	padding: 11px 0;
	height: auto;
}

.steps-dashboard .card-date {
	font-size: 11px;
}

.steps-dashboard .default .card-access:hover {
	background: rgba(0, 0, 0, 0.1);
}

	.steps-dashboard .default .card-access:hover:before {
		border-bottom-color: rgba(0, 0, 0, 0.1);
	}

.steps-dashboard .loading {
	border-color: #d2822d;
}

.steps-dashboard .done {
	background-color: #41b863;
	border-color: #439759;
	color: #fff;
}

	.steps-dashboard .done .card-title {
		color: #fff;
		border-bottom-color: #b3e3c1;
	}

	.steps-dashboard .done .card-footer {
		background-color: #43a35d;
	}

	.steps-dashboard .done .card-access {
		background-color: #42ad60;
	}

		.steps-dashboard .done .card-access:hover {
			background: rgba(0, 0, 0, 0.2);
		}

		.steps-dashboard .done .card-access:before {
			border-bottom-color: #42ad60;
		}

		.steps-dashboard .done .card-access:hover:before {
			border-bottom-color: rgba(0, 0, 0, 0.2);
		}

.steps-dashboard .card.signed.done {
	background-color: #9a71a5;
	border-color: #816687;
}

.steps-dashboard .signed.done .card-title {
	border-bottom-color: #d7c6db;
}

.steps-dashboard .signed.done .card-footer {
	background-color: #8a6a92;
}

.steps-dashboard .signed.done .card-access {
	background-color: #926d9b;
}

	.steps-dashboard .signed.done .card-access:before {
		border-bottom-color: #926d9b;
	}

.steps-dashboard .card.verify.done {
	background-color: #488f91;
	border-color: #487a79;
}

.steps-dashboard .verify.done .card-title {
	border-bottom-color: #b6d2d3;
}

.steps-dashboard .verify.done .card-footer {
	background-color: #488282;
}

.steps-dashboard .verify.done .card-access {
	background-color: #488889;
}

	.steps-dashboard .verify.done .card-access:before {
		border-bottom-color: #488889;
	}

.steps-dashboard .waited {
	background-color: #db9b57;
	border-color: #d2822d;
	color: #fff;
}

	.steps-dashboard .waited .card-title {
		color: #fff;
		border-bottom-color: #e8c096;
	}

	.steps-dashboard .waited .card-footer {
		background-color: #d2822d;
	}

	.steps-dashboard .waited .card-access {
		background-color: #d68e42;
	}

		.steps-dashboard .waited .card-access:hover {
			background: rgba(0, 0, 0, 0.2);
		}

		.steps-dashboard .waited .card-access a {
			color: #ffffff;
		}

			.steps-dashboard .waited .card-access a:before {
				border-bottom-color: #d2822d;
			}

		.steps-dashboard .waited .card-access:before {
			border-bottom-color: #d68e42;
		}

		.steps-dashboard .waited .card-access:hover a:before {
			border-bottom-color: rgba(0, 0, 0, 0.2);
		}

		.steps-dashboard .waited .card-access:hover:before {
			border-bottom-color: rgba(0, 0, 0, .2);
		}

.steps-dashboard .canceled {
	background-color: #ed676d;
	border-color: #e83c43;
	color: #fff;
}

	.steps-dashboard .canceled .card-title {
		color: #fff;
		border-bottom-color: #f29397;
	}

	.steps-dashboard .canceled .card-footer {
		background-color: #e83c43;
	}

	.steps-dashboard .canceled .card-access {
		background-color: #eb5259;
	}

		.steps-dashboard .canceled .card-access:hover {
			background: rgba(0, 0, 0, 0.2);
		}

		.steps-dashboard .canceled .card-access a {
			color: #ffffff;
		}

			.steps-dashboard .canceled .card-access a:before {
				border-bottom-color: #e84d54;
			}

		.steps-dashboard .canceled .card-access:before {
			border-bottom-color: #eb5259;
		}

		.steps-dashboard .canceled .card-access:hover a:before {
			border-bottom-color: rgba(0, 0, 0, 0.2);
		}

		.steps-dashboard .canceled .card-access:hover:before {
			border-bottom-color: rgba(0, 0, 0, .2);
		}

/*.steps-dashboard .icon-loader{
      -webkit-transition: 0.6s ease-out;
      -moz-transition: 0.6s ease-out;
      transition: 0.6s ease-out;
}

.steps-dashboard .card:hover .icon-loader{
      -webkit-transform: rotateZ(720deg);
      -moz-transform: rotateZ(720deg);
      transform: rotateZ(720deg);
}*/

/* bouton */

.btn:disabled {
	opacity: .65;
}

.btn.confirm {
	opacity: 1;
}

.btn {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}

/* footer-step */

.footer-step {
	background-color: #f4f3ef;
	display: block;
	width: 100%;
	height: 60px;
}

.prev-step,
.next-step {
	width: 300px;
}

.btn:not(.btn-circle).next-step {
	padding: 8px 50px 6px 48px !important;
}

.btn:not(.btn-circle).prev-step {
	padding: 8px 48px 6px 50px !important;
}

.prev-step i,
.next-step i {
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 20px;
}

.next-step i {
	left: auto;
	right: 20px;
}

.prev-step:before {
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	border-left: 30px solid transparent;
	border-right: 0;
	border-top: 62px solid #f4f3ef;
}

.next-step:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	border-right: 30px solid transparent;
	border-left: 0;
	border-top: 62px solid #f4f3ef;
}

.prev-step:hover,
.prev-step:focus,
.next-step:hover,
.next-step:focus {
	opacity: 1;
	color: #484b42;
}

	.prev-step:hover i {
		animation: right 0.6s infinite linear;
	}

	.next-step:hover i {
		animation: left 0.6s infinite linear;
	}

@keyframes left {
	0% {
		margin-left: 0px;
		opacity: 1
	}

	50% {
		margin-left: 5px;
		margin-right: -5px;
		opacity: 0.5
	}

	100% {
		margin-left: 10px;
		margin-right: -10px;
		opacity: 0
	}
}

@-webkit-keyframes left {
	0% {
		margin-left: 0px;
		opacity: 1
	}

	50% {
		margin-left: 5px;
		margin-right: -5px;
		opacity: 0.5
	}

	100% {
		margin-left: 10px;
		margin-right: -10px;
		opacity: 0
	}
}

@-moz-keyframes left {
	0% {
		margin-left: 0px;
		opacity: 1
	}

	50% {
		margin-left: 5px;
		margin-right: -5px;
		opacity: 0.5
	}

	100% {
		margin-left: 10px;
		margin-right: -10px;
		opacity: 0
	}
}

@keyframes right {
	0% {
		margin-right: 0px;
		opacity: 1
	}

	50% {
		margin-right: 5px;
		margin-left: -5px;
		opacity: 0.5
	}

	100% {
		margin-right: 10px;
		margin-left: -10px;
		opacity: 0
	}
}

@-webkit-keyframes right {
	0% {
		margin-right: 0px;
		opacity: 1
	}

	50% {
		margin-right: 5px;
		margin-left: -5px;
		opacity: 0.5
	}

	100% {
		margin-right: 10px;
		margin-left: -10px;
		opacity: 0
	}
}

@-moz-keyframes right {
	0% {
		margin-right: 0px;
		opacity: 1
	}

	50% {
		margin-right: 5px;
		margin-left: -5px;
		opacity: 0.5
	}

	100% {
		margin-right: 10px;
		margin-left: -10px;
		opacity: 0
	}
}

/* grid/table */

.attachedFiles tr:last-child td {
	border: none !important;
}

/* streched text */

.stretch-btn .btn {
	margin-top: -5px;
	display: inline-block;
	float: right;
}

/* grid */

.validationFolder .k-grid-content tr:last-child td {
	border-bottom: 0 !important;
}

/* row add */

.row-add {
	width: calc(100% - 70px);
}

	.row-add + button {
		margin: 0 0 0 30px;
	}

.row-add-100 {
	width: calc(100% - 60px);
}

	.row-add-100 + button {
		margin: 0 0 0 30px;
	}

.row-add-50 {
	width: calc(100% - 100px);
}

	.row-add-50 + button {
		margin: 0 0 0 30px;
	}

		.row-add-50 + button + button {
			margin: 0 0 0 10px;
		}

.row-add-signatory {
	width: calc(100% - 60px);
}

.row-cgp > div {
	padding: 20px 0px 0 0px;
	border-top: 1px solid #E7E9EA;
}

/* sidebar */
.user-profile {
	padding: 12px 10px;
	position: relative;
	text-align: left;
	min-height: 31px;
	display: block;
	white-space: nowrap;
	border-bottom: 1px solid rgba(237, 237, 237, .1);
}

.collapsein {
	display: none;
}

#side-menu {
	display: block;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

/* btn delete account */

.delete-account,
.delete-operation {
	background-color: #e6272f !important;
}

	.delete-account:hover,
	.delete-operation:hover {
		background-color: #eb5259 !important;
	}

	.delete-account:before,
	.delete-operation:before {
		border-bottom-color: #e6272f !important;
	}

	.delete-account:hover:before,
	.delete-operation:hover:before {
		border-bottom-color: #eb5259 !important;
	}

	.delete-account *,
	.delete-account:hover *,
	.bg-title > .sub-title.delete-account *,
	.bg-title > .sub-title.delete-account:hover * {
		color: #fff !important;
	}

/* btn add item */

.add-item {
	background-color: #73CD96;
}

	.add-item:hover {
		background-color: #81d2a0;
	}

	.add-item:before {
		border-bottom-color: #73CD96;
	}

	.add-item:hover:before {
		border-bottom-color: #81d2a0;
	}

	.add-item * {
		color: #fff;
	}

/* caroussel */

.owl-nav .owl-next.disabled,
.owl-nav .owl-prev.disabled {
	cursor: default;
	opacity: 0 !important;
}

.dashbord-headband {
	border-top: 3px solid #7c7c72;
	background-color: #ddd8cc;
	color: #484b42;
	padding: 6px 20px;
	margin-bottom: 20px;
}

	.dashbord-headband.signed {
		border-color: #439759;
		background-color: #41b863;
		color: #fff;
	}

	.dashbord-headband.done {
		border-color: #487a79;
		background-color: #488f91;
		color: #fff;
	}

	.dashbord-headband .steps {
		margin-top: -5px;
		display: block;
	}

		.dashbord-headband .steps .dot {
			width: 8px;
			height: 8px;
			background-color: #fff;
			border: 1px solid #fff;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-ms-border-radius: 4px;
			display: inline-block;
			margin: 0;
		}

			.dashbord-headband .steps .dot.empty {
				background-color: transparent;
			}

.select-wrapper.show a i.icon-angle-down:before {
	content: "\e909";
}

.label-empty {
	margin-top: 32px;
}

.border-dashed {
	border-bottom: 1px dashed rgba(120, 130, 140, .13);
}

.actions-btn {
	min-width: 70px;
}

.btn-done {
	background: rgba(65, 184, 99, 0.2);
	color: #41b863;
}

	.btn-done:hover {
		background: #41b863;
		color: #fff;
		opacity: 1;
	}

.btn-loading {
	background: rgba(210, 130, 45, 0.2);
	color: #d2822d;
}

	.btn-loading:hover {
		background: #d2822d;
		color: #fff;
		opacity: 1;
	}

.text-btn {
	color: #9fa29f;
}

.table td,
.table th {
	border-top: none;
}

.bg-total-result .onoffswitch-label {
	border: 2px solid #d4d4d4;
	background-color: #d4d4d4;
}

	.bg-total-result .onoffswitch-label:before {
		border-color: #d4d4d4;
	}

.bg-total-result .stretch-txt > span {
	background-color: #efede7;
}

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

#accordionComments .card .collapsed .icon-angle-down,
.accordion-tier .card .collapsed .icon-angle-down {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	cursor: pointer;
}

.accordion-versement .card .icon-angle-down {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	line-height: 20px;
}

.accordion-versement .card .collapsed .icon-angle-down {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.accordion .card-body {
	padding: 10px 15px 0 15px;
}

.btn-save,
.btn-cancel {
	position: absolute;
	right: 10px;
	top: 10px;
}

.btn-cancel {
	right: 40px;
}

/* wizard */

.block-tabs {
	border: none;
	margin: 0 -10px;
	margin-bottom: 30px;
}

	.block-tabs .nav-item {
		flex-basis: 100%;
		display: flex;
		text-align: center;
		justify-content: center !important;
		width: calc(100% / 7);
		background: none;
		margin: 0;
		position: relative;
	}

		.block-tabs .nav-item .nav-link {
			background-color: #fff;
			color: #7a8892;
			box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.05) !important;
			margin: 0 10px;
			min-height: 100px;
			width: 100%;
			text-align: center;
			justify-content: center !important;
			padding: 0;
			font-weight: 400;
			position: relative;
			border: none;
		}

		.block-tabs .nav-item:before {
			content: "";
			background: linear-gradient(-45deg, #a3a5a0 6.25%, #c8c9c6 6.25%, #c8c9c6 43.75%, #a3a5a0 43.75%, #a3a5a0 56.25%, #c8c9c6 56.25%, #c8c9c6 93.75%, #a3a5a0 93.75%);
			background-size: 4px 4px;
			padding: 0 5px;
			width: calc(100% - 20px);
			height: 4px;
			position: absolute;
			top: 0;
			left: 10px;
			z-index: 1;
		}

		.block-tabs .nav-item.done:before {
			content: "";
			background: linear-gradient(-45deg, #599f74 6.25%, #73cd96 6.25%, #73cd96 43.75%, #599f74 43.75%, #599f74 56.25%, #73cd96 56.25%, #73cd96 93.75%, #599f74 93.75%);
			background-size: 4px 4px;
			padding: 0 5px;
			width: calc(100% - 20px);
			height: 4px;
			position: absolute;
			top: 0;
			left: 10px;
			z-index: 1;
		}

		.block-tabs .nav-item.active:before {
			content: "";
			background: linear-gradient(-45deg, #677783 6.25%, #7a8892 6.25%, #7a8892 43.75%, #677783 43.75%, #677783 56.25%, #7a8892 56.25%, #7a8892 93.75%, #677783 93.75%);
			background-size: 4px 4px;
			padding: 0 5px;
			width: calc(100% - 20px);
			height: 4px;
			position: absolute;
			top: 0;
			left: 10px;
			z-index: 1;
		}

.nav-tabs.block-tabs li > a:before,
.nav-tabs.block-tabs li > a:after {
	display: none;
}

.block-tabs .nav-link:hover,
.block-tabs .nav-link:focus {
	border: none;
	color: #484b42;
}

.block-tabs .nav-item.active .nav-link:after {
	display: inline-block;
	height: 0;
	width: 0;
	border-top: 10px solid #a0aab1;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
}

.block-tabs .nav-item.active .nav-link {
	background-color: #a0aab1;
	color: #fff;
	border: none;
	box-shadow: none !important;
}

.line-number {
	width: 20px;
}

.badge-sign {
	bottom: 0px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 20px;
	line-height: 20px;
	padding: 0 10px !important;
}

.badge-num {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	line-height: 20px;
	text-align: center;
	top: 12px;
	position: absolute;
	left: 12px;
	font-size: 10px;
}

.sep-box {
	width: calc(100% - 150px);
	overflow: hidden;
	height: 13px;
	position: absolute;
	left: calc((100% - 150px)/ -2);
	top: 50%;
	margin-top: 0px;
}

.content-svg {
	width: 150px;
	height: 150px;
	margin: 0 auto;
}

.sep-box:before {
	display: block;
	content: url(../img/sep.svg);
	height: 11px;
	width: 117px;
	margin-left: calc((100% / 2) - 58px);
}

.page-wrapper-iframe .steps {
	margin-top: 10px;
	scroll-margin: 20px;
}


.table.table-mifid {
	min-width: 1500px;
}

/* type de compte cgp */

.badge-type {
	min-width: 80px;
	padding: 5px 5px 4px;
	text-transform: uppercase;
	display: inline-block;
	line-height: 14px;
	font-size: 11px;
	font-weight: 400;
}

.bg-ord {
	background: linear-gradient(-45deg, #8d60a5 6.25%, #b47bd2 6.25%, #b47bd2 43.75%, #8d60a5 43.75%, #8d60a5 56.25%, #b47bd2 56.25%, #b47bd2 93.75%, #8d60a5 93.75%);
	background-size: 4px 4px;
	padding: 0 5px
}

.bg-capi,
.bg-vie {
	background: linear-gradient(-45deg, #979200 6.25%, #c1bb00 6.25%, #c1bb00 43.75%, #979200 43.75%, #979200 56.25%, #c1bb00 56.25%, #c1bb00 93.75%, #979200 93.75%);
	background-size: 4px 4px;
	padding: 0 5px
}

.bg-pea {
	background: linear-gradient(-45deg, #409bb1 6.25%, #52c6e2 6.25%, #52c6e2 43.75%, #409bb1 43.75%, #409bb1 56.25%, #52c6e2 56.25%, #52c6e2 93.75%, #409bb1 93.75%);
	background-size: 4px 4px;
	padding: 0 5px
}

.bg-pea-pme {
	background: linear-gradient(-45deg, #599f74 6.25%, #73cd96 6.25%, #73cd96 43.75%, #599f74 43.75%, #599f74 56.25%, #73cd96 56.25%, #73cd96 93.75%, #599f74 93.75%);
	background-size: 4px 4px;
	padding: 0 5px
}

.bg-sca {
	background: linear-gradient(-45deg, #bc9900 6.25%, #f0c300 6.25%, #f0c300 43.75%, #bc9900 43.75%, #bc9900 56.25%, #f0c300 56.25%, #f0c300 93.75%, #bc9900 93.75%);
	background-size: 4px 4px;
	padding: 0 5px
}

.nbr-notif {
	top: -4px;
	right: -6px;
	font-size: 9px !important;
	font-weight: 300;
	width: 15px;
	height: 15px;
	line-height: 15px;
	position: absolute;
	border-radius: 50%;
	text-align: center;
}

.badge.badge-vie {
	background-color: #c1bb00;
	text-transform: none;
	padding: 3px 12px;
	font-weight: 300;
	font-size: 11px !important;
	line-height: 14px;
	height: 20px;
}

.badge.badge-ord {
	background-color: #b47bd2;
	text-transform: none;
	padding: 3px 12px;
	font-weight: 300;
	font-size: 11px !important;
	line-height: 14px;
	height: 20px;
}

*[data-toggle=modal],
*[data-toggle=tooltip] {
	cursor: pointer;
}

/* separateur de duplication bloc */
.sep-border {
	height: 1px;
	background: #484b42;
	width: 100%;
	margin: 10px 0;
	display: block;
	opacity: 0.5;
}

.sep-btn {
	position: relative;
}

	.sep-btn:before {
		content: "";
		height: 1px;
		background: #484b42;
		width: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 13.5px;
		z-index: 0;
		opacity: 0.5;
	}

	.sep-btn > div {
		background: #fff;
		padding: 0 15px;
		z-index: 1;
	}

.bg-softamber-20 .sep-btn:before,
.bg-softamber-20 .sep-border {
	opacity: 0.3;
}

.bg-softamber-20 .sep-btn > div {
	background: #f4f3ef;
}

.signe-duplicate {
	animation: fadeIn ease 1s;
	-webkit-animation: fadeIn ease 1s;
	-moz-animation: fadeIn ease 1s;
	-o-animation: fadeIn ease 1s;
	-ms-animation: fadeIn ease 1s;
}

/* accordion tier */

.accordion-tier .header-accordion {
	background: none;
}

	.accordion-tier .header-accordion > div:first-child {
		cursor: pointer;
		background: #eae7df;
	}

.btn-contracts {
	margin-top: -6px;
}

/* signatory */

.signatoryGrid {
	margin-top: 20px;
}

	.signatoryGrid td {
		border: none !important;
		padding: 0px;
	}

	.signatoryGrid .k-grid-header {
		display: none;
	}

.grid-drag {
	background: #EDEEEF;
	width: calc(100% - 43px);
}

	.grid-drag td {
		padding: 5px 0;
		border: none !important;
	}

		.grid-drag td:first-child {
			padding: 0 0 0 20px;
		}

		.grid-drag td:last-child {
			padding: 0 0px 0 0;
		}

.arrows-move {
	width: 30px;
	display: flex;
	align-items: start;
}

	.arrows-move span {
		line-height: 12px;
	}

		.arrows-move span.arrows-move-up.disabled,
		.arrows-move span.arrows-move-down.disabled {
			color: #e9ecef
		}

.signataires {
	display: flex;
	margin-left: 7px;
}

.signataire-circle {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #cac2b0;
	color: #484B42;
	border: 1px solid #fff;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -7px;
	flex-direction: column;
	position: relative;
}

	.signataire-circle span {
		width: 32px;
		text-align: center;
	}

		.signataire-circle span.signed,
		.signataire-circle span.notsigned {
			width: 8px;
			height: 8px;
			border-radius: 8px;
			position: absolute;
			background-color: #32c832;
			border: 1px solid #fff;
			bottom: 0px;
			right: 2px;
		}

		.signataire-circle span.notsigned {
			background-color: #ff0000;
		}


.dropdown-item-signatory {
	border-bottom: 1px solid #E7E9EA;
	min-height: 44px;
}

.signataires .dropdown-menu .dropdown-item-signatory:last-child {
	border: none;
}

.dropdown-item-signatory.dropdown-item.active,
.dropdown-item-signatory.dropdown-item:active {
	color: #182630;
	background: none;
}

.dropdown-item-signatory .signataire-circle {
	margin: 0;
}

.signataires .dropdown-menu {
	padding: 0 16px;
}

.tabstrip-signatory .k-tabstrip-items li .nav-link {
	height: auto;
	min-height: 40px;
}

.k-tabstrip.tabstrip-signatory .k-tabstrip-items li:before {
	top: 43px;
}

.k-tabstrip.tabstrip-signatory .k-tabstrip-items:before {
	top: 44px;
}

.status-badge {
	min-width: 30px;
	height: 15px;
	position: absolute;
	right: 0;
	bottom: 0;
	text-transform: uppercase;
	line-height: 17px;
	font-size: 8px;
	padding-right: 5px;
}



	.status-badge::before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 15px 9px;
		left: -9px;
	}



	.status-badge.old::before {
		border-color: transparent transparent #484B42 transparent;
	}



	.status-badge.new::before {
		border-color: transparent transparent #FFDA62 transparent;
	}



	.status-badge.old {
		background: #484B42;
		color: #ffffff;
	}



	.status-badge.new {
		background: #FFDA62;
		color: #000000;
	}

.slick-arrow {
	display: flex;
	align-items: center;
}

.content-tabstrip-indivision {
	height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* responsive */

@media (max-width: 1199px) {
	.label-empty {
		margin-top: 0px;
	}
}

@media (max-width: 991px) {
	.content-carousel-item {
		padding: 0 50px;
	}

	.carousel-control-prev {
		left: 0px;
	}

	.carousel-control-next {
		right: 0px;
	}

	.steps li {
		padding: 54px 0px 30px 0px
	}

	.steps-dashboard li:before {
		top: 10px;
		background-color: #ccc;
		width: 30px;
		left: -15px;
	}

	.steps-dashboard li {
		padding: 0px
	}

	.footer * {
		padding: 0;
		text-align: center !important;
	}

	.steps-de {
		width: 100%;
	}

	.block-tabs .nav-item .nav-link {
		font-size: 10px;
		line-height: 12px;
		padding: 0px;
		margin: 0 5px;
	}
}

@media (max-width: 767px) {
	#page-wrapper {
		height: calc(100vh - 90px);
		padding: 60px 0 30px 0;
	}

	.container-fluid {
		padding: 0 15px;
	}

	.sidebar {
		position: absolute;
		top: 0;
		z-index: 5;
	}

	.steps li span {
		width: 100%;
	}

	.step-date {
		margin: 10px auto;
	}

	.next-step,
	.prev-step {
		width: auto;
	}

		.next-step i,
		.prev-step i {
			font-size: 16px !important;
			margin-top: -7px;
		}

	.footer-step {
		height: 40px;
	}

	.prev-step:before {
		border-top: 40px solid #f4f3ef;
	}

	.next-step:before {
		border-top: 40px solid #f4f3ef;
	}

	.steps li {
		padding: 54px 0px 30px 0px
	}

	.steps-dashboard li {
		padding: 0px
	}

		.steps-dashboard li:before {
			width: 20px;
			left: -10px;
		}
}

@media (max-width: 575px) {
	#page-wrapper {
		height: calc(100vh - 30px);
	}

	.steps li {
		width: calc((100% - 120px) / 5);
	}

		.steps li span {
			width: 100%;
			font-size: 9px;
			text-transform: none;
		}

	.topbar .num-account {
		font-size: 11px;
	}

	.steps-dashboard li:before {
		width: 12px;
		left: -6px;
	}

	.dashbord-headband {
		display: block !important;
		text-align: center !important;
	}

		.dashbord-headband > div {
			width: 100%;
			text-align: center !important;
		}

		.dashbord-headband .steps {
			margin-top: -5px;
		}

	.intitule-pack {
		text-align: center;
	}

	.steps li span.circle-step {
		width: 30px;
		height: 30px;
		top: 10px;
		left: 50%;
		margin-left: -15px;
	}

	.w-mobile {
		min-width: 52%;
	}
}

@media (max-width: 1399px) {
	.box-step:nth-child(5) .sep-box:before {
		display: none;
	}
}

@media (max-width: 991px) {
	.box-step:nth-child(5) .sep-box:before {
		display: block;
	}

	.box-step:nth-child(4) .sep-box:before {
		display: none;
	}
}

@media (max-width: 575px) {

	.box-step:nth-child(5) .sep-box:before,
	.box-step:nth-child(4) .sep-box:before {
		display: block;
	}

	.box-step:nth-child(3) .sep-box:before,
	.box-step:nth-child(5) .sep-box:before {
		display: none;
	}
}

.pointer-none {
	pointer-events: none;
}

.pointer-default {
	pointer-events: auto;
}

.badge {
	text-transform: uppercase;
	font-weight: 600;
	padding: 3px 5px;
	font-size: 12px;
	margin-top: 1px;
	background-color: #fec107
}

#documentListGrid .k-alt,
#documentListGrid .k-pivot-layout > tbody > tr:first-child > td:first-child,
#documentListGrid .k-resource.k-alt,
#documentListGrid .k-separator {
	background-color: rgba(202, 194, 176, .1);
}

#tableScoreGrid .k-alt,
#tableScoreGrid .k-pivot-layout > tbody > tr:first-child > td:first-child,
#tableScoreGrid .k-resource.k-alt,
#tableScoreGrid .k-separator {
	background-color: rgba(202, 194, 176, .1);
}

.worldCheckGrid,
.worldCheckGrid2,
.worldCheckGrid tr,
.worldCheckGrid2 tr,
.worldCheckGrid .k-pager-wrap,
.worldCheckGrid2 .k-pager-wrap {
	background: none;
}

	.worldCheckGrid th.k-header,
	.worldCheckGrid2 th.k-header {
		background: #eae7df;
	}

	.worldCheckGrid .k-pager-wrap,
	.worldCheckGrid2 .k-pager-wrap {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.worldCheckGrid td,
	.worldCheckGrid2 td {
		border-color: #eae7df !important;
		word-break: break-word;
	}

	.worldCheckGrid2 .k-pager-numbers .k-link {
		background: #ffffff;
	}

		.worldCheckGrid2 .k-pager-numbers .k-link:hover {
			color: #e6272f;
		}

	.worldCheckGrid2 .k-state-disabled {
		background: #ddd !important;
	}

/* daterange */

.daterangepicker {
	border-radius: 0;
	font-family: 'stolzl';
	box-shadow: 0 3px 12px rgba(0, 0, 0, .05) !important;
}

	.daterangepicker td.active,
	.daterangepicker td.active:hover {
		background-color: #e62a30;
		border-color: transparent;
		color: #fff;
	}

	.daterangepicker td.in-range {
		background-color: #474a42;
		border-color: transparent;
		color: #c8c3af;
		border-radius: 0;
		position: relative;
	}

	.daterangepicker td.available,
	.daterangepicker th.available {
		border-radius: 0;
	}

		.daterangepicker td.available:hover,
		.daterangepicker th.available:hover {
			background-color: #c8c3af;
			border-color: transparent;
			color: #474a42;
		}

	.daterangepicker td.start-date {
		position: relative;
		border-radius: 0;
	}

		.daterangepicker td.start-date:before {
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			border-left: 0;
			border-right: 10px solid transparent;
			border-top: 10px solid #474a42;
		}

	.daterangepicker td.end-date {
		position: relative;
		border-radius: 0;
	}

		.daterangepicker td.end-date:before {
			content: "";
			display: block;
			position: absolute;
			bottom: 0;
			right: 0;
			border-left: 10px solid transparent;
			border-right: 0;
			border-bottom: 10px solid #474a42;
		}

	.daterangepicker td.start-date.end-date {
		border-radius: 0;
	}

		.daterangepicker td.start-date.end-date:before {
			border-radius: 0;
			bottom: auto;
			right: auto;
			border-left: 0;
			border-right: 10px solid transparent;
			border-top: 10px solid #474a42;
			border-bottom: 0;
		}

		.daterangepicker td.start-date.end-date:after {
			content: "";
			display: block;
			position: absolute;
			bottom: 0;
			right: 0;
			border-left: 10px solid transparent;
			border-right: 0;
			border-bottom: 10px solid #474a42;
		}

	.daterangepicker td.active,
	.daterangepicker td.active:hover {
		background-color: #e62a30;
		border-color: transparent;
		color: #fff;
	}

.form-control.k-input {
	font-size: 12px;
}

.tierType-select .form-control.k-dropdown {
	box-sizing: border-box;
}

.tierType-select .k-dropdown {
	margin-top: 6px;
	height: 34px;
}

.tierType-select .k-input,
.tierType-select .k-select {
	color: #fff !important;
}

	.tierType-select .k-input:before {
		display: none;
	}

.tierType-select .k-dropdown .k-dropdown-wrap {
	padding-right: 25px !important;
}

.tierType-select * {
	font-weight: 300;
}

.tierType-select .k-icon {
	color: #fff !important;
	margin-top: 10px;
	margin-left: 5px;
}

.tierType-select {
	height: 40px;
	text-transform: none;
	color: #fff;
}

.bg-title .form-control.k-dropdown .k-dropdown-wrap.k-state-default {
	background: 0 0;
	border: none;
}

.circle-legend {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 1px;
}

.phone-input {
	width: calc(100% - 100px);
}

.signatories-list .row-add-signatory {
	width: calc(100% - 100px);
}

.signatories-list .row-signatory:first-child .row-add-signatory,
.signatories-list .row-signatory:last-child .row-add-signatory {
	margin-left: 15px;
}

.row-cgp > div {
	padding: 20px 0px 0 0px;
	border-top: 1px solid #E7E9EA;
}

.k-grid-edit-row > td > .k-widget:not(.k-switch) {
	width: 70% !important;
	z-index: 100 !important;
}

.pointer {
	cursor: pointer;
}

.btn-save-status {
	z-index: 500 !important;
	margin-left: 10px !important;
	position: relative;
}

.template-outer #page-wrapper {
	padding: 0;
	margin: 0;
	height: 100%;
}

.template-outer .container-fluid {
	max-width: 1440px;
	margin: 0 auto;
}

.template-outer .logo {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	margin-top: 40px !important;
	margin-bottom: 40px !important;
	height: 75px;
}

.template-outer .panel {
	height: calc(100vh - 282px);
	overflow: auto;
}

.template-outer .bg-title {
	border-left: none;
	color: #003d39;
}

.template-outer .bg-sub-title {
	background: none;
	font-size: 14px;
	box-shadow: none;
	color: #182630;
}

.template-outer p, .template-outer ul {
	font-size: 12px;
}

.template-outer h3, .template-outer h4 {
	padding-left: 0;
	background: none;
	margin: 10px 0;
	letter-spacing: 0;
}

.template-outer h5 {
	font-size: 14px
}

.text-rougeoddo {
	color: #d52819 !important;
	fill: #d52819 !important
}

.text-noirardoise {
	color: #182630 !important;
	/* fill: #182630 !important; */
}