@font-face {
	font-family: 'Inter Semi Bold';
	src: url('inter_semi_bold.eot'); /* IE 9 Compatibility Mode */
	src: url('inter_semi_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('inter_semi_bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('inter_semi_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('inter_semi_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('inter_semi_bold.svg#inter_semi_bold') format('svg'); /* Chrome < 4, Legacy iOS */
}
@font-face {
	font-family: 'Inter Light';
	src: url('inter_light.eot'); /* IE 9 Compatibility Mode */
	src: url('inter_light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('inter_light.woff2') format('woff2'), /* Super Modern Browsers */
		url('inter_light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('inter_light.ttf') format('truetype'), /* Safari, Android, iOS */
		url('inter_light.svg#inter_light') format('svg'); /* Chrome < 4, Legacy iOS */
}
body {
    font-family: 'Inter Light';
	margin: 0;
}
a {
	text-decoration: none;
	color: unset;
	font-size: 1vw
}
a:hover {
	/* opacity: 0.4; */
}
p {
	margin:0;
	line-height: 5vw;
	font-size: 4vw
}
h1 {
	font-family: 'Inter Semi Bold';
	font-size: 4.5vw;
}
h2 {
	font-family: 'Inter Semi Bold';
    font-size: 2.1vw;
}
h3 {
	font-family: 'Inter Semi Bold';
    font-size: 1.6vw;
	margin: 0;
	margin-bottom: 0.5vw;
}
.bold {
	font-family: 'Inter Semi Bold';
}
.center {
	text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.loginform {
	width: 60vw;
}
.loginform div {
	position: relative;
}
.loginform_img {
	position: absolute;
    width: 4vw;
	left: 3vw;
	top: 3vw;
}
.loginform p {
	text-align: center;
	font-size: 3vw;
	margin-top: 5vw;
}
.loginform input {
	border: none;
	padding: 3vw;
	padding-left: 4vw;
	outline: none;
  display: block;
	margin-bottom: 4vw;
	width: 100%;
	box-sizing: border-box;
	border-radius: 1vw;
  background: rgba(255,255,255,0.6);
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: black;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: black;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: black;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: black;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: black;
}
::placeholder { /* Most modern browsers support this now. */
   color: black;
}

.loginform button {
  border: none;
	padding: 3vw;
	outline: none;
  display: block;
  margin-bottom: 1vw;
	width: 100%;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 1vw;
	z-index: 99;
	position: relative;
  background: rgba(255,255,255,0.6);
}

.login {
  display: flex;
  justify-content: center;
	align-items: center;
  height: 160vw;
}
header {
	border-bottom: 1px solid #D9D9D9;
	position: fixed;
  top: 0;
	z-index: 999;
	background: white;
	width: 92vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4vw 5vw;
}
.userphoto {
	width: 15vw;
	height: 15vw;
	background-size: cover;
	border: 2px solid #595959;
	border-radius: 50vw;
	display:  inline-block;
	margin: 0.5vw 0.6vw 0.5vw 0;
	position: relative;
  top: 0.1vw;
}
.logout {
  width: 8vw;
  margin: 0.8vw 1.5vw 0.8vw 0.3vw;
  cursor: pointer;
}
menu {
	position: fixed;
	margin: 0;
	top: 0vw;
	height: 100vh;
	background: #E6FFFB;
	display: block;
/* 	border-right: 1px solid #D9D9D9; */
	border-top: 1px solid #D9D9D9;
	padding: 0 0 0 1vw;
	width: 3vw;
	z-index: 99;
	box-shadow: 0 0px 10px 0 #D9D9D9;
}
menu .menu {
	margin-top: 5vw;
}
.menu_row img {
	width: 2vw;
}
.menu_row .wrapper {
	display: inline-block;
    vertical-align: middle;
	width: 2vw;
	text-align: center;
	margin-right: 0.5vw;
}
.menu_row span {
	vertical-align: middle;
	color: #595959;
}
.menu_row {
	margin: 1vw 0 0;
	opacity:0.4;
}
.menu_row._active {
	opacity:1;
}
.menu_row._active span {
    font-weight: bold;
}
content {
  display: block;
  padding-left: 6vw;
  padding-top: 30vw;
  padding-right: 2vw;
  width: 92vw;
	padding-bottom: 8vw
}
.menu_footer {
	position: absolute;
	bottom: 0;
	padding-bottom: 2vw;
	width: 12vw;
}
.allert {
    width: 8vw;
    position: relative;
    top: -0.8vw;
    margin-right: 3vw;
    cursor:pointer;
}
.booking_div {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0px 0px 40px rgba(38, 38, 38, 0.1);
    border-radius: 1vw;
    height: 1vw;
    padding: 2vw;
    width: 4.3vw;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
  	opacity: 0.5;
  	cursor:pointer;
}
.booking_div._active {
	opacity: 1!important;	
	background-color: #ADFF2F;
}
.booking_div:hover{
    background-color: #ADFF2F;
	opacity: 1!important;	
}
.booking_div img {
    width: 11vw!important;
}
.notif {
    position: absolute;
    top: -0.5vw;
    right: -0.5vw;
    background: red;
    color: white;
    border-radius: 30vw;
    display: flex;
    height: 1.5vw;
    width: 1.5vw;
  	justify-content: center;
	align-items: center;
	font-size: 0.8vw;
	border: 3px solid #283046;
}
.booking_users {
	width: 15vw;
	border-collapse: collapse;
}
.booking_users td {
	padding: 0.5vw;
	border-bottom: 1px solid #3B4253;
	font-size: 1vw;
}
.menu_title {
  display:none;
}
.table_menu {
	position: absolute;
  background-color: #283046;
  padding: 10px 15px 5px;
  border-radius: 5px;
	z-index: 9999999;
	width: 127px;
	top: -160px;
	border: 1px solid black;
}
.table_menu div {
    line-height: 30px;
}
.table_menu input {
  width: 40px;
  text-align: center;
  border-radius: 5px;
  border: none;
  font-size: 14px;
  margin-left: 10px;
  height: 20px;
}
.table_menu span {
  color: #D0D2D6;
  width: 60px;
  display: inline-block;
	font-size: 14px;
}
.forms .circle {
	width: 20px;
	height: 20px;
	border: 1px solid #D0D2D6;
	border-radius: 100px;
}
.forms .square {
	width: 20px;
	height: 20px;
	border: 1px solid #D0D2D6;
	border-radius: 5px;
}
.forms .rectangle {
	width: 40px;
	height: 20px;
	border: 1px solid #D0D2D6;
	border-radius: 5px;
}
.login_logo {
  width: 57vw;
  position: relative!important;
  left: 0;
  top: 1vw;
}
.login_logo2 {
  width: 80vw;
  position: relative !important;
  left: -10vw;
  top: 1vw;
}
.header_logo_name {
  display: flex;
  justify-content: space-between;
  align-items: center;   
}
.header_logo_name p {
  font-size: 4vw;
	width: 36vw;
	line-height: 5vw;
  color:#595959;
	margin-left: 2vw;
	font-weight: 600
}