html,body {
    height:100%;
    margin:0;
    width:100%;
    min-height: 100%;
}
body {
   /* background:url(../img/bg2.jpg) repeat center;*/
    background:#f4f4f4;
    color:#444;
    min-height: 100%;
    width:100%;
}
a,button {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
    color:#27437f;
}
h1,h2,h3,h4,h5,h6{
    margin-bottom:5px;
}
body.dz-drag-hover {

}
#langSwitchHolder {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 10px;
}
#langSwitchHolder a.langSwitch{
    padding:10px;
    background:#172322;
    background: rgba(23,35,34,.75);
    color:#fff;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
}
#langSwitchHolder a.langSwitch:hover,#langSwitchHolder a.langSwitch.current {
    background: #0FA0CE;
}
img {
    max-width: 100%;
}
.slicknav_menu {
    display:none;
}
.logo img {
    max-width:400px;
}
#landingPage .logo img {
    max-width: 90%;
}
#dashonly .logo img {
    max-width:200px;
}
#loader {
    position: fixed;
    background: rgba(255,255,255,0.6);
    left: 0;
    top: 0;
    color: #27437f;
    z-index: 10000;
    height: 100%;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    width: 100%;
    display: none;
}

#loader p {
    font-size: 16px;
    padding: 10px 0;
    font-weight: bold;
    margin-top: 10px;

}
#bridgePage #loader {
    padding-top: 150px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
#bridgePage #loader p {
    min-width: 300px;
    max-width: 400px;
    margin: 10px auto;
    border: 1px solid #eee;
    padding: 20px 10px;
    background: rgba(180,180,180,0.1);
    border-radius: 5px;
}
#infoMsg {
    position: fixed;
   /* right: 45%;*/
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
   /* min-width: 200px;*/
   /* background: rgba(0,0,0,0.8);*/
    background: rgba(39,67,127,0.8);
    border-radius: 10px;
    z-index: 10000;
    padding: 0 10px;
    line-height: 1.5em;
    min-height: 80px;
    display: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    -webkit-align-items: center;
    align-items: center;
}
#bridgePage #infoMsg,#thronLogin #infoMsg{
    right:30px;
    left:auto;
    transform: none;
}
#infoMsg i {
}
/*#infoMsg i + span {
    margin:0 auto;
}*/
#infoMsg .infoIcon {
    float:left;
}
#infoMsg img {
    max-width: 48px;
    /*  float: left;*/
    top: 25%;
    margin-right: 10px;
    vertical-align: middle;
}
.container {
    min-height: 100%;
    background: rgba(255,255,255,0.8);
     padding-bottom: 25px;
   /* background: url(/images/bgpattern.png) repeat;*/
    /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgb(246, 246, 246) 24%, rgba(255,255,255,0.8) 100%);*/
}
#landingPage .container {
    padding-bottom:0;
}
.column, .columns {
    min-height: 100%;
}

#loginContainer {
    width: 300px;
    margin: 40px auto 0;
    text-align: left;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
}
.login-error {
    text-align: center;
}
.login-error h4 {
    /* border-bottom: 1px solid #eee; */
    font-size: 2.6rem;
    color: red;
    text-transform: lowercase;
}
.login-error p {
    background: rgba(255,0,0,0.6);
    color: #fff;
    margin-bottom: 1.2rem;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.header {
    /*height: 150px;*/
    padding: 20px;
    border-bottom: 3px solid #27437f;
   /* background: rgba(255,255,255,0.8);*/
    background: #f4f4f4;
    font-weight: bold;
    width:100%;
  /*  background:url("../images/texture-top.jpg") no-repeat left center;*/
  /*  background-size:cover;*/
}
.header.landingHeader {
    border-bottom: 0;
    background: #fff;
    padding: 20px 0;
}
footer {
   /* height:120px;*/
    line-height: 120px;
    background:#eee;
    color:#444;
    /*padding:20px;*/
    padding: 20px 80px;
}
footer img.footerLogo {
    width:250px;
    vertical-align: middle;
}
#dashonly .header {
    padding:10px;
}

#resetButton,#stopButton,#supportButton,#userData {
    position:absolute;
    right:15px;
    text-decoration: none;
    top:10px;
}
#userData {
    right: 0;
    top: 0;
    padding: 3px 15px;
    background: #27437f;
    background: rgba(39,67,127,0.9);
    color: #fff;
}
div#userTools {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
}
a#logoutButton {
    color: #ddd;
}
#stopButton,#supportButton {
    right:150px;
}

.menu {
   /* background: rgba(3, 5, 16, 0.8);*/
    background:transparent;
  /*  height: 100%;*/
  /*  color: #fff;*/
    /*padding: 10px;*/
   /* box-shadow: 2px 0 10px #333;*/
}
.content {
    /* height: 100%; */
    /*background: url("../images/fondo-sfumato.jpg") no-repeat left center;*/
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 24%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(24%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 24%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 24%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 24%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 24%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    /* background-size: cover;*/
    padding: 10px 30px 30px;
    border-radius:0 0 10px 10px;
}
.content.no-bg {
    background:none;
}
.page-title {
    color:#27437f;
    text-transform: uppercase;

}
.page-title h2 {
    font-weight:700;
    font-size:2.8rem;
}
h2.headtitle {
    text-transform: uppercase;
    font-size: 2em;
    font-weight: bold;
    color:#27437f;
}
.page-title h5 {
    margin-bottom: 0;
    color: #d7d7d7;
    font-weight: bold;
    font-size: 1.8rem;
}
.dataWrapper {
    background:rgba(255,255,255,0.8);
   /* margin-left:2%;*/
    margin-top:10px;
    border-radius:10px;
    padding:10px;
    border:1px solid #ddd;
}
.chartHeader {
    border-bottom: 1px solid #999;
}
#dashonly .chartHeader h4 {
    font-size:2.2rem;
}
.columnedChartContainer {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
}

