/* Shared layout extracted from z_fresh.css.
 * Load existing vendor CSS, then SiteLayout.css, then the selected theme.
 * A theme must supply the --site-* palette variables below.
 * Typography, spacing, border geometry, shadows and responsive rules retain Fresh defaults.
 * Themes may override any layout rule after this file.
 */
/* Fresh test theme. Loaded after Bootstrap, Superfish, W3.CSS and component CSS.
   Retains application utilities and theme-specific layout overrides below.
   Report status colors (tomato/green/yellow) intentionally retain their meaning. */
A.AdminDefault:link {
    color: var(--site-1-color-1);
    text-decoration: underline
}

A.AdminDefault:visited {
    color: var(--site-2-color-1);
    text-decoration: underline
}

A.AdminDefault:active {
    color: var(--site-3-color-1);
    text-decoration: underline
}

A.AdminDefault:hover {
    color: var(--site-4-color-1);
    text-decoration: underline
}

A.SupplierDefault:link {
    color: var(--site-5-color-1);
    text-decoration: none
}

A.SupplierDefault:visited {
    color: var(--site-6-color-1);
    text-decoration: none
}

A.SupplierDefault:active {
    color: var(--site-7-color-1);
    text-decoration: none
}

A.SupplierDefault:hover {
    color: var(--site-8-color-1);
    text-decoration: underline
}

A.MenuBar:link {
    color: var(--site-9-color-1);
    text-decoration: none
}

A.MenuBar:visited {
    color: var(--site-10-color-1);
    text-decoration: none
}

A.MenuBar:active {
    color: var(--site-11-color-1);
    text-decoration: none
}

A.MenuBar:hover {
    color: var(--site-12-color-1);
    text-decoration: underline
}

A.whitebackground:link {
    color: var(--site-13-color-1);
    font-weight: bold;
    text-decoration: underline
}

A.whitebackground:visited {
    color: var(--site-14-color-1);
    font-weight: bold;
    text-decoration: underline
}

A.whitebackground:active {
    color: var(--site-15-color-1);
    font-weight: bold;
    text-decoration: underline
}

A.whitebackground:hover {
    color: var(--site-16-color-1);
    font-weight: bold;
    text-decoration: underline
}


A.CommandBar:link {
    color: var(--site-17-color-1);
    font-weight: bold;
    text-decoration: underline
}

A.CommandBar:visited {
    color: var(--site-18-color-1);
    font-weight: bold;
    text-decoration: underline
}

A.CommandBar:active {
    color: var(--site-19-color-1);
    font-weight: bold;
    text-decoration: underline
}

A.CommandBar:hover {
    color: var(--site-20-color-1);
    font-weight: bold;
    text-decoration: underline
}

A.password:link {
    color: var(--site-21-color-1);
    text-decoration: underline;
    background-color: var(--site-22-background-color-1)
}

A.password:visited {
    color: var(--site-23-color-1);
    text-decoration: underline;
    background-color: var(--site-24-background-color-1)
}

A.password:active {
    color: var(--site-25-color-1);
    text-decoration: underline;
    background-color: var(--site-26-background-color-1)
}

A.password:hover {
    color: var(--site-27-color-1);
    text-decoration: underline;
    background-color: var(--site-28-background-color-1)
}

A.Small:link {
    font-size: 10;
    font-weight: normal;
    text-decoration: none;
    color: var(--site-29-color-1);
}

A.Small:visited {
    font-size: 10;
    font-weight: normal;
    text-decoration: none;
    color: var(--site-30-color-1);
}

A.Small:active {
    font-size: 10;
    font-weight: normal;
    text-decoration: none;
    color: var(--site-31-color-1);
}

A.Small:hover {
    font-size: 10;
    font-weight: normal;
    text-decoration: underline;
    color: var(--site-32-color-1);
}


A.blacklink:link {
    color: var(--site-33-color-1);
    text-decoration: underline
}

A.blacklink:visited {
    color: var(--site-34-color-1);
    text-decoration: underline
}

A.blacklink:active {
    color: var(--site-35-color-1);
    text-decoration: underline
}

A.blacklink:hover {
    color: var(--site-36-color-1);
    text-decoration: underline
}

