/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
*/
/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
   {
   display: block;
}

audio,canvas,video {
   display: inline-block;
   *display: inline;
   *zoom: 1;
}

audio



:not




(
[
controls
]




)
{
display



:none


;
}
[hidden] {
   display: none;
}

/* =============================================================================
   Base
  ========================================================================== */

/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html {
   font-size: 100%;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}

body {
   margin: 0;
   font-size: 12px !important;
   line-height: 1.231 !important;
}

body,button,input,select,textarea {
   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
   color: #222;
}

/* 
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection {
   background: #fe57a1 !important;
   color: #fff;
   text-shadow: none;
}

::selection {
   background: #fe57a1 !important;
   color: #fff;
   text-shadow: none;
}

/* =============================================================================
  Links
  ========================================================================== */
a {
   color: #000;
}

a:visited {
   color: #551a8b;
}

a:hover {
   color: #06e;
   cursor: pointer;
}

a:focus {
   outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,a:active {
   outline: 0;
}

/* =============================================================================
  Typography
  ========================================================================== */
abbr[title] {
   border-bottom: 1px dotted;
}

b,strong {
   font-weight: bold;
}

blockquote {
   margin: 1em 40px;
}

dfn {
   font-style: italic;
}

hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0;
}

ins {
   background: #ff9;
   color: #000;
   text-decoration: none;
}

mark {
   background: #ff0;
   color: #000;
   font-style: italic;
   font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre,code,kbd,samp {
   font-family: monospace, monospace;
   _font-family: 'courier new', monospace;
   font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
   white-space: pre;
   white-space: pre-wrap;
   word-wrap: break-word;
}

q {
   quotes: none;
}

q:before,q:after {
   content: "";
   content: none;
}

small {
   font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sup {
   top: -0.5em;
}

sub {
   bottom: -0.25em;
}

/* =============================================================================
  Lists
  ========================================================================== */
ul,ol {
   margin: 1em 0;
   padding: 0 0 0 40px;
}

dd {
   margin: 0 0 0 40px;
}

nav ul,nav ol {
   list-style: none;
   list-style-image: none;
   margin: 0;
   padding: 0;
}

/* =============================================================================
  Embedded content
  ========================================================================== */

/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e 
*/
img {
   border: 0;
   -ms-interpolation-mode: bicubic;
   vertical-align: middle;
}

/*
* Correct overflow not hidden in IE9 
*/
svg




:not




(
:root




)
{
overflow




:hidden


;
}

/* =============================================================================
  Figures
  ========================================================================== */
figure {
   margin: 0;
}

/* =============================================================================
  Forms
  ========================================================================== */
form {
   margin: 0;
}

fieldset {
   border: 0;
   margin: 0;
   padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
   cursor: pointer;
}

/* 
* 1. Correct color not inheriting in IE6/7/8/9 
* 2. Correct alignment displayed oddly in IE6/7 
*/


/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button,input,select,textarea {
   font-size: 100%;
   margin: 0;
   vertical-align: baseline;
   *vertical-align: middle;
}

/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button,input {
   line-height: normal;
   *overflow: visible;
}

/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button,table input {
   *overflow: auto;
}

/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button,input[type="button"],input[type="reset"],input[type="submit"] {
   -webkit-appearance: button;
}

/*
* Consistent box sizing and appearance
*/
input[type="checkbox"],input[type="radio"] {
   box-sizing: border-box;
   margin: 5px;
}

.typeBox input[type="checkbox"], .typeBox input[type="radio"],
.selectors input[type="checkbox"], .selectors input[type="radio"] {
   box-sizing: border-box;
   margin: 5px;
}

input[type="search"] {
   -webkit-appearance: textfield;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

/* 
* Remove inner padding and border in FF3/4: h5bp.com/l 
*/
button::-moz-focus-inner,input::-moz-focus-inner {
   border: 0;
   padding: 0;
}

/* 
* 1. Remove default vertical scrollbar in IE6/7/8/9 
* 2. Allow only vertical resizing
*/
textarea {
   overflow: auto;
   vertical-align: top;
   resize: vertical;
}

/* =============================================================================
  Tables
  ========================================================================== */
table {
   border-collapse: collapse;
   border-spacing: 0;
}

td {
/*	vertical-align: top; */
}

/* ==|== primary styles =====================================================
  Author: 
  ========================================================================== */
.corporationListDialog {
   display: none;
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 3;
   background: #a5ceeb;
}

.box {
   height: 90%;
   width: 90%;
   position: absolute;
   left: 5%;
   background: #f2f4f6;
   box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.flashMessage {
   width: 100%;
   min-height: 30px;
   position: fixed;
   left: 0px;
   top: 2px;
   background-color: #F9EDBE;
   background-color: rgba(247, 239, 190, .88);
   text-align: center;
   border: 1px solid #E7EAEC;
   padding: 8px;
   z-index:100;
   font: bold 20px Helvetica;
   display:block;
   overflow:auto;
}

#staticMessage .icon-close{
   float: left;
   margin-left: -7px;
   cursor: pointer;
}

#staticMessage .messageText {
   float: left;
   width: 98%;
}

a,a:visited,a:hover,a.cancelRequestResendBlock,a.cancelRequestResendBlock:hover {
   color: #000000;
   text-decoration: none;
}

.close {
   margin-left: 208px; 
   vertical-align: top;
   margin-top: 1px; !important
}

.undoButton {
   background: url("../images/undo.png") no-repeat scroll 0 0
       rgba(0, 0, 0, 0);
   margin-left: -22px !important;
   margin-top: 6px !important;
   border: 0;
   width: 16px;
   height: 16px;
   float: left;
   position: absolute;
}

.undoButton:hover, .undoButton:focus {
   background: url("../images/undo.png") no-repeat scroll 0 0
       rgba(0, 0, 0, 0) !important;
}


.printerButton, .btn.printerButton {
   background: url("../images/printer_icon.png");
   background-position: 3px 3px;
   background-repeat: no-repeat;
}

.printerButton:disabled {
   background: url("../images/printer_icon.png");
   background-position: 3px 3px;
   background-repeat: no-repeat;
}

.newCorpButton {
   position : relative;
   float: right;
}

/*
.editButton,.deleteButton, .copyButton, .printerButton, .undoButton {
   height: 16px;
   width: 16px;
   margin-left: 10px;
   padding-left: 16px !important;
   padding-top: 2px !important;
}

.editButton {
   background: url("../images/edit.png") no-repeat scroll 0 0
       rgba(0, 0, 0, 0);
}

.printerButton {
   background: url("../images/printer_icon.png") no-repeat scroll 0 0
       rgba(0, 0, 0, 0);
}

.deleteButton {
   background: url(../images/delete.png) no-repeat scroll 0 0
       rgba(0, 0, 0, 0);
}
*/

/* now using icon fonts (set Icomoon) for these little guys - they will scale much better on the older ladies' screens */
[class^="icon-"] {
   /*padding: 0 !important;
   margin: 0 22px 0 0 !important;*/
   width: 28px;
   height: 28px;
   display: inline-block;
}

[class^="icon-"], [class*=" icon-"] {
   /*color: black !important;*/
}
[class^="icon-"], [class*=" icon-"] {
   font-family: 'icomoon';
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   font-size: 26px;

   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:hover, [class*=" icon-"]:hover {
   font-size: 28px;
}

.icon-small, .icon-small:hover {
   padding-left: 10px;
   font-size: 13px;
   height: 13px;
   width: 13px;
}

.icon-print:before {
   content: "\e600";
}
.icon-disk:before {
   content: "\e601";
   columns: #000000;
}
.icon-remove:before {
   content: "\e602";
   color: #DA5050;
}
.icon-close:before {
   content: "\e603";
}
.icon-checkmark:before {
   content: "\e604";
}
.icon-spam:before {
   content: "\e605";
}
.icon-question:before {
   content: "\e606";
}
.icon-info:before {
   content: "\e607";
}
.icon-flag:before {
   content: "\e608";
}
.icon-pencil:before {
   content: "\e609";
   color: #C59E02;
}
.icon-profile:before {
   content: "\e60a";
}
.icon-file:before {
   content: "\e60b";
}
.icon-stack:before {
   content: "\e60c";
}
.icon-paste:before {
   content: "\e60d";
}
.icon-copy:before {
   content: "\e60e";
   color: #3E5F0B;
}
.icon-folder-open:before {
   content: "\e60f";
}
.icon-envelope:before {
   content: "\e610";
}
.icon-phone:before {
   content: "\e611";
}
.icon-user:before {
   content: "\e612";
}
.icon-users:before {
   content: "\e613";
}
.icon-cog:before {
   content: "\e614";
}
.icon-checkbox-checked:before {
   content: "\e615";
}
.icon-checkbox-unchecked:before {
   content: "\e616";
}
/* END icomoon icon fonts */


.copyButton:before {
   font: normal 22px "Icomoon";
   color: black;
   content: '\e60e';
}

.button,.button-link {
   margin: 0px 6px 6px 0px;
   font-size: 11px;
   padding: 2px 5px;
}

.button-copy {
   margin: 4px 6px 6px 0px;
   font-size: 15px;
   padding: 0px 5px;
}

.button p {
   margin: 0px 6px 6px 0px;
   width: 100%;
   margin: 0px;
   padding: 0px 5px;
}

.button-link.icon {
   padding-left: 11px;
}

.button-link.icon span {
   padding-left: 20px;
   background: url(../images/printer_icon.png) no-repeat 0;
}

#printersForm .button-link {
   position: relative;
   float: right;
}

/* old menu css code was here.  now lives in menu.css, and no longer using superfish */

/* template styles - body, header, container, main, nav, etc */
#container {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-height: 100%;
}

#header {
   width: 100%;
   position: relative;
   padding-bottom: 10px;
}

