* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
html { min-height:100%; }
body { min-height:100%; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:140%; background:#F5F5F5; }
body a { color:#0092E4; text-decoration:underline; }
body a:hover { color:#0092E4; text-decoration:none; }
body a:focus { outline:none; }

form { display:inline; }
fieldset { border:none; }
textarea, select, input[type='text'], input[type='email'], input[type='password'], .multiselect { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; outline:0; /* Styling */ padding:6px 6px 6px 6px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000; border:solid 1px #CCCCCC; background-color:#FFFFFF; /* IE7 */ *padding-top:4px; *padding-bottom:4px; *height:auto; }
select { background-image:url(../imgs/html-select-arrow.gif); background-repeat:no-repeat; background-position:right center; padding-right:30px; }
textarea:focus, select:focus, input[type='text']:focus, input[type='email']:focus, input[type='password']:focus { border-color:#999999; box-shadow: 0px 0px 5px #CCCCCC; }
input[readonly='readonly'], input[readonly='readonly']:focus { color:#999999; border:dotted 1px #CCCCCC; box-shadow:none; }
.multiselect { display:block; padding:0; font-size:14px; }
.multiselect .multiselect-options { display:block; height:auto; max-height:167px; padding:0; overflow:auto; }
.multiselect.expanded .multiselect-options { height:auto; max-height:none !important; }
.multiselect .multiselect-options > * { display:block; padding:2px 6px; border-bottom:dotted 1px #CCCCCC; }
.multiselect .multiselect-options > *:last-child { border-bottom:none; }
.multiselect .multiselect-options > * input { margin-right:5px; }
.multiselect .multiselect-button { display:block; padding:5px; background:#F4F4F4; font-size:90%; text-align:center; border-top:dotted 1px #CCCCCC; }
	
.button { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; outline:0; display:inline-block; padding:8px 20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:100%; color:#FFFFFF; border:solid 1px #243587; background:#243587 url(../imgs/button-shine.png) repeat-x left top; text-align:center; text-decoration:none; cursor:pointer; }
.button:hover { color:#FFFFFF; }
.button.slim { padding:4px 10px; font-size:13px; background-position:0 -5px; }
.button.blue { background-color:#1f4495; border-color:#1f4495; }
.button.red { background-color:#FF3300; border-color:#FF3300; }
.button.green { background-color:#009900; border-color:#009900; }
.button.grey { background-color:#999999; border-color:#999999; }
.button.outline { color:#BBBBBB; background:none;border:solid 1px #BBBBBB; }

.title-1 { margin-bottom:20px; color:#444444; font-size:170%; font-weight:normal; line-height:140%; }
.title-2 { margin-bottom:20px; color:#444444; font-size:150%; font-weight:normal; line-height:140%; }
.title-3 { margin-bottom:15px; color:#444444; font-size:130%; font-weight:normal; line-height:140%; }
.title-4 { margin-bottom:10px; color:#999999; font-size:110%; font-weight:normal; line-height:140%; }

.container { margin:20px; }

.response { margin-top:10px; padding:20px; color:#FFFFFF; font-size:110%; text-align:center; background:#FFFFFF; }
.response.ERROR { background:#FF3300; }
.response.SUCCESS { background:#009900; }
.response.WARNING { background:#FC0; }

.popup { position:relative; width:auto; max-width:800px; margin:0 auto; padding:40px; text-align:center; }
.popup-inner { padding:40px 30px; background:#FFFFFF; overflow:hidden; }
.popup .mfp-close { top:40px; right:40px; }

.popup.oem-lookup .oem-code { margin-bottom:20px; padding:10px; color:#444444; font-size:150%; font-weight:bold; line-height:150%; border:solid 1px #DDDDDD; background:#F4F4F4; }
.popup.oem-lookup .result { margin:10px 0; padding:10px; color:#FFFFFF; background-color:#1f4495; overflow:hidden; }
.popup.oem-lookup .result.GREEN { background-color:#009900; }
.popup.oem-lookup .result.RED { background-color:#FF3300; }
.popup.oem-lookup .result.AMBER { background-color:#FC0; }
.popup.oem-lookup .result.no-records { padding:30px 10px; color:#FFFFFF; font-size:120%; line-height:150%; }
.popup.oem-lookup .result .panels { overflow:hidden; }
.popup.oem-lookup .result .panel { width:50%; }
.popup.oem-lookup .result .panel .info { background-color:rgba(255,255,255,0.1); border:solid 1px rgba(255,255,255,0.2); }
.popup.oem-lookup .result .panel .info .label { padding:10px 0; font-size:90%; line-height:100%;}
.popup.oem-lookup .result .panel .info .value { padding:0 0 10px 0; font-size:300%; line-height:100%;}
.popup.oem-lookup .result .panel.required { float:left; padding-right:5px; }
.popup.oem-lookup .result .panel.grade { float:right; padding-left:5px; }
.popup.oem-lookup .result .item { padding:10px 0 0 0; }
.popup.oem-lookup .current-status { float:left; width:50%; }
.popup.oem-lookup .current-status .results { padding-right:10px; }
.popup.oem-lookup .enquiry-status { float:right; width:50%; }
.popup.oem-lookup .enquiry-status .results { padding-left:10px; }

.status { position:relative; width:8px; height:8px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#CCCCCC; }
.status.red { background-color:#FF3300; }
.status.green { background-color:#009900; }
.status.amber { background-color:#FC0; }
.status.blue { background-color:#0092E4; }
.status span { position:absolute; right:4px; bottom:4px; display:none; padding:4px 6px; color:#999999; font-size:90%; line-height:140%; white-space:nowrap; border:solid 1px #DDDDDD; background:#FFFFFF; -moz-border-radius:3px 3px 0 3px; -webkit-border-radius:3px 3px 0 3px; border-radius:3px 3px 0 3px; }
.status:hover span { display:block; }

.pager { display:block; padding:5px 10px; color:#CCCCCC; text-align:right; line-height:30px; overflow:hidden; }
.pager button { width:30px; height:30px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:30px; text-align:center; color:#CCCCCC; border:none; background-color:transparent; cursor:pointer; }
.pager .number, .pager .separator { float:left; }
.pager button[disabled="disabled"] { color:#666666; cursor:default; }
.pager button[disabled="disabled"].arrow { color:#EEEEEE; }

.header { position:relative; height:80px; color:#FFFFFF; background:#243587; background:-moz-linear-gradient(left,  #243587 25%, #1f4495 100%); background:-webkit-gradient(linear, left top, right top, color-stop(25%,#243587), color-stop(100%,#1f4495)); background:-webkit-linear-gradient(left,  #243587 25%,#1f4495 100%); background:-o-linear-gradient(left,  #243587 25%,#1f4495 100%); background:-ms-linear-gradient(left,  #243587 25%,#1f4495 100%); background:linear-gradient(to right,  #243587 25%,#1f4495 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#243587', endColorstr='#1f4495',GradientType=1 ); }
.header .logo { position:absolute; top:6px; left:5px; width:210px; }
.header .connection-status { display:none; position:absolute; top:20px; right:20px; }
.header .buying-region { position:absolute; top:20px; right:20px; }
.header .buying-region .field { padding:0 10px; background:#FFFFFF; }
.header .buying-region .field select { font-size:18px; line-height:140%; border:solid 1px #FFFFFF; }
.main { display:table; width:100%; margin-top:20px; }
.main .nav.primary { display:table-cell; width:220px; background:#FFFFFF; border-right:solid 20px #F5F5F5; vertical-align:top; }
.main .nav.primary > ul > li { list-style:none; }
.main .nav.primary > ul > li > a { display:block; padding:10px; border-bottom:solid 1px #F5F5F5; color:#666666; text-decoration:none; }
.main .nav.primary > ul > li > a:hover { color:#333333; }
.main .nav.primary > ul > li > ul > li { list-style:none; }
.main .nav.primary > ul > li > ul > li > a { display:block; padding:5px 10px 5px 15px; border-bottom:solid 1px #F5F5F5; font-size:90%; color:#0092E4; text-decoration:underline; }
.main .nav.primary > ul > li > ul > li > a:hover { text-decoration:none; }
.main .nav.breadcrumb { overflow:hidden; margin-bottom:10px; }
.main .nav.breadcrumb ul li { float:left; color:#999999; list-style:none; }
.main .nav.breadcrumb ul li a { color:#999999; text-decoration:none; }
.main .nav.breadcrumb ul li a:hover { text-decoration:underline; }
.main .content { display:table-cell; vertical-align:top; background:#FFFFFF; }
.main .content .block { padding:20px; border-bottom:solid 1px #F5F5F5; }
.footer { margin-top:20px; }

.tabs { padding:20px; border-bottom:solid 1px #F5F5F5; }
.tabs ul { list-style:none; overflow:hidden; }
.tabs ul li { float:left; margin:0 5px 0 0; }
.tabs ul li.right { float:right; margin:0 0 0 5px; list-style:none; }
.tabs ul li a { display:block; padding:5px 15px; }
.tabs ul li.active a { color:#FFFFFF; text-decoration:none; background:#1f4495 url(../imgs/button-shine.png) repeat-x left top; }

.form-search fieldset { position:relative; margin-bottom:10px; border:solid 1px #DDDDDD; background:#FFFFFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; }
.form-search fieldset > div { overflow:hidden; }
.form-search input[type="text"], .form-search select { float:left; padding:10px 20px 10px 20px; font-size:120%; line-height:28px; border:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.form-search select[name="option[]"] { padding-left:0; }
.form-search .divider { float:left; text-align:center; }
.form-search .divider span { display:inline-block; width:1px; height:30px; margin-top:9px; border-left:solid 1px #DDDDDD; }
.form-search input[type="text"]:focus, .form-search select:focus { box-shadow:none;}
.form-search input[type="submit"] { float:right; margin:10px 11px 10px 11px; }
.form-search .add-filter { display:block; float:left; margin:10px 11px 10px 11px; color:#666666; text-decoration:none; line-height:30px; }
.form-search .add-filter span { display:block; float:left; width:32px; height:32px; margin-right:10px; color:#CCCCCC; font-size:180%; text-align:center; border:solid 1px #DDDDDD; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.form-search .remove-filter { display:block; float:right; width:32px; height:32px; margin:10px 11px 10px 11px; color:#FF3300; font-size:180%; text-align:center; text-decoration:none; line-height:30px; border:solid 1px #DDDDDD; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.form-search [disabled="disabled"] { display:none; }

.form-1 .field { padding:15px 20px; border-bottom:solid 1px #F5F5F5; overflow:hidden; }
.form-1 .label { display:block; float:left; width:180px; margin-top:5px; padding-left:20px;}
.form-1 .label .required { color:#FF3300; font-size:130%; line-height:5px; }
.form-1 .input { display:block; margin-left:220px; padding-right:20px; }
.form-1 .input > p { margin-top:5px; }
.form-1 .note { margin-top:5px; font-size:85%; line-height:130%; font-style:italic; color:#999999; }

.form-2 fieldset { border:solid 1px #DDDDDD; border-width:1px 1px 0 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.form-2 .field { padding:15px 20px; border-bottom:solid 1px #DDDDDD; background:#ECECEC; overflow:hidden; }
.form-2 .field:nth-of-type(2n) { background:#F4F4F4; }
.form-2 .field:first-child { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.form-2 .field:last-child { -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.form-2 .label { display:block; float:left; width:180px; margin-top:5px; }
.form-2 .label .required { color:#FF3300; font-size:130%; line-height:5px; }
.form-2 .input { display:block; margin-left:200px; }
.form-2 .input label { line-height:25px; }
.form-2 .input > p { margin-top:5px; }
.form-2 .note { margin-top:5px; font-size:85%; line-height:130%; font-style:italic; color:#999999; }

.table-1 { width:100%; border:solid 1px #DDDDDD; border-width:1px 1px 0 0; border-spacing:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.table-1 tr { background:#F4F4F4; }
.table-1 tr:nth-child(even) { background:#ECECEC; }
.table-1 th, .table-1 td  { padding:12px 10px; border:solid 1px #DDDDDD; border-width:0 0 1px 1px; text-align:left; vertical-align:middle; font-weight:normal; }
.table-1 th:first-child { -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; }
.table-1 th:last-child { -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; }
.table-1 tr:last-child td:first-child { -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }
.table-1 tr:last-child td:last-child { -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; }
.table-1 thead tr { background:#DDDDDD; color:#AAAAAA; }
.table-1 thead th, .table-1 thead td  { padding:8px 10px; border-color:#DDDDDD; font-size:85%; }
.table-1 th.right, .table-1 td.right  { text-align:right }
.table-1 .spacer { height:20px; }
.table-1 .spacer-10 { height:10px; }
.table-1 .spacer-5 { height:5px; }
.table-1 .no-records td { padding:25px 6px; text-align:center; }
.table-1 .note { margin-top:5px; font-size:85%; font-style:italic; color:#999999; }

.table-2 { width:100%; border:solid 1px #DDDDDD; border-width:1px 1px 1px 1px; border-spacing:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.table-2 tr { background:#F4F4F4; }
.table-2 tr:nth-child(even) { background:#ECECEC; }
.table-2 th, .table-2 td  { padding:10px; border:solid 1px #DDDDDD; border-width:0 0 1px 0; text-align:left; vertical-align:middle; font-weight:normal; }
.table-2.dotted th, .table-2.dotted td  { border-style:dotted; }
.table-2 th:first-child { -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; }
.table-2 th:last-child { -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; }
.table-2 tr:last-child td:first-child { -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }
.table-2 tr:last-child td:last-child { -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; }
.table-2 tr:last-child th, .table-2 tr:last-child td { border:none; }
.table-2 thead tr { background:#AAAAAA; color:#EBEBEB; }
.table-2 thead th, .table-2 thead td  { border:solid 1px #AAAAAA; }
.table-2 th.right, .table-2 td.right  { text-align:right }
.table-2 .no-records td { padding:25px 6px; text-align:center; }
.table-2 .note { margin-top:5px; font-size:85%; line-height:130%; font-style:italic; color:#999999; }

.table-3 { width:100%; border-spacing:0; }
.table-3 thead:after, .table-3 tbody:after { content:''; display:block; height:5px; }
.table-3 tr { background:#F4F4F4; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.table-3 tbody:nth-child(even) tr { background:#ECECEC; }
.table-3 th, .table-3 td { padding:10px; border:solid 1px #DDDDDD; border-width:1px 0; text-align:left; vertical-align:middle; font-weight:normal; }
.table-3 tr th:first-child, .table-3 tr td:first-child { border-width:1px 0 1px 1px; }
.table-3 tr th:last-child, .table-3 tr td:last-child { border-width:1px 1px 1px 0; }



.table-3 thead tr:first-child th:first-child, .table-3 tbody tr:first-child td:first-child { -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; }
.table-3 thead tr:first-child th:last-child, .table-3 tbody tr:first-child td:last-child { -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-lright-radius:3px; }
.table-3 thead tr:last-child th:first-child, .table-3 tbody tr:last-child td:first-child { -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }
.table-3 thead tr:last-child th:last-child, .table-3 tbody tr:last-child td:last-child { -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-lright-radius:3px; }


.table-3 thead tr { background:#AAAAAA; color:#EBEBEB; }
.table-3 thead th, .table-3 thead td  { border:solid 1px #AAAAAA; }
.table-3 th.right, .table-3 td.right  { text-align:right }
.table-3 .no-records td { padding:25px 6px; text-align:center; }
.table-3 .note { margin-top:5px; font-size:85%; line-height:130%; font-style:italic; color:#999999; }

.table-4 { width:100%; border-collapse:collapse; }
.table-4 tbody tr { border:solid 1px #DDDDDD; border-width:1px 0; }
.table-4 th, .table-4 td  { padding:10px; text-align:left; vertical-align:middle; font-weight:normal; }
.table-4 thead th, .table-4 thead td  { color:#333333; font-weight:bold; }
.table-4 th.right, .table-4 td.right  { text-align:right }

.table-report-list { width:100%; border-spacing:0; }
.table-report-list tbody:after { content:''; display:block; height:20px; }
.table-report-list tr { background:#ECECEC; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.table-report-list tbody:nth-child(even) tr { background:#F4F4F4; }
.table-report-list th, .table-report-list td { border:solid 1px #DDDDDD; border-width:1px; text-align:left; vertical-align:middle; font-weight:normal; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.table-report-list .head { padding:15px; overflow:hidden; cursor:pointer; }
.table-report-list .head .ref { float:left; width:60px; }
.table-report-list .head .label { float:left; font-weight:bold; }
.table-report-list .head .toggle { float:right; font-size:180%; }
.table-report-list .head .toggle .plus { color:#009900; }
.table-report-list .head .toggle .minus { color:#FF3300; }
.table-report-list .form { display:none; overflow:hidden; }
.table-report-list .form form { display:block; padding:15px; background:#FFFFFF; border-top:solid 1px #DDDDDD; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;  }
.table-report-list .desc { margin-bottom:10px; font-size:90%; }
.table-report-list .buttons { margin-top:20px; }

.action-panel { overflow:hidden; }
.action-panel .archive { padding:12px 20px !important; text-align:right !important; color:#FF3300 !important; background:#FDE0DF !important; border:solid 1px #FF3300 !important; border-width:1px 1px 1px 1px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; }

#login { background:#243587; background:-moz-linear-gradient(left, #243587 25%, #1f4495 100%); background:-webkit-gradient(linear, left top, right top, color-stop(25%,#243587), color-stop(100%,#1f4495)); background:-webkit-linear-gradient(left, #243587 25%, #1f4495 100%); background:-o-linear-gradient(left, #243587 25%, #1f4495 100%); background:-ms-linear-gradient(left, #243587 25%, #1f4495 100%); background:linear-gradient(to right, #243587 25%, #1f4495 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#243587', endColorstr='#1f4495',GradientType=1 ); }
#login .container { position:absolute; top:0; right:0; bottom:0; left:0; }
#login .container:after { content:''; clear:both; }
#login .main { display:table; height:90%; margin:0; }
#login .main .content { display:table-cell; vertical-align:middle; text-align:center; background:none; }
#login .main .content .logo { width:250px; margin:0 auto; }
#login .main .content .login-panel { width:100%; max-width:400px; margin:20px auto 0 auto; padding:20px 40px; background:#F5F5F5; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-shadow: 0px 0px 10px #17235C; }
#login .main .content .login-panel form input[type='text'],
#login .main .content .login-panel form input[type='email'] { margin-bottom:10px; width:100%; color:#666; font-size:22px; text-align:center; }
#login .main .content .login-panel form input[type='password'] { margin-bottom:10px; width:100%; color:#666; font-size:22px; font-family:Verdana,sans-serif; text-align:center; letter-spacing:4px; }
#login .main .content .login-panel .response { margin-bottom:20px; padding:10px; text-align:center; }

#no-connection { background:#243587; background:-moz-linear-gradient(left, #243587 25%, #1f4495 100%); background:-webkit-gradient(linear, left top, right top, color-stop(25%,#243587), color-stop(100%,#1f4495)); background:-webkit-linear-gradient(left,  #243587 25%,#1f4495 100%); background:-o-linear-gradient(left,  #243587 25%,#1f4495 100%); background:-ms-linear-gradient(left,  #243587 25%,#1f4495 100%); background:linear-gradient(to right,  #243587 25%,#1f4495 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#243587', endColorstr='#1f4495',GradientType=1 ); }
#no-connection .main { display:block;}
#no-connection .main .content { display:block; margin-top:50px; text-align:center; background:none; color:#FFFFFF; }

#warehouse #pre-sort #datasheet .remove-record { color:#FF3300; text-decoration:none; }

#accounts #purchases .main .content .photo-list { margin:0; padding:0; list-style:none; overflow:hidden; }
#accounts #purchases .main .content .photo-list li { float:left; margin:0; padding:0; width:150px; }
#accounts #purchases .main .content .photo-list li a { display:block; position:relative; margin:5px; padding-top:100%; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden;}
#accounts #purchases .main .content .photo-list li a img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }

#suppliers #locations .main .content .supplier-found { padding:10px 0 20px 0; line-height:32px; }
#suppliers #locations .main .content .supplier-found img { float:left; width:32px; }
#suppliers #locations .main .content .key { margin-top:30px; list-style:none; overflow:hidden; }
#suppliers #locations .main .content .key li { float:left; margin-right:30px; line-height:32px; }
#suppliers #locations .main .content .key li img { float:left; width:32px; }

#report .fixed { position:fixed; top:0; right:0; left:0; }
#report .nav-bar { padding:15px; overflow:hidden; background:#243587; background:-moz-linear-gradient(left,  #243587 25%, #1f4495 100%); background:-webkit-gradient(linear, left top, right top, color-stop(25%,#243587), color-stop(100%,#1f4495)); background:-webkit-linear-gradient(left,  #243587 25%,#1f4495 100%); background:-o-linear-gradient(left,  #243587 25%,#1f4495 100%); background:-ms-linear-gradient(left,  #243587 25%,#1f4495 100%); background:linear-gradient(to right,  #243587 25%,#1f4495 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#243587', endColorstr='#1f4495',GradientType=1 ); }
#report .nav-bar .left { float:left; }
#report .nav-bar .right { float:right; }
#report .datasheet .table-1 tr.selected { background:#fffffe; }
#report .datasheet .no-records { padding:50px 6px; font-size:110%; text-align:center; }

/* Invoice */
body.print-view { background:#FFFFFF; color:#000000; font-size:12px; }
body.print-view { width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
body.print-view table { border-top:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; border-bottom:none; border-left:none; }
body.print-view th { padding:5px; border-top:none; border-right:none; border-bottom:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; font-weight:bold; }
body.print-view td { padding:5px; border-top:none; border-right:none; border-bottom:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; }
body.print-view h1 { margin:0px 0px 0px 0px; font-size:140%; font-weight:normal; line-height:150%; text-align:center; }
body.print-view .logo { width:203px; padding:0px 20px 0px 20px; vertical-align:middle; text-align:center; }

/* Media Queries */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

@media print {
.header { display:none; }
.main .nav.primary { display:none; }
}