﻿.accordation {
    margin: 0 auto;
    padding: 10px;
}

.accordation-item {
    border-bottom: 1px solid #e5e5e5;
}

    .accordation-item button {
        position: relative;
        text-align: left;
        display: block;
        width: 100%;
        padding: 0.9em 0;
        color: black;
        font-size: 1.15em;
        border: none;
        outline: none;
        background-color: #ffffff;
    }

        .accordation-item button:hover {
            cursor: pointer;
            color: #83AE3E;
        }

.accordation-content p {
    font-size: 1em;
    padding-bottom: 20px;
}

.accordation-button {
    display: flex !important;
    justify-content: space-between !important;
}

.rotate {
    transition: 0.6s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}



#loan h2 {
    line-height: 1.6em;
}

#loancontent {
    margin: 0px 45px;
}

#form_list a {
    text-decoration: none;
}

#form_list :hover a {
    border-bottom: 2px solid #83AE3E;
}

#formamount input {
    border: none;
    border-bottom: 2px solid grey;
    writing-mode: horizontal-tb !important;
}

    #formamount input:focus {
        border: none;
        outline: none;
        border-bottom: 2px solid #83AE3E;
    }

#highlits img {
    border: 15px solid white;
    border-radius: 50%;
}

#eligible p i {
    color: #83AE3E;
}

#tabmenu ul li {
    padding: 10px 10px;
}

#vtabbtnrow #vtabbtncol button {
    background-color: #f9f9f9;
    color: #fc8816;
}

    #vtabbtnrow #vtabbtncol button:hover {
        background-color: #fc8816;
        color: white;
    }

    #vtabbtnrow #vtabbtncol button:focus {
        background-color: #fc8816;
        color: white;
    }

#tabmenurow #tabmenucol button {
    background-color: #f9f9f9;
    color: #fc8816;
}

    #tabmenurow #tabmenucol button:hover {
        background-color: #fc8816;
        color: white;
    }

    #tabmenurow #tabmenucol button:focus {
        background-color: #fc8816;
        color: white;
    }

#loanmenulist #bankname ul li {
    color: grey;
    padding: 15px;
    border-bottom: 1px solid rgb(180, 175, 175);
}

    #loanmenulist #bankname ul li:hover {
        color: #fc8816;
    }

#loanmenulist #bankname #bankcalculatorname {
    color: white;
    background-color: #fc8816;
}

#loandeals #loandealsmenu ul li {
    color: grey;
    padding: 15px;
    border-bottom: 1px solid rgb(180, 175, 175);
}

    #loandeals #loandealsmenu ul li:hover {
        color: #fc8816;
    }

#loandeals #loandealsmenu #personaldeal {
    color: white;
    background-color: #fc8816;
}

.sidehed {
    background-color: #f9f9f9;
    color: rgb(0, 0, 0);
    padding: 10px;
}




