.eq_login_return_btn {
	background-color: white !important;
    border: 1px solid white;
    color: rgba(54,70,70,1) !important;
	border-radius:5px;
	width:100px;
}

.eq_login_return_btn_site_suspended {
	background-color: white !important;
    border: 1px solid white;
    color: rgba(54,70,70,1) !important;
	border-radius:5px;
	width:150px;
}

.eq_login_btn {
	background-color: rgba(54,70,70,1) !important;
    border: 1px solid white;
    color: white !important;
	border-radius:5px;
	width:100px;
}

@font-face {
	/*
	font-family: "Overpass";
	src: url("./themes/ionos/font/overpass/Overpass-Regular.ttf");
	*/
	font-family: "Manrope-Regular";
    src: url("/assets/fonts/Manrope-Regular.otf");
}

/*@font-face {
	font-family: 'ExpletusSans-Italic';
	src: url('../fonts/ExpletusSans-Italic.ttf');
}*/

html, body {
	height: 100%;
	min-height: 100%;
}

form {
	text-align: center;
}

body{
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #3498db;
}


@media only screen and (min-width: 531px){
	.bg-image {
		position:absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;

		/* The image used */
		background-image: url("../images/backgrounds/RBG7-min.jpeg");
		
		/* Add the blur effect */
		filter: blur(0px);
		-webkit-filter: blur(0px);
		
		/* Full height */
		height: 100%; 
		
		/* Center and scale the image nicely */
		background-position: right;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: -1
	}
}

  	
.top-of-background{
	top:20%;
	margin-left: 0%;
	margin-right: 0%;
	height: 100%;
	position: center;
	position: relative;
	z-index: 1;
  }


.login-title-top{
	font-family: 'Manrope-Regular';
	background-color: rgb(54,70,70) !important;
    background-color: rgba(54,70,70,1) !important;
	border-top: 5px solid white;
	border-bottom: 5px solid white;
	border-left: 5px solid white;
	border-right: 5px solid white;
	color: #fff;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding:10px;
	text-align:center;
}

.login-box-bottom{
	font-family: 'Manrope-Regular';
	background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0, 0.6); 
	color: #fff;
    border-top: 5px solid white;
    border-bottom: 5px solid white;
    border-left: 5px solid white;
    border-right: 5px solid white;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.suspended_box_height {
	display: flex;
	justify-content: center; /* Horizontal centering */
	align-items: center;     /* Vertical centering */
	height:200px;
}

.login-subtext{
	color:white !important;
	
}
.login-subtext a {
	color: white;
}


input[type="submit"] {
    background-color: #364646;
    border: 1px solid #ffffff;
}

input[type="text"], input[type="email"], input[type="password"] {
    border: 1px solid #bababa;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover {
    border-color: #3498db;
}

@media only screen and (max-width: 530px) and (orientation: portrait) {
	.bg-image {
		position:absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	
		/* The image used */
		background-image: url("../images/backgrounds/tack_room_phone_bg.jpg");
		
		/* Add the blur effect */
		filter: blur(0px);
		-webkit-filter: blur(0px);
		
		/* Full height */
		height: 100%; 
		
		/* Center and scale the image nicely */
		background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
	}

	.top-of-background{
		top:5%;
		margin-left: 0%;
		margin-right: 0%;
		height: 100%;
		position: center;
		position: relative;
		z-index: 1;
	  }
	
}