*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-size: 16px;
    font-family: sans-serif;
    padding: 0px 0;
}

form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:20px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
input{
    width: 350px;
    padding: 10px;
}
form h1, h1 {
    font-size: 20px;
    margin-bottom: 20px;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	font-weight:600;
	color:#008eeb;
}
a:hover {
	text-decoration: none;
	font-weight:600;
	color:#056db4;
}
.btn-send{
    padding: 10px;
    background-color: #000;
    color:#fff;
    margin-top:10px;
    text-align:center;
    cursor:pointer;
	font-weight:300;
	font-size:15px;
}
.btn-login{
    margin-top: 15px;
    background-color: #111;
    color: #fff;
    text-transform: uppercase;
    border: none;
    padding: 15px;
}
.form-group{
    width: 350px;
    display: flex;
    flex-direction: column;
    gap:10px;
}
.subdomain{
    font-weight: 500;
    margin-left: 5px;
}
.subdomain_input{
    width: 50%;
}

.addon_notic{
    color: #444;
    font-size: 12px;
}
.check_addon{
    border: 2px solid #111;
    border-radius: 5px;
    padding: 10px 10px;
    width: 350px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.logs{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border: 2px solid #111;
    border-radius: 5px;
	font-family: Montserrat,'Open Sans',Helvetica,Verdana,sans-serif;
}

.error-log{
    color:#f54248;
    font-weight: 500;
    margin-bottom: 5px;
}

.success-log{
    color:#00a619;
    font-weight: 500;
    margin-bottom: 5px;
}

.rightcol { 
	position:absolute; top:0; right:0; bottom:0; float:right; display:inline-block; width:400px; height:100vh; overflow-y:scroll; background:#fff; border-left:1px solid #eee;
	}
	
input[type="checkbox"] {
	background-color: initial;
	cursor: default;
	appearance: auto;
	box-sizing: border-box;
	margin: 5px 0px 3px 0px;
	padding: initial;
	border: initial;
}	

.btn-login {
	margin-top: -5px;
}

.mobilebanner {
	display: none;
}

/* ########################################################### */
/* ##############          MOBILE STYLES        ############## */
/* ########################################################### */

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones and down */
@media (max-width: 586px) {

}

/* Landscape phones and down */
@media (max-width: 480px) {
	.mobilebanner {
		display: block;
	}
	form h1, h1 {
		font-size: 23px; line-height:29px; margin-bottom:11px;
		padding:0 20px; text-align:center;
	}
	 input { 
		 height:55px;
		 font-size:17px; 
		 padding:10px;
	 }
	 form {
		 background: #fff !important;
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
		 align-items: center;
		 padding-left:10px !important;
		 gap: 20px;
		 box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 -webkit-box-sizing: border-box;		 
	 }
	 input[type="checkbox"] {
	 	background-color: initial;
	 	cursor: default;
	 	appearance: auto;
	 	box-sizing: border-box;
	 	margin: -12px 0px 3px 0px;
	 	padding: initial;
	 	border: initial;
	 }		 
	 label.text_ver {
		 line-height: 30px !important;
		 padding-left:7px;
	 }
	 .btn-login {
	 	margin-top: 5px;
	 }	 
}

/* Landscape phones and down */
@media (max-width: 375px) {	
	.mobilebanner {
		display: block;
	}
	form {
		background: #fff !important;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-left: 20px !important;
		gap: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	form h1, h1 {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 10px;
	}
	input {
		height: 55px;
		font-size: 17px;
		padding: 10px;
	}
	input[type="checkbox"] {
		background-color: initial;
		cursor: default;
		appearance: auto;
		box-sizing: border-box;
		margin: -12px 0px 3px 0px;
		padding: initial;
		border: initial;
	}
	label.text_ver {
		line-height: 30px !important;
		padding-left: 7px;
	}	
	.btn-login {
		margin-top: 5px;
	}	 	
}