.title {
	font-size: 20px;
}

.tab-content {
	padding: 0 !important;
}
.b-tabs {
	margin: 0 !important;
}
.b-checkbox {
	font-size: 14px;
}
.field.label-m-0 {
	label.label {
		margin: 0px !important;
	}
}

.previous {
	animation: slide-in 0.5s forwards;
	-webkit-animation: slide-in 0.5s forwards;
}

.next {
	animation: slide-out 0.5s forwards;
	-webkit-animation: slide-out 0.5s forwards;
}
 
 @keyframes slide-in {
	0% { -webkit-transform: translateX(-10%); }
	100% { -webkit-transform: translateX(0%); }
 }
 
 @-webkit-keyframes slide-in {
	  0% {transform: translateX(-10%); }
	 100% { transform: translateX(0%); }
 }
 
 @keyframes slide-out {
	 0% { transform: translateX(50%); }
	 100% { transform: translateX(-0%); }
 }
 
 @-webkit-keyframes slide-out {
	 0% { -webkit-transform: translateX(50%); }
	 100% { -webkit-transform: translateX(-0%); }
 }

.view-tab{
	z-index: 0;
}

.tabs {
	height: 52px;
	background: $tab-background !important;
	ul {
		padding-top: 10px;
		li {
			display: inline;
			list-style-type: none;
			padding-bottom: 15px;

			&.is-active {
				position: relative;
				&::before {
					content: "";
					@include widhHeight(calc(100% - 55px), 5px);
					@include position(absolute, unset, unset, 0, 40px);
					background: $primary-brand;
				}
			}

			img {
				filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(314deg) brightness(205%) contrast(100%);
				margin-bottom: 3.5px;
				cursor: pointer;
			}
			
			a {	
				
				position: relative;
				cursor: pointer;
				text-decoration: none;
				@extend .fz-20;
				border: none !important;
				color: black !important;
				padding: 18px;
				padding-left: 40px;
				width: 100px;
			
				& div.dropdown {
					z-index: 1;
					// margin-top: 0;
					// position: fixed;
					@include position(absolute, 80px, 50px, 20px, 40px);
					width: 400px;
					display: none;
					height: fit-content;
					font-size: 20px;
					flex-direction: column;
					margin-top: -20px;
					border-bottom: 0px;
					padding: 5px;
					border-radius: 10px;
					background-color: white !important;
					border: 2px solid rgb(225, 223, 223);
					
					div.dropdown__item {
						font-weight: 300;
						text-transform: uppercase;
						// @include flex(false, false, start, center);
						// @include widhHeight(100%, 40px);
						color: black;
						border-style: solid;
  						border-width: medium;
						margin-right: 10px;
						border-radius: 0;
						cursor: pointer;
						border: none;
						line-height: 31px;
						margin-left: 20px;
					}
				}
			}

		}
	}
}



.go-back-arrow {
	cursor: pointer !important;
}

.label {
	font-weight: 500 !important;
	font-size: 15px !important;
}

.label-file-field {
	.label {
		font-size: 14px !important;
	}
}

.dropdown {
	top: 60px;
	&-menu {
		min-width: 100% !important;
	}
	&.is-mobile-modal {
		position: unset !important;
	}
}

.table {
	margin-bottom: 25px !important;
}

.fa-chevron-right {
	font-size: 12px;
	color: $primary-brand;
}

.modal-content {
	background-color: white !important;
	width: 92% !important;
	max-width: 1130px !important;
	margin: 0 15px;
	overflow-y: hidden;
}

.step {
	&-item {
		&.is-active,
		&.is-previous {
			.step-marker {
				background: $primary-brand !important;
				border: $primary-brand !important;
			}
			&::before {
				background: $primary-brand !important;
			}
		}
		&:before {
			height: 10px !important;
			top: calc(1rem - 5px) !important;
		}
	}
	&-title {
		font-size: 14px !important;
	}
}

.pagination-link,
.pagination-next,
.pagination-previous {
	border: none !important;
}

.pagination {
	&-list {
		.is-current {
			color: #363636 !important;
			background-color: white !important;
			border: 1px solid #a8a8a8 !important;
		}
	}
}
.select {
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	&:not(.is-multiple):not(.is-loading)::after {
		border-color: $primary-brand !important;
		width: 0.5rem;
		height: 0.5rem;
		top: calc(50% - 0.5rem);
	}
	select {
		font-size: 13px !important;
		border-color: $gray !important;
		outline: none;
		&:focus {
			border-color: $primary-brand !important;
			box-shadow: 0 0 0 0.125em rgba(100, 100, 100, 0.25) !important;
		}
	}
}
.block {
	min-height: 36px;
	// display: flex;
	align-content: center;
	.checkbox {
		margin-right: 15px;
		width: fit-content;
		.control-label {
			display: flex;
			align-items: center;
		}
		img {
			margin-right: 10px;
		}
	}
	.b-checkbox.checkbox + .checkbox {
		margin: 0px !important;
	}
	@include breakpoint(xs) {
		flex-direction: column;
		row-gap: 10px;
		.checkbox {
			margin: 0 !important;
		}
	}

	&--y {
		flex-direction: column;
		gap: 15px;
		.checkbox {
			margin: 0 !important;
		}
	}
	&--spaced {
		.checkbox {
			width: 200px;
		}
		gap: 50px;
	}
}
.field {
	.label {
		@extend .fz-14;
	}
	p {
		font-size: 13px;
		font-weight: 500;
	}
	&.with-button {
		height: 100%;
		display: flex;

		align-items: flex-end;
		.c-btn {
			height: 37px;
		}
	}

	&:not(:last-child) {
		margin-bottom: 0 !important;
	}
}

