@font-face { font-family: 'Calibri Light'; font-weight: normal; font-style: normal; }
html, body { font-family: Calibri Light, Calibri GillSans, Trebuchet, sans-serif !important; margin:0; padding:0; }
ol,ul { list-style:none; }

.bgBase{ background: rgba(255,255,255, 1); overflow-y: hidden; overflow-x: hidden; }
.bgSlide{ background: #FFF; overflow-y: auto; overflow-x: hidden; }

::-webkit-input-placeholder { color: #B6AFA9; font-size: 14px; }
::-moz-placeholder { color: #B6AFA9; font-size: 14px; }
:-ms-input-placeholder { color: #B6AFA9; font-size: 14px; }
:-moz-placeholder { color: #B6AFA9; font-size: 14px; }

[placeholder]:focus::-webkit-input-placeholder { transition: opacity 1s 0.05s ease; opacity: 0; }
[placeholder]:focus::-moz-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; }
[placeholder]:focus:-ms-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; }
[placeholder]:focus:-moz-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; }

input:focus ~ .lTtlF, input:not(:focus):valid ~ .lTtlF { opacity: 1; left: 7px; top: -18px; }
input:focus {outline:none;}

.lazy-hidden { background-color: rgba(255,255,255, 0); background-image: url('../SrcFiles/icWait.gif'); background-repeat: no-repeat; background-position: center center; background-size: 180px; }
.iPage { width: 96%; max-width: 800px; }

.BsTbl { width: 100%; height: 100%; border: 0; border-spacing:0; border-collapse:collapse; cell-padding:0; cell-spacing:0; }
.BlTbl { border: 0; border-spacing:0; border-collapse:collapse; cell-padding:0; cell-spacing:0; }
.BxTbl { max-width: 100%; min-width: 370px; height: 100%; border: 0; border-spacing:0; border-collapse:collapse; cell-padding:0; cell-spacing:0; }
.BwTbl { width: 100%; height: 100%; background-color: #FFFFFF; border: 1px dashed rgba(162,155,149, 1); border-spacing:0; border-radius: 6px; cell-padding:0; cell-spacing:0; }
.BbTbl { width: 100%; height: 100%; background-color: rgba(56,185,200, 1); border: 1px dashed rgba(229,223,219, 1); border-spacing:0; border-radius: 6px; cell-padding:0; cell-spacing:0; }

.dHdr { z-index: 3; position: fixed; top: 0px; height: 20px; left: 0px; right: 0px; padding: 0px 10px 0px 10px; border: 0px; background-color: rgba(255,255,255, 0.18); }
.dFtr { z-index: 3; position: fixed; bottom: 0px; height: 30px; left: 0px; right: 0px; padding: 0px 10px 0px 10px; border: 0px; background-color: rgba(0,0,0, 0.90); }
.dIdx { z-index: 9; position: fixed; bottom: 0px; top: 0px; left: 0px; right: 0px; padding: 0px 10px 0px 10px; border: 0px; background-color: rgba(234,234,234, 1); overflow: auto; display: none; }
.dMenu { z-index: 9; position: fixed; bottom: 0px; top: 0px; left: 0px; right: 0px; padding: 0px 10px 0px 10px; border: 0px; background-color: rgba(0,0,0, 1); overflow: auto; display: none; }

.dBase { z-index: 1; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; padding: 0px 0px 0px 0px; border: 0px; overflow: auto; }
.dCont { z-index: 3; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; padding: 0px 0px 0px 0px; border: 0px; overflow: auto; }
.dSlide { z-index: 1; text-align: center; left: 10px; right: 10px; padding: 5px 5px 5px 5px; border: 0px; overflow: hidden; -webkit-overflow-scrolling: touch; }
.dSug { z-index: 8; position: fixed; left: 20px; right: 20px; bottom: 30px; background-color: rgba(52,170,172, 0.96); overflow: hidden; border-radius: 6px; display: none; }

.bDwn { right: 20px; bottom: 9px; height: 11%; width: 36%; position: absolute; background-color: rgba(222,222,222, 0); cursor: pointer; }
.bSug { left: 20px; bottom: 9px; height: 11%; width: 36%; position: absolute; background-color: rgba(222,222,222, 0); cursor: pointer; }

.sbG::-webkit-scrollbar-track { background-color: rgba(255,255,255, 0.15); }
.sbG::-webkit-scrollbar { height: 4px; width: 4px; background-color: rgba(242,242,242, 0.15); }
.sbG::-webkit-scrollbar-thumb { border-radius: 4px; background-image: -webkit-linear-gradient(top, rgba(0,0,0, 0.45) 0%, #2E5C99 20%, #38B9C8 50%, rgba(229,223,219, 0.36) 75%, #38B9C8 100%); }

.fCt { font-family: Calibri, sans-serif !important; }
.fSt { font-family: Calibri Light, sans-serif !important; }

.fN { text-decoration: none; }
.fU { text-decoration: underline; }
.fB { font-weight: bold; }
.fS { text-shadow: 2px 2px 3px #DEDEDE; }
.fI { font-style: italic; }

.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }

.cBk { color: #000000; }
.cGd { color: rgba(162,155,149, 1); }
.cGm { color: rgba(229,223,219, 1); }
.cGy { color: #DEDEDE; }
.cWt { color: #FFFFFF; }

.cRd { color: #FF0000; }
.cRl { color: rgba(252,34,100, 1); }

.cBd { color: rgba(46,92,153, 1); }
.cBm { color: rgba(56,185,200, 1); }
.cBl { color: rgba(0,176,240, 1); }

.w100p { width: 100%; }
.w240 { width: 240px; }

.TxtBx {
    padding: 2px 10px;
    margin: 0 0;
    text-align: center;
    background: rgba(255,255,255, 0.72);
    outline: none !important;
    border: 1px solid rgba(229,223,219, 1);
}
.TxtBx:focus { color: #000000; background: rgba(255,255,255, 0.36); }
.TxtBx:disabled { background: rgba(248,248,255, 0.27); }

.TxtBg {
    padding: 10px 10px;
    margin: 0 0;
    text-align: left;
    background: rgba(255,255,255, 0.72);
    outline: none !important;
    border: 1px solid rgba(229,223,219, 1);
}
.TxtBg:focus { color: #000000; background: rgba(255,255,255, 0.36); }
.TxtBg:disabled { background: rgba(248,248,255, 0.27); }

.ButBx {
    padding: 2px 10px;
    margin: 0 0;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    background-color: rgba(0,176,240, 1);
    outline: none !important;
    border: 1px solid rgba(0,176,240, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ButBx:focus { outline: 0; }
.ButBx:active { background-color: #000000; color: #FFFFFF; }

.ButBg {
    padding: 10px 10px;
    margin: 0 0;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    background-color: rgba(0,176,240, 1);
    outline: none !important;
    border: 1px solid rgba(0,176,240, 1);
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ButBg:focus { outline: 0; }
.ButBg:active { background-color: #000000; color: #FFFFFF; }

.ButTr
{
    padding: 2px 0px;
    margin: 0 0;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    background-color: rgba(255,255,255, 0); 
    outline: none !important;
    border: 0;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.ButTr:focus { outline: 0; }
.ButTr:active { color: #DEDEDE; }

.RGrid, .RGrid th, .RGrid td { padding: 5px 10px 5px 10px; font-weight: normal; border: 1px solid #DEDEDE; }

/* Toast Message Styling */
#dMsg { visibility: hidden; z-index: 9999; position: fixed; left: 0px; right: 0px; bottom: 0px; height: 45px; background-color: #78D34A; color: #FFF; text-align: center; padding: 8px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
#dMsg.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; }