#logout {
   float: right;
   padding: 10px;
}

#main {
   display: inline-block;
   width: calc(100% - 30px);
   margin: 10px 15px;
}

#main h1 {
   color: #3e4b65;
   font-weight: normal;
   font-size: 24px;
   font-family: "Ubuntu Condensed", Verdana, Arial, Helvetica, san-serif;
   text-align: left;
/*	text-transform: uppercase; */
   margin: 0 0 15px;
   word-spacing: 2px;
   width: 100%;
   position: relative;
}

#logo {
   float: left;
   height: 47px;
   margin: 10px 0 5px 10px;
   font: normal 22px "Times New Roman";
   color: #232323;
   /*	text-shadow: 1px 1px 1px black; */
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   font-variant: small-caps;
   position: relative;
}

#logo a {
   text-decoration: none;
   font: normal 22px "Times New Roman";
   color: #232323;
   /*	text-shadow: 1px 1px 1px black; */
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
   font-variant: small-caps;
}

#logo img,#logo div {
   float: left;
   border: none;
   height: 100%
}

#logo div {
   position: relative;
   top: 25px;
   left: -20px;
}

.findBlock {
   padding: 2px;
   margin: 0 0 15px 0;
}

.findOrdersBlock {
   float: left;
   width: 100%;
}

.findConfirmRequestBlock {
   float: left;
   width: 100%;
}

