@import url('https://fonts.cdnfonts.com/css/nunito');

body {
	margin:0;
	padding:0;
	font-family: 'nunito';
}

form {
	margin:0;
	padding:0;
}
  textarea:focus, input:focus, select:focus, button:focus{
    outline: none;
	border:none;
}


 textarea, input, select, button{
    outline: none;
	border:none;
}


/* .toggle-pwd2: {
	background-color: #e8f0fe;
}
.toggle-pwd2:auto-fill {
	background-color: #fff;
}
.toggle-pwd2:empty {
	background-color: #fff;
}
.toggle-pwd2 :focus {
	background-color: #fff;
} */

form {
	 width:350px;
}

.form-div {
	 border-style: outset;
	 border-left-width: .1rem;
	 border-top-width: .1rem;
	 border-right-width: .12rem;
	 border-bottom-width: .12rem;
	 border-right-color: #e6e6e6;
	 border-bottom-color: #e6e6e6;
	 border-left-color: #e6e6e6;
	 border-top-color: #e6e6e6;
	 padding: 15px;
	 
}
 .form-container {
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	margin-top:20px;
	
}

.form-container label {
	margin-bottom: -5px;	
}

.input-group {
	font-size:.875rem;
	padding: .35rem .5rem;
}

/* Return to Login */
/* a:-webkit-any-link { */
	/* color: #808080; */
	/* font-weight:bold; */
	/* text-align: center; */
	/* text-decoration: none; */
	/* display: inline-block; */
	/* padding:4px; */ 
	/* background-color:#fff; */
	/*border-radius:4px;  */
	/*border:solid 1px #8c8c8c; */
	/* width:150px; */
	/* margin-right:20px; */
/* } */

/* a:hover {
   color: #0248b1;
} */
 
.btn {
	/* font-size:.875rem; */
	/* padding: .4rem .2rem; */
	background-color: #166ff3;
	color: #fff;
	border: 1px solid #0d6efd;
	border-radius: 4px;
	cursor: pointer;
	width: 300px;
}

.btn{
	transition-duration: 0.4s;
}

.btn:hover {
	background-color: #0248b1; /*  #6c923a; */
	border: 1px solid #0248b1;
}

.btn2 {
	font-size:1rem;
	font-weight: bold;
	padding: .25rem .5rem;
	background-color: #fff;
	color: #166ff3;
	border: 1px solid #fff;
	border-radius: 4px;
	cursor: pointer;
	/* width: 260px; */
	margin-top: 15px;
	
}

.btn2{
	transition-duration: 0.4s;
}

.btn2:hover {
	/* background-color: #737373; 
	border: 1px solid #737373; */
	color: #0248b1;
	font-weight:bolder;
}

	/* small screen and mobile */

@media only screen and (max-width: 430px) and (orientation:portrait) {
	
	h2 { font-size: 1em; }
	input { padding: 6px 9px; }
	.container { margin-bottom: -15px; }
	p { text-align:center; }
	
	.titlebar img{
        display: inline-flex;
        padding: 3px;
        cursor: pointer;
        width: 61px;
    }
    .titlebar label{
        font-weight: 700;
        font-size: small;
    }

    .item {
        align-items: center;
        height: 1rem;
        line-height: 1rem;
        margin-top:20px;
    }
    label  span {
        display: block;
        height: 1rem;
        line-height: 1rem;
    }
	.form-div {
	 border-style: outset;
	 border-left-width: .1rem;
	 border-top-width: .1rem;
	 border-right-width: .12rem;
	 border-bottom-width: .12rem;
	 border-right-color: #e6e6e6;
	 border-bottom-color: #e6e6e6;
	 border-left-color: #e6e6e6;
	 border-top-color: #e6e6e6;
	 padding: 15px;
	 
	}
	
}

@media only screen and (max-width: 390px) and (orientation:portrait) {
	
	h2 { font-size: .75em; }
	input { padding: 6px 9px; }
	.container { margin-bottom: -15px; }
	p { text-align:center; }
	
	.titlebar img{
        display: inline-flex;
        padding: 3px;
        cursor: pointer;
        width: 61px;
    }
    .titlebar label{
        font-weight: 700;
        font-size: medium;
    }

    .item {
        align-items: center;
        height: 1rem;
        line-height: 1rem;
        margin-top:20px;
    }
    body > div.titlebar > label > span {
        display: block;
        height: 1rem;
        line-height: 1rem;
    }
	
	.form-div {
	 border-style: outset;
	 border-left-width: .012rem;
	 border-top-width: .012rem;
	 border-right-width: .13rem;
	 border-bottom-width: .13rem;
	 border-right-color: #e6e6e6;
	 border-bottom-color: #e6e6e6;
	 border-left-color: #000;
	 border-top-color: #000;
	 padding: 15px;
	 margin-top:20px;
	
	}
 
}