﻿body {
    background-image: url('/Images/login_background.jpg');
    background-color: #00965A !important;
    content: '';
    background-size: cover;
    top: 84px;
    left: 0;
    width: 100%;
}

body, html, form {
    width: 100%;
    height: 100%;
    font-family: Arial;
    font-size: 15px;
}

#LogoHolder img{
    margin-left:10px;
}

#form1 {
    background-color: rgb(0, 150, 90,0.9);
    /*#00965A !important;*/
}

#Outer {
    float: left;
    height: 50%;
    margin-bottom: -112px;
    width: 100%;
}

#Box {
    clear: both;
    /*height: 223px;*/
    position: relative;
    width: 735px;
    margin: 0 auto;
    background: white;
    border: 1px solid #bababa;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(45,41,38,.125);
    border-radius: 1.2rem;

}

.form-control {
    background-clip: padding-box;
    background-color: rgb(246, 248, 251);
    border-color: rgb(206, 212, 218);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(206, 212, 218);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(206, 212, 218);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(206, 212, 218);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: rgb(73, 80, 87);
    cursor: text;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 38px;
    letter-spacing: normal;
    line-height: 24px;
    overflow-wrap: break-word;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    text-align: start;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-size-adjust: 100%;
    text-transform: none;
    transition-delay: 0s, 0s;
    transition-duration: 0.15s, 0.15s;
    transition-property: border-color, box-shadow;
    transition-timing-function: ease-in-out, ease-in-out;
    word-spacing: 0px;
    writing-mode: horizontal-tb;
    -webkit-appearance: none;
    -webkit-rtl-ordering: logical;
}

.buttonArval {
    display: inline-block;
    color:white;
    text-align: center;
    user-select: none;
    border: 1px solid transparent;
    padding: .6rem 1.2rem;
    border-radius: .4rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 1.6rem;
    border-radius: 5rem;
    text-transform: none;
    background-color: rgb(0, 150, 90,0.9);
}