:root {
  --backcolor1: black;
  --backcolor2: white;
  --visitcolor: #0a5aa0;
  /* #1c1e21; */
  --audiocolor: silver;
  --audiocolorhi: white;
  --audioprogresscolor: #0a5aa0;
  --audioprogresscolorhi: red;
  --backcolorappbar: #666;
}

html {
  height: 100%
}

body {
  font-family: Ubuntu, Nunito, Tahoma, Arial, sans-serif, Verdana;
  font-size: 11px;
  display: block;
  top: 0px !important;
  min-height: auto !important;
  margin: 0;
  background-color: #666;
  padding: 0;
  /* padding-top: 65px; */
  scrollbar-width: none;
}

.iwapframe {
  min-height: calc(100vh - 10px);
}

.paycashtotals {
  float: right;
  padding: 10px;
  border: 1px solid lightgrey;
  background-color: white;
  text-align: right;
  margin-right: 4px;
}

.paycashtotals:hover {
  background-color: white;
}

.jqclock {
  display: none
}

form {
  line-height: 1rem;
}

button {
  height: 36px
}

img.fileicon {
  position: relative;
  top: -21px
}

input {
  height: 2em !important;
  padding: 0 0 0 2px !important;
  float: left !important;
  clear: left !important;
  border: 1px solid #AAA !important;
  background-color: white !important;
}

input.date {
  height: 2em;
  padding: 0 0 0 2px;
  float: left;
  clear: left;
  vertical-align: middle;
  border: 1px solid lightgrey;
  background-color: white
}

input.date:hover {
  background-repeat: no-repeat;
  background-position: 3px 5px;
  background-image: url(/IMAGES/ICONS/BGDATE.PNG);
  background-size: 69px 8px;
  border: 1px solid #AAA;
  background-color: white
}

input.datetime {
  height: 20px;
  padding: 0 0 0 2px;
  float: left;
  clear: left;
  vertical-align: middle;
  border: 1px solid #AAA;
  background-color: white
}

input.datetime:hover {
  background-repeat: no-repeat;
  background-position: 3px 5px;
  background-image: url(/IMAGES/ICONS/BGDATETIME.PNG);
  background-size: 125px 8px;
  border: 1px solid #AAA;
  background-color: white
}

input.file {
  position: relative;
  text-align: right;
  -moz-opacity: 0;
  filter: alpha(opacity(0));
  opacity: 0;
  z-index: 2;
  height: 2em
}

select {
  height: calc(2.2em - 1px);
  padding: 0;
  background-color: white;
}

a:hover {
  background-color: #C8D3FF;
  cursor: pointer
}

label {
  float: left;
  margin: 0 4px 0 0
}

label.none:hover {
  background-color: transparent;
}

label.ajax {
  padding: 0px 0px 4px 0px;
}

label.ajax:hover {
  background-color: transparent;
}

label.f {
  position: relative;
  float: left;
  margin: 0 4px 5px 0;
  height: 5em
}

label.area {
  height: auto !important
}

label.f span {
  display: block;
  padding: 0px;
  /* height: 1.5em; */
  text-overflow: ellipsis;
}

label.fa {
  float: left;
  margin: 0 4px 5px 0;
}

label.farea {
  float: left;
  margin: 0 4px 5px 0;
}

label.addresslabel {
  padding: 14px 0 0;
  display: inline;
  float: left;
  line-height: 21px;
  width: 108px;
  text-align: right
}

label.sp {
  clear: both;
  width: 100%;
  border-left: 1px dotted #FFF;
  border-top: 1px dotted #AAA;
  border-right: 1px dotted #AAA;
  border-bottom: 1px dotted #FFF;
  line-height: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  background-color: #D0D0D0;
  margin-top: 5px
}

label.controlicon {
  height: 100px;
  width: 100px;
  display: inline;
  text-align: center;
  cursor: pointer
}

span {
  display: block;
  margin: 0 5px 1px;
  text-align: left
}

span.bs {
  width: 10px;
  height: 36px;
  display: block
}

span.addrcode {
  position: relative;
  top: -6px
}

span.uid {
  font-size: 8px;
  color: gray
}

div.myform {
  height: 100%;
  margin-bottom: auto
}

div.formheading {
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  font-style: italic
}

div.auth-form {
  padding: 10px;
  text-align: left;
  color: #000;
  position: relative;
  top: -200px
}

div.fileinputs {
  position: relative;
  height: calc(2em - -4px);
  overflow: hidden;
  width: 100%;
}

div.fakefile {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: calc(2em - -4px);
  overflow: hidden;
}

div.dataTables_wrapper {}

div.hint1 {
  background-color: steelblue;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/IMAGES/fingure.png);
  position: absolute;
  left: 10vw;
  top: 20vh;
  width: 80vw;
  height: 30vh;
  color: #000;
  text-align: center;
  opacity: 0.9;
  border: 2px solid steelblue;
  z-index: 99;
  font-size: 3em;
  padding-top: 40px;
  box-shadow: 1px 1px 10px lightseagreen;
  background-color: rgba(64, 224, 208, 0.3);
}

div.hint {
  position: fixed;
  top: 40px;
  right: 12px;
  color: #000;
  text-align: center;
  z-index: 99;
  font-size: 2em;
  padding: 20px;
  vertical-align: bottom;
  height: 136px;
  width: 122px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0px 0px 10px 10px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid gray;
  border-top: 1px dotted black;
  box-shadow: 5px 5px 5px rgba(42, 42, 42, 0.26);
  font-family: monospace;
}

div.leads {
  border: 1px solid lightgrey;
  padding: 10px;
  background-color: #f5f5f5;
  font-size: 16px;
  min-height: 366px;
  display: block;
  text-align: left;
  overflow: auto;
  overflow-x: hidden
}

div.logo {
  width: 100%;
  font-size: 14px;
  color: #505050
}

div.companyname {
  float: left;
  top: 46px;
  position: relative;
  left: -9px;
  font-size: 12px;
}

div.iwaplogo {
  height: 38px;
  width: 100%;
  display: inline;
  float: left;
  background-image: url(/IMAGES/HEADER/LOGO.PNG);
  background-repeat: no-repeat;
  background-position: 0px 9px;
  margin-left: 12px;
  background-size: auto 30px;
}

form.genform {}

table.plookup {
  width: 100%
}

#list tbody tr.even td.highlighted,
#list tbody tr.odd td.highlighted,
table.dataTable tr.even:hover,
table.dataTable tr.odd:hover {
  background-color: #C8D3FF
}

table.dataTable tbody {
  background-color: white
}

table.dataTable tr.odd {
  background-color: whitesmoke
}

table.dataTable tr.even {
  background-color: rgba(255, 255, 255, 0.25)
}

table.dataTable tr.odd td.sorting_1 {
  background-color: #ECECEC
}

table.dataTable tr.odd td.sorting_2 {
  background-color: #DADCFF
}

table.dataTable tr.odd td.sorting_3 {
  background-color: #C0C0FF
}

table.dataTable tr.even td.sorting_1 {
  background-color: #F8F8F8
}

table.dataTable tr.even td.sorting_2 {
  background-color: #F2F3FF
}

table.dataTable tr.even td.sorting_3 {
  background-color: #C0C0FF
}

#list_paginate span {
  float: left
}

table.address {
  width: 100%;
  padding: 0;
  border-spacing: 0;
  border: 0 solid white;
  position: relative;
  left: 1px
}

table.dash_client {
  width: 100%;
  background-color: lightslategrey;
  border-top: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA
}

table.iwap {
  width: 100%;
  height: 100%;
  min-height: 500px;
  padding: 0;
}

tr.dash_client {
  background-color: whitesmoke;
  border-bottom: 1px solid lightgrey;
}

tr.lef:hover {
  background-color: #C8D3FF
}

.extra,
.extra1 {
  display: none
}

td.dashh {
  font-weight: bolder;
  vertical-align: top;
  white-space: nowrap;
  color: black;
  background-color: lightslategrey;
}

.dashll {
  border-left: 1px solid lightgrey
}

.dashlr {
  border-left: 1px solid lightgrey
}

td.dashi {
  vertical-align: top;
  color: #000
}

td.dashr {
  vertical-align: top;
  color: red
}

td.iwap-header {
  vertical-align: top
}

td.iwap-body {
  vertical-align: top;
  height: 100%
}

td.iwap-footer {
  vertical-align: top
}

td.al {
  text-align: left
}

td.ac {
  text-align: center
}

td.ar {
  text-align: right
}

td.aln {
  text-align: left;
  white-space: nowrap
}

td.acn {
  text-align: center;
  white-space: nowrap
}

td.arn {
  text-align: right;
  white-space: nowrap
}

img.tcalIcon {
  cursor: pointer;
  margin-left: -24px;
  margin-top: 0;
  vertical-align: bottom;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA
}

div#tcal {
  position: absolute;
  visibility: hidden;
  z-index: 200;
  width: 158px;
  padding: 2px 0 0
}

div#tcal table {
  width: 100%;
  border: 1px solid #000;
  border-collapse: collapse;
  background-color: white
}

div#tcal table.ctrl {
  border-bottom: 0
}

div#tcal table.ctrl td {
  width: 15px;
  height: 20px
}

div#tcal table.ctrl th {
  background-color: white;
  color: #000;
  border: 0
}

div#tcal th {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-collapse: collapse;
  text-align: center;
  padding: 3px 0;
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  background-color: gray;
  color: white
}

div#tcal td {
  border: 0;
  border-collapse: collapse;
  text-align: center;
  padding: 2px 0;
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  width: 22px;
  cursor: pointer
}

div#tcal td.othermonth {
  color: silver
}

div#tcal td.weekend {
  background-color: #acd6f5
}

div#tcal td.today {
  border: 1px solid red
}

div#tcal td.selected {
  background-color: #ffb3be
}

iframe#tcalIF {
  position: absolute;
  visibility: hidden;
  z-index: 98;
  border: 0
}

div#tcalShade {
  position: absolute;
  visibility: hidden;
  z-index: 99
}

div#tcalShade table {
  width: 100%
}

div#tcalShade table td {
  border: 1px;
  border-collapse: collapse;
  padding: 0
}

img.tblockIcon {
  cursor: pointer;
  margin-left: 1px;
  margin-top: 2px;
  vertical-align: bottom;
  position: relative;
  height: 20px;
  top: -2px;
  left: -1px;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA
}

div#tblock {
  position: absolute;
  visibility: hidden;
  z-index: 100;
  background-color: white;
  border: 1px solid lightgrey;
}

div#tblock table {
  border: 0px solid #000;
  border-collapse: collapse;
  background-color: white
}

iframe#tblockIF {
  position: absolute;
  visibility: hidden;
  z-index: 98;
  border: 0
}

div#tblockShade {
  position: absolute;
  visibility: hidden;
  z-index: 99
}

div#tblockShade table {
  border: 0;
  border-collapse: collapse
}

div#tblockShade table td {
  border: 0;
  border-collapse: collapse;
  padding: 0
}

option.cbimage {
  padding: 2px 0 2px 30px;
  background-repeat: no-repeat;
  background-position: 1px 2px;
  vertical-align: middle
}

option.cbimage12 {
  padding: 2px 0 2px 16px;
  background-repeat: no-repeat;
  background-position: 1px 2px;
  vertical-align: middle
}

label.icon {
  position: relative;
  box-shadow: 2px 2px 6px grey;
  margin: 10px;
  background-color: white;
  border-radius: 5px;
  padding: 5px;
}

label.icon:hover {
  box-shadow: 0px 0px 10px #4556b2;
  background-color: rgba(255, 255, 0, 0.6);
}

span.icon:hover {
  box-shadow: 0px 0px 10px #4556b2;
  background-color: rgba(255, 255, 0, 0.6);
}

img.icon {
  position: relative;
  top: 15px;
  width: 48px;
  height: 48px;
}

span.iconcnt {
  position: absolute;
  top: 5px;
  color: steelblue;
}

span.icontext {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 104px;
  text-align: center
}

.ui-dialog {
  position: relitive;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
  background-color: white;
  color: white
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
  color: white;
  background-color: rgba(135, 206, 235, 0.7);
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

input[type=checkbox],
input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 5px
}

input[type=radio] {
  bottom: 2px
}

.delayLoad {
  background: url(/IMAGES/PROGRESS.GIF) no-repeat 50% 50%
}

.ui-tooltip,
.arrow:after {
  background: #ffffc2;
  border: 2px solid #ffea00;
}

.ui-tooltip {
  padding: 10px 10px;
  color: black;
  border-radius: 5px;
  font: 11px "Helvetica Neue", Sans-Serif;
  box-shadow: 2px 2px 5px silver;
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}

.arrow.top {
  top: -16px;
  bottom: auto;
}

.arrow.left {
  left: 20%;
}

.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow.top:after {
  bottom: -20px;
  top: auto;
}

.pt_companyname {
  width: 100%;
  color: white;
  background-color: cornflowerblue;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
}

.pt_groupname {
  width: 100%;
  color: black;
  background-color: #4556b2;
}

table.pt {
  border: 0px !important;
  line-height: 20px;
  margin-left: 10px;
  margin-right: 10px;
  width: 260px
}

tr.pt_group {
  cursor: pointer;
  line-height: 20px;
}

tr.pt_products {
  cursor: pointer;
  line-height: 20px;
}

p.call:hover {
  background-color: #C8D3FF;
}

p.call {
  -webkit-margin-before: 0em;
}

div.nexttab {
  border: 1px solid lightgrey;
  width: 100px;
  height: 24px;
  background-color: greenyellow;
  font-size: 15px;
  text-align: center;
  vertical-align: middle;
  padding-top: 6px;
  cursor: pointer;
}

span.call {
  margin: 0;
  display: inline;
}

span.callbtn {
  border: 1px solid lightgrey;
  display: inline;
  padding: 0px 15px 0px 15px;
  cursor: pointer;
}

div.border-top {
  height: 0px;
}

div.color-top {
  height: 45px;
  background-color: #4079e8;
  left: 0;
  position: fixed;
  top: 0;
  padding: 4px;
  width: 100%;
}

span.prinfo {
  display: none;
  background-color: beige;
  padding: 2px;
  margin-top: 3px;
  border: 1px solid burlywood;
}

div.msg_feed {
  font-size: 8px;
  color: black;
}

.msgf {
  border: 1px solid lightgrey;
  margin-bottom: 10px;
  width: 100%;
}

table.isys {
  margin-left: 3px;
  padding: 3px;
  background-color: white;
}

img.sys {
  display: inline;
  float: left;
  margin-right: 5px;
}

span.sysposterhead {
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.1em;
}

span.sysposter {
  color: slategrey;
  display: inline;
  font-weight: bold;
}

span.syspostedhead {
  display: inline
}

span.sysposted {
  color: red;
  display: inline;
}

span.systitle {
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
  background-color: rgba(255, 255, 0, 0.25);
}

span.syssr {
  float: right;
  font-weight: normal
}

span.sys {
  text-align: left;
  overflow: hidden;
  word-break: break-word;
  width: 87%;
}

span.sysbtn {
  display: inline;
  padding: 3px;
  height: 15px;
}

span.sysbtn:hover {
  background-color: rgba(255, 255, 0, 0.6);
  cursor: pointer
}

tr.sysbr {}

td.sysbr {
  text-align: right;
  height: 45px;
  padding-right: 10px;
}

table.imsg {
  margin-left: 3px;
  padding: 3px;
  background-color: white;
}

img.msg {
  display: inline;
  float: left;
  margin-right: 5px;
  margin-left: 5px
}

span.msgposterhead {
  display: inline-block
}

span.msgposter {
  display: inline;
  font-weight: bold;
}

span.msgpostedhead {
  display: inline
}

span.msgposted {
  color: red;
  display: inline;
}

span.msgtitle {
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
  background-color: rgba(255, 239, 23, 0.32);
}

span.msgsr {
  float: right;
  font-weight: normal
}

span.msg {
  text-align: left;
  overflow: hidden;
  word-break: break-word;
  width: 87%;
}

span.msgbtn {
  display: inline;
  padding: 3px;
  height: 15px;
}

span.msgbtn:hover {
  background-color: rgba(255, 255, 0, 0.6);
  cursor: pointer
}

tr.msgbr {
  display: none
}

td.msgbr {
  text-align: right;
  height: 45px;
  padding-right: 10px;
}

table.itsk {
  margin-left: 3px;
  background-color: white;
}

img.tsk {
  display: inline;
  float: left;
  margin-right: 5px;
  background-color: rgba(255, 255, 255, 0.25);
}

span.tskposter {
  text-align: right;
  font-weight: bold;
}

span.tskposted {
  color: red
}

span.tsktitle {
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
  color: black;
  background-color: #e2ff95;
}

span.tsksr {
  float: right;
  font-weight: normal
}

span.tskdna {
  cursor: pointer;
  display: inline;
  color: blue;
  text-decoration: underline;
}

span.tsk {
  text-align: left;
  overflow: hidden;
  word-break: break-word;
  width: 87%;
}

span.tskbtn {
  display: inline;
  padding: 3px;
  height: 15px;
}

span.tskbtn:hover {
  color: black;
  background-color: rgba(255, 255, 0, 0.6);
  cursor: pointer
}

tr.tskbr {
  display: none
}

td.tskbr {
  border-top: 1px solid rgb(255, 220, 170);
  text-align: right
}

table.ibug {
  margin-top: 10px;
  width: 100%;
  background-color: white;
}

img.bug {
  display: inline;
  float: left;
  margin-right: 5px;
  margin-top: -8px;
  margin-bottom: 5px;
  z-index: 1;
}

span.bugposterhead {
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.1em;
  margin-left: 0
}

span.bugposter {
  display: inline;
}

span.bugpostedhead {
  display: inline;
  font-size: 0.8em;
  line-height: 1.1em;
}

span.bugposted {
  display: inline;
  line-height: 1.1em;
}

span.bugtitle {
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
  color: white;
  background-color: rgba(255, 0, 0, 0.5);
  display: inherit;
  float: right;
  margin-left: -30px;
  padding-left: 30px;
  height: 1.6em;
  width: 90%;
  margin-top: 4px;
  z-index: -1;
  margin-bottom: 14px;
}

span.bugsr {
  float: right;
  font-weight: bold
}

span.bugtitleclosed {
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
  background-color: rgba(255, 0, 0, 0.25);
  color: white
}

span.bug {
  margin: 0px;
  width: calc(100% - 70px);
  float: right;
  margin-top: -23px;
  font-size: 1.3em;
}

span.bugbtn {
  display: inline;
  padding: 3px;
  height: 15px;
  cursor: pointer;
  color: grey;
}

span.bugbtn:hover {
  color: black;
}

span.bugdna {
  cursor: pointer;
  display: inline;
  color: blue;
  text-decoration: underline;
}

div.bugchild {
  border-top: 1px dotted rgba(255, 0, 0, 0.3);
  margin: 10px;
}

tr.bugbr {}

td.bugbr {
  text-align: right;
  height: 45px;
  padding-right: 10px;
}

table.iproj {
  margin-left: 3px;
  max-width: 100%;
  background-color: white;
}

img.proj {
  display: inline;
  float: left;
  margin-right: 5px;
}

span.projposterhead {
  display: inline-block
}

span.projposter {
  display: inline;
  font-weight: bold;
  font-size: 0.8em;
}

span.projpostedhead {
  display: inline
}

span.projposted {
  color: red;
  display: inline;
}

span.projtitle {
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
  color: white;
  background-color: rgba(0, 83, 255, 0.5);
}

span.projsr {
  float: right;
  font-weight: bold
}

span.projtitleclosed {
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
  background-color: rgba(255, 0, 0, 0.25);
  color: white
}

span.proj {
  text-align: left;
  overflow: hidden;
  word-break: break-word;
  width: 96%;
}

span.projbtn {
  display: inline;
  padding: 3px;
  height: 15px;
}

span.projbtn:hover {
  color: black;
  background-color: yellow;
  cursor: pointer
}

span.projdna {
  cursor: pointer;
  display: inline;
  color: blue;
  text-decoration: underline;
}

div.projchild {
  border-top: 1px dotted rgba(0, 83, 255, 0.3);
  margin: 10px;
}

tr.projbr {}

td.projbr {
  text-align: right;
  height: 45px;
  padding-right: 10px;
}

table.ilog {
  margin-left: 3px;
  background-color: white
}

img.log {
  display: inline;
  float: left;
  margin-right: 5px
}

span.logposterhead {
  display: inline-block
}

span.logposter {
  display: inline;
  font-weight: bold;
}

span.logpostedhead {
  display: inline
}

span.logposted {
  color: red;
  display: inline;
}

span.logtitle {
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
  color: black;
  background-color: rgba(0, 255, 0, 0.15);
  min-width: 185px
}

span.logsr {
  float: right;
  font-weight: normal
}

span.log {
  text-align: left;
  overflow: hidden;
  word-break: break-word;
  width: 87%;
}

span.logbtn {
  display: inline;
  padding: 3px;
  height: 15px;
}

span.logbtn:hover {
  color: black;
  background-color: rgba(255, 255, 0, 0.6);
  cursor: pointer
}

span.logdna {
  cursor: pointer;
  display: inline;
  color: blue;
  text-decoration: underline;
}

tr.logbr {
  display: none
}

td.logbr {
  border-top: 1px solid rgb(255, 170, 170);
  text-align: right;
  height: 45px;
  padding-right: 10px;
}

div.btnyes {
  width: 50px;
  height: 20px;
  border: 1px solid lightgrey;
  background-color: lightgreen;
  display: inline-block;
  text-align: center;
  margin-left: 5px;
}

div.btnyes:hover {
  background-color: green
}

div.btnno {
  width: 50px;
  height: 20px;
  border: 1px solid lightgrey;
  background-color: lightcoral;
  display: inline-block;
  text-align: center;
  margin-left: 5px;
}

div.btnno:hover {
  background-color: red
}

#header {
  z-index: 10;
  top: 0;
  height: 61px;
  /* width: 100%; */
  background-color: white;
  /* position: fixed; */
  /* left: calc(50% - 320px); */
  margin-left: 3px;
  width: calc(100% - 6px);
}

#mybb {
  max-width: 1300px;
}

div.buttonbar {
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 11px;
}

div.bbcrumbs {
  font-size: 14px;
  font-weight: bold;
  height: 16px;
}

div.bbcrumbsi {
  position: relative;
  top: 48px;
  left: -83px;
  height: 0px;
  display: none;
}

form.bbfform {
  width: 100%;
  max-height: 45px;
  align-items: center;
}

div.bbform {}

div.bbicons {
  float: right;
}

div.bbsearch {
  float: left;
  margin-left: 100px;
}

table.bbtable {
  width: 100%;
}

td.bbtd {
  color: white;
  vertical-align: top;
  text-align: center;
  min-width: 48px;
}

td.bbtd.mmoobtn {
  background-color: white;
  color: black;
  width: 48px;
}

td.mmoobtn img {
  width: 40px;
}

input.bbsearch {
  width: 100%;
  font-size: 1.3em;
  padding-left: 2em;
  height: 34px !important;
  padding-top: 6px;
  padding-right: 23px;
  display: inline;
}

select.bbsearch {
  width: 100%;
  font-size: 18px;
  height: 32px;
}

img.bbsearchhist {
  width: 26px;
  height: 26px;
  position: relative;
  padding: 2px;
  float: right;
  top: -31px;
}

img.bbsearch {
  width: 26px;
  height: 26px;
  padding: 2px;
}

div.footertool {
  background-color: #eaeaea;
  padding: 5px;
  border: 1px solid #000
}

div.btn {
  float: right;
  cursor: pointer;
  text-align: center;
  background-color: lightslategrey;
  margin-left: 7px;
  font-size: 1em;
  min-width: 65px;
  line-height: 2em;
}

div.btn:hover {
  background-color: rgba(255, 255, 0, 0.6) !important;
  color: black !important;
}

tr.inlineform {
  display: none;
}

td.inlineform {
  padding: 15px;
}

span.hilite {
  background: rgba(255, 255, 0, 0.6);
  display: inline;
  padding: 0px;
  margin: 0px;
}

img.search {
  width: 25px;
  padding-right: 5px;
  float: left;
}

div.dummyform {}

div.graph {
  display: inline-block;
  margin: 4px;
}

div.msgbar {
  border: 1px solid lightgrey;
  background-color: whitesmoke;
  padding: 4px;
  margin-bottom: -1px;
  border-radius: 5px 5px 0px 0px;
  vertical-align: top;
}

img.msgico {
  width: 25px;
  height: 25px;
  padding-left: 5px;
}

div.msgpost {
  border: 1px solid lightgrey;
  background-color: white;
  padding: 5px 5px 30px 5px;
  margin-top: 8px;
  display: none;
}

div.msgpostbar {
  padding-top: 5px;
}

input.msgpostbtn {
  float: right;
  padding: 5px 10px 4px 8px;
  height: 25px;
  cursor: pointer;
  background-color: whitesmoke;
  border-radius: 3px 3px;
  width: 70px;
  margin-right: 5px;
}

input.msgpostbtn:hover {
  background-color: rgba(255, 255, 0, 0.6);
}

div.msgpostheading {
  padding: 4px 4px 0px 4px;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  margin-bottom: 5px;
  display: inline-block;
  width: 98%;
}

div.msgpostdetail {
  padding: 4px;
  display: inline-block;
  width: 99%
}

img.msgpostlogo {
  float: right;
  position: relative;
  top: -45px;
}

textarea {
  font-family: Ubuntu, Nunito, Tahoma, Arial, sans-serif, Verdana;
  font-size: .7em;
  border: 1px solid lightgrey;
}

div.shortcontent {
  display: inline
}

div.alltcontent {
  display: inline
}

span.readmorelink {
  display: inline;
  float: right;
}

a.morelink {
  text-decoration: initial;
  color: slategray;
}

div.backimg1 {
  background-image: url(/IMAGES/BACK1.PNG);
  height: 78px;
  width: 150px;
  position: relative;
  float: left;
  background-repeat: no-repeat;
  display: inline;
}

