body {
  background-color: #e9e9e9 !important;
}
.validationError input {
  border-color: red;
}
.display-inline-block {
  display: inline-block;
}
.display-inline {
  display: inline;
}
.display-inline-flex {
  display: inline-flex;
}
.display-inline-flex.right {
  justify-content: flex-end;
}
.lh39 {
  line-height: 39px;
}
.lh32 {
  line-height: 32px;
}
.capitalize {
  text-transform: capitalize;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
  list-style-type: none;
  padding-left: 0;
  margin-right: 0;
  background-color: transparent;
}
ul.unstyled.inline li {
  float: left;
  margin-right: 5px;
}
div.unstyled {
  background-color: transparent;
}
li.unstyled,
li.unstyled {
  margin-left: 0;
  list-style: none;
  list-style-type: none;
}

.noPointerEvents {
  pointer-events: none;
}
a,
.pointerMouse,
.pointerMouse label {
  cursor: pointer;
}

textarea {
  resize: none !important;
}

strong {
  display: inline-block;
}

regular {
  display: inline;
  font-weight: 400;
}

label {
  cursor: default !important;
}

.clear {
  clear: both;
}

.noBorder {
  border: 0;
}

.semibold {
  font-weight: 600 !important;
}

.left {
  float: left;
}

.flright {
  float: right;
}

.hider {
  display: none;
}

.ellipsis {
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}

.textRight {
  text-align: right;
}

.text-left {
  text-align: left !important;
}
.ptop10 {
  padding-top: 10px;
}
.mbottom0 {
  margin-bottom: 0 !important;
}

.mbottom10 {
  margin-bottom: 10px !important;
}

.mbottom20 {
  margin-bottom: 20px !important;
}

.mtop0 {
  margin-top: 0px !important;
}

.mtop15 {
  margin-top: 15px !important;
}
.mtop16 {
  margin-top: 16px !important;
}

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

.mtop35 {
  margin-top: 35px !important;
}
.mright0 {
  margin-right: 0px !important;
}
.mright5,
.mRight5 {
  margin-right: 5px;
}
.paddingLeft0 {
  padding-left: 0px;
}
.paddingRight0 {
  padding-right: 0px;
}
.padding10 {
  padding: 10px;
}
.mleft15 {
  margin-left: 15px !important;
}
.mleft5,
.mLeft5 {
  margin-left: 5px;
}
.fixed-width {
  width: 1240px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.fullscreen .fixed-width {
  width: 100%;
}

.lheight25 {
  line-height: 25px;
}

.w100 {
  width: 100%;
}

.w50 {
  width: 50%;
}

.h100 {
  height: 100%;
}

.FLright {
  float: right;
}

.lheight40 {
  line-height: 40px !important;
}

.caps {
  text-transform: uppercase;
}

.fancybox-margin {
  margin: 0 !important;
}

.fancybox-opened {
  z-index: 999999 !important;
}

.margin20 {
  margin: 20px;
}

.bottom {
  position: absolute;
  bottom: 0;
}

.padBottom10 {
  padding-bottom: 10px;
}

.padBottom20 {
  padding-bottom: 20px;
}

.padTop10 {
  padding-top: 10px;
}

.padBottom5 {
  padding-bottom: 5px;
}

.padTop5 {
  padding-top: 5px;
}

.large {
  font-size: large;
  line-height: initial;
}

.icon-green {
  color: #35aa47;
}
.icon-red {
  color: #d84a38;
}
.templateSwitcher.tiles {
  margin-right: auto;
}
.templateSwitcher.tiles .fa-th {
  display: none;
}
.templateSwitcher.list .fa-list {
  display: none;
}
.templateSwitcher.tiles .fa-list {
  display: inline;
}
.templateSwitcher.list .fa-th {
  display: inline;
}
.bootstrap-tagsinput {
  border: 1px solid #e5e5e5;
  line-height: 24px;
  min-width: 47%;
}
.bootstrap-tagsinput .label-info {
  background-color: #787878;
}
.toast-top-center,
.toast-top-full-width {
  top: 63px;
}
/*.opacityFull {
    opacity: 1 !important;
}*/
/*#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    width: 1240px;
}*/
.language .dropdown-toggle {
  line-height: 34px;
  padding: 12px;
  text-decoration: none;
}
.language .dropdown-toggle > i {
  position: relative;
  top: 2px;
}
.language .dropdown-toggle .username,
.language .dropdown-toggle > i {
  color: #333;
  font-size: 14px;
  padding: 3px;
}
.language .dropdown-toggle > img {
  /*margin-bottom:4px;*/
  margin-right: 5px;
}
.language .dropdown-toggle:hover,
.language .dropdown.open .dropdown-toggle {
  background-color: #eee !important;
  text-decoration: none;
}
.language > .dropdown-menu > li {
  text-align: left;
}
.language > .dropdown-menu > li > a > img {
  margin-bottom: 4px;
  margin-right: 5px;
}
.language.dropdown {
  float: right;
  margin-left: 10px;
}
.menuFlag {
  margin-right: 5px;
  margin-bottom: 3px;
}
.italic {
  font-style: italic;
}
.page-content,
.pinned-page-content,
.page-container {
  min-height: calc(100vh - 64px);
}
/*@media (orientation: landscape) {
    .page-content, .pinned-page-content {
        min-height: 100vw;
    }
}*/

.pinned-page-content {
  padding: 25px 20px 20px 20px;
}
.zindexHigh {
  z-index: 200000 !important;
}
.tooltip {
  max-width: 50vw;
}
.tooltip.top,
.tooltip {
  z-index: 999999999;
}
/*PORTLET MOD*/
.portlet > .portlet-title > .caption {
  color: #666;
}

.portlet > .portlet-title > .arrow-collapse {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}

.portlet > .portlet-title > .arrow-collapse > a {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 3px;
}

.portlet > .portlet-title > .arrow-collapse > a.remove {
  margin-bottom: 2px;
  background-image: url(../img/portlet-remove-icon.png);
  background-repeat: no-repeat;
  width: 11px;
}

.portlet > .portlet-title > .arrow-collapse > a.config {
  margin-bottom: 2px;
  background-image: url(../img/portlet-config-icon.png);
  background-repeat: no-repeat;
  width: 12px;
}

.portlet > .portlet-title > .arrow-collapse > a.reload {
  margin-bottom: 2px;
  background-image: url(../img/portlet-reload-icon.png);
  width: 13px;
}

.portlet > .portlet-title > .arrow-collapse > a.expand {
  margin-bottom: 2px;
  background-image: url(../img/portlet-expand-icon.png);
  width: 14px;
}

.portlet > .portlet-title > .arrow-collapse > a.collapse {
  margin-bottom: 2px;
  background-image: url(../img/portlet-collapse-icon.png);
  width: 14px;
}

.portlet > .portlet-title > .arrow-collapse > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0.6;
  filter: 'alpha(opacity=60)';
}

.portlet.box > .portlet-title > .arrow-collapse {
  margin-top: 3px;
}

.portlet.box > .portlet-title > .arrow-collapse > a.remove,
.portlet.solid > .portlet-title > .arrow-collapse > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}

.portlet.box > .portlet-title > .arrow-collapse > a.config,
.portlet.solid > .portlet-title > .arrow-collapse > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}

.portlet.box > .portlet-title > .arrow-collapse > a.reload,
.portlet.solid > .portlet-title > .arrow-collapse > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}

.portlet.box > .portlet-title > .arrow-collapse > a.expand,
.portlet.solid > .portlet-title > .arrow-collapse > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}

.portlet.box > .portlet-title > .arrow-collapse > a.collapse,
.portlet.solid > .portlet-title > .arrow-collapse > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.map-portlet > .portlet-body {
  padding: 0;
}

.portlet.box.map-portlet > .portlet-body > .row {
  margin: 0;
}

.portlet.box.map-portlet > .portlet-body > .row:last-child {
  padding-bottom: 15px;
}

.k-in .k-state-focused,
.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  box-shadow: none;
}

.k-state-selected,
.k-state-selected:link,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-button:active,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-marquee,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-imagebrowser-dropzone {
  background-color: #dadada;
  border-color: #dadada;
}

.rotatedElement-90 {
  display: block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
.releaseVersion {
  width: 225px;
  font-size: 23px;
  font-weight: bold;
  margin: 70px 0 0 -73px;
  height: 80px;
  color: #787878;
  pointer-events: none;
}
/* HEADER */

.header {
  height: 63px;
}
.header .header-inner {
  background: white !important;
  border-bottom: 6px #eee solid;
  height: 63px;
}
.header .navbar-nav {
  margin-right: 0px;
}

.header .brand {
  width: 184px;
}

.header .nav > li.dropdown.user .dropdown-toggle .username {
  color: #3d3d3d;
}

.header .nav > li.dropdown.user .dropdown-toggle .usernameDomain {
  color: #999;
}

.header .nav .dropdown-toggle:hover,
.header .nav .dropdown.open .dropdown-toggle {
  background-color: #eee !important;
}

.header .nav > li.dropdown.user .dropdown-toggle {
  padding: 7px 30px 14px 18px;
}
.header .nav > li.dropdown.user .dropdown-toggle .user-name-domain {
  margin-left: 7px;
  float: right;
}
@media (orientation: portrait) {
  .header .nav > li.dropdown.user .dropdown-toggle .user-name-domain {
    display: none;
  }
}
.header .nav > li.dropdown .dropdown-toggle {
  padding: 22px 13px 15px;
}

.header .nav > li.dropdown .dropdown-toggle .badge {
  top: 10px;
}

.header .nav li.dropdown.user .dropdown-toggle i {
  font-size: 10px;
  margin-left: 15px;
  position: absolute;
  right: 10px;
  top: 25px;
}

.sidebar-toggler {
  background-image: url(../img/sidebar-toggler.jpg);
  margin-bottom: 10px;
}

.header .navbar-brand {
  line-height: 35px;
  padding: 10px 5px;
  width: 184px;
}
.header .nav > li {
  float: left;
}

/* ICON */
.small {
  font-size: 10px !important;
  line-height: 15px;
}

/* MENU HEADER */

.header .nav#mainMenu li a i {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  font-size: 23px;
}

.header .btn-navbar /*responsive purpose*/ {
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 13px;
}

.header .hor-menu {
  margin-left: 20px;
}

.header .hor-menu ul.nav li.active > a,
.header .hor-menu ul.nav li.active > a:hover {
  background: #444444 !important;
}

.header .hor-menu ul.nav li {
  line-height: 35px;
}

.header .hor-menu ul.nav li.active .selected {
  border-top-color: #444444;
}

.header .hor-menu ul.nav li a {
  text-align: center;
}

.header .hor-menu ul.nav li a:hover,
.header .hor-menu ul.nav li a:focus {
  background: #444444;
}

.header .hor-menu ul.nav li.active .glyphicons i:before {
  color: #ffffff;
}

.header .hor-menu ul.nav .glyphicons i:before {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 10px;
  text-align: center;
  margin: 0 auto;
  color: #999999;
}

.header .hor-menu ul.nav li a:hover.glyphicons i:before,
.header .hor-menu ul.nav li a:focus.glyphicons i:before {
  color: #ffffff;
}

.page-sidebar {
  background-color: transparent;
}

/* Menu Sidebar Open */

.page-sidebar-closed ul.generateType li div.typeLabelContainer span.typeLabel,
.page-sidebar-closed div.searchAllTypes div span.typeLabel,
.page-sidebar-closed div.searchAllFillerTypes div span.typeLabel {
  font-size: 10px;
  font-weight: bold;
}

.page-sidebar-closed ul.generateType li span,
div.searchAllTypes span,
div.searchAllFillerTypes span {
  font-size: 30px;
}

#newAsset_MainContent ul.generateType {
  margin-left: 30%;
}
.page-sidebar-closed ul.thumbnails li div.overlayType,
.page-sidebar-closed ul.linearAssetList li div.overlayType {
  margin-top: 68px;
}

.page-sidebar-closed .page-sidebar > ul > li > a i {
  margin-left: -2px;
}

/* MENU Sidebar */

.page-sidebar > ul > li > a {
  border-top: 1px solid #f9f9f9 !important;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #f9f9f9 !important;
}

.page-sidebar ul > li > a > .arrow:before,
.page-sidebar > ul > li > a > .arrow.open:before,
.page-sidebar > ul > li a i {
  color: #ffffff !important;
}

.page-sidebar > ul > li > ul.sub-menu > li > a {
  color: #444444;
}

.page-sidebar > ul > li > ul.sub-menu li > ul.sub-menu > li > a {
  color: #444444 !important;
}

.page-sidebar > ul > li > ul.sub-menu {
  display: block;
}

.page-sidebar > ul > li.open > a,
.page-sidebar > ul > li > a:hover,
.page-sidebar > ul > li:hover > a,
.page-sidebar ul > li > a {
  border: 0;
}

.page-sidebar > ul > li > ul.sub-menu li > ul.sub-menu > li.active > a,
.page-sidebar > ul > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
.page-sidebar > ul > li > ul.sub-menu li.open > a,
.page-sidebar > ul > li > ul.sub-menu li > a:hover,
.page-sidebar > ul > li > ul.sub-menu > li.active > a,
.page-sidebar > ul > li > ul.sub-menu > li > a:hover {
  font-weight: bold;
  background: none !important;
}

.page-sidebar-closed .page-sidebar > ul > li:hover .sub-menu {
  background: #eee;
}

.page-sidebar-closed > .page-sidebar > ul > li:hover > .sub-menu > li > a,
.page-sidebar-closed > .page-sidebar > ul > li > a {
  padding-left: 10px !important;
}

.page-sidebar > ul > li > a i {
  margin-left: -10px;
  font-size: 20px;
}

/* CONTAINER */

.fixed-top .page-container {
  background-color: #f9f9f9;
  margin-top: 63px;
}

.portlet .tile > h4.section {
  position: absolute;
  bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
  width: 85%;
  word-wrap: break-word;
  text-align: left;
}
.portlet .tile {
  text-align: center;
  padding-top: 15px;
}
.portlet .tile i {
  font-size: 50px;
}
/* Background Color Custom */

.lightPurple {
  background-color: #b91d47 !important;
}

.btn.lightPurple {
  color: #ffffff !important;
}

.btn.lightPurple:hover {
  background: #8b1837 !important;
}

.white {
  background-color: #ffffff !important;
}

.btn.grey {
  background-color: rgb(221, 221, 221);
}

.btn.white {
  font-size: 20px;
}

.btn.white:hover {
  background: #ffffff !important;
}

.greyArea {
  background-color: #eeeeee !important;
}

.btn.greyArea {
  font-size: 20px;
  color: #434343 !important;
}

.btn.greyArea:hover {
  background: #eeeeee !important;
}

.allWhite {
  background-color: #ffffff !important;
  cursor: default !important;
}

.btn.allWhite {
  font-size: 20px;
  color: #ffffff !important;
}

.btn.allWhite:hover {
  background: #ffffff !important;
}

.xpblue.disabled {
  background-color: #e9e9e9 !important;
  cursor: default;
}
.xpblue.disabled > div.tile-object .name {
  color: gray;
}
.xpblue.disabled.tile:hover {
  border-color: transparent !important;
}
.btn.xpblue {
  color: #ffffff !important;
}

.btn.xpblue:hover {
  background: #4d90fe !important;
}

.right {
  text-align: right;
}

.bg-light-grey {
  background-image: none !important;
  background-color: #cbcbcb !important;
}

.bg-lighter-grey {
  background-color: #f7f7f7 !important;
}

.bg-dark-grey {
  background-color: #4c4c4c;
}

.bg-transparent {
  background-color: transparent;
}

.lightGrey {
  background-color: #cbcbcb !important;
}
.btn.greyLight {
  background: #f4f4f4;
}
.btn.lightGrey {
  color: #ffffff !important;
}

.btn.lightGrey:hover {
  color: rgb(229, 229, 229) !important;
}

.lightGreen {
  background-color: #65c010 !important;
}

.darkYellow {
  background-color: #e3a21a !important;
}

.privateGrey {
  background-color: grey !important;
}
.azure {
  background-color: #78ccf8 !important;
  color: white;
}

.XP-blue {
  background-color: #005091 !important;
}

.btn.azure:hover {
  background-color: #34b3f5 !important;
  color: white;
}

.portlet.box.lightPurple .portlet-title .caption > i {
  color: #ffffff;
}

.portlet > .portlet-title.gray {
  color: #666666;
  border-color: #666666;
}

/* Table */

table td.iconConfig {
  text-align: center;
}

table td.iconConfig a {
  color: #444444;
  text-decoration: none;
  font-size: 20px;
  margin: 5px;
}

.dropCustomerArea .k-grid-content.k-auto-scrollable,
.dropUserArea .k-grid-content.k-auto-scrollable,
.dropGroupArea .k-grid-content.k-auto-scrollable {
  max-height: 93%;
}
/* Wizard */

.boxAccordion {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../img/bg/bg_opacity60.png);
  z-index: 99999;
}

.boxAccordion > div {
  margin: 100px auto;
}

.portlet-form {
  padding: 20px;
}

/* Migration Dashboard */

.invoice.migration h4 {
  margin-top: 0;
}

.col-sm-12.migration {
  margin-top: 20px;
}

.sale-summary li .sale-num {
  color: #b91d47;
}

/* WIZARD */

.progress {
  height: 34px;
  margin-bottom: 0px;
}

.form-wizard .active .step .number,
.progress-success.progress-striped .progress-bar,
.progress-striped .progress-bar-success,
.progress .progress-bar,
.progress.progress-success.progress-striped .progress-bar,
.progress .progress-bar-success {
  background-color: #005091;
}
.progress-danger.progress-striped .progress-bar,
.progress-striped .progress-bar-danger,
.progress.progress-danger.progress-striped .progress-bar,
.progress .progress-bar-danger {
  background-color: #d9534f;
}

.deactive,
.progress-striped.deactive .progress-bar,
.progress-striped.deactive {
  background-image: none !important;
}

.progress-success .progress-bar,
.progress .progress-bar-success {
  filter: none;
}

/* SEARCH TABS */

.tabs-below.tabbable-custom .nav-tabs > li.active {
  border-bottom: 3px solid #0d638f;
}

.tabbable-custom.custom-searchtab .nav-tabs > li,
.tabbable-custom.custom-searchtab .nav-tabs > li.active > a,
.tabbable-custom.custom-searchtab .nav-tabs > li > a {
  border: 0;
  color: #444444;
  font-size: 15px;
}

.tabbable-custom.custom-searchtab .nav-tabs > li.active > a {
  font-weight: bold;
}

.tabbable-custom.custom-searchtab > .tab-content {
  border: 0;
}
.tabbable-custom.custom-searchtab {
  margin: 0;
}

/* search tab */

.search-default.input-group > .k-multiselect,
.search-default.input-group > .k-autocomplete {
  position: absolute;
  height: 34px;
  top: 0;
  width: 100%;
}
.playlist .k-autocomplete {
  position: absolute;
}
.playlist .k-autocomplete > input {
  height: 0px;
  border: none;
  margin: 0px;
  padding: 0px;
}
.search-default.input-group > .k-autocomplete,
.playlist .k-autocomplete {
  z-index: -1;
}

.tab-content .search-default {
  margin: 5px 0px;
}

.input-group-btn > .btn + .btn {
  margin-left: 15px;
}

.search-default .input-cont input:focus {
  border: 1px solid #78ccf8 !important;
}

.search-default .chat-form {
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  position: relative;
}

.search-default .chat-form button {
  top: 0;
  right: 0;
  position: absolute;
}

.search-section {
  border-bottom: solid 1px #ddd;
  margin-bottom: 10px;
}

.virtualItemsCount {
  color: #666;
}

.found {
  padding: 10px 0;
}
.search-images div.virtualItemsCount {
  line-height: 52px;
}
.floatDelete {
  z-index: 50;
  margin-top: 9px;
  text-align: right;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(255, 255, 255) transparent;
  /* RGBa with 0.6 opacity */
  background: rgba(255, 255, 255, 0.6);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
  /* For IE 8*/
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)';
}
.floatDelete.affix {
  top: 80px;
}
.searchTypes {
  margin: 10px 0 0 0;
}

ul.generateTypeTimeline {
  float: left;
  margin-left: 0px;
  padding-left: 0px;
}
ul.generateTypeTimeline li {
  list-style: none;
  float: left;
  margin-left: 12px;
  text-align: center;
}
ul.generateTypeTimeline li span {
  font-size: 28px;
}
ul.generateTypeTimeline li .typeLabelContainer span {
  font-size: 13px;
}
ul.generateType {
  float: left;
  margin-left: 0px;
  padding-left: 0px;
}

ul.generateType li {
  list-style: none;
  float: left;
  margin-left: 12px;
  cursor: pointer;
  text-align: center;
}
ul.generateType.noPointer li {
  cursor: auto;
}

ul.generateType li span,
div.searchAllTypes span,
div.searchAllFillerTypes span {
  font-size: 28px;
  color: #444444;
  width: 100%;
}

ul.generateType li div.typeLabelContainer,
div.searchAllTypes div,
div.searchAllFillerTypes div {
  margin-top: -5px;
}

ul.generateType li div.typeLabelContainer span.typeLabel,
div.searchAllTypes div span.typeLabel,
div.searchAllFillerTypes div span.typeLabel {
  font-size: 9px;
  font-weight: bold;
}

div.searchAllTypes,
div.searchAllFillerTypes {
  float: left;
  text-align: center;
  margin-top: 2px;
  cursor: pointer;
}
.btn.filters.collapse.display-hide {
  display: none !important;
}
.btn.filters.collapse > .icon-xuniplay-arrowtop2,
.btn.filters.expand > .icon-xuniplay-arrowbottom2 {
  display: none;
}
.btn.filters.expand > .icon-xuniplay-arrowtop2,
.btn.filters.collapse > .icon-xuniplay-arrowbottom2 {
  display: inline-block;
}
.filter-btn {
  margin: 10px 10px 10px 0;
  border: 1px solid #ddd;
  padding: 5px 10px;
  background-color: #fafafa !important;
  color: #444444;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.filter-btn.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}
.filter-btn:hover,
.filter-btn.k-state-selected {
  text-decoration: none;
  color: #fafafa;
  background-color: #444444 !important;
}

.filter-btngroup {
  display: inline;
}

.colorBlock {
  margin: 10px 10px 10px 0;
  border: 1px solid #ddd;
  line-height: normal;
  height: 30px;
}

.filterDelete {
  margin: 18px 10px 10px 0;
  line-height: normal;
  cursor: pointer;
}

.smartGroupEnvFilter {
  margin-bottom: 5px;
  margin-left: 5px;
}

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

portlet.box > .portlet-title {
  padding: 12px 10px 6px 10px;
}

/*Skins popup*/
.skinsList {
  min-height: 100px;
}
.skinsList li {
  padding-bottom: 15px;
}
.skinsList li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  max-height: 62px;
}

.skinsList li div.thumbContainer {
  background-color: #d8d8d7;
  border: 2px #aaaaaa solid;
  width: 96px;
  height: 55px;
}
.skinsList .k-state-selected {
  color: #ffffff;
  background-color: #4c4c4c;
}

.licenseInfo > div > span {
  font-size: 18px;
  line-height: 32px;
}
.domainInfo {
  margin-top: 15px;
}
.domainInfo .row {
  margin-bottom: 15px;
}
.domainInfo .bootstrap-tagsinput {
  width: 100%;
  min-height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  font-weight: normal;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
}
.domainInfo .bootstrap-tagsinput:focus {
  border-color: #999999;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.extension li {
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
.extension li.k-state-selected {
  background-color: #dadada;
}
.extension li.dragged {
  background-color: #e9e9e9;
  border: solid 1px;
  color: #787878;
}
.bulkPlugin li .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
}

.bulkPlugin li .extension {
  min-height: 100px;
}

.bulkPlugin li .extension li {
  border: none;
  font-weight: normal;
  padding: 2px;
}
.bulkPlugin li .extension li .box {
  border-color: white;
  padding: 0px;
  height: 58px;
}
.bulkPlugin li .extension li .box > span {
  float: left;
  margin-top: 15px;
  margin-left: 15px;
}

.bulkPlugin li .filter-btn {
  margin: 0px;
  margin-right: 10px;
}

.bulkPlugin li .extension li .filter-btn {
  float: right;
  margin: 10px 10px 10px 0;
}

.bulkPlugin li {
  padding: 15px;
}
.bulkPlugin li .box {
  border: solid 1px;
  padding: 15px;
  border-color: #787878;
}
.bulkPlugin li .box.dropNotAllowed,
.extension li.draggableExtension.dragged.dropNotAllowed {
  border-color: #b94a48;
}

.extension li.draggableExtension.dragged.dropAllowed {
  border-color: #35aa47;
}

.licenseInfo .has-switch span,
.licenseInfo .has-switch label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  display: inline-block;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 24px;
}

