/* Defaults */

/* PrimeVue default size is 14px */
html{
	font-size: 14px;
}

/**TODO: wip - will be removed**/
.fs-12-px {
	font-size: 12px;
}
/**TODO: wip - will be removed**/
.fs-14-px {
	font-size: 14px;
}
.fs-7 {
    font-size: 0.889rem!important
}

.fs-8 {
    font-size: 0.79rem!important
}

.fs-9 {
    font-size: 0.7rem!important
}

.h-5 {
	height: 5%;
}

.h-95 {
	height: 95%;
}

.bg-linear-gradient {
	background: linear-gradient(190deg, #E7F5FE, #FEECEF);
}

.btn-sm-rounded {
	height: 1.5rem;
	width: 1.5rem;
}

.btn-group.tabs {
	border-radius: 0;
}

.btn-group.tabs .btn::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: width 0.3s, background-color 0.3s;
}

.btn-group.tabs .btn:hover, .btn-group.tabs .btn:focus, .btn-group.tabs .btn-check:checked+.btn {
	color: #007bff;
	font-weight: bold;
}

.btn-group.tabs .btn-check:not(:checked)+.btn {
	color: gray;
	font-weight: bold;
}


.btn-group.tabs .btn-check:checked+.btn::after {
	width: 100%;
	background: #007bff;
}

.btn-group.tabs .btn:hover::after {
	width: 100%;
	background: #007bff;
}

/* BOOTSTRAP CHANGES */
:root {
	--bm-select-color: #007BFF;
	--bm-edit-widget-z-index: 1245;
	--bm-toast-z-index: 1250;
}


.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-primary-color);
    --bs-nav-link-hover-color: var(--bm-select-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
}

.nav-tabs {
    --bs-nav-tabs-border-width: 0px;
}

.nav-tabs .nav-link {
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
/* 	min-width: 250px; */
	transition: width 0.9s, border-color 0.9s;
	 --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-body-bg) var(--bs-body-bg) var(--bm-select-color);
    --bs-nav-tabs-link-active-color: var(--bm-select-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-body-bg) var(--bs-body-bg) var(--bm-select-color);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.row.separator {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem!important;
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    padding-bottom: 3rem!important;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}
dt {
	margin-bottom: .5rem;
	font-weight: 700;
}
dd {
    margin-bottom: 1rem;
    margin-left: 0;
}
/* END BOOTSTRAP  */

/* Edit Widget - START */

/*TODO - can be deleted - basic example*/
[data-bm-property] {
	border-top: unset;
	border-left: unset;
	border-right: unset;
	outline-color: transparent;
}

/*TODO - can be deleted - basic example*/
[data-bm-property]:not(:hover), [data-bm-property]:not(:focus), [data-bm-property]:not([data-bm-entity-editing='true']) {
	border-bottom: unset;
}

/*TODO - can be deleted - basic example*/
[data-bm-property]:hover, [data-bm-property]:focus, [data-bm-property][data-bm-entity-editing='true'] {
	border-bottom-color: var(--bs-border-color);
	border-bottom-style: solid;
	border-bottom-width: var(--bs-border-width);
}

[data-bm-edit-actions='entity'] {
	height: 110px;
	padding-right: 20%;
	
	opacity: 0;
	transform: translateY(100%);
	transition: opacity 0.5s ease, transform 0.5s ease;
	z-index: var(--bm-edit-widget-z-index);

}

[data-bm-edit-actions='entity']>span {
	margin-right: 2%
}

[data-bm-edit-actions='entity']>button {
	margin-right: 1%
}

[data-bm-edit-actions='entity'][data-bm-entity-editing='true'] {
	opacity: 1;
	transform: translateY(0);
}

/* Edit Widget - END */


.toast-container {
	z-index: var(--bm-toast-z-index);
}


@media screen and (min-width: 768px) {
	/** TODO: missing design for footer - this is WIP **/
	#menu-footer {
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.5s linear;
		-webkit-transition: visibility 0s, opacity 500ms linear;
		-moz-transition: visibility 0s, opacity 500ms linear;
		-o-transition: visibility 0s, opacity 500ms linear;
	}
	
   
}

/* 	Star rating  control */
.stars-control:hover {
			cursor: default;
		}
		
.star-rating {
	text-align: center;
}


  .stars-control .star-rating:before {
      position: relative;
      font-family: 'FontAwesome', serif;
      display: block;
      content: "\f005";
      color: #CFFCEC;
  }

  .stars-control.active .star-rating.active ~ .star-rating:before {
    color: #CFFCEC;
  }

  .stars-control.active .star-rating:before,
  .stars .star-rating.active:after {
    color: #0DD990;
  }

  .stars-control.interactive .star-rating:hover ~ .star-rating:before {
    color: #CFFCEC !important;
  }

  .stars-control.interactive:hover .star-rating:before {
    color: #0DD990 !important;
  }

@media screen and (max-width: 576px) {
	[data-bm-edit-actions='entity'] {
		padding-right: 0%;
	}
}

.gradient-border {
	position: relative;
	border-width: 8px;
	border-radius: 15px;
	background: white;
}

.gradient-border::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 8px;
	border-radius: 25px 0 0 25px; /* Rounded on the left side only */
	background: linear-gradient(to bottom, #FEECEF, #E7F5FE);
	/* Vertical gradient */
}

.bootbox.modal {z-index: 9999 !important;}