*
{
    
    border-radius: 3px;
}
body
{
    min-height:100%;
    width:100%;
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	font-size:1em;

    background-color:#ffffff;
    color: #474B5C;
}

#pagecontainer
{
    max-width:800px;
    margin:0px auto;
}

.container
{
    padding:0px 10px;
    color: #474B5C;
}


.stepbox .innerwrapper
{
    display:none;
}
.stepbox h3
{
    font-size:23px;
    padding:12px;
    border-radius: 12px;
    line-height:0.9em;
    background-color: #E4F7FC; /* lightblue */
    cursor:pointer;
}
.stepbox.active h3
{
    background-color: #EDEFFE; /* light purple #EDEFFE */
}
input, select, option, textarea
{
    background-color:#FAF5FE; /* light pink */
    border:1px solid #EDEFFE;
    border-radius: 5px;
    padding:3px 5px;

    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:black;
    
    /* lightgreen #EBFEF3; */
    /* lightblue #E4F7FC */
    /* light purple #EDEFFE */
    /* light pink #FAF5FE */
    /*  #09C66B; green */ 
    /* #E10044;  red */
}

input.inputlinktext
{
    max-width:98%;
}

.listbox
{
    border:1px solid gray;
    max-height:40vh;
    overflow-y: scroll;
}
.listbox table
{
    width:100%;
}
.listbox table tr
{
    background-color: #EBFEF3; /* l green */
}
.listbox table tr:nth-child(even)
{
    background-color: #E4F7FC; /* l blue */
}
p.note,
p.warning,
p.desc,
p.credits,
p.copyright {
    font-size:11px;
    padding:8px;
    line-height:1.3em;
    font-weight:bold;
    border:1px solid #FFE0C1; /* light yellow/orange */ 
}
p.warning
{
    border:1px solid #FFC1D2;
}
p.credits
{
    font-size:15px;
    padding:8px;
    font-weight:normal;
    border:1px solid #EBFEF3;
    text-align:center;
}

p.copyright
{
    font-size:13px;
    padding:8px;
    font-weight:normal;
    border:none;
    background-color:transparent;
    text-align:center;
}



.button
{
    display:inline-block;
    cursor:pointer;
}
.button.small{
    font-size:11px;
    padding:4px;
    line-height:0.6em;
    font-weight:bold;
}
.button.submit{
    background-color: #09C66B; /* green */ 
    font-size:15px;
    color: #ffffff;
    font-weight:bold;
    padding:5px 9px;
}
.button.delete{
    color: #ffffff;
    background-color: #343434; /* gray */ 
}
.button.delete:hover{
    color: #ffffff;
    background-color: #E10044; /* red */ 
}

a.coverbox
{
    display:block;
    position:relative; 
}
a.coverbox .popview
{
    display:none;
}
a.coverbox:hover .popview
{
    display:block;
    position:absolute;
    right:-100px;
    top:-100px;
    z-index:999;
}

@media all and (min-width : 960px){
    /*
    .row
    {
    display:flex;
    flex-wrap: wrap;
    }
    .row .container
    {
        flex:1; 
    }
    */
}