div.backimg2 {
  background-image: url(/IMAGES/BACK2.PNG);
  height: 89px;
  width: 150px;
  position: relative;
  float: right;
  background-repeat: no-repeat;
  display: inline;
}

div.msgfeedscroll {
  overflow-x: hidden;
  padding: 6px 6px 0px 2px;
  border: 1px solid lightgrey;
}

div.msgfeed {
  padding: 6px 6px 0px 2px;
  border: 1px solid lightgrey;
}

div.navi_searchhist {
  background-color: white;
  font-size: 10px;
  border: 2px solid black;
  display: none;
  position: relative;
  max-height: 80vh;
  top: 29px;
  height: calc(100vh - 80px);
  width: calc(100% - 2px);
  left: 14px;
  top: 0px;
  position: relative;
  z-index: 100;
  max-width: 650px;
}

#navi_searchresult {
  display: block;
  overflow-y: auto;
  width: calc(100% - 20px);
  height: calc(100% - 70px);
  position: absolute;
  padding: 10px;
}

span.shi {
  width: calc(100% - 90px);
  cursor: pointer;
  padding: 10px 10px 10px 60px;
  min-height: 40px;
}

span.shi:hover {
  background-color: #d5ebfb;
}

div.assuredpol {
  padding-top: 14px;
  margin-bottom: 10px;
  background-color: white;
}

span.asstitle {
  padding: 4px;
  background-color: whitesmoke;
  height: 17px;
  border: 1px solid lightgrey;
}

img.profilepicmmoo {
  box-shadow: -3px 5px 7px rgb(146, 146, 146);
  margin-right: 10px;
  padding: 4px;
  width: 52px;
  height: 67px;
  border: 1px solid lightgrey;
}

img.profilepic {
  margin-right: 20px;
  width: 120px;
  height: 154px;
  border-radius: 5px;
}

i.profilepichover {
  margin-right: -127px;
  display: none;
  position: absolute;
  color: white;
  font-size: 2em;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #ffffff85;
  text-align: center;
  line-height: 2em;
  bottom: 80px;
  left: 71px;
}

#file-uploader {
  margin: 0 auto;
  width: 178px;
  display: block;
}

.clear {
  clear: both;
}

#thumbnail {
  float: left;
}

#thumb_preview_holder {
  float: right;
  width: 105px;
  height: 135px;
  overflow: hidden;
}

#myModal {
  padding-top: 10px
}

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, .8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  z-index: 101;
  top: 50px;
  width: inherit;
  position: absolute;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.reveal-modal.small {
  width: 200px;
  margin-left: -140px;
}

.reveal-modal.medium {
  width: 400px;
  margin-left: -240px;
}

.reveal-modal.large {
  width: 600px;
  margin-left: -340px;
}

.reveal-modal.xlarge {
  width: 800px;
  margin-left: -440px;
}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  font-weight: bold;
  cursor: pointer;
}

.imgareaselect-outer {
  opacity: 0.5;
  opacity: 0.5;
}

.imgareaselect-border1 {
  border: 1px solid black;
}

.imgareaselect-border2 {
  border: 1px dotted white;
}

.imgareaselect-border3 {
  border: 1px dotted white;
}

.imgareaselect-border4 {
  border: 1px dotted white;
}

.toolbtn {
  float: right;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  padding: 4px;
  border-radius: 0;
  background-color: #4556b2;
  color: white;
  font-size: 1em;
  font-weight: bold;
  z-index: 103;
  margin: 0px 0 1px 1px !important;
  border: 0;
  min-width: 40px;
  line-height: 1em;
}

.toolcnt {
  float: right;
  display: inline;
  text-align: right;
  padding: 4px 9px 2px 8px;
  font-size: 1em;
  font-weight: normal;
  min-width: 50px;
  margin: -5px 0px 1px 3px;
  color: gray;
  background: white;
  border: 1px solid silver;
  border-radius: 5px;
}

.toolcnt:hover {
  color: black
}

.toolbar {
  background-color: whitesmoke;
  display: inline-block;
  padding-top: 7px;
  border-radius: 0px 0px 5px 5px;
  padding-right: 5px;
  border-left: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  border-right: 1px solid lightblue;
  padding-bottom: 7px;
}

.toolbtn:hover {
  background-color: yellowgreen;
}

.toolnum {
  float: right;
  display: inline;
}

h3 span.toolbtn {
  margin-top: -4px;
  font-size: 1.1em;
  font-weight: normal;
  padding-top: 8px;
  padding-bottom: 5px;
}

h3 .toolbtn {
  font-weight: normal;
  margin-top: -5px;
  padding-top: 8px;
  height: 14px;
}

.iconbtn {
  display: inline-block;
  width: 70px;
  height: 50px;
  border: 1px solid lightgrey;
  float: left;
  margin-right: 5px;
  padding: 4px;
  text-align: center;
  box-shadow: 2px 2px 5px silver;
  border-radius: 5px;
  background-color: white;
}

.iconbtn:hover {
  box-shadow: 0px 0px 5px lightblue;
}

.dashlsttr {
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}

.dashlsttrt {
  background-color: rgba(255, 255, 255, 0.25);
}

.dashlsttrb {
  border-bottom: 1px solid lightgrey;
  background-color: rgba(255, 255, 255, 0.25);
}

.dashlsttr:hover {
  background-color: rgba(192, 192, 192, 0.15);
  cursor: pointer
}

.dashlsttrt:hover {
  background-color: rgba(192, 192, 192, 0.15);
  cursor: pointer
}

.dashlsttrb:hover {
  background-color: rgba(192, 192, 192, 0.15);
  cursor: pointer
}

.dashlstbar {
  background-color: whitesmoke;
  display: none;
  border: 1px solid lightgrey;
}

.msgprefix {
  display: inline-block;
  width: 67px;
}

.profileedit {
  display: none;
  margin-right: -10px;
}

.passwordfield {
  background-color: transparent;
}

.passwordcolor {
  height: 21px;
  background-color: red;
  width: 0px;
  position: relative;
  left: -5px;
}

.passwordtext {
  position: relative;
  font-size: 9px;
  float: right;
  top: -21px;
}

.passwordshow {
  font-size: 9px;
  height: 10px;
  float: left;
  display: inline;
  position: relative;
  top: -21px;
}

.scroll {
  float: left;
  padding: 0px;
  margin: 0px;
}

.scroll-up {
  background-image: URL(/IMAGES/SCROLLUP.PNG);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px 5px 0px 0px;
}

.scroll-down {
  background-image: URL(/IMAGES/SCROLLDOWN.PNG);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0px 0px 5px 5px;
}

.scroll-left {
  background-image: URL(/IMAGES/SCROLLLEFT.PNG);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 5px 0px 0px 5px;
  float: left;
  display: inline;
  width: 10px;
  height: 93px
}

.scroll-left:hover {
  background-image: URL(/IMAGES/SCROLLLEFT_H.PNG);
}

.scroll-right {
  background-image: URL(/IMAGES/SCROLLRIGHT.PNG);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0px 5px 5px 0px;
  float: right;
  display: inline;
  width: 10px;
  height: 93px
}

.scroll-right:hover {
  background-image: URL(/IMAGES/SCROLLRIGHT_H.PNG);
}

.scroll-top:hover,
.scroll-bottom:hover {
  background-color: rgba(255, 255, 0, 0.6);
}

.ellipsis {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  line-height: 1em;
}

.ellipsis:hover {
  white-space: inherit;
  height: auto;
}

.xdsoft_datetimepicker {
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
  color: #333333;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
  padding-left: 0px;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  display: none;
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border: none !important;
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.xdsoft_noselect::selection {
  background: transparent;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}

.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0px;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0px;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0px;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0px 0px;
}

.xdsoft_datetimepicker .xdsoft_next:active,
.xdsoft_datetimepicker .xdsoft_prev:active {}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0px none currentColor;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  outline: medium none currentColor;
  overflow: hidden;
  padding: 0px;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0px;
  margin-bottom: 7px;
  margin-top: 0px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #DDDDDD;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
  background: #F5F5F5;
  border-top: 1px solid #DDDDDD;
  color: #666666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0px;
  height: 25px;
  line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
  border-top-width: 0px;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: white;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover {
  text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0px;
  top: 30px;
  z-index: 101;
  display: none;
  background: white;
  max-height: 160px;
  overflow-y: hidden;
  text-align: left;
  width: 101px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
  right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
  right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
  color: white;
  background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
  padding: 2px 10px 2px 5px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
  background: #33AAFF;
  box-shadow: #178FE5 0px 1px 3px 0px inset;
  color: white;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
  width: 90px;
  text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
  width: 56px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
  padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #F5F5F5;
  border: 1px solid #DDDDDD;
  color: #666666;
  font-size: 12px;
  text-align: right;
  padding: 0px;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #F1F1F1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33AAFF;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
  background: #33AAFF;
  box-shadow: #178FE5 0px 1px 3px 0px inset;
  color: white;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
  opacity: 0.5;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  color: black !important;
  background: yellow !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.xdsoft_scrollbar>.xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  cursor: pointer;
}

.xdsoft_scroller_box {
  position: relative;
}

.msgtaskfeed {
  display: none;
  width: 425px;
  height: 580px;
  margin: 5px 0px 5px 0px;
  border: 1px solid lightgrey;
  border-radius: 4px 4px 4px;
  background-color: white;
  background-image: url(/IMAGES/msgtaskfeed.png);
  background-repeat: no-repeat;
  float: left;
  background-position-y: 5px;
  position: relative;
  top: -5px;
}

.msgtaskpage {
  font-size: 14px;
  line-height: 14px;
  width: 350px;
  height: 510px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0px;
  padding: 0px;
  font-family: cursive;
  margin-top: 25px;
  margin-left: 66px;
}

thead.fixed {
  position: fixed;
}

tfoot.fixed {
  position: fixed;
}

.tskyear {
  margin: 0px 0px 1px 280px;
  font-weight: bold;
}

.tskmonth {
  text-decoration: underline;
  background-color: rgba(255, 255, 0, 0.25);
  height: 14px;
  background: url(/IMAGES/tskline.png);
  margin: 0px;
  padding: 0px 0px 14px 60px;
  display: inline-table;
  width: 262px;
  background-repeat: repeat-y;
}

.tskday {
  margin: 0px;
  padding: 0px 0px 14px 0px;
  display: inline-table;
  width: 322px;
  background: url(/IMAGES/tskline.png);
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  background-repeat: repeat-y;
}

.tsktm {
  display: inline-block;
  padding: 0px;
  margin: 0px
}

.tsktime {
  display: inline;
  float: left;
  width: 40px;
}

.tskdetail {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  position: relative;
  left: 10px;
  width: 262px;
}

.tskheading {
  margin: 0px;
  padding: 0px 0px 2px 0px;
  width: 255px;
  display: inline-block;
}

input.tskchkbox {
  display: inline;
  float: right;
}

.tskhead {
  height: 16px;
  line-height: 14px;
  width: 225px;
}

div.postitbday {
  width: 262px;
  height: 340px;
  background-image: url(/IMAGES/postit.png);
  background-repeat: no-repeat;
  position: absolute;
  padding: 10px;
  font-family: cursive;
  font-size: 16px;
}

span.postitbday {
  width: 210px;
  height: 263px;
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  position: relative;
  left: 6px;
}

span.postitdbday {
  font-size: 31px;
  width: 222px;
  text-align: center;
}

div.postit {
  width: 250px;
  height: 228px;
  background-image: url(/IMAGES/postit.png);
  background-repeat: no-repeat;
  position: absolute;
  padding: 10px;
  font-size: 16px;
}

span.postit {
  width: 195px;
  height: 140px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  position: absolute;
  left: 24px;
  top: 40px;
  font-size: 1em;
  font-family: inherit;
}

span.postitd {
  font-size: 1em;
  width: 222px;
  margin-top: 8px;
  margin-left: 16px;
}

span.postitclose {
  cursor: pointer;
  color: red;
  position: absolute;
  right: 38px;
  bottom: 38px;
  font-size: 1em;
}

span.postitclose.ico_btn.ico_hide {
  position: absolute;
  right: 39px;
  top: 185px;
  font-size: .8em;
}

span.postitclose:hover {
  color: white;
}

div.msgbri {
  display: inline-block;
}

span.msgbric {
  display: none;
}

div.msgbri img {
  display: inline;
}

div.feed {
  display: none;
  width: 417px;
  background-color: white;
  border: 1px solid lightgrey;
  border-radius: 0px 0px 5px 5px;
  max-height: 721px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px 6px 0px 2px;
}

div.tab1 {}

div.formname {
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  border-right: 1px solid lightgrey;
  background-color: whitesmoke;
  height: 22px;
  border-top: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
  border-radius: 5px 0px 0px 0px;
  box-shadow: 2px 2px 8px silver;
  padding-top: 5px;
}

span.howlong {
  float: right;
  color: gray;
}

span.vidhowlong {
  display: inline-block;
  clear: both;
  width: 100%;
  text-align: right;
}

div.legend {
  display: none;
  box-shadow: 2px 2px 15px black;
  z-index: 1000;
  position: absolute;
  background-color: white;
  border: 3px solid violet;
  padding-top: 10px;
  border-radius: 5px;
  background-image: url(/IMAGES/dialog-close.png);
  background-position: right bottom;
  background-position-x: right;
  background-position-y: bottom;
  background-repeat: no-repeat;
}

span.legend {
  width: 15px;
  height: 15px;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  position: relative;
  top: 0px;
  font-size: 10px;
}

div.legendfield {}

span.legendpend {
  background-color: green;
  color: white;
}

span.legendupay {
  background-color: red;
  color: white;
}

span.legendpay {
  background-color: blue;
  color: white;
}

span.legendunre {
  background-color: #4556b2;
  color: black;
}

span.legenduncert {
  background-color: silver;
  color: black;
}

span.legendinact {
  background-color: silver;
  color: black;
}

span.legendc {
  color: white
}

span.legenda {
  color: white
}

span.legendr {
  color: white
}

div.form_product {
  border-bottom: 1px solid lightgrey;
  background-color: white;
  display: inline-block;
  padding: 10px;
  box-shadow: 2px 2px 10px black;
  border: 1px solid lightgrey;
  margin: 10px 3px 15px 3px;
}

.busy,
.busy * {
  cursor: wait !important;
}

img.listimg {
  float: right;
  position: absolute;
  top: 60px;
  right: -9px;
  width: 64px;
}

.profileclient {
  margin-top: 20px;
  padding-bottom: 5px;
}

.chkoff {
  background: url('/IMAGES/chkbackground.png') no-repeat right bottom;
  display: inline-block;
  min-width: 80px;
  height: 20px;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  background-size: 176px 40px;
  text-align: center;
  border-radius: 10px;
  color: white;
}

.chkon {
  background: url('/IMAGES/chkbackground.png') no-repeat left top;
  display: inline-block;
  min-width: 80px;
  height: 20px;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  background-size: 176px 40px;
  text-align: center;
  border-radius: 10px;
}

span.helpheading {
  border-radius: 5px;
  background-color: #4556b2;
  font-size: 15px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  color: white;
}

img.helpman {
  position: relative;
  top: -20px;
  float: left;
}

div.helpcontent {
  position: relative;
  top: -15px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 40px;
}

span.sh {
  color: black;
  display: inline;
  font-weight: bold;
  text-transform: capitalize;
}

div.search {
  display: inline-block;
  width: 95%;
  margin-top: 10px;
  padding: 10px;
  font-size: 1.3em;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

div.search1 {
  display: inline-block;
  width: 95%;
  margin-top: 10px;
  padding: 10px;
  font-size: 1.3em;
}

div.search2 {
  display: inline-block;
  width: 95%;
  margin-top: 10px;
  padding: 10px;
  font-size: 1.3em;
  color: red
}

div.search-heading {
  font-size: 16px;
  color: blue;
  cursor: pointer;
  text-transform: capitalize;
  text-align: left;
}

div.search-click {
  display: inline;
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

span.search-dna {
  color: black;
  font-weight: normal;
  display: inline-block;
  font-size: 10px;
  float: right
}

span.search-cpy {
  color: darkslategray;
  font-size: .7em;
  width: calc(100% - 144px);
  float: left;
  overflow: hidden;
  line-height: 1em;
  height: 1em;
}

div.search-main {
  color: gray;
  font-size: 0.8em;
  display: inline-block;
  max-width: calc(100% - 60px);
  margin-top: 10px;
  text-align: left;
  background-color: whitesmoke;
  padding: 10px;
}

div.search-detail {
  font-variant: small-caps;
  color: gray;
  background-color: ghostwhite;
  border: 1px solid gainsboro;
  padding: 5px;
  float: right;
}

div.search-type {
  color: green;
  font-style: italic;
}

div.search-found {
  width: 100%;
  border-top: 1px dotted silver;
  color: silver;
  font-size: 12px;
  padding-top: 12px;
  margin-top: 5px;
}

div.search-status {
  float: right;
  border: 1px solid lightgrey;
  display: inline-block;
  color: red;
  width: 123px;
  text-align: center;
  border-radius: 4px;
  background-color: whitesmoke;
}

img.search-dod {
  position: relative;
  top: -50px;
  left: -66px;
  width: 70px;
  float: left;
  margin-right: -73px;
}

div.tray {}

div.traytagbar {
  width: 150px;
}

div.traytag {
  border: 1px solid slategrey;
  background-color: lightblue;
  margin-top: 4px;
  padding: 3px;
  border-radius: 0px 10px 10px 0px;
}

div.traycontent {
  margin: 0px !important;
  padding: 0 0 5px 0 !important;
  overflow: hidden !important;
  background-color: white;
}

table.traytable {
  width: calc(100% - -3px) !important;
  margin: -1px !important;
}

.search-heading span {
  display: inline;
}

.search-heading {
  min-height: 40px;
}

div.trayfooter {
  display: inline-block;
  align-items: baseline;
  text-align: right;
  width: 100%;
  background: whitesmoke;
  border-top: 1px solid lightgray;
  padding: 5px;
  margin: 0px 0 0px -5px;
  color: white;
}

.clr {
  clear: both;
  font-size: 1px;
  height: 1px;
}

/* float clearing for IE6 */
* html .clearfix {
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix {
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.mailbox {
  background: #fff;
  border: 1px solid #bbb;
  padding: 15px;
  margin: 0 0 15px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 8px #bbb;
  -webkit-box-shadow: 0 0 8px #bbb;
  box-shadow: 0 0 8px #bbb;
}

.email_item {
  padding-top: 5px;
}

.email_item.read {
  background: url(/IMAGES/zimemail_open.png) no-repeat 8px center;
  padding-left: 34px;
  background-position: 7px 4px;
}

.email_item.unread {
  background: url(/IMAGES/zimemail.png) no-repeat 8px center;
  padding-left: 34px;
  background-position: 7px 4px;
}

.email_item.unreadfx {
  background: url(/IMAGES/zimbrafax.png) no-repeat 8px center;
  padding-left: 34px;
  background-position: 7px 4px;
}

.email_item.unread .subject {
  font-weight: bold;
  width: 98%;
  overflow: hidden;
  height: 1.2em
}

.email_item:hover {}

.email_item .subject {
  display: block;
  float: left;
  color: #222;
  line-height: 1.2em;
  white-space: nowrap;
  overflow: hidden;
}

.email_item.odd {
  background-color: whitesmoke
}

.email_item .from {
  display: inline-block;
  float: left;
  color: gray;
  white-space: nowrap;
  overflow: hidden;
  width: 340px;
}

.email_item .date {
  display: inline-block;
  float: right;
  color: gray;
}

span.attachment {
  color: blue;
  font-variant: small-caps;
  cursor: pointer
}

div.mailboxheading {
  float: right;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid lightgrey;
  border-radius: 5px 5px 0px 0px;
  padding: 5px;
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  background-color: rgb(0, 134, 194);
  right: -9px;
  position: relative;
  color: white;
}

body.mailbody {
  margin: 0px;
  padding: 0px;
  margin-right: 10px;
  max-width: 100%;
  min-height: 100%;
  background: transparent;
}

span.size {
  float: right;
  color: slateblue;
  font-variant: small-caps;
}

div.warning {
  background-color: red;
  color: white;
  padding: 10px;
  border: 1px solid lightgrey;
  border-radius: 4px;
  box-shadow: 4px 4px 5px silver;
  margin: 10px;
}

iframe.faxemaillist {
  max-height: 345px;
  height: 2968px;
  overflow-y: hidden;
  border: 0px solid white;
  width: 98%;
  margin: 0px;
  background-color: white;
}

span.fakefield {
  display: inline;
  padding: 2px 10px 2px 10px;
  border: 1px solid lightgrey;
  background-color: whitesmoke;
}

span.smallclick {
  color: blue;
  cursor: pointer;
  border-bottom: 1px dotted blue;
  display: inline;
}

div.tillslip {
  box-shadow: 1px 1px 10px gray;
  border: 1px solid lightgrey;
  margin-left: 18px;
  width: 240px;
  margin-bottom: 20px;
  padding: 25px;
  margin-top: 20px;
  font-family: monospace;
  font-size: 12px;
  border-top: 2px dotted gray;
  border-bottom: 2px dotted gray;
}

div.tillslipprint {
  width: 240px;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 14px;
  max-width: 240px;
  border: 1px solid white;
}

div.tillslipitem {
  width: 100%;
  float: left;
}

div.tillslipr {}

span.tillsliptotal {
  float: right;
  height: 20px;
  font-size: 20px;
  font-family: monospace;
  font-weight: bold;
}

span.tillslipitem {
  float: left;
  max-width: 160px;
}

span.tillslipamount {
  float: right;
}

label.payslipm {
  float: left;
  margin: 0px 4px 0 10px;
  line-height: 20px;
  width: 160px;
}

div.footer {
  padding-top: 10px;
}

div.tillslipitems {
  min-height: 95px;
}

img.receiptmethod {
  width: 20px;
  height: 20px;
  display: inherit;
}

img.receiptmethod1:hover {
  width: 75px;
  height: 75px;
  position: relative;
  top: -27px;
  z-index: 10;
  background-color: lightblue;
  border-radius: 40px;
}

div.nosearchfound {
  font-size: 1.3em;
  margin-top: 50px;
  margin-bottom: 20px;
}

span.moreheading {
  display: block;
  clear: both;
  border: 1px solid lightgrey;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
  height: 19px;
  padding: 5px;
  box-shadow: 0px 0px 5px silver;
  background-color: whitesmoke;
}

div.moreitem {
  margin: 10px;
  padding-top: 10px;
  width: 190px;
  display: inline-block;
  border: 1px dotted silver;
  padding-left: 10px;
  padding-right: 10px;
}

div.moreitem:hover {
  background-color: whitesmoke;
}

img.moreimage {
  float: left;
  margin-right: 20px;
}

div.moretitle {
  display: inline-block;
}

span.morevalue {
  font-size: 8px;
}

span.moredescription {
  height: 70px;
  background-color: white;
  margin-top: 10px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 5px;
}

span.morevhstitle {
  position: relative;
  top: 35px;
  left: 50px;
  width: 74px;
  height: 38px;
  font-family: cursive;
  color: red;
  font-style: italic;
  text-align: center;
}

div.vidtitle {
  color: black;
  font-size: 20px
}

div.playbar {
  width: 792px;
  height: 60px;
  background-color: whitesmoke;
  padding: 5px;
}

div.videobox {}

video.video {}

span.vidauth {
  font-size: 10px;
  float: right;
  position: relative;
  top: 20px;
}

span.viddt {
  display: inline;
  float: right;
  text-align: right;
}

span.vidhl {
  display: inline;
  font-style: italic;
}

span.viddesc {
  background-color: white;
  padding: 7px 70px;
  border-radius: 7px;
  height: 46px;
  margin-top: 5px;
  float: left;
  width: 370px;
  border: 1px solid lightgrey;
  background-image: url(/IMAGES/VHSLABEL.PNG);
  background-repeat: no-repeat;
  background-size: 510px 60px;
  font-family: monospace;
  font-size: 13px;
  overflow: hidden
}

img.vidicon {
  float: left;
  height: 47px;
  position: absolute;
  top: 3px;
  left: 15px;
}

span.morepageheading {
  font-size: 20px;
  padding-left: 75px;
}

div.pageheading {
  display: inline-block;
  margin-top: 12px;
  font-size: 20px;
  text-align: left;
  width: 930px;
  box-shadow: 0px 0px 10px silver;
  padding: 10px;
  background-color: whitesmoke;
  margin-bottom: 10px;
}

div.largepreviewpic {
  box-shadow: 0px 0px 10px black;
  padding: 10px;
  display: inline-block;
  float: left;
  height: 480px;
  width: 770px;
}

div.floatleft {
  display: inline-block;
  float: left;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}

div.floatright {
  display: inline-block;
  float: right;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  width: 125px;
}

div.imgorigbox {
  padding: 10px;
  box-shadow: 0px 0px 10px black;
  display: inline-block;
  width: 770px;
  height: 480px;
}

div.imgthumbbox {
  padding: 10px;
  box-shadow: 0px 0px 10px black;
  display: inline-block;
}

img.cp_10 {
  cursor: pointer;
  content: url(/IMAGES/ICONS/USR.PNG)
}

img.cp_11 {
  cursor: pointer;
  content: url(/IMAGES/ICONS/ADMIN.PNG)
}

img.cp_20 {
  cursor: pointer;
  content: url(/IMAGES/ICONS/PADOPEN.PNG)
}

img.cp_21 {
  cursor: pointer;
  content: url(/IMAGES/ICONS/PADLOCK.PNG)
}

img.cp_30 {
  cursor: pointer;
  content: url(/IMAGES/ICONS/NOTDISABLED.PNG)
}

img.cp_31 {
  cursor: pointer;
  content: url(/IMAGES/ICONS/DISABLED.PNG)
}

img.cp_40 {
  cursor: pointer;
  content: url(/IMAGES/ICONS/UNBLOCKED.PNG)
}

img.cp_41 {
  cursor: pointer;
  content: url(/IMAGES/ICONS/BLOCKED.PNG)
}

img.cp_10:after {
  cursor: pointer;
  content: url(/IMAGES/ICONS/USR.PNG)
}

img.cp_11:after {
  cursor: pointer;
  content: url(/IMAGES/ICONS/ADMIN.PNG)
}

img.cp_20:after {
  cursor: pointer;
  content: url(/IMAGES/ICONS/PADOPEN.PNG)
}

img.cp_21:after {
  cursor: pointer;
  content: url(/IMAGES/ICONS/PADLOCK.PNG)
}

img.cp_30:after {
  cursor: pointer;
  content: url(/IMAGES/ICONS/NOTDISABLED.PNG)
}

img.cp_31:after {
  cursor: pointer;
  content: url(/IMAGES/ICONS/DISABLED.PNG)
}

img.cp_40:after {
  cursor: pointer;
  content: url(/IMAGES/ICONS/UNBLOCKED.PNG)
}

img.cp_41:after {
  cursor: pointer;
  content: url(/IMAGES/ICONS/BLOCKED.PNG)
}

img.cp_10:before {
  cursor: pointer;
  content: url(/IMAGES/ICONS/USR.PNG)
}

img.cp_11:before {
  cursor: pointer;
  content: url(/IMAGES/ICONS/ADMIN.PNG)
}

img.cp_20:before {
  cursor: pointer;
  content: url(/IMAGES/ICONS/PADOPEN.PNG)
}

img.cp_21:before {
  cursor: pointer;
  content: url(/IMAGES/ICONS/PADLOCK.PNG)
}

img.cp_30:before {
  cursor: pointer;
  content: url(/IMAGES/ICONS/NOTDISABLED.PNG)
}

img.cp_31:before {
  cursor: pointer;
  content: url(/IMAGES/ICONS/DISABLED.PNG)
}

img.cp_40:before {
  cursor: pointer;
  content: url(/IMAGES/ICONS/UNBLOCKED.PNG)
}

img.cp_41:before {
  cursor: pointer;
  content: url(/IMAGES/ICONS/BLOCKED.PNG)
}

div.mmoolist {
  float: left;
  margin-right: 10px;
  padding: 10px;
  width: 70px;
  text-align: center;
  height: 140px;
}

span.bluebar {
  height: 17px;
  background-color: blue;
  color: white;
  padding-top: 2px;
  text-align: left;
  overflow: hidden;
  display: inline;
  float: left;
  margin: 0px;
}

span.redbar {
  height: 17px;
  background-color: red;
  color: white;
  padding-top: 2px;
  text-align: left;
  overflow: hidden;
  display: inline;
  float: left;
  margin: 0px;
}

div.popupform {
  width: 204px;
  height: 60px;
  border: 1px solid lightgrey;
  box-shadow: 2px 2px 5px black;
  padding: 10px;
  position: absolute;
  background-color: white;
  right: 60px;
  z-index: 55;
  border-radius: 5px;
}

span.subscription {
  background-color: green;
  padding: 5px;
  clear: both;
  float: left;
  color: white;
  font-size: 1em;
  line-height: 1em;
}

img.subscription {
  background-color: white;
  border: 1px solid lightgrey;
  padding: 10px;
  margin-right: 5px;
  float: left;
  width: 37px;
  height: 64px;
}

form.ajaxformfloat {
  z-index: 1;
  display: inline-block;
  position: absolute;
  top: 0px;
  cursor: auto;
  padding: 10px;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0px 0px 40px black;
  z-index: 10;
}

div.ajaxformback {
  width: 100%;
  height: 100%;
  display: inline;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2;
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.4);
}

span.battery {
  display: inline-block;
  height: 10px;
  float: right;
  margin: 0;
  padding: 0;
  margin-top: 4px;
}

div.battery {
  display: block;
  width: 25px;
  height: 10px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

span.batteryfull {
  height: 10px;
  float: left;
  background-color: blue;
  margin: 0;
  padding: 0;
}

span.batteryempty {
  height: 8px;
  background-color: lightblue;
  border: 1px solid lightgrey;
  margin: 0;
  padding: 0;
}

img.icooption {
  width: 24px;
  height: 24px;
  float: right;
  cursor: pointer;
  display: inline-block;
  margin: -3px;
  padding-left: 5px;
  padding-right: 5px
}

img.icooption:hover {
  background-color: yellow;
}

input.spliti {
  width: 60px;
  text-align: right;
  padding-right: 4px;
}

input.splite {
  width: 60px;
  text-align: right;
  padding-right: 4px;
}

input.splitd {
  width: 169px;
  padding-right: 4px;
}

input.splitt {
  width: 169px;
  padding-right: 4px;
}

tr.hi {
  background-color: white
}

tr.hi:hover {
  background-color: whitesmoke
}

div.config {
  float: right;
  width: 0px;
  height: 22px;
  padding-right: 22px;
  background-image: url(/IMAGES/ico_config.png);
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
}

div.addproduct {
  width: 100%;
  padding: 5px;
}

div.prodselect {
  margin-right: 0px;
  border-radius: 5px;
  min-height: 97px;
  border: 1px solid lightgrey;
  background-color: whitesmoke;
  width: 466px;
  position: relative;
  left: -6px;
}

div.prodlist {
  background-color: white;
  margin-bottom: -5px;
  padding-bottom: 5px;
  padding-top: 5px;
  line-height: 1em;
}

div.prodheading {
  width: calc(100% - 10px);
  clear: both;
  display: inline-block;
  background-color: white;
  padding: 5px;
  font-size: 1.3em;
  border-bottom: 1px solid lightgray;
  padding-top: 8px;
  background: whitesmoke;
}

div#addpl {
  border: 1px solid lightgrey;
  margin: -4px;
  overflow: hidden;
  margin-top: -9px;
  margin-bottom: -6px;
}

tfoot.tbltotals td {
  background-color: whitesmoke;
  border: 1px solid lightgrey;
}

div.iconbig {
  display: inline-block !important;
  padding-bottom: 3px !important;
  padding-top: 3px !important;
  padding-left: 5px !important;
  padding-right: 0px !important;
  text-align: left !important;
  position: relative !important;
  width: unset !important;
}

label.iconbig {
  width: 83px;
  height: 86px;
  position: relative;
  background-color: white;
  border-radius: 5px;
  border: 1px solid lightgrey;
  text-align: center;
}

label.iconbig:hover {
  box-shadow: 0px 0px 10px #4556b2;
  color: black !important;
  background-color: rgba(255, 255, 0, 0.6) !important;
}

label.iconbig a.fileDownloadSimpleRichExperience:hover {
  background: transparent !important;
}

img.iconbig {
  width: 48px;
  height: 48px;
  position: relative;
  top: 12px;
}

span.iconbigtext {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 99%;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 80%;
  left: -5%;
}

span.iconbigcnt {
  position: absolute;
  right: 5px;
  top: 5px;
  color: chocolate;
}

.btnbig {
  display: inline-block;
  border: 1px solid lightgrey;
  background-color: whitesmoke;
  border-radius: 5px;
  padding: 10px;
  margin-left: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  width: 100px;
  text-align: center;
}

.iconbigplace {
  border: 1px dashed gray;
  box-shadow: 0px 0px 0px transparent !important;
}

.btnbig:hover {
  background-color: rgba(255, 255, 0, 0.6) !important;
}

div.pr1 {
  margin-right: 5px;
}

div.prp1 {
  margin-right: 5px;
  padding: 5px;
  max-height: 300px;
  overflow: auto;
  margin-bottom: 20px;
}

.prp1 table {
  border: 1px solid lightgrey;
  width: 100%
}

.prp1 thead {
  background-color: whitesmoke;
  font-weight: bold;
}

.prp1 thead td {
  border-bottom: 1px solid lightgrey;
}

.prp1 tfoot {
  background-color: silver;
  font-weight: bold;
  font-size: 12px;
}

.prp1 tfoot td {
  border-top: 1px solid lightgrey;
}

.prp1 td {
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.7);
}

.prp1 tr:hover {
  background-color: yellow
}

div.pr2 {
  margin-left: -5px;
  padding-left: 5px;
}

div.prp2 {
  margin-right: 26px;
  padding-bottom: 20px;
  margin-left: 6px;
}

.prp2 table {
  border: 1px solid lightgrey;
  width: 100%
}

.prp2 thead {
  background-color: whitesmoke;
  font-weight: bold;
}

.prp2 thead td {
  border-bottom: 1px solid lightgrey;
}

.prp2 tfoot {
  background-color: silver;
  font-weight: bold;
  font-size: 12px;
}

.prp2 tfoot td {
  border-top: 1px solid lightgrey;
}

.prp2 td {
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.7);
}

.prp2 tr:hover {
  background-color: yellow
}

div.pr3 {
  margin-left: -5px;
  padding-left: 5px;
}

div.prp3 {
  margin-right: 5px;
  padding: 5px;
  max-height: 500px;
  overflow: auto;
  border: 1px solid lightgrey;
  background-color: gainsboro;
}

.prp3 table {
  border: 1px solid lightgrey;
  width: 100%;
  margin-bottom: 20px;
}

.prp3 thead {
  background-color: whitesmoke;
  font-weight: bold;
}

.prp3 thead td {
  border-bottom: 1px solid lightgrey;
}

.prp3 tfoot {
  background-color: silver;
  font-weight: bold;
  font-size: 12px;
}

.prp3 tfoot td {
  border-top: 1px solid lightgrey;
}

.prp3 td {
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.7);
}

