﻿/* Bordered form */
.form-main-container{
    border: 5px solid #f1f1f1; /*width:400px;*/ margin:40px auto 60px; border-radius:9px; background:#56a4f1; opacity:0.8
}
.form-main-container1{
    border: 5px solid #f1f1f1; width:80%; margin:40px auto 60px; border-radius:9px; background:#56a4f1; opacity:0.8
}
.form-main-container1 div{display:inline-block}

/* Full-width inputs */
input[type=text], input[type=password], textarea {
    width: 100%;
    padding: 9px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
select {
    width: 100%;
    padding: 9px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}



/* Set a style for all buttons */
button {
    background-color: #c60000;
    color: white;
    padding: 9px 10px;
    margin: 8px auto;
    border: none;
    cursor: pointer;
    width: 40%; border-radius:16px;
}

/* Add a hover effect for buttons */
button:hover {
    opacity: 0.8;
}

/* Set a style for all buttons */
.submitbtn {
    background-color: #c60000;
    color: white;
    padding: 9px 10px;
    margin: 8px auto;
    border: none;
    cursor: pointer;
    width: 40%; border-radius:16px;
}

/* Add a hover effect for buttons */
.submitbtn:hover {
    opacity: 0.8;
}


/* Extra style for the cancel button (red) */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}


/* Add padding to containers */
.container {
    padding: 16px; margin:auto
}

/* The "Forgot password" text */
span.psw {
    float: right;
    padding-top: 16px;
}
.white-text{
	color:#fff;
	font-size:15px; font-family:Verdana;
}

/* 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%;
    }
}

.msg{color:Red}

a.links{ background:#087ead; padding:4px 12px; color:#fff; text-decoration:none; border-radius:4px }

a.links:hover{ background:#f8a13a;}

a.deactlink{background:#e9e9e9; padding:4px 12px; color:#b4b4b4; text-decoration:none; border-radius:4px}
a.deactlink:hover{text-decoration:none;color:#b4b4b4;}

.detailsl
{
    background:#ececec;
    color:#474747;
    font-weight:bold;
    display:inline-block;
    padding:4px 3px;
    width:100%;
}
.margBot
{
    margin-bottom:7px;
}