/* Notification */
.badge.warning {
  background-color: #fcb322;
}
.badge.danger {
  background-color: #e02222;
}
.metadataForm .scroller {
  padding-right: 0px;
}
.userList li {
  color: #787878;
}
.draggableObject.dragged {
  width: 220px;
}
.centeredText {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 46px;
  padding: 10px 0px;
}
.disabler {
  position: absolute;
  width: 97.5%;
  height: 87%;
  background-color: gray;
  opacity: 0.8;
  filter: alpha(opacity = 80);
  z-index: 100;
  margin-left: 5px;
}
.disabler div {
  text-align: center;
  font-size: 33px;
  color: white;
  padding: 40px 120px;
  margin-top: 10%;
}
.dropdown.user .dropdown-menu .divider {
  margin-right: -15px;
}
.dropdown-menu.extended {
  width: 290px !important;
}
.dropdown-menu-list {
  height: auto;
}
.envAutoRefresItem {
  height: 40px;
}
.notificationItem div,
.envAutoRefresItem div {
  float: left;
}
.dropdown-menu.notification li > a .time,
.dropdown-menu.envAutoRefresh li > a .time {
  margin-left: 5px;
}
.notificationItem div.textEllipsis {
  max-width: 115px;
}
.notificationItem .label {
  margin-right: 5px;
  height: 24px;
}
.envAutoRefresItem .label {
  margin-right: 5px;
  height: 22px;
  font-weight: 600;
  line-height: 15px;
}
.notificationItem .label i,
.envAutoRefresItem .label i {
  font-size: 15px;
}
#events .portlet.box > .portlet-body,
#objects .portlet.box > .portlet-body,
#channels .portlet.box > .portlet-body {
  padding: 15px;
}
.smsChannels,
.mailChannels {
  background-color: transparent;
}
.smsChannels li,
.mailChannels li {
  margin-bottom: 5px;
}
.smsChannels .filter-btn,
.mailChannels .filter-btn {
  padding: 7px 11px;
  margin: 0px;
}
.smsChannels label,
.mailChannels label {
  line-height: 32px;
}

.subscriptionChannel {
  background-color: transparent;
  margin-left: 15px;
}
.subscriptionChannel li {
  float: left;
  margin-right: 25px;
  margin-bottom: 15px;
}
.subscriptionChannel li > span {
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.subscriptionChannel li label.switch-mini,
#eventsContainer label.switch-mini,
#playerEvnironmentSwitchContainer label,
#objectContainer label {
  background-color: white;
}
.subscriptionType {
  display: flex;
  justify-content: center;
}
.subscriptionType li {
  float: left;
  margin-right: 20px;
  color: #444444;
  text-align: center;
  cursor: pointer;
}
.subscriptionType li:hover {
  color: #0072c5;
}

.subscriptionType span {
  font-size: 50px;
}
.subscriptionType div {
  font-size: 16px;
}
.notificationList {
  background-color: transparent;
}
.notificationList .filter-btn {
  margin: 5px 10px 5px 0;
  width: 40px;
  height: 36px;
  padding: 6px 0px;
  font-size: 18px;
}
.notificationList li.k-state-selected {
  background-color: #444 !important;
}
.subscriptionList,
.notificationList {
  padding: 0px 15px !important;
}
.notificationList li div.textEllipsis.message {
  font-weight: 700;
}
.notificationList li div.textEllipsis.time {
  font-style: italic;
}
.notificationList li div.textEllipsis {
  padding-top: 14px;
  min-height: 46px;
}
.notificationList li {
  min-height: 46px;
}
.notificationList li .label {
  float: left;
  margin-right: 10px;
  height: 36px;
  width: 36px;
  margin-top: 5px;
  padding: 5px 0px;
}
.notificationList li .label i {
  font-size: 25px;
}
.subscriptionList li,
.notificationList li {
  background-color: rgb(204, 204, 204);
  background-color: rgba(204, 204, 204, 0.6);
}

.subscriptionList li:nth-child(2n),
.notificationList li:nth-child(2n) {
  background-color: rgba(231, 231, 231, 0.6);
}
.subscriptionList li div {
  line-height: 46px;
}

.subscriptionList li .filter-btn {
  line-height: normal;
  margin: 0;
}

.subscriptionList li .icons {
  font-size: 30px;
  float: left;
  margin-right: 10px;
}
.subscriptionList li .icons i {
  vertical-align: middle;
  margin-bottom: 3px;
}
/*Layout*/

.layoutList {
  min-height: 100px;
}
.layoutList li {
  padding-bottom: 15px;
}
.layoutList li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.layoutList li .loader.customLoader {
  border: 2px #aaaaaa solid;
  width: 160px;
  height: 90px;
}

.layoutList li .loader.customLoader.background {
  background-color: #d8d8d7;
}
.layoutList .k-state-selected {
  background-color: rgb(232, 232, 232);
  color: #4c4c4c;
}

.layoutList li.layoutDetail {
  border: solid 1px;
  margin: 0px 0px 20px 0px;
  background-color: rgb(232, 232, 232);
  color: #4c4c4c;
  min-height: 220px;
  cursor: default;
  height: auto;
  margin-top: 15px;
}
.layoutDetail .thumbContainer {
  min-width: 358px;
  min-height: 201px;
}

.layoutDetail > .row {
  padding-top: 15px;
}
.layoutDetail .zoneList {
  background-color: transparent;
}

.layoutDetail .zoneList li,
.layoutPopupPreview.zoneList li,
.zoneList li {
  padding: 10px;
  background-color: #fafafa;
  color: #444444;
  margin: 5px;
  float: left;
  cursor: pointer;
  border: #fafafa 3px solid;
}
.layoutDetail .zoneList .k-state-selected,
.layoutPopupPreview.zoneList .k-state-selected {
  background-color: #444444;
  color: #fafafa;
}

.layoutDetail .essenceTypesList {
  background-color: transparent;
}

.layoutDetail .essenceTypesList li,
.layoutPopupPreview.essenceTypesList li {
  float: left;
  padding: 10px;
}
.layoutDetail .essenceTypesList li {
  color: #4c4c4c;
}

.layoutDetail .essenceTypesList span,
.layoutPopupPreview.essenceTypesList span {
  font-size: 30px;
  width: 100%;
}
.layoutDetail .essenceTypesList footer,
.layoutPopupPreview.essenceTypesList footer {
  font-size: 10px;
  margin-top: -4px;
  font-weight: bold;
}

.layoutDetail .controlsBtn li {
  float: right;
  padding-bottom: 0px;
}

.layoutDetail .controlsBtn li .filter-btn {
  margin: 10px 0px 0px 10px;
}

/*Customer*/

.linearCustomerList li .avatar {
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.linearCustomerList li .avatar .avatarContainer {
  display: flex;
  min-height: unset;
}
.linearCustomerList li .avatar .avatarContainer img {
  height: 40px;
  width: 40px;
}
/* .linearCustomerList li .avatar > i {
  top: -15px;
  position: relative;
} */
.linearCustomerList li .filter-btn {
  margin: -4px 10px 10px 0;
}
.userEditor .radio-inline {
  line-height: 30px;
}
.customerList.dragged {
  z-index: 999999 !important;
  width: 240px;
  color: #787878;
}
.customerList.dragged .folder:before {
  top: 4px;
}
.customerList,
.customerGroupList,
.groupElementList {
  min-height: 100px;
}
.customerList .display-hide,
.customerGroupList .display-hide {
  display: none !important;
}
.customerList li,
.customerGroupList li,
.customerList.dragged {
  padding: 15px;
}
.customerList li > div.box,
.customerList.dragged > div.box {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border: solid 1px gray;
  padding: 15px;
}
.groupList li > div {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border: solid 1px gray;
  padding: 5px 15px;
  margin-bottom: 5px;
}
.groupList li .filter-btn {
  margin: 5px 0 0 0;
}
.customerList .k-state-selected,
.customerGroupList .k-state-selected,
.groupElementList .k-state-selected,
.floorList .k-state-selected {
  color: #787878;
  background-color: #4c4c4c;
}
.customerList .avatar {
  text-align: center;
}
.customerList .avatar i {
  font-size: 45px;
}
.customerList .fullname {
  text-align: center;
  line-height: 45px;
}

.customerList .dragged {
  position: absolute;
}

.listBreadcrumb span {
  font-size: 14px;
  cursor: pointer;
}

.listBreadcrumb span.k-state-selected {
  background-color: transparent;
  color: #333;
}

.listBreadcrumb span.k-state-selected {
  background-color: #fff;
  color: #333;
}

.listBreadcrumb span i {
  font-size: 10px;
}

.groupElementList li.removed > div.box {
  border-color: red;
}
.groupElementList li.added > div.box {
  border-color: green;
}

.groupElementList li,
.floorList li {
  padding: 10px;
}
.groupElementList li.customerGroup,
.groupElementList li.poiGroup,
.floorList li.floor {
  padding-top: 15px;
}
.groupElementList li > div.box,
.floorList li > div.box {
  padding: 3px;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border: solid 1px gray;
}
.groupElementList li > div.box .filter-btn,
.floorList li > div.box .filter-btn {
  margin: 3px;
  margin-top: 5px;
}
.groupElementList li .avatar i,
.floorList li .avatar i {
  font-size: 32px;
  margin-top: 5px;
  margin-left: 5px;
}

.newFloorBox {
  padding: 10px 0px;
  border: 1px solid #4d90fe;
  margin-top: 15px;
}

.floorListTitle {
  color: #444;
  font-weight: 600;
  line-height: 30px;
  font-size: 18px;
  margin: 15px 0px 0px 5px;
}

.floorLabel {
  font-size: 18px;
  margin-top: 8px;
}

.groupElementList li .fullname {
  line-height: 40px;
}
.groupElementList li.removed .folder:before {
  border-color: red;
  border-bottom-color: transparent;
}
.groupElementList li.added .folder:before {
  border-color: green;
  border-bottom-color: transparent;
}

.groupElementList li .folder:before {
  content: '';
  width: 30%;
  height: 12px;
  border-radius: 0 20px 0 0;
  background-color: #f5f5f5;
  position: absolute;
  top: 2.2px;
  left: 10px;
  border: 1px gray solid;
  border-bottom-color: transparent;
}
.folder:before {
  content: '';
  width: 30%;
  height: 12px;
  border-radius: 0 20px 0 0;
  background-color: #f5f5f5;
  position: absolute;
  top: 2.2px;
  left: 15px;
  border: 1px gray solid;
  border-bottom-color: transparent;
}

.minH69 {
  min-height: 69px;
}
/*Domains*/
.metadataForm .portlet-body .deviceTypes li {
  padding: 15px;
}
.metadataForm .portlet-body .deviceTypes li.k-state-selected {
  color: #e9e9e9;
  background-color: #444;
}
.metadataForm .control-label {
  line-height: 32px;
  font-size: 14px;
  color: #333333;
}
.domainList {
}
.domainList li {
  padding: 15px;
}
.domainList li > div,
.draggableDomain > div {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border: solid 1px gray;
  padding: 10px;
}
.draggableDomain {
  color: #787878;
  max-width: 190px;
  z-index: 100006 !important;
}
.domainList .k-state-selected {
  color: #787878;
  background-color: #4c4c4c;
}

/*NewVersion*/
.newVersionSwitchContainer {
  margin-left: 35px;
  background-color: white;
  padding-top: 15px;
  padding-right: 20px;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1rem;
}
.newVersionSwitchContainer label {
  margin-bottom: 0;
  padding-bottom: 1px;
}
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer !important;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 50px;
  height: 25px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: '';
}

input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 17px;
  background-color: #dddddd;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition:
    margin 0.4s,
    background 0.4s;
  -moz-transition:
    margin 0.4s,
    background 0.4s;
  -o-transition:
    margin 0.4s,
    background 0.4s;
  transition:
    margin 0.4s,
    background 0.4s;
}

input.cmn-toggle-round-flat:checked + label {
  background-color: #0072c5;
}

input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 25px;
  background-color: #0072c5;
}

/*Messages*/
.domainMessages {
  margin-left: 35px;
  background-color: white;
  padding-top: 1px;
}
.domainMessages > .alert {
  margin: 10px 10px 0px 10px;
}

.messageList {
  min-height: 100px;
}
.messageList li {
  padding: 15px;
}
.messageList li > div {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border: solid 1px gray;
  padding: 15px;
}
.messageList .k-state-selected {
  color: #787878;
  background-color: #4c4c4c;
}

/*Roles*/
.roleList {
  min-height: 100px;
}
.roleList li {
  padding: 15px;
}
.roleList li > div {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border: solid 1px gray;
  padding: 15px;
}
.roleList .k-state-selected {
  color: #787878;
  background-color: #4c4c4c;
}
/*Users*/
.userList {
  min-height: 100px;
}
.userList .display-hide {
  display: none !important;
}
.userList li {
  padding: 15px;
}
.draggableUser.dragged,
.draggableDomain.dragged {
  z-index: 999999 !important;
}
.draggableDomain.dragged {
  position: absolute;
  min-width: 100px;
  width: 100px;
  height: 45px;
}
.userList li > div,
.draggableUser > div,
.draggableDomain > div {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border: solid 1px gray;
  padding: 10px;
}
.draggableUser,
.draggableDomain {
  color: #787878;
  max-width: 190px;
}
.userList .k-state-selected {
  color: #787878;
  background-color: #4c4c4c;
}
.userList li .avatar,
.draggableUser .avatar {
  text-align: center;
  min-height: 95px;
}
.userList li .avatar i,
.draggableUser .avatar i {
  font-size: 80px;
  margin-bottom: 5px;
}
.userList li .fullname,
.draggableUser .fullname {
  text-align: center;
  margin-bottom: 15px;
}
.draggableDomain .fullname {
  text-align: left;
  font-size: 15px;
}
li.draggableCustomer.unstyled.userList,
li.draggableDynaset.unstyled.userList {
  z-index: 9999999 !important;
  background: #f5f5f5;
  width: 200px;
  min-height: 0;
  padding: 5px 15px;
}
.borderRightCustomer {
  border-right: 1px solid #f5f5f5;
}
.userEditor {
  color: #444;
  margin-top: 15px;
}
.userEditor select {
  padding-left: 8px;
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  height: 34px;
}
.avatarUploader {
  text-align: center;
  cursor: pointer;
  min-height: 95px;
}

.avatarUploader > i {
  font-size: 90px;
}
.avatarUploader .filter-btn {
  margin: 0px;
  margin-bottom: 10px;
  left: calc(50% - 15px);
  margin-top: 15px;
  position: relative;
  display: table;
}
.avatarUploaderMessage {
  opacity: 0.5;
  text-align: center;
}
li .avatarContainer {
  min-height: 95px;
}

li .imageMapContainer {
  min-height: 45px;
}

.imageMapContainer {
  min-height: 122px;
}
.avatarContainer img {
  height: 90px;
  width: 90px;
}

.imageMapContainer img {
  height: 45px;
  width: 45px;
}

.userBoxFooter {
  border-top: solid 1px;
  margin-top: 15px;
  min-height: 52px;
}
.userBoxFooter.margins10 {
  margin-right: -10px;
  margin-left: -10px;
}
.userBoxFooter .filter-btn {
  margin: 15px 10px 0px 0;
  font-size: 18px;
}
/*Delivery*/
.deliveryList .portlet-title {
  min-height: 120px;
  background-color: #e9e9e9;
  padding: 15px;
}
/*.deliveryList > li {
    padding-left:0px;
    padding-right: 0px;
}*/
.deliveryList .portlet > .portlet-title > .row .col-sm-1 .arrow-collapse > a {
  font-size: 24px;
}
.deliveryList .portlet > .portlet-title {
  margin-bottom: 0px;
  border-bottom: 0px;
}
.deliveryList .portlet > .portlet-body {
  min-height: 95px;
  background-color: #e9e9e9;
}

.deliveryList .deactive.failed .progress-bar,
.pushDeliveryList .deactive.failed .progress-bar {
  background-color: #bb2413;
}
.deliveryList .deactive.warning .progress-bar,
.pushDeliveryList .deactive.warning .progress-bar {
  background-color: #e3a21a;
}
.deliveryList .deactive.completed .progress-bar,
.pushDeliveryList .deactive.completed .progress-bar {
  background-color: #35aa47;
}
.deliveryEnvList {
  padding: 15px 15px 0px 15px !important;
  background-color: transparent;
}
.deliveryEnvList li {
  background-color: rgb(247, 247, 247);
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.deliveryEnvList .k-alt {
  background-color: rgb(247, 247, 247);
}
.deliveryEnvList .btn {
  font-size: 12px;
}
.deliveryEnvList .btn i {
  font-size: 12px;
}
.deliveryEnvList .deliveryProgressArea {
  font-size: 12px;
  padding-top: 10px;
}

/* NEW DELIVERY */

.deliveryBoxList {
  width: 100%;
  padding: 10px;
}

.titleDelivery .textEllipsis {
  width: 82%;
  display: inline-block;
  vertical-align: bottom;
}

.statusDelivery {
  line-height: 24px;
  vertical-align: top;
}

.paging_bootstrap_extended .input-mini {
  width: 55px;
  display: inline-block;
  vertical-align: middle;
}

.paging_bootstrap_extended a.btn i {
  font-size: 16px;
  color: #333;
}

.btn.delivery {
  border: 1px solid;
}

.btnDelivery a:first-child {
  margin-left: 15px;
}
.btnDelivery a:last-child {
  margin-right: 15px;
}

.btn.delivery i {
  margin-left: 8px;
  font-size: 13px;
}

.hide-ondash {
  display: none;
}

.dashboard .hide-ondash {
  display: block;
}

.filter-delivery {
  background: #fafafa;
  margin-right: 15px;
}

.filter-delivery.active {
  background: #333;
  border-color: #333;
  color: #fafafa;
}

.filter-delivery .badge {
  position: absolute;
  top: -8px;
}

.btn-live-control {
  background: #fafafa;
}

.btn-live-control.active {
  background: #e42934 !important;
  border-color: #ab2028 !important;
  color: #fafafa;
}

.btn-live-control.disabled.temporary {
  background: #4e4a4a !important;
  border-color: #4e4a4a !important;
  color: #fafafa;
}

.btn-live-control .badge {
  position: absolute;
  top: -8px;
}

.deliveryBoxList.alert.alert-danger {
  color: #ffffff;
  background-color: #e02222;
  border-color: #ebccd1;
}
.deliveryBoxList.alert.alert-warning {
  color: #ffffff;
  background-color: #fcb322;
  border-color: #faebcc;
}
.deliveryBoxList.alert.alert-success {
  color: #ffffff;
  background-color: #52ab2c;
  border-color: #d6e9c6;
}

.alert-delay {
  color: #333333;
  background-color: #dcdcdc;
  border-color: #9a9a9a;
}

.alert-delay .btn.delivery {
  color: #333333;
}

.alert-delay .progress-success.progress-striped .progress-bar,
.alert-delay .progress-striped .progress-bar-success,
.alert-delay .progress .progress-bar,
.alert-delay .progress.progress-success.progress-striped .progress-bar,
.alert-delay .progress .progress-bar-success,
.grey .progress-success.progress-striped .progress-bar,
.grey .progress-striped .progress-bar-success,
.grey .progress .progress-bar,
.grey .progress.progress-success.progress-striped .progress-bar,
.grey .progress .progress-bar-success {
  background-color: #333333;
}

.alert-info .btn.delivery {
  color: #fff;
}

.alert-info .progress-success.progress-striped .progress-bar,
.alert-info .progress-striped .progress-bar-success,
.alert-info .progress .progress-bar,
.alert-info .progress.progress-success.progress-striped .progress-bar,
.alert-info .progress .progress-bar-success,
.blue .progress-success.progress-striped .progress-bar,
.blue .progress-striped .progress-bar-success,
.blue .progress .progress-bar,
.blue .progress.progress-success.progress-striped .progress-bar,
.blue .progress .progress-bar-success {
  background-color: #31708f;
}

.alert-danger .btn.delivery {
  color: #fff;
}

.alert-danger .progress-success.progress-striped .progress-bar,
.alert-danger .progress-striped .progress-bar-success,
.alert-danger .progress .progress-bar,
.alert-danger .progress.progress-success.progress-striped .progress-bar,
.alert-danger .progress .progress-bar-success {
  background-color: #a94442;
}

.alert-warning .btn.delivery {
  color: #fff;
}

.alert-warning .progress-success.progress-striped .progress-bar,
.alert-warning .progress-striped .progress-bar-success,
.alert-warning .progress .progress-bar,
.alert-warning .progress.progress-success.progress-striped .progress-bar,
.alert-warning .progress .progress-bar-success,
.yellow .progress-success.progress-striped .progress-bar,
.yellow .progress-striped .progress-bar-success,
.yellow .progress .progress-bar,
.yellow .progress.progress-success.progress-striped .progress-bar,
.yellow .progress .progress-bar-success {
  background-color: #8a6d3b;
}

.alert-success .btn.delivery {
  color: #fff;
}

.alert-success .progress-success.progress-striped .progress-bar,
.alert-success .progress-striped .progress-bar-success,
.alert-success .progress .progress-bar,
.alert-success .progress.progress-success.progress-striped .progress-bar,
.alert-success .progress .progress-bar-success {
  background-color: #3c763d;
}

.noalert {
  background: none !important;
  border: 0px !important;
}

/*  DETTAGLIO ALERT  */
ul.listErrorPlayer {
  padding-left: 15px;
}

ul.listErrorPlayer li {
  float: left;
  padding: 5px 10px;
  background: #f4f4f4;
  border: grey 1px solid;
  list-style: none;
  margin: 5px;
}

/*.dot {
    background: grey;
    width: 4px;
    height: 4px;
    display: block;
    border-radius: 10px;
    margin-bottom: 3px;
    float:right;
    clear: both;
}

.dropdown-toggle.minimenu {
    display: inline-block;
    width: 100%;
}

.dropdown.open .dropdown-toggle.minimenu {
    background: none;
}

.deliverydrop {
    padding: 5px 10px;
    color: #333333;
}

    .deliverydrop i {
        position: relative;
        top: 1px;
    }

    .deliverydrop li {
        cursor: pointer;
    }*/

table.table-status th,
table.table-status td {
  padding: 0px 40px 5px 0px;
}

.deliveryList label {
  display: inline;
  margin-right: 10px;
}
.deliveryList .progress.progress-striped {
  height: 10px;
  background-color: rgba(255, 255, 255, 0.7);
}

.deliveryList .dropdown-menu .divider {
  margin: 9px -10px;
}
.deliveryList .players li > div {
  border: 1px solid;
}
.deliveryList .players .textEllipsis {
  line-height: 55px;
  padding-left: 0px;
  padding-right: 0px;
}
.deliveryList .players i {
  font-size: 38px;
  padding: 10px;
}

/* video Portal */
.filterList,
.videoList {
  list-style: none;
  list-style-type: none;
  padding: 0px;
}
.videoList img {
  max-height: 20px;
}
.videoList li > div {
  border: 1px solid #ddd;
  padding: 5px;
  margin-left: 1px;
}
.filterList li,
.videoList li {
  padding: 5px;
}
.filterList li > div {
  border: 1px solid #ddd;
  line-height: 30px;
  padding: 5px;
  background-color: #fafafa;
}
.filterList .k-state-selected > div {
  background-color: #444;
}
.filterList .k-state-selected {
  background: none !important;
}
.link,
.link:hover,
.link:link {
  cursor: pointer;
  text-decoration: none;
  color: #666;
  line-height: 36px;
  font-size: 13px;
}
.link:hover {
  color: #444;
}
.videoPortal .filter-btn {
  margin: 0px;
  border: 1px solid #ddd;
  padding: 5px 10px;
  background-color: #fafafa !important;
  color: #444444;
  text-align: center;
  height: auto !important;
}

.videoPortal h4,
.videoPortal h5 {
  color: #444;
  font-weight: 600 !important;
}

.videoPortal .disabled {
  color: #939393;
}
.videoPortal .small {
  font-size: x-small;
  font-style: italic;
  display: block;
  line-height: 13px !important;
}
.videoPortal .normal {
  font-size: initial;
  line-height: 34px;
}
.videoPortal input.normal {
  border: 0;
  outline: none;
  width: 100%;
  font-size: initial;
  line-height: 34px;
  background-color: #e9e9e9;
}
.videoPortal .portlet.box > .portlet-title > .tools {
  margin-top: -2px;
}

.scheduleScene .portlet.box > .portlet-title > .tools {
  margin-top: 1px;
}

.videoPortal > .portlet > .portlet-body,
.scheduleScene > .portlet > .portlet-body,
.distanceBrandList > .portlet > .portlet-body {
  padding-left: 15px;
  padding-right: 15px;
}
.videoPortal > .portlet,
.videoPortal > .portlet > .portlet-body,
.scheduleScene .portlet,
.scheduleScene > .portlet > .portlet-body,
.distanceBrandList li > .portlet,
.distanceBrandList li > .portlet > .portlet-body {
  background-color: #e9e9e9;
  color: #444;
}
.videoPortal > .portlet > .portlet-title,
.scheduleScene > .portlet > .portlet-title,
.distanceBrandList li > .portlet > .portlet-title {
  border-bottom: none;
  font-size: 20px;
}
.videoPortal > .portlet > .portlet-body > .row,
.scheduleScene > .portlet > .portlet-body > .row,
.distanceBrandList li > .portlet > .portlet-body > .row {
  margin-bottom: 20px;
}
.videoPortal > .portlet > .portlet-title > .caption,
.scheduleScene > .portlet > .portlet-title > .caption,
.distanceBrandList li > .portlet > .portlet-title > .caption {
  font-weight: 600;
  float: none;
  color: #444;
  line-height: 30px;
}
.videoPortal > .portlet > .portlet-title > .arrow-collapse,
.scheduleScene > .portlet > .portlet-title > .arrow-collapse,
.distanceBrandList li > .portlet > .portlet-title > .arrow-collapse {
  float: none;
  margin-right: 15px;
  line-height: 30px;
  color: #0072c5;
}

.videoPortal .portlet.box > .portlet-title > .arrow-collapse > a.collapse,
.areaList .portlet.box > .portlet-title > .arrow-collapse > a.collapse,
.videoPortal .portlet.box > .portlet-title > .arrow-collapse > a.expand,
.areaList .portlet.box > .portlet-title > .arrow-collapse > a.expand,
.scheduleScene .portlet.box > .portlet-title > .arrow-collapse > a.collapse,
.scheduleScene .portlet.box > .portlet-title > .arrow-collapse > a.expand,
.deliveryList .portlet > .portlet-title > .row .col-sm-1 .arrow-collapse > a.collapse,
.deliveryList .portlet > .portlet-title > .row .col-sm-1 .arrow-collapse > a.expand,
.distanceBrandList li .portlet.box > .portlet-title > .arrow-collapse > a.collapse,
.distanceBrandList li .portlet.box > .portlet-title > .arrow-collapse > a.expand
/*.metadataForm .portlet.box > .portlet-title > .arrow-collapse > a.collapse,
.metadataForm .portlet.box > .portlet-title > .arrow-collapse > a.expand*/ {
  background-image: none !important;
  display: inline-block;
  text-decoration: none;
}

.videoPortal > .portlet.box > .portlet-title > .arrow-collapse > a.collapse  .icon-xuniplay-arrowtop2, .videoPortal > .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2,
.scheduleScene > .portlet.box > .portlet-title > .arrow-collapse > a.collapse  .icon-xuniplay-arrowtop2, .scheduleScene > .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2,
.areaList .portlet.box > .portlet-title > .arrow-collapse > a.collapse  .icon-xuniplay-arrowtop2, .areaList .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2,
.distanceBrandList .portlet.box > .portlet-title > .arrow-collapse > a.collapse  .icon-xuniplay-arrowtop2, .distanceBrandList .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2,
.deliveryList .portlet > .portlet-title > .row .col-sm-1 .arrow-collapse > a.collapse  .icon-xuniplay-arrowtop2, .deliveryList .portlet > .portlet-title > .row .col-sm-1 .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2
/*.metadataForm > .portlet.box > .portlet-title > .arrow-collapse > a.collapse  .icon-xuniplay-arrowtop2, .metadataForm > .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2*/ {
  display: inline;
}
.videoPortal > .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowtop2, .videoPortal > .portlet.box > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2,
.scheduleScene > .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowtop2, .scheduleScene > .portlet.box > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2,
.areaList .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowtop2, .areaList .portlet.box > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2,
.distanceBrandList .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowtop2, .distanceBrandList .portlet.box > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2,
.deliveryList .portlet > .portlet-title > .row .col-sm-1 .arrow-collapse > a.expand .icon-xuniplay-arrowtop2, .deliveryList .portlet > .portlet-title > .row .col-sm-1 .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2
/*.metadataForm > .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowtop2, .metadataForm > .portlet.box > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2*/ {
  display: none;
}

/* Schedule Scene */
.notAvailableEnv,
.sceneWithoutContent {
  margin: 15px 0px;
}
.notAvailableEnv li.col-sm-4,
.sceneWithoutContent li.col-sm-6 {
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 10px;
}
.notAvailableEnv li .box,
.sceneWithoutContent li .box {
  border: solid 1px;
  background-color: whitesmoke;
  padding: 10px;
}
.notAvailableEnv li .box > i {
  margin-right: 10px;
  font-size: 18px;
  float: left;
}
.notAvailableNode {
  background-color: transparent;
}
.notAvailableNode li {
  padding: 10px 10px 0px 10px;
}
.notAvailableNode li > i {
  font-size: 18px;
  margin-right: 10px;
  float: left;
}
.poiList li,
.eventList li {
  margin-bottom: 10px;
  color: #787878;
}
.poiList li.dragged,
.eventList li.dragged {
  width: 180px;
}
.envList > li {
  min-height: 60px;
}
.envList li .fa-warning {
  color: #fcb322;
}
.envList li .box,
.poiList li .box,
.eventList li .box {
  background-color: #f5f5f5;
  border: solid 1px gray;
  margin: 10px 0px;
  padding: 15px;
}
.poiList li .box,
.eventList li .box {
  margin: 2px 0px;
}
.envList li.k-state-selected,
.poiList li.k-state-selected,
.eventList li.k-state-selected {
  color: #787878;
  background-color: transparent;
  padding-right: 11px;
  padding-left: 11px;
}
.envList li.k-state-selected .box,
.poiList li.k-state-selected .box,
.eventList li.k-state-selected .box {
  border: solid 3px #4c4c4c;
  margin: 8px 2px;
}
.poiList li.k-state-selected .box,
.eventList li.k-state-selected .box {
  margin: 0px 0px;
}
.envList li.k-state-selected .corner:after,
.poiList li.k-state-selected .corner:after,
.eventList li.k-state-selected .corner:after {
  content: '';
  display: inline-block;
  border-left: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #4c4c4c;
  position: absolute;
  top: 10px;
  right: 14px;
}
.poiList li.k-state-selected .corner:after,
.eventList li.k-state-selected .corner:after {
  top: 0px;
}
.envList li.k-state-selected .check:after,
.poiList li.k-state-selected .check:after,
.eventList li.k-state-selected .check:after {
  content: '';
  font-family: FontAwesome;
  font-size: 13px;
  content: '\f00c';
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 17px;
  color: rgb(34, 209, 34);
}
.poiList li.k-state-selected .check:after,
.eventList li.k-state-selected .check:after {
  top: 6px;
}
#intervals li {
  margin-bottom: 15px;
}
#intervals li .filter-btn {
  margin: 20px 0px 0px 0;
  border: 1px solid #ddd;
  padding: 5px 10px;
  background-color: #fafafa !important;
  color: #444444;
  text-align: center;
  display: inline-block;
}
.customIconHash {
  float: left;
  font-size: 40px;
  margin-right: 10px;
}

