/* @import "../node_modules/@angular/material/prebuilt-themes/purple-green.css"; */

@font-face {
  font-family: 'Lato-Regular';
  src: url('../../Content/fonts/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Bold';
  src: url('../../Content/fonts/Lato-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Black';
  src: url('../../Content/fonts/Lato-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

h1 {
  color: #369;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
}

tabs .tabHeader li {
  background: rgba(0, 159, 227, 0.25) !important;
  border: none !important;
  margin: 5px 10px 5px 0px !important;
  list-style: none;
  position: relative;
  float: left;
  padding: 0;
  white-space: nowrap;
  border: none !important;
  padding: 0.5em 1em;
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}

tabs .tabHeader li.small {
  width: auto !important;
}

.IONETheme tabs .tabHeader li {
  background: rgba(0, 169, 112, 0.25) !important;
}

tabs .tabHeader li.active {
  color: rgba(255, 255, 255, 0.75);
  background: rgba(0, 159, 227, 0.85) !important;
}

.IONETheme tabs .tabHeader li.active {
  background: rgba(0, 169, 112, 0.85) !important;
}

tabs .tabHeader li.hidden {
  display: none;
}

.tabContent {
  padding-top: 20px;
}

.msgBox {
  position: fixed;
  top: 20px !important;
  left: 0px;
  padding-right: 12px;
  cursor: pointer;
  overflow: hidden;
  z-index: 100005;
  width: calc(100vw - 35px) !important;
  height: 66px !important;
  text-align: center;
  margin-left: 20px;
}

.msgBox .alert-success {
  background-color: rgba(15, 204, 54, 0.95);
  color: white;
  height: 66px !important;
}

.IONETheme .msgBox .alert-success {
  background-color: #00a970;
}

.msgBox .alert-danger {
  background-color: rgba(255, 191, 36, 0.95);
  color: white;
  height: 66px !important;
}

.IONETheme .msgBox .alert-danger {
  background-color: #e1d32e;
}

.alert {
  border-radius: 0px !important;
}

.msgBox .alert p {
  text-align: center;
  font-family: Segoe UI, Calibri, Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 25px 0 25px 0;
  margin: 0;
  /*line-height: 14px !important;*/
}

.ticketDashboardTable {
  width: 100%;
  border-spacing: 0 0px !important;
}

.ticketDashboardTable tr {
  height: auto !important;
}

.ticketDashboardTable tr.header {
  height: 45px !important;
}

.ticketDashboardTable tr.header1 {
  height: 34px !important;
}

.ticketBacklogboardHeader td .center,
.ticketSprintboardHeader td .center {
  text-align: center;
}

.ticketDashboardTable .borderBottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  overflow: hidden;
  margin: 0px 8px 0 18px;
}

.borderBottom {
  border-bottom: 1px solid !important;
}

.borderRight {
  border-right: 1px solid !important;
}

.borderLeft {
  border-left: 1px solid !important;
}

.borderTop {
  border-top: 1px solid !important;
}

.border {
  border: 1px solid !important;
}

.borderRB {
  border-bottom: 1px solid !important;
  border-right: 1px solid !important;
}

.borderTRB {
  border-top: 1px solid !important;
  border-bottom: 1px solid !important;
  border-right: 1px solid !important;
}

.borderLRB {
  border-left: 1px solid !important;
  border-bottom: 1px solid !important;
  border-right: 1px solid !important;
}

.borderTB {
  border-top: 1px solid !important;
  border-bottom: 1px solid !important;
}

.ticketDashboardTable th.left,
.ticketDashboardTable td.left {
  background-color: rgb(244, 244, 244);
}

.IONETheme.LightTheme .ticketDashboardTable th.right {
  background-color: rgb(244, 244, 244);
}

.IONETheme.LightTheme .ticketDashboardContent .ticketDashboardTable th.right,
.IONETheme.LightTheme .ticketDashboardContent .ticketDashboardTable td.right,
.IONETheme.LightTheme .ticketSprintbordContent .ticketDashboardTable td {
  background-color: #fafafa;
}

/* .IONETheme .ticketDashboardTable th.left, .IONETheme .ticketDashboardTable td.left {
     background-color: #98c1ed;
} */

.ticketDashboardTable .AddTicket {
  background-size: 23px 23px !important;
  position: relative !important;
  margin-top: -3px !important;
  margin-left: 0px;
}

.ticketDashboardTable .AddTicket.AddLinkButton {
  float: left;
  height: 20px;
  margin-top: 5px !important;
}

.ticketDashboardTable .AddTicket label {
  margin-left: 10px;
  margin-top: 6px;
  display: block;
  /* position: absolute; */
  float: left;
}

.ticketDashboardContent td,
.ticketBacklogContent td,
.Backlogboard .ticketSprintbordContent td {
  vertical-align: top !important;
}

.ticketDashboardTable .AddTask {
  position: absolute;
  bottom: 0;
  margin-bottom: 25px;
  /* margin-left: 5px; */
}

.ticketBacklogboard .ticketDashboardTable .AddTask {
  margin-bottom: 12px;
}

.ticketDashboardTable .AddTask a {
  /* background-size: 23px 23px !important; */
  font-size: 0;
  float: left;
  /* right: -95px; */
  margin-top: 3px;
}

.ticketDashboardTable .AddTask label {
  margin-left: 10px;
  margin-top: 8px;
  display: block;
  float: left;
}

.DarkTheme .ticketDashboardTable .AddTask label {
  color: #fff !important;
}

.ticketDashboardTable .topRow {
  padding: 10px 0px;
}

.ticketDashboardContent {
  height: calc(100vh - 250px);
  max-height: calc(100vh - 250px);
  overflow-y: scroll;
  float: left;
  box-shadow: 0 3px 0px -2px rgba(0, 0, 0, 0.1), 0 0px 0px 0 rgba(0, 0, 0, 0.14),
    0 -1px 5px 0 rgba(0, 0, 0, 0.2) !important;
}

.ticketBacklogContent {
  float: left;
  overflow-y: scroll;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  height: 100%;
  display: flex;
  max-height: calc(100vh - 250px);
  min-height: calc(100vh - 250px);
}

.DarkTheme .ticketBacklogContent {
  float: left;
  overflow-y: scroll;
  border-bottom: 1px solid rgb(51, 51, 51);
  border-right: 1px solid rgb(51, 51, 51);
  /* border-left: 1px solid rgb(51, 51, 51);     */
  height: 100%;
  display: flex;
}

/* .ticketBacklogboard td.ticketTaskData{
   max-height: calc(100vh - 300px);
} */

.Backlogboard .ticketSprintbordContent {
  float: left;
  overflow-y: scroll;
  height: 100%;
  max-height: calc(100vh - 250px);
  min-height: calc(100vh - 250px);
}

.LightTheme .Backlogboard .ticketSprintbordContent {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fafafa;
}

.DarkTheme .Backlogboard .ticketSprintbordContent {
  border-bottom: 1px solid rgb(51, 51, 51);
  border-right: 1px solid rgb(51, 51, 51);
}

.ticketDashboard .ticketDashboardContent::-webkit-scrollbar,
.ticketBacklogboard .ticketBacklogContent::-webkit-scrollbar,
.ticketBacklogboard .ticketDashboardContent::-webkit-scrollbar,
.Backlogboard .ticketSprintbordContent::-webkit-scrollbar {
  width: 0em !important;
}

@-moz-document url-prefix() {

  .ticketBacklogboardHeader,
  .ticketSprintboardHeader {
    margin-right: 1.4em !important;
  }
}

.box {
  float: left;
  width: 90%;
  min-width: 100px;
  height: 80px;
  background-color: pink;
  margin: 5px 0px 5px 10px !important;
  /* position: relative; */
  /* display: inline-block; */
}

.box.ticket {
  color: #000000;
  /*box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;*/
}

.ticketDashboardContent .box.ticket {
  width: 82% !important;
  margin-left: 28px !important;
}

.DisableDevelopmentSupport .ticketDashboardContent .box.ticket,
.NonDevView .ticketDashboardContent .box.ticket {
  margin-left: 58px !important;
}

.box.Red {
  background-color: white;
}

.box.Blue {
  background-color: white;
}

.box.Yellow {
  background-color: white;
}

.box.task {
  background-color: white;
  color: #000000;
  margin-bottom: 5px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.priority {
  float: left;
  height: 80px;
  line-height: 80px;
  width: 20px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
}

.priority .ticketBoxtop {
  width: 20px;
  float: left;
  height: 60px;
}

.priority .ticketBoxbottom {
  float: left;
  height: 20px;
  width: 20px;
  line-height: 1.8;
  font-size: 11px;
  background-color: yellow;
  color: black !important;
}

.priority .ticketBoxbottom a {
  color: black !important;
}

.box .content {
  width: 100%;
  padding: 5px;
}

.box.Immediate .priority,
.WarehouseOrder_1_Priority {
  background-color: red;
}

.IONETheme .box.Immediate .priority,
.IONETheme .WarehouseOrder_1_Priority {
  background-color: #c6392a;
}

.box.Urgent .priority,
.WarehouseOrder_2_Priority {
  background-color: orange;
}

.IONETheme .box.Urgent .priority,
.IONETheme .WarehouseOrder_2_Priority {
  background-color: #ffa04c;
}

.box.High .priority,
.WarehouseOrder_3_Priority {
  background-color: yellow;
  color: #fff;
}

.IONETheme .box.High .priority,
.IONETheme .WarehouseOrder_3_Priority {
  background-color: #e1d32e;
}

.box.Medium .priority,
.WarehouseOrder_4_Priority {
  background-color: gray;
}

.IONETheme .box.Medium .priority,
.IONETheme .WarehouseOrder_4_Priority {
  background-color: gray;
}

.box.Low .priority {
  background-color: blue;
}

.box.ticket .id {
  text-align: right;
  font-size: 9px;
  overflow: hidden;
  padding-right: 10px;
}

.box.ticket .id a {
  color: #000000 !important;
}

.box .title {
  padding-left: 3px;
  font-size: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 45px;
  padding-right: 10px;
}

.box.task .id {
  text-align: right;
  font-size: 9px;
  overflow: hidden;
  padding-right: 10px;
}

.box.task .id.highlight {
  color: red !important;
}

.box.task .id a {
  color: #000000 !important;
}

.taskBottom {
  width: 85%;
  float: left;
}

.leftBottom {
  font-size: 9px;
  padding-left: 3px;
  padding-top: 3px;
  width: 48%;
  float: left;
  /*display: inline;*/
}

.leftTop {
  font-size: 9px;
  padding-left: 3px;
  width: 30%;
  /*min-width: 60px;*/
  float: left;
}

.rightBottom {
  font-size: 9px;
  padding-top: 3px;
  /*right: 0;
    text-align: right;*/
  /*padding-right: 10px;*/
  float: left;
  max-width: 48%;
  min-width: 45%;
  width: 43%;
}

.leftBottom.ProjectName {
  width: 80%;
}

.MainFrame {
  width: 100%;
}

.AngularApp .BreadCrumb.AddMarginRight {
  margin-right: 202px;
  margin-bottom: 0px;
}

@media screen and (max-width: 1749px) and (min-width: 1500px) {
  .EditBottomNav {
    width: 84.3%;
  }
}

/* .AngularApp .menus.hidden .TopMenuNav {
    display: none;
}

.AngularApp .menus .TopMenuNav {
    display: block;
} */

.backLogItem {
  position: relative;
}

.backLogItem task-box:last-child .task,
.backLogItem ticket-box:last-child .ticket {
  margin-bottom: 35px !important;
}

.SearchPanel {
  display: block !important;
}

.ngx-pagination {
  float: right;
  padding: 0px 0px 0 0px;
  margin-bottom: 0px !important;
  margin-top: -7px;
}

.ngx-pagination .current {
  color: #fff !important;
}

.ngx-pagination li {
  cursor: pointer;
  color: #2b2b2b !important;
  background: #fff;
  margin-right: 5px !important;
  margin-top: 0px !important;
}

.ngx-pagination li a:hover {
  background: #3399ff !important;
  color: #fff !important;
  text-decoration: none !important;
}

.ngx-pagination li.pagination-previous {
  cursor: pointer;
  background: url(../../Images/NewUI/op_grid_previous.svg) left top+7px no-repeat !important;
  background-size: 25px 25px !important;
  width: 25px !important;
  height: 25px !important;
  text-indent: -9999px;
  display: inline-block;
  padding: 8px 0 8px 0;
  background-color: transparent !important;
}

.syncR2OTrainingMode {
  background: url(../../Images/NewUI/sync.png) center center no-repeat !important;
  background-size: 25px 25px !important;
  height: 25px !important;
  width: 25px !important;
  background-color: transparent !important;
  display: inline-block;
  cursor: pointer;
}

.ngx-pagination li.pagination-previous:hover {
  background: url(../../Images/NewUI/op_grid_previous-hover.svg) left top+7px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .ngx-pagination li.pagination-previous {
  background: url(../../Images/NewUI/LightTheme/op_grid_previous.svg) left top+7px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .ngx-pagination li.pagination-previous:hover {
  background: url(../../Images/NewUI/LightTheme/op_grid_previous-hover.svg) left top+7px no-repeat !important;
  background-size: 25px 25px !important;
}

.ngx-pagination li.pagination-previous a,
.ngx-pagination li.pagination-next a {
  background: none !important;
}

.ngx-pagination li.pagination-next {
  cursor: pointer;
  background: url(../../Images/NewUI/op_grid_next.svg) left top+7px no-repeat !important;
  background-size: 25px 25px !important;
  width: 25px !important;
  height: 25px !important;
  text-indent: -9999px;
  display: inline-block;
  padding: 8px 0 8px 0;
}

.ngx-pagination li.pagination-next:hover {
  background: url(../../Images/NewUI/op_grid_next-hover.svg) left top+7px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .ngx-pagination li.pagination-next {
  background: url(../../Images/NewUI/LightTheme/op_grid_next.svg) left top+7px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .ngx-pagination li.pagination-next:hover {
  background: url(../../Images/NewUI/LightTheme/op_grid_next-hover.svg) left top+7px no-repeat !important;
  background-size: 25px 25px !important;
}

.sprintSelect {
  width: 100px;
}

div.sprintSelect {
  margin-left: -8px;
  margin-top: -5px;
}

.sprintSelect.styleselectPreceding {
  overflow: hidden;
  width: 100%;
  border: none;
  background: url(../../Images/NewUI/op_ctrl_pull-down.png) right 14px no-repeat;
  /*font-size: 15px !important;
    font-weight: bold !important;*/
  color: rgba(255, 255, 255, 0.5) !important;
  display: block;
  position: relative;
  z-index: 1;
}

.sprintSelect.styleselectPreceding select {
  color: #fff !important;
  display: block;
  width: 100%;
  background: transparent !important;
  /*font-size: 15px !important;*/
}

.sprintSelect.styleselectPreceding option {
  color: #fff !important;
  width: 100%;
  background: #0a2530 !important;
  font-size: 12px !important;
}

.NoTicketAvailable {
  background: #0a2530 !important;
  text-align: center;
  height: 45px;
  padding-top: 25px;
}

.ui-dialog.ui-widget.ui-widget-content {
  position: absolute;
  height: auto;
  top: 64.4999px;
  left: 602px;
}

.ui-dialog.ui-widget.ui-widget-content.ConfirmAttachmentNoFormalLetter {
  width: 400px;
}

.SearchFieldRow .ChkBoxCnt {
  padding-top: 5px !important;
}

.dataTable tr td {
  vertical-align: middle;
}

.dataTable tr td:last-child {
  padding-right: 5px;
}

.dataTable tbody tr {
  background: rgba(10, 29, 37, 0.5);
}

td.NoDataAvailable {
  text-align: center;
}

.dataTable tr td.NoDataAvailable:last-child {
  padding-right: 5px !important;
  float: initial !important;
}

.grid .VerticleCenter.RightAlign {
  margin-top: 6px;
}

.grid textarea.extraHeight {
  height: 105px;
}

.grid textarea.extraHeight1 {
  height: 150px;
}

.grid textarea.extraHeight2 {
  height: 175px;
}

.CopyObject {
  cursor: pointer;
}

.updateStatus {
  color: #fff;
  float: left;
  position: relative;
  margin-top: 0px;
  padding-right: 20px;
}

.LightTheme .updateStatus {
  color: rgb(51, 51, 51) !important;
}

.rightClickPanel {
  width: 185px;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  color: rgba(255, 255, 255, 0.75);
  z-index: 999999;
}

.search-results {
  overflow-y: scroll;
  overflow-x: hidden;
}

.ListDataCnt {
  margin-bottom: 0px !important;
}

.ListDataCnt.FormElement.Create {
  margin-bottom: 95px !important;
}

.ListDataCnt.FormElement.Create.PagingApplied {
  margin-bottom: 170px !important;
}

.ticketBacklogboardHeader {
  height: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  font-size: 16px !important;
}

.DarkTheme .ticketBacklogboardHeader {
  background-color: rgb(51, 51, 51);
  border-bottom: 1px solid rgb(0, 0, 0);
  border-right: 1px solid rgb(0, 0, 0);
  color: #fff !important;
}

.ticketBacklogboardHeader div.Fleft {
  width: 50%;
}

.ticketBacklogboardHeader div.FRight {
  width: 50%;
  text-align: right;
}

.ticketSprintboardHeader {
  height: 60px;
}

.ticketSprintboardHeader td {
  height: 50px;
}

.ticketSprintboardHeader .sprintHeader {
  margin-left: 10px;
  width: 70px;
}

.LightTheme .ticketSprintboardHeader .sprintHeader {
  color: black;
}

.LightTheme .ticketSprintboardHeader .ticketHeader {
  color: black;
}

.ticketSprintboardHeader .topHeader {
  margin-left: 7px;
  width: 200px;
  float: left;
  padding-top: 5px;
  height: 30px;
  color: black;
}

.ticketSprintboardHeader .topHeader b {
  /* vertical-align: middle; */
  font-weight: normal !important;
  padding-top: 3px;
}

.ticketSprintboardHeader .header {
  margin-left: 10px;
  /* color: #fff; */
  text-align: center;
}

.DisableDevelopmentSupport .ticketSprintboardHeader table.ticketDashboardTable thead tr td,
.DisableDevelopmentSupport .ticketDashboardContent table.ticketDashboardTable tbody tr td,
.NonDevView .ticketSprintboardHeader table.ticketDashboardTable thead tr td,
.NonDevView .ticketDashboardContent table.ticketDashboardTable tbody tr td {
  width: 25% !important;
}

/*.ticketBacklogboardHeader thead td
{
    padding: 0px !important;
}*/

.headerBars {
  width: 100%;
  /*margin: 2px !important;*/
}

.headerBars td {
  padding: 0px !important;
}

.floatLeft {
  float: left;
}

.sortImage {
  height: 5px;
  width: 15px;
  display: inline-block;
  padding-top: 0px;
  cursor: pointer;
}

.sortImage.DESC {
  background: url(../../Images/NewUI/op_ctrl_pull-down.png) no-repeat;
  margin-left: 8px;
}

.sortImage.ASC {
  background: url(../../Images/NewUI/op_ctrl_pull-up.png) no-repeat;
  /*margin-left: 5px;*/
}

.sprintNumber {
  float: left;
  position: absolute;
  margin: 5px 0px 5px -10px;
  line-height: 80px;
  width: 40px !important;
}

.DarkTheme .sprintNumber {
  color: #fff !important;
}

table.ticketDashboardTable.display thead th:first-child,
table.ticketDashboardTable.display td:first-child {
  padding-left: 0px;
}

.ticketDashboardContent .ticketDashboardTable.display .ticketTd {
  padding-left: 20px;
  /* width: 170px; */
  padding-right: 15px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.DarkTheme .ticketDashboardContent .ticketDashboardTable.display .ticketTd {
  border-right: 1px solid rgb(51, 51, 51);
}

table.ticketDashboardTable.display thead th:last-child,
table.ticketDashboardTable.display thead td:last-child {
  padding-right: 0px;
}

.timeBar {
  width: 500px;
  height: 30px;
  float: left;
}

.capacity {
  width: 85px;
  height: 30px;
  float: left;
  margin-left: 5px !important;
  margin-top: 5px !important;
  color: #fff;
}

.timeBar.topBar {
  margin-top: 5px !important;
}

.timeBar.bottomBar {
  margin-bottom: 5px;
}

/* .ticketBacklogboard {
    margin-top: -20px;
} */

.ticketBacklogboard .timeBar {
  width: 68%;
  float: left;
  margin-left: 5px;
}

.ticketBacklogboard .capacity {
  width: 28%;
}

.ticketBacklogboard .capacity.sprintcapacity,
.ticketSprintboardHeader .capacity.sprintcapacity {
  width: 50%;
}

.ticketDashboardTable .Bars {
  height: 28px;
  vertical-align: middle;
  cursor: default;
  margin: 0;
  float: left;
}

.ticketDashboardTable .Bars.Planned {
  background-color: #00fe20;
  height: 30px;
  text-align: center;
  color: #000;
}

.ticketBacklogboardHeader .ticketDashboardTable .Bars.Planned,
.ticketBacklogboardHeader .ticketDashboardTable .Bars.Actual {
  text-align: left;
  text-indent: 5px;
}

.IONETheme .ticketDashboardTable .Bars.Planned {
  background-color: #00ffaa;
}

.ticketDashboardTable .Bars.Capacity {
  margin-left: -3px;
  border: 1px solid #00fe20;
  background: none;
  text-align: center;
}

.ticketDashboardTable .Bars.Capacity.ActualCapacity {
  border: 1px solid red;
}

.IONETheme .ticketDashboardTable .Bars.Capacity {
  border: 1px solid #00ffaa;
}

.ticketDashboardTable .Bars.Actual {
  height: 30px;
  background-color: red;
  text-align: center;
  color: #fff;
}

.IONETheme .ticketDashboardTable .Bars.Actual {
  background-color: #c6392a;
}

/* .backlogHeader {
    height: 57px;
} */

.divTable {
  display: table;
}

.tableRow {
  display: table-row;
}

.tableCell {
  display: table-cell;
  padding: 5px;
  color: rgba(255, 255, 255, 0.75);
  /* border: 1px solid #fff; */
}

/* .divTable .tbody .tableCell {
    
} */

.tableCell.header {
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  white-space: nowrap;
  text-align: left;
  background: rgba(0, 0, 0, 0.75) !important;
  height: 50px;
  vertical-align: middle;
}

.stepBoxHeaderRow {
  display: table-row;
}

.stepBoxHeaderRow .stepBoxHeader:last-child {
  border-right: none !important;
}

.stepBoxHeader {
  height: 25px;
  width: 150px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  padding: 0px 10px 5px 10px;
  display: table-cell;
  vertical-align: bottom;
}

.stepBoxHeader.first {
  width: 176px;
}

.stepBoxHeader.last {
  border-right: none;
}

.stepBoxAreaRow {
  display: table-row;
}

.stepBoxAreaRow .stepBoxArea:last-child {
  border-right: none !important;
}

.stepBoxArea {
  border-right: 1px solid;
  border-bottom: 1px solid;
  height: 100px;
  width: 150px;
  padding: 10px;
  display: table-cell;
  vertical-align: top;
  text-align: center;
}

.stepBoxArea.empty.leftbox {
  vertical-align: bottom;
  border-right: none;
  border-bottom: none;
}

.stepBoxArea.empty.bottombox {
  vertical-align: top;
  background-color: transparent;
  border-bottom: none;
  border-right: none;
  height: 50px;
}

.stepBoxArea.empty a {
  display: inline-block;
  position: relative;
}

.stepBox {
  background-color: #fff;
  height: 104px;
  width: 150px;
  max-width: 150px;
  display: table-cell;
  text-align: left;
}

.stepBox.selected {
  border: 2px solid red;
  max-width: 146px !important;
  max-height: 100px !important;
  height: 100px !important;
}

.stepBox.selected .leftPart {
  max-height: 100px !important;
  height: 100px !important;
}

.IONETheme .stepBox.selected {
  border: 2px solid #c6392a;
}

.stepBoxArea.selected {
  padding: 8px 8px 8px 8px;
}

.stepBoxArea .linkbutton .first {
  padding-left: 25px;
}

.stepBoxArea .linkbutton .RemoveRow {
  position: initial;
  margin-top: 5px;
  padding: 35px 0 0px;
}

.leftPart {
  height: 104px;
  min-width: 20px;
  width: 20px;
  text-align: center;
  font-size: 12px;
  color: #000;
  display: table-cell;
  vertical-align: middle;
}

.rowLabel {
  float: left;
  height: 100px;
  width: 20px;
  text-orientation: upright;
  background-color: yellow;
}

.IONETheme .rowLabel {
  background-color: #e1d32e;
}

.leftPart.easy {
  background-color: lightgreen;
}

.IONETheme .leftPart.easy {
  background-color: #00ffaa;
}

.leftPart.medium {
  background-color: yellow;
}

.IONETheme .leftPart.medium {
  background-color: #e1d32e;
}

.leftPart.hard {
  background-color: red;
}

.IONETheme .leftPart.hard {
  background-color: #c6392a;
}

.rightPart {
  height: 90px;
  min-width: 120px;
  width: 100%;
  padding: 5px;
  /*background-color: lightskyblue;*/
  color: #000;
  display: table-cell;
}

.stepBox .top {
  display: table-row;
  height: 25px;
  min-height: 25px;
  background-color: transparent;
  width: 140px;
}

.stepBox .middle {
  width: 110px;
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  /*background-color: green;*/
}

.stepBox .bottom {
  height: 20px;
  display: table-row;
  background-color: transparent;
  float: right;
  padding: 0;
  border: none;
  padding-right: 5px;
}

.stepBox .selectbox {
  width: 40px;
  background: #ffffff url(../../Images/NewUI/op_ctrl_pull-down.png) right 14px no-repeat;
  height: 24px;
  margin-top: -5px;
  line-height: 36px;
}

.stepBox .selectbox select {
  padding-left: 10px;
  width: 40px;
}

.stepBox .selectbox.width45 {
  width: 45px;
  background: #ffffff url(../../Images/NewUI/op_ctrl_pull-down.png) right 14px no-repeat;
  height: 24px;
  margin-top: -5px;
  line-height: 36px;
  margin-right: 10px;
}

.stepBox .selectbox.width45 select {
  padding-left: 0px;
  width: 45px;
}

.stepBox.addStep {
  background-color: transparent;
}

.stepBox.addStep.addRow {
  padding: 10px;
}

.stepBox.addStep .AddLinkButton {
  padding-top: 60px;
  padding-left: 120px;
}

.itemState {
  text-align: center;
}

.txtLabel {
  border: none;
  padding: 0 5px;
  outline: none;
  height: 30px;
  line-height: 30px;
}

.proecedureName {
  max-width: 80%;
  width: 125px;
  color: #000;
}

.DeletePopupPosition,
.RenameDialog {
  z-index: 901 !important;
}

.flowNo {
  max-width: 40px;
  height: 60px;
  float: right;
  writing-mode: vertical-lr;
  padding-right: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}

.grid .VerticleCenter.LabelInline.ProductioinProcess {
  width: 100px !important;
}

.time .hourInput,
.time .minutesInput {
  background-color: gray !important;
  width: 100%;
}

.width30Percentage {
  width: 30%;
}

.width70Percentage {
  width: 70%;
}

.ProductionCostTable .lastCol {
  border-right: none !important;
}

.alignRight {
  text-align: right;
}

.alignLeft {
  text-align: left;
}

.ProductionCostTable .tableCell .header {
  font-size: 15px !important;
  background: none !important;
}

.ProductionCostTable .tableCell.productionCost {
  max-width: 0px !important;
  word-wrap: break-word;
}

.scaleTable .small .txtbox {
  width: 80px !important;
  text-align: right;
  height: 25px;
  line-height: 25px;
  margin: -5px;
}

.scaleTable .tableCell {
  height: 28px;
}

.additionalCost {
  width: 220px;
}

.scaleTable .btn,
.scaleTable .btn+label {
  width: 70px !important;
  padding: 5px;
}

.scaleTable .Apply {
  padding-left: 10px !important;
  float: right;
  margin-top: -5px;
}

.scaleTable .Apply label {
  background-color: transparent !important;
  border: 3px solid #00a970;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.75) !important;
}

.LightTheme .scaleTable .Apply label {
  color: rgba(0, 0, 0, 0.75) !important;
}

.divCenter {
  margin: auto;
}

.scaleHeader {
  font-size: 13px !important;
  text-align: right;
  font-weight: bold;
  height: 45px;
}

.lableTable {
  vertical-align: top;
}

.emptyHeader {
  height: 37px !important;
  padding: 0px !important;
}

.symbol {
  padding-left: 10px;
}

.scaleTable .right {
  width: 80px;
}

.total {
  font-weight: bold;
  font-size: 13px;
}

.scaleTable .RemoveRow {
  margin-left: -35px;
  margin-top: -15px;
}

.scaleTable .AddRow {
  padding-left: 20px;
}

.scaleTable .SubAccTitle span {
  background: url(../../Images/NewUI/op_oth_expand_right.svg) left center no-repeat;
  display: block;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.75);
  padding-left: 35px;
}

.scaleTable .SubAccOpen span {
  background: url(../../Images/NewUI/op_oth_expand_up.svg) left center no-repeat !important;
  background-size: 30px 30px;
}

.productionorder-box {
  border: 1px;
  /* background-color: white; */
  color: black;
  margin-bottom: 10px !important;
}

tr.border_bottom td {
  padding-bottom: 8px !important;
}

.productionorder-box .selected,
.actionlist-box.selected,
.selectedProblem {
  background-color: #d5ffe6 !important;
}

.productionorder-box .selectednumber,
.actionlist-box.selectednumber,
.selectedProblemnumber {
  background-color: #5fd38d !important;
}

.productionorder-box table td.productionOrderId {
  background-color: gray;
  width: 10%;
  vertical-align: middle;
}

.productionorder-box .productionOrderId {
  background-color: gray;
  width: 10%;
  vertical-align: middle;
}

.disabledProductionStep {
  background-color: lightgrey;
}

.scheduledProductionStep {
  background-color: white;
}

.productionorder-box table td {
  padding-left: 25px;
}

.productionorder-box,
.productionorder-box .small,
.productionorder-box .medium {
  font-size: 40px !important;
}

.productionOrderItems {
  float: right;
}

.productionOrderItems,
.productionOrderItems .small {
  font-size: 40px !important;
}

.selectedProductionStepDetails {
  background-color: #d5ffe6;
  color: black;
}

.StaffWorkTimeLogging .large1,
.StaffWorkTimeLogging .small,
.productionOverview .large1,
.OrderProblem .large1,
.productionOrderItems .productionorder-box {
  padding: 20px !important;
  background: #fff;
  color: #000;
  margin-bottom: 0 !important;
  border-bottom: 1px black solid;
  font-size: 40px !important;
}

.StaffWorkTimeLogging .large1:last-child+.StaffWorkTimeLogging .small:last-child {
  border-bottom: 0;
}

.grid .StaffWorkTimeLoggingDiv {
  left: 20%;
  position: relative;
  overflow: hidden;
}

.DateTime {
  float: left;
  background: #fff;
}

.Quit {
  background: #00fe20;
}

.IONETheme .Quit {
  background: #00ffaa;
}

.SOS,
.Back {
  background: #f00;
}

.IONETheme .SOS,
.IONETheme .Back {
  background: #e26666;
}

.Pause,
.Action {
  background: #ffff00;
}

.IONETheme .Pause,
.IONETheme .Action {
  background: #999999;
}

.ShowPAW,
.Scan,
.Equip,
.Approval,
.Solved,
.Finish,
.StartTearDown {
  background: #00fe20;
}

.IONETheme .ShowPAW,
.IONETheme .Scan,
.IONETheme .Equip,
.IONETheme .Approval,
.IONETheme .Solved,
.Finish,
.StartTearDown {
  background: #00a970;
}

.Button {
  font-size: 32px;
  padding: 40px 0 0 0;
  color: #000;
  width: 100% !important;
  height: 100px;
  display: block;
  line-height: 50px;
  /*vertical-align: middle;*/
}

.ButtonDisabled {
  font-size: 32px;
  padding: 40px 0 0 0;
  color: #999999 !important;
  width: 100% !important;
  height: 100px;
  display: block;
  line-height: 50px;
  /*vertical-align: middle;*/
}

.BDEProducedItems.Approval {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ButtonInspection {
  font-size: 25px;
  padding: 10px 0 0 0;
  color: #000;
  width: 100% !important;
  height: 55px;
  display: block;
  line-height: 45px;
  /*vertical-align: middle;*/
}

.displayPDF {
  text-align: center;
  vertical-align: middle;
  font-size: 25px;
  color: #000;
  margin-right: 40px;
}

.ManualEntry {
  height: 180px;
  width: 200px;
  text-align: center;
  vertical-align: middle;
  font-size: 40px;
  background: #fff;
  color: #000;
  padding: 70px 20px 0px 20px;
  margin-top: 20px;
}

.ManualEntry.selected {
  background: #ffff00 !important;
}

.grid .ErrorList {
  height: 75px;
  width: 100px;
  text-align: center;
  vertical-align: middle;
  font-size: 40px !important;
  background: #ffff00 !important;
  color: #000;
  padding: 35px 20px 20px 20px !important;
  margin-top: 20px;
}

.OrderProblem .medium,
.OrderProblem .large {
  font-size: 40px;
}

.OrderProblem .large textarea {
  height: 100px !important;
  font-size: 17px !important;
}

.actionlist-box {
  border: 1px;
  background-color: white;
  color: black;
  height: 120px;
  margin: 0 30px 5px 0 !important;
  text-align: center;
}

.OrderProblem .actionlist-box:last-child {
  margin-bottom: 30px !important;
}

.InActiveProductionStep {
  background-color: lightgrey;
}

.displayImageVideo {
  height: 375px;
  text-align: center;
  line-height: 375px;
  vertical-align: middle;
  font-size: 25px;
  color: #000;
  margin-right: 40px;
}

.buttonTable {
  position: fixed;
  bottom: 0;
  left: 0;
}

.Clear.ExtraHeightClear {
  height: 150px !important;
}

.ChkBoxCnt.Large {
  margin-top: -20px !important;
}

div.FormElement .ChkBoxCnt.Large input[type="checkbox"] {
  width: 100px;
  height: 100px;
}

div.FormElement .ChkBoxCnt.Large input+label:before {
  background-size: 100px 200px;
  width: 100px;
  height: 100px;
}

.ticketDashboardTable .AddLinkButton.noAddButton,
.AddTask .AddLinkButton.noAddButton {
  background: none;
  visibility: hidden;
}

ng2-datetime-picker {
  /* bottom: 30px !important;
    top: initial !important;  */
  z-index: 999999 !important;
}

date-time-picker {
  z-index: 999999 !important;
}

#dialogMyTask.hidden,
#dialogMyReminderTask.hidden,
#dialogMyWarning.hidden,
#dialogMyNews.hidden,
#dialogMyCalender.hidden,
quicktime-log.hidden {
  display: none;
}

/* #dialogMyTask thead, #dialogMyReminderTask thead, #dialogMyWarning thead, #dialogMyNews thead, #dialogMyCalender thead {
    height: 1px !important;
} */

#dialogMyTask .dataTables_wrapper td,
#dialogMyReminderTask .dataTables_wrapper td,
#dialogMyWarning .dataTables_wrapper td,
#dialogMyNews td,
.dataTables_wrapper #dialogMyCalender td {
  color: white;
}

/* #dialogMyReminderTask table.display tr:hover, #dialogMyWarning table.display tr:hover, #dialogMyNews table.display tr:hover, #dialogMyCalender table.display tr:hover, #dialogMyTask table.display tr:hover {
    background: rgba(0, 0, 0, 0.75) !important;
} */

#dialogMyReminderTask table.display tr,
#dialogMyWarning table.display tr,
#dialogMyNews table.display tr,
#dialogMyCalender table.display tr,
#dialogMyTask table.display tr {
  cursor: pointer !important;
}

.AngularApp .TopRightPanelClass .paging_full_numbers {
  padding: 7px 0 0 0 !important;
}

.AngularApp .TopRightPanelClass a.paginate_button.first {
  background: url("../../Images/NewUI/op_grid_first.svg") left top+5px no-repeat !important;
  background-size: 25px 25px !important;
  height: 30px !important;
}

.AngularApp .TopRightPanelClass a.paginate_button.first:hover {
  background: url("../../Images/NewUI/op_grid_first-hover.svg") left top+5px no-repeat !important;
  background-size: 25px 25px !important;
  height: 30px !important;
}

.LightTheme .AngularApp .TopRightPanelClass a.paginate_button.first {
  background: url("../../Images/NewUI/LightTheme/op_grid_first.svg") left top+5px no-repeat !important;
  background-size: 25px 25px !important;
  height: 30px !important;
}

.LightTheme .AngularApp .TopRightPanelClass a.paginate_button.first:hover {
  background: url("../../Images/NewUI/LightTheme/op_grid_first-hover.svg") left top+5px no-repeat !important;
  background-size: 25px 25px !important;
  height: 30px !important;
}

.AngularApp .TopRightPanelClass a.paginate_button.last {
  background: url("../../Images/NewUI/op_grid_last.svg") left top+5px no-repeat !important;
  background-size: 25px 25px !important;
  height: 30px !important;
}

.AngularApp .TopRightPanelClass a.paginate_button.last:hover {
  background: url("../../Images/NewUI/op_grid_last-hover.svg") left top+5px no-repeat !important;
  background-size: 25px 25px !important;
  height: 30px !important;
}

.LightTheme .AngularApp .TopRightPanelClass a.paginate_button.last {
  background: url("../../Images/NewUI/LightTheme/op_grid_last.svg") left top+5px no-repeat !important;
  background-size: 25px 25px !important;
  height: 30px !important;
}

.LightTheme .AngularApp .TopRightPanelClass a.paginate_button.last:hover {
  background: url("../../Images/NewUI/LightTheme/op_grid_last-hover.svg") left top+5px no-repeat !important;
  background-size: 25px 25px !important;
  height: 30px !important;
}

.LightTheme .AngularApp .TopRightPanelClass .ngx-pagination li.pagination-previous.disabled {
  background: url("../../Images/NewUI/LightTheme/op_grid_previous.svg") left top+4px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .AngularApp .TopRightPanelClass .ngx-pagination li.pagination-previous {
  background: url("../../Images/NewUI/LightTheme/op_grid_previous.svg") left top+7px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .AngularApp .TopRightPanelClass .ngx-pagination li.pagination-previous:hover {
  background: url("../../Images/NewUI/LightTheme/op_grid_previous-hover.svg") left top+4px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .AngularApp .TopRightPanelClass .ngx-pagination li.pagination-next {
  background: url("../../Images/NewUI/LightTheme/op_grid_next.svg") left top+7px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .AngularApp .TopRightPanelClass .ngx-pagination li.pagination-next.disabled {
  background: url("../../Images/NewUI/LightTheme/op_grid_next.svg") left top+4px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .AngularApp .TopRightPanelClass .ngx-pagination li.pagination-next:hover {
  background: url("../../Images/NewUI/LightTheme/op_grid_next-hover.svg") left top+7px no-repeat !important;
  background-size: 25px 25px !important;
}

/* .DateTimePickerDefaultPosition ng2-datetime-picker {
    left: initial !important;
    top: initial !important;
    bottom: initial !important;
} */

.grid .small .txtbox.small {
  width: 50px;
}

.grid .smallmedium .txtbox.small {
  width: 92px;
}

.grid .smallmedium .selectbox.small {
  width: 102px;
}

.grid .smallmedium2 .txtbox.medium {
  width: 130px;
}

.grid .sideBySide .smallmedium .multiselectbox {
  width: calc(100% - 8px) !important;
}

.grid .sideBySide .smallmedium .multiselectbox select {
  width: calc(100% - 0px) !important;
}

.grid .medium .txtbox.small {
  width: 50px;
}

.grid .VerticleCenterAlignedLabel.RightAligned,
.grid .VerticleCenterAlignedLabel.LeftAligned {
  float: right;
  width: 50px;
  margin-top: 5px;
}

.grid .VerticleCenterAlignedLabel.LeftAligned {
  float: left !important;
}

.grid .small label.Double {
  width: 200%;
}

a.ButtonLink {
  font-size: 12px;
  border: white 2px solid;
  width: 100px !important;
  height: 24px !important;
  padding: 0px !important;
  line-height: 24px !important;
  text-align: center;
  background: grey;
  display: block;
  color: #fff;
  cursor: pointer;
}

.IONETheme a.ButtonLink {
  background-color: transparent !important;
  border: 3px solid #00a970;
  cursor: pointer;
}

input.ButtonLinkGreen {
  font-size: 12px;
  border: white 2px solid;
  width: 100px !important;
  height: 30px !important;
  padding: 0px !important;
  line-height: 24px !important;
  text-align: center;
  background: #5fd35f;
  display: block;
  color: black;
  cursor: pointer;
}

a.ButtonLinkGreen {
  font-size: 12px;
  border: white 2px solid;
  width: 100px !important;
  height: 24px !important;
  padding: 0px !important;
  line-height: 24px !important;
  text-align: center;
  background: #5fd35f;
  display: block;
  color: black;
  cursor: pointer;
}

input.ButtonLink {
  font-size: 12px;
  border: white 3px solid;
  width: 100px !important;
  height: 30px !important;
  padding: 0px !important;
  line-height: 24px !important;
  text-align: center;
  background: grey;
  display: block;
  color: black;
  cursor: pointer;
}

a.ButtonLink.small {
  width: 30px !important;
  margin-left: 38% !important;
}

a.ButtonLink.small.margintop5 {
  margin-top: -5px !important;
}

news-popup .MyNewsPopup.NewsDialogNew.ui-dialog.ui-widget.ui-widget-content.ione-dialog {
  width: 700px;
  z-index: 9999;
  position: fixed !important;
  left: calc(50% - 350px);
  top: calc(50% - 310px);
}

news-popup #NewsPopupLinkedObjectId_Popup {
  width: 100% !important;
  margin-left: 10px;
}

.FullWidth {
  width: 100% !important;
}

.FullHeight {
  height: 100% !important;
}

.small.FullWidth {
  width: 100% !important;
}

.AngularApp #dialogMyTask,
.AngularApp #dialogMyReminderTask,
.AngularApp #dialogMyWarning,
.AngularApp #dialogMyNews,
.AngularApp #dialogMyCalender,
.AngularApp quicktime-log {
  right: 22px;
  margin-top: 37px;
}

.IONETheme .AngularApp #dialogMyTask,
.IONETheme .AngularApp #dialogMyReminderTask,
.IONETheme .AngularApp #dialogMyWarning,
.IONETheme .AngularApp #dialogMyNews,
.IONETheme .AngularApp #dialogMyCalender,
.IONETheme .AngularApp quicktime-log {
  right: 21px;
  margin-top: 40px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  .AngularApp #dialogMyTask,
  .AngularApp #dialogMyReminderTask,
  .AngularApp #dialogMyWarning,
  .AngularApp #dialogMyNews,
  .AngularApp #dialogMyCalender,
  .AngularApp quicktime-log {
    right: 22px;
  }

  .IONETheme .AngularApp #dialogMyTask,
  .IONETheme .AngularApp #dialogMyReminderTask,
  .IONETheme .AngularApp #dialogMyWarning,
  .IONETheme .AngularApp #dialogMyNews,
  .IONETheme .AngularApp #dialogMyCalender,
  .IONETheme .AngularApp quicktime-log {
    right: 21px;
  }
}

.whiteBackground {
  background-color: #fff;
}

.dialog-plannedDelivery {
  z-index: 1000 !important;
  min-width: 400px !important;
  min-height: 400px !important;
}

.dialog-WorkStep {
  z-index: 1000 !important;
  min-width: 450px !important;
  min-height: 450px !important;
}

.dialog-accountSmallPopup {
  z-index: 1000 !important;
  min-width: 350px !important;
  min-height: 300px !important;
}

.dialog-grid {
  z-index: 1000 !important;
  width: 900px;
}

news-reply-forward-popup .MyNewsReplyForwardPopup.NewsDialogNew.ui-dialog.ui-widget.ui-widget-content.ione-dialog {
  width: 700px;
  z-index: 9999;
  left: calc(50% - 350px);
  top: calc(50% - 320px);
}

news-reply-forward-popup .ui-dialog.ui-widget.ui-widget-content.CommunicationModePopupPosition {
  width: 450px;
  z-index: 10000;
  left: calc(50% - 225px);
  top: calc(50% - 150px);
}

news-reply-forward-popup .CommunicationModePopupPosition .sms-fax-email-dialog,
news-panel .CommunicationModePopupPosition .sms-fax-email-dialog {
  padding: 0px;
}

news-reply-forward-popup .modal-background.CommunicationModePopupPositionPopup,
news-panel .modal-background.CommunicationModePopupPositionPopup {
  z-index: 9999 !important;
}

calender-create-task .ui-dialog.ui-widget.ui-widget-content.CreateCalenderTask {
  width: 450px;
  z-index: 9999;
  left: calc(50% - 225px);
  top: calc(50% - 200px);
  height: 400px;
}

calender-create-task .dialog-CreateCalenderTask .EditObjectLink {
  right: 30px;
  top: 10px !important;
}

#dialogMyCalender .SearchResultMyCalenderBottomNav a.addTask:hover {
  cursor: pointer;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog .ui-dialog-content {
  width: auto;
  min-height: 80px;
  max-height: none;
  height: auto;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.QuotationSettingsTab .ui-dialog-content {
  height: 95% !important;
}

.AngularApp .QuotationSettingsTab .Bottom {
  width: 96%;
}

.AngularApp .NewsDialogNew .OuterTable .SenderReceiverTable {
  padding: 20px 25px 0 0px;
}

.AngularApp .NewsDialogNew .LinkedPopup .TitleArrow {
  width: 80px;
}

.AngularApp .dialog-CreateCalenderTask .EditBottomNav {
  width: 410px;
  margin-left: -20px !important;
}

.AngularApp .NewsDialogNew .LinkedPopup .TitleArrow {
  width: 80px;
}

.noMargin {
  margin: 0px !important;
}

.marginRight10 {
  margin-right: 10px !important;
}

.rightZero {
  right: 0px !important;
}

.AddressBox .small {
  width: 120px !important;
}

.AddressBox .small .txtbox {
  width: 118px !important;
}

.AddressBox .smallest {
  width: 70px !important;
}

.AddressBox .smallest .txtbox {
  width: 68px !important;
}

.Calculation .smallest {
  width: 65px !important;
}

.Calculation .smallest .txtbox {
  width: 65px !important;
}

.WarehouseStoragePlace .smallest {
  width: 75px !important;
}

.WarehouseStoragePlace .smallest .txtbox {
  width: 75px !important;
}

.AddressBox .medium {
  width: 130px !important;
}

.AddressBox .medium .txtbox,
.AddressBox .medium .searchbox,
.AddressBox .medium .selectbox {
  width: 128px !important;
}

column-setting-control .ui-dialog.ui-widget.ui-widget-content {
  position: fixed !important;
}

.AlwaysShow {
  display: block !important;
}

ione-toprightpanel .MyTask .dataTables_processing,
ione-toprightpanel .MyReminderTask .dataTables_processing,
ione-toprightpanel .MyWarning .dataTables_processing,
ione-toprightpanel .MyNews .dataTables_processing,
ione-toprightpanel .MyCalender .dataTables_processing {
  top: -55px !important;
}

span.ui-column-resizer {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  width: 10px;
  height: 100%;
  padding: 0;
  cursor: col-resize;
  border: 1px solid transparent;
}

.ui-column-resizer:hover {
  background: #fff;
}

.LightTheme .ui-column-resizer:hover {
  background: rgba(0, 159, 227, 1);
}

.LightTheme.IONETheme .ui-column-resizer:hover {
  background: rgba(0, 169, 112, 1);
}

.rateUnitCol {
  width: 60px;
}

.dataTables_wrapper thead tr th {
  position: relative;
}

#MyTaskTable,
#MyReminderTaskTable,
#MyWarningTable,
#MyNewsTable {
  width: 450px !important;
  max-width: 450px !important;
}

.dialog-confirm.ui-dialog-titlebar-close {
  top: 0 !important;
  margin: 1px -10px 0px 0px !important;
  background-size: 20px 20px !important;
}

#warning_message,
.warning,
#warning_messageApprove,
#warning_message_rule {
  height: 120px !important;
}

.overflowXHidden {
  overflow: hidden !important;
}

.PaddingTop5 {
  padding-top: 5px !important;
}

.PaddingTop10 {
  padding-top: 10px !important;
}

.paddingTop20 {
  padding-top: 20px !important;
}

.paddingTop30 {
  padding-top: 30px !important;
}

.paddingLeft10 {
  padding-left: 10px !important;
}

.paddingLeft20 {
  padding-left: 20px !important;
}

.paddingLeft30 {
  padding-left: 30px !important;
}

.paddingLeft40 {
  padding-left: 40px !important;
}

/* CSS for live template starts*/

.LiveTemplate .PreviewTable .PreviewTableTdDiv {
  float: none;
  margin-left: 20%;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 660px !important;
}

.LiveTemplate .PreviewTable .PreviewTableTdDiv.RightAligned {
  float: right;
}

.floatRight {
  float: right !important;
}

.EditBottomNav.LiveTemplate .tp-control-arrow-left {
  float: left !important;
}

.EditBottomNav.LiveTemplate {
  width: 840px;
  margin-left: 2px;
  position: static;
}

.EditBottomNav.LiveTemplate.RightAligned {
  float: right;
}

.EditBottomNav.LiveTemplate a,
.EditBottomNav.LiveTemplate input {
  float: right;
}

.LightTheme .LiveTemplate .EditContainer .LeftData,
.LiveTemplate .EditContainer .LeftData {
  background: none !important;
}

.PreviewTable {
  width: 100%;
}

.PreviewTable .PreviewTableTdDiv {
  overflow-y: scroll;
  max-height: 770px;
  height: 770px;
  background: #fff;
  width: 810px;
  float: right;
}

@media screen and (max-width: 1850px) {
  .LiveTemplate .PreviewTable .PreviewTableTdDiv {
    width: 890px;
  }

  .LiveTemplate .Preview .PreviewDiv {
    margin: 24px 0px 24px 46px;
    width: 800px;
  }
}

@media screen and (min-width: 1850px) {
  .LiveTemplate .PreviewTable .PreviewTableTdDiv {
    width: 875px;
  }
}

@media screen and (max-width: 1750px) {
  .LiveTemplate .EditBottomNav.LiveTemplate {
    width: 850px;
  }
}

.LiveTemplate .PreviewTableTdDiv::-webkit-scrollbar {
  display: none;
}

.LiveTemplate .Preview {
  margin: 31px 31px 31px 0;
}

.LiveTemplate .Preview .PreviewDiv {
  margin: 24px 24px 24px 46px;
  width: 800px;
}

.LiveTemplate .Preview input[type="text"],
.Preview textarea,
.Preview select,
.editableName textarea,
.IONETheme .LiveTemplate .Preview input[type="text"],
.IONETheme .LiveTemplate .Preview textarea,
.IONETheme .LiveTemplate .Preview select,
.IONETheme .LiveTemplate .editableName textarea {
  font-family: Segoe UI, Calibri, Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  border: none;
  color: #000000 !important;
  font-weight: normal;
  padding: 0px;
}

.AngularVersion .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth tbody tr td {
  font-family: Segoe UI, Calibri, Arial, Helvetica, sans-serif !important;
}

.UC49109 .LiveTemplate .Preview textarea.liveTemplateCustomerAutocomplete,
.UC49109 .LiveTemplate .Preview input[type="text"].liveTemplateCustomerAutocomplete {
  font-weight: bold !important;
}

.LiveTemplate .Preview input[type="text"]:not(.clearWidth),
.Preview textarea,
.Preview select,
.editableName textarea {
  width: 100% !important;
  background: transparent;
}

.LiveTemplate .Preview textarea.WithSearch,
.LiveTemplate .Preview input[type="text"].WithSearch {
  width: 80% !important;
}

.LiveTemplate .Preview input.percentage[type="text"]:not(.clearWidth),
.LiveTemplate .Preview input.priceLarge[type="text"]:not(.clearWidth),
.LiveTemplate .Preview input.priceMedium[type="text"]:not(.clearWidth),
.UC49118 .LiveTemplate .Preview input.percentage[type="text"]:not(.clearWidth),
.UC49118 .LiveTemplate .Preview input.priceLarge[type="text"]:not(.clearWidth),
.UC49118 .LiveTemplate .Preview input.priceMedium[type="text"]:not(.clearWidth) {
  width: calc(100% - 21px) !important;
}

.LiveTemplate .LiveTemplateItmeTable {
  width: 100%;
}

.LiveTemplate .LiveTemplateItmeTable th {
  padding-bottom: 10px;
  color: black;
}

/* .LiveTemplate .LiveTemplateItmeTable.CreditVoucher th {
    padding-bottom: 3px !important;
    font-weight: normal !important;
    vertical-align: middle !important;
} */

.LiveTemplate .LiveTemplateItmeTable td {
  padding-top: 10px;
}

/* .LiveTemplate .LiveTemplateItmeTable.CreditVoucher td {
    padding-top: 3px;
} */

.LiveTemplate .LiveTemplateItmeTable .AddRow {
  padding-top: 27px !important;
}

.LiveTemplate .EditBottomNavTable {
  position: fixed;
  bottom: 23px !important;
  z-index: 750;
}

.LiveTemplate .EditBottomNavTablePagination {
  position: absolute;
  z-index: 750;
  margin-left: 237px;
  margin-top: -30px;
  min-width: 400px;
}

.LiveTemplate .EditBottomNavTablePagination .goToTxtBox {
  background: rgb(238, 238, 238);
}

.QuotationSettingsTab .Title,
.CommonSettingsTab .Title {
  padding: 20px !important;
}

.IONETheme .QuotationSettingsTab .ui-dialog-titlebar.Title span,
.IONETheme .CommonSettingsTab .ui-dialog-titlebar.Title span {
  color: #fff !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.QuotationSettingsTab,
.ui-dialog.ui-widget.ui-widget-content.ione-dialog.CommonSettingsTab {
  position: absolute !important;
  top: 178px !important;
  left: 22px !important;
  z-index: 10000 !important;
}

/* CSS for live template ends*/

.LabelMedium {
  font-size: 22px;
}

.LeftAlign {
  text-align: left !important;
}

.CenterAlign {
  text-align: center !important;
  width: auto !important;
}

.CenteredAlign {
  text-align: center !important;
}

.QuantityUnitTextExport {
  display: none !important;
}

.Preview input[type="text"].price {
  width: initial !important;
  max-width: 80px !important;
  background-color: transparent;
}

.Preview input[type="text"].scale {
  min-width: 20px;
  max-width: 40px;
  background: transparent;
  /* background-color: yellow; */
}

.marginTop8 {
  margin-top: 8px;
}

.paddingTop20 {
  padding-top: 20px;
}

.box-small {
  width: 15px !important;
  min-width: 20px !important;
  height: 25px !important;
  /* float: none !important; */
  display: inline-block !important;
  background-color: transparent;
  margin: 0px 3px 0px 5px !important;
}

.ticketSprintboardHeader .box-small {
  width: 25px !important;
  min-width: 25px !important;
  margin: 0px 10px 0px 5px !important;
}

.box-small .priority {
  width: 25px !important;
  min-width: 20px !important;
  height: 25px !important;
  line-height: 24px !important;
  margin: 06px 0 0px 0px !important;
}

.ticketSprintboardHeader .box-small .priority {
  width: 25px !important;
  min-width: 25px !important;
  line-height: 25px !important;
}

.marginRight15 {
  margin-right: 15px;
}

.marginRight25 {
  margin-right: 70px !important;
}

.marginLeft5 {
  margin-left: 5px;
}

.marginLeft10 {
  margin-left: 10px !important;
}

.marginTop15 {
  margin-top: 15px !important;
}

.marginBottom15 {
  margin-bottom: 15px !important;
}

.marginTop16 {
  margin-top: 16px !important;
}

.RelationShipDiv {
  width: 3px;
  display: none;
  background: white;
  float: left;
  margin-top: 45px;
  margin-bottom: 45px;
  position: absolute;
  margin-left: -5px;
}

.LightTheme .RelationShipDiv {
  background: black;
}

.Relation {
  display: none;
}

.RelationShipTask,
.RelationShipTicket {
  position: absolute;
  margin-top: 45px;
}

.RelationShipTask {
  margin-left: -5px;
}

.Backlogboard .RelationShipDiv,
.Backlogboard .Relation {
  display: block;
}

.RelationShipTask polyline,
.RelationShipTicket polyline {
  fill: white;
  stroke: white;
  stroke-width: 4;
}

.LightTheme .RelationShipTask polyline,
.LightTheme .RelationShipTicket polyline {
  fill: black;
  stroke: black;
  stroke-width: 4;
}

.nowrap {
  white-space: nowrap;
  overflow: hidden;
}

.OverflowVisible {
  overflow: visible;
}

.LiveTemplate .AddressBox input {
  background: none;
}

.CareOf {
  color: #000000;
  margin-left: -30px;
  position: absolute;
}

.NoBorders {
  border: none !important;
}

.lblBox {
  padding-top: 5px;
  width: 50% !important;
  text-align: right;
}

.lblBoxLabel {
  padding-top: 5px;
}

.RightData .ui-resizable {
  position: relative;
  min-width: 180px;
}

.news .custom-menu {
  position: fixed;
}

.Expanded .NewsSection {
  left: -520px !important;
  width: 700px !important;
}

.NewsSectionResizable {
  cursor: col-resize;
  width: 5px;
  height: 100%;
  z-index: 9999;
  position: absolute;
}

.ui-resizable-handle.ui-resizable-w {
  cursor: col-resize !important;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
  position: absolute;
}

.ui-resizable-handle.ui-resizable-s {
  cursor: row-resize !important;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
  position: absolute;
}

.TransparentLabel {
  /* background: none !important;
    text-align: center;
    border: none !important;
    color: white !important; */
  margin-left: -20px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.ProposalDialog {
  width: 980px !important;
  height: 810px !important;
  overflow: visible !important;
  left: 20%;
  top: 5%;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.SearchPopup {
  width: 980px !important;
  height: 810px !important;
  overflow: visible !important;
  left: 20%;
  top: 5%;
}

#MachineProposalTable {
  overflow-y: auto !important;
  max-height: 600px;
  max-width: 750px;
}

#MachineProposalTable::-webkit-scrollbar-thumb {
  background: rgba(0, 169, 112, 1) !important;
  outline: 1px solid rgba(0, 169, 112, 1) !important;
}

.ConsumerComplaintPrefix {
  padding-left: 25px !important;
  width: 227px !important;
}

.padding25 {
  padding-left: 25px !important;
}

.cellPadding>td {
  padding: 2px !important;
  position: relative !important;
  overflow: hidden;
}

.payment tbody tr td .small {
  color: rgba(255, 255, 255, 0.75);
  background-color: rgba(10, 29, 37, 0.5);
  font-family: Segoe UI, Segoe UI Light, Calibri, Arial, Helvetica, sans-serif !important;
}

.paymentTitle {
  height: 30px !important;
}

.paymentTitle td {
  color: rgba(255, 255, 255, 0.75) !important;
  background-color: #848e92 !important;
  font-size: 14px;
  font-family: Segoe UI, Segoe UI Light, Calibri, Arial, Helvetica, sans-serif !important;
}

.paymentTitle td span {
  height: 30px;
  width: 30px;
  margin-right: 10px;
  float: left;
  cursor: pointer;
}

.minusIcon {
  background: url(../../Images/NewUI/op_oth_remove-black.svg) center center no-repeat;
}

.plusIcon {
  background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
}

.paymentTitle td p {
  line-height: 30px !important;
}

.handle {
  cursor: move;
}

.payment table.display thead th {
  cursor: default;
}

.TinyRowTable {
  width: 100%;
  margin-top: 10px !important;
}

.TinyRowTable tr {
  line-height: 10px !important;
}

.TinyRowTable td {
  padding-top: 2px !important;
  vertical-align: middle !important;
}

.TinyRowTable select,
.TinyRowTable .selectbox {
  height: 20px !important;
  line-height: 18px !important;
  padding-left: 0px !important;
}

.legendBox {
  padding: 20px;
  margin-bottom: 20px;
}

.ticketSequence {
  width: 494px;
  height: 70px;
}

.ticketSequencePopup .ticketSequence {
  width: 370px;
}

div.FormElementlabelTop .ChkBoxCnt input[type="radio"]+label:before {
  background-position: top center;
}

div.FormElementlabelTop .ChkBoxCnt input[type="radio"]:checked+label:before {
  background-position: bottom;
}

.LightTheme div.FormElementlabelTop .ChkBoxCnt input[type="radio"]+label:before {
  background-position: top center;
}

.LightTheme div.FormElementlabelTop .ChkBoxCnt input[type="radio"]:checked+label:before {
  background-position: bottom;
}

legend {
  font-size: 13px !important;
  font-family: Segoe UI, Calibri, Arial, Helvetica, sans-serif;
  color: rgba(255, 255, 255, 0.75);
}

.LightTheme legend {
  color: rgba(0, 0, 0, 0.75);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.ticketSequencePopup {
  width: 480px;
  height: 276px;
  top: calc(50% - 138px);
  left: calc(50% - 240px);
  background: rgba(10, 29, 37, 0.93) !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.ticketSequencePopup .EditBottomNavNew {
  position: absolute;
}

.LightTheme .ui-dialog.ui-widget.ui-widget-content.ione-dialog.ticketSequencePopup {
  background: rgba(255, 255, 255, 0.93) !important;
}

.searchbox a.searchbtn.smallsearchbtn,
.searchbox a.searchbtn.smallsearchbtn:hover {
  background-size: 20px 20px !important;
  width: 25px;
  height: 25px;
  top: -3px;
  right: 10px;
  cursor: pointer;
}

.NoMarginLeft,
.NoMarginLeft.attachmentList {
  margin-left: 0px !important;
}

.cursorPointer {
  cursor: pointer;
}

.grid label.left {
  width: 100px !important;
  float: left !important;
}

.grid label.right {
  width: 140px !important;
  float: right !important;
}

.ExportOnly,
.LiveTemplate .Preview td.ExportOnly {
  display: none;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.descriptionPopup {
  width: 480px;
  height: 250px;
  top: calc(50% - 125px);
  left: calc(50% - 240px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.descriptionPopup .EditBottomNavNew {
  position: absolute;
}

.grid .small1 select {
  width: 68px !important;
}

.grid .small3 .txtbox {
  width: 68px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.DefaultPopup {
  width: 600px !important;
  min-height: 100px !important;
  height: auto !important;
  overflow: visible !important;
  left: 20%;
  top: 5%;
  z-index: 1000;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.DefaultPopup.Top20Left30 {
  left: 30%;
  top: 20%;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.addressChangePopup,
.ui-dialog.ui-widget.ui-widget-content.ione-dialog.createNewAddressPopup {
  width: 1110px !important;
  min-height: 100px !important;
  height: auto !important;
  overflow: visible !important;
  left: 20%;
  top: 5%;
  z-index: 9999;
}

.CommonSettingsTab.Large {
  width: 1200px !important;
}

.WarehouseProductionOrder .ButtonLink.Small {
  width: 60px !important;
}

.ButtonLink.Thick,
.ButtonLinkGreen.Thick {
  height: 35px !important;
  line-height: 35px !important;
}

.ButtonLink.autoWidthButton,
.ButtonLinkGreen.autoWidthButton {
  width: fit-content !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.FilterCnt p.ChkBoxCnt.NoLabel {
  margin-top: -5px !important;
}

.nowrapwithoverflow {
  white-space: nowrap;
}

.CapacityTable {
  width: 900px;
  padding: 5px;
  color: white;
}

.CapacityTable tr {
  background: grey;
}

.CapacityTable tbody tr td {
  text-align: center;
}

.confirmFrameworkContract .DeletePopupPosition {
  height: auto !important;
  z-index: 10001 !important;
}

.ExportPrintLabel .printLabel {
  font-size: 3.4mm;
  padding-left: 2px;
  /* white-space: nowrap; */
  margin-top: -3px !important;
}

.ExportPrintLabel .printLabelGray {
  font-size: 3.4mm;
  padding-left: 2px;
  color: gray;
  /* position: absolute; */
  margin-top: -6px;
}

.ExportPrintLabel .barcodeImg {
  padding-left: 2px;
  /* position: absolute; */
  /* margin-top: -8px; */
  /* overflow: hidden; */
}

.pieceQrCodeImg {
  width: 101px;
  height: 97px;
  /* background-size: 100px 97px; */
  border: none;
  padding-top: 3px;
}

.ExportPrintLabel .grid .col.fs3 {
  font-size: 3.5mm;
  text-indent: 7px !important;
}

.ExportPrintLabel .grid .col.fs4 {
  font-size: 4mm;
  text-indent: 7px !important;
}

.ExportPrintLabel .grid .col.fs5 {
  font-size: 5mm;
  text-indent: 7px !important;
}

.ExportPrintLabel .grid .col.fs9 {
  font-size: 9mm;
  text-indent: 7px !important;
  margin-bottom: -7px !important;
  margin-top: -13px !important;
}

.ExportPrintLabel .grid .col.fs8 {
  font-size: 8mm;
  text-indent: 7px !important;
  margin-bottom: -7px !important;
  margin-top: -13px !important;
}

.ExportPrintLabel .grid .col.fs10 {
  font-size: 10mm;
  text-indent: 7px !important;
  margin-top: -13px !important;
}

.ExportPrintLabel .grid .col.fs12 {
  font-size: 12mm;
  text-indent: 7px !important;
  margin-bottom: -10px !important;
  margin-top: -17px !important;
}

.printLabelCompanyLogo {
  background: url(../src/Export/printLabelCompanyLogo.png);
  background-size: 260px 80px;
  float: left;
  width: 260px;
  height: 80px;
  margin-left: 2px;
}

.printLabel3M {
  background: url(../src/Export/printLabel3M.png) center center no-repeat;
  background-size: 100px 80px;
  float: left;
  width: 100px;
  height: 80px;
  margin-left: 20px;
}

.printLabelUL {
  background: url(../src/Export/printLabelRU.png) center center no-repeat;
  background-size: 100px 80px;
  float: left;
  width: 100px;
  height: 80px;
  margin-left: 20px;
}

.printLabelRohsLogo {
  background: url(../src/Export/printLabelRoHS.png) center center no-repeat;
  background-size: 200px 80px;
  width: 200px;
  height: 80px;
  padding-top: 30px;
}

.CenterAligned {
  text-align: Center;
}

.IONETheme.LightTheme a.linkStyle,
.IONETheme.DarkTheme a.linkStyle,
.IONETheme.LightTheme .ui-widget-content a.linkStyle,
.IONETheme.DarkTheme .ui-widget-content a.linkStyle {
  cursor: pointer;
  color: #00a970 !important;
}

table.display.compactView tbody tr {
  height: 30px;
}

table.display.compactView tbody td {
  padding-top: 0px;
  padding-bottom: 0px;
}

table.display.compactView .EditRecord {
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: block;
  font-size: 0;
  margin-top: 0px;
}

.bold {
  font-weight: bold;
  color: #fff;
}

.LightTheme .footer .bold {
  font-weight: bold;
  color: #000;
}

.footer .additionalLabel {
  padding-top: 10px;
  padding-right: 20px;
  float: right;
}

.footer .additionalLabel td {
  height: 20px;
}

.textIndent10 {
  text-indent: 10px;
}

.footer .recordCount {
  float: left;
  padding-top: 20px;
  padding-left: 30px;
  color: rgba(255, 255, 255, 0.75);
}

ione-toprightpanel .footer .recordCount {
  padding-top: 10px;
  padding-bottom: 10px;
}

ione-toprightpanel #SearchResutNav {
  height: 80px !important;
}

.LightTheme .footer .recordCount {
  color: #000;
}

.LiveTemplate .CustomerDetailTopNew {
  width: 85%;
}

.LiveTemplate .CustomerDetailTop_95 {
  width: 95%;
}

.boldRow td,
.boldRow input,
.boldRow textarea,
.boldRow select {
  font-weight: bold !important;
  color: #000000 !important;
}

table.display thead th p {
  line-height: 60px !important;
}

.dnd-drag-start {
  border: 2px solid white;
}

.dnd-drag-over {
  /* border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; */
  border: 1px solid #00a970 !important;
}

.AngularApp .TopLinks>a:not(.Username),
.AngularApp .TopLinks .MySettings {
  height: 56px;
  margin-top: -6px;
}

.Language1 .onoffswitch-inner:before {
  content: "Yes";
}

.Language1 .onoffswitch-inner:after {
  content: "No";
}

.Language2 .onoffswitch-inner:before {
  content: "Ja";
}

.Language2 .onoffswitch-inner:after {
  content: "Nein";
}

#SearchResutNav,
#SearchCompanyResutNav,
#SearchPersonResutNav,
#SearchTeamResutNav,
#SearchTeamResutNavOrder {
  height: 60px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.PostConsumptionDialog {
  width: 1080px !important;
}

.paging_full_numbers input.BtnGo {
  margin: -3px 0px 0 0 !important;
  padding: 0 0px 0 0px !important;
}

a.paginate_button.first,
a.paginate_button.last {
  margin-top: -5px !important;
}

.IONETheme .ngx-pagination .current {
  background: rgba(0, 169, 112, 1) !important;
}

.ngx-pagination li.pagination-previous.disabled {
  background: url(../../Images/NewUI/op_grid_previous_disabled.svg) left top+4px no-repeat !important;
  background-size: 25px 25px !important;
}

.ngx-pagination li.pagination-next.disabled {
  background: url(../../Images/NewUI/op_grid_next_disabled.svg) left top+4px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .ngx-pagination li.pagination-previous.disabled {
  background: url(../../Images/NewUI/LightTheme/op_grid_previous_disabled.svg) left top+4px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme .ngx-pagination li.pagination-next.disabled {
  background: url(../../Images/NewUI/LightTheme/op_grid_next_disabled.svg) left top+4px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme a.first.paginate_button.disabled,
.LightTheme a.first.paginate_button.disabled:hover {
  background: url(../../Images/NewUI/LightTheme/op_grid_first_disabled.svg) left top+5px no-repeat !important;
  background-size: 25px 25px !important;
}

.LightTheme a.paginate_button.last.disabled,
.LightTheme a.paginate_button.last.disabled:hover {
  background: url(../../Images/NewUI/LightTheme/op_grid_last_disabled.svg) left top+5px no-repeat !important;
  background-size: 25px 25px !important;
}

a.first.paginate_button.disabled,
a.first.paginate_button.disabled:hover {
  background: url(../../Images/NewUI/op_grid_first_disabled.svg) left top+5px no-repeat !important;
  background-size: 25px 25px !important;
}

a.paginate_button.last.disabled,
a.paginate_button.last.disabled:hover {
  background: url(../../Images/NewUI/op_grid_last_disabled.svg) left top+5px no-repeat !important;
  background-size: 25px 25px !important;
}

.ngx-pagination li.pagination-next {
  margin-right: 0px !important;
}

.paging_full_numbers .BtnGo {
  border: 0 none;
  background: url(../../Images/NewUI/op_scr_go.svg) center center no-repeat;
  background-size: 25px 25px !important;
  cursor: pointer;
  vertical-align: top;
  max-width: 60px;
  height: 30px;
  display: inline-block;
  margin: -3px 0 0 0;
  padding: 0 0 0 0;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  min-width: 60px;
  font-size: 0px;
}

.LightTheme .paging_full_numbers .BtnGo {
  background: url(../../Images/NewUI/LightTheme/op_scr_go.svg) center center no-repeat;
  background-size: 25px 25px !important;
  color: #000;
}

.IONETheme .ngx-pagination li:not(.pagination-previous):not(.pagination-next) a:hover,
.IONETheme .ngx-pagination li:not(.pagination-previous):not(.pagination-next) button:hover {
  background: rgba(0, 169, 112, 1) !important;
}

/* .IONETheme .ngx-pagination li:not(.pagination-next) a:hover, .IONETheme .ngx-pagination li:not(.pagination-next) button:hover {
    background: rgba(0, 169, 112, 1) !important;
} */

.dataTables_wrapper table.display thead th p {
  line-height: 17px !important;
}

.createNewAddressPopup {
  z-index: 10000 !important;
}

.addressChangePopup .changeAddressBox {
  padding: 20px;
}

.addressChangePopup .changeAddressBox.borderLRB {
  border: 2px solid #fff !important;
}

.addressChangePopup .changeAddressBox.borderLRB.highlightBox {
  border: 3px solid rgba(0, 169, 112, 0.9) !important;
}

.addressChangePopup .changeAddressBox .VerticleCenter {
  margin-top: 12px !important;
  text-align: center;
}

/* .gantt_container, .gantt_layout_cell, .gantt_grid_scale, .gantt_row, .gantt_task_scale, .gantt_task_row {
    background-color: transparent !important;
    border:none !important; 
} */

address {
  font-style: normal;
}

.Child {
  margin-left: 10px;
}

.GrandChild {
  margin-left: 20px;
}

.SelectedLabel {
  background-color: #00a970;
  min-width: 100%;
}

.CriticalLabel {
  background-color: #c6392a;
}

.MinimumLabel {
  background-color: orange;
}

.PowerConsumption .Details {
  margin-bottom: -10px;
  margin-left: 20px !important;
}

.PowerConsumption .Events,
.PowerConsumption .Proposal,
.PowerConsumption .Details {
  background: rgba(0, 0, 0, 0.5);
  height: 358px;
}

.PowerConsumption .ChkBoxCnt {
  margin-top: 5px;
}

.PowerConsumption .BreadCrumb .SearchTitleSpan {
  margin-left: 20px !important;
}

/* .PowerConsumption .LabelInline.VerticleCenter {

} */

.PowerConsumption .Proposal .LabelInline.VerticleCenter {
  min-width: 180px;
  padding: 5px;
}

.PowerConsumption .Events .LabelInline.VerticleCenter {
  min-width: 450px;
  padding: 5px;
}

.SimpleButton {
  vertical-align: top;
  max-width: 55px;
  height: 60px;
  display: inline-block;
  white-space: pre-wrap;
  text-align: center;
  text-overflow: ellipsis;
  min-width: 50px;
  cursor: pointer;
  font-size: 0px !important;
  background: url(../../Images/NewUI/mod_insurance.png) center center / 30px 30px no-repeat;
  padding: 0px 10px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.75);
}

.SimpleButton.Order {
  background: url(../../Images/NewUI/obj_order.svg) center center / 30px 30px no-repeat;
}

.SimpleButtonFooter {
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0px;
  height: 60px;
  padding-left: 20px;
  margin-top: 18px !important;
}

.AngularApp .gantt_grid_head_cell.gantt_grid_head_text.gantt_last_cell {
  display: none;
}

/* .AngularApp .gantt_task_line{
    background: rgba(0,159,227,0.9) !important;
}

.AngularApp .gantt_task_line.gantt_selected{
    box-shadow: 0 0 5px rgba(0,159,227,0.9) !important;
}

.AngularApp .gantt_container{
    background: rgba(0,0,0,0.65);
}

.LightTheme .AngularApp .gantt_container{
    background: rgba(255,255,255,0.65);
}

.AngularApp .gantt_row,.AngularApp .gantt_task_row,.AngularApp .gantt_grid_scale,.AngularApp .gantt_task_scale{
    background-color :transparent !important;
}

.AngularApp .gantt_grid_data .gantt_cell{
    color:rgba(255,255,255,0.50) !important;
} */

.AngularApp .gantt_tooltip {
  position: fixed !important;
  font-family: Segoe UI, Calibri, Arial, Helvetica, sans-serif;
  font-size: 12px !important;
  min-width: 350px;
}

.AngularApp .gantt_tooltip pre {
  font-family: Segoe UI, Calibri, Arial, Helvetica, sans-serif;
  font-size: 12px !important;
}

.AngularApp .gantt_tooltip table {
  width: 100%;
}

.AngularApp .gantt_tooltip table td:nth-child(2) {
  text-align: right;
}

/* [contentEditable=true]:empty:not(:focus):before{
    content: attr(data-placeholder);
    float: left;
    margin-left: 2px;
    color: #b3b3b3;
} */

#TempAddItemForm .FilterCnt p {
  float: none;
}

.slidecontainer {
  float: left;
  width: 25%;
  margin-left: 300px;
  margin-top: 10px;
}

.slider,
.PaginationType_PaginationWithButtonsAndPageSize .slider,
.IONETheme .PaginationType_PaginationWithButtonsAndPageSize .slider,
.IONETheme.LightTheme .PaginationType_PaginationWithButtonsAndPageSize .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: white !important;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 5px;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: rgba(0, 159, 227, 0.9) !important;
  cursor: pointer;
  border-radius: 50%;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: rgba(0, 159, 227, 0.9) !important;
  cursor: pointer;
  border-radius: 50%;
}

.IONETheme .slider::-webkit-slider-thumb {
  background: rgba(0, 169, 112, 0.9) !important;
}

.IONETheme .slider::-moz-range-thumb {
  background: rgba(0, 169, 112, 0.9) !important;
}

.slidecontainer span.last {
  padding-left: 5px;
}

.sliderValue {
  text-align: center;
}

table.display.compactViewLevel1 tbody tr {
  height: 50px;
}

table.display.compactViewLevel1 tbody td {
  padding-top: 3px;
  padding-bottom: 3px;
}

table.display.compactViewLevel1 .EditRecord {
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  display: block;
  font-size: 0;
  margin-top: 0px;
}

table.display.compactViewLevel2 tbody tr {
  height: 40px;
}

table.display.compactViewLevel2 tbody td {
  padding-top: 2px;
  padding-bottom: 2px;
}

table.display.compactViewLevel2 .EditRecord {
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: block;
  font-size: 0;
  margin-top: 0px;
}

table.display.compactViewLevel3 tbody tr {
  height: 30px;
}

table.display.compactViewLevel3 tbody td {
  padding-top: 0px;
  padding-bottom: 0px;
}

table.display.compactViewLevel3 .EditRecord {
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  display: block;
  font-size: 0;
  margin-top: 0px;
}

.ListSortDirectionAsc {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.ListSortDirectionDesc {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* .AngularApp i {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 5px;
}

.LightTheme .AngularApp i {
    border: solid black;
    border-width: 0 3px 3px 0;
} */

ione-grid ngui-auto-complete {
  display: contents !important;
}

.AngularApp .ui-datepicker {
  display: block;
}

.ui_tpicker_hour .ui_tpicker_hour_slider input[type="range"],
.ui_tpicker_minute .ui_tpicker_minute_slider input[type="range"] {
  height: 1.2em;
  width: 100%;
}

.ui_tpicker_hour .ui_tpicker_hour_slider,
.ui_tpicker_minute .ui_tpicker_minute_slider {
  height: 1.1em;
}

.ui_tpicker_hour .ui_tpicker_hour_slider input[type="range"]::-webkit-slider-thumb,
.ui_tpicker_minute .ui_tpicker_minute_slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 20px;
  background: #e6e6e6 !important;
  cursor: pointer;
  border: 1px solid #d3d3d3 !important;
}

.ui_tpicker_hour .ui_tpicker_hour_slider input[type="range"]::-moz-range-thumb,
.ui_tpicker_minute .ui_tpicker_minute_slider input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 20px;
  background: #e6e6e6 !important;
  cursor: pointer;
  border: 1px solid #d3d3d3 !important;
}

.ui-datepicker .ui-datepicker-prev.month {
  left: 22px;
}

.ui-datepicker .ui-datepicker-next.month {
  right: 21px;
}

.year .ui-icon-circle-triangle-w {
  background-position: -143px -192px;
}

.year .ui-icon-circle-triangle-e {
  background-position: -113px -192px;
}

.ui-datepicker-header .monthName {
  margin-left: 70px;
}

.ui-datepicker-header .yearName {
  margin-left: 30px;
}

.ui-datepicker-header .monthName,
.ui-datepicker-header .yearName {
  line-height: 26px;
}

.AngularApp .day-of-week {
  display: inline-block;
  background: none !important;
  margin: 1px;
}

.AngularApp .ng2-datetime-picker .days .day.selectable {
  border: 1px solid #d3d3d3;
  width: 33px;
  padding-right: 0.2em;
  text-align: right;
  background: #e6e6e6
  /*{bgColorDefault}*/
  url(../../Content/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png)
  /*{bgImgUrlDefault}*/
  50%
  /*{bgDefaultXPos}*/
  50%
  /*{bgDefaultYPos}*/
  repeat-x
  /*{bgDefaultRepeat}*/
   !important;
  margin: 1px;
  height: 23px;
  line-height: 23px;
  font-size: 0.9em;
}

.AngularApp .day.disabledelement {
  margin: 1px;
  height: 23px;
  line-height: 23px !important;
  font-size: 0.9em;
  width: 33px !important;
}

.AngularApp .ng2-datetime-picker .ui-timepicker-div {
  margin-top: -15px;
}

.AngularApp .ng2-datetime-picker .ui-datepicker-header {
  height: 23px;
  margin-top: -10px;
}

.AngularApp .ng2-datetime-picker .days .day.selectable.today {
  background: #fbf9ee !important;
}

.AngularApp .ng2-datetime-picker .days .day.selectable.selected {
  background: #ffffff !important;
}

.AngularApp .ng2-datetime-picker .days {
  width: 250px;
  padding: 0px;
}

.AngularApp .ui-datepicker {
  width: 17.5em;
}

.grid .small.aligned .txtbox {
  width: 85px !important;
}

.grid .small.aligned .VerticleCenterAlignedLabel.RightAligned,
.grid .small.aligned .VerticleCenterAlignedLabel.LeftAligned {
  width: 17px !important;
}

ione-dialog #SearchResutNav,
ione-dialog #SearchCompanyResutNav,
ione-dialog #SearchPersonResutNav,
ione-dialog #SearchTeamResutNav,
ione-dialog #SearchTeamResutNavOrder {
  height: auto !important;
}

.AngularApp .ng2-datetime-picker {
  font: normal 14px sans-serif !important;
}

.ng2-datetime-picker .days .day-of-week,
.ng2-datetime-picker .days .day {
  width: 33px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog.CreateManualNews {
  height: auto;
  width: 700px;
  min-height: 330px;
  min-width: 200px;
  z-index: 99999;
  left: 30%;
}

.CreateManualNews .ExpandCollapseNews {
  display: none;
}

.CreateManualNews .NewsTitle,
.CreateManualNews .ui-resizable-handle.ui-resizable-s,
.CreateManualNews .ui-resizable-handle.ui-resizable-w {
  display: none;
}

.CreateManualNews.ui-dialog .ui-dialog-content {
  position: initial !important;
}

.CreateManualNews .RightData.FormElement .NewsSection {
  box-shadow: none !important;
}

.BDEHeader {
  font-size: 32px;
}

.BDEBody {
  font-size: 20px;
}

.AddPiecesDiv {
  display: inline-block;
  width: 60px;
  border: 3px solid #00a970;
  background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new.svg) left center no-repeat !important;
  background-size: 30px 30px !important;
  text-align: right;
  height: 40px;
  line-height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 5px;
  cursor: pointer;
}

.VerticalMiddle td,
.EditContainer table tr.VerticalMiddle td {
  vertical-align: middle;
}

.ProductionOverview .displayImageVideo {
  height: 305px;
  line-height: 305px;
}

div.FormElement .Apply input+label:before {
  background: none !important;
}

.OuterPackageForBDE .ui-dialog .ui-dialog-titlebar {
  display: none;
}

.OuterPackageForBDE .ui-dialog {
  width: 700px !important;
  height: auto !important;
  left: 30% !important;
}

.OuterPackageForBDE .ngx-pagination {
  float: left;
}

.coaDocumentDialog .attachmentList {
  width: 430px;
}

.LightTheme div.FormElement .BDEBody input+label:before,
div.FormElement .BDEBody input+label.New:before {
  background-size: 60px 100px;
  width: 60px;
  height: 50px;
  left: -10px;
  top: -4px;
}

.buttonTable .Button {
  cursor: pointer;
}

.BDEUpButton {
  width: 30px;
  height: 30px;
  background: url(../../Images/NewUI/up_arrow.svg) center center / 30px 30px no-repeat;
  background-size: 30px 30px;
}

.BDEDownButton {
  width: 30px;
  height: 30px;
  background: url(../../Images/NewUI/down_arrow.svg) center center / 30px 30px no-repeat;
  background-size: 30px 30px;
}

.ConfirmAttachment {
  height: 325px !important;
  width: 590px !important;
}

.white_content {
  z-index: 100005 !important;
}

.grid .extraLargeTextbox {
  width: 540px;
}

.grid .extraLargeTextbox .txtbox {
  width: 528px;
}

/* .NewsSection .RecipientsList .RecipientTextBox{


/* .NewsSection .RecipientsList .RecipientTextBox{
    width: 100% !important;
    padding: 0 4px !important;
}


.UserSubject .txtBox
{
    width: 100% !important;
} */

.currencyDot {
  position: absolute;
  top: 0px;
  right: 90px;
  /* background: #ffffff; */
  /* border-top: 1px solid #d3d3d3; */
  border-left: 0 none;
  padding: 0 5px;
  color: #2b2b2b;
  outline: none;
  height: 30px;
  line-height: 30px;
}

a.ButtonLink.Medium {
  width: 150px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog.FormalLetterDialog {
  height: 565px;
  width: 940px;
  min-height: 330px;
  min-width: 200px;
  z-index: 99999;
  left: 30%;
}

.liveTemplateMinHeight {
  min-height: 700px;
}

.canvasStyle {
  border: 1px;
  border-style: dotted;
  padding: 20px;
}

.SearchListPopup .slidecontainer {
  margin-left: 15px;
  width: 23%;
  margin-top: 5px;
}

.SearchListPopup .footer .recordCount {
  padding-left: 15px;
  padding-top: 20px;
}

.SearchListPopup .paging_full_numbers {
  padding: 15px 15px 0 5px;
}

.attachmentList .removeListStyle li:last-child {
  margin-bottom: 0px !important;
}

.attachmentList .removeListStyle li {
  text-decoration: none !important;
}

.attachmentList .removeListStyle .custom-menu,
.custom-menu-requirement {
  width: 100px !important;
}

.resizevertical {
  resize: vertical !important;
}

.AutoTaskLabel {
  width: 122px !important;
  white-space: nowrap !important;
}

.ngui-auto-complete {
  color: black;
  /* display: inline-flex; */
  white-space: nowrap;
}

.IONETheme .DarkTheme .ui-dialog.DeletePopupPosition.delete-confirm-dialog {
  background: rgba(0, 0, 0, 0.75) !important;
}

.IONETheme .LightTheme .ui-dialog.DeletePopupPosition.delete-confirm-dialog {
  background: rgb(244, 244, 244) !important;
}

.ui-dialog.DeletePopupPosition.delete-confirm-dialog {
  width: 400px !important;
}

.AddNewRowItem {
  padding-bottom: 15px !important;
}

#CreditVoucherExportTemplate .searchbox a.searchbtn.smallsearchbtn,
#CreditVoucherExportTemplate .searchbox a.searchbtn.smallsearchbtn:hover {
  right: 0px;
  top: -4px;
}

tabs .tabHeader li.small {
  width: 133px;
  margin-right: 23px !important;
}

/*---End---*/

.ProductionWorkflowGrid {
  overflow: auto;
}

.ProductionWorkflowGrid .stepBoxHeaderRow .stepBoxHeader {
  min-width: 151px;
  max-width: 151px;
}

.ProductionWorkflowGrid .stepBoxAreaRow .stepBoxArea {
  min-width: 151px;
}

.ProductionWorkflowGrid .AddLinkButton {
  position: initial;
}

.registerToDelete {
  background: url(../../Images/NewUI/registerToDelete.svg) center center no-repeat;
  background-size: 30px 30px;
}

.LightTheme .registerToDelete {
  background: url(../../Images/NewUI/LightTheme/registerToDelete.svg) center center no-repeat;
  background-size: 30px 30px;
}

.attachmentList.LeftAlignImage {
  margin-left: 0px !important;
}

.largeTablet {
  width: 350px;
}

.smallmediumTablet {
  width: 180px;
}

.LiveTemplate .LiveTemplateItmeTableFullWidth {
  width: 108%;
  margin-left: -40px;
  margin-right: -20px;
}

.LiveTemplate .LiveTemplateItmeTableFullWidth .borderBottom {
  border-bottom: 1px solid !important;
}

.LiveTemplate .LiveTemplateItmeTableFullWidth th {
  padding-bottom: 5px;
  color: black;
}

.LiveTemplate .LiveTemplateItmeTableFullWidth td {
  padding-top: 10px;
}

.UC49109 div .editableName {
  float: left;
  text-align: left;
  /* font-family: Arial, Calibri, Helvetica, sans-serif !important;
  font-size: 18px !important; */
}

.iOneIdHeader {
  font-family: Arial, Calibri, Helvetica, sans-serif !important;
  font-size: 24px;
  font-weight: normal;
  color: #000000;
  padding: 0px;
  margin-top: 10px;
}

.Preview input[type="text"].itemQuantity {
  width: initial !important;
  max-width: 78px !important;
  background-color: transparent;
}

.Preview input[type="text"].pricesmall {
  width: initial !important;
  max-width: 60px !important;
  background-color: transparent;
}

.Preview input[type="text"].price {
  width: initial !important;
  max-width: 80px !important;
  background-color: transparent;
}

.Preview input[type="text"].priceMedium {
  width: initial !important;
  max-width: 110px !important;
  background-color: transparent;
}

.Preview input[type="text"].priceMedium.fullwidth {
  max-width: 105px !important;
}

.Preview input[type="text"].priceMedium1 {
  width: initial !important;
  max-width: 120px !important;
  background-color: transparent;
}

.Preview input[type="text"].priceLarge {
  width: initial !important;
  max-width: 155px !important;
  background-color: transparent;
}

.Preview input[type="text"].percentage {
  width: initial !important;
  max-width: 60px !important;
  background-color: transparent;
}

.Preview input[type="text"].scale {
  min-width: 20px;
  max-width: 40px;
  background: transparent;
  /* background-color: yellow; */
}

.fieldsetDisabled {
  display: block;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-block-start: 0em;
  padding-inline-start: 0em;
  padding-inline-end: 0em;
  padding-block-end: 0em;
  min-inline-size: min-content;
  border-width: 0px;
  border-style: none;
  border-image: none;
}

.LightTheme .removePriceItem,
.LightTheme .removePhone,
.LightTheme .removeRowSmall {
  background: url(../../Images/NewUI/LightTheme/op_oth_remove-black.svg) center center no-repeat;
  background-size: 25px 25px !important;
}

.LightTheme .addPriceItem,
.LightTheme .addPhone,
.LightTheme .addRowSmall {
  background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
  background-size: 17px 17px !important;
}

.HeightCss21 {
  height: 21px;
}

.LineHeight22 {
  line-height: 22px;
}

.PaddingRight60 {
  padding-right: 60px;
}

.LightTheme .ui-dialog.multipleStorageStrcture {
  background: rgba(255, 255, 255, 0.8) !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.multipleStorageStrcture {
  width: 615px !important;
  min-height: 100px !important;
  height: auto !important;
  overflow: hidden !important;
  top: 5% !important;
  z-index: 1000;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.warehouseOrderCreateWizard {
  width: 860px;
  min-height: 100px !important;
  height: auto;
  overflow: hidden !important;
  top: 106px;
  z-index: 1000;
  left: calc(50% - 430px);
}

/* .ui-dialog.multipleStorageStrcture  .ui-dialog-content
{
  overflow: hidden !important;
} */

.LiveTemplate .UserCompanyFont {
  overflow: hidden !important;
  white-space: nowrap;
}

.TemplateTitle {
  font-size: 13pt !important;
  font-weight: bold;
}

.labelBold {
  font-size: 12pt !important;
  font-weight: bold;
}

.VerticalLabel {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  white-space: nowrap;
}

.PreviewDiv .FilterCnt .checklist p {
  margin: -6px 12px 0 0;
}

.PreviewDiv .attachmentList li {
  color: #000000;
}

.PreviewDiv .attachmentList {
  width: 80% !important;
}

.LiveTemplate .Preview .checklist td {
  padding-bottom: 0px;
}

.LiveTemplate .Preview .checklist .attachmentList .col {
  padding-right: 5px !important;
}

.NotOkayResultCol {
  background-color: lightgray;
}

.checklist .resultCol {
  width: 37px !important;
  max-width: 37px !important;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
}

.VerticalLabel {
  margin-top: 5px;
}

.checklist .pictureCol {
  width: 440px;
}

.checklist .checkPointCol {
  width: 240px;
}

.LiveTemplate .checklist .AddRow.New {
  background-size: 20px 20px !important;
  margin-left: -8px;
  margin-top: 0px;
}

.checkListResultHeader {
  vertical-align: bottom !important;
}

.Top20Left20 {
  left: 20% !important;
  top: 20% !important;
}

.divTextArea {
  height: 60px;
  background: #ffffff;
  border: none;
  padding: 5px;
  color: #2b2b2b;
  outline: none;
  resize: vertical;
}

.IONETheme.LightTheme .divTextArea {
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1), 0 -1px 5px rgb(244, 244, 244),
    0 1px 5px rgb(244, 244, 244);
}

.ui-dialog.ione-dialog.auto {
  z-index: 1000 !important;
  width: auto !important;
  height: auto !important;
}

.ui-dialog.ione-dialog.auto .grid.PopupGridPadding {
  padding-right: 20px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.addStepConfirm {
  z-index: 1000 !important;
  width: 500px;
  height: 250px;
  left: calc(50% - 250px);
  top: calc(50% - 125px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.ConfirmAttachment {
  left: calc(50% - 295px);
  top: calc(50% - 160px);
}

.addStepConfirm .warning {
  text-align: center !important;
  height: 80px !important;
  padding-top: 20px;
}

.addStepConfirm .selectbox {
  margin-left: 30px !important;
}

.addStepConfirm .LinkButton {
  position: relative !important;
}

.addStepConfirm .LinkButton.OkButton {
  margin-right: 25px !important;
}

.addStepConfirm .LinkButton.CancelButton {
  margin-left: 25px !important;
}

.addStepConfirm {
  left: 38% !important;
}

.liveTemplateCheckBoxWidth {
  width: 40px;
}

.MarginTop10 {
  margin-top: 10px !important;
}

.SelectedRecipient,
.IONETheme .NewsChat .recentRecipients label.SelectedRecipient {
  text-decoration: underline;
  color: #00a970 !important;
  font-weight: bold !important;
}

/* #OutgoingOrderExportTemplate .rightClickPanel.custom-menu .Copy {
  display: none;
} */

#WarehouseStoragePlaceCreate .VerticleCenterAlignedLabel+.ChkBoxCnt {
  margin-right: 12px !important;
}

#PrintSingleVarietyStorageLocation .grid .col {
  margin: 0px !important;
}

.confirmStorageBin #warning_message,
.warning {
  width: 650px !important;
}

.AngularApp .deleteButton {
  height: 60px !important;
}

.standard .mini.DragItem {
  background: gray;
  width: 35px !important;
  height: 15px;
  margin-top: 8px;
  cursor: move;
}

.MinWidth1300 {
  min-width: 1300px;
}

.MinWidth1100 {
  min-width: 1100px;
}

.confirmGoodsReceiptPieceSave #warning_message,
.warning {
  width: 660px !important;
}

.finalInvoiceConfirmation #warning_message,
.warning {
  width: 660px !important;
  padding-bottom: 0px !important;
}

.ModuleSelectionOrderTemplate .grid .extraLargeFull {
  width: 900px;
}

.ModuleSelectionOrderTemplate .materialListPopupFixedHeight,
.ModuleSelectionOrderTemplate .materialListPopupFixedHeight.IONECSSRule {
  height: 520px;
  overflow-y: auto;
}

.ListDataCnt.FormElement.Create.ModuleSelectionOrderTemplate {
  margin-bottom: 10px !important;
}

/* .FreezeColumn {
    position:absolute; 
    width: 125px !important;
} */

.TogglePlaceholder input[type="text"],
.TogglePlaceholder select {
  padding: 10px 10px 10px 5px;
  display: block;
  border: none !important;
  border-radius: 0;
  box-shadow: none !important;
  width: 160px !important;
  border-bottom: 1px solid #757575 !important;
}

.TogglePlaceholder input[type="text"]:focus,
.TogglePlaceholder select:focus {
  outline: none;
  border-bottom: 2px solid #757575 !important;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.TogglePlaceholder input[type="text"]:focus~label,
.TogglePlaceholder input[type="text"]:valid~label {
  top: 0px;
  font-size: 12px;
}

.TogglePlaceholder select:focus~label,
.TogglePlaceholder select:valid~label {
  top: -16px;
  font-size: 12px;
}

.TogglePlaceholder label.TogglePlaceholderLabel {
  position: absolute;
  pointer-events: none;
  left: 0px;
  top: 27px;
  transition: 300ms ease all;
  z-index: 100;
  font-size: 14px;
}

.TogglePlaceholder label.TogglePlaceholderLabel:before {
  background: none !important;
}

.TogglePlaceholder select~.TogglePlaceholderLabel {
  top: 6px;
}

.TogglePlaceholder .MrgnBtm10Preceding {
  position: relative;
}

.TogglePlaceholder .styleselectPreceding {
  overflow: initial !important;
  width: 170px !important;
}

.TogglePlaceholder .styleselectPreceding select {
  width: 174px !important;
}

.TogglePlaceholder .searchFooter {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
}

.TogglePlaceholder .searchFooter input,
.TogglePlaceholder .searchFooter a {
  min-width: 80px !important;
}

.SearchFormCnt.TogglePlaceholder {
  padding: 0 0 0 0 !important;
}

.TogglePlaceholder .SearchPanelFixedHeight {
  padding: 0 20px !important;
}

.ticketDashboardTable.dataTable tr td:last-child {
  float: none !important;
}

.MarginTopBottom5 {
  margin: 5px 0 5px 0;
}

.OverflowInherit {
  overflow: inherit !important;
}

.paddingLeft25,
.material-table .paddingLeft25 {
  padding-left: 25px !important;
}

.IONETheme .EditableDiv {
  background: white;
  padding: 5px;
  cursor: text;
  page-break-inside: avoid;
  font-family: relative-mono10pitch, Segoe UI, Calibri, Arial, Helvetica,
    sans-serif !important;
  font-size: 12px;
}

.IONETheme.LightTheme .EditableDiv {
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1), 0 -1px 5px rgb(244, 244, 244),
    0 1px 5px rgb(244, 244, 244);
}

.ticketDashboardTable.dataTable tr td:last-child {
  float: none !important;
}

.searchbox.settingSearchBox {
  float: right;
  margin-top: 6px;
}

.Width900 {
  width: 900px;
}

.minHeight250 {
  min-height: 250px !important;
}

.matOrderGridMinHeight250 {
  min-height: 250px;
  background: white;
  margin-bottom: 7px;
}

.FloatRight {
  float: right;
}

.paddingTop7 {
  padding-top: 7px;
}

.marginRight18 {
  margin-right: 18px !important;
}

/*End*/

.protocolTemplateHeaderRow td {
  padding-top: 20px;
}

.protocolTemplateHeaderRow .Right {
  text-align: right;
  padding-right: 20px;
}

/* .protocolDocumentLogo {
    background: url(../../Images/NewUI/protocolodocument_logo.png) center right no-repeat;
    background-size: 240px 200px;
    text-align: right;
    padding-right: 20px;
} */

.protocolDocContentTable {
  width: 100%;
  border-collapse: collapse;
}

.protocolDocContentTable th,
.protocolDocContentTable td,
.protocolDocTaskTable th,
.protocolDocTaskTable td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}

.protocolDocContentTable .rownumber,
.protocolDocContentTable .legend {
  text-align: center;
  width: 40px;
  max-width: 40px;
}

.protocolDocContentTable .content {
  width: 720px;
  text-align: left;
}

.ProtocolDocumentContainerDiv .addRowSmall {
  position: static;
}

.protocolDocTaskTable {
  width: 100%;
  border-collapse: collapse;
}

.protocolDocTaskTable .col1 {
  text-align: center;
  width: 40px;
  max-width: 40px !important;
}

.protocolDocTaskTable .col2 {
  width: 180px;
  max-width: 180px !important;
  text-align: left;
}

.protocolDocTaskTable .col3 {
  width: 130px;
  max-width: 120px !important;
  text-align: left;
}

.protocolDocTaskTable .col4 {
  width: 460px;
  text-align: left;
}

.protocolDocTaskTable .col5 {
  width: 40px;
  max-width: 40px !important;
}

.ProtocolDocumentDialog .PreviewTableTdDiv {
  margin: 20px !important;
}

.ProtocolDocumentDialog.Letter .PreviewTableTdDiv {
  margin: 0px !important;
}

.ProtocolDocumentDialog .editable {
  width: 100% !important;
  min-height: 20px !important;
}

/* .LiveTemplate td .InLineEditRecord {
    position: static;
} */

.FilterCnt .LiveTemplate p.searchbox .ngui-auto-complete-wrapper {
  color: #000000 !important;
}

div.FormElementlabelTop .ChkBoxCnt input[type="checkbox"]+label.MiddleAlignChkBoxLabel:before,
div.FormElementlabelTop .ChkBoxCnt input[type="checkbox"]:checked+label.MiddleAlignChkBoxLabel:before {
  width: 145px;
}

.MiddleAlignChkBoxLabel {
  width: 145px !important;
}

.searchbtn.newsPanelRecipient {
  width: 25px !important;
  height: 25px !important;
  margin-right: 3px;
  margin-top: 3px !important;
}

.InventoryCorrection .footer .recordCount {
  padding-left: 0px !important;
}

.HeightCss20 {
  height: 20px !important;
}

.percentageUnit {
  padding: 2px !important;
  width: 25px !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.dayUnit {
  padding: 2px !important;
  width: auto !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.LineHeight25 td label,
.LineHeight25 td input,
.LineHeight25 td div {
  line-height: 25px;
}

.ReleaseButtonImg {
  background: url(../../Images/NewUI/obj_release.svg) center center no-repeat;
  background-size: 30px 30px;
}

.LightTheme .ReleaseButtonImg {
  background: url(../../Images/NewUI/LightTheme/obj_release.svg) center center no-repeat;
  background-size: 30px 30px;
}

/* Ione Confirm Dialog related css */

.ui-dialog.ui-widget.ui-widget-content.default-confirm-dialogStyle {
  position: fixed !important;
  height: 300px;
  width: 600px;
  top: calc(50% - 150px);
  left: calc(50% - 300px);
  display: block;
  /* margin:-150px 0 0 -300px; */
  z-index: 99999 !important;
  background: rgba(0, 0, 0, 0.9) !important;
  min-height: 300px;
  box-sizing: border-box;
}

.LightTheme .ui-dialog.ui-widget.ui-widget-content.default-confirm-dialogStyle {
  background: rgb(244, 244, 244) !important;
}

.ui-dialog.default-confirm-dialogStyle .ui-dialog-content.ui-widget-content {
  height: 55% !important;
}

.ui-dialog.default-confirm-dialogStyle .ui-dialog-content.ui-widget-content .finalInvoiceConfirmation {
  padding: 0px !important;
}

.ui-dialog.default-confirm-dialogStyle .ui-dialog-titlebar {
  margin-right: 5px !important;
  margin-bottom: 0px;
}

.ui-dialog.default-confirm-dialogStyle .ui-dialog-content #warning_message {
  padding-bottom: 40px;
  height: 115px !important;
  width: 100% !important;
  float: initial;
}

.procedureDeleteConfirmDialog #warning_message {
  padding-top: 20px;
  height: 115px !important;
}

.DebitorCreditorConfirmDialog #warning_message {
  padding: 0px 0px 40px 0px;
  height: 115px !important;
}

.ConfirmDialogFooterTable {
  height: 27.7%;
}

.ConfirmDialogFooterTable table {
  width: 100%;
  height: 100%;
}

.ConfirmDialogFooterTable td {
  border-top: rgba(211, 211, 211, 0.8) 1px solid !important;
}

.ConfirmDialogFooterTable td:first-child {
  border-right: rgba(211, 211, 211, 0.8) 1px solid !important;
}

.ConfirmDialogFooterTable .cancelDelete,
.ConfirmDialogFooterTable .okDelete {
  margin: 0px;
  width: 100%;
}

/* Ione dialogs related css */

.ui-dialog.ui-widget.ui-widget-content.ione-dialog {
  position: fixed !important;
  height: auto;
  display: block;
  top: 106px;
  left: 40%;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.searchPopupDialog,
.ui-dialog.ui-widget.ui-widget-content.ione-dialog.listPopupDialog {
  left: calc(50% - 160px);
}

.ui-dialog.ui-widget.ui-widget-content.SearchListPopup {
  width: 1280px;
  height: 800px;
  min-width: 1280px;
  min-height: 800px;
  top: 106px !important;
  left: calc(50% - 640px) !important;
  z-index: 10000 !important;
}

.ui-dialog.ui-widget.ui-widget-content.SearchListPopupTeamMember {
  width: 360px !important;
  height: auto !important;
  min-width: 360px;
  min-height: 200px;
  top: 106px !important;
  left: calc(50% - 640px) !important;
  z-index: 10000 !important;
}

.ui-dialog.SearchListPopup .ui-dialog-titlebar {
  padding-right: 6px !important;
  margin-bottom: 0px;
}

.dialog.SearchListPopup .SearchDataCnt.FormElement,
.dialog.SearchListPopup .ListDataCnt .FlatSearchCnt {
  padding-bottom: 0px;
  margin-bottom: 40px;
  margin-top: 10px;
}

.dialog.SearchListPopup .ListDataCnt.FormElement,
.dialog.SearchListPopup .ListDataCnt .FormElement {
  overflow: hidden;
}

.dialog.SearchListPopup .ListDataCnt.FormElement .FilterCnt,
.dialog.SearchListPopup .ListDataCnt .FormElement .FilterCnt {
  margin: 0px;
}

.dialog.SearchListPopup .ListDataCnt.FormElement .FilterCnt .grid,
.dialog.SearchListPopup .ListDataCnt .FormElement .FilterCnt .grid,
.dialog.SearchListPopup .ListDataCnt.FormElement .FilterCnt .grid .col,
.dialog.SearchListPopup .ListDataCnt .FormElement .FilterCnt .grid .col,
.dialog.SearchListPopup .SearchResultBottomNav {
  margin-bottom: 0px !important;
}

.dialog.SearchListPopup.PopupFormClass .ui-dialog-content.ui-widget-content {
  height: 88.5% !important;
  padding: 20px 20px 20px 0px !important;
}

.dialog.SearchListPopup.PopupFormClass .grid.PopupGridPadding {
  padding-left: 0px !important;
}

.dialog.SearchListPopup.PopupFormClass .PreviewTableEntryTdDiv {
  height: 72.25% !important;
}

.dialog.SearchListPopup.PopupFormClass .Bottom .Close {
  width: 30px;
  height: 30px;
  float: right;
  cursor: pointer;
  background: url(../../Images/NewUI/op_oth_confirm-ok.svg) center center no-repeat;
  background-size: 30px 30px;
  position: relative;
}

.IONETheme.LightTheme .dialog.SearchListPopup.PopupFormClass .Bottom .Close {
  background: url(../../Images/NewUI/LightTheme/op_oth_confirm-ok.svg) center center no-repeat;
  background-size: 30px 30px;
}

.ParameterEditDialog .ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium {
  width: 635px;
  height: 570px;
  top: calc(50% - 285px);
  left: calc(50% - 318px);
  min-width: 635px;
  min-height: 200px;
}

.ParameterEditDialog .ui-dialog.ui-widget.ui-widget-content.ione-dialog .ui-dialog-content {
  height: 80% !important;
}

.ParameterEditDialog .ui-dialog .grid {
  margin-top: 20px;
}

.ui-dialog-titlebar span.Width80Percentage {
  width: 80% !important;
}

.ui-dialog .ui-dialog-titlebar.PaddingTop11Bottom9 {
  padding-bottom: 9px !important;
  padding-top: 11px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialogPrint {
  z-index: 100001;
  width: 450px;
  min-width: 450px;
  height: 250px;
  min-height: 230px;
  top: calc(50% - 117px);
  left: calc(50% - 225px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialogPrint+.modal-background {
  z-index: 99999;
}

.CommunicationModePopupPosition .ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium {
  width: 450px;
  z-index: 10000;
  left: calc(50% - 225px);
  top: calc(50% - 150px);
}

.TemporaryPopupDialog .ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium {
  width: 875px;
  min-width: 600px;
  height: 488px;
  min-height: 488px;
  left: calc(50% - 400px);
  top: calc(50% - 244px);
  z-index: 1000 !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.commentPopup {
  width: 580px;
  height: 352px;
  left: calc(50% - 265px);
  top: calc(50% - 176px);
  z-index: 9999 !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.commentPopup .EditBottomNavNew,
.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog-accountSmallPopup .EditBottomNavNew,
.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialogPrint .EditBottomNavNew,
.ParameterEditDialog .EditBottomNavNew,
.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog-WorkStep .EditBottomNavNew {
  position: absolute;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.InvoicePayment {
  width: 980px;
  height: 600px;
  overflow: visible !important;
  left: calc(50% - 490px);
  top: calc(50% - 300px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.InvoicePayment>.ui-dialog-content {
  height: 89% !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.InvoicePayment .default-confirm-dialogStyle>.ui-dialog-content {
  height: 72% !important;
}

.ione-dialog.InvoicePayment .SearchResultBottomNav {
  position: relative;
  bottom: 0px;
  margin-bottom: 0px !important;
  width: 100%;
  left: 0px;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium.ItemStockPopup {
  width: 410px;
  left: calc(50% - 210px);
  top: calc(50% - 187px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.asciiExportDialog {
  height: auto;
  width: 350px;
  left: calc(50% - 175px);
  top: calc(50% - 146px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.CheckPersonDialog {
  height: auto;
  width: 400px;
  left: calc(50% - 175px);
  top: calc(50% - 146px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.PopupAutoHeight {
  width: 980px;
  height: auto;
  /* padding-bottom: 30px !important; */
  z-index: 10000 !important;
  left: calc(50% - 490px);
  top: calc(50% - 187px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog-ReleasePopup {
  z-index: 1000 !important;
  width: 645px;
  /* height: 375px; */
  left: calc(50% - 322px);
  top: calc(50% - 187px);
}

.dialog-ReleasePopup .grid.PopupGridPadding,
.dialog-plannedDelivery .grid.PopupGridPadding {
  padding-left: 0px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog-plannedDelivery {
  left: calc(50% - 200px);
  top: calc(50% - 200px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog-accountSmallPopup {
  left: calc(50% - 175px);
  top: calc(50% - 160px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog-WorkStep {
  left: calc(50% - 225px);
  top: calc(50% - 280px);
  height: 580px;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.toolBlockReasonPopup {
  width: 440px;
  height: 318px;
  left: calc(50% - 220px);
  top: calc(50% - 159px);
}

.ui-dialog.ui-widget.ui-widget-content.DriverPopup {
  width: 620px;
  height: 265px;
  z-index: 9000 !important;
  left: calc(50% - 310px);
  top: calc(50% - 133px);
}

/* Resizable Element Classes */

.resize-handle-top,
.resize-handle-bottom {
  position: absolute;
  height: 10px;
  cursor: s-resize;
  width: 100%;
  z-index: 10000;
}

.resize-handle-top {
  top: -7px;
}

.resize-handle-bottom {
  bottom: -7px;
}

.resize-handle-left,
.resize-handle-right {
  position: absolute;
  height: 100%;
  cursor: e-resize;
  width: 10px;
  z-index: 10000;
}

.resize-handle-left {
  left: -7px;
}

.resize-handle-right {
  right: -7px;
}

.postNoteCenter {
  text-align: center;
}

.unitPadding {
  padding-top: 3px !important;
  padding-left: 2px !important;
}

.UC49107 #DeliveryExportTemplate .unitPadding {
  padding-top: 5px !important;
}

.unitPadding .DiscExtraChargeItemQuantityUnit {
  padding-top: 5px !important;
  padding-left: 5px;
}

.UC49129 .unitPadding {
  padding-top: 5px !important;
}

.UC49118 .unitPadding {
  padding-top: 5px !important;
}

.UC49109 .unitPadding {
  padding-top: 10px !important;
}

quotationcreate-49107 .unitPadding,
quotationcreate-49105 .unitPadding {
  padding-top: 0px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialogTelephonyPopup {
  z-index: 100001;
  /* width: 450px;
    min-width: 450px;
    height: 234px; */
  /* min-height: 230px; */
  top: calc(50% - 117px);
  left: calc(50% - 225px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialogTelephonyPopup+.modal-background {
  z-index: 99999;
}

.workflowConditionDiv {
  background-color: black;
}

.UserCompanyHeader {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  color: gray;
  -webkit-appearance: none;
}

.LightTheme .workflowConditionDiv {
  background-color: rgb(240, 240, 240);
}

.IONETheme .LiveTemplate div .editableName {
  float: left;
  text-align: left;
  /* font-family: Arial, Calibri, Helvetica, sans-serif !important;
    font-size: 18px !important; */
  /* word-break: break-word;
    text-align: justify; */
}

.IONETheme quotationcreate-49107 .LiveTemplate div .editableName {
  float: initial;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium {
  top: 5%;
  left: 25%;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.AddItemPopup {
  width: 900px;
}

.addOrderToInvoice {
  background: url(../../Images/NewUI/addOrderToInvoice.svg) center center no-repeat;
  background-size: 30px 30px;
}

.LightTheme .addOrderToInvoice {
  background: url(../../Images/NewUI/LightTheme/addOrderToInvoice.svg) center center no-repeat;
  background-size: 30px 30px;
}

/* Split Dropdown Button */

/* http://w3schools-fa.ir/howto/howto_css_button_split.html  */

.UC49118 .LiveTemplate .Preview td.topRightHeader,
.UC49118 .LiveTemplate .Preview td.topRightHeader td,
.UC49118 .LiveTemplate .Preview td.topRightHeader td input[type="text"],
.UC49118 .LiveTemplate .Preview td.topRightHeader td textarea,
.UC49118 .LiveTemplate .Preview td.topRightHeader td select {
  font-family: Arial, Calibri, Helvetica, sans-serif !important;
  font-size: 19px !important;
  font-weight: normal;
  color: #000000;
  display: table-cell;
  padding: 0px;
  padding-bottom: 3px;
}

.UC49109 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49109,
.UC49142 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49142,
.UC49135 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49135 {
  width: 100%;
}

.UC49109 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49109 input,
.UC49142 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49142 input,
.UC49135 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49135 input {
  display: inline;
  text-align: right;
}

.UC49109 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49109 tr td:nth-child(1) {
  width: 54% !important;
}

.UC49142 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49142 tr td:nth-child(1),
.UC49135 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49135 tr td:nth-child(1) {
  width: 64% !important;
}

.UC49109 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49109 tr td:nth-child(2) {
  width: 46% !important;
}

.UC49142 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49142 tr td:nth-child(2),
.UC49135 .LiveTemplate .Preview td.topRightHeader table.alignRight_UC49135 tr td:nth-child(2) {
  width: 36% !important;
}

.UC49109 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49109,
.UC49109 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49109 td,
.UC49109 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49109 td input[type="text"],
.UC49109 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49109 td textarea,
.UC49109 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49109 td select,
.UC49142 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49142,
.UC49142 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49142 td,
.UC49142 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49142 td input[type="text"],
.UC49142 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49142 td textarea,
.UC49142 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49142 td select,
.UC49135 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49135,
.UC49135 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49135 td,
.UC49135 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49135 td input[type="text"],
.UC49135 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49135 td textarea,
.UC49135 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49135 td select {
  text-align: right;
  /* display: inline !important; */
}

.UC49109 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49109,
.UC49109 .Preview .editablePreNotes.editable.editableContent .topRightHeader .alignRight_UC49109,
.UC49109 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49109 .ng2-datetime-picker-wrapper input[type="text"] .UC49142 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49142,
.UC49142 .Preview .editablePreNotes.editable.editableContent .topRightHeader .alignRight_UC49142,
.UC49142 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49142 .ng2-datetime-picker-wrapper input[type="text"],
.UC49135 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49135,
.UC49135 .Preview .editablePreNotes.editable.editableContent .topRightHeader .alignRight_UC49135,
.UC49135 .LiveTemplate .Preview td.topRightHeader .alignRight_UC49135 .ng2-datetime-picker-wrapper input[type="text"] {
  text-align: right;
  /* display: inline !important; */
}

.UC49109 span.totalAlighment {
  padding-left: 21px;
}

.UC49118 .LiveTemplate .Preview td,
.UC49118.AngularVersion .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth tbody tr td,
.UC49118 .Preview .editablePreNotes.editable.editableContent {
  font-family: Arial, Calibri, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: normal;
  color: #000000;
  display: table-cell;
  padding: 10px 0px 3px 0px;
}

.UC49118 .LiveTemplate .Preview input[type="text"],
.UC49118 .Preview textarea,
.UC49118 .Preview select,
.UC49118 .editableName textarea,
.UC49118.IONETheme .LiveTemplate .Preview input[type="text"],
.UC49118.IONETheme .LiveTemplate .Preview textarea,
.UC49118.IONETheme .LiveTemplate .Preview select,
.UC49118.IONETheme .LiveTemplate .editableName textarea {
  font-family: Arial, Calibri, Helvetica, sans-serif !important;
  font-size: 18px !important;
  border: none;
  color: #000000 !important;
  font-weight: normal;
  padding: 0px;
}

.UC49118 .Preview select .disabledSelect {
  color: #9c9e9f !important;
}

.LiveTemplate .Preview .SpecialOrder td,
.UC49118 .Preview .SpecialOrder .editablePreNotes.editable.editableContent,
.Preview .SpecialOrder .LiveTemplateItemDescription {
  font-size: 14px !important;
}

.LiveTemplate .Preview .SpecialOrder input[type="text"],
.Preview .SpecialOrder textarea,
.Preview .SpecialOrder select,
.SpecialOrder.editableName textarea,
.IONETheme .LiveTemplate .Preview .SpecialOrder input[type="text"],
.IONETheme .LiveTemplate .Preview .SpecialOrder textarea,
.IONETheme .LiveTemplate .Preview .SpecialOrder select,
.IONETheme .LiveTemplate .SpecialOrder .editableName textarea {
  font-size: 14px !important;
}

.LiveTemplate .Preview .SpecialOrder .prePostNote {
  font-size: 14px !important;
}

.UC49118 .Preview .SpecialOrder.itemAutosuggestContainer {
  max-width: 300px !important;
}

.SpecialOrder.TopRightInfo {
  margin-left: 65px !important;
}

.UC49118 .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder td,
.UC49118 .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder .editablePreNotes.editable.editableContent,
.UC49118 .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder .LiveTemplateItemDescription {
  font-size: 14px !important;
}

.UC49118 .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder th {
  font-size: 14px !important;
  font-weight: bold !important;
}

.UC49118 .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder input[type="text"],
.UC49118 .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder textarea,
.UC49118 .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder select,
.UC49118 .LiveTemplateItmeTableFullWidth.SpecialOrder.editableName textarea,
.UC49118.IONETheme .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder input[type="text"],
.UC49118.IONETheme .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder textarea,
.UC49118.IONETheme .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder select,
.UC49118.IONETheme .LiveTemplate .LiveTemplateItmeTableFullWidth.SpecialOrder .editableName textarea {
  font-size: 14px !important;
}

.UC49118 .Preview .LiveTemplateItmeTableFullWidth.SpecialOrder select {
  height: 28px !important;
}

.UC49118 .Preview .SpecialOrder input[type="text"].iOneIdHeader {
  font-size: 24px !important;
  font-weight: normal !important;
  margin-top: 0px !important;
}

.UC49118 .LiveTemplate .Preview input[type="text"]:not(.clearWidth),
.Preview textarea,
.Preview select,
.editableName textarea {
  width: 100% !important;
  background: transparent;
}

.prePostNote {
  font-family: Arial, Calibri, Helvetica, sans-serif !important;
  font-size: 14px !important;
  word-break: break-word;
  text-align: justify;
}

.UC49109 .prePostNote {
  font-family: Segoe UI, Calibri, Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
}


.grid .smallmedium1 .txtbox.currencytxtbox {
  width: 170px;
}

.LiveTemplate .ProtocolDocumentContainerDiv .InlineDateEditing {
  float: left;
  width: 75px;
  padding-left: 5px;
}

.LiveTemplate .ProtocolDocumentContainerDiv .InlineDateEditing input {
  height: 19px;
}

.LiveTemplate .ProtocolDocumentContainerDiv .preNotePart2 {
  margin-top: 22px;
}

.ticketSprintboardHeader .topHeader.sprintTitle {
  margin: auto !important;
  float: unset !important;
  width: 200px !important;
}

.IONETheme.DarkTheme .ticketSprintboardHeader .ticketDashboardTable th.right,
.IONETheme.DarkTheme .ticketSprintboardHeader .ticketDashboardTable td.right {
  background-color: rgb(51, 51, 51);
  color: #fff !important;
}

.IONETheme.DarkTheme .ticketDashboardTable th.right,
.IONETheme.DarkTheme .ticketDashboardTable td.right {
  background-color: black;
}

.IONETheme.DarkTheme .ticketDashboardTable th.left,
.IONETheme.DarkTheme .ticketDashboardTable td.left {
  background-color: black;
}

.ticketCounterBar {
  height: 68px;
  vertical-align: top !important;
}

.backlogHeader .ticketCounterBar {
  margin-left: 9px;
  height: 30px;
  float: left;
}

.ticketCounterBar div {
  margin-left: 9px;
}

.SprintBoard .SearchResultBottomNav {
  float: left;
  width: calc(100% - 5px);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 0px;
  border-top: 1px;
  border-color: #f4f4f4;
  padding-top: -1px;
}

.SprintBoard .SearchResultBottomNav td,
.Backlogboard .SearchResultBottomNav td {
  height: 60px;
  vertical-align: middle;
}

.DarkTheme .SprintBoard .SearchResultBottomNav td,
.DarkTheme .Backlogboard .SearchResultBottomNav td {
  color: #fff !important;
}

.Backlogboard .SearchResultBottomNav td {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.DarkTheme .Backlogboard .SearchResultBottomNav td {
  border-right: 1px solid rgb(0, 0, 0);
}

.ticketCount {
  height: 24px;
  height: 25px !important;
  line-height: 24px !important;
  margin: 06px 0 0px 5px !important;
  min-width: 25px !important;
  float: left;
  /* font-weight: bold; */
  text-align: right;
}

.grid .TaskMaterial label {
  display: inline-block !important;
}

.EditContainer .TaskMaterial table tr td {
  vertical-align: middle;
}

.EditContainer .TaskMaterial .SaveColumns.saveColumnsPopup.FixedPosition {
  right: 5px !important;
}

.DialogResetClass input.BtnDelete {
  float: left;
  border: 0 none;
  background: url(../../Images/NewUI/op_scr_clear-search.svg) center center no-repeat;
  background-size: 30px 30px;
  cursor: pointer;
  vertical-align: top;
  max-width: 55px;
  height: 60px;
  display: inline-block;
  /*margin: 0 10px 0 0;*/
  padding: 0 10px 0 10px;
  color: #000000;
  text-shadow: 1px 1px 1px #ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  min-width: 50px;
  font-size: 0px !important;
}

.LightTheme .DialogResetClass input.BtnDelete {
  background: url(../../Images/NewUI/LightTheme/op_scr_clear-search.svg) center center no-repeat;
  background-size: 30px 30px;
}

signature-pad canvas {
  border: 1px dashed black;
  background: #fff;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.commentPopup.singatureDialog {
  width: auto !important;
}

.PauseCancelReason .ui-dialog.default-confirm-dialogStyle .ui-dialog-content.ui-widget-content {
  overflow: hidden;
  width: 100% !important;
  height: 200px !important;
  padding-left: 25px !important;
}

.ticketBacklogboardHeader .AddLinkButton.AddTicket {
  position: relative !important;
  float: right !important;
  margin-top: -5px !important;
}

.Backlogboard .SearchResultBottomNav {
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}

.IONETheme.LightTheme .Backlogboard .ticketBacklogboardHeader select {
  box-shadow: none;
}

.ui-dialog.dialogChargingPeriod {
  position: absolute !important;
  height: auto !important;
  width: 395px !important;
  top: 204px !important;
  left: 528.5px !important;
  display: block !important;
  z-index: 1000 !important;
}

.splitbutton .dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  background-color: #00a970;
  height: 45px;
  font-family: relative-mono10pitch, Segoe UI, Calibri, Arial, Helvetica,
    sans-serif !important;
  float: left;
  width: calc(100% - 40px) !important;
}

.splitbutton .dropdown-btn+.downArrowDiv {
  float: left;
  background-color: #00a970;
  color: #fff;
  padding: 14px 1px 13px 5px;
}

/* On mouse-over */
.dropdown-btn:hover+.dropdown-container {
  display: block;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: block;
  background-color: #00a970;
  color: #fff;
  margin-top: 46px;
  width: calc(100% - 4px);
}

.dropdown-container span a {
  padding-left: 16px;
  color: #fff !important;
}

.dropdown-container span {
  text-decoration: none;
  font-size: 14px;
  color: #fff !important;
  display: block;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  outline: none;
  background-color: #cdcdcd;
  height: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  margin-top: 1px;
}

.dropdown-container span.active {
  background-color: #00a970;
}

.CheckinQRCodeLabelClass {
  color: black;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 10px;
}

.CheckinQRCodeClass {
  background-image: linear-gradient(to right,
      rgb(222, 50, 110),
      rgb(44, 50, 214));
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  margin-right: 15px !important;
  margin-bottom: 32px !important;
}

.CheckoutQRCodeClass {
  background-image: linear-gradient(to right,
      rgb(121, 182, 166),
      rgb(171, 204, 164));
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  margin-right: 15px !important;
  margin-bottom: 32px !important;
}

.paddingTop80 {
  padding-top: 80px !important;
}

.CompanyCheckinCheckoutQRCodeClass {
  left: calc(22%);
  top: calc(25%);
  position: relative;
}

.dialog-dcoumentView {
  z-index: 1000 !important;
  width: 900px !important;
  height: 685px !important;
  top: 0px !important;
}

.bg-text {
  color: lightgrey;
  font-size: 15px;
  transform: rotate(300deg);
  -webkit-transform: rotate(320deg);
  z-index: 1001;
  display: -webkit-inline-box;
  position: absolute;
  top: 300px;
  left: 150px;
}

.DocumentEntry .attachmentList img {
  width: 200px;
  height: 200px;
}

/* .LiveTemplate .Preview td .ItemDescription
{
    word-break: break-word;
    text-align: justify;
} */

.permission .RoleTable.MainMenuTab .AccInpBox .ChkBoxCnt.SpecialPermission {
  margin-top: -5px;
  width: 30px !important;
  float: left;
}

.permission .RoleTable.MainMenuTab .AccInpBox label {
  padding-top: 6px;
  display: inline-block;
}

.Task_Order_Quotation_Box.RoleToolTip {
  background: rgba(0, 0, 0, 0);
}

.LightTheme .Task_Order_Quotation_Box.RoleToolTip {
  background: rgb(255 255 255);
}

.RoleTable.MainMenuTab td.checkboxTd:last-child .AccInpBox label {
  max-width: 220px !important;
}

/* .RequirementTicketSection, .RequirementSection
{
    background-color: rgba(255, 255, 255, 0.5);
} */

.RequirementTicketSection .box-small .priority {
  margin: 2px 0 0px 0px !important;
}

.partialInvoiceDialog {
  position: absolute !important;
  height: auto !important;
  width: 570px !important;
  display: block;
}

.intrimInvoiceDialog {
  position: absolute !important;
  height: auto !important;
  width: 600px !important;
  display: block;
}

.QRCodePlaceholder {
  background: url(../../Images/NewUI/qrcode_laceholder.svg) center center no-repeat;
  background-size: 990px 1117px;
  /* transform: rotate(180deg);
    -webkit-transform: rotate(180deg);     */
  height: 1120px;
  display: block;
  text-indent: -9999px;
  margin-top: 25px;
  width: 100%;
}

.QRCodeImg,
.QRCodeImg2 {
  position: relative;
  top: 163px;
  left: 579px;
  box-shadow: none !important;
  border: 0px !important;
  opacity: 1;
  display: block;
  float: left;
}

.QRCodePlaceholderSmall {
  background: url(../../Images/NewUI/qrcode_laceholder_small.svg) center center no-repeat;
  background-size: 485px 340px;
  height: 340px;
  display: block;
  text-indent: -9999px;
  margin-top: 0px !important;
  width: 510px;
  float: right;
}

.QRCodeImgSmall {
  position: relative;
  top: 91px;
  left: 286px;
  box-shadow: none !important;
  border: 0px !important;
  opacity: 1;
  display: block;
  float: left;
}

.QRCode_StickerBig {
  background: url(../../Images/NewUI/QRCode_StickerBig.svg) center center no-repeat;
  background-size: 100% 100%;
  height: 1017px;
  display: block;
  margin-top: 1px;
  width: 100%;
}

.QRCode_StickerBig .QRCodeImg {
  top: 146px;
  left: 577px;
}

.QRCode_StickerSmall {
  background: url(../../Images/NewUI/QRCode_StickerSmall.svg) center center no-repeat;
  background-size: 100% 100%;
  height: 542px;
  display: block;
  margin-top: 0px;
  width: 100%;
}

.QRCode_StickerSmall .QRCodeImg {
  top: 136px;
  left: 562px;
}

.QRCode_TablecardHolder {
  background: url(../../Images/NewUI/QRCode_TablecardHolder.svg) center center no-repeat;
  background-size: 100% 100%;
  height: 1953px;
  display: block;
  margin-top: 0x;
  width: 100%;
}

.QRCode_TablecardHolder .QRCodeImg {
  top: 636px;
  left: 555px;
}

.QRCode_TablecardDisplay {
  background: url(../../Images/NewUI/QRCode_TablecardDisplay.svg) center center no-repeat;
  background-size: 100% 100%;
  height: 2372px;
  display: block;
  margin-top: 0px;
  width: 100%;
}

.QRCode_TablecardDisplay .QRCodeImg {
  top: 735px;
  left: 204px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.QRCode_TablecardDisplay .QRCodeImg2 {
  top: 1378.5px;
  left: 303px;
}

.QRCode_ConstructionFenceBanner {
  background: url(../../Images/NewUI/QRCode_ConstructionFenceBanner.svg) center center no-repeat;
  background-size: 100% 100%;
  height: 6528px;
  display: block;
  margin-top: 20px;
  width: 100%;
}

.QRCode_ConstructionFenceBanner .QRCodeImg {
  top: 782px;
  left: 3722px;
}

.QRCode_CompanyTemplateTablecard {
  background: url(../../Images/NewUI/QRCode_CompanyTemplateTablecard.svg) center center no-repeat;
  background-size: 100% 100%;
  height: 1952px;
  display: block;
  margin-top: 0x;
  width: 100%;
}

.QRCode_CompanyTemplateTablecard .QRCodeImg {
  top: 633px;
  left: 186px;
}

.QRCode_CompanyTemplateTablecard .QRCode_Table {
  position: relative;
  opacity: 1;
  display: block;
  float: left;
  top: 245px;
  left: 410px;
  font-family: "relative-bold-italic";
  font-size: 75px;
  font-style: italic;
  font-weight: bold;
}

.QRCode_ExportTemplate {
  background-size: 100% 100%;
  height: 1952px;
  display: block;
  margin-top: 0x;
  width: 100%;
}

.QRCode_Tablecard2_Customize_Page1 {
  background: url(../../Images/NewUI/QRCode_CompanyTemplateTablecard2_1.svg) center center no-repeat;
}

.QRCode_Tablecard2_Customize_Page2 {
  background: url(../../Images/NewUI/QRCode_CompanyTemplateTablecard2_2.svg) center center no-repeat;
}

.QRCode_Tablecard2_MenuCardOnly_Page1 {
  background: url(../../Images/NewUI/MASTER_Menucardonly_front.svg) center center no-repeat;
}

.QRCode_Tablecard2_MenuCardOnly_Page2 {
  background: url(../../Images/NewUI/MASTER_Menucardonly_back.svg) center center no-repeat;
}

.QRCode_Tablecard2_Shop_Page1 {
  background: url(../../Images/NewUI/MASTER_Shop_front.svg) center center no-repeat;
}

.QRCode_Tablecard2_Shop_Page2 {
  background: url(../../Images/NewUI/MASTER_Shop_back.svg) center center no-repeat;
}

.QRCode_KniggeTemplateTablecard {
  background: url(../../Images/NewUI/QRCode_KniggeTemplateTablecard.svg) center center no-repeat;
  background-size: 100% 100%;
  height: 1889px;
  display: block;
  margin-top: 0px;
  width: 100%;
}

.QRCode_KniggeTemplateTablecard .QRCodeImg {
  top: 626px;
  left: 200px;
}

.QRCode_KniggeTemplateTablecard .QRCode_Table {
  position: relative;
  opacity: 1;
  display: block;
  float: right;
  top: 234px;
  right: 190px;
  font-family: "relative-bold-italic";
  font-size: 136px;
  font-style: italic;
  /* font-weight: bold; */
}

.QRCode_HereinspaziertTemplateTablecard {
  background: url(../../Images/NewUI/QRCode_HereinspaziertTemplateTablecard.svg) center center no-repeat;
  background-size: 100% 100%;
  height: 1889px;
  display: block;
  margin-top: 0px;
  width: 100%;
}

.QRCode_HereinspaziertTemplateTablecard .QRCodeImg {
  top: 626px;
  left: 200px;
}

.QRCode_HereinspaziertTemplateTablecard .QRCode_Table {
  position: relative;
  opacity: 1;
  display: block;
  float: right;
  top: 236px;
  right: 190px;
  font-family: "relative-bold-italic";
  font-size: 136px;
  font-style: italic;
  /* font-weight: bold; */
}

.QRCode_QRCodeOnly {
  background-size: 100% 100%;
  height: 800px;
  display: block;
  margin-top: 0px;
  width: 100%;
}

.QRCode_QRCodeOnly .QRCodeImg {
  top: 100px;
  left: 185px;
}

.QRCode_HeaderFooter_StickerBig,
.QRCode_HeaderFooter_StickerSmall,
.QRCode_HeaderFooter_TablecardHolder,
.QRCode_HeaderFooter_TablecardDisplay {
  width: 100%;
}

.QRCode_PageTopLeft {
  background: url(../../Images/NewUI/QRCode_Page_TopLeft.png) center center no-repeat;
  background-size: 100% 100%;
  display: inline-block;
}

.QRCode_Page_BottomLeft {
  background: url(../../Images/NewUI/QRCode_Page_BottomLeft.png) center center no-repeat;
  background-size: 100% 100%;
  display: inline-block;
}

.QRCode_PageTopRight {
  background: url(../../Images/NewUI/QRCode_Page_TopRight.png) center center no-repeat;
  background-size: 100% 100%;
  float: right;
}

.QRCode_Page_BottomRight {
  background: url(../../Images/NewUI/QRCode_Page_BottomRight.png) center center no-repeat;
  background-size: 100% 100%;
  float: right;
}

.QRCode_HeaderFooter_StickerBig .QRCode_PageTopLeft,
.QRCode_HeaderFooter_StickerBig .QRCode_Page_BottomLeft,
.QRCode_HeaderFooter_StickerBig .QRCode_PageTopRight,
.QRCode_HeaderFooter_StickerBig .QRCode_Page_BottomRight {
  width: 69px;
  height: 69px;
}

.QRCode_HeaderFooter_StickerSmall .QRCode_PageTopLeft,
.QRCode_HeaderFooter_StickerSmall .QRCode_Page_BottomLeft,
.QRCode_HeaderFooter_StickerSmall .QRCode_PageTopRight,
.QRCode_HeaderFooter_StickerSmall .QRCode_Page_BottomRight {
  width: 105px;
  height: 105px;
}

.QRCode_HeaderFooter_TablecardHolder .QRCode_PageTopLeft,
.QRCode_HeaderFooter_TablecardHolder .QRCode_Page_BottomLeft,
.QRCode_HeaderFooter_TablecardHolder .QRCode_PageTopRight,
.QRCode_HeaderFooter_TablecardHolder .QRCode_Page_BottomRight {
  width: 92px;
  height: 92px;
}

.QRCode_HeaderFooter_TablecardDisplay .QRCode_PageTopLeft,
.QRCode_HeaderFooter_TablecardDisplay .QRCode_Page_BottomLeft,
.QRCode_HeaderFooter_TablecardDisplay .QRCode_PageTopRight,
.QRCode_HeaderFooter_TablecardDisplay .QRCode_Page_BottomRight {
  width: 92px;
  height: 92px;
}

.PageBreakAuto {
  page-break-after: auto;
}

.LiveTemplate .LiveTemplateItmeTableFullWidth .borderBottom,
quotationcreate-49107 .LiveTemplate .LiveTemplateItmeTableFullWidth tbody tr:last-child td:not(:first-child):not(:last-child),
quotationcreate-49105 .LiveTemplate .LiveTemplateItmeTableFullWidth tbody tr:last-child td:not(:first-child):not(:last-child) {
  border-bottom: 1px solid !important;
}

.ui-dialog.ui-widget.ui-widget-content.smallDialog {
  width: 400px;
  height: 200px;
}

#companySelect.ui-dialog.ui-widget.ui-widget-content {
  height: 143px;
}

.PageBreakAlways {
  page-break-after: always;
}

.grid .multiselectbox select.MediumHeight {
  height: 160px;
}

.ione-dialog .addressChangePopup .removePhone {
  margin-top: 0px !important;
}

.SaveColumns.saveColumnsPopup.LiveTemplateItemSettings {
  background: url(../../Images/NewUI/op_scr_column_setting_green.svg) center center no-repeat;
  background-size: 25px 25px;
  position: relative !important;
  display: inline-block;
  font-size: 0px !important;
  width: 25px;
  height: 25px;
}

.DiscountDropDown select {
  width: 15px !important;
}

quotationcreate-49105 .SaveColumns.saveColumnsPopup.LiveTemplateItemSettings,
quotationcreate-49105 .searchbox a.Settings.smallsettingbtn,
quotationcreate-49107 .SaveColumns.saveColumnsPopup.LiveTemplateItemSettings,
quotationcreate-49107 .searchbox a.Settings.smallsettingbtn {
  display: none;
}

quotationcreate-49105 .LiveTemplate .LiveTemplateItmeTableFullWidth td,
quotationcreate-49107 .LiveTemplate .LiveTemplateItmeTableFullWidth td {
  padding-top: 5px;
}

.ql-editor {
  min-height: 175px !important;
}

.ql-editor p {
  float: none !important;
}

.NewsDiv ngui-auto-complete {
  left: -205px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.inventoryCorrectionItemPopup {
  width: 1500px;
  min-height: 600px;
  left: calc(10%);
  top: calc(25%);
  z-index: 9999 !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.itemStockStorageLocation {
  width: 900px;
  /* min-height: 350px; */
  left: calc(10%);
  top: calc(25%);
  z-index: 9999 !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.inventoryCorrectionItemPopup .EditBottomNavNew,
.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog-accountSmallPopup .EditBottomNavNew,
.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialogPrint .EditBottomNavNew,
.ParameterEditDialog .EditBottomNavNew,
.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog-WorkStep .EditBottomNavNew {
  position: absolute;
}

.UC49107 .LiveTemplate .Preview input[type="text"],
.UC49107 .Preview textarea,
.Preview select,
.UC49107 .editableName textarea,
.IONETheme.UC49107 .LiveTemplate .Preview input[type="text"],
.IONETheme.UC49107 .LiveTemplate .Preview textarea,
.IONETheme.UC49107 .LiveTemplate .Preview select,
.IONETheme.UC49107 .LiveTemplate .editableName textarea,
quotationcreate-49105 .LiveTemplate .Preview input[type="text"],
quotationcreate-49105 .Preview textarea,
.Preview select,
quotationcreate-49105 .editableName textarea,
.IONETheme quotationcreate-49105 .LiveTemplate .Preview input[type="text"],
.IONETheme quotationcreate-49105 .LiveTemplate .Preview textarea,
.IONETheme quotationcreate-49105 .LiveTemplate .Preview select,
.IONETheme quotationcreate-49105 .LiveTemplate .editableName textarea {
  font-size: 12pt !important;
  font-family: Calibri, Arial, Segoe UI, Helvetica, sans-serif !important;
}

.UC49107 .LiveTemplate .Preview td.topRightHeader,
.UC49107 .LiveTemplate .Preview td.topRightHeader td,
.UC49107 .LiveTemplate .Preview td.topRightHeader td input[type="text"],
.UC49107 .LiveTemplate .Preview td.topRightHeader td textarea,
.UC49107 .LiveTemplate .Preview td.topRightHeader td select,
.UC49107 .prePostNote {
  font-family: Calibri, Arial, Segoe UI, Helvetica, sans-serif !important;
}

.UC49107 .prePostNote {
  font-size: 12pt !important;
}

.UC49107 .LiveTemplate .Preview td,
.UC49107.AngularVersion .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth tbody tr td,
.UC49107 .Preview .editablePreNotes.editable.editableContent {
  font-family: Calibri, Arial, Segoe UI, Helvetica, sans-serif !important;
}

.UC49107 .LiveTemplate .Preview input[type="text"],
.UC49107 .Preview textarea,
.UC49107 .Preview select,
.UC4910749107 .editableName textarea,
.IONETheme.UC49107 .LiveTemplate .Preview input[type="text"],
.IONETheme.UC49107 .LiveTemplate .Preview textarea,
.IONETheme.UC49107 .LiveTemplate .Preview select,
.IONETheme.UC49107 .LiveTemplate .editableName textarea {
  font-family: Calibri, Arial, Segoe UI, Helvetica, sans-serif !important;
}

.imageContainer {
  position: relative;
  width: auto;
  height: 100px;
  float: left;
}

.imageContainer .ChkBoxCnt {
  position: absolute !important;
  right: -16px !important;
  top: -4px !important;
}

.borderedTable {
  border-collapse: collapse;
  font-weight: bold !important;
}

.borderedTable td,
.borderedTable th {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px !important;
  font-weight: bold !important;
}

.borderedTable td input,
.borderedTable th input {
  font-weight: bold !important;
}

.paddingNone td,
.borderedTable th {
  padding: 0px !important;
}

.borderedTable td.noBorder,
.borderedTable th.noBorder {
  border: 0px;
}

.borderedTable td.paddingNone,
.borderedTable th.paddingNone {
  padding: 0px !important;
}

.ListDataCnt .LargeLeftSearch .FlatSearchCnt {
  width: 510px;
}

.LargeLeftSearch .SearchTitle {
  width: 490px;
}

.LargeLeftSearch div.leftformelement .txtBox {
  width: 455px;
}

.LargeLeftSearch .SearchTitle table td:nth-child(2) .SearchTitleSpan {
  width: 405px;
}

.IONETheme .LargeLeftSearch .MrgnBtm10Preceding.searchFooter .BtnSearch {
  width: 490px;
  max-width: 490px;
}

.ContactListGuest {
  text-align: center;
  padding-top: 15px;
}

.IONETheme.DarkTheme .ContactListGuest h1 {
  color: white;
}

.spanBankDetailHidden {
  display: none;
}

.spanPaymentMethodHidden {
  display: none;
}

.disabledSelect {
  color: #9c9e9f !important;
}

.PageBreakInsideAvoid {
  page-break-inside: avoid;
}

/*.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: attr(data-value) !important;
} */

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value]::before {
  content: attr(data-value) !important;
}

td.topRightHeader table {
  width: 100% !important;
}

.liveTemplateHeader {
  width: 100% !important;
}

.darkFont,
.IONETheme .Preview label.darkFont {
  color: #000 !important;
}

.MenuCard .HeaderClass {
  width: 100%;
  height: auto;
  max-height: 457px;
}

.MenuCard .AvtarImg {
  position: absolute !important;
  width: 140px !important;
  height: 140px !important;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
  border-radius: 50%;
  justify-content: center;
  background-color: #e4e5e7;
}

.MenuCard .AvtarDiv {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}

.MenuCard .MuiAvatar-img {
  color: transparent;
  width: 100%;
  height: 100%;
  object-fit: cover;
  text-align: center;
  text-indent: 10000px;
  border-radius: 50%;
}

.MenuCard .BranchSelection {
  padding-top: 10px;
}

.MenuCard .MenuItems .DetailAccordianCnt .AccTitle {
  padding: 11.5px 10px !important;
}

.MenuCard .MenuItems .AccTitle {
  background-color: #e6e6e6 !important;
  height: 28px;
}

.LiveTemplate.MenuCard .Preview .MenuItems .AccTitle .txtbox {
  width: 300px !important;
  padding-left: 10px;
}

.MenuCard .MenuItems .AccTitle span {
  float: right !important;
  margin: 2px 0 0 0px !important;
  padding: 0 0 0 24px !important;
}

.MenuCard .FilterCnt {
  padding-top: 10px;
}

.Filters {
  width: 100%;
  margin: 100px 0 10px 0;
  text-decoration: underline;
}

.Filters span {
  padding-right: 20px;
  font-size: 15px;
  font-weight: 500;
}

.Filters .AddRow {
  margin-top: -40px !important;
}

.CategorySelect {
  float: left;
}

.MenuCard .MenuItems .DetailAccordianCnt {
  width: 94%;
  float: left;
}

.MenuCard .Container {
  position: relative;
}

.ImageContainer {
  position: relative;
}

.ImageContainer .overlayText.centerBottom {
  margin-top: 5px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.MenuCard .MenuHeader .Banner,
.MenuCard .CategoryHeader {
  background-color: #e4e5e7;
  height: 457px;
}

.overlayText {
  position: absolute;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: gray;
}

.MenuCard .MenuHeader .Banner .overlayText.centered {
  font-size: 77px;
}

.MenuCard .CategoryHeader .overlayText.centered {
  font-size: 70px;
}

.MenuCard .MenuHeader .Banner .overlayText.bottom-right,
.MenuCard .CategoryHeader .overlayText.bottom-right {
  font-size: 18px;
}

.MenuCard .MenuHeader .AvtarDiv .overlayText {
  font-size: 25px;
}

.MenuCard .MenuHeader .Container .centered,
.MenuCard .Container.CategoryHeader .centered,
.MenuCard .itemImage .centered {
  top: 50%;
  left: 50%;
}

.MenuCard .MenuHeader .Container .bottom-right {
  bottom: -5px;
  right: -45px;
}

.MenuCard .Container.CategoryHeader .bottom-right {
  bottom: -5px;
  right: -45px;
}

.MenuCard .MenuHeader .AvtarDiv .overlayText.bottom-center {
  top: 82px;
  right: 42%;
  font-size: 15px;
}

.MenuCard .image-upload>input {
  display: none;
}

.MenuCard .image-upload {
  position: absolute;
  top: 1px;
  right: 1px;
}

.MenuCard .image-upload img {
  width: 30px;
  height: 30px;
}

.MenuCard .itemImage {
  width: 100px;
  height: 100px;
  background-color: #e4e5e7;
}

.MenuCard .itemImage .overlayText {
  font-size: 18px;
  text-align: center;
  width: 100%;
}

.MenuCard .itemImage .overlayText.bottom-center {
  top: 105px;
  left: 50%;
  font-size: 12px;
}

.insideTable {
  width: 100%;
}

.insideTable td {
  padding-top: 0px !important;
}

.ItemCategoryImage {
  width: 100%;
  height: 100%;
}

.BannerImagePlaceHolder {
  width: 100%;
  height: auto;
  max-height: 300px;
}

.LiveTemplateItemDescription {
  min-height: 20px !important;
}

td label.TaxTotalList span {
  left: -4px !important;
}

.Letter .prePostNote.Text {
  min-height: 300px;
  min-width: 786px;
}

.LiveTemplate .Preview td .ProtocolDocumentContainerDiv .ng2-datetime-picker-wrapper input[type="text"] {
  padding-bottom: 0px !important;
}

.FullPageCenterImg {
  border: 0px;
  text-align: center;
  padding-top: 12px;
}

.FullPageCenterImg img {
  width: 710px;
  height: 710px;
  display: inline-block;
  vertical-align: middle;
}

.LiveTemplate .Preview .ProtocolDocumentContainerDiv td .ng2-datetime-picker-wrapper input[type="text"] {
  padding-bottom: 0px !important;
  display: inline-block !important;
  font-family: Segoe UI, Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
}

.showEdit {
  text-align: end;
}

.LightTheme .showEdit .EditRecord {
  background: url(../../Images/NewUI/LightTheme/op_grid_view-edit.svg) center center no-repeat !important;
  background-size: 30px 30px !important;
  height: 30px;
  width: 30px;
}

.spinner {
  display: none;
}

.ScanOrder .CheckTable {
  border: 5px white solid;
  padding: 10px;
}

.DeliveryIndex .CheckTable,
.ScanOrder .CheckTable {
  border-radius: 10px;
  margin-bottom: 25px;
}

.DeliveryIndex .CheckTable tr td {
  border: 5px white solid;
  border-radius: 10px;
  font-size: 20px;
}

.DeliveryIndex .DeliveryStatus_1 {
  color: red;
}

.DeliveryIndex .AddRecord,
.DeliveryIndex .EditRecord,
.DeliveryIndex .DeleteRecord,
.DeliveryIndex .editSavePDFOrder {
  background-size: 60px !important;
  width: 60px;
  height: 60px;
  float: right;
}

.DeliveryIndex .AddRecord {
  width: 100%;
  display: block;
  text-align: center;
}

.DeliveryIndex .DeleteRecord {
  margin-left: 0px !important;
}

.DeliveryIndex .SuccessDiv {
  border: 5px #00a970 solid;
  color: #00a970;
  font-size: 26px;
  margin: 20px;
  padding: 20px;
  text-align: center;
}

partialinvoice-create customerorder-rhs .LinkedObject {
  width: 180px;
}

.expandCollapseDiv {
  background: rgba(0, 169, 112, 0.9) url(../../Images/NewUI/op_previous.svg) center center no-repeat;
  margin-top: 20px;
  margin-left: 3px;
  height: 61px;
  vertical-align: middle;
  width: 25px;
  background-size: 30px 30px !important;
  cursor: pointer;
  margin-top: 110px;
  position: absolute;
  z-index: 999;
  opacity: 0.8;
}

.expandCollapseDiv.Collapsed {
  background: rgba(0, 169, 112, 0.9) url(../../Images/NewUI/op_next.svg) center center no-repeat;
}

.PartialInvoiceTable tbody tr td.internalTD {
  min-width: 25px;
}

.IONETheme .AngularApp partialinvoice-create .LinkedObject:not(.NewsChatPopup) {
  margin: 262px 3px 20px 0 !important;
}

partialinvoice-create .RHS .expandCollapseDiv {
  margin-top: 262px;
  margin-left: 0;
  height: 60px;
  width: 15px;
}

partialinvoice-create ione-grid-default>div {
  position: relative;
}

partialinvoice-create ione-grid-default .SaveColumns {
  right: 5px !important;
}

fieldset {
  border: none;
}

.disabledForm .ui-datepicker-trigger {
  display: none !important;
}

.LiveTemplate .LiveTemplateReceiptTableFullWidth {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

.LiveTemplate .LiveTemplateReceiptTableFullWidth .borderBottom {
  border-bottom: 1px solid !important;
}

.LiveTemplate .LiveTemplateReceiptTableFullWidth td {
  padding-top: 10px;
}

.CashBookEntry .attachmentList {
  width: 400px;
  height: 300px;
  margin-left: 0px !important;
}

.CashBookEntry .attachmentList img {
  width: 250px;
  height: 250px;
}

div.row.standard.displayInline {
  display: flex !important;
}

.ql-snow.ql-toolbar button.ql-showHtml,
.ql-snow .ql-toolbar button.ql-showHtml {
  background: url("../../Images/NewUI/LightTheme/htmlsource.png") no-repeat scroll 0 0 transparent !important;
  cursor: pointer;
  height: 18px;
  padding-bottom: 0px !important;
  /* width: 17px; */
  background-size: 18px !important;
}

/* button.ql-showHtml:after {
   content: "ShowHtml";  
} */

/* Set dropdown font-families */
/* .ql-snow .ql-picker.ql-font, .ql-bubble .ql-picker.ql-font {
#container #toolbar-container.ql-toolbar {
    padding: 10px;
  }
width: 130px;
} */

/*https://stackoverflow.com/questions/43728080/how-to-add-font-types-on-quill-js-with-toolbar-options/53487445#53487445 */

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="calluna"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="calluna"]::before {
  content: "Calluna";
  font-family: "calluna";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="sans-serif"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="sans-serif"]::before {
  content: "Sans-Serif";
  font-family: "sans-serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="din-2014-narrow"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="din-2014-narrow"]::before {
  content: "din-2014-narrow";
  font-family: "din-2014-narrow";
}

.ql-font-calluna {
  font-family: "calluna";
}

.ql-font-sans {
  font-family: "sans-serif";
}

.ql-font-din {
  font-family: "din-2014-narrow";
}

/* Cookie Consent Styles Starts */
#cookie-notice {
  position: fixed;
  min-width: 100%;
  height: auto;
  z-index: 100000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  left: 0;
  text-align: center;
  font-weight: 400;
  bottom: 0;
  animation-name: fadeIn;
  box-sizing: border-box;
  display: block;
}

#cookie-notice * {
  box-sizing: border-box;
}

#cookie-notice .cookie-notice-container {
  display: block;
  color: #fff;
  box-sizing: border-box;
  padding: 15px 30px;
  width: 100%;
  font-family: relative-bold-italic;
}

#cn-accept-cookie {
  background: #00a970;
  color: white;
  text-decoration: none;
  padding: 8.5px 10px;
  line-height: 1;
}

.cn-buttons-container {
  display: block;
  line-height: 40px;
}

.cn-text-container {
  margin: 0 0 6px 0;
  display: block;
}

.cn-close-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  opacity: 0.5;
  padding: 10px;
  outline: 0;
}

.cn-close-icon:before {
  transform: rotate(45deg);
}

.cn-close-icon:after {
  transform: rotate(-45deg);
}

.cn-close-icon:after,
.cn-close-icon:before {
  position: absolute;
  content: " ";
  height: 15px;
  width: 2px;
  top: 3px;
  background-color: #fff;
}

/* Cookie Consent Styles Ends*/
.pageBreakWrapper {
  width: 100%;
  padding: 0px;
  width: 100%;
  color: rgba(0, 0, 0, 0.2);
  vertical-align: middle !important;
}

.pageBreakWrapper td {
  padding: 0px !important;
  margin: 0px !important;
  vertical-align: middle !important;
}

.pageBreakWrapper label {
  font-size: 15px;
  vertical-align: middle !important;
}

.pageBreakWrapper hr {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  vertical-align: top !important;
}

span.totalOptional {
  display: inline-block !important;
  width: calc(100% - 21px) !important;
}

.ql-snow .ql-editor {
  background-color: white;
  overflow: visible;
  box-sizing: border-box;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  border: 1px solid #ccc;
}

.ExportVoucherCode {
  font-size: 60px;
  color: black;
  top: 45%;
  left: 40%;
  text-align: center;
  position: absolute;
  height: 800px;
}

ngb-typeahead-window .dropdown-item.active,
ngb-typeahead-window .dropdown-item:active {
  background-color: #ccc !important;
  color: inherit;
}

ngb-typeahead-window .dropdown-item {
  color: black !important;
  white-space: normal;
  padding: 2px 5px;
  border: 0px;
  border-bottom: 1px solid #eee;
  width: 100%;
  text-align: left;
  background: rgba(255, 255, 255, 0.75) !important;
  line-height: 20px;
}

ngb-typeahead-window.dropdown-menu.show {
  width: 100%;
  z-index: 100;
  border: 1px solid #ccc;
}

ngb-typeahead-window.dropdown-menu {
  overflow: auto;
  height: 180px;
  background: white !important;
}

ngb-typeahead-window.dropdown-menu.gridAutocompleteList {
  overflow: auto !important;
  position: fixed !important;
  width: 280px !important;
  height: 180px !important;
}

#ngb-live {
  display: none;
}

#TaskMaterialTable {
  max-height: none !important;
}

.HideRoleCheckboxArea {
  visibility: hidden;
  height: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}

.ReadOnlyRole .ToolTipButtonDiv {
  top: -5px;
}

.gauge-chart {
  text-align: center;
}

.gauge-chart span:first-child {
  margin-top: 30px;
}

.IONETheme.LightTheme .SearchDataCnt.FormElement.InventoryAccuracyChart {
  box-shadow: none !important;
  margin-left: -215px;
}

.IONETheme.LightTheme .SearchDataCnt.FormElement.TotalInventoryChart {
  box-shadow: none !important;
  margin-top: 0px;
}

.TotalInventoryChart #iOneLineChart {
  width: 100%;
  margin-top: -35px;
}

.TotalInventoryChart #iOneLineChart rect[width="880"][height="380"],
.TotalInventoryChart #iOneLineChart rect[width="680"][height="380"] {
  fill: transparent;
}

warehouse-overview-dashboard .mat-grid-tile .mat-figure,
warehouse-overview-dashboard .mat-grid-tile .mat-grid-tile-content {
  margin-left: 10px !important;
  margin-right: 10px !important;
  margin-top: 10px !important;
  height: 95% !important;
}

.mat-grid-tile.DashboardTile .mat-figure .grid-tile-title {
  margin-top: 5px !important;
  margin-bottom: 5px;
}

.IONETheme .DashboardTile .ListDataCnt {
  margin-top: -20px;
}

.mat-grid-tile #SearchResutNav,
.mat-grid-tile-content #SearchResutNav {
  height: inherit !important;
}

inventory-accuracychart ione-search form

/* ,totalinventorychart ione-search form */
  {
  min-width: 213px;
}

totalinventorychart .SearchDataBox {
  overflow-y: hidden;
}

.WarehouseOverviewDashboard .mat-grid-tile .mat-figure {
  margin-left: 10px !important;
  margin-right: 10px !important;
  margin-top: 10px !important;
  height: 95% !important;
}

.WarehouseOverviewDashboard table.display thead tr {
  height: 40px;
}

.WarehouseOverviewDashboard table.display tr {
  height: 30px;
}

.WarehouseOverviewDashboard .footer .recordCount {
  padding-top: 10px;
}

.WarehouseOverviewDashboard .slidecontainer {
  margin-top: 0px;
}

.WarehouseOverviewDashboard .SearchResultBottomNav a,
.WarehouseOverviewDashboard .SaveSearchFields,
.WarehouseOverviewDashboard .SearchFormCnt input.BtnSearch,
.WarehouseOverviewDashboard .SearchFormCnt input.BtnDelete,
.WarehouseOverviewDashboard .SearchTitle,
.WarehouseOverviewDashboard .searchFooter {
  height: 40px;
}

.inventoryChartTitle {
  margin-top: 20px;
  text-align: center;
}

.QRCode_CompanyTemplateTableCard3 {
  background: url(../../Images/NewUI/QRCode_CompanyTemplateTablecard3.svg) center center no-repeat;
  background-size: 100% 100%;
  height: 1982;
  width: 100%;
  display: block;
  margin-left: 2px;
  position: fixed;
}

.BesserEsserTableCardV3_MainContainer {
  width: 510px;
  height: 479px;
  float: left;
  border: 1px solid transparent;
}

.BesserEsserTableCardV3_MainContainer .QRCodeImg {
  width: 150px;
  height: 150px;
  z-index: 1;
  left: 196px;
  top: 193px;
}

.BesserEsserTableCardV3_MainContainer.Seq_1,
.BesserEsserTableCardV3_MainContainer.Seq_2 {
  height: 508px;
}

.BesserEsserTableCardV3_MainContainer.Seq_7,
.BesserEsserTableCardV3_MainContainer.Seq_8 {
  height: 506px;
}

.BesserEsserTableCardV3_MainContainer .BesserEsserTableCardV3_2 .QRCodeImg {
  left: 165px;
  top: 193px;
}

.BesserEsserTableCardV3_MainContainer .BesserEsserTableCardV3_3 .QRCodeImg,
.BesserEsserTableCardV3_MainContainer .BesserEsserTableCardV3_5 .QRCodeImg {
  left: 196px;
  top: 165px;
}

.BesserEsserTableCardV3_MainContainer .BesserEsserTableCardV3_4 .QRCodeImg,
.BesserEsserTableCardV3_MainContainer .BesserEsserTableCardV3_6 .QRCodeImg {
  left: 165px;
  top: 165px;
}

.BesserEsserTableCardV3_MainContainer .BesserEsserTableCardV3_7 .QRCodeImg {
  left: 195px;
  top: 165px;
}

.BesserEsserTableCardV3_MainContainer .BesserEsserTableCardV3_8 .QRCodeImg {
  left: 165px;
  top: 165px;
}

.QuickTimeLog .ListDataCnt .SearchDataBox {
  width: 97%;
}

/*
====================
mainbox start here
====================
*/

body.ScannerThemeVersion {
  background: #fff !important;
}

.ScannerThemeVersion .mainbox {
  /* width: 100%; */
  padding: 100px 10% 100px;
  background: #fff;
  margin-bottom: 15px;
}

.ScannerThemeVersion .scan-action {
  padding-top: 0;
  margin-left: -4px;
}

.ScannerThemeVersion .mainbox h2 {
  font-size: 24px;
  color: #363636;
  background: #01f595;
  border: 1px solid #38e1a0;
  border-radius: 0 0 28px 28px;
  font-weight: 600;
  text-align: center;
  padding: 10px 0;
  font-family: "Montserrat", sans-serif;
}

.ScannerThemeVersion .mainbox ul {
  margin: 45px 0;
  list-style-type: none;
}

.ScannerThemeVersion .mainbox ul li a {
  font-size: 20px;
  color: #343434;
  background: #fff;
  border: 1px solid #999999;
  border-radius: 12px;
  font-weight: 600;
  text-align: left;
  padding: 37px;
  display: flex;
  margin-bottom: 15px;
  text-decoration: none;
  transition: all 0.2s ease;
  align-items: center;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

.ScannerThemeVersion .mainbox ul li:last-child a {
  margin-bottom: 0px;
}

.ScannerThemeVersion .mainbox ul li a i {
  font-size: 28px;
  color: #01f595;
  margin-right: 15px;
}

.ScannerThemeVersion .mainbox ul li a:hover {
  color: #fff !important;
  background: #343434 !important;
}

.ScannerThemeVersion .mainbox ul li a:hover i {
  color: #fff !important;
}

.ScannerThemeVersion .back,
.IONETheme .ScannerThemeVersion .back,
.IONETheme.LightTheme .ScannerThemeVersion .back {
  font-size: 20px;
  color: #fff !important;
  background: #343434;
  border: 1px solid transparent;
  border-radius: 8px;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease;
  width: calc(100% - 60px);
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  bottom: 20px;
  position: fixed;
}

.ScannerThemeVersion .back:hover {
  background: #656565;
}

.ScannerThemeVersion barcodescanner-list .back,
.IONETheme .ScannerThemeVersion barcodescanner-list .back,
.IONETheme.LightTheme .ScannerThemeVersion barcodescanner-list .back {
  width: calc(100% - 40px);
}

.ScannerThemeVersion .back.adjust,
.IONETheme .ScannerThemeVersion .back.adjust,
.IONETheme.LightTheme .ScannerThemeVersion .back.adjust {
  bottom: 80px;
}

.ScannerThemeVersion inventorycorrectionscanner .scan-action {
  margin-bottom: 40px;
}

/*
===================
warehouse-booking
===================
*/

.ScannerThemeVersion .back.decline {
  background: #9771a8;
  color: #fff;
  margin-bottom: 30px;
}

.ScannerThemeVersion .back.decline:hover {
  background: #b9a0c5;
  color: #fff;
}

.ScannerThemeVersion .order-details {
  margin: 25px 0 0px;
}

.ScannerThemeVersion .warehouse h4 {
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: 17px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
}

.ScannerThemeVersion .warehouse h3 {
  font-size: 20px;
  color: #343434;
  border: 1px dashed #999999;
  border-radius: 12px;
  font-weight: 600;
  background: #F7F7F7;
  padding: 10px 20px;
  font-family: 'Montserrat', sans-serif;
}

.ScannerThemeVersion .warehouse>a i {
  font-size: 40px;
  color: #01f595;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 35px;
  margin-bottom: 100px;
}

.ScannerThemeVersion .warehouse-booking.mainbox ul li a {
  padding: 25px 35px;
}

/*
========
Order
========
*/

.ScannerThemeVersion .order {
  margin-bottom: 0;
  padding-bottom: 60px;
}

.ScannerThemeVersion .order-info {
  font-size: 20px;
  color: #343434;
  border: 1px solid #999999;
  border-radius: 12px;
  font-weight: 600;
  background: #f7f7f7;
  padding: 25px 20px;
  margin-top: 12px;
  position: relative;
}

.ScannerThemeVersion .order-info a {
  font-size: 24px;
  color: #343434;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 25px;
}

.ScannerThemeVersion .order-info h4 {
  padding-left: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 14px;
}

.ScannerThemeVersion .order-info p {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
}

.ScannerThemeVersion .order-info p:last-child {
  margin-bottom: 0px;
}

.ScannerThemeVersion .mainbox ul li a i.pos-icn {
  font-size: 20px;
  margin-left: 23px;
  margin-top: -30px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
}

.ScannerThemeVersion .mainbox ul li a:hover i.pos-icn {
  color: #fff;
  background: #343434;
}

/*
=================
Responsive area
=================
*/

@media screen and (max-width: 767px) {
  .ScannerThemeVersion .mainbox {
    padding-left: 5%;
    padding-right: 5%;
  }

  .IONETheme .SupportForm .LoginBox {
    width: 100%;
  }

  .IONETheme .SupportForm .EditContainer table tr td.BrdrRight {
    padding-right: 10px;
  }

  .SupportForm .FLeft {
    float: none;
  }

  .SupportForm .standard .large {
    width: 100% !important;
  }

  .SupportForm .standard .large textarea {
    width: 100% !important;
  }

  .SupportForm .grid {
    padding: 0 20px 0 20px !important;
  }
}

.ScannerThemeVersion .MainFrame {
  border-spacing: 0px;
}

/* .ScannerThemeVersion tr>td:first-child,
.ScannerThemeVersion .MainFrame_1_Td.third_td {
  display: none;
} */

.ScannerThemeVersion .MainFrame_2_Td {
  padding: 0 !important;
}

.ScannerThemeVersion .warehouse .order-details .ScanTxtBox {
  font-size: 20px !important;
  color: #343434 !important;
  border: 1px dashed #999999;
  border-radius: 12px;
  font-weight: 600;
  background: #f7f7f7;
  padding: 10px 20px;
  width: calc(100% - 40px);
  box-shadow: none;
  font-family: "Montserrat", sans-serif !important;
}

.ScannerThemeVersion .warehouse .order-details .ScanTxtBox[disabled] {
  opacity: 0.6;
}

.ScannerThemeVersion .ScanTxtSelectBox {
  height: auto;
  border: 1px dashed #999999;
  border-radius: 12px;
  background: #F7F7F7 url(../../Images/NewUI/LightTheme/op_ctrl_pull-down.png) right 20px no-repeat !important;
}

.ScannerThemeVersion .ScanTxtSelect {
  font-size: 20px !important;
  color: #343434 !important;
  font-weight: 600;
  padding: 10px 20px;
  width: calc(100% - 0px);
  box-shadow: none;
  font-family: 'Montserrat', sans-serif !important;
  border: 0;
  border-radius: 0;
  background: none;
}

.IONETheme .ScannerThemeVersion .AngularApp .ui-datepicker-trigger {
  top: 9px;
  right: 5px;
}

.ScannerThemeVersion .warehouse h4.Editable {
  margin-bottom: 5px;
  margin-top: 10px;
}

.IONETheme .ScannerThemeVersion .msgBox .alert-danger,
.IONETheme .ScannerThemeVersion #ui_notifIt.error,
.IONETheme .ScannerThemeVersion .msgBox .alert-success,
.IONETheme .ScannerThemeVersion #ui_notifIt.success {
  border-radius: 8px !important;
}

.IONETheme .ScannerThemeVersion .msgBox .alert-danger p,
.IONETheme .ScannerThemeVersion .msgBox .alert-success p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px;
  font-weight: bold;
}

.IONETheme .ScannerThemeVersion .msgBox .alert-success,
.IONETheme .ScannerThemeVersion #ui_notifIt.success {
  background-color: #01F595;
  border: 1px solid #38E1A0;
}

.ScannerThemeVersion .ChkBoxCnt {
  height: 50px !important;
  width: 50px !important;
  margin: -7px 10px 0 0 !important;
}

.ScannerThemeVersion div.FormElementlabelTop .ChkBoxCnt input[type="checkbox"] {
  width: 50px !important;
  height: 50px !important;
}

.ScannerThemeVersion div.FormElementlabelTop .ChkBoxCnt input+label {
  height: 50px !important;
  width: 50px !important;
  margin-top: -50px !important;
  padding-left: 0px !important;
}

.ScannerThemeVersion div.FormElementlabelTop .ChkBoxCnt input+label:before {
  width: 50px;
}

.ScannerThemeVersion .half {
  width: 50%;
  display: inline-block;
}

.ScannerThemeVersion .order-info .MarginTop10px {
  margin-top: 10px;
}

.ScannerThemeVersion .order-info .MarginBottom10px {
  margin-bottom: 10px;
}

.ScannerThemeVersion .order-info .AdjustQuantity {
  min-width: 50px;
  max-width: 100px;
  height: 18px;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: top;
  background-color: white !important;
}

.ScannerThemeVersion .order-info .fa-light {
  cursor: pointer;
}

.ScannerThemeVersion .ScanTxtBox+.ScanTxtBox,
.ScannerThemeVersion .order-info+.ScanTxtBox,
.ScannerThemeVersion .order-info+.EditQuantity,
.ScannerThemeVersion .EditQuantity+.ScanTxtBox {
  margin-top: 12px;
}

.ScannerThemeVersion rebook .order-info a {
  bottom: 25px;
  top: initial;
}

.ScannerThemeVersion .msgBox {
  margin-top: 120px;
  min-height: 66px;
  height: inherit !important;
}

.ScannerThemeVersion .msgBox .alert-danger,
.ScannerThemeVersion .msgBox .alert-success {
  min-height: 66px;
  height: inherit !important;
}

.MinWidth180 {
  min-width: 180px;
}

.mobile div.FormElementlabelTop .ChkBoxCnt,
.mobile div.FormElementlabelTop .ChkBoxCnt input[type="checkbox"],
.mobile div.FormElementlabelTop .ChkBoxCnt input+label:before {
  width: 80px;
}

.mobile div.FormElementlabelTop .ChkBoxCnt input[type="checkbox"] {
  height: 60px;
}

.mobile div.FormElementlabelTop .ChkBoxCnt {
  margin-top: 0px;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1) !important;
}

.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%) !important;
  height: 60px !important;
  line-height: 60px !important;
  font-weight: normal !important;
  font-size: initial !important;
  padding-left: 5px !important;
}

.cdk-drag-placeholder {
  opacity: 0;
}

.cdk-drop-list-dragging .cdkDrag:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1) !important;
}

.SupportForm textarea {
  min-height: 60px;
}

.SupportForm .ng-invalid:not(form) {
  border-left: initial;
}

.SupportForm .SuccessDiv {
  font-size: 26px;
  color: rgba(0, 169, 112, 0.9);
}

.SupportForm .ErrorDiv {
  color: red !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.IONETheme .SupportForm #light {
  top: 115px;
}

.ErrorPageMessage {
  color: red !important;
  font-size: 24px;
  ;
}

.LightTheme .SupportForm .LoginBox .Logo {
  background: url(../../Images/NewUI/log_logo.svg) center center no-repeat;
}

.skillTotal {
  /* padding-top: 5px !important; */
  margin-bottom: 30px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.SprintAddEditResourceDialog {
  min-width: 470px !important;
  width: auto;
  left: calc(50% - 210px);
  top: calc(50% - 187px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.SprintAddEditResourceDialog .ui-dialog-content {
  min-height: 250px !important;

}

.grid .label100 .small label {
  width: 100% !important;
}

label.positiveIndicator::before {
  content: "+" !important;
}

.sprintCapacityPlanning .header,
.sprintResourceView .header {
  font-size: 16px !important;
  margin-top: 40px !important;
}

.sprintCapacityPlanning .grid {
  padding-left: 0px;
}

.sprintCapacityPlanning .header+.borderline,
.sprintResourceView .header+.borderline {
  height: 1px !important;
  border-bottom: 1px solid #C8C8C8 !important;
  margin-top: -10px !important;
  width: 800px;
}

.sprintCapacityPlanning .borderline,
.sprintResourceView .borderline {
  height: 1px !important;
  border-bottom: 1px solid gray !important;
  width: 800px;
}

.sprintCapacityPlanning .AddResource,
.sprintResourceView .AddResource {
  margin-left: 28px !important;
}

.sprintCapacityPlanning .AddResource .addPriceItem,
.sprintResourceView .AddResource .addPriceItem {
  margin-top: -5px !important;
}

.sprintCapacityPlanning .AddResource .addPriceItem+label,
.sprintResourceView .AddResource .addPriceItem+label {
  cursor: pointer;
}

.QRCode_MyTipTouchPoint {
  background: url(../../Images/NewUI/QRCode_MyTipTouchPoint.svg) center center no-repeat;
  background-size: 100% 100%;
  min-height: 1527px;
  width: 100%;
  display: block;
  margin-top: 2px;
  position: fixed;
}


.MyTipTouchPoint_MainContainer {
  width: 182px;
  height: 181.5px;
  float: left;
  border: 1px solid transparent;
}

.MyTipTouchPoint_MainContainer .QRCodeImg {
  width: 94px;
  height: 94px;
  z-index: 1;
  left: 44px;
  top: 43.5px;
}

.MyTipTouchPoint_MainContainer.Seq_1,
.MyTipTouchPoint_MainContainer.Seq_2,
.MyTipTouchPoint_MainContainer.Seq_3,
.MyTipTouchPoint_MainContainer.Seq_4,
.MyTipTouchPoint_MainContainer.Seq_5 {
  height: 213px;
}

.MyTipTouchPoint_MainContainer.Seq_36,
.MyTipTouchPoint_MainContainer.Seq_37,
.MyTipTouchPoint_MainContainer.Seq_38,
.MyTipTouchPoint_MainContainer.Seq_39,
.MyTipTouchPoint_MainContainer.Seq_40 {
  height: 212px;
}

.MyTipTouchPoint_MainContainer.Seq_1 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_2 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_3 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_4 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_5 .QRCodeImg {
  top: 74.5px;
}

.MyTipTouchPoint_MainContainer.Seq_1,
.MyTipTouchPoint_MainContainer.Seq_6,
.MyTipTouchPoint_MainContainer.Seq_11,
.MyTipTouchPoint_MainContainer.Seq_16,
.MyTipTouchPoint_MainContainer.Seq_21,
.MyTipTouchPoint_MainContainer.Seq_26,
.MyTipTouchPoint_MainContainer.Seq_31,
.MyTipTouchPoint_MainContainer.Seq_36 {
  width: 234px;
}

.MyTipTouchPoint_MainContainer.Seq_1 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_6 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_11 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_16 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_21 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_26 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_31 .QRCodeImg,
.MyTipTouchPoint_MainContainer.Seq_36 .QRCodeImg {
  left: 96.5px;
}


.ui-dialog.ui-widget.ui-widget-content.ione-dialog.sprintResourceView {
  width: 1200px !important;
  height: 580px !important;
  max-height: 580px !important;
  left: calc(50vw - 600px);
  top: calc(50vh - 290px);
  padding-bottom: 20px;
}


.disabledResize {
  cursor: none !important;
}

.emptyTicketBox {
  min-height: 80px;
}


/* Copied from quill image uploaded */
.image-uploading {
  position: relative;
  display: inline-block;
}

.image-uploading img {
  max-width: 98% !important;
  filter: blur(5px);
  opacity: 0.3;
}

.image-uploading::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
  border: 3px solid #ccc;
  border-top-color: #1e986c;
  z-index: 1;
  animation: spinner 0.6s linear infinite;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

/* Copied from quill image uploaded - End */

ione-column-chart .DynamicWidth {
  max-width: 800px;
  overflow-x: auto;
  overflow-y: hidden;
}

.instanceExpiryMessage {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 20px;
  color: red;
  margin-bottom: 5px;
}

/* .instanceBuildNumber {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 20px;
  margin-bottom: 5px;
} */

.IONETheme .Lead.Create ::-webkit-input-placeholder {
  color: #A8A8A8;
}


.ql-snow .ql-picker.ql-size .ql-picker-label[data-value]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value]::before {
  content: attr(data-value) !important;
}

textarea.CanResize.SingleLine[style*='height: 29px;'] {
  height: 20px !important;
}

.StockManagement .MainFrame tr td:first-child,
.StockManagement .MainFrame tr td.MainFrame_1_Td.third_td {
  display: none;
}

.AngularApp.StockManagement {
  padding: 20px;
}

.MainSection {
  min-height: calc(100vh - 40px);
}

.StockManagement .backToHome {
  font-size: 0;
  height: 20px;
  display: block;
  width: 20px;
  float: right;
  background: url(../../Images/Scanner/Home.svg) right center no-repeat;
  background-size: 20px 20px;
}

.StockManagement .backToMenu {
  font-family: 'Lato-Bold';
  font-size: 18px;
  line-height: 18px;
  color: #000;
  height: 20px;
  display: block;
  float: left;
  background: url(../../Images/NewUI/back.svg) left center no-repeat;
  background-size: 20px 20px;
  width: calc(100% - 20px);
}

.StockManagement .backToMenu span {
  display: inline-block;
  height: 20px;
  margin-left: 20px;
}

.StockManagement .headerSection {
  padding-top: 10px;
  padding-bottom: 10px;
}

.StockManagement .startScanning {
  min-height: 208px;
  text-align: center;
  border-radius: 10px;
  opacity: 1;
  margin-bottom: 20px;
  margin-top: 40px;
  font-family: 'Lato-Black';
  font-size: 25px;
  color: #000;
  background: transparent linear-gradient(240deg, #FFE245 0%, #256D7B 100%) 0% 0% no-repeat padding-box;
  color: #FFF;
  position: relative;
}

.StockManagement .startScanning.ScanDestination {
  background: #256D7B 0% 0% no-repeat padding-box;
  box-shadow: 5px 5px 20px #8FD6E34D;
  border-radius: 10px;
}

.StockManagement .startScanning.ScanItem {
  background: #FFE245 0% 0% no-repeat padding-box;
  box-shadow: 5px 5px 20px #C1EABA4A;
  margin-top: 20px;
  color: #000 !important;
}

.StockManagement .startScanning .label {
  padding-top: 145px;
  padding-bottom: 20px;
}

.StockManagement .startScanning .image {
  width: 83px;
  height: 83px;
  background-image: url('../../Images/Scanner/Scan Circle Full White.svg');
  background-position: center center;
  background-size: 83px;
  background-repeat: no-repeat;
  margin-left: calc(50% - 40px);
  top: 40px;
  position: absolute;
}

.StockManagement .startScanning.ScanItem .image {
  background-image: url('../../Images/Scanner/Scan Circle Full.svg');
}

.Actions a {
  width: calc(100% - 20px);
  display: block;
  height: 107px;
  margin-bottom: 20px;
  line-height: 107px;
  padding-left: 20px;
  background: #EAEAEA 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
  opacity: 1;
  border-radius: 10px;
  font-family: 'Lato-Black';
  font-size: 25px;
  color: #000;
  background-image: url(../../Images/Scanner/Arrow.svg);
  background-position: center right+20px;
  background-size: 30px;
}

.StockManagement .headerName {
  margin-top: 30px;
  font-size: 35px;
  font-family: 'Lato-Black';
  text-decoration: underline;
  margin-bottom: 30px;
  text-underline-position: under;
  color: #000;
}

.IONETheme.LightTheme .StockManagement .scanValue input,
.IONETheme.DarkTheme .StockManagement .scanValue input {
  text-align: center;
  height: 37px;
  padding: 15px 20px;
  margin: 0;
  border: none;
  box-shadow: none !important;
  background: #EAEAEA 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
  font-family: 'Lato-Black' !important;
  font-size: 20px !important;
  color: #000 !important;
  width: calc(100% - 40px);
  margin-bottom: 20px;
}

.IONETheme.LightTheme .StockManagement .scanValue input.storagePlaceTxtBox,
.IONETheme.DarkTheme .StockManagement .scanValue input.storagePlaceTxtBox {}

.StockManagement .items {
  margin: 40px 0 20px 0;
  height: 15px;
  line-height: 15px;
  background: #C1EABA 0% 0% no-repeat padding-box;
  border-radius: 31px;
  opacity: 1;
  width: fit-content;
  padding: 15px 20px;
  font-size: 20px;
  font-family: 'Lato-Black';
  color: #516F44;
}

.StockManagement .itemRow {
  background: #FFE245 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
  position: relative;
  margin-bottom: 20px;
  padding: 26px 20px;
}

.StockManagement .itemRow .innerRow {
  padding: 20px;
}

.StockManagement .itemRow .itemName {
  display: block;
  font-size: 18px;
  font-family: 'Lato-Black';
  color: #000;
  margin-left: 95px;
}

.StockManagement .itemRow .itemName.Qty_Len_4,
.StockManagement .itemRow .itemName.Qty_Len_5 {
  margin-left: 105px;
}

.StockManagement .itemRow .storagePlace {
  font-family: 'Lato-Black';
  font-size: 18px;
  color: #FFF;
  display: block;
  margin-left: 95px;
  margin-bottom: 5px;
  padding: 5px 10px;
  background: #256D7B 0% 0% no-repeat padding-box;
  border-radius: 50px;
  width: fit-content;
}

.StockManagement .itemRow .pieces {
  display: block;
  width: fit-content;
  padding: 5px 10px;
  background: #000000 0% 0% no-repeat padding-box;
  border-radius: 60px;
  opacity: 1;
  color: #FFE245;
  font-family: 'Lato-Black';
  font-size: 18px;
  position: absolute;
  top: calc(50% - 16px);
  left: 20px;
}

.StockManagement .storagePlaceName {
  margin: 40px 0 20px 0;
  height: 15px;
  line-height: 15px;
  border-radius: 31px;
  opacity: 1;
  width: fit-content;
  padding: 15px 20px;
  font-size: 20px;
  font-family: 'Lato-Black';
  color: #256D7B;
  background: #8FD6E3 0% 0% no-repeat padding-box;
}

.StockManagement .storagePlaceId {
  padding: 20px 20px 20px 85px;
  font-family: 'Lato-Black';
  font-size: 20px;
  color: #FFF;
  border-radius: 10px;
  opacity: 1;
  background: #256D7B url('../../Images/Scanner/Storage White.svg') left+20px center no-repeat;
  background-size: 35px 35px;
  height: 35px;
  line-height: 35px;
  margin-bottom: 20px;
}

.StockManagement ::placeholder {
  color: #000 !important;
  opacity: 0.25;
  font-style: normal !important;
}

.StockManagement ::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #000 !important;
  opacity: 0.25;
  font-style: normal !important;
}

.IONETheme.LightTheme .StockManagement .scanValue input.amountTxtBox,
.IONETheme.DarkTheme .StockManagement .scanValue input.amountTxtBox {
  height: 107px;
  line-height: 107px;
  text-decoration: underline;
  text-underline-position: under;
  font-size: 120px !important;
  background: none;
  color: #000 !important;
  text-align: center;
  border-bottom: 4px solid #000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.StockManagement .AmountStep .scanValue {
  background: #FFE245 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 35px;
}

.StockManagement .addItems.button,
.StockManagement .selectDestination.button {
  height: 65px;
  width: 65px;
  background-repeat: no-repeat;
  margin-top: 70px;
  border-radius: 65px;
  background-size: 35px 25px !important;
  box-shadow: 5px 5px 20px #FFE2774D;
}

.StockManagement .addItems.button {
  background: #FFE245 url(../../Images/Scanner/Scan.svg) no-repeat center center;
}

.StockManagement .selectDestination.button {
  background: #256D7B url('../../Images/Scanner/Scan White.svg') no-repeat center center;
}

.StockManagement .buttonContainer,
.StockManagement .labelContainer {
  width: 50%;
  display: inline-flex;
  justify-content: center;
}

.StockManagement .labelContainer {
  margin-top: 5px;
}

.StockManagement .labelContainer label {
  font-size: 18px;
  font-family: 'Lato-Black';
  color: #000;
}

.StockManagement .removeItemRow {
  position: absolute;
  height: 100%;
  width: 40px;
  right: 0;
  top: 0;
  background: #000 0% 0% no-repeat padding-box;
  border-radius: 0px 10px 10px 0px;
  opacity: 1;
  background-position: center center;
  background-image: url('../../Images/Scanner/Cancel Yellow.svg');
  background-repeat: no-repeat;
  background-size: 20px;
}

.StockManagement .changesSaved {
  min-height: 208px;
  text-align: center;
  border-radius: 10px;
  opacity: 1;
  margin-bottom: 20px;
  margin-top: 40px;
  font-family: 'Lato-Black';
  font-size: 25px;
  color: #000;
  background: #09F596 0% 0% no-repeat padding-box;
  box-shadow: 5px 5px 20px #09F5964D;
  border-radius: 10px;
  color: #000;
  position: relative;
}

.StockManagement .changesSaved .label {
  padding-top: 145px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.StockManagement .changesSaved .image {
  width: 83px;
  height: 83px;
  background-image: url('../../Images/Scanner/Check Circle Full White.svg');
  background-position: center center;
  background-size: 83px;
  background-repeat: no-repeat;
  margin-left: calc(50% - 40px);
  top: 40px;
  position: absolute;
}

.StockManagement .MoveStock .changesSaved .image {
  background-image: url('../../Images/Scanner/Check Circle Full Black.svg');
  background-position: center center;
  background-size: 83px;
  background-repeat: no-repeat;
}

.LightTheme .StockManagement .ui-dialog.ui-widget.ui-widget-content.default-confirm-dialogStyle,
.DarkTheme .StockManagement .ui-dialog.ui-widget.ui-widget-content.default-confirm-dialogStyle {
  background: #C1EABA 0% 0% no-repeat padding-box !important;
  border-radius: 10px;
}

.StockManagement .ui-dialog.default-confirm-dialogStyle .ui-dialog-titlebar {
  border-bottom: none !important;
  padding-left: 20px !important;
}

.LightTheme .StockManagement .ui-dialog-title,
.DarkTheme .StockManagement .ui-dialog-title {
  font-family: 'Lato-Bold' !important;
  font-size: 20px !important;
  padding-left: 0px !important;
  line-height: 30px;
  color: #000;
}

.StockManagement .ui-dialog-titlebar-close {
  margin-top: -18px !important;
}

.StockManagement .ui-dialog.default-confirm-dialogStyle .ui-dialog-content #warning_message {
  font-family: 'Lato-Black';
  font-size: 20px !important;
  color: #000;
}

.StockManagement .ConfirmDialogFooterTable td {
  border-top: none !important;
}

.ScannerThemeVersion .StockManagement .msgBox {
  margin-top: 125px;
  width: calc(100vw - 40px) !important;
}

.IONETheme .ScannerThemeVersion .StockManagement .msgBox .alert-danger p,
.IONETheme .ScannerThemeVersion .StockManagement .msgBox .alert-success p {
  font-family: 'Lato-Black' !important;
  color: #000;
}

.StockManagement .scannerError {
  min-height: 208px;
  text-align: center;
  border-radius: 10px;
  opacity: 1;
  margin-bottom: 20px;
  margin-top: 40px;
  font-family: 'Lato-Black';
  font-size: 25px;
  color: #000;
  background: #F5090990 0% 0% no-repeat padding-box;
  box-shadow: 5px 5px 20px #09F5964D;
  border-radius: 10px;
  color: #000;
  position: relative;
}

.StockManagement .scannerError .label {
  padding-top: 145px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.StockManagement .scannerError .image {
  width: 83px;
  height: 83px;
  background-image: url('../../Images/Scanner/Cancel Circle Full White.svg');
  background-position: center center;
  background-size: 83px;
  background-repeat: no-repeat;
  margin-left: calc(50% - 40px);
  top: 40px;
  position: absolute;
}


.ql-editor p {
  color: #000 !important;
}

.LiveTemplate .ServiceTicket.LiveTemplateItmeTableFullWidth td {
  padding: 10px !important;
  vertical-align: middle !important;
}

/* .hierarchicalgrid .impAutoScroll
{
  overflow-x: hidden !important;
} */

/*hierarchicalgrid*/
.IONETheme .AngularApp .hierarchicalgrid .paging_full_numbers {
  padding: 15px !important;
}

.IONETheme .AngularApp .hierarchicalgrid #SearchResutNav {
  margin-bottom: 20px !important;
  height: 60px !important;
}

.hierarchicalgrid .SearchResultBottomNav, .SearchResultBottomNav_OLD {
  margin-top: 20px !important;
}

.hierarchicalgrid .SearchResultBottomNav {
  margin-top: 0px !important;
  margin-bottom: -10px !important;
  padding: 0px !important;
  z-index: initial !important;
}

.IONETheme.LightTheme .hierarchicalgrid .SearchResultBottomNav .listScreenButtonDiv, .IONETheme .hierarchicalgrid .SearchResultBottomNav .listScreenButtonDiv {
  padding: 0px !important;
  top: 0px;
  margin-top: 5px;
  left: 30px;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, .2), 0 2px 2px 0px rgba(0, 0, 0, .14), 0 1px 5px 0px rgba(0, 0, 0, .12) !important;
  z-index: 899 !important;
  position: relative;
  display: inline-block;
}

.hierarchicalgrid .PageTitle {
  padding-left: 2px !important;
  height: 60px !important;
  min-height: 60px !important;
  display: inline-block !important;
  float: left !important;

}

.IONETheme .hierarchicalgrid .SearchResultBottomNav .listScreenButtonDivDropDown a.listScreenButtonDivSplitButton {
  margin-top: 0px !important;
}

.IONETheme .hierarchicalgrid .PageTitle {
  min-height: none !important;
  line-height: 50px !important;
  display: inline-block !important;
  float: left !important;
}

.IONETheme.LightTheme .hierarchicalgrid .SearchResultBottomNav {
  background: rgb(244, 244, 244) !important;
}

.IONETheme.LightTheme .hierarchicalgrid .SearchResultBottomNav.FLeft, .IONETheme .hierarchicalgrid .SearchResultBottomNav.FLeft {
  width: 100% !important;
  position: relative;
}

.LightTheme .hierarchicalgrid .SaveColumns.saveColumnsPopup.FixedPosition, .hierarchicalgrid .SaveColumns.saveColumnsPopup.FixedPosition {
  margin-top: 50px;
}

.IONETheme.LightTheme .hierarchicalgrid .InlineRowButton .SearchResultBottomNav {
  background: rgba(255, 255, 255, 0.5) !important;
}

.IONETheme .hierarchicalgrid .InlineRowButton .SearchResultBottomNav {
  margin: 0px !important;
}

.IONETheme.LightTheme .hierarchicalgrid .InlineRowButton {
  background: rgba(255, 255, 255, 0.5) !important;
}


.IONETheme table.display tr.disableRecordOpen.odd:hover,
.IONETheme table.display tr.disableRecordOpen.even:hover {
  cursor: initial;
}

.IONETheme .ListDataCnt .hierarchicalgrid div::-webkit-scrollbar-thumb {
  background: lightgray !important;
  outline: 1px solid lightgray !important;
  border-radius: 5px !important;
  margin-top: 5px;
}

.IONETheme .ListDataCnt .hierarchicalgrid div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent !important;
  box-shadow: inset 0 0 5px transparent;
  border-radius: 5px !important;
}

.IONETheme .ListDataCnt .hierarchicalgrid div::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
  margin: 8px !important;
}

.hierarchicalgrid .saveColumnDialog table thead th:first-child,
.hierarchicalgrid .saveColumnDialog table td:first-child {
  padding-left: 0px;
}

.hierarchicalgrid .saveColumnDialog table tr {
  height: initial !important;
  background: none !important;
}

.hierarchicalgrid .dataTable th:last-child {
  width: auto !important;
}


.dataTables_wrapper.ChildGrid {
  max-height: 100% !important;
  overflow-y: hidden !important;
}

.hierarchicalgrid table.display thead th:first-child {
  padding: 5px !important;
}

.hierarchicalgrid table.display td:first-child {
  padding-left: 0px !important;
}

/*hierarchicalgrid*/

.linkToExternalAPIDialog {
  width: 600px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium.CreateTaskDialog {
  width: 610px;
  left: calc(50% - 305px);
  top: calc(50% - 187px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium.CreateTaskDialog input.editSave {
  margin-left: 0px !important;
}

.SortedField.DESC {
  background: url(../../Images/NewUI/LightTheme/op_scr_down_arrow.svg) center right+15px no-repeat !important;
  background-size: 20px 20px !important;
}

.SortedField.ASC {
  background: url(../../Images/NewUI/LightTheme/op_scr_up_arrow.svg) center right+15px no-repeat !important;
  background-size: 20px 20px !important;
}

.ioneList .SortedField.DESC {
  background: url(../../Images/NewUI/LightTheme/op_scr_down_arrow.svg) center right no-repeat !important;
  background-size: 20px 20px !important;
  width: fit-content !important;
  padding-right: 25px !important;
}

.ioneList .SortedField.ASC {
  background: url(../../Images/NewUI/LightTheme/op_scr_up_arrow.svg) center right no-repeat !important;
  background-size: 20px 20px !important;
  width: fit-content !important;
  padding-right: 25px !important;
}

.tabCounter {
  position: absolute;
  right: -8px;
  top: 0;
  color: var(--color-6);
  font-weight: bold !important;
}

.medium.col.displaytable {
  display: table;
}

.medium.col.displaytable .ChkBoxCnt.New,
.medium.col.displaytable .LabelInline.VerticleCenter {
  display: table-cell;
  vertical-align: top;
}

.thumbnail {
  margin: 5px;
}


.PlaceOfPerformance {
  width: 80%;
}

.PlaceOfPerformance>td.ExportOnly {
  width: 20%;
}

.attachmentList.Eml_Msg_Viewer {
  width: 100%;
  white-space: break-spaces;
}

.buttonInsideTab {
  height: 70px;
  padding-top: 15px !important;
}

.iOneListColumn {
  overflow: hidden !important;
}

.padleft5 {
  padding-left: 5px !important;
}

.matDatepicker {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}


.IONETheme.LightTheme .CustomerOverviewDashboard table.display thead tr {
  background: none !important
}

.IONETheme.LightTheme .CustomerOverviewDashboard table.display td {
  padding: 7px 0 !important;
  align-content: flex-start !important;
}

.IONETheme.LightTheme .CustomerOverviewDashboard table.display td .banner.red p {
  color: #fff !important;
}

.IONETheme.LightTheme .CustomerOverviewDashboard table.display td.borderBottom {
  border-color: lightgrey !important;
}

.CustomerOverviewDashboard ione-tile:first-child .banner.style3 {
  margin-top: 0px !important;
}

.CustomerOverviewDashboard .search-results {
  height: calc(100vh - 250px);
  max-height: calc(100vh - 250px);
  overflow-y: scroll;
  float: left;
  /* box-shadow: 0 3px 0px -2px rgba(0, 0, 0, 0.1), 0 0px 0px 0 rgba(0, 0, 0, 0.14), 0 -1px 5px 0 rgba(0, 0, 0, 0.2) !important; */
}

.CustomerOverviewDashboard .SearchDataBox {
  padding-top: 10px !important;
}

.circle {
  width: 90px;
  height: 90px;
  background-color: white;
  /* Change the background color as needed */
  border-radius: 50%;
  /* This makes the div a circle */
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle-image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  /* cursor: pointer; */
}

.CustomerOverview .customerImage {
  padding-top: 15px;
}

.CustomerOverview .customerImage .icon {
  width: 80px;
  height: 80px;
}

.SprintBoard .TicketCounter {
  margin: 12px 0px 0px 10px;
}

.SprintBoard .SprintTitle {
  margin: 20px 0px 0 20px;
}

.SprintBoard .EstimationTime {
  margin: 20px 0px 0 20px;
}

.SprintBoard .ResourceView {
  margin: 1px 0px 0 20px;
}

.SprintBoard .LastUpdateTime {
  margin: 20px 0px 0 20px;
}

.Backlogboard .SearchResultBottomNav {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}