*{margin: 0; padding: 0; outline: none;	border: none; -webkit-box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
body{background:url(../img/bgs2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
position: relative;top: 0;width: 100%;height: 100%;
}
.error{float:right;color:red;}
.row::after {content: ""; clear: both; display: block;}
[class*="col-"] {float: left; padding: 1px;}
.col-1 {width: 8.33%;}	.col-2 {width: 16.66%;}	.col-3 {width: 25%;}	.col-4 {width: 33.33%;}	.col-5 {width: 41.66%;}	.col-6 {width: 50%;}
.col-7 {width: 58.33%;}	.col-8 {width: 66.66%;}	.col-9 {width: 75%;}	.col-10 {width: 83.33%;}	.col-11 {width: 91.66%;}	.col-12 {width: 100%;}

.input-container {display: -ms-flexbox;display: flex;width: 100%;margin-bottom: 15px;}
.input-container span{padding:10px 1rem; border:1px solid #ccc;}
.icon {padding: 10px;background: #0062cc;color: white;min-width: 50px;text-align: center;}
#wrapper {margin: 0px auto; position: relative;}
#copyrights{position:fixed;bottom:0;left:0;right:0;}
#copyrights p{text-align:center;color:#fff;} #copyrights a{color:#fff;font-style:italic;font-weight:bold;}
.row::after {content: "";clear: both;display: block;}
#user1cont{position: relative;z-index: 1;margin: 8em auto;text-align: center;}
/*#user11cont{position: relative;z-index: 1;margin: 2em auto;text-align: center;width:25%;}*/
#user11cont{display: flex;justify-content: center;align-items: center;text-align: center;min-height: 80vh;}
#text{color:#000; padding:10px;background: #fff;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19); border-radius:5px;}
#text a{font-style: italic;font-weight: bold;}
#text h1{font-size:20px;font-weight:bold;}
#text ol{list-style-type: decimal; padding: 20px; }
#text ol li{line-height:2em;margin-left: 20px;}
#user11cont h2{font-size:18px; }
#user11cont p{margin:5px; text-align:justify;line-height:2em;}
#head{margin:5px 0px;}
#head img{display: block;margin: 5px auto;border-radius: 5%;box-shadow: 1px 1px 2px #000;width: 25%;}
#mhead{}
#mhead img{display: block;margin: 5px auto;border-radius: 3%;}
#mhead h1{font-size:20px;font-weight:bold;background:#0062cc;color:#fff;margin:1rem 0;padding:0.5rem;}

#danger{background-color: #ffdddd;border-left: 6px solid #f44336;width:100%;padding: 1px 10px;margin:0px auto;font-size:15px;}
#success {background-color: #ddffdd;border-left: 6px solid #4CAF50;width:100%;padding: 1px 10px;margin:0px auto;font-size:15px;}
#inf {background-color: #e7f3fe;border-left: 6px solid #2196F3;width:100%;padding: 1px 10px;margin:0px auto;font-size:15px;}
#warning {background-color: #ffffcc;border-left: 6px solid #ffeb3b;width:100%;padding: 1px 10px;margin:0px auto;font-size:15px;}

input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #0062cc; padding:10px;
    border-bottom: 2px solid #0062cc;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
	display:block;
	margin:0px auto;
	border-radius:30px;
	font-size:1.2rem;
}

.button {border-radius: 4px;background:#f53209;border:none;text-align: center;font-size: 18px;padding: 10px;transition: all 0.5s;cursor: pointer;margin: 5px auto;}
.button span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}
.button span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
.button:hover span {padding-right: 25px;}
.button:hover span:after {opacity: 1;right: 0;}
.button a{color:#fff !important;} .button span{color:#fff !important;}

.form-style{background:rgba(255,255,255,0.9);font: 95% Arial, Helvetica, sans-serif;width: 30%;margin: 10px auto;padding:1em;position:relative;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.95);}
.form-style h1{padding: 5px 0;font-weight:bold;text-align: center;color: #0062cc;text-shadow: 0px 1px 0px #04111f;}
.form-style input[type="text"],.form-style input[type="date"],.form-style input[type="datetime"],.form-style input[type="email"],
.form-style input[type="password"],.form-style input[type="number"],.form-style input[type="search"],.form-style input[type="time"],
.form-style input[type="url"],.form-style textarea
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
}
.form-style input[type="text"]:focus,.form-style input[type="date"]:focus,.form-style input[type="datetime"]:focus,.form-style input[type="email"]:focus,
.form-style input[type="password"]:focus,.form-style input[type="number"]:focus,.form-style input[type="search"]:focus,.form-style input[type="time"]:focus,
.form-style input[type="url"]:focus,.form-style textarea:focus
{    box-shadow: 0 0 5px #2471FF;    padding: 10px;    border: 1px solid #2471FF; }

.form-style input[type="submit"],
.form-style input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #0062cc; padding:10px;
    border-bottom: 2px solid #0062cc;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
	display:block;
	margin:0px auto;
}
.form-style input[type="submit"]:hover,.form-style input[type="button"]:hover{background: #0949b0;}
@media screen and (max-width: 480px) {
	#user11cont{margin:1em auto;width:90%;}
	#text{padding:2px;} #mhead img{width:50%;} #text p{font-size:12px;} .button{font-size:12px;padding:5px;}
	.form-style{font: 65% Arial, Helvetica, sans-serif;width: 100%;margin: 10px auto;padding: 16px;} }
@media screen and (min-width: 481px) and (max-width: 750px) {
	#user11cont{margin:1em auto;width:85%;} #text{padding:2px;} #mhead img{width:25%;}
	.form-style{font: 65% Arial, Helvetica, sans-serif;width: 70%;margin: 10px auto;padding: 16px;} }