/* asset permission popup*/

.k-window .customerList b {
  font-size: 11px;
}
.k-window .customerList li .avatar i {
  font-size: 28px;
}
.k-window .customerList li {
  height: 131px;
}
.k-window.k-state-focused {
  border-color: transparent;
}

/* New Edit Asset */

.rssstyle {
  height: 32px;
  margin-top: 3px;
  background: white;
  border-left: 4px solid #666;
  padding-left: 10px;
  color: #666;
  line-height: 30px;
}

#rssNews .filter-btn {
  margin: 3px;
}
.manualFeed {
  list-style-type: none;
  list-style: none;
  padding: 0px;
  margin-top: 10px;
}
.manualFeedNewItem {
  margin-top: 20px;
}
.manualFeed .filter-btn,
.manualFeedButton {
  margin: 3px;
}
.metadataSummary {
  color: #444;
}
.summaryLabel {
  text-align: right;
  padding: 10px;
}
.summaryValue,
.paddAll10 {
  padding: 10px;
}
.metadataForm .switch-mini {
  line-height: 32px;
}
.metadataForm .has-switch label {
  background-color: white;
}
.has-switch > div.switch-off {
  margin-left: 0px !important;
}
.bootstrap-datetimepicker-widget .picker-switch td span,
.bootstrap-datetimepicker-widget table td span {
  color: #555;
}
.bootstrap-timepicker-widget.dropdown-menu.open,
.bootstrap-datetimepicker-widget {
  z-index: 9999999;
}
.k-dropdown {
  width: 100%;
}
.k-editor .k-dropdown {
  width: auto;
}
.k-editor .k-dropdown .k-input {
  height: auto;
}
.k-editor .k-i-arrow-s {
  background-position: 0 -34px;
}
.metadataForm .k-editor {
  text-align: left;
}
.metadataForm textarea[readonly] {
  width: 100%;
}
.k-dropdown .k-state-focused .k-input {
  color: white;
}
/*.k-list-container .row {
    padding: 30px;
}*/
.k-list-container .row > .col-sm-6 {
  width: 40%;
}

.k-multiselect.k-header {
  border: 1px solid #e5e5e5 !important;
  background-color: transparent;
  background-image: none;
}
.k-multiselect.k-state-disabled {
  cursor: not-allowed !important;
}
.k-multiselect-wrap .k-input {
  height: auto;
  line-height: normal;
  padding: 6px 12px;
}
.k-multiselect.k-header.k-state-focused,
.k-multiselect.k-header.k-state-hover {
  background-color: transparent;
  background-image: none;
  border: 1px solid #999999 !important;
}
.k-multiselect-wrap li {
  margin: 3px 0 3px 3px;
}

