@charset "utf-8";

/*Reset browser style*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea, select, button {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
	font-size: 100%;
	font: inherit;
	text-decoration: none;
	list-style-type: none;
	border-spacing: 0px;
	-webkit-box-sizing: border-box; 	/*Safari/Chrome, other WebKit*/
	-moz-box-sizing: border-box;    	/*Firefox, other Gecko*/
	box-sizing: border-box;         	/*Opera/IE 8+*/
}
table {
	border-spacing: 0px;
	width: 100%;
}

a { 
	color: inherit; 
}
sup {
    vertical-align: super;
    font-size: smaller !important;
}
*, *::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	display: block;
	color: #828C96;
	letter-spacing: 0.5px;
}
input[type=submit], input[type=button], input[type=checkbox],  input[type=radio], select, button {
	cursor: pointer;
}
input, select, textarea, button {
	padding: 20px;
	background-color: #D2DCEB;
	border-radius: 10px;
	color: #828C96;
}
input[type=text] {
    height: 60px;
}
::selection {
	color: #FFF;
	background: #EBA505;
	text-shadow: none;
}
::-webkit-scrollbar {
    width: 20px;
    height: 20px;
}
::-webkit-scrollbar-track {
    background: #194B9B;
}
::-webkit-scrollbar-thumb {
    background: #EBA505;
}
::-webkit-scrollbar-thumb:hover {
    background: #FFF;
}
input:focus, textarea:focus, select:focus {
	box-shadow: 0px 0px 10px #EBA505;
	-webkit-box-shadow: 0px 0px 10px #EBA505;
	-moz-box-shadow: 0px 0px 10px #EBA505;
}
input[type=text]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus, select:focus {
	background-color: #FFF;
}
input, select, button, textarea {
	-webkit-transition: all .4s ease-in-out;
  	-moz-transition: all .4s ease-in-out;
  	-ms-transition: all .4s ease-in-out;
  	-o-transition: all .4s ease-in-out;
  	transition: all .4s ease-in-out;
}
input:focus:-webkit-input-placeholder {
   color: #D2DCEB;
}
input:focus:-moz-placeholder {  		/*Firefox 19+*/
   color: #D2DCEB;  
}
input:focus:-ms-input-placeholder {  
   color: #D2DCEB;  
}
input:disabled {
	background-color: #EBA505;
	color: #FFF;
}
textarea:disabled {
	background-color: #EBA505;
	color: #FFF;
}
textarea {
	resize: none;
	height: 120px;
}

@font-face {
    font-family: "RalewayBold";
    src: url('../fonts/RalewayBold.otf'), url('../fonts/RalewayBold.eot');
}
@font-face {
	font-family: "RalewayRegular";
    src: url('../fonts/RalewayRegular.otf'), url('../fonts/RalewayRegular.eot');
}
@font-face {
    font-family: "ConsolasRegular";
    src: url('../fonts/ConsolasRegular.otf'), url('../fonts/ConsolasRegular.eot');
}
@font-face {
    font-family: "CalibriRegular";
	src: url('../fonts/CalibriRegular.otf'), url('../fonts/CalibriRegular.eot');
}
@font-face {
	font-family: "CalibriBold";
	src: url('../fonts/CalibriBold.otf'), url('../fonts/CalibriBold.eot');
}


html, body, input, textarea {
	font-family: RalewayRegular;
	font-size: 1em; 					/*Normal 17px*/
}


.link, .link::before {
	-webkit-transition: all .4s ease-in-out;
  	-moz-transition: all .4s ease-in-out;
  	-ms-transition: all .4s ease-in-out;
  	-o-transition: all .4s ease-in-out;
  	transition: all .4s ease-in-out;
}
.link {
	color: #EBA505;
	position: relative;
}
.link:hover {
	opacity: .5;
}
.link::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	background-color: #194B9B;
	visibility: visible;
}
.link:hover::before {
	visibility: hidden;
	width: 0%;
}

.fss {		/*Font size small*/
	font-size: .7em; 
	font-family: RalewayRegular;
}
.header {
	font-size: 1.5em;
	color: #194B9B; 
	word-break: break-all;
}
.headergray {
	font-size: 1.5em;
	word-break: break-all;
}
.subheader {
	color: #EBA505;
	text-transform: uppercase;
	font-size: 1em;
}
.body {
	color: #828C96;
}

.primaryc {
	color: #194B9B; 
}
.primarybc {	/*This is the primary color*/
	background-color: #194B9B; 
}

.graybc {
	background-color: #828C96; 
}

.overlayc {
	color: #FFF;
	opacity: .5;
}

.whitec {
	color: #FFF !important;
}
.whitebc {
	background-color: #FFF;
}
.secondaryc {
	color: #EBA505 !important;
}
.secondarybc {
	background-color: #EBA505 !important;
}