.chart {
    min-height: 200px;
    padding-top: 20px;
}
#dashonly .chart {
    min-height: 150px;
  /*  margin-bottom: 20px;*/
}
#dashonly #daily_chart {
    margin-bottom:20px;
}
#dashonly #hourly_chart,#dashonly #daily_chart {
    min-height: 250px;
}
.chart.loading {
    background: url("../images/balls.gif") no-repeat center center;
    text-align: center;
    padding-top: 10px;
}
.chart.loading svg,.chart.loading .morris-hover {
   display:none !important;
}
.chart.loading::before {
    content: "Waiting for data...";
}
.clearfix:after {
    content:"";
    display:table;
    clear:both;
}

.titleStrip {
    background: #27437f;
    background: rgba(39,67,127,0.9);
    color: #fff;
}
/* TABS CUSTOMIZED */

#contentMenu {
    width:100%;
    margin:0;
    padding:0;
}
#contentMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#contentMenu ul.tabsMenu li {
    display: inline-block;
    float:left;
    margin: 0;
}
#contentMenu.three ul.tabsMenu li {
    width: 33.3%;
}
#contentMenu.one ul.tabsMenu li {
    width: 100%;
}
#contentMenu.two ul.tabsMenu li {
    width: 50%;
}
#contentMenu ul.tabsMenu li a {
    display: block;
    background-color: #9bd7d5;
    padding: 8px 20px;
    /* padding: 0.9375em 1.25em; */
    text-decoration: none;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-radius: 10px 10px 0 0;
    /* border-bottom: 1px solid #ddd; */
}
#contentMenu.left ul.tabsMenu li a{
    text-align:left;

}
#contentMenu ul.tabsMenu li a:hover {
    background-color: #70c5c2;
}
#contentMenu ul.tabsMenu li a.active {
    background-color: #fff;
    color: #505050;
}
#contentMenu .tabsContent {
    display: block;
    background-color: #fff;
    height: auto;
    /* padding: 20px; */
    padding: 0 1.25em 1.25em;
    border: 1px solid #eee;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out .3s;
    -o-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
    overflow: hidden;
    position: relative;
}
#contentMenu.clear ul.tabsMenu li {
    clear:both;
    float:none;
}
#notice {
    font-size:18px;
}
i + span {
    margin-left:5px;

}
.drop.modal {
    width: 100%;
    position: fixed;
    height: 100%;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    text-align: center;
    z-index: 100;
}
#previews {
    width: 800px;
    margin: 0 auto 10px;
   /* min-height: 300px;*/
    height: auto;
    border-top: 1px solid #ddd;
}
div.table {
    display: table;
}
div.table .file-row {
    display: table-row;
}
div.table .file-row > div {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 5px;
}
#previews p.size,p.name{
    margin-bottom: 0;
}
#previews button.btn.btn-danger,#previews button.btn.btn-primary {
    line-height: 24px;
    height: 24px;
    text-align: center;
}
#previews button.btn.btn-danger {
    background: #c32c3a;
    color:#fff;
}
/*span.btn.fileinput-button.dz-clickable {
    display: block;
    padding: 3px 0;
    background: #5897fb;
    color:#fff;
    line-height: 35px;
    margin-top: 40px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

}*/
span.btn.fileinput-button.dz-clickable.warehouse-add,#refreshThron{
    padding: 3px 5px;
    color: #fff;
    background: #5897fb;
    border-radius: 5px;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
span.btn.fileinput-button.dz-clickable:hover {
    background: #eee;
    color:#444;
}
#contentSelector .filter-container {
    max-height: 600px;
    min-height:420px;
    overflow: auto;
}
.filter-controls {
    margin: 20px 0;
}
span.filter-header {
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    line-height: 28px;
}
button.filter-btn, input.quicksearch {
    float: left;
    margin-right: 5px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    margin-bottom: 10px;
}
button.filter-btn:active, button.filter-btn.is-checked, button.filter-btn.is-selected {
    background-color: #73859f;
    color: #fff;
    border-color: #fff;
}
/*** UI ELEMENTS ***/
.dropWrapper {
    background: #fff;
    width: 800px;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid #ddd;
    position: relative;
    border-radius: 10px;
    top:50px;
}
.dropWrapper hr {
    margin:10px 0;
}
.dropWrapper img {
    max-width: 60px; /* test */
}
.dragHint {
    position: fixed;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 32px;
    top: 0;
    color: #fff;
}
.dragHint p {
   /* margin-top:50px;*/
    background:#444;
    background: rgba(88,151,251,0.8);;
    padding: 30px 0;
}
.progress {
    background-image: -webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
    background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}