.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid tr.k-state-selected:hover,
.k-grid td.k-state-selected:hover,
.k-grid tr:hover,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-focused {
  color: #787878;
  background-color: rgb(232, 232, 232);
  border-color: #787878;

  -webkit-box-shadow: inset 0 0 0 1px rgb(232, 232, 232);
  box-shadow: inset 0 0 0 1px rgb(232, 232, 232);
}
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused {
  background-color: #aeaeae;
  background-image: url('textures/highlight.png');
  background-image:
    none,
    -webkit-linear-gradient(top, #aeaeae 0, #aeaeae 100%);
  background-image:
    none,
    -moz-linear-gradient(top, #aeaeae 0, #aeaeae 100%);
  background-image:
    none,
    -o-linear-gradient(top, #aeaeae 0, #aeaeae 100%);
  background-image: none, linear-gradient(to bottom, #aeaeae 0, #aeaeae 100%);
  background-position: 50% 50%;
  border-color: #aeaeae;
  color: white;
}
.k-button:hover,
.k-button.k-state-hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover {
  background-image: url('textures/highlight.png');
  background-image:
    none,
    -webkit-linear-gradient(top, #aeaeae 0, #aeaeae 100%);
  background-image:
    none,
    -moz-linear-gradient(top, #aeaeae 0, #aeaeae 100%);
  background-image:
    none,
    -o-linear-gradient(top, #aeaeae 0, #aeaeae 100%);
  background-image: none, linear-gradient(to bottom, #aeaeae 0, #aeaeae 100%);
}
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
  background-color: #aeaeae;
  background-image: url('textures/highlight.png');
  background-image:
    none,
    -webkit-linear-gradient(top, #aeaeae 0, #eaeaea 100%);
  background-image:
    none,
    -moz-linear-gradient(top, #aeaeae 0, #aeaeae 100%);
  background-image:
    none,
    -o-linear-gradient(top, #aeaeae 0, #aeaeae 100%);
  background-image: none, linear-gradient(to bottom, #aeaeae 0, #aeaeae 100%);
  background-position: 50% 50%;
  border-color: #aeaeae;
}

.metadataForm {
  margin-top: 20px;
}
.metadataForm label {
  margin-bottom: 0px;
}
.metadataForm .portlet-body > .row {
  margin-bottom: 5px;
}
.metadataForm .portlet-body > .row ul {
  margin-bottom: 0px;
}

.metadataForm .xpMetadata_SINGLEFLAG ul,
.metadataForm .xpMetadata_SINGLEFLAG li,
.metadataForm .xpMetadata_MULTIFLAG ul,
.metadataForm .xpMetadata_MULTIFLAG li {
  list-style-type: none;
  list-style: none;
  float: left;
  padding-left: 0px;
  line-height: 38px;
  margin-left: 10px;
}
.metadataForm .k-treeview-lines .k-state-focused {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.metadataForm .k-treeview-lines .my-state-selected,
.k-treeview-lines .k-state-selected {
  color: white;
  background-color: #787878;
  border-color: #787878;
}
.metadataForm input.k-textbox,
.metadataForm input.k-textbox:hover,
.metadataForm .k-state-focused,
.metadataForm .k-grouping-row .k-state-focused {
  border: 1px solid #e5e5e5;
}
.metadataForm .k-state-focused,
.metadataForm .k-list > .k-state-focused,
.metadataForm .k-listview > .k-state-focused,
.metadataForm .k-grid-header th.k-state-focused,
.metadataForm td.k-state-focused,
.metadataForm .k-button:focus,
.metadataForm .k-button.k-state-focused {
  -webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
  box-shadow: inset 0 0 0 1px #e5e5e5;
}
.metadataForm .xpMetadata_DROPDOWN .k-dropdown .k-dropdown-wrap {
  height: 34px;
  border: 1px solid #e5e5e5;
}
.metadataForm .xpMetadata_TREE .k-treeview {
  padding-top: 6px;
  overflow: hidden;
}
.metadataForm .xpMetadata_DROPDOWN .k-dropdown .k-input,
.metadataForm .xpMetadata_COMMAND .k-textbox,
.metadataForm .xpMetadata_TREE .k-treeview {
  font-size: 14px;
  line-height: 28px;
}
.metadataForm .xpMetadata_DROPDOWN .k-dropdown .k-input {
  margin-left: 6px;
}
.metadataForm .xpMetadata_DROPDOWN .has-error .k-dropdown,
.metadataForm .xpMetadata_COMMAND .has-error input,
.metadataForm .xpMetadata_DROPDOWN .has-error .k-multiselect {
  border: solid 1px #b94a48 !important;
}
.metadataForm .k-dropdown-wrap.k-state-hover,
.metadataForm .k-dropdown-wrap.k-state-focused {
  background-color: #dadada;
}
.metadataForm .xpMetadata_SINGLEFLAG li label,
.metadataForm .xpMetadata_MULTIFLAG li label {
  margin-left: 5px;
}
.metadataForm .has-error label,
.fg-red {
  color: #b94a48;
}
.metadataForm li.nav-item.has-error > a {
  color: #b94a48 !important;
}
.metadataForm li.nav-item.has-error.active > a {
  border-top-color: #b94a48 !important;
}
.metadataForm .metaLabel {
  line-height: 32px;
  color: #444;
}
.metadataForm > .portlet,
.metadataForm > .portlet > .portlet-body {
  background-color: #e9e9e9;
}
.metadataForm > .portlet > .portlet-title,
.metadataSummary > .portlet > .portlet-title {
  border-bottom: none;
  font-size: 20px;
}

.metadataForm > .portlet > .portlet-title > .caption,
.metadataSummary > .portlet > .portlet-title > .caption {
  color: #444;
  float: none;
  font-weight: 600;
  line-height: 30px;
}
.metadataForm > .portlet > .portlet-title > .arrow-collapse,
.metadataSummary > .portlet > .portlet-title > .arrow-collapse {
  float: none;
  margin-right: 15px;
  color: #0072c5;
  line-height: 30px;
}

.metadataForm > .portlet > .portlet-body ul.nav.nav-tabs li.active a {
  background: none;
  border-top: 3px solid #787878;
  border-bottom-color: #e9e9e9;
}

.metadataForm > .portlet > .portlet-body .poiList.k-widget,
.metadataForm > .portlet > .portlet-body .eventList.k-widget {
  background: none;
}

.metadataForm .portlet.box > .portlet-title > .arrow-collapse > a.collapse,
.metadataForm .portlet.solid > .portlet-title > .arrow-collapse > a.collapse {
  background-image: none !important;
}

.metadataForm > .portlet.box > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowtop2,
.metadataForm > .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2,
.metadataSummary > .portlet.box > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowtop2,
.metadataSummary > .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2 {
  display: inline;
}
.metadataForm > .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowtop2,
.metadataForm > .portlet.box > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2,
.metadataSummary > .portlet.box > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowtop2,
.metadataSummary > .portlet.box > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2 {
  display: none;
}

/* .metadataForm .input-group.date.not-datetime {
  margin-left: 5px;
} */
.metadataForm .input-group.date.not-datetime > input {
  margin-left: 45px;
  width: 96%;
}
.input-icon input {
  padding-left: 33px !important;
}
.input-group.date .input-group-addon {
  position: relative;
}
.input-icon i,
.metadataForm .input-group.date > i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 11px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.has-error .k-dropdown-wrap {
  border: 1px solid #b94a48 !important;
}
.has-error .k-editor .k-dropdown-wrap {
  border-color: #dbdbdb !important;
}

.input-icon.right input,
.metadataForm .input-group.date > input {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.input-icon.right {
  margin-left: 45px;
}
.input-icon.right i {
  left: -40px;
  float: right;
  color: #444;
}
.input-icon.left i {
  float: left;
  color: #444;
  margin-left: 15px;
}
.input-icon.left .switch {
  margin-left: 45px;
}
.metadataForm .input-group.date > i {
  float: right;
  color: #444;
  margin-left: 15px;
}
.assetModelBox {
  padding: 15px 25px;
  height: 120px;
  background-color: #fafafa;
  border: solid 1px #eee;
  color: black;
  margin-top: 15px;
}
.assetModelList li.k-state-selected {
  background: none;
  border: none;
}
.assetModelList li.k-state-selected div.assetModelBox {
  background-color: #444;
  color: white;
}

.assetModelList {
  margin: 0px;
  list-style-type: none;
}

.assetModelName {
  margin: 0px !important;
}

.yellowText {
  color: #ecbc00;
}

.yellowBox {
  width: 85px;
  height: 75px;
  background-color: #ecbc00;
  text-align: center;
  float: left;
  cursor: pointer;
  margin-right: 25px;
}

.yellowBox i {
  font-size: 50px;
  line-height: 83px;
}

.essenceModelBox {
  height: 75px;
  width: 60px;
  background-color: #0072c5;
  color: white;
  float: left;
  margin-right: 25px;
  text-align: center;
  margin-bottom: 5px;
}
.essenceModelBox i {
  font-size: 35px;
  line-height: 61px !important;
}
.essenceModelBox.min {
  height: 20px;
  width: 60px;
  background-color: #004475;
  position: relative;
  margin: 0px;
  float: none;
  top: -6px;
}
.k-dialog-close.k-button {
  margin-left: 15px;
  background-color: #d84a38;
  color: #fff;
  outline: none;
  text-shadow: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  text-shadow: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.k-editor-dialog.k-popup-edit-form.k-edit-form-container.k-window-content.k-content {
  padding: 15px 0 !important;
}
.k-edit-field .k-checkbox {
  display: inline !important;
}
.k-dialog-close.k-button:hover,
.k-dialog-close.k-button:focus,
.k-dialog-close.k-button:active {
  background-color: #bb2413 !important;
  color: #fff !important;
  outline: none !important;
}
.k-dialog-insert.k-button.k-primary:hover,
.k-dialog-insert.k-button.k-primary:focus,
.k-dialog-insert.k-button.k-primary:active,
.k-dialog-update.k-button.k-primary:hover,
.k-dialog-update.k-button.k-primary:focus,
.k-dialog-update.k-button.k-primary:active {
  background-color: #1d943b !important;
  color: #fff !important;
  outline: none !important;
}
.k-dialog-insert.k-button.k-primary,
.k-dialog-update.k-button.k-primary {
  color: white;
  text-shadow: none;
  background-color: #35aa47;
  border-width: 0;
  padding: 7px 14px;
  font-size: 14px;
  outline: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  text-shadow: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
  color: #787878;
  background-color: rgb(232, 232, 232);
  border-color: #787878;
}
.k-textbox {
  min-height: 34px;
  width: 100%;
}
.k-textbox:hover,
.k-tiles li.k-state-hover {
  border-color: #999999;
}
.k-widget,
.k-widget * {
  box-sizing: inherit !important;
  -webkit-box-sizing: inherit !important;
}
.k-widget.k-window {
  z-index: 100003;
}
.successUp {
  margin-bottom: 20px;
}
.uploadContainer {
  padding-top: 25px;
}

.k-widget.k-upload {
  display: none;
}

.dragMessage {
  position: relative;
  text-align: center;
  top: 15%;
  margin-top: 15%;
  font-size: 32px;
  opacity: 0.5;
}

.fileDragMessage {
  position: absolute;
  z-index: 0;
  font-size: 32px;
  top: 55%;
  left: 25%;
  opacity: 0.5;
}

label[for='makePlaylistSwitch'],
label[for='addExistingPlaylistSwitch'],
label[for='audioNormalizationMultipleSwitch'] {
  background-color: whitesmoke;
}

.filesToUpload .input-group {
  line-height: 32px;
}
.filesToUpload .input-group .timepicker {
  height: 28px;
}
.filesToUpload .input-group button {
  height: 26px;
  width: 26px;
  padding: 0px !important;
}

.filesToUpload .deactive.failed .progress-bar {
  background-color: #bb2413;
}
.filesToUpload .deactive.warning .progress-bar {
  background-color: #e3a21a;
}
.filesToUpload .deactive.completed .progress-bar {
  background-color: #35aa47;
}

.filesToUpload .touchSpin {
  height: 28px;
  width: 40px;
  margin-top: 4px;
  margin-left: 8px;
  padding: 2px;
  text-align: center;
}
.filesToUpload .fa {
  color: #787878;
}
.filesToUpload {
  background: transparent;
  margin: 15px 0px;
}
.filesToUpload .progress {
  background-color: #e9e9e9;
}
.filesToUpload .filter-btn {
  margin: 0px;
  line-height: normal;
}
.filesToUpload .fileBoxError {
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(255, 255, 255) transparent;
  /* RGBa with 0.6 opacity */
  background: rgba(255, 255, 255, 0.6);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
  /* For IE 8*/
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)';
  margin-top: -5px;
  margin-bottom: 5px;
  height: auto;
  overflow: auto;
}
.filesToUpload .fileBoxError .alert.alert-danger {
  margin-top: 5px;
  margin-bottom: 7px;
}

.filesToUpload .fileBox .icon {
  font-size: 30px;
  text-align: center;
  vertical-align: middle;
  float: left;
  margin-top: 5px;
}
.filesToUpload .fileBox .progress {
  height: 28px;
  margin-bottom: 0px;
  margin-top: 4px;
}
.filesToUpload .fileBox {
  height: 36px;
  margin: 5px 0px;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(255, 255, 255) transparent;
  /* RGBa with 0.6 opacity */
  background: rgba(255, 255, 255, 0.6);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
  /* For IE 8*/
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)';

  color: #666;
  line-height: 36px;
}
/*.visibleUploader .k-widget.k-upload
{
    display:block;
}
.visibleUploader .k-button.k-upload-button
{
    display:none;
}
.visibleUploader .k-button.k-upload-button em{
    visibility: visible !important;
    display: block;
}*/
.fileList.panel-group {
  margin-top: 20px;
}
.fileList.panel-margin-bottom {
  margin-bottom: 20px;
}
.fileList .thumbContainer {
  background: #f0f0f0;
  border: 3px solid #aaaaaa;
  max-width: 100%;
  width: 100%;
  text-align: center;
}
.fileList .thumbContainer img {
  max-width: 164px;
  max-height: 96px;
  margin: auto;
}
.panel.panel-default {
  background-color: #e9e9e9;
  margin-top: 10px;
}
.panel.panel-default.no-margin {
  margin-top: 0px;
}
.panel-heading {
  cursor: pointer;
}
.panel-title .btn {
  margin-left: 15px;
}
.panel-title .btn i {
  font-size: 15px;
}
.panel-heading .icon-xuniplay-arrowtop2,
.panel-heading .icon-xuniplay-arrowbottom2 {
  margin-right: 30px;
  color: #0072c5;
}
.uploadCollapsableBoxHeader.collapsed .icon-xuniplay-arrowtop2,
.uploadCollapsableBoxHeader .icon-xuniplay-arrowbottom2 {
  display: none;
}
.uploadCollapsableBoxHeader .icon-xuniplay-arrowtop2,
.uploadCollapsableBoxHeader.collapsed .icon-xuniplay-arrowbottom2 {
  display: inline;
}
.primaryCheckbox {
  margin-right: 15px;
}
.percentCollapsed {
  margin-right: 15px;
}
.uploadCollapsableBoxHeader .percentCollapsed {
  display: none;
}
.uploadCollapsableBoxHeader.collapsed .percentCollapsed {
  display: inline;
}
.percentExpanded {
  text-align: center;
  line-height: 30px;
}
.uploadCollapsableBoxHeader.collapsed {
  margin: 0px;
  margin-bottom: 5px;
}
.uploadCollapsableBoxHeader {
  margin: 0px;
  line-height: 40px;
}
.essenceList {
  color: black;
  list-style: none;
  list-style-type: none;
}
.essenceList li {
  list-style: none;
  list-style-type: none;
  padding: 5px;
}
.essenceList li i {
  float: left;
  padding-top: 2px;
  padding-right: 4px;
}
.essenceList li div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.orderByContainer .k-dropdown {
  max-width: 170px;
}
.orderByContainer .orderType {
  float: right;
  margin-left: 10px;
  color: #666;
}
.orderByContainer .orderType i {
  margin-right: 5px;
}
.orderByContainer .orderType i.active {
  color: #0072c5;
}
.k-dropdown .k-input {
  text-align: left;
  height: 32px;
  line-height: 26px;
  padding-left: 15px;
}
.filterRows .k-dropdown .k-input {
  padding-left: 6px;
}
.filterRows textarea {
  font-size: 13px;
  line-height: 26px;
  resize: vertical !important;
  height: 34px;
}
.orderByContainer label {
  color: #666;
  margin-right: 10px;
  font-size: 13px;
}
/* Anteprima Asset */

.twoRowsTextEllipsis {
  height: 40px;
  overflow-wrap: break-word;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}

.analyticsReportGrid .k-grid-header th.k-header {
  overflow-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.k-dropdown-wrap .k-input:before {
  display: block;
}
#assetExternalSharePopup_container .kendoDropDown {
  height: 32px;
}
#assetExternalSharePopup_container .kendoDropDown .k-input {
  height: 32px;
  line-height: 26px;
}
.noItemsFound {
  display: none;
  font-size: 35px;
  text-align: center;
  margin-top: 7%;
}
.greenBck {
  background-color: green !important;
}
.yellowBck {
  background-color: #e3a21a !important;
}
.redBck {
  background-color: #e02222 !important;
}

.streamStatus {
  padding: 5px;
  border: 1px solid #aaaaaa;
}

.liveIndicator {
  position: absolute;
  top: 2%;
  right: 22px;
}

.liveRecIndicator {
  position: absolute;
  top: 2%;
  right: 25px;
}

.liveOnAirIndicator {
  position: absolute;
  top: 2%;
  left: 22px;
}
.liveIndicator > span,
.liveRecIndicator > span,
.liveOnAirIndicator > span {
  color: white !important;
  text-align: center;
  padding: 0px 5px;
}

.liveLegend .avg {
  font-family: georgia, serif;
  font-style: italic;
  text-decoration: overline;
}
.liveLegend {
  /*left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -1%);
    margin-left: auto;
    position: absolute;*/
}
.liveLegend > div {
  /*float: left;
    margin-right: 10px;*/
  margin-bottom: 20px;
}
.legendCube {
  float: left;
  height: 20px;
  width: 20px;
  margin-right: 3px;
}
.legendCube.hls {
  background-color: #8bc34a;
}
.legendCube.dash {
  background-color: #ff9800;
}
.legendCube.smt {
  background-color: #c062d0;
}
.legendCube.hds {
  background-color: #00bcd4;
}
.legendCube.other {
  background-color: #ef3434;
}
.liveLegend span {
  font-weight: 600;
}
.vodContent {
  border: 1px solid #aaaaaa;
  background-color: green;
}

.onAirContent {
  background-color: #e02222;
  float: left;
  margin-right: 5px;
  border: 1px solid #aaaaaa;
}

.overlayType span.videoDuration,
.overlayType span.slideNumber {
  position: absolute;
  width: auto;
  padding: 5px;
  font-size: 12px;
  color: #787878 !important;
}
.overlayType span.iconType {
  color: #787878 !important;
  font-size: 19px !important;
  margin: 4px 6px;
}

.overlayType span.liveActive {
  color: #01b339 !important;
  font-size: 14px !important;
  margin: 4px 6px;
}

.overlayType .sharedIcons {
  position: relative;
  top: -22px;
  color: #787878 !important;
  font-size: 19px !important;
  left: 2px;
}

.playlistList .sharedIcons,
.draggablePlaylist.dragged .box .sharedIcons {
  position: absolute;
  font-size: 22px;
  right: 20px;
  top: 90px;
}

.draggablePlaylist.dragged .box .sharedIcons {
  right: 8px;
  top: inherit;
  bottom: 3px;
}
.playlistList .draggablePlaylist.dragged .box .sharedIcons {
  right: 25px;
}
.playlistList .sharedIcons.show,
.draggablePlaylist.dragged .box .sharedIcons.show {
  right: 30px;
  bottom: 18px;
  top: inherit;
}
.draggablePlaylist.dragged .box .sharedIcons.show {
  bottom: 7px;
}
.contentInjestionIndicator,
.contentInjestionFailedIndicator {
  position: absolute;
  height: 12px;
  width: 12px;

  margin-top: 3px;
  margin-left: 140px;
}

.contentInjestionIndicatorLinear,
.contentInjestionFailedIndicatorLinear {
  position: absolute;
  height: 12px;
  width: 12px;

  margin-top: 0;
  margin-left: 17px;
}

.contentInjestionIndicator span,
.contentInjestionIndicatorLinear span {
  background-color: #ffba00;
  padding: 2px 6px 2px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  height: 12px;
  position: absolute;
}

.contentInjestionFailedIndicator span,
.contentInjestionFailedIndicatorLinear span {
  background-color: #ff0000;
  padding: 2px 6px 2px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  height: 12px;
  position: absolute;
}
.contentInjestionIndicator.apps,
.contentInjestionFailedIndicator.apps {
  margin-left: 170px;
  top: 3px;

  height: 20px;
  width: 20px;
}
.contentInjestionIndicator.apps span,
.contentInjestionFailedIndicator.apps span {
  height: 20px;

  padding: 2px 10px 2px 10px;
}

.contentExpiredIndicatorLinear {
  position: absolute;
  height: 12px;
  width: 12px;

  margin-top: 0;
  margin-left: 0px;

  color: #ff0000;
}

.contentExpiredIndicator {
  position: absolute;
  height: 12px;
  width: 12px;

  margin-top: 3px;
  margin-left: 3px;

  color: #ff0000;
}

ul.thumbnails .customLoader {
  max-width: 54px;
  border: 0;
  min-height: 55px;
  max-height: 55px;
  min-width: 54px;
  margin: 20px 56px;
  position: absolute;
}

ul.linearAssetList .customLoader {
  max-width: 34px;
  border: 0;
  min-height: 35px;
  max-height: 35px;
  min-width: 34px;
}

.internSearch ul.thumbnails .customLoader {
  width: 54px !important;
  height: 55px !important;
}
.tabbable.tabs-left .assetPreview > .row > .col-sm-6 {
  padding: 0px 15px 15px;
  width: 100%;
}
.tabbable.tabs-left .assetPreview > .row > .col-sm-12 {
  padding: 0px 30px;
}
ul.thumbnails li.assetPreview audio,
ul.linearAssetList li.assetPreview audio {
  margin-top: 20%;
}
ul.thumbnails li.assetPreview .contentFileName,
ul.linearAssetList li.assetPreview .contentFileName {
  margin-top: -10px;
  margin-bottom: 5px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
}
.tab-content #playlistView_container > .row:not(.display-hide) {
  display: flex;
}
ul.thumbnails li.assetPreview .tabbable-custom > .tab-content,
ul.linearAssetList li.assetPreview .tabbable-custom > .tab-content {
  border: none;
}

ul.thumbnails li.assetPreview .nav-tabs li,
ul.linearAssetList li.assetPreview .nav-tabs li {
  margin-bottom: 0px;
}

ul.thumbnails li.assetPreview .nav-tabs a,
ul.linearAssetList li.assetPreview .nav-tabs a {
  color: #fff;
}
ul.thumbnails li.assetPreview .nav-tabs .active a,
ul.linearAssetList li.assetPreview .nav-tabs .active a {
  color: #787878;
}
ul.thumbnails li.livePreview svg,
ul.thumbnails li.livePreview .km-scroll-container {
  background-color: #e8e8e8;
}
ul.thumbnails li.livePreview .liveSpecialRow {
  padding-right: 65px;
  padding-bottom: 30px;
  margin-top: 15px;
}
ul.thumbnails li.assetPreview .small,
ul.thumbnails li.livePreview .small,
ul.linearAssetList li.assetPreview .small {
  font-size: 11px !important;
  line-height: 15px;
}
ul.thumbnails li.assetPreview .small .row,
ul.thumbnails li.livePreview .small .row,
ul.linearAssetList li.assetPreview .small .row {
  margin-bottom: 2px;
}
ul.thumbnails li.assetPreview .title,
ul.thumbnails li.livePreview .title,
ul.linearAssetList li.assetPreview .title {
  font-size: 14px !important;
  line-height: 22px;
  font-weight: 700;
}
ul.thumbnails li.assetPreview .small .filter-btn,
ul.linearAssetList li.assetPreview .small .filter-btn {
  margin: 3px;
}
ul.thumbnails li.k-state-selected,
ul.thumbnails li.assetPreview,
ul.thumbnails li.livePreview,
ul.linearAssetList li.assetPreview {
  background-color: #4c4c4c;
}

ul.thumbnails li span,
ul.linearAssetList li span {
  margin-top: 5px;
  margin-left: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}

ul.thumbnails li .overlayType span.iconType,
ul.linearAssetList li .overlayType span.iconType {
  margin-left: 133px;
}
.overlayType span.videoDuration {
  margin: 0px 0px !important;
  margin-left: 35px !important;
  font-size: 14px;
}
.overlayType span.videoDuration.small {
  line-height: 18px;
  font-size: 10px;
}
.overlayType span.slideNumber {
  margin: 0px 0px !important;
  margin-left: 52px !important;
  font-size: 14px;
}
li#assetPreviewBox span:not(.k-widget span) {
  margin-left: 0px;
  text-overflow: inherit;
  overflow: inherit;
  display: inline;
  white-space: inherit;
}

span.fieldValue {
  display: block !important;
}

ul.thumbnails li.k-state-selected img,
ul.linearAssetList li.k-state-selected img {
  border-color: #4c4c4c;
}

ul.thumbnails li.k-state-selected > span,
ul.linearAssetList li.k-state-selected > span {
  color: #ffffff;
  margin-left: 3px;
}

ul.thumbnails li div.overlayType,
.overlayType,
ul.linearAssetList li div.overlayType {
  height: 26px;
  width: 160px;
  background-color: #ddd;
  margin-top: 68px;
  margin-left: 2px;
  position: absolute;
  opacity: 0.7;
}

ul.thumbnails.livecontrol li div.overlayType {
  height: 26px;
  width: 160px;
  background-color: #ddd;
  margin-top: 68px;
  margin-left: 2px;
  position: absolute;
  opacity: 0.9;
}
/*div.overlayType span
{
    font-size: 20px;
    margin: 4px 6px;
    color: #787878;
    display: inline-block;
}
        ul.thumbnails li div.overlayType span,
        ul.thumbnails li.k-state-selected div.overlayType span
        {
            font-size: 24px;
            margin: 4px 6px;
            color: #787878;
            display: inline-block;
        }*/

span.customListPreview {
  line-height: 11px;
}
list-unstyled.arrowRight li {
  margin: 10px 0px 10px 5px;
}

list-unstyled.arrowRight li i {
  font-size: 10px !important;
  float: left;
  margin-right: 7px;
  margin-top: 7px;
}

ul.thumbnails.popupContent li div.overlayType,
ul.linearAssetList.popupContent li div.overlayType {
  margin-top: 28px;
  margin-left: 69px;
}

.thumbnails.popupContent li img {
  min-height: initial;
  max-height: initial;
  min-width: initial;
  max-width: initial;
  width: 116px;
  height: 65px;
}

ul.thumbnails.assetList li {
  min-height: 120px !important;
}

#sceneEditor_container ul.thumbnails.assetList li {
  margin-bottom: 10px;
}
ul.thumbnails > li {
  height: 140px;
}
ul.thumbnails li img {
  /*width:auto !important;*/
  height: 92px;
  max-width: 160px;
}
ul.thumbnails div.defaultAssetTypeImage,
ul.thumbnails div.thumbContainer,
.download.defaultAssetTypeImage {
  border: 2px #aaaaaa solid;
  width: 164px;
  height: 96px;
}
ul.linearAssetList div.thumbContainer {
  width: 70px;
  height: 45px;
}
ul.linearAssetList li img {
  /*width:auto !important;*/
  height: 42px;
  max-width: 70px;
}
ul.thumbnails.live div.defaultAssetTypeImage,
ul.thumbnails.live div.thumbContainer,
.playerContainer div.defaultAssetTypeImage {
  border: 2px #aaaaaa solid;
  height: 96px;
}
ul.thumbnails div.thumbContainer {
  background-color: #d8d8d7;
}
#assetThumb img {
  width: auto;
  height: auto;
  margin: auto;
  display: block;
  max-width: 164px;
  max-height: 96px;
}
#assetThumb .thumbContainer {
  border: 2px #aaaaaa solid;
  background-color: #d8d8d7;
}
#assetThumb .overlayType {
  margin-top: 72px;
  width: 165px;
}
#assetThumb .overlayType > span {
  color: #787878 !important;
  font-size: 19px !important;
  margin-left: 135px;
  line-height: 32px;
}

ul.thumbnails div.defaultAssetTypeImage span,
.defaultAssetTypeImage span,
.playerContainer div.defaultAssetTypeImage span {
  font-size: 83px !important;
  margin-top: 5px;
  /*margin-left: 10px;*/
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  color: #787878;
}

.download.defaultAssetTypeImage span {
  font-size: 83px !important;
  margin-top: 0px !important;
  margin-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  color: #787878;
}

ul.thumbnails.assetList li img {
  border: 3px #aaaaaa solid;
}

ul.thumbnails.assetList li div.assetName {
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.textEllipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

ul.thumbnails li.assetPreview,
ul.thumbnails li.livePreview,
ul.linearAssetList li.assetPreview {
  margin: -20px 0 20px 0;
  color: #fff;
  min-height: 220px;
  cursor: default;
  height: auto;
}
ul.thumbnails li.assetPreview div.alPreviewThumb .carousel-inner .item {
  margin-bottom: 0px;
}
ul.thumbnails li.assetPreview div.alPreviewThumb .carousel-inner .item > img {
  margin: auto;
}
ul.thumbnails li.assetPreview div.alPreviewThumb,
ul.thumbnails li.livePreview div.alPreviewThumb,
ul.linearAssetList li.assetPreview div.alPreviewThumb {
  height: 100%;
}
ul.thumbnails li.assetPreview div.alPreviewThumb img,
ul.thumbnails li.livePreview div.alPreviewThumb img,
ul.linearAssetList li.assetPreview div.alPreviewThumb img {
  border: 0;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  height: auto;
}
ul.thumbnails li.livePreview div.alPreviewThumb img.pf-poster,
ul.thumbnails li.assetPreview div.alPreviewThumb img.pf-poster,
ul.linearAssetList li.assetPreview div.alPreviewThumb img.pf-poster {
  width: 100%;
}

ul.thumbnails li.assetPreview span,
ul.thumbnails li.assetPreview.col-sm-2 k-state-selected span,
ul.linearAssetList li.assetPreview span,
ul.linearAssetList li.assetPreview.col-sm-2 k-state-selected span,
ul.thumbnails li.livePreview span,
ul.thumbnails li.livePreview.col-sm-2 k-state-selected span {
  /*color: #fff !important;*/
  margin-left: 0;
}
.thumbnails .glyphicons i:before {
  color: #fff !important;
}
ul.thumbnails li.assetPreview div [class*='icon-xuniplay-'].preview,
ul.thumbnails li.livePreview div [class*='icon-xuniplay-'].preview,
ul.linearAssetList li.assetPreview div [class*='icon-xuniplay-'].preview {
  font-size: 30px;
  float: left;
  margin: 5px 10px 0 0;
}

ul.thumbnails li.assetPreview div [class*='icon-xuniplay-'],
ul.thumbnails li.livePreview div [class*='icon-xuniplay-'],
ul.linearAssetList li.assetPreview div [class*='icon-xuniplay-'] {
  font-size: 12pt;
}

ul.thumbnails li.assetPreview div [class*='fa-'],
ul.thumbnails li.livePreview div [class*='fa-'],
ul.linearAssetList li.assetPreview div [class*='fa-'] {
  font-size: 12pt;
}

ul.thumbnails li.assetPreview span.icon-xuniplay-cancel,
ul.thumbnails li.livePreview span.icon-xuniplay-cancel,
ul.linearAssetList li.assetPreview span.icon-xuniplay-cancel {
  margin: 8px;
  cursor: pointer;
  float: right;
}

ul.thumbnails ul.arrowRight li i {
  color: white;
}

ul.unstyled.arrowRight li i {
  font-size: 10px !important;
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 7px;
}

.set-model {
  min-height: 60px !important;
  border-right: 1px #eeeeee solid;
}

ul.thumbnails ul.controlsBtn {
  position: absolute;
  bottom: 0px;
}
ul.thumbnails ul.verticalBtn {
  margin-left: 0px;
}
.assetPreview .row.adaptive,
.livePreview .row.adaptive {
  padding-right: 30px;
  padding-left: 30px;
  float: left;
}
.assetPreview .row.adaptive .col-sm-6,
.livePreview .row.adaptive .col-sm-6 {
  width: calc(50% - 15px);
  border-right: 1px solid #555555;
  border-left: 1px solid #555555;
  margin-top: 15px;
  margin-left: 15px;
}
.assetPreview .defaultAssetTypeImage,
.livePreview .defaultAssetTypeImage,
.playerContainer div.defaultAssetTypeImage {
  font-size: 170px;
  text-align: center;
}

.assetPreview .previewCommands,
.livePreview .previewCommands {
  float: left;
}
.assetPreview .previewThumbsInfo,
.livePreview .previewThumbsInfo {
  float: left;
  margin: 15px 0px;
}
.assetPreview .essenceInfo,
.assetLive .essenceInfo {
  padding: 0px;
  margin-top: 15px;
}
.assetPreview .metadataSummary,
.livePreview .metadataSummary {
  padding: 15px 15px 50px 15px;
}
.assetPreview .metadataSummary .summaryValue,
.assetPreview .metadataSummary .summaryLabel,
.livePreview .metadataSummary .summaryValue,
.livePreview .metadataSummary .summaryLabel {
  padding: 0px;
}
.assetPreview .metadataSummary .summaryLabel,
.livePreview .metadataSummary .summaryLabel {
  font-weight: 700;
}
.assetPreview .metadataSummary .summaryValue,
.livePreview .metadataSummary .summaryValue {
  padding-left: 5px;
}
.assetPreview .metadataSummary .portlet.box,
.livePreview .metadataSummary .portlet.box {
  margin-bottom: 10px;
}
.assetPreview .metadataSummary .portlet-title,
.livePreview .metadataSummary .portlet-title {
  border-bottom: none;
}
.assetPreview .metadataSummary .portlet.box,
.livePreview .metadataSummary .portlet.box {
  background-color: #5c5c5c;
}
.assetPreview .metadataSummary > .portlet > .portlet-title > .caption,
.livePreview .metadataSummary > .portlet > .portlet-title > .caption {
  color: #444;
  float: none;
  font-weight: 700;
  line-height: 22px;
}
.assetPreview .metadataSummary > .portlet > .portlet-title > .arrow-collapse,
.livePreview .metadataSummary > .portlet > .portlet-title > .arrow-collapse {
  float: none;
  margin-right: 15px;
  color: #0072c5;
  line-height: 30px;
  margin-top: 0px;
}

.assetPreview .metadataSummary .portlet,
.assetPreview .metadataSummary .portlet > .portlet-title > .caption,
.livePreview .metadataSummary .portlet,
.livePreview .metadataSummary .portlet > .portlet-title > .caption {
  color: white;
}
.assetPreview .metadataSummary .portlet,
.livePreview .metadataSummary .portlet {
  margin-bottom: 0px;
}
.assetPreview .metadataSummary .portlet-body,
.livePreview .metadataSummary .portlet-body {
  background-color: transparent !important;
  color: white;
  font-size: 11px;
}
.assetPreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.collapse,
.assetPreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.expand,
.livePreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.collapse,
.livePreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.expand {
  background-image: none !important;
  display: inline-block;
  text-decoration: none;
  color: white;
  vertical-align: top;
  margin-top: -3px;
}
.assetPreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowtop2,
.assetPreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2,
.livePreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowtop2,
.livePreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2 {
  display: inline;
}
.assetPreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowtop2,
.assetPreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2,
.livePreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowtop2,
.livePreview .metadataSummary .portlet > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2 {
  display: none;
}
.assetPreview div.defaultAssetTypeImage,
.livePreview div.defaultAssetTypeImage,
.playerContainer div.defaultAssetTypeImage {
  min-height: 200px !important;
  width: auto !important;
  border-color: #aaaaaa !important;
}
.assetPreview div.defaultAssetTypeImage div,
.livePreview div.defaultAssetTypeImage div,
.playerContainer div.defaultAssetTypeImage div {
  font-size: 146px !important;
  margin-top: 30px;
}
.assetPreview .alert {
  height: 100%;
  margin-bottom: 0px;
  border: 0px;
}
.assetPreview .alert > a {
  float: right;
  margin-top: 8px;
}
.assetPreview .alert span {
  color: #a94442 !important;
  margin-top: 0px;
  font-size: 12px;
}
.portlet-title .tools .control-label {
  margin-right: 10px;
  color: #444;
}
.portlet-title .tools .make-switch .switch-on,
.portlet-title .tools .make-switch .switch-on {
  background-color: white;
}
.invitedCustomers .icon-xuniplay-user {
  font-size: 35px;
  margin: 13px 10px 0px 0px;
}
.invitedCustomers .icon-xuniplay-select {
  position: absolute;
  top: 31px;
  left: 37px;
  font-size: 24px;
  color: #35aa47;
}
.dateList li {
  background-color: rgba(204, 204, 204, 0.6);
}
.assetPreview .playlist > li:nth-child(2n),
.invitedCustomers > li:nth-child(2n),
.dateList li:nth-child(2n) {
  background-color: rgb(245, 245, 245);
}
.assetPreview .playlist > li.row {
  margin: 0px !important;
}
.assetPreview .playlist > li,
.invitedCustomers > li {
  background-color: rgb(255, 255, 255);
  line-height: 26px;
}
.assetPreview div.alPreviewThumb,
.livePreview div.alPreviewThumb,
.assetPreview div.alPreviewThumb .pf-container,
.livePreview div.alPreviewThumb .pf-container,
.alPreviewThumb .pf-container {
  min-height: 187px;
}
.assetPreview .k-grid span {
  margin-top: 0px;
}
.assetPreview .k-grid .k-link:not(.k-state-disabled):hover > .k-i-arrow-n,
.assetPreview .k-grid .k-link:not(.k-state-disabled) > .k-i-arrow-n {
  background-position: 0 0;
}
.assetPreview .k-grid .k-link:not(.k-state-disabled):hover > .k-i-arrow-s,
.assetPreview .k-grid .k-link:not(.k-state-disabled) > .k-i-arrow-s {
  background-position: 0 -32px;
}
.assetPreview .essenceSelector,
.livePreview .essenceSelector {
  padding: 0px;
  margin-bottom: 15px;
}
.assetPreview .essenceSelector .k-state-selected .k-i-arrow-s,
.assetPreview .essenceSelector .k-state-default .k-i-arrow-s,
.livePreview .essenceSelector .k-state-selected .k-i-arrow-s,
.livePreview .essenceSelector .k-state-default .k-i-arrow-s {
  background-position: 0 -32px !important;
}
.assetPreview .essenceSelector .k-icon.k-i-arrow-s,
.assetPreview .essenceSelector .k-select,
.livePreview .essenceSelector .k-icon.k-i-arrow-s,
.livePreview .essenceSelector .k-select {
  color: #4c4c4c !important;
  margin: 3px;
}
.assetPreview .essenceSelector .k-input,
.livePreview .essenceSelector .k-input {
  height: auto;
  line-height: 24px;
  padding: 0;
  color: #4c4c4c !important;
}
.assetPreview .essenceSelector span,
.livePreview .essenceSelector span {
  margin: 0px;
  display: block;
}

.assetPreview .k-grid-content {
  max-height: 58px;
}
.assetPreview .alPreviewThumb .pf-video,
.livePreview .alPreviewThumb .pf-video {
  max-height: 295px;
}
.assetPreview .alPreviewThumb .pf-full-browser .pf-video,
.livePreview .alPreviewThumb .pf-full-browser .pf-video {
  max-height: 100%;
}
.assetPreview .pf-error-message-control,
.livePreview .pf-error-message-control {
  z-index: 3;
}
.assetPreview .alPreviewThumb img,
.livePreview .alPreviewThumb img {
  max-height: 225px !important;
}

ul.thumbnails ul.controlsBtn li,
ul.thumbnails ul.horizontalBtn li,
ul.thumbnails ul.verticalBtn li,
ul.linearAssetList ul.controlsBtn li,
ul.linearAssetList ul.horizontalBtn li,
ul.linearAssetList ul.verticalBtn li {
  margin-bottom: 0px;
}
ul.thumbnails ul.horizontalBtn li,
ul.thumbnails ul.verticalBtn li,
ul.linearAssetList ul.horizontalBtn li,
ul.linearAssetList ul.verticalBtn li {
  line-height: normal;
}
ul.thumbnails ul.horizontalBtn,
ul.linearAssetList ul.horizontalBtn {
  bottom: 13px;
}
ul.thumbnails ul.horizontalBtn li,
ul.linearAssetList ul.horizontalBtn li {
  float: left;
}
ul.thumbnails ul.verticalBtn li .filter-btn,
ul.thumbnails ul.horizontalBtn li .filter-btn,
ul.linearAssetList ul.verticalBtn li .filter-btn,
ul.linearAssetList ul.horizontalBtn li .filter-btn {
  margin: 0px;
}

.k-animation-container li i {
  margin-top: 5px;
  margin-right: 5px;
}
.assetPreview .essenceSelector .k-dropdown i,
.livePreview .essenceSelector .k-dropdown i {
  margin-right: 10px;
  margin-top: 5px;
  float: left;
}
.kendoDropDown .iconType {
  margin-right: 10px;
}

/*Device Overview*/
.nodeAndDeviceList {
  color: #787878;
  min-height: 80px;
}
.nodeAndDeviceList li {
  padding: 5px;
}
.nodeAndDeviceList .deviceIcon {
  float: left;
}
.nodeAndDeviceList .deviceIcon i {
  font-size: 50px !important;
  min-width: 63px;
  min-height: 50px;
}
.nodeAndDeviceList .deviceIcon i.associated {
  color: #35aa47;
}
.nodeAndDeviceList .deviceName .title {
  font-size: 22px;
  min-height: 30px;
}
.nodeAndDeviceList .deviceName .small {
  min-height: 14px;
}
.nodeAndDeviceList li.k-state-selected {
  background-color: rgb(232, 232, 232);
}
.nodeAndDeviceDetail {
  background-color: rgb(232, 232, 232);
  color: white;
  min-height: 100px;
  padding: 10px !important;
}
.nodeAndDeviceList .toBeApproved {
  background-color: rgb(224, 224, 224);
  opacity: 0.8;
  filter: alpha(0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.nodeAndDeviceDetail .metadataSummary .portlet.box {
  margin-bottom: 10px;
}
.nodeAndDeviceDetail .portlet.box {
  background-color: #5c5c5c;
}
.nodeAndDeviceDetail .portlet,
.nodeAndDeviceDetail .portlet > .portlet-title > .caption {
  color: white;
}
.nodeAndDeviceDetail .portlet {
  margin-bottom: 0px;
}
#throttlingRules .portlet > .portlet-title > .actions {
  margin-top: 2px;
}
#throttlingRules .portlet > .portlet-title > .actions .has-switch label {
  background-color: white;
}
.nodeAndDeviceDetail .portlet-body {
  background-color: transparent !important;
  color: white;
}
.nodeAndDeviceDetail .portlet > .portlet-title > .arrow-collapse > a.collapse,
.nodeAndDeviceDetail .portlet > .portlet-title > .arrow-collapse > a.expand {
  background-image: none !important;
  display: inline-block;
  text-decoration: none;
  color: white;
}
.nodeAndDeviceDetail .portlet > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowtop2,
.nodeAndDeviceDetail .portlet > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowbottom2 {
  display: inline;
}
.nodeAndDeviceDetail .portlet > .portlet-title > .arrow-collapse > a.expand .icon-xuniplay-arrowtop2,
.nodeAndDeviceDetail .portlet > .portlet-title > .arrow-collapse > a.collapse .icon-xuniplay-arrowbottom2 {
  display: none;
}
/*Device Overview End*/

/*Device New*/
#playerWebNew_container .nav-tabs li a {
  padding: 10px;
  font-size: 13px;
}

.deviceTypes li {
  color: #444444;
  float: left;
  margin-left: 12px;
  cursor: pointer;
  margin-bottom: 10px;
}
.deviceTypes li.active {
  color: #0072c5;
}
.deviceTypes li i {
  font-size: 50px;
}
/*End Device New*/

/* Environment New */

.deviceTypeFilters li {
  padding: 5px;
}
.deviceTypeFilters li.k-state-selected {
  color: #fafafa;
  background-color: #444;
}
.deviceTypeFilters li i {
  font-size: 27px;
}
.deviceList,
.nodeList {
  margin-top: 15px;
  padding-top: 10px;
  color: #787878;
  min-height: 80px;
}
.deviceList li,
.nodeList li {
  margin-bottom: 5px;
  padding: 0px;
}
.deviceList.draggableDevice,
.nodeList.draggableNode {
  min-width: 270px;
  min-height: 54px;
  /* Fallback for web browsers that don't support RGBa */
  background-color: rgb(255, 255, 255);
  /* RGBa with 0.6 opacity */
  background-color: rgba(255, 255, 255, 0.6);
}
.nodeList .deviceIcon,
.deviceList .deviceIcon {
  float: left;
}
.nodeList .deviceIcon i,
.deviceList .deviceIcon i {
  font-size: 50px !important;
}
.nodeList .deviceName .title,
.deviceList .deviceName .title {
  font-size: 22px;
}
.deviceToConfigure .portlet .portlet-title a:hover,
.deviceToConfigure .portlet .portlet-title a:focus,
.deviceToConfigure .addedDevices .portlet .portlet-title a:hover,
.deviceToConfigure .addedDevices .portlet .portlet-title a:focus {
  text-decoration: none;
}
.deviceToConfigure .portlet,
.deviceToConfigure .addedDevices .portlet {
  color: #787878;
  background-color: #e9e9e9;
  margin: 0;
}
.deviceToConfigure .portlet-title,
.deviceToConfigure .addedDevices .portlet-title {
  padding: 10px 10px 0px 10px;
  border: 0px;
  margin: 0px;
}
.dropDeviceArea .portlet-title {
  padding: 10px !important;
}
.deviceToConfigure .portlet-title i {
  font-size: 50px;
}
.deviceToConfigure .portlet-title i.associated {
  color: #35aa47;
}
.deviceToConfigure .portlet-title i.not-associated {
  color: #e7191b;
}
.deviceToConfigure .portlet-title i.not-in-environment {
  color: #dddddd;
}
.deviceToConfigure .portlet-title .small i {
  font-size: 24px;
}
.deviceToConfigure .portlet-title .title {
  font-size: 22px;
}
.deviceToConfigure .portlet-title .arrow-collapse {
  margin-top: 38px;
  margin-left: -10px;
}
.deviceToConfigure .portlet-title .arrow-collapse.deleteVisible {
  margin-top: 6px;
  margin-left: -10px;
}
.deviceToConfigure .portlet-title .arrow-collapse i,
.deviceToConfigure .addedDevices .portlet-title .arrow-collapse i {
  font-size: 20px;
}
.deviceToConfigure .portlet-title .arrow-collapse .collapse,
.deviceToConfigure .addedDevices .portlet-title .arrow-collapse .collapse {
  display: inline-block !important;
}
.deviceToConfigure .portlet-title .arrow-collapse .expand > .icon-xuniplay-arrowtop2,
.deviceToConfigure .portlet-title .arrow-collapse .collapse > .icon-xuniplay-arrowbottom2 {
  display: none;
}
.deviceToConfigure .portlet-title .arrow-collapse .collapse > .icon-xuniplay-arrowtop2,
.deviceToConfigure .portlet-title .arrow-collapse .expand > .icon-xuniplay-arrowbottom2 {
  display: inline-block;
}
.deviceToConfigure .portlet-body {
  min-height: 100px;
  padding: 15px;
  font-size: 12px;
}
.deviceToConfigure li {
  margin-bottom: 15px;
  padding: 0px;
}

.deviceToConfigure .addedDevices {
  min-height: 0;
  background-color: transparent;
  margin-top: 15px;
}
.deviceToConfigure .addedDevices li {
  background-color: #f7f7f7;
  margin: 0px 0px 10px 0px;
  padding: 0;
  min-height: 0;
}
.deviceToConfigure .addedDevices .portlet {
  background-color: #f7f7f7;
}
.deviceToConfigure .addedDevices .portlet-body {
  padding: 5px 0px 15px 0px;
  min-height: 0;
  font-size: 12px;
}
.deviceToConfigure .addedDevices li .portlet-title .title {
  font-size: 19px;
}
.deviceToConfigure .addedDevices li .portlet-title i {
  font-size: 46px;
}
.deviceToConfigure li .portlet-title .filter-btn {
  margin: 0px 0px 0px -24px;
}
.deviceToConfigure li .portlet-title .filter-btn i {
  font-size: 16px;
}

.tabbable-custom .nav-tabs > li.active {
  border-top: 3px solid #787878;
}
.tabbable-custom .nav-tabs > li.active > a {
  font-weight: 600;
}
.nav-tabs.nav-justified > li.display-hide {
  display: none !important;
}
.nav-tabs.nav-justified > li > a {
  font-size: 20px;
  color: #787878;
}
/* Template Environment New */

.deviceTypesList {
  margin-top: 15px;
  padding: 10px !important;
  background-color: #ddd !important;
  color: #787878;
  min-height: 80px;
}
.deviceTypesList li {
  margin-top: 5px;
  padding: 0px;
  min-height: 85px;
}
.deviceDragMessage {
  position: absolute;
  z-index: 0;
  font-size: 40px;
  top: 45%;
  left: 20%;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.draggableDeviceType {
  background-color: #ddd;
  color: #787878;
  padding: 30px;
}

.draggableDeviceType i {
  font-size: 65px;
}
.lh50 {
  line-height: 50px !important;
}
.addedNodes {
  min-height: 400px;
  background: rgb(255, 255, 255) transparent;
  background-color: rgba(255, 255, 255, 0.5);
}

.addedNodes .arrow-collapse .collapse {
  display: block;
}
.addedNodes .arrow-collapse a,
.addedNodes .arrow-collapse a:hover,
.addedNodes .arrow-collapse a:focus {
  text-decoration: none;
  font-size: 20px;
  line-height: 45px;
}
.addedNodes .arrow-collapse .collapse .icon-xuniplay-arrowtop2,
.addedNodes .arrow-collapse .expand .icon-xuniplay-arrowbottom2 {
  display: inline;
}
.addedNodes .arrow-collapse .expand .icon-xuniplay-arrowtop2,
.addedNodes .arrow-collapse .collapse .icon-xuniplay-arrowbottom2 {
  display: none;
}
.addedNodes li {
  margin-bottom: 15px;
  margin-top: 15px;
  background: rgb(221, 221, 221) transparent;
  background-color: rgba(221, 221, 221, 0.8);
  min-height: 125px;
}

.addedNodes li .deviceIcon {
  font-size: 65px;
  margin-top: 15px;
}
.addedNodes .addedDevice {
  background-color: transparent;
  padding-right: 15px;
}
.addedNodes .addedDevice li {
  padding-right: 0px;
  min-height: 115px;
}

.addedDevices li .filter-btn {
  margin: 0px 0px 10px 0;
}

.availableDevice li {
  float: left;
  padding: 5px;
  max-width: 80px;
  font-size: 10px;
  min-height: 0px;
  margin: 0px 5px 0px 0px;
  background-color: transparent;
  cursor: pointer;
}
.availableDevice li i {
  font-size: 22px;
}
.availableDevice li.active i,
.availableDevice li.active {
  color: #35aa47;
}
/* Environment Agenda */
.textGreen {
  color: #35aa47;
}
.textRed {
  color: #d84a38;
}
.textExpired {
  color: #c3c3c3;
}
.textModified {
  color: #242424;
}
.envAgenda li > div {
  float: left;
  border: solid 1px white;
  min-height: 86px;
  height: 100%;
  padding: 15px;
}
.envAgenda .filter-btn {
  margin: 0px;
}
/* Environment */
.linearEnvironmentList .envAutoPublishState {
  width: 100%;
  position: relative;
  height: 100%;
  top: 0px;
  right: 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 28px;
  line-height: 50px;
}
.envAutoPublishState {
  position: absolute;
  right: 15px;
  top: 10px;
  /*background-color: green;*/
  color: white;
  width: 25px;
  height: 25px;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
}
.envBoxInfo {
  margin: 10px;
}
.box .boxContent {
  padding: 15px;
}
.envBoxInfo .name,
.box .name {
  font-size: 18px;
}
.envBoxInfo .description {
  line-height: 14px;
}
.envBoxInfo .row {
  line-height: 25px;
}
.envBoxInfo .btn {
  padding: 1px 6px;
}
.envBoxFooter {
  border-top: solid 1px gray;
  text-align: center;
  margin: 0px 15px;
  line-height: 30px;
  min-height: 53px;
}

.envBoxFooter .filter-btn {
  margin: 5px;
  font-size: 18px;
}
.envBoxFooter .filter-btn.dropdown .filter-btn {
  margin: 0;
  padding: 0;
  border: none;
}
.envBoxFooter .filter-btn.dropdown:hover .filter-btn {
  text-decoration: none;
  color: #fafafa;
  background-color: #444444 !important;
}
.envBoxFooter .filter-btn.dropdown .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.envBoxFooter .filter-btn.smaller {
  margin: 15px 1px;
  padding: 2px 6px;
}
.envBoxFooter .fa-copy {
  font-size: 18px;
}
.btnColumn {
  border-left: solid 1px gray;
  cursor: pointer;
}
.btnColumn.green {
  color: white;
  background-color: #35aa47;
}
.btnColumn.green:hover {
  background-color: #1d943b !important;
}

/* Scene */
.layoutListPopup {
  width: 87%;
  margin-left: 60px !important;
}
.singleDeviceList div {
  margin: 5px 0px;
  background-color: #f5f5f5;
  border: solid 1px gray;
  padding: 5px;
}

.singleDeviceList i {
  font-size: 30px;
}
.groupedDeviceList {
  left: -10px;
  top: 20px;
}
.groupedDeviceList li > div {
  margin: 5px 0px;
  background-color: white;
  border: solid 1px gray;
  padding: 5px;
}

.groupedDeviceList i {
  font-size: 30px;
}
.deviceTypeList {
  background-color: #ddd;
  color: #787878;
  border-left: solid #fff 15px;
  border-right: solid #fff 15px;
}
.deviceTypeList ul a,
.deviceTypeList ul a:hover,
.deviceTypeList ul a:focus {
  text-decoration: none;
  color: #ddd;
  cursor: default;
}
.deviceTypeList ul {
  margin: 0px;
}
.deviceTypeList i,
.deviceTypeElement i {
  font-size: 30px;
}
.deviceTypeList ul div {
  text-align: center;
}
.deviceTypeList label {
  line-height: 50px;
}
.deviceTypeList button {
  border: solid 1px #787878;
  color: #787878;
  margin: 10px;
}
.deviceTypeList .fixedWidth,
.deviceTypeElement .fixedWidth {
  width: 85px !important;
}

.deviceTypeElement {
  background-color: #ddd;
  color: #787878;
  padding: 10px;
}
.deviceTypeElement .badge {
  background-color: white;
  color: #787878;
  position: relative;
  top: -21px;
  right: 12px;
  height: 12px;
}
.deviceTypeElement.small {
  background-color: transparent !important;
  color: #787878;
  padding: 0;
  float: left;
  height: 40px;
  padding-top: 10px;
}
.deviceTypeElement.draggable,
.deviceTypeElement.draggable a i {
  cursor: pointer;
}
.deviceTypeList footer {
  min-height: 15px;
  font-size: 11px;
}

.deviceTypeElement a i {
  color: #787878;
}
.deviceTypeElement a:hover i,
.deviceTypeElement a:focus i {
  text-decoration: none;
}

.linearSceneList li .filter-btn {
  margin: -6px 5px;
}

.sceneList li {
  color: #787878;
}
.sceneList li.dragged {
  width: 200px;
}
.sceneList .k-state-selected .corner:after {
  content: '';
  display: inline-block;
  border-left: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #4c4c4c;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}
.sceneList .k-state-selected .check:after {
  content: '';
  font-family: FontAwesome;
  font-size: 13px;
  content: '\f00c';
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 5px;
  color: rgb(34, 209, 34);
  z-index: 10;
}
.sceneList .k-state-selected {
  color: #787878;
  background-color: #4c4c4c;
}
.sceneBox {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border: solid 1px gray;
  margin: 10px 0px;
}
.sceneBox .carousel {
  border-bottom: solid 1px gray;
}
.sceneBox .carousel .carousel-inner {
  height: 114px;
}
.sceneBox .carousel .carousel-inner .item img {
  max-height: 114px;
  margin: 0 auto;
}

.sceneBox .carousel .carousel-control .onlyCarousel {
  top: 47px;
}

.sceneBox ul li a i {
  cursor: default;
  color: #787878;
  font-size: 30px;
}
.sceneBox ul li a:hover i {
  text-decoration: none;
}
.sceneBox ul li a i.associated {
  color: #35aa47;
}
.sceneBox ul li a i.not-associated {
  color: #e7191b;
}
.scenBoxFooter {
  border-top: solid 1px gray;
  text-align: center;
  cursor: pointer;
  margin: 0px 15px;
  line-height: 30px;
}
.scenBoxFooter > span {
  margin: 10px 5px;
  line-height: 30px;
  text-align: center;
}
.sceneThumb {
  max-width: 100%;
  max-height: 113px;
}
.littleThumbDiv {
  margin-right: 10px;
  height: 40px;
  max-width: 60px;
}
.littleThumb {
  max-width: 100%;
  max-height: 100%;
  height: 40px;
  vertical-align: middle;
  float: left;
}
.scenBoxInfo {
  margin: 10px;
}
.scenBoxInfo .name {
  font-size: 18px;
}

.XP-blue.customtile {
  border: 5px #005091 solid;
}

.customtile * {
  color: #ffffff;
}

.customtile .tile-body {
  height: 100%;
  vertical-align: top;
  padding: 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  margin-bottom: 10px;
}

.customtile:hover {
  border-color: #aaa;
}

/* Personal tile new content*/

.personal-tile.tile {
  width: 170px !important;
  height: 165px;
}

.personal-tile.tile .tile-body {
  padding-left: 10px;
  padding-top: 20px;
}

.personal-tile.tile .tile-body > i {
  font-size: 65px;
  text-align: center;
  margin-top: 20px;
}

.personal-tile.tile.moreI .tile-body > i {
  font-size: 35px;
  text-align: left;
  margin-top: 15px;
  float: left;
  margin-left: 10px;
}

.personal-tile.tile.multiUpload .tile-body {
  padding-top: 0px;
}
.personal-tile.tile.multiUpload .tile-body > i {
  font-size: 35px;
  text-align: left;
  margin-top: 6px;
  float: left;
  margin-left: 10px;
}
.personal-tile.tile .tile-object > .name {
  font-size: 16px;
}

/* Kendo UI edit css */
.k-button-group .k-tool {
  margin-right: 0px;
}
.k-button-group .k-tool {
  height: auto;
  line-height: normal;
}
.k-widget {
  border: 0 !important;
}

.sidemenu-margins {
  margin-top: 86px;
}

.page-sidebar-menu {
  margin-top: 55px;
}

ul.page-sidebar-menu li.active a .title {
  color: #444444 !important;
}

.page-sidebar-menu > li > ul.sub-menu > li > a {
  background: none !important;
}
/* Tile */

.tile {
  width: 148px !important;
}

.tile .tile-body {
  text-align: center;
  padding-left: 70px;
}

.tile .tile-body > i {
  font-size: 90px;
  text-align: center;
  margin-top: 0px;
}

.tile .tile-body > img {
  font-size: 90px;
  margin-bottom: 5px;
  text-align: center;
  margin-top: 10px;
  min-height: 60%;
  max-height: 60%;
  min-width: 60%;
  max-width: 60%;
}

.double.tile {
  width: 250px !important;
}

.tile.selected {
  border-color: rgb(216, 74, 56);
}

.tile.selected .corner::after {
  color: #0072c5;
  content: none;
}

/* Listview */
.monitorList,
.scenesList {
  text-decoration: none;
  list-style-type: none;
  margin-left: 0px;
}

.monitorList li {
  margin-bottom: 10px;
}

.monitorList img {
  min-width: 100%;
  max-width: 100%;
}

.monitorList .btn {
  margin-bottom: 5px;
}

.monitorList .btn [class^='icon-'] {
  font-size: 15px;
}

.row .thumbnails {
  padding: 0px;
}

.thumbnails li {
  cursor: pointer;
  /*margin-bottom: 20px;*/
  list-style: none;
  line-height: 20px;
}
.thumbnails li > span {
  font-size: 14px;
}

.search-forms {
  background-color: #ffffff;
  margin-top: 15px;
  margin-bottom: 25px;
}

.assetUsage {
  height: 97px;
  background-color: #f0f0f0;
  padding: 5px 0 0 10px;
  color: #444444;
  margin-top: 3px;
}
.assetUsageContent {
  margin-top: 4px;
}

.assetListResult {
  min-width: 15%;
  max-width: 15%;
}

.fix-offset-asset {
  margin-left: 15px !important;
}

.layoutPreview img {
  min-width: 100%;
  max-width: 100%;
}

.layoutPreview a {
  color: #000000;
  text-decoration: none;
  display: block;
  margin-top: 20px;
}

.layoutPreview > div {
  margin-top: 100px;
}

.labelLayout {
  width: 110px;
  display: inline-block;
}

.timelinePreview {
  margin: 15px;
  min-width: 98%;
  max-width: 98%;
}

#errorProgram {
  display: none;
  padding-right: 20px;
}

h5 span {
  font-size: 10px;
}

.control-group.error .help-block {
  display: block;
}

.border-left {
  border-left: 1px solid #cccccc;
}

.border-bottom {
  border-bottom: 1px solid #cbcbcb;
}

.popupTitle {
  margin-left: 20px;
}

.popupSpanHeight {
  margin: 0px !important;
  min-height: 540px;
}

.popupImg {
  margin-top: 20px;
}

/* Control Room */
.lh30 {
  line-height: 30px;
}
.offline,
.campaign-dashboard li.campaignPreview .well.customWell.offline {
  background-color: #e7191b;
  border-color: #ebccd1;
}
.online,
.campaign-dashboard li.campaignPreview .well.customWell.online {
  background-color: #28b779;
  border-color: #d6e9c6;
}
.badline,
.campaign-dashboard li.campaignPreview .well.customWell.badline,
.campaign-dashboard li.campaignPreview .well.hardwareInfo.badline {
  background-color: #fcb322;
  border-color: #d6e9c6;
}
.campaign-dashboard li.campaignPreview .well.customWell.offline,
.campaign-dashboard li.campaignPreview .well.customWell.online {
  color: white;
}
.campaign-dashboard li.campaignPreview .well.customWell.badline {
  color: #4c4c4c;
}
.campaign-dashboard .loader.customLoader {
  height: 50%;
  position: relative;
  width: 50%;
  left: 25%;
  top: 25%;
}
.gray {
  background: #d9d9d9;
}
.dark-gray {
  background: #717171;
}
.playerList .bars {
  position: relative;
  margin: -5px 5px 5px 5px;
  width: 55px;
  height: 20px;
  -webkit-box-reflect: below 1px linear-gradient(color-stops(transparent, rgba(#fff, 0.2)));
}
.playerList .bars .bar {
  position: absolute;
  bottom: 0;
  width: 10px;
  background: white;
  border: solid 1px white;
}
.playerList .bars .bar:nth-child(1) {
  height: 5px;
  left: 0px;
}
.playerList .bars .bar:nth-child(2) {
  height: 10px;
  left: 13px;
}
.playerList .bars .bar:nth-child(3) {
  height: 15px;
  left: 26px;
}
.playerList .bars .bar:nth-child(4) {
  height: 20px;
  left: 39px;
}
.playerList .playerDetails .nav-tabs.nav-justified > li > a {
  border-bottom: none;
}
.playerList .has-error {
  color: #ffec25;
}
.playerList .nav-tabs.nav-justified > li > a {
  color: #a8a8a8;
}
.playerList li.k-state-selected,
.playerList li.playerPreview,
.campaign-dashboard li.k-state-selected,
.campaign-dashboard li.campaignPreview {
  background-color: rgb(232, 232, 232);
}
.playerList li.playerPreview .btn [class^='fa-'],
.playerList li.playerPreview .btn [class*=' fa-'],
.campaign-dashboard li.campaignPreview .btn [class^='fa-'],
.campaign-dashboard li.campaignPreview .btn [class*=' fa-'] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
  line-height: normal;
}
.playerList li.playerPreview,
.campaign-dashboard li.campaignPreview {
  color: #4c4c4c;
  /*min-height: 220px;*/
  cursor: default;
  border: solid 1px;
  margin-top: 15px;
}
.playerList li.playerPreview .well.customWell,
.campaign-dashboard li.campaignPreview .well.customWell {
  background-color: #cecece;
  padding-bottom: 15px;
  padding-top: 15px;
}
.playerList li.playerPreview .player-detail-info {
  display: flex;
  flex-direction: row;
}
.playerList li.playerPreview .player-detail-info > div {
  width: 100%;
}
.playerList li.playerPreview .player-detail-info > div.special-width {
  max-width: 96%;
}
.playerList li.playerPreview .player-detail-info .hardwareInfoChart.special-width {
  max-width: 98%;
}
.playerList li.playerPreview .player-detail-info-button {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  flex: 1;
}
@media (max-width: 992px) {
  .playerList li.playerPreview .player-detail-info {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }

  .playerList li.playerPreview .player-detail-info > div {
    width: auto;
  }

  .playerList li.playerPreview .player-detail-info > div.special-width {
    max-width: none;
  }
  .playerList li.playerPreview .player-detail-info .hardwareInfoChart.special-width {
    max-width: none;
  }
  .playerList li.playerPreview .player-detail-info-button {
    flex-direction: row;
    margin-left: 0;
    justify-content: flex-end;
  }
  .playerList li.playerPreview .player-detail-info-button > button.btn.chartSwitch {
    margin-left: 10px;
  }
}
.playerList li.playerPreview .well.customWell {
  min-height: 202px;
}
.playerList li.playerPreview .well.hardwareInfo,
.campaign-dashboard li.campaignPreview .well.hardwareInfo {
  height: 90px;
  margin-bottom: 0px;
  background-color: #e7e6e6;
}
.playerList li.playerPreview .well.hardwareInfo {
  margin-bottom: 10px;
}
.playerList li.playerPreview .well.hardwareInfo .valueBox,
.campaign-dashboard li.campaignPreview .well.hardwareInfo .valueBox {
  float: right;
  margin-top: -10px;
  max-width: 57%;
  height: 60px;
}
.playerList li.playerPreview .well.hardwareInfo .valueBox i,
.campaign-dashboard li.campaignPreview .well.hardwareInfo .valueBox i {
  font-size: 53px;
  margin-right: 15px;
  margin-top: 8px;
}
.playerList li.playerPreview .well.hardwareInfo .valueBox i.true,
.campaign-dashboard li.campaignPreview .well.hardwareInfo .valueBox i.true {
  color: #62c462;
}
.playerList li.playerPreview .well.hardwareInfo .label,
.campaign-dashboard li.campaignPreview .well.hardwareInfo .label {
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0px;
  display: block;
  float: left;
  max-width: 43%;
  white-space: normal;
  text-align: left;
}
.playerList li.playerPreview .well.hardwareInfo .bigValue,
.campaign-dashboard li.campaignPreview .well.hardwareInfo .bigValue {
  font-size: 32px;
  font-weight: 700;
}
.playerList li.playerPreview .well.hardwareInfo .value,
.campaign-dashboard li.campaignPreview .well.hardwareInfo .value {
  font-weight: 600;
  margin-top: -10px;
}
.playerList li.playerPreview .progress .progress-bar,
.campaign-dashboard li.campaignPreview .progress .progress-bar {
  background-color: #3674e2;
}
.playerList li.playerPreview .form-group .control-label,
.campaign-dashboard li.campaignPreview .form-group .control-label {
  float: left;
  margin-right: 10px;
}
.playerList li.playerPreview .form-group .input-group.date,
.campaign-dashboard li.campaignPreview .form-group .input-group.dropdown {
  width: 220px;
}
.playerList li.playerPreview .hardwareInfoChart {
  min-height: 250px;
}
.playerList li.playerPreview .hardwareInfoChart a {
  width: 5%;
}
.playerList li.playerPreview .hardwareInfoChart a i {
  top: 160px;
}
.playerList li.playerPreview .hardwareInfoChart a.right i {
  right: 12px;
}
.playerList li.playerPreview .hardwareInfoChart .chart-container {
  overflow: hidden;
  padding: 0px 50px;
}
.playerList li.playerPreview .hardwareInfoChart .chart-inner {
  height: 350px;
  display: flex;
  flex-direction: row;
  flex-basis: 700px;
  width: 100%;
  flex-wrap: nowrap;
  position: relative;
  left: 0;
}
.playerList li.playerPreview .hardwareInfoChart .chart-inner > div {
  width: 700px;
  margin-right: 40px;
  flex: 0 0 auto;
}
.playerList li.playerPreview .progress,
.campaign-dashboard li.campaignPreview .progress {
  background-color: #aaaaaa;
  max-height: 8px;
  clear: both;
  position: relative;
  top: 5px;
}
.playerList li.playerPreview .btn,
.campaign-dashboard li.campaignPreview .btn {
  margin-right: 15px;
  margin-top: 15px;
}
.playerList li.playerPreview .btn.chartSwitch,
.campaign-dashboard li.campaignPreview .btn.chartSwitch {
  margin: 0px 0px 15px 0px;
  color: white;
  background-color: #444;
}
.playerList li.playerPreview .btn.chartSwitch > i,
.campaign-dashboard li.campaignPreview .btn.chartSwitch > i {
  font-size: 28px;
}
.playerList li.playerPreview .carousel .carousel-control .onlyCarousel {
  top: 110px;
}
.playerList li.playerPreview .carousel .carousel-inner .item {
  margin-bottom: 0px;
}
.playerList li.playerPreview .carousel .carousel-inner .item img {
  margin: 0 auto;
  max-height: 240px;
}
.playerList li.playerPreview .deviceList {
  background-color: transparent;
  color: #4c4c4c;
  margin: 0;
}
.playerList li.playerPreview .deviceList li.col-sm-3 {
  margin-left: 5px;
  margin-right: 5px;
  padding: 0px;
}
.playerList li.playerPreview .deviceList li a,
.playerList li.playerPreview .deviceList li a:hover,
.playerList li.playerPreview .deviceList li a:focus {
  color: #4c4c4c;
  text-decoration: none;
  cursor: default;
}
.playerList li.playerPreview .deviceList li i {
  font-size: 30px;
}
.playerList li.playerPreview .deviceList li footer {
  font-size: 85%;
}
.playerList li.playerPreview .carousel-indicators {
  width: 100%;
  left: 30%;
  bottom: 10px;
}
.playerList li.playerPreview .carousel-indicators .active {
  height: auto;
  width: 50px;
  background-color: transparent;
}
.playerList li.playerPreview .tab-pane .carousel-indicators .active {
  width: 46px;
}
.playerList li.playerPreview .carousel-indicators .active img {
  max-width: 50px;
}
.playerList li.playerPreview .tab-pane .carousel-indicators .active img {
  max-width: 46px;
}
.playerList li.playerPreview .carousel-indicators li {
  width: 40px;
  height: 30px;
  text-indent: 0px;
  border: none;
}
.playerList li.playerPreview .tab-pane .carousel-indicators li {
  width: 36px;
}
.playerList li.playerPreview .carousel-indicators li img {
  max-width: 40px;
  border: 1px solid gray;
  margin: 0 auto;
}
.playerList li.playerPreview .tab-pane .carousel-indicators li img {
  max-width: 36px;
}
.playerList li.playerPreview ul.nav,
.playerList li.playerPreview ul.nav li,
.playerList li.playerPreview ul.nav li a {
  background-color: transparent;
}
.playerList li.playerPreview ul.nav li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300 !important;
  font-size: 18px;
  padding: 6px 10px;
}
.playerList li.playerPreview ul.nav li a:hover {
  border-color: transparent;
}
.playerList li.playerPreview .tabs-left > .nav-tabs {
  border-right: none;
}
.playerList li.playerPreview .tabs-left .tab-pane {
  padding: 15px;
  overflow: hidden;
}
.playerList li.playerPreview .tabs-left > .nav-tabs {
  margin-right: 0px;
}

.playerList li.playerPreview ul.nav li.active,
.playerList li.playerPreview ul.nav li.active a:hover,
.playerList li.playerPreview .tab-pane.active {
  background-color: #cecece;
}
.playerList li.playerPreview ul.nav li.active a,
.playerList li.playerPreview ul.nav li.active a:hover {
  color: #4c4c4c;
  border: 0px;
}
.playerList li.playerPreview .tabbable-custom .nav-tabs > li.active {
  border-top: 0px !important;
}
.playerList li.playerPreview .tab-content {
  color: #4c4c4c;
  background-color: transparent;
}
.playerList li.playerPreview .tab-content .tab-pane ul.cbControls {
  margin-top: 15px;
}
.playerList li.playerPreview .tab-content .tab-pane ul.cbControls li {
  line-height: 36px;
}
.playerList li.playerPreview .tab-content .tab-pane ul.cbValueBoxes li {
  margin-bottom: 10px;
}
.playerList li.playerPreview .tab-content small {
  word-wrap: break-word;
}
.playerList li.playerPreview .tab-content .slider {
  max-width: 200px;
  margin-left: 7px;
}
.playerList li.playerPreview .tab-content .k-widget.k-dropdown {
  max-width: 207px;
}
.playerList li.playerPreview .tab-content span.k-icon.k-i-arrow-s {
  margin-bottom: 4px;
}
/*.playerList li.playerPreview .tab-content .k-dropdown-wrap > .k-input {
            margin-bottom: 3px;
        }*/
.playerList .playerDetails {
  padding-top: 15px;
}
.playerList .playerDetails .datetime-screenshot {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.playerList .playerDetails .datetime-screenshot > span {
  color: #aded26;
  background-color: #000000b3;
  padding: 0.5rem;
}
.playerList .playerDetails .portlet.network-info {
  margin-top: 5px;
  background-color: #e8e8e8;
}
.playerList .playerDetails .portlet.network-info .portlet-title {
  padding: 5px;
  margin-bottom: 15px;
}
.playerList .playerDetails .portlet.network-info .portlet-title .caption {
  color: #4c4c4c;
  font-size: unset;
  font-weight: 700;
}

.playerList .playerDetails .portlet.network-info .portlet-tabs > .nav-tabs {
  top: -45px;
}

.playerList .playerDetails .portlet.network-info .portlet-tabs > .nav-tabs li a {
  font-weight: unset;
  font-size: unset;
  padding: 0px 15px;
}
.playerList .playerDetails .portlet.network-info .tab-content {
  min-height: unset;
  padding: 0px !important;
}
.playerList .playerDetails .portlet.network-info .tab-content > .tab-pane {
  padding: 5px;
  min-height: unset;
}
.playerList .playerDetails .portlet.network-info .tab-content > .tab-pane > .mtop15 {
  margin-top: unset !important;
}
.playerList .playerDetails .tab-pane .btn {
  margin: 2px 0px 0px 0px;
  padding: 5px 10px;
}
.playerList .playerDetails .customLoader {
  height: 28px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 2px;
}
.playerList .ssValidated {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 30px;
  background-color: white;
}

.playerList .ssValidated.unknown {
  color: #e3a21a;
}
.playerList .ssValidated.error {
  color: #bb2413;
}
.playerList .ssValidated.valid {
  color: #35aa47;
}
.playerList .toBeApproved {
  background-color: rgb(224, 224, 224);
  opacity: 0.8;
  filter: alpha(0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 68px;
  top: 0px;
  left: 0px;
  border: solid 10px white;
  border-right: solid 15px white;
  border-left: solid 15px white;
}
.dashboard-stat.online .more {
  background: #188f5b;
  min-height: 24px;
}
.dashboard-stat.offline .more {
  background: #bc0d0e;
  min-height: 24px;
}
.dashboard-stat.badline .more {
  background: #e29600;
  min-height: 24px;
}
.dashboard-stat.gray .more {
  background: #ababab;
  min-height: 24px;
}
.dashboard-stat.dark-gray .more {
  background: #383838;
  min-height: 24px;
}
.dashboard-stat .deviceIcon {
  float: left;
  margin: 5px 5px 0px 5px;
  min-height: 34px;
}
.dashboard-stat .deviceIcon i {
  font-size: 30px !important;
  color: white;
}
.dashboard-stat .deviceName {
  color: white;
  margin: 5px 0px 0px 5px;
}
.dashboard-stat .deviceName .number {
  font-size: 14px;
  line-height: 30px;
  margin-right: 5px;
}
.dashboard-stat .deviceName .desc {
  font-size: 13px;
}
.dashboard-stat .fa-warning {
  color: #e7191b;
  float: left;
  font-size: 19px;
  margin-top: -2px;
  margin-left: -6px;
}
.dashboard-stat .netStability {
  font-size: 10px;
  color: #fff;
  margin-right: 10px;
  min-height: 15px;
}

.dashboard-stat .playerVersion {
  font-size: 10px;
  color: #fff;
  margin-left: 10px;
  max-height: 20px;
  min-height: 15px;
}
.dashboard-stat .more {
  clear: both;
  display: block;
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 75%;
  color: #fff;
  filter: alpha(opacity=70);
}
.dashboard-stat {
  cursor: pointer;
  margin: 10px 0px;
  min-height: 83px;
}
.playerList .dashboard-stat .more {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 0 10px;
}
.playerList .dashboard-stat .icons {
  margin-left: auto;
}
.playerList .dashboard-stat .icons i.icon-xuniplay-notice,
.playerList .dashboard-stat .icons i.icon-xuniplay-nav-to-child-maps {
  float: unset;
}
.playerList .ticket {
  color: white;
}
.playerList.linear.header {
  margin-bottom: 0;
  color: #666;
  background-color: transparent !important;
  height: auto;
}
.playerList.linear.header .dashboard-stat {
  cursor: unset;
}
.playerList.linear.header .deviceName {
  color: #666;
}
.playerList.linear > li {
  padding: 0;
}
.playerList.linear .ssContainer {
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  width: 15%;
  height: 96%;
}
.playerList.linear .ssContainer > img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.playerList.linear li.playerPreview {
  margin-top: 0px;
  padding-right: 15px;
  padding-left: 15px;
}
.playerList.linear .dashboard-stat {
  margin: 0 0 2px;
  min-height: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.playerList.linear .dashboard-stat .deviceName {
  margin: 0;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  width: 15%;
}
.playerList.linear .dashboard-stat .deviceName.display-hide {
  display: none;
}
.playerList.linear .dashboard-stat .deviceIcon {
  margin: 0;
  float: none;
  min-height: unset;
}
.playerList.linear .networkStatusAndLastCheck .bars {
  margin: 0;
  margin-bottom: 5px;
}
.playerList.linear .networkStatusAndLastCheck .lastCheck {
  line-height: 12px;
}
.playerList.linear .networkStatusAndLastCheck {
  width: 120px;
}
.playerList.linear .toBeApproved {
  min-height: unset;
  border: 0;
}
.dashboard-stat.liveControl {
  min-height: 48px;
}

.dashboard-stat i.icon-xuniplay-notice,
.dashboard-stat i.icon-xuniplay-nav-to-child-maps {
  font-size: 16px;
  color: #ffffff;
  margin: 0;
}

.dashboard-stat.offline i.icon-xuniplay-notice {
  display: none;
}

#btnRowDevice .filter-btn {
  margin-top: 0px;
  margin-right: 10px;
  height: 34px;
  border: 1px solid transparent;
  margin-bottom: 0px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  outline: none !important;
  padding: 7px 14px;
  font-size: 14px;
  background-color: #dddddd !important;
}

#btnRowDevice .filter-btn:hover,
#btnRowDevice .filter-btn:active,
#btnRowDevice .filter-btn:focus,
#btnRowDevice .filter-btn:visited {
  background-color: #dddddd !important;
  color: #333;
  text-decoration: none;
}
#btnRowDevice .filter-btn i {
  line-height: 15px;
  font-size: 14px;
}
.connectionsGrid .k-header,
.profileGrid .k-header {
  font-weight: bold !important;
}

.details {
  position: absolute;
  right: 15px;
  padding-right: 10px;
}
.details .desc {
  text-align: right;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #fff;
}
.details .number {
  padding-top: 15px;
  text-align: right;
  font-size: 34px;
  line-height: 34px;
  letter-spacing: -1px;
  margin-bottom: 5px;
  font-weight: 300;
  color: #fff;
}

.streamingNetworkNode {
  background-color: #ddd;
  padding: 10px;
  margin-bottom: 10px;
}

.streamingNetworkLegenda {
  padding-left: 5px;
  margin-bottom: 5px;
}
.streamingNetworkLegenda li {
  float: right;
  margin-left: 10px;
}
.streamingNetworkNode.encoder,
.streamingNetworkLegenda.encoder {
  border-left: 10px solid #53c6e1 !important;
}

.streamingNetworkNode.origin,
.streamingNetworkLegenda.origin {
  border-left: 10px solid #fcb178 !important;
}

.streamingNetworkNode.edge,
.streamingNetworkLegenda.edge {
  border-left: 10px solid #c38cd0 !important;
}

.streamingNetworkNode.cache,
.streamingNetworkLegenda.cache {
  border-left: 10px solid #f48bb3 !important;
}

/* End Control Room */

/* Timeline*/
.ungorupNodeTypeList li.k-state-selected {
  background-color: #4c4c4c;
}
.ungorupNodeTypeList > li {
  float: left;
  border: solid 1px #787878;
  margin: 5px 10px;
  background-color: #787878;
  color: #ddd;
}
.ungorupNodeTypeList li a i,
.ungorupNodeTypeList li footer,
.ungorupNodeTypeList li a:hover,
.ungorupNodeTypeList li a:focus {
  color: #ddd;
  text-decoration: none;
  cursor: default;
}
.ungorupNodeTypeList li a i {
  font-size: 30px;
}
.ungroupDeviceTypes li {
  background-color: #ddd;
  color: #787878;
  padding: 10px;
}
.ungroupDeviceTypes li a i,
.ungroupDeviceTypes li footer {
  color: #787878;
}

.ungroupDeviceTypes li.k-state-selected,
.ungroupDeviceTypes li.k-state-selected a i,
.ungroupDeviceTypes li.k-state-selected footer {
  background-color: #787878;
  color: white;
}

.thumbContainer.loader.customLoader.background {
  background-color: #d8d8d7;
}

.dropAreaDeviceGroup {
  height: 278px;
  background-color: #f5f5f5;
  border: 1px solid gray;
  text-align: center;
  line-height: 278px;
  font-size: 30px;
  color: lightgray;
  position: absolute;
  right: 15px;
  width: 100%;
}
.areaContentList {
  height: 60px;
  background-color: #fafafa;
  border: 1px solid #c1c1c1 !important;
}
.timelineSpacer {
  height: 46px;
  border: 1px solid #c1c1c1;
  background-color: gray;
  border-left: 0px;
  border-right: 0px;
}
.areaContentContainer {
  width: 933px;
  position: relative;
  height: 100%;
  left: 260px;
}
.areaList .portlet.box {
  background-color: gray;
}
.areaList .portlet > .portlet-title > .caption {
  line-height: 33px;
  margin-bottom: 0px;
}
.areaList .portlet.box .portlet-title {
  background-color: #f6f6f6;
  border: 1px solid #c1c1c1;
  color: #434343 !important;
}
.areaList .portlet.box .portlet-title .caption a:hover,
.areaList .portlet.box .portlet-title .caption a:focus {
  text-decoration: none;
}
.areaList .portlet.box .portlet-title .caption a {
  color: #434343 !important;
  cursor: default;
}
.areaList .portlet.box .portlet-title .caption span {
  text-overflow: ellipsis;
  display: inline-block;
  width: 115px;
  overflow: hidden;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 2px;
}
.areaList .portlet.box .portlet-body {
  padding: 0px;
  padding-left: 10px;
  background-color: gray;
}
.areaList .portlet.box > .portlet-title > .arrow-collapse {
  display: inline-block;
  padding: 0;
  float: right;
}

.areaList .portlet.box > .portlet-title > .arrow-collapse > a {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
}

.listAllowedAssetZone {
  display: flex;
  width: 80%;
  margin-top: 4px;
}

.editTimelineArea {
  right: 10px;
  bottom: 5px;
  position: absolute;
  cursor: pointer;
}

.filterEventsArea {
  right: 10px;
  bottom: 30px;
  position: absolute;
  cursor: pointer;
}

.timelineContentType {
  position: relative;
  left: 165px;
  top: -49px;
}
.timelineContent .timelineButtonContainer,
.timelinePlaylist .timelineButtonContainer,
.timelineDynaset .timelineButtonContainer,
.timelineLive .timelineButtonContainer,
.timelineCampaign .timelineButtonContainer {
  position: relative;
  left: 165px;
  width: 30px;
  top: -54px;
}
.timelineContent .timelineButtonContainer .btn,
.timelinePlaylist .timelineButtonContainer .btn,
.timelineDynaset .timelineButtonContainer .btn,
.timelineLive .timelineButtonContainer .btn,
.timelineCampaign .timelineButtonContainer .btn {
  background-color: transparent;
}
.timelineContent .timelineButtonContainer .btn:hover,
.timelinePlaylist .timelineButtonContainer .btn:hover,
.timelineDynaset .timelineButtonContainer .btn:hover,
.timelineLive .timelineButtonContainer .btn:hover,
.timelineCampaign .timelineButtonContainer .btn:hover {
  background-color: transparent !important;
}
.timelineContent .timelineButtonContainer .btn i,
.timelinePlaylist .timelineButtonContainer .btn i,
.timelineDynaset .timelineButtonContainer .btn i,
.timelineLive .timelineButtonContainer .btn i,
.timelineCampaign .timelineButtonContainer .btn i {
  font-size: 13px !important;
}
.k-slider-horizontal {
  width: 100%;
}

.timelineHeader {
  background-color: #f6f6f6 !important;
  color: #434343;
  border-top: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  margin: 0px;
  padding: 5px 0px;
}
.timelineHeader .switchButton {
  margin-top: 3px;
}

.timelineFooter {
  background-color: #f6f6f6 !important;
  color: #434343;
  border-bottom: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  border-top: 1px solid #c1c1c1;
  margin: 0px;
  min-height: 30px;
}

.timelineContainer {
  min-height: 100%;
  position: relative;
}

.timelineContentContainer {
  width: 100%;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  margin: 0px;
  min-height: 200px;
  overflow: hidden;
}

.timelineScrubberContainer {
  margin-left: 259px;
  width: 900px;
  float: left;
}

.internSearch .search-default .chat-form .input-cont {
  margin-left: 3px;
}

.areaList {
  margin: 0px;
  width: 260px;
  float: left;
  z-index: 2;
}

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

.areaListHeader {
  height: 60px;
  border: 1px solid #c1c1c1;
  width: 250px;
  color: #434343;
  position: relative;
}
.areaListHeader.padding {
  padding-top: 5px;
  padding-left: 10px;
}

.areaName {
  color: #434343;
  font-size: 14px;
  line-height: 27px;
  display: block;
}

.areaBtn {
  float: right;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
}

.no-padding {
  padding: 0px !important;
}

.no-margins {
  margin: 0px !important;
}

.areaContentsList {
  position: absolute;
  top: 0px;
  left: 0px;
}

/*.areaContentsList > div
    {
        height: 62px;
    }*/

.areaContentsList .timelineContent,
.areaContentsList.timelineContent,
.areaContentsList .timelinePlaylist,
.areaContentsList.timelinePlaylist,
.areaContentsList .timelineDynaset,
.areaContentsList.timelineDynaset,
.areaContentsList .timelineLive,
.areaContentsList.timelineLive,
.areaContentsList .timelineCampaign,
.areaContentsList.timelineCampaign {
  width: 197px;
  background-color: #ffc778;
  border: none;
  border-right: 1px solid #c1c1c1;
  color: #434343;
  height: 59px;
  float: left;
  overflow: hidden;
}
.areaContentsList .timelineLive,
.areaContentsList.timelineLive {
  background-color: #ffd778;
}
.areaContentsList .timelineLive.detailNotAvailable,
.areaContentsList.timelineLive.detailNotAvailable {
  background-color: #ffe8b0;
}
.areaContentsList .timelinePlaylist,
.areaContentsList.timelinePlaylist {
  background-color: #78d9ff;
}
.areaContentsList .timelinePlaylist.detailNotAvailable,
.areaContentsList.timelinePlaylist.detailNotAvailable {
  background-color: #bdebfd;
}
.areaContentsList .timelineDynaset,
.areaContentsList.timelineDynaset {
  background-color: #92f1a4;
}
.areaContentsList .timelineDynaset.detailNotAvailable,
.areaContentsList.timelineDynaset.detailNotAvailable {
  background-color: #d0f9d8;
}
.areaContentsList .timelineContent.detailNotAvailable,
.areaContentsList.timelineContent.detailNotAvailable {
  background-color: #fde3be;
}
.areaContentsList .timelineCampaign,
.areaContentsList.timelineCampaign {
  background-color: #fbbefd;
}
.areaContentsList .timelineCampaign.detailNotAvailable,
.areaContentsList.timelineCampaign.detailNotAvailable {
  background-color: #fee0ff;
}
.areaContentsList .timelineContent span,
.areaContentsList.timelineContent span,
.areaContentsList .timelinePlaylist span,
.areaContentsList.timelinePlaylist span,
.areaContentsList .timelineDynaset span,
.areaContentsList.timelineDynaset span,
.areaContentsList .timelineLive span,
.areaContentsList.timelineLive span,
.areaContentsList .timelineCampaign span,
.areaContentsList.timelineCampaign span {
  margin-left: 10px;
  margin-right: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  line-height: 25px;
}

input.numb {
  width: 16px !important;
}

.toggle-button label {
  margin-top: 0px !important;
  text-align: center;
}

.toggle-button span.labelLeft {
  background-color: #ee5f5b;
}

.toggle-button span.labelRight {
  background-color: #62c462;
  color: #ffffff;
}

.toggle-button label {
  background-image: url('../img/dots.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-x: center;
  background-position-y: center;
}

.sub-menu .disabled a {
  color: silver !important;
  cursor: default;
}
.page-sidebar > ul > li > ul.sub-menu > li.disabled > a:hover {
  color: silver !important;
  font-weight: 100;
}
.tile.disabled {
  background-color: #c1c2c2 !important;
  cursor: default;
}
.tile.disabled:hover {
  border-color: transparent !important;
}

.disabledDiv {
  opacity: 0.5;
  filter: alpha(opacity = 50);
  cursor: default;
}

input.m-ctrl-small {
  width: 80px;
}

.dropdown.help .helpItem {
  padding: 3px 15px;
  cursor: pointer;
}
.dropdown.help .helpItem:hover {
  background-color: #eee;
}
.dropdown.help.open .dropdown-toggle {
  background: transparent;
}
.dropdown.help .afterThat.help p {
  font-weight: 700;
  font-size: 20px;
  color: #666;
}
.dropdown.help {
  line-height: 38px;
  margin-left: 10px;
  float: left;
}
.dropdown.help i {
  font-size: 34px;
  color: #787878;
  cursor: pointer;
}
.dropdown.help i:hover {
  color: #787878;
}

h3.page-title {
  margin-bottom: 0;
}
.page-title > [class^='icon-'],
.page-title > [class*=' icon-'] {
  vertical-align: middle;
}
.page-title.editable {
  float: left;
  line-height: 41px;
}
.page-title > i.fa {
  font-size: inherit;
}
input.page-title {
  border: 0;
  outline: none;
  width: 93%;
  line-height: 30px;
}

input.page-title:focus {
  border: 0;
}

input.page-title::-ms-clear {
  display: none;
}

i.customEditIcon {
  margin-left: 15px;
  position: relative;
  top: 15px;
  cursor: pointer;
}

.autospan10 {
  width: 85% !important;
  background: #ffffff;
  border-left: 1px solid #c1c1c1;
  min-height: 50px !important;
}

.autospan2 {
  width: 15% !important;
}

.tlLines {
  background-color: #eeeeee;
}
/*TimeLine Popup*/

ul.areaContents {
  list-style-type: none;
  margin-top: 20px;
}

ul.areaContents div.contentPreview {
  background-color: #ffc778;
  border: solid 1px #444444;
  font-size: 16px;
  padding: 7px 10px;
}

ul.areaContents div.contentPreview img {
  max-width: 25px;
  max-height: 18px;
  margin-right: 5px;
  float: left;
}

ul.areaContents div.contentPreview div.contentPreviewName {
  width: 60%;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.internSearch {
  padding-top: 20px;
  padding-left: 20px;
}

span.twoDots {
  background-color: #ffffff !important;
  border: none !important;
  font-size: 16px !important;
  padding: 0px !important;
}

.center {
  text-align: center;
}

.contentBtn {
  padding-left: 5px;
  padding-right: 5px;
}

.timeSmall.m-wrap {
  width: 55px !important;
}

div.assetName {
  font-size: 11px;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.rightIcon {
  float: right;
}

.rightMargin {
  margin-right: 5px;
}

input.placeholder,
textarea.placeholder {
  color: black !important;
}

div.k-window-content {
  padding: 0 !important;
}

/* Upload Asset */

.k-window-action.k-link {
  padding: 0px;
}
.k-window-action.k-link:hover {
  padding: 0px;
}
.k-window-titlebar.k-header {
  margin-top: 0px;
  height: 35px;
}
.k-window-titlebar .k-window-title {
  line-height: 24px;
}

.dashboardBoxHeight {
  height: 220px;
}

.well.customWell {
  background-color: #e9e9e9;
  border: 0;
  padding-bottom: 40px;
}

.customWell .progress {
  height: 34px;
}

.customWell .uploadBar p {
  text-align: right;
  margin: 0;
  float: right;
  line-height: 30px;
  margin-left: 10px;
}

.flLeft {
  float: left !important;
}

.flright {
  float: right !important;
}

label.special {
  width: 95px;
  margin-left: 8px;
  margin-top: 8px;
  margin-right: 8px;
  color: #999999;
  font-size: 12px;
}

.col-sm-10.progress {
  margin-left: 0;
}

.updateBar {
  margin-top: 10px;
}

.editMode {
  text-align: right;
  line-height: 30px;
}

.editMode.red {
  color: red;
}

.thumbsUndefined {
  color: #676767;
  background: #f0f0f0;
  border: 3px solid #aaaaaa;
  padding: 20px;
  text-align: center;
  font-size: 40px;
}

/* Dashboard - Overview */

.well.customWellList {
  background: #f0f0f0;
  border: 0;
  position: relative;
}

.customSpanList {
  padding: 10px;
}

.customSpanList img {
  border: 1px solid #cccccc;
  margin-left: -2px;
}

.customSpanList img.current {
  border: 2px solid #0072c5;
  margin-left: -2px;
}

.customSpanList.monitor {
  background-color: #d9d9d9;
}

.customSpanList.monitor.selected {
  background-color: #4c4c4c;
  color: #ffffff;
}

.btn.well {
  padding: 7px 12px;
  color: black;
  margin: 0px;
}

.customRowList {
  margin-top: 5px;
}

.customRowList span {
  font-size: 11px;
  display: block;
}

span.semired {
  color: #d84b39;
}

.titleList div {
  text-align: center;
}

.titleList div h5 {
  text-transform: uppercase;
  font-weight: normal;
}

.row.titleList {
  background: #f0f0f0;
  margin-bottom: 10px;
}

/*Report*/

.reportGridList {
  border-color: #dbdbdb;
}
.reportGridList > li:nth-child(2n) {
  background-color: #f5f5f5;
}
.reportGridList li > div {
  float: left;
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-color: #dbdbdb;
  padding: 0.5em 0.6em 0.4em 0.6em;
  min-height: 32px;
}
.reportGridList li > div:last-child {
  border-right: 1px;
  border-style: solid;
  border-color: #dbdbdb;
}
.reportGridList li {
  padding: 0px;
}
.reportGridHeader > div {
  color: white;
  background-color: rgb(31, 78, 121);
  border-style: solid;
  border-width: 0 0 1px 1px;
  float: left;
  text-align: center;
  border-color: #dbdbdb;
  padding: 0.5em 0.6em 0.4em 0.6em;
}

.reportFileList li {
  margin: 1px 0px;
  background-color: rgb(204, 204, 204);
  background-color: rgba(204, 204, 204, 0.6);
}
.reportFileList > li:nth-child(2n) {
  background-color: rgba(231, 231, 231, 0.6);
}

/* Playlist */
.k-window-content .portlet-body .nodeList li.k-state-selected {
  background-color: #787878;
  color: white;
}
.k-window-content .portlet-body .nodeList li {
  padding: 5px;
}
.k-window-content .portlet-title .actions {
  margin-top: 2px;
}
.k-window-content .portlet-title .actions span {
  color: #787878;
  line-height: 32px;
  font-size: 16px;
}
.absolute-center {
  height: 50%;
  width: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.absolute-center.is-responsive {
  height: 67%;
  min-height: 30px;
  max-height: 50px;
}
.playlistMetaEditor {
  display: none;
  margin-bottom: 15px;
}
.playlistMetaEditor .form-group {
  margin-bottom: 0px;
}
.controlledPos {
  position: absolute;
  top: 360px;
  z-index: 999999;
  width: 96%;
}

ul.playlistList,
ul.dynasetList {
  background-color: transparent;
}
.playlistList li,
.dynasetList li {
  color: #787878;
}
.playlistList li.dragged,
.dynasetList li.dragged {
  width: 200px;
}
.playlistList .k-state-selected,
.dynasetList .k-state-selected {
  color: #787878;
  background-color: transparent;
}
.playlistList li.k-state-selected .box,
.dynasetList li.k-state-selected .box {
  border: solid 3px #4c4c4c;
  margin: 8px 1px;
}
.playlistList li.k-state-selected,
.dynasetList li.k-state-selected {
  padding-right: 11px;
  padding-left: 11px;
}
.playlistList li.k-state-selected .corner:after,
.dynasetList li.k-state-selected .corner:after {
  content: '';
  display: inline-block;
  border-left: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #4c4c4c;
  position: absolute;
  top: 10px;
  right: 14px;
  pointer-events: none;
}

.playlistList li .box span,
.dynasetList li .box span,
.draggablePlaylist.dragged .box span {
  font-size: 23px;
}

.playlistList li .box .f19 span {
  font-size: 19px;
}

.playlistList li .filter-btn,
.dynasetList li .filter-btn {
  margin: 15px 10px 15px 0px;
  font-size: 18px;
}

.playlistList li.k-state-selected .check:after,
.dynasetList li.k-state-selected .check:after {
  font-family: FontAwesome;
  font-size: 13px;
  content: '\f00c';
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 17px;
  color: rgb(34, 209, 34);
}

.playlistList li .box,
.dynasetList li .box {
  background-color: #f5f5f5;
  border: solid 1px gray;
  margin: 10px 0px;
  min-height: 100px;
}
.playlistList li .box {
  min-height: 115px;
}
.popupAssetList li .box {
  background-color: #f5f5f5;
  border: solid 1px gray;
  padding: 10px;
  max-height: 84px;
}
.playlistList li .box .dur,
.dynasetList li .box .dur,
.draggablePlaylist.dragged .box .dur {
  bottom: 20px;
  position: absolute;
}
.playlistList li .box .dur,
.draggablePlaylist.dragged .box .dur {
  /*used in show editor*/
  bottom: 27px;
  left: 30px;
}
.draggablePlaylist.dragged .box .dur {
  bottom: 16px;
}

.playlistList li .box footer,
.dynasetList li .box footer {
  background-color: #f5f5f5;
  border-top: solid 1px gray;
  text-align: center;
  min-height: 67px;
}

.draggableContent.dragged .textEllipsis,
.draggableContent.dragged .twoRowsTextEllipsis,
.draggableCampaign.dragged .textEllipsis,
.draggableCampaign.dragged .twoRowsTextEllipsis {
  width: 160px;
}

.playlistContentType {
  /*padding-top: 17px;*/
  margin-bottom: 12px;
}

.playlistContentType ul.generateType {
  float: none;
  min-height: 36px;
}

.playlistContentSpan {
  line-height: 46px;
  margin-right: 5px;
  color: #666;
}

.responsetDragMessage {
  z-index: 0;
  font-size: 26px;
  width: auto;
  text-align: center;
  opacity: 0.5;
}

.contentsDragMessage,
.itemsDragMessage {
  position: absolute;
  z-index: 0;
  font-size: 40px;
  top: 10%;
  width: 95%;
  opacity: 0.5;
  filter: alpha(opacity = 50);
  text-align: center;
  margin-top: 110px;
}

.playlist,
.downloadContent {
  background-color: transparent;
  margin-top: 4px;
}

.playlist > li.k-state-selected {
  background-color: rgba(120, 204, 248, 0.19) !important;
  border: 1px solid;
}
.playlist .contentInfo,
.downloadContent .contentInfo {
  line-height: 52px;
  font-size: 12px;
  color: #787878;
}
.playlist label.switch-mini {
  background-color: white;
}
.playlist .customLoader img {
  max-width: 64px;
}
.playlist .customLoader img,
.downloadContent .customLoader img,
.poiAndGroupElementList .customLoader img {
  width: auto !important;
  height: 100%;
  vertical-align: inherit;
}
.playlist .customLoader,
.playlist .defaultAssetTypeImage,
.downloadContent .customLoader,
.downloadContent .defaultAssetTypeImage,
.k-window-content .k-grid .customLoader,
.k-window-content .k-grid .defaultAssetTypeImage {
  width: 68px;
  height: 40px;
  border: 2px #aaaaaa solid;
  margin-top: 6px;
  margin-right: 10px;
  float: left;
}
.playlist > li,
.downloadContent > li {
  line-height: 52px;
  margin: 1px 0px;
  /* Fallback for web browsers that don't support RGBa */
  background-color: rgb(204, 204, 204);
  /* RGBa with 0.6 opacity */
  background-color: rgba(204, 204, 204, 0.6);
}
.playlist > li:nth-child(2n),
.downloadContent > li:nth-child(2n) {
  background-color: rgba(231, 231, 231, 0.6);
}
.playlist > li .select2-container {
  display: block;
  width: 97%;
  margin-bottom: 10px;
}
.playlist > li.dragged {
  position: absolute;
  /* Fallback for web browsers that don't support RGBa */
  background-color: rgb(204, 204, 204);
  /* RGBa with 0.6 opacity */
  background-color: rgba(204, 204, 204, 0.6);
}
.playlist > li.dragged:nth-child(2n) {
  background-color: rgba(231, 231, 231, 0.6);
}
.playlist .overlayType span,
.downloadContent .overlayType span,
.k-window-content .k-grid .overlayType span {
  font-size: 19px;
  margin: 3px 3px;
  color: #787878;
}
.playlist .overlayType,
.downloadContent .overlayType,
.k-window-content .k-grid .overlayType {
  height: 25px;
  width: 29px;
  background-color: #ddd;
  margin-left: 37px;
  margin-top: 19px;
  position: absolute;
  opacity: 0.7;
  line-height: 30px;
}
.playlist .filter-btn {
  margin: 2px 0px !important;
  height: 40px;
  line-height: 28px;
  font-size: 15px;
}
.playlist .form-control {
  padding: 3px 3px;
  text-align: center;
}
.playlist .defaultAssetTypeImage span,
.downloadContent .defaultAssetTypeImage span {
  font-size: 33px !important;
  margin-top: 2px;
}

.playlist .customLoader.background,
.downloadContent .customLoader.background {
  background-color: #d8d8d7;
}
.playlist .bootstrap-touchspin {
  width: 68px !important;
  margin-top: -2px;
}

.playlist.dragged .bootstrap-touchspin {
  margin-top: 13px;
}

.playlist .touchSpin {
  height: 28px;
  width: 40px;
  margin-top: 12px;
}
.playlist .input-group.duration {
  width: 118px;
}
.playlist .input-group {
  width: 93px;
  line-height: 48px;
  float: left;
}
.playlist .input-group input {
  height: 28px;
}
.playlist .input-group button {
  height: 26px;
  width: 26px;
  padding: 0px !important;
}
.playlist .input-group.date {
  line-height: 25px;
  width: 170px;
  margin-bottom: 6px;
  margin-left: 15px;
}
.playlist .input-group.date input {
  border: solid 1px white;
}
.playlist .input-group.date input:focus {
  border-color: #999999;
}
.playlist .input-group.date div.input-group-addon {
  width: 26px !important;
  min-width: 26px !important;
  background-color: #fafafa;
  border: none;
  left: -1px;
  padding: 0px;
  position: relative;
}
.playlist .input-group.date div.input-group-addon:hover {
  background-color: #d8d8d8 !important;
}
.playlist .input-group.switch {
  line-height: 32px;
  margin-bottom: 6px;
  margin-left: 20px;
}
.playlist .input-group.time {
  line-height: 32px;
  margin-bottom: 6px;
  margin-left: 20px;
}
.playlist .input-group.time .btn.default,
.playlist .input-group.duration .btn.default {
  background-color: #fafafa;
}
.playlist .bootstrap-touchspin-down,
.playlist .bootstrap-touchspin-up {
  padding: 4px 5px;
  background-color: gray;
}
.playlist .bootstrap-touchspin-down:hover,
.playlist .bootstrap-touchspin-up:hover {
  background-color: gray !important;
}
.playlist .fa.fa-copy {
  font-size: 15px;
}
.playlist .col-sm-3,
.playlist .col-sm-6,
.playlist .col-sm-2,
.playlist .col-sm-4,
.playlist .col-sm-7,
.playlist .col-sm-5 {
  padding-right: 5px;
  padding-left: 5px;
}
.playlist .col-xs-3,
.playlist .col-xs-6,
.playlist .col-xs-2,
.playlist .col-xs-4,
.playlist .col-xs-7,
.playlist .col-xs-5,
.playlist .col-xs-9,
.playlist .col-xs-12 {
  padding-right: 5px;
  padding-left: 5px;
}
.playlist .interval .col-xs-4 {
  width: 33.33333%;
}
.k-window-content .playlist .col-xs-2 {
  width: 16.4%;
}
.playlist .col-xs-2 {
  width: 16.4%;
}
#playlistNew_MainContent .playlist .col-xs-2,
.playlist.dragged .col-xs-2 {
  width: 13.4%;
}
.playlist .col-xs-4 {
  width: 29%;
}
.playlist .col-xs-6 {
  width: 57%;
}
.playlist li.collapsed .icon-xuniplay-arrowbottom2,
.playlist li.expanded .icon-xuniplay-arrowtop2 {
  display: inline-block;
  /*pointer-events: none;*/
  cursor: pointer;
}

.playlist li.expanded .toExpand {
  display: block;
}
.playlist li.expanded .icon-xuniplay-arrowbottom2,
.playlist li.collapsed .icon-xuniplay-arrowtop2,
.playlist li.collapsed .toExpand {
  display: none;
}

.playlist li.has-rule-error {
  border: solid 1px #b94a48 !important;
}
.contentList li.k-state-selected {
  background-color: #4c4c4c;
}

.contentList li.col-md-2 {
  padding-right: 10px;
  padding-left: 10px;
}

.contentList li div.overlayType span.iconType,
#componentContentDescriptor div.overlayType span.iconType {
  margin-left: 84px;
}

/* Create scene */

.draggablePlaylist.dragged .box,
.draggableDynaset.dragged .box,
.draggablePlaylistPopup.dragged .box,
.draggableDynasetPopup.dragged .box {
  background-color: #f5f5f5;
  border: solid 1px gray;
  color: #787878;
}
.draggableDynaset.dragged .box > div,
.draggablePlaylistPopup.dragged .box > div,
.draggableDynasetPopup.dragged .box > div {
  padding: 15px;
}
li.draggablePlaylist.dragged {
  width: 250px;
  height: 110px;
}
.draggablePlaylist.dragged .box,
.playlistList .draggablePlaylist.dragged .box {
  height: 100%;
  margin: 0;
}

.contentList li div.overlayType,
.draggableContent div.overlayType,
.draggableCampaign div.overlayType,
#componentContentDescriptor div.overlayType {
  height: 26px;
  width: 109px;
  background-color: #ddd;
  position: absolute;
  opacity: 0.7;
}
.draggableContent div.overlayType,
.draggableCampaign div.overlayType {
  width: 164px;
}
.contentList div.defaultAssetTypeImage span,
.draggableContent div.defaultAssetTypeImage span,
.draggableCampaign div.defaultAssetTypeImage span,
#componentContentDescriptor div.defaultAssetTypeImage span {
  margin-top: 8px;
  margin-left: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  color: #787878;
}
.contentList .contentInjestionIndicator,
#componentContentDescriptor .contentInjestionIndicator,
.contentList .contentInjestionFailedIndicator,
#componentContentDescriptor .contentInjestionFailedIndicator {
  margin-top: 7px;
  margin-left: 94px;
}

.contentList .customLoader.background,
.draggableContent .customLoader.background,
.draggableCampaign .customLoader.background,
#componentContentDescriptor .customLoader.background {
  background-color: #d8d8d7;
}
.contentList .draggableContent img,
.contentList .draggableCampaign img {
  border: none;
}
.contentList .customLoader,
.contentList li div.defaultAssetTypeImage,
.draggableContent div.defaultAssetTypeImage,
.draggableCampaign div.defaultAssetTypeImage,
#componentContentDescriptor .customLoader,
#componentContentDescriptor div.defaultAssetTypeImage {
  border: 2px #aaaaaa solid;
}
.dragged.draggableContent,
.dragged.draggableContentPopup,
.dragged.draggableCampaign,
.dragged.draggableCampaignPopup,
.dragged.draggableDynaset,
.dragged.draggablePlaylistPopup,
.dragged.draggableDynasetPopup,
.dragged.draggableLivePopup {
  z-index: 9999999 !important;
}
.dragged.draggableContent .contentInjestionIndicator,
.dragged.draggableContentPopup .contentInjestionIndicator,
.dragged.draggableContent .contentInjestionFailedIndicator,
.dragged.draggableContentPopup .contentInjestionFailedIndicator .dragged.draggableCampaign .contentInjestionIndicator,
.dragged.draggableCampaignPopup .contentInjestionIndicator,
.dragged.draggableCampaign .contentInjestionFailedIndicator,
.dragged.draggableCampaignPopup .contentInjestionFailedIndicator .dragged.draggableLivePopup .contentInjestionIndicator,
.dragged.draggableLivePopup .contentInjestionFailedIndicator {
  margin-top: 5px;
  margin-left: 150px;
}
.dragged.draggableContent .customLoader,
.dragged.draggableContentPopup .customLoader,
.dragged.draggableCampaign .customLoader,
.dragged.draggableCampaignPopup .customLoader,
.dragged.draggableLive .customLoader,
.dragged.draggableLivePopup .customLoader {
  border: 2px #aaaaaa solid;
  height: 97px;
  width: 169px;
}
.dragged.draggableContent div.defaultAssetTypeImage,
.dragged.draggableContentPopup div.defaultAssetTypeImage,
.dragged.draggableCampaign div.defaultAssetTypeImage,
.dragged.draggableCampaignPopup div.defaultAssetTypeImage,
.dragged.draggableLive div.defaultAssetTypeImage,
.dragged.draggableLivePopup div.defaultAssetTypeImage {
  border: 2px #aaaaaa solid;
  height: 97px;
  width: 168px;
}
.dragged.draggableContent img,
.dragged.draggableContentPopup img,
.dragged.draggableCampaign img,
.dragged.draggableCampaignPopup img,
.dragged.draggableLive img,
.dragged.draggableLivePopup img {
  max-width: 165px;
  max-height: 93px;
  border: none;
}
.dragged.draggableContent div,
.dragged.draggableContentPopup div,
.dragged.draggableCampaign div,
.dragged.draggableCampaignPopup div,
.dragged.draggableLive div,
.dragged.draggableLivePopup div {
  color: #787878;
}
.dragged.draggableContent .overlayType,
.dragged.draggableContentPopup .overlayType,
.dragged.draggableCampaign .overlayType,
.dragged.draggableCampaignPopup .overlayType,
.dragged.draggableLive .overlayType,
.dragged.draggableLivePopup .overlayType {
  margin-top: 69px;
  width: 164px;
}
.dragged.draggableContent .overlayType span.iconType,
.dragged.draggableContentPopup .overlayType span.iconType.dragged.draggableCampaign .overlayType span.iconType,
.dragged.draggableCampaignPopup .overlayType span.iconType {
  margin-left: 139px;
}

#componentContentDescriptor .textEllipsis {
  width: 109px;
}

/*ul.thumbnails.layoutThumbs li img {
    border: 1px #aaaaaa solid;
    width: 100%;
    height: auto;
    margin-left: -1px;
}

ul.thumbnails.layoutThumbs li.k-state-selected {
    background: none;
}

    ul.thumbnails.layoutThumbs li.k-state-selected .customSpanList.monitor {
        background: #4c4c4c;
    }

.form-horizontal.createScene .controls {
    margin-left: 60px;
}

.form-horizontal.createScene .control-label {
    width: 50px;
}*/

.form-group {
  min-height: 35px;
}

.form-group .control-label {
  margin: 0px;
  line-height: 34px;
}

/* Mobile Environment*/
.elementDragMessage {
  position: absolute;
  z-index: 0;
  font-size: 32px;
  top: 10%;
  width: 80%;
  opacity: 0.5;
  filter: alpha(opacity = 50);
  text-align: center;
  margin-top: 80px;
  margin-left: 10%;
}
.draggableBeacon,
.draggableGeofence,
.draggableGeotag {
  min-width: 210px;
}

/* APP */

iframe#appContainerFrame {
  width: 100%;
  border: 0;
}

.borderTop {
  border-top: 1px solid rgb(229, 229, 229);
  padding-top: 10px;
}

/* Carousel */

i.onlyCarousel {
  position: relative;
  top: 46%;
  font-size: 17pt !important;
}

.carousel a.carousel-control {
  text-align: center;
}

/* apps liberary */

.appsImageContainer .img-responsive {
  max-height: 170px;
}

p.appsHeight {
  height: 60px;
}

.appsHeight {
  height: 210px;
  position: relative;
}

.appsEnter {
  position: absolute;
  bottom: 0;
  right: 10px;
  margin: 0;
}

h4.appsTitle {
  white-space: nowrap;
  overflow: hidden;
  line-height: 21px;
  text-overflow: ellipsis;
}

/* ICON */

[class^='icon-'],
[class*=' icon-'] {
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none !important;
  background-position: 0 0;
  background-repeat: repeat;
}

[class^='icon-']:before,
[class*=' icon-']:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

a [class^='icon-'],
a [class*=' icon-'] {
  display: inline-block;
}

.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}

.btn.collapse {
  display: inline;
}

.btn [class^='icon-'],
.nav [class^='icon-'],
.btn [class*=' icon-'],
.nav [class*=' icon-'] {
  display: inline;
  line-height: 11px;
  font-size: 11px;
}
.btn [class^='fa-'],
.nav [class^='fa-'],
.btn [class*=' fa-'],
.nav [class*=' fa-'] {
  display: inline;
  line-height: 14px;
  font-size: 14px;
}

.btn [class^='icon-'].icon-spin,
.nav [class^='icon-'].icon-spin,
.btn [class*=' icon-'].icon-spin,
.nav [class*=' icon-'].icon-spin {
  display: inline-block;
}

li [class^='icon-'],
li [class*=' icon-'] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
  line-height: 1px;
}

