#cmp-settings-button{
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 13px;
	line-height: 1;
	font-weight: 300;
	padding: .25em!important;
	border-top-left-radius: .25em;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	z-index: 999;
}

#scroll-up.show{
	bottom: 60px;
}

#modal-cmp .btn-link {
    padding: 0;
}

#modal-cmp .modal-footer .btn-link{
	font-weight: 400!important
}

#modal-cmp .accordion .btn-link:hover{
	text-decoration: none;
}

#modal-cmp ul{
	padding-left: 0;
	list-style-type: none
}

@media (min-width: 1200px){
	.modal-lg {
		max-width: 800px;
	}
}


#modal-cmp .modal-dialog-scrollable .modal-content {
    overflow:inherit;
}

.modal-dialog-scrollable .modal-body{
	overflow-y: scroll;
}


.modal-cmp-step{
	opacity: 1;
	visibility: visible;
	/*transform: scale(1);*/
	transition: all .3s .3s;
}

.modal-cmp-step.modal-cmp-step-hidden{
	opacity: 0;
	visibility: hidden;
	/*transform: scale(0);*/
	transition: all .3s;
}

.modal-content-ctn{
	flex: 1 1 auto;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 1fr;
	height: calc(100% - 80px);
}

.modal-cmp-step{
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	max-height: 100%
}



#modal-cmp .modal-header{
	height: 80px;
	width: 100%;
	padding-left: 3rem;
	padding-right: 3rem;
}

.modal-dialog-scrollable .modal-content{
	height: 80vh;
	max-height: 80vh;
}

@media (min-width: 768px){
	
	.modal-dialog-scrollable .modal-content{
		height: 60vh;
		max-height: 60vh;
	}
	
	#modal-cmp .modal-header,
	#modal-cmp .modal-body,
	#modal-cmp .modal-footer{
	   padding-left: 2rem;
	   padding-right: 2rem;
	}
}


#modal-cmp .modal-body{
	height: 
}

#modal-cmp .modal-switch-container{
	display: flex;
	flex-wrap: wrap;
}

#modal-cmp .modal-switch-title{
	flex-grow: 1;
}

#modal-cmp modal-switch-description{
	flex: 0 0 100%;
	min-width: 100%;
}

#modal-cmp .form-switch{
	padding-top: 
}

#modal-cmp .btn-refuse{
	position: absolute;
	bottom: 100%;
	color: #fff;
	padding: .375rem 0;
}

#modal-cmp .btn-return{
	position: absolute;
	top: 1rem;
	left: 0;
	color: inherit;
	padding: .375rem 1.5rem;
}

#modal-cmp-form-options{
	border-top-color: transparent!important;
}

#modal-cmp-form-partnairs .flex-grow-1{
	max-width: calc(100% - 50px);
}

.cmp-switch-label{
	white-space: inherit;
}

.cmp-vendor-collapse{
	flex: 0 0 100%;
	min-width: 100%;
}

.cmp-vendor-collapse>ul{
	padding-top: 5px;
}
	
	
	
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: var(--primary);
  outline: 0;
  box-shadow: 0 0 5px 1px var(--primary);
}

.form-check-input:checked {
  background-color: var(--primary);
  /*border-color: var(--primary);*/
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--primary);
  border-color: var(--primary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
  font-size: 1.2rem;
}

.form-switch .form-check-input {
  font-size: 1em;
  color: rgba(0,0,0,.25);
  color: var(--border);
  width: 2em;
  margin-left: -2.5em;
  background-image: radial-gradient(circle closest-side, currentColor 80%, transparent calc(80% + 2px))!important;
  background-position: -.5em center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

.form-switch .form-check-input:checked {
	background-color: var(--primary);
	color: #fff;
	background-position: .5em center;
	
}

.form-switch .form-check-input:focus {
	color: var(--primary);
	background-color: #fff;
	background-image: 
		radial-gradient(circle closest-side, currentColor 80%, transparent calc(80% + 2px)),
		linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5))
		!important;
}

@media( max-width: 575px){
	.cmp-switch-label{
		font-size: .9rem;
	}
	
	#modal-cmp .modal-footer .btn{
		font-size: 14px;
		font-weight: 400;
	}
}