/***********/
/* TABLES  */
/***********/
.wrap-table {
   border: 1px solid #B7AFA3;
   padding: 20px;
   margin: 0 0 30px 0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.table-orders tr.active {
   background-color: #EEEEEE;
}

.table-columns,.table-orders-columns {
   clear: both;
   overflow: hidden;
   font-size: 13px;
   width: 100%;
}

.table-columns a,.table-columns a:visited,.table-columns a:hover {
   color: blue;
}

.table-orders-columns a,.table-orders-columns a:visited,.table-orders-columns a:hover
   {
   color: blue;
}

.table-orders-columns a.showCancelForm, .table-orders-columns a.showCancelForm:visited,
.table-orders-columns a.showCancelForm:hover {
   color: white;
}

.table-columns a:hover,.table-orders-columns a:hover {
   text-decoration: underline;
}

.table-columns .column-1 {
   min-width: 14%;
}

.table-columns .column-2 {
   width: 50%;
}

.table-columns .column-3 {
   min-width: 15%;
}

.table-columns .column-4 {
   width: 10%;
}

.table-columns .column-5 {
   width: 90px;
   float: right;
}

.table-columns .checkbox-column {
   width: 20px;
}

.table-columns .column-5 a {
   padding: 0px 5px;
}

.table-columns .table-row .column-1,.table-columns .table-row .column-2,.table-columns .table-row .column-3,.table-columns .table-row .column-4,.table-columns .table-row .column-5,.table-row .column-6-size,.table-columns .table-row .column-20-size
   {
   padding: 5px 10px;
   font-size: 13px;
}

/* */
.table-columns .column-6-size {
   min-width: 6%;
}

.table-columns .column-20-size {
   min-width: 20%;
}

.header-table .column-6-size,.header-table .column-20-size {
   padding: 8px 10px;
   font-size: 11px;
}

.selectedRow {
   background-color: #FFFFFF;
   cursor: default;
}

.selectedRow:hover {
   background-color: #DDD;
   cursor: pointer;
}
.selectedRow.noPointer:hover {
   cursor: default;
}

/* */
.orders-row {
   background-color: #FFF;
   float: left;
   height: 1px;
   text-align: left;
   vertical-align: top;
}

.orders-content {
   padding: 0px;
   background-color: #EEE;
   font-size: 13px;
   min-width: 500px;
}

.table-orders-columns .column-1 {
   min-width: 60px;
}

.table-orders-columns .column-2 {
   width: 90px;
}

.table-orders-columns .column-3 {
   min-width: 180px;
}

.table-orders-columns .column-4 {
   width: 80px;
}

.table-orders-columns .column-5 {
   width: 80px;
}

.table-orders-columns .column-6 {
   width: 100px;
}

.table-orders-columns .column-7 {
   float: right;
}

.table-orders-columns .column-8 {
   width: 60px;
}

.table-orders-columns .table-row .column,.table-orders-columns .table-row .column-1,.table-orders-columns .table-row .column-2,.table-orders-columns .table-row .column-3,.table-orders-columns .table-row .column-4,.table-orders-columns .table-row .column-5
   {
   padding: 5px 10px;
   font-size: 13px;
}

.header-table {
   background: #F5FAFA;
   border-bottom: 1px solid #B7AFA3;
   overflow: hidden;
   font-size: 11px;
   color: #3D362D;
   text-transform: uppercase;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.header-table .column-1,.header-table .column-2,.header-table .column-3,.header-table .column-4,.header-table .column-5,.header-table .column-6 {
   padding: 8px 10px;
   font-size: 11px;
}

.header-table .column-1 {
   min-width: 180px;
}

.orders-content .left-in {
   width: 120px !important;
   height: 100%;
   padding: 0px;
}

.styled-select {
   border: 1px solid #dedede;
   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06) inset;
   background: #fff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   color: #010101;
   margin: 0;
   border-radius: 2px;
   padding: 2px;
   width: 250px;
}

.styled-select option {
   margin: 3px 3px 3px 3px;
}

.left-in-find {
   display: inline-block;
   *display: inline;
   zoom: 1;
   padding-right: 10px;
   vertical-align: top;
}

.left-in-value {
   margin-left: 10px;
   width: 190px;
   display: inline-block;
   *display: inline;
   zoom: 1;
}

.left-in {
   width: 140px;
   display: inline-block;
   *display: inline;
   zoom: 1;
   text-align: right;
   vertical-align: top;
}

.left-in label {
   margin-top: 3px;
}

.right-in {
   display: inline-block;
   *display: inline;
   zoom: 1;
   padding: 0 5px;
   vertical-align: top;
}

.right-in label {
   margin-top: 3px;
}

.disabled {
   color: darkgrey !important;
}

.va_top {
   vertical-align: top; !important
}

.ta_justify {
   text-align: justify;
}

.ta_center {
   text-align: center;
}

.fs_12 {
   font-size: 12px;
}

.w_full {
   width: 99%;
}

.w_75per {
   width: 75%;
}

.w_590 {
   width: 590px;
}

.w_530 {
   width: 530px;
}

.w_410 {
   width: 410px;
}

.w_140 {
   width: 140px;
}

.w_120 {
   width: 120px;
}

.w_175 {
   width: 175px;
}

.w_100 {
   width: 100px;
}

.w_80 {
   width: 80px;
}

.w_187 {
   width: 187px;
}

.w_183 {
   width: 183px;
}

.w_213 {
   width: 213px;
}

.w_200 {
   width: 200px;
}

.w_210 {
   width: 210px;
}

.w_400 {
   width: 400px;
}

.errorBlock {
   color: red;
}

/*.t-error {
   color: rgb(102, 0, 0);
}*/

.line {
   font-size: 12px;
   margin-top: 4px;
}

.blockPosition {
   position: relative;
}

.fullWidth {
   float: left;
   width: 100%;
}


/*
* FOR TABS
*/
ul.tabs {
   margin: 0px;
   padding: 0px;
   margin-top: 5px;
   margin-bottom: 6px;
}

ul.tabs li {
   list-style: none;
   display: inline;
}

ul.tabs li a {
   color: #B7AFA3;
   background: #3D362D;
   padding: 8px 14px 8px 14px;
   text-decoration: none;
   border: 1px solid #B7AFA3;
}

ul.tabs li a:hover {
   background-color: #B7AFA3;
   color: #3D362D;
}

ul.tabs li a.active {
   background-color: #ffffff;
   color: #282e32;
   border: 1px solid #B7AFA3;
   border-bottom: 1px solid #ffffff;
}

.content {
   background-color: #ffffff;
   padding: 10px;
}

#content_2,#content_3 {
   display: none;
}

