﻿/* ----------------------------------------------------------------- */
/* gGOB - gestor Grande Oriente do Brasil.                           */
/* 01.Aug.2021                                                       */
/* UnaSoft Sistemas Artificiais Ltda.  http://www.unasoft.com.br     */
/* ----------------------------------------------------------------- */
/* CSS Standard                                                      */
/* ----------------------------------------------------------------- */

/* --- Fields Control --- */
@font-face {
    font-family: 'Nuptial BT';
    src: url('../Fonts/Nuptial BT.ttf');
}

.cssLabelAlign {
    font-family: Tahoma, Cambria, Arial;
    font-size: 12px;
    font-weight: bold;
    color: black !important;
}

.cssBodyMessage {
    font-family: Tahoma, Cambria, Arial;
    border: 1px solid #CCFF66;
    background-color: lightgoldenrodyellow !important;
    font-size: 12px;
    color: black !important;
    text-align: center;
}

.cssNoteText {
    font-family: Arial, Tahoma, Cambria;
    font-size: 9px !important;
    font-style: italic !important;
    color: darkmagenta !important;
}

.cssBackLightOdd
{
    background-color:lightsteelblue !important;
}
.cssBackLightOddAlt {
    background-color: lightcyan !important;
}
.cssBackLightEven{
    background-color: lightgray !important;
}
.cssBackLightEvenAlt {
    background-color: lightgray !important;
}

.cssYellowColor {
    background-color: lightyellow !important;
}

.cssTransparent {
    background-color: transparent !important;
    padding: 1px;
}

.cssTransparentCenter {
    background-color: transparent !important;
    text-align: center;
}
.cssTransparent10 {
    background-color: transparent !important;
    padding: 10px;
}

.cssTransparent15 {
    background-color: transparent !important;
    padding: 15px;
}

.cssPadding5 {
    padding: 5px;
}

.cssUserSerial {
    background-color: black !important;
    text-align: center;
    color: white !important;
}

.cssUserName {
    font-family: Cambria, Tahoma, Arial;
    font-size: 16px;
    font-weight: bold;
    color: black !Important;
}

.cssLastAccess {
    font-family: Cambria, Tahoma, Arial;
    font-size: 10px;
    color: lightgray !important;
}

.cssDataSchemaName {
    font-family: Cambria, Tahoma, Arial;
    font-size: 22px;
    font-weight: bold;
    color: #006666 !important;
}
.cssDataSchemaID {
    font-family: Cambria, Tahoma, Arial;
    font-size: 9px;
    color: lightsteelblue;
    text-align: left;
}
.cssDataSchemaDB {
    font-family: Cambria, Tahoma, Arial;
    font-size: 8px;
    color: gray !important;
    text-align: left;
}
.cssModuleTitle {
    font-family: Cambria, Tahoma, Arial;
    font-size: 16px;
    font-weight: bold;
    color: #006666 !important;
    text-align: left;
}
.cssModuleVersion {
    font-family: Cambria, Tahoma, Arial;
    font-size: 10px;
    color: #999966 !important;
    text-align: left;
}
.cssOperatorMessage {
    background-color: navy !important;
    color: white !important;
}
.cssCopyRight {
    font-family: Cambria, Tahoma, Arial;
    font-size: 9px;
    color: lightsteelblue !important;
    text-align: left;
}

.cssEllipsis {
    overflow: hidden;
    white-space: nowrap;
}

.cssNormal, .cssNormalBold, .cssNormalCenter, .cssBoldNumber, .cssNormalNumber, .cssDisabledNumber, .cssDisabled, .cssNoFrame, .cssDisabledCenter, .cssFocus, .cssFocusBold {
    font-family: Tahoma, Cambria, Arial;
    font-size: 12px;
}
.cssButtonBorder {
    border: 1px solid #666699;
}
.cssNormal, .cssNormalBold, .cssNormalCenter, .cssBoldNumber, .cssNormalNumber, .cssFocus {
    border: 1px solid Gray !important;
}
.cssNormalBold {
    font-weight: bold;
    color: darkred !important;
}
.cssNormalCenter {
    text-align:center;
    color:black !important;
}
.cssNormalNumber, .cssBoldNumber {
    text-align:right;
    color:black !important;
}
.cssBoldNumber {
    font-weight:bold;
}
.cssFocus {
    border: 1px solid orange !important;
    color: navy !important;
}
.cssFocusBold {
    font-weight: bold;
    border: 1px solid orange !important;
    color: navy !important;
}
.cssDisabled, .cssDisabledCenter, .cssDisabledNumber .cssDisabledRight {
    border: 1px solid lightsteelblue !important;
    color: dimgray !important;
}
.cssNoFrame {
    color: dimgray !important;
}
.cssDisabledNumber
{
    text-align:right;
}
.cssAlignCenter, .cssDisabledCenter
{
    text-align:center;
}
.cssDisabledRight
{
    font-family:Tahoma, Cambria, Arial;
    font-size:8px;
    text-align:right;
}
.cssNormalCourier, .cssFocusCourier
{
    font-family:'Courier New',Courier, monospace;
    font-size:12px;
}
.cssFocusCourier
{
    border:1px solid cyan !important;
    color:Navy !important;
}
.cssNormalCourier
{
    border:1px solid Gray !important;
    color:Black !important;
}