.prp3 tr:hover {
  background-color: yellow
}

td.right {
  text-align: right
}

td.center {
  text-align: center
}

th.right {
  text-align: right
}

th.center {
  text-align: center
}

span.prdated {
  display: inline;
  font-size: 1.7em;
  margin: 0px;
}

span.prdatem {
  display: inline;
  font-size: 1.5em;
  margin: 0px;
}

span.prdatey {
  display: inline;
  font-size: 0.8em;
  margin: 0px;
}

span.prdatedow {
  display: inline;
  font-size: 14px;
  float: right;
}

span.red {
  color: red !important;
}

td.red {
  color: red !important;
}

td.blue {
  color: blue !important;
}

td.green {
  color: green !important;
}

td.silver {
  color: gray !important;
}

td.purple {
  color: purple !important;
}

img.prp {
  width: 20px;
  padding-right: 12px;
}

td.method {
  font-size: 12px;
}

span.prphead {
  font-size: 12px;
  font-weight: bold;
}

div.tillsearch {
  width: 500px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: bottom;
}

div.tilltotalbar {
  height: 100px;
  width: 415px;
  display: inline-block;
  color: white;
  background-color: black;
  padding: 10px;
  font-size: 14px;
  text-align: right;
  vertical-align: bottom;
  border-radius: 10px;
  box-shadow: 0px 0px 14px lime;
  margin-bottom: 10px;
}

div.tillleftbar {
  display: inline-block;
  width: 476px;
  border: 1px solid lightgrey;
  padding: 10px;
  margin-right: 10px;
  border-radius: 10px;
  vertical-align: top;
  height: 400px;
  background-color: whitesmoke;
  overflow-x: hidden;
  overflow-y: auto;
}

div.tillsearchbar {
  width: 100%;
  display: inline-block;
}

div.tillkeypad {
  padding: 10px;
  height: 400px;
  width: 415px;
  display: inline-block;
  border: 1px solid lightgrey;
  background-color: whitesmoke;
  border-radius: 10px;
}

div.tillfunction {
  padding: 10px;
  height: 400px;
  width: 415px;
  display: none;
  border: 1px solid lightgrey;
  background-color: whitesmoke;
  border-radius: 10px;
}

label.tillnum {
  font-size: 41px;
  text-align: center;
  vertical-align: middle;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 80px;
  border: 1px solid black;
}

span.tillnum {
  border: 1px solid lightgrey;
  border-radius: 5px;
  height: 100%;
  margin-top: -10px;
  padding-bottom: 8px;
  text-align: center;
  padding-top: 10px;
}

label.tillfunc {
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  height: 23px;
  padding-top: 12px;
  padding-bottom: 13px;
  width: 125px;
}

div.tillnumright {
  float: right;
  height: 100%;
  width: 135px;
}

div.tilllist {
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 5px;
  width: 450px;
  box-shadow: 2px 2px 6px silver;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow-x: hidden;
}

label.iconsm.tillfunc {
  width: 33px;
  height: 24px;
  padding: 0px;
  margin-left: 5px;
  margin-right: 0px;
}

input#tillsearchclient {
  font-size: 20px;
  height: 24px;
  width: 400px;
}

div#tillsearchresult {
  overflow-x: hidden;
  overflow-y: auto;
  height: 420px;
  border: 1px solid lightgrey;
  padding: 5px;
  border-radius: 5px;
  background-color: white;
  z-index: 999;
  float: left;
  position: absolute;
  width: 486px;
  box-shadow: 3px 3px 6px lightseagreen;
}

div.tilllist:hover {
  background-color: yellow;
}

input.tillchkb {
  width: 25px;
  align-items: center;
  vertical-align: middle;
}

table.tillprod {
  border: 1px solid lightgrey;
  background-color: white;
}

tr.tillprodhead {
  background-color: whitesmoke;
  font-weight: bold;
  font-size: 20px;
}

td.tillprod {
  padding-bottom: 5px;
  padding-top: 5px;
}

td.tillprod.tillprodheadd {
  border-bottom: 1px solid black;
}

td.tillprod.tillprodheadp {
  border-bottom: 1px solid black;
  text-align: center;
}

td.tillprod.tillprodheada {
  border-bottom: 1px solid black;
}

td.tillprod.tillprodheadcur {
  font-size: 12px;
}

td.tillprod.tillprodheadarr {
  font-size: 12px;
}

tr.tillprodfoot {
  background-color: whitesmoke;
  font-size: 20px;
  font-weight: bold;
}

td.tillprod.tilldescription {
  font-size: 12px;
}

td.tillprodamount {
  font-size: 20px;
  text-align: right;
}

td.tillprod.tillprodfootd {
  border-top: 1px solid black;
}

td.tillprod.tillprodfoota {
  text-align: right;
  border-top: 1px solid black;
}

.tillamount {
  position: relative;
  top: 40px;
  display: inline-block;
}

input#tillv:focus {
  border: 0px transparent;
  outline: transparent;
}

input#tillv {
  font-size: 60px;
  background-color: transparent;
  border: 0px transparent;
  outline: transparent;
  padding: 5px;
  height: 60px;
  color: green;
  text-align: right;
  width: 280px;
  float: right;
}

.tilldis {
  float: left;
  position: relative;
  text-align: left;
  font-family: "Courier New", Courier, monospace;
  top: 30px;
  width: 150px;
  margin-right: -150px;
}

div.tillstatus {
  display: inline;
  color: gray;
  position: relative;
  top: -68px;
}

span.tillstatus {
  display: inline;
  border-left: 1px solid green;
  padding-left: 10px;
}

span.statuson {
  color: white;
  font-size: 18px;
  padding: 5px;
  border-radius: 4px;
  background-color: green;
}

span.statusoff {
  color: salmon;
}

div#tillclock {
  float: right;
  position: relative;
  top: -24px;
  right: -63px;
  margin-bottom: -30px;
  color: green;
}

div#tillactive {
  margin-bottom: 20px;
}

div#tillactive {
  border: 1px solid lightgrey;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 5px;
}

img.tilllogo {
  position: absolute;
}

span.tilldna {
  float: right;
  font-size: 14px;
  font-weight: bold;
  background-color: whitesmoke;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid lightgrey;
}

.tillcashup {
  font-size: 20px;
}

span.tillcashupd {
  display: inline-block;
  width: 275px;
  vertical-align: top;
}

span.tillcashupv {
  width: 160px;
  text-align: right;
  display: inline-block;
  vertical-align: top;
}

div.tillmethodcheque {
  background-image: url(/IMAGES/TILLCHEQUE.PNG);
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 100%;
  height: 100%;
  font-size: 17px;
}

div.tillmethodcard {
  background-image: url(/IMAGES/TILLCARD.PNG);
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 100%;
  height: 100%;
  font-size: 17px;
}

div.tilltransio {
  background-image: url(/IMAGES/TILLTRANSIO.PNG);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 205px;
  width: 100%;
  height: 100%;
  font-size: 17px;
}

div.popuptool {
  border-radius: 5px;
  background-color: whitesmoke;
  box-shadow: 2px 2px 14px black;
  height: 22px;
  margin-top: -29px;
  width: 170px;
  position: relative;
  left: -24px;
}

div.dash_pay {}

div.tab {
  cursor: pointer;
  display: inline-block;
  border: 1px solid lightgrey;
  margin-right: 2px;
  background-color: white;
  border-radius: 0px 8px 0px 0px;
  padding: 5px;
  margin-bottom: -3px;
}

div.tabcontent {
  border: 1px solid lightgrey;
  display: inline-block;
  background-color: azure;
  margin-left: -5px;
  padding-left: 5px;
  padding-bottom: 10px;
  width: calc(100% - 2px);
  min-height: 172px;
  margin-bottom: 10px;
  margin-top: 2px;
}

div.tabd {
  border-radius: 0px 0px 8px 0px !important;
}

div.selecttab {
  background-color: whitesmoke !important;
  color: black !important;
  font-weight: bold !important;
}

div.tab:hover {
  background-color: yellow !important;
  color: black !important;
}

div.dash_pay_comp {
  background-color: white;
}

div.dash_pay_client {
  background-color: white;
}

div.welcome_left {
  display: inline-block;
  width: 100%;
}

div.welcome_space {
  display: none
}

div.welcome_right {
  display: inline-block;
  width: 100%
}

img.vidico1 {
  position: absolute;
  right: 2px;
  top: 5px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.33);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: -2px;
  padding-right: 3px;
  padding-left: 3px;
}

img.vidico1:hover {
  background-color: rgba(255, 255, 255, 0.50);
}

.divgrp {
  display: inline-block;
  border: 1px solid lightgrey;
  margin: 5px;
  border-radius: 5px;
  text-align: center;
  padding: 5px;
}

span.legendrefund {
  background-color: cornflowerblue;
  color: white;
}

img.twitterad {
  box-shadow: 0px 0px 10px black;
  border-radius: 5px;
}

div.cal_odd {
  background-color: rgba(192, 192, 192, 0.24);
  margin-right: -6px;
  padding-right: 10px;
  margin-bottom: 4px;
  padding-bottom: 1px;
  margin-left: -2px;
  padding-left: 2px;
}

img.toolico {
  float: right;
  position: relative;
  top: -5px;
  width: 25px;
  height: 25px;
  padding-left: 5px;
}

table.ajaxform {
  width: 100%;
  border: 1px solid lightgrey;
}

table.ajaxform .th {
  font-weight: bold;
}

tr.hot {
  background-color: gainsboro;
}

.hot td {
  padding-right: 5px;
}

.hot td input {
  padding-right: 2px;
  width: calc(100% - 2px);
}

.hot1 td {
  padding-right: 10px;
}

.hot1 td input {
  padding-right: 5px;
  width: 100%;
}

.hot2 td {
  padding-right: 10px;
}

.hot2 td input {
  padding-right: 5px;
  width: 100%;
}

.quoteitem td {
  padding-right: 5px;
}

.quoteitem td input {
  padding-right: 5px;
  width: 100%;
}

td.qcs {
  width: 35px;
  min-width: 35px;
  height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
}

td.qcc {
  width: 35px;
  min-width: 35px;
  height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
}

td.qcd {
  width: 100%;
  height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
  text-align: left;
}

td.qcr {
  width: 120px;
  min-width: 120px;
  height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
}

td.qcq {
  width: 60px;
  min-width: 60px;
  height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
}

td.qcp {
  width: 60px;
  min-width: 60px;
  height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
}

td.qce {
  width: 60px;
  min-width: 60px;
  height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
  background-color: rgba(0, 0, 255, 0.06);
}

td.qcv {
  width: 60px;
  min-width: 60px;
  height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
}

td.qci {
  width: 60px;
  min-width: 60px;
  height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  background-color: rgba(0, 0, 255, 0.20);
  font-weight: bold;
  vertical-align: middle;
}

td.qco {
  width: 45px;
  min-width: 45px;
  height: 22px;
  word-break: break-all;
  word-wrap: break-word;
  text-align: center;
  background-color: rgba(64, 64, 64, 0.1);
  vertical-align: middle;
}

tr.even {
  background-color: whitesmoke;
}

tr.odd {
  background-color: white;
}

tr.quoteitem:hover {
  background-color: yellow;
}

div.btnsave {
  background-color: limegreen;
  font-size: 20px;
}

div.btnclose {
  background-color: red;
  color: white;
  font-size: 20px;
}

span.formtab {
  font-size: 18px;
  font-weight: bold;
  background-color: whitesmoke;
  border-radius: 4px;
  line-height: 26px;
  padding: 0px 0px 0px 8px;
  margin: 0px;
  border: 1px solid lightgrey;
}

span.ajaxformtab {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid lightgrey;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: whitesmoke;
  border-radius: 0px 0px 10px;
  top: -1px;
  position: relative;
  margin-right: 0px;
  box-shadow: 2px 2px 7px gray;
  cursor: pointer;
}

span.ajaxformtab:hover {
  background-color: yellow;
}

span.ajaxformtabactive {
  background-color: whitesmoke !important;
  box-shadow: 0px 0px 0px white !important;
}

div.ajaxformpage {
  width: 100%;
}

.formdatafields .msgactionbar {
  border-top: 1px solid silver;
  margin: 10px 0px -5px -10px;
  padding: 5px;
  width: calc(100% - -10px);
}

div.ajaxformpageactive {
  display: inline;
}

div.ajaxbuttonbar {
  border-top: 1px solid lightgrey;
  display: inline-block;
  width: 100%;
  padding-top: 5px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: white;
  height: 30px;
  border-radius: 0px 0px 10px 10px;
}

img.paperclip {
  width: 42px;
  height: 80px;
  position: absolute;
  right: 35px;
  top: -23px;
  z-index: 10;
}

tr.redtext {
  color: red;
}

tr.bluetext {
  color: blue;
}

td.redtext {
  color: red;
}

td.bluetext {
  color: blue;
}

td.ball {
  border: 1px solid lightgrey;
  border-radius: 60px;
  height: 60px;
  width: 60px;
  text-align: center;
  background-color: white;
}

td.ball.active {
  background-color: #4556b2 !important;
}

td.ballspace {
  border-bottom: 1px solid lightgrey;
  width: 20px
}

td.ph-d {
  border-right: 1px solid lightgrey;
  background: lightblue;
}

td.ph-ab {
  border-left: 1px solid lightgrey;
  background: lightblue;
}

tr.ph-tr:hover {
  background: yellow;
}

img.footerico {
  height: 16px;
  margin-right: 3px;
  border-radius: 5px;
  border: 1px solid lightgrey;
  opacity: .7;
}

div.footerclips {
  float: left;
  width: 100%;
  background: url(/IMAGES/bk3.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 20% auto;
  padding-bottom: 20px;
}

img.footerquote {
  box-shadow: 0px 0px 10px black;
}

img.footerredclip {
  float: left;
  position: relative;
  top: -45px;
  left: 20px;
  z-index: 1;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  background-image: url();
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -9px;
  display:none !important;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 4px;
  padding: 8px 10px 0px 30px;
  background: whitesmoke;
  margin-bottom: 0px;
}

div.foot1 {
  padding: 9px;
  color: grey;
  font-size: .7em;
  text-align: center;
}

div.foot1x {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 9px;
  background: #4556b2;
  color: white;
  font-size: .7em;
  text-align: center;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

span.foot2 {
  color: steelblue;
  display: inline-block;
}

table.tbldata {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
  background-color: white;
  border: 1px solid lightgrey;
}

.tbldata th {
  padding: 3px 5px 1px 5px;
  background-color: whitesmoke;
  font-weight: bold;
  border: 1px solid lightgrey;
  vertical-align: middle;
  color: grey;
}

.tbldata tfoot td {
  padding: 8px 3px 3px 3px !important;
  background-color: white;
  font-weight: bold;
  vertical-align: middle;
}

td.tbldata {
  padding: 3px;
  vertical-align: top;
  border-right: 1px solid lightgrey
}

td.clear {
  border: 0 !important;
  background-color: white
}

table.tbldata tr {
  line-height: 1em
}

table.tbldata tbody td {
  border: 1px solid lightgrey;
  padding: 8px 3px 5px 3px;
  line-height: 2em;
  vertical-align: text-top;
}

.tbldata tr:hover {
  background-color: rgba(255, 255, 0, 0.25);
}

.tbldata tr.noh:hover {
  background-color: white
}

table.tbldata thead tr {
  line-height: 2em;
}

tr.stopped {
  color: red !important;
  text-decoration: line-through !important;
}

tr.bsmonthclick {
  line-height: 2em;
}

tr.none td {
  padding-top: 1em;
}

.ui-accordion .ui-accordion-content {
  padding: 5px;
}

span.productheading {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0px 0px 0px 8px;
  margin: 0px;
  display: inline-block;
  left: 50px;
  position: relative;
}

span.heading {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0px 0px 0px 8px;
  margin: 0px;
  display: inline-block;
  left: 50px;
  top: 6px;
  position: relative;
}

.tab.selected {
  background-color: whitesmoke;
}

div.igraph {
  overflow: hidden;
  padding: 0px 0px 12px 0px;
  float: left;
  margin: 5px;
}

.btnbar {
  display: inline-block;
  padding: 5px;
  overflow: hidden;
  border-top: 1px solid lightgray;
  margin-top: 14px;
  background: whitesmoke;
  width: 100%;
  margin-left: -6px;
  height: 50px;
  /*     margin-bottom: -6px; */
}

.btnbarico {
  padding: 10px;
  margin-left: 5px;
  float: left;
  background-color: #4556b2;
  border: 1px solid lightblue;
}

.btnbarico img {
  width: 32px;
  height: 32px;
}

.btnbarico:hover {
  background-color: yellowgreen;
}

nav {
  background-color: #666;
  display: inline-grid;
  z-index: 10000;
  padding-left: 20px;
  padding-right: 10px;
  width: calc(100% - 30px);
  overflow: hidden;
}

nav.top {
  margin-top: 1px;
}

nav.top .navscroll {
  padding-right: 15px;
  scrollbar-width: none;
}

nav.bottomscreen {
  width: 100vw;
  position: fixed;
  bottom: 0;
  left: 0;
  padding-top: 5px;
}

nav i.fas.fa-chevron-left,
nav i.fas.fa-chevron-right {
  color: white;
  /* border: 1px solid #ffffff66; */
  line-height: 55px;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  margin-top: 2px;
  /* background-color: #666; */
  margin-top: 5px;
  height: 55px;
}

nav i.fas.fa-chevron-left {
  left: 0;
}

nav i.fas.fa-chevron-right {
  right: 0;
}

nav.top i.fas.fa-chevron-left,
nav.top i.fas.fa-chevron-right {
  line-height: 50px;
  height: 50px;
  margin-left: 4px;
  margin-right: 4px;
}

nav div.navscroll {
  height: 60px;
  overflow-y: hidden;
  overflow-x: auto;
  display: inline-block;
}

nav div.navscrollcontent {
  display: inline-flex;
}

nav div.navbtn {
  width: 2em;
  float: left;
  border-radius: 50%;
  margin: 0.5em 0.5em;
  cursor: pointer;
  background-color: #333;
  border: 2px solid white;
  text-align: center;
  color: white;
  font-size: 1.4em;
  height: 2em;
  line-height: 2.2em;
}

nav div.navbtn.right {
  float: right;
}

nav div.navbtn.select {
  background-color: #1e88e5;
}

nav div.navbtn:hover,
.nativeapp:hover {
  background-color: #1e88e59c;
}

nav img {
  width: 1.2em;
  height: 1.2em;
  margin-top: 0.3em;
}

nav .navbtn i {
  font-size: 1.3em;
  /* color: white; */
  /* line-height: 1.5rem; */
}

nav i.fa-power-off {
  color: red;
  opacity: 0.6;
}

nav span {
  color: white;
  font-size: 8px;
  width: 100%;
  text-align: center;
  bottom: 8px;
  position: absolute;
  left: -5px;
}

div#google_translate_element>.goog-te-gadget {
  all: unset;
  float: left;
}

select.goog-te-combo {
  width: 100%;
  font-size: 1.3em;
}

table.navbtn {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-left: 5px;
}

table.navbtn:hover {
  background-color: yellowgreen;
  border-radius: 32px;
  width: 22px;
  height: 22px;
  padding: 5px;
}

div#ajax_compoption {
  padding-top: 5px;
  margin-bottom: 3px;
}