/*****
   FOR PAGINATOR
*****/
.pages {
   margin-left: 35%;
   margin-right: 35%;
   margin-top: 25px;
   padding-bottom: 0px;
   margin-bottom: 5px;
   min-width: 400px;
   overflow: hidden;
   text-align: center;
}

.page {
   display: inline-block;
   *display: inline;
   zoom: 1;
}

.pages .page i {
   font-style: normal;
   color: #207ecb;
   vertical-align: bottom;
}

.pages .page span.active {
   display: inline-block;
   *display: inline;
   zoom: 1;
   width: 32px;
   height: 28px;
   line-height: 28px;
   color: #B7AFA3;
   background: #fff;
   border: 1px solid #B7AFA3;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   vertical-align: top;
   margin: 0px 3px 5px 0px;
}

.pages .page a {
   color: #207ecb;
   display: inline-block;
   *display: inline;
   zoom: 1;
   width: 34px;
   height: 30px;
   line-height: 28px;
   vertical-align: top;
   margin: 0 3px;
}

.pages .page a:hover {
   display: inline-block;
   *display: inline;
   zoom: 1;
   width: 32px;
   height: 28px;
   line-height: 28px;
   color: #dfdfdf;
   background: #fff;
   border: 1px solid #dfdfdf;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
}

.pages .prev {
   color: #207ecb;
   text-transform: uppercase;
   float: left;
   vertical-align: top;
   margin-top: 6px;
}

.pages .next {
   color: #207ecb;
   text-transform: uppercase;
   float: right;
   vertical-align: top;
   margin-top: 6px;
}

#printerEditorZone .pages {
   position: relative;
   bottom: 10px;
   right: 140px;
}

.nonActive {
   opacity: 0.5;
   pointer-events: none;
}


/* BEGIN nav */
/* moved to nav.css */
/* END nav */

/* BEGIN data tables */
/* moved to data_tables.css */
/* END data tables */

/* ==|== END Author styles ========================================
  you probably don't want to touch anything below this line
  ========================================================================== */

/* ==|== non-semantic helper classes ========================================
  Please define your styles before this section.
  ========================================================================== */

/* For image replacement */
.ir {
   display: block;
   border: 0;
   text-indent: -999em;
   overflow: hidden;
   background-color: transparent;
   background-repeat: no-repeat;
   text-align: left;
   direction: ltr;
}

.ir br {
   display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
   display: none !important;
   visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
   visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before,.clearfix:after {
   content: "";
   display: table;
}

.clearfix:after {
   clear: both;
}

.clearfix {
   zoom: 1;
}

/* ==|== media queries ======================================================
  PLACEHOLDER Media Queries for Responsive Design.
  These override the primary ('mobile first') styles
  Modify as content requires.
  ========================================================================== */
@media only screen and (min-width: 480px) {
   /* Style adjustments for viewports 480px and over go here */
}

@media only screen and (min-width: 768px) {
   /* Style adjustments for viewports 768px and over go here */
}

/* ==|== print styles =======================================================
  Print styles.
  Inlined to avoid required HTTP connection: h5bp.com/r
  ========================================================================== */
@media print {
   * {
       background: transparent !important;
       color: black !important;
       text-shadow: none !important;
       filter: none !important;
       -ms-filter: none !important;
   } /* Black prints faster: h5bp.com/s */
   a,a:visited {
       text-decoration: underline;
   }
   a[href]:after {
       content: " (" attr(href) ")";
   }
   abbr[title]:after {
       content: " (" attr(title) ")";
   }
   .ir a:after,a[href ^="javascript:"]:after,a[href ^="#"]:after {
       content: "";
   } /* Don't show links for images, or javascript/internal links */
   pre,blockquote {
       border: 1px solid #999;
       page-break-inside: avoid;
   }
   thead {
       display: table-header-group;
   } /* h5bp.com/t */
   tr,img {
       page-break-inside: avoid;
   }
   img {
       max-width: 100% !important;
   }
   @page {
       margin: 0.5cm;
   }
   p,h2,h3 {
       orphans: 3;
       widows: 3;
   }
   h2,h3 {
       page-break-after: avoid;
   }
}

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
   border: 4px solid #888;
   margin: -4px; /* Set this to minus the border thickness. */
   background-color: #fff;
   cursor: move;
}

/* This is for the title text. */
.cloud-zoom-title {
   font-family: Arial, Helvetica, sans-serif;
   position: absolute !important;
   background-color: #000;
   color: #fff;
   padding: 3px;
   width: 100%;
   text-align: center;
   font-weight: bold;
   font-size: 10px;
   top: 0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
   border: 4px solid #ccc;
   overflow: hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
   color: white;
   background: #222;
   padding: 3px;
   border: 1px solid #000;
}

.t-error-popup {
/*	display: none !important; */
}

/* */
.leftColumn {
   position : relative;
   height : 120px;
   float: left;
   width: 15%;
}

.rightColumn {
   position : relative;
   height : 120px;
   float: left;
   width: 80%;

}

