/* Nunito Font */
@font-face {
    font-family: 'Nunito';
        src: url('fonts/Nunito/static/Nunito-ExtraLight.ttf');
        font-weight: 200;
}
@font-face {
    font-family: 'Nunito';
        src: url('fonts/Nunito/static/Nunito-Light.ttf');
        font-weight: 300;
}
@font-face {
    font-family: 'Nunito';
        src: url('fonts/Nunito/static/Nunito-Regular.ttf');
        font-weight: 400;
}
@font-face {
    font-family: 'Nunito';
        src: url('fonts/Nunito/static/Nunito-Medium.ttf');
        font-weight: 500;
}
@font-face {
    font-family: 'Nunito';
        src: url('fonts/Nunito/static/Nunito-SemiBold.ttf');
        font-weight: 600;
}
@font-face {
    font-family: 'Nunito';
        src: url('fonts/Nunito/static/Nunito-Bold.ttf');
        font-weight: 700;
}
@font-face {
    font-family: 'Nunito';
        src: url('fonts/Nunito/static/Nunito-ExtraBold.ttf');
        font-weight: 800;
}
@font-face {
    font-family: 'Nunito';
        src: url('fonts/Nunito/static/Nunito-Black.ttf');
        font-weight: 900;
}

/* Hind Font */
@font-face {
    font-family: 'Hind';
        src: url('fonts/Hind/Hind-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: 'Hind';
        src: url('fonts/Hind/Hind-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: 'Hind';
        src: url('fonts/Hind/Hind-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: 'Hind';
        src: url('fonts/Hind/Hind-SemiBold.ttf');
    font-weight: 600;
}
@font-face {
    font-family: 'Hind';
        src: url('fonts/Hind/Hind-Bold.ttf');
    font-weight: 700;
}
@font-face {
  font-family: 'Material Symbols Rounded';
  src: url('fonts/Material_Symbols_Rounded/static/MaterialSymbolsRounded-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Material Symbols Rounded Fill';
  src: url('fonts/Material_Symbols_Rounded/static/MaterialSymbolsRounded_Filled-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.ms-icon {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  direction: ltr;

  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
}
#menu .slim-scroll > ul.menu-0 ul li.hasSubmenu.active > a,
#menu > ul.menu-0 ul li.hasSubmenu.active > a { 
    background: var(--md-source);
}
#menu .slim-scroll > ul.menu-0 ul li.hasSubmenu > a,
#menu > ul.menu-0 ul li.hasSubmenu > a { 
    background: #474747;
}

.tox-tinymce-aux{
    z-index: 100000000 !important;
}

.btn-primary, #flotTip, .btn-group.open .btn-primary.dropdown-toggle, .btn-primary.disabled, .btn-primary[disabled], .btn-primary:hover, .label-primary, .table-primary thead th, .pagination ul > .active > a, .pagination ul > .active > span, .gallery ul li .thumb, .widget-activity ul.filters li.glyphicons.active i, .ui-slider-wrap .slider-primary .ui-slider-range, .accordion-heading .accordion-toggle, .ui-widget-header, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .fc-event-skin, #external-events li, .notyfy_wrapper.notyfy_primary, .progress.progress-primary .bar, .alert.alert-primary, .pagination ul > li > a:hover, .pagination ul > li.primary > a, .gritter-item-wrapper.gritter-primary .gritter-item, #content-notification .notyfy_wrapper.notyfy_primary, .ribbon-wrapper .ribbon.primary, .label.label-primary, .widget-stats.primary, .widget-stats.primary:hover, .tabsbar:not(.tabsbar-2) ul li.active a, .widget.widget-wizard-pills .widget-head ul li.primary a, .bwizard-steps li.active, .sliderContainer .ui-rangeSlider-bar, #tlyPageGuideWrapper #tlyPageGuide li.tlypageguide-active, #tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_close, #tlyPageGuideWrapper #tlyPageGuideMessages span, .tabsbar.tabsbar-2.active-fill ul li.active a, .shop-client-products.list ul li a .glyphicons i, .thumbnail-gallery.list ul li a .glyphicons i, .navbar.main .topnav > li.open.dd-1 .dropdown-menu > li:hover:not(.profile) > a, .social-large a.active, .social-large a:hover, #landing_1 .banner-1 .carousel-indicators li.active {
    background-color: var(--md-ref-palette-primary30);
}
#menu .slim-scroll > ul.menu-0 > li.active > a, #menu .slim-scroll > ul.menu-0 > li.active:not(.hasSubmenu) > a:hover, #menu > ul.menu-0 > li.active:not(.hasSubmenu) > a:hover, .widget-stats.primary, .btn-primary, .tabsbar:not(.tabsbar-2) ul li.active a {
    background: var(--md-source);
    background-image: none;
    /* background-image: linear-gradient(to bottom, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
    background-repeat: repeat-x; */
}
a, p a, .widget .widget-body.list ul li .count, .widget-stats .txt strong, .glyphicons.single i:before, .glyphicons.single, .table-primary tbody td.important, .widget.widget-3 .widget-body.large.cancellations span span:first-child, .widget .widget-footer a:hover, .widget .widget-footer a:hover i:before, .widget.widget-3 .widget-footer a:hover, .widget.widget-3 .widget-footer a:hover i:before, blockquote small, #menu .profile span a, .tabsbar.tabsbar-2 ul li.active a, .tabsbar.tabsbar-2 ul li.active a i:before, .glyphicons.primary i:before, .glyphicons.standard:hover:not(.disabled) i:before, .menubar.links.primary ul li a, .text-primary, #docs_icons .glyphicons i:before, .widget.widget-tabs-double-2 .widget-head ul li.active a i:before, .widget.widget-tabs-double-2 .widget-head ul li.active a, .shop-client-products.product-details .form-horizontal .price, #menu .appbrand, .widget-activity ul.list li:hover .activity-icon i:before, .widget-activity ul.list li.highlight .activity-icon i:before, #menu ul.menu-1 > li.hasSubmenu.active ul li .glyphicons:hover i:before, .navbar.main .topnav > li.open.dd-2 .dropdown-menu > li:hover:not(.profile) > a i:before, #landing_1 .banner .banner-wrapper.banner-1 p a, #landing_1 .banner .banner-wrapper.banner-1 h3, #landing_2 .banner .banner-wrapper.banner-1 p a, #landing_2 .banner .banner-wrapper.banner-1 .buy a, #landing_2 .banner .banner-wrapper.banner-1 h3, #landing_1 .banner-1 .carousel-caption a, div.glyphicons.glyphicon-primary i:before {
    color: var(--md-ref-palette-primary30);
}
a.disabled { pointer-events: none; color: #ccc; }
.float-left { float:left; }
.display-none { display:none; }
.nowrap { white-space: nowrap; }
.btn-primary, .ui-slider-wrap .slider-primary .ui-slider-handle, #flotTip, .widget.widget-2.primary .widget-head, .widget .widget-body.list.list-2 ul li.active a i:before, .table-primary thead th, .pagination ul > .active > a, .pagination ul > .active > span, .widget.widget-4 .widget-head .heading, .ui-widget-header, .fc-event-skin, .alert.alert-primary, .pagination ul > li > a:hover, .pagination ul > li.primary > a, .widget-stats.primary, #menu .slim-scroll > ul.menu-0 > li.active > a, .widget-chat .media .media-body, .widget-chat .media .media-body.right, .navbar.main .topnav > li.open.dd-1 .dropdown-menu > li:hover:not(.profile) > a, .navbar.main .topnav > li.open.dd-1:not(.dd-2) .dropdown-menu > li:hover:not(.profile), #menu .slim-scroll > ul.menu-0 > li.active > a, #menu > ul.menu-0 > li.active > a {
    border-color: var(--md-ref-palette-primary30);
}

.tooltip {
    pointer-events: none;
}
.tooltip-inner {
    background-color: var(--md-ref-palette-secondary10);
    color: #ffffff;
    opacity: 1;
}
.center { display: flex; justify-content: center; align-items: center; }
#wrapper > .site-help-outer-wrapper { width:0; opacity:0; float:right;position: absolute;top: 0;right: 0;border-left: 1px solid #d8d8d8;height: 100%;background:#fafafa;  }
#wrapper > .site-help-outer-wrapper > .site-help-wrapper {height: 100%; overflow-y:auto; }

.table-primary tbody td {
    background-color: #DDC2E5;
}
.table-primary tbody tr.selected td, .table-primary tbody tr.selectable:hover td {
    background-color: #CA9FD5;
}
.table-primary.table-bordered tbody td, .table-primary, .pagination ul > .disabled > a, .pagination ul > .disabled > span {
    border-color: #DDC2E5;
}
.navbar.main .topnav > li.open.dd-1:not(.dd-2) .dropdown-menu > li:hover:not(.profile) > a {
    box-shadow: 0 5px 5px -5px #28142E inset, 0 -5px 5px -5px #28142E inset;
}
.navbar.main .topnav > li.open.dd-2 .dropdown-menu > li:hover:not(.profile) > a {
    background: none repeat scroll 0 0 rgba(103, 51, 117, 0.07);
}
.navbar.main .topbar-badge { position: absolute;top:-10px;left:13px;padding: 2px 5px;background:#bd362f; }
#menu .slim-scroll > ul.menu-0 > li.active > a, #menu > ul.menu-0 > li.active > a {
    box-shadow: 0 1px 0 0 var(--md-ref-palette-primary40) inset;
    text-shadow: 0 1px 0 #28142E;
}
.profile .tree-node-content { margin:0; background:none; padding:0px 10px 1px 5px; border:none; cursor:pointer; white-space:nowrap; font-weight:normal; }
.profile .tree-node-content .glyphicons i::before { font-size:12px; top:-2px; }
.profile .tree-node-content .glyphicons { padding-left:16px; }

span.sidemenu-arrow svg{
    color: var(--md-ref-palette-neutral30);
}

.body.remote-control a.disabled{
    opacity: .5;
    color: black !important;
}

.marketplace-ad-button{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-top: 10px;
    background: var(--tutti-frutti);
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid rgb(216, 216, 216);
}
.pagelink > a > span { white-space: nowrap;text-overflow: ellipsis;width: 215px;overflow: hidden !important;display: block; }
.menu-marketplace-option, .menu-marketplace-option > a{background: var(--gradient) !important;}
.menu-marketplace-option span.sidemenu-arrow svg{color: white !important;}
.menu-marketplace-option .tutti-frutti-line{width: 100%;height: 2px;background: var(--tutti-frutti);position: absolute;top: 39px;z-index: 1;}
.menu-marketplace-option span{color: white !important;text-shadow: rgb(0, 0, 0) 0px 1px 0px !important;}
.menu-marketplace-option i::before{color: white !important;text-shadow: rgb(0, 0, 0) 0px 1px 0px !important;}
#footer .copy a {
    color: /*#B67BC6;*/ #fff;
}
.btn-primary {
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #28142E;
}
.bwizard-steps li.active:after, .sliderContainer .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner, .widget-chat .media .media-object.pull-right:after {
    border-left-color: var(--md-ref-palette-primary30);
}
.sliderContainer .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner, .widget-chat .media .media-object.pull-left:after {
    border-right-color: var(--md-ref-palette-primary30);
}
#tlyPageGuideWrapper #tlyPageGuide li.tlypageguide-active.tlypageguide_right:after, #tlyPageGuideWrapper #tlyPageGuide li.tlypageguide-active.tlypageguide_left:after, #tlyPageGuideWrapper #tlyPageGuide li.tlypageguide-active.tlypageguide_top:after {
    border-top-color: var(--md-ref-palette-primary30);
}
#tlyPageGuideWrapper #tlyPageGuide li.tlypageguide-active.tlypageguide_bottom:after {
    border-bottom-color: var(--md-ref-palette-primary30);
}
.btn-primary:active, .btn-primary.active {
    background-color: #28142E;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #572B63;
}
.btn.btn-icon.glyphicons.mini { height: 26px; padding: 5px 7px 5px 20px; }
.btn.btn-icon.glyphicons.mini i:before { font-size:10px; width:26px; }

.btn.btn-icon.glyphicons.micro { height: 26px; padding: 2px 7px 5px 25px; font-size: 12px; }
.btn.btn-icon.glyphicons.micro i:before { font-size:10px; width:26px; }
.btn-group.micro .dropdown-toggle { height:26px; }
@media (min-width: 767px) and (max-width: 1280px) { .btn.btn-icon.glyphicons.micro { padding-left:0; } }

.btn.tiny { height:20px; padding:0px 4px 5px 16px;font-size:10px; }
.btn.tiny i:before { font-size:9px; width:16px;top:-1px; }
.btn.btn-icon.glyphicons.tiny { height:20px; padding:0px 4px 5px 16px;font-size:10px; }
.btn.btn-icon.glyphicons.tiny i:before { font-size:9px; width:16px;top:-1px; }
.btn-group.tiny .dropdown-toggle { height:26px; }
@media (min-width: 767px) and (max-width: 1280px) { .btn.btn-icon.glyphicons.tiny { padding-left:0; } .btn.btn-icon.glyphicons.tiny > i { display:none } }

.tlypageguide_shadow:after {
    background-color: rgba(103, 51, 117, 0.2);
}
.widget.collapsible .widget-head { cursor:pointer; }
.widget .widget-body.list.list-2 ul li.active {
    border-color: #A258B6;
}
.widget .widget-body.list.list-2 ul li a {
    color: #A258B6;
}
.widget .widget-body.list.list-2 ul li a i:before {
    background: none repeat scroll 0 0 #DDC2E5;
    border-color: #A258B6;
    color: var(--md-ref-palette-primary40);
}

table.no-columns :is(td, th){border-left: none !important;}

.widget-subtle { margin-left: 0px; margin-top: 4px; float: none; width: 180px; display: inline-block; }
.widget-subtle .widget { border:none; }
.widget-subtle .widget .widget-body { border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; }

.bootstrap-select.btn-group .dropdown-menu li > a:hover, 
.bootstrap-select.btn-group .dropdown-menu li > a:focus,
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: var(--md-ref-palette-primary30);
  background-image: -moz-linear-gradient(top, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--md-ref-palette-primary50)), to(var(--md-ref-palette-primary30)));
  background-image: -webkit-linear-gradient(top, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
  background-image: -o-linear-gradient(top, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
  background-image: linear-gradient(to bottom, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--md-ref-palette-primary50)', endColorstr='var(--md-ref-palette-primary30)', GradientType=0);
}
.bootstrap-select.btn-group .dropdown-menu ul { max-height: 240px !important; }
.dropdown-menu li > a { clear: both;color: #333333;display: block;font-weight: normal;line-height: 20px;padding: 3px 20px;white-space: nowrap; }

.editable-empty, .editable-empty:hover, .editable-empty:focus { color: #dedede; }

.dropdown-toggle:active, .open .dropdown-toggle { cursor: default; }
.bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] { margin-bottom:0 }
.btn-block.open .leadcontainer button { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }
.control-group.error .help-block { padding-top:5px; }
.clickable-icon-text { cursor:pointer; }
.hardware-device-management .clickable-icon-text.disabled{color: #8e8e8e;cursor: not-allowed !important;pointer-events: all;}
.hardware-device-management .clickable-icon-text.disabled i::before{color: #8e8e8e;pointer-events: all;}
.overflow-visible { overflow:visible !important; }
.bootbox.overflow-visible .modal-body { overflow:visible !important; }
.bootbox.max-window-height .modal-body { max-height:min(500px, calc(100vh - 160px)); }

.bootbox .modal-title { font-size:14px; line-height:30px; }
.bootbox.no-overflow .modal-body { overflow: visible; }
.bootbox input.error, .bootbox textarea.error, .bootbox div.bootstrap-select.error { border:3px solid #c00; }
.bootbox.playlist-slot-settings-wrapper .modal-body { overflow: auto; }

.bootbox.playlist-slot-settings-wrapper.settings .modal-body { overflow: auto;  }

/* ASSET MANAGER */
.bootbox.devices-screenshot-modal{width: 90vw !important; margin-left: -45vw !important;}
.bootbox.devices-screenshot-modal .modal-body{max-height: 70vh !important;}

.hardware-device-management .no-head-white-space{white-space: nowrap;}

.no-datatable-filter .dataTables_wrapper >.row-fluid{display: none !important;}

.devices-screenshot-modal .device-screenshot{border: solid 1px rgb(161, 161, 161);}

.hardware-device-management table .btn.glyphicons{
    margin: 0 !important;
}
.hardware-device-management .dataTable .small-text-btn { font-size: 11px;padding: 0px 4px; }

.news-post-form-modal{
    width: 70vw !important;
    margin-left: -35vw !important;
}

.news-post-form-modal .modal-footer{
    display: flex;
    justify-content: flex-end;
}

.news-post-form-modal .modal-body{
    max-height: 70vh !important;
    padding: 0 !important;
}

.news-post-form-modal .modal-footer button.btn-danger{
    margin-right: auto;
}
.subclient-modal .modal-body { overflow: visible; }

.btn.glyphicons.custom-small-button i{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-tag { padding: 0; height: 20px; width: 20px; border: none; border-radius: 100px; background: #c8c8c8; }
.add-tag:hover { background: #dadada; }
.add-tag .ms-icon { font-size: 20px; color:#fff; font-weight: 600; }
.add-tag div { color: var(--secondary); font-weight: 700; font-style: normal; margin-top: 2px; }
.add-tag.more-tags { background: var(--secondary); }
.add-tag.more-tags > div { color: #fff; }
.btn.glyphicons.custom-small-button i::before{
    top: initial !important;
    left: initial !important;
    font-size: 13px !important;
}

/* .dataTables_wrapper{
    overflow-x: auto !important;
    overflow-y: visible !important;
} */

.hardware-device-management .dataTables_wrapper { padding-bottom: 200px; }
.hardware-device-management table .btn.glyphicons:not(.btn-default, .editable-cancel) i::before{
    color: rgba(255,255,255,.7) !important;
}
.hardware-device-management table .btn.glyphicons.btn-default i::before{
    color: rgba(75,75,75,.7) !important;
}


.devices-screenshot-modal .devices-columns{
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    column-gap: 15px;
}

.devices-screenshot-modal .column{
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.client-status-bubbles{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}

.client-status-bubbles .bubble{
    height: 14px;
    width: 14px;
    border: solid 2px rgb(255 255 255 / 40%);
    border-radius: 100%;
    cursor: pointer;
}

.client-status-bubbles .bubble{background: #dcdcdc;}
.client-status-bubbles.ALIVE .bubble.alive{background: #3daa56 !important;}
.client-status-bubbles.DEAD .bubble.dead{background: #000000 !important;}
.client-status-bubbles.DEVELOP .bubble.develop{background: #a81414 !important;}
.client-status-bubbles.HELP .bubble.help{background: #f1cd39 !important;}

.devices-screenshot-modal svg.disabled{
    opacity: .7;
    cursor: not-allowed !important;
}

/* .bootbox.flash-message-modal{width: 40vw !important; margin-left: -20vw !important;} */
.bootbox.upgrade-software-modal{width: 40vw !important; margin-left: -20vw !important;}
.bootbox.copy-machine-error-dialog{width: 40vw !important; margin-left: -20vw !important;}
.bootbox.modal.device-schedule, .bootbox.device-live-view{width: 60vw !important; margin-left: -30vw !important;}
.bootbox.modal.device-schedule .schedule-button-row{display: none !important;}
.hardware-device-management td.device-selected-checkbox, .hardware-device-management td.start-device-live-view{vertical-align: middle;}
.hardware-device-management td.device-selected-checkbox input{margin: 0;}
.hardware-device-management tr{transition: background .2s;}
.hardware-device-management td span{white-space: nowrap;}
.hardware-device-management .dataTables_wrapper>.row-fluid{display: none !important;}

.custom-table td{
    padding: 5px 5px;
    font-size: .7em;
    height: fit-content;
    white-space: nowrap;
    line-height: 1;
    border: none !important;
}

.custom-table td:nth-of-type(1){
    background: rgb(54, 54, 54) !important;
    color: white !important;
}

.custom-table td.red, .custom-label.red{
    background-color: red!important;
    color: white;
}

.custom-table td.yellow{
    background-color: orange !important;
    color: white;
}

.custom-table td.green, .custom-label.green{
    background-color: green !important;
    color: white;
}

.upgrade-software-modal .modal-body{height: 500px;}
.device-live-view .modal-body{height: 70vh;max-height: 70vh !important}
.device-live-view .modal-body .bootbox-body{height: 100%;}
.device-live-view .modal-body .remote-control .dropdown{width: 100%;margin-bottom: 10px;}
.device-live-view .modal-body .remote-control .dropdown button{width: 100% !important;}
.hardware-device-management tr.selected {background: #67337524;}
.hardware-device-management tr.selected>td{background-color: transparent !important;}
.progress { background: #e0e0e0; }
.text-center { text-align:center !important; }
.maxheight600 .modal-body { max-height:600px; }
.maxwidth326 { max-width:326px; }
.device-logs table{ width: 100% !important;}

.bootbox-error { float:left;margin-right:10px; }
.popover.editable-popup.right { text-align:left } 
 
.height90 { height:90px; } 

.ui-draggable-dragging { z-index:10002; }
.alert { text-shadow: none; }

@keyframes quarter-blinker { 50% { opacity: 0.25; } }
@keyframes border-blinker { 50% {border-color: rgba(204,0,0,1); } }

#above-content { margin: 40px 15px 18px 229px; }
#above-content .device-status-wrapper { padding: 0 0 0 0px; margin: 0; }
/* #above-content > div.device-above-content:first-child { margin-top:15px;height:292px; } */
#above-content > div.device-group-above-content:first-child { margin-top:15px;height:192px; }
#above-content .device-overview-wrapper > div { padding:0 0 0 0px; }
#above-content .device-overview-wrapper .playlist-overview { width:500px;padding:10px;overflow-y:auto; }
#above-content .device-overview-wrapper .playlist-overview .edit-config i:before { color:#9e9e9e;line-height:normal; }
#above-content .device-overview-wrapper .layout-overview { width:200px;padding:10px;overflow-y:auto; flex-direction: column; gap: 4px; }
#above-content .device-overview-wrapper .open .layout-overview {  display: flex; }
#above-content .device-overview-wrapper .layout-overview li { display: flex; align-items: center; border-right: 0; gap: 2px; border-radius: 8px; padding: 4px 8px; height: auto; background: #eee; cursor: pointer;}
#above-content .device-overview-wrapper .layout-overview li:hover { background: var(--md-source); color: white; }
#above-content .device-overview-wrapper .widget-tabs { height:70px;border:1px solid #d8d8d8;background: #f9f9f9; }
#above-content .device-overview-wrapper .widget-tabs .widget-head { padding:0;border: none;background:transparent;overflow:hidden;height:1500px; }
#above-content .device-overview-wrapper .widget-tabs .widget-head > ul { position:relative; }
#above-content > div.device-above-content .device-right-container { display:flex;position:absolute;top:10px;right:10px;justify-content:center;align-items:center;height:calc(100% - 20px); gap: 14px;}
#above-content > div.device-above-content .device-right-container span { top:0; }
#above-content > div.device-above-content .device-right-container .new-software-wrapper { border:2px solid;background:#fff; }
#above-content > div.device-above-content .device-right-container .new-software-wrapper i:before { top:1px;left:9px; }
#above-content > div.device-above-content .device-right-container .new-software-wrapper span { margin: 16px;display: inline-block;font-size: 11px; line-height: 13px; color: #ab7a4b; }
#above-content .device-thumb-wrapper.single-view .view-wrapper { top:50%; left:50%;transform:translate(-50%,-50%); vertical-align:inherit; }
#above-content .main-thumb-wrapper { height:276px;vertical-align:top;float:left;text-align:center; display: flex; flex-direction: column; justify-content: center; margin-left: 15px; }
#above-content .status-and-tabs { margin-left:520px; }
#above-content .button-row { width:1000px; }
#above-content .button-row > li:first-child { border-radius: 8px 0 0 8px;  }
#above-content .button-wrapper { margin:auto 0 auto 10px }
#above-content .status-and-tabs > div { height:0; }
#above-content .no-screen { background: #f03930; color: white;  padding: 8px 16px; text-shadow: none; border-radius: 6px; font-size: 24px; }
#above-content .no-screen span { color: white; font-style: normal; font-weight: 600; }
#above-content .portrait .status-and-tabs { margin-left:220px; }
#above-content .portrait .main-thumb-wrapper { width:200px; }
#above-content .device-status-wrapper .panel-widget .ms-icon { font-size: 38px; }
#above-content .device-status-wrapper .panel-widget { padding: 10px 0 20px 0; }
#above-content .device-chooser-list .device-item { cursor:pointer; }
#above-content .device-chooser-list .device-item:hover { background:#f3f3f3; }
#above-content h2 .caret-link { position:relative;left:0px;top:35px;margin:0 10px; }
#above-content h2 .caret-link:hover .caret { border-top-color:black; }
#above-content h2 .caret { border-top-color:var(--md-ref-palette-primary30);border-top-width:10px;border-left-width:10px;border-right-width:10px; }
#above-content h2 .device-title { font-size:26px;margin-left:60px;margin-top:15px; }
#above-content h2.hasDesc .device-title { margin-top:4px; }
#above-content h2 .device-desc { margin-left:62px; display: inline-block;font-weight:normal;font-style:italic;margin-top:12px;font-size:12px;line-height:13px; }
#above-content h2 .dropdown-menu .device-desc { display:inline-block;font-size:12px;position:relative;height:55px;vertical-align:top;margin-left:20px; }
#above-content .button-row-scroller { position:absolute;top:0;height:70px;width:25px;display:none;background-color:#f9f9f9; background-size:10px 25px; background-repeat:no-repeat; background-position:center; }
#above-content .left-scroller { left:0;border-right:1px solid #d8d8d8;background-image:url('images/double-arrow-left.png'); }
#above-content .right-scroller { right:0;border-left:1px solid #d8d8d8;background-image:url('images/double-arrow-right.png'); }
#above-content > div.device-above-content .device-liveview-wrapper .hid-icon { font-size:16px;color:#7c7c7c;left:0px;position:relative;top:2px; }
#above-content > div.device-above-content .device-liveview-wrapper .hid-icon.active { color:#c00; /*animation: quarter-blinker 2s linear infinite;*/ }
#above-content > div.device-above-content .device-liveview-wrapper .hid-icon-wrapper   { background:#fff;opacity:0.67;border-radius:5px;top:10px;position:relative;right:5px;padding:0;width:21px;height:21px; }
#above-content > div.device-above-content .device-liveview-wrapper .fullscreen-wrapper { background:#fff;opacity:0.67;border-radius:5px;top:3px; position:relative;right:5px;padding:0;width:21px;height:21px; }
#above-content > div.device-above-content .device-liveview-wrapper .fullscreen-wrapper .glyphicons { padding-top:7px; }
#above-content > div.device-above-content .device-liveview-wrapper .fullscreen-wrapper .glyphicons i:before { color:#7c7c7c; left:3px; }
#above-content .fixed-layer-thumbnail-wrapper .glyphicons.note { padding:0;height:80px; }
#above-content .fixed-layer-thumbnail-wrapper .glyphicons.note i::before { font-size:60px; color:#707070;margin:10px 0px 0 -20px; }
#above-content .fixed-layer-thumbnail-wrapper .glyphicons.restart { padding:0;height:80px; }
#above-content .fixed-layer-thumbnail-wrapper .glyphicons.restart i::before { font-size:60px; color:#707070;margin:10px 0px 0 -20px; }
#above-content .fixed-layer-thumbnail-wrapper .title { font-size:22px;text-align: center; }
#above-content .device-above-content > .span8 .status-and-tabs { margin: 0; margin-left: 55px; } 
#above-content .device-above-content #device-liveview-wrapper .widget { border: none;background: none;box-shadow: none; height: 100%;} 
#above-content .device-above-content #device-liveview-wrapper .widget .body {background: none; padding: 0; height: 100%;} 
#device-liveview-wrapper { margin-left: 0px; margin-right: 5px; }

@media (max-width: 767px) {
	/*#above-content h2 .caret-link { margin:0;position:absolute;right:0;top:0;left:auto; }*/
	#above-content h2 .device-desc, 
	#above-content h2 .dropdown-menu .device-desc { display:none; }
	#above-content { margin: 15px 15px 0; }
	#above-content > div.device-above-content:first-child { margin-top:15px;height:auto; }
	.device-liveview-wrapper { padding: 0 0 0 15px; } 
	#above-content .device-overview-wrapper .playlist-overview { padding:10px 0; max-height:209px;overflow: auto;width: 100%; }
	
	#above-content .main-thumb-wrapper { float:none;width:auto;height:auto; margin:5px 0 20px 0; }
	#above-content .status-and-tabs { margin-left:0px; }
	#above-content .status-and-tabs > div { height:auto; }
	#above-content .device-overview-wrapper .widget-tabs { height:auto; }
	#above-content .device-overview-wrapper .widget-tabs .widget-head { height:auto; }
	#above-content .button-row { width:auto; }
	#above-content .button-wrapper { margin-right:8px }
	#above-content .left-scroller { display:none !important; }
}

/* Channel connected screens */
.device-channel-connected-devices #device-table td{vertical-align: middle;}
.device-channel-connected-devices table th:first-of-type{width: 100px;}
.device-channel-connected-devices table th:last-of-type{width: 80px;}

/* Toggle box */

.common-toggle-box.card{
    aspect-ratio: 3/4;
    min-height: 100px;
    max-height: 350px;
    background: var(--gradient);
    display: flex;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    flex-direction: column;
}

.common-toggle-box.card p{color: rgb(223, 223, 223);margin: 0;}
.common-toggle-box.card h4{color: white;margin: 10px 0;}

.common-toggle-box.card .content{
    padding: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

.common-toggle-box.card img{
    aspect-ratio: 16/9;
    box-sizing: border-box;
    width: 100%;
}

.common-toggle-box.card .tuttifrutti-bar{border-radius: 0 0 8px 8px;}
.common-toggle-box.card button{width: 100%;margin-top: auto;}

.common-toggle-box.card.disabled p, .common-toggle-box.card.disabled h4{
    opacity: .6;
}

/* device.FlagToggle */
.device-flag-toggle.ms-icon:hover { cursor: pointer; color: var(--error); }
.device-flag-toggle.ms-icon.active { color: var(--error); font-family: 'Material Symbols Rounded Fill'; }

/* Sidebar */

.client-info-button{
    color: #fff !important;white-space: nowrap; padding: 4px 10px; border-radius: 6px; top: -18px;
}

.ge-button{
    background: #673375;
    box-shadow: rgba(103, 51, 117, 0.35) 0px 5px 15px;
}

/* Scrollbar */
::-webkit-scrollbar { width: 12px; }
/* Track */
::-webkit-scrollbar-track { background: #eee; }
/* Handle */
::-webkit-scrollbar-thumb { background: #aaa;border-radius:10px; border:2px solid #f1f1f1; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #111; }

/* ---------------- */

.hide-side-bar #content { margin: 0 !important; }
.hide-side-bar #menu { display: none !important;}
.hide-side-bar #footer { margin: 0 !important; }
#menu .appbrand { height: 99px; padding: 10px; text-align:center; }
#menu .glyphicons.dashboard i::before { font-size:19px !important; }
.height-420 { height:420px; }
.min-height-420 { min-height:420px; }
ul.icons li i.primary-color:before { color: var(--md-ref-palette-primary30) }
.datepicker .next .glyphicons i:before,
.datepicker .prev .glyphicons i:before { font: 16px/1em 'Glyphicons' }
.datepicker .next .glyphicons,
.datepicker .prev .glyphicons { padding:0 }

.center-vertically.outer { display: table; position: absolute; height: 100%; width: 100%; }
.center-vertically .middle { display: table-cell; vertical-align: middle; }
.center-vertically .inner { margin-left: auto; margin-right: auto; }

.form-actions.bottom-right { float:right; padding-bottom:0; padding-top:0 }
.form-actions.bottom-right button { margin-top: 10px !important; }

.droparea-placeholder { border:1px dashed #d8d8d8; width:130px; height:134px;display:inline-block; margin:0px 10px; border-radius: 30px 30px 0px 0px; vertical-align: inherit; }

.widget-head .header.with-icon { padding-left: 5px; line-height:33px; }
.widget-head .header.with-icon:not(.glyphicons) { display: flex; align-items: center; }
.widget-head .header img { vertical-align:middle; }

.panel-widget { height: 60px; background-color: #F9F9F9; background-image: linear-gradient(to bottom, #FDFDFD, #F4F4F4); background-repeat: repeat-x; border: 1px solid #D8D8D8; box-shadow: 0 1px 0 0 #F7F7F7, 0 5px 4px -4px #D8D8D8; display: block; margin:0 0 15px 0;  padding: 15px 0;  position: relative; text-align: center; text-shadow: 0 1px 0 #FFFFFF; }
.panel-widget:hover { text-decoration:none; background:#fdfdfd; }
.panel-widget .glyphicons { display: block; padding: 0; }
.panel-widget .txt { display: table; height: 30px; margin-top: 4px; width: 100%; color: #999999; padding: 0; margin-top:-2px}
.panel-widget .txt div  {display: table-cell; line-height: 14px; text-align: center; vertical-align: middle; padding: 0 2px; }
.panel-widget .glyphicons i:before { font-size: 36px; left: 0; position: relative; top: 0; }
.glyphicons.green i:before { color: #25BF68; }
.glyphicons.red i:before { color: #CA4741; } 
.glyphicons.yellow i:before { color: #D5A253; }
.glyphicons.grey i:before { color: #cdcdcd; } 

#jquery-live-search { background:#FFFFFF; border: 1px solid #D8D8D8; max-height:500px; width:243px; z-index:100; overflow-x:hidden; overflow-y:auto; }
#jquery-live-search .category-header { background: var(--md-ref-palette-primary30); color: #FFFFFF; margin: 0; padding: 5px; }
#jquery-live-search .item-wrapper { border-bottom: 1px solid #D8D8D8; padding: 10px 0; cursor:pointer; }
#jquery-live-search .item-wrapper:hover { background:#f8f8f8; } 
#jquery-live-search .livesearch-thumb { display:block; margin-left:5px; width:75px; height:40px; float:left;}
#jquery-live-search .livesearch-thumb img { width:75px; }
#jquery-live-search .livesearch-desc { display:inline-block; margin-left:10px; height:40px; width:calc(100% - 100px); }
#jquery-live-search .livesearch-desc .entity-header { font-weight:600; }
#jquery-live-search .livesearch-desc .entity-desc { font-size:10px; line-height:12px; }

.action-button .btn-group { margin-right:0; width:150px; }
.action-button .btn-group .btn { margin-right:2px; }
.action-button .dropdown-menu > li { cursor: default }
.action-button .dropdown-menu > li > a.glyphicons { color:#333333; padding:3px 10px 3px 26px; }
.action-button .dropdown-menu > li > a.glyphicons > i:before { color:inherit; font-size:14px; top:6px; left:6px;color:#7c7c7c; }
.action-button .dropdown-menu > li > a.glyphicons:hover { color:#ffffff; }
.action-button .dropdown-menu .divider { margin:1px; }

.dataTables_wrapper { overflow-x:auto; margin-right:0px }
.progress { line-height:20px; height:20px; min-height:0px !important; }
.no-left-margin { margin-left:0 !important; }
#select2-drop { z-index:10002; }

.toggle-button .labelLeft img { vertical-align:text-bottom; margin-left:-8px }
.toggle-button .labelRight img { vertical-align:text-bottom; margin-left:5px }
.toggle-button .disabled-lbl img { vertical-align:text-bottom; }

.send-a-file-menu i::before { top:9px !important; }

.link-in-progress { cursor:progress !important; }
.link-in-progress a { pointer-events:none !important }

.more-info { cursor:pointer; padding-left:12px; }
.more-info i::before { font-size:15px;color:var(--md-ref-palette-primary30) }

 tbody button.glyphicons { height:22px; }
tbody tr:not(.normal-button-icons) button.glyphicons i::before { font-size:12px; top:4px; left:6px; }
.clean .dataTable.table-bordered th, .clean .dataTable.table-bordered td { border-left: none; vertical-align: middle; }
.clean .dataTable.table-bordered td .glyphicons { margin-bottom: 5px; }
.clean .dataTable.table-bordered { border-left: 1px solid #d8d8d8; }
.clean.showRowNumbers .dataTable.table-bordered th:first-child, .clean.showRowNumbers .dataTable.table-bordered td:first-child { border-right: 1px solid #d8d8d8; opacity: 1 !important; color: #b4b4b4; }

.dataTable tr.overwrite-row td{transition: .2s;}
.dataTable tr.overwrite-row td.not-active{background: rgb(211, 211, 211) !important;border-bottom: 1px solid rgb(211, 211, 211);}
.dataTable tr.overwrite-row td.active{background: #67337537 !important;border-bottom: 1px solid #673375;}

.navbar.main .tickertape { display:inline-block;margin-left:269px; background:none; border:none; }
.navbar.main .tickertape .marquee { display:inline-block }
.navbar.main .tickertape .marquee img { margin-top: -2px;height:16px;margin-right:5px;margin-left:-10px; }
.menu-hidden .navbar.main .tickertape { margin-left:40px }
.navbar.main .tickertape .remove_2 i:before { font-size: 16px; top: 2px;}

.storage-location-wrapper { width:150px;margin:30px 36px -15px }
.storage-location-wrapper .storage-wrapper { display:inline-block;vertical-align:top;width: 48%;overflow: hidden; }
.storage-location-wrapper .storage-wrapper .flag { display:block;margin-bottom:-2px; }
.storage-location-wrapper .storage-wrapper img { width:40px; }
.storage-location-wrapper .storage-wrapper .txt { font-size:11px !important; }
.storage-location-wrapper > a { height:60px !important;padding:5px 0 5px 0; }

.help-link { cursor: pointer; }

.uppercased-text{text-transform: capitalize !important;}

.device-thumb-wrapper { display:inline-block; }
.device-thumb-wrapper .toggle-liveview-wrapper { display:flex; }
.device-thumb-wrapper .toggle-liveview-wrapper .btn.btn-icon.btn-icon-only:not(.glyphicons) { padding: 2px; }
.device-thumb-wrapper.single-view { width:46px; }
.device-thumb-wrapper .view-wrapper { display:inline-block;position:relative;margin:auto;border:4px solid black;background-size:contain;background-color: var(--md-ref-palette-neutral20);;background-repeat: no-repeat;border-radius: 4px;box-shadow:0px 4px 11px -4px #aeaeae; }
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { /* Chrome */ .device-thumb-wrapper .view-wrapper { border-width:5px; } }
.device-thumb-wrapper.videowall .view-wrapper { border:none; box-shadow:none; background-color:transparent; }
.device-thumb-wrapper.videowall .view { border:2px ridge black; }
.device-thumb-wrapper.single-view .view-wrapper { border-width:3px;transform:translate(-50%,-50%);left:50%;top:50%; vertical-align:top; }
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { /* Chrome */ .device-thumb-wrapper.single-view .view-wrapper { border-width:2px; } }
.device-thumb-wrapper .view { position:absolute; /*border:1px solid white;*/box-sizing: border-box; box-shadow: rgb(255, 255, 255) 0px 0px 3px 0px inset; border-radius: 3px; }
.device-thumb-wrapper .view-inner { width:100%; height:100%; overflow:hidden; }
.device-thumb-wrapper .view-inner > div { position: relative;top: 50%;transform: translateY(-50%);color: #fff;padding:5px;font-size:11px;line-height:12px; white-space:nowrap; }
.device-thumb-wrapper .view-wrapper { overflow:hidden; }
.device-thumb-wrapper:not(.single-view) .view-wrapper::after { content: ""; position: absolute; width: 8px; height: 3px; background-color: #1dff1d; bottom: -2px; right: 10px; z-index: 102; }
.device-thumb-wrapper.offline:not(.single-view) .view-wrapper::after { background-color: #f02727; }
.device-thumb-wrapper .view .view-inner{position:absolute;box-sizing:border-box;border-radius:4px;}
.device-thumb-wrapper .view .view-inner::after{content:"";position:absolute;inset:0;border-radius:4px;padding:2x;box-sizing:border-box;background:conic-gradient(from var(--bg-angle),#56E28C 0%,#4CE7F4 15%,#A39BF9 30%,#E27066 45%,#F5BA25 60%,#EBEE68 75%,#56E28C 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;animation:none;}
.device-thumb-wrapper.single-view .view .view-inner::after{ padding: 2px; }
.device-thumb-wrapper .view .view-inner:hover::after{opacity:1;animation:bg-spin 2.5s linear infinite;}
.device-thumb-wrapper .view .view-inner.active::after{opacity:1;animation:bg-spin 2.5s linear infinite;}

.device-thumb-wrapper .view-wrapper .view-inner:not(.active) svg{ display: none !important; }
.device-thumb-wrapper .view-wrapper .view-inner svg{ max-width: 75%; max-height: 75% }

.ppt.device-thumb-wrapper .view-wrapper .view-inner { opacity:unset !important;background-color:unset !important; }
.ppt.device-thumb-wrapper .view-wrapper .view-inner svg { position:absolute;top:8px;right:8px; }
.ppt.device-thumb-wrapper .view-wrapper .view-inner.active { background-image:unset !important;animation:unset !important;background-size:unset !important;background-color:black !important; }

.ppt.device-thumb-wrapper .view-wrapper .view-inner .active-overlay-img { display:none;pointer-events:none;object-fit:contain; }
.ppt.device-thumb-wrapper .view-wrapper .view-inner.active .active-overlay-img { display:block; }

.ppt.device-thumb-wrapper .view-inner .loading{display:none;position:absolute;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:center;container-type:size;}
.ppt.device-thumb-wrapper .view-inner .loading .rainbow-spinner{width:min(50cqw, min(50cqh, 76px));aspect-ratio:1;height:unset;padding:0;}
.ppt.device-thumb-wrapper .view-inner.loading .loading{display:flex;}

.ppt.device-thumb-wrapper .view .view-inner{position:absolute;box-sizing:border-box;border-radius:6px;}
.ppt.device-thumb-wrapper .view .view-inner::after{content:"";position:absolute;inset:0;border-radius:6px;padding:4px;box-sizing:border-box;background:conic-gradient(from var(--bg-angle),#56E28C 0%,#4CE7F4 15%,#A39BF9 30%,#E27066 45%,#F5BA25 60%,#EBEE68 75%,#56E28C 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;animation:none;}
.ppt.device-thumb-wrapper .view .view-inner:hover::after{opacity:1;animation:bg-spin 2.5s linear infinite;}
.ppt.device-thumb-wrapper .view .view-inner.active::after{opacity:1;animation:bg-spin 2.5s linear infinite;}


.hidden-layout.device-thumb-wrapper .view { box-shadow: none; }
.hidden-layout.device-thumb-wrapper .view-wrapper .view-inner:hover { background-color: transparent; }


@property --bg-angle {
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}

@keyframes bg-spin {
	0% {
		--bg-angle: 0deg;
	}

	100% {
		--bg-angle: 360deg;
	}
}

/* Module access button */

.module-access-button-wrapper{
    height: 24px; 
    width: 24px;
    position: relative; 
}

.module-access-button-wrapper:not(.negated) .line{
    display: none !important;
}

.module-access-button-wrapper .line{
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 100;
    background: linear-gradient(-45deg, transparent 47%, grey 47%, grey 53%, transparent 53%);
    pointer-events: none;
}

.module-access-button{
    height: 100%; 
    width: 100%; 
}

.module-access-button-wrapper.disabled{
    filter: brightness(0.7); 
    cursor: not-allowed;
}

.module-access-button-wrapper:not(.disabled) .module-access-button{
    cursor: pointer;
}

.module-access-button-wrapper.inactive .module-access-button{
    filter: grayscale(1) invert(1) brightness(1);
}

.module-access-button-wrapper.negated .module-access-button{
    filter: brightness(1.4) hue-rotate(85deg);
}

/* Module rights button */

.module-rights-button{
    height: 24px; 
    width: fit-content;
    padding: 0 8px; 
    font-size:11px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    background: #5c2483; 
    color: white;
    font-weight: 700;
    border-radius: 5px; 
    border-width: 1px;
    border-style: solid;
    line-height: 1;
    text-align: center;
}

.module-rights-button:not(.disabled){
    cursor: pointer;
}

.module-rights-button.disabled{
    cursor: not-allowed;
    background-color: #b4b4b4 !important;
    color: #656565 !important;
    border-color: #969696 !important;
    opacity: .6;
}

.module-rights-button.remove {
    background: #ad3434;
    color: white;
    border-color: #fb0000
}

.module-rights-button:not(.active, .remove){
    background: #eeeeee; 
    color: #949494;
    border-color: #949494;
}

.module-rights-button.active{
    background: #5c2483; 
    color: white;
    border-color: #b36be5;
}

.module-rights-button.disabled.active{ 
    background: #5c2483 !important; 
    color: white !important;
    border-color: #b36be5 !important;
}

.module-rights-plugin{
    height: 24px; width: 24px; display: flex; justify-content: center; align-items: center;
    object-position: center;
    object-fit: contain;
}

.module-rights-plugin.disabled{
    opacity: .6;
    cursor: not-allowed !important;
    filter: grayscale(1) invert(1) brightness(1) !important;
}

.module-rights-plugin:not(.active){
    filter: grayscale(1) invert(1) brightness(1) opacity(0.5);
}

.animated-button{
    animation: viewInner 4s linear infinite;
    background-image: linear-gradient(
        0deg,
        rgba(207, 92, 92, 1),
        rgba(193, 155, 74, 1),
        rgba(222, 242, 160, 1),
        rgba(198, 238, 74, 1),
        rgba(66, 236, 166, 1),
        rgba(100, 179, 217, 1),
        rgba(32, 142, 162, 1),
        rgba(73, 138, 218, 1),
        rgba(91, 115, 223, 1),
        rgba(137, 126, 211, 1),
        rgba(207, 92, 92, 1),
        rgba(193, 155, 74, 1)
    ) !important;
    
    background-size: 100% 1100%;
}

@keyframes viewInner{
    0% { background-position: 0% 0%; }
    100% { background-position: 0% 100%; }
}

.device-thumb-wrapper .view-wrapper .view-inner.active{

    
    
    box-sizing: border-box;
    animation: viewInner 1.2s linear infinite;
    background-image: linear-gradient(
        0deg,
        rgba(207, 92, 92, 0.4),
        rgba(193, 155, 74, 0.4),
        rgba(222, 242, 160, 0.4),
        rgba(198, 238, 74, 0.4),
        rgba(66, 236, 166, 0.4),
        rgba(100, 179, 217, 0.4),
        rgba(32, 142, 162, 0.4),
        rgba(73, 138, 218, 0.4),
        rgba(91, 115, 223, 0.4),
        rgba(137, 126, 211, 0.4),
        rgba(207, 92, 92, 0.4),
        rgba(193, 155, 74, 0.4)
    );
    
    background-size: 100% 1100%;
}

@keyframes viewInner{
    0% { background-position: 0% 0%; }
    100% { background-position: 0% 100%; }
}

.control-multiple-screens :is(td.title, td.client){
    width: 250px;
}

.device-thumb-wrapper .view-wrapper .view-inner{cursor: pointer;}
.device-thumb-wrapper .view.selected .view-inner { background: transparent;}
.device-thumb-wrapper .view::after{content:"";position:absolute;inset:0;border-radius:4px;padding:2px;box-sizing:border-box;background:conic-gradient(from var(--bg-angle),#56E28C 0%,#4CE7F4 15%,#A39BF9 30%,#E27066 45%,#F5BA25 60%,#EBEE68 75%,#56E28C 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;animation:none;}
.device-thumb-wrapper .view.selected::after{opacity:1;animation:bg-spin 2.5s linear infinite;}
.device-thumb-wrapper .view:hover::after{opacity:1;animation:bg-spin 2.5s linear infinite;}
.device-thumb-wrapper .view-wrapper.one-view .view.selected .view-inner {background:none; }
.device-thumb-wrapper .with-screenshot.rotated:before { background-image:var(--background); content: "";transform:var(--rotation);width:200%;height:200%;position:absolute;top:-50%;left:-50%;background-position:50%;background-repeat:no-repeat;background-size:90%;transform-origin:50%;}

/* ---------------------- */
/* Fixed layer icons */
/* ---------------------- */
.fixed-layer-wrapper{height: 100%;aspect-ratio: 16/9;position: relative;padding: 5% 10%;box-sizing: border-box;}
.fixed-layer-wrapper .boxes{position: relative;}
.fixed-layer-wrapper .boxes, .fixed-layer-wrapper > *, .fixed-layer-wrapper .box, .fixed-layer-wrapper .box-position{height: 100%;width: 100%;}
.fixed-layer-wrapper .box{border: solid 1px black;background: lightgray;box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 3px;position: relative;}
.overlay .boxes .box-position:nth-child(1){transform: translate(-10%, -10%);}
.overlay .boxes .box-position:nth-child(3){transform: translate(10%, 10%);}
.background .boxes .box-position:nth-child(1){transform: translate(-10%, -10%);}
.background .boxes .box-position:nth-child(3){transform: translate(10%, 10%);}
.fixed-layer-wrapper .animated-section{overflow: hidden;}
.animated-section .bg{height: 100%;width: 200%;
    background: linear-gradient(90deg,
        #673375 0%,#673375 5%,#866f8c 5%,#866f8c 10%,#673375 10%,
        #673375 15%,#866f8c, 15%,#866f8c 20%, #673375 20%,#673375 25%,
        #866f8c 25%,#866f8c 30%,#673375 30%,#673375 35%,#866f8c, 35%,
        #866f8c 40%, #673375 40%,#673375 45%, #866f8c 45%, #866f8c 50%, 
        #673375 50%, #673375 55%,#866f8c 55%,#866f8c 60%, #673375 60%, white 100%
    );
}

.fixed-layer-wrapper.animation .animated-section .bg {animation: anim 1s infinite linear;}
@keyframes anim{0%{transform: translateX(0%);}100%{transform: translateX(-10%);}}

/* ---------------------- */
/* Available media widget */
/* ---------------------- */
.available-media-widget .media-list-wrapper { background:#FFFFFF; width:100%; }
.available-media-widget .media-list-wrapper .category-header { background: var(--md-ref-palette-primary30); color: #FFFFFF; margin: 0; padding: 5px; }
.available-media-widget .media-list-wrapper .item-wrapper { border-bottom: 1px solid #D8D8D8; cursor:pointer; overflow:hidden; background-color:#fff;  }
.available-media-widget .media-list-wrapper .item-wrapper:hover { background:#f8f8f8; } 
.available-media-widget .media-list-wrapper .item-wrapper.ui-selected { background-color:var(--md-ref-palette-primary30); color:#fff; background-image:linear-gradient(to bottom, var(--md-ref-palette-primary40), var(--md-ref-palette-primary30)); }
.available-media-widget .media-list-wrapper .item-wrapper .inner-wrapper { width:75%;padding:5px 0; }
html.touch .available-media-widget .media-list-wrapper .item-wrapper .inner-wrapper { float:left;width:90%;position:absolute; }
.available-media-widget .media-list-wrapper .item-wrapper .scroll-handle { display:none; }
html.touch .available-media-widget .media-list-wrapper .item-wrapper .scroll-handle { float:right; width:10%;height: 70px;background:#f7f7f7;opacity:0.3; display:block; }
.available-media-widget .media-list-wrapper .live-link-edit-wrapper { position:absolute;top:15px;right:6%;z-index:1000; }
html.touch .available-media-widget .media-list-wrapper .live-link-edit-wrapper { display:none; }
@media (max-width: 1700px) { 
	.available-media-widget .media-list-wrapper .live-link-edit-wrapper button.btn.btn-icon.glyphicons.tiny { padding:0px 1px 5px 16px;width:18px;overflow:hidden; } 
	.available-media-widget .media-list-wrapper .live-link-edit-wrapper button.btn.btn-icon.glyphicons.tiny > i { display:block; }
}
.available-media-widget .media-list-wrapper .item-wrapper .scroll-handle div { background:#cdcdcd;width:1px;height:100% }
.available-media-widget .media-list-wrapper .livesearch-thumb { display:inline-block; margin:5px 10px 5px 5px; width:100px; min-width:100px; height:50px; display:table-cell; background-repeat:no-repeat; background-position:center; background-size: contain;}
.available-media-widget .media-list-wrapper .livesearch-thumb img { width:75px; }
.available-media-widget .media-list-wrapper .livesearch-desc { margin-left:10px; margin-top:5px; display:table-cell; vertical-align:top; padding-left:5px; }
.available-media-widget .media-list-wrapper .livesearch-desc .entity-header { font-weight:600; line-height:14px; margin-bottom:3px; overflow-wrap:break-word; line-break:anywhere;}
.available-media-widget .media-list-wrapper .livesearch-desc .entity-desc { font-size:10px; line-height:12px; }
.available-media-widget .media-list-wrapper .ui-draggable-dragging { z-index:100; }
.available-media-widget .widget { margin-bottom:0; }
.available-media-widget .widget-head { height:75px; }
.available-media-widget .available-media-filter-wrapper { background-color: #f2f3f4; padding:0px 24px 8px 0px; }
.available-media-widget .available-media-filter { width:100%; }
.available-media-widget .available-media-filter input { width:100%; height:16px;margin:4px -23px 0 0;}
.available-media-widget .available-media-filter input:focus { z-index:0; }

.available-media-widget .available-media-source, #clipart-media-source { background-color: #f2f3f4; }
.available-media-widget .available-media-source .toggle-button .labelLeft, #clipart-media-source .toggle-button .labelLeft { padding:2px 1px 3px 3px; }
.available-media-widget .available-media-source .toggle-button .labelRight, #clipart-media-source .toggle-button .labelRight { padding:2px 2px 2px 1px; }
.available-media-widget .available-media-source .toggle-button .disabled-lbl, #clipart-media-source .toggle-button .disabled-lbl { padding-top:2px; }
.available-media-widget .available-media-source.collapse, #clipart-media-source.collapse { padding:0 15px; }
.available-media-widget .available-media-source.collapse.in, #clipart-media-source.collapse.in,
.available-media-widget .available-media-source-1.collapse.in, #clipart-media-source-1.collapse.in,
.available-media-widget .available-media-source-2.collapse.in, #clipart-media-source-2.collapse.in { padding:0 5px 15px; }

.available-media-widget .special-source .item-wrapper { margin-bottom: 10px; display:table; }
.available-media-widget .special-source .item-wrapper img { border:1px solid #d8d8d8;display:inline-block;vertical-align:top; display:table-cell; }
.available-media-widget .special-source .item-wrapper .slot-desc { display:inline-block;margin:3px; display:table-cell; padding-left:10px; vertical-align:middle; }

.available-media-widget .playlist-source .heading, 
.available-media-widget .playlist-source-1 .heading, 
.available-media-widget .playlist-source-2 .heading { display: block;padding: 1px 0 0 26px;width: auto;line-height:26px;color: #7c7c7c;float: left;font-size: 14px;margin: 0; }
.available-media-widget .playlist-source .heading i:before, 
.available-media-widget .playlist-source-1 .heading i:before, 
.available-media-widget .playlist-source-2 .heading i:before { font-size: 16px; line-height:28px; }    
.available-media-widget .special-slots .entity-header { font-size:15px; }
.available-media-widget .special-slots .entity-desc { font-style:italic; font-size:11px; line-height:11px; }

.available-media-widget .ribbon-wrapper.tiny { height:32px; width:32px; top:0px; right:0px; }
.available-media-widget .ribbon-wrapper.tiny .ribbon { font-size:9px; line-height:2px; left:1px; top:-6px; width:50px; height:8px; }
.available-media-widget .ribbon-wrapper.tiny .ribbon.Pending { background-color:#ab7a4b; }
.available-media-widget .ribbon-wrapper.tiny .ribbon.Approved { background-color:#609450; }
.available-media-widget .ribbon-wrapper.tiny .ribbon.Archived { background-color:#999999; }

/* --------------- */
/*   Marketplace   */
/* --------------- */

/* get-inspired-row.html */

@media (min-width: 0) and (max-width: 1500px){
    .get-inspired-grid-row{
        width: 100%;
        display: grid;
        grid-template-rows: auto auto;
        row-gap: 15px;
    }
}

@media (min-width: 1500px){
    .get-inspired-grid-row{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
        column-gap: 15px;
    }
}

/* get-inspired.html */
.get-inspired .app-col{margin-top: 15px;overflow: auto;}
.get-inspired .app-row{ display: grid;grid-template-rows: auto auto;grid-template-columns: 70px minmax(0, 1fr) auto;column-gap: 20px;padding: 10px 0;border-top: solid 1px #d8d8d8;}
.get-inspired .app-row .bg{padding: 5px;background-color: #f0f0f0;display: flex;align-items: center;justify-content: center;grid-row: span 2;}
.get-inspired .app-row p{margin: 0;line-height: 1.3;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.get-inspired .app-row h4{margin: 0 0 5px 0;font-size: 1rem;}
.get-inspired .app-row button{grid-row: span 2;height: fit-content;width: fit-content;margin:auto 5px auto 0;}
.get-inspired{padding: 15px;box-sizing: border-box;width: 100%;height: 400px;background-color: white;border: solid 1px #d8d8d8;border-radius: 8px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;display: grid;grid-template-columns: 30% minmax(0, 1fr);grid-template-rows: minmax(0,1fr);column-gap: 15px;}

.get-inspired .text{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.get-inspired .avatar-row{
    margin-top: auto;
    height: 50px;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 15px;
}

.get-inspired .avatar-row .avatar{
    border-radius: 100%;
    background: lightblue;
    height: 100%;
    width: 100%;
    grid-row: span 2;
}

.get-inspired .avatar-row h4{
    display: flex;
    align-items: flex-end;
}


.get-inspired p{
    line-height: 1.6;
    width: 100%;
}

.get-inspired h2, .get-inspired p, .get-inspired h4, .get-inspired label{margin: 0;}

.get-inspired .img-wrapper{
    grid-row: span 4;
    box-sizing: border-box;
    width: 100%;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.get-inspired .img-wrapper video{
    max-height: 100%;
    max-width: 100%;
}

/* banner.html */

.welcome-banner {border-radius: 15px;background: var(--tutti-frutti); height: 400px;width: 100%;position: relative;overflow: hidden;}
.welcome-banner .back-layer{position: absolute;width: 100%;height: 100%}
.welcome-banner .falling-element {
  position: absolute;
  top: -181px;
  width: 130px;
  background-color: blue;
  border-radius: 10px;
  /* // animation-duration: 4s; */
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  /* // animation-name: falling2; */
  overflow: hidden;
  filter: drop-shadow(0px 14px 25px rgba(125, 136, 175, 0.3));
}
.welcome-banner .front-layer{position: absolute;width: 100%;height: 100%;padding: 50px 0;background: radial-gradient(transparent, rgba(0,0,0,0.25));border-radius: 15px;box-sizing: border-box;}
.welcome-banner .logo-row{height: 40px;display: flex;align-items: center;justify-content: center;width: 40%;opacity: 0;}
.welcome-banner h1.text-animation{margin: 0;color: white;font-weight: 800;font-size: 3rem;text-align: center;opacity: 0;animation-delay: .5s;}
.welcome-banner h5.text-animation{margin: 0;color: white;font-size: 1.5em;text-align: center;animation-delay: 1s;opacity: 0;width: 50%;max-width: 1000px;}
.welcome-banner .logo-row .line{height: 1px;background-color: rgba(255,255,255,0.5);width: 30%;margin: 0 10px;}
.welcome-banner .falling-element img {width: 100%;}
.welcome-banner .text-animation{animation: transitionIn ease-in 1s forwards;}

@keyframes transitionIn{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@keyframes falling1 {
  0% {top: -181px;transform: rotate(0deg);}
  100% {top: 100%;transform: rotate(360deg);}
}

@keyframes falling2 {
  0% {top: -181px;transform: rotate(0deg);}
  100% {top: 100%;transform: rotate(-360deg);}
}

/* in-focus.html */
.in-focus {position: relative;width: 100%;height: auto;border-radius: 15px;}
.in-focus .text{width: 50%;height: 100%;padding: 40px;position: relative;z-index: 1000;box-sizing: border-box;}
.in-focus .gradient{border-radius: inherit;position: relative;z-index: 100;width: 100%;height: 100%;}
.in-focus label{margin: 0;color: inherit;opacity: .75;font-weight: 500;font-size: 1rem;}
.in-focus h3{margin: 5px 0;font-weight: 600;color: inherit;font-size: 2.25rem;line-height: 1.2;}
.in-focus p{margin: 0;color: inherit;font-size: 1rem;line-height: 1.6;}
.in-focus .video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: flex-end;}
.in-focus .video video{width: 60%;height: 100%;border-radius: 0 15px 15px 0;object-fit: cover;object-position: center;}

/* product-list-item.html */
.product-list-item-wrapper .hitbox{position: absolute;width: 100%;height: 100%;z-index: 1000;}
.product-list-item-wrapper .skeleton.small-bar{width: calc(50% - 5px);height: calc(100% - 10px);}
.product-list-item-wrapper .text-and-badge{display: flex;justify-content: space-between;grid-column: span 2;}
.product-list-item-wrapper {padding: 10px;border: solid 1px #d8d8d8;border-radius: 8px;position: relative;}
.product-list-item-wrapper .information-row{position: relative;display: grid; grid-template-columns: 80px minmax(0, 1fr) 1fr;grid-column-gap: 15px;grid-template-rows: repeat(2, minmax(0, 1fr));height: 49px;}
.product-list-item-wrapper.focused{border: solid 2px #673375 !important;box-shadow: rgba(103,51,117, 0.35) 0px 5px 15px !important;}
.product-list-item-wrapper .img-wrapper{grid-row: span 2;border-radius: 3px;overflow: hidden;}
.product-list-item-wrapper.loading .license-badges{visibility: hidden;}
.video-error-text{background-color: lightgray;display: flex;justify-content: center;align-items: center;margin: 0;height: 100%;width: 100%;position: absolute;}
.product-list-item-wrapper .product-thumbnail{width: 100%;background: lightgray;height: 100%;position: absolute;z-index:10;}
.product-list-item-wrapper i.description {font-size: .7rem;line-height: 1.4;display: block;margin-bottom: 5px;}
.product-list-item-wrapper .video-thumbnail-wrapper{position: relative;display: flex;border-radius: 8px;overflow: hidden;border: solid 1px #d8d8d8;aspect-ratio: 16/9;margin: 15PX 0;width: 100%;}
.product-list-item-wrapper.loading i.description{height: 40px;}
.product-list-item-wrapper .marketplace-toggle-btn { width:70px !important; height:20px !important; font-size:12px; }
.product-list-item-wrapper .marketplace-toggle-btn .labelLeft { width:37px !important; height:20px !important;line-height:22px !important;padding-left:0; }
.product-list-item-wrapper .marketplace-toggle-btn .disabled-lbl { width:35px !important; height:20px !important; }
.product-list-item-wrapper .marketplace-toggle-btn .labelRight { width:40px !important; height:20px !important;line-height:22px !important;padding-left:2; }

.product-list-item-wrapper .skeleton{
    background: linear-gradient(to right,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.5) 50%,rgba(255, 255, 255, 0) 80%),lightgray;
    background-repeat: repeat-y;        
    background-size: 100px 200px;        
    background-position: 0 0;
    animation: skeleton 1s infinite;
}

@keyframes skeleton{
    0%{background-position: calc(0% - 100px);}
    100%{background-position: calc(100% + 100px);}
}

.product-list-item-wrapper .src-fail{display: none !important;}
.video-thumbnail-wrapper.video-failed p.video-error-text{display: block !important;}
.video-thumbnail-wrapper.video-failed video,  .video-thumbnail-wrapper.thumbnail-failed img{opacity: 0;}
.product-list-item-wrapper{cursor: pointer;transition: .2s;}
.product-list-item-wrapper .video-thumbnail-wrapper .overlay{
    opacity: 1;
    transition: .2s;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .85rem;
}
.product-list-item-wrapper .video-thumbnail-wrapper:hover .overlay{opacity: 0;}
.product-list-item-wrapper.active{background-color: white;box-shadow: rgba(99, 99, 99, 0.15) 0px 2px 8px 0px;}
.product-list-item-wrapper:not(.active){background-color: rgb(231, 231, 231);}
.product-list-item-wrapper .license-badges{display: flex;align-items: center;flex-wrap: wrap;row-gap: 5px;}
.product-list-item-wrapper p.license-badge{
    font-size: .65rem;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 0;
    height: fit-content;
}

.product-list-item-wrapper .license-badges p.license-badge:not(:last-of-type){margin: 0 5px 0 0;}
.product-list-item-wrapper p.license-badge.active, .product-list-item-wrapper p.license-badge.available, .product-list-item-wrapper p.license-badge.beta, .product-list-item-wrapper p.license-badge.early-access{
    color: white;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    white-space: nowrap;
}

.product-list-item-wrapper p.license-badge.early-access{background: rgb(58, 117, 246) !important;border-color: rgb(58, 117, 246) !important;}
.product-list-item-wrapper p.license-badge.beta{background: rgb(211, 145, 37) !important;border-color: rgb(211, 145, 37) !important;}
.product-list-item-wrapper p.license-badge.available{background: transparent !important;color: #626262;border: solid 1px #d8d8d8 !important;}
.product-list-item-wrapper p.license-badge.active{border-color: #673375;background: #673375;}
.product-list-item-wrapper p.license-badge:not(.active){border: solid 1px rgb(113, 113, 113);background: transparent;}

/* product-row.html */
.product-row-wrapper .text-row{padding: 15px 0;display: grid;grid-template-columns: auto minmax(0,1fr);grid-template-rows: auto auto;}
.product-row-wrapper h3{margin: 0;grid-row-start: 2;font-weight: 500;}
.product-row-wrapper button{margin: 0;grid-row: span 2;width: fit-content;margin: auto 0 auto auto;}
.product-row-wrapper .buttons svg{cursor: pointer;}
.skeleton-product-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));column-gap: 15px;}
.product-row-wrapper .pages-wrapper{display: flex;overflow-x: hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;}
.product-row-wrapper .pages-wrapper .page{display: grid;width: calc(100% - 50px);flex-shrink: 0;scroll-snap-align: start;column-gap: 15px;margin-right: 15px;}
/* .product-row-wrapper .product-grid{display: grid;column-gap: 15px;row-gap: 15px;} */
/* @media (min-width: 0) and (max-width: 1250px){
    .product-row .product-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1250px){
    .product-row .product-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1500px){
    .product-row .product-grid{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1750px){
    .product-row .product-grid{
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (min-width: 2000px){
    .product-row .product-grid{
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
} */

/* apps.html */
.all-signage-apps-wrapper ul.product-listing{width: 100%;margin: 0;display: grid;column-gap: 30px;row-gap: 45px;}


@media (min-width: 0) and (max-width: 1250px){
    /* Mobile */
    .all-signage-apps-wrapper .header-wrapper h2, .all-signage-apps-wrapper .header-wrapper p{
        text-align: center;
    }
    .all-signage-apps-wrapper .header-wrapper .text{
        width: 100%;
    }

    .all-signage-apps-wrapper .header-wrapper{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}

@media (min-width: 1250px){
    /* All other than mobile */
    .all-signage-apps-wrapper .header-wrapper{
        display: flex;justify-content: space-between;align-items: flex-end;
    }
}

@media (min-width: 0) and (max-width: 650px){
    .all-signage-apps-wrapper ul.product-listing{grid-template-columns: repeat(1, minmax(0,1fr))}
}
@media (min-width: 650px) and (max-width: 1250px){
    .all-signage-apps-wrapper ul.product-listing{grid-template-columns: repeat(2, minmax(0,1fr))}
}
@media (min-width: 1250px) and (max-width: 1500px){
    .all-signage-apps-wrapper ul.product-listing{grid-template-columns: repeat(3, minmax(0,1fr))}
}
@media (min-width: 1500px){
    .all-signage-apps-wrapper ul.product-listing{grid-template-columns: repeat(4, minmax(0,1fr))}
}

.ticketmaster-settings .venue-result{
    border-radius: 2px;padding: 5px;column-gap: 8px;display: grid;grid-template-columns: 75px auto minmax(0,1fr) auto;
    cursor: pointer;
    transition: .2s;
}

.ticketmaster-settings .venue-result:not(.selected){
    background: white;border: solid 1px lightgray;
}

.ticketmaster-settings .venue-result .icons i::before{
    font: 20px/1em 'Glyphicons' !important;
}



.ticketmaster-settings .venue-result:not(.selected) .icons i::before{
    color: #673375 !important;
}

.ticketmaster-settings .venue-result:not(.selected).no-events .icons .circle_info i::before{
    color: lightgray !important;
}

.ticketmaster-settings .venue-result.selected .icons i::before{
    color: white;
}

.ticketmaster-settings .venue-result .icons .glyphicons{
    padding: 0 !important;

}

.ticketmaster-settings .venue-result .icons i{
    height: 20px;
    width: 20px;
    position: relative;
    display: block;
}

.ticketmaster-settings i.spellcheck{
    color: #673375;
    cursor: pointer;
}

.ticketmaster-settings i.spellcheck:hover{
    text-decoration: underline;
}

.ticketmaster-settings .venue-result.selected{
    background: #673375;
    color: white;
}

.ticketmaster-settings .venue-result:hover{
    border-color: #673375;
}

.ticketmaster-settings .clear-current-selection{
    color: #673375;
}

.ticketmaster-settings .clear-current-selection.disabled{
    opacity: .5;
}

/* ------------- */
/* Modals     */
/* ------------- */

.article-modal-wrapper p, .article-modal-wrapper h1, .article-modal-wrapper li, .sales-modal-content p, .sales-modal-content h1{
    text-align: left;
    color: rgba(255, 255, 255, 0.8) !important; 
}
.walkthrough-body h1{line-height: 1.05;font-size:28px;margin-bottom:20px; }
.sales-modal-content p, .article-modal-wrapper p, .article-modal-wrapper li{font-size: 1.15em;margin: 5px 0;line-height: 1.2;}
.article-modal-wrapper >* {margin-bottom: 30px;}
.article-modal-wrapper >*:first-child{margin-bottom: 15px !important;}
.article-modal-wrapper >*:last-child{margin-bottom: 0 !important;}
.article-modal-wrapper .article-modal-section li:not(:last-child){
    margin-bottom: 20px;
}
.sales-modal-content img{width: 100%;height: auto;object-fit: contain;margin-bottom: 15px;border-radius: 5px;}

#salesModal{
    position: absolute;
    z-index: 10000;
}


.sales-modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    color: white;
    font-weight: light;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.4);
    transition: 0.4s;
    backdrop-filter: blur(3px);
}

.sales-modal-wrapper:not(.show){
    opacity: 0;
    pointer-events: none !important;
}

.sales-modal-wrapper.show{
    opacity: 1;
}

.open-walkthrough {
    border: 0;
    background: #5da3f2;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 12px;
    height: 40px;
    width: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -60px;
}

@media (max-width: 900px ){
    .walkthrough{
        width: calc(100vw - 60px);
        height: calc(100vh - 60px);
    }

    .walkthrough button.body-button{
        display: none !important;
    } 

    .walkthrough-footer{height: fit-content;}
    .mobile-navigation{
        display: flex;
        width: 100%;
    }

    .walkthrough-footer .tuttifrutti-bar{
        position: relative !important;
    }

    .click-zone{
        width: calc(50% - 1px);
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .divider-bar{
        height: 100%;
        width: 2px;
        background: rgba(255, 255, 255, 0.25);
    }


    .mobile-navigation .click-zone svg{
        width: 30px;
        height: 30px;
    }

    .walkthrough-body{
        padding-left: 10px !important; 
        padding-right: 10px !important;
    }

}

@media (min-width: 901px){
    .walkthrough{
        width: 40vw;
        height: 70vh;
    }

    .mobile-navigation{display: none !important;}

    .walkthrough-footer{height: 40px;}

}

.walkthrough {
    position: relative;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
    background: var(--gradient);
    border-radius: 0;
    display: none;
    flex-direction: column;
    flex: 0 0 auto;
    font-size: 14px;
    overflow: hidden;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    max-width: 600px;
    max-height: 800px;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 10px;
}



#salesModal.NEWS .walkthrough-body{
    padding: 50px !important;
}

#salesModal.NEWS .walkthrough .walkthrough-footer{
    display: none !important;
}

@media (min-width: 901px){
    #salesModal.NEWS .walkthrough{
        width: 50vw;
        max-width: none !important;
        height: 90vh;
        max-height: none !important;
    }
}

.walkthrough .close-btn{
    position: absolute;
    height: 100%;
    right: 0;
    fill: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

.walkthrough.show {
    display: flex;
    opacity: 0;
    transform: translateY(72px);
}

.walkthrough.reveal {
    opacity: 1;
    transform: translateY(0);
    border-radius: 8px;
}


.walkthrough .walkthrough-body .prev-screen{
    margin: 16px 16px 16px 8px;
}

.walkthrough .walkthrough-body .next-screen{
    margin: 16px 8px 16px 16px;
}

.walkthrough .walkthrough-body .prev-screen,
.walkthrough .walkthrough-body .next-screen {
    align-self: stretch;
    background: none;
    border: 0;
    margin-top: 40px;
    color: rgba(255, 255, 255, 0.25);
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 24px;
    opacity: 1;
    outline: none;
    transform: scale(1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 1000;
}

.walkthrough .walkthrough-body .prev-screen svg, .walkthrough .walkthrough-body .next-screen svg{
    filter: brightness(.5);
    transition: .2s;
}

.walkthrough .walkthrough-body .prev-screen:hover svg,
.walkthrough .walkthrough-body .prev-screen:active svg,
.walkthrough .walkthrough-body .next-screen:hover svg,
.walkthrough .walkthrough-body .next-screen:active svg{
    filter: brightness(1);
    /* transform-origin: center; */
    /* transform: scale(1.25); */
}



.walkthrough .walkthrough-body .prev-screen:disabled,
.walkthrough .walkthrough-body .next-screen:disabled {
    opacity: 0;
}

.walkthrough .walkthrough-body .prev-screen {
    order: 1;
}

.walkthrough .walkthrough-body .next-screen {
    order: 3;
}

.walkthrough .walkthrough-body .screens {
    flex: 1;
    align-self: stretch;
    position: relative;
    margin: 0 .5vw;
    order: 2;
}

.walkthrough .walkthrough-body .screens .screen {
    position: absolute;
    list-style-type: none;
}

.walkthrough .walkthrough-body .media {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 132px;
    height: 132px;
    margin: 32px auto;
    width: 132px;
}

.walkthrough .walkthrough-pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 12px;
}

.walkthrough .walkthrough-pagination .dot {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    height: 8px;
    margin: 0 4px;
    transform: scale(0.75);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 8px;
}

.walkthrough .walkthrough-pagination .dot.active {
    background: white;
    transform: scale(1);
    transition-delay: 0.4s;
}



.walkthrough .walkthrough-footer .tuttifrutti-bar{
    top: 0;
}

/* .walkthrough .walkthrough-footer {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-around;
    padding: 0;
    position: relative;
    height: 40px;
} */

.walkthrough-header, .walkthrough-footer{width: 100%;display: flex;justify-content: center;align-items: center;position: relative;flex-direction: column;}
.walkthrough .tuttifrutti-bar{width: 100%;left: 0;position: absolute;z-index: 1000000;}
.walkthrough-header{min-height: 60px;height: fit-content;}
.walkthrough .walkthrough-body {
    align-items: center;
    display: flex;
    flex: 1;
    text-align: center;
    padding: 30px 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.walkthrough .walkthrough-header .tuttifrutti-bar{
    bottom: -4px;
}

.tuttifrutti-chip{
    height: fit-content !important;
    border-radius: 4px;
    padding: 5px 20px;
    background: rgba(255,255,255,0.25);
}

.walkthrough .walkthrough-footer button{
    height: 40px;
    border: 0;
    background: #767676;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    border-radius: 0;
    color: white;
    flex: 1;
    font-size: 12px;
    margin: 0;
    outline: 0;
    padding: 12px;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    width: 100%;
}

.walkthrough .walkthrough-footer button:hover {
    background: var(--md-ref-palette-primary35);
}

.walkthrough .walkthrough-footer button:active {
    background: var(--md-ref-palette-primary20);
}

.walkthrough .walkthrough-footer button:disabled {
    cursor: pointer;
}

.walkthrough .walkthrough-footer button.finish-close {background: #b0b0b0;left: 0;}
.walkthrough .walkthrough-footer button.finish-close:hover {background: #959595;}

.walkthrough .walkthrough-footer button.finish-learn-more{background: var(--md-source);left: 50%;}
.walkthrough .walkthrough-footer button.finish-learn-more:hover {background: var(--md-ref-palette-primary35);}


.final-buttons{
    height: 40px;
    position: relative;
    width: 100%;
}

.final-buttons button.next-screen{
    position: absolute;
    left: 0;
    bottom: 0;
}

.walkthrough .finish-button{
    position: absolute;
    bottom: 0;
}

.walkthrough .walkthrough-footer button.finish-learn-more, .walkthrough .walkthrough-footer button.finish-close {
    width: 50%;
    opacity: 0;
    transform: scale(0, 1);
    transform-origin: center;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.walkthrough .walkthrough-footer button.finish-close.full-sized{
    width: 100% !important;
}
.walkthrough .walkthrough-footer button.finish:active {
    background: var(--md-ref-palette-primary20);
}

.walkthrough .walkthrough-footer button.finish.active {
    transform: scale(1, 1);
    opacity: 1;
}
.walkthrough .walkthrough-footer button:disabled,
.walkthrough .walkthrough-footer button[disabled] {
    filter: grayscale(1);
}

.walkthrough .screens {
    margin: 0;
}

.walkthrough .screens .media .status-badge {
    left: 136px;
    opacity: 0;
    position: absolute;
    top: 104px;
    transform: scale(0);
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-delay: 0.6s;
}

.walkthrough .screens .media .status-badge i {
    display: inline;
}

.walkthrough .screens .media.logo .logo {
    margin-top: 20px;
    opacity: 0;
    transform: translateY(-60px);
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 80px;
}

.walkthrough .screens .media .icon {
    position: absolute;
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    width: 132px;
    left: 48px;
    top: 32px;
}

.walkthrough .screens .media.bars .icon {
    transform: translate(40px, 20px);
}

.walkthrough .screens .media.bars .icon:nth-of-type(2) {
    transform: scale(0.25);
    transform-origin: 30% 54%;
}

.walkthrough .screens .media.bars .icon:nth-of-type(3) {
    transform: scale(0.25);
    transform-origin: 30% 40%;
}

.walkthrough .screens .media.bars .icon:nth-of-type(4) {
    transform: scale(0.25);
    transform-origin: 30% 26%;
}

.walkthrough .screens .media.files .icon {
    transform: translate(40px, 20px);
}

.walkthrough .screens .media.comm .icon {
    transform: scale(0.25);
    transform-origin: 29% 73%;
}

.walkthrough .screens .media.comm .icon:nth-child(2) {
    transform-origin: 66% 85%;
}

.walkthrough .screens .screen {
    opacity: 0;
    position: absolute;
    transform: translateX(-72px);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.walkthrough .screens .screen.active {
    opacity: 1;
    transform: translateX(0) scale(1);
    transition-delay: 0.4s;
}

.walkthrough .screens .screen.active~.screen {
    opacity: 0;
    transform: translateX(72px);
}

.walkthrough .screens .screen.active .media .status-badge {
    opacity: 1;
    transform: scale(1.75);
}

.walkthrough .screens .screen.active .media.logo .logo {
    opacity: 0.8;
    transform: translateY(0);
    transition-delay: 0.6s;
}

.walkthrough .screens .screen.active .media.logo .status-badge {
    transition-delay: 1s;
}

.walkthrough .screens .screen.active .media.books .icon {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.6s;
}

.walkthrough .screens .screen.active .media.books .icon:nth-child(2) {
    transition-delay: 0.725s;
}

.walkthrough .screens .screen.active .media.books .icon:nth-child(3) {
    transition-delay: 0.85s;
}

.walkthrough .screens .screen.active .media.books .status-badge {
    transition-delay: 1.4s;
}

.walkthrough .screens .screen.active .media.bars .icon {
    opacity: 1;
    transform: translate(0) scale(1);
    transition-delay: 0.6s;
}

.walkthrough .screens .screen.active .media.bars .icon:nth-child(2) {
    transition-delay: 1.05s;
}

.walkthrough .screens .screen.active .media.bars .icon:nth-child(3) {
    transition-delay: 0.925s;
}

.walkthrough .screens .screen.active .media.bars .icon:nth-child(4) {
    transition-delay: 0.8s;
}

.walkthrough .screens .screen.active .media.files .icon {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.9s;
}

.walkthrough .screens .screen.active .media.files .icon:nth-child(3) {
    transition-delay: 0.8s;
}

.walkthrough .screens .screen.active .media.files .icon:nth-child(2) {
    transition-delay: 0.7s;
}

.walkthrough .screens .screen.active .media.files .icon:nth-child(1) {
    transition-delay: 0.6s;
}

.walkthrough .screens .screen.active .media.files .status-badge {
    transition-delay: 1.6s;
}

.walkthrough .screens .screen.active .media.comm .icon {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.6s;
}

.walkthrough .screens .screen.active .media.comm .icon:nth-child(2) {
    transition-delay: 0.8s;
}

.walkthrough .screens .screen.active .media.comm .status-badge {
    transition-delay: 1.6s;
}

.license-inbox { padding-bottom: 14px; height: 100%; }
.license-inbox #count { font-size: 16px; padding-bottom: 16px; }
.license-inbox #none { font-size: 16px; padding-bottom: 16px; display: flex; justify-content: center; align-items: center; height: 100%; }
.license-inbox #count + #license-list { padding-bottom: 14px; }
.license-inbox #license-list { margin: 0 10px; }
.license-inbox #license-list .license-row { border: 1px solid white; text-align: left;padding: 12px 10px; border-radius: 8px; margin-bottom: 14px; }
.license-inbox #license-list .license-row > div:nth-child(1) { font-size: 15px; font-weight: 600; margin-bottom: 0px; }
.license-inbox #license-list .license-row > div:nth-child(2) { margin-bottom: 5px; padding-bottom: 5px; }
.license-inbox #license-list .license-row > div:nth-child(3) { display: flex; }
.license-inbox #license-list .license-row > div:nth-child(3) .item { width: 50%; }
.license-inbox #license-list .license-row .item span:first-child { font-size: 13px; }
.license-inbox #license-list .license-row .item span:last-child { font-weight: 600; }

/* ------------- */
/* Dashboard     */
/* ------------- */

.card__overlay--black {
    background-image: linear-gradient(to bottom, rgba(92, 107, 192, 0.1), rgba(90, 90, 90, 0.8));
    z-index: 2;
}

.dashboard .widget.collapsible .widget-body.in.collapse { min-height:150px; }
.dashboard .widget-timeline ul.list-timeline li.accordion-toggle { margin-bottom:0; margin-top:10px;}
.dashboard .accordion-body { border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb; background-color:#fff; }
.dashboard .accordion-inner { border-top:none; margin-top:10px; }
.dashboard ul.plain-list li { border:none; overflow:visible; list-style:disc; display:list-item; margin:0; height:inherit; line-height:1.2em;padding-bottom: 5px; }
.dashboard .accordion-toggle .readmore {float:right;font-size:18px; top: 0px; position: absolute; right: 5px; }
.dashboard #softwareAccordion .date { width:72px; }
.dashboard #softwareAccordion:before { left:108px; }
.dashboard .glyphicons.nodearkcolor i::before { color:var(--md-ref-palette-primary30); }

.dashboard .widget-stats.txt-single-row .big-text { font-weight: bold; font-size:20px; padding:6px; min-height:31px; }
.dashboard .widget-stats { padding:15px 3px 0px 3px; min-height:80px; height:auto; }
.dashboard .widget-stats .glyphicons i::before { color:var(--md-ref-palette-primary30); }
.dashboard .widget-stats .glyphicons.primary-dashboard-icon i::before {color: var(--md-ref-palette-primary30) !important; font-size:45px;};
.dashboard .widget-stats.displayed .glyphicons i::before { font-size:45px; }
.dashboard .widget-stats.download-to-device .glyphicons i::before { font-size:40px; }
.dashboard .widget-stats.upload .glyphicons i::before { font-size:40px; }

.dashboard .widget-chat { padding-bottom:0px !important; }
.dashboard .widget-chat .media:last-child { margin-bottom:25px; }
.dashboard .widget-chat .media img { width:51px;height:51px; }
.dashboard .widget-chat .media .media-body { margin-top:4px; }
.dashboard .widget-chat .media .media-body cite { float:right; }
.dashboard .widget-chat .media .media-body p { margin-top:5px !important; }
.dashboard p.missing-data{margin: 0;width: 100%;text-align: center;padding: 30px 0;}
.dashboard .differentgrid .media { overflow: visible; display: flex; align-items: end; gap: 10px; margin-top: 0px;}
.dashboard .differentgrid .media img { width: 42px; height: 42px; z-index: 10;}
.dashboard .differentgrid .media .from-them {position: relative; padding: 10px 20px; background: #f1f2f3; border-radius: 25px; color: black; float: left;margin-bottom: 22px;width: calc(100% - 74px);}
.dashboard .differentgrid .media .from-them p strong {color: var(--md-source);}
.dashboard .differentgrid .media .from-them:before {content: "";position: absolute;z-index: 2;bottom: -2px; left: -7px; height: 20px;border-left: 20px solid #f1f2f3; border-bottom-right-radius: 16px 14px;transform:translate(0, -2px); -webkit-transform: translate(0, -2px);}
.dashboard .differentgrid .media .from-them:after { content: ""; position: absolute; z-index: 3; bottom: -2px; left: 4px; width: 26px; height: 20px; background: white; border-bottom-right-radius: 10px; transform: translate(-30px, -2px); -webkit-transform: translate(-30px, -2px);}
.dashboard .licenses .lic-block { border: 1px solid #ebebeb; padding: 10px; border-radius: 8px; margin-bottom: 10px;}
.dashboard .licenses .lic-block h4 { margin-bottom: 10px; font-size: 15px;}
.dashboard .licenses .lic-block li { padding-left: 8px; padding-bottom: 2px; cursor: pointer; list-style-type: none; }
.dashboard .licenses .lic-block div { cursor: pointer; }
.dashboard .licenses .widget-body { overflow-y: scroll; height: calc(100% - 30px); }
.dashboard .licenses .widget-body::-webkit-scrollbar { display: none; }

span.custom-new-chip{
	line-height: 1 !important;
	padding: 3px 6px;
	background-color: white; 
	border-radius: 5px;
	border: solid 1px rgb(0, 107, 20);
	height: fit-content !important;
	margin: auto 0;
	color: rgb(0, 107, 20);
	animation: breathe 1.5s infinite ease-in-out;
	font-size: 0.9em;
}

span.iframe-movie-click{
	cursor: pointer;
	color: var(--md-ref-palette-primary30);
}

span.iframe-movie-click:hover{
	color: initial;
	text-decoration: underline;
}

@keyframes breathe{
	0% {scale: 1;}
	50% {scale: 1.1;}
	100% {scale: 1;}
}

/* ---------------- */
/* Must Read module dashboard */
/* ---------------- */

.dashboard.mustRead .must-read-file{border-radius: 5px;border: solid 1px rgba(0,0,0,0.2);padding: 10px;margin-bottom: 10px;}
.dashboard.mustRead h5{margin: 0;max-width: 50%;overflow-wrap: anywhere;}
.dashboard.mustRead p{margin: 10px 0 0 0;}

/* ------------- */
/* Asset search  */
/* ------------- */
.asset-description { color: var(--md-ref-palette-primary30); display: inline-block; height: 24px; overflow: hidden; padding: 2px 0; white-space: nowrap; width: 100%;background-color:white; }
.asset-search-result .thumbnail-gallery.list ul li {cursor: pointer;}
.asset-search-result .thumbnail-gallery.list ul li .img { position: relative; height:166px; background-color: #fafafa; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.asset-search-result .thumbnail-gallery.list .asset-description  { text-align:left; }
.asset-search-result .thumbnail-gallery.list ul li .glyphicons { height:24px; width:24px; }
.asset-search-result .thumbnail-gallery.list ul li .glyphicons i { height:24px; width:24px; }
.asset-search-result .thumbnail-gallery.list ul li .glyphicons i:before { font-size:15px; width:24px; line-height:24px; }
.asset-search-result .thumbnail-gallery.product-details .control-group .controls.short { margin-right:60px; }
.asset-search-result .thumbnail-gallery.product-details .form-horizontal .control-label { width:130px; padding-top: 5px; }
.asset-search-result .thumbnail-gallery.product-details .form-horizontal .controls { margin-left:130px; }

.asset-search-result .thumbnail-gallery.list ul li.span1 .share-handle,
.asset-search-result .thumbnail-gallery.list ul li.span1 .asset-title,
.asset-search-result .thumbnail-gallery.list ul li.span1 .asset-description,
.asset-search-result .thumbnail-gallery.list ul li.span1 .asset-info-wrapper { display:none !important; }
.asset-search-result .thumbnail-gallery.list ul li.span1 .img { height:50px; }
.asset-search-result .thumbnail-gallery.list .thumb-wrapper { width:164px; }
.asset-search-result .thumbnail-gallery.list ul li h5 { line-height:25px; font-size:14px; text-align:left; height:25px; }
.asset-search-result .thumbnail-gallery.list .header { font-weight:bold; }

.asset-search-result .thumbnail-gallery.list .thumb .overlay { display:none }
.asset-search-result .thumbnail-gallery.list .thumb:hover .overlay { display:block }

.asset-search-result .filter { margin-top:8px;margin-bottom:8px; }
.asset-search-result #asset-search-input { width:200px; height:24px; font-size:14px; }
.asset-search-result .filter button.add-on { height:34px; width:30px; }
.asset-search-result .filter .add-on.glyphicons i:before { top:10px; left:7px; }
.asset-search-result .filter .btn-default.negated { background: #c00;color: #fff;text-shadow: none;box-shadow: unset; }
.asset-search-result .filter .btn-default.negated > span:first-child { text-decoration: line-through; }

.btn-default.mini.negated { background: #c00;color: #fff;text-shadow: none;box-shadow: unset; }


.asset-search-result .action-button { width:170px; }
.asset-search-result .action-button .dropdown-toggle { margin-right:0 }

.tags { list-style: none outside none; margin: 0; padding: 0; }
.tags li, .tags a { float: left; font-size: 11px; height: 24px; line-height: 24px; position: relative; }
.tags a:before { border-color: rgba(0, 0, 0, 0) var(--md-ref-palette-primary30) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 12px 12px 12px 0; content: ""; float: left; height: 0; left: -12px; position: absolute; top: 0; width: 0; }
.tags a:after { background: none repeat scroll 0 0 #FFFFFF; border-radius: 2px; box-shadow: -1px -1px 2px var(--md-ref-palette-primary30); content: ""; float: left; height: 4px; left: 0; position: absolute; top: 10px; width: 4px; }
.tags a { background: none repeat scroll 0 0 var(--md-ref-palette-primary30); border-bottom-right-radius: 4px; border-top-right-radius: 4px; color: #FFFFFF; margin-left: 20px; padding: 0 10px 0 12px; text-decoration: none; }
.tags li:first-child a { margin-left:12px; }

:is(.asset-search-result .tabsbar .bootstrap-select, .force-select-styles) ul li { background:none; float:none; height:auto; border:none; padding:0; }
:is(.asset-search-result .tabsbar .bootstrap-select, .force-select-styles) :is(ul li a, ul) { background:none; height:auto; }

.asset-search-result .thumb { cursor: default; }
.asset-search-result .thumb .goto {  border: 1px solid rgba(124, 124, 124, 1); border-radius: 50%; bottom: 15px; color: #7c7c7c; font-size: 11px; font-weight: 700; height: 15px;line-height: 14px; position: absolute; right: 15px; text-align: center; width: 15px; }
.asset-search-result .thumb .innerbox { height:240px; overflow:hidden; }
.asset-search-result .thumb.span1 .innerbox { height:74px; }
.asset-search-result .thumb .img { -webkit-transition: height 1.0s; -moz-transition: height 1.0s; -o-transition: height 1.0s; transition: height 1.0s; }
.asset-search-result .thumbnail-gallery.list ul li .img { height:130px; }
.asset-search-result .thumbnail-gallery.list ul li.span1 .img { height:50px; }
.asset-search-result .thumbnail-gallery.list ul li .asset-title { border-top:1px solid #d8d8d8; }
.asset-search-result .thumbnail-gallery.list ul li .asset-title > div { font-size:12px;color:#222;text-align:center;font-weight:bold;line-height: 13px;position:relative;transform:translateY(-50%);top:50%; }
.asset-search-result .thumbnail-gallery.list ul li .asset-info { height:20px; -webkit-transition: height 1.0s; -moz-transition: height 1.0s; -o-transition: height 1.0s; transition: height 1.0s; }
.asset-search-result .thumbnail-gallery.list ul li .asset-info { height:50px; }
.asset-search-result .thumbnail-gallery.list ul li .asset-info .asset-info-wrapper { font:italic 12px Georgia,'Times New Roman',Times,serif; margin:1px 0 5px; }
.asset-search-result .thumbnail-gallery.list ul li .asset-extra-info { width:100%; opacity:0; -webkit-transition: opacity 1.0s; -moz-transition: opacity 1.0s; -o-transition: opacity 1.0s; transition: opacity 1.0s; }
.asset-search-result .thumbnail-gallery.list ul li .asset-extra-info { opacity:1; }
.asset-search-result .thumbnail-gallery.list ul li .asset-info-type { height:12px;overflow:hidden;line-height:10px; -webkit-transition: height 1.0s; -moz-transition: height 1.0s; -o-transition: height 1.0s; transition: height 1.0s; }
.asset-search-result .thumbnail-gallery.list ul li .asset-info-type { height:0px; }
.asset-search-result .thumbnail-gallery.list ul li .asset-extra-info > div { margin: 0 15%; height:15px; }
.asset-search-result .thumbnail-gallery.list ul li .asset-extra-info .subclient-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-bottom:10px; position: relative; }
.asset-search-result .thumbnail-gallery.list ul li .asset-extra-info .subclient-badges *:hover + .tooltips, .asset-search-result .thumbnail-gallery.list ul li .asset-extra-info .subclient-badges .tooltips:hover { display: flex; flex-wrap: wrap; width: min-content; }
.asset-search-result .thumbnail-gallery.list ul li .asset-extra-info .subclient-badges .list { display: flex; flex-wrap: nowrap; align-items: center; gap: 5px; max-height: 20px; overflow: hidden; width: 100%; }
/* .asset-search-result .thumbnail-gallery.list ul li .asset-extra-info .subclient-badges .list .subclient-badge { display: inline-block; margin: 0; border: 1px solid #673375; background: #673375; color: white; white-space: nowrap; padding: 2px 4px; border-radius: 3px; font-size: 0.6rem; font-family: 'Nunito', sans-serif; font-style: normal; font-weight: bold; line-height: 1.2; } */
.asset-search-result .thumbnail-gallery.list ul li .asset-extra-info .subclient-badges .list .subclient-more-badge { display: inline-block; margin: 0; color: #673375; white-space: nowrap; padding: 2px 4px; border-radius: 3px; font-size: 0.65rem; font-family: 'Nunito', sans-serif; font-weight: bold; line-height: 1.2; }
.asset-search-result .thumbnail-gallery.list ul li .asset-extra-info .asset-extra-info-row { float:left;clear:left; }
.asset-search-result .thumbnail-gallery.list ul li .asset-extra-info .asset-extra-info-row + div { text-align:right; }

.asset-search-result .ribbon-wrapper { height:60px; width:65px; }
.asset-search-result .ribbon-wrapper .ribbon { font-size:10px; line-height:2px; left:-3px; top:12px; width:93px; }
.asset-search-result .ribbon-wrapper .ribbon.Pending { background-color:#ab7a4b; }
.asset-search-result .ribbon-wrapper .ribbon.Approved { background-color:#609450; }
.asset-search-result .ribbon-wrapper .ribbon.Archived { background-color:#999999; }

.asset-search-result .filters .filter-headline { cursor:pointer; }
.asset-search-result .filters .glyphicons i::before { color:#7c7c7c;font-size:12px }
.asset-search-result .filters .filter-header { width: 150px; display:inline-block; }
.asset-search-result .filters .filter-values { display:flex; flex-flow:row wrap; margin-left:148px; margin-top:-24px; line-height:28px;position:relative; }
.asset-search-result .filters .filter-content { margin:10px 0; }
.asset-search-result .filters .filter-content .filter { border-top:1px solid #d8d8d8;padding:10px 10px 0; min-height:20px; }
.asset-search-result .filters .btn.mini { padding:0 8px; font-size:11px; }
.asset-search-result .filters .btn.mini.active { background-color: #572b63; }
.asset-search-result .filters button.category-btn.active { border: 1px solid #2e2e2e; }
.asset-search-result .filters button .hits-count { font-size:9px; font-weight:normal; color:var(--md-ref-palette-primary30) }
.asset-search-result .filters button.active .hits-count,.asset-search-result .filters button.negated .hits-count { color:#fff }

.asset-search-result .root-category { display:inline-block;padding:3px 3px 7px;margin:-5px 3px;border-radius: 3px; }
.asset-search-result .root-category.has-children { border-radius: 3px 3px 0 0; }
.asset-search-result .root-category.has-children.active,.asset-search-result .root-category.has-children.negated { background:#e8e8e8;padding-bottom:8px;margin-bottom:2px; border-top:1px solid #bdbdbd;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd; line-height:0;margin-top:0px; }
.asset-search-result .root-category.active .btn.mini { background-color: #572b63; }
.asset-search-result .child-category-row { background:#cdcdcd; margin:-3px 0px 0px 151px; padding:4px 5px;border-radius:3px 3px 3px 3px; display:block; border:1px solid #bdbdbd; line-height:30px; }
.asset-search-result .child-category-row:nth-child(odd) { background:#e8e8e8; }
.asset-search-result .category-btn-wrapper { display: inline-block; text-align: center; margin:-7px 0px; padding:0px 4px 5px;line-height:26px }
.asset-search-result .child-category-row .category-btn-wrapper.active.has-children { background:#e8e8e8;border-top:1px solid #bdbdbd;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-radius:3px 3px 0px 0px; }
.asset-search-result .child-category-row:nth-child(odd) .category-btn-wrapper.active.has-children { background:#cdcdcd }
.asset-search-result .filters .filter.multi-row-simple-selection .child-category-row.level-2 { margin-top:3px; }
.asset-search-result .filters .filter.multi-row-simple-selection .root-category.active { background:none;border:none;margin-bottom:0;padding-bottom:0; }
.asset-search-result .btn-icon.btn-primary.glyphicons i:before { color: rgb(255 255 255); }

/* Asset card */

.asset-card { cursor: default;border-radius: 8px; border: 1px solid #ebebeb;background: white;}
.asset-card .goto {  border: 1px solid rgba(124, 124, 124, 1); border-radius: 50%; bottom: 15px; color: #7c7c7c; font-size: 11px; font-weight: 700; height: 15px; text-align: center; width: 15px; }
/* .asset-card .innerbox { height:218px; overflow:hidden; } */
/* .asset-card.span1 .innerbox { height:74px; } */
.asset-card .img { -webkit-transition: height 1.0s; -moz-transition: height 1.0s; -o-transition: height 1.0s; transition: height 1.0s; }
.asset-card .img { display: block; height:166px; background-color: #fafafa; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.asset-card.span1 .img { height:50px; }
.asset-card .asset-title { border-top:1px solid #d8d8d8; }
.asset-card .asset-title > div { font-size:12px;color:#222;text-align:center;font-weight:bold;line-height: 13px;position:relative;transform:translateY(-50%);top:50%; }
.asset-card .asset-extra-info { width:100%; opacity:0; -webkit-transition: opacity 1.0s; -moz-transition: opacity 1.0s; -o-transition: opacity 1.0s; transition: opacity 1.0s; margin-top:5px; }
.asset-card .asset-extra-info { opacity:1; }
.asset-card .asset-info-type { height:12px;overflow:hidden;line-height:10px; -webkit-transition: height 1.0s; -moz-transition: height 1.0s; -o-transition: height 1.0s; transition: height 1.0s; }
.asset-card .asset-info-type { height:0px; }
.asset-card .asset-extra-info > div { margin: 0 15%;height:15px; }
.asset-card .asset-extra-info .asset-extra-info-row { float:left;clear:left; }
.asset-card .asset-extra-info .asset-extra-info-row + div { text-align:right; }

/* ---- */

/* ------------- */
/* Asset info    */
/* ------------- */

.asset-info-view .shop-client-products.product-details .form-horizontal .control-label { width:200px }
.asset-info-view .file-size { font-size:10px; }
.asset-info-view .glyphicons.left_arrow i:before { padding: 8px 0 0; }
.asset-info-view .heading-buttons .dropdown-toggle { margin-right:0 }
.asset-info-view .heading-buttons .btn-group { margin-right:15px; width:150px; }
.asset-info-view .dropdown-menu > li { cursor: default }
.asset-info-view .dropdown-menu > li > a.glyphicons { color:#333333; padding:3px 10px 3px 26px; }
.asset-info-view .dropdown-menu > li > a.glyphicons > i:before { color:inherit; font-size:14px; top:6px; left:6px; }
.asset-info-view .dropdown-menu > li > a.glyphicons:hover { color:#ffffff; }
.asset-info-view .dropdown-menu .divider { margin:1px; }

.asset-info-view .preview-wrapper .inner { margin:10px; }
.asset-info-view .preview-wrapper .middle.transparent .inner { background-image:url('images/transparent-grid.png'); }
.asset-info-view .image-preview { width: 100%; height: 400px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color:#fff; }
.asset-info-view .preview-wrapper .middle.transparent .image-preview { background-color:transparent; }
.asset-info-view .form-horizontal .controls a.label { padding-top: 3px; }
.asset-info-view .usage-statistics .widget.widget-tabs .widget-head ul li a i:before { top:6px; }
.asset-info-view .usage-statistics .widget.widget-tabs .control-group label { width:120px; }
/*.asset-info-view .usage-statistics .filter-widget { width:400px; }*/

.asset-info-view .status.Pending { background-color:#ab7a4b; }
.asset-info-view .status.Approved { background-color:#609450; } 
.asset-info-view .status.Archived { background-color:#999999; } 

.asset-info-view .tags-root { margin-left:0px; }
.asset-info-view .edit-tags { margin-left:0px; }
@media (max-width: 767px) {
	.asset-info-view .tags-root { margin-left:0px; }
	.asset-info-view .edit-tags { margin-left:0px; }
}
.asset-info-view .edit-tags a { color:#dedede; border-bottom:1px dotted #cdcdcd; }
.asset-info-view ul.tags > .tag-wrapper { margin-left:10px; }
.asset-info-view ul.tags .tag-wrapper li { float:none;height:34px; }
.asset-info-view ul.tags .tag-wrapper li a { padding:0px 15px;margin:5px 0; }

.asset-info-view .ribbon.htmlpackage { font-size:12px; }
.asset-info-view .ribbon.document { font-size:15px; }

.asset-info-view h2 .shared-batch { background: var(--md-ref-palette-primary30);color: #fff;padding: 4px 10px;border-radius: 6px;margin-left: 20px; vertical-align:2px; }

.asset-info-view .subtitle-wrapper { margin-top:-5px; }
.asset-info-view .subtitle-wrapper .upload-subtitle { display:inline-block;font-size:14px;border-bottom: 1px dotted #cdcdcd;margin-left:6px;color:#5c068c;vertical-align: 2px; cursor:pointer; }
.asset-info-view .subtitle-wrapper .subtitle { display:inline-block;font-size:14px;margin-left:6px;color:#7c7c7c;vertical-align: 2px; }
.asset-info-view .subtitle-wrapper .subtitle a { color: #7c7c7c; }
.asset-info-view .subtitle-wrapper .bin i::before { font-size: 12px; margin:-2px 0 0 5px;color: #7c7c7c; }
.asset-info-view .subtitle-wrapper .loading-image { position: fixed;top: 0;left: 0;background: rgba(255,255,255,0.8);width: 100%;height: 100%;z-index: 10000;display: none;place-items: center; }

.asset-info-view .download-table { font-size:14px; }
.asset-info-view .download-table tbody { display:table;border:1px solid #BEC8CA;border-collapse:collapse; }
.asset-info-view .download-table tbody tr { height:36px; }
.asset-info-view .download-table tbody tr th { text-align:left;padding:8px 24px;border:1px solid #BEC8CA; }
.asset-info-view .download-table tbody tr td { text-align:left;padding:8px 24px;border:1px solid #BEC8CA; }
.asset-info-view .download-table tbody tr td a,
.asset-info-view .download-table tbody tr td span { display:flex;align-items:center;gap:4px;justify-content:space-between; }
.asset-info-view .download-table tbody tr td span .action-button { display:flex;gap: 6px;margin-left:20px; }
.asset-info-view .download-table tbody tr td span .action-button .button { border-radius:20px;color:white;border:none;padding: 3px 10px 3px 10px;transition: all 0.3s ease;}
.asset-info-view .download-table tbody tr td span .action-button .generate {background-color:var(--md-ref-palette-primary25);}
.asset-info-view .download-table tbody tr td span .action-button .generate:hover { transform:scale(1.1);box-shadow:0 4px 15px -2px var(--md-ref-palette-primary50);}
.asset-info-view .download-table tbody tr td span .action-button .delete { background-color:#c00;color: #fff; }
.asset-info-view .download-table tbody tr td span .action-button .delete:hover { transform:scale(1.1);box-shadow:0 4px 15px -2px #c00; }
.asset-info-view .download-table tbody tr td a { cursor:pointer; }
.asset-info-view .download-table tbody tr td a span.ms-icon,
.asset-info-view .download-table tbody tr td span span.ms-icon { font-size:16px; }
.asset-info-view .download-table tbody tr td .delete-container { display: flex; justify-content: space-between; width: 100%; }
.asset-info-view .download-table tbody tr td .loading-image { display:none; }
.asset-info-view .download-table tbody tr td .rainbow-spinner { padding:10px !important; }

/* ------------- */
/* Devices       */
/* ------------- */

.boxes .heading-buttons h2 { margin: 10px 0 0; }
.boxes .heading-buttons .btn-group, .boxes .heading-buttons .btn-group a { margin-right:0; }
.thumbnail-gallery.boxes.thumbnails { padding:0px;margin-top:20px; }
.thumbnail-gallery.boxes.thumbnails .img { height:100px; }
.thumbnail-gallery.boxes.thumbnails .description  { display: inline-block; font-size: 10px; line-height: 12px; overflow: hidden; white-space: normal; margin:0 10px; vertical-align:middle; }
.thumbnail-gallery.boxes.thumbnails .thumb  { text-align:left; }
.thumbnail-gallery.boxes.thumbnails > .row-fluid { margin-top:-30px; }
@media (max-width: 767px) { .thumbnail-gallery.boxes.thumbnails > .row-fluid.device-outer-wrapper { margin-top:0px; } }
.thumbnail-gallery.thumbnails .box-groups .description { margin-left:10px; line-height:10px; }
.thumbnails .edit-mode-btn.glyphicons i:before { color: var(--md-source); }
.thumbnails .edit-mode-btn:hover { cursor: pointer; }
.thumbnails .edit-mode-btn:hover i:before { color: var(--md-ref-palette-primary20); }
.thumbnail-gallery.list ul li a h5 { line-height:25px; font-size:16px; text-align:left; height:25px; }
.thumbnail-gallery.list .header { font-weight:bold; }
.boxes .btn-group { margin-right:5px; width:200px; }
.boxes .btn-group .dropdown-menu > li { cursor: default }
.boxes .btn-group .dropdown-menu > li > a.glyphicons { color:#333333; padding:3px 10px 3px 26px; }
.boxes .btn-group .dropdown-menu > li > a.glyphicons > i:before { color:inherit; font-size:14px; top:6px; left:6px; }
.boxes .btn-group .dropdown-menu > li > a.glyphicons:hover { color:#ffffff; }
.boxes .btn-group .dropdown-menu .divider { margin:1px; }

.boxes.list ul li .innerbox { border: none; }
.boxes.list ul li { margin-bottom:15px; }
.boxes .single-box { box-shadow: 0px 4px 4px -4px #aeaeae; border:1px solid #d8d8d8; }
.boxes .single-box .device-btns { /*height:100px;*/ margin: 10px 0px; display: flex; align-items: center; }
.boxes .box-groups .box-wrapper { background-color:#f7f7f7; border-bottom: 1px solid #ebebeb; border-left: 5px solid #ebebeb; border-right: 1px solid #ebebeb; box-shadow: 0 1px 0 0 #ffffff inset; padding: 5px; box-sizing: border-box; }
.boxes .box-groups .box-wrapper:first-child { border-top: 1px solid #ebebeb; }
.boxes .box-groups .box-wrapper:hover { background-color:#f2f2f2; }
.boxes .box-groups .box-wrapper .device-btns { text-align:right;line-height:37px; }
.boxes .single-box .device-btns ul li { margin:0; }
.boxes .single-box .uniformjs > .checker, .boxes .box-groups .uniformjs > .checker { margin-right:0; }

.boxes .device-btns .dropdown-menu a { text-align:left; }

.boxes .device-status .glyphicons { padding: 5px 0 5px 20px; }
.boxes .device-status i::before { font:20px/1em "Glyphicons"; }

.video-playlist-wrapper.overview { min-height:30px;border:1px solid #D8D8D8;padding:0px 0; }
.video-playlist-wrapper.overview .video-playlist { width:100%; height:100%; display:inline-block; margin-bottom: -5px; min-height:40px; }
.video-playlist-wrapper.overview .video-playlist-item { float:left; border:1px solid #d8d8d8; margin:5px; padding:0; position:relative; min-width:50px; text-align:center; }
.video-playlist-wrapper.overview .video-playlist-item.movie,
.video-playlist-wrapper.overview .video-playlist-item.PROMO_SLOT.no-asset { background:url('images/videostrip_o.png') repeat-x; padding:4px 0 }
.video-playlist-wrapper.overview .video-playlist-item img { height:38px; border-radius: inherit;}
.video-playlist-wrapper.overview .video-playlist-item.movie img,
.video-playlist-wrapper.overview .video-playlist-item.PROMO_SLOT.no-asset img { height:30px; }

.video-playlist-wrapper .video-playlist-item:not(.movie, .image, .document){border-radius: 4px;}

.thumbnail-gallery.list ul li.edit-config-wrapper.span2 { margin-bottom:0; }
li.edit-config-wrapper ul { text-align:center; }
li.edit-config-wrapper ul li.span12 { margin-bottom:0; }
li.edit-config-wrapper ul li.span12 button { min-width:133px; }

.player-layout { background-color:#6c3a77;border-radius:5px; position:absolute; cursor:pointer; }
.player-layout-small { background-color:#6c3a77;border-radius:2px; position:absolute; cursor:pointer; }
.player-layout:hover  { background-color:#572b63 !important; }

@media (min-width: 767px) and (max-width: 1280px) {
		li.edit-config-wrapper ul li.span12 button,li.edit-config-wrapper ul li.span6 button { min-width:60px; max-width:60px; overflow:hidden; padding-left:0; }
		.single-box li.edit-config-wrapper ul li.span12 button,.single-box li.edit-config-wrapper ul li.span6 button.leadcontainer { max-width:inherit; padding-left:25px !important; }
		li.edit-config-wrapper ul li.span12 button span,li.edit-config-wrapper ul li.span6 button span { padding-left:26px }
		.box-groups .box-wrapper .btn.btn-icon span { padding-left:26px }
		.boxes .single-box .btn.btn-icon.glyphicons.micro.edit-config { padding-left:25px; }
		.boxes .box-groups .btn.btn-icon.glyphicons.micro.edit-config { padding-left:25px; }
}
@media (max-width: 767px) { 
	.thumbnail-gallery .device-info { text-align:center; }
	.boxes .box-groups .box-wrapper .device-btns { text-align: center }
	.boxes .single-box .device-btns { height:50px; }
}
.boxes .geo-help-link > div { float:right; }
.boxes .geo-help-link { margin-top:2px; }
@media (max-width: 480px) {
	.boxes .geo-help-link { text-align:center; }
	.boxes .geo-help-link > div { float:none; margin-top:10px; }
}
.boxes .geo-maps-wrapper { margin-top:30px; display: flex; justify-content: stretch; }
.boxes .geo-maps-wrapper .search-devices { width: 48px; height: 48px; margin-top: 4px; background-color: white; display: flex; justify-content: center; align-items: center; border-radius: 50px; margin-right: calc(var(--spacing) * 2); border: 1px solid #d8d8d8; color: var(--md-ref-palette-neutral-variant30); cursor: pointer; }
.boxes .geo-maps-wrapper .search-devices.active { background-color: var(--md-source); color: var(--md-ref-palette-neutral-variant100); }
.boxes .geo-maps-wrapper .search-devices + div { flex: 1; }
.boxes .geo-maps-wrapper .geo-map-wrapper { padding: 4px; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); transition: all 0.2s ease-in-out; margin-bottom:20px; display:inline-block; position:relative; }
.boxes .geo-maps-wrapper .popover .popover-title { font-weight:500; text-align:left; }
.boxes .geo-maps-wrapper li a { cursor:pointer; background: white; background-image: none; color: #2e2e2e; }
.boxes .geo-maps-wrapper .map-item { position:absolute; background: white;border-radius: 5px;padding: 2px; margin-left:-25px;margin-top:-25px;display:block; }
.boxes .geo-maps-wrapper .map-item.green { border: 4px solid #6FA45F; }
.boxes .geo-maps-wrapper .map-item.red { border: 4px solid #CA4741; }
.boxes .geo-maps-wrapper .map-item.grey { border: 4px solid #d8d8d8; }
.boxes .geo-maps-wrapper .tabsbar { height:auto; background-image: none; }
.boxes .geo-maps-wrapper .tabsbar ul { margin-bottom: -1px;display: flex;flex-wrap: wrap; height:auto; }
.boxes .geo-maps-wrapper .tabsbar ul li { margin-bottom:0px;border-bottom: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8;margin-top:-1px; padding: 0; background: white; border-radius: 0; }

.boxes .geo-maps-wrapper .geo-group-item-source .heading { font-size: 14px;line-height: 26px;padding-left: 26px; }
.boxes .geo-maps-wrapper .geo-group-item-source .heading.glyphicons i::before { font-size: 16px;line-height: 26px; }
.boxes .geo-maps-wrapper .geo-group-item-source .accordion-body { background-color: #f2f3f4; }
.boxes .geo-maps-wrapper .geo-group-item-source .accordion-body > div { background-color:white; overflow-x:hidden; overflow-y:auto; clear:both;border:1px solid #d8d8d8; margin:0 5px 5px 5px; height:300px; }

.boxes .geo-maps-wrapper .geo-map.no-image-uploaded { width:400px; height:300px;background:#efefef; }
.boxes .geo-maps-wrapper .geo-map.no-image-uploaded .text1 { font-size:26px;position: absolute;left: 50%;top: 50%;text-align: center; margin-left: -58px;margin-top: -46px;color: #fff;text-shadow: 0px 1px 1px #4d4d4d;line-height: 30px; }
.boxes .geo-maps-wrapper .geo-map.no-image-uploaded .text2 { position: absolute;top: 50%;left: 50%;margin-left: -144px;text-align: center;margin-top: 25px; }

.boxes .geo-maps-wrapper .geo-map .device-wrapper, .boxes .geo-maps-wrapper .geo-map .group-wrapper { display:none; }
.boxes .geo-maps-wrapper .edit-mode-btn, .boxes .geo-maps-wrapper .add-geo-group-btn { height: 54px;width:50px;padding: 0px; font-size: 22px; display: flex; justify-content: center; align-items: center; color: var(--md-ref-palette-neutral30); }
.boxes .geo-maps-wrapper .edit-mode-btn.selected { border:1px solid #d8d8d8; border: 1px solid #d8d8d8; background:#e9e9e9; }
.boxes .geo-maps-wrapper .edit-mode-btn.selected:hover { background:#dcdcdc; }
.boxes .geo-maps-wrapper .edit-mode-btn i::before { font-size:24px; top:12px; left:16px; }
.boxes .geo-maps-wrapper .edit-mode-btn.selected i::before { color: #fff; }
.boxes .geo-maps-wrapper .edit-mode-btn:hover i::before { color:#bababa; }

.boxes .geo-maps-wrapper .delete-image-btn { height: 22px;width: 22px;padding: 0px; }
.boxes .geo-maps-wrapper .delete-image-btn i::before { font-size:14px; top:3px; left:4px; }
.boxes .geo-maps-wrapper .delete-image-btn:hover i::before { color:#bababa; }

.boxes .geo-maps-wrapper .add-geo-group-btn { font-size: 24px; width: 54px; }
.boxes .geo-maps-wrapper .edit-mode-btn.selected i::before { color: var(--md-ref-palette-neutral30); }
.boxes .geo-maps-wrapper .add-geo-group-btn i::before { color: var(--md-ref-palette-neutral30); cursor: pointer; }
.boxes .geo-maps-wrapper .geo-group-edit-node-wrapper .control-label { text-align:left; font-weight:bold; }
.boxes .geo-maps-wrapper .geo-group-edit-node-wrapper .control-group { margin-bottom:0; }
.boxes .geo-maps-wrapper .geo-group-edit-node-wrapper .editable-click { cursor:pointer; }

.boxes .geo-maps-wrapper .popover { max-width:320px; }

.boxes.thumbnails a.more-info { font-size:12px; padding-left:20px; }
.boxes.thumbnails a.more-info i::before { top:8px; }

.boxes .help-link { margin-left:10px; top:2px; }
.boxes .help-link i::before { top:8px; left:-5px; }

.boxes .live-search i::before { top:8px !important; }

/* ------------- */
/* Device info   */
/* ------------- */
.device-info-view { padding:5px 15px; }
.device-info-view .control-label { font-size: 14px; font-weight: 600; }
.device-info-view .form-horizontal .control-label { padding: 5px 0 0 0; text-align: left; width: 130px;  }
.device-info-view .form-horizontal .control-group { margin: 0 0 5px; }
.device-info-view .form-horizontal .control-group .value { padding-top: 5px; }
.device-info-view .form-horizontal .control-group .label { margin-top: 3px; }
.device-info-view .header { font-weight:bold; line-height: 15px; margin-bottom: 8px; display:inline-block; }
.device-info-view .configuration-widget .form-horizontal .control-label { width: 180px; }
.device-info-view .configuration-widget .form-horizontal .controls { margin-left:180px; }

.video-playlist-wrapper.details { min-height:146px;border:1px solid #D8D8D8;padding:5px 0;position:relative; }
.video-playlist-wrapper.details .video-playlist { width:100%; height:100%; display:inline-block; margin-bottom: -5px; min-height:145px; }
.video-playlist-wrapper.details .video-playlist-item { display:inline-block; margin:5px; padding:0; position:relative; min-width:100px; text-align:center; width:130px; cursor:move; vertical-align:top; }
.video-playlist-wrapper.details .video-playlist-item .slot-header { border-radius: 80px 80px 0px 0px; color:#fff; font-size: 14px; padding-top: 2px; height: 23px; margin: 0px; background-image:linear-gradient(to bottom, var(--md-ref-palette-primary40), var(--md-ref-palette-primary30)); text-shadow:0 1px 0 #28142e; overflow:hidden; }
.video-playlist-wrapper.details .video-playlist-item .slot-footer { border-radius: 0px 0px 6px 6px; overflow: hidden; line-height: 12px; height: 30px; padding-top:0px; width:128px;background:#fff; border-left: 1px solid var(--md-ref-palette-primary30); border-right: 1px solid var(--md-ref-palette-primary30); border-bottom: 1px solid var(--md-ref-palette-primary30); position:relative; }
.video-playlist-wrapper.details .video-playlist-item .slot-image { border-left: 1px solid var(--md-ref-palette-primary30); border-right: 1px solid var(--md-ref-palette-primary30); position:relative; }
.video-playlist-wrapper.details .video-playlist-item .slot-footer > div { margin-top: -1px; position: relative; top: 50%; transform: translateY(-50%); }
.video-playlist-wrapper.details .video-playlist-item .slot-footer .live-link-footer { height:20px; }
.video-playlist-wrapper.details .video-playlist-item .slot-footer .live-link-footer > .edit-pptx { position:absolute;left:5px; }
.video-playlist-wrapper.details .video-playlist-item .slot-footer .live-link-footer.video .duration { position:absolute;right:5px;width:36px;line-height:20px; }
.video-playlist-wrapper.details .video-playlist-item .slot-footer .live-link-footer.image .duration { position:absolute;right:5px;width:24px;margin-bottom:0;height:12px;line-height:13px; }
.video-playlist-wrapper.details .video-playlist-item .slot-footer .live-link-footer.image .duration.not-editable { height:20px; line-height:20px;width:36px; }
/*.video-playlist-wrapper.details .video-playlist-item.plain-slot.movie .slot-footer div,
.video-playlist-wrapper.details .video-playlist.noneditable .video-playlist-item.plain-slot.image .slot-footer div,
.video-playlist-wrapper.details .video-playlist-item.VIRTUAL_DEVICE_SLOT .slot-footer div,
.video-playlist-wrapper.details .video-playlist-item.PROMO_SLOT .slot-footer .not-assigned { margin-top:8px; }
.video-playlist-wrapper.details .video-playlist-item.plain-slot.image .slot-footer div { margin-top:4px; }
.video-playlist-wrapper.details .video-playlist-item.WEB_SLOT .slot-footer div { margin-top:4px; }
.video-playlist-wrapper.details .video-playlist-item.plain-slot.htmlpackage .slot-footer div { margin-top:4px; }
.video-playlist-wrapper.details .video-playlist.noneditable .video-playlist-item.WEB_SLOT .slot-footer div { margin-top:8px; }*/
.video-playlist-wrapper.details .video-playlist-item .slot-image { height: 78px; background-repeat: no-repeat; background-size: contain; background-position:center; background-color:#fff; width: 128px; }
.video-playlist-wrapper.details .video-playlist-item.playing .playing-strip { position: absolute; left: 0px; width: 100%; height: 100%; background: url('images/videostrip.gif') repeat-x scroll 0px 0px transparent; top: 25px; }

.video-playlist-wrapper.details .video-playlist .loading-image, .available-media-widget .loading-image { text-align:center;position:absolute;top: 0px;left: 0px;width: 100%;height:100%;display: block;z-index:100;background: rgba(0,0,0,0.5); }
.video-playlist-wrapper.details .video-playlist .loading-image > div, .available-media-widget .loading-image > div { top: 50%;position:absolute;left:50%;transform:translate(-50%, -50%); }
.video-playlist-wrapper.details .video-playlist .loading-image img, .available-media-widget .loading-image img { top:50%;position:relative;transform:translateY(-50%); }

.video-playlist-wrapper.details .video-playlist .infinity-wrapper { display:inline-block;font-size:26px;vertical-align:-5px;padding-left:6px; }
.video-playlist-wrapper.details .video-playlist .infinity-wrapper .glyphicons { padding: 0 15px 0 0; }
.video-playlist-wrapper.details .video-playlist .live-link-footer .infinity-wrapper { float:right; margin:3px !important; }
.video-playlist-wrapper.details .video-playlist .infinity-wrapper .glyphicons i:before { font-size:13px;top:-15px; }

.video-playlist-item .duration-wrapper { position: absolute; bottom: 0px; left: 0px; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.61); width: 100%; padding: 0px 2px; text-align: center; font-size:11px; }
.video-playlist-item.playing .duration-wrapper { bottom: 9px; }
.video-playlist-item .duration-wrapper input { font-size: 12px; height: 18px; width: 30px; margin: 0px; text-align:center; padding:0 4px; }
.video-playlist-item.playing .duration-wrapper input { width:14px }

.video-playlist-item .syncstatus.SYNCING,
.video-playlist-item .syncstatus.SYNCED,
.video-playlist-item .syncstatus.FAILED
 { background:#fff; height: 16px; left: 2px; position: absolute; top: 28px; width: 16px; opacity:0.67;border-radius:4px; }
.video-playlist-item.playing .syncstatus { top:35px; }
.video-playlist-item .syncstatus div { width:100%; height:100%; border-radius:4px; }
.video-playlist-item .syncstatus.SYNCING div { background: url("images/syncing.gif"); }
.video-playlist-item .syncstatus.SYNCED div { background: url("images/synced.png"); }
.video-playlist-item .syncstatus.FAILED div { background: url("images/failed.png") no-repeat transparent; }

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

.device-overview-wrapper .widget.widget-tabs-double-2{
    box-shadow: 0 1px 0 0 #F7F7F7, 0 5px 4px -4px #D8D8D8;
}
.device-overview-wrapper li.active{
    background: linear-gradient(45deg, var(--md-source), #410561) !important;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.30) inset !important;
}
.device-overview-wrapper li.active a > span{color: whitesmoke !important;border-top-color: whitesmoke !important;}
.device-overview-wrapper li.active a > i::before{color: whitesmoke !important;}

li .playlist-item-count{
	border-radius: 50%;
	top: 5px;
    position: absolute;
    right: 5px;
	height: 20px;
	width: 20px;
	transform: scale(1);
	display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    /* display: flex !important; justify-content: center; align-items: center; position: absolute;width: 20px;height: 20px;line-height: 20px;right: 5px;top: 5px;margin: 0;border-radius: 100%;font-weight: bold;color: whitesmoke !important; */
}

li:not(.active) .playlist-item-count{
    box-shadow: 0 0 0 0 rgba(103,51,117, 1);
    /* animation: pulse-purple 2s infinite; */
    color: white;
    background: rgba(103,51,117, 1);
}

li.active .playlist-item-count{
    box-shadow: 0 0 0 0 rgba(255,255,255, 1);
    /* animation: pulse-white 2s infinite; */
    color: #673375;
    background: rgba(255,255,255, 1);
}

@keyframes pulse-purple {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(103,51,117, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(103,51,117, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(103,51,117, 0);
	}
}

@keyframes pulse-white {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255,255,255, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255,255,255, 0);
	}
}

.video-playlist-item.PROMO_SLOT:hover .settings,
.video-playlist-item.VIRTUAL_DEVICE_SLOT:hover .settings,
.video-playlist-item.MAIL_IN_SLOT:hover .settings,
.video-playlist-item.WEB_SLOT:hover .settings,
.video-playlist-item.VIDEO_CAPTURE:hover .settings,
.video-playlist-item.METADATA_SLOT:hover .settings,
.video-playlist-item.HTML_PACKAGE_SLOT:hover .settings { background:#fff; height: 19px; right: 24px; position: relative; top:3px; width: 19px; opacity:0.67;border-radius:4px;margin-bottom:3px;cursor:pointer; }
.video-playlist-item.PROMO_SLOT:hover .settings div,
.video-playlist-item.VIRTUAL_DEVICE_SLOT:hover .settings div,
.video-playlist-item.MAIL_IN_SLOT:hover .settings div,
.video-playlist-item.WEB_SLOT:hover .settings div,
.video-playlist-item.VIDEO_CAPTURE:hover .settings div,
.video-playlist-item.METADATA_SLOT:hover .settings div,
.video-playlist-item.HTML_PACKAGE_SLOT:hover .settings div  { background: url("images/settings.png"); width:100%; height:100%;background-position: 1.5px 1.5px;background-repeat: no-repeat; }
.video-playlist-item .light { height: 19px; right: 27px; position:absolute; top:3px; width: 19px;display:none }
.video-playlist-item:hover .light { display:block;cursor:pointer; }
.video-playlist-item:hover .light div { width:100%; height:100%;background:#fff;opacity:0.67;border-radius:4px;padding:0; }
.video-playlist-item:hover .light div i:before { color:#000;font-size: 15px;padding: 2px; }

.video-playlist-item .trigger { height: 19px; right: 24px; position: relative; top:0px; width:19px;display:none;padding-top:3px; }
.video-playlist-item .scheduling { height: 19px; right: 24px; position: relative; top:0px; width:19px;display:none;padding-top:3px; }
.video-playlist-item:hover .trigger, .video-playlist-item:hover .scheduling { display:block;cursor:pointer; }
.video-playlist-item:hover .trigger div, .video-playlist-item:hover .scheduling div { width:100%; height:100%;background:#fff;opacity:0.67;border-radius:4px;padding:0; }
.video-playlist-item:hover .trigger div i:before, .video-playlist-item:hover .scheduling div i:before { color:#000;font-size: 15px;padding: 2px; }
.video-playlist-wrapper.details .video-playlist.noneditable .video-playlist-item:hover .trigger,
.video-playlist-wrapper.details .video-playlist.noneditable .video-playlist-item:hover .scheduling { display:none; }

.video-playlist-item .box-shadow { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5), 0 1px 0 0 #fafafb; }

.video-playlist-item .rendering-status-wrapper { position:absolute;top: 25px;background: rgba(0,0,0,0.6);width: calc(100% - 2px);left: 1px;height:78px;color: #fff; }
.video-playlist-item .rendering-status-wrapper .easyPieChart { width:40px;height:40px;line-height: 40px;margin:10px auto 0;font-size:9px;position:relative; }

.movie-controls { height:50px; }
.movie-controls .button { float: none; display: inline-block; width: 40px; }
.movie-controls a { width:40px; height:3px; }
.movie-controls i:before { margin:3px 8px}

.configuration-name-combobox { margin-right:5px; max-width:100%; }
.configuration-name-combobox i { display: inline-block; position: absolute; right: 23px; top:6px; cursor:default; }
.configuration-name-combobox i:before { font-size: 14px; }
.configuration-name-combobox a:hover i:before { color:#fff; }
.configuration-name-combobox input { height:20px; margin:-1px; padding:5px; width:223px; }
.configuration-name-combobox input.short { width:170px; border-right:none; }
.configuration-name-combobox ul { width:230px; }
.configuration-name-combobox ul.dropdown-menu > li > a { padding: 3px 10px 0 5px; cursor:default; }
.configuration-name-combobox ul.dropdown-menu > li > a > span {overflow: hidden; display: inline-block; width: 196px; }
.configuration-name-combobox .save-btn-wrapper { display: inline-block; border-bottom: 1px solid rgb(216, 217, 218); border-top: 1px solid rgb(216, 217, 218); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; vertical-align: top; margin: -1px; height: 30px; width: 55px; }
.configuration-name-combobox .save-btn-wrapper button { margin:2px }
.configuration-name-hint { display: inline-block; line-height: 12px; padding-top: 5px; font-style: italic; font-size: 11px; vertical-align:-6px; /*margin-left:5px;*/ }

.device-info-view .config-buttons { padding-right:0px; }
.device-info-view .config-buttons button { float:right; margin-left:10px; }
.device-info-view .config-buttons button.btn-success { background-origin: border-box; background-clip: border-area, text; position: relative; }

.available-media-wrapper .media-list-wrapper { background:#FFFFFF; width:100%; }
.available-media-wrapper .media-list-wrapper .category-header { background: var(--md-ref-palette-primary30); color: #FFFFFF; margin: 0; padding: 5px; }
.available-media-wrapper .media-list-wrapper .item-wrapper { border-bottom: 1px solid #D8D8D8; cursor:pointer; overflow:hidden; background-color:#fff;  }
.available-media-wrapper .media-list-wrapper .item-wrapper:hover { background:#f8f8f8; } 
.available-media-wrapper .media-list-wrapper .item-wrapper.ui-selected { background-color:var(--md-ref-palette-primary30); color:#fff; background-image:linear-gradient(to bottom, var(--md-ref-palette-primary40), var(--md-ref-palette-primary30)); }
.available-media-wrapper .media-list-wrapper .item-wrapper .inner-wrapper { width:75%;padding:5px; }
.available-media-wrapper .media-list-wrapper.apps .item-wrapper .entity-header { line-height:15px; }
html.touch .available-media-wrapper .media-list-wrapper .item-wrapper .inner-wrapper { float:left;width:90%;position:absolute; }
.available-media-wrapper .media-list-wrapper .item-wrapper .scroll-handle { display:none; }
html.touch .available-media-wrapper .media-list-wrapper .item-wrapper .scroll-handle { float:right; width:10%;height: 70px;background:#f7f7f7;opacity:0.3; display:block; }
.available-media-wrapper .media-list-wrapper .item-wrapper .scroll-handle div { background:#cdcdcd;width:1px;height:100% }
.available-media-wrapper .media-list-wrapper .livesearch-thumb { display:inline-block; margin:5px 10px 5px 5px; width:100px; min-width:100px; height:50px; display:table-cell; background-repeat:no-repeat; background-position:center; background-size: contain;}
.available-media-wrapper .media-list-wrapper .livesearch-thumb img { width:75px; }
.available-media-wrapper .media-list-wrapper .livesearch-desc { margin-left:10px; margin-top:5px; display:table-cell; vertical-align:top; padding-left:5px; }
.available-media-wrapper .media-list-wrapper .livesearch-desc .entity-header { font-weight:600; line-height:14px; margin-bottom:3px; }
.available-media-wrapper .media-list-wrapper .livesearch-desc .entity-desc { font-size:10px; line-height:12px; }
.available-media-wrapper .media-list-wrapper .ui-draggable-dragging { z-index:100; }
.available-media-wrapper .category-wrapper { display:inline-block;width:24px;height:24px; }
.available-media-wrapper .category-wrapper a { cursor:pointer; }
.available-media-wrapper .category-wrapper .glyphicons { padding-left:22px; cursor:pointer; }
.available-media-wrapper .category-wrapper .glyphicons:hover i::before { color:#ffffff; }
.available-media-wrapper .category-wrapper .glyphicons i::before { font-size: 15px;left:5px;top:4px; }
.available-media-wrapper .category-wrapper.btn-group.btn-block a.dropdown-toggle { height:24px;line-height:10px;width:24px; }
.available-media-wrapper .category-wrapper.btn-group.btn-block a.dropdown-toggle i::before { font-size:15px;left:4px;top:4px; }
.available-media-wrapper .category-wrapper.btn-group.btn-block a.dropdown-toggle:hover i::before { color:#777; }
.available-media-wrapper .category-wrapper .submenu-icon { display: inline-block; position: absolute; right: 10px; top: 2px; }
.available-media-wrapper .category-wrapper .dropdown-menu .dropdown-menu { overflow-y:auto; max-height:500px; }
.available-media-wrapper .category-wrapper .dropdown-menu .dropdown-menu.has-children { overflow-y:visible; }
.available-media-wrapper .section-toggle { overflow:hidden; }

.device-info-view .ribbon-wrapper.tiny { height:25px; width:32px; right:-1px; z-index:100; }
.device-info-view .ribbon-wrapper.tiny .ribbon { font-size:9px; line-height:2px; left:1px; top:-6px; width:50px; height:8px; }
.device-info-view .ribbon-wrapper.tiny .ribbon.Pending { background-color:#ab7a4b; }
.device-info-view .ribbon-wrapper.tiny .ribbon.Approved { background-color:#609450; }
.device-info-view .ribbon-wrapper.tiny .ribbon.Archived { background-color:#999999; }

.device-info-view .ribbon-wrapper.below.tiny {height: 28px;width:28px;top: auto;right: auto;bottom: 0;left:-1px; }
.device-info-view .ribbon-wrapper.below.tiny .ribbon { font-size: 9px;line-height: 2px;left: -15px;bottom: -14px;width:42px;height: 8px;top: auto;padding: 2px 0px 14px 0; }
.device-info-view .ribbon-wrapper.below.tiny i::before { left: 12px;top: 2px;font-size: 10px; transform: rotate(-45deg); color:#fff; }

.available-media-wrapper .widget { margin-bottom:0; }
.available-media-wrapper .widget-head { height:75px; }
.available-media-filter-wrapper { background-color: #f2f3f4; padding:0px 24px 8px 0px; }
.available-media-filter { width:100%; }
.available-media-filter input { width:100%; height:16px;margin:4px -23px 0 0;}
.available-media-filter input:focus { z-index:0; }

#available-media-source, #clipart-media-source, #special-source, #apps-source, #direct-link-media-source { background-color: #f2f3f4; }
#available-media-source .toggle-button .labelLeft, #clipart-media-source .toggle-button .labelLeft { padding:2px 1px 3px 3px; }
#available-media-source .toggle-button .labelRight, #clipart-media-source .toggle-button .labelRight { padding:2px 2px 2px 1px; }
#available-media-source .toggle-button .disabled-lbl, #clipart-media-source .toggle-button .disabled-lbl { padding-top:2px; }
#available-media-source.collapse, #clipart-media-source.collapse { padding:0 15px; }

#available-media-source.collapse.in, #clipart-media-source.collapse.in, #special-source.collapse.in,
#direct-link-media-source.collapse.in, 
#available-media-source-1.collapse.in, #clipart-media-source-1.collapse.in,
#available-media-source-2.collapse.in, #clipart-media-source-2.collapse.in,
#apps-source.collapse.in { padding:0 5px 15px; }

/* New availabla media directive */
.playlist-source .source-container.collapse.in { padding:0 5px 10px;background-color:#f2f3f4; }
.playlist-source .media-filter-wrapper { background-color: #f2f3f4; padding:0px 24px 8px 0px; }
.playlist-source .media-filter { width:100%; }
.playlist-source .media-filter input { width:100%; height:16px;margin:4px -23px 0 0;}
.playlist-source .media-filter input:focus { z-index:0; }
.playlist-source .media-list-wrapper.apps .item-wrapper { margin-bottom:0px; display:table;border:none; }
.playlist-source .media-list-wrapper.apps .item-wrapper img { border:1px solid #d8d8d8;display:inline-block;vertical-align:top; display:table-cell; margin:5px;min-width:80px; }
.playlist-source .media-list-wrapper.apps .item-wrapper .slot-desc { display:inline-block;margin:3px; display:table-cell; padding-left:10px; vertical-align:middle; width:99%; }
.playlist-source .media-list-wrapper .item-wrapper .ribbon-wrapper.tiny .ribbon { top:-6px; }

.device-info-view .available-media-wrapper .special-source .item-wrapper,
.device-info-view .available-media-wrapper .apps-source .item-wrapper { margin-bottom:0px; display:table;border:none; }
.device-info-view .available-media-wrapper .special-source .item-wrapper img,
.device-info-view .available-media-wrapper .apps-source .item-wrapper img { border:1px solid #d8d8d8;display:inline-block;vertical-align:top; display:table-cell; margin:5px;min-width:80px; }
.device-info-view .available-media-wrapper .special-source .item-wrapper .slot-desc,
.device-info-view .available-media-wrapper .apps-source .item-wrapper .slot-desc { display:inline-block;margin:3px; display:table-cell; padding-left:10px; vertical-align:middle; width:99%; }

.new-software-wrapper { font-size: 10px; line-height: 10px; font-weight: normal; font-style: italic; color: #ab7a4b; padding-left:30px; margin-left:10px; }
.new-software-wrapper i:before { color:#ab7a4b !important; }

.device-info-license-dropdown .select2-result-label { padding-left:10px !important; }
.device-info-license-dropdown .select2-result-label .glyphicons i:before { top:17px; font-size:18px; }
.device-info-license-dropdown .select2-result-label .glyphicons span { font-style:italics; }
.device-info-license-dropdown .select2-result-label .glyphicons.grey { font-style:italics; color:#cdcdcd; }
.device-info-license-dropdown .opt-group>div:first-child { background: #f2f3f4; }
.device-info-license-dropdown .select2-results .select2-disabled { background:#fff; }
.device-info-license-dropdown .select2-results .no-free-left { color:#CA4741; }
.device-info-license-dropdown .select2-results .select2-highlighted .no-free-left { color:#fff; }
.device-info-license-dropdown .select2-results .select2-highlighted .glyphicons { color:#fff; }
.device-info-license-dropdown .select2-results__option[aria-selected=true] { background-color: var(--md-ref-palette-primary30) !important; }
.device-info-license-dropdown .select2-results__option[aria-selected=true] > a { color:#fff; }
.device-info-license-dropdown .select2-results__option--highlighted[aria-selected] { background-color: #efefef; color: white; }
.device-info-license-dropdown .select2-results__option[aria-selected=true] .glyphicons i:before { color: white; }
.device-info-license-dropdown .select2-results__group { background-color:#cdcdcd; }
.device-info-license-dropdown .select2-results .glyphicons i:before { top:11px; font-size:22px; }
.device-info-license-dropdown .select2-results a { text-decoration:none; }
.device-info-license-dropdown .select2-results a.glyphicons.grey { color:#cdcdcd; }
.device-info-license-dropdown .select2-results a.glyphicons.grey .no-free-left { color:#cdcdcd; }

.device-info-view #playlist-source .heading, 
.device-info-view #playlist-source-1 .heading, 
.device-info-view #playlist-source-2 .heading { display: block;padding: 1px 0 0 26px;width: auto;line-height:26px;color: #7c7c7c;float: left;font-size: 14px;margin: 0; }
.device-info-view #playlist-source .heading i:before, 
.device-info-view #playlist-source-1 .heading i:before, 
.device-info-view #playlist-source-2 .heading i:before { font-size: 16px; line-height:28px; }    
.device-info-view #special-slots .entity-header { font-size:15px; }
.device-info-view #special-slots .entity-desc { font-style:italic; font-size:11px; line-height:11px; }

.bootbox.playlist-slot-settings-wrapper { width:600px; max-width:98%; max-height:95%; overflow:visible; }
/*.bootbox.playlist-slot-settings-wrapper.svtlive, 
.bootbox.playlist-slot-settings-wrapper.virtual-device,
.bootbox.playlist-slot-settings-wrapper.nrklive,
.bootbox.playlist-slot-settings-wrapper.flip-counter,
.bootbox.playlist-slot-settings-wrapper.digital-clock,
.bootbox.playlist-slot-settings-wrapper.carbon-cloud,
.bootbox.playlist-slot-settings-wrapper.vasttrafik,
.bootbox.playlist-slot-settings-wrapper.gbg-kalendarium,
.bootbox.playlist-slot-settings-wrapper.overflow-visible { overflow:visible; }*/
.bootbox.playlist-slot-settings-wrapper.queue .modal-body { max-height:600px; }
.bootbox.playlist-slot-settings-wrapper.weather .modal-body { max-height:600px; }


.post-attachment-modal{
    width:1000px;margin-left: -500px
}

.post-attachment-modal .modal-body{max-height: none !important;}

.bootbox.playlist-slot-settings-wrapper.html-editor { width:1000px;margin-left: -500px;max-height:88%; }
.bootbox.playlist-slot-settings-wrapper.html-editor .modal-body { max-height:800px; }

.bootbox.playlist-slot-settings-wrapper.skolmaten { width:700px;margin-left:-350px;max-height:88%; }

.bootbox .playlist-slot-settings .form-horizontal .control-group { margin-bottom:5px; }
.bootbox .playlist-slot-settings .form-horizontal .control-group .control-label { margin-bottom:0; width:130px; text-align:left; padding:0 0 5px 0; display: flex; align-items: center; line-height:14px; height:30px; }
.bootbox .playlist-slot-settings.trafiken-nu-slot .form-horizontal .control-group .control-label { width:145px; }
.bootbox .playlist-slot-settings.flip-counter { overflow:visible; }
.bootbox .playlist-slot-settings .form-horizontal .control-group .controls { margin-left:0; }
.bootbox .playlist-slot-settings .form-horizontal .control-group .controls .mini-desc { font-size:12px; }
.bootbox .playlist-slot-settings.flip-counter-slot .form-horizontal .control-group .controls .mini-desc { font-size:10px;font-style: italic; }
.bootbox .playlist-slot-settings.queue-number-slot .form-horizontal .control-group .controls .mini-desc { font-size:10px;font-style: italic;float: right;width:176px;line-height: 12px; }
.bootbox .playlist-slot-settings div.error { font-style: italic; font-size: 11px;margin-top: -10px;color:#c00 }
.bootbox .playlist-slot-settings.web-slot .control-label { height:35px }
.bootbox .playlist-slot-settings.web-slot .error { margin-top:0; }
.bootbox .playlist-slot-settings.web-slot .control-label > span { display: inline-block; line-height:12px; }
.bootbox .playlist-slot-settings.web-slot .widget-tabs .widget-head { padding-right:0 }
.bootbox .playlist-slot-settings.socialwall-slot .insta-authorize-wrapper .glyphicons.ok i::before { color:#609450; margin-top:-29px; }
.bootbox .playlist-slot-settings.socialwall-slot .insta-authorize-wrapper .glyphicons.ban i::before { color:#b55151; margin-top:-29px; }
.bootbox .playlist-slot-settings.weather-slot .glyphicons.ok i::before { color:#609450; }
.bootbox .playlist-slot-settings.weather-slot .glyphicons.ban i::before { color:#b55151; }

.bootbox #playlist-slot-settings-user-wrapper .select2-selection { line-height:0; }
.bootbox.playlist-slot-light-settings-wrapper { width:1000px; max-width:90%; max-height:95%; overflow:visible; left: 50%; transform: translateX(-50%); margin-left: 0; }
.bootbox.playlist-slot-light-settings-wrapper .modal-body { overflow:visible;max-height:none; }
.bootbox .playlist-slot-light-settings .minicolors { display:inline-block; margin-right:20px; }
.bootbox .playlist-slot-light-settings input { vertical-align:baseline; margin-bottom:0px; }
.bootbox.light-settings-wrapper { width:600px; max-width:98%; max-height:95%; }
.bootbox.light-settings-wrapper .modal-body { overflow:visible; }
.bootbox .playlist-slot-light-settings .advanced-toggler { float: right;top: 0px;right: 0;font-size: 10px;font-weight: normal;color: #ccc;padding-left: 18px; cursor:pointer; }
.bootbox .playlist-slot-light-settings .advanced-toggler i::before { font-size:14px;top: 2px; }

.bootbox.admin-license-edit-wrapper, .bootbox.admin-license-bootbox { width:1200px; max-width:95%; margin-left:0; transform:translateX(-50%); }
.bootbox.admin-license-edit-wrapper .admin-license-form > .row-fluid > .row-fluid { margin-left:0 }
.bootbox.admin-license-edit-wrapper .admin-license-form .bordered { border: 2px solid #eee;border-radius: 5px;padding: 20px; background:#fcfcfc; }
.bootbox.admin-license-edit-wrapper .admin-license-form .border-title { position: absolute;top:6px;font-weight: bold;background:linear-gradient(0deg, transparent, #fefefe);margin: 0 -15px;padding: 0 5px; }
@media (max-width: 767px) { .bootbox.admin-license-edit-wrapper, .bootbox.admin-license-bootbox { transform:none; } }


/* REVERTED LIVE VIEW ON DEVICE PAGES */
#device-liveview-wrapper .liveview-overlay { position:absolute;top:0;left:50%;width:100%;height:100%;background-color:black;opacity:0.8;text-align:center;transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }	
#device-liveview-wrapper .liveview-overlay .error-message { font-size: 18px; color: white; position: relative; top: 50%; transform: translateY(-50%); padding:10px; }	
#device-liveview-wrapper .video-waiting-overlay { position: absolute; left: 50%; top: 50%; transform: translate(-50%); padding: 0px; object-fit: cover; }
@media (max-width: 1600px) { #device-liveview-wrapper .liveview-overlay .error-message { font-size: 14px; } }
#device-liveview-wrapper .liveview-image { max-width:100%; max-height:100%; }
#device-liveview-wrapper.TIZEN_CLIENT .is-playing,
#device-liveview-wrapper.WEBOS_CLIENT .is-playing { display:block; }
#device-liveview-wrapper.TIZEN_CLIENT.rotation-right .is-playing .liveview-image,
#device-liveview-wrapper.WEBOS_CLIENT.rotation-left .is-playing .liveview-image { max-width:230px; transform:rotate(-90deg); }
#device-liveview-wrapper.TIZEN_CLIENT.rotation-left  .is-playing .liveview-image,
#device-liveview-wrapper.WEBOS_CLIENT.rotation-right  .is-playing .liveview-image { max-width:230px; transform:rotate(90deg); }
#device-liveview-wrapper.TIZEN_CLIENT.big-view .is-playing .liveview-image,
#device-liveview-wrapper.WEBOS_CLIENT.big-view .is-playing .liveview-image { max-width:100%; }

#device-liveview-wrapper .liveview-overlay .video-play-overlay { position: absolute; top: 50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
#device-liveview-wrapper .liveview-expand-wrapper { position:absolute; top:0; right:0; width:20px; height:20px; display:none; }
#device-liveview-wrapper .liveview-inner-wrapper:hover .liveview-expand-wrapper { display:block; }
#device-liveview-wrapper .liveview-inner-wrapper:hover .liveview-expand-wrapper a i::before { font-size:15px; color:#cdcdcd; }
#device-liveview-wrapper .liveview-inner-wrapper { display:inline-block; position:relative; text-align:center;caret-color:transparent; border: 4px solid black; border-radius: 4px; box-shadow: 0px 4px 11px -4px #aeaeae; width: 100%; height: 100%; }
#device-liveview-wrapper .liveview-inner-wrapper.is-playing { width: auto; height: auto; }
#device-liveview-wrapper .liveview-inner-wrapper::after { content: ""; position: absolute; width: 8px; height: 3px; background-color: #1dff1d; bottom: -2px; right: 10px; z-index: 102; }
#device-liveview-wrapper .liveview-inner-wrapper.hid-enabled { border:3px solid rgba(204,0,0,0.25); animation: border-blinker 2s infinite; }
#device-liveview-wrapper.big-view .liveview-inner-wrapper { top:0; }
#device-liveview-wrapper.big-view { margin-left:0 }
#device-liveview-wrapper.big-view .liveview-inner-wrapper { min-height:40vh; max-height: 90vh; }
#device-liveview-wrapper.big-view .liveview-image { max-width:100%; max-height:100%; }
#device-liveview-wrapper.big-view .widget { margin-left:15px; }
/* #device-liveview-wrapper .widget-body > div	{ height:209px; } */
#device-liveview-wrapper.big-view .widget-body > div { height:auto; }
#device-liveview-wrapper .facetime_video i:before { color:#7c7c7c; } 
#device-liveview-wrapper .highres-screenshot { position:absolute;right:30px;bottom:0px;height:30px; }

#above-content > div.device-above-content #device-liveview-wrapper .hid-icon { font-size:16px;color:#7c7c7c;left:0px;position:relative;top:2px; }
#above-content > div.device-above-content #device-liveview-wrapper .hid-icon.active { color:#c00; /*animation: quarter-blinker 2s linear infinite;*/ }
#above-content > div.device-above-content #device-liveview-wrapper .hid-icon-wrapper   { background:#fff;opacity:0.67;border-radius:5px;top:10px;position:relative;right:5px;padding:0;width:21px;height:21px; }
#above-content > div.device-above-content #device-liveview-wrapper .fullscreen-wrapper { background:transparent;opacity:0.67;border-radius:5px;top:3px; position:relative;right:5px;padding:0;width:21px;height:21px; }
#above-content > div.device-above-content #device-liveview-wrapper .fullscreen-wrapper button { width: 26px; gap: 0; padding: 2px; height: 26px; }
#above-content > div.device-above-content #device-liveview-wrapper .fullscreen-wrapper button.active { color: #ad72ff; }
#above-content > div.device-above-content #device-liveview-wrapper .fullscreen-wrapper .glyphicons { padding-top:7px; }
#above-content > div.device-above-content #device-liveview-wrapper .fullscreen-wrapper .glyphicons i:before { color:#7c7c7c; left:3px; }

#device-liveview-wrapper { padding: 0 0 0 0px; } 
/* END - REVERTED LIVE VIEW ON DEVICE PAGES */

.device-liveview-wrapper img#liveview-image{object-fit: cover;background: #000;}
/* .device-liveview-wrapper.full-size img#liveview-image{max-width: none !important;max-height: none !important;width: 100% !important;height: 100% !important;} */
.device-liveview-wrapper.full-size img#liveview-image{width: 100% !important;height: 100% !important;}
.device-liveview-wrapper.full-size,.device-liveview-wrapper .full-size{width: 100%;height: 100%;}

.device-liveview-wrapper .video-waiting-overlay { position: absolute; left: 50%; top: 50%; transform: translate(-50%); padding: 0px; max-width:100%; max-height:230px; object-fit: cover; }
.device-liveview-wrapper .liveview-image { max-width:100%; max-height:230px; }
.device-liveview-wrapper.TIZEN_CLIENT .is-playing,
.device-liveview-wrapper.WEBOS_CLIENT .is-playing { display:block; }
.device-liveview-wrapper.TIZEN_CLIENT.rotation-right .is-playing .liveview-image,
.device-liveview-wrapper.WEBOS_CLIENT.rotation-left .is-playing .liveview-image { max-width:230px; transform:rotate(-90deg); }
.device-liveview-wrapper.TIZEN_CLIENT.rotation-left  .is-playing .liveview-image,
.device-liveview-wrapper.WEBOS_CLIENT.rotation-right  .is-playing .liveview-image { max-width:230px; transform:rotate(90deg); }
.device-liveview-wrapper .liveview-expand-wrapper { position:absolute; top:0; right:0; width:20px; height:20px; display:none; }
.device-liveview-wrapper .liveview-inner-wrapper:hover .liveview-expand-wrapper { display:block; }
.device-liveview-wrapper .liveview-inner-wrapper:hover .liveview-expand-wrapper a i::before { font-size:15px; color:#cdcdcd; }
.device-liveview-wrapper .liveview-inner-wrapper { display:inline-block; position:relative; text-align:center;caret-color:transparent; }
.device-liveview-wrapper .liveview-inner-wrapper.hid-enabled { border:3px solid rgba(204,0,0,0.25); animation: border-blinker 2s infinite; }
/* .device-liveview-wrapper.big-view .liveview-inner-wrapper { top:0; transform:translateX(-50%); } */
.device-liveview-wrapper.big-view { margin-left:0 }
.device-liveview-wrapper.big-view .liveview-inner-wrapper { height:auto; }
.device-liveview-wrapper.big-view .liveview-image { max-width:100%; max-height:100%; object-fit: cover; }
.device-liveview-wrapper.big-view .video-waiting-overlay { max-width:100%; max-height:100%; object-fit: cover; }
.device-liveview-wrapper.big-view .widget { margin-left:15px; }
.device-liveview-wrapper .widget-body > div	{ height:209px; }
.device-liveview-wrapper.big-view .widget-body > div { height:auto; }
.device-liveview-wrapper .facetime_video i:before { color:#7c7c7c; } 
.device-liveview-wrapper .highres-screenshot { position:absolute;right:30px;bottom:0px;height:30px; }
	
.device-info-view .physical-device-panel .widget .widget-body { padding:18px; font-size:20px; }	

.bootbox.playlist-slot-settings-wrapper .modal-footer .save-predefined-app { cursor:pointer; float:left; margin-top: 10px; }

.device-info-view .configuration-body.in { min-height:480px; }


/* ------------------- */
/* Liveview      */
/* ------------------- */	
.device-liveview-wrapper .liveview-overlay .video-play-overlay { position: absolute; top: 50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.device-liveview-wrapper .liveview-overlay { position:absolute;top:0;left:50%;width:100%;height:100%;background-color:black;opacity:0.3;text-align:center;transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }	
.device-liveview-wrapper .liveview-overlay .error-message { font-size: 18px; color: white; position: relative; top: 50%; transform: translateY(-50%); padding:10px; }

.device-liveview-wrapper.TIZEN_CLIENT.rotation-right.big-view img#liveview-image, 
.device-liveview-wrapper.TIZEN_CLIENT.rotation-left.big-view img#liveview-image,
.device-liveview-wrapper.WEBOS_CLIENT.rotation-right.big-view img#liveview-image, 
.device-liveview-wrapper.WEBOS_CLIENT.rotation-left.big-view img#liveview-image
{aspect-ratio: 1/1;height: 600px !important;width: 600px !important; max-width: 600px !important;max-height: 600px !important;}

.device-above-content .device-liveview-wrapper:not(.TIZEN_CLIENT).big-view img#liveview-image, 
.device-above-content .device-liveview-wrapper:not(.TIZEN_CLIENT).big-view img#liveview-image,
.device-above-content .device-liveview-wrapper:not(.WEBOS_CLIENT).big-view img#liveview-image, 
.device-above-content .device-liveview-wrapper:not(.WEBOS_CLIENT).big-view img#liveview-image{max-height: 600px !important;}

@media (max-width: 1600px) { .device-liveview-wrapper .liveview-overlay .error-message { font-size: 14px; } }

/* ------------------- */
/* Device preview      */
/* ------------------- */	
	
.playlist-preview-wrapper { width:800px; max-width:95%; }
.playlist-preview-wrapper.modal { margin-left:-400px; }	
@media (max-width: 767px) { .playlist-preview-wrapper.modal { margin-left:0px; } }
.playlist-preview-wrapper .modal-body { max-height: 500px; }
.playlist-preview-wrapper .preview-view-wrapper { line-height:0; width:731px;height:426px; max-width:100%; }
.playlist-preview-wrapper .preview-view { width:710px;height:404px;position:absolute;top:12px;left:11px;background-color:#000;max-width:97%; }
.playlist-preview-wrapper video { width:100%;height:100%; }	
.playlist-preview-wrapper #preview-image-tag1 { width:100%;height:100%;margin-bottom:10px; background-repeat:no-repeat; background-color:#000; }
.playlist-preview-wrapper #preview-web-tag1 { width:100%;height:100%;margin-bottom:10px;  }
.playlist-preview-wrapper #preview-web-tag1 iframe { overflow:hidden; }
.playlist-preview-wrapper .movie-controls { margin-top:10px; }
	
/* ------------------- */
/* Ext Device overview */
/* ------------------- */

.ext-boxes .available-media-wrapper h4 { font-size:14px; }
.ext-boxes #playlist-source .heading { display: block;padding: 1px 0 0 26px;width: auto;line-height:26px;color: #7c7c7c;float: left;font-size: 14px;margin: 0; }
.ext-boxes #playlist-source .heading i:before { font-size: 16px; line-height:28px; }    
.ext-boxes .video-playlist-wrapper.details .video-playlist-item.drop-hover .slot-image { box-shadow: inset 0 0 15px #000000; }
.ext-boxes .video-playlist-wrapper.details .video-playlist-item { clear:left; min-width:100px; margin:0 10px; }
/*.ext-boxes .video-playlist-wrapper.details .video-playlist-item img { height:78px;display:inline-block; }*/
.ext-boxes .video-playlist-wrapper.details .video-playlist-item.no-asset img { padding-bottom:10px }
.ext-boxes .video-playlist-wrapper.details .video-playlist-item .not-assigned-lbl { text-align: center; width: 100%; font-size:11px; font-style: italic; }
.ext-boxes .video-playlist-wrapper.details .video-playlist-item.image .duration-wrapper { /*position: static; margin-top:5px;*/ margin-top:0; }
.ext-boxes .video-playlist-wrapper.details .video-playlist-item.movie .duration-wrapper { position: static; margin-top:8px; }
.ext-boxes .video-playlist-wrapper.details .slot-wrapper:not(:last-child) { border-bottom:1px solid #f2f3f4; }
.ext-boxes .video-playlist-wrapper.details .slot-wrapper td { padding-right:5px }
.ext-boxes .video-playlist-wrapper.details .slot-wrapper .faint { font-style: italic; color: rgb(216, 216, 216); }

.ext-boxes .ribbon-wrapper.tiny { height:32px; width:32px; top:0px; right:0px; }
.ext-boxes .ribbon-wrapper.tiny .ribbon { font-size:9px; line-height:2px; left:1px; top:-6px; width:50px; height:8px; }
.ext-boxes .ribbon-wrapper.tiny .ribbon.Pending { background-color:#ab7a4b; }
.ext-boxes .ribbon-wrapper.tiny .ribbon.Approved { background-color:#609450; }
.ext-boxes .ribbon-wrapper.tiny .ribbon.Archived { background-color:#999999; }


/* ------------- */
/* Reporting   */
/* ------------- */
.media-report-wrapper{padding-top: 15px;padding-bottom: 15px;}
.media-report-wrapper .thumbnail-image img{height: 50px;width: auto;}
.media-report-wrapper .thumbnail-image{display: flex;justify-content: center;align-items: center;}
.media-report-wrapper .filter-checkbox{display: flex;}
.media-report-wrapper .filter-checkbox input{margin: 0 0 0 15px;}

.apps-in-use-wrapper, .client-storage-wrapper{padding-top: 15px;padding-bottom: 15px;}
.devices-using-app-modal{width: 1100px !important; margin-left: -550px !important;}
.devices-using-app-modal td{vertical-align: middle;}

/* ------------------ */
/* Player setup       */
/* ------------------ */

.player-setup-view .widget.available-layouts { margin-bottom:0 }
.player-setup-view .note { font-size:10px; }
.player-setup-view .widget-subtle .widget-head { border:1px solid #efefef; }
.player-setup-view .player-layout { background-color:#6c3a77;border-radius:5px; position:absolute; cursor:pointer; }
.player-setup-view .player-layout-small { background-color:#6c3a77;border-radius:2px; position:absolute; cursor:pointer; }
.player-setup-view .player-layout:hover  { background-color:#572b63 !important; }
.player-setup-view .layout-wrapper { padding:5px 5px 10px; margin:0 1.49254% 10px 0;position:relative; height: 275px; }
.player-setup-view .layout-wrapper .action-wrapper { display:none;position:absolute;bottom:8px;right:8px;left:8px; }
.player-setup-view .layout-wrapper:hover .action-wrapper { display:block; }

.player-setup-view .layout-wrapper.selected { box-shadow:inset 0 3px 8px rgba(0,0,0,.24); background-color: rgb(124, 124, 124);color:#fff;border:1px solid #3e3e3e; }
.player-setup-view .settings-widget .form-horizontal .control-label { width:150px; text-align:left; }
.player-setup-view .settings-widget .form-horizontal .controls { margin-left:150px; }
.player-setup-view .settings-widget .border-color-input { width:100px; }
.player-setup-view .form-horizontal .control-group .label { margin-top: 3px; }
.player-setup-view .form-horizontal .control-group { margin-bottom:5px; }
.player-setup-view .widget-subtle { width:250px; } 

.player-setup-view .info { font-style:italic;font-size: 11px;line-height: 14px;background-color: #fafafa;border: 1px solid #ccc;padding: 5px 5px 5px 36px;color: #7c7c7c;float: right; min-height:35px; }
.player-setup-view .info i::before { left:5px; top:50%; transform:translateY(-50%); }

.player-setup-view .overlay-asset-wrapper .ui-droppable { width:142px; height:80px; border:1px solid #d8d8d8;display: flex;align-items: center; }
.player-setup-view .overlay-asset-wrapper .ui-droppable .slot-image { background-size: contain; background-position:center; background-repeat:no-repeat; background-color:#e7e7e7; width:100%; height:80px; position:relative; } 
.player-setup-view .overlay-asset-wrapper .ui-droppable .drag-desc { text-align: center; padding:5px 2px;font-size:13px;font-style: italic; color: #d8d8d8 }
.player-setup-view .overlay-asset-wrapper .overlay-desc { font-style: italic;font-size:11px; line-height:14px; }
.player-setup-view .overlay-asset-wrapper .ribbon-wrapper.tiny { height:32px; width:32px; top:0px; right:0px; }
.player-setup-view .overlay-asset-wrapper .ribbon-wrapper.tiny .ribbon { font-size:9px; line-height:2px; left:1px; top:-6px; width:50px; height:8px; }
.player-setup-view .overlay-asset-wrapper .ribbon-wrapper.tiny .ribbon.Pending { background-color:#ab7a4b; }
.player-setup-view .overlay-asset-wrapper .ribbon-wrapper.tiny .ribbon.Approved { background-color:#609450; }
.player-setup-view .overlay-asset-wrapper .ribbon-wrapper.tiny .ribbon.Archived { background-color:#999999; }

.player-setup-view .available-layouts .layout-wrapper + .no-layouts-results { display:none; }
.player-setup-view .available-layouts .no-layouts-results { margin: 30px 15px; }

/* ------------------ */
/* Device group info  */
/* ------------------ */

.device-group-info-view  { padding:5px 15px; }
.device-group-info-view .control-label { font-size: 14px; font-weight: 600; }
.device-group-info-view .form-horizontal .control-label { padding: 5px 0 0 0; text-align: left; width: 130px;  }
@media (max-width: 480px) { 
.device-group-info-view .device-info-wrapper { text-align:center; }
}

.device-group-info-view .ribbon-wrapper.tiny { height:32px; width:32px;right:0px; z-index:100; }
.device-group-info-view .ribbon-wrapper.tiny .ribbon { font-size:9px; line-height:2px; left:1px; top:-6px; width:50px; height:8px; }
.device-group-info-view .ribbon-wrapper.below.tiny {height: 22px;width:22px;top: auto;right: auto;bottom: 0;left: 0; }
.device-group-info-view .ribbon-wrapper.below.tiny .ribbon { font-size: 9px;line-height: 2px;left: -19px;bottom: -13px;width: 50px;height: 8px;top: auto;padding: 2px 0px 14px 0; }
.device-group-info-view .ribbon-wrapper.below.tiny i::before { left: 12px;top: 0px;font-size: 10px; transform: rotate(-45deg); color:#fff; }

/* ------------------ */
/* Device performance */
/* ------------------ */
.device-performance .dynamicTable .progress .bar { animation: normal ease-in-out extend-bar 2s; }
.device-performance .dynamicTable td {
    color: #444444;
}
@keyframes extend-bar {
    0% {max-width: 0;}
    100% {max-width: 100%;}
}

/* ------------------ */
/* Device scheduling  */
/* ------------------ */

.schedule-view .device-schedule .ui-selecting { background: var(--md-ref-palette-primary30); color: white; }
.schedule-view .device-schedule .ui-selected { background: var(--md-ref-palette-primary30); color: white; }
.schedule-view .device-schedule { margin: 0; padding: 0; list-style: none outside none; display: inline-block; max-width:900px; color:#efefef; }
.schedule-view .device-schedule li { width: 12%; border: 1px solid #d8d8d8; border-radius: 5px; font-size: 1.1em; font-weight: bold; text-align: center; display:block; float:left; }
.schedule-view .device-schedule .clear-left {	clear:left; }
.schedule-view .device-schedule .time-header-box { height:20px;background:#efefef;overflow:hidden; }
.schedule-view .device-schedule .header-box { background:#efefef; }
.schedule-view .device-schedule .empty-box { visibility:hidden; }
.schedule-view .device-schedule .selectable { height:20px; }
.schedule-view .device-schedule.onoff .selectable:not(.ui-selected):not(.ui-selecting)::after { content:"Off"; color:#efefef; }
.schedule-view .device-schedule.onoff .selectable.ui-selected:not(.ui-selecting)::after { content:"On"; color:rgba(255,255,255,0.5); }
.schedule-view .device-schedule.screen-brightness .selectable:not(.ui-selected):not(.ui-selecting)::after { content:"100%"; color:#efefef; }
.schedule-view .device-schedule .selectable.ui-selecting::after { color:var(--md-ref-palette-primary30); }
.schedule-view .device-schedule.disabled .ui-selected { background: #cdcdcd; }
.schedule-view .device-schedule.disabled .ui-widget-content { color:#cdcdcd; }

 .schedule-view .brightness-value-btn { margin-bottom:10px; }

/* ------------- */
/* Upload        */
/* ------------- */
tr.upload-table-row td { vertical-align:middle; }
tr.upload-table-row .glyphicons { vertical-align:top; }
tr.upload-table-row .text-center { text-align:center; }
tr.upload-table-row.uploaded { background:rgba(96, 148, 80, 0.5); color:#fff; }
tr.upload-table-row.error { background:rgba(rgb(181, 81, 81), 0.5) }

.upload-media .out-of-storage-wrapper .bordered-out-of-storage { border: 3px solid #b55151;display: inline-block;padding: 13px;border-radius: 10px;font-size: 16px;color: #b55151;font-weight: bold; }
.upload-media .out-of-storage-wrapper .over-plan { text-transform: uppercase;font-size:18px;margin-top: 25px; font-weight:bold; }
.upload-media .out-of-storage-wrapper .storage-full-info { font-size: 18px;margin-top: 20px; }

/* ------------- */
/* User info     */
/* ------------- */

.force-horizontal li{float: left !important; border: 1px solid #d8d8d8 !important;}
.force-horizontal li:not(:first-of-type){border-left: none !important;}
.user-info-view .action-button .dropdown-menu { left:auto; right:0 }
.user-info-view #userExternalAccess-form .control-group { margin-bottom:0; }

.user-info-view .context-list-wrapper > div { display: inline-block; }
.user-info-view .context-list-wrapper .list-title { margin: 5px -12px;display: block; }
.user-info-view .context-list-wrapper .list-title i::before { font-size:17px; margin:1px 13px; }
.user-info-view .context-list-wrapper .list-title.ok i::before { color:#609450; }
.user-info-view .context-list-wrapper .list-title.ban i::before { color:#b55151; }
.user-info-view .context-list { width: 300px;display: inline-block;list-style-type: none;border:1px solid #d8d8d8;height:300px;overflow:auto; padding: 5px 0; background: #fff;}
.user-info-view .context-list .img { width: 70px; height: 40px;display: inline-block;background-size: contain;background-repeat: no-repeat; }
.user-info-view .context-wrapper { height: 30px;border-bottom: 1px solid #ccc;padding: 12px 10px 4px 36px;color:#fff;background-color: #fafafa;border: 1px solid #ccc;margin: 10px;display: block; }
.user-info-view .context-wrapper i:before { top: 10px; left: 5px; color:#fff; }
.user-info-view #includedContexts .context-wrapper { background-color:#609450; }
.user-info-view #excludedContexts .context-wrapper { background-color:#b55151; }

.user-info-view .additional-clients-tag-wrapper {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    min-height:30px;
}
.user-info-view .additional-clients-tag-wrapper .tag {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    color:#7c7c7c;
}
.user-info-view .additional-clients-tag-wrapper .tag .remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right:4px;
}
.user-info-view .additional-clients-tag-wrapper ul {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul li.tab-outer-wrapper { height:60px;position:relative; }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul li.tab-outer-wrapper.add-new-device-wrapper { position:relative; }
.user-info-view .access-wrapper li .tab-wrapper { height:60px;padding-left:8px;overflow:visible;position:relative; }
.user-info-view .access-wrapper li .device-thumb { padding-top: 5px;display: inline-block; }
.user-info-view .access-wrapper li .profile-icon { margin-left:10px; }
.user-info-view .access-wrapper li .user-profile-title { display: inline-block; vertical-align:middle;margin:20px 0 0 10px;font-weight: bold;cursor:default; }
.user-info-view .access-wrapper li.active .user-profile-title { color:#fff; }
.user-info-view .access-wrapper li .main-client-badge { opacity:0.2;float:left;height: 100%;font-size: 10px;background:#555;width: 30px;border-right: 1px solid #ccc;margin-right: 5px; }
.user-info-view .access-wrapper li .main-client-badge.main-client { background: var(--md-ref-palette-primary30);opacity:1; }
.user-info-view .access-wrapper li .main-client-badge > div { transform: rotate(-90deg);color: #fff;text-align: center;margin-top: 10px;width: 60px;margin-left: 0;position: relative;left: -15px;top: 2px; }

.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul .navbar { margin-bottom:0; }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul .navbar .dropdown-menu { display:none;top:inherit;width:220px; }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul .navbar.open .dropdown-menu { display:block; }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul li .navbar { position: absolute; top: 0;right: 0; }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul li .navbar > ul { height:40px }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul .dropdown-menu .glyphicons i::before { color:#9a9a9b;margin:5px; }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul .dropdown-menu .glyphicons { width:100%; padding:0px 0 5px 35px; cursor:pointer; }
.user-info-view .access-wrapper li.add-new-profile-wrapper .tab-wrapper { position:static; overflow:hidden; }
.user-info-view .access-wrapper li.add-new-profile-wrapper .glyphicons { height:60px; width:50px; }
.user-info-view .access-wrapper li.add-new-profile-wrapper .glyphicons i::before { font-size:25px; color:#9a9a9b; margin:20px 0px; }
.user-info-view .access-wrapper li.add-new-profile-wrapper .user-profile-title { font-size:inherit;opacity: 0.5;vertical-align:22px; font-weight:normal; font-style:italic; }
.user-info-view .access-wrapper li.add-new-profile-wrapper li { padding-left:10px; cursor:pointer; overflow:hidden; }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul li.add-new-profile-wrapper .dropdown-menu { display:none;top:inherit;width:220px;overflow:hidden; }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul li.add-new-profile-wrapper.open .dropdown-menu { display:block;right: 3px; top: 3px;max-height:240px;overflow-y: auto; }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul li .dropdown-menu > li:hover { background-color:var(--md-ref-palette-primary30); color:#fff !important; }
.user-info-view .access-wrapper.widget.widget-tabs-vertical .widget-head ul li .dropdown-menu > li:hover .glyphicons { color:#fff !important; }
.user-info-view .access-wrapper.widget.widget-tabs .widget-head ul li.active a i:before { color:#fff !important; }

.user-info-view .access-wrapper .glyphicons.profile-icon { float:left; margin-top:14px; }
.user-info-view .access-wrapper .glyphicons.profile-icon i::before { color:#9a9a9b;font-size:18px; }
.user-info-view .access-wrapper .active .glyphicons.profile-icon i::before { color:#ffffff; }
.user-info-view .access-wrapper .add-new-profile-wrapper .user-profile-title { margin:0; }
.user-info-view .access-wrapper .context-list { margin-left:0 }

.role-info-wrapper { margin-top:-10px; }
.role-info-wrapper .role-header { font-weight:bold; margin-top:10px; }
.role-info-wrapper .role-text { margin-left: 15px; }
.role-info-wrapper .role-text::before { content:"-"; margin-right:5px; margin-left:-10px; }

.user-info-view .user-metadata-wrapper .multitree-tag-wrapper { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; min-height:30px; }
.user-info-view .user-metadata-wrapper .multitree-tag-wrapper .tag { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; color:#7c7c7c; }
.user-info-view .user-metadata-wrapper .multitree-tag-wrapper .tag .remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right:4px; }
.user-info-view .user-metadata-wrapper .multitree-tag-wrapper ul { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }

.user-info-view .temporary-locked-out { padding: 10px;border: 3px solid #b55151;color:#fff;background-color: #b55151;margin-bottom:20px;height:32px;line-height:32px; }

.user-info-view .random-pwd-wrapper { font-size:12px;margin-left:0;display:flex; position: relative; }
.user-info-view .random-pwd-wrapper input { margin:3px 5px 0 0; }
.user-info-view .random-pwd-wrapper div { display:inline-block;line-height:13px;margin-top:14px;margin-bottom:10px; }

@media (max-width: 480px) {
	.user-info-view .form-horizontal .controls { margin-left:0; }
}

/* ------------- */
/* My account    */
/* ------------- */
.my-account-wrapper .subscription-wrapper .dropdown { width:400px; max-width:100%; } 
.my-account-wrapper .control-group .create-link { font-size:11px;margin-left:5px;cursor:pointer; }
.my-account-wrapper .totp-wrapper { margin:10px; }
.my-account-wrapper .totp-wrapper .totp-header { font-size: 14px;margin-bottom:20px; }
.my-account-wrapper .totp-wrapper .form { margin: 10px 14px; }
.my-account-wrapper .totp-wrapper .form input { height: 24px;margin: 0 10px 0 0; }
.my-account-wrapper .totp-wrapper .totpEnrollmentSuccess { 
		border: 2px solid green;
    padding: 10px;
    background: #609450;
    color: #fff;
    display: inline-block;
    font-size: 14px; 
}
.my-account-wrapper .totp-wrapper .totpEnrollmentError {
		border: 2px solid #820000;
    padding: 10px;
    background: #b55151;
    color: #fff;
    display: inline-block;
    font-size: 14px;
}

/* ------------- */
/* Licenses      */
/* ------------- */
.license-wrapper { margin-top: 30px; }
.license-wrapper th { padding-left:10px; }
.license-wrapper .sub-type { display: block; font-size: 12px; font-style: italic; font-weight:normal; }
.license-wrapper .table { margin-bottom:40px; }
.license-wrapper .table .license-row { font-weight:bold; }
.license-wrapper .table .year-header { text-align:right; width: 100%; font-size:12px; font-style:italic; transform: translateX(10px); padding: 8px 0 0; }
.license-wrapper .table .year1 { border-right: 1px solid #d8d8d8; } 
.license-wrapper .progress { margin:0; min-height:auto; }

.license-wrapper .table .header { padding: 12px; background: #64625f;font-size: 14px;color: #fff;border-color: #5a5855; }
.license-wrapper .table .sub-header { padding: 12px 10px 10px; background: #e5e5e5;border-color: #cecece; min-height:20px; }

.license-wrapper .license-details .detail-header { min-width:160px; display:inline-block;vertical-align:top; }
.license-wrapper .info-wrapper .glyphicons i:before { font-size:18px; color:var(--md-ref-palette-primary30); }
.license-wrapper .license-pool .user-header { display:inline-block; width:200px; }
.license-wrapper .license-pool .user-btn { display:inline-block; }
.license-wrapper .license-pool .detail-header { min-width:140px; display:inline-block; }
.license-wrapper .editable-popup textarea.input-large { height: 200px; width: 400px; }
.select2-dropdown.device-info-license-dropdown { min-width: 280px; }
optgroup:empty, .select2-results__options:empty, li[aria-label="Personal license inbox"] .select2-results__group, li[aria-label="Client license inbox"] .select2-results__group { color: white; background: #333; }

/* --------------------- */
/*  Licenses comparison  */
/* --------------------- */

#license-specifications-datatable .dataTables_wrapper > .row-fluid{display: none;}

.dynamicTable td[colspan="100%"]{
    width: 100%;
}

.dynamicTable td[colspan="100%"] + *{
    display: none !important;
}

#license-specifications-datatable tr.empty-row td{
    padding: 15px 0;
    background-color: white !important;
}

#license-specifications-datatable tr.filled-row td{
    border-radius: 10px 10px 0 0;
    border: none !important;
}
    
#license-specifications-datatable span.datatable-title{
    color: var(--md-source) !important;
    font-size: .75rem !important;
}
#license-specifications-datatable thead{
    display: none !important;
}

#license-specifications-datatable table{
    border: none;
}

#license-specifications-datatable td:last-of-type{
    border-right: solid 1px #d8d8d8;
}

#license-specifications-datatable tr.empty-row td:first-of-type{
    border-left: none !important;
}

/* #license-specifications-datatable tr.empty-row td{
    border-top-width: 3px !important;
    border-color: rgb(233, 233, 233) !important;
} */

#license-specifications-datatable tr.filled-row td:nth-of-type(1){
    background-color: var(--md-source) !important;
    padding: 10px 0;
}
#license-specifications-datatable tr.filled-row td:not(:nth-of-type(1)){
    background-color: transparent!important;
    padding: 10px 0 0 0;
}

#license-specifications-datatable tr:not(.filled-row, .empty-row) td{
    padding: 8px;
    font-size: 1.05em;
    font-weight: 500;
}

#license-specifications-datatable tr.filled-row td:not(:nth-of-type(1)) > span{
    background: rgb(233, 233, 233);
    padding: 5px 0;
    border-radius: 5px 5px 0 0;
    border: solid rgb(196, 196, 196) 1px;
    width: calc(100% - 2px);
    border-bottom: none;
}


#license-specifications-datatable tr:not(.filled-row) td{
    z-index: 100;
    position: relative;
}

/* #license-specifications-datatable tr:not(.filled-row) td:first-of-type,#license-specifications-datatable tr:not(.filled-row) td:last-of-type{
    border-left-color: rgb(233, 233, 233) !important;
    border-right-color: rgb(233, 233, 233) !important;
    border-right-width: 3px !important;
    border-left-width: 3px !important;
} */

#license-specifications-datatable tr.filled-row span{
    font-size: 1rem;
    color: white;
    display: block;
    font-weight: 700;
    text-align: center;
    width: 100%;
}
/* ------------------ */
/* Admin System log   */
/* ------------------ */

.node-pager { display: flex;justify-content: center;gap: 5px; }
.node-pager div { padding: 5px 10px; background: white; border-radius: 6px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; cursor: pointer; }
.node-pager div.current { background-color: var(--md-source); color: white; cursor:default }
.node-pager button { background: white; border: none; border-radius: 6px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; display: flex;  justify-content: center; align-items: center; padding: 0 4px; }
.node-pager button svg { fill: black; }
.node-pager button:disabled svg { fill: rgba(0, 0, 0, 0.4); }
.node-pager button:disabled { cursor: not-allowed; }
.admin-system-logs .tooltips, .admin-system-logs tr .tooltips, .admin-system-logs tr:first-child .tooltips { top: -25px; }

/* ------------------ */
/* Admin Licenses     */
/* ------------------ */
.admin-license-form .ui-spinner { border: 1px solid #D8D9DA; color: #A7A7A7; margin:0 0 5px 0; }
.admin-license-form .ui-spinner input { color: #A7A7A7; width:30px; }
.admin-license-form .type-header { display:inline-block;margin-right:0px;width:128px; }
.admin-license-bootbox .modal-body { max-height:675px; }
.admin-license-wrapper .tabsbar .bootstrap-select ul li { background:none; float:none; height:auto; border:none; padding:0; }
.admin-license-wrapper .tabsbar .bootstrap-select ul li a { background:none; height:auto; }
.admin-license-wrapper .tabsbar .bootstrap-select ul { height:auto; max-height:500px; }
.admin-license-wrapper .tabsbar label.control-label { display:inline-block; margin:5px 5px 0 0; }
.admin-license-wrapper .tabsbar .controls { display:inline-block; }

.admin-license-wrapper .tabsbar .filter { margin-top:8px;margin-bottom:8px; }
.admin-license-wrapper .tabsbar #license-search-input { width:187px; height:24px; font-size:14px; }
.admin-license-wrapper .tabsbar .filter button.add-on { height:34px; width:30px; }
.admin-license-wrapper .tabsbar .filter input { padding: 6px; }
.admin-license-wrapper .tabsbar .filter .add-on.glyphicons i:before { top:10px; left:7px; }
.admin-license-wrapper .dataTables_wrapper .row-fluid:first-child { display:none; }

.admin-license-wrapper .more-data-wrapper { white-space:nowrap; }
.admin-license-wrapper .device-more-data { border: 1px solid #7c7c7c;width:20px;text-align:center;display: inline-block; margin-right:4px; }
.admin-license-wrapper .device-more-data.hide { opacity:0.2; }
.modal.admin-license-edit-wrapper .modal-body { max-height:none; }

.admin-license-wrapper .filters .btn.mini { padding: 0 8px; font-size: 11px; }
.admin-license-wrapper .filters .btn.mini.active { background-color: #572b63; }
.admin-license-wrapper .filter .btn-default.negated { background: #c00; color: #fff; text-shadow: none; box-shadow: unset; }
.admin-license-wrapper .filter .btn-default.negated > span:first-child { text-decoration: line-through; }


.admin-license-bootbox .license-type-left-wrapper { float:left; }
.admin-license-bootbox .license-type-middle-wrapper { float:left;margin-left:20px; }
.admin-license-bootbox .license-type-middle-wrapper .type-header { margin-right:30px; }
.admin-license-bootbox .license-type-right-wrapper { float:right;margin:0 8px 0 0px; }

.admin-license-wrapper .input-append form { margin:0 0 -3px 0;display:inline-block; }
.admin-license-wrapper .filters .filter-values { display:flex;flex-flow:row wrap;margin-left:148px;margin-top:-20px; }
@media (max-width: 480px) { 
	.admin-license-wrapper .input-append form { display:block; }
	.admin-license-wrapper .filters .filter-values { margin-left:-3px;margin-top:5px; }
	.admin-license-bootbox .license-type-left-wrapper { margin-left:0px; }
	.admin-license-bootbox .license-type-right-wrapper { float:left;margin:0; }
}

.admin-license-wrapper .table .striked { text-decoration: line-through; }

.admin-license-form .title { margin-top:4px; }
.admin-license-form #replacedByWrapper a { margin-top:5px; display:inline-block; cursor:default; }

.admin-license-wrapper .table .device-grace-days { display: inline-block;position: absolute;margin-left: 6px;margin-top: 5px; }
.admin-license-wrapper .table .device-grace-days i:before { font-size: 11px; color: #f00;}

.admin-license-wrapper .created-licenses-wrapper .heading { width:100%; }
.admin-license-wrapper .created-licenses-wrapper .heading .toggle-button .labelLeft { padding:0 2px; }
.admin-license-wrapper .created-licenses-wrapper .heading .toggle-button .labelRight { padding:0 1px; }

/* ------------- */
/* Admin devices */
/* ------------- */
.admin-devices .glyphicons.red i:before { color:#ca4741; font-size:18px; margin-top:-4px;}
.admin-devices .glyphicons.green i:before { color:#25BF68; font-size:18px; margin-top:-4px;}
.admin-devices-form div.title { line-height:1; display: flex;align-items: center;}
.admin-devices .more-data-wrapper { white-space:nowrap; }
.admin-devices .device-more-data { border: 1px solid #7c7c7c;width:20px;text-align:center;display: inline-block; margin-right:4px;overflow:hidden; }
.admin-devices .device-more-data.hide { opacity:0.2; }

.admin-devices .tabsbar .bootstrap-select ul li { background:none; float:none; height:auto; border:none; padding:0; }
.admin-devices .tabsbar .bootstrap-select ul li a { background:none; height:auto; }
.admin-devices .tabsbar .bootstrap-select ul { height:auto; max-height:500px; }
.admin-devices .tabsbar label.control-label { display:inline-block; margin:5px 5px 0 0; }
.admin-devices .tabsbar .controls { display:inline-block; }

.admin-devices.device-filter .tabsbar {margin: 0 !important;}

.admin-devices .tabsbar .filter { margin-top:8px;margin-bottom:8px; }
.admin-devices .tabsbar #device-search-input { width:187px; height:24px; font-size:14px; }
.admin-devices .tabsbar .filter button.add-on { height:34px; width:30px; }
.admin-devices .tabsbar .filter .add-on.glyphicons i:before { top:10px; left:7px; }
.admin-devices .dataTables_wrapper .row-fluid:first-child { display:none; }

.admin-devices .filters .btn.mini { padding: 0 8px; font-size: 11px; }
.admin-devices .filters .btn.mini.active { background-color: #572b63; }
.admin-devices  .btn-default.negated { background: #c00; color: #fff; text-shadow: none; box-shadow: unset; }
.admin-devices  .btn-default.negated > span:first-child { text-decoration: line-through; }

.admin-devices table.device-filters tr td:first-child{
    padding: 0 40px 15px 0;
}

.admin-devices table.device-filters tr td:last-child{
    padding: 0 0 15px 0;
}

.admin-devices .offlineStatus select { width: 100px;height: 20px;padding: 0 0px;font-size: 12px;color:#7c7c7c; }
.admin-devices .offlineStatus.UNPLANNED select { background-color:yellow; }

.modal.admin-device-edit-wrapper .modal-body { max-height:none; }
.admin-devices .input-append form { margin:0 0 -3px 0;display:inline-block; }
.admin-devices .filters .filter-values { display:flex;flex-flow:row wrap;margin-left:148px;margin-top:-20px; }
@media (max-width: 480px) { 
	.admin-devices .input-append form { display:block; }
	.admin-devices .filters .filter-values { margin-left:-3px;margin-top:5px; }
}

.bootbox.admin-device-edit-wrapper { width: 800px; max-width: 95%; margin-left: 0; transform: translateX(-50%); }
@media (max-width: 767px) { .bootbox.admin-device-edit-wrapper { transform:none; } }

.bootbox.admin-devices-uptimeLogModal { width:1000px; margin-left:-500px;}

/* -------------------- */
/* Admin replace device */
/* -------------------- */

.replace-device .error-wrapper { font-size: 12px; display:inline-block; background:#b55151; color:#fff; border-radius: 5px; padding: 3px 5px; }
.replace-device .success-wrapper { background:#609450; color:#fff; border-radius: 5px; padding: 3px 5px; }

/* --------------------- */
/* Admin clients         */
/* --------------------- */
.admin-client .glyphicons.grey  { top: -6px; }
.admin-client .glyphicons.grey i::before { color: #7c7c7c; font-size:18px; }
.admin-clients-modal .modal-body { max-height:600px; }
.admin-client td.no-padding { padding:0; }
.admin-client .header .glyphicons { padding:5px 0 10px 16px; }
.admin-client .header .glyphicons.grey i::before { color: #7c7c7c; font-size:18px; }

.admin-client .dataTable tbody button i::before { font-size: 11px;top:2px;left: 6px; } 
.admin-client .dataTable tbody button { height:16px;padding: 5px 7px 10px 16px; }
.admin-client .dataTables_wrapper>.row-fluid:first-child { display: none; }

.admin-client .filter { margin:8px 0; }
.admin-client .filter button.add-on { height:34px;width:30px; }
.admin-client .filter .add-on.glyphicons i:before { top:10px; left:7px; }
.admin-client .tabsbar label.control-label { display: inline-block;margin: 5px 5px 0 0; }
.admin-client .tabsbar .controls { display:inline-block; }
.admin-client .tabsbar .input-append form { margin:0 0 -3px 0;display:inline-block; }
.admin-client .tabsbar #user-search-input { width:187px; height:24px; font-size:14px; }

.admin-client .system-owner hierarchy-search .results{overflow-x: hidden;}
.admin-client .system-owner hierarchy-search .angular-ui-tree-nodes .node-embed.leaf{padding-left: 0 !important;}

.admin-client .filters .btn.mini { padding: 0 8px; font-size: 11px; }
.admin-client .filters .btn.mini.active { background-color: #572b63; }
.admin-client .filter .btn-default.negated { background: #c00; color: #fff; text-shadow: none; box-shadow: unset; }
.admin-client .filter .btn-default.negated > span:first-child { text-decoration: line-through; }
.admin-client .filters { margin-top:8px; }
.admin-client .filters .filter-values { display:flex;flex-flow:row wrap;margin-left:148px;margin-top:-20px; }
@media (max-width: 480px) { 
	.admin-client .input-append form { display:block; }
	.admin-client .filters .filter-values { margin-left:-3px;margin-top:5px; }
}

.admin-client .search-users-btn { padding:10px 15px 10px 35px !important; font-size:16px; }
.admin-client .search-users-btn i:before { top:5px; }
/* --------------------- */
/* Admin client settings */
/* --------------------- */

.admin-client-settings .approval-checkboxes .header { width:120px;display:inline-block; }
.admin-client-settings .approval-checkboxes .checkbox-wrapper { display: inline-block; }
.admin-client-settings .approval-checkboxes .control-wrapper { margin-left:10px; }
.admin-client-settings .app-template-list-wrapper > div { display: inline-block; }
.admin-client-settings .app-template-list-wrapper .list-title { margin: 5px 12px;display: block; }
.admin-client-settings .app-template-list-wrapper .list-title i::before { font-size:17px; margin:1px 13px; }
.admin-client-settings .app-template-list-wrapper .list-title.ok i::before { color:#609450; }
.admin-client-settings .app-template-list-wrapper .list-title.ban i::before { color:#b55151; }
.admin-client-settings .app-template-list { width: 300px;display: inline-block;list-style-type: none;border:1px solid #d8d8d8;height:500px;overflow:auto; padding: 5px 0; background: #fff;}
.admin-client-settings .app-template-list .img { width: 70px; height: 40px;display: inline-block;background-size: contain;background-repeat: no-repeat; }

.admin-client-settings .must-read-defaults { margin-bottom:5px; }
.admin-client-settings .must-read-defaults span { display:inline-block; min-width:250px; }
.admin-client-settings .must-read-defaults .prefix { display:block; float:right; }
.admin-client-settings .must-read-defaults .info { display:inline-block; font-style:italic; font-size:10px; }
.admin-client-settings .must-read-defaults input { width:100px; }

.admin-client-settings .logo-wrapper { width:100px;min-height:70px; margin: 10px;border: 1px dashed #d8d8d8;background: #fff; display:inline-block;position:relative; }
.admin-client-settings .logo-wrapper.no-image img { display:none }
.admin-client-settings .logo-wrapper.no-image::after { content: "No image";transform: translate(-50%, -50%);display: block;top: 50%;left: 50%;position: absolute;white-space: nowrap; }
.admin-client-settings .logo-upload { display:inline-block;vertical-align: top;margin: 10px; }
.admin-client-settings .logo-btn { height: 25px;padding: 2px 5px 5px 5px; margin-top:4px; }

.admin-client-settings .settings-wrapper{
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}

.admin-client-settings h4.heading-arrow{
    margin: 0 0 20px !important;
}

.admin-client-settings .support-switch-wrapper .disabled { filter:grayscale(1);opacity:0.5; }
.admin-client-settings .client-structure-wrapper .dropdown-menu a { display: flex; align-items: center; }
.admin-client-settings .client-structure-wrapper .dropdown-menu a .superuser-tag { margin-left: 4px; }
.admin-client-settings .client-structure-wrapper .delete-btn:not(.glyphicons) { margin: 0; padding: 0; height: 18px; width: 24px; margin-left: 8px; }
.admin-client-settings .client-structure-wrapper .delete-btn:not(.glyphicons) .ms-icon { font-size: 18px; }

/* --------------------- */
/* Admin users list      */
/* --------------------- */
.admin-users-list .header .glyphicons { padding:5px 0 10px 16px; }
.admin-users-list .header .glyphicons.grey i::before { color: #7c7c7c; font-size:18px; }

/* .admin-users-list .dataTable tbody button i::before { font-size: 11px;top:2px;left: 6px; }  */
/* .admin-users-list .dataTable tbody button { height:16px;padding: 5px 7px 10px 16px; } */
.admin-users-list .dataTables_wrapper .row-fluid:first-child { display: none; }
.admin-users-list td.align-middle{vertical-align: middle;}

.admin-users-list .filter { margin:8px 0; }
.admin-users-list .filter button.add-on { height:34px;width:30px; }
.admin-users-list .filter .add-on.glyphicons i:before { top:10px; left:7px; }
.admin-users-list .tabsbar label.control-label { display: inline-block;margin: 5px 5px 0 0; }
.admin-users-list .tabsbar .controls { display:inline-block; }
.admin-users-list .tabsbar .input-append form { margin:0 0 -3px 0;display:inline-block; }
.admin-users-list .tabsbar #user-search-input { width:187px; height:24px; font-size:14px; }

.admin-users-list .filters .btn.mini { padding: 0 8px; font-size: 11px; }
.admin-users-list .filters .btn.mini.active { background-color: #572b63; }
.admin-users-list .filter .btn-default.negated { background: #c00; color: #fff; text-shadow: none; box-shadow: unset; }
.admin-users-list .filter .btn-default.negated > span:first-child { text-decoration: line-through; }
.admin-users-list .filters { margin-top:8px; }
.admin-users-list .filters .filter-values { display:flex;flex-flow:row wrap;margin-left:148px;margin-top:-20px; }

.admin-users-list tr.success td{
    animation-name: greenBlink;
    animation-duration: .8s;
    animation-iteration-count: 2;
}

@keyframes greenBlink{
    0%   { background-color: 	rgba(255,255,255, 1); } 
    50%  { background-color: 	rgba(50,205,50,.5); }
    100% { background-color: 	rgba(255,255,255, 1); }
}

@media (max-width: 480px) { 
	.admin-users-list .input-append form { display:block; }
	.admin-users-list .filters .filter-values { margin-left:-3px;margin-top:5px; }
}

.admin-users-list .search-users-btn { padding:10px 15px 10px 35px !important; font-size:16px; }
.admin-users-list .search-users-btn i:before { top:5px; }

/* --------------------- */
/* Create users          */
/* --------------------- */

.create-users .overwrite-wrapper{
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.create-users .overwrite-wrapper input[type=checkbox] { margin: 0; }
.create-users tr.overwrite-row td:not(.active,.is-delete-col) { background-color: rgba(0,0,0,.15) !important; }
.create-users tr.overwrite-row input[type=text] { width: calc(100% - 12px); }
.create-users .table-striped tbody tr:nth-child(odd).error td { background-color: #f2dede; } 

th span.password-header{
    display: flex;
    align-items: center;
    column-gap: 20px;
}

th span.password-header .password-icon{
    height: 15px;
    width: 15px;
    padding: 0 !important;
}

th span.password-header .password-icon i::before{font-size: 15px;color: black !important;}


/* --------------------- */
/* Send a file           */
/* --------------------- */

.send-a-file-wrapper .message .add-on { height:70px; }
.send-a-file-wrapper .message textarea { border-radius:0 4px 4px 0; height: 80px; }
.send-a-file-sent-wrapper .success-msg { background: #609450;color:#fff;padding:5px 15px;border-radius: 5px;display: inline-block}

/* --------------------- */
/* Scenario editor       */
/* --------------------- */

.scenario-editor-view .available-media-wrapper { margin-top:20px; }
.scenario-editor-view .control-group .control-label { font-weight:bold; width:140px; display:inline-block; }
.scenario-editor-view .control-group .controls { display:inline-block; }
.scenario-editor-view .control-group .controls input,
.scenario-editor-view .control-group .controls .dropdown { width:250px; margin-bottom:0px; }
.scenario-editor-view .control-group .create-link { font-size:11px;margin-left:5px;cursor:pointer; }
.scenario-editor-view .media-grid .slot-image { position:absolute;width:100%;height:100%;background-repeat:no-repeat; }
.scenario-editor-view .media-grid .droppable-over .slot-image { box-shadow:inset 0px 0px 9px 0px rgba(0,0,0,0.57); }
.scenario-editor-view .media-grid .spread-overlay { margin-top:0px;height:100%;width:100%;max-height:100%;position:absolute; left: 0px; text-align: center; font-size: 30px; line-height: 0px; top: 11px; }

.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul li.tab-outer-wrapper { height:60px; }
.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul li.tab-outer-wrapper.add-new-device-wrapper { position:relative; }
.scenario-editor-view .device-configuration li .tab-wrapper { height:60px;padding-left:8px;overflow:hidden;position:relative; }
.scenario-editor-view .device-configuration li .device-thumb { padding-top: 5px;display: inline-block; }
.scenario-editor-view .device-configuration li .device-title { display: inline-block; vertical-align:middle;margin:18px 0 0 10px;font-weight: bold;cursor:default; }
.scenario-editor-view .device-configuration li.active .device-title { color:#fff; }

.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul .navbar { margin-bottom:0; }
.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul .navbar .dropdown-menu { display:none;top:inherit;width:220px; }
.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul .navbar.open .dropdown-menu { display:block; }
.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul li .navbar { position: absolute; top: 0;right: 0; }
.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul li .navbar > ul { height:40px }
.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul .dropdown-menu .glyphicons i::before { color:#9a9a9b;margin:5px; }
.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul .dropdown-menu .glyphicons { width:100%; padding:0px 0 5px 35px; cursor:pointer; }
.scenario-editor-view .device-configuration li.add-new-device-wrapper .tab-wrapper { position:static; overflow:hidden; }
.scenario-editor-view .device-configuration li.add-new-device-wrapper .glyphicons { height:60px; width:50px; }
.scenario-editor-view .device-configuration li.add-new-device-wrapper .glyphicons i::before { font-size:25px; color:#9a9a9b; margin:20px 10px; }
.scenario-editor-view .device-configuration li.add-new-device-wrapper .device-title { font-size:inherit;opacity: 0.5;vertical-align:22px; font-weight:normal; font-style:italic; }
.scenario-editor-view .device-configuration li.add-new-device-wrapper li { padding-left:10px; cursor:pointer; overflow:hidden; }
.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul li.add-new-device-wrapper .dropdown-menu { display:none;top:inherit;width:220px;overflow:hidden; }
.scenario-editor-view .device-configuration.widget.widget-tabs-vertical .widget-head ul li.add-new-device-wrapper.open .dropdown-menu { display:block;right: 3px; top: 3px;max-height:240px;overflow-y: auto; }

.scenario-editor-view .device-wrapper { display:inline-block;padding: 0 37px 16px; }
.scenario-editor-view .device-wrapper.selected { box-shadow:inset 0 3px 8px rgba(0,0,0,.24); }

.scenario-editor-view .available-devices-wrapper { min-width:270px; }
.scenario-editor-view .available-devices-wrapper .heading { display: block;padding: 1px 0 0 26px;width: auto;line-height:26px;color: #7c7c7c;float: left;font-size: 12px;margin: 0; }
.scenario-editor-view .available-devices-wrapper .heading i:before { font-size: 16px; line-height:28px; }
.scenario-editor-view .available-devices-wrapper .accordion-body { background:#fff; padding:10px; height:140px; overflow-x:hidden; overflow-y:scroll; } 
.scenario-editor-view .available-devices-wrapper .accordion-body .inner-wrapper { width:100%;padding:5px 0; overflow:hidden; }
.scenario-editor-view .available-devices-wrapper .accordion-body .device-thumb { display:inline-block; margin:5px 10px 5px 5px; width:60px; min-width:60px; height:50px; display:table-cell; background-repeat:no-repeat; background-position:center; background-size: contain; background-image:url(images/box.png); }
.scenario-editor-view .available-devices-wrapper .accordion-body .device-title { margin-left:10px; margin-top:5px; display:table-cell; vertical-align:middle; padding-left:5px; width:100%; }
.scenario-editor-view .available-devices-wrapper .accordion-body .device-title div { width:100%; height:100%; }
.scenario-editor-view .scenario-wrapper { display: flex; justify-content: center;  flex-direction: column;  align-items: center; padding:20px;width:192px;text-align:center;overflow:hidden;height:174px;border-radius: 10px; position: relative; background: white; box-shadow: 0 0 7px 0px #cdcdcd; margin-right: 10px; margin-bottom: 5px;}

.bootbox.remote-control-settings-wrapper .user-list-wrapper > div { display: inline-block; }
 .user-list-wrapper .list-title { margin: 5px 0px;display: block; }
.bootbox.remote-control-settings-wrapper .user-list-wrapper .list-title i::before { font-size:17px; margin:1px 13px; }
.bootbox.remote-control-settings-wrapper .user-list-wrapper .list-title.ok i::before { color:#609450; }
.bootbox.remote-control-settings-wrapper .user-list-wrapper .list-title.ban i::before { color:#b55151; }
.bootbox.remote-control-settings-wrapper .user-list { width:240px;display: inline-block;list-style-type: none;border:1px solid #d8d8d8;height:300px;overflow-y:auto;overflow-x:hidden;padding: 5px 0; background: #fff;margin-left:10px;}
.bootbox.remote-control-settings-wrapper .user-list .img { width: 70px; height: 40px;display: inline-block;background-size: contain;background-repeat: no-repeat; }
.bootbox.remote-control-settings-wrapper .user-list li { width:230px; overflow:hidden; }
.bootbox.remote-control-settings-wrapper .user-wrapper { height:30px;border-bottom: 1px solid #ccc;padding:5px 10px 5px 36px;line-height:14px;color:#fff;background-color: #fafafa;border: 1px solid #ccc;margin:5px 10px;display: block; }
.bootbox.remote-control-settings-wrapper .user-wrapper i:before { top:8px; left: 5px; color:#fff; }
.bootbox.remote-control-settings-wrapper .user-wrapper span { width:500px; display:inline-block; }
.bootbox.remote-control-settings-wrapper .user-wrapper .username { font-size:11px; }
.bootbox.remote-control-settings-wrapper #includedUsers .user-wrapper { background-color:#609450; }
.bootbox.remote-control-settings-wrapper #excludedUsers .user-wrapper { background-color:#b55151; }


/* --------------------- */
/* Sequence editor       */
/* --------------------- */

.sequence-editor-view .available-media-wrapper { margin-top:20px;min-width:180px; }
.sequence-editor-view .available-media-wrapper.non-prerender-sequence { margin-top:0px; }
.sequence-editor-view .available-media-wrapper .special-source .item-wrapper { margin-bottom: 10px; display:table; }
.sequence-editor-view .available-media-wrapper .special-source .item-wrapper img { border:1px solid #d8d8d8;display:inline-block;vertical-align:top; display:table-cell; }
.sequence-editor-view .available-media-wrapper .special-source .item-wrapper .slot-desc { display:inline-block;margin:3px; display:table-cell; padding-left:10px; vertical-align:middle; }

.sequence-editor-view .control-group .control-label { font-weight:bold; width:140px; display:inline-block; }
.sequence-editor-view .control-group .controls { display:inline-block; }
.sequence-editor-view .control-group .controls input,
.sequence-editor-view .control-group .controls .dropdown { width:250px; margin-bottom:0px; }
.sequence-editor-view .control-group .create-link { font-size:11px;margin-left:5px;cursor:pointer; }
.sequence-editor-view .media-grid .slot-image { position:absolute;width:100%;height:100%;background-repeat:no-repeat; }
.sequence-editor-view .media-grid .droppable-over .slot-image { box-shadow:inset 0px 0px 9px 0px rgba(0,0,0,0.57); }
.sequence-editor-view .media-grid .spread-overlay { margin-top:0px;height:100%;width:100%;max-height:100%;position:absolute; left: 0px; text-align: center; font-size: 30px; line-height: 0px; top: 11px; }
.sequence-editor-view .media-grid .video-playlist-item.WEB_SLOT:hover .settings,
.sequence-editor-view .media-grid .video-playlist-item.VIRTUAL_DEVICE_SLOT:hover .settings,
.sequence-editor-view .media-grid .video-playlist-item.PROMO_SLOT:hover .settings,
.sequence-editor-view .media-grid .video-playlist-item.MAIL_IN_SLOT:hover .settings,
.sequence-editor-view .media-grid .video-playlist-item.METADATA_SLOT:hover .settings,
.sequence-editor-view .media-grid .video-playlist-item.HTML_PACKAGE_SLOT:hover .settings { position:absolute; right:3px; top:3px; }

.sequence-editor-view .media-grid.video-wall .video-wall-screen-wrapper { clear:both;position:relative;border-bottom: 1px dashed #777;padding:2px 0;margin:10px 0; }
.sequence-editor-view .media-grid.video-wall .video-wall-screen-wrapper:last-child { border-bottom:none; }
.sequence-editor-view .media-grid.video-wall .prerender-row-number { position: absolute;top: -10px;left: 0px;background: #ccc;padding: 3px 5px 3px 5px;line-height: 10px;border-radius: 0px 0px 5px 0px;font-size: 10px;color: #000; }

.sequence-editor-view .sequence-wrapper { padding:20px;display:inline-block;width:192px;text-align:center;overflow:hidden;height:174px;border-radius: 10px; position: relative;background: white; box-shadow: 0 0 7px 0px #cdcdcd; margin-right: 10px;margin-bottom: 5px;position:relative; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.sequence-editor-view .sequence-card { padding:20px;display:block;text-align:center;overflow:hidden; border-radius: 10px; position: relative; }
.sequence-editor-view .sequence-card.span4,
.sequence-editor-view .sequence-card.span2 { margin: 0; }
.action-buttons { top:6px;position: absolute;right: 6px; white-space: nowrap; display: flex; flex-direction: column; gap: 4px; }
.action-buttons button { height: 30px; margin: 0 !important; z-index: 100; }
.action-buttons button .ms-icon { font-size: 20px; }
.sequence-editor-view .masonry-grid { position:relative;width:100%;will-change:height; }
.sequence-editor-view .linear-grid .sequence-card { height: 300px; width: 300px; }
.sequence-editor-view .masonry-grid .sequence-card { width:300px; will-change: transform; }
.btn.btn-icon.btn-icon-only:not(.glyphicons) { padding: 4px; }

.sequence-editor-view .prerender-status-wrapper { margin-left:0 }
.sequence-editor-view .prerender-status-wrapper .more-btn a.glyphicons i::before { font-size:12px;color:#cdcdcd; }
.sequence-editor-view .prerender-status-wrapper .more-btn a.glyphicons:hover i::before { color:#777; }
.sequence-editor-view .prerender-status-wrapper .glyphicons.eye_open i::before { font-size:15px;padding: 4px 0 0 25px;color:#7c7c7c; }

.sequence-editor-view .layout-wrapper { padding:5px 5px 10px; margin:0 1.49254% 10px 0; height:150px; }
.sequence-editor-view .layout-wrapper.selected { box-shadow:inset 0 3px 8px rgba(0,0,0,.24); }
.sequence-editor-view .layout-wrapper.hoverable { height:200px; }
.sequence-editor-view .layout-wrapper.hoverable:hover {  box-shadow:inset 0 3px 8px rgba(0,0,0,.24); }

.sequence-editor-view .video-playlist-wrapper.details .video-playlist { background:#fff; vertical-align:top; /*For IE*/  min-height:80px;}
.sequence-editor-view .video-playlist-wrapper.details .video-playlist .slot-footer { font-size:8pt; }

.sequence-editor-view .ribbon-wrapper.tiny { height:32px; width:32px; top:0px; right:0px; }
.sequence-editor-view .ribbon-wrapper.tiny .ribbon { font-size:9px; line-height:2px; left:1px; top:-6px; width:50px; height:8px; }
.sequence-editor-view .ribbon-wrapper.tiny .ribbon.Pending { background-color:#ab7a4b; }
.sequence-editor-view .ribbon-wrapper.tiny .ribbon.Approved { background-color:#609450; }
.sequence-editor-view .ribbon-wrapper.tiny .ribbon.Archived { background-color:#999999; }

.sequence-editor-view .ribbon-wrapper.below.tiny {height:26px;width:26px;top: auto;right: auto;bottom: 0;left: 0; }
.sequence-editor-view .ribbon-wrapper.below.tiny .ribbon { font-size: 9px;line-height: 2px;left: -19px;bottom: -13px;width: 50px;height: 8px;top: auto;padding: 2px 0px 14px 0; }
.sequence-editor-view .ribbon-wrapper.below.tiny i::before { left: 16px;top:2px;font-size:10px;transform: rotate(-45deg); color:#fff; }

.sequence-editor-view .player-setup-settings-wrapper .form-horizontal .control-group { margin-bottom:5px; }
.sequence-editor-view .player-setup-settings-wrapper .control-label { font-weight:normal; width:150px; }
.sequence-editor-view .player-setup-settings-wrapper .control-label.bold { font-weight:bold; }
.sequence-editor-view .player-setup-settings-wrapper .controls { margin-left: 40px; }

.sequence-editor-view .video-playlist-wrapper.details { min-height:117px; }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item { width:100px; }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item .slot-header { height:18px;font-size:12px;line-height:15px }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item .slot-image { width:98px; height:60px }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item .slot-footer { height:26px; width:98px; font-size:7pt; }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item .slot-footer .duration-input { width: 20px;margin-bottom: 0;height:8px;line-height:13px;font-size:10px;text-align:center; }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item .slot-footer .duration { width:20px;margin-bottom: 0;height:8px;line-height:13px;font-size:10px;text-align:center;top:1px !important;height:8px !important; }
/*.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item.plain-slot.movie .slot-footer div,
.sequence-editor-view .video-playlist-wrapper.details .video-playlist.noneditable .video-playlist-item.plain-slot.image .slot-footer div,
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item.VIRTUAL_DEVICE_SLOT .slot-footer div,
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item.PROMO_SLOT .slot-footer .not-assigned { margin-top:5px; }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item.plain-slot.image .slot-footer div { margin-top:0px; }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item.WEB_SLOT .slot-footer div { margin-top:0px; }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item.plain-slot.htmlpackage .slot-footer div { margin-top:2px; }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item.MAIL_IN_SLOT .slot-footer div { margin-top:0px; }*/
.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item .slot-footer div { margin-top:0px; }

.sequence-editor-view .video-playlist-wrapper.details .video-playlist.noneditable .video-playlist-item.WEB_SLOT .slot-footer div { margin-top:5px; }

/*.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item.PROMO_SLOT .slot-footer > div  { height:100%; margin-top:0px; }*/
/*.sequence-editor-view .video-playlist-wrapper.details .video-playlist-item.PROMO_SLOT .slot-footer > div > div.not-assigned { margin-top:4px; }*/

.sequence-editor-view .video-playlist-wrapper.details .droparea-placeholder { width:100px; height:105px; margin:0 5px; }
.sequence-editor-view .playlists .more-btn .glyphicons i:before { font-size:11px; margin:10px 0 0 11px; }
.sequence-editor-view .video-playlist-wrapper.details .slot-footer .live-link-footer button { padding: 0px 2px 5px 2px;font-size:9px;height:20px; }
.sequence-editor-view .video-playlist-wrapper.details .slot-footer .live-link-footer > .edit-pptx { left:3px; }
.sequence-editor-view .video-playlist-wrapper.details .slot-footer .live-link-footer.image i:before { font-size:9px;width:12px;top:-2px; }
.sequence-editor-view .video-playlist-wrapper.details .slot-footer .live-link-footer.image .duration { width:20px; right:3px; top:-1px; }

.sequence-editor-view .video-playlist-item.PROMO_SLOT:hover .settings,
.sequence-editor-view .video-playlist-item.VIRTUAL_DEVICE_SLOT:hover .settings,
.sequence-editor-view .video-playlist-item.MAIL_IN_SLOT:hover .settings,
.sequence-editor-view .video-playlist-item.WEB_SLOT:hover .settings,
.sequence-editor-view .video-playlist-item.METADATA_SLOT:hover .settings,
.sequence-editor-view .video-playlist-item.HTML_PACKAGE_SLOT:hover .settings { background:#fff; height: 16px; right: 20px; top:23px; width: 16px; opacity:0.67;border-radius:4px; }
.sequence-editor-view .video-playlist-item.PROMO_SLOT:hover .settings div,
.sequence-editor-view .video-playlist-item.VIRTUAL_DEVICE_SLOT:hover .settings div,
.sequence-editor-view .video-playlist-item.MAIL_IN_SLOT:hover .settings div,
.sequence-editor-view .video-playlist-item.WEB_SLOT:hover .settings div,
.sequence-editor-view .video-playlist-item.METADATA_SLOT:hover .settings div,
.sequence-editor-view .video-playlist-item.HTML_PACKAGE_SLOT:hover .settings div { background-position:0; }
.sequence-editor-view .video-playlist-item .trigger, .sequence-editor-view .video-playlist-item .scheduling { top:20px;height:16px;width:16px;right:20px; }
.sequence-editor-view .video-playlist-item:hover .trigger div i:before,
.sequence-editor-view .video-playlist-item:hover .scheduling div i:before,
.sequence-editor-view .video-playlist-item:hover .light div i:before { font-size: 12px;padding:2px; }
.sequence-editor-view .video-playlist-item .light { top:23px;height:16px;width:16px;right:23px; }

.sequence-editor-view .video-playlist-wrapper.details .video-playlist .infinity-wrapper { display:inline-block;font-size:24px;vertical-align:-4px;padding-left:0px; }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist .infinity-wrapper .glyphicons { padding: 0 15px 0 0; }
.sequence-editor-view .video-playlist-wrapper.details .video-playlist .infinity-wrapper .glyphicons i:before { font-size:11px;top:-14px; }

.sequence-editor-view .overlay-asset-wrapper .ui-droppable { width:100px; height:56px; border:1px solid #d8d8d8; display:inline-block; }
.sequence-editor-view .overlay-asset-wrapper .ui-droppable .slot-image { background-size: contain; background-position:center; background-repeat:no-repeat; background-color:#e7e7e7; width:100%; height:56px; position:relative; } 
.sequence-editor-view .overlay-asset-wrapper .ui-droppable .drag-desc { text-align: center; padding:5px 2px;font-size: 13px;font-style: italic; color: #d8d8d8 }
.sequence-editor-view .overlay-asset-wrapper .overlay-desc { font-style: italic;font-size:11px; line-height:14px;display:inline-block;margin-left: 10px; margin-top:30px; vertical-align:top; }
.sequence-editor-view .overlay-asset-wrapper .ribbon-wrapper.tiny { height:32px; width:32px; top:0px; right:0px; }
.sequence-editor-view .overlay-asset-wrapper .ribbon-wrapper.tiny .ribbon { font-size:9px; line-height:2px; left:1px; top:-6px; width:50px; height:8px; }
.sequence-editor-view .overlay-asset-wrapper .ribbon-wrapper.tiny .ribbon.Pending { background-color:#ab7a4b; }
.sequence-editor-view .overlay-asset-wrapper .ribbon-wrapper.tiny .ribbon.Approved { background-color:#609450; }
.sequence-editor-view .overlay-asset-wrapper .ribbon-wrapper.tiny .ribbon.Archived { background-color:#999999; }

.sequence-editor-view .prerender-status-wrapper .popover { max-width:400px; }
.sequence-editor-view .prerender-status-wrapper .popover .popover-title { white-space:nowrap; }
.sequence-editor-view .prerender-wrapper .zoom_in { padding:0px 0 0px 17px;color:#7c7c7c; }
.sequence-editor-view .prerender-wrapper .zoom_in i::before { top:4px; font-size:13px; }
.sequence-editor-view .prerender-wrapper .orig-dimensions { text-align:center;top:50%;position:relative;transform: translateY(-50%);opacity: 0.3;overflow:hidden; }
.sequence-editor-view .prerender-wrapper .overall-status .header { width:115px;display:inline-block;font-weight:bold;line-height:14px;vertical-align: middle; }
.sequence-editor-view .prerender-wrapper .overall-status .body { border:1px solid #d8d8d8;background:#efefef;display:inline-block;margin:0 0 0 22px;width: calc(100% - 179px);padding: 8px 18px; }
.sequence-editor-view .prerender-wrapper .overall-status i:before { font-size:14px }
.sequence-editor-view .prerender-wrapper .overall-status .glyphicons { padding: 6px 0 5px 18px; }
.sequence-editor-view .prerender-wrapper .overall-status .ok_2 i:before { color:#609450; }
.sequence-editor-view .prerender-wrapper .overall-status .roundabout i:before { color:#beb936; }
.sequence-editor-view .prerender-wrapper .overall-status .warning_sign i:before { color:#b55151; }
.sequence-editor-view .prerender-wrapper .overall-status .value { padding-right:30px; }
.sequence-editor-view .prerender-wrapper .overall-status .value.finished { color:#609450; }
.sequence-editor-view .prerender-wrapper .overall-status .value.pending { color:#beb936; }
.sequence-editor-view .prerender-wrapper .overall-status .value.error { color:#b55151; }

.sequence-editor-view .prerender-wrapper #prerender-slot-wrapper .video-playlist-item::before { content:attr(data-slot-title);top:-20px;position:absolute;overflow:hidden;height:20px;width:100%;font-size:10px; }

.sequence.buttons.pull-right a.glyphicons i::before { color: inherit; font-size: 14px; top: 6px; left: 6px; }
.sequence.buttons.pull-right a.glyphicons { padding-left: 25px;cursor:pointer; }

.sequence-editor-view .layout-wrapper { position:relative; }
.sequence-editor-view .layout-wrapper .action-wrapper { display:none;position:absolute;bottom:8px;right:8px;left:8px; }
.sequence-editor-view .layout-wrapper:hover .action-wrapper { display:block; }
.sequence-editor-view .available-layouts .layout-wrapper + .no-layouts-results { display:none; }
.sequence-editor-view .available-layouts .no-layouts-results { margin: 20px 15px; }

.sequence-editor-view .filter { display: block; margin: 30px 0 0; }
.sequence-editor-view .filter-input { width: 200px; height: 24px; font-size: 14px; }
.sequence-editor-view button.add-on { height: 34px; width: 30px; }

/* --------------------- */
/* Director              */
/* --------------------- */
.director-view .control-group .control-label { font-weight:bold; width:140px; display:inline-block; }
.director-view .control-group .controls { display:inline-block; }
.director-view .control-group .controls .dropdown { width:250px; margin-bottom:0px; }
.director-view .layout-wrapper { padding:5px 5px 10px; margin:0 1.49254% 10px 0; height:175px; min-width:130px; }
.director-view .layout-wrapper.selected { box-shadow:inset 0 3px 8px rgba(0,0,0,.24); }
.director-view .layout-wrapper.hoverable:hover {  box-shadow:inset 0 3px 8px rgba(0,0,0,.24); }

.director-view .device-wrapper { display:inline-block;padding: 0 37px 16px; }
.director-view .device-wrapper.selected { box-shadow:inset 0 3px 8px rgba(0,0,0,.24); }
.director-view .device-configuration.widget.widget-tabs-vertical .widget-head ul li.tab-outer-wrapper { height:60px; }
.director-view .device-configuration li .tab-wrapper { height:60px;padding-left:8px;overflow:hidden;position:relative; }
.director-view .device-configuration li .device-thumb { padding-top: 5px;display: inline-block; }
.director-view .device-configuration li .device-title { display: inline-block; vertical-align: 20px;margin:0 0 0 10px;font-weight: bold;cursor:default; }
.director-view .device-configuration li.active .device-title { color:#fff; }
.director-view .device-configuration li.active .device-device-names { color:#fff; }
.director-view .device-configuration.widget.widget-tabs-vertical .widget-head ul .navbar { margin-bottom:0; }
.director-view .device-configuration.widget.widget-tabs-vertical .widget-head ul .navbar .dropdown-menu { display:none;top:inherit;width:220px; }
.director-view .device-configuration.widget.widget-tabs-vertical .widget-head ul .navbar.open .dropdown-menu { display:block; }
.director-view .device-configuration.widget.widget-tabs-vertical .widget-head ul li .navbar { position: absolute; top: 0;right: 0; }
.director-view .device-configuration.widget.widget-tabs-vertical .widget-head ul li .navbar > ul { height:40px }

.director-view .device-info .disabled { color:#cdcdcd; }

.director-view .accordion .accordion-toggle { height:auto; line-height:auto;border-bottom: 1px solid #d8d8d8; }
.director-view .accordion .accordion-toggle .device-thumb { display:inline-block; padding-top:5px; }
.director-view .accordion .accordion-toggle .device-title { margin-left: 10px; vertical-align: 18px; }
.director-view .accordion .accordion-body { background:#ffffff; }
.director-view .accordion .accordion-body > div { margin:0 10px; }

.director-view .preset-title { font-weight:600; font-size:16px; margin-bottom:20px; }
.director-view .preset-list a { display:block;height:40px;box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #28142E;margin-bottom:10px; line-height:30px; }
.director-view .preset-list a span { display: inline-block; vertical-align: middle; line-height: 14px;}
.director-view .preset-list.dragging { border:3px dashed #cdcdcd;padding: 3px; }
.director-view .preset-list .empty-preset-wrapper { border:3px dashed #cdcdcd;padding: 3px; background:white; }
.director-view .preset-list.dragging .empty-preset-wrapper { display:none }
.director-view .preset-list .empty-preset-wrapper .more-info { padding:7px 6px 5px 12px; }
.director-view .preset-wrapper.fullscreen { margin-left:0px; }
.director-view .preset-wrapper.fullscreen .preset-list { padding-right:30px; }
.director-view .preset-wrapper.fullscreen .preset-list a { width:300px; height:60px; line-height:48px; float:left; margin:0 10px 10px 0; }

.director-view .preset-wrapper .fullscreen-toggle.btn { padding:3px 7px 5px 14px; float:right; }
.director-view .preset-wrapper .fullscreen-toggle.btn i { height: 12px; }
.director-view .preset-wrapper .fullscreen-toggle.btn i::before { width: 20px;height:20px; padding:0;font-size:19px; }

/* --------------------- */
/* Copy machine */
/* --------------------- */

.copy-machine .playlist-wrapper p{
    margin: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;
}

.copy-machine .wrapper .widget{margin: 0 !important;}

.copy-machine td {
    vertical-align: middle;
}

.copy-machine-stages{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}

.copy-machine-stages .stage{
    transition: .5s;
    font-size: 1.15rem;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 2px !important;
}

.copy-machine-stages .stage.active{
    color: #673375;
    border-image: linear-gradient(90deg, 
        rgba(86, 226, 140, 1) 0%, 
        rgba(76, 231, 244, 1) 20%, 
        rgba(163, 155, 249, 1) 40%, 
        rgba(226, 112, 102, 1) 60%, 
        rgba(245, 186, 37, 1) 80%, 
        rgba(235, 238, 104, 1) 100%
    ) 30;;
}

.copy-machine-stages .stage:not(.active){
    color: lightgray;
    border-color: transparent;
}

.copy-machine-stages .line{
    width: 30px;
    height: 2px;
    background-color: lightgray;
}

.playlist-wrapper{
    width: 100%;height: fit-content;position: relative;
}

.playlist-wrapper.whole-device > :not(.whole-device),
.playlist-wrapper.no-config > :not(.no-config),
.playlist-wrapper.empty-playlist > :not(.empty-playlist),
.playlist-wrapper.config > :not(.config){
    display: none !important;
}

.playlist-wrapper >p{padding: 15px 0;}

.playlist-wrapper :is(.empty-playlist, .whole-device){
    background: #e5e5e5;
}

.playlist-wrapper:not(.empty-playlist, .whole-device){
    background-color: white;
}

.copy-machine .copy-machine-section .widget{display: flex;flex-direction: column;height: 100% !important;box-sizing: border-box;}
.copy-machine .copy-machine-section .widget-body{display: grid;grid-template-columns: minmax(0,1fr);grid-template-rows: auto auto minmax(0, 1fr);box-sizing: border-box;}
.copy-machine .copy-machine-section table{border-top: none;border-bottom: none;border-right: none;}
.copy-machine .copy-machine-section table td:nth-of-type(1){border-left: none;}
.copy-machine .copy-machine-section table td:last-child{border-right: none;}

.copy-machine .fixed-layer-settings.SMALL .fixed-layer-options{
    display: grid;grid-template-columns: repeat(6, auto);grid-template-rows: repeat(2, auto); width: fit-content;
    gap: 5px;
}

.copy-machine .fixed-layer-settings.SMALL label:not(:nth-of-type(3), :nth-of-type(6)){padding-right: 15px;}

.copy-machine .fixed-layer-settings.LARGE .fixed-layer-options{
    display: grid;grid-template-columns: repeat(2, auto);column-gap: 10px;margin: 5px 0;width: fit-content;
}

/* --------------------- */
/* New director */
/* --------------------- */

.hardware-device-management.control-multiple-screens .fixed-layer-settings{
    width: fit-content;
}

.hardware-device-management.control-multiple-screens .fixed-layer-settings input{
    margin-left: auto;
}

.hardware-device-management.control-multiple-screens .configuration-thumb.device-thumb-wrapper{
    min-width: 0 !important;
    width: fit-content !important;
}
:is(.hardware-device-management.control-multiple-screens, .copy-machine) .configuration-thumb.device-thumb-wrapper.single-view .view-wrapper{
    transform: initial !important;
    left: 0 !important;
    top: 0 !important;
}

.hardware-device-management.control-multiple-screens .screenshot-wrapper{
    height: 100%;
    width: auto;
    position: relative;
}

.hardware-device-management.control-multiple-screens .screenshot-wrapper .image-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: lightgray;
    text-align: center; 
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.hardware-device-management.control-multiple-screens .screenshot-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.table tbody tr:first-child .popover { top: 112px !important; }
.table tbody tr:first-child .popover.top .arrow { top: -10px; bottom: unset; transform: rotate(180deg); }
.table tbody tr:nth-child(-n+4) a[data-type="date"] + .popover.top .arrow { top: -10px; bottom: unset; transform: rotate(180deg); }
.table tbody tr:nth-child(1) a[data-type="date"] + .popover { top: 112px !important; }
.table tbody tr:nth-child(2) a[data-type="date"] + .popover { top: 174px !important; }
.table tbody tr:nth-child(3) a[data-type="date"] + .popover { top: 254px !important; }
.table tbody tr:nth-child(4) a[data-type="date"] + .popover { top: 330px !important; }

:is(.hardware-device-management.control-multiple-screens, .copy-machine) td.disabled{
    background-color: #dedede !important;
}

:is(.hardware-device-management.control-multiple-screens, .copy-machine) td.disabled span{
    filter: grayscale(.5);
}

.color-picker-examples{
    display: flex;
    column-gap: 5px;
    margin: 5px 0;
}

.color-picker-examples .color-picker-example{
    border-radius: 3px;
    border: solid 1px #C4C4C4;
    background: white;
    padding: 3px;
    box-sizing: border-box;
    transition: .2s;
    cursor: pointer;
}

.color-picker-examples .color-picker-example.active{
    background: #67337540;
    border-color: #673375;
}

.color-picker-examples .color-picker-example .background{width: 18px;height: 18px}

.small-button-icon{
    flex: 0 0 auto;
    box-sizing: border-box;
    aspect-ratio: 1/1;
    border: solid 1px #C4C4C4;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    padding: 0 5px;
    background: white;
    cursor: pointer;
    transition: .2s;
    height: fit-content;
}

.small-button-icon.selected{
    border-color: #673375;
    background: #6733754D;
}


b.play-option{
    border: solid 1px;
    padding: 15px 25px;
    transition: .2s;
    border-radius: 4px;
    cursor: pointer;
}   

b.play-option:not(.selected){
    background: white;
    color: black;
    border-color: lightgray;
}

b.play-option.selected{
    background: #673375;
    color: white;
    border-color: lightgray;
}

 b.play-option:not(.selected):hover{
    background: rgb(229, 229, 229);
}

/* --------------------- */
/* Director multi update */
/* --------------------- */
.director-multi-update-view  #device-table td { vertical-align:middle; min-height: 200px; }
.director-multi-update-view .glyphicons.red i:before { color:#ca4741; font-size:18px; margin-top:-4px;}
.director-multi-update-view .glyphicons.green i:before { color:#25BF68; font-size:18px; margin-top:-4px;}

.director-multi-update-view .tabsbar .bootstrap-select ul li { background:none; float:none; height:auto; border:none; padding:0; }
.director-multi-update-view .tabsbar .bootstrap-select ul li a { background:none; height:auto; }
.director-multi-update-view .tabsbar .bootstrap-select ul { height:auto; max-height:500px; }
.director-multi-update-view .tabsbar label.control-label { display:inline-block; margin:5px 5px 0 0; }
.director-multi-update-view .tabsbar .controls { display:inline-block; }

.director-multi-update-view .tabsbar .filter { margin-top:8px;margin-bottom:8px; }
.director-multi-update-view .tabsbar #device-search-input { width:187px; height:24px; font-size:14px; }
.director-multi-update-view .tabsbar .filter button.add-on { height:34px; width:30px; }
.director-multi-update-view .tabsbar .filter .add-on.glyphicons i:before { top:10px; left:7px; }
.director-multi-update-view .dataTables_wrapper .row-fluid:first-child { display:none; }

.director-multi-update-view .filters .btn.mini { padding: 0 8px; font-size: 11px; }
.director-multi-update-view .filters .btn.mini.active { background-color: #572b63; }
.director-multi-update-view .filter .btn-default.negated { background: #c00; color: #fff; text-shadow: none; box-shadow: unset; }
.director-multi-update-view .filter .btn-default.negated > span:first-child { text-decoration: line-through; }
.director-multi-update-view .input-append form { margin:0 0 -3px 0;display:inline-block; }
.director-multi-update-view .filters .filter-values { display:flex;flex-flow:row wrap;margin-left:148px;margin-top:-20px; }
@media (max-width: 480px) { 
	.director-multi-update-view .input-append form { display:block; }
	.director-multi-update-view .filters .filter-values { margin-left:-3px;margin-top:5px; }
}
.director-multi-update-view .dataTable .glyphicons.red.remove,
.director-multi-update-view .dataTable .glyphicons.green.ok { padding:5px 0 5px 20px; }
.director-multi-update-view .accordion.accordion-2 .accordion-heading .accordion-toggle { background-color: #f2f3f4; }

.director-multi-update-view .widget.widget-tabs-double-2 .widget-body .widget .widget-body { padding:15px; }
.director-multi-update-view .badge { background:var(--md-ref-palette-primary30);color:#fff;padding:4px 10px;border-radius:6px;margin-left:5px;vertical-align:2px; }
.director-multi-update-view .badge.red { background:#b55151; }

.director-multi-update-view .video-playlist { background:#fff; vertical-align:top; height:100%; }
.director-multi-update-view .video-playlist .slot-footer { font-size:8pt; }
.director-multi-update-view .video-playlist .droparea-placeholder { margin-top:5px; }
.director-multi-update-view .video-playlist-wrapper.details .video-playlist-item .slot-footer .duration-input { width:30px;margin-bottom:0;height:12px;line-height:13px; }

.director-multi-update-view .scenario {padding:15px;margin:5px;display:inline-block;width:280px;text-align:center; }
.director-multi-update-view .scenario:hover  { box-shadow: inset 0 3px 8px rgba(0,0,0,.24); }
.director-multi-update-view .scenario.selected { box-shadow: inset 0 3px 8px rgba(0,0,0,.24); background-color:#f2f3f4; }

/* -------------------- */
/* Admin asset metadata / Information Manager */
/* -------------------- */

.admin-asset-metadata .category-wrapper .btn.glyphicons, .information-manager-wrapper .btn.glyphicons { height:10px; }
.admin-asset-metadata .category-wrapper .glyphicons.expand-btn, .information-manager-wrapper a.expand-btn { cursor:pointer; }
.admin-asset-metadata .category-wrapper .glyphicons.delete-btn i::before, .information-manager-wrapper a.delete-btn { font-size:16px; left:4px; top:1px; color:#fff }
.admin-asset-metadata .category-wrapper .glyphicons.add-btn, .information-manager-wrapper a.add-btn { margin-right: 8px; }
.admin-asset-metadata .category-wrapper .glyphicons.add-btn i::before, .information-manager-wrapper a.add-btn i::before { font-size:14px; left:4px; top:2px; color:#fff; transform:rotate(45deg); }
.admin-asset-metadata .category-wrapper .glyphicons.edit-btn i::before, .information-manager-wrapper a.edit-btn i::before, .information-manager-wrapper a.delete-btn i::before { font-size:14px; left:4px; top:2px; color:#fff }
.admin-asset-metadata .category-wrapper .glyphicons.edit-btn, .information-manager-wrapper a.edit-btn{ margin-right: 8px; margin-left:0px; }
.admin-asset-metadata .category-wrapper .add-root-category, .information-manager-wrapper .add-root-category { cursor:pointer; }
.admin-asset-metadata .settings-panel { margin:25px 0 35px; padding:20px; border-radius:12px; background:#fff; box-shadow:0 10px 30px rgba(17, 24, 39, 0.08); border:1px solid rgba(17,24,39,0.06); }
.admin-asset-metadata .app-defaults-description { margin:5px 0 20px; color:#4b5563; }
.admin-asset-metadata .app-defaults-grid { display:flex; flex-direction: column; gap:20px; }
.admin-asset-metadata .app-font-grid, .admin-asset-metadata .app-color-grid { display:flex; flex-wrap:wrap; gap:20px; }
.admin-asset-metadata .app-default-card { flex:1 1 220px; background:var(--md-sys-color-surface, #f8fafc); border-radius:10px; padding:16px; border:1px solid rgba(0,0,0,0.05); min-width:220px; }
.admin-asset-metadata .app-default-card-header { display:flex; flex-direction:column; gap:4px; margin-bottom:12px; color:#111827; font-weight:600; }
.admin-asset-metadata .app-default-card-header small { font-weight:400; color:#6b7280; }
.admin-asset-metadata .app-default-card-body select { margin-bottom:0; }
.admin-asset-metadata .font-card .app-default-card-body { display:flex; flex-direction:column; gap:10px; }
.admin-asset-metadata .font-preview { border-radius:8px; border:1px dashed rgba(0,0,0,0.15); padding:12px 16px; font-size:30px; font-weight:500; color:#111827; background:#fff; text-align:center; }
.admin-asset-metadata .color-card .app-default-card-body.color-body { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.admin-asset-metadata .color-card .color-picker { display:flex; align-items:center; gap:10px; flex:1; }
.admin-asset-metadata .color-card input[type="text"] { width:90px; margin-bottom:0; text-transform:uppercase; }
.admin-asset-metadata .color-card .color-preview { position: relative; width:48px; height:48px; overflow:hidden; border-radius:10px; border:1px solid rgba(0,0,0,0.15); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4); padding:0; background:none; cursor:pointer;}
.admin-asset-metadata .color-card .color-preview .color-input { position: absolute; width: 150%; height: 150%; transform: translate(-50%, -50%); top: 50%; left: 50%; }

/* --------------------- */
/* Module dashboard */
/* --------------------- */

.dashboard .shortcut{border: solid 1px rgba(0,0,0,0.2);border-radius: 5px;padding: 10px;cursor: pointer;margin-bottom: 10px;transition: .2s;}
.dashboard .shortcut:hover{background: rgba(0, 0, 0, .05);}
.dashboard p.empty-message{width: 100%;display: flex;justify-content: center;align-items: center;margin: 0;}

/* --------------------- */
/* Information manager */
/* --------------------- */

.information-manager-wrapper .data-wrapper{border: solid 1px rgba(0,0,0,0.2);padding: 5px 15px;margin: 10px 0;background: rgba(0,0,0,0.04);}
.information-manager-wrapper .data-wrapper .fifoVersion{transition: 1s;position: relative;}
.information-manager-wrapper .data-wrapper .fifoVersion:not(.deleted){opacity: 1;top: 0;}
.information-manager-wrapper .data-wrapper .fifoVersion.deleted{opacity: 0;top: 100px;}
.information-manager-wrapper .lock-version-button i::before{font-size: 15px !important;}
.information-manager-wrapper .lock-version-button.btn-primary i::before{color: white;}
.information-manager-wrapper .coming-soon-wrap{position: absolute;background-color: rgba(0, 0, 0, 0.35);left: 0;top: 0;height: 100%;width: 100%;backdrop-filter: blur(2px);display: flex;justify-content: center;align-items: center;}
.information-manager-wrapper .coming-soon-wrap h2{margin: 0;height: fit-content;width: fit-content;color: rgba(255,255,255,0.5);}
.information-manager-wrapper .color-white i::before{color: white !important;}
.information-manager-wrapper .node-feature{display: grid; grid-template-columns: auto}
.information-manager-wrapper .node-feature:not(.last){margin-right: 20px;}
.information-manager-wrapper .node-feature label{margin: 0;font-size: 0.9em;line-height: 1.1;}
.information-manager-wrapper .node-feature p{margin: 0;min-width: 20%;width: fit-content;font-size: 1.1em;}
.information-manager-wrapper #data-content::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 20px;
}
.information-manager-wrapper #data-content::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,0.2);
    z-index: 1000;
}

.information-manager-wrapper .edit-bar .glyphicons i::before{
    font-size: 1.5em;
    transition: .15s;
}
.information-manager-wrapper .edit-bar .glyphicons:not(.inactive) i::before{
    color: #673375;
    cursor: pointer;
}
.information-manager-wrapper .edit-bar .glyphicons:not(.inactive):hover i::before{opacity: .7;}
.information-manager-wrapper .edit-bar .glyphicons.inactive i::before{
    color: rgba(103,51,117,.5);
    cursor: not-allowed;
}



.preview-version-modal{width: 70vw;margin-left: -35vw;}
.preview-version-modal .modal-body{max-height: 60vh;min-height: 200px;}
.information-manager-wrapper #data-content.node-holder{overflow-y: overlay;overflow-x: hidden; margin: 0;position: relative;padding: 5px 15px}
.information-manager-wrapper .data-wrapper.new-tree, .information-manager-wrapper .data-wrapper.old-tree{position: relative;padding: 5px 0 !important;}
.information-manager-wrapper .data-wrapper.new-tree .status.MODIFIED{background: rgba(0, 126, 217, .35);}
.information-manager-wrapper .data-wrapper.old-tree .status.ERROR{background: rgba(255, 78, 78, .35);}
.information-manager-wrapper .data-wrapper .status.CREATED{background: rgba(102, 204, 0, .35);}
.information-manager-wrapper .data-wrapper .statuses{
    position: absolute;
    width: 100%;
    height: 100%;
}

.information-manager-wrapper .data-wrapper .statuses .status{height:40px;padding:0;}
.information-manager-wrapper .data-wrapper .glyphicons.download i::before{color: #673375; font-size: 32px;}

.info-manager-create-database-license-dropdown { z-index:10002; }
.information-manager-wrapper .editable-buttons .glyphicons.btn { height:26px; }

/* --------------------- */
/*  Module Sale Information   */
/* --------------------- */

.generic-sales .system-images .large-image, .generic-sales .system-images .small-image{background-position: center;background-size: cover;border: solid 1px;border-radius: 2px;}
.generic-sales .system-images .small-image.active{border-color: #5c2483;border: solid 1px;}
.generic-sales .system-images .small-image:not(.active){border-color: rgba(0, 0, 0, .3);}
.generic-sales .system-images .small-image{cursor: pointer;}
.generic-sales .feature-list h4{font-size: 1.65em;line-height: 1.2;margin-bottom: 10px;color: #5c2483;}
.generic-sales .feature-list p{margin: 0;line-height: 1.6;font-size: 1.2em;}
.generic-sales .zoom-bar{width: 100%; height: 20px;padding: 10px;background: rgba(0,0,0,0.5);transition: .2s;display: flex;justify-content: flex-end;}
.generic-sales .large-image .zoom-bar{opacity: 0;}
.generic-sales .large-image:hover .zoom-bar{opacity: 1;}
.generic-sales .zoom-bar .glyphicons{cursor: pointer;}
.generic-sales .zoom-bar .glyphicons i::before{color: white;font-size: 1.5em;}
.generic-sales .title-font-weight{font-weight: 700;}

/* Generic base classes */
.generic-sales .base-text-size{font-size: 1.2em;line-height: 1.6;}
.generic-sales .base-title{color: #5c2483;font-size: 1.75em;margin-bottom: 10px;}
.generic-sales .base-padding{padding: 50px 10vw}

/* Video */
.generic-sales .video-row .span12{width: 100%;height: 35vh;padding: 50px 10vw;display: flex;justify-content: center;}
.generic-sales .video-row video{height: 100%;width: auto;margin-right: 15px;border: solid 1px #b3b3b3;border-radius: 5px;}

/* Features */
.generic-sales .feature-list .span12{width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px;grid-auto-flow: row;padding: 50px 10vw;}

/* Summary */
.generic-sales .summary .span12{width: 100%; display: flex;align-items: center;flex-direction: column;justify-content: center;}
.generic-sales .summary p{max-width: 700px;}

/* Hero */
.generic-sales .hero .span12{width: 100%;height: 50vh;position: relative;overflow: hidden;}
.generic-sales .hero label{margin-bottom: 0;font-size: 1.2em;color: rgba(103,51,117, 0.75);}
.generic-sales .hero h1{color: #5c2483;margin: 10px 0;font-size: 4em;line-height: 100%;font-weight: 600;}
.generic-sales .hero .image{background-repeat: no-repeat;position: absolute;bottom: 0;right: 0;width: 60%;height: 50%;background-position: 0 0;border-radius: 5px 0 0 0;  -webkit-filter: drop-shadow(5px 5px 5px #222);filter: drop-shadow(15px 15px 15px #000);}
.generic-sales .hero p{max-width: 700px;}
/* CTA */
.generic-sales .cta p{max-width: 700px;}

.sales-modal{width: 70vw;margin-left: -35vw;}
.sales-modal .modal-body{max-height: 60vh;min-height: 200px;}

@media (min-width: 1200px){
    
}

/* --------------------- */
/* Admin client settings */
/* --------------------- */

.admin-client-settings .client-structure-wrapper .btn.glyphicons { height:10px; }
.admin-client-settings .client-structure-wrapper .glyphicons.expand-btn { cursor:pointer; }
.admin-client-settings .client-structure-wrapper .glyphicons.delete-btn { margin-left:8px; }
.admin-client-settings .client-structure-wrapper .glyphicons.delete-btn i::before { font-size:16px; left:4px; top:1px; color:#fff }
.admin-client-settings .client-structure-wrapper .glyphicons.add-btn { margin-left: 8px; }
.admin-client-settings .client-structure-wrapper .glyphicons.add-btn i::before { font-size:14px; left:4px; top:2px; color:#fff; transform:rotate(45deg); }
.admin-client-settings .client-structure-wrapper .glyphicons.edit-btn i::before { font-size:14px; left:4px; top:2px; color:#fff }
.admin-client-settings .client-structure-wrapper .glyphicons.edit-btn { margin-left: 8px; margin-right:0px; }
.admin-client-settings .client-structure-wrapper .add-root-category { cursor:pointer; }
.admin-client-settings .client-structure-wrapper .client-group { background:#fff; }

/* --------------------- */
/* Admin active sessions */
/* --------------------- */
.admin-active-sessions .widget-head .glyphicons { padding-right:0; margin-right:-16px; padding-top:8px; }
.admin-active-sessions .widget-head .glyphicons i::before { font-size:16px; }


/* ----------- */
/* System logs */
/* ----------- */
.admin-system-logs .widget-head .glyphicons { padding-right:0; margin-right:-16px; padding-top:8px; }
.admin-system-logs .widget-head .glyphicons i::before { font-size:16px; }

/* --------------------- */
/* Device flash messages */
/* --------------------- */
.flash-messages .dataTable tbody button.glyphicons { height:16px; }
.flash-messages .dataTable tbody button.glyphicons i::before { font-size:11px; top:1px; left:6px; }

/* --------------------- */
/* PPT Device live view  */
/* --------------------- */
.ppt-device-live-view.ppt-plugin { display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;color:black;overflow:hidden;font-family:Nunito; }
.ppt-device-live-view.ppt-plugin .body { display:flex;flex-direction:column;gap:16px;width:100%; }
.ppt-device-live-view.ppt-plugin .body .filter-container { width:100%; }
.ppt-device-live-view.ppt-plugin .body .filter-container .filter .device-filter .tabsbar { padding:0 !important;border-radius:none !important;border:none !important;background:none !important; }
.ppt-device-live-view.ppt-plugin .body .filter-container .filter .device-filter .tabsbar .filter-row { display:none !important; }
.ppt-device-live-view.ppt-plugin .body .filter-container .filter .device-filter .tabsbar .device-filters tbody tr td:first-child { padding:0 10px 15px 0 !important;white-space:nowrap !important;}
.ppt-device-live-view.ppt-plugin .body .filter-container .filter .device-filter .tabsbar .search { display:none !important; }

.ppt-device-live-view.ppt-plugin .body .device-list { display:flex;flex-direction:column;align-items:center;width:100%;gap:32px; }
.ppt-device-live-view.ppt-plugin .body .device-list .device-item-wrapper { width:100%; }

.ppt-device-live-view.ppt-plugin .device-item { display:flex;flex-direction:column;gap:4px; }

.ppt-device-live-view.ppt-plugin .device-item .upper-info-section { display:flex;width:100%;padding:0 8px;box-sizing:border-box;gap:4px 32px;flex-wrap:wrap;justify-content:space-between; }
.ppt-device-live-view.ppt-plugin .device-item .upper-info-section .device-name { font-size:18px;display:flex;align-items:center;max-width:100%; }
.ppt-device-live-view.ppt-plugin .device-item .upper-info-section .device-name span { max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.ppt-device-live-view.ppt-plugin .device-item .upper-info-section .tag-list { display:flex;flex-wrap:wrap;flex-direction:row;gap:4px;align-items:center; }

.ppt-device-live-view.ppt-plugin .device-item .live-view-device { position:relative; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device { width:100%;height:100%; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device { border:8px solid black;box-shadow:var(--dark-box-shadow);border-radius:8px;box-sizing:border-box; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device::after { content: ""; position: absolute; width: 16px; height: 6px; background-color: #1dff1d; bottom: -6.8px; right: 20px; z-index: 102; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device .thumbnail-container .device-thumb-wrapper { display:block !important;width:100%;height:100%;}
.ppt-device-live-view.ppt-plugin .device-item .live-view-device .thumbnail-container .device-thumb-wrapper .view-wrapper { display:block;position:relative;margin:auto;background-size:contain;background-color:var(--md-ref-palette-neutral20);background-repeat:no-repeat;box-shadow:none !important;width:100% !important;height:auto !important;overflow:unset !important;border:none !important; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device .thumbnail-container .device-thumb-wrapper .view-wrapper .view { box-shadow: none !important; }
.ppt-device-live-view.ppt-plugin .device-item.disconnected .live-view-device::after { background-color: var(--md-ref-palette-error60) }

.ppt-device-live-view.ppt-plugin .device-item .live-view-device .live-view-container { width:100%;height:100%; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device .live-view-container .live-view { width:100%;height:100%;pointer-events:none; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device .live-view-container .device-liveview-wrapper { width:100%;height:100%;padding:0 !important; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device .live-view-container .device-liveview-wrapper .liveview-inner-wrapper { display:block;width:100%;height:100%; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device .live-view-container .device-liveview-wrapper .liveview-inner-wrapper .liveview-overlay{ top:0 !important;left:0 !important;transform:none !important; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device .live-view-container .device-liveview-wrapper .liveview-inner-wrapper .liveview-image { max-width:unset !important;max-height:unset !important;width:100% !important;height:100% !important; }
.ppt-device-live-view.ppt-plugin .device-item .live-view-device .live-view-container .device-liveview-wrapper .liveview-expand-wrapper { display:none !important; }
.ppt-device-live-view.ppt-plugin .device-item.playing .live-view-device .live-view-container .device-liveview-wrapper .liveview-inner-wrapper .liveview-image { display:block; }

.ppt-device-live-view.ppt-plugin .device-item .lower-info-section { display:grid;width:100%;padding:0 8px;grid-template-columns:1fr auto 1fr;gap:32px;box-sizing:border-box; }
.ppt-device-live-view.ppt-plugin .device-item .lower-info-section .left { display:flex;justify-content:flex-start;align-items:flex-start; }
.ppt-device-live-view.ppt-plugin .device-item .lower-info-section .center { display:flex;justify-content:center;align-items:flex-start; }
.ppt-device-live-view.ppt-plugin .device-item .lower-info-section .center .controls { display:flex;justify-content:space-between;align-items:center;width:72px;height:32px;padding:4px;box-sizing: border-box; }
.ppt-device-live-view.ppt-plugin .device-item .lower-info-section .center .controls .play-btn { font-size:30px;color:black; }
.ppt-device-live-view.ppt-plugin .device-item .lower-info-section .center .controls .pause-btn { font-size:30px;color:black; }
.ppt-device-live-view.ppt-plugin .device-item .lower-info-section .right { display:flex;justify-content:flex-end;align-items:flex-start; }
.ppt-device-live-view.ppt-plugin .device-item.playing .lower-info-section .center .controls .play-btn { display:block;color:gray; }
.ppt-device-live-view.ppt-plugin .device-item.playing .lower-info-section .center .controls .pause-btn:hover { cursor:pointer;color:#333333; }
.ppt-device-live-view.ppt-plugin .device-item:not(.playing) .lower-info-section .center .controls .play-btn:hover { cursor:pointer;color:#333333; }
.ppt-device-live-view.ppt-plugin .device-item:not(.playing) .lower-info-section .center .controls .pause-btn { display:block;color:gray; }

@media(min-width: 600px) {
    .ppt-device-live-view.ppt-plugin .body .filter-container .filter .device-filter .tabsbar .device-filters tbody {display:grid !important;grid-template-columns:1fr 1fr;width:fit-content;gap:16px; }
    .ppt-device-live-view.ppt-plugin .body .filter-container .filter .device-filter .tabsbar .device-filters tbody tr { justify-content:flex-start !important; }
    .ppt-device-live-view.ppt-plugin .body .filter-container .filter .device-filter .tabsbar .device-filters tbody tr:not(.ng-hide) { display:flex !important;align-items:center; }
    .ppt-device-live-view.ppt-plugin .body .filter-container .filter .device-filter .tabsbar .device-filters tbody tr td:first-child { padding:0 10px 0 0 !important;width:unset !important; }
    .ppt-device-live-view.ppt-plugin .body .filter-container .filter .device-filter .tabsbar .device-filters tbody tr td:last-child { padding:0 10px 0 0 !important; }
}

/* --------------------- */
/* PPT Publish To Screen */
/* --------------------- */
.ppt-plugin.ppt-publish-to-screen { display:flex;flex-direction:column;align-items:center;color:black;font-family:Nunito;height:100vh;padding:0; }

.ppt-plugin.ppt-publish-to-screen .header { position:fixed;z-index:1;width:100%;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);background:radial-gradient(50% 50% at 50% 50%, var(--md-ref-palette-neutral30) 0%, var(--md-ref-palette-neutral20) 100%);color:white; }
.ppt-plugin.ppt-publish-to-screen .header .content  { display:flex;flex-direction:row;width:100%;padding:16px;box-sizing:border-box;gap:8px 64px;justify-content:space-between; }
.ppt-plugin.ppt-publish-to-screen .header .endpoint-tabs { display:flex;align-items:center;justify-content:center;padding:0 16px 12px 16px;box-sizing:border-box;flex-wrap:wrap; }
.ppt-plugin.ppt-publish-to-screen .header .endpoint-tabs .endpoint-tab { appearance:none;border:2px solid rgba(255,255,255,0.35);background:transparent;color:rgba(255,255,255,0.7);padding:6px 14px;font-size:12px;line-height:1;cursor:pointer;transition:color 0.15s ease,border-color 0.15s ease; }
.ppt-plugin.ppt-publish-to-screen .header .endpoint-tabs .endpoint-tab span { font-weight:700;letter-spacing:0.2px; }
.ppt-plugin.ppt-publish-to-screen .header .endpoint-tabs .endpoint-tab:first-child { border-top-left-radius:4px;border-bottom-left-radius:8px; }
.ppt-plugin.ppt-publish-to-screen .header .endpoint-tabs .endpoint-tab:last-child { border-top-right-radius:8px;border-bottom-right-radius:4px; }
.ppt-plugin.ppt-publish-to-screen .header .endpoint-tabs .endpoint-tab:first-child:not(.active) { border-right:none; }
.ppt-plugin.ppt-publish-to-screen .header .endpoint-tabs .endpoint-tab:last-child:not(.active) { border-left:none; }
.ppt-plugin.ppt-publish-to-screen .header .endpoint-tabs .endpoint-tab:hover { border-color:rgba(255,255,255,0.6);color:rgba(255,255,255,0.9); }
.ppt-plugin.ppt-publish-to-screen .header .endpoint-tabs .endpoint-tab.active { background:#A463D160;border-color:#A463D1;color:white; }
.ppt-plugin.ppt-publish-to-screen .header .content .filter-container .filter .device-filter table {display:flex !important;flex-direction:row !important;width:fit-content !important; }
.ppt-plugin.ppt-publish-to-screen .header .content .filter-container .filter .device-filter table tbody {display:flex !important;flex-direction:row !important;gap:16px !important;justify-content:center !important;align-items:center !important; }
.ppt-plugin.ppt-publish-to-screen .header .content .filter-container .filter .device-filter table tbody tr td { padding-bottom:0 !important;display:flex !important;flex-wrap:nowrap !important;align-items:center !important; }
.ppt-plugin.ppt-publish-to-screen .header .content .filter-container .filter .device-filter table tbody tr td:first-child { display:none !important; }
.ppt-plugin.ppt-publish-to-screen .header .content .filter-container .filter .device-filter table tbody tr td .buttons-wrapper button { height:30px !important; }
.ppt-plugin.ppt-publish-to-screen .header .content .filter-container .filter .device-filter table tbody tr td .buttons-wrapper button span { font-size:12px !important; }
.ppt-plugin.ppt-publish-to-screen .header .content .filter-container .filter .device-filter .tabsbar { padding:0 !important;border-radius:none !important;border:none !important;background:none !important; }
.ppt-plugin.ppt-publish-to-screen .header .content .filter-container .filter .device-filter .tabsbar .filter-row { display:none !important; }
.ppt-plugin.ppt-publish-to-screen .header .content .filter-container .filter .device-filter .tabsbar .device-filters tbody tr td:first-child { padding:0 10px 15px 0 !important;white-space:nowrap !important;}
.ppt-plugin.ppt-publish-to-screen .header .content .filter-container .filter .device-filter .tabsbar .search:not(table .search) { display:none !important; }
.ppt-plugin.ppt-publish-to-screen .header .tuttifrutti-bar { background:linear-gradient(90deg,#56E28C 0%,#4CE7F4 20%,#A39BF9 40%,#E27066 60%,#F5BA25 80%,#EBEE68 100%);height:4px;width:100%; }

.ppt-plugin.ppt-publish-to-screen .body { display:flex;flex-direction:column;width:100%;flex:1;align-items:center;padding:32px;box-sizing:border-box;background-color:#fafafa;;margin-top:110px;overflow-y:auto; }
.ppt-plugin.ppt-publish-to-screen .body .device-container { position:relative;width:100%;will-change:height; }
.ppt-plugin.ppt-publish-to-screen .body .device-container .device-item-wrapper { width:300px;margin-bottom:24px; will-change: transform; }

.ppt-plugin.ppt-publish-to-screen .device-item { width:100%; }

.ppt-plugin.ppt-publish-to-screen .device-item .upper-section { display:flex;width:100%;justify-content:center;align-items:flex-end; }
.ppt-plugin.ppt-publish-to-screen .device-item .upper-section .device-name { font-size:12px;display:flex;justify-content:center;align-items:center;max-width:80%;background:radial-gradient(50% 50% at 50% 50%,#48464a 0%,#313033 100%);color:white;padding:3px 16px 0 16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;box-shadow:0px 4px 4px rgba(0,0,0,0.25); }
.ppt-plugin.ppt-publish-to-screen .device-item .upper-section .device-name span { max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold; }

.ppt-plugin.ppt-publish-to-screen .device-item .device { display:flex;justify-content:center;width:300px;box-shadow:0px 4px 4px rgba(0,0,0,0.25); }
.ppt-plugin.ppt-publish-to-screen .device-item .device .device-thumbnail { display:flex;position:relative;border:8px solid black;;border-radius:8px; }
.ppt-plugin.ppt-publish-to-screen .device-item .device .device-thumbnail::after { content: ""; position: absolute; width: 16px; height: 6px; background-color: #1dff1d; bottom: -6.8px; right: 20px; z-index: 102; }
.ppt-plugin.ppt-publish-to-screen .device-item .device .device-thumbnail .view-wrapper { border:none;box-shadow:none; }
.ppt-plugin.ppt-publish-to-screen .device-item .device .device-thumbnail .view-wrapper .view { border:none; }
.ppt-plugin.ppt-publish-to-screen .device-item.disconnected .device .device-thumbnail::after { background-color: var(--md-ref-palette-error60) }

.ppt-plugin.ppt-publish-to-screen .device-item .lower-section { display:flex;width:100%;justify-content:flex-start;align-items:flex-start;padding:0 12px }
.ppt-plugin.ppt-publish-to-screen .device-item .lower-section .subclient-list { font-size:12px;display:flex;justify-content:center;align-items:center;max-width:80%;background:radial-gradient(50% 50% at 50% 50%,#48464a 0%,#313033 100%);color:white;padding:0 16px 3px 16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-sizing:border-box;box-shadow:0px 4px 4px rgba(0,0,0,0.25); }
.ppt-plugin.ppt-publish-to-screen .device-item .lower-section .subclient-list span { max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

@media (max-width: 1100px) {
	.ppt-plugin.ppt-publish-to-screen .header .content  { flex-direction:column;justify-content:unset; }
	.ppt-plugin.ppt-publish-to-screen .body { margin-top:150px; }
}

/* --------------------- */
/* PPT Plugin mediabank  */
/* --------------------- */
.asset-search-result.ppt-plugin .thumbnail-gallery.list ul li.span3 { margin-left:1.69492%; margin-bottom:10px; }

.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span2 { height:62	px; margin-bottom:0; padding:3px; width:100px; float:left; } 
.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span2 .innerbox { height:52px; }
.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span2 .innerbox .img { height:52px; }
.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span2 .innerbox .goto,
.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span2 .innerbox .asset-title,
.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span2 .innerbox .asset-info { display:none; }

.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span3 { height:124	px; margin-bottom:0; padding:3px; width:200px; float:left; } 
.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span3 .innerbox { height:108px; }
.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span3 .innerbox .img { height:108px; }
.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span3 .innerbox .goto,
.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span3 .innerbox .asset-title,
.asset-search-result.ppt-plugin .thumbnail-gallery .thumb.span3 .innerbox .asset-info { display:none; }

.asset-search-result.ppt-plugin .asset-info-ribbon-wrapper { margin-right:40px;color:#fff; }
.asset-search-result.ppt-plugin .asset-info-contents { clear:both;padding:20px;width:100%;margin:10px 0;display:inline-block;background:#7c7c7c none repeat scroll 0 0;box-shadow: 0 12px 12px -12px #161616 inset, 0 -12px 12px -12px #161616 inset; }
.asset-search-result.ppt-plugin .asset-info-contents .control-group { overflow:hidden; margin-right:10px; }
.asset-search-result.ppt-plugin .asset-info-contents .control-group .control-label { font-size: 10px;margin-bottom:-4px; }
.asset-search-result.ppt-plugin .asset-info-contents .control-group .controls { font-size: 14px; }

.asset-search-result.ppt-plugin .asset-info-contents .button-wrapper .glyphicons i::before { left: 4px;top:7px;font-size:15px; }

/* ------------------------- */
/* Outlook Plugin mediabank  */
/* ------------------------- */
.asset-search-result.outlook-plugin .thumbnail-gallery.list ul li.span3 { margin-left:1.69492%; margin-bottom:10px; }

.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span2 { height:62	px; margin-bottom:0; padding:3px; width:100px; float:left; } 
.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span2 .innerbox { height:52px; }
.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span2 .innerbox .img { height:52px; }
.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span2 .innerbox .goto,
.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span2 .innerbox .asset-title,
.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span2 .innerbox .asset-info { display:none; }

.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span3 { height:124	px; margin-bottom:0; padding:3px; width:200px; float:left; } 
.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span3 .innerbox { height:108px; }
.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span3 .innerbox .img { height:108px; }
.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span3 .innerbox .goto,
.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span3 .innerbox .asset-title,
.asset-search-result.outlook-plugin .thumbnail-gallery .thumb.span3 .innerbox .asset-info { display:none; }

.asset-search-result.outlook-plugin .asset-info-ribbon-wrapper { margin-right:40px;color:#fff; }
.asset-search-result.outlook-plugin .asset-info-contents { clear:both;padding:20px;width:100%;margin:10px 0;display:inline-block;background:#7c7c7c none repeat scroll 0 0;box-shadow: 0 12px 12px -12px #161616 inset, 0 -12px 12px -12px #161616 inset; }
.asset-search-result.outlook-plugin .asset-info-contents .control-group { overflow:hidden; margin-right:10px; }
.asset-search-result.outlook-plugin .asset-info-contents .control-group .control-label { font-size: 10px;margin-bottom:-4px; }
.asset-search-result.outlook-plugin .asset-info-contents .control-group .controls { font-size: 14px; }

.asset-search-result.outlook-plugin .asset-info-contents .button-wrapper .glyphicons i::before { left: 4px;top:7px;font-size:15px; }

/* --------------------- */
/* Help                  */
/* --------------------- */

.help-wrapper { width:800px; max-width:90%; transform:translate(-50%, 0%); margin-left:0; left:50%; height:850px; max-height:80%; }
.help-wrapper .modal-dialog { height:100% }
.help-wrapper .modal-content { height:100% }
.help-wrapper .modal-body { max-height:90% }

.help-wrapper .carousel-indicators li { background-color:rgba(120,120,120,0.25); border: 1px solid #fff; }
.help-wrapper .carousel-indicators li.active { background-color:#fff; }
.help-wrapper .carousel-indicators  { bottom:15px; left:50%; top:auto; right:auto; }

/* --------------------- */
/* Trigger dialog        */
/* --------------------- */
.trigger-settings-wrapper #trigger-types { position:fixed;right:45px; }
@media (max-width: 767px) { .trigger-settings-wrapper #trigger-types { position:static;right:unset; } }
.trigger-settings-wrapper #trigger-types .heading { display: block;padding: 1px 0 0 26px;width: auto;line-height:26px;color: #7c7c7c;float: left;font-size: 14px;margin: 0; }
.trigger-settings-wrapper #trigger-types .heading i:before { font-size: 16px; line-height:28px; }
.trigger-settings-wrapper .trigger-types .item-wrapper {  background: #FFFFFF; clear: both; border-top: 1px solid rgb(216, 216, 216); overflow-x: hidden; overflow-y: auto; padding:10px; }
.trigger-settings-wrapper .trigger .heading { display: block;padding:0px;width: auto;line-height:26px;color: #7c7c7c;float: left;font-size: 14px;margin: 0; }
.trigger-settings-wrapper .trigger .heading i { font-size: 18px;padding: 0px 8px 0 0;display: inline-block;vertical-align: -1px; }
.trigger-settings-wrapper .trigger .trigger-drop-wrapper { overflow-x:hidden;overflow-y:auto;clear:both;background:#fff;min-height:200px;padding:10px; }
.trigger-settings-wrapper .trigger .cron-description { background: #ffff99;padding: 2px 2px 2px 10px;border: 1px dashed #ccc; }

.trigger-settings-wrapper .settings-wrapper { margin:10px 10px 0 10px; }
.trigger-settings-wrapper .trigger .settings-wrapper.dow { font-size:16px; margin-top:15px; }
.trigger-settings-wrapper .trigger .settings-wrapper.dow input { margin:0 5px 0 20px; }

.trigger-settings-wrapper .trigger-type-item { min-height:50px; font-size:18px;margin:0 0 10px; padding:4px 30px; }
.trigger-settings-wrapper .triggers-wrapper .trigger-type-item { min-height:100px; font-size:18px; }
.trigger-settings-wrapper .trigger-types .settings-wrapper { display:none; }

.trigger-settings-wrapper .settings-wrapper .from-header { display:inline-block;font-size: 16px;vertical-align: 4px; }
.trigger-settings-wrapper .settings-wrapper .to-header { display:inline-block;font-size: 16px;vertical-align: 4px;margin: 0 0 0 20px; }
.trigger-settings-wrapper .settings-wrapper .from-input { width: 100px; }
.trigger-settings-wrapper .settings-wrapper .to-input { width: 100px; }

.trigger-settings-wrapper .settings-wrapper.one-time .from-hour-input,
.trigger-settings-wrapper .settings-wrapper.one-time .from-minute-input,
.trigger-settings-wrapper .settings-wrapper.time .hour-input,
.trigger-settings-wrapper .settings-wrapper.time .minute-input { width:50px; }
.trigger-settings-wrapper .settings-wrapper.one-time .colon-header,
.trigger-settings-wrapper .settings-wrapper.time .colon-header { display:inline-block; }
.trigger-settings-wrapper .settings-wrapper.time { text-align: right; margin: 10px 10px 0 10px; }
.trigger-settings-wrapper .settings-wrapper.time-minute { text-align: right; margin: 0px 10px 0 10px; }
.trigger-settings-wrapper .trigger-type-item.time .settings-outer-wrapper { display:inline-block; }
.trigger-settings-wrapper #trigger-types-source .trigger-type-item.time .settings-outer-wrapper { display:none; }

/*.trigger-settings-wrapper .accordion.trigger .accordion-toggle .collapse-toggle { font-family: "Glyphicons"; font-size: 17px; display: block; line-height: 30px; text-align: right; color: #cccccc; content: "\e208"; }*/
.trigger-settings-wrapper .accordion.trigger .accordion-toggle .collapse-toggle { margin-right: -20px;float: right;margin-top: 5px; }
.trigger-settings-wrapper .accordion.trigger .accordion-toggle .collapse-toggle i::before { font-size:18px; color:#ccc; }

.trigger-settings-wrapper .btn-color1 {box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #391a13; border-color: #c05640; background-color: #994433; background-image: linear-gradient(to bottom, #d28879, #c05640);background-repeat: repeat-x; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.5); }
.trigger-settings-wrapper .btn-color1:hover { background: #ac4d39; }
.trigger-settings-wrapper .btn-color2 {box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #443708; border-color: #edd170; background-color: #b69316; background-image: linear-gradient(to bottom, #f1db8e, #edd170);background-repeat: repeat-x; color: #666; /*text-shadow: 0 1px 0 rgba(0,0,0,.5);*/ }
.trigger-settings-wrapper .btn-color2:hover { background: #e9c649; }
.trigger-settings-wrapper .btn-color3 {box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #0a4143; border-color: #1ecfd6; background-color: #19adb3; background-image: linear-gradient(to bottom, #63e4e9, #1ecfd6);background-repeat: repeat-x; color: #666; /*text-shadow: 0 1px 0 rgba(0,0,0,.5);*/ }
.trigger-settings-wrapper .btn-color3:hover { background: #1dc3c9; }
.trigger-settings-wrapper .btn-color4 {box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #033549; border-color: #0878A4; background-color: #098ec3; background-image: linear-gradient(to bottom, #0aa0db, #0878A4);background-repeat: repeat-x; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.5); }
.trigger-settings-wrapper .btn-color4:hover { background: #076b92; }
.trigger-settings-wrapper .btn-color5 {box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #00294d; border-color: #003D73; background-color: #003666; background-image: linear-gradient(to bottom, #005fb3, #003D73);background-repeat: repeat-x; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.5); }
.trigger-settings-wrapper .btn-color5:hover { background: #003666; }

.bootbox.trigger-settings-wrapper { width: 1200px; max-width:90%; left: 50%; transform: translateX(-50%); margin-left: 0; }
.bootbox.trigger-settings-wrapper .modal-body { height:70vh;max-height:70vh; }

.bootbox.modal.trigger-google-maps-dialog .modal-body { height:500px; max-height:95%; }
.bootbox.modal.trigger-google-maps-dialog .modal-body .bootbox-body { height:100% }
/*.bootbox.trigger-google-maps-dialog .bootbox-body { height:400px; }
.trigger-settings-wrapper .settings-wrapper.location > div { margin: 0 auto; width:470px;text-align:left; }*/

/* Datetime picker small */
.datetimepicker.small {height: fit-content;width: fit-content;border: 1px solid #ccc;}
.datetimepicker.small .datetimepicker-inline{width: fit-content !important;padding: 0 !important;}
.datetimepicker.small table{font-size: 7pt !important;}
.datetimepicker.small table td:nth-child(odd){padding-right: 4px !important;}
.datetimepicker.small table td{padding: 0 !important;width: 10px !important; height: 10px !important;}
.datetimepicker.small table th{padding: 4px !important;}
.datetimepicker.small span.hour, span.minute{height: fit-content !important; line-height: 2 !important;}

.trigger-settings-wrapper .trigger-option-wrapper { float:right; margin-top:2px; margin-right:10px; position:relative;cursor:pointer; }
.trigger-settings-wrapper .trigger-option-wrapper span { margin-left:10px; }
.trigger-settings-wrapper .trigger-option-wrapper .glyphicons i:before { font-size:14px; color:#ccc; }
.trigger-settings-wrapper .trigger-option-wrapper .dropdown.submenu:hover { background: var(--md-ref-palette-primary30); color:#fff; }

.trigger-settings-wrapper .widget-tabs .widget-head .active h4 { color:#fff; }
.trigger-settings-wrapper .bootbox-body, .trigger-settings-wrapper .row-fluid, .trigger-settings-wrapper .span12, .trigger-settings-wrapper div[type="tabs"] { height:100%; }
.trigger-settings-wrapper .trigger-view { height:calc(100% - 30px); }
.trigger-settings-wrapper .widget-tabs { min-height:calc(100% - 24px); margin-bottom:0; } 
.trigger-settings-wrapper .datetimepicker tfoot { background-color: #e6e6e6; }
.datetimepicker.disabled { opacity: 0.5; pointer-events: none; }
.trigger-settings-wrapper button.toggle-btn.active { background: #5c068c; }
.trigger-settings-wrapper .right_arrow i::before { font-size:50px; }
.trigger-settings-wrapper .time-row { margin: 5px 0; }
.trigger-settings-wrapper .time-row .time-header { margin-right:20px;width:110px;display: inline-block; }
.trigger-settings-wrapper .time-row input { width:110px;font-size:14px;margin:0; }
.trigger-settings-wrapper .time-row .separator { font-size:30px;padding:0px;display:inline-block;vertical-align: text-bottom; }
.trigger-settings-wrapper .heading-arrow {
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0 15px;
    font-size: 11pt;
    height: 35px;
    line-height: 30px;
    position: relative;
    /*border-bottom: 1px solid #d8d8d8;*/
}
.trigger-settings-wrapper1 .heading-arrow:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 8px solid #d8d8d8;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    bottom: 0;
    left: 28px;
}
.trigger-settings-wrapper .simple-trigger-accoordion .accordion-toggle:after,
.trigger-settings-wrapper .simple-trigger-options-accoordion .accordion-toggle:after {
    content: "";
		background: var(--tutti-frutti);
    height: 4px;
    width: 100%;    
    display:inline-block;
    position: relative;
    top: -28px;
    left: -10px;
    width: calc(100% + 20px);
}
.trigger-settings-wrapper .heading-arrow input { width: 20px;height: 20px;margin:-3px 6px 0 -14px; }
.trigger-settings-wrapper .asset-trigger-warning-wrapper {
		position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0,0,0,0.6);
    text-align: center;
    font-size: 16px;
    display:flex;
}
.trigger-settings-wrapper .asset-trigger-warning-wrapper > div {
   	margin: auto;
    width: 500px;
    height: 150px;
    border: 3px solid #ccc;
    padding: 30px;
    background: #fff;
}

.trigger-settings-wrapper .clr-btn-18456B .settings-wrapper { display: flex; }
.trigger-settings-wrapper .trigger-types .clr-btn-18456B .settings-wrapper { display: none; }
.clr-btn-18456B { display: inline-block; text-align: center; vertical-align: middle; padding: 12px 24px; border: 1px solid #338888; border-radius: 8px; background: #338888; background: -webkit-gradient(linear, left top, left bottom, from(#336633), to(#338888)); background: -moz-linear-gradient(top, #336633, #338888); background: linear-gradient(to bottom, #336633, #338888) !important; text-shadow: #338888 1px 1px 1px; font: normal normal bold 20px arial; color: #ffffff; text-decoration: none; }
.clr-btn-18456B .access-btn-container *:hover + .tooltips, .clr-btn-18456B .access-btn-container .tooltips:hover { display: none; }
.clr-btn-18456B .access-btn-container .btn-lock { padding: 4px 0 0 5px; }
.clr-btn-18456B:hover, .clr-btn-18456B:focus { background: #338888; background: -webkit-gradient(linear, left top, left bottom, from(#336633), to(#338888)); background: -moz-linear-gradient(top, #336633, #338888); background: linear-gradient(to bottom, #336633, #338888); color: #ffffff; text-decoration: none; }
.trigger-settings-wrapper .clr-btn-18456B .exclusive-setting { display: flex; align-items: center; gap: 6px; margin: 0 10px 10px; position: relative; }
.trigger-settings-wrapper .clr-btn-18456B .exclusive-setting .tooltips { left: 26px; top: 20px; color: black; text-shadow: none; font-family: 'Nunito', sans-serif; font-weight: normal; font-size: 14px; width: 280px; }
.trigger-settings-wrapper .trigger-types .clr-btn-18456B .exclusive-setting { display: none; }

.trigger-settings-wrapper .clr-btn-18456C .settings-wrapper { display: flex; }
.trigger-settings-wrapper .trigger-types .clr-btn-18456C .settings-wrapper { display: none; }
.clr-btn-18456C { display: inline-block; text-align: center; vertical-align: middle; padding: 12px 24px; border: 1px solid #224488; border-radius: 8px; background: #224488; background: -webkit-gradient(linear, left top, left bottom, from(#338888), to(#224488)); background: -moz-linear-gradient(top, #388, #248); background: linear-gradient(to bottom, #338888, #224488) !important; text-shadow: #224488 1px 1px 1px; font: normal normal bold 20px arial; color: #ffffff; text-decoration: none; }
.clr-btn-18456C .access-btn-container *:hover + .tooltips, .clr-btn-18456C .access-btn-container .tooltips:hover { display: none; }
.clr-btn-18456C .access-btn-container .btn-lock { padding: 4px 0 0 5px; }
.clr-btn-18456C:hover, .clr-btn-18456C:focus { background: #224488; background: -webkit-gradient(linear, left top, left bottom, from(#338888), to(#224488)); background: -moz-linear-gradient(top, #338888, #224488); background: linear-gradient(to bottom, #338888, #224488); color: #ffffff; text-decoration: none; }
.trigger-settings-wrapper .clr-btn-18456C .exclusive-setting { display: flex; align-items: center; gap: 6px; margin: 0 10px 10px; position: relative; }
.trigger-settings-wrapper .clr-btn-18456C .exclusive-setting .tooltips { left: 26px; top: 20px; color: black; text-shadow: none; font-family: 'Nunito', sans-serif; font-weight: normal; font-size: 14px; width: 280px; }
.trigger-settings-wrapper .trigger-types .clr-btn-18456C .exclusive-setting { display: none; }

@media (max-width: 1280px) { 
	.trigger-settings-wrapper .fill-out-image { display:none; }
	.trigger-settings-wrapper .dates-flex-wrapper { flex-wrap:wrap; } 
}
@media (max-width: 954px) { 
	.trigger-settings-wrapper .dates-arrow { display:none; }
}

/* --------------------- */
/* Triggers              */
/* --------------------- */

.trigger-view .dataTable tbody button { height:16px; }
.trigger-view .dataTable tbody button i::before { font-size:10px !important; top:2px !important; left:7px !important; }
.trigger-reload-btn { float:right;height:25px;right:1px;top:1px; }
.trigger-reload-btn i:before { font-size:14px;top:4px;left:4px; }
.trigger-view #trigger-types-source .ext-link-trigger-status { display:none; }

/* --------------------- */
/* Apps                  */
/* --------------------- */
.apps .assets.thumbnail-gallery.list ul li .img { background-repeat: no-repeat;background-size: contain;background-position: center; height:130px; }
.apps .action-button { width: 170px }
.apps .buttons.add-new-app .img { width: 70px; height: 40px;display: inline-block;background-size: contain;background-repeat: no-repeat; }

.bootbox.predefined-app-settings-wrapper { width:650px; max-width:98%; max-height:95%; overflow:auto;margin-left:-325px; }
.bootbox.predefined-app-settings-wrapper.html-editor { width:1000px;margin-left: -500px }
@media (max-width: 767px) { .bootbox.predefined-app-settings-wrapper { margin:0 } } 
.bootbox.predefined-app-settings-wrapper .modal-body { max-height:540px; }
.bootbox.predefined-app-settings-wrapper .predefined-app-settings-tab > div { margin-bottom:0; }
.bootbox.predefined-app-settings-wrapper .form-horizontal .control-group { margin-bottom:5px; }
.bootbox.predefined-app-settings-wrapper .form-horizontal.predefined-settings .control-group { margin-bottom:10px; }
.bootbox.predefined-app-settings-wrapper .form-horizontal .control-group .control-label { margin-bottom:0; width:130px; text-align:left; }
.bootbox.predefined-app-settings-wrapper.trafiken-nu-slot .form-horizontal .control-group .control-label { width:145px; }
.bootbox.predefined-app-settings-wrapper .form-horizontal .control-group .controls { margin-left:0; }
.bootbox.predefined-app-settings-wrapper .form-horizontal .control-group .controls .mini-desc { font-size:12px; }

.bootbox.predefined-app-settings-wrapper .error { display: inline-block;margin: 5px;color: #c00; }
.image-picker-directive{display: flex;flex-direction: column;row-gap: 15px;}
.image-picker-directive .image-picker-grid{ display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 10px;}
.image-picker-directive .dropzone{border: 1px solid #d8d8d8;margin:auto;background-color: #e7e7e7;aspect-ratio: 16/9;}
.image-picker-directive .droppable-media-item{background-size:cover;background-position: center;background-repeat: no-repeat;background-color: #e7e7e7;width: 100%;height: 100%;position: relative;outline-offset: -10px;display: flex;justify-content: center;align-items: center; flex-direction: column; min-height: 100px;}
.image-picker-directive .no-media-selected{margin: 0;color:rgba(0, 0, 0, 0.45);height: calc(100% - 20px); width: calc(100% - 20px);margin: 10px;box-sizing: border-box; display: flex;justify-content: center;align-items: center;border:rgba(0, 0, 0, 0.45) dashed 2px; flex-direction: column;}
.image-picker-directive span{margin-bottom: 15px;}
/* --------------------- */
/* Device overview       */
/* --------------------- */

.device-overview-wrapper .widget-tabs ul { width:100%; }
.device-overview-wrapper .widget-tabs li { min-width:8%; }
.device-overview-wrapper .widget-tabs .widget-body { display:none; }
.device-overview-wrapper .widget-tabs { box-shadow:none; }
.device-overview-wrapper .widget-tabs .widget-head { overflow:visible; }
.device-overview-wrapper .widget-tabs .widget-head li { width:auto; }
.device-overview-wrapper .widget-tabs .widget-head .dropdown-menu, .device-overview-wrapper .widget-tabs .widget-head .dropdown-menu a { height:auto; }
.device-overview-wrapper .widget-tabs .widget-head .dropdown-menu .dropdown { height:auto;float:none; }
.device-overview-wrapper .widget.widget-tabs .widget-head ul.dropdown-menu { display:none;min-width:100% }
.device-overview-wrapper .widget.widget-tabs .widget-head li.dropdown.open ul.dropdown-menu { display:inline-block; }
.device-overview-wrapper .widget.widget-tabs-double-2 > .widget-head ul li:hover a,
.device-overview-wrapper .widget.widget-tabs-double-2 > .widget-head ul li:hover a i::before { color: var(--md-ref-palette-primary30); }

.device-overview-wrapper .widget-tabs li:not(.active) a span:not(.playlist-item-count){color: #1d1b1e !important;}
.device-overview-wrapper .widget-tabs li:not(.active) i:before{color: #707070 !important;}
.device-overview-wrapper .fixed-layers {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 80px;}
.device-overview-wrapper .fixed-layers p {margin: -4px 0 0 0;}
.device-overview-wrapper .fixed-layers .smallerIcons { transform: scale(0.8); }
.device-overview-wrapper .widget-tabs li .fixed-layers>.glyphicons i:before {font-size: 24px !important; color: var(--md-source) !important;}
.device-overview-wrapper .fixed .video-playlist-wrapper.overview .video-playlist {  min-height:54px; }

.device-overview-wrapper .widget.widget-tabs .widget-head li.dropdown.open ul.dropdown-menu a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: var(--md-ref-palette-primary30);
  background-image: -moz-linear-gradient(top, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--md-ref-palette-primary50)), to(var(--md-ref-palette-primary30)));
  background-image: -webkit-linear-gradient(top, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
  background-image: -o-linear-gradient(top, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
  background-image: linear-gradient(to bottom, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--md-ref-palette-primary50)', endColorstr='var(--md-ref-palette-primary30)', GradientType=0);
}

/* --------------------- */
/* Device details        */
/* --------------------- */

.device-details-view { padding:5px 15px; }
.device-details-view .control-label { font-size: 14px; font-weight: 600; }
.device-details-view .form-horizontal .control-label { padding: 5px 0 0 0; text-align: left; width: 170px;  }
.device-details-view.channel .form-horizontal .control-label { padding: 5px 0 0 0; text-align: left; width: 200px;  }
.device-details-view .form-horizontal .control-group { margin: 0 0 5px; }
.device-details-view .form-horizontal .control-group .controls { margin-left:200px; }
.device-details-view .form-horizontal .control-group .value { padding-top: 5px; }
.device-details-view .form-horizontal .control-group .label { margin-top: 3px; }
.device-details-view .header { font-weight:bold; line-height: 15px; margin-bottom: 8px; display:inline-block; }

.device-details-view .delete-device { padding-left:28px; float:right; }
.device-details-view .delete-device i::before { font-size:15px; top:6px; left:6px; }

.device-details-view .screen-resolution .lock i::before { margin-left:5px;font-size:12px;color:#1d1d1b; }
.device-details-view .screen-resolution .unlock i::before { margin-left:5px;font-size:12px;color:#ccc; }
.bootbox.videowall-wrapper { width: 800px; margin-left:-400px; }

.device-details-view .license-wrapper .more-info { display:inline-block; }
.device-details-view .license-wrapper .more-info i::before { font-size:12px; }
/* --------------------- */
/* Device access btn     */
/* --------------------- */

.tooltips { display: none;}
*:hover + .tooltips, .tooltips:hover { display: block; position: absolute; background: white; padding: 0.2rem 0.5rem; box-shadow: 0 0 2px #534d4d; border-radius: 5px; z-index: 10; }
.thumbnail-gallery.list ul .access-btn-container li:last-child { margin-bottom: 5px;}
.thumbnail-gallery.list ul .access-btn-container .btn-lock { padding: 4px 0 0 4px;}
.access-btn-container .user-group-wrapper, .user-wrapper { height: 30px; border-bottom: 1px solid #ccc; padding: 5px 10px 5px 36px; line-height: 30px; color: #fff; background-color: #fafafa; border: 1px solid #ccc; margin: 5px 10px; display: block; background-color: #609450; text-decoration: none; list-style-type: none; }
.access-btn-container .user-group-wrapper i::before, .user-wrapper i::before { top: 4px; left: 7px; color: #fff; font-size: 14px; }
.access-btn-container *:hover + .tooltips, .access-btn-container .tooltips:hover { display: flex; flex-wrap: wrap; padding: 0rem 0.4rem; padding-top: 0.4rem; border-radius: 10px; box-shadow: 0 1px 4px #ababab; z-index: 1000; }
.access-btn-container .tooltips div.glyphicons i:before { color: #fff; }
.access-btn-container .tooltips div { margin: 0; border-radius: 10px; height: 24px; line-height: 24px; width: auto; padding: 0 7px 0 28px; margin-right: 2px; }
.access-btn-container .tooltips div:last-child { margin-right: 0px; }
.access-btn-container .tooltips { z-index: 10; bottom: 21px; left: 14px; max-width: 260px; }
.access-btn-container { position: relative; }
.access-btn-container .tooltips li { list-style-type: none; }
.clean .dataTable.table-bordered td .access-btn-container .glyphicons {margin-bottom: 0px; }
tr:first-child .tooltips { top: 14px; bottom: unset !important; }
.access-btn-container #inpLock:checked + label { background: var(--md-source); }
.access-btn-container #inpLock:checked + label svg, .access-btn-container #inpLock:hover + label svg, .access-btn-container label:hover svg { opacity: 1; }
.access-btn-container #inpLock:checked + label svg .bling, .access-btn-container #inpLock:hover + label svg .bling, .access-btn-container label:hover svg .bling { animation: lock-bling 0.3s linear forwards; animation-delay: 0.2s; }
.access-btn-container #inpLock:checked + label svg .lock, .access-btn-container #inpLock:hover + label svg .lock, .access-btn-container label:hover svg .lock { stroke-dasharray: 48; animation: lock-locked 0.3s linear forwards; }
.access-btn-container #inpLock:checked + label svg .lockb, .access-btn-container #inpLock:hover + label svg .lockb, .access-btn-container label:hover svg .lockb { transform: rotate(0); transform-origin: 14px 22px; }
.access-btn-container .btn-lock { display: inline-block; background: #8c8c8c; width:25px; height:25px; box-sizing: border-box; padding: 5px 0 0 7px; border-radius: 50%; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.access-btn-container .btn-lock svg { fill: none; transform: translate3d(0, 0, 0); }
.access-btn-container .btn-lock svg .bling, .access-btn-container #inpLock:checked:hover + label svg .bling, .access-btn-container #inpLock:checked + label:hover svg .bling { stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 3; stroke-dashoffset: 15; transition: all 0.3s ease; }
.access-btn-container .btn-lock svg .lock, .access-btn-container #inpLock:checked:hover + label svg .lock, .access-btn-container #inpLock:checked + label:hover svg .lock { stroke: #fff; stroke-width: 4; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 36; transition: all 0.4s ease; }
.access-btn-container .btn-lock svg .lockb, .access-btn-container #inpLock:checked:hover + label svg .lockb, .access-btn-container #inpLock:checked + label:hover svg .lockb { fill: #fff; fill-rule: evenodd; clip-rule: evenodd; transform: rotate(8deg); transform-origin: 14px 20px; transition: all 0.2s ease; }
.access-btn-container #inpLock { display: none; }
@-moz-keyframes lock-bling {
    50% {
        stroke-dasharray: 3;
        stroke-dashoffset: 12;
    }
    100% {
        stroke-dasharray: 3;
        stroke-dashoffset: 9;
    }
}
@-webkit-keyframes lock-bling {
    50% {
        stroke-dasharray: 3;
        stroke-dashoffset: 12;
    }
    100% {
        stroke-dasharray: 3;
        stroke-dashoffset: 9;
    }
}
@-o-keyframes lock-bling {
50% {
    stroke-dasharray: 3;
    stroke-dashoffset: 12;
}
100% {
    stroke-dasharray: 3;
    stroke-dashoffset: 9;
}
}
@keyframes lock-bling {
    50% {
        stroke-dasharray: 3;
        stroke-dashoffset: 12;
    }
    100% {
        stroke-dasharray: 3;
        stroke-dashoffset: 9;
    }
}
@-moz-keyframes lock-locked {
    50% {
        transform: translateY(1px);
    }
    }
    @-webkit-keyframes lock-locked {
    50% {
        transform: translateY(1px);
    }
    }
    @-o-keyframes lock-locked {
    50% {
        transform: translateY(1px);
    }
    }
    @keyframes lock-locked {
    50% {
        transform: translateY(1px);
    }
}

/* ---------------------------- */
/* Discovery distributions list */
/* ---------------------------- */

.distribution-list .draft-info .glyphicons { padding:5px 0 5px 12px; }
.distribution-list .draft-info .glyphicons i::before { font-size:12px; }

/* ---------------------- */
/* Discovery distribution */
/* ---------------------- */

.d1istribution-editor h2 { margin: 18px 15px 15px 0; font-weight: 400; text-shadow: 0 1px 0 #fff; }
.distribution-editor .distribution-chooser-list .dist-item { cursor:pointer; }
.distribution-editor .distribution-chooser-list .dist-item:hover { background:#f3f3f3; }
.distribution-editor h2 .caret-link { position:relative;left:0px;top:35px;margin:0 10px; }
.distribution-editor h2 .caret-link:hover .caret { border-top-color:black; }
.distribution-editor h2 .caret { border-top-color:var(--md-ref-palette-primary30);border-top-width:10px;border-left-width:10px;border-right-width:10px; }
.distribution-editor h2 .dist-title { font-size:26px;margin-left:60px;margin-top:15px; }
.distribution-editor h2.panel-widget .glyphicons { display:inline-block; }
.distribution-editor h2.panel-widget .dropdown-menu a { padding:5px 10px 2px 0; }
.distribution-editor h2.panel-widget .dropdown-menu a:hover { cursor:pointer; }
.distribution-editor h2.panel-widget .dropdown-menu .glyphicons i:before { position: absolute;font-size:14px;top:5px;left:6px;color:#7c7c7c; }
.distribution-editor h2.panel-widget .dropdown-menu .glyphicons:hover i:before { color:#fff; }
.distribution-editor h2.panel-widget .dropdown-menu .glyphicons { display:block; }
.distribution-editor h2.panel-widget .dropdown-menu .glyphicons span { font-size:13px;font-weight: normal;font-style: normal;color: #333;padding: 0 0 0 35px; }
.distribution-editor h2.panel-widget .dropdown-menu .glyphicons:hover span { color:#fff; }
.distribution-editor h2.panel-widget .editable-buttons .glyphicons i:before { font-size:15px;position:absolute; }

.distribution-editor .draft-text { display: inline-block;position: relative;vertical-align:13px;font-size:60px;margin:0 18px }
@media (max-width: 1650px) { .distribution-editor .draft-text { font-size:40px; } }
@media (max-width: 1280px) { .distribution-editor .draft-text { font-size:30px; } }

.distribution-editor .edit-dist-help-icon i::before { font-size: 16px; margin: -15px 0 0px 6px; }

.distribution-editor .distribution-main-toolbar .widget-tabs .widget-body { display:none }
.distribution-editor .topbar-settings-wrapper { float:right;position:relative; }
.distribution-editor .topbar-settings-wrapper i::before { top:-12px; color:#000; }
.distribution-editor .topbar-settings-wrapper .settings-icon { padding-left:0;float:right;right:0 }
.distribution-editor .topbar-settings-wrapper .buttons.pull-right a.glyphicons { padding-left:25px;cursor: pointer; }
.distribution-editor .topbar-settings-wrapper .buttons.pull-right a.glyphicons i::before {color: inherit;font-size: 14px;top: 6px;left: 6px; }

.distribution-editor #stripe-sortable { background:#f2f3f4;padding:10px;border-radius:0 0 10px 10px;min-height:150px; }
.distribution-editor #stripe-sortable.dragging { padding-bottom:50px; }

.distribution-editor .stripe .edit-stripe-btn,
.distribution-editor .stripe .move-stripe-btn { padding:0px 0 0 25px; }
.distribution-editor .stripe .edit-stripe-btn i::before,
.distribution-editor .stripe .move-stripe-btn i::before { font-size:18px; margin-top:-14px; }
.distribution-editor .stripe .edit-stripe-btn:hover i::before,
.distribution-editor .stripe .move-stripe-btn:hover i::before { color:#000; }
.distribution-editor .stripe .edit-stripe-help-icon i::before { font-size: 16px;margin: -15px 0 0px 6px; }
.distribution-editor .module { position:relative }

.distribution-editor .module .module-settings-overlay .glyphicons { margin: 15px 0; float: left; clear: both; }
.distribution-editor .module.dragging .module-settings-overlay { display:none; }
.distribution-editor .module:hover .module-settings-overlay { display:block; }
.distribution-editor .module .module-settings-overlay .glyphicons i::before { font-size: 16px;margin:-15px 0 0px 6px; color:#000 }

.distribution-editor .sub-module-drag-wrapper .discovery-droparea-placeholder { border: 1px dashed #ccc;width: 100px;height: 130px;margin:10px 10px 0 10px;padding: 0; }
.distribution-editor .sub-module-drag-wrapper .discovery-droparea-placeholder i::before { top:50%;left:50%;transform:translate(-50%,-50%); }
.distribution-editor .sub-module .editable-inline { width:100%; }
.distribution-editor .sub-module .editable-inline .editable-input { width:calc(100% - 80px); }
.distribution-editor .sub-module .editable-inline .editable-input textarea{ width:calc(100% - 20px); }
.distribution-editor .package-sortable-area .title-edit-icon { position:absolute;right:-18px;bottom:-11px; }
.distribution-editor .package-sortable-area .title-edit-icon i::before { font-size:10px; }
.distribution-editor .package-sortable-area .discovery-stripe-droparea-placeholder { border:1px dashed #ccc;width:100px;height:130px;margin:10px 10px 0 10px;padding:0; }
.distribution-editor .package-sortable-area .discovery-stripe-droparea-placeholder i { position:absolute;top:50%;transform:translate(-12px,-12px);left:50%; }
.distribution-editor .package-sortable-area .discovery-stripe-droparea-placeholder i:before { font-size:24px; margin: 0px; color:#ccc; }

.bootbox .discovery-settings .form-horizontal .control-group .control-label { margin-bottom: 0;width: 130px;text-align: left; }
.bootbox.discovery-module-settings-wrapper {width:1000px; max-width:90%; margin-left:0px; transform:translateX(-50%); }
.bootbox.discovery-module-settings-wrapper.sub-module {width:900px; max-width:90%; margin-left:0px; transform:translateX(-50%); }
.bootbox.discovery-module-image-settings-wrapper {width:850px; max-width:90%; margin-left:0px; transform:translateX(-50%); }
.bootbox.discovery-module-image-settings-wrapper .modal-body { max-height:600px }
.bootbox.discovery-module-access-settings-wrapper {width:850px; max-width:90%; margin-left:0px; transform:translateX(-50%); }

.discovery-settings.module-settings .sub-module:hover .settings { background:#fff; height: 16px; right: 20px; position: relative; top:4px; width: 16px; opacity:0.67;border-radius:4px;margin-bottom:3px; }
.discovery-settings.module-settings .sub-module:hover .settings div  { background: url("images/settings.png"); width:100%; height:100%; }

.bootbox.discovery-component-settings-wrapper { width:800px; max-width:90%; margin-left:0px; transform:translateX(-50%); top:13% !important; }
.bootbox.discovery-module-settings-wrapper .video-playlist .livesearch-thumb { display:inline-block; margin:5px 10px 5px 5px; width:100px; min-width:100px; height:50px; display:table-cell; background-repeat:no-repeat; background-position:center; background-size: contain;}
.bootbox.discovery-module-settings-wrapper .video-playlist .livesearch-desc { margin-left:10px; margin-top:5px; display:table-cell; vertical-align:top; padding-left:5px; font-weight:bold; }
.bootbox.discovery-module-settings-wrapper .video-playlist .ribbon-wrapper { display:none; }
.bootbox.discovery-module-settings-wrapper .video-playlist .item-wrapper { border-bottom: 1px solid #D8D8D8; cursor:pointer; overflow:hidden; background-color:#fff;  }
.bootbox.discovery-module-settings-wrapper .video-playlist .livesearch-desc .entity-desc { font-size:10px; line-height:12px; }
.bootbox.discovery-module-settings-wrapper .video-playlist .inner-wrapper { width:75%;padding:5px; }
.bootbox.discovery-module-settings-wrapper .video-playlist .droparea-placeholder { border:1px dashed #d8d8d8; width:50px;height:50px;display:inline-block; margin:5px 10px; border-radius:0; vertical-align: inherit; }
.bootbox.discovery-module-settings-wrapper .form-horizontal .control-group { margin-bottom:10px; }
.bootbox.discovery-module-settings-wrapper .sub-module-drag-wrapper .discovery-droparea-placeholder { vertical-align: top;margin: 45px 30px 0 30px; }

.distribution-editor .video-playlist .livesearch-thumb { display:inline-block; margin:5px 10px 5px 5px; width:100px; min-width:100px; height:50px; display:table-cell; background-repeat:no-repeat; background-position:center; background-size: contain;}
.distribution-editor .video-playlist .livesearch-desc { margin-left:10px; margin-top:5px; display:table-cell; vertical-align:top; padding-left:5px; font-weight:bold; }
.distribution-editor .video-playlist .ribbon-wrapper { display:none; }
.distribution-editor .video-playlist .item-wrapper { border-bottom: 1px solid #D8D8D8; cursor:pointer; overflow:hidden; background-color:#fff;  }
.distribution-editor .video-playlist .livesearch-desc .entity-desc { font-size:10px; line-height:12px; }
.distribution-editor .video-playlist .inner-wrapper { width:75%;padding:5px; }
.distribution-editor .video-playlist .droparea-placeholder { border:1px dashed #d8d8d8; width:50px;height:50px;display:inline-block; margin:5px 10px; border-radius:0; vertical-align: inherit; }
.distribution-editor .form-horizontal .control-group { margin-bottom:10px; }

.discovery-module-access-settings-wrapper .modal-body { overflow:hidden; max-height:70vh; }
.discovery-module-access-settings-wrapper .user-list-wrapper > div { display: inline-block;width: calc(50% - 3px); }
.discovery-module-access-settings-wrapper .user-list-wrapper .list-title i::before { font-size:17px; margin:1px 13px; }
.discovery-module-access-settings-wrapper .user-list-wrapper .list-title.ok i::before { color:#609450; }
.discovery-module-access-settings-wrapper .user-list-wrapper .list-title.ban i::before { color:#b55151; }
.discovery-module-access-settings-wrapper .user-list-wrapper .rights-wrapper { position:absolute;top:8px;right:5px;width:40px; }
.discovery-module-access-settings-wrapper .user-list-wrapper .rights-wrapper .more-btn { position:relative;cursor:pointer }
.discovery-module-access-settings-wrapper .user-list-wrapper .rights-wrapper .more-btn .pull-left { margin:0px 7px; }
.discovery-module-access-settings-wrapper .user-list-wrapper .rights-wrapper .more-btn .dropdown { list-style:none;overflow:visible }
.discovery-module-access-settings-wrapper .user-list-wrapper .rights-wrapper .glyphicons i::before { color:#fff; font-size:15px; }
.discovery-module-access-settings-wrapper .user-list-wrapper .rights-wrapper .dropdown-menu a { text-align:left;padding-left:40px; }
.discovery-module-access-settings-wrapper .user-list-wrapper .rights-wrapper .dropdown-menu .glyphicons i::before { color: #333;font-size:15px;top: 6px;left: 11px; }
.discovery-module-access-settings-wrapper .user-list-wrapper .rights-wrapper .dropdown-menu .glyphicons:hover i::before { color: #fff; }
.discovery-module-access-settings-wrapper .user-list { width:calc(100% - 10px);display: inline-block;list-style-type: none;border:1px solid #d8d8d8;height:356px;overflow-y:auto;overflow-x:hidden;padding: 5px 0; background: #fff;margin-left:10px; border-radius: 10px;}
.distribution-editor .discovery-module-access-settings-wrapper .user-list { height:500px; }
.discovery-module-access-settings-wrapper .user-list .img { width: 70px; height: 40px;display: inline-block;background-size: contain;background-repeat: no-repeat; }
.discovery-module-access-settings-wrapper .user-list li { margin-bottom: 0 !important; }
.discovery-module-access-settings-wrapper .user-wrapper { height:30px;padding:5px 10px 5px 36px;line-height:14px;color:#fff;background-color: #fafafa;border-radius: 10px;margin:5px 10px;display: block; cursor:grab; }
.discovery-module-access-settings-wrapper .user-wrapper i:before { top:10px; left: 12px; font-size: 16px; color:#fff; }
.discovery-module-access-settings-wrapper .user-group-wrapper span.circle_minus, .discovery-module-access-settings-wrapper .user-group-wrapper span.circle_plus { position: absolute; right: 0; top: 7px; cursor: pointer; }
.discovery-module-access-settings-wrapper .user-wrapper span.circle_minus, .discovery-module-access-settings-wrapper .user-wrapper span.circle_plus { position: absolute; right: 0; top: 2px; width: 2px; cursor: pointer; }
.discovery-module-access-settings-wrapper .user-wrapper span { width:500px; display:inline-block; }
.discovery-module-access-settings-wrapper .user-wrapper .username { font-size:11px; }
.discovery-module-access-settings-wrapper #includedUsers { margin-bottom:0;overflow-x:hidden;overflow-y:auto; }
.discovery-module-access-settings-wrapper #includedUsers .user-wrapper { background-color:#609450; }
.discovery-module-access-settings-wrapper #includedUsers .user-wrapper.disabled { background-color:#5d6159; cursor: not-allowed; }
.discovery-module-access-settings-wrapper #excludedUsers .user-wrapper { background-color:#b55151; }
.discovery-module-access-settings-wrapper #excludedUsers { height:205px;margin-bottom:5px; }
.distribution-editor .discovery-module-access-settings-wrapper #excludedUsers { height:280px; }
.discovery-module-access-settings-wrapper #excludedUsers .rights-wrapper { display:none }
.discovery-module-access-settings-wrapper .user-group-wrapper { height:30px;padding:5px 10px 5px 36px;line-height:30px;color:#fff;background-color: #fafafa;margin:5px 10px;display: block;border-radius: 10px;cursor:grab;}
.discovery-module-access-settings-wrapper .user-group-wrapper i:before { top:10px; left:9px; color:#fff; font-size:16px; }
.discovery-module-access-settings-wrapper .user-group-wrapper span { top: 50%; display: block; position: relative;transform: translateY(-50%);line-height: 14px;}
.discovery-module-access-settings-wrapper #excludedUserGroups { height:100px;margin-bottom:0px; }
.distribution-editor .discovery-module-access-settings-wrapper #excludedUserGroups { height:168px; }
.discovery-module-access-settings-wrapper #includedUsers .user-group-wrapper { background-color:#609450; }
.discovery-module-access-settings-wrapper #excludedUserGroups .user-group-wrapper { background-color:#b55151; }

.distribution-editor #discovery-source .heading i:before { font-size: 16px; line-height:28px; }  
.distribution-editor #discovery-source .heading { display: block;padding: 1px 0 0 26px;width: auto;line-height:26px;color: #7c7c7c;float: left;font-size: 14px;margin: 0; }
.distribution-editor #discovery-source .source-container.collapse.in { padding: 0 5px 5px; background-color: #f2f3f4; }
.distribution-editor #discovery-source .media-list-wrapper { background:#fff;overflow-x:hidden;overflow-y:auto;clear:both;border:1px solid #d8d8d8; }
.distribution-editor #discovery-source .item-wrapper { overflow: hidden;border-bottom: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8; }
.distribution-editor #discovery-source .entity-header { font-size:16px; font-weight:bold; line-height:22px; }
.distribution-editor #discovery-source .glyphicons.move { float: left;height:80px;border-right: 1px solid #d8d8d8;margin-left: 10px; }
.distribution-editor #discovery-source .glyphicons.move i:before { top:25px; }
.distribution-editor #discovery-source .glyphicons.bin i:before { font-size:18px; }
.distribution-editor #discovery-source .slot-desc { margin-left:45px; }
.distribution-editor #discovery-source .entity-desc { line-height:16px; }
.distribution-editor #discovery-source .module-accordion-reload { float:right;margin-right: -20px; }
.distribution-editor #discovery-source .section-toggle.collapsed .module-accordion-reload { display:none; }
.distribution-editor #discovery-source .module-accordion-reload i:before { font-size: 16px;top: 6px; color:#7c7c7c; }

.discovery-draggable-helper { width:50px !important; height:50px !important; border:2px dashed #d8d8d8; background:#fff; }
.discovery-draggable-helper i { left: 50%;position: relative;top:12px;margin-left:-30px; }
.distribution-editor #stripe-sortable .discovery-droparea-placeholder { width:calc(100% - 5px);height: 150px;margin:10px 0;border-radius: 0;background: #fff; padding:0;border:2px dashed #d8d8d8; } 
.distribution-editor #stripe-sortable .discovery-droparea-placeholder i { left: 50%;position: relative;top:42px;margin-left:-30px; }
.distribution-editor #stripe-sortable .discovery-droparea-placeholder i:before { font-size:60px; }



.distribution-editor .discovery-asset-filter-wrapper .innerLR { padding:0 }
.distribution-editor .discovery-asset-filter-wrapper .thumbnail-size { display:none }
.distribution-editor .discovery-asset-filter-wrapper .check-asset { display:none }
.distribution-editor .discovery-asset-filter-wrapper .goto { display:none }
.distribution-editor .discovery-asset-filter-wrapper .heading-buttons { display:none }

.distribution-editor .sub-module .desc-preview { background: white;border: 1px solid #d8d8d8;padding: 10px;position:relative;min-height:35px; }
.distribution-editor .sub-module .desc-preview .glyphicons { position: absolute;top: 0;right: -6px; }

.add-new-module-button:hover {opacity: 50%;}
.add-new-module-button:hover div > i{color: green !important;}

/* --------------------- */
/* Register endpoint     */
/* --------------------- */

#content .register-endpoint .heading-buttons { margin-top: 35px; }
.bootbox .register-new-device-info { display:block; border: 1px solid #ccc;padding: 10px 10px 10px 50px;margin: 10px 0 0;font-size: 11px;line-height: 12px;color: #7c7c7c;background-color: #fafafa; }
.bootbox .register-new-device-info i::before { top:calc(50% - 12px);left: 10px;}

/* --------------------- */
/* Admin financials      */
/* --------------------- */

.admin-financials-wrapper .graph-total-info {display: inline-block;border: 2px solid #d8d8d8;padding: 10px;margin-top: 10px; }
.admin-financials-wrapper .graph-total-info span {font-weight: bold;margin-left: 10px;font-size: 16px; } 

/* --------------------- */
/* IO Settings           */
/* --------------------- */
.bootbox.io-settings-wrapper { width:1100px; max-width:90%; left:50%; transform:translateX(-50%); margin-left:0; }
.io-settings-wrapper .control-label { width:100px; }
.io-settings-wrapper .form-horizontal .control-group { margin-bottom:10px; }
.io-settings-wrapper .form-horizontal .controls { margin-left:110px; }
.io-settings-wrapper #io-setting-details .heading { display: block;padding: 1px 0 0 26px;width: auto;line-height:26px;color: #7c7c7c;float: left;font-size: 14px;margin: 0; }
.io-settings-wrapper #io-setting-details .heading i:before { font-size: 16px; line-height:28px; }
.io-settings-wrapper .dataTables_filter input { width:100px; }
.io-settings-wrapper .buttons.pull-right a.glyphicons i::before { color:inherit;font-size: 14px;top: 6px;left: 6px; }
.io-settings-wrapper .dropdown-menu li { cursor:pointer; }
.io-settings-wrapper .dropdown-menu li a { padding-left:25px; }

.io-settings-wrapper #io-setting-data-table button.glyphicons { height:22px; }
.io-settings-wrapper #io-setting-data-table button.glyphicons i::before { font-size:12px; top:4px; left:6px; }

/* -------------- */
/* Hierarchy Tree */
/* -------------- */

hierarchy-search .angular-ui-tree-handle { color:black;padding:0px;font-weight:normal;cursor:pointer;border:none;background:#fff; }
hierarchy-search .angular-ui-tree-nodes .node-embed.leaf { padding-left:18px; }
hierarchy-search .angular-ui-tree-nodes .angular-ui-tree-nodes { padding-left:0; }
hierarchy-search .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed { padding-left:25px;border:none; }
hierarchy-search .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed.leaf { padding-left:38px; }
hierarchy-search .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed { padding-left:44px; }
hierarchy-search .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed.leaf { padding-left:57px; }
hierarchy-search .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed { padding-left:64px; }
hierarchy-search .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed.leaf { padding-left:77px; }
hierarchy-search .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed { padding-left:84px; }
hierarchy-search .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed.leaf { padding-left:97px; }
hierarchy-search .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed { padding-left:117px; }
hierarchy-search .angular-ui-tree-handle:hover { color: black; background: #f5f5f5; }
hierarchy-search .node-header { padding-right:5px; font-size: 20px; }
hierarchy-search .expand { padding-right: 2px; font-size:16px; }
hierarchy-search .node-header:first-child { padding-left:5px; }
hierarchy-search .node-embed { padding:0 5px;color:#7c7c7c; display: flex; align-items: center; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20 }
hierarchy-search .node-embed .ms-icon-sell {  font-family: 'Material Symbols Rounded'; font-size: 18px;padding-top:2px; }
hierarchy-search .node-embed:hover { background: #cdcdcd; }
hierarchy-search .nodeActive { background:#dedede; }
hierarchy-search .angular-ui-tree-handle i { color:black; }
hierarchy-search .results { border:1px solid #D8D9DA;padding:5px;background: #fff; }
hierarchy-search .glyphicons i::before { color:#7c7c7c; }
hierarchy-search .ms-icon { font-family: 'Material Symbols Rounded Fill'; }
hierarchy-search .select-all-wrapper { font-size:10px;float:left;padding-right:2px;cursor:pointer; }
hierarchy-search .clear-wrapper { font-size:10px;float:right;padding-right:2px;cursor:pointer; }
hierarchy-search .hierarchy-wrap .input-append { width:100%;margin-bottom:10px; }
hierarchy-search .hierarchy-wrap .input-append .hiearchy-search-box { width:calc(100% - 38px); }
hierarchy-search .hierarchy-wrap .input-append .add-on { height:30px;width:26px;margin-top:-2px;padding: 5px 0; }
hierarchy-search .hierarchy-wrap .input-append .add-on .ms-icon { background: transparent; font-size: 20px; }

hierarchy-search.clients-hierarchy .glyphicons i::before { font-size:12px;top:-1px;left:3px; }
hierarchy-search.clients-hierarchy .glyphicons { padding-left:16px; }
hierarchy-search.clients-hierarchy input { margin-top:-2px; }

/* -------------- */
/* Layout editor  */
/* -------------- */

.layout-editor .topbar { font-size:18px;margin:30px 0px; }
.layout-editor .topbar .btn-default.left_arrow { float:right;margin-right:12px;padding:4px 7px 4px 35px; }

.layout-editor .screen-wrapper { width:70%; display:inline-block; }
.layout-editor .layout-view .ui-resizable-handle.ui-resizable-s { width:100%; }

.layout-editor .layout-view { display:inline-block;position:absolute !important; background-color:rgb(132 132 132 / 50%); overflow:hidden; border-radius: 4px; box-shadow: rgb(255, 255, 255) 0px 0px 3px 0px inset; }
.layout-editor .layout-view:hover { border: none; }
.layout-editor .layout-view.selected { border: none; background-color:transparent; font-weight:bold;}
.layout-editor .screen:not(.live-view) .layout-view.selected{background:#1473d166;}
.layout-editor .screen:not(.live-view) .device-live-view{display: none !important;}

/* Fully transparent layout views when live-view is on */
.layout-editor .screen.live-view .layout-view.selected{background:rgba(255,255,255,0);}
.layout-editor .screen.live-view .layout-view{background:rgba(255,255,255,0.1); box-shadow: rgb(255, 255, 255) 0px 0px 3px 0px inset;}

.layout-editor .layout-view .title { position:relative;top:50%;transform:translate(-50%,-50%);left:50%;display:inline-block;cursor:default; color: white; }
.layout-editor .screen { border: 5px solid #000; border-radius: 10px; background-color: #121212; margin:20px;position:relative;box-shadow:5px 5px 10px 2px #aaa;overflow:hidden; }
.layout-editor .layout-view::after{content:"";position:absolute;inset:0;border-radius:4px;padding:6px;box-sizing:border-box;background:conic-gradient(from var(--bg-angle),#56E28C 0%,#4CE7F4 15%,#A39BF9 30%,#E27066 45%,#F5BA25 60%,#EBEE68 75%,#56E28C 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;animation:none;}
.layout-editor .layout-view:hover::after{opacity:1;animation:bg-spin 2.5s linear infinite;}
.layout-editor .layout-view.selected::after{opacity:1;animation:bg-spin 2.5s linear infinite;}

.layout-editor .settings { display:inline-block; margin-right:20px; font-size:12px; }
.layout-editor .settings input { width:80px; } 
.layout-editor .setting-header { vertical-align:middle;font-size:12px;color:#7c7c7c;display:inline-block; }

.layout-editor .view-list-wrapper { display:block; width:28%; float:right; }
.layout-editor .layout-accordion input { width:50px;padding: 4px 2px 4px 6px; }
.layout-editor .layout-accordion input[type=checkbox] { width:auto;margin-right: 10px;margin-top: -2px; }
.layout-editor .layout-accordion .dim-wrapper { display:inline-block;margin-right:10px; color:#7c7c7c; }
.layout-editor .layout-accordion .dim-wrapper span { display:inline-block; font-size:11px; margin-bottom:2px;  }
.layout-editor .layout-accordion .dim-wrapper select { width:175px; }
.layout-editor .layout-accordion .ui-accordion-content { padding: 1em 1.5em;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd; }
.layout-editor .layout-accordion .ui-accordion-header { border-radius:0; border:1px solid #ddd; }
.layout-editor .layout-accordion .ui-accordion-header.ui-state-active { border:1px solid var(--md-ref-palette-primary30); }
.layout-editor .layout-accordion .ui-accordion-header-icon.ui-icon-triangle-1-s { width:0;height: 0;border-top: 8px solid white;border-left: 5px solid transparent;border-right: 5px solid transparent;margin: -4px 0 0 8px; }
.layout-editor .layout-accordion .ui-accordion-header-icon.ui-icon-triangle-1-e { width:0;height: 0;border-top: 5px solid transparent;border-left: 8px solid #ddd;border-bottom: 5px solid transparent;margin: -6px 0 0 8px; }

.layout-editor .ui-resizable-se { width:16px; }
.layout-editor .ui-resizable-e { border-width:0; border-color: transparent; background: transparent; }
.layout-editor .fab { font-size:28px; }

.layout-editor .toolbar { padding:0px 5px 5px 5px; height:60px; margin: 10px 0; text-align:left; }
.layout-editor .toolbar:hover { background-color: #F9F9F9;background-image: linear-gradient(to bottom, #FDFDFD, #F4F4F4); }
.layout-editor .toolbar .toolbar-button { cursor:pointer;display:inline-block;text-align: center;margin-top:-10px;padding:5px 5px 2px 5px;user-select:none; }
.layout-editor .toolbar .toolbar-button:hover { background:#fdfdfd }
.layout-editor .toolbar .toolbar-button i { font-size:20px; }
.layout-editor .toolbar .toolbar-button.disabled i { color:#cdcdcd; }
.layout-editor .toolbar .toolbar-button .title { font-size:10px;user-select:none; }
.layout-editor .toolbar .toolbar-button.disabled .title { color:#cdcdcd; }
.layout-editor .toolbar .toolbar-separator { border-right: 1px solid #ddd;display: inline-block;height: 50px;top: 8px;position: relative;margin: 0 5px; }

.layout-editor .scrolling-text-wrapper { display:inline-block; }
@media (max-width: 1800px) { .layout-editor .scrolling-text-wrapper { max-width:170px; } }
.layout-editor .scrollingTextCoordinates input { margin-bottom:0 }
.layout-editor .scrollingTextCoordinates { display:inline-block;margin:2px 0 0px 135px; }
@media (max-width: 1500px) { .layout-editor .scrollingTextCoordinates { margin-left:0; } }

/* -------------- */
/* Must read list */
/* -------------- */
.asset-must-read-list .must-reads-list .header { padding: 12px; background: #64625f;font-size: 14px;color: #fff;border-color: #5a5855; }
.asset-must-read-list .must-reads-list .header .refresh-wrapper { float:right; }
.asset-must-read-list .must-reads-list .header .refresh-wrapper a { padding:7px 0 5px 20px; }
.asset-must-read-list .must-reads-list .header .refresh-wrapper i::before { font-size:16px; color:#fff; }
.asset-must-read-list .must-reads-list .sub-header { padding: 12px 10px 10px; background: #e5e5e5;border-color: #cecece; min-height:20px; }
.asset-must-read-list .info-wrapper .glyphicons i:before { font-size:18px; color:var(--md-ref-palette-primary30); }
.asset-must-read-list .assetThumb { max-width:100px; max-height:65px;position:relative;top:50%; transform:translateY(-50%);background:#fff;box-shadow:2px 2px 3px 1px #ccc; }
.asset-must-read-list .no-file { border: 1px solid #d8d8d8;background: #f2f2f2;height: calc( 100% - 10px );margin: 5px;display: flex;align-items: center;justify-content: center; }
.asset-must-read-list .must-read-details { background-color: #7c7c7c }

.asset-must-read-list .active-user-list .unread td { background-color: rgba(255,0,0,0.1) !important; }
.asset-must-read-list .active-user-list .read td { background-color: #609450 !important; color:#fff; }
.must-read-tooltip-big .tooltip-inner { font-size:12px; text-align:left; }

.asset-must-read-list .controls { margin-top:15px; }
.asset-must-read-list .controls:first-child { margin-top:0px; }

.bootbox.must-read-settings-wrapper { width:700px; max-width:90%; margin-left:0px; transform:translateX(-50%); }
.bootbox.must-read-settings-wrapper .modal-body { max-height:67vh; }
@media (max-width: 767px) { .bootbox.must-read-settings-wrapper { transform:none; } .bootbox.must-read-settings-wrapper .modal-body { max-height:80vh; } }
.must-read-settings-modal label { display:inline-block;width:170px;vertical-align:-3px; }
.must-read-settings-modal .controls { margin-bottom: 10px; }
.must-read-settings-modal .user-list-wrapper > div { display: inline-block;width: calc(50% - 8px); }
.must-read-settings-modal .user-list-wrapper .list-title i::before { font-size:17px; margin:1px 13px; }
.must-read-settings-modal .user-list-wrapper .list-title.ok i::before { color:#609450; }
.must-read-settings-modal .user-list-wrapper .list-title.ban i::before { color:#b55151; }
.must-read-settings-modal .user-list-wrapper .rights-wrapper { position:absolute;top:8px;right:5px;width:40px; }
.must-read-settings-modal .user-list-wrapper .rights-wrapper .more-btn { position:relative;cursor:pointer }
.must-read-settings-modal .user-list-wrapper .rights-wrapper .more-btn .pull-left { margin:0px 7px; }
.must-read-settings-modal .user-list-wrapper .rights-wrapper .more-btn .dropdown { list-style:none;overflow:visible }
.must-read-settings-modal .user-list-wrapper .rights-wrapper .glyphicons i::before { color:#fff; font-size:15px; }
.must-read-settings-modal .user-list-wrapper .rights-wrapper .dropdown-menu a { text-align:left;padding-left:40px; }
.must-read-settings-modal .user-list-wrapper .rights-wrapper .dropdown-menu .glyphicons i::before { color: #333;font-size:15px;top: 6px;left: 11px; }
.must-read-settings-modal .user-list-wrapper .rights-wrapper .dropdown-menu .glyphicons:hover i::before { color: #fff; }
.must-read-settings-modal .user-list { width:calc(100% - 10px);display: inline-block;list-style-type: none;border:1px solid #d8d8d8;height:356px;overflow-y:auto;overflow-x:hidden;padding: 5px 0; background: #fff;margin-left:10px;}
.distribution-editor .must-read-settings-modal .user-list { height:500px; }
.must-read-settings-modal .user-list .img { width: 70px; height: 40px;display: inline-block;background-size: contain;background-repeat: no-repeat; }
.must-read-settings-modal .user-list li { overflow:hidden; }
.must-read-settings-modal .user-wrapper { height:30px;border-bottom: 1px solid #ccc;padding:5px 10px 5px 36px;line-height:14px;color:#fff;background-color: #fafafa;border: 1px solid #ccc;margin:5px 10px;display: block; cursor:grab; }
.must-read-settings-modal .user-wrapper i:before { top:8px; left: 5px; color:#fff; }
.must-read-settings-modal .user-wrapper span { width:500px; display:inline-block; }
.must-read-settings-modal .user-wrapper .username { font-size:11px; }
.must-read-settings-modal #includedUsers { margin-bottom:0;overflow:visible }
.must-read-settings-modal #includedUsers .user-wrapper { background-color:#609450; }
.must-read-settings-modal #excludedUsers .user-wrapper { background-color:#b55151; }
.must-read-settings-modal #excludedUsers { height:205px;margin-bottom:5px; }
.distribution-editor .must-read-settings-modal #excludedUsers { height:280px; }
.must-read-settings-modal #excludedUsers .rights-wrapper { display:none }
.must-read-settings-modal .user-group-wrapper { height:30px;border-bottom: 1px solid #ccc;padding:5px 10px 5px 36px;line-height:30px;color:#fff;background-color: #fafafa;border: 1px solid #ccc;margin:5px 10px;display: block; }
.must-read-settings-modal .user-group-wrapper i:before { top:10px; left:9px; color:#fff; font-size:16px; }
.must-read-settings-modal .user-group-wrapper span { top: 50%; display: block; position: relative;transform: translateY(-50%);line-height: 14px;}
.must-read-settings-modal #excludedUserGroups { height:100px;margin-bottom:0px; }
.distribution-editor .must-read-settings-modal #excludedUserGroups { height:168px; }
.must-read-settings-modal #includedUsers .user-group-wrapper { background-color:#609450; }
.must-read-settings-modal #excludedUserGroups .user-group-wrapper { background-color:#b55151; }

/* -------------- */
/* registerDeviceEndpoint.html */
/* -------------- */

.multiple-box-choices{
	padding: 0 20px;
}

.multiple-box-choices .box{
    aspect-ratio: 1/1;
    width: 80%;
    border-radius: 10px;
    border: solid 1px;
    border-color: #BDBDBD;
    margin: auto;
    transition: .25s;

    -webkit-box-shadow: 0px 3px 25px 2px rgba(0,0,0,0.08); 
    box-shadow: 0px 3px 25px 2px rgba(0,0,0,0.08);

    cursor: pointer;

    display: grid;
    padding: 10px;
}

.multiple-box-choices .box.sections-3{
    grid-template-rows: minmax(0,1fr) 20px 20px;
}

.multiple-box-choices .box.sections-2{
    grid-template-rows: minmax(0,1fr) auto;
}

.multiple-box-choices input.failed{
    border-color: red !important;
}

.multiple-box-choices input.valid{
    border-color: green !important;
}

.multiple-box-choices .box h5{
    margin: 0;
    text-align: center;
}

.multiple-box-choices .box .subtitle{
    text-align: center;
}

.multiple-box-choices .box img{
    object-position: center;
    object-fit: contain;
    padding: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}

.multiple-box-choices .box.focused{
	border-color: var(--md-ref-palette-primary30);
    background: rgba(103, 51, 117, .15);

    -webkit-box-shadow: 0px 3px 25px 2px rgba(101,56,139,0.16); 
    box-shadow: 0px 3px 25px 2px rgba(101,56,139,0.16);
}

.multiple-box-choices p{
	margin-bottom: 30px;
}

.multiple-box-choices .input-row{
    display: flex;
    align-items: center;
}

.multiple-box-choices p.action{
    text-decoration: underline;
    color: var(--md-ref-palette-primary30);
    cursor: pointer;
}

.multiple-box-choices i.installation-help-icon{
    color: var(--md-ref-palette-primary30);
    cursor: pointer;
    margin: 0 5px;
}

.multiple-box-choices .serial-installation-help-image{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

/* ------------------- */
/* Datatable */
/* ------------------- */

.dataTables_wrapper table span.error input{border-color: red;background: rgba(255,0,0,0.05);}
.dataTables_wrapper table span .error-label{color: red;margin: 0;}
/* .dataTables_wrapper table tbody td:not(.error) span label {display: none !important;}  */

/* ------------------- */
/* Admin MQ management */
/* ------------------- */
.admin-mq-management .widget-head a { padding: 6px 10px; }
.admin-mq-management .widget-head a i:before { font-size: 16px; }

/* ---------------------- */
/* System rights          */
/* ---------------------- */
@media (max-width: 1500px){

    .admin-users-list.system-rights :is(td.moduleAccess span, td.moduleAdmin span){
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
}

@media (min-width: 1500px){
    .admin-users-list.system-rights :is(td.moduleAccess, th.moduleAccess, td.moduleAdmin, th.moduleAdmin){
        width: 1px;
        white-space: nowrap;
    }

    .admin-users-list.system-rights :is(td.moduleAccess span, td.moduleAdmin span){
        display: flex;
        gap: 5px;
        padding-right: 5vw;
    }

    .admin-users-list.system-rights :is(td.username){
        width: 100%;
    }

    .admin-users-list.system-rights :is(td.systemAdmin, td.select){
        padding-right: 5vw;
    }
}

.admin-users-list.system-rights .toggle-button.deactivate {
    cursor: not-allowed !important;
}
/* ---------------------- */
/* System settings        */
/* ---------------------- */
.system-settings ul { list-style-type: none; }
.system-settings input { margin-top:-3px; }

/* ---------------------- */
/* Scoreboard list        */
/* ---------------------- */
.scoreboard-list .heading-buttons { margin-bottom:40px; }
.scoreboard-list .preview-image { width:300px; }
.scoreboard-list .scoreboard-name { font-size:24px;margin-top:12px; }
.scoreboard-list .game-link-wrapper { margin-top:20px;bottom: 10px; }
.scoreboard-list .game-settings-link { border: 1px solid #ccc;padding: 14px 11px 4px;background: #ffffff;min-height: 30px;display: inline-block;font-size: 15px;width:calc(100% - 70px);background: #efefef;border-radius: 5px;vertical-align: -3px; }
.scoreboard-list .edit-buttons { bottom: 10px;position: absolute;right: -5px; }

.scoreboard-list .no-scoreboards .glyphicons { margin-top:40px; }
.scoreboard-list .no-scoreboards .glyphicons i:before { font-size:24px; top:-2px;color:#1d1d1b !important; }

/* ------------- */
/* Responsive    */
/* ------------- */

/* Large desktop */
@media (min-width: 1200px) {
	
}

/* Everything but large desktop */
@media (max-width: 1200px) {
	.device-information-wrapper .form-horizontal .controls { clear: left; margin-left: 0; }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.movie-controls { padding-bottom:20px; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
  .shop-client-products.product-details .heading-buttons .buttons { margin: 10px 0 0; padding:0; }
  .asset-info-view .heading-buttons .btn-group { margin: 0 0px 7px 15px; float:right; }
  .asset-info-view .heading-buttons .buttons > a { float:right; }
  .shop-client-products.product-details .form-horizontal .controls { margin-left:0; }
  .form-horizontal.responsive .controls { margin-left:0px; }
  .device-info-view .form-horizontal .controls { margin-left:0px; }
  .device-info-view .config-buttons { padding-bottom:10px; }
  .configuration-name-combobox input { max-width:75%; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

}

/* Tooltip for datatable */
.access-edit:hover .tooltip {
    opacity: 1;
    background-color: white;
    top: -20px;
    padding: 4px 6px;
    border-radius: 8px;
    box-shadow: 1px 1px 8px #a1a1a1;
    width: max-content;
}

/* -------------- */
/* Searchable select picker */
/* -------------- */
#largeSlotSettingsContent .searchable-picker.span12 {
    width: 100%;
}
#largeSlotSettingsContent input {
    accent-color: #a54ac6;
}

.searchable-picker {
    position: relative;
}

.searchable-picker #searchableDropdown {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding: 12px 0;
    max-height: 240px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.searchable-picker #searchableDropdown a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
    height: 20px;
}

.searchable-picker #searchableDropdown a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: var(--md-ref-palette-primary30);
    background-image: -moz-linear-gradient(top, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--md-ref-palette-primary50)), to(var(--md-ref-palette-primary30)));
    background-image: -webkit-linear-gradient(top, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
    background-image: -o-linear-gradient(top, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
    background-image: linear-gradient(to bottom, var(--md-ref-palette-primary50), var(--md-ref-palette-primary30));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--md-ref-palette-primary50)', endColorstr='var(--md-ref-palette-primary30)', GradientType=0);
}

.searchable-picker #searchableDropdown .items {
    margin-top: 8px;
}

.searchable-picker #searchableDropdown input {
    margin-left: 12px;
    width: calc(100% - 38px);
}

.searchable-picker #searchableDropdown .glyphicons.search {
    position: absolute;
    right: 0px;
    top: 8px;
    width: unset;
    height: unset;
    padding: 5px 0 5px 35px;
}

.searchable-picker #searchableDropdown .glyphicons.search i::before {
    font-size: 14px;
    color: #b4b4b4;
    left: 0;
    top: 0;
    margin: 0;
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.searchable-picker.disabled button {
    color: #999;
    background-color: #eee;
    cursor: not-allowed;
    opacity: .65;
    box-shadow: none;
}

.superuser-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tutti-frutti);
    color: var(--md-ref-palette-neutral-variant20) !important;
    border-radius: 10px;
    width: 16px;
    height: 16px;
    font-weight: 900 !important;
    line-height: 0;
    text-shadow: 0px 0px 2px white;
}
.navbar .administration.nav-category-container a, .navbar .superuser.nav-category-container a {
    color: white; 
    display: flex;
    flex-direction: row;
    align-items: center;
}
.navbar .dropdown-menu {
    min-width: 180px;
}
.pagelink > a > span {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* -------------- */
/* General dashboard */
/* -------------- */

.container {
	width: 704px;
	height: 460px;
	/* position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); */
}

.cover {
	display: inline-block;
	width: 100%;
	border-radius: 8px;
}

@media screen and (max-width: 700px) {
	.container {
		width: 100%;
		position: relative;
		transform: translate(0%, 0%);
		top: 0;
		left: 0;
	}
	.cover {
		display: block;
		width: 320px;
		margin: 15px auto;
	}
}

.atvImg {
	border-radius: 8px;
	transform-style: preserve-3d;
	-webkit-tap-highlight-color: rgba(#000, 0);
}

.atvImg img {
	border-radius: 8px;
}

.atvImg-container {
	position: relative;
	width: 100%;
	border-radius: 8px;
	transition: all 0.2s ease-out;
	aspect-ratio: 1.65/1;
}

.atvImg-container.over .atvImg-shadow {
	box-shadow: 0 45px 100px rgba(14, 21, 47, 0.4), 0 16px 40px
		rgba(14, 21, 47, 0.4);
}

.atvImg-layers {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
	transform-style: preserve-3d;
}

.atvImg-rendered-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-size: cover;
	transition: all 0.1s ease-out;
	overflow: hidden;
	border-radius: 8px;
}

.atvImg-shadow {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	transition: all 0.2s ease-out;
	box-shadow: 0 8px 30px rgba(14, 21, 47, 0.6);
}

.atvImg-shine {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(255, 255, 255, .25) 0%,
		rgba(255, 255, 255, 0) 60%);
	pointer-events: none;
}

.differentgrid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr)) 2fr 2fr;
	grid-template-rows: 95px 100px calc(((((100vw - 110px) / 6) / 1.65) * 3) - 190px);
	grid-template-areas:
		'data data data data data data banner2 cards '
		'shortcuts shortcuts shortcuts shortcuts shortcuts shortcuts banner2 cards '
		'graph graph graph graph graph graph banner2 cards';
	grid-gap: 24px;
}

.differentgrid .span2 {
	display: flex;
	margin-bottom: 15px;
}

.widget, .dashboard .widget-stats {
	border-radius: 8px;
}

.dashboard .widget-stats {
	padding: 12px 4px 0px 4px;
	height: 92px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.widget-stats .glyphicons i:before {
	font-size: 48px;
}

.widget .widget-head {
	border-radius: 8px 8px 0 0;
}
/*  */
.swiper-pagination {
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	gap: 4px;
	align-items: center;
	z-index: 2;
}

.swiper-pagination .dot {
	background: var(- -gradient);
	width: 8px;
	height: 8px;
	border-radius: 4px;
	opacity: 0.2;
	transition: 0.3s;
}

.swiper-pagination .dot.active {
	width: 20px;
	opacity: 1;
}

.swiper-container {
	width: 100%;
	background-color: white;
	border-radius: 8px;
	position: relative;
    box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
	-webkit-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
	border: 1px solid #d8d8d8;
}

.swiper-container h1 {
	margin: 0;
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	color: #26384E;
	transform: translateY(20px);
	transition: all 0.4s ease;
	transition-delay: 0.2s;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.swiper-container p {
	font-size: 16px;
	line-height: 24px;
	color: #889DB8;
	transform: translateY(20px);
	transition: all 0.4s ease;
	transition-delay: 0.3s;
	display: -webkit-box;
    line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.swiper-pagination:hover+.slider-wrapper .slider-item.active p,
	.slider-item.active:hover p {
	opacity: 0;
	transform: translateY(20px);
	transition: .1s;
}

.swiper-pagination:hover+.slider-wrapper .slider-item.active .slider-image,
	.slider-item.active:hover .slider-image {
	height: calc((((( 100vw - 110px)/6)/1.65)* 3)- 208px);
}

.slider-item-content {
	padding: 16px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: 0.4s;
}

.swiper-wrapper {
	height: 100%;
}

.slider-buttons {
	position: absolute;
	bottom: 1px;
	right: 8px;
	z-index: 2;
}

.swiper-button-next, .swiper-button-prev {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	color: rgb(0, 0, 0);
	position: relative;
}

.swiper-button-next:before, .swiper-button-prev:before {
	content: "";
	position: absolute;
	background-color: rgb(0, 0, 0);
	height: 1px;
	width: 0;
	left: 0;
	bottom: -1px;
	transition: 0.2s;
}

.swiper-button-next:hover:before, .swiper-button-prev:hover:before {
	width: 100%;
}

.slider-item {
	position: absolute;
	opacity: 0;
	transition: .3s;
    width: 100%;
}

.slider-item.active {
	opacity: 1;
	z-index: 1;
}

.slider-item-content>* {
	opacity: 0;
	transform: translateY(20px);
}

.slider-item.active .slider-item-content>* {
	transform: translateY(0px);
	opacity: 1;
}

.slider-image {
	width: 100%;
	/* height: 180px; */
	height: calc((((( 100vw - 110px)/6)/1.65)* 3)- 280px);
	border-radius: 8px 8px 0 0;
	transition: 0.2s;
	object-fit: cover;
}

/*  */
.card {
	box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
	-webkit-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
	border: 1px solid #d8d8d8;
	border-radius: 8px;
}

.card__image {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	min-height: 240px;
	overflow: hidden;
	position: relative;
}

.card__image>img {
	display: block;
	margin-bottom: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.card__image:hover>img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.card__title {
	color: white;
	display: inline-block;
	font-family: "Hind";
	font-size: 1.7em;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0.75em;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.card__title:hover {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
}

.card__overlay {
	content: "";
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}

.card__title:hover {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
}

.card__title:focus {
	color: white;
	text-decoration: none;
}

.card__overlay--blue {
	background-image: linear-gradient(to bottom, rgba(41, 182, 246, 0.1),
		rgba(41, 182, 246, 0.8));
	z-index: 2;
}

.card__overlay-content {
	position: absolute;
	bottom: 0;
	padding: 1.5em;
	z-index: 3;
}

.card__meta {
	margin: 0;
	margin-right: -1em;
	margin-bottom: 0.75em;
}

.card__meta.card__meta--last {
	margin-bottom: 0;
}

.card__meta li {
	color: #f8f8f8;
	display: inline;
	list-style-type: none;
	margin-bottom: 0;
	padding-right: 1em;
	font-size: 0.85em;
	font-variant: small-caps;
	letter-spacing: 1px;
}

.card__meta li:not(:last-child):after {
	content: "●";
	font-style: normal;
	position: relative;
	color: rgba(255, 255, 255, 0.25);
	right: -0.6em;
}

.card__meta li>a {
	color: #f8f8f8;
}

/*  */
.physical-card {
	border-radius: 8px;
	position: relative;
	color: white;
	aspect-ratio: 1.65/1;
	width: 100%;
	/* max-width: 264px;
            max-height: 160px; */
	/* margin-bottom: 15px; */
	box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
	-webkit-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
	border: 1px solid #d8d8d8;
}

.physical-card .image {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	margin: 0 0 0 3%;
}

.physical-card.no-image .image {
	flex: initial !important;
	margin: 0 10% 0 0;
}

.physical-card .contact-info {
	word-wrap: break-word;
	max-width: 100%;
	margin: 0 0 0 0px;
}

.physical-card.no-image .contact-info {
	max-width: none;
	word-wrap: normal;
}

.physical-card h4 {
	color: white;
	line-height: 1;
}

.physical-card p {
	margin: 0;
}

.physical-card label {
	margin-bottom: 1%;
	line-height: initial;
	margin-top: 2%;
	text-transform: uppercase;
}

.physical-card .copy-field {
	/* background: white;  */
	color: white;
	/* padding: 2%; */
	border-radius: 4px;
	display: flex;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.physical-card .copy-field p {
	font-size: 0.9vw;
	font-weight: 500;
}

.physical-card .copy-field button {
	border: none;
}

.physical-card .glyphicons {
	padding: 0 0 0 1.5vw;
}

.physical-card .copy-field .glyphicons {
	margin-left: 4%;
	padding: 0 0 0 2vw;
}

.physical-card .copy-field .glyphicons i:before {
	font-size: min(0.7vw, 14px);
	font-size: .7vw;
	margin-top: 20%;
	color: white;
}

.physical-card .glyphicons i:before {
	color: white;
	font-size: min(1vw, 20px);
	font-size: 1vw;
	margin-top: 35%;
}

.physical-card .copy-field.active {
	color: #a688ff;
}

.physical-card .copy-field:hover {
	/* color: rgba(255, 255, 255, .7); */
	opacity: 0.7;
}

/* .physical-card .copy-field:hover .glyphicons i:before {
            color: rgba(255, 255, 255, .7);
        } */
.physical-card .copy-field.active .glyphicons i:before {
	color: #a688ff;
}

.differentgrid .span6 .widget-body {
	/* height: 328px; */
	height: calc(((((100vw - 110px) / 6) / 1.65) * 3) - 258px);
}

.physical-card p, .physical-card label {
	font-size: min(0.6vw, 10.5px);
	font-size: .6vw;
}

.physical-card .max14, .physical-card .copy-field .glyphicons i:before {
	font-size: min(0.7vw, 12px);
	font-size: .7vw;
}

.physical-card .max16 {
	font-size: min(0.8vw, 14.5px);
	font-size: .8vw;
}

.physical-card .max20, .physical-card .glyphicons i:before {
	font-size: min(1vw, 18px);
	font-size: 1vw;
}

.physical-card .max24 {
	font-size: min(1.2vw, 22px);
	font-size: 1.2vw;
}

.physical-card .max28 {
	font-size: min(1.4vw, 25.5px);
	font-size: 1.4vw;
}

@media only screen and (min-width:769px) and (max-width:1024px) {
	.differentgrid {
		grid-template-rows: 94px 103px 200px 525px;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		grid-template-areas: 'data data data data data data'
			'shortcuts shortcuts shortcuts shortcuts shortcuts shortcuts '
			'graph graph graph graph graph graph '
			'banner2 banner2 banner2 banner2 cards cards';
		margin-bottom: 20px;
	}
	.differentgrid .span6 .widget-body {
		height: 141px;
	}

	.physical-card p, .physical-card label {
      font-size: max(0.6vw, 12.5px) !important;
      line-height: 1 !important;
      margin-bottom:1% !important;
  }
  .physical-card .max24 {
      font-size: max(1.2vw, 22px) !important;
  }
	.physical-card .max28, .atvImg-layers h4.max28 {
      font-size: max(1.4vw, 25.5px) !important;
  }
  .physical-card .max16 {
      font-size: max(0.8vw, 14.5px);
  }
  .reseller-contact-info { 
  		max-width:55vw !important; 
 	}
}

@media only screen and (max-width:768px) {
	.differentgrid {
		display:block;
		grid-template-rows: 114px 114px;
		grid-template-columns: 25% 25% 25% 25%;
		grid-template-areas: 'data data data data '
			'data data data data ';
	}
	.differentgrid .span6 .widget-body {
		height: 320px;
	}
	.cards .span2 {
		justify-content: center;
	}
	.physical-card p, .physical-card label {
      font-size: max(0.6vw, 12.5px) !important;
      line-height: 1 !important;
      margin-bottom:1% !important;
  }
  .physical-card .max14, .physical-card .copy-field .glyphicons i:before {
      font-size: max(0.7vw, 12px);
  }
  .physical-card .max16 {
      font-size: max(0.8vw, 14.5px);
  }
  .physical-card .max20, .physical-card .glyphicons i:before {
      font-size: max(1vw, 18px);
      margin-top: 8px;
  }
  .physical-card .max24 {
      font-size: max(1.2vw, 22px) !important;
  }
 	.physical-card .max28, .atvImg-layers h4.max28 {
      font-size: max(1.4vw, 25.5px) !important;
  }
  .reseller-contact-info { 
  		max-width:55vw !important; 
 	}
}

.digital-signage.dashboard .widget-stats {
	height: 70px;
}

.digital-signage.dashboard .widget-stats .glyphicons i:before {
	font-size: 42px;
}

.digital-signage.dashboard .widget-stats .glyphicons.download_to_device i:before
	{
	font-size: 56px;
}

.digital-signage.dashboard .widget-stats .glyphicons.upload i:before {
	font-size: 52px;
}

.digital-signage.dashboard .shortcuts .panel-widget {
	height: 78px;
	padding: 12px 14px;
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.digital-signage.dashboard .shortcuts .panel-widget div {
	margin: -3px 0 0 0;
	text-align: left;
}

.digital-signage.dashboard .shortcuts .txt1 {
	color: #000;
	font-weight: bold;
}

.digital-signage.dashboard .shortcuts .txt2 {
	color: #9B8BA2
}

.digital-signage.dashboard .shortcuts .arrow {
	width: 32px;
	height: 32px;
	border-right: 10px solid #eee;
	position: absolute;
	top: 20px;
	right: 13px;
	transform: rotate(45deg);
	border-radius: 10px;
	border-top: 10px solid #ddd;
}

.digital-signage.dashboard .shortcuts .panel-widget {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.digital-signage.dashboard .shortcuts .panel-widget:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.client-types {
	height: 152px; 
	padding: 15px 15px 0; 
	overflow-x: hidden;
	display: flex; 
	justify-content: center;
}
.client-types .panel-widget {
	padding: 30px 0;
}
.client-types .panel-widget div {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 15px;
}
.client-types .panel-widget div img {
	width: 100%; max-width: 300px;
}
.client-types .panel-widget:hover {
	text-decoration: none;
	background-color: #F9F9F9;
    background-image: linear-gradient(to bottom, #FDFDFD, #F4F4F4);
    background-repeat: repeat-x;
	cursor: default;
}
.ms-icon.green {
    color: var(--success-icon);
}
.ms-icon.yellow {
    color: var(--warning-icon);
}
.ms-icon.grey {
    color: var(--md-ref-palette-neutral60);
}

:root {
    --md-source: #5C2483;
    --success: #23824B;
    --error: #dc4e47;
    --secondary: #86266e;    
    --md-source-rgb: 92, 36, 131;

    --success-icon: #27af60;
    --success-background: #A6FFA1;

    --warning-icon: #EDBA43;
    --warning-background: #FFDD6F;
    /* primary */
    --md-ref-palette-primary0: #000000;
    --md-ref-palette-primary5: #1f0035;
    --md-ref-palette-primary10: #2f004d;
    --md-ref-palette-primary20: #4a0e72;
    --md-ref-palette-primary25: #571e7e;
    --md-ref-palette-primary30: #632b8a;
    --md-ref-palette-primary35: #703897;
    --md-ref-palette-primary40: #7c45a4;
    --md-ref-palette-primary50: #975ebf;
    --md-ref-palette-primary60: #b278db;
    --md-ref-palette-primary70: #cf93f8;
    --md-ref-palette-primary80: #e3b5ff;
    --md-ref-palette-primary90: #f3daff;
    --md-ref-palette-primary95: #fbecff;
    --md-ref-palette-primary98: #fff7fd;
    --md-ref-palette-primary99: #fffbff;
    --md-ref-palette-primary100: #ffffff;
    /* secondary */
    --md-ref-palette-secondary0: #000000;
    --md-ref-palette-secondary5: #110f20;
    --md-ref-palette-secondary10: #1c192b;
    --md-ref-palette-secondary20: #312e41;
    --md-ref-palette-secondary25: #3c394d;
    --md-ref-palette-secondary30: #474459;
    --md-ref-palette-secondary35: #535065;
    --md-ref-palette-secondary40: #5f5c71;
    --md-ref-palette-secondary50: #78748b;
    --md-ref-palette-secondary60: #928ea5;
    --md-ref-palette-secondary70: #ada8c0;
    --md-ref-palette-secondary80: #c9c3dc;
    --md-ref-palette-secondary90: #e5dff9;
    --md-ref-palette-secondary95: #f4eeff;
    --md-ref-palette-secondary98: #fcf8ff;
    --md-ref-palette-secondary99: #fffbff;
    --md-ref-palette-secondary100: #ffffff;
    /* tertiary */
    --md-ref-palette-tertiary0: #000000;
    --md-ref-palette-tertiary5: #230616;
    --md-ref-palette-tertiary10: #301121;
    --md-ref-palette-tertiary20: #482536;
    --md-ref-palette-tertiary25: #553041;
    --md-ref-palette-tertiary30: #613b4d;
    --md-ref-palette-tertiary35: #6e4759;
    --md-ref-palette-tertiary40: #7b5265;
    --md-ref-palette-tertiary50: #976a7e;
    --md-ref-palette-tertiary60: #b28398;
    --md-ref-palette-tertiary70: #cf9db2;
    --md-ref-palette-tertiary80: #ecb8ce;
    --md-ref-palette-tertiary90: #ffd8e7;
    --md-ref-palette-tertiary95: #ffecf2;
    --md-ref-palette-tertiary98: #fff8f8;
    --md-ref-palette-tertiary99: #fffbff;
    --md-ref-palette-tertiary100: #ffffff;
    /* neutral */
    --md-ref-palette-neutral0: #000000;
    --md-ref-palette-neutral5: #111014;
    --md-ref-palette-neutral10: #1c1b1f;
    --md-ref-palette-neutral20: #313033;
    --md-ref-palette-neutral25: #3c3b3f;
    --md-ref-palette-neutral30: #48464a;
    --md-ref-palette-neutral35: #535256;
    --md-ref-palette-neutral40: #605d62;
    --md-ref-palette-neutral50: #79767a;
    --md-ref-palette-neutral60: #939094;
    --md-ref-palette-neutral70: #adaaaf;
    --md-ref-palette-neutral80: #c9c5ca;
    --md-ref-palette-neutral90: #e5e1e6;
    --md-ref-palette-neutral95: #f4eff4;
    --md-ref-palette-neutral98: #fdf8fd;
    --md-ref-palette-neutral99: #fffbff;
    --md-ref-palette-neutral100: #ffffff;
    /* neutral-variant */
    --md-ref-palette-neutral-variant0: #000000;
    --md-ref-palette-neutral-variant5: #111018;
    --md-ref-palette-neutral-variant10: #1c1b22;
    --md-ref-palette-neutral-variant20: #312f38;
    --md-ref-palette-neutral-variant25: #3c3a43;
    --md-ref-palette-neutral-variant30: #48464f;
    --md-ref-palette-neutral-variant35: #53515a;
    --md-ref-palette-neutral-variant40: #5f5d66;
    --md-ref-palette-neutral-variant50: #78767f;
    --md-ref-palette-neutral-variant60: #928f99;
    --md-ref-palette-neutral-variant70: #ada9b4;
    --md-ref-palette-neutral-variant80: #c9c5d0;
    --md-ref-palette-neutral-variant90: #e5e0ec;
    --md-ref-palette-neutral-variant95: #f4effa;
    --md-ref-palette-neutral-variant98: #fcf8ff;
    --md-ref-palette-neutral-variant99: #fffbff;
    --md-ref-palette-neutral-variant100: #ffffff;
    /* error */
    --md-ref-palette-error0: #000000;
    --md-ref-palette-error5: #2d0001;
    --md-ref-palette-error10: #410002;
    --md-ref-palette-error20: #690005;
    --md-ref-palette-error25: #7e0007;
    --md-ref-palette-error30: #93000a;
    --md-ref-palette-error35: #a80710;
    --md-ref-palette-error40: #ba1a1a;
    --md-ref-palette-error50: #de3730;
    --md-ref-palette-error60: #ff5449;
    --md-ref-palette-error70: #ff897d;
    --md-ref-palette-error80: #ffb4ab;
    --md-ref-palette-error90: #ffdad6;
    --md-ref-palette-error95: #ffedea;
    --md-ref-palette-error98: #fff8f7;
    --md-ref-palette-error99: #fffbff;
    --md-ref-palette-error100: #ffffff;
    /* light */
    --md-sys-color-primary-light: #5d4fb5;
    --md-sys-color-on-primary-light: #ffffff;
    --md-sys-color-primary-container-light: #e5deff;
    --md-sys-color-on-primary-container-light: #190064;
    --md-sys-color-secondary-light: #5f5c71;
    --md-sys-color-on-secondary-light: #ffffff;
    --md-sys-color-secondary-container-light: #e5dff9;
    --md-sys-color-on-secondary-container-light: #1c192b;
    --md-sys-color-tertiary-light: #7b5265;
    --md-sys-color-on-tertiary-light: #ffffff;
    --md-sys-color-tertiary-container-light: #ffd8e7;
    --md-sys-color-on-tertiary-container-light: #301121;
    --md-sys-color-error-light: #ba1a1a;
    --md-sys-color-error-container-light: #ffdad6;
    --md-sys-color-on-error-light: #ffffff;
    --md-sys-color-on-error-container-light: #410002;
    --md-sys-color-background-light: #fffbff;
    --md-sys-color-on-background-light: #1c1b1f;
    --md-sys-color-surface-light: #fffbff;
    --md-sys-color-on-surface-light: #1c1b1f;
    --md-sys-color-surface-variant-light: #e5e0ec;
    --md-sys-color-on-surface-variant-light: #48464f;
    --md-sys-color-outline-light: #78767f;
    --md-sys-color-inverse-on-surface-light: #f4eff4;
    --md-sys-color-inverse-surface-light: #313033;
    --md-sys-color-inverse-primary-light: #c8bfff;
    --md-sys-color-shadow-light: #000000;
    --md-sys-color-surface-tint-light: #5d4fb5;
    --md-sys-color-outline-variant-light: #c9c5d0;
    --md-sys-color-scrim-light: #000000;
    /* dark */
    --md-sys-color-primary-dark: #c8bfff;
    --md-sys-color-on-primary-dark: #2e1a84;
    --md-sys-color-primary-container-dark: #45359c;
    --md-sys-color-on-primary-container-dark: #e5deff;
    --md-sys-color-secondary-dark: #c9c3dc;
    --md-sys-color-on-secondary-dark: #312e41;
    --md-sys-color-secondary-container-dark: #474459;
    --md-sys-color-on-secondary-container-dark: #e5dff9;
    --md-sys-color-tertiary-dark: #ecb8ce;
    --md-sys-color-on-tertiary-dark: #482536;
    --md-sys-color-tertiary-container-dark: #613b4d;
    --md-sys-color-on-tertiary-container-dark: #ffd8e7;
    --md-sys-color-error-dark: #ffb4ab;
    --md-sys-color-error-container-dark: #93000a;
    --md-sys-color-on-error-dark: #690005;
    --md-sys-color-on-error-container-dark: #ffdad6;
    --md-sys-color-background-dark: #1c1b1f;
    --md-sys-color-on-background-dark: #e5e1e6;
    --md-sys-color-surface-dark: #1c1b1f;
    --md-sys-color-on-surface-dark: #e5e1e6;
    --md-sys-color-surface-variant-dark: #48464f;
    --md-sys-color-on-surface-variant-dark: #c9c5d0;
    --md-sys-color-outline-dark: #928f99;
    --md-sys-color-inverse-on-surface-dark: #1c1b1f;
    --md-sys-color-inverse-surface-dark: #e5e1e6;
    --md-sys-color-inverse-primary-dark: #5d4fb5;
    --md-sys-color-shadow-dark: #000000;
    --md-sys-color-surface-tint-dark: #c8bfff;
    --md-sys-color-outline-variant-dark: #48464f;
    --md-sys-color-scrim-dark: #000000;
    /* Custom Colors */
    --md-custom-color-Plan: #62F59B;
    --md-custom-color-Create: #82E9FF;
    --md-custom-color-Distribute: #A39BF9;
    --md-custom-color-Interact: #FF8484;
    --md-custom-color-Manage: #F6C271;
    --md-custom-color-Analyze: #F5F871;
    /* display - large */
    --md-sys-typescale-display-large-font-family-name: Nunito;
    --md-sys-typescale-display-large-font-family-style: Regular;
    --md-sys-typescale-display-large-font-weight: 400px;
    --md-sys-typescale-display-large-font-size: 57px;
    --md-sys-typescale-display-large-line-height: 64px;
    --md-sys-typescale-display-large-letter-spacing: -0.25px;
    /* display - medium */
    --md-sys-typescale-display-medium-font-family-name: Nunito;
    --md-sys-typescale-display-medium-font-family-style: Regular;
    --md-sys-typescale-display-medium-font-weight: 400px;
    --md-sys-typescale-display-medium-font-size: 45px;
    --md-sys-typescale-display-medium-line-height: 52px;
    --md-sys-typescale-display-medium-letter-spacing: 0px;
    /* display - small */
    --md-sys-typescale-display-small-font-family-name: Nunito;
    --md-sys-typescale-display-small-font-family-style: Regular;
    --md-sys-typescale-display-small-font-weight: 400px;
    --md-sys-typescale-display-small-font-size: 36px;
    --md-sys-typescale-display-small-line-height: 44px;
    --md-sys-typescale-display-small-letter-spacing: 0px;
    /* headline - large */
    --md-sys-typescale-headline-large-font-family-name: Nunito;
    --md-sys-typescale-headline-large-font-family-style: Regular;
    --md-sys-typescale-headline-large-font-weight: 400px;
    --md-sys-typescale-headline-large-font-size: 32px;
    --md-sys-typescale-headline-large-line-height: 40px;
    --md-sys-typescale-headline-large-letter-spacing: 0px;
    /* headline - medium */
    --md-sys-typescale-headline-medium-font-family-name: Nunito;
    --md-sys-typescale-headline-medium-font-family-style: Regular;
    --md-sys-typescale-headline-medium-font-weight: 400px;
    --md-sys-typescale-headline-medium-font-size: 28px;
    --md-sys-typescale-headline-medium-line-height: 36px;
    --md-sys-typescale-headline-medium-letter-spacing: 0px;
    /* headline - small */
    --md-sys-typescale-headline-small-font-family-name: Nunito;
    --md-sys-typescale-headline-small-font-family-style: Regular;
    --md-sys-typescale-headline-small-font-weight: 400px;
    --md-sys-typescale-headline-small-font-size: 24px;
    --md-sys-typescale-headline-small-line-height: 32px;
    --md-sys-typescale-headline-small-letter-spacing: 0px;
    /* body - large */
    --md-sys-typescale-body-large-font-family-name: Nunito;
    --md-sys-typescale-body-large-font-family-style: Regular;
    --md-sys-typescale-body-large-font-weight: 400px;
    --md-sys-typescale-body-large-font-size: 16px;
    --md-sys-typescale-body-large-line-height: 24px;
    --md-sys-typescale-body-large-letter-spacing: 0.50px;
    /* body - medium */
    --md-sys-typescale-body-medium-font-family-name: Nunito;
    --md-sys-typescale-body-medium-font-family-style: Regular;
    --md-sys-typescale-body-medium-font-weight: 400px;
    --md-sys-typescale-body-medium-font-size: 14px;
    --md-sys-typescale-body-medium-line-height: 20px;
    --md-sys-typescale-body-medium-letter-spacing: 0.25px;
    /* body - small */
    --md-sys-typescale-body-small-font-family-name: Nunito;
    --md-sys-typescale-body-small-font-family-style: Regular;
    --md-sys-typescale-body-small-font-weight: 400px;
    --md-sys-typescale-body-small-font-size: 12px;
    --md-sys-typescale-body-small-line-height: 16px;
    --md-sys-typescale-body-small-letter-spacing: 0.40px;
    /* label - large */
    --md-sys-typescale-label-large-font-family-name: Nunito;
    --md-sys-typescale-label-large-font-family-style: Medium;
    --md-sys-typescale-label-large-font-weight: 500px;
    --md-sys-typescale-label-large-font-size: 14px;
    --md-sys-typescale-label-large-line-height: 20px;
    --md-sys-typescale-label-large-letter-spacing: 0.10px;
    /* label - medium */
    --md-sys-typescale-label-medium-font-family-name: Nunito;
    --md-sys-typescale-label-medium-font-family-style: Medium;
    --md-sys-typescale-label-medium-font-weight: 500px;
    --md-sys-typescale-label-medium-font-size: 12px;
    --md-sys-typescale-label-medium-line-height: 16px;
    --md-sys-typescale-label-medium-letter-spacing: 0.50px;
    /* label - small */
    --md-sys-typescale-label-small-font-family-name: Nunito;
    --md-sys-typescale-label-small-font-family-style: Medium;
    --md-sys-typescale-label-small-font-weight: 500px;
    --md-sys-typescale-label-small-font-size: 11px;
    --md-sys-typescale-label-small-line-height: 16px;
    --md-sys-typescale-label-small-letter-spacing: 0.50px;
    /* title - large */
    --md-sys-typescale-title-large-font-family-name: Nunito;
    --md-sys-typescale-title-large-font-family-style: Regular;
    --md-sys-typescale-title-large-font-weight: 400px;
    --md-sys-typescale-title-large-font-size: 22px;
    --md-sys-typescale-title-large-line-height: 28px;
    --md-sys-typescale-title-large-letter-spacing: 0px;
    /* title - medium */
    --md-sys-typescale-title-medium-font-family-name: Nunito;
    --md-sys-typescale-title-medium-font-family-style: Medium;
    --md-sys-typescale-title-medium-font-weight: 500px;
    --md-sys-typescale-title-medium-font-size: 16px;
    --md-sys-typescale-title-medium-line-height: 24px;
    --md-sys-typescale-title-medium-letter-spacing: 0.15px;
    /* title - small */
    --md-sys-typescale-title-small-font-family-name: Nunito;
    --md-sys-typescale-title-small-font-family-style: Medium;
    --md-sys-typescale-title-small-font-weight: 500px;
    --md-sys-typescale-title-small-font-size: 14px;
    --md-sys-typescale-title-small-line-height: 20px;
    --md-sys-typescale-title-small-letter-spacing: 0.10px;

    --spacing: 8px;
}
  
.display-large{
  font-family: var(--md-sys-typescale-display-large-font-family-name);
  font-style: var(--md-sys-typescale-display-large-font-family-style);
  font-weight: var(--md-sys-typescale-display-large-font-weight);
  font-size: var(--md-sys-typescale-display-large-font-size);
  letter-spacing: var(--md-sys-typescale-display-large-tracking);
  line-height: var(--md-sys-typescale-display-large-height);
  text-transform: var(--md-sys-typescale-display-large-text-transform);
  text-decoration: var(--md-sys-typescale-display-large-text-decoration);
}
.display-medium{
  font-family: var(--md-sys-typescale-display-medium-font-family-name);
  font-style: var(--md-sys-typescale-display-medium-font-family-style);
  font-weight: var(--md-sys-typescale-display-medium-font-weight);
  font-size: var(--md-sys-typescale-display-medium-font-size);
  letter-spacing: var(--md-sys-typescale-display-medium-tracking);
  line-height: var(--md-sys-typescale-display-medium-height);
  text-transform: var(--md-sys-typescale-display-medium-text-transform);
  text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
}
.display-small{
  font-family: var(--md-sys-typescale-display-small-font-family-name);
  font-style: var(--md-sys-typescale-display-small-font-family-style);
  font-weight: var(--md-sys-typescale-display-small-font-weight);
  font-size: var(--md-sys-typescale-display-small-font-size);
  letter-spacing: var(--md-sys-typescale-display-small-tracking);
  line-height: var(--md-sys-typescale-display-small-height);
  text-transform: var(--md-sys-typescale-display-small-text-transform);
  text-decoration: var(--md-sys-typescale-display-small-text-decoration);
}
.headline-large{
  font-family: var(--md-sys-typescale-headline-large-font-family-name);
  font-style: var(--md-sys-typescale-headline-large-font-family-style);
  font-weight: var(--md-sys-typescale-headline-large-font-weight);
  font-size: var(--md-sys-typescale-headline-large-font-size);
  letter-spacing: var(--md-sys-typescale-headline-large-tracking);
  line-height: var(--md-sys-typescale-headline-large-line-height);
  text-transform: var(--md-sys-typescale-headline-large-text-transform);
  text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
}
.headline-medium{
  font-family: var(--md-sys-typescale-headline-medium-font-family-name);
  font-style: var(--md-sys-typescale-headline-medium-font-family-style);
  font-weight: var(--md-sys-typescale-headline-medium-font-weight);
  font-size: var(--md-sys-typescale-headline-medium-font-size);
  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
  line-height: var(--md-sys-typescale-headline-medium-line-height);
  text-transform: var(--md-sys-typescale-headline-medium-text-transform);
  text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
}
.headline-small{
  font-family: var(--md-sys-typescale-headline-small-font-family-name);
  font-style: var(--md-sys-typescale-headline-small-font-family-style);
  font-weight: var(--md-sys-typescale-headline-small-font-weight);
  font-size: var(--md-sys-typescale-headline-small-font-size);
  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
  line-height: var(--md-sys-typescale-headline-small-height);
  text-transform: var(--md-sys-typescale-headline-small-text-transform);
  text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
}
.body-large{
  font-family: var(--md-sys-typescale-body-large-font-family-name);
  font-style: var(--md-sys-typescale-body-large-font-family-style);
  font-weight: var(--md-sys-typescale-body-large-font-weight);
  font-size: var(--md-sys-typescale-body-large-font-size);
  letter-spacing: var(--md-sys-typescale-body-large-tracking);
  line-height: var(--md-sys-typescale-body-large-height);
  text-transform: var(--md-sys-typescale-body-large-text-transform);
  text-decoration: var(--md-sys-typescale-body-large-text-decoration);
}
.body-medium{
  font-family: var(--md-sys-typescale-body-medium-font-family-name);
  font-style: var(--md-sys-typescale-body-medium-font-family-style);
  font-weight: var(--md-sys-typescale-body-medium-font-weight);
  font-size: var(--md-sys-typescale-body-medium-font-size);
  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
  line-height: var(--md-sys-typescale-body-medium-height);
  text-transform: var(--md-sys-typescale-body-medium-text-transform);
  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
}
.body-small{
  font-family: var(--md-sys-typescale-body-small-font-family-name);
  font-style: var(--md-sys-typescale-body-small-font-family-style);
  font-weight: var(--md-sys-typescale-body-small-font-weight);
  font-size: var(--md-sys-typescale-body-small-font-size);
  letter-spacing: var(--md-sys-typescale-body-small-tracking);
  line-height: var(--md-sys-typescale-body-small-height);
  text-transform: var(--md-sys-typescale-body-small-text-transform);
  text-decoration: var(--md-sys-typescale-body-small-text-decoration);
}
.label-large{
  font-family: var(--md-sys-typescale-label-large-font-family-name);
  font-style: var(--md-sys-typescale-label-large-font-family-style);
  font-weight: var(--md-sys-typescale-label-large-font-weight);
  font-size: var(--md-sys-typescale-label-large-font-size);
  letter-spacing: var(--md-sys-typescale-label-large-tracking);
  line-height: var(--md-sys-typescale-label-large-height);
  text-transform: var(--md-sys-typescale-label-large-text-transform);
  text-decoration: var(--md-sys-typescale-label-large-text-decoration);
}
.label-medium{
  font-family: var(--md-sys-typescale-label-medium-font-family-name);
  font-style: var(--md-sys-typescale-label-medium-font-family-style);
  font-weight: var(--md-sys-typescale-label-medium-font-weight);
  font-size: var(--md-sys-typescale-label-medium-font-size);
  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
  line-height: var(--md-sys-typescale-label-medium-height);
  text-transform: var(--md-sys-typescale-label-medium-text-transform);
  text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
}
.label-small{
  font-family: var(--md-sys-typescale-label-small-font-family-name);
  font-style: var(--md-sys-typescale-label-small-font-family-style);
  font-weight: var(--md-sys-typescale-label-small-font-weight);
  font-size: var(--md-sys-typescale-label-small-font-size);
  letter-spacing: var(--md-sys-typescale-label-small-tracking);
  line-height: var(--md-sys-typescale-label-small-height);
  text-transform: var(--md-sys-typescale-label-small-text-transform);
  text-decoration: var(--md-sys-typescale-label-small-text-decoration);
}
.title-large{
  font-family: var(--md-sys-typescale-title-large-font-family-name);
  font-style: var(--md-sys-typescale-title-large-font-family-style);
  font-weight: var(--md-sys-typescale-title-large-font-weight);
  font-size: var(--md-sys-typescale-title-large-font-size);
  letter-spacing: var(--md-sys-typescale-title-large-tracking);
  line-height: var(--md-sys-typescale-title-large-height);
  text-transform: var(--md-sys-typescale-title-large-text-transform);
  text-decoration: var(--md-sys-typescale-title-large-text-decoration);
}
.title-medium{
  font-family: var(--md-sys-typescale-title-medium-font-family-name);
  font-style: var(--md-sys-typescale-title-medium-font-family-style);
  font-weight: var(--md-sys-typescale-title-medium-font-weight);
  font-size: var(--md-sys-typescale-title-medium-font-size);
  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
  line-height: var(--md-sys-typescale-title-medium-height);
  text-transform: var(--md-sys-typescale-title-medium-text-transform);
  text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
}
.title-small{
  font-family: var(--md-sys-typescale-title-small-font-family-name);
  font-style: var(--md-sys-typescale-title-small-font-family-style);
  font-weight: var(--md-sys-typescale-title-small-font-weight);
  font-size: var(--md-sys-typescale-title-small-font-size);
  letter-spacing: var(--md-sys-typescale-title-small-tracking);
  line-height: var(--md-sys-typescale-title-small-height);
  text-transform: var(--md-sys-typescale-title-small-text-transform);
  text-decoration: var(--md-sys-typescale-title-small-text-decoration);
}

.container-fluid {
    --plan: var(--md-custom-color-Plan);
    --create: var(--md-custom-color-Create);
    --distribute: var(--md-custom-color-Distribute);
    --interact: var(--md-custom-color-Interact);
    --manage: var(--md-custom-color-Manage);
    --analyze: var(--md-custom-color-Analyze);
}
.plan {
    color: var(--plan);
    --selColor: var(--plan);
    --selColorTint: #00522A;
    --selColorIconText: #C3FFD0; /* tone 95 in figma */
}
.create {
    color: var(--create);
    --selColor: var(--create);
    --selColorTint: #004E5A;
    --selColorIconText: #D5F7FF; /* tone 95 in figma */
}
.distribute {
    color: var(--distribute);
    --selColor: var(--distribute);
    --selColorTint: #53358B;
    --selColorIconText: #F7EDFF; /* tone 95 in figma */
}
.interact {
    color: var(--interact);
    --selColor: var(--interact);
    --selColorTint: #82252A;
    --selColorIconText: #FFEDEB; /* tone 95 in figma */
}
.manage {
    color: var(--manage);
    --selColor: var(--manage);
    --selColorTint: #614000;
    --selColorIconText: #FFEEDA; /* tone 95 in figma */
}
.analyze {
    color: var(--analyze);
    --selColor: var(--analyze);
    --selColorTint: #484A00;
    --selColorIconText: #FDFF9D; /* tone 98 in figma */
}
.administration {
    color: rgb(166, 166, 166);
    --selColor: rgb(166, 166, 166);
    --selColorTint: rgb(85, 85, 85);
    --selColorIconText: rgb(233, 233, 233);
}
.superuser {
    color: var(--md-source);
    --selColor: var(--md-ref-palette-primary40);
    --selColorTint: var(--md-ref-palette-primary20);
    --selColorIconText: var(--md-ref-palette-primary90);
}

.marketplace{
    color: var(--tutti-frutti);
    --selColor: rgb(72, 195, 240);
    --selColorTint: var(--tutti-frutti);
    --selColorIconText: rgb(72, 195, 240);
}

/* seential styles */

.small-spinner .rainbow-spinner{
    padding: 20px !important;
}

.rainbow-spinner {
    border: solid 4px white;
    padding: 40px;    
    border-radius: 50%;
    width: 0px;
    height: 0px;
	background:
		radial-gradient(
			white calc(20% - 0px),
			transparent 20%
		),
		conic-gradient(
			from -18deg,
			#50e271 0% 16.66%,
			#1BC6F2 16.66% 33.32%,
			#8A80FB 33.32% 49.98%,
			#D66052 49.98% 66.64%,
			#F5B912 66.64% 83.3%,
			#e6e54c 83.3% 100%);
    animation: spin 1s infinite linear;
    display:inline-block;
  }

input[type=password], input[type=text], select, textarea {
    color: black;
}

hierarchy-search.clients-hierarchy.no-padding .angular-ui-tree-nodes .node-embed.leaf { padding-left: 0; }

.widget.widget-tabs .widget-head,
.tabsbar,
.widget-stats,
.widget .widget-head,
.btn-default,
.btn-primary,
.panel-widget,
.btn,
.modal .modal-header,
.accordion .accordion-heading .accordion-toggle {
    background-image: none;
}
.widget .widget-body,
.widget-stats,
.digital-signage.dashboard .widget-stats {
    background: #ffffff;
}
.widget-gallery .widget-body {
    background: #7c7c7c;
}
.widget-stats,
.widget .widget-head, 
.widget,
.panel-widget,
.device-overview-wrapper .widget.widget-tabs-double-2,
.modal .modal-header,
.accordion .accordion-group,
.table-bordered {
    box-shadow: 0 1px 0 0 #f7f7f7,0 4px 4px -4px #d8d8d8;
    -webkit-box-shadow: 0 1px 0 0 #f7f7f7,0 4px 4px -4px #d8d8d8;
}
.widget .widget-body,
.bootbox.modal .modal-footer,
.layout-editor .layout-accordion .ui-accordion-content[aria-expanded=true],
.playlist-source .source-container.collapse.in,
.accordion.accordion-2 .accordion-group:last-child .accordion-body.in,
.license-wrapper .table .license-row:last-child,
.dashboard .accordion-body.in {
    border-radius: 0 0 8px 8px;
}
.apps .assets.thumbnail-gallery.list ul li .img,
.modal .modal-header,
.layout-editor .layout-accordion .ui-accordion-header[aria-selected=true],
.accordion .accordion-heading .accordion-toggle,
.accordion.accordion-2 .accordion-heading .accordion-toggle.glyphicons ~ .accordion-body.in,
.license-wrapper .table .header {
    border-radius: 8px 8px 0 0;
}
.widget.collapsible[data-collapse-closed=true], 
.widget.collapsible[data-collapse-closed=true] .widget-head,
.asset-search-result .thumbnail-gallery.list ul li,
.thumbnail-gallery.list ul li .innerbox,
.thumbnail-gallery.boxes.thumbnails .thumb,
.thumbnail-gallery.list ul li,
.video-playlist-wrapper.overview,
.video-playlist-wrapper.details,
.widget-stats.widget-stats-2,
.panel-widget,
.widget.collapsible[data-collapse-closed=false],
.player-setup-view .layout-wrapper:hover,
.layout-editor .layout-accordion .ui-accordion-header[aria-selected=false],
.layout-editor .toolbar .toolbar-button:hover,
.accordion .accordion-group,
.accordion .accordion-heading .accordion-toggle.collapsed,
.accordion .accordion-heading .accordion-toggle[aria-expanded=false],
.available-media-wrapper .media-list-wrapper,
.widget .widget-body:only-child,
.sequence-editor-view .layout-wrapper.selected,
.sequence-editor-view .layout-wrapper.hoverable:hover,
.accordion.accordion-2,
.license-wrapper .table,
.widget-timeline ul.list-timeline li,
.video-playlist-wrapper.details .video-playlist .loading-image {
    border-radius: 8px;
}
.dashboard .accordion-body:not(.in) {
    border-bottom: none;
}
.widget-stats.widget-stats-2,
.playlist-source .source-container.collapse.in,
.playlist-source .media-filter-wrapper {
    background: #f9f9f9;
}
/* .panel-widget, */
.tabsbar {
    border-radius: 8px;
    box-shadow: none;
}
.asset-info-wrapper {
    font-family: "Nunito" !important;
}
.scenario-editor-view>.row-fluid>.span12>.row-fluid>.span12>.span12 {
    margin: 0;
} 

.license-wrapper .table .license-row:last-child {
    border-bottom: none !important;
}

/* NEWS POST DIALOG  */

.news-post-dialog-wrapper h1 {
    color: white;
    font-size: 2.5rem;
    text-align: left;
    margin: 0 0 .5rem 0;
    font-weight: 600;
}

.news-post-dialog-wrapper {
    /* display: flex;
    flex-direction: column;
    min-height: 100%; */
    
    height: 100%;
    display: grid;
    row-gap: 10px;
    grid-template-rows: auto auto minmax(0,1fr) auto;
}

.news-post-dialog-wrapper img.avatar {
    width: 2.5rem;
    height: 2.5rem;
    grid-row: span 2;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
    border: solid 1px whitesmoke;
}

.news-post-dialog-wrapper .author-section {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 1fr 1fr;
    text-align: left;
    column-gap: 10px;
    align-items: center;
    padding-bottom: 2rem;
}

.news-post-dialog-wrapper .author {
    margin: 0;
    color: white;
    font-size: 1rem;
}

.news-post-dialog-wrapper .publish-date {
    margin: 0;
    color: whitesmoke;
    font-size: .8rem;
}

.news-post-dialog-wrapper .post-content * {
    font-family: 'Nunito', sans-serif !important;
    background: transparent !important;
    color: white !important;
}

.news-post-dialog-wrapper .post-content {
    text-align: left;
    overflow: auto;
}

.news-post-dialog-wrapper .slideshow-button {
    height: 100%;
    padding: 10px 0px;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.generic-file {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px 5px 5px;
    border-radius: 3px;
    height: fit-content;
    column-gap: 10px;
    display: grid;
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-auto-flow: column;
    grid-auto-columns: auto;
}

.generic-file .file-thumbnail {
    background: white;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
    height: 30px;
    width: 30px;
    border: solid 1px rgb(196, 196, 196);
}

.generic-file .name {
    margin: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.generic-file .size {
    margin: 0;
    display: flex;
    align-items: center
}

.generic-file .action {
    height: 22px !important;
}

#menu .slim-scroll>ul.menu-0>li a, #menu>ul.menu-0>li a, #menu .slim-scroll>ul.menu-0>li.glyphicons>a i:before, #menu>ul.menu-0>li.glyphicons>a i:before, #menu .slim-scroll>ul.menu-0>li.hasSubmenu.active>a, #menu>ul.menu-0>li.hasSubmenu.active>a, #menu .slim-scroll>ul.menu-0>li.hasSubmenu.active>a i:before, #menu>ul.menu-0>li.hasSubmenu.active>a i:before {
    color: var(--md-ref-palette-neutral30);
}

.digital-signage.dashboard {
    margin-top: 9rem;
}
@media only screen and (max-width:1100px) {
    .digital-signage.dashboard {
        margin-top: 1rem;
    }
}

.common-dashboard-grid .widget .widget-head, 
.videos .widget .widget-head {
    display: none;
}
.common-dashboard-grid .widget {
    height: 100%;
}

.common-dashboard-grid {
    padding-bottom: 24px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: 20px 94px 20px auto 20px 386px 20px 250px auto;
    grid-template-areas: 
        'data-title data-title data-title data-title .'
        'data data data data .'
        'news-title . . software-title cards-title'
        'news news news software cards'
        'news news news doc-title licenses-title'
        'news news news documentation licenses'
        'news news news datasheets-title banner2'
        'news news news datasheets banner2'
        'news news news datasheets banner2';
    grid-gap: 24px;
}

@media only screen and (max-width:1250px) {
    .common-dashboard-grid {
        min-height: 100vh;
        height: fit-content !important;
        grid-template-rows: 20px 106px 20px 876px 20px 332px 20px 332px 1100px 20px 550px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-areas: 
        'data-title data-title data-title data-title'
        'data data data data'
        'news-title . cards-title .'
        'news news cards cards'
        'news news licenses-title licenses-title'
        'news news licenses licenses'
        'news news software-title software-title'
        'news news software software'
        'news news banner2 banner2'
        'doc-title doc-title datasheets-title datasheets-title'
        'documentation documentation datasheets datasheets';
    }
}

@media only screen and (max-width:768px) {
    .common-dashboard-grid {
        grid-template-rows: 20px 406px 20px 650px 20px 332px 20px 332px 742px 20px 550px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas: 
        'data-title data-title'
        'data data'
        'news-title cards-title'
        'news cards'
        'news licenses-title'
        'news licenses'
        'news software-title'
        'news software'
        'news banner2'
        'doc-title datasheets-title'
        'documentation datasheets';
    }
}

@media only screen and (max-width:550px) {
    .common-dashboard-grid {
        grid-template-rows: 20px 406px 20px 850px 20px 650px 20px 332px 20px 332px auto 20px 550px 20px 300px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-template-areas: 
        'data-title'
        'data'
        'news-title'
        'news'
        'cards-title'
        'cards'
        'licenses-title'
        'licenses'
        'software-title'
        'software'
        'banner2'
        'datasheets-title'
        'datasheets'
        'doc-title'
        'documentation';
    }
    #footer .copy span:last-child {
        margin-right: 0 !important;
    }
}

/* --------------- */
/* Subclient badge */
/* --------------- */
.subclient-badge {
    color: white;
    border-radius: 4px;
    font-weight: 700;
    font-size: 11px;
    display: flex;
    align-items: center;
    display: grid;
    grid-template-columns: 7px 1fr 7px;
    grid-template-rows: 22px;
}
.subclient-badge > div:first-child {
    clip-path: polygon(0 35%, 106% 0, 106% 106%, 0 106%);
    border-radius: 4px 0 0 4px;
}
.subclient-badge > div:last-child {
    border-radius: 0 4px 4px 0;
}
.subclient-badge > div {
    background: var(--secondary);
    height: 100%;
}
.subclient-badge > div:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 4px;
}

.subclient-badge .ms-icon {
    color: white;
    font-size: 14px;
    top: 0;
    font-family: 'Material Symbols Rounded Fill';
}
.subclient-badge p { margin: 0; white-space: nowrap;font-family:'Nunito', sans-serif; font-style: normal; }

/* Common toggleButton directive */
.btn-toggle .knob, .btn-toggle .btn-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.btn-toggle { position: relative; top: 50%; width: 74px; height: 36px; margin: 0; overflow: hidden; transform: scale(0.8); --togglePrimary: #ac5ec8; --toggleGray: rgba(208,208,208); }
.btn-toggle.btn-pill, .btn-toggle.btn-pill > .btn-bg { border-radius: 100px; }
.btn-toggle.btn-rect { border-radius: 2px; }
.btn-toggle input[type="checkbox"].checkbox { position: relative; width: 100%; height: 100%; padding: 0; margin: 0; opacity: 0; cursor: pointer; z-index: 3; display: none; }
.btn-toggle .knob { z-index: 2; }
.btn-toggle .btn-bg { width: 100%; background-color: var(--toggleGray); transition: 0.3s ease all; z-index: 1; }
.btn-toggle .knob:before, .btn-toggle .knob:after, .btn-toggle .knob span { position: absolute; top: 4px; width: 20px; height: 10px; font-size: 10px; font-weight: bold; text-align: center; line-height: 1; padding: 9px 4px; border-radius: 50%; transition: 0.3s ease all; }
.btn-toggle .knob:before { content: "OFF"; background-color: white; color: #595959; left: 4px; }
.btn-toggle .knob:after { content: "ON"; left: 42px; color: var(--togglePrimary); background-color: white; opacity: 0; }
.btn-toggle .knob:before, .btn-toggle .knob:after { z-index: 2; }
.btn-toggle .knob span { left: 4px; background-color: white; z-index: 1; color: var(--togglePrimary); }
.btn-toggle input[type="checkbox"].checkbox:checked + .knob:before { opacity: 0; }
.btn-toggle input[type="checkbox"].checkbox:checked + .knob:after { opacity: 1; }
.btn-toggle input[type="checkbox"].checkbox:checked + .knob span { background-color: var(--togglePrimary); transform: scale(4); }
.btn-toggle.disabled { filter: grayscale(1); cursor: not-allowed; }
.btn.btn-icon:not(.glyphicons) {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: calc(var(--spacing) / 2) var(--spacing);
}
.btn-default.active[disabled], .btn-default[disabled]:active {
    color: #333;
}