.txtaccount 
{
    width: 100%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
}

.cancelbutton, .btnsave
{
    min-width: 100px;
    padding: 3%;
    margin: 7px;
}

.font80, .font90, .font110
{
    padding: 2% 2px;
    cursor: default;
}

.lblgray
{
    color: rgb(48, 80, 136);
}

.condlink
{
    color: rgb(64, 96, 204);
    cursor: pointer;
    position: relative;
    text-decoration: underline;
}

.langstuff {display: none;}

#condwindow
{
    background-color: white;
    font-size: 14px;
    width: 90%;
    height: 90%;
    padding: 1% 2%;
    overflow: auto;
    max-width: 800px;
    animation: createBox .25s;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.25);
}
@keyframes createBox 
{
    from {transform: scale(0.5);}
    to {transform: scale(1);}
}

.strengthdiv
{
    background-color: rgb(232, 232, 232);
    position: relative;
    width: 100%;
    min-height: 7px;
}

.strengthcolor
{
    display: none;
    background-color: red;
    position: absolute;
    left: 0;
    top: calc(100% - 4px);
    height: 4px;
    width: 100%;
}

.strengthsep
{
    background-color: white;
    position: absolute;
    top: 4px;
    left: 0;
    width: 100%;
    height: 2px;
}

#bigbox
{
    background-color: white;
    padding: 2%;
    margin: 2% 0;
    width: 100%;
    font-size: 16px;
    position: relative;
}

.flexcoldiv
{
    width: 90%;
}

#lblconn {margin-top: 4%;}

.maindiv {background-color: white;}

.lblmargin {margin-top: 1%;}

@media only screen and (min-width: 400px) 
{

    .maindiv {background-color: #eeeeee;}
    
    #bigbox 
    {
        width: 360px;
        border: 1px solid lightgray;
        border-radius: 5px;
    }
    
    .flexcoldiv
    {
        margin: 0 11px;
        width: 330px;
    }
}

@media only screen and (min-width: 640px) 
{

    .cancelbutton, .btnsave
    {
        min-width: 120px;
        padding: 4%;
        margin: 10px;
    }
    
    .txtaccount 
    {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    #bigbox 
    {
        width: 620px;
        font-size: 17px;
    }
    
    #condwindow {font-size: 16px;}
    
    #lblconn {margin-top: 0;}
    
    .flexcoldiv
    {
        margin: 0 11px;
        width: 270px;
    }
}

@media only screen and (min-width: 740px) 
{

    #bigbox 
    {
        width: 720px;
        font-size: 18px;
    }
    
    #condwindow {font-size: 17px;}
    
    .flexcoldiv
    {
        margin: 0 20px;
        width: 300px;
    }
}

@media only screen and (min-width: 1140px) 
{
    .edittitlebar 
    {
        width: 1140px;
        box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1), 0 30px 50px 0 rgba(0,0,0,0.09);
    }
}