.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.form-horizontal .form-group-sm .form-control {
  height: 24px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}
.form-horizontal .form-group-lg .form-control {
  height: 41px;
  padding: 8px 15px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 0px;
}
.badge.btn-primary,
.priority-badge.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.badge.btn-success,
.priority-badge.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.badge.btn-info,
.priority-badge.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.badge.btn-warning,
.priority-badge.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.badge.btn-danger,
.priority-badge.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-group-lg > .btn {
  padding: 8px 15px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 0px;
}
.btn-group-sm > .btn {
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.panel-body:before,
.panel-body:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.panel-body:after,
.form-horizontal .form-group:after {
  clear: both;
}
/* ----------------------------------------------- */
/* bootstrap-overwrite.less */
/* ----------------------------------------------- */
@media (min-width: 0px) {
  .navbar {
    border-radius: 0px;
  }
}
@media (min-width: 0px) {
  .navbar-header {
    float: left;
    /* do not change to .pull-left 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 .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 18px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 0px) {
  .navbar-nav {
    float: left;
    /* do not change to .pull-left that will apply important thereby causing breakage */
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
    /* do not change to .pull-left that will apply important thereby causing breakage */
  }
  .navbar-nav > li > a {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .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 .pull-left 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 .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
@media (max-width: -1px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    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 {
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 53%, #f5f5f5 70%, #ececec 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(53%, #fdfdfd), color-stop(70%, #f5f5f5), color-stop(100%, #ececec));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #fdfdfd 53%, #f5f5f5 70%, #ececec 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #fdfdfd 53%, #f5f5f5 70%, #ececec 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #fdfdfd 53%, #f5f5f5 70%, #ececec 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #fdfdfd 53%, #f5f5f5 70%, #ececec 100%);
  /* W3C */
  border-bottom: 1px solid #c1c1c1;
  /* #c1c1c1 */
  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,
.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 {
  content: " ";
  display: table;
}
.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 {
  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,
.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 {
  content: " ";
  display: table;
}
.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 {
  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 #dddddd;
  display: table;
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 53%, #f5f5f5 70%, #ececec 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(53%, #fdfdfd), color-stop(70%, #f5f5f5), color-stop(100%, #ececec));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #fdfdfd 53%, #f5f5f5 70%, #ececec 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #fdfdfd 53%, #f5f5f5 70%, #ececec 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #fdfdfd 53%, #f5f5f5 70%, #ececec 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 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 {
  content: " ";
  display: table;
}
div.page-heading:not(.h3):after {
  clear: both;
}
div.page-heading:not(.h3):before,
div.page-heading:not(.h3):after {
  content: " ";
  display: table;
}
div.page-heading:not(.h3):after {
  clear: both;
}
div.page-heading:not(.h3) > .pull-left,
div.page-heading:not(.h3) > .pull-right,
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) > .display-cell {
  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-family: 'Roboto Medium';
}
.h5,
h5 {
  font-family: 'Roboto Medium';
  background-color: #eeeeee;
  padding-top: 9px;
  padding-bottom: 9px;
  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: -9px;
}
.btn-secondary {
  color: #ffffff;
  background-color: #7f7f7f;
  border-color: #727272;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  color: #ffffff;
  background-color: #666666;
  border-color: #545454;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary .badge {
  color: #7f7f7f;
  background-color: #ffffff;
}
.btn-link-secondary {
  color: #333333;
}
.btn-white {
  color: #333333;
  background-color: #ffffff;
  border-color: #e8e8e8;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #c9c9c9;
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
  background-image: none;
}
.btn-white .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-white2 {
  color: #333333;
  background-color: #ffffff;
  border-color: #d9d9d9;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 2px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0px;
}
.badge {
  padding: 2px 6px;
}
.badge.badge-default {
  background-color: #eeeeee;
  border: 1px solid #cfcfcf;
  color: #333333;
}
.badge.badge-primary {
  background-color: #7f7f7f;
  border: 1px solid #357ebd;
  color: #ffffff;
}
.badge.badge-secondary {
  background-color: #7f7f7f;
  border: 1px solid #727272;
  color: #ffffff;
}
.badge.badge-success {
  background-color: #5cb85c;
  border: 1px solid #4cae4c;
  color: #ffffff;
}
.badge.badge-info {
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  color: #ffffff;
}
.badge.badge-warning {
  background-color: #f0ad4e;
  border: 1px solid #eea236;
  color: #ffffff;
}
.badge.badge-danger {
  background-color: #d9534f;
  border: 1px solid #d43f3a;
  color: #ffffff;
}
.badge.badge-white {
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  color: #333333;
}
.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-family: 'Roboto Medium';
  font-size: 11px;
  font-weight: 400;
  padding: 1px 2px;
  position: absolute;
  top: -1px;
}
sup {
  font-size: 9px;
  line-height: normal;
  position: static;
  top: auto;
}
.list-unstyled {
  margin: 0;
  padding: 0;
}
a,
a:active,
a:hover,
a:focus {
  outline: none;
}
.form-footer .btn {
  margin: 0 5px 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;
}
.dropdown-menu {
  /* font-size: inherit; */
  /* d3 CI dropdown fix */
}
.dropdown-menu label:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger) {
  font-weight: normal;
  color: #333333;
}
.dropdown-menu label:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).text-mandatory {
  color: #b94a48;
}
.dropdown-menu > li,
.dropdown-menu select {
  color: #515151;
}
.dropdown-menu > li > a {
  color: #515151;
  padding: 5px 12px;
}
.dropdown-menu > li > a:hover {
  background-color: #f1f1f1;
  color: #1a6ebd;
}
.dropdown-menu select {
  /* background-color:@bglight1;
		border:1px solid @border-color1; */
}
.dropdown-menu .btn-default {
  color: #515151;
  color: #333333;
  background-color: #eeeeee;
  border-color: #cfcfcf;
}
.dropdown-menu .btn-default:hover,
.dropdown-menu .btn-default:focus,
.dropdown-menu .btn-default:active,
.dropdown-menu .btn-default.active,
.open > .dropdown-toggle.dropdown-menu .btn-default {
  color: #333333;
  background-color: #d5d5d5;
  border-color: #b1b1b1;
}
.dropdown-menu .btn-default:active,
.dropdown-menu .btn-default.active,
.open > .dropdown-toggle.dropdown-menu .btn-default {
  background-image: none;
}
.dropdown-menu .btn-default.disabled,
.dropdown-menu .btn-default[disabled],
fieldset[disabled] .dropdown-menu .btn-default,
.dropdown-menu .btn-default.disabled:hover,
.dropdown-menu .btn-default[disabled]:hover,
fieldset[disabled] .dropdown-menu .btn-default:hover,
.dropdown-menu .btn-default.disabled:focus,
.dropdown-menu .btn-default[disabled]:focus,
fieldset[disabled] .dropdown-menu .btn-default:focus,
.dropdown-menu .btn-default.disabled:active,
.dropdown-menu .btn-default[disabled]:active,
fieldset[disabled] .dropdown-menu .btn-default:active,
.dropdown-menu .btn-default.disabled.active,
.dropdown-menu .btn-default[disabled].active,
fieldset[disabled] .dropdown-menu .btn-default.active {
  background-color: #eeeeee;
  border-color: #cfcfcf;
}
.dropdown-menu .btn-default .badge {
  color: #eeeeee;
  background-color: #333333;
}
.dropdown-menu .btn-secondary {
  color: #515151;
  color: #ffffff;
  background-color: #7f7f7f;
  border-color: #727272;
}
.dropdown-menu .btn-secondary:hover,
.dropdown-menu .btn-secondary:focus,
.dropdown-menu .btn-secondary:active,
.dropdown-menu .btn-secondary.active,
.open > .dropdown-toggle.dropdown-menu .btn-secondary {
  color: #ffffff;
  background-color: #666666;
  border-color: #545454;
}
.dropdown-menu .btn-secondary:active,
.dropdown-menu .btn-secondary.active,
.open > .dropdown-toggle.dropdown-menu .btn-secondary {
  background-image: none;
}
.dropdown-menu .btn-secondary.disabled,
.dropdown-menu .btn-secondary[disabled],
fieldset[disabled] .dropdown-menu .btn-secondary,
.dropdown-menu .btn-secondary.disabled:hover,
.dropdown-menu .btn-secondary[disabled]:hover,
fieldset[disabled] .dropdown-menu .btn-secondary:hover,
.dropdown-menu .btn-secondary.disabled:focus,
.dropdown-menu .btn-secondary[disabled]:focus,
fieldset[disabled] .dropdown-menu .btn-secondary:focus,
.dropdown-menu .btn-secondary.disabled:active,
.dropdown-menu .btn-secondary[disabled]:active,
fieldset[disabled] .dropdown-menu .btn-secondary:active,
.dropdown-menu .btn-secondary.disabled.active,
.dropdown-menu .btn-secondary[disabled].active,
fieldset[disabled] .dropdown-menu .btn-secondary.active {
  background-color: #7f7f7f;
  border-color: #727272;
}
.dropdown-menu .btn-secondary .badge {
  color: #7f7f7f;
  background-color: #ffffff;
}
.dropdown-menu.asn {
  padding: 4px;
}
.dropdown-menu.asn > li {
  min-width: 260px;
}
.dropdown-menu.asn .cnt {
  padding: 12px 20px;
}
.dropdown-menu .divider {
  background-color: #cccccc;
}
.dropdown-menu2 {
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
}
.dropdown-menu2 li {
  list-style: none;
}
.dropdown-menu2 li > a {
  display: block;
  padding: 3px 10px;
  font-weight: normal;
  line-height: 1.42857143;
  color: #515151;
}
.dropdown-menu2 li > a:hover,
.dropdown-menu2 li > a:focus {
  text-decoration: none;
  color: #1a6ebd;
  background-color: #f5f5f5;
}
.dropdown-header {
  font-family: 'Roboto Medium';
  text-transform: uppercase;
  padding: 3px 12px;
}
.dropdown-header2 {
  background-color: transparent;
  color: #868686;
  line-height: 18.5px;
  border-bottom: 1px solid #e9e9e9;
  padding: 5px 8px;
  text-transform: uppercase;
}
.dropdown-header,
.dropdown-menu > li,
.dropdown-menu select {
  color: #868686;
}
.dropdown-menu li a i[class$="-icon"],
.dropdown-menu li a i[class*="-icon"] {
  vertical-align: text-top;
  margin-right: 3px !important;
  margin-top: 1px;
}
.dropdown-submenu {
  position: relative;
  min-width: 200px;
}
.dropdown-menu > li.dropdown-submenu > a {
  padding-right: 20px !important;
}
.dropdown-menu > li.dropdown-submenu > a:last-child {
  border-bottom: 0 none;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100% !important;
  margin-top: -6px;
  margin-left: -1px !important;
  min-width: 200px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right !important;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-left-color: #868686;
  margin-top: 5px;
  margin-right: -10px !important;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #515151;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100% !important;
  margin-left: 10px !important;
  border-radius: 6px 0 6px 6px;
}
.listcontrols.list-primary .btn-default {
  background-color: #f5f5f5;
  border-color: #d6d5d5;
}
.detailview .controls .btn-default {
  background-color: #fafafa;
  /* #fafafa */
  border-color: #cccccc;
}
.listcontrols.list-primary .btn-default,
.detailview .controls .btn-default {
  box-shadow: 0 1px 0 rgba(221, 221, 221, 0.53);
}
.listcontrols.list-primary .dropdown-menu .btn-default,
.detailview .controls .dropdown-menu .btn-default {
  color: #515151;
  box-shadow: none;
  color: #333333;
  background-color: #eeeeee;
  border-color: #cfcfcf;
}
.listcontrols.list-primary .dropdown-menu .btn-default:hover,
.detailview .controls .dropdown-menu .btn-default:hover,
.listcontrols.list-primary .dropdown-menu .btn-default:focus,
.detailview .controls .dropdown-menu .btn-default:focus,
.listcontrols.list-primary .dropdown-menu .btn-default:active,
.detailview .controls .dropdown-menu .btn-default:active,
.listcontrols.list-primary .dropdown-menu .btn-default.active,
.detailview .controls .dropdown-menu .btn-default.active,
.open > .dropdown-toggle.listcontrols.list-primary .dropdown-menu .btn-default,
.open > .dropdown-toggle.detailview .controls .dropdown-menu .btn-default {
  color: #333333;
  background-color: #d5d5d5;
  border-color: #b1b1b1;
}
.listcontrols.list-primary .dropdown-menu .btn-default:active,
.detailview .controls .dropdown-menu .btn-default:active,
.listcontrols.list-primary .dropdown-menu .btn-default.active,
.detailview .controls .dropdown-menu .btn-default.active,
.open > .dropdown-toggle.listcontrols.list-primary .dropdown-menu .btn-default,
.open > .dropdown-toggle.detailview .controls .dropdown-menu .btn-default {
  background-image: none;
}
.listcontrols.list-primary .dropdown-menu .btn-default.disabled,
.detailview .controls .dropdown-menu .btn-default.disabled,
.listcontrols.list-primary .dropdown-menu .btn-default[disabled],
.detailview .controls .dropdown-menu .btn-default[disabled],
fieldset[disabled] .listcontrols.list-primary .dropdown-menu .btn-default,
fieldset[disabled] .detailview .controls .dropdown-menu .btn-default,
.listcontrols.list-primary .dropdown-menu .btn-default.disabled:hover,
.detailview .controls .dropdown-menu .btn-default.disabled:hover,
.listcontrols.list-primary .dropdown-menu .btn-default[disabled]:hover,
.detailview .controls .dropdown-menu .btn-default[disabled]:hover,
fieldset[disabled] .listcontrols.list-primary .dropdown-menu .btn-default:hover,
fieldset[disabled] .detailview .controls .dropdown-menu .btn-default:hover,
.listcontrols.list-primary .dropdown-menu .btn-default.disabled:focus,
.detailview .controls .dropdown-menu .btn-default.disabled:focus,
.listcontrols.list-primary .dropdown-menu .btn-default[disabled]:focus,
.detailview .controls .dropdown-menu .btn-default[disabled]:focus,
fieldset[disabled] .listcontrols.list-primary .dropdown-menu .btn-default:focus,
fieldset[disabled] .detailview .controls .dropdown-menu .btn-default:focus,
.listcontrols.list-primary .dropdown-menu .btn-default.disabled:active,
.detailview .controls .dropdown-menu .btn-default.disabled:active,
.listcontrols.list-primary .dropdown-menu .btn-default[disabled]:active,
.detailview .controls .dropdown-menu .btn-default[disabled]:active,
fieldset[disabled] .listcontrols.list-primary .dropdown-menu .btn-default:active,
fieldset[disabled] .detailview .controls .dropdown-menu .btn-default:active,
.listcontrols.list-primary .dropdown-menu .btn-default.disabled.active,
.detailview .controls .dropdown-menu .btn-default.disabled.active,
.listcontrols.list-primary .dropdown-menu .btn-default[disabled].active,
.detailview .controls .dropdown-menu .btn-default[disabled].active,
fieldset[disabled] .listcontrols.list-primary .dropdown-menu .btn-default.active,
fieldset[disabled] .detailview .controls .dropdown-menu .btn-default.active {
  background-color: #eeeeee;
  border-color: #cfcfcf;
}
.listcontrols.list-primary .dropdown-menu .btn-default .badge,
.detailview .controls .dropdown-menu .btn-default .badge {
  color: #eeeeee;
  background-color: #333333;
}
.listcontrols.list-primary .dropdown-menu .btn-secondary,
.detailview .controls .dropdown-menu .btn-secondary {
  color: #515151;
  box-shadow: none;
  color: #ffffff;
  background-color: #7f7f7f;
  border-color: #727272;
}
.listcontrols.list-primary .dropdown-menu .btn-secondary:hover,
.detailview .controls .dropdown-menu .btn-secondary:hover,
.listcontrols.list-primary .dropdown-menu .btn-secondary:focus,
.detailview .controls .dropdown-menu .btn-secondary:focus,
.listcontrols.list-primary .dropdown-menu .btn-secondary:active,
.detailview .controls .dropdown-menu .btn-secondary:active,
.listcontrols.list-primary .dropdown-menu .btn-secondary.active,
.detailview .controls .dropdown-menu .btn-secondary.active,
.open > .dropdown-toggle.listcontrols.list-primary .dropdown-menu .btn-secondary,
.open > .dropdown-toggle.detailview .controls .dropdown-menu .btn-secondary {
  color: #ffffff;
  background-color: #666666;
  border-color: #545454;
}
.listcontrols.list-primary .dropdown-menu .btn-secondary:active,
.detailview .controls .dropdown-menu .btn-secondary:active,
.listcontrols.list-primary .dropdown-menu .btn-secondary.active,
.detailview .controls .dropdown-menu .btn-secondary.active,
.open > .dropdown-toggle.listcontrols.list-primary .dropdown-menu .btn-secondary,
.open > .dropdown-toggle.detailview .controls .dropdown-menu .btn-secondary {
  background-image: none;
}
.listcontrols.list-primary .dropdown-menu .btn-secondary.disabled,
.detailview .controls .dropdown-menu .btn-secondary.disabled,
.listcontrols.list-primary .dropdown-menu .btn-secondary[disabled],
.detailview .controls .dropdown-menu .btn-secondary[disabled],
fieldset[disabled] .listcontrols.list-primary .dropdown-menu .btn-secondary,
fieldset[disabled] .detailview .controls .dropdown-menu .btn-secondary,
.listcontrols.list-primary .dropdown-menu .btn-secondary.disabled:hover,
.detailview .controls .dropdown-menu .btn-secondary.disabled:hover,
.listcontrols.list-primary .dropdown-menu .btn-secondary[disabled]:hover,
.detailview .controls .dropdown-menu .btn-secondary[disabled]:hover,
fieldset[disabled] .listcontrols.list-primary .dropdown-menu .btn-secondary:hover,
fieldset[disabled] .detailview .controls .dropdown-menu .btn-secondary:hover,
.listcontrols.list-primary .dropdown-menu .btn-secondary.disabled:focus,
.detailview .controls .dropdown-menu .btn-secondary.disabled:focus,
.listcontrols.list-primary .dropdown-menu .btn-secondary[disabled]:focus,
.detailview .controls .dropdown-menu .btn-secondary[disabled]:focus,
fieldset[disabled] .listcontrols.list-primary .dropdown-menu .btn-secondary:focus,
fieldset[disabled] .detailview .controls .dropdown-menu .btn-secondary:focus,
.listcontrols.list-primary .dropdown-menu .btn-secondary.disabled:active,
.detailview .controls .dropdown-menu .btn-secondary.disabled:active,
.listcontrols.list-primary .dropdown-menu .btn-secondary[disabled]:active,
.detailview .controls .dropdown-menu .btn-secondary[disabled]:active,
fieldset[disabled] .listcontrols.list-primary .dropdown-menu .btn-secondary:active,
fieldset[disabled] .detailview .controls .dropdown-menu .btn-secondary:active,
.listcontrols.list-primary .dropdown-menu .btn-secondary.disabled.active,
.detailview .controls .dropdown-menu .btn-secondary.disabled.active,
.listcontrols.list-primary .dropdown-menu .btn-secondary[disabled].active,
.detailview .controls .dropdown-menu .btn-secondary[disabled].active,
fieldset[disabled] .listcontrols.list-primary .dropdown-menu .btn-secondary.active,
fieldset[disabled] .detailview .controls .dropdown-menu .btn-secondary.active {
  background-color: #7f7f7f;
  border-color: #727272;
}
.listcontrols.list-primary .dropdown-menu .btn-secondary .badge,
.detailview .controls .dropdown-menu .btn-secondary .badge {
  color: #7f7f7f;
  background-color: #ffffff;
}
.listcontrols.list-primary .dropdown-menu .btn-default,
.detailview .controls .dropdown-menu .btn-default,
.listcontrols.list-primary .dropdown-menu .btn-secondary,
.detailview .controls .dropdown-menu .btn-secondary {
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
  padding: 4px 10px 3px 10px;
}
.listcontrols.list-primary .btn-default:active,
.detailview .controls .btn-default:active,
.listcontrols.list-primary .btn-default.active,
.detailview .controls .btn-default.active,
.listcontrols.list-primary .btn-default:hover,
.detailview .controls .btn-default:hover,
.listcontrols.list-primary .btn-default:focus,
.detailview .controls .btn-default:focus,
.listcontrols.list-primary a.btn:active,
.detailview .controls a.btn:active,
.listcontrols.list-primary a.btn.active,
.detailview .controls a.btn.active,
.listcontrols.list-primary a.btn:hover,
.detailview .controls a.btn:hover,
.listcontrols.list-primary a.btn:focus,
.detailview .controls a.btn:focus {
  background-color: #ffffff;
  border-color: #c5c4c3;
  color: #000000;
  box-shadow: none;
}
.listcontrols.list-primary .li-nav .btn:hover,
.detailview .controls .li-nav .btn:hover {
  box-shadow: 0 1px 0 rgba(221, 221, 221, 0.53);
}
/* FORMS */
fieldset {
  padding: 0 15px;
}
legend {
  margin-top: 18px;
}
.content-section fieldset {
  padding: 0;
}
.content-section legend {
  margin-top: 0;
}
select.form-control {
  width: 100%;
  display: block;
  vertical-align: middle;
  padding: 2px 3px;
}
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-family: 'Roboto Medium';
}
.form-control {
  border-radius: 1px;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333333;
  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;
  -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: 12px;
}
.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 input.form-control[readonly] {
  background-color: #ffffff;
}
.input-group.date input.form-control[readonly],
.input-group.date .input-group-addon {
  cursor: default;
}
.input-group-addon {
  border-radius: 1px;
}
.input-group-addon .sdp-glyph {
  top: auto;
}
.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 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: pointer;
  position: absolute;
  right: -10px !important;
  top: 7px;
  z-index: 1;
}
.radio-inline.disabled,
.checkbox-inline.disabled {
  cursor: default;
}
/* SELECT2 BOOTSTRAP */
.form-control .select2-choice {
  border: 0;
  border-radius: 0;
}
.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: 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;
  -webkit-box-shadow: none;
  border: 1px solid #dddddd;
}
.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-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #515151;
}
.nav-tabs > li .badge {
  padding: 4px 7px;
  vertical-align: top;
}
.tabs-ui1 > .nav-tabs {
  border-bottom: 1px solid #DEDEDE;
}
.tabs-ui1 > .nav-tabs > li {
  margin-bottom: 0;
}
.tabs-ui1 > .nav-tabs > li > a {
  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;
}
.tabs-ui1 > .nav-tabs > li > a:hover,
.tabs-ui1 > .nav-tabs > li > a:focus {
  background: #F0F0F0;
}
.tabs-ui1 > .nav-tabs > li.active {
  margin-bottom: -1px;
}
.tabs-ui1 > .nav-tabs > li.active > a,
.tabs-ui1 > .nav-tabs > li.active > a:hover,
.tabs-ui1 > .nav-tabs > li.active > a:focus {
  color: #515151;
  background: #ffffff;
  filter: none;
  /* IE6-8 */
  cursor: default;
  border-bottom: 2px #ffffff solid;
  margin-bottom: -2px;
}
.tabs-ui1 > .nav-tabs > li.active > a:hover,
.tabs-ui1 > .nav-tabs > li.active > a:focus {
  border-color: #0da3e1 #dedede #ffffff;
  border-width: 2px 1px 2px;
}
.tabs-ui1 > .nav-tabs > li.active > a,
.tabs-ui1 > .nav-tabs > li.active > a:active {
  border-color: #0da3e1 #dedede #ffffff;
  border-width: 2px 1px 2px;
}
.tabs-ui1 > .nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.tabs-ui1 > .nav-tabs.nav-justified > li {
  float: none;
}
.tabs-ui1 > .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.tabs-ui1 > .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .tabs-ui1 > .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .tabs-ui1 > .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.tabs-ui1 > .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0px;
}
.tabs-ui1 > .nav-tabs.nav-justified > .active > a,
.tabs-ui1 > .nav-tabs.nav-justified > .active > a:hover,
.tabs-ui1 > .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .tabs-ui1 > .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0px 0px 0 0;
  }
  .tabs-ui1 > .nav-tabs.nav-justified > .active > a,
  .tabs-ui1 > .nav-tabs.nav-justified > .active > a:hover,
  .tabs-ui1 > .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tabs-ui1 > .tab-content {
  border: 1px #DEDEDE solid;
  border-top: 0 none;
}
.tabs-ui1 .form-horizontal {
  padding-top: 11px;
}
.tabs-ui1 .form-control-static {
  padding-left: 15px;
  padding-right: 15px;
}
.tabs-ui1.tabs-primary > .nav-tabs {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.tabs-ui1.tabs-left {
  display: table;
  width: 100%;
}
.tabs-ui1.tabs-left .nav-stacked,
.tabs-ui1.tabs-left .tab-content {
  display: table-cell;
  border: 0 none;
}
.tabs-ui1.tabs-left > .nav-stacked {
  width: 1px;
  max-width: 200px;
  border: 0 none;
  vertical-align: top;
}
.tabs-ui1.tabs-left > .nav-stacked > li {
  min-width: 100px;
}
.tabs-ui1.tabs-left > .nav-stacked > li > a {
  border: 0 none;
  border-left: 2px solid transparent;
  background: none;
  color: #1a6ebd;
  font-family: 'Roboto Medium';
  padding: 6px 15px;
}
.tabs-ui1.tabs-left > .nav-stacked > li + li {
  margin-top: 0;
}
.tabs-ui1.tabs-left > .nav-stacked > li.active {
  margin-bottom: 0;
}
.tabs-ui1.tabs-left > .nav-stacked > li.active > a,
.tabs-ui1.tabs-left > .nav-stacked > li.active > a:hover,
.tabs-ui1.tabs-left > .nav-stacked > li.active > a:focus {
  color: #333333;
  background-color: #f5f5f5;
  margin-bottom: 0;
  border: 0 none;
  border-left: 2px solid #0da3e1;
}
.tabs-ui1.tabs-left > .tab-content {
  background: #f5f5f5;
}
.tabs-ui1 .nav-pills {
  margin-bottom: 20px;
}
.tabs-ui1 .nav-pills > li > a {
  border-radius: 10px;
  padding: 5px 15px;
  font-family: 'Roboto Medium';
}
.tabs-ui1 .nav-pills > li + li {
  margin-left: 2px !important;
}
.tabs-ui1 .nav-pills > li.active > a,
.tabs-ui1 .nav-pills > li.active > a:hover,
.tabs-ui1 .nav-pills > li.active > a:focus {
  color: #333333;
  background-color: #eeeeee;
}
.tabs-ui1 .nav-pills > li.active > a: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 .tabs-ui1 > .tab-content {
  border: 0 none;
}
.tabs-ui2 > .nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.tabs-ui2 > .nav-tabs > li {
  float: left !important;
  margin-bottom: -1px;
}
.tabs-ui2 > .nav-tabs > li > a {
  font-family: 'Roboto Medium';
  margin-right: 2px !important;
  line-height: 1.42857143;
  border-radius: 0;
  border-width: 1px 0 2px;
  border-style: solid;
  color: #1a6ebd;
}
.tabs-ui2 > .nav-tabs > li > a:hover {
  background: #ffffff;
  border-color: transparent transparent #ccc;
}
.tabs-ui2 > .nav-tabs > li > a:hover,
.tabs-ui2 > .nav-tabs > li > a:focus {
  background: #ffffff;
}
.tabs-ui2 > .nav-tabs > li.active > a,
.tabs-ui2 > .nav-tabs > li.active > a:hover,
.tabs-ui2 > .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
}
.tabs-ui2 > .nav-tabs > li.active > a,
.tabs-ui2 > .nav-tabs > li.active > a:active {
  border-color: transparent transparent #0da3e1;
  border-width: 1px 0 2px;
}
.tabs-ui2 > .nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.tabs-ui2 > .nav-tabs.nav-justified > li {
  float: none;
}
.tabs-ui2 > .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.tabs-ui2 > .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .tabs-ui2 > .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .tabs-ui2 > .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.tabs-ui2 > .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0px;
}
.tabs-ui2 > .nav-tabs.nav-justified > .active > a,
.tabs-ui2 > .nav-tabs.nav-justified > .active > a:hover,
.tabs-ui2 > .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .tabs-ui2 > .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0px 0px 0 0;
  }
  .tabs-ui2 > .nav-tabs.nav-justified > .active > a,
  .tabs-ui2 > .nav-tabs.nav-justified > .active > a:hover,
  .tabs-ui2 > .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.form-horizontal.four-col .form-control-static,
