/* Fonts and Size */
@import url('https://fonts.googleapis.com/css2?family=Archivo&display=swap');
html {
    overflow: auto;
}

.FontCommon {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 12px;
}

select.ddfilter {
    width: 33px;
}

.FontCommonEntry {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 10px;
}

.FontTitle {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.FontComponentTitle {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.FontHeaderUser {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 16px;
}

.FontHeaderTitle {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 20px;
}

.BorderComponentTitle {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.BorderComponentFooter {
    border-top: 2px solid black;
}

/* Fixed width of columns */

.CellWidth2 {
    width: 50%;
}

.CellWidth4 {
    width: 25%;
}

.CellWidth5 {
    width: 20%;
}

.CellWidth6 {
    width: 16.66%;
}

.CellWidth7 {
    width: 14.28%;
}

.CellWidth8 {
    width: 12.5%;
}

.CellWidth10 {
    width: 10%;
}

.CellWidth11 {
    width: 9.09%;
}

.CellWidth13 {
    width: 7.69%;
}

.CellWidth17 {
    width: 5.88%;
}

.CellWidth28 {
    width: 3.57%;
}


/* Buttons Width */
/* Fonts and Size */
html {
    overflow: auto;
}

.FontCommon {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 12px;
}

.FontCommonEntry {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 10px;
}

.FontTitle {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.FontComponentTitle {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.FontHeaderUser {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 16px;
}

.FontHeaderTitle {
    font-family: "Archivo",Arial,sans-serif;
    font-size: 20px;
}

.BorderComponentTitle {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.BorderComponentFooter {
    border-top: 2px solid black;
}

/* Fixed width of columns */

.CellWidth2 {
    width: 50%;
}

.CellWidth4 {
    width: 25%;
}

.CellWidth5 {
    width: 20%;
}

.CellWidth6 {
    width: 16.66%;
}

.CellWidth7 {
    width: 14.28%;
}

.CellWidth8 {
    width: 12.5%;
}

.CellWidth10 {
    width: 10%;
}

.CellWidth11 {
    width: 9.09%;
}

.CellWidth13 {
    width: 7.69%;
}

.CellWidth17 {
    width: 5.88%;
}

.CellWidth28 {
    width: 3.57%;
}


/* Buttons Width */

.ButtonWidthDivider {
    width: 50px;
}

.ButtonWidth {
    width: 100px;
}

/* Main Styles */
.NavButtonWidth {
    width: 32px;
}

.NavButtonDivWidth {
    width: 10px;
}

.LowerBorder {
    border-bottom: 1px none;
    border-spacing: 1px;
}

.LeftBorder {
    border-left: 1px none;
    border-spacing: 1px;
}

.RightBorder {
    border-right: 1px none;
    border-spacing: 1px;
}

.CellBorder {
    border-top: 1px none;
    border-bottom: 1px none;
    border-left: 1px none;
    border-right: 1px none;
    border-spacing: 0px;
}

.CellBorderMin {
    padding: 0px;
    margin: 0px;
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    border-right: 0px none;
    border-spacing: 0px;
    border-collapse: collapse;
}

.CellLeft {
    border-top: 1px none;
    border-bottom: 1px none;
    border-left: 1px none;
    border-spacing: 1px;
}

.CellRight {
    border-top: 1px none;
    border-bottom: 1px none;
    border-right: 1px none;
    border-spacing: 1px;
}

/*TOR Planning Border*/
.GridSurround {
    border-top: 3px solid black;
    border-right: 3px solid black;
    border-left: 3px solid black;
    border-bottom: 3px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.GridTopRightLeft {
    border-top: 3px solid black;
    border-right: 3px solid black;
    border-left: 3px solid black;
    border-bottom: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.GridBottomRightLeft {
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    border-left: 3px solid black;
    border-top: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.GridRightLeft {
    border-right: 3px solid black;
    border-left: 3px solid black;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}


.GridTopRight {
    border-top: 3px solid black;
    border-right: 3px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.GridTopLeft {
    border-top: 3px solid black;
    border-left: 3px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.GridBottomRight {
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.GridBottomLeft {
    border-bottom: 3px solid black;
    border-left: 3px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.GridRight {
    border-right: 3px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.GridLeft {
    border-left: 3px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.GridBottom {
    border-bottom: 3px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.HeadTopRight {
    border-top: 3px solid black;
    border-right: 3px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.HeadBottomRight {
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.HeadBottomLeft {
    border-bottom: 3px solid black;
    border-left: 3px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}


.HeadTopRightLeft {
    border-top: 3px solid black;
    border-right: 3px solid black;
    border-left: 3px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

.HeadBottomRightLeft {
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    border-left: 3px solid black;
    border-spacing: 0px;
    border-collapse: collapse;
}

/* Mandatory Color Asterisk*/
.MandatoryColor {
    color: #FF0000;
}

/* Table Back Color */
.TableBackColor {
    background-color: white;
    padding-right: 2px;
    padding-left: 2px;
    margin-left: auto;
    margin-right: auto;
    width: 949px;
    margin-bottom: 3px;
}


/* Textbox Back Color when is in Edit Mode */
.EditBackColor {
    background-color: #fffae0 /*#fcf5de*/;
    border-color: initial;
}
/* Textbox Back Color when is in Edit Mode */
.ErrorBackColor {
    background-color: #E2877A;
    border-color: initial;
}
/* Textbox Back Color when is in Read Only Mode */

.BackGroungReadOnlyColor {
    background-color: #eed484;
    border-color: initial;
}

.BackgroundDateColor {
    background-color: #fffae0;
    /*#E8E8E8;*/
    border-color: initial;
}

/* Disabled Back Color */
.BackGroundDisabledColor {
    background-color: #EED484;/*rgb(255, 204, 0); *//*#6698FF;*/
    border-color: initial;
}

/* Fore Color */
.EditColor {
    color: Black;
}

.ErrorColor {
    color: Red;
}

.AlertColor {
    color: Red;
}

.Center {
    text-align: center;
}

.Left {
    text-align: left;
    padding-left: 1px;
}

.Right {
    text-align: right;
    padding-right: 1px;
}

.TitleHeader {
    background-color: #2a2b24;
    color: #eed484;
    font-weight: bold;
}

.Heading1 {
    font-weight: bold;
}

.Heading1Column {
    font-weight: bold;
    text-align: center;
}

.Heading1Row {
    font-weight: bold;
    text-align: left;
    padding-left: 2px;
}

.Heading2Column {
    /*text-decoration: underline;*/
    text-align: center;
    font-weight: bold;
}

.Heading4Row {
    font-weight: bold;
    text-align: left;
    font-size: 13px;
}

.Heading2Row {
    /*text-decoration: underline;*/
}

.Heading3Column {
    /*text-decoration: underline;*/
    font-weight: bold;
    text-align: center;
}

.Heading3Row {
    /*text-decoration: underline;*/
    font-weight: bold;
    text-align: left;
    padding-left: 2px;
}

.Heading4Row {
    /*text-decoration: underline;*/
    font-weight: bold;
    text-align: right;
    font-size: 13px;
}

/* Planning Match Colors */
.MatchOK {
    background-color: #feeebd; /*#ADF39C;*/ /*#56B517*/ /*#00CC00*/
}

.MatchError {
    background-color: #feeebd;
    color: red;
}

.MatchBorderLines {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-spacing: 1px;
}

/* Login and VPC Selection */

.FixedTableColor {
    /*background-color: #999999;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-spacing: 1px;*/
    background-color: #feeebd;
    border-top: 1px none;
    border-bottom: 1px none;
    border-left: 1px none;
    border-right: 1px none;
    border-spacing: 1px;
}

/* Button Navigation Length and Separation */
.styleButtonWidth {
    width: 160px;
}

.styleButtonSeparatorMedium {
    width: 10px;
}

.styleButtonSeparatorShort {
    width: 5px;
}

.NavButton {
    vertical-align: middle;
    cursor: pointer;
    /*text-decoration: underline;*/
    color: black;
    text-align: center;
    width: 157px;
    font-family: "Archivo",Arial,sans-serif;
    font-size: 9px;
    height: 12px
}

.PlannerVPC {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa /*FFCC00*/;
    border-spacing: 0px;
}

.PlannerVPCColor {
    background-color: white;
}
/*-----------------------------------------*/
/*--End Global/Begin Merged Entry Files----*/
/*-----------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*LAYOUT.CSS*/

HTML {
    PADDING-TOP: 15px
}

BODY {
    BACKGROUND-COLOR: black;
    BACKGROUND-ATTACHMENT: fixed;
    FONT-FAMILY: "Archivo",Arial,sans-serif;
    COLOR: #221e1f;
    FONT-SIZE: 11px;
}

DIV#mainWrap {
    BACKGROUND-IMAGE: url(../Pictures/background_yellow.gif);
    TEXT-ALIGN: left;
    MARGIN: 0px auto;
    WIDTH: 949px;
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-POSITION: left top
}

DIV#header {
    /*BACKGROUND-IMAGE: url(../Pictures/logoFirstRun.png);*/ width: 100%;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left top;
    HEIGHT: 100px;
    MARGIN-TOP: 5px;
    background-position: left top;
    background-color: #EED484;
}

DIV#toolBar {
    /*BACKGROUND-IMAGE: url(../Pictures/banner_background_toolbar.jpg);*/ PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 26px;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left top;
    HEIGHT: 26px;
    PADDING-TOP: 0px;
    WIDTH: 100%
}

DIV#content {
    MARGIN: 20px 0px 10px;
    WIDTH: 691px;
    FLOAT: right;
    CLEAR: right;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: top
}

DIV#contentHome {
    MARGIN: 20px 0px 10px;
    WIDTH: 534px;
    FLOAT: left;
    CLEAR: right;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: top
}

DIV#footer {
    BACKGROUND-COLOR: #fff;
    WIDTH: 949px;
    CLEAR: both;
    BORDER-TOP: #facb00 1px solid
}

DL#mainMenu {
    WIDTH: 129px;
    FLOAT: left;
    CLEAR: left
}

DIV#subMenu {
    WIDTH: 119px;
    FLOAT: left;
    HEIGHT: 1px
}

#backtop TD {
    TEXT-ALIGN: right;
    PADDING-BOTTOM: 10px;
    COLOR: #000000;
    FONT-SIZE: 10px;
    PADDING-TOP: 20px
}

.mainWrap {
    BACKGROUND-IMAGE: url(../Pictures/background_yellow.gif);
    TEXT-ALIGN: left;
    MARGIN: 0px auto;
    WIDTH: 949px;
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-POSITION: left top
}

.tdoff {
    background: #eed484;
    font-family: "Archivo",Arial,sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
}

.tdon {
    background: #feeebd;
    font-family: "Archivo",Arial,sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
}

.navigationbuttonselected {
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    font-family: "Archivo",Arial,sans-serif;
    font-weight: bold;
    color: #eed484 /*#1cc4dc*/;
    background-color: white;
    height: 33px;
    border-style: none;
    width: 99%;
}

.navigationbutton {
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    font-family: "Archivo",Arial,sans-serif;
    /*color: #FFFFFF;*/
    background-color: #facb00;
    height: 25px;
    border-style: none;
    width: 99%;
}

.submenuoff {
    background: #eed484;
    font-family: "Archivo",Arial,sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
}

.submenuon {
    background: #feeebd /*#6698FF*/;
    font-family: "Archivo",Arial,sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
/*MENU.CSS*/

#toolBar DL {
    LINE-HEIGHT: 26px;
    HEIGHT: 26px;
    COLOR: #fff;
    MARGIN-LEFT: 10px;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: middle
}

#toolBar .home {
    MARGIN-LEFT: -26px;
    MARGIN-RIGHT: 94px
}

#toolBar DT {
    PADDING-LEFT: 26px;
    FLOAT: left
}

#toolBar IMG {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}

#toolBar .tool2 {
}

#toolBar .tool22 {
    MARGIN-LEFT: -20px
}

#toolBar .tool3 {
    BACKGROUND-IMAGE: url(../Pictures/icon_print.gif);
    PADDING-LEFT: 15px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left center;
    MARGIN-LEFT: 20px
}

#toolBar .tool4 {
    BACKGROUND-IMAGE: url(../Pictures/icon_send.gif);
    PADDING-LEFT: 25px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left center;
    MARGIN-LEFT: 20px
}

#toolBar A {
    COLOR: black;
    TEXT-DECORATION: none
}

    #toolBar A:hover {
        COLOR: #fff;
        TEXT-DECORATION: underline
    }

#mainMenu DT A:hover {
    BACKGROUND-COLOR: #fffcf0;
    FONT-SIZE: 14px;
    FONT-WEIGHT: 500;
    TEXT-DECORATION: none
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
/*DESIGN_ELEMENTS.CSS*/

* {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}

A:link {
    COLOR: #999;
    TEXT-DECORATION: underline
}

A:visited {
    COLOR: #999;
    TEXT-DECORATION: underline
}

A:hover {
    COLOR: #facb00;
    TEXT-DECORATION: none
}

A:active {
    COLOR: #999
}

A:focus {
    COLOR: #999
}

IMG {
    BORDER-BOTTOM-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-TOP-STYLE: none;
    BORDER-LEFT-STYLE: none
}

H1 {
    PADDING-BOTTOM: 0px;
    TEXT-TRANSFORM: uppercase;
    MARGIN: 0px 0px 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    COLOR: #facb00;
    FONT-SIZE: 17px;
    PADDING-TOP: 0px
}

H2 {
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 10px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    COLOR: #facb00;
    FONT-SIZE: 13px;
    PADDING-TOP: 0px
}

H3 {
    PADDING-BOTTOM: 0px;
    MARGIN: -5px 0px 10px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    COLOR: #000;
    FONT-SIZE: 12px;
    PADDING-TOP: 0px
}

DIV#header P {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 110px;
    PADDING-RIGHT: 0px;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
    PADDING-TOP: 44px
}

DIV#header IMG {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 23px;
    PADDING-RIGHT: 0px;
    FLOAT: left;
    PADDING-TOP: 26px
}