.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}
.progress-bar-success {
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);
    background-image: linear-gradient(to bottom,#5cb85c 0,#449d44 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}
.progress-bar {
    background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
}
.progress-bar-success {
    background-color: #5cb85c;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}
#total-progress {
    opacity: 0;
    transition: opacity 0.3s linear;
}
.fileinput-button {
    cursor:pointer;
}
.single-item,.project-item{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: 1px solid #ddd;
    position:relative;
    margin: 0 5px;
    -webkit-transition: hover 0.20s ease-in-out;
    -moz-transition: hover 0.20s ease-in-out;
    -o-transition: hover 0.20s ease-in-out;
    transition: hover 0.20s ease-in-out;
}
.single-item.big {
    width: 250px;
   /* height: 180px;*/
}
.single-item.medium,.project-item.medium {
    /* width: 148px; */
    width: 160px;
    height: 125px;
  /*  line-height: 148px;*/
    /*margin: 10px;*/
    margin:5px;
    overflow-y: hidden;
}
.single-item.medium img.thumb {
    position: absolute;
    left: 0;
    top: 47px;
    opacity: 0.7;
    width: 160px;
    height: 90px;
}
.single-item.medium img.thumb.defaultThumb {
    max-width: 32px;
    height: 32px;
    position: relative;
    top: 60px;
}
.single-item span.name,.single-item.big p.videoname,.single-item.big.gu-mirror p.videoname{
    color: inherit;
    top: 25px;
    font-size: 12px;
    font-weight: normal;
    background: #ddd;
    background: rgba(237,237,237,1);
    text-overflow: ellipsis;
    overflow-x: hidden;
}
.project-item.big {

}
.project-item:hover {
    opacity:0.8;
    cursor:pointer;
}
.project-item p {
    margin-bottom:10px;
}
.project-item span.iconselect {
    position: absolute;
    right: 5px;
}
.project-item p.projectname {
    border-top: 1px dashed #ddd;
    font-size: 12px;
    background: #f6f6f6;
    border-bottom: 1px dashed #ddd;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-item p.creation-date {
    bottom: 0;
    position: absolute;
    left: 0;
    font-size: 12px;
    padding: 3px;
    background: #73859f;
    margin-bottom: 0;
    color: #fff;
}
.project-item p.projecticon {
    padding-top: 5px;
}
p.videocategory {
    padding:3px 0;
    border-bottom: 1px solid #ddd;
}
.itemPreviewHolder,.toolsHolder {
  position:relative;
}
.itemPreviewHolder {
    max-height:190px;
}
.toolsHolder {
    /*padding:0 10px;*/

}
/* hide tools in selection popup to linearize flow and avoid complex context (multiple popups, states, hides and data handling) */
#page-contentManager .toolsHolder {
    display: none;
}
.stepWrapper .itemPreviewHolder p {
    margin-bottom:0;
}
.itemPreviewHolder .removeItem,.toolsHolder a.playPreview {
    position: absolute;
    left: 5px;
    top: 0;
    color: #73859f;
    z-index: 1000;
    line-height: normal;
    width: 20px;
}
.itemPreviewHolder .settingsOpen,.toolsHolder .settingsOpen,.settingsOpenBasic {
    position: absolute;
    right: 0;
    top: 0;
    color: #27437f;
    z-index: 1000;
    line-height: normal;
    width:20px;
}
.itemPreviewHolder .settingsOpen: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);
}
p.videoinfo,.gu-mirror p.videoinfo {
    text-align: right;
    padding: 3px;
    position: absolute;
    z-index: 100;
    left: 5px;
    bottom: 45px;
    background: #fff;
    font-size: 12px;
    border-radius: 5px;
}
p.videoname {
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 15px;
}
img.timelineImage {
    /* top: 8px; */
    position: relative;
    height: 150px;
}
.single-item.large {
    width: 215px;
    height: 160px;
    margin: 10px;
}
.itemsHolder {
    width: 80%;
    position: relative;
}

.single-item.location {
    width: 96%;
    text-align: left;
    height: 50px;
    border-radius: 10px;
    padding: 5px 10px;
    margin: 5px 0;
}
.single-item.screen {
    padding: 10px;
    font-size: 12px;
    line-height: 1.5em;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
span.dragInfo {
    margin-left: 5px;
}
.single-item.screen.draggable:hover,.draggable:hover{
    opacity: 0.6;
    background: #f5f5f8;
    cursor: move;
    cursor: -webkit-grab;
}
.single-item.screen.placeholder,.single-item.screen.group {
    border:1px dashed #ddd;
}
#drop-target .single-item.screen.ex-moved {
    display:none;
}
.single-item.screen hr {
    margin:5px 0;
}
.single-item.screen i.fa.fa-desktop {
   /* position: absolute;
    left: 3px;
    top: 3px;*/
    background: rgba(39,67,127,0.8);
    padding: 10px;
    border-radius: 50px;
    color: #fff;
}
.single-item.screen i.fa.fa-object-group {
    background: rgba(16, 127, 109, 0.8);
    padding: 10px;
    border-radius: 50px;
    color: #fff;
}
#storefrontCounter {
    display: none;
    /* background: #27437f; */
    padding: 8px;
    border-radius: 60px;
    color: #27437f;
    font-size: 16px;
    width: 16px;
}
.gu-mirror{
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
   /* transform: rotate(-10deg);*/
    box-shadow: 1px 1px 5px 5px rgba(180, 180, 180, .2);
    position: relative;
    top: -15px;
    z-index: 25;
    opacity: 1;
}
.item.ex-moved {
    background: #d3e2e4;
}
.single-item.screen .sname {
    margin-top: 10px;
    background: #f0f0f0;
    font-weight: bold;
}
.single-item.screen .stype {
    font-style:italic;
}
.single-item.screen .gname {
    background: rgba(30,174,219,0.1);
    margin-top: 10px;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
    font-size: 13px;
}
.single-item.screen .dropzoner {
    margin-top:10px;
    text-align: center;
}
.single-item.screen a.gdetails {
    display: block;
    position: absolute;
    bottom: 5px;
    width: 215px;
    border-top: 1px dashed #ddd;
    padding-top: 5px;
}
.single-item.selected.location {
    /*background: #5C7A94;*/
    background: #27437f;
    color: #fff;
}
.single-item.location p {
  margin-bottom:5px;
}
a.locationScreens {
    position: absolute;
    top: 6px;
    right: 6px;
    height: 60px;
    line-height: 60px;
    padding: 0 10px;
    background: #5C7A94;
    color: #fff;
    border-radius: 0 5px 5px 0;
    /* border-color: #fff; */
    /* border: 1px solid #fff; */
}
a.locationScreens:hover {
    background:#eee;
    color:#5C7A94;
}
.single-item.medium span,.single-item.medium i,
.single-item.large span,.single-item.large i,.single-item p{
    line-height: normal;
}
.single-item span.category {
    border-bottom:1px solid #ddd;
    text-transform: uppercase;
}
.single-item span.category, .single-item span.name {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 3px 5px;
    color: #27437f;
    font-weight: bold;
    text-align: center;
    z-index: 100;
    line-height: normal;
}
.single-item span.name {
    color:inherit;
    top:25px;
    font-size:12px;
    font-weight:normal;
    white-space: nowrap;
}
.single-item span.freq {
    position:absolute;
    bottom:0;
    left:0;
    padding:3px 5px;
    color:#fff;
    background:#888888;
    margin-left:0;
/*    font-weight: bold;*/
}
.single-item i.fa {
    vertical-align:middle;
}

