body {
    position: absolute;
    width: 100%;
}

.body-content {
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#313942+0,607080+65,607080+65,607080+100 */
    /* background: #313942; /* Old browsers  */
    /* background: -moz-linear-gradient(left, #313942 0%, #607080 65%, #607080 65%, #607080 100%); /* FF3.6-15 */
    /* background: -webkit-linear-gradient(left, #313942 0%,#607080 65%,#607080 65%,#607080 100%); /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to right, #313942 0%,#607080 65%,#607080 65%,#607080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313942', endColorstr='#607080',GradientType=1 ); /* IE6-9 */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004152+0,376773+34,93b9bb+100,c4e4e2+100,93b9bb+100 */
    background: #004152; /* Old browsers */
    background: -moz-linear-gradient(top, #004152 0%, #376773 34%, #93b9bb 100%, #c4e4e2 100%, #93b9bb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #004152 0%,#376773 34%,#93b9bb 100%,#c4e4e2 100%,#93b9bb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #004152 0%,#376773 34%,#93b9bb 100%,#c4e4e2 100%,#93b9bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004152', endColorstr='#93b9bb',GradientType=0 ); /* IE6-9 */
    position: absolute;
    width: 100%;
}

.forgot-password {
    font-family: Montserrat, sans-serif; /*harika*/
}

#Log {
    font-family: Montserrat, sans-serif; /* harika*/
}



.ui.middle.aligned.center.aligned.grid {
    height: 100%;
}

h1.login-logo {
    font-family: Sansation, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5rem;
    color: #fff;
    margin-bottom: 0px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.57);
}

h1.user-edit {
    font-family: Sansation, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3rem;
    color: #000;
    margin-bottom: 0px;
}

h3 {
    font-family: Sansation, sans-serif;
    font-weight: lighter;
    letter-spacing: 5px;
    color: #fff;
}

.button.default.login {
    width: 100%;
    font-size: 1.2rem;
    padding-top: .8em;
    background: #00A4C9; /*  changed from #01b4e1*/
    color: #FFF56D; /* changed from #fff*/
    transition: all 0.2s;
    letter-spacing: 4px;
    border: 0.16em solid #01b4e1;
    border-radius: 2em;
}

    .button.default.login:hover {
        border-color: #004152;
        background: #004152 !important; /* changed from #1f446E*/
        color: #FFF56D; /* changed from #fff*/
        letter-spacing: 4px;
        -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
        -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
        box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
    }

    .button.default.login:active {
        border-color: #131F46;
        background: #131F46 !important;
        color: #fff;
        letter-spacing: 4px;
        -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
        -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
        box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
    }

hr {
    margin-top: -.5rem;
    height: 2px;
    color: unset;
    border: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#607080+0,607080+35,607080+35,313942+100 */
    background: #607080; /* Old browsers */
    background: -moz-linear-gradient(left, #607080 0%, #607080 35%, #607080 35%, #313942 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #607080 0%,#607080 35%,#607080 35%,#313942 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #607080 0%,#607080 35%,#607080 35%,#313942 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#607080', endColorstr='#313942',GradientType=1 ); /* IE6-9 */
}

.ui.form .ui.input input {
    font-size: 1.2rem;
    -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
    -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
    box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
}

    
/*Appears to be bad styling orphan causing issue with top maring on start date on date range entry on AlertsforWorkstation page
Take out moved logo closer to text box, pointless effect
.ui.form .field:first-of-type .ui.input {
	margin-top: 1.7rem;
}*/

    .ui.form .ui.input input::placeholder {
        color: #6F8294;
        text-transform: capitalize;
    }

    .ui.form .ui.input input:focus {
        font-size: 1.2rem;
    }

.forgot-password {
    color: lIGHTGRAY; /*CHANGED FROM white */
    padding-top: 1rem;
    display: block;
}

    .forgot-password:hover {
        color: YELLOW; /*CHAGED FROM lightgray*/
    }

.error-top {
    border: 3px solid red !important;
    color: dimgray;
    background: pink;
    font-size: 1rem !important;
    font-weight: 600 !important;
    letter-spacing: unset !important;
    padding: 8px 20px;
    border-radius: 10px;
    display: inline-block;
    padding-left: 20px;
    width: 100%;
    margin-top: 5px;
}

.loading-bars {
    transform: scale(3);
    left: 44%;
    top: 41%;
}

.text-danger.field-validation-error {
    display: none;
}

.loading {
    opacity: .5;
}

.popup {
    /*inset:	-80.0665px auto auto 571.367px !important;*/
    width: 60%;
}