A.whitebackgroundsmall:link {
    color: var(--site-37-color-1);
    font-weight: bold;
    text-decoration: underline
}

A.whitebackgroundsmall:visited {
    color: var(--site-38-color-1);
    font-weight: bold;
    text-decoration: underline
}

A.whitebackgroundsmall:active {
    color: var(--site-39-color-1);
    font-weight: bold;
    text-decoration: underline
}

A.whitebackgroundsmall:hover {
    color: var(--site-40-color-1);
    font-weight: bold;
    text-decoration: underline
}


A.linkwhite:link {
    text-decoration: underline;
    color: var(--site-41-color-1);
}

A.linkwhite:visited {
    text-decoration: underline;
    color: var(--site-42-color-1);
}

A.linkwhite:active {
    text-decoration: underline;
    color: var(--site-43-color-1);
}

A.linkwhite:hover {
    text-decoration: underline;
    color: var(--site-44-color-1);
}


/*BODY {
	font-size:15px; 
}*/


body.res1170 .container {
    width: 100%;
    max-width: 1700px;
}


body.res1170 .span12 {
    width: 100%;
    max-width: 1700px;
}

.welcomecolumn {
    padding-top: 10px;
}


/*.table {
    width: auto;
}*/

/*.table th, .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;

}


table th, table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;

}*/

.menu-item-place {
    font-weight: bold;
    color: var(--site-45-color-1);
    line-height: 15px;
    font-size: 15px;
}


.containerminheight {
    min-height: 600px;
}


.alignright {
    text-align: right;
}




/* RED */
.btnRED {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: var(--site-49-color-1);
    font-weight: bold;
    font-size: 16px;
    background: var(--site-50-background-1) !important;
    padding: 3px 10px 4px 10px;
    text-decoration: none;
    border: none !important;
}

    .btnRED:hover {
        background: var(--site-52-background-1) !important;
        text-decoration: none;
    }



/* BLACK */

.btnBLACK {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: var(--site-56-color-1);
    font-size: 16px;
    font-weight: 400;
    background: var(--site-57-background-1);
    padding: 3px 10px 4px 10px;
    text-decoration: none;
    border: none !important;
}

    .btnBLACK:hover {
        background: var(--site-59-background-1);
        text-decoration: none;
    }




a.btnRED:link {
    color: var(--site-60-color-1);
    text-decoration: none;
}

a.btnRED:visited {
    color: var(--site-61-color-1);
    text-decoration: none;
}

a.btnRED:active {
    color: var(--site-62-color-1);
    text-decoration: none;
}


.btnSmallFont {
    font-size: 14px;
    font-weight: inherit;
}


.btnLargeFont {
    font-size: 20px;
    font-weight: inherit;
}


.backgroundBLACK {
    color: var(--site-63-color-1);
    background-color: var(--site-64-background-color-1);
}


/* Body */
body {
    font-size: 15px;
    line-height: 19px;
    color: var(--site-65-color-1);
}

select {
    width: auto;
    background-color: var(--site-66-background-color-1);
    border: 1px solid var(--site-67-border-1);
    margin-bottom: 0px;
    color: var(--site-68-color-1);
}

input[type="radio"],
input[type="checkbox"],
input[type="text"],
input[type="password"],
input[type="file"],
input[type="button"],
button {
    margin: 0px 0px 0px 0px;
    width: auto;
    color: var(--site-69-color-1);
}

textarea {
    width: auto;
}


input[type="submit"], input[type="button"], button {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: var(--site-73-color-1);
    font-size: 16px;
    font-weight: 400;
    background: var(--site-74-background-1);
    padding: 3px 10px 4px 10px;
    text-decoration: none;
    border: none !important;
}

    input[type="submit"]:hover, input[type="button"]:hover, button:hover {
        background: var(--site-76-background-1);
        text-decoration: none;
    }


ul.RelatedItems {
    margin: 0 0 0px 0px;
}

[class*="span"] {
    margin-left: 0px;
}

.row {
    margin-left: 0px;
}

.redbox {
    border-color: var(--site-77-border-color-1);
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    padding: 4px 4px 4px 4px;
}

.redboxmorepadding {
    border-color: var(--site-80-border-color-1);
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    padding: 10px 10px 10px 10px;
}

.dispatchwelcometext {
    font-size: 18px;
}



