@import "bootstrap.css";
@import "font-compas-embedded.css";
/*@mixin border-radii($topleft, $topright, $bottomright, $bottomleft) {
    border-top-left-radius: $topleft;
    border-top-right-radius: $topright;
    border-bottom-right-radius: $bottomright;
    border-bottom-left-radius: $bottomleft;
    -webkit-border-top-left-radius: $topleft;
    -webkit-border-top-right-radius: $topright;
    -webkit-border-bottom-right-radius: $bottomright;
    -webkit-border-bottom-left-radius: $bottomleft;
    -moz-border-radius-topleft: $topleft;
    -moz-border-radius-topright: $topright;
    -moz-border-radius-bottomright: $bottomright;
    -moz-border-radius-bottomleft: $bottomleft;
}*/
@-webkit-keyframes slide {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
}
@-moz-keyframes slide {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
}
@-ms-keyframes slide {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
}
@-o-keyframes slide {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
}
@keyframes slide {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
}
@-webkit-keyframes slide-down {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}
@-moz-keyframes slide-down {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}
@-ms-keyframes slide-down {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}
@-o-keyframes slide-down {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}
@keyframes slide-down {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
}
@-webkit-keyframes slide-up {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
}
@-moz-keyframes slide-up {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
}
@-ms-keyframes slide-up {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
}
@-o-keyframes slide-up {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
}
@keyframes slide-up {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
}
body > * {
  font-family: 14px Arial, "Roboto Medium", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
}
body .tm-compas {
  border: 0;
  /*.tm-footer {
      background-color: $c-bgGray;

      .container-fluid {
          padding: 8px 40px;
      }
  }*/
}
body .tm-compas .tm-leftPane {
  background-color: #F7F7F7;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 3;
}
body .tm-compas .tm-leftPane .dxsplLCC {
  padding: 0;
}
body .tm-compas .tm-leftPane .dxsplLCC ul.tm-leftNavbar {
  background-color: transparent;
  margin-top: 20px;
}
body .tm-compas .tm-leftPane .dxsplLCC ul.tm-leftNavbar > * {
  border-left: 0;
  border-right: 0;
}
body .tm-compas .tm-leftPane .dxsplLCC ul.tm-leftNavbar li > * {
  border-left: 0;
  border-right: 0;
}
body .tm-compas .tm-leftPane .dxsplLCC ul.tm-leftNavbar li [class^=dxnb-header] [class^=i-] {
  margin-right: 10px;
}
body .tm-compas .tm-leftPane .dxsplLCC ul.tm-leftNavbar li .dxnb-header {
  background-color: #88CA11;
  color: #fff;
}
body .tm-compas .tm-leftPane .dxsplLCC ul.tm-leftNavbar li .dxnb-header .dxWeb_nbCollapse_MaterialCompact {
  background-position: -437px -154px !important;
}
body .tm-compas .tm-leftPane .dxsplLCC ul.tm-leftNavbar li ul.dxnb-content li.dxnb-item {
  padding-left: 38px;
}
body .tm-compas .tm-leftPane .dxsplLCC .tm-leftPaneBtmOption {
  text-align: center;
}
body .tm-compas .tm-leftPane .dxsplLCC .tm-leftPaneBtmOption .tm-btnLinkIcon {
  margin: 15px;
  position: relative;
  color: #58595B;
}
body .tm-compas .tm-leftPane .dxsplLCC .tm-leftPaneBtmOption .tm-btnLinkIcon [class^=i-] {
  font-size: 32px;
}
body .tm-compas .tm-leftPane .dxsplLCC .tm-leftPaneBtmOption .tm-btnLinkIcon [class^=badge] {
  position: absolute;
  right: -3px;
  bottom: 0;
  border-radius: 50%;
  min-height: 19px;
  padding-top: 5px;
}
body .tm-compas .tm-leftPane .dxsplLCC .tm-leftPaneBtmOption .tm-btnLinkIcon.active {
  color: #88CA11;
}
body .tm-compas .tm-contentPane {
  background-color: #fff;
}
body .tm-compas .tm-contentPane .tm-navTab {
  position: -webkit-sticky !important; /* Safari */
  position: sticky !important;
  top: 0;
  z-index: 2;
}
body .tm-compas .tm-contentPane ul.tm-navTabs {
  background-color: #F7F7F7;
  border-bottom-color: transparent;
  width: 100%;
}
body .tm-compas .tm-contentPane ul.tm-navTabs:before {
  content: " ";
  position: absolute;
  z-index: 1;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.05);
}
body .tm-compas .tm-contentPane ul.tm-navTabs li a {
  color: #757575;
}
body .tm-compas .tm-contentPane ul.tm-navTabs li a.nav-link {
  border-color: transparent;
  border-radius: 0;
}
body .tm-compas .tm-contentPane ul.tm-navTabs li a [class^=i-cancel] {
  font-size: 16px;
}
body .tm-compas .tm-contentPane ul.tm-navTabs li a [class^=i-cancel]:before {
  margin-right: 0;
}
body .tm-compas .tm-contentPane ul.tm-navTabs li a [class^=i-cancel]:hover {
  color: #f44336;
}
body .tm-compas .tm-contentPane ul.tm-navTabs li a [class^=i-cancel]:hover:before {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
}
body .tm-compas .tm-contentPane ul.tm-navTabs li a.active {
  color: #88CA11;
  background-color: #fff;
  font-weight: bold;
  box-shadow: 0px 0px 0px rgb(255, 255, 255);
  position: relative;
  z-index: 2;
}
body .tm-compas .tm-contentPane ul.tm-navTabs li.hide {
  color: #222;
}
body .tm-compas .tm-contentPane .tab-content {
  background-color: #fff;
  padding: 15px 40px 15px 40px;
  -webkit-box-shadow: 6px 0px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 6px 0px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 6px 0px 0px rgba(0, 0, 0, 0.25);
}
body .tm-compas .tm-footerPanes {
  height: 44px !important;
}
body .tm-compas .tm-footerPanes > .dxsplLCC {
  padding: 0;
}
body .tm-compas .tm-footers {
  padding: 10px 40px 10px 40px;
  background-color: #F7F7F7;
}

.dxrpControl_MaterialCompact.tm-roundPanel {
  border-width: 0;
}

.dxeCaptionCell_MaterialCompact.dxeCLTSys,
.dxeCaptionCell_MaterialCompact.dxeCLBSys {
  padding: 15px 0 0px 0 !important;
}

.dxucBrowseButton_MaterialCompact {
  padding: 6px 18px 6px !important;
}

.dxbButton_MaterialCompact div.dxb {
  padding: 6px 13px 6px !important;
}

[id*=Date][class*=dxeButtonEditButton_] {
  padding: 4px 5px !important;
}