.step {
    background: #27437f;
    padding: 0 10px;
    border-radius: 50px;
    margin-right: 10px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
}

.stepWrapper {
    /*background: #d6e8e5;*/
    background: #f0f0f0;
    border:1px solid #ddd;
    padding:10px;
    margin: 10px 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;

}
.stepWrapper p {
    margin-bottom:10px;
    color:#27437f;
    font-weight:bold;

}
.stepWrapper i {
    margin-right:10px;
    vertical-align: middle;
}
.selectHolder {
    width:400px;
}
.select2-container--default .select2-selection--single {
    padding: 5px 0;
    height: 40px;
}
.select2-container {
    box-shadow: 2px 3px 3px #ddd;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top:6px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:#27437f;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #27437f transparent transparent transparent;
}
.select2-results__option {
    margin-bottom:0;
}
.contentHolder {
   /* padding:5px 35px;*/
    padding:5px 20px;
}

.dashed-box {
    /*width: 47%;*/
    width:100%;
   /* min-height: 180px;*/
    line-height: 180px;
    border: 1px dashed #555;
    background: #fff;
    text-align: center;
    border-radius: 10px;
}
.chosenContent {
    border: 1px solid #ddd;
    line-height: normal;
    vertical-align: top;
}
.chosenContent.nocontent ,.timelineContent.nocontent{
    opacity: 0.5;
    line-height: 100px;
    text-align: center;
}
.timelineContent {
    text-align: left;
    padding: 30px;
    max-width: 96%;
    overflow: auto;
    white-space: nowrap;
}
.timelineContent .single-item {
    margin-bottom:10px;
}
.timelineContent .video-js {
   /* position: absolute;
    top: 30px;*/
}
.timelineContent .vjs-default-skin .vjs-big-play-button{
   / top:3em;
    left:5em;
}
.chosenContent .contentMsg {
    color: #27437f;
    font-weight: bold;
    margin-top: 10px;
}
.selectedItems,.linkedselectedItems{
    text-align: left;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.selectedItems .item, .linkedselectedItems .item {
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
    white-space: nowrap;
    /* float: left; */
    width: 300px;
    display: inline-block;
}
.selectedItems .item:last-child,.linkedselectedItems .item:last-child {
    border-bottom: 0;
}
/*.selectedItems span.item-title,.linkedselectedItems span.item-title {
    width: 50%;
    display: inline-block;
    font-weight:bold;
}*/
.selectedItems span.item-title, .linkedselectedItems span.item-title {
    /*width: 88%;*/
    display: inline-block;
    font-weight: bold;
}
.selectedItems span.item-category,.linkedselectedItems span.item-category {
    width: 20%;
    display: inline-block;
    color: #0FA0CE;
    font-weight: bold;
}
.selectedItems span.item-freq,.linkedselectedItems span.item-freq {
    width: 35px;
    display: inline-block;
    text-align: center;
    background: #27437f;
    border-radius: 10px;
    /* height: 34px; */
    color: #fff;
    font-weight: bold;
    padding: 5px;
    margin-right:10px;
}
span.item-tools {
    font-size: 24px;
    text-align: center;
}
span.item-tools a {
    display: inline-block;
    margin: 0 3px;
}
#videoPreview {
    width: 100%;
    /*max-width:800px;*/
    margin: 0 auto;
}
#contentMenu.two #videoPreview ul li {
    width:auto;
}