li [class^='icon-'].icon-large,
li [class*=' icon-'].icon-large {
  width: 1.5625em;
}

li [class^='icon-'].icon-medium {
  font-size: 16px;
}

.icon-large {
  font-size: 16px !important;
  line-height: 20px !important;
}

ul.icons {
  list-style-type: none;
  text-indent: -0.75em;
}

ul.icons li [class^='icon-'],
ul.icons li [class*=' icon-'] {
  width: 0.75em;
}

.icon-muted {
  color: #eee;
}

.icon-border {
  border: solid 1px #eee;
  padding: 0.2em 0.25em 0.15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.icon-2x {
  font-size: 2em;
}

.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.icon-3x {
  font-size: 3em;
}

.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.icon-4x {
  font-size: 4em;
}

.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

[class^='icon-'].pull-left,
[class*=' icon-'].pull-left {
  margin-right: 0.35em;
}

[class^='icon-'].pull-right,
[class*=' icon-'].pull-right {
  margin-left: 0.35em;
}

.btn [class^='icon-'].pull-left.icon-2x,
.btn [class*=' icon-'].pull-left.icon-2x,
.btn [class^='icon-'].pull-right.icon-2x,
.btn [class*=' icon-'].pull-right.icon-2x {
  margin-top: 0.35em;
}

.btn [class^='icon-'].icon-spin.icon-large,
.btn [class*=' icon-'].icon-spin.icon-large {
  height: 0.75em;
}

.btn.btn-small [class^='icon-'].pull-left.icon-2x,
.btn.btn-small [class*=' icon-'].pull-left.icon-2x,
.btn.btn-small [class^='icon-'].pull-right.icon-2x,
.btn.btn-small [class*=' icon-'].pull-right.icon-2x {
  margin-top: 0.45em;
}

.btn.btn-large [class^='icon-'].pull-left.icon-2x,
.btn.btn-large [class*=' icon-'].pull-left.icon-2x,
.btn.btn-large [class^='icon-'].pull-right.icon-2x,
.btn.btn-large [class*=' icon-'].pull-right.icon-2x {
  margin-top: 0.2em;
}

.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(359deg);
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

.display-hide {
  display: none;
}

/* Modal */

.modal-body {
  overflow: hidden;
}
.modal-footer-fixed {
  position: absolute;
  width: 100%;
  bottom: 0;
}

/* events */

.eventTable [class^='icon-'] {
  font-size: 17px;
}

.form-wizard.wizard-event .progress {
  height: 10px;
  margin-bottom: 15px;
}

.wizard-event.form-wizard .steps {
  padding: 0;
}

.wizard-event .nav > li > a {
  padding: 0;
}

.wizard-event.form-wizard .step .number {
  height: 30px;
  width: 30px;
  padding: 5px 15px 13px 11px;
  font-size: 14px;
}

#newEvent ul.unstyled.row {
  margin-right: -15px;
  margin-left: -15px;
}

