/*==========================
      Universal CSS
==========================*/
/* Chrome, Safari, Edge, Opera */
/*input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}*/
/* Firefox */
/*input[type=number] {
	-moz-appearance: textfield;
}*/

a {
	text-decoration: none;
	color: $BlueColor;
    &:hover {
	    text-decoration: none;
    }
}
svg {
	pointer-events: none;
	&.svg24 {
		width: 24px;
	}
}
input:focus, a:focus, button:focus, textarea:focus {
    outline: none;
}
.Fsize {
	&_12 {
		font-size: $Fsize_12;
	}
	&_14 {
		font-size: $Fsize_14;
	}
	&_16 {
		font-size: $Fsize_16;
	}
	&_18 {
		font-size: $Fsize_18;
	}
	&_20 {
		font-size: $Fsize_20;
	}
}
.fw-500 {
	font-weight: 500;
}
.fw-900 {
	font-weight:900;
}
.flex-auto {
	flex: 0 0 auto;
}
.break-all {
	word-break: break-all;
}
.z-index-1 {
	z-index: 1;
}
.cursor-pointer {
	cursor: pointer;
}
.BtnDark {
	border: 1px solid $ButtonColor;
	background-color: $ButtonColor;
	color: $WhiteColor;
	&:hover {
		background-color: #4b4657;
		color: $WhiteColor;
		svg {
			path {
				fill: $BlueColor;
			}
		}
	}
}

.form-control {
    @include placeholder {
    }
	&:focus {
	}
}
.custom-select {
	background-image:url("../images/arrow-down.svg");
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right center;
    &:focus {
        outline: none;
    }
}

select::-ms-expand {
    display: none;
}
textarea {
    height: auto;
    min-height: 90px;
    resize: none;
}
input::-webkit-input-placeholder {
    opacity: 1;
}
input:-moz-placeholder {
    opacity: 1;
}
input::-moz-placeholder {
    opacity: 1;
}
input:-ms-input-placeholder {
    opacity: 1;
}
textarea::-webkit-input-placeholder {
    opacity: 1;
}
textarea:-moz-placeholder {
    opacity: 1;
}
textarea::-moz-placeholder {
    opacity: 1;
}
textarea:-ms-input-placeholder {
    opacity: 1;
}
