body {
    background-color: rgba(255,255,255,.99);
    color: rgba(0,0,0,.68);
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
}
body {
    word-wrap: break-word;
    overflow-wrap: break-word;
}
html, body {
    font-size: 16px;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.hidden {display: none;}
#lpage_container{
	max-width: 1250;
}
input.nospinner[type=number]::-webkit-inner-spin-button, 
input.nospinner[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}


.reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    /* basic modern patch */
    all: initial;
    all: unset;
}

/* basic modern patch */

#reset-this-root {
    all: initial;
    * {
        all: unset;
    }
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
user agent stylesheet
header {
    display: block;
}
		.well-white
		{
			background-color: #ffffff !important;
		}

		.bigalert{
		      display: block;
		    font-size: 1.25em;
		    margin-top: 20px;
		}
        .bigalert ul{
            margin: 0 5px;
        }
		.number{
			text-align: right !important;
		}
		small.extrasmall
		{
			font-size: 0.5em !important;
		}
		.nopadding{
			padding:0 !important;
		}

		.form-info{
		 box-shadow: 0 0 5px rgba(0,200,200, 1);
		  border: 1px solid rgba(0,200,200, 1);
		}

		.form-attention{
		  box-shadow: 0 0 5px rgba(200, 200, 0, 1);
		  border: 1px solid rgba(200, 200, 0, 1);
		}

		.form-required
        /*,[required]*/
        {
		 box-shadow: 0 0 5px rgba(0, 200, 0, 1);
		  border: 1px solid rgba(0, 200, 0, 1);
		}
		.form-failed{
		 box-shadow: 0 0 5px rgba(200, 0, 0, 1);
		  border: 1px solid rgba(200, 0, 0, 1);
		}
		[readonly]{
			background:#ffffff !important;
		}
		.right{text-align: right;}
		.left{text-align: left !important;}
        .center{text-align: center !important;}
        .block{display:block !important;}
        .inline-block{display:inline-block !important;}
        .inline{display:inline !important;}