.well.customWellEvent {
  text-align: center;
  background-color: #f5f5f5;
  border: solid 1px gray;
  margin-bottom: 0;
  padding: 10px;
}

.well.customWellEvent [class^='icon-'] {
  font-size: 35px;
  color: #4c4c4c;
}

.well.customWellEvent span {
  display: block;
}

.overCustomWellEvent {
  border: 3px solid #fff;
  margin-bottom: 10px;
  cursor: pointer;
}

.overCustomWellEvent:hover,
.activeEventType,
.k-state-selected .overCustomWellEvent {
  border: 3px solid #4c4c4c;
}

.customListViewEvent.k-state-selected,
.col-sm-12.layoutDetail.bg-transparent.k-state-selected,
#eventTypeContainer .k-state-selected,
#actionsContainer .k-state-selected,
#editEventTypeContainer .k-state-selected,
#editActionsContainer .k-state-selected {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #4c4c4c;
}

.zoneList .k-state-selected {
  background-color: #444444;
  color: #fafafa;
}

.smallIcon {
  padding-top: 3px;
}

.smallIcon.k-state-selected {
  background-color: #4c4c4c;
}

.detailsContainer {
  margin-top: -10px;
  color: white;
}

.detailsContainer .form-group .control-label {
  line-height: initial;
}