.igraphpopup {
  position: fixed;
  top: 5vh;
  left: 5vw;
  width: 87vw !important;
  background: white;
  z-index: 1000;
  height: 87vh !important;
  border-radius: 15px;
  box-shadow: 0px 0px 100px black !important;
}

div.toolshowhide {
  display: inline-block;
  padding-top: 5px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid lightgrey;
  margin-right: 5px;
  width: 60px;
  background-color: whitesmoke;
}

div.toolshowhide:hover {
  background: yellow;
}

span.toolshowhide {
  display: inline-block;
  position: relative;
  top: -4px;
  margin: 0px;
}

.hilight {
  background-color: yellow !important;
}

.btn.save {
  background-color: green;
  color: white;
  border: 0px;
  border-radius: 0px;
}

.btn.cancel {
  background-color: red;
  color: white;
  border: 0px;
  border-radius: 0px;
}

.btnred {
  background-color: red !important;
  color: white;
}

.btngreen {
  background-color: green !important;
  color: white;
}

.btnorange {
  background-color: orange !important;
  color: black;
}

.btnred:hover,
.btngreen:hover,
.btnorange:hover {
  background-color: yellowgreen !important;
}

.btnclear {
  background-color: whitesmoke;
  color: silver;
}

.toolheading {
  padding: 15px 15px 0px 15px;
  font-size: 17px;
  border-bottom: 1px dotted whitesmoke;
  margin-bottom: 10px;
}

span.ajaxformheadinline {
  display: inline-block;
  width: 99%;
  font-size: 1.1em;
  font-weight: bold;
  background-color: whitesmoke;
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 0.4em;
  margin: 0px 0px 10px -5px;
  background-image: url(/IMAGES/info1.png);
  background-repeat: no-repeat;
  background-position: right;
}

.infotxt {
  background-color: lightyellow;
  padding: 10px;
  border: 1px dotted silver;
  margin-bottom: 15px;
  color: gray;
  display: none;
}

.infotxt ol {
  list-style-type: initial
}

.infotxt li {
  padding-bottom: 1em;
}

div .configoptions {
  position: absolute;
  right: 29px;
  padding: 10px 20px 10px 10px;
  border: 1px solid lightgrey;
  margin-top: -22px;
  box-shadow: 0px 0px 10px silver;
}

.walletdata {
  width: 292px;
  float: right;
  padding-top: 10px;
}

.walletpretxt {
  float: left;
  display: inline-block;
  font-size: 1.5em;
  width: 215px;
}

.wallettxt {
  float: right;
  padding-right: 15px;
  border: 1px solid lightgrey;
  width: 60px;
  text-align: right;
  background-color: white;
  margin-right: 0px;
  height: 22px;
  margin-bottom: 3px;
}

span.walletstats {
  display: inline-block;
}

.walletstats div {
  display: inline-block;
  width: 116px;
}

.walletstats span {
  display: inline;
  font-weight: bold;
  float: right;
  text-align: right;
  width: 70px;
}

.walletstatsblk {
  display: inline-block;
  vertical-align: top;
  margin-right: 1%;
  background-color: whitesmoke;
  border: 1px solid lightgrey;
  padding: 5px;
  margin-bottom: 5px
}

th.rotate {
  height: 140px;
  white-space: nowrap;
}

th.rotate>div {
  transform: translate(25px, 51px) rotate(315deg);
  width: 30px;
}

th.rotate>div>span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

.refresh {
  background-image: url(/IMAGES/refresh.png);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 3px 3px;
  height: 19px;
  border: 1px solid green;
  width: 45px;
  padding-left: 23px;
  padding-top: 3px;
  margin-top: 5px;
  background-color: lightcyan;
  cursor: pointer;
}

.bsitem {
  white-space: nowrap;
  text-overflow: clip;
}

.bsfloat {
  position: fixed;
  left: calc(50% - 475px);
  top: 60px;
  box-shadow: 0 0 30px black;
  width: calc(100% - 100px);
  z-index: 10;
  padding: 20px;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  max-width: 940px;
  background: white;
}

.bsdetail {
  vertical-align: top;
}

.bsallocinfo {}

.bsallocc {
  height: 14px;
  width: 33%;
  display: inline-block;
  vertical-align: top;
}

.bsallocsc {
  width: 33%;
  display: inline-block;
  vertical-align: top;
}

.bsmonth {
  display: inline-block;
}

.formbtnbar {
  display: inline-block;
  width: 96%;
  margin-left: 10px;
  padding: 10px 0px 10px 0px;
}

.efl {
  position: absolute;
  background-color: white;
  border: 1px dotted silver;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0px 0px 5px #4556b2;
  z-index: 2;
  margin-top: 5px;
}

.bankcategory {
  margin: 0px !important;
  vertical-align: top;
  width: 100%;
  height: 300px;
  display: none;
  float: left;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid lightgrey;
  background-color: white;
}

.bankcategory span.c {
  width: 47%;
  display: inline-block;
  float: left;
  vertical-align: top;
}

.bankcategory span.s {
  width: 47%;
  display: inline-block;
  float: right;
  vertical-align: top;
}

.bankcategory div {
  width: 100%;
  display: inline-block;
  cursor: pointer;
}

.bankcategory div:hover {
  background-color: rgba(255, 255, 0, 0.25);
}

.bsico {
  width: 16px;
  background-repeat: no-repeat;
  display: inline-block;
  opacity: 0.5;
  float: right
}

.bsico:hover {
  opacity: 1
}

.stockdown {
  width: 12px;
  height: 12px;
  margin-left: 5px;
  margin-top: 2px;
  margin-bottom: -2px;
  opacity: 0.4;
}

.stockup {
  width: 12px;
  height: 12px;
  margin-left: 5px;
  margin-top: 2px;
  margin-bottom: -2px;
  opacity: 0.4;
}

.dottedtop {
  border-top: 1px dotted silver;
}

tr.bsq td {
  background-color: rgba(153, 153, 153, 0.13);
  font-size: 1.2em;
  color: black;
  cursor: pointer;
  border-top: 1px solid #d3d3d3;
  height: 35px;
}

td.bsqh {
  display: none;
  padding: 7px 0px 7px 10px;
  background-color: steelblue;
  vertical-align: bottom;
  font-weight: bold;
  font-size: 1.2em;
  color: white;
  cursor: pointer;
}

.bdrl {
  border-left: 1px solid #d3d3d3;
}

.bdrr {
  border-right: 1px solid #d3d3d3;
}

.bdrt {
  border-top: 1px solid #d3d3d3;
}

.bdrb {
  border-bottom: 1px solid #d3d3d3;
}

.bsinfoboxmonth {
  border: 1px solid lightgrey;
  overflow: hidden;
  padding: 5px;
  background-color: whitesmoke;
}

.bsmonthclick {
  cursor: pointer;
}

.bsalloc {
  cursor: pointer;
}

#editquote:hover {
  background-color: white !important;
}

td.middle {
  vertical-align: middle !important
}

div.formheading1 {
  border: 1px solid lightgrey;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  border-radius: 5px;
  height: 64px;
  overflow: hidden;
}

img.formheading1 {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
  padding: 7px;
  background-color: #11CFFF;
}

span.formheading1 {
  color: #11CFFF;
  font-size: 3em;
  font-weight: bold;
  border-radius: 5px;
  float: left;
  margin-top: 15px;
}

img.formheading2 {
  float: right;
  width: 48px;
  height: 48px;
  padding: 9px;
  background-color: #11CFFF;
}

img.formheading2:hover {
  background-color: lightgreen;
}

.ajaxformheading {
  font-size: 1.8em;
  border-bottom: 1px dotted silver;
  margin-left: 2%;
  margin-right: 2%;
  line-height: 1.8em;
  margin-bottom: 10px;
  color: grey;
}

img.ajaxformicon {
  width: 32px;
  height: 32px;
  float: left;
  position: relative;
  top: -11px;
  margin-bottom: -25px;
  background-color: #11CFFF;
  padding: 6px;
  left: -11px;
}

i.ajaxformicon {
  width: 32px;
  height: 32px;
  float: left;
  position: relative;
  top: -11px;
  margin-bottom: -25px;
  background-color: #11CFFF;
  padding: 6px;
  left: -11px;
  color: white !important;
  font-size: 1.6em;
}

img.ajaxformvidicon {
  float: right;
  width: 20px;
  height: 20px;
  padding: 6px;
  border-radius: 5px;
  margin-top: -5px;
  margin-right: -5px;
}

input[type="number"] {
  text-align: right;
  border: 1px solid lightgrey;
}

.walletico {
  border: 1px solid lightgrey;
  padding: 20px;
  width: 64px;
  height: 64px;
  float: left;
  box-shadow: 2px 2px 5px gray;
  background-color: white;
}

.traybar {
  margin-top: 10px;
  background-color: whitesmoke;
  width: 100%;
  display: inline-block;
  padding: 10px;
  margin-left: -10px;
  margin-bottom: -15px;
  border-top: 1px solid lightgrey;
}

.red {
  color: red !important;
}

.green {
  color: green !important;
}

.blue {
  color: blue !important;
}

.skyblue {
  color: #4556b2 !important;
}

.grey {
  color: gray !important;
}

.orange {
  color: orange !important;
}

.walletstorel {
  display: inline-block;
  width: 150px;
  border: 1px solid lightgrey;
  padding: 5px;
  border-radius: 5px;
  margin-right: 20px;
  height: 210px;
  float: left;
  margin-bottom: 10px;
  margin-left: 55px;
}

.walletstorem {
  display: inline-block;
  width: 100px;
  padding: 5px;
  margin-right: 5px;
  height: 105px;
  float: left;
}

.walletstorer {
  display: inline-block;
  width: 150px;
  border: 1px solid lightgrey;
  padding: 5px;
  border-radius: 5px;
  height: 210px;
  float: left;
  margin-bottom: 10px;
}

.availtips {
  width: 80px;
  font-size: 2em !important;
  padding: 5px;
  text-align: right;
}

.btnwait {
  background: url(/IMAGES/loading.gif);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-color: black;
  background-size: 15px 70%;
  text-align: right;
  min-width: 40px;
}

.none:hover {
  background-color: transparent
}

.toolbtn.cancel {
  background-color: red;
  color: white;
}

div.pageholder {
  display: inline-block;
  width: 97%;
  background-color: white;
  border: 1px solid lightgrey;
  overflow: hidden;
  padding: 1%;
}

div.payc {
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8em
}

div.payd {
  width: 10px;
  height: 10px;
  float: left;
  margin-right: 5px;
}

div.payl {
  position: relative;
  top: -45px;
  left: 35px;
  display: inline-block;
  margin-bottom: -45px;
}

td.bsinact {
  border: 0px solid gray !important;
  color: gray;
}

td.bswend {
  background-color: rgba(192, 192, 192, 0.3) !important;
  border: 1px solid gray !important;
}

td.bstoday {
  border: 2px dotted blue !important;
}

td.bsneg {
  background-color: salmon !important;
  color: white;
}

td.bspos {
  background-color: lightgreen !important;
  color: black;
}

td.bsnone {
  height: 18px;
  text-align: center;
  vertical-align: top;
  background-color: white;
  border: 1px solid lightgrey;
  width: 44px;
  padding-top: 5px
}

td.tbldata.budd {
  font-size: 1.2em;
  width: 100px;
  text-align: right;
  padding-left: 10px;
}

td.tbldata.bude {
  font-size: 1.2em;
  width: 100px;
  text-align: right;
}

div.config1 {
  float: right;
  width: 0px;
  height: 18px;
  padding-right: 22px;
  background-image: url(/IMAGES/ico_config.png);
  background-repeat: no-repeat;
  background-position: right;
  overflow: hidden;
}

.elfinder-dialog-resize {
  margin-top: .3em
}

.elfinder-resize-type {
  float: left;
  margin-bottom: .4em
}

.elfinder-resize-control {
  padding-top: 3em
}

.elfinder-resize-control input[type=text] {
  border: 1px solid #aaa;
  text-align: right
}

.elfinder-resize-preview {
  width: 400px;
  height: 400px;
  padding: 10px;
  background: #fff;
  border: 1px solid #aaa;
  float: right;
  position: relative;
  overflow: auto
}

.elfinder-resize-handle {
  position: relative
}

.elfinder-resize-handle-hline,
.elfinder-resize-handle-vline {
  position: absolute;
  background-image: url("/css/iwap-theme/images/crop.gif")
}

.elfinder-resize-handle-hline {
  width: 100%;
  height: 1px !important;
  background-repeat: repeat-x
}

.elfinder-resize-handle-vline {
  width: 1px !important;
  height: 100%;
  background-repeat: repeat-y
}

.elfinder-resize-handle-hline-top {
  top: 0;
  left: 0
}

.elfinder-resize-handle-hline-bottom {
  bottom: 0;
  left: 0
}

.elfinder-resize-handle-vline-left {
  top: 0;
  left: 0
}

.elfinder-resize-handle-vline-right {
  top: 0;
  right: 0
}

.elfinder-resize-handle-point {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid #777;
  background: 0 0
}

.elfinder-resize-handle-point-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px
}

.elfinder-resize-handle-point-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px
}

.elfinder-resize-handle-point-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px
}

.elfinder-resize-handle-point-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px
}

.elfinder-resize-handle-point-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px
}

.elfinder-resize-handle-point-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px
}

.elfinder-resize-handle-point-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px
}

.elfinder-resize-handle-point-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px
}

.elfinder-resize-spinner {
  position: absolute;
  width: 200px;
  height: 30px;
  top: 50%;
  margin-top: -25px;
  left: 50%;
  margin-left: -100px;
  text-align: center;
  background: url(/css/iwap-theme/images/progress.gif) center bottom repeat-x
}

.elfinder-resize-row {
  margin-bottom: 7px;
  position: relative
}

.elfinder-resize-label {
  float: left;
  width: 80px;
  padding-top: 3px
}

.elfinder-resize-reset {
  width: 16px;
  height: 16px;
  position: absolute;
  margin-top: -8px
}

.elfinder-dialog .elfinder-dialog-resize .ui-resizable-e {
  height: 100%;
  width: 10px
}

.elfinder-dialog .elfinder-dialog-resize .ui-resizable-s {
  width: 100%;
  height: 10px
}

.elfinder-dialog .elfinder-dialog-resize .ui-resizable-se {
  background: 0 0;
  bottom: 0;
  right: 0;
  margin-right: -7px;
  margin-bottom: -7px
}

.elfinder-dialog-resize .ui-icon-grip-solid-vertical {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
  margin-right: -11px
}

.elfinder-dialog-resize .ui-icon-grip-solid-horizontal {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  margin-bottom: -11px
}

.elfinder-resize-row .elfinder-buttonset {
  float: right
}

.elfinder-resize-rotate-slider {
  float: left;
  width: 195px;
  margin: 7px
}

.elfinder-resize-type span.ui-checkboxradio-icon {
  display: none
}

.elfinder-file-edit {
  width: 99%;
  height: 99%;
  margin: 0;
  padding: 2px;
  border: 1px solid #ccc
}

div .elfinder-cwd-wrapper-list tr.ui-state-default td {
  position: relative
}

div .elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon {
  position: absolute;
  top: .4em;
  left: 0;
  right: 0;
  margin: auto 0 auto auto
}

.elfinder-help {
  margin-bottom: .5em
}

.elfinder-help .ui-tabs-panel {
  padding: .5em
}

.elfinder-dialog .ui-tabs .ui-tabs-nav li a {
  padding: .2em 1em
}

.elfinder-help-shortcuts {
  height: 300px;
  padding: 1em;
  margin: .5em 0;
  overflow: auto
}

.elfinder-help-shortcut {
  white-space: nowrap;
  clear: both
}

.elfinder-help-shortcut-pattern {
  float: left;
  width: 160px
}

.elfinder-help-logo {
  width: 100px;
  height: 96px;
  float: left;
  margin-right: 1em;
  background: url('/css/iwap-theme/images/logo.png') center center no-repeat
}

.elfinder-help h3 {
  font-size: 1.5em;
  margin: .2em 0 .3em
}

.elfinder-help-separator {
  clear: both;
  padding: .5em
}

.elfinder-help-link {
  padding: 2px
}

.elfinder-help .ui-priority-secondary {
  font-size: .9em
}

.elfinder-help .ui-priority-primary {
  margin-bottom: 7px
}

.elfinder-help-team {
  clear: both;
  text-align: right;
  border-bottom: 1px solid #ccc;
  margin: .5em 0;
  font-size: .9em
}

.elfinder-help-team div {
  float: left
}

.elfinder-help-license {
  font-size: .9em
}

.elfinder-help-disabled {
  font-weight: 700;
  text-align: center;
  margin: 90px 0
}

.elfinder-help .elfinder-dont-panic {
  display: block;
  border: 1px solid transparent;
  width: 200px;
  height: 200px;
  margin: 30px auto;
  text-decoration: none;
  text-align: center;
  position: relative;
  background: #d90004;
  -moz-box-shadow: 5px 5px 9px #111;
  -webkit-box-shadow: 5px 5px 9px #111;
  box-shadow: 5px 5px 9px #111;
  background: -moz-radial-gradient(80px 80px, circle farthest-corner, #d90004 35%, #960004 100%);
  background: -webkit-gradient(radial, 80 80, 60, 80 80, 120, from(#d90004), to(#960004));
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  outline: none
}

.elfinder-help .elfinder-dont-panic span {
  font-size: 3em;
  font-weight: 700;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: 45px
}

.elfinder {
  padding: 0;
  position: relative;
  display: inline-block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: -5px;
  overflow: hidden;
  width: 466px !important;
  border: 0px;
}

.elfinder *:not(input):not(textarea):not(select):not([contenteditable=true]),
.elfinder-contextmenu *:not(input):not(textarea):not(select):not([contenteditable=true]) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none
}

.elfinder .overflow-scrolling-touch {
  -webkit-overflow-scrolling: touch
}

.elfinder-rtl {
  text-align: right;
  direction: rtl
}

.elfinder-workzone {
  padding: 0;
  position: relative;
  overflow: hidden;
  border-top: 1px solid lightgrey
}

.elfinder-lock,
.elfinder-perms,
.elfinder-symlink {
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url(/css/iwap-theme/images/toolbar.png);
  background-repeat: no-repeat;
  background-position: 0 -528px
}

.elfinder-na .elfinder-perms {
  background-position: 0 -96px
}

.elfinder-ro .elfinder-perms {
  background-position: 0 -64px
}

.elfinder-wo .elfinder-perms {
  background-position: 0 -80px
}

.elfinder-lock {
  background-position: 0 -656px
}

.elfinder-drag-helper {
  width: 70px;
  height: 60px;
  padding: 0 0 0 25px;
  z-index: 100000
}

.elfinder-drag-helper.html5-native {
  position: absolute;
  top: -1000px;
  left: -1000px
}

.elfinder-drag-helper-icon-status {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 42px;
  top: 60px;
  background: url('/css/iwap-theme/images/toolbar.png') 0 -96px no-repeat;
  display: block
}

.elfinder-drag-helper-move .elfinder-drag-helper-icon-status {
  background-position: 0 -720px
}

.elfinder-drag-helper-plus .elfinder-drag-helper-icon-status {
  background-position: 0 -544px
}

.elfinder-drag-num {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 14px;
  text-align: center;
  padding-top: 2px;
  font-weight: 700;
  color: #fff;
  background-color: red;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px
}

.elfinder-drag-helper .elfinder-cwd-icon {
  margin: 0 0 0 -24px;
  float: left
}

.elfinder-overlay {
  position: absolute;
  opacity: .2;
  filter: Alpha(Opacity=20)
}

.elfinder .elfinder-panel {
  position: relative;
  background-image: none;
  padding: 7px 12px
}

[draggable=true] {
  -khtml-user-drag: element
}

.elfinder-contextmenu,
.elfinder-contextmenu-sub {
  display: none;
  position: absolute;
  border: 1px solid #aaa;
  background: #fff;
  color: #555;
  padding: 4px 0
}

.elfinder-contextmenu-sub {
  top: 5px
}

.elfinder-contextmenu-ltr .elfinder-contextmenu-sub {
  margin-left: -5px
}

.elfinder-contextmenu-rtl .elfinder-contextmenu-sub {
  margin-right: -5px
}

.elfinder-contextmenu-header {
  margin-top: -4px;
  padding: 0 .5em .2ex;
  border: none;
  text-align: center
}

.elfinder-contextmenu-header span {
  font-weight: 400;
  font-size: .8em;
  font-weight: bolder
}

.elfinder-contextmenu-item {
  position: relative;
  display: block;
  padding: 4px 30px;
  text-decoration: none;
  white-space: nowrap;
  cursor: default
}

.elfinder-contextmenu-item .ui-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -8px;
  display: none
}

.elfinder-contextmenu-item .elfinder-touch {
  padding: 12px 30px
}

.elfinder-contextmenu .elfinder-contextmenu-item span {
  display: block
}

.elfinder-contextmenu-ltr .elfinder-contextmenu-item {
  text-align: left
}

.elfinder-contextmenu-rtl .elfinder-contextmenu-item {
  text-align: right
}

.elfinder-contextmenu-ltr .elfinder-contextmenu-sub .elfinder-contextmenu-item {
  padding-left: 12px
}

.elfinder-contextmenu-rtl .elfinder-contextmenu-sub .elfinder-contextmenu-item {
  padding-right: 12px
}

.elfinder-contextmenu-extra-icon,
.elfinder-contextmenu-arrow,
.elfinder-contextmenu-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  overflow: hidden
}

.elfinder-contextmenu-ltr .elfinder-contextmenu-icon {
  left: 8px
}

.elfinder-contextmenu-rtl .elfinder-contextmenu-icon,
.elfinder-contextmenu-ltr .elfinder-contextmenu-extra-icon {
  right: 8px
}

.elfinder-contextmenu-rtl .elfinder-contextmenu-extra-icon {
  left: 8px
}

.elfinder-contextmenu-arrow {
  width: 16px;
  height: 16px;
  background: url('/css/iwap-theme/images/arrows-normal.png') 5px 4px no-repeat
}

.elfinder-contextmenu-ltr .elfinder-contextmenu-arrow {
  right: 5px
}

.elfinder-contextmenu-rtl .elfinder-contextmenu-arrow {
  left: 5px;
  background-position: 0 -10px
}

.elfinder-contextmenu-extra-icon a,
.elfinder-contextmenu-extra-icon span {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 20px;
  margin: 0;
  color: transparent !important;
  text-decoration: none;
  cursor: pointer
}

.elfinder-contextmenu .ui-state-hover {
  border: 0 solid;
  background-image: none
}

.elfinder-contextmenu-separator {
  height: 0;
  border-top: 1px solid #ccc;
  margin: 0 1px
}

.elfinder-cwd-wrapper {
  overflow: auto;
  position: relative;
  padding: 2px;
  margin: 0
}

.elfinder-cwd-wrapper-list {
  padding: 0
}

.elfinder-cwd {
  position: relative;
  cursor: default;
  padding: 0;
  margin: 0;
  -ms-touch-action: auto;
  touch-action: auto
}

.elfinder .elfinder-cwd-wrapper .elfinder-droppable-active {
  outline: 2px solid #8cafed;
  outline-offset: -2px
}

.elfinder-cwd-wrapper-empty .elfinder-cwd:after {
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin-top: -2em;
  line-height: 1.5em;
  text-align: center;
  white-space: pre-wrap;
  opacity: .6;
  filter: Alpha(Opacity=60);
  font-weight: 700
}

.elfinder-cwd-view-icons .elfinder-cwd-file {
  width: 120px;
  height: 80px;
  padding-bottom: 2px;
  cursor: default;
  border: none
}

.elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file {
  float: left;
  margin: 0 3px 12px 0
}