a.popupOpen {
    text-decoration:none;
    color:#27437f;
}
/*a#contentSelect*/
a.moodButton{
    text-decoration: none;
    background: #27437f;
    padding: 1px 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
    color: #fff;
}
.white-popup-block {
    background: #fff;
    background: rgba(255,255,255,1);
    padding: 5px 10px;
    text-align: left;
    max-width: 1100px;
    margin: 40px auto;
    position: relative;
    border-radius: 10px;
    min-height:400px;
}
.white-popup-block.video-preview {

}
.white-popup-block .video-js.vjs-default-skin {
    margin: 15px auto;
}
#screenGroupInfo.white-popup-block  {
    min-height: 100%;
    max-width:90%;
}
div#actions {
    margin-top: 10px;
}
#locationSettings.white-popup-block,#screenSettings.white-popup-block{
    max-width: 400px;
    padding: 10px 20px;
}
#locationSettings p {
    margin-bottom:5px;
}
#locationSettings label i,#locationSettings p span {
    margin-right:5px;
    vertical-align: middle;
}
.popupContentHeader {
    border-bottom: 1px solid #ddd;
}
#advanced {
    clear: both;
    display:none;
}
#advanced .popupContentHeader {
}
#advanced  fieldset {
    min-height: 220px;
    margin-top: 10px;
}
#advSettingsHolder {
    margin: 0 auto;
    text-align: center;
}
span.daypartLabel {
    margin-left: 5px;
    font-size: 12px;
}
#exactTimeHolder {
    margin-top: 10px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
#contentSelector {
    max-width: 90%;
}
#contentSelector h4,#contentSelectorMulti h4 {
    border-bottom:1px solid #ddd;
}
/*#contentSelector .single-item:hover,#contentSelectorMulti .single-item:hover {
    background:#ddd;
    cursor:pointer;
}*/
#contentSelector .single-item:hover,#contentSelectorMulti .single-item:hover {
    background: #e6e6e6;
    cursor:pointer;
}
#contentSelector .single-item:hover img.thumb,#contentSelectorMulti .single-item:hover img.thumb {
    opacity: 1;
}
.white-popup-block div#actions {
    margin: 10px 0;
    min-height: 240px;
    border-bottom: 1px solid #ddd;
}
#actions {
    padding-bottom:10px;
}
#actions hr {
    max-width: 99%;
}
#contentSelector .single-item.selected,#contentSelectorMulti .single-item.selected{
    background:#27437f;
    color:#fff;
}

.single-item.selected span.category {
    color:#fff;
}
.single-item.selected span.name {
    color:#27437f;
}
.linkedContent,#deviceRegButton {
    display: none;
}

.labelColumn input,.labelColumn textarea {
    width:90%;
}
#templatePreview {
    margin-top:30%;
}
/************************************
 <----- HELPERS
*************************************/
.red {
    color:#be2626;
}
.green {
    color:#5cb85c;
}
.blue {
    color:#4f81bd;
}
.linkable:hover{
    text-decoration: underline;
}
.block {
    display:block;
}
.inlineBlock {
    display:inline-block;
}
.contentArrow {
    margin-top:50px;
}
.marginLeft {
    margin-left:20px;
}
.marginLeftSmall {
    margin-left:10px;
}
.marginTop {
    margin-top:10px;
}
.marginRight {
    margin-right:5px;
}
.full-height{
    min-height: 100%;
}
.rightAlign {
    text-align:right;
}
.centerText {
    text-align:center;
}
.margin-0-auto {
    margin:0 auto;
}
.centerBlock {
    margin: 0 auto;
    text-align: center;
}
.hide {
    display:none;
}
hr {
    margin: 10px 0;
}
.fixedWidth100 {
    width:100px;
}
.pos-relative {
    position: relative;
}
.form-control {
    width: 100%;
}
.hiddenBlock{
    opacity:0;
}
.visibleBlock{
    opacity:1;
}
.padding10 {
    padding:10px;
}
.bold {
    font-weight:bold;
}
/************************************
 HELPERS ----->
*************************************/

/************************************
 <----- RADIOMOOD
*************************************/
.previewBox {
    width: 45%;
    height: 260px;
    text-align: center;
    float: left;
    margin: 1%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #eee;
}
.previewDesc {
    padding: 0 20px;
    background: rgba(0,0,0,0.6);
    color: #fff;
}
.previewDesc h2 {
    font-size: 3.2rem;
}
.previewDesc p {
   /* border-bottom: 1px solid #888;*/
    padding: 0 15px 5px 15px;
}
.channels {
    text-align: left;
    padding: 0 30px;
}
.channelInfo {
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 74px;
    padding-top: 25px;
    height: 190px;
    width: 100%;
}
.channelInfo .channels ul li {
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 1px;
}
.channelInfo .channels ul li a {
    color:#fff;
}
.channelInfo .channels ul li a.demoLink {
    padding: 2px 5px;
    text-align: left;
    margin: 0;
    font-size: 1.3rem;
    font-family: inherit;
    letter-spacing: 1px;
    text-transform: capitalize;
    width: 85%;
    display: inline-block;
    border-radius: 3px;
    background: rgba(151, 182, 216, 0.38);
}
/*.channelInfo .channels ul li a.pickRadio {
    !*color:#8AEAFF;*!
    color:#f2f2f2;
}*/
.channelInfo .channels ul li a.radioNa {
    /* color: rgba(182, 94, 94, 1);*/
    /*color:rgb(255, 124, 0);*/
    /*color:#444;*/
    color: #ddd;
}
.channelInfo .channels ul li a.pickRadio:hover,.channelInfo .channels ul li a.pickRadio.selectedRadio {
    /*color:#1EAEDB;*/
    text-shadow: 1px 1px 1px #ddd;
}
.channelInfo .channels ul li a.demoLink:hover {
     background:rgba(255,255,255,0.7);
    color:#555;
}
.channelInfo .channels ul li a.demoLink:hover i,.channelInfo .channels ul li a.demoLink.selected i {
   /* color:#ffad00;*/
    text-shadow: 1px 1px 1px #000;
}
.channelInfo .channels ul li a i {
    font-size:18px;
}
.channelInfo .channels ul li a i.fa-info-circle {
    width:18px;
}
.channelInfo .channels ul li a.demoLink.selected {
     background:rgba(255,255,255,0.7);
}
div#familyBox {
    background: honeydew;
    background: url(../images/radio/family.jpg) no-repeat center center;
    background-size: cover;
}
div#faceBox {
    background: seashell;
    background: url(../images/radio/face_to_face_big.jpg) no-repeat center center;
    background-size: cover;
}
div#dynamicBox {
    background: #FFA4A4;
    background: url(../images/radio/dynamic.jpg) no-repeat center center;
    background-size: cover;
}

