* {
	box-sizing:border-box;
	cursor:default;
}

body {
	color:black;
    background:white;
    letter-spacing:normal;
    white-space:normal;
    word-spacing:normal;
    word-wrap:normal;
    word-break:normal;
    cursor:default;
    user-select: none;
    tab-size: 4;
    scroll-behavior: smooth;
	
	display:flex;
	flex-direction:column;
	min-height:100vh;
	max-width:100vw;
	overflow-x:hidden;
	overflow-y:hidden;
    margin:0px;
    padding:0px;
}

header{
    background-color: #af0a0a;
    color:white;
    
    flex-grow: 0;

    display:flex;
	height:60px;
	padding: 5px;
    align-items: stretch;
	justify-content: center;
}

header .logo-box{
    width:30%;

    display: flex;
    flex-flow: row;
    align-items: center;
}

header .logo-box img{
    height: -webkit-fill-available;
    padding: 3px;
    object-fit: scale-down;
    overflow: hidden;
}

header .company-box{
    width:40%;

    display: flex;
    align-items: center;
    justify-content: center;
}

header .company-box img{
    height: -webkit-fill-available;
    padding: 3px;
    object-fit: scale-down;
}

header .company-box h1{
    margin: 0px;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 500;
}

header .profile-box{
    width:30%;

    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
}

header .profile-box img{
    height: -webkit-fill-available;
    padding: 3px;
    object-fit: cover;
    border-radius: 50%;
}


main{
    background-color: white;
    color:black;
	
	flex-grow: 1;
	
	display:flex;
	padding: 5px;
    align-items: center;
    justify-content: center;
}

main .login-box{
    width: 350px;
    border: 1px solid #e0e0e0;
    font-size: 0.8rem;
    padding: 5px;
    color: #000!important;
    background-color: #f1f1f1!important;
}

main .login-box h2{
    color: #af0a0a;
}

main .login-box p{
    color: black;
    font-weight: 600;
}

main .login-box form input{
    width:200px;
    margin: 10px auto;
}

main .login-box form button{
    background: #af0a0a;
    color: white;
}

main .login-box form button:hover{
    background: #9e2929;
}

footer{
    background-color: #af0a0a;
    color:white;
	
    flex-grow: 0;
	
	display:flex;
	height:20px;
	padding: 5px;
    align-items: center;
    justify-content: center;
}

footer .copyright-box h6{
    margin: 0px;
    font-size: 1rem;
    text-align: center;
    font-weight: 500;
}

.center {
	margin:0 auto !important;
    display:block !important;
}

.bold{
	font-weight: bold !important;
}

.line {
	margin-top:0px !important;
	margin-bottom:0px !important;
	border-top: 1px solid black !important;
}

.under-line{
	text-decoration: underline !important;
}

.left-text {
	text-align:left !important;
}

.center-text {
	text-align:center !important;
}

.right-text {
	text-align:right !important;
}

.no-gap {
	padding: 0px !important;
	margin: 0px !important;
}

.no-link {
	text-decoration: none !important;
	cursor:default !important;
}

.center-element{
	position: relative;
	top:50%;
	-ms-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}

.error_msg{
    color: red !important;
    font-weight: 600 !important;
}