.elfinder-rtl .elfinder-cwd-view-icons .elfinder-cwd-file {
  float: right;
  margin: 0 0 5px 3px
}

.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover {
  border: 0 solid
}

.elfinder-cwd-view-icons .elfinder-cwd-file-wrapper {
  width: 52px;
  height: 52px;
  margin: 1px auto;
  padding: 2px;
  position: relative
}

.elfinder-cwd-view-icons .elfinder-cwd-filename {
  text-align: center;
  max-height: 2.4em;
  line-height: 1.2em;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin: 3px 1px 0;
  padding: 1px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  word-break: break-word;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.elfinder-cwd-view-icons .elfinder-perms {
  bottom: 4px;
  right: 2px
}

.elfinder-cwd-view-icons .elfinder-lock {
  top: -3px;
  right: -2px
}

.elfinder-cwd-view-icons .elfinder-symlink {
  bottom: 6px;
  left: 0
}

.elfinder-cwd-icon {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background: url('/css/iwap-theme/images/icons-big.png') 0 0 no-repeat;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box
}

.elfinder-cwd .elfinder-droppable-active .elfinder-cwd-icon {
  background-position: 0 -100px
}

.elfinder-cwd .elfinder-droppable-active {
  outline: 2px solid #8cafed;
  outline-offset: -2px
}

.elfinder-cwd-icon-directory {
  background-position: 0 -50px
}

.elfinder-cwd-icon-application {
  background-position: 0 -150px
}

.elfinder-cwd-icon-x-empty,
.elfinder-cwd-icon-text {
  background-position: 0 -200px
}

.elfinder-cwd-icon-image,
.elfinder-cwd-icon-vnd-adobe-photoshop,
.elfinder-cwd-icon-postscript {
  background-position: 0 -250px
}

.elfinder-cwd-icon-audio {
  background-position: 0 -300px
}

.elfinder-cwd-icon-video,
.elfinder-cwd-icon-flash-video {
  background-position: 0 -350px
}

.elfinder-cwd-icon-rtf,
.elfinder-cwd-icon-rtfd {
  background-position: 0 -401px
}

.elfinder-cwd-icon-pdf {
  background-position: 0 -450px
}

.elfinder-cwd-icon-ms-excel,
.elfinder-cwd-icon-msword,
.elfinder-cwd-icon-vnd-ms-excel,
.elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-office,
.elfinder-cwd-icon-vnd-ms-powerpoint,
.elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-word,
.elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12,
.elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12,
.elfinder-cwd-icon-vnd-oasis-opendocument-chart,
.elfinder-cwd-icon-vnd-oasis-opendocument-database,
.elfinder-cwd-icon-vnd-oasis-opendocument-formula,
.elfinder-cwd-icon-vnd-oasis-opendocument-graphics,
.elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template,
.elfinder-cwd-icon-vnd-oasis-opendocument-image,
.elfinder-cwd-icon-vnd-oasis-opendocument-presentation,
.elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template,
.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet,
.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template,
.elfinder-cwd-icon-vnd-oasis-opendocument-text,
.elfinder-cwd-icon-vnd-oasis-opendocument-text-master,
.elfinder-cwd-icon-vnd-oasis-opendocument-text-template,
.elfinder-cwd-icon-vnd-oasis-opendocument-text-web,
.elfinder-cwd-icon-vnd-openofficeorg-extension,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document,
.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template {
  background-position: 0 -500px
}

.elfinder-cwd-icon-html {
  background-position: 0 -550px
}

.elfinder-cwd-icon-css {
  background-position: 0 -600px
}

.elfinder-cwd-icon-javascript,
.elfinder-cwd-icon-x-javascript {
  background-position: 0 -650px
}

.elfinder-cwd-icon-x-perl {
  background-position: 0 -700px
}

.elfinder-cwd-icon-x-python {
  background-position: 0 -750px
}

.elfinder-cwd-icon-x-ruby {
  background-position: 0 -800px
}

.elfinder-cwd-icon-x-sh,
.elfinder-cwd-icon-x-shellscript {
  background-position: 0 -850px
}

.elfinder-cwd-icon-x-c,
.elfinder-cwd-icon-x-csrc,
.elfinder-cwd-icon-x-chdr,
.elfinder-cwd-icon-x-c--,
.elfinder-cwd-icon-x-c--src,
.elfinder-cwd-icon-x-c--hdr,
.elfinder-cwd-icon-x-java,
.elfinder-cwd-icon-x-java-source {
  background-position: 0 -900px
}

.elfinder-cwd-icon-x-php {
  background-position: 0 -950px
}

.elfinder-cwd-icon-xml {
  background-position: 0 -1000px
}

.elfinder-cwd-icon-zip,
.elfinder-cwd-icon-x-zip,
.elfinder-cwd-icon-x-xz,
.elfinder-cwd-icon-x-7z-compressed {
  background-position: 0 -1050px
}

.elfinder-cwd-icon-x-gzip,
.elfinder-cwd-icon-x-tar {
  background-position: 0 -1100px
}

.elfinder-cwd-icon-x-bzip,
.elfinder-cwd-icon-x-bzip2 {
  background-position: 0 -1150px
}

.elfinder-cwd-icon-x-rar,
.elfinder-cwd-icon-x-rar-compressed {
  background-position: 0 -1200px
}

.elfinder-cwd-icon-x-shockwave-flash {
  background-position: 0 -1250px
}

.elfinder-cwd-icon-group {
  background-position: 0 -1300px
}

.elfinder-cwd input {
  width: 100%;
  border: 0 solid;
  margin: 0;
  padding: 0
}

.elfinder-cwd-view-icons input {
  text-align: center
}

.elfinder-cwd-view-icons textarea {
  width: 100%;
  border: 0 solid;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow: hidden;
  resize: none
}

.elfinder-cwd-view-icons {
  text-align: center
}

.elfinder-cwd table {
  width: 100%;
  border-collapse: separate;
  border: 0 solid;
  margin: 0 0 10px;
  border-spacing: 0;
  box-sizing: padding-box;
  padding: 2px
}

.elfinder .elfinder-cwd table thead tr {
  border-left: 0 solid;
  border-top: 0 solid;
  border-right: 0 solid
}

.elfinder .elfinder-cwd table thead td {
  padding: 4px 14px
}

.elfinder .elfinder-cwd table thead td.ui-state-active {
  background: #ebf1f6;
  background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebf1f6), color-stop(50%, #abd3ee), color-stop(51%, #89c3eb), color-stop(100%, #d5ebfb));
  background: -webkit-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
  background: -o-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
  background: -ms-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
  background: linear-gradient(to bottom, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf1f6', endColorstr='#d5ebfb', GradientType=0)
}

.elfinder .elfinder-cwd table td {
  padding: 4px 12px;
  white-space: pre;
  overflow: hidden;
  text-align: right;
  cursor: default;
  border: 0 solid
}

.elfinder .elfinder-cwd table td div {
  box-sizing: content-box
}

.elfinder .elfinder-cwd tr .elfinder-touch td {
  padding: 10px 12px
}

.elfinder .elfinder-cwd tr .elfinder-cwd-file .elfinder-touch td {
  padding: 13px 12px
}

.elfinder-ltr .elfinder-cwd table td {
  text-align: right
}

.elfinder-ltr .elfinder-cwd table td:first-child {
  text-align: left
}

.elfinder-rtl .elfinder-cwd table td {
  text-align: left
}

.elfinder-rtl .elfinder-cwd table td:first-child {
  text-align: right
}

.elfinder-odd-row {
  background: #eee
}

.elfinder-cwd-view-list .elfinder-cwd-file-wrapper {
  width: 97%;
  position: relative
}

.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-file-wrapper {
  padding-left: 23px
}

.elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-file-wrapper {
  padding-right: 23px
}

.elfinder-cwd-view-list .elfinder-perms,
.elfinder-cwd-view-list .elfinder-lock,
.elfinder-cwd-view-list .elfinder-symlink {
  margin-top: -6px;
  opacity: .6;
  filter: Alpha(Opacity=60)
}

.elfinder-ltr .elfinder-cwd-view-list .elfinder-perms {
  left: 8px;
  bottom: -4px
}

.elfinder-ltr .elfinder-cwd-view-list .elfinder-lock {
  left: 10px;
  top: 0
}

.elfinder-ltr .elfinder-cwd-view-list .elfinder-symlink {
  left: -7px;
  bottom: -4px
}

.elfinder-cwd-view-list td .elfinder-cwd-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  background-image: url(/css/iwap-theme/images/icons-small.png)
}

.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-icon {
  left: 0
}

.elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-icon {
  right: 0
}

.std42-dialog {
  padding: 0;
  position: absolute;
  left: auto;
  right: auto
}

.std42-dialog .ui-dialog-titlebar {
  border-left: 0 solid transparent;
  border-top: 0 solid transparent;
  border-right: 0 solid transparent;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: 400;
  padding: .2em 1em
}

.std42-dialog .ui-dialog-titlebar-close,
.std42-dialog .ui-dialog-titlebar-close:hover {
  padding: 1px
}

.elfinder-rtl .elfinder-dialog .ui-dialog-titlebar {
  text-align: right
}

.elfinder-rtl .elfinder-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  right: auto;
  left: .3em
}

.std42-dialog .ui-dialog-content {
  padding: .3em .5em
}

.std42-dialog .ui-dialog-content,
.std42-dialog .ui-dialog-content * {
  -webkit-user-select: auto !important;
  -moz-user-select: text !important;
  -khtml-user-select: text !important;
  user-select: text !important
}

.std42-dialog .ui-dialog-buttonpane {
  border: 0 solid;
  margin: 0;
  padding: .5em;
  text-align: right
}

.elfinder-rtl .std42-dialog .ui-dialog-buttonpane {
  text-align: left
}

.std42-dialog .ui-dialog-buttonpane button {
  margin: .7em 0 0 .4em;
  padding: .2em;
  outline: 0 solid
}

.std42-dialog .ui-dialog-buttonpane button span {
  padding: 2px 9px
}

.std42-dialog .ui-dialog-buttonpane button span.ui-icon {
  padding: 2px
}

.elfinder-dialog .ui-resizable-e,
.elfinder-dialog .ui-resizable-s {
  width: 0;
  height: 0
}

.std42-dialog .ui-button input {
  cursor: pointer
}

.elfinder-dialog-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 12px;
  top: 50%;
  margin-top: -15px;
  background: url("/css/iwap-theme/images/dialogs.png") 0 0 no-repeat
}

.elfinder-rtl .elfinder-dialog-icon {
  left: auto;
  right: 12px
}

.elfinder-dialog-error .ui-dialog-content,
.elfinder-dialog-confirm .ui-dialog-content {
  padding-left: 56px;
  min-height: 35px
}

.elfinder-rtl .elfinder-dialog-error .ui-dialog-content,
.elfinder-rtl .elfinder-dialog-confirm .ui-dialog-content {
  padding-left: 0;
  padding-right: 56px
}

.elfinder-dialog-notify .ui-dialog-titlebar-close {
  display: none
}

.elfinder-dialog-notify .ui-dialog-content {
  padding: 0
}

.elfinder-notify {
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: .5em;
  text-align: center;
  overflow: hidden
}

.elfinder-ltr .elfinder-notify {
  padding-left: 30px
}

.elfinder-rtl .elfinder-notify {
  padding-right: 30px
}

.elfinder-notify:last-child {
  border: 0 solid
}

.elfinder-notify-progressbar {
  width: 180px;
  height: 8px;
  border: 1px solid #aaa;
  background: #f5f5f5;
  margin: 5px auto;
  overflow: hidden
}

.elfinder-notify-progress {
  width: 100%;
  height: 8px;
  background: url(/css/iwap-theme/images/progress.gif) center center repeat-x
}

.elfinder-notify-progressbar,
.elfinder-notify-progress {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px
}

.elfinder-dialog-icon-open,
.elfinder-dialog-icon-readdir,
.elfinder-dialog-icon-file,
.elfinder-dialog-icon-reload {
  background-position: 0 -225px
}

.elfinder-dialog-icon-mkdir {
  background-position: 0 -64px
}

.elfinder-dialog-icon-mkfile {
  background-position: 0 -96px
}

.elfinder-dialog-icon-copy,
.elfinder-dialog-icon-prepare,
.elfinder-dialog-icon-move {
  background-position: 0 -128px
}

.elfinder-dialog-icon-upload,
.elfinder-dialog-icon-chunkmerge {
  background-position: 0 -160px
}

.elfinder-dialog-icon-rm {
  background-position: 0 -192px
}

.elfinder-dialog-icon-download {
  background-position: 0 -260px
}

.elfinder-dialog-icon-save {
  background-position: 0 -295px
}

.elfinder-dialog-icon-rename {
  background-position: 0 -330px
}

.elfinder-dialog-icon-zipdl,
.elfinder-dialog-icon-archive,
.elfinder-dialog-icon-extract {
  background-position: 0 -365px
}

.elfinder-dialog-icon-search {
  background-position: 0 -402px
}

.elfinder-dialog-icon-resize,
.elfinder-dialog-icon-loadimg,
.elfinder-dialog-icon-netmount,
.elfinder-dialog-icon-netunmount,
.elfinder-dialog-icon-chmod,
.elfinder-dialog-icon-preupload,
.elfinder-dialog-icon-dim {
  background-position: 0 -434px
}

.elfinder-dialog-confirm-applyall {
  padding: 0 1em;
  margin: 0
}

.elfinder-ltr .elfinder-dialog-confirm-applyall {
  text-align: left
}

.elfinder-rtl .elfinder-dialog-confirm-applyall {
  text-align: right
}

.elfinder-dialog-confirm .elfinder-dialog-icon {
  background-position: 0 -32px
}

.elfinder-dialog-confirm .ui-dialog-buttonset {
  width: auto
}

.elfinder-info-title .elfinder-cwd-icon {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 1em
}

.elfinder-rtl .elfinder-info-title .elfinder-cwd-icon {
  float: right;
  margin-right: 0;
  margin-left: 1em
}

.elfinder-info-title strong {
  display: block;
  padding: .3em 0 .5em
}

.elfinder-info-tb {
  min-width: 200px;
  border: 0 solid;
  margin: 1em .2em
}

.elfinder-info-tb td {
  white-space: nowrap;
  padding: 2px
}

.elfinder-info-tb tr td:first-child {
  text-align: right
}

.elfinder-info-tb span {
  float: left
}

.elfinder-info-tb a {
  outline: none;
  text-decoration: underline
}

.elfinder-info-tb a:hover {
  text-decoration: none
}

.elfinder-info-spinner {
  width: 14px;
  height: 14px;
  float: left;
  background: url("/css/iwap-theme/images/spinner-mini.gif") center center no-repeat;
  margin: 0 5px
}

.elfinder-netmount-tb {
  margin: 0 auto
}

.elfinder-netmount-tb select,
.elfinder-netmount-tb input {
  border: 1px solid #ccc
}

.elfinder-netmount-tb .elfinder-button-icon {
  cursor: pointer;
}

.elfinder-info-button {
  margin: -3.5px 0;
  cursor: pointer
}

.elfinder-upload-dropbox {
  text-align: center;
  padding: 2em 0;
  border: 3px dashed #aaa;
  height: 1em;
  overflow: hidden
}

.elfinder-upload-dropbox.ui-state-hover {
  background: #dfdfdf;
  border: 3px dashed #555
}

.elfinder-upload-dialog-or {
  margin: .3em 0;
  text-align: center
}

.elfinder-upload-dialog-wrapper {
  text-align: center
}

.elfinder-upload-dialog-wrapper .ui-button {
  position: relative;
  overflow: hidden
}

.elfinder-upload-dialog-wrapper .ui-button form {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.elfinder-upload-dialog-wrapper .ui-button form input {
  padding: 0 20px;
  font-size: 3em
}

.dialogelfinder .dialogelfinder-drag {
  border-left: 0 solid;
  border-top: 0 solid;
  border-right: 0 solid;
  font-weight: 400;
  padding: 2px 12px;
  cursor: move;
  position: relative;
  text-align: left
}

.elfinder-rtl .dialogelfinder-drag {
  text-align: right
}

.dialogelfinder-drag-close {
  position: absolute;
  top: 50%;
  margin-top: -8px
}

.elfinder-ltr .dialogelfinder-drag-close {
  right: 12px
}

.elfinder-rtl .dialogelfinder-drag-close {
  left: 12px
}

.elfinder-rm-title {
  margin-bottom: .5ex
}

.elfinder-rm-title .elfinder-cwd-icon {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 1em
}

.elfinder-rtl .elfinder-rm-title .elfinder-cwd-icon {
  float: right;
  margin-right: 0;
  margin-left: 1em
}

.elfinder-rm-title strong {
  display: block;
  white-space: pre-wrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis
}

.elfinder-rm-title+br {
  display: none
}

.elfinder-contextmenu .elfinder-contextmenu-item span {
  font-size: .76em
}

.elfinder-cwd-view-icons .elfinder-cwd-filename,
.elfinder-cwd-view-list td {
  font-size: 1em
}

.std42-dialog .ui-dialog-titlebar {
  font-size: .82em
}

.std42-dialog .ui-dialog-content {
  font-size: .72em
}

.std42-dialog .ui-dialog-buttonpane {
  font-size: 1em
}

.elfinder-info-tb {
  font-size: .9em
}

.elfinder-upload-dropbox,
.elfinder-upload-dialog-or {
  font-size: 1.2em
}

.dialogelfinder .dialogelfinder-drag {
  font-size: 1em
}

.elfinder .elfinder-navbar {
  font-size: 1em
}

.elfinder-place-drag .elfinder-navbar-dir {
  font-size: .9em
}

.elfinder-quicklook-title {
  font-size: .7em
}

.elfinder-quicklook-info-data {
  font-size: .72em
}

.elfinder-quicklook-preview-text-wrapper {
  font-size: .9em
}

.elfinder-button-menu-item {
  font-size: .72em
}

.elfinder-button-search input {
  font-size: .8em
}

.elfinder-statusbar div {
  font-size: .7em
}

.elfinder-drag-num {
  font-size: 12px
}

.elfinder .elfinder-navbar {
  width: 230px;
  padding: 3px 5px;
  background-image: none;
  border-top: 0 solid;
  border-bottom: 0 solid;
  overflow: auto;
  display: none;
  position: relative;
  background-color: white;
}

.elfinder-ltr .elfinder-navbar {
  float: left;
  border-left: 0 solid
}

.elfinder-rtl .elfinder-navbar {
  float: right;
  border-right: 0 solid
}

.elfinder-ltr .ui-resizable-e {
  margin-left: 10px
}

.elfinder-tree {
  display: table;
  width: 100%;
  margin: 0 0 .5em;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.elfinder-navbar-dir {
  position: relative;
  display: block;
  white-space: nowrap;
  padding: 3px 12px;
  margin: 0;
  outline: 0 solid;
  border: 1px solid transparent;
  cursor: default
}

.elfinder-navbar-dir .elfinder-touch {
  padding: 12px
}

.elfinder-ltr .elfinder-navbar-dir {
  padding-left: 40px
}

.elfinder-rtl .elfinder-navbar-dir {
  padding-right: 40px
}

.elfinder-navbar-arrow {
  width: 12px;
  height: 14px;
  position: absolute;
  display: none;
  top: 50%;
  margin-top: -8px;
  background-image: url("/css/iwap-theme/images/arrows-normal.png");
  background-repeat: no-repeat
}

.ui-state-active .elfinder-navbar-arrow {
  background-image: url("/css/iwap-theme/images/arrows-active.png")
}

.elfinder-navbar-collapsed .elfinder-navbar-arrow {
  display: block
}

.elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow {
  background-position: 0 4px;
  left: 0
}

.elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow {
  background-position: 0 -10px;
  right: 0
}

.elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow,
.elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow {
  background-position: 0 -21px
}

.elfinder-navbar-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  background-image: url("/css/iwap-theme/images/toolbar.png");
  background-repeat: no-repeat;
  background-position: 0 -16px
}

.elfinder-ltr .elfinder-navbar-icon {
  left: 14px
}

.elfinder-rtl .elfinder-navbar-icon {
  right: 14px
}

.elfinder-tree .elfinder-navbar-root .elfinder-navbar-icon {
  background-position: 0 0
}

.elfinder-places .elfinder-navbar-root .elfinder-navbar-icon {
  background-position: 0 -704px
}

.elfinder-tree .elfinder-navbar-root-local .elfinder-navbar-icon {
  background-image: url("/css/iwap-theme/images/volume_icon_local.png")
}

.elfinder-tree .elfinder-navbar-root-ftp .elfinder-navbar-icon {
  background-image: url("/css/iwap-theme/images/volume_icon_ftp.png")
}

.elfinder-tree .elfinder-navbar-root-sql .elfinder-navbar-icon {
  background-image: url("/css/iwap-theme/images/volume_icon_sql.png")
}

.elfinder-tree .elfinder-navbar-root-dropbox .elfinder-navbar-icon {
  background-image: url("/css/iwap-theme/images/volume_icon_dropbox.png")
}

.elfinder-tree .elfinder-navbar-root-googledrive .elfinder-navbar-icon {
  background-image: url("/css/iwap-theme/images/volume_icon_googledrive.png")
}

.ui-state-active .elfinder-navbar-icon,
.elfinder-droppable-active .elfinder-navbar-icon,
.ui-state-hover .elfinder-navbar-icon {
  background-position: 0 -32px
}

.elfinder-navbar-subtree {
  display: none
}

.elfinder-ltr .elfinder-navbar-subtree {
  margin-left: 12px
}

.elfinder-rtl .elfinder-navbar-subtree {
  margin-right: 12px
}

.elfinder-navbar-spinner {
  width: 14px;
  height: 14px;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -7px;
  background: url("/css/iwap-theme/images/spinner-mini.gif") center center no-repeat
}

.elfinder-ltr .elfinder-navbar-spinner {
  left: 0;
  margin-left: -2px
}

.elfinder-rtl .elfinder-navbar-spinner {
  right: 0;
  margin-right: -2px
}

.elfinder-navbar .elfinder-perms,
.elfinder-navbar .elfinder-lock,
.elfinder-navbar .elfinder-symlink {
  opacity: .6;
  filter: Alpha(Opacity=60)
}

.elfinder-navbar .elfinder-perms {
  bottom: -1px;
  margin-top: -8px
}

.elfinder-navbar .elfinder-lock {
  top: -2px
}

.elfinder-ltr .elfinder-navbar .elfinder-perms {
  left: 20px
}

.elfinder-rtl .elfinder-navbar .elfinder-perms {
  right: 20px
}

.elfinder-ltr .elfinder-navbar .elfinder-lock {
  left: 20px
}

.elfinder-rtl .elfinder-navbar .elfinder-lock {
  right: 20px
}

.elfinder-ltr .elfinder-navbar .elfinder-symlink {
  left: 8px
}

.elfinder-rtl .elfinder-navbar .elfinder-symlink {
  right: 8px
}

.elfinder-navbar input {
  width: 100%;
  border: 0 solid;
  margin: 0;
  padding: 0
}

.elfinder-navbar .ui-resizable-handle {
  width: 12px;
  background: url('/css/iwap-theme/images/resize.png') center center no-repeat
}

.elfinder-nav-handle-icon {
  position: absolute;
  top: 50%;
  margin: -8px 2px 0;
  opacity: .5;
  filter: Alpha(Opacity=50)
}

.elfinder-places {
  border: none;
  margin: 0;
  padding: 0
}

.elfinder-navbar-root .elfinder-places-root-icon {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  display: none
}

.elfinder-ltr .elfinder-places-root-icon {
  right: 10px
}

.elfinder-rtl .elfinder-places-root-icon {
  left: 10px
}

.elfinder-navbar-expanded .elfinder-places-root-icon {
  display: block
}

.elfinder-place-drag {
  font-size: .8em
}

.elfinder-quicklook {
  position: absolute;
  background: url("/css/iwap-theme/images/quicklook-bg.png");
  display: none;
  overflow: hidden;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  padding: 20px 0 40px
}

.elfinder-quicklook .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 5px;
  bottom: 3px;
  background: url("/css/iwap-theme/images/toolbar.png") 0 -496px no-repeat
}

.elfinder-quicklook-fullscreen {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  padding: 0;
  background: #000;
  z-index: 90000;
  display: block
}

.elfinder-quicklook-fullscreen .elfinder-quicklook-titlebar {
  display: none
}

.elfinder-quicklook-fullscreen .elfinder-quicklook-preview {
  border: 0 solid
}

.elfinder-quicklook-fullscreen iframe {
  height: 99%
}

.elfinder-quicklook-titlebar {
  text-align: center;
  background: #777;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
  cursor: move
}

.elfinder-quicklook-title {
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 0
}

.elfinder-quicklook-titlebar .ui-icon {
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  cursor: default
}

.elfinder-quicklook-preview {
  overflow: hidden;
  position: relative;
  border: 0 solid;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  height: 100%
}

.elfinder-quicklook-info-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -50px
}

.elfinder-quicklook-info {
  padding: 0 12px 0 112px
}

.elfinder-quicklook-info .elfinder-quicklook-info-data:first-child {
  color: #fff;
  font-weight: 700;
  padding-bottom: .5em
}

.elfinder-quicklook-info-data {
  padding-bottom: .2em;
  color: #fff
}

.elfinder-quicklook .elfinder-cwd-icon {
  position: absolute;
  left: 32px;
  top: 50%;
  margin-top: -20px
}

.elfinder-quicklook-preview img {
  display: block;
  margin: 0 auto
}

.elfinder-quicklook-navbar {
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 140px;
  height: 32px;
  padding: 0;
  margin-left: -70px;
  border: 1px solid transparent;
  border-radius: 19px;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px
}

.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar {
  width: 188px;
  margin-left: -94px;
  padding: 5px;
  border: 1px solid #eee;
  background: #000
}

.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-icon-close,
.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-separator {
  display: inline
}

.elfinder-quicklook-navbar-icon {
  width: 32px;
  height: 32px;
  margin: 0 7px;
  float: left;
  background: url("/css/iwap-theme/images/quicklook-icons.png") 0 0 no-repeat
}

