* { font-family: 'Roboto', sans-serif; }
*:link { color: #316BBE; }

.boxFill {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
}

.medList { size: 6; }
.txtWhite { background-color:#161719; color: #FFFFFF; }
.txtWhiteHuge { font-size: 48px; color: #FFFFFF; }
.txtPrimary { background-color:#FFFFFF; color: #000000; }
.txtPrimaryHuge { font-size: 48px; background-color: #FFFFFF; color: #000000; }
.txtFldHuge { line-height: 56px; font-size: 48px; }

.txtDataTiny {
        table-layout: fixed;
        padding: 0px;
        border-spacing: 0px;
        border-collapse: collapse;
        font-size: 9px;
        color: #000000;
}

.txtDashTiny {
        padding: 0px;
        border-spacing: 0px;
        border-collapse: collapse;
        font-size: 9px;
        color: #000000;
}

.layoutBanner {
        margin: auto;
        width: 100%;
        background-color: #ECEFF1;
        color: #000000;
}
.txtBanner { test-align: left; background-color: #ECEFF1; color: #000000; }

select { border: 0; font-family: 'Roboto', sans-serif; }

.layoutHUD {
        border: none;
        margin: auto;
/*      background-color:#161719;	*/
        background-color:#F5F6F9;
        color: #FFFFFF;
}

.layoutDashlet {
        border: none;
/*      margin: auto;	*/
/*      background-color:#F5F6F9;	*/
/*      color: #FFFFFF;	*/
        width: 548px;
        height: 184px;
}

.layoutMenu { background-color: #EFEFEE; height: 48; }
.layoutSidebar { background-color: #FFFFFF; }
.layoutFooter { background-color: #F2B411; }

.btnPix {
        border: none;
        margin: 0; border-collapse: collapse;
        padding: 0px !important;
        background-color: transparent;
}

.btnPrimary {
        border: none;
        width: 128px;
        margin: 0; border-collapse: collapse;
        padding: 6px !important;
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        text-align: center;
        vertical-align: middle;
        border-radius: 6px;
        background-color: #75CCB9;
        color: #000000;
}
.btnPrimary:hover:not([disabled="disabled"]) {
        background-color: #A7FFEB;
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
}
.btnShort { width: 64px; }

button:disabled, button[disabled] {
        background-color: #CCCCCC;
        color: #666666;
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
}

.btnActivated { background-color: #627D32; }
.btnError { background-color: #E32315; }

.btnTab {
        border: none;
/*      margin: 0; border-collapse: collapse;	*/
        margin: auto;
        width: 128px;
        padding: 8px !important;
        font-size: 14px !important;
        text-align: left;
        vertical-align: middle;
/*      background-color: #75CCB9;	*/
        background-color: #ECEFF1;
        color: #000000;
}

.btnTabActive {
        border: none;
/*      margin: 0; border-collapse: collapse;	*/
        margin: auto;
        width: 128px;
        padding: 8px !important;
        font-size: 14px !important;
        text-align: left;
        vertical-align: middle;
/*      background-color: #A7FFEB;	*/
        background-color: #75CCB9;
        color: #000000;
}

.sideNav { width:100%; border-collapse:collapse; }
.sideNav td { padding:7px; border: 0px; }
.sideNav tr { background: #FFFFFF; }
.sideNav tr:hover { background-color: #A7FFEB; }
.statusLine { font-size: 16px; color: #882200; }
.appView { background-color:#FFFFFF; border:0px solid #CCCCCC; }

.appView table {
/*      background-color:#161719;	*/
        background-color:#FFFFFF;
        color:#222222;
        margin-left:auto; 
        margin-right:auto;
}

.appView td { background-color:#FFFFFF; }
.appView input[type=text],textarea { background-color:#FFFFFF; color: #000000; }

.txtConsole {
        border: none;
        display: block;
/*      margin: auto;	*/
        resize: none;
        font-family: 'Roboto', sans-serif;
        font-size: 12px !important;
        font-style: italic;
        background-color: #ECEFF1;
        color: #8844AA;
}

.txtCaption { background-color:#161719; color:#B2B3B3; }

.lstDropDown {
        border: 0;
        width: 228px;
        height: 48px;
        overflow: hidden;
        background: url(/img/btn-down.png) no-repeat right transparent;
}

.lstDropDown select {
        border: 0;
        border-radius: 0;
        width: 256px;
/*      padding: 4px; */
        line-height: 1;
        font-family: 'Roboto', sans-serif;
        font-size: 28px !important;
        font-style: bold;
        background: transparent;
/*      background-color: #FFFFFF; */
        color: #000000;
}

.btnRadio {
        display: inline-block;
        position: relative;
        padding: 0 6px;
        margin: 0px 0 0;
}

.btnRadio input[type='radio'] {
        display: none;
}

.btnRadio label {
        color: #666;
        font-family: 'Roboto', sans-serif;
        font-size: 12px !important;
        font-weight: normal;
}

.btnRadio label:before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 5px;
        margin: 0 5px 0 0;
        width: 16px;
        height: 16px;
        border-radius: 9px;
        border: 2px solid #008800;
        background-color: transparent;
}

.btnRadio input[type=radio]:checked + label:after {
        border-radius: 11px;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 10px;
        left: 11px;
        content: " ";
        display: block;
        background: #75CCB9;
}

.txtFld {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 48px;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.42) inset;
        font-family: "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system;
        font-size: 16px;
}

.txtFld > input {
        position: absolute;
        bottom: 0;
        margin: 0;
        border: none;
        border-bottom: solid 2px transparent;
        padding: 6px 0 5px;
        width: 100%;
        background-clip: padding-box;
        background-color: transparent;
        box-shadow: none;
        outline: none;
        font-size: 16px;
}

.txtFld:hover > input {
        border-bottom: solid 2px #000;
}

.txtFld > input + span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        pointer-events: none;
}

.txtFld > input + span::before {
        content: attr(data-label);
        position: absolute;
        top: 26px;
        color: rgba(0, 0, 0, 0.54);
        transform-origin: top left;
        transition: transform 0.3s;
}

.txtFld > input:-webkit-autofill + span::before {
        transform: scale(0.6667) translateY(-32px);
        transition: transform 0s;
}
.txtFld > input[data-empty="false"] + span::before {
        transform: scale(0.6667) translateY(-32px);
        transition: transform 0s;
}

.txtFld > input:focus + span::before {
        color: #2196f3;
        transform: scale(0.6667) translateY(-32px);
}

.txtFld > input + span::after {
        content: "";
        position: absolute;
        bottom: 0;
        border-bottom: solid 2px #2196f3;
        width: 100%;
        height: 2px;
        transform: scale(0, 1);
        transition: transform 0.3s;
}

.txtFld > input:focus + span::after {
        transform: scale(1);
}