@media screen and (max-width: 2119px) and (min-width: 768px) and (orientation: landscape)
{

		#portal_header_bar {
		    font-size: calc(0vw + 1rem);

		    
		    font-family: aktiv-grotesk;
		    font-weight: 400;
		    
		    -webkit-font-smoothing: antialiased;

			/*display:inline-table;	*/
			width:100%;
			min-height: 100px;
			margin: 10px 0 5px 0 ;
		}
}
@media screen and (min-width: 768px)
{
	#portal_nav_bar {
	font-size: 0.75em !important;
	    min-height: 32px;
	    height: 32px;
	}	
	#portal_nav_bar .navbar, #portal_nav_bar. navbar-brand {

	    min-height: 32px;

	}
	#portal_nav_bar.navbar-default .navbar-toggle {
	    border-color: #ddd;
	    zoom: 0.75;
	    margin-top: 2px;
	}
	#portal_nav_bar .navbar-nav > li > a
	,#portal_nav_bar a.navbar-brand {padding-top:5px !important; padding-bottom:5px !important;}
	#portal_nav_bar .navbar,
	#portal_nav_bar .navbar-header {min-height:32px !important}

	#portal_nav_bar a.navbar-brand{
	font-size: 1em !important;
	    min-height: 32px;
	    height: 32px;
	}
}
#portal_logo
{
    /*display:table-cell;*/
	width:25%;
	width: 200px;
    height: 100px;
	float:left;
	
}
#portal_logo img.img
{
    width: 200px;
    height: 100px;
	border: 0;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#portal_title
{
	/*display:table-cell;*/
	
	font-weight: bold;
	vertical-align: bottom;
	font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.75em;
	text-align: left;
	padding-left: 50px;
	overflow:hidden;
		width:auto;

}
.portal_customer_name{
	white-space: nowrap;
	font-size: 1.25em;
}
#portal_customer_login
{
	
	font-weight: bold;
	font-size: 0.75em;
	vertical-align: bottom;
	text-align: left;
	color:red;
	/*padding-left: 50px;*/
	font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;

}
#portal_customer
{ 
	font-weight: bold;
	font-size: 0.4em;
	vertical-align: bottom;
	text-align: left;
	color:#888888;
	/*padding-left: 50px;*/
	font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;

}

@media screen and (max-width: 768px)
{
	#portal_header_bar
	{
		/*display:block;*/
		min-height: initial;

	}
	#portal_title
	{
		/*display:block;	*/
		width:100%;
		font-size: 1.5em;
		text-align: center;
		padding-left: 0;



	}
	#portal_logo
	{
	    /*display:block;	*/
		width:100%;
		max-width:100%;
		float:none;
		 height: 50px;
		
	}	
	#portal_logo img.img
	{
	   height: 50px;
	   width: 100px;
	}
}


 .big-button
{
	font-size: 1.25em;
	line-height: 1.25;
}
#WELCOMEWELL
{
	font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #009900;
	/*font-weight: bold;*/
	font-size: 1.25em;
}
#WELCOMEWELL h4
{
	font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #009900;
	/*font-weight: bold;*/
	font-size: 1.25em;
}
.nav-danger
{
    color: #d9534f !important;
}
.nav-danger:hover
{
    color: #f9534f !important;
}
.nav-warning
{
	color: #ff9900 !important;
}
.nav-warning:hover
{
	color: #cc9900 !important;
}
.nav-success
{
	color: #009900 !important;
}
.nav-success:hover
{
	color: #00cc00 !important;
}
.nav-info
{
    color: #5bc0de !important;
}
.nav-info:hover
{
    color: #8bf0ee !important;
}

table.contacts{
		font-size: 0.65em;
		border-collapse:separate;border-spacing:5px;
    width: 100%; /* Set full-width to expand the whole page */
	}

	table.contacts td.alert {
		/*border: 1px solid transparent;*/
    /*border-radius: 4px;*/
    /*border-color: #faebcc;*/
    /*background-color: #fcf8e3;*/
    padding:2px 5px !important;
    vertical-align: top;
        border-left: 5px solid #0099002b;
            white-space: nowrap;

	}
	.row{
		margin-right: 0;
        margin-left: 0;
	}
	.brand-img
	{
		max-height:50px;
	}

#CSRSPECIALBUTTON
{
	position: absolute;
	right:0;
	top:0;
}	

.nav-tabs-bottom
{
    border-radius: 4px;
    border-bottom: 1px solid #46b8da;
    border-left: 1px solid #46b8da;
    border-right: 1px solid #46b8da;
    min-height: 200px;
    height:100%;
    padding:12px;
    margin-top: -2px;
    min-width:550px;
    width:100%;
}
.nav-tabs-small
{
	font-size: 0.75em;
	min-width:550px;
}

 .nav-tabs-small>li>a
, .nav-tabs-small>li>a:focus
, .nav-tabs-small>li>a:hover {
    color: #888;
    cursor: default;
    background-color: #eee;
    border: 1px solid #ddd;
    display: inline-block;


}
 .nav-tabs-account>li>a
, .nav-tabs-account>li>a:focus
, .nav-tabs-account>li>a:hover {
    color: #888;
    cursor: default;
    background-color: #eeeeee;
    border: 1px solid #ccd;
     border-bottom: 1px solid #46b8da !important;
    min-width:100px;
    display: inline-block;

}
.nav-tabs-account>li>a:hover {

    background-color: #ffffff;


}
.nav-tabs-account {
    border-bottom: 1px solid #46b8da !important;

}
.nav-tabs-account>li.active>a
{
	border-bottom: 1px solid transparent !important;
	/*font-weight: bold;*/
	color: #555;
}
.nav-tabs-account>li.active>a
,.nav-tabs-account>li>a:focus
, .nav-tabs-account>li>a:hover {

    border-top: 1px solid #46b8da !important;
    border-left: 1px solid #46b8da !important;
    border-right: 1px solid #46b8da !important;
    /*font-weight: bold;*/
    color: #555;
    cursor: pointer;
}

.greycisid
{
	background: #cccccc !important;
}
.flexboxtable{
	display: table;
	min-width: 100%;
}

.flexboxrow{
	display:table;
	
    margin-bottom: : 5px ;
	border-collapse:separate;border-spacing:5px;
	margin: -5px 0 0 -5px;	/* ejects outer border-spacing */
	min-width: 100%;	/* in case content is too short */
}
.flexbox{
	display:table-cell;
	min-height: 15px;
	min-width:15px;
	width: auto;
    margin: 0 0 5px;
    border-radius: 4px !important;
}

.flexbox.flexbox-fill{
	width: 100%;
}
.flexbox > label{
	display:block;
	padding: 0 2px;
	font-size: 0.75em;
	font-weight: lighter;
	width:100%;
	margin: 0;
	white-space: nowrap;
}
.flexbox > span{
	display:block;
	padding: 0 2px;
	margin: 0;
	white-space: nowrap;
	    min-height: 22px;
}

.flexbox-info{
    border: 1px solid #46b8da;
}

.flexbox-info > label{
	color: #ffffff;
	background:#5bc0de;
}
.flexbox-info > span{
	color: #555;
}

.flexbox-warning{
    border: 1px solid #eea236;
}

.flexbox-warning > label{
	color: #ffffff;
	background:#f0ad4e;
}
.flexbox-warning > span{
	color: #555;
}

.flexbox-success{
    border: 1px solid #255625;
}

.flexbox-success > label{
	color: #ffffff;
	background:#398439;
}
.flexbox-success > span{
	color: #555;
}

.flexbox-danger{
    border: 1px solid #761c19;
}

.flexbox-danger > label{
	color: #ffffff;
	background:#ac2925;
}
.flexbox-danger > span{
	color: #555;
}

.flexbox-default{
    border: 1px solid #888888;
}

.flexbox-default > label{
	color: #ffffff;
	background:#888888;
}
.flexbox-default > span{
	color: #555;
}
tr.label-info {
    background-color: #5bc0de !important;
}

@media screen and (max-width: 768px)
{
	.flexbox > label{}
	.flexbox > span{white-space: normal;}
	/*span.timeportion{display: none;}*/
	.flexboxrow{display: inline-block;
		border-collapse:inherit;border-spacing:inherit;
	margin: 3px;}
	.flexbox{display: inline-block;;width:100%;}
}

 #VENDORS > thead > tr > th
,#VENDORFORS > thead > tr > th{
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
}