div#fashionBox {
    background: aliceblue;
    background: url(../images/radio/fashion.jpg) no-repeat center center;
    background-size: cover;
}
.sediSelection {
    position: relative;
}
.sediSelection span.select2.select2-container.select2-container--default {
    margin-top: 10px;
}
#toolSedi {
    position: absolute;
    top: 5px;
    right: 25px;
    font-size: 12px;
}
#toolSedi label {
    top:3px;
    left:15px;
    position:relative;
    font-size:12px;
    display:inline;
    text-shadow: 1px 1px 1px #000;
}
#select-all-sedi {
    display: inline;
    text-shadow: 1px 1px 1px #000;
    /*  margin-right:5px;*/
}
.sediSelection .select2-container .select2-search--inline{
    margin-bottom:5px;
    padding-left: 5px;
}
.sediSelection input[type="search"] {
    height:28px;
    min-height: 28px;
    margin-bottom:0;
}
.tooltipster-default .tooltipster-content,.tooltipster-punk .tooltipster-content{
    font-family: "Raleway",sans-serif;
    font-size: 12px;
}
.tooltipster-punk {
    /*border-bottom: 1px solid #27437f;*/
    border-bottom: 1px solid  #299ad6;
}
.tooltipster-punk {
    border-radius: 5px;
    /*background:#5897FB;*/
    background: #299ad6;
    color: #fff;
}
#pickedRadio.selection {
    background-color: rgba(39, 67, 127,0.6);
    font-size: 16px;
    /* text-shadow: 1px 1px 1px #ddd;*/
    color:#fff;
    padding:3px 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
/************************************
 RADIOMOOD ------>
*************************************/
#daypart p{
    margin-bottom:5px;
}
#daypart p .iradio_flat-blue {
    margin-right:5px;
}
/************************************
 ELements Customization
*************************************/
#tagBox .tag {
    font-size: 1.2rem;
}
span#playlistStatus {
    padding: 0 5px;
    text-transform: uppercase;
    font-size: 12px;
    background: #73859f;
    margin-right: 5px;
    color: #fff;
    line-height: 25px;
    height: 25px;
    display: none;
}
input#playlistName {
    margin-bottom: 10px;
    margin-right: 10px;
    height: 30px;
}
label.error {
    color:#ee1c25;
    font-weight: bold;
}
.datepickers-container {
    z-index: 10000;
}
.icheckbox_flat-blue {
    margin:0 8px 5px 5px;
}
#contentSettings .icheckbox_line-blue, .iradio_line-blue {
    display:inline-block;
    margin-bottom:10px;
    background: #73859f;
    padding: 5px 15px 5px 30px;
    font-size: 1.2rem;
}
#contentSettings .iradio_line-blue,#contentBasicSettings .iradio_line-blue {
    padding: 5px 8px 5px 30px;
}
form#contentSettingsForm,form#contentBasicSettingsForm {
    font-size: 1.3rem;
}
input[type="text"].dateinput {
    padding: 3px 5px;
}
input#contentName {
    width: 93%;
}
button.settingPick ,input.settingPick{
padding:0 15px;
}
input[type="checkbox"] + span {
    margin-left:5px;
}
button.settingPick.selected,input.settingPick.selected{
    background: #27437f;
    color:#fff;
}
span.label.datelabel {
    display: inline-block;
}
fieldset {
    border-width: 1px;
    border-radius: 10px;
    padding: 0 10px 5px;
    min-height: 360px;
}
fieldset.magicTools,fieldset#schedulingFieldset {
    min-height:100%;
}
label.inline input {
    margin-left:5px;
}
.dynamicLogo {
   /* display:inline-block;*/
    margin:10px 0;
    width: 100%;

}
.dynamicLogo h4 {
    padding-bottom:5px;
}
.dynamicLogo span {
    font-size: 1.5em;
    line-height: 40px;
}
.dynamicLogo img {
    max-width: 150px;
    vertical-align: middle;
    margin-right:10px;
    float: left;
}
.fullScreen {
    width: 99%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1000;
    transition:all 1s;
}
#previewContent,#drag-playlist-preview {
    transition:all 1s;
    -webkit-backface-visibility:hidden;
    /*-webkit-transition: translate3d(0,0,0);*/
}
#previewContent {
    position: relative;
    min-height:200px;
}
#previewContentLoading {
    position: absolute;
    left: 0;
    z-index: 100;
    top: 0;
    border-radius: 10px;
    width: 100%;
    background: #fff;
    height: 100%;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
    box-sizing: border-box;
    display: none;
   /*max-height: 195px;*/
}
.inputfile {
    /* visibility: hidden etc. wont work */
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile:focus + label {
    /* keyboard navigation */
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
    pointer-events: none;
}
/****************************
******  TABLES **************
****************************/
#mainTable_filter {
    float:right;
}
.centerText {
    text-align: center;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    font-size:14px;
}
tr.error,.table-striped>tbody>tr.error:nth-of-type(odd) {
    background: rgba(255,0,0,0.2);
    color: #999;
}

