﻿body {
}

.AdminCommandRowFormat
{
    margin-top:100px;
}

.ActionBoxTitle
{ 
    background-color:orange; 
    font-weight:800; 
    text-align:center;
}

@media (max-width: 5000px)
{
    .ActionBoxHolder 
    {
        /*margin-left: -1%;
        margin-right: -1%;*/
    }
    .ActionBoxL
    {
        -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
        margin-bottom: 10px;
        color: darkblue;
        /*padding-right:1%;*/
        width:49%;
        /*margin-left: 1%;
        margin-right: 1%;*/
        float:left;


    }
    .ActionBoxR
    {
        -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
        /*float: right;*/
        margin-bottom: 10px;
        color: darkblue;
        /*padding-left:1%;*/
        width:49%;
        /*margin-left: 1%;
        margin-right: 1%;*/
        float:right;
        clear: right;
    }
    .ActionBoxFull
    {
        margin-top:3px;
        -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
        color: darkblue;
        width:100%;
    }
    
.ActionBoxContent
{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    text-align:justify; 
    display:inline-block; 
    border: 1px solid; 
    width:100%;
    overflow:hidden;
}
}


@media (max-width: 632px)
{
    .ActionBoxL /*Probably not room form two boxes side-by-side float, so just make fullscreen for mobile*/
    {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }

    .ActionBoxR /*Probably not room form two boxes side-by-side float, so just make fullscreen for mobile*/
    {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }
    .ActionBoxContent
    {
        width: 100%;
    }
}




