body {
    margin: 0px;
    font-family: 'Mulish', sans-serif !important;
    background-image: url('../images/body-background.png');
    background-image: linear-gradient(to right, rgba(184,203,248,0.4), rgba(225,233,252,0.4)), url('../images/body-background.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}



#myVideo { position:fixed;right:0;bottom:0;min-width:100%;min-height:100%; }

/* Contents Section CSS ================================================== */

.contents {	width:100%;	padding:30px 0;	position: relative;	z-index: 1; }

.custom-container {	width:86%;	margin:4% 7% 7% 7%}


.login {
background-color: rgba(2,31,67, 0.6);
width: 360px;
margin: 0 auto;
padding: 20px 30px 15px;
border:1px solid #DDD;
border-radius:2px !important;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.24) !important;
-webkit-box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.24);
-webkit-box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.24);
}


.logo { text-align:center; }
.logo img { border: 1px solid #e3e3e3; padding: 5px; border-radius:50% !important;width:80px; height:80px;background-color: #fff; }

.form-title { font-weight:700; margin-bottom:20px;font-size:20px;font-family:'Lato', sans-serif;text-align:center; color:#fff }/*2D6282*/

.form-col {}

.form-actions { background-color:transparent;clear: both; border: 0;padding: 10px 0px 10px; text-align:right}

.copyrighttext {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    color: #5f537d;
    font-size: 13px;
    font-weight:700
}

.changepass {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    float:left
}


/* Validation Alerts Message CSS ================================================== */

.validity_New { font-family:'Inclusive Sans', sans-serif; font-size:12px; font-weight:400; color:#A94442 !important; 
            background-color:#F2DEDE; border:1px solid #EBCCD1; padding:5px; border-radius:4px !important }

.successmessage_New { font-family:'Lato', sans-serif; font-size:12px; font-weight:400; color:#222 !important; 
            background-color:#BCDF94; border:1px solid #99CA61; padding:5px; border-radius:4px !important }

.validity { font-family:'Lato', sans-serif; font-size:12px; font-weight:400; color:#FFF !important; 
            background-color:#e21f26; border:1px solid #C5080F; padding:5px; border-radius:4px !important; margin-bottom:10px }

.successmessage { font-family:'Lato', sans-serif; font-size:12px; font-weight:400; color:#fff !important; 
            background-color:#337ab7; border:1px solid #1A5C84; padding:5px; border-radius:4px !important }

.validity_alert {
    font-family: 'Lato', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    color: #A94442 !important;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    padding: 5px;
    border-radius: 4px !important;
}

/*============== Login New Designs ===========*/

.main-login {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px !important;
    font-family: 'Inclusive Sans',sans-serif;
    margin: 15px 15px 15px 15px;
    background-image: url('../images/login-bg.png');
    background-repeat: repeat;
    padding: 10px 10px 10px 10px;
}

.main-login-inner {
    border-radius: 8px !important;
    /*background-color: #e5eaf7;*/
    background-color: #FFF;
    padding: 15px 15px 15px 15px;
}

.employee-title { width: 100%; padding-top: 5px;}
.employee-title h1 { 
    width: 100%;
    text-align:center;
    font-size:20px;
    color: #002953;
    font-family: 'Inclusive Sans',sans-serif;
    padding-bottom: 12px; 
    font-weight:600;
    margin:10px 0px 0px 0px;
    line-height:28px
}

.employee-title h1 span { font-size:17px }


.radio-toolbar {
  margin: 10px 0px 0px 0px;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
    display: inline-block;
    background-color: #fff;
    padding:8px 15px;
    font-family: 'Inclusive Sans',sans-serif;
    font-size: 15px;
    border: 1px solid #444;
    border-radius: 4px !important;
    text-align:center;
    font-weight:500;
}

.radio-toolbar label:hover {
  background-color: #023A71;
  color:#FFF;
  cursor:pointer;
}

.radio-toolbar input[type="radio"]:focus + label {
    border: 2px dashed #444;
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color: #023A71;
    border:1px solid #023A71;
    color:#FFF
}