@font-face {
        font-family: jamboFontR;
        src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
        font-family: jamboFontB;
        src: url('../fonts/Poppins-Bold.ttf');
}

@font-face {
        font-family: jamboFontR1;
        src: url('../fonts/TripSans-Regular.ttf');
}


body {
        margin: 0px;
        padding: 0px;
        font-weight: 100;
        font-family: jamboFontR;
        line-height: 20px;
        overflow: hidden;
}
a{
        text-decoration: none;
        color: #04aa20;
}
.bg{
        width: 100%;
        top: 0;
        bottom: 0;
        height: 100%;
        overflow: hidden;
}
.bg .img{
        opacity: 0.5;
        width: 100%;
        position: absolute;
}
.scroll{
        overflow-y: scroll;
        height: 100vh;
        position: relative;
}
form {
        border: 3px solid #04AA6D;
        width: 350px;
        margin: 5% auto 2% auto;
        border-radius: 5px;
        background: #ffffffa9;
        padding: 1% 1%;
        z-index: 9999;
}

/* Full-width inputs */
select,
input[type=search],
textarea,
input[type=tel],
input[type=email],
input[type=password] {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-size: 14pt;
}
textarea{
        height: 200px;
}

a p{
        border: 1px solid #04AA6D;
        padding: 6px 0px;
        text-align: center;
        background: #fff;
        width: 100px;
        color: #04AA6D;
        border-radius: 2px;
        margin: 0px 5px 0 0 
        ;
        float: left;
}
/* Set a style for all buttons */
button {
        background-color: #04AA6D;
        color: white;
        padding: 8px 10px;
        margin: 0px 0;
        border: none;
        cursor: pointer;
        font-size: 12pt;
}
.button-border {
        padding: 7px 10px;
        margin: 0px 0;
        border: none;
        cursor: pointer;
        background-color: transparent;
        color: #04AA6D;
        border: 1px solid #04AA6D;
        text-align: center;
        text-decoration: none;
}

/* Add a hover effect for buttons */
button:hover {
        opacity: 0.8;
}

/* Extra style for the cancel button (red) */
.cancelbtn {
        width: auto;
        padding: 10px 18px;
        background-color: #f44336;
}

/* Center the avatar image inside this container */
.imgcontainer {
        text-align: left;
        margin: 24px 0 12px 0;
}


/* Avatar image */
.logo{
        text-align: center;
}
img.avatar {
        width: 40%;
}

/* Add padding to containers */
.container {
        padding: 16px;
}

/* The "Forgot password" text */
span.psw {
        float: right;
        padding-top: 16px;
}

.w5{
        width: 30%;
        border: 0px;
        background: #fff;
        margin: 2% auto 0 auto;
}
.w5 .logo img{
        width: 150px;
        margin: 30px 0;
}
.w5 button{
        width: 150px;
}




/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
        span.psw {
                display: block;
                float: none;
        }

        .cancelbtn {
                width: 100%;
        }
}