@font-face {
    font-family: "Calibri Regular";
    src: url("../fonts/Calibri Regular.ttf");
}

body{
    font-family: "Calibri Regular", Arial, sans-serif;
}

.mt-100{
	margin-top: 50px;
}

.border-bottom{
	border-bottom: 1px solid #bdbdbd;
}

.account-wall-header {
    background: linear-gradient(60deg,#726f6f 0%, #3A3535 50%);
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 25px 25px 0 0;
    padding: 14px 25px;
}

.account-wall-header h3{
	color: #ffffff;
	margin-bottom: 20px;
    font-weight: 600;
}

.account-wall-header p{
	font-size: 16px;
	color: #F6CC6A;
}

.welcome{
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    line-height: 28px;
}

.last-welcome{
    margin-bottom: 20px;
}

.account-wall {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 0 0 25px 25px;
}

.account-wall label {
    color: #000000;
}

.exclamation{
	float: left;
}

a {
    color: #8b8b8b;
    text-decoration: none;
}

.alert-danger {
    color: #6b6868;
    background-color: #eea9a9;
}

.account-wall .btn-primary, .account-wall .btn-primary:hover, .account-wall .btn-primary:active{
    border-radius: 25px;
    background-image: linear-gradient(180deg, #e78949, #da6d22);
    border: 1px solid #b5b5b5;
    color: #ffffff;
    font-weight: 600;
}

.account-wall .btn-success, .account-wall .btn-success:hover, .account-wall .btn-success:active {
    border-radius: 25px;
    background-image: linear-gradient(180deg, #11cd5c, #098b3d);
    border: 1px solid #b5b5b5;
    color: #ffffff;
    font-weight: 600;
}

.account-wall .btn-danger, .account-wall .btn-danger:hover, .account-wall .btn-danger:active {
    border-radius: 25px;
    background-image: linear-gradient(180deg, #fb3e36, #d1150e);
    border: 1px solid #b5b5b5;
    color: #ffffff;
    font-weight: 600;
}

.account-wall .form-control {
    width: 100%;
    border: none;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid  #b5b5b5 !important;
    padding: 10px 10px 10px 30px; 
}       

input.form-control::placeholder {
  font-size: 12px;
}

.field-icon-login {
	margin-top: -30px;
}

.field-icon-password {
    margin-top: -40px;
}

.field-icon {
	float: left;
	position: relative;
	font-size: 15px;
	color: #b5b5b5;
	margin-left: 2px;
}