.transparent {
  background-color: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(255, 255, 255) transparent;
  /* RGBa with 0.6 opacity */
  background: rgba(255, 255, 255, 0);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
  /* For IE 8*/
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)';
}

.envTooltip {
  background-color: #fcf8e3;
  padding: 5px;
  color: #8a6d3b;
  border: 1px solid #faebcc;
  font-size: 13px;
}

.tooltip-inner {
  max-width: none !important;
}

.tooltip-inner-long {
  max-width: 1200px !important;
}

/* DynaSet Editor */

.portlet-title-tabs {
  height: 45px;
  padding: 5px 5px 0px 5px !important;
  font-size: 13px !important;
}

.portlet-nav-tabs {
  background: none;
  margin: 0;
  display: inline-block;
  border: 0;
}

.portlet-nav-tabs > li {
  background: none;
  margin: 0;
  border: 0;
}

.arrow-collapse-tabs {
  float: right !important;
}

.portlet-body-tabs {
  padding: 0px 6px 6px 6px !important;
}

.portlet-tab-content {
  background-color: white !important;
  padding: 5px !important;
}

.ruleCanvas {
  border: 2px solid #e9e9e9;
  padding: 15px;
}

.operatorList li .box {
  background-color: #f5f5f5;
  border: solid 1px gray;
  margin: 5px 0px;
  min-height: 40px;
  text-align: center;
  padding-top: 4px;
}