/*****************************
***** THRON WIDGETS **********
*****************************/
body#thronLogin {
    background: url("/images/bgpattern.png");
}
#thronLoginContainer {
    margin-top: 30px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-login-header {
    height: 38px;
    line-height: 28px;
    font-size: 20px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged {
    height:290px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-nickname-icon {
    top:70px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-nickname-input {
    top:22px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-password-icon {
    top:145px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-password-input {
    top:47px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-login-line-separator {
    top:83px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-login-button {
    top:90px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-login-button {
    left: 175px !important;
    width:200px;
    font-size:16px;
    top:95px;
    line-height:17px;
    height: 25px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-login-error {
    top:20px;
}
#menuContainer {
    float: left;
    width: 214px;
    height: 100%;
    min-height: 480px;
    margin-left: 5px;
    background-color: white;
    border-right: 1px solid #eee;
}
#menuContainer ul ul {
    margin: 1.5rem 0 1.5rem 3rem;
}
#searchContainer {
    margin-top: 10px;
    width: calc(100% - 247px);
    float: right;
    margin-right: 5px;
}
#contentListContainer {
    width: calc(100% - 240px);
    height: calc(100% - 80px);
    margin-right: 5px;
    margin-top: 15px;
    /* height: 500px; */
    float: right;
    display: block;
    min-height: 305px;
}
div#archiveTitle {
    font-size: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

#contentListContainer .contentPreview {
    position: absolute;
    top: 0;
}
#contentListContainer .contentImport {
    position: absolute;
    top: 0;
    right: 0;
}
#contentListContainer button.moodButton {
    padding: 10px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    border: 0;
    background: #fff;
    background: rgba(255,255,255,0.8);
    border-radius: 0;
    color: #444;
    font-size: 1.5rem;
}
#contentListContainer button.moodButton:hover {
    background: #27437f;
    background: rgba(39,67,127,0.8);
    color:#fff;
}
#contentListContainer .contentSelect {
    position: absolute;
    bottom:0;
    right:0;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default {
    border:1px solid #e3e3e3;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-advanced-container {
    background: #f5f5f5;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-submit-advanced-search-container {
    background-color: #ececec;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-type-container>label,
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-locales-container>label{
    float:none;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-type-container .THRON-search-type-title {
    padding-left: 0;
    margin-bottom: 11px;
    border-bottom: 1px solid #ddd;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-locales-container {
    margin-left:10px;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-fields-container .THRON-search-fields-title {
    padding-left: 0;
    margin-bottom: 11px;
    border-bottom: 1px solid #ddd;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-type-container {
    padding-left:10px;
    width:49%;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-fields-container label {
    max-width: 32%;
    float: none;
    height: 20px;
    padding-top: 8px;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-date-container {
    height:auto;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-fields-container label {
    max-width: 32%;
    float: none;
    height: 35px;
    /* padding-top: 9px; */
    vertical-align: middle;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-date-container>.filter-date-from,
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-date-container>.filter-date-to{
    border:0;
}
/* hides select text on calendar input fields */
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-date-container .filter-date-from .k-picker-wrap>.k-select>.k-icon,
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-date-container .filter-date-to .k-picker-wrap>.k-select>.k-icon{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-date-container .filter-date-from .k-picker-wrap>input,
#searchContainer #widgetEmbedContainerSearchTailoradio .THRON-search-default .THRON-search-date-container .filter-date-to .k-picker-wrap>input {
    width:30% !important;
    margin-right: 5px;
}
.k-animation-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    background: #fff;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-nickname-input,
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-password-input{
    left:50px;
}
#widgetEmbedContainerLoginTailoradio .THRON-login-default-notLogged .THRON-login-button {
    left:150px;
}
#widgetEmbedContainerMenuTailoradio li.k-item:hover{
 cursor: pointer;
}
#widgetEmbedContainerMenuTailoradio .THRON-menu-treeview {
    outline: none;
}
div.k-treeview {
    border-width: 0;
    background: 0;
    overflow: auto;
    white-space: nowrap;
}
.k-treeview .k-icon, .k-scheduler-table .k-icon, .k-grid .k-hierarchy-cell .k-icon {
    background-color: transparent;
    border-radius: 4px;
}
.k-treeview>.k-group, .k-treeview .k-item>.k-group, .k-treeview .k-content {
    margin: 0;
    padding: 0;
    background: 0;
    list-style-type: none;
    position: relative;
}
.k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px;
}

.k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-sprite, .k-treeview .k-checkbox, .k-treeview .k-in {
    display: inline-block;
    vertical-align: top;
}
.k-treeview .k-icon, .k-treeview .k-in {
    vertical-align: middle;
}
.k-treeview .k-plus, .k-treeview .k-minus, .k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled {
    margin-top: .25em;
    margin-left: -16px;
    cursor: pointer;
}
.k-treeview .k-icon, .k-scheduler-table .k-icon, .k-grid .k-hierarchy-cell .k-icon {
    background-color: transparent;
    border-radius: 4px;
}
.k-treeview .k-sprite, .k-treeview .k-image {
    margin-right: 3px;
}
.k-in, .k-item, .k-window-action {
    border-color: transparent;
}
.k-widget, .k-widget * {
    background-clip: border-box;
    box-sizing: content-box;
}
span.k-icon {
    border-color: transparent;
    opacity: 0.8;
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none;
}
.k-in, .k-item, .k-window-action {
    border-color: transparent;
}
#widgetEmbedContainerMenuTailoradio .k-in.k-state-hover {
    background-color: #5897fb;
}
/****************************
******  ANIMATIONS **********
****************************/
@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(2deg);
    }
    75% {
        -webkit-transform: rotate(-2deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes wiggle {
    0% {
        transform: rotate(-2deg);
    }
    25% {
        transform: rotate(2deg);
    }
    75% {
        transform: rotate(-2deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/*** LANDING PAGE ***/
.blueStrip {
    background:#25437F;
    background: rgba(39,67,127,0.8);
    color: #fff;
    text-align: center;
    height: 80px;
    padding-top: 20px;
}
.blueStrip.complianceHeader {
    padding-bottom:20px;
    height:100%;
}
#landingPage .complianceListHolder {
    margin: 20px auto;
}
.headline {
   /* bottom: 0;*/
    top:240px;
    position: absolute;
    width: 100%;
    height:130px;
}
#landingPage h1 {
    font-size: 2.6em;
}
.formContainer {
    margin: 0 auto;
    text-align: center;
    background: url(/images/digital_signage_1.jpg);
    height: 680px;
    background-size: cover;
    overflow: hidden;
    position:relative;
}
.formContainer:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
   /* z-index: 2;*/
    width: 100%;
    height: 100%;
    transition: 0.4s;
    opacity: 0.5;
}
#subscribeForm {
    padding: 20px 60px 0;
    background: rgba(255,255,255,0.3);
    height: 420px;
    width: 640px;
    color: #fff;
    top: 40px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    box-shadow: 1px 1px 80px #000;
    border-radius: 5px;
    display: none;
}
#subscribeForm h4 {
    font-size:2.6rem;
}
#subscribeForm input {
    background: rgba(255,255,255,0.8);
    border: 0;
    color: #444;
    margin-bottom: 25px;
}
#subscribeForm label {
    text-align:left;
}
#subscribeForm .formColumn {
    margin:0 30px;
    position: relative;
}
#subscribeForm label.error {
    position: absolute;
    top: 66px;
    background: #fff;
    background: rgba(255,255,255,0.9);
    color: #167ac6;
    padding: 0 5px;
    width: 94%;
}
input#regcompany {
    width: 100%;
}
.inlineBlock.formColumn.large {
    width:70%;
}
.g-recaptcha {
    margin: 0 auto;
    display: table
}
input#submitreg {
    background: rgba(39,67,127,0.9);
    border: 0;
    color: #fff;
}
input#submitreg:hover {
    background:#fff;
    color:#25437F;
}
.descrHolder {
    padding:0 3rem;
}
.descrHolder h2{
    font-size: 4.8rem;
    margin: 30px 0;
}
.descrHolder p {
    font-size: 2.5rem;
    margin-bottom:30px;
}
.videoHolder {
    background: #eee;
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 0;
    padding-bottom: 56.25%;
}
/* video embedded full width */
.moodPreview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#landingPage ul {
    list-style: none;
}
.techHolder {
    text-align: left;
    color:#25437F;
}
.techHolder ul li {
    font-size:1.6rem;
    margin-left:20px;
}
.techHolder ul li i,.footerContent i {
    margin-right:10px;
}
.techHolder h4 {
    font-size: 2.6rem;
    font-weight: bold;
    text-transform: uppercase;
}
.techHolder h4 img {
    vertical-align: middle;
    margin-right: 10px;
    width: 32px;
}
.contentPadded {
    padding: 2% 6%;
}
.schemeHolder {
    padding-top:100px;
}
.footerContent {
    line-height: normal;
    /* text-align: left; */
}
.footerContent p {
    margin-bottom:10px;
}
.footerContent h5 {
    margin-bottom: 15px;
    text-transform: uppercase;
}
.loginHolder {
    margin-top:10px;
}
.loginHolder a.button{
    border:0;
}
#landingPage .contentHolder {
    width: 300px;
    /*text-align: left;*/
    margin: 0 auto;
}
#share {
    position: fixed;
    right:0;
    top:15%;
 /*   bottom:10%;*/
    z-index:10000;
}
.jssocials-share {
    display: block;
    margin: 0;
}
/*.jssocials-share-link {
    width: 87px;
}*/
.jssocials-share-link {
    width: 100%;
    text-align: left;
    padding:1.1em .8em;
}
#back-to-top {
    position: fixed;
    bottom: 80px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #27437f;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: all 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #299ad6;
    color: #fff;
}
#back-to-top.show {
    opacity: 1;
}
#landingPage #infoMsg {
    right: 30px;
    left: auto;
    transform: translate(0,0);

}
.usabilityContainer {
    margin: 0 auto;
    max-width:100%;
    text-align: center;
}
.usability {
    vertical-align: top;
    /* text-align: left; */
    margin: 30px auto 5px;
    float: none;
    display: inline-block;
}
.usability img {
    height: 64px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.usability p {
    max-width: 280px;
    margin: 0 auto;
    text-align: justify;
}
.usability h5 {
    margin-top:5px;
}
.contactHolder {
    text-align: left;
    margin: 0 auto 15px;
    width: 260px;
}
.socialHolder a:hover,.footerContent a:hover {
    opacity:0.8;
}
.iubenda-white {
    text-align:center;
}
#noty_top_layout_container li{
    border-width:1px !important;
}
.noty_buttons {
    padding: 10px 0 !important;
    text-align: center !important;
    border-top: 0 !important;
}

.videoLink {
    background: #526999;
    color: #fff;
    padding: 2px 8px;
    font-size: 90%;
    border-radius: 5px;
}


.grecaptcha-badge {
    left: 0;
    bottom: 15px !important;
}