.form-horizontal.four-col .control-label {
  padding-top: 10px;
  padding-bottom: 10px;
}
.form-horizontal.four-col .form-control-static {
  color: #000000;
}
.form-horizontal.four-col .control-label {
  font-family: 'Roboto';
}
.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 #dddddd 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 #eeeeee solid;
}
.form-horizontal.four-col .form-group > .left-col {
  background-color: #f5f5f5;
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 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-left: 15px;
  padding-right: 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-left: 15px;
  padding-right: 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 #eeeeee;
  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 #eeeeee solid;
  /* cell heights fix */
}
.form-horizontal.four-col .col-fields:before,
.form-horizontal.four-col .col-fields:after {
  content: " ";
  display: table;
}
.form-horizontal.four-col .col-fields:after {
  clear: both;
}
.form-horizontal.four-col .col-fields:before,
.form-horizontal.four-col .col-fields:after {
  content: " ";
  display: table;
}
.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 .form-group p,
.form-horizontal.four-col .desc-row p {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.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-left: 15px;
  padding-right: 15px;
  background-color: #f5f5f5;
  margin-bottom: 0;
}
.form-horizontal.four-col .right-col {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.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-left: 15px;
  padding-right: 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-left: 15px;
  padding-right: 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-left: 15px;
  padding-right: 15px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.form-horizontal.four-col .desc-row:before,
.form-horizontal.four-col .desc-row:after {
  content: " ";
  display: table;
}
.form-horizontal.four-col .desc-row:after {
  clear: both;
}
.form-horizontal.four-col .desc-row:before,
.form-horizontal.four-col .desc-row:after {
  content: " ";
  display: table;
}
.form-horizontal.four-col .desc-row:after {
  clear: both;
}
.form-horizontal.four-col .desc-row .col-group {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 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-left: 15px;
  padding-right: 15px;
}
.form-horizontal.four-col .desc-row .right-col {
  position: relative;
  float: left;
  width: 83.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 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;
}
.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: 5px;
  padding-bottom: 5px;
}
.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 {
  content: " ";
  display: table;
}
.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 {
  content: " ";
  display: table;
}
.form-horizontal.four-col.form-edit .col-fields:after {
  clear: both;
}
.form-horizontal.four-col.form-edit .form-group {
  border-bottom: 1px #ffffff solid;
}
.form-horizontal.four-col.form-edit .col-group .col-fields {
  border-right: 1px solid #ffffff;
}
.form-horizontal.four-col.form-edit .col-group + .col-group .col-fields {
  border-left: 1px solid #ffffff;
}
.form-control-feedback {
  height: 24px;
  line-height: 24px;
}
.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;
}
.submit-row:before,
.submit-row:after {
  content: " ";
  display: table;
}
.submit-row:after {
  clear: both;
}
.submit-row:before,
.submit-row:after {
  content: " ";
  display: table;
}
.submit-row:after {
  clear: both;
}
.submit-row .submit-row-inner:not(.text-center) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .submit-row .submit-row-inner:not(.text-center) {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 768px) {
  .submit-row .submit-row-inner:not(.text-center) {
    float: left;
    width: 83.33333333%;
  }
}
#_DIALOG_CONTENT .form-horizontal.four-col .col-group.full-width .left-col {
  width: 40%;
}
#_DIALOG_CONTENT .form-horizontal.four-col .col-group.full-width .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-left: 15px;
  padding-right: 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-left: 15px;
  padding-right: 15px;
}
.dialog-content .form-horizontal.four-col .desc-row .right-col {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.dialog-content .form-horizontal.four-col .submit-row .submit-row-inner:not(.text-center) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .dialog-content .form-horizontal.four-col .submit-row .submit-row-inner:not(.text-center) {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .dialog-content .form-horizontal.four-col .submit-row .submit-row-inner:not(.text-center) {
    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-left: 15px;
  padding-right: 15px;
  text-align: left;
  text-align: left !important;
}
.dialog-content .form-horizontal.four-col.one-col .right-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.dialog-content .form-horizontal.four-col.one-col .submit-row-inner:not(.text-center) {
  margin-left: 0%;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 0px !important;
}
.dialog-content.dialog-four-col .form-horizontal.four-col .col-group {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 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-left: 15px;
  padding-right: 15px;
}
.dialog-content.dialog-four-col .form-horizontal.four-col .right-col {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.dialog-content.dialog-four-col .form-horizontal.four-col .desc-row .col-group {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 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-left: 15px;
  padding-right: 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-left: 15px;
  padding-right: 15px;
}
.btn-group > a[data-toggle],
.btn-group > a[data-toggle]:hover,
.btn-group > a[data-toggle]:focus,
.btn-group > a[data-toggle]:active {
  color: #515151;
  text-decoration: 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: #ffffff;
  text-align: left;
  text-align: left !important;
}
.form-horizontal.form-flat .form-control-static:before {
  content: ":";
  margin-right: 5px !important;
}
.panel-heading {
  padding: 10px 15px;
}
.panel-heading.active,
.accordion-log .panel-heading.active:hover {
  background-color: #f5f5f5;
  cursor: 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 #dddddd;
}
.panel-popover .panel-footer .btn-default:hover {
  background: #e6e6e6;
}
.nav-accordion > .panel > a[data-toggle=collapse],
.accordion-log .panel-heading[data-toggle=collapse] {
  cursor: pointer;
  background: #f5f5f5;
}
.nav-accordion > .panel > a[data-toggle=collapse].collapsed,
.accordion-log .panel-heading[data-toggle=collapse].collapsed {
  background: none;
}
.nav-accordion > .panel > a[data-toggle=collapse].collapsed:hover,
.accordion-log .panel-heading[data-toggle=collapse].collapsed:hover {
  background-color: #f7f7f7;
  /* #F7F7F7 */
}
.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 #eeeeee;
}
.nav-accordion > .panel > a[data-toggle=collapse] .toggle-arrow,
.accordion-log .panel-group.history-log .panel-heading .toggle-arrow {
  position: absolute;
  right: 10px !important;
  top: 10px;
}
.nav-accordion > .panel > a[data-toggle=collapse] .toggle-arrow .caret,
.accordion-log .panel-group.history-log .panel-heading .toggle-arrow .caret {
  border-width: 4px 4px 0;
  transition: transform 0.5s;
}
.nav-accordion > .panel > a[data-toggle=collapse].collapsed .toggle-arrow .caret,
.accordion-log .panel-group.history-log .panel-heading.collapsed .toggle-arrow .caret {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  -o-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
}
.nav-accordion > .panel > a[data-toggle=collapse] .toggle-arrow {
  right: 5px !important;
}
.nav-accordion:not(.admin-search-container).nav .nav > li > a {
  color: #333333;
}
.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: #333333;
}
.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: #ffffff;
  cursor: default;
}
.accordion-log .panel-group .sdp-glyph.toggle:before {
  content: "\e925";
}
.accordion-log .panel-group .panel-heading.collapsed .sdp-glyph.toggle:before {
  content: "\e926";
}
.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 #dddddd;
}
.accordion-log .panel-group .panel:last-child .ui-dialog-buttonpane {
  margin-bottom: 0;
}
.accordion-log .panel-group .panel.panel-link {
  color: #009adb;
}
.accordion-log .panel-group .panel.panel-link .panel-title {
  font-size: 12px;
}
.accordion-log .panel-group .panel.panel-link .panel-heading:hover {
  background: none;
}
.accordion-log .panel-group .panel.panel-base {
  border: 2px solid #eeeeee;
}
.accordion-log .panel-group .panel.panel-bordered {
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
}
.accordion-log .panel-group .panel.panel-bordered .listview .tablelist {
  border-width: 1px 0 0;
  border-color: #dddddd;
}
.accordion-log .panel-heading:before,
.accordion-log .panel-heading:after {
  content: " ";
  display: table;
}
.accordion-log .panel-heading:after {
  clear: both;
}
.accordion-log .panel-heading:before,
.accordion-log .panel-heading:after {
  content: " ";
  display: table;
}
.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;
  position: relative;
  top: -5px;
}
.accordion-log .panel-heading .right .btn-group > .inner > .btn {
  position: relative;
  float: left;
}
.accordion-log .panel-heading .right .btn-group > .inner > .btn:hover,
.accordion-log .panel-heading .right .btn-group > .inner > .btn:focus,
.accordion-log .panel-heading .right .btn-group > .inner > .btn:active,
.accordion-log .panel-heading .right .btn-group > .inner > .btn.active {
  z-index: 2;
}
.accordion-log .panel-heading .right .btn-group > .inner > .btn:focus {
  outline: 0;
}
.accordion-log .panel-heading .right .btn-group > .inner .btn + .btn,
.accordion-log .panel-heading .right .btn-group > .inner .btn + .btn-group,
.accordion-log .panel-heading .right .btn-group > .inner .btn-group + .btn,
.accordion-log .panel-heading .right .btn-group > .inner .btn-group + .btn-group {
  margin-left: -1px;
}
.accordion-log .panel-heading .right .btn-group > .inner > a[data-toggle],
.accordion-log .panel-heading .right .btn-group > .inner > a[data-toggle]:hover,
.accordion-log .panel-heading .right .btn-group > .inner > a[data-toggle]:focus,
.accordion-log .panel-heading .right .btn-group > .inner > a[data-toggle]:active {
  color: #515151;
  text-decoration: none;
}
.accordion-log .panel-heading .right .btn-group > .inner > button.status-open,
.accordion-log .panel-heading .right .btn-group > .inner > .dropdown-menu li a.status-open:hover,
.accordion-log .panel-heading .right .btn-group > .inner > button.status-closed,
.accordion-log .panel-heading .right .btn-group > .inner > .dropdown-menu li a.status-closed:hover,
.accordion-log .panel-heading .right .btn-group > .inner > button.status-onhold,
.accordion-log .panel-heading .right .btn-group > .inner > .dropdown-menu li a.status-onhold:hover,
.accordion-log .panel-heading .right .btn-group > .inner > button.status-resolved,
.accordion-log .panel-heading .right .btn-group > .inner > .dropdown-menu li a.status-resolved:hover {
  color: #ffffff;
}
.accordion-log .panel-heading .right .btn-group > .inner > button.priority-low,
.accordion-log .panel-heading .right .btn-group > .inner > .dropdown-menu li a.priority-low:hover,
.accordion-log .panel-heading .right .btn-group > .inner > button.priority-normal,
.accordion-log .panel-heading .right .btn-group > .inner > .dropdown-menu li a.priority-normal:hover,
.accordion-log .panel-heading .right .btn-group > .inner > button.priority-medium,
.accordion-log .panel-heading .right .btn-group > .inner > .dropdown-menu li a.priority-medium:hover,
.accordion-log .panel-heading .right .btn-group > .inner > button.priority-high,
.accordion-log .panel-heading .right .btn-group > .inner > .dropdown-menu li a.priority-high:hover {
  color: #ffffff;
}
.accordion-log .panel-heading .right .btn-group > .inner em.indicator {
  width: 14px;
  height: 7px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  left: 5px !important;
}
.accordion-log .panel-heading .right .btn-group > .inner a[data-class^='priority-'] em {
  margin-top: -1px;
}
.accordion-log .panel-heading .right .btn-group > .inner .sdp-glyph.icon-lg {
  font-size: 20px;
}
.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: 13px;
}
.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 #cccccc;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 2px;
  width: 160px;
}
.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: 12px;
}
.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 #dddddd;
  display: table;
  width: 100%;
}
.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: #000000;
  width: 170px;
  padding-top: 29px;
  text-align: right;
  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;
}
.accordion-log .panel-group.history-log .history-logs p b {
  color: #515151;
}
.accordion-log .panel-group.history-log .history-status {
  width: 240px;
}
.accordion-log .panel-group.history-log .history-status .display-cell:first-child {
  border: 1px solid #b5b5b5;
  border-radius: 50%;
  padding: 10px 12px;
}
.accordion-log .panel-group.history-log .history-status .display-cell: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: 16px;
}
.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: #ffffff;
}
.accordion-log .panel-group.history-log.status-log .row {
  background-color: #ffffff;
}
.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: #eeeeee;
  color: #515151;
  display: inline-block;
  font-family: 'Roboto Medium';
  font-size: 13px;
  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 #eeeeee;
  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: 2px solid #eeeeee;
  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: #ffffff;
  bottom: 0;
  height: auto;
  left: -32px !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 #eeeeee;
  border-right: 1px solid #eeeeee;
  margin-top: 20px;
}
.accordion-log.accordion-timeline .panel.panel-lazyload .panel-heading {
  background: repeating-linear-gradient(180deg, #eeeeee, #eeeeee 2px, #ffffff 0px, #ffffff 7px);
  color: #009adb;
  display: block;
  text-align: center;
  padding: 6px 0 7px;
}
.accordion-log.accordion-timeline .panel.panel-lazyload .panel-heading:hover {
  background: repeating-linear-gradient(180deg, #dddddd, #dddddd 2px, #ffffff 0px, #ffffff 7px);
}
.accordion-log.accordion-timeline .panel.panel-lazyload .panel-title {
  background-color: #ffffff;
  font-size: 12px;
  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-left: 15px;
    padding-right: 15px;
  }
  .form-horizontal.four-col .desc-row .right-col {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 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-left: 15px;
    padding-right: 15px;
  }
  .form-horizontal.four-col .desc-row .right-col {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 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(.text-center) {
    margin-left: 33.33333333%;
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.submit-row .btn {
  margin-right: 5px !important;
}
.breadcrumb {
  background: none;
}
.breadcrumb > li + li:before {
  content: ">\00a0";
  padding: 0 5px;
  color: #333333;
}
.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: 0/0 'Roboto';
  /* 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: #ffffff;
  -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;
  text-align: left !important;
}
.alert > button.close {
  line-height: 0;
  top: 3px;
}
.alert > .msg {
  color: #333333;
  line-height: 1.5;
  padding: 0 10px;
  vertical-align: top;
}
.alert > .msg > a {
  color: #06c;
}
.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: default;
}
.alert.icon:before {
  content: '';
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  background-image: url(../images/ui-common-view.svg);
  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;
}
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-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-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;
}
.btn-group.bs-noconflict,
.dropdown.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.ui1.nowrap {
  display: table;
}
.pagination.ui1.nowrap > li {
  display: table-cell;
}
.pagination.ui1 > li > a {
  background-color: #f5f5f5;
  border-color: #cacaca;
  font-size: 15px;
  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: #ffffff;
  background-color: #3a3a3a;
}
body.print .preview-panel {
  padding-top: 60px;
}
body.print h5 {
  color: #000000;
  padding-top: 12px;
  padding-bottom: 12px;
}
body.print .detailview .req-type-icon {
  width: 40px;
}
body.print .detailview .content-panel {
  border: 0 none;
}
body.print .detailview .headerbar .title span.text {
  color: #000000;
}
body.print .content-section > h5 {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 5px !important;
  background: none;
  border-top: 1px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  font-size: 17px;
  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: #eeeeee;
  border-radius: 50%;
  display: table-cell;
  font-size: 20px;
  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: #999999;
}
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: 15px;
  padding: 4px 10px;
  position: relative;
  top: 4px;
}
.status-badge.default {
  border: 2px solid #494949;
  color: #4e4e4e;
}
.status-badge.info {
  border: 2px solid #04a4ff;
  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: #ffffff;
}
.status-badge.success:not(.fcr):not(.off):before.glyph-color3 {
  color: #3a96e7;
}
.status-badge.success:not(.fcr):not(.off):before.glyph-color4 {
  color: #333333;
}
.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: #ffffff;
}
.status-badge.success.fcr:before.glyph-color3 {
  color: #3a96e7;
}
.status-badge.success.fcr:before.glyph-color4 {
  color: #333333;
}
.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: #ffffff;
}
.status-badge.warning:not(.off):before.glyph-color3 {
  color: #3a96e7;
}
.status-badge.warning:not(.off):before.glyph-color4 {
  color: #333333;
}
.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: #ffffff;
}
.status-badge.danger:not(.off):before.glyph-color3 {
  color: #3a96e7;
}
.status-badge.danger:not(.off):before.glyph-color4 {
  color: #333333;
}
@media print {
  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: #dddddd;
  }
  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;
  }
}
@page {
  margin: 0.5cm;
  mso-header-margin: .5in;
  mso-footer-margin: .5in;
  mso-paper-source: 0;
  
  /* Not supported in Firefox */
  /* Setting up A4 Print size */
  /* size:8.27in 11.69in; */
  /*Request ID : 67527*/
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
}
.dropdown-menu.auto-suggest {
  max-height: 240px!important;
  overflow: auto!important;
  font-size: 13px;
}
/* ----------------------------------------------- */
/* base-design.less */
/* ----------------------------------------------- */
.widget-header {
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
}
html,
body,
#main,
#content,
#content-inner {
  height: 100%;
}
html,
body {
  direction: ltr;
}
#body {
  background: #d8d8d8;
}
#main {
  display: table;
  width: 100%;
}
#content {
  padding: 12px;
}
#content #content-inner {
  min-width: 1240px;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
