.card-view-sec .cv-block,
.card-view-sec .cv-block,
.card-view-sec .cv-block,
.card-view-sec .cv-block {
  position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;
}
.card-view-sec .cv-block {
  float: left;
}
.card-view-sec .cv-block {
  width: 16.66666667%;
}
@media (min-width: 768px) {
  .card-view-sec .cv-block {
    float: left;
  }
  .card-view-sec .cv-block {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .card-view-sec .cv-block {
    float: left;
  }
  .card-view-sec .cv-block {
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .card-view-sec .cv-block {
    float: left;
  }
  .card-view-sec .cv-block {
    width: 50%;
  }
}
.badge.btn-primary,
.bdge-cnt.toph.btn-primary,
.priority-badge.btn-primary {
  color: #fff;background-color: #307ABF;border-color: #2b6dab;
}
.badge.btn-success,
.bdge-cnt.toph.btn-success,
.priority-badge.btn-success {
  color: #fff;background-color: #5cb85c;border-color: #4cae4c;
}
.badge.btn-info,
.bdge-cnt.toph.btn-info,
.priority-badge.btn-info {
  color: #fff;background-color: #5bc0de;border-color: #46b8da;
}
.badge.btn-warning,
.bdge-cnt.toph.btn-warning,
.priority-badge.btn-warning {
  color: #fff;background-color: #f0ad4e;border-color: #eea236;
}
.badge.btn-danger,
.bdge-cnt.toph.btn-danger,
.priority-badge.btn-danger {
  color: #fff;background-color: #D54141;border-color: #cf2e2e;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.moduletour .moduletour-main:before,
.moduletour .moduletour-main:after {
  display: table;content: " ";
}
.form-horizontal .form-group:after,
.moduletour .moduletour-main:after {
  clear: both;
}
/* ----------------------------------------------- */
/* sdp-design-overwrite.less */
/* ----------------------------------------------- */
@media (min-width: 0px) {
  .navbar {
    border-radius: 0px;
  }
}
@media (min-width: 0px) {
  .navbar-header {
    float: left;
    /* do not change to .fl that will apply important thereby causing breakage */
  }
}
@media (min-width: 0px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 0px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 0px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
@media (min-width: 0px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
@media (min-width: 0px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px !important;
  }
}
@media (min-width: 0px) {
  .navbar-toggle {
    display: none;
  }
}
@media (max-width: -1px) {
  .navbar-nav .open .sdmenu-dd {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .sdmenu-dd > li > a,
  .navbar-nav .open .sdmenu-dd .sdmenu-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .sdmenu-dd > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .sdmenu-dd > li > a:hover,
  .navbar-nav .open .sdmenu-dd > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 0px) {
  .navbar-nav {
    float: left;
    /* do not change to .fl that will apply important thereby causing breakage */
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
    /* do not change to .fl that will apply important thereby causing breakage */
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
  }
}
@media (min-width: 0px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
@media (max-width: -1px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 0px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 0px) {
  .navbar-text {
    float: left;
    /* do not change to .fl that will apply important thereby causing breakage */
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0px !important;
  }
}
@media (max-width: -1px) {
  .navbar-default .navbar-nav .open .sdmenu-dd > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .sdmenu-dd > li > a:hover,
  .navbar-default .navbar-nav .open .sdmenu-dd > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .sdmenu-dd > .active > a,
  .navbar-default .navbar-nav .open .sdmenu-dd > .active > a:hover,
  .navbar-default .navbar-nav .open .sdmenu-dd > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .sdmenu-dd > .disabled > a,
  .navbar-default .navbar-nav .open .sdmenu-dd > .disabled > a:hover,
  .navbar-default .navbar-nav .open .sdmenu-dd > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
@media (max-width: -1px) {
  .navbar-inverse .navbar-nav .open .sdmenu-dd > .sdmenu-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .sdmenu-dd .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .sdmenu-dd > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .sdmenu-dd > li > a:hover,
  .navbar-inverse .navbar-nav .open .sdmenu-dd > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .sdmenu-dd > .active > a,
  .navbar-inverse .navbar-nav .open .sdmenu-dd > .active > a:hover,
  .navbar-inverse .navbar-nav .open .sdmenu-dd > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .sdmenu-dd > .disabled > a,
  .navbar-inverse .navbar-nav .open .sdmenu-dd > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .sdmenu-dd > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.listcontrols h2.page-heading,
.listcontrols .h2.page-heading {
  float: left !important;
  margin: 0;
  padding-right: 15px !important;
}
.admin-panel > .h3,
.admin-panel > h3,
.admin-panel .h3.page-heading,
.admin-panel h3.page-heading,
.admin-panel > .content-panel-inner > .h3,
.admin-panel > .content-panel-inner > h3,
.detailview .content-panel-inner > .h3,
.detailview .content-panel-inner > h3,
.detailview .controls,
.h3.new,
h3.new {
  background-color: #F1F1F1;
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
  height: 48px;
}
.admin-panel > .h3:before,
.admin-panel > h3:before,
.admin-panel .h3.page-heading:before,
.admin-panel h3.page-heading:before,
.admin-panel > .content-panel-inner > .h3:before,
.admin-panel > .content-panel-inner > h3:before,
.detailview .content-panel-inner > .h3:before,
.detailview .content-panel-inner > h3:before,
.detailview .controls:before,
.h3.new:before,
h3.new:before,
.admin-panel > .h3:after,
.admin-panel > h3:after,
.admin-panel .h3.page-heading:after,
.admin-panel h3.page-heading:after,
.admin-panel > .content-panel-inner > .h3:after,
.admin-panel > .content-panel-inner > h3:after,
.detailview .content-panel-inner > .h3:after,
.detailview .content-panel-inner > h3:after,
.detailview .controls:after,
.h3.new:after,
h3.new:after {
  display: table;
  content: " ";
}
.admin-panel > .h3:after,
.admin-panel > h3:after,
.admin-panel .h3.page-heading:after,
.admin-panel h3.page-heading:after,
.admin-panel > .content-panel-inner > .h3:after,
.admin-panel > .content-panel-inner > h3:after,
.detailview .content-panel-inner > .h3:after,
.detailview .content-panel-inner > h3:after,
.detailview .controls:after,
.h3.new:after,
h3.new:after {
  clear: both;
}
.admin-panel > .h3:before,
.admin-panel > h3:before,
.admin-panel .h3.page-heading:before,
.admin-panel h3.page-heading:before,
.admin-panel > .content-panel-inner > .h3:before,
.admin-panel > .content-panel-inner > h3:before,
.detailview .content-panel-inner > .h3:before,
.detailview .content-panel-inner > h3:before,
.detailview .controls:before,
.h3.new:before,
h3.new:before,
.admin-panel > .h3:after,
.admin-panel > h3:after,
.admin-panel .h3.page-heading:after,
.admin-panel h3.page-heading:after,
.admin-panel > .content-panel-inner > .h3:after,
.admin-panel > .content-panel-inner > h3:after,
.detailview .content-panel-inner > .h3:after,
.detailview .content-panel-inner > h3:after,
.detailview .controls:after,
.h3.new:after,
h3.new:after {
  display: table;
  content: " ";
}
.admin-panel > .h3:after,
.admin-panel > h3:after,
.admin-panel .h3.page-heading:after,
.admin-panel h3.page-heading:after,
.admin-panel > .content-panel-inner > .h3:after,
.admin-panel > .content-panel-inner > h3:after,
.detailview .content-panel-inner > .h3:after,
.detailview .content-panel-inner > h3:after,
.detailview .controls:after,
.h3.new:after,
h3.new:after {
  clear: both;
}
.admin-panel > .h3,
.admin-panel > h3,
.admin-panel .h3.page-heading,
.admin-panel h3.page-heading,
.admin-panel > .content-panel-inner > .h3,
.admin-panel > .content-panel-inner > h3,
.detailview .content-panel-inner > .h3,
.detailview .content-panel-inner > h3 {
  padding: 15px 15px 12px;
}
div.page-heading:not(.h3) {
  border-bottom: 1px solid #DDD;
  display: table;
  background: #F1F1F1;
  /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(53%, #fdfdfd), color-stop(70%, #F5F5F5), color-stop(100%, #ececec));
  /* Chrome,Safari4+ */
  background: linear-gradient(to bottom, #FFF 0%, #fdfdfd 53%, #F5F5F5 70%, #ececec 100%);
  /* W3C */
  padding: 10px 15px;
  width: 100%;
}
div.page-heading:not(.h3):before,
div.page-heading:not(.h3):after {
  display: table;
  content: " ";
}
div.page-heading:not(.h3):after {
  clear: both;
}
div.page-heading:not(.h3):before,
div.page-heading:not(.h3):after {
  display: table;
  content: " ";
}
div.page-heading:not(.h3):after {
  clear: both;
}
div.page-heading:not(.h3) > .fl,
div.page-heading:not(.h3) > .fr,
div.page-heading:not(.h3) > .h3 {
  display: table-cell;
}
div.page-heading:not(.h3) > *:not(.h3) {
  vertical-align: top;
}
div.page-heading:not(.h3) > .h3 {
  vertical-align: middle;
}
div.page-heading:not(.h3) > .disp-c {
  width: 1%;
}
div.page-heading:not(.h3) h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}
td div.page-heading:not(.h3) {
  border-collapse: separate;
}
.h4,
h4 {
  font-weight: bold;
}
.h5,
h5 {
  font-weight: bold;
  background-color: #EEE;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.h4 hr,
h4 hr,
.h5 hr,
h5 hr,
.h6 hr,
h6 hr {
  margin-top: 6px;
}
.h5 hr,
h5 hr {
  border-color: #c8c8c8;
  margin-left: -15px !important;
  margin-right: -15px !important;
  margin-bottom: -10px;
}
.font-normal,
.nobold,
.control-label.nobold {
  font-weight: normal;
}
.btn-secondary {
  color: #FFF;
  background-color: #7f7f7f;
  border-color: #727272;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #FFF;
  background-color: #666666;
  border-color: #545454;
}
.btn-secondary:hover {
  color: #FFF;
  background-color: #666666;
  border-color: #545454;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .sdmenu-toggle.btn-secondary {
  color: #FFF;
  background-color: #666666;
  background-image: none;
  border-color: #545454;
}
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus {
  background-color: #7f7f7f;
  border-color: #727272;
}
.btn-secondary .badge {
  color: #7f7f7f;
  background-color: #FFF;
}
.btn-link-secondary {
  color: #000;
}
.btn-white {
  color: #333;
  background-color: #FFF;
  border-color: #e8e8e8;
}
.btn-white:focus,
.btn-white.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #c9c9c9;
}
.btn-white:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #c9c9c9;
}
.btn-white:active,
.btn-white.active,
.open > .sdmenu-toggle.btn-white {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #c9c9c9;
}
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled.focus,
.btn-white[disabled].focus,
fieldset[disabled] .btn-white.focus {
  background-color: #FFF;
  border-color: #e8e8e8;
}
.btn-white .badge {
  color: #FFF;
  background-color: #333;
}
.btn-white2 {
  color: #333333;
  background-color: #FFF;
  border-color: #e6e6e6;
  border-radius: 2px;
}
.btn-white2:hover {
  background-color: #e6e6e6;
  border-color: #dadada;
}
.btn-sm {
  padding: 2px 10px;
  font-size: 0.8125rem;
  line-height: 1.5;
  border-radius: 0px;
}
.btn .cspr {
  vertical-align: baseline;
  /*IE not support vertical-align: initial;*/
}
.btn.btn-xs .cspr,
.btn.btn-xs .common-sprite.icon-sm,
.btn.btn-xs .list-sprite.icon-sm {
  top: 0;
}
.badge {
  padding: 2px 6px;
}
.badge.badge-default {
  background-color: #eee;
  border: 1px solid #cfcfcf;
  color: #333;
}
.badge.badge-primary {
  background-color: #7f7f7f;
  border: 1px solid #2b6dab;
  color: #fff;
}
.badge.badge-secondary {
  background-color: #7f7f7f;
  border: 1px solid #727272;
  color: #FFF;
}
.badge.badge-success {
  background-color: #5cb85c;
  border: 1px solid #4cae4c;
  color: #fff;
}
.badge.badge-info {
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  color: #fff;
}
.badge.badge-warning {
  background-color: #f0ad4e;
  border: 1px solid #eea236;
  color: #fff;
}
.badge.badge-danger {
  background-color: #D54141;
  border: 1px solid #cf2e2e;
  color: #fff;
}
.badge.badge-white {
  background-color: #FFF;
  border: 1px solid #e8e8e8;
  color: #333;
}
.badge.badge-count {
  background-color: #dc0d17;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  font-weight: bold;
  font-size: var(--font-size-xsmall);
  font-weight: 400;
  padding: 1px 2px;
  position: absolute;
  top: -1px;
}
sup {
  font-size: var(--fs-9);
  line-height: normal;
  position: static;
  top: auto;
}
.list-unstyled {
  margin: 0;
  padding: 0;
}
a,
a:active,
a:hover,
a:focus {
  outline: none;
  text-decoration: none !important;
}
.form-footer .btn {
  margin: 0 10px 0 0;
}
.btn-capsule .btn-default,
.btn-capsule .btn-tick {
  border-color: transparent;
  border-radius: 10px;
}
.btn-capsule .btn-default {
  padding-left: 8px !important;
}
.btn-capsule .btn-tick {
  padding-right: 8px !important;
  color: #589902;
  border-left: 1px solid #d9d8d8;
}
.btn-capsule .btn-tick .icon-xs {
  margin-left: 4px !important;
}
.sdmenu-dd {
  /* font-size: inherit; */
  /* d3 CI dropdown fix */
}
.sdmenu-dd label:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger) {
  font-weight: normal;
  color: #262F36;
}
.sdmenu-dd label:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).text-mandatory {
  color: #B94A48;
}
.sdmenu-dd .hotkey {
  color: #868686;
  display: table-cell;
  font-size: var(--font-size-small);
  text-align: right !important;
  padding-left: 5px !important;
  vertical-align: top;
  width: auto;
  white-space: nowrap;
}
.sdmenu-dd .hotkey:before {
  content: " [ ";
}
.sdmenu-dd .hotkey:after {
  content: " ]";
}
.sdmenu-dd > li,
.sdmenu-dd select {
  color: #515151;
}
.sdmenu-dd > li > a {
  color: #515151;
  padding: 5px 12px;
  /* display:table; */
  /* for .hotkey */
  /* width:100%; */
  /* for .hotkey */
  white-space: normal;
}
.sdmenu-dd > li > a:hover {
  background-color: var(--primary_button_light_color, #F1F1F1);
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.sdmenu-dd select {
  /* background-color:@bglight1;
		border:1px solid @border-color1; */
}
.sdmenu-dd .btn-default {
  color: #515151;
  color: #333;
  background-color: #eee;
  border-color: #cfcfcf;
}
.sdmenu-dd .btn-default:focus,
.sdmenu-dd .btn-default.focus {
  color: #333;
  background-color: #d5d5d5;
  border-color: #b1b1b1;
}
.sdmenu-dd .btn-default:hover {
  color: #333;
  background-color: #d5d5d5;
  border-color: #b1b1b1;
}
.sdmenu-dd .btn-default:active,
.sdmenu-dd .btn-default.active,
.open > .sdmenu-toggle.sdmenu-dd .btn-default {
  color: #333;
  background-color: #d5d5d5;
  background-image: none;
  border-color: #b1b1b1;
}
.sdmenu-dd .btn-default.disabled:hover,
.sdmenu-dd .btn-default[disabled]:hover,
fieldset[disabled] .sdmenu-dd .btn-default:hover,
.sdmenu-dd .btn-default.disabled:focus,
.sdmenu-dd .btn-default[disabled]:focus,
fieldset[disabled] .sdmenu-dd .btn-default:focus,
.sdmenu-dd .btn-default.disabled.focus,
.sdmenu-dd .btn-default[disabled].focus,
fieldset[disabled] .sdmenu-dd .btn-default.focus {
  background-color: #eee;
  border-color: #cfcfcf;
}
.sdmenu-dd .btn-default .badge {
  color: #eee;
  background-color: #333;
}
.sdmenu-dd .btn-secondary {
  color: #515151;
  color: #FFF;
  background-color: #7f7f7f;
  border-color: #727272;
}
.sdmenu-dd .btn-secondary:focus,
.sdmenu-dd .btn-secondary.focus {
  color: #FFF;
  background-color: #666666;
  border-color: #545454;
}
.sdmenu-dd .btn-secondary:hover {
  color: #FFF;
  background-color: #666666;
  border-color: #545454;
}
.sdmenu-dd .btn-secondary:active,
.sdmenu-dd .btn-secondary.active,
.open > .sdmenu-toggle.sdmenu-dd .btn-secondary {
  color: #FFF;
  background-color: #666666;
  background-image: none;
  border-color: #545454;
}
.sdmenu-dd .btn-secondary.disabled:hover,
.sdmenu-dd .btn-secondary[disabled]:hover,
fieldset[disabled] .sdmenu-dd .btn-secondary:hover,
.sdmenu-dd .btn-secondary.disabled:focus,
.sdmenu-dd .btn-secondary[disabled]:focus,
fieldset[disabled] .sdmenu-dd .btn-secondary:focus,
.sdmenu-dd .btn-secondary.disabled.focus,
.sdmenu-dd .btn-secondary[disabled].focus,
fieldset[disabled] .sdmenu-dd .btn-secondary.focus {
  background-color: #7f7f7f;
  border-color: #727272;
}
.sdmenu-dd .btn-secondary .badge {
  color: #7f7f7f;
  background-color: #FFF;
}
.sdmenu-dd.asn {
  padding: 4px;
}
.sdmenu-dd.asn > li {
  min-width: 260px;
}
.sdmenu-dd.asn .cnt {
  padding: 12px 20px;
}
.sdmenu-dd .divider {
  background-color: #CCC;
}
.submit-row .sdmenu-dd > li > a,
.form-footer .sdmenu-dd > li > a {
  white-space: nowrap;
}
.sdmenu-dd2 {
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
}
.sdmenu-dd2 li {
  list-style: none;
}
.sdmenu-dd2 li > a,
.sdmenu-dd2 li > .a-tag {
  display: block;
  padding: 3px 10px;
  font-weight: normal;
  line-height: 1.42857143;
  color: #515151;
}
.sdmenu-dd2 li > a:hover,
.sdmenu-dd2 li > .a-tag:hover,
.sdmenu-dd2 li > a:focus,
.sdmenu-dd2 li > .a-tag:focus {
  text-decoration: none;
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  background-color: #f5f5f5;
}
.sdmenu-header {
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px 12px;
}
.sdmenu-header2 {
  background-color: transparent;
  color: #868686;
  line-height: 18.5px;
  border-bottom: 1px solid #E9E9E9;
  padding: 5px 8px;
  text-transform: uppercase;
}
.sdmenu-header,
.sdmenu-dd > li,
.sdmenu-dd select {
  color: #868686;
}
.sdmenu-dd li a i[class$="-icon"],
.sdmenu-dd li a i[class*="-icon"] {
  vertical-align: text-top;
  margin-right: 3px !important;
  margin-top: 1px;
}
.sdmenu-submenu {
  position: relative;
  min-width: 200px;
}
.sdmenu-dd > li.sdmenu-submenu > a {
  padding-right: 20px !important;
}
.sdmenu-dd > li.sdmenu-submenu > a:last-child {
  border-bottom: 0 none;
}
.sdmenu-submenu > .sdmenu-dd {
  top: 0;
  left: 100% !important;
  margin-top: -6px;
  margin-left: -1px !important;
  min-width: 200px;
}
.sdmenu-submenu:hover > .sdmenu-dd {
  display: block;
}
.sdmenu-submenu > a:after {
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-left-color: #868686;
  position: absolute;
  top: 10px;
  right: 8px !important;
}
.sdmenu-submenu:hover > a:after {
  border-left-color: #515151;
}
.sdmenu-submenu.fl {
  float: none;
}
.sdmenu-submenu.fl > .sdmenu-dd {
  left: -100% !important;
  margin-left: 10px !important;
  border-radius: 6px 0 6px 6px;
}
/* FORMS */
fieldset {
  padding: 0 15px;
}
legend {
  margin-top: 20px;
}
.content-section fieldset {
  padding: 0;
}
.content-section legend {
  margin-top: 0;
}
select.form-control {
  width: 100%;
  display: block;
  vertical-align: middle;
  padding: 2px 3px;
  font-weight: normal;
}
span[id$="_NAV"] select,
.navigation-perpage-fix select {
  display: initial;
  vertical-align: initial;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 1px 0 0;
}
.control-label {
  font-weight: bold;
}
.form-control {
  border-radius: 1px;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  color: #000;
  padding: 1px 5px;
}
@media (min-width: 992px) {
  .form-control {
    /*
		padding:2px 3px;
		height:(@line-height-computed + (@padding-base-vertical) + 2);
		*/
  }
}
.form-control.is-invalid {
  border-color: #a74f4f !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control.is-invalid:focus {
  border-color: #843f3f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cb9191;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cb9191;
}
.form-control-static.text-muted {
  font-size: var(--font-size-small);
}
.input-group-btn .showmore,
.input-group-btn .showless {
  position: static;
  vertical-align: sub;
}
.input-group-btn.separate-btn .btn {
  border-radius: 4px;
}
.input-group-btn.separate-btn .btn .icon-sm {
  width: 15px;
  height: 15px;
}
.input-group-btn.separate-btn .btn .glyphicon {
  position: relative;
  top: 3px;
}
.input-group.date {
  width: unset;
}
.input-group.date input.form-control[readonly] {
  background-color: #FFF;
}
.input-group.date input.form-control[readonly],
.input-group.date .input-group-addon {
  cursor: var(--sdpcursor-default);
}
.input-group-addon {
  border-radius: 1px;
}
.input-group-addon .sdp-glyph {
  top: auto;
}
.form-horizontal .form-group {
  margin-right: 0px;
  margin-left: 0px;
}
.form-horizontal.four-col .form-group {
  margin-bottom: 0;
}
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  position: relative;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: auto;
}
.form-horizontal h4 > .btn-toggle {
  margin-bottom: -5px;
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.form-horizontal .right-col > .sdp-glyph.pos-abs {
  cursor: var(--sdpcursor-pointer);
  position: absolute;
  right: -10px !important;
  top: 7px;
  z-index: 1;
}
.form-horizontal .btn-capsule .btn {
  height: initial;
}
.radio-inline.disabled,
.checkbox-inline.disabled {
  cursor: var(--sdpcursor-default);
}
/* SELECT2 BOOTSTRAP */
.form-control.select2-container .select2-choice {
  border: 0;
  border-radius: 0;
  height: 24px;
  line-height: 24px;
}
.form-control .select2-choice .select2-arrow {
  border-radius: 0;
}
/* disabled styles */
.form-control.select2-container.select2-container-disabled,
.form-control.select2-container-multi.select2-container-disabled {
  cursor: var(--sdpcursor-not-allowed);
  opacity: 0.5;
}
.form-control.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #eeeeee;
  background-image: none;
  border-left: 0 solid transparent;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 4px 30px 4px 14px;
  background-color: #E9E9E9;
  background-image: none;
  color: #515151;
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid #DDD;
}
.select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 7px;
  top: 3px;
}
.select2-search-choice-close,
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover,
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  opacity: 0.8;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover,
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  opacity: 1;
}
.nav-sdtabs {
  border-bottom: 1px solid #e6e6e6;
}
.nav-sdtabs > li.active > a,
.nav-sdtabs > li.active > .a-tab-ui,
.nav-sdtabs > li.active > a:hover,
.nav-sdtabs > li.active > .a-tab-ui:hover,
.nav-sdtabs > li.active > a:focus,
.nav-sdtabs > li.active > .a-tab-ui:focus {
  color: #515151;
}
.nav-sdtabs > li .badge {
  padding: 4px 7px;
  vertical-align: top;
}
.sdtabs-ui1 > .nav-sdtabs {
  border-bottom: 1px solid #DEDEDE;
}
.sdtabs-ui1 > .nav-sdtabs > li {
  margin-bottom: 0;
}
.sdtabs-ui1 > .nav-sdtabs > li > a,
.sdtabs-ui1 > .nav-sdtabs > li > .a-tab-ui {
  margin-right: -1px !important;
  padding: 6px 15px;
  line-height: 1.42857143;
  background: #F7F7F7;
  border: 1px solid #DEDEDE;
  border-bottom: 0;
  border-radius: 0;
  color: #515151;
  border-color: #DEDEDE;
}
.sdtabs-ui1 > .nav-sdtabs > li > a:hover,
.sdtabs-ui1 > .nav-sdtabs > li > .a-tab-ui:hover,
.sdtabs-ui1 > .nav-sdtabs > li > a:focus,
.sdtabs-ui1 > .nav-sdtabs > li > .a-tab-ui:focus {
  background: #F0F0F0;
}
.sdtabs-ui1 > .nav-sdtabs > li.active {
  margin-bottom: -1px;
}
.sdtabs-ui1 > .nav-sdtabs > li.active > a,
.sdtabs-ui1 > .nav-sdtabs > li.active > .a-tab-ui,
.sdtabs-ui1 > .nav-sdtabs > li.active > a:hover,
.sdtabs-ui1 > .nav-sdtabs > li.active > .a-tab-ui:hover,
.sdtabs-ui1 > .nav-sdtabs > li.active > a:focus,
.sdtabs-ui1 > .nav-sdtabs > li.active > .a-tab-ui:focus {
  color: #515151;
  background: #FFF;
  cursor: var(--sdpcursor-default);
  border-bottom: 2px #FFF solid;
  margin-bottom: -2px;
}
.sdtabs-ui1 > .nav-sdtabs > li.active > a:hover,
.sdtabs-ui1 > .nav-sdtabs > li.active > .a-tab-ui:hover,
.sdtabs-ui1 > .nav-sdtabs > li.active > a:focus,
.sdtabs-ui1 > .nav-sdtabs > li.active > .a-tab-ui:focus {
  border-color: #008ddd #DEDEDE #FFF;
  border-color: var(--link_tab_line_color, #008ddd) #DEDEDE #FFF;
  border-width: 2px 1px 2px;
}
.sdtabs-ui1 > .nav-sdtabs > li.active > a,
.sdtabs-ui1 > .nav-sdtabs > li.active > .a-tab-ui,
.sdtabs-ui1 > .nav-sdtabs > li.active > a:active,
.sdtabs-ui1 > .nav-sdtabs > li.active > .a-tab-ui:active {
  border-color: #008ddd #DEDEDE #FFF;
  border-color: var(--link_tab_line_color, #008ddd) #DEDEDE #FFF;
  border-width: 2px 1px 2px;
}
.sdtabs-ui1 > .nav-sdtabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.sdtabs-ui1 > .nav-sdtabs.nav-justified > li {
  float: none;
}
.sdtabs-ui1 > .nav-sdtabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.sdtabs-ui1 > .nav-sdtabs.nav-justified > .sdmenu .sdmenu-dd {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .sdtabs-ui1 > .nav-sdtabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .sdtabs-ui1 > .nav-sdtabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.sdtabs-ui1 > .nav-sdtabs.nav-justified > li > a,
.sdtabs-ui1 > .nav-sdtabs.nav-justified > li > .a-tab-ui {
  margin-right: 0;
  border-radius: 0px;
}
.sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > a,
.sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > .a-tab-ui > .active > a:hover,
.sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > .a-tab-ui:hover,
.sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > a:focus,
.sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > .a-tab-ui:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .sdtabs-ui1 > .nav-sdtabs.nav-justified > li > a,
  .sdtabs-ui1 > .nav-sdtabs.nav-justified > li > .a-tab-ui {
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 0 0;
  }
  .sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > a,
  .sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > .a-tab-ui,
  .sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > a:hover,
  .sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > .a-tab-ui:hover,
  .sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > a:focus,
  .sdtabs-ui1 > .nav-sdtabs.nav-justified > .active > .a-tab-ui:focus {
    border-bottom-color: #fff;
  }
}
.sdtabs-ui1 > .sdtab-content {
  border: 1px #DEDEDE solid;
  border-top: 0 none;
}
.sdtabs-ui1 .form-horizontal {
  padding-top: 11px;
}
.sdtabs-ui1 .form-control-static {
  padding-left: 15px;
  padding-right: 15px;
}
.sdtabs-ui1.sdtabs-primary > .nav-sdtabs {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.sdtabs-ui1.sdtabs-left {
  display: table;
  width: 100%;
}
.sdtabs-ui1.sdtabs-left .nav-stacked,
.sdtabs-ui1.sdtabs-left .sdtab-content {
  display: table-cell;
  border: 0 none;
}
.sdtabs-ui1.sdtabs-left > .nav-stacked {
  width: 1px;
  max-width: 200px;
  border: 0 none;
  vertical-align: top;
}
.sdtabs-ui1.sdtabs-left > .nav-stacked > li {
  min-width: 100px;
}
.sdtabs-ui1.sdtabs-left > .nav-stacked > li > a,
.sdtabs-ui1.sdtabs-left > .nav-stacked > li > .a-tab-ui {
  border: 0 none;
  border-left: 2px solid transparent;
  background: none;
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  font-weight: bold;
  padding: 6px 15px;
}
.sdtabs-ui1.sdtabs-left > .nav-stacked > li + li {
  margin-top: 0;
}
.sdtabs-ui1.sdtabs-left > .nav-stacked > li.active {
  margin-bottom: 0;
}
.sdtabs-ui1.sdtabs-left > .nav-stacked > li.active > a,
.sdtabs-ui1.sdtabs-left > .nav-stacked > li.active > .a-tab-ui,
.sdtabs-ui1.sdtabs-left > .nav-stacked > li.active > a:hover,
.sdtabs-ui1.sdtabs-left > .nav-stacked > li.active > .a-tab-ui:hover,
.sdtabs-ui1.sdtabs-left > .nav-stacked > li.active > a:focus,
.sdtabs-ui1.sdtabs-left > .nav-stacked > li.active > .a-tab-ui:focus {
  color: #000;
  background-color: #F5F5F5;
  margin-bottom: 0;
  border: 0 none;
  border-left: 2px solid #008ddd;
  border-left: 2px solid var(--link_tab_line_color, #008ddd);
}
.sdtabs-ui1.sdtabs-left > .sdtab-content {
  background: #F5F5F5;
}
.sdtabs-ui1 .nav-pills {
  margin-bottom: 20px;
}
.sdtabs-ui1 .nav-pills > li > a,
.sdtabs-ui1 .nav-pills > li > .a-tab-ui {
  border-radius: 10px;
  padding: 5px 15px;
  font-weight: bold;
}
.sdtabs-ui1 .nav-pills > li + li {
  margin-left: 2px !important;
}
.sdtabs-ui1 .nav-pills > li.active > a,
.sdtabs-ui1 .nav-pills > li.active > .a-tab-ui,
.sdtabs-ui1 .nav-pills > li.active > a:hover,
.sdtabs-ui1 .nav-pills > li.active > .a-tab-ui:hover,
.sdtabs-ui1 .nav-pills > li.active > a:focus,
.sdtabs-ui1 .nav-pills > li.active > .a-tab-ui:focus {
  color: #000;
  background-color: #EEE;
}
.sdtabs-ui1 .nav-pills > li.active > a:after,
.sdtabs-ui1 .nav-pills > li.active > .a-tab-ui:after {
  border: solid transparent;
  border-color: #F1F1F1 transparent transparent transparent;
  border-width: 11px 10px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -20px;
  left: 40% !important;
  z-index: 99;
}
.admin-panel .sdtabs-ui1 > .sdtab-content {
  border: 0 none;
}
.sdtabs-ui2 > .nav-sdtabs {
  border-bottom: 1px solid #e6e6e6;
}
.sdtabs-ui2 > .nav-sdtabs > li {
  float: left !important;
  margin-bottom: -1px;
}
.sdtabs-ui2 > .nav-sdtabs > li > a,
.sdtabs-ui2 > .nav-sdtabs > li > .a-tab-ui {
  margin-right: 2px !important;
  line-height: 1.42857143;
  border-radius: 0;
  border-width: 1px 0 3px;
  border-style: solid;
  color: #333333;
}
.sdtabs-ui2 > .nav-sdtabs > li > a:hover,
.sdtabs-ui2 > .nav-sdtabs > li > .a-tab-ui:hover {
  background: #FFF;
  border-color: transparent transparent #ccc;
}
.sdtabs-ui2 > .nav-sdtabs > li > a:hover,
.sdtabs-ui2 > .nav-sdtabs > li > .a-tab-ui:hover,
.sdtabs-ui2 > .nav-sdtabs > li > a:focus,
.sdtabs-ui2 > .nav-sdtabs > li > .a-tab-ui:focus {
  background: #FFF;
}
.sdtabs-ui2 > .nav-sdtabs > li.active > a,
.sdtabs-ui2 > .nav-sdtabs > li.active > .a-tab-ui,
.sdtabs-ui2 > .nav-sdtabs > li.active > a:hover,
.sdtabs-ui2 > .nav-sdtabs > li.active > .a-tab-ui:hover,
.sdtabs-ui2 > .nav-sdtabs > li.active > a:focus,
.sdtabs-ui2 > .nav-sdtabs > li.active > .a-tab-ui:focus {
  cursor: var(--sdpcursor-default);
}
.sdtabs-ui2 > .nav-sdtabs > li.active > a,
.sdtabs-ui2 > .nav-sdtabs > li.active > .a-tab-ui,
.sdtabs-ui2 > .nav-sdtabs > li.active > a:active,
.sdtabs-ui2 > .nav-sdtabs > li.active > .a-tab-ui:active {
  border-color: transparent transparent #008ddd;
  border-color: transparent transparent var(--link_tab_line_color, #008ddd);
  border-width: 1px 0 3px;
}
.sdtabs-ui2 > .nav-sdtabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.sdtabs-ui2 > .nav-sdtabs.nav-justified > li {
  float: none;
}
.sdtabs-ui2 > .nav-sdtabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.sdtabs-ui2 > .nav-sdtabs.nav-justified > .sdmenu .sdmenu-dd {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .sdtabs-ui2 > .nav-sdtabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .sdtabs-ui2 > .nav-sdtabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.sdtabs-ui2 > .nav-sdtabs.nav-justified > li > a,
.sdtabs-ui2 > .nav-sdtabs.nav-justified > li > .a-tab-ui {
  margin-right: 0;
  border-radius: 0px;
}
.sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > a,
.sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > .a-tab-ui > .active > a:hover,
.sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > .a-tab-ui:hover,
.sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > a:focus,
.sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > .a-tab-ui:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .sdtabs-ui2 > .nav-sdtabs.nav-justified > li > a,
  .sdtabs-ui2 > .nav-sdtabs.nav-justified > li > .a-tab-ui {
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 0 0;
  }
  .sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > a,
  .sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > .a-tab-ui,
  .sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > a:hover,
  .sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > .a-tab-ui:hover,
  .sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > a:focus,
  .sdtabs-ui2 > .nav-sdtabs.nav-justified > .active > .a-tab-ui:focus {
    border-bottom-color: #fff;
  }
}
.form-horizontal.four-col .form-control:not(textarea) {
  height: 28px;
}
.form-horizontal.four-col .form-control-static,
.form-horizontal.four-col .control-label {
  /*padding-top: (@padding-base-vertical + 5 + 1);*/
  /*padding-bottom: (@padding-base-vertical + 5 + 1);*/
}
.form-horizontal.four-col .form-control-static {
  color: #000;
}
.form-horizontal.four-col .control-label {
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: normal;
}
.form-horizontal.four-col .tab-row {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 20px;
}
.form-horizontal.four-col .tab-row .col-group {
  border-bottom: 1px #DDD solid;
}
.form-horizontal.four-col .form-section {
  border: 1px solid #eee;
}
.form-horizontal.four-col .form-section:not(:last-child) {
  margin-bottom: 20px;
}
.form-horizontal.four-col .form-section .form-group:last-child {
  border-bottom: 0 none;
}
.form-horizontal.four-col .form-group {
  border-bottom: 1px #EEE solid;
}
.form-horizontal.four-col .form-group > .left-col {
  background-color: #F9F9F9;
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.form-horizontal.four-col .form-group > .left-col.control-label {
  padding-bottom: 5px;
  margin-bottom: 0;
}
.form-horizontal.four-col .form-group > .right-col {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.form-horizontal.four-col .form-group > .left-col,
.form-horizontal.four-col .form-group > .right-col {
  /* cell heights fix */
  display: table-cell;
  vertical-align: top;
  float: none;
}
.form-horizontal.four-col .col-group {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
@media (min-width: 768px) {
  .form-horizontal.four-col .col-group {
    float: left;
    width: 50%;
  }
}
.form-horizontal.four-col .col-group .col-fields {
  border-collapse: separate;
  /* cell heights fix */
  display: table;
  /* cell heights fix */
  width: 100%;
  /* cell heights fix */
  table-layout: fixed;
  /* select2 overflow fix */
  /*.borderright(1px,solid,@border-color2);*/
  /* cell heights fix - commented */
}
.form-horizontal.four-col .col-group + .col-group .col-fields {
  border-left: 1px solid #EEE;
  border-right: 0px solid none;
  margin-left: -1px !important;
}
.form-horizontal.four-col .col-fields {
  /* cell heights fix - commented */
  /*&:not(:last-child) {
			border-bottom:1px @border-color2 solid;
		}*/
  border-bottom: 1px #EEE solid;
  /* cell heights fix */
}
.form-horizontal.four-col .col-fields:before,
.form-horizontal.four-col .col-fields:after {
  display: table;
  content: " ";
}
.form-horizontal.four-col .col-fields:after {
  clear: both;
}
.form-horizontal.four-col .col-fields:before,
.form-horizontal.four-col .col-fields:after {
  display: table;
  content: " ";
}
.form-horizontal.four-col .col-fields:after {
  clear: both;
}
.form-horizontal.four-col .col-fields:last-child {
  /* cell heights fix */
  margin-bottom: -1px;
}
.form-horizontal.four-col .pipe {
  border-left: 3px solid transparent;
  height: 35px;
  position: absolute;
  left: 0px !important;
  top: 2px;
}
.form-horizontal.four-col .section-title {
  font-weight: bold;
  color: #000;
  margin-bottom: 5px;
}
.form-horizontal.four-col .form-group p,
.form-horizontal.four-col .desc-row p {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.form-horizontal.four-col.inplace-edit {
  /* Form Template view mode commone issue fix start  */
  /* Form Template view mode commone issue fix end */
}
.form-horizontal.four-col.inplace-edit.form-view-mode .form-group p.form-control-static.spot-static,
.form-horizontal.four-col.inplace-edit.form-view-mode .desc-row p.form-control-static.spot-static {
  padding-right: 25px !important;
}
.form-horizontal.four-col.inplace-edit.form-view-mode .form-wrapper .form-section:not(:first-child) .section-title {
  margin-top: 20px !important;
}
.form-horizontal.four-col.inplace-edit.form-view-mode .form-wrapper .form-section .section-title {
  margin-bottom: 10px;
}
.form-horizontal.four-col label {
  margin-bottom: 5px;
}
.form-horizontal.four-col .left-col {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #F9F9F9;
  margin-bottom: 0;
}
.form-horizontal.four-col .right-col {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.form-horizontal.four-col .input-time-inline .input-group {
  width: 27%;
}
.form-horizontal.four-col .input-range-inline .input-group {
  width: 40%;
}
.form-horizontal.four-col .input-range-inline .inline-separator {
  width: auto;
  padding: 0 10px;
}
.form-horizontal.four-col .tab-row .col-group {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .form-horizontal.four-col .tab-row .col-group {
    float: left;
    width: 100%;
  }
}
.form-horizontal.four-col .tab-row .left-col {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: transparent;
}
@media (min-width: 768px) {
  .form-horizontal.four-col .tab-row .left-col {
    float: left;
    width: 16.66666667%;
  }
}
.form-horizontal.four-col .tab-row .right-col {
  position: relative;
  float: left;
  width: 83.33333333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.form-horizontal.four-col .desc-row:before,
.form-horizontal.four-col .desc-row:after {
  display: table;
  content: " ";
}
.form-horizontal.four-col .desc-row:after {
  clear: both;
}
.form-horizontal.four-col .desc-row:before,
.form-horizontal.four-col .desc-row:after {
  display: table;
  content: " ";
}
.form-horizontal.four-col .desc-row:after {
  clear: both;
}
.form-horizontal.four-col .desc-row .col-group {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
@media (min-width: 768px) {
  .form-horizontal.four-col .desc-row .col-group {
    float: left;
    width: 100%;
  }
}
.form-horizontal.four-col .desc-row .left-col {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.form-horizontal.four-col .desc-row .right-col {
  position: relative;
  float: left;
  width: 83.33333333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.form-horizontal.four-col .left-col,
.form-horizontal.four-col .right-col,
.form-horizontal.four-col .desc-row .left-col,
.form-horizontal.four-col .desc-row .right-col {
  /* cell heights fix */
  display: table-cell;
  float: none;
  vertical-align: top;
  word-wrap: break-word;
}
.form-horizontal.four-col.form-edit .form-section {
  border: 1px solid transparent;
}
.form-horizontal.four-col.form-edit .form-section .form-group:last-child {
  border-bottom: 0 none;
}
.form-horizontal.four-col.form-edit .tab-row {
  margin-bottom: 0;
}
.form-horizontal.four-col.form-edit .tab-row .right-col {
  padding-bottom: 0;
}
.form-horizontal.four-col.form-edit .tab-row .col-group {
  border-bottom: 1px #E9E9E9 solid;
}
.form-horizontal.four-col.form-edit .left-col {
  background-color: transparent;
}
.form-horizontal.four-col.form-edit .right-col {
  /*padding-top: (@padding-base-vertical + 1);
			padding-bottom: (@padding-base-vertical + 1);*/
}
.form-horizontal.four-col.form-edit .col-fields {
  margin-bottom: 7px;
  border-bottom: 0 none;
}
.form-horizontal.four-col.form-edit .col-fields:before,
.form-horizontal.four-col.form-edit .col-fields:after {
  display: table;
  content: " ";
}
.form-horizontal.four-col.form-edit .col-fields:after {
  clear: both;
}
.form-horizontal.four-col.form-edit .col-fields:before,
.form-horizontal.four-col.form-edit .col-fields:after {
  display: table;
  content: " ";
}
.form-horizontal.four-col.form-edit .col-fields:after {
  clear: both;
}
.form-horizontal.four-col.form-edit .form-group {
  border-bottom: 1px #FFF solid;
}
.form-horizontal.four-col.form-edit .col-group .col-fields {
  border-right: 1px solid #FFF;
}
.form-horizontal.four-col.form-edit .col-group + .col-group .col-fields {
  border-left: 1px solid #FFF;
}
.form-control-feedback {
  height: 26px;
  line-height: 26px;
}
.form-horizontal .right-col .has-feedback .form-control-feedback {
  right: 0px !important;
}
.right-col .input-group-addon {
  padding: 2px 10px;
}
.submit-row {
  background-color: #F5F5F5;
  margin-top: 15px !important;
}
.submit-row .submit-row-inner:not(.tc) {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .submit-row .submit-row-inner:not(.tc) {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 768px) {
  .submit-row .submit-row-inner:not(.tc) {
    float: left;
    width: 83.33333333%;
  }
}
#_DIALOG_CONTENT .form-horizontal.four-col .col-group.fw .left-col {
  width: 40%;
}
#_DIALOG_CONTENT .form-horizontal.four-col .col-group.fw .right-col {
  width: 60%;
}
.dialog-content .input-group .form-control {
  position: static;
}
.dialog-content .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.dialog-content > .row:first-child,
.dialog-content .wrapscroller > .row:first-child,
.dialog-content .scroller > .row:first-child {
  margin-top: 15px;
}
.dialog-content .form-horizontal.four-col .col-group {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .dialog-content .form-horizontal.four-col .col-group {
    float: left;
    width: 100%;
  }
}
.dialog-content .form-horizontal.four-col .desc-row .left-col {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.dialog-content .form-horizontal.four-col .desc-row .right-col {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.dialog-content .form-horizontal.four-col .submit-row .submit-row-inner:not(.tc) {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .dialog-content .form-horizontal.four-col .submit-row .submit-row-inner:not(.tc) {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .dialog-content .form-horizontal.four-col .submit-row .submit-row-inner:not(.tc) {
    float: left;
    width: 66.66666667%;
  }
}
.dialog-content .form-horizontal.four-col.one-col .left-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: left !important;
}
.dialog-content .form-horizontal.four-col.one-col .right-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.dialog-content .form-horizontal.four-col.one-col .submit-row-inner:not(.tc) {
  margin-left: 0%;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: 0px !important;
}
.dialog-content.dialog-four-col .form-horizontal.four-col .col-group {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .dialog-content.dialog-four-col .form-horizontal.four-col .col-group {
    float: left;
    width: 50%;
  }
}
.dialog-content.dialog-four-col .form-horizontal.four-col .left-col {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.dialog-content.dialog-four-col .form-horizontal.four-col .right-col {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.dialog-content.dialog-four-col .form-horizontal.four-col .desc-row .col-group {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
@media (min-width: 768px) {
  .dialog-content.dialog-four-col .form-horizontal.four-col .desc-row .col-group {
    float: left;
    width: 100%;
  }
}
.dialog-content.dialog-four-col .form-horizontal.four-col .desc-row .left-col {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.dialog-content.dialog-four-col .form-horizontal.four-col .desc-row .right-col {
  position: relative;
  float: left;
  width: 83.33333333%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.btn-group {
  /* reverting back from 4235:1d0398224c0f as its affecting toggle buttons */
  /*label.btn { 
		pointer-events: none;
	}*/
}
.btn-group > a[data-switch],
.btn-group > a[data-switch]:hover,
.btn-group > a[data-switch]:focus,
.btn-group > a[data-switch]:active {
  color: #515151;
  text-decoration: none;
}
.input-group .form-control[autocomplete] {
  float: none;
}
#_DIALOG_CONTENT .form-horizontal.four-col .col-fields:last-child {
  margin-bottom: 0;
}
.form-horizontal.form-flat .col-fields {
  border: 0;
}
.form-horizontal.form-flat .left-col {
  background: #FFF;
  text-align: left !important;
}
.form-horizontal.form-flat .form-control-static:before {
  content: ":";
  margin-right: 5px !important;
}
.form-horizontal.two-col .form-wrapper {
  padding: 10px 20px;
}
.form-horizontal.two-col .control-label {
  font-weight: normal;
  margin-bottom: 5px;
}
.form-horizontal.two-col .desc-row,
.form-horizontal.two-col .form-group {
  margin-bottom: 15px;
}
.form-horizontal.two-col .desc-row:before,
.form-horizontal.two-col .form-group:before,
.form-horizontal.two-col .desc-row:after,
.form-horizontal.two-col .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal.two-col .desc-row:after,
.form-horizontal.two-col .form-group:after {
  clear: both;
}
.form-horizontal.two-col .desc-row:before,
.form-horizontal.two-col .form-group:before,
.form-horizontal.two-col .desc-row:after,
.form-horizontal.two-col .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal.two-col .desc-row:after,
.form-horizontal.two-col .form-group:after {
  clear: both;
}
.form-horizontal.two-col .desc-row .col-group {
  width: 100%;
}
.form-horizontal.two-col .left-col,
.form-horizontal.two-col .right-col {
  position: relative;
}
.form-horizontal.two-col .cspr.info {
  cursor: var(--sdpcursor-default);
  top: 10px;
  position: absolute !important;
  right: -15px;
}
.form-horizontal.two-col .form-group .col-group:first-child {
  padding-right: 10px;
}
.form-horizontal.two-col .form-group .col-group:last-child {
  padding-left: 10px;
}
.panel-heading {
  padding: 10px 15px;
}
.panel-heading.active,
.accordion-log .panel-heading.active:hover {
  background-color: #F5F5F5;
  cursor: var(--sdpcursor-default);
}
.panel-popover .panel-footer .btn-default {
  border-top: 0;
  border-bottom: 0;
  border-right: 0px solid transparent;
  border-radius: 0;
  padding: 4px 8px;
  background: #F9F9F9;
  border-left: 1px solid #DDD;
}
.panel-popover .panel-footer .btn-default:hover {
  background: #e6e6e6;
}
.nav-accordion > .panel > a:hover,
.accordion-log .panel-heading:hover {
  background-color: #F9F9F9;
}
.nav-accordion > .panel > a + .panel-collapse .panel-body,
.accordion-log .panel-heading + .panel-collapse .panel-body {
  border-top: 1px dashed #EEE;
}
.nav-accordion:not(.admin-search-container).nav .nav > li > a {
  color: #000;
}
.nav-accordion:not(.admin-search-container).nav .nav > li > a:hover,
.nav-accordion:not(.admin-search-container).nav .nav > li > a:focus {
  background-color: #F5F5F5;
  color: #000;
}
.nav-accordion:not(.admin-search-container).nav .nav > li.active > a,
.nav-accordion:not(.admin-search-container).nav .nav > li.active > a:hover,
.nav-accordion:not(.admin-search-container).nav .nav > li.active > a:focus {
  background-color: #009ADB;
  color: #FFF;
  cursor: var(--sdpcursor-default);
}
.accordion-log .panel-group .sdp-glyph.toggle:before {
  content: "\e925";
}
.accordion-log .panel-group .cspr.toggle {
  /*class use in sdp-design-overwrite.less*/
  background-position: -180px -24px;
}
.accordion-log .panel-group .panel-heading.collapsed .sdp-glyph.toggle:before {
  content: "\e926";
}
.accordion-log .panel-group .panel-heading.collapsed .cspr.toggle {
  /*class use in sdp-design-overwrite.less*/
  background-position: -199px -24px;
}
.accordion-log .panel-group .panel {
  border-radius: none;
  border: none;
  box-shadow: none;
  position: relative;
}
.accordion-log .panel-group .panel + .panel {
  margin-top: 0;
  border-top: 1px solid #DDD;
}
.accordion-log .panel-group .panel:last-child .ui-dialog-buttonpane {
  margin-bottom: 0;
}
.accordion-log .panel-group .panel.panel-link {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.accordion-log .panel-group .panel.panel-link .panel-title {
  font-size: var(--font-size-small);
}
.accordion-log .panel-group .panel.panel-link .panel-heading:hover {
  background: none;
}
.accordion-log .panel-group .panel.panel-base {
  border: 1px solid #EEE;
}
.accordion-log .panel-group .panel.panel-bordered {
  background-color: #F5F5F5;
  border: 1px solid #DDD;
}
.accordion-log .panel-group .panel.panel-bordered .listview .tablelist {
  border-width: 1px 0 0;
  border-color: #DDD;
}
.accordion-log .panel-group .panel .submit-row {
  padding: 10px 13px;
  margin: 0;
}
.accordion-log .panel-heading:before,
.accordion-log .panel-heading:after {
  display: table;
  content: " ";
}
.accordion-log .panel-heading:after {
  clear: both;
}
.accordion-log .panel-heading:before,
.accordion-log .panel-heading:after {
  display: table;
  content: " ";
}
.accordion-log .panel-heading:after {
  clear: both;
}
.accordion-log .panel-heading .text-muted {
  padding-left: 10px !important;
}
.accordion-log .panel-heading .right,
.accordion-log .panel-heading .hidden-info {
  visibility: hidden;
}
.accordion-log .panel-heading .hidden-info {
  margin-right: 12px !important;
  position: relative;
  top: -2px;
}
.accordion-log .panel-heading .left {
  float: left !important;
}
.accordion-log .panel-heading .right {
  float: right !important;
  border: 0;
  position: absolute;
  right: 7px !important;
  top: 4px;
  width: auto;
  height: auto;
}
.accordion-log .panel-heading .right .btn-group > .inner {
  display: inline-block;
  vertical-align: middle;
}
.accordion-log .panel-heading:not(.collapsed) .right .btn-group > .inner,
.accordion-log .panel-heading:not(.collapsed) .hidden-info {
  visibility: visible;
}
.accordion-log .panel-heading:not(.collapsed) .right .btn-group > *:not(.inner),
.accordion-log .panel-heading.collapsed:hover .right .btn-group > *:not(.inner),
.accordion-log .panel-heading:not(.collapsed) .hidden-info,
.accordion-log .panel-heading.collapsed:hover .hidden-info {
  visibility: visible;
}
.accordion-log .panel-title {
  font-size: var(--font-size-base);
}
.accordion-log .sub {
  padding: 3px 0 4px 15px;
}
.accordion-log .sub > div {
  padding: 4px 0;
}
.accordion-log .attachment {
  margin-bottom: 0;
}
.accordion-log .inlineformcnt .attachment {
  margin-bottom: 12px;
}
.accordion-log .panel-group.history-log .panel-heading {
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 2px;
  width: 185px;
}
.accordion-log .panel-group.history-log .panel-heading + .panel-collapse .panel-body {
  border-top: 0;
}
.accordion-log .panel-group.history-log .panel-title {
  font-size: var(--font-size-small);
}
.accordion-log .panel-group.history-log .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}
.accordion-log .panel-group.history-log .row {
  background-color: #F5F5F5;
  border-top: 1px solid #f1f1f1;
  display: table;
  width: 100%;
  border-collapse: separate;
}
.accordion-log .panel-group.history-log .history-time,
.accordion-log .panel-group.history-log .history-logs,
.accordion-log .panel-group.history-log .history-status {
  display: table-cell;
  padding: 20px 15px;
  vertical-align: top;
}
.accordion-log .panel-group.history-log .history-time {
  color: #000;
  min-width: 170px;
  width: 170px;
  padding-top: 31px;
  text-align: right !important;
}
.accordion-log .panel-group.history-log .history-logs {
  padding-left: 0;
  padding-right: 0;
}
.accordion-log .panel-group.history-log .history-logs p {
  margin-bottom: 5px;
  color: #777777;
  word-break: break-word;
}
.accordion-log .panel-group.history-log .history-logs p b {
  color: #515151;
}
.accordion-log .panel-group.history-log .history-status {
  min-width: 240px;
  width: 240px;
}
.accordion-log .panel-group.history-log .history-status .disp-t > .disp-c:first-child {
  border: 1px solid #b5b5b5;
  /* #b5b5b5 */
  border-radius: 50%;
  padding: 10px;
  line-height: 1.2;
  border-collapse: collapse;
}
.accordion-log .panel-group.history-log .history-status .disp-t > .disp-c:last-child {
  padding-left: 10px !important;
}
.accordion-log .panel-group.history-log .history-status .sdp-glyph,
.accordion-log .panel-group.history-log .history-status .common-sprite,
.accordion-log .panel-group.history-log .history-status .req-sprite,
.accordion-log .panel-group.history-log .history-status .list-sprite {
  vertical-align: sub;
}
.accordion-log .panel-group.history-log .history-status .sdp-glyph {
  font-size: 1rem;
}
.accordion-log .panel-group.history-log .history-status .sdp-glyph:not(.text-success):not(.text-danger) {
  color: #b5b5b5;
}
.accordion-log .panel-group.history-log .history-status .common-edit-icon1 {
  background-position: -62px -40px;
}
.accordion-log .panel-group.history-log .log-row {
  border-top: 0 none;
  float: left !important;
  padding: 15px 0 15px 15px;
  width: 100%;
}
.accordion-log .panel-group.history-log .log-row + .log-row {
  border-top: 1px solid #F5F5F5;
}
.accordion-log .panel-group.history-log .history-logs,
.accordion-log .panel-group.history-log .history-status {
  background-color: #FFF;
}
.accordion-log .panel-group.history-log.status-log .row {
  background-color: #FFF;
}
.accordion-log .panel-group.history-log.status-log .log-row {
  padding: 0;
}
.accordion-log .panel-group.history-log.status-log .history-time,
.accordion-log .panel-group.history-log.status-log .history-logs {
  margin-top: 5px;
}
.accordion-log.accordion-timeline .label.label-primary {
  background-color: #EEE;
  color: #515151;
  display: inline-block;
  font-weight: bold;
  font-size: var(--font-size-base);
  font-weight: 400;
  border-radius: 0px;
  min-width: 100px;
  position: relative;
  padding: 0.7em 1em;
  left: -30px !important;
  margin-bottom: 20px;
}
.accordion-log.accordion-timeline .label.label-primary:not(:first-child) {
  margin-top: 30px;
}
.accordion-log.accordion-timeline .panel-group {
  position: relative;
  margin-left: 30px !important;
}
.accordion-log.accordion-timeline .panel-group:before {
  border-left: 2px solid #EEE;
  content: "";
  width: 0;
  position: absolute;
  left: -30px !important;
  top: 0;
  bottom: 0;
}
.accordion-log.accordion-timeline .panel-group .panel + .panel:not(.panel-lazyload) {
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
  /* #E5E5E5 */
}
.accordion-log.accordion-timeline .panel-group .panel:before {
  border-top: 1px solid #EEE;
  content: "";
  height: 0;
  position: absolute;
  left: -30px !important;
  top: 1.4em;
  width: 30px;
  margin-top: -1px;
}
.accordion-log.accordion-timeline .panel-group .panel:last-child:before {
  background: #FFF;
  bottom: 0;
  height: auto;
  left: -31px !important;
}
.accordion-log.accordion-timeline .panel {
  border: 1px solid #e5e5e5;
  /* #E5E5E5 */
}
.accordion-log.accordion-timeline .panel.panel-lazyload {
  border: 0 none;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
  margin-top: 20px;
}
.accordion-log.accordion-timeline .panel.panel-lazyload .panel-heading {
  background: repeating-linear-gradient(180deg, #EEE, #EEE 2px, #FFF 0px, #FFF 7px);
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  display: block;
  text-align: center;
  padding: 6px 0 7px;
}
.accordion-log.accordion-timeline .panel.panel-lazyload .panel-heading:hover {
  background: repeating-linear-gradient(180deg, #DDD, #DDD 2px, #FFF 0px, #FFF 7px);
}
.accordion-log.accordion-timeline .panel.panel-lazyload .panel-title {
  background-color: #FFF;
  font-size: var(--font-size-small);
  display: inline-block;
  padding: 1px 20px;
  top: initial;
}
.accordion-log.accordion-timeline .panel.panel-lazyload:before {
  top: 1.1em;
}
/* Media Queries */
@media only screen and (min-width: 719px) {
  .col-group {
    float: left !important;
    width: 50%;
  }
  .form-horizontal.four-col .desc-row .col-group {
    width: 100%;
  }
}
@media only screen and (max-width: 719px) {
  .form-horizontal.four-col .desc-row .left-col {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .form-horizontal.four-col .desc-row .right-col {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 959px) {
  .form-horizontal.four-col .input-range-inline .input-group {
    width: 40%;
  }
  .form-horizontal.four-col .input-range-inline .inline-separator {
    width: auto;
    padding: 0 10px;
  }
  .form-horizontal.four-col .desc-row .col-fields:before {
    display: none;
  }
  .form-horizontal.four-col .desc-row .left-col {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .form-horizontal.four-col .desc-row .right-col {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .form-horizontal.four-col .desc-row .left-col,
  .form-horizontal.four-col .desc-row .right-col {
    /* cell heights fix */
    float: none;
  }
  .form-horizontal.four-col .submit-row .submit-row-inner:not(.tc) {
    margin-left: 33.33333333%;
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.submit-row .btn {
  margin-right: 10px !important;
}
.breadcrumb {
  background: none;
}
.breadcrumb > li + li:before {
  content: ">\00a0";
  padding: 0 5px;
  color: #000;
}
.adminview .breadcrumb {
  margin-left: -5px !important;
  margin-top: -10px;
  padding: 0;
}
.modal-inline-overlay {
  background: url('/images/modal-overlaybg.png');
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  text-align: center;
  /* align the inline(-block) elements horizontally */
  font-size: var(--fs-0);
  /* remove the gap between inline(-block) elements */
  line-height: 0;
  /* remove the gap between inline(-block) elements */
  z-index: 1;
}
.modal-inline-overlay:before {
  /* create a full-height inline block pseudo-element */
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  /* vertical alignment of the inline element */
  height: 100%;
}
.alert {
  border-radius: 0;
  background-clip: padding-box;
  box-shadow: none;
  box-sizing: border-box;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100%;
}
.alert.alert-dismissable,
.alert.alert-dismissible {
  padding-right: 35px !important;
}
.alert.alert-modal {
  display: inline-block;
  vertical-align: middle;
  /* vertical alignment of the inline element */
  background-color: #FFF;
  -webkit-box-shadow: 0 0 4px rgba(66, 66, 66, 0.3);
  box-shadow: 0 0 4px rgba(66, 66, 66, 0.3);
  padding: 15px 35px 15px 15px;
}
.alert.alert-modal > h3 {
  margin: 0;
  line-height: 1.4;
}
.alert.alert-modal-center {
  width: auto;
  height: auto;
  text-align: left !important;
}
.alert > button.close {
  line-height: 0;
  top: 3px;
}
.alert > .msg {
  color: #000;
  line-height: 1.5;
  padding: 0 10px;
  vertical-align: top;
}
.alert > .msg > a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.alert > .msg,
.alert > .sdp-glyph-status,
.alert > .status-icon {
  display: table-cell;
}
.alert > .sdp-glyph-status,
.alert > .status-icon,
.alert .sdp-glyph-close {
  vertical-align: top;
  padding-top: 0;
}
.alert > .status-icon .common-sprite {
  cursor: var(--sdpcursor-default);
}
.alert.icon:before {
  content: '';
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  float: left !important;
  display: table-cell !important;
}
.alert.icon .sdp-glyph-status,
.alert.icon .status-icon {
  display: none;
}
.alert.icon.alert-info:before {
  background-position: -160px -24px;
}
.alert.icon.alert-success:before {
  background-position: -99px -24px;
}
.alert.icon.alert-danger:before {
  background-position: -119px -24px;
}
.alert.icon.alert-warning:before {
  background-position: -140px -24px;
}
td .alert {
  display: block;
}
button.close {
  opacity: 0.8;
}
ul.ui-alertbox1 {
  position: fixed;
  z-index: 10000000;
  left: 50%;
  top: 50%;
  width: auto;
  max-width: 80%;
  height: auto;
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
ul.ui-alertbox1 .alert {
  list-style: none;
  position: relative;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 4px rgba(66, 66, 66, 0.3);
  box-shadow: 0 0 4px rgba(66, 66, 66, 0.3);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
ul.ui-alertbox1 .msg {
  line-height: 1.5;
  padding: 0 10px;
  vertical-align: top;
}
ul.ui-alertbox1 .sdp-glyph-status {
  vertical-align: top;
  width: 17px;
}
ul.ui-alertbox1 button.close {
  line-height: 0;
  position: absolute;
  right: 10px !important;
  top: 12px;
}
ul.ui-alertbox1 .animclass {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
ul.ui-alertbox1 .slim {
  display: block !important;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
}
.alert-success .hasicon,
.alert-info .hasicon,
.alert-warning .hasicon,
.alert-danger .hasicon {
  margin-left: 60px !important;
}
.label {
  font-size: 85%;
  padding: 0.1em 0.4em 0.2em;
}
label {
  font-family: inherit;
  font-weight: 400;
}
.form-horizontal label {
  disable: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
.label-inline,
.checkbox-inline,
.radio-inline {
  line-height: 15.6px;
}
.radio-inline input[type="radio"],
.checkbox-inline input[type="checkbox"] {
  margin-top: 1px;
}
.btn-group.bs-noconflict,
.sdmenu.bs-noconflict {
  display: inline-block !important;
}
.input-group.bs-noconflict {
  display: table !important;
}
.panel > .collapsing {
  display: block !important;
}
.input-group .select2-container .select2-choice .select2-arrow {
  background: none;
  border-left: 0 solid transparent;
}
.ie9 .input-group .select2-container.form-control {
  box-sizing: content-box;
  /* Fix for issue in quick create menu: select2 right side gap before button */
}
.pagination > li > a,
.pagination > li > span {
  color: #515151;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #F5F5F5;
  color: #515151;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #515151;
}
.pagination.ui1.nowrap {
  display: table;
}
.pagination.ui1.nowrap > li {
  display: table-cell;
}
.pagination.ui1 > li > a {
  background-color: #F5F5F5;
  border-color: #cacaca;
  font-size: var(--font-size-medium);
  padding: 8px 14px;
}
.pagination.ui1 > li:not(:last-child) > a {
  margin-right: 14px !important;
}
.pagination.ui1 > li.active > a,
.pagination.ui1 > li > a:hover,
.pagination.ui1 > li > a:focus {
  color: #FFF;
  background-color: #3a3a3a;
}
.pagination.ui1.small > li > a {
  font-size: var(--font-size-base);
  padding: 2px 10px;
}
.pagination.ui1.small > li:not(:last-child) > a {
  margin-right: 10px !important;
}
body.print .preview-panel {
  padding-top: 60px;
}
body.print .preview-panel .profpic {
  padding-left: 15px;
  padding-top: 15px;
}
body.print .preview-panel .prtprof {
  display: inline-block;
  width: 48px;
  height: 48px;
}
body.print h5 {
  color: #000;
  padding-top: 12px;
  padding-bottom: 12px;
}
body.print .detailview .req-type-icon {
  width: auto;
}
body.print .detailview .title-width-md {
  width: 40%;
}
body.print .detailview .content-panel {
  border: 0 none;
}
body.print .detailview .headerbar .title span.text {
  color: #000;
}
body.print .content-section > h5 {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 5px !important;
  background: none;
  border-top: 1px solid #CCC;
  border-bottom: 2px solid #CCC;
  font-size: var(--font-size-xlarge);
  margin-top: 40px !important;
  margin-bottom: 25px !important;
}
body.print div.resources h5 {
  padding-top: 9px;
  padding-bottom: 9px;
}
body.print #content #content-inner {
  min-width: auto;
}
body.print .sdp-glyph-hand-circle,
body.print .sdp-glyph-info-triangle {
  background-color: #EEE;
  border-radius: 50%;
  display: table-cell;
  font-size: var(--fs-20);
  text-align: center;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  position: relative;
  top: 5px;
}
body.print .sdp-glyph-hand-circle:before,
body.print .sdp-glyph-info-triangle .path1:before,
body.print .sdp-glyph-info-triangle .path2:before {
  color: #868686;
}
body.print .sdp-glyph-notes:before {
  color: #ff8d0b;
}
body.print .sdp-glyph-mail:before {
  color: #f00;
}
body.print .sdp-glyph-mail-open:before {
  color: #4cc72f;
}
.status-badge {
  font-size: var(--font-size-medium);
  padding: 4px 10px;
  position: relative;
  top: 4px;
}
.status-badge.default {
  border: 2px solid #494949;
  color: #4e4e4e;
}
.status-badge.info {
  border: 2px solid #00b6fc;
  color: #1195eb;
}
.status-badge.success {
  border: 2px solid #00a511;
  color: #378d41;
}
.status-badge.success:not(.fcr):not(.off):before {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e938";
  top: 1px;
  padding-right: 8px !important;
}
.status-badge.success:not(.fcr):not(.off):before.glyph-color1 {
  color: #7f7f7f;
}
.status-badge.success:not(.fcr):not(.off):before.glyph-color2 {
  color: #FFF;
}
.status-badge.success:not(.fcr):not(.off):before.glyph-color3 {
  color: #3a96e7;
}
.status-badge.success:not(.fcr):not(.off):before.glyph-color4 {
  color: #000;
}
.status-badge.success.fcr:before {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e999";
  top: 1px;
  padding-right: 8px !important;
}
.status-badge.success.fcr:before.glyph-color1 {
  color: #7f7f7f;
}
.status-badge.success.fcr:before.glyph-color2 {
  color: #FFF;
}
.status-badge.success.fcr:before.glyph-color3 {
  color: #3a96e7;
}
.status-badge.success.fcr:before.glyph-color4 {
  color: #000;
}
.status-badge.warning {
  border: 2px solid #ff9102;
  color: #ff8635;
}
.status-badge.warning:not(.off):before {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
  top: 1px;
  padding-right: 8px !important;
}
.status-badge.warning:not(.off):before.glyph-color1 {
  color: #7f7f7f;
}
.status-badge.warning:not(.off):before.glyph-color2 {
  color: #FFF;
}
.status-badge.warning:not(.off):before.glyph-color3 {
  color: #3a96e7;
}
.status-badge.warning:not(.off):before.glyph-color4 {
  color: #000;
}
.status-badge.danger {
  border: 2px solid #ff0606;
  color: #ff3a5a;
}
.status-badge.danger:not(.off):before {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
  top: 1px;
  padding-right: 8px !important;
}
.status-badge.danger:not(.off):before.glyph-color1 {
  color: #7f7f7f;
}
.status-badge.danger:not(.off):before.glyph-color2 {
  color: #FFF;
}
.status-badge.danger:not(.off):before.glyph-color3 {
  color: #3a96e7;
}
.status-badge.danger:not(.off):before.glyph-color4 {
  color: #000;
}
.status-badge.unapproved1 {
  /*Request details page*/
  border: 2px solid #0087c0;
  /*0087C4 simular to 0087C0*/
  color: #0087c0;
  /*0087C4 simular to 0087C0*/
}
.status-badge.default1 {
  /*Draft color in Request Workflow*/
  border: 2px solid #e1e1e1;
  /*#e1e1e1*/
  background-color: #f1f1f1;
  /*#f1f1f1*/
  color: #555;
}
@media print {
  * {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
  body.print .admin-panel {
    display: none;
  }
  body.print body.print .print-cnt {
    padding-top: initial;
  }
  body.print .col-group {
    float: left !important;
    width: 50%;
  }
  body.print p {
    page-break-inside: avoid;
  }
  body.print .sdp-glyph-lock.in:before {
    color: #a74f4f;
  }
  body.print .sdp-glyph-paperclip:before {
    color: #515151;
  }
  body.print .detailview .status-badge.success,
  body.print .detailview .status-badge.success:before {
    color: #378d41 !important;
  }
  body.print .detailview .status-badge.failure,
  body.print .detailview .status-badge.failure:before {
    color: #ff3a5a !important;
  }
  body.print .detailview .status-badge.info,
  body.print .detailview .status-badge.info:before {
    color: #1195eb !important;
  }
  body.print .accordion-log.accordion-timeline .label.label-primary {
    border-color: #DDD;
  }
  body.print .accordion-log .panel-group.history-log.status-log .badge.badge-danger {
    color: #a74f4f !important;
  }
  body.print .accordion-log .panel-group.history-log.status-log .badge.badge-success {
    color: #33823c !important;
  }
  /* to avoid ctrl+P print view showing url */
  a[href]:after {
    content: none !important;
  }
  tr {
    page-break-inside: auto !important;
  }
}
@page {
  /* Not supported in Firefox */
  /* Setting up A4 Print size */
  margin: 0.5cm;
  /* size:8.27in 11.69in; */
  /*Request ID : 67527*/
  mso-header-margin: 0.5in;
  mso-footer-margin: 0.5in;
  mso-paper-source: 0;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
}
.sdmenu-dd.auto-suggest {
  max-height: 240px!important;
  overflow: auto!important;
  font-size: var(--font-size-base);
  max-width: 350px;
  word-break: break-word;
}
.sb h3 {
  font-weight: bold;
}
.sdmenu-dd {
  min-width: 180px;
}
/* Issue ID 89978 */
.form-control[readonly] {
  cursor: var(--sdpcursor-text);
}
/* sdpdesign upgrade issue fix start */
.sdtabs-ui1 .nav.nav-sdtabs li > a:not(.hide),
.sdtabs-ui2 .nav.nav-sdtabs li > a:not(.hide),
.sdtabs-ui1 .nav.nav-sdtabs li > .a-tab-ui:not(.hide),
.sdtabs-ui2 .nav.nav-sdtabs li > .a-tab-ui:not(.hide) {
  display: block !important;
}
.chat-mini-header ul.chat-menubar li a:not(.hide) {
  display: block !important;
}
.form-control-static {
  min-height: unset;
}
@media (min-width: 768px) {
  .form-inline .form-control-static {
    display: unset;
  }
}
.zia-tabs.sdtabs-ui2 ul.nav.nav-sdtabs li > a,
.zia-tabs.sdtabs-ui2 ul.nav.nav-sdtabs li > .a-tab-ui {
  display: inline-block !important;
}
/* sdpdesign upgrade issue fix end */
.requestBox .btn-default,
.ccBtnPanel .btn-default,
.roweven .btn-default,
.rowEven .btn-default,
.submit-row .btn-default,
.submit-row .btn-default,
.submit-row .btn-default .FormSubmitBG2 .btn-default,
.detailview .controls .sdmenu-dd .form-footer .btn-default {
  background-color: #FFF;
  border-color: #e6e6e6;
}
.requestBox .btn-default:hover,
.ccBtnPanel .btn-default:hover,
.roweven .btn-default:hover,
.rowEven .btn-default:hover,
.submit-row .btn-default:hover,
.submit-row .btn-default:hover,
.submit-row .btn-default:hover,
.FormSubmitBG2 .btn-default:hover,
.detailview .controls .sdmenu-dd .form-footer .btn-default:hover {
  background-color: #e6e6e6;
  border-color: #dadada;
}
.fcline-crop .radio-inline,
.fcline-crop .checkbox-inline {
  padding-left: 22px;
}
.print.change-mod .panel-heading.active,
.print.change-mod .panel-heading,
.print.change-mod .accordion-log .panel-heading:hover {
  background: none;
}
.print.change-mod .non-printable .panel-heading.active {
  background-color: #F5F5F5;
}
.print.change-mod .accordion-log.accordion-timeline .panel,
.print.change-mod #ui-framework-design1 .ui-underline1 {
  border: none !important;
}
.print.change-mod hr,
.print.change-mod #see_more_content,
.print.change-mod #hide_more_content,
.print.change-mod .accordion-log .arrow-toggle,
.print.change-mod .accordion-log .collapsed .arrow-toggle,
.print.change-mod #downtimeform {
  display: none !important;
}
.print.change-mod .accordion-log .panel-heading {
  border-bottom: 1px #EEE solid;
  padding-left: 0px !important;
  padding-bottom: 0px !important;
}
.print.change-mod .accordion-log .panel-heading .panel-title {
  padding-right: 5px !important;
  padding-bottom: 5px !important;
}
.print.change-mod .print-subcontainer .panel-heading {
  font-size: 11pt;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.print.change-mod z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.is-selected .zcollapsiblepanel__header {
  background-color: transparent;
}
.print.change-mod #Release_print_content_schedule_nodatabanner .alert-nodata {
  margin-bottom: 20px;
}
.print.change-mod .panel:not(.panel-heading) {
  box-shadow: none;
}
.print.change-mod #Planning_print_content_associations #ui-framework-design1 hr,
.print.change-mod #Close_print_content_details > hr {
  visibility: hidden !important;
  margin-top: 0px !important;
  display: block !important;
}
.print.change-mod #planningtab .panel-heading .sb {
  color: #000;
  /* #333 */
}
.print.change-mod #Planning_print_content_associations #ui-framework-design1 > .sb {
  color: #515151;
  /* #515151 */
}
.print.change-mod #Release_print_content_associations .sb.ui-underline1,
.print.change-mod #Implementation_print_content_associations .sb.ui-underline1 {
  font-weight: normal !important;
}
.print.change-mod #header_panel_print_content > .title-holder,
.print.change-mod #Review_print_content_details .accordion-log {
  padding-top: 0px !important;
}
.print.change-mod #change_roles,
.print.change-mod .mt20.mb10 {
  margin-top: 10px !important;
}
.print.change-mod #Close_additionalfieldsSection,
.print.change-mod .atp-container {
  margin-top: 0px !important;
}
.print.change-mod #changeDescription .panel-heading,
.print.change-mod #UAT_descriptivefield .panel-heading,
.print.change-mod #Release_descriptivefield .panel-heading,
.print.change-mod #reviewdetails .panel-heading,
.print.change-mod #closedetails .panel-heading {
  padding-bottom: 8px !important;
}
.print.change-mod #changeDescription .panel-heading .sb,
.print.change-mod #UAT_descriptivefield .panel-heading .sb,
.print.change-mod #Release_descriptivefield .panel-heading .sb,
.print.change-mod #reviewdetails .panel-heading .sb,
.print.change-mod #closedetails .panel-heading .sb {
  color: #000;
}
.print.change-mod .form-wrapper.pb25 {
  padding-bottom: 15px !important;
}
.print.change-mod #Implementation_print_content_associations .ui-underline1,
.print.change-mod #Release_print_content_schedule_div {
  padding-bottom: 0px !important;
}
.print.change-mod #Submission_schedule .form-wrapper.pb25,
.print.change-mod #change_roles .form-wrapper.pb25,
.print.change-mod #uat_schedule .form-wrapper.pb25,
.print.change-mod #Review_print_content_schedule .form-wrapper.pb25,
.print.change-mod #Close_additionalfields .form-wrapper.pb25 {
  padding-bottom: 0px !important;
}
.print.change-mod #planningtab .panel,
.print.change-mod #UAT_descriptivefield,
.print.change-mod #Release_descriptivefield,
.print.change-mod #reviewdetails,
.print.change-mod #closedetails {
  margin-bottom: 0px !important;
}
.print.change-mod .accordion-log .panel-heading + .panel-collapse .panel-body {
  border: 0;
}
.print.change-mod .accordion-log.pt20 {
  padding-top: 10px !important;
}
.print.change-mod .accordion-log.pt20 .panel-group {
  margin-bottom: 0px !important;
}
.print.change-mod #Release_print_content_associations,
.print.change-mod #Implementation_print_content_associations {
  padding-top: 10px !important;
}
.print.change-mod #Approval-tabs-panel_content .panel-title {
  margin-bottom: 0px !important;
}
.print.change-mod #Approval-tabs-panel_content .panel-heading {
  padding-left: 5px !important;
  padding-bottom: 10px !important;
}
.print.change-mod #uat_testplan,
.print.change-mod #uat_issues,
.print.change-mod #release_issues {
  margin-bottom: 10px !important;
}
.print.change-mod #associatedReleaseList #listviewloader,
.print.change-mod #associatedReleaseList #releases_div {
  height: auto !important;
}
@media print {
  .print.change-mod .form-footer,
  .print.change-mod .non-printable {
    display: none;
  }
  .print.change-mod #preview-panel {
    padding-top: 0px !important;
  }
  .print.change-mod .detailview > div {
    border: 1px solid rgba(189, 189, 189, 0.7) !important;
  }
  .print.change-mod .print-subtitle {
    border-bottom: 1px solid rgba(189, 189, 189, 0.7);
    box-shadow: none;
  }
  .print.change-mod .form-horizontal.four-col .form-section,
  .print.change-mod .four-col:not(.form-edit) .form-group > .col-group:first-child,
  .print.change-mod .form-template .border.four-col .col-fields,
  .print.change-mod .alert-nodata {
    border-color: rgba(189, 189, 189, 0.45) !important;
  }
  .print.change-mod .form-horizontal.four-col > .col-group:nth-child(2) {
    border-left: 1px solid rgba(189, 189, 189, 0.45);
  }
  .print.change-mod .form-horizontal.four-col .col-group + .col-group .col-fields {
    margin-left: 0px !important;
  }
}
[data-switch="sdbuttons"] > .btn input[type="radio"],
[data-switch="sdbuttons"] > .btn-group > .btn input[type="radio"],
[data-switch="sdbuttons"] > .btn input[type="checkbox"],
[data-switch="sdbuttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.form-control,
.select2-container-multi,
.input-group .form-control,
.input-group-addon,
div.select2-container .select2-choice {
  border-color: #e6e6e6;
}
.sdmenu-dd .divider {
  background-color: #e6e6e6;
  height: 1px;
}
.input-group-addon {
  background-color: #F5F5F5;
}
html,
body,
table tr td,
p {
  color: #333333;
}
.sdmenu-dd {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.13);
  border: 0.5px solid #e6e6e6;
  background-color: #fcfcfc;
}
.btn-default,
.linkborder,
.formStylebutton {
  background-color: #F5F5F5;
  border: 1px solid #d7d7d7;
}
.btn-default:hover,
.linkborder:hover,
.formStylebutton:hover,
.btn-default:focus,
.linkborder:focus,
.formStylebutton:focus {
  background-color: #e6e6e6;
  border: 1px solid #d7d7d7;
}
.select2-container-multi.form-control .select2-choices,
.select2-container.select2-container-multi .select2-choices {
  background: #fff;
}
.listcontrols .btn-default.btn-info,
.btn-default.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.listcontrols .btn-default.btn-info:focus,
.btn-default.btn-info:focus,
.listcontrols .btn-default.btn-info.focus,
.btn-default.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.listcontrols .btn-default.btn-info:hover,
.btn-default.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.listcontrols .btn-default.btn-info:active,
.btn-default.btn-info:active,
.listcontrols .btn-default.btn-info.active,
.btn-default.btn-info.active,
.open > .sdmenu-toggle.listcontrols .btn-default.btn-info,
.open > .sdmenu-toggle.btn-default.btn-info {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.listcontrols .btn-default.btn-info.disabled:hover,
.btn-default.btn-info.disabled:hover,
.listcontrols .btn-default.btn-info[disabled]:hover,
.btn-default.btn-info[disabled]:hover,
fieldset[disabled] .listcontrols .btn-default.btn-info:hover,
fieldset[disabled] .btn-default.btn-info:hover,
.listcontrols .btn-default.btn-info.disabled:focus,
.btn-default.btn-info.disabled:focus,
.listcontrols .btn-default.btn-info[disabled]:focus,
.btn-default.btn-info[disabled]:focus,
fieldset[disabled] .listcontrols .btn-default.btn-info:focus,
fieldset[disabled] .btn-default.btn-info:focus,
.listcontrols .btn-default.btn-info.disabled.focus,
.btn-default.btn-info.disabled.focus,
.listcontrols .btn-default.btn-info[disabled].focus,
.btn-default.btn-info[disabled].focus,
fieldset[disabled] .listcontrols .btn-default.btn-info.focus,
fieldset[disabled] .btn-default.btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.listcontrols .btn-default.btn-info .badge,
.btn-default.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.listcontrols .btn-default.btn-secondary,
.btn-default.btn-secondary {
  color: #FFF;
  background-color: #7f7f7f;
  border-color: #727272;
}
.listcontrols .btn-default.btn-secondary:focus,
.btn-default.btn-secondary:focus,
.listcontrols .btn-default.btn-secondary.focus,
.btn-default.btn-secondary.focus {
  color: #FFF;
  background-color: #666666;
  border-color: #545454;
}
.listcontrols .btn-default.btn-secondary:hover,
.btn-default.btn-secondary:hover {
  color: #FFF;
  background-color: #666666;
  border-color: #545454;
}
.listcontrols .btn-default.btn-secondary:active,
.btn-default.btn-secondary:active,
.listcontrols .btn-default.btn-secondary.active,
.btn-default.btn-secondary.active,
.open > .sdmenu-toggle.listcontrols .btn-default.btn-secondary,
.open > .sdmenu-toggle.btn-default.btn-secondary {
  color: #FFF;
  background-color: #666666;
  background-image: none;
  border-color: #545454;
}
.listcontrols .btn-default.btn-secondary.disabled:hover,
.btn-default.btn-secondary.disabled:hover,
.listcontrols .btn-default.btn-secondary[disabled]:hover,
.btn-default.btn-secondary[disabled]:hover,
fieldset[disabled] .listcontrols .btn-default.btn-secondary:hover,
fieldset[disabled] .btn-default.btn-secondary:hover,
.listcontrols .btn-default.btn-secondary.disabled:focus,
.btn-default.btn-secondary.disabled:focus,
.listcontrols .btn-default.btn-secondary[disabled]:focus,
.btn-default.btn-secondary[disabled]:focus,
fieldset[disabled] .listcontrols .btn-default.btn-secondary:focus,
fieldset[disabled] .btn-default.btn-secondary:focus,
.listcontrols .btn-default.btn-secondary.disabled.focus,
.btn-default.btn-secondary.disabled.focus,
.listcontrols .btn-default.btn-secondary[disabled].focus,
.btn-default.btn-secondary[disabled].focus,
fieldset[disabled] .listcontrols .btn-default.btn-secondary.focus,
fieldset[disabled] .btn-default.btn-secondary.focus {
  background-color: #7f7f7f;
  border-color: #727272;
}
.listcontrols .btn-default.btn-secondary .badge,
.btn-default.btn-secondary .badge {
  color: #7f7f7f;
  background-color: #FFF;
}
.listcontrols .btn-default.btn-secondary .hview-n,
.btn-default.btn-secondary .hview-n {
  background-position: -558px -268px;
}
.listcontrols .btn-default.btn-secondary .vview-n,
.btn-default.btn-secondary .vview-n {
  background-position: -523px -268px;
}
.detailview div.controls,
.detailview.three-panel div.controls,
.admin-panel div.headerfill,
.headerfill {
  background: #f7f7f7;
}
.sdp-show-dropdown.sdmenu-dd {
  right: unset;
}
.sdmenu-dd {
  border-radius: 6px;
}
.sdmenu-dd li {
  margin: 5px;
}
.sdmenu-dd li > a:hover,
.sdmenu-dd li > span:hover,
.sdmenu-dd li > label:hover,
.sdmenu-dd li > button:hover {
  border-radius: 6px;
}
.sdmenu-dd .cnt {
  margin: 0;
}
.sdmenu-dd > li > .a-tag-sdmenu,
.sdmenu-dd > li > .a-tab-ui {
  padding: 6px 12px;
}
.sdmenu-dd .active > .a-tag-sdmenu,
.sdmenu-dd .active > .a-tag-sdmenu:hover,
.sdmenu-dd .active > .a-tag-sdmenu:focus,
.sdmenu-dd .active > .a-tab-ui,
.sdmenu-dd .active > .a-tab-ui:hover,
.sdmenu-dd .active > .a-tab-ui:focus,
.sdmenu-dd .active > a,
.sdmenu-dd .active > a:hover,
.sdmenu-dd .active > a:focus {
  border-radius: 0;
}
.sdmenu-dd ul.sortlist li {
  margin: 5px;
  width: calc(100% - 10px) !important;
}
.sdmenu-dd ul.sortlist li > a:hover,
.sdmenu-dd ul.sortlist li > span:hover,
.sdmenu-dd ul.sortlist li > label:hover,
.sdmenu-dd ul.sortlist li > button:hover {
  border-radius: 0px;
}
.sdmenu-dd ul.sortlist li:hover {
  border-radius: 6px;
}
.sdmenu-dd ul.sortlist li .disp-c {
  vertical-align: middle;
}
.sdmenu-dd ul.content-list li {
  margin: 5px;
}
.sdmenu-dd ul.content-list li > a:hover,
.sdmenu-dd ul.content-list li > span:hover,
.sdmenu-dd ul.content-list li > label:hover,
.sdmenu-dd ul.content-list li > button:hover {
  border-radius: 0px;
}
.sdmenu-dd ul.content-list li:hover {
  border-radius: 6px;
}
.sdmenu-dd ul.content-list li .disp-c {
  vertical-align: middle;
}
.sdmenu-dd li.block-highlighted {
  margin-bottom: 0px;
  margin-top: 0px !important;
}
.sdmenu-dd li.req-refresh-list {
  margin: 0px;
}
.sdmenu-dd2 li > a {
  padding: 5px 12px;
}
.sdmenu-dd2.graph-type-ul li {
  margin: 0 5px;
}
.top-container .sdmenu-dd > li:hover,
.sidebar-container .sdmenu-dd > li:hover {
  border-radius: 6px;
}
.dashboard-customization .dashboard-innercol .sdmenu-dd .dashboard-refresh input[type="radio"] {
  transform: translateY(2px);
}
.dashboard-customization .dashbdsett li:last-child a {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}
.colchoose.sdmenu-dd > li {
  margin: 0;
}
.sdmenu-dd-default li {
  margin: 0;
}
.sdmenu-dd-default li > a:hover,
.sdmenu-dd-default li > span:hover,
.sdmenu-dd-default li > label:hover,
.sdmenu-dd-default li > button:hover {
  border-radius: 0;
  margin: 0;
}
.importmenu-head {
  background: #F5F5F5;
  padding: 5px !important;
  font-weight: bold !important;
  color: #000;
  /* #000 */
}
.importmenu-head.block-bordered {
  border: 1px solid #e6e6e6;
}
.widgets-container [data-sizey="1"] .widget-menu-container .sdmenu-dd2.graph-type-ul {
  max-height: 240px;
  overflow-y: auto;
}
.sdmenu-dd > .req-refresh-list {
  margin: 0px;
}
/* Upload Icon tab BG issue fix start */
.sdmenu-dd .uploadicon-popover > .sdtabs-ui2 .nav-sdtabs > li.active > a {
  background-color: transparent !important;
}
.sdmenu-dd .uploadicon-popover > .sdtabs-ui2 .nav-sdtabs > li > a:hover {
  background-color: transparent !important;
  border-radius: 0px;
}
/* Upload Icon tab BG issue fix end */
.sdmenu-dd .uploadicon-popover li > a:hover {
  border-radius: 0px;
}
.sdmenu-dd.helpmenu .sdmenu-dd2 > li {
  margin: 5px 0;
}
.sdp-show-dropdown .ticket-dropdown-menu .list-item {
  margin: 0px 5px;
}
.sdp-show-dropdown .ticket-dropdown-menu .list-item .item-select:hover {
  border-radius: 6px;
}
/* ----------------------------------------------- */
/* base-design.less */
/* ----------------------------------------------- */
.widget-header {
  background-color: #FFF;
  border-bottom: 1px solid #EEE;
}
html,
body,
#main,
#content,
#content-inner {
  height: 100%;
}
html,
body {
  direction: ltr;
}
.darkbg {
  background: #d8d8d8;
}
#main {
  display: table;
  width: 100%;
}
#content #content-inner {
  min-width: 1240px;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.fl-none {
  float: none !important;
}
hr.bglight5 {
  border-top: 1px solid #f1f1f1;
}
.MsoNormal {
  margin: 0;
}
.top-header .navbar-brand > img,
.ssp-header img {
  width: 155px;
  height: 38px;
}
.ssp-login img {
  width: 252px;
  height: 61px;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #777;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777;
}
::-moz-placeholder,
.form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777;
}
:-ms-input-placeholder,
:-ms-input-placeholder.form-control {
  /* Internet Explorer 10+ */
  color: #777;
}
.btn-icon {
  background-color: transparent;
  border-color: transparent;
  border-width: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
.box-fill.sdp-glyph {
  box-sizing: unset;
  font-size: var(--fs-8);
  padding: 1px;
  width: 8px;
  height: 8px;
  top: -2px;
  border-width: 1px;
  border-style: solid;
}
.box-fill.sdp-glyph.sdp-glyph-plus {
  background-color: #868686;
  border-color: #6c6c6c;
  color: #FFF;
  box-sizing: content-box;
}
.btn:hover .box-fill.sdp-glyph-plus {
  background-color: #008ddd;
  border: 1px #008ddd solid;
  background-color: var(--primary_button_color, #008ddd);
  border: 1px var(--primary_button_color, #008ddd) solid;
}
.alert-nodata {
  border: 1px solid #EEE;
  padding: 10px;
  display: table;
  width: 100%;
}
.alert-nodata:before {
  content: '';
  width: 21px;
  height: 21px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  background-position: -348px -121px;
  display: table-cell !important;
  top: initial;
}
.alert-nodata .status-icon {
  display: none;
}
.alert-nodata .msg {
  color: #868686;
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 2;
  border-bottom: 1px solid #CCC;
  box-shadow: 0 2px 5px rgba(25, 25, 25, 0.2);
}
.form-control-auto,
select.form-control-auto {
  display: inline-block;
  width: auto;
}
.form-footer {
  background-color: #F5F5F5;
  border-top: 1px solid #f1f1f1;
  text-align: center;
  padding: 10px 0;
}
.form-footer.fixedbtn {
  position: fixed;
  bottom: 0;
  text-align: center;
  width: 100%;
  z-index: 10;
}
.form-wrapper {
  padding: 10px 15px;
}
.form-popup .scroller {
  position: absolute;
  left: 0px !important;
  right: 0px !important;
  overflow-y: auto;
}
.email-label.input-group-addon {
  min-width: 100px;
  text-align: right !important;
}
.colon:before {
  content: ":";
  margin-right: 5px !important;
}
.browse-row {
  font-weight: bold;
  background-color: #EEE;
  padding: 9px 15px;
  text-align: center;
}
/* GENERAL */
.hover-off {
  cursor: var(--sdpcursor-not-allowed);
}
.hover-off:hover {
  opacity: 0.6;
}
.no-hover,
.btn-link.no-hover {
  color: #000;
  text-decoration: none;
}
.no-hover:hover,
.no-hover:focus,
.btn-link.no-hover:hover {
  color: inherit;
  text-decoration: inherit;
}
.btn-link.hover:hover {
  background-color: #eee;
  border-color: #CCC;
}
textarea.resize-disabled {
  resize: none;
}
textarea.resize-vertical,
.form-horizontal textarea {
  resize: vertical;
}
textarea.resize-horizontal {
  resize: horizontal;
}
.vbar {
  background: #868686;
  display: inline-block;
  height: 20px;
  padding: 0;
  position: relative;
  width: 1px;
}
.ph-ltr::-webkit-input-placeholder {
  /* WebKit browsers */
}
.ph-ltr::-moz-placeholder {
  /* Mozilla Firefox 19+ */
}
.ph-ltr:-ms-input-placeholder {
  /* Internet Explorer 10+ */
}
/* Sidebar */
.sidebar {
  width: 230px;
}
#_DIALOG_CONTENT .form-wrapper,
.ui-dialog .form-wrapper,
#_DIALOG_CONTENT .content-wrapper,
.ui-dialog .content-wrapper {
  box-sizing: border-box;
  min-width: initial;
  width: 100%;
}
@media only screen and (min-width: 1680px) {
  .form-wrapper,
  .content-wrapper,
  .form-footer .wrapper,
  [data-name=formconfig-wrapper],
  .form-template:not(.alert-dialog-ui1) {
    max-width: 1900px;
  }
  .form-horizontal.four-col .submit-row .submit-row-inner:not(.tc) {
    margin-left: 16.66666667%;
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  [data-name=formconfig-wrapper] {
    margin: 0;
  }
}
/* jumbotrons begins */
.feature-cnt .jumbotron-container {
  display: table;
  margin: 0 auto;
}
.feature-cnt .adminwelcome-icon {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.feature-cnt .adminwelcome-icon span {
  font-size: var(--fs-238);
  letter-spacing: -40px;
  color: #e9e9e9;
  line-height: 1;
}
.feature-cnt .jumbotron-content {
  display: table-cell;
  vertical-align: middle;
}
.feature-cnt .jumbotron-content h2 {
  font-weight: 500;
  margin-bottom: 9px;
  font-size: var(--fs-27);
  font-weight: inherit;
  margin-top: 18px;
}
.feature-cnt .jumbotron-content .jumbotron-text {
  margin-top: -30px;
}
/* jumbotrons ends */
/* cursors */
.cur-def {
  cursor: var(--sdpcursor-default) !important;
}
.cur-ptr {
  cursor: var(--sdpcursor-pointer) !important;
}
.cursor-hand,
.cur-hand {
  cursor: hand !important;
}
.cursor-drag,
.cur-drag {
  cursor: drag !important;
}
.cur-na {
  cursor: var(--sdpcursor-not-allowed) !important;
}
.ptr-ev-init {
  pointer-events: initial !important;
}
.ptr-ev-none {
  pointer-events: none !important;
}
.selectall {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.fieldset-ui1,
.form-horizontal .fieldset-ui1 {
  border: 3px solid #DDD;
  padding: 1em 1.4em 1.4em 1.4em;
  margin: 0 1em 1.5em;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  background: #FFF;
}
.fieldset-ui1 > label.checkbox-inline,
.form-horizontal .fieldset-ui1 > label.checkbox-inline {
  margin-bottom: 0;
  position: relative;
  top: -1px;
}
.fieldset-ui1 legend,
.form-horizontal .fieldset-ui1 legend {
  text-align: left !important;
  width: auto;
  padding: 2px 10px;
  border: none;
  background: #DDD;
  margin: 0;
  color: #000;
}
.pagination-listview .sdmenu-dd {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -2px;
  min-width: auto;
}
.pagination-listview .btn[disabled] .sdp-glyph {
  opacity: 0.5;
}
/* In Survey input date field old formstyle must change */
/* popcalender input group form-control replace formStyle */
.input-group .form-control {
  position: relative;
  z-index: 2;
  background-image: none;
  border: 1px solid #e6e6e6;
  color: #555;
  font-size: var(--font-size-base);
  height: 28px;
  line-height: 1.42857;
  padding: 4px 10px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.input-group .form-control:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.block-bordered {
  border: 1px solid #e6e6e6;
}
.block-highlighted {
  background: #F5F5F5;
}
.block-highlighted.block-bordered {
  border: 1px solid #e6e6e6;
}
.block-row {
  display: table;
  border-top: 1px solid #e6e6e6;
}
.block-row:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.block-row a {
  color: #000;
}
.block-row > div {
  display: table-cell;
}
.block-row:hover {
  background: #F5F5F5;
}
.block-row:hover a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.block-row:hover .hover-read {
  visibility: visible;
}
.block-row .hover-read {
  visibility: hidden;
}
#_DIALOG_LAYER .block-row {
  display: block;
}
.loading1,
.loading2 {
  position: absolute !important;
  top: 65px;
  left: 49%;
}
.loading-bar1,
.loading-bar2 {
  display: inline-block;
  width: 5px;
  height: 13px;
  border-radius: 4px;
  animation: loading1 1s ease-in-out infinite;
  margin-left: 5px !important;
}
.loading-bar1:nth-child(1) {
  background-color: #c8c8c8;
  animation-delay: 0;
}
.loading-bar1:nth-child(2) {
  background-color: #979898;
  animation-delay: 0.09s;
}
.loading-bar1:nth-child(3) {
  background-color: #717272;
  animation-delay: 0.18s;
}
.loading-bar1:nth-child(4) {
  background-color: #424343;
  animation-delay: 0.27s;
}
.loading-bar2:nth-child(1) {
  background-color: #b8b8b8;
  animation-delay: 0;
}
.loading-bar2:nth-child(2) {
  background-color: #cbcbcb;
  animation-delay: 0.09s;
}
.loading-bar2:nth-child(3) {
  background-color: #e7e7e7;
  animation-delay: 0.18s;
}
.loading-bar2:nth-child(4) {
  background-color: #ffffff;
  animation-delay: 0.27s;
}
@keyframes loading1 {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes loading2 {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}
.table.table-ui1 tbody > tr > th {
  background-color: #F9F9F9;
  padding-top: 12px;
  padding-bottom: 12px;
}
.chart-indicator {
  border: 1px solid #d4d4d4;
  display: inline-block;
  padding: 2px;
}
.chart-indicator > .box {
  border: 1px solid transparent;
  float: left !important;
  padding: 3px 5px;
}
.chart-indicator > .box.empty {
  border: 1px solid #a3a3a3;
}
.chart-indicator > .box:not(:last-child) {
  margin-right: 2px !important;
}
.maincview {
  display: table-cell;
  height: 100%;
  position: relative;
  z-index: 9;
}
.maincview .cview {
  width: 250px;
  position: relative;
  height: 100%;
  background-color: #FFF;
  z-index: 10;
  border: none;
}
.maincview.overlapcview .cview {
  border-right: 0.5px solid #e6e6e6;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.maincview .secmaincview {
  width: 250px;
  position: absolute;
  height: 100%;
  background-color: #FFF;
  z-index: -1;
  border: 1px solid #a8a8a8;
  /* #a8a8a8 */
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3);
  left: 0;
}
.maincview.overlapcview .secmaincview {
  border-top: none;
  border-left: medium none #fff;
}
.cview [data-id=pinnable-content] {
  border-bottom: 1px solid #CCC;
  padding: 10px;
  cursor: var(--sdpcursor-pointer);
}
.cview .active[data-id=pinnable-content],
.cview [data-id=pinnable-content]:hover {
  background-color: #FFF;
}
/*pin active*/
.maincview.overlapcview {
  position: fixed;
  height: 100%;
  z-index: 10;
  left: 0 !important;
}
.maincview [data-id=pinnable-contentfixed] {
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #FFF;
}
.maincview.pinmaincview {
  position: fixed;
  height: auto !important;
  z-index: 10;
  top: 40% !important;
  width: auto !important;
  left: 0 !important;
}
.maincview [data-id=pinnable-pin] {
  display: none;
}
.pinmaincview [data-id=pinnable-pin] {
  display: inline-block;
}
.pinmaincview .cview,
.pinmaincview .secmaincview {
  display: none;
}
.cview-freeze {
  background-color: #555;
  height: 100%;
  left: 0;
  opacity: 0.65;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50;
}
/*right direction*/
.maincview.rightmaincview {
  right: 0px !important;
  position: fixed;
}
.maincview.rightmaincview .secmaincview {
  border-left: 1px solid #a8a8a8;
  /* #a8a8a8 */
}
.maincview .show-sidebar-btn {
  padding: 5px;
}
.maincview.animationact .cview,
.maincview.animationact .secmaincview {
  transform: translateX(-330px);
}
.maincview.animationactive .cview,
.maincview.animationactive .secmaincview {
  transform: translateX(0);
  animation: cardtranschange 0.5s;
}
.maincview.animationactive.vtop .cview,
.maincview.animationactive.vtop .secmaincview {
  transform: none;
}
.rightmaincview.maincview.animationactive .cview,
.rightmaincview.maincview.animationactive .secmaincview {
  transform: translateX(0);
  animation: cardtranschangergt 0.5s;
}
@keyframes cardtranschangergt {
  0% {
    transform: translateX(330px);
  }
  100% {
    transform: translateX(0);
  }
}
.rightmaincview .cview {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@keyframes cardtranschange {
  0% {
    transform: translateX(-330px);
  }
  100% {
    transform: translateX(0);
  }
}
/*fixed button*/
.maincview [data-id="pinnable-footerfixed"] {
  border-top: 1px solid #C1C1C1;
  bottom: 0;
  width: 100%;
  position: absolute;
}
.cview .controls {
  padding-right: 60px !important;
}
/* Highlight  */
.highlight-anim {
  animation: colorchange 1s;
}
@keyframes colorchange {
  0% {
    background: #FCFCCE;
  }
  50% {
    background: #FCFCCE;
  }
  100% {
    background: #FCFCCE;
  }
}
@-webkit-keyframes colorchange {
  /* Safari and Chrome - necessary duplicate */
  0% {
    background: #FCFCCE;
  }
  50% {
    background: #FCFCCE;
  }
  100% {
    background: #FCFCCE;
  }
}
/*.cus-input {
	position: relative;
	.paddingleft(23px);
	&.radio-inline,
	&.checkbox-inline {
		padding-top:0;
		vertical-align: text-top;
	}
	&.xs {
		font-size: var(--font-size-base);
		.paddingleft(18px);
		em {
			.square(14px);
		}
	}
	&.sm {
		font-size: var(--font-size-medium);
		.paddingleft(24px);
		em {
			.square(18px);
		}
	}
	&.lg {
		font-size: var(--font-size-xlarge);
		.paddingleft(30px);
		em {
			.square(22px);
		}
	}
	input:focus {
        + em {
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px 1px rgba(102, 175, 233, 0.6);
			border-color: #66afe9;
        }
    }
	input,em:after {
		opacity:0;
	}
	input,em {
		position: absolute;
		.left();
		top:1px;
	}
	&.vmid {
		input,em {
			bottom:0;
			margin:auto 0;
		}
	}
	em {
		border: 2px solid @bglight5;
		display: inline-block;
		border-radius: 3px;
		&:after {
			content: '';
			display: block;
			position: absolute;
			.square(0px);
			background: rgba(0, 0, 0, 0);
			left:50%;
		}
	}
	input[type="radio"] {
		&+em,&+em:after {
			border-radius:50%;
		}
		&+em {
			&:after {
				top:50%;
				background:#efeff1;
				transition: 0.3s all;
				transform: translate(-50%,-50%) rotate(-360deg);
			}
		}
		&:checked {
			&+em:after {
				.square( 50%);
			}
		}
	}
	input[type="checkbox"] {
		&+em:after {
			top: 40%;
			border:0px;
			border-color:#efeff1;
			.size(90%,50%);
		    transform: translate(-50%,-50%) rotate(-45deg);		
		}
		&:checked {
			&+em:after {
				border-left: 2px solid #efeff1;
				border-bottom: 2px solid #efeff1;
				transition: border-left 0.1s 0.1s,border-bottom 0.1s 0.2s;
			}
		}
	}
	input[disabled] + em,
	&:hover input[disabled] + em {
		cursor: var(--sdpcursor-default);
		border: 2px solid @bglight5;
	}
	&:hover em,
	input[type="radio"]:checked + em,
	input[type="checkbox"]:checked + em {
		border: 2px solid #468cc8;
	}
	input[type="radio"]:checked,
	input[type="checkbox"]:checked {
		&+em {
			background-color:#468cc8;
			&:after {
				opacity:1;
			}
		}
		&[disabled] + em  {
			background-color: #a3c6e4;
			border: 1px solid #a3c6e4;
		}
	}
}*/
/*Widget Table*/
.widget-table,
.admin-tbl {
  border: 1px solid #e6e6e6;
}
.widget-table .admin-hdr,
.admin-tbl .admin-hdr {
  background-color: #F5F5F5;
}
.widget-table .widget-header,
.admin-tbl .widget-header,
.widget-table .admin-hdr,
.admin-tbl .admin-hdr {
  border-bottom: none;
}
.widget-table .widget-header .cspr.toggle,
.admin-tbl .widget-header .cspr.toggle,
.widget-table .admin-hdr .cspr.toggle,
.admin-tbl .admin-hdr .cspr.toggle {
  /*class use in sdp-design-overwrite.less*/
  background-position: -180px -24px;
}
.widget-table .widget-header.collapsed .cspr.toggle,
.admin-tbl .widget-header.collapsed .cspr.toggle,
.widget-table .admin-hdr.collapsed .cspr.toggle,
.admin-tbl .admin-hdr.collapsed .cspr.toggle {
  /*class use in sdp-design-overwrite.less*/
  background-position: -199px -24px;
}
.widget-table .widget-box,
.admin-tbl .widget-box,
.widget-table .admin-box,
.admin-tbl .admin-box {
  border-top: 1px solid #e6e6e6;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .widget-table .widget-box,
  .admin-tbl .widget-box,
  .widget-table .admin-box,
  .admin-tbl .admin-box {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
}
.widget-table .widget-box .row,
.admin-tbl .widget-box .row,
.widget-table .admin-box .row,
.admin-tbl .admin-box .row {
  display: flex;
  border-bottom: 1px solid #e6e6e6;
}
.widget-table .widget-box .row > div,
.admin-tbl .widget-box .row > div,
.widget-table .admin-box .row > div,
.admin-tbl .admin-box .row > div {
  border-right: 1px solid #e6e6e6;
  padding: 10px;
}
.widget-table .widget-box .row:last-child,
.admin-tbl .widget-box .row:last-child,
.widget-table .admin-box .row:last-child,
.admin-tbl .admin-box .row:last-child,
.widget-table .widget-box .row > div:last-child,
.admin-tbl .widget-box .row > div:last-child,
.widget-table .admin-box .row > div:last-child,
.admin-tbl .admin-box .row > div:last-child {
  border: none;
}
.widget-table .widget-box.list-hover .row > div,
.admin-tbl .widget-box.list-hover .row > div,
.widget-table .admin-box.list-hover .row > div,
.admin-tbl .admin-box.list-hover .row > div {
  border: none;
}
.widget-table .widget-box.list-hover .row a,
.admin-tbl .widget-box.list-hover .row a,
.widget-table .admin-box.list-hover .row a,
.admin-tbl .admin-box.list-hover .row a {
  color: #000;
}
.widget-table .widget-box.list-hover .row a:hover,
.admin-tbl .widget-box.list-hover .row a:hover,
.widget-table .admin-box.list-hover .row a:hover,
.admin-tbl .admin-box.list-hover .row a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.widget-table .widget-box.list-hover .row:hover a.text-link,
.admin-tbl .widget-box.list-hover .row:hover a.text-link,
.widget-table .admin-box.list-hover .row:hover a.text-link,
.admin-tbl .admin-box.list-hover .row:hover a.text-link {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.widget-table .list-hover > div:hover,
.admin-tbl .list-hover > div:hover,
.widget-table .list-hover > li:hover,
.admin-tbl .list-hover > li:hover {
  background-color: #F9F9F9;
}
/*Visibile element on hover*/
.visi-parent .visi-item {
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}
.visi-parent:hover .visi-item {
  opacity: 1;
}
/** Ellipsis **/
.truncate-ellipsis {
  display: table !important;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}
.truncate-ellipsis .truncate-wrapper {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
}
.char-count {
  color: #777777;
  padding-left: 5px !important;
}
/*second list menu*/
.sbmenus,
.sbmenus ul {
  list-style-type: none;
  padding: 4px 0;
}
.sbmenus li a {
  padding: 5px 12px;
  position: relative;
  color: #515151;
  text-decoration: none;
  display: inline-block;
  width: 100%;
}
.sbmenus li a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  background-color: #F1F1F1;
}
/*Dropdown Arrow*/
.dd-arrow > a:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #868686;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  content: " ";
  display: block;
  float: right !important;
  height: 0;
  margin-right: -10px !important;
  margin-top: 5px;
  width: 0;
}
.dd-arrow.open > a:after,
.dd-arrow > a:hover:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF;
}
/* image element over effect in */
.btn .opac {
  opacity: 0.6;
}
.btn:hover .opac {
  opacity: 1;
}
/*dropdown menus towards right*/
.sb-dropdown .nav > li > a:focus {
  background: none;
}
.sb-dropdown .nav .open > a,
.sb-dropdown .nav > li > a:hover,
.sb-dropdown .nav li.open > a:focus {
  background-color: #009ADB;
  color: #FFF;
}
.sb-dropdown li.dd-arrow > a {
  color: #000;
}
.sb-dropdown .nav > li {
  position: static;
  /*for overflow*/
}
.sb-dropdown .sdmenu > .sdmenu-dd {
  left: 100% !important;
  margin-top: -6px;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 220px;
  max-width: 410px;
}
.sb-dropdown .sdmenu-dd .act > a {
  background-color: var(--primary_button_light_color, #F1F1F1);
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
/*FAFR Form Validation css*/
form[name="ChangeForm"] *:not(span):not(.select2-container).error-text {
  border: 1px solid #a94442;
  padding-bottom: 0px;
  outline: 0px;
}
form[name="ChangeForm"] .select2-container.error-text {
  padding-bottom: 0px;
}
form[name="ChangeForm"] .select2-container.error-text .select2-choices,
form[name="ChangeForm"] .select2-container.error-text .select2-choice {
  border: 1px solid #a94442;
  padding-bottom: 0px;
  outline: 0px;
}
form[name="ChangeForm"] .hidden-overlay input,
form[name="ChangeForm"] .hidden-overlay .select2-container a {
  background: #f4f4f4;
}
/* Zoho RTA */
.ze_dd * {
  box-sizing: content-box !important;
}
.ze_SCmb li strong {
  box-sizing: content-box;
}
.ze_SCmb .ze_pdl {
  font-weight: bold !important;
}
/*Code mirror default line height increase*/
.CodeMirror-code > div:not(:last-child) {
  padding-bottom: 6px;
}
.trouble-head {
  background: #008ddd;
}
body {
  cursor: var(--sdpcursor-default);
}
a {
  cursor: var(--sdpcursor-pointer);
}
/*Zoho Component Overwrite Starts*/
z-collapsiblepanels,
div > .zcollapsiblepanel {
  --zcca-br: #dddddd;
  --zcca-header-bg: #FFF;
  --zcca-header-hover-bg: #f9f9f9;
  --zcca-header-selected-bg: #FFF;
}
body[theme="dark-mode"] z-collapsiblepanels,
body[theme="dark-mode"] div > .zcollapsiblepanel {
  --zcca-br: #424242;
  --zcca-header-bg: #121212;
  --zcca-header-hover-bg: #1a1c1d;
  --zcca-header-selected-bg: #121212;
}
z-collapsiblepanels > .zcollapsiblepanel .zcollapsiblepanel__header,
div > .zcollapsiblepanel .zcollapsiblepanel__header {
  padding: 10px 15px;
  background-color: var(--zcca-header-bg);
}
z-collapsiblepanels > .zcollapsiblepanel .zcollapsiblepanel__header:hover,
div > .zcollapsiblepanel .zcollapsiblepanel__header:hover {
  background-color: var(--zcca-header-hover-bg);
}
z-collapsiblepanels > .zcollapsiblepanel .zcollapsiblepanel__header span.circle-arrow-down.cspr,
div > .zcollapsiblepanel .zcollapsiblepanel__header span.circle-arrow-down.cspr {
  transition: all 0.1s ease-in-out;
}
z-collapsiblepanels > .zcollapsiblepanel .zcollapsiblepanel__header z-button .zcollapsiblepanel__icon svg.zcollapsiblepanel__toggleicon,
div > .zcollapsiblepanel .zcollapsiblepanel__header z-button .zcollapsiblepanel__icon svg.zcollapsiblepanel__toggleicon {
  background-color: transparent !important;
}
z-collapsiblepanels > .zcollapsiblepanel.is-selected .zcollapsiblepanel__header,
div > .zcollapsiblepanel.is-selected .zcollapsiblepanel__header {
  background-color: var(--zcca-header-selected-bg);
}
z-collapsiblepanels > .zcollapsiblepanel.is-selected .zcollapsiblepanel__header:hover,
div > .zcollapsiblepanel.is-selected .zcollapsiblepanel__header:hover {
  background-color: var(--zcca-header-hover-bg);
}
z-collapsiblepanels > .zcollapsiblepanel.is-selected .zcollapsiblepanel__header span.circle-arrow-down.cspr,
div > .zcollapsiblepanel.is-selected .zcollapsiblepanel__header span.circle-arrow-down.cspr {
  transform: rotate(-180deg);
}
z-collapsiblepanels > .zcollapsiblepanel.accordion-log,
div > .zcollapsiblepanel.accordion-log {
  border-radius: 0px;
  margin: 0px;
}
z-collapsiblepanels > .zcollapsiblepanel.accordion-log .zcollapsiblepanel__header,
div > .zcollapsiblepanel.accordion-log .zcollapsiblepanel__header {
  border-width: 0px 0px 1px 0px !important;
  border: 1px solid var(--zcca-br);
  border-radius: 0px;
}
z-collapsiblepanels > .zcollapsiblepanel.accordion-log .zcollapsiblepanel__header .zcollapsiblepanel__heading,
div > .zcollapsiblepanel.accordion-log .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  font-weight: 500;
}
z-collapsiblepanels > .zcollapsiblepanel.accordion-log:before,
div > .zcollapsiblepanel.accordion-log:before {
  border: 0px !important;
}
z-collapsiblepanels > .zcollapsiblepanel.accordion-log .zcollapsiblepanel__content,
div > .zcollapsiblepanel.accordion-log .zcollapsiblepanel__content {
  border-bottom: 1px solid var(--zcca-br);
}
z-collapsiblepanels > .zcollapsiblepanel.accordion-log:last-child .zcollapsiblepanel__content,
div > .zcollapsiblepanel.accordion-log:last-child .zcollapsiblepanel__content {
  border-bottom: 1px solid transparent !important;
}
z-collapsiblepanels > .zcollapsiblepanel.accordion-log.is-selected .zcollapsiblepanel__header,
div > .zcollapsiblepanel.accordion-log.is-selected .zcollapsiblepanel__header {
  border-width: 0px 0px 1px 0px !important;
}
z-collapsiblepanels > .zcollapsiblepanel.accordion-log.zcomponents .zcollapsiblepanel__heading,
div > .zcollapsiblepanel.accordion-log.zcomponents .zcollapsiblepanel__heading,
z-collapsiblepanels > .zcollapsiblepanel.accordion-log.zcomponents .zcollapsiblepanel__content,
div > .zcollapsiblepanel.accordion-log.zcomponents .zcollapsiblepanel__content {
  color: inherit;
}
z-collapsiblepanels > .zcollapsiblepanel.accordion-log.zcomponents.is-selected .zcollapsiblepanel__heading,
div > .zcollapsiblepanel.accordion-log.zcomponents.is-selected .zcollapsiblepanel__heading,
z-collapsiblepanels > .zcollapsiblepanel.accordion-log.zcomponents.is-selected .zcollapsiblepanel__content,
div > .zcollapsiblepanel.accordion-log.zcomponents.is-selected .zcollapsiblepanel__content {
  color: inherit;
}
z-collapsiblepanels > .zcollapsiblepanel.change-approval,
div > .zcollapsiblepanel.change-approval {
  border: 1px solid var(--zcca-br);
  overflow: inherit;
}
z-collapsiblepanels > .zcollapsiblepanel.change-approval .listview .tablelist,
div > .zcollapsiblepanel.change-approval .listview .tablelist {
  border-color: var(--zcca-br);
}
z-collapsiblepanels > .zcollapsiblepanel.change-approval .zcollapsiblepanel__heading .panel-title h4,
div > .zcollapsiblepanel.change-approval .zcollapsiblepanel__heading .panel-title h4 {
  font-size: var(--font-size-base);
}
z-collapsiblepanels > .zcollapsiblepanel.change-approval .zcollapsiblepanel__heading .panel-title span.toggle,
div > .zcollapsiblepanel.change-approval .zcollapsiblepanel__heading .panel-title span.toggle {
  background-position: -199px -24px;
}
z-collapsiblepanels > .zcollapsiblepanel.change-approval .zcollapsiblepanel__heading .ct-area,
div > .zcollapsiblepanel.change-approval .zcollapsiblepanel__heading .ct-area {
  margin: 10px -15px -10px -15px;
  cursor: var(--sdpcursor-default);
}
z-collapsiblepanels > .zcollapsiblepanel.change-approval .zcollapsiblepanel__header,
div > .zcollapsiblepanel.change-approval .zcollapsiblepanel__header {
  border: none;
}
z-collapsiblepanels > .zcollapsiblepanel.change-approval .zcollapsiblepanel__header .zcollapsiblepanel__heading,
div > .zcollapsiblepanel.change-approval .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  font-weight: normal;
}
z-collapsiblepanels > .zcollapsiblepanel.change-approval.is-selected .zcollapsiblepanel__heading .panel-title span.toggle,
div > .zcollapsiblepanel.change-approval.is-selected .zcollapsiblepanel__heading .panel-title span.toggle {
  background-position: -180px -24px;
}
z-collapsiblepanels > .zcollapsiblepanel.change-approval.is-selected .zcollapsiblepanel__header,
div > .zcollapsiblepanel.change-approval.is-selected .zcollapsiblepanel__header {
  border: 1px solid var(--zcca-br);
}
z-collapsiblepanels > .zcollapsiblepanel.change-approval .zcollapsiblepanel__content,
div > .zcollapsiblepanel.change-approval .zcollapsiblepanel__content {
  border: none;
}
z-collapsiblepanels > .zcollapsiblepanel .zbutton:hover,
div > .zcollapsiblepanel .zbutton:hover,
z-collapsiblepanels > .zcollapsiblepanel .zbutton.has-kfocus,
div > .zcollapsiblepanel .zbutton.has-kfocus,
z-collapsiblepanels > .zcollapsiblepanel .zbutton:active.has-focus,
div > .zcollapsiblepanel .zbutton:active.has-focus,
z-collapsiblepanels > .zcollapsiblepanel .zbutton.has-focus,
div > .zcollapsiblepanel .zbutton.has-focus,
z-collapsiblepanels > .zcollapsiblepanel .zbutton.has-kfocus,
div > .zcollapsiblepanel .zbutton.has-kfocus {
  border: 0px !important;
  outline: none !important;
  background: none !important;
}
z-collapsiblepanels > .zcollapsiblepanel .zcollapsiblepanel--toggleableheader.has-kfocus:before,
div > .zcollapsiblepanel .zcollapsiblepanel--toggleableheader.has-kfocus:before {
  box-shadow: none;
}
z-collapsiblepanels .zcollapsiblepanel--toggleableheader.has-kfocus:before,
div .zcollapsiblepanel--toggleableheader.has-kfocus:before {
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.counter {
  margin: 20px 20px 0px 20px;
  border: 1px solid #e5e5e5;
  border-bottom: 1px solid transparent;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.counter .zcollapsiblepanel__header {
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-base);
  color: inherit;
  padding: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.counter .zcollapsiblepanel__content {
  border-bottom: 1px solid transparent;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.counter .zcollapsiblepanel__content.of-v[style*="overflow: hidden"] {
  overflow: hidden !important;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.counter.is-selected {
  border-bottom: 1px solid #e5e5e5;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.lst-noborder {
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.lst-noborder:last-child .zcollapsiblepanel__header {
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.lst-noborder.is-selected .zcollapsiblepanel__header {
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.lst-noborder.is-selected .zcollapsiblepanel__content {
  border-top: 1px dashed #dddddd;
  /* #ddd */
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.rel-panel-component:not(.is-selected) .zcollapsiblepanel__header {
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.rel-panel-component:not(.is-selected) .zcollapsiblepanel__header .arrow-toggle {
  transform: rotate(-90deg);
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.rel-panel-component .zcollapsiblepanel__header {
  border-radius: 0px;
  padding-left: 10px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.rel-panel-component .zcollapsiblepanel__header .arrow-toggle {
  transform: rotate(0deg);
  transition: all 0.1s ease-in-out;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode {
  border: solid 1px #dddddd;
  /* #DDD */
  box-shadow: 0 0 3px 0 rgba(61, 61, 61, 0.5);
  /* #DDD */
  border-radius: 6px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode .zcollapsiblepanel__header {
  padding: 0px;
  cursor: var(--sdpcursor-default);
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  padding: 5px 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode .zcollapsiblepanel__header h4 {
  color: #868686;
  /* #868686 */
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode:not(.is-selected) .zcollapsiblepanel__header {
  background: none;
  cursor: var(--sdpcursor-default);
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.active .zcollapsiblepanel__header {
  background: #dce9f2;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.active .zcollapsiblepanel__header .mcirclegray {
  background-color: #3e3e3e;
  /* #3e3e3e */
  background-image: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.completed {
  border: dotted 1px #8b8b8b;
  /* #8B8B8B */
  border-width: 1px 0 0 0;
  background: #F9F9F9;
  /* #f9f9f9 */
  font-weight: bold;
  padding: 10px 0px;
  cursor: var(--sdpcursor-default);
  color: #a3a3a3;
  /* #a3a3a3 */
  border-radius: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.completed .zcollapsiblepanel__header {
  border: none;
  background: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.completed .zcollapsiblepanel__header .mcirclegray {
  background-color: #90bc56;
  background-image: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.completed .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  padding: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.completed .zcollapsiblepanel__header h4 {
  display: none !important;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.completed .zcollapsiblepanel__header .bc-scaninfo {
  display: inline-block;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.completed .zcollapsiblepanel__header .tick {
  display: inline-block;
  margin-left: 5px !important;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.normal {
  border-radius: 0px;
  background: #FFF;
  /* #fff */
  color: #a3a3a3;
  /* #a3a3a3 */
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.normal .zcollapsiblepanel__header {
  border: none;
  background: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.is-selected .zcollapsiblepanel__header h4 {
  color: #515151;
  /* #515151 */
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.asset-barcode.zcollapsiblepanel .zcollapsiblepanel__content {
  border-bottom: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.zconv-stage {
  margin-bottom: 10px;
  position: relative;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.zconv-stage .zcollapsiblepanel__content {
  padding: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.zconv-stage .zcollapsiblepanel__header {
  display: inline-block;
  width: fit-content;
  padding: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.zconv-stage .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  display: inline-block;
  padding: 2px 15px;
  border: solid #dddddd;
  /* #ddd */
  border-width: 1px 1px 0px 1px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.zconv-stage .zcollapsiblepanel__header .zcollapsiblepanel__heading span.arrow-toggle {
  transform: rotate(-90deg);
  transition: all 0.1s ease-in-out;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.zconv-stage .zcollapsiblepanel__header .zcollapsiblepanel__heading .new-clftn {
  display: inline-block;
  position: absolute;
  margin-left: 30px;
  margin-top: -2px;
  z-index: 1;
  visibility: hidden;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.zconv-stage.is-selected .zcollapsiblepanel__header .zcollapsiblepanel__heading span.arrow-toggle {
  transform: rotate(0deg);
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zcomponents.zconv-stage.is-selected .zcollapsiblepanel__header .zcollapsiblepanel__heading .new-clftn {
  visibility: visible;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log {
  margin: -10px 0px 0px 0px;
  padding: 10px 0px;
  border-top: 1px solid #cccccc;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log:first-child {
  border-top: 1px solid transparent;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log:last-child .history-row {
  border-bottom: 1px solid #cccccc;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log .zcollapsiblepanel__header {
  width: 185px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  font-weight: 500;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log .zcollapsiblepanel__header .zbutton {
  border: 1px solid #3a3a3a;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log .zcollapsiblepanel__header .zbutton .zbutton__icon {
  top: -1px;
  left: -1px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log .zcollapsiblepanel__header .zbutton .zbutton__icon svg {
  margin: 0.5px 0px 0px 0px;
  fill: #3a3a3a;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log:before {
  border: 0px !important;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log:focus .zcollapsiblepanel__header,
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log:active .zcollapsiblepanel__header {
  background-color: #FFF;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log z-cpcontent.zcollapsiblepanel__content {
  padding-top: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log z-cpcontent.zcollapsiblepanel__content .history-row {
  background-color: #F5F5F5;
  border-top: 1px solid #cccccc;
  display: table;
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log z-cpcontent.zcollapsiblepanel__content .history-row > div {
  display: table-cell;
  padding: 20px 15px;
  vertical-align: top;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log z-cpcontent.zcollapsiblepanel__content .history-row .history-time {
  color: #000;
  min-width: 170px;
  width: 170px;
  padding-top: 31px;
  text-align: right;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log z-cpcontent.zcollapsiblepanel__content .history-row .history-logs {
  padding-left: 0;
  padding-right: 0;
  background-color: #FFF;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log z-cpcontent.zcollapsiblepanel__content .history-row .history-logs .log-row {
  border-top: 0 none;
  float: left !important;
  padding: 15px 0 15px 15px;
  width: 100%;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log z-cpcontent.zcollapsiblepanel__content .history-row:last-child {
  margin-bottom: -15px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.history-log:last-child .history-row {
  border-bottom: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation {
  margin: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation .zcollapsiblepanel__header {
  border-radius: 0px;
  border: 0px;
  border-top: 1px solid #dddddd;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation .zcollapsiblepanel__header .zcollapsiblepanel__heading .left {
  float: left;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation .zcollapsiblepanel__header .zcollapsiblepanel__heading .left .zoho-title {
  font-weight: 500;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation .zcollapsiblepanel__header .zcollapsiblepanel__heading .right {
  float: right;
  border: 0;
  position: absolute;
  right: -7px;
  top: -4px;
  width: auto;
  height: auto;
  font-weight: 500;
  visibility: hidden;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation .zcollapsiblepanel__header:hover .zcollapsiblepanel__heading .right {
  visibility: visible;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation.is-selected .zcollapsiblepanel__header .zcollapsiblepanel__heading .right {
  visibility: visible;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation:first-child .zcollapsiblepanel__header {
  border-top: 1px solid transparent;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation z-cpcontent.zcollapsiblepanel__content {
  padding: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation z-cpcontent.zcollapsiblepanel__content .sub {
  padding: 10px 15px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation z-cpcontent.zcollapsiblepanel__content .panel-body {
  border-top: 1px dashed #EEE;
  padding: 15px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation:before {
  border: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline {
  border: 1px solid #e6e6e6;
  border-radius: 0px;
  overflow: unset;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline:before {
  border-top: 1px solid #EEE;
  content: "";
  height: 0;
  position: absolute;
  left: -31px !important;
  top: 1.4em;
  width: 30px;
  margin-top: -1px;
  border-radius: 0px;
  z-index: 2;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline .zcollapsiblepanel__header {
  border: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  font-weight: normal;
  margin-top: 0px;
  color: #515151;
  /* #515151 */
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline .zcollapsiblepanel__header .zcollapsiblepanel__heading a {
  font-weight: 700;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline .zcollapsiblepanel__header .zcollapsiblepanel__heading span.text-muted.fl {
  padding-left: 10px !important;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline .zcollapsiblepanel__content {
  overflow: inherit;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline .zcollapsiblepanel__content .sub {
  padding: 3px 0 4px 15px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline .zcollapsiblepanel__content .sub > div {
  padding: 4px 0;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline:not(:first-child) {
  margin-top: 20px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline z-cpcontent.zcollapsiblepanel__content {
  width: 100%;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.chat-panel {
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.chat-panel div.zcollapsiblepanel__header {
  padding: 0px 0px 5px 0px;
  background-color: var(--chat-panel-bg) !important;
  border-width: 0px 0px 1px 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.chat-panel:active .zcollapsiblepanel__header {
  padding: 0px 0px 5px 0px;
  background-color: var(--chat-panel-bg) !important;
  border-width: 0px 0px 1px 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.chat-panel:active:before {
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.chat-panel z-cpcontent.zcollapsiblepanel__content {
  padding: 0;
  border: 0;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.chat-panel z-cpcontent.zcollapsiblepanel__content:active:before {
  padding: 0;
  border: 0;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.chat-panel z-cpheading span.cspr.collapse-arrow {
  background-position: -199px -24px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.chat-panel.is-selected .zcollapsiblepanel__header {
  padding: 0px 0px 5px 0px;
  background-color: var(--chat-panel-bg) !important;
  border-width: 0px 0px 1px 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.chat-panel.is-selected:before {
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.chat-panel.is-selected z-cpheading span.cspr.collapse-arrow {
  background-position: -180px -24px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.const-header-bg .zcollapsiblepanel__header {
  background: #F5F5F5;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.const-header-bg .zcollapsiblepanel__header:hover {
  background: #f9f9f9;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.const-header-bg.is-selected .zcollapsiblepanel__header:hover {
  background: #f9f9f9;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.const-header-bg.nobrd .zcollapsiblepanel__header {
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.widget-table {
  border: 0 none !important;
  border-radius: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.widget-table .zcollapsiblepanel__header {
  padding: 0px;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #e6e6e6;
  background-color: #FFF;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.widget-table .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  font-weight: normal;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.widget-table .zcollapsiblepanel__header span.toggle.cspr {
  transition: all 0.1s ease-in-out;
  transform: rotate(-180deg);
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.widget-table .zcollapsiblepanel__content {
  padding: 0px;
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.widget-table:active:before {
  border: none !important;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.widget-table.is-selected .zcollapsiblepanel__header {
  border-width: 0px 0px 1px 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.widget-table.is-selected .zcollapsiblepanel__header span.toggle.cspr {
  transform: rotate(0deg);
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.widget-table:before {
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-count {
  padding: 10px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-count .zcollapsiblepanel__header {
  background: #FFF !important;
  padding: 0px;
  border: none;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-count:before {
  border-bottom: 1px solid #d9d9d9 !important;
  /* #D9D9D9 */
  border-radius: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-count .zcollapsiblepanel__content {
  border: none;
}
z-collapsiblepanels[zclass-name="history-log"] {
  padding-bottom: 0px;
}
.ztimeline {
  position: relative;
  margin-left: 30px !important;
  margin-bottom: 18px;
}
.ztimeline .label.label-primary {
  background-color: #F9F9F9;
  border: 1px solid #e6e6e6;
  color: #515151;
  display: block;
  font-weight: bold;
  font-size: var(--font-size-base);
  font-weight: 400;
  border-radius: 0px;
  min-width: 100px;
  position: relative;
  padding: 0.7em 1em;
  margin-bottom: 20px;
  left: -30px;
}
.ztimeline:before {
  border-left: 1px solid #e6e6e6;
  content: "";
  width: 0;
  position: absolute;
  left: -30px !important;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.ztimeline .lazyload {
  border: 0 none;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
  margin-top: 20px;
  background-color: #FFF;
  box-shadow: none;
  position: relative;
  margin-bottom: 0;
  border-radius: 0px;
}
.ztimeline .lazyload .heading {
  background: repeating-linear-gradient(180deg, #eeeeee, #eeeeee 2px, #FFF 0px, #FFF 7px);
  display: block;
  text-align: center;
  padding: 6px 0 7px;
  cursor: var(--sdpcursor-pointer);
  border-bottom: 0;
}
.ztimeline .lazyload .heading:before,
.ztimeline .lazyload .heading:after {
  content: " ";
  display: table;
}
.ztimeline .lazyload .heading:after {
  clear: both;
}
.ztimeline .lazyload .heading .title {
  background-color: #FFF;
  font-size: var(--font-size-small);
  display: inline-block;
  padding: 1px 20px;
  top: initial;
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
}
.ztimeline .lazyload .heading:hover {
  background: repeating-linear-gradient(180deg, #dddddd, #dddddd 2px, #FFF 0px, #FFF 7px);
}
.ztimeline .lazyload:before {
  background: #FFF;
  bottom: 0;
  height: auto;
  left: -31px !important;
  border-top: 1px solid #EEE;
  content: "";
  position: absolute;
  top: 1.1em;
  width: 30px;
  margin-top: -1px;
  z-index: 1;
}
.ztimeline:not(.lazy-container) .timeline.newtimeline:last-child::before {
  height: auto;
  background-color: #FFF;
  /* #fff */
}
.ztimeline z-collapsiblepanels .no-conv {
  border: 1px solid #e6e6e6;
}
.ztimeline z-collapsiblepanels .no-conv::before {
  border-top: 1px solid #e6e6e6;
  content: "";
  height: 30px;
  position: absolute;
  left: -31px !important;
  top: 1.4em;
  width: 30px;
  margin-top: -1px;
  background-color: #FFF;
  /* #fff */
  z-index: 1;
}
.znotimeline .ztimeline {
  margin: 20px !important;
}
.znotimeline .ztimeline:before {
  display: none;
}
.znotimeline .ztimeline z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.timeline:before {
  display: none;
}
.znotimeline .ztimeline .lazyload:before {
  display: none;
}
.znotimeline .ztimeline z-collapsiblepanels .alert-nodata {
  margin-top: 0px !important;
}
.znotimeline.zreltimeline .ztimeline {
  margin: 20px 0px 0px 0px !important;
}
.zcomponents.accordion-log .zcollapsiblepanel:before {
  border: none;
  border-radius: 0px;
}
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header {
  padding: 0px;
  background: #FFF;
  border: none;
}
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  outline: none;
  font-weight: normal;
}
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading:before,
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading:after {
  display: block;
}
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading .right {
  visibility: hidden;
}
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading .right .btn-group :not(.inner) {
  visibility: hidden;
}
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header.has-focus.has-kfocus:before {
  border: none;
}
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header:hover .right {
  visibility: visible;
}
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header:hover .right .btn-group :not(.inner) {
  visibility: visible;
}
.zcomponents.accordion-log .zcollapsiblepanel.is-selected .zcollapsiblepanel__header {
  border-bottom: 1px solid #EEE;
}
.zcomponents.accordion-log .zcollapsiblepanel.is-selected .zcollapsiblepanel__header .zcollapsiblepanel__heading .right {
  visibility: visible;
}
.zcomponents.accordion-log .zcollapsiblepanel.is-selected .zcollapsiblepanel__header .zcollapsiblepanel__heading .right .btn-group :not(.inner) {
  visibility: visible;
}
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__content {
  padding: 0px;
}
.zcomponents.accordion-log .history-log .zcollapsiblepanel .zcollapsiblepanel__header {
  padding: 0px;
  background: #FFF;
  display: inline-block;
  width: 185px;
  border: 0;
}
.zcomponents.accordion-log .history-log .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading .panel-heading {
  width: auto;
  border-radius: 2px;
}
.zcomponents.accordion-log .history-log .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading:hover {
  background-color: #f9f9f9;
}
.zcomponents.accordion-log .history-log .zcollapsiblepanel.is-selected .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  background-color: #F5F5F5;
  border-radius: 2px;
}
.zcomponents.accordion-log .history-log .zcollapsiblepanel.is-selected .zcollapsiblepanel__header .zcollapsiblepanel__heading:hover {
  background-color: #f9f9f9;
}
.zcomponents.accordion-log.accordion-timeline .panel-group .panel {
  overflow: inherit;
  border: none !important;
}
.zcomponents.accordion-log.accordion-timeline .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  border: 1px solid #e5e5e5;
}
.zcomponents.accordion-log.accordion-timeline .zcollapsiblepanel__content {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #e5e5e5;
}
/* Arrow icon rotate for JS component Starts */
.zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading span.cspr.circle-arrow-down {
  transition: all 0.1s ease-in-out;
}
.zcomponents.accordion-log .zcollapsiblepanel.is-selected .zcollapsiblepanel__header .zcollapsiblepanel__heading span.cspr.circle-arrow-down {
  transform: rotate(-180deg);
}
.zcomponents.accordion-log.brd-bottom .zcollapsiblepanel.panel {
  border: none;
}
.zcomponents.accordion-log.brd-bottom .zcollapsiblepanel.panel .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  border-bottom: 1px solid #d9d9d9;
  /* #D9D9D9 */
}
.accordion-log.zcomponents.const-header .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  background: #F5F5F5;
}
.panel-body {
  padding: 15px;
}
.panel-no-margin .zcollapsiblepanel {
  margin: 0px;
}
/* Arrow icon rotate for JS component Ends */
/* Accordion changes start */
z-accordion.sdp-sidebar {
  width: 240px;
  margin: 0px;
  border-radius: 0px;
  /* 0px */
}
z-accordion.sdp-sidebar::before {
  border-radius: 0px;
  /* 0px */
  border-width: 1px 0px 0px 0px;
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel .zaccordionpanel__header {
  padding: 0px;
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel .zaccordionpanel__content {
  padding: 0px;
  background-color: #FFF;
  /* #fff */
  box-shadow: 0px -1px 2px 0 rgba(175, 175, 175, 0.7);
  display: block;
  overflow-y: auto;
  max-height: 200px;
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel .zaccordionpanel__content > ul > li.active > a {
  background: var(--primary_button_color, #008ddd);
  color: var(--primary_button_text, #FFF);
  /* #fff */
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel .zaccordionpanel__content > ul > li {
  position: relative;
  display: block;
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel .zaccordionpanel__content > ul > li > a {
  padding-left: 25px !important;
  padding: 9px 15px;
  color: #000;
  /* #000 */
  border-top: 1px solid #f5f5f5;
  /* #f5f5f5 */
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel .zaccordionpanel__content > ul > li > a:not([data-id=disablearrow]):before {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e980";
  font-size: var(--fs-10);
  margin-left: -15px !important;
  margin-right: 6px !important;
  top: 0;
  transform: scale(1);
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel .zaccordionpanel__heading {
  font-weight: 500;
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel .zaccordionpanel__heading a {
  background: #f9f9f9;
  /* #f9f9f9 */
  color: #000;
  /* #000 */
  border-top: 1px solid transparent;
  padding: 10px;
  box-shadow: none;
  cursor: var(--sdpcursor-pointer);
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel .zaccordionpanel__heading .toggle-arrow > i.caret {
  transform: rotate(-90deg);
  transition: transform 0.5s;
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel:not(.is-selected) .zaccordionpanel__heading a:not(.ae-summary):hover {
  background: var(--primary_button_color, #008ddd);
  color: var(--primary_button_text, #FFF);
  /* #fff */
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel:last-child {
  border-bottom-color: #FFF;
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel:last-child .zaccordionpanel__content > ul > li:first-child > a {
  border: none;
}
z-accordion.sdp-sidebar z-accitem.zaccordionpanel.is-selected .zaccordionpanel__heading .toggle-arrow > i.caret {
  transform: rotate(0deg);
}
.zaccordion.zcomponents::before {
  border: none;
}
.zaccordion.zcomponents .zaccordionpanel__content {
  background-color: #FFF;
  padding: 15px;
}
.zaccordion.zcomponents .zaccordionpanel__header {
  padding: 10px 15px;
}
.zaccordion.zcomponents .zaccordionpanel__header span.cspr.circle-arrow-down {
  transition: all 0.1s ease-in-out;
}
.zaccordion.zcomponents .zaccordionpanel__header .panel-title {
  font-weight: normal;
}
.zaccordion.zcomponents z-accitem.is-selected .zaccordionpanel__header .panel-title {
  font-weight: bold;
}
.zaccordion.zcomponents z-accitem.is-selected .zaccordionpanel__header span.cspr.circle-arrow-down {
  transform: rotate(-180deg);
}
/* Accordion changes End */
/* common accordion fix start */
/*









        NOT NEEDED FOR LTR












*/
/* Common accordion fix end */
/* Admin Sidebar Start */
.zc-admin-sidebar.zaccordion {
  --zcas-bg: #F1F1F1;
  /* #f1f1f1 */
  --zcas-header-bg: #F9F9F9;
  /* #f9f9f9 */
  --zcas-header-ft: #000;
  /* #000 */
  --zcas-content-bg: #FFF;
  /* #fff */
  --zcas-ul-li-a-ft: #000;
  /* #000 */
  --zcas-ul-li-a-bg-hover: #F5F5F5;
  /* #f5f5f5 */
  --zcas-is-selected-bg: var(--primary_button_color, #008ddd);
  --zcas-is-selected-ft: var(--primary_button_text, #fff);
  /* #000 */
  --zcas-bs: 0 1px 2px 0 rgba(55, 55, 55, 0.5);
  /* #c6c6c6 */
}
body[theme="dark-mode"] .zc-admin-sidebar.zaccordion {
  --zcas-bg: #222324;
  --zcas-header-bg: #222324;
  --zcas-header-ft: #e2e2e2;
  --zcas-content-bg: #121212;
  --zcas-ul-li-a-ft: #e2e2e2;
  --zcas-ul-li-a-bg-hover: #1a1c1d;
  --zcas-is-selected-bg: #1B364D;
  --zcas-is-selected-ft: #e2e2e2;
  --zcas-bs: 0 1px 2px 0 #313131;
}
div.zc-admin-sidebar.zaccordion,
z-accordion.zc-admin-sidebar.zaccordion {
  border-radius: 0px;
}
div.zc-admin-sidebar.zaccordion:before,
z-accordion.zc-admin-sidebar.zaccordion:before {
  border-radius: 0px;
  border: none;
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel {
  background-color: var(--zcas-bg);
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__header,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__header,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__header,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__header {
  padding: 11px 15px;
  background-color: var(--zcas-header-bg);
  border-radius: 0px;
  z-index: 1;
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading a,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading a,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading a,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading a {
  color: var(--zcas-header-ft);
  font-weight: normal;
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content {
  background-color: var(--zcas-content-bg);
  padding: 0px;
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul {
  display: block;
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li {
  position: relative;
  display: grid;
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li > a,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li > a,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li > a,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li > a {
  padding: 9px 15px;
  color: var(--zcas-ul-li-a-ft);
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li > a:hover,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li > a:hover,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li > a:hover,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li > a:hover {
  background-color: var(--zcas-ul-li-a-bg-hover);
  color: var(--zcas-ul-li-a-ft);
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li.active,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li.active,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li.active,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel .zaccordionpanel__content > ul > li.active {
  z-index: 2;
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel:last-child,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel:last-child,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel:last-child,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel:last-child {
  border: none;
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover {
  background-color: var(--zcas-is-selected-bg);
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover .zaccordionpanel__heading,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover .zaccordionpanel__heading,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover .zaccordionpanel__heading,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover .zaccordionpanel__heading {
  color: var(--zcas-is-selected-ft);
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover .zaccordionpanel__heading a,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover .zaccordionpanel__heading a,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover .zaccordionpanel__heading a,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover .zaccordionpanel__heading a {
  color: var(--zcas-is-selected-ft);
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover i.zaccordionpanel__icon svg use,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover i.zaccordionpanel__icon svg use,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover i.zaccordionpanel__icon svg use,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel:not(.is-selected) .zaccordionpanel__header:hover i.zaccordionpanel__icon svg use {
  fill: #FFF;
  /* #fff */
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel.is-selected .zaccordionpanel__content > ul > li > a.lnav-item-current,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel.is-selected .zaccordionpanel__content > ul > li > a.lnav-item-current,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel.is-selected .zaccordionpanel__content > ul > li > a.lnav-item-current,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel.is-selected .zaccordionpanel__content > ul > li > a.lnav-item-current {
  background-color: var(--zcas-is-selected-bg);
  color: var(--zcas-is-selected-ft);
}
div.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel.is-selected .zaccordionpanel__header,
z-accordion.zc-admin-sidebar.zaccordion > div.zc-admin-sidebar.zaccordionpanel.is-selected .zaccordionpanel__header,
div.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel.is-selected .zaccordionpanel__header,
z-accordion.zc-admin-sidebar.zaccordion z-accitem.zc-admin-sidebar.zaccordionpanel.is-selected .zaccordionpanel__header {
  box-shadow: var(--zcas-bs);
}
/* Admin Sidebar End */
z-accordion {
  /* Two fact auth start */
  /* Two fact auth end  */
}
z-accordion.zaccord {
  border-radius: 0px;
}
z-accordion.zaccord z-accitem.zaccord {
  border: none;
}
z-accordion.zaccord z-accitem.zaccord .zaccordionpanel__content {
  padding-top: 15px;
  background-color: #FFF;
  /* #fff */
}
z-accordion.zaccord z-accitem.zaccord .zaccordionpanel__header {
  padding: 15px 10px;
}
z-accordion.zaccord z-accitem.zaccord .zaccordionpanel__header z-accitemheading {
  font-weight: normal;
  padding: 0px;
}
z-accordion.zaccord z-accitem.zaccord .zaccordionpanel__header z-accitemheading span.cspr.circle-arrow-down {
  transition: all 0.1s ease-in-out;
}
z-accordion.zaccord z-accitem.zaccord:not(:first-child) .zaccordionpanel__header {
  border-top: 1px solid #E9E9E9;
  /* #E9E9E9 */
}
z-accordion.zaccord::before {
  border: none;
}
z-accordion.zaccord z-accitem.zaccord.is-selected .zaccordionpanel__header z-accitemheading {
  font-weight: bold;
}
z-accordion.zaccord z-accitem.zaccord.is-selected .zaccordionpanel__header z-accitemheading span.cspr.circle-arrow-down {
  transform: rotate(-180deg);
}
z-accordion.zaccord.is-selected {
  border: none;
}
/* Collapse Panel for Release Add / Edit Roles Section Start */
.release-roles-zc.zcollapsiblepanel {
  /*
    
    NOT NEEDED FOR LTR
    
    
    */
}
.release-roles-zc.zcollapsiblepanel:before {
  border: none !important;
}
.release-roles-zc.zcollapsiblepanel .zcollapsiblepanel__header.zcollapsiblepanel--toggleableheader {
  background-color: #FFF;
  /* #fff */
  border-width: 0px 0px 1px 0px;
  padding: 0px;
  margin: 0px 10px;
  border-radius: 0px;
}
.release-roles-zc.zcollapsiblepanel button.zcollapsiblepanel__togglebutton.zbutton.zbutton--medium.zbutton--normal.zbutton--icononly {
  margin-right: -3px;
  margin-left: 0px;
}
.release-roles-zc.zcollapsiblepanel button.zcollapsiblepanel__togglebutton.zbutton.zbutton--medium.zbutton--normal.zbutton--icononly i {
  top: -1px;
}
.release-roles-zc.zcollapsiblepanel.is-selected button.zcollapsiblepanel__togglebutton.zbutton--icononly.has-kfocus,
.release-roles-zc.zcollapsiblepanel.is-selected button.zcollapsiblepanel__togglebutton.zbutton--icononly.has-focus,
.release-roles-zc.zcollapsiblepanel.is-selected button.zcollapsiblepanel__togglebutton.zbutton--icononly .has-mfocus {
  border: none !important;
}
.release-roles-zc.zcollapsiblepanel button.zcollapsiblepanel__togglebutton.zbutton--icononly.has-kfocus,
.release-roles-zc.zcollapsiblepanel button.zcollapsiblepanel__togglebutton.zbutton--icononly.has-focus,
.release-roles-zc.zcollapsiblepanel button.zcollapsiblepanel__togglebutton.zbutton--icononly .has-mfocus {
  border: none !important;
}
.release-roles-zc.zcollapsiblepanel .zcollapsiblepanel--toggleableheader.has-kfocus:before {
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.release-roles-zc.zcollapsiblepanel .zcollapsiblepanel--toggleableheader .zcollapsiblepanel__heading {
  font-size: 1rem;
}
/* Collapse Panel for Release Add / Edit Roles Section End */
/* Z Accordion for Admin -> Agent Configuration Starts */
z-accordion.faq-zaccordion.zaccordion::before {
  border: none;
  border-radius: 0px;
}
z-accordion.faq-zaccordion.zaccordion .zaccordionpanel__header {
  border: none;
  padding: 10px;
}
z-accordion.faq-zaccordion.zaccordion .zaccordionpanel__content {
  padding: 0 10px 10px 40px;
}
z-accordion.faq-zaccordion.zaccordion z-accitem.faq-zaccordion.zaccordionpanel {
  border: none;
}
z-accordion.faq-zaccordion.zaccordion z-accitem.faq-zaccordion.zaccordionpanel.is-selected {
  background-color: #FFF;
  /* #fff */
  border: none;
}
z-accordion.faq-zaccordion.zaccordion z-accitem.faq-zaccordion .zaccordionpanel__header .zaccordionpanel__heading {
  font-weight: normal;
}
/* Z Accordion for Admin -> Agent Configuration Ends */
div.zcollapsiblepanel {
  margin: 0px;
}
.zcomponents.accordion-log.bc-his .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading {
  padding: 5px 15px;
}
.preview-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation .zcollapsiblepanel__header {
  pointer-events: none;
}
.preview-panel .zcomponents.accordion-log .history-log .zcollapsiblepanel .zcollapsiblepanel__header {
  pointer-events: none;
}
.preview-panel .zcomponents.accordion-log .zcollapsiblepanel.is-selected .zcollapsiblepanel__header .zcollapsiblepanel__heading span.cspr.circle-arrow-down {
  display: none;
}
div.zcollapsiblepanel,
div.zcollapsiblepanel__header {
  border-radius: 0px;
}
/* Service catalog changes starts */
z-accordion.catalog-accordion,
div.catalog-accordion {
  --zca-ff-bg: #FFF;
  /* #fff */
  --zca-ff-brd: #EEE;
  /* #eee */
  --zca-header-bg: #FFF;
  /* #fff */
  --zca-header-selected-bg: #F5F5F5;
  /* #f5f5f5 */
}
body[theme="dark-mode"] z-accordion.catalog-accordion,
body[theme="dark-mode"] div.catalog-accordion {
  --zca-ff-bg: #121212;
  --zca-ff-brd: #424242;
  --zca-header-bg: #121212;
  --zca-header-selected-bg: #222324;
}
z-accordion.catalog-accordion,
div.catalog-accordion {
  position: unset;
}
z-accordion.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel .zaccordionpanel__header,
div.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel .zaccordionpanel__header,
z-accordion.catalog-accordion div.catalog-accordion.zaccordionpanel .zaccordionpanel__header,
div.catalog-accordion div.catalog-accordion.zaccordionpanel .zaccordionpanel__header {
  padding: 0px;
}
z-accordion.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading,
div.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading,
z-accordion.catalog-accordion div.catalog-accordion.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading,
div.catalog-accordion div.catalog-accordion.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading {
  font-weight: 500;
}
z-accordion.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading > div,
div.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading > div,
z-accordion.catalog-accordion div.catalog-accordion.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading > div,
div.catalog-accordion div.catalog-accordion.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading > div {
  padding: 10px;
}
z-accordion.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel .zaccordionpanel__content,
div.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel .zaccordionpanel__content,
z-accordion.catalog-accordion div.catalog-accordion.zaccordionpanel .zaccordionpanel__content,
div.catalog-accordion div.catalog-accordion.zaccordionpanel .zaccordionpanel__content {
  overflow: hidden;
  position: unset;
}
z-accordion.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel .zaccordionpanel__content div.formtmpl-fields,
div.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel .zaccordionpanel__content div.formtmpl-fields,
z-accordion.catalog-accordion div.catalog-accordion.zaccordionpanel .zaccordionpanel__content div.formtmpl-fields,
div.catalog-accordion div.catalog-accordion.zaccordionpanel .zaccordionpanel__content div.formtmpl-fields {
  background-color: var(--zca-ff-bg);
  border-top: 1px dashed var(--zca-ff-brd);
}
z-accordion.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel:not(.is-selected) .zaccordionpanel__header .zaccordionpanel__heading > div,
div.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel:not(.is-selected) .zaccordionpanel__header .zaccordionpanel__heading > div,
z-accordion.catalog-accordion div.catalog-accordion.zaccordionpanel:not(.is-selected) .zaccordionpanel__header .zaccordionpanel__heading > div,
div.catalog-accordion div.catalog-accordion.zaccordionpanel:not(.is-selected) .zaccordionpanel__header .zaccordionpanel__heading > div {
  background: var(--zca-header-bg);
}
z-accordion.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel.is-selected,
div.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel.is-selected,
z-accordion.catalog-accordion div.catalog-accordion.zaccordionpanel.is-selected,
div.catalog-accordion div.catalog-accordion.zaccordionpanel.is-selected {
  background-color: transparent;
}
z-accordion.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel.is-selected div.zaccordionpanel__header,
div.catalog-accordion z-accitem.catalog-accordion.zaccordionpanel.is-selected div.zaccordionpanel__header,
z-accordion.catalog-accordion div.catalog-accordion.zaccordionpanel.is-selected div.zaccordionpanel__header,
div.catalog-accordion div.catalog-accordion.zaccordionpanel.is-selected div.zaccordionpanel__header {
  background: var(--zca-header-selected-bg);
}
z-accordion.catalog-accordion::before,
div.catalog-accordion::before {
  border-radius: 0px;
  border: none;
}
/* Service catalog changes ends */
/* Task Detail changes start */
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.brd-panel {
  border: 1px solid #dddddd;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.brd-panel:not(.is-selected) {
  border-bottom-width: 0px;
}
/* Task Detail changes end  */
/* Print Issue fix start */
@-moz-document url-prefix() {
  @media only print {
    .zcollapsiblepanel,
    z-collapsiblepanels {
      display: block !important;
    }
  }
  /*
        NOT NEEDED FOR RTL
    */
}
@media print {
  .ztimeline .label.label-primary {
    color: #000;
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
  }
}
/* Print Issue fix end */
/* Solution Feedback Starts */
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zc-comments {
  overflow: inherit;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zc-comments .zcollapsiblepanel__header {
  padding: 0px;
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zc-comments .zcollapsiblepanel__header .arrow-toggle {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zc-comments .zcollapsiblepanel__header:hover {
  background-color: #FFF;
  /* #fff */
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zc-comments.is-selected .zcollapsiblepanel__header {
  background-color: #FFF;
  /* #fff */
}
z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.accordion-log.zc-comments.is-selected .zcollapsiblepanel__header .arrow-toggle {
  transform: rotate(0deg);
}
z-collapsiblepanels.zdisabled-header z-collapsiblepanel.zcollapsiblepanel.accordion-log.zc-comments .zcollapsiblepanel__header {
  pointer-events: none;
}
/* Solution Feedback Ends */
/** Zoho component dialog style changes **/
.sdpzcompdialog {
  z-index: 100 !important;
}
.sdpzcompdialog.zdialog {
  border-radius: 0px;
  box-shadow: 0 0 10px 2px rgba(17, 17, 17, 0.3);
}
.sdpzcompdialog.zdialog.cust-width {
  min-width: auto;
}
.sdpzcompdialog .zdialog__content {
  padding: 0px !important;
}
.sdpzcompdialog.zdialog--minimized {
  min-width: 372px;
  z-index: 97 !important;
}
.sdpzcompdialog.zdialog--minimized .zdialog__header,
.sdpzcompdialog.zdialog--minimized .zdialog__title {
  background-color: var(--top_header_color, #252e35);
  color: var(--tab_normal_text, #adadad);
}
.sdpzcompdialog.zdialog--minimized .zbutton i {
  filter: invert(1);
}
.sdpzcompdialog.zdialog--minimized .zbutton:hover i {
  filter: invert(0);
}
.sdpzcompdialog.zdialog--minimized .zbutton.zdialog__restore i {
  background-position: -123px -1033px;
}
.sdpzcompdialog .zdialog__titlebar .is-disabled {
  display: none !important;
}
.sdpzcompdialog .zdialog__header {
  background-color: #F9F9F9;
  border-bottom: 1px #DDD solid;
}
.sdpzcompdialog .zdialog__header .zbutton__icon svg {
  visibility: hidden;
}
.sdpzcompdialog .zdialog__header .zbutton {
  margin: 0px !important;
  width: 24px !important;
  height: 24px !important;
  float: right !important;
  position: relative !important;
  border: 0;
  top: 15%;
  border-radius: 50%;
}
.sdpzcompdialog .zdialog__header .zbutton.zdialog__close,
.sdpzcompdialog .zdialog__header .zbutton.zdialog__maximize,
.sdpzcompdialog .zdialog__header .zbutton.zdialog__restore,
.sdpzcompdialog .zdialog__header .zbutton.zdialog__minimize {
  margin-right: 5px !important;
}
.sdpzcompdialog .zdialog__header .zbutton.zdialog__close i,
.sdpzcompdialog .zdialog__header .zbutton.zdialog__maximize i,
.sdpzcompdialog .zdialog__header .zbutton.zdialog__restore i,
.sdpzcompdialog .zdialog__header .zbutton.zdialog__minimize i {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
}
.sdpzcompdialog .zdialog__header .zbutton.zdialog__close i {
  background-position: -65px -1033px;
}
.sdpzcompdialog .zdialog__header .zbutton.zdialog__maximize i {
  background-position: -8px -1033px;
}
.sdpzcompdialog .zdialog__header .zbutton.zdialog__restore i {
  background-position: -36px -1033px;
}
.sdpzcompdialog .zdialog__header .zbutton.zdialog__minimize i {
  background-position: -94px -1033px;
}
.sdpzcompdialog .zdialog__header .zbutton .zbutton__icon {
  width: 24px;
  height: 24px;
  position: relative;
  top: 1px;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
}
.sdpzcompdialog .zdialog__header .zdialog__action .zbutton:last-child {
  margin-right: 0px !important;
}
.sdpzcompdialog .zdialog__header.auto-minw {
  min-width: auto;
}
.zdialog--overlay {
  background-color: rgba(85, 85, 85, 0.8) !important;
  z-index: 99 !important;
}
.zdialog--overlay.overjquery {
  /** Jquery dialog after zoho component dialog we need add scripts(refer attach component) in open call back function  **/
  z-index: 101 !important;
}
/** Zoho component dialog style changes End **/
/* Zia WF Starts */
div.zaccordion.zwf-act-accordion {
  width: 240px;
  max-height: 497px;
  height: 497px !important;
  margin-bottom: 0px;
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel.zaccordionpanel {
  background: #FFF;
  /* #fff */
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel.zaccordionpanel .zaccordionpanel__content {
  padding: 0px;
  overflow-y: hidden !important;
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel.zaccordionpanel .zaccordionpanel__header {
  padding: 10px;
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading {
  font-weight: 500;
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel.zaccordionpanel .zaccordionpanel__header .zaccordionpanel__heading a {
  display: block;
  cursor: inherit;
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel.zaccordionpanel .zaccordionpanel__header.has-kfocus:before {
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel.zaccordionpanel:not(.is-selected) .zaccordionpanel__header .toggle-arrow {
  transform: rotate(-90deg);
  margin-top: 3px;
  transition: all 0.5s;
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel {
  margin: 0px;
  box-shadow: none;
  border-bottom: 1px solid #d9d9d9;
  /* #D9D9D9 */
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel ul.nav-sub.nav {
  border-top: 1px solid #d9d9d9;
  /* #D9D9D9 */
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel ul.nav-sub.nav li {
  border-bottom: 1px solid #d9d9d9;
  /* #D9D9D9 */
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel ul.nav-sub.nav li > a {
  color: #000;
  /* #000 */
  border-left: 4px solid transparent;
  padding: 10px 10px;
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel ul.nav-sub.nav li:last-child {
  border-bottom-width: 0px;
}
div.zaccordion.zwf-act-accordion div.zwf-act-panel ul.nav-sub.nav li.active a {
  border-left: 4px solid var(--link_tab_line_color, #008ddd);
  color: var(--link_tab_line_color, #008ddd);
  background-color: #FFF;
  /* #fff */
}
div.zaccordion.zwf-act-accordion::before {
  border-radius: 0px;
  border: none;
}
div.zaccordion.zwf-act-accordion.zia-def-left-hght {
  max-height: 539px;
  height: 539px !important;
}
/* Zia WF Ends */
z-collapsiblepanels[zclass-name="accordion-log zcomponents rel-panel-component"] > z-cpcontent {
  position: relative;
  overflow: auto;
}
.zcollapsiblepanel .zcollapsiblepanel__header .zbutton.has-kfocus {
  border-width: 0px !important;
}
@-webkit-keyframes zeffectsSlideRightReverse {
  0% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-moz-keyframes zeffectsSlideRightReverse {
  0% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-ms-keyframes zeffectsSlideRightReverse {
  0% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-o-keyframes zeffectsSlideRightReverse {
  0% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes zeffectsSlideRightReverse {
  0% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
.zeffects--slideright--reverse {
  -webkit-animation-name: zeffectsSlideRightReverse;
  -moz-animation-name: zeffectsSlideRightReverse;
  -ms-animation-name: zeffectsSlideRightReverse;
  -o-animation-name: zeffectsSlideRightReverse;
  animation-name: zeffectsSlideRightReverse;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-timing-function: lOutear;
  -moz-animation-timing-function: lOutear;
  -ms-animation-timing-function: lOutear;
  -o-animation-timing-function: lOutear;
  animation-timing-function: lOutear;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes zeffectsSlideLeftReverse {
  0% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}
@-moz-keyframes zeffectsSlideLeftReverse {
  0% {
    -moz-transform: translateX(0);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(-100%);
    opacity: 0;
  }
}
@-ms-keyframes zeffectsSlideLeftReverse {
  0% {
    -ms-transform: translateX(0);
    opacity: 1;
  }
  100% {
    -ms-transform: translateX(-100%);
    opacity: 0;
  }
}
@-o-keyframes zeffectsSlideLeftReverse {
  0% {
    -o-transform: translateX(0);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes zeffectsSlideLeftReverse {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}
.zeffects--slideleft--reverse {
  -webkit-animation-name: zeffectsSlideLeftReverse;
  -moz-animation-name: zeffectsSlideLeftReverse;
  -ms-animation-name: zeffectsSlideLeftReverse;
  -o-animation-name: zeffectsSlideLeftReverse;
  animation-name: zeffectsSlideLeftReverse;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -ms-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-timing-function: lOutear;
  -moz-animation-timing-function: lOutear;
  -ms-animation-timing-function: lOutear;
  -o-animation-timing-function: lOutear;
  animation-timing-function: lOutear;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.nested-panel.zcollapsiblepanel.release-roles-zc > .zcollapsiblepanel__header.zcollapsiblepanel--toggleableheader {
  border-width: 0px;
}
.nested-panel.zcollapsiblepanel.release-roles-zc.is-selected > .zcollapsiblepanel__header.zcollapsiblepanel--toggleableheader {
  border-width: 0px 0px 1px 0px;
}
.nested-panel.zcollapsiblepanel > div.zcollapsiblepanel__header .zcollapsiblepanel__togglebutton.zbutton--icononly .zcollapsiblepanel__toggleicon {
  transform: rotate(0deg);
}
.nested-panel.zcollapsiblepanel.is-selected > div.zcollapsiblepanel__header .zcollapsiblepanel__togglebutton.zbutton--icononly .zcollapsiblepanel__toggleicon {
  transform: rotate(90deg);
}
/*Zoho Component Overwrite Ends*/
.zcollapsiblepanel__content .ui-dialog .ui-dialog-buttonpane,
.zcollapsiblepanel__content .ui-dialog-buttonpane {
  background: none;
  border-top: 0.5px solid #EEE;
}
.zcollapsiblepanel__content .submit-row {
  background: none;
  border-top: 0.5px solid #EEE;
}
.zcollapsiblepanel:not(.is-selected) .zcollapsiblepanel__heading .arrow-toggle {
  transform: rotate(-90deg);
}
/* Zoho component Fontsize overwrite for minified style */
.zdialog,
.zcollapsiblepanel__heading,
.zcollapsiblepanel__content,
.zaccordionpanel__heading,
.zaccordionpanel__content,
.zselectbox__text {
  font-size: var(--fs-13) !important;
}
/* ----------------------------------------------- */
/* sdp-glyphicons.less */
/* ----------------------------------------------- */
.sdp-glyph {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sdp-glyph.glyph-color1 {
  color: #7f7f7f;
}
.sdp-glyph.glyph-color2 {
  color: #FFF;
}
.sdp-glyph.glyph-color3 {
  color: #3a96e7;
}
.sdp-glyph.glyph-color4 {
  color: #000;
}
/* font icon sizes */
.sdp-glyph.icon-xxs {
  /* 9 x 9 size */
  font-size: 1rem;
}
.sdp-glyph.icon-xs {
  /* 12 x 12 size */
  font-size: 1rem;
}
.sdp-glyph.icon-sm {
  /* 16 x 16 size */
  font-size: 1rem;
}
.sdp-glyph.icon-md {
  /* 24 x 24 size */
  font-size: 2rem;
}
.sdp-glyph.icon-lg {
  /* 24 x 24 size */
  font-size: 2rem;
}
.sdp-glyph.icon-xl {
  /* 32 x 32 size */
  font-size: 2rem;
}
.sdp-glyph.icon-xxl {
  /* 48 x 48 size */
  font-size: 3rem;
}
.btn-link:hover > .sdp-glyph {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.btn-link:hover > .sdp-glyph.sdp-glyph-sort-down .path2:before,
.btn-link:hover > .sdp-glyph.sdp-glyph-sort-up .path1:before {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.alert > .sdp-glyph {
  font-size: var(--font-size-xlarge);
}
.sdp-glyph-home:before {
  content: "\e900";
}
.sdp-glyph-dashboard:before {
  content: "\e901";
}
.sdp-glyph-support:before {
  content: "\e902";
}
.sdp-glyph-report:before {
  content: "\e903";
}
.sdp-glyph-help:before {
  content: "\e906";
}
.sdp-glyph-userdd:before {
  content: "\e907";
}
.sdp-glyph-bell:before {
  content: "\e913";
}
.sdp-glyph-logout:before {
  content: "\e905";
}
.sdp-glyph-overview:before {
  content: "\e90d";
}
.sdp-glyph-info {
  font-size: var(--fs-16);
}
.sdp-glyph-info .path1 {
  /* border */
}
.sdp-glyph-info .path1:before {
  content: "\e91b";
}
.sdp-glyph-info .path2 {
  /* background */
}
.sdp-glyph-info .path2:before {
  content: "\e91c";
  margin-left: -1em;
}
.sdp-glyph-info-blue {
  font-size: var(--fs-16);
  cursor: var(--sdpcursor-default);
}
.sdp-glyph-info-blue .path1 {
  /* border */
}
.sdp-glyph-info-blue .path1:before {
  content: "\e91b";
  color: #1D8ED2;
}
.sdp-glyph-info-blue .path2 {
  /* background */
}
.sdp-glyph-info-blue .path2:before {
  content: "\e91c";
  margin-left: -1em;
  color: #3e83ac;
}
.sdp-glyph-cog:before {
  content: "\e90f";
}
.sdp-glyph-radio:before {
  content: "\e966";
}
.sdp-glyph-edit1:before {
  content: "\e914";
}
.sdp-glyph-edit2:before {
  content: "\e90e";
}
.sdp-glyph-close:before {
  content: "\e910";
}
.sdp-glyph-gantt:before {
  content: "\e919";
}
.sdp-glyph-gantt-update:before {
  content: "\e91a";
}
.sdp-glyph-template:before {
  content: "\e918";
}
.sdp-glyph-relationship:before {
  content: "\e915";
}
.sdp-glyph-milestone:before {
  content: "\e916";
}
.sdp-glyph-folder:before {
  content: "\e917";
}
.sdp-glyph-user-assign:before {
  content: "\e908";
}
.sdp-glyph-checklist:before {
  content: "\e909";
}
.sdp-glyph-chat:before {
  content: "\e90a";
}
.sdp-glyph-task:before {
  content: "\e912";
}
.sdp-glyph-notes {
  transform: scale(-1, 1);
}
.sdp-glyph-notes:before {
  content: "\e912";
}
.sdp-glyph-task-complete:before {
  content: "\e90b";
}
.sdp-glyph-task-remove:before {
  content: "\e911";
}
.sdp-glyph-file:before {
  content: "\e904";
}
.sdp-glyph-user:before {
  content: "\e90c";
}
.sdp-glyph-user-tools:before {
  content: "\e91e";
}
.sdp-glyph-user-cart:before {
  content: "\e91f";
}
.sdp-glyph-scale:before {
  content: "\e920";
}
.sdp-glyph-boolean:before {
  content: "\e921";
}
.sdp-glyph-thumbs-up:before {
  content: "\e964";
}
.sdp-glyph-thumbs-down:before {
  content: "\e965";
}
.sdp-glyph-smile:before {
  content: "\e922";
}
.sdp-glyph-sad:before {
  content: "\e923";
}
.sdp-glyph-eye:before {
  content: "\e924";
}
.sdp-glyph-heart:before {
  content: "\e963";
}
.sdp-glyph-heart-fill:before {
  content: "\e962";
}
.sdp-glyph-star-empty:before {
  content: "\e927";
}
.sdp-glyph-star:before {
  content: "\e928";
}
.sdp-glyph-star-fill:before {
  content: "\e954";
}
.sdp-glyph-arrow-up:before {
  content: "\e969";
}
.sdp-glyph-arrow-down:before {
  content: "\e96a";
}
.sdp-glyph-sort-up .path1:before {
  content: "\e96c";
  color: #000000;
}
.sdp-glyph-sort-up .path2:before {
  content: "\e96d";
  margin-left: -1em;
  color: #b2b2b2;
}
.sdp-glyph-sort-down .path1:before {
  content: "\e96c";
  color: #b2b2b2;
}
.sdp-glyph-sort-down .path2:before {
  content: "\e96d";
  margin-left: -1em;
  color: #000000;
}
.sdp-glyph-drag:before {
  content: "\e96e";
}
.sdp-glyph-expand:before {
  content: "\e929";
}
.sdp-glyph-collapse:before {
  content: "\e92a";
}
.sdp-glyph-lock:before {
  content: "\e92b";
}
.sdp-glyph-unlock:before {
  content: "\e970";
}
.sdp-glyph-calendar:before {
  content: "\e92c";
}
.sdp-glyph-mail:before {
  content: "\e92d";
}
.sdp-glyph-mail-open:before {
  content: "\e92e";
}
.sdp-glyph-columnchooser .path1:before {
  content: "\e92f";
  color: #020202;
}
.sdp-glyph-columnchooser .path2:before {
  content: "\e930";
  margin-left: -1em;
  color: #020202;
}
.sdp-glyph-columnchooser .path3:before {
  content: "\e931";
  margin-left: -1em;
  color: #ffffff;
}
.sdp-glyph-columnchooser .path4:before {
  content: "\e932";
  margin-left: -1em;
  color: #ffffff;
}
.sdp-glyph-flag:before {
  content: "\e933";
  color: #f43232;
}
.sdp-glyph-task-pending:before {
  content: "\e934";
}
.sdp-glyph-warning:before {
  content: "\e935";
}
.sdp-glyph-warning-triangle .path1 {
  /*outline*/
}
.sdp-glyph-warning-triangle .path1:before {
  content: "\e977";
}
.sdp-glyph-warning-triangle .path2:before {
  content: "\e978";
  margin-left: -1em;
}
.sdp-glyph-info-triangle .path1:before {
  content: "\e936";
}
.sdp-glyph-info-triangle .path2:before {
  content: "\e940";
  margin-left: -1em;
}
.sdp-glyph-failure:before {
  content: "\e942";
}
.sdp-glyph-success:before {
  content: "\e943";
}
.sdp-glyph-collapse-up:before {
  content: "\e925";
}
.sdp-glyph-collapse-down:before {
  content: "\e926";
}
.sdp-glyph-filter:before {
  content: "\e952";
}
.sdp-glyph-filter-plus:before {
  content: "\e937";
}
.sdp-glyph-ok:before {
  content: "\e938";
}
.sdp-glyph-ban-circle:before {
  content: "\e93a";
}
.sdp-glyph-ok-circle:before {
  content: "\e93b";
}
.sdp-glyph-general-survey:before {
  content: "\e939";
}
.sdp-glyph-rocket:before {
  content: "\e93d";
}
.sdp-glyph-rocket-fill:before {
  content: "\e979";
}
.sdp-glyph-lightbulb:before {
  content: "\e93e";
}
.sdp-glyph-bullhorn:before {
  content: "\e93f";
}
.sdp-glyph-monitor:before {
  content: "\e953";
}
.sdp-glyph-minus:before {
  content: "\e955";
}
.sdp-glyph-plus:before {
  content: "\e956";
}
.sdp-glyph-wechat:before {
  content: "\e941";
}
.sdp-glyph-comments:before {
  content: "\e944";
}
.sdp-glyph-comment-info:before {
  content: "\e945";
}
.sdp-glyph-pie-chart:before {
  content: "\e946";
}
.sdp-glyph-search:before {
  content: "\e947";
}
.sdp-glyph-rotate-left:before {
  content: "\e948";
}
.sdp-glyph-rotate-right:before {
  content: "\e949";
}
.sdp-glyph-trash-fill:before {
  content: "\e950";
}
.sdp-glyph-forward:before {
  content: "\e94a";
}
.sdp-glyph-reply:before {
  content: "\e94b";
}
.sdp-glyph-list:before {
  content: "\e94c";
}
.sdp-glyph-arrow-left:before {
  content: "\e958";
}
.sdp-glyph-arrow-right:before {
  content: "\e959";
}
.sdp-glyph-step-backward:before {
  content: "\e960";
}
.sdp-glyph-step-forward:before {
  content: "\e95f";
}
.sdp-glyph-chevron-left:before {
  content: "\e94d";
}
.sdp-glyph-chevron-right:before {
  content: "\e94e";
}
.sdp-glyph-paperclip:before {
  content: "\e94f";
}
.sdp-glyph-earphone:before {
  content: "\e95a";
}
.sdp-glyph-link:before {
  content: "\e95b";
}
.sdp-glyph-mark:before {
  content: "\e95d";
}
.sdp-glyph-vip:before {
  content: "\e95e";
  color: #ea742c;
}
.sdp-glyph-brush:before {
  content: "\e961";
}
.sdp-glyph-globe:before {
  content: "\e96b";
}
.sdp-glyph-hand:before {
  content: "\e974";
}
.sdp-glyph-hand-circle:before {
  content: "\e96f";
}
.sdp-glyph-hand-globe:before {
  content: "\e967";
}
.sdp-glyph-hand-upload:before {
  content: "\e968";
}
.sdp-glyph-printer:before {
  content: "\e971";
}
.sdp-glyph-jumbotron-unplug:before {
  content: "\e973";
}
.sdp-glyph-jumbotron-cloud:before {
  content: "\e975";
}
.sdp-glyph-community:before {
  content: "\e976";
}
.sdp-glyph-user-talk:before {
  content: "\e972";
}
.sdp-glyph-keyboard:before {
  content: "\e93c";
}
.sdp-glyph-warning-yellow:before {
  content: "\e935";
  color: #e49b3f;
}
.sdp-glyph-failure-red:before {
  content: "\e942";
  color: #a74f4f;
}
.sdp-glyph-success-green:before {
  content: "\e943";
  color: #33823c;
}
.sdp-glyph-info-triangle-yellow .path1 {
  /*outline*/
}
.sdp-glyph-info-triangle-yellow .path1:before {
  content: "\e936";
  color: #EA6216;
}
.sdp-glyph-info-triangle-yellow .path2:before {
  content: "\e940";
  margin-left: -1em;
  color: #EB7E20;
}
.sdp-glyph-warning-triangle-red .path1 {
  /*outline*/
}
.sdp-glyph-warning-triangle-red .path1:before {
  content: "\e977";
  color: #F72D2D;
}
.sdp-glyph-warning-triangle-red .path2:before {
  content: "\e978";
  margin-left: -1em;
  color: #FF5E53;
}
.sdp-glyph-rocket-yellow:before {
  content: "\e93d";
  color: #eb932c;
}
.sdp-glyph-lightbulb-blue:before {
  content: "\e93e";
  color: #20bdf8;
}
.sdp-glyph-bullhorn-red:before {
  content: "\e93f";
  color: #f58585;
}
.sdp-glyph-grid:before {
  content: "\e97a";
}
.sdp-glyph-list1:before {
  content: "\e97b";
}
.sdp-glyph-newtab:before {
  content: "\e97c";
}
.sdp-glyph-location:before {
  content: "\e97d";
}
.sdp-glyph-tools:before {
  content: "\e97e";
}
.sdp-glyph-share1:before {
  content: "\e97f";
}
.sdp-glyph-task-combined:before {
  content: "\e981";
}
.sdp-glyph-camera:before {
  content: "\e982";
}
.sdp-glyph-drag-drop:before {
  content: "\e951";
}
.sdp-glyph-user-delete:before {
  content: "\e95c";
}
.sdp-glyph-bullet-arrow:before {
  content: "\e980";
}
.sdp-glyph-user-circle:before {
  content: "\e983";
}
.sdp-glyph-search-plus:before {
  content: "\e984";
}
.sdp-glyph-menu:before {
  content: "\e985";
}
.sdp-glyph-more:before {
  content: "\e986";
}
.sdp-glyph-task-add:before {
  content: "\e987";
}
.sdp-glyph-file-empty:before {
  content: "\e98b";
}
.sdp-glyph-broken:before {
  content: "\e988";
}
.sdp-glyph-office:before {
  content: "\e989";
}
.sdp-glyph-power:before {
  content: "\e98a";
}
.sdp-glyph-event:before {
  content: "\e98c";
}
.sdp-glyph-reminder1:before {
  content: "\e98d";
}
.sdp-glyph-product:before {
  content: "\e98e";
}
.sdp-glyph-sortable:before {
  content: "\e98f";
}
.sdp-glyph-user-merge:before {
  content: "\e990";
}
.sdp-glyph-fullscreen:before {
  content: "\e991";
}
.sdp-glyph-smallscreen:before {
  content: "\e992";
}
.sdp-glyph-share:before {
  content: "\e993";
}
.sdp-glyph-account:before {
  content: "\e994";
}
.sdp-glyph-new-request:before {
  content: "\e995";
}
.sdp-glyph-solution:before {
  content: "\e996";
}
.sdp-glyph-send-notification:before {
  content: "\e997";
}
.sdp-glyph-reminder:before {
  content: "\e957";
}
.sdp-glyph-reminder-close:before {
  content: "\e998";
}
.sdp-glyph-fcr:before {
  content: "\e999";
}
.sdp-glyph-contract:before {
  content: "\e99a";
}
.sdp-glyph-remoteconnect:before {
  content: "\e99b";
}
.sdp-glyph-merge:before {
  content: "\e99c";
}
.sdp-glyph-play:before {
  content: "\e99d";
}
.sdp-glyph-single-column:before {
  content: "\e9a0";
}
.sdp-glyph-double-column:before {
  content: "\e9a1";
}
.sdp-glyph-single-line:before {
  content: "\e9a2";
}
.sdp-glyph-dropdown:before {
  content: "\e9a3";
}
.sdp-glyph-multi-line:before {
  content: "\e9a4";
}
.sdp-glyph-decimal:before {
  content: "\e9a5";
}
.sdp-glyph-checkbox:before {
  content: "\e9a6";
}
.sdp-glyph-numeric:before {
  content: "\e9a7";
}
.sdp-glyph-sub-account:before {
  content: "\e99e";
}
.sdp-glyph-import:before {
  content: "\e99f";
}
.sdp-glyph-password:before {
  content: "\e9a8";
}
.sdp-glyph-timer-start .path1 {
  /*outline*/
}
.sdp-glyph-timer-start .path1:before {
  content: "\e9aa";
  color: #888;
}
.sdp-glyph-timer-start .path2:before {
  content: "\e9ab";
  margin-left: -1em;
  color: #30A030;
}
.sdp-glyph-timer-stop .path1:before {
  content: "\e9ad";
  color: #888;
}
.sdp-glyph-timer-stop .path2:before {
  content: "\e9ae";
  margin-left: -1em;
  color: red;
}
.sdp-glyph-timer-run .path1:before {
  content: "\e9af";
  color: #2D2DFF;
}
.sdp-glyph-timer-run .path2:before {
  content: "\e9b0";
  margin-left: -1em;
  color: #2D2DFF;
}
.sdp-glyph-user-approver:before {
  content: "\e9b2";
}
.sdp-glyph-summary:before {
  content: "\e9cb";
}
.sdp-glyph-broadcast:before {
  content: "\e9ca";
}
.sdp-glyph-workflow:before {
  content: "\e9a9";
}
.sdp-glyph-download:before {
  content: "\e9c8";
}
.sdp-glyph-sync:before {
  content: "\e9c9";
}
.sdp-glyph-import:before {
  content: "\e9cc";
}
.sdp-glyph-export:before {
  content: "\e9cd";
}
.sdp-glyph-user-merge1:before {
  content: "\e9b1";
}
/* Notification Menu */
.notifymenu .sdp-glyph {
  color: #868686;
}
.notifymenu li > a:hover .sdp-glyph {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.notifymenu .sdp-glyph-close {
  cursor: var(--sdpcursor-pointer);
  font-weight: 700;
}
.notifymenu .sdp-glyph-close:hover {
  color: #515151;
}
.boxCtrlButtonPane .sdp-glyph-close {
  background: transparent;
  border: 0 none;
  opacity: 0.2;
}
.boxCtrlButtonPane .sdp-glyph-close:hover,
.boxCtrlButtonPane .sdp-glyph-close:focus {
  color: #000;
  text-decoration: none;
  cursor: var(--sdpcursor-pointer);
  opacity: 0.5;
}
.sdp-glyph-ok-circle.text-muted,
.sdp-glyph-ban-circle.text-muted {
  opacity: 0.5;
}
.sdp-glyph-ok-circle.text-muted:hover,
.sdp-glyph-ban-circle.text-muted:hover {
  opacity: 0.8;
  color: #868686;
}
.addcommonglyph .sdp-glyph-plus {
  background-color: #868686;
  border: 1px solid #515151;
  font-size: var(--fs-9);
  padding: 1px !important;
  color: #FFF;
  top: 0;
  display: inline;
}
.addcommonglyph:hover.addcommonglyph:not(.panel-heading) .sdp-glyph-plus {
  background-color: #008ddd;
  border: 1px #008ddd solid;
  background-color: var(--primary_button_color, #008ddd);
  border: 1px var(--primary_button_color, #008ddd) solid;
}
.sdp-glyph-chevron-top {
  transform: rotate(-90deg);
}
.sdp-glyph-chevron-bottom {
  transform: rotate(90deg);
}
.sdp-glyph-chevron-top:before,
.sdp-glyph-chevron-bottom:before {
  content: "\e94e";
}
td.editicon.edit-glyph {
  width: 40px;
}
.editicon.edit-glyph a,
.editicon.edit-glyph a:hover {
  background: none;
}
.editicon.edit-glyph a,
.editicon a {
  display: block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: -1px;
  left: 0px !important;
  height: 18px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 12px;
  height: 12px;
  border: 0;
  opacity: 0.5;
}
.editicon.edit-glyph a:before,
.editicon a:before {
  content: "";
  color: #000;
  background-image: url('/images/ui-common-view.svg?15110');
  background-position: -335px -474px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.editicon.edit-glyph a:hover,
.editicon a:hover {
  opacity: 1;
}
.sdp-glyph-user-circle.large {
  color: #868686;
  font-size: var(--fs-79);
}
.prp-photo span.sdp-glyph-user-circle {
  color: #515151;
  font-size: var(--fs-90);
  cursor: var(--sdpcursor-pointer);
  margin: 3px 0px 2px 0px;
  position: relative;
  line-height: 94px;
}
a.sdp-glyph:hover {
  text-decoration: none;
}
.sdp-glyph.form-control-feedback {
  position: absolute;
  display: block;
  height: 28px;
  line-height: 28px;
}
/* ----------------------------------------------- */
/* common-sprite.less */
/* ----------------------------------------------- */
.common-sprite {
  background-image: url('/images/ui-common-view.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
  cursor: var(--sdpcursor-pointer);
}
.common-add-icon1 {
  background-position: 0 -22px;
}
.common-add-icon2 {
  background-position: -17px -23px;
}
.common-add-icon3 {
  background-position: -33px -24px;
}
.common-add-icon4 {
  background-position: -304px -665px;
}
.common-remove-icon1 {
  background-position: -73px -23px;
}
.common-remove-icon2 {
  background-position: -89px -23px;
}
.common-remove-icon3 {
  background-position: -105px -23px;
}
.common-remove-icon4 {
  background-position: -122px -24px;
}
.common-fav-icon1-on,
.common-fav-icon1-off,
.common-spot-edit-icon2 {
  width: 13px;
  height: 13px;
}
.common-fav-icon1-on {
  background-position: -1px -2px;
}
.common-fav-icon1-off {
  background-position: -15px -2px;
}
.common-drag-icon1 {
  background-position: -83px -2px;
  width: 6px;
  height: 14px;
  cursor: var(--sdpcursor-move);
  cursor: var(--sdpcursor-grab);
}
.common-refresh-icon1 {
  background-position: -316px -2px;
}
.common-user-icon1 {
  background-position: -61px -114px;
}
.common-spot-edit-icon1 {
  background-position: -230px -20px;
}
.common-spot-edit-icon2 {
  background-position: -255px -20px;
}
.common-close-icon1 {
  background-position: -136px -21px;
}
.common-close-icon2 {
  background-position: -159px -23px;
}
.common-close-icon3,
.close-xs {
  background-position: -176px -21px;
}
.close-red-xs {
  background-position: -193px -21px;
}
.common-close-icon4 {
  background-position: -209px -21px;
}
.common-lock-icon1 {
  background-position: -21px -43px;
}
.common-unlock-icon1 {
  background-position: -37px -43px;
}
.common-alert-infoicon1 {
  background-position: 0px -200px;
}
.common-alert-infoicon2 {
  background-position: -195px -43px;
}
.common-more-dots {
  background-position: -98px -176px;
  width: 27px;
  height: 14px;
  vertical-align: sub;
}
.common-more-dots:hover {
  background-position: -98px -153px;
}
.common-more-dots2 {
  background-position: -131px -177px;
  width: 27px;
  height: 13px;
  vertical-align: sub;
}
.common-date-icon1 {
  background-position: -1px -66px;
}
.common-date-icon1-xs {
  background-position: -21px -66px;
}
.common-go-back-icon1 {
  background-position: -56px 0;
}
.common-expand-arrow1 {
  background-position: -131px -2px;
}
.common-collapse-arrow1 {
  background-position: -146px -2px;
}
.common-expand-arrow2 {
  background-position: -215px -43px;
}
.common-collapse-arrow2 {
  background-position: -234px -43px;
}
.common-up-arrow1 {
  background-position: -178px -2px;
}
.common-down-arrow1 {
  background-position: -162px -2px;
}
.common-up-arrow2 {
  background-position: -265px 0;
}
.common-down-arrow2 {
  background-position: -279px 0;
}
.common-reply-icon1 {
  background-position: -199px -1px;
}
.common-forward-icon1 {
  background-position: -222px -1px;
}
.common-bidirection-icon1 {
  background-position: -247px -1px;
}
.common-checklist-icon1 {
  background-position: -1px -93px;
}
.common-tick-icon1,
.tick-green-xs {
  background-position: -279px -22px;
}
.common-tick-icon2,
.tick-xs {
  background-position: -298px -22px;
}
.common-print-icon1 {
  background-position: -82px -91px;
}
.common-home-icon1 {
  background-position: 0 -148px;
}
.common-home-icon1:hover,
.common-home-icon1:focus {
  background-position: 0 -171px;
}
.common-dashboard-icon1 {
  background-position: -24px -148px;
}
.common-dashboard-icon1:hover,
.common-dashboard-icon1:focus {
  background-position: -24px -171px;
}
.common-reports-icon1 {
  background-position: -48px -148px;
}
.common-reports-icon1:hover,
.common-reports-icon1:focus {
  background-position: -48px -171px;
}
.common-support-icon1 {
  background-position: -72px -148px;
}
.common-support-icon1:hover,
.common-support-icon1:focus {
  background-position: -72px -171px;
}
.common-filter-icon1-sm {
  background-position: -52px -92px;
}
.common-enable-icon1 {
  background-position: -313px -21px;
}
.common-disable-icon1 {
  background-position: -333px -21px;
}
.common-disable-no-action {
  background-position: -353px -21px;
}
.common-preview-icon1 {
  background-position: -108px -90px;
  width: 24px;
  height: 16px;
  opacity: 0.6;
}
.common-preview-icon2 {
  background-position: -142px -92px;
}
.common-edit-icon1 {
  background-position: -66px -43px;
}
.common-edit-icon2 {
  background-position: -86px -43px;
}
.common-trash-icon2 {
  background-position: -117px -117px;
}
.user-approve-icon {
  background-position: -285px -41px;
}
.user-reject-icon {
  background-position: -257px -41px;
}
.user-search-icon {
  background-position: -312px -42px;
}
.common-site-icon {
  background-position: -383px -43px;
}
.common-associate-icon {
  background-position: -379px -60px;
}
.common-monitor-icon {
  background-position: -334px -42px;
}
.remote-control-icon {
  background-position: -358px -42px;
}
.select2-drop .common-edit-icon2,
.select2-drop .common-trash-icon2 {
  opacity: 0.6;
}
.select2-drop .common-edit-icon2:hover,
.select2-drop .common-trash-icon2:hover {
  opacity: 1;
}
.success-icon1-sm {
  background-position: -123px -43px;
}
.failure-icon1-sm {
  background-position: -141px -43px;
}
.failure-icon2-sm {
  background-position: -259px -64px;
}
.warning-icon1-sm {
  background-position: -159px -43px;
}
.info-icon1-sm {
  background-position: -177px -43px;
}
.success-icon1-lg {
  background-position: -123px -62px;
}
.failure-icon1-lg {
  background-position: -150px -62px;
}
.warning-icon1-lg {
  background-position: -177px -62px;
}
.info-icon1-lg {
  background-position: -204px -62px;
}
.info-icon2-lg {
  background-position: -231px -62px;
}
.common-desc-icon {
  background-position: -337px -4px;
}
.common-asc-icon {
  background-position: -356px -4px;
}
.common-bulb-icon {
  background-position: -30px -200px;
}
.common-bulb2-icon {
  background-position: -60px -200px;
}
.btn-capsule .btn-xs .common-tick-icon1 {
  opacity: 0.6;
}
.info-icon1-big {
  background-position: 0px -264px;
  width: 40px;
  height: 40px;
}
/* SVG Common sprite icon */
.cspr {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
}
.wmask-cspr {
  mask-image: url('/images/ui-common-view.svg?15110');
  -webkit-mask-image: url('/images/ui-common-view.svg?15110');
}
.integrate {
  background-position: -214px -335px;
}
.integrate-h {
  background-position: -237px -335px;
}
.flat {
  opacity: 0.7;
}
.flat2 {
  opacity: 0.5;
}
.flat:hover,
.flat2:hover {
  opacity: 1;
}
.flat3 {
  opacity: 0.4;
}
.flat3 :hover {
  opacity: 0.6;
}
.star-on {
  background-position: -4px -4px;
}
.star-off {
  background-position: -23px -5px;
}
.search {
  background-position: -42px -3px;
}
.go-back {
  background-position: -63px -6px;
}
.go-back1 {
  background-position: -81px -7px;
}
.drag1 {
  background-position: -99px -6px;
}
.header-more {
  background-position: -336px -79px;
}
.expand-arrow1 {
  background-position: -108px -4px;
}
.collapse-arrow1 {
  background-position: -123px -4px;
}
.expand-arrow1-h {
  background-position: -317px -123px;
}
.collapse-arrow1-h {
  background-position: -332px -122px;
}
.up-arrow {
  background-position: -140px -8px;
  width: 7px;
  height: 11px;
}
.down-arrow {
  background-position: -150px -8px;
  width: 7px;
  height: 11px;
}
.reply {
  background-position: -159px -8px;
  width: 14px;
  height: 11px;
}
.forward {
  background-position: -176px -8px;
  width: 14px;
  height: 11px;
}
.bidirection {
  background-position: -191px -7px;
}
.up-arrow1 {
  background-position: -209px -8px;
  width: 10px;
  height: 7px;
}
.down-arrow2 {
  background-position: -221px -8px;
  width: 10px;
  height: 7px;
}
.desc1 {
  background-position: -135px -543px;
}
.asc {
  background-position: -196px -543px;
}
.add1 {
  background-position: -268px -7px;
}
.add2 {
  background-position: -290px -7px;
}
.add3 {
  background-position: -281px -10px;
  width: 8px;
  height: 8px;
}
.add4 {
  background-position: -303px -10px;
  width: 8px;
  height: 8px;
}
.remove {
  background-position: -315px -13px;
}
.remove1 {
  background-position: -344px -12px;
}
.remove2 {
  background-position: -330px -13px;
  width: 8px;
  height: 2px;
}
.remove3 {
  background-position: -360px -12px;
  width: 8px;
  height: 2px;
}
.close1 {
  background-position: -372px -6px;
}
.close2 {
  background-position: -390px -7px;
}
.close3 {
  background-position: -405px -9px;
  width: 10px;
  height: 10px;
}
.close-red {
  background-position: -417px -9px;
  width: 10px;
  height: 10px;
}
.close4 {
  background-position: -430px -4px;
}
.spot-edit {
  background-position: -448px -4px;
}
.spot-edit1 {
  background-position: -465px -7px;
}
.spot-edit-w {
  background-position: -474px -266px;
}
.tick-green {
  background-position: -480px -10px;
}
.tick1 {
  background-position: -495px -10px;
}
.enable {
  /*class also used in ui-admin-module.less*/
  background-position: -510px -4px;
}
.disable {
  background-position: -529px -4px;
}
.disable-no {
  background-position: -547px -5px;
}
.lock {
  background-position: -3px -24px;
}
.lock1 {
  background-position: -21px -24px;
}
.edit {
  background-position: -335px -475px;
}
.edit1 {
  background-position: -58px -25px;
}
.edit-blue {
  background-position: -47px -785px;
}
.tablelist table tbody tr td:hover .edit {
  background-position: -47px -785px;
}
.success {
  background-position: -99px -24px;
}
.danger {
  background-position: -119px -24px;
}
.warning {
  background-position: -140px -24px;
}
.info {
  background-position: -160px -24px;
}
.success1 {
  background-position: -3px -44px;
}
.failure1 {
  background-position: -32px -44px;
}
.warning1 {
  background-position: -61px -45px;
}
.info1 {
  background-position: -89px -44px;
}
.info2 {
  background-position: -117px -44px;
}
.collapse-arrow {
  /*class use in sdp-design-overwrite.less*/
  background-position: -180px -24px;
}
.expand-arrow {
  /*class use in sdp-design-overwrite.less*/
  background-position: -199px -24px;
}
.circle-arrow-up {
  background-position: -218px -24px;
}
.circle-arrow-down {
  background-position: -237px -24px;
}
.monitor {
  background-position: -258px -28px;
}
.remote-control {
  background-position: -274px -24px;
}
.monitor-h {
  background-position: -300px -104px;
}
.remote-control-h {
  background-position: -318px -100px;
}
.date:not(img) {
  background-position: -267px -758px;
}
.cspr.date {
  width: 20px;
  top: -1px;
  opacity: 0.7;
}
.date1 {
  background-position: -316px -28px;
}
.list-notes-on {
  background-position: -332px -26px;
  width: 12px;
  height: 13px;
}
.helpcard-table-arrow {
  background-position: -349px -29px;
  width: 22px;
  height: 11px;
}
.failure3 {
  background-position: -375px -24px;
}
.rotate-left {
  background-position: -394px -29px;
}
.rotate-right {
  background-position: -409px -29px;
}
.checklist {
  background-position: -425px -25px;
}
.filter1 {
  background-position: -445px -26px;
}
.print {
  background-position: -467px -24px;
}
.preview {
  background-position: -487px -26px;
}
.preview1 {
  background-position: -515px -30px;
}
.preview-hide {
  background-position: -532px -30px;
}
.preview-hide1 {
  background-position: -478px -196px;
}
.community {
  background-position: -549px -22px;
  width: 22px;
  height: 18px;
}
.trash {
  background-position: -146px -53px;
}
.white-trash {
  background-position: -164px -53px;
}
.blue-trash {
  background-position: -181px -52px;
}
.play-circle {
  background-position: -45px -333px;
}
.tablelist table tbody tr td:hover .trash {
  background-position: -181px -52px;
}
.home {
  background-position: -201px -49px;
  width: 22px;
  height: 19px;
}
.home-h {
  background-position: -227px -49px;
  width: 22px;
  height: 19px;
}
.dashboard {
  background-position: -253px -49px;
  width: 22px;
  height: 19px;
}
.dashboard-h {
  background-position: -277px -49px;
  width: 22px;
  height: 19px;
}
.reports {
  background-position: -303px -49px;
  width: 22px;
  height: 19px;
}
.reports-h {
  background-position: -329px -49px;
  width: 22px;
  height: 19px;
}
.support {
  background-position: -356px -49px;
  width: 17px;
  height: 19px;
}
.support-h {
  background-position: -377px -49px;
  width: 17px;
  height: 19px;
}
.header-noti {
  background-position: -397px -55px;
  width: 13px;
  height: 13px;
}
.onhold {
  background-position: -11px -633px;
  width: 16px;
  height: 16px;
}
.more-dots1 {
  background-position: -457px -56px;
  width: 24px;
  height: 12px;
}
.more-dots-h {
  background-position: -429px -56px;
  width: 24px;
  height: 12px;
}
.popout {
  background-position: -486px -56px;
}
.notification {
  background-position: -502px -54px;
}
.notification-h {
  background-position: -518px -54px;
}
.pin {
  background-position: -537px -53px;
}
.unpin {
  background-position: -554px -52px;
}
.reply1 {
  background-position: -8px -574px;
  width: 22px;
  height: 15px;
}
.forward1 {
  background-position: -44px -574px;
  width: 22px;
  height: 15px;
}
.reply1-h {
  background-position: -81px -574px;
  width: 22px;
  height: 15px;
}
.forward1-h {
  background-position: -117px -574px;
  width: 22px;
  height: 15px;
}
.sort-down {
  background-position: -196px -543px;
}
.sort-up {
  background-position: -135px -543px;
}
.sort-down-h {
  background-position: -196px -543px;
}
.sort-up-h {
  background-position: -135px -543px;
}
.btn-link:hover > .reply1 {
  background-position: -81px -574px;
  width: 22px;
  height: 15px;
}
.btn-link:hover > .forward1 {
  background-position: -117px -574px;
  width: 22px;
  height: 15px;
}
.btn-link:hover > .sort-down {
  background-position: -196px -543px;
}
.btn-link:hover > .sort-up {
  background-position: -135px -543px;
}
.mail {
  background-position: -144px -78px;
}
.export {
  background-position: -162px -75px;
}
.import {
  background-position: -184px -75px;
}
.full-screen {
  background-position: -11px -1036px;
}
.small-screen {
  background-position: -41px -1036px;
}
.bulb {
  background-position: -28px -95px;
  width: 15px;
  height: 22px;
}
.bulb1 {
  background-position: -4px -95px;
  width: 22px;
  height: 22px;
}
.layer {
  background-position: -49px -100px;
  width: 17px;
  height: 17px;
}
.bell1 {
  background-position: -73px -96px;
  width: 22px;
  height: 22px;
}
.alert-info {
  background-position: -100px -98px;
}
.info-big {
  background-position: -186px -95px;
  width: 40px;
  height: 40px;
}
.user-circle {
  background-position: -132px -91px;
  width: 48px;
  height: 48px;
}
.associate {
  background-position: -306px -74px;
  width: 21px;
  height: 15px;
}
.recent-items1 {
  background-position: -235px -99px;
  width: 27px;
  height: 25px;
}
.recent-items2 {
  background-position: -269px -107px;
  width: 20px;
  height: 18px;
}
.in-queue {
  background-position: -205px -73px;
}
.hourglass {
  background-position: -227px -76px;
}
.in-progress {
  background-position: -244px -73px;
}
.reminder {
  background-position: -360px -76px;
}
.reminder-cls {
  background-position: -379px -76px;
}
.close5 {
  background-position: -397px -76px;
}
.earphone {
  background-position: -418px -78px;
}
.sortable {
  background-position: -434px -78px;
}
.lock-line {
  background-position: -46px -730px;
}
.lock-line-clr {
  background-position: -46px -730px;
}
.unlock-line {
  background-position: -12px -730px;
}
.link {
  background-position: -363px -100px;
}
.notes {
  background-position: -384px -100px;
}
.relationship {
  background-position: -402px -101px;
}
.outgoing-conv-off {
  background-position: -424px -101px;
}
.share2 {
  background-position: -444px -100px;
}
.task {
  background-position: -465px -100px;
}
.first-response {
  background-position: -555px -101px;
}
.paperclip {
  background-position: -484px -99px;
}
.close-red2 {
  background-position: -510px -102px;
}
.tick-green2 {
  background-position: -531px -102px;
}
.cspr.wlt-stop {
  /*class also used in ui-admin-module.less*/
  background-position: -4px -122px;
}
.cspr.wlt-start {
  background-position: -22px -122px;
}
.service-req {
  background-position: -40px -122px;
}
.incident-req {
  background-position: -60px -122px;
}
.flag-warning {
  background-position: -155px -632px;
}
.triangle-red {
  background-position: -296px -122px;
}
.vip {
  background-position: -374px -124px;
}
.rmap {
  background-position: -392px -124px;
}
.chart {
  background-position: -412px -124px;
}
.comnty {
  background-position: -430px -124px;
}
.comnty-h {
  background-position: -446px -125px;
}
.location {
  background-position: -462px -125px;
}
.location-h {
  background-position: -477px -125px;
}
.grid {
  background-position: -493px -124px;
}
.tools1 {
  background-position: -512px -124px;
}
.task-add {
  background-position: -2px -145px;
}
.menulist {
  background-position: -528px -124px;
}
.rotate-left-h {
  background-position: -237px -127px;
}
.rotate-right-h {
  background-position: -252px -127px;
}
.clmchooser {
  background-position: -368px -474px;
}
.share1 {
  background-position: -559px -124px;
}
.vip-outer {
  background-position: -27px -143px;
}
.list {
  background-position: -52px -146px;
  width: 22px;
  height: 16px;
}
.chevron-left {
  background-position: -313px -194px;
}
.chevron-right {
  background-position: -297px -194px;
}
.chevron-left2 {
  background-position: -349px -194px;
}
.chevron-right2 {
  background-position: -333px -194px;
}
.reorder {
  background-position: -117px -145px;
  width: 22px;
  height: 15px;
}
.scriblepad {
  background-position: -118px -629px;
}
.cog {
  background-position: -197px -146px;
}
.user-assign {
  background-position: -218px -148px;
}
.star-empty {
  background-position: -330px -174px;
}
.star-green {
  background-position: -349px -174px;
}
.purchase1 {
  background-position: -243px -148px;
  width: 77px;
  height: 43px;
}
.purchase2 {
  background-position: -325px -152px;
  width: 24px;
  height: 16px;
}
.purchase3 {
  background-position: -361px -150px;
  width: 38px;
  height: 26px;
}
.clock {
  background-position: -407px -149px;
}
.statusunapprove {
  background-position: -427px -149px;
}
.statuspending {
  background-position: -443px -149px;
}
.statusapprove {
  background-position: -459px -149px;
}
.statusreject {
  background-position: -491px -149px;
}
.statusexpire {
  background-position: -475px -149px;
}
.paperclip1 {
  background-position: -408px -165px;
}
.tools {
  background-position: -429px -170px;
}
.complete-n {
  background-position: -455px -170px;
}
.contact {
  background-position: -477px -169px;
}
.email1 {
  background-position: -499px -170px;
}
.asset1 {
  background-position: -521px -172px;
}
.un-clr {
  background-position: -5px -177px;
}
.view-clr {
  background-position: -36px -178px;
}
.complete-clr {
  background-position: -68px -179px;
}
.download {
  background-position: -100px -183px;
}
.currency {
  background-position: -119px -180px;
}
.fafr {
  background-position: -546px -170px;
}
.timer1 {
  background-position: -153px -186px;
}
.chat1 {
  background-position: -174px -188px;
}
.pause {
  background-position: -197px -190px;
}
.play {
  background-position: -211px -190px;
}
.help1 {
  background-position: -377px -190px;
}
.help3 {
  background-position: -397px -189px;
}
.help4 {
  background-position: -423px -189px;
}
.cog1 {
  background-position: -509px -143px;
}
.goback {
  background-position: -539px -142px;
}
.cspr.go-back.icon-xs {
  vertical-align: initial;
}
.user1 {
  background-position: -453px -194px;
}
.bulb3 {
  background-position: -199px -166px;
}
.bullhorn {
  background-position: -217px -168px;
}
.listunapproved {
  background-position: -427px -149px;
}
.listapp-pending {
  background-position: -443px -149px;
}
.listapproved {
  background-position: -459px -149px;
}
.listrejected {
  background-position: -475px -149px;
}
.listexpired {
  background-position: -491px -149px;
}
.comnty1 {
  background-position: -509px -195px;
}
.location1 {
  background-position: -531px -194px;
}
.user-delete {
  background-position: -2px -221px;
}
.bell {
  background-position: -21px -219px;
}
.logout {
  background-position: -38px -219px;
}
.overview {
  background-position: -57px -223px;
}
.milestone {
  background-position: -79px -219px;
}
.folder {
  background-position: -99px -220px;
}
.chat {
  background-position: -119px -219px;
}
.task1 {
  background-position: -139px -219px;
}
.task-complete {
  background-position: -157px -219px;
}
.task-remove {
  background-position: -176px -219px;
}
.task-combined {
  background-position: -197px -219px;
}
.scale {
  background-position: -216px -222px;
}
.thumbs-up {
  background-position: -238px -219px;
}
.thumbs-down {
  background-position: -257px -220px;
}
.smile {
  background-position: -275px -219px;
}
.sad {
  background-position: -293px -219px;
}
.heart-fill {
  background-position: -312px -219px;
}
.heart {
  background-position: -330px -219px;
}
.star-fill {
  background-position: -349px -219px;
}
.calendar {
  background-position: -267px -758px;
  opacity: 0.7;
  width: 18px;
  height: 17px;
}
.info-triangle {
  background-position: -392px -220px;
}
.fcr {
  background-position: -415px -219px;
}
.failure {
  background-position: -432px -219px;
}
.success2 {
  background-position: -450px -219px;
}
.warning2 {
  background-position: -470px -219px;
}
.ban {
  background-position: -490px -219px;
}
.play1 {
  background-position: -510px -219px;
}
.sync {
  background-position: -529px -219px;
}
.rocket-fill {
  background-position: -1px -238px;
}
.wechat {
  background-position: -21px -239px;
}
.comments {
  background-position: -41px -239px;
}
.comment-info {
  background-position: -62px -239px;
}
.pie-chart {
  background-position: -82px -237px;
}
.broken {
  background-position: -102px -237px;
}
.brush {
  background-position: -122px -237px;
}
.globe {
  background-position: -12px -730px;
}
.hand1 {
  background-position: -159px -242px;
}
.hand-globe {
  background-position: -178px -238px;
}
.hand-upload {
  background-position: -197px -238px;
}
.keyboard {
  background-position: -218px -240px;
}
.newtab {
  background-position: -239px -237px;
}
.newtab.wmask-cspr {
  mask-position: -239px -237px;
  -webkit-mask-position: -239px -237px;
}
.solution {
  background-position: -260px -238px;
}
.camera {
  background-position: -281px -239px;
}
.event {
  background-position: -322px -238px;
}
.reminder1 {
  background-position: -344px -238px;
}
.alarm {
  background-position: -364px -237px;
}
.contract {
  background-position: -384px -238px;
}
.merge {
  background-position: -404px -241px;
}
.broadcast {
  background-position: -426px -237px;
}
.workflow {
  background-position: -446px -237px;
}
.p-close {
  background-position: -62px -260px;
}
.p-printer {
  background-position: -31px -262px;
}
.p-download {
  background-position: -3px -260px;
}
.p-next {
  background-position: -236px -193px;
}
.p-preview {
  background-position: -252px -193px;
}
.more {
  background-position: -488px -238px;
}
.remove4 {
  background-position: -467px -238px;
}
.mobile-view {
  background-position: -202px -263px;
}
.cart-view {
  background-position: -183px -264px;
}
.view-list {
  background-position: -138px -264px;
}
.layout-setting {
  background-position: -276px -263px;
}
.mobile-view-h {
  background-position: -243px -263px;
}
.cart-view-h {
  background-position: -225px -264px;
}
.view-list-h {
  background-position: -161px -264px;
}
.c-user {
  background-position: -510px -237px;
}
.c-user1 {
  background-position: -533px -237px;
}
.relationmap {
  background-position: -87px -261px;
}
.relationmap-h {
  /*class also used in ui-admin-module.less*/
  background-position: -111px -261px;
}
.mlist {
  background-position: -138px -264px;
}
.mlist-h {
  /*class also used in ui-admin-module.less*/
  background-position: -161px -264px;
}
.zia-noti {
  background-position: -398px -264px;
}
.gs-all {
  background-position: -234px -296px;
}
.gs-slu {
  background-position: -37px -291px;
}
.gs-req {
  background-position: -74px -291px;
}
.gs-announ {
  background-position: -189px -296px;
}
.gs-asset {
  background-position: -150px -296px;
}
.gs-change {
  background-position: -109px -292px;
}
.gs-temp {
  background-position: -4px -292px;
}
.gs-slu1 {
  background-position: -486px -265px;
}
.play-normal {
  background-position: -3px -333px;
}
.play-selected {
  background-position: -25px -333px;
}
.guided-tour {
  background-position: -45px -333px;
}
.slidenav-menu {
  background-position: -499px -297px;
}
.thumbs-up1 {
  background-position: -450px -294px;
}
.thumbs-down1 {
  background-position: -473px -294px;
}
.hview-n {
  background-position: -542px -268px;
}
.hview-h {
  background-position: -558px -268px;
}
.vview-n {
  background-position: -504px -268px;
}
.vview-h {
  background-position: -523px -268px;
}
.filter2 {
  background-position: -316px -264px;
}
/* SVG Common sprite icon end */
.user-approve2 {
  background-position: -312px -68px;
}
.user-reject2 {
  background-position: -284px -68px;
}
.revoke-cancellation {
  background-position: -4px -356px;
}
.cancel-req-lv {
  background-position: -65px -333px;
}
.user-group {
  background-position: -95px -363px;
}
.help-line {
  background-position: -426px -264px;
}
.nofafr {
  background-position: -163px -337px;
}
.folder-c {
  background-position: -386px -363px;
}
.folder-o {
  background-position: -408px -363px;
}
.tag-icon1 {
  background-position: -107px -334px;
}
.spad-delete {
  background-position: -212.5px -360.5px;
}
.vip-user {
  background-position: -301px -382px;
}
.down-arrow2 {
  background-position: -221px -8px;
  width: 10px;
  height: 7px;
}
.empty-chat {
  background-position: -153px -419px;
  width: 80px;
  height: 80px;
}
.task-temp {
  background-position: -287px -382px;
}
.task-temp-add {
  background-position: -271px -382px;
}
.task-temp-bnr {
  background-image: url('/images/task-temp-bnr.svg');
  background-repeat: no-repeat;
  display: inline-block;
  background-position: 0 0;
  width: 229px;
  height: 153px;
}
.fil-close {
  background-position: -240px -420px;
}
/*** tick toogle ***/
.tech-action .switch,
.switchonoff-action .switch {
  background-image: url('/images/on-off.png');
  background-repeat: no-repeat;
  border: 1px solid #CCC;
  border-radius: 20px;
  display: inline-block;
  height: 18px;
  vertical-align: top;
  width: 39px;
}
.tech-action .on,
.switchonoff-action .on {
  background-position: -2px 50%;
}
.tech-action .off,
.switchonoff-action .off {
  background-position: -48px 50%;
}
.tech-action .off.grey,
.switchonoff-action .off.grey {
  background-image: url(/images/on-off-grey.png);
}
.move-req {
  background-position: -486px -419px;
}
.unified-list {
  background-position: -280px -262px;
}
.unlink-req {
  background-position: -362px -363px;
}
.link-req {
  background-position: -323px -365px;
}
.child-req {
  background-position: -343px -365px;
}
/* Custom portal icons */
.check-off {
  background-position: -522px -445px;
}
.check-on {
  background-position: -553px -445px;
}
.portal-cont {
  background-position: -474px -446px;
  width: 18px;
  height: 18px;
}
.portal-set {
  background-position: -498px -447px;
  width: 18px;
  height: 18px;
}
.li-annou {
  background-position: -137px -384px;
}
.pop-solu {
  background-position: -83px -384px;
}
.portal-bg {
  background-color: #2c3644;
  height: 80px;
}
.right-arrow {
  background-position: -229px -514px;
}
.down-arrow1 {
  background-position: -246px -514px;
}
.portal-reset {
  background-position: -508px -489px;
  width: 58px;
  height: 60px;
}
.request-portal {
  background-position: -462px -503px;
  width: 34px;
  height: 34px;
}
.pre-view {
  background-position: -452px -449px;
}
.hidearrow {
  background-position: -260px -510px;
}
.showarrow {
  background-position: -284px -510px;
}
/* Custom portal icons end */
.ri-solutn2 {
  background-position: -310px -313px;
}
.ri-project2 {
  background-position: -504px -313px;
}
.ri-change2 {
  background-position: -239px -314px;
}
.inci-req {
  background-position: -337px -569px;
}
.serv-req {
  background-position: -301px -568px;
}
.announcement1 {
  background-position: -115px -597px;
}
.edit-modern1 {
  background-position: -333px -472px;
}
.header-qc-icon {
  background-position: -82px -628px;
}
.header-recent-icon {
  background-position: -46px -629px;
}
.sys-update {
  background-position: -165px -662px;
}
.home1 {
  background-position: -419px -474px;
}
.home2 {
  background-position: -440px -474px;
}
.help6 {
  background-position: -394px -475px;
}
.report {
  background-position: -495px -388px;
}
.modern-cal {
  background-position: -231px -544px;
}
.arrow-right {
  background-position: -230px -513px;
}
.arrow-left {
  background-position: -370px -511px;
}
.arrow-up {
  background-position: -316px -513px;
}
.arrow-down {
  background-position: -246px -513px;
}
.monitor2 {
  background-position: -153px -575px;
}
.ver-menu {
  background-position: -82px -543.5px;
}
.user-merge-md {
  background-position: -48px -539px;
}
.announcement {
  background-position: -11px -540px;
}
.mail-red {
  background-position: -429px -544px;
}
.cart-tckt {
  background-position: -357px -542px;
}
.time-log {
  background-position: -395px -543px;
}
.user-note {
  background-position: -467px -542px;
}
.note-ylw {
  background-position: -263px -544px;
}
.close-red-bg {
  background-position: -322px -540px;
}
.success-green {
  background-position: -291px -540px;
}
.icon-xl42 {
  width: 42px;
  height: 42px;
}
.pro-overview {
  background-position: -377px -585px;
}
.doc {
  background-position: -446px -585px;
}
.key-shortcut {
  background-position: -517px -583px;
}
.contact-support {
  background-position: -375px -643px;
}
.license {
  background-position: -450px -643px;
}
.about {
  background-position: -520px -640px;
}
.tech-avatar-default {
  background-position: -516px -327px;
}
.sort-asc {
  background-position: -472px -335px;
}
.sort-desc {
  background-position: -494px -335px;
}
.back-in-layer {
  background-position: -452px -335px;
}
.close-col {
  background-position: -428px -337px;
}
.remove-col {
  background-position: -333px -336px;
}
.remove-col.wmask-cspr {
  mask-position: -333px -336px;
  -webkit-mask-position: -333px -336px;
}
.pin-grey {
  background-position: -380px -335px;
}
.pin-grey1 {
  background-position: -378px -334px;
}
.pin-grey1.wmask-cspr {
  mask-position: -378px -334px;
  -webkit-mask-position: -378px -334px;
}
.unpin-grey {
  background-position: -402px -335px;
}
.add-tech {
  background-position: -354px -337px;
}
.manage-list {
  background-position: -308px -335px;
}
.kanban-view-sel {
  background-position: -283px -336px;
}
.kanban-view-nrml {
  background-position: -260px -336px;
}
.prev-nav {
  background-position: -119px -362px;
}
.next-nav {
  background-position: -137px -362px;
}
.prev-nav-page {
  background-position: -156px -362px;
}
.next-nav-page {
  background-position: -183px -361px;
}
.adv-filter {
  background-position: -83px -689px;
}
.alert-yellow {
  background-position: -171px -900px;
}
.alert-grey {
  background-position: -135px -900px;
}
.alert-blue {
  background-position: -99px -900px;
}
.pur-notify {
  background-position: -308px -691px;
}
.req-lock {
  background-position: -160px -689px;
}
.prj-notify {
  background-position: -273px -691px;
}
.mile-st-notify {
  background-position: -197px -691px;
}
.loan-exp {
  background-position: -235px -691px;
}
.task-notify {
  background-position: -233px -600px;
}
.task-cmt-motify {
  background-position: -468px -542px;
}
.tech-notify {
  background-position: -344px -691px;
}
.user-notify {
  background-position: -380px -692px;
}
.widget-notify {
  background-position: -122px -691px;
}
.assoc-notify {
  background-position: -415px -693px;
}
/* topbar subheader Sprite Start */
.th-asset {
  background-position: -79px -730px;
}
.th-workstation {
  background-position: -107px -730px;
}
.th-server {
  background-position: -139px -729px;
}
.th-software {
  background-position: -168px -728px;
}
.th-contract {
  background-position: -268px -729px;
}
.th-purorder {
  background-position: -230px -729px;
}
.th-purreq {
  background-position: -199px -729px;
}
.th-requester {
  background-position: -299px -729px;
}
.th-technician {
  background-position: -328px -728px;
}
.th-product {
  background-position: -359px -729px;
}
.th-vendor {
  background-position: -389px -728px;
}
.th-incident {
  background-position: -417px -727px;
}
.th-problem {
  background-position: -446px -727px;
}
.th-change {
  background-position: -481px -727px;
}
.th-solution {
  background-position: -277px -955px;
}
.th-project {
  background-position: -47px -758px;
}
.th-ci {
  background-position: -198px -756px;
}
.th-license {
  background-position: -167px -757px;
}
/* topbar subheader Sprite Ends */
.google-icon {
  background-position: -378px -447px;
}
.question {
  background-position: -426px -264px;
}
/* Pro Slide Sprite Starts */
.power-icon {
  background-position: -279px -444px;
}
.personalize-icon {
  background-position: -300px -470px;
}
.lock-icon {
  background-position: -304px -445px;
}
.mail-icon {
  background-position: -468px -472px;
}
.mail-icon-sm {
  background-position: -470px -474px;
}
.mail-icon-sm.mail-black {
  background: #000;
  mask-image: url('/images/ui-common-view.svg?15110');
  -webkit-mask-image: url('/images/ui-common-view.svg?15110');
  -webkit-mask-position: -470px -474px;
}
.notify-icon {
  background-position: -252px -444px;
}
.api-icon {
  background-position: -252px -472px;
}
.checkbox-blue {
  background-position: -551px -445px;
}
.checkbox-blank {
  background-position: -522px -445px;
}
.blue-tick {
  background-position: -330px -449px;
}
.blank-tick {
  background-position: -353px -449px;
}
.white-tick {
  background-position: -278px -474px;
}
.tf-auth {
  background-position: -326px -757px;
}
/* Pro Slide Sprite Ends */
.th-add1 {
  background-position: -265px -6px;
}
.copy {
  background-position: -358px -756px;
}
.people-arrow {
  background-position: -12px -872px;
}
.key-alert {
  background-position: -41px -873px;
}
.colored-trash {
  background-position: -68px -872px;
}
.cascade-extnext {
  background-position: -193px -574px;
}
.cascade-skipgroup {
  background-position: -451px -697px;
}
.cascade-skipall {
  background-position: -480px -696px;
}
.expand-arrow-md {
  background-position: -266px -571px;
}
.collapse-arrow-md {
  background-position: -230px -570px;
}
.info-sm {
  background-position: -12px -785px;
}
@supports (-webkit-mask-image:url()) {
  .select2-highlighted .thmmaskbg {
    background: var(--tab_selected_text, #fff);
  }
  .select2-highlighted .thmmaskbg.cspr {
    -webkit-mask-image: url('/images/ui-common-view.svg?15110');
    background-image: none;
  }
  .select2-highlighted .thmmaskbg.email1 {
    -webkit-mask-position: -499px -170px;
  }
  .select2-highlighted .thmmaskbg.outgoing-conv-off {
    -webkit-mask-position: -424px -101px;
  }
}
/*associate Checklist icon*/
.associate-c {
  background-position: -46px -693px;
}
.notassociate-c {
  background-position: -11px -693px;
}
.download1 {
  background-position: -229.5px -657px;
}
.mail-fetch {
  background-position: -203px -901px;
}
.edit2 {
  background-position: -335px -474px;
}
.edit2.onhover,
.edit2.hover:hover {
  background-position: -47px -784px;
}
.close-strk {
  background-position: -78px -757px;
}
.calendar1 {
  background-position: -268px -758px;
}
.calendar1-w {
  background-position: -298px -758px;
}
.th-release {
  background-position: -234px -902px;
}
.spad-delete.hover:hover {
  background-position: -294.5px -901.5px;
}
/*Zia Icon Starts*/
.service-request {
  background-position: -154px -599px;
}
.incident-request {
  background-position: -192px -600px;
}
.sheet {
  background-position: -197px -727px;
}
.suffle {
  background-position: -479px -726px;
}
.shutdown {
  background-position: -373px -263px;
}
.people-chat {
  background-position: -347px -264px;
}
.zia-bot {
  background-position: -523px -757px;
  width: 36px;
  height: 36px;
}
.req-grid {
  background-position: -229px -755px;
}
.zia-black {
  background-position: -4px -384px;
}
.incident-service {
  background-position: -357px -542px;
}
/*Zia Icon Ends*/
.close-x {
  background-position: -78px -757px;
}
.nt-yt-scan {
  background-position: -111px -757px;
}
.in-process {
  background-position: -141px -757px;
}
.sucess-bgtrans {
  background-position: -324px -415px;
}
.modern-cal {
  background-position: -231px -544px;
}
.sec-annou {
  background-position: -418px -956px;
}
.chat2 {
  background-position: -317px -906px;
}
.cube {
  background-position: -330.5px -954px;
}
.timesheet-reject {
  background-position: -397px -413px;
}
.timesheet-approve {
  background-position: -366px -413px;
}
.timesheet-submit {
  background-position: -428px -413px;
}
.timesheet-recall {
  background-position: -454px -413px;
}
.preview-gr {
  background-position: -405px -450px;
}
.preview-gr-hide {
  background-position: -429px -448px;
}
.req-cancelled {
  background-position: -211px -955px;
}
.req-requesting-cancel {
  background-position: -63px -331px;
}
.excl-mark-circle {
  background-position: -98px -874px;
}
.public-filter {
  background-position: -12px -730px;
}
.private-filter {
  background-position: -46px -730px;
}
.new-task {
  background-position: -47px -811px;
}
.new-reminder {
  background-position: -78px -811px;
}
.mark-leave {
  background-position: -439px -842px;
}
.circle-back {
  background-position: -495px -890px;
}
.user-group-new {
  background-position: -466px -894px;
}
.dis-undiscover {
  background-position: -69px -931px;
}
.dis-discovered {
  background-position: -213px -932px;
}
.dis-inprogress {
  background-position: -183px -932px;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
.software-upgrade {
  background-position: -395px -956px;
}
.allocate-license {
  background-position: -365px -956px;
}
.add-items2 {
  background-position: -260px -294px;
  width: 20px;
  height: 15px;
}
.common-sprite.common-desc-icon {
  background-image: url('/images/ui-common-view.svg?15110');
  background-position: -196px -543px;
}
.common-sprite.common-asc-icon {
  background-image: url('/images/ui-common-view.svg?15110');
  background-position: -135px -543px;
}
.sucess-bgtrans {
  background-position: -324px -415px;
}
.modern-cal {
  background-position: -231px -544px;
}
.listview-setting {
  background-position: -420px -758px;
}
.public-filter {
  background-position: -12px -730px;
}
.private-filter {
  background-position: -46px -730px;
}
.asset-ci {
  background-position: -245px -932px;
}
.prob-icon {
  background-position: -516px -692px;
}
.rgt-arrow {
  background-position: -429px -903px;
  /*Not needed for LTR */
}
.rgt-arrow-hglt {
  background-position: -397px -903px;
  /*Not needed for LTR */
}
.rgt-arrow-hglt.wmask-cspr {
  mask-position: -397px -903px;
  -webkit-mask-position: -397px -903px;
}
.nmi-default {
  background-position: -162px -384px;
}
.nmi-requested {
  background-position: -182px -384px;
}
.nmi-confirmed {
  background-position: -228px -384px;
}
.nmi-replied {
  background-position: -204px -384px;
}
.nmi-req {
  background-position: -202px -25px;
}
.create-request {
  background-position: -304px -929px;
}
.phone {
  background-position: -95px -956px;
}
.th-maintenances {
  background-position: -184px -959px;
}
.useron {
  background-position: -510px -236px;
}
.useroff {
  background-position: -533px -236px;
}
.edit3 {
  background-position: -276.5px -846px;
}
.preview2 {
  background-position: -451px -787px;
}
.monitor3 {
  background-position: -123px -930px;
}
.th-assetbooking {
  background-position: -182px -1010px;
  width: 17px;
}
/*Reply all icons*/
.reply-all {
  background-position: -121px -959px;
}
.reply-all-h,
.reply-all.onhover:hover {
  background-position: -151px -959px;
}
.failure-outline {
  background-position: -397px -413px;
}
.reply-indicator {
  background-position: -364px -1013px;
}
.success-outline {
  background-position: -366px -413px;
}
.sol-module {
  background-position: -516px -978px;
}
.like {
  background-position: -334px -983px;
}
.dislike {
  background-position: -301px -983px;
}
.comment {
  background-position: -367px -983px;
}
.filter3 {
  background-position: -11px -813px;
}
.filter3.wmask-cspr {
  mask-position: -11px -813px;
  -webkit-mask-position: -11px -813px;
}
.info-ol {
  background-position: -344px -512px;
}
.email-settings {
  background-position: -67px -899px;
}
.pr-tree-view {
  background-position: -170px -781px;
}
.similar-pr {
  background-position: -138px -807px;
}
.collapsed .toggle1,
.kanban-accrd .toggle1 {
  background-position: -265px -571px;
}
.toggle1,
.kanban-accrd .expand-row .toggle1 {
  background-position: -230px -571px;
}
.bulb4 {
  background-position: -241px -294px;
}
.start-ic {
  background-position: -96px -931px;
}
.skip-outline {
  background-position: -394px -1008px;
}
.chn-mod1 {
  background-position: -481px -728px;
}
.chn-mod2 {
  background-position: -428px -1010px;
}
.edit-white {
  background-position: -219px -294px;
}
.edit-white.wmask-cspr {
  mask-position: -219px -294px;
  -webkit-mask-position: -219px -294px;
}
.close-white {
  background-position: -238px -417px;
}
.prj-new {
  background-position: -217px -1035px;
}
.task-dep {
  background-position: -153px -1035px;
}
.task-trigger {
  background-position: -278px -1035px;
}
.cmnt-new {
  background-position: -183px -1035px;
}
.top-arrow {
  background-position: -250px -1037px;
}
/* Milestone icons */
.tc-ms {
  background-position: -216px -1008px;
}
.tc-ms-p {
  background-position: -276px -1008px;
}
.tc-ms-p-t {
  background-position: -306px -1008px;
}
.tc-ms-c {
  background-position: -247px -1008px;
}
.prj-mod-xxl {
  background-position: -516px -1033px;
}
/*History icon position overwrite*/
.history-status .unified-list {
  background-position: -278px -260px;
}
.history-status .cmnt-new {
  background-position: -184px -1035px;
}
.history-status .th-change {
  background-position: -479px -725px;
}
.history-status .calendar1 {
  background-position: -266px -756px;
}
.history-status .paperclip {
  background-position: -482px -97px;
}
.history-status .disable-no {
  background-position: -545px -2px;
}
.history-status .enable {
  background-position: -508px -2px;
}
.delete2 {
  background-position: -214px -362px;
}
.btn-icn-hover:hover .add1 {
  background-position: -290px -7px;
}
.btn-icn-hover:hover .remove {
  background-position: -344px -12px;
}
.bulb-grey {
  background-position: -433px -874px;
}
.m-read {
  background-position: -201px -874px;
}
.m-unread {
  background-position: -226px -874px;
}
.hash {
  background-position: -402px -989px;
}
.new-feature {
  background-position: -72px -293px;
}
.overviewlist {
  background-position: -412px -841px;
}
.th-cmdb {
  background-position: -209px -1070px;
}
.progress-run {
  background-position: -99px -295px;
}
.di-trash {
  background-position: -335px -1034px;
}
.en-trash {
  background-position: -362px -1035px;
}
.widget-tab {
  background-position: -391px -1034px;
}
.disable-preview {
  background-position: -428px -446px;
}
.usr-meb-add {
  background-position: -425px -1033px;
}
.rephrase {
  background-position: -329px -874.5px;
}
.rephrase.wmask-cspr {
  mask-position: -329px -874.5px;
  -webkit-mask-position: -329px -874.5px;
}
.write-assist {
  background-position: -359px -875px;
}
.write-assist.wmask-cspr {
  mask-position: -359px -875px;
  -webkit-mask-position: -359px -875px;
}
.grammar-check {
  background-position: -384px -876.5px;
}
.grammar-check.wmask-cspr {
  mask-position: -384px -876.5px;
  -webkit-mask-position: -384px -876.5px;
}
.show-summary {
  background-position: -263px -511px;
}
.show-summary.wmask-cspr {
  mask-position: -263px -511px;
  -webkit-mask-position: -263px -511px;
}
.hide-summary {
  background-position: -286px -511px;
}
.hide-summary.wmask-cspr {
  mask-position: -286px -511px;
  -webkit-mask-position: -286px -511px;
}
.chat-gpt {
  background-position: -295px -867px;
}
.header-mesiem-icon {
  background-position: -132px -1097px;
}
.close-white {
  background-position: -238px -417px;
}
.defannounce1 {
  background-position: -10px -1068px;
}
.infoannounce1 {
  background-position: -37px -1068px;
}
.alertannounce1 {
  background-position: -66px -1069px;
}
.warnannounce1 {
  background-position: -101px -1066px;
}
.ann-lgsz {
  width: 55px;
  height: 55px;
  opacity: 0.5;
}
.defannounce2 {
  background-position: -613px -194px;
}
.infoannounce2 {
  background-position: -696px -277px;
}
.alertannounce2 {
  background-position: -697px -194px;
}
.warnannounce2 {
  background-position: -612px -277px;
}
.anndetailic {
  background-position: -784px -199px;
}
.ac-contrast {
  background-position: -791px -576px;
}
.ac-focus {
  background-position: -621px -520px;
  width: 34px;
  height: 30px;
}
.ac-underline {
  background-position: -672px -527px;
  width: 23px;
  height: 16px;
}
.ac-font {
  background-position: -713px -529px;
  width: 20px;
  height: 13px;
}
.ac-sreader {
  background-position: -752px -524px;
  width: 28px;
  height: 24px;
}
.ac-skip {
  background-position: -615px -563px;
  width: 46px;
  height: 46px;
}
.ac-animation {
  background-position: -796px -529px;
  width: 34px;
  height: 17px;
}
.ac-cursor {
  background-position: -723px -575px;
  width: 17px;
  height: 22px;
}
.ac-emphasize {
  background-position: -674px -575px;
  width: 33px;
  height: 23px;
}
.ac-scroll {
  background-position: -759px -560px;
  width: 13px;
  height: 52px;
}
.ac-hover {
  background-position: -615px -622px;
  width: 47px;
  height: 47px;
}
.ac-adhd {
  background-position: -867px -534.55px;
}
.ac-astigmatism {
  background-position: -901.3px -536px;
}
.ac-blindness {
  background-position: -935px -535px;
}
.ac-colorblind {
  background-position: -935.5px -571px;
}
.ac-dyslexia {
  background-position: -967px -534.5px;
}
.ac-epilepsy {
  background-position: -1005.1px -536px;
}
.ac-older {
  background-position: -1005px -572px;
}
.ac-lowvision {
  background-position: -901.5px -571px;
}
.ac-mobility {
  background-position: -969px -571px;
}
.ac-seizure {
  background-position: -867px -569px;
}
.ac-vision {
  background-position: -900.5px -603.5px;
}
.ac-hearing {
  background-position: -867px -604px;
}
.reschedule {
  background-position: -207px -814px;
}
.view-history {
  background-position: -277px -931px;
}
.copy-id {
  background-position: -169px -294px;
}
.copy-metadata {
  background-position: -145px -294px;
}
.view-history {
  background-position: -277px -931px;
}
.leave-icon {
  background-position: -901px -503.8px;
}
.leave-icon.wmask-cspr {
  mask-position: -901px -503.8px;
  -webkit-mask-position: -901px -503.8px;
}
.warn-alert {
  background-position: -28px -412px;
  width: 100px;
  height: 100px;
}
.preview2-hide {
  background-position: -479px -788px;
}
.pro-managewebtab {
  background-position: -871px -444px;
}
.th-technician-mask {
  -webkit-mask-position: -328px -728px;
  background: var(--tech-mask-bg);
}
.help-tour {
  background-position: -954px -309px;
}
.whats-new {
  background-position: -981px -308px;
}
.chat-msg {
  background-position: -119px -219px;
}
/* ----------------------------------------------- */
/* header-sprite.less */
/* ----------------------------------------------- */
.header-sprite {
  background-image: url('/images/ui-header-view.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
  cursor: var(--sdpcursor-pointer);
}
.header-group-sprite {
  background: url('/images/ui-common-view.png') no-repeat;
  width: 18px;
  height: 21px;
  float: left !important;
  display: inline-block;
  cursor: var(--sdpcursor-pointer);
}
.header-more-icon {
  background-position: -100px 0px;
}
.header-search-icon {
  background-position: -36px 3px;
}
.header-recent-icon {
  background-position: -46px -629px;
}
.header-notification-icon {
  background-position: -143px -118px;
}
.header-qc-icon {
  background-position: -82px -628px;
}
.header-ri-icon {
  background-position: -83px 0px;
}
.header-noti-icon {
  background-position: -135px 0px;
}
.header-logout-icon {
  background-position: -141px -2px;
}
.header-admp-icon {
  background-position: -12px -985px;
}
.header-adssp-icon {
  background-position: -38px -1099px;
}
.header-opm-icon {
  background-position: -168px -985px;
}
.header-dc-icon {
  background-position: -90px -985px;
}
.header-pmp-icon {
  background-position: -11px -1097px;
}
.header-mdmp-icon {
  background-position: -129px -985px;
}
.header-24x7-icon {
  background-position: -207px -985px;
}
.header-kmp-icon {
  background-position: -246px -985px;
}
.header-admp-icon,
.header-adssp-icon,
.header-opm-icon,
.header-dc-icon,
.header-pmp-icon,
.header-mdmp-icon,
.header-24x7-icon {
  vertical-align: text-bottom;
  margin-right: 4px !important;
}
.header-pam360-icon {
  background-position: -103px -1098px;
}
/* ----------------------------------------------- */
/* list-sprite.less */
/* ----------------------------------------------- */
.list-sprite,
.lsprite {
  background-image: url('/images/ui-list-view.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
}
.btn-link .lsprite {
  opacity: 0.7;
}
.btn-link:hover .lsprite {
  opacity: 1;
}
.start-timer-icon {
  background-position: -340px -660.3px;
}
.start-timer-icon-off {
  background-position: -340px -632px;
}
.start-timer-icon-off:hover {
  background-position: -340px -660.3px;
}
.stop-timer-icon {
  background-position: -1px -120px;
  margin-top: -3px !important;
}
.active-timer-icon {
  background-position: -19px -120px;
  margin-top: -3px !important;
}
.outgoing-conv-icon {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-position: -340px -599px;
}
.outgoing-conv-icon-off {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-position: -469px -472px;
  opacity: 0.6;
}
.system-conv-icon {
  background-position: -193px 0;
}
.incoming-conv-icon {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-position: -430px -544px;
}
.notes-icon,
.notesicon a.notes-icon {
  background-position: -260px -541px;
}
.notes-icon2 {
  background-position: -170px -1px;
}
.notes-icon.grid-icon-off {
  background-position: -543px -168px;
}
.tableComponent .notes-icon.grid-icon-off {
  opacity: 1;
}
.task-icon {
  background-position: -92px -23px;
}
.task-icon-off {
  background-position: -92px -44px;
}
.task-complete-icon {
  background-position: -112px -22px;
}
.task-complete-icon-off {
  background-position: -112px -44px;
}
.task-pending-icon {
  background-position: -132px -22px;
}
.task-pending-icon-off {
  background-position: -132px -44px;
}
.task-pending-tech-icon {
  background-position: -152px -22px;
}
.task-pending-tech-icon-off {
  background-position: -152px -44px;
}
.attach-icon {
  background-position: -68px -23px;
}
.draft-icon {
  background-position: -131px -2px;
}
.draft-icon-off {
  background-position: -151px -2px;
}
.first-response-icon {
  background-position: -2px -44px;
  width: 14px;
  height: 20px;
}
.mark-tech-icon,
.mark-tech-icon-off {
  background-position: -2px -71px;
  width: 20px;
  height: 14px;
  margin-right: 3px !important;
}
.mark-tech-icon-off {
  opacity: 0;
}
.assign-tech-icon {
  background-position: -3px -137px;
}
.pickup-icon {
  background-position: -24px -137px;
}
.trash-icon {
  background-position: -43px -137px;
}
.trash-open-icon {
  background-position: -61px -137px;
}
.columnsort-icon {
  background-position: -82px -137px;
}
.setting-icon {
  background-position: -101px -137px;
}
.search-icon {
  background-position: -122px -137px;
}
.arrow-before-icon {
  background-position: -144px -137px;
}
.arrow-after-icon {
  background-position: -162px -137px;
}
.warning-icon {
  background-position: -281px -3px;
}
.warning-icon-dis {
  background-position: -259px -3px;
}
.flag-info-icon {
  background-position: -178px -630px;
}
.flag-warning-icon {
  background-position: -153px -630px;
}
.flag-icon-dis {
  background-position: -200px -630px;
}
.fr-overdue-icon {
  background-position: -195px -660px;
}
.vip-icon-sm {
  background-position: -282px -47px;
}
.vip-icon-lg {
  background-position: -260px -47px;
}
.schedule-info-icon {
  background-position: -8px -633px;
}
.first-response-icon1 {
  background-position: -1px -46px;
}
.first-response-icon2 {
  background-position: -18px -46px;
}
.wlt-start-icon {
  background-position: -67px -70px;
}
.wlt-stop-icon {
  background-position: -87px -70px;
}
.li-search-plus1 {
  background-position: -19px -224px;
}
.li-rotate-right1 {
  background-position: -132px -224px;
}
.li-chevron-left1 {
  background-position: -38px -224px;
}
.li-chevron-right1 {
  background-position: -54px -224px;
}
.li-chevron-left2 {
  background-position: -76px -224px;
}
.li-chevron-right2 {
  background-position: -90px -224px;
}
.li-clmchooser1 {
  background-position: -368px -474px;
}
.li-help5 {
  background-position: -150px -224px;
}
.li-sort-up {
  background-position: -132px -224px;
}
.li-sort-down {
  background-position: -148px -224px;
}
/* ----------------------------------------------- */
/* detail-sprite.less */
/* ----------------------------------------------- */
.detail-sprite {
  background-image: url('/images/ui-detail-view.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
}
/* SVG Request sprite icon */
.rspr {
  background-image: url('/images/ui-request-module.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
}
.archive-req {
  background-position: -4px -4px;
}
.req-archive {
  background-position: -26px -5px;
}
.chat {
  background-position: -47px -3px;
}
.asset-gift {
  background-position: -66px -3px;
}
.duplicate {
  background-position: -86px -3px;
}
.bulb2 {
  background-position: -105px -3px;
}
.note {
  background-position: -121px -3px;
}
.reminder-chat {
  background-position: -141px -3px;
}
.power {
  background-position: -162px -3px;
}
.all-req {
  background-position: -178px -3px;
}
.mail-open {
  background-position: -198px -3px;
}
.incoming-conv {
  background-position: -219px -3px;
}
.nonotes {
  background-position: -240px -3px;
}
.search-plus {
  background-position: -257px -3px;
}
.assign-tech {
  background-position: -275px -5px;
}
.mark-tech {
  background-position: -297px -6px;
}
.draft {
  background-position: -317px -7px;
}
.r-inci {
  background-position: -2px -26px;
}
.r-ser {
  background-position: -39px -26px;
}
.r-arc {
  background-position: -76px -26px;
}
.r-trash {
  background-position: -115px -26px;
}
.all-request {
  background-position: -154px -26px;
}
.r-inci-h {
  background-position: -4px -66px;
}
.r-ser-h {
  background-position: -39px -65px;
}
.r-arc-h {
  background-position: -77px -65px;
}
.r-trash-h {
  background-position: -115px -65px;
}
.all-request-h {
  background-position: -155px -65px;
}
.r-inci-act {
  background-position: -2px -106px;
  width: 41px;
  height: 41px;
}
.r-ser-act {
  background-position: -47px -105px;
  width: 41px;
  height: 41px;
}
.r-arc-act {
  background-position: -91px -105px;
  width: 41px;
  height: 41px;
}
.r-trash-act {
  background-position: -136px -105px;
  width: 41px;
  height: 41px;
}
.all-request-act {
  background-position: -182px -105px;
  width: 41px;
  height: 41px;
}
.r-chat {
  background-position: -195px -28px;
  width: 28px;
  height: 24px;
}
.r-chat-h {
  background-position: -195px -62px;
  width: 28px;
  height: 24px;
}
.r-bulb {
  background-position: -235px -27px;
  width: 15px;
  height: 24px;
}
.r-bulb-h {
  background-position: -235px -60px;
  width: 15px;
  height: 24px;
}
.r-asset {
  background-position: -199px -25px;
}
.r-change {
  background-position: -240px -25px;
}
.r-requester {
  background-position: -279px -24px;
}
.r-solution {
  background-position: -198px -59px;
}
.search1 {
  background-position: -11px -601px;
}
.search-plus1 {
  background-position: -84px -603px;
}
.chevron-left1 {
  background-position: -37px -161px;
}
.chevron-right1 {
  background-position: -53px -161px;
}
/* SVG Request sprite icon end*/
.clmchooser1 {
  background-position: -73px -161px;
}
.rotate-right1 {
  background-position: -48px -602px;
}
.help5 {
  background-position: -109px -160px;
}
.color-setting {
  background-position: -238px -362px;
}
/* ----------------------------------------------- */
/* request-sprite.less */
/* ----------------------------------------------- */
.req-sprite {
  background-image: url('/images/ui-request-module.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
}
.incident-req-icon,
.service-req-icon,
.archive-req-icon,
.trash-req-icon {
  width: 16px;
  height: 16px;
}
.incident-req-icon {
  background-position: -191px -600px;
}
.service-req-icon {
  background-position: -155px -598px;
}
.archive-req-icon {
  background-position: -58px -158px;
}
.trash-req-icon {
  background-position: -83px -158px;
}
.req-import-icon {
  background-position: -106px -158px;
}
.req-export-icon {
  background-position: -125px -158px;
}
.req-archivesc-icon {
  background-position: -144px -157px;
}
.conv-icon-xl {
  background-position: -247px -60px;
}
.conv-icon-xl-off {
  background-position: -247px -14px;
}
.req-icon-xl {
  background-position: -485px -60px;
}
.req-icon-xl-off {
  background-position: -485px -14px;
}
.resl-icon-xl {
  background-position: -289px -60px;
}
.resl-icon-xl-off {
  background-position: -289px -14px;
}
.task-icon-xl {
  background-position: -324px -60px;
}
.task-icon-xl-off {
  background-position: -324px -14px;
}
.approval-icon-xl {
  background-position: -364px -60px;
}
.approval-icon-xl-off {
  background-position: -364px -14px;
}
.worklog-icon-xl {
  background-position: -408px -60px;
}
.worklog-icon-xl-off {
  background-position: -408px -14px;
}
.history-icon-xl {
  background-position: -448px -60px;
}
.history-icon-xl-off {
  background-position: -448px -14px;
}
.chat-icon1 {
  background-position: -167px -158px;
}
.asset-icon1 {
  background-position: -191px -158px;
}
.sidebar-clock-icon1 {
  background-position: -344px;
}
.sidebar-tech-icon1 {
  background-position: -382px;
}
.sidebar-attach-icon1 {
  background-position: -426px;
}
.link-icon1 {
  background-position: -366px -106px;
}
.duplicate-icon1 {
  background-position: -218px -158px;
}
.bulb-icon1 {
  background-position: -240px -158px;
}
.task-icon2 {
  background-position: -263px -158px;
}
.note-icon2 {
  background-position: -284px -158px;
}
.worklog-icon1 {
  background-position: -308px -158px;
}
.reminder-icon1 {
  background-position: -333px -158px;
}
.incident-req-icon2-off {
  background-position: -333px -564px;
}
.service-req-icon2-off {
  background-position: -296px -564px;
}
.archive-req-icon2-off {
  background-position: -103px -196px;
}
.trash-req-icon2-off {
  background-position: -150px -196px;
}
.all-req-icon2-off {
  background-position: -8px -661px;
}
.unaprov-usr-req-icon2-off {
  background-position: -88px -236px;
}
.timer-ola-red {
  background-position: -177px -161px;
}
.timer-ola-gray {
  background-position: -198px -161px;
}
.color-pick-brush {
  background-position: -264px -162px;
}
.unified-gv {
  background-position: -244px -163px;
}
.unified-gv-white {
  background-position: -223px -163px;
}
.menu-list {
  background-position: -6px -181px;
}
.menu-list-h {
  background-position: -29px -181px;
}
.menu-list-c {
  background-position: -52px -181px;
}
.menu-list-c-h {
  background-position: -74px -181px;
}
.status-color-fill {
  background-position: -132px -161px;
  width: 18px;
  height: 16px;
}
.unified-gv {
  background-position: -244px -163px;
}
.unified-gv-white {
  background-position: -223px -163px;
}
.menu-list {
  background-position: -6px -182px;
}
.menu-list-h {
  background-position: -29px -182px;
}
.menu-list-c {
  background-position: -52px -182px;
}
.menu-list-c-h {
  background-position: -74px -182px;
}
.maintenanace-ic {
  background-position: -239px -102px;
}
.generate-req {
  background-position: -380px -4px;
}
.indi-maint {
  background-position: -95px -179px;
}
/* ----------------------------------------------- */
/* project-sprite.less */
/* ----------------------------------------------- */
.proj-sprite {
  background-image: url('/images/ui-project-module.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
}
.proj-update-icon-sm {
  background-position: -5px -5px;
}
.proj-gantt-icon-sm {
  background-position: -29px -5px;
}
.proj-proj-icon-sm {
  background-position: -51px -5px;
}
.proj-tpl-icon-sm {
  background-position: -74px -5px;
}
/* ----------------------------------------------- */
/* admin-sprite.less */
/* ----------------------------------------------- */
.aspr {
  background-image: url('/images/ui-admin-module.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
}
.mail-sync-icon {
  background-position: -14px -339px;
  width: 26px;
  height: 20px;
}
.mail-sync-off-icon {
  background-position: -44px -340px;
  width: 26px;
  height: 19px;
}
.stop-icon-sm {
  background-position: -73px -345px;
}
.play-icon-sm {
  background-position: -92px -345px;
}
.template-sm {
  background-position: -190px -343px;
}
.checkbox-sm {
  background-position: -213px -345px;
}
.radio-sm {
  background-position: -235px -345px;
}
.single-line-sm {
  background-position: -280px -348px;
}
.multi-line-sm {
  background-position: -456px -347px;
}
.single-column-sm {
  background-position: -302px -344px;
}
.double-column-sm {
  background-position: -324px -344px;
}
.numeric-sm {
  background-position: -346px -348px;
}
.decimal-sm {
  background-position: -256px -347px;
}
.picklist-sm {
  background-position: -368px -347px;
}
.multiselect-sm {
  background-position: -479px -347px;
}
.calendar-sm {
  background-position: -390px -343px;
}
.magicwand-sm {
  background-position: -112px -343px;
}
.magicwand-gray-sm {
  background-position: -133px -343px;
}
.color-sm {
  background-position: -587px -635px;
}
.magicwand-xl {
  background-position: -153px -330px;
}
.searchfound {
  background-position: -159px -380px;
  width: 137px;
  height: 118px;
}
.tools2 {
  background-position: -489px -237px;
  width: 74px;
  height: 72px;
}
.wf-automation {
  background-position: -8px -376px;
  width: 120px;
  height: 117px;
}
.star-empty1 {
  background-position: -510px -343px;
}
.star-fill1 {
  background-position: -543px -342px;
}
.thumbs-up-c {
  background-position: -508px -375px;
}
.thumbs-down-c {
  background-position: -540px -378px;
}
.thumbs-up-h {
  background-position: -502px -408px;
}
.thumbs-down-h {
  background-position: -525px -408px;
}
.boolean {
  background-position: -549px -407px;
}
.recircle {
  background-position: -505px -431px;
}
.org-admin {
  background-position: -545px -430px;
}
.hlptour-start {
  background-position: -56px -572px;
  width: 130px;
  height: 100px;
}
.label-left {
  background-position: -89px -522px;
  width: 43px;
  height: 33px;
}
.label-right {
  background-position: -143px -522px;
  width: 43px;
  height: 33px;
}
.label-top {
  background-position: -197px -522px;
  width: 43px;
  height: 33px;
}
.reports-nodata {
  background-position: -596px -468px;
  width: 128px;
  height: 128px;
}
.view-hits {
  background-position: -280px -537px;
}
.graph-stats {
  background-position: -339px -521px;
}
.usr-inst {
  background-position: -1074px -22px;
  width: 310px;
  height: 235px;
}
.usr-nte-add {
  background-position: -414px -634px;
}
.ssp-cusportal {
  background-position: -616px -329px;
  width: 110px;
  height: 111px;
}
.dre-addnew {
  background-position: -1145px -486px;
  width: 200px;
  height: 175px;
}
.not-found {
  background-position: -1154px -321px;
  width: 145px;
  height: 110px;
}
.three-col {
  background-position: -440px -633px;
}
.four-col {
  background-position: -465px -633px;
}
.flexible-col {
  background-position: -490px -633px;
}
.win-lg {
  background-position: -576px -379px;
}
.lin-lg {
  background-position: -576px -443px;
}
.mac-lg {
  background-position: -576px -412px;
}
.sd-organization {
  background-position: -216px -582px;
  width: 125px;
  height: 80px;
}
.textdesc-placeholder {
  background-position: -583px -162px;
  width: 124px;
  height: 26px;
}
.ssp-helptouricon {
  background-position: -913px -505px;
  width: 110px;
  height: 111px;
}
/*Integrations new layout icons*/
.admanagerplus-xxl {
  background-position: -162px -754px;
}
.adselfserviceplus-xxl {
  background-position: -776px -571px;
}
.advancedanalytics-xxl {
  background-position: -383px -753px;
}
.desktopcentral-xxl {
  background-position: -91px -754px;
}
.mobiledevicemanagerplus-xxl {
  background-position: -21px -754px;
}
.opmanager-xxl {
  background-position: -313px -754px;
}
.passwordmanagerpro-xxl {
  background-position: -776px -507px;
}
.site247-xxl {
  background-position: -235px -754px;
}
.keymanagerplus-xxl {
  background-position: -383px -689px;
}
.microsoftteams-xxl {
  background-position: -22px -686px;
}
.outlookoffice-xxl {
  background-position: -93px -689px;
}
.mscalendar-xxl {
  background-position: -236px -689px;
}
.telephony-xxl {
  background-position: -311px -689px;
}
.jira-xxl {
  background-position: -164px -686px;
}
.sccm-xxl {
  background-position: -523px -687px;
}
.solar-xxl {
  background-position: -585px -687px;
}
.cart {
  background-position: -866px -293px;
  width: 229px;
  height: 152px;
}
.os-not-support {
  background-position: -848px -631px;
  width: 229px;
  height: 152px;
}
.new-approver {
  background-position: -898px -29px;
  width: 140px;
  height: 120px;
}
.setting1 {
  background-position: -521px -634.5px;
}
.save-icon {
  background-position: -549px -630px;
}
.condition-icon {
  background-position: -613px -634px;
}
.action-icon {
  background-position: -633px -634px;
}
.boolean-sm {
  background-position: -684px -637px;
}
.attachment-sm {
  background-position: -711px -636px;
}
.email-sm {
  background-position: -734px -638px;
}
.url-sm {
  background-position: -521px -769px;
}
.phone-sm {
  background-position: -551px -770px;
}
.percentage-sm {
  background-position: -580px -769px;
}
.html-sm {
  background-position: -608px -771px;
}
.condition-icon {
  background-position: -613px -634px;
}
.action-icon {
  background-position: -633px -634px;
}
.pam360-xxl {
  background-position: -776px -444px;
}
.mekeymanagerplus-xxl {
  background-position: -453px -688px;
}
.appmanager-xxl {
  background-position: -313px -753px;
}
.mesiem-xxl {
  background-position: -72px -11px;
}
.whatsappic-xxl {
  background-position: -733px -683px;
}
.currency-sm {
  background-position: -789px -638px;
}
.z-telephony {
  background-position: -733.2px -750.5px;
}
.other-telephony {
  background-position: -669px -751px;
}
.ai-assistant {
  background-position: -16px -73px;
}
.zoom-icon {
  background-position: -75px -73px;
}
.confluence {
  background-position: -144px -73px;
}
.zoho-meeting {
  background-position: -214px -72px;
}
.teamviewer {
  background-position: -280px -73px;
}
/* ----------------------------------------------- */
/* ui-vertical-sprite.less */
/* ----------------------------------------------- */
.vertical-sprite {
  background-image: url('/images/ui-vertical-sprite.png?15110');
}
.vertical-edit-icon1 {
  background-position: right -1px;
  background-repeat: no-repeat;
  cursor: var(--sdpcursor-pointer);
}
.vertical-expand-arrow2 {
  background-position: right -163px;
  background-repeat: no-repeat;
  cursor: var(--sdpcursor-pointer);
}
.vertical-collapse-arrow2 {
  background-position: right -195px;
  background-repeat: no-repeat;
  cursor: var(--sdpcursor-pointer);
}
.vertical-ireq-icon {
  background-position: left -228px;
  background-repeat: no-repeat;
  padding-left: 30px !important;
}
.vertical-sreq-icon {
  background-position: left -272px;
  background-repeat: no-repeat;
  padding-left: 30px !important;
}
/* ----------------------------------------------- */
/* attachment-sprite.less */
/* ----------------------------------------------- */
.attachment-sprite {
  background: url('/images/attachment-filetype.svg?15110');
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  display: inline-block !important;
  position: relative !important;
  top: 4px!important;
  left: 3px !important;
}
.attach-file {
  background-position: 1px 0px;
}
.attach-doc {
  background-position: -16px 0px;
}
.attach-xls {
  background-position: -34px 0px;
}
.sdmenu-dd .attach-xls {
  top: 0 !important;
  left: 0 !important;
  background-position: -36px 0px;
  margin-top: -5px;
}
.attach-ppt {
  background-position: -52px 0px;
}
.attach-empty {
  background-position: -70px 0px;
}
.attach-zip {
  background-position: -107px 0px;
}
.attach-pdf {
  background-position: -126px 0px;
}
.attach-audio {
  background-position: -162px 0px;
}
.attach-video {
  background-position: 1px -18px;
}
.attach-image {
  background-position: -144px 1px;
}
.attach-ie {
  background-position: -18px -18px;
}
.attach-html {
  background-position: -90px -2px;
}
.attach-xml {
  background-position: -32px -101px;
}
.fspr {
  background-image: url('/images/attachment-filetype.svg?15110');
  background-repeat: no-repeat;
  display: inline-block !important;
}
.attach-file1 {
  background-position: 0 -41px;
}
.attach-doc1 {
  background-position: -24px -40px;
}
.attach-xls1 {
  background-position: -52px -40px;
}
.attach-ppt1 {
  background-position: -81px -40px;
}
.attach-empty1 {
  background-position: -108px -40px;
}
.attach-zip1 {
  background-position: -162px -40px;
}
.attach-pdf1 {
  background-position: -134px -40px;
}
.attach-audio1 {
  background-position: -30px -70px;
}
.attach-video1 {
  background-position: -89px -71px;
}
.attach-image1 {
  background-position: -60px -71px;
}
.attach-ie1 {
  background-position: 0px -70px;
}
.attach-html1 {
  background-position: -121px -71px;
}
.attach-xml1 {
  background-position: -1px -98px;
}
/* ----------------------------------------------- */
/* home-sprite.less */
/* ----------------------------------------------- */
.hspr,
.hm-sprite {
  background-image: url('/images/ui-home-module.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
}
.hm-anun {
  background-position: -159px -1px;
}
.hm-aprl {
  background-position: -185px 0;
}
.hm-mysmy {
  background-position: -212px 0;
}
.hm-mytask {
  background-position: -232px 0;
}
.hm-rmdr {
  background-position: -257px 0;
}
a .req-ovdu {
  background-position: -1px 0;
}
a .req-dto {
  background-position: -23px 0;
}
a .pen-req {
  background-position: -45px 0;
}
a .app-cha {
  background-position: -67px 0;
}
a .uapp-cha {
  background-position: -88px 0;
}
a .pen-pblm {
  background-position: -109px 0;
}
a .uass-pblm {
  background-position: -131px 0;
}
.req-ovdu {
  background-position: -1px -25px;
}
.req-dto {
  background-position: -23px -25px;
}
.pen-req {
  background-position: -45px -25px;
}
.app-cha {
  background-position: -67px -25px;
}
.uapp-cha {
  background-position: -88px -25px;
}
.pen-pblm {
  background-position: -109px -25px;
}
.uass-pblm {
  background-position: -131px -25px;
}
.mytask-ctr {
  background-position: -1px -61px;
  height: 76px;
  width: 100px;
}
.myappr-ctr {
  background-position: -219px -43px;
  height: 100px;
  width: 100px;
}
.myannc-ctr {
  background-position: -6px -143px;
  height: 86px;
  width: 100px;
}
.myrmdr-ctr {
  background-position: -108px -65px;
  height: 76px;
  width: 100px;
}
.glyph-seperater,
.pipe2 {
  background-position: -312px -3px;
  width: 5px;
  height: 16px;
}
.glyph-private {
  background-position: -320px -3px;
}
.glyph-public {
  background-position: -287px -3px;
}
.ri-requ {
  background-position: -292px -149px;
}
.ri-pureq {
  background-position: -338px -152px;
}
.ri-puror {
  background-position: -154px -150px;
}
.ri-change {
  background-position: -241px -317px;
}
.ri-account {
  background-position: -240px -347px;
}
.nopend-ctr {
  background-position: 0 -280px;
  width: 149px;
  height: 132px;
}
.approvel-emptyst {
  background-position: 0 -280px;
}
.recent-emptyst {
  background-position: -121px -170px;
}
.notify-emptyst {
  background-position: -489px -14px;
}
.ri-maintenances {
  background-position: -317px -345px;
}
.ri-change-emer {
  background-position: -349px -347px;
}
.ri-release-emer {
  background-position: -388px -347px;
}
.ri-release {
  background-position: -201px -347px;
}
.gh-bar {
  background-position: -241px -378px;
}
.gh-stbar {
  background-position: -549px -378px;
}
.gh-area {
  background-position: -317.2px -375px;
}
.gh-line {
  background-position: -467.5px -378px;
}
.gh-stline {
  background-position: -506.8px -378px;
}
.gh-hbar {
  background-position: -432px -378px;
}
.gh-doughnut {
  background-position: -280px -378px;
}
.gh-pyramid {
  background-position: -392px -378px;
}
.gh-funnel {
  background-position: -352.5px -378px;
}
.gh-pie {
  background-position: -201px -378px;
}
/* ----------------------------------------------- */
/* ri-sprite.less */
/* ----------------------------------------------- */
/* Recent Item */
.ri-requ {
  background-position: -458px -245px;
  background-size: 560px;
}
.ri-puror {
  background-position: -162px -251.5px;
  background-size: 575px;
}
.ri-pureq {
  background-position: -368px -247px;
  background-size: 565px;
}
.ri-problem {
  background-position: -216px -246px;
  background-size: 560px;
}
.ri-tech {
  background-position: -485px -242px;
  background-size: 555px;
}
.ri-solutn {
  background-position: -243px -245px;
  background-size: 560px;
}
.ri-project {
  background-position: -395px -246px;
  background-size: 560px;
}
.ri-req {
  background-position: -272px -245px;
  background-size: 560px;
}
.ri-asset {
  background-position: -294px -237px;
  background-size: 545px;
}
.ri-cont {
  background-position: -446px -256px;
  background-size: 585px;
}
.ri-cmdb {
  background-position: -331px -242px;
  background-size: 555px;
}
.ri-empty {
  background-position: -121px -177px;
  width: 133px;
  height: 109px;
}
.top-header .ri-menu-cnt .sdmenu-dd {
  min-width: 300px!important;
  min-height: auto;
  max-height: 480px;
  overflow: auto;
  padding: 0px !important;
  left: auto;
  right: 0;
}
.top-header .ri-menu-cnt .sdmenu-dd li:hover {
  background-color: #F5F5F5;
}
.top-header .ri-menu-cnt .sdmenu-dd li:hover .badge-module {
  color: #555;
}
.top-header .ri-menu-cnt .sdmenu-dd li .txt-trm {
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  text-align: left !important;
}
.top-header .ri-menu-cnt .sdmenu-dd li a {
  padding: 10px 8px 5px 8px!important;
}
.top-header .ri-menu-cnt .badge-module {
  line-height: 16px;
  color: #7d7d7d;
}
.ri-btn,
.ri-btn:hover,
.ri-btn:focus {
  background: #FFF;
  font-size: var(--font-size-small) !important;
  display: flex !important;
  line-height: 21px;
  padding: 0 4px;
}
.ri-prod {
  background-position: -408px -149px;
}
/* Change Release sprite start */
.crspr {
  background-image: url('/images/ui-change-release-sprite.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
}
.chn-max {
  background-position: -37px -71px;
}
.chn-module {
  background-position: -4px -131px;
}
.chn-plus {
  background-position: -68px -104px;
}
.chn-tick {
  background-position: -40px -36px;
}
.chn-stages {
  background-position: 0 -2px;
}
.chn-stages2 {
  background-position: -41px -7px;
}
.rls-workflow1 {
  background-position: -146px -100px;
}
.rls-workflow2 {
  background-position: -188px -100px;
}
.rls-workflow3 {
  background-position: -225px -100px;
}
.rls-workflow4 {
  background-position: -263px -100px;
}
.rls-launch1 {
  background-position: -71px -133px;
}
.rls-launch2 {
  background-position: -139px -133px;
}
.rls-rocket1 {
  background-position: -338px -102px;
}
.rls-rocket2 {
  background-position: -303px -102px;
}
.chn-module-emer {
  background-position: -4px -189px;
}
.chn-module1 {
  background-position: -406px -102px;
}
.chn-module-emer1 {
  background-position: -373px -102px;
}
.prob-bug {
  background-position: -438px -102px;
}
/* Change Release sprite end */
/* SVG Common emptystate sprite icon */
.esspr {
  background-image: url('/images/ui-common-emptystate.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
}
.cus-addnew {
  background-position: -637px -38px;
  width: 230px;
  height: 175px;
}
.customize-icon {
  width: 217px;
  height: 156px;
  background-position: -57px -44px;
}
.empty-state-icon {
  width: 226px;
  height: 150px;
  background-position: -366px -57px;
}
.chat-empty-icon {
  width: 100px;
  height: 72px;
  background-position: -905px -87px;
}
.empty-assoc {
  background-position: -55px -222px;
  width: 200px;
  height: 150px;
}
.asset-booking-es {
  background-position: -370px -225px;
  width: 226px;
  height: 150px;
}
.user-sync-prg {
  background-position: -69px -627px;
  width: 140px;
  height: 135px;
}
/* ----------------------------------------------- */
/* ui-components.less */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* custom-select.less */
/* ----------------------------------------------- */
.customselect {
  position: relative;
  display: inline-block;
}
.customselect > select {
  opacity: 0;
  position: relative;
  z-index: 2;
  height: 30px;
  width: 48px;
}
.customselect .csoverlay {
  position: absolute;
  z-index: 1;
}
.customselect .csoverlay span {
  display: inline-block;
  font-size: var(--font-size-small);
  color: #515151;
}
.customselect .csoverlay em {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #535353;
  /*#666*/
  display: inline-block;
  width: 0px;
  height: 0px;
  position: absolute;
  right: 5px !important;
  top: 45%;
}
/* ----------------------------------------------- */
/* toggle-buttons.less */
/* ----------------------------------------------- */
.btn-toggle {
  display: inline-block;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  -ms-border-radius: 9999px;
  -o-border-radius: 9999px;
  border-radius: 9999px;
}
.btn-toggle .btn-group {
  position: relative;
}
.btn-toggle .btn-group .btn {
  border: 0 none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  position: static;
  text-transform: uppercase;
  float: left !important;
}
.btn-toggle .btn-group .btn + .btn,
.btn-toggle .btn-group .btn + .btn-group,
.btn-toggle .btn-group .btn-group + .btn,
.btn-toggle .btn-group .btn-group + .btn-group {
  margin-left: 0px !important;
}
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger) {
  color: #333;
  background-color: #DDD;
  border-color: #cfcfcf;
}
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):focus,
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).focus {
  color: #333;
  background-color: #c4c4c4;
  border-color: #b1b1b1;
}
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):hover {
  color: #333;
  background-color: #c4c4c4;
  border-color: #b1b1b1;
}
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):active,
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).active,
.open > .sdmenu-toggle.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger) {
  color: #333;
  background-color: #c4c4c4;
  background-image: none;
  border-color: #b1b1b1;
}
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).disabled:hover,
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger)[disabled]:hover,
fieldset[disabled] .btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):hover,
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).disabled:focus,
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger)[disabled]:focus,
fieldset[disabled] .btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):focus,
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).disabled.focus,
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger)[disabled].focus,
fieldset[disabled] .btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).focus {
  background-color: #DDD;
  border-color: #cfcfcf;
}
.btn-toggle .btn-group .btn-default:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger) .badge {
  color: #DDD;
  background-color: #333;
}
.btn-toggle input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: var(--sdpcursor-pointer);
}
.btn-toggle.btn-toggle-slide .btn-group > label.btn:first-child {
  padding: 3px 33px 3px 15px;
}
.btn-toggle.btn-toggle-slide .btn-group > label.btn:last-child {
  padding: 3px 15px 3px 33px;
}
.btn-toggle .toggle-spot {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#B6B2B2));
  /*#F8F8F8*/
  background: linear-gradient(#f8f8f8, #B6B2B2);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  cursor: var(--sdpcursor-pointer);
  display: inline-block;
  position: relative;
  z-index: 2;
  float: left !important;
}
.btn-toggle .toggle-spot.disabled {
  cursor: var(--sdpcursor-default);
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.btn-toggle .toggle-spot:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#B6B2B2));
  /*#F8F8F8*/
  background: linear-gradient(#f8f8f8, #B6B2B2);
}
.form-horizontal:not(.form-edit) .btn-toggle {
  margin-top: 3px;
}
.form-horizontal .btn-toggle label.btn {
  margin-bottom: auto;
}
/* ----------------------------------------------- */
/* progress-bar.less */
/* ----------------------------------------------- */
.ui-progressbar1-pos1 {
  padding-left: 0px !important;
}
.ui-progressbar1-info {
  white-space: nowrap;
}
.ui-progressbar1-info .ui-progressbar1a {
  width: 85px;
  background: #E9E9E9;
  border: 1px #FFF solid;
  height: 10px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.ui-progressbar1-info .ui-progressbar1-fill,
.ui-progressbar1-info .ui-progressbar2-fill {
  height: 10px;
  position: absolute;
  z-index: 2;
}
.ui-progressbar1-info .ui-progressbar1-fill {
  background: #B3CD83;
}
.ui-progressbar1-info .ui-progressbar2-fill {
  background: #90DAEE;
}
.ui-progressbar1-info .ui-progressbar1-after {
  margin-left: 0px !important;
  position: relative;
  top: -2px;
  width: 30px;
}
.ui-progressbar1-info .ui-progress1-count,
.ui-progressbar1-info .sep,
.ui-progressbar1-info .noprogress-count {
  display: inline-block;
  width: auto;
}
.ui-progressbar1-info .ui-progress1-count {
  color: #79A525;
}
.ui-progressbar1-info .ui-progress2-count {
  color: #2DA0BF;
}
.ui-progressbar1-info .sep {
  color: #868686;
}
.ui-progressbar1-info .noprogress-count {
  color: #868686;
}
/* include progress bar missing in ember branch */
.ui-progressbar1,
.ui-progressbar1a {
  border: 1px #FFF solid;
  background: #E9E9E9;
  height: 10px;
  display: inline-block !important;
  position: relative !important;
  z-index: 1;
}
.ui-progressbar1 {
  width: 70px;
}
.ui-progressbar1a {
  width: 85px;
}
.progress-box .ui-progressbar1a {
  background: #CFE6B8;
}
.ui-progressbar1-fill {
  background: #B3CD83;
  height: 10px;
  position: absolute !important;
  z-index: 2;
}
.ui-progressbar1-info .label {
  color: #626262;
  /*#7B7B7B*/
  font-weight: bold;
  display: block;
  overflow: hidden;
  margin-right: 4px !important;
}
.ui-progressbar1-info .before {
  float: left !important;
  width: 30px;
  text-align: right !important;
  margin-right: 4px !important;
}
.ui-progressbar1-info .after,
.ui-progressbar1-info .ui-progressbar1-after {
  width: 30px;
  margin-right: 4px !important;
  position: relative !important;
  top: -2px;
}
.ie7 .ui-progressbar1-info .after,
.ie7 .ui-progressbar1-info .ui-progressbar1-after {
  position: static;
}
.ui-progressbar1-info .count {
  color: #868686;
  display: inline-block !important;
  width: auto;
}
.ui-progressbar1-pos1 {
  padding-left: 0px !important;
}
.tableComponent .ui-progressbar1-pos1 {
  display: block;
  margin-top: 2px !important;
}
/* include progress bar missing in ember branch */
/* Progress bar updated UI CSS added */
.ui-progressbar1 {
  height: 13px;
  border-radius: 20px 20px 20px 20px;
  margin: 0px 5px 0px 0px;
  vertical-align: middle;
  border: none;
  overflow: hidden;
}
.ui-progressbar1 .ui-progressbar1-fill {
  background: #10c267;
  height: 13px;
  vertical-align: middle;
  border-radius: 20px 0px 0px 20px;
  display: inline-block;
}
.ui-progressbar1-after {
  vertical-align: middle;
  display: inline-block;
}
/* Progress bar updated UI CSS ended */
/* ----------------------------------------------- */
/* donut-progressbar.less */
/* ----------------------------------------------- */
.donut {
  width: 150px;
  height: 150px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative !important;
}
.donut > span {
  width: 50%;
  height: 100%;
  overflow: hidden !important;
  position: absolute !important;
  top: 0px !important;
  z-index: 1;
}
.donut .donut-left {
  left: 0px !important;
}
.donut .donut-left .donut-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  transform-origin: center left;
}
.donut .donut-right {
  right: 0px !important;
}
.donut .donut-right .donut-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.donut .donut-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 12px;
  border-style: solid;
  position: absolute !important;
  top: 0px !important;
}
.donut .donut-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: transparent;
  font-size: var(--fs-24);
  color: #000;
  line-height: 135px;
  text-align: center;
  position: absolute !important;
  top: 5%;
  left: 5%;
}
.donut .shadow {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 20px solid #DDD;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  box-shadow: none;
}
/* ----------------------------------------------- */
/* ripple.less */
/* ----------------------------------------------- */
@keyframes plus1 {
  0% {
    opacity: 0.75;
  }
  25% {
    opacity: 0.55;
  }
  50% {
    opacity: 0.35;
  }
  75% {
    opacity: 0.25;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes plus2 {
  0% {
    opacity: 0.95;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.3;
  }
  100% {
    transform: scale(2.25);
    opacity: 0;
  }
}
@keyframes plus3 {
  0% {
    opacity: 0.95;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.3;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes plus4 {
  0% {
    opacity: 0.95;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.3;
  }
  100% {
    transform: scale(3.75);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 0.95;
  }
  100% {
    transform: scale(3.75);
    opacity: 0;
  }
}
.pulse .origin {
  border: 2px solid #fff;
}
.pulse.animate > div:not(.origin) {
  animation: pulse 2s linear;
}
.pulse.danger > div:not(.origin) {
  background: #d9534f;
}
.pulse.info > div:not(.origin) {
  background: #337ab7;
}
.pulse.success > div:not(.origin) {
  background: #5cb85c;
}
.pulse.warning > div:not(.origin) {
  background: #f0ad4e;
}
.notif-ripple {
  box-sizing: border-box;
  position: relative;
  cursor: var(--sdpcursor-pointer);
  display: inline-block;
  z-index: 9;
  background: #fff;
  border-radius: 100%;
}
.notif-ripple * {
  box-sizing: border-box;
}
.notif-ripple.pulse .second {
  display: none;
}
.notif-ripple.pulse .third {
  display: none;
}
.notif-ripple.pulse .fourth {
  display: none;
}
.notif-ripple.pulse-ripple .second {
  display: inline-block;
}
.notif-ripple.pulse-ripple .third {
  display: inline-block;
}
.notif-ripple.pulse-ripple .fourth {
  display: inline-block;
}
.notif-ripple.pulse.xs > div {
  min-width: 12px;
  min-height: 12px;
}
.notif-ripple.pulse.sm > div {
  min-width: 17px;
  min-height: 17px;
}
.notif-ripple.pulse.xs > .origin {
  line-height: 8px;
}
.notif-ripple.pulse.sm > .origin {
  line-height: 12px;
}
.notif-ripple.pulse.lg > .origin {
  line-height: 20px;
}
.notif-ripple.pulse.md > .origin {
  line-height: 17px;
}
.notif-ripple .first {
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0.9);
}
.notif-ripple.animate .first {
  animation: plus1 2s linear;
}
.notif-ripple .second {
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0.9);
}
.notif-ripple.animate .second {
  animation: plus2 2s linear;
}
.notif-ripple .third {
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0.9);
  animation: plus3 2s linear;
}
.notif-ripple.animate .third {
  animation: plus3 2s linear;
}
.notif-ripple .fourth {
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0.9);
  animation: plus4 2s linear;
}
.notif-ripple.animate .fourth {
  animation: plus4 2s linear;
}
.notif-ripple .origin {
  border-radius: 100%;
  position: relative;
}
.notif-ripple.danger > div:not(.origin) {
  border: 1px solid #d9534f;
}
.notif-ripple.danger .origin {
  background: #d9534f;
}
.notif-ripple.success > div:not(.origin) {
  border: 1px solid #5cb85c;
}
.notif-ripple.success .origin {
  background: #5cb85c;
}
.notif-ripple.info > div:not(.origin) {
  border: 1px solid #337ab7;
}
.notif-ripple.info .origin {
  background: #337ab7;
}
.notif-ripple.warning > div:not(.origin) {
  border: 1px solid #f0ad4e;
}
.notif-ripple.warning .origin {
  background: #f0ad4e;
}
.notif-ripple.xs > div {
  text-align: center;
  color: #fff;
  min-width: 10px;
  min-height: 10px;
  font-size: var(--fs-6);
  line-height: 11px;
}
.notif-ripple.sm > div {
  text-align: center;
  color: #fff;
  min-width: 15px;
  min-height: 15px;
  font-size: var(--fs-9);
  line-height: 15px;
}
.notif-ripple.md > div {
  text-align: center;
  color: #fff;
  min-width: 20px;
  min-height: 20px;
  font-size: var(--fs-11);
  line-height: 20px;
}
.notif-ripple.lg > div {
  text-align: center;
  color: #fff;
  min-width: 25px;
  min-height: 25px;
  font-size: var(--fs-11);
  line-height: 25px;
}
.notif-ripple.low-pace.animate div {
  animation-duration: 2.5s;
}
.notif-ripple.med-pace.animate div {
  animation-duration: 1.5s;
}
.notif-ripple.high-pace.animate div {
  animation-duration: 1s;
}
.notif-ripple.default-pace.animate div {
  animation-duration: 2s;
}
.notif-ripple.loop-sm.animate > div {
  animation-iteration-count: 5;
}
.notif-ripple.loop.animate > div {
  animation-iteration-count: infinite;
}
.notif-ripple.loop-md.animate > div {
  animation-iteration-count: 10;
}
.notif-ripple.loop-lg.animate > div {
  animation-iteration-count: 15;
}
/* ----------------------------------------------- */
/* notification-widget.less */
/* ----------------------------------------------- */
.notification-widget .notify-dialog-anim {
  transition: all 1s ease;
}
.notification-widget .notification-zoom-out {
  transform: scale(0.1);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.notification-widget .notify-ui-dialog-content {
  width: auto;
  min-height: 80px;
  max-height: none;
  height: auto;
}
.notification-widget .notify-ui-dialog-content .sdp-glyph-close {
  opacity: 0.5;
}
.notification-widget .notify-ui-dialog-content .failure {
  opacity: 0.7;
}
.notification-widget .notify-ui-dialog-content .sdp-glyph-close:hover,
.notification-widget .notify-ui-dialog-content .failure:hover {
  opacity: 1;
}
.notification-widget .notify-ui-dialog-content .notification-header {
  overflow: hidden !important;
  padding: 7px 10px;
  min-height: 34px;
  box-sizing: border-box;
}
.notification-widget .notify-ui-dialog-content .notification-content {
  overflow: hidden !important;
  max-height: 275px;
}
.notification-widget .notify-ui-dialog-content .notification-content:hover {
  overflow: auto;
}
.notification-widget .notify-ui-dialog-content .rt-btns {
  padding: 7px 10px;
  overflow: hidden !important;
}
.notification-widget .notify-ui-dialog-content .rt-btns > a {
  display: inline-block !important;
  height: 14px;
}
.notification-widget .notify-ui-dialog-content .rt-btns a {
  position: relative !important;
}
.notification-widget .notify-ui-dialog-content .rt-btns a:after {
  content: '';
  position: absolute !important;
  right: -12px !important;
  width: 1px;
  height: 14px;
  top: 3px !important;
  background-color: #868686;
}
@keyframes rt-bottomview {
  0% {
    bottom: -20%;
  }
  100% {
    bottom: 30px;
  }
}
.notification-widget .rt-bottomview {
  -webkit-animation: rt-bottomview 1s;
  -o-animation: rt-bottomview 1s;
  animation: rt-bottomview 1s;
}
@keyframes rt-toprightview {
  0% {
    top: -20%;
  }
  100% {
    top: 105px;
  }
}
@keyframes rt-toprightview-log {
  0% {
    top: -20%;
  }
  100% {
    top: 105px;
  }
}
.notification-widget .rt-toprightview {
  -webkit-animation: rt-toprightview 1s;
  -o-animation: rt-toprightview 1s;
  animation: rt-toprightview 1s;
}
.notification-widget .rt-toprightview.login-notify {
  -webkit-animation: rt-toprightview-log 1s;
  -o-animation: rt-toprightview-log 1s;
  animation: rt-toprightview-log 1s;
}
@keyframes rt-topview {
  0% {
    top: -20%;
  }
  100% {
    top: 140px;
  }
}
.notification-widget .rt-topview {
  -webkit-animation: rt-topview 1s;
  -o-animation: rt-topview 1s;
  animation: rt-topview 1s;
}
.notification-widget .notify-dialog-bl,
.notification-widget .notify-dialog-br,
.notification-widget .notify-dialog-tr,
.notification-widget .notify-dialog-tm,
.notification-widget .notify-dialog-tl {
  height: auto;
  width: 425px;
  z-index: 9999;
  border: 0px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.5);
}
.notification-widget .notify-dialog-bl a,
.notification-widget .notify-dialog-br a,
.notification-widget .notify-dialog-tr a,
.notification-widget .notify-dialog-tm a,
.notification-widget .notify-dialog-tl a {
  color: #008ddd !important;
  color: var(--link_tab_line_color, #008ddd) !important;
}
.notification-widget .notify-dialog-bl .high,
.notification-widget .notify-dialog-br .high,
.notification-widget .notify-dialog-tr .high,
.notification-widget .notify-dialog-tm .high,
.notification-widget .notify-dialog-tl .high {
  background-color: #d92b28;
  min-width: auto;
}
.notification-widget .notify-dialog-bl .medium,
.notification-widget .notify-dialog-br .medium,
.notification-widget .notify-dialog-tr .medium,
.notification-widget .notify-dialog-tm .medium,
.notification-widget .notify-dialog-tl .medium {
  background-color: #e88300;
  min-width: auto;
}
.notification-widget .notify-dialog-bl .low,
.notification-widget .notify-dialog-br .low,
.notification-widget .notify-dialog-tr .low,
.notification-widget .notify-dialog-tm .low,
.notification-widget .notify-dialog-tl .low {
  background-color: #009ADB;
  min-width: auto;
}
.notification-widget .notify-dialog-bl {
  left: 20px !important;
  top: inherit;
  margin-top: 20px !important;
  bottom: 30px;
}
.notification-widget .notify-dialog-br {
  right: 20px !important;
  bottom: 30px;
  top: inherit;
  left: inherit;
  margin-top: 20px !important;
}
.notification-widget .notify-dialog-tr {
  right: 20px !important;
  top: 105px;
  left: inherit;
  margin-bottom: 20px !important;
}
.notification-widget .notify-dialog-tr.login-notify {
  top: 105px;
}
.notification-widget .notify-dialog-tm {
  left: 35%;
  top: 140px;
  margin-bottom: 20px !important;
}
.notification-widget .notify-dialog-tl {
  left: 20px !important;
  top: 105px;
  right: inherit;
  margin-bottom: 20px !important;
}
.notification-widget .tech-notification-buttons {
  position: fixed;
  bottom: 0px;
  right: 0px !important;
  background: #404040;
  padding: 5px !important;
  border-radius: 5px;
  color: #FFF;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
}
.notification-widget .cur-pointer {
  cursor: var(--sdpcursor-pointer);
}
ul.bottom-border {
  margin: 0px !important;
  padding: 0px !important;
  list-style: none;
}
ul.bottom-border li:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
ul.bottom-border li {
  padding: 7px 9px;
  color: #000;
}
.notifycount {
  background-color: #de1818;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  font-weight: bold !important;
  font-size: var(--font-size-xsmall);
  padding: 4px !important;
  position: absolute !important;
  top: -1px !important;
  border-radius: 50%;
  min-width: 10px;
  min-height: 10px;
  line-height: 11px;
}
.notifycount-anim:after {
  content: '';
  position: absolute !important;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 1.6px #0093d1;
  border-radius: 50px;
  left: 7px;
  opacity: 0;
  top: 7px;
  animation: animscale 0.5s linear;
  animation-iteration-count: 15;
}
@keyframes animscale {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  15% {
    opacity: 0.6;
  }
  85% {
    opacity: 0.4;
  }
  100% {
    transform: scale(5);
    opacity: 0.3;
  }
}
/* ----------------------------------------------- */
/* bullet-list.less */
/* ----------------------------------------------- */
/* Bullet Lists */
ul.bullet-arrow li,
ol.bullet-badge li {
  list-style: none;
  margin-bottom: 10px;
}
ul.bullet-arrow li:before {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e980";
  font-size: var(--fs-10);
  margin-left: -15px !important;
  margin-right: 6px !important;
  top: 0;
}
ul.bullet-arrow li:before.glyph-color1 {
  color: #7f7f7f;
}
ul.bullet-arrow li:before.glyph-color2 {
  color: #FFF;
}
ul.bullet-arrow li:before.glyph-color3 {
  color: #3a96e7;
}
ul.bullet-arrow li:before.glyph-color4 {
  color: #000;
}
ol.bullet-badge li {
  counter-increment: item;
  position: relative;
  margin-bottom: 15px;
}
ol.bullet-badge li:before {
  background-color: #E9E9E9;
  border-radius: 100%;
  color: #515151;
  content: counter(item);
  display: inline-block;
  font-weight: bold;
  font-size: var(--font-size-small);
  line-height: 1;
  margin-left: -20px !important;
  position: absolute;
  top: -2px;
  left: -12px;
  min-width: 10px;
  padding: 5px 8px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.block-highlighted ol.bullet-badge li:before {
  background-color: #FFF;
  border: 1px solid #DDD;
}
a.bullet-arrow {
  color: #515151;
}
a.bullet-arrow:before {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e980";
  font-size: var(--font-size-xsmall);
  margin-right: 6px !important;
  top: 0;
}
a.bullet-arrow:before.glyph-color1 {
  color: #7f7f7f;
}
a.bullet-arrow:before.glyph-color2 {
  color: #FFF;
}
a.bullet-arrow:before.glyph-color3 {
  color: #3a96e7;
}
a.bullet-arrow:before.glyph-color4 {
  color: #000;
}
a.bullet-arrow:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
a.bullet-arrow:hover:before {
  color: #515151;
}
/* Bullet Lists end*/
ul.bottom-border {
  margin: 0px !important;
  padding: 0px !important;
  list-style: none;
}
ul.bottom-border li:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
ul.bottom-border li {
  padding: 10px 7px;
  color: #000;
}
ul.bottom-border li:hover a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.ui-component-li .content-list {
  height: 452px;
  overflow: auto;
}
.ui-component-li .content-list li {
  border-bottom: 1px solid #EEE;
  padding-left: 5px !important;
}
.ui-component-li .content-list li:hover {
  background-color: #F5F5F5;
}
.ui-component-li .content-list li:hover .insertoption {
  display: inline-block !important;
}
.ui-component-li .content-list li.active,
.ui-component-li .content-list li:hover.active {
  background-color: #e6f3fb !important;
}
.ui-component-li .content-list li .insertoption {
  display: none;
}
.ui-component-li .content-list ol li {
  line-height: 25px;
}
.ui-component-li .content-list .ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 300px;
  display: block;
}
.ui-component-li .slutnpreview {
  width: 63%;
  border-left: 1px solid #e5e5e5;
  display: table-cell !important;
}
.ui-component-li .preview-innr {
  padding: 15px 0 15px 25px;
  height: 334px;
  overflow: auto;
}
.ui-component-li .navbar-fixed-bottom {
  z-index: 9;
}
/* ----------------------------------------------- */
/* help-videos.less */
/* ----------------------------------------------- */
.helptour {
  z-index: 1000;
}
.helptour .helpvideo-anim1 {
  transform-origin: right;
  transform: scale(1) perspective(360px) rotateX(0deg) !important;
}
.helptour .helpvideo-anim-hide {
  transition: all 1s;
  transform: scale(0) perspective(360px) rotateX(30deg);
}
.helptour .helpvideo-anim {
  width: 100%;
  left: 0;
  z-index: 101;
}
.helptour .helpvideo-anim .widget-bg {
  margin: 50px auto;
  border: none;
}
.helptour .helpvideo-bgfreeze {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.8;
  z-index: 100;
}
.helptour .widget-panel {
  margin: 0px auto;
  width: 1102px;
  height: 600px;
}
.helptour .widget-panel .inner-panel {
  position: relative;
  width: 1102px;
  height: 600px;
  background: #fff;
}
.helptour h3 {
  color: #000;
  font-size: var(--fs-24);
  height: auto;
}
.helptour .sidenav {
  height: 100%;
  width: 275px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: -280px;
  background-color: #333a44;
  overflow-x: hidden;
  overflow: hidden;
  box-shadow: #2a2a2a -9px 0 10px 9px;
}
.helptour .sidenav .sidemenu-header {
  width: 275px;
}
.helptour .sidenav .helpvideo-searchbar {
  background: #2d3542;
  border: none;
  border-radius: 2px;
  color: #b3b5ba;
}
.helptour .sidenav .helpvideo-header p {
  color: #b3b5ba;
}
.helptour .sidenav .playlist-section .play-list {
  height: 400px;
  overflow: auto;
}
.helptour .sidenav .playlist-section li {
  padding: 7px 15px 7px 25px;
  margin: 0px;
  color: #d8d7d7;
  opacity: 0.8;
}
.helptour .sidenav .playlist-section li:hover,
.helptour .sidenav .playlist-section li.selected,
.helptour .sidenav .playlist-section li.cs-focus-on {
  opacity: 1;
  background: #656a73;
}
.helptour .sidenav .playlist-section li.active {
  background: #474D57;
  color: #FFF;
  border-radius: 2px;
}
.helptour .top-header {
  padding: 15px 30px 0px 30px;
}
.helptour .top-header .popup-close:hover,
.helptour .top-header .slidenav-menu:hover {
  opacity: 0.7;
}
.helptour .main-content {
  padding: 15px 30px;
}
.helptour .main-content .video-frame {
  height: 450px;
}
.helptour .main-content .cont {
  color: #000;
  font-size: var(--fs-15);
  line-height: 1.5;
  height: 400px;
  overflow: auto;
  padding-right: 5px;
}
.helptour .main-content .cont li {
  padding: 5px;
}
.helptour .prev-slide {
  left: -80px;
}
.helptour .next-slide {
  right: -80px;
}
/* ----------------------------------------------- */
/* tour-slider.less */
/* ----------------------------------------------- */
.tour-container {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0px;
  z-index: 100;
  transition: all 1s;
  transform: scale(0);
}
.tour-container.active {
  transform: scale(1);
  transition: all 1s;
}
.tour-container div {
  box-sizing: border-box;
}
.tour-container .inner-cont {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.tour-container .primary-cont {
  position: absolute;
  width: 1150px;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.tour-container .tour-head {
  padding: 15px 30px;
  font-size: var(--fs-16);
  color: #000;
  /* #333 */
}
.tour-container .tour-head .slidenav-menu {
  opacity: 0.7;
}
.tour-container .tour-head .slidenav-menu:hover {
  opacity: 1;
}
.tour-container .sidenav-container {
  background: #333a44;
  position: absolute;
  left: -285px;
  height: 100%;
  width: 275px;
  z-index: 101;
  color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 0.5s linear;
  box-shadow: #2a2a2a -9px 0 10px 9px;
}
.tour-container .sidenav-container.active {
  left: 0 !important;
}
.tour-container .sidenav-container .title {
  height: 48px;
  border-bottom: 1.3px solid #555555;
}
.tour-container .sidenav-container .sidemenu-cont li {
  padding: 7px 0;
  list-style: none;
  line-height: 1.7;
}
.tour-container .sidenav-container .sidemenu-cont li.main-menu > a:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #b6b6b6;
  /*#b6b6b6*/
  vertical-align: top;
  margin-right: 5px;
  margin-top: 9px;
}
.tour-container .sidenav-container .sidemenu-cont .sub-menu li {
  padding: 7px 7px 7px 33px !important;
}
.tour-container .sidenav-container .sidemenu-cont .sub-menu li:hover {
  background: #656a73;
}
.tour-container .sidenav-container .sidemenu-cont .sub-menu li.active-bg {
  background: #474D57;
}
.tour-container .sidenav-container .sidemenu-cont a {
  line-height: 1.5;
  color: #b6b6b6;
}
.tour-container .tour-body .row {
  padding: 30px 70px;
  height: 510px;
}
.tour-container .tour-body .row .col-md-4 {
  width: 33.33% !important;
}
.tour-container .tour-img-cont {
  padding: 0 30px 0 0;
}
.tour-container .tour-img-cont > div {
  height: 450px;
  overflow: hidden;
}
.tour-container .tour-img-cont.fr {
  padding: 0 0 0 30px;
}
.tour-container .tour-img-cont.col-md-12 {
  height: 300px !important;
  padding: 0 0 30px 0;
  text-align: center !important;
}
.tour-container .tour-img-cont.col-md-12.align-bottom {
  padding: 30px 0 0 0;
}
.tour-container .tour-img-cont img {
  height: 100% !important;
  height: 100%;
}
.tour-container .tour-img-cont img:last-of-type {
  margin-bottom: 0px !important;
}
.tour-container .tour-slider {
  text-align: left;
  height: 450px;
  overflow-y: hidden;
}
.tour-container .tour-slider.col-md-12 {
  height: 150px;
  text-align: center !important;
}
.tour-container .tour-slider.col-md-12 p {
  line-height: 1.4 !important;
}
.tour-container .tour-slider p {
  font-size: var(--fs-16);
  line-height: 1.6;
}
.tour-container .tour-slider h2 {
  font-size: var(--fs-28);
  line-height: 1.3;
}
.tour-container .tour-action {
  margin-bottom: 40px;
}
.tour-container .tour-progress {
  background: #DDD;
  text-align: center !important;
  height: 10px;
  overflow: hidden;
  cursor: var(--sdpcursor-pointer);
}
.tour-container .tour-progress span {
  background: #65b7de;
  display: block;
  width: 0%;
  transition: all 1s;
}
.tour-container .nav-dot {
  height: 13px;
  width: 13px;
  background: #e4e4e4;
  border: 2px solid #fff;
  border-radius: 50%;
  margin-top: 5px;
  right: -4px;
  visibility: visible;
  position: relative;
  cursor: var(--sdpcursor-pointer);
  display: inline-block !important;
  transition: all 2s;
}
.tour-container .nav-dot.active {
  background: #65b7de;
  visibility: visible;
}
.tour-container .nav-dot.final-dot {
  background: #5cb85c;
}
.tour-container .nav-dot .tooltiptext {
  width: 120px;
  background-color: #000;
  color: #fff;
  text-align: center !important;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}
.tour-container .nav-dot .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.tour-container .slide-nav {
  opacity: 0.8;
}
.tour-container .slide-nav:hover {
  opacity: 1;
}
.tour-container .next-cont {
  right: -90px;
}
.tour-container .next-cont em {
  background-position: -393px -187px;
}
.tour-container .prev-cont {
  left: -90px;
}
.tour-container .prev-cont em {
  background-position: -272px -187px;
}
.tour-container .final-cont {
  width: 130px;
  background-color: #5cb85c;
  color: #fff;
  text-align: center !important;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 10px;
  font-size: var(--fs-11);
}
/* ----------------------------------------------- */
/* rcf.less */
/* ----------------------------------------------- */
.rcf-list .tc-row {
  padding: 15px;
  display: block;
  border-bottom: 1px solid #CCC;
}
.rcf-list .tc-row:last-child {
  border-bottom: 0px;
}
.rcf-list .tc-row input {
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  margin-left: 0px !important;
  margin-right: 15px !important;
}
.rcf-list .tc-row span {
  display: inline-block;
  vertical-align: top;
}
.rcf-list .tc-row > span {
  margin-right: 15px !important;
}
.rcf-list .tc-row div {
  display: inline-block;
  vertical-align: top;
}
.rcf-list .tc-row a.title {
  margin-bottom: 9px;
  display: block;
  color: #000;
  text-decoration: none;
}
.rcf-list .tc-row:hover {
  background: #F5F5F5;
  cursor: var(--sdpcursor-default);
}
.rcf-list .tc-row:hover a.higlit {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.rcf-list .tc-row p {
  color: #000 !important;
}
.rcf-list .tc-kanban {
  border-top: 0px !important;
}
.dot-border {
  border: 1px dashed #CCC;
  min-height: 150px;
  max-height: 150px;
  overflow-y: auto;
}
.dot-border pre {
  background: #FFF;
  border: none;
}
.info-blk {
  min-height: 100px;
  max-height: 100px;
  overflow-y: auto;
  line-height: 1.7;
}
.rcf-ul {
  list-style: none;
}
.rcf-ul li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ful-scr {
  float: right !important;
  margin-right: 10px !important;
  margin-top: 15px;
  margin-left: 10px !important;
  display: inline-block;
  opacity: 0.5;
}
.ful-scr:hover {
  opacity: 0.7;
}
.delugeEditorArea.ful-scn {
  position: fixed;
  width: 100% !important;
  height: 100% !important;
  margin: 0px !important;
  left: 0px !important;
  right: 0px !important;
  top: 0px !important;
  bottom: 0px !important;
  z-index: 100;
  max-width: none !important;
}
.delugeEditorArea .txt-wrap {
  max-width: 475px;
  vertical-align: text-top;
  display: inline-block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#cf-tab-ul li:not(.active) a:focus {
  border-bottom-color: transparent;
  border-bottom-width: 1px;
}
#bulk_selection_custom_functions .btn-group.bs-noconflict {
  line-height: 1.2;
}
#bulk_selection_custom_functions .btn-group.bs-noconflict input[type="checkbox"] {
  margin: 3px 3px 3px 4px;
}
/* custom schdule popup issue fix 94256 */
#cf-main-container .form-section {
  margin-bottom: 0px !important;
}
#cf-main-container #dc-delu-edit-area {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}
#deluge-form .form-group .col-group:not(.fw):last-child {
  margin-bottom: 0px !important;
}
/* ----------------------------------------------- */
/* ssp-helptour.less */
/* ----------------------------------------------- */
.ssp-tour .no-blk {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.ssp-tour .no-blk img {
  margin-top: 20px;
  margin-bottom: 20px;
}
.ssp-tour .no-blk h2 {
  font-size: var(--fs-25);
  margin-bottom: 18px;
}
.ssp-tour .tariff-blk {
  padding: 20px;
}
.ssp-tour .table-blk {
  padding-top: 20px;
  padding-bottom: 20px;
}
.ssp-tour .table-blk select {
  max-width: 200px;
  margin-left: 20px !important;
}
.ssp-tour .table-blk th {
  border-top: 0px;
}
.ssp-tour .tariff-head {
  margin-bottom: 20px;
  display: table;
  width: 100%;
}
.ssp-tour .traffic-ul {
  list-style: none;
}
.ssp-tour .traffic-ul li {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-right: 1px solid #CCC;
  text-align: center;
}
.ssp-tour .traffic-ul li:last-child {
  border-right: 0px;
}
.ssp-tour .cs-wrapper-outer {
  min-height: 200px;
}
.ssp-tour .left-list {
  width: 280px;
  min-height: 200px;
  background: #fafafa;
  border-right: 1px solid #d9d9d9;
  height: 100%;
  display: table-cell;
  vertical-align: top;
}
.ssp-tour .list-tour {
  list-style: none;
  width: 100%;
  padding-left: 0px !important;
}
.ssp-tour .list-tour div.list-item {
  height: 64px;
  padding: 4px;
}
.ssp-tour .list-tour div.list-item.title {
  height: 46px;
  border-bottom: 1px solid #F1F1F1;
  margin: 0px;
  padding: 15px;
}
.ssp-tour .list-tour div.list-item.head {
  height: 50px;
  margin: 0px;
  padding: 15px;
}
.ssp-tour .list-tour div.list-item div.innerblk {
  padding: 13px;
  margin-left: 4px !important;
  margin-right: 4px !important;
  border: 1px solid #F1F1F1;
  vertical-align: middle;
  height: 56px;
  background: #FFF;
  margin-bottom: 0px;
}
.ssp-tour .list-tour div.list-item div.innerblk .moreblk {
  float: right;
  visibility: hidden;
}
.ssp-tour .list-tour div.list-item div.innerblk .textblk {
  width: 160px;
  display: inline-block;
  vertical-align: middle;
}
.ssp-tour .list-tour div.list-item.selected {
  background: #dedede;
}
.ssp-tour .list-tour div.list-item.selected div.innerblk {
  border: 1px solid #2fd1e4;
  background: #f6fcfd;
}
.ssp-tour .list-tour div.list-item .dragblk {
  visibility: hidden;
}
.ssp-tour .list-tour div.list-item .num-blk {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #e7e7e7;
  display: inline-block;
  text-align: center;
  padding-top: 4px;
  top: 0px;
  position: relative;
  margin-right: 5px !important;
  margin-left: 2px !important;
}
.ssp-tour .list-tour div.list-item.listcount1 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ssp-tour .list-tour div.list-item.listcount1 div.innerblk span {
  vertical-align: middle;
}
.ssp-tour .list-tour div.list-item:hover div.innerblk .moreblk {
  visibility: visible;
}
.ssp-tour .list-tour div.list-item:hover div.innerblk .dragblk {
  visibility: visible;
}
.ssp-tour .list-tour .btn-group.open .sdmenu-toggle {
  box-shadow: none;
}
.ssp-tour .list-tour .ui-sortable {
  max-height: 554px;
  min-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a5a5a5 transparent;
}
.ssp-tour .right-list {
  width: CALC(100% - 280px);
  background: #F1F1F1;
  padding: 20px;
  display: table-cell;
  vertical-align: top;
  height: 100%;
}
.ssp-tour .right-list .control-label label {
  font-weight: bold;
}
.ssp-tour .right-list .input-group .form-control {
  color: #000;
  font-size: var(--font-size-base);
}
.ssp-tour .right-list input[type="text"] {
  font-size: var(--font-size-medium);
}
.ssp-tour .right-list #title {
  height: 45px;
}
.ssp-tour .right-list textarea {
  resize: vertical;
  min-height: 100px;
  max-height: 160px;
  font-size: var(--font-size-medium);
}
.ssp-tour .img-posblk {
  width: 100%;
  border: 1px solid #e0e0e0;
  background: #fafafa;
  padding: 5px;
  height: 180px;
}
.ssp-tour .img-posblk img {
  width: auto;
  height: 100%;
}
.ssp-tour .img-posblk img.mainimg {
  width: 125px;
  height: 80px;
}
.ssp-tour .img-posblk img.textimg {
  width: 125px;
  height: 26px;
}
.ssp-tour .img-posblk.imgtp span.mainimg,
.ssp-tour .img-posblk.imgbt span.mainimg,
.ssp-tour .img-posblk.imgtp span.textimg,
.ssp-tour .img-posblk.imgbt span.textimg,
.ssp-tour .img-posblk.imgtp img,
.ssp-tour .img-posblk.imgbt img,
.ssp-tour .img-posblk.imgtp iframe,
.ssp-tour .img-posblk.imgbt iframe {
  position: absolute;
  left: 50%;
  margin-left: -62px;
}
.ssp-tour .img-posblk.imgtp span.mainimg,
.ssp-tour .img-posblk.imgtp img.mainimg {
  top: 18px;
}
.ssp-tour .img-posblk.imgtp span.textimg,
.ssp-tour .img-posblk.imgtp img.textimg {
  bottom: 45px;
}
.ssp-tour .img-posblk.imgtp iframe {
  top: 18px;
}
.ssp-tour .img-posblk.imgbt span.mainimg,
.ssp-tour .img-posblk.imgbt img.mainimg {
  bottom: 36px;
}
.ssp-tour .img-posblk.imgbt span.textimg,
.ssp-tour .img-posblk.imgbt img.textimg {
  top: 21px;
}
.ssp-tour .img-posblk.imgbt iframe {
  bottom: 36px;
}
.ssp-tour .img-posblk.imgrt span,
.ssp-tour .img-posblk.imglt span,
.ssp-tour .img-posblk.imgrt img,
.ssp-tour .img-posblk.imglt img {
  position: absolute;
  top: 50%;
}
.ssp-tour .img-posblk.imgrt span.mainimg,
.ssp-tour .img-posblk.imglt span.mainimg,
.ssp-tour .img-posblk.imgrt img.mainimg,
.ssp-tour .img-posblk.imglt img.mainimg {
  margin-top: -40px;
}
.ssp-tour .img-posblk.imgrt span.textimg,
.ssp-tour .img-posblk.imglt span.textimg,
.ssp-tour .img-posblk.imgrt img.textimg,
.ssp-tour .img-posblk.imglt img.textimg {
  margin-top: -13px;
}
.ssp-tour .img-posblk.imgrt iframe,
.ssp-tour .img-posblk.imglt iframe {
  position: absolute;
  top: 50%;
  margin-top: -40px;
}
.ssp-tour .img-posblk.imgrt span.mainimg,
.ssp-tour .img-posblk.imgrt img.mainimg {
  right: 40px;
}
.ssp-tour .img-posblk.imgrt span.textimg,
.ssp-tour .img-posblk.imgrt img.textimg {
  left: 40px;
}
.ssp-tour .img-posblk.imgrt iframe {
  right: 40px;
}
.ssp-tour .img-posblk.imglt span.mainimg,
.ssp-tour .img-posblk.imglt img.mainimg {
  left: 40px;
}
.ssp-tour .img-posblk.imglt span.textimg,
.ssp-tour .img-posblk.imglt img.textimg {
  right: 40px;
}
.ssp-tour .img-posblk.imglt iframe {
  left: 40px;
}
.ssp-tour .img-posblk input {
  position: absolute;
  bottom: 10px;
  right: 24px;
}
.ssp-tour .img-exactblk {
  width: 330px;
  height: 180px;
  margin: 0px auto;
  position: relative;
}
.ssp-tour .tableComponent td {
  vertical-align: text-top;
}
.ssp-tour .tableComponent tr .menulist {
  opacity: 0.5;
  cursor: var(--sdpcursor-pointer) !important;
}
.ssp-tour .tableComponent tr:hover td .h4 {
  color: #1a6ebd;
}
.ssp-tour .tableComponent tr:hover .menulist {
  opacity: 0.7;
}
.ssp-tour .tableComponent a.h4 {
  text-decoration: none;
  color: #000;
}
.ssp-tour .tableComponent th {
  border-top: 1px solid #CCC;
}
.ssp-tour .status-badge.infobl {
  color: #126bfb;
  border: 1px solid #126bfb;
}
.ssp-tour .status-badge.success,
.ssp-tour .status-badge.default1 {
  border-width: 1px;
}
.ssp-tour .cs-wrapper {
  min-height: 200px;
}
.ssp-tour.tour-container .tour-img-cont img {
  width: 460px;
  height: 320px !important;
}
.ssp-tour.tour-container .nav-dot {
  box-sizing: content-box;
}
.ssp-tour .po-sidebar em {
  margin: 4px 7px 3px;
  background-position: -111px -22px;
}
.ssp-tour .po-sidebar a {
  background-color: #00a1d9;
  border-radius: 2px;
  margin: 4px 5px 0 0;
}
.ssp-tour .pr-add-po {
  width: 8px;
  height: 8px;
}
.ssp-tour .history-status .disp-t {
  border-collapse: separate;
}
.block-wob {
  min-height: 50px;
  padding: 20px;
  box-shadow: 0px 3px 8px 0px #e0e0e0;
  border: 1px solid #EEE;
  width: 100%;
  line-height: 1.5;
}
.uploadicon-popover ul.img-select {
  list-style: none;
}
.uploadicon-popover ul.img-select li {
  width: 218px;
  height: 118px;
  border: 1px solid #CCC;
  background: #f8f8f8;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  text-align: center;
  position: relative;
}
.uploadicon-popover ul.img-select li.selected {
  border-color: #da770d;
}
.uploadicon-popover ul.img-select li input {
  left: -9px;
  top: -8px;
  position: absolute;
}
.uploadicon-popover ul.img-select li img {
  height: 100%;
  width: auto;
}
.info-table {
  color: #777777;
}
.info-table table td {
  padding: 5px;
}
.info-table div.row {
  margin-bottom: 11px !important;
}
.info-table [data-lable="moreInfo"] {
  color: #333333;
  width: 120px;
  display: inline-block;
}
.info-table [data-time="moreInfo"],
.info-table [data-name="moreInfo"] {
  font-weight: bold;
  color: #333333;
  margin-right: 5px;
  margin-left: 5px;
}
/* Align : Top */
/* Media height & Width */
.helptour {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: transparent !important;
}
.helptour .prev-cont {
  left: -90px;
}
.helptour .prev-cont i {
  background-position: -272px -187px;
}
.helptour .slide-nav {
  opacity: 0.8;
}
.helptour .slide-nav i {
  display: inline-block;
  width: 37px;
  height: 58px;
  margin: 5px 10px;
}
.helptour .next-cont {
  right: -90px;
}
.helptour .next-cont i {
  background-position: -393px -187px;
}
.helptour .tour-action {
  margin-top: -40px;
}
.helptour .tour-progress {
  background: #DDD;
  text-align: center;
  height: 10px;
  overflow: hidden;
  cursor: var(--sdpcursor-pointer);
}
.helptour .tour-progress span {
  background: #65b7de;
  display: block;
  width: 0%;
}
.helptour .nav-dot {
  height: 13px;
  width: 13px;
  background: #e4e4e4;
  border: 2px solid #FFF;
  border-radius: 50%;
  margin-top: 5px;
  right: -4px;
  visibility: visible;
  position: relative;
  cursor: var(--sdpcursor-pointer);
  display: inline-block !important;
}
.helptour .nav-dot .tooltiptext {
  width: 120px;
  background-color: #000;
  color: #FFF;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}
.helptour .nav-dot .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.helptour .nav-dot.active {
  background: #65b7de;
  visibility: visible;
}
.helptour .media-container .tour-text {
  text-align: left;
  height: 450px;
  overflow-y: auto;
}
.helptour .media-container .tour-text .text-content {
  text-align: center;
  font-size: var(--fs-16);
  line-height: 26px;
  margin-bottom: 18px;
}
.helptour .media-container .tour-media img,
.helptour .media-container .tour-media video {
  width: 640px;
  height: auto;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
}
.helptour .media-container .tour-media {
  min-height: 300px !important;
  padding: 0 0 30px 0;
  text-align: center;
}
.helptour .media-container .tour-media iframe,
.helptour .media-container .tour-media img,
.helptour .media-container .tour-media video {
  width: 640px;
  height: 360px !important;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
}
.helptour .media-container .tour-text.col-md-12 {
  height: 110px;
  text-align: center !important;
  overflow-y: auto;
}
.helptour .media-container .tour-media.no-content {
  margin-top: 14%;
}
.helptour .media-container .tour-text.no-media {
  margin-top: 14%;
}
.helptour .media-container.main-content > .tour-media {
  margin-bottom: 20px;
}
.helptour .col-md-4.tour-text .text-content {
  text-align: left;
}
.helptour .col-md-8.tour-media {
  margin-top: 70px;
}
.helptour .col-md-4.tour-text {
  margin-top: 47px;
}
.helpdesk-custom-scrollbar::-webkit-scrollbar {
  width: 5px;
  background: #333A44;
}
.helpdesk-custom-scrollbar::-webkit-scrollbar-thumb {
  background: #CCC;
  border-radius: 10px;
}
.helpdesk-custom-scrollbar {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-color: #CCC #F5F5F5;
  scrollbar-width: thin;
  box-shadow: 0px 5px 10px -5px #888888;
}
.configwiz {
  --implinheritbg: #fff;
}
[theme="dark-mode"] .configwiz {
  --implinheritbg: #222324;
}
.configwiz .inheritbg {
  background-color: var(--implinheritbg);
}
.configwiz .top-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0 16px;
  height: 48px;
}
.configwiz .top-header > .fl,
.configwiz .top-header > .fr {
  display: flex;
  align-items: center;
}
.configwiz .top-header .fl {
  flex-grow: 1;
}
.configwiz .top-header label {
  margin-left: 20px !important;
  margin-bottom: 0px !important;
}
.configwiz .top-header .form-control {
  margin-left: 10px !important;
}
.configwiz .top-header h3 {
  font-size: var(--font-size-large);
}
.configwiz .sidenav .playlist-section .search-box li:hover {
  background: transparent;
}
.configwiz .alldircenter {
  left: 50%;
  top: 50% !important;
  transform: translate(-50%, -50%);
}
.configwiz .alldircenter .widget-bg {
  margin: auto;
}
.configwiz .play-normal {
  background-position: -2px -331px;
}
.configwiz .tour-action {
  padding: 4px 16px;
}
.configwiz .col-md-12.tour-media img {
  height: auto !important;
  padding-left: 0px !important;
}
.configwiz .col-md-8.tour-media {
  width: 58.33333333%;
}
.configwiz .col-md-8.tour-media img {
  height: auto !important;
  padding-left: 0px !important;
}
.configwiz .col-md-8.tour-media iframe {
  width: 100% !important;
}
.configwiz .col-md-4.tour-text {
  width: 41.66666667%;
}
.configwiz .search-box input {
  padding-left: 10px !important;
}
.configwiz .tsheadersec,
.configwiz .tscontsec {
  padding: 0px !important;
}
.configwiz .widget-panel .inner-panel {
  height: 560px;
  width: auto;
}
.configwiz .sldres .widget-panel {
  width: calc(100vw - 300px);
  max-width: 1800px;
}
.configwiz .sldres .inner-panel {
  height: 80vh !important;
  max-height: 900px;
}
.configwiz .helpvideo-header h3,
.configwiz .helpvideo-header p {
  color: #000 !important;
}
.configwiz .sidemenu-header {
  height: 100% !important;
  height: 100%;
  display: flex !important;
  flex-direction: column;
}
.configwiz .playlist-section {
  height: 100% !important;
  height: 100%;
  display: flex !important;
  overflow-y: auto;
  flex-direction: column;
}
.configwiz .tscontsec {
  height: calc(100% - 49px);
}
.configwiz .sidenav {
  top: 49px;
  height: calc(100% - 49px);
  box-shadow: none;
  display: flex !important;
  background: transparent !important;
  border-right: 1px solid #d8d8d8;
}
.configwiz .helpdesk-custom-scrollbar {
  box-shadow: none;
  height: 100% !important;
  height: 100%;
}
.configwiz .helptour .widget-panel .inner-panel {
  height: 570px !important;
}
.configwiz .tsmaincont {
  padding-left: 275px;
  height: 100%;
  display: flex;
}
.configwiz .tsmaincont .main-content {
  min-height: auto;
  height: 100%;
  overflow: auto;
}
.configwiz .tsmaincont .main-content .tour-text {
  height: auto;
}
.configwiz .tsmaincont .text-content {
  margin-bottom: 0px !important;
  text-align: left !important;
}
.configwiz .tour-dir-bottom .tour-text {
  margin-top: 20px !important;
  padding-bottom: 0px !important;
}
.configwiz .tour-dir-bottom .text-content > div.p20 {
  padding-bottom: 0px !important;
}
.configwiz .tour-dir-bottom h3 {
  margin-left: 0px !important;
  margin-top: 0px !important;
}
.configwiz .tour-dir-top h3 {
  margin-left: 0px !important;
}
.configwiz .search-box {
  position: sticky !important;
  top: 0px !important;
  width: 100% !important;
}
.configwiz .sidenav .play-list li {
  border-left: 4px solid transparent;
  color: #000;
  border-radius: 0;
  opacity: 1;
  line-height: 21px;
  margin-bottom: 0px !important;
}
.configwiz .sidenav .play-list li:hover {
  color: #000;
  background-color: #f7f7f7;
}
.configwiz .sidenav .play-list li.tssbcat:hover {
  background: transparent !important;
}
.configwiz .sidenav .play-list li.active {
  background-color: #f7f7f7;
  border-color: var(--link_tab_line_color);
  color: #000;
}
.configwiz .tssbcat {
  font-weight: bold !important;
  font-size: var(--font-size-medium) !important;
  margin-left: -10px !important;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: var(--font-size-h4);
  font-weight: bold;
  font-family: inherit;
  font-weight: normal;
  background: transparent !important;
}
.configwiz .tssbcat small,
.configwiz .tssbcat .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}
.configwiz .tssbcat small,
.configwiz .tssbcat .small {
  font-size: 75%;
}
.configwiz .tssbcat hr {
  margin-top: 6px;
}
.configwiz .tssbcat:not(:first-child) {
  margin-top: 15px !important;
}
.configwiz .widget-panel,
.configwiz .inner-panel {
  border-radius: 8px 8px 0 0;
}
.configwiz .nofooter.widget-panel,
.configwiz .nofooter .inner-panel {
  border-radius: 8px;
}
.configwiz .form-footer {
  border-radius: 0 0 8px 8px;
}
.configwiz .select2-container-multi .select2-choices .select2-search-field input {
  color: #000;
  /* #000 */
}
.adminwiz-head,
.adwiz-float-ic {
  background: var(--primary_button_color, #008ddd);
}
.adwiz-float-ic {
  position: fixed;
  bottom: 50px;
  right: 50px;
  top: auto;
  width: 62px;
  height: 62px;
  z-index: 90;
  box-shadow: 0 0 20px 3px rgba(78, 78, 78, 0.2);
}
:root {
  --module-tour-primary-ft: #313131;
  --module-tour-secondary-ft: #202123;
}
[theme="dark-mode"] {
  --module-tour-primary-ft: #CDCECE;
  --module-tour-secondary-ft: #DCDCDC;
}
.helptour.moduletour .sidenav {
  box-shadow: -12px -1px 10px 9px #2a2a2a;
  top: 0;
  background-color: var(--implinheritbg) !important;
  height: 100%;
}
.moduletour section {
  margin-bottom: 40px;
}
.moduletour .widget-panel {
  border-radius: 8px;
}
.moduletour .inner-panel > div:first-child {
  border-radius: 8px 0 0 8px;
}
.moduletour .moduletour-maintitle {
  text-align: center;
  padding-bottom: 20px;
  max-width: 70%;
  margin: 0 auto;
}
.moduletour .moduletour-maintitle h2 {
  font-weight: 500;
  font-size: var(--fs-22);
  margin: 0 0 15px;
}
.moduletour .moduletour-maintitle p {
  font-size: var(--fs-16);
  margin-bottom: 5px;
  color: var(--module-tour-primary-ft);
  line-height: normal;
}
.moduletour .moduletour-main {
  margin-right: -15px;
  margin-left: -15px;
  margin: 0px !important;
  padding: 15px 0;
}
.moduletour .moduletour-image-col,
.moduletour .moduletourcontent-col {
  float: left !important;
  padding: 0px 15px;
}
.moduletour .moduletour-image-col {
  width: 60%;
}
.moduletour .moduletourcontent-col {
  width: 40%;
}
.moduletour .moduletour-content,
.moduletour .moduletour-content3 {
  text-align: left;
  margin-bottom: 30px;
}
.moduletour .moduletour-content h3,
.moduletour .moduletour-content3 h3 {
  font-size: var(--fs-16);
  line-height: 24px;
  color: var(--module-tour-primary-ft);
  margin-bottom: 5px;
}
.moduletour .moduletour-content h4,
.moduletour .moduletour-content3 h4 {
  font-size: var(--fs-15);
  line-height: 24px;
  color: var(--module-tour-primary-ft);
  margin-bottom: 5px;
}
.moduletour .moduletour-content p,
.moduletour .moduletour-content3 p {
  font-size: var(--fs-16);
  line-height: 24px;
  margin-bottom: 20px;
  color: var(--module-tour-primary-ft);
}
.moduletour .moduletour-content ol,
.moduletour .moduletour-content3 ol,
.moduletour .moduletour-content ul,
.moduletour .moduletour-content3 ul {
  padding-left: 20px;
}
.moduletour .moduletour-content ul,
.moduletour .moduletour-content3 ul {
  list-style: disc;
  padding-bottom: 15px;
}
.moduletour .moduletour-content li,
.moduletour .moduletour-content3 li {
  font-size: var(--fs-16);
  line-height: 24px;
  margin-bottom: 10px;
  color: var(--module-tour-primary-ft);
}
.moduletour .moduletour-media img {
  width: 100% !important;
  max-width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.moduletour .moduletour-content2 {
  width: 70%;
  margin: 0px auto 30px;
}
.moduletour .moduletour-content2 img {
  width: 100% !important;
  border-radius: 8px;
}
.moduletour .moduletour-content3 {
  width: 70%;
  margin: 35px auto 30px auto;
}
.moduletour .main-content::-webkit-scrollbar-thumb {
  background-color: #b3b3b3;
}
.moduletour .main-content::-webkit-scrollbar {
  width: 8px !important;
}
.moduletour .sidenav .play-list li:hover {
  background-color: #f5f5f5;
}
.moduletour .sidenav .play-list li.active {
  background-color: #e9e9e9;
}
.moduletour-vd .tour-text {
  padding-left: 30px;
}
.moduletour-vd .tour-text h3 {
  font-size: var(--fs-16);
  line-height: 24px;
  color: var(--module-tour-primary-ft);
  margin-bottom: 5px;
}
.moduletour-vd .tour-text p {
  font-size: var(--fs-16);
  line-height: 24px;
  margin-bottom: 20px;
  color: var(--module-tour-primary-ft);
}
.moduletour-vd .tour-media {
  max-width: 700px;
}
.moduletour-vd .main-content {
  display: flex;
  justify-content: center;
  padding: 45px;
}
/* ----------------------------------------------- */
/* Calender Component theme color */
/* ----------------------------------------------- */
.zdatetimepicker__month .zdatetimepicker__adjacentmonthdate:hover {
  background: #008ddd;
  background: var(--primary_button_light_color, #008ddd) !important;
}
.sdpcalendar .zdatetimepicker__monthyeargrid:hover {
  background: rgba(0, 141, 221, 0.1);
  background-color: rgba(0, 141, 221, 0.1);
  background-color: var(--primary_button_light_color, rgba(0, 141, 221, 0.1));
}
.sdpcalendar .zdatetimepicker__monthyeargrid.is-selected {
  border: 1px solid #008ddd !important;
  border: 1px solid var(--primary_button_color, #008ddd) !important;
  background-color: #008ddd !important;
  background-color: var(--primary_button_color, #008ddd) !important;
}
.sdpcalendar .zdatetimepicker__monthyeargrid.zdatetimepicker--currentcell {
  border: 1px solid #008ddd !important;
  border: 1px solid var(--primary_button_color, #008ddd) !important;
}
.sdpcalendar .zdatetimepicker__drilldownnearlevelcell:hover {
  border: 1px solid transparent;
  background: rgba(0, 141, 221, 0.1);
  background: var(--primary_button_light_color, rgba(0, 141, 221, 0.1));
}
.zdatetimepicker__date.zdatetimepicker--today {
  border: 1px solid #008ddd !important;
  border: 1px solid var(--primary_button_color, #008ddd) !important;
  background: transparent;
}
.zdatetimepicker__date:hover {
  border: 1px solid rgba(0, 141, 221, 0.1);
  border: 1px solid var(--primary_button_light_color, rgba(0, 141, 221, 0.1)) !important;
  background: rgba(0, 141, 221, 0.1);
  background: var(--primary_button_light_color, rgba(0, 141, 221, 0.1)) !important;
}
.zdatetimepicker__date.is-selected {
  border: 1px solid #008ddd !important;
  border: 1px solid var(--primary_button_color, #008ddd) !important;
  background: #008ddd;
  background: var(--primary_button_color, #008ddd) !important;
}
.zdatetimepicker__date.is-selected.zdatetimepicker--special {
  color: #fff !important;
}
.zdatetimepicker__date.zdatetimepicker--special {
  color: #e14438 !important;
}
.zdatetimepicker__adjacentmonthdate.zdatetimepicker--today.is-selected {
  border: 1px solid #008ddd !important;
  border: 1px solid var(--primary_button_color, #008ddd) !important;
  background: #008ddd;
  background: var(--primary_button_color, #008ddd) !important;
}
.zdatetimepicker__adjacentmonthdate.zdatetimepicker--special {
  color: #e14438 !important;
}
.zdatetimepicker__adjacentmonthdate.is-selected.zdatetimepicker--special {
  color: #fff !important;
}
.zdatetimepicker__todaylink {
  color: #008ddd !important;
  color: var(--link_tab_line_color, #008ddd) !important;
}
.zbutton--primary {
  border: 1px solid #008ddd !important;
  border: 1px solid var(--primary_button_color, #008ddd) !important;
  background-color: #008ddd !important;
  background-color: var(--primary_button_color, #008ddd) !important;
}
.zbutton.has-kfocus,
.zbutton:active.has-focus,
.zinputfield.has-focus,
.zinputfield.has-kfocus {
  border: 1px solid #008ddd;
  border: 1px solid var(--primary_button_color, #008ddd) !important;
}
.zdatetimepicker__todaylink.has-kfocus,
.zdatetimepicker__todaylink:active.has-focus {
  border: 1px solid transparent !important;
}
.zinputfield.has-focus .zinputfield__spinbutton,
.zinputfield.has-kfocus .zinputfield__spinbutton {
  border-color: #008ddd;
  border-color: var(--primary_button_color, #008ddd) !important;
}
.zdatetimepicker__adjacentmonthdate.zdatetimepicker--today {
  border: 1px solid var(--primary_button_color, #008ddd) !important;
}
.zdatetimepicker__adjacentmonthdate.is-selected {
  border: 1px solid var(--primary_button_color, #008ddd) !important;
  background: var(--primary_button_color, #008ddd) !important;
}
.zdatetimepicker__adjacentmonthdate.is-selected:hover {
  background-color: var(--primary_button_color, #008ddd) !important;
}
.zdatetimeselectbox__option.is-selected {
  background: #008ddd;
  background: var(--primary_button_color, #008ddd) !important;
}
.zdatetimepicker--dateinrange.zdatetimepicker--weekend {
  background: var(--primary_button_light_color, #008ddd) !important;
}
.zdatetimepicker--dateinrange.zdatetimepicker--today:after {
  border: 1px solid var(--primary_button_light_color, #008ddd) !important;
}
.zdatetimepicker--dateinrange:before {
  background: var(--primary_button_light_color, #008ddd) !important;
}
.zdatetimepicker--dateinrange.is-end:after {
  background: var(--primary_button_light_color, #008ddd) !important;
}
.zdatetimepicker--dateinrange.is-start:after {
  background: var(--primary_button_color, #008ddd) !important;
}
.zselectbox.has-kfocus {
  border: 1px solid var(--primary_button_color, #008ddd) !important;
}
.zselectbox.has-kfocus .zselectbox__arrow {
  fill: var(--primary_button_color, #008ddd) !important;
}
.zdropdownlist--withoutcheckeditem .zdropdownlist__item.is-selected {
  background: var(--primary_button_light_color, #008ddd) !important;
}
/* Calender Component theme color */
/* Calender Component css overwrite */
.sdpcalendar .zdatetimepicker--custom {
  position: absolute;
  bottom: 72px;
  left: 17px;
}
.zdatetimepicker--menu {
  width: 68px !important;
}
/* Calender Component css overwrite */
/*Time filter css*/
.time-filter-wrapper.tf-view-table .zselectbox,
.time-filter-wrapper.tf-view-audit .zselectbox {
  width: auto;
  padding: 3.7px 10px;
  border: 1px solid #d2d9dc;
  background: transparent !important;
  border-radius: 2px;
}
.time-filter-wrapper.tf-view-table .zselectbox .zselectbox__icon.calendaricon,
.time-filter-wrapper.tf-view-audit .zselectbox .zselectbox__icon.calendaricon {
  margin: 0;
  height: 100%;
}
.time-filter-wrapper.tf-view-table .zselectbox .zselectbox__icon.calendaricon svg,
.time-filter-wrapper.tf-view-audit .zselectbox .zselectbox__icon.calendaricon svg {
  fill: var(--primary_button_color, #008ddd) !important;
  top: 0;
}
.time-filter-wrapper.tf-view-table .zselectbox .zselectbox__selected,
.time-filter-wrapper.tf-view-audit .zselectbox .zselectbox__selected {
  margin-left: 5px;
}
.time-filter-wrapper.tf-view-table .zselectbox.empty-value .zselectbox__selected,
.time-filter-wrapper.tf-view-audit .zselectbox.empty-value .zselectbox__selected {
  display: none;
}
.time-filter-wrapper.tf-view-table .zselectbox.empty-value .zselectbox__icon.arrowicon,
.time-filter-wrapper.tf-view-audit .zselectbox.empty-value .zselectbox__icon.arrowicon {
  display: none;
}
/*Time filter css*/
/* JS Tree Overwrite Starts */
.tree-ui-1 {
  width: 250px;
  max-width: 250px;
  /* Solution module related JS tree Styles Start */
  /* Solution module related JS tree Styles End */
}
.tree-ui-1 ul.jstree-container-ul > li a.jstree-anchor {
  padding: 4px 0px 4px 5px;
}
.tree-ui-1 ul.jstree-container-ul > li i.jstree-icon {
  top: 0px !important;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
  margin: 3px 3px 0px 10px;
}
.tree-ui-1 ul.jstree-container-ul > li.jstree-closed > i.jstree-icon {
  background-position: -230px -513px !important;
  /* Not Needed in LTR */
}
.tree-ui-1 ul.jstree-container-ul > li.jstree-open > i.jstree-icon {
  background-position: -246px -513px !important;
}
.tree-ui-1 ul.jstree-children > li.jstree-closed > i.jstree-icon {
  background-position: -230px -513px !important;
  /* Not Needed in LTR */
}
.tree-ui-1 ul.jstree-children > li.jstree-open > i.jstree-icon {
  background-position: -246px -513px !important;
}
.tree-ui-1 .jstree-default .jstree-node {
  margin-left: 10px !important;
  /* Not Needed for LTR */
}
.tree-ui-1 .jstree-default .jstree-context {
  background-color: #ececec !important;
  /* #ececec */
  border: none !important;
  box-shadow: none !important;
}
.tree-ui-1 .jstree ul li a {
  height: auto;
  width: calc(100% - 40px);
  white-space: normal;
  word-break: break-all;
  position: relative;
  line-height: 1.5;
}
.tree-ui-1 .jstree-clicked {
  border: none;
  box-shadow: none !important;
  background-color: rgba(0, 141, 221, 0.1) !important;
  background-color: var(--primary_button_light_color, rgba(0, 141, 221, 0.1)) !important;
  color: #008ddd !important;
  color: var(--primary_button_color, #008ddd) !important;
}
.tree-ui-1 .jstree-default a {
  white-space: normal !important;
  height: auto;
}
.tree-ui-1 .jstree-anchor {
  height: auto !important;
}
.tree-ui-1 .jstree-default li > ins {
  vertical-align: top;
}
.tree-ui-1 .jstree-leaf {
  height: auto;
}
.tree-ui-1 .jstree-leaf a {
  height: auto !important;
}
.tree-ui-1 .jsnode {
  position: relative;
}
.tree-ui-1 .soltree-move .nodesettings:hover {
  visibility: hidden;
}
.tree-ui-1.solmovetree {
  max-width: unset;
}
.tree-ui-1.solmovetree .jstree-hovered:not(.tree-ui-1.solmovetree .jstree-clicked) {
  background: #f3f3f3 !important;
  /* #f3f3f3 */
  box-shadow: inherit !important;
}
.tree-ui-1.solmovetree .soltree-move {
  padding-left: 5px !important;
}
.tree-ui-1.solmovetree .jstree-clicked {
  background-color: rgba(0, 141, 221, 0.1) !important;
  background-color: var(--primary_button_light_color, rgba(0, 141, 221, 0.1)) !important;
}
/* Solution module related JS tree Styles Start */
.sol-list-view .nodesettings {
  visibility: hidden;
  transition: 1ms;
  position: absolute;
  right: 0px !important;
}
.sol-list-view .nodecount {
  color: #868686;
  /* #868686 */
  text-align: right !important;
  transition: 1ms all;
  visibility: visible;
  max-width: 50px;
}
.sol-list-view .nodesettings,
.sol-list-view .nodecount {
  padding: 0px 5px;
}
.sol-list-view .jstree-context .nodesettings {
  visibility: visible;
}
.sol-list-view .jstree-context .nodecount {
  visibility: hidden;
  min-width: 15px;
}
.sol-list-view .jstree-anchor:hover .nodesettings {
  visibility: visible;
}
.sol-list-view .jstree-anchor:hover .nodecount {
  visibility: hidden;
}
.sol-list-view .jstree-hovered:not(.tree-ui-1 .jstree-clicked) {
  background: #f3f3f3 !important;
  /* #f3f3f3 */
  box-shadow: inherit !important;
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input {
  font: inherit !important;
  width: 95.5% !important;
  height: 28px !important;
  letter-spacing: inherit !important;
  word-spacing: inherit !important;
  box-sizing: inherit !important;
  padding: 0px 5px !important;
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  padding: 4px 10px;
  font-size: var(--font-size-base);
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  border-radius: 1px;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  color: #000;
  padding: 1px 5px;
  border-color: #e6e6e6;
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input:-ms-input-placeholder {
  color: #999;
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input::-webkit-input-placeholder {
  color: #999;
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input::-ms-expand {
  background-color: transparent;
  border: 0;
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input[disabled],
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input[readonly],
fieldset[disabled] .sol-list-view .tree-ui-1 .jstree .jstree-rename-input {
  background-color: #eeeeee;
  opacity: 1;
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input[disabled],
fieldset[disabled] .sol-list-view .tree-ui-1 .jstree .jstree-rename-input {
  cursor: not-allowed;
}
textarea.sol-list-view .tree-ui-1 .jstree .jstree-rename-input {
  height: auto;
}
@media (min-width: 992px) {
  .sol-list-view .tree-ui-1 .jstree .jstree-rename-input {
    /*
		padding:2px 3px;
		height:(@line-height-computed + (@padding-base-vertical) + 2);
		*/
  }
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input.is-invalid {
  border-color: #a74f4f !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input.is-invalid:focus {
  border-color: #843f3f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cb9191;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cb9191;
}
.sol-list-view .tree-ui-1 .jstree .jstree-rename-input:focus {
  border: 1px solid var(--input_border_color, rgba(0, 141, 221, 0.7)) !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--input_border_shadow, rgba(0, 141, 221, 0.3));
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--input_border_shadow, rgba(0, 141, 221, 0.3));
}
.sol-list-view .tree-ui-1 .jstree .sol-jsnode-rename .jstree-anchor {
  width: calc(100% - 40px);
  background-color: transparent !important;
}
.sol-list-view .tree-ui-1 .jstree .sol-jsnode-rename .jstree-anchor.jstree-hovered {
  background: #f3f3f3 !important;
  /* #f3f3f3 */
}
.sol-list-view .tree-ui-1 .jstree .sol-jsnode-rename > .jstree-anchor > .disp-t {
  display: none;
}
.sol-list-view .jstree-node.jstree-hovered .nodecount {
  visibility: hidden;
}
.sol-list-view .jstree-node.sol-jsnode-rename > .jstree-anchor > .disp-t > .disp-c .nodecount,
.sol-list-view .jstree-node.sol-jsnode-rename > .jstree-anchor > .disp-t > .disp-c .nodesettings {
  visibility: hidden;
}
body.sol-context-menu .vakata-context {
  padding: 5px 0px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  z-index: 99;
  background-color: #FFF;
  /* #fff */
  text-shadow: none;
}
body.sol-context-menu .vakata-context li > a {
  padding-right: 35px !important;
  padding-left: 10px !important;
  text-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
body.sol-context-menu .vakata-context li:hover:not(.vakata-context-separator) > a {
  color: var(--link_tab_line_color, #008ddd);
  position: relative;
  background-color: #F1F1F1;
  /* #f1f1f1 */
}
body.sol-context-menu .vakata-context li.vakata-context-separator a {
  border-left: 0px;
}
body.sol-context-menu .vakata-context li.vakata-context-separator {
  padding: 8px 0;
}
body.sol-context-menu .vakata-contextmenu-sep {
  display: none !important;
}
body.sol-context-menu .vakata-context-separator > a {
  margin: 0 !important;
}
/* Solution module related JS tree Styles End */
/* JS tree unification styles 
     //Style for Tree with Folder Structure
*/
.jstree-folder-ovr.jstree-default .jstree-container-ul > li.jstree-node .jstree-icon.jstree-themeicon,
.jstree-folder-ovr.jstree-default .jstree-container-ul > li.jstree-node.jstree-closed .jstree-icon.jstree-ocl,
.jstree-folder-ovr.jstree-default .jstree-container-ul > li.jstree-node.jstree-open .jstree-icon.jstree-ocl {
  background-image: url('/images/ui-common-view.svg?14610');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.jstree-folder-ovr.jstree-default .jstree-container-ul > li.jstree-node .jstree-icon.jstree-themeicon {
  background-position: -386px -363px;
  width: 18px;
  height: 18px;
  margin-top: 3px;
}
.jstree-folder-ovr.jstree-default .jstree-container-ul > li.jstree-node .jstree-icon.jstree-ocl {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.jstree-folder-ovr.jstree-default .jstree-container-ul > li.jstree-node.jstree-leaf .jstree-icon.jstree-ocl {
  opacity: 0;
}
.jstree-folder-ovr.jstree-default .jstree-container-ul > li.jstree-node.jstree-open .jstree-children .jstree-node:not(.jstree-open, .jstree-closed) .jstree-icon.jstree-ocl {
  display: none;
}
.jstree-folder-ovr.jstree-default .jstree-container-ul > li.jstree-node.jstree-closed .jstree-icon.jstree-ocl {
  background-position: -230px -513px;
}
.jstree-folder-ovr.jstree-default .jstree-container-ul > li.jstree-node.jstree-open .jstree-icon.jstree-ocl {
  background-position: -246px -513px;
}
.jstree-folder-ovr.jstree-default .jstree-container-ul li.jstree-node.jstree-leaf .jstree-icon.jstree-themeicon {
  background-position: -395px -510px;
  width: 18px;
  height: 18px;
  opacity: 0.7;
  scale: 0.9;
}
.jstree-folder-ovr.jstree-default .jstree-container-ul li.jstree-node.jstree-leaf .jstree-icon.jstree-ocl {
  background: transparent;
}
.jstree-folder-ovr.jstree-default ul.jstree-children > li.jstree-node.jstree-closed > i.jstree-icon.jstree-ocl {
  background-position: -230px -513px;
  /* Not Needed in LTR */
}
.jstree-folder-ovr.jstree-default ul.jstree-children > li.jstree-node.jstree-open > i.jstree-icon.jstree-ocl {
  background-position: -246px -513px;
}
.jstree-folder-ovr.jstree-default ul.jstree-children li.jstree-node {
  margin-left: 17px;
}
.jstree-folder-ovr.jstree-default.jstree-icon,
.jstree-folder-ovr.jstree-default .jstree-node {
  background-image: none;
}
.jstree-folder-ovr.jstree-default .jstree-open > .jstree-children .jstree-node.jstree-leaf {
  margin-left: 35px;
}
.jstree-folder-ovr.jstree-default.jstree-rtl .jstree-node {
  /* Not Needed in LTR */
}
/* JS tree unification styles */
/* JS Tree Overwrite Ends */
/* JS tree unification styles 
    //Style for Tree without Folder Structure
*/
.tree-ui-ovw .jstree-default .jstree-container-ul .jstree-head-node {
  border-bottom: 1px solid #ebebec;
  background: #f7f9fa;
  margin: 0px !important;
  padding: 5px 0;
  position: relative;
}
.tree-ui-ovw .jstree-default .jstree-container-ul .jstree-head-node:hover {
  background: #F5F5F5;
}
.tree-ui-ovw .jstree-default .jstree-container-ul .jstree-head-node.active:before {
  content: '';
  border-left: 4px solid var(--link_tab_line_color);
  display: block;
  position: absolute;
  height: 34px;
  top: 0px;
}
.tree-ui-ovw .jstree-default .jstree-container-ul .jstree-head-node.active.jstree-closed:before,
.tree-ui-ovw .jstree-default .jstree-container-ul .jstree-head-node.jstree-no-child.active:before {
  height: 39px;
}
.tree-ui-ovw .jstree-default .jstree-container-ul .jstree-head-node.jstree-open {
  padding-bottom: 0;
}
.tree-ui-ovw .jstree-default .jstree-container-ul .jstree-head-node.jstree-open .jstree-children {
  background: #FFF;
}
.tree-ui-ovw .jstree-default .jstree-container-ul .jstree-head-node > .jstree-clicked,
.tree-ui-ovw .jstree-default .jstree-container-ul .jstree-head-node > .jstree-hovered {
  background: transparent;
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}
.tree-ui-ovw .jstree-default .jstree-container-ul .jstree-head-node .jstree-children .jstree-node {
  padding: 3px 0px;
}
.tree-ui-ovw .jstree-default .jstree-hovered {
  background: var(--primary_button_light_color);
}
/* JS tree unification styles */
.ab-main-blk .ssp-container {
  max-width: 1300px;
}
.ab-main-blk .widget-subhead {
  padding: 10px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ab-main-blk .widget-subhead .nbt {
  border-top: 0px;
}
.ab-main-blk .widget-subhead-blk {
  border-bottom: 1px solid #EEE;
  border-top: 1px solid #EEE;
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.ab-main-blk .widget-subhead-blk .truncate-ellipsis {
  width: CALC(100% - 115px);
}
.ab-main-blk .widget-details-highlight {
  position: relative !important;
}
.ab-main-blk .widget-details-highlight .btn-blk {
  position: absolute !important;
  right: 0px !important;
  visibility: hidden;
}
.ab-main-blk .widget-details-highlight:hover .btn-blk {
  visibility: visible;
}
.ab-main-blk .widget-details-highlight:hover a {
  color: #515151;
}
.ab-main-blk .multi-blk .li-blk {
  display: block;
  padding: 10px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ab-main-blk .multi-blk .li-blk.disabled {
  opacity: 0.5;
}
.ab-main-blk .multi-blk .divider-wid {
  border-top: 1px dashed #cccccc;
  padding-top: 10px !important;
}
.ab-main-blk .multi-blk .divider-wid .indent-text {
  margin-left: 65px;
}
.ab-main-blk .multi-blk .divider-wid .btn-blk {
  right: 12px !important;
}
.ab-main-blk .asst-img {
  width: 56px;
  height: 42px;
  overflow: hidden !important;
  position: relative !important;
  display: inline-block;
}
.ab-main-blk .asst-img .pspr {
  transform: scale(0.6);
  margin: -21px -17px;
}
.ab-main-blk .asst-img img {
  max-width: 90%;
  max-height: 90%;
  position: absolute !important;
  left: 30%;
  top: 30%;
  transform: translate(-30%, -30%);
}
.ab-main-blk .li-blk {
  position: relative;
}
.ab-main-blk button.btn {
  font-size: var(--font-size-xsmall);
  padding: 2px 8px;
}
.ab-sel-blk {
  line-height: 1.2;
  background: #FFF;
  height: 100%;
  border: 1px solid #cccccc;
  display: table;
}
.ab-sel-blk .ab-srch-blk {
  border: 1px solid #cccccc;
  border-radius: 5px;
  max-width: 800px;
  display: block;
  position: relative;
  margin-left: 0px;
  left: 17px;
  margin-bottom: 20px;
  height: 47px;
  box-sizing: border-box;
  white-space: nowrap;
}
.ab-sel-blk .ab-srch-blk .admin-searchicon {
  top: 17px;
  left: 10px !important;
}
.ab-sel-blk .ab-srch-blk.act {
  border-color: #6da9ed;
}
.ab-sel-blk .admin-searchrow {
  position: relative;
  height: 45px;
  background: #FFF;
  margin-top: 0px;
  border-radius: 5px;
}
.ab-sel-blk .admin-searchrow input {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 96%;
  line-height: 45px;
  padding: 6px 10px 6px 0;
  margin: 0px;
  border: 0;
  height: 45px;
  color: #000;
  outline: 0;
  -webkit-appearance: none;
  box-shadow: none;
  text-indent: 8px;
  font-size: var(--fs-14);
  direction: ltr;
}
.ab-sel-blk .admin-searchrow input:focus {
  box-shadow: none;
}
.ab-sel-blk .controls {
  background: #FFF;
}
.ab-sel-blk .admin-searchresult {
  width: 100%;
  top: 46px;
}
.ab-sel-blk .admin-searchresult a {
  cursor: var(--sdpcursor-pointer);
}
.ab-sel-blk .input-group-addon {
  padding: 4px 10px 3px;
}
.ab-rgt-frm {
  width: 545px;
  height: 100%;
  background: #fdfdfd;
  line-height: 1.2;
  display: table-cell;
  border-left: 1px solid #cccccc;
}
.ab-rgt-frm .controls {
  background: #fafafa;
}
.ab-rgt-frm .frm-blk {
  height: CALC(100% - 48px);
}
.ab-rgt-frm .frm-blk .form-group {
  margin-bottom: 10px;
}
.ab-rgt-frm .frm-blk .desc-row {
  margin-bottom: 10px;
}
.ab-rgt-frm .fbb {
  border-bottom: 1px solid #f5f5f5;
}
.ab-rgt-frm .submit-row {
  width: 545px;
  position: sticky;
  bottom: 0px;
  margin-top: 0px !important;
  z-index: 10;
}
.ab-listblk {
  position: relative;
  display: block;
  overflow: auto;
}
.ab-listblk .ab-li {
  width: 100%;
  border-top: 1px solid #cccccc;
}
.ab-listblk .ab-li .ab-li-inner {
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  padding: 10px;
  min-height: 50px;
  display: table;
  width: CALC(100% - 30px);
}
.ab-listblk .ab-li .spad-delete {
  top: 10px !important;
  visibility: hidden;
  z-index: 2;
  cursor: var(--sdpcursor-pointer);
  left: -10px;
}
.ab-listblk .ab-li:hover {
  background: #F5F5F5;
}
.ab-listblk .ab-li:hover .spad-delete {
  visibility: visible;
}
.ab-listblk .ab-li:hover .ab-li-inner {
  border-color: transparent;
}
.ab-listblk .ab-li:hover a {
  color: #1a6ebd;
}
.ab-listblk .ab-li.act {
  background: rgba(52, 129, 243, 0.1);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.ab-listblk .ab-li .ab-qt {
  width: 83px;
  min-height: 90px;
  display: table;
  float: right;
  text-align: right;
  padding-top: 10px;
}
.ab-listblk .ab-li .ab-qt input {
  width: 50px;
  margin-bottom: 4px;
  text-align: center;
  font-weight: bold;
}
.ab-listblk .ab-li .ab-qt p {
  display: block;
}
.ab-listblk .ab-li .ab-qt .count-status {
  font-size: var(--font-size-small);
  line-height: 20px;
  position: relative;
}
.ab-listblk .ab-li .ab-qt .count-status .cspr {
  position: absolute;
  left: 0px;
  transform: scale(0.7);
}
.ab-listblk .ab-li.ab-nw-ast {
  background: transparent;
}
.ab-listblk .ab-img-blk {
  width: 90px;
  height: 90px;
  position: relative;
  left: 4px;
  text-align: center;
  display: table-cell;
  vertical-align: top;
}
.ab-listblk .ab-img-blk span.pspr {
  position: relative;
  top: -4px;
  left: 4px;
}
.ab-listblk .ab-img-blk img {
  max-height: 80%;
  max-width: 80%;
}
.ab-listblk .ab-img-blk .block-bordered {
  height: 90px;
  border-color: #cccccc;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ab-listblk .ab-spec {
  width: 290px;
  min-height: 90px;
  float: left;
  padding-left: 20px;
  margin-left: 15px;
}
.ab-listblk .ab-spec > p {
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ab-listblk .ab-spec > p a {
  color: #000;
  font-size: var(--fs-14);
  white-space: nowrap;
}
.ab-listblk .ab-spec ul {
  padding-left: 0px;
  list-style: none;
  display: table;
  margin-bottom: 0px;
}
.ab-listblk .ab-spec ul li {
  margin-bottom: 0px;
}
.ab-listblk .ab-spec ul li p {
  left: -20px;
  position: relative;
  padding-left: 20px !important;
  margin-bottom: 0px;
  padding: 3px;
  display: inline-block;
  border-radius: 3px;
  padding-right: 5px;
  border: 1px solid transparent;
  cursor: var(--sdpcursor-pointer);
  line-height: 20px;
  color: #777777;
}
.ab-listblk .ab-spec ul li p:hover {
  background: transparent;
  border-color: #f2f2f2;
  color: #1a6ebd;
}
.ab-listblk .ab-spec ul li p:hover .close-red {
  visibility: visible;
}
.ab-listblk .ab-spec ul li p:hover .list-icon {
  visibility: hidden;
}
.ab-listblk .ab-spec ul li p .close-red {
  top: 8px;
  position: absolute;
  left: 4px;
  visibility: hidden;
  cursor: var(--sdpcursor-pointer);
}
.ab-listblk .ab-spec ul li span {
  display: inline-block;
  vertical-align: top;
  word-break: break-word;
}
.ab-listblk .ab-spec ul li span.ab-fltr-lab {
  width: 110px;
  display: inline-block;
}
.ab-listblk .ab-spec ul li span:last-child {
  max-width: 120px;
}
.ab-listblk .ab-spec .list-icon {
  font-size: var(--fs-25);
  position: absolute;
  top: 1px;
  left: 4px;
  color: #777777;
}
.ab-listblk a.btn {
  color: #515151;
}
.ab-li.ab-nw-ast {
  width: 545px;
  border-top: 1px solid #cccccc;
  position: sticky;
  bottom: 49px;
  z-index: 10;
}
.ab-li.ab-nw-ast .ab-li-inner {
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  padding: 10px;
  min-height: 50px;
  display: table;
  width: CALC(100% - 30px);
}
.ab-half-blk {
  position: relative;
  height: 100%;
  width: CALC(100vw - 545px);
  display: table-cell;
}
.ab-half-blk .ab-lg-vw {
  width: 100%;
  min-height: 200px;
  display: table;
}
.ab-half-blk .ab-lg-vw ul {
  list-style: none;
  padding: 0px;
  padding-right: 30px;
}
.ab-half-blk .ab-lg-vw ul li {
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  margin: 18px;
  width: 210px;
  height: 200px;
  position: relative;
  text-align: center;
  cursor: var(--sdpcursor-pointer);
}
.ab-half-blk .ab-lg-vw ul li:hover,
.ab-half-blk .ab-lg-vw ul li.act {
  box-shadow: 0px 0px 0px 1px #6da9ed;
}
.ab-half-blk .ab-lg-vw ul li:hover div.ab-img-blk .addtag {
  opacity: 1;
}
.ab-half-blk .ab-lg-vw ul li span {
  padding: 10px;
}
.ab-half-blk .ab-lg-vw ul li div.ab-img-blk {
  width: 100%;
  height: 162px;
  position: relative;
  display: block;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.ab-half-blk .ab-lg-vw ul li div.ab-img-blk .pspr {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.ab-half-blk .ab-lg-vw ul li div.ab-img-blk .service-req-icon {
  transform: scale(0.7);
  vertical-align: middle;
  top: -3px;
  position: relative;
}
.ab-half-blk .ab-lg-vw ul li div.ab-img-blk .addtag {
  background: #F5F5F5;
  padding-top: 5px;
  padding-bottom: 3px;
  font-size: var(--font-size-small);
  line-height: 18px;
  opacity: 0;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
}
.ab-half-blk .ab-lg-vw ul li p {
  border-top: 1px solid #f0f0f0;
  position: absolute;
  bottom: 1px;
  text-align: center;
  padding-top: 10px;
  left: 5px;
  right: 5px;
  color: #000;
  font-weight: bold;
  font-size: var(--font-size-medium);
  width: CALC(100% - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  padding-right: 10px;
}
.ab-half-blk .ab-lg-vw ul li.disabled span,
.ab-half-blk .ab-lg-vw ul li.disabled p,
.ab-half-blk .ab-lg-vw ul li.disabled img {
  opacity: 0.3;
}
.ab-half-blk .ab-lg-vw ul li.disabled .addtag {
  opacity: 1;
}
.ab-half-blk .ab-lg-vw ul li.disabled:hover {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.ab-half-blk .ab-lg-vw ul li img {
  max-height: 90%;
  max-width: 90%;
  position: absolute !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ab-half-blk.wsplit {
  width: CALC(100% - 545px) !important;
  float: left;
  border-right: 1px solid #cccccc;
}
.ab-rgt-popup {
  width: 360px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 11;
  background: #FFF;
}
.ab-rgt-popup .controls {
  border-bottom: 0px;
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  display: block !important;
}
.ab-rgt-popup .controls h4 {
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
}
.ab-rgt-popup .controls h4 .close3 {
  position: absolute;
  right: 0px;
  top: 4px;
  opacity: 0.5;
  cursor: var(--sdpcursor-pointer);
}
.ab-rgt-popup .ab-lst-scroll {
  padding: 15px;
  padding-top: 0px;
  position: relative;
  height: CALC(100% - 48px);
  overflow-y: auto;
}
.ab-lst-fltr h5 {
  background: #F5F5F5;
  padding: 10px !important;
  padding-left: 20px !important;
}
.ab-lst-fltr ul {
  padding-left: 20px;
  margin-bottom: 0px;
  list-style: none;
  max-height: 282px;
  overflow-y: auto;
}
.ab-lst-fltr ul li {
  margin-bottom: 10px;
}
.ab-lst-fltr .ab-lst-blk {
  margin-bottom: 10px;
}
.ab-lst-fltr .ab-lst-blk a {
  color: #1a6ebd;
}
.ab-lst-fltr .ab-lst-blk h5 a {
  display: none;
}
.ab-lst-fltr .ab-lst-blk:hover h5 a {
  display: block;
}
.ab-lst-fltr .ab-lst-blk li input {
  vertical-align: middle;
}
.ab-lst-fltr .ab-lst-blk li input[type="checkbox"] {
  top: -2px !important;
  right: 5px;
}
.ab-lst-fltr .ab-lst-blk li input[type="radio"] {
  top: -1px !important;
  right: 5px;
}
.ab-ast-blk {
  display: table;
  width: 100%;
  min-height: 20px;
  position: relative;
  line-height: 1.2;
}
.ab-ast-blk .ast-img-blk {
  width: 60px;
  height: 60px;
  display: inline-flex;
  border: 1px solid #cccccc;
  margin-right: 10px;
  text-align: center;
  position: relative;
  margin-left: 12px;
  justify-content: center;
  align-items: center;
}
.ab-ast-blk .ast-img-blk .pspr {
  transform: scale(0.6);
  margin: -21px -7px;
}
.ab-ast-blk .ast-img-blk img {
  max-height: 80%;
  max-width: 80%;
}
.ab-ast-blk .ast-txt-blk {
  display: inline-block;
  padding-left: 10px;
  vertical-align: top;
  width: CALC( 100% - 75px );
}
.ab-ast-blk .ast-txt-blk p.spec-blk {
  width: CALC( 100% - 160px );
  line-height: 1.5;
  margin-bottom: 0px;
  white-space: normal;
}
.ab-ast-blk .ast-txt-blk p.spec-blk span {
  vertical-align: top !important;
  word-break: break-word;
  border: 1px solid #E9E9E9;
  border-radius: 20px;
  margin-bottom: 8px;
  padding: 4px 15px;
  display: inline-block;
  font-size: var(--font-size-base);
  margin-right: 10px;
  top: -5px;
  position: relative;
  background: #FFF;
}
.ab-ast-blk .ast-txt-blk span.alert-danger {
  background: transparent;
  border: 0px;
  font-weight: bold;
}
.ab-ast-blk .ast-txt-blk .truncate-ellipsis {
  width: CALC( 100% - 230px );
}
.ab-ast-blk .ast-sel-blk {
  padding-top: 10px;
  border-top: 1px dashed #E9E9E9;
}
.ab-ast-blk .ast-sel-blk .txt-view .disp-ib p {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}
.ab-ast-blk .ab-lft-blk,
.ab-ast-blk .ab-rgt-blk {
  width: 362px;
  min-height: 20px;
  display: table;
  float: left;
  box-sizing: border-box;
  position: relative;
}
.ab-ast-blk .ab-lft-blk label.lab-tit,
.ab-ast-blk .ab-rgt-blk label.lab-tit {
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
}
.ab-ast-blk .ab-lft-blk {
  height: 472px;
  border-right: 1px solid #cccccc;
}
.ab-ast-blk .ab-lft-blk .moreLoad.text-link {
  text-decoration: none;
  cursor: var(--sdpcursor-pointer);
}
.ab-ast-blk .ab-lft-blk div.p10 {
  max-height: 440px;
  min-height: 372px;
  overflow: auto;
  box-sizing: border-box;
}
.ab-ast-blk .ab-lft-blk .expand-blk #moreAsset {
  display: none;
}
.ab-ast-blk .status-badge {
  border-width: 1px;
  font-size: var(--font-size-base);
  border-radius: 3px;
  top: 0px !important;
  z-index: 15;
  cursor: var(--sdpcursor-default);
}
.ab-ast-blk .close-red {
  left: -10px;
  top: 3px;
  position: absolute;
  opacity: 0;
  cursor: var(--sdpcursor-pointer);
}
.ab-split-blk .ast-sel-blk {
  border-top: 1px dashed #e1e1e1;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
}
.ab-set-blk {
  line-height: 1.2;
}
.ab-set-blk .ab-li-fil {
  width: 360px;
  display: inline-block !important;
  margin-right: 30px;
  vertical-align: top;
}
.ab-set-blk .ab-li-fil h5 {
  background: #F5F5F5;
  margin-bottom: 0px;
  margin-top: 0px;
  border-bottom: 1px solid #EEE;
  position: relative;
  padding: 0px !important;
}
.ab-set-blk .ab-li-fil h5 input {
  vertical-align: text-top;
}
.ab-set-blk .ab-li-fil h5 a.btn {
  border-radius: 3px;
  text-decoration: none;
  visibility: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.ab-set-blk .ab-li-fil h5:hover a.btn {
  visibility: visible;
}
.ab-set-blk .ab-li-fil h5 label {
  padding: 10px;
  display: block;
}
.ab-set-blk .ab-li-fil h5 .mandatory {
  width: 8px;
  display: inline-block !important;
}
.ab-set-blk .ab-li-fil ul {
  padding-left: 30px !important;
  margin-bottom: 0px;
  margin-left: 5px !important;
  list-style: none;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  display: none;
}
.ab-set-blk .ab-li-fil ul.act {
  display: block !important;
}
.ab-set-blk .ab-li-fil ul li {
  margin-bottom: 10px;
  padding-left: 10px;
}
.ab-set-blk .ab-li-fil ul li:last-child {
  margin-bottom: 0px;
}
.ui-dialog .ab-set-blk .ab-li-fil:last-child {
  margin-right: 0px;
}
.ui-dialog .ab-set-blk .ab-li-fil ul {
  display: block;
  list-style: none;
  padding-left: 10px !important;
  margin-left: 0px !important;
  padding-top: 10px !important;
}
.ui-dialog .ab-set-blk .ab-li-fil ul li input {
  vertical-align: middle;
}
.ui-dialog .ab-set-blk .ab-li-fil ul.ab-spec-preview {
  margin-left: -5px !important;
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 0px !important;
}
.ui-dialog .ab-set-blk h5 {
  padding: 10px !important;
}
.sdtab-content .ab-set-blk .ab-li-fil ul {
  padding-left: 30px !important;
  margin-bottom: 0px;
  margin-left: 5px !important;
  list-style: none;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  display: none;
}
.sdtab-content .ab-set-blk .ab-li-fil ul.ab-spec-preview {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 0px !important;
}
.ab-gen-blk {
  display: block;
  margin-bottom: 20px;
}
.ab-gen-blk .lef-blk {
  width: 300px;
  display: inline-block !important;
  vertical-align: middle;
}
.ab-gen-blk .rig-blk {
  display: inline-block !important;
  vertical-align: middle;
}
.ab-gen-blk .rig-blk .input-group {
  width: 90px;
}
.ab-gen-blk .rig-blk .input-group input {
  width: 40px;
  text-align: center;
}
.ab-reschedule .leftdiv {
  width: 500px;
  border-right: 1px solid #E9E9E9;
  position: relative;
}
.ab-reschedule .leftdiv .submit-row {
  width: 100%;
  position: absolute;
  bottom: 0px;
}
.ab-reschedule .leftdiv textarea#reschedule-comment {
  resize: none;
}
.ab-reschedule .rightdiv {
  width: 250px;
  vertical-align: top;
}
.ab-reschedule .rightdiv .new-header {
  border-bottom: 1px solid #E9E9E9;
}
.ab-reschedule .rightdiv .loan-ast-det {
  max-height: 350px;
  min-height: 385px;
  padding-top: 10px;
}
.ab-reschedule .rightdiv .loan-ast-det .ab-ast-blk {
  border-bottom: 1px solid #E9E9E9;
}
.ab-reschedule .rightdiv .loan-ast-det .ab-ast-blk .ast-img-blk {
  width: 38px;
  height: 40px;
  margin-left: 6px;
  vertical-align: middle;
  border-color: transparent;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ab-reschedule .rightdiv .loan-ast-det .ab-ast-blk .ast-img-blk .pspr {
  transform: scale(0.3);
  margin: -18px -22px;
}
.ab-reschedule .rightdiv .loan-ast-det .ab-ast-blk .ast-txt-blk {
  vertical-align: text-top;
  width: CALC( 100% - 70px );
  color: #515151;
  max-width: 170px;
  padding-left: 0px;
}
.ab-reschedule .rightdiv .loan-ast-det .ab-ast-blk .spec-list {
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 18px;
}
.ab-reschedule .rightdiv .loan-ast-det .ab-ast-blk .spec-list span {
  margin-bottom: 5px;
  padding: 2px 0px;
  display: inline-block;
  font-size: var(--font-size-base);
  margin-right: 4px;
}
.ab-reschedule .rightdiv .loan-ast-det .ab-ast-blk .spec-list .text-muted {
  color: #777777;
}
.ab-reschedule .input-group-addon {
  padding: 4px 10px 3px;
}
.asset-loan-table .tc-row:hover .close-red {
  opacity: 1;
}
.ab-alert-popup {
  position: absolute;
  max-width: 500px;
  margin-left: -250px;
  left: 50%;
  top: -7px;
}
.purpose-edit {
  width: 300px;
}
.purpose-edit .failure {
  opacity: 0.5;
}
.purpose-edit input {
  width: 70%;
  margin-right: 0px !important;
}
.purpose-edit button {
  padding: 0px;
}
.ab-pur-list .tc-row .edit2 {
  opacity: 0;
}
.ab-pur-list .tc-row:hover .edit2 {
  opacity: 1;
}
.ab-pur-list .tc-row p {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0px;
}
.max-hgt {
  max-height: 175px;
}
.sftable table.tableComponent.alter tbody td:nth-child(1) .d_w,
.sftable table.tableComponent.alter thead th:nth-child(1) .d_w {
  width: auto;
  text-align: left !important;
}
#bookingsDet_kanban_div .disp-ib.mright40 {
  width: 100%;
  margin-right: 10px !important;
}
#bookingsDet_kanban_div .disp-ib.text-overflow {
  width: 100%;
}
#bookingsDet_kanban_div .tc-row .close-red {
  opacity: 0;
}
#bookingsDet_kanban_div .tc-row:hover .close-red {
  opacity: 1;
}
#bookingsDet_kanban_div .col-xs-1 {
  width: 40px !important;
}
#bookingsDet_kanban_div .col-xs-11 {
  width: CALC( 100% - 40px );
}
.abdetail-header {
  border-top: 1px solid #E9E9E9;
  background: #F5F5F5;
}
.abdetail-header span.pl10 {
  padding-left: 18px !important;
}
#assetDetailPage .h3 {
  padding: 10px 15px 0;
  background: #F1F1F1;
}
#assetDetailPage .h3 button.btn-default {
  padding: 3px 10px;
}
#assetDetailPage .action-go-back {
  padding: 3px 8px 0px;
  line-height: initial;
}
#asset-settings-section .listcontrols {
  border-bottom: 1px solid #cccccc;
}
#asset-settings-section .cv-task-item {
  padding: 15px;
  display: block;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
#reschedule .input-group-addon {
  padding: 4px 10px 3px;
}
#reschedule textarea#reschedule-comment {
  resize: none;
}
#purposeconfig_div .tc-row .row {
  padding-bottom: 10px !important;
}
#purposeconfig_div .tc-row .row .col-xs-10 .k_div {
  margin-top: 10px !important;
}
#purposeconfig_div .tc-row .row .col-xs-10 .k_div [id*="purparent_"] {
  top: 4px;
  position: relative;
}
#bookings_body tr td:first-child {
  padding-left: 10px !important;
}
#cancelPopup textarea {
  resize: none;
}
#booking_details_tab .btn-white2[disabled] {
  cursor: var(--sdpcursor-not-allowed);
  background-color: #FFF;
}
/* $Id$ */
/*Multiselect css*/
/**spd-multi-select.css **/
@keyframes addItem {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes removeItem {
  0% {
    opacity: 1;
    overflow: hidden;
  }
  90% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.5;
    min-width: 0;
    max-width: 0;
    width: 0;
    overflow: hidden;
    padding: 0;
  }
}
@keyframes FadeOut {
  0% {
    max-height: 34px;
  }
  10% {
    color: #208900;
  }
  70% {
    color: #4dbb2b;
    max-height: 34px;
  }
  100% {
    max-height: 0;
  }
}
.sdp-multi-select-container {
  position: relative;
  width: 100%;
}
.sdp-multi-select-container * {
  box-sizing: border-box;
}
.sdp-multi-select-container .sdp-multi-select-menu {
  position: absolute;
  width: 100%;
  z-index: 111;
  margin-top: -1px;
  text-align: left;
  box-shadow: var(--half-gray-50) 0 0 10px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  display: none;
  opacity: 0;
}
.sdp-multi-select-container .sdp-multi-select {
  text-align: left;
  padding: 5px 5px 0px 5px;
  color: var(--elephant-gray-70);
  background-color: var(--white);
  box-shadow: inset 0px 2px 3px 0px var(--shadow-lite);
  border: 1px solid var(--ash-gray-40);
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  min-height: 32px;
  user-select: none;
  border-radius: 3px;
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: var(--fs-13);
  color: var(--black);
  display: inline;
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value .tooltip.pos-fix.align-right.align-top:after,
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value .tooltip.pos-fix.align-top:after {
  top: unset;
  bottom: -7px;
  transform: rotate(221deg);
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value li:not(.add-button-li) {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  border-style: solid;
  border-width: 0px 0px 0px 4px;
  min-width: 140px;
  color: var(--black);
  padding: 0;
  border-radius: 2px;
  cursor: var(--sdpcursor-pointer);
  font-size: var(--fs-13);
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  box-shadow: 0px 0px 4px var(--ash-gray-40);
  margin: 5px;
  background: var(--white);
  padding-right: 20px;
  overflow: hidden;
  z-index: 0;
  margin-left: 0;
  margin-right: 10px;
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value li:not(.add-button-li):hover {
  overflow: inherit;
  z-index: 99;
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value li:not(.add-button-li).zoomIn1 {
  animation: addItem 0.65s;
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value li:not(.add-button-li).zoomout1 {
  animation: removeItem 0.3s linear;
  animation-fill-mode: forwards;
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value li:not(.add-button-li).zoomout1 .tooltip {
  display: none;
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value li:not(.add-button-li).zoomout1 em {
  display: none;
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value li em {
  font-style: normal;
  color: var(--elephant-gray-70);
  cursor: var(--sdpcursor-pointer);
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: center;
  line-height: 31px;
  width: 20px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: -256px -412px;
  opacity: 0.5;
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value li em:hover {
  opacity: 1;
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value li.sdp-users-search.sdp-users[data-disable="true"] {
  cursor: var(--sdpcursor-default);
}
.sdp-multi-select-container .sdp-multi-select .sdp-multi-value li.sdp-users-search.sdp-users[data-disable="true"] em {
  display: none;
}
.sdp-multi-select-container .sdp-multi-select span.tooltip-header.resultname {
  text-align: left;
  font-size: var(--fs-13);
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--pale-gray-30);
  display: block;
}
.sdp-multi-select-container .sdp-multi-select span.tooltip-header.resultname span {
  max-width: 50%;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  white-space: initial;
  text-overflow: ellipsis;
  word-break: break-word;
}
.sdp-multi-select-container .sdp-multi-select .sdp-users .select-text:hover ~ .tooltip {
  opacity: 1;
  height: auto;
  width: auto;
  transition: opacity 0.3s ease;
  transition-delay: 0.5s;
  visibility: visible;
  margin: 0;
  padding: 0;
}
.sdp-multi-select-container .sdp-multi-select .userselect .m5.desc {
  border: 0;
  padding: 0;
}
.sdp-multi-select-container .sdp-multi-select span.orgCategory {
  padding: 0px 10px;
  border-left: 1px solid var(--ash-gray-40);
  margin: 0px 10px;
}
.sdp-multi-select-container .sdp-multi-select span.common-category {
  padding: 0px 10px;
  border-left: 1px solid var(--ash-gray-40);
  margin: 0px 10px;
}
.sdp-multi-select-container .sdp-multi-checkbox-prim {
  position: absolute;
  left: -9999px;
  height: 0;
  width: 0;
  min-height: 0;
  min-width: 0;
  opacity: 0;
}
.sdp-multi-select-container .sdp-multi-checkbox-prim:checked ~ .sdp-multi-select-menu {
  display: block;
  background-color: var(--white);
  margin-top: -5px;
  transition: all 0.1s ease-in-out;
  opacity: 1;
  z-index: 9;
}
.sdp-multi-select-container .sdp-multi-checkbox-prim:checked + .sdp-multi-select li.add-button-li {
  border: none;
  position: relative;
  top: 0px;
  max-height: none;
  padding: 0;
}
.sdp-multi-select-container .sdp-multi-checkbox-prim:checked + .sdp-multi-select li.add-button-li .add-btn {
  background: var(--silver-grey-20);
  height: 30px;
  box-shadow: var(--shadow-lite) -1px -1px 4px;
  border-color: var(--transparent);
}
.sdp-multi-select-container .sdp-multi-checkbox-prim:checked + .sdp-multi-select li.add-button-li a.plus-icon {
  transform: rotate(45deg);
}
.sdp-multi-select-container .sdp-multi-select-div {
  display: none;
  border: 1px solid var(--ash-gray-40);
  margin: 0px 10px 10px 10px;
  position: relative;
}
.sdp-multi-select-container .sdp-multi-select-div:after {
  clear: both;
  display: block;
}
.sdp-multi-select-container .sdp-multi-select-div:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 20px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-position: -11px -601px;
  display: none;
}
.sdp-multi-select-container .sdp-multi-select-options {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.sdp-multi-select-container .sdp-multi-select-item {
  box-sizing: border-box;
  font-weight: bold;
  color: var(--black);
  font-size: var(--fs-13);
  border-right: 1px solid var(--pale-gray-30);
  border-bottom: 1px solid var(--pale-gray-30);
}
.sdp-multi-select-container .sdp-multi-select-item:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.sdp-multi-select-container .sdp-multi-select-item label {
  display: block;
  padding: 10px;
  cursor: var(--sdpcursor-pointer);
}
.sdp-multi-select-container .sdp-multi-select-item label:before {
  background-image: url("/images/ui-common-view.svg?15110");
  background-position: -221px -8px;
  transform: rotate(270deg);
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.sdp-multi-select-container .sdp-users-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-users-search .tooltip .userselect {
  border-left: 4px solid var(--lawn-green);
}
.sdp-multi-select-container .sdp-users-search .tooltip .resultname {
  color: var(--lawn-green);
}
.sdp-multi-select-container .sdp-users-search .tooltip .resultname span {
  color: var(--lawn-green);
}
.sdp-multi-select-container .sdp-groups-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-groups-search .tooltip .userselect {
  border-left: 4px solid var(--airborne-blue);
}
.sdp-multi-select-container .sdp-groups-search .tooltip .resultname {
  color: var(--airborne-blue);
}
.sdp-multi-select-container .sdp-groups-search .tooltip .resultname span {
  color: var(--airborne-blue);
}
.sdp-multi-select-container .sdp-roles-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-roles-search .tooltip .userselect {
  border-left: 4px solid var(--cinnabar-red);
}
.sdp-multi-select-container .sdp-roles-search .tooltip .resultname {
  color: var(--cinnabar-red);
}
.sdp-multi-select-container .sdp-roles-search .tooltip .resultname span {
  color: var(--cinnabar-red);
}
.sdp-multi-select-container .sdp-custom-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-custom-search .tooltip .userselect {
  border-left: 4px solid var(--purple);
}
.sdp-multi-select-container .sdp-custom-search .tooltip .resultname {
  color: var(--purple);
}
.sdp-multi-select-container .sdp-custom-search .tooltip .resultname span {
  color: var(--purple);
}
.sdp-multi-select-container .sdp-custom1-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-custom1-search .tooltip .userselect {
  border-left: 4px solid var(--naval-blue);
}
.sdp-multi-select-container .sdp-custom1-search .tooltip .resultname {
  color: var(--naval-blue);
}
.sdp-multi-select-container .sdp-custom1-search .tooltip .resultname span {
  color: var(--naval-blue);
}
.sdp-multi-select-container .sdp-custom2-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-custom2-search .tooltip .userselect {
  border-left: 4px solid var(--bamboo-brown);
}
.sdp-multi-select-container .sdp-custom2-search .tooltip .resultname {
  color: var(--bamboo-brown);
}
.sdp-multi-select-container .sdp-custom2-search .tooltip .resultname span {
  color: var(--bamboo-brown);
}
.sdp-multi-select-container .sdp-custom3-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-custom3-search .tooltip .userselect {
  border-left: 4px solid var(--turquoise);
}
.sdp-multi-select-container .sdp-custom3-search .tooltip .resultname {
  color: var(--turquoise);
}
.sdp-multi-select-container .sdp-custom3-search .tooltip .resultname span {
  color: var(--turquoise);
}
.sdp-multi-select-container .sdp-users-groups-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-users-groups-search .tooltip .userselect {
  border-left: 4px solid var(--faux-blue);
}
.sdp-multi-select-container .sdp-users-groups-search .tooltip .resultname {
  color: var(--faux-blue);
}
.sdp-multi-select-container .sdp-users-groups-search .tooltip .resultname span {
  color: var(--faux-blue);
}
.sdp-multi-select-container .sdp-department-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-department-search .tooltip .userselect {
  border-left: 4px solid var(--citrus-green);
}
.sdp-multi-select-container .sdp-department-search .tooltip .resultname {
  color: var(--citrus-green);
}
.sdp-multi-select-container .sdp-department-search .tooltip .resultname span {
  color: var(--citrus-green);
}
.sdp-multi-select-container .sdp-cab-users-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-cab-users-search .tooltip .userselect {
  border-left: 4px solid var(--blue-violet);
}
.sdp-multi-select-container .sdp-cab-users-search .tooltip .resultname {
  color: var(--blue-violet);
}
.sdp-multi-select-container .sdp-cab-users-search .tooltip .resultname span {
  color: var(--blue-violet);
}
.sdp-multi-select-container .sdp-email-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-email-search .tooltip .userselect {
  border-left: 4px solid var(--yellowish-green);
}
.sdp-multi-select-container .sdp-change-role-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-change-role-search .tooltip .userselect {
  border-left: 4px solid var(--rust-red);
}
.sdp-multi-select-container .sdp-change-role-search .tooltip .resultname {
  color: var(--rust-red);
}
.sdp-multi-select-container .sdp-change-role-search .tooltip .resultname span {
  color: var(--rust-red);
}
.sdp-multi-select-container .sdp-sites-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-multi-select-container .sdp-sites-search .tooltip .userselect {
  border-left: 4px solid var(--dark-yellowish-brown);
}
.sdp-multi-select-container .sdp-sites-search .tooltip .resultname {
  color: var(--dark-yellowish-brown);
}
.sdp-multi-select-container .sdp-sites-search .tooltip .resultname span {
  color: var(--dark-yellowish-brown);
}
.sdp-multi-select-container .sdp-multi-select-item.selected .sdp-multi-select-div {
  display: block;
  background-color: var(--white);
}
.sdp-multi-select-container .sdp-multi-select-item.selected label:before {
  background-position: -221px -8px;
  transform: rotate(0deg);
  margin-top: -3px;
}
.sdp-multi-select-container .item-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  overflow: auto;
  max-height: 200px;
  position: relative;
  border-top: 1px solid var(--baby-white);
}
.sdp-multi-select-container .item-list li.has-item > a {
  text-decoration: none;
  color: var(--black);
  display: block;
  padding: 8px 15px 8px 25px;
  font-weight: normal;
  position: relative;
  outline: none;
  padding-right: 30px;
}
.sdp-multi-select-container .item-list li.has-item.has-org-subitem[data-only-child="true"] > a {
  display: none;
}
.sdp-multi-select-container .item-list > li.selected > a {
  background-color: var(--theme-selection-bg);
  color: var(--theme-color);
}
.sdp-multi-select-container .item-list li.selected.opened a.org-role-item {
  background-color: var(--white);
}
.sdp-multi-select-container .item-list li.selected a .nxt-level {
  background-color: var(--airborne-blue);
  color: var(--white);
}
.sdp-multi-select-container .item-list li.animate-selected a {
  color: inherit;
}
.sdp-multi-select-container .search-item {
  width: calc(100% - 24px);
  padding: 2px 4px;
  padding-right: 20px;
  box-shadow: none;
  height: 30px;
  padding-left: 10px;
  margin: 15px 12px 15px 12px;
  border: 1px solid var(--ash-gray-40);
  border-radius: 2px;
  background: var(--white);
  color: var(--black);
}
.sdp-multi-select-container li.org-category-head {
  cursor: var(--sdpcursor-default);
}
.sdp-multi-select-container .sdp-multi-select-div.searching:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 20px;
  background-image: url("/images/select2-spinner.gif");
  background-position: top right;
}
.sdp-multi-select-container .sdp-multi-select-div.searching a.search {
  display: none;
}
.sdp-multi-select-container input[type="text"].search-item:focus {
  border: 1px solid var(--theme-input-focus);
  outline: none;
  transition: border linear 0.2s;
}
.sdp-multi-select-container .desc:not(:empty) {
  border-top: 1px solid var(--ash-gray-40);
  padding-top: 5px;
  max-width: 100%;
  white-space: normal;
  line-height: 23px;
}
.sdp-multi-select-container li.no-item {
  font-size: var(--fs-14);
  font-weight: normal;
  padding: 20px 10px;
  text-align: center;
}
.sdp-multi-select-container .sdp-users .tooltip::after {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  content: "";
  box-sizing: border-box;
  background: var(--white);
  background-position: -313px -684px;
  top: -6px;
  margin-left: 15px;
  z-index: 9;
  transform: rotate(44deg);
  box-shadow: -2px -2px 2px 0px var(--pale-gray-30);
}
.sdp-multi-select-container .sdp-users .tooltip.align-right {
  right: 0;
  left: auto;
}
.sdp-multi-select-container .sdp-users .tooltip.align-right:after {
  right: 0;
  margin-right: 20px;
}
.sdp-multi-select-container .sdp-org-roles-search .tooltip .userselect {
  border-left: 4px solid var(--orange);
}
.sdp-multi-select-container .sdp-org-roles-search .tooltip .resultname {
  color: var(--orange);
}
.sdp-multi-select-container .sdp-org-roles-search .tooltip .resultname span {
  color: var(--orange);
}
.sdp-multi-select-container .sdp-technicians-search .tooltip .userselect {
  border-left: 4px solid var(--faux-blue);
}
.sdp-multi-select-container .sdp-technicians-search .tooltip .resultname {
  color: var(--faux-blue);
}
.sdp-multi-select-container .sdp-technicians-search .tooltip .resultname span {
  color: var(--faux-blue);
}
.sdp-multi-select-container .sdp-requesters-search .tooltip .userselect {
  border-left: 4px solid var(--dark-yellowish-brown);
}
.sdp-multi-select-container .sdp-requesters-search .tooltip .resultname {
  color: var(--dark-yellowish-brown);
}
.sdp-multi-select-container .sdp-requesters-search .tooltip .resultname span {
  color: var(--dark-yellowish-brown);
}
.sdp-multi-select-container .sdp-release-role-search .tooltip .userselect {
  border-left: 4px solid var(--rust-red);
}
.sdp-multi-select-container .sdp-release-role-search .tooltip .resultname {
  color: var(--rust-red);
}
.sdp-multi-select-container .sdp-release-role-search .tooltip .resultname span {
  color: var(--rust-red);
}
.sdp-multi-select-container .userselect {
  min-width: 400px;
  padding: 10px;
  background: var(--white);
  box-shadow: 0 1px 7px var(--ash-gray-40);
  box-sizing: border-box;
  border-radius: 3px;
  color: var(--elephant-gray-70);
}
.sdp-multi-select-container .userselect .head > span {
  font-size: var(--fs-14) !important;
  color: var(--black);
  display: block;
  max-width: 100%;
  white-space: normal;
  text-align: left;
}
.sdp-multi-select-container .srch-bold {
  font-weight: bold;
}
.sdp-multi-select-container .searchcontent {
  vertical-align: top;
  font-size: var(--fs-12);
  color: var(--black);
}
.sdp-multi-select-container .searchcontent > span {
  display: block;
  margin-bottom: 6px;
}
.sdp-multi-select-container .userdetails {
  width: calc(100% - 45px);
  display: inline-block;
  vertical-align: top;
  color: var(--black);
  font-size: var(--fs-13);
  height: auto;
  box-shadow: none;
  position: static;
}
.sdp-multi-select-container .userdetails > span {
  display: block;
  margin-bottom: 6px;
  text-align: left;
}
.sdp-multi-select-container .userdetails div {
  text-align: left;
}
.sdp-multi-select-container .tooltip {
  position: absolute;
  opacity: 0;
  transition: opacity 1s;
  top: 34px;
  left: -5px;
  background-color: var(--white);
  z-index: 9999;
  visibility: hidden;
}
.sdp-multi-select-container .tooltip .userselect {
  min-width: 320px;
}
.sdp-multi-select-container .tooltip .user-dept-details {
  display: block;
  min-height: 50px;
  background: var(--silver-grey-20);
  margin: 5px -10px -10px -10px;
  border-top: 1px solid var(--pale-gray-30);
  box-sizing: border-box;
  padding: 0px 15px;
  text-align: left;
}
.sdp-multi-select-container .tooltip .user-dept-details .user-dept-info-div {
  height: 100%;
  display: inline-block;
  vertical-align: top;
  max-width: 48%;
  box-sizing: border-box;
}
.sdp-multi-select-container .tooltip .user-dept-details .user-dept-info-div label {
  display: block;
  padding-top: 7px;
  font-size: var(--fs-11);
  color: var(--half-gray-50);
}
.sdp-multi-select-container .tooltip .user-dept-details .user-dept-info-div span {
  padding-top: 2px;
  color: var(--black);
}
.sdp-multi-select-container .tooltip .user-dept-info-div.site {
  position: relative;
  padding-left: 60px;
}
.sdp-multi-select-container .tooltip .user-dept-info-div.site:after {
  opacity: 0.5;
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 22px;
  top: 15px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  width: 20px;
  height: 23px;
  background-position: -155px -360px;
  transform: scale(0.8) rotate(180deg);
}
.sdp-multi-select-container .tooltip .user-dept-info-div.site:before {
  left: 16px;
}
.sdp-multi-select-container .select-text {
  max-width: 400px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  line-height: 19px;
  height: inherit;
  padding: 3px 6px;
  width: 100%;
  margin: 0;
  cursor: var(--sdpcursor-default);
}
.sdp-multi-select-container .usr_pro {
  height: 35px;
  width: 35px;
  max-height: 35px;
  max-width: 35px;
  border-radius: 35px 35px 35px 35px;
  -webkit-border-radius: 35px 35px 35px 35px;
  -moz-border-radius: 35px 35px 35px 35px;
  margin-right: 10px;
}
.sdp-multi-select-container .Darkcolor {
  color: var(--charcoal-blue);
  font-weight: bold;
}
.sdp-multi-select-container .user-popup-img {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  display: inline-block;
}
.sdp-multi-select-container .nxt-level {
  float: right;
  font-weight: bold;
  width: 28px;
  height: 28px;
  color: var(--black);
  text-align: center;
  cursor: var(--sdpcursor-pointer);
  margin-top: -5px;
  padding: 6px 0;
  border-radius: 0px 3px 3px 0;
}
.sdp-multi-select-container .accessor-icon {
  padding: 2px 4px;
}
.sdp-multi-select-container .sdp-org-roles-search.sdp-users {
  background: var(--white);
  border-color: var(--orange);
}
.sdp-multi-select-container .sdp-multi-value .sdp-org-roles-search .Darkcolor {
  max-width: 240px;
  text-align: left;
}
.sdp-multi-select-container .sdp-multi-value .add-button-li {
  display: inline-block;
  margin: 5px;
  border-radius: 2px;
  margin-left: 5px;
  height: 26px;
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 10px;
  vertical-align: top;
}
.sdp-multi-select-container a.plus-icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin: 0px 0px 0px 5px;
  background-position: -205px -448px;
}
.sdp-multi-select-container .search.icon {
  display: none;
}
.sdp-users-search {
  border-color: var(--lawn-green);
}
.sdp-org-roles-search {
  border-color: var(--orange);
}
.sdp-org-roles-search .item-list li.has-item ul {
  max-height: 0px;
  overflow: hidden;
  transition: 0.3s all ease;
}
a.open-sub-item.sdp-org-roles-search .item-list li.has-item + ul {
  max-height: 280px;
  transition: 0.3s all ease;
  border-bottom: 1px solid var(--pale-gray-30);
  background: var(--silver-grey-20);
}
.sdp-org-roles-search .item-list li.has-item[data-only-child="true"] ul {
  max-height: none;
}
.sdp-org-roles-search .org-sub-items {
  padding: 0;
  margin: 0;
  font-size: var(--fs-12);
  font-weight: normal;
  color: inherit;
  text-transform: capitalize;
}
.sdp-org-roles-search .org-sub-items li a {
  padding: 8px 25px;
  color: var(--black);
  display: block;
  text-decoration: none;
}
.sdp-org-roles-search .org-role-item.org-role-has-subitem:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  top: 9px;
  right: 5px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  transition: 0.3s all ease-in-out;
  background-image: url(/images/ui-common-view.svg?15110);
  background-position: -227px -510px;
  vertical-align: middle;
}
.sdp-org-roles-search .org-role-item.org-role-has-subitem.open-sub-item {
  outline: none;
  background: var(--silver-grey-20);
  border-bottom: 1px solid var(--pale-gray-30);
}
.sdp-org-roles-search .org-role-item.org-role-has-subitem.open-sub-item:after {
  transform: rotate(90deg);
  transition: 0.3s all ease-in-out;
  top: 11px;
}
.sdp-org-roles-search ul.org-sub-items li:hover {
  background: var(--silver-grey-20);
  cursor: var(--sdpcursor-pointer);
}
.sdp-org-roles-search ul.org-sub-items li.org-sub-selected {
  background: var(--silver-grey-20);
  cursor: var(--sdpcursor-pointer);
}
.sdp-groups-search {
  border-color: var(--airborne-blue);
}
.sdp-roles-search {
  border-color: var(--cinnabar-red);
}
.sdp-change-role-search {
  border-color: var(--rust-red);
}
.sdp-release-role-search {
  border-color: var(--rust-red);
}
.sdp-custom-search {
  border-color: var(--purple);
}
.sdp-custom1-search {
  border-color: var(--naval-blue);
}
.sdp-custom2-search {
  border-color: var(--bamboo-brown);
}
.sdp-custom3-search {
  border-color: var(--turquoise);
}
.sdp-users-groups-search {
  border-color: var(--faux-blue);
}
.sdp-technicians-search {
  border-color: var(--faux-blue);
}
.sdp-department-search {
  border-color: var(--citrus-green);
}
.sdp-requesters-search {
  border-color: var(--dark-yellowish-brown);
}
.sdp-sites-search {
  border-color: var(--dark-yellowish-brown);
}
.sdp-cab-users-search {
  border-color: var(--blue-violet);
}
.sdp-email-search {
  border-color: var(--yellowish-green);
}
.actionAfter li.sdp-users-search {
  border-color: var(--lawn-green);
}
.actionAfter li.sdp-users-search:hover {
  border-color: var(--lawn-green);
}
.actionAfter li.sdp-org-roles-search {
  border-color: var(--orange);
}
.actionAfter li.sdp-org-roles-search:hover {
  border-color: var(--orange);
}
.actionAfter li.sdp-groups-search {
  border-color: var(--airborne-blue);
}
.actionAfter li.sdp-groups-search:hover {
  border-color: var(--airborne-blue);
}
.actionAfter li.sdp-roles-search {
  border-color: var(--cinnabar-red);
}
.actionAfter li.sdp-roles-search:hover {
  border-color: var(--cinnabar-red);
}
.actionAfter li.sdp-custom-search {
  border-color: var(--purple);
}
.actionAfter li.sdp-custom-search:hover {
  border-color: var(--purple);
}
.actionAfter li.sdp-custom1-search {
  border-color: var(--naval-blue);
}
.actionAfter li.sdp-custom1-search:hover {
  border-color: var(--naval-blue);
}
.actionAfter li.sdp-custom2-search {
  border-color: var(--bamboo-brown);
}
.actionAfter li.sdp-custom2-search:hover {
  border-color: var(--bamboo-brown);
}
.actionAfter li.sdp-custom3-search {
  border-color: var(--turquoise);
}
.actionAfter li.sdp-custom3-search:hover {
  border-color: var(--turquoise);
}
.actionAfter li.sdp-users-groups-search {
  border-color: var(--faux-blue);
}
.actionAfter li.sdp-users-groups-search:hover {
  border-color: var(--faux-blue);
}
.actionAfter li.sdp-department-search {
  border-color: var(--citrus-green);
}
.actionAfter li.sdp-department-search:hover {
  border-color: var(--citrus-green);
}
.actionAfter li.sdp-sites-search {
  border-color: var(--dark-yellowish-brown);
}
.actionAfter li.sdp-sites-search:hover {
  border-color: var(--dark-yellowish-brown);
}
.actionAfter li.sdp-cab-users-search {
  border-color: var(--blue-violet);
}
.actionAfter li.sdp-cab-users-search:hover {
  border-color: var(--blue-violet);
}
.actionAfter li.sdp-email-search {
  border-color: var(--yellowish-green);
}
.actionAfter li.sdp-email-search:hover {
  border-color: var(--yellowish-green);
}
.actionAfter .sdp-multi-select-container {
  min-width: 300px;
  max-width: 300px;
}
.actionAfter .sdp-multi-select-container .sdp-multi-select {
  max-height: 135px;
  overflow: auto;
  width: 100%;
  padding: 0px 0px 0px 7px;
}
.actionAfter .sdp-multi-select-container .sdp-multi-select .sdp-multi-value li.sdp-users {
  min-width: auto;
}
.actionAfter .sdp-multi-select-container label.sdp-multi-select {
  width: 100%;
}
.actionAfter .sdp-multi-select-container .placeholder {
  max-width: 219px;
  display: inline-block;
}
.actionAfter .sdp-multi-select-container li {
  border-width: 0px;
  padding: 0px;
  background: var(--white);
}
.actionAfter .sdp-multi-select-container li:hover {
  border-width: 0px;
  padding: 0px;
}
.actionAfter .sdp-multi-select-container .item-list li {
  margin: 0px;
}
.actionAfter .sdp-multi-select-container .sdp-multi-select-menu {
  margin-bottom: 10px;
}
.actionAfter .sdp-users {
  overflow: hidden !important;
}
.sdp-multi-select-item.sdp-org-roles-search {
  border-style: solid;
  border-width: 0px 1px 1px 4px;
}
.sdp-users-search.selected {
  background-color: var(--stone-green);
}
.sdp-multi-value .sdp-users-search {
  background-color: var(--stone-green);
}
.sdp-multi-value .sdp-org-roles-search {
  background-color: var(--pale-yellowish-brown);
}
.sdp-multi-value .sdp-groups-search {
  background-color: var(--pale-blue);
}
.sdp-multi-value .sdp-roles-search {
  background-color: var(--misty-pink);
}
.sdp-multi-value .sdp-custom-search {
  background-color: var(--misty-pink);
}
.sdp-multi-value .sdp-users-groups-search {
  background-color: var(--pale-blue);
}
.sdp-multi-value .sdp-department-search {
  background-color: var(--citrus-green);
}
.sdp-multi-value .sdp-sites-search {
  background-color: var(--pale-yellowish-brown);
}
.sdp-multi-value .sdp-cab-users-search {
  background-color: var(--misty-pink);
}
.sdp-multi-value .sdp-email-search {
  background-color: var(--pale-yellow);
}
.sdp-multi-value .sdp-custom1-search {
  background-color: var(--pale-blue);
}
.sdp-multi-value .sdp-custom2-search {
  background-color: var(--pale-yellowish-brown);
}
.sdp-multi-value .sdp-custom3-search {
  background-color: var(--white);
}
.sdp-org-roles-search.selected {
  background-color: var(--pale-yellowish-brown);
}
.sdp-groups-search.selected {
  background-color: var(--pale-blue);
}
.sdp-roles-search.selected {
  background-color: var(--misty-pink);
}
.sdp-custom-search.selected {
  background-color: var(--misty-pink);
}
.sdp-users-groups-search.selected {
  background-color: var(--pale-blue);
}
.sdp-department-search.selected {
  background-color: var(--citrus-green);
}
.sdp-sites-search.selected {
  background-color: var(--pale-yellowish-brown);
}
.sdp-cab-users-search.selected {
  background-color: var(--misty-pink);
}
.sdp-custom1-search.selected {
  background-color: var(--pale-blue);
}
.sdp-custom2-search.selected {
  background-color: var(--pale-yellowish-brown);
}
.sdp-custom3-search.selected {
  background-color: var(--white);
}
.sdp-multi-select-container.tab-view .sdp-multi-checkbox-prim:checked ~ .sdp-multi-select-menu {
  margin-top: -1px;
  border: 1px solid var(--ash-gray-40);
  border-top-color: var(--ash-gray-40);
}
.sdp-multi-select-container.tab-view .sdp-multi-select-item {
  border: none;
}
.sdp-multi-select-container.tab-view .sdp-multi-select-item label {
  height: 0;
  width: 0;
  overflow: hidden;
  padding: 0;
}
.sdp-multi-select-container.tab-view .add-btn {
  display: inline-block;
  width: 100%;
  color: var(--black);
  height: 25px;
  padding: 3px 10px;
  background: var(--white);
  border: 1px solid var(--sky-blue);
}
.sdp-multi-select-container.tab-view .sdp-multi-select-menu {
  width: auto;
  min-width: 320px;
  max-width: 320px;
  box-shadow: var(--shadow-lite) -1px 1px 4px;
  top: 34px;
  left: 0px;
}
.sdp-multi-select-container.tab-view .sdp-multi-select {
  width: auto;
  border: none;
  box-shadow: none;
  display: inline-block;
  text-align: left;
  padding: 0;
}
.sdp-multi-select-container.tab-view .sdp-multi-select-div {
  margin: auto;
  border: none;
}
span.org-role-txt {
  max-width: 180px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sdp-layout-field .sdp-layout-input .sdp-multi-select-container input.search-item {
  width: calc(100% - 24px);
  padding: 2px 4px;
  padding-right: 20px;
  box-shadow: none;
  height: 30px;
  padding-left: 10px;
  margin: 15px 12px 15px 12px;
  border: 1px solid var(--ash-gray-40);
  border-radius: 2px;
  background: var(--white);
  color: var(--black);
}
.item-list.searching:after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 20px;
  background-image: url("/images/select2-spinner.gif");
  background-position: top right;
  position: static;
  margin-left: calc(50% - 8px);
  margin-top: 5px;
}
.sdp-multi-select-div .icon {
  width: 22px;
  height: 28px;
  display: inline-block;
  position: absolute;
  top: 21px;
  right: 16px;
  border: none;
  background-clip: content-box;
  background-origin: content-box;
  background-image: url('images/ui-common-view.svg?15110');
}
.sdp-multi-select-div .icon.search {
  background-position: -11px -603px;
  padding: 7px 3px;
}
.sdp-multi-select-div input.search-item.has-value + .icon {
  background-position: -256px -412px;
  cursor: var(--sdpcursor-pointer);
}
.sdp-multi-select-div .search-item::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.sdp-multi-select-div .item-list .email-text {
  padding-top: 5px;
  color: var(--elephant-gray-70);
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.clear {
  clear: both;
}
.ui-corner-all .sdp-multi-select-container .userdetails > span {
  display: block;
  margin-bottom: 6px;
}
.m5 {
  margin: 5px 0px;
  text-align: left;
}
.f0 {
  font-size: var(--fs-0);
}
.dsib {
  display: inline-block;
}
span.org-path-txt {
  color: var(--royal-blue);
}
.sdp-multi-select-container.sdp-ms-dd-open .sdp-multi-select .sdp-users .select-text:hover ~ .tooltip {
  opacity: 0;
}
.sdp-multi-select-container.tab-view.view-mode .add-button-li {
  display: none;
}
.sdp-multi-select-container.tab-view.view-mode .sdp-multi-select {
  width: 100%;
  margin-left: 0;
}
.tab-view .tab-wrapper {
  overflow: hidden;
}
.tab-view .tab-wrapper label {
  padding: 12px 20px;
  font-size: var(--fs-13);
  float: left;
  box-sizing: border-box;
  border-bottom: 2px solid var(--transparent);
  width: 50%;
  background: var(--silver-grey-20);
  text-align: center;
  color: var(--black);
  min-width: 130px;
}
.tab-view .tab-wrapper label:nth-child(2) {
  border-left: 1px solid var(--pale-gray-30);
}
.tab-view .tab-wrapper label.selected {
  background: var(--white);
  text-align: center;
  border-bottom: 2px solid var(--theme-color);
}
.sdp-multi-select-container.view-mode .sdp-multi-select {
  width: 100%;
  margin-left: 0;
  border: none;
  box-shadow: none;
}
.sdp-multi-select-container.view-mode .sdp-multi-select .sdp-multi-value li em {
  display: none;
}
.sdp-multi-select-container.view-mode .sdp-multi-select .sdp-multi-value li:not(.add-button-li) {
  padding-right: 0;
}
.sdp-multi-select span.placeholder {
  vertical-align: top;
  display: inline-block;
  margin: 0px 2px;
  line-height: 20px;
  font-size: var(--fs-13);
  word-break: break-word;
  color: var(--half-gray-50);
  background: transparent;
  outline: none;
  border-color: transparent;
}
.open-sub-item .org-role-txt {
  font-weight: bold;
}
.org-category-txt {
  font-size: var(--fs-11);
}
.animate-selected {
  position: relative;
  animation: FadeOut 0.65s ease-out;
  animation-fill-mode: forwards;
  overflow: hidden;
}
.animate-selected:after {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 6px;
  right: 10px;
  border-radius: 50%;
  background: var(--stone-green);
  transition: 0.3s all ease-in-out;
  background-image: url('/images/ui-common-view.svg?15110');
  background-position: -291px -540px;
  display: none;
}
.tab-wrapper label.selected:only-child {
  border-bottom: none;
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: var(--fs-14);
  padding: 12px 15px 0px 12px;
}
span.org-category-txt {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}
.org-sub-items li {
  display: block;
}
.org-sub-items li:hover {
  cursor: var(--sdpcursor-pointer);
  background: var(--theme-selection-bg);
  color: var(--theme-color);
}
.org-sub-items li:hover a {
  color: var(--theme-color);
}
.has-item.has-org-subitem.selected.animate-selected:hover {
  background: var(--silver-grey-20);
}
.org-sub-selected {
  background: var(--bluish-white);
}
.stop-selection {
  pointer-events: none;
}
.org-head-text {
  display: inline-block;
  padding: 4px 12px;
}
.sdp-ms-border.sdp-multi-select-container label.sdp-multi-select {
  border: 1px solid var(--pale-gray-30);
  border-radius: 3px 0 0 3px;
}
.sdp-ms-add-last.sdp-multi-select-container label.sdp-multi-select {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 30px);
}
.sdp-ms-add-last.sdp-multi-select-container label.sdp-multi-select .placeholderREM {
  padding: 3px 7px;
  display: inline-block;
  position: relative;
  top: -2em;
}
.sdp-ms-add-last.sdp-multi-select-container ul.sdp-multi-valueREM {
  display: inline-block;
  padding: 0px 8px;
  min-height: 2.5em;
}
.sdp-ms-add-last.sdp-multi-select-container .btns-div {
  float: right;
  width: 30px;
  border: 1px solid var(--ash-gray-40);
  border-left: none;
  border-radius: 0 3px 3px 0;
}
.sdp-ms-add-last.sdp-multi-select-container .btns-div .add-btn {
  display: flex;
  padding: 0;
  height: 100%;
}
.sdp-ms-add-last.sdp-multi-select-container .btns-div .add-button-li {
  height: 100%;
}
.sdp-ms-add-last.sdp-multi-select-container .sdp-multi-select-menu:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 6px;
  top: -6px;
  background: var(--white);
  margin-left: 15px;
  z-index: 9;
  transform: rotate(44deg);
  box-shadow: -2px -2px 2px 0px var(--pale-gray-30);
}
.sdp-multi-select-container.sdp-ms-add-last {
  display: flex;
  padding: 0;
}
.sdp-ms-add-last.form-field {
  padding: 0px;
}
.sdp-ms-add-last div.btns-div .add-btn {
  border: none;
  width: 28px;
  cursor: var(--sdpcursor-pointer);
  align-items: center;
  background: var(--silver-grey-20);
}
.sdp-ms-add-last div.btns-div .add-btn .plus-icon {
  background: url('/images/ui-common-view.svg?15110') -128px -1010px no-repeat;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.rcb-approvers-ms .sdp-multi-select-container .sdp-multi-select {
  max-height: 135px;
  overflow: auto;
  width: 100%;
  padding: 0px 0px 0px 7px;
}
.rcb-approvers-ms .sdp-multi-select-container .sdp-multi-select .sdp-multi-value li.sdp-users {
  min-width: auto;
}
.rcb-approvers-ms .sdp-multi-select-container label.sdp-multi-select {
  width: 100%;
}
.rcb-approvers-ms .sdp-users {
  overflow: hidden !important;
}
.rcb-approvers-ms .sdp-users div.select-text {
  padding-right: 0px;
}
.rcb-approvers-ms.form-field {
  padding: 0px;
}
ol.filterwrapper li:hover .sdp-multi-select-container * {
  text-shadow: none;
}
#approversMultiselect.sdp-ms-border {
  padding: 0px;
}
.sdp-multi-select-container.tab-view.sdp-ms-border .sdp-multi-select {
  padding: 5px;
}
.ui-opacity5 ul.sdp-multi-value {
  background-color: var(--silver-grey-20);
}
.rulerow .dd3-content span.search-item-filter {
  display: block;
  text-align: left;
}
.rulerow .rcb-approvers-ms span.org-path-txt {
  margin-left: 0px;
  padding-left: 0px;
}
.sdp-ms-disabled.sdp-multi-select-container .sdp-multi-select {
  background-color: var(--silver-grey-20);
}
.sdp-ms-disabled.sdp-multi-select-container .sdp-multi-select .sdp-multi-value {
  background: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-checkbox-prim:checked ~ .sdp-multi-select-menu {
  border-radius: unset;
  box-shadow: 0 4px 10px 0px var(--ash-gray-40);
  margin-top: 0px !important;
  border: 1px solid var(--silver-grey-20);
  z-index: 1;
  max-width: inherit;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-container {
  display: flex;
  height: 35px;
  width: calc(100% - 20px);
  margin: 0px 10px;
  border-bottom: 1px solid var(--ash-gray-40);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list {
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item {
  padding: 6px 0px 6px 13px;
  line-height: 20px;
  cursor: var(--sdpcursor-pointer);
  position: relative;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item label {
  cursor: var(--sdpcursor-pointer);
  color: var(--black);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 17px;
  width: 4px;
  position: absolute;
  left: 2px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item:hover label {
  color: var(--sky-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="users"]:before {
  background-color: var(--lawn-green);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="orgRoles"]:before {
  background-color: var(--orange);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="groups"]:before {
  background-color: var(--airborne-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="roles"]:before {
  background-color: var(--cinnabar-red);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="change_roles"]:before {
  background-color: var(--rust-red);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="release_roles"]:before {
  background-color: var(--rust-red);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="_custom_groups"]:before {
  background-color: var(--purple);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="_custom1"]:before {
  background-color: var(--purple);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="_custom2"]:before {
  background-color: var(--bamboo-brown);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="_custom3"]:before {
  background-color: var(--turquoise);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="user_groups"]:before {
  background-color: var(--faux-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="technicians"]:before {
  background-color: var(--faux-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="department"]:before {
  background-color: var(--citrus-green);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="requesters"]:before {
  background-color: var(--dark-yellowish-brown);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="sites"]:before {
  background-color: var(--dark-yellowish-brown);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="cab_users"]:before {
  background-color: var(--blue-violet);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="email"]:before {
  background-color: var(--yellowish-green);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="_custom"]:before {
  background-color: var(--pale-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="_custom1"]:before {
  background-color: var(--pale-yellow);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="_custom2"]:before {
  background-color: var(--bluish-white);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="_custom3"]:before {
  background-color: var(--elephant-gray-70);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-list .drop-item[data-group="_custom4"]:before {
  background-color: var(--sky-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .drop-container-liner {
  border-bottom: 1px solid var(--ash-gray-40);
  width: calc(100% - 20px);
  margin: 0 auto;
  height: 0;
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .tab-select-container {
  flex: 0 0 auto;
  min-width: 70px;
  margin: 0;
  position: relative;
  display: inline;
  vertical-align: top;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .tab-select-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 17px;
  width: 4px;
  position: absolute;
  left: 2px;
  top: calc(50% - 17px/2);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] label.drop-text {
  padding: 0px 10px 0px 13px;
  height: 100%;
  line-height: 35px;
  display: inline-block;
  font-size: var(--fs-13);
  width: 100%;
  position: relative;
  cursor: var(--sdpcursor-pointer);
  color: var(--black);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] label.drop-text:after {
  content: "";
  display: inline-block;
  height: 13px;
  width: 13px;
  margin: -1px 0px 0px 6px;
  vertical-align: middle;
  background: url('/images/ui-common-view.svg?15110');
  background-position: -246px -513px;
  transform: rotate(0deg);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] label.drop-text:before {
  content: "";
  height: 16px;
  width: 1px;
  background: var(--ash-gray-40);
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: calc(50% - 16px/2);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .search-container {
  flex: 1;
  padding: 0;
  margin: 0;
  position: relative;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] input.search {
  border: none;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  font-size: var(--fs-13);
  font-family: inherit;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select-div {
  margin: 0;
  border: 0;
  background: var(--transparent);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select-div:before {
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] li.sdp-multi-select-item {
  margin: 0;
  border: 0;
  background: var(--transparent);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] li.sdp-multi-select-item ul li.no-item {
  color: var(--half-gray-50);
  min-height: 100px;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: var(--fs-18);
  height: 198px;
  box-sizing: border-box;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select-item.selected .sdp-multi-select-div {
  margin: 0;
  border: 0;
  background: var(--transparent);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] [data-group="orgRoles"] .item-list span.org-role-txt {
  display: block;
  color: var(--black);
  font-size: var(--fs-13);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] [data-group="orgRoles"] .item-list li.has-item > a {
  padding: 10px 40px;
  font-size: var(--fs-13);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] [data-group="orgRoles"] .item-list li.has-item > a span.org-role-txt {
  max-width: 100%;
  white-space: initial;
  word-break: break-word;
  line-height: initial;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] [data-group="orgRoles"] .item-list li.has-item ul li a {
  padding: 10px 25px;
  white-space: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] [data-group="orgRoles"] .has-item.has-org-subitem .org-sub-items a {
  padding: 10px 40px;
  font-size: var(--fs-13);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .item-list span.org-head-text {
  padding: 8px 23px;
  font-weight: 600;
  color: var(--black);
  display: inline-block;
  font-size: 13px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .item-list li.has-item > a {
  padding: 10px 25px;
  white-space: normal;
  word-break: break-word;
  word-wrap: break-word;
  line-height: initial;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .item-list li.cab > a {
  padding: 10px 10px 10px 20px;
  display: block;
  position: relative;
  outline: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .item-list li.cab a:hover {
  background-color: var(--bluish-white);
  color: var(--black);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .item-list li.cab a:hover [data-search-member] {
  opacity: 1;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .item-list li.cab a:hover [data-search-member]:hover {
  background: var(--naval-blue);
  color: var(--white);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .item-list li.cab a:hover [data-select-cab] {
  opacity: 1;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .item-list li.cab a:hover [data-select-cab]:hover {
  background: var(--naval-blue);
  color: var(--white);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select-menu .search-container:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  position: absolute;
  background: url('/images/ui-common-view.svg?15110');
  background-position: -11px -601px;
  margin-left: 0px;
  top: calc(50% - 17px/2);
  z-index: 1;
  opacity: 0.5;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select-menu input.search {
  height: 100%;
  box-sizing: border-box;
  box-shadow: none;
  padding: 5px 5px 5px 20px;
  background: var(--white);
  color: var(--black);
  padding-right: 54px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-org-roles-search .org-role-item.org-role-has-subitem:before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  top: 10px;
  left: 20px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  transition: 0.3s all ease-in-out;
  background-image: url(/images/ui-common-view.svg?15110);
  background-position: -227px -510px;
  vertical-align: middle;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-org-roles-search .org-role-item.org-role-has-subitem:after {
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-org-roles-search .org-role-item.org-role-has-subitem.open-sub-item:before {
  transform: rotate(90deg);
  transition: 0.3s all ease-in-out;
  top: 11px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] [data-show-level-icon="false"] .level-back-icon {
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] [data-show-level-icon="true"] .level-back-icon {
  display: inline-block;
  right: 30px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .clear-icon {
  position: absolute;
  right: 0px;
  top: 2px;
  z-index: 2;
  padding: 4px 11px;
  cursor: var(--sdpcursor-pointer);
  background: var(--white);
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .level-back-icon {
  position: absolute;
  right: 0px;
  top: 2px;
  z-index: 2;
  padding: 4px 11px;
  cursor: var(--sdpcursor-pointer);
  background: var(--white);
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select-item label {
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .search-item {
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select {
  border: 1px solid var(--ash-gray-40);
  padding: 0px 3px;
  box-shadow: inset 0 1px 1px var(--white);
  font-size: var(--fs-14);
  white-space: normal;
  margin-top: 5px;
  min-height: 36px;
  max-height: 400px;
  overflow: hidden auto;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select span.placeholder {
  line-height: 35px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab [data-search-member] {
  float: right;
  border: 1px solid var(--naval-blue);
  padding: 3px 10px;
  border-radius: 2px;
  font-size: var(--fs-11);
  min-width: 70px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px 3px;
  text-align: center;
  color: var(--naval-blue);
  background-color: var(--white);
  opacity: 0;
  transition: 0.4s ease-in-out;
  position: relative;
  top: -3px;
  font-weight: normal;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab [data-select-cab] {
  float: right;
  border: 1px solid var(--naval-blue);
  padding: 3px 10px;
  border-radius: 2px;
  font-size: var(--fs-11);
  min-width: 70px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px 3px;
  text-align: center;
  color: var(--naval-blue);
  background-color: var(--white);
  opacity: 0;
  transition: 0.4s ease-in-out;
  position: relative;
  top: -3px;
  font-weight: normal;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab [data-cab-name] {
  width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  color: var(--black);
  font-weight: bold;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab .toggle-arrow {
  display: inline-block;
  vertical-align: middle;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab .toggle-arrow:after {
  content: "";
  width: 18px;
  height: 18px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  transition: 0.3s all ease-in-out;
  background-image: url(/images/ui-common-view.svg?15110);
  background-position: -227px -510px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] [data-cab-member-list] {
  margin: 0;
  padding: 0;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-member a {
  padding: 8px 55px;
  display: block;
  font-size: var(--fs-12);
  font-weight: normal;
  line-height: 22px;
  outline: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select-container .item-list li.cab > a {
  text-decoration: none;
  color: var(--black);
  display: block;
  padding: 8px 15px;
  font-weight: normal;
  position: relative;
  outline: none;
  padding-right: 30px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-member-search-view .item-list .cab {
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-member-search-view .item-list > li.cab.in-search [data-select-cab] {
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-member-search-view .item-list > li.cab.in-search > a {
  pointer-events: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-member-search-view .item-list > li.cab.in-search .toggle-arrow:after {
  transform: rotate(90deg);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-member-search-view .item-list .cab.in-search {
  display: block;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-member-search-view .item-list > li.cab ul {
  display: block;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-selected-container {
  height: 100%;
  padding: 5px 0px 0px 10px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-selected-container > div {
  font-size: var(--fs-13);
  background: var(--pale-blue);
  color: var(--black);
  padding: 0px 0px 0px 7px;
  margin: 0px 10px 0px 0px;
  border-radius: 3px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-selected-container > div span {
  display: inline-block;
  vertical-align: middle;
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-selected-container .remove {
  font-size: var(--fs-0);
  height: 100%;
  width: 20px;
  position: relative;
  display: inline-block;
  background-image: url(/images/ui-common-view.svg?15110);
  vertical-align: middle;
  background-repeat: no-repeat;
  opacity: 0.6;
  background-position: -256px -412px;
  cursor: var(--sdpcursor-pointer);
  top: -1px;
  margin: 0px 0px 0px 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .cab-selected-container .remove:hover {
  background-color: var(--pale-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select-div.searching {
  height: 200px;
  width: 100%;
  /*background: url("../../images/loading-ani.gif") no-repeat center !important;*/
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select-div.searching ul.item-list {
  display: none;
}
.sdp-multi-select-container[data-view-type="dropdown-search"] .org-role-item.org-role-has-subitem.open-sub-item + .org-sub-items a {
  padding-left: 50px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="users"] .tab-select-container:before {
  background-color: var(--lawn-green);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="orgRoles"] .tab-select-container:before {
  background-color: var(--orange);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="groups"] .tab-select-container:before {
  background-color: var(--airborne-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="roles"] .tab-select-container:before {
  background-color: var(--cinnabar-red);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="change_roles"] .tab-select-container:before {
  background-color: var(--rust-red);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="release_roles"] .tab-select-container:before {
  background-color: var(--rust-red);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="_custom_groups"] .tab-select-container:before {
  background-color: var(--purple);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="_custom1"] .tab-select-container:before {
  background-color: var(--purple);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="_custom2"] .tab-select-container:before {
  background-color: var(--bamboo-brown);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="_custom3"] .tab-select-container:before {
  background-color: var(--turquoise);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="user_groups"] .tab-select-container:before {
  background-color: var(--faux-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="technicians"] .tab-select-container:before {
  background-color: var(--faux-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="department"] .tab-select-container:before {
  background-color: var(--citrus-green);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="requesters"] .tab-select-container:before {
  background-color: var(--dark-yellowish-brown);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="sites"] .tab-select-container:before {
  background-color: var(--dark-yellowish-brown);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="cab_users"] .tab-select-container:before {
  background-color: var(--blue-violet);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-selected="email"] .tab-select-container:before {
  background-color: var(--yellowish-green);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-toggle="open"] label.drop-text {
  color: var(--sky-blue);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-toggle="open"] label.drop-text:after {
  content: "";
  background: url('/images/ui-common-view.svg?15110');
  background-position: -403px -300px;
  transform: rotate(0deg);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-toggle="open"] label.drop-text:before {
  visibility: hidden;
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-toggle="open"] .drop-list {
  display: block;
  list-style: none;
  padding: 6px 10px;
  margin: 0;
  font-size: var(--fs-13);
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-toggle="open"] input.search {
  pointer-events: none;
  opacity: 0.4;
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-group-toggle="open"] .search-container {
  visibility: hidden;
}
.sdp-multi-select-container[data-group-toggle="open"] .sdp-multi-select-options {
  display: none;
}
.general-form .sdp-multi-select-container[data-view-type="dropdown-search"] .sdp-multi-select {
  margin-top: 0px;
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-drop-toggle="open"] .sdp-multi-select {
  border-color: var(--theme-input-focus, #0088dd);
  outline: 0;
}
.sdp-multi-select-container[data-view-type="dropdown-search"][data-focus="true"] .sdp-multi-select {
  border-color: var(--theme-input-focus, #0088dd);
  outline: 0;
}
.sdp-multi-select-container[data-view-type="dropdown-search"].cab-member-search-view .item-list > li.cab.in-search [data-search-member] {
  display: none;
}
.sdp-multi-select-container.sdp-multi-select span.tooltip-header.resultname span {
  display: inline-block;
  vertical-align: middle;
}
.add-email-icon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0px 14px 0px 14px;
  cursor: var(--sdpcursor-pointer);
  height: 25px;
  line-height: 25px;
  margin-top: 5px;
  border-radius: 3px;
  font-size: var(--fs-12);
  color: var(--primary_button_text, #fff) !important;
  border-color: var(--primary_button_border, #008ddd);
  background: var(--primary_button_color, #008ddd);
}
.sdp-multi-select-container[data-email-add-view="true"] .add-email-icon {
  display: block;
  background: var(--theme-color);
  color: var(--white);
  font-size: var(--fs-12);
  padding: 0px 14px 0px 14px;
  height: 25px;
  line-height: 25px;
  margin-top: 5px;
  border-radius: 25px;
}
.user-dept-details .user-dept-info-div span {
  display: block;
  padding-top: 7px;
}
.user-dept-info-div.site:before {
  opacity: 0.5;
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 22px;
  top: 15px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  width: 20px;
  height: 23px;
  background-position: -182px -360px;
  transform: scale(0.8) rotate(180deg);
}
.sdp-multi-select-container.tab-view .sdp-multi-select {
  width: auto;
  border: none;
  box-shadow: none;
  display: inline-block;
  text-align: left;
  padding: 0;
  overflow: inherit;
  margin: 0;
}
.sdp-multi-select-container.tab-view .sdp-multi-select span.placeholder {
  line-height: 27px;
}
.sdp-multi-select-container.tab-view .sdp-multi-select .sdp-multi-value .add-button-li {
  padding: 0;
  margin: 0 10px 5px 0;
  vertical-align: middle;
}
.sdp-multi-select-container.tab-view .sdp-multi-select .sdp-multi-value .add-btn {
  display: inline-block;
  width: 100%;
  color: var(--half-gray-50);
  height: 26.5px;
  padding: 2px 10px;
  background: var(--white);
  border: 1px solid var(--ash-gray-40);
  border-radius: 3px;
  cursor: pointer;
  margin: 0;
}
.sdp-multi-select-container.tab-view .sdp-multi-select .sdp-multi-value a.plus-icon {
  background-position: -267px -7px;
  background-image: url(/images/ui-common-view.svg?18567);
  background-repeat: no-repeat;
  display: inline-block;
  transform: none !important;
}
.sdp-multi-select-container.tab-view .sdp-multi-checkbox-prim:checked + .sdp-multi-select li.add-button-li .add-btn {
  background: var(--silver-grey-20);
  border-color: var(--ash-gray-40);
  height: 28px;
  padding: 3px 10px;
}
.sdp-multi-select-container.tab-view .sdp-multi-select-menu .tab-wrapper label {
  padding: 8px 15px;
  border-bottom: 2px solid var(--pale-gray-30);
  background: var(--transparent);
  cursor: pointer;
}
.sdp-multi-select-container.tab-view .sdp-multi-select-menu .tab-wrapper label.selected {
  border-bottom: 2px solid var(--theme-color);
  color: var(--theme-color);
}
.sdp-multi-select-container.tab-view .sdp-multi-select-menu li {
  padding: 0;
}
.sdp-multi-select-container.tab-view .sdp-multi-select-menu .search-item {
  margin: 8px 12px;
  font-weight: normal;
}
.sdp-multi-select-container.tab-view .sdp-multi-select-menu .search-item:focus {
  border: 1px solid var(--input_border_color, rgba(0, 141, 221, 0.7));
}
.sdp-multi-select-container.tab-view .sdp-multi-select-menu .sdp-multi-select-item {
  background: none;
}
.sdp-multi-select-container.tab-view .sdp-multi-select-menu .sdp-multi-select-item label {
  margin: 0;
}
:root body {
  --theme-selection-bg: var(--primary_button_light_color, #007fc7);
  --theme-color: var(--link_tab_line_color, #008ddd);
  --black: #333;
  --charcoal-blue: #262F36;
  --elephant-gray-70: #666;
  --half-gray-50: #888;
  --ash-gray-40: #d7d7d7;
  --pale-gray-30: #e6e6e6;
  --silver-grey-20: #F5F5F5;
  --white: #fff;
  --transparent: transparent;
  --misty-pink: #FFF7F6;
  --cinnabar-red: #d83a29;
  --orange: #a96600;
  --rust-red: #ca4100;
  --citrus-green: #627c19;
  --lawn-green: #4d8109;
  --stone-green: #0e8942;
  --turquoise: #048376;
  --yellowish-green: #78780f;
  --naval-blue: #0f4f88;
  --royal-blue: #00459c;
  --sky-blue: #3470cd;
  --airborne-blue: #526a91;
  --pale-blue: #617985;
  --bluish-white: #457c97;
  --faux-blue: #5454d8;
  --purple: #670c71;
  --blue-violet: #9e3af3;
  --pale-yellow: #74725d;
  --pale-yellowish-brown: #877547;
  --bamboo-brown: #8b722c;
  --dark-yellowish-brown: #956e12;
  --shadow-lite: rgba(0, 0, 0, 0.13);
  --baby-white: #FCFCFC;
}
body[theme="dark-mode"] {
  --theme-selection-bg: var(--primary_button_light_color, #007fc7);
  --theme-color: var(--link_tab_line_color, #008ddd);
  --black: #FFF;
  --charcoal-blue: #e3e3e3;
  --elephant-gray-70: #666;
  --half-gray-50: #888;
  --ash-gray-40: #4e4e4e;
  --pale-gray-30: #2F2F2F;
  --silver-grey-20: #111;
  --white: #222324;
  --transparent: transparent;
  --misty-pink: #FFF7F6;
  --cinnabar-red: #ff4430;
  --orange: #ff9a00;
  --rust-red: #e14900;
  --citrus-green: #81b000;
  --lawn-green: #599b00;
  --stone-green: #00c655;
  --turquoise: #009788;
  --yellowish-green: #d8d80f;
  --naval-blue: #1880dc;
  --royal-blue: #0d78ff;
  --sky-blue: #4588f0;
  --airborne-blue: #647faa;
  --pale-blue: #c7eafb;
  --bluish-white: #eaf8ff;
  --faux-blue: #6b6bff;
  --purple: #d519ea;
  --blue-violet: #ac49ff;
  --pale-yellow: #faf4b8;
  --pale-yellowish-brown: #76682F38;
  --bamboo-brown: #dfc888;
  --dark-yellowish-brown: #be8f1f;
  --shadow-lite: rgba(0, 0, 0, 0.13);
  --baby-white: #FCFCFC;
}
/* DRE Overwrite CSS Start */
[theme="dark-mode"] {
  --dre-topbar-background: #222324;
  --dre-topbar-foreground: #e2e2e2;
  --dre-topbar-border: 1px solid #313131;
  --dre-topbar-submenu-background: #222324;
  --dre-topbar-submenu-borderTop: 2px solid #60abd5;
  --dre-topbar-submenu-foreground: #e2e2e2;
  --dre-topbar-submenu-item-borderBottom: #424242;
  --dre-topbar-submenu-item-hoverForeground: #60abd5;
  --dre-topbar-submenu-item-boxshawdowColor: rgba(78, 78, 78, 0.5);
  --dre-toggle-background: #121212;
  --dre-toggle-borderColor: #313131;
  --dre-toggle-selectBackground: #121212;
  --dre-toggle-on-foreground: #e2e2e2;
  --dre-toggle-off-foreground: #e2e2e2;
  --dre-toggle-button-background: #2e2f31;
  --dre-toggle-button-border: #313131;
  --dre-toggle-button-selectBackground: #2e2f31;
  --dre-leftpane-background: #222324;
  --dre-leftpane-foreground: #e2e2e2;
  --dre-leftpane-border: 1px solid #313131;
  --dre-leftpane-taskblock-background: #2e2f31;
  --dre-leftpane-taskblock-foreground: #b0b0b0;
  --dre-leftpane-taskblock-border: dashed #4e4e4e;
  --dre-leftpane-taskblock-hoverForeground: #e2e2e2;
  --dre-leftpane-taskblock-hoverBorder: 1px dashed #4e4e4e;
  --dre-leftpane-taskblock-hoverBackground: #1a1c1d;
  --dre-leftpane-taskblock-hoverBoxshadowColor: rgba(78, 78, 78, 0.5);
  --dre-leftpane-task-group-foreground: #e2e2e2;
  --dre-leftpane-show-hide-msg-background: #122136;
  --dre-bottombar-background: #222324;
  --dre-bottombar-foreground: #e2e2e2;
  --dre-bottombar-border: #313131;
  --dre-theme-icon-foreground: #e2e2e2;
  --dre-shortcut-icon-foreground: #e2e2e2;
  --dre-shortcut-icon-hoverBackground: #1a1c1d;
  --dre-shortcut-icon-hoverBorder: #4e4e4e;
  --dre-shortcut-content-border: #313131;
  --dre-shortcut-content-background: #121212;
  --dre-shortcut-content-boxshadow: rgba(78, 78, 78, 0.5);
  --dre-shortcut-keys-table-foreground: #e2e2e2;
  --dre-shortcut-keys-background: #121212;
  --dre-shortcut-keys-foreground: #e2e2e2;
  --dre-shortcut-content-header-border: #313131;
  --dre-shortcut-content-footer-border: #313131;
  --dre-edit-button-foreground: #60abd5;
  --dre-edit-button-background: #121212;
  --dre-save-script-button-background: #3a6099;
  --dre-save-script-button-foreground: #e2e2e2;
  --dre-save-script-button-boxshadowColor: rgba(78, 78, 78, 0.5);
  --dre-save-script-button-hoverBackground: #204782;
  --dre-save-script-button-focusBackground: #204782;
  --dre-edit-params-background: #121212;
  --dre-edit-params-foreground: #e2e2e2;
  --dre-edit-params-dropdown-background: #121212;
  --dre-edit-params-dropdown-foreground: #e2e2e2;
  --dre-edit-param-add-button-background: #121212;
  --dre-edit-params-save-button-background: #e2e2e2;
  --dre-edit-params-save-button-foreground: #e2e2e2;
  --dre-expr-builder-background: #121212;
  --dre-expr-builder-border: #313131;
  --dre-expr-builder-foreground: #e2e2e2;
  --dre-expr-builder-header-background: #121212;
  --dre-expr-builder-header-border: #313131;
  --dre-expr-builder-title-foreground: #e2e2e2;
  --dre-expr-builder-description-code-foreground: #e2e2e2;
  --dre-expr-builder-input-label-foreground: #e2e2e2;
  --dre-expr-builder-input-type-text-background: #121212;
  --dre-expr-builder-input-type-text-border: #4e4e4e;
  --dre-expr-builder-input-type-text-foreground: #e2e2e2;
  --dre-expr-builder-input-active-border: 1px solid #67a7d3;
  --dre-expr-builder-close-icon-foreground: #e2e2e2;
  --dre-expr-builder-close-icon-hoverforeground: #b0b0b0;
  --dre-expr-builder-popover-pointer-BorderRight: #121212;
  --dre-expr-builder-sendmail-expr-links-foreground: #67a7d3;
  --dre-expr-builder-list-boxes-foreground: #e2e2e2;
  --dre-expr-builder-variables-foreground: #e2e2e2;
  --dre-expr-builder-footer-background: #121212;
  --dre-expr-builder-footer-border: #313131;
  --dre-expr-builder-save-button-background: #3a6099;
  --dre-expr-builder-save-button-foreground: #e2e2e2;
  --dre-expr-builder-cancel-button-background: #2e2f31;
  --dre-expr-builder-cancel-button-foreground: #e2e2e2;
  --dre-expr-builder-cancel-button-hoverBackground: #0d0d0d;
  --dre-expr-builder-cancel-button-focusBackground: #0d0d0d;
  --dre-version-replace-button-hoverbackground: #121212;
  --dre-version-replace-button-hoverforeground: #204782;
  --dre-version-replace-button-hoverborder: #204782;
  --dre-execute-response-popup-border: #4e4e4e;
  --dre-execute-response-popup-foreground: #e2e2e2;
  --dre-execute-response-popup-background: #121212;
  --dre-support-form-background: #121212;
  --dre-editorArea-background: #2e2f31;
  --dre-editorArea-border: 1px solid #313131;
  --dre-editor-hints-dropdown-background: #121212;
  --dre-editor-hints-dropdown-foreground: #e2e2e2;
  --dre-editor-hints-dropdown-border: #313131;
  --dre-editor-hints-dropdown-boxshadowColor: rgba(78, 78, 78, 0.5);
  --dre-editor-hint-foreground: #e2e2e2;
  --dre-editor-hint-border: #313131;
  --dre-editor-hint-selection-foreground: #000;
  --dre-editor-hint-popup-background: #2e2f31;
  --dre-editor-hint-popup-foreground: #000;
  --dre-editor-hint-popup-border: #4e4e4e;
  --dre-editor-hint-popup-boxshadowColor: rgba(78, 78, 78, 0.5);
  --dre-editor-hint-popup-webkit-boxshadowColor: rgba(78, 78, 78, 0.5);
  --dre-editor-hint-example-background: #121212;
  --dre-editor-hint-example-foreground: #000;
  --dre-editor-hint-divider-parent-border: #4e4e4e;
  --dre-editor-hint-divider-parent-background: #121212;
  --dre-editor-hint-manage-button-TopBorder: #4e4e4e;
  --dre-editor-error-tooltip-background: #636243;
  --dre-editor-error-tooltip-foreground: #e2e2e2;
  --dre-editor-error-tooltip-border: #807E51;
  --dre-editor-error-popover-message-foreground: #e2e2e2;
  --dre-editor-error-popover-arrow-hoverforeground: #121212;
  --dre-editor-error-popover-close-icon-foreground: #e2e2e2;
  --dre-editor-error-popover-close-icon-hoverForeground: #b0b0b0;
  --dre-editor-search-background: #222324;
  --dre-editor-search-input-focus-boxshadowColor: rgba(103, 167, 211, 0.3);
  --dre-editor-line-search-input-background: #121212;
  --dre-editor-line-search-input-foreground: #e2e2e2;
  --dre-editor-line-search-input-border: #313131;
  --dre-editor-search-close-icon-background: #e2e2e2;
  --dre-editor-repalce-button-background: #2e2f31;
  --dre-editor-repalce-button-foreground: #e2e2e2;
  --dre-editor-replace-close-icon-background: #2e2f31;
  --dre-editor-background: #121212;
  --dre-editor-foreground: #b0b0b0;
  --dre-editor-property-and-attribute-foreground: #e2e2e2;
  --dre-editor-gutters-background: #222324;
  --dre-editor-gutters-borderRight: 1px solid #424242;
  --dre-editor-selected-background: #2e2f31;
  --dre-editor-line-span-selection-background: #2e2f31;
  --dre-editor-line-span-moz-selection-background: #2e2f31;
  --dre-editor-activeline-background: #122136;
  --dre-editor-guttermarker-foreground: #e2e2e2;
  --dre-editor-matchingbracket-foreground: #000;
  --dre-editor-relop-foreground: #e2e2e2;
  --dre-editor-logical-operator-foreground: #e2e2e2;
  --dre-expr-builder-editor-background: #121212;
  --dre-expr-builder-filter-activeBorder: #67a7d3;
  --dre-expr-builder-filter-icon-activeBorder: #67a7d3;
  --dre-expr-builder-input-focusBorder: #67a7d3;
  --dre-edit-params-listitem-background: #121212;
  --dre-expr-builder-hidden-elements-title-foreground: #e2e2e2;
  --codemirror-linenumber-foreground: #b0b0b0;
  --dre-codemirror-merge-gap-background: #222324;
  --dre-codemirror-ro-deluge-script-background: #121212;
  --dre-codemirror-ro-deluge-line-background: #222324;
  --dre-editor-search-input-border: #4e4e4e;
  --dre-editor-comment-foreground: #b0b0b0;
  --dre-sdp-cdsbr-border: #3d3d3d;
  --dre-sdp-cdsbr-bg-hover: #3a6099;
  --dre-sdp-datatype-foreground: #656565;
  --dre-sdp-hint-foreground: #e2e2e2;
  --dre-sdp-expr-selected-code: #313131;
  --dre-sdp-expr-input-option-bg: #121212;
  --dre-sdp-expr-input-option-br: #4e4e4e;
  --dre-sdp-expr-input-checkbox-shadow: rgba(0, 141, 221, 0.7);
  --dre-sdp-expr-input-checkbox-shadow-partial: #121212;
  --dre-sdp-linenumber-forground: #b0b0b0;
  --dre-sdp-activeline-background: #122136;
  --dre-sdp-selected-background: rgba(20, 111, 183, 0.25);
  --sdp-iframe-bg: #121212;
}
[theme="dark-mode"] .custom-deluge-search {
  background: var(--dre-editor-search-background) !important;
}
[theme="dark-mode"] .custom-deluge-search .custom-ds-buttons button {
  border-color: var(--dre-sdp-cdsbr-border);
}
[theme="dark-mode"] .custom-deluge-search .custom-ds-buttons button:hover {
  background: var(--dre-sdp-cdsbr-bg-hover);
}
[theme="dark-mode"] .CodeMirror-hint-active .dataType {
  color: var(--dre-sdp-datatype-foreground);
}
[theme="dark-mode"] .delugeEditorArea .CodeMirror-Tern-hint-doc {
  color: var(--dre-sdp-hint-foreground);
}
[theme="dark-mode"] .deluge-expr-builder .deluge-expr-desc-code .deluge-expr-selected-code {
  border-color: var(--dre-sdp-expr-selected-code);
}
[theme="dark-mode"] .deluge-expr-builder .deluge-expr-input-radio-div label input[type=radio] + span.deluge-expr-input-option:before {
  background-color: var(--dre-sdp-expr-input-option-bg);
  border-color: var(--dre-sdp-expr-input-option-br);
}
[theme="dark-mode"] .deluge-expr-builder .deluge-expr-input-radio-div label input[type=radio]:checked + span.deluge-expr-input-option:before {
  box-shadow: 0 0 0px 1px var(--dre-sdp-expr-input-checkbox-shadow) inset, 0 0 0px 3px var(--dre-sdp-expr-input-checkbox-shadow-partial) inset, 0 0 0px 8px var(--dre-sdp-expr-input-checkbox-shadow) inset;
  border: 0;
}
[theme="dark-mode"] .CodeMirror-deluge-edit-task .deluge-task-edit-0 div.CodeMirror-gutter-wrapper .CodeMirror-linenumber:first-child {
  color: var(--dre-sdp-linenumber-forground);
}
[theme="dark-mode"] .CodeMirror-activeline-background {
  background: var(--dre-sdp-activeline-background);
}
[theme="dark-mode"] .CodeMirror pre {
  background: transparent;
}
[theme="dark-mode"] .CodeMirror-focused .CodeMirror-selected {
  background: var(--dre-sdp-selected-background);
}
[theme="dark-mode"] .widget-bg > iframe {
  background-color: var(--sdp-iframe-bg) !important;
}
.deluge-top-bar {
  padding-left: 20px;
}
/* DRE Overwrite CSS End */
/* ----------------------------------------------- */
/* ui-common-view.less */
/* ----------------------------------------------- */
.gs-slu1 {
  background-position: -486px -265px;
}
.ui-dialog .dialog-content .more {
  padding: 0 10px;
}
.ui-dialog .dialog-content .more span {
  display: inline;
  padding: 10px 0;
}
.ui-dialog .dialog-content a.add-link {
  color: #515151;
}
.ui-dialog .dialog-content .fctr label {
  font-weight: normal;
}
/* Conversations */
.conv-log {
  border-bottom: 1px solid #DDD;
  color: #515151;
}
.conv-log:last-child {
  border-bottom: none;
}
.conv-log .hdr {
  background-color: #F5F5F5;
}
.conv-log .thumb-xs {
  border-radius: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.conv-log .user .icon-sm {
  position: relative;
  top: 5px;
}
.conv-log .dt {
  padding-top: 5px;
}
.conv-log .dt,
.conv-log .sub {
  margin: 0 20px 0 40px;
}
.conv-log .user {
  padding: 5px 14px;
}
.conv-log .user span.text-muted {
  padding-left: 10px;
}
.conv-log .user.collapsed:hover {
  background: #F5F5F5;
}
.conv-log .msg {
  border-top: 1px dashed #DDD;
  padding-top: 10px;
  margin-top: 7px;
}
.conv-log .ui-dialog-buttonpane,
.conv-log .inlineformcnt .form-horizontal {
  margin-bottom: 20px;
}
.conv-log .sub {
  margin-top: -6px;
}
.conv-log .sub .common-more-dots {
  position: relative;
  top: 2px;
  margin-left: 4px !important;
}
/* Attachments */
.attachment {
  margin-top: 20px;
  margin-bottom: 12px;
}
.attachment .file {
  background-color: #F5F5F5;
  border: 1px #DDD solid;
  border-radius: 4px;
  display: inline-block;
  margin-right: 15px !important;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}
.attachment .file a {
  display: inline-block;
  color: #515151;
  padding: 3px 9px;
}
.attachment .file a:active,
.attachment .file a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
}
.attachment .file .sdp-glyph-close {
  color: #868686;
  cursor: var(--sdpcursor-pointer);
  font-size: 1rem;
  line-height: 0;
  padding: 13px 11px;
  top: 0;
}
.attachment .file .sdp-glyph-close:before {
  color: #868686;
  position: relative;
  left: -4px !important;
}
.attachment .file .sdp-glyph-close:hover {
  color: #000;
}
.attachment .file .sdp-glyph-close:hover:before {
  color: #868686;
}
.attachment .file .closebtn {
  cursor: var(--sdpcursor-pointer);
  display: inline-block;
  padding: 4px 8px;
}
.attachment .file .close3 {
  vertical-align: middle;
  opacity: 0.4;
}
.attachment .file:hover .sdp-glyph-close,
.attachment .file:hover .closebtn {
  background-color: #E9E9E9;
}
.attachment .file .size {
  color: #CCC;
}
/* File Attach */
.dropfile {
  background: #FFFFF2;
  border: 1px dotted #bdbdbd;
  /*#bdbdbd*/
  color: #9F9D9D;
  padding: 5px;
}
.cc {
  display: inline-block;
  font-weight: bold;
  margin-left: -13px !important;
  margin-top: 6px;
}
.atch {
  margin-top: 6px;
}
/* Custom View */
.custom-view .h4 {
  font-size: 1rem;
}
.custom-view .cvattrib,
.custom-view .cvrel,
.custom-view .cvprop-cnt,
.custom-view .ctl em,
.custom-view .filter-criteria .row .btn-toggle {
  margin-left: 5px !important;
}
.custom-view .cvattrib {
  width: 200px;
  max-width: 260px;
}
.custom-view .cvrel {
  width: auto;
  max-width: 150px;
}
.custom-view .ctl em {
  padding: 0 4px;
  height: 20px;
  top: 4px;
  position: relative;
}
.custom-view .ctl em strong {
  background-image: url('/images/ui-common-view.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
  cursor: var(--sdpcursor-pointer);
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  background-position: -83px -2px;
  width: 6px;
  height: 14px;
  cursor: var(--sdpcursor-move);
  cursor: var(--sdpcursor-grab);
}
.custom-view .cvprop-cnt {
  width: 30%;
}
.custom-view .btn-toggle-slide {
  margin-left: 10px !important;
}
.custom-view .cvcombo,
.custom-view .cvtext,
.custom-view .form-inline .form-control.cvcombo {
  width: 100%;
}
.custom-view .filter-criteria .row {
  margin: 10px 0;
}
.custom-view .filter-criteria .row .common-remove-icon2 {
  position: relative;
  top: 5px;
  opacity: 0.3;
  cursor: var(--sdpcursor-pointer);
}
.custom-view .filter-criteria .row .common-remove-icon2:hover {
  opacity: 1;
}
.custom-view .filter-criteria .row .common-remove-icon2.dis {
  opacity: 0.3;
  cursor: var(--sdpcursor-not-allowed);
}
.custom-view .add-link-cnt {
  border-top: 1px solid #E9E9E9;
  padding: 10px 0;
  margin-top: 15px !important;
}
.custom-view .add-link-cnt .na {
  cursor: var(--sdpcursor-not-allowed);
}
.custom-view .add-link {
  display: inline-block;
  line-height: 16px;
  padding: 3px 0;
}
.custom-view .add-link em {
  background-image: url('/images/ui-common-view.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
  cursor: var(--sdpcursor-pointer);
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  background-position: -17px -23px;
  margin-right: 10px !important;
  float: left !important;
}
.wrapscroller {
  padding: 10px 15px;
}
.wrapscroller ol {
  margin-top: 10px;
}
.wrapscroller ol li {
  padding-top: 2px;
  padding-bottom: 2px;
}
/* Recent Items */
.recent-items,
.ri-bar {
  /*height:100%;*/
  position: absolute;
  left: 1px !important;
}
.ri-bar {
  height: 100%;
}
.recent-items .ri-panel {
  background: #FFF;
  height: 100%;
  position: absolute;
  width: 300px;
  left: -300px !important;
  opacity: 0;
  z-index: 99;
  box-shadow: 5px 1px 5px 1px rgba(0, 0, 0, 0.19);
}
.recent-items .ri-panel h3 {
  color: #515151;
  font-weight: bold;
  font-size: var(--font-size-medium);
  padding: 6px 0 12px 0;
  border-bottom: 1px solid #CCC;
}
.recent-items .ri-panel ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.recent-items .ri-panel ul > li > a {
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #515151;
  padding: 6px 12px 6px 32px;
  background-repeat: no-repeat;
  background-position: 6px center;
}
.recent-items .ri-panel ul > li > a:hover,
.recent-items .ri-panel ul > li > a:focus {
  text-decoration: none;
  background-color: #F1F1F1;
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.recent-items .ri-panel h3,
.recent-items .ri-panel ul {
  margin-right: 10px !important;
  margin-left: 30px !important;
}
.recent-items .ri-bar {
  background-image: url('/images/recent-item-bg.png');
  cursor: var(--sdpcursor-pointer);
  background-position: left top;
  background-repeat: repeat-y;
  width: 26px;
  position: relative;
}
.recent-items .ri-bar .ri-toggle {
  background-color: #dfdfdf;
  /*#dfdfdf;*/
  -webkit-border-radius: 0 0 23px 23px;
  -moz-border-radius: 0 0 23px 23px;
  -ms-border-radius: 0 0 23px 23px;
  -o-border-radius: 0 0 23px 23px;
  border-radius: 0 0 23px 23px;
  display: inline-block;
  height: 26px;
  left: -55px !important;
  position: relative;
  top: 300px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  white-space: nowrap;
}
.recent-items .ri-bar .ri-toggle span {
  display: inline-block;
  padding: 2px 18px 0;
  color: #868686;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.recent-items .panel {
  background: #FFF;
}
.ri-icon1 {
  background-image: url('/images/ri-icon1.png');
}
.ri-icon2 {
  background-image: url('/images/ri-icon2.png');
}
.ri-icon3 {
  background-image: url('/images/ri-icon3.png');
}
.ri-icon4 {
  background-image: url('/images/ri-icon4.png');
}
.circle-green {
  background-color: #63B404;
  display: inline-block;
  border-radius: 10px;
  padding: 5px;
}
.accordion {
  overflow: auto;
  outline: medium none;
}
.panel .panel-heading .lock-line {
  visibility: hidden;
}
.panel .panel-heading .lock-line.in {
  background-position: -46px -730px;
  visibility: visible;
  opacity: 1;
}
.panel .panel-heading:hover .lock-line:not(.in) {
  visibility: visible;
  opacity: 0.3;
}
.accordion-log .hist-row {
  padding: 10px 5px;
}
.accordion-log .hist-row .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
}
.accordion-log .hist-row .panel-title > a {
  color: inherit;
}
.accordion-log .hist-row + .hist-row {
  border-top: 1px solid #F1F1F1;
}
.accordion-log .hist-time {
  float: left !important;
  width: 14%;
}
.accordion-log .hist-entry {
  margin-left: 15% !important;
}
.accordion-log .hist-entry li {
  list-style: disc;
}
.accordion-log .hist-entry li div {
  color: #868686;
}
.accordion-log .hist-entry li strong {
  color: #515151;
}
.inplace-edit .spot-form {
  display: table;
  width: 100%;
}
.inplace-edit .spot-form textarea.form-control {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.inplace-edit .spot-static {
  display: block;
  cursor: var(--sdpcursor-pointer);
}
.inplace-edit .spot-static:hover:not(.spot-customedit) {
  background-image: url('/images/ui-vertical-sprite.png?15110');
  background-position: right -1px;
  background-repeat: no-repeat;
  cursor: var(--sdpcursor-pointer);
  background-position: right -467px;
}
.inplace-edit .spot-customedit:hover:after {
  opacity: 1;
}
.inplace-edit .spot-customedit:after {
  background-image: url('/images/ui-vertical-sprite.png?15110');
  background-position: right -1px;
  background-repeat: no-repeat;
  cursor: var(--sdpcursor-pointer);
  background-position: -6px -473px;
  width: 16px;
  height: 16px;
  content: '';
  position: absolute !important;
  right: 25px;
  top: 10px;
  opacity: 0.15;
}
.inplace-edit .control-holder,
.inplace-edit .spot-actions {
  display: table-cell;
}
.inplace-edit .control-holder {
  width: 90%;
}
.inplace-edit .control-holder .select2-container {
  table-layout: fixed;
  display: table;
}
.inplace-edit .spot-actions {
  text-align: right !important;
  vertical-align: top;
  white-space: nowrap;
  width: auto;
  padding-left: 10px;
}
.inplace-edit .spot-actions .btn-sm {
  padding: 2px 5px;
  opacity: 0.85;
}
.inplace-edit .spot-actions .btn-sm:hover {
  opacity: 1;
}
.inplace-edit .spot-actions .success,
.inplace-edit .spot-actions .failure {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
}
.inplace-edit .spot-actions .success {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
}
.inplace-edit .spot-actions .failure {
  background-position: -375px -24px;
}
.inplace-edit .spot-actions .sdp-glyph,
.inplace-edit .spot-actions .spot-icon {
  cursor: var(--sdpcursor-pointer);
}
.inplace-edit .spot-actions .sdp-glyph-close {
  color: #000;
}
.inplace-edit .spot-actions .sdp-glyph-ok {
  color: #000;
}
.inplace-edit .spot-actions > .btn:hover .sdp-glyph-close {
  color: #a74f4f;
}
.inplace-edit .spot-actions > .btn:hover .sdp-glyph-ok {
  color: #33823c;
}
.inplace-edit .inplace,
.inplace-edit .spot-form {
  /*padding-top: (@padding-base-vertical + 1);*/
}
.inplace-edit .inplace .control-holder,
.inplace-edit .inplace .control-actions {
  display: inline-block;
}
.inplace-edit .inplace .control-holder {
  width: 66%;
}
.inplace-edit .inplace .control-actions {
  position: relative;
  top: -8px;
}
.inplace-edit .inplace .control-actions a {
  text-decoration: none;
}
.info-icon-placement {
  display: inline-block;
}
.info-icon-placement .control-holder {
  display: inline-block;
  width: auto !important;
}
.right-panel .inplace-edit .spot-static {
  padding-top: 8px;
  padding-bottom: 7px;
}
.right-panel .inplace-edit .spot-static:hover {
  background-position: 106% -464px;
}
.legend-control {
  float: right !important;
  position: relative;
  top: -4px;
  right: 15px !important;
}
.addon-nofill .form-control {
  border-right: 1px solid #fff;
}
.addon-nofill .input-group-addon {
  background-color: #FFF;
  color: #868686;
}
.tab-row {
  border-top: 1px #FFF solid;
  position: relative;
  top: -3px;
}
.tab-row .nav-sdtabs {
  border-bottom: none;
}
span.mandatory {
  color: #F00;
  font-size: var(--font-size-base);
  font-weight: bold;
  padding-right: 3px !important;
}
.spinner-icon1 {
  background: url('/images/spinner-icon1.gif') center no-repeat;
  display: inline-block;
}
.spinner-icon2 {
  background: url('/images/spinner-icon2.gif') center no-repeat;
  display: inline-block;
}
button .spinner-icon1,
button .spinner-icon2 {
  vertical-align: middle;
  top: -1px;
}
.info-icon-hdr {
  background: url('/images/infoicon2.gif') left no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  padding: 2px 0 2px 24px;
}
.btn .common-add-icon4,
.btn .addrowbtn1 {
  background-color: #868686;
  border: 1px #535353 solid;
  /*6C6C6C*/
  box-sizing: border-box;
  padding: 7px;
  border-radius: 50%;
}
.btn:hover .common-add-icon4,
.btn:hover .addrowbtn1 {
  background-color: #008ddd;
  border: 1px #008ddd solid;
  background-color: var(--primary_button_color, #008ddd);
  border: 1px var(--primary_button_color, #008ddd) solid;
}
.success-alert,
.failure-alert,
.warning-alert,
.info-alert {
  background-image: url('/images/ui-common-view.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
  cursor: var(--sdpcursor-pointer);
  display: block;
}
.success-alert {
  background-position: -123px -62px;
}
.failure-alert {
  background-position: -150px -62px;
}
.warning-alert {
  background-position: -177px -62px;
}
.info-alert {
  background-position: -204px -62px;
}
.alert-icon {
  float: left !important;
  width: 24px;
  height: 24px;
  position: relative;
  top: 1px;
  margin: 16px 18px;
}
.alert-msg {
  margin-left: 50px !important;
  padding: 12px 10px;
  font-size: var(--font-size-medium);
  line-height: 25px;
}
/* alert gray box */
.alert-gray {
  background: #F9F9F9;
  border: 1px solid #EEE;
}
.alert-gray .msg {
  vertical-align: middle !important;
}
/* alert gray box */
/* Organization Roles */
.ui-plus-sm {
  border: 1px #535353 solid;
  /*#6C6C6C*/
  background-color: #868686;
  background-position: -48px -22px;
}
.ui-plus-sm:hover {
  background-color: #008ddd;
  border: 1px #008ddd solid;
  background-color: var(--primary_button_color, #008ddd);
  border: 1px var(--primary_button_color, #008ddd) solid;
}
.import-xls-sm {
  background: url('/images/import-request.png') no-repeat;
}
.ui-searchby {
  position: relative;
}
.ui-searchby > .btn-group {
  position: absolute;
  top: 0;
  left: 0 !important;
}
.ui-searchby > .btn-group .sdmenu-toggle {
  padding: 7px 3px;
}
.ui-searchby > .btn-group.open .sdmenu-toggle {
  box-shadow: none;
}
.ui-searchby input[type="text"] {
  width: 320px;
  height: 32px;
  padding-left: 38px !important;
}
.inline-modal {
  background: #555;
  filter: alpha(opacity=45);
  opacity: 0.45;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
}
/* Flexigrid fix for New UI */
.flexigrid * {
  box-sizing: content-box;
}
.flexigrid .pReload,
.flexigrid .pNextDis,
.flexigrid .pPrevDis,
.flexigrid .pLastDis,
.flexigrid .pFirstDis,
.flexigrid .pPrev,
.flexigrid .pNext,
.flexigrid .pLast,
.flexigrid .pFirst,
.flexigrid .pSearch {
  background-image: url('/images/ui-common-view.svg?15110') !important;
}
.flexigrid .pSearch {
  background-position: -5px -599px !important;
}
.flexigrid .pReload {
  background-position: -46px -599px !important;
}
.flexigrid .pPrevDis,
.flexigrid .pPrev {
  background-position: -115px -358px !important;
}
.flexigrid .pNextDis,
.flexigrid .pNext {
  background-position: -129px -358px !important;
}
.flexigrid .pNextDis,
.flexigrid .pPrevDis,
.flexigrid .pLastDis,
.flexigrid .pFirstDis {
  opacity: 0.3;
}
.flexigrid .pLast,
.flexigrid .pLastDis {
  background-position: -181px -358px !important;
}
.flexigrid .pFirstDis,
.flexigrid .pFirst {
  background-position: -155px -358px !important;
}
/* Custom Filter Component */
.btn-default.addrowbtn,
.btn-default.removerowbtn,
.btn-default.add-sla-esc,
.btn-default.remove-sla-esc {
  border-radius: 1px;
}
.actionsdiv .sdp-glyph.icon-xs,
.actionsdiv .sdp-glyph.icon-xs {
  text-shadow: none;
  font-size: var(--fs-9);
  width: 9px;
  height: 9px;
  top: -1px;
}
.btn-default.addrowbtn:hover,
.btn-default.add-sla-esc:hover {
  background-color: #008ddd;
  border: 1px #008ddd solid;
  background-color: var(--primary_button_color, #008ddd);
  border: 1px var(--primary_button_color, #008ddd) solid;
}
.btn-default.addrowbtn:hover .common-add-icon2,
.btn-default.add-sla-esc:hover .common-add-icon2 {
  background-position: -49px -23px;
}
.btn-default.removerowbtn:hover,
.btn-default.remove-sla-esc:hover {
  background-color: #DC5146;
  border: 1px #DC5146 solid;
}
.btn-default.removerowbtn:hover .common-remove-icon2,
.btn-default.remove-sla-esc:hover .common-remove-icon2 {
  background-position: -121px -23px;
}
.btn-default.addrowbtn:hover .sdp-glyph.icon-xs,
.btn-default.add-sla-esc:hover .sdp-glyph.icon-xs,
.btn-default.removerowbtn:hover .sdp-glyph.icon-xs,
.btn-default.remove-sla-esc:hover .sdp-glyph.icon-xs {
  text-shadow: 0px 1px 1px #333;
  color: #FFF;
}
/* switch on of for New UI */
.switchonoff .onoff {
  font-size: var(--font-size-base);
  font-weight: normal;
}
.switchonoff-action .off {
  background-position: -48px 50%;
}
.switchonoff-action .on {
  background-position: -2px 50%;
}
.switchonoff-action .off.grey {
  background-image: url(/images/on-off-grey.png);
}
.switchonoff-action .switch {
  background-image: url('/images/on-off.png');
  background-repeat: no-repeat;
  border: 1px solid #CCC;
  border-radius: 20px;
  display: inline-block;
  height: 18px;
  vertical-align: top;
  width: 39px;
}
/* Filter search components less begin
//  -------------------------------------------------- */
.sdmenu-dd > li.sdmenu-submenu > a.cs-focus-off {
  color: #515151;
  background-color: #FFF;
}
.sdmenu-dd > li.cs-focus-on > a {
  background-color: #F1F1F1;
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.sdmenu-submenu.cs-focus-on > .sdmenu-dd {
  display: block;
}
.search-box {
  position: relative;
}
.search-box input {
  padding: 0px 20px;
}
.search-box input::-ms-clear {
  display: none;
}
.search-box > span:first-child {
  position: absolute;
  top: 8px;
  left: 9px !important;
  color: #868686;
}
.search-box span.icon-pos-left {
  left: 20px !important;
}
.search-box > span:last-child {
  position: absolute;
  right: 9px !important;
  top: 6px;
  font-size: var(--font-size-medium);
  opacity: 0.3;
  cursor: var(--sdpcursor-pointer);
  display: none;
}
.search-box > span:last-child:hover {
  opacity: 0.5;
}
.noitem {
  color: #868686;
}
/* Filter search components less end*/
/* Move Template components less begin
//  -------------------------------------------------- */
.move-items {
  display: table;
  white-space: normal;
}
.move-items * {
  box-sizing: border-box;
}
.move-items .cs-focus-on:not(.noitem) {
  background-color: #F5F5F5;
}
.move-items .move-field {
  display: table-cell;
  max-width: 363px;
  min-width: 363px;
}
.move-items .move-field:first-child ul li:not(.noitem) .sdp-glyph:not(i):before,
.move-items .move-field:first-child .move-allbutton .sdp-glyph:before {
  content: "\e94e";
}
.move-items .move-field:last-child ul li:not(.noitem) .sdp-glyph:not(i):before,
.move-items .move-field:last-child .move-allbutton .sdp-glyph:before {
  content: "\e94d";
}
.move-items .move-template {
  overflow: hidden;
  position: relative;
  border: 1px solid #CCC;
  border-top: none;
}
.move-items .parent-highlighted {
  color: #000;
  font-weight: bold !important;
}
.move-items .parent-highlighted ~ li {
  padding-left: 20px !important;
}
.move-items .move-header.sdtabs-ui2 > .nav-sdtabs {
  border-bottom: none;
  overflow: hidden;
}
.move-items .move-header.sdtabs-ui2 > .nav-sdtabs > li:not(.active) > a:hover,
.move-items .move-header.sdtabs-ui2 > .nav-sdtabs > li:not(.active) > .a-tab-ui:hover {
  cursor: var(--sdpcursor-pointer);
}
.move-items .move-header .nav:not(.nav-sdtabs) .active a,
.move-items .move-header .nav:not(.nav-sdtabs) .active .a-tab-ui {
  border-bottom: 2px solid transparent;
}
.move-items .move-header > .nav > li > a {
  padding: 6px 0px;
}
.move-items .move-header > .nav > li > a:hover,
.move-items .move-header > .nav > li.active > a {
  background-color: transparent;
  cursor: var(--sdpcursor-default);
  color: #515151;
  font-weight: bold;
}
.move-items .move-allbutton {
  position: absolute;
  width: 100%;
  bottom: 0px;
  background-color: #F5F5F5;
  border-top: 1px solid #CCC;
  padding: 8px 0px;
  opacity: 0.8;
  transition: bottom 0.3s;
}
.move-items .move-allbutton:hover {
  opacity: 1;
}
.move-items .move-allbutton.moveanim {
  bottom: -35px;
}
.move-items .move-templatelist {
  height: 350px;
  overflow: auto;
  margin-bottom: 35px;
  scroll-behavior: smooth;
}
.move-items .move-templatelist ul {
  padding: 0;
}
.move-items .move-templatelist ul > ul {
  margin-top: 7px;
}
.move-items .move-templatelist .moved {
  background-color: #FBF6DE;
  -webkit-transition: background-color 3s;
  -o-transition: background-color 3s;
  transition: background-color 3s;
}
.move-items .move-templatelist ul li:not(.noitem) {
  font-weight: normal;
  list-style: outside none none;
  padding: 6px 10px;
  cursor: var(--sdpcursor-pointer);
  line-height: 18px;
}
.move-items .move-templatelist ul li:not(.noitem) span:first-child {
  visibility: hidden;
  top: 3px;
  right: -3px !important;
}
.move-items .move-templatelist ul li:not(.noitem):hover {
  background-color: #F5F5F5;
}
.move-items .move-templatelist ul li:not(.noitem):hover span:first-child {
  visibility: visible;
}
.move-items .move-templatelist ul li.multiEleSelected {
  /*Multiselect*/
  background-color: #307ABF;
  color: #FFF;
}
.move-items .move-templatelist ul li.multiEleSelected:hover {
  background-color: #307ABF;
}
.move-items .move-templatelist ul li.multiEleSelected:hover span:first-child {
  visibility: hidden;
}
.move-items .move-templatelist ul li.cs-focus-on span:first-child {
  visibility: visible;
}
.move-items .move-templatelist ul li.cs-focus-off:hover {
  background-color: #FFF;
}
.move-items .move-templatelist ul li.cs-focus-off:hover span:first-child {
  visibility: hidden;
}
.move-items .search-box > span:first-child {
  top: 11px;
}
.move-items .search-box input.form-control {
  padding: 0px 30px;
  height: 35px;
  opacity: 0.6;
}
.move-items .search-box input.form-control:hover,
.move-items .search-box input.form-control:focus {
  opacity: 1;
}
.move-items .search-box > span:last-child {
  right: 8px !important;
  top: 10px;
}
.cs-focus-on {
  background-color: #F5F5F5;
}
.move-items .move-templatelist ul li.sub-header {
  padding: 0 !important;
}
.move-items .move-templatelist ul li.sub-header:hover {
  background-color: unset;
}
.move-items .move-templatelist ul li.sub-header:hover span:first-child {
  visibility: hidden;
}
.move-items .move-templatelist ul li.sub-header ul > li:hover span:first-child {
  visibility: visible;
}
.move-items .move-templatelist ul li.sub-header > span:first-child {
  visibility: hidden;
}
.move-items .move-templatelist ul li.sub-header.cs-focus-on span:first-child {
  visibility: hidden;
}
.move-items .move-templatelist ul li.sub-header.cs-focus-on > label span:first-child {
  visibility: visible;
}
.move-items .move-templatelist .sub-header .menu-title {
  width: 100%;
  padding: 6px 10px;
  cursor: var(--sdpcursor-pointer);
  font-weight: bold;
}
.move-items .move-templatelist .sub-header .menu-title:hover {
  background-color: #F5F5F5;
}
.move-items .move-templatelist .sub-header .menu-title:hover span:first-child {
  visibility: visible;
  cursor: var(--sdpcursor-pointer);
}
.move-items .move-templatelist li.item-selected {
  display: none;
}
.move-items li.sub-header.cs-focus-on:not(.noitem) {
  background-color: unset;
}
.move-items li.sub-header.cs-focus-on:not(.noitem) > label {
  background-color: #F5F5F5;
}
.move-items .move-template .box-list {
  display: flex;
  flex-direction: column;
}
/* Move Template components less end*/
.more-dots {
  background-image: url('/images/ui-common-view.png?15110');
  background-repeat: no-repeat;
  cursor: var(--sdpcursor-pointer);
  background-position: -98px -176px;
  width: 27px;
  height: 14px;
  vertical-align: sub;
  background-color: #EEE;
  display: inline-block;
  line-height: 12px;
  padding: 6px 14px;
  width: auto;
  height: auto;
}
.more-dots:hover {
  background-position: -98px -153px;
}
/* toggleSlider UI Component */
label.toggle-slider-anim1 {
  margin-left: -50% !important;
}
label.toggle-slider-anim2 {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-toggle-slide .toggle-spot {
  position: absolute;
  right: 2px !important;
  -webkit-transition: right 0.2s;
  -o-transition: right 0.2s;
  transition: right 0.2s;
}
.btn-toggle-slide .toggle-spot.toggle-spot-anim {
  right: 98% !important;
  -webkit-transition: right 0.2s;
  -o-transition: right 0.2s;
  transition: right 0.2s;
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  transform: rotate(180deg);
  background: linear-gradient(#B6B2B2, #f8f8f8) !important;
  /*#f8f8f8*/
  box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.3) !important;
}
/*Merge User css start*/
.user-merge-req {
  background: #F5F5F5;
  padding: 15px 8px;
  border-top: 1px solid #CCC;
}
.user-last-merge:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #868686;
  position: absolute !important;
  left: -15px !important;
}
.merge-tdbordr-none td {
  border-bottom: none!important;
}
.merge-listbg {
  background: #F5F5F5;
}
#domainDiv .listview .tablelist {
  border-left: none;
  border-right: none;
}
/*Merge User css end*/
/* Reorder with Drag & Drop Css code start */
.request-catalog-view .sdp-glyph-plus {
  background-color: #333333;
  border: 1px solid #515151;
  color: #FFF;
  cursor: var(--sdpcursor-pointer);
  font-size: var(--fs-9);
  padding: 1px !important;
  top: 3px !important;
  vertical-align: top !important;
}
.request-catalog-view .sdp-glyph-plus:hover {
  background-color: #008ddd;
  border: 1px #008ddd solid;
  background-color: var(--primary_button_color, #008ddd);
  border: 1px var(--primary_button_color, #008ddd) solid;
}
.request-catalog-view .admin-panel {
  border: 0 none !important;
}
.request-catalog-view .admin-panel .h3 {
  padding: 0px;
  line-height: 45px;
  height: auto;
}
.request-catalog-view .admin-searchrow {
  margin-top: 7px;
}
.request-catalog-view .reorder-container {
  overflow: auto;
}
.request-catalog-view .request-catalog-inner {
  background: #FFF;
}
.request-catalog-view .request-catalog-inner .left ul,
.request-catalog-view .request-catalog-inner .right ul {
  padding: 0px !important;
  margin: 0px !important;
}
.request-catalog-view .request-catalog-inner .left li,
.request-catalog-view .request-catalog-inner .right li {
  list-style: none;
}
.request-catalog-view .request-catalog-inner .left li.cursor-drag,
.request-catalog-view .request-catalog-inner .right li.cursor-drag {
  cursor: var(--sdpcursor-move);
}
.request-catalog-view .request-catalog-inner .left li div,
.request-catalog-view .request-catalog-inner .right li div {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.request-catalog-view .request-catalog-inner .left li input.form-control,
.request-catalog-view .request-catalog-inner .right li input.form-control {
  text-align: center;
}
.request-catalog-view .request-catalog-inner .left .sortingorder,
.request-catalog-view .request-catalog-inner .right .sortingorder {
  width: 65px;
  vertical-align: middle;
}
.request-catalog-view .request-catalog-inner .left .disp-t .thumb,
.request-catalog-view .request-catalog-inner .right .disp-t .thumb {
  width: 50px;
}
.request-catalog-view .request-catalog-inner .left .template-catalog-title,
.request-catalog-view .request-catalog-inner .right .template-catalog-title {
  vertical-align: middle;
}
.request-catalog-view .request-catalog-inner .left .disp-t .form-control,
.request-catalog-view .request-catalog-inner .right .disp-t .form-control {
  width: 30px;
}
.request-catalog-view .request-catalog-inner .left {
  background: #F5F5F5;
  box-shadow: inset -6px -3px 5px -6px #cbcbcb;
  /*#cbcbcb*/
}
.request-catalog-view .request-catalog-inner .left li {
  cursor: var(--sdpcursor-pointer);
}
.request-catalog-view .request-catalog-inner .left li:hover {
  background: #d7d7d7;
  /*#d7d7d7*/
  color: #000;
}
.request-catalog-view .request-catalog-inner .left li:focus-visible,
.request-catalog-view .request-catalog-inner .left li.active {
  background: #008ddd;
  color: #fff;
  background: var(--primary_button_color, #008ddd);
  color: var(--primary_button_text, #fff);
}
.request-catalog-view .request-catalog-inner .left .gsearch-content li {
  background: transparent;
  color: #555;
  padding: 6px 20px;
}
.request-catalog-view .request-catalog-inner .left .gsearch-content li:hover,
.request-catalog-view .request-catalog-inner .left .gsearch-content li.active {
  background: transparent;
  color: #555;
}
.request-catalog-view .request-catalog-inner .right {
  background: #FFF;
}
.request-catalog-view .request-catalog-inner .right li {
  line-height: 20px;
  border-bottom: 1px solid #e8e8e8;
  /*#e8e8e8*/
}
.request-catalog-view .request-catalog-inner .right li:hover,
.request-catalog-view .request-catalog-inner .right li:focus-visible,
.request-catalog-view .request-catalog-inner .right li:active {
  background: #F5F5F5;
}
.request-catalog-view .request-catalog-inner .right li:hover.gsearchtitle {
  background: none;
}
.request-catalog-view .request-catalog-inner .right li .template-catalog-title a {
  color: #000;
}
.request-catalog-view .request-catalog-inner .right li:hover a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.request-catalog-view .request-catalog-inner .gsearch-content-list li:last-child {
  border-bottom: none;
}
.request-catalog-view .admin-panel .h3.gsearchbg {
  background: #F5F5F5;
  box-shadow: inset -6px -3px 5px -6px #cbcbcb;
  /*#cbcbcb*/
  border-bottom: 1px solid #F5F5F5;
  font-size: var(--font-size-base);
}
.request-catalog-view .sdp-glyph-drag {
  cursor: var(--sdpcursor-move);
}
.request-catalog-view .move-state-highlight {
  background: #F3FCFF;
  border: 1px dashed #85BBF1;
  z-index: 99;
}
.request-catalog-view .reorder-container .sortingorder {
  display: none !important;
}
.request-catalog-view .reorder-container .cursor-drag .sortingorder {
  display: table-cell !important;
}
.request-catalog-view .reorderenable .checklimit .sortingorder {
  display: table-cell !important;
}
.request-catalog-view .category-sorting {
  padding: 10px !important;
  border-bottom: 2px solid #E9E9E9;
}
.request-catalog-view .bgcircle {
  background: #F5F5F5;
  border-radius: 50%;
  height: 32px;
  width: 33px;
  position: relative !important;
  top: 5px;
}
.reorder-input-alert {
  position: absolute !important;
  background: #FFF;
  padding: 10px !important;
  border: 1px solid #CCC;
  width: 258px;
  z-index: 999;
}
.reorder-input-alert:before,
.reorder-input-alert:after {
  content: '';
  position: absolute !important;
  width: 0;
  height: 0;
}
.reorder-input-alert:before {
  bottom: -20px;
  left: 30px !important;
  border: 10px solid #CCC;
  border-color: #CCC transparent transparent transparent;
}
.reorder-input-alert:after {
  bottom: -16px;
  left: 32px !important;
  border: 8px solid #000;
  border-color: #FFF transparent transparent transparent;
}
.reorderhiglite {
  background: #FFF9D2;
  border-color: #F8A517;
  border-style: dashed;
  border-width: 1px 0px 1px 0px;
}
.h3 .nav-sdtabs > li.active > a,
.h3 .nav-sdtabs > li.active > a:hover,
.h3 .nav-sdtabs > li.active > a:focus,
.h3 .sdtabs-ui2 > .nav-sdtabs > li > a:hover,
.h3 .sdtabs-ui2 > .nav-sdtabs > li > a:focus,
.h3 .nav-sdtabs > li.active > .a-tab-ui,
.h3 .nav-sdtabs > li.active > .a-tab-ui:hover,
.h3 .nav-sdtabs > li.active > .a-tab-ui:focus,
.h3 .sdtabs-ui2 > .nav-sdtabs > li > .a-tab-ui:hover,
.h3 .sdtabs-ui2 > .nav-sdtabs > li > .a-tab-ui:focus {
  background: transparent;
}
.admin-panel .h3 .nav-sdtabs > li .badge {
  vertical-align: middle;
  font-weight: normal;
}
.admin-panel .h3 .nav-sdtabs > li > a,
.admin-panel .h3 .nav-sdtabs > li > .a-tab-ui {
  font-size: var(--font-size-base);
  line-height: 30px;
}
.admin-panel .h3 .sdtabs-ui2 {
  margin-top: -12px;
}
.ui-nodata {
  background: #F9F9F9 url('/images/ui-infoicon1.png') no-repeat 67px 6px;
  border: 1px solid #efefef;
  /*#efefef*/
  margin-top: 20px;
  padding: 10px 10px 10px 100px;
}
.discpn-top-pos {
  top: 12px;
}
/* Reorder with Drag & Drop Css code start */
/*Service Catalog - Additional Fields*/
.sc-additional-fields .widget-bg .widget-panel {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  max-height: 256px;
  overflow: auto;
}
.sc-additional-fields .widget-bg .widget-panel .col-xs-4 {
  border: 1px solid #E9E9E9;
  border-right: 0 solid transparent;
  border-bottom: 0;
  padding: 8px 12px;
  box-sizing: border-box;
}
.sc-additional-fields .widget-bg .widget-header {
  cursor: var(--sdpcursor-pointer);
  border-bottom: none;
}
.sc-additional-fields .btn-group {
  border-left: 1px solid #CCC;
}
.sc-additional-fields .advTcount {
  border-bottom: 0 none;
}
/*Service Catalog - Additional Fields end*/
.widget-bg {
  border: 1px solid #DDD;
  height: 100%;
  overflow: hidden;
}
/*block grid*/
.block-grid {
  display: table;
  width: 100%;
}
.block-grid .row {
  display: table-row;
}
.block-grid .row > div {
  display: table-cell;
  float: none;
  box-sizing: border-box;
  padding: 8px 12px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  line-height: 1.5;
}
.block-grid .row > div.col-xs-3:nth-child(n+4),
.block-grid .row > div.col-xs-4:nth-child(n+3),
.block-grid .row > div.col-xs-6:nth-child(n+2),
.block-grid .row > div.col-xs-12:nth-child(n+1) {
  border-right: 0px solid transparent;
}
.block-grid .row > div p {
  margin: 0;
}
.block-grid .row:last-child div {
  border-bottom: none;
}
.delimiter-table .table td {
  border: 1px solid #CCC;
  width: 150px;
  padding: 0px !important;
  border-left: 0 solid #fff;
  vertical-align: middle;
}
.delimiter-table .table td:first-child {
  border-left: 1px solid #CCC;
}
.delimiter-table .table td div {
  padding: 8px;
}
.delimiter-table .table .module-row td {
  border-top: none;
}
/* Table with borders for columns */
.listview .tableComponent.col-border td {
  border-left: 1px solid #F1F1F1;
  border-right: 1px solid #F1F1F1;
}
.listview .tableComponent.col-border td:first-child {
  border-left: 1px solid transparent;
}
.listview .tableComponent.col-border td:last-child {
  border-right: 1px solid transparent;
}
.listview .tableComponent .csoverlay.normal {
  border: 1px solid transparent !important;
  background-color: transparent !important;
  transition: all 0s;
}
.listview .tableComponent .csoverlay.normal em {
  display: none !important;
}
.listview .tableComponent .csoverlay.hover {
  border: 1px solid #CCC !important;
  background-color: #FFF !important;
}
.listview .tableComponent .csoverlay.hover em {
  display: inline-block !important;
}
.listview .tableComponent a.text-muted {
  color: #868686 !important;
}
.modal-overlay {
  background: #000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 1040;
  opacity: 0.5;
}
/* Confirm Alert Box UI */
.alert-confirm {
  background: #FFF;
  box-shadow: 0 9px 9px rgba(66, 66, 66, 0.4);
  display: inline-block;
  height: auto;
  width: auto;
  position: fixed;
  z-index: 10000000;
  left: 50%;
  top: 50%;
  max-width: 80%;
  min-width: 20%;
  margin: 0;
  padding: 1px;
  transform: translate(-50%, -50%);
}
.alert-confirm button.close {
  margin-right: 5px !important;
}
.alert-confirm .header {
  background: #FFF;
  border-bottom: 1px solid #dddddd;
  font-size: var(--font-size-medium);
  padding: 8px 5px;
  padding-left: 15px;
}
.alert-confirm .footer {
  padding: 0px 15px 12px;
  text-align: center;
}
.alert-confirm > p {
  padding: 15px 15px 8px;
  font-size: var(--font-size-base);
}
.alert-confirm > p:before {
  content: '';
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  background-position: -186px -95px;
  width: 40px;
  height: 40px;
  float: left !important;
  margin-top: -10px;
  margin-right: 15px !important;
  position: relative;
  top: 1px;
  display: none;
}
/* UI popup styles like timer popup */
.ui-popup {
  position: absolute !important;
  width: 300px;
  border-radius: 5px;
  border: 1px solid #DDD;
  background-color: #FFF;
  box-shadow: 0 1px 6px #b7b7b7;
  /*#b7b7b7*/
  z-index: 20;
}
.ui-popup .ui-popup-tip {
  position: absolute !important;
  top: 8px;
  width: 11px;
}
.ui-popup .ui-popup-tip:before,
.ui-popup .ui-popup-tip:after {
  content: '';
  display: inline-block;
  position: absolute !important;
  border: 9px solid;
}
.ui-popup:not(.show-at-left) .ui-popup-tip {
  left: -11px !important;
}
.ui-popup:not(.show-at-left) .ui-popup-tip:before,
.ui-popup:not(.show-at-left) .ui-popup-tip:after {
  border-color: transparent #DDD transparent transparent;
  left: -100% !important;
  margin-left: 3px !important;
}
.ui-popup:not(.show-at-left) .ui-popup-tip:after {
  border-color: transparent #FFF transparent transparent;
  margin-left: 5px !important;
}
.ui-popup.show-at-left .ui-popup-tip {
  right: -11px !important;
}
.ui-popup.show-at-left .ui-popup-tip:before,
.ui-popup.show-at-left .ui-popup-tip:after {
  border-color: transparent transparent transparent #DDD;
  right: -100% !important;
  margin-right: 3px !important;
}
.ui-popup.show-at-left .ui-popup-tip:after {
  border-color: transparent transparent transparent #FFF;
  margin-right: 5px !important;
}
.ui-popup .ui-popup-close .sdp-glyph {
  font-size: var(--fs-10);
}
.ui-popup .ui-popup-head {
  border-bottom: 1px solid #d5d5d5;
  /*#d5d5d5*/
}
.ui-table-nav select {
  display: inline-block;
}
.nextprev-nav > * {
  color: #555;
  border: 1px solid transparent;
}
.nextprev-nav > *:hover {
  border: 1px solid #CCC;
  background-color: #FFF;
}
.nextprev-nav > *:first-child:after {
  content: '';
  position: absolute;
  border-left: 1px solid #CCC;
  height: 100%;
  right: -13px !important;
  margin-top: -2px;
}
/* Table Selection plugin styles */
.ts-dropdown {
  position: absolute;
  bottom: 100%;
  left: 0 !important;
  min-width: 160px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.175);
  background-color: #FFF;
  transform: translateY(10%);
  transition: transform 0.2s;
  max-height: 200px;
  overflow: auto;
  opacity: 0;
  padding: 0;
  margin: 0;
  z-index: -1;
}
.ts-dropdown li {
  position: relative;
  color: #555;
  line-height: 1.45;
  text-align: left !important;
  list-style: none;
  white-space: nowrap;
  cursor: var(--sdpcursor-default);
  padding: 5px 10px 5px 25px;
}
.ts-dropdown li:hover {
  background-color: #f4f4f4;
  /*#f4f4f4*/
}
.ts-dropdown li:hover .ts-close {
  color: #FF0000;
}
.ts-show .ts-dropdown {
  transform: translateY(0) scale(1);
  transition: transform 0.15s;
  opacity: 1;
  z-index: 1;
}
span.ts-close {
  position: absolute;
  top: 0;
  left: 0 !important;
  color: #CCC;
  font-size: 1rem;
  /*10px*/
  cursor: var(--sdpcursor-pointer);
  padding: 9px 8px;
}
.ts-btn-count {
  overflow: hidden;
  transition: all 0.15s;
}
.ts-count {
  position: absolute;
  top: -25px;
  left: 0 !important;
  right: 0 !important;
  line-height: 25px;
}
.inc .ts-count {
  transform: translateY(-33.33%);
  transition: all 0.5s;
}
.dec .ts-count {
  transform: translateY(33.33%);
  transition: all 0.5s;
}
/** Freeze layer using EDIT for active directory **/
.freezelayer-wrapper .freezelayer-text {
  background-color: #FFF;
  left: 20px !important;
  line-height: normal;
  top: -15px;
  visibility: hidden;
  z-index: 10;
}
.freezelayer-wrapper .freezelayer-text .inner {
  border: 1px dashed #515151;
  padding: 5px 10px;
  float: left !important;
}
.freezelayer-wrapper .freezelayer-text .inner.freezelayer-textseparator {
  margin-left: -1px !important;
}
.freezelayer-wrapper .modal-overlay2 {
  visibility: hidden;
  border: 1px dashed #515151;
}
.freezelayer-wrapper:hover .freezelayer-text,
.freezelayer-wrapper:hover .modal-overlay2 {
  visibility: visible;
}
.modal-overlay2 {
  background-color: #FFF;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  opacity: 0.8;
}
/* About page css start */
.colorborder div {
  float: left !important;
  height: 3px;
  margin-right: 2px !important;
  width: 24.6%;
  /* RH only */
}
.colorborder div:nth-child(4n+4) {
  margin-right: 0px !important;
}
.red {
  background: #CC2034;
}
.green {
  background: #11974D;
}
.blue {
  background: #0C78B7;
}
.yellow {
  background: #FCD018;
}
.aboutdiv .alert-info .form-group label {
  color: #444444;
  /*#444*/
}
.box-default {
  padding: 1px 5px;
  background-color: #eee;
  border: 1px solid #bfbfbf;
  /*#cfcfcf;*/
  color: #333;
  display: inline-block;
  text-align: center;
}
/* About page css end */
/* Software Deployment UI by venkatesh.ck */
.sdmenu .drop {
  min-width: 282px;
  background-color: #FFF;
  position: absolute !important;
  z-index: 2;
  top: 32px;
  border: 1px solid #E1DBDB;
  box-shadow: 0px 1px 5px 0px #F5F5F5;
  display: none;
  overflow-y: auto;
  max-height: 100px;
  box-sizing: content-box;
}
.sdmenu .drop.admin-hightlight {
  background-color: #3E8ACC;
  color: #FFF;
}
.sdmenu .drop a:hover {
  color: #FFF;
  background-color: #3E8ACC;
}
.sdmenu .drop a {
  color: #515151;
  line-height: 18px;
  display: block;
  text-decoration: none;
}
.sdmenu .drop div {
  background-color: #528FEF;
  color: #FFF;
}
/*-----------Request Notifications------------*/
.req-notification * {
  text-decoration: none;
}
.req-notification p.text-muted {
  line-height: 20px;
  margin: 0;
}
.req-notification div a,
.req-notification .ui-dialog .dialog-content a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.req-notification .rt-content {
  max-height: 275px;
  line-height: 17px;
}
.req-notification .rt-content ul li {
  color: #000;
}
.req-notification .rt-nocount,
.req-notification .rt-listview {
  top: 140px;
}
.req-notification .rt-nocount {
  position: fixed;
  overflow: inherit;
  width: 30px;
  text-align: center;
  left: inherit !important;
  right: -1px !important;
}
.req-notification .rt-nocount span {
  cursor: var(--sdpcursor-pointer);
  top: -8px;
  left: -8px !important;
}
.req-notification .rt-listview {
  position: fixed;
  z-index: 99;
  width: 278px;
  right: 1px !important;
  left: inherit !important;
}
.req-notification :root .rt-listview {
  left: auto !important;
}
.req-notification .rt-listheader {
  padding: 8px;
}
.req-notification .rt-listname,
.req-notification .rt-content,
.req-notification .rt-listdetails {
  overflow: auto;
}
.req-notification .rt-listname ul,
.req-notification .rt-content ul,
.req-notification .rt-listdetails ul {
  margin: 0;
  padding: 0;
}
.req-notification .rt-listname ul li,
.req-notification .rt-content ul li,
.req-notification .rt-listdetails ul li {
  list-style-type: none;
}
.req-notification .rt-listname,
.req-notification .rt-content ul li,
.req-notification .rt-listdetails ul li {
  padding: 7px 9px;
}
.req-notification .rt-listname {
  max-height: 234px;
}
.req-notification .rt-listname ul li {
  padding: 4px 0;
}
.req-notification .rt-listdetails {
  max-height: 330px;
}
.req-notification .rt-listdetails ul li:not(:last-child),
.req-notification .rt-content ul li:not(:last-child) {
  border-bottom: 1px solid #DDD;
}
.req-notification .rt-btns {
  padding: 7px 10px;
  overflow: hidden;
}
.req-notification .rt-btns > a {
  display: inline-block;
  height: 14px;
}
.req-notification .rt-btns a {
  position: relative;
}
.req-notification .rt-btns a:after {
  content: '';
  position: absolute;
  right: -12px !important;
  width: 1px;
  height: 14px;
  background-color: #868686;
}
.req-notification .rt-btns h4,
.req-notification .rt-listheader h4 {
  margin: 0;
}
.req-notification .rt-btns span,
.req-notification .rt-listheader span {
  cursor: var(--sdpcursor-pointer);
  color: #868686;
}
.req-notification .rt-btns span:hover,
.req-notification .rt-listheader span:hover {
  color: #515151;
}
.req-notification .rt-listheader {
  color: #515151;
}
.req-notification .rt-btns div:first-child,
.req-notification .rt-listname ul li,
.req-notification .rt-listdetails ul li,
.req-notification .rt-listheader,
.req-notification .rt-btns a span {
  font-size: var(--font-size-small);
}
@keyframes rt-topview {
  0% {
    top: -20%;
  }
  100% {
    top: 140px;
  }
}
@keyframes rt-sideview {
  0% {
    left: 35%;
  }
  100% {
    left: 90%;
    opacity: 0;
  }
}
.req-notification .rt-topview {
  -webkit-animation: rt-topview 1s;
  -o-animation: rt-topview 1s;
  animation: rt-topview 1s;
}
.req-notification .rt-sideview {
  -webkit-animation: rt-sideview 1s;
  -o-animation: rt-sideview 1s;
  animation: rt-sideview 1s;
}
.req-notification .bcm-notificationbox {
  top: 125px;
  display: block;
}
.req-notification .bcm-notificationbox.bcm-topview {
  top: -50%;
  display: none;
}
.req-notification .bcm-notification {
  -webkit-animation: bcm-notificationview 1s;
  -o-animation: bcm-notificationview 1s;
  animation: bcm-notificationview 1s;
}
/*broadcast message less begin*/
.bcm-label {
  line-height: 15.6px;
}
@keyframes bcm-notificationview {
  0% {
    top: -50%;
  }
  100% {
    top: 125px;
  }
}
.anim-scalehide {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
}
.anim-scaleshow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
}
/*broadcast message less end*/
/* fineuploader overwrite */
.qq-upload-button {
  display: block;
  width: 105px;
  text-align: center;
  background: url('/images/attachment.gif') no-repeat 10px 5px;
  color: #3d3d3d;
  /*#3D3D3D*/
  font-size: 1rem;
  font-weight: bold;
  padding-left: 15px;
  vertical-align: bottom;
  border: 1px solid #CCC;
  border-radius: 4px;
  height: 25px;
  line-height: 25px;
}
div.qq-upload-button {
  width: auto;
  padding-left: 20px;
  padding-right: 10px;
  background: url('/images/attachment.gif') no-repeat 3px 5px;
}
div.qq-upload-button:hover {
  background: url('/images/attachment.gif') no-repeat 3px 5px;
}
.qq-upload-button > div {
  font-weight: bold !important;
}
.qq-upload-button-hover {
  background: #f3f3f3 url('/images/attachment.gif') no-repeat 10px 5px;
  /*#f3f3f3*/
}
div.file[style="display: block"] {
  display: inline-block !important;
}
.file img.pos-abs {
  top: 0;
  left: 0;
}
/*widget block*/
.widget-bg {
  height: 100%;
  overflow: hidden;
  border: 1px solid #DDD;
}
.widget-bg .widget-header {
  position: relative !important;
  border-bottom: 1px solid #DDD;
  background-color: #FFF;
  padding: 15px 0 15px 15px;
}
.widget-bg .widget-header h4 {
  margin: 0px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-bg .widget-header .widget-menu {
  position: absolute !important;
  top: 12px;
  right: 10px !important;
}
.widget-bg .widget-panel {
  background-color: #FFF;
  height: 100%;
  padding: 10px;
}
.widget-bg .widget-panel.iframe-widget-summaryrequests-list {
  padding: 0px !important;
}
/* Mobile App css */
.mobile-sprite {
  background: url('/images/sdp-mobile-app.svg');
  background-repeat: no-repeat;
  display: inline-block !important;
  position: relative !important;
}
.app-store {
  background-position: -2px -2px;
  width: 31px;
  height: 31px;
}
.google-play {
  background-position: -39px -2px;
  width: 32px;
  height: 31px;
}
.mobile-app-border {
  border-right: 1px solid #CCC;
}
/* Mobile App css End */
/*PII hover and height*/
.widget-box .pr-sett .row:hover {
  background-color: #fafafa;
  /*#fafafa*/
}
.pr-sett.form-group {
  max-height: 320px;
  overflow: auto;
}
.btn-upload-file {
  position: absolute;
  opacity: 0;
  width: 138px;
}
table.pii-tooltip {
  white-space: normal;
  margin: 0;
  padding: 0;
}
table.pii-tooltip td {
  padding: 5px;
  vertical-align: top;
}
table.pii-tooltip tr:not(:last-child) td {
  border-bottom: 1px solid #EEE;
}
/* sla css */
.select-blk {
  position: absolute !important;
  margin-top: 0px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  z-index: 2;
  box-shadow: 0px 1px 5px rgba(201, 201, 201, 0.85);
  border: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  background: #FFF;
  width: 395px;
  max-height: 400px;
  overflow-y: auto;
}
.select-blk a {
  background: #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  display: block;
  text-decoration: none;
  margin: 0px 1px;
  font-weight: normal;
  width: 94%;
  height: auto;
  line-height: normal;
  padding: 8px 10px;
}
.select-blk a:hover {
  background: #F5F5F5;
  color: #000;
}
.sla-select.disabled {
  cursor: var(--sdpcursor-not-allowed);
}
.sla-select.disabled em {
  cursor: var(--sdpcursor-not-allowed) !important;
}
.create-sla h5 {
  background-color: #eeeeee;
  padding: 9px 15px !important;
}
.sla-form label {
  margin-bottom: 5px !important;
  font-weight: bold !important;
  display: inline-block !important;
  max-width: 100%;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
/* disable sla */
.fontgray .text-color6,
.fontgray .text-color4,
.fontgray p {
  color: #868686 !important;
}
.fontgray .setting-icon,
.fontgray .caret,
.fontgray .cspr {
  opacity: 0.3;
}
.fontgray .btn-info {
  background: #868686;
  border: 1px solid #868686;
}
.fontgray .setting-box ul {
  display: none !important;
}
/* common group button right align */
.input-group-addon.tr {
  text-align: right !important;
}
/* Table Row Controls Hover Styles */
table button:hover .trash:not(.flat),
table a:hover .trash:not(.flat),
table span:hover .trash:not(.flat) {
  background-position: -181px -52px;
}
table button:hover .edit:not(.flat),
table a:hover .edit:not(.flat),
table span:hover .edit:not(.flat) {
  background-position: -47px -785px;
}
table button:hover .reply1:not(.flat),
table a:hover .reply1:not(.flat),
table span:hover .reply1:not(.flat) {
  background-position: -81px -574px;
  width: 22px;
  height: 15px;
}
.of-h {
  overflow: hidden !important;
}
/*Char Count*/
.title-holder1 .char-count,
.char-topright .char-count {
  position: absolute;
  top: 0px;
}
.title-holder1 .char-count {
  right: 15px !important;
}
.char-topright .char-count {
  right: 0px !important;
}
/* Pipe Line
    ===== */
.pipe {
  width: 1.3px;
  height: 14px;
  display: inline-block;
  /* vertical-align: middle; */
  margin: 0px 6px;
}
.pipe.dark1 {
  background-color: #555;
}
.pipe.light1 {
  background-color: #CCC;
}
.pipe.dark2 {
  background-color: #7E7E7E;
}
.pipe.light2 {
  background-color: #A1A1A1;
}
/* Show Popover */
.popover-ui {
  padding: 15px;
  width: 260px;
  /** Attachment dropdown UI padding issue fix **/
}
.popover-ui.attach-popup {
  padding: 0px !important;
}
.popover-ui.bottom > .arrow,
.popover-ui.top > .arrow {
  left: 15%;
}
.popover-ui-modal {
  max-width: 643px;
  width: 100%;
}
.popover-ui-modal > .arrow {
  display: none;
}
.brleftgray {
  border-left: 1px solid #CCC;
}
.accordion-log.conv-timeline {
  border-left: 1px solid #EEE;
}
.accordion-log.conv-timeline.accordion-timeline .label.label-primary {
  left: 0 !important;
}
.accordion-log.conv-timeline .panel-group:before {
  display: none;
}
.accordion-log.conv-timeline .panel-group .panel:last-child:before {
  width: 32px;
  left: -33px !important;
}
/* Zia integrations css */
/* Slide left to right animate */
.slide-rtl {
  background-color: #FFF;
  height: 100%;
  left: 100%;
  width: 100% !important;
  z-index: 10;
}
.nav-ltr,
.nav-rtl {
  position: absolute !important;
  top: 43%;
  z-index: 4;
  padding: 5px 10px;
}
.nav-ltr {
  left: 0px !important;
}
.nav-rtl {
  right: 0px !important;
}
/* Slide left to right animate end */
.font-medium1 {
  font-size: var(--fs-14);
}
.nbt {
  border-top: 0px;
}
table .nbt {
  border-top: 0px !important;
}
.oya {
  overflow-y: auto;
}
.oxa {
  overflow-x: auto;
}
.oyh {
  overflow-y: hidden;
}
.oxh {
  overflow-x: hidden;
}
.asb {
  border: 1px solid #CCC;
}
/*RLC Guide*/
.g-wrap {
  background-color: #FFF;
  border-radius: 50%;
  bottom: 50px;
  box-shadow: 0 1.5px 40.32px 1.7px rgba(0, 0, 0, 0.25);
  cursor: var(--sdpcursor-pointer);
  height: 7vw;
  position: fixed;
  right: 2vw;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  width: 7vw;
  z-index: 26;
}
.g-widget {
  border: 3px solid #FFF;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.45s, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  width: 100%;
  background-color: #C3F3FF;
  text-align: center;
}
.g-move {
  animation: 4s ease-in-out 0.4s alternate none infinite running wrapanim;
}
.g-star {
  height: 1vw;
  left: 3.5vw;
  position: absolute;
  top: 1vw;
  transform: rotate(-30deg);
  width: 1vw;
  z-index: 1;
}
.g-star span {
  position: absolute;
  text-shadow: 0 2px 2px rgba(47, 148, 238, 0.6);
  animation: twinkleBpStar 0.4s infinite, bpStarScale 1s infinite;
}
.g-star span svg {
  fill: #EB8902;
}
.g-star span.g-star1 {
  left: 0.5vw;
  top: 1vw;
}
.g-star span.g-star2 {
  animation-delay: 0.5s;
  left: 0vw;
  top: 0vw;
}
.g-star span.g-star3 {
  animation-delay: 1s;
  left: 1vw;
  top: 0vw;
}
.g-star svg {
  height: 1.2vw;
  width: 1.2vw;
}
.g-title {
  font-size: var(--fs-0) 0.8vw;
  margin: 1.5vw auto;
  width: 5vw;
}
.g-title .svgrlcicon {
  background-image: url('/images/rlcguideicon.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 2.5vw;
  width: 2.5vw;
  position: relative;
  top: 4px;
}
.g-badge {
  background-color: #AC6406;
  color: #FFF;
  font-size: var(--fs-0) 0.7vw;
  line-height: 2.8vw;
  height: 2vw;
  left: -2vw;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0.8vw;
  transform: rotate(-60deg);
  width: 5vw;
  z-index: 1;
}
@keyframes wrapanim {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, -5px);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(0, -5px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes twinkleBpStar {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes bpStarScale {
  0% {
    transform: scale(0.7);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.7);
  }
}
.rlc-diagram-btn {
  border-left: 1px solid #CCC;
}
.rlc-diagram-anim {
  width: 100%;
  height: 620px;
  left: 0;
  z-index: 101;
  transition: all 1s;
  transform: scale(0) perspective(360px) rotateX(30deg);
}
.rlc-diagram-anim .widget-bg {
  width: 50vw;
  margin: 30px auto;
}
.rlc-diagram-anim1 {
  transform-origin: right;
  transform: scale(1) perspective(360px) rotateX(0deg);
}
/*Line height 21px*/
.lh-large {
  line-height: 21px;
}
/*btn-secondary in button group svg icon change in hover effect background position*/
.btn-secondary .hview-n {
  background-position: -558px -268px;
}
.btn-secondary .vview-n {
  background-position: -523px -268px;
}
/* Custom Truncate multiline */
.multi-text-of {
  overflow: hidden;
  position: relative;
  line-height: 1.4em;
  text-align: center!important;
  word-break: break-word;
}
.multi-text-of.line-1 {
  max-height: 1.4em;
}
.multi-text-of.line-2 {
  max-height: 2.8em;
}
.multi-text-of.line-3 {
  max-height: 4.2em;
}
.btn-group-pointer .btn-default.active {
  background-color: #535353;
  border: 1px solid #535353;
  color: #fff;
}
.btn-group-pointer .btn-default.active:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0 !important;
  right: 0 !important;
  margin: auto;
  width: 10px;
  height: 10px;
  background-color: #535353;
  border-left: 1px solid #535353;
  border-bottom: 1px solid #535353;
  transform: rotate(-45deg);
  z-index: -1;
}
.arrow-box-r {
  position: relative !important;
}
.arrow-box-r:before {
  content: '';
  display: block;
  z-index: 1;
  border: solid 4px transparent;
  border-left-color: #312e2e;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#combined-task-view.slideleftnav,
.slideleftnav .task-list-sb {
  width: 250px;
}
#combined-task-view.slideleftnav.hide-sidebar {
  min-width: 10px;
  width: 0;
  padding: 0px !important;
  transition: width 0.5s ease 0s;
}
/* common divider arrow */
.lightbg {
  background: #F9F9F9;
}
.divider-arw {
  border-left: 1px solid #c2c2c2;
  width: 1%;
  height: 100% !important;
  height: 100%;
}
.divider-arw > span,
.divider-arw > span:before {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}
.divider-arw > span {
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 9px solid #c2c2c2;
}
.divider-arw > span:before {
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 9px solid #F9F9F9;
  left: -11px !important;
}
/* common divider arrow end */
/* SD-81495 issue fix */
.ze_SCmb,
.ze_area {
  border: 1px solid #e6e6e6 !important;
}
.ze_area {
  border-top: none !important;
}
/* SD-81495 issue fix end */
input::-ms-clear {
  display: none;
}
/* MultiSelect */
#MultiSelect .list_values label {
  visibility: hidden;
}
#MultiSelect .list_values li > div {
  text-align: right;
  margin-right: 4px;
}
#MultiSelect .select2-input {
  border: none !important;
  box-shadow: none !important;
}
.ms-select2-field {
  display: block;
  width: 85% !important;
  min-height: 60px;
  margin-bottom: 8px;
  z-index: 10;
}
.active .ms-select2-field {
  z-index: 20;
}
.ms-select2-field ul.select2-choices {
  width: 97%;
  height: 60px !important;
}
.bulk-edit-multiselect .bulk-select-btns {
  left: 77%;
}
.bulk-select-btns {
  left: 84%;
}
.fafr-value .showmore,
.fafr-value .showless {
  right: 16px;
}
#bulk-select-sort > span {
  margin: 13px 2px 0 5px;
}
#bulk-select-sort .common-desc-icon,
#bulk-select-sort .common-asc-icon {
  top: -3px;
  left: -3px;
}
#multiasset .select2-container {
  float: left;
}
#multiasset .select2-container-multi .select2-choices {
  max-height: 360px;
  overflow: auto;
  z-index: 1;
}
.bulk-select-btns {
  position: absolute;
  top: 4px;
  width: 50px;
}
.ui-opacity5 .showmore,
.ui-opacity5 .showless {
  display: none !important;
}
#multiasset .select2-container {
  width: 85% !important;
}
/*Overflow text with Fading top and bottom*/
.fade-top:before {
  content: '';
  position: absolute;
  width: calc(98%);
  height: 30px;
  top: 0;
  right: 0;
  left: 0;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
  z-index: 10;
}
.fade-bottom:after {
  content: '';
  position: absolute;
  width: calc(98%);
  height: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
  z-index: 10;
}
/*Overflow text with Fading top and bottom Ends*/
/*Freezelayer with dark background*/
.freezelayer-dark {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.8;
  z-index: 100;
}
/*Freezelayer with dark background Ends*/
.custmze-nrml {
  background-position: -514px -420px;
}
.custmze-hvr {
  background-position: -539px -420px;
}
/*Freezelayer with dark background Ends*/
/* FadeinRight css*/
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(120px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeinright {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
/* FadeinRight css end */
.disableDiv {
  opacity: 0.5;
  pointer-events: none;
  cursor: var(--sdpcursor-not-allowed);
}
.gridsterul {
  list-style: none;
}
/* Table Component Kanban */
.tc-kanban .k_div:last-child .table-pipeline {
  display: none;
}
.icon-ms {
  width: 18px;
  height: 18px;
}
/* Custom Portal */
.support-portal * {
  box-sizing: border-box;
}
.support-portal .loginsection {
  margin: 0 auto;
  width: 500px;
  border: 1px solid #CCC;
  border-radius: 3px;
}
.support-portal .formsection {
  padding: 30px 40px;
}
.support-portal .login-user-icon,
.support-portal .login-pawd-icon {
  float: left !important;
  height: 17px;
  margin-left: 6px;
  position: relative;
  width: 16px;
}
.support-portal .input-group-addon {
  padding: 4px 6px;
}
.support-portal .input-group-addon,
.support-portal .input-group-btn {
  vertical-align: middle !important;
  white-space: nowrap;
  width: 1%;
}
.support-portal .formsection .form-control {
  height: 34px;
}
.support-portal .newreg {
  padding: 20px !important;
  background: #fafafa;
  /*#fafafa*/
  font-size: var(--fs-16);
  font-weight: 500;
  border-top: 1px solid #CCC;
}
.support-portal .newform .form-control {
  height: 28px;
}
.support-portal .form-control {
  height: 28px !important;
}
.support-portal .page-content {
  margin: 0 auto;
  width: 1200px;
}
.support-portal .page-content .bottom-border li a {
  color: #000;
  /* #333 */
}
.support-portal .page-content li:hover a {
  color: #1a6ebd;
}
.support-portal .admin-searchicon {
  top: 12px;
}
.support-portal .admin-searchbar {
  height: 40px;
  padding-left: 40px;
}
.support-portal .admin-searchrow {
  margin: 0 auto;
}
.support-portal hr {
  border-top: 1px solid #e2e2e2;
  /*e2e2e2*/
}
.support-portal ul.bottom-border li {
  border-bottom: none;
}
.support-portal .link-section a {
  color: #FFF;
  /* #FFF */
}
.support-portal .annon-detail li {
  line-height: 30px;
}
.support-portal .ActTopic,
.support-portal .topicCnt a {
  color: #444444;
  /*#444*/
}
.support-portal .topicCnt {
  width: auto;
  height: 350px;
}
.support-portal .topicCnt div {
  padding: 2px 0;
  font-size: var(--fs-14);
  line-height: 27px;
}
.support-portal .anim {
  overflow: hidden;
  transition: width 0.6s;
  width: 250px;
}
.support-portal .slide-bdr {
  border-right: 1px solid #EEE;
}
.portal-ftr {
  height: 78px;
  line-height: 78px;
}
.portal-ftr1 {
  height: 40px;
  line-height: 40px;
}
/* Custom Portal Ends */
.addonbtn {
  color: #03afb0;
  border: 1px solid #00c3c4;
  border-radius: 15px;
  padding: 2px 4px;
  padding: 1px 4px !important;
  font-size: var(--fs-10);
  position: relative;
  top: -1px;
  white-space: nowrap;
  font-size: 1rem;
  /* ~10px */
}
a.lnav-item-current .addonbtn {
  color: #FFF;
  border-color: #FFF;
}
.admin-main .admin-iconrow span.addonbtn {
  display: inline-block;
  font-size: var(--fs-14);
  color: #03afb0;
  padding: 1px 6px !important;
  left: 3px;
}
.pagepos-fix {
  height: calc(100% - 235px);
}
.two-fact-auth .auth-type {
  border: 1px solid #DDD;
  min-width: 200px;
  max-width: 200px;
}
.two-fact-auth .selected-auth {
  border: 1px solid #CCC;
  padding: 11px;
  background-color: #FFF !important;
}
.two-fact-auth .selected-auth span {
  z-index: 9;
}
.two-fact-auth .br-c {
  border: 1px solid #CCC;
}
.two-fact-auth .f15 {
  font-size: var(--fs-15);
}
.two-fact-auth ol li {
  padding: 3px 10px;
}
.check-circle {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.addonbtn {
  color: #03afb0;
  border: 1px solid #00c3c4;
  border-radius: 15px;
  padding: 2px 4px;
  font-size: 1rem;
}
/* Theme Enhancement Style */
.bodypad {
  padding: 10px;
}
.bgtransp {
  background: transparent !important;
}
.cmdb-wrap .Lefttd {
  padding-left: 0;
}
.pagebg {
  background: #FFF;
}
.sdmenu-dd select.text-color4 {
  color: #000;
}
.bodypad .bodypad {
  padding: 0;
}
tr.tc-row:hover td a.select2-choice,
.tableComponent tr.hover a.select2-choice {
  color: #111111;
}
input[hidden] {
  display: none !important;
}
/*Announcement UI Revamp*/
.announcement-dialog {
  max-height: 760px;
  height: 95% !important;
}
.announce-ui-cont {
  height: calc(100% - 45px) !important;
}
/*Announcement UI Revamp*/
/* WebComponent */
web-component {
  display: none;
}
/*Admin module spcific jquery dialog popup ui*/
.modulenew.ui-dialog .ui-dialog-content {
  max-height: 80vh !important;
}
/* sdpdesign less overwrite fr */
.fr > .sdmenu-dd {
  right: 0px;
  left: auto;
}
.fontbigBold .form-control {
  font-weight: normal;
}
/* sdpdesign less overwrite end */
/*Reminder form page input date field noborder*/
.input-date-noborder input.form-control {
  border: 0 none !important;
}
.helpheading {
  font-weight: bold;
  color: #666666;
  border: 1px #999999 solid;
  width: 100%;
  display: block;
  background-color: #F0F0F0;
  padding: 2px;
  text-decoration: none;
}
/* Notes Editor font size issue fix */
.accordion-log.accordion-timeline .colour {
  font-size: inherit;
}
/* Notes Editor font size issue fix end */
/*global Search popup */
.result-overlay {
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gs-result-overlay);
  z-index: 49;
  animation: 1s slideup;
}
.overlay-hide {
  animation: 2s slidedown;
}
.request-catalog-view.form-wrapper {
  padding: 0px !important;
}
@keyframes slidedown {
  from {
    margin-top: 0%;
    height: 100%;
  }
  to {
    margin-top: 100%;
    height: 300%;
  }
}
@keyframes slideup {
  from {
    margin-top: 100%;
    height: 300%;
  }
  to {
    margin-top: 0%;
    height: 100%;
  }
}
.gsearch-content-list a {
  color: #000;
  /* #000 */
}
.gsearch-content-list .tc-row:hover a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.gsearch-content-list .gs-portal-label {
  background: var(--gs-portal-label-bg);
  text-align: center;
  position: absolute;
  top: 15px;
  padding: 4px 10px;
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  right: 0 !important;
}
/* #91612 - Issue fix */
.TFDisabled[disabled],
.form-control[readonly] {
  background: #FFF;
}
.form-control[readonly] {
  cursor: var(--sdpcursor-not-allowed);
}
.rprt-roundedno {
  background: #FFF;
  padding: 5px 10px;
  border-radius: 50%;
  border: 1px solid #cfcfcf;
  text-align: center;
  margin: 3px 12px;
  font-size: var(--font-size-base);
}
.dcagent-intg {
  line-height: 1.5;
}
.dcagent-intg p {
  color: #000;
}
.dcagent-intg ol li {
  border-bottom: 0px;
}
.dcagent-intg .cont-slide {
  max-height: 0;
  overflow: hidden;
  transition: all 0.7s ease-in-out;
}
.dcagent-intg .cont-slide.active {
  max-height: 300px;
  overflow: auto;
}
.form-cmtsection.right-pane img {
  width: 100%;
  height: auto;
}
/* Custom Checkboxes Start*/
.check-circle {
  border-radius: 50%;
  display: inline-block;
}
.custom-checkbox1 label {
  cursor: var(--sdpcursor-pointer) !important;
}
.custom-checkbox1 input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  top: 2px !important;
  height: 14px;
  width: 14px;
  vertical-align: middle;
  border-radius: 50%;
  display: inline-block;
  background-color: #EEE !important;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  right: 5px !important;
  vertical-align: baseline !important;
}
.custom-checkbox1 input[type="radio"]:checked {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  background-position: -99px -24px;
  background-color: #FFF !important;
  border: none !important;
  box-shadow: none;
}
.custom-checkbox2 label input[type="radio"] {
  display: none;
}
.custom-checkbox2 label input[type="radio"] + span {
  cursor: var(--sdpcursor-pointer) !important;
  margin-right: 10px !important;
  display: inline-block !important;
  border-radius: 10px;
  background-color: #fff;
  padding: 2px 6px;
}
.custom-checkbox2 label input[type="radio"] + span::before {
  content: '';
  right: 3px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  background-position: -353px -449px;
}
.custom-checkbox2 label input[type="radio"]:checked + span {
  background-color: #F1FAFF;
  color: #4588F0;
}
.custom-checkbox2 label input[type="radio"]:checked + span::before {
  background-position: -330px -449px;
}
.custom-checkbox3 label {
  cursor: var(--sdpcursor-pointer) !important;
}
.custom-checkbox3 input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: none;
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
  right: 5px !important;
  vertical-align: baseline !important;
  top: 2px !important;
}
.custom-checkbox3 input[type="radio"]:checked {
  background-position: -480px -10px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  box-shadow: none;
}
.custom-checkbox4 input[type="checkbox"]:checked {
  background-color: var(--primary_button_color, #0CAD77);
  border-color: var(--primary_button_color, #0CAD77);
  background-image: url(/images/ui-common-view.svg?15110);
  background-position: -236px -402px;
  background-size: 487px;
}
.custom-checkbox4 input[type="checkbox"],
.custom-checkbox4 input[type="radio"] {
  width: 18px;
  height: 18px;
  background: #fff;
  -webkit-appearance: none;
  border-radius: 3px;
  border: 1px solid #888;
  display: inline-block;
  position: relative;
  outline: 0 !important;
  vertical-align: text-bottom;
  right: 4px;
}
/* Custom Checkboxes End*/
/*Table listview flip container*/
.lv-fwrap {
  /* row change */
}
.lv-fwrap.worequestlistview {
  /*For request listview*/
}
.lv-fwrap.worequestlistview .cv-task-item > .row > .col-xs-1 {
  max-width: 70px;
}
.lv-fwrap.wochangelistview {
  /*For change listview*/
}
.lv-fwrap.wochangelistview .cv-task-item > .row > .col-xs-1 {
  max-width: 60px;
}
.lv-fwrap.wochangelistview .tc-req-edit {
  left: 30px;
}
.lv-fwrap .cv-task-item .sdp-glyph-menu {
  transition: opacity 300ms, visibility 700ms;
  opacity: 0.5;
}
.lv-fwrap .cv-task-item .task-ic-wrapper {
  width: 33px;
  height: 25px;
  padding: 8px 0 0;
  text-align: center;
  border: 1px solid #DDD;
  border-radius: 50%;
  position: absolute;
}
.lv-fwrap .cv-task-item > .row > .col-xs-1 {
  position: relative;
}
.lv-fwrap .cv-task-item > .row > .col-xs-1 > div {
  margin: 0px !important;
}
.lv-fwrap .cv-task-item .tc-edit {
  position: absolute;
  top: 50px;
  left: 20px;
}
.lv-fwrap .cv-task-item:hover {
  background: #f7f7f7;
  /*#f7f7f7*/
  transition: 0.6s all;
}
.lv-fwrap .cv-task-item:hover .sdp-glyph-menu {
  display: inline-block !important;
  opacity: 1;
  transition-delay: 400ms;
}
.lv-fwrap .cv-task-item:hover .flipper:not(.no-flipper) {
  transform: rotateY(180deg);
  transition-delay: 300ms;
}
.lv-fwrap .cv-task-item:hover .flip-container .front:not(.no-flipper) {
  opacity: 0;
  transition-delay: 300ms;
}
.lv-fwrap .cv-task-item:hover .flip-container .back {
  opacity: 1;
  transition-delay: 300ms;
}
.lv-fwrap .tc-req-edit {
  position: absolute;
  top: 18px;
  left: 45px;
  display: none;
}
.lv-fwrap .flip-container {
  perspective: 1000px;
  position: absolute;
  left: 0;
  top: 0;
}
.lv-fwrap .flip-container,
.lv-fwrap .front,
.lv-fwrap .back {
  width: 40px;
  height: 40px;
}
.lv-fwrap .cv-task-item.selected-row .flip-container .back {
  opacity: 1 !important;
}
.lv-fwrap .cv-task-item.selected-row .flip-container .front {
  opacity: 0 !important;
}
.lv-fwrap .flipper {
  transition: 300ms;
  transform-style: preserve-3d;
  position: relative;
}
.lv-fwrap .front {
  backface-visibility: hidden;
  transition: opacity 300ms, visibility 700ms;
}
.lv-fwrap .front,
.lv-fwrap .back {
  position: absolute;
  transform: rotateY(0deg);
}
.lv-fwrap .back {
  transform: rotateY(180deg);
  transition: o pacity 200ms;
  opacity: 0;
}
.lv-fwrap .flipper .back input {
  position: absolute;
  top: 6px;
  left: 10px;
}
.lv-fwrap .flip-active {
  transform: rotateY(180deg);
}
.lv-fwrap .flipper .rspr {
  border: 1px solid #CCC;
  border-radius: 50%;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  opacity: 0.7 !important;
}
.lv-fwrap .flipper .rspr:hover {
  opacity: 1 !important;
}
.lv-fwrap .flipper .rspr.r-inci-h {
  background-position: -333px -564px;
}
.lv-fwrap .flipper .rspr.r-ser-h {
  background-position: -296px -563px;
}
.lv-fwrap .attach-popup {
  left: 144px;
}
.lv-fwrap .disable-row {
  cursor: var(--sdpcursor-not-allowed) !important;
  opacity: 0.5;
}
.lv-fwrap .disable-row > .row {
  pointer-events: none;
}
.lv-fwrap .tc-row .dr-down-icon {
  opacity: 0!important;
  display: inline-block;
  height: 0;
  margin-left: 5px !important;
  vertical-align: middle !important;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: opacity 0.3s ease 0s;
}
.lv-fwrap .tc-row:hover .dr-down-icon {
  opacity: 1!important;
}
/*Admin module freeze loading icon*/
#freezeload.listfreezeload .loading1,
#freezeload.listfreezeload .loading2 {
  z-index: 1;
  position: fixed !important;
  top: 50%;
}
.pl70 {
  padding-left: 70px !important;
}
/*Last Login Notification Start*/
.login-notify .notify-ui-dialog-content {
  min-height: auto;
  overflow: hidden;
}
.login-notify .notify-ui-dialog-content > div.fr {
  position: absolute;
  right: -3px;
}
.login-notify .alert-warning.icon {
  padding: 5px !important;
}
.login-notify .loginnotify-alert {
  padding-right: 50px;
}
.login-notify.ui-dialog.affix.notify-dialog-tr,
.login-notify.ui-dialog.affix.notify-dialog-br,
.login-notify.ui-dialog.affix.notify-dialog-bl,
.login-notify.ui-dialog.affix.notify-dialog-tl {
  width: auto;
  white-space: nowrap;
  overflow: inherit;
  padding: 0px !important;
}
.login-notify.ui-dialog.affix.notify-dialog-tr.login-notify-fail,
.login-notify.ui-dialog.affix.notify-dialog-br.login-notify-fail,
.login-notify.ui-dialog.affix.notify-dialog-bl.login-notify-fail,
.login-notify.ui-dialog.affix.notify-dialog-tl.login-notify-fail {
  max-width: 400px;
  white-space: normal;
}
.login-notify.ui-dialog.affix.notify-dialog-tr.only-success-fail .notify-ui-dialog-content .sdp-glyph.sdp-glyph-close,
.login-notify.ui-dialog.affix.notify-dialog-br.only-success-fail .notify-ui-dialog-content .sdp-glyph.sdp-glyph-close,
.login-notify.ui-dialog.affix.notify-dialog-bl.only-success-fail .notify-ui-dialog-content .sdp-glyph.sdp-glyph-close,
.login-notify.ui-dialog.affix.notify-dialog-tl.only-success-fail .notify-ui-dialog-content .sdp-glyph.sdp-glyph-close {
  margin-top: 8px;
}
.login-notify .cspr.failure {
  position: absolute;
  right: -4px;
  top: -8px;
  transform: scale(1.2);
  padding: 2px;
  background-position: -429px -217px;
  box-sizing: content-box;
}
.login-notify .logout-pop {
  width: 380px;
  min-height: 70px;
}
.login-notify .logout-pop img {
  background: var(--primary_button_color, #008ddd);
}
/*Last Login Notification End*/
/* SD-93055 issue fix */
#selectitemList optgroup.form-control {
  height: auto;
}
/* SD-93055 issue fix end */
/*Remove the horizantal resize option for textarea in Dialog*/
#_DIALOG_CONTENT textarea,
.ui-dialog-content textarea {
  resize: vertical;
}
/*Accounts icon Details page circle*/
.acc-rnd {
  height: 48px;
  width: 48px;
  text-align: center;
  border: 1px solid #DDD;
  border-radius: 50%;
}
/* Import icon moved from sdp to AE */
.import-project-icon {
  background-image: url('/images/import-project-icon.svg');
  background-position: center center;
  background-repeat: no-repeat;
  cursor: var(--sdpcursor-pointer);
  float: left;
  height: 16px;
  padding: 0px;
  width: 16px;
}
.table-list .row {
  margin: 0;
  border-bottom: 1px solid #EEE;
}
.table-list .row:hover {
  background-color: #f7f7f7;
}
.table-list .row:last-child {
  border-bottom: 0;
}
.table-list.ptpb15 .row {
  padding-top: 15px;
  padding-bottom: 15px;
}
.bg-blue {
  background: #f7f9ff;
}
.res-blk .blur {
  filter: blur(2px);
}
.res-blk .left-panel {
  position: relative;
  padding: 0;
}
.res-blk .separate-br {
  border-bottom: 2px solid #f7f9ff;
}
.res-blk .exi-res-que {
  border-radius: 10px 10px 0px 0px;
  border: 1px solid #ecf0ff;
  background: #FFF;
}
.res-blk .exi-res-que .new-q-btn {
  border-radius: 3px;
  background: #FFF;
  border: 1px solid #DDD;
}
.res-blk .exi-res-que .res-title {
  height: 50px;
  margin: 0;
  padding: 10px;
}
.res-blk .exi-res-que ul.swap-list {
  height: calc(100vh - 215px);
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 1.5;
}
.res-blk .exi-res-que ul.swap-list li {
  padding-left: 20px;
}
.res-blk .exi-res-que ul.swap-list li:not(:last-child) {
  border-bottom: 2px solid #f7f9ff;
}
.res-blk .res-sec-right {
  border-radius: 10px;
  border: 1px solid #ecf0ff;
  background: white;
}
.res-blk .res-sec-right .res-sec-title {
  height: 50px;
}
.res-blk .res-sec-right .res-form-align {
  height: calc(100vh - 300px);
  overflow-y: auto;
}
.res-blk .res-sec-right .single-col {
  width: 70%;
  opacity: 1;
  transition: all 0.3s;
}
.res-blk .res-sec-right .col-group {
  transition: all 0.3s;
}
.res-blk .view-reusable-res {
  line-height: 1.7;
}
.res-blk .view-reusable-res [data-attr="AssociateTemp"] {
  display: none;
}
.res-blk .view-reusable-res .search-box {
  width: 100%;
}
.res-blk .view-reusable-res .res-selected .sel-record {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
  display: inline-block;
}
.res-blk .view-reusable-res .res-selected .search-box {
  width: calc(100% - 245px);
  border-left: 1px solid #DDD;
}
.res-blk .view-reusable-res .sel-record {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-265px);
  display: none;
  padding: 12px;
}
.res-blk .view-reusable-res .sel-record a {
  color: #1a6ebd;
  box-shadow: none;
}
.res-blk .view-reusable-res .sel-record .btn-group {
  padding: 3px 10px;
  border: 1px solid #CCC;
  display: none;
}
.res-blk .view-reusable-res .accordion-log {
  min-height: 50vh;
  max-height: 50vh;
  border: 0;
  overflow: auto;
}
.res-blk .view-reusable-res .accordion-log .panel:hover a.sb {
  color: #1a6ebd;
}
.res-blk .new-que-slide {
  right: -70%;
  transition: all 0.8s;
  position: absolute;
  z-index: 100;
  height: 100%;
  background: #f7f9ff;
  overflow: hidden;
  width: 66%;
  border-radius: 4px;
  box-shadow: -2px -2px 5px #CCC;
}
.res-blk .new-que-slide.active {
  right: 0;
}
.res-blk .new-que-slide .q-content {
  max-height: 55vh;
  overflow: auto;
}
.assoc-temp-dig {
  border: 1px solid #ecf0ff;
  border-radius: 5px 5px 0 0;
}
/* res-section-form-customizer */
.res-form-custmze {
  line-height: 1.7;
}
.res-form-custmze div[data-panel=title] {
  position: relative;
}
.res-form-custmze div[data-panel=title] .titleslider {
  display: block;
  transform: translateX(0%);
  transition: 500ms all;
  visibility: hidden;
  opacity: 0;
  color: #1a6ebd;
  font-weight: bold;
}
.res-form-custmze div[data-panel=title] .titleslider a {
  width: 20px;
  height: 20px;
  padding: 0px;
}
.res-form-custmze div[data-panel=title] .titleslider a span {
  margin-left: -1px;
}
.res-form-custmze div[data-panel=title] .hidden-title {
  position: absolute;
  top: 10px;
  transform: translateX(50%);
}
.res-form-custmze .activeslider {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0%) !important;
}
.res-form-custmze .drag-drop-selector {
  display: block;
  transform: translateX(0%);
  transition: 500ms all;
  visibility: hidden;
  opacity: 0;
  width: 100% ;
}
.res-form-custmze .drag-drop-selector-hide {
  transform: translateX(100%);
  position: absolute;
  top: 0px;
}
.btn-darkbg span.single-column-sm {
  background-position: -304px -347px;
}
.btn-darkbg span.double-column-sm {
  background-position: -326px -347px;
}
.btn-darkbg.active {
  background: #555;
  border: 1px solid #555;
}
.btn-darkbg.active span.single-column-sm {
  background-position: -363px -595px;
}
.btn-darkbg.active span.double-column-sm {
  background-position: -385px -595px;
}
.slide-toggle {
  display: inline-block;
  position: relative;
  background: #c3c3c3;
  border-radius: 100px;
  transition: 200ms background-color linear;
  cursor: var(--sdpcursor-pointer);
}
.togglechk {
  display: inline-block !important;
  position: absolute !important;
  opacity: 0 !important;
}
.switch-toggle {
  background: #f3f3f3;
  border-radius: 50%;
  transition: 200ms transform linear;
  position: absolute;
  will-change: transform;
}
.togglechk:checked + .slide-toggle {
  background: #008ddd;
  background: var(--primary_button_color, #008ddd);
}
.togglechk:disabled + .slide-toggle {
  opacity: 0.5;
  cursor: var(--sdpcursor-not-allowed);
}
input.togglechk:focus + .slide-toggle {
  box-shadow: none;
}
input.togglechk:focus-visible + .slide-toggle {
  box-shadow: 0px 0px 0.8px 1px #FFF, 0px 0 0.8px 2.5px rgba(0, 141, 221, 0.7) !important;
  box-shadow: 0px 0px 0.8px 1px #FFF, 0px 0 0.8px 2.5px var(--input_border_color, rgba(0, 141, 221, 0.7)) !important;
}
.togg-sm {
  width: 32px;
  height: 16px;
}
.togg-sm .switch-toggle {
  width: 12px;
  height: 12px;
  transform: translate(2px, 2px);
}
.togglechk:checked + .togg-sm .switch-toggle {
  transform: translate(18px, 2px);
}
.togg-md {
  width: 36px;
  height: 18px;
}
.togg-md .switch-toggle {
  width: 14px;
  height: 14px;
  transform: translate(2px, 2px);
}
.togglechk:checked + .togg-md .switch-toggle {
  transform: translate(20px, 2px);
}
.togg-lg {
  width: 40px;
  height: 20px;
}
.togg-lg .switch-toggle {
  width: 16px;
  height: 16px;
  transform: translate(2px, 2px);
}
.togglechk:checked + .togg-lg .switch-toggle {
  transform: translate(22px, 2px);
}
.togg-xl {
  width: 44px;
  height: 22px;
}
.togg-xl .switch-toggle {
  width: 18px;
  height: 18px;
  transform: translate(2px, 2px);
}
.togglechk:checked + .togg-xl .switch-toggle {
  transform: translate(24px, 2px);
}
.tc-indent-row .tc-kanban {
  border-top: none !important;
  padding-bottom: 0 !important;
}
.tc-indent-row .tc-row .col-xs-2 a.clickaction {
  color: #000 !important;
}
.tc-indent-row .tc-row:hover .col-xs-2 a.clickaction {
  text-decoration: none;
  color: var(--link_tab_line_color, #008ddd) !important;
}
.tc-indent-row {
  /*97421 -- Business rules and Custom trigger rules listview set max-height based on window height, If rule listview become scrollable we show only minimum two groups in tha page*/
}
.tc-indent-row .subsectionlist .tc-kanban {
  max-height: calc(100vh - 380px);
  min-height: 300px;
}
/* SD95953 - IssueFix */
.temp-digpos {
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.5);
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
.temp-digpos > table {
  position: relative;
  top: calc(50% - 145px) !important;
  left: calc(50% - 105px) !important;
}
/* SD95953 - IssueFix */
.sta-appr {
  background-position: -324px -415px;
}
.sta-pen-appr {
  background-position: -305px -416px;
}
.sta-rej {
  background-position: -344px -415px;
}
.no-timelog {
  background-position: -617px -12px;
  width: 120px;
  height: 107px;
}
.borderright-lightwhite-e2 {
  border-right: 1px solid #e2e2e2;
}
/* attachment component box sizing issuefix */
.atp-container * {
  box-sizing: border-box;
}
/* attachment width fix */
#errAtt {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#errAtt .preAttach {
  max-width: 90%;
}
.multi-field-holder {
  display: flex !important;
}
.multi-field-holder ul.select2-choices {
  width: 100%;
}
.sticky-form-footer {
  position: sticky !important;
  width: 100% !important;
}
.ui-dialog .sticky-form-footer {
  bottom: 0 !important;
}
.form-header {
  background: #F9F9F9;
  border-bottom: 1px solid #E9E9E9;
}
.form-header .select2-container.form-control.select2-container-active {
  border-color: var(--input_border_color, rgba(0, 141, 221, 0.7));
}
.form-header .select2-container.form-control,
.form-header .select2-container.form-control.select2-dropdown-open {
  border-color: #dddddd;
}
.form-header .form-control.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background: #FFF;
}
.form-header .select2-container.select2-container-disabled .select2-choice {
  background: #FFF;
  cursor: var(--sdpcursor-not-allowed);
}
.form-header .ui-opacity5 {
  opacity: 1;
}
.notes-panel .accordion-log.conv-timeline {
  border-left: 0;
}
.notes-panel .accordion-log.accordion-timeline .panel-group {
  margin-left: 0 !important;
}
.notes-panel .accordion-log.accordion-timeline .panel-group .panel:before {
  display: none;
}
.notes-panel .accordion-log .panel-group .panel {
  margin-bottom: 18px;
}
/* display block for .tick class inside zoho chart container */
.d3container > .canvas-component .tick {
  display: block;
}
.success-bglight {
  background: #ecffee;
}
.warning-bglight {
  background: #fff5e8;
}
.accordion-log.accordion-timeline .colour *,
.atp-container span.colour * {
  color: inherit;
}
.accordion-log.accordion-timeline .accordion-log.accordion-timeline:not(.sdmenu-dd) a,
.atp-container a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.controls.ui1 {
  background: #F1F1F1 !important;
}
@keyframes pulses {
  0% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.55;
  }
}
.translate-anim {
  background: var(--primary_button_color);
  color: #000;
  filter: invert(1);
  overflow: visible!important;
  animation: pulses 1s 3 ease;
  cursor: var(--sdpcursor-pointer) !important;
  border-radius: 3px;
}
.ellipsis3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 66px;
}
#compatnote {
  background-color: #fff5e8;
  border-color: #ffe8d9;
  padding-top: 10px;
  padding-bottom: 10px;
}
#compatnote span {
  padding-left: 30px;
}
#compatnote span:before {
  content: "";
  position: absolute;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  background-position: -171px -900px;
  width: 20px;
  height: 20px;
  margin-left: -28px;
  margin-top: -2px;
}
.controls.ui1 {
  background: #F1F1F1 !important;
}
/* SD-100255 Issuefix */
.tlauto-div table {
  table-layout: auto !important;
}
/* SD-100255 Issuefix ends*/
.ui-popover-autowidth {
  width: auto;
  max-width: none;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-layer-close {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  background-position: -62px -260px;
  right: 0px !important;
  cursor: var(--sdpcursor-pointer) !important;
  margin: 20px !important;
  position: absolute !important;
}
.ze-video-container .delete-wrapper {
  display: none;
}
.ze-video-container .video-circle {
  position: absolute !important;
}
.videoinnerdiv {
  position: relative;
  width: 50vw;
  display: block;
  height: 55vh;
}
/* Helpcard Content Collapse Panel Start */
details.helpdetailstag summary {
  padding: 10px;
  cursor: var(--sdpcursor-pointer);
  list-style: none;
  color: var(--link_tab_line_color, #008ddd);
}
details.helpdetailstag summary:hover {
  background: #F5F5F5;
  /* #f5f5f5 */
}
details.helpdetailstag summary::-webkit-details-marker {
  display: none;
}
details.helpdetailstag summary .detailsarrow {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  margin-right: 10px !important;
  background-position: -237px -24px;
}
details.helpdetailstag[open] summary {
  background: #F5F5F5;
  /* #f5f5f5 */
  color: #000;
  /* #000 */
}
details.helpdetailstag[open] summary .detailsarrow {
  background-position: -218px -24px;
}
/* Helpcard Content Collapse Panel End */
/* Input Helpcard Tooltip Start */
.input-helpcard {
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  max-width: 420px;
  background-color: #FFF;
  /* #fff */
  width: 320px;
  top: 5px;
  right: -320px;
  padding: 10px;
  position: absolute;
  z-index: 1;
}
/* Input Helpcard Tooltip End */
/* Horizontal form wide increase Start */
.form-horizontal.one-col.wide-col .col-group {
  width: 56%;
}
.form-horizontal.one-col.wide-col .col-group .right-col {
  width: 58%;
}
.form-horizontal.one-col.wide-col .col-group label.left-col {
  width: 42%;
}
/* Horizontal form wide increase End */
/* Reduce with on higher resolution Start */
@media screen and (min-width: 1950px) {
  .form-zoom-resize {
    width: 65vw;
  }
}
/* Reduce with on higher resolution End */
/* SD-100255 Issuefix */
.tlauto-div table {
  table-layout: auto !important;
}
/* SD-100255 Issuefix ends*/
/* SD-101228 Issuefix starts */
.tableComponent.poreconcile .bubbletooltip .tooltip-ui1 {
  white-space: normal;
  display: flex;
  max-width: 300px;
  min-width: 180px;
  text-align: left;
}
.tableComponent.poreconcile .bubbletooltip .tooltip-ui1 .close-icon4 {
  display: flex;
  padding: 8px;
}
td.pofootertd > table tr > td:nth-child(1) {
  width: 10%;
}
td.pofootertd > table tr > td:nth-child(2) {
  text-align: left;
}
/* SD-101228 Issuefix ends*/
.go-back1[data-rotate="90"] {
  transform: rotate(90deg);
}
.paint-btn {
  border-radius: 3px;
  width: 28px;
  height: 19px;
  top: -2px;
  position: relative;
  display: inline-block;
  padding: 0px;
}
.paint-btn span.status-color-fill {
  left: 3px;
}
.custom-loader {
  border: 5px solid #f1f1f1;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 12px;
  height: 12px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#add .tableHead {
  padding-left: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.input-group-btn #searchButton {
  height: 26px;
}
.flat2 {
  opacity: 0.85;
}
.flat2:hover {
  opacity: 1;
}
.cus-img-res img[src*=".svg"] {
  margin-left: -25.2px;
  margin-top: -25.2px;
  transform: none;
}
#nightmode {
  margin-top: 15px;
  padding-top: 15px;
  padding-left: 20px;
  border-top: 1px solid #d9d9d9;
}
#nightmode span.disp-ib {
  width: 214px;
}
#nightmode label {
  margin-bottom: 0px;
}
#tempPro {
  width: 90%;
  height: auto;
}
#CIDetails .relationmap-h,
#relationships .relationmap-h {
  filter: invert(1);
}
.dark-tooltip {
  position: relative;
}
.dark-tooltip .tooltiptext {
  visibility: hidden;
  display: none;
  width: auto;
  max-width: 100%;
  text-align: center;
  border-radius: 3px;
  padding: 5px;
  top: 45px;
  position: absolute;
  z-index: 1;
}
div#TaskScheduleTab .input-group-addon {
  padding: 2px 10px;
}
.btn-link .close-col {
  filter: brightness(0.8);
}
.btn-link:hover .close-col {
  filter: invert(1);
}
.ar-topleft,
.ar-topright {
  width: 11px;
  height: 27px;
  background: #f5f5f5;
  border-top: 1px solid #afd4a0;
}
.ar-topleft {
  border-left: 1px solid #afd4a0;
}
.ar-topright {
  border-right: 1px solid #afd4a0;
}
.ar-topstrip {
  background: #f5f5f5;
  border-top: 1px solid #afd4a0;
}
.ar-bottomleft,
.ar-bottomright {
  width: 11px;
  height: 17px;
  background: #fff;
  border-bottom: 1px solid #afd4a0;
}
.ar-bottomleft {
  border-left: 1px solid #afd4a0;
}
.ar-bottomright {
  border-right: 1px solid #afd4a0;
}
#compatnote {
  background-color: #fff5e8;
  border-color: #ffe8d9;
  padding-top: 10px;
  padding-bottom: 10px;
}
#compatnote span {
  padding-left: 30px;
}
#compatnote span:before {
  content: "";
  position: absolute;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  background-position: -171px -900px;
  width: 20px;
  height: 20px;
  margin-left: -28px;
  margin-top: -2px;
}
.controls.ui1 {
  background: #F1F1F1 !important;
}
/* SD-100255 Issuefix */
.tlauto-div table {
  table-layout: auto !important;
}
/* SD-100255 Issuefix ends*/
.ui-popover-autowidth {
  width: auto;
  max-width: none;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-layer-close {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  background-position: -62px -260px;
  right: 0px !important;
  cursor: var(--sdpcursor-pointer) !important;
  margin: 20px !important;
  position: absolute !important;
}
.ze-video-container .delete-wrapper {
  display: none;
}
.ze-video-container .video-circle {
  position: absolute !important;
}
.videoinnerdiv {
  position: relative;
  width: 50vw;
  display: block;
  height: 55vh;
}
/* Helpcard Content Collapse Panel Start */
details.helpdetailstag summary {
  padding: 10px;
  cursor: var(--sdpcursor-pointer);
  list-style: none;
  color: var(--link_tab_line_color, #008ddd);
}
details.helpdetailstag summary:hover {
  background: #F5F5F5;
  /* #f5f5f5 */
}
details.helpdetailstag summary::-webkit-details-marker {
  display: none;
}
details.helpdetailstag summary .detailsarrow {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  margin-right: 10px !important;
  background-position: -237px -24px;
}
details.helpdetailstag.detag1 summary {
  display: inline-block;
  padding: 10px 0px 10px 0px;
}
details.helpdetailstag.detag1 summary:hover {
  background: transparent !important;
}
details.helpdetailstag[open] summary {
  background: #F5F5F5;
  /* #f5f5f5 */
  color: #000;
  /* #000 */
}
details.helpdetailstag[open] summary .detailsarrow {
  background-position: -218px -24px;
}
details.helpdetailstag[open].detag1 summary {
  color: #000;
  /* #000 */
  background: transparent !important;
}
/* Helpcard Content Collapse Panel End */
/* Input Helpcard Tooltip Start */
.input-helpcard {
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  max-width: 420px;
  background-color: #FFF;
  /* #fff */
  width: 320px;
  top: 5px;
  right: -320px;
  padding: 10px;
  position: absolute;
}
/* Input Helpcard Tooltip End */
/* Horizontal form wide increase Start */
.form-horizontal.one-col.wide-col .col-group {
  width: 56%;
}
.form-horizontal.one-col.wide-col .col-group .right-col {
  width: 58%;
}
.form-horizontal.one-col.wide-col .col-group label.left-col {
  width: 42%;
}
/* Horizontal form wide increase End */
/* SD-100255 Issuefix */
.tlauto-div table {
  table-layout: auto !important;
}
/* SD-100255 Issuefix ends*/
/* SD-101228 Issuefix starts */
.tableComponent.poreconcile .bubbletooltip {
  position: fixed !important;
}
td.pofootertd > table tr > td:nth-child(1) {
  width: 10%;
}
td.pofootertd > table tr > td:nth-child(2) {
  text-align: left;
}
/* SD-101228 Issuefix ends*/
/* SD-102001 Issuefix starts*/
.select2-wrap {
  width: auto;
  max-width: 50%;
  word-break: break-all;
}
/* SD-102001 Issuefix ends*/
div#TaskScheduleTab .input-group-addon {
  padding: 2px 10px;
}
.form-footer .btn-default,
.deluge-editor-footer .btn-default,
.ui-dialog-buttonset .btn-default {
  background-color: #FFF;
  border-color: #e6e6e6;
}
.form-footer .btn-default:hover,
.deluge-editor-footer .btn-default:hover,
.ui-dialog-buttonset .btn-default:hover,
.form-footer .btn-default:focus,
.deluge-editor-footer .btn-default:focus,
.ui-dialog-buttonset .btn-default:focus {
  background-color: #e6e6e6;
  /*#e6e6e6*/
  border-color: #dadada;
}
.plain-footer .btn,
.ui-dialog-buttonset .btn {
  margin-right: 10px !important;
}
.form-footer,
.ui-dialog-buttonset,
.submit-row,
.plain-footer,
.ui-dialog-buttonset {
  word-spacing: -1em;
}
.form-footer span,
.ui-dialog-buttonset span,
.submit-row span,
.plain-footer span,
.ui-dialog-buttonset span,
.form-footer p,
.ui-dialog-buttonset p,
.submit-row p,
.plain-footer p,
.ui-dialog-buttonset p,
.form-footer label,
.ui-dialog-buttonset label,
.submit-row label,
.plain-footer label,
.ui-dialog-buttonset label,
.form-footer a,
.ui-dialog-buttonset a,
.submit-row a,
.plain-footer a,
.ui-dialog-buttonset a,
.form-footer strong,
.ui-dialog-buttonset strong,
.submit-row strong,
.plain-footer strong,
.ui-dialog-buttonset strong,
.form-footer div[id],
.ui-dialog-buttonset div[id],
.submit-row div[id],
.plain-footer div[id],
.ui-dialog-buttonset div[id] {
  word-spacing: normal;
}
.form-footer input[type="submit"],
.ui-dialog-buttonset input[type="submit"],
.submit-row input[type="submit"],
.plain-footer input[type="submit"],
.ui-dialog-buttonset input[type="submit"],
.form-footer input[type="button"],
.ui-dialog-buttonset input[type="button"],
.submit-row input[type="button"],
.plain-footer input[type="button"],
.ui-dialog-buttonset input[type="button"],
.form-footer input[type="reset"],
.ui-dialog-buttonset input[type="reset"],
.submit-row input[type="reset"],
.plain-footer input[type="reset"],
.ui-dialog-buttonset input[type="reset"] {
  line-height: 1.42857143;
}
.form-footer > .btn-default:last-child,
.ui-dialog-buttonset > .btn-default:last-child,
.submit-row > .btn-default:last-child,
.plain-footer > .btn-default:last-child,
.ui-dialog-buttonset > .btn-default:last-child {
  margin-right: 0px !important;
}
.alert-dialog-ui1 .widget-header {
  background-color: #F9F9F9;
}
/* Sliding dialog with anim start */
.dialog-slider-anim {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  align-items: center;
  justify-content: center;
  display: none;
  pointer-events: none;
  transition: all 1.3s;
  z-index: 1002;
}
.dialog-slider-anim .ui-dialog {
  height: auto;
  width: auto;
  min-width: 300px;
  position: unset;
  display: none;
  pointer-events: auto;
}
.dialog-slider-anim .ui-dialog .ui-dialog-content {
  width: auto;
  min-height: 100px;
  max-height: none;
  height: auto;
}
.dialog-slider-anim.dialog-slider-anim-hide {
  transform: scale(0) perspective(360px) rotateX(30deg);
}
.dialog-slider-anim.dialog-anim-slider-show {
  transform: scale(1);
}
.dialog-anim-freeze-layer {
  z-index: 100;
  display: none;
}
/* Sliding dialog with anim end */
.form-control-static .multiselect-list {
  display: block;
  margin-top: 10px !important;
}
.form-control-static .multiselect-list:first-child {
  margin-top: 0px !important;
}
.p-hidethis .hidethis {
  opacity: 0;
  transition: 200ms opacity ease-in-out;
}
.p-hidethis:hover .hidethis {
  opacity: 1;
}
/*Br-conditional Statement*/
.br-condtn-table {
  border-collapse: collapse;
}
.br-condtn-table thead tr {
  background-color: #F5F5F5;
}
.br-condtn-table thead tr th {
  height: 37px;
  padding: 0px 8px;
  vertical-align: middle;
}
.br-condtn-table thead tr th:hover .col-actionsdiv .col-actionsub {
  visibility: visible;
}
.br-condtn-table tbody tr td {
  height: 37px;
  padding: 0px 8px;
  vertical-align: middle;
}
.br-condtn-table .select2-container {
  border: 0;
}
.br-condtn-table .form-control {
  background: transparent;
  margin-top: 3px;
}
.br-condtn-table a.select2-choice {
  background: transparent;
  margin-top: 3px;
}
.br-action-table {
  border-right: none;
  border-bottom: none;
}
.scale0 {
  transform: scale(0);
  transition: all 1s;
}
.row-hover-bg {
  background: #F5F5F5;
}
.col-hover-bg {
  background: #F5F5F5;
}
.col-actionsdiv {
  position: absolute;
  top: -29px;
  right: 0px;
  width: 100%;
  background: transparent;
}
.col-actionsdiv .col-actionsub {
  visibility: hidden;
  padding: 4px 5px;
  background: #DDD;
}
.col-actionsdiv .btn-xs {
  line-height: 1;
}
.br-light {
  border: 1px solid #DDD;
}
.fixed-col {
  height: 40px;
  padding-top: 12px !important;
  background: #FFF;
  border: none !important;
}
.remove-cir {
  width: 25px;
  height: 25px;
  display: flex;
  border: 1px solid #DDD;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.remove-cir:hover {
  background: #EEE;
}
.condtn-br::before {
  content: '';
  border-left: 3px solid var(--link_tab_line_color, #008ddd);
  height: 100%;
  position: absolute;
  left: -10px;
}
/*Br-conditional Statement*/
/*Selct2 Filter submenu*/
.select2-navmenu .select2-highlighted .chevron-right {
  filter: invert(1);
}
.select2-navmenu .select2-highlighted .chevron-right:before {
  content: '';
  width: 20px;
  height: 32px;
  border-left: 1px solid #000;
  position: absolute;
  right: 10px;
  top: -9px;
}
/*Selct2 Filter submenu*/
.label-curve {
  display: inline-block;
  padding: 7px 12px;
  font-size: var(--fs-13);
  color: #333;
}
.label-curve.text-in {
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 9px 9px 9px 0px;
}
.label-curve.text-out {
  background: #f1f3f6;
  border: 1px solid #f1f3f6;
  border-radius: 0px 9px 9px 9px;
}
.img-cir {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.nmi-reqbg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  background: #4b89f4;
  left: 20px;
  top: 20px;
}
.nmi-info-alert {
  border-radius: 6px;
  padding-bottom: 5px;
  min-width: 400px;
}
.nmi-info-alert .info-alert-close {
  width: 22px;
  height: 22px;
  box-shadow: 0px 0px 5px 1px #ccc;
  border-radius: 50%;
  top: 5px;
  right: 5px;
  cursor: var(--sdpcursor-pointer) !important;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.nmi-info-alert .info-alert-close span {
  top: 0px;
}
.nmi-notify {
  background: #f37474;
  border-radius: 10px;
  font-size: var(--fs-10);
  color: #FFF;
  align-content: center;
  justify-content: center;
  align-items: center;
  display: flex;
  top: -5px;
  left: 8px;
  min-width: 14px;
  height: 14px;
  padding: 3px;
}
.nm-info {
  display: flex;
  height: 100%;
  flex-wrap: nowrap;
  overflow: auto;
}
.nm-info .nm-spr {
  color: #677177;
  fill: #FFF;
  stroke: #677177;
  text-decoration: none;
}
.nm-info .nm-spr.active,
.nm-info .nm-spr:hover {
  stroke: var(--primary_button_color, #008ddd) !important;
  color: var(--primary_button_color, #008ddd) !important;
}
.nm-info .scroll-shadow {
  box-shadow: 3px -2px 8px 0px rgba(163, 163, 163, 0.28);
}
.nm-info.slidein .panel-slide {
  border-radius: 4px 0 0 4px;
  top: 15px;
  left: 302px;
}
.nm-info.slidein .panel-slide span {
  background-position: -370px -511px;
  top: -1px;
}
.nm-info.slidein .left-panel {
  width: 300px;
  margin: 0px 10px;
}
.nm-info.slidein .right-panel {
  width: calc(100% - 320px);
}
.nm-info.slideout .panel-slide,
.nm-info.nm-single-panel .panel-slide {
  border-radius: 0 4px 4px 0;
  top: 22px;
  left: 0px;
}
.nm-info.slideout .panel-slide span,
.nm-info.nm-single-panel .panel-slide span {
  background-position: -230px -513px;
  top: -1px;
}
.nm-info.slideout .left-panel,
.nm-info.nm-single-panel .left-panel {
  width: 0;
  margin: 0px 0px;
  opacity: 0;
}
.nm-info.slideout .right-panel,
.nm-info.nm-single-panel .right-panel {
  width: 100%;
  margin-left: 10px;
}
.nm-info.nm-single-panel .right-panel {
  margin-left: 0px;
}
.nm-info .panel-slide {
  background: var(--input_border_shadow);
  padding: 5px 3px;
  z-index: 100;
  cursor: var(--sdpcursor-pointer);
  transition: all 0.5s ease-in-out;
}
.nm-info .nmi-title {
  font-size: var(--fs-16);
  color: #464646;
}
.nm-info .nmi-subtitle {
  font-size: var(--font-size-small) !important;
  color: #707070;
}
.nm-info .nmi-stage {
  font-size: var(--font-size-small) !important;
  color: #6b6b6b;
}
.nm-info .nmi-msgdetail {
  font-size: var(--font-size-small) !important;
  color: #70798f;
}
.nm-info .left-panel {
  transition: all 0.5s ease-in-out;
}
.nm-info .left-panel .scroll-shadow {
  border: 1px solid #e1e6fa;
  border-radius: 6px;
}
.nm-info .left-panel ul.multi-approve-list {
  height: calc(100vh - 60px);
  overflow: auto;
}
.nm-info .left-panel ul.multi-approve-list li {
  border-left: 3px solid transparent;
  border-bottom: 1px solid var(--primary_button_light_color) !important;
}
.nm-info .left-panel ul.multi-approve-list li.active {
  border-left: 3px solid var(--primary_button_color, #008ddd);
  background: var(--primary_button_light_color, #008ddd1a);
}
.nm-info .left-panel ul.multi-approve-list li.active a {
  font-weight: bold;
  color: #000;
}
.nm-info .left-panel ul.multi-approve-list li.active div {
  color: #000;
}
.nm-info .left-panel ul.multi-approve-list li:hover {
  background: var(--primary_button_light_color, #008ddd1a);
}
.nm-info .left-panel ul.multi-approve-list li a {
  font-size: var(--fs-13);
}
.nm-info .left-panel ul.multi-approve-list li p {
  color: #777777;
  font-size: var(--fs-12);
}
.nm-info .right-panel {
  height: 100%;
  transition: all 0.5s ease-in-out;
}
.nm-info .right-panel .right-scroll-content {
  border: 1px solid #e1e6fa;
  border-radius: 6px;
}
.nm-info .right-panel .right-scroll-content.nmi-conv {
  height: 100%;
  background: #FFF;
}
.nm-info .right-panel .right-scroll-content.nmi-conv > div {
  border-bottom: none;
}
.nm-info .right-panel .right-scroll-content .prev-msg {
  right: 10px;
  padding: 8px;
  background: #f7f9ff;
  color: var(--link_tab_line_color, #1a6ebd);
  font-weight: bold;
  border-radius: 3px;
  float: right;
  top: -15px;
}
.nm-info .right-panel .nmi-following {
  font-size: var(--fs-11);
  border-radius: 20px;
  padding: 3px 15px;
}
.nm-info .right-panel .nmi-warning {
  background-color: #fff5e8;
  border: 1px solid #ffe8d9;
}
.nm-info .right-panel .nmi-warning:before,
.nm-info .right-panel .nmi-warning:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
}
.nm-info .right-panel .nmi-warning:before {
  border-top: 10px solid #fff5e8;
  bottom: -9px;
}
.nm-info .right-panel .nmi-warning:after {
  border-top: 10px solid #ffe8d9;
  bottom: -10px;
}
.nm-info .conv-stage .panel {
  border: 0;
  box-shadow: none;
}
.nm-info .conv-stage .panel .panel-heading {
  display: inline-block;
  padding: 3px 15px;
  border: 1px solid #DDD;
}
.nm-info .conv-stage .panel .panel-body {
  border: 0;
}
.nm-info .conv-stage .panel .new-clftn {
  right: 100px;
  display: none;
}
.nm-info .conv-stage .panel:hover .new-clftn {
  display: block;
}
.nm-info .media-left {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  vertical-align: top;
}
.nm-info .media-left.reply-txt {
  vertical-align: bottom;
}
.nm-info .media-left img {
  border-radius: 50%;
}
.nm-info .media-right {
  width: 90%;
  line-height: 1.5;
  word-break: break-word;
  padding-left: 0;
}
.nm-info .media-right.add-reply {
  background: #f7f9ff;
  border: 1px solid #eaefff;
  padding: 12px 15px;
  border-radius: 5px;
  width: 80%;
}
.nm-info .media-right.add-reply textarea {
  resize: none;
  min-height: 50px;
  max-height: 100px;
  border-radius: 4px;
}
.nm-info .widget-header {
  background: #f5f5fa;
  background-color: #f5f5fa !important;
}
.nm-info .requester-detail {
  border: 1px solid #eee;
  border-bottom: none;
  padding: 10px 20px;
}
.nm-info .print-subcontainer {
  border-color: transparent;
}
.nminfo-footer {
  border: 1px solid #e1e6fa;
  padding: 15px 20px;
}
.nminfo-footer textarea {
  min-height: 60px;
  border-radius: 4px;
  resize: none;
}
.nmi-header .headerbar {
  margin-bottom: 0px !important;
  border-bottom: 1px solid #e1e6fa;
}
.nmi-panel-ow.panel .panel-heading {
  background: #FFF;
  box-shadow: none;
}
.nmi-panel-ow .panel-heading#desc-header {
  background: #f5f5fa;
}
.nmi-panel-ow #content-section {
  padding: 10px;
}
.nminfo-dialog .ui-dialog-content {
  max-height: 90vh !important;
  overflow: hidden;
}
.nminfo-dialog .ui-dialog-content ul li a {
  color: #000;
}
.nminfo-dialog .ui-dialog-content ul li:hover {
  color: var(--link_tab_line_color, #008ddd);
}
.nminfo-dialog .ui-dialog-content .bg-light {
  border-top: 0px !important ;
}
.nminfo-dialog .alert-confirm {
  transform: translateX(-50%);
  box-shadow: 0px 3px 5px 2px #ddd;
  min-width: auto;
}
.nmi-loading {
  width: 40px;
  transform: translateX(calc(50% + 220px));
  position: fixed !important;
}
.nmi-clftn-p,
.nmi-clftn-r {
  border-radius: 5px 5px 0px 0px;
  border-bottom: 1px solid #e1e6fa;
}
.nmi-clftn-p {
  color: #ce3c2b;
  background: #fef1ef;
}
.nmi-clftn-p:hover {
  background: #ffdad5;
}
.nmi-clftn-r {
  color: #1e7c11;
  background: #fafdee;
}
.nmi-clftn-r:hover {
  background: #f3f9db;
}
#previousApprovalsDiv {
  border: 1px solid #e1e6fa;
}
/* Telephony CSS Start */
.tel-not {
  right: 18px;
  top: 3px;
  border: 1px solid #ffffff;
  /* #fff */
  padding: 3px;
}
/* Telephony CSS End */
/* Schedule API */
table.monthlyview {
  margin-top: 10px;
  margin-left: 25px;
}
table.monthlyview td {
  cursor: var(--sdpcursor-pointer);
  padding: 5px 15px;
  text-align: center;
  border: 1px solid #E9E9E9;
  border-collapse: collapse;
}
table.monthlyview td:hover:not(.selectedbg) {
  background: #F5F5F5;
}
table.monthlyview td.selectedbg {
  color: var(--primary_button_text, #fff);
  background-color: var(--primary_button_hover_color, #007fc7);
}
table.monthlyview tr td:not(:first-child) {
  border-left: 0px;
}
table.monthlyview tr:not(:first-child) td {
  border-top: 0px;
}
.diff-oper-hrs .res-time .res-input > span {
  width: 50%;
}
/* Schedule API */
.cust-zdate .zselectbox,
.cust-zdate .zselectbox__text,
.zdatetimeselectbox .zdatetimeselectbox__option {
  cursor: var(--sdpcursor-pointer);
}
/* SD-104497 issuefix */
#tempassci .form-horizontal.four-col .desc-row .left-col,
#tempassci .form-horizontal.four-col .desc-row .right-col {
  float: left;
}
#tempassci .ui-dialog-buttonset {
  padding-left: calc(16.66666667% + 17px );
}
#tempassci .form-control {
  border-radius: 0px;
}
/*Preview component style overwrite*/
.loading1.pos-fix {
  position: fixed !important;
}
/*Preview component style overwrite*/
/*reply popup ui issue fix*/
.req-noti-popup .ui-resizable-se {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  background-position: -360px -381px;
}
.req-noti-popup .ui-dialog-content {
  box-sizing: content-box;
}
.req-noti-popup .form-control.fw .select2-input {
  width: 100% !important;
}
/*reply popup ui issue fix*/
/* Editor - View full screen start */
.full-screen-editor {
  z-index: 110;
  position: fixed;
  padding: 0px;
}
.full-screen-editor .ze_area {
  border: 1px solid #CCC !important;
  /* #ccc */
  border-radius: 0px !important;
  height: calc(100vh - 151px) !important;
}
.full-screen-editor .ze .ze_SCmb {
  border: 0px !important;
}
.full-screen-popup {
  height: calc(100vh - 48px) !important;
  width: calc(100% - 20px) !important;
  top: 10px !important;
  position: fixed !important;
}
.full-screen-popup .ui-dialog-content {
  height: calc(100vh - 93px) !important;
  background: #F9F9F9 !important;
  /* #f9f9f9 */
}
.editor-override.full-screen-editor {
  height: calc(100vh - 110px) !important;
  width: 80% !important;
  margin: 62px 10% 0;
  box-shadow: none;
  border-width: 0px;
}
.popup-override-fullScreen {
  position: static !important;
}
/* Editor - View full screen end */
/* RTE - Upload Video  - Start */
.uploadicon1,
.mp4format {
  min-width: 85px;
  height: 85px;
  border-radius: 10px;
}
.mp4format {
  background: linear-gradient(0deg, #ff9a1b, #ffc877);
}
.uploadicon1 {
  background-color: #ffeea5;
}
/* RTE - Upload Video  - End */
/*New Task Panel*/
.ui-progressbar {
  background-color: #DDD;
  min-width: 100px;
  height: 8px;
}
.ui-progressbar .ui-progressbar-fill {
  background-color: #62c67a;
  height: 8px;
}
.open-task {
  background-color: #fde3e8;
  border: 1px solid #eac9c9;
}
.closed-task {
  background-color: #e0f5cc;
  border: 1px solid #c4dbae;
}
.di-ffooter {
  position: sticky !important;
  width: 100% !important;
  bottom: 0 !important;
  z-index: 20;
}
.alert-danger1,
.accordion-log.accordion-timeline .alert-danger1 {
  color: #a74f4f !important;
  z-index: 5;
}
.gry-hvroff {
  filter: grayscale(1);
}
.gry-hvroff:hover {
  filter: grayscale(0);
}
/* select2 multi level option hover issue fix start */
.s2-hover-ui1.select2-drop .select2-result-with-children {
  padding-top: 0px;
}
.s2-hover-ui1.select2-drop .select2-result-with-children > div.select2-result-label {
  padding-top: 7px;
  padding-bottom: 6px;
}
.s2-hover-ui1.select2-drop .select2-highlighted.select2-result-with-children {
  background: transparent !important;
  color: #000 !important;
  /* #000 */
}
.s2-hover-ui1.select2-drop .select2-highlighted.select2-result-with-children > div.select2-result-label {
  background-color: var(--tab_selected_color, #008ddd);
  color: var(--tab_selected_text, #fff);
}
/* select2 multi level option hover issue fix end */
/* accordion panel no header in detail start */
.panel-no-header > .panel-collapse > .p15 {
  padding: 0px !important;
}
.panel-no-header .atp-container-target {
  padding: 10px 0px 0px 0px !important;
}
.panel-no-header .atp-container img.preAttach {
  padding-left: 0px !important;
}
/* accordion panel no header in detail end  */
.uitip {
  display: table;
  background: #FFF;
  border: 1px solid #c5c5c5;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  padding: 12px;
  max-width: 500px;
  position: absolute;
  z-index: 9999;
}
.uitip .ui-tooltip-content {
  color: #555555;
  white-space: normal;
}
.four-col:not(.form-edit) .form-group > .col-group:first-child {
  border-right: 1px solid #EEE;
}
.right-panel .four-col .form-group > .col-group:first-child {
  border-right: 0;
}
/* badge label inside table start */
.tb-badge.status-badge.btn-xs {
  font-size: var(--font-size-small);
  /* 12px */
  top: 2px;
  padding: 1px 5px;
  text-align: center;
  display: inline-block;
  min-width: 90px;
  max-width: 100px;
  border-width: 1px;
  font-weight: 500;
  margin: 0px;
}
/* badge label inside table end */
/*

Code not needed for LTR

*/
#notification_form .select2-search-field input.select2-input,
#sendForReview .select2-search-field input.select2-input {
  width: 100% !important;
}
#notification_form #ze_notifDescText,
#sendForReview #ze_notifDescText {
  min-height: 250px !important;
}
.deluge-top-bar .full-screen,
.deluge-top-bar .small-screen {
  top: -1px;
}
/* sdp copy component style */
.sdp-copy-holder,
.spd-copy-text {
  cursor: var(--sdpcursor-pointer);
}
.sdp-copy-dropdown-default {
  list-style-type: none;
  padding-top: 5px;
  min-width: 250px;
  width: auto;
  position: absolute;
  display: none;
  z-index: 101;
  color: #515151;
  white-space: normal;
}
.sdp-copy-dropdown-default .open-new-tab {
  float: right;
  position: absolute;
  right: 0px;
  background-clip: content-box;
  background-origin: content-box;
  padding: 10px;
  box-sizing: content-box;
}
.sdp-copy-dropdown-default ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
  background: #FFF;
  box-shadow: 1px 1px 3px 2px #cccccc;
  border: 1px solid transparent;
}
.sdp-copy-dropdown-default ul.ticket-dropdown-menu {
  padding: 6px 0;
  color: #868686;
}
.sdp-copy-dropdown-default ul.ticket-dropdown-menu > li > a {
  color: #515151;
  padding: 10px 15px;
  white-space: normal;
  font-size: var(--fs-14);
}
.sdp-copy-dropdown-default ul.ticket-dropdown-menu > li > a:hover {
  background-color: #F1F1F1;
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.sdp-copy-dropdown-default ul.email-copy {
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  padding: 12px;
  max-width: 500px;
  color: #515151;
  white-space: normal;
}
.sdp-copy-dropdown-default ul.email-copy div {
  padding-top: 5px;
}
.sdp-copy-dropdown-default ul.email-copy div .name-text,
.sdp-copy-dropdown-default ul.email-copy div .email-text {
  padding-left: 5px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  cursor: var(--sdpcursor-pointer);
}
.sdp-copy-dropdown-default li a {
  cursor: var(--sdpcursor-pointer);
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.sdp-copy-dropdown-default.bottom {
  padding: 0 0 5px;
}
.sdp-copy-text.copy-ticket-holder {
  background: transparent;
  border: 1px solid #dddddd;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  top: -2px;
  position: relative;
  line-height: 20px;
  color: var(--link_tab_line_color, #008ddd);
  cursor: var(--sdpcursor-pointer);
}
.sdp-copy-text.copy-ticket-holder:hover,
.sdp-copy-text.copy-ticket-holder.sdp-dropdown-open {
  background: #eeeeee;
  border-color: #cccccc;
  color: var(--link_tab_line_color, #008ddd);
}
.sdp-copy-text.copy-ticket-holder[data-view-type="table"] {
  border: 1px solid #dddddd;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-flex;
  top: inherit;
  line-height: 18px;
  color: #000;
}
.sdp-copy-text.copy-ticket-holder[data-view-type="table"]:hover,
.sdp-copy-text.copy-ticket-holder[data-view-type="table"].sdp-dropdown-open {
  border-color: #cccccc;
  color: var(--link_tab_line_color, #008ddd);
}
/* sdp copy component style */
/* dashboard multiselect issue fix */
#WidgetNewPanel ul.sortlist input[type=checkbox] {
  z-index: 0;
}
/* dashboard multiselect issue fix */
/* We've moved the code from "Form.html" here */
#requester-info .sdp-glyph {
  color: #333;
}
.widget-header .qus-desc {
  color: inherit;
}
.form-wrapper textarea {
  color: #333;
  font-size: var(--font-size-base);
}
.form-wrapper .st {
  padding: 2px;
  height: 25px;
  z-index: 1;
}
.file-browser-areap label.text-primary {
  /**106146 -- icon attachment label style added**/
  color: #008ddd !important;
  color: var(--link_tab_line_color, #008ddd) !important;
}
.tbl-bg-mode {
  background: #FFF;
}
.inline-edit .display-data.table-calendar-input {
  border: 1px solid #cccccc;
}
.inline-edit .display-data.table-calendar-input:focus {
  border-color: var(--primary_button_border, #008ddd);
}
/* move Request fix */
#instanceStatusAlert .cspr.info {
  right: inherit;
}
/* move Request fix */
/*Project Module History UI Overwrite*/
.history-newui .panel .panel-body .history-time {
  width: 100px;
  text-align: left !important;
}
.history-newui .panel .panel-body .history-status {
  min-width: 220px;
}
.history-newui .panel .panel-body .history-logs {
  min-width: 300px;
}
/*History icon Struture overwrite*/
.history-status .status-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 41px;
  height: 41px;
}
/* userpopup css control start */
.up-external-style > .listview > .tablelist {
  width: 100% !important;
}
/* userpopup css control end */
/** CM -- admin template field listview **/
.admin-temp-listview .listview {
  padding: 0px !important;
  margin: 0px !important;
}
/* Custom module related CSS start */
.table-clone {
  overflow: auto;
  padding: 0px !important;
  width: auto;
  max-height: 400px;
  position: relative;
  z-index: 1;
}
.table-clone .float-column {
  position: sticky !important;
  right: 0px;
  border-left: 1px solid var(--tbfclmn-br);
  width: 100px !important;
  min-width: 100px !important;
  z-index: 7;
  background-color: var(--tbfclmn-bg);
}
.table-clone .float-column > .disp-if {
  gap: 10px;
}
.table-clone .tableHeader {
  position: sticky !important;
  top: 0px;
  z-index: 3;
}
.table-clone .tableHeader:last-child {
  border-right: 0px;
}
.table-clone td,
.table-clone th {
  min-width: 195px;
  width: 205px;
}
.table-clone td .col-fields {
  padding: 0px !important;
}
.table-clone .tableComponent th.tableHeader {
  background-color: inherit;
  font-weight: unset;
  font-size: unset;
  color: unset;
  border-top-width: 0px !important;
}
.table-clone .tableComponent th.tableHeader.float-column {
  background-color: var(--tbfclmn-bg);
}
.table-clone .tableComponent th.tableHeader:nth-last-child(2) {
  border-right-width: 0px !important;
}
.table-clone .tableComponent tr.tc-row:hover td:not(.tcln-view.table-clone .tableComponent tr.tc-row:hover td) {
  background-color: inherit;
}
.table-clone .tableComponent tr.tc-row:hover td:not(.tcln-view.table-clone .tableComponent tr.tc-row:hover td).float-column {
  background-color: var(--tbfclmn-bg);
}
.table-clone .tableComponent tr td .input-group .input-group-addon {
  padding: 2px 10px;
}
.table-clone .tableComponent tr > td {
  vertical-align: middle;
  height: 40px;
}
.table-clone .tableComponent tr > td > .control-holder {
  vertical-align: middle;
}
.table-clone .tableComponent tr > td .control-holder .form-control {
  height: 26px !important;
}
.table-clone .tableComponent tr > td .control-holder textarea.form-control {
  height: 55px !important;
  resize: none;
}
.table-clone .tableComponent tr > td.float-column {
  vertical-align: middle;
  background-color: var(--tbfclmn-bg);
}
.table-clone .tableComponent tr.form-sub-table > td {
  vertical-align: top;
}
.table-clone .tableComponent tr.form-sub-table > td > .control-holder {
  vertical-align: top;
}
.table-clone .tableComponent tr.form-sub-table > td.float-column {
  vertical-align: middle;
}
.table-clone .tableComponent tr.form-sub-table > td a.attach-popup {
  color: var(--link_tab_line_color, #008ddd);
}
.sform-disabled {
  opacity: unset;
  pointer-events: none;
  cursor: var(--sdpcursor-not-allowed);
  position: relative;
}
.sform-disabled .sfalert-parent {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--sfalert-bg);
  z-index: 3;
  top: 0px;
}
.sform-disabled .sfalert-parent .alert {
  position: absolute;
  width: calc(100% - 40px);
  margin: 20px;
  z-index: 3;
  top: calc(50% - 40px);
  opacity: unset;
}
.tableComponent a.tbl-txt-link {
  color: var(--link_tab_line_color, #008ddd);
}
.content-details-panel .mc-listview.listview {
  border-width: 0px;
}
.content-details-panel .mc-listview.listview > .listcontrols {
  padding: 10px 0px !important;
}
.content-details-panel .table-clone .tableComponent th.tableHeader,
.res-panel-block.table-clone .tableComponent th.tableHeader {
  border-top-width: 1px;
  z-index: 1;
}
.hgh-element {
  background-color: var(--hgh-element-bg) !important;
}
.form-template .border.four-col .col-fields.noborder {
  border-width: 0px !important;
}
/* Custom module related CSS end */
/* dashboard multiselect issue fix */
#WidgetNewPanel ul.sortlist input[type=checkbox] {
  z-index: 0;
}
/* dashboard multiselect issue fix */
/* Editor - Editor html popup Fullscreen support css code start */
.ze_popup.edit-html-fullscreen {
  left: 5%;
  top: 2%;
  width: 90%;
  height: calc(100vh - 40px);
  max-height: unset;
  transition: 0.3s;
  position: fixed;
  box-sizing: border-box;
}
.ze_popup.edit-html-fullscreen * {
  box-sizing: border-box;
}
.ze_popup.edit-html-fullscreen .ze_popupEditor {
  height: calc(100vh - 180px);
  /* Not Needed for LTR */
}
.ze_popup.edit-html-fullscreen .ze_popupEditor > textarea {
  height: 100%;
}
.ze_popup.edit-html-fullscreen .ze_popupEditor > iframe {
  height: 100%;
}
.ze_popup.edit-html-fullscreen .ze_popupButton span {
  box-sizing: content-box;
}
/* Editor - Editor html popup Fullscreen support css code end */
/* SD-118119 Starts */
html body div[data-content="rta"][data-content="rta"][data-content="rta"] a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
/* SD-118119 Ends */
.ze_SCmb {
  background-color: #FFF !important;
}
.form-horizontal.four-col .left-col {
  background-color: transparent;
}
.form-horizontal.four-col .col-fields,
.form-horizontal.four-col .form-group,
.form-horizontal.four-col .form-section:not(.brd-medium),
.four-col:not(.form-edit) .form-group > .col-group:first-child,
.form-template .border.four-col .form-wrapper .col-fields,
.right-panel .content-panel-inner {
  border: 0 none !important;
}
.form-horizontal.four-col.inplace-edit .col-group,
.form-horizontal.four-col.form-edit .col-group {
  /* SD-124936 Fix */
  /*
	.font-medium1;
	color: lighten(@font-color-base1, 8.24);
	*/
}
.form-horizontal.four-col.inplace-edit .col-group .right-col p,
.form-horizontal.four-col.form-edit .col-group .right-col p {
  color: #333333;
}
.form-horizontal.four-col.inplace-edit .col-group .right-col p.spot-static:hover,
.form-horizontal.four-col.form-edit .col-group .right-col p.spot-static:hover {
  color: var(--link_tab_line_color, #008ddd);
}
.right-panel .form-horizontal.four-col .col-group {
  font-size: var(--font-size-base) !important;
}
.tableHeader a,
.sortedTableHeader a,
.tableHeader table tr td,
.tableComponent tr th.tableHeader,
.tableComponent th a {
  color: #262F36;
}
.tableComponent th,
.tableComponent .tableHeader,
.tableComponent .sortedTableHeader,
.task-list-wrap .tableComponent th,
.req-default .tableComponent th,
.request-kanban .tableComponent th,
#proj-listview .tableComponent th,
.btn-cntrl-ui1 .tableComponent th,
#Right-Section .listview .tableComponent th {
  background-color: #F7F9FA;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
.listcontrols .btn-default {
  background-color: #FFF;
  border-color: #e6e6e6;
}
.listcontrols .btn-default:hover,
.listcontrols .btn-default:focus {
  background-color: #e6e6e6;
  border-color: #dadada;
}
.tableHead {
  background: transparent;
}
.content-panel-inner .content-panel-inner {
  border: 0 none !important;
}
.form-template .btn-cntrl-ui1 .tablelist {
  border-bottom: 1px solid #f1f1f1;
}
.form-horizontal.four-col .section-title,
.layout-title > h4 {
  font-weight: normal;
}
.minicalendar-brline.nobold {
  font-weight: normal !important;
}
.tableComponent th,
.ColumnHead td,
.columnHead td,
.columnChooser,
.sortedTableHeader {
  text-transform: uppercase;
  font-size: var(--font-size-small) !important;
  letter-spacing: 0.5px;
}
.tableComponent th:not(.table-clone .tableComponent th),
.ColumnHead td,
.columnHead td,
.columnChooser,
.sortedTableHeader {
  color: #333333 !important;
}
.cm-module .content-details-panel .atp-container.atp-container-target.p15:not(z-cpcontent .atp-container.atp-container-target.p15),
.res-panel-block[id^="content-middle-panel-holder-cm_"] .content-details-panel .atp-container.atp-container-target.p15:not(z-cpcontent .atp-container.atp-container-target.p15),
.cm-module .content-details-panel .attachment-container.pl10.pr10:not(z-cpcontent .attachment-container.pl10.pr10),
.res-panel-block[id^="content-middle-panel-holder-cm_"] .content-details-panel .attachment-container.pl10.pr10:not(z-cpcontent .attachment-container.pl10.pr10) {
  padding: 0px !important;
}
/* SD-121261 Ends*/
/** The width has been added as referred to in the helpcardcomponent.hbs file **/
.w500 {
  width: 500px;
}
/* bulk select styles */
.sd-bulk-select {
  border: 1px solid #CCC;
  border-radius: 3px;
  padding: 3px;
}
.sd-bulk-select .sdmenu-toggle {
  color: var(--link_tab_line_color, #008ddd);
  box-shadow: none !important;
}
.sd-bulk-select .sdmenu-dd {
  width: 320px;
  overflow: auto;
  padding: 0;
}
.sd-bulk-select .sdmenu-dd .srchfiltertxt {
  border-radius: 5px;
}
.sd-bulk-select .v-bar {
  color: #CCC;
  border-right: 1px solid #CCC;
  position: relative;
  top: 1px;
}
/* bulk select styles */
.req-badgestatus {
  padding: 3px 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(345deg);
  border-radius: 4px;
  font-size: var(--fs-14);
  min-width: 100px;
  max-width: 115px;
}
.req-badgestatus.aprvnmi {
  background-color: #588E51;
}
.req-badgestatus.rejctnmi {
  background-color: #D83731;
}
.widget-panel .zcollapsiblepanel__content div > .widget-details-highlight:last-child {
  border-bottom: 0;
}
/* Copy code textarea starts*/
.ccode-tarea {
  position: relative;
}
.ccode-tarea .ctextarea {
  width: 100%;
  margin-top: 20px;
  resize: none;
  padding: 15px 10px;
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #CCC;
  /* #ccc */
  background-color: #F9F9F9;
  /* #f9f9f9 */
  color: #515151;
  /* #6A6A6A */
  max-height: 300px;
  overflow-y: auto;
}
.ccode-tarea textarea {
  opacity: 0;
  height: 0px !important;
  width: 0px !important;
  position: absolute;
}
.ccode-tarea .ccode-ele {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #CCC;
  /* #ccc */
  border-radius: 0px 0px 5px 5px;
  padding: 10px;
  color: var(--link_tab_line_color, #008ddd);
  font-weight: 600;
  min-height: 45px;
}
.ccode-tarea .ccode-ele .copy.copy-mask {
  background: var(--link_tab_line_color, #008ddd);
}
.ccode-tarea .ccode-ele .copy.copy-mask:hover {
  background: var(--link_tab_line_color, #008ddd);
}
/* Copy code textarea ends*/
.form-horizontal.four-col.form-edit .col-group {
  line-height: 1.2;
}
.sdp-popover {
  position: absolute;
  z-index: 1060;
  display: none;
  padding-top: 10px;
}
.sdp-popover > .arrow {
  border-width: 10px;
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  margin-top: -10px;
  border-color: transparent;
  border-top-color: transparent;
  top: 10px;
  left: 8px;
  margin-left: 0px;
  border-top-width: 0;
  border-bottom-color: #DDD;
}
.sdp-popover > .arrow:after {
  margin-left: -10px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  left: 0;
  top: 1px;
  content: " ";
  position: absolute;
  border-width: 10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.sdp-popover-outline {
  max-width: fit-content;
  padding: 1px;
  text-align: left;
  background-color: #FFF;
  background-clip: padding-box;
  border: 1px solid #DDD;
  border-radius: 5px;
  box-shadow: 0px 1px 5px 1px rgba(86, 86, 86, 0.27);
}
.sdp-popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: var(--fs-13);
  background-color: #f7f7f7;
  border-bottom: 1px solid #E9E9E9;
  border-radius: -1px -1px 0 0;
}
.sdp-popover.v-bottom {
  padding-bottom: 10px;
  padding-top: unset;
}
.sdp-popover.v-bottom .arrow {
  transform: rotate(180deg);
  top: unset;
  bottom: 0;
}
.sdp-popover.h-right .arrow {
  left: unset;
  right: 5px;
}
.sdp-popover.h-left .arrow {
  right: unset;
  left: 5px;
}
.clrshdw {
  box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.12);
}
.clrbox-1 {
  width: 16px;
  height: 16px;
  border-radius: 2px;
}
.clrbox-2 {
  width: 28px;
  height: 14px;
  border-radius: 2px;
}
.clrbox-3 {
  width: 32px;
  height: 18px;
  border-radius: 3px;
}
.clrbox-4 {
  width: 32px;
  height: 22px;
  border-radius: 3px;
}
.clrnofill {
  position: relative;
  box-shadow: inset 0px 0px 0px 1px #cccccc;
  background: linear-gradient(to top right, transparent calc(50% - 1px), #cccccc, transparent calc(50% + 1px));
}
.ppolicyip {
  opacity: 0;
  width: 3px;
  height: 2px;
  z-index: 0;
}
/* Skeleton Loader begins */
.skeleton-container * {
  box-sizing: border-box;
}
.skeleton-container .row {
  margin-top: 5px;
}
.skeleton-icon.skeleton {
  float: left;
  width: 50px;
  height: 50px;
  background-color: #ccc;
  border-radius: 25%;
  margin: 8px;
}
.text-loader.skeleton {
  width: 100%;
  height: 20px;
  border-radius: 12px;
  margin: 5px;
}
.skeleton-loading {
  min-height: 100px;
  padding: 5px 25px 5px 0px;
}
.skeleton {
  opacity: 0.4;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, 0.65) 50%, rgba(0, 0, 0, 0) 100%);
  background-repeat: no-repeat;
}
.skeleton-container.active .skeleton {
  animation: SKloader 0.7s ease-in-out infinite;
}
@keyframes SKloader {
  0% {
    background-size: 0 100%;
    background-position-x: 0;
  }
  25% {
    background-size: 50% 100%;
  }
  50% {
    background-position-x: 50%;
  }
  75% {
    background-size: 50% 100%;
  }
  100% {
    background-size: 0 100%;
    background-position-x: 100%;
  }
}
/* Skeleton Loader begins */
/** Header skeleton loader **/
.headerskeltonloader {
  z-index: 100;
}
.headerskeltonloader .skeleton-container {
  padding: 0px !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  height: 100%;
}
.headerskeltonloader .skeleton-loading {
  padding: 10px !important;
}
.headerskeltonloader .skeleton-container.active .skeleton {
  height: 25px !important;
}
/** Header skeleton loader **/
/* Notification styles */
.sdp-notify {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  background: #f00;
  box-shadow: 0px 0px 0px 2px #FFF;
  color: #FFF;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  box-sizing: content-box !important;
}
.sdp-count-lv {
  width: fit-content;
  height: 16px;
  left: 10px;
  top: -5px;
  min-width: 8px;
  padding: 0 4px;
}
/* Notification styles */
.dig-bx-shd {
  box-shadow: 0px 0px 15px #4646468c;
}
.dig-slide {
  transition: 500ms transform;
  width: 450px;
  z-index: 9;
  background: #fff;
  position: absolute !important;
  top: 0px !important;
  right: 0px !important;
  height: 100% !important;
  height: 100%;
}
.formpopup-preview.fpop-susp .freezeLayer {
  z-index: 9;
}
.formpopup-preview.fpop-susp .dig-slide {
  width: 65%;
  z-index: 101;
}
.formpopup-preview.fpop-susp .dig-slide > .disp-t > .disp-c:first-child > span {
  max-width: 235px;
}
.formpopup-preview.fpop-susp .dig-slide .fpop-susp-content {
  max-height: calc( 100% - 90px );
  overflow-y: auto;
  overflow-x: hidden;
}
.select2-container.s2-scroll-fix ul.select2-choices > li.select2-search-field > input.select2-input {
  width: 100% !important;
}
.select2-highlighted .wmask-cspr,
[theme="dark-mode"] .select2-highlighted .wmask-cspr {
  background: var(--default-bg);
}
.select2-result-label .leave-icon {
  margin-right: 2px !important;
  /* Not needed for LTR */
}
/* Audit Filter - Table component column filter*/
.d_w.inline-pl-search-enabled {
  overflow: visible;
  display: flex;
  align-items: center;
}
.d_w.inline-pl-search-enabled .sdmenu-dd.side-right {
  right: auto;
}
.d_w.inline-pl-search-enabled .search-dropdown {
  width: 300px;
  padding: 8px 10px;
}
.d_w.inline-pl-search-enabled .inline-search-wrapper,
.d_w.inline-pl-search-enabled .pl-searchbox-wrapper .pl-search-text {
  width: calc(100% - 22px);
}
.inline-pl-search-dropdown input.inline-pl-search,
.inline-pl-search-dropdown {
  width: 300px;
}
/* Audit Filter - Table component column filter*/
/*CMDB Migration*/
.cmdb-mgrtn {
  background-repeat: no-repeat;
  background-image: url(/images/cmdb-migration.svg?15110);
  background-size: 100%;
  height: 350px;
  width: 400px;
}
.cmdb-mgrt-citype {
  width: 100%;
  height: 270px;
  background-repeat: no-repeat;
  background-size: contain;
}
.cmdb-mgrt-citype.type_1 {
  background-image: url(/images/citype-1-mgrte.svg?15110);
}
.cmdb-mgrt-citype.type_2 {
  background-image: url(/images/citype-2-mgrte.svg?15110);
}
.ch-approval-summary .zcollapsiblepanel__header {
  border: 1px solid var(--br-medium) !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  background: transparent !important;
  padding: 0px !important;
}
.ch-approval-summary z-collapsiblepanel {
  border: 0 none !important;
}
.ch-approval-summary z-cpcontent {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ch-approval-summary .ch-approval-hover:hover {
  background-color: var(--request-approval-rule-hover-bg) !important;
}
.request-approval-view .zcollapsiblepanel__header {
  padding: 0px !important;
}
.request-approval-view .panel-title {
  padding: 15px;
}
.request-approval-rule {
  line-height: 21px;
  background-color: var(--request-approval-rule-bg);
  padding: 15px;
}
/* SD-132472 Issue fix start */
.zep_PUtt > .zep_PUtt-close:hover {
  background-color: transparent;
  filter: brightness(0.8);
}
.ze_ptble.zeEditorLinkPop label.ze-ins-input-label {
  color: var(--zeditor-label-ft);
}
.ze_ptble.zeEditorLinkPop input {
  background-color: var(--zeditor-ip-bg);
  border-color: var(--zeditor-ip-br);
}
.ze_ptble.zeEditorLinkPop input:focus {
  border-color: var(--input_border_color, rgba(0, 141, 221, 0.7)) !important;
}
button.zep_PUbtm_actions.zep_PUbtm_actions--primary {
  color: var(--primary_button_text, #fff);
  border-color: transparent;
  background: var(--primary_button_color, #008ddd);
  border-radius: 0px;
}
button.zep_PUbtm_actions.zep_PUbtm_actions--primary:hover {
  background: var(--primary_button_hover_color, #007fc7);
}
button.zep_PUbtm_actions.zep_PUbtm_actions--unstyled {
  color: var(--zeditor-label-ft);
  background-color: var(--zeditor-df-btn-bg);
  border: 1px solid var(--zeditor-df-btn-br);
  border-radius: 0px;
  text-decoration: none;
  margin-left: 5px !important;
}
button.zep_PUbtm_actions.zep_PUbtm_actions--unstyled:hover {
  text-decoration: none;
  color: var(--zeditor-label-ft);
  background-color: var(--zeditor-df-hvr-btn-bg);
  border-color: var(--zeditor-df-hvr-btn-br);
}
label.ze-ins-input-label {
  color: var(--zeditor-label-ft);
}
.zep_PUcen input.ze-ins-form-element-input[type="button"] {
  border-color: var(--zeditor-ip-br);
}
.ze_ptble input {
  padding-block: 0px !important;
  padding-inline: 0px !important;
}
.ze_ptble input[type="text"] {
  padding: 5px 10px !important;
}
.ze_ptble input[type="email"] {
  padding: 5px 10px !important;
}
.ze_ptble input[type="button"] {
  padding: 5px 10px !important;
}
.ze-ins-input input[type="radio"] {
  margin-top: -1px;
}
/* SD-132472 Issue fix end */
/* ----------------------------------------------- */
/* ui-header-view.less */
/* ----------------------------------------------- */
.top-evalband {
  background-color: #d2ecf1;
  text-align: center;
}
.top-evalband > div {
  padding: 5px 0;
}
.top-evalband > span,
.top-evalband > a {
  vertical-align: middle;
}
.top-evalband > a.btn {
  margin-right: 5px !important;
}
.top-evalband > a.btn:last-child {
  margin-right: 10px !important;
}
.top-evalband a.btn,
.top-header .um-block .left a.btn {
  background-color: #515151 !important;
  color: #FFF !important;
  border-radius: 0;
  text-decoration: none;
}
.top-header .sdp-glyph {
  font-size: var(--fs-19);
  line-height: 28px;
  vertical-align: middle;
}
.top-header .sdp-glyph-logout {
  position: relative;
  top: -1px;
}
.top-header .btn-link:hover,
.top-header .btn-link:focus {
  text-decoration: none;
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.top-header .navbar {
  min-height: 38px;
  border: 0 none;
  margin-bottom: 0;
  border-radius: 0;
}
.top-header .navbar-brand {
  height: 38px;
  padding: 1px 5px;
  cursor: var(--sdpcursor-default);
}
.top-header .navbar-nav > li > a {
  padding: 11px 13px;
  white-space: nowrap;
  color: #FFF;
}
.top-header .navbar-nav > li > a.navbar-icon {
  padding-top: 6px;
  padding-bottom: 6px;
}
.top-header .navbar-nav > .disabled > a,
.top-header .navbar-nav > .disabled > a:hover,
.top-header .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: none;
}
.top-header .navbar-icon .caret {
  margin-top: -6px;
}
.top-header .helpmenu,
.top-header .usermenu {
  padding: 0;
}
.top-header .helpmenu {
  left: auto;
  right: 0;
}
.top-header .helpmenu .left {
  min-width: 230px;
}
.top-header .helpmenu .right {
  min-width: 170px;
}
.top-header .usermenu span.logout {
  vertical-align: middle;
  margin-right: 7px !important;
}
.top-header .usermenu .form-footer {
  padding: 2px 12px;
  margin-top: 10px;
}
.top-header .usermenu .left {
  min-width: 180px;
  text-align: center;
}
.top-header .usermenu .left .bdr {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.top-header .usermenu .eval {
  font-weight: bold;
  margin-top: 40px;
}
.top-header .usermenu .sdmenu-dd2 {
  min-width: 160px;
}
.top-header .um-block:before,
.top-header .um-block:after {
  display: table;
  content: " ";
}
.top-header .um-block:after {
  clear: both;
}
.top-header .um-block:before,
.top-header .um-block:after {
  display: table;
  content: " ";
}
.top-header .um-block:after {
  clear: both;
}
.top-header .um-block .left,
.top-header .um-block .right {
  display: table-cell;
}
.top-header .um-block .left {
  border-right: 1px solid #CCC;
}
.top-header .um-block .left a.btn {
  display: block;
}
.top-header .um-block li > a {
  padding: 6px 10px;
}
.top-header .um-block .sdmenu-dd2 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.top-subheader {
  box-sizing: border-box;
  background-color: #FFF;
  border-bottom: 1px solid #E9E9E9;
  padding: 6px 15px 4px 15px;
  width: 100%;
}
.top-subheader * {
  box-sizing: border-box;
}
.top-subheader > div {
  display: table-row;
}
.top-subheader > div > div.btn-group {
  display: table-cell !important;
  padding-right: 5px;
}
.top-subheader > div > div.btn-group:not(:last-child) {
  width: 25px;
}
.top-subheader .merge-box {
  display: table-cell;
  float: none;
}
.top-subheader .dd-searchanim {
  position: fixed;
  left: 50%;
  margin-left: -225px;
  top: 100px;
  width: 450px;
  z-index: 9999;
  transform: scale(0);
  transition: transform 0.5s;
}
.top-subheader .dd-searchanimation {
  transform: scale(1);
}
.top-subheader .dd.bs-noconflict {
  display: inline-block !important;
}
.top-subheader label {
  margin-bottom: 5px;
}
.top-subheader .sdp-glyph-overview {
  margin-right: 5px !important;
}
.top-subheader > div.text-nowrap:hover > div.btn-group {
  opacity: 1;
}
.top-subheader .btn-group > .btn + .sdmenu-toggle {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.top-subheader .dd {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #FFF;
  border-radius: 2px;
  position: relative;
}
.top-subheader .dd:hover,
.top-subheader .dd:active {
  background-color: #fff;
}
.top-subheader .sdmenu-dd {
  min-width: 200px;
  max-width: 220px;
}
.top-subheader .sdmenu-dd li a {
  white-space: normal;
  border-bottom: 0 none;
}
.top-subheader .sdmenu-dd li a:not(.select2-choice) {
  border-bottom: 1px solid #F1F1F1;
  padding-top: 5px;
  padding-bottom: 5px;
}
.top-subheader .sdmenu-dd li:last-child a {
  border-bottom: 0 none;
}
.top-subheader .sdmenu-dd li:last-child ul li a:not(.select2-choice) {
  border-bottom: 1px solid #F1F1F1;
}
.top-subheader .sdmenu-dd li:last-child ul li:last-child a {
  border-bottom: 0 none;
}
.top-subheader .dd-request .req-sprite {
  margin-right: 3px !important;
}
.top-subheader .dd-request a.service,
.top-subheader .dd-request a.incident {
  padding-left: 30px !important;
}
.top-subheader .dd-request a.service:before,
.top-subheader .dd-request a.incident:before {
  background-image: url('/images/ui-common-view.svg?15110');
  display: inline-block;
  vertical-align: sub;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  left: 10px !important;
  margin-top: 2px;
}
.top-subheader .dd-request a.service:before {
  background-position: -40px -122px;
}
.top-subheader .dd-request a.incident:before {
  background-position: -60px -121px;
}
.top-subheader .btn-link {
  color: #000;
  font-weight: normal;
  cursor: var(--sdpcursor-pointer);
  border-radius: 0;
}
.top-subheader .btn-link,
.top-subheader .btn-link:active,
.top-subheader .btn-link[disabled],
fieldset[disabled] .top-subheader .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.top-subheader .btn-link,
.top-subheader .btn-link:hover,
.top-subheader .btn-link:focus,
.top-subheader .btn-link:active {
  border-color: transparent;
}
.top-subheader .btn-link:hover,
.top-subheader .btn-link:focus {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
  background-color: transparent;
}
.top-subheader .btn-link[disabled]:hover,
fieldset[disabled] .top-subheader .btn-link:hover,
.top-subheader .btn-link[disabled]:focus,
fieldset[disabled] .top-subheader .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.top-subheader .btn-group .btn-link + .btn-link.sdmenu-toggle {
  border-left: 1px solid #E9E9E9;
}
.top-subheader .sdmenu-dd.global-search-menu li > a > span {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: transparent;
  margin-right: 5px !important;
  visibility: hidden;
}
.top-subheader .sdmenu-dd.global-search-menu li > a > span.glyph-color1 {
  color: #7f7f7f;
}
.top-subheader .sdmenu-dd.global-search-menu li > a > span.glyph-color2 {
  color: #FFF;
}
.top-subheader .sdmenu-dd.global-search-menu li > a > span.glyph-color3 {
  color: #3a96e7;
}
.top-subheader .sdmenu-dd.global-search-menu li > a > span.glyph-color4 {
  color: #000;
}
.top-subheader .sdmenu-dd.global-search-menu li > a > span:before {
  content: "\e938";
}
.top-subheader .sdmenu-dd.global-search-menu li.selected > a > span {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #868686;
  visibility: visible;
}
.top-subheader .sdmenu-dd.global-search-menu li.selected > a > span.glyph-color1 {
  color: #7f7f7f;
}
.top-subheader .sdmenu-dd.global-search-menu li.selected > a > span.glyph-color2 {
  color: #FFF;
}
.top-subheader .sdmenu-dd.global-search-menu li.selected > a > span.glyph-color3 {
  color: #3a96e7;
}
.top-subheader .sdmenu-dd.global-search-menu li.selected > a > span.glyph-color4 {
  color: #000;
}
.top-subheader .sdmenu-dd.global-search-menu li.selected > a > span:before {
  content: "\e938";
}
.top-subheader .sdmenu-dd.global-search-menu li.advsearch {
  background-color: #F5F5F5;
}
.top-subheader .sdmenu-dd.global-search-menu li.advsearch > a > span {
  color: #868686;
  visibility: visible;
}
.top-subheader .sdmenu-dd.global-search-menu li.advsearch > a > span:before {
  content: "\e984";
}
.top-subheader .dd-globalsearch .form-control {
  height: 40px;
}
.top-subheader .qc-menu-cnt .btn-link,
.top-subheader .ri-menu-cnt .btn-link,
.top-subheader .notifymenu .btn-link {
  width: 24px;
  height: 24px;
  position: relative;
  top: 1px;
  padding: 0;
  border: 0 none;
  top: -1px;
}
.top-subheader .sdmenu-dd.dd-quickactions {
  padding-top: 0;
  padding-bottom: 0;
  max-width: inherit;
}
.top-subheader .sdmenu-dd.dd-quickactions td:first-child {
  background-color: #F5F5F5;
}
.top-subheader .sdmenu-dd.dd-quickactions td:first-child ul {
  min-width: 150px;
}
.top-subheader .sdmenu-dd.dd-quickactions .glyph-plus:before {
  background-color: #555;
  border-color: 1px solid #6c6c6c;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  color: #FFF;
  content: "\e956";
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-size: var(--fs-10);
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  padding: 1px 2px 2px;
  top: -1px;
  margin-right: 5px !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.top-subheader .sdmenu-dd.dd-quickactions li a {
  white-space: nowrap;
}
.top-subheader .sdmenu-dd2 li > a {
  color: #000;
}
.top-subheader .sdmenu-dd2 li > a:hover,
.top-subheader .sdmenu-dd2 li > a:focus {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.top-subheader .qal-column {
  padding: 10px;
}
.top-subheader .qal-column li {
  white-space: nowrap;
}
.top-subheader span.hdr {
  background-color: #F5F5F5;
  color: #000;
  font-weight: bold;
  font-size: var(--font-size-small);
  padding: 6px;
  border-bottom: 1px solid #c1c1c1;
  display: block;
  clear: both;
}
.top-subheader .quick-action-list-sublist,
.top-subheader .quick-action-list-sublist li a {
  color: #464646;
  padding: 0;
  margin: 10px 15px;
  margin-left: 0px !important;
  border-radius: 3px;
}
.top-subheader .quick-action-list-sublist li a:hover {
  color: #5cabdd;
  background: none;
}
.top-subheader .event-btn span.badge {
  top: -4px;
  right: -8px !important;
}
.top-subheader .event-btn em {
  font-size: var(--font-size-base);
}
.top-subheader .notifymenu .badge.badge-count {
  right: -1px !important;
}
.top-subheader .notifymenu .sdmenu-dd {
  padding: 0;
  max-width: inherit;
}
.top-subheader .notifymenu .sdmenu-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.top-subheader .notifymenu ul {
  width: 310px;
  height: 320px;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}
.top-subheader .notifymenu ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: normal;
}
.top-subheader .notifymenu ul > li:last-child {
  border-bottom: 0 none;
}
.top-subheader .notifymenu li .icon-lg {
  float: left !important;
}
.top-subheader .notifymenu li > a {
  display: block;
  padding: 12px 10px;
}
.top-subheader .notifymenu li > a.nodata {
  cursor: var(--sdpcursor-default);
  color: #868686;
  text-align: center;
}
.top-subheader .notifymenu li > a.nodata:hover,
.top-subheader .notifymenu li > a.nodata:focus {
  background-color: transparent;
}
.top-subheader .notifymenu li > a:hover,
.top-subheader .notifymenu li > a:focus {
  text-decoration: none;
  background-color: #e9f5fd;
}
.top-subheader .notifymenu .noti-comment-by {
  color: #515151;
  line-height: 16px;
  margin-left: 35px !important;
}
.top-subheader .notifymenu .noti-comment-by .unread {
  font-weight: bold;
  color: #000;
}
.top-subheader .notifymenu .noti-comment-by > div:not(.text-muted) {
  font-size: var(--font-size-small);
}
.top-subheader .notifymenu .text-muted {
  font-weight: normal;
  font-size: var(--font-size-xsmall);
  margin-top: 2px;
}
.top-subheader:hover > div > div.btn-group .btn {
  opacity: 1;
}
.top-header .sdmenu-header,
.top-subheader .sdmenu-header {
  font-size: var(--font-size-small);
}
.top-header .sdmenu-header2 {
  color: #000;
  text-transform: none;
  margin-bottom: 10px;
}
.top-subheader a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  display: block;
}
.top-subheader .ui-dialog a {
  display: inline;
}
.ie9 .act-container .feature-newupdate div:first-child {
  border-left: 1px solid transparent;
}
/* top header floating menus fix */
.top-header .navbar-nav {
  margin-top: 0px;
  margin-bottom: 0px;
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.top-header .navbar-nav > li {
  display: table-cell !important;
  vertical-align: middle;
  float: none;
}
.top-header .navbar-nav > li.hide {
  display: none !important;
}
.top-header ul[data-content="tab"] li:last-child.bs-noconflict {
  background-color: #000;
}
.top-header ul[data-content="tab"] li:last-child.bs-noconflict .sdp-glyph {
  font-size: var(--font-size-h4);
  line-height: 15px;
}
.top-header .container-fluid {
  padding-right: 0px !important;
}
.top-header .navbar-collapse.collapse {
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  display: table !important;
}
.top-header .navbar-collapse.collapse > ul:first-child {
  width: 150px;
  padding-left: 15px !important;
}
.top-header .navbar-collapse.collapse > ul:last-child {
  width: 120px;
}
.top-header .navbar-collapse.collapse > ul:last-child .sdmenu-dd {
  left: auto !important;
  right: 0px !important;
}
.top-header .navbar-collapse.collapse > ul:last-child > li:only-child {
  float: right !important;
  margin-right: 20px !important;
}
@media (max-width: 768px) {
  .top-header .navbar-collapse {
    display: block !important;
  }
  .navbar-collapse.collapse > ul:first-child {
    width: auto;
  }
}
.top-subheader .group-menu .sdmenu-dd > .sdmenu-submenu > a:focus + .sdmenu-dd {
  display: block;
}
.top-subheader div > .btn-group.group-menu {
  display: table-cell !important;
}
.top-subheader div > .btn-group.group-menu > div {
  display: table-cell !important;
  float: none;
}
.top-subheader div > .btn-group.group-menu > div > button {
  padding: 0px 5px;
  background-color: #fff;
}
.top-subheader div > .btn-group.group-menu .btn-group:first-child > button {
  margin-right: -1px !important;
}
.top-subheader div > .btn-group.group-menu .btn-group:not(:first-child) > button {
  margin-left: -1px !important;
}
.top-subheader div > .btn-group.show-menu {
  display: table-cell !important;
}
.top-subheader div > .btn-group.show-menu > div {
  display: table-cell !important;
  padding-right: 6px !important;
  float: none;
}
.top-subheader div > .btn-group.headerbtn-hide,
.top-subheader div > .btn-group.headerbtn-hide.bs-noconflict {
  display: none !important;
}
/* Ember Application Screens */
body.ember {
  min-width: 1280px;
}
body.ember .top-header .navbar-nav {
  margin: 8px -1px;
}
@media (min-width: 768px) {
  body.ember .top-header .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
  }
}
/* progressbar */
.page-progressbar {
  background: #008ddd;
  background: var(--primary_button_color, #008ddd);
  width: 100%;
  height: 2px;
  margin: 0 auto;
  position: absolute;
  z-index: 1;
}
.page-progressbar:after {
  content: '';
  width: 10px;
  height: 2px;
  background: #FFF;
  position: absolute;
  animation: movebar 2s infinite linear;
  animation-direction: move;
  z-index: 3;
}
.page-progressbar:before {
  content: '';
  width: 10px;
  height: 2px;
  background: #FFF;
  position: absolute;
  animation: movebar2 2s infinite linear;
  animation-direction: move;
  z-index: 3;
}
@keyframes movebar {
  0% {
    background: #FFF;
    left: 0%;
    top: 0px;
  }
  100% {
    background: #FFF;
    left: 50%;
    top: 0px;
  }
}
@-webkit-keyframes movebar {
  0% {
    background: #FFF;
    left: 0%;
    top: 0px;
  }
  100% {
    background: #FFF;
    left: 50%;
    top: 0px;
  }
}
@keyframes movebar2 {
  0% {
    background: #FFF;
    left: 50%;
    top: 0px;
  }
  100% {
    background: #FFF;
    left: 99%;
    top: 0px;
  }
}
@-webkit-keyframes movebar2 {
  0% {
    background: #FFF;
    left: 50%;
    top: 0px;
  }
  100% {
    background: #FFF;
    left: 99%;
    top: 0px;
  }
}
.top-header .navbar-nav > li > a {
  color: #FFF;
}
.top-header .navbar-nav > li > a:hover,
.top-header .navbar-nav > li > a:focus {
  color: #FFF;
  background-color: #777;
}
.top-header .navbar-nav > li .active a,
.top-header .navbar-nav > li .active a:hover,
.top-header .navbar-nav > li .active a:focus {
  color: #3b3b3b;
  background-color: #FFF;
}
/* Asset scan button */
.top-header .navbar-nav .ae-scan {
  background: #3187a7;
  position: relative;
  left: 50px !important;
  line-height: 40px;
}
.top-header .navbar-nav .ae-scan .btn-link,
.top-header .navbar-nav .ae-scan:hover .sdp-glyph-monitor {
  color: #FFF;
}
.ae-scan-popup {
  width: 495px;
}
.ae-scan .caret {
  opacity: 1;
}
.ae-scan-popup li a {
  padding: 10px 15px;
  white-space: normal;
}
/* Asset scan button */
/* All Asset Search option */
.asset-quick-search .input-group-drop {
  background-color: #fcfcfc;
  border: 0 none;
  box-shadow: none;
  left: 1px !important;
  margin: 1px 0;
  min-width: 40px;
  position: absolute !important;
  z-index: 4;
  color: #555;
}
.asset-quick-search .dd-globalsearch-drop .form-control {
  padding-left: 112px !important;
  height: 25px;
}
.asset-quick-search .dd-globalsearch-drop .loginSelect {
  display: inline-block;
  width: 58px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  line-height: 24px;
  height: 19px;
}
.asset-quick-search .sdp-glyph-search,
.asset-quick-search .caret {
  top: -2px;
}
/* All Asset Search option */
/*Warning Message*/
.d-warn {
  background-color: #EA5317;
}
.d-warn .d-warnhead {
  width: 60%;
  margin: 0 auto;
  color: #FFF;
}
.d-warn .d-cwrap {
  background-color: #fff5e8;
}
.d-warn .d-warncontanier {
  width: 60%;
  margin: 0 auto;
  padding: 15px 0px 0px 5px;
  line-height: 25px;
  font-size: var(--font-size-medium);
}
/*Warning Message*/
/*  New top header style - Notification icon + search icon / text  */
.bdge-cnt.toph {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: var(--font-size-small);
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777777;
  padding: 2px 6px;
  background-color: #dc0d17;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  font-weight: bold;
  font-size: var(--font-size-xsmall);
  font-weight: 400;
  padding: 1px 2px;
  position: absolute;
  top: -1px;
  margin-top: 5px !important;
  left: 15px !important;
  top: 3px;
  border-radius: 10px;
  min-width: 18px;
  padding: 2px 4px;
  min-height: 18px;
  border: 1px solid #FFF;
}
.bdge-cnt.toph:empty {
  display: none;
}
.btn .bdge-cnt.toph {
  position: relative;
  top: -1px;
}
.btn-xs .bdge-cnt.toph,
.btn-group-xs > .btn .bdge-cnt.toph {
  top: 0;
  padding: 1px 5px;
}
a.bdge-cnt.toph:hover,
a.bdge-cnt.toph:focus {
  color: #fff;
  text-decoration: none;
  cursor: var(--sdpcursor-pointer);
}
.list-group-item.active > .bdge-cnt.toph,
.nav-pills > .active > a > .bdge-cnt.toph {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .bdge-cnt.toph {
  float: right;
}
.list-group-item > .bdge-cnt.toph + .bdge-cnt.toph {
  margin-right: 5px;
}
.nav-pills > li > a > .bdge-cnt.toph {
  margin-left: 3px;
}
.bdge-cnt.toph.badge-default {
  background-color: #eee;
  border: 1px solid #cfcfcf;
  color: #333;
}
.bdge-cnt.toph.badge-primary {
  background-color: #7f7f7f;
  border: 1px solid #2b6dab;
  color: #fff;
}
.bdge-cnt.toph.badge-secondary {
  background-color: #7f7f7f;
  border: 1px solid #727272;
  color: #FFF;
}
.bdge-cnt.toph.badge-success {
  background-color: #5cb85c;
  border: 1px solid #4cae4c;
  color: #fff;
}
.bdge-cnt.toph.badge-info {
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  color: #fff;
}
.bdge-cnt.toph.badge-warning {
  background-color: #f0ad4e;
  border: 1px solid #eea236;
  color: #fff;
}
.bdge-cnt.toph.badge-danger {
  background-color: #D54141;
  border: 1px solid #cf2e2e;
  color: #fff;
}
.bdge-cnt.toph.badge-white {
  background-color: #FFF;
  border: 1px solid #e8e8e8;
  color: #333;
}
.bdge-cnt.toph.badge-count {
  background-color: #dc0d17;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  font-weight: bold;
  font-size: var(--font-size-xsmall);
  font-weight: 400;
  padding: 1px 2px;
  position: absolute;
  top: -1px;
}
.dd-globalsearch.toph {
  margin-left: 10px;
  margin-right: 40px;
}
.dd-globalsearch.toph .form-control {
  padding-left: 44px !important;
  width: 250px;
  height: 28px;
  border-radius: 15px;
}
form.hdtextsearch input.searchText {
  width: 250px;
  height: 28px;
  border-radius: 15px;
}
.navbar-nav > .overflow-menu:hover,
.dashboard-customization #top-header .btn-group.open {
  background: #515151;
}
.dashboard-customization #hd-sc-txt .btn-group.open {
  background: transparent;
}
.dd-searchanimation #dd-globalsearch {
  box-shadow: none;
}
/* Notification list - .top-subheader class change to .top-header*/
.top-header .dd-searchanim {
  position: fixed;
  left: 50%;
  margin-left: -225px;
  top: 100px;
  width: 450px;
  z-index: 9999;
  transform: scale(0);
  transition: transform 0.5s;
}
.top-header .dd-searchanimation {
  transform: scale(1);
}
.top-header .navbar-collapse.collapse > ul:last-child .sdmenu-dd.global-search-menu {
  left: 0 !important;
  right: auto !important;
}
.top-header .navbar-collapse.collapse > ul:last-child .sdmenu-dd.global-search-menu ul {
  left: 100% !important;
  right: auto !important;
}
.top-header .notify-alert .sdmenu-dd {
  padding: 0;
  max-width: inherit;
  min-width: 200px;
}
.top-header .notify-alert ul {
  width: 310px;
  height: 320px;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}
.top-header .notify-alert ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: normal;
}
.top-header .notify-alert li .icon-lg {
  float: left !important;
}
.top-header .notify-alert .noti-comment-by {
  color: #515151;
  line-height: 16px;
  margin-left: 35px !important;
}
.top-header .notify-alert .noti-comment-by > div:not(.text-muted) {
  font-size: var(--fs-12);
}
.top-header .notify-alert .noti-comment-by .unread {
  font-weight: bold;
  color: #000;
}
.top-header .notify-alert .text-muted {
  font-weight: normal;
  font-size: var(--fs-11);
  margin-top: 2px;
}
.top-header .notify-alert li > a {
  display: block;
  padding: 12px 10px;
  white-space: normal;
}
.top-header .notify-alert ul li:hover {
  background-color: #F5F5F5;
}
.top-header .notify-alert .sdp-glyph {
  font-size: var(--fs-12);
  line-height: 18px;
  color: #868686;
}
.top-header .sdmenu-dd.global-search-menu li > a > span {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: transparent;
  margin-right: 5px;
  visibility: hidden;
}
.top-header .sdmenu-dd.global-search-menu li.selected > a > span {
  color: #868686;
  visibility: visible;
}
.top-header .sdmenu-dd.global-search-menu li > a > span:before {
  content: "\e938";
}
.top-header .dd-globalsearch .sdmenu-dd {
  background: #FFF;
}
.top-header .dd-globalsearch .sdmenu-dd li:last-child > a {
  border-bottom: 0;
}
/*Scrollable sdmenu-dd*/
.open > .temp-menu .dd-request {
  display: block;
}
.open > .temp-menu .search-box {
  position: absolute !important;
  z-index: 1;
}
.temp-menu {
  position: absolute;
  z-index: 50;
  margin-left: -1px;
  margin-top: 1px;
}
.temp-menu li.sdmenu-submenu a {
  position: relative;
}
.temp-menu .dd-request li:hover > .sdmenu-dd {
  left: 205px !important;
}
.temp-menu > .dd-request {
  border-top: unset;
  margin: 0;
  max-width: 230px;
  min-width: 215px;
  overflow-y: auto;
  padding: 0;
  position: static !important;
}
.temp-menu > .dd-request li {
  position: static;
}
.temp-menu > .dd-request li a {
  position: relative;
}
.temp-menu > ul.sdmenu-dd > li.sdmenu-submenu > ul.sdmenu-dd {
  max-height: 400px;
  overflow: hidden;
}
.temp-menu .sdmenu-submenu > a:after {
  right: 15px !important;
}
/*Scrollable sdmenu-dd*/
/* pro-slide.html start*/
ul.log-ul {
  width: 100% !important;
  list-style: none;
  padding: 0px;
}
ul.log-ul #nightmode p {
  margin-left: 10px;
}
ul.log-ul li > a {
  display: flex;
  padding: 1px 10px 1px 15px;
  font-weight: normal;
  line-height: 1.42857143;
  color: #515151;
}
ul.log-ul li > a:hover,
ul.log-ul li > a:focus,
ul.log-ul li > a.active {
  text-decoration: none;
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  background-color: #F5F5F5;
}
ul.pro-theme > li {
  cursor: var(--sdpcursor-pointer);
  border-radius: 3px;
  float: left !important;
  padding: 3px;
  margin-right: 20px;
  text-align: center;
  width: 32px;
  height: 22px;
  box-sizing: border-box;
}
.pro-theme-color1 {
  background-color: #0CAD78;
}
.pro-theme-color2 {
  background-color: #ce4c4c;
}
.pro-theme-color3 {
  background-color: #008DDD;
}
.pro-theme-color4 {
  background-color: #9b59b6;
}
ul.pro-shortlist > li {
  padding: 8px 3px !important;
}
ul.pro-shortlist {
  padding: 0px 10px;
  list-style: none;
}
ul.pro-sortlist > li {
  padding: 6px 0px 6px 3px !important;
  max-height: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.pro-sortlist {
  max-height: none !important;
  margin-right: 1px;
}
/* pro-slide.html end*/
.panel-slider {
  height: calc(100vh) !important;
  border: none !important;
  outline: none !important;
  padding: 0 !important;
}
.panel-slider .ui-widget-content:not(.ui-tooltip) {
  height: 100vh !important;
}
.panel-slider.ps-no-header .ui-dialog-titlebar {
  display: none;
}
.log-app {
  background-position: -286px -220px;
}
.log-play {
  background-position: -285px -257px;
}
.log-app,
.log-play {
  width: 106px;
  height: 32px;
}
/* pro-slide.html end*/
/*Sidebar and Sidebar lite */
.sidebar-container {
  position: fixed;
  z-index: 90;
  left: -80px;
  float: left;
  height: 100%;
  background-color: #252e35;
  background-color: var(--top_header_color, #252e35);
  min-height: 265px;
  visibility: hidden;
  /* Custom module sidebar icon issue fix start */
  /* Custom module sidebar icon issue fix end */
}
.sidebar-container .sdp-header-menu {
  width: 100%;
  display: block;
  float: left;
  height: 54px;
}
.sidebar-container .sdp-header-menu span {
  opacity: 0.8;
  cursor: var(--sdpcursor-pointer);
}
.sidebar-container .sdp-header-menu span:hover {
  opacity: 1;
}
.sidebar-container .sdp-header-menu .header-menu {
  display: block;
  width: 24px;
  height: 24px;
  margin: auto auto 5px auto;
  stroke: #FFF;
  stroke: var(--tab_normal_text, #FFF);
  fill: #FFF;
  fill: var(--tab_normal_text, #FFF);
}
.sidebar-container .sdp-header-menu .header-menu:hover {
  stroke: #FFF;
  stroke: var(--link_tab_line_color, #FFF);
  fill: #FFF;
  fill: var(--link_tab_line_color, #FFF);
}
.sidebar-container ul.main-module {
  width: 100%;
  padding: 0;
}
.sidebar-container ul li {
  list-style-type: none;
  display: block;
  text-align: center;
  opacity: 0.8;
}
.sidebar-container ul li:hover {
  opacity: 1;
  background: rgba(59, 71, 81, 0.6);
  background-color: var(--tab_hover_color, #252e35);
}
.sidebar-container ul li:hover a {
  opacity: 1;
}
.sidebar-container ul li a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 15px 5px;
  font-size: var(--fs-11);
  color: #ADADAD;
  color: var(--tab_normal_text, #ADADAD);
  opacity: 0.8;
}
.sidebar-container ul li a[data-switch],
.sidebar-container ul li a [data-switch]:hover,
.sidebar-container ul li a [data-switch]:focus,
.sidebar-container ul li a [data-switch]:active {
  color: #ADADAD !important;
  color: var(--tab_normal_text, #ADADAD) !important;
}
.sidebar-container ul li.active {
  background: #008ddd;
  background: var(--tab_selected_color, #008ddd);
  opacity: 1;
}
.sidebar-container ul li.active a {
  opacity: 1;
  color: #FFF;
  color: var(--tab_selected_text, #FFF);
}
.sidebar-container ul li.overflow-menu {
  display: none !important;
}
.sidebar-container ul li.overflow-menu.disp-b {
  display: block !important;
}
.sidebar-container ul li.overflow-menu.open {
  opacity: 1;
}
.sidebar-container .overflow-menu ul {
  position: absolute;
  left: 78px;
  top: inherit;
  bottom: 0px;
  background: #252e35;
  background: var(--top_header_color, #252e35);
  border-radius: 3px;
  min-width: 120px;
  max-width: 170px;
  overflow-y: auto;
  max-height: 300px;
}
.sidebar-container .overflow-menu ul.ae-scan-popup {
  background-color: #FFF;
}
.sidebar-container .overflow-menu ul.ae-scan-popup:after {
  border: 1px solid #DDD;
  background-color: #FFF;
  border-bottom: 0 none;
  border-right: 0 none;
}
.sidebar-container .overflow-menu ul.ae-scan-popup li {
  opacity: 1;
}
.sidebar-container .overflow-menu ul.ae-scan-popup li a {
  color: #000;
  opacity: 1;
}
.sidebar-container .overflow-menu ul.ae-scan-popup li a:hover,
.sidebar-container .overflow-menu ul.ae-scan-popup li a:focus {
  background-color: #f1f1f1;
}
.sidebar-container .overflow-menu ul.ae-scan-popup li div {
  white-space: normal;
  color: #777777;
}
.sidebar-container .overflow-menu ul li a {
  color: #ADADAD;
  color: var(--tab_normal_text, #ADADAD);
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
  opacity: 0.8;
}
.sidebar-container .overflow-menu ul li a:hover,
.sidebar-container .overflow-menu ul li a:focus {
  opacity: 1;
  background: rgba(59, 71, 81, 0.6);
  background-color: var(--tab_hover_color, #252e35);
}
.sidebar-container .overflow-menu:after {
  content: " ";
  height: 10px;
  width: 10px;
  position: absolute;
  pointer-events: none;
  border: 1px solid #252e35;
  border: 1px solid var(--top_header_color, #252e35);
  border-bottom: 0 none;
  border-right: 0 none;
  left: 75px;
  bottom: 20px;
  transform: rotate(-404deg);
  background-color: #252e35;
  background-color: var(--top_header_color, #252e35);
  z-index: -1;
  display: none;
}
.sidebar-container .overflow-menu.open:after {
  display: block;
}
.sidebar-container .header-menu-icons {
  display: block;
  width: 24px;
  height: 24px;
  margin: auto auto 5px auto;
}
.sidebar-container .overflow-menu-ul .header-menu-icons {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 0;
}
.sidebar-container .btn-group.open .sdmenu-toggle {
  box-shadow: none;
}
.sidebar-container ul.ae-scan-sidebar {
  background: #3187a7;
  margin-top: 40px;
}
.sidebar-container ul.ae-scan-sidebar span {
  opacity: 0.8;
  cursor: var(--sdpcursor-pointer);
}
.sidebar-container ul.ae-scan-sidebar span:hover {
  opacity: 1;
}
.sidebar-container ul.ae-scan-sidebar li:hover {
  background: transparent;
  background-color: transparent;
}
.sidebar-container ul.ae-scan-sidebar .overflow-menu ul.sdmenu-dd {
  max-width: 350px;
}
.sidebar-container ul.ae-scan-sidebar .overflow-menu ul.sdmenu-dd li a {
  font-size: var(--fs-12);
}
.sidebar-container ul.ae-scan-sidebar .overflow-menu ul.sdmenu-dd li a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.sidebar-container img.header-menu-icons[src="/images/no-image-icon.svg"] {
  filter: brightness(0) invert(1);
}
[data-header-tabs='sidebarlite'] .sidebar-container .overflow-menu:after {
  left: 50px;
}
/* Guest Login Creater App Link */
.req-ext-link {
  padding: 0 12px;
}
.req-ext-link a {
  color: var(--tab_normal_text, #ffffff);
}
.req-ext-link a:hover {
  color: var(--link_tab_line_color, #008ddd);
}
.req-ext-link .sdmenu-dd {
  overflow-y: hidden;
  right: 0;
  background-color: #fff !important;
  left: inherit !important;
  border: none !important;
}
/* Guest Login Creater App Link */
[data-header-tabs] {
  overflow-x: hidden !important;
}
[data-header-tabs] table:first-of-type {
  table-layout: fixed;
}
[data-header-tabs] table:first-of-type table {
  table-layout: unset;
}
[data-header-tabs="sidebar"] {
  padding-left: 70px !important;
}
[data-header-tabs="sidebar"] .sidebar-container {
  width: 70px;
  visibility: visible;
  left: 0;
}
[data-header-tabs="sidebar"] .maincview.pinmaincview,
[data-header-tabs="sidebar"] .maincview.overlapcview {
  left: 70px !important;
}
[data-header-tabs="sidebar"] .top-evalband,
[data-header-tabs="sidebarlite"] .top-evalband {
  box-sizing: border-box;
}
[data-header-tabs="sidebar"] .top-container,
[data-header-tabs="sidebarlite"] .top-container {
  background: #FFF;
  box-shadow: 0px 1px 4px 0 #DDD;
}
[data-header-tabs="sidebar"] .top-container .sdp-header-menu,
[data-header-tabs="sidebarlite"] .top-container .sdp-header-menu,
[data-header-tabs="sidebar"] .top-container .header-tab,
[data-header-tabs="sidebarlite"] .top-container .header-tab {
  opacity: 0;
  visibility: hidden;
  display: none;
}
[data-header-tabs="sidebar"] .top-container .sdp-header-logo .ins-title,
[data-header-tabs="sidebarlite"] .top-container .sdp-header-logo .ins-title {
  color: #000;
  transition: all 0.3s;
  height: 25px;
}
[data-header-tabs="sidebar"] .top-container ul.header-icon-list li a span svg,
[data-header-tabs="sidebarlite"] .top-container ul.header-icon-list li a span svg {
  stroke: #555;
  fill: #555;
  transition: all 0.3s;
}
[data-header-tabs="sidebar"] .req-ext-link a,
[data-header-tabs="sidebarlite"] .req-ext-link a {
  color: #333;
}
[data-header-tabs="sidebar"] .req-ext-link a:hover,
[data-header-tabs="sidebarlite"] .req-ext-link a:hover {
  color: var(--tab_selected_color, #ffffff);
}
[data-header-tabs='sidebarlite'] {
  padding-left: 45px !important;
}
[data-header-tabs='sidebarlite'] .sidebar-container {
  width: 45px;
  visibility: visible;
  left: 0;
}
[data-header-tabs='sidebarlite'] .sidebar-container ul.ae-scan-sidebar > li > a {
  overflow: hidden;
  padding: 10px 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-header-tabs='sidebarlite'] .sidebar-container ul.ae-scan-sidebar > li span {
  visibility: visible;
}
[data-header-tabs='sidebarlite'] .sidebar-container .main-module > li:not(.overflow-menu):hover a:after {
  opacity: 1;
  visibility: visible;
  margin: 0 0 -17px 29px;
}
[data-header-tabs='sidebarlite'] .sidebar-container .main-module > li:not(.overflow-menu):hover a:before {
  opacity: 1;
  visibility: visible;
  margin: 0 0 -13px 16px;
}
[data-header-tabs='sidebarlite'] .sidebar-container .main-module > li:not(.overflow-menu) a {
  overflow: auto;
  padding: 10px 0;
  font-size: var(--fs-0);
}
[data-header-tabs='sidebarlite'] .sidebar-container .main-module > li:not(.overflow-menu) a:after {
  content: attr(tab-name);
  position: absolute;
  color: #FFF;
  background: #000;
  padding: 5px 10px;
  height: 15px;
  white-space: nowrap;
  transition: 0.5s;
  bottom: 50%;
  z-index: 100;
  font-size: var(--fs-12);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  font-weight: bold;
  margin: 0 0 -17px 5px;
  box-sizing: content-box;
  border-radius: 3px;
}
[data-header-tabs='sidebarlite'] .sidebar-container .main-module > li:not(.overflow-menu) a:before {
  content: "";
  border: 8px solid;
  border-color: transparent #000 transparent transparent;
  position: absolute;
  bottom: 50%;
  left: 50%;
  opacity: 0;
  z-index: 2000;
  visibility: hidden;
  transition: 0.5s;
  margin: 0 0 -13px -7px;
  pointer-events: none;
  /* Not required for LTR */
}
[data-header-tabs='sidebarlite'] .sidebar-container .main-module li {
  padding: 0px;
  position: relative;
}
[data-header-tabs='sidebarlite'] .sidebar-container .main-module li a span {
  visibility: visible;
}
[data-header-tabs='sidebarlite'] .sidebar-container .overflow-menu ul {
  left: 55px;
}
[data-header-tabs='sidebarlite'] .maincview.pinmaincview,
[data-header-tabs='sidebarlite'] .maincview.overlapcview {
  left: 45px !important;
}
/*Sidebar and Sidebar lite */
/* ESM Portal Sidebar Overlay */
.esm-sidebar {
  width: 100%;
  max-width: 400px;
  height: 100vh;
  top: 0;
  background: #FFF;
  position: fixed;
  transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  box-shadow: 6px 4px 25px -7px rgba(0, 0, 0, 0.74);
  z-index: 999;
  overflow: hidden !important;
  left: 0;
  display: none;
}
.esm-sidebar .top-branding {
  width: 100%;
  background-color: #252e35;
  background-color: var(--top_header_color, #252e35);
  position: relative;
  padding: 25px 15px;
  box-sizing: border-box;
}
.esm-sidebar .top-branding .bg-logo {
  height: 50px;
  padding: 0px;
  background-size: contain;
  background-repeat: no-repeat;
}
.esm-sidebar .top-branding .bg-logo img {
  width: auto;
  max-width: 204px;
  height: 100%;
}
.esm-sidebar .portal-content {
  width: 100%;
  height: calc(100vh - 100px);
  background: #f7f7f7;
  /* #f7f7f7 */
}
.esm-sidebar .portal-content .title {
  text-transform: uppercase;
  padding: 15px;
  float: left;
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  color: #868686;
}
.esm-sidebar .portal-content .instance-tabs {
  max-height: calc(100% - 104px);
  height: auto;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.esm-sidebar .portal-content .instance-tabs .instance-list {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  padding: 0 10px;
  overflow: auto;
  box-sizing: border-box;
}
.esm-sidebar .portal-content .instance-tabs .instance-box {
  background: #FFF;
  display: block;
  width: 96%;
  margin: 10px 0 0 5px;
  padding: 10px 0;
  border-left: 4px solid transparent;
  border-radius: 3px;
  transition: 0.4s ease;
}
.esm-sidebar .portal-content .instance-tabs .instance-box:hover {
  box-shadow: 0 1px 6px #32395c1a;
}
.esm-sidebar .portal-content .instance-tabs .instance-box:hover .inner-right .ins-status svg {
  fill: #000;
}
.esm-sidebar .portal-content .instance-tabs .instance-box.selected {
  border-left: 4px solid var(--tab_selected_color, #008ddd);
}
.esm-sidebar .portal-content .instance-tabs .instance-box.selected .inner-right .ins-status svg {
  fill: #fae270;
}
.esm-sidebar .portal-content .instance-tabs .instance-box .inner-left {
  width: auto;
  padding: 0 5px 0 10px;
  display: inline-block;
  box-sizing: border-box;
  font-size: var(--fs-0);
}
.esm-sidebar .portal-content .instance-tabs .instance-box .inner-left img {
  height: 30px;
  width: 30px;
  vertical-align: middle;
}
.esm-sidebar .portal-content .instance-tabs .instance-box .inner-right {
  margin-top: 0;
  width: calc(100% - 58px);
  padding: 0 7px 0 5px;
  box-sizing: border-box;
  display: inline-block;
  font-size: var(--fs-0);
}
.esm-sidebar .portal-content .instance-tabs .instance-box .inner-right .inner-content {
  margin: 8px 0 10px 0;
  width: calc(100% - 20px);
  display: inline-block;
  overflow: hidden;
}
.esm-sidebar .portal-content .instance-tabs .instance-box .inner-right .inner-content span {
  width: 100%;
  max-width: 245px;
  display: block;
  font-size: var(--fs-15);
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.esm-sidebar .portal-content .instance-tabs .instance-box .inner-right .ins-status {
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: var(--sdpcursor-pointer);
}
.esm-sidebar .portal-content .instance-tabs .instance-box .inner-right .ins-status svg {
  fill: #DDD;
}
.esm-sidebar .portal-content .esm-sidebar-footer {
  width: 100%;
  position: absolute;
  display: inline-block;
  bottom: 0;
  z-index: 1000;
  background-color: #252e35;
  background-color: var(--top_header_color, #252e35);
  padding: 0 10px;
  box-sizing: border-box;
}
.esm-sidebar .portal-content .esm-sidebar-footer .esm-portal,
.esm-sidebar .portal-content .esm-sidebar-footer .esm-dir {
  margin: 10px auto;
  display: inline-block;
  padding: 7px 18px;
  font-size: var(--fs-14);
  border: none;
  color: var(--tab_selected_text, #FFF);
  text-decoration: none;
  border-radius: 100px;
  background-color: var(--tab_selected_color, #008ddd);
}
.esm-sidebar .portal-content .esm-sidebar-footer .esm-portal:hover,
.esm-sidebar .portal-content .esm-sidebar-footer .esm-dir:hover {
  color: var(--tab_normal_text, #ADADAD);
  background-color: var(--tab_hover_color, #3b4751);
}
.esm-sidebar .portal-content .esm-sidebar-footer .separator {
  height: 15px;
  border-left: 1px solid #FFF;
  border-left: 1px solid var(--tab_normal_text, #FFF);
  display: inline-block;
}
/* ESM Portal Sidebar Overlay */
.top-header {
  height: 50px;
}
.top-container {
  width: 100%;
  display: inline-block;
  background-color: #252e35;
  background-color: var(--top_header_color, #252e35);
  box-shadow: 0 1px 4px 0 rgba(33, 35, 41, 0.2);
  -webkit-box-shadow: 0 1px 4px 0 rgba(33, 35, 41, 0.2);
  -moz-box-shadow: 0 1px 4px 0 rgba(33, 35, 41, 0.2);
  z-index: 50;
}
.top-container.topbar .esm-headerlogoimg {
  vertical-align: middle;
}
.top-container .sdp-header-menu {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease;
  margin: 0px 15px 0px 10px;
}
.top-container .sdp-header-menu span {
  vertical-align: middle;
  display: inline-block;
  line-height: 0;
  cursor: var(--sdpcursor-pointer);
}
.top-container .sdp-header-menu:hover .header-menu {
  stroke: #FFF;
  stroke: var(--link_tab_line_color, #FFF);
  fill: #FFF;
  fill: var(--link_tab_line_color, #FFF);
}
.top-container .header-menu {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  vertical-align: middle;
  stroke: #FFF;
  stroke: var(--tab_normal_text, #FFF);
  fill: #FFF;
  fill: var(--tab_normal_text, #FFF);
}
.top-container .sdp-header-logo {
  padding: 5px 10px;
}
.top-container .sdp-header-logo .product-logo {
  width: 155px;
  height: 38px;
  object-fit: cover;
}
.top-container .sdp-header-logo .ins-title {
  min-width: 100px;
  max-width: 170px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  color: #adadad;
  color: var(--tab_normal_text, #adadad);
}
.top-container .header-tab {
  visibility: visible;
  opacity: 1;
  transition: color, background-color 0.5s ease;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 50px;
}
.top-container .search-container {
  width: calc(100% - 650px);
  position: absolute;
  top: 5px;
  right: 0;
  transform: translateX(0px);
  height: 40px;
  opacity: 0;
  visibility: hidden;
  border: 1.5px solid #ececec;
  /* #ececec; */
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 4px;
  background: #FFF;
  z-index: 99;
}
.top-container .search-container.active {
  transform: translateX(-305px);
  opacity: 1;
  visibility: visible;
}
.top-container .search-container.bg-highlight {
  border: 1px solid #008ddd;
  border: var(--tab_selected_color, #008ddd);
  box-shadow: 0 0px 5px #008ddd;
  box-shadow: 0 0px 5px var(--tab_selected_color, #008ddd);
}
.top-container .search-container .input-search {
  display: flex !important;
  position: relative;
  height: 100%;
}
.top-container .search-container .input-search .search-dropdown {
  display: block !important;
  padding: 15px 25px 5px 30px;
  position: relative;
  background: #EEE;
  font-size: var(--fs-14);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: var(--sdpcursor-pointer);
}
.top-container .search-container .input-search .search-dropdown .toggle-search:before {
  content: '';
  background-image: url(/images/ui-common-view.svg?15110);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  background-position: -42px -3px;
  opacity: 0.5;
  top: 12px;
  left: 10px;
  position: absolute;
  z-index: 9;
  filter: contrast(1.8);
}
.top-container .search-container .input-search .search-dropdown .search-module {
  display: inline-block;
  position: relative;
  top: -4px;
  margin: 0px 5px;
  max-width: 180px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.top-container .search-container .input-search .search-dropdown .search-arrow {
  position: absolute;
  top: 14px;
  right: 15px;
  cursor: var(--sdpcursor-pointer);
  filter: contrast(1.8);
}
.top-container .search-container .input-search .searchinput-box {
  width: calc(100% - 150px);
  background: transparent;
  left: 5px;
  position: relative;
  color: #000;
  font-size: var(--fs-14);
  z-index: 200;
}
.top-container .search-container input {
  height: 30px;
  padding: 10px;
  border: transparent;
  background: transparent;
  width: 100%;
  outline: 0;
  margin: 5px;
  box-sizing: border-box;
}
.top-container .search-container input:focus {
  border-color: transparent;
  box-shadow: none;
}
.top-container .search-container .input-close {
  position: absolute;
  right: 0;
  top: 3px;
  cursor: var(--sdpcursor-pointer);
  z-index: 200;
}
.top-container .search-container .input-close .close-col {
  transform: scale(1.1);
  top: 3px;
}
.top-container .search-container .input-close:hover .close-col {
  filter: invert(1);
}
.top-container .search-container .global-search-menu ul {
  list-style-type: none;
  padding: 0;
}
.top-container .search-container .global-search-menu ul li a {
  display: block;
  color: #000;
  padding: 6px 10px;
}
.top-container .search-container .global-search-menu ul li a:hover {
  background: #F1F1F1;
  color: #1a6ebd;
}
.top-container ul.ae-scan-module {
  margin-left: 50px;
  margin-bottom: 0;
}
.top-container ul.ae-scan-module li.ae-scan {
  display: inline-block;
  vertical-align: middle;
  max-width: 120px;
  height: 100%;
  background: #3187a7;
}
.top-container ul.ae-scan-module li.ae-scan:hover {
  background: #3187a7;
}
.top-container ul.ae-scan-module li.ae-scan a {
  padding: 12px;
}
.top-container ul.ae-scan-module li.ae-scan a span svg.header-menu-icons {
  display: inline-block;
}
.top-container ul.ae-scan-module li.ae-scan.btn-group.open .sdmenu-toggle {
  box-shadow: none;
}
.top-container ul.ae-scan-module ul.sdmenu-dd:not(.search-submenu) {
  max-width: 400px;
  left: -150px;
  background-color: #fff;
  border: 0.5px solid #ddd;
}
.top-container ul.ae-scan-module ul.sdmenu-dd:not(.search-submenu):after {
  background-color: #252e35;
  background-color: #fff;
}
.top-container ul.ae-scan-module ul.sdmenu-dd:not(.search-submenu) li:hover {
  background-color: #f1f1f1;
}
.top-container ul.ae-scan-module ul.sdmenu-dd:not(.search-submenu) li:hover a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.top-container ul.ae-scan-module ul.sdmenu-dd:not(.search-submenu) li a {
  max-width: 390px;
  padding: 10px 15px;
  color: #555;
  opacity: 1;
}
.top-container ul.main-module,
.top-container ul.ae-scan-module {
  list-style-type: none;
  display: inline-block;
  float: left;
  padding: 0;
  height: 50px;
}
.top-container ul.main-module li,
.top-container ul.ae-scan-module li {
  display: inline-block;
  height: 100%;
}
.top-container ul.main-module li:hover,
.top-container ul.ae-scan-module li:hover,
.top-container ul.main-module li:focus,
.top-container ul.ae-scan-module li:focus {
  background: rgba(59, 71, 81, 0.6);
  background: var(--tab_hover_color, #3b4751);
}
.top-container ul.main-module li:hover a,
.top-container ul.ae-scan-module li:hover a,
.top-container ul.main-module li:focus a,
.top-container ul.ae-scan-module li:focus a {
  text-decoration: none;
  opacity: 1;
}
.top-container ul.main-module li a,
.top-container ul.ae-scan-module li a {
  padding: 18px 10px;
  color: #ADADAD;
  color: var(--tab_normal_text, #ADADAD);
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  opacity: 0.8;
}
.top-container ul.main-module li:not(.overflow-menu) a span svg,
.top-container ul.ae-scan-module li:not(.overflow-menu) a span svg {
  display: none;
}
.top-container ul.main-module li ul.sdmenu-dd a,
.top-container ul.ae-scan-module li ul.sdmenu-dd a {
  padding: 5px 10px;
  display: block;
}
.top-container ul.main-module li ul.sdmenu-dd a:hover,
.top-container ul.ae-scan-module li ul.sdmenu-dd a:hover,
.top-container ul.main-module li ul.sdmenu-dd a:focus,
.top-container ul.ae-scan-module li ul.sdmenu-dd a:focus {
  background: transparent;
}
.top-container ul.main-module li.active,
.top-container ul.ae-scan-module li.active,
.top-container ul.main-module li.active:hover,
.top-container ul.ae-scan-module li.active:hover {
  background: #008ddd;
  background: var(--tab_selected_color, #008ddd);
}
.top-container ul.main-module li.active a,
.top-container ul.ae-scan-module li.active a,
.top-container ul.main-module li.active:hover a,
.top-container ul.ae-scan-module li.active:hover a {
  opacity: 1;
  color: #FFF;
  color: var(--tab_selected_text, #FFF);
}
.top-container ul.main-module li.overflow-menu > a,
.top-container ul.ae-scan-module li.overflow-menu > a {
  font-size: var(--fs-0);
  padding: 15px;
  height: 100%;
}
.top-container ul.main-module .header-menu-icons,
.top-container ul.ae-scan-module .header-menu-icons {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: auto 5px 5px auto;
  vertical-align: middle;
}
.top-container ul.sdmenu-dd#zc_menu_link:after {
  background: transparent;
}
.top-container ul li.overflow-menu {
  display: none !important;
}
.top-container ul li.overflow-menu:after {
  content: '';
  bottom: -14px;
  transform: rotate(45deg);
  height: 10px;
  width: 10px;
  position: absolute;
  border-bottom: 0 none;
  border-right: 0 none;
  left: 10px;
  background-color: #252e35;
  background-color: var(--top_header_color, #252e35);
  z-index: 1;
  display: none;
}
.top-container ul li.overflow-menu.open:after {
  display: block;
}
.top-container ul li.overflow-menu.disp-b {
  display: inline-block !important;
}
.top-container ul.sdmenu-dd:not(.search-submenu) {
  min-width: 130px;
  max-width: 170px;
  position: absolute;
  left: -45px;
  padding: 5px 0;
  background: #252e35;
  background: var(--top_header_color, #252e35);
  border-radius: 4px;
  border: 0.5px solid #434445;
  box-sizing: border-box;
  max-height: 300px;
  overflow-y: auto;
  margin-top: 8px;
}
.top-container ul.sdmenu-dd:not(.search-submenu) li {
  display: block;
}
.top-container ul.header-icon-list {
  list-style-type: none;
  height: 50px;
  margin: 0;
}
.top-container ul.header-icon-list .th-admin svg {
  transform: rotate(0deg);
  transition: 500ms all ease-in-out !important;
}
.top-container ul.header-icon-list .th-admin:hover svg {
  transform: rotate(180deg);
}
.top-container ul.header-icon-list > li {
  cursor: var(--sdpcursor-pointer);
  display: inline-block;
  position: relative;
  z-index: 10;
  vertical-align: middle;
  height: 100%;
}
.top-container ul.header-icon-list > li.active a,
.top-container ul.header-icon-list > li.active:hover a {
  background: #008ddd;
  background: var(--tab_selected_color, #008ddd);
  font-weight: bold;
  opacity: 1;
}
.top-container ul.header-icon-list > li.active a span svg,
.top-container ul.header-icon-list > li.active:hover a span svg {
  stroke: #FFF;
  stroke: var(--tab_selected_text, #FFF);
  fill: #FFF;
  fill: var(--tab_selected_text, #FFF);
}
.top-container ul.header-icon-list > li:hover > a {
  opacity: 1;
}
.top-container ul.header-icon-list > li:hover > a span svg {
  stroke: #FFF;
  stroke: var(--link_tab_line_color, #FFF);
  fill: #FFF;
  fill: var(--link_tab_line_color, #FFF);
}
.top-container ul.header-icon-list > li > a {
  padding: 14px 4px;
  box-sizing: border-box;
  display: inline-block;
  opacity: 0.8;
  height: 100%;
}
.top-container ul.header-icon-list > li > a#user-profile-hi:after {
  -webkit-transform: translateX(-80%);
  transform: translateX(-80%);
}
.top-container ul.header-icon-list > li > a:after,
.top-container ul.header-icon-list > li > a:before {
  left: 50%;
  z-index: 1000;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.top-container ul.header-icon-list > li > a:after {
  content: attr(tab-name);
  min-width: 35px;
  padding: 6px 10px;
  bottom: -60px;
  background-color: #000;
  border-radius: 4px;
  color: #FFF;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.top-container ul.header-icon-list > li > a:before {
  content: "";
  border: 6px solid;
  border-color: #000 transparent transparent transparent;
  bottom: -31px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transform: rotate(-180deg) translate(5px);
}
.top-container ul.header-icon-list > li > a:hover:after {
  opacity: 1;
  visibility: visible;
  bottom: -34px;
}
.top-container ul.header-icon-list > li > a:hover:before {
  bottom: -7px;
  opacity: 1;
  visibility: visible;
}
.top-container ul.header-icon-list > li > a span {
  display: inline-block;
}
.top-container ul.header-icon-list > li > a span svg {
  stroke: #FFF;
  stroke: var(--tab_normal_text, #FFF);
  fill: #FFF;
  fill: var(--tab_normal_text, #FFF);
}
.top-container ul.header-icon-list > li > a .header-menu-icons {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  vertical-align: middle;
}
.subheader-of-h {
  overflow: hidden !important;
}
.sub-header-panel-slider {
  display: none;
  overflow: hidden !important;
}
.sub-header-panel-slider * {
  box-sizing: border-box;
  line-height: 1.5;
}
.sub-header-panel-slider .sub-header-panel-title {
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.sub-header-panel-slider .sub-header-panel-title.dark {
  background: #3d3d3d;
  color: white;
}
.sub-header-panel-slider .sub-header-panel-title.dark p {
  background: #3d3d3d;
  color: white;
}
.sub-header-panel-slider .sub-header-panel-title.dark .subtitle {
  border: 0;
}
.sub-header-panel-slider .sub-header-panel-title.dark .subtitle .h4 {
  font-weight: normal;
}
.sub-header-panel-slider .sub-header-panel-title .subtitle {
  border-bottom: 1px solid #EEE;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
}
.sub-header-panel-slider .sub-header-panel-title .subtitle .h4 {
  font-size: var(--fs-16);
  font-weight: bold;
}
.sub-header-panel-slider .sub-header-panel-title .subtitle .sdmenu-dd {
  min-width: 120px;
  max-width: 150px;
  padding: 0;
  left: -115px;
}
.sub-header-panel-slider .sub-header-panel-title .panel-search {
  display: block;
  width: 100%;
  position: sticky;
  padding: 15px;
  background: #FFF;
  box-sizing: border-box;
}
.sub-header-panel-slider .sub-header-panel-title .panel-search .search {
  margin: 10px;
}
.sub-header-panel-slider .sub-header-panel-title .remove-col {
  background-position: -329px -332px;
}
.sub-header-panel-slider .sub-header-panel-content {
  width: 480px;
  height: 100%;
  max-height: calc(100vh - 75px);
  padding: 10px;
  overflow: auto;
}
.sub-header-panel-slider .sub-header-panel-content.help-center,
.sub-header-panel-slider .sub-header-panel-content.integrations,
.sub-header-panel-slider .sub-header-panel-content.zia-chat {
  width: 400px;
}
.sub-header-panel-slider .sub-header-panel-content.notifications {
  max-height: calc(100vh - 125px);
}
.sub-header-panel-slider .sub-header-panel-content.alert-panel {
  width: 400px;
  max-height: 100%;
  overflow: hidden;
}
.sub-header-panel-slider .sub-header-panel-content.approval {
  height: calc(100vh - 125px);
  width: 420px;
  padding: 0px;
  background: #F5F5F5;
}
.sub-header-panel-slider .sub-header-panel-content ul:not(.nav-sdtabs) {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sub-header-panel-slider .sub-header-panel-content ul:not(.nav-sdtabs) li:hover {
  background: #F5F5F5;
  cursor: var(--sdpcursor-pointer);
}
.sub-header-panel-slider .sub-header-panel-content ul:not(.nav-sdtabs) li:hover a {
  color: #1a6ebd;
  color: var(--link_tab_line_color, #008ddd);
}
.sub-header-panel-slider .sub-header-panel-content ul:not(.nav-sdtabs) li.highlight {
  background: #eef4fe;
  border-bottom: 1px solid #d4ddf6;
}
.sub-header-panel-slider .sub-header-panel-content ul:not(.nav-sdtabs) li.highlight .txt-trim {
  font-weight: bold !important;
}
.sub-header-panel-slider .sub-header-panel-content .txt-trim {
  width: 300px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}
.sub-header-panel-slider .sub-header-panel-content .sub-title {
  border-bottom: 1px solid #CCC;
  width: 80%;
  padding: 5px 0px;
  font-size: var(--fs-14);
  font-weight: 600;
}
.sub-header-panel-slider .sub-header-panel-content .sub-title-light {
  width: 100%;
  padding: 6px 0px;
  color: #777777;
  border-bottom: 1px solid #DDD;
  font-size: var(--fs-14);
  font-weight: 100;
}
.sub-header-panel-slider .sub-header-panel-content .sub-title-light.sub-li-title {
  width: 97.5%;
}
.sub-header-panel-slider .sub-header-panel-content .disp-f {
  display: flex;
}
.sub-header-panel-slider .sub-header-panel-content .flex-col {
  flex-direction: column;
}
.sub-header-panel-slider .sub-header-panel-content .notify-count {
  position: absolute;
  background: #FF4F38;
  color: #FFF;
  border-radius: 30px;
  top: 0;
  right: 0px;
  min-width: 20px;
  height: 20px;
  font-size: var(--fs-10);
  z-index: 200;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-header-panel-slider .sub-header-panel-content .empty-state {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70%;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-sizing: border-box;
}
.sub-header-panel-slider .sub-header-panel-content .empty-state .emptyinfo-content {
  text-align: center;
}
.sub-header-panel-slider .sub-header-panel-content.ffooter {
  max-height: calc(100vh - 95px);
}
.sub-header-panel-slider .sub-header-panel-footer {
  width: 100%;
  position: absolute;
  display: inline-block;
  bottom: 0;
  z-index: 100;
  background-color: #FFF;
  border-top: 1px solid #cccccc;
}
.sub-header-panel-slider .sub-header-panel-footer.zia-footer {
  background: #FFF;
  border: 1px solid #CCC;
}
.quick-action {
  padding: 10px 15px !important;
  margin-bottom: 50px;
  width: 480px;
}
.quick-action ul {
  margin-bottom: 10px !important;
}
.quick-action ul li a {
  display: block;
  padding: 10px 5px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}
.quick-action .panel-left {
  width: 50%;
}
.quick-action .panel-right {
  width: 50%;
  padding-left: 30px;
}
.quick-action .panel-right .sub-title {
  width: 90%;
}
.recent-item ul li,
.notifications ul li {
  padding: 10px 5px;
  border-bottom: 1px solid #dee1ef;
}
.recent-item ul li a:not(.text-link),
.notifications ul li a:not(.text-link) {
  color: #000;
}
.sub-header-panel-content.notifications ul li {
  padding: 10px 5px 10px 1px;
  border-left: 4px solid transparent;
}
.sub-header-panel-content.notifications ul li.active {
  border-left: 4px solid var(--link_tab_line_color, #008ddd);
}
.sub-header-panel-content.notifications .txt-trim {
  width: 270px;
}
.notifications {
  padding: 10px 10px 10px 15px;
}
.notifications ul li:hover .popout,
.notifications ul li:hover .spad-delete,
.notifications ul li:hover .m-read,
.notifications ul li:hover .m-unread {
  opacity: 0.5;
  transition-delay: 0.1s;
  transition: 0.3s transform;
  visibility: visible;
}
.notifications ul li:hover .popout:hover,
.notifications ul li:hover .spad-delete:hover,
.notifications ul li:hover .m-read:hover,
.notifications ul li:hover .m-unread:hover {
  opacity: 1;
}
.notifications ul li:hover span.popout:hover {
  opacity: 0.7;
}
.notifications ul li:hover span.m-read,
.notifications ul li:hover span.m-unread {
  opacity: 0.8;
}
.notifications ul li:hover .popout {
  transform: scale(1.2);
}
.notifications ul li:hover .spad-delete,
.notifications ul li:hover .m-read,
.notifications ul li:hover .m-unread {
  transform: scale(1);
}
.notifications ul li:hover .spad-delete.cspr {
  opacity: 0.8;
  margin-right: 6px;
}
.notifications ul li:hover .spad-delete.cspr:hover {
  opacity: 1;
}
.notifications .popout,
.notifications .spad-delete,
.notifications .m-read,
.notifications .m-unread {
  opacity: 0;
  transform: scale(0);
  transition: 0.3s all, 0s background;
  visibility: hidden;
}
.notifications .txt-trm {
  white-space: normal;
  width: 295px;
}
.notifications .nfload-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifications .nfload-container .nfload-element {
  align-items: center;
  justify-content: center;
}
.notifications .nfload-container .nfload-element .loading1 {
  position: relative !important;
  top: 0px;
  left: 0px;
}
.approval .approval-box {
  padding: 10px 15px 0;
}
.approval .appr-type {
  text-transform: uppercase;
  font-weight: bold;
}
.approval .card-view {
  background: #FFF;
  border-radius: 0px;
  box-shadow: 0px 0px 5px 0px rgba(153, 153, 153, 0.6);
  height: auto;
  margin: 15px 0;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  border-left: 3px solid transparent;
}
.approval .card-view.active {
  border-left: 3px solid #008ddd;
  border-left: 3px solid var(--link_tab_line_color, #008ddd);
}
.approval .card-view:hover .popout {
  opacity: 0.5;
  transform: scale(1.3);
  transition-delay: 0.1s;
  transition: 0.3s transform;
  visibility: visible;
}
.approval .card-view:hover .card-content > div:first-child {
  color: #428bca;
}
.approval .card-view .popout {
  cursor: var(--sdpcursor-pointer);
  float: right;
  opacity: 0;
  transform: scale(0);
  transition: 0.3s all, 0s background;
  visibility: hidden;
}
.approval .card-view .card-title {
  border-bottom: 1px solid #DDD;
  padding: 10px;
}
.approval .card-view .card-content {
  padding: 10px;
}
.approval .card-view .card-content div.sb {
  font-size: var(--fs-14);
}
.approval .card-view .card-content .approval-action {
  display: none;
  margin-top: 10px;
}
.approval .card-view .card-content .approval-action textarea {
  width: calc(100% - 10px);
  padding: 3px;
  border: none;
  border-bottom: 1px solid #CCC;
  margin-bottom: 10px;
  height: 60px;
  font-size: var(--fs-14);
  transition: height 0.3s ease;
  resize: none;
}
.approval .card-view .card-content .approval-action textarea::-webkit-input-placeholder {
  color: #CCC;
}
.approval .card-view .card-content .approval-action textarea::-moz-placeholder {
  color: #CCC;
  opacity: 1;
}
.approval .card-view .card-content .approval-action textarea:-ms-input-placeholder {
  color: #CCC;
}
.approval .card-view .card-content .approval-action textarea:focus {
  border-bottom: 1px solid #45A9FF;
  outline: 0;
  box-shadow: 0px 0px 3px #DDD;
}
.approval .card-view .card-content .approval-action button {
  padding-left: 15px;
  padding-right: 15px;
}
.approval-slider {
  max-width: 100%;
  position: relative;
}
.approval-slider .headerbar:after {
  border-bottom: 1px solid #DDD;
  content: '';
  left: 2%;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  width: 96%;
}
.approval-slider .title-cnt {
  border-right: 1px solid #DDD;
  padding-top: 20px !important;
  width: 75% !important;
}
.approval-slider .title-status {
  display: table-cell;
  padding: 10px 15px 0px;
  vertical-align: top;
  width: 100%;
}
.integrations ul.sdmenu-dd {
  left: auto;
  max-width: 220px;
  min-width: 220px;
  right: 100%;
  top: 0;
}
.integrations ul.sdmenu-dd li {
  margin: 0;
}
.integrations ul li {
  border-bottom: 1px solid #DDD;
  margin-left: -10px;
  margin-right: -10px;
}
.integrations ul li a.sdmenu-toggle {
  box-shadow: none !important;
}
.integrations ul li .btn-group.bs-noconflict {
  display: block !important;
}
.integrations li a.submenu:before {
  content: '';
  border-color: transparent #000 transparent transparent;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  display: inline-block;
  height: 0;
  width: 0;
  margin-right: 10px;
}
.integrations li a {
  color: #000;
  display: block;
  padding: 15px;
  position: relative;
}
.integrations li a:hover {
  background-color: #F5F5F5;
  color: #1a6ebd;
  text-decoration: none;
}
.alert-panel .alertbox {
  background: #FFF;
  border-radius: 5px;
  border: 1px solid #DDD;
  box-shadow: 0px 0px 6px 0px #d7d0d0;
  margin: 10px;
  padding: 10px;
}
.alert-panel .alert-content {
  background: #F5F5F5;
  margin: 0px -10px;
  max-height: calc(100vh - 120px);
  min-height: calc(100vh - 120px);
  overflow: auto;
  padding: 10px;
}
.alert-panel .alert-content .alertbox p {
  font-size: var(--fs-14);
  line-height: 1.5;
  margin-bottom: 5px;
  max-width: 250px;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
}
.alert-panel .alert-content .alertbox .alert-circle {
  align-items: center;
  background: #FFF;
  border-radius: 50%;
  border: 1.5px solid red;
  color: red;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.help-center hr {
  margin-left: -10px;
  margin-right: -10px;
}
.help-center .numeric-count {
  border-radius: 30px;
  display: inline-block;
  font-size: var(--fs-10);
  font-weight: bold;
  height: 20px;
  min-width: 20px;
  padding-top: 4px;
  text-align: center;
  z-index: 200;
}
.help-center .update-count {
  background: #FFF;
  color: #000;
  margin-left: 20px;
  vertical-align: middle;
}
.help-center button.btn-primary {
  height: 50px;
  margin-top: 15px;
}
.help-center button.btn-primary .update-txt {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.grid-view {
  background-color: #FFF;
  display: table;
  width: 100%;
}
.grid-view .grid-content {
  border: 1px solid #EEE;
  padding: 10px;
  text-align: center;
  display: table-cell;
  width: 33%;
}
.grid-view .grid-content p {
  font-size: var(--fs-11);
}
.raise-ticket {
  padding-bottom: 30px;
}
.raise-ticket a {
  color: #000;
}
.raise-ticket ul.sub-menu li .req-templates {
  line-height: 1;
  padding: 5px 5px 5px 40px;
}
.raise-ticket ul.sub-menu li .req-templates a {
  max-width: 360px;
  word-break: break-word;
}
.raise-ticket ul.sub-menu li img {
  height: 23px;
  width: 23px;
}
.raise-ticket ul.sub-menu li:hover {
  background: #eef4feb0;
}
.raise-ticket .panel-heading.collapsed .sdp-glyph.toggle {
  top: 14px;
}
.raise-ticket .panel-heading .sdp-glyph.toggle {
  top: 5px;
}
.raise-ticket .fav-temp {
  padding: 10px;
}
.raise-ticket .fav-temp ul.sub-menu li {
  line-height: 1;
  padding: 5px;
}
.raise-ticket .fav-temp ul.sub-menu li .star-on {
  opacity: 0;
  visibility: hidden;
}
.raise-ticket .fav-temp ul.sub-menu li:hover .star-on {
  opacity: 1;
  visibility: visible;
}
.catalog-footer div {
  padding: 10px 0px;
}
.catalog-footer .raisereq-foot {
  min-width: 200px;
  max-width: 210px;
  background: #F5F5F5;
  padding: 5px !important;
}
.catalog-footer .raisereq-foot:hover {
  background: #eeeeee;
}
.zia-chat .zia-task {
  margin: 5px 10px;
  padding: 5px 10px;
  border-radius: 20px;
  border: 1px solid #1a6ebd;
  float: left;
  clear: both;
}
.op-vi-false {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  transition: all 0.5s;
}
.op-vi-true {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}
.scroll-shadow {
  box-shadow: 0 3px 4px 0 rgba(163, 163, 163, 0.28);
}
.bg-shadowcir {
  background: #FFF;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 1px #CCC;
  cursor: var(--sdpcursor-pointer);
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out all;
  opacity: 0.7;
}
.bg-shadowcir:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.bg-shadowcir .popout {
  transform: scale(1.2);
}
/*ad start*/
.od-adicons {
  background-image: url(/images/od-migration-adv.svg);
  display: inline-block;
}
.od-textcolor {
  color: #029AFF !important;
}
.od-blue-cloud {
  background-position: -165px -68px;
  position: absolute;
  width: 53px;
  height: 25px;
}
.cloud-img::before {
  content: '';
  top: -7px;
  right: -19px;
  background-image: url(/images/od-migration-adv.svg);
  display: inline-block;
  background-position: -165px -68px;
  position: absolute;
  width: 53px;
  height: 25px;
}
.cloud-img1::before {
  content: '';
  top: -10px;
  right: -19px;
  background-image: url(/images/od-migration-adv.svg);
  display: inline-block;
  background-position: -165px -68px;
  position: absolute;
  width: 53px;
  height: 25px;
}
.od-btn-outline {
  border: 1px solid #029AFF;
  border-radius: 5px;
  color: #029AFF !important;
  background-color: transparent;
  padding: 0px 12px;
  margin-left: 40px;
}
.ui-dialog.affix.notify-dialog-tr.od-main {
  width: auto;
  min-width: 500px;
  box-sizing: content-box;
}
.ui-dialog.affix.notify-dialog-tr.od-main a.od-ad-anchor {
  color: #FFF !important;
  display: block !important;
}
.od-ad-pro {
  background: url('/images/od-adbg.svg') no-repeat, #4689F8;
  margin: -1px -1px -1px 1px;
  height: 168px;
  /*No transform scale;
    */
}
.od-ad-pro .disp-c:nth-child(1) {
  width: 260px;
}
.od-ad-white {
  color: #000 !important;
  background: #fff;
  border-radius: 20px;
  min-width: 50px;
  top: 128px;
  right: 20px;
  position: absolute;
  line-height: 1.3;
  box-sizing: content-box;
  /*No transform scale;*/
}
.od-txt {
  font-size: var(--fs-23);
  margin-top: 35px;
  margin-right: 20px;
  line-height: 36px;
  letter-spacing: 1px;
  white-space: nowrap;
  float: right;
  /*No transform scale;*/
}
.cloud-img-white {
  background-position: top left;
  position: absolute;
  width: 53px;
  top: -3px;
  right: -7px;
  height: 25px;
}
.od-adicons-white::before {
  content: '';
  background-image: url('/images/od-whitecloud.svg');
  display: inline-block;
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  width: 53px;
  top: -3px;
  right: -7px;
  height: 25px;
}
.od-help-box.alert {
  min-width: 300px;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  min-height: 40px;
  line-height: 24px;
}
.od-help-box.alert .row .col-sm-3 {
  white-space: nowrap;
}
/*ad end*/
/* Security List Starts */
ul.security-list > li > a {
  display: table;
  width: 100%;
  text-decoration: none;
}
ul.security-list > li > a:before {
  content: '';
  background-position: -135px -900px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  display: table-cell;
}
ul.security-list > li > a > span {
  display: table-cell;
  padding-left: 10px !important;
}
ul.security-list > li:hover a::before {
  background-position: -99px -900px;
}
.sub-header-panel-slider .sub-header-panel-content.integrations.securitybanner {
  width: 480px;
  max-height: calc(100vh - 55px);
}
/* Security List Ends */
.log-div {
  align-items: center;
}
.log-div .log-status {
  border-left: 1px solid #DDD;
  padding: 5px 5px 5px 10px;
}
.log-div .log-status span {
  max-width: 125px;
}
/* request Preview */
.prevreq .top-container {
  background-color: #252e35 !important;
  box-shadow: 0 1px 4px 0 rgb(33, 35, 41 / 20%) !important;
}
.prevreq .top-container .header-tab {
  visibility: visible !important;
  opacity: 1 !important;
  display: inline-block !important;
}
.prevreq .top-container ul.main-module li a {
  color: #FFF !important;
}
.prevreq .top-container ul.main-module li:hover {
  background: var(--tab_hover_color, #3b4751) !important;
}
.prevreq .top-container ul.header-icon-list > li > a span svg {
  stroke: #FFF !important;
  fill: #FFF !important;
}
.cp-btn {
  z-index: 99;
}
/* request Preview */
/* Security Banner Start*/
.d-warn.d-warn-light {
  background-color: #FFF3EB;
}
.d-warn.d-warn-light .d-warnhead {
  padding: 8px;
}
.d-warn.d-warn-light .d-warnhead .btn.btn-sm {
  border-radius: 3px;
  background-color: #EA5317;
  color: #FFF;
  border: 1px solid #EA5317;
}
.d-warn.d-warn-light .d-warnhead .btn.btn-sm:hover {
  background-color: transparent;
  color: #EA5317;
}
.d-warn.d-warn-light .d-warnhead a:hover {
  color: #EA5317;
  text-decoration: underline;
}
.d-warn .alert-yellow {
  position: relative;
  top: -2px;
}
/* Security Banner End*/
/*Cancel Translation Button Style*/
.header-translatebtn {
  z-index: 1010;
  left: 40%;
  border: 1px solid #EA5317;
  border-top: none;
  background-color: #FFF3EB;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  white-space: nowrap;
}
.header-translatebtn a {
  color: #008DDD;
}
.of-inherit {
  overflow: inherit !important;
}
.instance-list .instance-box:last-child {
  margin-bottom: 40px;
}
.catalog-footer .col-sm-6:first-child .raisereq-foot::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 32px;
  background: #ddd;
  right: 0;
  top: 18px;
  pointer-events: none;
}
.scroll-shadow-top {
  box-shadow: 0 -3px 4px 0 rgba(163, 163, 163, 0.28);
}
/* SD-106604 FIX STARTS */
body[data-header-tabs="sidebar"] .top-container .sdp-header-logo .ins-title,
body[data-header-tabs="sidebarlite"] .top-container .sdp-header-logo .ins-title {
  max-width: calc(100vw - 600px);
}
body[data-header-tabs="sidebar"] .pg-prev .top-container .sdp-header-logo .ins-title,
body[data-header-tabs="sidebarlite"] .pg-prev .top-container .sdp-header-logo .ins-title {
  max-width: calc(100vw - 1000px);
}
/* SD-106604 FIX ENDS */
z-collapsiblepanels z-collapsiblepanel.premclr.zcollapsiblepanel .zcollapsiblepanel__header {
  background: linear-gradient(90deg, #fff5e3 0%, #ffdc9b 100%);
}
/* select2 options overflow text-wrap start*/
.soption-nowrap .select2-results > li > .select2-result-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* select2 options overflow text-wrap end*/
/* Notification Slider Start */
body[theme="dark-mode"] .band-slide.sdrider {
  --band-slide-bg: #414141;
  --band-slide-hover-bg: #0d0d0d;
  --band-slide-banner-info-bg: #122136;
  --band-slide-banner-warning-bg: #624116;
  --band-slide-banner-danger-bg: #5b2e21;
  --band-slide-banner-gray-bg: #46433e;
  --band-slide-banner-success-bg: #254312;
}
.band-slide.sdrider {
  --band-slide-bg: #eeeeee;
  --band-slide-hover-bg: #d5d5d5;
  --band-slide-banner-info-bg: #d2ecf1;
  --band-slide-banner-warning-bg: #fff5e8;
  --band-slide-banner-danger-bg: #ffecec;
  --band-slide-banner-gray-bg: #f9f9f9;
  --band-slide-banner-success-bg: #ecffee;
  border-bottom: 1px solid var(--br-medium);
  width: 100%;
}
.band-slide.sdrider .sdrider-control {
  background-image: none;
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  top: 10px;
  padding: 0px;
  z-index: 1;
  opacity: 1;
  background-color: var(--band-slide-bg);
}
.band-slide.sdrider .sdrider-control:hover {
  background-color: var(--band-slide-hover-bg);
}
.band-slide.sdrider .sdrider-inner {
  min-height: 31.5px;
}
.band-slide.sdrider .sdrider-inner .item {
  min-height: 43px;
}
.band-slide.sdrider .sdrider-inner .item > div {
  padding: 0px 40px;
  min-height: 43px;
}
.band-slide.sdrider .sdrider-inner .item > div.banner-info {
  background-color: var(--band-slide-banner-info-bg);
}
.band-slide.sdrider .sdrider-inner .item > div.banner-warning {
  background-color: var(--band-slide-banner-warning-bg);
}
.band-slide.sdrider .sdrider-inner .item > div.banner-danger {
  background-color: var(--band-slide-banner-danger-bg);
}
.band-slide.sdrider .sdrider-inner .item > div.banner-gray {
  background-color: var(--band-slide-banner-gray-bg);
}
.band-slide.sdrider .sdrider-inner .item > div.banner-success {
  background-color: var(--band-slide-banner-success-bg);
}
.band-slide.sdrider .top-evalband .evalcopy > * {
  vertical-align: sub;
  margin-top: 2px;
}
.band-slide.sdrider .sdrider-control.left,
.band-slide.sdrider .sdrider-control.right {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.band-slide.sdrider .sdrider-control.left .chevron-left,
.band-slide.sdrider .sdrider-control.right .chevron-left,
.band-slide.sdrider .sdrider-control.left .chevron-right,
.band-slide.sdrider .sdrider-control.right .chevron-right {
  top: 1px !important;
}
.band-slide.sdrider .item {
  line-height: 2;
}
/* Notification Slider End */
/* Connection UI issue fix start */
.admin-panel .dre-headder-la-set p.dre-la-set-label {
  font-size: var(--font-size-base);
}
.admin-panel .dre-headder-ra-set {
  padding: 24px 24px 24px 0px;
}
.admin-panel .dre-connection-emptypage {
  justify-content: flex-start;
  margin-top: 50px;
}
.admin-panel .dre-search-field {
  border-radius: 0px;
}
.admin-panel .dre-connection-empty-screen {
  margin-top: 100px;
  justify-content: flex-start;
}
.admin-panel .dre-filter-dpdown-holder .dre-la-set-dropdown {
  z-index: 49;
}
.admin-panel .dre-filter-result-tag {
  z-index: 48;
}
.admin-panel .dre-note-msgbanner p {
  color: #fff;
}
.admin-panel .dre-connection-container.dre-font-enable,
.admin-panel .dre-input-field input[type="text"],
.admin-panel .dre-input-field input[type="password"],
.admin-panel .dre-dropdown-field input[type="text"],
.admin-panel .dre-dropdown-field .dre-input-field,
.admin-panel .dre-input-field input::placeholder,
.admin-panel .dre-dropdown-field input::placeholder,
.admin-panel .dre-dropdown-field .dre-input-field::placeholder,
.admin-panel .dre-input-field textarea,
.admin-panel .dre-dropdown-field-holder .dre-drp-ul,
.admin-panel .dre-dropdown-field-holder li,
.admin-panel .dre-input-field.type2 input::placeholder,
.admin-panel .dre-dropdown-field.type2 input::placeholder,
.admin-panel .dre-dropdown-field.type2 .dre-input-field::placeholder,
.admin-panel .dre-dropdown-field.type2 .dre-dropdown-field-holder .dre-drp-ul,
.admin-panel .dre-dropdown-field.type2 .dre-dropdown-field-holder li,
.admin-panel .dre-input-field.type2 input[type="text"],
.admin-panel .dre-dropdown-field.type2 input[type="text"],
.admin-panel .dre-dropdown-field.type2 .dre-input-field,
.admin-panel .dre-drp-list-row label,
.admin-panel .dre-cs-access-denied {
  font-family: inherit;
}
.admin-panel .dre-create-con .dre-headder-la-set p.dre-la-set-label {
  max-width: 100%;
  text-overflow: ellipsis;
  display: block;
}
.admin-panel .dre-note-msgbanner {
  position: fixed;
  margin-top: 30px;
}
.admin-panel .dre-input-field,
.admin-panel .dre-drp-ul .dre-drp-list-row li {
  font-weight: normal;
}
/* Connection UI issue fix end*/
.bg-managetab {
  background-color: var(--top_header_color, #252e35);
  opacity: 1;
}
.sidebar-container ul li.bg-managetab,
.top-container ul li.bg-managetab {
  opacity: 1;
}
.sidebar-container ul li.bg-managetab:hover,
.top-container ul li.bg-managetab:hover {
  background-color: var(--top_header_color, #252e35);
}
.sub-header-panel-slider .sub-header-panel-content .webtab-list ul li:hover {
  cursor: var(--sdpcursor-move);
}
.webtab-list ul.sortlist li:hover {
  background-color: #f5f5f5;
}
.headermenu-sep {
  border-color: var(--br-seprator-color);
}
li.webtab-menu:hover {
  border-radius: 5px;
}
.webtab-menu {
  background-color: var(--top_header_color, #252e35);
}
.webtab-menu .thmicon-fill {
  fill: var(--tab_normal_text);
}
.reorder-tabs .sortlist li {
  padding: 15px 3px;
}
.webtab-icons {
  display: flex;
  align-items: center;
}
.webtab-icons > span {
  color: var(--webtab-svg-ft-color);
}
.webtab-icons > svg {
  color: var(--webtab-svg-color);
}
.anndropdown {
  border-top: 3px solid #f79c30;
}
.openannounce .anndropdown a {
  background: #555555;
}
.anndropdown a {
  background: #f79c30;
}
.openannounce .anndropdown {
  border-top: 0;
}
.anndropdown .chevron-left2 {
  background-position: -346px -193px;
  rotate: -90deg;
}
.openannounce .anndropdown .chevron-left2 {
  rotate: 90deg;
}
.ann-band-slide.sdrider .sdrider-control {
  background-image: none;
  position: absolute;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px;
  z-index: 1;
  opacity: 1;
  line-height: 25px;
}
.anncaros {
  padding: 5px 55px;
}
.slidebatch {
  position: absolute;
  right: 100px;
  padding: 1px 5px;
}
/* License banner UI issue fix start */
:root {
  --lcs-hdr-bg: #ea5317;
  --lcs-hdr-ft: #fff;
  --lcs-cnt-bg: #fff5e8;
  --lcs-cnt-b-ft: #000;
  --lcs-hdr-br: transparent;
}
[theme="dark-mode"] {
  --lcs-hdr-bg: #624116;
  --lcs-cnt-bg: #343434;
  --lcs-cnt-b-ft: #fff;
  --lcs-hdr-br: #896114;
}
.license-banner .lcb-header {
  background-color: var(--lcs-hdr-bg);
  color: var(--lcs-hdr-ft);
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: var(--lcs-hdr-br);
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 10px 0px 10px 0px;
}
.license-banner .lcb-content {
  background-color: var(--lcs-cnt-bg);
  display: flex;
  padding: 50px 0px 50px 0px;
  gap: 20px;
}
.license-banner .lcb-content > div:nth-child(1) {
  width: 25%;
  text-align: right;
}
.license-banner .lcb-content > div:nth-child(1) > span {
  background-image: url('/images/error-sprite.png');
  width: 96px;
  height: 80px;
  display: inline-block;
}
.license-banner .lcb-content > div:nth-child(2) {
  width: 75%;
}
.license-banner .lcb-content > div:nth-child(2) > div {
  width: 80%;
}
.license-banner .lcb-content > div:nth-child(2) > div > p > span {
  color: var(--lcs-cnt-b-ft);
}
/* License banner UI issue fix end */
/* SD-133459 Issue fix starts */
.btn-warning-ol-hvr {
  border-radius: 3px;
  background-color: var(--btn-warn-ol-hvr-bg);
  color: var(--btn-warn-ol-hvr-ft) !important;
  border: 1px solid var(--btn-warn-ol-hvr-br);
}
.btn-warning-ol-hvr:hover {
  background-color: transparent;
  color: var(--btn-warn-ol-hvr-hvr-br) !important;
}
.text-warn-hvr {
  color: var(--txt-warn-hvr-ft) !important;
  text-decoration: none !important;
}
.text-warn-hvr:hover {
  color: var(--txt-warn-hvr-hvr-ft) !important;
}
/* SD-133459 Issue fix ends */
/* ----------------------------------------------- */
/* ui-list-view.less */
/* ----------------------------------------------- */
.tableComponent .ceoverlay {
  border: 1px solid transparent;
  display: block;
  padding: 3px 20px 3px 4px;
  position: relative;
}
.tableComponent .ceoverlay i {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
  background-position: -465px -7px;
  display: none;
  position: absolute;
  top: 20%;
  right: 5px !important;
}
.tableComponent tr:hover .ceoverlay {
  border: 1px solid #ccc;
  background-color: #FFF;
}
.tableComponent tr:hover .ceoverlay i {
  display: inline-block;
}
/* Table Structure Classes */
div.d_w {
  display: block;
  min-width: 31px;
  min-height: 17px;
  text-overflow: ellipsis;
  z-index: 1;
  text-align: left !important;
  overflow: hidden;
  white-space: nowrap;
}
div.d_w .incident-req-icon,
div.d_w .service-req-icon {
  cursor: var(--sdpcursor-default);
}
tr.tc-row .cb-arrow {
  border: 1px solid #FFF;
  padding-right: 15px !important;
}
tr.tc-row:hover td {
  background: #F9F9F9;
  border-bottom: 1px solid #F1F1F1;
}
tr.tc-row:hover table td {
  background: transparent;
  border: 0 none;
  border-bottom: 1px solid transparent;
}
tr.tc-row:hover .csoverlay {
  border: 1px solid #ccc;
  background-color: #FFF;
}
tr.tc-row:hover .csoverlay em {
  display: inline-block;
}
tr.tc-row:hover a[rel=uitooltip-track],
tr.tc-row:hover td a,
tr.tc-row:hover span.sdp-copy-text {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
}
tr.tc-row:hover td .common-lock-icon1:not(.in) {
  background-position: -37px -43px;
}
tr.tc-row:hover td .default .common-lock-icon1:not(.in) {
  background-position: -21px -43px;
}
tr.tc-row:hover td .common-lock-icon1:not(.in),
tr.tc-row:hover td .common-preview-icon1:not(.in) {
  visibility: visible;
}
tr.tc-row:hover td .default .common-lock-icon1:not(.in),
tr.tc-row:hover td .default .common-preview-icon1:not(.in) {
  visibility: visible;
}
tr.tc-row:hover td .default .common-lock-icon1:not(.in) {
  opacity: 1;
}
tr.tc-row:hover td .default .common-preview-icon1:not(.in) {
  opacity: 0.6;
}
tr.tc-row:hover td .default,
tr.tc-row:hover td .default * {
  cursor: var(--sdpcursor-not-allowed);
}
tr.tc-row:hover .dependencyimg {
  background: url('/images/trigger-arrow-hover.png') no-repeat;
  height: 10px;
  width: 11px;
}
.tc-row .text-combobox,
tr.tc-row .cb-arrow {
  background-color: #FFF;
  border: 1px solid transparent;
  display: block;
  padding: 2px 18px 2px 5px;
  margin-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tc-row .text-combobox em,
tr.tc-row .cb-arrow:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #828282;
  /*#959595*/
  display: inline-block;
  width: 0;
  height: 0;
  float: right;
  position: relative;
  top: 5px;
  right: -13px;
  visibility: hidden;
}
tr.tc-row .cb-arrow:before {
  content: ' ';
}
.tc-row:hover .text-combobox,
tr.tc-row:hover .cb-arrow {
  background-color: #f8f8f8;
  /*#f8f8f8*/
  border: 1px solid #dedede;
  /*#dedede*/
  cursor: var(--sdpcursor-default);
}
.tc-row:hover .text-combobox em,
tr.tc-row:hover .cb-arrow:before {
  visibility: visible;
}
.tc-row:hover .text-combobox:hover,
tr.tc-row:hover .cb-arrow:hover {
  background-color: #FFF;
  border: 1px solid #afafaf;
  /*#afafaf*/
  cursor: var(--sdpcursor-pointer);
}
.tc-row:hover .text-combobox:hover em,
tr.tc-row:hover .cb-arrow:hover:before {
  border-top: 4px solid #333;
}
tr.tc-row:hover .calstm {
  background: transparent;
  border: 1px solid transparent;
  height: 19px;
  line-height: 19px;
  width: auto;
  display: block;
  position: relative;
  top: 0;
}
tr.tc-row:hover .calstm {
  background: #FFF;
  border: 1px solid #CCC;
}
tr.tc-row .calstm {
  top: -1px;
}
tr.tc-row:hover div.boxsetpanel:hover td {
  background: #FFF;
}
.req-refresh-list li {
  padding: 0;
}
.req-refresh-list .h4 {
  font-size: var(--font-size-base);
  background-color: #eee;
  padding: 9px 10px;
}
.req-refresh-list label {
  display: block;
  cursor: var(--sdpcursor-pointer);
  padding: 5px 10px;
}
.tc-schd-i,
.tc-edit,
.tc-fcr,
.tc-flag-i,
.tc-flag-w,
.tc-notes,
.tc-nonotes,
.tc-fr-due,
.tc-task,
.tc-task-p-t,
.tc-task-p,
.tc-task-c,
.tc-inc,
.tc-out-conv,
.tc-out-noconv,
.reqdependency,
.dependency-pending,
.dependency-completed,
.req-sprite.incident-req-icon,
.req-sprite.service-req-icon,
.list-sprite.outgoing-conv-icon-off,
.list-sprite.outgoing-conv-icon,
.list-sprite.incoming-conv-icon,
.list-sprite.notes-icon,
.list-sprite.start-timer-icon-off,
.list-sprite.start-timer-icon,
.list-sprite.stop-timer-icon,
.list-sprite.active-timer-icon,
.list-sprite.flag-warning-icon,
.list-sprite.flag-info-icon,
.list-sprite.flag-icon-dis,
.list-sprite.fr-overdue-icon,
.req-sprite.service-req-icon2-off,
.req-sprite.incident-req-icon2-off {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.req-sprite.all-req-icon2-off {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 24px;
  height: 24px;
  position: relative;
  top: 1px;
  vertical-align: middle;
}
.common-sprite.common-add-icon4 {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  vertical-align: top;
}
.tc-schd-i {
  background-position: -8px -633px;
}
.tc-edit {
  background-position: -333px -472px;
  opacity: 0.6;
}
.tc-edit:hover {
  opacity: 1;
}
.tc-fcr {
  background-position: -551px -100px;
}
.fcr-marked .tc-fcr {
  margin-bottom: 2px;
}
.tc-flag-i {
  background-position: -178px -630px;
  vertical-align: top;
}
.tc-flag-w {
  background-position: -153px -630px;
  vertical-align: top;
}
.tc-fr-due {
  background-position: -195px -660px;
}
.tc-inc {
  background-position: -430px -544px;
}
.tc-out-conv {
  background-position: -340px -599px;
}
.tc-out-noconv {
  background-position: -469px -472px;
  opacity: 0.6;
}
.tc-notes {
  background-position: -260px -541px;
}
.tc-nonotes {
  background-position: -543px -168px;
}
.tc-task {
  background-position: -232px -600px;
  opacity: 0.6;
}
.tc-task:hover {
  opacity: 1;
}
.tc-task-p-t {
  background-position: -468px -542px;
}
.tc-task-p {
  background-position: -303px -600px;
}
.tc-task-c {
  background-position: -267px -599px;
  opacity: 0.8;
}
.reqdependency {
  background-position: -230px -631px;
  opacity: 1;
}
.dependency-pending {
  background-position: -265px -631px;
}
.dependency-completed {
  background-position: -301px -631px;
}
.tablelist {
  background: #FFF;
  border: 1px solid #CCC;
}
.tablelist .rc_d_h {
  position: absolute;
  top: 0;
  z-index: 5;
  width: 8px;
  right: -5px !important;
  cursor: var(--sdpcursor-col-resize);
  height: 40px;
}
.tablelist.table-primary {
  border: 0 none;
}
.tablelist:not(table) {
  display: block;
  /* fix to cover up border on a scrollable table */
}
.tableComponent {
  /*border-spacing: 1px !important;*/
  border: 0;
  width: 100%;
  /** space module facility listview attachment component "Download all" options link color code **/
}
.tableComponent .oddRow,
.tableComponent .evenRow {
  height: 33px;
}
.tableComponent > thead > tr > th,
.tableComponent > tbody > tr > th {
  padding-left: 5px !important;
  padding-right: 4px !important;
}
.tableComponent tbody > tr > td {
  border-bottom: 1px solid #F1F1F1;
  padding: 5px;
  height: 33px;
}
.tableComponent tbody > tr > td td {
  border-bottom: 0 none;
  height: auto;
}
.tableComponent tbody > tr > td.listviewbbdr {
  height: unset;
  padding: unset;
  border-bottom: unset;
}
.tableComponent input[type="radio"],
.tableComponent input[type="checkbox"] {
  margin: 0px;
  position: relative;
  top: 2px;
}
.tableComponent th.pr,
.tableComponent td.pr {
  padding: 0;
}
.tableComponent th {
  border-right: 1px solid #DDD;
  background: none;
  padding: 0 5px;
}
.tableComponent th .req-sprite.mark-tech-icon {
  opacity: 0;
}
.tableComponent th .pr,
.tableComponent th:last-child {
  border-right: 1px solid transparent;
}
.tableComponent th:nth-child(2) {
  border-left: 0px solid none;
}
.tableComponent th td {
  border: 0 none;
  color: #868686;
  font-weight: normal;
}
.tableComponent th .tableSearchGoButton {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: var(--sdpcursor-pointer);
  background-image: none;
  border: 1px solid transparent;
  padding: 4px 10px;
  font-size: 0.8125rem;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333;
  background-color: #eee;
  border-color: #cfcfcf;
  background-color: #F5F5F5;
  border: 1px solid #d7d7d7;
  padding: 1px 5px;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0px;
}
.tableComponent th .tableSearchGoButton:focus,
.tableComponent th .tableSearchGoButton:active:focus,
.tableComponent th .tableSearchGoButton.active:focus,
.tableComponent th .tableSearchGoButton.focus,
.tableComponent th .tableSearchGoButton:active.focus,
.tableComponent th .tableSearchGoButton.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.tableComponent th .tableSearchGoButton:hover,
.tableComponent th .tableSearchGoButton:focus,
.tableComponent th .tableSearchGoButton.focus {
  color: #333;
  text-decoration: none;
}
.tableComponent th .tableSearchGoButton:active,
.tableComponent th .tableSearchGoButton.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.tableComponent th .tableSearchGoButton.disabled,
.tableComponent th .tableSearchGoButton[disabled],
fieldset[disabled] .tableComponent th .tableSearchGoButton {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.tableComponent th .tableSearchGoButton.disabled,
fieldset[disabled] a.tableComponent th .tableSearchGoButton {
  pointer-events: none;
}
.tableComponent th .tableSearchGoButton .cspr {
  vertical-align: baseline;
  /*IE not support vertical-align: initial;*/
}
.tableComponent th .tableSearchGoButton .opac {
  opacity: 0.6;
}
.tableComponent th .tableSearchGoButton:hover .opac {
  opacity: 1;
}
.tableComponent th .tableSearchGoButton .common-add-icon4,
.tableComponent th .tableSearchGoButton .addrowbtn1 {
  background-color: #868686;
  border: 1px #535353 solid;
  /*6C6C6C*/
  box-sizing: border-box;
  padding: 7px;
  border-radius: 50%;
}
.tableComponent th .tableSearchGoButton:hover .common-add-icon4,
.tableComponent th .tableSearchGoButton:hover .addrowbtn1 {
  background-color: #008ddd;
  border: 1px #008ddd solid;
  background-color: var(--primary_button_color, #008ddd);
  border: 1px var(--primary_button_color, #008ddd) solid;
}
.tableComponent th .tableSearchGoButton:focus,
.tableComponent th .tableSearchGoButton.focus {
  color: #333;
  background-color: #d5d5d5;
  border-color: #b1b1b1;
}
.tableComponent th .tableSearchGoButton:hover {
  color: #333;
  background-color: #d5d5d5;
  border-color: #b1b1b1;
}
.tableComponent th .tableSearchGoButton:active,
.tableComponent th .tableSearchGoButton.active,
.open > .sdmenu-toggle.tableComponent th .tableSearchGoButton {
  color: #333;
  background-color: #d5d5d5;
  background-image: none;
  border-color: #b1b1b1;
}
.tableComponent th .tableSearchGoButton.disabled:hover,
.tableComponent th .tableSearchGoButton[disabled]:hover,
fieldset[disabled] .tableComponent th .tableSearchGoButton:hover,
.tableComponent th .tableSearchGoButton.disabled:focus,
.tableComponent th .tableSearchGoButton[disabled]:focus,
fieldset[disabled] .tableComponent th .tableSearchGoButton:focus,
.tableComponent th .tableSearchGoButton.disabled.focus,
.tableComponent th .tableSearchGoButton[disabled].focus,
fieldset[disabled] .tableComponent th .tableSearchGoButton.focus {
  background-color: #eee;
  border-color: #cfcfcf;
}
.tableComponent th .tableSearchGoButton .badge {
  color: #eee;
  background-color: #333;
}
.tableComponent th .tableSearchGoButton:hover,
.tableComponent th .tableSearchGoButton:focus {
  background-color: #e6e6e6;
  border: 1px solid #d7d7d7;
}
.tableComponent th .tableSearchGoButton.addrowbtn,
.tableComponent th .tableSearchGoButton.removerowbtn,
.tableComponent th .tableSearchGoButton.add-sla-esc,
.tableComponent th .tableSearchGoButton.remove-sla-esc {
  border-radius: 1px;
}
.tableComponent th .tableSearchGoButton.addrowbtn:hover,
.tableComponent th .tableSearchGoButton.add-sla-esc:hover {
  background-color: #008ddd;
  border: 1px #008ddd solid;
  background-color: var(--primary_button_color, #008ddd);
  border: 1px var(--primary_button_color, #008ddd) solid;
}
.tableComponent th .tableSearchGoButton.addrowbtn:hover .common-add-icon2,
.tableComponent th .tableSearchGoButton.add-sla-esc:hover .common-add-icon2 {
  background-position: -49px -23px;
}
.tableComponent th .tableSearchGoButton.removerowbtn:hover,
.tableComponent th .tableSearchGoButton.remove-sla-esc:hover {
  background-color: #DC5146;
  border: 1px #DC5146 solid;
}
.tableComponent th .tableSearchGoButton.removerowbtn:hover .common-remove-icon2,
.tableComponent th .tableSearchGoButton.remove-sla-esc:hover .common-remove-icon2 {
  background-position: -121px -23px;
}
.tableComponent th .tableSearchGoButton.addrowbtn:hover .sdp-glyph.icon-xs,
.tableComponent th .tableSearchGoButton.add-sla-esc:hover .sdp-glyph.icon-xs,
.tableComponent th .tableSearchGoButton.removerowbtn:hover .sdp-glyph.icon-xs,
.tableComponent th .tableSearchGoButton.remove-sla-esc:hover .sdp-glyph.icon-xs {
  text-shadow: 0px 1px 1px #333;
  color: #FFF;
}
.tableComponent th .sortclass {
  display: none;
}
.tableComponent th .sortclass.cspr {
  display: inline-block;
  vertical-align: sub;
}
.tableComponent th span.text-overflow {
  vertical-align: middle;
  line-height: 33px !important;
}
.tableComponent a.common-edit-icon1 {
  opacity: 0.5;
}
.tableComponent a.common-edit-icon1:hover {
  opacity: 1;
}
.tableComponent table {
  border-collapse: inherit;
  border-bottom: 0 none;
}
.tableComponent th,
.tableComponent .tableHeader,
.tableComponent .sortedTableHeader {
  padding-bottom: 0;
  position: relative;
  white-space: nowrap;
  height: 33px;
}
.tableComponent td div input[type=checkbox] {
  position: relative;
  top: 2px;
}
.tableComponent td.wrapcell div {
  white-space: normal;
  overflow: visible;
  text-overflow: inherit;
}
.tableComponent td .form-horizontal.form-flat .left-col {
  background: transparent;
}
.tableComponent td .menulist {
  opacity: 0.3;
}
.tableComponent tr:last-child td {
  border-bottom: 1px solid transparent;
}
.tableComponent tr.unread-item td {
  font-weight: bold;
}
.tableComponent a {
  color: #000;
}
.tableComponent a[rel=uitooltip-track]:not(.atdwnld),
.tableComponent a.list-title:not(.atdwnld) {
  color: #000;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tableComponent a.atdwnld em {
  margin: 0px;
}
.tableComponent tr td .common-lock-icon1:not(.default),
.tableComponent tr td .common-preview-icon1:not(.default) {
  visibility: hidden;
}
.tableComponent tr td .common-lock-icon1:not(.default).in,
.tableComponent tr td .common-preview-icon1:not(.default).in {
  visibility: visible;
  opacity: 1;
}
.tableComponent tr td .default .common-lock-icon1:not(.in),
.tableComponent tr td .default .common-preview-icon1:not(.in) {
  visibility: visible;
}
.tableComponent tr td .default .common-preview-icon1:not(.in) {
  opacity: 1;
}
.tableComponent tr td .default .common-preview-icon1:not(.in) {
  visibility: visible;
  opacity: 0.6;
}
.tableComponent tr.text-muted td button[isClickable=false],
.tableComponent tr.text-muted td a[isClickable=false] {
  cursor: var(--sdpcursor-not-allowed);
}
.tableComponent tr.text-muted td,
.tableComponent tr.text-muted .excerpt,
.tableComponent tr.text-muted a[rel=uitooltip-track],
.tableComponent tr.text-muted a.list-title {
  color: #868686;
}
.tableComponent td.pr {
  height: 1px;
}
.tableComponent td.pr > div {
  display: table;
  height: 100%;
}
.tableComponent .customselect .form-control {
  padding: 0 9px;
  height: auto;
}
.tableComponent .csoverlay {
  border: 1px solid transparent;
}
.tableComponent .csoverlay i {
  display: none;
}
.tableComponent .csoverlay:focus {
  box-shadow: none;
}
.tableComponent .convcount {
  position: absolute;
  left: 19px !important;
  font-size: var(--font-size-xsmall);
}
.tableComponent .excerpt {
  color: #515151;
  padding: 2px 0;
}
.tableComponent .excerpt span {
  color: #515151;
}
.tableComponent .incident-req-icon,
.tableComponent .service-req-icon,
.tableComponent .mark-tech-icon {
  position: relative;
  top: 0;
  vertical-align: top;
}
.tableComponent .cell-btn {
  font-size: var(--font-size-small);
  border-width: 1px;
  border-style: solid;
  line-height: 15px;
}
.tableComponent .hidden-cell {
  display: none;
}
.tableComponent tr:hover .hidden-cell {
  display: inline-block;
}
.tableComponent .list-sprite {
  margin-right: 4px !important;
}
.tableComponent .grid-icon-off {
  opacity: 0.3;
}
.tableComponent .notes-icon.grid-icon-off {
  opacity: 1;
}
.tableComponent .first-response-icon {
  position: relative;
  top: 1px;
}
.tableComponent .mark-tech-icon,
.tableComponent .mark-tech-icon-off {
  margin-left: 7px !important;
}
.tableComponent .list-sprite.mark-tech-icon,
.tableComponent .list-sprite.mark-tech-icon-off {
  margin-left: 4px !important;
  top: 5px;
}
.tableComponent .incoming-conv-icon {
  position: relative;
}
.tableComponent .incoming-conv-icon.grid-icon-off {
  filter: alpha(opacity=10);
  opacity: 0.1;
}
.tableComponent td .task-icon.grid-icon-off:hover {
  opacity: 1;
}
.tableComponent .pr-color {
  display: table-cell;
  width: 5px;
  position: relative;
  left: -1px !important;
}
.tableComponent tr:hover .setting-box {
  display: inline-block;
}
.tableComponent tr.searchRow {
  height: 34px;
}
.tableComponent tr.searchRow td,
.tableComponent th.searchRow td {
  background-color: #F7F9FA;
  border-bottom: 1px solid #E9E9E9;
  border-top: transparent;
}
.tableComponent .ui-progressbar1-pos1 {
  display: block;
  margin-top: 2px;
}
.tableComponent img.attachment {
  margin: 0;
}
.tableComponent th[id$="CheckBox"] > div,
.tableComponent td.headercheckbox > div {
  text-align: center !important;
}
.tableComponent .atp-container-target a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.listview {
  background-color: #FFF;
  position: relative;
}
.listview.uicomponent {
  border: 0 none;
}
.listview.primary.task-list-sb {
  border: 1px solid #e6e6e6;
}
.admin-panel .listview {
  border: 0.5px solid #e0e0e0;
}
.listview table tr:hover td .sdmenu-dd > li > a {
  color: #515151;
}
.listview table tr:hover td .sdmenu-dd > li > a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.tablelist {
  border: 0 none;
}
.listcontrols {
  background: #FFF;
  padding: 10px 0;
}
.tablelist.vtop tbody tr td {
  vertical-align: top;
}
.listcontrols:before,
.listcontrols:after {
  display: table;
  content: " ";
}
.listcontrols:after {
  clear: both;
}
.listcontrols:before,
.listcontrols:after {
  display: table;
  content: " ";
}
.listcontrols:after {
  clear: both;
}
.listcontrols.list-secondary {
  background-image: none;
  margin-bottom: 1px;
  padding: 8px 10px;
}
.listcontrols.list-secondary a.btn:active,
.listcontrols.list-secondary a.btn.active,
.listcontrols.list-secondary a.btn:hover,
.listcontrols.list-secondary a.btn:focus {
  background-color: #FFF;
  border-color: #C5C4C3;
  color: #000;
  box-shadow: none;
}
.listcontrols.primary {
  background: #FFF;
  border-bottom: 1px solid #CCC;
}
.listcontrols.secondary {
  background: #F5F5F5;
  border: 1px solid #DDD;
  border-bottom: 0 none;
  padding: 0 2px;
}
.listcontrols.secondary a.btn:active,
.listcontrols.secondary a.btn.active,
.listcontrols.secondary a.btn:hover,
.listcontrols.secondary a.btn:focus {
  background-color: #FFF;
  border-color: #C5C4C3;
  color: #000;
  box-shadow: none;
}
.listcontrols a.btn {
  color: #515151;
}
.listcontrols .badge {
  font-size: var(--font-size-xsmall);
  line-height: 10px;
  background-color: #868686;
  padding: 3px 7px;
  position: relative;
  top: -1px;
}
.listcontrols .li-nav {
  color: #515151;
  position: relative;
  top: 1px;
}
.listcontrols .list-nav > table {
  display: inline-block;
  vertical-align: middle;
}
.listcontrols .list-nav select {
  width: auto;
  display: inline-block;
  vertical-align: initial;
  padding: inherit;
}
.listcontrols .list-nav img[class^="pagenav-"] {
  vertical-align: top;
}
.listcontrols .sep {
  background: #d9d9d9;
  /*#d9d9d9*/
  height: 22px;
  padding: 0;
  border-left: 0px solid none;
  cursor: var(--sdpcursor-default);
}
.listcontrols .sdmenu-dd .rf {
  white-space: nowrap;
  padding: 3px 12px 0 5px;
  color: #515151;
  font-family: inherit;
}
.listcontrols *:not(button) > .sdp-glyph {
  color: #7f7f7f;
}
.listcontrols *:not(button) > .sdp-glyph:hover {
  color: #000;
}
.listcontrols .sdp-glyph-help {
  color: #515151;
}
.listcontrols h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.setting-box {
  display: none;
}
.setting-box button {
  width: 33px;
}
.setting-box button .caret {
  position: relative;
  top: -3px;
  border-top: 4px solid #515151;
  margin-left: 0px !important;
}
.setting-box .list-sprite {
  margin: 0 3px 0 0;
}
.menutoggle {
  position: relative;
}
.menutoggle .sdmenu-dd {
  display: none;
}
.menutoggle.open .sdmenu-dd {
  display: inline-block;
}
.menutoggle button {
  padding: 0;
  border: 0;
  height: 18px;
  background: none;
}
.menutoggle button:active,
.menutoggle button:focus {
  outline: 0;
  box-shadow: none;
}
.menutoggle.attachment-box button {
  width: 16px;
}
ul.sortlist {
  margin-top: 0;
  padding: 4px 0;
  max-height: 290px;
  overflow: auto;
}
ul.sortlist input[type=checkbox] {
  position: absolute;
  z-index: 2;
  margin: 4px 0 0;
}
ul.sortlist input[type=checkbox].cb {
  opacity: 0;
}
ul.sortlist.cs {
  min-width: 240px;
  height: 300px;
  overflow: auto;
  margin-bottom: 6px;
}
ul.sortlist.cs > li {
  padding-left: 0px !important;
  border-bottom: 1px solid #F1F1F1;
}
ul.sortlist li {
  display: table;
  width: 100%;
  position: relative;
  list-style: none;
  padding: 6px 3px;
  box-sizing: border-box;
}
ul.sortlist li > a {
  color: #515151;
  font-size: inherit;
  display: table-cell;
  line-height: 16px;
  white-space: normal;
}
ul.sortlist li > a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
}
ul.sortlist li .ctl i,
ul.sortlist li .ctr {
  visibility: hidden;
}
ul.sortlist li span.item {
  font-size: inherit;
  display: table-cell;
  line-height: 16px;
  vertical-align: middle;
  padding-left: 5px !important;
  word-break: break-word;
}
ul.sortlist li span.ctl {
  width: 38px;
  display: table-cell;
  position: relative;
}
ul.sortlist li span.ctr {
  width: 13px;
  top: 2px;
  display: table-cell;
}
ul.sortlist li span.fav,
ul.sortlist li i b,
ul.sortlist li span.ctr {
  position: relative;
}
ul.sortlist li span.fav {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  background-position: -23px -5px;
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
  top: -1px;
  left: 1px !important;
  cursor: var(--sdpcursor-pointer);
  margin-right: 2px !important;
  z-index: 1;
}
ul.sortlist li i {
  float: left !important;
  padding: 0 4px;
  height: 20px;
  margin-right: 7px !important;
  top: 1px;
}
ul.sortlist li i b {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  background-position: -99px -6px;
  width: 7px;
  height: 14px;
  cursor: var(--sdpcursor-move);
  left: 3px !important;
  opacity: 0.8;
}
ul.sortlist li:hover {
  background-color: var(--primary_button_light_color, #F1F1F1);
}
ul.sortlist li:hover a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
}
ul.sortlist li:hover .ctl i,
ul.sortlist li:hover .ctr {
  visibility: visible;
}
ul.sortlist li.favourite span.fav {
  background-position: -4px -4px;
}
ul.sortlist .icons-cell .icon-sm {
  vertical-align: top;
}
table td ul.sortlist li,
.sdmenu-dd ul.sortlist li {
  display: block;
  box-sizing: border-box;
}
.list-filters-ui1 {
  width: 250px;
  max-height: 380px;
}
.list-filters-ui1 .h3 {
  color: #515151;
  font-weight: bold;
  font-size: inherit;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 7px;
  padding-left: 3px !important;
  margin-top: 0;
  margin-bottom: 0;
}
.list-filters-ui1 .srch {
  margin-top: 7px;
  margin-bottom: 2px;
}
.list-filters-ui1 .srch input[type=text] {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  border-radius: 2px;
  border: 1px #d2d2d2 solid;
  /*#d2d2d2*/
  box-sizing: border-box;
  background-color: #f6f6f6;
  /*#f6f6f6*/
  padding: 0 3px;
  height: 27px;
  width: 99.5%;
  color: #515151;
  font-size: inherit;
}
.filter-menu {
  border: 1px solid transparent;
}
.filter-menu .sdmenu-toggle {
  background-color: transparent;
  border-color: transparent;
  color: #515151;
  font-size: var(--font-size-medium);
  padding: 2px 7px;
  line-height: 1;
}
.filter-menu .sdmenu-toggle:active,
.filter-menu .sdmenu-toggle:hover,
.filter-menu .sdmenu-toggle:focus {
  background: none;
  border-color: transparent;
  box-shadow: none;
}
.filter-menu .sdmenu-toggle > div {
  padding: 2px 0px;
}
.filter-menu span.dd {
  display: inline-block;
  float: right !important;
  font-size: var(--fs-1);
  height: 16px;
  width: 16px;
  line-height: 18px;
  margin-top: 1px;
  border-radius: 3px;
  margin-left: 5px !important;
  vertical-align: middle;
}
.filter-menu span.dd strong.caret {
  vertical-align: middle;
  margin: initial;
}
.filter-menu .btn-xs > span.dd {
  margin-top: 1%;
}
.filter-menu .btn-md > span.dd {
  margin-top: 0%;
}
.filter-menu:hover,
.filter-menu.open {
  border: 1px solid #E9E9E9;
}
.filter-menu:hover span.dd,
.filter-menu.open span.dd {
  background: #7d7d7d;
  /*#909090*/
}
.filter-menu:hover span.dd strong.caret,
.filter-menu.open span.dd strong.caret {
  border-top: 4px solid #FFF;
}
.filter-menu .cnt {
  padding: 6px 10px;
}
.filter-menu .sdp-glyph-filter-plus,
.filter-menu .sdp-glyph-cog,
.filter-menu .filter1,
.filter-menu .cog {
  position: relative;
  top: -2px;
  cursor: var(--sdpcursor-pointer);
}
.listcontrols.list-primary {
  padding: 10px 0;
}
.listcontrols.list-primary .filter-menu {
  border: 0 none;
}
.listcontrols.list-primary .filter-menu .sdmenu-toggle {
  background: none;
  padding: 2px 7px;
  color: #515151;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  padding-right: 10px !important;
  line-height: 1;
}
.listcontrols.list-primary .filter-menu .sdmenu-toggle:active,
.listcontrols.list-primary .filter-menu .sdmenu-toggle:hover,
.listcontrols.list-primary .filter-menu .sdmenu-toggle:focus {
  background: none;
  border-color: transparent;
}
.listcontrols.list-primary .filter-menu span.dd {
  vertical-align: middle;
  right: -10px;
  position: relative;
}
.listcontrols.list-primary .filter-menu:hover,
.listcontrols.list-primary .filter-menu.open {
  border: 0 none;
}
.sdtab-content .listview {
  padding: 0 15px;
  margin-bottom: 25px;
}
.sdpsearch-group input {
  padding: 0 25px;
}
.sdmenu-dd.global-search-menu li > a {
  border-bottom: 1px solid #F1F1F1;
  padding-top: 5px;
  padding-bottom: 5px;
}
.dd-globalsearch .input-group {
  width: 250px;
}
.dd-globalsearch .sdmenu-toggle {
  background-color: transparent;
  border: 0 none;
  min-width: 40px;
  position: absolute;
  left: 1px !important;
  margin: 1px 0;
  z-index: 4;
  box-shadow: none;
}
.dd-globalsearch .btn-group.open .sdmenu-toggle {
  box-shadow: none;
}
.dd-globalsearch .form-control {
  padding-left: 40px !important;
  height: 26px;
}
.dd-globalsearch .input-group-btn .btn {
  line-height: 1.45;
  background-color: #F9F9F9;
}
.dd-globalsearch .sdp-glyph-search,
.dd-globalsearch .caret {
  color: #868686;
}
.dd-globalsearch .caret {
  margin-left: -2px !important;
}
.listcount {
  opacity: 0.65;
}
.listcount b {
  background-color: #FFF;
  border: 1px solid #e4e4e4;
  /*#e4e4e4*/
  border-radius: 5px;
  display: inline-block;
  font-size: var(--font-size-medium);
  height: 12px;
  line-height: 0;
  margin: 0;
  padding: 0 5px;
  vertical-align: middle;
  width: auto;
}
/* Combined view */
.task-list-sb {
  left: 10px;
}
.task-list-sb .task-items {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  overflow: auto;
}
.task-list-sb:not(.fixed-bar) {
  position: absolute;
  z-index: 3;
  left: auto;
}
.task-list-wrap .show-sidebar-btn {
  position: absolute;
  z-index: -10;
  background-color: #7f7f7f;
  border: 0.5px solid #727272;
  padding: 7px 4px;
  transition: all 0.4s;
  transform: translateX(-100%);
  left: -520px;
  text-decoration: none;
}
.task-list-wrap .show-sidebar-btn:hover {
  background-color: #666666;
  border-color: #545454;
}
.task-list-wrap .show-sidebar-btn span.ml5.mr5 {
  color: #FFF;
}
.task-list-wrap .hide-sidebar-btn {
  position: absolute;
  top: -1px;
  padding: 13px 6px;
  border-left: 1px solid #e6e6e6;
  right: -1px !important;
}
.task-list-wrap.hide-sidebar {
  min-width: 14px;
  width: 20px;
  padding: 15px 0 0 0;
  transition: width 0.5s;
}
.task-list-wrap.hide-sidebar .task-list-sb {
  left: -520px !important;
}
.task-list-wrap.hide-sidebar .dummy-div {
  width: 0;
}
.task-list-wrap.hide-sidebar .show-sidebar-btn {
  left: 15px;
  z-index: 10;
}
.task-list-wrap.hide-sidebar .show-sidebar-btn:hover {
  background-color: #666666;
  border-color: #545454;
  transform: translateX(0);
  transition: all 0.4s;
  left: -10px;
}
.task-list-wrap.hide-sidebar .show-sidebar-btn.fixed-bar {
  position: fixed;
}
.task-list-wrap.whitebgborder,
.task-list-wrapwhitebgBorder {
  border: 0 none !important;
}
.task-list-wrap,
.task-list-sb,
.dummy-div {
  width: 330px;
}
.task-list-wrap,
.dummy-div {
  /*transition: width 0.5s;*/
}
.fixed-bar {
  position: fixed;
  z-index: 6;
  top: 0;
}
.maincview .cv-task-item .row {
  display: table;
}
.maincview .cv-task-item .col-xs-1 {
  display: table-cell;
  float: none;
  min-width: 30px;
  width: 30px;
  vertical-align: top;
}
.maincview .cv-task-item .col-xs-11 {
  width: 99%;
  display: table-cell;
  float: none;
}
.task-list-sb .cv-task-item {
  line-height: 1.7;
}
.cv-task-item {
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.cv-task-item:hover {
  background-color: #f7f7f7;
  /*#f7f7f7*/
}
.cv-task-item:hover .task-act-btns {
  opacity: 1;
  transition: opacity 0.3s;
}
.cv-task-item:hover a.sb {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.cv-task-item:hover .btn.btn-link .cspr {
  opacity: 0.9;
}
.cv-task-item > a {
  display: block;
  margin-right: 40px !important;
}
.cv-task-item > a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.cv-task-item .task-act-btns {
  top: 10px;
  right: 0px;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 1;
}
.cv-task-item label {
  font-weight: normal;
}
.lg-show-elm {
  display: none !important;
}
.cv-btn-xs {
  font-size: var(--fs-9);
  padding: 0 5px;
}
.cv-text-width {
  max-width: 125px;
  display: inline-block;
}
.task-loading {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url('/images/spinner-icon2.gif');
}
.cv-task-desc {
  width: 230px;
  display: block;
}
.cv-task-bg {
  background-color: #FFF;
  border-top: 1px solid #e6e6e6;
}
@media (min-width: 1650px) {
  .task-list-wrap,
  .task-list-sb,
  .dummy-div {
    width: 500px;
  }
  .col-lg-row-2 > div {
    width: 50%;
    margin: 0px !important;
    float: left !important;
  }
  .lg-show-elm {
    display: block !important;
  }
  .lg-hide-elm {
    display: none;
  }
  /*.cv-text-width{//Request ID : 71550
  	max-width: 100%;
  }*/
  .cv-task-desc {
    white-space: normal;
    overflow: visible;
  }
}
.DialogBox #TaskForm .ui-editform {
  padding-bottom: 30px;
}
.DialogBox #TaskForm .ui-formsubmit {
  position: absolute;
  left: 0 !important;
  bottom: 0;
  width: 100%;
  height: auto !important;
  box-sizing: border-box;
  z-index: 1;
}
/* Table Row Controls Hover Styles */
table tr button:hover .trash:not(.flat) {
  background-position: -181px -53px;
}
table tr button:hover .edit:not(.flat) {
  background-position: -79px -25px;
}
/* Service-sla */
.listview .table-blk {
  border-bottom: 1px solid #F1F1F1;
}
.listview .table-blk:hover {
  background: #F5F5F5;
}
.listview .table-blk:hover .setting-box {
  display: inline-block;
}
.listview .table-blk:last-child {
  border-bottom: none;
}
.sla-list .truncate-ellipsis2 {
  max-height: 37px;
}
.sla-list .truncate-ellipsis2:after {
  background: transparent;
}
.sla-list .tableComponent th {
  border-top: 1px solid #CCC;
}
.sla-list .tablelist {
  border-bottom: 0px;
}
/* Service-sla */
/*TableComponent style*/
tr.tc-row.selected-row > td,
div.tablelist .cv-task-item.selected-row {
  background-color: #f0f5f9 !important;
}
tr.tc-row.modify-row > td,
div.tablelist .cv-task-item.modify-row,
tr.tc-row.modify-row > td .whitebg,
div.tablelist .cv-task-item.modify-row .whitebg {
  background-color: #fbf4d8 !important;
}
.t-hidescroll::-webkit-scrollbar {
  z-index: 0;
}
.k_div > label,
.k_div > span.text-overflow {
  vertical-align: middle;
}
/*TableComponent styles - Ends*/
.tableComponent th,
.tableComponent th a:link,
.ColumnHead td,
.columnHead td,
.columnChooser a:link,
.columnChooser a:visited,
.sortedTableHeader .text-color6,
.tableComponent .text-color6 {
  font-weight: normal !important;
}
.tablelist .tableComponent {
  border-collapse: separate;
}
.tableComponent label.radio-inline input[type="radio"] {
  margin: 3px 3px 3px -20px;
}
.uni-heading {
  font-size: var(--fs-14);
}
.cl-title {
  line-height: 19px;
}
#ShowTaskDetails_DESCRIPTION {
  min-width: 300px;
}
/* .task-list-wrap class used in space module ( both list & detail view ) for table new UI */
.task-list-wrap .btn-default:not(.defaultbtn):not(.attachdrop),
.req-default .btn-default:not(.defaultbtn):not(.attachdrop),
.request-kanban .btn-default:not(.defaultbtn):not(.attachdrop),
#proj-listview .btn-default:not(.defaultbtn):not(.attachdrop),
.btn-cntrl-ui1 .btn-default:not(.defaultbtn):not(.attachdrop),
#Right-Section .listview .btn-default:not(.defaultbtn):not(.attachdrop) {
  color: #333333;
  background-color: #FFF;
  border-color: #e6e6e6;
  border-radius: 2px;
  border: 1px solid #e6e6e6;
  border-radius: 0px;
}
.task-list-wrap .btn-default:not(.defaultbtn):not(.attachdrop):hover,
.req-default .btn-default:not(.defaultbtn):not(.attachdrop):hover,
.request-kanban .btn-default:not(.defaultbtn):not(.attachdrop):hover,
#proj-listview .btn-default:not(.defaultbtn):not(.attachdrop):hover,
.btn-cntrl-ui1 .btn-default:not(.defaultbtn):not(.attachdrop):hover,
#Right-Section .listview .btn-default:not(.defaultbtn):not(.attachdrop):hover {
  background-color: #e6e6e6;
  border-color: #dadada;
}
.task-list-wrap .btn-group .btn,
.req-default .btn-group .btn,
.request-kanban .btn-group .btn,
#proj-listview .btn-group .btn,
.btn-cntrl-ui1 .btn-group .btn,
#Right-Section .listview .btn-group .btn {
  border-radius: 0px;
}
.task-list-wrap > :not(.managefolder) .flat,
.req-default > :not(.managefolder) .flat,
.request-kanban > :not(.managefolder) .flat,
#proj-listview > :not(.managefolder) .flat,
.btn-cntrl-ui1 > :not(.managefolder) .flat,
#Right-Section .listview > :not(.managefolder) .flat {
  opacity: 0.5 !important;
}
.task-list-wrap > :not(.managefolder) .flat:hover,
.req-default > :not(.managefolder) .flat:hover,
.request-kanban > :not(.managefolder) .flat:hover,
#proj-listview > :not(.managefolder) .flat:hover,
.btn-cntrl-ui1 > :not(.managefolder) .flat:hover,
#Right-Section .listview > :not(.managefolder) .flat:hover {
  opacity: 1 !important;
}
.task-list-wrap .tableComponent th,
.req-default .tableComponent th,
.request-kanban .tableComponent th,
#proj-listview .tableComponent th,
.btn-cntrl-ui1 .tableComponent th,
#Right-Section .listview .tableComponent th {
  border-right: 1px solid #e6e6e6;
  padding: 0 5px;
  background-color: #F7F9FA;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
.task-list-wrap .tableComponent th:last-child,
.req-default .tableComponent th:last-child,
.request-kanban .tableComponent th:last-child,
#proj-listview .tableComponent th:last-child,
.btn-cntrl-ui1 .tableComponent th:last-child,
#Right-Section .listview .tableComponent th:last-child {
  border-right-color: transparent;
}
.task-list-wrap .tableComponent tbody tr td,
.req-default .tableComponent tbody tr td,
.request-kanban .tableComponent tbody tr td,
#proj-listview .tableComponent tbody tr td,
.btn-cntrl-ui1 .tableComponent tbody tr td,
#Right-Section .listview .tableComponent tbody tr td {
  height: 45px;
  padding: 0px 5px;
}
#ProblemsList_TABLE tbody tr th td,
#ProjectListView_TABLE tbody tr th td {
  height: 25px !important;
}
#statusfixtable tbody tr td {
  height: 25px !important;
}
.rspr.rotate-right1,
.rspr.search1,
.rspr.search-plus1,
.rspr.color-setting,
.lsprite.li-clmchooser1,
.lsprite.notes-icon {
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  vertical-align: top !important;
}
#request-header-info .req-type-icon {
  border: 1px solid #DDD;
  border-radius: 50%;
  padding: 7px;
}
#request-header-info .req-type-icon .r-inci-h {
  background-position: -3px -67px;
}
/*Change listview advance filter*/
#ad_search_changes .viewFiltLeft {
  padding: 0px !important;
}
#ad_search_changes .viewFiltLeft > .btn {
  padding: 1px 5px;
}
#ad_search_changes ol.filterwrapper {
  min-width: 100%;
}
.d_w .tc-noattach,
.d_w .icons-cell > .icon-sm,
.icons-cell > .icon-sm {
  display: none;
}
.d_w .text-combobox,
#Right-Section .listview .tableComponent .d_w > table td,
.tableHeader > a,
.sortedTableHeader > a {
  padding-left: 0;
}
.d_w .tc-schd-i {
  margin-right: 10px;
}
.d_w.wspace-normal-imp,
.d_w.wspace-normal-imp .text-overflow {
  white-space: normal!important;
}
.listview .tc-kanban .cv-task-item:last-child {
  border-bottom: none;
}
.tablelist th:last-child .rc_d_h {
  right: 0 !important;
}
.tableComponent th[data-id$="_head_chk"] > div {
  text-align: center !important;
}
.tableComponent th[data-id$="_head_chk"] > div {
  text-align: center !important;
}
.tableComponent th[data-id$="_head_chk"] > div input {
  margin-left: 0px !important;
}
/* Table Arrow Preview Icon */
.preview-arrow {
  transition: all 0.3s ease-in-out;
  cursor: var(--sdpcursor-pointer);
  margin-right: 5px !important;
  background-position: -230px -513px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
  opacity: 0.7;
}
.preview-arrow:hover {
  opacity: 1;
}
.tableComponent th[data-id$="_head_chk"] > div {
  text-align: center !important;
}
.tableComponent th[data-id$="_head_chk"] > div input {
  margin-left: 0px !important;
}
/* Table Arrow Preview Icon */
.preview-arrow {
  transition: all 0.3s ease-in-out;
  cursor: var(--sdpcursor-pointer);
  margin-right: 5px !important;
  background-position: -230px -513px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
  opacity: 0.7;
}
.preview-arrow:hover {
  opacity: 1;
}
.tableComponent th[data-id$="_head_chk"] > div {
  text-align: center !important;
}
.tableComponent th[data-id$="_head_chk"] > div input {
  margin-left: 0px !important;
}
.listview-settings {
  width: 450px;
  max-width: 450px;
}
.compactview tbody tr td {
  height: 33px !important;
}
.compactview .tc-schd-i,
.compactview .tc-edit,
.compactview .tc-fcr,
.compactview .tc-flag-i,
.compactview .tc-flag-w,
.compactview .tc-notes,
.compactview .tc-nonotes,
.compactview .tc-fr-due,
.compactview .tc-task,
.compactview .tc-task-p-t,
.compactview .tc-task-p,
.compactview .tc-task-c,
.compactview .tc-inc,
.compactview .tc-out-conv,
.compactview .tc-out-noconv,
.compactview .reqdependency,
.compactview .dependency-pending,
.compactview .dependency-completed,
.compactview .cspr,
.compactview .rspr,
.compactview .lsprite,
.compactview .req-sprite,
.compactview .list-sprite,
.compactview .priority-badge,
.compactview .vip-name-xs,
.compactview img {
  transform: scale(0.85);
}
.worequestlistview .compactview .tc-row > .row {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}
.worequestlistview .compactview .tc-row > .row .col-xs-11 > .k_div {
  margin-top: 5px !important;
}
.worequestlistview .compactview .tc-req-edit {
  top: 7px;
}
/* Table Arrow Preview Icon */
.preview-arrow {
  transition: all 0.3s ease-in-out;
  cursor: var(--sdpcursor-pointer);
  margin-right: 5px !important;
  background-position: -230px -513px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
  opacity: 0.7;
}
.preview-arrow:hover {
  opacity: 1;
}
.task-dependency-ic {
  background: url('/images/trigger-arrow-nrml.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 10px;
  margin: 0 3px;
  width: 11px;
}
/* Task Lisiview UI */
.task-menu-wrap .r-span {
  display: none;
}
.task-menu-wrap .task-action {
  display: inline-block;
}
.task-menu-wrap .task-action-wrap {
  display: inline-block;
}
.task-menu-wrap span.text-overflow.fl {
  max-width: 400px !important;
}
.task-action-wrap {
  display: none;
}
.task-bulk-s {
  display: none;
}
.task-bulk .task-bulk-h {
  display: none !important;
}
.task-bulk .task-bulk-s {
  display: inline-block;
}
.task-table-list {
  min-height: 200px;
}
#ui-framework-design1 .task-col-chooser .form-control,
#ui-framework-design1 .o-wrt-framework-ip .form-control {
  width: 100%;
  height: 28px;
  padding: 5px;
}
#ui-framework-design1 .task-col-chooser .form-control[disabled],
#ui-framework-design1 .o-wrt-framework-ip .form-control[disabled] {
  background-color: #EEE;
}
#ui-framework-design1 .o-wrt-framework-fc .form-control {
  width: 100%;
  height: auto;
  border-right: 1px solid #FFF;
}
.svg-theme-hover:hover svg.default-fill {
  fill: #008ddd !important;
  fill: var(--primary_button_color, #008ddd) !important;
}
.task-dependency-ic {
  background: url('/images/trigger-arrow-nrml.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 10px;
  margin: 0 3px;
  width: 11px;
}
.tbl-row-fixed .tablelist > .tc-kanban {
  width: inherit;
}
.tbl-row-fixed .tablelist > .tc-kanban > .tc-row {
  width: inherit;
}
.tbl-row-fixed .tablelist > .tc-kanban > .tc-row .row {
  width: inherit;
  table-layout: fixed;
}
.listview-settings {
  width: 450px;
  max-width: 450px;
}
.kanban-reset > .tc-kanban {
  padding-bottom: 0px !important;
  border: 0 none !important;
}
.kanban-reset .cv-task-item > .row {
  padding: 0px !important;
}
.kanban-reset .k_div {
  margin: 0px !important;
}
.kanban-reset .k_div > .disp-ib {
  max-width: 100% !important;
}
.kanban-accrd #request_business_rule_groups_kanban_div .subsectionlist .tc-row .row {
  padding-left: 0px !important;
}
.kanban-accrd .subsectionlist .listview {
  border: 0 none !important;
}
.kanban-accrd .subsectionlist .listview .tc-kanban .cv-task-item:last-child {
  border-bottom: 1px solid #EEE !important;
}
.kanban-accrd > .tc-kanban .cv-task-item:last-child {
  border-bottom: 0 !important;
}
.kanban-accrd .expand-row {
  background: #F5F5F5;
}
.innerboxsz {
  box-sizing: border-box;
}
.innerboxsz * {
  box-sizing: border-box;
}
@-moz-document url-prefix() {
  /* Firefox-specific styles */
  select.ff-select {
    padding-left: 7px !important;
    padding-top: 3px !important;
  }
}
/* Problem module listview issue fix start */
.prblm-cview .compactview .tc-req-edit {
  top: 7px !important;
}
.prblm-cview .compactview input[name="checkbox"] {
  top: 10px !important;
}
/* Problem module listview issue fix end */
/* ----------------------------------------------- */
/* ui-detail-view.less */
/* ----------------------------------------------- */
.detailview,
.content-panel,
.content-panel-inner,
.left-panel,
.right-panel,
.left-panel-inner,
.right-panel-inner,
.cs-wrapper-outer,
.cs-wrapper {
  height: 100%;
}
.detailview {
  /* headerbar begins */
  /* .headerbar ends */
  /* .content-panel begins */
  /* .content-panel ends */
  /* .left-panel begins */
  /* .left-panel ends */
  /* .right-panel begins */
  /* .right-panel ends */
  /* .content-section begins */
  /* .content-section ends */
}
.detailview .right-panel {
  -webkit-transition: width 0.6s;
  -o-transition: width 0.6s;
  transition: width 0.6s;
}
.detailview .controls .right,
.detailview .right-panel,
.detailview .right-panel-inner {
  width: 360px;
}
.detailview .right-panel {
  border-left: 1px solid #e6e6e6;
}
.detailview .controls {
  display: table;
  width: 100%;
  /* .sdmenu-dd begins */
  /* .sdmenu-dd ends */
}
.detailview .controls.left-controls {
  border-bottom: none;
}
.detailview .controls.sticky-fixed {
  z-index: 3;
}
.detailview .controls a.btn {
  color: #515151;
}
.detailview .controls .btn-xs:not(.inputclear-icon) {
  line-height: 2;
  padding: 1px 8px 0;
  font-size: inherit;
}
.detailview .controls .btn span[class$="-icon"],
.detailview .controls .btn span[class$="-icon1"],
.detailview .controls .btn span[class$="-icon2"] {
  position: relative;
  top: 3px;
}
.detailview .controls .btn-default,
.detailview .controls a.btn-default {
  color: #333333;
  background-color: #FFF;
  border-color: #e6e6e6;
}
.detailview .controls .btn-default:focus,
.detailview .controls a.btn-default:focus,
.detailview .controls .btn-default:active,
.detailview .controls a.btn-default:active,
.detailview .controls .btn-default:hover,
.detailview .controls a.btn-default:hover,
.detailview .controls .btn-default.active,
.detailview .controls a.btn-default.active {
  background-color: #e6e6e6;
  border-color: #dadada;
}
.detailview .controls .left,
.detailview .controls .right {
  padding: 10px 15px 0;
  display: table-cell;
  vertical-align: top;
}
.detailview .controls .status-badge {
  position: relative;
  top: 4px;
}
.detailview .controls .sep {
  background: #DDD;
  border-left: 0px solid none;
  color: #868686;
  cursor: var(--sdpcursor-default);
  height: 22px;
  padding: 0;
}
.detailview .controls .watermark {
  font-size: 1rem;
  /*16px*/
  position: relative;
  top: -7px;
  opacity: 0.15;
}
.detailview .controls .sdmenu-dd .rf {
  white-space: nowrap;
  padding: 3px 12px 0 5px;
  color: #515151;
  font-family: inherit;
}
.detailview .controls .sdmenu-dd.asn {
  padding: 4px;
}
.detailview .controls .sdmenu-dd.asn > li {
  width: 260px;
}
.detailview .controls .sdmenu-dd.asn .cnt {
  padding: 12px 20px;
}
.detailview .controls .sdmenu-dd.req-actions-menu {
  width: 420px;
}
.detailview .controls .sdmenu-dd.req-actions-menu.req-actions-associate {
  width: 630px;
}
.detailview .controls .sdmenu-dd.req-actions-menu.req-actions-associate > li {
  width: 33%;
}
.detailview .controls .sdmenu-dd.req-actions-menu .sublist {
  font-size: inherit;
  padding: 0 5px;
  list-style: none;
}
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > li > a,
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > li > .a-tag-sdmenu {
  display: block;
  padding: 5px 12px;
  line-height: 20px;
}
.detailview .controls .sdmenu-dd.req-actions-menu > li {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  border-right: 1px solid #e6e6e6;
}
.detailview .controls .sdmenu-dd.req-actions-menu li:last-child {
  border-right: medium none #fff;
}
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > li > a,
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > li > .a-tag-sdmenu {
  color: #515151;
}
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > li > a:hover,
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > li > .a-tag-sdmenu:hover,
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > li > a:focus,
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > li > .a-tag-sdmenu:focus {
  background-color: var(--primary_button_light_color, #F1F1F1);
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
}
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > .active > a,
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > .active > .a-tag-sdmenu,
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > .active > a:hover,
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > .active > .a-tag-sdmenu:hover,
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > .active > a:focus,
.detailview .controls .sdmenu-dd.req-actions-menu .sublist > .active > .a-tag-sdmenu:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.detailview .controls .open > .sdmenu-dd.req-actions-menu {
  display: table;
}
.detailview .task-drag {
  display: inline-block;
  width: 30px;
  max-width: 60px;
}
.detailview .task-drag .index {
  float: left !important;
}
.detailview .task-drag .sdp-glyph-drag {
  cursor: var(--sdpcursor-grab);
  position: relative;
  float: right !important;
  right: -6px !important;
  top: 2px;
}
.detailview .wlog-total {
  margin-left: 45px !important;
  margin-top: 25px;
}
.detailview .wlog-total label,
.detailview .wlog-total .field,
.detailview .wlog-total .sep {
  display: inline-block;
}
.detailview .wlog-total .field,
.detailview .wlog-total .sep {
  font-size: 2rem;
  /*21px*/
}
.detailview .wlog-total label {
  color: #868686;
  margin-right: 55px !important;
  padding: 4px 0px;
  text-transform: uppercase;
  font-size: 2rem;
  /*20px*/
}
.detailview .wlog-total .field {
  color: #000;
  margin-top: 2px;
}
.detailview .wlog-total .sm {
  font-size: 1rem;
  /*14px*/
}
.detailview .headerbar {
  margin-bottom: 10px;
}
.detailview .headerbar .title-holder {
  border-left: 4px solid transparent;
  display: table;
}
.detailview .headerbar .title-holder > div {
  display: table-cell;
  vertical-align: top;
}
.detailview .headerbar .title-cnt {
  padding: 8px 6px;
  width: 80%;
}
.detailview .headerbar .title-width-md {
  width: 30%;
}
.detailview .headerbar .code {
  font-size: var(--font-size-large);
}
.detailview .headerbar .code:after {
  content: " - ";
}
.detailview .headerbar .title span.text {
  color: #000;
  font-size: var(--font-size-large);
  margin-bottom: 5px;
  display: block;
}
.detailview .headerbar .text-muted {
  font-size: var(--font-size-base);
}
.detailview .headerbar .li-nav {
  color: #515151;
  width: 55px;
}
.detailview .headerbar h3 {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.detailview .headerbar .flag-warning-icon {
  position: relative;
  top: 0;
  vertical-align: sub;
}
.detailview .headerbar.large .title span.text {
  font-size: 2rem;
}
.detailview .headerbar .status-box {
  white-space: nowrap;
  width: 5%;
}
.detailview .headerbar .status-box > .inner {
  border: 1px solid #EEE;
  padding: 7px;
}
.detailview .headerbar .timestamp-box {
  white-space: nowrap;
  width: 10%;
}
.detailview .headerbar .timestamp-box > .inner {
  background: #F9F9F9;
  border: 1px solid #EEE;
  border-radius: 10px;
  padding: 7px;
}
.detailview .headerbar .timestamp-box > .inner > div {
  display: inline-block;
}
.detailview .headerbar .timestamp-box .badge.badge-white {
  font-weight: 400;
  padding: 5px 10px;
}
.detailview .content-panel .content-panel-inner {
  background-color: #FFF;
  width: 100%;
  display: table;
  border: 1px solid #e6e6e6;
  border-top: 0;
}
.detailview .content-panel .left-panel,
.detailview .content-panel .right-panel {
  display: table-cell;
  vertical-align: top;
}
.detailview .left-panel {
  width: 100%;
}
.detailview .left-panel .cs-wrapper-outer {
  padding: 30px 20px;
}
.detailview .left-panel .panel-body,
.detailview .left-panel .listview .tablelist {
  overflow: auto;
}
.detailview .left-panel .header {
  padding-left: 10px !important;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: var(--font-size-medium);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.detailview .cs-wrapper-outer .cs-wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.detailview .right-panel {
  overflow: auto;
  /* form-section begins */
}
.detailview .right-panel.toggled {
  display: none;
}
.detailview .right-panel .form-horizontal.four-col .col-group {
  width: 100%;
}
.detailview .right-panel .form-horizontal.four-col .col-group:before,
.detailview .right-panel .form-horizontal.four-col .col-group:after {
  display: table;
  content: " ";
}
.detailview .right-panel .form-horizontal.four-col .col-group:after {
  clear: both;
}
.detailview .right-panel .form-horizontal.four-col .col-group:before,
.detailview .right-panel .form-horizontal.four-col .col-group:after {
  display: table;
  content: " ";
}
.detailview .right-panel .form-horizontal.four-col .col-group:after {
  clear: both;
}
.detailview .right-panel .form-section {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.detailview .right-panel .form-section a.text-hover-link {
  color: #515151;
}
.detailview .right-panel .form-section:hover a.bullet-arrow,
.detailview .right-panel .form-section:hover a.text-hover-link,
.detailview .right-panel .form-section:hover .user-profile a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.detailview .right-panel .form-section:hover a.bullet-arrow:before,
.detailview .right-panel .form-section:hover a.text-hover-link:before,
.detailview .right-panel .form-section:hover .user-profile a:before {
  color: #515151;
}
.detailview .right-panel .form-section:hover .assetlinkdropdown a.bullet-arrow {
  color: #515151;
}
.detailview .right-panel .form-section:hover .assetlinkdropdown a.bullet-arrow:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.detailview .right-panel .form-section + .form-section.close-info {
  padding: 0;
}
.detailview .right-panel .form-section + .form-section.close-info .form-group {
  margin-bottom: 0;
}
.detailview .right-panel .form-section + .form-section.close-info h5 {
  margin: 0;
  padding: 4px 10px 5px 10px !important;
}
.detailview .right-panel .form-section + .form-section.close-info p {
  padding: 10px;
  margin: 0;
}
.detailview .right-panel .form-section + .form-section.close-info p:first-of-type {
  border-bottom: 1px #DDD solid;
}
.detailview .right-panel .form-section + .form-section.close-info label {
  display: block;
}
.detailview .right-panel .form-section + .form-section {
  border-top: 1px #EEE solid;
  padding-top: 10px;
}
.detailview .right-panel .form-horizontal .form-group {
  display: table;
  margin-bottom: 5px;
  width: 100%;
}
.detailview .right-panel .form-horizontal .form-group .btn-capsule {
  position: relative;
  top: -2px;
}
.detailview .right-panel .form-horizontal .form-group .right-col.tr {
  visibility: hidden;
}
.detailview .right-panel .form-horizontal .form-group:hover .right-col.tr {
  visibility: visible;
}
.detailview .right-panel .form-horizontal .left-col,
.detailview .right-panel .form-horizontal .right-col {
  display: table-cell;
}
.detailview .right-panel .form-horizontal .left-col {
  width: 35%;
  font-weight: normal;
}
.detailview .right-panel .form-horizontal .control-label {
  text-align: left !important;
}
.detailview .right-panel .form-horizontal .right-col {
  width: 65%;
  font-weight: bold;
}
.detailview .right-panel .form-horizontal .right-col > span {
  float: left !important;
  font-weight: bold;
  max-width: 140px;
}
.detailview .right-panel .form-horizontal .right-col > span > a:not([data-switch='sdmenu']) {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.detailview .right-panel .form-horizontal .right-col > span > a:not([data-switch='sdmenu']):hover {
  text-decoration: none;
}
.detailview .right-panel .form-horizontal .right-col .btn-group {
  vertical-align: top;
}
.detailview .right-panel .form-horizontal .right-col .btn-group > a {
  font-weight: bold;
}
.detailview .right-panel .form-horizontal .right-col .text-muted:not(.form-control-static),
.detailview .right-panel .form-horizontal .right-col .warning {
  font-weight: normal;
  font-size: var(--font-size-small);
  margin-left: 10px !important;
}
.detailview .right-panel .form-horizontal .row .left-col {
  width: 90%;
  /*sd-75348*/
}
.detailview .right-panel .form-horizontal .row .right-col {
  width: 44%;
}
.detailview .right-panel .form-horizontal .row .right-col > div:before {
  content: "";
  margin-right: 0 !important;
}
.detailview .right-panel .form-horizontal .association-section .right-col {
  width: 40%;
  vertical-align: top;
}
.detailview .right-panel .form-horizontal .association-section .left-col {
  width: 60%;
}
.detailview .right-panel .form-horizontal .association-section .as-init .form-control-static {
  padding-top: 1px;
}
.detailview .right-panel .btn-capsule .btn-default {
  background-color: #F1F1F1;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.detailview .right-panel .btn-capsule .btn-tick {
  border-left: 1px solid #DDD;
}
.detailview .right-panel .btn-capsule .btn:first-child {
  margin-left: 0;
}
.detailview .right-panel .btn-capsule .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.detailview .right-panel .btn-capsule .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.detailview .right-panel .first-response-icon {
  position: absolute;
}
.detailview .content-section {
  position: relative;
}
.detailview .content-section div.content-tabs {
  box-sizing: border-box;
  height: 35px;
  padding: 7px 17px;
}
.detailview .content-section div.content-tabs ul:not(.sdmenu-dd) {
  padding-left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.detailview .content-section div.content-tabs li {
  float: left !important;
  padding: 0 15px;
  list-style: none;
  position: relative;
}
.detailview .content-section div.content-tabs li .badge {
  color: #515151;
  font-weight: 400;
  background-color: transparent;
  padding-right: 0px !important;
}
.detailview .content-section div.content-tabs li .badge:before {
  content: "(";
}
.detailview .content-section div.content-tabs li .badge:after {
  content: ")";
}
.detailview .content-section div.content-tabs li.active a {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
}
.detailview .content-section div.content-tabs li.active a .badge {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
  padding-right: 0px !important;
}
.detailview .content-section ul.ctrl {
  float: right !important;
  margin-top: -2px !important;
}
.detailview .content-section ul.ctrl li {
  padding: 0 5px;
}
.detailview .resources:before,
.detailview .resources:after {
  display: table;
  content: " ";
}
.detailview .resources:after {
  clear: both;
}
.detailview .resources:before,
.detailview .resources:after {
  display: table;
  content: " ";
}
.detailview .resources:after {
  clear: both;
}
.detailview .resources .col-group:last-child > div {
  margin-left: 10px !important;
}
.detailview .resources + .resources {
  margin-top: 20px;
}
.detailview .resources .hide {
  display: none !important;
}
.detailview .sb-toggle {
  position: absolute;
  right: 0 !important;
  width: 15px;
  height: 100%;
  opacity: 0.7;
}
.detailview .sb-toggle:hover {
  cursor: var(--sdpcursor-pointer);
}
.detailview .sb-toggle-btn {
  background: #efefef;
  /* Old browsers */
  /*lighten(@bglight2, 7%)#efefef*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #fafafa));
  /* Chrome,Safari4+ */
  background: linear-gradient(to bottom, #efefef 0%, #fafafa 100%);
  /* W3C */
  border-color: #cbcbcb;
  border-width: 1px 0 1px 1px;
  border-style: solid none solid solid;
  border-radius: 2px;
  border-right: 0 solid #fff;
  display: inline-block;
  padding: 2px 5px;
  position: sticky;
  top: 250px;
}
.detailview .sb-toggle-btn .caret {
  margin-top: -2px;
  margin-left: 0px !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .detailview {
    /*IE code*/
  }
  .detailview .sb-toggle-btn {
    position: absolute;
  }
}
.detailview .spotmultiasset ul.select2-choices {
  /*Multiasset spot edit*/
  max-height: 120px;
  overflow: auto;
}
.detailview .spotmultiasset ul.select2-choices li {
  word-break: break-all;
}
.detailview .status-badge.approved {
  border: 2px solid #40AA36;
  color: #40AA36;
}
.detailview .status-badge.rejected {
  border: 2px solid #FE001B;
  color: #FE001B;
}
.detailview .status-badge.unapproved1 {
  border: 2px solid #0087C4;
  color: #0087C4;
}
.priority-badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: var(--font-size-small);
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777777;
  border-radius: 10px;
  padding: 2px 6px;
  border-radius: 0;
  line-height: 70%;
  width: 0;
}
.priority-badge:empty {
  display: none;
}
.btn .priority-badge {
  position: relative;
  top: -1px;
}
.btn-xs .priority-badge,
.btn-group-xs > .btn .priority-badge {
  top: 0;
  padding: 1px 5px;
}
a.priority-badge:hover,
a.priority-badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: var(--sdpcursor-pointer);
}
.list-group-item.active > .priority-badge,
.nav-pills > .active > a > .priority-badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .priority-badge {
  float: right;
}
.list-group-item > .priority-badge + .priority-badge {
  margin-right: 5px;
}
.nav-pills > li > a > .priority-badge {
  margin-left: 3px;
}
.priority-badge.badge-default {
  background-color: #eee;
  border: 1px solid #cfcfcf;
  color: #333;
}
.priority-badge.badge-primary {
  background-color: #7f7f7f;
  border: 1px solid #2b6dab;
  color: #fff;
}
.priority-badge.badge-secondary {
  background-color: #7f7f7f;
  border: 1px solid #727272;
  color: #FFF;
}
.priority-badge.badge-success {
  background-color: #5cb85c;
  border: 1px solid #4cae4c;
  color: #fff;
}
.priority-badge.badge-info {
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  color: #fff;
}
.priority-badge.badge-warning {
  background-color: #f0ad4e;
  border: 1px solid #eea236;
  color: #fff;
}
.priority-badge.badge-danger {
  background-color: #D54141;
  border: 1px solid #cf2e2e;
  color: #fff;
}
.priority-badge.badge-white {
  background-color: #FFF;
  border: 1px solid #e8e8e8;
  color: #333;
}
.priority-badge.badge-count {
  background-color: #dc0d17;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  font-weight: bold;
  font-size: var(--font-size-xsmall);
  font-weight: 400;
  padding: 1px 2px;
  position: absolute;
  top: -1px;
}
.user-profile .profile-pic {
  border: 2px solid #CCC;
  border-radius: 50px;
  display: inline-block;
  width: 80px;
  height: 79px;
  overflow: hidden;
}
.user-profile .profile-pic > img {
  width: 100%;
  height: 100%;
}
.user-profile .sdtabs-ui2.temp > .nav-sdtabs {
  border-color: transparent;
}
.user-profile .sdtabs-ui2.temp > .nav-sdtabs > li > a,
.user-profile .sdtabs-ui2.temp > .nav-sdtabs > li > .a-tab-ui {
  color: #515151;
}
.user-profile .sdtabs-ui2.temp > .nav-sdtabs > li > a:hover,
.user-profile .sdtabs-ui2.temp > .nav-sdtabs > li > .a-tab-ui:hover,
.user-profile .sdtabs-ui2.temp > .nav-sdtabs > li > a:focus,
.user-profile .sdtabs-ui2.temp > .nav-sdtabs > li > .a-tab-ui:focus {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  background: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.spot-field .asset-row {
  display: block;
}
.worklog-timer {
  position: absolute !important;
  cursor: var(--sdpcursor-default);
  width: 340px;
  border-radius: 6px;
  border: 1px solid #DDD;
  background-color: #FFF;
  box-shadow: 0 1px 6px #b7b7b7;
  /*lighten(@border-color3, 4%)#B7B7B7*/
  z-index: 100;
  text-align: left !important;
}
.worklog-timer * {
  line-height: 1.3;
}
.worklog-timer .wlt-head {
  border-bottom: 1px solid #d5d5d5;
  /*darken(@start-color, @darken-percentage)#D5D5D5*/
}
.worklog-timer .wlt-head span {
  cursor: var(--sdpcursor-pointer);
  top: -3px !important;
  position: relative !important;
}
.worklog-timer .wlt-close {
  background: url('/images/sdp-icons-pack1.png') no-repeat -136px -525px;
}
.worklog-timer .wlt-cmnt-div {
  padding: 10px 0 5px 0;
}
.worklog-timer .wlt-comment textarea {
  width: 100%;
  resize: vertical;
  height: 60px;
  font-weight: normal;
  outline: 0;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  /*darken(@border-color2, 1.5%)#EAEAEA*/
  box-sizing: border-box;
  padding: 5px;
}
.worklog-timer .wlt-footer,
.worklog-timer .wlt-start-action {
  border-right: 1px solid #DDD;
}
.worklog-timer .wlt-footer .wlt-start-action,
.worklog-timer .wlt-start-action .wlt-start-action,
.worklog-timer .wlt-footer .add-to-wl,
.worklog-timer .wlt-start-action .add-to-wl {
  width: 50%;
  position: relative !important;
  background-color: #F5F5F5;
  float: left !important;
  padding: 10px 6px;
  border-top: 1px solid #DDD;
  text-align: center !important;
}
.worklog-timer a.timer-action-btn > span > img {
  margin: 0 8px -5px 0;
  vertical-align: text-top;
}
.worklog-timer .timerSpan {
  color: #000;
}
div.wlt-div.worklog-timer a.add-to-wl,
div.wlt-div.worklog-timer a.add-to-wl:hover,
tr.rowHiliten div.wlt-div a.add-to-wl {
  position: relative;
  width: 168px;
  color: #868686 !important;
  font-weight: normal;
  text-align: center;
  border-top: 1px solid #DDD;
  background-color: #F5F5F5;
  padding: 11px 6px 11px 6px;
  cursor: var(--sdpcursor-default);
}
.tableComponent tr.hover td a.add-to-wl:not(.active) {
  color: #868686 !important;
}
div.wlt-div.worklog-timer a.add-to-wl.active,
div.wlt-div.worklog-timer a.add-to-wl.active:hover,
tr.hover div.wlt-div a.add-to-wl.active {
  color: #FFF !important;
  font-weight: normal;
  border-top: none;
  border-bottom: 1px solid #818F9A;
  background-color: #818F9A;
  padding: 11px 6px;
  cursor: var(--sdpcursor-pointer);
}
.worklog-timer a.add-to-wl.active:before {
  display: none;
}
.wlt-msg {
  position: absolute;
  width: 315px;
  text-align: center;
  background: #F5F5F5;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  z-index: 12;
  border-top: 1px solid #DDD;
  padding: 12px 0;
}
.helptool-content .wlt-div > .wlt-icon:hover,
.helptool-content .wlt-div:hover > .wlt-icon {
  opacity: 0.3;
}
.helptool-content .wlt-icon {
  margin: 0;
  cursor: var(--sdpcursor-default);
}
.wlt-head,
.wlt-comment,
.wlt-comment li {
  box-sizing: border-box;
  padding: 0 10px;
}
.wlt-cmnt-div {
  padding: 10px 0 5px 0;
}
.wlt-comment {
  width: 100%;
  margin-bottom: 1px;
}
.wlt-comment textarea {
  width: 100%;
  resize: vertical;
  height: 60px;
  font-weight: normal;
  outline: 0;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  /*darken(@border-color2, 1.5%)#EAEAEA*/
  box-sizing: border-box;
  padding: 5px;
}
.wlt-comment ul {
  max-height: 350px;
  overflow: auto;
  padding: 0;
  margin: 0;
  padding-top: 10px !important;
}
.wlt-comment li {
  background-color: #F9F9F9;
  list-style: none;
  border-radius: 4px;
  border: 1px solid #f4f4f4;
  /*darken(@bglight1, 4.5%)#F4F4F4*/
  margin-bottom: 10px;
  padding: 10px 10px 14px 14px;
}
.wlt-comment li h5 {
  background-color: inherit;
  width: 165px;
  color: #000;
  font-size: var(--font-size-small);
  margin: 2px 0 0;
  padding: 0px !important;
  white-space: normal;
  word-break: break-all;
}
.wlt-comment li span {
  width: 52px;
  color: #000;
  font-weight: bold;
  border-radius: 4px;
  text-align: center;
  border: 1px solid #e3e3e3;
  /*darken(@border-color2, 4.5%)#E3E3E3*/
  background-color: #ededed;
  /*darken(@border-color2, 0.5%)#EDEDED*/
  padding: 3px;
}
.wlt-comment li img {
  margin: -2px 6px 0 0;
  float: left;
}
.wlt-comment li div p {
  font-weight: normal;
  margin: 6px 0 8px 0;
  white-space: normal;
}
.wlt-comment li p {
  color: #535353;
  /*darken(@font-color-base5, 20%)#666*/
}
.wlt-comment li > div {
  margin: 2px 0 5px 0;
}
.wlt-comment li > p {
  color: #000;
  word-wrap: break-word;
}
button[disabled] .chevron-left1,
.btn.disabled .chevron-left1,
.btn[disabled] .chevron-left1,
a.disabled .chevron-left1,
button[disabled] .chevron-right1,
.btn.disabled .chevron-right1,
.btn[disabled] .chevron-right1,
a.disabled .chevron-right1 {
  opacity: 0.6;
}
.spot-field .asset-row {
  display: block;
}
.header-chat-iconpos img.chat-online {
  background: url('/images/chat-online.png') no-repeat;
}
/*Sidebar*/
.req-sdbar [data-id=pinnable-contentfixed] {
  background-color: #F9F9F9;
}
.req-sdbar .cv-task-item {
  background-color: #F9F9F9;
  border-bottom: 1px solid #E9E9E9;
  border-left: 3px solid rgba(0, 0, 0, 0);
}
.req-sdbar .cv-task-item:hover,
.req-sdbar .cv-task-item.active {
  background-color: #FFF;
}
.req-sdbar .cv-task-item.active {
  border-left: 3px solid var(--link_tab_line_color, #008ddd);
}
.req-wrkfw .btn-group .btn {
  background-color: #edfaff;
}
.req-wrkfw .btn-group .btn.sdmenu-toggle {
  background: none;
  border: none;
}
@media only screen and (min-width: 1680px) {
  .backtotop {
    left: 1540px;
    right: inherit;
  }
  .req-sdbar .controls a.btn-link {
    display: inline-block;
  }
}
.reqcibtn .addedcisinfo {
  left: 220px !important;
}
.reqcibtn .muasset-adci {
  padding: 6px 12px;
}
/*min height for dropdown issue*/
.detailview .left-panel-inner {
  overflow: auto;
  min-height: 650px;
  height: auto;
}
/*multiselect for teting*/
.detailview .cus-sel2 .select2-container-multi .select2-choices {
  max-height: 360px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 1;
}
.detailview .cus-sel2 .select2-container-multi {
  height: 63px !important;
  border: none;
  z-index: 5;
}
.detailview .cus-sel2 .select2-container-multi .select2-choices {
  height: 60px !important;
  width: 100%;
  border: 1px solid #e6e6e6 !important;
  background-image: none;
  border-radius: 1px;
}
.detailview .cus-sel2 .select2-container-multi.select2-dropdown-open .select2-choices {
  border-color: #5897FB !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/*dependency listview*/
.dependency-details td .icons-cell.fl {
  float: none !important;
}
.taskformpopup {
  max-height: 500px;
  overflow: auto;
}
.taskformpopup .whitebgBorder.pr30 {
  padding-right: 0px !important;
}
.taskformpopup .widget-bg {
  margin-right: 0px !important;
}
.taskformpopup #ui-framework-design1 .ui-container-panel {
  padding: 6px 5px 14px 5px;
}
/* Begin: Tags */
.tag-section .tagedit-link {
  visibility: hidden;
}
.tag-section:hover .tagedit-link {
  visibility: visible;
}
.tags-popover,
.popover.tags-more {
  max-width: 308px;
  width: 100% !important;
}
.tags-sel.select2-container-multi .select2-choices {
  max-height: 360px;
  height: 63px !important;
  overflow: hidden;
  overflow-y: auto;
  z-index: 3;
  background-image: none;
}
.tags-dd .select2-results .select2-no-results {
  background-color: #408ccb;
  color: #FFF;
  /* #FFF */
}
.tags-list > span {
  padding: 0px 8px 0px 0px;
}
.tags-list > span > a {
  overflow: hidden;
  box-shadow: 0px 0px 0px 1px #DDD;
  padding: 4px 11px 4px 9px;
  background-color: #FFF;
  border-radius: 15px;
  font-size: var(--font-size-small);
  max-width: 156px;
  color: #515151;
}
.tags-list > span > a span.text-overflow {
  width: 100%;
}
.tags-list > span > a .tags-icon {
  padding: 10px 5px;
  background-color: transparent;
  font-size: var(--fs-7);
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
  right: 0px !important;
  opacity: 0.4;
  visibility: hidden;
}
.tags-list > span > a:hover {
  background-color: #F5F5F5;
  box-shadow: 0px 0px 0px 1px #DDD;
}
.tags-list > span > a:hover span.text-overflow {
  width: 95%;
}
.tags-list > span > a:hover .tags-icon {
  background-color: #F5F5F5;
  opacity: 1;
  visibility: visible;
}
.tags-list > span > a:hover .tags-icon:hover {
  background-color: #CE3F41;
  color: #FFF;
}
.popover.tags-more .popover-inner .tags-list {
  max-height: 195px;
  overflow-y: auto;
}
.tags-sel.select2-container-multi .select2-choices .select2-search-field input {
  font-family: inherit;
}
.tags-sel.select2-dropdown-open .select2-choices .select2-search-field input {
  color: #000;
}
/* End: Tags */
.rhs-sections > div {
  border-top: 1px #EEE solid;
}
.rhs-sections > div:first-child {
  border: 0;
}
#conversation-holder table {
  table-layout: auto;
}
.content-panel.admin-panel {
  border: none;
}
.inplace-edit .spot-static:not(.spot-customedit) {
  position: relative !important;
}
.inplace-edit .spot-static:hover:not(.spot-customedit),
#ui-framework-design1 .editspot-h {
  background: none;
}
.inplace-edit .spot-static:hover:not(.spot-customedit)::after,
#ui-framework-design1 .editspot-h a::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 5px !important;
  right: 10px !important;
  background-position: -335px -475px;
  background-image: url('/images/ui-common-view.svg?15110');
}
.right-panel .inplace-edit .spot-static:hover:not(.spot-customedit)::after {
  right: 5px !important;
}
#ui-framework-design1 .editspot-h a::before {
  top: 10px !important;
  right: 10px !important;
}
.right-panel .inplace-edit .prb-rhs .spot-static:hover:not(.spot-customedit)::after {
  top: 0px !important;
}
table button:hover .edit:not(.flat),
table a:hover .edit:not(.flat),
table span:hover .edit:not(.flat),
table tr button:hover .edit:not(.flat) {
  background-position: -47px -785px;
}
#request-header-info .headerbar .title-cnt .title {
  float: left;
}
#request-header-info .headerbar .title-cnt .title .fl.disp-flex.flex-wrap {
  width: 100%;
}
/* ----------------------------------------------- */
/* ui-request-module.less */
/* ----------------------------------------------- */
a .conv-icon-tab {
  background-position: -247px -14px;
}
a .req-icon-tab {
  background-position: -485px -14px;
}
a .resl-icon-tab {
  background-position: -289px -14px;
}
a .task-icon-tab {
  background-position: -324px -14px;
}
a .approval-icon-tab {
  background-position: -364px -14px;
}
a .worklog-icon-tab {
  background-position: -408px -14px;
}
a .history-icon-tab {
  background-position: -448px -14px;
}
a:hover .conv-icon-tab,
a:active .conv-icon-tab,
a:focus .conv-icon-tab,
a.active .conv-icon-tab {
  background-position: -247px -60px;
}
a:hover .req-icon-tab,
a:active .req-icon-tab,
a:focus .req-icon-tab,
a.active .req-icon-tab {
  background-position: -485px -60px;
}
a:hover .resl-icon-tab,
a:active .resl-icon-tab,
a:focus .resl-icon-tab,
a.active .resl-icon-tab {
  background-position: -289px -60px;
}
a:hover .task-icon-tab,
a:active .task-icon-tab,
a:focus .task-icon-tab,
a.active .task-icon-tab {
  background-position: -324px -60px;
}
a:hover .approval-icon-tab,
a:active .approval-icon-tab,
a:focus .approval-icon-tab,
a.active .approval-icon-tab {
  background-position: -364px -60px;
}
a:hover .worklog-icon-tab,
a:active .worklog-icon-tab,
a:focus .worklog-icon-tab,
a.active .worklog-icon-tab {
  background-position: -408px -60px;
}
a:hover .history-icon-tab,
a:active .history-icon-tab,
a:focus .history-icon-tab,
a.active .history-icon-tab {
  background-position: -448px -60px;
}
/* Merge Request */
.mergelist .desc {
  margin-left: 35px !important;
  margin-right: 20px !important;
}
.treeview .group {
  margin: 0;
  padding: 0;
}
.treeview .group.tree .node {
  background: url('/images/node-center.png') left center no-repeat;
  margin-left: 25px !important;
  padding: 6px 0 6px 23px;
}
.treeview .group.tree .node:first-child {
  border: 1px solid #EEE;
  margin: 0;
  padding: 0;
  background: #F5F5F5;
}
.treeview .group.tree .node:first-child .item {
  border: none;
  margin: 0;
}
.treeview .group.tree .node:last-child {
  background: url('/images/node-last.png') left center no-repeat;
}
.treeview .node {
  background: none;
  margin: 0;
  padding: 6px 0;
}
.treeview .item {
  border: 1px solid #EEE;
  padding: 6px 10px;
}
.treeview .item .id {
  font-weight: bold;
  min-width: 35px;
}
.treeview .item .dt {
  color: #777777;
  margin-top: 5px;
}
.treeview .item .icon-sm {
  margin-right: 10px !important;
}
/* Detail View */
.detailview {
  /*.req-type-icon {
		display:inline-block;
		padding:2px 7px;
		background:#ebeae9;
		border:1px solid #e4e4e3;
		.borderright(0px,solid,none);
		.ml5;
		.mr20;
		padding:1px 4px;
		span {
			position:relative;
			top:2px;
		}
	}
	.req-type-icon:after {
		border-color:transparent transparent transparent #ebeae9;
		border-style:solid;
		border-width:14px 0 14px 12px;
		content:"";
		display:inline-block;
		height:0;
		width:0;
		.marginleft(4px);
		margin-top:-2px;
		position:absolute;
		vertical-align:top;
	}*/
}
.detailview .req-type-icon {
  position: relative;
  top: 4px;
  margin-right: 4px !important;
  margin-left: 15px !important;
  float: left !important;
}
.detailview .req-type-icon .incident-req-icon {
  background-image: url('/images/ui-request-module.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -191px -600px;
  width: 41px;
  height: 41px;
  background-position: -3px -8px;
  vertical-align: middle;
}
.detailview .req-type-icon .service-req-icon {
  background-image: url('/images/ui-request-module.png?15110');
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -155px -598px;
  width: 41px;
  height: 41px;
  background-position: -50px -8px;
  vertical-align: middle;
}
/* Status Backgrounds */
.btn-group > button.status-open,
.btn-group > .sdmenu-dd li a.status-open:hover,
.btn-group > button.status-closed,
.btn-group > .sdmenu-dd li a.status-closed:hover,
.btn-group > button.status-onhold,
.btn-group > .sdmenu-dd li a.status-onhold:hover,
.btn-group > button.status-resolved,
.btn-group > .sdmenu-dd li a.status-resolved:hover {
  color: #FFF;
}
/* Priority Backgrounds */
.btn-group > button.priority-low,
.btn-group > .sdmenu-dd li a.priority-low:hover,
.btn-group > button.priority-normal,
.btn-group > .sdmenu-dd li a.priority-normal:hover,
.btn-group > button.priority-medium,
.btn-group > .sdmenu-dd li a.priority-medium:hover,
.btn-group > button.priority-high,
.btn-group > .sdmenu-dd li a.priority-high:hover {
  color: #FFF;
}
.btn-group em.indicator {
  width: 14px;
  height: 7px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  left: 5px !important;
}
.btn-group a[data-class^='priority-'] em {
  margin-top: -1px;
}
.sb-tech-icon {
  background: url('/images/sidebar-tech-icon.png') right top no-repeat;
}
.sb-clock-icon {
  background: url('/images/sidebar-clock-icon.png') right top no-repeat;
}
.sb-attach-icon {
  background: url('/images/sidebar-attach-icon.png') right top no-repeat;
}
.filter-menu .quick-filters {
  border-top: 1px solid #E9E9E9;
  padding: 12px 0 0 0;
}
.filter-menu .quick-filters a,
.filter-menu .quick-filters .a-tag-sdmenu {
  color: #868686;
}
.filter-menu .quick-filters a:hover,
.filter-menu .quick-filters .a-tag-sdmenu:hover,
.filter-menu .quick-filters a:active,
.filter-menu .quick-filters .a-tag-sdmenu:active,
.filter-menu .quick-filters a.act,
.filter-menu .quick-filters .a-tag-sdmenu.act {
  color: #515151;
}
.filter-menu .quick-filters a,
.filter-menu .quick-filters a:hover,
.filter-menu .quick-filters .a-tag-sdmenu,
.filter-menu .quick-filters .a-tag-sdmenu:hover {
  text-decoration: none;
  height: 41px;
  display: inline-block;
  margin-right: 10px !important;
}
.filter-menu .quick-filters a:hover,
.filter-menu .quick-filters .a-tag-sdmenu:hover {
  color: #515151;
}
.filter-menu .quick-filters a em,
.filter-menu .quick-filters .a-tag-sdmenu em {
  margin-right: 4px !important;
  background-image: url('/images/ui-request-module.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  background-position: -155px -598px;
  width: 41px;
  height: 41px;
  vertical-align: middle;
}
.filter-menu .quick-filters .all em {
  background-position: -150px -21px;
}
.filter-menu .quick-filters .all:hover em {
  background-position: -150px -60px;
}
.filter-menu .quick-filters .all.act em {
  background-position: -188px -106px;
}
.filter-menu .quick-filters .inci em {
  background-position: 2px -21px;
}
.filter-menu .quick-filters .inci:hover em {
  background-position: 2px -197px;
}
.filter-menu .quick-filters .inci.act em {
  background-position: -2px -106px;
}
.filter-menu .quick-filters .serv em {
  background-position: -35px -21px;
}
.filter-menu .quick-filters .serv:hover em {
  background-position: -38px -197px;
}
.filter-menu .quick-filters .serv.act em {
  background-position: -49px -106px;
}
.filter-menu .quick-filters .arch em {
  background-position: -73px -21px;
}
.filter-menu .quick-filters .arch:hover em {
  background-position: -73px -60px;
}
.filter-menu .quick-filters .arch.act em {
  background-position: -91px -106px;
}
.filter-menu .quick-filters .trash em {
  background-position: -111px -21px;
}
.filter-menu .quick-filters .trash:hover em {
  background-position: -111px -60px;
}
.filter-menu .quick-filters .trash.act em {
  background-position: -136px -106px;
}
.filter-menu .quick-filters .unaprov em {
  background-position: 2px -235px;
  opacity: 0.7;
}
.filter-menu .quick-filters .unaprov:hover em {
  background-position: 2px -235px;
  opacity: 1;
}
.filter-menu .quick-filters .expire em {
  background-position: -236px -61px;
  opacity: 0.7;
}
.filter-menu .quick-filters .expire:hover em {
  opacity: 1;
}
.resourceportletRowEdit .wspace-normal span.select2-chosen {
  white-space: normal;
}
/*Table Color Setting*/
.clr-pick-row .color-pick-brush {
  visibility: hidden;
  top: 16%;
  left: 18%;
  width: 18px;
  height: 18px;
  opacity: 0;
  /* transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"; */
  transition: 0.2s all;
}
.clr-pick-row:hover .color-pick-brush {
  visibility: visible;
  opacity: 1;
  top: -10%;
  left: 38%;
}
.clr-pick-row > button.img-circle.table-bordered {
  max-width: 30px;
  max-height: 30px;
  min-width: 30px;
  min-height: 30px;
}
.colorset-dialog,
.colorset-dialog .ui-dialog-content {
  overflow: initial !important;
}
.colorset-dialog .ui-dialog-content {
  height: calc(100% - 105px) !important;
}
.colorset-dialog .ui-dialog-content .alert-warning {
  width: calc(100% - 20px);
  margin: 10px !important;
}
.colorset-dialog-tab.colorset-dialog .ui-dialog-content {
  height: calc(100% - 145px) !important;
}
.clr-pick-row div.col-sm-4 {
  position: static !important;
}
.colorset-popover {
  max-width: 340px;
  min-width: 240px;
}
.colorset-popover * {
  box-sizing: border-box;
}
.colorset-popover.popover-ui .popover-inner {
  padding: 0px;
}
.colorset-popover .pri-clrbars {
  width: 33px;
  height: 15px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
}
.clrbar-cont {
  min-height: 160px;
  max-height: 211px;
}
.clrbar-cont > .disp-t:not(:last-child) {
  margin-bottom: 20px !important;
}
.colorset-dialog {
  max-height: calc(85vh);
  height: 95% !important;
  top: 50% !important;
  transform: translateY(-50%);
}
.clrset-right .sdtab-content,
.colorset-dialog > table,
.cs-dialogcont,
.clrbar-cont {
  overflow: auto;
  overflow-x: hidden !important;
}
.colorset-dialog > table,
.cs-dialogcont {
  height: 100%;
}
.clrset-left {
  border-right: 1px solid #EEE;
}
.clrset-right,
.csleft-inner {
  overflow: hidden;
}
.csleft-inner {
  overflow-y: auto;
}
.csleft-inner .clr-pick-row .img-circle {
  width: 26px;
  height: 26px;
}
.clrset-right .sdtab-content,
.csleft-inner {
  height: calc(100% - 38px);
}
.clr-sett {
  border-top: 1px solid #a8a8a8;
  background-color: #fbfbfb;
  /*#fbfbfb*/
}
.colorpalet-popover {
  width: 200px;
}
.colorpalet-popover .popover-inner {
  padding: 0px !important;
}
.colorpalet-popover table td {
  width: 23px;
  height: 23px;
  cursor: var(--sdpcursor-pointer);
  border: 1px solid #aeaeae;
  border-radius: 2px;
}
.no-bord-back {
  border: none !important;
  background: transparent !important;
}
.feature-cnt .c-wrap {
  z-index: 9999;
}
.statusSel .select2-choices .select2-search-field .select2-input {
  width: 100% !important;
}
/*Request Layout Customization Begin*/
.laycusmdiv .sdtabs-ui1 .nav-sdtabs li a,
.laycusmdiv .sdtabs-ui1 .nav-sdtabs li .a-tab-ui {
  font-size: var(--font-size-small);
  padding: 6px 10px;
  white-space: nowrap;
}
.laycusmdiv .rpropsec {
  width: 25%;
  background-color: #F9F9F9;
  border-left: 1px solid #fcfcfc;
}
.laycusmdiv .cpmove {
  cursor: var(--sdpcursor-move);
}
.laycusmdiv .lc-desc {
  border: 2px solid #F1F1F1;
  background-color: #FFF;
  padding: 8px;
  width: 95%;
}
.laycusmdiv .lc-conv {
  width: 95%;
  border: 1px solid #EEE;
  border-right: none solid #fff;
  height: 75px;
  margin-bottom: 50px;
}
.laycusmdiv .lc-convhdr {
  background-color: #EEE;
  border: 2px solid #FFF;
  padding: 8px;
}
.laycusmdiv .lc-conv-cd-div {
  border: 1px solid #EEE;
  background-color: #FFF;
  padding: 10px;
  height: 83px;
}
.laycusmdiv .lc-conv-cd-div span {
  background-color: #F5F5F5;
  height: 7px;
  width: 100%;
  margin-top: 10px;
}
.laycusmdiv .lc-prop {
  border: 1px solid #EEE;
  background-color: #F1F1F1;
  padding: 8px;
  width: 95%;
}
.laycusmdiv .lc-prop-cdiv {
  border: 1px solid #EEE;
  width: 95%;
}
.laycusmdiv .rucnt {
  background-color: #F5F5F5;
  height: 7px;
  width: 100%;
  margin-top: 14px;
  display: block;
}
.laycusmdiv .left-col .rucnt {
  background-color: #EEE;
  height: 7px;
  width: 100%;
  margin-top: 5px;
  display: block;
}
.laycusmdiv .lc-prop-cdiv .left-col {
  background-color: #F9F9F9;
}
.laycusmdiv .propListDiv {
  max-height: 501px;
  min-height: 500px;
  overflow-y: scroll;
}
.laycusmdiv .propListDiv .propList {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.laycusmdiv .propListDiv .propList li {
  list-style: none;
  height: 35px;
  margin: 0px;
  cursor: var(--sdpcursor-move);
}
.laycusmdiv .propListDiv .propList li a {
  padding: 7px 5px 5px 8px;
  display: block;
  color: #000;
  cursor: var(--sdpcursor-move);
}
.laycusmdiv .propListDiv .propList li a label.left-col {
  width: 35%;
}
.laycusmdiv .propListDiv .propList li a div.right-col {
  width: 65%;
}
.laycusmdiv .propListDiv .propList li :hover {
  background-color: #F1F1F1;
}
.laycusmdiv .dragdroppro {
  width: 25%;
  float: left;
  position: absolute;
  background-color: #F9F9F9;
  z-index: 4;
  margin-left: -303px !important;
  box-shadow: -3px 0px 5px rgba(235, 235, 235, 0.84);
  border: 1px solid #fcfcfc;
  border-right: none solid #fff;
  background-clip: padding-box;
}
.laycusmdiv .dragdroppro .hdr {
  background-color: #F9F9F9;
  border-bottom: 1px solid #bdbdbd;
  line-height: 25px;
}
/*Request Layout Customization Ends*/
/*Cancel request*/
.status-popover {
  max-width: 240px;
  width: 100%;
}
.status-popover .popover-inner {
  overflow: auto;
  height: 292px;
}
.status-popover table td {
  width: 33px;
  height: 33px;
  cursor: var(--sdpcursor-pointer);
}
.cr-status.status-badge.danger:before {
  display: none;
}
.detailview .status-badge.cr-status {
  top: 50%;
  transform: translateY(-50%);
}
.cancel-req-tr > td {
  background-color: #fff5e8 !important;
}
.preview-panel .title-holder > .title-cnt {
  width: 60%;
}
/* Begin: classic and combined start from here */
.tabactive::after {
  content: "";
  display: table;
  border: 5px solid transparent;
  border-top-color: #7f7f7f;
  position: absolute;
  top: 19px;
  left: 2px;
}
.calendar1-w.tabactive::after {
  top: 20px;
}
.newview {
  position: absolute;
  bottom: 18px;
  background: #008ddd;
  color: #fff;
  background-color: var(--primary_button_color, #008ddd);
  color: var(--primary_button_text, #fff);
  line-height: 11px;
  padding: 1px;
}
.req-default > .req-ctrl,
.req-bulk > .req-ctrl-bulk {
  opacity: 1;
  transition: width 0.1s, opacity 0.6s, height 0.1s, margin-top 0.3s;
  height: auto!important;
  width: auto!important;
  margin-top: 0;
}
.req-bulk > .req-ctrl,
.req-default > .req-ctrl-bulk {
  opacity: 0;
  height: 0!important;
  width: 0!important;
  overflow: hidden!important;
  outline: 0;
  padding: 0;
  margin: -2px 0 0 0 !important;
}
/* leftpanel column chosser */
.left-setting-btn {
  width: 40px;
  height: 47px;
  text-align: center;
  border: none;
  background: transparent;
}
.left-setting-btn:hover {
  background: #e1e1e1;
}
.pin-setting > a {
  padding: 12px 15px!important;
  border: none;
}
.left-panel-settings .req-column-choose > .btn-group {
  width: 100%;
}
.left-panel-settings .req-column-choose #columnsort {
  width: 100%;
  background: transparent;
  border: none;
  text-align: left;
  padding: 12px 15px;
  box-shadow: none;
}
.left-panel-settings .req-column-choose #columnsort:hover {
  background-color: var(--primary_button_light_color, #F1F1F1);
  color: var(--link_tab_line_color, #008ddd);
}
.left-panel-settings .req-column-choose .sdmenu-dd {
  margin: 0px!important;
  padding: 0px !important;
}
/* End: classic and combined start from here */
.empty-state .empty-image {
  height: 100%;
}
.empty-state .empty-svg {
  margin: 0 auto;
  background: url(/images/empty-state.svg) no-repeat;
  background-size: contain;
  background-position: center;
  height: auto;
  min-height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.empty-state .empty-content {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}
.empty-state .empty-content p {
  font-size: var(--fs-18);
  padding-top: 5px;
  color: #868686;
  /* #868686 */
}
.empty-state .empty-content .empty-title {
  font-size: var(--fs-40);
  color: #273534;
}
/*End : Requst Module Empty state Svg Image*/
.form-section.section-disable {
  pointer-events: none;
  opacity: 0.4;
}
.color-setting-toggle .btn-group .tick-green2 {
  left: -3px;
}
.color-setting-toggle .btn-group .close2 {
  left: 4px;
}
.color-setting-toggle .btn-group label:nth-child(2) {
  padding-bottom: 4px !important;
}
.color-setting-toggle .toggle-spot-anim {
  margin-right: -1px;
}
/*Issue fix for 91389 - Starts*/
.req-left-panel-off-chat .tc-kanban:first-child {
  height: calc(100% - 5px) !important;
}
.req-left-panel-off-chat .tc-kanban:first-child .visi-parent:last-child {
  margin-bottom: 20px !important;
}
.req-left-panel-on-chat .tc-kanban:first-child {
  height: calc(100% - 32px) !important;
}
.req-left-panel-on-chat .tc-kanban:first-child .visi-parent:last-child {
  margin-bottom: 20px !important;
}
/*Issue fix for 91389 - Ends*/
#layout-cus-header {
  background-color: #F1F1F1;
  width: 75%;
  border-bottom: 1px solid #d5d5d5;
  padding: 10px;
}
#header-info,
#header-history {
  width: 80%;
  display: inline-block;
}
#header-actions {
  width: 19%;
  display: inline-block;
}
#layout-prop-container,
#layout-account-container {
  background-color: #fbfdff;
}
#layout-prop-container *:hover,
#layout-account-container *:hover {
  background-color: #fbfdff;
}
#layout-prop-container .btn-primary:hover,
#layout-account-container .btn-primary:hover {
  background-color: #428bca;
}
#layout-prop-container .btn-default:hover,
#layout-account-container .btn-default:hover {
  background-color: #EEE;
}
#layout-prop-container li,
#layout-account-container li {
  min-height: 35px;
  height: auto;
}
#layout-prop-container li:hover,
#layout-account-container li:hover {
  background-color: #fbfdff;
}
#layout-prop-container .btn,
#layout-account-container .btn,
#section-more-btn a {
  border: none;
  cursor: var(--sdpcursor-pointer);
  padding: 8px 10px;
  border-top: 1px solid #d5d5d5;
}
.list-parent .list-item {
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}
.list-parent:hover .list-item {
  opacity: 1;
  transition: opacity 0.3s ease 0s;
}
#shdialog,
#sections-list-more,
.shdialog {
  width: 300px;
  display: none;
  border: 1px solid #d5d5d5;
}
#ddpropList,
#rpanelMoreList {
  min-height: 400px;
}
#propList,
#rpanelList {
  min-height: 100px;
}
.drag-placeholder {
  border: 1px dashed #d5d5d5;
  background-color: #FFC;
}
#layout-history {
  height: 598px;
  overflow: auto;
}
#request-layout-container .dragdroppro .sdp-glyph:hover {
  color: #000;
}
#request-layout-container .layout-mainpanel {
  float: left;
  margin-top: 5px;
  padding: 10px 10px 45px 10px;
}
#request-layout-container .layout-mainpanel .sdtabs-primary .tabsorder {
  padding-left: 15px!important;
  padding-right: 0px!important;
}
#request-layout-container .layout-mainpanel .sdtabs-primary .tabsorder li a {
  max-width: 100px;
}
#details-container {
  min-height: 420px;
}
#details-list li {
  list-style: none;
}
.form-horizontal.four-col .col-fields.inner-sec-rucnt {
  border: none;
  background-color: #FFF;
}
.form-horizontal.four-col .col-fields.inner-sec-rucnt .right-col {
  width: 50%;
}
.form-horizontal.four-col .col-fields.inner-sec-rucnt .left-col {
  width: 50%;
  background: #FFF;
  border-right: 1px solid #EEE;
}
.form-horizontal.four-col .col-fields.inner-sec-rucnt .h3-rucnt {
  height: 9px;
  background-color: #ededed;
}
.laycusmdiv .lc-prop {
  background-color: #FFF;
  border-color: #FFF;
  padding-bottom: 0px;
}
.laycusmdiv .lc-convhdr {
  border-color: #EEE;
}
.laycusmdiv .lc-conv {
  border: 2px solid #EEE;
  border-right: none;
}
.form-horizontal.four-col .col-group.sec-rucnt {
  background-color: #F9F9F9;
  padding: 4px !important;
}
.lc-tag {
  float: left;
  border: 1px solid #EEE;
  border-radius: 15px;
  width: 65px;
  margin-right: 10px;
  display: inline-block;
  padding: 7px;
}
.lc-tag span {
  display: block;
  background: #F9F9F9;
  border-radius: 5px;
  height: 7px;
}
.lc-transition {
  width: 120px;
  border: 1px solid #DDD;
  padding: 7px;
  margin-right: 10px;
}
.lc-transition span {
  width: 100%;
  height: 6px;
  background: #EEE;
  display: block;
}
.lc-rlc {
  padding-top: 4px;
}
.rlc-section .sec-rucnt,
.rlc-section .inner-sec-rucnt {
  background-color: #F3F7F8 !important;
}
.dis-rpanel .tags-dd .form-group {
  border-bottom: 1px solid #EEE;
  padding-bottom: 5px;
  margin-bottom: 20px!important;
}
.dis-rpanel .tag-section .tagedit-link {
  visibility: visible;
}
.dis-rpanel .tag-section #tag_heading {
  width: unset!important;
}
.dis-rpanel .tag-section #tag_new .form-control-static {
  width: unset!important;
  padding-left: 15px;
}
#share-section .share-edit {
  float: none!important;
}
.asso-sec-wrap .form-group:last-child {
  margin-bottom: 0px;
}
.asso-sec-wrap .form-group .left-col {
  display: inline-block;
}
.asso-sec-wrap .form-group .disp-c {
  display: inline-block !important;
}
.asso-sec-wrap .form-group .right-col {
  display: inline-block;
  margin-left: 15px;
}
.asso-sec-wrap .form-section {
  padding-left: 25px;
}
.propSection #top-property-action {
  margin-top: 25px !important;
}
.section-padding {
  padding: 15px 0px 15px 0px;
}
.custom-rlc {
  background-color: #f3f7f8;
  width: 100%;
}
.custom-rlc .btn-transition {
  width: auto!important;
  background: #FFF;
  border-radius: 3px;
  border-color: #bbbbbb;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-rlc .btn-transition:hover {
  background: #efefef;
}
.transition-label {
  padding: 10px 15px;
  border-right: 2px solid #CCC;
}
.rlc-position-bottom {
  position: fixed;
  bottom: 28px;
  border: 1px solid #CCC;
  z-index: 20;
}
.rlc-position-top {
  position: relative;
  left: 15px;
  width: 98%;
}
.transition-width {
  width: 86%;
}
.detailview .controls .status-badge {
  top: 7px !important;
}
.custom-btn-bg {
  position: absolute;
  width: 50px;
  right: 0;
  top: 0;
  text-align: center;
  height: 47px;
}
.custom-btn-bg.btn-group {
  display: table!important;
}
/*Issue fix for the ID 91383 - Start*/
.req-template-type {
  display: flex;
}
.req-template-type li a {
  text-align: center;
  width: 130.3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*Issue fix for the ID 91383 - End*/
/* SD-101591 Fix*/
#req-desc-body table {
  table-layout: auto !important;
}
/* Request - Problem Module related CSS start */
.req-prb-tip {
  padding: 0px !important;
  width: 400px;
}
.req-prb-tip div.disp-t {
  margin: 5px 10px !important;
  width: 93%;
}
.req-prb-tip .disp-tr:nth-child(1) > .disp-c {
  border-bottom: 1px solid #ADADAD;
  /* #ADADAD */
  padding-bottom: 5px !important;
}
.req-prb-tip .disp-tr:nth-child(2) > .disp-c {
  padding-top: 10px !important;
}
.req-prb-tip .disp-tr > .disp-c:nth-child(1) {
  max-width: 160px;
  padding: 3px 20px 3px 0px;
}
.req-prb-tip .disp-tr > .disp-c:nth-child(2) {
  max-width: 50px;
  min-width: 50px;
}
.req-prb-tip .disp-tr > .disp-c:nth-child(2) .helpcard-table-arrow {
  /* Not needed for LTR */
}
.req-prb-tip .disp-tr > .disp-c:nth-child(3) {
  max-width: 160px;
  min-width: 160px;
  padding: 3px 0px 3px 20px;
}
/* Request - Problem Module related CSS end */
.shortuserinfo .left-col,
.shortuserinfo .form-section {
  padding-left: 0px !important;
}
/* ----------------------------------------------- */
/* ui-project-module.less */
/* ----------------------------------------------- */
/* Project Templates */
.dropboxstrip {
  background: #f5f5f5;
}
.dropboxstrip .col-fields {
  border: 1px solid transparent !important;
}
.project-forms .proj-title {
  font-size: var(--fs-20);
  margin-top: -1px;
}
.project-icon {
  background: url('/images/template-icon1.png') no-repeat;
  background-size: 16px 16px;
}
.proj-dependency-icon {
  background: url('/images/dependency-icon1-xs.png') no-repeat 0 2px;
  background-size: 16px 16px;
}
.proj-title-bg {
  background: #EEE;
  border-top-left-radius: 21px;
  border-top-right-radius: 23px;
  border-bottom-left-radius: 23px;
  border-bottom-right-radius: 0px;
  width: 44px;
  height: 44px;
  margin-right: 10px !important;
  margin-top: 4px;
}
.proj-title-bg .sdp-glyph {
  font-size: var(--fs-32);
  position: relative;
  left: 7px !important;
  top: 6px;
}
/* breadcrumbs */
.breadcrumb.proj-breadcrumb > li.iconbg a {
  background: #EEE;
  padding: 1px 1px 2px 4px;
  display: inline-block;
  position: relative;
}
.breadcrumb.proj-breadcrumb > li.iconbg a:after {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 7px solid #EEE;
  content: " ";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  right: -7px !important;
}
.breadcrumb.proj-breadcrumb > li.iconbg a:hover {
  color: #000;
  text-decoration: none;
}
.breadcrumb.proj-breadcrumb > li.iconbg .sdp-glyph {
  color: #7f7f7f;
  font-size: var(--fs-16);
  top: 2px;
}
.breadcrumb.proj-breadcrumb > li.iconbg:before {
  padding-right: 8px !important;
}
.breadcrumb.proj-breadcrumb > li + li:before {
  content: "\00a0";
}
.ovr-wrt-prj th,
.ovr-wrt-prj td {
  height: 33px !important;
}
.btn-sz-25 .btn {
  height: 25.5px;
}
.btn-sz-25 .search1 {
  top: 0px !important;
}
#ui-framework-design1 .ovr-wrt-prj .form-control {
  width: 100%;
  height: 28px;
  padding: 5px;
}
/* Task Dependency */
.canvas-style {
  background-size: 20px 20px;
  background-image: radial-gradient(circle, gray 0.5px, #fdfdfd 1px);
  user-select: none;
  height: calc(100vh - 57px) !important;
}
.canvas-style path.link {
  fill: none;
  stroke-width: 1px;
  shape-rendering: geometricPrecision;
}
.canvas-style path.link.selected {
  stroke-dasharray: 10,2;
}
.canvas-style path.link.dragline {
  pointer-events: none;
  stroke: #00c5ff;
  stroke-width: 2px;
}
.canvas-style path.link.hidden {
  stroke-width: 0;
}
.canvas-style path.extralink {
  fill: none;
  stroke-width: 1px;
  shape-rendering: geometricPrecision;
}
.canvas-style circle.dragcircle {
  fill: #00c5ff;
}
.canvas-style circle.dragcircle.hidden {
  fill: none;
}
.canvas-style rect {
  stroke: #DDD;
  shape-rendering: geometricPrecision;
  stroke-width: 1px;
}
.canvas-style #drop-shadow {
  filter: drop-shadow(-5px -5px 5px #CCC);
}
.canvas-style marker#triangle {
  fill: #888;
  shape-rendering: geometricPrecision;
}
.canvas-style marker#triangle-blue {
  fill: #0288d1;
  stroke: #0288d1;
  shape-rendering: geometricPrecision;
}
.canvas-style .link.dragline {
  stroke: #84b840;
  stroke-dasharray: 0.5, 8.5;
  stroke-linecap: round;
}
.tddelete {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  cursor: var(--sdpcursor-pointer);
}
span.tree-head-project {
  color: #2a89d0;
}
span.tree-color-sep {
  color: #868686;
}
.dyn-tooltip {
  position: absolute;
  opacity: 1 !important;
}
.dyn-tooltip .task-tooltip {
  border-left: 5px solid #1a6ebd;
}
.dyn-tooltip .service-request-tooltip,
.dyn-tooltip .request-tooltip,
.dyn-tooltip .project-tooltip,
.dyn-tooltip .milestone-tooltip,
.dyn-tooltip .problem-tooltip,
.dyn-tooltip .emergency-change-tooltip,
.dyn-tooltip .general-change-tooltip,
.dyn-tooltip .release-tooltip {
  border-left: 5px solid #FB7211;
}
.task-recent-list:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: #FB7211;
  top: 10px;
  left: -15px;
  border-radius: 50%;
}
.search-menu {
  font-size: var(--fs-12);
  max-height: 350px;
  overflow: auto;
  padding: 5px;
  background: #FFF;
}
.search-menu ul {
  margin: 0;
  padding: 0;
}
.search-menu li {
  list-style: none;
}
div .fullscreenActive {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 100;
}
.tree-recents-div {
  z-index: 9999;
}
.rotate-90 {
  transform: rotate(-90deg);
  transition: all 0.2s;
  top: unset;
}
.td-head-border {
  position: relative;
}
.td-head-border:before {
  height: 58px;
  top: -29px;
  content: "";
  position: absolute;
  width: 2px;
  background-color: #DDD;
}
.td-head-border:after {
  top: -4px;
  left: -4px;
  background: #f7f7f7;
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #DDD;
  border-right: 2px solid #DDD;
  transform: rotate(45deg);
}
/* Timesheet Table UI */
.timesheet-table * {
  box-sizing: content-box;
}
.timesheet-table .d_w {
  width: 100% !important;
}
.timesheet-table .td-center .d_w {
  text-align: center !important;
}
.timesheet-table .td-right .d_w {
  text-align: right !important;
}
#timesheetTable.tableComponent th {
  background: #f7f9fa !important;
}
/* Project Settings help card custom class start */
.ps-help-pover {
  width: 500px;
  max-width: 500px;
  padding: 0px;
  line-height: 20px;
}
/* Project Settings help card custom class end */
/* Project & listview compact view UI change*/
.prjlistview .compactview .flip-container {
  top: -13px;
}
.tasklistview .compactview .prf-img {
  margin-top: 0px !important;
}
/* Project & listview compact view UI change*/
.ui-progressbar1-info .ui-progressbar1-fill.agilebar {
  background-color: #7f35bf;
}
.ui-progressbar1-info .ui-progressbar1-fill.sprintsbar {
  background-color: #f1d567;
}
.ui-progressbar1-info .ui-progressbar1-fill.milestonesbar {
  background-color: #fd708b;
}
.ui-progressbar1-info .ui-progressbar1-fill.taskbar {
  background: #21c16b;
}
/* ----------------------------------------------- */
/* ui-admin-module.less */
/* ----------------------------------------------- */
.adminview {
  border: 1px #CCC solid;
}
.adminview .content-section {
  padding: 20px;
}
/* search box component begins */
.admin-searchrow {
  background-color: #F1F1F1;
  position: relative !important;
  margin-top: 6px;
}
.admin-searchrow .admin-clearbutton {
  width: 16px;
  height: 16px;
  border-radius: 9px;
  background-image: url('/images/ui-common-view.svg?15110');
  background-position: -375px -24px;
  opacity: 0.5;
  position: absolute !important;
  top: 8px;
  display: none;
  right: 7px !important;
}
.admin-searchrow .admin-clearbutton:hover {
  opacity: 1;
  cursor: var(--sdpcursor-pointer);
}
.admin-searchbar {
  display: block;
  width: 100%;
  height: 30px;
  padding: 4px 10px;
  font-size: var(--font-size-base);
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  border-radius: 1px;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  color: #000;
  padding: 1px 5px;
  border-color: #e6e6e6;
  padding: 2px 28px 1px 29px;
  height: 32px;
  color: #7f7f7f;
  border-radius: 4px;
}
.admin-searchbar:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.admin-searchbar::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.admin-searchbar:-ms-input-placeholder {
  color: #999;
}
.admin-searchbar::-webkit-input-placeholder {
  color: #999;
}
.admin-searchbar::-ms-expand {
  background-color: transparent;
  border: 0;
}
.admin-searchbar[disabled],
.admin-searchbar[readonly],
fieldset[disabled] .admin-searchbar {
  background-color: #eeeeee;
  opacity: 1;
}
.admin-searchbar[disabled],
fieldset[disabled] .admin-searchbar {
  cursor: not-allowed;
}
textarea.admin-searchbar {
  height: auto;
}
@media (min-width: 992px) {
  .admin-searchbar {
    /*
		padding:2px 3px;
		height:(@line-height-computed + (@padding-base-vertical) + 2);
		*/
  }
}
.admin-searchbar.is-invalid {
  border-color: #a74f4f !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.admin-searchbar.is-invalid:focus {
  border-color: #843f3f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cb9191;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cb9191;
}
.admin-searchbar::-ms-clear {
  display: none;
}
.admin-searchicon {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #868686;
  position: absolute !important;
  left: 18px !important;
  z-index: 1;
  top: 16px;
}
.admin-searchicon.glyph-color1 {
  color: #7f7f7f;
}
.admin-searchicon.glyph-color2 {
  color: #FFF;
}
.admin-searchicon.glyph-color3 {
  color: #3a96e7;
}
.admin-searchicon.glyph-color4 {
  color: #000;
}
.admin-searchicon:before {
  content: "\e947";
}
.admin-searchresult {
  background-color: #FFF;
  position: absolute !important;
  z-index: 2;
  top: 32px;
  border: 1px solid #E1DBDB;
  -webkit-box-shadow: 0px 1px 5px 0px #F5F5F5;
  box-shadow: 0px 1px 5px 0px #F5F5F5;
  display: none;
  overflow-y: auto;
  max-height: 308px;
  box-sizing: content-box;
}
.admin-searchresult .admin-hightlight {
  background-color: #3E8ACC;
  color: #FFF;
}
.admin-searchresult a:hover {
  color: #FFF;
  background-color: #3E8ACC;
}
.admin-searchresult a {
  color: #515151;
  line-height: 18px;
  padding: 5px 0 5px 6px;
  display: block;
  text-decoration: none;
}
.admin-searchresult div {
  background-color: #528FEF;
  padding: 3px 0 5px 7px;
  color: #FFF;
}
/* search box component ends */
.admin-main {
  position: relative !important;
  border-bottom: none;
  /* .admin-searchrow {
		width:700px;
	}
	@media only screen and (max-width: 1380px) {
		.admin-searchrow {
			width:600px;
		}
	}
	@media only screen and (max-width: 1080px) {
		.admin-searchrow {
			width:420px;
		}
	} */
}
.admin-main * {
  margin: 0;
  padding: 0;
}
.admin-main .admin-searchicon {
  left: 9px !important;
  top: 9px;
}
.admin-main .admin-searchrow {
  position: relative !important;
  margin-top: 8px;
}
.admin-main .admin-searchbar {
  width: 100%;
  padding: 2px 28px 1px 29px;
}
.admin-main .admin-searchresult {
  width: 695px;
}
.admin-main .admin-headrow {
  -webkit-box-shadow: inset 0px -18px 22px 0px #F5F5F5;
  box-shadow: inset 0px -18px 22px 0px #F5F5F5;
  height: 48px;
  border: 1px solid #DDD;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.admin-main .admin-settingrow {
  display: inline-block;
  width: auto;
}
.admin-main .admin-settingtext {
  font-size: var(--font-size-large);
  color: #515151;
  padding: 12px 27px 0px 46px;
}
.admin-main .admin-taketour {
  border: 1px solid #39628E;
  position: relative !important;
  float: right !important;
  clear: both;
  margin-right: -8px !important;
  line-height: 21px;
  height: 26px;
  border-left: none;
  padding: 5px 15px 0 0;
  font-size: var(--font-size-medium);
  background-color: #3775B8;
  color: #FFF;
  bottom: -7px;
}
.admin-main .admin-taketour:before {
  content: "";
  position: absolute !important;
  background-color: transparent;
  border-left: 7px solid #000;
  border-bottom: 7px solid transparent;
  top: 32px;
  right: 0px !important;
}
.admin-main .admin-taketour:after {
  content: "";
  position: absolute !important;
  top: -1px;
  left: -22px !important;
  width: 23px;
  height: 33px;
  background-image: url('/images/sdp-icons-pack1.png');
  background-repeat: no-repeat;
  background-position: -545px -505px;
}
.admin-main .admin-videoicon {
  float: left !important;
  margin-left: 8px !important;
  background-repeat: no-repeat;
  background-position: -488px -507px;
  width: 17px;
  height: 11px;
  background-image: url('/images/sdp-icons-pack1.png');
  margin-top: 5px !important;
  margin-right: 6px !important;
}
.admin-main .admin-box {
  position: relative !important;
  background-color: #FFF;
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid #DDD;
  border-top: none;
  padding-top: 14px;
  display: flex;
  flex-wrap: wrap;
}
.admin-main .admin-box.uicomponent {
  border: 0 none;
}
.admin-main .admin-box.primary.task-list-sb {
  border: 1px solid #e6e6e6;
}
.admin-main .admin-box .table-blk {
  border-bottom: 1px solid #F1F1F1;
}
.admin-main .admin-box .table-blk:hover {
  background: #F5F5F5;
}
.admin-main .admin-box .table-blk:hover .setting-box {
  display: inline-block;
}
.admin-main .admin-box .table-blk:last-child {
  border-bottom: none;
}
.admin-main .admin-box .admin-servicedeskconfiguration {
  background-position: -331px -379px;
}
.admin-main .admin-box .admin-helpdeskcustomizer {
  background-position: -16px -22px;
}
.admin-main .admin-box .admin-organizationaldetails {
  background-position: -104px -22px;
}
.admin-main .admin-box .admin-accountdetails {
  background-position: -104px -250px;
}
.admin-main .admin-box .admin-billing {
  background-position: -192px -250px;
}
.admin-main .admin-box .admin-integrations {
  background-position: -280px -251px;
}
.admin-main .admin-box .admin-userssettings {
  background-position: -192px -22px;
}
.admin-main .admin-box .admin-usersurveyrelated {
  background-position: -369px -136px;
}
.admin-main .admin-box .admin-generalsettings {
  background-position: -458px -136px;
}
.admin-main .admin-box .admin-discoverysettings {
  background-position: -16px -136px;
}
.admin-main .admin-box .admin-assetmanagement {
  background-position: -105px -136px;
}
.admin-main .admin-box .admin-softwaremanagement {
  background-position: -192px -136px;
}
.admin-main .admin-box .admin-purchasecontractmanagement {
  background-position: -280px -136px;
}
.admin-main .admin-box .admin-problemchangemanagement {
  background-position: -280px -22px;
}
.admin-main .admin-box .admin-projectmanagement {
  background-position: -458px -22px;
}
.admin-main .admin-box .admin-servicecatalog {
  background-position: -369px -22px;
}
.admin-main .admin-box .admin-gamification {
  background-position: -16px -250px;
}
.admin-main .admin-box .admin-cmdb {
  background-position: -375px -245px;
}
.admin-main .admin-box .admin-zia {
  background-position: -423px -377px;
}
.admin-main .admin-box .admin-incidentmanagement {
  background-position: -590px -235px;
}
.admin-main .admin-box .admin-helpdeskbox:after {
  content: "";
  background-color: #FFF;
  right: -16px;
  position: absolute !important;
  bottom: -16px;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.admin-main .admin-box .admin-helpdeskbox:before {
  content: "";
  background-color: #FFF;
  left: -15px;
  position: absolute !important;
  bottom: -2px;
  z-index: 1;
  width: 30px;
  height: 17px;
}
.admin-main .admin-setting {
  float: left !important;
  position: relative !important;
  display: inline-block;
  border-bottom: 1px solid #F5F5F5;
  background-color: #FFF;
  box-sizing: border-box;
  height: auto!important;
}
.admin-main .admin-setting div:nth-child(2) {
  padding-top: 12px;
}
.admin-main .admin-setting a {
  font-size: var(--fs-14);
  color: #515151;
  padding: 0px 10px 0px 4px;
  line-height: 29px;
  position: relative !important;
  display: inline-block;
  width: auto;
}
.admin-main .admin-setting a:last-child:after {
  display: none;
}
.admin-main .admin-setting a:after {
  content: "";
  display: inline-block;
  border-left: 1px solid #ff0000;
  width: 1px;
  height: 11px;
  position: relative;
  left: 9px;
}
.admin-main .admin-setting a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
}
.admin-main .admin-iconrow {
  display: table;
  width: 100%;
}
.admin-main .admin-iconrow div {
  display: table-cell;
  width: 81px;
  vertical-align: middle;
  height: 70px;
}
.admin-main .admin-iconrow div div {
  vertical-align: middle;
  background-image: url('/images/ui-admin-module.svg?15110');
  background-repeat: no-repeat;
}
.admin-main .admin-iconrow span {
  font-size: var(--font-size-h2);
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px !important;
}
.admin-main .admin-iconrow span .purchase {
  padding: 8px 9px 40px 22px;
  line-height: 24px;
  position: absolute !important;
}
.admin-main .admin-bordercolor {
  border-right: 1px solid #F5F5F5;
}
.admin-main .admin-borderbottom {
  border-bottom: none;
}
.admin-main .admin-hr {
  border-color: rgba(255, 255, 255, 0.45);
  margin-top: -1px;
  position: relative !important;
  left: 1px;
}
@media only screen and (min-width: 1680px) {
  .admin-main .admin-setting {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 1680px) and (min-width: 768px) {
  .admin-main .admin-setting {
    float: left;
    width: 25%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1679px) {
  .admin-main .admin-setting {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .admin-main .old .admin-setting {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1679px) and (min-width: 768px) {
  .admin-main .admin-setting {
    float: left;
    width: 25%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1679px) and (min-width: 768px) {
  .admin-main .old .admin-setting {
    float: left;
    width: 33.33333333%;
  }
}
@media only screen and (min-width: 720px) and (max-width: 959px) {
  .admin-main .admin-setting {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 959px) and (min-width: 768px) {
  .admin-main .admin-setting {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .admin-main .admin-setting {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1280px) and (min-width: 768px) {
  .admin-main .admin-setting {
    float: left;
    width: 33.33333333%;
  }
}
.admin-main .admin-box .admin-setting {
  padding: 20px 35px;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1536px) {
  .admin-main .admin-box,
  .admin-main .admin-headrow {
    /*width: 8.1%;*/
    width: 100%;
    max-width: 1460px;
  }
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1537px) {
  .admin-main .admin-box,
  .admin-main .admin-headrow {
    width: 100%;
    max-width: 1600px;
  }
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1900px) {
  .admin-main .admin-box,
  .admin-main .admin-headrow {
    width: 100%;
    max-width: 1838px;
  }
}
.admin-wrapper {
  padding: 10px;
}
.admin-panel {
  background-color: #FFF;
  border: 1px solid #e6e6e6;
}
.admin-panel .listview {
  margin-top: -5px;
}
.actbuttons {
  border-top: 1px solid #DDD;
  padding: 14px 0;
}
/* Organization Roles */
.ui-row-act-head {
  border-bottom: 1px solid #CCC;
}
.ui-row-act-head .btn-group .icon-sm {
  vertical-align: sub;
}
.ui-row-style1 .ui-row-single {
  border-bottom: 1px solid #DDD;
  padding: 14px;
  transition: all 0.3s;
}
.ui-row-style1 .ui-row-single:last-child:not(:first-child) {
  border-bottom: none;
}
.ui-row-style1 .ui-row-single:hover {
  background-color: #F5F5F5;
  transition: all 0.3s;
}
.ui-row-style1 .ui-row-single:hover .ui-row-btns {
  opacity: 1;
  transition: all 0.3s;
}
.ui-row-style1 .ui-row-single .role-name {
  color: #000;
  font-size: var(--font-size-xlarge);
  line-height: 1.3;
  margin: 0 0 5px 0;
}
.ui-row-style1 .ui-row-single .ui-row-btns {
  opacity: 0.4;
  transition: all 0.3s;
}
.ui-row-style1 .ui-row-single p {
  margin-bottom: 5px;
}
.ui-row-style1 .ui-row-single p:last-child {
  margin-bottom: 2px;
}
.ui-row-style1 .ui-row-single p > span {
  color: #000;
}
#_DIALOG_CONTENT > #ReminderData.ember-custom {
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);
  margin: 5px;
}
@media only screen and (min-width: 1680px) {
  .admin-panel .form-horizontal.four-col .submit-row-inner {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 1680px) and (min-width: 768px) {
  .admin-panel .form-horizontal.four-col .submit-row-inner {
    margin-left: 13.33333333%;
  }
}
@media only screen and (min-width: 1680px) and (min-width: 768px) {
  .admin-panel .form-horizontal.four-col .submit-row-inner {
    float: left;
    width: 86.66666667%;
  }
}
/* Ember Application Screens */
body.ember-ui .admin-main .admin-taketour {
  height: 33px;
  line-height: 19px;
}
body.ember-ui .admin-setting a {
  vertical-align: top;
  height: auto;
}
body.ember-ui .adminview {
  display: table;
  width: 100%;
}
body.ember-ui .admin-sidebar,
body.ember-ui .admin-panel {
  display: table-cell;
  vertical-align: top;
}
body.ember-ui .admin-sidebar {
  position: static;
}
body.ember-ui .admin-panel {
  border-left: 1px solid #DDD;
}
.admin-sidebar {
  /*height: 100%;*/
  background: #FFF !important;
  border: 1px solid #e6e6e6;
  border-right: 0 solid transparent;
  padding: 0;
  position: static!important;
  margin-bottom: 20px;
}
.admin-sidebar .admin-searchrow {
  margin: 0;
  padding: 7px 9px;
}
.admin-sidebar .admin-searchrow .admin-clearbutton {
  right: 18px !important;
  top: 15px;
}
.admin-sidebar .admin-searchbar {
  width: 210px;
}
.admin-sidebar .admin-searchresult {
  top: 38px;
  width: 208px;
}
.admin-sidebar .admin-search-container {
  margin: 0;
  padding: 0px 0px 38px 0px;
}
.admin-sidebar .nav-accordion > li.panel:last-child {
  box-shadow: none;
}
.admin-sidebar div:last-child > div {
  border-collapse: collapse;
}
.admin-sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.admin-sidebar .nav-stacked > li + li {
  margin-top: 0;
}
.admin-sidebar .nav-accordion .nav > li > a,
.admin-sidebar a.lnav-item {
  color: #000;
}
.admin-sidebar .nav-accordion .nav > li > a {
  padding: 8px 15px;
}
.admin-sidebar .nav-accordion .nav > li > a:hover,
.admin-sidebar .nav-accordion .nav > li > a:focus,
.admin-sidebar a.lnav-item:hover {
  background-color: #F5F5F5;
  color: #000;
}
.admin-sidebar .nav-accordion .nav > li.active > a,
.admin-sidebar .nav-accordion .nav > li.active > a:hover,
.admin-sidebar .nav-accordion .nav > li.active > a:focus,
.admin-sidebar .nav-accordion > li > a.lnav-item-current,
.admin-sidebar .nav-accordion > li > a.lnav-item-current:hover,
.admin-sidebar .nav-accordion > li > a.lnav-item-current:focus {
  background-color: #009ADB;
  color: #FFF;
  cursor: var(--sdpcursor-default);
}
.admin-sidebar .toggle-arrow {
  position: absolute;
  right: 6px !important;
  top: 10px;
}
.admin-sidebar .caret {
  border-width: 4px 4px 0;
  transition: transform 0.5s;
}
.admin-sidebar li > a.lnav-item,
.admin-sidebar li > a.lnav-item-current {
  border-top: 1px solid #F5F5F5;
}
.admin-sidebar a.lnav-headeractive {
  border-top: 1px solid #E9E9E9;
}
.admin-sidebar a.lnav-header,
.admin-sidebar a.lnav-headeractive {
  position: relative;
  padding: 12px 15px;
}
.admin-sidebar a.lnav-headeractive,
.admin-sidebar a.lnav-header,
.admin-sidebar a.lnav-item,
.admin-sidebar a.lnav-item-current {
  display: block;
  text-decoration: none;
}
#admin-rightpanel {
  padding: 0;
}
.wizard-header-temp #wizardheadertab {
  background: #FFF;
  border-bottom: 1px solid #f1f1f1;
  height: 48px;
  margin: 0;
  padding: 0;
}
.wizard-header-temp .wizbg {
  background: #FFF;
}
.wizard-header-temp .wizardHeader,
.wizard-header-temp .configHeader {
  color: #515151;
  font-size: var(--font-size-xlarge);
  font-weight: normal;
}
.wizard-header-temp .configHeader {
  vertical-align: middle;
  position: relative;
}
.wizard-header-temp .configHeader:before {
  content: "";
  background: #FFF;
  border-bottom: 1px solid #f1f1f1;
  width: 21px;
  height: 48.5px;
  display: inline-block;
  position: absolute;
  top: 0;
  margin-left: -20px !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wizard-header-temp .configHeader:before {
    height: 49px;
  }
}
/* Zoho Creator Integration */
body.ember-ui .zca-main .zca-linkpage {
  border-bottom: 1px solid #CCC;
  box-sizing: border-box;
}
body.ember-ui .zca-main .zca-headingtext {
  width: 84%;
  padding: 0px 0px 5px 34px;
}
body.ember-ui .zca-main .zca-headingtext ul li {
  padding: 10px 10px 0px 10px;
}
body.ember-ui .zca-main .zca-draglist input {
  line-height: 20px;
  height: 30px;
  padding: 0px 2px 0px 10px;
}
body.ember-ui .zca-main .zca-draglist input::-ms-clear {
  display: none;
}
body.ember-ui .zca-main .zca-draglist div.zca-sort .zca-pabutton {
  display: none;
}
body.ember-ui .zca-main .zca-draglist div.zca-sort:last-child .zca-pabutton {
  display: block;
}
body.ember-ui .zca-main .zca-shuttlelist {
  background-color: #FFF;
  width: 84%;
  height: 100%;
  border: 1px solid #CCC;
}
body.ember-ui .zca-main .zca-dragimage {
  width: 35px;
  border-right: 1px solid #CCC;
}
body.ember-ui .zca-main .zca-shuttlehead {
  width: 19%;
  border-right: 1px solid #CCC;
}
body.ember-ui .zca-main .zca-shuttlelink {
  width: 60%;
}
body.ember-ui .zca-main .zca-shuttleyesno {
  width: 22%;
  border-left: 1px solid #CCC;
  padding: 5px 10px;
}
body.ember-ui .zca-main .zca-shuttleyesno select {
  padding: 0px 15px;
  height: 24px;
  background-color: #FFF;
  font-size: var(--font-size-xlarge);
  margin-top: -3px;
}
body.ember-ui .zca-main .zca-pointerevents {
  background-color: #F9F9F9;
  opacity: 0.4;
  cursor: var(--sdpcursor-default);
}
body.ember-ui .zca-main .zca-placeholder {
  margin-bottom: 18px;
}
body.ember-ui .zca-main a {
  text-decoration: none;
}
body.ember-ui .zca-main .zca-dragimage:hover,
body.ember-ui .zca-main .zca-shuttlelist .zca-dragimage i:hover {
  cursor: var(--sdpcursor-move);
}
body.ember-ui .zca-main .zca-linkpage div,
body.ember-ui .zca-main .zca-dragimage em,
body.ember-ui .zca-main .zca-shuttleyesno,
body.ember-ui .zca-main .zca-dragimage {
  vertical-align: middle;
}
body.ember-ui .zca-main .zca-shuttlelist,
body.ember-ui .zca-main .zca-linkpage,
body.ember-ui .zca-main .zca-sort,
body.ember-ui .zca-main .zca-linkdetails ul,
body.ember-ui .zca-main .zca-shuttledescription {
  display: table;
}
body.ember-ui .zca-main .zca-dragimage,
body.ember-ui .zca-main .zca-linkpage div,
body.ember-ui .zca-main .zca-sortinput,
body.ember-ui .zca-main .zca-headingtext ul li,
body.ember-ui .zca-main .zca-shuttledescription input {
  display: table-cell;
}
body.ember-ui .zca-main .zca-sort,
body.ember-ui .zca-main .zca-headingtext ul li,
body.ember-ui .zca-main .zca-dragimage,
body.ember-ui .zca-main .zca-sortinput {
  position: relative !important;
}
body.ember-ui .zca-main .zca-draglist input:focus,
body.ember-ui .zca-main .zca-draglist input,
body.ember-ui .zca-main .zca-shuttleyesno select {
  outline: none;
  border: none;
}
body.ember-ui .zca-maincontent {
  margin-bottom: 115px;
  padding-bottom: 45px;
}
body.ember-ui .zca-maincontent div.zca-enablebutton {
  float: left !important;
  border: 1px solid #E9E9E9;
  background-color: #FFF;
  padding: 4px 10px;
  color: #73AD73;
  border-radius: 4px;
}
body.ember-ui .zca-maincontent p {
  padding: 12px 25px 9px 10px;
  line-height: 23px;
}
body.ember-ui .zca-shuttledescription,
body.ember-ui .zca-draglist input,
body.ember-ui .zca-shuttledescription input,
body.ember-ui .zca-headingtext ul,
body.ember-ui .zca-sort,
body.ember-ui .zca-linkpage {
  width: 100%;
}
body.ember-ui .zca-textbox label:hover,
body.ember-ui .zca-textbox input:hover,
body.ember-ui .zca-shuttleyesno,
body.ember-ui .zca-button:hover,
body.ember-ui .zca-enablebutton:hover {
  cursor: var(--sdpcursor-pointer);
}
body.ember-ui .zca-header {
  border-right: 1px solid #CCC;
}
.helpcard {
  font-size: 1.1em;
  background-color: #FFF;
  border: 1px solid #868686;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: none;
  background-clip: padding-box;
  padding: 1px;
  margin-top: 20px;
}
.helpcard .header {
  background-color: #FFF;
  background-image: none;
  border-bottom: 1px solid #DDD;
  font-size: 1rem;
  /*16px*/
  font-weight: 400;
  padding: 0.7em;
  position: relative;
}
.helpcard .header:before,
.helpcard .header:after {
  display: table;
  content: " ";
}
.helpcard .header:after {
  clear: both;
}
.helpcard .header:before,
.helpcard .header:after {
  display: table;
  content: " ";
}
.helpcard .header:after {
  clear: both;
}
.helpcard .header .title {
  color: #6d6d6d;
  /*#5c5c5c*/
  float: left !important;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.helpcard .header .title.help-icon {
  margin-left: 32px !important;
}
.helpcard .header .title.help-icon:before {
  content: "\e906";
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-size: var(--fs-25);
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: absolute;
  top: 0.45em;
  left: 10px !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.helpcard .header .toggle {
  border: 0 none;
  background: none;
  color: #000;
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--font-size-xlarge);
  float: right !important;
  text-shadow: 0 1px 0 #FFF;
  padding: 0;
  right: 1em !important;
  top: 50%;
  position: absolute;
  margin: -10px 0 0;
  width: 20px;
  height: 20px;
}
.helpcard .header .toggle.glyph-color1 {
  color: #7f7f7f;
}
.helpcard .header .toggle.glyph-color2 {
  color: #FFF;
}
.helpcard .header .toggle.glyph-color3 {
  color: #3a96e7;
}
.helpcard .header .toggle.glyph-color4 {
  color: #000;
}
.helpcard .header .toggle:before {
  content: "\e925";
}
.helpcard .header .toggle[contentHidden=true]:before {
  content: "\e926";
}
.helpcard .content {
  word-wrap: break-word;
}
.helpcard p {
  color: #515151;
}
.helpcard h4 {
  font-size: var(--fs-14);
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 18px;
}
.helpcard hr {
  box-sizing: content-box;
  height: 0;
  margin-top: 8px;
  margin-bottom: 18px;
  border: 0;
  border-top: 1px solid #EEE;
}
.helpcard .cview {
  width: 480px;
}
/* SSL Import Certificate less begin*/
.sslimprotprocess {
  min-width: 300px;
  max-width: 400px;
  height: 275px;
}
.sslimprotprocess ul.proceeslist {
  list-style: none;
  padding: 0px !important;
  margin: 0px !important;
}
.sslimprotprocess ul.proceeslist li {
  padding: 8px 0px 8px 43px;
}
.sslimprotprocess ul.proceeslist li span {
  margin-right: 13px !important;
  margin-left: -29px !important;
}
.sslprocessfile {
  max-width: 400px;
  border-left: 1px solid #DDD;
  height: 275px;
}
.sslimpcomdetails {
  width: 400px;
}
.sslimpcomdetails span.col1,
.sslimpcomdetails span.col2 {
  display: inline-block !important;
  padding: 5px !important;
}
.sslimpcomdetails span.col1 {
  text-align: right !important;
  vertical-align: top;
  width: 170px;
  display: inline-block !important;
  white-space: normal;
}
.sslimpcomdetails span.col2 {
  white-space: normal;
  vertical-align: top;
  width: 210px;
  color: #000;
}
.sslimportconfig .form-control[disabled],
.sslimportconfig .form-control[readonly],
.sslimportconfig fieldset[disabled] .form-control {
  opacity: 1;
  cursor: var(--sdpcursor-pointer);
  background-color: #FFF;
}
.sslimportconfig .browsefile {
  width: 500px;
}
.spinner {
  background: url('/images/load.gif');
  width: 16px;
  height: 15px;
  display: inline-block !important;
}
/* SSL Import Certificate less Ends*/
/*WebRemote less begins*/
#hi5_notifer_all {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  width: 324px;
  margin: -17px 0 0 -172px;
}
#hi5_notifer_all .hi5_notifer {
  padding: 12px;
  background-color: #777777;
  /*#777*/
  opacity: 0.8;
  color: #FFF;
  font: normal 0.8125rem "Droid Sans", sans-serif;
  /* Border radius */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: #868686 0 0 12px;
  box-shadow: #868686 0 0 12px;
  width: 300px;
  margin-bottom: 10px;
}
#hi5_notifer_all .hi5_notifer:hover {
  opacity: 1;
  -webkit-box-shadow: #000 0 0 12px;
  box-shadow: #000 0 0 12px;
}
#hi5_notifer_all .hi5_notifer_icon {
  float: left;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.3em;
}
#hi5_notifer_all .hi5_notifer_button {
  float: right;
  width: 25px;
  height: 25px;
  margin-left: 0.3em;
  cursor: var(--sdpcursor-pointer);
}
#hi5_notifer_all .hi5_notifer_count {
  color: #FF0000;
  float: right;
}
.controls-wrap {
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
}
.controls-wrap * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.controls-wrap .controls {
  position: relative !important;
  width: 370px;
  /* Border radius */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #5f5f5f;
  /*#5f5f5f*/
  opacity: 0.75;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  z-index: 100;
  float: right;
  display: block !important;
}
.controls-wrap .controls *,
.controls-wrap .controls *:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.controls-wrap .controls.ui-draggable {
  cursor: var(--sdpcursor-move);
}
.controls-wrap .controls:hover {
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.controls-wrap .controls.fade {
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  z-index: -1;
  visibility: hidden;
}
.controls-wrap span {
  display: inline-block;
  color: #FFF;
  font-size: var(--font-size-h4);
  border-right: 1px solid #5f5f5f;
  /*#5f5f5f*/
  cursor: var(--sdpcursor-pointer);
  z-index: 100;
}
.controls-wrap span:hover,
.controls-wrap span:active,
.controls-wrap span.button_selected {
  color: #51ABFF;
}
.controls-wrap .arrow-keys {
  border-top: 1px solid #5f5f5f;
  /*#5f5f5f*/
  border-bottom: 1px solid #5f5f5f;
  /*#5f5f5f*/
  padding: 5px 0;
}
.controls-wrap .arrow-keys span[title] {
  width: 45px;
  height: 34px;
  /* Border radius */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #5f5f5f;
  /*#5f5f5f*/
  padding: 8px 0;
  margin: 5px 3px;
}
.controls-wrap .arrow-keys span {
  font-size: var(--fs-0);
  vertical-align: middle;
}
.controls-wrap .arrow-keys span:before {
  content: '';
  position: relative;
  display: inline-block;
  border: 6px solid #FFF;
}
.controls-wrap .arrow-keys span[title="Up"]:before {
  border-color: transparent transparent #FFF transparent;
  top: -2px;
}
.controls-wrap .arrow-keys span[title="Up"]:hover:before {
  border-color: transparent transparent #51ABFF transparent;
}
.controls-wrap .arrow-keys span[title="Down"]:before {
  border-color: #FFF transparent transparent transparent;
  top: 6px;
}
.controls-wrap .arrow-keys span[title="Down"]:hover:before {
  border-color: #51ABFF transparent transparent transparent;
}
.controls-wrap .arrow-keys span[title="Left"]:before {
  border-color: transparent #FFF transparent transparent;
  top: 3px;
  right: 3px;
}
.controls-wrap .arrow-keys span[title="Left"]:hover:before {
  border-color: transparent #51ABFF transparent transparent;
}
.controls-wrap .arrow-keys span[title="Right"]:before {
  border-color: transparent transparent transparent #FFF;
  top: 2px;
  left: 3px;
}
.controls-wrap .arrow-keys span[title="Right"]:hover:before {
  border-color: transparent transparent transparent #51ABFF;
}
.controls-wrap span.control-btn.main-btns {
  display: table;
  /* Border radius */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #5f5f5f;
  /*#5f5f5f*/
  margin-bottom: 20px;
  opacity: 0.75;
  float: right;
}
.controls-wrap .control-btn:hover {
  opacity: 1;
}
.controls-wrap .control-btn > span {
  display: table-cell;
  vertical-align: middle;
  border: 0;
  border-right: 1px solid #5f5f5f;
  /*#5f5f5f*/
  padding: 10px;
}
.controls-wrap .control-btn > span:last-child {
  border-right: none;
}
.controls-wrap .keyboard-icon,
.controls-wrap .top-btns > span:last-child > span,
.controls-wrap #svToolbar:before {
  display: inline-block;
  width: 26px;
  height: 18px;
  background: url('/images/webrc-icons.png') no-repeat -35px 0;
  vertical-align: middle;
  border: 0 !important;
}
.controls-wrap .top-btns,
.controls-wrap .bottom-btns {
  display: table;
  width: 100%;
}
.controls-wrap .top-btns > span,
.controls-wrap .top-btns > div,
.controls-wrap .bottom-btns > span {
  display: table-cell;
  vertical-align: middle;
}
.controls-wrap .top-btns > span,
.controls-wrap .top-btns > div {
  padding: 10px 20px;
}
.controls-wrap .top-btns > span:last-child,
.controls-wrap .top-btns > div {
  padding: 10px 10px;
}
.controls-wrap .bottom-btns > span {
  width: 25%;
  padding: 10px 15px;
}
.controls-wrap .top-btns > span:last-child,
.controls-wrap .top-btns > div,
.controls-wrap .bottom-btns > span:last-child {
  border-right: none;
}
.controls-wrap span.stop-icon {
  position: relative;
  float: left;
  width: 19px;
  height: 19px;
  border: 1px solid #FFF !important;
  /* Border radius */
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  margin: 0 3px;
}
.controls-wrap span.stop-icon:before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #FF0000;
  position: absolute;
  top: 5px;
  left: 5px;
}
.controls-wrap #svTouchInput {
  autocorrect: off;
  autocomplete: off;
  autocapitalize: none;
  spellcheck: false;
  border: none;
  width: 33px;
  height: 20px;
  resize: none;
  color: rgba(0, 0, 0, 0);
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  cursor: var(--sdpcursor-default);
  opacity: 0;
  position: relative;
  z-index: 1;
}
.controls-wrap #svToolbar:before {
  content: '';
  position: absolute;
  width: 33px;
  background-position: -100px 0;
}
.controls-wrap .show-in-mobile#svToolbar {
  display: block !important;
}
#remotectrl {
  width: 100%;
}
#svImgCursor {
  margin-top: -25px;
}
.player-bg {
  background: #707070;
  /*#707070*/
}
#remotectrl {
  display: block;
  margin: 0 auto;
}
.player-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  display: table;
  width: 100%;
  color: #FFF;
  background-image: linear-gradient(to right, #1f2022 0%, #393a3c 100%);
  z-index: 100;
}
.player-bar > div {
  display: table-cell;
  vertical-align: middle;
}
.player-bar .seekbar {
  border: 1px solid #191919;
  /*#191919*/
  background-color: #1d1d1d;
  /*#1d1d1d*/
  margin: 20px 5px 20px 15px;
  cursor: var(--sdpcursor-pointer);
}
.player-bar .seekbar .seek-length {
  height: 5px;
  background-color: #278AEA;
}
.player-bar .seekbar .seekpos {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 3px solid #FFF;
  /* Border radius */
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  background-color: #278AEA;
  float: right;
  margin: -4px -7px 0 0;
  cursor: var(--sdpcursor-pointer);
}
.player-bar .play-control {
  width: 45px;
  text-align: center;
  cursor: var(--sdpcursor-pointer);
}
.player-bar .play-control > span {
  display: inline-block;
  background: url('/images/webrc-icons.png') no-repeat;
}
.player-bar .play-control span.play-icon {
  width: 15px;
  height: 21px;
  background-position: -1px 0;
  margin: 7px 0 0 5px;
}
.player-bar .play-control span.pause-icon {
  width: 14px;
  height: 18px;
  background-position: -18px 0;
  margin-top: 6px;
}
.player-bar span.full-screen-icon {
  width: 18px;
  height: 17px;
  background-position: -35px 0;
  margin-top: 4px;
}
.player-bar .play-sep {
  border-right: 1px solid #544F4F;
}
.player-bar .seek-value {
  width: 115px;
  font-size: var(--font-size-h4);
  text-align: center;
}
.replay-div {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.54);
}
.replay-div > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.replay-div .replay-icon {
  display: inline-block;
  width: 31px;
  height: 31px;
  background: url('/images/webrc-icons.png') no-repeat -63px 0;
  margin-bottom: 5px;
}
.replay-div .replay-text {
  display: inline-block;
  color: #CCC;
  font: 0.8125rem Arial;
  width: 80px;
  /* Border radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  background: rgba(0, 0, 0, 0.3);
  padding: 10px;
  cursor: var(--sdpcursor-pointer);
  z-index: 99;
}
.webremote-popup .input-group .form-control {
  margin-right: -1px;
}
.webremote-popup input[type="checkbox"] {
  position: relative;
  top: 2px;
}
/*WebRemote less end*/
.input-four-digit {
  width: 50px;
}
.rightdel {
  right: -8px !important;
}
form[name="EMailDefForm"] input.error-text,
form[name="EMailDefForm"] textarea.error-text {
  border: 1px solid #a94442;
}
.mail-test {
  border-left: 1px solid #EEE;
  left: 27px;
}
/* Close Request New 
           ====== */
.close-req-dial-layer *,
.close-req-dial-layer *:after,
.close-req-dial-layer *:before {
  box-sizing: border-box;
}
.close-req-dial-layer {
  height: CALC(100% - 45px) !important;
  overflow: hidden;
}
.resolution-wrap .btn-link:hover .trash {
  background-position: -180px -53px;
}
.fh {
  height: 100%;
}
.close-active .stepsui {
  background-position: -36px -178px;
}
.close-completed .stepsui {
  background-position: -68px -179px;
}
.close-incomplete .stepsui {
  background-position: -5px -177px;
}
.close-req-dial {
  height: CALC(100% - 45px);
}
.close-req-dial > .col-xs-2 {
  border-right: 1px solid #eaeaea;
  /*#eaeaea*/
}
.stepsui-text {
  position: relative !important;
  top: 3px !important;
}
.stepsui-text,
.back-pend-task > span:last-child {
  overflow: hidden;
  display: block;
}
.close-req-dial-layer .close-right-panel,
.close-req-dial-2 .tablelist {
  overflow: auto;
}
.close-req-dial-layer .close-req-dial-cont {
  overflow: initial !important;
}
.close-req-dial-layer .close-right-panel {
  height: CALC(100% - 65px);
  margin-bottom: 39px;
}
.close-req-dial-2 .tablelist {
  height: 365px;
}
@media (max-width: 1460px) {
  .det-actnbar .detailview .content-panel .left-panel,
  .det-actnbar .detailview .content-panel .right-panel,
  .det-actnbar .detailview .content-panel .content-panel-inner {
    display: block;
  }
  .det-actnbar .detailview .content-panel .right-panel,
  .det-actnbar .detailview .content-panel .right-panel-inner {
    width: 100% !important;
  }
  .det-actnbar .detailview .content-panel .right-panel {
    padding: 0px 20px;
    border-left: 0px;
    border-top: 1px solid #e2e3e6;
    margin-top: 23px;
    overflow: initial;
  }
  .det-actnbar .detailview .content-panel .right-panel,
  .det-actnbar .detailview .content-panel .right-panel .form-section:hover {
    background-color: transparent;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit:before,
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit:after {
    display: table;
    content: " ";
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit:after {
    clear: both;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit:before,
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit:after {
    display: table;
    content: " ";
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit:after {
    clear: both;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .form-section:nth-last-child(3) {
    margin-bottom: 10px;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .form-section {
    padding: 10px 0px;
    border: 0;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .form-section:first-child {
    padding-top: 0px !important;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .form-section > .form-group h4 {
    margin-top: 0px !important;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .form-section:first-child,
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .associate-eork-res > .form-group:first-child,
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .associate-eork-res + .form-section > .form-group:first-child {
    border-bottom: 1px solid #DDD;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .det-orgrole {
    width: 50%;
    float: left !important;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .det-orgrole > .form-group {
    margin: 0px;
    border: 1px solid #EEE;
    border-top: 0;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .det-orgrole > .form-group:first-child {
    border-top: 1px solid #EEE;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .det-orgrole > .form-group > .left-col {
    text-align: right !important;
    padding: 10px 15px;
    background-color: #F5F5F5;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .det-orgrole > .form-group > .right-col {
    margin-top: 0px !important;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .det-orgrole > .form-group > .right-col .form-control-static {
    padding: 10px 15px;
    margin-top: 0px !important;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .det-orgrole > .form-group > .right-col .form-control-static:before {
    display: none;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .det-orgrole > .form-group > .left-col,
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .det-orgrole > .form-group > .right-col {
    vertical-align: middle !important;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .associate-eork-res {
    clear: both;
    padding: 0px !important;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .associate-eork-res .form-group:first-child {
    margin-bottom: 0px !important;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .associate-eork-res .form-group:nth-child(2) .form-control-static {
    display: inline-block !important;
  }
  .det-actnbar .detailview .content-panel .right-panel-inner .inplace-edit .associate-eork-res .form-group:nth-child(2) .form-control-static:not(:last-child):after {
    content: ",";
    display: inline-block !important;
    margin-right: 8px;
  }
}
/* Cost Center */
.cus-sel2 * {
  box-sizing: border-box;
}
.cus-sel2 .select2-container-multi {
  height: 63px !important;
  border: 0 none !important;
}
.cus-sel2 .select2-container-multi .select2-choices {
  max-height: 360px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 1;
}
.cus-sel2 .select2-container-multi.form-control .select2-choices {
  height: 60px !important;
  border: 1px solid #e6e6e6 !important;
  padding-right: 0px !important;
  background-image: none;
  border-radius: 1px;
}
.cus-sel2 .select2-container-multi.select2-dropdown-open .select2-choices {
  border-color: #5897FB !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.dep-sel .select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background-position-x: 95%!important;
}
/*Request Workflow*/
.rw-list {
  /*Listview Padge border*/
}
.rw-list .row .status-badge {
  border-width: 1px;
}
.rw-list .admin-box .row a.btn-link {
  color: #008ddd !important;
  color: var(--link_tab_line_color, #008ddd) !important;
}
.req-wf {
  /* height: inherit !important; */
}
.req-wf .attachment .file {
  max-width: 100%;
  width: auto;
}
.req-wf .attachment .file a {
  max-width: 100%;
}
.req-wf .attachment .file label {
  padding: 3px 5px;
  cursor: var(--sdpcursor-pointer);
  height: 100%;
}
.req-wf .attachment .file:hover label {
  background-color: #E9E9E9;
}
.req-wf .controls.sticky-fixed {
  /*Dropdown menu*/
  z-index: 11;
}
.req-wf .controls .btn-default.active {
  background-color: #3a3a3a;
  /*535353*/
  color: #FFF;
  border: 1px solid #3a3a3a;
  /*535353*/
}
.req-wf .controls .btn-default.active:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -6px;
  left: 40% !important;
  width: 10px;
  height: 10px;
  background-color: #3a3a3a;
  /*535353*/
  border-left: 1px solid #3a3a3a;
  /*535353*/
  border-bottom: 1px solid #3a3a3a;
  /*535353*/
  transform: rotate(-45deg);
  z-index: -1;
}
.req-wf .attachment {
  height: 30px;
  overflow: hidden;
  width: 80%;
}
.req-wf .status-badge.gray {
  border: 2px solid #c9c9c9;
  /*#C9C9C9*/
  background-color: #e1e1e1;
  /*#E1E1E1*/
  color: #000;
}
.req-wf .atp-container .attachdrop {
  width: auto;
}
.req-wf .g-view {
  background: rgba(0, 0, 0, 0) url('/images/rlcbgpattern.svg') repeat scroll 0 0 !important;
  width: 100%;
}
.req-wf .rulesmore {
  height: 48px;
  line-height: 25px;
}
.req-wf .rulesmore a {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 10%);
  line-height: 22px;
}
.req-wf .graph-view.active .relationmap {
  /*class also used in ui-admin-module.less*/
  background-position: -111px -261px;
}
.req-wf .linear-view.active .mlist {
  /*class also used in ui-admin-module.less*/
  background-position: -161px -264px;
}
.av-status {
  border-top: 1px solid #CCC;
}
.wf-zoom .rlcslider {
  background-color: #FFF;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding: 10px 5px;
}
.wf-zoom .rlcslider .ui-slider {
  height: 100%;
  left: 1px !important;
}
.wf-zoom .rlcslider .ui-slider-handle {
  border-radius: 50%;
}
.workflowreorder {
  max-height: 400px;
  overflow: auto;
}
.av-status ul,
.workflowreorder ul {
  list-style-type: none;
}
.av-status ul li,
.workflowreorder ul li {
  background: #F1F1F1;
  /*darken(@bglight3, 0.7%) --> #f3f3f3, darken(@border-color2, 1%) --> #ebebeb 70%*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(53%, #F1F1F1), color-stop(70%, #ebebeb), color-stop(100%, #E9E9E9));
  background: linear-gradient(to bottom, #f3f3f3 0%, #F1F1F1 53%, #ebebeb 70%, #E9E9E9 100%);
  border: 1px solid #DDD;
  border-radius: 2px;
  margin-bottom: 10px;
}
.av-status ul li.ui-helper,
.workflowreorder ul li.ui-helper,
.av-status ul li.ui-sortable-placeholder,
.workflowreorder ul li.ui-sortable-placeholder {
  position: relative;
}
.av-status ul li.ui-helper:after,
.workflowreorder ul li.ui-helper:after,
.av-status ul li.ui-sortable-placeholder:after,
.workflowreorder ul li.ui-sortable-placeholder:after {
  background: #FFFFF1 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0 !important;
  position: absolute;
  top: 0;
  width: 100%;
}
.admin-box .status-badge.btn-xs {
  font-size: var(--font-size-small);
  padding: 1px 5px;
}
.rw-tempedit {
  height: 100%;
  width: 40px;
  border-left-color: #CCC;
}
.btn-transition:hover {
  background: #C4E4EF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C4E4EF), color-stop(53%, #D9EFF7), color-stop(70%, #C4E4EF), color-stop(100%, #DEF2F9));
  background: linear-gradient(to bottom, #C4E4EF 0%, #CBE9F3 53%, #D9EFF7 70%, #DEF2F9 100%);
  color: #074b62;
}
.btn-transition {
  border-color: #BCDDE8;
  color: #074b62;
  background: #C4E4EF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DEF2F9), color-stop(53%, #D9EFF7), color-stop(70%, #CBE9F3), color-stop(100%, #C4E4EF));
  background: linear-gradient(to bottom, #DEF2F9 0%, #D9EFF7 53%, #CBE9F3 70%, #C4E4EF 100%);
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.node-remove {
  position: absolute;
  top: 4px;
  right: 0px !important;
  line-height: 0;
  z-index: -1;
  transition: all 0.5s ease-in-out;
  pointer-events: auto;
  height: 100%;
  top: -1px;
}
.html-element:hover .node-remove,
.html-element.active .node-remove,
.node-remove:hover {
  right: -18px !important;
}
.status-closed:before {
  content: '';
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  /*class also used in ui-admin-module.less*/
  background-position: -510px -4px;
  margin-right: 2px !important;
}
.status-onhold:before {
  content: '';
  background-image: url('/images/ui-common-view.svg?15110');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
  /*class also used in ui-admin-module.less*/
  background-position: -4px -122px;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  margin-right: 2px !important;
}
.rlc-statusinfo {
  right: 530px;
}
/*Change Workflow and Stage*/
.widget-box .wg-atn {
  visibility: hidden;
}
.widget-box .cng-wfwdh.open .wg-atn,
.wg-atnheader:hover .widget-header .wg-atn,
.widget-box .row:hover .wg-atn {
  visibility: visible;
}
.widget-header .cng-wfwdh .wg-atn {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
.cng-noti {
  background-color: #fafafa;
  /*Color #fafafa*/
}
.servicelist-infoicn {
  background-image: url('/images/ui-common-view.svg?15110');
  background-position: -431px -927px;
  height: 20px;
  width: 20px;
  display: block;
  margin: 0px 2px;
}
.cng-wkfw .sdmenu-toggle.pos-abs {
  height: 106%;
  top: -1px;
}
.cng-wkfw .open .sdmenu-toggle {
  background-color: #FFF;
  border: 1px solid #CCC;
  border-bottom: none;
  z-index: 1001;
}
.cng-wkfw .cng-wfwdh .sdmenu-dd li:not(.form-footer) a {
  text-align: left !important;
}
.cng-wkfw .tablistcol1 {
  background: rgba(0, 0, 0, 0) url('/images/stepthruarwr2.gif') no-repeat scroll right 0;
  padding: 15px;
  position: absolute;
  right: 0 !important;
  top: 10px;
}
.cng-wkfw .tablistcol2 {
  background: rgba(0, 0, 0, 0) url('/images/stepthruarwr2.gif') no-repeat scroll right 0;
  padding: 15px;
  position: absolute;
  left: 0 !important;
  top: 10px;
}
.cng-wfwdh {
  width: 40px;
}
.cng-sswdh {
  width: 60px;
}
.gybrlt {
  border-left: 1px solid #CCC;
}
.highlight .cng-noti {
  animation: colorchange 1s;
}
/*Change Workflow and Stage*/
/* Detail Page Req */
.prof-inp {
  width: 600px;
}
.prp-photo .onlineicon {
  border: 3px solid #FFF;
  bottom: 2px;
  right: 5px;
}
.prp-photo .vip-outer,
.prp-photo .onlineicon {
  top: auto;
  z-index: 1;
}
.det-actnbar .controls {
  background: #FFF;
}
.det-orgrole .edit-del {
  visibility: hidden;
}
.det-orgrole:hover .edit-del {
  visibility: visible;
}
/* Homepage Scheduler Backup */
.bk-aprov-form .select2-chosen,
.bk-aprov-form .select2-choice .select2-arrow strong {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.bk-aprov-form .approverdropdown-div .select2ui1 {
  border: 1px solid transparent;
  border-bottom-color: #dcdcdc;
}
.bk-aprov-form .select2-container .select2-choice {
  height: 67px;
  border: 0px;
  line-height: 15px;
  background: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.bk-aprov-form .select2-container .select2-choice .select2-arrow {
  background: 0;
  border: 0;
}
.bk-aprov-form .select2-container .select2-choice .select2-arrow strong {
  height: auto;
}
.bk-aprov-form .disp-t .disp-c:nth-child(2),
.bk-sel-cust .select2-results > li:nth-child(1) .disp-t .disp-c:nth-child(2) {
  padding-top: 0px !important;
  vertical-align: middle !important;
}
.bk-truncate {
  width: 244px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.backup-apvr-tbl .clearfix .col-xs-10,
.backup-apvr-tbl .form-horizontal .form-group .col-xs-10,
.backup-apvr-tbl .moduletour .moduletour-main .col-xs-10 {
  box-sizing: border-box;
}
.backup-apvr-tbl [data-value="aprComment"] {
  width: 550px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bk-sel-cust.select2-drop-active {
  border: 1px solid #CCC;
  padding: 10px 5px 5px 5px;
}
.bk-sel-cust.select2-drop-active .usrimg-block {
  width: 38px;
}
.bk-sel-cust.select2-drop-active .select2-result-label .disp-t > .disp-c:nth-child(1) {
  vertical-align: top;
}
.bk-sel-cust.select2-drop-active .select2-result-label .disp-t > .disp-c:nth-child(2) {
  padding-top: 1px!important;
}
.backup-apr-edit .select2-container-disabled {
  background-color: #f4f4f4;
}
.backup-apr-edit .select2-container-disabled .select2-arrow {
  opacity: 0;
}
/* SNMP style */
.config-oid-one {
  width: 344px;
}
.config-oid-two {
  width: 368px;
}
.config-oid-three {
  width: 386px;
}
.config-oid-one,
.config-oid-two,
.config-oid-three {
  height: 530px;
}
.config-oid-two,
.config-oid-three {
  border-left: 1px solid #CCC;
}
.config-oid-two .input-border {
  border-left: none solid #fff;
}
.mibsection {
  width: 386px;
  height: 100%;
  background: #fbfbfb;
  border-right: 1px solid #CCC;
}
.mibinner {
  height: auto;
  overflow: auto;
  min-height: 600px;
  width: 375px;
  margin-top: 20px !important;
}
.oidsection {
  width: 100%;
}
.oidinner {
  height: auto;
  overflow: auto;
  min-height: 600px;
}
.mib-desc-text {
  height: 400px !important;
  overflow: auto;
}
.mib-node-text {
  height: 125px !important;
  overflow: auto;
}
.mibsearch {
  position: absolute !important;
  top: 32px;
}
.setparametertab {
  background: #FFF;
  position: absolute !important;
  top: 102px;
  right: 17px !important;
  border: 1px solid #CCC;
  box-shadow: 0px 1px 4px 2px #CCC;
  z-index: 9;
}
.setparametertab .sdtabs-ui2 {
  width: 470px;
  height: 100%;
}
.divdescription {
  background: #F1F1F1;
  border: 1px solid #CCC;
  height: 200px;
}
.cmdb-show-plus2 {
  background: url('/images/cmdb-show-plus2.gif') no-repeat;
  width: 17px;
  height: 17px;
}
.cmdb-hide-minus2 {
  background: url('/images/cmdb-hide-minus2.gif') no-repeat;
  width: 17px;
  height: 17px;
}
.snmp-ellips,
.snmp-ellips1 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.snmp-ellips {
  width: 79px;
}
.snmp-ellips1 {
  width: 55px;
}
@media screen and (min-width: 1300px) {
  .oidsection,
  .mib-desc-text,
  .mib-ndxt {
    width: 700px;
  }
}
@media screen and (min-width: 1400px) {
  .oidsection,
  .mib-desc-text,
  .mib-node-text {
    width: 950px;
  }
}
#configOIDPopUP > .hide {
  display: none !important;
}
/* SNMP style End */
/* Ola Time Analysis */
.req-ola-head {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e7e7e7;
}
.req-ola-head .disp-c:not(:last-child) {
  border-right: 1px solid #e7e7e7;
}
.req-ola-head .bw {
  word-wrap: break-word;
}
.req-ola-head .disp-c,
.req-ola-body .disp-c {
  padding: 14px 10px;
}
.req-ola-head .w-19,
.req-ola-body .w-19 {
  width: 19%;
  max-width: 100px;
}
.req-ola-head .w-30,
.req-ola-body .w-30 {
  width: 30%;
  max-width: 260px;
}
.req-ola-head .w-21,
.req-ola-body .w-21 {
  width: 21%;
  max-width: 120px;
}
.req-ola-body .tech-ola {
  background-color: #fafafa;
}
/* CAB Style */
.text-msg {
  font-weight: normal;
}
.accordion-log .panel-collapse .border-top {
  border-top: 1px solid #DDD !important;
}
.accordion-log .panel-heading .cspr.toggle {
  background-position: -218px -24px;
}
.accordion-log .panel-heading.collapsed .cspr.toggle {
  background-position: -237px -24px;
}
.accordion-log .panel-heading h4 {
  font-weight: bold;
  font-size: var(--font-size-base);
  color: #000;
  font-weight: normal;
}
.accordion-log .panel-heading h4 .text-muted {
  color: #4d4d4d;
  /* #666666 */
}
.accordion-log .border-top .tablelist {
  border-width: 1px !important;
}
.cab-table .tablelist {
  border: 1px solid #CCC;
}
.cab-table .tablecomponent,
.cab-table .tableComponent {
  overflow: hidden;
}
.cab-table .tablecomponent tr:not(.searchRow):hover .delete-iconblk button,
.cab-table .tableComponent tr:not(.searchRow):hover .delete-iconblk button {
  visibility: visible;
}
.cab-table .tablecomponent tr .delete-iconblk button,
.cab-table .tableComponent tr .delete-iconblk button {
  visibility: hidden;
}
.cab-table .tablecomponent tr .tooltip-text,
.cab-table .tableComponent tr .tooltip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: var(--sdpcursor-pointer);
}
.cab-table .tablecomponent tr .hourglass,
.cab-table .tableComponent tr .hourglass {
  background-position: -225px -75px;
}
.cab-table .tablecomponent tr input[disabled],
.cab-table .tableComponent tr input[disabled] {
  cursor: var(--sdpcursor-no-drop);
}
.cab-table .sdmenu-dd li {
  font-size: var(--font-size-base) !important;
}
.cab-table .sdmenu-dd li a:hover {
  color: #515151;
}
.cab-table .sdmenu-dd li a.disabled:hover {
  background: transparent;
}
.cab-table .sdmenu-dd .border-bottom {
  border-bottom: 1px solid #DDD;
}
.cab-table a.text-link {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.cab-table a.text-link:hover {
  text-decoration: none;
}
.cab-table.listview {
  border: 1px solid transparent;
}
.label-tooltip strong {
  width: 120px;
  display: inline-block !important;
  color: #868686;
  margin-bottom: 8px !important;
}
.label-tooltip span {
  margin-bottom: 5px !important;
}
.pt-hid {
  overflow: hidden !important;
  height: 45px;
  padding-bottom: 0px !important;
  margin-bottom: 10px !important;
}
.ln-of {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: var(--sdpcursor-pointer);
  top: 3px !important;
  position: relative !important;
  max-width: 400px;
}
.pl-of {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: var(--sdpcursor-pointer);
  position: absolute !important;
}
.ct-area {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.ct-of {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: var(--sdpcursor-pointer);
  top: 1px !important;
  position: relative !important;
  max-width: 700px;
}
/* CAB Style */
/*saml css*/
form[name="saml_manual_form"] input.error-text {
  border: 1px solid #a94442;
}
form[name="saml_manual_form"] .select2-container.error-text {
  border: 1px solid #a94442;
}
/* Service Catalog */
.tl-fixed {
  table-layout: fixed !important;
}
.pl45 {
  padding-left: 45px;
}
.scatlog-default .disp-t {
  border-collapse: separate;
}
.scatlog-default *,
.customize-portal * {
  box-sizing: border-box;
}
.scatlog-default .img-responsive,
.customize-portal .img-responsive {
  width: auto;
}
.scatlog-default .size-40,
.customize-portal .size-40 {
  width: 40px;
  height: 40px;
}
.scatlog-default .size-46,
.customize-portal .size-46 {
  width: 46px;
  height: 46px;
}
.scatlog-default .size-56,
.customize-portal .size-56 {
  width: 56px;
  height: 56px;
}
.scatlog-default .size-60,
.customize-portal .size-60 {
  width: 60px;
  height: 60px;
}
.scatlog-default .size-96,
.customize-portal .size-96 {
  width: 96px;
}
.scatlog-default .panel-inner,
.customize-portal .panel-inner,
.scatlog-default .panel-active,
.customize-portal .panel-active,
.scatlog-default .panel-wrap:hover .panel-hd,
.customize-portal .panel-wrap:hover .panel-hd {
  cursor: var(--sdpcursor-pointer) !important;
}
.scatlog-default .bdr-light,
.customize-portal .bdr-light {
  border: 1px solid #eee;
}
.scatlog-default .modal-overlay2,
.customize-portal .modal-overlay2 {
  cursor: var(--sdpcursor-not-allowed);
}
.scatlog-default .panel-hd,
.customize-portal .panel-hd {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.scatlog-default .panel-active,
.customize-portal .panel-active,
.scatlog-default .panel-wrap:hover .panel-hd,
.customize-portal .panel-wrap:hover .panel-hd {
  background-color: #fbfbfb;
}
.scatlog-default .panel-wrap:hover .addserv-btn,
.customize-portal .panel-wrap:hover .addserv-btn {
  visibility: visible;
}
.scatlog-default .addserv-btn,
.customize-portal .addserv-btn {
  display: inline-block;
  visibility: hidden;
  background-color: #fff;
}
.scatlog-default .addserv-btn:hover,
.customize-portal .addserv-btn:hover {
  background-color: #eee;
}
.scatlog-default .panel-inner,
.customize-portal .panel-inner {
  padding-left: 70px;
}
.scatlog-default .panel-inner:hover,
.customize-portal .panel-inner:hover {
  background-color: #F5F5F5;
}
.scatlog-default .panel-inner:hover .icons-wrap,
.customize-portal .panel-inner:hover .icons-wrap {
  display: block;
}
.scatlog-default .icons-wrap,
.customize-portal .icons-wrap {
  top: 50%;
  transform: translate(0, -50%);
  display: none;
}
.scatlog-default .disabled,
.customize-portal .disabled {
  background-color: #ffdcdc;
  border: 1px solid #f8c4c4;
  padding: 0px 6px;
  display: inline-block;
}
.scatlog-default .panel-disable:hover .disabled,
.customize-portal .panel-disable:hover .disabled {
  display: inline-block !important;
  z-index: 2;
}
.scatlog-default .h-cont,
.customize-portal .h-cont {
  max-width: 85%;
}
.new-category-form .size37 {
  width: 37px;
  height: 37px;
}
.new-category-form .form-wrapper {
  height: 437px;
  overflow-y: auto;
}
.iconset-popover {
  max-width: 341px;
  width: 100% !important;
  padding: 15px !important;
}
.iconset-popover .icon-set > a {
  width: 44px;
  height: 44px;
  display: inline-block !important;
  margin: 5px !important;
  margin: 5px 0px;
  text-align: left;
}
.ver-bdr {
  position: relative !important;
}
.ver-bdr:before {
  content: "";
  display: block;
  width: 1px;
  height: 21px;
  background-color: #d3d3d3;
  position: absolute !important;
  top: 50%;
  transform: translate(0px, -50%);
}
.ver-bdr.left:before {
  left: 0px !important;
}
.ver-bdr.right:before {
  right: 0px !important;
}
@media (min-width: 1780px) {
  .customize-portal {
    max-width: 1600px;
  }
}
.customize-portal .cp-head {
  border-bottom: 1px solid #a5a5a5;
}
.customize-portal div.btn-view .btn-default.active .mobile-view {
  background-position: -243px -263px;
}
.customize-portal div.btn-view .btn-default.active .cart-view {
  background-position: -225px -264px;
}
.customize-portal div.btn-view .btn-default.active .view-list {
  background-position: -161px -264px;
}
.customize-portal .dv-left {
  width: 335px;
  border-right: 1px solid #e2e2e2;
  overflow: auto;
}
.customize-portal .dv-right {
  width: CALC(100% - 336px);
}
.card-view-sec {
  max-width: 1155px;
  margin: 0 auto;
  width: 90%;
}
.card-view-sec > .disp-t {
  border-collapse: separate;
  border-spacing: 28px 14px;
}
.card-view-sec .cv-block {
  border: 1px solid #f1f1f1;
  transition: 0.3s all;
  min-width: 246px;
  max-width: 246px;
  border-radius: 7px;
  box-shadow: 0px 0px 5px 2px #f1f1f1;
}
.card-view-sec .cv-block:hover {
  border-color: #008ddd;
  border-color: var(--link_tab_line_color, #008ddd);
  box-shadow: 0px 0px 11px 2px #eee;
}
.card-view-sec.sub-service {
  max-width: 1322px;
}
.card-view-sec.sub-service .cv-block {
  min-width: 230px;
  max-width: 230px;
}
.cv-expandall .card-view-sec {
  max-width: 1425px;
  min-width: 1425px;
}
.cv-expandall .card-view-sec .cv-block {
  min-width: 240px;
  max-width: 240px;
}
.iconset-popover .icon-set > a,
.uploadicon-popover .icon-set > a {
  width: 44px;
  height: 44px;
  display: inline-block !important;
  transition: 0.3s box-shadow;
  border: 1px solid transparent;
}
.iconset-popover .icon-set > a img,
.uploadicon-popover .icon-set > a img {
  max-height: 44px;
  max-width: 44px;
}
.iconset-popover .icon-set > a:hover,
.uploadicon-popover .icon-set > a:hover {
  box-shadow: 0px 0px 2px 1px #c4d5db;
}
.iconset-popover .icon-set > a.active,
.uploadicon-popover .icon-set > a.active {
  border: 1px dotted #8ed9ff;
  background: #ecf6ff !important;
}
/*Form Customization*/
.uploadicon-popover {
  max-width: 508px;
  width: 100%;
  padding: 0 10px;
  min-height: 300px;
}
.uploadicon-popover .drag-dropcls {
  border: 2px dashed #eee;
  height: 177px;
}
.uploadicon-popover .drag-dropcls .btn-info {
  background-color: #f0fafe;
  color: #709cd0;
  border: 1px solid #f0fafe;
}
.uploadicon-popover .drag-dropcls .btn-info:hover,
.uploadicon-popover .drag-dropcls .btn-info:active {
  border-color: #709cd0;
}
.uploadicon-popover .drag-dropcls .text-color5 {
  color: #d9d9d9;
}
.uploadicon-popover .drag-cont {
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}
.uploadicon-popover .icon-set {
  max-height: 256px;
  overflow-y: hidden;
  display: flex;
  flex-wrap: wrap;
}
.uploadicon-popover .icon-set:hover {
  overflow-y: auto;
}
.uploadicon-popover .icon-set a {
  margin: 7px 11px!important;
}
.uploadicon-popover .icon-set h3 {
  width: 100%;
}
.uploadicon-popover .custom-arrow:before,
.uploadicon-popover .custom-arrow:after {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  position: absolute;
}
.uploadicon-popover .custom-arrow:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--br-light-grey);
  margin: -8.5px 0 0px 10px;
}
.uploadicon-popover .custom-arrow:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--br-white);
  margin: -7px 0 0px 11px;
}
.sdmenu-dd.showmenu.open {
  display: block;
}
.custom-prof:hover .dark-layer {
  display: block;
}
.custom-prof .dark-layer {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
}
.custom-prof .dark-layer:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #606060;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.custom-prof .dark-layer a {
  top: 50%;
  transform: translateY(-50%);
}
.custom-prof .dark-layer .white-del {
  left: 20%;
}
.custom-prof .dark-layer .white-edit {
  right: 20%;
}
.hr-dark {
  border-top-color: #d7d7d7;
}
.customize-portal .search-box {
  max-width: 560px;
  width: 50%;
}
.customize-portal .search-box span.cspr {
  top: 50%;
  transform: translateY(-37%);
}
.customize-portal .search-box input {
  height: 40px;
  border: 2px solid #d3d9de;
  border-radius: 3px;
  font-size: var(--fs-14);
}
.customize-portal .search-box input::placeholder {
  color: #a5a5a5;
}
.customize-portal .portal-search .search-box input {
  height: 30px;
  border-width: 1px;
  font-size: var(--fs-13);
}
.fad-hr {
  width: 210px;
  height: 150px;
}
.fad-hr:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
  position: absolute;
  bottom: 0px;
}
.cus-img-res,
.fad-hr {
  position: relative !important;
}
.cus-img-res img,
.fad-hr img {
  max-height: 90%;
  max-width: 90%;
  position: absolute !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cus-img-res img[src*=".svg"],
.cus-img-res img[src*="/api/v3/"] {
  margin-left: -25.2px;
  margin-top: -25.2px;
  transform: none;
}
.scListView .alert-nodata {
  border-collapse: separate;
}
@media (max-width: 1480px) and (min-width: 1300px) {
  .card-view-sec.sub-service {
    max-width: 1156px;
  }
  .card-view-sec.sub-service .cv-block {
    min-width: 200px;
    max-width: 200px;
  }
  .fad-hr {
    width: 95%;
  }
  .cv-expandall .card-view-sec {
    max-width: 1257px;
    min-width: 1257px;
  }
  .cv-expandall .card-view-sec .cv-block {
    min-width: 204px;
    max-width: 204px;
  }
}
.sccm td:hover .menulist {
  opacity: 0.7;
}
@media (max-width: 1299px) {
  .card-view-sec {
    max-width: 972px;
  }
  .card-view-sec .cv-block {
    min-width: 207px;
    max-width: 207px;
  }
  .card-view-sec.sub-service {
    max-width: 1054px;
  }
  .card-view-sec.sub-service .cv-block {
    min-width: 177px;
    max-width: 177px;
  }
  .fad-hr {
    width: 95%;
    height: 100px;
  }
  .fad-hr + .font-medium {
    font-size: var(--fs-14) !important;
  }
  .sortable {
    margin-right: 0px!important;
  }
  .reorder-txt {
    display: none;
  }
  ul.cp-head > li:nth-child(2) > span:nth-child(2) {
    display: none!important;
  }
  .cv-expandall .card-view-sec {
    max-width: 1151px;
    min-width: 1151px;
  }
  .cv-expandall .card-view-sec .cv-block {
    min-width: 184px;
    max-width: 184px;
  }
}
.sccm td:hover .menulist {
  opacity: 0.7;
}
/*Password Policy*/
.pwdreq-popup {
  padding: 20px;
  min-width: 340px;
  max-width: 340px;
  z-index: 99999;
  padding: 0px;
}
.pwd-policy-row > .col-sm-4 {
  width: 373px;
}
.pwd-policy-row > .col-sm-8 {
  width: CALC(100% - 373px);
}
.pwdstren-bar {
  background-color: #efebeb;
  height: 4px;
  border-radius: 15px;
  overflow: hidden;
}
.pwdstren-bar .pwd-weak,
.pwdstren-bar .pwd-fair,
.pwdstren-bar .pwd-good,
.pwdstren-bar .pwd-strong {
  transition: 0.4s all;
}
.pwdstren-bar .pwd-weak {
  width: 25%;
  background-color: #fc363b;
}
.pwdstren-bar .pwd-fair {
  width: 50%;
  background-color: #ffcc33;
}
.pwdstren-bar .pwd-good {
  width: 75%;
  background-color: #2d98f3;
}
.pwdstren-bar .pwd-strong {
  width: 100%;
  background-color: #76c261;
}
/* Migrate OP to OD */
.migrate-od-modal {
  position: fixed;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 900px;
  width: 50%;
  height: 600px;
  background-color: #fff;
  z-index: 100;
  transform: scale(0);
  transition: all 1s;
}
.migrate-od-modal.active {
  transform: scale(1) !important;
}
.migrate-od-modal .migrate-header {
  padding: 15px 30px 0px;
}
.migrate-od-modal ol li {
  padding: 5px;
  line-height: 1.5;
}
.migrate-od-modal .content {
  height: 530px;
  overflow: auto;
  padding: 30px;
}
.migrate-progress {
  top: 55px;
  left: 40%;
  margin-left: 0;
  margin-right: 0;
  position: absolute !important;
}
/* Migrate OP to OD Ends*/
/* Begin: Request Checklist  */
.checklist-fc .formfields {
  width: 357px;
}
.checklist-fc .dragdrop-blk {
  padding: 15px !important;
  text-align: center !important;
  margin-top: 30px !important;
  border: 1px dashed #DDD;
}
.checklist-fc .ui-drop-hover {
  background-color: #FFF;
}
.checklist-fc .spot-edit-row:first-child {
  margin-top: 15px !important;
}
.check-af-block {
  margin: 10px 0px 10px 100px;
  width: 600px;
}
.check-af-block:before,
.check-af-block:after {
  display: table;
  content: " ";
}
.check-af-block:after {
  clear: both;
}
.check-af-block:before,
.check-af-block:after {
  display: table;
  content: " ";
}
.check-af-block:after {
  clear: both;
}
.newchecklist_ul > li {
  z-index: 2;
}
.additem-radioform {
  height: 300px;
}
.additem-radioform > .col-right {
  border-left: 1px solid #EEE;
  background-color: #f6f6f6;
}
.cl-radiotable .drag1 {
  position: absolute !important;
  left: 3px !important;
  margin-left: -15px !important;
  top: 50%;
  transform: translateY(-50%);
}
.workflow-cl {
  border: 1px solid #e7e7e7;
  margin-bottom: 20px !important;
}
.workflow-cl .workflow-ph {
  background-color: #f5f5fa;
  padding: 10px !important;
}
.workflow-cl .workflow-bd {
  background-color: #FFF;
  min-height: 70px;
}
.cl-detailviewTab .controls {
  height: 35px;
}
.cl-detailviewTab .clhead-left,
.cl-detailviewTab .clhead-right,
.cl-detailviewTab .clcontent-left,
.cl-detailviewTab .clcontent-right {
  padding: 10px !important;
  vertical-align: middle !important;
}
.cl-detailviewTab .clhead-left,
.cl-detailviewTab .clcontent-left {
  width: 70%;
}
.cl-detailviewTab .clhead-left {
  border-right: 1px solid #d7d7d7;
}
.cl-detailviewTab .clhead-right,
.cl-detailviewTab .clcontent-right {
  width: 30%;
}
.cl-detailviewTab .cl-content:not(:last-child) {
  border-bottom: 1px solid #d6d6d6;
}
.cl-detailviewTab .cl-content:hover {
  background-color: #F5F5F5;
}
.cl-detailviewTab .clpanel-head {
  display: table;
  width: 100% !important;
}
.cl-detailviewTab .clcheckbox {
  background-color: #f6f6f6;
}
.cl-detailviewTab .clpanel-body {
  padding: 0px !important;
}
.cl-detailviewTab .clpanel-body > div {
  background-color: #FFF;
  border: 1px solid #d0d0d0;
}
.cl-detailviewTab .clpanel-body .cl-row {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.cl-detailviewTab .clpanel-body .cl-row:last-child:not(:first-child) {
  margin-bottom: 10px !important;
}
.cl-detailviewTab .clpanel-body .cl-row:hover {
  background-color: #F9F9F9;
}
.cl-detailviewTab .clpanel-body .cl-row .cl-hover {
  visibility: hidden;
}
.cl-detailviewTab .clpanel-body .cl-row:hover .cl-hover {
  visibility: visible;
}
.cl-detailviewTab .clpanel-body .cl-single {
  background-color: transparent;
}
.cl-detailviewTab .clpanel-body .cl-single > .cspr {
  transform: scale(0.9);
  vertical-align: initial;
}
.wl-pritcontent {
  border: 1px solid #EEE;
}
.wl-pritcontent * {
  box-sizing: border-box;
}
.wl-pritcontent .wl-row:not(:last-child) {
  border-bottom: 1px solid #EEE;
}
.wl-pritcontent .wl-row > .col-sm-6 {
  padding: 10px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.checklist-sections {
  padding: 30px;
}
.checklists-table tr a.text-info {
  color: #008ddd !important;
  color: var(--link_tab_line_color, #008ddd) !important;
  text-decoration: none;
}
.single-form .formpopup-queswrapper .formpopup-groupfield {
  width: 390px;
}
.checklist-fc .formtmpl-wrapper .control-label {
  text-align: left;
}
.checklist-fc .formfields [data-name=formfields] {
  width: 100% !important;
}
.checklist-fc .form-horizontal.four-col .col-group {
  width: 100%!important;
}
.checklist-fc .request-template-form .right-col input[type="text"] {
  width: 200px;
}
/* End: Request Checklist  */
/*OLA*/
.ola-groupname-sel .select2-search input,
.ola-groupname-sel .select2-search-field input {
  width: 100% !important;
}
.ola-table .groupname-cell {
  width: 25%;
}
.ola-table .timer-cell {
  width: 33.3333%;
}
.ola-table .descript-cell {
  width: 41.66666667%;
}
.ola-groupname-sel {
  max-height: 92px;
  overflow-y: auto;
}
.ola-table .descript-cell textarea {
  overflow-y: auto;
  width: calc(100% - 90px);
  resize: none;
  min-height: 27px;
  max-height: 92px;
  height: auto;
}
/* Recommended Template */
.req-temp .servinc-common {
  width: 325px;
}
/* mail server setting css */
.prox-blk span {
  visibility: hidden;
}
.prox-blk span a {
  padding-left: 5px !important;
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.prox-blk:hover span {
  visibility: visible;
}
.prox-blk input[type="checkbox"] {
  top: 2px !important;
  position: relative;
}
.prox-blk.un-prox label {
  opacity: 0.3;
  cursor: var(--sdpcursor-not-allowed);
}
.form-adjust tr td[nowrap] {
  white-space: normal;
}
.load-ref {
  /*.task-loading{
 		.top1;
 	}*/
}
.load-ref .rotate-right {
  transform: scale(1.2);
  top: 2px !important;
}
.re-link {
  margin-left: -10px;
}
.re-link .input-group-addon {
  position: relative;
  left: -11px;
}
/* mail server setting css */
/* Add user portal */
.userdetails {
  background-color: #FFF;
  position: absolute;
  top: 0px !important;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
  width: 360px;
  z-index: 99999;
  height: 500px;
}
.userdetails .form-group {
  height: 438px;
  overflow: auto;
}
.user-sel-cust .select2-results .select2-highlighted {
  background: #F1F1F1 !important;
  color: #000;
}
.user-sel-cust .select2-results .select2-highlighted a {
  color: #000 !important;
}
.user-sel-cust li.select2-highlighted:hover {
  color: #000 !important;
}
.user-sel-cust .select2-results {
  max-height: 400px !important;
}
.user-sel-cust .select2-results li {
  border-bottom: 1px solid #e4e4e4;
  line-height: 20px;
}
.user-sel-cust .bk-truncate {
  width: 100%;
}
.user-sel-cust .moreoption {
  display: none;
}
.user-sel-cust .select2-result:hover .moreoption {
  display: block;
}
.user-sel-cust.select2-drop-active {
  padding: 0px !important;
}
.userdetails .form-horizontal.four-col .left-col {
  width: 68%;
}
.icon-llx {
  width: 60px !important;
  height: 60px !important;
}
ul#userList {
  border-top: 1px solid #e3e3e3;
}
ul#userList li {
  border-bottom: 1px solid #e3e3e3;
}
/* Add user portal end */
.assoc-template {
  border: 1px solid transparent;
}
.assoc-template .req-prop > button {
  visibility: hidden;
}
.assoc-template:hover {
  background: #f9fbfb;
  border: 1px solid #ecf2f3;
}
.assoc-template:hover .req-prop > button {
  visibility: visible;
}
.re-link {
  margin-left: -10px;
}
.re-link .input-group-addon {
  position: relative;
  left: -11px;
}
.oauth-table-div .tablelist .tc-req-edit {
  line-height: 14px;
}
.oauth-table-div .tablelist img.rounded5 {
  margin-top: 5px;
}
.oauth-table-div .tablelist .slide-toggle {
  margin-top: 2px;
}
.oauth-table-div .listcontrols {
  padding-left: 0px !important;
}
.zep_PUbtm span.sel {
  height: auto;
}
.uitooltip-track img {
  max-width: 500px;
  height: auto;
}
/*.dre-help-icon{
	margin-left: 9px;
	margin-right: 0px;
}
.CodeMirror-vscrollbar{
	right: inherit;
	left: 0px;
}
#delugeLeftPane{
	border-left: 1px solid #ebebeb;
	border-right: 0px !important;
}
.deluge-tools{
	float:left !important;
}
.deluge-shortcut-content{
	left:0px;
	right: inherit !important;
}
.CodeMirror-linenumber{
	width:38px !important;
}
.dre-deluge-actions{
	float: left !important;
}*/
/*Service Catalog Grid Start*/
.card-view-sec.scc-grid {
  max-width: none;
}
.card-view-sec.scc-grid .row {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  justify-content: center;
}
#mainContainer.scc-container {
  max-width: none;
}
.scc-grid.expandall {
  margin-left: 58px;
}
.card-view-sec .row.jus-start {
  justify-content: flex-start;
}
/*Service Catalog Grid End*/
/* SSPS custom portal css */
#SelfSerdiv table {
  border-collapse: collapse;
}
#SelfSerdiv .tc-row > td {
  padding: 12px 5px;
}
#SelfSerdiv .sdtabs-ui2 > .nav-sdtabs {
  border-bottom: 1px solid #d7d7d7;
}
#SelfSerdiv h4 hr {
  border-top: 1px solid #d7d7d7;
}
/* SSPS custom portal css end */
/* Theme Enhancement color setting */
.thm-cmn span.thm-clr-circle {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 10px;
  border-radius: 50%;
  vertical-align: middle;
  position: relative;
}
.thm-cmn span.thm-clr-circle.active::after {
  position: absolute;
  width: 2px;
  height: 10px;
  background: #FFF;
  content: '';
  top: 48%;
  left: 48%;
  transform: rotate(35deg) translate(-50%, -50%);
}
.thm-cmn span.thm-clr-circle.active::before {
  position: absolute;
  width: 2px;
  height: 5px;
  background: #FFF;
  content: '';
  top: 48%;
  left: 48%;
  transform: rotate(-50deg) translate(-50%, -50%);
}
.thm-cmn .custclr-btn {
  width: auto;
  border-radius: 15px;
  background: #FFF;
  border: 1px solid #CCC;
  padding: 4px 10px;
  line-height: normal;
  align-items: center;
  margin: 0 5px;
}
/* Theme Enhancement color setting */
/* Zia css */
.zia-warp-sub .text-muted {
  color: #444444 !important;
}
.zia-warp-sub .k_div {
  line-height: 1.4;
}
.zia-warp-sub .k_div label {
  width: 95px;
}
.zia-config .table-header .inner {
  font-size: var(--font-size-base);
}
.zia-content .k_div label {
  width: 95px;
}
/* Zia css */
#adminmodule-container table tbody .subsectionlist {
  background-color: #fbf4d8;
}
#adminmodule-container .tableComponent td .menulist:hover {
  opacity: 1;
}
#adminmodule-container .listcontrols.list-primary .filter-menu .sdmenu-toggle {
  max-width: 400px;
}
#adminmodule-container .listview .tableComponent a:focus {
  text-decoration: none;
  color: var(--link_tab_line_color, #008ddd);
}
.listview .subsectionlist .sdmenu-dd > .active > a,
.listview .subsectionlist .sdmenu-dd > .active > a:hover,
.listview .subsectionlist .sdmenu-dd > .active > a:focus {
  background-color: var(--primary_button_color, #008ddd);
  color: var(--primary_button_text, #fff);
}
.listview .subsectionlist tbody > tr > td {
  border-bottom: 1px solid #F1F1F1;
  height: 33px;
}
.maincview.animationactive {
  z-index: 99;
}
/*Technician Auto Assign Start*/
.taa-container {
  background-color: #F5F5F5;
  border: 1px solid #ebebeb;
}
.taa-container ol.filterwrapper {
  min-width: auto !important;
}
.taa-container ol.filterwrapper li {
  display: flex;
}
.clone-add > span {
  background-position: -268px -7px;
}
.clone-add:hover > span {
  background-position: -290px -7px;
}
.clone-remove > span {
  background-position: -315px -8px;
}
.clone-remove:hover > span {
  background-position: -344px -7px;
}
.and-or {
  width: auto;
  min-width: 65px;
}
.taa-hover {
  margin: 0px -20px;
}
.taa-hover:hover {
  background-color: #f3f3f3;
}
/*Technician Auto Assign End*/
/*Integration Key Start*/
.gen-intg-key {
  max-height: 500px;
  overflow: auto;
}
.ipintkey {
  display: inline-grid;
  display: -ms-inline-grid;
  position: relative;
}
.ipintkey:after {
  content: attr(int-key);
  visibility: hidden;
  white-space: pre-wrap;
  width: auto;
  margin-top: -20px;
  padding-right: 10px !important;
}
.ipintkey > input {
  width: auto;
  background: none;
  border: none;
  pointer-events: none;
  caret-color: transparent;
}
.copy-mask {
  -webkit-mask-position: -358px -756px;
  -webkit-mask-image: url('/images/ui-common-view.svg?15110');
}
.copy-mask:hover {
  background: #000;
  /* #000 */
}
/*Integration Key End*/
/* Group Role Start */
.associatemodalform {
  max-height: 300px;
  overflow: auto;
  height: auto;
}
.associatemodalform .scroller > .grouproleclone:not(:nth-child(2)) label.associate-label {
  display: none;
}
.associatemodalform .scroller > .grouproleclone:not(:nth-child(2)) .alert.alert-danger.alert-arrow {
  top: 33px !important;
}
.associatemodalform .scroller > .grouproleclone:nth-child(2) .disp-c:nth-child(3) {
  padding-top: 20px;
}
/* Group Role End */
/*Reusable resource Section and Question listview*/
#resource_sections_kanban_div .tc-row .row,
#questions_kanban_div .tc-row .row,
.subsectionlist.ui-dialog-content .tc-kanban .tc-row .row {
  padding: 0 !important;
}
#resource_sections_kanban_div .tc-row .row .k_div,
#questions_kanban_div .tc-row .row .k_div,
.subsectionlist.ui-dialog-content .tc-kanban .tc-row .row .k_div {
  margin: 0 !important;
}
.subsectionlist.ui-dialog-content .scatlog-default .panel-inner:hover .icons-wrap,
.subsectionlist.ui-dialog-content .customize-portal .panel-inner:hover .icons-wrap {
  display: none;
}
/*business rules and cutom trigger new style*/
.tc-indent-row .tc-row .row {
  padding: 0px !important;
}
.tc-indent-row .tc-row .col-xs-12 .k_div {
  margin: 0px !important;
}
.tc-indent-row .tc-row .col-xs-12 .k_div > span.text-overflow {
  width: 100%;
}
.tc-indent-row .subsectionlist .tc-row .row {
  padding-left: 80px !important;
}
.cv-task-item.block-highlighted .expand-arrow-md {
  background-position: -230px -570px;
  /*.collapse-arrow-md*/
}
.toggle-smbtn .btn-group {
  height: 20px !important;
}
.toggle-smbtn .tg-btn-sm {
  padding: 0px 12px !important;
  font-size: var(--font-size-xsmall) !important;
  line-height: 16px;
}
.toggle-smbtn .toggle-spot.toggle-spot-anim {
  right: 83% !important;
}
.toggle-smbtn .toggle-spot {
  width: 10px !important;
  height: 10px !important;
  top: 3px !important;
  right: 4px !important;
  background: linear-gradient(#FFF, #FFF) !important;
}
/* self service portal alignment fix */
.form-setting-blk {
  padding-top: 0px !important;
  padding-left: 0px !important;
}
.form-setting-blk .pt20.pb20,
.form-setting-blk .pt30 {
  padding-top: 0px !important;
  padding-left: 0px !important;
}
.form-setting-blk .new-header {
  margin-top: 0px !important;
}
/* self service portal alignment fix */
.zia-workflow-dropdown a {
  color: #000;
}
.zia-flex {
  display: flex;
}
.zia-flex div {
  width: 50%;
  display: flex;
}
.zia-flex div p {
  margin: 5px 0;
}
.zia-flex div p span {
  word-break: break-word;
}
.zia-flex div .cont-wrap {
  flex: 0%;
  -ms-flex: 0%;
}
.zia-configflow .ui-dialog-content {
  overflow-x: hidden;
}
/*Zia workflow Listview width & padding fix*/
.ovr-pad-fw .listview {
  padding: 0px !important;
  border-top: 0px;
}
.ovr-pad-fw .tablelist {
  width: 100% !important;
}
/* MEON AD Sync Start */
.import-sch-info {
  margin: 10px 0px 0px 0px;
  display: table;
}
.import-sch-info > div {
  display: table-row;
}
.import-sch-info > div > div {
  display: table-cell;
  padding: 6px 3px;
  padding-top: 10px;
}
.import-sch-info > div > div > .divider {
  padding: 0.6px;
}
.import-close-alert {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 550px;
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%);
  background-color: #FFF;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  border: 1px solid #E9E9E9;
}
.import-close-alert > div {
  display: table;
}
.import-close-alert > div > div {
  display: table-cell;
  padding: 30px 20px;
  vertical-align: top;
  line-height: 20px;
}
.import-close-alert > div > div:nth-child(2) {
  width: 340px;
}
.import-close-alert .importad {
  background-image: url('/images/import-ad.svg');
  height: 125px;
  width: 168px;
  background-position: -57px -39px;
}
.folder-input {
  /* 
	


	Transform not required 
	
	
	
	*/
}
.folder-input input[type=checkbox] {
  vertical-align: bottom;
}
.folder-input > table > tbody > tr:nth-child(1) > td input[type=checkbox] {
  vertical-align: middle;
}
.folder-input > table > tbody > tr:nth-child(1) > td:nth-child(1) > img {
  padding-left: 21px;
  width: 21px;
  height: 30px;
  box-sizing: border-box;
  display: block;
  background-repeat: no-repeat;
}
.folder-input > table > tbody > tr:nth-child(1) > td:nth-child(1) > img[src="images/m.gif"],
.folder-input > table > tbody > tr:nth-child(1) > td:nth-child(1) > img[src="/images/m.gif"] {
  background: url('/images/m-1.gif');
}
.folder-input > table > tbody > tr:nth-child(1) > td:nth-child(1) > img[src="images/p.gif"],
.folder-input > table > tbody > tr:nth-child(1) > td:nth-child(1) > img[src="/images/p.gif"] {
  background: url('/images/p-1.gif');
}
.folder-input td > table#tn:nth-child(1) > tbody > tr:nth-child(1) > td:nth-child(1)::before {
  content: "";
  display: block;
  margin-top: -7px;
  height: 7px;
  background-image: url('/images/jl.gif');
  background-repeat: no-repeat;
  font-family: none;
  background-position: 0px 0px;
  background-size: inherit;
  /* Transform not required */
}
.useradhelp {
  max-width: 310px;
  width: 310px;
  padding: 0px;
}
/* Zoho Component datepicker disable state fix */
.dpicker-disabled {
  pointer-events: none;
}
.dpicker-disabled .input-group.date input.form-control[readonly][disabled] {
  background: #eeeeee;
  /* #eee */
}
/* Zoho Component Admin module white space issue fix */
.zh-dnone {
  display: none;
}
/* MEON AD Sync End */
/* op od migration image*/
.migrate-banner img {
  margin: 0 auto;
}
.office365-xxl {
  background-position: -455px -753px;
}
/*Fixed Helpcard*/
.helpcard-pos {
  position: absolute;
  right: 0;
  top: 60px;
  height: 100%;
}
.helpcard-pos .fixed-helpcard {
  position: sticky;
  top: 60px;
  transition: all 0.3s;
  z-index: 97;
}
.helpcard-pos .fixed-helpcard svg.thmicon-fill {
  fill: var(--primary_button_color, #008ddd);
}
.helpcard-pos .fixed-helpcard:hover svg.thmicon-fill {
  filter: drop-shadow(-1px 1px 2px var(--input_border_color));
}
div.hc-inner-content {
  height: calc(95vh - (var(--bottom-bar-hgt) - 30px)) !important;
}
/*Fixed Helpcard*/
.udf-commonfield {
  width: 8px;
  height: 8px;
  background: #16B006;
}
.sub-catgry {
  display: inline-block !important;
  margin-left: 10px;
}
.org-tab {
  width: 100%;
}
.ccmdiv .org-tab {
  width: 50%;
}
/* FOS Start */
.fos-nodata.disp-t {
  border: 1px solid #E9E9E9;
  margin: 60px 30px 30px 30px;
}
.fos-nodata.disp-t .disp-c:nth-child(1) {
  width: 25%;
  padding: 40px;
}
.fos-nodata.disp-t .disp-c:nth-child(2) {
  width: 70%;
  padding: 30px;
  border-left: 1px solid #E9E9E9;
}
.fos-form.form-horizontal.one-col .col-group {
  width: 100%;
}
svg.ha-svg tspan.text-muted {
  fill: #515151;
  /* #515151 */
}
svg.ha-svg foreignObject.fo1 > div.ps {
  padding-right: 65px;
  text-align: center;
}
svg.ha-svg foreignObject.fo1 > div.ss {
  padding-left: 65px;
  text-align: center;
}
/* FOS End */
/* issue fix #76422 Start */
.criteriaval #tarea {
  table-layout: fixed;
}
/* issue fix #76422 End */
.api-sidebar .opened .nav-stacked li {
  display: block;
}
/* Admin addon*/
.adv-feature {
  float: right;
  border: 1px solid #d4d4d4;
  width: 400px;
  box-shadow: 0px 2px 4px 1px #d4d4d4;
  position: absolute;
  z-index: 2;
  background: #FFF;
  right: 5px;
  top: 5px;
}
.adv-feature.fh {
  height: CALC(100% - 72px) !important;
}
.adv-feature .adv-f-content button {
  padding: 4px 10px;
}
.adv-feature .ad-list {
  padding: 5px 20px;
  margin: 0px;
  list-style-type: none;
}
.adv-feature .ad-list li {
  padding: 5px 15px;
}
.adv-feature .ad-list li label {
  min-width: 180px;
  max-width: 180px;
}
.adv-trial {
  display: inline-block;
  width: auto;
  height: 22px;
  background-color: #ff4550;
  border-left: 1px solid #ff4550;
  margin-left: 19px;
  position: relative;
  color: white;
  font-size: var(--fs-13);
  line-height: 25px;
  padding: 0px 12px;
}
.adv-trial:before {
  content: "";
  position: absolute;
  display: block;
  left: -16px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 15px solid #ff4550;
}
.adv-togglein .admin-iconrow div,
.adv-togglein .admin-iconrow span {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.adv-togglein .admin-iconrow span {
  padding-top: 10px;
  text-align: center;
  padding-left: 0px !important;
}
/* Admin addon */
/*Add custom font ui*/
.font-nav {
  list-style: none;
}
.font-nav li {
  position: relative;
  display: block;
}
.font-nav li a,
.font-nav li span.text-hover-link {
  position: relative;
  display: inline-block;
  width: 260px;
  padding: 6px 15px;
}
.font-nav li.active {
  background-color: #337ab7;
  border-color: #FFF;
}
.font-nav li.open,
.font-nav li:hover {
  background-color: #EEE;
  border-color: #337ab7;
}
.font-nav .font-nav-default {
  color: #F9F9F9;
  border: 1px solid #515151;
  height: 22px;
  padding: 3px 10px;
  line-height: 1;
  background-color: #515151;
}
.font-popup .font-library {
  width: 320px;
}
.font-popup .font-list {
  height: CALC(100vh - 150px) !important;
  width: 277px;
}
.font-popup .font-preview {
  height: CALC(100vh - 150px) !important;
}
.font-popup .font-form {
  left: 120%;
}
.font-popup.block-grid .font-preview .row > div {
  border: none !important;
}
/* Admin History UI */
.admin-range-sel .zselectbox {
  padding: 5px 10px !important;
  border-color: #d9d9d9;
  border-radius: 0;
}
.admin-range-sel .zselectbox .zselectbox__icon.calendaricon {
  width: 18px;
  height: 17px;
  margin-left: 0;
  margin-right: 10px;
}
.admin-range-sel .zbutton {
  border-color: transparent;
}
.history-fltr {
  width: 550px;
  box-sizing: border-box;
}
.history-fltr .br-hglt {
  border-color: var(--input_border_color);
  border: 1px solid var(--input_border_color, rgba(0, 141, 221, 0.7));
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--input_border_shadow, rgba(0, 141, 221, 0.3));
}
.history-fltr .filter-label {
  min-width: 120px;
  max-width: 120px;
}
.history-fltr .adv-dialog {
  top: 50px;
  left: 20px;
}
.diff-compare * {
  box-sizing: border-box;
}
.diff-compare .diff-title {
  border-bottom: 1px solid #DDD;
}
.diff-compare .diff-col {
  border-right: 1px solid #DDD;
  min-height: 350px;
}
.desc-diff {
  z-index: 1003;
}
.desc-diff .ui-dialog-content.ui-widget-content {
  overflow-y: hidden;
}
.ip-sec {
  border: 1px solid #DDD;
  padding: 3px 10px;
  border-radius: 3px;
  font-size: var(--fs-12);
  margin-right: 5px;
  max-width: 150px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view-history-dig #module-preview-frame {
  padding: 0px !important;
}
.history-dig {
  overflow: hidden !important;
}
.history-dig .history-content {
  height: CALC(100% - 65px);
  padding: 20px;
  padding-top: 0px;
  overflow-y: auto;
}
/* Admin History UI */
.flex-card {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.flex-card .flex-card-item {
  width: calc(25% - 23px);
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
}
.flex-card .flex-card-item .flex-card-footer {
  display: flex !important;
  align-items: center !important;
  padding: 10px !important;
  background: #F9F9F9;
  position: absolute !important;
  bottom: 0px !important;
  width: 100% !important;
  z-index: 10;
}
.flex-card .flex-card-item.highlightbox {
  animation: shadowhighlighcolor 2s ease-in-out 0.4s;
}
.flex-card .flex-card-item.active {
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15), 0px 0px 0px 2px #00C655;
}
.flex-card .flex-card-item.active .card-footer-menu button {
  display: none;
}
.flex-card .flex-card-item.active .success {
  visibility: visible;
}
.flex-card .flex-card-item.active li[data-deletemenu] {
  opacity: 0.5;
  color: #515151;
  cursor: var(--sdpcursor-not-allowed) !important;
}
.flex-card .flex-card-item.active li[data-deletemenu] a {
  pointer-events: none;
}
.flex-card .flex-card-item .modal-overlay2 {
  opacity: 0;
  transition: opacity 0.5s;
}
.flex-card .flex-card-item:hover .modal-overlay2 {
  opacity: 0.75;
}
.flex-card .flex-card-item:hover .card-dotted-menu {
  transform: translateX(0px);
}
.flex-card .flex-card-item:hover .card-footer-menu {
  transform: translateY(calc(-100% - 32px));
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
}
.flex-card .flex-card-item .success {
  visibility: hidden;
}
.flex-card figure {
  cursor: var(--sdpcursor-pointer);
  background: #FFF;
}
.flex-card figure img {
  height: 15.5vw;
  width: 100%;
  object-fit: contain;
  padding: 5px;
  object-position: top;
}
.flex-card .card-footer-menu {
  width: 100%;
  transform: translateY(0);
  padding: 15px;
  background: #FFF;
  transition: 0.5s transform;
  box-shadow: none;
}
.template-search input {
  width: 150px !important;
  transition: 0.5s all !important;
}
.template-search input:focus {
  width: 250px !important;
}
.card-dotted-menu,
.card-footer-menu {
  position: absolute;
  z-index: 1;
}
.card-dotted-menu {
  top: 20px;
  right: 20px;
  background: #FFF;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 26px;
  text-align: center;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.22);
  cursor: var(--sdpcursor-pointer);
  user-select: none;
  transform: translateX(70px);
  transition: 0.5s transform;
}
.card-dotted-menu ul {
  top: 40px;
  margin-right: -20px;
  min-width: 110px;
}
.card-dotted-menu ul.sdmenu-dd:after {
  content: '';
  position: absolute;
  top: -23px;
  right: 13px;
  border: 12px solid transparent;
  border-bottom-color: #ffffff;
  filter: drop-shadow(0px -1px 0px rgba(1, 1, 1, 0.1));
}
.card-dotted-menu .dotted-menu-circle {
  color: #515151;
  /* #515151 */
  font-family: sans-serif;
}
.ssp-thm-list ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-row-gap: 10px;
  grid-template-columns: 50% 50%;
}
.ssp-thm-list ul li {
  position: relative;
}
.ssp-thm-list ul li label {
  display: block;
}
.ssp-thm-list ul li .ssp-theme-thumb {
  width: 100%;
  height: 100px;
  margin-bottom: 8px;
  border: 2px solid #E9E9E9;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: var(--sdpcursor-pointer);
  border-radius: 5px;
}
.ssp-thm-list ul li input[type="radio"] {
  position: absolute;
  visibility: hidden;
  width: 100%;
  height: 100%;
}
.ssp-thm-list ul li input[type="radio"]:checked + .ssp-theme-thumb {
  border-color: #008ddd;
  border-color: var(--link_tab_line_color, #008ddd);
}
.ssp-thm-list ul li:nth-child(odd) {
  margin-right: 10px !important;
}
.ssp-thm-list ul li:nth-child(even) {
  margin-left: 10px !important;
}
.ssp-theme-thumb.save-content {
  background-color: #EDFFF7;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes shadowhighlighcolor {
  0% {
    box-shadow: 0px 0px 0px 15px #ffff9b;
  }
  100% {
    box-shadow: 0px 0px 0px 0px #ffff9b;
  }
}
/* UEM Start */
.uem-intg .desktopcentral-xxl {
  transform: scale(0.7);
  vertical-align: middle;
  margin-left: -9px;
}
.uem-intg h4 {
  margin-top: 0px;
  margin-bottom: 3px;
}
.uem-intg ul {
  list-style: none;
  padding-top: 10px;
  padding-left: 0px;
}
.uem-intg ul li {
  padding-bottom: 5px;
}
.uem-intg ul li input[type="radio"] {
  top: 1px;
}
.uem-intg .div-or-blk {
  width: 30px;
  height: 100%;
  min-height: 300px;
  float: left;
  margin-right: 15px;
  margin-left: 15px;
  position: relative;
  left: -15px;
}
.uem-intg .div-or-blk:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #CCC;
  left: 50%;
}
.uem-intg .div-or-blk p {
  width: 30px;
  height: 25px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  top: 50%;
  margin-top: -15px;
  position: absolute;
  padding-top: 5px;
  text-align: center;
  background: #FFF;
}
.btn-outline-primary {
  background-color: transparent;
  border-color: var(--primary_button_hover_color, #007fc7);
  color: var(--link_tab_line_color, #008ddd);
}
.btn-outline-primary:hover {
  background: var(--primary_button_hover_color, #007fc7);
  color: var(--primary_button_text, #FFF);
}
.btn-outline-primary:hover .thmicon-fill {
  fill: #FFF;
}
.importguid {
  background: #f3f3f3;
  width: 435px;
  border: 1px solid #efefef;
  color: #000;
}
.importguid.uem {
  border: none;
  background: transparent;
  width: auto;
}
.importguid ul {
  padding: 0px 14px;
  list-style-type: none;
}
.importguid ul li {
  line-height: 18px;
  padding: 5px 0 5px 30px;
  position: relative;
}
.importguid ul li:before {
  background: url('/images/ui-common-view.svg?15110') no-repeat -535px -298px;
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  left: 8px;
  top: 10px;
}
/* UEM End */
/* AE Sidebar border issue fix starts */
div.new-ae-sidebar .admin-sidebar {
  border-right-width: 1px;
}
/* AE Sidebar border issue fix ends */
/* sample data style start */
.sampledata .notify-ui-dialog-content .notification-content {
  max-height: 350px;
}
.sampledata a.text-muted {
  color: #515151 !important;
}
/* sample data style start */
/* SD-103322 Starts */
.admin-landing-ddown.select2-drop > .select2-results {
  max-height: calc(50vh - 20px);
}
/* SD-103322 Ends */
/* autoupdate style */
.autoupdate .noti-blk {
  border: 1px solid transparent;
  clear: both;
}
.autoupdate .noti-blk .disp-t {
  position: relative;
}
.autoupdate .noti-blk [data-id="MoreEntity"] {
  position: absolute;
  top: 30px;
  left: 10px;
  z-index: 1;
  width: calc(100% - 20px);
}
.autoupdate .noti-blk select,
.autoupdate .noti-blk .select2-container,
.autoupdate .noti-blk .select2-choices {
  witdh: 600px;
  min-height: 60px;
}
.autoupdate .noti-blk.disabled button {
  opacity: 0.3;
  pointer-events: none;
}
.autoupdate .noti-blk.disabled .select2-choices {
  background: #F5F5F5;
  pointer-events: none;
}
.autoupdate .noti-blk span:not(.disp-ib):not(.cspr) {
  width: 60px;
  display: inline-block;
}
.autoupdate .noti-blk label {
  display: block;
  margin-bottom: 10px;
  font-size: var(--fs-13);
  font-weight: bold;
}
.autoupdate .clearfix span.sb,
.autoupdate .form-horizontal .form-group span.sb,
.autoupdate .moduletour .moduletour-main span.sb {
  width: 200px;
  display: inline-block;
}
.autoupdate .header-more {
  height: 10px;
  left: 2px;
}
.autoupdate .more-status {
  padding: 3px 7px 4px 5px;
  border-radius: 50px;
  border: 1px solid #cccccc;
  display: inline-block;
  transform: scale(0.8);
  cursor: var(--sdpcursor-pointer);
  line-height: 21px;
  float: right;
  position: relative;
}
.autoupdate .more-status:hover {
  background: var(--primary_button_color, #008ddd);
}
.autoupdate .more-status:hover .header-more {
  filter: invert(1) brightness(5);
}
.autoupdate .tableComponent {
  table-layout: fixed;
}
.autoupdate .enable-blk {
  padding-top: 20px;
  padding-right: 15px;
  display: table;
  width: 100%;
}
.autoupdate .split-blk {
  width: 100%;
  display: table;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
}
.autoupdate .split-blk .enable-blk,
.autoupdate .split-blk .error-blk {
  width: 55%;
  float: left;
  display: table-cell;
}
.autoupdate .split-blk .enable-blk {
  width: 45%;
}
.autoupdate .error-blk {
  border-left: 1px solid #cccccc;
  padding: 20px;
  padding-right: 0px;
  padding-top: 0px;
  display: none;
}
.autoupdate .adminwelcome-icon {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.autoupdate .adminwelcome-icon span {
  font-size: var(--fs-180);
  letter-spacing: -40px;
  color: #e9e9e9;
  line-height: 1;
}
.autoupdate .jumbotron-content {
  display: table-cell;
  vertical-align: middle;
}
.autoupdate .sdtabs-ui2 .sdtab-pane td {
  border-bottom: 1px solid #f1f1f1;
}
.list-drop {
  width: 480px;
  box-sizing: border-box;
}
.list-drop .cspr.gray {
  filter: grayscale(1);
}
.list-drop .text-overflow {
  max-width: 250px;
}
.au-popup {
  width: 480px;
  max-width: 600px;
}
.autoupdate .status-update,
.list-drop .status-update {
  border-radius: 50px;
  line-height: 8px;
  color: #000;
  padding: 10px;
  display: inline-block;
  border: 1px solid #000000;
}
.autoupdate .status-update.failed,
.list-drop .status-update.failed {
  background-color: #ffecec;
  border-color: #ffdde2;
}
.autoupdate .status-update.success,
.list-drop .status-update.success {
  background-color: #ecffee;
  border-color: #bdffb9;
}
.autoupdate .status-update.info,
.list-drop .status-update.info {
  background-color: #edfaff;
  border-color: #c2e9f3;
}
/* autoupdate style */
/* Cardinality Relationship tree UI */
.cmdb-relatn-form {
  width: calc(100% - 450px);
}
.cmdb-relatnl-illustration {
  width: 420px;
}
.admin-illustration-source-svg {
  width: 70%;
  margin: 0 auto;
  height: 92px;
  border-radius: 10px;
  box-shadow: 0 0 10px 1px #E9E9E9;
}
.admin-illustration-relationship-svg {
  width: 48%;
  margin: 0 auto;
  height: 100px;
}
.admin-illustration-destination-svg {
  width: 70%;
  margin: 0 auto;
  height: 92px;
  border-radius: 10px;
  box-shadow: 0 0 10px 1px #E9E9E9;
}
.admin_citypes_illustration_many-cls-2,
.admin_citypes_illustration_one-cls-2 {
  fill: var(--primary_button_light_color) !important;
  stroke: var(--primary_button_light_color) !important;
}
.admin_citypes_illustration_many-cls-1 {
  fill: var(--primary_button_light_color);
  stroke: var(--input_border_shadow) !important;
}
rect.admin_citypes_illustration_many-cls-1,
.admin_citypes_illustration_one-cls-1 {
  fill: #FFF;
  stroke: var(--input_border_shadow) !important;
}
rect.admin_citypes_illustration_many-cls-2,
.admin_citypes_illustration_one-cls-2 {
  fill: #EEE;
}
.admin_citypes_illustration_many-cls-3,
.admin_citypes_illustration_many-cls-4,
.admin_citypes_illustration_many-cls-5,
.admin_citypes_illustration_one-cls-3,
.admin_citypes_illustration_one-cls-4,
.admin_citypes_illustration_one-cls-8 {
  isolation: isolate;
}
.admin_citypes_illustration_many-cls-3,
.admin_citypes_illustration_one-cls-3 {
  font-size: var(--fs-13);
}
.admin_citypes_illustration_many-cls-3,
.admin_citypes_illustration_many-cls-5,
.admin_citypes_illustration_one-cls-3,
.admin_citypes_illustration_one-cls-4 {
  fill: #333;
}
.admin_citypes_illustration_many-cls-5,
.admin_citypes_illustration_one-cls-4 {
  font-size: var(--fs-15);
}
.admin_citypes_illustration_many-cls-6,
.admin_citypes_illustration_one-cls-6 {
  letter-spacing: -0.04em;
}
.admin_citypes_illustration_many-cls-7,
.admin_citypes_illustration_one-cls-5 {
  letter-spacing: -0.009em;
}
.admin_citypes_illustration_one-cls-7 {
  letter-spacing: -0.015em;
}
.admin_citypes_illustration_one-cls-8 {
  fill: none;
}
.admin_citypes_illustration_many_to_one-cls-1,
.admin_citypes_illustration_many_to_one-cls-5,
.admin_citypes_illustration_many_to_many-cls-1,
.admin_citypes_illustration_many_to_many-cls-4,
.admin_citypes_illustration_one_to_many-cls-1,
.admin_citypes_illustration_one_to_many-cls-4,
.admin_citypes_illustration_one_to_one-cls-1 {
  stroke: #c6c6c6;
}
.admin_citypes_illustration_many_to_one-cls-1,
.admin_citypes_illustration_many_to_one-cls-2,
.admin_citypes_illustration_many_to_many-cls-1,
.admin_citypes_illustration_many_to_many-cls-2,
.admin_citypes_illustration_one_to_many-cls-2,
.admin_citypes_illustration_one_to_one-cls-2 {
  fill: #FFF;
}
.admin_citypes_illustration_many_to_one-cls-4,
.admin_citypes_illustration_one_to_many-cls-5,
.admin_citypes_illustration_many_to_many-cls-5,
.admin_citypes_illustration_one_to_one-cls-4 {
  fill: #c6c6c6;
}
.admin_citypes_illustration_one_to_many-cls-3 {
  isolation: isolate;
  font-size: var(--fs-14);
  fill: #333;
}
/*Cardinality Relationship tree UI */
/*Requester Portal customization */
.ssp-custm-card {
  min-height: 100px;
  max-width: 40%;
  display: flex;
  align-items: center;
  position: relative;
  margin: 15px;
  border-radius: 4px;
  border: 2px solid #DDD;
  background: #FFF;
  cursor: var(--sdpcursor-pointer);
}
.ssp-custm-card.selected {
  box-shadow: 0 0 13px 0 #c7eafb;
  border: 2px solid var(--tab_selected_color);
}
.ssp-custm-card.selected .success {
  display: inline-block;
  animation: ssp_selection 600ms linear;
}
.ssp-custm-card:hover {
  box-shadow: 0 0 7px 1px #dedede;
}
.ssp-custm-card .ssp-custm-content {
  padding: 5px 10px;
}
.ssp-custm-card .ssp-custm-card-link {
  padding: 20px 0px 10px 0;
}
.ssp-custm-card .ssp-custm-card-link a:nth-child(1) {
  border-right: 1px solid #DDD;
}
.ssp-custm-card .success {
  display: none;
}
@keyframes ssp_selection {
  0% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
/*Requester Portal customization */
/* OP to OD Migration */
.opmigration-img.form-banner img {
  margin: 0 17%;
}
.opmigration-img img {
  margin: 0 25%;
  height: 160px;
}
.opmigration-progress {
  width: 500px;
  margin: 0 25%;
}
.opmigration-progress .progress-div {
  width: 70%;
  margin: 0 auto;
}
.opmigration-progress .progress-div .sdp-progress-text {
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 10px;
  color: #144858;
  transform: translate(-50%, -50%);
}
.opmigration-progress .progress-div .sdp-progress-bar {
  width: 100%;
  height: 20px;
  border-radius: 10px;
  margin: 20px 0;
  box-shadow: none;
  border: 1px solid #d6e6e5;
  background-color: #e4f8f7;
}
.opmigration-progress .progress-div .sdp-progress-bar .sdp-progress {
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(to right, #22D6D0 35%, #86C8FF);
}
.sdp-loading {
  border-radius: 50%;
  border: 2px solid #d9d9d9;
  /* #D9D9D9 */
}
.sdp-loading.fill {
  border-top-color: #F79719;
  border-right-color: #F79719;
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* OP to OD Migration */
/* custome widget style start */
.cus-widget .panel * {
  box-sizing: border-box;
}
.cus-widget .btn-primary .common-sprite.common-add-icon4 {
  background-color: transparent;
  border-color: #FFF;
}
.cus-widget span.img-bg {
  padding: 10px;
  border-radius: 50%;
  background: #ededed;
  margin-right: 10px;
  width: 36px;
  height: 36px;
  display: inline-block;
  box-sizing: border-box;
  font-size: var(--fs-14);
  font-weight: bold;
  vertical-align: middle;
}
.cus-widget .cus-card {
  border: 1px solid #e7e7e7;
  padding: 10px;
  margin: 15px 0px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}
.cus-widget .cus-card p {
  margin-bottom: 15px;
}
.cus-widget .accordion-log .panel-group.history-log .panel-heading {
  width: 100%;
  margin-bottom: 0px;
  border: none;
}
.cus-widget .accordion-log .panel-group.history-log .history-logs {
  background-color: transparent;
  padding: 0px;
}
.cus-widget .accordion-log .panel-group.history-log .row {
  margin-left: 0px;
}
.cus-widget .accordion-log .panel-group.history-log .log-row {
  padding: 10px 0;
}
.cus-widget .accordion-log .panel-group.history-log .log-row:last-child {
  border-bottom: 0px;
}
.cus-widget .accordion-log .panel-group.history-log .log-row .text-muted {
  font-size: var(--fs-12);
}
.cus-widget .accordion-log .panel-group.history-log .panel-title .sb {
  font-size: var(--fs-13);
}
.cus-widget .accordion-log .panel-group .panel {
  background: #f7f7f7;
  margin-bottom: 20px;
}
.cus-widget .accordion-log .panel-heading .text-muted {
  padding-left: 0px !important;
}
.cus-widget .accordion-log.zcomponents .history-log .zcollapsiblepanel .zcollapsiblepanel__header {
  width: 100%;
}
.cus-widget .accordion-log.zcomponents .history-log .zcollapsiblepanel .log-row + .log-row {
  border-width: 0px;
}
.cus-widget span.sdfile-attachdrop-ico {
  display: block;
  height: 38px;
  width: 60px;
  margin: 10px auto 5px auto;
  background: url('/images/file-attach-drop-ico.svg') no-repeat;
}
.cus-widget .attach-drop-area {
  border: 1px dashed #d7d7d7;
  background: #fcfcfc;
  border-radius: 3px;
}
.cus-widget .attach-drop-area .drop-instructions {
  display: block;
  text-align: center;
  color: #888888;
  font-size: var(--fs-13);
}
.cus-widget .attach-drop-area .drop-over {
  display: none;
  font-size: var(--fs-16);
  text-align: center;
}
.cus-widget .attach-drop-area li {
  list-style: none;
}
.cus-widget .attachment-holder.attach-drop-area {
  padding: 15px;
}
.cus-widget .cir-border {
  display: block;
  border: 1px solid #CCC;
  padding: 7px 8px;
  border-radius: 50%;
}
.cus-widget .sdmenu-dd > li > a.text-overflow {
  white-space: nowrap;
}
form[name="custom_widgets"] input.error-txt {
  border-color: #a94442;
}
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li {
  height: 43px;
}
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li > a,
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li > .a-tab-ui {
  padding: 10px 15px;
  height: 100%;
}
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li > a img,
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li > .a-tab-ui img {
  width: 20px;
  height: auto;
}
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li.btn-group > a:hover,
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li.btn-group > .a-tab-ui:hover,
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li.btn-group > a:active,
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li.btn-group > .a-tab-ui:active {
  border-color: transparent transparent #CCC;
  box-shadow: none;
}
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li.btn-group > a:focus,
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li.btn-group > .a-tab-ui:focus {
  border-color: transparent transparent transparent;
  box-shadow: none;
}
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li.btn-group.open > a,
.right-panel-inner .sdtabs-ui2 > .nav-sdtabs > li.btn-group.open > .a-tab-ui {
  background-color: transparent;
  border-color: transparent transparent var(--link_tab_line_color, #008ddd);
}
/* custome widget style end */
.admin-panel > .h3 {
  background-color: #FFF;
  border-bottom: 1px solid #f1f1f1;
}
.admin-panel > .h3 .btn-default {
  background-color: #FFF;
  border-color: #e6e6e6;
}
.admin-panel > .h3 .btn-default:hover,
.admin-panel > .h3 .btn-default:focus {
  background-color: #e6e6e6;
  border-color: #dadada;
}
.wizard-header-temp .btn-default {
  background-color: #FFF;
  border-color: #e6e6e6;
}
.wizard-header-temp .btn-default:hover,
.wizard-header-temp .btn-default:focus {
  background-color: #e6e6e6;
  border-color: #dadada;
}
.admin-panel .listview {
  border: 0;
}
table.tableComponent[cellspacing="1"] {
  border-spacing: 0;
}
.sub-header-panel-slider .deflheight * {
  line-height: 1.42857143;
}
/*SD-123583 Mail Server Settings Start */
.mssrv-container {
  max-width: calc(100vw - 300px);
}
/*SD-123583 Mail Server Settings End */
/*Product Type Hierarchy*/
.ae-hierarchy-pl .form-horizontal {
  padding-left: 260px !important;
}
.ae-hierarchy-pl .form-horizontal .main-pane.disp-c {
  border-left: 1px solid #DDD;
  padding-left: 10px;
}
/*Product Type Hierarchy*/
/* Oauth Start */
.oauth-container {
  width: 97%;
}
.sdmenu-dd .uploadicon-popover .icon-set > a {
  box-sizing: content-box;
}
/* Oauth End */
/* Telephony UI Change Moved from html file */
.noti-telep .ui-dialog {
  background-color: #666;
  width: 320px;
  bottom: 28px;
}
.noti-telep .notif-ripple {
  background: none;
  cursor: default;
}
.noti-telep .ripple-container {
  width: 60px;
  height: 60px;
  z-index: 10;
}
.noti-telep .default-icon {
  width: 60px;
  height: 60px;
  z-index: 11;
}
.noti-telep .user-icon {
  width: 60px;
  height: 60px;
  z-index: 11;
}
.noti-telep .user-icon-default {
  width: 61px;
  height: 61px;
  z-index: 11;
}
.noti-telep .telep-cont {
  color: #666;
}
.blink_me {
  animation: blinker 2s linear infinite;
}
.noti-bgwhite {
  background-color: #fff;
}
@keyframes pulse {
  0% {
    opacity: 0.95;
  }
  100% {
    transform: scale(1.75);
    opacity: 0;
  }
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/* Telephony UI Change Moved from html file */
/*SD-130265 Issue fix start */
.CodeMirror.CodeMirror-wrap {
  background: var(--default-bg);
  color: var(--default-ft);
}
.CodeMirror.CodeMirror-wrap .CodeMirror-gutters {
  border-color: var(--br-medium);
  background-color: var(--bg-light4);
}
.CodeMirror.CodeMirror-wrap .CodeMirror-linenumber {
  color: var(--code-mirror-lineno-ft);
}
/*SD-130265 Issue fix end */
/* Change Module starts */
.form-template .border.four-col .col-fields {
  border-bottom: 1px #EEE solid !important;
}
.statuspop {
  width: 360px;
  max-width: none;
  border-radius: 5px 5px 0 0;
}
.tg-btn-sm {
  padding: 0px 18px !important;
  font-size: var(--font-size-xsmall);
  line-height: 17px;
}
.alert-warning-new {
  background-color: #ffefda;
  border: 1px solid #ff8600;
  border-radius: 3px;
}
.ui-tooltip-style-1 {
  min-width: 355px;
}
.lt-tp-md-abs {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.accordion-log.accordion-timeline .text-primary em {
  color: #008ddd !important;
  color: var(--link_tab_line_color, #008ddd) !important;
}
.calcard {
  display: inline-block;
  text-align: center;
  border: 1px solid #cccccc;
  min-width: 65px;
  border-radius: 5px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08);
  margin-top: 5px;
  background: #FFF;
}
.calcard .calyear {
  background: #efefef;
  display: block;
  padding: 5px;
  font-size: var(--font-size-xsmall);
  border-radius: 5px 5px 0 0;
  color: #777777;
  position: relative;
}
.calcard .calyear::before,
.calcard .calyear::after {
  content: '';
  position: absolute;
  top: -5px;
  width: 5px;
  height: 10px;
  background: #c1c1c1;
  border: 1px solid #ffffff;
  border-radius: 10px;
  border-top: 0;
}
.calcard .calyear::before {
  left: 20%;
  transform: translatex(-20%);
}
.calcard .calyear::after {
  left: 80%;
  transform: translatex(-80%);
}
.calcard .calmon {
  display: inline-block;
  padding: 7px 5px;
  border-radius: 0px 0px 5px 5px;
  font-size: var(--font-size-small);
}
.calcard .caldate {
  font-size: var(--font-size-base);
  padding-left: 0;
  padding-right: 5px;
  font-weight: bold;
}
.detailview.three-panel .controls {
  background: #F1F1F1;
}
.detailview.three-panel .left-panel,
.detailview.three-panel .left-panel-inner {
  width: 180px;
  height: 100%;
  overflow: hidden;
}
.detailview.three-panel .headerbar .title span.text {
  color: #000;
}
.detailview.three-panel .left-panel-inner {
  border-right: 1px solid #e6e6e6;
}
.detailview.three-panel .right-panel .left-panel {
  width: 100%;
}
.detailview.three-panel .right-panel {
  float: right;
  overflow: hidden;
}
.detailview.three-panel .right-panel .fafr-row {
  border: 0;
}
.detailview.three-panel .right-panel .fafr-label.left-col {
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}
.detailview.three-panel .right-panel .right-col {
  vertical-align: baseline;
}
.detailview.three-panel .right-panel .right-col .spot-form {
  margin-top: 2px;
  margin-bottom: 3px;
}
.badge.ui1 {
  border-radius: 3px;
  padding: 3px;
  min-width: 20px;
  font-size: var(--font-size-xsmall) !important;
}
.info-c {
  color: #fff;
  background: #008ddd;
  color: var(--primary_button_text, #fff);
  background: var(--primary_button_color, #008ddd);
}
.default-c {
  border: 1px solid #ADADAD;
  color: #515151;
  background-color: #F5F5F5;
}
.p-hidethis .hidethis {
  opacity: 0;
  transition: 200ms opacity ease-in-out;
}
.p-hidethis:hover .hidethis {
  opacity: 1;
}
.accordion-log .collapsed .arrow-toggle {
  background-position: -2px -104px;
}
.accordion-log .arrow-toggle {
  background-position: -33px -104px;
}
.stage-detail ul.left-menu li {
  border-left: 2px solid transparent;
  padding: 10px 0;
  display: table;
}
.stage-detail ul.left-menu li:hover {
  background-color: #f7f7f7;
}
.stage-detail ul li.active {
  background-color: #F5F5F5;
  border-left: 2px solid #008ddd;
  border-left: 2px solid var(--link_tab_line_color, #008ddd);
}
.stage-detail ul li.active div,
.stage-detail ul li.active p {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
ul.stage-list li {
  border-left: 2px solid transparent;
  position: relative;
  line-height: 30px;
  padding-left: 50px;
  cursor: var(--sdpcursor-pointer);
}
ul.stage-list li::before {
  content: '';
  position: absolute;
  left: 32px;
  top: 8px;
  background: #d8d8d8;
  width: 1px;
  height: 100%;
  z-index: 1;
}
ul.stage-list li::after {
  position: absolute;
  left: 25px;
  top: 7.5px;
  background: #d8d8d8;
  width: 15px;
  height: 15px;
  content: '';
  border-radius: 50%;
  z-index: 2;
  border: 1px solid #cfcfcf;
}
ul.stage-list li:not(.active):hover {
  background-color: #f7f7f7;
  border-left: 2px solid #f7f7f7;
}
ul.stage-list li.completed::after {
  background: #00d894 url('/images/ui-common-view.svg?15110') -268px -665px no-repeat;
  border: 1px solid #00d894;
}
ul.stage-list li.active-stage::after {
  background: #fd923b;
  border: 1px solid #fd923b;
}
ul.stage-list li.skipped-stage::after {
  background: #8a8a8a;
  border: 1px solid #8a8a8a;
}
ul.stage-list li.rejected-stage::after {
  background: #ec575f;
  border: 1px solid #ec575f;
}
ul.stage-list li:last-child::before {
  display: none;
}
/* Change Module Ends */
/* calendar view starts */
.calview1 {
  border-left: 0;
  border-right: 0;
}
.calview1 .dhx_scale_bar {
  font-weight: normal !important;
  line-height: 16px;
  font-size: var(--font-size-base);
  height: 20px !important;
}
.calview1 .dhx_scale_holder {
  background-image: url('/images/databg.png');
}
.calview1 .dhx_scale_holder.dhx_holiday_cell {
  background-color: #f9f9f9;
  background-image: url('/images/databgthm.png');
}
.calview1 .dhx_scale_holder .dhx_body > a {
  color: initial;
  cursor: var(--sdpcursor-pointer);
  font-weight: bold;
}
.calview1 .dhx_scale_holder_now {
  background-image: url('/images/databgthm.png');
  background-color: rgba(0, 141, 221, 0.1) !important;
  background-color: var(--primary_button_light_color, rgba(0, 141, 221, 0.1)) !important;
}
.calview1 .dhx_scale_holder_now .dhx_body > a {
  color: initial;
  cursor: var(--sdpcursor-pointer);
  font-weight: bold;
}
.calview1 .dhx_cal_prev_button,
.calview1 .dhx_cal_next_button {
  width: 46px;
}
.calview1 .dhx_cal_navline {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.calview1 .dhx_cal_next_button,
.calview1 .dhx_cal_prev_button,
.calview1 .dhx_cal_date,
.calview1 .dhtmlgroup,
.calview1 .dhx_cal_tab,
.calview1 .dhx_cal_today_button {
  position: relative;
  left: auto;
  right: auto;
  height: auto;
  top: auto;
}
.calview1 .dhx_cal_prev_button,
.calview1 .dhx_cal_next_button,
.calview1 .dhx_cal_navline {
  background: none;
  width: auto;
}
.calview1 .dhx_cal_today_button,
.calview1 .dhx_cal_tab {
  min-width: 60px;
}
.calview1 .dhx_cal_tab.active {
  font-size: var(--font-size-base);
}
.calview1.dhx_scheduler_month .dhx_cal_event_line_start {
  margin-left: 5px;
}
.calview1.dhx_scheduler_month .dhx_cal_event_line_end {
  margin-right: 5px;
}
.calview1.dhx_scheduler_month .dhx_cal_data .dhx_month_head,
.calview1.dhx_scheduler_month .dhx_cal_data .dhx_month_body {
  border: 0;
}
.calview1.dhx_scheduler_month .dhx_cal_data td {
  border: 1px solid #e5e5e5;
  border-top: 0;
  border-left: 0;
}
.calview1.dhx_scheduler_month .dhx_cal_data td:hover .dhx_date {
  background-color: #eeeeee;
}
.calview1.dhx_scheduler_month .dhx_cal_data .dhx_month_body {
  height: 88px !important;
}
.calview1.dhx_scheduler_month .dhx_cal_header {
  left: 0px !important;
}
.calview1.dhx_scheduler_month .dhx_date {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  line-height: 19px;
  text-align: center;
  margin-top: 3px;
  cursor: var(--sdpcursor-pointer);
  transition: background-color 300ms;
}
.calview1.dhx_scheduler_month td.dhx_now:hover .dhx_date,
.calview1.dhx_scheduler_month .dhx_now .dhx_date {
  color: #fff;
  color: var(--primary_button_text, #fff);
  background: #008ddd;
  background: var(--primary_button_color, #008ddd);
}
.calview1 .dhx_cal_event_line,
.calview1 .dhx_cal_event_line_start {
  border-radius: 0;
}
.calview1 .dhx_cal_event_line a,
.calview1 .dhx_cal_event_line_start a {
  line-height: 20px;
  color: initial;
}
.calview1 .dhx_cal_event_line_start {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.calview1 .dhx_cal_event_line_end {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.calview1 .dhx_holiday_cell .dhx_month_head,
.calview1 .dhx_holiday_cell .dhx_month_body {
  background-color: #f9f9f9;
}
.calview1 .dhx_cal_event_line {
  padding: 0px 5px;
  white-space: nowrap;
  font-weight: normal !important;
  text-overflow: ellipsis;
}
.calview1 .dhx_month_link {
  text-align: left;
  padding-left: 10px;
  font-family: inherit;
  font-size: var(--font-size-xsmall);
}
.calview1 .dhx_month_link a {
  color: #333333;
}
.calview1 .dhx_month_link a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
}
.calview1 .dhx_month_body,
.calview1 .dhx_month_head,
.calview1 .dhx_scale_bar,
.calview1 .dhx_scale_hour,
.calview1 .dhx_scale_holder {
  border-color: #e5e5e5;
}
.calview1 .dhx_cal_event_line a {
  padding-left: 20px;
}
.calview1 .dhx_cal_event_line a::before {
  content: '<<';
  position: absolute;
  left: 8px;
  top: -1px;
  color: #FFF;
}
.calview1 .dhx_cal_event_line a::after {
  content: '>>';
  position: absolute;
  right: 8px;
  top: -1px;
  color: #FFF;
}
.calview1 .dhx_cal_event_line.dhx_cal_event_line_start a::before {
  content: '>>';
  right: 8px;
  left: auto;
}
.calview1 .dhx_cal_event_line.dhx_cal_event_line_end a::before {
  content: '<<';
  left: 8px;
  right: auto;
}
.calview1 .dhx_cal_event_line.dhx_cal_event_line_start a {
  padding-left: 0px;
}
.calview1 .dhx_cal_event_line_start.dhx_cal_event_line_end a::before,
.calview1 .dhx_cal_event_line.dhx_cal_event_line_start a::before,
.calview1 .dhx_cal_event_line_end a::after {
  display: none;
}
.calview1 .dhx_cal_tab.active,
.calview1 .dhx_now .dhx_month_head,
.calview1 .dhx_now .dhx_month_body,
.btn-theme {
  background-color: rgba(0, 141, 221, 0.1) !important;
  background-color: var(--primary_button_light_color, rgba(0, 141, 221, 0.1)) !important;
  color: #008ddd !important;
  color: var(--primary_button_color, #008ddd) !important;
}
.caltypefooter {
  position: fixed;
  bottom: 35px;
  z-index: 1;
  border: 1px solid #cccccc;
}
.selected-dayrange {
  border: 1px solid transparent;
}
.selected-dayrange:hover {
  border: 1px solid #cccccc;
}
svg.tabactive {
  fill: #008ddd !important;
  fill: var(--primary_button_color, #008ddd) !important;
}
/* calendar view ends */
/* ----------------------------------------------- */
/* community.less */
/* ----------------------------------------------- */
.communty-sectn {
  background: #d8d8d8;
}
.communty-sectn .admin-panel {
  border: 1px solid #CCC;
}
@media (min-width: 1500px) {
  .community-wrap {
    width: 1500px;
  }
}
.communty-leftsectn {
  width: 280px !important;
  vertical-align: top;
}
.communty-leftsectn .scroll-wrap {
  background: #f9f9fd;
  overflow: auto;
}
.communty-leftsectn .community-h5 {
  color: #222;
  font-size: var(--fs-14);
}
.communty-leftsectn hr {
  margin: 8px 0;
}
.communty-leftsectn .community-iconrow {
  margin-bottom: 5px;
}
.communty-leftsectn .community-iconrow a {
  display: block;
  color: #555;
  text-decoration: none;
  padding: 5px 10px;
}
.communty-leftsectn .community-iconrow a:hover {
  background: #EEE;
  border-radius: 2px;
}
.communty-leftsectn .community-iconrow i:not(.comspr) {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('/images/ui-commuity-module.png') no-repeat;
  vertical-align: middle;
  margin-right: 15px !important;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-reportissue {
  background-position: 0px -1px;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-reportsupprot {
  background-position: -27px -1px;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-feature {
  background-position: -54px -1px;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-knowissue {
  background-position: -81px -1px;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-roadmap {
  background-position: -110px -1px;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-testimonials {
  background-position: -246px 0;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-call-icon {
  background-position: -220px 0;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-logviewr {
  background-position: -139px -1px;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-dump {
  background-position: -167px -1px;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-supportfile {
  background-position: -195px -1px;
}
.communty-leftsectn .community-iconrow i:not(.comspr).community-health-meter {
  background-position: -280px -4px;
}
.communty-leftsectn .community-build-info {
  border-radius: 2px;
  background-color: #e8e8e8;
}
.communty-leftsectn .community-build-info .boldfnt,
.communty-leftsectn .community-build-info b {
  font-weight: bold;
}
.communty-rightsectn {
  background-color: #FFF;
}
.communty-rightsectn .community-iframediv {
  height: 100%;
}
.communty-rightsectn .community-iframediv h1 {
  padding: 90px 0 50px 0;
  margin: 0;
}
.communty-rightsectn .forum-loading {
  display: inline-block;
  background: url('/images/load.gif') no-repeat;
  margin-bottom: -3px;
}
/* SVG support sprite icon */
.support-doc {
  list-style: none;
  padding: 0px !important;
}
.support-doc li a {
  min-width: 30%;
  float: left !important;
  color: #000;
  padding-right: 15px !important;
}
.support-doc li a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
}
.c-row {
  padding: 10px 15px;
}
.c-row div {
  padding: 8px 0;
  line-height: 20px;
}
.c-row div a {
  color: #000;
  text-decoration: none;
}
.c-row div a:hover {
  color: #008ddd;
  color: var(--link_tab_line_color, #008ddd);
  text-decoration: none;
}
.c-block {
  min-height: 50px;
}
.c-block:hover {
  background: #F9F9F9;
}
.communityview hr {
  border-top: 1px solid #CCC;
}
.comspr {
  background-image: url('/images/ui-community.svg?15110');
  background-repeat: no-repeat;
  display: inline-block !important;
  vertical-align: middle !important;
}
.community1 {
  background-position: -5px -5px;
  width: 60px;
  height: 60px;
}
.marketplace {
  background-position: -154px -4px;
  width: 60px;
  height: 60px;
}
.comspr.resources {
  background-position: -77px -6px;
  width: 60px;
  height: 60px;
}
.helpdoc {
  background-position: -3px -80px;
  width: 60px;
  height: 60px;
}
.tollfree {
  background-position: -83px -83px;
  width: 60px;
  height: 60px;
}
.comspr.chat {
  background-position: -231px -8px;
}
.roadmap {
  background-position: -231px -38px;
}
.bug {
  background-position: -328px -38px;
}
.testimonial {
  background-position: -363px -6px;
}
.letterpad {
  background-position: -264px -4px;
}
.webinar {
  background-position: -328px -8px;
}
.datetime {
  background-position: -295px -40px;
}
.kbase {
  background-position: -298px -4px;
}
.help2 {
  background-position: -261px -39px;
}
.comspr.bulb2 {
  background-position: -356px -37px;
}
.telephone {
  background-position: -386px -39px;
}
.logviewer {
  background-position: -397px -7px;
}
.threadump {
  background-position: -428px -7px;
}
.folder2 {
  background-position: -419px -41px;
}
.healthmeter {
  background-position: -454px -41px;
}
.shedule-active {
  background-position: -233px -70px;
}
.cachmonitor {
  background-position: -267px -70px;
}
.serverparser {
  background-position: -302px -69px;
}
.cookie-ply {
  background-position: -391px -70px;
}
.view-logs {
  background-position: -333px -68px;
}
.cookie-policy .tableComponent td {
  padding: 10px 16px;
  line-height: 20px;
}
.chatbot {
  background-position: -269px -98px;
}
.livechat {
  background-position: -233px -101px;
}
.uk-flag {
  background-position: -303px -100px;
}
.us-flag {
  background-position: -336px -100px;
}
.aus-flag {
  background-position: -369px -100px;
}
.sup-mail {
  background-position: -401.5px -100px;
}
.premi-sup {
  background-position: -237px -132px;
}
.ind-flag {
  background-position: -435px -100px;
}
.community-suprtfile {
  background-position: -422px -69px;
}
.community-suprttool {
  background-position: -456px -66px;
}
.jaricon {
  background-position: -459px -5px;
}
.acntrls-panel {
  line-height: 24px;
}
.acntrls-panel hr {
  border-color: var(--ac-br-color);
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel {
  border-color: var(--ac-br-color) !important;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel:hover:before {
  border-color: var(--ac-br-color);
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel .zcollapsiblepanel__header {
  border-radius: 3px;
  border-color: var(--ac-br-color);
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel .zcollapsiblepanel__header .zbutton__icon {
  margin-top: 2px;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.is-selected .zcollapsiblepanel__header {
  background-color: var(--ac-collapse-panel-bg);
  border-radius: 3px 3px 0px 0px;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel z-cpcontent.zcollapsiblepanel__content {
  padding: 10px !important;
  border-color: var(--ac-br-color) !important;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel z-cpcontent.zcollapsiblepanel__content > ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel z-cpcontent.zcollapsiblepanel__content > ul > li {
  padding: 15px;
  border-bottom: 1px solid var(--ac-br-color);
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel z-cpcontent.zcollapsiblepanel__content > ul > li:hover {
  background-color: var(--li-hover-bg);
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel z-cpcontent.zcollapsiblepanel__content > ul > li:last-child {
  border-bottom: none;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel z-cpcontent.zcollapsiblepanel__content > ul.acpersonas-ul > li {
  display: flex;
  align-items: center;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel z-cpcontent.zcollapsiblepanel__content > ul.acpersonas-ul > li > span.text-overflow {
  display: inline-block;
  width: 280px;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel z-cpcontent.zcollapsiblepanel__content > ul.acpersonas-ul > li > span.cspr.info-ol {
  visibility: hidden;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel z-cpcontent.zcollapsiblepanel__content > ul.acpersonas-ul > li:hover > span.cspr.info-ol {
  visibility: visible;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel z-cpcontent.zcollapsiblepanel__content > ul.acpersonas-non-ul .accntrl-non-icon {
  width: 60px;
  height: 60px;
  border-radius: 6px;
  border: 1px solid var(--ac-br-color);
  margin-left: 10px;
}
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel:active:before,
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.is-selected:before,
.acntrls-panel z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel:before {
  border-color: var(--ac-br-color);
}
.acntrls-panel .select2-container .select2-choice > .select2-chosen {
  line-height: 23px !important;
}
.a11y-contrast {
  --a11TxtClr1: #333;
  --a11TxtClr2: #525252;
  --a11TxtDanger1: #db0303;
  --a11BgDanger1: #db0303;
  --a11BrdDanger1: #9d0707;
  --a11TxtDanger2: #9d0707;
  --a11TxtSecondary: #505050;
  --a11BgSecondary: #505050;
  --a11BrdSecondary: #505050;
  --a11TxtSuccess: #317131;
  --a11BgSuccess: #317131;
  --a11BrdSuccess: #317131;
  --a11BgWhite1: #fff;
  --a11BgGray1: #47525a;
  --a11BgGray2: #626262;
  --a11Wooden1: #a34f25;
  --a11Blue1: #0075c1;
  --a11Blue2: #063275;
  --a11Aqua1: #027687;
}
.a11y-contrast [theme="dark-mode"] {
  --a11TxtClr1: #e2e2e2;
  --a11TxtClr2: #b0b0b0;
}
.a11y-contrast.esm-mainpage {
  --link_tab_line_color: #005f96;
  --primary_button_color: #005f96;
  --primary_button_border: rgba(0, 95, 150, 0.7);
  --tab_selected_color: #005f96;
  --primary_button_hover_color: #004872;
}
.a11y-contrast .text-muted,
.a11y-contrast input::placeholder,
.a11y-contrast textarea::placeholder,
.a11y-contrast .zdatetimepicker__adjacentmonthdate,
.a11y-contrast .solutn-details ul li.header,
.a11y-contrast .suggestpop .header,
.a11y-contrast .tasks-for-req-pop .taskheader .open-task,
.a11y-contrast .tasks-for-req-pop .taskheader .completed-task,
.a11y-contrast #Calendar_small tr td.offdate,
.a11y-contrast .calendarcell span.ondate a,
.a11y-contrast .tableComponent tr td .notes1,
.a11y-contrast .cap-txt {
  color: var(--a11TxtClr1);
}
.a11y-contrast .mandatory,
.a11y-contrast span.mandatory,
.a11y-contrast .zdatetimepicker__date.zdatetimepicker--weekend,
.a11y-contrast .zdatetimepicker__adjacentmonthdate.zdatetimepicker--weekend,
.a11y-contrast .listview-dateinfo-delay,
.a11y-contrast .details-tab-header .rsnavswitch span {
  color: var(--a11TxtDanger1);
}
.a11y-contrast .tooltip-ui1 {
  background: var(--a11TxtDanger2);
}
.a11y-contrast .tooltip-ui1:after {
  border-bottom-color: var(--a11BrdDanger1);
}
.a11y-contrast .failure-header,
.a11y-contrast .text-danger {
  color: var(--a11TxtDanger2);
}
.a11y-contrast .badge.btn-success,
.a11y-contrast .bdge-cnt.toph.btn-success,
.a11y-contrast .priority-badge.btn-success {
  background-color: var(--a11BgSuccess);
  border-color: var(--a11BgWhite1);
}
.a11y-contrast .btn-secondary {
  background-color: var(--a11BgSecondary);
  border-color: var(--a11BrdSecondary);
}
.a11y-contrast .btn-success {
  background-color: var(--a11BgSuccess);
  border-color: var(--a11BrdSuccess);
}
.a11y-contrast .status-badge.success,
.a11y-contrast .success-header {
  color: var(--a11TxtSuccess);
}
.a11y-contrast .select2-default,
.a11y-contrast .addon-nofill .input-group-addon,
.a11y-contrast .clearButton-zdatetimepicker.is-disabled[disabled] {
  color: var(--a11TxtClr1) !important;
}
.a11y-contrast .listcount,
.a11y-contrast .new-user .modules-list,
.a11y-contrast .diff-oper-hrs div[readonly] {
  opacity: 1;
}
.a11y-contrast .fafr-row.disableDiv,
.a11y-contrast .opac7 {
  opacity: 0.9;
}
.a11y-contrast .opac3,
.a11y-contrast .disableDiv,
.a11y-contrast .sdmenu-dd .disabled {
  opacity: 0.8;
  cursor: var(--sdpcursor-not-allowed);
}
.a11y-contrast .task-list-wrap > :not(.managefolder) .flat,
.a11y-contrast .flat,
.a11y-contrast .editicon.edit-glyph a,
.a11y-contrast .editicon a {
  opacity: 0.8 !important;
}
.a11y-contrast .task-list-wrap > :not(.managefolder) .flat:hover,
.a11y-contrast .flat:hover,
.a11y-contrast .editicon.edit-glyph a:hover,
.a11y-contrast .editicon a:hover {
  opacity: 1 !important;
}
.a11y-contrast .greytext,
.a11y-contrast .form-droppablearea .opinion-scale .opinion-label-container,
.a11y-contrast .form-droppablearea .opinion-scale .field-val,
.a11y-contrast .noitem,
.a11y-contrast .text-color3,
.a11y-contrast .text-color5,
.a11y-contrast .breadcrumb > .active,
.a11y-contrast .char-count,
.a11y-contrast .filter-menu .quick-filters a,
.a11y-contrast .sdmenu-dd > li > a,
.a11y-contrast .sdmenu-header2,
.a11y-contrast .sdmenu-header,
.a11y-contrast .sdmenu-dd > li,
.a11y-contrast .sdmenu-dd select,
.a11y-contrast zia-chat-bot .ziaChatPop .dateTimeDiv,
.a11y-contrast zia-chat-bot .ziaChatPop .time_separator_inner,
.a11y-contrast #skip-tour,
.a11y-contrast .tt-row02 .tt-label,
.a11y-contrast .tt-row03 .tt-label,
.a11y-contrast .tt-id,
.a11y-contrast .sdpcustom-radio-label,
.a11y-contrast .alert-nodata .msg,
.a11y-contrast .empty-state .empty-content p,
.a11y-contrast .chat-bar .chatusrsts,
.a11y-contrast .chat-bar .chat-wrapper .chat-time,
.a11y-contrast .chathistnav .chat-time,
.a11y-contrast .sdmenu-dd .hotkey,
.a11y-contrast .tm-legend .legend-unassigned,
.a11y-contrast .tm-legend .legend-group,
.a11y-contrast .accordion-log .panel-group.history-log .history-logs p,
.a11y-contrast .list-picker-dialog .kanban-dropdown-pinned-label,
.a11y-contrast .kanban-outer-container .list-picker-dialog .kanban-picker-row .sdp-kanban-list-count,
.a11y-contrast .tm-legend .legend-srep,
.a11y-contrast .po-approval-inforow .approval-status-pending,
.a11y-contrast .list-picker-dialog ul.list-picker-chooser .no-matches-found,
.a11y-contrast #ui-framework-design1 .timeHeader,
.a11y-contrast #ui-framework-design1 .gantt-barview-span-taskinfo,
.a11y-contrast .gantt-barview-span-taskinfo,
.a11y-contrast .ui-tablelist-nodata .innner,
.a11y-contrast .ui-progressbar1-info .count,
.a11y-contrast .sol-list-view .nodecount,
.a11y-contrast .imp-wiz-header .already-sel,
.a11y-contrast .imp-wiz-header .not-sel,
.a11y-contrast td.dhx_after .dhx_month_head,
.a11y-contrast td.dhx_before .dhx_month_head,
.a11y-contrast .dateformatLabel,
.a11y-contrast .top-header .ri-menu-cnt .badge-module {
  color: var(--a11TxtClr2);
}
.a11y-contrast .fontgray,
.a11y-contrast .tableComponent .fontgray a,
.a11y-contrast .tableComponent .fontGray a,
.a11y-contrast .fontGray {
  color: var(--a11TxtClr2) !important;
}
.a11y-contrast div.wlt-div.worklog-timer a.add-to-wl.active,
.a11y-contrast div.wlt-div.worklog-timer a.add-to-wl.active:hover,
.a11y-contrast tr.hover div.wlt-div a.add-to-wl.active {
  border-color: var(--a11BgGray1);
  background-color: var(--a11BgGray1);
}
.a11y-contrast div.wlt-div.worklog-timer a.add-to-wl,
.a11y-contrast div.wlt-div.worklog-timer a.add-to-wl:hover,
.a11y-contrast tr.rowHiliten div.wlt-div a.add-to-wl {
  color: var(--a11TxtClr2) !important;
  cursor: var(--sdpcursor-not-allowed);
}
.a11y-contrast .sdmenu-dd > .active > a,
.a11y-contrast .sdmenu-dd > .active > a:hover,
.a11y-contrast .sdmenu-dd > .active > a:focus {
  color: var(--primary_button_text);
}
.a11y-contrast .text-link,
.a11y-contrast .text-primary,
.a11y-contrast .sdmenu-dd > li > a:hover,
.a11y-contrast .approval .card-view:hover .card-content > div:first-child {
  color: var(--link_tab_line_color);
}
.a11y-contrast .od-textcolor,
.a11y-contrast .od-btn-outline {
  color: var(--a11Blue1) !important;
}
.a11y-contrast .acbright5,
.a11y-contrast .custom-checkbox2 label input[type="radio"]:checked + span::before {
  filter: brightness(0.5);
}
.a11y-contrast .custom-checkbox2 label input[type="radio"]:checked + span {
  color: var(--a11Blue2);
}
.a11y-contrast .zdatetimepicker__monthyeargrid.is-selected {
  border: 1px solid var(--a11Blue2);
  background: var(--a11Blue2);
}
.a11y-contrast .btn-capsule .btn-tick {
  color: var(--a11TxtSuccess);
}
.a11y-contrast .thm-spr {
  color: var(--a11TxtClr1);
  fill: var(--a11TxtClr1);
}
.a11y-contrast .sub-header-panel-slider .sub-header-panel-content .notify-count {
  background: var(--a11BgDanger1);
}
.a11y-contrast .dhx_cal_event_line {
  background-color: var(--a11Aqua1);
}
.a11y-contrast .btn-info {
  background-color: var(--a11Aqua1);
}
.a11y-contrast .btn-info:hover {
  background-color: var(--a11Aqua1);
}
.a11y-contrast .imp-wiz-header .selected {
  color: var(--a11Wooden1);
}
.a11y-contrast .inplace-edit .spot-customedit:not(:hover):after {
  opacity: 0.7;
}
.a11y-contrast .disable-opacity3 {
  opacity: 0.7;
  cursor: var(--sdpcursor-not-allowed) !important;
}
.a11y-contrast .text-hover-link {
  color: var(--a11TxtClr1);
}
.a11y-contrast .text-hover-link:hover {
  color: var(--link_tab_line_color);
}
.a11y-underline .a11ytxtundln,
.a11y-underline .btn-link,
.a11y-underline a,
.a11y-underline .text-primary,
.a11y-underline .text-link,
.a11y-underline .lv-inline-actions,
.a11y-underline .select2-results .select2-result-selectable,
.a11y-underline .tc-kanban .truncate-wrapper,
.a11y-underline .inplace-edit .spot-static,
.a11y-underline .accelink,
.a11y-underline [data-switch="sdmenu"] {
  text-decoration: underline !important;
}
.a11y-underline .btn-primary,
.a11y-underline .btn-secondary,
.a11y-underline .btn-default,
.a11y-underline .btn-white,
.a11y-underline a.select2-choice,
.a11y-underline .formtmpl-fields li a,
.a11y-underline .linkborder,
.a11y-underline .dd .btn,
.a11y-underline .accelinkno,
.a11y-underline [tabindex="-1"] {
  text-decoration: none !important;
}
.a11y-underline a > .vmiddle:not([class*="icon"]),
.a11y-underline a > .vsub:not([class*="icon"]) {
  vertical-align: top !important;
}
.a11y-underline .a11ynoundln {
  text-decoration: none !important;
}
.a11y-underline .chat-bar a > .vmiddle:not([class*="icon"]) {
  vertical-align: middle !important;
}
.a11y-underline .txtundln-p a span {
  text-decoration: underline !important;
}
.a11y-emphasizefocus {
  --emphasizeBorder: #f5d2a3;
}
.a11y-emphasizefocus [theme="dark-mode"] {
  --emphasizeBorder: #925400;
}
.a11y-emphasizefocus .a11yemphasize,
.a11y-emphasizefocus button,
.a11y-emphasizefocus .btn-link,
.a11y-emphasizefocus a,
.a11y-emphasizefocus .text-primary,
.a11y-emphasizefocus .text-link,
.a11y-emphasizefocus .lv-inline-actions,
.a11y-emphasizefocus .select2-results .select2-result-selectable,
.a11y-emphasizefocus .tc-kanban .truncate-wrapper,
.a11y-emphasizefocus .inplace-edit .spot-static,
.a11y-emphasizefocus .accelink,
.a11y-emphasizefocus .a-tag-btn-ovwrt,
.a11y-emphasizefocus .a-tag,
.a11y-emphasizefocus .a-tag-sdmenu,
.a11y-emphasizefocus .task-list-wrap .btn-default:not(.defaultbtn):not(.attachdrop),
.a11y-emphasizefocus #Right-Section .listview .btn-default:not(.defaultbtn):not(.attachdrop),
.a11y-emphasizefocus .detailview .controls .btn-default,
.a11y-emphasizefocus .sdmenu-dd .ui-sortable label,
.a11y-emphasizefocus .select2-container .select2-choice abbr,
.a11y-emphasizefocus .tableSearchButton,
.a11y-emphasizefocus .tableSearchCloseButton,
.a11y-emphasizefocus .columnEditButton,
.a11y-emphasizefocus .checkbox-inline,
.a11y-emphasizefocus .radio-inline,
.a11y-emphasizefocus .badge.ui1,
.a11y-emphasizefocus .slide-toggle,
.a11y-emphasizefocus .bulk-icon,
.a11y-emphasizefocus .dig-close-btn,
.a11y-emphasizefocus #assoiciated_div .text-overflow,
.a11y-emphasizefocus .space-tree .space-tree-sort,
.a11y-emphasizefocus .space-tree .close3,
.a11y-emphasizefocus .space-tree .space-tree-search-icon,
.a11y-emphasizefocus .asc,
.a11y-emphasizefocus .desc1,
.a11y-emphasizefocus .sub-header-panel-title .remove-col,
.a11y-emphasizefocus .close2,
.a11y-emphasizefocus .notifications .popout,
.a11y-emphasizefocus .notifications .spad-delete,
.a11y-emphasizefocus .notifications .m-read,
.a11y-emphasizefocus .notifications .m-unread,
.a11y-emphasizefocus .select2-brdr-none.form-control.select2-container,
.a11y-emphasizefocus a .ui-progressbar1-pos1,
.a11y-emphasizefocus .zia-task.btn,
.a11y-emphasizefocus .template-sm,
.a11y-emphasizefocus .unpin-grey,
.a11y-emphasizefocus .remove-col,
.a11y-emphasizefocus .sort-desc,
.a11y-emphasizefocus .close-col,
.a11y-emphasizefocus .cspr.cur-ptr,
.a11y-emphasizefocus .dhx_expand_icon,
.a11y-emphasizefocus .switch,
.a11y-emphasizefocus .dhx_cal_prev_button,
.a11y-emphasizefocus .dhx_cal_next_button,
.a11y-emphasizefocus .sch-filter-menu,
.a11y-emphasizefocus #treeActionsUList .cur-ptr,
.a11y-emphasizefocus .rspr.cur-ptr,
.a11y-emphasizefocus .text-overflow > .cur-ptr,
.a11y-emphasizefocus .k_div > .text-overflow > .uni-heading {
  outline: 1px solid var(--emphasizeBorder);
  outline-offset: 1px;
}
.a11y-emphasizefocus button,
.a11y-emphasizefocus .btn-primary,
.a11y-emphasizefocus .btn-secondary,
.a11y-emphasizefocus .btn-default,
.a11y-emphasizefocus .btn-white,
.a11y-emphasizefocus .formtmpl-fields li a,
.a11y-emphasizefocus .linkborder,
.a11y-emphasizefocus .accelinkno,
.a11y-emphasizefocus .text-overflow > .cur-ptr {
  outline: 1px solid var(--emphasizeBorder);
  outline-offset: -1px;
}
.a11y-emphasizefocus a.disabled,
.a11y-emphasizefocus button.disabled,
.a11y-emphasizefocus button[disabled],
.a11y-emphasizefocus a.select2-choice,
.a11y-emphasizefocus .form-control,
.a11y-emphasizefocus .select2-result-selectable a,
.a11y-emphasizefocus .a11ynoemphasize,
.a11y-emphasizefocus .a11ynoundln,
.a11y-emphasizefocus .btn .asc,
.a11y-emphasizefocus .btn .desc1,
.a11y-emphasizefocus .col-xs-9 .text-overflow > .truncate-ellipsis > .truncate-wrapper {
  outline: none;
}
.a11y-emphasizefocus .tableComponent tbody .d_w {
  padding: 5px;
  padding-right: 8px;
  margin-left: -5px;
  margin-right: -8px;
}
.a11y-emphasizefocus .tableComponent tbody .d_w a[mode_html="true"],
.a11y-emphasizefocus .tableComponent tbody .d_w a[href*=View] {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.a11y-emphasizefocus .tableComponent tbody .d_w .listreq-empsz {
  overflow: unset;
  text-overflow: unset;
}
.a11y-emphasizefocus .helptour .sidenav .playlist-section li {
  margin: 5px;
  outline: 1px solid var(--emphasizeBorder);
  outline-offset: 1px;
}
.a11y-emphasizefocus .sortedTableHeader .sortButtonASC,
.a11y-emphasizefocus .sortedTableHeader .sortButtonDESC {
  outline: 1px solid var(--emphasizeBorder);
  outline-offset: 1px;
}
.a11y-emphasizefocus #ui-framework-design1 .btn-primary,
.a11y-emphasizefocus #ui-framework-design1 .checkbox-inline,
.a11y-emphasizefocus #ui-framework-design1 .radio-inline,
.a11y-emphasizefocus .vendor-bc-act,
.a11y-emphasizefocus .vendor-bc,
.a11y-emphasizefocus .vendor-bc,
.a11y-emphasizefocus .own-bc-act,
.a11y-emphasizefocus .own-bc,
.a11y-emphasizefocus .own-bc-act,
.a11y-emphasizefocus .gen-bc-act,
.a11y-emphasizefocus .gen-bc,
.a11y-emphasizefocus .panel-heading {
  outline: 1px solid var(--emphasizeBorder) !important;
}
.a11y-emphasizefocus [data-switch="sdmenu"] .a11yemphasize .btn {
  outline: none;
}
.a11y-emphasizefocus .alert-confirm button.close {
  padding-right: 5px !important;
}
.a11y-emphasizefocus .bulk-select-head .a11yemphasize {
  outline-offset: -3px;
}
.a11y-emphasizefocus .zcollapsiblepanel__heading {
  outline-offset: -2px;
}
.a11y-emphasizefocus .col-xs-11 .k_div > .text-overflow,
.a11y-emphasizefocus .col-xs-6 .k_div > .text-overflow {
  padding: 4px;
  margin: -4px;
}
.a11y-emphasizefocus .wochangelistview .col-xs-9 span.truncate-ellipsis {
  margin: -2px;
}
.a11y-emphasizefocus .wochangelistview .col-xs-9 span.truncate-ellipsis > .truncate-wrapper {
  padding: 2px;
}
.a11y-emphasizefocus .wochangelistview .col-xs-9 span.truncate-ellipsis a {
  display: inline-block !important;
}
.a11y-tabfocus *:focus-visible,
.a11y-tabfocus a:focus-visible,
.a11y-tabfocus button:focus-visible,
.a11y-tabfocus .btn:focus-visible,
.a11y-tabfocus .btn:active:focus-visible,
.a11y-tabfocus .btn.active:focus-visible,
.a11y-tabfocus input:focus-visible,
.a11y-tabfocus .btn-group .dd :focus-visible,
.a11y-tabfocus .sdmenu-dd .list-filters-ui1 a:focus-visible,
.a11y-tabfocus .btn-group .sdmenu-toggle:active:focus-visible,
.a11y-tabfocus .btn-group.open .sdmenu-toggle:focus-visible,
.a11y-tabfocus .sol-context-menu .vakata-context li > a:focus,
.a11y-tabfocus .detailview .controls .btn-default:focus-visible,
.a11y-tabfocus #Right-Section .listview .btn-default:not(.defaultbtn):not(.attachdrop):focus-visible,
.a11y-tabfocus .task-list-wrap .btn-default:not(.defaultbtn):not(.attachdrop):focus-visible,
.a11y-tabfocus .rtafocus {
  outline: var(--link_tab_line_color) solid 2px;
  outline-offset: 2px;
}
.a11y-tabfocus input[type="text"]:focus-visible,
.a11y-tabfocus input[type="password"]:focus-visible,
.a11y-tabfocus textarea:focus-visible,
.a11y-tabfocus select:focus-visible,
.a11y-tabfocus .sdp-dialog input[type="text"]:focus-visible,
.a11y-tabfocus .sdp-dialog input[type="text"]:hover:focus-visible,
.a11y-tabfocus .form-control:focus-visible,
.a11y-tabfocus .input-group .formStyle:focus-visible,
.a11y-tabfocus .tableComponent .searchRow td .tableSpotSearch:focus-visible,
.a11y-tabfocus input[name="searchInputField"]:focus-visible,
.a11y-tabfocus #inc_add_fields .tab_content input[type="text"]:focus-visible,
.a11y-tabfocus #inc_add_fields .tab_content textarea:focus-visible,
.a11y-tabfocus .form-control.select2-container-active,
.a11y-tabfocus .stage-list a:focus-visible p,
.a11y-tabfocus .admin-sidebar z-accitemcontent ul ul a:focus-visible,
.a11y-tabfocus .admin-sidebar .zc-admin-sidebar .zaccordionpanel__header a:focus-visible,
.a11y-tabfocus ul.sortlist input[type=checkbox]:focus-visible.cb + .fav {
  outline: var(--link_tab_line_color) solid 2px;
  outline-offset: 2px;
}
.a11y-tabfocus z-collapsiblepanels z-collapsiblepanel .zcollapsiblepanel__header:focus-visible,
.a11y-tabfocus .accordion-log .zcollapsiblepanel .zcollapsiblepanel__header:focus-visible,
.a11y-tabfocus a.ui-tabs1-normal:focus-visible,
.a11y-tabfocus .ui-tabs1-active:focus-visible,
.a11y-tabfocus .admin-sidebar a:focus-visible,
.a11y-tabfocus #new-pr .subtaboff a:focus-visible {
  outline: var(--link_tab_line_color) solid 2px;
  outline-offset: -4px;
}
.a11y-tabfocus .zcomponents .panel-group-history .zcollapsiblepanel .zcollapsiblepanel__header:focus-visible {
  outline: 0;
}
.a11y-tabfocus .zcomponents .panel-group-history .zcollapsiblepanel .zcollapsiblepanel__header:focus-visible .zcollapsiblepanel__heading {
  outline: var(--link_tab_line_color) solid 2px;
  outline-offset: -4px;
}
.a11y-tabfocus .navbar-icon:focus-visible,
.a11y-tabfocus .header-tab .overflow-menu > a:focus-visible,
.a11y-tabfocus .header-icon-list > li > a:focus-visible,
.a11y-tabfocus .header-tab .btn-group.open.overflow-menu .sdmenu-toggle:focus-visible,
.a11y-tabfocus .sdmenu-dd > .active > a:focus-visible,
.a11y-tabfocus z-accitemcontent > ul > li.active > a:focus-visible,
.a11y-tabfocus .zc-admin-sidebar a.lnav-item-current:focus-visible {
  outline: #fff solid 2px;
  outline-offset: -4px;
}
.a11y-tabfocus .zaccordionpanel__header.has-kfocus:before {
  border-color: transparent;
}
.a11y-tabfocus .sdtabs-ui2 .nav-sdtabs a:focus-visible,
.a11y-tabfocus .btn-link:focus-visible,
.a11y-tabfocus .sdmenu-dd > li > a:focus-visible,
.a11y-tabfocus table.calendar-gridview tr td a:focus-visible {
  outline-offset: -2px;
}
.a11y-tabfocus .sdtabs-ui1 .nav-sdtabs a:focus-visible {
  outline-offset: -4px;
}
.a11y-tabfocus .rtafocus {
  position: relative;
}
.a11y-showhover {
  --freezecontentbg: rgba(255, 255, 255, 0.3);
}
.a11y-showhover [theme="dark-mode"] {
  --freezecontentbg: rgba(18, 18, 18, 0.8);
}
.a11y-showhover .cv-task-item .task-act-btns,
.a11y-showhover .visi-parent .visi-item,
.a11y-showhover .sdtab-pane .sugesn-linkstyle {
  opacity: 1;
}
.a11y-showhover .detailview .right-panel .form-horizontal .form-group .right-col.tr,
.a11y-showhover .tag-section .tagedit-link,
.a11y-showhover .sol-list-view .nodesettings,
.a11y-showhover ul.channel-admin li .bs-noconflict span.vmhvr,
.a11y-showhover .tableComponent tr td .common-lock-icon1:not(.default),
.a11y-showhover .tableComponent tr td .common-preview-icon1:not(.default),
.a11y-showhover .space-tree .space-card-details .menu-button,
.a11y-showhover .freezelayer-wrapper .freezelayer-text,
.a11y-showhover .freezelayer-wrapper .modal-overlay2,
.a11y-showhover z-collapsiblepanels z-collapsiblepanel.zcollapsiblepanel.conversation .zcollapsiblepanel__header .zcollapsiblepanel__heading .right,
.a11y-showhover .zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading .right,
.a11y-showhover .zcomponents.accordion-log .zcollapsiblepanel .zcollapsiblepanel__header .zcollapsiblepanel__heading .right .btn-group :not(.inner),
.a11y-showhover .formtmpl-wrapper .form-section > h4 .formsegremove,
.a11y-showhover .formtmpl-wrapper .form-section > h4 .formsegedit,
.a11y-showhover .formtmpl-wrapper .col-fields .formfieldsedit,
.a11y-showhover .formtmpl-wrapper .col-fields .formfieldsremove,
.a11y-showhover .cust-brow-tt .input-group .brow-prev-ic,
.a11y-showhover .grid-customization .refreshreportgraph,
.a11y-showhover .tc-row .text-combobox em,
.a11y-showhover tr.tc-row .cb-arrow:before {
  visibility: visible;
}
.a11y-showhover .hidethis,
.a11y-showhover .visi-item,
.a11y-showhover .esmportal-newui .esmportal-instance .esmportal-cards .instance-layout .instance-panel .cspr.home2,
.a11y-showhover .lv-fwrap .tc-row .dr-down-icon {
  opacity: 1 !important;
}
.a11y-showhover .detailview .right-panel .form-horizontal .form-group .right-col.tr,
.a11y-showhover .chat-bar .chat-unpin,
.a11y-showhover .space-tree .space-tree-search-icon,
.a11y-showhover .acntrls-panel z-cpcontent > ul.acpersonas-ul > li > span.cspr.info-ol,
.a11y-showhover .prox-blk span,
.a11y-showhover .form-template .col-fields .info:not(.tasktemplate-info) {
  visibility: visible !important;
}
.a11y-showhover .sol-list-view .nodecount {
  visibility: hidden;
}
.a11y-showhover .svgbdy .node .plus-group {
  transform: none;
  opacity: 1;
}
.a11y-showhover .hoverstyle,
.a11y-showhover .replyEdit a {
  display: unset;
}
.a11y-showhover .notifications .popout,
.a11y-showhover .notifications .spad-delete,
.a11y-showhover .notifications .m-read,
.a11y-showhover .notifications .m-unread {
  opacity: 1 !important;
  visibility: visible !important;
}
.a11y-showhover .inplace-edit .spot-static:not(.spot-customedit) {
  background-image: url(/images/ui-vertical-sprite.png?14900);
  background-repeat: no-repeat;
  cursor: var(--sdpcursor-pointer);
  background-position: right -467px;
}
.a11y-showhover .scatlog-default .panel-inner .icons-wrap,
.a11y-showhover .customize-portal .panel-inner .icons-wrap {
  display: block;
}
.a11y-showhover .formtmpl-wrapper .form-horizontal.four-col .form-section:not([data-name=defaultinformation]) .col-group .col-fields,
.a11y-showhover .formtmpl-wrapper .form-horizontal.four-col .form-section:not([data-name=defaultinformation]) .col-group .col-fields.active {
  border: 1px dashed var(--bordercolor-dashedblue) !important;
}
.a11y-showhover .removecre.hide,
.a11y-showhover .formtmpl-wrapper .form-horizontal.four-col .form-section:not([data-name="defaultinformation"]) .col-fields .flexspot,
.a11y-showhover .formtmpl-wrapper .form-horizontal.four-col .emptyformgroupul .flexspot {
  display: inline-block !important;
}
.a11y-showhover .ui-component-li .content-list li .insertoption {
  display: inline;
}
.a11y-showhover #calendarcontainer .calendarcell .hide {
  display: table-cell !important;
  text-align: left !important;
}
.a11y-showhover .freezelayer-wrapper .modal-overlay2 {
  background-color: var(--freezecontentbg);
}
.a11y-showhover .notifications ul li .cspr {
  transform: scale(1);
}
.a11y-showhover .notifications ul li .cspr.popout {
  transform: scale(1.2);
}
.a11y-showhover .notifications ul li .cspr.spad-delete {
  margin-right: 0px !important;
}
.a11y-customscroll {
  --scrolldefaultcolor: #797979;
  --scrollhovercolor: #555;
  --scrollareacolor: rgba(191, 191, 191, 0.1);
}
.a11y-customscroll [theme="dark-mode"] {
  --scrolldefaultcolor: #aaaaaa;
  --scrollhovercolor: #dbdbdb;
}
.a11y-customscroll ::-webkit-scrollbar {
  width: 12px !important;
  background: var(--scrollareacolor) !important;
}
.a11y-customscroll::-webkit-scrollbar-thumb,
.a11y-customscroll ::-webkit-scrollbar-thumb {
  transition: none;
  width: 12px !important;
  background-color: var(--scrolldefaultcolor) !important;
  border-radius: 10px !important;
}
.a11y-customscroll::-webkit-scrollbar-thumb:active,
.a11y-customscroll ::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollhovercolor) !important;
  border-radius: 2px !important;
}
.a11y-customscroll::-webkit-scrollbar-thumb:hover,
.a11y-customscroll ::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollhovercolor) !important;
  border-radius: 2px !important;
}
@-moz-document url-prefix() {
  html.a11y-customscroll {
    scrollbar-width: auto !important;
    scrollbar-color: var(--scrolldefaultcolor) !important;
  }
  html.a11y-customscroll * {
    scrollbar-width: auto !important;
    scrollbar-color: var(--scrollhovercolor) !important;
  }
  html.a11y-customscroll *:hover {
    scrollbar-color: var(--scrollhovercolor) !important;
  }
}
:root {
  --sdpcursor-default: default;
  --sdpcursor-pointer: pointer;
  --sdpcursor-not-allowed: not-allowed;
  --sdpcursor-no-drop: no-drop;
  --sdpcursor-text: text;
  --sdpcursor-col-resize: col-resize;
  --sdpcursor-move: move;
  --sdpcursor-help: help;
  --sdpcursor-zoom-in: zoom-in;
  --sdpcursor-zoom-out: zoom-out;
  --sdpcursor-se-resize: se-resize;
  --sdpcursor-ew-resize: ew-resize;
  --sdpcursor-crosshair: crosshair;
  --sdpcursor-grab: grab;
  --sdpcursor-sw-resize: sw-resize;
}
.a11y-customcursor {
  --sdpcursor-default: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KICA8c3ZnIHdpZHRoPSIzMCIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDI1IDM3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjY2XzM4NDUpIj4KICA8cGF0aCBkPSJNMTAuNDk5IDIxLjEzMTZMNC44MjAzMSAyMy4wNTA5VjAuMzM2MjQzTDIwLjYxMTEgMTcuNzIxMkwxNS4wMTE4IDE5LjYwODhMMTcuNTg5NCAyNi44NDJMMTMuMTA4MyAyOC40NDRMMTAuNTA2OSAyMS4xMzE2SDEwLjQ5OVoiIGNsYXNzPSJjbHMtMSIvPgogIDxwYXRoIGQ9Ik0xOC4wMDkgMTYuOTIwNUw2LjQwNTc2IDQuMTUxNDdWMjAuODM4NUwxMS40NjU4IDE5LjEyNTRMMTQuMDU5MyAyNi40MTQxTDE1LjU1MDMgMjUuODgyN0wxMi45NjQ4IDE4LjYxNzhMMTguMDAxIDE2LjkyMDVIMTguMDA5WiIgY2xhc3M9ImNscy0yIi8+CiAgPC9nPgogIDxkZWZzPgogIDxzdHlsZT4KICAuY2xzLTEgewogICAgZmlsbDogI2ZmZjsKICB9CiAgLmNscy0yIHsKICAgIGZpbGw6ICMwMDA7CiAgfQogIDwvc3R5bGU+CiAgPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI2Nl8zODQ1IiB4PSIwLjgyMDMxMiIgeT0iMC4zMzYyNDMiIHdpZHRoPSIyMy43OTEiIGhlaWdodD0iMzYuMTA3OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgogIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiAgPGZlT2Zmc2V0IGR5PSI0Ii8+CiAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgogIDxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgogIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNjZfMzg0NSIvPgogIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODQ1IiByZXN1bHQ9InNoYXBlIi8+CiAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDwvc3ZnPiA=') 5 2, default;
  --sdpcursor-pointer: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KCiAgPHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAzMSAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzM3M18zODk4KSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4wMDU4IDAuNDQ2MzJDMTAuNDYyOCAwLjQ0NjMyIDkuMjE3MjEgMS42OTE5MSA5LjIxNzIxIDMuMjM0OTZWOS44MzQ3M0M3LjA5Nzg0IDEwLjI2MjMgNS40OTkwMiAxMi4xNCA1LjQ5OTAyIDE0LjM4OTVWMTcuMjUyNUM1LjQ5OTAyIDE4LjYwOTYgNS45MjY2MSAxOS45Mjk2IDYuNzA3NDMgMjEuMDM1OEw5LjQ4Njc3IDI0LjkyMTNDMTAuMTgzOSAyNS44OTczIDExLjMwODcgMjYuNDczNiAxMi41MDc4IDI2LjQ3MzZIMTkuNjgzOUMyMS4wMjI0IDI2LjQ3MzYgMjIuMjQ5NCAyNS43NTc4IDIyLjkwOTQgMjQuNTk1OUwyNS4wOTM4IDIwLjc4NDhDMjUuNjUxNiAxOS43OTk1IDI1Ljk0OSAxOC42OTMzIDI1Ljk0OSAxNy41NTkzVjE0LjM4OTVDMjUuOTQ5IDExLjg5ODMgMjMuOTg3NyA5Ljg2MjYyIDIxLjUyNDQgOS43NTEwN0MyMS4wMTMxIDkuMTc0NzUgMjAuMjY5NSA4LjgxMjIzIDE5LjQ0MjIgOC44MTIyM0MxOC45NDk1IDguODEyMjMgMTguNDc1NSA4Ljk0MjM3IDE4LjA3NTggOS4xNzQ3NUMxNy41ODMxIDguNDAzMjMgMTYuNzA5MyA3Ljg4MjY4IDE1LjcyNCA3Ljg4MjY4QzE1LjM5ODcgNy44ODI2OCAxNS4wODI2IDcuOTM4NDYgMTQuNzk0NSA4LjA0MDcxVjMuMjM0OTZDMTQuNzk0NSAxLjY5MTkxIDEzLjU0ODkgMC40NDYzMiAxMi4wMDU4IDAuNDQ2MzJaIiBjbGFzcz0iY2xzLTEiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjAwNTggMC40NDYzMkMxMC40NjI4IDAuNDQ2MzIgOS4yMTcyMSAxLjY5MTkxIDkuMjE3MjEgMy4yMzQ5NlY5LjgzNDczQzcuMDk3ODQgMTAuMjYyMyA1LjQ5OTAyIDEyLjE0IDUuNDk5MDIgMTQuMzg5NVYxNy4yNTI1QzUuNDk5MDIgMTguNjA5NiA1LjkyNjYxIDE5LjkyOTYgNi43MDc0MyAyMS4wMzU4TDkuNDg2NzcgMjQuOTIxM0MxMC4xODM5IDI1Ljg5NzMgMTEuMzA4NyAyNi40NzM2IDEyLjUwNzggMjYuNDczNkgxOS42ODM5QzIxLjAyMjQgMjYuNDczNiAyMi4yNDk0IDI1Ljc1NzggMjIuOTA5NCAyNC41OTU5TDI1LjA5MzggMjAuNzg0OEMyNS42NTE2IDE5Ljc5OTUgMjUuOTQ5IDE4LjY5MzMgMjUuOTQ5IDE3LjU1OTNWMTQuMzg5NUMyNS45NDkgMTEuODk4MyAyMy45ODc3IDkuODYyNjIgMjEuNTI0NCA5Ljc1MTA3QzIxLjAxMzEgOS4xNzQ3NSAyMC4yNjk1IDguODEyMjMgMTkuNDQyMiA4LjgxMjIzQzE4Ljk0OTUgOC44MTIyMyAxOC40NzU1IDguOTQyMzcgMTguMDc1OCA5LjE3NDc1QzE3LjU4MzEgOC40MDMyMyAxNi43MDkzIDcuODgyNjggMTUuNzI0IDcuODgyNjhDMTUuMzk4NyA3Ljg4MjY4IDE1LjA4MjYgNy45Mzg0NiAxNC43OTQ1IDguMDQwNzFWMy4yMzQ5NkMxNC43OTQ1IDEuNjkxOTEgMTMuNTQ4OSAwLjQ0NjMyIDEyLjAwNTggMC40NDYzMlpNMTQuNzk0NSAxMC42NzEzQzE0Ljc5NDUgMTEuMTgyNiAxNC4zNzYyIDExLjYwMDkgMTMuODY0OSAxMS42MDA5QzEzLjM1MzcgMTEuNjAwOSAxMi45MzU0IDExLjE4MjYgMTIuOTM1NCAxMC42NzEzVjMuMjM0OTZDMTIuOTM1NCAyLjcyMzcxIDEyLjUxNzEgMi4zMDU0MSAxMi4wMDU4IDIuMzA1NDFDMTEuNDk0NiAyLjMwNTQxIDExLjA3NjMgMi43MjM3MSAxMS4wNzYzIDMuMjM0OTZWMTUuMzE5QzExLjA3NjMgMTUuODMwMyAxMC42NTggMTYuMjQ4NiAxMC4xNDY4IDE2LjI0ODZDOS42MzU1IDE2LjI0ODYgOS4yMTcyMSAxNS44MzAzIDkuMjE3MjEgMTUuMzE5VjExLjc1ODlDOC4xMjk2NCAxMi4xNCA3LjM1ODExIDEzLjE3MTggNy4zNTgxMSAxNC4zODk1VjE3LjI1MjVDNy4zNTgxMSAxOC4yMTkyIDcuNjY0ODYgMTkuMTY3NCA4LjIyMjU5IDE5Ljk1NzVMMTEuMDAxOSAyMy44NDNDMTEuMzU1MiAyNC4zMzU2IDExLjkxMjkgMjQuNjIzOCAxMi41MTcxIDI0LjYyMzhIMTkuNjkzMkMyMC4zNjI1IDI0LjYyMzggMjAuOTc2IDI0LjI3MDYgMjEuMzEwNiAyMy42ODVMMjMuNDk1IDE5Ljg3MzhDMjMuODk0NyAxOS4xNjc0IDI0LjEwODUgMTguMzc3MyAyNC4xMDg1IDE3LjU2ODZWMTQuMzk4OEMyNC4xMDg1IDEzLjE4MTEgMjMuMzM3IDEyLjE0OTMgMjIuMjQ5NCAxMS43NjgyVjEyLjUzOTdDMjIuMjQ5NCAxMy4wNTEgMjEuODMxMSAxMy40NjkzIDIxLjMxOTkgMTMuNDY5M0MyMC44MDg2IDEzLjQ2OTMgMjAuMzkwMyAxMy4wNTEgMjAuMzkwMyAxMi41Mzk3VjExLjYxMDJDMjAuMzkwMyAxMS4wOTg5IDE5Ljk3MiAxMC42ODA2IDE5LjQ2MDggMTAuNjgwNkMxOC45NDk1IDEwLjY4MDYgMTguNTMxMyAxMS4wOTg5IDE4LjUzMTMgMTEuNjEwMkMxOC41MzEzIDEyLjEyMTQgMTguMTEzIDEyLjUzOTcgMTcuNjAxNyAxMi41Mzk3QzE3LjA5MDUgMTIuNTM5NyAxNi42NzIyIDEyLjEyMTQgMTYuNjcyMiAxMS42MTAyVjEwLjY4MDZDMTYuNjcyMiAxMC4xNjk0IDE2LjI1MzkgOS43NTEwNyAxNS43NDI2IDkuNzUxMDdDMTUuMjMxNCA5Ljc1MTA3IDE0LjgxMzEgMTAuMTY5NCAxNC44MTMxIDEwLjY4MDZMMTQuNzk0NSAxMC42NzEzWiIgY2xhc3M9ImNscy0yIi8+CiAgPC9nPgogIDxkZWZzPgogIDxzdHlsZT4KICAgIC5jbHMtMSB7CiAgICAgIGZpbGw6ICMwMDA7CiAgICB9CiAgICAuY2xzLTIgewogICAgICBmaWxsOiAjZmZmOwogICAgfQogICAgPC9zdHlsZT4KICA8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMzczXzM4OTgiIHg9IjAuODEwOTE4IiB5PSIwLjQ0NjMyIiB3aWR0aD0iMjkuODI2NCIgaGVpZ2h0PSIzNS40MDM1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KICA8ZmVPZmZzZXQgZHk9IjQuNjg4MTEiLz4KICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjM0NDA1Ii8+CiAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzM3M18zODk4Ii8+CiAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzczXzM4OTgiIHJlc3VsdD0ic2hhcGUiLz4KICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgPC9zdmc+') 14 2, pointer;
  --sdpcursor-not-allowed: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KIDxzdmcgd2lkdGg9IjMwIiBoZWlnaHQ9IjUwIiB2aWV3Qm94PSIwIDAgMjUgNDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzI2Nl8zODU5KSI+CiA8cGF0aCBkPSJNNC41MTE3MiAwLjgzOTUzOVYyMy41NTQyTDIwLjMwMjUgMTguMjI0NUw0LjUxMTcyIDAuODM5NTM5WiIgY2xhc3M9ImNscy0xIi8+CiA8cGF0aCBkPSJNMjEuMjcgMjEuMzI1N0MyMC4xOTkzIDIwLjI1NSAxOC43Nzk2IDE5LjY2ODEgMTcuMjY0OCAxOS42NjgxQzE1Ljc1IDE5LjY2ODEgMTQuMzMwMyAyMC4yNTUgMTMuMjU5NiAyMS4zMjU3QzExLjA1NDcgMjMuNTMwNiAxMS4wNTQ3IDI3LjEyMzQgMTMuMjU5NiAyOS4zMjgyQzE0LjMzMDMgMzAuMzk4OSAxNS43NSAzMC45ODU4IDE3LjI2NDggMzAuOTg1OEMxOC43Nzk2IDMwLjk4NTggMjAuMTk5MyAzMC4zOTg5IDIxLjI3IDI5LjMyODJDMjMuNDc0OCAyNy4xMjM0IDIzLjQ3NDggMjMuNTMwNiAyMS4yNyAyMS4zMTc4VjIxLjMyNTdaIiBjbGFzcz0iY2xzLTEiLz4KIDxwYXRoIGQ9Ik02LjA5NzY2IDQuNjU0NzlWMjEuMzQxOEwxNy43MDA4IDE3LjQyMzlMNi4wOTc2NiA0LjY1NDc5WiIgY2xhc3M9ImNscy0yIi8+CiA8cGF0aCBkPSJNMjAuNDI5NiAyMi4xNjY1QzE5LjU4MSAyMS4zMTc5IDE4LjQ2MjcgMjAuODU3OSAxNy4yNjUxIDIwLjg1NzlDMTYuMDY3NSAyMC44NTc5IDE0Ljk0OTMgMjEuMzI1OCAxNC4xMDA2IDIyLjE2NjVDMTIuMzU1OCAyMy45MTE0IDEyLjM1NTggMjYuNzUwNyAxNC4xMDA2IDI4LjQ5NTZDMTQuOTczIDI5LjM2OCAxNi4xMjMxIDI5LjgwNDIgMTcuMjY1MSAyOS44MDQyQzE4LjQwNzIgMjkuODA0MiAxOS41NTcyIDI5LjM2OCAyMC40Mjk2IDI4LjQ5NTZDMjIuMTc0NSAyNi43NTA3IDIyLjE3NDUgMjMuOTExNCAyMC40Mjk2IDIyLjE2NjVaTTE0Ljk0MTMgMjIuOTk5M0MxNS41NTk5IDIyLjM4MDcgMTYuMzkyNyAyMi4wMzk2IDE3LjI2NTEgMjIuMDM5NkMxNy45MzkzIDIyLjAzOTYgMTguNTg5NiAyMi4yNDU5IDE5LjEyODkgMjIuNjI2NUwxNC41NjA2IDI3LjE5NDlDMTMuNjcyMyAyNS45MSAxMy43OTkyIDI0LjE0MTQgMTQuOTQxMyAyMi45OTkzWk0xOS41ODg5IDI3LjY1NDlDMTguNDQ2OSAyOC43OTY5IDE2LjY3ODIgMjguOTE1OSAxNS4zOTM0IDI4LjAyNzZMMTkuOTYxNyAyMy40NTkzQzIwLjg0MjEgMjQuNzQ0MSAyMC43MjMxIDI2LjUxMjggMTkuNTg4OSAyNy42NTQ5WiIgY2xhc3M9ImNscy0yIi8+CiA8L2c+CiA8ZGVmcz4KIDxzdHlsZT4KIC5jbHMtMSB7CiAgIGZpbGw6ICNmZmY7CiB9CiAuY2xzLTIgewogICBmaWxsOiAjMDAwOwogfQogPC9zdHlsZT4KIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNjZfMzg1OSIgeD0iMC41MTE3MTkiIHk9IjAuODM5NTM5IiB3aWR0aD0iMjYuNDEyMSIgaGVpZ2h0PSIzOC4xNDYyIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiA8ZmVPZmZzZXQgZHk9IjQiLz4KIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KIDxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgogPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4NTkiLz4KIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODU5IiByZXN1bHQ9InNoYXBlIi8+CiA8L2ZpbHRlcj4KIDwvZGVmcz4KIDwvc3ZnPg==') 5 2, not-allowed;
  --sdpcursor-no-drop: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCAyNSA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjY2XzM4NTkpIj4KIDxwYXRoIGQ9Ik00LjUxMTcyIDAuODM5NTM5VjIzLjU1NDJMMjAuMzAyNSAxOC4yMjQ1TDQuNTExNzIgMC44Mzk1MzlaIiBjbGFzcz0iY2xzLTEiLz4KIDxwYXRoIGQ9Ik0yMS4yNyAyMS4zMjU3QzIwLjE5OTMgMjAuMjU1IDE4Ljc3OTYgMTkuNjY4MSAxNy4yNjQ4IDE5LjY2ODFDMTUuNzUgMTkuNjY4MSAxNC4zMzAzIDIwLjI1NSAxMy4yNTk2IDIxLjMyNTdDMTEuMDU0NyAyMy41MzA2IDExLjA1NDcgMjcuMTIzNCAxMy4yNTk2IDI5LjMyODJDMTQuMzMwMyAzMC4zOTg5IDE1Ljc1IDMwLjk4NTggMTcuMjY0OCAzMC45ODU4QzE4Ljc3OTYgMzAuOTg1OCAyMC4xOTkzIDMwLjM5ODkgMjEuMjcgMjkuMzI4MkMyMy40NzQ4IDI3LjEyMzQgMjMuNDc0OCAyMy41MzA2IDIxLjI3IDIxLjMxNzhWMjEuMzI1N1oiIGNsYXNzPSJjbHMtMSIvPgogPHBhdGggZD0iTTYuMDk3NjYgNC42NTQ3OVYyMS4zNDE4TDE3LjcwMDggMTcuNDIzOUw2LjA5NzY2IDQuNjU0NzlaIiBjbGFzcz0iY2xzLTIiLz4KIDxwYXRoIGQ9Ik0yMC40Mjk2IDIyLjE2NjVDMTkuNTgxIDIxLjMxNzkgMTguNDYyNyAyMC44NTc5IDE3LjI2NTEgMjAuODU3OUMxNi4wNjc1IDIwLjg1NzkgMTQuOTQ5MyAyMS4zMjU4IDE0LjEwMDYgMjIuMTY2NUMxMi4zNTU4IDIzLjkxMTQgMTIuMzU1OCAyNi43NTA3IDE0LjEwMDYgMjguNDk1NkMxNC45NzMgMjkuMzY4IDE2LjEyMzEgMjkuODA0MiAxNy4yNjUxIDI5LjgwNDJDMTguNDA3MiAyOS44MDQyIDE5LjU1NzIgMjkuMzY4IDIwLjQyOTYgMjguNDk1NkMyMi4xNzQ1IDI2Ljc1MDcgMjIuMTc0NSAyMy45MTE0IDIwLjQyOTYgMjIuMTY2NVpNMTQuOTQxMyAyMi45OTkzQzE1LjU1OTkgMjIuMzgwNyAxNi4zOTI3IDIyLjAzOTYgMTcuMjY1MSAyMi4wMzk2QzE3LjkzOTMgMjIuMDM5NiAxOC41ODk2IDIyLjI0NTkgMTkuMTI4OSAyMi42MjY1TDE0LjU2MDYgMjcuMTk0OUMxMy42NzIzIDI1LjkxIDEzLjc5OTIgMjQuMTQxNCAxNC45NDEzIDIyLjk5OTNaTTE5LjU4ODkgMjcuNjU0OUMxOC40NDY5IDI4Ljc5NjkgMTYuNjc4MiAyOC45MTU5IDE1LjM5MzQgMjguMDI3NkwxOS45NjE3IDIzLjQ1OTNDMjAuODQyMSAyNC43NDQxIDIwLjcyMzEgMjYuNTEyOCAxOS41ODg5IDI3LjY1NDlaIiBjbGFzcz0iY2xzLTIiLz4KIDwvZz4KIDxkZWZzPgogPHN0eWxlPgogLmNscy0xIHsKICAgZmlsbDogI2ZmZjsKIH0KIC5jbHMtMiB7CiAgIGZpbGw6ICMwMDA7CiB9CiA8L3N0eWxlPgogPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI2Nl8zODU5IiB4PSIwLjUxMTcxOSIgeT0iMC44Mzk1MzkiIHdpZHRoPSIyNi40MTIxIiBoZWlnaHQ9IjM4LjE0NjIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KIDxmZU9mZnNldCBkeT0iNCIvPgogPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgogPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiA8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CiA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNjZfMzg1OSIvPgogPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4NTkiIHJlc3VsdD0ic2hhcGUiLz4KIDwvZmlsdGVyPgogPC9kZWZzPgogPC9zdmc+') 5 2, no-drop;
  --sdpcursor-text: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KIDxzdmcgd2lkdGg9IjIwIiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMTcgMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzI2Nl8zODc1KSI+CiA8cGF0aCBkPSJNOS41MDg5MyAyMS4wMjc5QzkuMjM5MjcgMjEuMDI3OSA4Ljk3NzU1IDIwLjk5NjEgOC43MTU4MiAyMC45MjQ4QzguNDU0MDkgMjAuOTk2MSA4LjE5MjM3IDIxLjAyNzkgNy45MjI3MSAyMS4wMjc5SDQuNTM2MTNWMTYuMjY5Mkg2LjMzNjQ5VjEyLjg2NjhINC44NjEzMVY4LjEwODFINi4zMzY0OVY0LjkzNTY2SDQuNTM2MTNWMC4xNzcwMDJINy45MjI3MUM4LjE5MjM3IDAuMTc3MDAyIDguNDU0MDkgMC4yMDg3MjYgOC43MTU4MiAwLjI4MDEwNkM4Ljk3NzU1IDAuMjA4NzI2IDkuMjM5MjcgMC4xNzcwMDIgOS41MDg5MyAwLjE3NzAwMkgxMi44OTU1VjQuOTM1NjZIMTEuMDk1MVY4LjEwODFIMTIuODk1NVYxMi44NjY4SDExLjA5NTFWMTYuMjY5MkgxMi44OTU1VjIxLjAyNzlIOS41MDg5M1oiICBjbGFzcz0iY2xzLTEiLz4KIDxwYXRoIGQ9Ik0xMS4zMDk1IDMuMzQ5NjVWMS43NjM0M0g5LjUwOTE0QzkuMjE1NjkgMS43NjM0MyA4Ljk1Mzk2IDEuODUwNjcgOC43MTYwMyAxLjk4NTVDOC40NzgwOSAxLjg1MDY3IDguMjE2MzcgMS43NjM0MyA3LjkyMjkyIDEuNzYzNDNINi4xMjI1NlYzLjM0OTY1SDcuOTIyOTJWOS42OTQ1Mkg2LjQ0NzczVjExLjI4MDdINy45MjI5MlYxNy44NTU2SDYuMTIyNTZWMTkuNDQxOEg3LjkyMjkyQzguMjE2MzcgMTkuNDQxOCA4LjQ3ODA5IDE5LjM1NDYgOC43MTYwMyAxOS4yMTk4QzguOTUzOTYgMTkuMzU0NiA5LjIxNTY5IDE5LjQ0MTggOS41MDkxNCAxOS40NDE4SDExLjMwOTVWMTcuODU1Nkg5LjUwOTE0VjExLjI4MDdIMTEuMzA5NVY5LjY5NDUySDkuNTA5MTRWMy4zNDk2NUgxMS4zMDk1WiIgY2xhc3M9ImNscy0yIi8+CiA8L2c+CiA8ZGVmcz4KIDxzdHlsZT4KICAgIC5jbHMtMSB7CiAgICAgIGZpbGw6ICNmZmY7CiAgICB9CiAgICAuY2xzLTIgewogICAgICBmaWxsOiAjMDAwOwogICAgfQogICAgPC9zdHlsZT4KIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNjZfMzg3NSIgeD0iMC41MzYxMzMiIHk9IjAuMTc3MDAyIiB3aWR0aD0iMTYuMzU5NCIgaGVpZ2h0PSIyOC44NTA4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiA8ZmVPZmZzZXQgZHk9IjQiLz4KIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KIDxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgogPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4NzUiLz4KIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODc1IiByZXN1bHQ9InNoYXBlIi8+CiA8L2ZpbHRlcj4KIDwvZGVmcz4KIDwvc3ZnPg==') 10 14, text;
  --sdpcursor-col-resize: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KICA8c3ZnIHdpZHRoPSI0OCIgaGVpZ2h0PSIzNCIgdmlld0JveD0iMCAwIDM5IDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjY2XzM4MTkpIj4KICA8cGF0aCBkPSJNMTEuNjY2MyAxNC41MTdWMTEuOTA3N0gxNS4yOTg3VjE4LjM3MTVWMTkuMTY0NkgxNi4wOTE4SDE3LjY3OEgxOC40NzEyVjE4LjM3MTVWMi4yNzkzMlYxLjQ4NjIxSDE3LjY3OEgxNi4wOTE4SDE1LjI5ODdWMi4yNzkzMlY4LjczNTIzSDExLjY2NjNWNi4xMzM4M1Y0LjIxOTFMMTAuMzEyNCA1LjU3MzAyTDYuMTI0NzMgOS43NjA2NEw1LjU2NDQ1IDEwLjMyMDlMNi4xMjQyIDEwLjg4MTdMMTAuMzExOCAxNS4wNzczTDExLjY2NjMgMTYuNDM0M1YxNC41MTdaIiBjbGFzcz0iY2xzLTEiIC8+CiAgPHBhdGggZD0iTTMzLjMwNzcgMTAuODgyM0wzMy44NjkgMTAuMzIwOUwzMy4zMDcyIDkuNzYwMTJMMjkuMTExNiA1LjU3MjVMMjcuNzU4MiA0LjIyMTY3VjYuMTMzODVWOC43MzUyNUgyNC4xMzM3VjIuMjc5MzRWMS40ODYyM0gyMy4zNDA2SDIxLjc1NDRIMjAuOTYxM1YyLjI3OTM0VjE4LjM3MTVWMTkuMTY0NkgyMS43NTQ0SDIzLjM0MDZIMjQuMTMzN1YxOC4zNzE1VjExLjkwNzdIMjcuNzU4MlYxNC41MTdWMTYuNDMxOEwyOS4xMTIyIDE1LjA3NzhMMzMuMzA3NyAxMC44ODIzWiIgY2xhc3M9ImNscy0yIi8+CiAgPC9nPgogIDxkZWZzPgogIDxzdHlsZT4KICAuY2xzLTEgewogICAgZmlsbDogIzAwMDsKICAgIHN0cm9rZTogI2ZmZjsKICAgIHN0cm9rZS13aWR0aDogMS41ODYyMjsKICB9CiAgLmNscy0yIHsKICAgIGZpbGw6ICMwMDA7CiAgICBzdHJva2U6ICNmZmY7CiAgICBzdHJva2Utd2lkdGg6IDEuNTg2MjI7CiAgfQo8L3N0eWxlPgogIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNjZfMzgxOSIgeD0iMC40NDA0MyIgeT0iMC42OTMxIiB3aWR0aD0iMzguNTUwOCIgaGVpZ2h0PSIyNy4yNjQ2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KICA8ZmVPZmZzZXQgZHk9IjQiLz4KICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CiAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODE5Ii8+CiAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4MTkiIHJlc3VsdD0ic2hhcGUiLz4KICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgPC9zdmc+') 24 13, col-resize;
  --sdpcursor-move: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KPHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzI2Nl8zODE1KSI+CiAgPHBhdGggZD0iTTI4Ljk5NTYgMTIuNDA5MkwyMy40MDU2IDYuODE5MTRIMjIuMTM3M0wyMi4zNTY1IDUuNzcwMDNMMTYuNzExNyAwLjEyNTIxNEwxMC44Nzg5IDUuOTY1NzZMMTEuMDU5IDYuODE5MTRIMTAuMDI1Nkw0LjQzNTU1IDEyLjQwOTJMOS44Mjk4MyAxNy44MDM0SDExLjA1OUwxMC44NDc2IDE4LjgyMTJMMTYuNzExNyAyNC42OTMxTDIyLjM4NzggMTkuMDE3TDIyLjEzNzMgMTcuODAzNEgyMy42MDEzTDI4Ljk5NTYgMTIuNDA5MlpNMjEuMDgwMyAxMC4wNjA0SDE5LjA2MDRWOC4wNDgzMkgyMS4wODAzVjEwLjA2MDRaTTEyLjM1MDggOC4wNDgzMkgxNC4zNjI5VjEwLjA2MDRIMTIuMzUwOFY4LjA0ODMyWk0xMi4zNTA4IDE0Ljc1NzlIMTQuMzYyOVYxNi43N0gxMi4zNTA4VjE0Ljc1NzlaTTIxLjA4MDMgMTYuNzdIMTkuMDYwNFYxNC43NTc5SDIxLjA4MDNWMTYuNzdaIiBjbGFzcz0iY2xzLTEiLz4KICA8cGF0aCBkPSJNMjYuNzgwMSAxMi40MDkxTDIyLjY0NjMgOC4yNjc0NlYxMS42MjYySDE3LjQ5NDhWNi40ODI0MUgyMC44NTM1TDE2LjcxMTggMi4zNDA3OUwxMi41NzgxIDYuNDgyNDFIMTUuOTI4OVYxMS42MjYySDEwLjc4NTJWOC4yNjc0Nkw2LjY0MzU1IDEyLjQwOTFMMTAuNzg1MiAxNi41NDI5VjEzLjE5MkgxNS45Mjg5VjE4LjMzNThIMTIuNTc4MUwxNi43MTE4IDIyLjQ3NzRMMjAuODUzNSAxOC4zMzU4SDE3LjQ5NDhWMTMuMTkySDIyLjY0NjNWMTYuNTQyOUwyNi43ODAxIDEyLjQwOTFaIiBjbGFzcz0iY2xzLTIiLz4KICA8L2c+CiAgPGRlZnM+CiAgICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzAwMDsKICAgICAgfSAgCiAgICA8L3N0eWxlPgogIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNjZfMzgxNSIgeD0iMC40MzU1NDciIHk9IjAuMTI1MjE0IiB3aWR0aD0iMzIuNTYwMSIgaGVpZ2h0PSIzMi41Njc5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KICA8ZmVPZmZzZXQgZHk9IjQiLz4KICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CiAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODE1Ii8+CiAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4MTUiIHJlc3VsdD0ic2hhcGUiLz4KICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgPC9zdmc+') 20 16, move;
  --sdpcursor-help: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KCiAgPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCAyNSA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzM3M18zOTQ2KSI+CiAgPHBhdGggZD0iTTQgMFYyMi43MTQ3TDE5Ljc5MDggMTcuMzg1TDQgMFoiIGNsYXNzPSJjbHMtMSIvPgogIDxwYXRoIGQ9Ik0xNS43MDcxIDE5LjQ5NzdDMTMuMTc4NiAxOS40OTc3IDExLjEyMjEgMjEuNTU0MyAxMS4xMjIxIDI0LjA4MjdDMTEuMTIyMSAyNS4yMTM0IDEyLjAzOTEgMjYuMTMwMyAxMy4xNjk3IDI2LjEzMDNDMTMuMzY1NiAyNi4xMzAzIDEzLjU1MjYgMjYuMTAzNiAxMy43MzA2IDI2LjA1MDJDMTMuNjc3MiAyNi4yMjgzIDEzLjY1MDUgMjYuNDE1MiAxMy42NTA1IDI2LjYxMTFWMjcuODM5N0MxMy42NTA1IDI4LjE5NTggMTMuNzQ4NCAyOC41MTYzIDEzLjkwODcgMjguODEwMUMxMy42OTUgMjkuMTM5NSAxMy41NzA0IDI5LjU0MDIgMTMuNTcwNCAyOS45NTg2QzEzLjU3MDQgMzEuMTMzOCAxNC41MzE5IDMyLjA5NTMgMTUuNzA3MSAzMi4wOTUzQzE2Ljg4MjMgMzIuMDk1MyAxNy44NDM4IDMxLjEzMzggMTcuODQzOCAyOS45NTg2QzE3Ljg0MzggMjkuNTQwMiAxNy43MTkxIDI5LjE0ODQgMTcuNTA1NSAyOC44MTlDMTcuNjEyMyAyOC42MjMyIDE3LjY5MjQgMjguNDE4NCAxNy43MjggMjguMTk1OEMxOS4yNTkzIDI3LjQzOTEgMjAuMjkyMSAyNS44NDU1IDIwLjI5MjEgMjQuMDgyN0MyMC4yOTIxIDIxLjU1NDMgMTguMjM1NSAxOS40OTc3IDE1LjcwNzEgMTkuNDk3N1pNMTUuNzA3MSAyNC41NjM0QzE1LjUxMTIgMjQuNTYzNCAxNS4zMjQyIDI0LjU5MDEgMTUuMTQ2MiAyNC42NDM2QzE1LjE5OTYgMjQuNDY1NSAxNS4yMjYzIDI0LjI3ODUgMTUuMjI2MyAyNC4wODI3QzE1LjIyNjMgMjMuODE1NiAxNS40NCAyMy42MDE5IDE1LjcwNzEgMjMuNjAxOUMxNS45NzQyIDIzLjYwMTkgMTYuMTg3OCAyMy44MTU2IDE2LjE4NzggMjQuMDgyN0MxNi4xODc4IDI0LjM0OTggMTUuOTc0MiAyNC41NjM0IDE1LjcwNzEgMjQuNTYzNFoiICBjbGFzcz0iY2xzLTEiLz4KICA8cGF0aCBkPSJNNS41ODY0MyAzLjgxNDk3VjIwLjUwMkwxNy4xODk2IDE2LjU4NEw1LjU4NjQzIDMuODE0OTdaIiAgY2xhc3M9ImNscy0yIi8+CiAgPHBhdGggZD0iTTE1LjcwNjEgMjAuODZDMTMuOTM0NSAyMC44NiAxMi40OTIyIDIyLjMwMjMgMTIuNDkyMiAyNC4wNzM5QzEyLjQ5MjIgMjQuNDQ3OSAxMi43OTQ5IDI0Ljc1OTUgMTMuMTc3NyAyNC43NTk1QzEzLjU2MDUgMjQuNzU5NSAxMy44NjMyIDI0LjQ1NjggMTMuODYzMiAyNC4wNzM5QzEzLjg2MzIgMjMuMDUwMSAxNC42OTEyIDIyLjIyMjEgMTUuNzE1IDIyLjIyMjFDMTYuNzM4OSAyMi4yMjIxIDE3LjU2NjggMjMuMDUwMSAxNy41NjY4IDI0LjA3MzlDMTcuNTY2OCAyNS4wOTc4IDE2LjczODkgMjUuOTI1NyAxNS43MTUgMjUuOTI1N0MxNS4zNDExIDI1LjkyNTcgMTUuMDI5NSAyNi4yMjg0IDE1LjAyOTUgMjYuNjExM1YyNy44Mzk5QzE1LjAyOTUgMjguMjEzOCAxNS4zMzIyIDI4LjUyNTQgMTUuNzE1IDI4LjUyNTRDMTYuMDk3OSAyOC41MjU0IDE2LjQwMDYgMjguMjIyNyAxNi40MDA2IDI3LjgzOTlWMjcuMjI1NkMxNy44NTE3IDI2LjkxNCAxOC45Mzc5IDI1LjYyMyAxOC45Mzc5IDI0LjA4MjhDMTguOTM3OSAyMi4zMTEyIDE3LjQ5NTYgMjAuODY4OSAxNS43MjM5IDIwLjg2ODlMMTUuNzA2MSAyMC44NloiIGNsYXNzPSJjbHMtMiIvPgogIDxwYXRoIGQ9Ik0xNS43MDYyIDI5LjE4NDJDMTUuMjc4OSAyOS4xODQyIDE0LjkzMTYgMjkuNTMxNCAxNC45MzE2IDI5Ljk1ODhDMTQuOTMxNiAzMC4zODYxIDE1LjI3ODkgMzAuNzMzMyAxNS43MDYyIDMwLjczMzNDMTYuMTMzNSAzMC43MzMzIDE2LjQ4MDcgMzAuMzg2MSAxNi40ODA3IDI5Ljk1ODhDMTYuNDgwNyAyOS41MzE0IDE2LjEzMzUgMjkuMTg0MiAxNS43MDYyIDI5LjE4NDJaIiBjbGFzcz0iY2xzLTIiLz4KICA8L2c+CiAgPGRlZnM+CiAgPHN0eWxlPgogIC5jbHMtMSB7CiAgICBmaWxsOiAjZmZmOwogIH0KICAuY2xzLTIgewogICAgZmlsbDogIzAwMDsKICB9CiAgPC9zdHlsZT4KICA8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMzczXzM5NDYiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNC4yOTIiIGhlaWdodD0iNDAuMDk1MyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgogIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiAgPGZlT2Zmc2V0IGR5PSI0Ii8+CiAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgogIDxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgogIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18zNzNfMzk0NiIvPgogIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzM3M18zOTQ2IiByZXN1bHQ9InNoYXBlIi8+CiAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDwvc3ZnPg==') 5 2, help;
  --sdpcursor-zoom-in: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KICA8c3ZnIHdpZHRoPSIzOSIgaGVpZ2h0PSI0MSIgdmlld0JveD0iMCAwIDMyIDMzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yNjZfMzg0OSkiPgogICAgPHBhdGggZD0iTTE5LjMyODUgMTkuODY3M0MxNy44NTMzIDIwLjY1MjUgMTYuMjE5NSAyMS4wNTY5IDE0LjUyMjIgMjEuMDU2OUMxMS43NjIyIDIxLjA1NjkgOS4xNzY2NiAxOS45ODYyIDcuMjMzNTQgMTguMDQzMUM1LjI5MDQyIDE2LjEgNC4yMTk3MyAxMy41MDY1IDQuMjE5NzMgMTAuNzU0NUM0LjIxOTczIDguMDAyMzYgNS4yOTA0MiA1LjQwMDk3IDcuMjMzNTQgMy40NTc4NUM5LjE3NjY2IDEuNTE0NzMgMTEuNzcwMSAwLjQ0NDAzMSAxNC41MjIyIDAuNDQ0MDMxQzE3LjI3NDMgMC40NDQwMzEgMTkuODY3OCAxLjUxNDczIDIxLjgxMDkgMy40NTc4NUMyNS4zODc4IDcuMDI2ODQgMjUuNzYwNiAxMi43MTM0IDIyLjkwNTQgMTYuNzM0NUwyNy4yMDQgMjEuNTI0OUwyMy42MDMzIDI0LjY0MThMMTkuMzIwNSAxOS44NjczSDE5LjMyODVaIiBjbGFzcz0iY2xzLTIiLz4KICAgIDxwYXRoIGQ9Ik0yNC45NzU2IDIxLjM2NjJMMjAuODQzNSAxNi43NTgzQzI0LjA5NTIgMTMuMzQ3OSAyNC4wNTU2IDcuOTMwOTYgMjAuNzAwNyA0LjU3NjExQzE3LjI5MDQgMS4xODE2IDExLjc2MjQgMS4xODE2IDguMzU5OTQgNC41ODQwNEM0Ljk1NzUgNy45ODY0OCA0Ljk1NzUgMTMuNTIyNCA4LjM1OTk0IDE2LjkyNDhDMTAuMDU3MiAxOC42MjIxIDEyLjI5MzggMTkuNDc4NiAxNC41MzAzIDE5LjQ3ODZDMTYuMzMwNyAxOS40Nzg2IDE4LjEyMzEgMTguOTE1NSAxOS42NDU5IDE3LjgxMzFMMjMuNzc4IDIyLjQxMzFMMjQuOTc1NiAyMS4zNzQyVjIxLjM2NjJaTTkuNDc4MjIgMTUuNzk4NkM2LjY5NDQxIDEzLjAxNDggNi42OTQ0MSA4LjQ4NjE0IDkuNDc4MjIgNS43MDIzM0MxMC44NjYyIDQuMzE0MzggMTIuNjk4MiAzLjYxNjQ1IDE0LjUyMjQgMy42MTY0NUMxNi4zNDY1IDMuNjE2NDUgMTguMTc4NiA0LjMxNDM4IDE5LjU2NjYgNS43MDIzM0MyMi4zNTA0IDguNDg2MTQgMjIuMzUwNCAxMy4wMTQ4IDE5LjU2NjYgMTUuNzk4NkMxNi43ODI4IDE4LjU4MjQgMTIuMjU0MSAxOC41ODI0IDkuNDcwMjkgMTUuNzk4Nkg5LjQ3ODIyWiIgY2xhc3M9ImNscy0xIi8+CiAgICA8cGF0aCBkPSJNMTUuMzE1NiA3LjQ3OTIySDEzLjcyOTRWOS45NTM3MkgxMS4zNTAxVjExLjUzOTlIMTMuNzI5NFYxMy45MTkzSDE1LjMxNTZWMTEuNTM5OUgxNy42OTVWOS45NTM3MkgxNS4zMTU2VjcuNDc5MjJaIiBjbGFzcz0iY2xzLTEiLz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAgIC5jbHMtMSB7CiAgICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIH0KICAgICAgICAuY2xzLTIgewogICAgICAgICAgZmlsbDogIzAwMDsKICAgICAgICB9CiAgICAgICAgPC9zdHlsZT4KICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNjZfMzg0OSIgeD0iMC4yMTk3MjciIHk9IjAuNDQ0MDMxIiB3aWR0aD0iMzAuOTkyMiIgaGVpZ2h0PSIzMi4xOTc4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CiAgICA8ZmVPZmZzZXQgZHk9IjQiLz4KICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KICAgIDxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgogICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4NDkiLz4KICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODQ5IiByZXN1bHQ9InNoYXBlIi8+CiAgICA8L2ZpbHRlcj4KICAgIDwvZGVmcz4KICAgIDwvc3ZnPg==') 19 14, zoom-in;
  --sdpcursor-zoom-out: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KICA8c3ZnIHdpZHRoPSIzOSIgaGVpZ2h0PSI0MSIgdmlld0JveD0iMCAwIDMyIDMzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjY2XzM4NTQpIj4KICA8cGF0aCBkPSJNMTkuMzI4NSAyMC4wNjVDMTcuODUzMyAyMC44NTAyIDE2LjIxOTUgMjEuMjU0NiAxNC41MjIzIDIxLjI1NDZDMTEuNzYyMiAyMS4yNTQ2IDkuMTc2NjkgMjAuMTgzOSA3LjIzMzU3IDE4LjI0MDhDMy4yMTI1MSAxNC4yMTk4IDMuMjEyNTEgNy42NzY2MSA3LjIzMzU3IDMuNjU1NTRDOS4xNzY2OSAxLjcxMjQyIDExLjc3MDIgMC42NDE3MjQgMTQuNTIyMyAwLjY0MTcyNEMxNy4yODIzIDAuNjQxNzI0IDE5Ljg2NzggMS43MTI0MiAyMS44MTA5IDMuNjU1NTRDMjUuMzc5OSA3LjIzMjQ2IDI1Ljc2MDYgMTIuOTExMSAyMi45MDU0IDE2LjkzMjJMMjcuMjA0MSAyMS43MjI2TDIzLjYwMzQgMjQuODM5NUwxOS4zMjA2IDIwLjA2NUgxOS4zMjg1WiIgY2xhc3M9ImNscy0yIi8+CiAgPHBhdGggZD0iTTIwLjgzNTcgMTYuOTU2QzI0LjA4NzQgMTMuNTQ1NiAyNC4wMzk4IDguMTI4NjcgMjAuNjkyOSA0Ljc3MzgxQzE3LjI5MDUgMS4zNzEzNyAxMS43NTQ2IDEuMzcxMzcgOC4zNTIxMiA0Ljc3MzgxQzQuOTQ5NjggOC4xNzYyNiA0Ljk0OTY4IDEzLjcxMjIgOC4zNTIxMiAxNy4xMTQ2QzEwLjA0OTQgMTguODExOSAxMi4yODU5IDE5LjY2ODQgMTQuNTIyNSAxOS42Njg0QzE2LjMyMjkgMTkuNjY4NCAxOC4xMTUzIDE5LjEwNTMgMTkuNjM4MSAxOC4wMDI5TDIzLjc3MDIgMjIuNjAyOUwyNC45Njc4IDIxLjU2MzlMMjAuODM1NyAxNi45NTZaTTE5LjU3NDYgMTUuOTk2M0MxNi43OTA4IDE4Ljc4MDEgMTIuMjYyMiAxOC43ODAxIDkuNDc4MzQgMTUuOTk2M0M2LjY5NDUyIDEzLjIxMjUgNi42OTQ1MiA4LjY4Mzg1IDkuNDc4MzQgNS45MDAwM0MxMC44NjYzIDQuNTEyMDkgMTIuNjk4NCAzLjgxNDE1IDE0LjUyMjUgMy44MTQxNUMxNi4zNDY3IDMuODE0MTUgMTguMTc4OCA0LjUxMjA5IDE5LjU2NjcgNS45MDAwM0MyMi4zNTA1IDguNjgzODUgMjIuMzUwNSAxMy4yMTI1IDE5LjU2NjcgMTUuOTk2M0gxOS41NzQ2WiIgY2xhc3M9ImNscy0xIi8+CiAgPHBhdGggZD0iTTE3LjY5NSAxMC4xNTEySDExLjM1MDFWMTEuNzM3NEgxNy42OTVWMTAuMTUxMloiIGNsYXNzPSJjbHMtMSIvPgogIDwvZz4KICA8ZGVmcz4KICA8c3R5bGU+CiAgLmNscy0xIHsKICAgIGZpbGw6ICNmZmY7CiAgfQogIC5jbHMtMiB7CiAgICBmaWxsOiAjMDAwOwogIH0KICA8L3N0eWxlPgogIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNjZfMzg1NCIgeD0iMC4yMTc3NzMiIHk9IjAuNjQxNzI0IiB3aWR0aD0iMzAuOTk0MSIgaGVpZ2h0PSIzMi4xOTc4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KICA8ZmVPZmZzZXQgZHk9IjQiLz4KICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CiAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODU0Ii8+CiAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4NTQiIHJlc3VsdD0ic2hhcGUiLz4KICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgPC9zdmc+') 19 14, zoom-out;
  --sdpcursor-crosshair: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KCjxzdmcgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjY2XzM4NDEpIj4KPHBhdGggZD0iTTExLjMzMjUgMTkuMzM2MlYxMi4wNzkzSDQuMDgzNVY3LjMyMDYySDExLjMzMjVWMC4wNzE1OTQySDE2LjA5MTJWNy4zMjA2MkgyMy4zNDgxVjEyLjA3OTNIMTYuMDkxMlYxOS4zMzYySDExLjMzMjVaIiBjbGFzcz0iY2xzLTEiLz4KPHBhdGggZD0iTTIxLjc2MjEgOC45MDY3N0gxNC41MDUyVjEuNjU3NzVIMTIuOTE4OVY4LjkwNjc3SDUuNjY5OTJWMTAuNDkzSDEyLjkxODlWMTcuNzQ5OUgxNC41MDUyVjEwLjQ5M0gyMS43NjIxVjguOTA2NzdaIiBjbGFzcz0iY2xzLTIiLz4KPC9nPgo8ZGVmcz4KPHN0eWxlPgouY2xzLTEgewogIGZpbGw6ICNmZmY7Cn0KLmNscy0yIHsKICBmaWxsOiAjMDAwOwp9Cjwvc3R5bGU+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNjZfMzg0MSIgeD0iMC4wODM0OTYxIiB5PSIwLjA3MTU5NDIiIHdpZHRoPSIyNy4yNjQ2IiBoZWlnaHQ9IjI3LjI2NDYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODQxIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODQxIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPg==') 17 12, crosshair;
  --sdpcursor-grab: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KIDxzdmcgd2lkdGg9IjM2IiBoZWlnaHQ9IjMzIiB2aWV3Qm94PSIwIDAgMzYgMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzM3M18zOTA1KSI+CiA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2LjAwNjkgMS4xNTk0NEMxNi42MjU2IDAuNTk5MTQ1IDE3LjQ0MjcgMC4yNzIzMDggMTguMzQxNSAwLjI3MjMwOEMxOS41Nzg4IDAuMjcyMzA4IDIwLjY3NiAwLjkxNDMwOCAyMS4yOTQ3IDEuODgzMTRDMjEuNzk2NiAxLjU5MTMzIDIyLjM5MTkgMS40Mzk1OCAyMy4wMTA2IDEuNDM5NThDMjQuMDQ5NCAxLjQzOTU4IDI0Ljk4MzIgMS44OTQ4MiAyNS42MjUyIDIuNjE4NTNDMjguNzE4NSAyLjc3MDI3IDMxLjE4MTUgNS4zMTQ5MyAzMS4xODE1IDguNDQzMjJWMTEuMTc0NkMzMS4xODE1IDEzLjQwNDEgMzAuNTk3OCAxNS42MTAzIDI5LjQ4ODkgMTcuNTQ3OUwyNy4zNjQ1IDIxLjI1OTlDMjYuNTM1NyAyMi43MTkgMjQuOTgzMiAyMy42MTc4IDIzLjMxNCAyMy42MTc4SDE0LjMwMjdDMTIuNzk2OSAyMy42MTc4IDExLjM4NDUgMjIuODk0MSAxMC41MDkxIDIxLjY2ODRMNy4wMTg5MiAxNi43ODkyQzYuMDI2NzQgMTUuNDAwMiA1LjUwMTQ2IDEzLjc0MjYgNS41MDE0NiAxMi4wMzg0VjguNDQzMjJDNS41MDE0NiA1LjU2MDA1IDcuNTkwODggMy4xNjcxNCAxMC4zNDU2IDIuNjg4NTZDMTAuODAwOSAxLjI4Nzg0IDEyLjExOTkgMC4yNzIzMDggMTMuNjcyNCAwLjI3MjMwOEMxNC41NzEyIDAuMjcyMzA4IDE1LjM4ODMgMC42MTA4MTcgMTYuMDA2OSAxLjE1OTQ0WiIgY2xhc3M9ImNscy0xIi8+CiA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2LjAwNjkgMS4xNTk0NEMxNi42MjU2IDAuNTk5MTQ1IDE3LjQ0MjcgMC4yNzIzMDggMTguMzQxNSAwLjI3MjMwOEMxOS41Nzg4IDAuMjcyMzA4IDIwLjY3NiAwLjkxNDMwOCAyMS4yOTQ3IDEuODgzMTRDMjEuNzk2NiAxLjU5MTMzIDIyLjM5MTkgMS40Mzk1OCAyMy4wMTA2IDEuNDM5NThDMjQuMDQ5NCAxLjQzOTU4IDI0Ljk4MzIgMS44OTQ4MiAyNS42MjUyIDIuNjE4NTNDMjguNzE4NSAyLjc3MDI3IDMxLjE4MTUgNS4zMTQ5MyAzMS4xODE1IDguNDQzMjJWMTEuMTc0NkMzMS4xODE1IDEzLjQwNDEgMzAuNTk3OCAxNS42MTAzIDI5LjQ4ODkgMTcuNTQ3OUwyNy4zNjQ1IDIxLjI1OTlDMjYuNTM1NyAyMi43MTkgMjQuOTgzMiAyMy42MTc4IDIzLjMxNCAyMy42MTc4SDE0LjMwMjdDMTIuNzk2OSAyMy42MTc4IDExLjM4NDUgMjIuODk0MSAxMC41MDkxIDIxLjY2ODRMNy4wMTg5MiAxNi43ODkyQzYuMDI2NzQgMTUuNDAwMiA1LjUwMTQ2IDEzLjc0MjYgNS41MDE0NiAxMi4wMzg0VjguNDQzMjJDNS41MDE0NiA1LjU2MDA1IDcuNTkwODggMy4xNjcxNCAxMC4zNDU2IDIuNjg4NTZDMTAuODAwOSAxLjI4Nzg0IDEyLjExOTkgMC4yNzIzMDggMTMuNjcyNCAwLjI3MjMwOEMxNC41NzEyIDAuMjcyMzA4IDE1LjM4ODMgMC42MTA4MTcgMTYuMDA2OSAxLjE1OTQ0Wk0xNC44Mzk2IDMuNzc0MTNWNC45NDE0QzE0LjgzOTYgNS41ODM0IDE1LjM2NDkgNi4xMDg2NyAxNi4wMDY5IDYuMTA4NjdDMTYuNjQ4OSA2LjEwODY3IDE3LjE3NDIgNS41ODM0IDE3LjE3NDIgNC45NDE0VjMuNzc0MTNDMTcuMTc0MiAzLjEzMjEzIDE3LjY5OTUgMi42MDY4NSAxOC4zNDE1IDIuNjA2ODVDMTguOTgzNSAyLjYwNjg1IDE5LjUwODcgMy4xMzIxMyAxOS41MDg3IDMuNzc0MTNWNC45NDE0QzE5LjUwODcgNS41ODM0IDIwLjAzNCA2LjEwODY3IDIwLjY3NiA2LjEwODY3QzIxLjMxOCA2LjEwODY3IDIxLjg0MzMgNS41ODM0IDIxLjg0MzMgNC45NDE0QzIxLjg0MzMgNC4yOTk0IDIyLjM2ODYgMy43NzQxMyAyMy4wMTA2IDMuNzc0MTNDMjMuNjUyNiAzLjc3NDEzIDI0LjE3NzggNC4yOTk0IDI0LjE3NzggNC45NDE0VjYuMTA4NjdDMjQuMTc3OCA2Ljc1MDY3IDI0LjcwMzEgNy4yNzU5NSAyNS4zNDUxIDcuMjc1OTVDMjUuOTg3MSA3LjI3NTk1IDI2LjUxMjQgNi43NTA2NyAyNi41MTI0IDYuMTA4NjdWNS4xMzk4NEMyNy44NzgxIDUuNjE4NDIgMjguODQ2OSA2LjkxNDA5IDI4Ljg0NjkgOC40NDMyMlYxMS4xNzQ2QzI4Ljg0NjkgMTMuMDA3MyAyOC4zNjgzIDE0LjgwNDkgMjcuNDU3OSAxNi4zOTIzTDI1LjMzMzQgMjAuMTA0M0MyNC45MTMyIDIwLjgyOCAyNC4xNDI4IDIxLjI4MzIgMjMuMzAyNCAyMS4yODMySDE0LjI5MUMxMy41MzIzIDIxLjI4MzIgMTIuODMxOSAyMC45MjE0IDEyLjM4ODQgMjAuMzAyN0w4Ljg5ODIzIDE1LjQyMzVDOC4xODYxOSAxNC40MzEzIDcuODEyNjYgMTMuMjUyNCA3LjgxMjY2IDEyLjAyNjdWOC40MzE1NUM3LjgxMjY2IDYuOTAyNDIgOC43ODE1IDUuNjA2NzQgMTAuMTQ3MiA1LjEyODE2VjkuNTk4ODJDMTAuMTQ3MiAxMC4yNDA4IDEwLjY3MjUgMTAuNzY2MSAxMS4zMTQ1IDEwLjc2NjFDMTEuOTU2NSAxMC43NjYxIDEyLjQ4MTggMTAuMjQwOCAxMi40ODE4IDkuNTk4ODJWMy43NzQxM0MxMi40ODE4IDMuMTMyMTMgMTMuMDA3IDIuNjA2ODUgMTMuNjQ5IDIuNjA2ODVDMTQuMjkxIDIuNjA2ODUgMTQuODE2MyAzLjEzMjEzIDE0LjgxNjMgMy43NzQxM0gxNC44Mzk2WiIgY2xhc3M9ImNscy0yIi8+CiA8L2c+CiA8ZGVmcz4KIDxzdHlsZT4KIC5jbHMtMSB7CiAgIGZpbGw6ICNmZmY7CiB9CiAuY2xzLTIgewogICBmaWxsOiAjMDAwOwogfQogPC9zdHlsZT4KIDxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8zNzNfMzkwNSIgeD0iMC45NzI5NSIgeT0iMC4yNzIzMDgiIHdpZHRoPSIzNC43MzcyIiBoZWlnaHQ9IjMyLjQwMjUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KIDxmZU9mZnNldCBkeT0iNC41Mjg1MiIvPgogPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMi4yNjQyNiIvPgogPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiA8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CiA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18zNzNfMzkwNSIvPgogPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzczXzM5MDUiIHJlc3VsdD0ic2hhcGUiLz4KIDwvZmlsdGVyPgogPC9kZWZzPgogPC9zdmc+') 18 1, grab;
  --sdpcursor-sw-resize: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KPHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yNjZfMzgxMSkiPgo8cGF0aCBkPSJNMTkuMDg1IDcuNzU5OTZMMTEuNzA5MSAxNS4xMzU5TDE1LjY5ODQgMTkuMTI1Mkg0LjM1NjkzVjcuNzgzNzZMOC4zNDYyOCAxMS43NzMxTDE1LjcyMjIgNC4zOTcxOEwxMS43MzI5IDAuNDA3ODM3SDIzLjA3NDNWMTEuNzQ5M0wxOS4wODUgNy43NTk5NloiIGNsYXNzPSJjbHMtMSIvPgo8cGF0aCBkPSJNMjEuNDg3OCAxLjk5Mzk5SDE1LjU2MzNMMTcuOTY2NCA0LjM5NzExTDguMzQ1OTkgMTQuMDE3NUw1Ljk0Mjg3IDExLjYxNDRWMTcuNTM4OUgxMS44Njc0TDkuNDY0MjggMTUuMTM1OEwxOS4wODQ3IDUuNTE1MzlMMjEuNDg3OCA3LjkyNjQ1VjEuOTkzOTlaIiBjbGFzcz0iY2xzLTIiLz4KPC9nPgo8ZGVmcz4KPHN0eWxlPgogICAgLmNscy0xIHsKICAgICAgZmlsbDogI2ZmZjsKICAgIH0KICAgIC5jbHMtMiB7CiAgICAgIGZpbGw6ICMwMDA7CiAgICB9CiAgICA8L3N0eWxlPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMjY2XzM4MTEiIHg9IjAuMzU2OTM0IiB5PSIwLjQwNzgzNyIgd2lkdGg9IjI2LjcxNzMiIGhlaWdodD0iMjYuNzE3NCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI0Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4MTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4MTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+') 0 21, sw-resize;
  --sdpcursor-se-resize: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KPHN2ZyAgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjY2XzM4NjcpIj4KPHBhdGggZD0iTTE1LjcyMjIgMTUuNzEzN0w4LjM0NjI4IDguMzM3NzhMNC4zNTY5MyAxMi4zMjcxVjAuOTg1NjU3SDE1LjY5ODRMMTEuNzA5MSA0Ljk3NUwxOS4wODUgMTIuMzUwOUwyMy4wNzQzIDguMzYxNThWMTkuNzAzSDExLjczMjlMMTUuNzIyMiAxNS43MTM3WiIgY2xhc3M9ImNscy0xIi8+CjxwYXRoIGQ9Ik0yMS40ODczIDE4LjExN1YxMi4xOTI1TDE5LjA4NDIgMTQuNTk1Nkw5LjQ2Mzc5IDQuOTc1MkwxMS44NzQ4IDIuNTcyMDhINS45NDIzOFY4LjQ5NjYxTDguMzQ1NSA2LjA5MzQ5TDE3Ljk2NTkgMTUuNzEzOUwxNS41NjI4IDE4LjExN0gyMS40ODczWiIgY2xhc3M9ImNscy0yIi8+CjwvZz4KPGRlZnM+CjxzdHlsZT4KICAgIC5jbHMtMSB7CiAgICAgIGZpbGw6ICNmZmY7CiAgICB9CiAgICAuY2xzLTIgewogICAgICBmaWxsOiAjMDAwOwogICAgfQogICAgPC9zdHlsZT4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI2Nl8zODY3IiB4PSIwLjM1NjkzNCIgeT0iMC45ODU2NTciIHdpZHRoPSIyNi43MTczIiBoZWlnaHQ9IjI2LjcxNzQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODY3Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI2Nl8zODY3IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPg==') 17 13, se-resize;
  --sdpcursor-ew-resize: url('data:image/svg+xml;base64,PCEtLSA8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJVVEYtOCI/PiAtLT4KPHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yNjZfMzgzNykiPgo8cGF0aCBkPSJNMjEuMTMzNSAxMC40MjQ3SDEyLjI5MDNWMTYuMDcxNkw0LjI3MTk3IDguMDQ1MzVMMTIuMjkwMyAwLjAyNzAwODFWNS42NjYwMkgyMS4xMzM1VjAuMDI3MDA4MUwyOS4xNTk3IDguMDQ1MzVMMjEuMTMzNSAxNi4wNzE2VjEwLjQyNDdaIiBjbGFzcz0iY2xzLTEiLz4KPHBhdGggZD0iTTI2LjkxNTQgOC4wNDUzNUwyMi43MTk4IDMuODU3NzNWNy4yNTIyNEgxMC43MDQyVjMuODU3NzNMNi41MTY2IDguMDQ1MzVMMTAuNzA0MiAxMi4yNDA5VjguODM4NDVIMjIuNzE5OFYxMi4yNDA5TDI2LjkxNTQgOC4wNDUzNVoiIGNsYXNzPSJjbHMtMiIvPgo8L2c+CjxkZWZzPgo8c3R5bGU+CiAgICAuY2xzLTEgewogICAgICBmaWxsOiAjZmZmOwogICAgfQogICAgLmNscy0yIHsKICAgICAgZmlsbDogIzAwMDsKICAgIH0KICAgIDwvc3R5bGU+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNjZfMzgzNyIgeD0iMC4yNzE5NzMiIHk9IjAuMDI3MDA4MSIgd2lkdGg9IjMyLjg4NzciIGhlaWdodD0iMjQuMDQ0NiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI0Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4MzciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjY2XzM4MzciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+') 21 10, ew-resize;
}
.a11y-customcursor .cur-def,
.a11y-customcursor body,
.a11y-customcursor html,
.a11y-customcursor label.left-col {
  cursor: var(--sdpcursor-default);
}
.a11y-customcursor .cur-ptr {
  cursor: var(--sdpcursor-pointer);
}
.a11y-customcursor .cur-na,
.a11y-customcursor .disableDiv {
  cursor: var(--sdpcursor-not-allowed);
}
.a11y-customcursor .cur-nodrop {
  cursor: var(--sdpcursor-no-drop);
}
.a11y-customcursor .cur-text {
  cursor: var(--sdpcursor-text);
}
.a11y-customcursor .cur-colresize {
  cursor: var(--sdpcursor-col-resize);
}
.a11y-customcursor .cur-drag,
.a11y-customcursor .cursor-move {
  cursor: var(--sdpcursor-move);
}
.a11y-customcursor .cur-help {
  cursor: var(--sdpcursor-help);
}
.a11y-customcursor .cur-zoomin {
  cursor: var(--sdpcursor-zoom-in);
}
.a11y-customcursor .cur-zoomout {
  cursor: var(--sdpcursor-zoom-out);
}
.a11y-customcursor .cur-crosshair {
  cursor: var(--sdpcursor-crosshair);
}
.a11y-customcursor .cur-grap {
  cursor: var(--sdpcursor-grab);
}
.a11y-customcursor .cur-sw-resize {
  cursor: var(--sdpcursor-sw-resize);
}
.a11y-customcursor .cur-se-resize {
  cursor: var(--sdpcursor-se-resize);
}
.a11y-customcursor .cur-ew-resize {
  cursor: var(--sdpcursor-ew-resize);
}
.a11y-customcursor textarea,
.a11y-customcursor input,
.a11y-customcursor .form-control,
.a11y-customcursor .select2-container-multi .select2-choices {
  cursor: var(--sdpcursor-text);
}
.a11y-customcursor select,
.a11y-customcursor select.form-control,
.a11y-customcursor select option,
.a11y-customcursor .switchonoff-action,
.a11y-customcursor .slide-toggle,
.a11y-customcursor input[type="submit"],
.a11y-customcursor .zcollapsiblepanel--toggleableheader,
.a11y-customcursor a p,
.a11y-customcursor a span,
.a11y-customcursor a,
.a11y-customcursor .zbutton {
  cursor: var(--sdpcursor-pointer);
}
.a11y-customcursor .btn.disabled,
.a11y-customcursor .btn[disabled],
.a11y-customcursor fieldset[disabled] .btn {
  cursor: var(--sdpcursor-not-allowed);
}
.a11y-customcursor .ui-draggable .ui-dialog-titlebar,
.a11y-customcursor .joint-element,
.a11y-customcursor .joint-link.joint-theme-default .connection-wrap,
.a11y-customcursor .marker-vertices {
  cursor: var(--sdpcursor-move);
}
.a11y-customcursor .marker-arrowheads {
  cursor: var(--sdpcursor-grab);
}
.a11y-customcursor ::-webkit-scrollbar,
.a11y-customcursor ::-webkit-scrollbar-thumb,
.a11y-customcursor ::-webkit-scrollbar-thumb {
  cursor: var(--sdpcursor-pointer);
}
.a11y-animation .cv-task-item .task-act-btns,
.a11y-animation .visi-parent .visi-item,
.a11y-animation .sdtab-pane .sugesn-linkstyle,
.a11y-animation .detailview .right-panel .form-horizontal .form-group .right-col.tr,
.a11y-animation .tag-section .tagedit-link,
.a11y-animation .hidethis,
.a11y-animation .visi-item,
.a11y-animation .detailview .right-panel .form-horizontal .form-group .right-col.tr,
.a11y-animation .translatex100,
.a11y-animation .translatex-100,
.a11y-animation .translatex0,
.a11y-animation .top-container .search-container,
.a11y-animation .card-dotted-menu,
.a11y-animation .card-footer-menu,
.a11y-animation .modal-overlay2,
.a11y-animation .slide-toggle,
.a11y-animation .switch-toggle,
.a11y-animation .ul.ui-alertbox1,
.a11y-animation .alert,
.a11y-animation .template-search input,
.a11y-animation .ready .gs-w:not(.preview-holder),
.a11y-animation .ready .resize-preview-holder,
.a11y-animation .c-wrap.show,
.a11y-animation .task-list-wrap .show-sidebar-btn,
.a11y-animation .sol-list-view .sb-slider .show-sb-topic,
.a11y-animation .sol-list-view .sb-slider .sb-slider-wrap,
.a11y-animation #combined-task-view.solutionleftnav.hide-sidebar,
.a11y-animation .task-list-wrap.hide-sidebar,
.a11y-animation .overview-container .email-icon,
.a11y-animation .modules-list li * {
  transition-duration: 0s !important;
}
.a11y-animation .zeffects--slideright,
.a11y-animation .zeffects--slideright--reverse,
.a11y-animation .zeffects--slideleft,
.a11y-animation .zeffects--slideleft--reverse,
.a11y-animation .skeleton-container.active .skeleton,
.a11y-animation .zeffects--slidedownout,
.a11y-animation .zeffects--slideupin,
.a11y-animation .rightmaincview.maincview.animationactive .cview,
.a11y-animation .rightmaincview.maincview.animationactive .secmaincview,
.a11y-animation .maincview .secmaincview,
.a11y-animation .highlight-anim,
.a11y-animation .cng-noti,
.a11y-animation .highlightbox {
  animation-duration: 0s !important;
}
.a11y-animation .zcollapsiblepanel__content,
.a11y-animation .zaccordionpanel__content,
.a11y-animation #sform,
.a11y-animation .noanimslide {
  height: auto !important;
}
.a11y-animation z-cpcontent {
  padding: 0px !important;
}
.a11y-animation z-cpcontent.zcollapsiblepanel__content {
  padding: 15px !important;
}
.a11y-animation z-cpcontent.pt10 {
  padding-top: 10px !important;
}
.a11y-animation z-cpcontent.p0 {
  padding: 0px !important;
}
.a11y-animation .top-container ul.header-icon-list .th-admin svg,
.a11y-animation .helpvideo-anim-hide,
.a11y-animation .helpvideo-anim1,
.a11y-animation .detailview .right-panel {
  transform: none !important;
  transition: 0s !important;
}
.a11y-animation .moduletour .helpvideo-anim-hide {
  transform: translate(-50%, -50%) !important;
}
.a11y-animation .svgbdy .node .plus-group,
.a11y-animation .svgbdy svg *,
.a11y-animation .clr-pick-row .color-pick-brush {
  transition: 0s;
}
.ac-slider .accontainer {
  height: calc(100vh - (163px));
  box-sizing: content-box;
}
.esm-mainpage .no-esm {
  display: none;
}
.bottombar-btn {
  border-top: 2px solid transparent;
  position: relative;
  float: right;
  left: -2px;
  border-left: 1px solid var(--br-medium) !important;
  padding: 5px 0px;
  width: 50px;
}
.bottombar-btn.active {
  border-top-color: var(--link_tab_line_color, #008ddd) !important;
  background-color: var(--primary_button_light_color);
}
.bottombar-btn.active svg.default-fill {
  fill: var(--link_tab_line_color, #008ddd);
}
.bottombar-btn:hover svg.default-fill {
  fill: var(--link_tab_line_color, #008ddd);
}
.bottombar-btn .default-fill {
  fill: var(--bottom-bar-fill);
}
/* Font size customization*/
.fs-radio-group {
  display: flex;
  gap: 10px;
}
.fs-radio-group .fs-btn {
  position: relative;
  padding: 5px 10px;
  border: 1px solid var(--br-medium);
  background-color: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: 0.3s, color 0.3s, width 0.3s;
  overflow: hidden;
}
.fs-radio-group .fs-btn input {
  display: none;
}
.fs-radio-group .fs-btn svg {
  display: none;
}
.fs-radio-group input:focus-visible + .fs-btn {
  box-shadow: 0px 0px 0.8px 1px #ffffff, 0px 0 0.8px 2.5px var(--input_border_color, rgba(0, 141, 221, 0.7)) !important;
}
.fs-radio-group input:checked + .fs-btn span {
  color: var(--link_tab_line_color, #008ddd);
}
.fs-radio-group input:checked + .fs-btn svg {
  display: block;
}
.fs-radio-group .fs-btn.active {
  border: 1px solid var(--primary_button_color);
  background-color: var(--primary_button_light_color);
  color: var(--primary_button_color);
}
.fs-radio-group span {
  display: block;
}
.a11y-fs-normal {
  font-size: 100%;
}
.a11y-fs-large {
  font-size: 110%;
}
.a11y-fs-xlarge {
  font-size: 120%;
}
.fs-normal-px {
  font-size: 13px;
}
.fs-large-px {
  font-size: 14.3px;
}
.fs-xlarge-px {
  font-size: 15.6px;
}
/* Skip to main content */
.goto-alert {
  position: absolute;
  z-index: 9999;
  background: var(--goto-alert-bg);
  left: 50%;
  display: inline-block;
  top: 0.5rem;
  padding: 0;
  overflow: hidden;
  box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.12), 0px 12px 42px -4px rgba(24, 39, 75, 0.12);
  transform: translateX(-50%) translateY(-10rem);
  padding: 10px 12px;
  color: var(--goto-alert-ft);
  font-size: var(--font-size-base);
  display: block;
  transition: transform 0.3s ease;
}
.goto-alert:focus-visible,
.goto-alert:focus-within {
  border-radius: 5px;
  outline-offset: 6px;
  transform: translateX(-50%) translateY(0);
  outline: rgba(0, 0, 0, 0);
  box-shadow: var(--goto-alert-focus-bs);
  color: var(--goto-alert-focus-ft);
}
/*Icons line height alignment fix for font size customization*/
.a11y-fs-xlarge .btn .common-sprite.icon-xs,
.a11y-fs-large .btn .common-sprite.icon-xs,
.a11y-fs-xlarge .btn .lsprite.li-search1,
.a11y-fs-large .btn .lsprite.li-search1 {
  top: -1px !important;
  vertical-align: middle !important;
}
.a11y-fs-xlarge .btn .cspr,
.a11y-fs-large .btn .cspr,
.a11y-fs-xlarge .btn .rspr,
.a11y-fs-large .btn .rspr,
.a11y-fs-xlarge .btn .lsprite.li-clmchooser1,
.a11y-fs-large .btn .lsprite.li-clmchooser1 {
  top: -2px !important;
  vertical-align: middle !important;
}
.a11y-fs-xlarge .btn .en-trash.pos-abs,
.a11y-fs-large .btn .en-trash.pos-abs {
  margin-top: 15px !important;
}
.a11y-fs-xlarge .btn .cspr.header-more,
.a11y-fs-large .btn .cspr.header-more,
.a11y-fs-xlarge .btn .cspr.header-more,
.a11y-fs-large .btn .cspr.header-more {
  top: 10px !important;
}
.a11y-fs-xlarge .chat-header1,
.a11y-fs-large .chat-header1,
.a11y-fs-xlarge .chat-mini-header,
.a11y-fs-large .chat-mini-header {
  line-height: 18px !important;
}
.a11y-fs-xlarge .chat-slider,
.a11y-fs-large .chat-slider {
  height: calc(100vh - 132px);
}
/*Icons line height alignment fix for font size customization*/
.bottombar-btn[tab-name],
.chatmain-column[tab-name] {
  position: relative;
}
.bottombar-btn[tab-name]:before,
.chatmain-column[tab-name]:before,
.bottombar-btn[tab-name]:after,
.chatmain-column[tab-name]:after {
  left: 50%;
  z-index: 1000;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  pointer-events: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.bottombar-btn[tab-name]:after,
.chatmain-column[tab-name]:after {
  content: attr(tab-name);
  min-width: 35px;
  padding: 6px 10px;
  bottom: 60px;
  background-color: #000000;
  border-radius: 4px;
  color: #ffffff;
  transform: translateX(-92%);
  max-width: 200px;
  word-break: break-word;
  white-space: normal;
  width: max-content;
}
.bottombar-btn[tab-name]:before,
.chatmain-column[tab-name]:before {
  content: "";
  border: 6px solid;
  border-color: #000000 transparent transparent transparent;
  bottom: 60px;
  transform: rotate(0deg) translate(-9px);
  white-space: nowrap;
}
.bottombar-btn[tab-name]:hover:not(:has(ul.chat-menubar > li.active)):after,
.chatmain-column[tab-name]:hover:not(:has(ul.chat-menubar > li.active)):after,
.bottombar-btn[tab-name]:hover:not(:has(ul.chat-menubar > li.active)):before,
.chatmain-column[tab-name]:hover:not(:has(ul.chat-menubar > li.active)):before {
  opacity: 1;
  visibility: visible;
}
.bottombar-btn[tab-name]:hover:not(:has(ul.chat-menubar > li.active)):before,
.chatmain-column[tab-name]:hover:not(:has(ul.chat-menubar > li.active)):before {
  bottom: 31px;
}
.bottombar-btn[tab-name]:hover:not(:has(ul.chat-menubar > li.active)):after,
.chatmain-column[tab-name]:hover:not(:has(ul.chat-menubar > li.active)):after {
  bottom: 42px;
}