.leftColumnGroup {
   float: left;
   width: 30%;
}

.rightColumnGroup {
   float: left;
}

.groupBlock {
   padding-bottom: 30px;
}

.noDataMessage {
   text-align: center;
   color: red;
}

.dialogBlock {
   background: rgba(0, 0, 0, 0.5);
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 1500;
   margin-left: -19px;
   padding-bottom: 20%;
   padding-right: 20px;
   box-sizing: initial;
}

#requestResendZone .dialogBlock {
   z-index: 1051;
}

.corporationDialogBlock, .requestDialogBlock {
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 1050;
   margin-left: -19px;
   padding-bottom: 20%;
   padding-right: 20px;
   visibility: visible;
}

.invisibleBlock {
   visibility: hidden;
}

#maintenanceListBlock .corporationDialogBlock{
   background: rgba(0, 0, 0, 0.5);
   margin-top: -160px;
}

#requestEditBlock #reportZone .dialogBlock {
   margin-top: -180px;
}

#requestEditBlock #reportZone #corporationEditZone .viewDialog{
   top: 50px !important;
}
#abstractObjectForm #confirmZone .dialogBlock {
   position: fixed;
}

#printersZone .dialogBlock {
   margin-top: -160px;
}
.dialogBlock {
   margin-top: -215px;
}

.corporationDialogBlock, .requestDialogBlock {
   margin-top: -240px;
   padding-top: 70px;
}

.viewDialog, .confirmDialog {
   margin-left: -20%;
}

.corporationDialogBlock {
   /*margin-left: -16%;*/
}

.viewDialog {
   background: none repeat scroll 0 0 white;
   height: 700px;
   width: 1100px;
   margin: 90px auto;
   position: relative;
   -moz-box-shadow:    9px 14px 18px 13px #555;
   -webkit-box-shadow: 9px 14px 18px 13px #555;
   box-shadow:         9px 14px 18px 13px #555;
   -webkit-border-radius: 10px;
   -moz-border-radius:    10px;
   border-radius:         10px;
   
}

.smallDialog {
   height: 200px !important;
   margin: 200px auto !important;
   width: 400px !important;
}

.viewDialog h3 {
   float: left;
   width: 100%;
}
.viewDialog h3 span {
   float: left;
   color: #222;
   font: normal 24px "Ubuntu Condensed", Verdana, Arial, Helvetica, san-serif;
   padding-left: 20px;
}
.viewDialog h3 a {
   float: right;
   padding-right: 10px;
}

#editPrinterBlock .viewDialog {
   height: 550px;
   width: 500px;
}

#fileEditBlock .viewDialog {
   height: 250px;
   width: 330px;
}

#requestViewBlock .viewDialog {
   height: 850px;
   width: 1200px;
}

#requestResendBlock  .viewDialog {
   margin-top: 30em;
   height: 11em;
   width: 30em;
}

#absResendBlock .viewDialog {
   margin-top: 30em;
   height: 11em;
   width: 30em;
}

#corpResendBlock  .viewDialog {
   margin-top: 30em;
   height: 11em;
   width: 30em;
}

#requestResendBlock .in {
   width: 20em;
}

.updateReferenceView {
   margin-left: 3%;
   margin-right: 4%;
   padding-bottom: 10px;
   padding-top: 10px;
   
}

.confirmDialog {
   background: none repeat scroll 0 0 white;
   height: 85px;
   margin-left: 40%;
   margin-top: 25%;
   width: 230px;
   padding-bottom: 35px;
   padding-top: 7px;
   box-sizing: initial;
}

.loginDialog {
   background: none repeat scroll 0 0 white;
   height: 70px;
   margin-left: 40%;
   margin-top: 25%;
   width: 370px;
   padding-bottom: 35px;
   padding-top: 7px;
}

.emptyBackground {
   background: none !important;
}

.buttonZone {
   display: inline-block;
}

#footer {
   clear: both;
   width: 86%;
   margin: 0;
   margin-left: 7%;
   border-top: 1px solid #d9d9d9;
   height: 40px;
   color: #666666;
   font-size: 13px;
   margin-top: auto;
}

#footer a {
   color: #666666;
   text-decoration: underline;
}

#footer a:hover {
   color: #666666;
   text-decoration: none;
}

#footer .f-left,footer .f-right {
   margin: 0;
}

.f-left {
   float: left;
}

.f-right {
   float: right;
}

.preventDoubleClick+img {
   display: none;
}
#initAutocorrect {
   display: none;
}


#hidden_item_row {
   display: none;
}



/* @group used for form/zone loading and waiting */
@-webkit-keyframes fade-in {
 from {
    opacity: 0;
 }
 to {
   opacity: .35
 }
}

@-moz-keyframes fade-in {
 from {
    opacity: 0;
 }
 to {
   opacity: .35
 }
}

DIV.zone-ajax-overlay {
   position: absolute;
   background-color: black;
   opacity: 0;
   -webkit-animation-name: fade-in;
   -webkit-animation-duration: 250ms;
   -webkit-animation-delay: 50ms;
   -webkit-animation-fill-mode: forwards;
   -moz-animation-name: fade-in;
   -moz-animation-duration: 250ms;
   -moz-animation-delay: 50ms;
   -moz-animation-fill-mode: forwards;
   background-image: url(../images/loading_circles.gif);
   background-repeat: no-repeat;
   background-position: center center;
   z-index: 9999;
}
/* @end used for form/zone loading and waiting */



.confirmListTypes li {
   float: left;
   width: 100%;
   list-style: none;
   list-style-image: none;
   margin: 6px 0;
   padding: 0;
}




