/* 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: #374151;
    text-decoration: underline
}

A.AdminDefault:visited {
    color: #374151;
    text-decoration: underline
}

A.AdminDefault:active {
    color: #374151;
    text-decoration: underline
}

A.AdminDefault:hover {
    color: #374151;
    text-decoration: underline
}

A.SupplierDefault:link {
    color: WHITE;
    text-decoration: none
}

A.SupplierDefault:visited {
    color: WHITE;
    text-decoration: none
}

A.SupplierDefault:active {
    color: WHITE;
    text-decoration: none
}

A.SupplierDefault:hover {
    color: WHITE;
    text-decoration: underline
}

A.MenuBar:link {
    color: WHITE;
    text-decoration: none
}

A.MenuBar:visited {
    color: WHITE;
    text-decoration: none
}

A.MenuBar:active {
    color: WHITE;
    text-decoration: none
}

A.MenuBar:hover {
    color: WHITE;
    text-decoration: underline
}

A.whitebackground:link {
    color: black;
    font-weight: bold;
    text-decoration: underline
}

A.whitebackground:visited {
    color: black;
    font-weight: bold;
    text-decoration: underline
}

A.whitebackground:active {
    color: gray;
    font-weight: bold;
    text-decoration: underline
}

A.whitebackground:hover {
    color: gray;
    font-weight: bold;
    text-decoration: underline
}


A.CommandBar:link {
    color: black;
    font-weight: bold;
    text-decoration: underline
}

A.CommandBar:visited {
    color: black;
    font-weight: bold;
    text-decoration: underline
}

A.CommandBar:active {
    color: gray;
    font-weight: bold;
    text-decoration: underline
}

A.CommandBar:hover {
    color: gray;
    font-weight: bold;
    text-decoration: underline
}

A.password:link {
    color: #374151;
    text-decoration: underline;
    background-color: orange
}

A.password:visited {
    color: #374151;
    text-decoration: underline;
    background-color: orange
}

A.password:active {
    color: #374151;
    text-decoration: underline;
    background-color: orange
}

A.password:hover {
    color: #374151;
    text-decoration: underline;
    background-color: orange
}

A.Small:link {
    font-size: 10;
    font-weight: normal;
    text-decoration: none;
    color: gray;
}

A.Small:visited {
    font-size: 10;
    font-weight: normal;
    text-decoration: none;
    color: gray;
}

A.Small:active {
    font-size: 10;
    font-weight: normal;
    text-decoration: none;
    color: gray;
}

A.Small:hover {
    font-size: 10;
    font-weight: normal;
    text-decoration: underline;
    color: gray;
}


A.blacklink:link {
    color: BLACK;
    text-decoration: underline
}

A.blacklink:visited {
    color: BLACK;
    text-decoration: underline
}

A.blacklink:active {
    color: BLACK;
    text-decoration: underline
}

A.blacklink:hover {
    color: GRAY;
    text-decoration: underline
}

A.whitebackgroundsmall:link {
    color: black;
    font-weight: bold;
    text-decoration: underline
}

A.whitebackgroundsmall:visited {
    color: black;
    font-weight: bold;
    text-decoration: underline
}

A.whitebackgroundsmall:active {
    color: gray;
    font-weight: bold;
    text-decoration: underline
}

A.whitebackgroundsmall:hover {
    color: gray;
    font-weight: bold;
    text-decoration: underline
}


A.linkwhite:link {
    text-decoration: underline;
    color: #FFFFFF;
}

A.linkwhite:visited {
    text-decoration: underline;
    color: #FFFFFF;
}

A.linkwhite:active {
    text-decoration: underline;
    color: #FFFFFF;
}

A.linkwhite:hover {
    text-decoration: underline;
    color: #FFFFFF;
}


/*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: white;
    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: white;
    font-weight: bold;
    font-size: 16px;
    background: #4b5563 !important;
    padding: 3px 10px 4px 10px;
    text-decoration: none;
    border: none !important;
}

    .btnRED:hover {
        background: #8a8886 !important;
        text-decoration: none;
    }



/* BLACK */

.btnBLACK {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: 400;
    background: black;
    padding: 3px 10px 4px 10px;
    text-decoration: none;
    border: none !important;
}

    .btnBLACK:hover {
        background: #8a8886;
        text-decoration: none;
    }




a.btnRED:link {
    color: #ffffff;
    text-decoration: none;
}

a.btnRED:visited {
    color: #ffffff;
    text-decoration: none;
}

a.btnRED:active {
    color: #ffffff;
    text-decoration: none;
}


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


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


.backgroundBLACK {
    color: white;
    background-color: black;
}


/* Body */
body {
    font-size: 15px;
    line-height: 19px;
    color: black;
}

select {
    width: auto;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin-bottom: 0px;
    color: black;
}

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: black;
}

textarea {
    width: auto;
}


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

    input[type="submit"]:hover, input[type="button"]:hover, button:hover {
        background: #8a8886;
        text-decoration: none;
    }


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

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

