.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,
.detailview .right-panel .priority-badge.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.badge.btn-success,
.detailview .right-panel .priority-badge.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.badge.btn-info,
.detailview .right-panel .priority-badge.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.badge.btn-warning,
.detailview .right-panel .priority-badge.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.badge.btn-danger,
.detailview .right-panel .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 .controls {
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 53%, #f5f5f5 70%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(53%, #f9f9f9), color-stop(70%, #f5f5f5), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 53%, #f5f5f5 70%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 53%, #f5f5f5 70%, #f1f1f1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 53%, #f5f5f5 70%, #f1f1f1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 53%, #f5f5f5 70%, #f1f1f1 100%);
  /* W3C */
  border-bottom: 1px solid #dddddd;
  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 .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 .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 .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 .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 .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 .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 {
  padding: 15px 15px 12px;
}
.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-sm,
.btn-group-sm > .btn {
  padding: 2px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0px;
}
.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;
}
.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: 3px 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,
.detailview .controls .btn-default {
  background-color: #f5f5f5;
  border-color: #d6d5d5;
  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 {
  width: 100%;
  display: block;
  vertical-align: middle;
  padding: 2px 3px;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 1px 0 0;
}
.control-label {
  color: #333333;
  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;
  padding: 1px 5px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  opacity: 0.5;
}
@media (min-width: 992px) {
  .form-control {
    /*
		padding:2px 3px;
		height:(@line-height-computed + (@padding-base-vertical) + 2);
		*/
  }
}
.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-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,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 0;
}
.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;
}
/* 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 #b3b3b5;
}
.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: #f0f0f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f0f0f0 0%, #d2d2d2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #d2d2d2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #d2d2d2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f0f0 0%, #d2d2d2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f0f0 0%, #d2d2d2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #d2d2d2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d2d2d2', GradientType=0);
  /* IE6-8 */
  border: 1px solid #b3b3b5;
  border-bottom: 0;
  border-radius: 0;
  color: #515151;
  border-color: #b3b3b5;
}
.tabs-ui1 > .nav-tabs > li > a:hover,
.tabs-ui1 > .nav-tabs > li > a:focus {
  background: -moz-linear-gradient(top, #f0f0f0 0%, #c6c6c6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #c6c6c6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #c6c6c6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f0f0 0%, #c6c6c6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f0f0 0%, #c6c6c6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #c6c6c6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c6c6c6', GradientType=0);
  /* IE6-8 */
}
.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 #b3b3b5 #ffffff;
  border-width: 2px 1px 2px;
}
.tabs-ui1 > .nav-tabs > li.active > a,
.tabs-ui1 > .nav-tabs > li.active > a:active {
  border-color: #0da3e1 #b3b3b5 #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 #b3b3b5 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.inplace-edit .form-control-static,
.form-horizontal.four-col.inplace-edit .control-label {
  padding-top: 10px;
  padding-bottom: 10px;
}
.form-horizontal.four-col .inplace,
.form-horizontal.four-col .spot-form {
  padding-top: 5px;
}
.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 .spot-static {
  display: block;
  cursor: pointer;
}
.form-horizontal.four-col .spot-form {
  display: table;
  width: 100%;
}
.form-horizontal.four-col .spot-form .control-holder,
.form-horizontal.four-col .spot-form .spot-actions {
  display: table-cell;
}
.form-horizontal.four-col .spot-form .spot-actions {
  text-align: right;
  vertical-align: top;
  width: 60px;
}
.form-horizontal.four-col .spot-form .spot-actions .btn-sm {
  padding: 2px 5px;
}
.form-horizontal.four-col .spot-form .spot-actions .sdp-glyph {
  cursor: pointer;
}
.form-horizontal.four-col .spot-form .spot-actions .sdp-glyph-close {
  color: #333333;
}
.form-horizontal.four-col .spot-form .spot-actions .sdp-glyph-ok {
  color: #333333;
}
.form-horizontal.four-col .spot-form .spot-actions > .btn:hover .sdp-glyph-close {
  color: #a74f4f;
}
.form-horizontal.four-col .spot-form .spot-actions > .btn:hover .sdp-glyph-ok {
  color: #33823c;
}
.form-horizontal.four-col .spot-form textarea.form-control {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.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 .submit-row {
  background-color: #f5f5f5;
  margin-top: 15px;
}
.form-horizontal.four-col .submit-row:before,
.form-horizontal.four-col .submit-row:after {
  content: " ";
  display: table;
}
.form-horizontal.four-col .submit-row:after {
  clear: both;
}
.form-horizontal.four-col .submit-row:before,
.form-horizontal.four-col .submit-row:after {
  content: " ";
  display: table;
}
.form-horizontal.four-col .submit-row:after {
  clear: both;
}
.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) {
  .form-horizontal.four-col .submit-row .submit-row-inner:not(.text-center) {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 768px) {
  .form-horizontal.four-col .submit-row .submit-row-inner:not(.text-center) {
    float: left;
    width: 83.33333333%;
  }
}
.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;
}
.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;
}
.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;
}
.form-horizontal.form-flat .form-control-static:before {
  content: ":";
  margin-right: 5px !important;
}
.panel-heading {
  padding: 10px 15px;
}
.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: #f1f1f1;
}
.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.nav .nav > li > a {
  color: #333333;
}
.nav-accordion.nav .nav > li > a:hover,
.nav-accordion.nav .nav > li > a:focus {
  background-color: #009adb;
  color: #ffffff;
}
.nav-accordion.nav .nav > li.active > a,
.nav-accordion.nav .nav > li.active > a:hover,
.nav-accordion.nav .nav > li.active > a:focus {
  background-color: #009adb;
  color: #ffffff;
  cursor: default;
}
.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-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:not(.collapsed) .right,
.accordion-log .panel-heading.collapsed:hover .right,
.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: 4px 0 6px 15px;
}
.accordion-log .attachment {
  margin-bottom: 0;
}
.accordion-log .inlineformcnt .attachment {
  margin-bottom: 12px;
}
.accordion-log .panel-group.history-log .sdp-glyph.toggle:before {
  content: "\e925";
}
.accordion-log .panel-group.history-log .panel-heading {
  border: 1px solid #cccccc;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: none !important;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .accordion-log .panel-group.history-log .panel-heading {
    float: left;
    width: 16.66666667%;
  }
}
@media (min-width: 1200px) {
  .accordion-log .panel-group.history-log .panel-heading {
    float: left;
    width: 12.5%;
  }
}
.accordion-log .panel-group.history-log .panel-heading + .panel-collapse .panel-body {
  border-top: 0;
}
.accordion-log .panel-group.history-log .panel-heading.collapsed .sdp-glyph.toggle:before {
  content: "\e926";
}
.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;
}
.accordion-log .panel-group.history-log .history-time {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .accordion-log .panel-group.history-log .history-time {
    float: left;
    width: 16.66666667%;
  }
}
@media (min-width: 1200px) {
  .accordion-log .panel-group.history-log .history-time {
    float: left;
    width: 12.5%;
  }
}
.accordion-log .panel-group.history-log .history-logs {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0;
  padding-right: 0;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .accordion-log .panel-group.history-log .history-logs {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 1200px) {
  .accordion-log .panel-group.history-log .history-logs {
    float: left;
    width: 87.5%;
  }
}
.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.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: -2px;
}
.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: 2px solid #eeeeee;
}
.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: 1680px) {
  .col-group {
    float: left !important;
    width: 50%;
  }
}
@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 .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;
  }
  .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 a;
  /* 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;
}
.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 {
  display: table-cell;
}
.alert > .sdp-glyph-status,
.alert .sdp-glyph-close {
  vertical-align: top;
  padding-top: 0;
}
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;
}
.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 */
}
/* ----------------------------------------------- */
/* 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;
}
label {
  font-family: inherit;
  font-weight: 400;
}
#body {
  background: #d8d8d8;
}
#main {
  display: table;
  width: 100%;
}
#content {
  padding: 12px;
}
#content #content-inner {
  min-width: 1240px;
}
a,
a.text-link {
  text-decoration: none;
}
a,
a:hover,
a.text-link,
a.text-link:hover {
  color: #1a6ebd;
}
a.text-hover-link {
  color: inherit;
}
a.text-hover-link:hover {
  color: #1a6ebd;
}
hr.bglight5 {
  border-top: 1px solid #cccccc;
}
.bgwhite {
  background-color: #ffffff;
}
::-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;
}
.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-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;
}
.colon:before {
  content: ":";
  margin-right: 5px !important;
}
/* GENERAL */
.no-hover,
.btn-link.no-hover {
  color: #000;
  text-decoration: none;
}
.no-hover:hover,
.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;
}
/* Sidebar */
.sidebar {
  width: 230px;
}
#_DIALOG_CONTENT .form-wrapper,
#_DIALOG_CONTENT .content-wrapper {
  box-sizing: border-box;
  width: 100%;
}
@media only screen and (min-width: 1680px) {
  .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 {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-hand {
  cursor: hand;
}
.cursor-drag {
  cursor: drag;
}
/* 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 {
  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 {
  margin-bottom: 0;
  position: relative;
  top: -1px;
}
.fieldset-ui1 legend {
  text-align: left;
  width: auto;
  padding: 2px 10px;
  border: none;
  background: #dddddd;
  margin: 0;
}
.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;
}
.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);
  }
}
/* ----------------------------------------------- */
/* 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-xs {
  /* 12 x 12 size */
  font-size: 12px;
}
.sdp-glyph.icon-sm {
  /* 16 x 16 size */
  font-size: 16px;
}
.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;
}
.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-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";
}
.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-reminder:before {
  content: "\e957";
}
.sdp-glyph-earphone:before {
  content: "\e95a";
}
.sdp-glyph-link:before {
  content: "\e95b";
}
.sdp-glyph-mark:before {
  content: "\e95d";
}
.sdp-glyph-vip:before {
  content: "\e95e";
}
.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";
}
/* 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 {
  display: block;
  speak: none;
  font-family: 'sdp-icons' !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  position: relative;
  top: 3px;
  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 {
  content: "\e90e";
  color: #000;
}
.editicon.edit-glyph 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;
}
/* ----------------------------------------------- */
/* 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 {
  background-position: -176px -21px;
}
.common-close-icon4 {
  background-position: -205px -21px;
}
.common-lock-icon1 {
  background-position: -2px -43px;
}
.common-lock-icon2 {
  background-position: -21px -43px;
}
.common-alert-infoicon1 {
  background-position: 0px -200px;
}
.common-alert-infoicon2 {
  background-position: -195px -43px;
}
.common-more-dots {
  background-position: -95px -3px;
  width: 28px;
  height: 11px;
}
.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 {
  background-position: -279px -22px;
}
.common-tick-icon2 {
  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;
}
.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;
}
.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;
}
.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;
}
.common-desc-icon {
  background-position: -337px -4px;
}
.common-asc-icon {
  background-position: -356px -4px;
}
.btn-capsule .btn-xs .common-tick-icon1 {
  opacity: 0.6;
}
.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;
}
.attachment .file a {
  display: inline-block;
  color: #1a6ebd;
  padding: 3px 9px;
}
.attachment .file a:hover {
  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 {
  visibility: visible;
  opacity: 1;
}
.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 .form-control-static:hover {
  background-image: url(../images/ui-vertical-sprite.png);
  background-position: right -1px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: 104% 4px;
}
.right-panel .inplace-edit .form-control-static:hover {
  background-position: 106% 4px;
}
.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;
}
.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: 12px;
  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;
}
/* 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-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;
}
.sdpsearch-group {
  position: relative;
}
.sdpsearch-group input {
  padding: 0px 20px;
}
.sdpsearch-group input::-ms-clear {
  display: none;
}
.sdpsearch-group > span:first-child {
  position: absolute;
  top: 8px;
  left: 9px !important;
  color: #999999;
}
.sdpsearch-group > span:last-child {
  position: absolute;
  right: 9px !important;
  top: 6px;
  font-size: 15px;
  opacity: 0.3;
  cursor: pointer;
  display: none;
}
.sdpsearch-group > 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 .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.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 .sdpsearch-group > span:first-child {
  top: 11px;
}
.move-items .sdpsearch-group input {
  padding: 0px 30px;
  height: 35px;
  opacity: 0.6;
}
.move-items .sdpsearch-group input:hover,
.move-items .sdpsearch-group input:focus {
  opacity: 1;
}
.move-items .sdpsearch-group > span:last-child {
  right: 8px !important;
  top: 10px;
}
/* Move Template components less end*/
.more-dots {
  background-image: url(../images/ui-common-view.png);
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: -95px -3px;
  width: 28px;
  height: 11px;
  background-color: #eeeeee;
  display: inline-block;
  line-height: 12px;
  padding: 6px 14px;
  width: auto;
  height: auto;
}
/* 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;
}
/*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;
}
/* ----------------------------------------------- */
/* 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 .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 .input-group {
  width: 250px;
}
.top-subheader .dd-globalsearch .input-group-addon {
  background-color: transparent;
  border: 0 none;
  min-width: 40px;
  position: absolute;
  left: 1px !important;
  margin: 1px 0;
  z-index: 4;
  box-shadow: none;
}
.top-subheader .dd-globalsearch .form-control {
  padding-left: 40px !important;
  height: auto;
}
.top-subheader .dd-globalsearch .input-group-btn .btn {
  line-height: 1.45;
  background-color: #f9f9f9;
}
.top-subheader .dd-globalsearch .sdp-glyph-search,
.top-subheader .dd-globalsearch .caret {
  color: #999999;
}
.top-subheader .dd-globalsearch .caret {
  margin-left: -2px !important;
}
.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 {
  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 0;
}
.incoming-conv-icon {
  background-position: -46px -4px;
  /* previous top position was -2px, now changed for conversation row */
}
.notes-icon {
  background-position: -111px -1px;
}
.tableComponent .notes-icon.grid-icon-off {
  background-position: -90px -1px;
  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;
}
.listview {
  position: relative;
}
.listview .tablelist {
  background: #ffffff;
  border: 1px solid #cccccc;
  /*display:table;*/
}
.listview .tablelist .rc_d_h {
  position: absolute !important;
  z-index: 5;
  width: 8px;
  margin-left: -5px !important;
  cursor: col-resize;
  height: 40px !important;
}
.listview .tablecomponent,
.listview .tableComponent {
  /*.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 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;
  color: #868686;
  text-decoration: none;
}
.listview .tablecomponent th,
.listview .tableComponent th {
  border-left: 1px solid #ffffff;
  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 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 .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;
}
.listview .tablecomponent td,
.listview .tableComponent td {
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 8px 5px;
  vertical-align: top;
  line-height: 18px;
}
.listview .tablecomponent td div,
.listview .tableComponent td div {
  border-bottom: 0 none;
}
.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,
.listview .tableComponent tr td .common-lock-icon1,
.listview .tablecomponent tr td .common-preview-icon1,
.listview .tableComponent tr td .common-preview-icon1 {
  visibility: hidden;
}
.listview .tablecomponent tr td .common-lock-icon1.in,
.listview .tableComponent tr td .common-lock-icon1.in,
.listview .tablecomponent tr td .common-preview-icon1.in,
.listview .tableComponent tr td .common-preview-icon1.in {
  visibility: visible;
  opacity: 1;
}
.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-left: 1px solid #f5f5f5;
  border-right: 1px solid #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),
.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;
  opacity: 0.5;
}
.listview .tablecomponent tr div,
.listview .tableComponent tr div,
.listview .tablecomponent th div,
.listview .tableComponent th div {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  text-align: left;
  overflow: hidden;
}
.listview .tablecomponent .customselect .form-control,
.listview .tableComponent .customselect .form-control {
  padding: 2px 9px;
  height: 24px;
}
.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;
}
.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 .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: block;
  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 td,
.listview .tableComponent tr.searchRow td,
.listview .tablecomponent th.searchRow td,
.listview .tableComponent th.searchRow td {
  background-color: #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
}
.listview .tablecomponent .ui-progressbar1-pos1,
.listview .tableComponent .ui-progressbar1-pos1 {
  display: block;
  margin-top: 2px;
}
.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: #d8d8d8;
}
.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;
}
.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;
}
.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;
}
.filter-menu .list-filters-ui1 {
  max-width: 504px;
  max-height: 380px;
}
.filter-menu .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;
}
.filter-menu .list-filters-ui1 ul.sortlist {
  margin-top: 4px;
  max-height: 320px;
  overflow: auto;
}
.filter-menu .list-filters-ui1 .left {
  float: left !important;
  width: 250px;
  height: 100%;
}
.filter-menu .list-filters-ui1 .left 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: #e49b3f;
}
.filter-menu .list-filters-ui1 .left ul.sortlist li span.fav.glyph-color1 {
  color: #7f7f7f;
}
.filter-menu .list-filters-ui1 .left ul.sortlist li span.fav.glyph-color2 {
  color: #ffffff;
}
.filter-menu .list-filters-ui1 .left ul.sortlist li span.fav.glyph-color3 {
  color: #3a96e7;
}
.filter-menu .list-filters-ui1 .left ul.sortlist li span.fav.glyph-color4 {
  color: #333333;
}
.filter-menu .list-filters-ui1 .left ul.sortlist li span.fav:before {
  content: "\e954";
}
.filter-menu .list-filters-ui1 .srch {
  margin-top: 7px;
  margin-bottom: 2px;
}
.filter-menu .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 .split-filters .left {
  border-right: 1px solid #e9e9e9;
  padding-right: 5px !important;
}
.filter-menu .split-filters .left ul.sortlist {
  max-height: 340px;
}
.filter-menu .split-filters .right {
  margin-left: 250px !important;
  width: 250px;
  height: 100%;
  padding-left: 8px !important;
}
.filter-menu .split-filters .right ul.sortlist {
  margin-top: 0;
  max-height: 314px;
  overflow: auto;
}
.filter-menu .split-filters .right 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;
}
.filter-menu .split-filters .right ul.sortlist li span.fav.glyph-color1 {
  color: #7f7f7f;
}
.filter-menu .split-filters .right ul.sortlist li span.fav.glyph-color2 {
  color: #ffffff;
}
.filter-menu .split-filters .right ul.sortlist li span.fav.glyph-color3 {
  color: #3a96e7;
}
.filter-menu .split-filters .right ul.sortlist li span.fav.glyph-color4 {
  color: #333333;
}
.filter-menu .split-filters .right ul.sortlist li span.fav:before {
  content: "\e954";
}
.filter-menu .split-filters .right ul.sortlist li:hover span.fav {
  color: #e49b3f;
}
.filter-menu .split-filters .right ul.sortlist li a {
  margin: 0 17px 0 40px;
}
.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: 20px;
  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;
}
.listcontrols.list-primary .filter-menu:hover,
.listcontrols.list-primary .filter-menu.open {
  border: 0 none;
}
ul.sortlist {
  margin: 0;
  padding: 4px 0;
}
ul.sortlist input[type=checkbox] {
  position: absolute;
  z-index: 2;
  margin: 1px 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 {
  position: relative;
  list-style: none;
  padding: 6px 3px;
}
ul.sortlist li a {
  color: #515151;
  font-size: inherit;
  display: block;
  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:hover {
  background-color: #f1f1f1;
}
ul.sortlist li:hover .ctl i,
ul.sortlist li:hover .ctr {
  visibility: visible;
}
ul.sortlist li.hover {
  background-color: #f1f1f1;
}
ul.sortlist li.hover a {
  color: #1a6ebd;
  text-decoration: none;
}
ul.sortlist li span.item {
  font-size: inherit;
  display: block;
  margin: 0 14px 0 40px;
  line-height: 16px;
}
ul.sortlist li span.ctl {
  float: left !important;
  width: 38px;
  display: inline-block;
}
ul.sortlist li span.ctr {
  float: right !important;
  width: 13px;
  top: 2px;
}
ul.sortlist li span.fav,
ul.sortlist li i b,
ul.sortlist li span.ctr {
  position: relative;
}
ul.sortlist li span.fav {
  left: 1px !important;
  cursor: pointer;
  margin-right: 2px !important;
  z-index: 1;
}
ul.sortlist li i {
  float: left !important;
  padding: 0 4px;
  height: 20px;
  margin-right: 7px !important;
  top: 1px;
}
ul.sortlist li i b {
  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: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
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 .icons-cell .icon-sm {
  vertical-align: top;
}
.tab-content .listview {
  padding: 0 15px;
  margin-bottom: 25px;
}
/* ----------------------------------------------- */
/* 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,
.detailview .right-panel-inner {
  border-left: 1px solid #cbcbcb;
  width: 360px;
}
.detailview .controls {
  display: table;
  width: 100%;
  /* .dropdown-menu begins */
  /* .dropdown-menu ends */
}
.detailview .controls.sticky-fixed {
  z-index: 1;
  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: 10px 15px 0;
  display: table-cell;
  vertical-align: top;
}
.detailview .controls .status-badge {
  font-size: 15px;
  padding: 4px 10px;
  position: relative;
  top: 4px;
}
.detailview .controls .status-badge.info {
  border: 2px solid #04a4ff;
  color: #1195eb;
}
.detailview .controls .status-badge.success {
  border: 2px solid #00a511;
  color: #378d41;
}
.detailview .controls .status-badge.success: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;
}
.detailview .controls .status-badge.success:before.glyph-color1 {
  color: #7f7f7f;
}
.detailview .controls .status-badge.success:before.glyph-color2 {
  color: #ffffff;
}
.detailview .controls .status-badge.success:before.glyph-color3 {
  color: #3a96e7;
}
.detailview .controls .status-badge.success:before.glyph-color4 {
  color: #333333;
}
.detailview .controls .status-badge.failure {
  border: 2px solid #ff0606;
  color: #ff3a5a;
}
.detailview .controls .status-badge.failure: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;
}
.detailview .controls .status-badge.failure:before.glyph-color1 {
  color: #7f7f7f;
}
.detailview .controls .status-badge.failure:before.glyph-color2 {
  color: #ffffff;
}
.detailview .controls .status-badge.failure:before.glyph-color3 {
  color: #3a96e7;
}
.detailview .controls .status-badge.failure:before.glyph-color4 {
  color: #333333;
}
.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;
}
.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;
}
.detailview .controls .dropdown-menu.req-actions-menu > li:nth-child(1) {
  border-right: 1px solid #cccccc;
  width: 48%;
}
.detailview .controls .dropdown-menu.req-actions-menu > li:nth-child(2) {
  width: 52%;
}
.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 .tablelist {
  border: 0 none;
}
.detailview .task-drag {
  display: inline-block;
  width: 30px;
  max-width: 60px;
}
.detailview .task-drag .common-drag-icon1 {
  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: 5px;
}
.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;
}
.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;
  font-size: 13px;
  position: relative;
  top: 1px;
}
.detailview .headerbar h3 {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.detailview .headerbar .flag-warning-icon {
  position: relative;
  top: 0;
  vertical-align: sub;
}
.detailview .content-panel {
  border: 1px solid #cccccc;
  /* .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;
}
.detailview .left-panel .panel-body,
.detailview .left-panel .listview {
  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;
  color: #515151;
  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: 5px !important;
  padding-right: 5px !important;
}
.detailview .right-panel .form-section a.text-hover-link {
  color: #515151;
}
.detailview .right-panel .form-section:hover {
  background-color: #f1f1f1;
}
.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 {
  padding: 0 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 .left-col,
.detailview .right-panel .form-horizontal .right-col {
  display: table-cell;
}
.detailview .right-panel .form-horizontal .left-col {
  width: 35%;
}
.detailview .right-panel .form-horizontal .control-label {
  text-align: left;
}
.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 .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;
  border-radius: 0;
  line-height: 70%;
  width: 0;
}
.detailview .right-panel .priority-badge:empty {
  display: none;
}
.btn .detailview .right-panel .priority-badge {
  position: relative;
  top: -1px;
}
.btn-xs .detailview .right-panel .priority-badge {
  top: 0;
  padding: 1px 5px;
}
a.detailview .right-panel .priority-badge:hover,
a.detailview .right-panel .priority-badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .detailview .right-panel .priority-badge,
.nav-pills > .active > a > .detailview .right-panel .priority-badge {
  color: #428bca;
  background-color: #ffffff;
}
.nav-pills > li > a > .detailview .right-panel .priority-badge {
  margin-left: 3px;
}
.detailview .right-panel .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;
}
.detailview .right-panel .first-response-icon {
  position: absolute;
}
.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 .col-group:last-child > div {
  margin-left: 10px !important;
}
.detailview .sb-toggle {
  display: table-cell;
  height: 100%;
  width: 15px;
}
.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;
  display: inline-block;
  padding: 2px 5px;
  position: fixed;
  margin-top: 250px;
}
.detailview .sb-toggle-btn .caret {
  margin-top: -2px;
  margin-left: 0px !important;
}
.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;
}
/* ----------------------------------------------- */
/* 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: 20px;
  height: 20px;
}
.incident-req-icon {
  background-position: -2px -156px;
}
.service-req-icon {
  background-position: -27px -155px;
}
.archive-req-icon {
  background-position: -56px -155px;
}
.trash-req-icon {
  background-position: -81px -155px;
}
.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;
}
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;
}
/*-----------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;
}
/* 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;
  color: #868686;
  font-size: 12px;
  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 {
  float: left !important;
  position: relative;
  top: 4px;
  margin-right: 4px !important;
  margin-left: 15px !important;
}
.detailview .req-type-icon .service-req-icon {
  background-image: url(../images/ui-request-module.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -27px -155px;
  width: 41px;
  height: 41px;
  background-position: -3px -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: 20px;
  height: 20px;
  background-position: -27px -155px;
  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;
}
/* ----------------------------------------------- */
/* 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: #e4eef5;
}
.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;
  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;
}
.admin-searchbar[disabled],
.admin-searchbar[readonly],
fieldset[disabled] .admin-searchbar {
  opacity: 0.5;
}
@media (min-width: 992px) {
  .admin-searchbar {
    /*
		padding:2px 3px;
		height:(@line-height-computed + (@padding-base-vertical) + 2);
		*/
  }
}
.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: 310px;
  padding: 2px 28px 1px 29px;
}
.admin-main .admin-searchresult {
  width: 305px;
}
.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 .tablelist {
  background: #ffffff;
  border: 1px solid #cccccc;
  /*display:table;*/
}
.admin-main .admin-box .tablelist .rc_d_h {
  position: absolute !important;
  z-index: 5;
  width: 8px;
  margin-left: -5px !important;
  cursor: col-resize;
  height: 40px !important;
}
.admin-main .admin-box .tablecomponent,
.admin-main .admin-box .tableComponent {
  /*.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 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;
  color: #868686;
  text-decoration: none;
}
.admin-main .admin-box .tablecomponent th,
.admin-main .admin-box .tableComponent th {
  border-left: 1px solid #ffffff;
  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 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 .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;
}
.admin-main .admin-box .tablecomponent td,
.admin-main .admin-box .tableComponent td {
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 8px 5px;
  vertical-align: top;
  line-height: 18px;
}
.admin-main .admin-box .tablecomponent td div,
.admin-main .admin-box .tableComponent td div {
  border-bottom: 0 none;
}
.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,
.admin-main .admin-box .tableComponent tr td .common-lock-icon1,
.admin-main .admin-box .tablecomponent tr td .common-preview-icon1,
.admin-main .admin-box .tableComponent tr td .common-preview-icon1 {
  visibility: hidden;
}
.admin-main .admin-box .tablecomponent tr td .common-lock-icon1.in,
.admin-main .admin-box .tableComponent tr td .common-lock-icon1.in,
.admin-main .admin-box .tablecomponent tr td .common-preview-icon1.in,
.admin-main .admin-box .tableComponent tr td .common-preview-icon1.in {
  visibility: visible;
  opacity: 1;
}
.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-left: 1px solid #f5f5f5;
  border-right: 1px solid #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),
.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;
  opacity: 0.5;
}
.admin-main .admin-box .tablecomponent tr div,
.admin-main .admin-box .tableComponent tr div,
.admin-main .admin-box .tablecomponent th div,
.admin-main .admin-box .tableComponent th div {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  text-align: left;
  overflow: hidden;
}
.admin-main .admin-box .tablecomponent .customselect .form-control,
.admin-main .admin-box .tableComponent .customselect .form-control {
  padding: 2px 9px;
  height: 24px;
}
.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;
}
.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 .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: block;
  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 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-left: 1px solid #f5f5f5;
  border-right: 1px solid #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 .admin-helpdeskcustomizer {
  background-position: -158px -62px;
}
.admin-main .admin-box .admin-organizationaldetails {
  background-position: -79px 0px;
}
.admin-main .admin-box .admin-userssettings {
  background-position: -157px 2px;
}
.admin-main .admin-box .admin-usersurveyrelated {
  background-position: -1px 1px;
}
.admin-main .admin-box .admin-generalsettings {
  background-position: -234px -63px;
}
.admin-main .admin-box .admin-discoverysettings {
  background-position: -83px -68px;
}
.admin-main .admin-box .admin-assetmanagement {
  background-position: -91px -131px;
}
.admin-main .admin-box .admin-softwaremanagement {
  background-position: -253px -128px;
}
.admin-main .admin-box .admin-purchasecontractmanagement {
  background-position: 4px -67px;
}
.admin-main .admin-box .admin-problemchangemanagement {
  background-position: -175px -133px;
}
.admin-main .admin-box .admin-projectmanagement {
  background-position: -4px -132px;
}
.admin-main .admin-box .admin-servicecatalog {
  background-position: -241px 3px;
}
.admin-main .admin-box .admin-gamification {
  background-position: 4px -201px;
}
.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.png);
  background-repeat: no-repeat;
  background-size: 331px 198px;
}
.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.1;
  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-main .admin-searchbar {
  width: 308px;
}
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 .nav-accordion > .panel > a[data-toggle=collapse] {
  background: #f1f1f1;
  color: #333333;
  cursor: pointer;
  padding-top: 11px;
  padding-bottom: 11px;
  border-top: 1px solid #e9e9e9;
  border-bottom: none;
  -webkit-box-shadow: 0 1px 2px 0 rgba(175, 175, 175, 0.7);
  box-shadow: 0 1px 2px 0 rgba(175, 175, 175, 0.7);
}
.admin-sidebar .nav-accordion > .panel > a[data-toggle=collapse].collapsed:hover {
  background-color: #009adb;
  color: #ffffff;
}
.admin-sidebar .nav-accordion > .panel > a:hover {
  background-color: #f9f9f9;
}
.admin-sidebar .nav-stacked > li + li {
  margin-top: 0;
}
.admin-sidebar .panel {
  margin-bottom: 0;
  box-shadow: none;
}
.admin-sidebar li {
  cursor: pointer;
}
.admin-sidebar .admin-search-container {
  margin: 0;
  padding: 0;
}
.admin-sidebar .admin-search-container > .panel {
  border: none;
}
.admin-sidebar .admin-search-container > .panel > a[data-toggle=collapse].collapsed {
  box-shadow: none;
  border-bottom: 1px solid #e9e9e9;
}
.admin-sidebar .admin-search-container > .panel:last-child > a[data-toggle=collapse].collapsed {
  border-bottom: none;
}
.admin-sidebar .lnav-headeractive > .toggle-arrow,
.admin-sidebar .lnav-header > .toggle-arrow {
  position: absolute;
  right: 6px !important;
  top: 10px;
}
.admin-sidebar > a {
  color: #7d2626;
}
.admin-sidebar .caret {
  border-width: 4px 4px 0;
  transition: transform 0.5s;
}
.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 .lnav-itemslist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.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;
  position: relative;
}
.admin-sidebar a.lnav-header {
  background: #f1f1f1;
}
.admin-sidebar a.lnav-item:hover,
.admin-sidebar a.lnav-item-current,
.admin-sidebar a.lnav-item-current:hover {
  background-color: #009adb;
  color: #ffffff;
}
.admin-sidebar a.lnav-header:hover {
  background-color: #009adb;
  color: #ffffff;
}
.admin-sidebar a.lnav-item,
.admin-sidebar a.lnav-item-current {
  border-top: 1px #f5f5f5 solid;
  line-height: 20px;
}
.admin-sidebar div:last-child > div {
  border-collapse: collapse;
}
.admin-sidebar a.lnav-headeractive,
.admin-sidebar a.lnav-header {
  color: #333333;
  font-size: 13px;
  font-weight: 500;
}
.admin-sidebar a.lnav-headeractive {
  background: #f1f1f1;
  -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 a.lnav-header {
  border-bottom: 1px #e9e9e9 solid;
}
.admin-sidebar a.lnav-headeractive:hover {
  color: #000000;
  cursor: pointer;
}
.admin-sidebar a.lnav-item {
  color: #333333;
  font-size: 13px;
  font-weight: 400;
}
.admin-sidebar a.lnav-item:hover,
.admin-sidebar a.lnav-item-current,
.admin-sidebar a.lnav-item-current:hover {
  color: #ffffff;
}
.admin-sidebar a.lnav-item-current {
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
}
#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;
}
/* ----------------------------------------------- */
/* 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;
}
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;
  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;
  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-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*/