@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');

.logo {
    height: 200px;
    background-image: url("../images/Victoria_University-2.jpg") !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 40px;
}

.smalllogo {
    height: 50px;
    background-image: url("../images/Victoria_University-2.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 10px;
    background-color: lightblue ;
}
.headercontent {
 font-weight:bold;
 font-size:14px
}
body {
 padding-top:50px;
 padding-bottom:20px;
 background-color:#eee;
 height:100%;
 width:100%
}
.password-error {
 white-space:pre-wrap
}
.wrapper {
 height:100%;
 width:100%
}
.body-content .card {
 position:absolute;
 left:0;
 right:0;
 top:10%
}
.card {
 padding:30px 30px;
 background-color:#fff;
 box-shadow:0 10px 10px 0 rgba(0,0,0,.25);
 border:1px solid rgba(0,0,0,.125)
}
.card {
 max-width:768px
}
#login.card {
 max-width:600px
}
.footer-content {
 z-index:-100;
 position:fixed;
 bottom:0;
 left:0;
 right:0;
 text-align:center
}
.generic-header {
 height:30px;
 background-position:50%;
 background-repeat:no-repeat;
 background-size:contain;
 margin:0 5px;
 background-color:#d3d3d3;
 font-size:large;
 vertical-align:middle
}
.padding-bottom1 {
 padding-bottom:1px
}
.btn {
 min-width:100px
}
.form-group.required .control-label:after {
 content:"*";
 color:#f00
}
body {
 padding-top:50px;
 padding-bottom:20px
}
.body-content {
 padding-left:15px;
 padding-right:15px
}
input,
select,
textarea {
 max-width:280px
}
.carousel-caption p {
 font-size:20px;
 line-height:1.4
}
.btn-bracketed::before {
 display:inline-block;
 content:"[";
 padding-right:.5em
}
.btn-bracketed::after {
 display:inline-block;
 content:"]";
 padding-left:.5em
}
.carousel-inner .item img[src$=".svg"] {
 width:100%
}
@media screen and (max-width:767px) {
 .carousel-caption {
  display:none
 }
}

form.form-horizontal:nth-child(3) > div:nth-child(1) > p:nth-child(1) > button:nth-child(1) {
	
	box-shadow: 0px 10px 14px -7px #f0f0f0  ;
	background:linear-gradient(to bottom, #123955 5%, #0077c5  100%);
	background-color:#0077c5 ;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	font-weight:400;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}

html body div.wrapper div.body-content div#login.card.container div.row div.row {

display: flex;
flex-direction: column;

}


form.form-horizontal:nth-child(3) > div:nth-child(1) > p:nth-child(1) > button:nth-child(1):hover {
	background:linear-gradient(to bottom, #0078c1 5%, #bdf 100%);
	background-color:#bdf;
}

html body div.wrapper div.body-content div#login.card.container div.row {
	display: flex;
	flex-direction: column;
}


html body div.wrapper div.body-content div#login.card.container div.row div.logo {
	
}

html body div.wrapper div.body-content div#login.card.container div.row div.row:nth-child(1) {
	order: 2;
}


html body div.wrapper div.body-content div#login.card.container div.row div.row:nth-child(2) {
	order: 1;
}


html body div.wrapper div.body-content div#login.card.container div.row div.row section {
	background-color:#f0f0f0;
	padding:40px;
	
}


html body div.wrapper div.body-content div#login.card.container div.row div.row section div.headercontent {
	 visibility: hidden;
}

html body div.wrapper div.body-content div#login.card.container div.row div.row section div.headercontent:after {
	visibility: visible;
    content: "Internal VU Staff and Students login";
	position:absolute;
	left:65px;
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	font-weight:400;
}

html body div.wrapper div.body-content div#login.card.container div.row div.row form.form-horizontal div.text-danger:after {
	content: "External login";
	color:#000000;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:400;
	margin-left:40px;
	
}

html body div.wrapper div.body-content div#login.card.container div.row div.row form.form-horizontal div.form-group label.col-md-2.control-label {
	
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	padding-right:0px !important;
}

html body div.wrapper div.body-content div#login.card.container div.row div.row form.form-horizontal div.form-group {
	margin-top:20px; }
	
html body div.wrapper div.body-content div#login.card.container div.row div.row {
	border:solid 2px #ccc !important;
	margin-bottom:15px;

}

.card {
	padding:20px !important
}



/* 		-----------------------------	Login Page Start RME Use This 7.6	---------------------------------	 */


#LoginContainer > div:nth-child(1) > div:nth-child(3) > section > div {
    visibility: hidden;
}

#LoginContainer > div:nth-child(1) > div:nth-child(3) > section > div.headercontent:after {
    position:absolute;
    visibility: visible;
    content: "Internal VU Staff and Students login";
    left: 65px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
}

#LoginContainer > div:nth-child(1) > div:nth-child(2):before {

margin-left: 0px !important;
margin-bottom:40px;
    content: "External login";
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-left: 40px;
}

#LoginContainer > div:nth-child(1) {
	display: flex;
    flex-direction: column;
}

#LoginContainer > div:nth-child(1) > div:nth-child(3) {

border: solid 2px #ccc !important;
margin-bottom: 15px;
padding:40px;
background-color: #f0f0f0;

}


#LoginContainer > div:nth-child(1) > div:nth-child(2) {

order:1;
border: solid 2px #ccc !important;
margin-bottom: 15px;
padding:40px

}


/* 		-----------------------------	Login Page END	---------------------------------	 */