.januarybc, .januarybcinline {
	background-color: #B0BCC7;
}
.februarybc, .februarybcinline {
	background-color: #E85569;
}
.marchbc, .marchbcinline {
	background-color: #78AA51;
}
.aprilbc, .aprilbcinline {
	background-color: #1D8BC3;
}
.maybc, .maybcinline {
	background-color: #BA7DEA;
}
.junebc, .junebcinline {
	background-color: #7D6851;
}
.julybc, .julybcinline {
	background-color: #6B1D69;
}
.augustbc, .augustbcinline {
	background-color: #EAA903;
}
.septemberbc, .septemberbcinline {
	background-color: #00558E;
}
.octoberbc, .octoberbcinline {
	background-color: #FF6A03;
}
.novemberbc, .novemberbcinline {
	background-color: #206129;
}
.decemberbc, .decemberbcinline {
	background-color: #C30007;
}
.januarybcinline, .februarybcinline, .marchbcinline, .aprilbcinline, .maybcinline, .junebcinline, .julybcinline, .augustbcinline, .septemberbcinline, .octoberbcinline, .novemberbcinline, .decemberbcinline {
	margin-top: 5px;
	padding: 5px;
	border-radius: 10px;
	color: #FFF;
	display: inline-block;
}


.alertbc, .successbc, .expiredbc {
	width: 100%;
	padding: 20px;
	border-radius: 10px;
	color: #FFF;
	display: inline-block;
}
.activeinline, .idleinline, .viewonlybcinline, .customerbcinline, .pickerbcinline, .adminbcinline, .superadminbcinline, .successinline, .alertinline, .receivebcinline, .movebcinline, .adjustbcinline, .newbcinline, .pendingbcinline, .stoppedbcinline, .pickingbcinline, .holdingareabcinline, .canceledbcinline, .intransitbcinline, .deliveredbcinline, .faileddeliverybcinline, .shippedbcinline, .bulkmovebcinline, .freightbcinline, .attachbcinline {
	width: 100%;
	padding: 10px;
	border-radius: 10px;
	color: #FFF;
	display: inline-block;
}
.editinline {
	background-color: #194B9B;
	line-height: 0;
    padding: 10px;
    margin: 5px;
    border-radius: 10px;
    color: #FFF;
    display: inline-block;
}
.newbcinline, .newbc, .customerbcinline, .customerbc, .cyanbc, .movebcinline {
	background-color: #0596D7 !important;
}
.cyanc, .customerc {
	color: #0596D7;
}
.bluebc {
	background-color: #1446A0;
}
.bluec {
	color: #1446A0;
}
.pendingbcinline, .pendingbc, .adminbcinline, .adminbc, .yellowbc, .bulkmovebcinline {
	background-color: #FFB400 !important;
}
.yellowc, .adminc {
	color: #FFB400;
}
.pickingbcinline, .pickingbc, .orangebc, .pickerbcinline, .pickerbc, .expiredbc {
	background-color: #FA6400 !important;
}
.orangec, .pickerc {
	color: #FA6400;
}
.holdingareabcinline, .holdingareabc, .purplebc, .receivebcinline {
	background-color: #6E0F9B !important;
}
.purplec {
	color: #6E0F9B;
}
.faileddeliverybcinline, .faileddeliverybc, .superadminbcinline, .superadminbc, .redbc, .adjustbcinline, .onoffswitchinner:after, .alertbc, .idleinline, .alertinline {
	background-color: #D20032 !important;
}
.redc, .superadminc {
	color: #D20032;
}
.deliveredbcinline, .deliveredbc, .greenbc, .viewonlybcinline, .viewonlybc, .onoffswitchinner::before, .successbc, .activeinline, .successinline, .shippedbcinline {
	background-color: #008246 !important;
}
.greenc, .viewonlyc {
	color: #008246;
}
.charcoalbc, .canceledbcinline, .canceledbc, .returnbc {
	background-color: #283746 !important;
}
.charcoalc {
	color: #283746;
}
.pinkbc, .stoppedbcinline, .stoppedbc {
	background-color: #EB0F8C !important;
}
.pinkc {
	color: #EB0F8C;
}
.brownbc, .intransitbcinline, .intransitbc {
	background-color: #73361D !important;
}
.brownc {
	color: #73361D;
}
.chartreusebc, .attachbcinline {
	background-color: #8CAA2D;
}
.chartreusec {
	color: #8CAA2D;
}
.amberbc {
	background-color: #FA8C00;
}
.amberc {
	color: #FA8C00;
}
.tealbc, .freightbcinline {
	background-color: #059B96;
}
.tealc {
	color: #059B96;
}
.indigobc {
	background-color: #4128A0;
}
.indigoc {
	color: #4128A0;
}
.vermilionbc {
	background-color: #E63219;
}
.vermilionc {
	color: #E63219;
}
.turquoisebc {
	background-color: #0AA5BE;
}
.turquoisec {
	color: #0AA5BE;
}
.limebc {
	background-color: #C3AF14;
}
.limec {
	color: #C3AF14;
}