#footer {
    FONT-SIZE: 10px
}

copyright {
    TEXT-ALIGN: right;
    FLOAT: right
}
/*-------------------------------------*/
/*FORMS.CSS/        All styles gone.   */
/*-------------------------------------*/
/*MAINSTYLE.CSS/    All styles gone.   */
/*-------------------------------------*/





/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*PRINT.CSS*/

BODY {
    PADDING-BOTTOM: 0pt;
    MARGIN: 0px;
    PADDING-LEFT: 0pt;
    PADDING-RIGHT: 0pt;
    FONT-FAMILY: "Archivo",Arial,sans-serif;
    COLOR: #221e1f;
    FONT-SIZE: 10pt;
    PADDING-TOP: 0pt;
}

DIV#header P {
    FONT-SIZE: 1.5em;
    FONT-WEIGHT: bold;
    /*PADDING-TOP: 25px*/
}

DIV#content {
    MARGIN: 0pt;
    WIDTH: 99%;
    VERTICAL-ALIGN: top
}

DIV#contentHome {
    MARGIN: 10pt;
    WIDTH: 99%;
    FONT-SIZE: 10pt;
    VERTICAL-ALIGN: top
}

DL#infoBar {
    BACKGROUND-COLOR: blue;
    WIDTH: 157px;
    HEIGHT: 99%
}