.elfinder-quicklook-navbar-icon-fullscreen {
  background-position: 0 -64px
}

.elfinder-quicklook-navbar-icon-fullscreen-off {
  background-position: 0 -96px
}

.elfinder-quicklook-navbar-icon-prev {
  background-position: 0 0
}

.elfinder-quicklook-navbar-icon-next {
  background-position: 0 -32px
}

.elfinder-quicklook-navbar-icon-close {
  background-position: 0 -128px;
  display: none
}

.elfinder-quicklook-navbar-separator {
  width: 1px;
  height: 32px;
  float: left;
  border-left: 1px solid #fff;
  display: none
}

.elfinder-quicklook-preview-text-wrapper,
.elfinder-quicklook-preview-archive-wrapper {
  width: 100%;
  height: 100%;
  background: #fff;
  color: #222;
  overflow: auto
}

.elfinder-quicklook-preview-archive-wrapper {
  font-size: 1.5ex
}

.elfinder-quicklook-preview-archive-wrapper strong {
  padding: 0 5px
}

pre .elfinder-quicklook-preview-text {
  margin: 0;
  padding: 3px 9px
}

.elfinder-quicklook-preview-html,
.elfinder-quicklook-preview-pdf,
.elfinder-quicklook-preview-iframe {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 0 solid;
  margin: 0
}

.elfinder-quicklook-preview-flash {
  width: 100%;
  height: 100%
}

.elfinder-quicklook-preview-audio {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}

embed .elfinder-quicklook-preview-audio {
  height: 30px;
  background: 0 0
}

.elfinder-quicklook-preview-video {
  width: 100%;
  height: 100%
}

.elfinder-statusbar {
  text-align: center;
  font-weight: 400;
  padding: .2em .5em;
  border-right: 0 solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 0 solid transparent
}

.elfinder-statusbar a {
  text-decoration: none
}

.elfinder-path {
  max-width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis
}

.elfinder-ltr .elfinder-path {
  float: left
}

.elfinder-rtl .elfinder-path {
  float: right
}

.elfinder-stat-size {
  white-space: nowrap
}

.elfinder-ltr .elfinder-stat-size {
  float: right
}

.elfinder-rtl .elfinder-stat-size {
  float: left
}

.elfinder-stat-selected {
  white-space: nowrap;
  overflow: hidden
}

.elfinder-toolbar {
  padding: 4px 0 3px;
  border-left: 0 solid transparent;
  border-top: 0 solid transparent;
  border-right: 0 solid transparent;
  background-color: gainsboro;
}

.elfinder-buttonset {
  margin: 1px 2px;
  float: left;
  background: 0 0;
  padding: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.elfinder .elfinder-button {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 4px;
  float: left;
  overflow: hidden;
  position: relative;
  border: 0 solid;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.elfinder .ui-icon-search {
  cursor: pointer
}

.elfinder-button:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.elfinder-button:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.elfinder-toolbar-button-separator {
  float: left;
  padding: 0;
  height: 24px;
  border-top: 0 solid;
  border-right: 0 solid;
  border-bottom: 0 solid;
  width: 0
}

.elfinder .elfinder-button.ui-state-disabled {
  opacity: 1;
  filter: Alpha(Opacity=100)
}

.elfinder .elfinder-button.ui-state-disabled .elfinder-button-icon {
  opacity: .4;
  filter: Alpha(Opacity=40);
  margin: 0px;
}

.elfinder-rtl .elfinder-buttonset {
  float: right
}

.elfinder-button-icon {
  width: 16px;
  height: 16px;
  display: block;
  background: url('/css/iwap-theme/images/toolbar.png') no-repeat
}

.elfinder-button-icon-home {
  background-position: 0 0
}

.elfinder-button-icon-back {
  background-position: 0 -112px
}

.elfinder-button-icon-forward {
  background-position: 0 -128px
}

.elfinder-button-icon-up {
  background-position: 0 -144px
}

.elfinder-button-icon-reload {
  background-position: 0 -160px
}

.elfinder-button-icon-open {
  background-position: 0 -176px
}

.elfinder-button-icon-mkdir {
  background-position: 0 -192px
}

.elfinder-button-icon-mkfile {
  background-position: 0 -208px
}

.elfinder-button-icon-rm {
  background-position: 0 -224px
}

.elfinder-button-icon-copy {
  background-position: 0 -240px
}

.elfinder-button-icon-cut {
  background-position: 0 -256px
}

.elfinder-button-icon-paste {
  background-position: 0 -272px
}

.elfinder-button-icon-getfile {
  background-position: 0 -288px
}

.elfinder-button-icon-duplicate {
  background-position: 0 -304px
}

.elfinder-button-icon-rename {
  background-position: 0 -320px
}

.elfinder-button-icon-edit {
  background-position: 0 -336px
}

.elfinder-button-icon-quicklook {
  background-position: 0 -352px
}

.elfinder-button-icon-upload {
  background-position: 0 -368px
}

.elfinder-button-icon-download {
  background-position: 0 -384px
}

.elfinder-button-icon-info {
  background-position: 0 -400px
}

.elfinder-button-icon-extract {
  background-position: 0 -416px
}

.elfinder-button-icon-archive {
  background-position: 0 -432px
}

.elfinder-button-icon-view {
  background-position: 0 -448px
}

.elfinder-button-icon-view-list {
  background-position: 0 -464px
}

.elfinder-button-icon-help {
  background-position: 0 -480px
}

.elfinder-button-icon-resize {
  background-position: 0 -512px
}

.elfinder-button-icon-link {
  background-position: 0 -528px
}

.elfinder-button-icon-search {
  background-position: 0 -561px
}

.elfinder-button-icon-sort {
  background-position: 0 -577px
}

.elfinder-button-icon-rotate-r {
  background-position: 0 -625px
}

.elfinder-button-icon-rotate-l {
  background-position: 0 -641px
}

.elfinder-button-icon-netmount {
  background-position: 0 -688px
}

.elfinder-button-icon-netunmount {
  background-position: 0 -96px
}

.elfinder-button-icon-places {
  background-position: 0 -704px
}

.elfinder-button-icon-chmod {
  background-position: 0 -48px
}

.elfinder-button-icon-accept {
  background-position: 0 -736px
}

.elfinder-button-icon-opendir {
  background-position: 0 -32px
}

.elfinder .elfinder-menubutton {
  overflow: visible
}

.elfinder-button-icon-spinner {
  background: url("/css/iwap-theme/images/spinner-mini.gif") center center no-repeat
}

.elfinder-button-menu {
  position: absolute;
  left: 0;
  top: 25px;
  padding: 3px 0
}

.elfinder-button-menu-item {
  white-space: nowrap;
  cursor: default;
  padding: 5px 19px;
  position: relative
}

.elfinder-button-menu .ui-state-hover {
  border: 0 solid
}

.elfinder-button-menu-item-separated {
  border-top: 1px solid #ccc
}

.elfinder-button-menu-item .ui-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -8px;
  display: none
}

.elfinder-button-menu-item-selected .ui-icon {
  display: block
}

.elfinder-button-menu-item-selected-asc .ui-icon-arrowthick-1-n,
.elfinder-button-menu-item-selected-desc .ui-icon-arrowthick-1-s {
  display: none
}

.elfinder-button form {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  filter: Alpha(Opacity=0);
  cursor: pointer
}

.elfinder .elfinder-button form input {
  background: 0 0;
  cursor: default
}

.elfinder .elfinder-button-search {
  border: 0 solid;
  background: 0 0;
  padding: 0;
  margin: 1px 4px;
  height: auto;
  min-height: 26px;
  float: right;
  width: 202px;
  overflow: visible
}

.elfinder .elfinder-button-search .elfinder-button-menu {
  font-size: 8pt;
  text-align: center;
  width: 100%
}

.elfinder .elfinder-button-search .elfinder-button-menu div {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  background-color: white;
  padding: 10px;
}

.elfinder .elfinder-button-search .elfinder-button-menu div .ui-state-hover {
  border: 1px solid
}

.elfinder-ltr .elfinder-button-search {
  float: right;
  margin-right: 10px
}

.elfinder-rtl .elfinder-button-search {
  float: left;
  margin-left: 10px
}

.elfinder-button-search input {
  width: 160px;
  height: 22px;
  padding: 0 20px;
  line-height: 22px;
  border: 1px solid #aaa;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  outline: 0 solid
}

.elfinder-rtl .elfinder-button-search input {
  direction: rtl
}

.elfinder-button-search .ui-icon {
  position: absolute;
  height: 18px;
  top: 50%;
  margin: -9px 4px 0;
  opacity: .6;
  filter: Alpha(Opacity=60)
}

.elfinder-button-search .ui-checkboxradio-icon {
  display: none
}

.elfinder-ltr .elfinder-button-search .ui-icon-search {
  left: 0
}

.elfinder-rtl .elfinder-button-search .ui-icon-search,
.elfinder-ltr .elfinder-button-search .ui-icon-close {
  right: 0
}

.elfinder-rtl .elfinder-button-search .ui-icon-close {
  left: 0
}

span.elfinder-button-icon {
  margin: 0px
}

span.elfinder-toolbar-button-separator {
  margin: 0px
}

.ui-selected {
  background-color: #4556b2;
}

.ui-state-active {
  background-color: #4556b2;
}

.elfinder-table-header-sticky {
  top: 0;
  position: absolute;
}

.elfindermax {
  padding: 0;
  display: inline-block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: -5px;
  width: 100% !important;
  border: 1px solid lightgrey;
  position: absolute;
  top: 40px;
  left: 4px;
  height: calc(100vh - 115px);
  background: white;
}

.elfinder-statusbar {
  background-color: whitesmoke;
  border-top: 1px solid lightgrey;
}

.ui-state-default.elfinder-button {
  background-color: white;
}

.ui-state-default.elfinder-button.ui-state-disabled {
  background-color: rgba(255, 255, 255, 0.4);
}

span.elfinder-button-icon.elfinder-contextmenu-icon {
  top: 1px;
}

.elfinder-contextmenu-item.ui-state-hover {
  background-color: #4556b2;
  color: black;
}

span.elfinder-button-icon.elfinder-button-icon-link.elfinder-contextmenu-extra-icon {
  top: 0px
}

.elfinderaccordion {
  width: calc(100% - -10px) !important;
}

.elfinderaccordion .elfinder-navbar {
  display: none !important;
}

input.budget {
  width: 70px;
  float: right;
  text-align: right;
  padding-right: 5px;
}

div.virtline {
  width: 1px;
  border-left: 1px solid red;
  height: 100vh;
  position: fixed;
}

div.shead {
  color: black;
  font-size: 1.5em;
  padding: 5px;
  background: whitesmoke;
}

div#navi_searchresult::-webkit-scrollbar {
  width: unset;
}

img.navbtn.searchicon {
  float: right;
  position: relative;
  top: -28px;
  background-color: #4556b2;
  height: 16px;
  padding: 5px;
  width: 16px;
  left: -2px;
  height: 17px;
}

img#histsearch {
  float: right;
  top: -28px;
  padding: 5px;
  width: 16px;
  height: 16px;
  position: relative;
  background-color: #4556b2;
  left: 2px;
  height: 17px;
}

span.tot {
  border-top: 1px solid gray;
  text-align: right;
  margin-right: 0px;
}

span.cnt {
  min-height: 19px;
  min-width: 22px;
  background-color: white;
  border-radius: 20px;
  float: left;
  text-align: center;
  padding-top: 3px;
  position: relative;
  top: -10px;
  left: -5px;
  margin-right: -50px;
}

td.prbl {
  cursor: pointer;
  border-top: 1px solid lightgrey;
  font-size: 1.2em;
  text-align: right;
  /* min-width: 135px; */
}

td.prbl:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 0, 0.6) !important;
}

td.prbl1 {
  background-color: rgba(0, 128, 0, 0.12);
}

td.prbl2 {
  background-color: rgba(0, 128, 0, 0.26);
}

td.prbl3 {
  background-color: rgba(0, 23, 128, 0.12);
}

td.prbl4 {
  background-color: rgba(115, 0, 128, 0.17);
}

td.prbl5 {
  background-color: rgba(255, 0, 102, 0.12);
}

.bugbox {
  width: 80%;
  border: 1px dotted silver;
  border-radius: 10px;
  padding: 5px;
  background-color: whitesmoke;
  float: left;
  margin-bottom: 10px;
  display: inline-block;
}

.bugbox1 {
  width: 80%;
  border: 1px dotted silver;
  border-radius: 10px;
  padding: 5px;
  background-color: lightgoldenrodyellow;
  float: right;
  margin-bottom: 10px;
  display: inline-block;
}

.bugboxgroup {
  display: inline-block;
  border: 1px solid lightgrey;
  padding: 10px;
  margin-bottom: 20px;
}

span.bugboxhead {
  width: 100%;
  background-color: red;
  color: white;
  font-size: 1.5em;
  padding: 5px;
  position: relative;
  top: -5px;
  left: -10px;
}

span.bugln {
  text-align: center;
  border: 1px solid lightgrey;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 50px;
}

td.searchadds {
  width: 200px;
  vertical-align: top;
  padding-top: 30px;
  font-size: 0.8em;
  text-align: right;
}

img.adleft {
  display: inline-block;
  max-width: 200px;
  padding: 10px;
  border: 1px dotted silver;
}

img.adright {
  display: inline-block;
  max-width: 200px;
  padding: 10px;
  border: 1px dotted silver;
}

img.adtop {
  display: inline-block;
  max-width: 720px;
  padding: 10px;
  border: 1px dotted silver;
}

img.adbottom {
  display: inline-block;
  max-width: 720px;
}

div.footerads {
  vertical-align: top;
  font-size: 0.8em;
  text-align: center;
}

span.error {
  background-color: rgba(255, 0, 0, 0.2) !important;
  color: black !important;
}

div#timeoutscreen {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url(/IMAGES/access/access_bk.png);
  background-repeat: no-repeat;
   !important;
  background-position: left top;
  background-size: 100% 100%;
  background-attachment: fixed;
  z-index: 25;
}

div.ctlbox {
  display: inline-block;
  padding-top: 10px;
  margin-bottom: 10px;
  border-top: 1px dotted silver;
}

div.toolbtn.move {
  top: 18px;
  position: relative;
  right: 5px;
}

div.disable {
  background-color: grey !important;
  cursor: not-allowed;
}

div#communique {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.68);
  z-index: 1000;
  border-top: 1px solid black;
}

.communiquepopup {
  width: 750px;
  height: 90vh;
  display: inline-block;
  padding: 10px;
  margin-top: 4vh;
}

span.communiqueheading {
  float: left;
  font-size: 30px;
}

div.ajaxformfooter {
  padding: 10px;
  margin-top: 5px;
  background-color: #4556b2;
  display: inline-block;
  width: 97%;
  color: white;
  font-weight: bold;
}

span.hide {
  float: right;
  margin-top: 20px;
  cursor: pointer;
}

div.qa_ans {
  width: calc(100% - 32px);
  margin-left: 5px;
  padding: 10px;
  border: 1px solid lightgrey;
  background-color: white;
  margin-bottom: 10px;
}

span.bigtotal {
  font-size: 1.5em;
  padding: 7px;
  display: inline-block;
  width: 94%;
  text-align: right;
}

tr.trpast {
  color: gray
}

tr.trtoday td {
  border: 2px solid blue;
}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  padding: 4px;
}

table.tablesorter thead tr .header {
  background-image: url(../images/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url(../images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
  background-image: url(../images/desc.gif);
}

td.tbldata.main {
  background-color: rgba(135, 206, 235, 0.3);
}

td.tbldata.bene {
  background-color: rgba(144, 238, 144, 0.3);
}

span.qan {
  display: inline-block;
  width: 20px;
  padding: 0px;
  text-indent: 0;
}

span.qa_questline {
  padding-left: 20px;
  margin-bottom: 10px;
  cursor: pointer;
  padding-right: 30px;
}

div.qa_group {
  border: 1px dotted lightslategrey;
  padding: 0px;
  margin-bottom: 10px;
  margin: 10px;
}

span.indent0 {
  padding-left: 35px;
  text-indent: -30px;
}

span.indent1 {
  padding-left: 70px;
  text-indent: -30px;
}

span.qa_grp {
  background-color: white;
  padding: 10px;
  border: 1px dotted lightslategrey;
  margin-top: 5px;
  margin-bottom: 10px;
}

div.npo {}

div.tabsheet {
  margin-top: 2px;
  border: 1px solid lightgrey;
  padding: 5px;
  margin-bottom: 10px;
  float: left;
}

form.ajaxform1 {
  border: 0px !important;
  box-shadow: 0px 0px 0px transparent !important;
  padding: 0px;
  line-height: 1em;
  max-height: 90vh;
}

.roundbtn {
  border-radius: 100px;
  width: 10px;
  height: 10px;
  background-color: #4556b2;
  color: white;
  font-weight: bold;
  font-size: 1.5em;
  cursor: pointer;
  display: inline-flex;
  padding: 12px 10px 8px 10px;
  margin-left: 1px;
  margin-right: 1px;
  align-content: center;
  align-items: center;
}

div.boxedright {
  margin-right: 35px;
  margin-bottom: 10px;
  display: inline-block;
  float: right;
  box-shadow: 0px 0px 10px black;
}

div.boxedfull {
  display: inline-block;
  box-shadow: 0px 0px 10px black;
  padding-left: 90px;
  padding-right: 90px;
  padding-top: 20px;
  padding-bottom: 20px;
}

div.status {
  float: right;
  padding: 10px;
  border-left: 1px solid lightgrey;
  border-top: 1px solid lightgrey;
  box-shadow: 5px 5px 5px silver;
  border-radius: 5px;
  background-color: cornsilk;
}

img.status_tick {
  float: left;
  width: 32px;
  height: 32px;
  margin-top: -9px;
  clear: left;
  margin-bottom: 12px;
}

span.status_name {
  float: left;
  font-size: 1.5em;
}

span.status_per {
  float: right;
  font-size: 1.5em;
  clear: right;
}

.glass {
  /* background styles */
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  background: green;
  /*for compatibility with older browsers*/
  background-image: linear-gradient(green, lightgreen);
  /* text styles */
  text-decoration: none;
  color: #fff;
  font-size: 25px;
  font-family: sans-serif;
  font-weight: 100;
}

.dopopup {
  position: relative;
  top: -185px;
  left: 0;
  z-index: 1000;
  margin-bottom: -185px;
  min-height: 300px;
}

.dopopupinner {
  background-color: white;
  padding: 10px;
  border-radius: 10px;
  overflow: auto;
  height: calc(100% - 40px);
  max-width: 760px;
  text-align: left;
}

.infowarning {
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
  background-color: red;
  color: white;
  font-size: 1.4em;
  box-shadow: 0px 0px 10px red;
}

td#ca_configql::before {
  content: "" !important;
}

#ca_configql .ajaxform {
  position: relative !important;
  top: -9px;
  left: -4px;
  margin: 0;
  width: calc(100% - -6px);
}

.quoteamount {
  clear: both;
  float: right;
}

.quoteamount span {
  display: inline-block;
  background-color: white;
  padding: 0px 10px 0px 10px;
  border: 1px solid silver;
  margin-right: 0px;
  font-weight: bold;
}

.quoteaddr {
  margin-top: 3px;
  width: 50%;
}

.quotefield {
  display: inline;
  float: left;
  margin-bottom: 5px;
}

.quotefield span {
  display: inline-block;
  background-color: white;
  padding: 8px 10px 4px 10px;
  border: 1px solid silver;
  line-height: 1em;
  min-height: 1em;
}

span.quoteexcl {
  min-width: 90px;
  text-align: right;
  padding: 4px 4px 0px 0;
  font-size: 1.2em;
  font-weight: normal;
}

span.quotevat {
  min-width: 90px;
  text-align: right;
  padding: 4px 4px 0px 0;
  font-size: 1.2em;
  font-weight: normal;
}

span.quoteincl {
  min-width: 90px;
  text-align: right;
  padding: 4px 4px 0px 0;
  font-size: 1.5em;
}

table.autocount {
  counter-reset: rowCounter;
}

table.autocount tbody tr td:first-child {
  counter-increment: rowCounter;
}

table.autocount tbody td:first-child::before {
  content: counter(rowCounter);
}

#navi_searchhist .companyprofile {
  box-shadow: 0 0 3px silver;
  padding: 10px;
  display: inline-block;
}

.ui-state-active {
  background-color: whitesmoke !important
}

.fa-right {
  float: right;
  cursor: pointer;
  margin-left: 3px;
  font-weight: normal !important;
  font-size: 1em !important;
  line-height: .75em !important;
  vertical-align: -15%;
  border: 2px solid #4556b2;
  border-radius: 100%;
  padding: 5px;
  margin-top: -3px;
  margin-bottom: 3px;
  width: 15px;
  height: 15px;
  color: #4556b2 !important;
}

.toolbtn i.fa {
  color: white
}

i.fa {
  color: grey
}

xi.fa:hover {
  color: white;
  background-color: yellowgreen;
}

.payprod {
  display: none
}

.wrapprodname {
  max-width: 90%;
  padding: 0px;
  margin: 0px;
}

.wrappayname {
  max-width: 200px;
  padding: 0px;
  margin: 0px;
}

.configico {
  color: lightgray;
  display: inline-block;
  font: normal normal normal 14px/1 'Font Awesome 5 Free';
  font-weight: 900;
  ;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}

.configico:hover {
  color: black
}

.scroller {
  overflow-y: hidden;
  overflow-x: auto;
  margin: 0;
  display: inline-block;
}

.arrow-left,
.arrow-right {
  border: 1px solid lightgray;
  background-color: whitesmoke;
  float: left;
  font-size: 2.5em;
  text-align: center;
  color: black;
  width: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: normal;
  font-size: inherit;
}

.arrow-left {
  float: left;
  margin-right: 5px;
}

.arrow-right {
  float: right;
  margin-left: 5px;
}

.arrow-left:hover,
.scroller .arrow-right:hover {
  color: black;
}

div.btnbar .scroller {
  width: calc(100% - 52px);
  height: 71px;
  overflow-y: hidden;
  overflow-x: auto;
  margin-bottom: -20px;
  position: absolute;
}

div.btnbar .arrow-left,
div.btnbar .arrow-right {
  padding-top: 20px;
  padding-bottom: 20px;
  border: 0px;
}

div.toolbtnbar {
  margin: 0;
  background: whitesmoke;
  padding: 5px;
  display: inline-block;
  width: calc(100% - 10px);
  position: relative;
  height: 35px;
  overflow-y: hidden;
  /* 	border-bottom: 1px solid silver; */
}

div.toolbtnbar .scroller {
  width: calc(100% - 40px);
  height: 56px;
  overflow-y: hidden;
  overflow-x: auto;
}

div.toolbtnbar .arrow-left,
div.toolbtnbar .arrow-right {
  padding-top: 11px;
  padding-bottom: 11px;
}

.scroller-cont {
  display: inline-flex;
}

.profileinfo {
  font-size: 1.2em;
  word-break: break-word;
}

/*.ui-icon-triangle-1-s::before{font-family:'Font Awesome 5 Free';font-weight:900;;content: "\f115";}
.ui-icon-triangle-1-e::before{font-family:'Font Awesome 5 Free';font-weight:900;;content: "\f114";}
.ui-icon-triangle-1-s{background:url();text-indent:0;background-size:0 0;padding-top:2px;}
.ui-icon-triangle-1-e{background:url();text-indent:0;background-size:0 0;padding-top:2px;}*/
.ajaxform {
  margin-top: 10px;
  margin-bottom: 0px;
  border: 1px solid silver;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: -1px;
  margin-right: -1px;
  width: 100%;
  background: white;
}

div.ajaxformbtnbar {
  margin-right: 10px;
  margin-top: 10px;
}

.ajaxformsection {
  font-size: 1.3em;
  background-color: whitesmoke;
  padding: 5px;
  margin: 0px;
}

span.ajaxformsub {
  margin-top: 20px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid lightgrey;
  width: 100%;
  margin-left: 0px;
  color: grey;
}

table.tbladdress {
  margin-top: 5px;
  margin-bottom: 5px;
}