.row {
    margin-left: 0px;
}

.redbox {
    border-color: red;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    padding: 4px 4px 4px 4px;
}

.redboxmorepadding {
    border-color: red;
    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: #efefef;
        }

        #cssmenu ul li {
            padding: 10px 10px;
            color: #000;
        }

            #cssmenu ul li.hover,
            #cssmenu ul li:hover {
                background: #ccc;
            }

        #cssmenu ul a:link,
        #cssmenu ul a:visited {
            color: #000;
            text-decoration: none;
        }

        #cssmenu ul a:hover {
            color: #000;
        }

        #cssmenu ul a:active {
            color: #ffa500;
        }


.directoryfix {
    line-height: 30px;
}


.fixdirectorytable {
    border-style: solid;
    border-color: #FF0000;
    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: #FFFFFF;
}




.DisabledButton {
    background-color: #808080 !important;
}


textarea {
    color: black;
}


.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 black;
}

.TableCellRightBorder {
    border-right: 2px solid black;
}

.DocumentTitleColumnWidth {
    min-width: 400px;
}



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

.TableCellBackgroundTomato {
    background-color: tomato !important;
}

.TableCellBackgroundGreen {
    background-color: lightgreen !important;
}

.TableCellBackgroundYellow {
    background-color: yellow !important;
}

.SupplierOrderCountColumnWidth {
    width: 150px;
}

.SupplierNameColumnWidth_Narrow {
    min-width: 300px;
}




hr.hrMember {
    border: 1px solid black;
}


.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: black !important;
    border-left-width: 1px !important;
}

.gMemberSummaryReportPercentRight {
    border-right-style: solid !important;
    border-right-color: black !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 black;
}

    .tooltipSurvey .tooltiptextSurvey {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        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 #111
}


.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 black;
}


.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: #eef2f6;
    color: #334155;
    font: 15px/1.55 "Segoe UI", Arial, Helvetica, sans-serif;
}
#page_wrapper { min-height: 100vh; }
.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, #111827, #253449);
    border-bottom: 3px solid #2dd4bf;
    box-shadow: 0 4px 18px rgba(15,23,42,.16);
    padding: 20px 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: #f1f5f9;
    font: 600 16px/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: #cbd5e1; padding: 12px 10px; font: 600 16px/1.4 "Segoe UI", Arial, Helvetica, sans-serif; }
#main_menu .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: #fff; background: #36485f; }
#main_menu .sf-menu > li.active > a { box-shadow: inset 0 -3px #2dd4bf; }
#main_menu .sf-menu > li > a:focus-visible { outline-color: #5eead4; }
#main_menu .sf-menu ul {
    background: #fff;
    border: 1px solid #dbe3ec;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15,23,42,.18);
    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: #334155; 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: #e6f4f2; color: #115e59; }
#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: #cbd5e1;
}
#main_menu ul ul a.sf-with-ul::after { margin-top: -4px; border-top-color: transparent; border-left-color: #6b7280; }
.containerminheight {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 24px 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 #e5eaf0; color: #64748b; font-size: 13px; }
.welcomecolumn font { color: inherit; }
#footer { padding: 28px 0; background: #e4eaf1; border-top: 1px solid #d2dbe5; color: #526175; font-size: 13px; }
#footer a { color: #334155; }
#footer .copyright img { max-width: 100%; height: auto; margin-right: 20px; }
h1, h2, h3, h4, h5, h6 { color: #1e293b; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-weight: 600; }
h1, h2 { letter-spacing: -.025em; }
a { color: #116c66; }
a:hover { color: #134e4a; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid #0f766e; 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: #fff; color: #30343b;
    border: 1px solid #b8c4d2; border-radius: 5px; padding: 7px 9px;
    font: inherit; max-width: 100%;
}
.btnRED, .btnBLACK, input[type=submit], input[type=button], button {
    background: #334155 !important; color: #fff; 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: #0f766e !important; }
.btnRED:hover, .btnBLACK:hover, input[type=submit]:hover, input[type=button]:hover, button:hover {
    background: #1e293b !important;
}
.btnRED:hover { background: #115e59 !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: #334155;
    color: #f1f5f9;
}
table.dataTable thead th, table.dataTable thead td { border-bottom-color: #b7c6d6; }
table.dataTable tfoot th, table.dataTable tfoot td { border-top-color: #b7c6d6; }
.redbox, .redboxmorepadding, .fixdirectorytable { border-color: #9ca3af; }
@media (max-width: 767px) {
    .container, body.res1170 .container { width: calc(100% - 24px); }
    .containerminheight { padding: 16px 12px; }
    #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 {
    body, #page_wrapper { background: #fff; }
    .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: #fff; color: #334155; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
    #main_menu .sf-menu a, .btnRED, .btnBLACK,
    input[type=submit], input[type=button], button { transition: none; }
}