hr.bglight5 {
  border-top: 1px solid #cccccc;
}
.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;
}
.listview {
  background-color: #ffffff;
}
.listview table tr:hover td .dropdown-menu > li > a {
  color: #515151;
}
.listview table tr:hover td .dropdown-menu > li > a:hover {
  color: #1a6ebd;
}
.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: 8px;
  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: #ffffff;
}
.btn:hover .box-fill.sdp-glyph-plus {
  background-color: #63bd6e;
  border-color: #459f4d;
}
.alert-nodata {
  background: #f9f9f9;
  border: 1px solid #eeeeee;
  padding: 10px;
  display: table;
  width: 100%;
}
.alert-nodata:before {
  content: '';
  width: 21px;
  height: 21px;
  background-image: url(../images/ui-common-view.svg);
  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 #cccccc;
  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;
  text-align: center;
  padding: 6px 0;
  border-top: 1px solid #d8d8d8;
}
.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;
  text-align: right !important;
}
.colon:before {
  content: ":";
  margin-right: 5px !important;
}
/* GENERAL */
.hover-off {
  cursor: not-allowed;
}
.hover-off:hover {
  opacity: .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;
}
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,
#_DIALOG_CONTENT .content-wrapper {
  box-sizing: border-box;
  min-width: initial;
  width: 100%;
}
@media only screen and (min-width: 1680px) {
  .content-wrapper {
    min-width: 1660px;
  }
  .form-wrapper,
  .content-wrapper {
    width: 80%;
  }
  .form-horizontal.four-col .submit-row .submit-row-inner:not(.text-center) {
    margin-left: 16.66666667%;
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* 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: 238px;
  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: 27px;
  font-weight: inherit;
  margin-top: 18px;
}
.feature-cnt .jumbotron-content .jumbotron-text {
  margin-top: -30px;
}
/* jumbotrons ends */
/* cursors */
.cursor-default,
.cur-def {
  cursor: default !important;
}
.cursor-pointer,
.cur-ptr {
  cursor: pointer !important;
}
.cursor-hand,
.cur-hand {
  cursor: hand !important;
}
.cursor-drag,
.cur-drag {
  cursor: drag !important;
}
.selectall {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
/* 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: 10px;
  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: #ffffff;
}
ul.bullet-arrow li:before.glyph-color3 {
  color: #3a96e7;
}
ul.bullet-arrow li:before.glyph-color4 {
  color: #333333;
}
ol.bullet-badge li {
  counter-increment: item;
}
ol.bullet-badge li:before {
  background-color: #e9e9e9;
  border-radius: 100%;
  color: #515151;
  content: counter(item);
  display: inline-block;
  font-family: 'Roboto Medium';
  font-size: 12px;
  line-height: 1;
  margin-left: -20px !important;
  margin-right: 10px !important;
  min-width: 10px;
  padding: 5px 8px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
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: 11px;
  margin-right: 6px !important;
  top: 0;
}
a.bullet-arrow:before.glyph-color1 {
  color: #7f7f7f;
}
a.bullet-arrow:before.glyph-color2 {
  color: #ffffff;
}
a.bullet-arrow:before.glyph-color3 {
  color: #3a96e7;
}
a.bullet-arrow:before.glyph-color4 {
  color: #333333;
}
a.bullet-arrow:hover {
  color: #1a6ebd;
}
a.bullet-arrow:hover:before {
  color: #515151;
}
/* In Survey input date field old formstyle must change */
/* popcalender input group form-control replace formStyle */
.input-group .formStyle {
  position: relative;
  z-index: 2;
  background-image: none;
  border: 1px solid #cccccc;
  color: #555555;
  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 .formStyle:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group .formStyle:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}
.fieldset-ui1,
.form-horizontal .fieldset-ui1 {
  border: 3px solid #dddddd;
  padding: 1em 1.4em 1.4em 1.4em;
  margin: 0 1em 1.5em;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
  background: #ffffff;
}
.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;
  text-align: left !important;
  width: auto;
  padding: 2px 10px;
  border: none;
  background: #dddddd;
  margin: 0;
  color: #333333;
  font-family: 'Roboto';
}
.pagination-listview .dropdown-menu {
  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 .formStyle {
  position: relative;
  z-index: 2;
  background-image: none;
  border: 1px solid #cccccc;
  color: #555555;
  font-size: 13px;
  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 .formStyle:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group .formStyle:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
}
.block-bordered {
  border: 1px solid #cccccc;
}
.block-highlighted {
  background: #f5f5f5;
}
.block-highlighted.block-bordered {
  border: 1px solid #e9e9e9;
}
.block-row {
  display: table;
  border-top: 1px solid #dddddd;
}
.block-row:last-child {
  border-bottom: 1px solid #dddddd;
}
.block-row a {
  color: #333333;
}
.block-row > div {
  display: table-cell;
}
.block-row:hover {
  background: #f5f5f5;
}
.block-row:hover a {
  color: #1a6ebd;
}
.block-row:hover .hover-read {
  visibility: visible;
}
.block-row .hover-read {
  visibility: hidden;
}
#_DIALOG_LAYER .block-row {
  display: block;
}
.loading {
  position: absolute !important;
  top: 65px;
  left: 49%;
}
.loading-bar {
  display: inline-block;
  width: 5px;
  height: 13px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
  margin-left: 5px !important;
}
.loading-bar:nth-child(1) {
  background-color: #c8c8c8;
  animation-delay: 0;
}
.loading-bar:nth-child(2) {
  background-color: #979898;
  animation-delay: 0.09s;
}
.loading-bar:nth-child(3) {
  background-color: #717272;
  animation-delay: .18s;
}
.loading-bar:nth-child(4) {
  background-color: #424343;
  animation-delay: .27s;
}
@keyframes loading {
  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: 10;
}
.maincview .cview {
  width: 250px;
  position: relative;
  height: 100%;
  background-color: #ffffff;
  z-index: 10;
  border: 1px solid #a8a8a8;
  /* #a8a8a8 */
  border-right: medium none #ffffff;
}
.maincview.overlapcview .cview {
  border-right: 1px solid #a8a8a8;
  /* #a8a8a8 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.maincview .secmaincview {
  width: 250px;
  position: absolute;
  height: 100%;
  background-color: #ffffff;
  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 #ffffff;
}
.cview [data-id=pinnable-content] {
  border-bottom: 1px solid #cccccc;
  padding: 10px;
  cursor: pointer;
}
.cview .active[data-id=pinnable-content],
.cview [data-id=pinnable-content]:hover {
  background-color: #f5f5f5;
}
/*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: #ffffff;
}
.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: #555555;
  height: 100%;
  left: 0;
  opacity: 0.65;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}
/*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;
  -moz-animation: cardtranschange 0.5s;
  /* Firefox */
  -webkit-animation: cardtranschange 0.5s;
  /* Safari and Chrome */
  -o-animation: cardtranschange 0.5s;
  /* Opera */
}
.maincview.animationactive.vtop .cview,
.maincview.animationactive.vtop .secmaincview {
  transform: none;
}
@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 {
  animation: colorchange 1s;
  -moz-animation: colorchange 1s;
  /* Firefox */
  -webkit-animation: colorchange 1s;
  /* Safari and Chrome */
  -o-animation: colorchange 1s;
  /* Opera */
}
@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;
  padding-left: 23px !important;
}
.cus-input.radio-inline,
.cus-input.checkbox-inline {
  padding-top: 0;
  vertical-align: text-top;
}
.cus-input.xs {
  font-size: 13px;
  padding-left: 18px !important;
}
.cus-input.xs em {
  width: 14px;
  height: 14px;
}
.cus-input.sm {
  font-size: 15px;
  padding-left: 24px !important;
}
.cus-input.sm em {
  width: 18px;
  height: 18px;
}
.cus-input.lg {
  font-size: 17px;
  padding-left: 30px !important;
}
.cus-input.lg em {
  width: 22px;
  height: 22px;
}
.cus-input input:focus + em {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px 1px rgba(102, 175, 233, 0.6);
  border-color: #66afe9;
}
.cus-input input,
.cus-input em:after {
  opacity: 0;
}
.cus-input input,
.cus-input em {
  position: absolute;
  left: 0px !important;
  top: 3px;
}
.cus-input.vmid input,
.cus-input.vmid em {
  bottom: 0;
  margin: auto 0;
}
.cus-input em {
  border: 2px solid #cccccc;
  display: inline-block;
  border-radius: 3px;
}
.cus-input em:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  background: rgba(0, 0, 0, 0);
  left: 50%;
}
.cus-input input[type="radio"] + em,
.cus-input input[type="radio"] + em:after {
  border-radius: 50%;
}
.cus-input input[type="radio"] + em:after {
  top: 50%;
  background: #efeff1;
  transition: 0.3s all;
  transform: translate(-50%, -50%) rotate(-360deg);
}
.cus-input input[type="radio"]:checked + em:after {
  width: 50%;
  height: 50%;
}
.cus-input input[type="checkbox"] + em:after {
  top: 40%;
  border: 0px;
  border-color: #efeff1;
  width: 90%;
  height: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cus-input input[type="checkbox"]: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;
}
.cus-input input[disabled] + em,
.cus-input:hover input[disabled] + em {
  cursor: default;
  border: 2px solid #cccccc;
}
.cus-input:hover em,
.cus-input input[type="radio"]:checked + em,
.cus-input input[type="checkbox"]:checked + em {
  border: 2px solid #468cc8;
}
.cus-input input[type="radio"]:checked + em,
.cus-input input[type="checkbox"]:checked + em {
  background-color: #468cc8;
}
.cus-input input[type="radio"]:checked + em:after,
.cus-input input[type="checkbox"]:checked + em:after {
  opacity: 1;
}
.cus-input input[type="radio"]:checked[disabled] + em,
.cus-input input[type="checkbox"]:checked[disabled] + em {
  background-color: #a3c6e4;
  border: 1px solid #a3c6e4;
}
/*Widget Table*/
.widget-table {
  border: 1px solid #cccccc;
}
.widget-table .widget-header {
  border-bottom: none;
}
.widget-table .widget-header .cspr.toggle {
  background-position: -180px -24px;
}
.widget-table .widget-header.collapsed .cspr.toggle {
  background-position: -199px -24px;
}
.widget-table .widget-box {
  border-top: 1px solid #cccccc;
}
.widget-table .widget-box .row {
  display: flex;
  border-bottom: 1px solid #cccccc;
}
.widget-table .widget-box .row > div {
  border-right: 1px solid #cccccc;
  padding: 10px;
}
.widget-table .widget-box .row:last-child,
.widget-table .widget-box .row > div:last-child {
  border: none;
}
.widget-table .widget-box.list-hover .row > div {
  border: none;
}
.widget-table .widget-box.list-hover .row a {
  color: #333333;
}
.widget-table .widget-box.list-hover .row:hover a {
  color: #1a6ebd;
}
.widget-table .list-hover > div:hover,
.widget-table .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;
  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;
}
/* ----------------------------------------------- */
/* ui-vertical-sprite.less */
/* ----------------------------------------------- */
.vertical-sprite {
  background-image: url(../images/ui-vertical-sprite.png);
}
.vertical-edit-icon1 {
  background-position: right -1px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.vertical-expand-arrow2 {
  background-position: right -163px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.vertical-collapse-arrow2 {
  background-position: right -195px;
  background-repeat: no-repeat;
  cursor: 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;
}
/* ----------------------------------------------- */
/* 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: #ffffff;
}
.sdp-glyph.glyph-color3 {
  color: #3a96e7;
}
.sdp-glyph.glyph-color4 {
  color: #333333;
}
/* font icon sizes */
.sdp-glyph.icon-xxs {
  /* 9 x 9 size */
  font-size: 9px;
}
.sdp-glyph.icon-xs {
  /* 12 x 12 size */
  font-size: 12px;
}
.sdp-glyph.icon-sm {
  /* 16 x 16 size */
  font-size: 16px;
}
.sdp-glyph.icon-md {
  /* 24 x 24 size */
  font-size: 20px;
}
.sdp-glyph.icon-lg {
  /* 24 x 24 size */
  font-size: 24px;
}
.sdp-glyph.icon-xl {
  /* 32 x 32 size */
  font-size: 32px;
}
.sdp-glyph.icon-xxl {
  /* 48 x 48 size */
  font-size: 48px;
}
.btn-link:hover > .sdp-glyph {
  color: #009adb;
}
.btn-link:hover > .sdp-glyph.sdp-glyph-sort-down .path2:before,
.btn-link:hover > .sdp-glyph.sdp-glyph-sort-up .path1:before {
  color: #009adb;
}
.alert > .sdp-glyph {
  font-size: 17px;
}
.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: 16px;
}
.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: 16px;
  cursor: 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;
  position: absolute;
}
.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 {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  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: #999999;
}
.notifymenu li > a:hover .sdp-glyph {
  color: #1a6ebd;
}
.notifymenu .sdp-glyph-close {
  cursor: 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: #000000;
  text-decoration: none;
  cursor: 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 #6a6a6a;
  font-size: 9px;
  padding: 1px !important;
  color: #ffffff;
  top: 0;
  display: inline;
}
.addcommonglyph:hover.addcommonglyph:not(.panel-heading) .sdp-glyph-plus {
  background-color: #63BD6E;
  border: 1px #459F4D 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: 3px !important;
  /* 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: "\e90e";
  color: #000;
}
.editicon.edit-glyph a:hover,
.editicon a:hover {
  opacity: 1;
}
.sdp-glyph-user-circle.large {
  color: #999999;
  font-size: 79px;
}
.prp-photo span.sdp-glyph-user-circle {
  color: #515151;
  font-size: 90px;
  cursor: 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;
}
/* ----------------------------------------------- */
/* ui-common-view.less */
/* ----------------------------------------------- */
.common-sprite {
  background-image: url(../images/ui-common-view.png);
  background-repeat: no-repeat;
  display: inline-block;
  cursor: 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: -50px -24px;
}
.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: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-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: -205px -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-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: .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);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: sub;
}
.star-on {
  background-position: -3px -2px;
}
.star-off {
  background-position: -24px -5px;
}
.search {
  background-position: -42px -3px;
}
.go-back {
  background-position: -63px -6px;
}
.go-back1 {
  background-position: -81px -6px;
}
.drag1 {
  background-position: -98px -6px;
}
.header-more {
  background-position: -336px -79px;
}
.exband-arrow1 {
  background-position: -110px -4px;
}
.collapse-arrow1 {
  background-position: -125px -4px;
}
.exband-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: -234px -7px;
}
.asc {
  background-position: -250px -7px;
}
.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;
}
.tick-green {
  background-position: -480px -10px;
}
.tick1 {
  background-position: -495px -10px;
}
.enable {
  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: -38px -25px;
}
.edit1 {
  background-position: -58px -25px;
}
.edit-blue {
  background-position: -79px -25px;
}
.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 {
  background-position: -180px -24px;
}
.expand-arrow {
  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: -295px -24px;
}
.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;
}
.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;
}
.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: -412px -57px;
  width: 12px;
  height: 11px;
}
.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: -4px -74px;
  width: 22px;
  height: 15px;
}
.forward1 {
  background-position: -31px -74px;
  width: 22px;
  height: 15px;
}
.reply1-h {
  background-position: -456px -77px;
  width: 22px;
  height: 15px;
}
.forward1-h {
  background-position: -483px -77px;
  width: 22px;
  height: 15px;
}
.btn-link:hover > .reply1 {
  background-position: -456px -77px;
  width: 22px;
  height: 15px;
}
.btn-link:hover > .forward1 {
  background-position: -483px -77px;
  width: 22px;
  height: 15px;
}
.sort-down {
  background-position: -58px -72px;
}
.sort-up {
  background-position: -102px -73px;
}
.sort-down-h {
  background-position: -80px -73px;
}
.sort-up-h {
  background-position: -124px -73px;
}
.btn-link:hover > .sort-down {
  background-position: -80px -73px;
}
.btn-link:hover > .sort-up {
  background-position: -124px -73px;
}
.mail {
  background-position: -144px -78px;
}
.export {
  background-position: -162px -75px;
}
.import {
  background-position: -184px -75px;
}
.full-screen {
  background-position: -265px -75px;
}
.small-screen {
  background-position: -286px -75px;
}
.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: -510px -75px;
}
.lock-line-clr {
  background-position: -528px -76px;
}
.unlock-line {
  background-position: -545px -76px;
}
.link {
  background-position: -363px -100px;
}
.notes {
  background-position: -384px -100px;
}
.relationship {
  background-position: -402px -101px;
}
.outgoing-conv-off {
  background-position: -424px -101px;
}
.share {
  background-position: -444px -100px;
}
.task {
  background-position: -465px -100px;
}
.first-response {
  background-position: -555px -101px;
}
.paperclip {
  background-position: -484px -100px;
}
.text-danger1 {
  background-position: -510px -102px;
}
.text-success {
  background-position: -531px -102px;
}
.cspr.wlt-stop {
  background-position: -4px -122px;
}
.cspr.wlt-start {
  background-position: -22px -122px;
}
.service-req {
  background-position: -40px -122px;
}
.incident-req {
  background-position: -59px -124px;
}
.flag-warning {
  background-position: -80px -122px;
}
.triangle-red {
  background-position: -296px -122px;
}
.vip {
  background-position: -374px -123px;
}
.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: -544px -124px;
}
.share1 {
  background-position: -559px -124px;
}
.vip-outer {
  background-position: -27px -143px;
}
.list {
  background-position: -52px -146px;
  width: 22px;
  height: 16px;
}
.chevron-left {
  background-position: -82px -145px;
}
.chevron-right {
  background-position: -100px -145px;
}
.reorder {
  background-position: -117px -145px;
  width: 22px;
  height: 15px;
}
.scriblepad {
  background-position: -172px -145px;
}
.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: -475px -149px;
}
.statusexpire {
  background-position: -491px -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;
}
/* SVG Common sprite icon end */
.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 #dddddd;
  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[data-toggle=collapse] {
  cursor: pointer;
}
.conv-log .user span.text-muted {
  padding-left: 10px;
}
.conv-log .user.collapsed:hover {
  background: #f5f5f5;
}
.conv-log .msg {
  border-top: 1px dashed #dddddd;
  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 #dddddd solid;
  border-radius: 4px;
  display: inline-block;
  margin-right: 15px !important;
  position: relative;
  margin-bottom: 10px;
}
.attachment .file a {
  display: inline-block;
  color: #404040;
  padding: 3px 9px;
}
.attachment .file a:active,
.attachment .file a:hover {
  color: #1a6ebd;
  text-decoration: none;
}
.attachment .file .sdp-glyph-close {
  color: #868686;
  cursor: pointer;
  font-size: 9px;
  line-height: 0;
  padding: 13px 11px;
  top: 0;
}
.attachment .file .sdp-glyph-close:before {
  position: relative;
  left: -4px !important;
}
.attachment .file .sdp-glyph-close:hover {
  color: #333333;
}
.attachment .file:hover .sdp-glyph-close {
  background-color: #e9e9e9;
}
.attachment .file .size {
  color: #cccccc;
}
/* File Attach */
.dropfile {
  background: #FFFFF2;
  border: 1px dotted #bdbdbd;
  color: #9F9D9D;
  padding: 5px;
}
.cc {
  display: inline-block;
  font-family: 'Roboto Medium';
  margin-left: -13px !important;
  margin-top: 6px;
}
.atch {
  margin-top: 6px;
}
/* Custom View */
.custom-view .h4 {
  font-size: 16px;
}
.custom-view .cvattrib,
.custom-view .cvrel,
.custom-view .cvprop-cnt,
.custom-view .ctl i,
.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 i {
  padding: 0 4px;
  height: 20px;
  top: 4px;
  position: relative;
}
.custom-view .ctl i b {
  background-image: url(../images/ui-common-view.png);
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  background-position: -83px -2px;
  width: 6px;
  height: 14px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-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: 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: 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: not-allowed;
}
.custom-view .add-link {
  display: inline-block;
  line-height: 16px;
  padding: 3px 0;
}
.custom-view .add-link i {
  background-image: url(../images/ui-common-view.png);
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  background-position: -17px -23px;
  margin-right: 10px !important;
  float: left !important;
}
/* Custom Select Plugin */
.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;
  *zoom: 1;
}
.customselect .csoverlay span {
  display: inline-block;
  font-size: 12px;
  color: #515151;
}
.customselect .csoverlay i {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #666;
  display: inline-block;
  width: 0px;
  height: 0px;
  position: absolute;
  right: 5px !important;
  top: 45%;
}
.wrapscroller {
  padding: 10px 15px;
}
.wrapscroller ol {
  margin-top: 10px;
}
.wrapscroller ol li {
  padding-top: 2px;
  padding-bottom: 2px;
}
/* Toggle Radio Buttons */
.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: #333333;
  background-color: #dddddd;
  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):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):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):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 > .dropdown-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: #333333;
  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 > .dropdown-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) {
  background-image: none;
}
.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,
.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],
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),
.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: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)[disabled]:active,
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):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).disabled.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)[disabled].active,
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).active {
  background-color: #dddddd;
  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: #dddddd;
  background-color: #333333;
}
.btn-toggle input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: 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));
  background: -webkit-linear-gradient(#f8f8f8, #b6b2b2);
  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: pointer;
  display: inline-block;
  position: relative;
  z-index: 2;
  float: left !important;
}
.btn-toggle .toggle-spot.disabled {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.btn-toggle .toggle-spot:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#b6b2b2));
  background: -webkit-linear-gradient(#f8f8f8, #b6b2b2);
  background: linear-gradient(#f8f8f8, #b6b2b2);
}
.form-horizontal:not(.form-edit) .btn-toggle {
  margin-top: 3px;
}
.form-horizontal .btn-toggle label.btn {
  margin-bottom: auto;
}
/* Recent Items */
.recent-items,
.ri-bar {
  /*height:100%;*/
  position: absolute;
  left: 1px !important;
}
.ri-bar {
  height: 100%;
}
.recent-items .ri-panel {
  background: #ffffff;
  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-family: 'Roboto Medium';
  font-size: 15px;
  padding: 6px 0 12px 0;
  border-bottom: 1px solid #cccccc;
}
.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: #1a6ebd;
}
.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: pointer;
  background-position: left top;
  background-repeat: repeat-y;
  width: 26px;
  position: relative;
}
.recent-items .ri-bar .ri-toggle {
  background-color: #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: #ffffff;
}
.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 .sdp-glyph-lock {
  color: #999999;
  top: -1px;
  visibility: hidden;
}
.panel .panel-heading .sdp-glyph-lock.in {
  color: #a74f4f;
  visibility: visible;
  opacity: 1;
}
a.panel .panel-heading .sdp-glyph-lock.in:hover {
  color: #843f3f;
}
.panel .panel-heading:hover .sdp-glyph-lock:not(.in) {
  visibility: visible;
  opacity: 0.5;
}
.accordion-log .hist-row {
  padding: 10px 5px;
}
.accordion-log .hist-row .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  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: pointer;
}
.inplace-edit .spot-static:hover {
  background-image: url(../images/ui-vertical-sprite.png);
  background-position: right -1px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: 102% -460px;
}
.inplace-edit .control-holder,
.inplace-edit .spot-actions {
  display: table-cell;
}
.inplace-edit .control-holder {
  width: 90%;
}
.inplace-edit .spot-actions {
  text-align: right;
  text-align: right !important;
  vertical-align: top;
  white-space: nowrap;
  width: auto;
  padding-left: 10px !important;
}
.inplace-edit .spot-actions .btn-sm {
  padding: 2px 5px;
  opacity: .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);
  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);
  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: pointer;
}
.inplace-edit .spot-actions .sdp-glyph-close {
  color: #333333;
}
.inplace-edit .spot-actions .sdp-glyph-ok {
  color: #333333;
}
.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: 5px;
}
.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;
}
.right-panel .inplace-edit .spot-static {
  padding-top: 8px;
  padding-bottom: 7px;
}
.right-panel .inplace-edit .spot-static:hover {
  background-position: 106% -460px;
}
.legend-control {
  float: right !important;
  position: relative;
  top: -4px;
  right: 15px !important;
}
.addon-nofill .form-control {
  border-right: 1px solid #ffffff;
}
.addon-nofill .input-group-addon {
  background-color: #ffffff;
  color: #999999;
}
.tab-row {
  border-top: 1px #fff solid;
  position: relative;
  top: -3px;
}
.tab-row .nav-tabs {
  border-bottom: none;
}
span.mandatory {
  color: #f00;
  font-size: 13px;
  font-family: 'Roboto Medium';
  padding-right: 3px !important;
}
.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: #999999;
}
.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 {
  background-color: #868686;
  border: 1px #6c6c6c solid;
  box-sizing: border-box;
}
.btn:hover .common-add-icon4 {
  background-color: #63bd6e;
  border: 1px #459f4d solid;
}
.success-alert,
.failure-alert,
.warning-alert,
.info-alert {
  background-image: url(../images/ui-common-view.png);
  background-repeat: no-repeat;
  display: inline-block;
  cursor: 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: 15px;
  line-height: 25px;
}
/* alert gray box */
.alert-gray {
  background: #f9f9f9;
  border: 1px solid #eeeeee;
}
.alert-gray .msg {
  vertical-align: middle !important;
}
/* alert gray box */
/* Organization Roles */
.ui-plus-sm {
  border: 1px #6c6c6c solid;
  background-color: #868686;
  background-position: -48px -22px;
}
.ui-plus-sm:hover {
  border: 1px solid #459f4d;
  background-color: #63bd6e;
}
.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 .dropdown-toggle {
  padding: 7px 3px;
}
.ui-searchby > .btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.ui-searchby input[type="text"] {
  width: 320px;
  height: 32px;
  padding-left: 38px !important;
}
.inline-modal {
  background: #555555;
  opacity: 0.45;
  filter: alpha(opacity=45);
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
}
/* Flexigrid fix for New UI */
.flexigrid * {
  box-sizing: content-box;
}
/* 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: 9px;
  width: 9px;
  height: 9px;
  top: -1px;
}
.btn-default.addrowbtn:hover,
.btn-default.add-sla-esc:hover {
  background-color: #68c073;
  border: 1px #51b159 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: #ffffff;
}
/* switch on of for New UI */
.switchonoff .onoff {
  font-size: 13px;
  font-weight: normal;
}
.switchonoff-action .off {
  background-position: -48px 50%;
}
.switchonoff-action .on {
  background-position: -2px 50%;
}
.switchonoff-action .switch {
  background-image: url("../images/on-off.png");
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  border-radius: 20px;
  display: inline-block;
  height: 18px;
  vertical-align: top;
  width: 39px;
}
/* Filter search components less begin
//  -------------------------------------------------- */
.dropdown-menu > li.dropdown-submenu > a.cs-focus-off {
  color: #515151;
  background-color: #ffffff;
}
.dropdown-menu > li.cs-focus-on > a {
  background-color: #f1f1f1;
  color: #1a6ebd;
}
.dropdown-submenu.cs-focus-on > .dropdown-menu {
  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: #999999;
}
.search-box > span:last-child {
  position: absolute;
  right: 9px !important;
  top: 6px;
  font-size: 15px;
  opacity: 0.3;
  cursor: 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;
}
.move-items .cs-focus-on:not(.noitem) {
  background-color: #f5f5f5;
}
.move-items .move-field {
  display: table-cell;
  width: 350px;
}
.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 #cccccc;
  border-top: none;
}
.move-items .parent-highlighted {
  color: #000000;
  font-family: 'Roboto Medium';
}
.move-items .parent-highlighted ~ li {
  padding-left: 20px !important;
}
.move-items .move-header.tabs-ui2 > .nav-tabs {
  border-bottom: none;
  overflow: hidden;
}
.move-items .move-header.tabs-ui2 > .nav-tabs > li:not(.active) > a:hover {
  cursor: pointer;
}
.move-items .move-header .nav:not(.nav-tabs) .active a {
  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: #ffffff;
  cursor: default;
  color: #515151;
  font-family: 'Roboto Medium';
}
.move-items .move-allbutton {
  position: absolute;
  width: 100%;
  bottom: 0px;
  background-color: #f5f5f5;
  border-top: 1px solid #cccccc;
  padding: 8px 0px;
  opacity: 0.5;
  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;
}
.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: 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: #428bca;
  color: #ffffff;
}
.move-items .move-templatelist ul li.multiEleSelected:hover {
  background-color: #428bca;
}
.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: #ffffff;
}
.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 {
  padding: 0px 30px;
  height: 35px;
  opacity: 0.6;
}
.move-items .search-box input:hover,
.move-items .search-box input:focus {
  opacity: 1;
}
.move-items .search-box > span:last-child {
  right: 8px !important;
  top: 10px;
}
.cs-focus-on {
  background-color: #f5f5f5;
}
/* Move Template components less end*/
.more-dots {
  background-image: url(../images/ui-common-view.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: -98px -176px;
  width: 27px;
  height: 14px;
  vertical-align: sub;
  background-color: #eeeeee;
  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;
  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 #cccccc;
}
.user-last-merge:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #999999;
  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 #6a6a6a;
  color: #ffffff;
  cursor: pointer;
  font-size: 9px;
  padding: 1px !important;
  top: 3px !important;
  vertical-align: top !important;
}
.request-catalog-view .sdp-glyph-plus:hover {
  background-color: #63bd6e;
  border: 1px solid #459f4d;
}
.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: #ffffff;
}
.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: 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 .display-table .thumb,
.request-catalog-view .request-catalog-inner .right .display-table .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 .display-table .form-control,
.request-catalog-view .request-catalog-inner .right .display-table .form-control {
  width: 30px;
}
.request-catalog-view .request-catalog-inner .left {
  background: #f5f5f5;
  box-shadow: inset -6px -3px 5px -6px #cbcbcb;
}
.request-catalog-view .request-catalog-inner .left li {
  cursor: pointer;
}
.request-catalog-view .request-catalog-inner .left li:hover {
  background: #d7d7d7;
  color: #333333;
}
.request-catalog-view .request-catalog-inner .left li:focus,
.request-catalog-view .request-catalog-inner .left li.active {
  background: #0079d6;
  color: #ffffff;
}
.request-catalog-view .request-catalog-inner .right {
  background: #ffffff;
}
.request-catalog-view .request-catalog-inner .right li {
  line-height: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.request-catalog-view .request-catalog-inner .right li:hover,
.request-catalog-view .request-catalog-inner .right li:focus,
.request-catalog-view .request-catalog-inner .right li:active {
  background: #f5f5f5;
}
.request-catalog-view .request-catalog-inner .right li .template-catalog-title a {
  color: #333333;
}
.request-catalog-view .request-catalog-inner .right li:hover a {
  color: #1a6ebd;
}
.request-catalog-view .sdp-glyph-drag {
  cursor: 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: #ffffff;
  padding: 10px !important;
  border: 1px solid #cccccc;
  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 #cccccc;
  border-color: #cccccc transparent transparent transparent;
}
.reorder-input-alert:after {
  bottom: -16px;
  left: 32px !important;
  border: 8px solid #000000;
  border-color: #ffffff transparent transparent transparent;
}
.reorderhiglite {
  background: #fff9d2;
  border-color: #F8A517;
  border-style: dashed;
  border-width: 1px 0px 1px 0px;
}
.h3 .nav-tabs > li.active > a,
.h3 .nav-tabs > li.active > a:hover,
.h3 .nav-tabs > li.active > a:focus {
  background: transparent;
}
.h3 .tabs-ui2 > .nav-tabs > li > a:hover,
.h3 .tabs-ui2 > .nav-tabs > li > a:focus {
  background: transparent;
}
.admin-panel .h3 .nav-tabs > li .badge {
  vertical-align: middle;
  font-weight: normal;
}
.admin-panel .h3 .nav-tabs > li > a {
  font-size: 13px;
  line-height: 30px;
}
.admin-panel .h3 .tabs-ui2 {
  margin-top: -12px;
}
.ui-nodata {
  background: #f9f9f9 url("../images/ui-infoicon1.png") no-repeat 67px 6px;
  border: 1px solid #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: pointer;
  border-bottom: none;
}
.sc-additional-fields .btn-group {
  border-left: 1px solid #cccccc;
}
.sc-additional-fields .advTcount {
  border-bottom: 0 none;
}
/*Service Catalog - Additional Fields end*/
.widget-bg {
  border: 1px solid #dddddd;
  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 #cccccc;
  border-right: 1px solid #cccccc;
  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 #cccccc;
  width: 150px;
  padding: 0px !important;
  border-left: 0 solid #ffffff;
  vertical-align: middle;
}
.delimiter-table .table td:first-child {
  border-left: 1px solid #cccccc;
}
.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 i {
  display: none !important;
}
.listview .tableComponent .csoverlay.hover {
  border: 1px solid #cccccc !important;
  background-color: #ffffff !important;
}
.listview .tableComponent .csoverlay.hover i {
  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%;
  margin: 0;
  padding: 1px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.alert-confirm button.close {
  margin-right: 5px !important;
}
.alert-confirm .header {
  background: #f3f3f3;
  font-size: 17px;
  padding: 8px 5px;
}
.alert-confirm .footer {
  padding: 10px 0 15px;
  text-align: center;
}
.alert-confirm > p {
  padding: 20px 15px 5px;
  font-size: 15px;
}
.alert-confirm > p:before {
  content: '';
  background-image: url(../images/ui-common-view.svg);
  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;
}
/* UI popup styles like timer popup */
.ui-popup {
  position: absolute !important;
  width: 300px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  box-shadow: 0 1px 6px #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 #dddddd 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 #dddddd;
  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: 10px;
}
.ui-popup .ui-popup-head {
  border-bottom: 1px solid #d5d5d5;
}
.ui-table-nav select {
  display: inline-block;
}
.nextprev-nav > * {
  color: #555555;
  border: 1px solid transparent;
}
.nextprev-nav > *:hover {
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.nextprev-nav > *:first-child:after {
  content: '';
  position: absolute;
  border-left: 1px solid #cccccc;
  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: #ffffff;
  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: #555555;
  line-height: 1.45;
  text-align: left;
  text-align: left !important;
  list-style: none;
  white-space: nowrap;
  cursor: default;
  padding: 5px 10px 5px 25px;
}
.ts-dropdown li:hover {
  background-color: #f4f4f4;
}
.ts-dropdown li:hover .ts-close {
  color: red;
}
.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: 10px;
  cursor: 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: #ffffff;
  font-family: 'Roboto';
  left: 20px !important;
  line-height: normal;
  top: -15px;
  visibility: hidden;
  z-index: 10;
}
.freezelayer-wrapper .freezelayer-text .inner {
  border: 1px dashed #6a6a6a;
  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 #6a6a6a;
}
.freezelayer-wrapper:hover .freezelayer-text,
.freezelayer-wrapper:hover .modal-overlay2 {
  visibility: visible;
}
.modal-overlay2 {
  background-color: #ffffff;
  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: 89px;
}
.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: #444;
}
.box-default {
  padding: 1px 5px;
  background-color: #eeeeee;
  border: 1px solid #cfcfcf;
  color: #333333;
  display: inline-block;
  text-align: center;
}
/* About page css end */
/* Software Deployment UI by venkatesh.ck */
.dropdown .drop {
  min-width: 282px;
  background-color: #ffffff;
  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;
}
.dropdown .drop.admin-hightlight {
  background-color: #3E8ACC;
  color: #ffffff;
}
.dropdown .drop a:hover {
  color: #ffffff;
  background-color: #3E8ACC;
}
.dropdown .drop a {
  color: #515151;
  line-height: 18px;
  display: block;
  text-decoration: none;
}
.dropdown .drop div {
  background-color: #528fEF;
  color: #ffffff;
}
/*-----------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: #1a6ebd;
}
.req-notification .rt-content {
  max-height: 275px;
  line-height: 17px;
}
.req-notification .rt-content ul li {
  color: #000000;
}
.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: 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: 87px;
}
.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 #dddddd;
}
.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: #999999;
}
.req-notification .rt-btns h4,
.req-notification .rt-listheader h4 {
  margin: 0;
}
.req-notification .rt-btns span,
.req-notification .rt-listheader span {
  cursor: pointer;
  color: #999999;
}
.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: 12px;
}
@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;
  font-size: 16px;
  font-family: 'Roboto Medium';
  padding-left: 15px;
  vertical-align: bottom;
  border: 1px solid #cccccc;
  border-radius: 4px;
  height: 25px;
  line-height: 25px;
}
.qq-upload-button-hover {
  background: #f3f3f3 url(../images/attachment.gif) no-repeat 10px 5px;
}
div.file[style="display: block"] {
  display: inline-block !important;
}
.attachment .file .sdp-glyph-close,
.attachment .file .sdp-glyph-close:hover {
  color: transparent;
  box-sizing: border-box;
}
.attachment .file .sdp-glyph-close:before {
  color: #868686;
}
.attachment .file .sdp-glyph-close:hover:before {
  color: #868686;
}
.file img.pos-abs {
  top: 0;
  left: 0;
}
/* include progress bar missing in ember branch */
.ui-progressbar1,
.ui-progressbar1a {
  border: 1px #ffffff solid;
  background: #e9e9e9;
  height: 10px;
  display: inline-block !important;
  position: relative !important;
  z-index: 1;
}
.ui-progressbar1 {
  width: 70px;
  float: left !important;
}
.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: #7B7B7B;
  font-family: 'Roboto Medium';
  display: block;
  overflow: hidden;
  margin-right: 4px !important;
}
.ui-progressbar1-info .before {
  float: left !important;
  width: 30px;
  text-align: right;
  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: #999;
  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 */
/*widget block*/
.widget-bg {
  height: 100%;
  overflow: hidden;
  border: 1px solid #dddddd;
}
.widget-bg .widget-header {
  position: relative !important;
  border-bottom: 1px solid #dddddd;
  background-color: #f5f5f5;
  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: #ffffff;
  height: 100%;
  padding: 10px;
}
.widget-bg .widget-panel.iframe-widget-summaryrequests-list {
  padding: 0px !important;
}
/* File Attachment svg sprite code */
.attachment-sprite {
  background: url(../images/attachment-filetype.svg);
  background-repeat: no-repeat;
  height: 21px;
  width: 18px;
  display: inline-block !important;
  position: relative !important;
  top: 4px;
  left: 3px !important;
}
.attach-file {
  background-position: 1px 3px;
}
.attach-doc {
  background-position: -16px 2px;
}
.attach-xls {
  background-position: -34px 2px;
}
.attach-ppt {
  background-position: -52px 2px;
}
.attach-empty {
  background-position: -70px 2px;
}
.attach-zip {
  background-position: -107px 1px;
}
.attach-pdf {
  background-position: -125px 2px;
}
.attach-audio {
  background-position: -161px 1px;
}
.attach-video {
  background-position: 1px -18px;
}
.attach-image {
  background-position: -144px 1px;
}
.attach-ie {
  background-position: -18px -19px;
  height: 18px;
}
/* File Attachment svg sprite code end*/
/* Mobile App css */
.mobile-sprite {
  background: url(../images/sdp-mobile-app.svg);
  background-repeat: no-repeat;
  display: inline-block;
  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 #cccccc;
}
/* Mobile App css End */
/*PII hover and height*/
.widget-box .pr-sett .row:hover {
  background-color: #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 #eeeeee;
}
/* ----------------------------------------------- */
/* ui-header-view.less */
/* ----------------------------------------------- */
.header-sprite {
  background-image: url(../images/ui-header-view.png);
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
}
.header-qc-icon {
  background-position: -108px 0px;
}
.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: -1px -1px;
}
.header-adssp-icon {
  background-position: -22px -1px;
}
.header-opm-icon {
  background-position: -43px -1px;
}
.header-dc-icon {
  background-position: -64px -2px;
}
.header-admp-icon,
.header-adssp-icon,
.header-opm-icon,
.header-dc-icon {
  vertical-align: text-bottom;
  margin-right: 6px !important;
}
.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: #ffffff !important;
  border-radius: 0;
  text-decoration: none;
}
.top-header .sdp-glyph {
  font-size: 19px;
  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: #1a6ebd;
}
.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: default;
}
.top-header .navbar-nav > li > a {
  padding: 11px 13px;
  white-space: nowrap;
}
.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: #cccccc;
  background-color: none;
}
.top-header .navbar-icon .caret {
  margin-top: -6px;
}
.top-header .helpmenu,
.top-header .usermenu {
  padding: 0;
}
.top-header .helpmenu .left {
  min-width: 190px;
}
.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-family: 'Roboto Medium';
  margin-top: 40px;
}
.top-header .usermenu .dropdown-menu2 {
  min-width: 160px;
}
.top-header .um-block:before,
.top-header .um-block:after {
  content: " ";
  display: table;
}
.top-header .um-block:after {
  clear: both;
}
.top-header .um-block:before,
.top-header .um-block:after {
  content: " ";
  display: table;
}
.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 #cccccc;
}
.top-header .um-block .left a.btn {
  display: block;
}
.top-header .um-block li > a {
  padding: 6px 10px;
}
.top-header .um-block .dropdown-menu2 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.top-subheader {
  box-sizing: border-box;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
  -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
  padding: 5px 15px;
}
.top-subheader * {
  box-sizing: border-box;
}
.top-subheader label {
  margin-bottom: 5px;
}
.top-subheader .sdp-glyph-overview {
  margin-right: 5px !important;
}
.top-subheader > div.text-nowrap > div.btn-group:not(.open) {
  opacity: 0.7;
}
.top-subheader > div.text-nowrap:hover > div.btn-group {
  opacity: 1;
}
.top-subheader .btn-group > .btn + .dropdown-toggle {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.top-subheader .btn-group.dd {
  border: 1px solid #cccccc;
  background-color: #fcfcfc;
}
.top-subheader .btn-group.dd:hover,
.top-subheader .btn-group.dd:active {
  background-color: #fff;
}
.top-subheader .btn-group + .btn-group {
  margin: 0 4px;
}
.top-subheader .dropdown-menu li a:not(.select2-choice) {
  border-bottom: 1px solid #f1f1f1;
  padding-top: 5px;
  padding-bottom: 5px;
}
.top-subheader .dropdown-menu2 li a {
  border-bottom: 0 none;
}
.top-subheader .dropdown-menu li:last-child a {
  border-bottom: 0 none;
}
.top-subheader .dd-request .req-sprite {
  margin-right: 3px !important;
}
.top-subheader .dd-request.dropdown-menu {
  min-width: 200px;
  max-width: 220px;
}
.top-subheader .dd-request.dropdown-menu li a {
  white-space: normal;
}
.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-vertical-sprite.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  left: 10px !important;
  margin-top: 2px;
}
.top-subheader .dd-request a.service:before {
  background-position: -9px -277px;
}
.top-subheader .dd-request a.incident:before {
  background-position: -9px -235px;
}
.top-subheader .btn-link {
  color: #333333;
  font-weight: normal;
  cursor: 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: #1a6ebd;
  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.dropdown-toggle {
  border-left: 1px solid #e9e9e9;
}
.top-subheader .dropdown-menu.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 .dropdown-menu.global-search-menu li > a > span.glyph-color1 {
  color: #7f7f7f;
}
.top-subheader .dropdown-menu.global-search-menu li > a > span.glyph-color2 {
  color: #ffffff;
}
.top-subheader .dropdown-menu.global-search-menu li > a > span.glyph-color3 {
  color: #3a96e7;
}
.top-subheader .dropdown-menu.global-search-menu li > a > span.glyph-color4 {
  color: #333333;
}
.top-subheader .dropdown-menu.global-search-menu li > a > span:before {
  content: "\e938";
}
.top-subheader .dropdown-menu.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 .dropdown-menu.global-search-menu li.selected > a > span.glyph-color1 {
  color: #7f7f7f;
}
.top-subheader .dropdown-menu.global-search-menu li.selected > a > span.glyph-color2 {
  color: #ffffff;
}
.top-subheader .dropdown-menu.global-search-menu li.selected > a > span.glyph-color3 {
  color: #3a96e7;
}
.top-subheader .dropdown-menu.global-search-menu li.selected > a > span.glyph-color4 {
  color: #333333;
}
.top-subheader .dropdown-menu.global-search-menu li.selected > a > span:before {
  content: "\e938";
}
.top-subheader .dropdown-menu.global-search-menu li.advsearch {
  background-color: #f5f5f5;
}
.top-subheader .dropdown-menu.global-search-menu li.advsearch > a > span {
  color: #868686;
  visibility: visible;
}
.top-subheader .dropdown-menu.global-search-menu li.advsearch > a > span:before {
  content: "\e984";
}
.top-subheader .dd-globalsearch .form-control {
  height: auto;
}
.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 .ri-menu-cnt li a {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 36px !important;
  border-bottom: 1px solid #f1f1f1;
}
.top-subheader .ri-menu-cnt li .icon-sm {
  display: inline-block;
  position: absolute;
  top: auto;
  margin-left: -24px !important;
}
.top-subheader .ri-menu-cnt li:last-child a {
  border-bottom: 0 none;
}
.top-subheader .dropdown-menu.dd-quickactions {
  padding-top: 0;
  padding-bottom: 0;
}
.top-subheader .dropdown-menu.dd-quickactions td:first-child {
  background-color: #f5f5f5;
}
.top-subheader .dropdown-menu.dd-quickactions td:first-child ul {
  min-width: 150px;
}
.top-subheader .dropdown-menu.dd-quickactions .glyph-plus:before {
  background-color: #555555;
  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: #ffffff;
  content: "\e956";
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-size: 10px;
  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 .dropdown-menu2 li > a {
  color: #000000;
}
.top-subheader .dropdown-menu2 li > a:hover,
.top-subheader .dropdown-menu2 li > a:focus {
  color: #1a6ebd;
}
.top-subheader .qal-column {
  padding: 10px;
}
.top-subheader .qal-column li {
  white-space: nowrap;
}
.top-subheader span.hdr {
  background-color: #f5f5f5;
  color: #333333;
  font-family: 'Roboto Medium';
  font-size: 12px;
  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 i {
  font-size: 13px;
}
.top-subheader .notifymenu .badge.badge-count {
  right: -1px !important;
}
.top-subheader .notifymenu .dropdown-menu {
  padding: 0;
}
.top-subheader .notifymenu .dropdown-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: 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-family: 'Roboto Medium';
  color: #000000;
}
.top-subheader .notifymenu .noti-comment-by > div:not(.text-muted) {
  font-size: 12px;
}
.top-subheader .notifymenu .text-muted {
  font-weight: normal;
  font-size: 11px;
  margin-top: 2px;
}
.top-header .dropdown-header,
.top-subheader .dropdown-header {
  font-size: 12px;
}
.top-header .dropdown-header2 {
  color: #333333;
  text-transform: none;
  margin-bottom: 10px;
}
.top-subheader a {
  color: #1a6ebd;
  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 */
@media (min-width: 768px) {
  .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 .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 .dropdown-menu {
    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;
  }
}
@media only screen and (max-width: 1280px) {
  .top-subheader {
    width: 1280px;
  }
}
/* 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: #0da3e1;
  width: 100%;
  height: 2px;
  margin: 0 auto;
  position: absolute;
  z-index: 1;
}
.page-progressbar:after {
  content: '';
  width: 10px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  -webkit-animation: movebar 2s infinite linear;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-direction: move;
  /* Safari 4.0 - 8.0 */
  animation: movebar 2s infinite linear;
  animation-direction: move;
  z-index: 3;
}
.page-progressbar:before {
  content: '';
  width: 10px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  -webkit-animation: movebar2 2s infinite linear;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-direction: move;
  /* Safari 4.0 - 8.0 */
  animation: movebar2 2s infinite linear;
  animation-direction: move;
  z-index: 3;
}
@keyframes movebar {
  0% {
    background: #ffffff;
    left: 0%;
    top: 0px;
  }
  100% {
    background: #ffffff;
    left: 50%;
    top: 0px;
  }
}
@-webkit-keyframes movebar {
  0% {
    background: #ffffff;
    left: 0%;
    top: 0px;
  }
  100% {
    background: #ffffff;
    left: 50%;
    top: 0px;
  }
}
@keyframes movebar2 {
  0% {
    background: #ffffff;
    left: 50%;
    top: 0px;
  }
  100% {
    background: #ffffff;
    left: 99%;
    top: 0px;
  }
}
@-webkit-keyframes movebar2 {
  0% {
    background: #ffffff;
    left: 50%;
    top: 0px;
  }
  100% {
    background: #ffffff;
    left: 99%;
    top: 0px;
  }
}
/* ----------------------------------------------- */
/* ui-list-view.less */
/* ----------------------------------------------- */
.list-sprite,
.notesicon a.list-sprite {
  background-image: url(../images/ui-list-view.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.start-timer-icon {
  background-position: 0 -23px;
}
.stop-timer-icon {
  background-position: -20px -23px;
}
.active-timer-icon {
  background-position: -40px -23px;
}
.outgoing-conv-icon {
  background-position: -3px 0;
}
.outgoing-conv-icon-off {
  background-position: -24px -2px;
}
.incoming-conv-icon {
  background-position: -46px -4px;
  /* previous top position was -2px, now changed for conversation row */
}
.notes-icon,
.notesicon a.notes-icon {
  background-position: -111px -1px;
}
.notes-icon2 {
  background-position: -170px -1px;
}
.notes-icon.grid-icon-off {
  background-position: -90px -1px;
}
.tableComponent .notes-icon.grid-icon-off {
  opacity: 1;
  filter: alpha(opacity=100);
}
.task-icon {
  background-position: -92px -22px;
}
.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: -238px -23px;
}
.flag-warning-icon {
  background-position: -282px -23px;
}
.flag-icon-dis {
  background-position: -260px -23px;
}
.fr-overdue-icon {
  background-position: -240px -2px;
}
.vip-icon-sm {
  background-position: -282px -47px;
}
.vip-icon-lg {
  background-position: -260px -47px;
}
.req-change-status-icon {
  background-position: -44px -45px;
}
.schedule-info-icon {
  background-position: -66px -45px;
}
.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;
}
.listview {
  position: relative;
}
.listview .req-refresh-list li {
  padding: 0;
}
.listview .req-refresh-list .h4 {
  font-size: 13px;
  background-color: #eeeeee;
  padding: 9px 10px;
}
.listview .req-refresh-list label {
  display: block;
  cursor: pointer;
  padding: 5px 10px;
}
.listview .tablelist {
  background: #ffffff;
  border: 1px solid #cccccc;
}
.listview .tablelist .rc_d_h {
  position: absolute;
  top: 0;
  z-index: 5;
  width: 8px;
  right: -5px !important;
  cursor: col-resize;
  height: 40px;
}
.listview .tablelist.table-primary {
  border: 0 none;
}
.listview .tablelist:not(table) {
  /*display:table;*/
  display: block;
  /* fix to cover up border on a scrollable table */
}
.listview .tablecomponent,
.listview .tableComponent {
  /*td:not(.pr), th {
			> div {
				line-height:22px;
				padding:8px 0;
			}
		}*/
  /*.icon-sm {
			position: relative;
			.left(2px);
			top:1px;
			cursor:pointer;
			&.grid-icon-off {
				cursor:default;
			}
			.icon-sm {
				position:static;
			}
		*/
  /*th .icon-sm {
			opacity:0.3;
			&.incoming-conv-icon {
				.opacity(.10);
			}
			&.mark-tech-icon {
				opacity:0;
			}
		}*/
}
.listview .tablecomponent .oddrow,
.listview .tableComponent .oddrow,
.listview .tablecomponent .oddRow,
.listview .tableComponent .oddRow,
.listview .tablecomponent .evenrow,
.listview .tableComponent .evenrow,
.listview .tablecomponent .evenRow,
.listview .tableComponent .evenRow {
  height: auto;
}
.listview .tablecomponent > thead > tr > th,
.listview .tableComponent > thead > tr > th,
.listview .tablecomponent > tbody > tr > th,
.listview .tableComponent > tbody > tr > th {
  padding-left: 5px !important;
  padding-right: 4px !important;
}
.listview .tablecomponent tbody > tr > td,
.listview .tableComponent tbody > tr > td {
  padding: 8px 5px;
}
.listview .tablecomponent input[type="radio"],
.listview .tableComponent input[type="radio"],
.listview .tablecomponent input[type="checkbox"],
.listview .tableComponent input[type="checkbox"] {
  margin: 0px;
  position: relative;
  top: 2px;
}
.listview .tablecomponent th.pr,
.listview .tableComponent th.pr,
.listview .tablecomponent td.pr,
.listview .tableComponent td.pr {
  padding: 0;
}
.listview .tablecomponent th,
.listview .tableComponent th,
.listview .tablecomponent th a,
.listview .tableComponent th a {
  height: 40px;
  line-height: 20px;
  font-family: inherit;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}
.listview .tablecomponent th,
.listview .tableComponent th {
  border-right: 1px solid #dddddd;
  background: none;
  padding: 0 5px;
  white-space: nowrap;
}
.listview .tablecomponent th .req-sprite.mark-tech-icon,
.listview .tableComponent th .req-sprite.mark-tech-icon {
  opacity: 0;
}
.listview .tablecomponent th .pr,
.listview .tableComponent th .pr,
.listview .tablecomponent th:last-child,
.listview .tableComponent th:last-child {
  border-right: 1px solid transparent;
}
.listview .tablecomponent th:nth-child(2),
.listview .tableComponent th:nth-child(2) {
  border-left: 0px solid none;
}
.listview .tablecomponent th td,
.listview .tableComponent th td {
  border: 0 none;
  color: #868686;
  font-weight: normal;
}
.listview .tablecomponent th .tableSearchGoButton,
.listview .tableComponent th .tableSearchGoButton {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  background-color: #eeeeee;
  border-color: #cfcfcf;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}
.listview .tablecomponent th .tableSearchGoButton:focus,
.listview .tableComponent th .tableSearchGoButton:focus,
.listview .tablecomponent th .tableSearchGoButton:active:focus,
.listview .tableComponent th .tableSearchGoButton:active:focus,
.listview .tablecomponent th .tableSearchGoButton.active:focus,
.listview .tableComponent th .tableSearchGoButton.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.listview .tablecomponent th .tableSearchGoButton:hover,
.listview .tableComponent th .tableSearchGoButton:hover,
.listview .tablecomponent th .tableSearchGoButton:focus,
.listview .tableComponent th .tableSearchGoButton:focus {
  color: #333333;
  text-decoration: none;
}
.listview .tablecomponent th .tableSearchGoButton:active,
.listview .tableComponent th .tableSearchGoButton:active,
.listview .tablecomponent th .tableSearchGoButton.active,
.listview .tableComponent th .tableSearchGoButton.active {
  outline: 0;
  background-image: none;
  -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);
}
.listview .tablecomponent th .tableSearchGoButton.disabled,
.listview .tableComponent th .tableSearchGoButton.disabled,
.listview .tablecomponent th .tableSearchGoButton[disabled],
.listview .tableComponent th .tableSearchGoButton[disabled],
fieldset[disabled] .listview .tablecomponent th .tableSearchGoButton,
fieldset[disabled] .listview .tableComponent th .tableSearchGoButton {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.listview .tablecomponent th .tableSearchGoButton .common-add-icon4,
.listview .tableComponent th .tableSearchGoButton .common-add-icon4 {
  background-color: #868686;
  border: 1px #6c6c6c solid;
  box-sizing: border-box;
}
.listview .tablecomponent th .tableSearchGoButton:hover .common-add-icon4,
.listview .tableComponent th .tableSearchGoButton:hover .common-add-icon4 {
  background-color: #63bd6e;
  border: 1px #459f4d solid;
}
.listview .tablecomponent th .tableSearchGoButton:hover,
.listview .tableComponent th .tableSearchGoButton:hover,
.listview .tablecomponent th .tableSearchGoButton:focus,
.listview .tableComponent th .tableSearchGoButton:focus,
.listview .tablecomponent th .tableSearchGoButton:active,
.listview .tableComponent th .tableSearchGoButton:active,
.listview .tablecomponent th .tableSearchGoButton.active,
.listview .tableComponent th .tableSearchGoButton.active,
.open > .dropdown-toggle.listview .tablecomponent th .tableSearchGoButton,
.open > .dropdown-toggle.listview .tableComponent th .tableSearchGoButton {
  color: #333333;
  background-color: #d5d5d5;
  border-color: #b1b1b1;
}
.listview .tablecomponent th .tableSearchGoButton:active,
.listview .tableComponent th .tableSearchGoButton:active,
.listview .tablecomponent th .tableSearchGoButton.active,
.listview .tableComponent th .tableSearchGoButton.active,
.open > .dropdown-toggle.listview .tablecomponent th .tableSearchGoButton,
.open > .dropdown-toggle.listview .tableComponent th .tableSearchGoButton {
  background-image: none;
}
.listview .tablecomponent th .tableSearchGoButton.disabled,
.listview .tableComponent th .tableSearchGoButton.disabled,
.listview .tablecomponent th .tableSearchGoButton[disabled],
.listview .tableComponent th .tableSearchGoButton[disabled],
fieldset[disabled] .listview .tablecomponent th .tableSearchGoButton,
fieldset[disabled] .listview .tableComponent th .tableSearchGoButton,
.listview .tablecomponent th .tableSearchGoButton.disabled:hover,
.listview .tableComponent th .tableSearchGoButton.disabled:hover,
.listview .tablecomponent th .tableSearchGoButton[disabled]:hover,
.listview .tableComponent th .tableSearchGoButton[disabled]:hover,
fieldset[disabled] .listview .tablecomponent th .tableSearchGoButton:hover,
fieldset[disabled] .listview .tableComponent th .tableSearchGoButton:hover,
.listview .tablecomponent th .tableSearchGoButton.disabled:focus,
.listview .tableComponent th .tableSearchGoButton.disabled:focus,
.listview .tablecomponent th .tableSearchGoButton[disabled]:focus,
.listview .tableComponent th .tableSearchGoButton[disabled]:focus,
fieldset[disabled] .listview .tablecomponent th .tableSearchGoButton:focus,
fieldset[disabled] .listview .tableComponent th .tableSearchGoButton:focus,
.listview .tablecomponent th .tableSearchGoButton.disabled:active,
.listview .tableComponent th .tableSearchGoButton.disabled:active,
.listview .tablecomponent th .tableSearchGoButton[disabled]:active,
.listview .tableComponent th .tableSearchGoButton[disabled]:active,
fieldset[disabled] .listview .tablecomponent th .tableSearchGoButton:active,
fieldset[disabled] .listview .tableComponent th .tableSearchGoButton:active,
.listview .tablecomponent th .tableSearchGoButton.disabled.active,
.listview .tableComponent th .tableSearchGoButton.disabled.active,
.listview .tablecomponent th .tableSearchGoButton[disabled].active,
.listview .tableComponent th .tableSearchGoButton[disabled].active,
fieldset[disabled] .listview .tablecomponent th .tableSearchGoButton.active,
fieldset[disabled] .listview .tableComponent th .tableSearchGoButton.active {
  background-color: #eeeeee;
  border-color: #cfcfcf;
}
.listview .tablecomponent th .tableSearchGoButton .badge,
.listview .tableComponent th .tableSearchGoButton .badge {
  color: #eeeeee;
  background-color: #333333;
}
.listview .tablecomponent th .tableSearchGoButton.addrowbtn,
.listview .tableComponent th .tableSearchGoButton.addrowbtn,
.listview .tablecomponent th .tableSearchGoButton.removerowbtn,
.listview .tableComponent th .tableSearchGoButton.removerowbtn,
.listview .tablecomponent th .tableSearchGoButton.add-sla-esc,
.listview .tableComponent th .tableSearchGoButton.add-sla-esc,
.listview .tablecomponent th .tableSearchGoButton.remove-sla-esc,
.listview .tableComponent th .tableSearchGoButton.remove-sla-esc {
  border-radius: 1px;
}
.listview .tablecomponent th .tableSearchGoButton.addrowbtn:hover,
.listview .tableComponent th .tableSearchGoButton.addrowbtn:hover,
.listview .tablecomponent th .tableSearchGoButton.add-sla-esc:hover,
.listview .tableComponent th .tableSearchGoButton.add-sla-esc:hover {
  background-color: #68c073;
  border: 1px #51b159 solid;
}
.listview .tablecomponent th .tableSearchGoButton.addrowbtn:hover .common-add-icon2,
.listview .tableComponent th .tableSearchGoButton.addrowbtn:hover .common-add-icon2,
.listview .tablecomponent th .tableSearchGoButton.add-sla-esc:hover .common-add-icon2,
.listview .tableComponent th .tableSearchGoButton.add-sla-esc:hover .common-add-icon2 {
  background-position: -49px -23px;
}
.listview .tablecomponent th .tableSearchGoButton.removerowbtn:hover,
.listview .tableComponent th .tableSearchGoButton.removerowbtn:hover,
.listview .tablecomponent th .tableSearchGoButton.remove-sla-esc:hover,
.listview .tableComponent th .tableSearchGoButton.remove-sla-esc:hover {
  background-color: #dc5146;
  border: 1px #dc5146 solid;
}
.listview .tablecomponent th .tableSearchGoButton.removerowbtn:hover .common-remove-icon2,
.listview .tableComponent th .tableSearchGoButton.removerowbtn:hover .common-remove-icon2,
.listview .tablecomponent th .tableSearchGoButton.remove-sla-esc:hover .common-remove-icon2,
.listview .tableComponent th .tableSearchGoButton.remove-sla-esc:hover .common-remove-icon2 {
  background-position: -121px -23px;
}
.listview .tablecomponent th .tableSearchGoButton.addrowbtn:hover .sdp-glyph.icon-xs,
.listview .tableComponent th .tableSearchGoButton.addrowbtn:hover .sdp-glyph.icon-xs,
.listview .tablecomponent th .tableSearchGoButton.add-sla-esc:hover .sdp-glyph.icon-xs,
.listview .tableComponent th .tableSearchGoButton.add-sla-esc:hover .sdp-glyph.icon-xs,
.listview .tablecomponent th .tableSearchGoButton.removerowbtn:hover .sdp-glyph.icon-xs,
.listview .tableComponent th .tableSearchGoButton.removerowbtn:hover .sdp-glyph.icon-xs,
.listview .tablecomponent th .tableSearchGoButton.remove-sla-esc:hover .sdp-glyph.icon-xs,
.listview .tableComponent th .tableSearchGoButton.remove-sla-esc:hover .sdp-glyph.icon-xs {
  text-shadow: 0px 1px 1px #333;
  color: #ffffff;
}
.listview .tablecomponent a.common-edit-icon1,
.listview .tableComponent a.common-edit-icon1 {
  opacity: 0.5;
}
.listview .tablecomponent a.common-edit-icon1:hover,
.listview .tableComponent a.common-edit-icon1:hover {
  opacity: 1;
}
.listview .tablecomponent table,
.listview .tableComponent table {
  border-collapse: inherit;
  border-bottom: 0 none;
}
.listview .tablecomponent thead,
.listview .tableComponent thead,
.listview .tablecomponent th,
.listview .tableComponent th,
.listview .tablecomponent .tableHeader,
.listview .tableComponent .tableHeader,
.listview .tablecomponent .sortedTableHeader,
.listview .tableComponent .sortedTableHeader {
  background-image: url(../images/ui-vertical-sprite.png);
  background-position: 0 -22px;
  background-repeat: repeat-x;
  background-color: #fcfcfc;
  padding-bottom: 1px;
  position: relative;
}
.listview .tablecomponent td,
.listview .tableComponent td {
  border-bottom: 1px solid #f1f1f1;
}
.listview .tablecomponent td div input[type=checkbox],
.listview .tableComponent td div input[type=checkbox] {
  position: relative;
  top: 2px;
}
.listview .tablecomponent td.wrapcell div,
.listview .tableComponent td.wrapcell div {
  white-space: normal;
  overflow: visible;
  text-overflow: inherit;
}
.listview .tablecomponent tr:last-child td,
.listview .tableComponent tr:last-child td {
  border-bottom: 1px solid transparent;
}
.listview .tablecomponent tr.unread-item a[rel=uitooltip-track],
.listview .tableComponent tr.unread-item a[rel=uitooltip-track],
.listview .tablecomponent tr.unread-item a.list-title,
.listview .tableComponent tr.unread-item a.list-title {
  font-family: 'Roboto Medium';
  color: #000000;
}
.listview .tablecomponent a,
.listview .tableComponent a {
  color: #515151;
}
.listview .tablecomponent a[rel=uitooltip-track],
.listview .tableComponent a[rel=uitooltip-track],
.listview .tablecomponent a.list-title,
.listview .tableComponent a.list-title {
  color: #333333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listview .tablecomponent tr td .common-lock-icon1:not(.default),
.listview .tableComponent tr td .common-lock-icon1:not(.default),
.listview .tablecomponent tr td .common-preview-icon1:not(.default),
.listview .tableComponent tr td .common-preview-icon1:not(.default) {
  visibility: hidden;
}
.listview .tablecomponent tr td .common-lock-icon1:not(.default).in,
.listview .tableComponent tr td .common-lock-icon1:not(.default).in,
.listview .tablecomponent tr td .common-preview-icon1:not(.default).in,
.listview .tableComponent tr td .common-preview-icon1:not(.default).in {
  visibility: visible;
  opacity: 1;
}
.listview .tablecomponent tr td .default .common-lock-icon1:not(.in),
.listview .tableComponent tr td .default .common-lock-icon1:not(.in),
.listview .tablecomponent tr td .default .common-preview-icon1:not(.in),
.listview .tableComponent tr td .default .common-preview-icon1:not(.in) {
  visibility: visible;
}
.listview .tablecomponent tr td .default .common-preview-icon1:not(.in),
.listview .tableComponent tr td .default .common-preview-icon1:not(.in) {
  opacity: 1;
}
.listview .tablecomponent tr td .default .common-preview-icon1:not(.in),
.listview .tableComponent tr td .default .common-preview-icon1:not(.in) {
  visibility: visible;
  opacity: .6;
}
.listview .tablecomponent tr.text-muted td button[isClickable=false],
.listview .tableComponent tr.text-muted td button[isClickable=false],
.listview .tablecomponent tr.text-muted td a[isClickable=false],
.listview .tableComponent tr.text-muted td a[isClickable=false] {
  cursor: not-allowed;
}
.listview .tablecomponent tr.text-muted td,
.listview .tableComponent tr.text-muted td,
.listview .tablecomponent tr.text-muted .excerpt,
.listview .tableComponent tr.text-muted .excerpt,
.listview .tablecomponent tr.text-muted a[rel=uitooltip-track],
.listview .tableComponent tr.text-muted a[rel=uitooltip-track],
.listview .tablecomponent tr.text-muted a.list-title,
.listview .tableComponent tr.text-muted a.list-title {
  color: #868686;
}
.listview .tablecomponent tr:not(.searchRow):hover td,
.listview .tableComponent tr:not(.searchRow):hover td {
  background: #f5f5f5;
  border-bottom: 1px solid #f1f1f1;
}
.listview .tablecomponent tr:not(.searchRow):hover table td,
.listview .tableComponent tr:not(.searchRow):hover table td {
  background: transparent;
  border: 0 none;
  border-bottom: 1px solid transparent;
}
.listview .tablecomponent tr:not(.searchRow):hover .csoverlay,
.listview .tableComponent tr:not(.searchRow):hover .csoverlay {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  /* background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f1f1f1), color-stop(0.5, #f1f1f1));
				background-image: -webkit-linear-gradient(center bottom, #f1f1f1 0%, #fff 50%);
				background-image: -moz-linear-gradient(center bottom, #f1f1f1 0%, #fff 50%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f1f1f1', GradientType = 0);
				background-image: linear-gradient(top, #fff 0%, #f1f1f1 50%);
				*/
}
.listview .tablecomponent tr:not(.searchRow):hover .csoverlay i,
.listview .tableComponent tr:not(.searchRow):hover .csoverlay i {
  display: inline-block;
}
.listview .tablecomponent tr:not(.searchRow):hover a[rel=uitooltip-track],
.listview .tableComponent tr:not(.searchRow):hover a[rel=uitooltip-track],
.listview .tablecomponent tr:not(.searchRow):hover td a,
.listview .tableComponent tr:not(.searchRow):hover td a {
  color: #1a6ebd;
  text-decoration: none;
}
.listview .tablecomponent tr:not(.searchRow):hover td .common-lock-icon1:not(.in),
.listview .tableComponent tr:not(.searchRow):hover td .common-lock-icon1:not(.in) {
  background-position: -37px -43px;
}
.listview .tablecomponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in),
.listview .tableComponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in) {
  background-position: -21px -43px;
}
.listview .tablecomponent tr:not(.searchRow):hover td .common-lock-icon1:not(.in),
.listview .tableComponent tr:not(.searchRow):hover td .common-lock-icon1:not(.in),
.listview .tablecomponent tr:not(.searchRow):hover td .common-preview-icon1:not(.in),
.listview .tableComponent tr:not(.searchRow):hover td .common-preview-icon1:not(.in) {
  visibility: visible;
}
.listview .tablecomponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in),
.listview .tableComponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in),
.listview .tablecomponent tr:not(.searchRow):hover td .default .common-preview-icon1:not(.in),
.listview .tableComponent tr:not(.searchRow):hover td .default .common-preview-icon1:not(.in) {
  visibility: visible;
}
.listview .tablecomponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in),
.listview .tableComponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in) {
  opacity: 1;
}
.listview .tablecomponent tr:not(.searchRow):hover td .default .common-preview-icon1:not(.in),
.listview .tableComponent tr:not(.searchRow):hover td .default .common-preview-icon1:not(.in) {
  opacity: .6;
}
.listview .tablecomponent tr:not(.searchRow):hover td .default,
.listview .tableComponent tr:not(.searchRow):hover td .default,
.listview .tablecomponent tr:not(.searchRow):hover td .default *,
.listview .tableComponent tr:not(.searchRow):hover td .default * {
  cursor: not-allowed;
}
.listview .tablecomponent div.d_w,
.listview .tableComponent div.d_w {
  display: block;
  min-width: 31px;
  min-height: 16px;
  text-overflow: ellipsis;
  z-index: 1;
  text-align: left;
  text-align: left !important;
  overflow: hidden;
  white-space: nowrap;
}
.listview .tablecomponent div.d_w .incident-req-icon,
.listview .tableComponent div.d_w .incident-req-icon,
.listview .tablecomponent div.d_w .service-req-icon,
.listview .tableComponent div.d_w .service-req-icon {
  cursor: default;
}
.listview .tablecomponent td.pr,
.listview .tableComponent td.pr {
  height: 1px;
}
.listview .tablecomponent td.pr > div,
.listview .tableComponent td.pr > div {
  display: table;
  height: 100%;
}
.listview .tablecomponent .customselect .form-control,
.listview .tableComponent .customselect .form-control {
  padding: 0 9px;
  height: auto;
}
.listview .tablecomponent .csoverlay,
.listview .tableComponent .csoverlay {
  border: 1px solid transparent;
}
.listview .tablecomponent .csoverlay i,
.listview .tableComponent .csoverlay i {
  display: none;
}
.listview .tablecomponent .csoverlay:focus,
.listview .tableComponent .csoverlay:focus {
  box-shadow: none;
}
.listview .tablecomponent .convcount,
.listview .tableComponent .convcount {
  position: absolute;
  left: 19px !important;
  font-size: 11px;
}
.listview .tablecomponent .excerpt,
.listview .tableComponent .excerpt {
  color: #6a6a6a;
  padding: 2px 0;
}
.listview .tablecomponent .excerpt span,
.listview .tableComponent .excerpt span {
  color: #515151;
}
.listview .tablecomponent .incident-req-icon,
.listview .tableComponent .incident-req-icon,
.listview .tablecomponent .service-req-icon,
.listview .tableComponent .service-req-icon,
.listview .tablecomponent .mark-tech-icon,
.listview .tableComponent .mark-tech-icon {
  position: relative;
  top: 2px;
  vertical-align: top;
}
.listview .tablecomponent .cell-btn,
.listview .tableComponent .cell-btn {
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  line-height: 15px;
}
.listview .tablecomponent .hidden-cell,
.listview .tableComponent .hidden-cell {
  display: none;
}
.listview .tablecomponent tr:hover .hidden-cell,
.listview .tableComponent tr:hover .hidden-cell {
  display: inline-block;
}
.listview .tablecomponent .list-sprite,
.listview .tableComponent .list-sprite {
  margin-right: 4px !important;
}
.listview .tablecomponent .grid-icon-off,
.listview .tableComponent .grid-icon-off {
  opacity: 0.3;
}
.listview .tablecomponent .notes-icon.grid-icon-off,
.listview .tableComponent .notes-icon.grid-icon-off {
  opacity: 1;
}
.listview .tablecomponent .first-response-icon,
.listview .tableComponent .first-response-icon {
  position: relative;
  top: 1px;
}
.listview .tablecomponent .mark-tech-icon,
.listview .tableComponent .mark-tech-icon,
.listview .tablecomponent .mark-tech-icon-off,
.listview .tableComponent .mark-tech-icon-off {
  margin-left: 7px !important;
}
.listview .tablecomponent .list-sprite.mark-tech-icon,
.listview .tableComponent .list-sprite.mark-tech-icon,
.listview .tablecomponent .list-sprite.mark-tech-icon-off,
.listview .tableComponent .list-sprite.mark-tech-icon-off {
  margin-left: 4px !important;
  top: 5px;
}
.listview .tablecomponent .incoming-conv-icon,
.listview .tableComponent .incoming-conv-icon {
  position: relative;
}
.listview .tablecomponent .incoming-conv-icon.grid-icon-off,
.listview .tableComponent .incoming-conv-icon.grid-icon-off {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.listview .tablecomponent td .task-icon.grid-icon-off:hover,
.listview .tableComponent td .task-icon.grid-icon-off:hover {
  opacity: 1;
}
.listview .tablecomponent .pr-color,
.listview .tableComponent .pr-color {
  display: table-cell;
  width: 5px;
  position: relative;
  left: -1px !important;
}
.listview .tablecomponent tr:hover .setting-box,
.listview .tableComponent tr:hover .setting-box {
  display: inline-block;
}
.listview .tablecomponent tr.searchRow,
.listview .tableComponent tr.searchRow {
  height: 34px;
}
.listview .tablecomponent tr.searchRow td,
.listview .tableComponent tr.searchRow td,
.listview .tablecomponent th.searchRow td,
.listview .tableComponent th.searchRow td {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
}
.listview .tablecomponent .ui-progressbar1-pos1,
.listview .tableComponent .ui-progressbar1-pos1 {
  display: block;
  margin-top: 2px;
}
.listview .tablecomponent img.attachment,
.listview .tableComponent img.attachment {
  margin: 0;
}
.listview .tablecomponent th#RequestsView_CheckBox > div,
.listview .tableComponent th#RequestsView_CheckBox > div,
.listview .tablecomponent td.headercheckbox > div,
.listview .tableComponent td.headercheckbox > div {
  text-align: center !important;
}
.listview.primary {
  border: 1px solid #aaa;
}
.listview.primary .tablelist {
  border: 0 none;
}
.listview.primary .listcontrols {
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
}
.listview.primary .listcontrols .filter-menu {
  border: 0 none;
}
.listview.primary .listcontrols .filter-menu .dropdown-toggle {
  background: none;
  border-color: transparent;
  padding: 2px 7px;
  font-family: 'Roboto Medium';
  color: #515151;
  font-size: 17px;
  line-height: 1;
}
.listview.primary .listcontrols .filter-menu .dropdown-toggle:active,
.listview.primary .listcontrols .filter-menu .dropdown-toggle:hover,
.listview.primary .listcontrols .filter-menu .dropdown-toggle:focus {
  background: none;
  border-color: transparent;
}
.listview.primary .listcontrols .filter-menu span.dd {
  vertical-align: middle;
}
.listview.primary .listcontrols .filter-menu:hover,
.listview.primary .listcontrols .filter-menu.open {
  border: 0 none;
}
.listview.primary .tablecomponent .oddrow,
.listview.primary .tableComponent .oddrow,
.listview.primary .tablecomponent .oddRow,
.listview.primary .tableComponent .oddRow,
.listview.primary .tablecomponent .evenrow,
.listview.primary .tableComponent .evenrow,
.listview.primary .tablecomponent .evenRow,
.listview.primary .tableComponent .evenRow {
  height: 33px;
}
.listview.primary .tablecomponent tbody > tr > td,
.listview.primary .tableComponent tbody > tr > td {
  padding: 5px;
}
.listview.primary .tablecomponent thead,
.listview.primary .tableComponent thead,
.listview.primary .tablecomponent th,
.listview.primary .tableComponent th,
.listview.primary .tablecomponent .tableHeader,
.listview.primary .tableComponent .tableHeader,
.listview.primary .tablecomponent .sortedTableHeader,
.listview.primary .tableComponent .sortedTableHeader {
  padding-bottom: 0;
}
.listview.primary .tablecomponent .incident-req-icon,
.listview.primary .tableComponent .incident-req-icon,
.listview.primary .tablecomponent .service-req-icon,
.listview.primary .tableComponent .service-req-icon,
.listview.primary .tablecomponent .mark-tech-icon,
.listview.primary .tableComponent .mark-tech-icon {
  top: 0;
}
.listview.secondary .listcontrols {
  background-image: none;
  margin-bottom: 1px;
  padding: 8px 10px;
}
.listview.secondary .listcontrols a.btn:active,
.listview.secondary .listcontrols a.btn.active,
.listview.secondary .listcontrols a.btn:hover,
.listview.secondary .listcontrols a.btn:focus {
  background-color: #ffffff;
  border-color: #c5c4c3;
  color: #000000;
  box-shadow: none;
}
.tablelist.vtop tbody tr td {
  vertical-align: top;
}
.listcontrols {
  /*.btn-xs {
			line-height:1.9;
			padding:1px 8px 0;
			font-size:inherit;
			.sdp-glyph {
				color:@glyph-font-color1;
				font-size:@font-size-large;
				vertical-align:sub;
			}
	}
	.btn {
		.icon-sm {
			top:3px;
		}
	}
	.btn-default {
		color:@font-color-base1;
	}*/
}
.listcontrols:before,
.listcontrols:after {
  content: " ";
  display: table;
}
.listcontrols:after {
  clear: both;
}
.listcontrols:before,
.listcontrols:after {
  content: " ";
  display: table;
}
.listcontrols:after {
  clear: both;
}
.listcontrols.list-primary {
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
}
.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: #ffffff;
  border-color: #c5c4c3;
  color: #000000;
  box-shadow: none;
}
.listcontrols a.btn {
  color: #515151;
}
.listcontrols .badge {
  font-size: 11px;
  line-height: 10px;
  background-color: #999999;
  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;
  height: 22px;
  padding: 0;
  border-left: 0px solid none;
  cursor: default;
}
.listcontrols .dropdown-menu .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: #000000;
}
.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;
}
.setting-box .list-sprite {
  margin: 0 3px 0 0;
}
.menutoggle {
  position: relative;
}
.menutoggle .dropdown-menu {
  display: none;
}
.menutoggle.open .dropdown-menu {
  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: 10px !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;
}
ul.sortlist li > a:hover {
  color: #1a6ebd;
  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;
}
ul.sortlist li span.ctl {
  width: 38px;
  display: table-cell;
}
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 {
  display: inline-block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
  color: #e5e5e5;
  left: 1px !important;
  cursor: pointer;
  margin-right: 2px !important;
  z-index: 1;
}
ul.sortlist li span.fav.glyph-color1 {
  color: #7f7f7f;
}
ul.sortlist li span.fav.glyph-color2 {
  color: #ffffff;
}
ul.sortlist li span.fav.glyph-color3 {
  color: #3a96e7;
}
ul.sortlist li span.fav.glyph-color4 {
  color: #333333;
}
ul.sortlist li span.fav:before {
  content: "\e954";
}
ul.sortlist li i {
  float: left !important;
  padding: 0 4px;
  height: 20px;
  margin-right: 7px !important;
  top: 1px;
}
ul.sortlist li i b {
  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;
  width: 6px;
  height: 14px;
  cursor: move;
}
ul.sortlist li i b.glyph-color1 {
  color: #7f7f7f;
}
ul.sortlist li i b.glyph-color2 {
  color: #ffffff;
}
ul.sortlist li i b.glyph-color3 {
  color: #3a96e7;
}
ul.sortlist li i b.glyph-color4 {
  color: #333333;
}
ul.sortlist li i b:before {
  content: "\e96e";
}
ul.sortlist li:hover {
  background-color: #f1f1f1;
}
ul.sortlist li:hover a {
  color: #1a6ebd;
  text-decoration: none;
}
ul.sortlist li:hover .ctl i,
ul.sortlist li:hover .ctr {
  visibility: visible;
}
ul.sortlist li.favourite span.fav {
  color: #e49b3f;
}
ul.sortlist .icons-cell .icon-sm {
  vertical-align: top;
}
table td ul.sortlist li,
.dropdown-menu ul.sortlist li {
  display: block;
  box-sizing: border-box;
}
.list-filters-ui1 {
  width: 250px;
  max-height: 380px;
}
.list-filters-ui1 .h3 {
  color: #515151;
  font-family: 'Roboto Medium';
  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;
  box-sizing: border-box;
  background-color: #f6f6f6;
  padding: 0 3px;
  height: 27px;
  width: 99.5%;
  color: #404040;
  font-size: inherit;
}
.filter-menu {
  border: 1px solid transparent;
}
.filter-menu .dropdown-toggle {
  background-color: transparent;
  font-family: 'Roboto Medium';
  font-size: 15px;
  padding-top: 0;
  padding-bottom: 0;
}
.filter-menu span.dd {
  display: inline-block;
  float: right !important;
  font-size: 1px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  border-radius: 3px;
  margin-left: 5px !important;
}
.filter-menu span.dd b.caret {
  vertical-align: middle;
}
.filter-menu .btn-xs > span.dd {
  margin-top: 1%;
}
.filter-menu .btn-sm > span.dd {
  margin-top: 2%;
}
.filter-menu .btn-md > span.dd {
  margin-top: 3%;
}
.filter-menu:hover,
.filter-menu.open {
  border: 1px solid #e9e9e9;
}
.filter-menu:hover span.dd,
.filter-menu.open span.dd {
  background: #909090;
}
.filter-menu:hover span.dd b.caret,
.filter-menu.open span.dd b.caret {
  border-top: 4px solid #ffffff;
}
.filter-menu .cnt {
  padding: 6px 10px;
}
.filter-menu .sdp-glyph-filter-plus,
.filter-menu .sdp-glyph-cog {
  position: relative;
  top: -2px;
  cursor: pointer;
}
.listcontrols.list-primary {
  padding: 10px 0;
}
.listcontrols.list-primary .filter-menu {
  border: 0 none;
}
.listcontrols.list-primary .filter-menu .dropdown-toggle {
  background: none;
  border-color: transparent;
  padding: 2px 7px;
  font-family: 'Roboto Medium';
  color: #515151;
  font-size: 17px;
  max-width: 220px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px !important;
  line-height: 1;
}
.listcontrols.list-primary .filter-menu .dropdown-toggle:active,
.listcontrols.list-primary .filter-menu .dropdown-toggle:hover,
.listcontrols.list-primary .filter-menu .dropdown-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;
}
.tab-content .listview {
  padding: 0 15px;
  margin-bottom: 25px;
}
.sdpsearch-group input {
  padding: 0 25px;
}
.dropdown-menu.global-search-menu li > a {
  border-bottom: 1px solid #f1f1f1;
  padding-top: 5px;
  padding-bottom: 5px;
}
.dd-globalsearch .input-group {
  width: 250px;
}
.dd-globalsearch .dropdown-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 .dropdown-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: #999999;
}
.dd-globalsearch .caret {
  margin-left: -2px !important;
}
.listcount {
  opacity: .65;
}
.listcount b {
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  display: inline-block;
  font-size: 15px;
  height: 12px;
  line-height: 0;
  margin: 0;
  padding: 0 5px;
  vertical-align: middle;
  width: auto;
}
/* Combined view */
.task-list-sb {
  left: 10px;
  /*transition: left 0.5s;*/
}
.task-list-sb .task-items {
  overflow: auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.task-list-sb:not(.fixed-bar) {
  position: absolute;
  z-index: 3;
  left: 10px !important;
}
.task-list-wrap .show-sidebar-btn {
  position: absolute;
  z-index: -10;
  border-radius: 2px;
  background-color: #7f7f7f;
  border: 1px solid #c9c9c9;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  padding: 7px 4px;
  transition: all 0.4s;
  transform: translateX(-100%);
  left: -520px;
  text-decoration: none;
}
.task-list-wrap .show-sidebar-btn .sdp-glyph {
  color: #ffffff;
  left: 1px;
}
.task-list-wrap .show-sidebar-btn:hover .sdp-glyph {
  color: #7f7f7f;
}
.task-list-wrap .hide-sidebar-btn {
  position: absolute;
  top: 1px;
  background: #ffffff;
  padding: 12px 5px;
  border-left: 1px solid #cccccc;
  right: 0 !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;
  /*transition: left 0.5s;*/
}
.task-list-wrap.hide-sidebar .dummy-div {
  width: 0;
  /*transition: width 0.5s;*/
}
.task-list-wrap.hide-sidebar .show-sidebar-btn {
  left: 20px;
  z-index: 10;
}
.task-list-wrap.hide-sidebar .show-sidebar-btn:hover {
  background-color: #ffffff;
  transform: translateX(0);
  transition: all 0.4s;
  left: -1px;
}
.task-list-wrap.hide-sidebar .show-sidebar-btn.fixed-bar {
  position: fixed;
}
.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;
}
.cv-task-item {
  position: relative;
  border-bottom: 1px solid #dddddd;
}
.cv-task-item:hover {
  background-color: #f7f7f7;
}
.cv-task-item:hover .task-act-btns {
  opacity: 1;
  transition: opacity 0.3s;
}
.cv-task-item:hover a.fontBlackBold {
  color: #1a6ebd;
}
.cv-task-item > a {
  display: block;
  margin-right: 40px !important;
}
.cv-task-item > a:hover {
  color: #1a6ebd;
}
.cv-task-item .task-act-btns {
  top: 10px;
  right: 10px;
  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: 9px;
  padding: 0 5px;
}
.cv-text-width {
  max-width: 175px;
  min-height: 20px;
  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: #f6f6f6;
}
@media (min-width: 1600px) {
  .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 {
    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 {
  background-position: -181px -53px;
  left: -1px !important;
  position: relative !important;
}
table tr button:hover .edit {
  background-position: -79px -25px;
  left: 1px !important;
  position: relative !important;
}
/* ----------------------------------------------- */
/* ui-detail-view.less */
/* ----------------------------------------------- */
.detail-sprite {
  background-image: url(../images/ui-detail-view.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.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 .controls .right,
.detailview .right-panel {
  border-left: 1px solid #cbcbcb;
}
.detailview .controls {
  display: table;
  width: 100%;
  /* .dropdown-menu begins */
  /* .dropdown-menu ends */
}
.detailview .controls.sticky-fixed {
  z-index: 3;
  border-bottom: 1px solid #cccccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.detailview .controls a.btn {
  color: #515151;
}
.detailview .controls .btn-xs {
  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 {
  color: #515151;
}
.detailview .controls .left,
.detailview .controls .right {
  padding: 11px 15px 0;
  display: table-cell;
  vertical-align: top;
}
.detailview .controls .status-badge {
  position: relative;
  top: 4px;
}
.detailview .controls .sep {
  background: #dddddd;
  border-left: 0px solid none;
  color: #999999;
  cursor: default;
  height: 22px;
  padding: 0;
}
.detailview .controls .watermark {
  font-size: 26px;
  position: relative;
  top: -7px;
  opacity: 0.15;
}
.detailview .controls .dropdown-menu .rf {
  white-space: nowrap;
  padding: 3px 12px 0 5px;
  color: #515151;
  font-family: inherit;
}
.detailview .controls .dropdown-menu.asn {
  padding: 4px;
}
.detailview .controls .dropdown-menu.asn > li {
  width: 260px;
}
.detailview .controls .dropdown-menu.asn .cnt {
  padding: 12px 20px;
}
.detailview .controls .dropdown-menu.req-actions-menu {
  width: 420px;
  /* > li:nth-child(1) {
					.borderright(1px,solid,@dropdown-divider-bg);
					width:48%;
				}
				> li:nth-child(2) {
					width:52%;
				} */
}
.detailview .controls .dropdown-menu.req-actions-menu.req-actions-associate {
  width: 630px;
}
.detailview .controls .dropdown-menu.req-actions-menu.req-actions-associate > li {
  width: 33%;
}
.detailview .controls .dropdown-menu.req-actions-menu .sublist {
  font-size: inherit;
  padding: 0 5px;
  list-style: none;
}
.detailview .controls .dropdown-menu.req-actions-menu .sublist > li > a {
  display: block;
  padding: 5px 12px;
}
.detailview .controls .dropdown-menu.req-actions-menu > li {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  border-right: 1px solid #cccccc;
}
.detailview .controls .dropdown-menu.req-actions-menu li:last-child {
  border-right: medium none #ffffff;
}
.detailview .controls .dropdown-menu.req-actions-menu .sublist > li > a {
  color: #515151;
}
.detailview .controls .dropdown-menu.req-actions-menu .sublist > li > a:hover,
.detailview .controls .dropdown-menu.req-actions-menu .sublist > li > a:focus {
  background-color: #f1f1f1;
  color: #1a6ebd;
  text-decoration: none;
  background-color: #f5f5f5;
}
.detailview .controls .dropdown-menu.req-actions-menu .sublist > .active > a,
.detailview .controls .dropdown-menu.req-actions-menu .sublist > .active > a:hover,
.detailview .controls .dropdown-menu.req-actions-menu .sublist > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.detailview .controls .open > .dropdown-menu.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: 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: 21px;
}
.detailview .wlog-total label {
  color: #868686;
  margin-right: 55px !important;
  padding: 4px 0px;
  text-transform: uppercase;
  font-size: 20px;
}
.detailview .wlog-total .field {
  color: #333333;
  margin-top: 2px;
}
.detailview .wlog-total .sm {
  font-size: 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: 94%;
}
.detailview .headerbar .code {
  color: #999999;
  font-size: 18px;
}
.detailview .headerbar .title span.text {
  color: #515151;
  font-size: 18px;
  margin-bottom: 5px;
}
.detailview .headerbar .text-muted {
  font-size: 13px;
}
.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: 19px;
}
.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 {
  border: 1px solid #a8a8a8;
  /* #a8a8a8 */
  /* .left-panel, .left-panel-inner { */
  /* display:table; */
  /* Detail View Fix #1 */
  /* }*/
}
.detailview .content-panel .content-panel-inner {
  background-color: #ffffff;
  width: 100%;
  display: table;
}
.detailview .content-panel .left-panel,
.detailview .content-panel .right-panel {
  display: table-cell;
  vertical-align: top;
}
.detailview .left-panel .cs-wrapper-outer {
  padding: 30px 20px;
  overflow-x: auto;
  overflow-y: hidden;
}
.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-family: 'Roboto Medium';
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.detailview .right-panel {
  background-color: #f9f9f9;
  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 {
  content: " ";
  display: table;
}
.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 {
  content: " ";
  display: table;
}
.detailview .right-panel .form-horizontal.four-col .col-group:after {
  clear: both;
}
.detailview .right-panel .form-section {
  padding-bottom: 10px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.detailview .right-panel .form-section a.text-hover-link {
  color: #515151;
}
.detailview .right-panel .form-section:hover {
  background-color: #f5f5f5;
}
.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: #1a6ebd;
}
.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 + .form-section {
  border-top: 1px #dddddd 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.text-right {
  visibility: hidden;
}
.detailview .right-panel .form-horizontal .form-group:hover .right-col.text-right {
  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-family: 'Roboto';
}
.detailview .right-panel .form-horizontal .control-label {
  text-align: left;
  text-align: left !important;
}
.detailview .right-panel .form-horizontal .right-col {
  width: 65%;
  font-family: 'Roboto Medium';
}
.detailview .right-panel .form-horizontal .right-col > span {
  float: left !important;
  font-family: 'Roboto Medium';
  max-width: 140px;
}
.detailview .right-panel .form-horizontal .right-col > span > a:not([data-toggle='dropdown']) {
  color: #1a6ebd;
}
.detailview .right-panel .form-horizontal .right-col > span > a:not([data-toggle='dropdown']):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-family: 'Roboto Medium';
}
.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: 12px;
  margin-left: 10px !important;
}
.detailview .right-panel .form-horizontal .row .left-col {
  width: 66%;
}
.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 .btn-capsule .btn-default {
  background-color: #ffffff;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.detailview .right-panel .btn-capsule .btn-tick {
  border-left: 1px solid #eeeeee;
}
.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 .right-panel .right-panel-inner .dropdown-menu-right {
  margin-right: -140px !important;
  overflow: hidden;
  width: 300px;
}
.detailview .right-panel .right-panel-inner .dropdown-menu-right a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detailview .content-section {
  position: relative;
}
.detailview .content-section div.content-tabs {
  box-sizing: border-box;
  background-color: #eeeeee;
  height: 35px;
  padding: 7px 17px;
}
.detailview .content-section div.content-tabs ul:not(.dropdown-menu) {
  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: #6a6a6a;
  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: #1a6ebd;
  text-decoration: none;
}
.detailview .content-section div.content-tabs li.active a .badge {
  color: #1a6ebd;
  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 {
  content: " ";
  display: table;
}
.detailview .resources:after {
  clear: both;
}
.detailview .resources:before,
.detailview .resources:after {
  content: " ";
  display: table;
}
.detailview .resources:after {
  clear: both;
}
.detailview .resources .col-group:last-child > div {
  margin-left: 10px !important;
}
.detailview .resources + .resources {
  margin-top: 20px;
}
.detailview .sb-toggle {
  position: absolute;
  right: 0 !important;
  width: 15px;
  height: 100%;
}
.detailview .sb-toggle:hover {
  cursor: pointer;
  background: #e6e6e6;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 30%, #f1f1f1 55%, #e0e0e0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(30%, #ffffff), color-stop(55%, #f1f1f1), color-stop(100%, #e0e0e0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 30%, #f1f1f1 55%, #e0e0e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffffff 0%, #ffffff 30%, #f1f1f1 55%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 30%, #f1f1f1 55%, #e0e0e0 100%);
  /* IE10+ */
  background: linear-gradient(to right, #ffffff 0%, #ffffff 30%, #f1f1f1 55%, #e0e0e0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=1);
  /* IE6-8 */
}
.detailview .sb-toggle-btn {
  background: #efefef;
  /* Old browsers */
  background: -moz-linear-gradient(top, #efefef 0%, #fafafa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #fafafa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efefef 0%, #fafafa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efefef 0%, #fafafa 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efefef 0%, #fafafa 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #efefef 0%, #fafafa 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#fafafa', GradientType=0);
  /* IE6-8 */
  border-color: #cbcbcb;
  border-width: 1px 0 1px 1px;
  border-style: solid none solid solid;
  border-radius: 2px;
  border-right: 0 solid #ffffff;
  display: inline-block;
  padding: 2px 5px;
  position: absolute;
  top: 250px;
}
.detailview .sb-toggle-btn .caret {
  margin-top: -2px;
  margin-left: 0px !important;
}
.priority-badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  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 {
  top: 0;
  padding: 1px 5px;
}
a.list-group-item.active > .priority-badge,
.nav-pills > .active > a > .priority-badge {
  color: #428bca;
  background-color: #ffffff;
}
.nav-pills > li > a > .priority-badge {
  margin-left: 3px;
}
.priority-badge.badge-default {
  background-color: #eeeeee;
  border: 1px solid #cfcfcf;
  color: #333333;
}
.priority-badge.badge-primary {
  background-color: #7f7f7f;
  border: 1px solid #357ebd;
  color: #ffffff;
}
.priority-badge.badge-secondary {
  background-color: #7f7f7f;
  border: 1px solid #727272;
  color: #ffffff;
}
.priority-badge.badge-success {
  background-color: #5cb85c;
  border: 1px solid #4cae4c;
  color: #ffffff;
}
.priority-badge.badge-info {
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  color: #ffffff;
}
.priority-badge.badge-warning {
  background-color: #f0ad4e;
  border: 1px solid #eea236;
  color: #ffffff;
}
.priority-badge.badge-danger {
  background-color: #d9534f;
  border: 1px solid #d43f3a;
  color: #ffffff;
}
.priority-badge.badge-white {
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  color: #333333;
}
.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-family: 'Roboto Medium';
  font-size: 11px;
  font-weight: 400;
  padding: 1px 2px;
  position: absolute;
  top: -1px;
}
.user-profile .profile-pic {
  border: 2px solid #cccccc;
  border-radius: 50px;
  display: inline-block;
  width: 80px;
  height: 79px;
  overflow: hidden;
}
.user-profile .profile-pic > img {
  width: 100%;
  height: 100%;
}
.user-profile .tabs-ui2.temp > .nav-tabs {
  border-color: transparent;
}
.user-profile .tabs-ui2.temp > .nav-tabs > li > a {
  color: #515151;
}
.user-profile .tabs-ui2.temp > .nav-tabs > li > a:hover,
.user-profile .tabs-ui2.temp > .nav-tabs > li > a:focus {
  color: #1a6ebd;
  background: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.spot-field .asset-row {
  display: block;
}
.worklog-timer {
  position: absolute !important;
  cursor: default;
  width: 340px;
  border-radius: 6px;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  box-shadow: 0 1px 6px #b7b7b7;
  z-index: 100;
  text-align: left;
  text-align: left !important;
}
.worklog-timer * {
  line-height: 1.3;
}
.worklog-timer .wlt-head {
  border-bottom: 1px solid #d5d5d5;
}
.worklog-timer .wlt-head span {
  cursor: 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;
  box-sizing: border-box;
  padding: 5px;
}
.worklog-timer .wlt-footer,
.worklog-timer .wlt-start-action {
  border-right: 1px solid #dddddd;
}
.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: 9px 6px;
  border-top: 1px solid #dddddd;
  text-align: center;
}
.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: #999 !important;
  font-weight: normal;
  text-align: center;
  line-height: 14px;
  border-top: 1px solid #ddd;
  background-color: #f5f5f5;
  padding: 11px 6px 11px 6px;
  cursor: default;
}
.tableComponent tr.hover td a.add-to-wl:not(.active) {
  color: #999 !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: 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: 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;
  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;
  margin-bottom: 10px;
  padding: 10px 10px 14px 14px;
}
.wlt-comment li h5 {
  background-color: inherit;
  width: 165px;
  color: #000;
  font-size: 12px;
  margin: 2px 0 0;
  padding: 0 !important;
}
.wlt-comment li span {
  width: 52px;
  color: #333;
  font-family: 'Roboto Medium';
  border-radius: 4px;
  text-align: center;
  border: 1px solid #e3e3e3;
  background-color: #ededed;
  padding: 3px;
}
.wlt-comment li > div {
  margin: 2px 0 5px 0;
}
.wlt-comment li img {
  margin: -2px 6px 0 0;
  float: left;
}
.wlt-comment li div p {
  font-weight: normal;
  margin: 6px 0 8px 0;
}
.wlt-comment li p {
  color: #666;
}
.wlt-comment li > p {
  color: #333;
  word-wrap: break-word;
}
.spot-field .asset-row {
  display: block;
}
/* ----------------------------------------------- */
/* ui-request-module.less */
/* ----------------------------------------------- */
.req-sprite {
  background-image: url(../images/ui-request-module.png);
  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: -5px -159px;
}
.service-req-icon {
  background-position: -30px -159px;
}
.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: -12px -196px;
}
.service-req-icon2-off {
  background-position: -59px -196px;
}
.archive-req-icon2-off {
  background-position: -103px -196px;
}
.trash-req-icon2-off {
  background-position: -150px -196px;
}
.all-req-icon2-off {
  background-position: -195px -196px;
}
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 #eeeeee;
  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 #eeeeee;
  padding: 6px 10px;
}
.treeview .item .id {
  font-family: 'Roboto Medium';
  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);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -5px -159px;
  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);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -30px -159px;
  width: 41px;
  height: 41px;
  background-position: -50px -8px;
  vertical-align: middle;
}
/* Status Backgrounds */
.btn-group > button.status-open,
.btn-group > .dropdown-menu li a.status-open:hover,
.btn-group > button.status-closed,
.btn-group > .dropdown-menu li a.status-closed:hover,
.btn-group > button.status-onhold,
.btn-group > .dropdown-menu li a.status-onhold:hover,
.btn-group > button.status-resolved,
.btn-group > .dropdown-menu li a.status-resolved:hover {
  color: #ffffff;
}
/* Priority Backgrounds */
.btn-group > button.priority-low,
.btn-group > .dropdown-menu li a.priority-low:hover,
.btn-group > button.priority-normal,
.btn-group > .dropdown-menu li a.priority-normal:hover,
.btn-group > button.priority-medium,
.btn-group > .dropdown-menu li a.priority-medium:hover,
.btn-group > button.priority-high,
.btn-group > .dropdown-menu li a.priority-high:hover {
  color: #ffffff;
}
.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 {
  color: #868686;
}
.filter-menu .quick-filters a:hover,
.filter-menu .quick-filters a:active,
.filter-menu .quick-filters a.act {
  color: #515151;
}
.filter-menu .quick-filters a,
.filter-menu .quick-filters a:hover {
  text-decoration: none;
  height: 41px;
  display: inline-block;
  margin-right: 10px !important;
}
.filter-menu .quick-filters a:hover {
  color: #515151;
}
.filter-menu .quick-filters a i {
  margin-right: 4px !important;
  background-image: url(../images/ui-request-module.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -30px -159px;
  width: 41px;
  height: 41px;
  vertical-align: middle;
}
.filter-menu .quick-filters .all i {
  background-position: -187px -8px;
}
.filter-menu .quick-filters .all:hover i {
  background-position: -187px -52px;
}
.filter-menu .quick-filters .all:active i,
.filter-menu .quick-filters .all.act i {
  background-position: -187px -100px;
}
.filter-menu .quick-filters .inci i {
  background-position: -3px -8px;
}
.filter-menu .quick-filters .inci:hover i {
  background-position: -3px -52px;
}
.filter-menu .quick-filters .inci:active i,
.filter-menu .quick-filters .inci.act i {
  background-position: -3px -100px;
}
.filter-menu .quick-filters .serv i {
  background-position: -49px -8px;
}
.filter-menu .quick-filters .serv:hover i {
  background-position: -49px -52px;
}
.filter-menu .quick-filters .serv:active i,
.filter-menu .quick-filters .serv.act i {
  background-position: -49px -100px;
}
.filter-menu .quick-filters .arch i {
  background-position: -95px -8px;
}
.filter-menu .quick-filters .arch:hover i {
  background-position: -95px -52px;
}
.filter-menu .quick-filters .arch:active i,
.filter-menu .quick-filters .arch.act i {
  background-position: -95px -100px;
}
.filter-menu .quick-filters .trash i {
  background-position: -141px -8px;
}
.filter-menu .quick-filters .trash:hover i {
  background-position: -141px -52px;
}
.filter-menu .quick-filters .trash:active i,
.filter-menu .quick-filters .trash.act i {
  background-position: -141px -100px;
}
/* ----------------------------------------------- */
/* ui-project-module.less */
/* ----------------------------------------------- */
.proj-sprite {
  background-image: url(../images/ui-project-module.png);
  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;
}
/* Project Templates */
.dropboxstrip {
  background: #f5f5f5;
}
.dropboxstrip .col-fields {
  border: 1px solid transparent !important;
}
.project-forms .proj-title {
  font-size: 20px;
  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: #eeeeee;
  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: 32px;
  position: relative;
  left: 7px !important;
  top: 6px;
}
/* breadcrumbs */
.breadcrumb.proj-breadcrumb > li.iconbg a {
  background: #eeeeee;
  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 #eeeeee;
  content: " ";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  right: -7px !important;
}
.breadcrumb.proj-breadcrumb > li.iconbg a:hover {
  color: #000000;
  text-decoration: none;
}
.breadcrumb.proj-breadcrumb > li.iconbg .sdp-glyph {
  color: #7f7f7f;
  font-size: 16px;
  top: 2px;
}
.breadcrumb.proj-breadcrumb > li.iconbg:before {
  padding-right: 8px !important;
}
.breadcrumb.proj-breadcrumb > li + li:before {
  content: "\00a0";
}
/* ----------------------------------------------- */
/* ui-admin-module.less */
/* ----------------------------------------------- */
.adminview {
  border: 1px #cccccc 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/sdp-icons-pack1.png);
  background-position: -519px -503px;
  opacity: 0.5;
  position: absolute !important;
  top: 8px;
  display: none;
  right: 7px !important;
}
.admin-searchrow .admin-clearbutton:hover {
  opacity: 1;
  cursor: pointer;
}
.admin-searchbar {
  display: block;
  width: 100%;
  height: 28px;
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  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;
  color: #333333;
  padding: 1px 5px;
  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: #777777;
  opacity: 1;
}
.admin-searchbar:-ms-input-placeholder {
  color: #777777;
}
.admin-searchbar::-webkit-input-placeholder {
  color: #777777;
}
.admin-searchbar[disabled],
.admin-searchbar[readonly],
fieldset[disabled] .admin-searchbar {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
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;
  -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: #999999;
  position: absolute !important;
  left: 18px !important;
  z-index: 1;
  top: 16px;
}
.admin-searchicon.glyph-color1 {
  color: #7f7f7f;
}
.admin-searchicon.glyph-color2 {
  color: #ffffff;
}
.admin-searchicon.glyph-color3 {
  color: #3a96e7;
}
.admin-searchicon.glyph-color4 {
  color: #333333;
}
.admin-searchicon:before {
  content: "\e947";
}
.admin-searchresult {
  background-color: #ffffff;
  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: #ffffff;
}
.admin-searchresult a:hover {
  color: #ffffff;
  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: #ffffff;
}
/* search box component ends */
.admin-main {
  position: relative !important;
  border-bottom: none;
  padding: 15px 30px;
}
.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: 700px;
  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 #dddddd;
  width: 100%;
}
.admin-main .admin-settingrow {
  display: inline-block;
  width: auto;
}
.admin-main .admin-settingtext {
  font-size: 18px;
  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: 15px;
  background-color: #3775B8;
  color: #ffffff;
  bottom: -7px;
}
.admin-main .admin-taketour:before {
  content: "";
  position: absolute !important;
  background-color: transparent;
  border-left: 7px solid #000000;
  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: #ffffff;
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid #dddddd;
  border-top: none;
  padding-top: 14px;
}
.admin-main .admin-box .req-refresh-list li {
  padding: 0;
}
.admin-main .admin-box .req-refresh-list .h4 {
  font-size: 13px;
  background-color: #eeeeee;
  padding: 9px 10px;
}
.admin-main .admin-box .req-refresh-list label {
  display: block;
  cursor: pointer;
  padding: 5px 10px;
}
.admin-main .admin-box .tablelist {
  background: #ffffff;
  border: 1px solid #cccccc;
}
.admin-main .admin-box .tablelist .rc_d_h {
  position: absolute;
  top: 0;
  z-index: 5;
  width: 8px;
  right: -5px !important;
  cursor: col-resize;
  height: 40px;
}
.admin-main .admin-box .tablelist.table-primary {
  border: 0 none;
}
.admin-main .admin-box .tablelist:not(table) {
  /*display:table;*/
  display: block;
  /* fix to cover up border on a scrollable table */
}
.admin-main .admin-box .tablecomponent,
.admin-main .admin-box .tableComponent {
  /*td:not(.pr), th {
			> div {
				line-height:22px;
				padding:8px 0;
			}
		}*/
  /*.icon-sm {
			position: relative;
			.left(2px);
			top:1px;
			cursor:pointer;
			&.grid-icon-off {
				cursor:default;
			}
			.icon-sm {
				position:static;
			}
		*/
  /*th .icon-sm {
			opacity:0.3;
			&.incoming-conv-icon {
				.opacity(.10);
			}
			&.mark-tech-icon {
				opacity:0;
			}
		}*/
}
.admin-main .admin-box .tablecomponent .oddrow,
.admin-main .admin-box .tableComponent .oddrow,
.admin-main .admin-box .tablecomponent .oddRow,
.admin-main .admin-box .tableComponent .oddRow,
.admin-main .admin-box .tablecomponent .evenrow,
.admin-main .admin-box .tableComponent .evenrow,
.admin-main .admin-box .tablecomponent .evenRow,
.admin-main .admin-box .tableComponent .evenRow {
  height: auto;
}
.admin-main .admin-box .tablecomponent > thead > tr > th,
.admin-main .admin-box .tableComponent > thead > tr > th,
.admin-main .admin-box .tablecomponent > tbody > tr > th,
.admin-main .admin-box .tableComponent > tbody > tr > th {
  padding-left: 5px !important;
  padding-right: 4px !important;
}
.admin-main .admin-box .tablecomponent tbody > tr > td,
.admin-main .admin-box .tableComponent tbody > tr > td {
  padding: 8px 5px;
}
.admin-main .admin-box .tablecomponent input[type="radio"],
.admin-main .admin-box .tableComponent input[type="radio"],
.admin-main .admin-box .tablecomponent input[type="checkbox"],
.admin-main .admin-box .tableComponent input[type="checkbox"] {
  margin: 0px;
  position: relative;
  top: 2px;
}
.admin-main .admin-box .tablecomponent th.pr,
.admin-main .admin-box .tableComponent th.pr,
.admin-main .admin-box .tablecomponent td.pr,
.admin-main .admin-box .tableComponent td.pr {
  padding: 0;
}
.admin-main .admin-box .tablecomponent th,
.admin-main .admin-box .tableComponent th,
.admin-main .admin-box .tablecomponent th a,
.admin-main .admin-box .tableComponent th a {
  height: 40px;
  line-height: 20px;
  font-family: inherit;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}
