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: block;
}
.templateSwitcher.list .fa-th {
    display: block;
}
.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 {
    min-height:1000px;
}
.pinned-page-content {
    padding: 25px 20px 20px 20px;
}
.zindexHigh {
    z-index:200000 !important;
}

.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:.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);
}

.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 .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: inline-block !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 .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .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:2.3vw;
}
.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, .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;
    }

/*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 .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .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;
}
.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-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 #78ccf8 !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 {
        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 .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 {
    margin-left:5px;
}
.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;
}
.metadataForm .input-group.date > input {
    margin-left:45px;
    width:96%;
}
.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]
{
    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;
}
.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;
    }
.appsImageContainer .contentInjestionIndicator, .appsImageContainer .contentInjestionFailedIndicator {
    margin-left: 170px;
    top: 15px;
}

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.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:114px;
    }
    .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,.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 .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: 68px;
}
.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;
    }

.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: .5em .6em .4em .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: .5em .6em .4em .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 {
    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 {
    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: .75em;
    }

.icon-muted {
    color: #eee;
}

.icon-border {
    border: solid 1px #eee;
    padding: .2em .25em .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: .35em;
}

[class^="icon-"].pull-right, [class*=" icon-"].pull-right {
    margin-left: .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: .35em;
}

.btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large {
    height: .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: .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: .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 .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: 50px;
}

/* 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;
}
.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;
}