@import "src/assets/scss/variables";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800&display=swap");

:root{
	--cursor: initial;
	--pointer-events: initial;
}

* {

	margin: 0;
	padding: 0;
	box-sizing: inherit;

}

html {
	/* font-size: 10px; */
	font-size: 62.5%;
	cursor: var(--cursor);
}

body {

	pointer-events:  var(--pointer-events);
	box-sizing: border-box;
	font-family: $font-family;
	font-size: 1.6rem;

}

ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: $font-family;
	color: $title_color;
}

p,
li {
	font-size: $text-size;
	letter-spacing: 0.4px;
	font-family: $font-family;
	color: $text-color;
	font-weight: $extra-light;
	margin-bottom: 0;
}

.success-text {
	color: $success-color;
	font-weight: $bold;
}
.error-text {
	color: $error-color;
	font-weight: $bold;
}
.sub-text {
	font-size: $subtext-size;
	font-weight: $extra-light;
}

a,
span {
	font-family: $font-family;
	color: inherit;
	text-decoration: none;
}

a {
	color: $secondary-color;
}

a,
button {
	transition: 0.3s ease-in-out;
}

//typography
.context-text {
	font-size: $text-size;
	color: $text-color;
	line-height: 30px;
	font-family: $font-family;
	font-weight: $light;
}
b {
	font-weight: $bold;
}
.thin-text {
	font-weight: $thin;
}
//UI
.mybtn {
}

//three dots after width
.text-ellipsis {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

//SVGS COLORS

.white-icon{
	filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(7486%) hue-rotate(255deg) brightness(114%) contrast(114%);
}

.gray-icon{
	filter: brightness(0) saturate(100%) invert(69%) sepia(15%) saturate(1%) hue-rotate(314deg) brightness(89%) contrast(100%);
}

.inactive-icon{
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7466%) hue-rotate(57deg) brightness(89%) contrast(93%);
}

.loading{
	cursor: wait !important;
}

/**
mui overrides
 */

.MuiTypography-root {
	font-size: 16px !important;
}

.MuiButtonBase-root{
	font-size: 16px !important;
}
.MuiPickersCalendarHeader-label{
	font-size: 16px !important;
}