﻿.main-body {
    width: 100%;
    height: 100%;
    /*background-color: #ded9d9ad;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

input {
    border-radius: 10px;
    width: 100%;
    border: solid 1px;
    padding-left: 10px;
}

.ac-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.col {
    display: flex;
    align-items: center;
}

u {
    color: #337ab7;
}

.center-segment {
    background-color: #ded9d98f;
    flex-shrink: 0;
    margin: auto;
    display: flex;
    /*align-items: center;*/
    border: 1px solid;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    width: 50%;
    position: relative;
    height: 70%;
}

.email-validation {
    color: red;
    visibility: hidden;
}

.password-validation {
    color: red;
    visibility: hidden;
}

/*.portal-logo .col {
    background-image: url(https://piastorageaccv2.privatelink.blob.core.windows.net/00031images/PIA_Mountain_Animation_300x300px.gif);
background-repeat: no-repeat;
width: 50px;
height: 50px;*/
/*}*/

.portal-logo .col > img {
    width: 5rem;
    height: 5rem;
}

.product-title {
    display: flex;
    font-size: 1.5rem;
    width:100%;
}

/*.portal-logo > col {
    display: inline-block;
}*/

img {
    vertical-align: middle;
}

.col span {
    padding-left: 0.5rem;
}


.ui-segment {
    /*padding-top: 5rem;*/
    padding-bottom: 3rem;
    width: 100%
}

    .ui-segment > p {
        font-size: 26px;
    }

table {
    font-size: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
}

    table > tbody > tr > td {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    table > tbody {
        width: 50%;
    }


.portal-logo {
    display: flex;
    width: 90%;
    align-items: center;
    justify-content: center;
}

table > tbody > tr {
    display: flex;
    justify-content: center;
}

    table > tbody > tr.button-form-submit {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-around !important;
        display: flex !important;
    }

        table > tbody > tr.button-form-submit.no2 > td {
            font-size: 20px;
        }

.copyrights {
    /*padding-top: 5rem;*/
}

#signin {
    color: white;
    background: #2067a5;
}

    #signin:hover {
        color: #2067a5;
        background: white;
    }

/*#signin-sso {
    color: #000000a8;
    background: #ded9d9;
}
    */

#signin-sso:hover {
    color: #2067a5;
    background: white;
}