.pagination {
	font-size: 13px !important;
}

.autocomplete .dropdown-content {
	overflow-y: overlay !important;
	max-height: 114px !important;
	overflow-x: hidden;
	&::-webkit-scrollbar {
		width: 8px;
		position: absolute;
		&-thumb {
			background-color: $gray;
			border-radius: 6px;
			&:hover {
				background-color: $gray;
			}
		}
		&-track {
			background-color: $tab-background;
			border-radius: 5px;
			margin: 5px 0;
		}
	}
	& .dropdown-item {
		font-size: 13px !important;
	}
}

.control.has-icons-right .icon.is-right,
.control.has-icons-left .icon.is-left {
	top: -4px !important;
	left: unset !important;
	right: 0px;
}

.help.is-danger {
	display: none !important;
}
.mdi.mdi-chevron-right.mdi-24px,
.mdi.mdi-chevron-left.mdi-24px {
	color: $primary-brand;
}
.datepicker-cell.is-selected {
	background-color: $primary-brand !important;
}
.datepicker-cell.is-today {
	border: solid 1px $primary-brand !important;
}
.select:not(.is-multiple):not(.is-loading)::after {
	top: 16px !important;
	right: 12px !important;
	border-radius: 0 !important;
	border-color: $dark-gray !important;
	border-left-width: 2px !important;
	border-bottom-width: 2px !important;
}
.datepicker {
	input {
		padding-left: calc(0.625em - 1px) !important;
	}
}

.input:focus,
.taginput .taginput-container.is-focusable:focus,
.textarea:focus,
select select:focus,
.is-focused.input,
.taginput .is-focused.taginput-container.is-focusable,
.is-focused.textarea,
select select.is-focused,
.input:active,
.taginput .taginput-container.is-focusable:active,
.textarea:active,
select select:active .is-active.select,
.is-active.input,
select:focus,
.taginput .is-active.taginput-container.is-focusable,
.is-active.textarea,
select select.is-active {
	border-color: $primary-brand !important;
	box-shadow: 0 0 0 0.125em $primary-shadow !important;
}
.datepicker {
	&-table &-cell {
		padding: 2px 5px !important;
		font-size: 13px;
	}
	&-header {
		padding-bottom: 10px !important;
		margin-bottom: 5px !important;
		.select {
			height: auto !important;
			select {
				width: 80px;
			}
		}
		[class*="pagination-"] {
			min-width: 30px;
		}
	}
}
.is-colon {
	font-size: 19.5px !important;
}
input::placeholder {
	color: $dark-gray;
  }

  input {
	  color: $dark-gray !important;
  }
select {
	color: $dark-gray;
	
}



.header {
	+ #modal--delete {
		width: fit-content !important;
		margin-bottom: 30px;
	}
}

.upload {
	flex-direction: row-reverse !important;
}

.file-name {
	border: 1px solid #dcdcdc93 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	height: 31px !important;
	width: 16em !important;
	text-align: end !important;
	background-color: $white;
	font-size: 13px !important;
}

.delete-modal {
	.modal-content {
		width: fit-content !important;
	}
}

.medium-modal {
	.modal-content {
		width: -webkit-fill-available !important;
		max-width: 350px !important;
	}
	.cols-grid {
		@include breakpoint(md) {
			grid-template-columns: unset !important;
		}
	}
}

.scheduler_default_corner_inner {
	&::after {
		content: "HAB.";
		position: absolute;
		@include flex(false, false, center, center);
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		color: $primary-brand;
		font-weight: 600;
	}
}

.scheduler_default_scrollable {
	box-sizing: border-box;
	border-bottom: solid 1px $gray;
	height: 640px !important;
	@extend .scroll-style;
}

.scheduler_default_main {
	height: 675px !important;
	border: 1px solid rgba(0, 0, 0, 0.085) !important;
}

.scheduler_default_rowheader_scroll {
	height: 640px !important;
}

.scheduler_default_cell {
	border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.scheduler_default_timeheadercol_inner {
	text-transform: capitalize !important;
}

.scheduler_default_cellparent {
	background-color: $secondary-brand !important;
}
.scheduler_default_tree_image_expand,
.scheduler_default_tree_image_collapse {
	left: 50px !important;
}
.scheduler_default_tree_image_expand + .scheduler_default_rowheader_inner_text {
	font-weight: 600 !important;*,*:focus,*:hover{
		outline:none;
	}
}

.scheduler_default_rowheader_inner_text {
	margin-left: 5px !important;
}

.tooltip {
	i {
		color: $primary-brand;
		background-color: transparent;
	}
	&-content {
		text-align: left !important;
		span {
			text-transform: capitalize;
			color: $primary-brand;
		}
		p {
			color: $light-black;
		}
	}
	&-white {
		i {
			color: white !important;
			background-color: transparent;
		}
	}
}

.select:not(.is-multiple) {
	height: initial !important;
}

*,*:focus,*:hover{
    outline:none;
}

input:-internal-autofill-selected {
	background-color: white;
}

.input_error {
	border-color: $error-state !important;
	box-shadow: 0;
}

.radio-group {
	display: flex;
	flex-direction: row;

}

.radio-item {
	display: flex;
	flex-direction: row;
	
	padding-right: 8px;
	align-items: center;
	label{
		margin-left: 10px;
	}
}