DIV#footer {
    BACKGROUND-COLOR: #fff;
    MARGIN-TOP: 15px;
    WIDTH: 99%;
    BORDER-TOP: #facb00 1px solid
}

H1 {
    FONT-SIZE: 1.5em
}

*:focus {
    outline-width: 1px;
    outline-color: gray;
    outline-style: solid;
}

/*Added*/

.centerdiv {
    margin-left: auto;
    margin-right: auto;
    width: 949px;
    /*border: 1px solid black;*/
    /*border-collapse:collapse;*/
    /*position: relative;*/
    BACKGROUND-COLOR: #feeebd;
}

.sidetd {
    width: auto;
    BACKGROUND-COLOR: black;
    border: 1px solid black;
    position: relative;
}

.FromEntryportLog {
    background-color: Transparent;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.loginStyle {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    position: relative;
    border-color: black;
    height: 230px;
    width: 470px;
    border-style: solid;
    BACKGROUND-COLOR: #feeebd;
}

.BorderlessTable {
    border: 0px;
    border-width: 0px;
    border-collapse: collapse;
    /*width: 100%;*/
    padding: 0px;
}

.BackgroundTextbox { /*EditBackColor*/
    background-color: white /*#fcf5de*/;
    border-color: initial;
}

.BackgroundDropbox {
    background-color: #eed484 /*#fcf5de*/;
}

.BackgroundCheckbox { /*BackGroungReadOnlyColor*/
}

.BackgroundButton {
    background-color: #EED484; /*rgb(255, 204, 0);*/
    border: 1px solid black !important;
    font-weight: bold;
    font-family: "Archivo",Arial,sans-serif;
    background-repeat: repeat;
    border-color: black;
    height: 22px !important;
    padding-left: 2px;
}

.CurvedBackgroundButton {
    background-color: #EED484; /*rgb(255, 204, 0);*/
    border: 1px solid black !important;
    font-weight: bold;
    font-family: "Archivo",Arial,sans-serif;
    background-repeat: repeat;
    border-color: black;
    height: 28px !important;
    padding-left: 2px;
    border-radius:5px;
}
.VendorCurvedBackgroundButton {
    background-color: #EED484; /*rgb(255, 204, 0);*/
    border: 1px solid black !important;
    font-weight: bold;
    font-family: "Archivo",Arial,sans-serif;
    background-repeat: repeat;
    border-color: black;
    height: 20px !important;
    padding-left: 10px;
    border-radius: 5px;
    padding-right: 10px
}
.RegisterBackgroundButton {
    background-color: #EED484; /*rgb(255, 204, 0);*/
    border: 1px solid black !important;
    font-weight: bold;
    font-family: "Archivo",Arial,sans-serif;
    background-repeat: repeat;
    border-color: black;
    height: 18px !important;
    padding-left: 2px;
}
.MainDiv {
    width: 949px;
    background-color: #feeebd;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1px;
    padding-right: 1px;
    /*text-align:center;*/
}

.BackgroundListbox {
    background-color: #fffae0 /*#fcf5de*/;
}

.MainHeight {
    height: 400px;
}

.ImageButtonSpace {
    margin-left: 3px;
    margin-right: 7px;
}

.GotoNewLine {
    display: block; /*<=><br/>*/
}

.boxLeft tr > td:last-child {
    margin-bottom: 10px;
}

.TableBackColorMultiRole {
    background-color: #feeebd;
    padding-right: 2px;
    padding-left: 2px;
    margin-left: auto;
    margin-right: auto;
    width: 949px;
    margin-bottom: 3px;
}

.BackgroundButtonRoles {
    background-color: #EED484;/*rgb(255, 204, 0);*/
    border: 1px solid black !important;
    font-weight: bold;
    background-repeat: repeat;
    border-color: black;
    height: 22px !important;
    padding-left: 2px;
    font-size: 10pt !important;
    font-family:"Archivo";
}

.Checkbox {
    font-weight: bold;
    padding-left: 20px;
}

    .Checkbox label {
        vertical-align: top;
        padding-left: 5px;
    }

.ToolTip {
    position: relative;
}

    .ToolTip .BToolTipText {
        visibility: hidden;
        width: max-content;
        background-color: gray;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 0;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 12px;
    }

    .ToolTip:hover .BToolTipText {
        visibility: visible;
        opacity: 1;
    }


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.FullBody {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #feeebd;
    width: 100%;
    height: 100%;
}

.RNContainer {
    padding: 20px;
    overflow-y: auto;
    height: calc(97vh - 115px);
    box-sizing: border-box;
    background: floralwhite;
}

    .RNContainer div {
        margin: 20px 20px 30px 20px;
        border-radius: 10px;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
        background: #fff;
        padding: 0px 15px 15px 15px;
    }

    .RNContainer h1 {
        font-size: 1.1em;
        border-bottom: solid;
        padding: 20px 10px 5px 0px;
        margin: 20px 20px;
        color: black;
        border-width: 2px;
    }

    .RNContainer h3{
        margin: inherit;
        margin-bottom: 5px;
    }

    .RNContainer ul {
        margin: 8px 40px;
    }