@charset "utf-8";
/* CSS Document */

body {margin:0px; padding:0px; voice-family:"\"}\""; voice-family:inherit; font-family: 'robotoregular'; font-weight:normal; font-size:16px; color:#808080; background:#15181b; line-height:24px;}

/* Use Font */
@font-face {
    font-family: 'robotoregular';
    src: url('font/roboto-regular-webfont.eot');
    src: url('font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-regular-webfont.woff2') format('woff2'),
         url('font/roboto-regular-webfont.woff') format('woff'),
         url('font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoitalic';
    src: url('font/roboto-italic-webfont.eot');
    src: url('font/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-italic-webfont.woff2') format('woff2'),
         url('font/roboto-italic-webfont.woff') format('woff'),
         url('font/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('font/roboto-light-webfont.eot');
    src: url('font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-light-webfont.woff2') format('woff2'),
         url('font/roboto-light-webfont.woff') format('woff'),
         url('font/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight_italic';
    src: url('font/roboto-lightitalic-webfont.eot');
    src: url('font/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('font/roboto-lightitalic-webfont.woff') format('woff'),
         url('font/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('font/roboto-medium-webfont.eot');
    src: url('font/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/font/roboto-medium-webfont.woff2') format('woff2'),
         url('font/roboto-medium-webfont.woff') format('woff'),
         url('font/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium_italic';
    src: url('font/roboto-mediumitalic-webfont.eot');
    src: url('font/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('font/roboto-mediumitalic-webfont.woff') format('woff'),
         url('font/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('font/roboto-bold-webfont.eot');
    src: url('font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-bold-webfont.woff2') format('woff2'),
         url('font/roboto-bold-webfont.woff') format('woff'),
         url('font/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold_italic';
    src: url('font/roboto-bolditalic-webfont.eot');
    src: url('font/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('font/roboto-bolditalic-webfont.woff') format('woff'),
         url('font/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Comman Classes */
a, img, span {border:0; margin:0; padding:0;}
a, button {text-decoration:none; color:#70C32A; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; transition:all .3s linear; }
a:hover, a:focus {text-decoration:none; color:#3973C7; outline:none; }
p {padding:0px; margin:0px; border:0px;}
img {line-height:0px; max-width:100%; padding:0; margin:0; border:none; }
.btn:focus,
input:focus,
select:focus,
textarea:focus { outline:none; }
input,
select,
textarea { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; box-shadow:none !important; -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none; }
* {list-style:none; margin:0px; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-hyphens:none;}
li {display:list-item; border:0; margin:0; padding:0;}
.clear {clear:both;}
::selection{background:#55b0bd; color:#fff; /* Safari */}
::-moz-selection{background:#55b0bd; color:#fff; /* Firefox */}
::-webkit-selection{background:#55b0bd; color:#fff; /* Firefox */}

h1,h2,h3,h4,h5,h6 {margin:0px; padding:0px; letter-spacing:0; font-family:Georgia; color:#13569b; font-size:22px; font-weight:400; font-family:'Montserrat', sans-serif; }

.login .page-content { min-height:inherit; }
.time-main { display:table-cell; vertical-align:middle; width:10000px; position:relative; padding-bottom:20px; background:#15181b url(../images/bg7slogin.svg) center center no-repeat; background-size:1740px 1740px !important; }

.time-main .logo-logo { width:100%; text-align:center; position:absolute; top:47px; left:0; }
.time-main .logo-logo img { width:128px; height:auto; }

.time-main .logo { padding:0; text-align:center; padding-bottom:50px; }
.login .logo img { width:140px; height:auto; }

.footer-part { width:100%; padding:0 20px; float:left; position:absolute; left:0; bottom:28px; }
footer .footer-part { padding:70px 20px 20px 20px; position:relative; bottom:auto; }
.footer-part .copy-right { float:left; width:auto; color:#343940; font-size:14px; text-transform:none; }
.footer-part .copy-right span { /*background:url(../images/copy-logo-jyoti.png) left top no-repeat; min-height:30px; */ display:inline-block; padding:3px 0 0 0px; }
.footer-part .design-by { float:right; width:auto; color:#343940; font-size:14px; text-transform:none; }
.footer-part .design-by a { color:#343940; text-decoration:none; }
.footer-part .design-by a:hover { color:#0ea07e; }


.login .page-content-wrapper .page-content { padding:0; }
.content-login-box { position:relative; width:100%; max-width:405px; margin:0 auto; }
.content-login-box .form-body { width:100%; }

.content-login-box .alert { margin:0; }
.content-login-box .form-group { padding:0px 0 20px 0; margin:0; width:100%; }
.content-login-box .form-group label.control-label { width:100%; display:block; padding:0 0 12px 0; margin:0; font-size:16px; color:#fff; font-family: 'robotomedium'; font-weight:normal; text-transform:none; }
.content-login-box .form-group .form-control { height:44px; line-height:44px; color:#7a7b7c; background:#14171a; border:none !important; border-bottom:1px solid #23303d !important; font-size:16px; font-family: 'robotoregular'; border-radius:6px; padding:0 20px; width:100%; }

.content-login-box .form-group input:-webkit-autofill,
.content-login-box .form-group input:-webkit-autofill:hover,
.content-login-box .form-group input:-webkit-autofill:focus,
.content-login-box .form-group input:-internal-autofill-previewed,
.content-login-box .form-group input:-internal-autofill-selected { color:#7a7b7c !important; background:#14171a !important; background-color:#14171a !important;
-webkit-text-fill-color: white;
transition: background-color 5000s ease-in-out 0s; }

.content-login-box .form-group .form-control:focus { color:#fff; }

.alert.alert-danger { text-align:center; }
#vNewReUserPass-error.error,
.alert.alert-danger,
.content-login-box .form-group .error-inn { background:#a9213e !important; border:none !important; font-size:13px; color:#fff !important; font-family: 'robotoregular'; font-weight:normal; padding:5px 10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; width:100%; margin-top:10px; margin-bottom:20px; float:left; }
.alert.alert-danger strong { font-family: 'robotoregular'; font-weight:normal; }
.alert.alert-danger .close { display:none; visibility:hidden; }

.alert.alert-success { background:#0ea07e !important; border:none !important; font-size:13px; color:#fff !important; font-family: 'robotoregular'; font-weight:normal; padding:5px 10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; width:100%; margin-top:10px; margin-bottom:20px; float:left; }

.content-login-box .reset-btn { color:#fff; font-size:14px; line-height:25px; font-family: 'robotoregular'; float:right; width:auto; }
.content-login-box .reset-btn a { color:#fff; text-decoration:none; }
.content-login-box .reset-btn a:hover { color:#f7941d; }

.content-login-box .form-actions.resetpassword-action { padding-top:10px; }
.content-login-box .form-actions { float:left; width:100%; padding:30px 0 0 0; }
.content-login-box .form-actions .btn { margin:0; display:block; background:rgba(255,255,255,0.8); width:100%; height:48px; line-height:48px; border:none; border-radius:6px; font-family: 'robotomedium'; font-weight:normal; color:#15181b; font-size:18px; cursor:pointer; }
.content-login-box .form-actions .btn:hover { background:#fff; color:#15181b; }
/*.content-login-box .form-actions .btn { background:#0ea07e; width:133px; height:42px; border-radius:6px; float:left; color:#fff; text-transform:none; font-size:16px; font-family: 'robotoregular'; font-weight:normal; }
.content-login-box .form-actions .btn:hover,
.content-login-box .form-actions .btn:focus { background:#343940; color:#fff; }*/
.content-login-box .error-meassge { display:none; }

.login-clock { position:absolute; left:47px; top:47px; text-transform:none; font-size:14px; line-height:16px; color:#fff; font-family: 'robotoregular'; font-weight:normal; }
.login-clock .sep { opacity:0.12; display:inline-block; padding:0 8px; font-family: 'robotolight'; }
.login-clock .day { display:block; color:#f7941d; font-size:30px; line-height:30px; font-family: 'robotolight'; padding-top:12px; }


/* Checkbox Custom */
.checkbox-custom { padding-left:7px; display:inline-block; margin:0; }
.checkbox-custom.last { margin-right:0; }
.checkbox-custom .list-child { opacity:0; }

.checkbox-custom label { position:relative; display:inline-block; padding-left:25px; vertical-align:middle; font-size:16px; color:#fff; font-family: 'robotomedium'; font-weight:normal; cursor:pointer; }

.checkbox-custom label:after { position:absolute; left:0; width:25px; height:25px; margin-left:-10px; content:""; background:url(../images/check-box-black.png) center center no-repeat; transition:all .3s ease-in-out 0s; }

.checkbox-primary input[type="checkbox"]:checked + input[type="hidden"] + label:after,
.checkbox-primary input[type="checkbox"]:checked + label:after,
.checkbox-primary input[type="radio"]:checked + input[type="hidden"] + label:after,
.checkbox-primary input[type="radio"]:checked + label:after { color:#fff; }

.checkbox-custom input[type="checkbox"]:checked + input[type="hidden"] + label:after,
.checkbox-custom input[type="checkbox"]:checked + label:after,
.checkbox-custom input[type="radio"]:checked + input[type="hidden"] + label:after,
.checkbox-custom input[type="radio"]:checked + label:after { content:" "; width:25px; height:25px; background:url(../images/check-box-black-check.png) center center no-repeat; }


.checkbox-custom input[type="checkbox"]:checked + input[type="hidden"] + label:before,
.checkbox-custom input[type="checkbox"]:checked + label:before,
.checkbox-custom input[type="radio"]:checked + input[type="hidden"] + label:before,
.checkbox-custom input[type="radio"]:checked + label:before { border-color:#e4eaec; border-width:10px; transition:all .3s ease-in-out 0s; }

.checkbox-primary input[type="checkbox"]:checked + input[type="hidden"] + label:before,
.checkbox-primary input[type="checkbox"]:checked + label:before,
.checkbox-primary input[type="radio"]:checked + input[type="hidden"] + label:before,
.checkbox-primary input[type="radio"]:checked + label:before { background-color:#00c0ef; border-color:#00c0ef; }

.loader-main.show-loader { position:relative; width:100%; float:left; z-index:9999; display:none; }
.loader-main.show-loader { position:absolute; height:100%; left:0; top:0; display:inline-block; }
.loader-main.show-loader:before { content:''; width:100%; height:100%; position:absolute; left:0; top:0; background: rgba(0,0,0,0.8); z-index:9999; }
.loader-main .screen-height { display:table-cell; vertical-align:middle; text-align:center; width:3000px; position:relative; z-index:9999; }
.loader-main .form-loader .loader-img { width:150px; height:150px; margin:0 auto; }
.loader-main.show-loader .form-loader .loader-img { display:block; }
.loader-main .form-loader .loader-img  { width:150px; }

#scrollTopBtn { display:none; visibility:hidden; }

/* ==============================
   		   Responsive Main
============================== */

@media only screen and (max-height: 760px) { 
.time-main .logo { padding-bottom:20px; }
.time-main .logo-logo { text-align:right; top:20px; padding-right:20px; }
.login-clock { left:20px; top:20px; }

}

@media only screen and (max-height: 575px) { 
.time-main { padding:30px 0; overflow-y: hidden; overflow-x: auto; }


}

@media only screen and (max-width: 769px) { 
.time-main .logo { padding-bottom:20px; }
.time-main .logo-logo { top:20px; }
.login-clock { left:20px; top:20px; }

}

@media only screen and (max-width: 740px) { 
.login-clock .day { font-size:20px; line-height:20px; padding-top:5px; }
.content-login-box { padding:60px 20px 60px 20px; }

}

@media only screen and (max-width: 599px) { 


}

@media only screen and (max-width: 430px) {
.content-login-box { padding-top:20px; } 
.time-main .logo-logo { position:relative; text-align:left; padding:80px 0 0 20px; top:auto; }
.time-main .logo { text-align:right; margin-top:-65px; }
.login .logo img { width:110px; }

}