#logInForm{
	display: flex;
	flex-direction: column;
}
#logInForm #pass{
	width: 100%;
}
.hide{
    display: none !important;
}
#adminTopBar{
    display: flex;
    justify-content: space-around;
    width: 100%;
}
#adminTopBar a{
    width: 25%;
    height: 50px;
    font-size: 1.2em; 
    border: solid black 2px;
    text-align: center;
    color: black;
    text-decoration: none;
    line-height: 50px;
}
#adminTopBar a:hover{
    color: white;
    background-color: black;
}
.toAdminBundle{
    width: 100%;
    border:solid black 3px;
    border-radius: 5px;
    margin-top: 5px;
    text-align: center;
    color: black;
    text-decoration: none;
    font-size: 1.4em;
}

.toAdminBundle:hover{
    color: white !important;
    background-color: black;
}

#links{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 3px;
}
#createMe, #editMe, #logMe{
    width: 100%;
    margin-top: 1px;
    font-size: 1.3em;
}

#createMe{
    background-color: blue;
    color: white;
}

#editMe{
    background-color: orange;
    color: white;
}

#logMe{
    background-color: red;
    color: white;
}

#createAcct, #editAcctForm{
    width: 100%;
    display: flex;
    flex-direction: column;
}

#createAcct input, #createAcct select, #editAcctForm input{
    font-size: 1.2em;
} 
.names, .passwords{
    width: 100%;
    display: flex;
    flex-direction: row;
}
#fname,#lname,#pass,#confPass{
    width: 50%;
}
#n53,#sw,#cr{
    width: calc(100%/3);
}
#permissions{
    display: flex;
    flex-direction: row;
}
#createNewAcct{
    margin-top: 5px;
    color: white;
    background-color: blue;
}
#editAcct{
    margin-top: 5px;
    color: white;
    background-color: orange;
}
#tTable{
    width: 100%;
    text-align: center;
}
#taxFilter{
    width: 100%;
    justify-content: space-around;
}
#taxFilter select, #taxFilter input{
    width: 24.9%;
    margin: 10px 0;
    padding: 10px;
    font-size: 1.3em;
}

#AddAffil{
    width: 100%;
    margin-top: 5px;
    background-color: blue;
    color: white;
    font-size: 1.2em;
}

#affiliates{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}
.affilSite{
    border: solid black 2px;
    display: flex;
    flex-direction: row;
    width: 100%;
    text-align: center;
}
.affilSite img{
    height: 150px;
    width: 150px;
}
.affilData{
    width: calc(100% - 150px);
    height: 150px;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.edit, .delete{
    width: 100%;
    color: white;
    font-size: 1.3em;
}
.edit{
    background-color: orange;
    margin-top: auto;
}
.delete{
    background-color: red;
}
#assocField{
    display: flex;
    flex-direction: column;
}

#name, #url, #description, #save, #cancel, #sandbox, #live, #saveEP, #cancelEP, #saveCR, #cancelCR{
    width: 100%;
    font-size: 1.2em;
}
#save, #saveEP, #saveCR{
    background-color: blue;
    color: white;
    margin-top: 5px;
}
#endpoints, #credentials{
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}
.endpoint, .credentials{
    display: flex;
    flex-direction: column;
    text-align: center;
    border: solid black 3px;
    font-size: 1.2em;
}
#addPoint, #addCred{
    margin-top: 5px;
    width: 100%;
    background-color: blue;
    color: white;
    font-size: 1.3em;
}
#addCred{
    background-color: cyan;
    color: black;
}
.editEndpoint, .deleteEndpoint, .editCredentials, .deleteCredentials{
    font-size: 1em;
}
.editEndpoint, .editCredentials{
    background-color: orange;
    color: white;
}
.deleteEndpoint, .deleteCredentials{
    background-color: red;
    color: white;
}

#endpointForm, #credentialForm{
    margin-top: 5px;
}

#radios{
    display: flex;
    justify-content: space-around;
}

#apiName, #apiKey, #apiSecret{
    font-size: 1.2em;
    width: 100%;
}