.draggableOperator.dragged,
.draggableDynValue.dragged,
.draggableDynValueCollection.dragged {
  width: 100px;
  z-index: 9999999 !important;
  background-color: #f5f5f5;
  border: 1px solid grey;
  text-align: center;
  padding-top: 4px;
  min-height: 40px;
}

.operatorBlock {
  border: 1px solid black;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: white;
}

.elementBlock {
  border: 1px solid grey;
  min-height: 40px;
  text-align: center;
  padding: 15px;
  background-color: #f5f5f5;
}

.operatorNameBlock {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}

.editorDropDown .k-dropdown .k-dropdown-wrap {
  height: 34px;
  border: 1px solid #e5e5e5;
}

.errorBorder {
  border: 1px solid #b94a48;
}

.ruleLabel {
  margin: 10px !important;
  font-size: 20px;
}

.ruleLabel.bold {
  font-weight: bold;
}

.ruleElement {
  border: 1px solid black;
  background-color: #f5f5f5;
  margin-bottom: 10px;
  text-align: center;
}

.noRuleContainer {
  border: 2px solid black;
  background-color: white;
  text-align: center;
  min-height: 44px;
  padding-top: 8px;
  font-size: 16px;
}

.noRuleContainer.errorBorder {
  border-color: #b94a48;
}

.ruleOperator {
  text-align: center;
  margin-bottom: 10px;
}

.btnEditor {
  background-color: transparent;
  color: #0d638f;
  margin-left: 2px;
}

.btnEditor i {
  font-size: 18px !important;
}

.form-group-editor {
  margin-bottom: 0px;
}

.ruleCanvasTitle {
  text-align: center;
  color: #0d638f;
}

.dragBackground {
  background-color: #0d638f !important;
  opacity: 0.4;
}

.reprBegin,
.reprEnd {
  padding: 0 15px 0 15px !important;
}

/* MAPPA */
#map-canvas-2 {
  position: relative;
  height: 380px !important;
  width: 97%;
  display: block;
  margin: 10px 0 10px 17px;
  padding: 0;
}

.error-search {
  margin-top: 5px;
  margin-bottom: 0;
  visibility: hidden;
}

.mapSelectionLabel {
  font-size: 14px;
  padding-top: 8px;
}

.fxHeight380 {
  height: 420px;
}

.fullscreen .fxHeight380 {
  height: 100%;
}

.draggableConnector.multiFloor {
  display: none;
}
.draggableCustomer,
.draggableGroup,
.draggableUser,
.draggableCustomer,
.draggableDomain,
.draggablePlaylistContent,
.draggableBeaconCommand,
.draggableEvent,
.draggablePoi,
.draggablePlaylist,
.draggableContent,
.draggableDeviceType,
.draggableNode,
.draggableDevice,
.draggableObject,
.draggableContentPopup,
.draggable,
.draggablePlaylist,
.draggableResponset,
.draggableSingleDevice,
.draggableOwner,
.draggableOperator,
.draggableDynValue,
.draggableDynValueCollection,
.draggablePoolContent,
.draggablePlaylistPopup,
.draggableDynasetPopup,
.draggableLivePopup,
.draggableCampaign,
.draggableCampaignPopup,
.draggableConnector {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.draggableCustomer.dragged,
.draggableGroup.dragged,
.draggableUser.dragged,
.draggableCustomer.dragged,
.draggableDomain.dragged,
.draggablePlaylistContent.dragged,
.draggableBeaconCommand.dragged,
.draggableEvent.dragged,
.draggablePoi.dragged,
.draggablePlaylist.dragged,
.draggableContent.dragged,
.draggableDeviceType.dragged,
.draggableNode.dragged,
.draggableDevice.dragged,
.draggableObject.dragged,
.draggableContentPopup,
.draggable.dragged,
.draggablePlaylist.dragged,
.draggableResponset.dragged,
.draggableSingleDevice.dragged,
.draggableOwner.dragged,
.draggableOperator.dragged,
.draggableDynValue.dragged,
.draggableDynValueCollection.dragged,
.draggablePoolContent.dragged,
.draggablePlaylistPopup.dragged,
.draggableDynasetPopup.dragged,
.draggableLivePopup.dragged,
.draggableCampaign.dragged,
.draggableCampaignPopup.dragged,
.draggableConnector.dragged {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.checkLabelSpan {
  line-height: 30px;
  color: #444;
  margin-left: 5px;
}

/*PROVA Selected*/
ul.thumbnails li.k-state-selected {
  /* border: solid 1px #4c4c4c; */
  background-color: rgb(232, 232, 232);
  color: #4c4c4c !important;
}
ul.thumbnails li.k-state-selected > span {
  color: #4c4c4c !important;
}

.playerContainer #reloadPlayer {
  position: absolute;
  right: 16px;
  top: 1px;
  display: none;
  z-index: 5;
}
.playerContainer {
  margin-bottom: 20px;
  min-height: 200px;
}
ul.thumbnails li.livePreview .relatedList {
  background-color: transparent;
}
ul.thumbnails li.livePreview .relatedList li {
  padding: 5px;
}
ul.thumbnails li.livePreview .relatedList li img {
  height: 53px;
}
ul.thumbnails li.livePreview .relatedList li .loader.customLoader {
  height: 44px;
  margin: 3px 24px;
  min-height: 0;
  max-height: inherit;
  min-width: 0;
}
ul.thumbnails li.livePreview .relatedList li div.thumbContainer {
  height: 57px;
  width: auto;
}
ul.thumbnails li.livePreview .relatedList li div.defaultAssetTypeImage {
  border: 2px #aaaaaa solid;
  height: auto;
  min-height: 63px !important;
}
ul.thumbnails li.livePreview .relatedList li div.defaultAssetTypeImage span {
  font-size: 43px !important;
}
ul.thumbnails li.livePreview .relatedList li div.overlayType span.iconType {
  margin-left: 68px;
}
ul.thumbnails li.livePreview .relatedList li div.overlayType {
  height: 23px;
  width: 93px;
  background-color: #ddd;
  margin-top: 32px;
  margin-left: 2px;
  position: absolute;
  opacity: 0.7;
}
ul.thumbnails li.livePreview .relatedList li div.overlayType span.videoDuration,
ul.thumbnails li.livePreview .relatedList li div.overlayType span.slideNumber {
  font-size: 12px;
  margin-left: 10px !important;
  padding: 4px;
}
ul.thumbnails li.assetPreview,
ul.thumbnails li.livePreview,
.playerContainer div.defaultAssetTypeImage,
ul.linearAssetList li.assetPreview {
  background-color: rgb(232, 232, 232);
  color: #4c4c4c !important;
}
.assetPreview .row.adaptive .col-sm-6,
.livePreview .row.adaptive .col-sm-6 {
  border: none;
  margin-left: 0px;
  padding: 5px;
}
ul.thumbnails li.assetPreview,
ul.thumbnails li.livePreview,
ul.linearAssetList li.assetPreview {
  border: solid 1px;
  margin: 0px 0px 20px 0px;
}

.encodingNameOption {
  font-weight: bold;
  margin-right: 25px;
}

/* MAP UI */
.ui-wrapper {
  overflow: visible !important;
}

.ui-resizable-handle {
  border: 4px solid #6e1dcb;
  z-index: 2;
  border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -o-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  height: 20px !important;
  width: 20px !important;
}

.ui-rotatable-handle {
  background: #6e1dcb;
  /*border: 1px solid #FFF;*/
  border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -o-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  cursor: pointer;
  height: 30px;
  left: 50%;
  margin: 0 0 0 -5px;
  position: absolute;
  top: -5px;
  width: 30px;
  font-size: 20px;
  color: white;
  padding: 10px;
}

.ui-rotatable-handle:before {
  position: absolute;
  font-family: FontAwesome;
  top: -4px;
  left: 6px;
  content: '\f0e2';
  line-height: 40px;
}

.ui-rotatable-handle.clone {
  visibility: hidden;
}

.page-content.offline {
  background-color: transparent !important;
}
.page-content.offline .alert.alert-warning {
  margin: 0px 24%;
  text-align: left;
}
.page-content.offline .alert.alert-warning span {
  line-height: 23px;
}
.page-content.offline .alert.alert-warning i {
  font-size: 32px;
  position: relative;
  top: 4px;
  left: -3px;
}

.panel-body-white {
  background-color: white;
}

.portlet-body-variable {
  background-color: white !important;
  border: 4px solid #e9e9e9;
}

.liveInfoBox {
  background-color: rgb(221, 221, 221);
  border: 1px solid black;
  padding: 15px 15px 10px 15px;
}

.input-group.date input[readonly] {
  cursor: pointer !important;
}
/* Campaign dashboard */
.campaign-dashboard .thumbContainer {
  width: 100%;
  text-align: center;
}
.campaign-dashboard .alPreviewThumb {
  height: 205px;
}
.campaign-dashboard .defaultAssetTypeImage span {
  color: #494949;
  margin-left: 18%;
}
.campaign-dashboard .defaultAssetTypeImage > .icon-xuniplay-advertising {
  font-size: 110px;
}
.campaign-dashboard .thumbContainer img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.campaign-dashboard .dashboard-stat .campaignName {
  color: white;
  margin: 10px;
  font-weight: 700;
}
.campaign-dashboard .dashboard-stat .campaignInfo {
  color: white;
  margin: 2px 10px;
  font-size: 12px;
}
/* Campaign Overview */
.campaignListHeader > div,
.linearAssetList > div,
.envAgendaHeader > div {
  float: left;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  padding: 5px;
  color: #666;
}

.usbDeviceListHeader > div {
  float: left;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  padding: 5px;
  color: #666;
}

.campaignListHeader.headerFont16 > div,
.envAgendaHeader.headerFont16 > div {
  font-size: 16px;
}

.campaignList li:not(.noHover):hover,
.linearAssetList > li:not(.noHover):hover,
.linearCustomerList li:not(.noHover):hover,
.linearSceneList li:not(.noHover):hover,
.linearEnvironmentList li:not(.noHover):hover,
.envAgenda > li:not(.noHover):hover {
  background-color: #b7b7b7 !important;
  cursor: pointer;
}
.campaignList li.k-state-selected,
.linearAssetList li.k-state-selected,
.linearCustomerList li.k-state-selected,
.linearSceneList li.k-state-selected,
.linearEnvironmentList li.k-state-selected,
.envAgenda > li.k-state-selected {
  background-color: #949494 !important;
  color: white;
}
.campaignList li,
.linearAssetList li,
.linearCustomerList li,
.usbDeviceList li,
.linearSceneList li,
.linearEnvironmentList li,
.envAgenda > li {
  background-color: rgb(204, 204, 204);
  background-color: rgba(204, 204, 204, 0.6);
  padding-left: 0px;
  padding-right: 0px;
}
.campaignList li > div,
.linearAssetList li > div,
.linearCustomerList li > div,
.linearSceneList li > div,
.linearEnvironmentList li > div {
  float: left;
  border: solid 1px white;
  height: 52px;
  padding: 15px;
}

.usbDeviceList li > div {
  float: left;
  border: solid 1px #ddd;
  height: 52px;
  padding: 15px;
}

.linearAssetList li > #thirdRow {
  float: none;
}
.linearAssetList li > div.tooltip.fade.top.in {
  height: auto !important;
  border: none !important;
}

.linearAssetList li.assetPreview > div {
  float: left;
  border: none !important;
  padding: 15px;
  height: auto !important;
  width: 100%;
}

.linearAssetList li.assetPreview:hover,
.linearAssetList li.assetPreview.k-state-selected {
  background-color: rgb(232, 232, 232) !important;
  cursor: default;
}

.campaignList li:nth-child(2n),
.linearAssetList li:nth-child(2n),
.linearCustomerList li:nth-child(2n),
.linearSceneList li:nth-child(2n),
.linearEnvironmentList li:nth-child(2n),
.envAgenda > li:nth-child(2n) {
  background-color: rgba(231, 231, 231, 0.6);
}

.impressionCalendar .fc-past {
  background-color: #d7d7d7;
}
.impressionCalendar .fc-scroller {
  overflow-y: hidden !important;
}
.impressionCalendar .fc-widget-content span.fc-day-number {
  font-size: large;
  padding: 5px;
}
.impressionCalendar .fc-widget-content span.impression {
  top: 30px;
  width: 30%;
  margin-left: 6px;
  position: relative;
}

/* ADVERTISING WIZARD */
.d-inline > h5 {
  display: inline-block;
}
.d-inline > h5 + h5 {
  margin-left: 5px;
}
.d-inline > h5.display-none {
  display: none;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #fff;
}
.addScheduleBox {
  border: solid 1px black;
  padding-bottom: 15px;
  padding-top: 15px;
  background-color: #f5f5f5;
  margin-bottom: 15px;
}

.activationConditionText {
  font-size: 16px;
  font-weight: bold;
  margin-top: 8px;
}

.repetitionMeasureSelect.k-dropdown .k-input,
.conditionTypeSelect.k-dropdown .k-input,
advServerSelect.k-dropdown .k-input {
  line-height: 24px;
}

.repetitionMeasureSelect.k-dropdown .k-dropdown-wrap.k-state-default,
.conditionTypeSelect.k-dropdown .k-dropdown-wrap.k-state-default,
.advServerSelect.k-dropdown .k-dropdown-wrap.k-state-default {
  height: 34px;
}

.distanceConditionLabel {
  line-height: 24px;
  padding-top: 4px;
}

.tabs-up.tabbable-custom .nav-tabs > li.active {
  border-top: 3px solid #0d638f;
}

.channelTab .nav > li > a {
  padding: 10px 15px 10px 15px !important;
}

.conditionContentBox {
  padding: 5px;
  border: 1px solid gray;
  background-color: rgba(204, 204, 204, 0.6);
}

.draggablePoolContent.dragged {
  border: 1px gray solid;
  background-color: rgba(204, 204, 204, 0.6);
}
.creative.radio-list.display-none {
  display: none;
}
.creative.radio-list {
  display: flex;
  justify-content: center;
}
.creative.radio-list > label:not(last-child) {
  margin-right: 15px;
}
.creative.radio-list div.radio {
  margin-bottom: 4px;
}
/* Push Notification delivery*/

.pushDeliveryList > li {
  margin-bottom: 15px;
}

.pushDeliveryList .box {
  color: #787878;
  background-color: #e9e9e9;
  padding: 15px;
}
.pushDeliveryList .box > div {
  display: inline-block;
  vertical-align: middle;
}
.pushDeliveryList .box .title {
  width: 30%;
  font-size: 18px;
}
.pushDeliveryList .box .data {
  width: 50%;
}
.pushDeliveryList .box .buttons {
  float: right;
  margin-top: -3px;
}
.pushDeliveryList .progress.progress-striped {
  height: 10px;
  background-color: rgba(255, 255, 255, 0.7);
}

.pushNotificationGrid {
  min-height: 300px;
  height: 35vh;
}

.pushNotificationGrid .k-state-selected {
  background-color: #ccc;
}

/* LOADING  */
.k-loading-mask {
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.k-loading-text {
  text-indent: 0;
  font-size: 80%;
  color: #666;
  margin-top: 85px;
}

/* DATETIME PICKER CSS */

.bootstrap-datetimepicker-widget.dropdown-menu.bottom {
  bottom: auto;
  position: absolute;
}

.levelSelector {
  float: left;
  display: none;
}
.levelSelector .k-widget.k-dropdown {
  width: 150px;
}
.pathCommand {
  float: right;
  cursor: pointer;
  color: black;
  margin-right: 25px;
}
.pathCommand.active > i {
  color: #35aa47;
}

.gmaps_pin_window {
  width: auto;
  overflow: hidden;
}
.gmaps_pin_window .row {
  line-height: 32px;
}

.d-flex {
  display: flex;
}
.d-flex.display-hide {
  display: none;
}
.d-flex-column {
  display: flex;
  flex-direction: column;
}
.d-flex-row {
  display: flex;
  flex-direction: row;
}
.d-flex-align-center {
  align-items: center;
}
.d-flex-justify-end {
  justify-content: flex-end;
}
.d-flex-justify-between {
  justify-content: space-between;
}

.color-white {
  color: white;
}

.simple-box {
  border: 1px solid #ddd;
  padding: 5px 10px;
  background-color: #fafafa !important;
  color: #444444;
  text-align: center;
  display: inline-block;
}
.simple-box.warning {
  border-color: #faebcc;
  color: #8a6d3b;
}
.simple-box.danger {
  color: #a94442;
  border-color: #ebccd1;
}

.safe-search .filter-btn {
  position: relative;
  cursor: default;
}
.safe-search .filter-btn:hover {
  background-color: #fafafa !important;
  color: #444444;
}
.safe-search .filter-btn > span {
  margin-top: 0;
  margin-bottom: 5px;
}
.safe-search .filter-btn > .status {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  display: flex;
}
.safe-search .status > div {
  width: 25%;
  height: 100%;
  border-top: solid 1px rgb(221, 221, 221);
  background-color: #b8b7b7;
}
.safe-search .status > div + div {
  border-left: solid 1px rgb(221, 221, 221);
}
.safe-search .UNLIKELY .status > div:first-child {
  background-color: #0072c5;
}
.safe-search .POSSIBLE .status > div:first-child,
.safe-search .POSSIBLE .status > div:nth-child(2) {
  background-color: #0072c5;
}
.safe-search .LIKELY .status > div:first-child,
.safe-search .LIKELY .status > div:nth-child(2),
.safe-search .LIKELY .status > div:nth-child(3) {
  background-color: #0072c5;
}
.safe-search .VERY_LIKELY .status > div:first-child,
.safe-search .VERY_LIKELY .status > div:nth-child(2),
.safe-search .VERY_LIKELY .status > div:nth-child(3),
.safe-search .VERY_LIKELY .status > div:nth-child(4) {
  background-color: #0072c5;
}
.map-timeslot-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.map-timeslot-item.display-none {
  display: none;
}

.poiAndGroupElementList li .filter-btn {
  margin: 0;
}
.poiListForGroupEditing li > div.box,
.poiGroupListForGroupEditing li > div.box,
.poiAndGroupElementList li > div.box {
  padding: 3px;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  border: solid 1px gray;
}

.poiGroupListForGroupEditing li.poiGroupElement,
.poiAndGroupElementList li.poiGroupElement {
  padding: 15px;
}
.poiAndGroupElementList li.poiGroupElement {
  padding-bottom: 7.5px;
}
.poiAndGroupElementList li {
  padding: 7.5px 15px;
}
.poiAndGroupElementList li.poiGroupElement > div.box.folder {
  height: 48px;
  padding: 0;
}
.poiGroupListForGroupEditing li > div.box.folder {
  padding: 15px;
}
.poiAndGroupElementList li.removed > div.box {
  border-color: red;
}
.poiAndGroupElementList li.added > div.box {
  border-color: green;
}
.poiAndGroupElementList li.removed .folder:before {
  border-color: red;
  border-bottom-color: transparent;
}
.poiAndGroupElementList li.added .folder:before {
  border-color: green;
  border-bottom-color: transparent;
}

.poiListForGroupEditing li > div.box .row,
.poiAndGroupElementList li > div.box .row {
  display: flex;
  align-items: center;
  height: inherit;
}

.poiListForGroupEditing li {
  padding: 7.5px 7.5px;
  height: calc(48px + 15px);
}
.poiListForGroupEditing .customLoader,
.poiAndGroupElementList .customLoader {
  height: 40px;
}
.poiGroupListForGroupEditing .customLoader {
  height: 73px;
}
.poiGroupListForGroupEditing .customLoader,
.poiListForGroupEditing .customLoader,
.poiAndGroupElementList .customLoader {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.poiListForGroupEditing i,
.poiAndGroupElementList i.icon-xuniplay-wayfinding {
  font-size: 32px;
}
.poiGroupListForGroupEditing .customLoader img,
.poiListForGroupEditing .customLoader img,
.poiAndGroupElementList .customLoader img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.poiListForGroupEditing .k-state-selected,
.poiAndGroupElementList .k-state-selected,
.poiGroupListForGroupEditing .k-state-selected {
  color: #787878;
  background-color: #4c4c4c;
}
.poiListForGroupEditing li.dragged,
.poiGroupListForGroupEditing li.dragged {
  position: absolute;
}
.k-disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}
.password-visible i,
.password-hidden i {
  cursor: pointer;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.password-visible i.icon-xuniplay-show {
  display: none;
}
.password-hidden i.icon-xuniplay-hide {
  display: none;
}

.grid-view > li {
  background-color: rgb(204, 204, 204);
  background-color: rgba(204, 204, 204, 0.6);
  display: grid;
}
.grid-view > li > div {
  display: flex;
  align-items: center;
  border: solid 1px white;
  padding: 15px;
}
.grid-view > li > div .filter-btn {
  margin: 0;
}
.grid-view.k-selectable > li:hover {
  background-color: #b7b7b7 !important;
  cursor: pointer;
}
.grid-view.k-selectable > li.k-state-selected {
  background-color: #949494 !important;
  color: white;
}
.grid-view > li:nth-child(2n) {
  background-color: rgba(231, 231, 231, 0.6);
}

.grid-view.push-notification > li {
  grid-template-columns: 17% 15% 25% 30% 13%;
}

.d-none-important {
  display: none !important;
}