/* @group createReport modal */
.createReportModal {
   float: left;
   width: 100%;
}
.createReportModal .reportData {
   float: left;
   width: 68%;
}
.createReportModal .reportType {
   float: left;
   width: 30%;
}
.createReportModal .copyRow, .createReportModal .nonCopyRow {
   float: left;
   width: 100%;
   margin-bottom: 20px;
}
.createReportModal .copyRow a {
   float: left;
   margin: 5px;
   display: block;
}
.createReportModal .nonCopyRow a, .createReportModal .fullWidth a {
   display: none;
}
.createReportModal .copyRow div, .createReportModal .nonCopyRow div {
   float: left;
   min-height: 1px;
}
.createReportModal .copyRow div:nth-child(1), .createReportModal .nonCopyRow div:nth-child(1) { width: 22%; min-width: 22%; text-align: right; padding-right: 15px; }
.createReportModal .copyRow div:nth-child(2) { width: 22%; min-width: 22%; }
.createReportModal .copyRow div:nth-child(3) { width: 35%; min-width: 35%; }
.createReportModal .copyRow textarea { float: left; width: 210px; height: 40px; }
.createReportModal .nonCopyRow textarea { float: left; width: 400px; height: 40px; }  
.createReportModal .nonCopyRow div:nth-child(2) { width: 60%; min-width: 60%; }

.reportType ul {
   float: left;
   width: 100%;
   list-style: none;
   list-style-image: none;
   margin: 6px 0 20px 0;
   padding: 0;
}
.reportType li {
   float: left;
   width: 100%;
   margin-bottom: 8px;
}

.reportTypeButtons a {
   float: left;
   width: 100%;
   margin-bottom: 10px;
   padding: 8px 0;
   font-size: 16px;
}
.reportData .sideBySide label, .reportData .sideBySide input {
   float: left;
}
.reportData .sideBySide input {
   width: 90px;
   margin-right: 70px;
}
/* @end createReport modal */


/* playing around with the idea of laying a 50% of black (opacity) div over the entire page until the whole page is loaded (using document.ready), */
/* to prevent user double-clicking, or clicking when they shouldn't be. */
/* Not thrilled with how this appears to be working, though... */
/* Also, added it to page unload event, to keep it going "longer" from page to page...still not too happy with how it looks */
div.fadeMe {
   opacity:    0.25; 
   background: #000; 
   width:      100%;
   height:     100%; 
   z-index:    10;
   top:        0; 
   left:       0; 
   position:   fixed; 
}

.arrow-up {
   position : relative;
   left: -8px;
   bottom: -10px;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 3px 8px 3px;
   border-color: transparent transparent #000dff transparent;
}

.arrow-down {
   position: relative;
   left: -8px;
   bottom: -10px;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 8px 3px 0 3px;
   border-color: #000dff transparent transparent transparent;
}

#ordBlock {
   width:70%; 
   padding-top: 0px; 
   padding-bottom: 0px;
   margin-left: 0;
   max-width: 700px !important;
}

#ordBlock .ordCustomer {
   width: 50%;
}

.judgmentDatesBlock {
   position: relative;
   margin-left: 0 !important;
}

#judgmentEditBlock .toDateLabel {
   margin-right: -60px;
}

#corporationInfoEditor .dateBlock {
   position: relative;
   margin-top: -0.6%;
}

#corporationEditBlock .dateBlock {
   position: relative;
   margin-top: -0.6%;
}

.dateBlock label {
   float: left;
   margin-right: -60px;
}

#ordBlock .dateBlock label {
   float: left;
   margin-right: 10px;
}

.error-element {
   border-color: #F8524F !important;
   box-shadow: 0 0 10px #C5100D !important;
}

.error-section {
   background-color: rgb(255, 96, 80) !important;
}

.error-message-window {
   background-color: rgb(189,50,46);
   border: 1px solid rgb(110, 0, 0);
   border-radius: 2px;
   color: rgb(255, 255, 255);
   cursor: pointer;
   display: inline-block;
   font-family: Verdana;
   font-size: 12px;
   height: 6px;
   padding-top: 2px;
   padding-left: 7px;
   padding-right: 8px;
   padding-bottom: 12px !important;
   white-space: nowrap;
   width: auto;
   max-width: 1500px !important;
   z-index: 30;
   box-sizing: unset;
}

#requestInformationZone .error-message-window {
   max-width: 110px !important;
}

HTML>BODY DIV.t-error {
   background-color: rgb(255, 192, 203);
   border: 1px solid rgb(255, 0, 0);
   border-radius: 2px;
   font-family: Verdana;
   font-size: 12px;
   color: rgb(102, 0, 0);
   white-space: nowrap;
   width: auto;
   height: auto;
   margin-bottom : 3px;
   max-width: 1500px !important;
   z-index: 99999;
}

#abstractObjectForm .t-error {
   display: inline-block;
}
/*
#printerEditorZone .error-message-window {
   width: 483px;
}
*/
.errorDataRow {
   opacity: 0.6; 
}

dl.keyValueList {
   float: left;
   font-size: 15px;
   border: solid 1px #ccc;
   border-radius: 2px;
}
dl.keyValueList dd {
   float: left;
   font-weight: bold;
   padding: 5px 10px;
   margin: 0;
   min-width: 75px;
}
dl.keyValueList dt {
   float: left;
   clear: left;
   padding: 5px 0 5px 4px;
   min-width: 650px;
}
dl.keyValueList dt:nth-of-type(odd), dl.keyValueList dt:nth-of-type(odd) dd {
  background-color: #f1f1f1;
}

input[type="text"].t-error  {
   border-color: #F8524F;
   box-shadow: 0 0 10px #C5100D;
}

ul.list-wo-bullets {
   list-style: none;
}


/* error dialog */

