.editAccountForm {
    width: 750px;
    margin: auto;
}

.successPanel
{
    width:750px;margin:auto;
    background-color:lightgreen;
    color:black;
    padding:10px;
    margin-top:30px;
}

.failPanel{
    width:750px;margin:auto;
    background-color:red;
    color:black;
    padding:10px;
    margin-top:30px;
}

.editAccountForm select
{
    padding:10px;
}

.editAccountForm .cancel{
    font-size:11px;
    color:blue;
    text-decoration:underline;
    font-weight:800;
    cursor:pointer;
}
.editAccountForm .invoiceStuff
{
    width:40%;
    float:left;
}

.editAccountForm .subTotals
{
    width:20%;
    float:right;
}

.thirdColumn {
    width: 33%;
    float: left;
    padding-right: 60px;
}

    .thirdColumn:last-child {
        padding-right: 0px;
    }


.halfColumn {
    width: 50%;
    float: left;
    padding-right: 60px;
}

    .halfColumn:last-child {
        padding-right: 0px;
    }



.quarterColumn {
    width: 25%;
    float: left;
    padding-right: 60px;
}

    .quarterColumn:last-child {
        padding-right: 0px;
    }

.productRow {
    padding-top: 40px;
}

.titleRow {
    font-size: 14px;
    font-weight: 800;
}


.purchaseOrderItem {
    border: 1px solid #a5a4a4;
    height: 100px;
    padding: 20px;
    background-color: #FFF;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.17);
    -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.17);
    box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.17);
    margin-bottom:20px;
    position:relative;
}

    .purchaseOrderItem > div {
        float: left;
        padding-right: 20px;
    }

        .purchaseOrderItem > div.quantity {
            width: 10%;
        }

        .purchaseOrderItem > div.desc {
            width: 55%;
        }

        .purchaseOrderItem > div.costcode {
            width: 20%;
        }

        .purchaseOrderItem > div.total {
            width: 15%;
        }


        .purchaseOrderItem .close
        {
            position:absolute;
            left:870px;
            color:red;
            top:5px;
            font-size:12px;
            font-weight:800;
            cursor:pointer;
        }

        
        .hidden
        {
            display:none;
        }

/* Media Queries */
@media only screen and (max-width: 750px) {
    .editAccountForm {
        width: 100%;
        margin: auto;
    }
    .editAccountForm .basicButton{
        font-size: 16px;
    }    
    .editAccountForm .adminCheckBox {
        width: 90%;
        margin: 0 auto;
        /*padding: 20px 20% 0 !important;*/
    }
    .editAccountForm li{
        padding: 20px 0 0 0 !important;
    }
    /*.editAccountForm input[type='text'], .editAccountForm input[type='password'], .editAccountForm textarea{
        font-size: 14px !important;
    }*/
    .editAccountForm .halfColumn, .halfColumn:last-child {
        width: 90%;
        padding: 0;
        margin: 0 auto;
        float: none;
    }
    
    .editAccountButton {
        width: 90%;
        margin: 0 auto;
    }
    .successPanel{
        width:100%;
    }
    #editAccountForm .underlinedForm input[type='text'], .underlinedForm input[type='password'], .underlinedForm textarea, .standardForm input[type="date"] {
        /*border: 0;*/
        border: solid 1px #000 !important;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 0 5px 5px;
        outline: none;
        font-size: 14px!important;
        font-family: 'Source Sans Pro', sans-serif;
        color: #777;
        margin: 5px auto;
        width: 100%;
        max-width: 100%;
        display: block;
        background: transparent;
        box-sizing: border-box;
    }
}