/*ul.procurementdrop {
    padding: 0;
    list-style: none;
    background: #000000 ; 
	 margin: 0 0 0 0;
 color: #000000;

}
ul.procurementdrop li{
    display: inline-block;
    position: relative;
    line-height: 21px;
    text-align: left;

}
ul.procurementdrop li a{
    display: block;
    padding: 8px 25px;
    color: #FFFFFF;
    text-decoration: none;
}
ul.procurementdrop li a:hover{
    color: #FFFFFF;
    background: #939393;
}
ul.procurementdrop li ul.dropdown{
    min-width: 200px; 
    background: #939393;
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
}
ul.procurementdrop li:hover ul.dropdown{
    display: block;
}
ul.procurementdrop li ul.dropdown li{
    display: block;
}*/



/*#divMenu, ul, li, li li {
	 margin: 0;
	 padding: 0;
}

 

#divMenu {
z-index:300;
}

 

#divMenu ul

{

}

 

#divMenu li {

    list-style: none;

    position: relative;



}

 

    #divMenu li li {

        list-style: none;

        position: relative;



        left: 150px;

        top: -27px;

    }

 

 

#divMenu ul li a {

    display: block ;

    text-decoration: none;

    text-align: left;

    color:#000000;

}

 

#divMenu ul ul {

    position: absolute;

    visibility: hidden;

    top: 27px;

}

 

#divMenu ul li:hover ul {

    visibility: visible;

}

 

#divMenu li:hover {
		  color: #000000;

}

 

#divMenu ul li:hover ul li a:hover {
		  color: #000000;


}

 

#divMenu a:hover {

    font-weight: normal;

}*/


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

    #cssmenu ul {
        position: relative;
        z-index: 397;
    }

        #cssmenu ul li {
            min-height: 1px;
            line-height: 1em;
            vertical-align: middle;
        }

            #cssmenu ul li:hover {
                position: relative;
                z-index: 399;
                cursor: default;
            }

        #cssmenu ul ul {
            visibility: hidden; /* hide sub menus by default */
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 398;
            width: 100%;
        }

            #cssmenu ul ul ul {
                top: 0px;
                left: 99%;
            }

        #cssmenu ul li:hover > ul {
            visibility: visible; /* show sub menu */
        }

        #cssmenu ul ul {
            top: 0px;
            left: 99%;
        }

    #cssmenu ul {
        width: 250px; /* main menu width */
    }

        #cssmenu ul ul {
            width: 350px; /* sub menu width */
            background: var(--site-84-background-1);
        }

        #cssmenu ul li {
            padding: 10px 10px;
            color: var(--site-85-color-1);
        }

            #cssmenu ul li.hover,
            #cssmenu ul li:hover {
                background: var(--site-86-background-1);
            }

        #cssmenu ul a:link,
        #cssmenu ul a:visited {
            color: var(--site-87-color-1);
            text-decoration: none;
        }

        #cssmenu ul a:hover {
            color: var(--site-88-color-1);
        }

        #cssmenu ul a:active {
            color: var(--site-89-color-1);
        }


.directoryfix {
    line-height: 30px;
}


.fixdirectorytable {
    border-style: solid;
    border-color: var(--site-91-border-color-1);
    border-width: 1px 1px 1px 1px;
    border-collapse: collapse;
}


    .fixdirectorytable td {
        padding-left: 40px;
        padding-right: 40px;
    }