table.tbladdress td {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

tr.ca_configd:hover {
  background-color: white;
}

div.ajaxformxxx {
  padding: 5px;
  display: inline-block;
  box-shadow: 0px 0px 10px black;
  margin: 5px;
  border-radius: 5px 5px 0 0;
}

form.ajaxformxxx {
  padding: 5px;
  display: inline-block;
  box-shadow: 0px 0px 10px silver;
  margin: 5px;
  border-radius: 10px;
  width: 97%;
  border: 1px solid lightgrey;
  line-height: 1em !important;
}

.quotedisclaimer {
  float: left;
  border: 1px solid silver;
  width: 60%;
  height: 63px;
  padding: 5px;
  overflow: auto
}

td.border {
  border: 1px solid silver;
  padding: 4px;
}

i.menubutton {
  color: white !important;
  font-size: 22px;
  background-color: transparent;
  min-width: 28px;
  text-align: center;
  padding-bottom: 3px;
}

i.faico {
  color: green;
  font-size: 4em !important;
  padding: 10px !important;
  position: relative !important;
  top: 9px !important;
  width: calc(100% - 20px) !important;
  text-align: center !important;
}

i.faico-dblue {
  color: #4079e8 !important;
}

i.faico-red {
  color: red !important;
}

i.faico-green {
  color: green !important;
}

i.faico:hover {
  color: black;
  background-color: transparent;
}

i.faredh:hover {
  color: red;
  background-color: transparent;
}

.hsort {
  display: none
}

.icobtnbar {
  width: 100%;
  display: inline-block;
  background-color: white;
}

.icobtnbarc {
  width: 100%;
  display: inline-block;
  background-color: whitesmoke;
  margin: -10px 0px 10px -5px;
  ;
  padding: 5px;
  border-bottom: 1px solid lightgrey;
  max-height: 32px;
}

i.icobtn {
  background-color: white;
  padding: 4px;
  margin-left: 2px;
  border: 1px solid silver;
  float: right;
  width: 10px;
  align-items: center;
  text-align: center;
}

i.icobtn1 {
  margin-right: 5px;
  float: left;
  font-size: 15px;
  color: lightslategrey;
  border: 1px solid silver;
  border-radius: 3px;
  align-items: center;
  text-align: center;
  vertical-align: bottom;
  width: 1.3em;
  display: inline-block;
  height: 1.3em;
  line-height: 1.5em;
  padding: 6px;
  background: white;
}

i.icobtn2:hover,
i.icobtn1:hover {
  color: deepskyblue !important;
  background-color: white !important;
}

i.icobtn2 {
  border: 1px solid silver;
  margin-left: 5px;
  float: left;
  font-size: 25px;
  text-align: center;
  color: lightslategrey;
  width: 48px;
  border-radius: 4px;
  background: white;
  padding-top: 8px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
}

i.active {
  color: white;
  background-color: limegreen;
  border: 1px solid limegreen;
}

i.inactive {
  color: white;
  background-color: indianred;
  border: 1px solid indianred;
}

.twitterscroll {
  /*     max-height: 557px; */
  /*     overflow-y: auto; */
  margin: -11px -1px 0px -1px;
  ;
}

span.chop {
  overflow: hidden;
  margin: 0px;
  word-break: break-all;
  padding: 0px;
  height: 2em;
}

.msgactionbar {
  width: calc(100% - 2px);
  display: inline-block;
  align-items: center;
  text-align: right;
  background-color: whitesmoke;
  padding: 5px;
  margin-top: 10px;
  margin-left: -6px;
  margin-bottom: -5px;
  border-top: 1px solid silver;
}

div.msgchild {
  display: none;
  border-top: 1px dotted lightgray;
  padding-top: 20px;
  margin-top: 20px;
}

div.msgchildfoot {
  font-size: .8em;
  margin-top: 10px;
  clear: both;
  float: right;
  color: grey;
}

div.msgchildread {
  margin-top: 10px;
  width: 100%;
  clear: both;
  text-align: right;
  align-items: center;
  margin-bottom: -10px;
  display: inline-block;
  font-size: 1.3em;
}

div.msgchildread span {
  float: right;
  color: grey;
  cursor: pointer
}

div.msgreply {
  width: calc(100% - 5px);
  display: inline-block;
  clear: both;
  margin-top: 20px;
}

i.twitterdna {
  float: right;
  display: inline-block;
  margin-left: 10px;
  margin-right: 5px;
}

.twitteraddform {
  display: inline-block;
  background-color: white;
  width: 100%;
  margin-left: -5px;
  margin-bottom: 11px;
}

.timelinedialog {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px;
  margin-top: -10px;
  width: calc(100% - 20px);
  border-bottom: 1px solid silver;
}

.btnbarfooter {
  display: inline-block;
  align-items: baseline;
  text-align: right;
  width: 100% !important;
  border-top: 1px solid lightgray;
  padding: 5px;
  background: whitesmoke;
  margin: 0 0 0px -10px;
  position: relative !important;
  bottom: unset !important;
}

div.twitterscroll .btnbarfooter {
  margin: 5px 0px -10px -5px;
}

label.app_f {
  display: inline-block;
  border-bottom: 1px dotted lightgray;
  width: 100% !important;
  padding-bottom: 5px;
  padding-top: 5px;
  max-width: 100% !important;
}

label.app_f:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f0dc";
  color: gray;
  padding-right: 5px;
}

label.app_f span {
  width: 100px;
  display: inline-block;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.1em;
  vertical-align: top;
  margin-top: 5px;
  padding-right: 5px;
}

label.app_f input {
  font-size: 1.1em;
  display: inline-block;
  border: 1px solid lightgray;
  padding: 5px;
  height: auto;
  width: calc(100% - 150px) !important;
  float: right;
  clear: both;
}

label.app_f select {
  font-size: 1.1em;
  display: inline-block;
  line-height: 1.1em;
  float: right;
  border: 1px solid lightgray;
  padding: 5px;
  height: auto;
  width: calc(100% - 138px) !important;
  clear: both;
}

label.app_f textarea {
  width: calc(100% - 18px) !important;
  margin-bottom: 5px;
  float: right;
  clear: both;
}

label.app_f table {
  font-size: 1.1em;
  display: inline-block;
  float: none;
  padding: 5px;
  height: auto;
  width: auto;
}

.app_f_ajaxformsection {
  font-size: 2em;
  margin-top: 40px;
  background-color: rgba(158, 158, 158, 0.15);
  color: black;
  padding: 0.5em;
  font-weight: bold;
  margin-bottom: 20px;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

label.app_ff {
  display: inline-block;
  width: 100% !important;
  padding-bottom: 5px;
  padding-top: 5px;
}

label.app_ff span {
  width: 100px;
  display: inline-block;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.1em;
  vertical-align: top;
  margin-top: 5px;
  padding-right: 5px;
}

label.app_ff input {
  font-size: 1.1em;
  display: inline-block;
  float: none;
  border: 1px solid lightgray;
  padding: 5px;
  height: auto;
  width: calc(100% - 150px) !important;
}

label.app_ff select {
  font-size: 1.1em;
  display: inline-block;
  line-height: 1.1em;
  float: none;
  border: 1px solid lightgray;
  padding: 5px;
  height: auto;
  width: calc(100% - 138px) !important;
}

label.app_ff textarea {
  width: calc(100% - 18px) !important;
  margin-bottom: 5px;
}

label.app_ff table {
  font-size: 1.1em;
  display: inline-block;
  float: none;
  padding: 5px;
  height: auto;
  width: auto;
}

.movefield {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: lightyellow;
  width: 100%;
  height: 50px;
  border: 1px dotted gray !important;
}

.movingfield {
  border: 1px dashed black !important;
  cursor: hand;
  background-color: rgba(0, 0, 0, 0.3) !important;
  height: 50px;
}

.formdatafields {
  width: calc(100% - 20px);
  padding-left: 10px;
  display: inline-block;
  /*     overflow-y: auto; */
  /*     max-height: calc(100% - 10px); */
  /*     overflow-x: hidden; */
}

form.inlay .formdatafields {
  width: calc(100% - 10px);
  padding: 5px;
}

.bluetb {
  border-top: 2px solid #4556b2;
  border-bottom: 2px solid #4556b2;
}

.addrcopy:hover {
  background-color: yellowgreen;
}

.addrcopy {
  font-size: .7em;
  display: inline;
  margin-left: 10px;
  border: 1px solid silver;
  position: relative;
  padding: 4px;
  top: 7px;
  background-color: whitesmoke;
  cursor: pointer;
}

label.f.salarysx {
  margin-left: -30px;
}

i.fa.icoform {
  float: left;
  color: white;
  background: #4556b2;
  padding: 7px;
  font-size: 1.5em;
  margin-left: -10px;
  margin-top: -10px;
  margin-right: 10px;
  min-width: 30px;
  min-height: 23px;
  text-align: center;
}

.profileinfo:before {
  content: ":";
  padding-right: 5px;
  color: gray;
  font-weight: normal;
}

table.bankstatement tbody td {
  border: 0px solid silver;
  vertical-align: middle;
  border-right: 1px solid silver;
}

table.bankstatement {
  border: 1px solid silver;
  border-collapse: collapse;
}

.efrinline input[type="text"] {
  margin-top: -8px;
  margin-bottom: -5px;
  border: 0px;
  width: 100%;
  background-color: transparent;
  padding-right: 5px;
}

.progress {
  width: 50px;
  height: 8px;
  background: white;
  display: inline-flex;
  border: 1px solid silver;
  float: right;
  margin-top: -6px;
}

.progressdone {
  background-color: silver;
  border-right: 1px solid lightgrey;
}

tr.selectedtr {
  background-color: rgba(255, 255, 0, 0.25);
}

input:read-only {
  background-color: whitesmoke;
  color: grey;
}

#addproduct .ajaxform {
  position: relative !important;
  top: -9px;
  left: -4px;
  margin: 0;
  width: calc(100% - -6px);
}

td.formholder {
  background-color: white;
  margin: 0 !important;
  padding: 10px 0px 5px 0px !important;
  ;
}

div.securitynotice {
  position: relative;
  display: inherit;
  width: calc(100% - 42px);
  float: left;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: rgba(255, 0, 0, 0.1);
}

div.systemnotice {
  position: relative;
  display: inherit;
  width: calc(100% - 42px);
  float: left;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: rgba(50, 255, 0, 0.1);
  border: 1px solid lightgrey;
}

span.answer {
  font-weight: bold;
  display: initial;
  color: black;
  clear: both;
  padding: 0px;
  margin: 0;
  padding-top: 10px;
}

.ajaxformheadingsmall {
  display: inline-block;
  width: calc(100% - -8px);
  border: 1px solid lightgray;
  padding-top: 6px;
  height: 15px;
  overflow: hidden;
  font-size: 1.2em;
  font-weight: bold;
  color: #4556b2;
  background-color: whitesmoke;
  margin: -5px 0px 10px -5px;
  border-radius: 5px;
}

.ajaxformheadingsmall i.fa {
  font-size: 1em;
  padding: 5px;
  margin-left: 0px;
  margin-top: -6px;
  min-width: 0;
}

.qa_questline:hover {
  text-decoration: underline;
  text-decoration-color: blue;
}

.ajaxformext {
  position: relative !important;
  top: -9px;
  left: -4px;
  margin: 0;
  width: calc(100% - -6px);
}

span.profilename {
  width: auto;
  display: inline;
}

.paychk {
  padding: 0px;
  margin: 0px;
  width: 15px;
  margin-bottom: -11px;
  margin-top: -1px;
  margin-left: 2px;
}

.chk {
  padding: 0px;
  margin: 0px;
  width: 14px;
  margin-bottom: -8px;
  margin-left: 2px;
}

.rightef {
  text-align: right;
  padding-right: 5px;
}

.tillslipr {
  margin: -5px;
  margin-top: -13px;
  margin-bottom: -11px;
}

.noborder td {
  border: 0px !important;
  padding: 1px 0px 0px 5px !important;
  text-align: left;
}

.btnbarfootertbl {
  display: inline-block;
  align-items: baseline;
  text-align: right;
  color: white;
  background: whitesmoke;
  border-top: 1px solid lightgray;
  padding-top: 5px;
  margin-left: -3px;
  margin-top: 10px;
  margin-bottom: -5px;
  width: calc(100% - 4px);
}

.elfinder-path-dir elfinder-path-cwd {
  display: inline !important;
}

span.elfinder-path-dir {
  display: inline !important;
}

span.elfinder-path-other {
  display: inline !important;
}

.fb {
  padding-right: 5px;
}

.ui-accordion .ui-accordion-content {
  background-color: white;
}

.accordioncontent {
  overflow: hidden !important;
  padding: 0 0 10px 0 !important;
  margin: 0px;
}

table.inlay {
  margin: -1px 0px 0px -1px;
  width: calc(100% - -2px) !important;
}

form.inlay {
  padding: 5px 0px 0px 0px;
}

td.inlay {
  padding: 0px !important;
  background-color: white;
}

div.inlay {
  padding: 0px !important;
  margin: 0px !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

div.inlaytopbar {
  width: calc(100% - 10px);
  display: inline-block;
  background-color: whitesmoke;
  padding: 5px;
  border-bottom: 1px solid lightgrey;
  max-height: 32px;
  border-top: 2px solid #4556b2;
}

div.inlaybottombar {
  width: calc(100% - 20px);
  display: inline-block;
  background-color: whitesmoke;
  padding: 10px;
  border-top: 1px solid lightgrey;
  border-bottom: 2px solid #4556b2;
}

.tbldatawide {
  width: calc(100% - -8px) !important;
  margin-left: -4px;
  margin-top: -9px;
  margin-bottom: -11px;
}

.tbldatawider {
  width: calc(100% - -17px) !important;
  margin-left: -6px;
  margin-top: -11px;
  margin-bottom: -11px;
  background-color: white !important;
}

.tbldatawideleft {
  width: calc(100% - -12px) !important;
  margin-left: -6px;
  margin-top: -11px;
  margin-bottom: 21px;
}

.tbldatawideright {
  width: calc(100% - -23px) !important;
  margin-left: -6px;
  margin-top: -6px;
  margin-bottom: -6px;
}

.tbldatawidein {
  margin: -11px 0px -11px -6px;
  min-width: calc(100% - -12px);
}

input.cashamount {
  width: 60px;
  text-align: right;
  margin-top: -7px;
  margin-bottom: -5px;
}

tr.hicolor {
  background-color: yellow !important
}

table.popupmenu {
  display: inline-block;
  position: absolute;
  right: 0px;
  background-color: #4556b2;
  top: 42px;
  color: white;
  font-size: 11px;
  font-weight: bold;
  padding: 5px;
  font-family: Tahoma, Arial, sans-serif, Verdana;
  box-shadow: 0 4px 10px black;
}

.popupmenu tr:hover {
  background-color: #89c3eb;
}

.popupmenu td {
  padding: 5px;
  cursor: pointer;
  text-align: left;
}

.popupmenuback {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 55px;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  cursor: default;
}

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: red;
  position: fixed;
  z-index: 1031;
  top: 0px;
  left: 0;
  width: 100%;
  height: 2px;
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

#nprogress .spinner {
  display: none;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

div#caseadd {
  margin: 0 0 16px 0px;
  display: none;
}

.show {
  display: auto
}

.hide {
  display: none
}

div#catselect {
  margin: 0px;
  padding: 0px;
  background-color: white;
}

div#catselectholder {
  z-index: 20;
  background-color: white;
  border: 1px solid silver;
  position: absolute;
  padding: 0px;
  margin: 5px 0px 0px 6px;
}

#btnbarfooter_project {
  width: calc(100% - -10px);
}

input.editbatchpaid {
  margin-bottom: -12px;
  margin-top: -3px;
}

label.fs {
  margin: -7px 4px -3px 0px;
  height: 0px;
}

#catselect .btnbarfooter {
  margin-bottom: 0px;
  width: calc(100% - 10px);
  margin-left: 0px;
}

#catselect .toolbtnbar {
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

span.editcat {
  width: 70px;
  text-align: center;
  margin-top: 7px;
  border: 1px solid silver;
  height: 12px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #4556b2;
  color: white;
  padding: 5px;
  font-weight: bold;
  cursor: pointer;
}

.ajaxformhead {
  background-color: whitesmoke;
  border: 1px solid silver;
  width: calc(100% - 22px);
  margin: 5px 0px 5px 0px;
  padding: 10px 10px 10px 10px;
  font-weight: bold;
  font-size: 1.3em;
}

span.tblpage:hover {
  background-color: white;
  color: deepskyblue !important;
}

span.tblpage {
  display: inline-block;
  padding: .5em;
  color: grey;
  font-weight: normal;
  cursor: pointer;
  min-width: 2em;
  min-height: 1em;
  text-align: center;
  border: 1px solid lightgray;
  height: 1em;
  vertical-align: middle;
  margin: 20px 8px 20px 8px;
  font-size: 1.3em;
}

.catscroll {
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}

span.tblpage.active {
  border: 1px solid deepskyblue;
  cursor: default;
  font-weight: bold;
}

i.fa:hover {
  color: deepskyblue;
}

form.ajaxformwide {
  background-color: white;
  padding: 5px 0px 0px 0px;
  margin: 0px;
}

form.ajaxformwide:hover {
  background-color: white;
}

input.searchinput {
  float: left;
  height: 30px;
  font-size: 1.5em;
}

div.errorbox {
  display: inline-block;
  width: calc(100% - 40px);
  padding: 20px;
  height: auto;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 100;
  opacity: 1;
  font-size: 1.5em;
  border-top: 1px solid black;
  background: #ff3019;
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  background: -webkit-linear-gradient(top, rgb(245, 101, 85) 0%, #cd2626 100%);
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: linear-gradient(top, #ff3019 0%, #cf0404 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
}

.optico {
  padding-left: 10px;
  padding-right: 10px;
}

span.bigletter {
  font-size: 4em;
  font-weight: bold;
  width: 88%;
  text-align: center;
  padding-top: .4em;
}

.tblsep {
  background-color: #4556b2 !important;
  color: white !important;
  font-size: 1.3em !important;
  font-weight: bold !important;
  text-align: center !important;
  padding: 10px !important;
}

.ui-accordion .ui-accordion-content {
  overflow: hidden;
  position: relative;
}

td .bbtd-grey {
  color: grey;
}

div.payyear {
  color: grey;
  cursor: pointer;
  position: relative;
  top: -38px;
  margin-bottom: -15px;
  display: inline-block;
  left: calc(50% - 135px);
  font-size: 0.8em;
}

select.paygraphyear {
  float: right;
  position: absolute;
  right: 5px;
  top: 5px;
}

span.tag {
  display: inline;
  border: 1px solid silver;
  padding: 2px 5px 2px 5px;
  margin: 0px 2px 0px 0px;
}

#quotelist {
  margin-bottom: 5px;
}

.dailytotaltr {
  font-size: 1.3em;
  color: grey;
}

th.configtd {
  min-width: 20px;
  max-width: 20px;
  width: 20px;
}

th.firsttd {
  min-width: 55px;
  max-width: 55px;
  width: 55px;
}

th.amounttd {
  min-width: 60px;
  max-width: 60px;
  width: 60px;
  text-align: right;
}

div.paymentgraphinfo {
  font-size: .8em;
  position: relative;
  left: 20px;
  bottom: 23px;
}

div.quotation {
  padding: 5px 5px 0px 5px;
}

.tillslipp {
  display: none;
}

div.tillslipp {
  margin: 0 0 -10px 0;
}

td.clip {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
}

.fileholder {
  width: calc(100% - 32px);
  padding: 10px;
  border: 1px solid lightgrey;
  margin: 5px;
  border-radius: 5px;
  min-height: 65px;
  background: white;
  position: relative;
  display: inline-block;
}

.fileholderimg {
  float: left;
  min-width: 100px;
  max-height: 142px;
  max-width: 100px;
  height: 142px;
  width: 100px;
  min-height: 142px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0px 0px 3px silver;
  margin-bottom: 20px;
  position: relative;
  ;
}

.filedata {
  margin-left: 20px;
  display: inline-block;
  width: calc(100% - 125px);
}

.fileholdertitle {
  font-size: 1.3em;
  font-weight: bold;
  display: inline-block;
  width: calc(100% - 55px);
}

.fileholderscroll {
  min-height: 110px;
  width: calc(100% - 120px);
  display: inherit;
}

.fileholderlarge {
  max-height: auto;
}

.fileholdersmall {
  max-height: 120px;
  overflow: hidden;
}

.fileholdername {}

.fileholderdesc {
  margin-top: 5px;
  width: calc(100% - 60px);
}

.fileholdersize {}

.fileholdermeta {
  font-size: 0.8em;
  margin-top: 10px;
}

.fileholderdate {
  display: inline-block;
  color: grey;
  position: absolute;
  top: 10px;
  right: 10px;
}

.fileholderdocdate {}

.fileholderamount {}

.fileholderpg {}

.fileholdercategory {}

.fileholderreference {}

.fileholder i {
  font-size: 10em;
  float: left;
  display: inline-block;
  color: silver;
  margin-right: 10px;
}

.filedocsr {
  float: right;
  top: -16px;
  position: relative;
  background: white;
  color: silver !important;
  font-size: .8em;
  padding: 2px 10px 0 !important;
  border-top: 1px solid silver;
  border-radius: 7px;
}

.fileholderoption {
  width: 100%;
  display: inline-block;
  font-size: .8em;
  margin-top: 10px;
  margin-bottom: -5px;
}

.uploadholder {
  padding: 10px;
  width: calc(100% - 25px);
  display: none;
}

i.fileicon {
  border-left: 1px solid silver;
  color: darkgrey;
  background-color: whitesmoke;
  position: absolute;
  right: 0;
  height: calc(100% - 8px);
  margin: 1px 1px 0 0;
  padding: 3px;
  font-size: 1.3em;
  overflow: hidden;
}

i.fileicon:before {
  content: '\f07c';
  font-weight: 400;
  font-family: 'Font Awesome 5 Free'
}

.cld {
  display: inline-block;
  margin-bottom: -3em;
}

.nohover:hover {
  background: white !important
}

.videoinfo {
  padding: 10px;
  margin-bottom: -5px;
}

.videotitle {
  font-size: 1.3em;
  float: left;
  display: inline-block;
  margin-bottom: 10px;
  width: calc(100% - 85px);
  text-align: left;
}

.videoprofile {}

img.avatar {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 64px;
  overflow: hidden;
  border: 1px solid silver;
  float: left;
  margin-right: 10px;
}

.videocompany {
  font-size: 1em;
  font-weight: bold;
}

.videopublish {
  color: grey;
}

.videodescription {
  margin-top: 10px;
  margin-left: 52px;
}

.videomenu {
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px dotted lightslategrey;
  display: inline-block;
  text-align: right;
}

.videomenuitems {
  font-size: 1.1em;
  display: inline;
  float: right;
}

.saved {
  color: white;
  font-size: 1.3em;
  padding: 5px;
  background: #4556b2;
  width: 100%;
  position: fixed;
  bottom: 0;
  text-align: left;
}

.videoinfobox {
  width: 300px;
  background: white;
  position: fixed;
  right: 0;
  top: 53px;
  height: 400px;
  overflow: auto;
  border: 1px solid silver;
}

.videoplaceholder {
  width: calc(100% - 40px);
  padding: 80px 0 80px 0;
  align-items: center;
  text-align: center;
  background: whitesmoke;
  font-size: 1.3em;
  margin: 20px;
  border: 1px dotted silver;
  vertical-align: middle;
}

input,
select,
textarea {
  border: 1px solid lightgray !important;
}

label {
  color: grey;
}

.video-color-top {
  height: 30px;
  background-color: #4079e8;
  left: 0;
  position: fixed;
  top: 0;
  padding: 10px;
  width: 100%;
  font-size: 2em;
  color: white;
}

.videoinfo_rel {
  width: 100%;
  display: inline-block;
  position: relative;
}

.videothumb_rel {
  border: 1px solid silver;
  margin: 20px 15px 0 20px;
  background: whitesmoke;
  float: left;
}

.videotitle_rel {
  margin-top: 20px;
  font-size: 1.1em;
  font-weight: bold;
}

.videodescription_rel {
  min-height: 44px;
  max-height: 44px;
  display: inline-block;
  width: 58%;
  margin-bottom: 10px;
  overflow: hidden;
  margin-top: 5px;
}

.videopublish_rel {
  font-size: 0.8em;
  color: grey;
}

.videoviews_rel {
  font-size: 0.8em;
  color: grey;
}

.videothumbico_rel {
  font-size: 6em !important;
  color: lightslategrey !important;
}

.videothumbicod_rel {
  position: absolute;
  top: 31px;
  left: 21px;
  width: 170px;
}

.videothumbicot_rel {
  color: grey;
  font-size: 0.9em;
}

img.videothumb_rel {
  width: 170px;
  height: 96px;
}

.searchtool {
  position: relative;
  margin-top: 12px;
}

.searchtool span.si-mic {
  left: -20px;
  top: 6px;
}

.fileholdervote {
  position: absolute;
  color: grey;
  cursor: pointer;
  width: 100%;
  bottom: -24px;
  text-align: center;
  font-size: 0.8em;
}

@media all and (max-width:720px) {
  .fileholder {
    min-height: 100px;
  }

  .fileholderimg {
    float: left;
    min-width: 65px;
    max-height: 100px;
    max-width: 65px;
    height: 100px;
    width: 65px;
    min-height: 100px;
    display: inline-block;
  }

  .filedata {
    margin-left: 20px;
    display: inline-block;
    width: calc(100% - 90px);
  }

  .fileholdervote {
    position: absolute;
    bottom: -20px;
    color: grey;
    cursor: pointer;
    width: 100%;
    text-align: center;
  }

  .fileholdersmall {
    max-height: 75px;
    overflow: hidden;
  }

  .fileholderscroll {
    min-height: 75px;
    width: calc(100% - 125px);
    display: inherit;
  }

  .fileholderdesc {
    width: 100%
  }

  span.ico_btn {
    margin-left: 5px !important;
  }

  .searchtool {
    position: auto;
  }

  input #search {
    width: calc(98% - -19px);
  }

  .video-color-top {
    height: 50px !important;
    background-color: #4079e8;
    left: 0;
    position: fixed;
    top: 0;
    padding: 10px 0px 0px 4px;
    width: 100%;
    font-size: 3em;
  }

  .videoinfo_rel {
    width: 100%;
    display: inline-block;
    position: relative;
  }

  .videothumb_rel {
    border: 1px solid silver;
    margin: 10px 10px 0 10px;
    background: whitesmoke;
    float: left;
  }

  .videotitle_rel {
    margin-top: 10px;
    font-size: 1.1em;
    font-weight: bold;
  }

  .videodescription_rel {
    min-height: 18px;
    max-height: 18px;
    display: inline-block;
    width: 58%;
    overflow: hidden;
    margin-top: 5px;
  }

  .videopublish_rel {
    font-size: 0.8em;
    color: grey;
  }

  .videoviews_rel {
    font-size: 0.8em;
    color: grey;
  }

  .videothumbico_rel {
    font-size: 4em !important;
    color: lightslategrey !important;
  }

  .videothumbicod_rel {
    position: absolute;
    top: 18px;
    left: 10px;
    width: 102px;
  }

  .videothumbicot_rel {
    color: grey;
    font-size: 0.9em;
  }

  img.videothumb_rel {
    width: 102px;
    height: 58px;
  }

  .videotitle {
    font-weight: bold;
  }
}

.videocomments {
  display: inline-block;
  width: calc(100% - 40px);
  padding: 20px;
  border-bottom: 1px dotted silver;
}

.videocommentsusr {
  width: 100%;
  font-weight: bold;
}

.videocommentsdate {
  color: gray;
  width: 100%;
}

.videocomment {
  margin-top: 5px;
  padding-left: 40px;
}

.goog-te-gadget {
  display: none;
  position: fixed;
  padding: 20px;
  border: 1px solid silver;
  top: 53px;
  right: 50px;
  background: white;
}

