body {
background: none !important;
background-image: none !important;
}

.header {
height: 40px;
vertical-align: middle !important;
font-size: 18px !important;
}

.login_content {
padding: 0px 0 0;
}

.form-control {
border-radius: 10px !important;
height: 35px !important;
}

.login_content h1 {
letter-spacing: 0.0em !important;
}

.login_content h1:before, .login_content h1:after {
height: 0px !important;
}

.h {
color: #444;
line-height: 27px !important;
}

.login_wrapper {
margin-top: 3%;
}

.error {
width: 100%;
text-align: left;
}

.form-reg {
margin-bottom: 10px !important;
margin-top: 0px !important;
}

.errorlbl {
height: 27px;
background-color: #d5334314;
color: #a71a1a;
font-weight: 500;
font-size: 13px;
padding: 5px;
padding-top: 0px !important;
}

.file-loading:before {
content: "" !important;
background: none !important;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
font-size: 17px !important;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
font-weight: normal !important;
}

.x_title {
background: none !important;
color: #000;
}

.media {
margin-top: 10px !important;
}

.media-right {
font-size: 30px;
color: #000;
}

.media-right span {
font-size: 20px;
color: #000;
display: block;
}

.x_panel {
border: none !important;
}

.error {
position: relative;
font-weight: bolder;
margin-bottom: 1px;
margin-top: 5px;
}

.input-group {
margin-bottom: 0px;
}

select {
color: #000;
}

th {
font-size: 13px !important;
color: #000;
font-weight: 500 !important;
background-image: none !important;
}

.form-group .btn {
margin-bottom: 5px;
padding: 0px 0px;
}

.form-group .s {
margin-bottom: 0px;
padding: 7px 20px;
}

.r {
margin-bottom: 0px;
padding: 6px 20px;
font-size: 17px !important;
}

.form-group .r {
margin-bottom: 0px;
padding: 6px 20px;
}

.btn-group-sm > .btn, .btn-sm {
font-size: 14px;
}

.form-group {
margin-bottom: 3px;
margin-top: 3px;
}




/*--------------*/

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader {
display: none;
}

.js #loader {
display: block;
position: absolute;
left: 100px;
top: 0;
}

.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../../Content/images/Preloader_2.gif) center no-repeat #fff;
}

@media screen and (min-width: 767px) {
.stepContainer {
overflow: hidden !important;
}
}

.s {
margin-bottom: 0px;
padding: 8px 20px !important;
font-size: 17px !important;
box-shadow: 0px 2px 0px #235a89, 0px 0px 0px rgba(0, 0, 0, .4) !important;
border-radius: 50px;
width: 180px;
}

.btn-success {
background: #337ab7;
padding: 8px 20px !important;
background-image: none;
text-shadow: none;
border: 1px solid #337ab7;
}

.btn-success:hover {
background: #337ab7;
background-image: none;
padding: 8px 20px !important;
text-shadow: none;
border: 1px solid #337ab7;
box-shadow: 0px 2px 0px #235a89, 0px 0px 0px rgba(0, 0, 0, .4) !important;
}

.btn-success:active {
background: #337ab7;
background-image: none;
text-shadow: none;
padding: 8px 20px !important;
border: 1px solid #337ab7;
box-shadow: 0px 2px 0px #235a89, 0px 0px 0px rgba(0, 0, 0, .4) !important;
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
background-color: #337ab7;
border-color: #337ab7 !important;
padding: 8px 20px !important;
}

.form-control {
height: 40px !important;
}

.login_wrapper {
max-width: 400px !important;
}

.login_content {
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 2px 5px 5px 6px rgb(0 0 0 / 30%);
    border-radius: 20px;
}

.eduscol {
position: absolute;
top: 15px;
left: 15px;
}

.CopyRight {
position: fixed;
bottom: 0px;
font-size: 12px;
right: 0;
left: 0;
background: #fff;
text-align: center;
padding: 2px 0px;
color: #3f3f3f;
}

.CopyRight a {
text-decoration: none;
color: #033d77;
}

.form-reg .input-icon {
position: absolute;
top: 20px;
left: 10px;
transform: translateY(-40%);
color: grey;
}

.form-reg {
position: relative;
}

.form-reg .form-control {
padding-left: 40px;
}

.Vlogo {
position: absolute;
top: 6px;
right: 10px;
}

.Vlogo img {
height: 64px;
}

@media only screen and (max-width: 767px) {
.login_wrapper {
max-width: 340px !important;
position: relative;
top: 90px;
}

.Vlogo img {
height: 50px;
}

.eduscol {
top: 11px;
}

.eduscol img {
height: 40px;
}
}

.to_header {
color: #c92525 !important;
margin: 10px 0 10px !important;
font-size: 26px !important;
font-weight: bold !important;
}

.MVUMRT {
color: #c92525 !important;
margin: 10px 0 10px !important;
font-size: 26px !important;
font-weight: bold !important;
}

.DEMOCG {
color: #e29f2a !important;
margin: 10px 0 10px !important;
font-size: 26px !important;
font-weight: bold !important;
}

.VAUNIV {
color: #1eb3e6 !important;
margin: 10px 0 10px !important;
font-size: 26px !important;
font-weight: bold !important;
}

.GSUNIV {
color: #005835 !important;
margin: 10px 0 10px !important;
font-size: 26px !important;
font-weight: bold !important;
}

.JSUNIV {
color: #d98415 !important;
margin: 10px 0 10px !important;
font-size: 26px !important;
font-weight: bold !important;
}

.FUTURE {
color: #0a7436 !important;
margin: 10px 0 10px !important;
font-size: 26px !important;
font-weight: bold !important;
}
.DEMOER {
    color: #e29f2a !important;
    margin: 10px 0 10px !important;
    font-size: 26px !important;
    font-weight: bold !important;
}
.NCRIMS {
    color: #eb1821 !important;
    margin: 10px 0 10px !important;
    font-size: 26px !important;
    font-weight: bold !important;
}
.SRULKO {
    color: #e85222 !important;
    margin: 10px 0 10px !important;
    font-size: 26px !important;
    font-weight: bold !important;
}
.to_title {
color: #000 !important;
margin: 10px 0 30px !important;
font-size: 23px !important;
}

.reset_pass {
margin-right: 0px !important;
font-weight: bold !important;
color: #6f7bef !important;
}

.change_link {
font-weight: bold !important;
color: #000 !important;
}

.to_register {
font-weight: bold !important;
color: #6f7bef !important;
}

.btn-success:active:focus, .btn-success:active:hover {
background-color: #337ab7;
}

.btn-success:active {
border-color: #337ab7 !important;
}

.separator1 {
border-top: 1px solid #D8D8D8;
margin-top: 1px;
padding-top: 1px;
}

.remember {
float: left !important;
margin-top: 13px !important;
font-weight: bold !important;
color: #6f7bef !important;
}

.login_content h1 {
    margin: 10px 0 15px;
}

#logo {
    width:140px;
    margin:10px 0px 20px 0px;
}