.dispatchtable {
    max-width: 1400px;
    border-collapse: collapse;
}

    .dispatchtable td {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

img {
    max-width: none;
}




@media print {
    a:link:after,
    a:visited:after {
        content: "" !important;
    }
}


.questiontext {
    color: var(--site-95-color-1);
}




.DisabledButton {
    background-color: var(--site-96-background-color-1) !important;
}


textarea {
    color: var(--site-97-color-1);
}


.Container1600 {
    width: 1600px;
}


.BoldCell {
    font-weight: bold;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 8px 8px 8px 8px !important;
}


/*.dataTables_length {
	float: right !important;
	text-align: right !important;
padding-right:50px;
}*/




.SupplierNameColumnWidth {
    min-width: 400px;
}

.SkuDescriptionColumnWidth {
    min-width: 400px;
}

.TableCellLeftBorder {
    border-left: 2px solid var(--site-98-border-left-1);
}

.TableCellRightBorder {
    border-right: 2px solid var(--site-99-border-right-1);
}

.DocumentTitleColumnWidth {
    min-width: 400px;
}



.TableCellBottomBorder {
    border-bottom: 2px solid var(--site-100-border-bottom-1);
}

.TableCellBackgroundTomato {
    background-color: var(--site-101-background-color-1) !important;
}

.TableCellBackgroundGreen {
    background-color: var(--site-102-background-color-1) !important;
}

.TableCellBackgroundYellow {
    background-color: var(--site-103-background-color-1) !important;
}

.SupplierOrderCountColumnWidth {
    width: 150px;
}

.SupplierNameColumnWidth_Narrow {
    min-width: 300px;
}




hr.hrMember {
    border: 1px solid var(--site-104-border-1);
}


.ColumnWidth_CategoryName {
    min-width: 400px;
}


.ColumnWidth_MemberSupplier {
    min-width: 200px;
}


.ColumnWidth_SkuDescription {
    min-width: 200px;
}




/*@media only screen and (min-width: 1500px) {*/

.ColumnWidth_SupplierUserName {
    min-width: 200px;
}


.ColumnWidth_SupplierUserTitle_or_SupplierName {
    min-width: 300px;
}


.ColumnWidth_SupplierUser_Email {
    min-width: 200px;
}

/*}*/



.gMemberSummaryReport {
    float: right;
}





/*.ColumnWidth_MemberUserName {
    min-width: 200px;
}


.ColumnWidth_MemberUserTitle_or_MemberName {
    min-width: 300px;
}


.ColumnWidth_MemberUser_Email {
    min-width: 200px;
}*/




.dataTables_filter {
    float: right;
    text-align: right;
}

.dataTables_length {
    float: left;
}

.dataTables_info {
    padding-bottom: 10px;
    text-align: right;
}

@media print {
    a [href]:after {
        content: none !important;
    }
}



.gMemberSummaryReportPercent {
    border-left-style: solid !important;
    border-left-color: var(--site-106-border-left-color-1) !important;
    border-left-width: 1px !important;
}

.gMemberSummaryReportPercentRight {
    border-right-style: solid !important;
    border-right-color: var(--site-109-border-right-color-1) !important;
    border-right-width: 1px !important;
}


.fixedwidth352 {
    width: 352px;
}

.aligntop {
    vertical-align: top !important;
    font-weight: normal !important;
    text-align: left !important;
    font-size: 14px !important;
}

.tooltipSurvey {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted var(--site-111-border-bottom-1);
}

    .tooltipSurvey .tooltiptextSurvey {
        visibility: hidden;
        width: 120px;
        background-color: var(--site-112-background-color-1);
        color: var(--site-113-color-1);
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */

        top: 100%;
        left: 50%;
        position: absolute;
        z-index: 1;
    }

    .tooltipSurvey:hover .tooltiptextSurvey {
        visibility: visible;
    }





.text-center {
    align-items: center;
}

.text-bold {
    font-weight: bold !important;
}


th {
    text-align: left;
}


table.dataTable thead th,
table.dataTable thead td {
    /*padding: 8px 10px;*/
    border-bottom: 1px solid var(--site-115-border-bottom-1)
}


.MaxWidth {
    width: 100%;
}



input, select, textarea {
    font-size: 100%;
}


.RebexxDataPairHeading {
font-weight:bold;
font-size:larger;
}





input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


input[type=number] {
    -moz-appearance: textfield;
}


hr.blackline {
    border: 1px solid var(--site-116-border-1);
}


.full-width-textbox {
    width: 100%;
    box-sizing: border-box; /* so padding/border don�t cause overflow */
}

/* Fresh: slate navigation, white surfaces and restrained teal accents. */
html { min-height: 100%; }
body {
    background: var(--site-117-background-1);
    color: var(--site-118-color-1);
    font: 17px/1.55 "Segoe UI", Arial, Helvetica, sans-serif;
}
/* Grow the content area to keep the footer at the viewport bottom on short pages. */
#page_wrapper { min-height: 100vh; display: flex; flex-direction: column; }
#page_wrapper > header, #page_wrapper > footer { flex-shrink: 0; }
#page_wrapper > .containerminheight { flex: 1 0 auto; min-height: 0; }
.container, body.res1170 .container {
    box-sizing: border-box;
    width: calc(100% - 48px);
    max-width: 1700px;
}
.row { margin: 0; }
.fixclear::after { content: ''; display: table; clear: both; }
.span12, body.res1170 .span12 { box-sizing: border-box; width: 100%; margin: 0; }
.textright { text-align: right; }
header#header {
    position: relative;
    z-index: 100;
    background: linear-gradient(115deg, var(--site-119-background-1), var(--site-119-background-2));
    border-bottom: 3px solid var(--site-120-border-bottom-1);
    box-shadow: 0 4px 18px var(--site-121-box-shadow-1);
    padding: 4px 0;
    height: auto;
}
#header > .container > table { width: 100%; border-collapse: collapse; }
#header > .container > table > tbody > tr > td { padding: 0; }
#header img { max-width: 100%; height: auto; }
#main_menu { float: right; text-align: left; background: transparent; }
#menu-top-menu { margin: 0; padding: 0; list-style: none; }
#main_menu .sf-menu > li { margin: 3px 2px; }
#main_menu .sf-menu a {
    display: block;
    padding: 12px 16px;
    color: var(--site-124-color-1);
    font: 600 15px/1.4 "Segoe UI", Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color .15s ease, color .15s ease;
}
#main_menu .menu-item-place { color: var(--site-126-color-1); padding: 12px 10px; font: 600 15px/1.4 "Segoe UI", Arial, Helvetica, sans-serif; }
#main_menu .menu-item-place > a { padding: 0; }
/* Compact only the top-level menu; retain dropdown spacing. */
#main_menu .sf-menu > li > a { padding-top: 8px; padding-bottom: 8px; }
#main_menu .menu-item-place { padding-top: 8px; padding-bottom: 8px; }
/* The heading item already has padding; its link must not add a second layer. */
#main_menu .sf-menu > li.menu-item-place > a { padding: 0; }
#main_menu .sf-menu li:hover > a,
#main_menu .sf-menu li.sfHover > a,
#main_menu .sf-menu li.active > a { color: var(--site-127-color-1); background: var(--site-128-background-1); }
#main_menu .sf-menu > li.active > a { box-shadow: inset 0 -3px var(--site-129-box-shadow-1); }
#main_menu .sf-menu > li > a:focus-visible { outline-color: var(--site-130-outline-color-1); }
#main_menu .sf-menu ul {
    background: var(--site-131-background-1);
    border: 1px solid var(--site-132-border-1);
    border-radius: 8px;
    box-shadow: 0 12px 30px var(--site-134-box-shadow-1);
    padding: 6px;
    min-width: 240px;
    width: max-content;
    max-width: min(400px, 90vw);
}
#main_menu .sf-menu ul li { width: 100%; float: none; }
#main_menu .sf-menu ul a { white-space: normal; color: var(--site-135-color-1); font-weight: 500; }
#main_menu .sf-menu ul li:hover > a,
#main_menu .sf-menu ul li.sfHover > a,
#main_menu .sf-menu ul li.active > a { background: var(--site-136-background-1); color: var(--site-137-color-1); }
#main_menu .sf-menu > li:hover > ul,
#main_menu .sf-menu > li.sfHover > ul { top: 100%; left: 0; }
#main_menu .sf-menu ul li:hover > ul,
#main_menu .sf-menu ul li.sfHover > ul { left: 100%; top: 0; }
/* Use CSS arrows instead of the old white arrow image. */
#main_menu .sf-sub-indicator { display: none; }
#main_menu a.sf-with-ul { padding-right: 27px; }
#main_menu a.sf-with-ul::after {
    content: ''; position: absolute; right: 10px; top: 50%;
    margin-top: -2px; border: 4px solid transparent; border-top-color: var(--site-139-border-top-color-1);
}
#main_menu ul ul a.sf-with-ul::after { margin-top: -4px; border-top-color: transparent; border-left-color: var(--site-141-border-left-color-1); }
.containerminheight {
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0 28px 36px;
    min-height: 600px;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.welcomecolumn { padding: 0 0 18px; margin-bottom: 18px; border-bottom: 1px solid var(--site-146-border-bottom-1); color: var(--site-147-color-1); font-size: 16px; }
.welcomecolumn font { color: inherit; }
#footer { padding: 28px 0; background: var(--site-149-background-1); border-top: 1px solid var(--site-150-border-top-1); color: var(--site-151-color-1); font-size: 13px; }
#footer a { color: var(--site-152-color-1); }
#footer .copyright img { max-width: 100%; height: auto; margin-right: 20px; }
h1, h2, h3, h4, h5, h6 { color: var(--site-153-color-1); font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-weight: 600; }
h1, h2 { letter-spacing: -.025em; }
a { color: var(--site-154-color-1); }
a:hover { color: var(--site-155-color-1); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--site-156-outline-1); outline-offset: 3px;
}
select, textarea, input[type=text], input[type=password], input[type=number], input[type=email], input[type=date] {
    box-sizing: border-box; background: var(--site-158-background-1); color: var(--site-159-color-1);
    border: 1px solid var(--site-160-border-1); border-radius: 5px; padding: 0.3em 0.5em;
    font: inherit; max-width: 100%;
}
/* Override Bootstrap's fixed heights so single-line controls scale with text. */
input[type=text], input[type=password], input[type=number], input[type=email], input[type=date],
select:not([multiple]):not([size]), select:not([multiple])[size="1"], select:not([multiple])[size="0"] {
    height: 2.2em;
    line-height: 1.4;
}
/* Preserve rows/size-based sizing for multiline controls. */
textarea, select[multiple], select[size]:not([size="1"]):not([size="0"]) {
    height: auto;
}
.btnRED, .btnBLACK, input[type=submit], input[type=button], button {
    background: var(--site-162-background-1) !important; color: var(--site-163-color-1); border-radius: 5px;
    padding: 8px 14px; font: 600 14px/1.4 "Segoe UI", Arial, Helvetica, sans-serif; cursor: pointer;
    transition: background-color .15s ease;
}
.btnRED { background: var(--site-165-background-1) !important; }
.btnRED:hover, .btnBLACK:hover, input[type=submit]:hover, input[type=button]:hover, button:hover {
    background: var(--site-166-background-1) !important;
}
.btnRED:hover { background: var(--site-167-background-1) !important; }
button:disabled, input:disabled, .DisabledButton { opacity: .6; cursor: default; }
/* Table headings match the standard buttons and navigation text. */
table.dataTable thead th, table.dataTable thead td {
    background-color: var(--site-168-background-color-1);
    color: var(--site-169-color-1);
}
table.dataTable thead th, table.dataTable thead td { border-bottom-color: var(--site-170-border-bottom-color-1); }
table.dataTable tfoot th, table.dataTable tfoot td { border-top-color: var(--site-171-border-top-color-1); }
.redbox, .redboxmorepadding, .fixdirectorytable { border-color: var(--site-172-border-color-1); }
@media (max-width: 767px) {
    .container, body.res1170 .container { width: calc(100% - 24px); }
    .containerminheight { padding: 0 12px 16px; }
    #header > .container > table > tbody > tr > td { display: block; width: 100%; }
    #main_menu { float: none; margin-top: 10px; }
    #main_menu .sf-menu > li { float: none; display: block; }
    #main_menu .sf-menu ul { width: 100%; min-width: 0; box-sizing: border-box; }
    #main_menu .sf-menu > li:hover > ul, #main_menu .sf-menu > li.sfHover > ul,
    #main_menu .sf-menu ul li:hover > ul, #main_menu .sf-menu ul li.sfHover > ul {
        position: relative; left: 0; top: 0;
    }
}
@media print {
    #page_wrapper { display: block; min-height: 0; }
    body, #page_wrapper { background: var(--site-173-background-1); }
    .container, body.res1170 .container { width: 100%; max-width: none; }
    .containerminheight { border: 0; box-shadow: none; margin: 0; padding: 0; min-height: 0; }
    #main_menu { display: none; }
    header#header, #footer { background: var(--site-176-background-1); color: var(--site-177-color-1); box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
    #main_menu .sf-menu a, .btnRED, .btnBLACK,
    input[type=submit], input[type=button], button { transition: none; }
}