/* --- Label & Forms --- */

.cssLabelHighlight
{
    font-family:Tahoma, Cambria, Arial;
    font-size:9px;
    color:Gray !important;
    font-style:italic;
}
.cssLabelHighlightCenter {
    font-family: Tahoma, Cambria, Arial;
    font-size: 9px;
    text-align:center;
    color: gray !important;
    font-style: italic;
}
.cssLabelHighlightYellow {
    font-family: Tahoma, Cambria, Arial;
    font-size: 10px;
    color: Yellow !important;
    text-align: right;
}

.cssLabelBannerBlack {
    font-family: Arial, Tahoma, Cambria;
    font-size: 20px !important;
    text-align: center;
    font-weight: bold;
    color: black !important;
    background-color: transparent !important;
}
.cssLabelBannerNavy {
    font-family: Tahoma, Cambria, Arial;
    font-size: 18px !important;
    font-weight: bold;
    text-align: center;
    color: navy !important;
    background-color: transparent !important;
}

.cssLabel, .cssLabelTitle, .cssLabelTitleRight, .cssLabelRight, .cssLabelCenter, .cssLabelHigh, .cssLabelHighBack,.cssLabelHighRight, cssLabelTitleCenterColor
{
    font-family:Tahoma, Cambria, Arial;
    font-size:12px;
}
.cssLabelLow
{
    font-family: Tahoma, Cambria, Arial;
    font-size: 8px;
    font-style: italic;
}
.cssLabel, .cssLabelLow
{
    color:gray !important;
}
.cssLabelTitle
{
    font-weight:bold;
    color:black !important;
}
.cssLabelTitleCenterColor {
    font-weight: bold;
    color: black !important;
    background-color: #FFFFCC !important;
    text-align: center;
}
.cssLabelTitleRight
{
    font-weight:bold;
    color:black !important;
    text-align:right;
}
.cssLabelRight
{
    color:black !important;
    text-align:right;
}
.cssLabelCenter
{
    color:black !important;
    text-align:center;
}
.cssLabelSmall
{
    font-family:Tahoma, Cambria, Arial;
    font-size:11px;
    font-weight:bold;
    color:Gray !important;
}
.cssLabelHighBack
{
    padding: 2px;
    border: 1px solid #CC9900;
    font-weight: bold;
    color: #800080 !important;
    background-color: white !important;
    vertical-align: middle;
    text-align: center;
}
.cssLabelHigh
{
    font-weight:bold;
    color:Gray !important;
}
.cssLabelHighRight {
    font-weight: bold;
    color: yellow !important;
    text-align: right;
}
.cssBorderButton {
    border:1px solid #050538;    
}
.cssBorder {
    border: 1px solid #CCCCCC;
}
.cssBorderGray {
    border: 1px solid lightgray !important;
}
.cssBorderOrange {
    border: 1px solid orange !important;
}
.cssBorderBlack {
    border: 1px solid black !important;
}

/* --- System Message & Highlights --- */

.cssShepOSMessage .cssShepOSMessageHigh .cssshepOSBoldItalic .cssshepOSMessageLeft .cssShepOSTitleCenter .cssshepOSCopyRight {
    font-size: 12px;
    vertical-align: middle;
}

.cssShepOSMessage {
    font-weight: bold;
    text-align: center;
    color: #FF0000;
}

.cssShepOSMessageLeft {
    font-weight: bold;
    text-align: left;
    color: coral;
}

.cssShepOSTitleCenter {
    font-weight: bold;
    text-align: center;
    color: navy !important;
}

.cssShepOSBoldItalic {
    font-style: italic;
}

.cssshepOSCopyRight {
    color: steelblue;
}

.shepOSDisplayMessage {
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    color: navy !important;
}

.cssLogOn, .cssSystemMessage, .cssSystemCopy, .cssSystemCopyItalic, .cssSystemCopyBold, .cssMessageCenterLight .cssSystemTitleCenter {
    font-family: Tahoma, Cambria, Arial;
    text-align: center;
    vertical-align: bottom;
}
.cssSystemTitleCenter {
    font-weight: bold;
    text-align: center;
    color: navy !important;
}
.cssLogOn 
{
    font-size: 12px;
    color: gray!important;
    font-weight: bold;
}
.cssSystemMessage
{
    font-size:12px;
    color:#FF0000;
    font-weight:bold;
}
.cssSystemCopy
{
    font-size:10px;
}
.cssSystemCopyItalic
{
    font-size:9px;
    font-style:italic;
}
.cssSystemCopyBold
{
    font-size:10px;
    font-weight:bold;
    color:#000066;
}
.cssMessageCenterLight
{
    font-size:10px;
    font-weight:bold;
    color:#CC3300;
}