.t-exception-container {

   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   z-index: 50;
   padding-top: 5%;
   background: rgba(0, 0, 0, 0.5);

}

.t-exception-frame {

   width: 50%;
   display: table;
   height: 400px;
   background: white;
   margin: 0 auto;

   -webkit-box-shadow: 9px 14px 18px 13px #555;
   box-shadow: 9px 14px 18px 13px #555;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;

}

.t-exception-controls {

   width: 50%;
   display: table;
   margin: 0 auto;
   padding: 10px 0 10px 0;

}

.t-exception-close {

   font-size: 16px;
   color: white;
   cursor: pointer;

}

.tick {
   width:24px;
   height:16px;
   margin-left:15px;
}

.deliveryOrder {
   height : 15px;
   margin : 10px;
}

.typeBox {
   float : right;
}

.fileDuplication {
   height : 60px;
   width : 250px;
   position : relative;
   top : -30px;
   left : 30px;
}

.fileDuplicationAction {
   position : relative;
   top : 15px;
   height : 30px;
   width : 100%;
}

.fileDuplicationRename {
   position : relative;
   top : 15px;
}

.fileDuplicationWarningText {
   font-weight: normal;
   text-align: left;
   font-size: 15px;
   word-spacing: 1.3px;
}

.createPriceDetailsButton {
   position : relative;
   top : 20px;
   width : 55px !important;
}

.cancelPriceDetailsButton {
   position : relative;
   top : 20px;
}

.newPriceCodeName {
   position : relative;
   width : 98%;
   top : 8px;
}

.orderedFilesBlock {
   top : 40px;
   float: right;
   width: 42.5% !important; 
   background-color: rgb(204, 204, 204); 
   margin-left: 0 !important;
   margin-right : 10px !important; 
   padding: 5px; 
}

.reportView {
   padding-left : 20px;
}

.disabledGrey {
    background : rgb(239, 239, 239);
}

.advancedSearchForm .actions{
   margin-top: .5em;
   width: 45em;
}

.advancedSearchForm .searchFieldRow {
   margin-bottom: 6px;
   margin-right: 25px;
}

.advancedSearchForm {
   background: rgba(34, 139, 34, 0.1);
   padding: 0 5px 5px 5px;
   margin-bottom: 9px;

   border: 1px solid #ccc;
}

.cancelActions {
     display: inline-block;
}

.loginFooter {
   position:absolute; 
   bottom:0; 
   width:100%;
}

.searchFieldRow {
   padding : 3px;
   background: rgba(34, 139, 34, 0.06);
   width: 15em;
}

div.searchElements div:nth-child(even) {
   float: left;
}

div.searchElements div:nth-child(odd) {
   float: left;
}

.searchFieldRow .searchLabel {
   float: left;
   width: 12em;
}

.searchFieldRow .bootstrap-tagsinput {
   margin: 0px;
   width: 14em;
   height: 2em;
}

.disable {
   pointer-events: none;
   cursor: default;
   opacity: 0.5;
}

div.archievedAbsFind .searchValueField {
   width: 30em;
}

h1.reportTitle {
   display: inline;
}

#findZone {
   display: flex;
   align-items: center;
   height: 36px;
}

#findZone input.button {
   margin: 0;
}

.updateLastReportDate {
   float: right;
   margin-right: 27%;
}

.t-info, .t-warn {
   min-height: 30px;
   left: 0;
   color:#000 !important;
   background-image: none !important;
   background-color: #F9EDBE;
   background-color: rgba(247, 239, 190, .88) !important;
   text-align: center;
   padding-top: 3px;
   font: bold 20px Helvetica;
   margin-bottom: 0 !important;
   display:block;
   overflow:auto;
}

.t-info DIV.t-dismiss {
   display: none;
}

.t-warn DIV.t-dismiss {
   font-family: 'icomoon';
   font-weight: normal;
   font-size: 26px;
   background: none !important;
   margin-right: 13px;

   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.t-warn DIV.t-dismiss:before {
   content: "\e603";
}

DIV.t-alert-controls {
   display: none;
}

DIV#alerts {
   width: 100%;
   top: 2px;
   position: fixed;
   z-index:1011;
   background-color: #F9EDBE;
}

#newRequestForm table tbody td {
   max-width: 20em;
   word-wrap: break-word;
}

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

   #customerTable *{
       font-size: 8pt;
   }

   #customerTable td {
       min-width: 0;
   }

   table {
       page-break-inside:auto;
   }

   tr {
       page-break-inside:avoid;
       page-break-after:auto;
   }

   thead {
       display:table-header-group;
   }

   tfoot {
       display:table-footer-group;
   }
}

.contentName {
   float: left;
   position: relative;
   font-size: 1.7em;
   color: #777777;
   padding: 0.5em 0;
}

.scDataTable {
   float: left;
   position: relative;
   width: 100%;
}

.scDataTable.loading {
   opacity: 0.5;
}

.scDataTable.loading .spinner {
   opacity: 0.5;
   background: rgba(0, 0, 0, 0.13) url(../images/loading_circles.gif) no-repeat center center;
   z-index: 9;
}

.filters.fieldContent {
   margin: 0 0 2em 0;
}

.fieldContent {
   margin: 0;
   width: 100%;
   box-sizing: border-box;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
   padding: 2em;
   margin-bottom: 2em;
   background: #fafafa;
   border-radius: 2px;
}

.fieldContent .inlineFieldBlock {
   text-align: center;
}

.fieldContent .fieldBlock {
   box-sizing: border-box;
   height: auto;
   width: 30em;
   text-align: left;
   position: relative;
   margin: 0 5em 0 0;
   display: inline-block;
   vertical-align: top;
}

.fieldContent .fieldBlock.searchBlock {
   width: 100%;
}

