﻿body{font-size:14pt;}

a {
    color: #000;
}

.options {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.application-dash h3{font-size:1.8em;  }
.application-dash h4 {
    font-size: 1.4em;
    /*border-bottom: solid 1px red;
    border-bottom-left-radius: 4px;
    width:85%;*/
}


header + div {
    min-height: 75vh;
}


.enquireForm {
    /*background-color: #0c034b;*/
    padding: 25px;
    color: #000;
}

.enquireForm ul li {
    margin: 10px 0;
}

.enquireForm ul li input,
.enquireForm ul li text,
.enquireForm ul li textarea {
    background: #fff;
    border: 1px solid #000;
}

.enquireForm ul li input[type="image"] {
    border: none;
}

.enquireForm ul li .item-list-table {
    width: 100%;
}

    .enquireForm ul li .item-list-table tr {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .enquireForm ul li .item-list-table td input {
        width: auto;
        display: inline-block;
        margin: 5px;
    }

    .enquireForm ul li .item-list-table td {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .enquireForm ul li .item-buttons input {
        display: inline-block;
        margin: 10px;
    }

    .enquireForm ul li .buttons h5 {
        display: inline-block;
    }
    
    .enquireForm ul li .buttons h5:last-child {
        float: right;
    }

    .enquireForm ul li input[type="checkbox"] {
        width: auto;
        display: inline-block;
        margin: 5px 10px 5px 0;
    }

.enquireForm ul li.money-box input {
    width: auto;
    display: inline-block;
    margin-left: 5px;
}

.application-dash {
    padding: 50px;
}

    .application-list a,
    .application-list td,
    .application-list span {
        color: #000;
        font-size: 11pt;
    }
    .application-list th a,
    .application-list th,
    .application-list th span {
        color: #fff;
        font-size: 13pt;
    }

    .application-list img {
        display: block;
    }

    .application-list table {
        width: 100%;
        border: none;
    }

    .application-list table tbody {
        border: none;
    }

    .application-list table th,
    .application-list table td {
        padding: 10px;
        border: none;
        border-bottom: solid 1px #e8e8e7;
    }

    .application-list table th {
        background-color: #0c034b;
        color: #fff;
    }

    .application-list th a {
        color: #fff;
    }
.application-list-footer td {
    border: none !important;
}

.enquireForm h1, .enquireForm h2, .enquireForm h3, .enquireForm p {
    background-color: #9e1419;
    padding: 10px;
    color: #fff;
}

.dash-button {
    font-size: 14pt;
    background: none;
    border: none;
    color: #0c034b;
    padding: 5px 10px;
    margin: 20px 5px;
    display: inline-block;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
}

.dash-button:hover {
    color: #ed1c24;
}

.dash-button.selected {
    background-color: #ed1c24;
    color: #fff;
}
.dash-button.selected:hover {
    color: #0c034b;
}

.buttons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.buttons.review h5 {
    display: inline-block;
}
.buttons.review h5:last-child {
    float: right;
}

.create-button {
    padding: 5px 10px;
    background-color: #0c034b;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-family: 'Archivo Black';
    display: inline-block;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
}

.create-button:hover,
.create-button:active,
.create-button:focus {
    background-color: #ed1c24;
}

.application-dash-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.application-dash-header h3 {
    display: inline-block;
    width: auto;
}

.confirm {
    width: 100%;
    padding: 25px;
    margin: 20px 0;
}

nav ul {
    position: relative;
}

.nav-login {
    position: absolute;
    bottom: 150%;
    right: 0;
}

.login {
    margin: 25px 0 250px 0;
}

.login table {
    width: 100%;
}

.login input {
    min-width: 300px;
}

.login-text {
    padding: 50px;
    color: #fff;
}

    .login-text a {
        color: #ed1c24;
        padding: 10px;
        border-radius: 5px;
        margin: 25px 0;
        background-color: #fff;
    }

        .login-text a:hover,
        .login-text a:active,
        .login-text a:focus {
            background-color: #0c034b;
            color: #fff;
            
        }


.approve-list, .abstain-list, .deny-list {
    text-align: center;
    list-style: none;
    padding: 5px !important;
}


.approve-list li:first-child, .abstain-list li:first-child, .deny-list li:first-child {
    border: none;
    margin: 0 !important;

}
.approve-list li *, .abstain-list li *, .deny-list li * {
    margin-bottom: 0;

}

.approve-list li, .abstain-list li, .deny-list li {
    border: 1px solid #ccc;
    margin: 0 !important;

}

.approve-list h3,
.abstain-list h3,
.deny-list h3 {
    font-size: 16pt;
}

#ContentPlaceHolder1_VoteHistory h3 {
    font-size: 14pt;
}


/* PASSWORD RECOVERY */

.panel-hidden {
    opacity: 0;
    position: absolute;
    background-color: #ed1c24;
    width: 100%;
    border-radius: 0px 0px 30px 0px;
    padding: 25px;
    top: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    transition: 2s ease;
    z-index: 9;
    min-height: 100%;
}
.show-panel {
    opacity: 1;
    pointer-events: all;
}


#recoverypanel h1,
#recoverypanel h2,
#recoverypanel h3,
#recoverypanel h4,
#recoverypanel h5,
#recoverypanel p,
#recoverypanel span,
#recoverypanel i,
#recoverypanel a,
#recoverypanel b
{
    color: #fff;
}

#passwordrecovery,
.login span.CancelRecovery {
    color: #ed1c24 !important;
    cursor: pointer;
    color: #ed1c24;
    padding: 10px;
    border-radius: 5px;
    margin: 25px 0;
    background-color: #fff;
    transition: 0.5s all;
    display: inline-block;
}

#passwordrecovery:hover, #passwordrecovery:active, #passwordrecovery:focus,
.login span.CancelRecovery:hover, .login span.CancelRecovery:active, .login span.CancelRecovery:focus {
    background-color: #0c034b;
    color: #fff !important;
}