html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}
#dialog_loading 
{
    display:    none;
    position:   fixed;
    z-index:    10001;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/images/loading.gif') 
                50% 50% 
                no-repeat;
}

.red { color: red; }
.white { color: white; }
.black { color: black; }
body.loading #dialog_loading { overflow: hidden; }
body.loading #dialog_loading { display: block; } 

body { padding: 0; margin: 0; font-family: "MundoSansPro-Regular", Arial, sans-serif; background-color: #005E63; }
h1 { font-family: "BrandonGrotesqueWeb-Regular", Arial Black, sans-serif; font-size: 24px; color: #005E63; font-weight: normal; padding: 0px; margin: 0px; }
h2 { font-family: "BrandonGrotesqueWeb-Regular", Arial Black, sans-serif; font-size: 20px; color: #005E63; font-weight: normal; padding: 0px; margin: 0px; }
h3 { font-family: "BrandonGrotesqueWeb-Regular", Arial Black, sans-serif; font-size: 18px; color: #005E63; font-weight: normal; padding: 0px; margin: 0px; }
h4 { font-family: "BrandonGrotesqueWeb-Regular", Arial Black, sans-serif; font-size: 16px; color: #005E63; font-weight: normal; padding: 0px; margin: 0px; }
h5 { font-family: "BrandonGrotesqueWeb-Regular", Arial Black, sans-serif; font-size: 14px; color: #005E63; font-weight: normal; padding: 0px; margin: 0px; }
p { padding: 12px 0 12px 0; margin: 0px; line-height: 1.5; }    
.bold,.fbold { font-weight: bold; }
.fnormal { font-weight: normal; }
    
.fc1 { color: #005E63; }
.fc2 { color: #003146; }
.fc3 { color: #00ACA0; }
.fc4 { color: #EFAB7B; }
.fc5 { color: #EAD9CE; }
.fc6 { color: #808080; }
.fc7 { color: #ACACAC; }

.bc1 { color: #005E63; }
.bc2 { color: #003146; }
.bc3 { color: #00ACA0; }
.bc4 { color: #EFAB7B; }
.bc5 { color: #EAD9CE; }
.bc6 { color: #808080; }
.bc7 { color: #ACACAC; }
 
.fl, .fleft { float: left; }
.fr, .fright { float: right; }
.fn, .fnone { float: none; }
.cboth,.cb { clear: both; }
.cnone,.cn { clear: none; }
.bold { font-weight: bold; }
.m0 { margin: 0; }
.mr05em { margin-right: 0.5em; }
.mr1em { margin-right: 1em; }
.mr2em { margin-right: 2em; }
.ml05em { margin-left: 0.5em; }
.ml1em { margin-left: 1em; }
.ml2em { margin-left: 2em; }
.mt025em { margin-top: 0.25em; }
.mt035em { margin-top: 0.35em; }
.mt05em { margin-top: 0.5em; }
.mt1em { margin-top: 1em; }
.mt2em { margin-top: 2em; }
.mb05em { margin-bottom: 0.5em; }
.mb1em { margin-bottom: 1em; }
.mb2em { margin-bottom: 2em; }
.m05em { margin: 0.5em; }
.m1em { margin: 1em; }
.m2em { margin: 2em; }
.p0 { padding: 0; }
.pr025em { padding-right: 0.25em; }
.pr05em { padding-right: 0.5em; }
.pr075em { padding-right: 0.75em; }
.pr1em { padding-right: 1em; }
.pr2em { padding-right: 2em; }
.pl025em { padding-left: 0.25em; }
.pl05em { padding-left: 0.5em; }
.pl075em { padding-left: 0.75em; }
.pl1em { padding-left: 1em; }
.pl2em { padding-left: 2em; }
.pt025em { padding-top: 0.25em; }
.pt05em { padding-top: 0.5em; }
.pt075em { padding-top: 0.75em; }
.pt1em { padding-top: 1em; }
.pt2em { padding-top: 2em; }
.pb025em { padding-bottom: 0.25em; }
.pb05em { padding-bottom: 0.5em; }
.pb075em { padding-bottom: 0.75em; }
.pb1em { padding-bottom: 1em; }
.pb2em { padding-bottom: 2em; }
.p025em { padding: 0.25em; }
.p05em { padding: 0.5em; }
.p075em { padding: 0.75em; }
.p1em { padding: 1em; }
.p2em { padding: 2em; }

.lh0 { line-height: 0; }
.lh1 { line-height: 1; }
.lh15 { line-height: 1.5; }
.lh175 { line-height: 1.75; }
.lh2 { line-height: 2; }
.lh225 { line-height: 2.25; }
.lh25 { line-height: 2.5; }

.fsize14 { font-size: 14px; }
.fsize16 { font-size: 16px; }
.fsize20 { font-size: 20px; }
.fsize22 { font-size: 22px; }
.fsize24 { font-size: 24px; }
.fsize26 { font-size: 26px; }
.fsize30 { font-size: 30px; }
.fsize32 { font-size: 32px; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.nounderline { text-decoration: none; }

.h100p { height: 100%; }
.hauto { height: auto; }

.w100p { width: 100%; }
.w90p { width: 90%; }
.w80p { width: 80%; }
.w70p { width: 70%; }
.w60p { width: 60%; }
.w50p { width: 50%; }
.w40p { width: 40%; }
.w30p { width: 30%; }
.w20p { width: 20%; }
.w10p { width: 10%; }
.w95p { width: 95%; }
.w85p { width: 85%; }
.w75p { width: 75%; }
.w65p { width: 65%; }
.w55p { width: 55%; }
.w45p { width: 45%; }
.w35p { width: 35%; }
.w25p { width: 25%; }
.w15p { width: 15%; }
.w5p { width: 5%; }
.w46p { width: 46%; }
.w48p { width: 48%; }
.w96p { width: 96%; }
.w98p { width: 98%; }


.bbox { box-sizing: border-box; }
    
    
@media all and (min-width:1px) 
{
    
    
    .checkbox { height: 32px; width: 32px; cursor: pointer; }
    .label, .lbl { cursor: pointer; }
    .pointer { cursor: pointer;  }
    .textbox
    {
        padding: 8px 8px 8px 8px;
        line-height: 2;
        font-family: "Manrope", Arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        border: 1px solid #aeaeae;
        height: 30px;
        box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
        border-radius: 6px;        
        
    }
    
    button, .button 
    {
        clear: both;
        border: 1px solid #444 !important;
        background-color: #00ACA0 !important;
        color: #FFFFFF !important;
        font-family: "Manrope", Arial, sans-serif !important;
        font-weight: bold !important;
        box-sizing: border-box !important;
        padding: 12px !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        transition: .3s ease-out !important;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35) !important;
    }
    button:hover, .button:hover
    {
        border: 1px solid #222 !important;
        background-color: #005E63 !important;
        color: #FFFFFF !important;
        cursor: pointer !important;        
        transition: .3s ease-in !important;
        font-weight: bold !important;
    }
    
    
    .smallbutton 
    {
        clear: both;
        border: 1px solid #444 !important;
        background-color: #00ACA0 !important;
        color: #FFFFFF !important;
        font-family: "Manrope", Arial, sans-serif !important;
        font-weight: bold !important;
        font-size: 0.9em !important;
        box-sizing: border-box !important;
        padding: 8px !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        transition: .3s ease-out !important;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35) !important;
    }
    .smallbutton:hover
    {
        border: 1px solid #222 !important;
        background-color: #005E63 !important;
        color: #FFFFFF !important;
        cursor: pointer !important;
        font-size: 0.9em !important;        
        transition: .3s ease-in !important;
        font-weight: bold !important;
    }
    
    
    
    
    
    #alertdialog { z-index: 9997 !important; }
    .ui-dialog { z-index: 9997 !important; }
    .ui-widget-overlay 
    {
        background: #444;
        opacity: .5;
        filter: Alpha(Opacity=50);
    }
    .ui-state-default, .ui-state-hover { 
    transition: .3s ease-out !important; 
}
}

@media all and (min-width:340px) 
{
    
    
}

@media all and (min-width:480px) 
{
    
    
}

@media all and (min-width:600px) 
{
    
    
}

@media all and (min-width:768px) 
{
    
    
}

@media all and (min-width:1024px) 
{
    
    
}