/* LOGIN */
/* flex for the outer div (which occupies whole screen */

body{
}

#mi_login_outer{
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 0px;
	/* bg for diff bros*/
	background: -moz-linear-gradient(top,  #286090,  #11293f);
	background: -webkit-gradient(linear, left top, left bottom, from(#286090), to(#11293f));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#286090', endColorstr='#11293f');	
	background: linear-gradient(#222222, #555555); /* TODO: count from main color*/
}

#mi_login_inner{
	align-items: stretch;
	background-color: white;
	padding: 2vh;
	/*border-radius: 2vh;*/
	margin: 20px;
	width: 90%;
	max-width: 400px;
	text-align: center;
}
	
/*#mi_login_inner  img{*/
.mc_lp{
	width: 80%;
	max-width: 200px;
	align-self: center;
	/* vertical-align: middle!important; not works*/
}


.form-group {
    margin-bottom: .3rem;
}

form.user .form-control-user {
    /*border-radius: 15rem;*/
    padding: 1.2rem 1rem;
    margin-bottom: 2rem;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #6e707e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d3e2;
    border-radius: 0;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.form-control:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid lightskyblue;
}

form.user .btn-user {
    font-size: 14px;
    /*border-radius: 15rem;*/
    padding: 0.7rem 1rem;
}
input[type=text], input[type=password]{
	background-color: rgb(230, 230, 230) !important;
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%;
}

input:focus{outline: none;}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.btn-block {
    display: block;
    width: 100%;
}

.btn-primary {
    color: #fff;
    background-color: #222222;
    border: none;
}

/* LOGIN_FAIL */
#md_alert{
	color: white;
	background-color: #c1620a;
	width: 100%;
	padding: 5px;
}
#md_close{
	cursor: pointer;
	float: right;
}

a{color: black;}


/* role in */
.mc_role_div {
	padding: 20px;
}
.mc_role_div button{
	width: 100%;
}
/* PORTAL */