.tm-btnLinkIcon {
  color: #58595B;
  display: inline-block;
}
.tm-btnLinkIcon:hover:not([class*=dxbDisabled_]), .tm-btnLinkIcon:focus:not([class*=dxbDisabled_]) {
  color: #78b20f;
}
.tm-btnLinkIcon:hover:not([class*=dxbDisabled_]):before, .tm-btnLinkIcon:focus:not([class*=dxbDisabled_]):before {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.tm-btnLinkIcon.actice {
  color: #88CA11;
}

.tm-btnRedLinkIcon {
  color: #f44336 !important;
  display: inline-block;
  font-size: 16px !important;
}
.tm-btnRedLinkIcon:hover:not([class*=dxbDisabled_]), .tm-btnRedLinkIcon:focus:not([class*=dxbDisabled_]) {
  color: #f32c1e !important;
}
.tm-btnRedLinkIcon:hover:not([class*=dxbDisabled_]):before, .tm-btnRedLinkIcon:focus:not([class*=dxbDisabled_]):before {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.tm-btnRedLinkIcon.actice {
  color: #f44336;
}

.tm-btnOrangeLinkIcon {
  color: #F38900 !important;
  display: inline-block;
  font-size: 16px !important;
}
.tm-btnOrangeLinkIcon:hover:not([class*=dxbDisabled_]), .tm-btnOrangeLinkIcon:focus:not([class*=dxbDisabled_]) {
  color: #da7b00 !important;
}
.tm-btnOrangeLinkIcon:hover:not([class*=dxbDisabled_]):before, .tm-btnOrangeLinkIcon:focus:not([class*=dxbDisabled_]):before {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.tm-btnOrangeLinkIcon.actice {
  color: #F38900;
}

/*.dxgvDataRow_MaterialCompact.dxgvFocusedRow_MaterialCompact {
    .tm-btnOrangeLinkIcon {
        color: $c-white !important;

        &:hover:not([class*="dxbDisabled_"]), &:focus:not([class*="dxbDisabled_"]) {
            //color: $c-orange !important;
        }
    }

    .tm-btnRedLinkIcon {
        color: $c-white !important;

        &:hover:not([class*="dxbDisabled_"]), &:focus:not([class*="dxbDisabled_"]) {
            color: darken($c-red,5%) !important;
        }
    }
}*/
.tm-btnOrangeLink {
  color: #F38900 !important;
}
.tm-btnOrangeLink:hover, .tm-btnOrangeLink:focus {
  color: #da7b00 !important;
}
.tm-btnOrangeLink.actice {
  color: #F38900;
}

.dxb-outline.tm-btnOrange, .dxb-outline.tm-btnSearch {
  border-radius: 20px;
  background-color: transparent;
  border: solid 1px #F38900 !important;
}
.dxb-outline.tm-btnOrange .dxb, .dxb-outline.tm-btnSearch .dxb {
  border: none;
}
.dxb-outline.tm-btnOrange .dx-vam, .dxb-outline.tm-btnSearch .dx-vam {
  color: #F38900;
  text-transform: none;
  font-weight: normal;
}
.dxb-outline.tm-btnOrange:hover, .dxb-outline.tm-btnOrange:focus, .dxb-outline.tm-btnOrange:active, .dxb-outline.tm-btnOrange.dxbButtonHover_MaterialCompact, .dxb-outline.tm-btnSearch:hover, .dxb-outline.tm-btnSearch:focus, .dxb-outline.tm-btnSearch:active, .dxb-outline.tm-btnSearch.dxbButtonHover_MaterialCompact {
  border-radius: 20px;
  background-color: #F38900;
  border: solid 1px #F38900;
}
.dxb-outline.tm-btnOrange:hover .dxb, .dxb-outline.tm-btnOrange:focus .dxb, .dxb-outline.tm-btnOrange:active .dxb, .dxb-outline.tm-btnOrange.dxbButtonHover_MaterialCompact .dxb, .dxb-outline.tm-btnSearch:hover .dxb, .dxb-outline.tm-btnSearch:focus .dxb, .dxb-outline.tm-btnSearch:active .dxb, .dxb-outline.tm-btnSearch.dxbButtonHover_MaterialCompact .dxb {
  border: none;
}
.dxb-outline.tm-btnOrange:hover .dxb .dx-vam, .dxb-outline.tm-btnOrange:focus .dxb .dx-vam, .dxb-outline.tm-btnOrange:active .dxb .dx-vam, .dxb-outline.tm-btnOrange.dxbButtonHover_MaterialCompact .dxb .dx-vam, .dxb-outline.tm-btnSearch:hover .dxb .dx-vam, .dxb-outline.tm-btnSearch:focus .dxb .dx-vam, .dxb-outline.tm-btnSearch:active .dxb .dx-vam, .dxb-outline.tm-btnSearch.dxbButtonHover_MaterialCompact .dxb .dx-vam {
  color: #fff;
}
.dxb-outline.tm-btnOrange.dxbButtonPressed_MaterialCompact, .dxb-outline.tm-btnSearch.dxbButtonPressed_MaterialCompact {
  background: #F38900 !important;
}
.dxb-outline.tm-btnOrange.dxbButtonPressed_MaterialCompact .dx-vam, .dxb-outline.tm-btnSearch.dxbButtonPressed_MaterialCompact .dx-vam {
  color: #fff;
}
.dxb-outline.tm-btnOrange.dxbDisabled_MaterialCompact, .dxb-outline.tm-btnSearch.dxbDisabled_MaterialCompact {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.dxb-outline.tm-btnOrange.dxbDisabled_MaterialCompact .dxb, .dxb-outline.tm-btnSearch.dxbDisabled_MaterialCompact .dxb {
  border: none;
}
.dxb-outline.tm-btnOrange.dxbDisabled_MaterialCompact .dxb .dx-vam, .dxb-outline.tm-btnSearch.dxbDisabled_MaterialCompact .dxb .dx-vam {
  color: #F38900 !important;
}
.dxb-outline.tm-btnOrange.dxbDisabled_MaterialCompact.dxbButtonHover_MaterialCompact .dxb, .dxb-outline.tm-btnSearch.dxbDisabled_MaterialCompact.dxbButtonHover_MaterialCompact .dxb {
  border: none;
}
.dxb-outline.tm-btnOrange.dxbDisabled_MaterialCompact.dxbButtonHover_MaterialCompact .dxb .dx-vam, .dxb-outline.tm-btnSearch.dxbDisabled_MaterialCompact.dxbButtonHover_MaterialCompact .dxb .dx-vam {
  color: #F38900 !important;
}

.dxucBrowseButton_MaterialCompact.tm-btnOrange {
  background-color: #F38900;
  border: solid 1px #F38900;
}
.dxucBrowseButton_MaterialCompact.tm-btnOrange a {
  color: #fff !important;
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
}
.dxucBrowseButton_MaterialCompact.tm-btnOrange:hover, .dxucBrowseButton_MaterialCompact.tm-btnOrange:focus, .dxucBrowseButton_MaterialCompact.tm-btnOrange.dxucBrowseButtonHover_MaterialCompact {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2) !important;
}
.dxucBrowseButton_MaterialCompact.tm-btnOrangeOutline {
  background-color: #fff;
  border: solid 1px #F38900;
  border-radius: 25px;
}
.dxucBrowseButton_MaterialCompact.tm-btnOrangeOutline a {
  color: #F38900 !important;
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
}
.dxucBrowseButton_MaterialCompact.tm-btnOrangeOutline a:hover, .dxucBrowseButton_MaterialCompact.tm-btnOrangeOutline a:focus, .dxucBrowseButton_MaterialCompact.tm-btnOrangeOutline a.dxucBrowseButtonHover_MaterialCompact {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2) !important;
}

.tm-btnOrange {
  background-color: #F38900;
  border: solid 1px #F38900;
  border-radius: 20px !important;
  box-shadow: none !important;
  color: #fff;
}
.tm-btnOrange > * {
  border-radius: 20px !important;
}
.tm-btnOrange .dxb {
  border-color: transparent !important;
}
.tm-btnOrange .dxb .dx-vam {
  text-transform: none;
  font-weight: normal;
}
.tm-btnOrange:hover, .tm-btnOrange:focus, .tm-btnOrange .dxbButtonHover_MaterialCompact {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2) !important;
}
.tm-btnOrange.dxbDisabled_MaterialCompact {
  background-color: #F38900 !important;
  border: solid 1px #F38900 !important;
  color: #fff !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.tm-btnOrange.dxbDisabled_MaterialCompact.dxb-outline {
  background-color: #fff !important;
  border: solid 1px #F38900 !important;
  color: #F38900 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.tm-btnGray, .tm-btnSearchTemp [class^=dxbButton_], .tm-panel-extend .tm-panelTitle .tm-sortBox .tm-sortBtns [class^=dxbButton_], .tm-panel .tm-panelTitle .tm-sortBox .tm-sortBtns [class^=dxbButton_], body .tm-compas .tm-contentPane .tm-panelTitle .tm-sortBox .tm-sortBtns [class^=dxbButton_] {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: normal;
  cursor: move;
  box-shadow: none;
  border: solid 1px #C2C2C2;
  border-radius: 20px !important;
  text-transform: none;
  color: #9A9B9D;
  /*[class*="dxbDisabled_"] {
      cursor:not-allowed;
  }*/
}
.tm-btnGray .dx-vam, .tm-btnSearchTemp [class^=dxbButton_] .dx-vam, .tm-panel-extend .tm-panelTitle .tm-sortBox .tm-sortBtns [class^=dxbButton_] .dx-vam, .tm-panel .tm-panelTitle .tm-sortBox .tm-sortBtns [class^=dxbButton_] .dx-vam, body .tm-compas .tm-contentPane .tm-panelTitle .tm-sortBox .tm-sortBtns [class^=dxbButton_] .dx-vam {
  text-transform: none;
  font-weight: normal;
}

.tm-btnSearchTemp [class^=dxbButton_], .tm-panel-extend .tm-panelTitle .tm-sortBox .tm-sortBtns [class^=dxbButton_], .tm-panel .tm-panelTitle .tm-sortBox .tm-sortBtns [class^=dxbButton_], body .tm-compas .tm-contentPane .tm-panelTitle .tm-sortBox .tm-sortBtns [class^=dxbButton_] {
  /*margin-top: 5px;
  margin-bottom: 5px;
  font-weight: normal;
  cursor: move;
  box-shadow: none;
  border: solid 1px $c-borderLite;
  border-radius: 5px;
  text-transform: none;
  color: $c-borderStrong;*/
}

.tm-btnRadioGroup .dxe .dxichCellSys {
  clear: both;
  display: inline-block;
  padding: 0;
}
.tm-btnRadioGroup .dxe .dxichCellSys .dxichSys {
  position: absolute;
  left: -9999em;
  top: -9999em;
}
.tm-btnRadioGroup .dxe .dxichCellSys:not(:first-of-type):not(:last-of-type) {
  border-width: 2px;
}
.tm-btnRadioGroup .dxe .dxichCellSys label {
  margin-left: 0 !important;
  margin-right: -1px !important;
  padding: 10px 20px !important;
  border: solid 1px #9A9B9D;
  color: #58595B;
  cursor: pointer;
}
.tm-btnRadioGroup .dxe .dxichCellSys label:hover {
  background-color: #f1fcde;
}
.tm-btnRadioGroup .dxe .dxichCellSys [class*=dxEditors_edtRadioButtonChecked] + label {
  background-color: #88CA11;
  border-color: #88CA11;
  color: #fff;
  position: relative;
  z-index: 2;
}

.tm-fIconAction {
  font-size: 16px;
  font-size: 1rem;
}
.tm-fIconAction:before {
  margin-left: 0px;
  margin-right: 0px;
}
.tm-fIconAction:hover:before {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.tm-px-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.tm-wv08 {
  width: 80vw;
}

.tm-borderB {
  border-bottom: solid 1px #F7F7F7 !important;
}

.tm-fs-11 {
  font-size: 11px;
  font-size: 0.6875rem;
}

.tm-fs-14 {
  font-size: 14px;
  font-size: 0.875rem;
}

.tm-fs-16 {
  font-size: 16px;
  font-size: 1rem;
}

.tm-fs-18 {
  font-size: 18px;
  font-size: 1.125rem;
}

.tm-fs-20 {
  font-size: 20px;
  font-size: 1.25rem;
}

.tm-titleGreen16 {
  color: #88CA11 !important;
  font-size: 16px !important;
}

.tm-titleGreen18 {
  color: #88CA11 !important;
  font-size: 18px !important;
}

.tm-titleGreen22 {
  color: #88CA11 !important;
  font-size: 22px !important;
}

.tm-iconInfo {
  color: #88CA11 !important;
  font-size: 15px;
  font-size: 0.9375rem;
}

.tm-wrapNormal {
  white-space: normal;
  word-wrap: break-word;
}

.tm-c-grayStrong {
  color: #9A9B9D;
}

.tm-c-text {
  color: #222;
}

.tm-c-red {
  color: #f44336;
}

.tm-c-orange {
  color: #F38900;
}

.tm-c-danger {
  color: #721c24;
}

.tm-c-green {
  color: #88CA11;
}

.tm-c-warning {
  color: #856404;
}

.tm-bg-orange {
  background-color: #F38900 !important;
}

.tm-bg-green {
  background-color: #88CA11 !important;
}

.dxgvCSD.tm-calendarInTableFix {
  overflow: auto !important;
}
.dxgvCSD.tm-calendarInTableFix .tm-panelTable {
  overflow: inherit !important;
}

.tm-bgTrans {
  background-color: transparent !important;
}

.tm-medical {
  position: relative;
}
.tm-medicalGroupPRZ {
  border-color: #88CA11 transparent transparent transparent;
}
.tm-medicalGroupABD {
  border-color: #f44336 transparent transparent transparent;
}
.tm-medical [class^=tm-medicalGroup] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 0;
}

.dxeCalendar_MaterialCompact > tbody > tr:nth-child(1) > td {
  padding-bottom: 10px;
}

.dxeCalendarHeader_MaterialCompact {
  background-color: #88CA11 !important;
  text-transform: capitalize !important;
}

.dxeCalendarDayHeader_MaterialCompact {
  text-transform: capitalize !important;
  color: #F38900;
}

.dxeCalendarDay_MaterialCompact,
.dxeCalendarFastNavItem_MaterialCompact {
  font-weight: normal;
  padding: 8px !important;
}

.dxeCalendarSelected_MaterialCompact,
.dxeCalendarHover_MaterialCompact,
.dxeCalendarDay_MaterialCompact.dxeCalendarToday_MaterialCompact {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  border-style: none;
  font-weight: bold;
}

.dxeCalendar_MaterialCompact td.dxMonthGridWithWeekNumbers > table > tbody > tr > td:nth-child(2) {
  border-left: 0px solid transparent !important;
}

.dxeCalendarDay_MaterialCompact.dxeCalendarSelected_MaterialCompact.dxeCalendarToday_MaterialCompact,
.dxeCalendarFastNavItem_MaterialCompact.dxeCalendarFastNavItemSelected_MaterialCompact,
.dxeCalendarFastNavMonth_MaterialCompact.dxeCalendarFastNavMonthSelected_MaterialCompact,
.dxeCalendarFastNavYear_MaterialCompact.dxeCalendarFastNavYearSelected_MaterialCompact {
  background-color: #88CA11 !important;
  box-shadow: inset 0 0 0 1px #88CA11 !important;
}

.dxeCalendarDay_MaterialCompact.dxeCalendarSelected_MaterialCompact {
  background-color: #88CA11 !important;
  color: white;
}

.dxeCalendarOutOfRange_MaterialCompact, .dxeCalendarFastNavItem_MaterialCompact.dxeCalendarOutOfRange_MaterialCompact {
  cursor: not-allowed !important;
}

div.dxeCalendarDETS {
  display: block !important;
  min-width: 290px !important;
  max-width: 290px !important;
}
div.dxeCalendarDETS > div {
  display: block !important;
}
div.dxeCalendarDETS > div.dxde-time .dxeCalendarHeader_MaterialCompact {
  display: none !important;
  height: 0px !important;
}
div.dxeCalendarDETS > div.dxde-time .dxeDateEditClockCell_MaterialCompact {
  border-bottom: solid 1px #e0e0e0;
}
div.dxeCalendarDETS > div.dxde-time .dxeDateEditClockCell_MaterialCompact > div {
  height: 1px;
  visibility: hidden !important;
}
div.dxeCalendarDETS > div.dxde-time .dxeDateEditClockCell_MaterialCompact > div > img {
  display: none !important;
}
div.dxeCalendarDETS > div.dxde-time .dxeDateEditTimeEditCell_MaterialCompact .dxeButtonEdit_MaterialCompact {
  min-width: 120px;
}

.dxeCalendarFooter_MaterialCompact .dxeCalendarButton_MaterialCompact {
  border-radius: 100px;
  border: solid 1px #F38900;
  text-transform: capitalize;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px 8px 5px;
}
.dxeCalendarFooter_MaterialCompact .dxeCalendarButton_MaterialCompact:hover {
  background-color: transparent;
}
.dxeCalendarFooter_MaterialCompact .dxeCalendarButton_MaterialCompact:focus {
  box-shadow: none !important;
  border: none;
}
.dxeCalendarFooter_MaterialCompact .dxeCalendarButton_MaterialCompact[id*=_DDD_C_BC] {
  color: #F38900;
}
.dxeCalendarFooter_MaterialCompact .dxeCalendarButton_MaterialCompact[id*=_DDD_C_BC]:hover {
  background-color: #F38900;
  color: #fff !important;
}
.dxeCalendarFooter_MaterialCompact .dxeCalendarButton_MaterialCompact[id$=_DDD_C_BT], .dxeCalendarFooter_MaterialCompact .dxeCalendarButton_MaterialCompact[id$=_DDD_C_BO] {
  color: #fff;
  background-color: #F38900;
  float: right;
  margin-left: 7px;
}
.dxeCalendarFooter_MaterialCompact .dxeCalendarButton_MaterialCompact[id$=_DDD_C_BT]:hover, .dxeCalendarFooter_MaterialCompact .dxeCalendarButton_MaterialCompact[id$=_DDD_C_BO]:hover {
  color: #fff !important;
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
}

.tm-dateEditParent {
  position: relative;
}

.tm-FocusedStyleXX {
  position: fixed;
  z-index: 4;
}

.tm-calendarPositionFixed {
  position: fixed;
}

.tm-dateEditParent:hover .dxflItem_MaterialCompact {
  position: fixed;
  z-index: 4;
}

.tm-errorPage [class^=i-] {
  color: #9A9B9D;
  font-size: 300px;
  font-size: 18.75rem;
  margin-top: 50px;
  margin-bottom: 30px;
  display: block;
}
.tm-errorPageInfo {
  color: #F38900;
  font-size: 32px;
  font-size: 2rem;
}
.tm-errorPageCode {
  color: #9A9B9D;
  font-size: 18px;
  font-size: 1.125rem;
}
.tm-errorPageApp {
  color: #9A9B9D;
  font-size: 18px;
  font-size: 1.125rem;
}
[class*=dxeDisabled_] {
  background-color: #F7F7F7 !important;
}
[class*=dxeDisabled_] input[disabled], [class*=dxeDisabled_] select[disabled] {
  cursor: not-allowed;
  background-color: #F7F7F7;
}

textarea.dxeMemoEditArea_MaterialCompact.dxeMemoEditAreaSys {
  line-height: 1.43 !important;
}

.disabled, :disabled, [class^=dxbDisabled_], [class*=dxbDisabled_] {
  cursor: not-allowed !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #222 !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

[class*=dxeInvalid_] input:-webkit-autofill,
[class*=dxeInvalid_] input:-webkit-autofill:hover,
[class*=dxeInvalid_] input:-webkit-autofill:focus,
[class*=dxeInvalid_] textarea:-webkit-autofill,
[class*=dxeInvalid_] textarea:-webkit-autofill:hover,
[class*=dxeInvalid_] textarea:-webkit-autofill:focus,
[class*=dxeInvalid_] select:-webkit-autofill,
[class*=dxeInvalid_] select:-webkit-autofill:hover,
[class*=dxeInvalid_] select:-webkit-autofill:focus {
  -webkit-text-fill-color: #222 !important;
  -webkit-box-shadow: 0 0 0px 1000px #FFEFEF inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.tm-formContent {
  padding: 0 !important;
}
.tm-formContent .tm-box {
  border: none;
}
.tm-formContent .tm-box + .tm-bbottom {
  border-bottom: solid 1px #F7F7F7;
}
.tm-formContent .tm-boxCaption {
  text-align: left;
  color: #88CA11;
  background-color: transparent;
  padding: 0 6px !important;
  font-size: 22px;
  text-transform: none;
  left: 6px;
  top: 0;
  font-weight: normal;
}
.tm-formContent .tm-boxContent {
  padding: 0 !important;
}
.tm-formContent .tm-box2Caption {
  color: #88CA11;
  background-color: transparent;
  font-size: 18px;
  text-transform: none;
  top: -12px;
  font-weight: normal;
}
.tm-formContent .tm-boxTable {
  border: none;
}
.tm-formContent .tm-boxTable + .tm-bbottom {
  border-bottom: solid 1px #F7F7F7;
}
.tm-formContent .tm-boxTableCaption {
  text-align: left;
  color: #88CA11;
  background-color: transparent;
  padding: 0 6px !important;
  font-size: 22px;
  text-transform: none;
  left: 6px;
  top: 0;
  font-weight: normal;
}
.tm-formContent .tm-boxTableContent {
  padding: 0 !important;
}
.tm-formContent .tm-formGroupCell label {
  margin-bottom: 0;
}
.tm-formContent2 .tm-box {
  margin-bottom: 20px !important;
}
.tm-formContent2 .tm-boxCaption {
  color: #88CA11;
  font-size: 18px;
  text-transform: none;
  top: -12px;
}
.tm-formContent2 .tm-formGroupCell {
  margin-top: 5px;
  margin-bottom: 5px;
}
.tm-formContent2 .tm-formGroupCell label {
  margin-bottom: 0;
}
.tm-formContentBg .tm-box {
  margin-bottom: 20px !important;
  background-color: #F7F7F7;
  padding: 15px 0 15px !important;
}
.tm-formContentBg .tm-boxCaption {
  color: #88CA11;
  background-color: transparent;
  font-size: 18px;
  font-weight: normal;
  text-transform: none;
  top: 0px;
  left: 6px;
}
.tm-formContentBg .tm-formGroupCell label {
  margin-bottom: 0;
}

.tm-boxForm {
  border: none;
}
.tm-boxFormGroupCellCaption label {
  margin-bottom: 0 !important;
}
.tm-boxFormGroupCell [class^=dxbButton_] {
  margin-top: 10px !important;
}
[class*=dxeTextBox_] {
  border-color: #9A9B9D;
}

.tm-sortTitle {
  color: #757575;
}

.tm-panel-extend .tm-panel, .tm-panel .tm-panel, body .tm-compas .tm-contentPane .tm-panel {
  padding-top: 20px;
  padding-bottom: 40px;
}
.tm-panel-extend .tm-panelTitle, .tm-panel .tm-panelTitle, body .tm-compas .tm-contentPane .tm-panelTitle {
  text-align: left;
  color: #88CA11;
  padding: 0px 0 15px 0;
  font-size: 22px;
}
.tm-panel-extend .tm-panelTitle .tm-boxCaption, .tm-panel .tm-panelTitle .tm-boxCaption, body .tm-compas .tm-contentPane .tm-panelTitle .tm-boxCaption {
  padding: 0 !important;
  display: block;
}
.tm-panel-extend .tm-panelTitle .tm-sortBox, .tm-panel .tm-panelTitle .tm-sortBox, body .tm-compas .tm-contentPane .tm-panelTitle .tm-sortBox {
  margin: 10px 0;
}
.tm-panel-extend .tm-panelTitle .tm-sortBox .tm-sortTitle, .tm-panel .tm-panelTitle .tm-sortBox .tm-sortTitle, body .tm-compas .tm-contentPane .tm-panelTitle .tm-sortBox .tm-sortTitle {
  font-size: 14px;
  margin-right: 10px;
  display: inline-block;
}
.tm-panel-extend .tm-panelTable, .tm-panel .tm-panelTable, body .tm-compas .tm-contentPane .tm-panelTable {
  /*//padding-bottom:20px;
  border-radius: 0;

  tbody {
      tr:not([class^="dxeListBoxItemRow_"]) {
          &[id*="DXHeaders"] {
              [class^="dxgvHeader"] {
                  background-color: $c-grayHead;
              }

              [class^="dxgvPHEC"] {
                  background-color: $c-grayHead;
              }

              td {
                  line-height: 1.43;
                  //font-size: 12px;
                  text-align: center;
                  word-wrap: break-word;
                  white-space: normal;
                  padding: 2px 0 2px 1px !important;
                  @include font-size(12px);

                  span.dx-vam {
                      display: none !important;
                  }

                  img.dx-vam {
                      margin-left: 0 !important;
                  }
              }
          }

          &[id*="_DXFilterRow"] {
              td {
                  padding: 5px !important;
                  @include font-size(13px);

                  &[class*="dxeButtonEditClearButton_"] {
                      padding: 0 3px !important;

                      img {
                          //transform: scale(0.9);
                          @include scale(0.8);
                      }
                  }
              }
          }

          &[class^="dxgvDataRow_"], &[class^="dxgvEditFormDisplayRow_"] {


              &:not([class*="dxgvFocusedRow_"]):not([class*="dxgvSelectedRow_"]):not([class*="d111xgvBatchEditModifiedCell_"]):not([class="tm-tableGroupSepaNoText"]) {
                  &:nth-of-type(even) { //odd
                     //  background-color: $c-grayNth;
                  }

                  &:hover:not([class*="dxgvFocusedRow_"]):not([class*="dxgvSelectedRow_"]):not([class*="d111xgvBatchEditModifiedCell_"]) {
                    //  background-color: $c-borderLite;
                  }
              }


              &.tm-tableRowCustomSelect:not(:hover) {
                  > td {
                      background-color: #d7f9c7 !important;
                      color: $c-grayDark;

                      &:first-child {
                          // border-left: solid 5px $c-green !important;
                      }

                      &[class*="dxgvCommandColumn_"] {
                          a, [class^="i-"] {
                              color: $c-orange !important;
                          }
                      }
                  }
              }

              &:hover:not([class*="dxgvFocusedRow_"]):not(.tm-tableRowCustomSelect) {
                  //background-color: $c-borderLite;
                  background-color: $c-grayLite;
              }

              &[class*="dxgvFocusedRow_"], &[class*="dxgvSelectedRow_"], &[class*="dxgvSelectedRow_"]:hover {
                  background-color: $c-borderStrong !important;

                  > td { //  zmiana z td 2020-02-28
                      color: $c-white;
                      //dxgvFocusedRow_MaterialCompact dxgvBatchEditModifiedCell_MaterialCompact dxgv dxgvFocusedCell_MaterialCompact dxgvBatchEditCell_MaterialCompact
                      &[class*="dxgvBatchEditModifiedCell_"] {
                          background-color: #d7f9c7 !important;

                          .dxgBCTC {
                              color: $c-grayDark !important;
                          }
                      }

                      &[class*="dxgvBatchEditCell_"] {
                      }

                      &[class*="dxgvFocusedCell_"] {


                          &[class*="dxgvBatchEditCell_"] {
                          }
                      }
                  }

                  [class*="dxgvBatchEditCell_"] {
                      padding: 0 !important;
                      //box-shadow: inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 #dfdfdf !important;
                      background-color: #d7f9c7 !important;
                      box-shadow: none !important;
                      -webkit-box-shadow: none !important;

                      .dxeValidDynEditorTable td {
                          //padding: 0 !important;
                      }
                  }
              }
              //&[class*="dxgvSelectedRow_"] {
              //  background-color: $c-borderStrong !important;
              //}
              &.tm-tableGroupSepaNoText, &.tm-tableGroupSepaNoText:hover {
                  > td {
                      background-color: #ebebeb !important;
                      // height: 0px !important; 
                      padding: 2px !important;
                      font-size: 0px !important;
                  }

                  &:first-child {
                      display: none !important;
                  }
              }

              td {
                  padding: 5px 3px !important;
                  @include font-size(13px);
              }
          }

          td {
              &.dxgvCSD {
                  width: 100%;
              }

              &.dxgv {
                  text-align: center;
                  word-wrap: break-word;
                  white-space: normal;
                  //border-bottom: none !important;
                  //border-bottom-color: #f6f6f6 !important;
                  color: $c-grayDark;
              }

              &.tm-tdError {
                  background-color: $c-redBgError;
                  //color: $c-grayDark !important;
                  color: $c-red !important;
                  //border-bottom-color: #f6f6f6 !important;
              }

              &[class^="dxgvCommandColumn_"] {
                  [class^="dxbButton_"] {
                      margin-left: 3px;
                      margin-right: 3px;
                  }
              }
          }
      }
  }
  // 2020-02-05
  tr:not([class='dxgvArm']):not([class*='_DXHeadersRow']) {
      td:not([class='dxic']) {
          //padding: 5px 0 5px 5px !important;
          //font-size: 13px;
          //@include font-size(13px);
      }
  }



  caption {
      padding: 25px 0 5px 0;
  }*/
}
.tm-panel-extend .tm-panel:after, .tm-panel .tm-panel:after, body .tm-compas .tm-contentPane .tm-panel:after {
  display: block;
  content: "";
  border-bottom: solid 1px #F7F7F7;
  position: relative;
  top: 40px;
}
.tm-panel-extend .tm-panelBorderNone:after, .tm-panel .tm-panelBorderNone:after, body .tm-compas .tm-contentPane .tm-panelBorderNone:after {
  display: none;
}
.tm-panel-extend .tm-panelTablePager, .tm-panel .tm-panelTablePager, body .tm-compas .tm-contentPane .tm-panelTablePager {
  text-align: center;
  border-radius: 0;
}
.tm-panel-extend .tm-panelTablePager .dxp-num, .tm-panel .tm-panelTablePager .dxp-num, body .tm-compas .tm-contentPane .tm-panelTablePager .dxp-num {
  padding: 5px;
  margin-top: 4px;
  min-width: 14px;
}
.tm-panel-extend .tm-panelTablePager .dxp-right .dxp-pageSizeItem .dxp-comboBox, .tm-panel .tm-panelTablePager .dxp-right .dxp-pageSizeItem .dxp-comboBox, body .tm-compas .tm-contentPane .tm-panelTablePager .dxp-right .dxp-pageSizeItem .dxp-comboBox {
  padding-left: 2px;
}
.tm-panel-extend .tm-panelTablePager .dxp-right .dxp-pageSizeItem .dxp-comboBox input, .tm-panel .tm-panelTablePager .dxp-right .dxp-pageSizeItem .dxp-comboBox input, body .tm-compas .tm-contentPane .tm-panelTablePager .dxp-right .dxp-pageSizeItem .dxp-comboBox input {
  width: auto;
  max-width: 65px;
  text-align: center;
}

.tm-boxImgCont {
  border: none !important;
  display: table;
}
.tm-boxImgCont > span {
  position: relative;
  top: 10px;
  left: unset;
  display: inline-table;
  float: left;
  width: 10%;
  padding: 0;
  margin: auto;
  text-align: center;
}
.tm-boxImgCont > span i {
  font-size: 38px;
  font-size: 2.375rem;
  color: #9A9B9D;
}
.tm-boxImgCont > table {
  display: inline-table;
  float: left;
  width: 85%;
  vertical-align: top;
  padding: 0 !important;
}

.tm-boxCradUser > div {
  margin-bottom: 15px;
}
.tm-boxCradUser > div .tm-cradUser .dxflCaptionCellSys {
  padding-top: 0 !important;
}
.tm-boxCradUser > div .tm-cradUserIco {
  font-size: 38px;
  font-size: 2.375rem;
  color: #C2C2C2;
}
.tm-boxCradUser > div .tm-cradUserHead {
  margin-bottom: 5px;
}
.tm-boxCradUser > div .tm-cradUserHeadTitle {
  font-size: 16px;
  font-size: 1rem;
  color: #88CA11;
}
.tm-boxCradUser > div .tm-cradUserHeadStatus {
  font-size: 18px;
  font-size: 1.125rem;
}
.tm-boxCradUser > div .tm-cradUserHeadContact {
  float: right;
}
.tm-boxCradUser > div .tm-cradUserHeadContact a {
  margin-right: 4px;
  display: inline-block;
  font-size: 16px !important;
  color: #F38900;
}
.tm-boxCradUser > div .tm-cradUserBody {
  color: #58595B;
  font-size: 13px;
  font-size: 0.8125rem;
}
.tm-boxCradUser > div .tm-cradUserBody > span {
  display: inline-block;
  padding-bottom: 5px;
}
.tm-boxCradUser > div .tm-cradUserBody span.tm-label {
  color: #9A9B9D;
  margin-right: 5px;
}
.tm-boxCradUser > div .tm-cradUserBody dl dt {
  color: #9A9B9D;
  font-weight: normal;
  padding-bottom: 3px;
}
.tm-navbarClient .dxnb-header {
  background-color: #F7F7F7 !important;
}
.tm-navbarClient .dxnb-header .dxnb-ghtext {
  color: #88CA11;
}
.tm-navbarClient .dxnb-headerCollapsed .dxnb-ghtext {
  color: #88CA11;
}
.tm-navbarClient .dxnb-content {
  padding: 8px !important;
  background-color: #F7F7F7 !important;
  border-top: #F7F7F7 solid 1px !important;
}
.tm-navTabGreen ul {
  border-bottom: solid 1px #F7F7F7;
  margin-bottom: 15px !important;
}
.tm-navTabGreen ul li.dxtc-leftIndent, .tm-navTabGreen ul li.dxtc-spacer {
  display: none !important;
}
.tm-navTabGreen ul li.dxtc-tab {
  border: 1px solid #9A9B9D !important;
}
.tm-navTabGreen ul li.dxtc-tab:nth-child(n+3) {
  margin-left: -1px;
}
.tm-navTabGreen ul li.dxtc-activeTab {
  border: 1px solid #88CA11 !important;
  background-color: #88CA11;
}
.tm-navTabGreen ul li.dxtc-activeTab .dx-vam {
  color: #fff;
}
.tm-navTabGreen ul li.dxtc-tabHover:not(.dxtc-activeTab) .dx-vam {
  color: #9A9B9D;
}
.tm-navTabGreen ul li.dxtc-tabHover:not(.dxtc-activeTab) .dx-vam [class^=i-]:before {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
}
.tm-navTabGreen ul li .dx-vam {
  text-transform: none;
}

.tm-treeList tbody .dxtlCSD .dxtlDataTable tbody tr:nth-child(odd):not([class*=dxtlFocusedNode_]) {
  background-color: #F7F7F7;
}
.tm-treeList tbody .dxtlCSD .dxtlDataTable tbody tr td img[class^=dxTreeList_] {
  transform: scale(1.2);
}
.tm-treeList tbody .dxtlCSD .dxtlDataTable tbody tr.tm-notElAvailable td.dxtl {
  background-color: #d4edda;
  color: #155724;
}
.tm-treeList tbody .dxtlCSD .dxtlDataTable tbody tr.tm-notElNotAvailable td.dxtl {
  background-color: #f8d7da;
  color: #721c24;
}
.tm-treeList tbody .dxtlCSD .dxtlDataTable tbody tr.tm-notElOpacity td.dxtl {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}

.tm-listBox tbody tr[class^=dxeListBoxItemRow_] td[class^=dxeListBoxItem_] {
  color: #222;
}
.tm-listBox tbody tr[class^=dxeListBoxItemRow_] td[class^=dxeListBoxItem_][class*=dxeListBoxItemSelected_] {
  color: #fff;
}
.tm-listBox tbody tr[class^=dxeListBoxItemRow_]:nth-child(odd) {
  background-color: #F7F7F7;
}

.pac-container {
  margin-top: 5px;
  box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.16), 0 3px 3px 0 rgba(0, 0, 0, 0.12);
}
.pac-container.pac-logo:after {
  display: none;
}

[class*=dxeBase_] td.dxe,
[class*=dxeRadioButton] td.dxe {
  padding: 0px;
}
[class*=dxeBase_] [class^=dxRippleContainer],
[class*=dxeRadioButton] [class^=dxRippleContainer] {
  visibility: hidden;
}
[class*=dxeBase_][class*=dxeDisabled_],
[class*=dxeRadioButton][class*=dxeDisabled_] {
  background-color: transparent !important;
}
[class*=dxeBase_][class*=dxeDisabled_] td.dxe *, [class*=dxeBase_][class*=dxeDisabled_] tr *,
[class*=dxeRadioButton][class*=dxeDisabled_] td.dxe *,
[class*=dxeRadioButton][class*=dxeDisabled_] tr * {
  cursor: not-allowed !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

[class*=dxeIRBFocused], [class*=dxICBFocused] {
  border: none;
  outline: none;
  margin: 1px;
}
[class*=dxeIRBFocused]:after, [class*=dxICBFocused]:after {
  background-color: transparent !important;
}

.tm-dropDown [class^=dxeListBoxFilter_] {
  background-color: transparent;
}
.tm-dropDown [class^=dxeListBoxFilter_] [class*=dxeButtonEdit_] {
  background-color: transparent !important;
}
.tm-dropDown [class^=dxeListBoxFilter_] [class*=dxeButtonEdit_] [class^=dxeButtonLeft][class*=dxeDisabled] {
  background-color: transparent !important;
}
.tm-dropDown [class^=dxeListBoxFilter_] [class*=dxeButtonEdit_] .dxic input.dxeEditAreaSys {
  background-color: transparent !important;
}

.tm-priceOnMouseMove {
  display: block;
}
.tm-priceOnMouseMove > span {
  display: block;
  margin-bottom: 7px;
}
.tm-priceOnMouseMove > span:not(last-child) {
  margin-bottom: 7px;
}
.tm-priceOnMouseMove > span span {
  display: inline-block;
}
.tm-priceOnMouseMove > span span:nth-child(1) {
  min-width: 40px;
  text-align: right;
}
.tm-priceOnMouseMove > span span:nth-child(2) {
  width: 10px;
  text-align: center;
}
.tm-priceOnMouseMove > span span:nth-child(3) {
  min-width: 50px;
  text-align: right;
}
.tm-priceOnMouseMove > span span:nth-child(4) {
  width: auto;
  margin-left: 7px;
}

.tm-dropDownEditZestawienia {
  display: block !important;
  height: fit-content !important;
  max-height: 500px !important;
  overflow-y: scroll;
}
.tm-dropDownEditZestawienia .dxtvControl_MaterialCompact.dxtv-control {
  width: 100% !important;
}
.tm-dropDownEditZestawienia .dxtvControl_MaterialCompact.dxtv-control > * {
  width: 100%;
}
.tm-dropDownEditZestawienia .dxtvControl_MaterialCompact .dxtv-nd {
  width: calc(100% - 26px) !important;
  max-width: 380px !important;
  padding: 1px 3px 1px 3px;
}
.tm-dropDownEditZestawienia .dxtvControl_MaterialCompact .dxtv-nd .dxtv-ndTxt {
  white-space: pre-wrap;
  line-height: 1.43;
}

/*.table-responsive {
.tm-box.tm-bbottom{
    position: relative;
    margin-top: 20px;
    border-bottom: solid 1px $c-bgGray;
    &:after {
        content: " ";
        position: absolute;
        border-bottom: solid 1px $c-bgGray;
        bottom: 0px;
        width: 100%;
    }
}
}*/
.notifyjs-corner {
  z-index: 99999 !important;
}
.notifyjs-corner .notifyjs-wrapper.notifyjs-hidable .notifyjs-container {
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.6);
}
.notifyjs-corner .notifyjs-wrapper.notifyjs-hidable .notifyjs-container .notifyjs-bootstrap-base {
  border-radius: 0;
}
.notifyjs-corner .notifyjs-wrapper.notifyjs-hidable .notifyjs-container .notifyjs-bootstrap-success {
  background-position: 3px 10px;
}

.dxpcLite_MaterialCompact, .dxdpLite_MaterialCompact {
  min-width: 300px;
  max-width: 90vw;
}
.dxpcLite_MaterialCompact.dxpc-mainDiv, .dxpcLite_MaterialCompact .dxpc-mainDiv, .dxdpLite_MaterialCompact.dxpc-mainDiv, .dxdpLite_MaterialCompact .dxpc-mainDiv {
  background-color: #fff !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}
.dxpcLite_MaterialCompact.dxpc-mainDiv.dxpc-shadow, .dxpcLite_MaterialCompact .dxpc-mainDiv.dxpc-shadow, .dxdpLite_MaterialCompact.dxpc-mainDiv.dxpc-shadow, .dxdpLite_MaterialCompact .dxpc-mainDiv.dxpc-shadow {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4) !important;
}
.dxpcLite_MaterialCompact .dxpc-header, .dxdpLite_MaterialCompact .dxpc-header {
  background-color: #F7F7F7 !important;
  color: #88CA11 !important;
  text-align: left;
  position: relative;
}
.dxpcLite_MaterialCompact .dxpc-header:after, .dxdpLite_MaterialCompact .dxpc-header:after {
  position: absolute;
  top: 38px;
  width: 100%;
  left: 0;
  content: " ";
  height: 1px;
  border-bottom: 1px solid #EBEBEB;
  -webkit-box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.25);
}
.dxpcLite_MaterialCompact .dxpc-header .dxpc-closeBtn, .dxdpLite_MaterialCompact .dxpc-header .dxpc-closeBtn {
  /*
  position: relative;
  img {
      display: none;
  }

  &:after {
      position: absolute;
      top: -5px;
      left: 0px;
      content: '\e81c';
      display: inline-block;
      font-family: "font-compas";
      @include font-size(22px);
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: translate(0, 0);
      color: $c-textGrayTab;
  }*/
}
.dxpcLite_MaterialCompact .dxpc-header .dxpc-closeBtn img, .dxdpLite_MaterialCompact .dxpc-header .dxpc-closeBtn img {
  background-position: -451px -120px;
}
.dxpcLite_MaterialCompact .dxpc-header .dxpc-closeBtn:hover img, .dxdpLite_MaterialCompact .dxpc-header .dxpc-closeBtn:hover img {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.dxpcLite_MaterialCompact .dxpc-footer, .dxdpLite_MaterialCompact .dxpc-footer {
  border-top-color: transparent !important;
  min-height: 18px !important;
}
.dxpcLite_MaterialCompact .dxpc-footer .dxpc-footerContent, .dxdpLite_MaterialCompact .dxpc-footer .dxpc-footerContent {
  padding: 1px 20px 1px 12px;
  min-height: 0px;
}

.tm-popupLeftNav {
  position: relative;
}
.tm-popupLeftNav .dxpc-header {
  background-color: #F7F7F7;
  color: #88CA11;
}
.tm-popupLeftNav > .dxpc-contentWrapper {
  height: 100vh;
  min-height: 100vh;
  border-radius: 0;
  overflow-y: hidden;
}
.tm-popupLeftNav.dxpc-mainDiv {
  height: 100vh;
  min-height: 100vh;
  border-radius: 0;
  overflow-x: hidden;
}
.tm-popupLeftNav.tm-popupArrowSearchCli {
  height: 100vh;
  min-height: 100vh;
  top: 0 !important;
  left: 250px !important;
}
.tm-popupLeftNav.tm-popupArrowSearchCli:before {
  position: absolute;
  top: 115px;
  left: -19px;
  z-index: 1;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 15px 0;
  border-color: transparent #fff transparent transparent;
}
.tm-popupLeftNav + .dxpcModalBackLite_MaterialCompact {
  background-color: #000 !important;
  opacity: 0.2 !important;
}

.tm-popupZXY {
  position: absolute;
  top: 5% !important;
  left: 50% !important;
  transform: translate(-50%, 0%) !important;
}
.tm-popupZXY .dxpc-header.drag {
  cursor: default;
}

.tm-popupZXYauto {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.tm-popupZXYauto .dxpc-header.drag {
  cursor: default;
}

.tm-centerScreen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

.popover.clockpicker-popover {
  z-index: 12000;
  border-radius: 0;
  border: 1px solid #DFDFDF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}
.popover.clockpicker-popover .text-primary {
  color: #88CA11 !important;
}

.dxgvControl_MaterialCompact:focus {
  outline: none !important;
}

.tm-panel-extend .tm-panelTable, body .tm-compas .tm-contentPane .tm-panelTable, .tm-panel .tm-panelTable {
  border-radius: 0;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] [class^=dxgvHeader], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] [class^=dxgvHeader], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] [class^=dxgvHeader] {
  background-color: #EBEBEB;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] [class^=dxgvPHEC], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] [class^=dxgvPHEC], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] [class^=dxgvPHEC] {
  background-color: #EBEBEB;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] td {
  line-height: 1.43;
  text-align: center;
  word-wrap: break-word;
  white-space: normal;
  padding: 2px 0 2px 1px !important;
  font-size: 12px;
  font-size: 0.75rem;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] td span.dx-vam, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] td span.dx-vam, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] td span.dx-vam {
  display: none !important;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] td img.dx-vam, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] td img.dx-vam, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=DXHeaders] td img.dx-vam {
  margin-left: 0 !important;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=_DXFilterRow] td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=_DXFilterRow] td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=_DXFilterRow] td {
  padding: 5px !important;
  font-size: 13px;
  font-size: 0.8125rem;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=_DXFilterRow] td[class*=dxeButtonEditClearButton_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=_DXFilterRow] td[class*=dxeButtonEditClearButton_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=_DXFilterRow] td[class*=dxeButtonEditClearButton_] {
  padding: 0 3px !important;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=_DXFilterRow] td[class*=dxeButtonEditClearButton_] img, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=_DXFilterRow] td[class*=dxeButtonEditClearButton_] img, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[id*=_DXFilterRow] td[class*=dxeButtonEditClearButton_] img {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvDataRowAlt_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvDataRowAlt_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvDataRowAlt_], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvDataRowAlt_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvDataRowAlt_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvDataRowAlt_] {
  background-color: #fafafa;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableRowCustomSelect:not(:hover) > td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableRowCustomSelect:not(:hover) > td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableRowCustomSelect:not(:hover) > td, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableRowCustomSelect:not(:hover) > td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableRowCustomSelect:not(:hover) > td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableRowCustomSelect:not(:hover) > td {
  background-color: #d7f9c7 !important;
  color: #58595B;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] a, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] a, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] a, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] [class^=i-], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] [class^=i-], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] [class^=i-], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] a, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] a, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] a, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] [class^=i-], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] [class^=i-], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableRowCustomSelect:not(:hover) > td[class*=dxgvCommandColumn_] [class^=i-] {
  color: #F38900 !important;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_]:hover:not([class*=dxgvFocusedRow_]):not(.tm-tableRowCustomSelect), body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_]:hover:not([class*=dxgvFocusedRow_]):not(.tm-tableRowCustomSelect), .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_]:hover:not([class*=dxgvFocusedRow_]):not(.tm-tableRowCustomSelect), .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_]:hover:not([class*=dxgvFocusedRow_]):not(.tm-tableRowCustomSelect), body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_]:hover:not([class*=dxgvFocusedRow_]):not(.tm-tableRowCustomSelect), .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_]:hover:not([class*=dxgvFocusedRow_]):not(.tm-tableRowCustomSelect) {
  background-color: #eee;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] {
  background-color: #e0e0e0;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td {
  color: #000000;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td a[href], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td a[href], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td a[href], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td a[href], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td a[href], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td a[href], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td a[href], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td a[href], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td a[href], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td a[href], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td a[href], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td a[href] {
  color: #F38900;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td:first-child, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td:first-child, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td:first-child, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td:first-child, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td:first-child, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td:first-child, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td:first-child, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td:first-child, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td:first-child, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td:first-child, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td:first-child, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td:first-child {
  border-left: solid 3px #9A9B9D;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_] {
  background-color: #d7f9c7 !important;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] > td[class*=dxgvBatchEditModifiedCell_] .dxgBCTC {
  color: #58595B !important;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] [class*=dxgvBatchEditCell_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] [class*=dxgvBatchEditCell_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvFocusedRow_] [class*=dxgvBatchEditCell_], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] [class*=dxgvBatchEditCell_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] [class*=dxgvBatchEditCell_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_][class*=dxgvSelectedRow_] [class*=dxgvBatchEditCell_], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] [class*=dxgvBatchEditCell_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] [class*=dxgvBatchEditCell_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvFocusedRow_] [class*=dxgvBatchEditCell_], .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] [class*=dxgvBatchEditCell_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] [class*=dxgvBatchEditCell_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_][class*=dxgvSelectedRow_] [class*=dxgvBatchEditCell_] {
  padding: 0 !important;
  background-color: #d7f9c7 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableGroupSepaNoText > td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableGroupSepaNoText > td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableGroupSepaNoText > td, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableGroupSepaNoText > td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableGroupSepaNoText > td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableGroupSepaNoText > td {
  padding: 6px 3px !important;
  border-top: 10px solid #ebebeb;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableGroupSepaNoText:first-child, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableGroupSepaNoText:first-child, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_].tm-tableGroupSepaNoText:first-child, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableGroupSepaNoText:first-child, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableGroupSepaNoText:first-child, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_].tm-tableGroupSepaNoText:first-child {
  display: none !important;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_] td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_] td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvDataRow_] td, .tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_] td, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_] td, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_])[class^=dxgvEditFormDisplayRow_] td {
  padding: 5px 3px !important;
  font-size: 13px;
  font-size: 0.8125rem;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td.dxgvCSD, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td.dxgvCSD, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td.dxgvCSD {
  width: 100%;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td.dxgv, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td.dxgv, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td.dxgv {
  text-align: center;
  word-wrap: break-word;
  white-space: normal;
  color: #58595B;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td.tm-tdError, body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td.tm-tdError, .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td.tm-tdError {
  background-color: #FFEFEF;
  color: #f44336 !important;
}
.tm-panel-extend .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td[class^=dxgvCommandColumn_] [class^=dxbButton_], body .tm-compas .tm-contentPane .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td[class^=dxgvCommandColumn_] [class^=dxbButton_], .tm-panel .tm-panelTable tbody tr:not([class^=dxeListBoxItemRow_]) td[class^=dxgvCommandColumn_] [class^=dxbButton_] {
  margin-left: 3px;
  margin-right: 3px;
}
.tm-panel-extend .tm-panelTable caption, body .tm-compas .tm-contentPane .tm-panelTable caption, .tm-panel .tm-panelTable caption {
  padding: 25px 0 5px 0;
}

.tm-tableZAN {
  width: 300px !important;
}
.tm-tableZAN .dxlbd {
  height: auto !important;
  background-color: #F7F7F7;
  border: none;
}
.tm-tableZAN .dxlbd > div > table > tbody tr[class^=dxeListBoxItemRow_]:not(:last-child) td {
  border-bottom: solid 1px #EBEBEB;
}
.tm-tableZANItem {
  padding: 8px 0px 8px;
}
.tm-tableZANItem > div:nth-child(1) .row:nth-child(1) {
  font-weight: 600;
}
.tm-tableZANItem > div:nth-child(1) .row:nth-child(2) div {
  margin-top: 5px;
  font-size: 12px;
  font-size: 0.75rem;
}
.tm-tableZANItem > div:nth-child(1) .row:nth-child(2) div:nth-child(1) {
  border-right: solid 1px #9A9B9D;
}
.tm-tableZANItem > div:nth-child(2) i {
  color: #F38900;
}

.tm-tdSuccess {
  background-color: #d4edda;
  outline: solid 1px #c3e6cb;
  outline-offset: -2px;
  color: #155724 !important;
  /*position: relative;
  &:before {
      position: absolute;
      top: 5px;
      left: 5px;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "font-compas";
      content: '\e81f';
      color: $c-alert-success; //$c-greenDark
  }*/
}

.tm-tdDangers {
  background-color: #f8d7da;
  outline: solid 1px #f5c6cb;
  outline-offset: -2px;
  color: #721c24 !important;
  /*position: relative;


  /*&:before {
      position: absolute;
      top: 5px;
      left: 5px;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-family: "font-compas";
      content: '\f086';
      color: $c-alert-danger;
  }*/
}

/*
.tm-tableFacilityPartialView {


    tr {
        &.dxgvArm {
            td {
                &:nth-child(1) {
                    //width: 120px !important;
                }
            }
        }

        &[id^="FacilityImporterGridView_DXHeaders"] {
            td {
                background-color: #ebebeb;
                text-align: center;
            }
        }

        &[id^="FacilityImporterGridView_DXDataRow"] {
            td {
                &:nth-child(1) {
                    text-align: left;
                }

                &:nth-child(8), &:nth-child(9), &:nth-child(10), &:nth-child(n+14):nth-child(-n+43) {
                    text-align: center;
                }
            }
        }

        td {
            &.dxgvHEC {
                //display:none;
            }
        }
    }
}

.tm-tablePoliciesImporterGridView {
    tr {
        &.dxgvArm {
            td {
                &:nth-child(1) {
                    width: 60px;
                }

                &:nth-child(2) {
                    width: 200px;
                }

                &:nth-child(3) {
                    width: 400px;
                }
            }
        }

        &[id*="_DXHeadersRow"] {
            td {
                background-color: #ebebeb;
                text-align: center;
                //white-space: normal !important;
            }
        }

        &[id*="_DXDataRow"] {
            td {
                &:nth-child(1) {
                    //text-align: left;
                }

                &:nth-child(8), &:nth-child(9), &:nth-child(10), &:nth-child(n+14):nth-child(-n+43) {
                    // text-align: center;
                }
            }
        }

        td {
            &.dxgvHEC {
                //display:none;
            }
        }
    }
}

*/
.tm-upload {
  /*.dx-ac > table {
          width:300px !important;
         float:left;
   }*/
}
.tm-upload.tm-uploadBox {
  text-align: center;
}
.tm-upload.tm-uploadBox .tm-uploadBoxBtnBrowse {
  text-align: center;
  background-color: transparent;
  border: none;
  padding: 0 !important;
  width: 100%;
}
.tm-upload.tm-uploadBox .tm-uploadBoxBtnBrowse a {
  color: #F38900;
  padding: 25px 35px;
  display: block;
  border: none;
  margin: 15px auto;
  border: dashed 2px #F38900;
  background-color: transparent;
  /*&:hover {
      color: $c-orange !important;
  }*/
}
.tm-upload.tm-uploadBox .tm-uploadBoxBtnBrowse a span {
  display: block;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
.tm-upload.tm-uploadBox .tm-uploadBoxBtnBrowse a span:nth-child(1) {
  margin-bottom: 15px;
}
.tm-upload.tm-uploadBox .tm-uploadBoxBtnBrowse a span:nth-child(1)[class^=i-] {
  font-size: 42px;
}
.tm-upload.tm-uploadBox .tm-uploadBoxBtnBrowse[class*=BrowseButtonHover] a {
  color: #F38900 !important;
}
.tm-upload.tm-uploadBox .tm-uploadBoxBtnBrowse[class*=BrowseButtonHover] a [class^=i-] {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.tm-upload.tm-uploadBox .dxucButton_MaterialCompact.dxucDisabled_MaterialCompact {
  visibility: hidden;
}
.tm-upload.tm-uploadBox .dxucButton_MaterialCompact a .tm-btnUploadLoad {
  padding: 10px;
  border-radius: 25px;
  border: solid 1px #F38900;
  background-color: #F38900;
  color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.tm-upload.tm-uploadBox .dxucButton_MaterialCompact a:hover {
  text-decoration: none;
}
.tm-upload.tm-uploadBox .dxucButton_MaterialCompact a:hover .tm-btnUploadLoad {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2) !important;
}

.tm-upload [class*=dxucInputs_] .dx-al > table {
  width: 100%;
}
.tm-upload [class*=dxucInputs_] .dx-al > table [class*=dxucButton_] {
  padding: 5px;
}
.tm-upload [class*=dxucInputs_] .dx-al > table [class*=dxucButton_][class*=dxucDisabled_] {
  visibility: hidden;
}
.tm-upload [id*=_ProgressPanel] .dx-ac [class*=dxucButton_] {
  color: red;
}
.tm-upload ul.dxucFileList li {
  display: flex;
  background-color: #F7F7F7;
  border: solid 1px #e0e0e0;
  padding: 5px 8px;
  margin-bottom: 5px;
}
.tm-upload ul.dxucFileList .dxucNameCell {
  float: left;
}
.tm-upload ul.dxucFileList .dxRB.dxucButton_MaterialCompact {
  float: left;
}
.tm-upload ul.dxucFileList .dxRB.dxucButton_MaterialCompact a [class^=i-close] {
  color: #f44336;
}
.tm-upload ul.dxucFileList .dxRB.dxucButton_MaterialCompact a:hover [class^=i-close]:before {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.tm-upload ul.dxucFileList .dxucBarCell {
  float: right;
}

.dxeErrorFrameWithoutError_MaterialCompact .dxeControlsCell_MaterialCompact, .dxeErrorFrameWithoutError_MaterialCompact.dxeControlsCell_MaterialCompact {
  padding: 0 !important;
}

.dxeRoot_MaterialCompact[errorframe=errorFrame] {
  position: relative;
}
.dxeRoot_MaterialCompact[errorframe=errorFrame] .dxeTextBoxSys.dxeInvalid_MaterialCompact .dxic {
  padding-right: 35px;
}
.dxeRoot_MaterialCompact[errorframe=errorFrame] .dxeInvalid_MaterialCompact {
  border: 1px solid #f44336;
  background-color: #FFEFEF !important;
}
.dxeRoot_MaterialCompact[errorframe=errorFrame] .dxeInvalid_MaterialCompact input {
  background-color: #FFEFEF;
}
.dxeRoot_MaterialCompact[errorframe=errorFrame] .dxeInvalid_MaterialCompact .dxeButtonEditButton_MaterialCompact {
  padding-right: 30px !important;
  background-color: #FFEFEF;
}
.dxeRoot_MaterialCompact[errorframe=errorFrame] .dxeErrorCell_MaterialCompact {
  padding-top: 0;
  padding-right: 16px;
}
.dxeRoot_MaterialCompact[errorframe=errorFrame] .dxeErrorCell_MaterialCompact img.dxEditors_edtError_MaterialCompact {
  position: absolute;
  right: 3px;
  top: 8px;
  margin-left: 3px;
  margin-right: 3px;
}
.dxeRoot_MaterialCompact[errorframe=errorFrame] .dxeErrorCell_MaterialCompact td:nth-child(2) {
  font-size: 12px;
}

.tm-logsPanelLeftBox .tm-boxContent {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.tm-logsPanelLeftBoxLogo > img {
  width: 260px;
  padding-top: 7vh;
  padding-bottom: 7vh;
  text-align: center;
}
.tm-logsPanelLeftBoxTitle {
  font-size: 24px;
  font-size: 1.5rem;
  color: #88CA11;
  padding-bottom: 3vh;
}
.tm-logsPanelRight {
  background-image: url("/Content/Images/login_bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tm-loginCaption {
  padding: 10px 10px;
}
.tm-loginCaptionLogo {
  padding: 10px 0;
}
.tm-loginBox {
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
}

.tm-leftPanePlatform {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  color: #88CA11;
}
.tm-leftPanePlatform span {
  margin-top: 0px;
  text-transform: uppercase;
  display: block;
}
.tm-leftPane .tm-leftNavbaraFF > li {
  padding: 0;
}
.tm-leftPane .tm-leftNavbaraFF > li ul {
  border: none !important;
  background-color: transparent;
}
.tm-leftPane .tm-leftNavbaraFF > li ul .dxnb-link {
  padding: 7px 20px 8px 15px !important;
  border-left: solid 5px transparent;
}
.tm-leftPane .tm-leftNavbaraFF > li ul .dxnb-link [class^=i-] {
  margin-right: 5px;
}
.tm-leftPane .tm-leftNavbaraFF > li ul .dxnb-link.dxnb-itemSelected {
  background-color: #88CA11;
  border-left: solid 5px #88CA11;
}
.tm-leftPaneBox {
  border: none !important;
  padding: 10px 0 19px 0 !important;
}
.tm-leftPaneBoxCaption {
  color: #88CA11 !important;
  background: transparent !important;
  top: 0 !important;
  font-size: 16px !important;
  font-weight: normal !important;
}
.tm-leftPaneBox .dxflHLSys {
  display: none;
}
.tm-leftPaneBoxContentInfo {
  border: none !important;
  background-color: transparent !important;
}
.tm-leftPaneBoxContentInfo textarea {
  padding: 0 !important;
  background-color: transparent !important;
  text-align: justify;
}
.tm-leftPaneContact {
  display: block;
  text-align: center;
}
.tm-leftPaneContact > span {
  color: #88CA11;
}
.tm-leftPaneContact ul {
  list-style: none;
  padding-left: 0;
  line-height: 1.5;
  margin-top: 8px;
}
.tm-leftPaneContact ul li {
  margin-bottom: 0px;
  display: block;
  vertical-align: middle;
  text-align: center;
}
.tm-leftPaneContact ul li small {
  margin-right: 5px;
  color: #F38900;
  font-size: 19px;
  font-size: 1.1875rem;
}
.tm-leftPaneContact ul li span {
  font-size: 14px;
  font-size: 0.875rem;
}
.tm-leftPaneUser .tm-btnOrange {
  min-width: 158px;
  max-width: 263px;
}
.tm-leftPaneUser .tm-btnOrange .dxb {
  max-width: 263px;
  overflow: hidden;
}
.tm-leftPaneUser .tm-btnOrange .dxb .dx-vam {
  max-width: 234px;
  overflow: hidden;
}
.tm-leftPaneUserList {
  min-width: 160px;
}

.tm-iframeHelpPanel {
  border: none;
  width: 100%;
  margin-top: 15px;
}
.dxgvDataRow_MaterialCompact.dxgvFocusedRow_MaterialCompact .dxICheckBox_MaterialCompact.dxichSys.dx-not-acc.dxWeb_edtCheckBoxChecked_MaterialCompact {
    background-position: -40px -98px !important;
}

@media screen and (max-width: 984px) {
  .tm-logsPanelLeftBox .tm-boxContent {
    width: 80%;
  }
  .tm-logsPanelLeftBoxLogo > img {
    width: 200px;
  }

}
/* When the width is between 600px and 900px OR above 1100px - change the appearance of <div> */