html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; padding-top: 70px; padding-bottom: 15px; font-size: 11px; color: #000000; background-color: #EBF0F6 !important; overflow-x: hidden; }
form { margin: 0; padding: 0; }
table { font-size: 11px; }

a { color: #0A61A4; cursor: pointer; }
  a:hover, a:focus, a.active { color: #0A61A4; }
table { margin-bottom: 0px !important; }
td { word-wrap: break-word; }

label { color: #000000; margin: 0px; xline-height: 12px; }

.spinner-container { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; text-align: center; background: #CCCCCC; opacity: 0.5; z-index: 1000; }
.spinner { margin-top: 25%; display: inline-block; border: 16px solid #f3f3f3; border-top: 16px solid #CF152C; border-radius: 50%; width: 100px; height: 100px; animation: spin 2s linear infinite; }

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.app-header { z-index: 200; position: fixed; top: 0px; left: 0px; width: 100%; height: 45px; background: #FFFFFF; }
.app-title { width: 220px; height: 45px; overflow: hidden; white-space: nowrap; padding-left: 5px; }
.app-logo { width: 45px; height: 45px; display: inline-block; vertical-align: middle; }
.app-brand { color: #000000; font-size: 16px; line-height: 16px; font-variant: small-caps; display: inline-block; vertical-align: middle; }
  .app-brand sup { font-size: 10px; }
.app-menu sup { font-size: 10px; }

.app-nav { position: fixed; top: 0px; right: 0px; color: #FFFFFF; background: #0A61A4; }
.app-nav-menu { display: block; padding: 0px; margin: 0px; font-size: 14px; font-variant: small-caps; }
  .app-nav-menu > li { display: inline-block; padding: 0px; margin: 0px; float: left; border-left: solid 1px #CCCCCC; }
    .app-nav-menu > li > a { display: block; height: 45px; padding: 13px 15px; color: #FFFFFF; white-space: nowrap; }
      .app-nav-menu > li > a:hover,
      .app-nav-menu > li > a:focus,
      .app-nav-menu > li > a.active { text-decoration: none; background-color: #F7941D; color: #FFFFFF; }

.app-page-title { z-index: 99; position: fixed; top: 45px; left: 0px; width: 100%; height: 25px; background: #FBC98E; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; font-variant: small-caps; overflow: hidden; color: #000000; font-size: 16px; padding: 1px 15px; }

.app-footer { position: fixed; bottom: 0px; left: 0px; width: 100%; background: #EBF0F6; font-size: 11px; border-top: solid 1px #CCCCCC; padding-left: 3px; }

.body-content { margin: 0; padding: 0; }
.container { margin: 0; padding: 0; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; width: 100%; max-width: 100%; }
.page-body { margin: 0; padding: 4px; background: #FFFFFF; border-top: none; }


.app-menu { z-index: 100; position: fixed; top: 0px; right: 0px; padding-top: 45px; width: 261px; height: 100%; color: #FFFFFF; background: #0A61A4; border-left: solid 1px #CCCCCC; overflow-x: hidden; overflow-y: auto; }
.app-menu-nav { display: block; padding: 0px; margin: 0px; font-size: 14px; font-variant: small-caps; border-top: solid 1px #CCCCCC; }
  .app-menu-nav > li { display: block; padding: 0px; margin: 0px; }
    .app-menu-nav > li > a { display: block; padding: 10px 15px; color: #FFFFFF; border-bottom: solid 1px #CCCCCC; }
      .app-menu-nav > li > a:hover,
      .app-menu-nav > li > a:focus,
      .app-menu-nav > li > a:active { text-decoration: none; background-color: #F7941D; color: #FFFFFF; }
.app-menu-collapse { display: block; padding: 0px; margin: 0px; background: #D4E3F6; color: #0A61A4; }
  .app-menu-collapse > li { display: block; padding: 0px; margin: 0px; }
    .app-menu-collapse > li > a { display: block; padding: 10px 15px; padding-left: 35px; color: #0A61A4; border-bottom: solid 1px #CCCCCC; }
      .app-menu-collapse > li > a:hover,
      .app-menu-collapse > li > a:focus,
      .app-menu-collapse > li > a:active { text-decoration: none; background-color: #FBC98E; color: #3E68B0; }

.mobile-icon { display: none; }
.desktop-icon { display: block; }




/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .mobile-icon { display: block; }
  .desktop-icon { display: none; }
}



/* XS - mobile screen */
@media (max-width: 767px) {
  body { padding-bottom: 0px; xoverflow-x: hidden; }
  .app-nav-menu > li > a { height: 45px; padding: 13px 15px; }
  .app-footer { position: static; margin-top: 20px; }
  .app-menu { width: 100%; }
}


/* XS - mobile screen */
@media (max-width: 767px) {
  .body-content { padding-left: 0px; padding-right: 0px; }
  .page-body { padding: 4px; border: none; border-bottom: solid 1px #CCCCCC; }
}
/* LG - large screen */
@media (min-width: 1200px) {
  .container { margin-left: auto; margin-right: auto; width: 100%; max-width: 1170px; }
}


input, select, textarea { width: 100%; background: #EEEEEE; border: solid 1px #AAAAAA; padding: 4px; border-radius: 4px; }
input { padding: 5px 4px 3px 4px; }
select { padding: 5px 4px; }
  input[readonly], select[readonly], textarea[readonly] { background: #EBF0F6; }
  input[disabled], select[disabled], textarea[disabled] { background: #EEEEEE; }
datalist { display: none; }

input[type=checkbox], input[type=radio] { margin: 0; padding: 0; width: 24px; height: 24px; vertical-align: middle; cursor: pointer; }

input[type=date] { -webkit-appearance: none; -moz-appearance: none; }
  input[type=date]::-webkit-clear-button, input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator { display: none; }

input[type=number] { -moz-appearance: textfield; }
  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; margin: 0; }

::-webkit-input-placeholder { font-style: italic; }
:-moz-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; }
:-ms-input-placeholder { font-style: italic; }

:required { border-color: #CC0000 }
.required { border-color: #CC0000 }
:valid { border-color: #CCCCCC }
.valid { border-color: #CCCCCC }

/* focus style */
input:focus, select:focus, textarea:focus { background: #FEF4E8; }
:focus { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); outline: 2px solid #FBC98E; }
input[type=checkbox]:focus, input[type=radio]:focus, a:focus, button:focus { outline: 2px solid #FBC98E !important; }


.btn-sm { padding: 4px 6px; border-radius: 4px; }
.chk-sm { width: 20px !important; height: 20px !important; padding: 0px !important; }
.btn-icon { padding: 0px; padding-top: 6px; border-radius: 4px; font-size: 11px; line-height: 1; text-align: center; width: 25px; height: 25px; }
.td-icon { width: 35px; max-width: 35px; min-width: 35px; text-align: center; }


.btn { font-size: 11px; text-transform: uppercase; }
.btn-default { background: #F9F9F9; }

.btn-primary { background-color: #0A61A4; border-color: #074573; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #08528A; border-color: #074573; }
  .btn-primary.disabled, .btn-primarisabled] { background-color: #0A61A4; border-color: #074573; }

.btn-menu { min-width: 0px !important; width: 100% !important; }
  .btn-menu li a { padding: 10px 20px !important; }

/* keyboard shortcuts label */
.label-default { background: #FBC98E; color: #0A61A4; }



/* modal popup style */
.modal-content { background-color: #FFFFFF; }
.modal-header { background-color: #F7941D; color: #000000; padding: 10px; border-bottom: none; font-variant: small-caps; }
.modal-body { padding: 10px; border-top: 1px solid #CCCCCC; }
.modal-footer { background-color: #EEEEEE; padding: 10px; margin-top: 0px; border-top: 1px solid #CCCCCC; text-align: center; }
/* prevent page-jump on modal popups */
.modal-open { overflow: auto; }
  body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0px; xoverflow-y: scroll; }
.modal { overflow-y: auto; }


.row-0 { padding-left: 5px !important; padding-right: 5px !important; }
  .row-0 > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
.row-10 { padding-left: 10px !important; padding-right: 10px !important; }
  .row-10 > [class*="col-"] { padding-left: 5px !important; padding-right: 5px !important; }

.spacer-5 { height: 5px !important; overflow: hidden; }
.spacer-10 { height: 10px !important; overflow: hidden; }
.spacer-15 { height: 15px !important; overflow: hidden; }
.spacer-h-10 { display: inline-block; width: 10px !important; overflow: hidden; }

.box-form { background: #FFFFFF; padding: 10px; border: solid 1px #CCCCCC; }
.box-form-header { background: #CCCCCC; padding: 5px 10px; border: solid 1px #CCCCCC; }
.box-scroll { height: 205px; overflow-x: hidden; overflow-y: auto; }



.form-input-label { border-color: #FFFFFF; background: #FFFFFF; color: #000000; }
.form-input-icon { position: relative; }
  .form-input-icon button { width: 30px; padding-left: 0px; padding-right: 0px; position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto; }



.pos-rel { position: relative; }
.pos-rel-left { position: absolute; top: 0px; left: 0px; }
.pos-rel-right { position: absolute; top: 0px; right: 0px; }

.nav-tabs { font-weight: bold; font-size: 13px; font-variant: small-caps; border-bottom: 1px solid #CCCCCC; }

  .nav-tabs > li > a { background-color: #EEEEEE; border-color: #CCCCCC #CCCCCC #CCCCCC; }
    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus,
    .nav-tabs > li > a:active { background-color: #D4E3F6; border-color: #CCCCCC #CCCCCC #CCCCCC; }

  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus,
  .nav-tabs > li.active > a:active { color: #000000; cursor: default; background-color: #CCCCCC; border: 1px solid #CCCCCC; border-bottom-color: transparent; }

.nav-pills { font-size: 13px; font-variant: small-caps; border-bottom: none; }

  .nav-pills > li > a { color: #FFFFFF; background-color: #AAAAAA; border: 1px solid #CCCCCC; border-top: none; border-radius: 0px; }
    .nav-pills > li > a:hover,
    .nav-pills > li > a:focus,
    .nav-pills > li > a:active { color: #FFFFFF; background-color: #F7941D; }

  .nav-pills > li.active > a,
  .nav-pills > li.active > a:hover,
  .nav-pills > li.active > a:focus,
  .nav-pills > li.active > a:active { color: #FFFFFF; cursor: default; background-color: #0A61A4; border: 1px solid #074573; border-top: none; }

.tab-content { border: solid 1px #CCCCCC; border-top: none; padding: 10px; }

.panel-primary > .panel-body { padding: 10px; }

.panel-default { border-radius: 0px !important; }
  .panel-default > .panel-heading { color: #333333; background-color: #CCCCCC; border-color: #DDDDDD; border-radius: 0px !important; }
  .panel-default > .panel-body { padding: 0px !important; }
.panel-collapse > .panel-body { padding: 0px !important; }

.panel-heading h2 { margin: 0px; font-size: 15px; font-weight: bold; }

.panel-heading a .chevron:after { content: "\f068"; }
/* f078 */
.panel-heading a.collapsed .chevron:after { content: "\f067"; }
/* f054 */


.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td { background-color: #FBC98E; border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th { background-color: #FFFFFF; }
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th { background-color: #EBF0F6; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: #FEF4E8; }

.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td { background-color: #CCCCCC; border-top-width: 2px; }

.table-fixed { table-layout: fixed; border-collapse: collapse; }

.td-underline { border-bottom: solid 1px #000000 !important; }

.alert { margin-bottom: 0px; }
.panel { margin-bottom: 0px; }

.div-thumb { width: 152px; height: 152px; display: inline-block; position: relative; text-align: center;
             border: solid 1px #CCCCCC; border-radius: 4px; margin: 2px; padding: 2px; }
  .div-thumb img { display: block; max-width: 100%; max-height: 100%; margin: auto; }
.div-thumb-icon-bottom-left { position: absolute; bottom: 0px; left: 0px; }
.div-thumb-icon-bottom-right { position: absolute; bottom: 0px; right: 0px; }
.div-thumb-icon-bottom-center { position: absolute; bottom: 0px; right: calc(50% - 14px); }

.div-drag:hover 
{
    cursor:move;
}

.div-thumb-big { xwidth: 302px; xheight: 302px; display: inline-block; position: relative; border: solid 1px #CCCCCC; border-radius: 4px; margin: 2px; padding: 2px; }
  .div-thumb-big img { max-width: 300px; max-height: 300px; }


.divWaiting { position: fixed; z-index: 2147483647 !important; opacity: 1.8; overflow: hidden; text-align: center; left: 46%; top: 50%; margin-top: -30px; /* make this half your image/element height */ margin-left: -30px; /* make this half your image/element width */ xbackground-color: #E9EAEE; x-webkit-border-radius: 15px; x-moz-border-radius: 15px; xborder-radius: 15px; }

.popover { max-width: 50%; background: #FBE4D5; }
  .popover.top .arrow:after { border-top-color: #FBE4D5; }
  .popover.right .arrow:after { border-right-color: #FBE4D5; }
  .popover.bottom .arrow:after { border-bottom-color: #FBE4D5; }
  .popover.right .arrow:after { border-left-color: #FBE4D5; }

.padding-0 { padding: 0px !important; }
.padding-5 { padding: 5px !important; }
.padding-10 { padding: 10px !important; }

.bold { font-weight: bold; }
.no-wrap { white-space: nowrap !important; }
.no-overflow { white-space: nowrap !important; width: 100%; overflow: hidden; text-overflow: ellipsis; }



.body-print { background: #FFFFFF !important; color: #000000; padding-top: 0px; padding-bottom: 0px; }
.lbl-container { display: inline-block; float: left; width: 2.64in; height: 1in; overflow: hidden; text-align: center; border: dotted 1px #CCCCCC; page-break-inside: avoid; }
.lbl-container-inline { display: inline-block; float: left; width: 2.64in; height: 0.5in; overflow: hidden; text-align: center; border: none; page-break-inside: avoid; }
/*.lbl-barcode { font-family: 'Free 3 of 9 Extended'; font-size: 50px; line-height: 50px; margin-top: 5px; }*/
.lbl-text { font-size: 11px; line-height: 10px; }

.body-print .app-header { position: static; background: #FFFFFF; }
.body-print .app-brand { color: #000000; }
.body-print .app-nav { color: #000000; background: #FFFFFF; border-bottom: solid 1px #CCCCCC; }
.body-print .app-nav-menu > li > a { color: #000000; }
  .body-print .app-nav-menu > li > a:hover,
  .body-print .app-nav-menu > li > a:focus,
  .body-print .app-nav-menu > li > a:active { background-color: #DDDDDD; color: #000000; }

.body-print .app-footer { position: static; width: 100%; background: #FFFFFF; font-size: 11px; border-top: solid 1px #CCCCCC; padding: 5px 10px; }

.body-print .table-bordered > thead > tr > th,
.body-print .table-bordered > thead > tr > td { background-color: #CCCCCC; border-bottom-width: 1px; }
.body-print .table-striped > tbody > tr:nth-child(even) > td,
.body-print .table-striped > tbody > tr:nth-child(even) > th { background-color: #F9F9F9; }

.body-help { background: #FFFFFF !important; }
.body-help td { font-size: 12px !important; vertical-align: middle!important; cursor: default; }
  .body-help .app-page-title { position: static; background: #FBC98E; min-height: 46px; text-align: center; padding: 12px 150px; }
  .body-help .app-menu { position: static; padding-top: 0px; width: 100%; border: none; }

.diffPickup { background-color: #F5C98C !important; }

.max-w-300 { width: 100%; max-width: 300px; margin: 0px auto; }
.max-w-400 { width: 100%; max-width: 400px; margin: 0px auto; }

.carousel-inner img { margin: auto; max-height: 250px !important; }
.carousel-inner .item { height: 250px !important; }

/* XS - mobile screen */
@media (max-width: 767px) {
  .nav-tabs > li { width: 50%; }
  .nav-tabs > li > a { padding-left: 5px; padding-right: 5px; }
  .nav-justified > li { display: table-cell; width: 1%; font-size: 15px; }
    .nav-justified > li > a { border-bottom: 1px solid #ddd !important; border-radius: 0px !important; margin-bottom: 0 !important; }
  .body-help .app-page-title { min-height: 42px; height: auto; text-align: left; padding-top: 9px; padding-left: 10px; }
}


.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.only-print { display: none !important; }

.sort-icon { display: block !important; }


table.sortable th { cursor: pointer; }
.filter-row th, th.sorttable_nosort { cursor: default !important; }
table.sortable th i { font-family: FontAwesome; }
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { display: inline-block; font-family: FontAwesome; content: "\f0dc"; width: 1.28571429em; text-align: center; font-weight: normal; /*content: "\25B4\25BE";*/ }

@media print {
  body { padding: 0; margin: 0; background: #FFFFFF !important; padding-top: 0px !important; padding-bottom: 0px; }
  .no-print { display: none !important; }
  .only-print { display: block !important; }

  .body-print { background: #FFFFFF; color: #000000; padding-top: 0px; padding-bottom: 0px; }
    .body-print .app-page-title { position: static; background: #EEEEEE; }
  .lbl-container { border: none; }

  .hidden-xs { display: block !important; }
  tr.hidden-xs { display: table-row !important; }
  th.hidden-xs, td.hidden-xs { display: table-cell !important; }
  .visible-xs { display: none !important; }

  .app-header { position: static !important; top: 0px; }
  .app-page-title { display: none !important; }
  .app-nav { display: none !important; }
  .app-footer { display: none !important; }
  .page-body { border: none; }
  .btn-icon { border: none !important; padding: 0px !important; width: auto; height: auto; }

  .no-print { display: none !important; }
  .hidden-xs.no-print { display: none !important; }

  .tab-content { border: none; padding: 0px; }

  .tr-filter-visible { display: table-row !important; }
  th { width: auto !important; }
  table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { display: none; content: ""; }
}

.ck-editor__editable {
    min-height: 100px;
}