body {
    background-color:#FFFFFF;
    color:darkgray;
    font-family:Helvetica, Verdana;
    font-size:12px;
    }

.comboMenu {
    width:400px;
    background-color:silver;    
    height:40px;
}

.txtlogin {
    font-family:Helvetica;
    font-size:12px;
    color:darkgray;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:1px;
    padding-right:1px;
    width:200px;
}

.txt {
    font-family:Helvetica;
    font-size:12px;
    color:darkgray;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:1px;
    padding-right:1px;
}

.txtCode {
    border-bottom-style:solid;
    border-bottom-color:darkgray;
    border-bottom-width:1px;    
    border-top-style:solid;
    border-top-color:darkgray;
    border-top-width:1px;    
    border-left-style:solid;
    border-left-color:darkgray;
    border-left-width:1px;    
    border-right-style:solid;
    border-right-color:darkgray;
    border-right-width:1px;    
    color:darkgray;
    font-family:Helvetica;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    height:30px;
}

.combo {
    font-family:Helvetica;
    font-size:12px;
    color:GrayText;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:1px;
    padding-right:1px;
}
.txtSearch {
    font-family:Helvetica;
    font-size:12px;
    color:GrayText;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:2px;
    padding-right:2px;
    width:150px;
}



.lbl {
    font-family:Helvetica;
    font-size:12px;
    color:RGB(50,101,176);
}
.lblCode {
    background-color:darkgray;
    border-bottom-style:solid;
    border-bottom-color:darkgray;
    border-bottom-width:1px;    
    border-top-style:solid;
    border-top-color:darkgray;
    border-top-width:1px;    
    border-left-style:solid;
    border-left-color:darkgray;
    border-left-width:1px;    
    border-right-style:solid;
    border-right-color:darkgray;
    border-right-width:1px;    
}
.lblId {
    visibility:hidden;
    width:0px;
    backface-visibility:hidden;
}
.lblAlert {
    font-family:Helvetica;
    font-size:12px;
    color:red;
    font-weight:bold;
}
.lblBlueAlert {
    font-family:Helvetica;
    font-size:12px;
    color:RGB(50,101,176);
    font-weight:bold;
}
.lblCaption {
    color:RGB(50,101,176);
    font-family:Helvetica,Verdana;
    font-size:12px;
    text-transform:uppercase;
}

.Percent100 {
    width:100%;
}
.Percent20 {
    width:20%;
}
.Percent25 {
    width:25%;
}
.Percent70 {
    width:70%;
}
.Percent80 {
    width:80%;
}
.Percent95 {
    width:95%;
}
.Percent10 {
    width:10%;
}
.Percent5 {
    width:5%;
}
.Percent30 {
    width:30%;
}
.Percent40 {
    width:40%;
}
.Percent60 {
    width:60%;
}

.Center {
    text-align:center;
}
.Left {
    text-align:left;
}
.Right {
    text-align:right;
}
.Top {
    vertical-align:top;
}
.Bottom {
    vertical-align:bottom;
}
.Middle {
    vertical-align:middle;
}



.xsmall 
{
    width:55px;
}
.small 
{
    width:75px;
    height:20px;
}
.medium 
{
    width:150px;
    height:20px;
}
.large 
{
    width:200px;
    height:20px;
}
.xlarge 
{
    width:350px;
    height:70px;
}


.footer {
    width:100%;
    bottom:0px;
    left:0px;
    position:fixed;
    background: RGB(50,101,176);
    color:#FFFFFF;
    font-size:10px;
    padding:10px;
    font-family: "Open Sans";
    text-transform: uppercase;
    font-weight: 800;
}
.header {
    width:100%;
    top:0px;
    left:0px;
    position:fixed;
    background: RGB(50,101,176);
    color:#FFFFFF;
    font-size:12px;
    padding:2px;
    font-family: Helvetica;
    text-transform: uppercase;
    font-weight: 800;
    border-right-style:solid;
    border-right-color:#FFFFFF;
}


.btn {
    font-family:Helvetica;
    font-size:12px;
    color:RGB(50,101,176);
    border-radius:10px;
    background-color:#FFFFFF;
}

.noborder {
    border-bottom-style:none;
    border-top-style:none;
    border-left-style:none;
    border-right-style:none;
}


.modal {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color:ghostwhite;
    padding: 1rem 1.5rem;
    width: 85%;
    border-radius: 0.5rem;
}
.modalRS {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }
.modal-contentRS {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 30%;
    border-radius: 0.5rem;
}

.outline_listing {
    top:15%;
    position:fixed;
    border-bottom-color:RGB(50,101,176);
    border-bottom-style:solid;
    border-top-color:RGB(50,101,176);
    border-top-style:solid;
    border-left-color:RGB(50,101,176);
    border-left-style:solid;
    border-right-color:RGB(50,101,176);
    border-right-style:solid;
    padding:10px;
    max-height: 100vh;
    overflow: auto;
}
.outline_entry {
    top:15%;
    position:fixed;
    border-bottom-color:RGB(50,101,176);
    border-bottom-style:solid;
    border-top-color:RGB(50,101,176);
    border-top-style:solid;
    border-left-color:RGB(50,101,176);
    border-left-style:solid;
    border-right-color:RGB(50,101,176);
    border-right-style:solid;
    padding:0px;
    width:80%;
}
.outline_toolbar {
    border-bottom-color:RGB(50,101,176);
    border-bottom-style:solid;
    border-top-color:RGB(50,101,176);
    border-top-style:solid;
    border-left-color:RGB(50,101,176);
    border-left-style:solid;.accordion {
    width: 100%;
}
.menu {
    border-right-style:solid;
    border-right-color:#FFFFFF;
    width:15%;
}        
.menu_corner {
    border-right-style:solid;
    border-right-color:#FFFFFF;
    border-left-style:solid;
    border-left-color:#FFFFFF;
    width:15%;
}        

.panelDelete {
    background-color:grey;
    color:red;
}


.ajax__tab_xp .ajax__tab_body {
font-family: Helvetica,tahoma,helvetica;
font-size: 12pt;
border: 1px solid #999999;
border-top: 0;
padding: 8px;
background-color: rgba(159, 187, 227,1) !important;
/* SVG fallback(Opera 11.10-, IE9) */
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTUsMjU1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjQxLDI0MSwyNDEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);

/* Opera 11.10+ */
background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(159, 187, 227,1));

/* Firefox 3.6+ */
background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(159, 187, 227,1));

/* Chrome 7+ & Safari 5.03+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,1)), color-stop(1, rgba(159, 187, 227,1)));

/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFF1F1F1);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFF1F1F1)"
}

@media screen and (min-width:400px) and (max-width:800px) {
    body {
    background-color:#FFFFFF;
    color:darkgray;
    font-family:Helvetica, Verdana;
    font-size:10px;
    }
.footer {
    width:100%;
    bottom:0px;
    left:0px;
    position:fixed;
    background: RGB(50,101,176);
    color:#FFFFFF;
    font-size:10px;
    padding:10px;
    font-family: "Open Sans";
    text-transform: uppercase;
    font-weight: 800;
    visibility:hidden;
}

}