#contactinfo > div{
	margin-top: 25px;
	/* border: 1px solid #888888;
	 padding: 0 2px;
	border-radius: 4px !important;*/
}

span.input-group-addon[button_toggle_status],span.btn-pocart,span.addicitem
{
	cursor: pointer;
}

span.input-group-addon.btn-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}
span.input-group-addon.btn-symbol.btn-success:before {
    content: '\2713';
    display: inline-block;
    color: green;
    padding: 0 6px 0 0;
}
span.input-group-addon.btn-symbol.btn-default:before {
    content: '\2717';
    display: inline-block;
    color: #aaa;
    padding: 0 6px 0 0;
}
.nav:not(.nav-tabs):not(.navbar-right)>li,.navbar-brand {

    border-right: 1px solid #e7e7e7;
}

.navbar-nav.navbar-right>li {

    border-left: 1px solid #e7e7e7;
}

.QUERYFOOT{
	font-weight: bold;
	font-size: 0.65em;
}
.btn-orderitems
{
	min-height: 20px;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes greenglow {
  100% { box-shadow: 0 0 5px rgba(0, 200, 0, 1);
  border: 1px solid rgba(0, 200, 0, 1); }
}

.quickShake{
	animation: shake 0.5s;
}
[CHANGED]{
 box-shadow: 0 0 5px rgba(0, 200, 0, 1);
  border: 1px solid rgba(0, 200, 0, 1);
}
.no-bottom-margin{
	margin-bottom: 0 !important;
}
.bighelp{
    font-size: 1.75em;
        line-height: 0.9;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
@media print
{    
    #FILTERS_FORM, .btn, .noprint, .noprint *
    {
        display: none !important;
    }
}


#lpage_container
{
    padding: 0;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 5px;
}

[name="CICCP"]
{
    width: max-content;
}