﻿body 
{
    margin:0px;
    font-family:'Lato', sans-serif;
    
}


body:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: -webkit-gradient(linear, left top, right bottom, from(#D7BBEA), to(#65A8F1));
    background: linear-gradient(to bottom right, #D7BBEA, #65A8F1);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

@font-face {
    font-family: GoogleSans-Regular;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Medium;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Bold;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Bold.ttf) format('truetype');
}


.all-wrapper.with-pattern {
    box-shadow: none;
    border-radius: 0px;
    background-image: url("../images/bg-pattern2.png");
    background-size: contain;
    background-repeat: repeat;
    background-position: 0 0
}

.all-wrapper.no-padding-content .content-box {
    padding: 0px
}

.all-wrapper.white-bg-content .content-w {
    background-color: #fff;
    background-image: none
}


.auth-box-w {
    max-width: 400px;
    margin: 20px auto;
    background-color: #F7F7F7;
    border-radius: 6px;
    box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.2)
}

.auth-box-w.wider {
max-width: 500px
}

.auth-box-w .logged-user-w {
padding-top: 0px;
padding-bottom: 10px
}

.auth-box-w .logo-w {
text-align: center;
padding: 10px
}

.auth-header {
border-bottom: 1px solid rgba(0,0,0,0.1);
padding-bottom: 1rem;
margin-bottom: 25px;
position: relative;
z-index: 1;
font-size:18px;
text-align:center;
font-family:'GoogleSans-Medium';
margin-top:10px
}

.auth-header:after {
content: "";
background-color: #047bf8;
width: 32px;
height: 7px;
border-radius: 2px;
display: block;
position: absolute;
bottom: -4px;
left: 125px
}

.auth-box-w form {
padding: 20px 50px;
padding-bottom: 50px
}

.auth-box-w form .form-check-inline {
margin-left: 1rem
}

.auth-box-w form .form-group {
position: relative
}

.auth-box-w form .form-group .pre-icon {
    position: absolute;
    bottom: 5px;
    font-size: 24px;
    color: #047bf8;
    left: -38px
}

.auth-box-w .buttons-w {
padding-top: 1rem;
margin-top: 0.5rem;
border-top: 1px solid rgba(0,0,0,0.05);
text-align: right;
}

.auth-box-w.centered {
text-align: center
}

.auth-box-w.centered .auth-header {
padding-left: 0px
}

.auth-box-w.centered .auth-header:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}



/*#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:7% 7%; }


.login {
background-color: rgba(247,247,247, 1);
width: 360px;
margin: 0 auto;
padding: 20px 30px 15px;
border:1px solid #DDD;
border-radius:6px !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: 0 0px 10px; text-align:right}

.copyrighttext { text-align: center; margin: 0 auto; padding: 10px;color: #eee; font-size: 13px; }

.changepass {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    color: #23527c;
    font-weight: bold;
    text-decoration: none;
    float: left
}


/* Validation Alerts Message CSS ================================================== */

.validity_New { font-family:'Lato', 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;
}