.goog-te-banner-frame {
  display: none !important;
  height: 0px !important;
}

.talk {
  font-size: 1.3em !important;
  margin-left: 15px;
  margin-right: 15px;
}

.bugcontent {
  padding: 10px;
}

td.profilenametitle {
  padding-right: 20px;
  color: grey;
  white-space: nowrap;
}

.fa:after {
  font-family: Tahoma, Arial, sans-serif, Verdana !important;
  font-weight: normal !important;
}

.fab:after {
  font-family: Tahoma, Arial, sans-serif, Verdana !important;
  font-weight: normal !important;
}

.far:after {
  font-family: Tahoma, Arial, sans-serif, Verdana !important;
  font-weight: normal !important;
}

.submenu span {
  display: inline;
  padding-left: 5px;
  color: gray;
  font-size: 1.1em;
  cursor: pointer;
}

.submenu {
  width: 100%;
  text-align: end;
  background: whitesmoke;
  display: inline-block;
  margin: -8px 0px -5px -2px;
  padding: 5px 5px 5px 0px;
}

.submenu span:hover {
  color: deepskyblue;
}

.submenu i {
  padding-right: 5px;
}

.submenu a {
  text-decoration: none;
}

.submenu a:hover {
  text-decoration: none;
  background: transparent;
}

.qhead {
  display: inline-block;
}

span.bugemployer {
  font-weight: bold;
  padding: 0;
  display: inline-block;
  margin: -6px 0 0 0;
  color: grey;
}

span.bugmsgtxt {
  margin: 0;
  line-height: 1.4em;
  display: inline-block;
  width: 100%;
  font-size: 1.2em;
  margin-top: 10px;
}

.fieldtitle {
  display: inline-block;
  color: grey;
  padding: 0;
  margin: 0;
}

#ui-datepicker-div {
  box-shadow: none;
  border-radius: 0px;
  background: whitesmoke;
  width: 300px;
}

#ui-datepicker-div .ui-state-default {
  background-color: white;
  font-size: 1.5em;
}

#ui-datepicker-div .ui-datepicker-today {
  background-color: deepskyblue;
}

#ui-datepicker-div .ui-datepicker-current-day {
  background-color: deepskyblue;
}

.ui-datepicker .ui-datepicker-header {
  background-color: transparent;
}

.fileholdervote i {
  font-size: 1.8em;
  float: none;
  margin-right: 5px;
}

.showmoreless {
  color: grey;
  font-size: .8em;
  cursor: pointer;
  position: absolute;
  bottom: 5px;
  right: 3px;
}

div#doemail {
  margin-left: -10px;
}

#mceu_3-open .mce-txt {
  font-size: .9em !important;
  margin-top: -5px;
  margin-bottom: -15px;
}

#mceu_3-open .mce-caret {
  margin-left: 6px !important;
}

.mce-text {
  width: calc(100% - 30px) !important;
  float: right !important;
}

.mce-tinymce {
  border: 1px solid silver !important;
}

.keyholder {
  border: 1px solid lightgray;
  display: inline-flex;
  width: 100%;
  padding: 3px;
  height: auto;
  padding-bottom: 6px;
  position: relative;
  min-height: 1.5em;
  overflow: hidden;
}

.sysmsg {
  padding: 10px;
  background-color: aquamarine;
  font-size: 1.3em;
  margin-bottom: 10px;
  border-bottom: 1px solid silver;
}

img.fileholderimage {
  max-height: 100%;
  max-width: 100%;
}

ins {
  text-decoration: none;
  text-align: left;
}

div#sidebar {
  background-color: white;
  font-size: 10px;
  display: none;
  top: 29px;
  position: relative;
  z-index: 100;
  width: 200px;
  top: 7px;
  right: 0px;
  box-shadow: silver -3px 3px 5px;
  border: 1px solid silver;
  padding: 5px;
  float: right;
  margin-bottom: -1000px;
}

#sidebar table {
  color: #555;
}

#sidebar i.fa {
  color: unset;
}

#sidebar i {
  color: black;
  font-size: 3em;
}

#sidebar td:first-child {
  text-align: center;
}

#sidebar td:last-child {
  text-align: left;
  font-size: 2em;
}

#sidebar tr:hover {
  color: white;
  background: #4079e8;
}

.bugcontent .avtar {
  top: -23px;
  left: 0px;
}

table.tblmsg {
  width: calc(100% - 20px);
  word-break: keep-all;
  line-height: 1em;
  font-size: 1em;
  border: 0px transparent;
  margin: 10px;
}

table.tblmsg td {
  border: 0px !important;
  padding: 0 !important;
  line-height: 1.1em !important;
  vertical-align: top !important;
}

table.tblmsg td.name {
  font-size: 1.3em;
  font-weight: bold;
  color: slategray;
  padding-top: 5px !important;
}

table.tblmsg td.company {
  font-size: 1.3em;
  font-weight: bold;
  color: slategray;
}

table.tblmsg div.avatarpic {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
}

table.tblmsg td.howlong {
  text-align: right;
  color: grey;
  white-space: nowrap;
}

table.tblmsg div.bugdna {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

table.tblmsg td.msg {
  font-size: 1.3em;
  padding-left: 26px !important;
}

table.tblmsg tr:hover {
  background: transparent;
}

table.tblmsg i.talk {
  font-size: .8em !important;
}

table.tblmsg td.c0 {
  width: 70px;
}

hr {
  margin-top: 3em;
  margin-bottom: 2em;
  margin-left: 10px;
  margin-right: 10px;
  border: 0px;
  border-top: 1px solid silver;
}

table.tblmsg td.c1 {
  padding-top: 6px !important;
  padding-right: 10px !important;
  white-space: nowrap;
}

table.tblmsg td.c2 {
  padding-top: 6px !important;
  width: 100%;
  white-space: nowrap;
}

#navi_searchhist .avatarpic {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
  float: left;
  display: inline-block;
}

#navi_searchhist .avatarpic1 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  margin-left: -50px;
  margin-right: -50px;
  float: left;
  display: inline-block;
}

div.add_right {
  float: right;
  padding: 10px;
}

@media all and (max-width:1024px) {
  div.add_left {
    display: none
  }
}

@media all and (max-width:1000px) {
  div.add_left {
    display: none
  }

  div.add_right {
    display: none
  }
}

span.ico_btn.ico_googlemaps {
  float: left;
  padding-left: 5px;
}

.msgcenterbar {
  display: inline-block;
  background-color: whitesmoke;
  border: 1px solid silver;
  width: 100%;
  padding: 3px 0 17px 0;
  height: 12px;
  margin-top: -4px;
  border-radius: 5px;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  float: right;
}

.msgbtn {
  padding: 6px;
  font-size: 1em;
  display: inline;
}

.msg_centerhead {
  width: 237px;
  height: 29px;
  background-image: url(/IMAGES/HEADER/622818.PNG);
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  padding: 10px;
  margin-left: 48px;
  margin-top: 5px;
  margin-bottom: 10px;
  max-width: 33vw;
}

.streamitem {
  display: inline-block;
  padding-bottom: 5px;
  position: relative;
  padding: 15px 15px 20px 15px;
  min-height: 60px;
  overflow: hidden;
  background: white;
  width: calc(100% - 25px);
}

.streamitem .avatarpic {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
  float: left;
  display: inline-block;
  color: white;
  background-color: black;
  font-size: 2em;
  text-align: center;
  margin-right: 5px;
  border: 2px solid whitesmoke;
}

#ajax_msg_messages .heading {
  font-size: 1.3em;
  text-align: center;
  width: 100%;
  margin-top: 5px;
}

.streamitem .streammsg {
  text-align: left;
  font-size: 1em;
  color: black;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: calc(5em - 3px);
  line-height: 1.1em;
  padding-right: 5px;
  word-break: break-all;
}

.streammsgcpy {
  font-size: 1em;
  color: gray;
  display: inline-block;
  width: 100%;
  height: 1.2em;
  overflow: hidden;
}

.streammsgtm {
  font-size: .8em;
  color: grey;
  width: 100%;
  display: inline-block;
  margin-top: -2px;
}

.streamitem .streammsghead {
  display: inline-block;
  float: left;
  width: 100%;
  text-align: left;
  font-weight: bold;
  font-size: 1.3em;
  height: 1.3em;
  overflow: hidden;
  color: grey;
}

.streampic {
  cursor: pointer;
  width: 65px !important;
  height: 85px !important;
  position: absolute;
  right: 0;
  top: 5px;
}

.streamitem .streampic {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid silver;
  margin-top: 5px;
}

#ajax_msg_messages .messagescroller {
  background: whitesmoke;
}

table.iwapframe td {
  vertical-align: top;
}

.msg_center {
  text-align: left;
  width: 100%;
  position: relative;
  padding-bottom: 100px;
}

span.toolico {
  float: right;
  display: inline;
  text-align: right;
  padding: 5px;
  font-size: 1em;
  font-weight: normal;
  margin: -5px 0 1px 3px;
  color: gray;
  background: white;
  border: 1px solid silver;
  border-radius: 5px;
  text-align: center;
  min-width: 24px;
}

#mobileapp {
  width: 100%;
  display: inline-block;
  height: 100%;
  /* position: absolute; */
}

.bodyspacer {
  display: inline-block;
  height: 55px;
}

.streamclick {
  display: inline-block;
  width: calc(100% - 130px);
}

div#ajax_msg_messages {
  overflow: none;
  width: calc(100% - 2px);
  margin-top: 5px;
}

div#ajax_msg_messages .avatarpic {
  margin-left: -5px;
  margin-right: 15px;
}

.streamfaceicon {
  width: calc(33% - 5px);
  height: 95px;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  display: inline-block;
  background-position: center center;
  margin: 3px;
  position: relative;
}

.streamfacename {
  width: calc(100% - 11px);
  position: absolute;
  bottom: 0;
  color: white;
  font-weight: bold;
  font-size: 9px;
  padding: 5px;
  text-shadow: 0 0 3px black;
  word-break: break-word;
}

.streamdocicon {
  width: calc(33% - 5px);
  height: 130px;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  display: inline-block;
  background-position: center center;
  margin: 3px;
  position: relative;
}

.insperation {
  max-width: 100%;
  overflow: hidden;
  margin-top: 10px;
}

iframe.mobileapp_iframe {
  border: 0px;
  width: 100%;
  min-height: calc(100vh - 102px);
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
}

.mobileapp_iframe {
  overflow-x: hidden;
  overflow-y: scroll;
  overflow: overlay;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 0, 0, 0.1) !important;
}

.mobileapp_iframe::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.mobileapp_iframe::-webkit-scrollbar-thumb {
  background: rgba(255, 0, 0, 0.1) !important;
}

.mobileapp_iframe::-webkit-scrollbar {
  width: 0px;
}

div.footer {
  padding-top: 10px;
  text-align: center;
  margin-bottom: 5px;
}

.clock {
  font-size: 1.17em;
  text-align: right;
  font-weight: 900;
  display: inline-block;
  float: right;
  margin-top: -3px;
  height: 20px;
  color: black;
}

#iwapdocframe {
  width: 100%;
  position: relative;
  max-width: 1300px;
  background-color: white;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  outline: 1px solid silver;
}

td#lefttd {
  width: 25%;
  position: relative;
  min-width: 310px;
}

td#righttd {
  width: 100%;
  min-width: 284px;
  /* width: auto; */
}

td#centertd {
  width: 100%;
  position: relative;
  /* padding-top:60px; */
  padding-bottom: 0px !important;
}

.iwapads {
  display: inline-block;
  width: 100%
}

.googleads {
  padding: 5px;
  max-width: 50%;
  display: inline-block;
}

div.messagescroller {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100vh;
  width: calc(100% - 5px);
  padding-right: 5px;
  padding-bottom: 88px;
}

.subheading {
  width: 100%;
  text-align: center;
  font-size: .9em;
  color: darkslategrey;
}

.howlong {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: -9px;
  color: darkslategray;
}

.msgcnt {
  color: white;
  background: red;
  border-radius: 50%;
  position: relative;
  left: -27px;
  top: 30px;
  font-size: .7em;
  float: left;
  text-align: center;
  padding: 4px;
  width: 12px;
  height: 10px;
  vertical-align: middle;
  font-weight: bold;
  margin-right: -12px;
}

div.search-block {
  display: inline-block;
  margin-left: 70px;
  text-align: left;
  position: absolute;
  left: 10px;
  top: 35px;
  width: 90%;
}

.profileholder,
.profilepicdiv {
  width: 100px;
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  margin: 5px 10px 0px 5px;
}

.cwall {
  font-size: 3.4em;
  margin-top: 13px;
  float: left;
  color: lightslategray;
}

div#uploadholder {
  display: none;
  padding: 0 0 0 10px;
  width: calc(100% - 25px);
  margin-bottom: 20px;
}

embed {
  width: calc(100% - -2px);
  height: 100%;
  overflow: hidden;
  margin: -1px;
}

.avatarpic,
.streamclick,
.streampic,
.streamfaceicon,
.streamdocicon,
.icobtn1,
.icobtn2,
.profilepichover {
  cursor: pointer
}

.navjoin {
  height: 60px;
}

.navjoinbtn {
  display: inline-block;
  padding: 11px;
  float: left;
}

.navjoinbtn i {
  color: lightslategrey !important;
  font-size: 3.4em
}

.navjoinbtn span {
  font-size: 2.4em;
  display: inline;
  padding-left: 0;
  padding-right: 10px;
  top: -6px;
  position: relative;
}

i.navjoinquit.menubutton.sidebar.fa.fa-power-off {
  display: inline;
  color: red !important;
  float: right;
  margin-top: 13px;
}

i.menubutton.fas.fa-th-list {
  font-size: 3.4em;
  position: relative;
  top: -1px;
}

td.searchtool i {
  top: 5px;
}

span.replied {
  color: darkgray;
  padding: 0;
  margin: 0;
  height: 1.3em;
  overflow: hidden;
  max-width: 300px;
}

.privateroom {
  position: relative;
}

.avatarpic.frontavatar {
  position: absolute;
  top: 20px;
  left: 5px;
}

i.isprivate {
  position: absolute;
  top: 50px;
  color: grey;
  left: 20px;
}

i.ispublic {
  position: absolute;
  top: 50px;
  color: silver;
  left: 20px;
}

.toolbarbtn {
  display: inline-block;
  font-size: 1.3em;
  width: 100%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 16px;
  cursor: pointer;
  border: 1px solid silver;
  border-radius: 5px;
  background: white;
  color: lightslategray;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 5px;
  text-transform: capitalize;
}

.toolbarbtn.active {
  color: white;
  font-weight: bold;
  background-color: lightslategray;
}

.streamdate {
  text-align: center;
  font-size: 1.4em;
  margin-top: 10px;
  margin-bottom: 10px;
}

.streamletter {
  width: calc(100% - 1px);
  text-align: center;
  margin-top: 5px;
  padding: 3px;
  border-radius: 20px 20px 0 0;
  position: relative;
}

.streamrightpic {
  height: 60px;
  width: 55px;
  display: inline-block;
  position: absolute;
  top: 5px;
}

.streamitem.hide {
  display: none;
}

.multiitems {
  color: white;
  background: lightslategray;
  cursor: pointer;
}

#searchStream {
  width: calc(100% - 136px);
  height: 27px;
  border-radius: 5px;
  background-color: whitesmoke;
  position: absolute;
  top: 4px;
  left: 125px;
  z-index: 2;
}

#searchStream input {
  height: 25px;
  width: calc(100% - 45px);
  border-radius: 5px;
}

#searchStream span.toolico {
  margin: 0;
  height: 15px;
  font-size: 1.3em;
}

.streamletter span {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 19px;
  text-align: center;
  background: #c0c0c09c;
  font-weight: bold;
  display: inline-block;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: white;
  background-color: white;
}

::-webkit-scrollbar {
  width: 2px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: silver;
  border: 0;
}

.body::-webkit-scrollbar-track {
  -webkit-box-shadow: unset;
  background-color: unset;
}

.body::-webkit-scrollbar {
  width: 15px !important;
  background-color: unset !important;
}

.body::-webkit-scrollbar-thumb {
  background-color: silver;
  border: unset;
}

div#ajax_perfomance {
  width: 282px;
}

.si-mic {
  display: block;
  font-size: 20px !important;
  color: gray;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

span.appheading {
  display: inline-block;
}

span.main_heading {
  font-size: 1.3em;
  /* text-transform: uppercase; */
  position: absolute;
  top: 9px;
}

span.sub_heading {
  display: inline;
  font-size: 1em;
  position: absolute;
  top: calc(16px + 1em);
}

.streamitemicon i.fas.fa-chevron-left {
  /* font-size: 3em; */
}

.streamitem.privatemessage {}

section video {
  height: auto;
  width: auto;
  margin: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
  left: 50%;
}

.ui-progressbar-value {
  background: lightslategrey !important;
  margin: 0px !important;
}

div.streampic.postit {
  color: black;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 6px;
  padding: 13px 3px 10px 3px;
  max-height: 36px;
  overflow: hidden;
}

.optionvideo {
  display: none;
}

.streamcompany {
  text-align: center;
  padding: 5px;
  font-size: 1.3em;
  color: #222;
  border: 1px solid silver;
  margin: 5px 0px 5px 5px;
  background: whitesmoke;
  border-radius: 5px;
}

.msgbtnbar {
  position: relative;
  height: 33px;
  padding-left: 10px;
  margin-top: -1px;
  width: calc(100% - 10px);
}

div#msgstreambtns {
  width: calc(100% - 52px);
  height: 53px;
  overflow-y: hidden;
  overflow-x: auto;
  margin-bottom: -20px;
  position: absolute;
  padding-top: 2px;
  padding-bottom: 5px;
}

.arrow-left[data-cntl='msgstreambtns'] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.arrow-right[data-cntl='msgstreambtns'] {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.lcnt {
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
  background: white;
  border: 1px solid silver;
  border-radius: 5px;
  padding-top: 2px;
  top: 5px;
  right: 7px;
}

.fileholder.dociconview {
  width: auto;
  float: left;
  display: inline-block;
}

.dociconview.filedata {
  display: none;
}

.inlinetrays {
  width: calc(100% - -8px);
  margin-left: 4px;
}

div#ajax_perfomance {
  max-height: 375px;
  overflow-y: scroll !important;
}

.filelistholder {
  margin-top: 10px;
}

.streamcompany i.fas.fa-university {
  margin-right: 5px;
  color: grey;
}

.msgstreamreadmore {
  margin: 10px;
  padding: 10px;
  border: 1px solid silver;
  width: auto;
  float: right;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
}

iframe.iframe {
  border: 0;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

div.iframediv {
  width: calc(100% - 2px);
}

.streamitemad {
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  background-color: transparent;
  margin-top: -3px;
  width: 100%;
}

#tabs {
  padding-top: 0;
}

@media all and (max-width:360px) {
  table.popupmenu {
    font-size: 1em !important;
  }

  body {
    font-size: 8px !important;
  }

  div.navi_searchhist {
    position: absolute;
    left: 0px;
    width: 360px;
    height: 300px
  }

  img.bbsearch {
    display: inline-block;
  }

  img.footerredclip {
    display: none
  }

  img.footerquote {
    left: 8px !important;
    top: -15px !important;
    display: inline;
    margin-right: 20px
  }

  img.footerico {
    height: 20px;
  }

  div.msgfeedscroll {
    max-height: 300px;
  }

  .clockdate {
    display: inline-block;
    float: left;
    width: 200px;
    text-align: right;
  }

  .clockdow {
    display: inline-block;
    float: left;
    width: 200px;
    text-align: right;
    font-size: 0.8em
  }

  .clocktime {
    display: inline-block;
    float: left;
    width: 200px;
    text-align: right;
  }

  .jqclock {
    display: none !important;
  }

  div.header {
    zoom: 75%;
  }

  .backimage {
    display: none
  }

  .dummyform {
    margin-top: -10px !important;
    padding-left: 0px !important;
    position: relative;
  }

  div.profilepicdiv {
    zoom: 64%
  }

  .wrapprodname {
    max-width: 130px !important
  }

  .dateico {
    left: -1.4em !important;
    font-size: 1.8em !important;
    height: 7px;
  }

  select {
    height: 15px !important
  }
}

#appwebmenu div.bluebar {
  width: calc(100% - -2px);
}

@media all and (min-width:361px) and (max-width:480px) {
  div.navi_searchhist {
    position: absolute;
    left: 0px;
    width: 480px;
    height: 300px
  }

  input.bbsearch {
    display: none;
  }

  img.bbsearch {
    display: inline-block;
  }

  img.footerredclip {
    display: none
  }

  img.footerquote {
    left: 8px !important;
    top: -15px !important;
  }

  img.footerico {
    height: 20px;
  }

  div.msgfeedscroll {
    max-height: 300px;
  }

  .clockdate {
    display: inline-block;
    float: left;
    width: 200px;
    text-align: right;
  }

  .clockdow {
    display: inline-block;
    float: left;
    width: 200px;
    text-align: right;
  }

  .clocktime {
    display: inline-block;
    float: left;
    width: 200px;
    text-align: right;
  }

  .productheading {
    left: 50px;
    top: 0px;
  }

  .navbtn {
    width: 22px;
    height: 22px
  }

  .jqclock {
    display: none
  }
}

@media all and (min-width:481px) and (max-width:900px) {
  .clockdate {
    display: inline-block;
    float: left;
    width: 200px;
    text-align: right;
  }

  .clockdow {
    display: inline-block;
    float: left;
    width: 200px;
    text-align: right;
    font-size: 0.8em;
  }

  .clocktime {
    display: inline-block;
    float: left;
    width: 200px;
    text-align: right;
  }

  div.msgfeedscroll {
    max-height: 530px;
  }

  .jqclock {
    display: none !important;
  }
}

@media all and (max-width:900px) {
  div.welcome_left {
    float: left;
    display: inline-block;
    margin-left: 1% !important;
    margin-right: 1% !important;
    width: 98% !important;
    min-width: auto;
  }

  div.welcome_space {
    display: none
  }

  div.welcome_right {
    float: left;
    display: inline-block;
    margin-left: 1% !important;
    margin-right: 1% !important;
    width: 98% !important
  }

  #lefttd {
    width: calc(100vw - 2px) !important;
    min-width: unset !important;
    display: none;
    padding: 0;
    /* padding-top: 50px; */
  }

  #centertd {
    width: calc(100vw - 2px) !important;
    min-width: unset !important;
    padding: 0px;
    margin-left: -2px;
    margin-top: -2px;
  }

  #righttd {
    width: calc(100vw - 2px) !important;
    min-width: unset !important;
    display: none;
    padding: 0;
    padding-top: 55px;
  }

  .landingbody {
    background-image: unset !important;
  }

  table.appwebmenu {
    position: fixed !important;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: calc(100vw - -2px) !important;
  }

  #mobileapp {
    width: calc(100% - 0px) !important;
    padding: 0;
    margin-left: 0px !important;
  }

  table#iwapdocframe {
    margin-top: -3px;
    width: calc(100vw - -1px);
    left: unset;
    transform: unset;
    position: unset;
    outline: 20px solid black;
  }

  div.iframediv {
    width: calc(100% - -5px);
  }

  div.iwapcontent {
    margin-bottom: -7px;
  }

  div.messagescroller {
    width: 100%;
    padding: 0;
    margin: 0;
    padding-bottom: 120px;
  }

  .streamitem .streampic {
    width: 65px;
    height: 85px;
  }

  nav.bottomscreen {
    width: calc(100vw - 30px);
    bottom: 0px;
  }

  nav.bottomscreen div.navscroll {
    width: calc(100vw - 45px);
  }
}

audio#swiperAudio1Player {
  width: calc(100vw - 40px);
  position: absolute;
  bottom: 50px;
  padding-left: 20px;
  height: 25px;
}

span.msgtxt.msgspace {
  height: 1em;
  background: transparent;
  border-color: transparent;
}

.streammsg.ismyreply {
  background-color: whitesmoke;
  padding: 5px;
  width: calc(100% - 10px);
  margin-left: -5px;
}

.streammsg.isnotmyreply {
  background-color: aliceblue;
  padding: 5px;
  width: calc(100% - 10px);
  margin-left: -5px;
}

div.msgheart {
  background-position: 7px 6px;
  background-size: 80%;
}

.bodydoc {
  overflow-y: auto;
  height: calc(100vh - 60px);
  scrollbar-width: none;
}

.scroll1 {
  width: 100%;
}

select {
  padding: 0 !important;
  background-color: white !important;
}

.producttr .toolbar {
  position: relative;
  height: auto;
}

table#list {
  font-size: 1.5em;
  line-height: 1.8em;
  border: 1px solid silver;
}

/* .aico_feed {
	background-color: #666 !important;
} */
div.advert img,
div.advert video {
  width: 90% !important;
  padding-left: 5%;
}

/* .bluebar {
	width: calc(100% - 6px) !important;
}*/
table#iwapdocframe,
#ajax_msg_messages .messagescroller,
.taskcalendar,
.ui-accordion .ui-accordion-content,
.action_card {
  height: 100%;
}

.address {
  width: 220px;
  float: left;
  margin-right: 5px;
}

.address div {
  width: 100%;
}

.address label {
  width: 33%;
  float: left;
  margin: 0;
  margin-bottom: -3em;
  margin-top: 1em;
}

.address input {
  width: 66%;
  display: inline;
  float: right !important;
  margin-bottom: 1px;
}

.nativeapp {
  aspect-ratio: 9/12;
  width: 33%;
}

.nativeapp span {
  position: absolute;
  bottom: 0.5em;
  width: 100%;
  margin: 0;
  padding: 0;
}

.notice {
  padding: 1em;
  font-size: 1.5em;
  text-align: center;
  padding-top: 5em;
}

.isflex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 1em;
  outline: 1px solid silver;
  background: white;
}

.isflex>div {
  padding: 1em;
  border-bottom: 1px solid silver;
  margin-top: 1em;
  flex-grow: 2;
  max-width: 50%;
}

.isflex>div a {
  display: inline
}

.isflex>ul {
  display: none;
}