/* --- Panel Standards --- */

.cssTableGraphContainer
{
    width:950px;
    margin:0px auto;
    text-align:left;
}
.cssTableInsideContainer
{
    width:790px;
    margin:0px auto;
    text-align:left;
}
.cssTableStandardContainerTiny
{
    width:350px;
    margin:5px auto 0px auto;
    text-align:left;
}
.cssTableStandardContainerMason {
    width: 943px;
    margin: 5px auto 0px auto;
    text-align: left;
}
.cssTableStandardContainerDetail{
    width: 500px;
    margin: 5px auto 0px auto;
    text-align: left;
}
.cssTableStandardContainerMedium {
    width: 600px;
    margin: 5px auto 0px auto;
    text-align: left;
}
.cssTableStandardContainerNormal {
    width: 750px;
    margin: 5px auto 0px auto;
    text-align: left;
}
.cssTableStandardContainer {
    width: 800px;
    margin: 5px auto 0px auto;
    text-align: left;
}
.cssTableStandardContainerBig {
    width: 880px;
    margin: 5px auto 0px auto;
    text-align: left;
}
.cssTableStandardContainerBigger {
    width: 940px;
    margin: 5px auto 0px auto;
    text-align: left;
}
.cssTableStandardContainerHuge{
    width: 1024px;
    margin: 5px auto 0px auto;
    text-align: left;
}

.cssTableContainer
{
    margin:5px auto 0px auto;
    text-align:left;
}
.cssAccessBodyCls
{
    background-color:transparent;
    background-image:url('../Images/System/LogoHighlight.jpg') !important;
    background-position:center bottom;
    background-repeat:repeat;
}

/* --- Ext.Net - Button --- */

.cssButtonLeft .x-btn-mc 
{
    text-align:left;
}
.cssButtonLeft .x-btn-mc em 
{
    padding-left:5px;
}

/* --- Ext.Net - Panel --- */

.cssPanelHeaderNormal .x-panel-header 
{
    font-style:normal;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Tahoma, Cambria;
    text-align:left;
}
.cssPanelHeaderTitle .x-panel-header
{
    font-style:italic;
    font-size:12px;
    font-weight:bold;
    font-family:Tahoma, Cambria, Arial;
    text-align:center;
}
.cssGridPanelArea .x-grid3-cell-inner 
{
    white-space:nowrap;
}

.cssGridPanelAreaWrap .x-grid3-cell-inner {
    white-space:normal;
}    

/* --- Ext.Net - Color --- */

.cssColorWhite .x-panel-header
{
    color:#F9F9F9;
}
.cssColorYellow .x-panel-header
{
    color:#FFF200 !Important;
}
.cssColorBlue .x-panel-header
{
    color:deepskyblue !important;
}
.cssColorRed .x-panel-header {
    color:lightsalmon !Important;
}
.cssColorGreen .x-panel-header {
    color:lightgreen !Important;
}
.cssColorCream .x-panel-header
{
    color:#FFEAEA !Important;
}
.cssBoldOrange {
    font-size: 18px;
    color: orange !Important;
    font-weight: bold;
}

.cssBoldNavy{
    font-size: 12px;
    color: navy !Important;
    font-weight: bold;
}

.cssBoldText {
    font-weight: bold;
}
.cssBold {
    font-weight: bold;
}
.cssRight {
    text-align: right;
}
.cssCenter {
    text-align: center;
}

.cssBig {
    font-family: Tahoma, Cambria, Arial;
    font-size: 14px;
}

.cssBackWhite {
    background: white !important;
}

.cssWhite{
    background-color: white!important;
}
.cssOrange {
    background-color: orange !important;
}
.cssNavy {
    background-color: navy !important;
}
.cssGray {
    background-color: gray !important;
}
.cssBlack {
    background-color: black !important;
}
.cssLightYellow {
    background-color: lightyellow !important;
}

.cssBlueColor {
    color: blue !important;
}
.cssOrangeColor {
    color: orange !important;
}
.cssGrayColor {
    color: gray !important;
}

.cssBold {
    font-weight: bold;
}

.cssAdsLodge {
    background: url('/shepOSResources/Images/System/gGOBAdsLodge.png') no-repeat;
    background-size: 100%;
}
.cssAdsMason {
    background: url('/shepOSResources/Images/System/gGOBAdsMason.png') no-repeat;
    background-size: 100%;
}

/* Distance between fieldlabel and component (default 14px)
.x-form-label-top label.x-form-item-label {
    line-height: 10px;
}
*/

/*-------------------------------------------------------- End -*/