.admin-main .admin-box .tablecomponent th,
.admin-main .admin-box .tableComponent th {
  border-right: 1px solid #dddddd;
  background: none;
  padding: 0 5px;
  white-space: nowrap;
}
.admin-main .admin-box .tablecomponent th .req-sprite.mark-tech-icon,
.admin-main .admin-box .tableComponent th .req-sprite.mark-tech-icon {
  opacity: 0;
}
.admin-main .admin-box .tablecomponent th .pr,
.admin-main .admin-box .tableComponent th .pr,
.admin-main .admin-box .tablecomponent th:last-child,
.admin-main .admin-box .tableComponent th:last-child {
  border-right: 1px solid transparent;
}
.admin-main .admin-box .tablecomponent th:nth-child(2),
.admin-main .admin-box .tableComponent th:nth-child(2) {
  border-left: 0px solid none;
}
.admin-main .admin-box .tablecomponent th td,
.admin-main .admin-box .tableComponent th td {
  border: 0 none;
  color: #868686;
  font-weight: normal;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton,
.admin-main .admin-box .tableComponent th .tableSearchGoButton {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  background-color: #eeeeee;
  border-color: #cfcfcf;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton:focus,
.admin-main .admin-box .tableComponent th .tableSearchGoButton:focus,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton:active:focus,
.admin-main .admin-box .tableComponent th .tableSearchGoButton:active:focus,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.active:focus,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton:hover,
.admin-main .admin-box .tableComponent th .tableSearchGoButton:hover,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton:focus,
.admin-main .admin-box .tableComponent th .tableSearchGoButton:focus {
  color: #333333;
  text-decoration: none;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton:active,
.admin-main .admin-box .tableComponent th .tableSearchGoButton:active,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.active,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.active {
  outline: 0;
  background-image: none;
  -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);
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.disabled,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.disabled,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton[disabled],
.admin-main .admin-box .tableComponent th .tableSearchGoButton[disabled],
fieldset[disabled] .admin-main .admin-box .tablecomponent th .tableSearchGoButton,
fieldset[disabled] .admin-main .admin-box .tableComponent th .tableSearchGoButton {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton .common-add-icon4,
.admin-main .admin-box .tableComponent th .tableSearchGoButton .common-add-icon4 {
  background-color: #868686;
  border: 1px #6c6c6c solid;
  box-sizing: border-box;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton:hover .common-add-icon4,
.admin-main .admin-box .tableComponent th .tableSearchGoButton:hover .common-add-icon4 {
  background-color: #63bd6e;
  border: 1px #459f4d solid;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton:hover,
.admin-main .admin-box .tableComponent th .tableSearchGoButton:hover,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton:focus,
.admin-main .admin-box .tableComponent th .tableSearchGoButton:focus,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton:active,
.admin-main .admin-box .tableComponent th .tableSearchGoButton:active,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.active,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.active,
.open > .dropdown-toggle.admin-main .admin-box .tablecomponent th .tableSearchGoButton,
.open > .dropdown-toggle.admin-main .admin-box .tableComponent th .tableSearchGoButton {
  color: #333333;
  background-color: #d5d5d5;
  border-color: #b1b1b1;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton:active,
.admin-main .admin-box .tableComponent th .tableSearchGoButton:active,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.active,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.active,
.open > .dropdown-toggle.admin-main .admin-box .tablecomponent th .tableSearchGoButton,
.open > .dropdown-toggle.admin-main .admin-box .tableComponent th .tableSearchGoButton {
  background-image: none;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.disabled,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.disabled,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton[disabled],
.admin-main .admin-box .tableComponent th .tableSearchGoButton[disabled],
fieldset[disabled] .admin-main .admin-box .tablecomponent th .tableSearchGoButton,
fieldset[disabled] .admin-main .admin-box .tableComponent th .tableSearchGoButton,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.disabled:hover,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.disabled:hover,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton[disabled]:hover,
.admin-main .admin-box .tableComponent th .tableSearchGoButton[disabled]:hover,
fieldset[disabled] .admin-main .admin-box .tablecomponent th .tableSearchGoButton:hover,
fieldset[disabled] .admin-main .admin-box .tableComponent th .tableSearchGoButton:hover,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.disabled:focus,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.disabled:focus,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton[disabled]:focus,
.admin-main .admin-box .tableComponent th .tableSearchGoButton[disabled]:focus,
fieldset[disabled] .admin-main .admin-box .tablecomponent th .tableSearchGoButton:focus,
fieldset[disabled] .admin-main .admin-box .tableComponent th .tableSearchGoButton:focus,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.disabled:active,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.disabled:active,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton[disabled]:active,
.admin-main .admin-box .tableComponent th .tableSearchGoButton[disabled]:active,
fieldset[disabled] .admin-main .admin-box .tablecomponent th .tableSearchGoButton:active,
fieldset[disabled] .admin-main .admin-box .tableComponent th .tableSearchGoButton:active,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.disabled.active,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.disabled.active,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton[disabled].active,
.admin-main .admin-box .tableComponent th .tableSearchGoButton[disabled].active,
fieldset[disabled] .admin-main .admin-box .tablecomponent th .tableSearchGoButton.active,
fieldset[disabled] .admin-main .admin-box .tableComponent th .tableSearchGoButton.active {
  background-color: #eeeeee;
  border-color: #cfcfcf;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton .badge,
.admin-main .admin-box .tableComponent th .tableSearchGoButton .badge {
  color: #eeeeee;
  background-color: #333333;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.addrowbtn,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.addrowbtn,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.removerowbtn,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.removerowbtn,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.add-sla-esc,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.add-sla-esc,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.remove-sla-esc,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.remove-sla-esc {
  border-radius: 1px;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.addrowbtn:hover,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.addrowbtn:hover,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.add-sla-esc:hover,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.add-sla-esc:hover {
  background-color: #68c073;
  border: 1px #51b159 solid;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.addrowbtn:hover .common-add-icon2,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.addrowbtn:hover .common-add-icon2,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.add-sla-esc:hover .common-add-icon2,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.add-sla-esc:hover .common-add-icon2 {
  background-position: -49px -23px;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.removerowbtn:hover,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.removerowbtn:hover,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.remove-sla-esc:hover,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.remove-sla-esc:hover {
  background-color: #dc5146;
  border: 1px #dc5146 solid;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.removerowbtn:hover .common-remove-icon2,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.removerowbtn:hover .common-remove-icon2,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.remove-sla-esc:hover .common-remove-icon2,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.remove-sla-esc:hover .common-remove-icon2 {
  background-position: -121px -23px;
}
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.addrowbtn:hover .sdp-glyph.icon-xs,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.addrowbtn:hover .sdp-glyph.icon-xs,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.add-sla-esc:hover .sdp-glyph.icon-xs,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.add-sla-esc:hover .sdp-glyph.icon-xs,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.removerowbtn:hover .sdp-glyph.icon-xs,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.removerowbtn:hover .sdp-glyph.icon-xs,
.admin-main .admin-box .tablecomponent th .tableSearchGoButton.remove-sla-esc:hover .sdp-glyph.icon-xs,
.admin-main .admin-box .tableComponent th .tableSearchGoButton.remove-sla-esc:hover .sdp-glyph.icon-xs {
  text-shadow: 0px 1px 1px #333;
  color: #ffffff;
}
.admin-main .admin-box .tablecomponent a.common-edit-icon1,
.admin-main .admin-box .tableComponent a.common-edit-icon1 {
  opacity: 0.5;
}
.admin-main .admin-box .tablecomponent a.common-edit-icon1:hover,
.admin-main .admin-box .tableComponent a.common-edit-icon1:hover {
  opacity: 1;
}
.admin-main .admin-box .tablecomponent table,
.admin-main .admin-box .tableComponent table {
  border-collapse: inherit;
  border-bottom: 0 none;
}
.admin-main .admin-box .tablecomponent thead,
.admin-main .admin-box .tableComponent thead,
.admin-main .admin-box .tablecomponent th,
.admin-main .admin-box .tableComponent th,
.admin-main .admin-box .tablecomponent .tableHeader,
.admin-main .admin-box .tableComponent .tableHeader,
.admin-main .admin-box .tablecomponent .sortedTableHeader,
.admin-main .admin-box .tableComponent .sortedTableHeader {
  background-image: url(../images/ui-vertical-sprite.png);
  background-position: 0 -22px;
  background-repeat: repeat-x;
  background-color: #fcfcfc;
  padding-bottom: 1px;
  position: relative;
}
.admin-main .admin-box .tablecomponent td,
.admin-main .admin-box .tableComponent td {
  border-bottom: 1px solid #f1f1f1;
}
.admin-main .admin-box .tablecomponent td div input[type=checkbox],
.admin-main .admin-box .tableComponent td div input[type=checkbox] {
  position: relative;
  top: 2px;
}
.admin-main .admin-box .tablecomponent td.wrapcell div,
.admin-main .admin-box .tableComponent td.wrapcell div {
  white-space: normal;
  overflow: visible;
  text-overflow: inherit;
}
.admin-main .admin-box .tablecomponent tr:last-child td,
.admin-main .admin-box .tableComponent tr:last-child td {
  border-bottom: 1px solid transparent;
}
.admin-main .admin-box .tablecomponent tr.unread-item a[rel=uitooltip-track],
.admin-main .admin-box .tableComponent tr.unread-item a[rel=uitooltip-track],
.admin-main .admin-box .tablecomponent tr.unread-item a.list-title,
.admin-main .admin-box .tableComponent tr.unread-item a.list-title {
  font-family: 'Roboto Medium';
  color: #000000;
}
.admin-main .admin-box .tablecomponent a,
.admin-main .admin-box .tableComponent a {
  color: #515151;
}
.admin-main .admin-box .tablecomponent a[rel=uitooltip-track],
.admin-main .admin-box .tableComponent a[rel=uitooltip-track],
.admin-main .admin-box .tablecomponent a.list-title,
.admin-main .admin-box .tableComponent a.list-title {
  color: #333333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-main .admin-box .tablecomponent tr td .common-lock-icon1:not(.default),
.admin-main .admin-box .tableComponent tr td .common-lock-icon1:not(.default),
.admin-main .admin-box .tablecomponent tr td .common-preview-icon1:not(.default),
.admin-main .admin-box .tableComponent tr td .common-preview-icon1:not(.default) {
  visibility: hidden;
}
.admin-main .admin-box .tablecomponent tr td .common-lock-icon1:not(.default).in,
.admin-main .admin-box .tableComponent tr td .common-lock-icon1:not(.default).in,
.admin-main .admin-box .tablecomponent tr td .common-preview-icon1:not(.default).in,
.admin-main .admin-box .tableComponent tr td .common-preview-icon1:not(.default).in {
  visibility: visible;
  opacity: 1;
}
.admin-main .admin-box .tablecomponent tr td .default .common-lock-icon1:not(.in),
.admin-main .admin-box .tableComponent tr td .default .common-lock-icon1:not(.in),
.admin-main .admin-box .tablecomponent tr td .default .common-preview-icon1:not(.in),
.admin-main .admin-box .tableComponent tr td .default .common-preview-icon1:not(.in) {
  visibility: visible;
}
.admin-main .admin-box .tablecomponent tr td .default .common-preview-icon1:not(.in),
.admin-main .admin-box .tableComponent tr td .default .common-preview-icon1:not(.in) {
  opacity: 1;
}
.admin-main .admin-box .tablecomponent tr td .default .common-preview-icon1:not(.in),
.admin-main .admin-box .tableComponent tr td .default .common-preview-icon1:not(.in) {
  visibility: visible;
  opacity: .6;
}
.admin-main .admin-box .tablecomponent tr.text-muted td button[isClickable=false],
.admin-main .admin-box .tableComponent tr.text-muted td button[isClickable=false],
.admin-main .admin-box .tablecomponent tr.text-muted td a[isClickable=false],
.admin-main .admin-box .tableComponent tr.text-muted td a[isClickable=false] {
  cursor: not-allowed;
}
.admin-main .admin-box .tablecomponent tr.text-muted td,
.admin-main .admin-box .tableComponent tr.text-muted td,
.admin-main .admin-box .tablecomponent tr.text-muted .excerpt,
.admin-main .admin-box .tableComponent tr.text-muted .excerpt,
.admin-main .admin-box .tablecomponent tr.text-muted a[rel=uitooltip-track],
.admin-main .admin-box .tableComponent tr.text-muted a[rel=uitooltip-track],
.admin-main .admin-box .tablecomponent tr.text-muted a.list-title,
.admin-main .admin-box .tableComponent tr.text-muted a.list-title {
  color: #868686;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td,
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td {
  background: #f5f5f5;
  border-bottom: 1px solid #f1f1f1;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover table td,
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover table td {
  background: transparent;
  border: 0 none;
  border-bottom: 1px solid transparent;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover .csoverlay,
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover .csoverlay {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  /* background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f1f1f1), color-stop(0.5, #f1f1f1));
				background-image: -webkit-linear-gradient(center bottom, #f1f1f1 0%, #fff 50%);
				background-image: -moz-linear-gradient(center bottom, #f1f1f1 0%, #fff 50%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f1f1f1', GradientType = 0);
				background-image: linear-gradient(top, #fff 0%, #f1f1f1 50%);
				*/
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover .csoverlay i,
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover .csoverlay i {
  display: inline-block;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover a[rel=uitooltip-track],
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover a[rel=uitooltip-track],
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td a,
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td a {
  color: #1a6ebd;
  text-decoration: none;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td .common-lock-icon1:not(.in),
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td .common-lock-icon1:not(.in) {
  background-position: -37px -43px;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in),
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in) {
  background-position: -21px -43px;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td .common-lock-icon1:not(.in),
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td .common-lock-icon1:not(.in),
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td .common-preview-icon1:not(.in),
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td .common-preview-icon1:not(.in) {
  visibility: visible;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in),
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in),
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td .default .common-preview-icon1:not(.in),
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td .default .common-preview-icon1:not(.in) {
  visibility: visible;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in),
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td .default .common-lock-icon1:not(.in) {
  opacity: 1;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td .default .common-preview-icon1:not(.in),
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td .default .common-preview-icon1:not(.in) {
  opacity: .6;
}
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td .default,
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td .default,
.admin-main .admin-box .tablecomponent tr:not(.searchRow):hover td .default *,
.admin-main .admin-box .tableComponent tr:not(.searchRow):hover td .default * {
  cursor: not-allowed;
}
.admin-main .admin-box .tablecomponent div.d_w,
.admin-main .admin-box .tableComponent div.d_w {
  display: block;
  min-width: 31px;
  min-height: 16px;
  text-overflow: ellipsis;
  z-index: 1;
  text-align: left;
  text-align: left !important;
  overflow: hidden;
  white-space: nowrap;
}
.admin-main .admin-box .tablecomponent div.d_w .incident-req-icon,
.admin-main .admin-box .tableComponent div.d_w .incident-req-icon,
.admin-main .admin-box .tablecomponent div.d_w .service-req-icon,
.admin-main .admin-box .tableComponent div.d_w .service-req-icon {
  cursor: default;
}
.admin-main .admin-box .tablecomponent td.pr,
.admin-main .admin-box .tableComponent td.pr {
  height: 1px;
}
.admin-main .admin-box .tablecomponent td.pr > div,
.admin-main .admin-box .tableComponent td.pr > div {
  display: table;
  height: 100%;
}
.admin-main .admin-box .tablecomponent .customselect .form-control,
.admin-main .admin-box .tableComponent .customselect .form-control {
  padding: 0 9px;
  height: auto;
}
.admin-main .admin-box .tablecomponent .csoverlay,
.admin-main .admin-box .tableComponent .csoverlay {
  border: 1px solid transparent;
}
.admin-main .admin-box .tablecomponent .csoverlay i,
.admin-main .admin-box .tableComponent .csoverlay i {
  display: none;
}
.admin-main .admin-box .tablecomponent .csoverlay:focus,
.admin-main .admin-box .tableComponent .csoverlay:focus {
  box-shadow: none;
}
.admin-main .admin-box .tablecomponent .convcount,
.admin-main .admin-box .tableComponent .convcount {
  position: absolute;
  left: 19px !important;
  font-size: 11px;
}
.admin-main .admin-box .tablecomponent .excerpt,
.admin-main .admin-box .tableComponent .excerpt {
  color: #6a6a6a;
  padding: 2px 0;
}
.admin-main .admin-box .tablecomponent .excerpt span,
.admin-main .admin-box .tableComponent .excerpt span {
  color: #515151;
}
.admin-main .admin-box .tablecomponent .incident-req-icon,
.admin-main .admin-box .tableComponent .incident-req-icon,
.admin-main .admin-box .tablecomponent .service-req-icon,
.admin-main .admin-box .tableComponent .service-req-icon,
.admin-main .admin-box .tablecomponent .mark-tech-icon,
.admin-main .admin-box .tableComponent .mark-tech-icon {
  position: relative;
  top: 2px;
  vertical-align: top;
}
.admin-main .admin-box .tablecomponent .cell-btn,
.admin-main .admin-box .tableComponent .cell-btn {
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  line-height: 15px;
}
.admin-main .admin-box .tablecomponent .hidden-cell,
.admin-main .admin-box .tableComponent .hidden-cell {
  display: none;
}
.admin-main .admin-box .tablecomponent tr:hover .hidden-cell,
.admin-main .admin-box .tableComponent tr:hover .hidden-cell {
  display: inline-block;
}
.admin-main .admin-box .tablecomponent .list-sprite,
.admin-main .admin-box .tableComponent .list-sprite {
  margin-right: 4px !important;
}
.admin-main .admin-box .tablecomponent .grid-icon-off,
.admin-main .admin-box .tableComponent .grid-icon-off {
  opacity: 0.3;
}
.admin-main .admin-box .tablecomponent .notes-icon.grid-icon-off,
.admin-main .admin-box .tableComponent .notes-icon.grid-icon-off {
  opacity: 1;
}
.admin-main .admin-box .tablecomponent .first-response-icon,
.admin-main .admin-box .tableComponent .first-response-icon {
  position: relative;
  top: 1px;
}
.admin-main .admin-box .tablecomponent .mark-tech-icon,
.admin-main .admin-box .tableComponent .mark-tech-icon,
.admin-main .admin-box .tablecomponent .mark-tech-icon-off,
.admin-main .admin-box .tableComponent .mark-tech-icon-off {
  margin-left: 7px !important;
}
.admin-main .admin-box .tablecomponent .list-sprite.mark-tech-icon,
.admin-main .admin-box .tableComponent .list-sprite.mark-tech-icon,
.admin-main .admin-box .tablecomponent .list-sprite.mark-tech-icon-off,
.admin-main .admin-box .tableComponent .list-sprite.mark-tech-icon-off {
  margin-left: 4px !important;
  top: 5px;
}
.admin-main .admin-box .tablecomponent .incoming-conv-icon,
.admin-main .admin-box .tableComponent .incoming-conv-icon {
  position: relative;
}
.admin-main .admin-box .tablecomponent .incoming-conv-icon.grid-icon-off,
.admin-main .admin-box .tableComponent .incoming-conv-icon.grid-icon-off {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.admin-main .admin-box .tablecomponent td .task-icon.grid-icon-off:hover,
.admin-main .admin-box .tableComponent td .task-icon.grid-icon-off:hover {
  opacity: 1;
}
.admin-main .admin-box .tablecomponent .pr-color,
.admin-main .admin-box .tableComponent .pr-color {
  display: table-cell;
  width: 5px;
  position: relative;
  left: -1px !important;
}
.admin-main .admin-box .tablecomponent tr:hover .setting-box,
.admin-main .admin-box .tableComponent tr:hover .setting-box {
  display: inline-block;
}
.admin-main .admin-box .tablecomponent tr.searchRow,
.admin-main .admin-box .tableComponent tr.searchRow {
  height: 34px;
}
.admin-main .admin-box .tablecomponent tr.searchRow td,
.admin-main .admin-box .tableComponent tr.searchRow td,
.admin-main .admin-box .tablecomponent th.searchRow td,
.admin-main .admin-box .tableComponent th.searchRow td {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
}
.admin-main .admin-box .tablecomponent .ui-progressbar1-pos1,
.admin-main .admin-box .tableComponent .ui-progressbar1-pos1 {
  display: block;
  margin-top: 2px;
}
.admin-main .admin-box .tablecomponent img.attachment,
.admin-main .admin-box .tableComponent img.attachment {
  margin: 0;
}
.admin-main .admin-box .tablecomponent th#RequestsView_CheckBox > div,
.admin-main .admin-box .tableComponent th#RequestsView_CheckBox > div,
.admin-main .admin-box .tablecomponent td.headercheckbox > div,
.admin-main .admin-box .tableComponent td.headercheckbox > div {
  text-align: center !important;
}
.admin-main .admin-box.primary {
  border: 1px solid #aaa;
}
.admin-main .admin-box.primary .tablelist {
  border: 0 none;
}
.admin-main .admin-box.primary .listcontrols {
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
}
.admin-main .admin-box.primary .listcontrols .filter-menu {
  border: 0 none;
}
.admin-main .admin-box.primary .listcontrols .filter-menu .dropdown-toggle {
  background: none;
  border-color: transparent;
  padding: 2px 7px;
  font-family: 'Roboto Medium';
  color: #515151;
  font-size: 17px;
  line-height: 1;
}
.admin-main .admin-box.primary .listcontrols .filter-menu .dropdown-toggle:active,
.admin-main .admin-box.primary .listcontrols .filter-menu .dropdown-toggle:hover,
.admin-main .admin-box.primary .listcontrols .filter-menu .dropdown-toggle:focus {
  background: none;
  border-color: transparent;
}
.admin-main .admin-box.primary .listcontrols .filter-menu span.dd {
  vertical-align: middle;
}
.admin-main .admin-box.primary .listcontrols .filter-menu:hover,
.admin-main .admin-box.primary .listcontrols .filter-menu.open {
  border: 0 none;
}
.admin-main .admin-box.primary .tablecomponent .oddrow,
.admin-main .admin-box.primary .tableComponent .oddrow,
.admin-main .admin-box.primary .tablecomponent .oddRow,
.admin-main .admin-box.primary .tableComponent .oddRow,
.admin-main .admin-box.primary .tablecomponent .evenrow,
.admin-main .admin-box.primary .tableComponent .evenrow,
.admin-main .admin-box.primary .tablecomponent .evenRow,
.admin-main .admin-box.primary .tableComponent .evenRow {
  height: 33px;
}
.admin-main .admin-box.primary .tablecomponent tbody > tr > td,
.admin-main .admin-box.primary .tableComponent tbody > tr > td {
  padding: 5px;
}
.admin-main .admin-box.primary .tablecomponent thead,
.admin-main .admin-box.primary .tableComponent thead,
.admin-main .admin-box.primary .tablecomponent th,
.admin-main .admin-box.primary .tableComponent th,
.admin-main .admin-box.primary .tablecomponent .tableHeader,
.admin-main .admin-box.primary .tableComponent .tableHeader,
.admin-main .admin-box.primary .tablecomponent .sortedTableHeader,
.admin-main .admin-box.primary .tableComponent .sortedTableHeader {
  padding-bottom: 0;
}
.admin-main .admin-box.primary .tablecomponent .incident-req-icon,
.admin-main .admin-box.primary .tableComponent .incident-req-icon,
.admin-main .admin-box.primary .tablecomponent .service-req-icon,
.admin-main .admin-box.primary .tableComponent .service-req-icon,
.admin-main .admin-box.primary .tablecomponent .mark-tech-icon,
.admin-main .admin-box.primary .tableComponent .mark-tech-icon {
  top: 0;
}
.admin-main .admin-box.secondary .listcontrols {
  background-image: none;
  margin-bottom: 1px;
  padding: 8px 10px;
}
.admin-main .admin-box.secondary .listcontrols a.btn:active,
.admin-main .admin-box.secondary .listcontrols a.btn.active,
.admin-main .admin-box.secondary .listcontrols a.btn:hover,
.admin-main .admin-box.secondary .listcontrols a.btn:focus {
  background-color: #ffffff;
  border-color: #c5c4c3;
  color: #000000;
  box-shadow: none;
}
.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-helpdeskbox:after {
  content: "";
  background-color: #ffffff;
  right: -16px;
  position: absolute !important;
  bottom: -16px;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.admin-main .admin-box .admin-helpdeskbox:before {
  content: "";
  background-color: #ffffff;
  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: #ffffff;
  box-sizing: border-box;
}
.admin-main .admin-setting div:nth-child(2) {
  padding-top: 12px;
}
.admin-main .admin-setting a {
  font-size: 14px;
  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:before {
  display: none;
}
.admin-main .admin-setting a:before {
  content: "";
  position: absolute !important;
  right: 0 !important;
  top: 9px;
  border-left: 1px solid #ff0000;
  width: 1px;
  height: 11px;
}
.admin-main .admin-setting a:hover {
  color: #1A6EBD;
  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);
  background-repeat: no-repeat;
}
.admin-main .admin-iconrow span {
  font-size: 20px;
  color: #6a6a6a;
  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-left: 15px;
    padding-right: 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-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1679px) and (min-width: 768px) {
  .admin-main .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-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 720px) and (max-width: 959px) and (min-width: 768px) {
  .admin-main .admin-setting {
    float: left;
    width: 50%;
  }
}
.admin-main .admin-setting {
  padding: 20px 35px;
}
.admin-wrapper {
  padding: 10px;
}
.admin-panel {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.admin-panel .listview {
  margin-top: -5px;
}
.actbuttons {
  border-top: 1px solid #dddddd;
  padding: 14px 0;
}
/* Organization Roles */
.ui-row-act-head {
  border-bottom: 1px solid #cccccc;
}
.ui-row-act-head .btn-group .icon-sm {
  vertical-align: sub;
}
.ui-row-style1 .ui-row-single {
  border-bottom: 1px solid #dddddd;
  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: #000000;
  font-size: 17px;
  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: #333333;
}
#_DIALOG_CONTENT > #ReminderData.ember-custom {
  background-color: #ffffff;
  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-left: 15px;
    padding-right: 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: 30px;
}
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 #dddddd;
}
.admin-sidebar {
  /*height: 100%;*/
  background: #ffffff !important;
  border: 1px solid #cccccc;
  border-right: 0 solid transparent;
  padding: 0;
  position: static!important;
}
.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: 0;
}
.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 > .panel {
  border: 0;
  margin-bottom: 0;
}
.admin-sidebar .nav-accordion > .panel > a[data-toggle=collapse],
.admin-sidebar a.lnav-header,
.admin-sidebar a.lnav-headeractive {
  background: #f1f1f1;
  color: #333333;
  cursor: pointer;
  padding-top: 11px;
  padding-bottom: 11px;
  border-top: 1px solid #e9e9e9;
  border-bottom: none;
  -webkit-box-shadow: 0 2px 2px 0 rgba(175, 175, 175, 0.7);
  box-shadow: 0 2px 2px 0 rgba(175, 175, 175, 0.7);
}
.admin-sidebar .nav-accordion > .panel > a[data-toggle=collapse].collapsed:hover,
.admin-sidebar a.lnav-header:hover {
  background-color: #009adb;
  color: #ffffff;
}
.admin-sidebar .nav-accordion .nav > li > a,
.admin-sidebar a.lnav-item {
  color: #333333;
}
.admin-sidebar .nav-accordion .nav > li > a {
  padding: 8px 15px;
}
.admin-sidebar a.lnav-item,
.admin-sidebar a.lnav-item-current {
  padding: 9px 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: #333333;
}
.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: #ffffff;
  cursor: 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 .nav-accordion > .panel > a[data-toggle=collapse].collapsed .toggle-arrow .caret,
.admin-sidebar .lnav-header .caret {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  -o-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
}
.admin-sidebar .lnav-header:hover .caret {
  display: inline-block;
  color: #ffffff;
}
.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: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f9f9f9 53%, #f5f5f5 70%, #f1f1f1 100%) repeat scroll 0 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f1f1f1', GradientType=0);
  border-bottom: 1px solid #dddddd;
  height: 48px;
  margin: 0;
  padding: 0;
}
.wizard-header-temp .wizbg {
  background: #ffffff;
}
.wizard-header-temp .wizardHeader {
  color: #515151;
  font-size: 17px;
  font-weight: normal;
}
.wizard-header-temp .configHeader {
  color: #515151;
  font-size: 17px;
  font-weight: normal;
  vertical-align: middle;
  position: relative;
}
.wizard-header-temp .configHeader:before {
  content: "";
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f9f9f9 53%, #f5f5f5 70%, #f1f1f1 100%) repeat scroll 0 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f1f1f1', GradientType=0);
  background-color: #f8f8f8;
  width: 21px;
  height: 48px;
  display: inline-block;
  position: absolute;
  top: 0;
  margin-left: -20px !important;
  border-bottom: 1px solid #dfdfdf;
}
/* Zoho Creator Integration */
body.ember-ui .zca-main .zca-linkpage {
  border-bottom: 1px solid #cccccc;
  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: #ffffff;
  width: 84%;
  height: 100%;
  border: 1px solid #cccccc;
}
body.ember-ui .zca-main .zca-dragimage {
  width: 35px;
  border-right: 1px solid #cccccc;
}
body.ember-ui .zca-main .zca-shuttlehead {
  width: 19%;
  border-right: 1px solid #cccccc;
}
body.ember-ui .zca-main .zca-shuttlelink {
  width: 60%;
}
body.ember-ui .zca-main .zca-shuttleyesno {
  width: 22%;
  border-left: 1px solid #cccccc;
  padding: 5px 10px;
}
body.ember-ui .zca-main .zca-shuttleyesno select {
  padding: 0px 15px;
  height: 24px;
  background-color: #ffffff;
  font-size: 17px;
  margin-top: -3px;
}
body.ember-ui .zca-main .zca-pointerevents {
  background-color: #f9f9f9;
  opacity: 0.4;
  cursor: 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: move;
}
body.ember-ui .zca-main .zca-linkpage div,
body.ember-ui .zca-main .zca-dragimage i,
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: #ffffff;
  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: pointer;
}
body.ember-ui .zca-header {
  border-right: 1px solid #cccccc;
}
.helpcard {
  font-size: 1.1em;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: none;
  background-clip: padding-box;
  padding: 1px;
  margin-top: 20px;
}
.helpcard .header {
  background-color: #ffffff;
  background-image: none;
  border-bottom: 1px solid #dddddd;
  font-size: 16px;
  font-weight: 400;
  padding: 0.7em;
  position: relative;
}
.helpcard .header:before,
.helpcard .header:after {
  content: " ";
  display: table;
}
.helpcard .header:after {
  clear: both;
}
.helpcard .header:before,
.helpcard .header:after {
  content: " ";
  display: table;
}
.helpcard .header:after {
  clear: both;
}
.helpcard .header .title {
  color: #5c5c5c;
  float: left !important;
  margin: .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: 25px;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: absolute;
  top: .5em;
  left: 10px !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.helpcard .header .toggle {
  border: 0 none;
  background: none;
  color: #000000;
  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: 17px;
  float: right !important;
  text-shadow: 0 1px 0 #ffffff;
  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: #ffffff;
}
.helpcard .header .toggle.glyph-color3 {
  color: #3a96e7;
}
.helpcard .header .toggle.glyph-color4 {
  color: #333333;
}
.helpcard .header .toggle:before {
  content: "\e925";
}
.helpcard .header .toggle[contentHidden=true]:before {
  content: "\e926";
}
.helpcard .content {
  padding: 10px 15px;
}
.helpcard p {
  color: #515151;
}
.helpcard h4 {
  font-size: 14px;
  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 #eeeeee;
}
/* 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 #dddddd;
  height: 275px;
}
.sslimpcomdetails {
  width: 400px;
}
.sslimpcomdetails span.col1,
.sslimpcomdetails span.col2 {
  display: inline-block !important;
  padding: 5px !important;
}
.sslimpcomdetails span.col1 {
  text-align: right;
  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: #000000;
}
.sslimportconfig .form-control[disabled],
.sslimportconfig .form-control[readonly],
.sslimportconfig fieldset[disabled] .form-control {
  opacity: 1;
  cursor: pointer;
  background-color: #ffffff;
}
.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: #777;
  opacity: 0.8;
  color: #ffffff;
  font: normal 13px "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: #999999 0 0 12px;
  box-shadow: #999999 0 0 12px;
  width: 300px;
  margin-bottom: 10px;
}
#hi5_notifer_all .hi5_notifer:hover {
  opacity: 1;
  -webkit-box-shadow: #000000 0 0 12px;
  box-shadow: #000000 0 0 12px;
}
#hi5_notifer_all .hi5_notifer_icon {
  float: left;
  width: 1.2em;
  height: 1.2em;
  margin-right: .3em;
}
#hi5_notifer_all .hi5_notifer_button {
  float: right;
  width: 25px;
  height: 25px;
  margin-left: .3em;
  cursor: 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;
  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: 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: #ffffff;
  font-size: 15px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  border-right: 1px solid #5f5f5f;
  cursor: 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;
  border-bottom: 1px solid #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;
  padding: 8px 0;
  margin: 5px 3px;
}
.controls-wrap .arrow-keys span {
  font-size: 0;
  vertical-align: middle;
}
.controls-wrap .arrow-keys span:before {
  content: '';
  position: relative;
  display: inline-block;
  border: 6px solid #ffffff;
}
.controls-wrap .arrow-keys span[title="Up"]:before {
  border-color: transparent transparent #ffffff 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: #ffffff 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 #ffffff 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 #ffffff;
  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;
  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;
  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 #ffffff !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: 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;
}
#remotectrl {
  display: block;
  margin: 0 auto;
}
.player-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  display: table;
  width: 100%;
  color: #ffffff;
  background-image: -webkit-linear-gradient(left, #1f2022 0%, #393a3c 100%);
  background-image: -o-linear-gradient(left, #1f2022 0%, #393a3c 100%);
  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;
  background-color: #1d1d1d;
  margin: 20px 5px 20px 15px;
  cursor: 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 #ffffff;
  /* 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: pointer;
}
.player-bar .play-control {
  width: 45px;
  text-align: center;
  cursor: 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: 15px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  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: #cccccc;
  font: 13px 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: 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;
}
/* Admin module SVG sprite icon */
.aspr {
  background-image: url(../images/ui-admin-module.svg);
  background-repeat: no-repeat;
  display: inline-block;
}
.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: -279px -349px;
}
.multi-line-sm {
  background-position: -279px -349px;
}
.single-column-sm {
  background-position: -456px -348px;
}
.double-column-sm {
  background-position: -324px -349px;
}
.numeric-sm {
  background-position: -346px -350px;
}
.decimal-sm {
  background-position: -256px -348px;
}
.picklist-sm {
  background-position: -368px -349px;
}
.calendar-sm {
  background-position: -390px -343px;
}
.magicwand-sm {
  background-position: -112px -343px;
}
.magicwand-gray-sm {
  background-position: -133px -343px;
}
.magicwand-xl {
  background-position: -153px -330px;
}
/* Admin module SVG sprite icon end */
/* ----------------------------------------------- */
/* overview.less */
/* ----------------------------------------------- */
.overview-container {
  position: relative;
  width: 1102px;
  height: 615px;
  border-radius: 10px;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  box-shadow: 0px 5px 18px 0px rgba(152, 152, 152, 0.294);
  padding: 10px 50px 45px;
  margin: 20px auto 50px;
}
.module {
  position: relative;
  z-index: 1;
}
h3.welcome-msg {
  background-color: transparent;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  text-align: center;
  padding: 0 20px 40px;
  margin: 25px 0 0;
}
.modules-list {
  position: relative;
  z-index: 1;
  padding: 0 15px;
  margin: 0;
}
.modules-list li {
  position: relative;
  width: 303px;
  height: 200px;
  list-style: none;
  text-align: center;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  cursor: pointer;
  padding: 20px 15px;
  float: left !important;
  margin: 0 30px 30px 0;
  box-shadow: inset 0px 1px 2px 0 rgba(193, 193, 193, 0.5);
}
.modules-list li:nth-child(2n+1) {
  margin-bottom: 0;
}
.modules-list li.last {
  margin-right: 0 !important;
}
.modules-list li:nth-child(3n) {
  margin-right: 0 !important;
}
.modules-list li[data-slide-to="0"] {
  border-color: #CEDEBB;
  background-color: rgba(226, 238, 212, 0.7);
}
.modules-list li[data-slide-to="0"]:hover {
  background-color: #e2eed4;
}
.modules-list li[data-slide-to="1"] {
  border-color: #E8CEBA;
  background-color: rgba(250, 230, 215, 0.7);
}
.modules-list li[data-slide-to="1"]:hover {
  background-color: #fae6d7;
}
.modules-list li[data-slide-to="2"] {
  border-color: #C9DFE1;
  background-color: rgba(234, 237, 244, 0.7);
}
.modules-list li[data-slide-to="2"]:hover {
  background-color: #eaedf4;
}
.modules-list li[data-slide-to="3"] {
  border-color: #D9DCE8;
  background-color: rgba(222, 238, 239, 0.7);
}
.modules-list li[data-slide-to="3"]:hover {
  background-color: #deeeef;
}
.modules-list li[data-slide-to="4"] {
  border-color: #E8DEC0;
  background-color: rgba(250, 241, 215, 0.7);
}
.modules-list li[data-slide-to="4"]:hover {
  background-color: #faf1d7;
}
.modules-list li[data-slide-to="5"] {
  border-color: #EDDBF1;
  background-color: rgba(249, 240, 251, 0.7);
}
.modules-list li[data-slide-to="5"]:hover {
  background-color: #f9f0fb;
}
.modules-list li h3 {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  margin: 20px 0 45px 0;
}
.modules-list li p {
  color: #666;
  font-size: 13px;
  line-height: 20px;
}
.modules-list li i {
  position: relative;
  display: inline-block;
  width: 84px;
  height: 96px;
  margin: 10px auto 0 auto;
}
.modules-list li > div {
  height: 177px;
  overflow: hidden;
}
.modules-list li * {
  transition: all 0.5s;
}
.modules-list li:hover h3 {
  font-size: 16px;
  margin: 12px 0 10px 0;
}
.modules-list li:hover * {
  transition: all 0.5s;
}
.modules-list li:hover i {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  margin: -20px 0;
}
.modules-list li:hover .ov-icon2 {
  margin: -13px 0 -15px 0;
}
.modules-list li:hover .ov-icon3 {
  margin: -21px 0 -15px 0;
}
.modules-list li:hover .ov-icon5 {
  margin: -15px 0 -15px 0;
}
.modules-list li:hover .ov-icon6 {
  margin: -17px 0 -18px 0;
}
.modules-list .ov-icon1 {
  width: 84px;
  height: 96px;
  background-position: -1px -2px;
}
.modules-list .ov-icon2 {
  width: 160px;
  height: 84px;
  margin-top: 22px;
  background-position: -90px -1px;
}
.modules-list .ov-icon3 {
  width: 155px;
  height: 92px;
  margin-top: 14px;
  background-position: -254px -1px;
}
.modules-list .ov-icon4 {
  width: 78px;
  height: 96px;
  background-position: -4px -106px;
}
.modules-list .ov-icon5 {
  width: 124px;
  height: 86px;
  margin-top: 20px;
  background-position: -97px -86px;
}
.modules-list .ov-icon6 {
  width: 90px;
  height: 91px;
  margin-top: 15px;
  background-position: -237px -95px;
}
.ov-sprite {
  background: url(../images/overview-sprite.png) no-repeat;
}
#skip-tour {
  position: absolute;
  right: 80px !important;
  bottom: -35px;
  color: #939393;
}
.slide-nav {
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -38px;
}
.slide-nav i {
  display: inline-block;
  width: 37px;
  height: 58px;
  margin: 5px 10px;
}
.prev-slide {
  left: -90px;
}
.prev-slide i {
  background-position: -272px -187px;
}
.prev-slide:hover i {
  background-position: -312px -187px;
}
.next-slide {
  right: -90px;
}
.next-slide i {
  background-position: -393px -187px;
}
.next-slide:hover i {
  background-position: -353px -187px;
}
h3.module-head {
  color: #000;
  font-size: 14px;
  font-family: 'Roboto Medium';
  margin: 0 0 10px 0;
}
.module h3.module-head:first-child {
  font-size: 16px;
  margin-bottom: 15px;
}
.module > p {
  color: #555;
  font-size: 14px;
  line-height: 22px;
  padding: 0 20px;
}
.feature-list {
  padding: 0;
}
.feature-list li {
  position: relative;
  width: 260px;
  list-style: none;
  margin: 5px 0;
}
.feature-list li.active:after,
.feature-list li.active:before {
  position: absolute;
  top: 0;
  content: '';
  z-index: 2;
  right: -30px !important;
  border: 15px solid #fff;
  border-color: transparent #fff transparent transparent;
}
.feature-list li.active:before {
  z-index: 1;
  right: -26px !important;
  border-color: transparent #dfdfdf transparent transparent;
}
.feature-list li.active a {
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  background-color: #5393f3;
}
.feature-list li.active a:before {
  border-color: transparent transparent transparent #fff;
}
.feature-list a {
  position: relative;
  display: block;
  color: #222;
  font-size: 14px;
  text-decoration: none;
  border-radius: 4px;
  padding: 5px 15px;
  margin: 5px 0;
}
.feature-list a:before {
  position: absolute;
  top: 12px;
  content: '';
  left: 5px !important;
  border: 3px solid;
  border-color: transparent transparent transparent #5793f3;
}
.feature-content {
  position: relative;
  display: none;
  width: 680px;
  height: 400px;
  border: 3px solid #dfdfdf;
  background-color: #fff;
  float: left !important;
  margin: -5px 0 0 25px;
}
.feature-content.current {
  display: block;
}
.feature-content > div {
  padding: 20px 27px;
}
.feature-content h5 {
  color: #000;
  font-size: 14px;
  background: #fff;
  border-bottom: 1px solid #d5d5d5;
  margin-top: 0;
  padding: 0 5px 8px !important;
}
.feature-content .close-dialog {
  position: absolute;
  top: 20px;
  right: 28px !important;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/overview-sprite.png) no-repeat -359px -105px;
  cursor: pointer;
}
.feature-content p,
.feature-content li {
  color: #4e4e4e;
  font-size: 13px;
  padding: 0 5px;
}
.feature-content p {
  line-height: 24px;
}
.feature-content .overflow {
  height: 280px;
  overflow: auto;
}
.feature-content li {
  list-style-type: decimal;
  padding: 3px 5px;
}
.content-list-view {
  padding-left: 35px !important;
  padding-top: 5px;
}
.content-list-view li {
  position: relative;
  list-style: none;
  margin-bottom: 5px;
}
.content-list-view li:before {
  position: absolute;
  top: 10px;
  left: -16px !important;
  content: '';
  background-color: #aaa;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
}
span.addon {
  position: absolute;
  top: 10px;
  left: 10px !important;
  z-index: 1;
}
span.addon:hover div {
  display: block;
}
span.addon div {
  position: absolute;
  top: -15px;
  right: 28px !important;
  width: 240px;
  display: none;
}
span.addon div:before,
span.addon div:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 16px;
  right: -15px !important;
  border: 8px solid;
}
span.addon div:after {
  right: -16px !important;
  border-color: transparent transparent transparent #fff;
}
span.addon div:before {
  right: -19px !important;
  border-color: transparent transparent transparent #e3e3e3;
  z-index: 0;
}
span.addon div.left-tip {
  right: inherit !important;
  left: 28px !important;
  text-align: left;
  text-align: left !important;
}
span.addon div.left-tip:after {
  right: inherit !important;
  left: -15px !important;
  border-color: transparent #fff transparent transparent;
}
span.addon div.left-tip:before {
  left: -18px !important;
  right: auto !important;
  border-color: transparent #e3e3e3 transparent transparent;
}
span.addon span,
span.module-addon i {
  display: inline-block;
  font-size: 17px;
}
span.addon div,
span.module-addon {
  color: #000;
  text-align: right;
  text-align: right !important;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  font-size: 13px;
  box-shadow: 0px 3px 4.6px 0.4px rgba(179, 179, 179, 0.392);
  border-radius: 4px;
  padding: 8px 10px 8px;
}
span.module-addon {
  position: absolute;
  top: 0;
  right: 0 !important;
  color: #fff;
  max-width: 700px;
  background-color: #2c586f;
  padding: 7px 10px 6px;
}
span.module-addon i {
  position: absolute;
  top: 50%;
  left: 12px !important;
  margin-top: -8px;
}
span.module-addon div {
  text-align: left;
  text-align: left !important;
  margin-left: 30px !important;
}
.video-link {
  position: absolute;
  bottom: 15px;
  right: 20px !important;
  padding-left: 26px !important;
  color: #0145b0;
  font-size: 13px;
}
.video-link:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -2px;
  background: url(../images/overview-sprite.png) no-repeat -379px -128px;
  width: 21px;
  height: 21px;
  left: 0 !important;
}
.support-form {
  position: relative;
  height: 490px;
  padding: 0 0 0 25px;
}
.support-form .alert {
  display: none;
  position: absolute;
  top: 45%;
  left: 23% !important;
  z-index: 2;
  max-width: 600px;
  background: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  box-shadow: 0 2px 20px 1px #b9b9b9;
  padding: 0;
}
.support-form .alert p {
  margin: 2px 0 0;
}
.support-form .alert .alert-icon {
  width: 70px;
  padding: 11px 0;
  background-color: #f9f9fb;
  top: 0;
  float: none !important;
}
.support-form .alert .alert-icon i {
  display: table;
  cursor: default;
  margin: 0 auto;
}
.support-form .alert .close-alert-box {
  background-position: -157px -21px;
  margin-top: 15px;
  text-align: center;
  opacity: 0.4;
}
.support-form .alert .close-alert-box:hover {
  background-position: -136px -21px;
  opacity: 1;
}
.support-form ul {
  padding: 0;
  margin: 0;
}
.support-form p {
  color: #555;
  font-size: 14px;
  margin-bottom: 15px;
}
.support-form form {
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  background-color: #f6f6f6;
  padding: 25px;
  width: 520px;
}
.support-form input[type="text"],
.support-form input[type="email"],
.support-form textarea {
  height: 34px;
  margin-bottom: 20px;
  padding: 0 10px 0 35px;
}
.support-form textarea {
  height: 110px;
  resize: none;
  padding: 6px 8px;
  margin-bottom: 30px;
}
.support-form .btn-primary {
  padding: 4px 20px;
  margin-right: 5px !important;
}
.support-form .btn-default {
  border: none;
  background: transparent;
  padding: 4px 12px;
}
.support-form .btn-default:active,
.support-form .btn-default:focus {
  outline: 0;
  background: transparent;
  box-shadow: none;
}
.support-form li,
.contact-info li {
  list-style: none;
}
.has-error input[type="text"],
.has-error input[type="email"],
.has-error textarea {
  border-color: #a94442;
  outline: 0;
}
.support-form li,
ul.support-ul li {
  position: relative;
}
#show-license {
  position: absolute;
  bottom: -25px;
  color: #154a88;
  font-size: 13px;
  text-decoration: none;
  right: 0 !important;
}
#license-info {
  display: none;
  position: absolute;
  bottom: -130px;
  width: 400px;
  border-radius: 5px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  box-shadow: 2px 2px 8px 1px rgba(179, 179, 179, 0.392);
  padding: 10px 15px;
  z-index: 1;
  left: 100% !important;
  margin-left: 10px !important;
}
#license-info:before,
#license-info:after {
  position: absolute;
  bottom: 103px;
  content: '';
  left: -20px !important;
  border: 10px solid;
  border-color: transparent #eee transparent transparent;
}
#license-info:after {
  left: -18px !important;
  border-color: transparent #fff transparent transparent;
}
#license-info p {
  color: #6d6d6d;
  font-size: 13px;
  line-height: 24px;
  margin: 0;
}
#license-info b {
  color: #222;
}
.choose-addons {
  min-width: 180px;
}
.choose-addons input[type="checkbox"] {
  float: left !important;
  margin: 3px 6px 0 0;
}
.choose-addons h3 {
  color: #000;
  font-size: 16px;
  font-family: 'Roboto Medium';
  margin: 0 0 15px 0;
}
.choose-addons li {
  width: 50%;
  float: left !important;
  margin-bottom: 8px;
}
.choose-addons label {
  color: #222;
  font-size: 13px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
i.at-icon {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 9px !important;
  width: 16px;
  height: 16px;
  background-position: -337px -105px;
}
.recent-forms-info {
  margin-left: 60px !important;
}
.recent-forms-info > h4 {
  font-family: 'Roboto Medium';
  margin-top: 0;
}
.recent-forms-info .accordion-log {
  width: 420px;
  height: 358px;
  overflow-y: auto;
}
.recent-forms-info .accordion-log .panel-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}
.recent-forms-info .accordion-log .collapsing {
  display: block !important;
}
.recent-forms-info .accordion-log p {
  line-height: 1.5;
  margin: 0;
}
.c-slide1 .cloud div,
.c-slide1 .cloud div:before,
.c-slide1 .cloud div:after {
  border-color: #E8CEBA;
  background-color: #fae6d7;
}
.c-slide2 .cloud div,
.c-slide2 .cloud div:before,
.c-slide2 .cloud div:after {
  border-color: #C9DFE1;
  background-color: #deeeef;
}
.c-slide3 .cloud div,
.c-slide3 .cloud div:before,
.c-slide3 .cloud div:after {
  border-color: #D9DCE8;
  background-color: #eaedf4;
}
.c-slide4 .cloud div,
.c-slide4 .cloud div:before,
.c-slide4 .cloud div:after {
  border-color: #E8DEC0;
  background-color: #faf1d7;
}
.c-slide5 .cloud div,
.c-slide5 .cloud div:before,
.c-slide5 .cloud div:after {
  border-color: #EDDBF1;
  background-color: #f9f0fb;
}
.c-slide6 .cloud div,
.c-slide6 .cloud div:before,
.c-slide6 .cloud div:after {
  border-color: #E0EEFB;
  background-color: #EBF6FF;
}
.c-slide6 .email-icon {
  display: none;
}
.cloud-div {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 135px;
  overflow: hidden;
}
.cloud {
  position: absolute;
  left: 0;
  bottom: -160px;
}
.cloud div {
  position: relative;
  border-radius: 100%;
  border: 2px solid #CEDEBB;
  float: left;
  margin-left: -39px !important;
  background-color: #e2eed4;
}
.cloud div:before,
.cloud div:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3px;
  left: -3px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #e2eed4;
}
.cloud div:after {
  left: 2px;
  z-index: 1;
}
.cir-1 {
  width: 210px;
  height: 165px;
  margin-top: -44px;
}
.cir-2 {
  width: 227px;
  height: 167px;
  margin-top: -8px;
}
.cir-3 {
  width: 270px;
  height: 180px;
  margin-top: 21px;
  top: -23px;
}
.cir-4 {
  width: 280px;
  height: 204px;
  margin-top: -23px;
  left: 14px;
}
.cir-5 {
  width: 173px;
  height: 75px;
  left: 11px;
}
.cir-6 {
  width: 240px;
  height: 198px;
  left: 146px;
  margin-top: -47px;
  top: -78px;
}
.email-icon {
  position: relative;
  display: table;
  border-radius: 100%;
  border: 3px solid #fff;
  background-color: #2c586f;
  padding: 17px 13px;
  margin-top: -10px;
  z-index: 10;
  left: 215px;
}
.email-icon i {
  background-position: -375px -103px;
  display: table-cell;
  height: 18px;
  width: 29px;
}
.cloud-div .email-icon i {
  padding: 0px 4px;
  color: #ffffff;
}
.c-wrap a.email-icon {
  text-decoration: none;
}
.overview-container .email-icon {
  position: absolute;
  top: 50%;
  left: auto !important;
  right: 0 !important;
  color: #fff;
  border: none;
  border-radius: 5px 0 0 5px;
  padding: 9px 6px 9px 8px;
  margin-top: -26px;
  text-decoration: none;
  margin-right: 42px !important;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.3s;
}
.ie9 .overview-container .email-icon {
  border-radius: 5px 0px 0px 5px;
}
.overview-container .email-icon:hover {
  margin-right: 0 !important;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  transition: all 0.3s;
}
.overview-container .email-icon i {
  float: left !important;
}
.ovh-div {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
.c-bglayer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.8;
  z-index: 100;
}
.c-wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -330px 0 0 -551px;
  width: 1102px;
  height: 660px;
  background-color: #fff;
  z-index: 101;
  padding: 20px 30px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s;
}
.c-wrap.show {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s;
}
.c-wrap .module {
  height: 540px;
  overflow-y: auto;
  z-index: 2;
  margin-top: 0;
}
#TopStrip a#productOverviewLink:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 10px;
  background: url(../images/overview-sprite.png) no-repeat -350px -161px;
  margin: 0 6px -1px 0;
}
#TopStrip a#productOverviewLink:hover:before {
  background-position: -377px -161px;
}
@media (min-height: 890px) {
  .c-wrap {
    top: 115px;
    margin-top: 0;
    height: 720px;
  }
  .c-wrap .module {
    height: 600px;
  }
}
.overview-update {
  font-size: 23px;
  margin-top: -3px;
  margin-left: 2px !important;
}
/*system update begins*/
.feature-cnt *:not(.sdp-glyph) {
  font-family: 'Roboto';
}
.feature-cnt .label {
  position: relative !important;
  top: -2px;
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-family: 'Roboto Medium';
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.feature-cnt .label-success {
  background-color: #5cb85c;
}
.feature-cnt .c-wrap {
  padding: 4px 0px 14px;
  overflow: hidden;
  height: 650px;
}
.feature-cnt .c-wrap:after {
  content: '';
  display: block;
  width: 100%;
  height: 30px;
  bottom: 0px;
  left: 0;
  position: absolute !important;
  background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#00F', GradientType=0);
}
.feature-cnt .c-wrap:before {
  content: '';
  display: block;
  width: 100%;
  height: 20px;
  left: 0;
  position: absolute !important;
  top: 0px;
  background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#00F', GradientType=0);
}
.feature-cnt .update-content {
  overflow-y: auto;
  height: 100%;
  color: #515151;
  padding: 0px 15px;
}
.feature-cnt .update-content .jumbotron-text {
  padding-left: 30px;
}
.feature-cnt .update-content .feature-unread {
  background-color: #f4fbff;
}
.feature-cnt .update-content .feature-unread a {
  color: #1a6ebd;
}
.feature-cnt .update-content .feature-newupdate:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}
.feature-cnt .update-content .feature-newupdate:hover .feature-title {
  color: #1a6ebd;
}
.feature-cnt .update-content .release-stage {
  margin-top: 5px;
  font-family: 'Roboto';
  font-size: 10px;
  padding: 2px 5px;
  margin-left: 10px;
}
.feature-cnt .update-content .count-date {
  margin-left: 10px;
}
.feature-cnt .update-content p {
  margin: 0;
  color: #515151;
  font-size: 13px;
}
.feature-cnt .update-content h4 {
  border-top: 1px solid #dddddd;
  margin: 0px;
  padding: 12px 0px 4px 0px;
  background-color: #ffffff;
  width: 100%;
  z-index: 1;
  font-size: 15px;
  font-weight: inherit;
}
.feature-cnt .update-content h4:nth-child(2),
.feature-cnt .update-content h4:first-child {
  border-top: none;
}
.feature-cnt div:last-child.feature-newupdate {
  border-bottom: 1px solid #dddddd;
}
.feature-cnt .feature-newupdate {
  border: 1px solid #dddddd;
  border-bottom: none;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
}
.feature-cnt .feature-newupdate a {
  color: #1a6ebd;
}
.feature-cnt .feature-newupdate div:first-child {
  width: 90px;
  border-right: 1px solid #dddddd;
  display: table-cell;
  vertical-align: middle;
  background-color: #f5f5f5;
  text-align: center;
  height: 80px;
}
.feature-cnt .feature-newupdate div:first-child span {
  width: 49px;
  display: inline-block;
  font-size: 33px;
}
.feature-cnt .feature-newupdate div:last-child {
  display: table-cell;
  line-height: 21px;
  padding-left: 15px;
}
.feature-cnt .feature-newupdate div:last-child .feature-title {
  font-family: 'Roboto Medium';
  font-size: 15px;
  float: left;
}
.feature-cnt .feature-newupdate div:last-child ul,
.feature-cnt .feature-newupdate div:last-child ol,
.feature-cnt .feature-newupdate div:last-child p {
  line-height: 20px;
  font-size: 13px;
}
.feature-cnt .feature-newupdate div:last-child ul,
.feature-cnt .feature-newupdate div:last-child ol {
  padding: 0px 16px;
  margin: 0;
}
.feature-cnt .feature-calender {
  width: 49px;
  border: 1px solid #cccccc;
  /* Border radius */
  border-radius: 3px;
  overflow: hidden;
  line-height: 1.5;
}
.feature-cnt .feature-calender i {
  display: block;
  text-align: center;
  font-style: normal;
}
.feature-cnt .feature-calender i:first-child {
  background-color: #ffffff;
  font-size: 20px;
  color: #515151;
}
.feature-cnt .feature-calender i:last-child {
  background-color: #515151;
  color: #ffffff;
  font-size: 12px;
}
.ov-updates .email-icon {
  margin-top: 0px;
}
.ov-updates .ov-upd-icon {
  margin-top: -40px;
}
.ov-updates .ov-upd-icon span {
  position: absolute !important;
  left: -5px !important;
  top: -6px;
}
.overview-btn > .btn {
  overflow: visible;
}
.event-btn i {
  font-size: 15px;
  color: #868686;
  margin-top: 2px;
}
.event-btn span.badge {
  position: absolute !important;
  top: -5px;
  right: -6px !important;
}
.event-btn:hover i {
  color: #3a96e7;
}
#TopStrip .formStylebutton.event-btn {
  position: relative !important;
  margin-right: 10px !important;
  margin-left: 0px !important;
}
#TopStrip .formStylebutton.overview-btn {
  margin-right: 0px !important;
  border-right: 0px solid #ffffff;
}
/*system update ends*/
/* ----------------------------------------------- */
/* profile-picture.less */
/* ----------------------------------------------- */
.usermenu .um-picture {
  width: auto;
}
.usermenu .um-picture .tb {
  display: table;
}
.usermenu .um-picture .tb-cell {
  display: table-cell;
}
.usermenu .um-picture .prp-pdetails {
  min-width: 150px;
}
.usermenu .um-picture .left {
  border-right: 1px solid #cccccc;
  vertical-align: top;
}
.usermenu .um-picture .left .bdr {
  border-right: 0 solid transparent;
}
.usermenu .um-picture .eval .text-danger {
  white-space: nowrap;
}
.usermenu .um-picture .hand .FullWidth {
  width: 100%;
  display: block;
}
.prp-circle {
  border: 1px solid transparent;
  border-radius: 50px;
  width: 34px;
  height: 34px;
  overflow: hidden;
}
.pr-icon span.sdp-glyph {
  padding: 4px 7px 4px 6px;
}
.prp-circle img,
.prp-circle-lx img {
  width: 100%;
  height: 100%;
}
.prp-circle-lx {
  border-radius: 50px;
  width: 89px;
  height: 90px;
  margin: 5px 0px 0px 0px;
  overflow: hidden;
  border: 2px solid #cccccc;
}
.prp-circle-lx span.fadeIcon {
  position: absolute;
  border-radius: 50px;
  width: 89px;
  height: 90px;
  background-color: #000000;
  opacity: .6;
  margin: -1px 0px 0px -2px;
}
.prp-circle-lx .edit-pro-pic {
  position: absolute;
  color: #ffffff;
  z-index: 1;
  cursor: pointer;
  width: 89px;
  height: 90px;
}
.prp-circle-lx .edit-pro-pic span.icnedit {
  height: 89px;
  width: 41px;
  padding-top: 30px;
  text-align: center;
  margin: 0px 0px 0px -5px;
}
.prp-circle-lx .edit-pro-pic span.icndelete {
  height: 87px;
  width: 45px;
  padding-top: 30px;
  text-align: center;
  border-right: 1px solid #555555;
  margin: -3px 0px 0px 0px;
  font-size: 17px;
}
.hdr-usermenu span.user-button {
  border: 2px solid #ffffff;
  width: 10px;
  height: 10px;
  margin: -18px 0 0 19px;
  position: absolute;
  padding: 0;
}
.hdr-usermenu span.user-button-p {
  margin: -14px 0 0 24px;
}
.prtopheader {
  padding: 0px 8px 8px 8px;
  border-bottom: 1px solid #eeeeee;
  background-color: #f5f5f5;
}
.top-header .navbar-nav > li > a.navbar-thumb {
  padding: 2px 6px;
}
/* online-offline.less */
.drop-outbodr {
  border: 1px solid #cccccc;
  margin-left: 5px !important;
  line-height: 26px;
}
.drop-outbodr:hover {
  border: 1px solid #cccccc;
}
.tech-contacts .admin-searchicon {
  top: 6px;
  left: 10px !important;
}
.tech-contacts .admin-searchrow {
  margin: 0px !important;
}
.tech-contacts .admin-searchbar {
  height: 25px;
}
.tech-contacts .admin-clearbutton {
  top: 5px;
}
.select2-filter-option {
  background: #f1f1f1;
  border-top: 1px solid #dddddd;
  padding: 6px 0 8px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 4;
  -webkit-border-top-right-radius: 4;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 4;
  -moz-border-radius-topright: 4;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4;
  border-top-right-radius: 4;
  background-clip: padding-box;
  font-size: 12px;
}
.select2-filter-option span {
  padding: 0px 8px;
}
.drop-outbodr {
  border: 1px solid #cccccc;
  margin-left: 5px !important;
  line-height: 26px;
}
.drop-outbodr:hover {
  border: 1px solid #cccccc;
}
#loggedTechnician > i {
  top: 11px;
}
.techdetailsrow {
  border-bottom: 1px solid #cccccc;
  clear: both;
  color: #4f4f4f;
  float: left !important;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px !important;
  padding: 10px 0;
  width: 100%;
}
.select2-results li {
  padding: 3px 0;
}
.filterbyoption {
  padding: 0 3%;
}
.calendar-gridview span .weekEndBG {
  background: #dddddd;
}
.calendar-gridview .calendar-odd-row td,
.calendar-gridview .calendar-even-row td {
  border-right: 1px solid #e6ecf1;
}
.onlineicon,
.offlineicon {
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  width: 8px;
}
.logedicon {
  background: #ffffff;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #cccccc;
  height: 7px;
  width: 7px;
}
.logoutdiv {
  position: relative !important;
}
.glyph-buttonbg {
  background: none;
  border: none;
  cursor: pointer;
}
.outr-bordr {
  border: 1px solid #ffffff;
}
#newpost1.dropdown-menu {
  left: 5px !important;
  top: 29px;
}
.um-block:before,
.um-block:after {
  content: " ";
  display: table;
}
.um-block .left,
.um-block .right {
  display: table-cell;
}
/* online-offline.less Ends*/
.gridster-customization {
  background-color: #d8d8d8;
  /*** Tab Nav ***/
  /*** Widget Information Remove or add External widgets ***/
  /*** Popup Widow ***/
  /*** Edit DasDashboard .gridsterul:not(.gs-resize-disabled) ***/
  /*** Widget Mini Width Menu bar class ***/
  /*** Widget Menu ***/
  /*** Tabl-ui ***/
  /** All Sites select2 design change **/
  /*** Plus Icon ***/
  /*External widget*/
}
.gridster-customization .dashboard-innercol {
  border: 1px solid #cccccc;
}
.gridster-customization ul {
  list-style-type: none;
}
.gridster-customization .headerbar .nav .active a {
  cursor: default;
}
.gridster-customization .headerbar .nav a {
  padding: 10px !important;
  cursor: pointer;
}
.gridster-customization .headerbar {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  height: 42px;
}
.gridster-customization .headerbar .tabs-ui2 {
  width: 59%;
}
.gridster-customization .headerbar .tabs-ui2 .nav-tabs {
  border-bottom: 0;
}
.gridster-customization .headerbar .tabs-ui2 div.btn-group {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  cursor: pointer;
}
.gridster-customization .refreshreportgraph {
  visibility: hidden;
}
.gridster-customization li.gs-w:hover .refreshreportgraph {
  visibility: visible;
}
.gridster-customization .sdp-glyph-rotate-right {
  transform: rotate(220deg);
}
.gridster-customization .def-wgt {
  cursor: pointer;
  padding: 3px;
  line-height: normal;
}
.gridster-customization .def-wgt .sdp-glyph-ok-circle {
  top: -3px;
}
.gridster-customization .def-wgt:hover {
  background-color: #f1f1f1;
}
.gridster-customization .def-wgt a {
  vertical-align: top;
  display: inline-block;
}
.gridster-customization .def-wgt.active .sdp-glyph-ok-circle {
  color: #33823c;
}
.gridster-customization .def-wgt-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.gridster-customization .externaladdwgt-form {
  top: 103%;
}
.gridster-customization .external-wgt-formmn {
  -webkit-box-shadow: 0px 4px 19px rgba(70, 70, 70, 0.4);
  box-shadow: 0px 4px 19px rgba(70, 70, 70, 0.4);
}
.gridster-customization .widget-add {
  width: 503px;
  z-index: 100;
  position: relative !important;
  background-color: #ffffff;
}
.gridster-customization label.compulsory {
  color: #a74f4f;
}
a.gridster-customization label.compulsory:hover {
  color: #843f3f;
}
.gridster-customization .gridster {
  padding: 4px 0 4px 4px;
}
.gridster-customization .gridsterul:not(.gs-resize-disabled) .widget-menu {
  display: none;
}
.gridster-customization .widget-clr1 {
  background-color: #f5f5f5;
}
.gridster-customization .widget-clr2 {
  background-color: #dddddd;
}
.gridster-customization .widget-clr3 {
  background-color: #868686;
}
.gridster-customization .widget-clr4 {
  background-color: #9BA5b5;
}
.gridster-customization .new-titleurl {
  box-shadow: 0px 4px 19px rgba(70, 70, 70, 0.4);
  position: absolute !important;
  width: 505px;
  top: 42px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  z-index: 99;
}
.gridster-customization .left-inner-addon {
  position: relative !important;
}
.gridster-customization .left-inner-addon i {
  left: 1px !important;
  padding: 6px 9px;
  pointer-events: none;
  position: absolute !important;
  top: 1px;
}
.gridster-customization i.sdp-glyph-link {
  background-color: #f9f9f9;
  border-right: 1px solid #cccccc;
  width: 30px;
}
.gridster-customization .addexternalwidget {
  display: table;
  width: 100%;
}
.gridster-customization .addexternalwidget .left-col {
  padding: 0px !important;
  opacity: 0.65;
}
.gridster-customization .addexternalwidget .col-fields:first-child {
  display: table-cell;
  width: 30%;
  vertical-align: top;
}
.gridster-customization .addexternalwidget .col-fields:last-child {
  display: table-cell;
  width: 69%;
  padding-left: 1% !important;
  vertical-align: top;
}
.gridster-customization .addexternalwidget .left-inner-addon {
  width: 75%;
  padding-bottom: 10px !important;
}
.gridster-customization .addexternalwidget .cmdb-show-plus2,
.gridster-customization .addexternalwidget .cmdb-hide-minus2 {
  margin-top: 5px !important;
}
.gridster-customization ul.sortlist.cs {
  height: auto;
  max-height: 300px;
  margin: 0px !important;
}
.gridster-customization .gs-resize-disabled .widget-bg:hover {
  box-shadow: 2px 2px 1px rgba(70, 70, 70, 0.1);
}
.gridster-customization .overlay_fix {
  bottom: 0;
  display: none;
  left: 0 !important;
  opacity: 0;
  position: absolute !important;
  right: 0 !important;
  top: 0;
  z-index: 99;
}
.gridster-customization .widget-header:not(.rt-btns) {
  padding: 15px 0 15px 15px;
}
.gridster-customization li.cursor-move .widget-header:not(.rt-btns) {
  cursor: move;
}
.gridster-customization .iconviewmenu {
  position: absolute !important;
  visibility: hidden;
  z-index: -1;
}
.gridster-customization .headerbar-fixed {
  top: 0px;
  position: fixed;
  z-index: 99;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.gridster-customization .widget-menu .normalviewmenu .csoverlay span {
  vertical-align: sub;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding-right: 10px !important;
}
.gridster-customization .widget-menu .normalviewmenu .form-control.select2-container {
  width: 120px;
  margin-right: 5px !important;
}
.gridster-customization .externaladdwgt-form {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  left: -240px !important;
  position: absolute !important;
  top: 45px;
  width: 600px;
  z-index: 100;
}
.gridster-customization .externaladdwgt-form .tabs-ui2 {
  height: auto;
  width: 100%;
}
.gridster-customization .externaladdwgt-form .tabs-ui2 > .nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.gridster-customization .externaladdwgt-form .widget-add {
  width: auto;
}
.gridster-customization .widget-restoremn-default {
  height: 211px;
  overflow-x: hidden;
  overflow-y: auto;
}
.gridster-customization .widget-restoremn-default ul.sortlist {
  max-height: inherit;
}
.gridster-customization .def-wgt {
  padding: 5px 10px;
}
.gridster-customization .site-selection-container .external-wgt-form {
  background: none;
  border: none;
  box-shadow: none;
  top: 20px;
}
.gridster-customization .dashbdsites .select2-choice {
  background: #ffffff;
}
.gridster-customization .dashbdsites .select2-chosen,
.gridster-customization .dashbdsites .select2-arrow {
  opacity: 0;
}
.gridster-customization .dashbdsites.select2-container {
  height: 10px;
}
.gridster-customization .btn-group.open .dropdown-toggle.addCommonglyph .sdp-glyph-plus {
  background-color: #63BD6E;
  border: 1px #459F4D solid;
}
.gridster-customization [data-external="true"] .widget-header {
  line-height: 0;
}
/*** Gridster Widget ***/
.gs-w .widget-bg .close {
  position: absolute;
  right: 20px !important;
  visibility: hidden;
  top: 10px;
  z-index: 1;
}
.gs-w .widget-bg:hover {
  box-shadow: 0px 0px 19px rgba(70, 70, 70, 0.4);
}
.gs-w .widget-bg:hover .close {
  visibility: visible;
}
.gs-w .widget-header .remove-custom-report {
  color: #D00000 !important;
  text-decoration: none;
}
.gs-w .widget-header .remove-custom-report:hover {
  color: #F44336 !important;
  background-color: transparent !important;
  text-decoration: none;
}
.gs-w .widget-header .remove-custom-report:focus,
.gs-w .widget-header .remove-custom-report:active {
  text-decoration: none;
}
.widget-bg {
  height: 100%;
  overflow: hidden;
  border: 1px solid #dddddd;
}
.widget-bg .widget-header {
  position: relative !important;
  border-bottom: 1px solid #dddddd;
  background-color: #f5f5f5;
  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: 10px;
  right: 10px !important;
}
.widget-bg .widget-panel {
  background-color: #ffffff;
  height: 100%;
  padding: 10px;
}
.widget-menu .text-left {
  text-align: left;
}
/*** Plus Icon ***/
.addCommonglyph:hover.addCommonglyph:not(.panel-heading) {
  background-color: #f5f5f5;
}
.addCommonglyph:hover.addCommonglyph:not(.panel-heading) .sdp-glyph-plus {
  background-color: #63BD6E;
  border: 1px #459F4D solid;
}
.addCommonglyph .sdp-glyph-plus {
  background-color: #868686;
  border: 1px solid #6a6a6a;
  font-size: 9px;
  padding: 1px !important;
  color: #ffffff;
  top: 0;
  display: inline-block;
}
/*** Gridster Widget ***/
.gridster-customization ul.ui-alertbox1 .row-alert {
  background-color: #ffffff;
  display: table;
  margin: 0px !important;
  padding: 0px !important;
}
.gridster-customization .row-alert [class*="col-"] {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding: 10px !important;
}
.gridster-customization .showalert-icon {
  background-color: #f9f9f9;
}
.gridster-customization .showalert-txt {
  padding: 10px !important;
  width: 450px;
}
.gridster-customization .task-loading {
  background: rgba(0, 0, 0, 0) url("../images/spinner-icon2.gif") repeat scroll 0 0;
  display: inline-block;
  height: 11px;
  width: 16px;
}
.gridster-customization .gridster .preview-holder {
  background-color: #cccccc;
  border-color: #D3D3D3;
  opacity: 0.3;
  position: absolute !important;
  z-index: 1;
}
/*** Common Css ***/
.dashboard-customization {
  /*** Drop Down Menu ***/
  /*** Add Widget and Organise Widget ***/
  /*** Normal Setting ***/
  /*** Setting Icon ***/
  /*** Back icon for addDashbrd popup ***/
  /*** Add DasDashboard ***/
  /*** Edit DasDashboard ***/
}
.dashboard-customization .widget-panel [id^='graph_'],
.dashboard-customization .widget-panel > div:first-child {
  height: 100%;
}
.dashboard-customization .btn-group.open {
  background-color: #f5f5f5;
}
.dashboard-customization .dashboardtabsshow span.dropdown-toggle {
  font-size: 21px;
  box-shadow: none;
  padding: 0px 15px 8px;
}
.dashboard-customization .dashboardtabsshow .dropdown-menu2 {
  width: 160px;
}
.dashboard-customization .dashboardtabsshow .dropdown-menu2 a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.dashboard-customization .dashboardwidgetoraganise .btn-group {
  border-left: 1px solid #dddddd;
  padding: 6px 10px;
}
.dashboard-customization .dashboardwidgetoraganise .btn-group.db-props-form1 select {
  width: 50px;
  height: 24px;
}
.dashboard-customization .dashboardsiteoraganise .btn-group {
  border-left: 1px solid #dddddd;
  cursor: pointer;
}
.dashboard-customization .dashboardsiteoraganise .btn-group:hover.dashboard-headrset,
.dashboard-customization .dashboardsiteoraganise .btn-group:hover .dropdown-toggle {
  background-color: #f5f5f5;
}
.dashboard-customization .dashboardsiteoraganise .dropdown-toggle {
  padding: 10px !important;
  box-shadow: none;
}
.dashboard-customization .dashboardsiteoraganise .dashbdglobalopt {
  display: inline-block;
  vertical-align: bottom;
  max-width: 120px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-customization .bs-noconflict.hide {
  display: none !important;
}
.dashboard-customization .dashboard-innercol .dropdown-menu {
  right: 0 !important;
  left: inherit !important;
}
.dashboard-customization .dashboard-innercol .dropdown-menu .dashboard-refresh {
  padding: 0px !important;
  width: 100%;
  cursor: pointer;
}
.dashboard-customization .dashboard-innercol .dropdown-menu .dashboard-refresh input[type=radio] {
  margin-right: 5px !important;
}
.dashboard-customization .dashboard-innercol .dropdown-menu .dashboard-refresh label {
  cursor: pointer;
  margin: 0px !important;
  padding: 8px 10px;
  width: 100%;
}
.dashboard-customization .dashbdsett {
  padding: 0px !important;
  white-space: nowrap;
}
.dashboard-customization .dashbdsett li:last-child a {
  border-top: 1px solid #e9e9e9;
}
.dashboard-customization .dashbdsett a {
  padding: 10px !important;
}
.dashboard-customization .widget-layout-col1 {
  width: 150px;
  margin-bottom: 0;
}
.dashboard-customization .widget-layout-col1 li {
  display: inline-block;
}
.dashboard-customization .widget-layout-col1 li a {
  border: 1px solid #dddddd;
  display: inline-block;
  height: 30px;
  margin-right: 6px !important;
  width: 30px;
}
.dashboard-customization .widget-layout-col1 li a.active {
  border-color: #65b7de;
  cursor: default;
}
.dashboard-customization .widget-layout-col1 li:last-child a {
  margin-right: 0 !important;
}
.dashboard-customization .dashboard-fustype a {
  width: auto;
  white-space: nowrap;
  padding-left: 20px !important;
  padding-right: 20px !important;
  position: relative !important;
}
.dashboard-customization .dashboard-fustype a span {
  color: #009adb;
  position: absolute !important;
  font-size: 11px;
  left: 0 !important;
  top: 8px;
  opacity: 0;
}
.dashboard-customization .dashboard-fustype a.active span {
  opacity: 1;
}
.dashboard-customization .dashbd-bk-share {
  cursor: pointer;
}
.dashboard-customization .dashbd-bk-share .sdp-glyph-arrow-up {
  transform: rotate(270deg);
}
.dashboard-customization .dashboardwrapper .dashboardview label {
  width: auto;
}
.dashboard-customization .dashboardwrapper label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-customization .dashboardview input[type=radio] {
  float: left !important;
  margin-top: 3px !important;
}
.dashboard-customization .dashboardview .disabledashbdhead {
  position: absolute !important;
  background-color: #ffffff;
  opacity: 0.3;
  left: 0 !important;
}
.dashboard-customization .newDashboardshar .surveyPublic {
  border-radius: 5px;
}
.dashboard-customization .newDashboardshar textarea {
  resize: none;
}
.dashboard-customization .newDashboardshar .sdp-glyph-warning {
  vertical-align: sub;
}
.dashboard-customization .dashboard-empty {
  position: absolute !important;
  width: 100%;
  top: 50px;
  left: 0 !important;
  opacity: 0;
}
.dashboard-customization .dbheaddescri {
  position: relative !important;
}
.dashboard-customization .dbheaddescri .pull-left,
.dashboard-customization .dbheaddescri .pull-right {
  width: 49%;
}
.dashboard-customization .dbheaddescri .text-left {
  position: relative !important;
  width: 100%;
}
.dashboard-customization .dbheaddescri .dashboardnamelen,
.dashboard-customization .dbheaddescri .dashboarddeslen {
  position: absolute !important;
  right: 0 !important;
  color: #cccccc;
}
.dashboard-customization .dbheaddescri .sdp-glyph-info-blue {
  vertical-align: top;
}
.dashboard-customization .dbheaddescri textarea {
  resize: none;
  height: 28px;
}
.dashboard-customization .dbheaddescri .disabledashbdhead {
  position: absolute !important;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  opacity: 0.3;
}
.dashboard-customization .dbheaddescri .dashboardname1 {
  position: absolute !important;
  width: 0;
  height: 0;
  opacity: 0;
}
.dashboard-customization .dbheaddescri .dbhead-executiveview {
  margin-top: 10px !important;
}
.dashboard-customization .dsethead {
  border-bottom: 1px solid #cccccc;
}
.dashboard-customization .dsethead .db-props-form2 label {
  padding: 4px 10px;
  margin: 0px !important;
  float: left !important;
  width: 50%;
}
.dashboard-customization .dsethead .db-props-form2 label:first-child {
  border-right: 1px solid #cfcfcf;
}
.dashboard-customization .dsetreorder {
  min-height: 350px;
  max-height: 530px;
}
.dashboard-customization .dsetreorder .dsetalgn {
  background-color: #ffffff;
  cursor: move;
}
.dashboard-customization .dsetnrml {
  min-height: 350px;
  max-height: 530px;
  overflow: auto;
}
.dashboard-customization .dsetnrml .sdp-glyph-ok-circle {
  color: #33823c;
}
.dashboard-customization .dsetnrml .dsshare:hover:not(.dsetdisable) {
  cursor: pointer;
}
.dashboard-customization .dsetnrml .dsshare:hover:not(.dsetdisable) .sdp-glyph:before {
  content: "\e97f";
}
.dashboard-customization .dsetalgn {
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
}
.dashboard-customization .dsetalgn ul {
  display: table;
  width: 100%;
}
.dashboard-customization .dsetalgn li {
  display: table-cell;
  vertical-align: middle;
  word-break: break-all;
}
.dashboard-customization .dsetalgn:hover .dsshare [data-name=new] {
  cursor: pointer;
}
.dashboard-customization .dsetalgn .dashboardwrapper {
  padding-left: 7% !important;
}
.dashboard-customization .dsetalgn .sdp-glyph-vip {
  color: #EA742C;
}
.dashboard-customization .dsetalgn.active {
  background-color: #f9f9f9;
}
.dashboard-customization .dsetalgn.active .dsmarkalign .sdp-glyph {
  visibility: hidden;
}
.dashboard-customization .dsetalgn .sdp-glyph-edit2,
.dashboard-customization .dsetalgn .sdp-glyph-trash-fill,
.dashboard-customization .dsetalgn .sdp-glyph-ok-circle,
.dashboard-customization .dsetalgn .sdp-glyph-ban-circle {
  cursor: pointer;
}
.dashboard-customization .dsmarkalign {
  width: 7%;
  text-align: center;
}
.gridster-customization .tooltip {
  position: fixed;
}
.gridster-customization .tooltip-inner {
  background-color: #000000;
  border-radius: 0;
  color: #ffffff;
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  text-decoration: none;
}
.gridster-customization .tooltip-inner > p {
  color: #ffffff;
}
.gridster-customization .dashboard-refresh-status .h5,
.gridster-customization .dashboard-refresh-status h5 {
  font-family: 'Roboto Medium';
  background-color: #eeeeee;
  padding: 9px 15px;
}
.gridster-customization .refreshreportgraph .btn-group {
  display: inline-block !important;
}
.gridster-customization .refreshreportgraph .btn-group.hide-chart {
  display: none !important;
}
.gridster-customization .dsmarkalign .form-control {
  display: inline-block !important;
}
.gridster-customization .view-listing {
  display: inline-block;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  width: 90%;
  height: 42px;
}
.gridster-customization .widget-summaryrequests-list span.dbrdchtnotesh {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 80px;
}
.gridster-customization .external-url-field::-moz-placeholder {
  color: #b94a48;
  opacity: 1;
}
.gridster-customization .external-url-field:-ms-input-placeholder {
  color: #b94a48;
}
.gridster-customization .external-url-field::-webkit-input-placeholder {
  color: #b94a48;
}
.gridster-customization .new-dashboard-dialog .wrapper {
  height: 520px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.gridster-customization .alert-dialog-ui1 .header h4 {
  color: #535353;
}
.gridster-customization .gridsterul:not(.gs-resize-disabled) .widget-bg:hover .edit-title,
.selfservice-portal-body .gridsterul:not(.gs-resize-disabled) .widget-bg:hover .edit-title {
  visibility: visible;
}
.gridster-customization .edit-title,
.selfservice-portal-body .edit-title {
  cursor: pointer;
  visibility: hidden;
  margin-left: 5px !important;
}
.gridster-customization .left-inner-addon i,
.selfservice-portal-body .left-inner-addon i {
  position: absolute !important;
  padding: 10px 12px;
  pointer-events: none;
  height: 93%;
  top: 1px;
  left: 1px !important;
}
.gridster-customization .left-inner-addon i.icon-search,
.selfservice-portal-body .left-inner-addon i.icon-search {
  background-position: -118px -133px;
  width: 26px;
}
.dashboardwrapper .alert-dialog-ui1 .header,
.share-dashboard-dialog .alert-dialog-ui1 .header {
  border-bottom: 1px solid #d8d8d8;
}
/*** Dashboard tabs Assets and Helpdesk ***/
.widget-panel {
  /** Problem and change Unapproved changes ***/
}
.widget-panel .dataCountTable {
  width: 100%;
}
.widget-panel .dataCountTable td {
  border-bottom: 1px #E4E4E4 solid;
  padding: 2px 2px 2px 3px;
  text-align: center;
}
.widget-panel .dataCountTable td.col2 a,
.widget-panel .dataCountTable td.col3 a {
  color: #000000;
  font-weight: normal;
}
.widget-panel .dataCountTable td.col4 a {
  color: #F00;
  font-weight: normal;
}
.widget-panel .dataCountTable td.col2 a:hover,
.widget-panel .dataCountTable td.col3 a:hover,
.widget-panel .dataCountTable td.col4 a:hover {
  color: #F00;
}
.widget-panel .dataCountTable td.col1 {
  padding-left: 10px !important;
  width: auto;
  text-align: left;
  text-align: left !important;
  color: #000000;
  font-weight: normal;
}
.widget-panel .dataCountTable td.col2 {
  padding-right: 15px !important;
}
.widget-panel .dataCountTable td.col3 {
  padding-right: 18px !important;
}
.widget-panel .dataCountTable td.col4 {
  padding-right: 24px !important;
  color: #F00;
}
.widget-panel .dataCountTable tr th {
  text-align: center;
  background: #E4E4E4;
  font-family: 'Roboto Medium';
  padding-right: 0px !important;
}
.widget-panel .dataCountTable a {
  width: 100%;
}
.widget-panel .dataCountTable td.coltot {
  font-family: 'Roboto Medium';
  width: auto;
}
.widget-panel .dataCountTable td.coltot a {
  font-family: 'Roboto Medium';
  text-decoration: none;
  color: #F00;
}
.widget-panel .content23 .ast .sum td {
  padding: 3px;
}
.widget-panel .content23 .ast .color_db td {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 1px solid #E5E5E5;
}
.widget-panel .content23 h2 {
  color: #333333;
  font-size: 18px;
  height: 17px;
  margin: 10px 0;
  padding: 0;
  text-align: center;
}
.widget-panel .content23 .infdet table {
  text-align: center;
  width: 99.5%;
}
.widget-panel .content23 .infdet table tr td {
  color: #656565;
  height: 25px;
  padding: 0;
  text-align: center;
}
.widget-panel .roweven,
.widget-panel .row1,
.widget-panel .detailstable #oddrow,
.widget-panel .rowEven,
.widget-panel .detailstable #oddRow {
  background-color: #DCDDDE;
  height: 28px;
}
.widget-panel .brbtmpaddrt5pxclr {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  padding-left: 5px !important;
  color: #3466A9;
  text-align: left;
  text-align: left !important;
}
.widget-panel .paddinglet5pxbrbtm {
  border-bottom: 1px solid #cccccc;
  padding-left: 5px !important;
}
.widget-panel .widgets-conttable {
  padding: 5px;
  white-space: normal;
  overflow: auto;
  text-align: center;
  border-collapse: separate;
}
.widget-panel .widgets-conttable .rowEven,
.widget-panel .widgets-conttable .rowOdd {
  text-align: left;
  height: 36px;
}
.gridster-customization #detailstask table.changedetails tbody tr td a {
  color: #000000;
  text-decoration: none;
}
.gridster-customization #detailstask span.h1 {
  margin: 5px;
}
/*** Dashboard tabs Assets and Helpdesk ***/
/** Admin home page widget box **/
.adminhomepage * {
  box-sizing: border-box;
}
.adminhomepage a {
  color: #515151;
}
.adminhomepage .headerbar.sticky-fixed {
  border-bottom: 1px solid #cccccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 2;
  border-bottom: 1px solid #dddddd;
  background-color: #ffffff;
}
.adminhomepage [data-name=empty-task],
.adminhomepage [data-name=added-announcement],
.adminhomepage [data-name=empty-announcement] {
  top: 20%;
}
.adminhomepage .widget-header h4 span.sdp-glyph {
  top: 12px;
}
.widget-panel .widget-details-highlight {
  padding: 11px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
}
.widget-panel .widget-details-highlight .mytaskdeletebtn {
  visibility: hidden;
}
.widget-panel .widget-details-highlight:hover {
  background-color: #f1f1f1;
}
.widget-panel .widget-details-highlight:hover .mytaskdeletebtn {
  visibility: visible;
}
.widget-panel .widget-details-highlight:hover .glyph-trash-fill,
.widget-panel .widget-details-highlight:hover .glyph-edit2 {
  opacity: 1;
}
.widget-panel .widget-details-highlight .glyph-trash-fill,
.widget-panel .widget-details-highlight .glyph-edit2 {
  opacity: 0.4;
}
.widget-panel a.widget-details-highlight:hover,
.widget-panel .widget-details-highlight:hover a {
  color: #1a6ebd;
  text-decoration: none;
}
.mysummary .widget-panel .widget-details-highlight {
  padding: 9px;
}
.mysummary .widget-panel .widget-details-highlight:hover {
  background-color: inherit;
}
.list-anno .edit,
.list-anno .trash,
.list-anno .reminder,
.list-anno .reminder-cls {
  opacity: 0.5;
}
.list-anno .widget-details-highlight:hover .edit,
.list-anno .widget-details-highlight:hover .trash,
.list-anno .widget-details-highlight:hover .reminder,
.list-anno .widget-details-highlight:hover .reminder-cls {
  opacity: 1;
}
.newannouncement {
  background-color: #01A9E2;
  border-radius: 0 2px 2px 0;
  color: #ffffff;
  display: inline-block;
  float: left !important;
  font-size: 10px;
  height: 19px;
  line-height: normal;
  padding: 3px 6px 0 4px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 50px;
}
.newannouncementarrow {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #01a9e2;
  display: inline-block;
  float: left !important;
}
/*** addrowbtn ***/
.addrowbtn-text .addrowbtn {
  background-color: #868686;
  border: 1px solid #6a6a6a;
  color: #ffffff;
  font-size: 9px;
  top: -1px;
  padding: 1px;
  text-shadow: none;
  line-height: normal;
}
.addrowbtn-text:hover .addrowbtn {
  background-color: #68C073;
  border: 1px #51B159 solid;
}
.addrowbtn-text:hover .addrowbtn.sdp-glyph.icon-xs {
  text-shadow: 0px 1px 1px #333333;
  color: #ffffff;
}
/** Admin home page widget box **/
/** Admin home page widget box **/
.hm-sprite {
  background-image: url("../images/homepage.png");
  background-repeat: no-repeat;
  display: inline-block;
}
.hm-aprl {
  background-position: -6px -7px;
}
.hm-mysmy {
  background-position: -30px -7px;
}
.hm-mytask {
  background-position: -58px -7px;
}
.hm-anun {
  background-position: -88px -7px;
}
.hm-rmdr {
  background-position: -114px -7px;
}
.req-ovdu {
  background-position: -3px -39px;
  height: 28px;
  width: 28px;
}
a .req-ovdu {
  background-position: -3px -73px;
}
.req-dto {
  background-position: -139px -39px;
  height: 28px;
  width: 28px;
}
a .req-dto {
  background-position: -138px -73px;
}
.pen-req {
  background-position: -39px -39px;
  height: 28px;
  width: 28px;
}
a .pen-req {
  background-position: -38px -73px;
}
.app-cha {
  background-position: -173px -39px;
  height: 28px;
  width: 28px;
}
a .app-cha {
  background-position: -172px -71px;
}
.uapp-cha {
  background-position: -109px -39px;
  height: 28px;
  width: 28px;
}
a .uapp-cha {
  background-position: -108px -73px;
}
.pen-pblm {
  background-position: -75px -39px;
  height: 28px;
  width: 28px;
}
a .pen-pblm {
  background-position: -75px -73px;
}
.uass-pblm {
  background-position: -208px -39px;
  height: 28px;
  width: 28px;
}
a .uass-pblm {
  background-position: -207px -72px;
}
.glyph-trash-fill {
  background-position: -24px -104px;
}
.glyph-edit2 {
  background-position: -4px -104px;
}
.glyph-seperater {
  background-position: -72px -104px;
  width: 10px;
}
.glyph-private {
  background-position: -40px -104px;
}
.glyph-public {
  background-position: -57px -104px;
}
.approval .widget-panel .widget-details-highlight,
.announcments .widget-panel .widget-details-highlight,
.reminder .widget-panel .widget-details-highlight {
  display: table;
}
.adminhomepage .mytasks .dummy-div {
  display: none;
}
.adminhomepage .widget-bg .widget-header h4.new-header .hm-sprite {
  top: -4px;
}
/*iframe scroll*/
.ds-container .iframe-widget-summaryrequests-list.widget-panel {
  overflow: hidden !important;
}
.selfservice-portal {
  /** Header Drop down ****/
  /** Header Drop down ****/
}
.selfservice-portal .widget-summarypendingrequests .widget-apprlistcnt {
  float: left !important;
  border-bottom: 0 none;
  border-right: 1px dashed #e9e9e9;
  padding: 2% 1% 1% 3%;
  width: 33.33%;
  height: 100%;
}
.selfservice-portal .widget-summarypendingrequests .widget-apprlistcnt .widget-request-txtblk {
  float: left !important;
}
.selfservice-portal .widget-summarypendingrequests .widget-apprlistcnt:last-child {
  border-right: medium none #ffffff;
}
.selfservice-portal .widget-header.widget-helpservice-req.widget-helpservicereq .widget-apprlistcnt-col .col-widgethg {
  float: left !important;
  width: 30%;
  text-align: end;
}
.selfservice-portal .widget-header.widget-helpservice-req.widget-helpservicereq .widget-apprlistcnt-col p {
  float: left !important;
  width: 70%;
  text-align: left;
  text-align: left !important;
  padding-left: 30px !important;
  padding-top: 30px !important;
}
.selfservice-portal .widget-header.widget-helpservice-req {
  border-bottom: none;
  padding: 10px 15px;
}
.selfservice-portal .widget-popularbtn {
  text-decoration: none;
  font-size: 12px;
}
.selfservice-portal .dashboard-innercol .h4 {
  border-bottom: 1px solid #D2D2D2;
}
.selfservice-portal .dashboard-innercol .headerbar-fixed {
  top: 0px;
  position: fixed;
  z-index: 99;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.selfservice-portal .dashboard-innercol .headerbar-fixed .h4 {
  height: 47px;
}
.selfservice-portal h4.restore-default-widget-head,
.selfservice-portal h4.restore-external-widget-head {
  display: none;
}
.selfservice-portal .content-panel .content-panel-inner {
  display: block;
  height: 100%;
}
.selfservice-portal .gridster {
  padding: 5px 0 5px 5px;
}
.selfservice-portal .widget-requesttype {
  width: 100%;
}
.selfservice-portal .widget-approvalpendingrequests-bg.widget-summarypendingrequests .widget-summaryrequests-list .widget-apprlistcnt {
  border: none;
  width: 100%;
  height: auto;
}
.selfservice-portal .widget-approvalpendingrequests-bg.widget-summarypendingrequests .widget-inner-request .widget-inner-request-content {
  width: 33%;
  float: left !important;
  border-right: 1px solid #e9e9e9;
  border-bottom: none;
}
.selfservice-portal .widget-approvalpendingrequests-bg.widget-summarypendingrequests .widget-inner-request .widget-inner-request-content:last-child {
  border-right: medium none #ffffff;
}
.selfservice-portal .widget-approvalpendingrequests-bg .widget-summaryrequests-list .widget-apprlistcnt {
  border-bottom: 1px solid #e9e9e9;
}
.selfservice-portal .widget-approvalpendingrequests-bg .widget-summaryrequests-list .widget-apprlistcnt:last-child {
  border-bottom: none;
}
.selfservice-portal .widget-approvalpendingrequests-bg .widget-inner-request .widget-inner-request-content {
  border-bottom: 1px solid #e9e9e9;
  border-right: medium none #ffffff;
}
.selfservice-portal .widget-approvalpendingrequests-bg .widget-inner-request .widget-inner-request-content .widget-inner-type a {
  color: #000000;
}
.selfservice-portal .widget-approvalpendingrequests-bg .widget-inner-request .widget-inner-request-content:hover {
  background-color: #f5f5f5;
}
.selfservice-portal .widget-approvalpendingrequests-bg .widget-inner-request .widget-inner-request-content:last-child {
  border-bottom: none;
}
.selfservice-portal .widget-approvalpendingrequests-bg .widget-inner-request .widget-inner-header {
  border-bottom: 1px solid #f9f9f9;
  color: #000000;
  padding: 10px;
}
.selfservice-portal .widget-default-list .widget-apprlistcnt .widget-request-txtblk a,
.selfservice-portal .widget-default-list .widget-apprlistcnt .widget-inner-request .widget-inner-request-content .widget-inner-type a {
  color: #000000;
}
.selfservice-portal .widget-popular-list .widget-apprlistcnt:hover {
  background-color: #f5f5f5;
}
.selfservice-portal .widget-default-list .widget-apprlistcnt:hover .widget-request-txtblk a,
.selfservice-portal .widget-inner-request .widget-inner-request-content:hover .widget-inner-type a {
  color: #1a6ebd;
  text-decoration: none;
}
.selfservice-portal .widget-apprlistcnt {
  border-bottom: 1px solid #e9e9e9;
  padding: 10px;
}
.selfservice-portal .widget-apprlistcnt:last-child {
  border-bottom: medium none;
  margin-bottom: 0px !important;
}
.selfservice-portal .widget-apprlistcnt:hover a.widget-request-txtblk:hover,
.selfservice-portal .widget-apprlistcnt:hover a.widget-request-txt:hover {
  text-decoration: none;
}
.selfservice-portal .widget-apprlistcnt:hover a.widget-request-txtblk[href],
.selfservice-portal .widget-apprlistcnt:hover a.widget-request-txt[href] {
  color: #1A6EBD;
  cursor: pointer;
}
.selfservice-portal .widget-request-txtblk {
  color: #7A7A7A;
}
.selfservice-portal .widget-request-txt {
  color: #808080;
  font-size: 22px;
}
.selfservice-portal .widget-request-txt:hover {
  text-decoration: none;
}
.selfservice-portal .widget-helpservice-req .row {
  display: table;
  margin: 0px !important;
  text-align: center;
  width: 100%;
}
.selfservice-portal .widget-apprlistcnt-col {
  width: 50%;
  margin-top: 15px !important;
}
.selfservice-portal .widget-apprlistcnt-col .col-widgethg {
  height: 90px;
}
.selfservice-portal .cursor-move .widget-header {
  cursor: move;
}
.selfservice-portal .ds-container .widget-summaryrequests-list.widget-helpservice-req {
  height: 100%;
}
.selfservice-portal .external-wgt > .external-wgt-form {
  left: -15px !important;
  top: 35px;
  z-index: 100;
}
.selfservice-portal .widget-add {
  background-color: #ffffff;
  width: 503px;
  position: relative !important;
}
.selfservice-portal .widget-restoremn {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px !important;
  width: 343px;
  background: url('../images/panel-border.png') repeat-y -1px 0 #ffffff;
  border-left: 1px solid #E3E3E3;
}
.selfservice-portal .widget-restoremn a {
  display: inline-block;
  color: #333333;
  cursor: default;
  padding: 5px 10px;
  text-decoration: none;
  width: 100%;
}
.selfservice-portal .widget-restoremn a.act {
  cursor: pointer;
}
.selfservice-portal .widget-restoremn a.act:hover {
  background-color: #ECECEC;
}
.selfservice-portal .widget-restoremn a.act:hover .sdp-glyph-ok-circle {
  color: #33823c;
}
.selfservice-portal .widget-addhead {
  border-bottom: 1px solid #E3E3E3;
  padding: 10px 0 10px 15px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 0%, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(0%, #ffffff), color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 0%, #ffffff 0%, #f2f2f2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 0%, #ffffff 0%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 0%, #ffffff 0%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 0%, #ffffff 0%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FBFBFC', GradientType=0);
}
.selfservice-portal .widget-addhead h2 {
  color: #555555;
  font-size: 17px;
  margin: 0px !important;
}
.selfservice-portal .external-wgt-form-arr {
  position: absolute !important;
  top: 1px;
  z-index: 100;
}
.selfservice-portal .external-wgt-form-arr:after,
.selfservice-portal .external-wgt-form-arr:before {
  bottom: 100%;
  left: 50% !important;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute !important;
  pointer-events: none;
}
.selfservice-portal .external-wgt-form-arr:after {
  border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #ffffff;
  border-width: 10px;
  margin-left: 30px !important;
}
.selfservice-portal .external-wgt-form-arr:before {
  border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #e3e3e3;
  border-width: 12px;
  margin-left: 28px !important;
}
.selfservice-portal .external-wgt-formmn {
  box-shadow: 0px 4px 19px rgba(70, 70, 70, 0.4);
  border: 1px solid #E3E3E3;
  display: flex;
}
.selfservice-portal .detailview .widget-clr1 {
  background-color: #F3F3F3;
}
.selfservice-portal .detailview .widget-clr2 {
  background-color: #E3E3EB;
}
.selfservice-portal .detailview .widget-clr3 {
  background-color: #797E84;
}
.selfservice-portal .detailview .widget-clr4 {
  background-color: #9BA5B5;
}
.selfservice-portal .overlay_fix {
  position: absolute !important;
  top: 0;
  left: 0 !important;
  right: 0 !important;
  bottom: 0;
  z-index: 100000;
  opacity: 0;
  display: none;
}
.selfservice-portal .new-announcements {
  background-color: #FFE7CA;
  border-radius: 2px;
  padding: 0 5px;
  color: #000000;
}
.selfservice-portal .preview-header .cp-btn {
  height: 30px;
}
.selfservice-portal .preview-header .close-preview {
  background: #4F4F4F;
  color: #F0F0F0;
  border: #1F2428 1px solid;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.selfservice-portal .preview-header .preview-tip {
  margin: 0 auto;
  padding: 3px;
  position: relative !important;
  width: 320px;
  top: 1px;
}
.selfservice-portal .widget-poratl-video {
  padding: 5px !important;
  border-radius: 4px;
}
.selfservice-portal .widget-poratl-video a {
  text-decoration: none;
}
.selfservice-portal .reportincidenticn1 {
  background: rgba(0, 0, 0, 0) url("../images/widget-newincident.png") no-repeat scroll 0 0;
  height: 83px;
  width: 91px;
}
.selfservice-portal .new-titleurl {
  box-shadow: 0px 4px 19px rgba(70, 70, 70, 0.4);
  position: absolute !important;
  width: 505px;
  top: 42px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.selfservice-portal [data-external=true]:hover .edit-title {
  display: inline-block !important;
}
.selfservice-portal .btn {
  border-radius: 0;
}
.selfservice-portal.requester-view .gs-w:hover {
  box-shadow: 2px 2px 1px rgba(70, 70, 70, 0.1);
}
.selfservice-portal.requester-view [data-external=true]:hover .edit-title {
  display: none !important;
}
/****** Alert Box *********/
.selfservice-portal-body {
  background-color: #D8D8D8;
}
.selfservice-portal-body ul li {
  list-style-type: none;
}
.selfservice-portal-body .h4 .btn-group,
.selfservice-portal-body .h4 .btn {
  font-family: 'Roboto';
}
.selfservice-portal-body .wordwrap {
  width: 100%;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  -ms-word-break: break-all;
}
.selfservice-portal-body .truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selfservice-portal-body .admin-panel {
  border: none;
  background: none;
}
.widget-approvalpendingrequests-bg .approvalcount {
  background-color: #E26567;
  color: #ffffff;
  padding: 0px 4px;
  border-radius: 2px;
  font-size: 13px;
}
a.showmenupopup {
  color: #000000;
  opacity: 0.2;
}
a.showmenupopup:hover {
  opacity: 0.5;
}
.widget-addhead-form-group .btn-toggle {
  border-radius: 2px;
}
.reportincidentnewicn {
  background: url(../images/widget-icon.png) no-repeat;
  width: 90px;
  height: 82px;
}
.reportincidentservicn {
  background: url(../images/widget-services.png) no-repeat;
  width: 90px;
  height: 82px;
}
.widget-layout-colmn .widget-layout-col li {
  display: inline-block;
}
.widget-layout-colmn .widget-layout-col li a {
  border: 1px solid #D4D4D4;
  height: 30px;
  display: inline-block;
  width: 30px;
}
.widget-layout-colmn .widget-layout-col li a:hover {
  border-color: #1a6ebd;
}
.widget-layout-colmn .widget-layout-col li a.active {
  border-color: #1a6ebd;
  cursor: default;
}
.widget-boxedwidelayout {
  width: 100%;
}
.widget-boxedwidelayout .btn-group {
  width: 100%;
}
.widget-boxedwidelayout label.btn-default,
.widget-boxedwidelayout label.btn-secondary {
  width: 50%;
}
.widget-boxedwidelayout .wide {
  height: 100%;
  left: 50% !important;
  top: 0;
  width: 50%;
}
.widget-boxedwidelayout .boxed {
  height: 100%;
  left: 0 !important;
  top: 0;
  width: 50%;
}