.searchBlock input.searchInput {
   width: 100% !important;
}

.searchBlock .searchItem {
   cursor: pointer;
}

.fieldContent > div:last-child {
   padding-bottom: 0;
}

.fieldContent > div {
   padding-bottom: 2em;
}

.button.buttonPrimary {
   background: #4f863a;
   border-color: transparent;
   color: #fff;
   font-weight: bold;
   -webkit-font-smoothing: antialiased;
}

.button.buttonPrimary:active {
   background: #58923d !important;
   color: #fff !important;
}

.button.buttonPrimary:hover {
   background: #407538 !important;
   color: #fff !important;
}

.tooltip {
   position: relative;
   display: inline-block;
   border-bottom: 1px dotted black;
   cursor: help;
}

.tooltip .tooltiptext {
   visibility: hidden;
   width: 120px;
   background-color: #407538;
   color: #fff;
   text-align: center;
   border-radius: 6px;
   padding: 5px;
   position: absolute;
   z-index: 1;
   bottom: 125%;
   left: 50%;
   margin-left: -60px;
   opacity: 0;
}

.tooltip:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
}


.dataList .dataRow {
   position: relative;
   list-style-type: none;
   margin-bottom: 0.5em;
}

.dataList .dataRow .dataTag {
   width: 42%;
   text-align: right;
   padding-right: 1em;
   color: #757575;
   vertical-align: top;
   display: inline-block;
}

.dataList .dataRow .dataValue {
   text-align: left;
   width: 50%;
   vertical-align: top;
   word-wrap: break-word;
   display: inline-block;
}

.mergeTable {
   width: 99%;
}

.mergeTable .mergeRow {
   border-bottom: 1px solid lightgrey;
}

.mergeTable .mergeRow .row {
   display: flex;
}

.mergeTable .mergeRow .mergeCellName {
   border-right: 1px solid lightgrey;
   font-style: oblique;
   font-weight: bold;
}

.mergeTable .mergeRow .mergeCellName.last {
   border-right: none;
}

.mergeTable .mergeRow.header .mergeCellName {
   font-size: 14px;
}

.mergeTable .mergeRow .mergeCellSelect {
   background-color: white;
   border-right: 1px solid lightgrey;
}

.mergeTable .mergeRow .mergeCellSelect.selected {
   border: 1px solid  #356533;
}

.mergeTable .mergeRow .mergeCellSelect input {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   cursor: pointer;
   width: 85%;
}

.mergeTable .mergeRow .mergeCellResult div{
   width: 100%;
}

.mergeTable .mergeRow .mergeCellResult input {
   width: 88%;
}

.mergeTable .mergeRow .mergeCellName,
.mergeTable .mergeRow .mergeCellSelect,
.mergeTable .mergeRow .mergeCellResult {
   min-height: 40px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
}

.mergeResultBlock {
   width: 100%;
   height: 284px;
}

.mergeResultBlock .loader-icon{
   width: 20px;
   height: 20px;
}

.top-indent-xs {
   margin-bottom: 5px;
}

.bottom-buffer-xs {
   margin-bottom: 5px;
}

.bottom-buffer-sm {
   margin-bottom: 10px;
}

.bottom-buffer-md {
   margin-bottom: 20px;
}

.left-buffer-sm {
   margin-left: 10px;
}

.flex-column {
   display: flex;
   flex-direction: column;
}

.informationBlock {
   padding: 0.5em;
   background: #fafafa;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
   margin: 10px 10px 20px;
   display: inline-block;
   vertical-align: top;
}

.informationBlock .informationNameBlock {
   text-align: center;
}

.informationBlock .informationNameBlock .informationName {
   font-size: 18px;
   position: relative;
   padding: 0 1em;
   display: inline-block;
   margin-bottom: 20px;
}

.informationBlock .informationNameBlock .informationName:after {
   content: '';
   position: absolute;
   height: 1px;
   width: 100%;
   background-color: black;
   bottom: 0;
   left: 0;
}

#customerForm {
   display: flex;
   flex-direction: row;
   align-items: baseline;
}

#creditHoldInfo {
   width: 400px;
}

.label-danger {
   background-color: #d9534f;
}

.button-danger {
   color: #fff !important;
   background-color: #d9534f !important;
   border-color: #d43f3a !important;
}

.button-danger:hover {
   color: #fff !important;
   background-color: #c9302c !important;
   border-color: #ac2925 !important;
}

.justify-center {
   display: flex;
   justify-content: center;
}

.ecourtCredentials:disabled {
   background: inherit;
   box-shadow: none;
   border: none;
}

.modal {
   display: none;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1050;
   -webkit-overflow-scrolling: touch;
   outline: 0;
   outline-color: initial;
   outline-style: initial;
   outline-width: 0px;
}

.fade {
   opacity: 0;
   transition: opacity .15s linear;
}

.fade.in {
   opacity: 1;
}

.btn {
   display: inline-block;
   margin-bottom: 0;
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   padding: 3px 12px;
   line-height: 1.231;
   border-radius: 2px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font-size: 12px;
}

.btn.btn-danger {
   color: #fff;
   background-color: #d9534f;
   border-color: #d43f3a;
}

.btn.btn-success {
   color: #fff;
   background-color: #5cb85c;
   border-color: #4cae4c;
}

.modal, .modal-open {
   overflow: hidden;
}

#errorReportsZone {
   word-wrap: break-word;
}

#ordersZone .table > tbody > tr > td {
   border-top: none;
}

.uploadFilesBlock .viewDialogContainer{
   width: 100%;
   position: absolute;
   z-index: 1050;
   margin-left: -15px;
   padding-bottom: 20%;
   padding-right: 20px;
   background: rgba(0, 0, 0, 0.5);
   margin-top: -225px;
}