body {
    background-color: #1cadeb;
    /*background-image: url( '../Resources/Login_Background2.png' );*/
    background-image: url( '../Resources/LoginBackgrounds/andrzej-kryszpiniuk-4wFqHZ1ONnM-unsplash.jpg' );
    background-size: cover;
    /*background-position: bottom center;*/
}

.imageCycle1 {
    background-image: url( '../Resources/LoginBackgrounds/tim-j-ots0EOYuGtU-unsplash.jpg' );
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.imageCycle2 {
    background-image: url( '../Resources/LoginBackgrounds/anastasia-zhenina-SNdEJFlzSko-unsplash.jpg' );
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.imageCycle3 {
    background-image: url( '../Resources/LoginBackgrounds/andrzej-kryszpiniuk-4wFqHZ1ONnM-unsplash.jpg' );
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.imageCycle4 {
    background-image: url( '../Resources/LoginBackgrounds/casey-fyfe-R5S4OQpG0lE-unsplash.jpg' );
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.imageCycle5 {
    background-image: url( '../Resources/LoginBackgrounds/keith-misner-v99lFTVp_ws-unsplash.jpg' );
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.imageCycle6 {
    background-image: url( '../Resources/LoginBackgrounds/Login_Background.png' );
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.imageCycle7 {
    background-image: url( '../Resources/LoginBackgrounds/matthew-henry-hGkmq1Bwj2E-unsplash.jpg' );
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.imageCycle8 {
    background-image: url( '../Resources/LoginBackgrounds/zara-walker-_pC5hT6aXfs-unsplash.jpg' );
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.imageCycle9 {
    background-image: url( '../Resources/LoginBackgrounds/martin-adams-6_jamaU00bI-unsplash.jpg' );
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.imageCycle10 {
    background-image: url( '../Resources/LoginBackgrounds/pavel-nekoranec-ROOrGTNurYI-unsplash.jpg' );
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}




#Login {
    width: 300px;
    height: 415px;
    position: absolute;
    top: 0;
    left: 0px;
    background-image: url('../Resources/Login_Window.png');
    left: 140px;
    margin-top: 90px;
    /*margin-left: -150px;*/
    border-radius: 5px;
    opacity: 1.0;
}


.LoginFrame {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #0180ad;
    opacity: 1.0;
    width: 410px;
    left: 0px;
    /* top: 0; */
    /* margin-top: 0px; */
    background-image: url('../Resources/Login_Gradient.png');
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 60px;
    border-radius: 15px;
    border: 5px solid #ffffff;
    opacity: 0.95;
    bottom: 0px;
    min-height: 675px;
}


#UserNameFrame
{
	/*background-color: #ffffff;
	border: 1px solid #909090;
	padding: 4px;
	padding-left: 8px;
	border-radius: 4px;*/
	margin: 40px 0px 15px 0px;
}

#PassordFrame
{
	/*background-color: #ffffff;
	border: 1px solid #909090;
	padding: 4px;
	padding-left: 8px;
	border-radius: 4px;*/
	margin: 25px 50px 10px 0px;
}

.iForgot {
    margin-top: 30px;
    color: #d5d5d5;
    cursor: pointer;
}

.iForgot:hover {
    color: #ffe25a;
}

.Copyright {
    margin-top: 10px;
    color: #86aebc;
}

input[type=text], [type=password] {
    border: none;
    width: 250px;
    outline: none;
    background-color: #00678b;
    border: 1px solid #00678b;
    padding: 6px;
    padding-left: 8px;
    border-radius: 4px;
    color: #dddddd;
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

#Login_Button
{
	/* float: right; */
	margin-top: 20px;
	margin-left: 0px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #383838 inset;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}

.PerspectiveLink {
    background-size: cover;
    border-radius: 50px;
    background-image: url('../Resources/PerspectiveLogo2.png');
    height: 60px;
    width: 60px;
    border: 2px solid #fff;
    position: absolute;
    bottom: 60px;
    right: 60px;
    transition: transform .2s; /* Animation */
    cursor: pointer;
}

.PerspectiveLink:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}