/* FONT STACK */
@import url('https://fonts.googleapis.com/css?family=Montserrat');
body,
input, select, textarea {
    font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
}

/* BASE LAYOUT */

html {
    filter: progid:DXImageTransform.Microsoft.hover_settings.gradient(startColorStr = '#aaaaaa', EndColorStr = '#dddddd');
    background-repeat: no-repeat;
    height: 100%;
    /* change the box model to exclude the padding from the calculation of 100% height (IE8+) */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html.no-cssgradients {
    background-color: #aaa;
}

.ie6 html {
    height: 100%;
}

html * {
    margin: 0;
}

body {
    background-color: #F9F9F9;
    margin: 0 auto;
    overflow: hidden; /* prevents box-shadow causing a horizontal scrollbar in firefox when viewport < 960px wide */
    /*background: url('../../images/texture.png') !important;*/

}

#grailsLogo {
    background-color: #abbf78;
}

/* replace with .no-boxshadow body if you have modernizr available */
.ie6 body,
.ie7 body,
.ie8 body {
    border-color: #255b17;
    border-style: solid;
    border-width: 0 1px;
}

.ie6 body {
    height: 100%;
}

a:link, a:visited, a:hover {
    color: #FFA76C;
}
a:link {text-decoration:none;font-weight:bold;}

a:hover, a:active {
    outline: none; /* prevents outline in webkit on active links but retains it for tab focus */
}

h1 {
    color: #48802c;
    font-weight: normal;
    font-size: 1.25em;
    margin: 0.8em 0 0.3em 0;
}

ul {
    padding: 0;
}

img {
    border: 0;
}

/* GENERAL */

#grailsLogo a {
    display: inline-block;
    margin: 1em;
}

.content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: relative;
}

.topicList {
    display: inline-block;
}

.iconDiv {
    display: inline-block;
    vertical-align: top;
}

.topicHeader {
    padding-left: 10px;
    vertical-align: super;
}

.topic_back_btn {
    background-image: url('../../images/back_btn_off.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.topic_back_btn:hover {
    background-image: url('../../images/back_btn_over.png') !important;
}

.categoryHeader {
    margin: 0.8em 1.4em 0.8em 2em;
    padding: 0.8em;
    background: #999999;
    font-size: 15px;
    color: white;
}

.categoryMessage {
    margin-left: 3em !important;
}

.topicHeading {
    font-size: 4em;
    font-weight: bold;
    padding-left: 30px;
    color: #f29136;
}

.topicDetails {
    display: inline-block;
    width: 60%;
    color: grey;
    padding-left: 30px;
}

.topicImage{
    display: inline-block;
    margin-left: 50px;
}

.hasTopics {
    color: blue;
}

.noTopics {
    color: red;
}

.topicSummaryField {
    display: inline-block;
}

.summaryField {
    width: 60px;
}

.topicSummaryMargin {
    margin-left: 23%;
}

.topicSummary {
    padding-top: 20px;
}

.topicBodyText {
    padding-top: 20px;
}

.topic_content {
    height: 80%;
}

.categoryTopicBar {
    width: 65.7%;
    margin-left: auto;
    margin-right: auto;
}

.supportContainer {
    padding-top: 40px;
    background: white;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    overflow: auto;
}

.supportCategories {
    overflow-y: auto;
    overflow-x: hidden;
    height: 230px;
}

.leftDataSummary {
    font-size: .9em;
}

.hypersignVersion {
    color: grey;
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    border-radius: 5px 5px 0 0;
    background-color: #ebebeb;
    text-align: center;
}

.trelloLink {
    border: 2px solid #FFA76C;
    margin-bottom: 10px;
    text-align: center;
    padding: 3px 0px;
}

.trelloLink:hover {
    border: 2px solid #FCE38A;
}

.trello-link:hover {
    color: #FCE38A;
}

.popover-title {
    text-align: center !important;
}

.categoryDiv {
    display: inline-block;
    width: 90%;
}

#categories {
    margin: 0.8em 2em 0.8em;
    height: 80%;
}

.categoryLink {

}

.categoryDesc {

}

.topics {
    padding-left: 3px;
    margin: 0.8em 4.4em 0.8em 2em;
    height: 70%;
}

.singleCategory {
    padding: 20px;
    width: 97%;
    background: gainsboro;
    border-bottom: solid 1px black;
}

.categoryInfo {
    padding-top: 10px;
}

.categoryTopicHeader {
    padding-left: 40px;
}

.categoryContent {
    padding-left: 5px;
}

.singleTopic {
    padding: 20px;
    width: 100%;
    background: gainsboro;
    border-bottom: solid 1px black;
}

.topicDiv {
    display: inline-block;
    width: 90%;
}

.padTop {
    padding-top: 40px;
}

.padBottom {
    padding-bottom: 40px;
}
.topicLink {

}

.topicDesc {

}

.topicContent {
    padding-left: 5px;
}

.app_data {
    color: darkgrey;
}

.scaffold-list h1 {
    border: none;
}

.footer {
    background: #abbf78;
    color: #000;
    clear: both;
    font-size: 0.8em;
    margin-top: 1.5em;
    padding: 1em;
    min-height: 1em;
}

.footer a {
    color: #255b17;
}

.spinner {
    height: 16px;
    width: 16px;
    padding: 0.5em;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
}

/* NAVIGATION MENU */

.nav {
    background-color: #efefef;
    padding: 0.5em 0.75em;
    -moz-box-shadow: 0 0 3px 1px #aaaaaa;
    -webkit-box-shadow: 0 0 3px 1px #aaaaaa;
    box-shadow: 0 0 3px 1px #aaaaaa;
    zoom: 1;
    position: relative;
    margin-top: 43px;
}

.nav ul {
    overflow: hidden;
    padding-left: 0;
    zoom: 1;
}

.nav li {
    display: block;
    float: left;
    list-style-type: none;
    margin-right: 0.5em;
    padding: 0;
}

.nav a {
    color: #666666;
    display: block;
    padding: 0.25em 0.7em;
    text-decoration: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.nav a:active, .nav a:visited {
    color: #666666;
}

.nav a:focus, .nav a:hover {
    background-color: #999999;
    color: #ffffff;
    outline: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.no-borderradius .nav a:focus, .no-borderradius .nav a:hover {
    background-color: transparent;
    color: #444444;
    text-decoration: underline;
}

.nav a.home, .nav a.list, .nav a.create {
    background-position: 0.7em center;
    background-repeat: no-repeat;
    text-indent: 25px;
}

/* CREATE/EDIT FORMS AND SHOW PAGES */

fieldset,
.property-list {
    margin: 0.6em 1.25em 0 1.25em;
    padding: 0.3em 1.8em 1.25em;
    position: relative;
    zoom: 1;
    border: none;
}

.property-list .fieldcontain {
    list-style: none;
    overflow: hidden;
    zoom: 1;
}

.fieldcontain {
    margin-top: 1.1em;
}

.fieldcontain label,
.fieldcontain .property-label {
    color: grey;
    text-align: right;
    width: 28%;
    font-size: 12px;
    font-weight: 200;
}

.fieldcontain .property-label {
    float: left;
}

.labelForBody {
    position: absolute;
    padding-top: 9%;
}

.topicBodyField {

}

.fieldcontain #cke_body {
    width: 60%;
    margin-left: 28%;
}

.property-label {
    padding-right: 15px;
}

.fieldcontain .property-value {
    display: block;
}

.categoryColumn {
    width: 15%;
}

.topicBody {
    margin-left: 27%;
}

label {
    cursor: pointer;
    display: inline-block;
    margin: 0 0.25em 0 0;
}

input, select, textarea {
    border: 1px solid #cccccc;
}

select {
    padding: 0.2em 0.2em 0.2em 0;
}

select[multiple] {
    vertical-align: top;
}

textarea {
    width: 250px;
    height: 150px;
    overflow: auto; /* IE always renders vertical scrollbar without this */
    vertical-align: top;
}

.disableRotation{
    padding-left: 90px;
    margin-top; -50px;
    float: left;
    width: 120px;
}
.disableRotationCheckbox{
    float: left;
    width: 30px;
}

input[type=checkbox], input[type=radio] {
    background-color: transparent;
    border: 0;
    padding: 0;
}

input:focus, select:focus, textarea:focus {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    outline: 0;
    -moz-box-shadow: 0 0 0.5em #ffffff;
    -webkit-box-shadow: 0 0 0.5em #ffffff;
    box-shadow: 0 0 0.5em #ffffff;
}

.required-indicator {
    color: #48802C;
    display: inline-block;
    font-weight: bold;
    margin-left: 0.3em;
    position: relative;
    top: 0.1em;
}

ul.one-to-many {
    display: inline-block;
    list-style-position: inside;
    vertical-align: top;
}

.ie6 ul.one-to-many, .ie7 ul.one-to-many {
    display: inline;
    zoom: 1;
}

ul.one-to-many li.add {
    list-style-type: none;
}

/* EMBEDDED PROPERTIES */

fieldset.embedded {
    background-color: transparent;
    border: 1px solid #CCCCCC;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

fieldset.embedded legend {
    margin: 0 1em;
}

/* MESSAGES AND ERRORS */

.errors,
.message,
.modal-error {
    font-size: 0.8em;
    line-height: 2;
    margin: 1em 3em 0em 0em;
    padding: 0.25em;
}

.message {
    background: #f3f3ff;
    border: 1px solid #b2d1ff;
    color: #006dba;
    -moz-box-shadow: 0 0 0.25em #b2d1ff;
    -webkit-box-shadow: 0 0 0.25em #b2d1ff;
    box-shadow: 0 0 0.25em #b2d1ff;
}

.errors,
.modal-error {
    background: #fff3f3;
    border: 1px solid #ffaaaa;
    color: #cc0000;
    -moz-box-shadow: 0 0 0.25em #ff8888;
    -webkit-box-shadow: 0 0 0.25em #ff8888;
    box-shadow: 0 0 0.25em #ff8888;
}

.errors ul,
.message {
    padding: 0;
}

.errors li {
    list-style: none;
    text-indent: 2.2em;
}

.message {
    text-indent: 2.2em;
}

/* form fields with errors */

.error input, .error select, .error textarea {
    background: #fff3f3;
    border-color: #ffaaaa;
    color: #cc0000;
}

.error input:focus, .error select:focus, .error textarea:focus {
    -moz-box-shadow: 0 0 0.5em #ffaaaa;
    -webkit-box-shadow: 0 0 0.5em #ffaaaa;
    box-shadow: 0 0 0.5em #ffaaaa;
}

/* same effects for browsers that support HTML5 client-side validation (these have to be specified separately or IE will ignore the entire rule) */

input:invalid, select:invalid, textarea:invalid {
    background: #fff3f3;
    border-color: #ffaaaa;
    color: #cc0000;
}

input:invalid:focus, select:invalid:focus, textarea:invalid:focus {
    -moz-box-shadow: 0 0 0.5em #ffaaaa;
    -webkit-box-shadow: 0 0 0.5em #ffaaaa;
    box-shadow: 0 0 0.5em #ffaaaa;
}

/* TABLES */

table {
    border-top: 1px solid #DFDFDF;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1em;
}

tr {
    border: 0;
}

tr>td:first-child, tr>th:first-child {
    padding-left: 1.25em;
}

tr>td:last-child, tr>th:last-child {
    padding-right: 1.25em;
}

td, th {
    line-height: 1.5em;
    padding: 0.5em 0.6em;
    text-align: left;
    vertical-align: top;
}

th {
    background-color: #efefef;
    background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eaeaea));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#ffffff', EndColorStr = '#eaeaea');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')";
    color: #666666;
    font-weight: bold;
    line-height: 1.7em;
    padding: 0.2em 0.6em;
}

thead th {
    white-space: nowrap;
}

th a {
    display: block;
    text-decoration: none;
}

th a:link, th a:visited {
    color: #666666;
}

th a:hover, th a:focus {

}

th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 1.1em;
}

.odd {
    background: #f7f7f7;
}

.even {
    background: #ffffff;
}

th:hover, tr:hover {
}

/* PAGINATION */

.pagination {
    border-top: 0;
    margin: 0;
    padding: 0.3em 0.2em;
    text-align: center;
    -moz-box-shadow: 0 0 3px 1px #AAAAAA;
    -webkit-box-shadow: 0 0 3px 1px #AAAAAA;
    box-shadow: 0 0 3px 1px #AAAAAA;
    background-color: #EFEFEF;
}

.pagination a,
.pagination .currentStep {
    color: #666666;
    display: inline-block;
    margin: 0 0.1em;
    padding: 0.25em 0.7em;
    text-decoration: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.pagination a:hover, .pagination a:focus,
.pagination .currentStep {
    background-color: #999999;
    color: #ffffff;
    outline: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.no-borderradius .pagination a:hover, .no-borderradius .pagination a:focus,
.no-borderradius .pagination .currentStep {
    background-color: transparent;
    color: #444444;
    text-decoration: underline;
}

/* ACTION BUTTONS */

.buttons {
    background-color: #efefef;
    overflow: hidden;
    padding: 0.3em;
    -moz-box-shadow: 0 0 3px 1px #aaaaaa;
    -webkit-box-shadow: 0 0 3px 1px #aaaaaa;
    box-shadow: 0 0 3px 1px #aaaaaa;
    margin: 0.1em 0em 0em 0.7em;
    border: none;
    text-align: center;
}

.buttons input,
.buttons a {
    background-color: transparent;
    border: 0;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    margin: 0 0.25em 0;
    overflow: visible;
    padding: 0.25em 0.7em;
    text-decoration: none;

    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.buttons input:hover, .buttons input:focus,
.buttons a:hover, .buttons a:focus {
    background-color: #999999;
    color: #ffffff;
    outline: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.no-borderradius .buttons input:hover, .no-borderradius .buttons input:focus,
.no-borderradius .buttons a:hover, .no-borderradius .buttons a:focus {
    background-color: transparent;
    color: #444444;
    text-decoration: underline;
}

.buttons .delete, .buttons .edit, .buttons .save {
    background-position: 0.7em center;
    background-repeat: no-repeat;
    text-indent: 25px;
}

.ie6 .buttons input.delete, .ie6 .buttons input.edit, .ie6 .buttons input.save,
.ie7 .buttons input.delete, .ie7 .buttons input.edit, .ie7 .buttons input.save {
    padding-left: 36px;
}

a.skip {
    position: absolute;
    left: -9999px;
}

#leftbar{
    position: fixed;
    left: 0px;
    top: 40px;
    width: 250px;
    height: 100%;
    z-index: 15;
}

#rightbarbottom{
    position: relative;
    right: 0px;
    width: 250px;
    height: 100%;
    background-color: #EDEDED;
    outline: solid grey 1px;
    z-index: 16;
}

#device_sidebar {
    width: 200px;
    display: inline-block;
    text-align: center;
}

.top_sidebar {
    display: inline-block;
}

.sidebar_header{
    height: 20px;
    background-color: #f29136;
    text-align:center;
}

#stack-owner-filter{
    width: 85%;
    float: left;
    margin-top: 15px;
    padding: 5px;
}

#stack-owner-filter span{
    margin-right: 5px;
}

#stack-owner-filter label{
    margin-right: 15px;
}


#stack-owner-filter-header{
    float: left;
}

.stacks-filter-radio{
    margin-right: 5px;
}

#new-stack-fields{
    display: none;
}

#new-stack-editable-values, #new-stack-editable-header{
    float: left;
    width: 100%;
}

#stack-info-fields{
    width: 100%;
    text-align: left;
    height: 70%;
    margin-left: 25%;
    font-size: 1.3em;
    float: left;
}

#add-new-stack{
    margin-bottom: 10px;
}

#add-new-stack img{
    vertical-align: initial;
}

#stacks-list {
    border: 2px solid silver;
    width: 100%;
    height: 68%;
    margin-top: 10px;
    overflow: auto;
}

#stack-item-container {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.item-reorder-container{
     position: relative;
     margin-left: -10px;
     margin-right: -10px;
     margin-top: 10px;
     text-align: center;
     padding: 0px;
     width: 35px;
     height: 150px;
     display: inline-block;
     /*border: solid 1px red;*/
     /*-webkit-transition: all .2s linear;*/
     /*-moz-transition: all .2s linear;*/
 }
.over-reorder{
    border: solid 1px blue;
    /*width: 150px;*/
    /*margin-left: 30px;*/
    /*margin-right: 30px;*/
}

#stack-item-preview-container {
    position: fixed;
    width: 82.7%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    height: 61%;
}

#stack-preview-container-initial{
    width: 110%;
    height: 110%;
    position: absolute;
}

#initial-preview-instructions{
    font-size: 1.5em;
    width: 53%;
    height: 100%;
    padding-left: 15%;
    padding-top: 12%;
    color: #E3E3E3;
}

.stack-item-container {
    border: 1px solid grey;
    text-align: center;
    padding: 0px;
    margin: 10px;
    display: inline-block !important;
    width: 250px;
    height: 150px;
    vertical-align: top;
    position: relative;
}

#stack-item-top-container {
    height: 50%;
    width: 99%;
    float: left;
    padding-top: 5px;
    display: none;
}

#stack-information-container {
    width: 41%;
    height: 100%;
    float: left;
}

.stack-information-container-edit{
    top: -2px;
    position: relative;
}

#stack-information-container-name, #stack-information-container-owner, #stack-information-container-edit-header, #stack-information-container-edit-value{
    margin-bottom: 3%;
}

#stack-information-preview, #stack-information-save{
    width: 10em;
    margin-right: 20px;
}

#stack-information-container-buttons{
    float: left;
}

.flash-item-container {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 200;
}

.stack-media-powerpoint {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 200;
}

.stack-media-powerpoint-name {
    margin-top: 60%;
}

.flash-preview-container {
    height: 100% !important;
}

.youtube-preview-container {
    height: 100% !important;
}

.youtube-iframe-preview-container {
    border: none !important;
}

.stack-media-play-item {
    height: 100% !important;
    width: 100% !important;
}

.play-item-container{
    position: absolute;
    width: 100%;
    height: 100%;
}

#stack-preview-area {
    background: black;
    width: 400px;
    height: 225px;
    display: inline-block;
    margin-right: 5%;
    border: 3px solid #666666;
    -moz-border-radius: 5px;
    border-radius: 9px;
    -moz-box-shadow: 0px 0px 15px 10px rgba(48,46,48,1);
    -moz-box-shadow: 0px 0px 15px 10px rgba(204,204,204,1);
    -webkit-box-shadow: 0px 0px 7px 10px rgba(102,102,102,1);
    -moz-box-shadow: 0px 0px 7px 10px rgba(102,102,102,1);
    box-shadow: 0px 0px 5px 3px rgba(102,102,102,1);
}

#stack-preview-container {
    background: black;
    width: 400px;
    height: 225px;
    display: inline-block;
}

#stack-information-container-duration-value{
    float: left;
    padding: 3px 6px 3px 6px;
    background-color: rgba(125, 125, 125, 0.4);
    color: white;
    position: absolute;
    z-index: 10000;
}

#stack-item-bottom-container {
    height: 55%;
    width: 99%;
    float: left;
    background: black;
    display: none;
}

.stack-item-header {
    text-align: center;
    padding: 0;
    margin: 0;
}

.hidden-stack-fields {
    display: none !important;
}

.asset-stack-item-delete{
    position: absolute;
    margin-left: 224px;
    cursor: pointer;
    display: block;
    z-index: 1000;
}

.asset-stack-item-dragger{
    position: absolute;
    margin-left: -8%;
    margin-top: 0px;
    z-index: 9999;
}

#stack-information-container-name-header{
    float: left;
    margin-right: 12px;
}

.stack-info-container {
    height: 77%;
    overflow-y: auto;
}

.stack-item-info-field {
    display: inline-block;
}

.stack-info-field, .stack-info-value{
    padding-bottom: 10px;
}

.sidebar_header_dropzone_apps, .sidebar_header_stack_info{
    background-color: #858b91;
    border-top: 1px solid #FFA76C;
    border-bottom: 1px solid #333e48;
    color: white;
    font-size: 15px;
    text-align: center;
    padding: 10px;
    height:15px;
}

.sidebar_header h4{
    color: white;
    text-shadow: 2px 2px 2px #737373;
    font-size: 13px;
    padding-top: 2px;
}

.sidebar_header input{
    color: white;
    text-shadow: 2px 2px 2px #737373;
    font-size: 13px;
    padding-top: 2px;
    background-color:transparent;
    border: 0px;
}

#bottombar{
    position: fixed;
    bottom: 0px;
    left: 251px;
    width: 100%;
    /*height: 190px;*/
    height: 220px;
    background-color: #EDEDED;
    outline: solid grey 1px;
    z-index: 9;
}

#bottombar_header{
    height: 20px;
    background-color: firebrick;
}

.existing-stack-icon img {
    border: solid 1px black;
}

.existing-stack {
    display: inline-block;
}

#stack-image-container {
    display: inline-block;
    width: 100%;
}

#image_container{
    display: inline-block;
    width: 100% !important;
    height: 85%;
}


#image_container img{
    outline: 1px solid lightgrey;
}

#image_container video{
    outline: 1px solid lightgrey;
}

.dragaction.flashcontainer{
    position: relative;
}

#stack-assets-container {
    width: 89%;
    text-align: center;
    padding-bottom: 20px;
}

#assets_container{
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    height: 80%;
    overflow-y: auto;
}


#assets_container_edit{
    margin-top: -15px;
    margin-bottom: 15px;
    overflow-y: auto;
    position: absolute;
    height: 190px;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

#assets_container video{
    vertical-align: middle;
    outline: 1px solid lightgrey;
}

#assets_container img{
    vertical-align: middle;
    outline: 1px solid lightgrey;
}

#assets_container embed{
    vertical-align: middle;
    outline: 1px solid lightgrey;
}

#contentedit{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 125px;
    width: 50%;
    height: 540px;
    border: solid grey 1px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

#contentedit_border{
    position: absolute;
    left: 24%;
    top: -2%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 122px;
    width: 52%;
    z-index: -99;
    border-radius: 5px;
    border: 3px solid #444444;
    background: rgba(128,128,128,1);
    background: -moz-linear-gradient(top, rgba(128,128,128,1) 0%, rgba(66,66,66,1) 50%, rgba(0,0,0,1) 51%, rgba(38,38,38,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(128,128,128,1)), color-stop(50%, rgba(66,66,66,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(100%, rgba(38,38,38,1)));
    background: -webkit-linear-gradient(top, rgba(128,128,128,1) 0%, rgba(66,66,66,1) 50%, rgba(0,0,0,1) 51%, rgba(38,38,38,1) 100%);
    background: -o-linear-gradient(top, rgba(128,128,128,1) 0%, rgba(66,66,66,1) 50%, rgba(0,0,0,1) 51%, rgba(38,38,38,1) 100%);
    background: -ms-linear-gradient(top, rgba(128,128,128,1) 0%, rgba(66,66,66,1) 50%, rgba(0,0,0,1) 51%, rgba(38,38,38,1) 100%);
    background: linear-gradient(to bottom, rgba(128,128,128,1) 0%, rgba(66,66,66,1) 50%, rgba(0,0,0,1) 51%, rgba(38,38,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#262626', GradientType=0 );
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;

}

.layout_thumbnail{
    margin: 0 auto;
    width: 190px;
    margin-top: 20px;
    text-align: center;
    -webkit-transition: all .05s linear;
    -moz-transition: all .05s linear;

}

.layout_thumbnail.layout_thumbnail_vertical{
    width: 107px;

}

.layout_thumbnail:hover{
    cursor: pointer;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(242,145,54,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(242,145,54,1);
    box-shadow: 0px 0px 10px 0px rgba(242,145,54,1);
}

.layout_thumbnail a:link, a:hover, a:visited, a:active{
    text-decoration: none;
}

.layout_thumbnail span{
    color: #000000;
}

.dropzone.over{
    -webkit-box-shadow: 0px 0px 20px 5px #f29136;
    -moz-box-shadow: 0px 0px 20px 5px #f29136;
    box-shadow: 0px 0px 20px 5px #f29136;
}

.editor_dropzone.over{
    -webkit-box-shadow: 0px 0px 20px 5px #f29136;
    -moz-box-shadow: 0px 0px 20px 5px #f29136;
    box-shadow: 0px 0px 20px 5px #f29136;
}

.dropzone{
    z-index: 5;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;

}

.dropzone img{
    z-index: 0;
    display: inline-block;
    position: relative;
}

.dropzone video{
    z-index: 0;
    display: inline-block;
    position: relative;
    left: -1px;
    width: 100.1%;
}

.manager_control_bar {
    text-align: left !important;
    height: 36px !important;
}

/* ======== START Asset Tag Search styles for Asset Manager */

.manageTags {
    position: absolute;
    top: 110px;
}

.tag-text {
    position: absolute;
    border: 1px solid #bcbec0;
    border-radius: 3px;
    background-color: #fafafa;
    padding: 10px;
    font-size: 14px;
    color: #ffa76c;
    top: -10px;
    left: -120px;
}

#managerTagNameSearchContainer {
    margin-left: 150px;
    background-color:white;
    z-index: -10;
    overflow: auto;
    display: block;
    clear: both;
    cursor: text;
    height: 42px;
    border-radius: 5px;
    border: 1px solid #bcbec0;
    background: white url('../../images/search_icon.png') no-repeat;
    padding-left: 25px;
    background-size: 20px 20px;
    background-position: 8px;
    width: calc(100% - 270px);
    float: left;
    margin-right:9px;
}

#assetTags {
    list-style: none;
    padding: 10px;
}

.tag-list-item {
    display: inline-grid;
    padding: 10px;
}

#newTags {
    /*display: inline-flex;*/

}

.assetTagLabel {
    margin-right: 15px;
}

.assetTagInput {
    width: 300px;
    padding: 4px;
    font-size: 14px;
}

#tagSubmit {
    margin-left: 15px;
}

#tagInput {
    display: inline-flex;
}

.tag-close-text {
    font-size: 36px;
    color: #ffa76c;

}

.yet_another_search_container{
    border-bottom: 2px solid #bcbec0;
    background: #EDEDED;
    padding: 15px;
}

#assetManager-leftColumn{
    width: 33%;
    height: 96%;
    background-color: #f7f7f7;
    text-align: center;
    overflow-y: auto;
    float: left;
}

#assetManager-rightColumn{
    width: 67%;
    height: 47%;
    background-color: #f7f7f7;
    outline: 2px solid #bcbec0;
    text-align: center;
    overflow-y: auto;
    float: left;
}

/*  MEDIA MANAGER */

#stack-add-field{
    width: 85%;
}

.selected-stack{
    color: #f29136;
}

#stack-name-add{
    float: left;
    margin-top: 5px;

}

#stacks-left-column{
    width: 22%;
    height: 950px;
    background-color: #f7f7f7;
    text-align: center;
    overflow: hidden;
    float: left;
}

#stacks-right-column{
    width: 78%;
    height: 950px;
    text-align: center;
    overflow: hidden;
    float: left;
}

.stack {
    width: 96%;
    height: 40px;
    padding: 5px;
    border-bottom: 1px solid silver;
    cursor: pointer;
}

.stack img {
    height: 30px;
    width: 50px;
    border: 1px dashed darkred;
}

.stack > .stack-icon{
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    width: 50px;
}

.stack > .stack-name{
    float: left;
    /*width: 200px;*/
    height: 30px;
    margin-top: 4px;
    margin-left: 4px;
    padding-top: 7px;
    padding-left: 10px;
    text-align: left;
    font-weight: bold;
}

#media-container {
}

#stack-container {
    display: none;
    height: 950px;
    width: 100%;
}

#stack-info {
    height: 30%;
    width: 100%;
    float: left;
    border-right: solid 2px black;
    border-bottom: 2px solid black;
    padding: 40px;
}

#stacks-list-container {
    height: 100%;
    width: 92%;
    float: left;
    padding: 15px;
    margin-top: 10px;
}

.single-stack-item-container {
    padding-bottom: 10px;
}

#stack-asset-dza-container{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 25%;
}

#stack-bin-container {
    height: 28%;
    width: 60%;
    position: fixed;
    z-index: 15;
    border-right: solid 2px black;
    border-left: solid 2px black;
    background: white;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    margin-top: 49px;
}

#stack-dropzone-apps {
    position: fixed;
    right: 0;
    width: 18%;
    height: 28%;
    background: white;
    margin-top:13px;
    z-index:100;
}
#rightbartop{
    position: fixed;
    right: 0px;
    top: 0px;
    width: 250px;
    height: 50%;
    z-index: 15;
}

#stack-bin {}

#stack-bin-search {}

#stack-name {}

#stack-duration {}

#stack-item-count {}

#stack-created-date {}

#stack-author {}

#stack-editor {}

#save-stack {}

.stack-header {}

#managerTabs {
    width: 300px;
    display: inline-block;
}

#media-tab {
    cursor: pointer;
}


#stack-tab {
    cursor: pointer;
}

.stack-media-item {
    height: 100%;
    width: 100%;
}

.stack-media-youtube-item {
    margin-left: -125px;
    height: 100%;
    width: 100%;
}

.stack-media-vbrick-item {
    margin-left: -125px;
    height: 100%;
    width: 100%;
}



.stack-media-unicast {}

.stack-play-container {
    background: white;
    margin-top: 4%;
    position: fixed;
    width: 81%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    height: 62%;
    overflow: auto;
    margin-left: 18.1%;
}

.stack-editor-play-container {
    background: transparent;
    position: relative;
    width: 100%;
    height: 100%;
}

.stack-editor-preview-video {
    position: relative;
}

.duration {
    height: 22px;
    position: absolute;
    z-index: 1000;
    left: 0px;
    top: 0px;
    background: grey;
}

.hidden-duration {
    display: none;
}

.duration-input {
    width: 37px;
}

.disabled-stack-input {
    background: grey;
}

.play-item {
    display: none;
    background: url('../../images/play_btn_2x.png') no-repeat center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}

.stop-item {
    display: none;
    background: url('../../images/pause_btn_2x.png') no-repeat center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}

.editor-stack-image {
    background: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    -khtml-border-radius: 10px;
    padding: 5px;
}

.editor-control-stack{
    z-index: 3;
    height: 100%;
    width: 100%;
    cursor: pointer;
    position: absolute;
    display: none;
}

.editor-play-stack {
    background: url('../../images/play_btn_2x.png') no-repeat center;
}

.editor-stop-stack {
    background: url('../../images/pause_btn_2x.png') no-repeat center;
}

.dropzone:hover .editor-play-stack {
    display: block;
}

.dropzone:hover .editor-stop-stack {
    display: block;
}

.unicast-app-drop {
    position: absolute;
    width: 100%;
    height: 87%;
    z-index: 110;
}

.livetv-app-drop {
    position: absolute;
    width: 100%;
    height: 87%;
    z-index: 110;
}

.hls-video {
    height: 100%;
    width: 100%;
}

.over-stacks {}

.stack-dropzone-app {}

#stack-to-front {
    z-index: 1000;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}

#mediaContainer {}

#stackManagerContainer {
    display: none;
    height: 900px;
    width: 100%;
    background-color: white;
}

#otherStacks {
    position: fixed;
    left: 0px;
    top: 51%;
    width: 19.9%;
    height: 60%;
    border-right: solid 1px black;
    z-index: 15;
}

#stackItemContainer {
    position: fixed;
    margin-left: 20%;
    margin-top: -1px;
    width: 80%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    height: 60%;
}

#stackBinContainer {
    position: fixed;
    margin-left: 20%;
    width: 60%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    height: 31%;
    z-index: 15;
    bottom: 0;
    border-right: solid 1px black;
}

#stackInfo {
    position: fixed;
    left: 0px;
    top: 86px;
    width: 19.9%;
    height: 42%;
    z-index: 15;
    border-right: solid 1px black;
}

#stackApps {
    position: fixed;
    right: 0px;
    bottom: 0;
    width: 19.9%;
    height: 31%;
    z-index: 15;
}

#stackBin {}

#stackBinSearch {}

#stackName {}

#stackDuration {}

#stackItemCount {}

#stackCreatedDate {}

#stackAuthor {}

#stackEditor {}

#saveStack {}

.stackHeader {}

#managerTabs {
    width: 300px;
}

#mediaTab {
    cursor: pointer;
}

#stackTab {
    cursor: pointer;
}

#managerBarOne{
    width: 99.7%;
    height: 47%;
    background-color: #f7f7f7;
    text-align: center;
    float: left;
    border-bottom: 2px solid #bcbec0;
    border-right: 2px solid #bcbec0;
}

#managerBarTwo {
    float: left;
    width: 100%;
    height: 96%;
    background-color: #f7f7f7;
    outline: 2px solid #bcbec0;
}

#managerBarThree {
    width: 99.7%;
    height: 47%;
    background-color: #f7f7f7;
    text-align: center;
    overflow-y: auto;
    float: left;
}

#tagManager {
    text-align: center;
    margin-top: 15%;
}

.managerAssetsContainer {
    overflow-y: auto;
    width: 100% !important;
    height: 850px;
    padding-bottom: 20px;
}

.stack-assets-container {
    overflow-y: auto;
    width: 100% !important;
    height: 210px;
}

.stackAssetsContainer {
    overflow-y: auto;
    width: 100% !important;
    height: 210px;
    background-color: #EDEDED;
}

#managerBarRight {
    position:fixed;
    right: 0px;
    top: 0px;
    background-color: #EDEDED;
    width: 29.9%;
    height: 500px;
    z-index: -10;
}

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

.deleteAssetX {
    position: absolute;
    right: -11px;
    top: -11px;
    display: none;
    z-index: 1000;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    border-radius: 12px;
}

.deleteAssetX img {
    outline: none !important;
}

.tagAssetX {
    position: absolute;
    right: 22px;
    top: -11px;
    display: none;
    z-index: 1000;
    cursor: pointer;
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);*/
    /*-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);*/
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);*/
    /*border-radius: 12px;*/
}

.tagAssetX img {
    outline: none !important;
}

#konamiRabbit {
    z-index: 9999;
    top: 0px;
    left: -200px;
    background: url('../../images/jackrabbit.png') no-repeat;
    position: absolute;
    width: 146px;
    height: 110px;
}

.fileupload-buttonbar {
    width: 512px;
    height: 210px;
    margin: 80px auto 80px auto;
    background: #EDEDED;
    border: 2px dashed #bcbec0;
    text-align: center;
    padding-top: 30px;
}

#uploadContainer {

}
/* ======== END Asset Tag Search styles for Asset Manager */

.asset {
}

.manager_asset {
}

#assetTagNameSearchContainer {
    position: absolute;
    top: -34px;
    background-color:white;
    padding: 6px;
    height: 22px;
    width: 52.6%;
    display: block;
    clear: both;
    cursor: text;
    background: white url('../../images/search_icon.png') no-repeat;
    padding-left: 25px;
    background-size: 20px 20px;
    background-position: 8px;
    z-index: 10;
    margin-left: 393px;
}

#stackAssetTagNameSearchContainer {
    position: absolute;
    top: -35px;
    background-color:white;
    padding: 6px;
    height: 23px;
    width: 65.2%;
    display: block;
    clear: both;
    cursor: text;
    background: white url('../../images/search_icon.png') no-repeat;
    padding-left: 25px;
    background-size: 20px 20px;
    background-position: 8px;
    z-index: 10;
    margin-left: 266px;
}

#tagContainer {
    display: inline-block;
    background-color: white;
    float: left;
    margin-top: -35px;
}

#tagsSearchBoxContainer {
    background-color:white;
    padding-top: 9px;
    display: inline;
    vertical-align: top;
}
#onedriveSearchBox .popover {
    text-align: center;
}

#hypersignSearchBox .popover {
    text-align: center;
}

#dropboxSearchBox .popover {
    text-align: center;
}

#onedriveSearchBoxEdit .popover {
    /*top: -90px !important;*/
    /*left: 0px !important;*/
    /*text-align: center;*/

    left: 0px !important;
    max-width: 60%!important;


}

#hypersignSearchBoxEdit .popover {
    left: 0px !important;
    max-width: 60%!important;
}



#stackHypersignSearchBoxEdit  {
    left: 0px !important;
    width:100%!important;
    margin-top:-6px;
}


/*#stackHypersignSearchBoxEdit .popover {*/
/*    left: 0px !important;*/
/*    max-width: 99%!important;*/
/*    width:100%!important;*/
/*}*/

#dropboxSearchBoxEdit .popover {
    top: -90px !important;
    left: 0px !important;
    text-align: center;
}

#searchTags {
    /*width: 100px;*/
    width: 86%;
    border: 0px;
    outline: none;
    font-size:16px;
    float:left;
    margin-top:9px;
    margin-left: 10px;
}

#hypersignSearchTags {
    width:95%;
    border: 0px;
    outline: none;
    font-size:16px;
    float:left;
    margin-top:0px;
    margin-top: 10px;
    margin-left: 10px;
}


#onedriveSearchTags {
    /*width: 100px;*/
    /*width:90%;*/
    border: 0px;
    outline: none;
    font-size:16px;
    float:left;
    margin-top:0px;
    margin-top: 10px;
    margin-left: 10px;
}
#hypersignSearchTags:focus {
    outline: none;
    box-shadow: none;
}

#onedriveSearchTags:focus {
    outline: none;
    box-shadow: none;
}

#dropboxSearchTags {
    width: 95%;
    border: 0px;
    outline: none;
    font-size:16px;
    float:left;
    margin-top: 0px;
    margin-left: 10px;
}
#dropboxSearchTags:focus {
    outline: none;
    box-shadow: none;
}



/*resizing the search inputs based on screen size*/
@media screen and (max-width: 1510px) {
    #searchTags {
        width: 90%;
    }
    #hypersignSearchTags {
        width: 95%;
    }
    #dropboxSearchTags {
        width: 90%;
    }
    #onedriveSearchTags {
        width: 90%;
    }

}

@media screen and (max-width: 1150px) {
    #searchTags {
        width: 85%;
    }
    #hypersignSearchTags {
        width: 85%;
    }
    #dropboxSearchTags {
        width: 85%;
    }
    #onedriveSearchTags {
        width: 85%;
    }

}

@media screen and (max-width: 1040px) {
    #searchTags {
        width: 80%;
    }
    #hypersignSearchTags {
        width: 80%;
    }
    #dropboxSearchTags {
        width: 80%;
    }
    #onedriveSearchTags {
        width: 80%;
    }
  }

span.tag, span.string {
    border: 1px solid lightgrey;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    float: left;
    text-decoration:none;
    color: #f29136;
    margin-right: 5px;
    font-family: helvetica;
    font-size:16px;
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
    margin-left: 5px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
}
span.string {
    border: 1px solid lightgrey;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    float: left;
    text-decoration:none;
    color: grey;
    margin-right: 5px;
    font-family: helvetica;
    font-size:16px;
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
    margin-left: 5px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
}
span.tag a, span.string a {
    font-weight: bold;
    color: darkgrey;
    text-decoration:none;
    font-size: 18px;
    font-weight: 300;
    padding-left: 10px;
}

#searchClearSpan {
    float: right;
    margin-top: 0px;
}

#searchClearX {
    font-size: 25px;
    color: #FFA76C !important;
    margin-right: 10px;
}

#hypersignSearchClearSpan {
    float: left;
    margin-top: -6px;
}

#onedriveSearchClearSpan {
    float: left;
    margin-top: -6px;
}

#hypersignSearchClearX {
    font-size: 25px;
    color: #f29136 !important;
    margin-right: 10px;
}
#onedriveSearchClearX {
    font-size: 25px;
    color: #f29136 !important;
    margin-right: 10px;
}
#dropboxSearchClearSpan {
    float: left;
    margin-top: -6px;
}

#dropboxSearchClearX {
    font-size: 25px;
    color: #f29136 !important;
    margin-right: 10px;
}

#tagList {
    display: none;
}

.tag_content {
    display: none;
    width: 395px;
    padding-bottom: 30px;
    overflow-y: auto;
}

.tag_content div {
    text-align: center;
}

#showcontainer{
    position: relative;
    cursor: url('../../images/empty.png'), none;
}

.showPageBody {
    cursor: url('../../images/empty.png'), none;
}

.device{
    font-size: 18px;
    display:inline-block;
    max-width: 180px;
    white-space: nowrap;
}

.device a{
    text-decoration: none;
}

.device a:hover{
    text-decoration: none;
}

#editorbarfiller{
    display: inline-block;
    width: 38%;
}

#draftbutton{
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    margin-left: -4px;
    margin-right: -4px;
    padding-top: 5px;
    color: white;
    width: 100px;
    height: 40px;
    font-size: 21px;
    font-weight: 100;
    -webkit-transition: all .05s linear;
    -moz-transition: all .05s linear;
    z-index: 10;
}
#draftbutton:hover{
    cursor: pointer;
    background: rgba(54, 54, 54, 0.1);
    -webkit-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
}

#saveTbutton{
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 4px;
    padding-top: 7px;
    color: white;
    width: 60px;
    height: 25px;
    font-size: 12px;
    font-weight: 100;
    -webkit-transition: all .05s linear;
    -moz-transition: all .05s linear;
    z-index: 10;
    background: rgba(92,101,109, 1);
}
#saveTbutton:hover{
    cursor: pointer;
    background: rgba(255, 167, 108, 1);
    -webkit-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
}

#drafts{
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    /*margin-left: -3px;*/
    margin-right: -3px;
    margin-top: 4px;
    padding-top: 7px;
    background: url('../../images/drafts_icon.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

.actions{
    display: inline-block;
}

.actions:hover .tooltiptext {
    visibility: visible;
}

.actions .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: var(--Slate);
    color: #fff;
    text-align: center;
    margin-left: -60px;
    margin-top: 30px;
    /*margin-left: 20px;*/
    /*margin-top: -6px;*/
    padding: 5px 5px;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

#loadTbutton{
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 4px;
    padding-top: 7px;
    color: white;
    width: 60px;
    height: 25px;
    font-size: 12px;
    font-weight: 100;
    -webkit-transition: all .05s linear;
    -moz-transition: all .05s linear;
    z-index: 10;
    background: rgba(92,101,109, 1);
}
#loadTbutton:hover{
    cursor: pointer;
    background: rgba(255, 167, 108, 1);
    -webkit-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
}

.draftShare{
    width: 60px;
}

#previewbutton{
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 4px;
    padding-top: 7px;
    color: white;
    width: 60px;
    height: 25px;
    font-size: 12px;
    font-weight: 100;
    -webkit-transition: all .05s linear;
    -moz-transition: all .05s linear;
    z-index: 10;
    background: rgba(92,101,109, 1);
}
#previewbutton:hover{
    cursor: pointer;
    background: rgba(96, 148, 234, 1);
    -webkit-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
}

#publishbutton{
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 4px;
    padding-top: 7px;
    color: white;
    width: 60px;
    height: 25px;
    font-size: 12px;
    font-weight: 100;
    -webkit-transition: all .05s linear;
    -moz-transition: all .05s linear;
    z-index: 10;
    background: rgba(92,101,109, 1);
}

#publishbutton:hover{
    cursor: pointer;
    background: rgba(87, 230, 133, 1);
    -webkit-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
}

#manageDrafts{
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 4px;
    padding-top: 7px;
    color: white;
    width: 60px;
    height: 25px;
    font-size: 12px;
    font-weight: 100;
    -webkit-transition: all .05s linear;
    -moz-transition: all .05s linear;
    z-index: 10;
    background: rgba(92,101,109, 1);
}

#manageDrafts:hover{
    cursor: pointer;
    background: rgba(255, 167, 108, 1);
    -webkit-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
}

#background_apps{
    position: absolute;
    top: 0px;
    right: 250px;
    color: #ffffff;
    font-size: 12px;
    z-index: 10;
    padding-top: 5px;
    padding-right: 20px;
}

#background_apps_icons {
    display: inline;
}

.bgapp-icon {
    padding-left: 10px;
}

#savebutton:hover{
    cursor: pointer;
    background: rgba(54, 54, 54, 0.1);
    -webkit-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
    box-shadow: inset 0px 6px 5px -5px rgba(0,0,0,0.5);
}

.content_preview {
    margin-left: -350px;
    margin-top: -200px;
    top: 0px;
    left: 0px;
    height: 1080px;
    width: 1920px;
    /* Set the width of the iframe the size you want to transform it FROM */
    /* apply the transform */
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    -o-transform:scale(0.6);
    transform:scale(0.6);
    /* position it, as if it was the original size */
    position: absolute;
}

.content_preview_rotated {
    margin-left: -800px;
    margin-top: 400px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon {
    width:40px;
    display: inline-block;
    margin-right: 15px;
    margin-left: 8px;
}

.devices_div{
    margin-top: 5px;
}

.device_wrapper{
    margin-left: 5px;
}

.device input {
    font-size: 1.3em;
    background-color:transparent;
    border: 0px;
    color: #333E48;
    font-weight:bold;
}

.deviceNameList {
    font-size: 1.6em!important;
    background-color:transparent;
    border: 0px;
    color: #333E48;
    font-weight:bold;
    white-space: nowrap;
    text-align: center;
}

.matchingTags {
    border: 1px solid darkgrey;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-decoration:none;
    color: #f29136;
    margin-right: 8px;
    margin-bottom: 8px;
    /*font-family: helvetica;*/
    font-size:14px;
    padding: 5px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
}

.matchingTagsDuplicates {
    border: 1px solid #a5d24a;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-decoration:none;
    background-color: grey;
    color: white;
    margin-right: 5px;
    font-family: helvetica;
    font-size:10px;
    padding: 5px;
}

.content_div div {
    color: #858585;
    display: inline-block;
    width: 90px;
}
.content_div span {
    font-size: 1.3em;
    font-weight: bold;
}

.settings_div div {
    color: #858585;
}
.settings_div span {
    font-size: 1.3em;
    font-weight: bold;
}

.alerts_div div {
    color: #858585;
    display: inline-block;
    width: 90px;
}
.alerts_div span {
    font-size: 1.3em;
    font-weight: bold;
}

.group_schedule_div div {
    color: #858585;
}
.group_schedule_div span {
    font-size: 1.3em;
    font-weight: bold;
}

.schedule_div div {
    color: #858585;
}
.schedule_div span {
    font-size: 1.3em;
    font-weight: bold;
}

.device_content_placeholder{

}

.device_content_placeholder.current {
    background-color: white;
    color: #FFA76C;
}

.group_content_placeholder.current {
    background-color: white;
    color: orange;
}

.bubblePosition {
    font-size: 1.5em;
    text-align: left;
    color: #fff !important;
    width: 100% !important;
}

.editor_dropzone{
    border: 1px dashed grey;
}

.dropzone_app_icon{
    margin-left: 23px;
    margin-top: 23px;
    display: inline-block;
    cursor: move;
}

.dropzone-spacer {
    height: 140px;
}

.message-spacer {
    height: 50px;
}

.searchTagDiv {
    font-weight:bold;
    font-size:20px;
    padding-bottom: 15px;
}

#deviceList:active, .deviceButton:active, .contentButton:active {
    outline: none;
    box-shadow: none;
    color: darkgrey;
}

.device-status {
    width: 24px;
    height: 24px;
    /* width: 1rem;
    height: 1rem;
    border-radius: 25px;
    border-color: black;
    border-style: solid;
    border-width: 1px; */
}

.device-status-unknown {
    /* background-color: #333E48; */
    background: no-repeat url('../../images/DeviceStatusUnknown.png') center;
}

.device-status-online {
    /* background-color: chartreuse; */
    background: no-repeat url('../../images/DeviceStatusOnline.png') center;
}

.device-status-offline {
    /* background-color: #cc0000 */
    background: no-repeat url('../../images/DeviceStatusOffline.png') center;
}


#searchDevices {
    width:100%;
    border-radius: 5px;
    padding-left: 25px;
    background: white url('../../images/search_icon.png') no-repeat;
    padding-left: 25px;
    background-size: 15px 15px;
    background-position: 5px;
}

#searchDevicesList{
    width:98%;
    border-radius: 5px;
    padding-left: 25px;
    background: white url('../../images/search_icon.png') no-repeat;
    background-size: 15px 15px;
    background-position: 5px;
}

#searchGroups, #searchGroupsList {
    width:100%;
    border-radius: 5px;
    padding-left: 25px;
    background: white url('../../images/search_icon.png') no-repeat;
    padding-left: 25px;
    background-size: 15px 15px;
    background-position: 5px;
}

.inlineBlockAssets {
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    padding: 7px;
    padding-bottom: 44px;
    background: white;
    margin-top: 45px;
    margin-right: 40px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
}

.manager_inline {
}

.tempHold {
    display: none;
}

.manager_flash {
}

.flashcontainer embed{
    position: relative;
    background-color: darkgrey;
    margin: 0;
    outline: 1px solid lightgrey;
}

object embed{
    position: relative;
    top: 0px;
}

[draggable=true] {
    cursor: move;
}


.device-container{
    text-align: center;
    margin-top:-84px!important;
}

.devices-list{
    float:left;
    margin: 33px;
    width: 400px;
    height: 400px;
}

.device-delete-button{
    position: relative;
    /*left: 372px;*/
    top: 3px;
    cursor: pointer;
}

.device-card-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.stats-fields {
    display: flex;
    justify-content: space-between;
    font-weight: 200;
    margin-top: 1.1em;
}

.stats-fields label {
    color: grey;
    text-align: right;
    font-size: 12px;
    font-weight: 200;
}

.device-buttons{
    height: 55px;
    width: 100%;
    position: absolute;
    bottom: 65px;
    text-align: center;
    margin-bottom: 10px;
}

.device-buttons a{
    position: relative;
    top: 15px;
}

.devices-list-image{
    border: 1px solid #FFA76C;
    border-radius: 8px;
    margin-top: -12px;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FFFFFF),
        color-stop(1, #F0F0F0)
    ) !important;
    background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #F0F0F0 100%) !important;
    background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #F0F0F0 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #F0F0F0 100%) !important;
    background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #F0F0F0 100%) !important;
    background-image: linear-gradient(to bottom, #F7F7F7 0%, #F0F0F0 100%) !important;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.3);
    width: 400px;
    height: 415px;
    position: relative;
    margin-bottom:84px!important;
}

.editable-text{
    display: inline-block;
    vertical-align: top;
}

.editable-longtext{
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.editable-number{
    display: inline-block;
    vertical-align: top;
}

.editable-bool{
    display: inline-block;
    vertical-align: top;
}

.editable-bool.groupOverride{
    display: inline-block;
    vertical-align: baseline;
}

.flash_dragger{
    position: absolute;
    height: 150px;
    width: 200px;
    z-index: 1000;
}

#background{
    position: absolute;
    text-align: center;
    vertical-align: middle;
    margin-left: 0px;
    margin-right: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: black no-repeat center;
    background-size: cover;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}

#background_hover{
    position: absolute;
    width: 78%;
    height: 70%;
    left: 200px;
    top: 80px;
    bottom: 100px;
}

.button{
    display: inline-block;
    width: 50px;
    height: 20px;
    margin-left: 10px;
    margin-top: 5px;
    background-color: white;
}

.dropzone_app_drop{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#getScheduledContent, #removeScheduledContent {
    display: none;
}

.login_container{
    margin-left: 10%;
    padding-top: 25%;
    padding-left: 50px;
    padding-right: 50px;
    background-color: rgba(0, 0, 0, 0.4);
}
.login-wrapper {
    width: 100%;
    height: 100vh;
    background: url('../../images/Spartanburg_Background.jpg') no-repeat bottom right;
    background-size: cover;
    display:flex;

}

.login-logo {
    width: 300px;
    margin-bottom: 30px;
}

.login-inputs {
    width: 91% !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #f5f5f5 !important;
    font-size: 16px !important;
    border-radius: 4px !important;
}

.login-checkbox {
    color: white;
    font-weight: 300;
}

.login-button {
    border-radius: 4px !important;
}

@-moz-document url-prefix() {
    .login_container {
        /*padding-top: 50%;*/
    }
}

.page_not_found_container{
    margin: 0 auto;
    padding: 10px;
    width: 39%;
    -webkit-box-shadow: 0px 0px 67px -10px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 0px 67px -10px rgba(0,0,0,0.42);
    box-shadow: 0px 0px 67px -10px rgba(0,0,0,0.42);
    border-radius: 20px;
    background-color: white;
}

.logo_container{
    margin: 0 auto;
    background: url('../../images/hypersign_logo_big.png') no-repeat center;
    background-size: contain;
    width: 14%;
    height: 19%;
}

.logo_container_404{
    margin: 0 auto;
    margin-top: 20px;
    background: url('../../images/hypersign_logo_big.png') no-repeat center;
    background-size: contain;
    width: 14%;
    height: 200px;
}

.orangebar{
    height: 40px;
    /*background-color: #f29136;*/
    background-color: #333e48;
    /*-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.44);*/
    /*-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.44);*/
    /*box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.44);*/

}

.hs-logo{
    height: 30px;
    margin-top: -5px;
}

.orangebar_login{
    height: 7px;
    background-color: #f29136;
}

.login_button{
    margin-left: 130px;
}

.remember_me{
    padding-top: 20px;

}

.orange_text{
    color: #f29136;
}


.chuckNorris{
    width: 100%;
    height: 100%;
}

.popeye {
    width: 60%;
    height: 100%;
}

.centerContent {
    text-align: center;
}

.text_right{
    float: right;
    margin-right: 5px;
}

.login_field{
    width: 200px;
    height: 30px;
    border-radius: 5px;
    background-color: white;
    -webkit-box-shadow: inset 0px 0px 5px -1px #dddddd;
    -moz-box-shadow: inset 0px 0px 5px -1px #dddddd;
    box-shadow: inset 0px 0px 5px -1px #dddddd;
}

.side_logo{
    display:inline-block;
    background: url('../../images/hypersign_logo.png') no-repeat center;
    width: 250px;
    height: 88px;
}

.white_logo{
    position: absolute;
    top: 10px;
    left: 10px;
}

#logo:hover{
    cursor: pointer;
}

.all_apps_container{
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 30px;
    text-align: center;
    height: auto;
}

.main_container{
    margin: 0 auto;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.lifevue-sidebar-links-container {
    width: 12%;
    float:left;
    height: 100%;
    background-color: #333e48;;
    margin-top: 41px;

}

.lifevue-sidebar-link-wrapper {

    padding:25px;
}

.lifevue-sidebar-link {
    color: #FFFFFF!important;
    text-decoration: none!important;
    font-size: 20px;
}

.lifevue-sidebar-link:hover {
    font-size: 22px;
    cursor: pointer;
}

.lifevue-sidebar-link-icon {
    height: 30px;
}

.lifevue-sidebar-link-text {
    float: right;
    /*font-size: 20px;*/
    /*font-weight: lighter;*/
}




.dashboard-wrapper {
    padding: 0;
    height: 100%;
    margin-top: 41px;
    display: grid;
    grid-template-columns: repeat(40, 1fr);
    grid-template-rows: repeat(30, 1fr);
    grid-gap: 1.5em;
    overflow: auto;
}

.dashboard-sidebar {
    background-color: #333E48;
    color: #fff;
    grid-row: 1/30;
    grid-column: 1/10;
    height: 99%;
    position: relative;
}

.dashboard-sidebar-user-wrapper {
    height: 27%;
}

.sidebar-avatar-wrapper {
    text-align: center;
    padding-top: 7.5%;
}

.sidebar-avatar-icon {
    height: 60px;
}

.dashboard-sidebar-name {
    text-align: center;
    font-size: 20px;
    margin: 0 0 0 0;
}

.dashboard-sidebar-email {
    display: none;
}
.dashboard-sidebar-createdDate{
    display: none;
}

.dashboard-sidebar-company{
    text-align: center;
    font-size: 20px;
    margin: 0 0 0 0;

}
.dashboard-sidebar-tier{
    text-align: center;
    font-size: 20px;
    margin: 0 0 0 0;
}


/* height was 45%, decreased in case we want to keep the waystation/roomfusion links*/
/* set height back to 45% and remove the waystation/roomfusion links in(_menu.gsp) if we want them gone */
.dashboard-sidebar-links-container {
    width: 75%;
    margin: 0 auto;
    height: 44%;
}


/* height was 16%, decreased in case we want to keep the waystation/roomfusion links*/
/* set height back to 16% and remove the waystation/roomfusion links in(_menu.gsp) if we want them gone */
.sidebar-link-wrapper {
    height: 14%;
}

.sidebar-link {
    color: inherit!important;
    text-decoration: none!important;
    font-size: 20px;
}

.sidebar-link:hover {
    font-size: 22px;
    cursor: pointer;
}

.sidebar-link-icon {
    height: 30px;
}

.sidebar-link-text {
    float: right;
    /*font-size: 20px;*/
    /*font-weight: lighter;*/
}

.isDisabled {
    color: #8a8a8a!important;
    text-decoration: none!important;
    font-size: 20px;
    opacity: 0.4!important;
}


.isDisabled:hover{
    font-size: 22px;
    background-color: #EEE;
}

.app-link-wrapper {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.rf-logo-wrapper {
    border-top: solid 1px #fff0f0;
    padding: 5% 10% 5% 10%;
    text-align: center;
}

.ws-logo-wrapper {
    border-top: solid 1px #fff0f0;
    padding: 5% 10% 5% 10%;
    text-align: center;
}


.sidebar-app-logo {
    height: 45px;
}


.dashboard-hub-heading {
    grid-row: 1/4;
    grid-column: 10/40;
    color: #000;
    font-weight: bold;
   }

@media screen and (max-height: 750px) {
    .dashboard-hub-heading {
        border-bottom: none;
        display: none;
    }
    .dashboard-sidebar-company {
        display: none;
    }
}
@media screen and (max-width: 700px) {

 .dashboard-vertical-line{
     display: none;
 }
}

.dashboard-totals {
    position: absolute;
    z-index: 999;
    font-size: 2vw;
    font-weight:bolder;
    left:80%;
    width: 100%;
}


.dashboard-noTotals {
    position: absolute;
    z-index: 999;
    font-size: 1.2vw;
    font-weight:bolder;
    left:23%;
    width: 100%;
}



.dashboard-device-setup {
    position: relative;
    background-color: transparent;
    color: #000;
    grid-row: 4/12;
    grid-column: 10/18;
    width: -moz-available;
}


.dashboard-account-licenses {
    position:relative;
    background-color: transparent;
    color: #000;
    grid-row: 4/12;
    grid-column: 20/28;
    width: -moz-available;
}
.accountLicensesNextRenewalDate{
    position: absolute;
    font-size:1.0rem;
    color:#000;
    left:35%;
    top:85%;
}

.dashboard-account-users {
    position:relative;
    background-color: transparent;
    color: #000;
    grid-row: 13/20;
    grid-column: 20/28;
    width: -moz-available;
}


.dashboard-paired-device-status {
    position: relative;
    background-color:transparent;
    color: #000;
    grid-row: 4/12;
    grid-column: 20/28;
    width: -moz-available;
}

.dashboard-device-storage {
    position:relative;
    background-color:transparent;
    color: #000;
    grid-row: 13/20;
    grid-column: 10/18;
    width: -moz-available;
}

.dashboard-most-recent-published-layout {
    background-color:transparent;
    color: #000;
    grid-row: 21/28;
    grid-column: 10/30;
  }


.dashboard-most-recent-published-layout_image {
    display: inline;
    margin-left:30%;
    margin-top:10px;
   }

.dashboard-most-recent-published-layout_dateTime {
    width: 25%;
    text-align: left;
    margin-left: 10px;
    display: inline-block;
    margin-top: 20px;
}

.dashboard-status-heading {
    text-align: center;

}

.dashboard-status-icon {
    height: 65%;
    display: block;
    margin: auto;
}

.hidden-icon {
    display: none;
}

.dashboard-messages {
    background-color: transparent;
    color: #000;
    grid-row: 2/13;
    grid-column: 30/40;
    width:100%;
    text-align: center;
    font-size: 1.5rem;
   }

.dashboard-messages-webinars {
    background-color: transparent;
    color: #fff;
    grid-row: 12/20;
    grid-column: 30/40;
    width:100%;
    margin-top: 5%;
    border-top: solid 2px #FFA76C;
    height: 67%;
  }

.dashboard-messages-release-notes{
    background-color: transparent;
    color: #fff;
    grid-row: 20/28;
    grid-column: 30/40;
    width:99%;
    margin-top: -12%;
    border-top: solid 2px #FFA76C;
    height: 50%;
   }

.dashboard-messages-release-notes-blog{
    font-size: 1.5rem;
    font-weight:normal;
}

.dashboard-messages-release-notes a:link, a:active {
    color:#000;
    text-decoration: none;
}

.dashboard-messages-release-notes a:visited{
    color:#000;
    text-decoration: none;
}

/* A link that is hovered on */
.dashboard-messages-release-notes a:hover {
    color: #FFA76C;
    font-weight: bolder!important;
    text-decoration: none;
}

.dashboard-messages-release-notes-loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #FFA76C;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin-left: auto;
    margin-right:auto;
    margin-top:-2%;

}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

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


.dashboard-messages-release-notes .release-notes-ul{
    list-style-type: none;
    font-size: 1.5rem;
}

.dashboard-messages-release-notes .release-notes-ul li{
    margin: 0 0 10px 0;
}

.release-notes-icon {
    height: 65%;
    display: block;
    margin: auto;
}

.hidden-release-notes-icon {
    display: none;
}

.dashboard-week-status {
    background-color: #333E48;
    color: #fff;
    grid-row: 15/23;
    grid-column: 10/40;
}

.dashboard-status-wrapper {
    position: relative;
}

.dashboard-status-left {
    width: 20%;
    float: left;
    position: relative;
}

.dashboard-status-title {
    font-size: 24px;
    margin-top: 20px;
    margin-left: 20px;
}
.dashboard-status-subtitle {
    font-size: 20px;
    margin-top: -15px;
    margin-left: 20px;
}
.dashboard-status-key {
    font-size: 14px;
    margin-left: 20px;
    width: 70%;
}
.status-spacing {
     margin-top: 20%;
 }

.status-key-text {
    /*margin-right: 20px;*/
}

.status-key-svg {
    float: right;
}

.dashboard-status-right {
    width: 80%;
    margin-top: 20px;
    display: inline-block;
}

.status-day {
    display: inline-block;
    width: 13.75%;
    /*border-left: 1px solid #fff;*/
    text-align: center;
    position: relative;
}

.status-day-border-first {
     border-left: 1px solid #fff0f0;
     position: absolute;
     top: 10%;
     bottom: 25%;
     left: -15px;
 }

.status-day-border {
    border-left: 1px solid #fff0f0;
    position: absolute;
    top: 10%;
    bottom: 25%;
    left: 0px;
}

.status-100-percent {
    position: absolute;
    top: 8%;
    left: -3%;
    font-size: 11px;
}
.status-25-percent {
    position: absolute;
    bottom: 27%;
    left: -3%;
    font-size: 11px;
}

.status-col {
    display: inline-block;
    margin: 0% 0% 0% 0%;
}

.circle {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    margin: 7.5px 10px 7.5px 10px;
    background-color: #01C5B3;
}

.un-blue{
    background-color:  #6078EA;
}

.vista {
   background-color: #7ED79E;
}

.steel {
    background-color: #666666;
}

.dashboard-center{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.editor{
    width:530px;
    height: 20vh;
    padding: 1rem;
    //font-size: 1.5rem;
    border: 1px solid rgba(0,0,0,0.2);
    overflow-y: auto;
    //color:#000!important;
    outline: none;
    /*box-shadow: 5px 10px 8px 10px #888888;*/
    -webkit-transition: all 0.70s ease-in-out;
    -moz-transition: all 0.70s ease-in-out;
    -ms-transition: all 0.70s ease-in-out;
    -o-transition: all 0.70s ease-in-out;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.editorFlat{
    width:530px;
    height: 20vh;
    padding: 1rem;
    font-size: 1.5rem;
    border: 1px solid rgba(0,0,0,0.2);
    overflow-y: auto;
    color:#000!important;
    outline: none;
    -webkit-transition: all 0.70s ease-in-out;
    -moz-transition: all 0.70s ease-in-out;
    -ms-transition: all 0.70s ease-in-out;
    -o-transition: all 0.70s ease-in-out;
}


.editor:focus {
    /*box-shadow: 0 0 5px rgba(81, 203, 238, 1);*/
    border: 1px solid rgba(81, 203, 238, 1);
}


.editor::-webkit-scrollbar{
width:15px;
}

.editor::-webkit-scrollbar {
    cursor:pointer;
}

.editor::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   }

.editor::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0 0 6px rgba(100,65,42,1);
    cursor: pointer;
}

.dashboard-messages-release-notes::-webkit-scrollbar{
    width:15px;
}

.dashboard-messages-release-notes::-webkit-scrollbar {
    cursor:pointer;
}

.dashboard-messages-release-notes::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   }

.dashboard-messages-release-notes::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0 0 6px rgba(100,65,42,1);
    cursor: pointer;
}

.dashboard-messages h3{
    color:#000;
}

.dashboard-messages-webinars h3 {
    color:#000;
}

.dashboard-messages-release-notes h3 {
    color:#000;
    margin-top: 4%;
}

.dashboard-messages-webinars p {
    color:#000; background-color: transparent; width:100%; margin-bottom: 20px;  font-weight: normal; font-size: 1.5rem;
}

.dashboard-messages-release-notes-center {
    width:100%;
    text-align:center;
}

.dashboard-messages-webinars-center {
    width:100%;
    text-align: center;
}


.editor:hover{
    border-color: #FFA76C;
}

.editor:active{
    border-color: #FFA76C;
}

.editor:focus{
    border-color: #FFA76C;
}

.dashboard-vertical-line{
    grid-row: 3/27;
    grid-column: 12/30;
    border-right: #FFA76C 2px solid;
    overflow : hidden;
}

.dashboard-last-downtime {
    background-color: #333E48;
    color: #fff;
    grid-row: 23/29;
    grid-column: 10/26;
    padding: 20px;
}

.dashboard-last-downtime-heading {
    font-size: 24px;
}

.dashboard-last-downtime-text {
    font-size: 14px;
}

.dashboard-overview {
    background-color: #333E48;
    color: #fff;
    grid-row: 23/29;
    grid-column: 26/40;
    padding: 20px;
    /*width: 100%;*/
    position: relative;
    display: inline-block;
}

.dashboard-overview-left {
    width: 45%;
    display: inline-block;
    vertical-align: top;
}

.dashboard-overview-middle {
    width: 5%;
    display: inline-block;
}

.dashboard-overview-right {
    width: 45%;
    display: inline-block;
    vertical-align: top;
}

.dashboard-overview-text-wrapper {
    margin-bottom: 10px;
}

.overview-text-heading {

}

.overview-text-data {
    float: right;
}


@media screen and (min-height: 900px) {
    .circle {
        margin: 20px 10px 7.5px 10px;
    }
    .status-100-percent {
        top:11%;
    }

    .status-25-percent {
        bottom: 22%;
    }

    .status-spacing {
        margin-top: 40%;
    }

    .dashboard-overview-text-wrapper {
        margin-bottom: 30px;
    }

}
@media (min-height: 800px) and (max-height: 899px)  {
    .circle {
        margin: 10px 10px 7.5px 10px;
    }
    .status-100-percent {
        top:8%;
    }

    .status-25-percent {
        bottom: 28%;
    }

    .status-spacing {
        margin-top: 25%;
    }
    .dashboard-overview-text-wrapper {
        margin-bottom: 20px;
    }

}

@media (max-height: 740px ) {
    .dashboard-sidebar-links-container {
        height: 45%;
    }
    .dashboard-sidebar-name {
        margin: 0.5% 0% 0% 0%;
    }

}


@media (max-width: 1120px ) {
    .circle {
        margin-right: 0px;
    }
    .dashboard-status-subtitle {
        font-size: 16px;
    }
    .status-key-text {
        font-size: 12px;
    }
}


@media (max-height: 700px) {
    .status-spacing {
        margin-top: 10%;
    }
}

@media (max-height: 650px) {
    .circle {
        margin: 2.5px 10px 2.5px 10px;
    }
}

.app_container{
    display: inline-block;
    margin-left: 37px;
    margin-top: 25px;
    vertical-align: top;
    border: 2px solid lightgrey;
    background: #EEEEEE;
    height: 270px;
    padding: 20px;
}

.app{
    width: 180px;
    height: 140px;
    background-color: rgba(240,240,240,1);
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -webkit-box-shadow: 0px 0px 53px -7px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 53px -7px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 53px -7px rgba(0,0,0,0.6);
    border-radius: 5px;
    border: 3px solid white;
}
.app:hover{
    background-color: #ffedde;
}

.app_devices{
    background-image: url('../../images/devices.png') !important;
    background-size: 130px;
    background-position: center;
    background-repeat: no-repeat;
}

.app_users{
    background-image: url('../../images/account.png') !important;
    background-size: 130px;
    background-position: center;
    background-repeat: no-repeat;
}

.app_media{
    background-image: url('../../images/media.png') !important;
    background-size: 130px;
    background-position: center;
    background-repeat: no-repeat;
}

.app_content{
    background-image: url('../../images/content.png') !important;
    background-size: 130px;
    background-position: center;
    background-repeat: no-repeat;
}

.greyout{
    opacity: 0.4;
}

.greyout:hover{
    background-color: #EEE;
}

.app_name{
    text-align: center;
    font-size: 32px;
    color: grey;
}

.app_actions{
    text-align: center;
    color: #f29136;
}

/*.bxslider a:link, a:visited, a:hover{*/
    /*color: inherit !important;*/
    /*text-align: none !important;*/
    /*text-decoration: none !important;*/
/*}*/

.devices{
    height: 100%;
    width: 100%;
}

.login_fail{
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: -30%;
    margin-bottom: 20px;
    margin-left:auto;
    margin-right:auto;
}

.alert {
    z-index:3000;
    margin-top: 0% !important;
    margin-left:auto;
    margin-right:auto;
}

.alertHeading {
    text-align:center;
    font-weight:bold;
    color:black !important;
}

#error_container_login {
    display: none;
}

#error_container{
    display: none;
    position: absolute;
    left: 39%;
    top: 15%;
    z-index: 10000 !important;
}

#error_container.manager_error {
    position: absolute;
    top: 0;
    z-index: 100;
}

.btn-eclipse {
    color: #ffffff;
    background: rgba(87,87,87,1);
    background: -moz-linear-gradient(top, rgba(87,87,87,1) 0%, rgba(26,26,26,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,87,87,1)), color-stop(100%, rgba(26,26,26,1)));
    background: -webkit-linear-gradient(top, rgba(87,87,87,1) 0%, rgba(26,26,26,1) 100%);
    background: -o-linear-gradient(top, rgba(87,87,87,1) 0%, rgba(26,26,26,1) 100%);
    background: -ms-linear-gradient(top, rgba(87,87,87,1) 0%, rgba(26,26,26,1) 100%);
    background: linear-gradient(to bottom, rgba(87,87,87,1) 0%, rgba(26,26,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#1a1a1a', GradientType=0 );
    border-color: #eea236;
}

.btn-eclipse:hover,
.btn-eclipse:focus,
.btn-eclipse:active,
.btn-eclipse.active,
.open .dropdown-toggle.btn-eclipse {
    color: #ffffff !important;
}

.contentDropzoneAssetUtils {
    z-index: 30;
    position: relative;
    top: -100%;
    width: 50px;
    height: 25px;
}

.contentDropzoneDeleteAsset,.contentDropzoneAssetPassword {
    float: left;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.editor-preview-item {
    top: -85%; !important
}

.editor-preview-app {
    top: 0 !important;
}

.editor-stack-item {
    top: -100% !important;
    margin-left: 92% !important;
}

#background_dropzone_utils {
    z-index: 15;
    position: relative;
    top: -100%;
    cursor: pointer;
    width: 50px;
    height: 25px;
    display: none;
}

#background_dropzone_delete {
    float: left;
}

.errorClose {
    float: right;
    position: relative;
    z-index: 1000;
    cursor: pointer;
}

#release_notes {
    position: absolute;
    right: 250px;
    top: 10px;
    width: 20px;
    height: 20px;
    /*background: url('../../images/notification_nav_icon.png')center no-repeat;*/
}

#release_notes:hover {
    cursor: pointer;
    /*height: 22px;*/
}

.header-release-notes-read {
    background: url('../../images/notification_nav_icon.png') center no-repeat;
}

.header-release-notes-unread {
    background: url('../../images/notification_nav_dot_icon.png') center no-repeat;

}

#current_user_text{
    position: absolute;
    /*right: 70px;*/
    font-size: 22px;
    right: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
    color: #82A7BC;

    /*background: url('../../images/user.png');*/
}

#current_user_text:hover{
    cursor: pointer;
}

#current_user_text h3{
    padding-right: 40px;
    font-weight: 200;
    margin-top: 6px;
    color: white;
}

#support{
    position: absolute;
    right: 60px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url('../../images/support_icon.png')center no-repeat;
}

#support:hover{
    cursor: pointer;
}

#support h3{
    padding-right: 40px;
    font-weight: 200;
    margin-top: 6px;
    color: white;
}

.quick_nav_button {
    margin-right: 100px;
}

.top_position{
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    z-index: 100;
}

.page_container{
    width: 100%;
    height: 100%;
    margin-top: 40px;
    background-color: #f7f7f7;
}

.youtubeModal{
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FFFFFF),
        color-stop(1, #F0F0F0)
    ) !important;
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%) !important;
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%) !important;
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%) !important;
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%) !important;
}

.youtubeModal span{
    color: grey;
}

.hidden-youtube-icon {
    display: none;
}

.modal-wide {
    width: 45% !important;
    height: 45% !important;
}
.modal-wider {
    width: 60% !important;
    height: 60% !important;
}.modal-widest {
    width: 80% !important;
    height: 80% !important;
}
.modal-header h3{
    text-align: center;
}

.contentButton{
    margin:0;
    height: 30px;
    width: 100%;
}

.fieldcontain{
    font-weight: 200;
}

.dropzone_clear{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    border-radius: 12px;
}

.device_action_button{
    display:inline-block;
    bottom: 15px;
    width: 32px;
    height: 29px;
}

.icon_content{
    background: url('../../images/content-icon.png') center no-repeat;
}

.icon_content_grey{
    background: url('../../images/content-icon.png') center no-repeat;
    margin-left: 10px;
    opacity: .5;
    cursor: pointer;
}

.icon_calendar{
    background: url('../../images/calendar-icon.png') center no-repeat;
    margin-left: 110px;
}

.icon_settings{
    background: url('../../images/settings-icon.png') center no-repeat;
    position: absolute;
}
.icon_alert{
    background: url('../../images/alert-icon.png') center no-repeat;
}

.device_list_edit_button{
    cursor: pointer;
    width: 50px;
    float: right;
    border: 1px solid grey;
    padding: 5px;
    border-radius: 3px;
    margin-right: 20px;
    margin-top: 20px;
    color: grey;
    font-weight: 200;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );
}

.integrated_device_list_edit_button{
    cursor: pointer;
    width: 50px;
    float: right;
    border: 1px solid grey;
    padding: 5px;
    border-radius: 3px;
    margin-right: 20px;
    margin-top: 20px;
    color: grey;
    font-weight: 200;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );
}

.update_device_button{
    cursor: pointer;
    width: fit-content;
    float: right;
    border: 1px solid grey;
    padding: 5px;
    border-radius: 3px;
    margin-right: 20px;
    margin-top: 20px;
    color: grey;
    font-weight: 200;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );
}

.reboot_button {
    cursor: pointer;
    width: fit-content;
    float: right;
    border: 1px solid grey;
    padding: 5px;
    border-radius: 3px;
    margin-right: 20px;
    margin-top: 20px;
    color: grey;
    font-weight: 200;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );
}

.device_list_save_button, .device_list_cancel_button{
    cursor: pointer;
    width: 45px;
    float: right;
    border: 1px solid grey;
    padding: 7px;
    border-radius: 3px;
    margin-right: 20px;
    margin-top: 20px;
    color: grey;
    font-weight: 200;
    display: none;
}

.device-fields{

}

.devices-list-image hr{
    border-color: #CCCCCC !important;
    margin-top: 45px;
    margin-left: 20px;
    margin-right: 20px;
}

.devices-list-area{
    height: 97%;
    width: 100%;
    overflow-y: auto;
}

#devices-list-none{
    font-size: 20px;
    color: black;
    font-weight: 200;
    display: none;
}


.device_action_button:hover{
}

.deviceList{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.device_options{
    padding-left: 50px;
}

.content_hover,.group_content_hover{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: 0px 0px;
    cursor: pointer;
}

.hover_content_grey{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: 0px 0px;
    opacity: .2;
}

.hover_content{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: 0px 0px;
}

.hover_content:hover{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: 0px -22px;
}

.group_hover_settings{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -44px 0px;
}

.hover_settings{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -44px 0px;
}

.hover_settings_grey{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -44px 0px;
    opacity: .2;
}

.hover_alert{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -66px 0px;
}

.hover_alert_grey{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -66px 0px;
    opacity: .2;

}

.hover_alert_icon_grey {
    opacity: .5;
    cursor: pointer;
}

.hover_alert_icon_solid {
    cursor: pointer;
}

.hover_schedule{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -22px 0px;
}

.hover_schedule_grey{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -22px 0px;
    opacity: .2;
}



.hover_licenses{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -110px 0px;
}

.hover_licenses:hover{
    cursor: pointer;
    background-position: -110px -22px;

}

.hover_licenses_active{
    cursor: pointer;
    background-position: -110px -22px;

}

.hover_licenses_grey{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -110px 0px;
    opacity: .2;
}

.hover_device_monitoring{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -88px 0px;
}

.hover_device_monitoring:hover{
    cursor: pointer;
    background-position: -88px -22px;
}

.hover_device_monitoring_active{
    cursor: pointer;
    background-position: -88px -22px;
}

.hover_device_monitoring_grey{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -88px 0px;
    opacity: .2;
}

.hover_settings_active{
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -44px -22px;
}

.hover_schedule_grey{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -22px 0px;
    opacity: .2;
}

.hover_eclipse{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    padding: 2px;
    padding-left: 4px;
    background: center no-repeat url('../../images/eclipse_icon_20.png');
}

.hover_plus{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    padding: 2px;
    padding-left: 4px;
    background: center no-repeat url('../../images/plus_icon_20.png');
}

.content_hover:hover, .group_content_hover:hover{
    cursor: pointer;
    background-position: 0px -22px;
}

.hover_settings:hover{
    cursor: pointer;
    background-position: -44px -22px;
}

.group_hover_settings:hover{
    cursor: pointer;
    background-position: -44px -22px;
}

.hover_schedule:hover{
    cursor: pointer;
    background-position: -22px -22px;
}

.hover_alert:hover{
    cursor: pointer;
    background-position: -66px -22px;
}

.hover_plus:hover{
    cursor: pointer;
}

.hover_content:active{
}

.hover_schedule:active{
}

.editor_control_bar{
    text-align: center;
    position: absolute;
    top: 41px;
    background-color: #858b91;
    width: 100%;
    height: 40px;
    z-index: 15;
}

.dark_background_gradient{
    position: absolute;
    z-index: -100;
    top: -583px;
    width: 100%;
    height: 160%;
    background: rgba(122,122,122,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(122,122,122,1) 0%, rgba(10,10,10,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(122,122,122,1)), color-stop(100%, rgba(10,10,10,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(122,122,122,1) 0%, rgba(10,10,10,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(122,122,122,1) 0%, rgba(10,10,10,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(122,122,122,1) 0%, rgba(10,10,10,1) 100%);
    background: radial-gradient(ellipse at center, rgba(122,122,122,1) 0%, rgba(10,10,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#0a0a0a', GradientType=1 );

}

#device_list_text{
    position: absolute;
    top: 8px;
    left: 70px;
    font-size: 17px;
    color: white;
}

#template_list_text{
    position: absolute;
    top: 8px;
    right: 82px;
    font-size: 17px;
    color: white;


}

.deviceName{
    display: inline-block;
    margin-left: -7px;
}

.hiddenDeviceField {
    display: none;
}
#messages{
    position: absolute;
    left: calc(20% + 250px); /*250 px + 20% */
    top: -50px;
    text-align: center;
    color: white;
    width: 500px;
    height: 30px;
    font-weight: 200;
}

.vertical_rule{
    display: inline-block;
    height: 40px;
    width: 1px;
    /*background: rgba(51,62,72,1);*/
    /*background: -moz-linear-gradient(top, rgba(130,130,130,1) 0%, rgba(15,15,15,1) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,130,130,1)), color-stop(100%, rgba(15,15,15,1)));*/
    /*background: -webkit-linear-gradient(top, rgba(130,130,130,1) 0%, rgba(15,15,15,1) 100%);*/
    /*background: -o-linear-gradient(top, rgba(130,130,130,1) 0%, rgba(15,15,15,1) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(130,130,130,1) 0%, rgba(15,15,15,1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(130,130,130,1) 0%, rgba(15,15,15,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#0f0f0f', GradientType=0 );*/

}

.blackout{
    position: absolute;
    top: 40px;
    width: 100%;
    height: 100%;
    background: rgba(143,143,143,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(50,50,50,0.5) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(50,50,50,0.5)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(50,50,50,0.5) 0%, rgba(0,0,0,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(50,50,50,0.5) 0%, rgba(0,0,0,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(50,50,50,0.5) 0%, rgba(0,0,0,1) 100%);
    background: radial-gradient(ellipse at center, rgba(50,50,50,0.5) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f8f8f', endColorstr='#000000', GradientType=1 );
    opacity: .7;
    z-index: 100;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
}

.blackoutEdit{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.blackoutManager{
    position: absolute;
    top: 140px;
    width: 50%;
    height: 90%;
    z-index: 10000;
}

#initSpinner{
    position: absolute;
    top: 37%;
    left: 47%;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    z-index: -100001;
}

#quick_nav{
    position: absolute;
    top: 5px;
    right: 105px;
    width: 30px;
    height: 30px;
    padding: 0;
    /*background: url('../../images/compass.png') center no-repeat;*/
    background: url('../../images/nav_icon.png') center no-repeat;
}


#quick_nav:hover{
    color: #d3d3d3;
}

#quick_nav:hover{
    cursor: pointer;
}

.quicknav_popover{
    top: 40px !important;
    right: 52px !important;
}

.popover{
    text-align: center;
    max-width: 30%!important;
}


.popover ul a span{
    color: #edaf75;
    margin-left: 5px;
}

.popover a:hover{
    text-decoration: none;
    text-align: left;
}

.popover ul{
    list-style: none;

}

.popover ul li{
    list-style-type: none;
    text-decoration: none;
    margin: 0 auto;
    padding: 5px;
    margin-bottom: 5px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
}

.popover ul li span{
    font-weight: 400;
    /*color: #edaf 75;*/
    color: #fff;
    margin-left: 10px;
}

.popover ul li:hover{
    /*background-color: #dcd8da;*/
    font-size: 15px;

}

.popover.greyout ul li:hover{
    background-color: rgba(51, 62, 72, 0.2);
}

#quick_nav_contents{
    display: none;
}

.inline-block{
    display: inline-block;
}

.push_down{
    margin-top: 40px;
}

.hypersign_button{
    color: #333e48 !important;
    background: rgba(255,255,255,1) !important;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1))) !important;
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 ) !important;
    border: 1px solid #333e48 !important;
}

.hypersign_delete{
    color: #FFF !important;
    background: rgba(255,133,133,1) !important;
    background: -moz-linear-gradient(top, rgba(255,133,133,1) 0%, rgba(219,85,85,1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,133,133,1)), color-stop(100%, rgba(219,85,85,1)))!important;
    background: -webkit-linear-gradient(top, rgba(255,133,133,1) 0%, rgba(219,85,85,1) 100%)!important;
    background: -o-linear-gradient(top, rgba(255,133,133,1) 0%, rgba(219,85,85,1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(255,133,133,1) 0%, rgba(219,85,85,1) 100%)!important;
    background: linear-gradient(to bottom, rgba(255,133,133,1) 0%, rgba(219,85,85,1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8585', endColorstr='#db5555', GradientType=0 )!important;
    border: 1px solid lightgrey !important;
}

.hypersign_success{
    color: #FFF !important;
    background: rgba(118,222,118,1) !important;
    background: -moz-linear-gradient(top, rgba(118,222,118,1) 0%, rgba(94,184,76,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(118,222,118,1)), color-stop(100%, rgba(94,184,76,1))) !important;
    background: -webkit-linear-gradient(top, rgba(118,222,118,1) 0%, rgba(94,184,76,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(118,222,118,1) 0%, rgba(94,184,76,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(118,222,118,1) 0%, rgba(94,184,76,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(118,222,118,1) 0%, rgba(94,184,76,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76de76', endColorstr='#5eb84c', GradientType=0 ) !important;
    border: 1px solid lightgrey !important;
}

.arrow-up {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid black;
}

.arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
}

.arrow-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;

    border-left: 60px solid green;
}

.arrow-left {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid blue;
}

.hypersign_eclipse {
    color: #FFF !important;
    background: rgba(87,87,87,1) !important;
    background: -moz-linear-gradient(top, rgba(87,87,87,1) 0%, rgba(26,26,26,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,87,87,1)), color-stop(100%, rgba(26,26,26,1))) !important;
    background: -webkit-linear-gradient(top, rgba(87,87,87,1) 0%, rgba(26,26,26,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(87,87,87,1) 0%, rgba(26,26,26,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(87,87,87,1) 0%, rgba(26,26,26,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(87,87,87,1) 0%, rgba(26,26,26,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#1a1a1a', GradientType=0 ) !important;
    border: 1px solid lightgrey !important;
}


.little_square{
    display: block;
    float: left;
    margin-left: 3px;
    margin-bottom: 2px;
    padding: 0;
    width: 5px;
    height: 5px;
    background-color: white;
    border-bottom: 1px solid #edaf75;
}

#current_user_contents{
    display: none;
}

.current_user_popover{
    top: 40px !important;
    right: 40px !important;
}

.current_user_popover ul li{
    cursor: pointer;
}

.scheduleList, .groupScheduleList {
    text-align: center;
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow-y: auto;
}

.device_options .popover, .group_options .popover {
    min-width: 350px!important;
    max-height: 200px;
    overflow-y: auto;
}

.scheduleList .name, .alertList .name, .groupScheduleList .name{
    display: inline-block;
    float: left;
    margin-top: 7px;
}

.scheduleList .date, .alertList .date, .groupScheduleList .date{
    display: inline-block;
    float: right;
    margin-top: 7px;
    font-size: 12px;
}

.scheduleList .icon, .alertList .icon, .groupScheduleList .icon{
    display: inline-block;
    float: right;
}

.schedule_list_item_container, .group_schedule_list_item_container, .alert_list_item_container{
    display: block;
    width: 100%;
    height: 30px;
}

.closePopover{
    margin-right: -10px;
}

.device_settings{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../../images/settings_icon_20.png');
    float: right;
    margin-bottom: 10px;
}

.device_settings:hover{
    cursor: pointer;
    background: url('../../images/settings_icon_20_hover.png');
}

.group_settings{
    width: 22px;
    height: 22px;
    display: inline-block;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -44px 0px;
    margin-left: 10px;
}

.group_settings:hover{
    cursor: pointer;
    width: 22px;
    height: 22px;
    display: inline-block;
    background: no-repeat url('../../images/action_icons_sprite.png');
    background-position: -44px -22px;
    margin-left: 10px;
}

.popover .name{
    font-size: 12px;
    color: grey;
    margin-top: 10px;
}

.popover .name span{
    font-size: 12px;
    color: grey;
}

.popover .description{
    font-size: 12px;
    color: grey;
}

.popover .description span{
    font-size: 12px;
    color: grey;
}

.popover .resolution{
    font-size: 12px;
    color: grey;
}

.popover .resolution span{
   font-size: 12px;
   color: grey;
}

.assetBinHeader {
    display: inline-block;
}

.col-lg-7 {
    text-align: left !important;
}

#calendar {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px !important;
    background: white;
    border-radius: 10px;
    padding: 50px;
}

.all_dropzone_apps_container{
    width: 100%;
    margin-left: 0px;
    height: 80%;
    overflow: auto;
}


.device_actions_container{
    margin-top: -15px;
    text-align: center;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}

.all_devices_container{
    overflow-y: auto;
    height: 852px;
}

.uploadButton{
    margin-left: 175px;
    margin-top: 10px;
}

.drop_here_text{
    text-align: center;
    color: darkgrey;
    font-size: 21px;
    font-weight: 200;
    margin-top: 25px;
}

#assetListedCountManager {
    display: none;
    position: absolute;
    right: 30%;
    bottom: 2%;
    width: 170px;
    padding: 5px;
    text-align: center;
    font-size: 18px;
    z-index: 10;
    color: #333E48;
    border: 1px solid darkgrey;
    border-radius: 25px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
    -webkit-box-shadow: 0px 0px 37px 2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 37px 2px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 37px 2px rgba(0,0,0,0.44);
}

#assetListedCountEditor {
    display: none;
    position: fixed;
    right: 273px;
    bottom: 170px;
    width: 150px;
    padding: 3px;
    text-align: center;
    font-size: 15px;
    z-index: 12;
    color: darkgrey;
    border: 1px solid darkgrey;
    border-radius: 25px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
    -webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.44);
}


.stackOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top:70px;
    opacity: 0.7;
    background-color: rgba(9,9,9,0.6);
}

.loading-wrap {
    position: absolute;
    margin-top: 77px;
    width: 100% !important;
    height: 100%;
    background-color: rgba(9,9,9,0.7);
    z-index: 5;
}

.asset-loading-wrap {
    position: absolute;
    margin-top: 0px;
    width: 100% !important;
    height: 100%;
    background-color: rgba(9,9,9,0.7);
    z-index: 12;
}

.allowScroll{
    overflow-y: auto !important;
}

.progress.active {
    margin-top: 50% !important;
    margin-left: -105% !important;
    margin-right: -225% !important;
}

.text_polaroid{
    position: absolute;
    bottom: 22px;
    left: 7px;
    width: 200px;
    text-align: center;
    font-size: 13px;
    color: #333e48;
}

.text_filesize{
    position: absolute;
    bottom: 8px;
    left: 7px;
    width: 200px;
    text-align: center;
    font-size: 12px;
    color: #858b91;
}

#btnDeleteSelected {
    background-color: #F38181;
    color: white;
    margin-top: 1px;
    padding: 10px 20px 12px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: none;
    cursor: pointer;
    height: 20px;
    width: 150px;
    border-radius: 7px;
}
#deleteSelected {
    position: absolute;
    display: inline-block;
    height: 40px;
    bottom: 50px;
    right: 50px;
}

#btnAddSelected {
    background-color: #F38181;
    color: white;
    margin-top: 1px;
    padding: 10px 20px 12px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: none;
    cursor: pointer;
    height: 20px;
    width: 150px;
    border-radius: 7px;
}

#addSelected {
    position: absolute;
    display: inline-block;
    height: 40px;
    bottom: 100px;
    right: 50px;
}

.btnManageTags {
    background-color: #FFA76C;
    color: white;
    margin-top: -6px;
    padding: 7px 20px 32px 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    height: 20px;
    width: 140px;
    border-radius: 7px;
    box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
}

.btnManageTags:active {
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
}

/******************************************************/
/*        Styling for Asset/Manage Sort Order         */
/******************************************************/
.btnAssetSortOrder {
    background-color: #FFA76C;
    color: white;
    margin-top: 4px;
    /*padding: 7px 13px 32px 20px;*/
    font-size: 16px;
    border: none;
    cursor: pointer;
    height: 39px;
    width: 80px;
    border-radius: 7px;
    box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
    text-align: center;
}
.assetSortOrder {
    position: relative;
    display: inline-block;
    height: 40px;
   }
.assetSortOrderContent {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    z-index: 1;
    left: -95px;
}
.assetSortOrderContent a {
    color: #333E48;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.assetSortOrderContent a:hover {
    color: white;
    background-color: #858b91;
    text-decoration: none;
}

.assetSortOrder:hover .assetSortOrderContent {
    display: block;
}

/*.assetSortOrder:hover .btnAssetSortOrder {*/
/*    box-shadow: 4px 4px #858b91;*/
/*}*/
/******************************************************/

.cancel_border{
    outline: none !important;
}

#deviceLicenseText {
    text-align:center;
    font-weight:bold;
    font-size:30px;
}

#alertLicenseText {
    text-align:center;
    font-weight:bold;
    font-size:30px;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    background: none;
}

#devices{
    padding: 0px;
    background-color: #EDEDED;
    height: 93%;
}

#groups{
    padding: 0px;
    background-color: #EDEDED;
    height: 93%;
}

#whole-page-tabs-container{
    height: 100%;
    padding: 0px !important;
    border: none !important;
}

.whole-page-tabs{
    margin-bottom: -1px !important;
    padding: 0 !important;
    border: none !important;
    /*background: none !important;*/
    background: #858b91 !important;
    margin-top: 0px !important;
    height: 46px;
}

.whole-page-tabs > li.myTab{
    margin-top: 10px !important;
}

.myTab{
    margin-bottom: 1px !important;
    margin-right: 4px !important;
    margin-left: 0 !important;
    padding-left: 0px;
    border-radius: 0px !important;
    border: 0 !important;
    width: 125px;
    height: 34px !important;
    background: url('../../images/devices_tab_inactive.png');
    display: inline-block;
    text-align: center;
}

#assetTabs {
    position: absolute;
    top: -41px;
    z-index: 11;
    border: none;
}

#stackAssetTabs {
    position: absolute;
    top: -34px;
    z-index: 11;
    border: none;
}


.content-asset-container {
    overflow: scroll;
    margin-top: 5px;
    margin-bottom: 15px;
    overflow-y: auto;
    position: absolute;
    height: 190px;
    width: 100%;
    text-align: center;
    padding-bottom: 60px!important;
    padding-top: 0px !important;
}

.editor-tab {
    padding-left: 3% !important;
    width: 45% !important;
}

.device_and_group_tabs{
    border: none !important;
    background: transparent !important;
    color: inherit !important;
    font-weight: normal !important;
}

.myTab a{
}

.my-tab-active a{
    color: orange !important;
}
.asset-tab {
    padding-left: 0 !important;
}

.groupName a:hover{
    color: grey !important;
    text-decoration: none !important;

}

.groupDeviceList{

}

.group_content_placeholder{
}

.groupListGroup:nth-child(even){
    background: #EDEDED;
}

.groupListGroup:nth-child(odd){
    background: lightgrey;
}


.groupListGroup{
    display: block;
    padding-left: 5px;
    margin-left: -5px;
    color: grey;
}

.groupListGroup a{
    color: grey !important;
    margin-left: 5px;
}

.groupListGroup a:hover{
    color: #f29136 !important;
}

#deviceListMain{
    position: relative;
    top: 40px;
    height: inherit;
}

#devicesGroupsTabs{
    height: 100%;
    padding: 0px !important;
    border: none !important;
}

#deviceListDevices{
    height: 90%;
    padding: 0 !important;
}

#deviceListGroupMain .groups{
    width: 18%;
    height: 100%;
    float: left;
    background: #EEEEEE;
}

.groupListHeader{
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid lightgrey;
    background: white;
}

.groupListBody{
    height: 100%;
    overflow-y: auto;
}



#deviceListGroupMain #deviceListGroupShow{
    width: 81%;
    height: 100%;
    float: left;
}

#deviceListMain #devicesGroupsTabs{
    height: 100%;
}

#deviceListMain #deviceListGroups{
    height: 100%;
    padding: 1px;
}

#deviceListMain #deviceListGroupMain{
    height: 100%;
}

#deviceListGroupShow #deviceList{
    width: 81%;
    height: 100%;
    float: left;
    margin: 8px;
    border: 1px solid;
}

#deviceListGroupShow #groupList{
    width: 50%;
    height: 100%;
    float: left;
    margin: 8px;
    border: 1px solid;
}

#groupAddField{
    display: none;
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
}

.downloads_resources_container{
    position: relative;
    width: 100%;
    height: 10px;
    bottom: -4%;
    text-align: center;
}

.resources{
    display: inline-block;
}

.resource_video {
    position: relative;
}

.video_information {
    width: 50%;
}

.downloads{
    display: inline-block;
}

.downloads_page_header{
    width: 100%;
    border-bottom: 1px solid silver;
}

.downloads_wrapper{
    width: 960px;
    margin: 0 auto;
    margin-top: 50px;
    overflow-y: auto;
    position: relative;
    height: 95%;
}

.downloads_container{
    width: 960px;
    background: white;
    margin: 0 auto;
    margin-bottom: 30px;
}

.downloads_wrapper .section_title{
    font-weight: bold;
    font-size: 30px;
}

.single_download_container{
    padding: 10px;
    border-bottom: 1px solid lightgrey;
    display: flex;
}

.single_download_container .odd{
    border-bottom: 1px solid lightgrey;
}

.download_info{
    display: inline-block;
    width: 820px;
    padding: 10px;
}

.download_title{
    display: inline-block;
    font-size: 24px;
}

.download_description{

}

.download_date{
    display: inline-block;
    float: right;
}

.download_version{
    font-size: 16px;
    color: darkgrey;
}
.download_image{
    display: inline-block;
    width: 100px;
    height: 100px;
}

.mac_osx{
    background: url('../../images/mac_osx_logo.jpg') center no-repeat;
    background-size: contain;
}

.windows{
    background: url('../../images/windows_logo.png') center no-repeat;
    background-size: contain;
}

.android{
    background: url('../../images/android_logo.png') center no-repeat;
    background-size: contain;
}

.pdf{
    background: url('../../images/pdf.png') center no-repeat;
    background-size: contain;
}

.download_button{
    display: inline-block;
    float: right;
    padding: 8px;
    color: black !important;
    margin-right: 10px;
    margin-top: 40px;
}

.download_button:hover{
    background: lightgrey !important;
}

.resources_page_header{
    position: relative;
    top: 30px;
    left: 480px;
}

.resources_container{
    width: 960px;
    background: white;
    margin: 0 auto;
    margin-top: 50px;
}

.single_resource_container{
    padding: 10px;
    margin-left: 10px;
    border-bottom: 1px solid lightgrey;
    display: flex;
    height: 230px;
}

.mainContent{
    height: 100%;
    overflow-y: auto;
}

.iframeContent{
    width: 100%;
    height: 100%;
    margin-top: 25px;
}

.video_title{
    font-size: 32px;
    width: 90%;
    text-align: left;
    margin-left: 20px;
    font-weight: 500;
}

.video_description{
    margin-left: 22px;
    font-size: 18px;
    width: 90%;
}

#assignGroupShow{
    height:100%;
    background: white;
}

#assignedDevicesList{
    height: 100%;
    width: 42%;
    float: left;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}

#unassignedDevicesList{
    height: 100%;
    width: 90%;
    margin: 0 auto;
    overflow-y: auto;
}

#unassignedDevicesList .deviceList{
    border: none;
}

#assignedDevicesList .deviceList{
    border: none;
}

#allDevicesList{
    height: 100%;
    width: 98%;
    margin: 0 auto;
    overflow-y: auto;
}

.assignedDevices{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid lightgrey;
    color: grey;
    height: auto;
    padding-top: 10px;
}

.unassignedDevices{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid lightgrey;
    color: grey;
    height: auto;
    padding-top: 10px;
}

.unassignedDevice .groupAssignBox{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../../images/plus_box.png');
    background-size: contain;
    float: left;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}
.unassignedDevice .disabledGroupAssignBox{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../../images/plus_box.png');
    background-size: contain;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    float: left;
    cursor: pointer;
    opacity: 0.25;
    margin-left: 10px;
    margin-right: 10px;
}

#assignedDevicesList .assignedDevice .groupAssignBox{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../../images/minus_box.png');
    background-size: contain;
    color: white;
    float: left;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

#assignedDevicesList .assignedDevice .disabledGroupAssignBox{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../../images/minus_box.png');
    background-size: contain;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    color: white;
    float: left;
    cursor: pointer;
    opacity: 0.25;
    margin-left: 10px;
    margin-right: 10px;
}

#allDevicesList .assignedDevice .groupAssignBox{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../../images/plus_box.png');
    background-size: contain;
    float: left;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

#allDevicesList .assignedDevice .disabledGroupAssignBox{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../../images/plus_box.png');
    background-size: contain;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    float: left;
    cursor: pointer;
    opacity: 0.25;
    margin-left: 10px;
    margin-right: 10px;
}

.groupShowToggle{
    position: absolute;
    top: 57px;
    right: 113px;
}

.content_description_editor{
    position: absolute;
    text-align: left;
    top: 0px;
    left: 250px;
    padding-top: 9px;
    padding-left: 20px;
    color: white;
    width: 20%;
    height: 35px;
    font-size: 14px;
    font-weight: 200;
    overflow: hidden;
    z-index: -10;
}

.content_description_editor span{
    color: navajowhite;
}

#testDiv{
    width: 100%;
    height: 100%;
}

#allAlerts{
    margin: 0 auto;
    width: 90%;
    height: 80%;
    text-align: center;
}

.alertText{
    color: white;
}

.alertNames{

}

.alertName{

}

.alertOutline{
    width: 32%;
    color: white;
    font-size: 62px;
    display: inline-block;
    height: 26%;
    margin-left: 4%;
    margin-top: 4%;
    margin-bottom: 7%;
    border: 3px dashed lightgrey;
    border-radius: 25px;
}

#adminOptions {
    height: 40px;
    width: 100%;
    background: #AAAAAA;
}

#adminDropdown {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
#orgDropdown {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

#adminCreateNew {
    float: right;
    margin-right: 60px;
    margin-top: 7px;
}

#adminLeftbar {
    position: fixed;
    left: 0px;
    width: 250px;
    height: 100%;
    background-color: white;
    outline: solid grey 1px;
    z-index: 10;
}

.adminTab {
    text-align: left;
    padding-left: 50px;
    font-size: 22px;
    border-bottom: 1px solid black;
    height: 50px;
    padding-top: 15px;
    cursor: pointer;
    color: grey;
    background-color: #eeeeee;
}

#adminAccountSelection{
    width: 230px !important;
}

#adminContent {
    width: calc(100% - 250px);
    background: grey;
    height: 100%;
    margin-left: 250px;
}

#draftContent {
    margin-top: 20px;
    width: 90%;
    height: 100%;
    margin-left: 5%;
}

#accountAdminView {
    background: white;
    width: 100%;
    height: 100%;
}

#accountLicenseView {
    background: white;
    width: 100%;
    height: 87%;
    display: none;
    padding-top: 50px;
    overflow: auto;
}

#accountUsersView {
    background: white;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    display: none;
    overflow: auto;
}

#accountTeamsView {
    background: white;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    display: none;
    overflow: auto;
}

#accountOrganizationsView {
    background: white;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    display: none;
    overflow: auto;
}

#accountAlertFeedsView {
    background: white;
    /*background: pink;*/
    width: 100%;
    height: 100%;
    padding-top: 50px;
    display: none;
    overflow: auto;
}

#accountFavoriteURLsView {
    background: white;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-left: 20px;
    display: none;
    overflow: auto;
}

#accountSettingsView {
    background: white;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    display: none;
    overflow: auto;
}

#accountMessagingView {
    background: white;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    display: none;
    overflow: auto;
}

#accountBillingTabView {
    background: white;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    display: none;
    overflow: auto;
}

#accountPriorityContentTabView {
    background: white;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    display: none;
    overflow: hidden;
}

#accountContentStoreView {
    background: white;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-left: 20px;
    display: none;
    overflow: auto;
}

#accountHuddleupView {
    background: white;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-left: 20px;
    display: none;
    overflow: auto;
}



.huddleupLogo{
    width: 70px!important;
}


#huddleupHeader{
    margin-left: 90px;
    font-size: 35px;
    color: grey;
    width:500px
}

.huddleupText {
    text-align: left;
    font-size: 16px;
    color: grey;
    width:400px;
}

#billingFrame {
    width: 85%;
    height: 75%;
    padding: 10px;
}

#orgHeader{
    margin-left: 90px;
    font-size: 35px;
    color: grey;
}

.orgText {
    text-align: right;
    font-size: 16px;
    color: grey;
}

.orgAddModal {
    width: 400px !important;
}

#alertFeedHeader{
    margin-left: 90px;
    font-size: 35px;
    color: grey;
}


#messageHeader{
    margin-left: 90px;
    font-size: 35px;
    color: grey;
}

#billingHeader{
    margin-left: 90px;
    font-size: 35px;
    color: grey;
}

#priorityContentHeader{
    margin-left: 90px;
    font-size: 35px;
    color: grey;
}

.tree-layout {
    display: flex;
    height: 100vh;
    padding: 1em;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
}

.tree-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#tree-container {
    flex: 1;
    overflow-y: auto;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fff;
    border-radius: 6px;
    max-height: 500px; /* or any set value */
}

#btnPrioritizeContent {
    width: 160px;
    max-width: 100%;
    margin: 10px auto 0 auto;
    font-size: 18px;
    display: block;
}

.tree,
.tree ul {
    list-style: none !important;
    margin: 0;
    padding-left: 0;
}

.tree ul.level-org {
    padding-left: 0;
}
.tree ul.level-account {
    padding-left: 20px;
}
.tree ul.level-device {
    padding-left: 40px;
}

.tree li {
    margin: 8px 0;
}

.tree-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.tree input[type="checkbox"] {
    transform: scale(1.2);
    cursor: pointer;
}

.toggle::before {
    content: "▶";
    display: inline-block;
    margin-right: 6px;
    cursor: pointer;
}
.toggle.expanded::before {
    content: "▼";
}

.toggle::before,
.toggle.expanded::before {
    color: var(--Peach)!important;
    font-weight: bolder;
}

.tree ul {
    display: none;
}
.tree ul.visible {
    display: block;
}

.priority-content-box {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 8px;
    max-height: 400px;
    overflow-y: auto;
    font-family: 'Roboto', sans-serif;
    background-color: #fafafa;
}

#alertTagHeader{
    margin-left: 90px;
    font-size: 35px;
    color: grey;
}

.feedText {
    text-align: right;
    font-size: 16px;
    color: grey;
}

.feedAddModal {
    width: 400px !important;
}

#feedDropdown {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

.feedTable {
    width: 85%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.feedHeader {
    text-align: left;
    background: transparent;
    font-size: 20px;
    color: grey;
    width: 25%;
}

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

.feedHeaderFavUrl {
    text-align: left;
    font-size: 20px;
    color: grey;
    width: 25%;
}

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

.huddleupFeedHeader {
    text-align: left;
    background: transparent;
    font-size: 20px;
    color: grey;
    width: 25%;
    margin-left:40px;
}

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

.feedCell {
    text-align: left;
    padding-top: 3px;
    width: auto;
}

.feedCellRight {
    text-align: right;
    padding-top: 3px;
}

.feedRow {
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    cursor: pointer;
}

.huddelupFeedRow {
    border-bottom: 1px solid #dcdcdc;
    color: red;
    cursor: pointer;
}

.huddleupLogoCell{
    text-align: left;
    padding-top: 3px;
    width: 50px!important;
}

.messagesRow {
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    cursor: pointer;
}


.huddleupFeedRow {
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    cursor: pointer;
    height: 75px;
}


.alertDelDiv {
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    cursor: pointer;
}

.messagesDelDiv{
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    cursor: pointer;
}


.feedRow:hover {
    background-color: #FFD0A3;
}

.huddleupFeedRow:hover {
    background-color: #FFD0A3;
}


.feedField {
    width: 250px;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

.selectedAccountTab {
    background-color: white !important;
    color: orange;
}

.accountText {
    margin-left: 120px;
    font-size: 16px;
    display: inline-block;
    margin-right: 60px;
    color: grey;
}

.accountField {
    display: inline-block;
}

.accountField input {
    width: 300px;
    height: 30px;
}

.accountAdminField {
    padding-top: 30px;
}

.CCheader {
    margin-top: 40px;
}

.CCfield {
    width: 400px;
}

.accountTextCCname {
    font-size: 20px;
}

.accountTextCCstatus {
    float: right;
}

.cc-device-list-hidden {
    display: none;
}

#accountWrapper {
    height: 85%;
    overflow: auto;
}

#adminContactHeader {
    margin-left: 90px;
    padding-top: 8%;
    font-size: 35px;
    color: grey;
    background-color: white;
}

#adminContactSection {
    background-color: white;
}

#accountAdminSave {
    position: fixed;
    margin-top: -700px;
    right: 0;
    margin-right: 12%;
    display: none;
}

#accountAdminEdit {
    position: fixed;
    margin-top: -700px;
    right: 0;
    margin-right: 5%;
}

#contentStoreEdit {
    position: fixed;
    margin-top: 0px;
    right: 0;
    margin-right: 5%;
}

#contentStoreAdd {
    position: fixed;
    margin-top: 0px;
    right: 0;
    margin-right: 12%;
    display: none;
}

#contentStoreRemove {
    position: fixed;
    margin-top: -700px;
    right: 0;
    margin-right: 5%;
    display: none;
}

#contentStoreCancel {
    position: fixed;
    margin-top: -700px;
    right: 0;
    margin-right: 5%;
    display: none;
}


#accountAdminCancel {
    position: fixed;
    margin-top: -700px;
    right: 0;
    margin-right: 5%;
    display: none;
}

#settingsAdminSave {
    position: fixed;
    margin-top: 0px;
    right: 0;
    margin-right: 12%;
    display: none;
}

#settingsAdminEdit {
    position: fixed;
    margin-top: 0px;
    right: 0;
    margin-right: 5%;
}

#settingsAdminCancel {
    position: fixed;
    margin-top: 0px;
    right: 0;
    margin-right: 5%;
    display: none;
}

#userAdminSave {
    float: right;
    margin-top: 700px;
    margin-right: 25px;
    display: none;
}

#userAdminEdit {
    float: right;
    margin-top: 700px;
    margin-right: 160px;
}

#userAdminCancel {
    float: right;
    margin-top: 700px;
    margin-right: 160px;
    display: none;
}

.accountSaved {
    text-align: center;
    margin-top: 30px;
    /*position: absolute;*/
    /*margin-top: 100px;*/
    /*margin-left: 35%;*/
}

.accountPhone1 {
    width: 45px;
}

.accountPhone2 {
    width: 60px;
}

#adminPage {
    margin-top: 40px;
    height: 100%;
}

.accountAddLicense {
    width: 77%;
    margin: auto;
    padding: 10px;
    text-align: right;
}

div#accountLicenseRenewal {
    width: 77%;
    margin: auto;
    padding: 10px;
    text-align: right;
}
div#accountLicenseRenewalDate {
    width: 84%;
    height: 100px;
    float: left;
}
div#accountLicenseRenewalButton {
    margin-left: 85%;
}

.accountAddUser {
    margin-bottom: 50px;
    margin-left: 80%;
}

.accountAddMessage {
    margin-bottom: 50px;
    margin-left: 80%;
}

#draftPage {
    background: #fff;
}
#schedulePage{
    margin-top: 40px;
    height: 100%;
    overflow: auto;
}

.schedule_player_name{
    font-size: 40px;
    margin-left: 190px;
}

.group_schedule_player_name{
    font-size: 40px;
    margin-left: 190px;
}

.licenseTable {
    width: 90%;
    text-align: left;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.5%;
}

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

.licenseHeader {
    text-align: left;
    background: transparent;
    font-size: 20px;
    color: grey;
}

.licenseCell {
    text-align: left;
    background: transparent;
    font-size: 16px;
    padding-top: 3px;
}

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

.licenseRow:hover {
    background-color: #f29136;
}

.licenseRow:hover {
    background-color: #FFD0A3;
}





#usersTable {
    width: 85%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15%;
}

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

.usersHeader {
    text-align: left;
    background: transparent;
    font-size: 20px;
    color: grey;
    width: 25%;
}

.usersCell {
    text-align: left;
    padding-top: 3px;
}

.usersRow {
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    cursor: pointer;
}

.usersRow:hover {
    background-color: #FFD0A3;
}

.userField {
    /*width: 250px;*/
    width: 80%;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}


#messageTable {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15%;
}

#messageTable td{
    border: 1px solid #808080;
    padding:12px;
}

#messageTable tr:hover{
    background-color:#FFD0A3;
}

#messageTable td:hover{
    background-color:#FFD0A3;
}


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

.messageHeader {
    text-align: left;
    background: transparent;
    font-size: 20px;
    color:#3d3d3d;
    width: 25%;
    font-weight: bolder!important;
}

.messageCell {
    text-align: left;
    padding-top: 3px;
}

.messageRow {
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    cursor: pointer;
}

.messageRow:hover {
    background-color: #FFD0A3;
}

.messageField {
    /*width: 250px;*/
    width: 80%;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}
.contentStoreRow {
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    cursor: pointer;
}

.contentStoreRow:hover {
    background-color: #FFD0A3;
}

.teamsTable, .teamUsersTable, .teamDevicesTable, .teamGroupsTable {
    width: 100%;
    text-align: left;
    margin-bottom: 50px;
}

.teamsSection, .teamTabsSection, .teamUsersSection, .teamDevicesSection, .teamGroupsSection {
    padding-left: 50px;
}

.teamTabsSection {
    /*width: 100%;*/
}

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

#teamsHeader, #teamUsersHeader, #teamDevicesHeader, #teamGroupsHeader {
    text-align: left;
    background: transparent;
    font-size: 20px;
    color: grey;
    width: 75%;
}

.teamHeader {
    width: auto;
}

.teamHeaderActions {
    width: 180px;
}

.teamsCell {
    text-align: left;
    padding-top: 3px;
}

#teamHeaderName {
    font-size: 30px;
    color: grey;
    /*position: relative;*/
    /*float: right;*/
    margin-left: 50px;

}

#teamUsersAddButton, #teamDevicesAddButton, #teamGroupsAddButton {
    margin-right: 0px;
}

.teamsRow {
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    cursor: pointer;
}

.licenseRow, .teamsRow, .usersRow, .feedRow {
    height: 45px;
}

.teamsRow:hover {
    background-color: #FFD0A3;
}

.teamsField {
    /*width: 250px;*/
    width: 80%;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

.tabset {
    display: none;
    margin-left: 50px;
    margin-bottom: 50px;
    height: 20px;
    text-align: left;
}

.tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
}

.tabset > label {
    position: relative;
    display: inline-block;
    padding: 10px 15px 10px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600;
}

.tabset > label:hover,
.tabset > input:focus + label {
    color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
    background: #06c;
}

.tabset > input:checked + label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

.tab-panel {
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

.modal-scroll {
    height: 380px;
    overflow-y: auto;
}

#draftsTable {
    width: 85%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15%;
}

#draftsTableModal {
    width: 80%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15%;
}

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

.draftsHeader {
    text-align: left;
    background: transparent;
    font-size: 20px;
    color: grey;
    width: auto;
}

.draftsHeaderActions {
    width: 350px;
}

.draftsCell {
    text-align: left;
    padding-top: 3px;
}

.draftsRow {
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    cursor: pointer;
}

.draftsRow:hover {
    background-color: #FFD0A3;
}

.draftField {
    /*width: 250px;*/
    width: 80%;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

#accountUserCancel, #accountUserSave {
    float: right;
    margin-top: 700px;
    margin-right: 25px;
    display: none;
}

.userDiv {

}

#saveUserCreate {
    display: none;
}

#userEditInformation {
    width: 400px !important;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#userRoleInformation {
    width: 500px !important;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 40px;
}

.userEditModal {
    width: 1000px !important;
}

#deleteUser {
    float: left;
}

.evenRow {

}

.oddRow {
    background-color: #fafafa;
}

.huddleupEvenRow {
    background-color: #F0F0F0;
}

.huddleupOddRow {
    background-color: #e4dede;
}

#saveStatus {
    text-align: center;
    margin-top: 30px;
}

#saveLayoutStatus {
    text-align: center;
    margin-top: 30px;
}

.singleAlert{
    width: 102%;
    color: white;
    font-size: 62px;
    display: inline-block;
    height: 103%;
    margin-left: -1%;
    margin-top: -1%;
    border-radius: 25px;
}

.fireAlert{
    width: 32%;
    color: white;
    font-size: 62px;
    display: inline-block;
    height: 100%;
    margin-left: 4%;
    margin-top: 4%;
    margin-bottom: 7%;
    border-radius: 25px;
    padding-top: 6%;
    background: rgba(245,155,0,1);
    background: -moz-linear-gradient(top, rgba(245,155,0,1) 0%, rgba(255,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,155,0,1)), color-stop(100%, rgba(255,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(245,155,0,1) 0%, rgba(255,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(245,155,0,1) 0%, rgba(255,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,155,0,1) 0%, rgba(255,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(245,155,0,1) 0%, rgba(255,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59b00', endColorstr='#ff0000', GradientType=0 );
}

.weatherAlert{
    width: 32%;
    color: white;
    font-size: 62px;
    display: inline-block;
    height: 100%;
    margin-left: 4%;
    margin-top: 4%;
    border-radius: 25px;
    padding-top: 6%;
    background: rgba(0,247,247,1);
    background: -moz-linear-gradient(top, rgba(0,247,247,1) 0%, rgba(0,94,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,247,247,1)), color-stop(100%, rgba(0,94,255,1)));
    background: -webkit-linear-gradient(top, rgba(0,247,247,1) 0%, rgba(0,94,255,1) 100%);
    background: -o-linear-gradient(top, rgba(0,247,247,1) 0%, rgba(0,94,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,247,247,1) 0%, rgba(0,94,255,1) 100%);
    background: linear-gradient(to bottom, rgba(0,247,247,1) 0%, rgba(0,94,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7', endColorstr='#005eff', GradientType=0 );
}

.intruderAlert{
    width: 32%;
    color: white;
    font-size: 62px;
    display: inline-block;
    height: 100%;
    margin-left: 4%;
    margin-top: 4%;
    border-radius: 25px;
    padding-top: 6%;
    background: rgba(255,235,20,1);
    background: -moz-linear-gradient(top, rgba(255,235,20,1) 0%, rgba(255,153,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,235,20,1)), color-stop(100%, rgba(255,153,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,235,20,1) 0%, rgba(255,153,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,235,20,1) 0%, rgba(255,153,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,235,20,1) 0%, rgba(255,153,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,235,20,1) 0%, rgba(255,153,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb14', endColorstr='#ff9900', GradientType=0 );
}

.fireAlert{
    width: 32%;
    color: white;
    font-size: 62px;
    display: inline-block;
    height: 100%;
    margin-left: 4%;
    margin-top: 4%;
    border-radius: 25px;
    padding-top: 6%;
    background: rgba(253,93,96,1);
    background: -moz-linear-gradient(top, rgba(253,93,96,1) 0%, rgba(236,4,7,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,93,96,1)), color-stop(100%, rgba(236,4,7,1)));
    background: -webkit-linear-gradient(top, rgba(253,93,96,1) 0%, rgba(236,4,7,1) 100%);
    background: -o-linear-gradient(top, rgba(253,93,96,1) 0%, rgba(236,4,7,1) 100%);
    background: -ms-linear-gradient(top, rgba(253,93,96,1) 0%, rgba(236,4,7,1) 100%);
    background: linear-gradient(to bottom, rgba(253,93,96,1) 0%, rgba(236,4,7,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5d60', endColorstr='#ec0407', GradientType=0 );
}

.noAlert{
    width: 32%;
    background-color: transparent !important;
    color: transparent !important;
    font-size: 62px;
    display: inline-block;
    height: 100%;
    margin-left: 4%;
    margin-top: 4%;
    border-radius: 25px;
    border: 5px dashed lightgrey;
    padding-top: 6%;
}

.emergencyAlert{
    width: 32%;
    color: white;
    font-size: 62px;
    display: inline-block;
    height: 100%;
    margin-left: 4%;
    margin-top: 4%;
    border-radius: 25px;
    padding-top: 6%;
    background: rgba(255,93,177,1);
    background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,93,177,1)), color-stop(100%, rgba(239,1,124,1)));
    background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%);
    background: -o-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%);
    background: linear-gradient(to bottom, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c', GradientType=0 );
}

.singleAlert:hover{
    cursor: pointer;
}

.singleAlertActive{
    background: orange !important;

}

.singleAlertDisabled{
    background: lightgrey;

}

.alertStatus{
    text-align: center;
    background: black;
    color: white;
    font-size: 24px;
    margin: auto;
    height: 11%;
    margin-top: 1%;
}

.alertMessage{
    text-align: left;
    font-size: 32px;
    float: right;
    margin-right: 2%;
    margin-top: .4%;
}

.alertLogo{
    background-image: url('../../images/hypersign_alert_logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 450px;
    height: 50px;
    text-align: left;
    font-size: 32px;
    float: left;
    margin-left: 5%;
    margin-top: 1.7%;
}

.alertFinger{
    background-image: url('../../images/touch_icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height: 100px;
    float: right;
    margin-right: 4%;
    margin-top: .3%;
}


.alertBackground{
    position: absolute;
    top: 0px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(189,189,189,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(189,189,189,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(189,189,189,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(189,189,189,1) 0%, rgba(0,0,0,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(189,189,189,1) 0%, rgba(0,0,0,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(189,189,189,1) 0%, rgba(0,0,0,1) 100%);
    background: radial-gradient(ellipse at center, rgba(189,189,189,1) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbdbd', endColorstr='#000000', GradientType=1 );
}

#convertingText{
    margin-left: 102px;
    margin-top: 17px;
    display: none;
    float: left;
}

.groupList{
    border-bottom: 1px solid lightgrey;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    color: inherit;
}

.groupName{
    display: inline-block;
    color: inherit;
    margin-left: -7px;
}

.group {
    font-size: 18px;
    display: inline-block;
    max-width: 180px;
    cursor: pointer;
    color: inherit !important;
    white-space: nowrap;
}

.group_options{
    padding-left: 50px;
}

.accountNameBig{
    font-size: 32px;
    color: orange;
    margin-left: 100px;
    padding-top: 40px;
}

.accountInput{
    background: #fafafa;
}

.accountInputActive {
    background-color: white !important;
}

.accountActive{
    display: inline-block;
    border: 1px solid lightgrey;
    border-radius: 3px 0px 0px 3px;
    color: lightgrey;
    width: 70px;
    padding: 3px;
    text-align: center;
}

.accountInactive{
    display: inline-block;
    border: 1px solid lightgrey;
    border-radius: 0px 3px 3px 0px;
    color: lightgrey;
    width: 70px;
    padding: 3px;
    text-align: center;


}

.accountType{
    display: inline-block;
    border: 1px solid #6094EA;
    border-radius: 0px 3px 3px 0px;
    color: #6094EA;
    width: 78px;
    padding: 3px;
    text-align: center;
}

.currentTypeActive{
    color: white;
    border-color: #6078EA;
    background-color: #6094EA;
}

.dzaDisabled{
    position: relative;
}

.dzaIcon{
    position: relative;
    top: 0;
    left: 0;
}

.dzaIconOverlay{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999999;
}

.currentStatusActive{
    color: #6EC412;
    border-color: #6EC412;
    background-color: #DFFAC3;
}

.currentStatusInactive{
    color: #FF4F4F;
    border-color: #FF4F4F;
    background-color: #FFBABA;
}

#licenseCounts{
    width: 450px;
    text-align: left;
    margin-left: 6%;
    padding-bottom: 75px;
}

.licenseCountTitle{
    display: inline-block;
    float: left;
    width: 450px;
    font-size: 20px;
    color: grey;
}

.licenseCountHeader{
    display: inline-block;
    float: left;
    width: 150px;
    font-size: 17px;
    color: grey;
}

.licenseCount{
    float: left;
    width: 300px;
    font-size: 17px;
    color: black;
}

#adminAccountHeader{
    margin-left: 90px;
    font-size: 35px;
    color: grey;
}

.availableLicenseRow{
    color: #83D62B;
    height: 27px;
}

.deallocate{
    width: 22px;
    height: 22px;
    margin-bottom: 2px;
    margin-left: 35px;
    border: none !important;
    background: url('../../images/minus_box.png');
    background-size: contain;
}

.add_license_button{

}

.searchBoxContainer{
    padding: 10px;
    background: white;
    border-bottom: 1px solid grey;
}

.assignedDevicesListHeader{
    text-align: center;
    color: #FFA76C;
    padding-top: 10px;
}

#searchGroupsDevicesList{
    width: 100%;
    border-radius: 5px;
    padding-left: 25px;
    background: url('../../images/search_icon.png') no-repeat;
    background-size: 15px 15px;
    background-position: 5px;
}

.centerMePlease{
    margin-left: 110px;
}

.noBorder{
    border: none !important;
}

.groupListColumnHeaders{
    margin-top: 50px;
}

.groupListDeviceName{
    display: inline-block;
    color: grey;
    font-size: 1em;
    margin-left: 20px;
    width: 30%;
}

.groupListAssignment {
    display: inline-block;
    color: grey;
    font-size: 1em;
    /*float: right;*/
    /*padding-right: 15%;*/
    padding-left: 10%;
    width: 19%;
}

.groupListContentDate{
    display: inline-block;
    color: grey;
    font-size: 1em;
    float: right;
    /*margin-right: 9%;*/
    /*width: 20%;*/
}

.allDevices{
    border-bottom: 1px solid lightgrey;
    color: grey;
    height: auto;
    padding-top: 10px;
}

.assignedTo {
    position: relative;
    display: inline-block;
    width: 30%;
    margin-left: 7%;
}

.deviceListName {
    display: inline-block;
    width: 30%;
    position: relative;
}

.hideAssign {
    display: none !important;
}

.groupListContainer{
    width: 90%;
    margin: 0 auto;
}

.groupListContainer .deviceList{
    height: 100%;
    overflow-y: auto;
}

.unassignedListContainer{
    height: 100%;
    width: 52%;
    float: left;
}

#searchAssignDevicesList{
    width: 100%;
    border-radius: 5px;
    margin-top: 50px;
    margin-left: 3%;
    padding-left: 25px;
    background: url('../../images/search_icon.png') no-repeat;
    background-size: 15px 15px;
    background-position: 5px;
}

.unassignedDevicesListHeader{
    margin-top: 30px;
}

.allDevices .lastUpdatedDate{
    position: relative;
    display: inline-block;
    width: 82px;
    margin-left: 7%;
    float: none;
}

.lastUpdatedDate{
    display: inline-block;
    float: right;
    width: 125px;
}

.deviceInGroupName{
    display: inline-block;
    width: 30%;
}

.stack-media-name-unicast {
    position: absolute !important;
    margin-top: 66% !important;
}

.stack-media-name {
    height: 20px;
    color: #f7f7f7;
}
.Unicast {
    margin: 0px !important;
    top: 0;
    width: 100% !important;
    height: 100%;
}

.LiveTV {
    margin: 0px !important;
    top: 0;
    width: 100% !important;
    height: 100%;
}

.wysiwyg_area {
    z-index: -10;
}

.nocursor{
    cursor: none;
}

.hypersignModalHeader{
    background: #eeeeee;
    color: grey;
    text-align: center;
}

.fieldName{
    display: inline-block;
    width: 30%;
    text-align: right;
    margin-right: 1%;
    color: grey;
}
.fieldNameWide{
    display: inline-block;
    width: 24%;
    text-align: right;
    margin-right: 1%;
    color: grey;
}

.fieldTextBox{
    display: inline-block;
    width: 68%;
    margin-bottom: 30px;
    text-align: left;
}

.fieldInput{
    display: inline-block;
    width: 68%;
    margin-bottom: 30px;
    text-align: left;
}

.hidden-checkbox[type="checkbox"] {
    display: none;
}

.hidden-checkbox[type="checkbox" i]{
    margin: 3px 0.5ex;
}

.hidden-checkbox[type="checkbox"] + label{
    text-align: center;
}

.hidden-checkbox[type="checkbox"]:checked + label{
    color: #FFF;
    background-color: var(--Peach);
    border: 1px solid var(--Peach);
}

.check-item {
    display: block;
    width: 60%;
    vertical-align: middle;
    color: black;
    border: 1px solid rgba(0, 0, 0, .1);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

select#userAccountSelection {
    width: 93%;
}

.phoneField{
    background-color: #eeeeee;
    border-radius: 5px;
    text-align: center;
}

.radioLabel {
    margin-right: 10px;
}

.radioField {
    margin: 0px 5px 0px 0px!important;
}

#accountInformation{
    /*padding-left: 50px;*/
    margin-top: 20px;
}

#licenseInformation{
    padding-left: 50px;
    margin-top: 20px;
}

.modalField{
    width: 250px;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

.youtubeModalField{
    width: 250px;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

.iframeModalField{
    width: 250px;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

.contentStoreModalField{
    width: 250px;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

.rssModalField{
    width: 250px;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

.unicastModalField{
    width: 250px;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

.livetvModalField{
    width: 250px;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

.cloudCasterModalField{
    width: 250px;
    background-color: #eeeeee;
    border-radius: 5px;
    height: 25px;
}

.deleteAlert {
    display: inline-block;
    float: right;
    cursor: pointer;
}

.all_groups_container{
    height: 100%;
    overflow-y: auto;
}

.alertRow{
    width: 100%;
    height: 25%;
    display: inline-block;
    margin-bottom: 10%;
}

.home_page_container {
    overflow: auto;
    height: 100%;
}

.permissionsListBody{
    overflow-y: scroll;
    height: 308px;
    margin-top: 5px;
}

.permissionsListAllowed{
    display: inline-block;
    color: black;
    font-size: .8em;
    width: 10%;
}

.permissionsListName{
    display: inline-block;
    color: black;
    font-size: .8em;
    margin-left: 20px;
    width: 23%;
}

.permissionsListDescription {
    display: inline-block;
    color: black;
    font-size: .8em;
    width: 37%;
}

.permissionsListRole{
    display: inline-block;
    color: black;
    font-size: .8em;
    width: 20%;
}


.permissionAllowed{
    display: inline-block;
    color: grey;
    font-size: .8em;
    width: 10%;
    vertical-align: middle;
}

.permissionName{
    position:relative;
    display: inline-block;
    color: grey;
    font-size: .8em;
    margin-left: 20px;
    width: 23%;
    vertical-align: middle;
}

.permissionDescription {
    position:relative;
    display: inline-block;
    color: grey;
    font-size: .8em;
    width: 37%;
    vertical-align: middle;
}

.permissionRole{
    position:relative;
    display: inline-block;
    color: grey;
    font-size: .8em;
    width: 20%;
    vertical-align: middle;
}

.userPermission{
    position:relative;
    margin-top: 5px;
    border-bottom: 1px solid lightgrey;
}

#accountRolesAndPermissionsTabs{
    background: none !important;
    left: -40px;
    top: -3px;
    position: relative;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid darkgrey;
    width: 537px;
}

.hypersign_scoreboard{
    height: 100% !important;
    border-radius: 0px !important;
}

.hideUntilSelect {
    display: none !important;
}

.chartTable {

}

.chartHead {

}

.chartField {
    width: 150px;
}

.pieBody {

}

.pieHeader {

}

.columnHeader {

}

.columnBody {

}

.lineBody {

}

.lineHeader {

}

#chartSelection {
    left: -68px;
    position: relative;
}

.chartContainer {
    text-align: left;
    overflow: auto;
}

.chartCell {

}

.chartModal {
    width: 242%;
    margin-left: -70%;
    height: 850px;
}

#chartDiv {

}

.chartPreview {

}

#previewArea {

}

.scoreboardModal{
    height: 70%;
}

.addNewDevice {
    position: fixed !important;
    right: 20px;
    margin-top: 45px !important;
    background: none !important;
}

.licenseType {

}

.zeroAvailableLicenses {
    color: red;
    font-weight: bold;
}

#deviceSaveErrors {
    color: red;
    padding: 0px 20px;
}

#deviceSaveErrorsWithCode {
    color: red;
    padding: 0px 20px;
}

#newGroupErrors {
    display: none;
    color: red;
    padding: 0px 20px;
}

.metrixx_logo{
    display: inline-block;
    background: url('../../images/metrix_logo.png') center no-repeat;
    width: 210px;
    height: 60px;
    margin-right: -11%;
}

.metrixx_title_and_selection{
    padding-bottom: 20px;
}

.metrixx_modal_header{
    height: 60px;
}

.device_monitoring_preview_image{
    text-align: center;
    margin-top: 16px;
    margin-bottom: 87px;
}

.licenseCard {
    display: none;
}

.licenseInfo {
    display: inline-block;
    width: 100%;
    text-align: left;
}

tspan {
    fill: orange !important;
}

.cardsContainer {

}

.alertPopover {
    margin-top: -130px !important;
}

.schedulePopover {
    margin-top: -35px !important;
}

.groupPopover {
    margin-top: -35px !important;
}

.groupSchedulePopover {
    margin-top: -35px !important;
}

.preChartData {

}

.prePreviewData {
    margin-top: 20%;
}

.chartInputFields {

}

.handsonContainer {
    width: 48%;
    display: inline-block;
    float: left;
    border-right: solid 1px black;
    height: 630px;
}

.previewContainer {
    width: 50%;
    float: right;
    display: inline-block;
}

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

.storedSettingsInfo {
    display: none;
}

.storedLicenseInfo {
    display: none;
}

.lc_licenseTypes {
    overflow: auto;
    height: 187px;
    margin-bottom: -20px;
}

.lc_licenseTypesPairing {
    overflow: auto;
    height: 100px;
    margin-bottom: -20px;
}

.contentPriority {
    display: inline-block;
}

.devices_top_part{
    height:295px;
 }

.licenseCardContainer{
    height: 258px;
}

.licenseCardRow{
    color: #999;
    padding: 12px;
    border-bottom: 1px solid silver;
    width: 94% !important;
    height: 30px;
}

.pairingCodeLabel{
    color: orange;
    font-size: 24px;
    text-align: center;
}

.pairingCodeDoneLabel{
    color: orange;
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px;
}

.pairingCode{
    color: orange;
    font-size: 48px;
    text-align: center;
}
.pairInstructions{
    text-align: center;
    color: grey;
    margin-bottom: 15px;
    padding: 5px;
}
#userEditModal {

}

.userEditDialog {
    margin-left: 24% !important;
}

.divider{
    border-bottom: 1px solid silver;
    width: 100%;
}

.individualLicense{
    float: left;
    width: 50%;
}

.dropzoneRenderContainer{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.dropzoneRenderContainer.Vertical{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.addLicenseButton{
    width: 90px;
    text-align: center;
    padding: 3px;
    cursor: pointer;
    position: absolute;
    left: 280px;
    top: 296px;
}

.allLicenseTypes{

}

.dropzone iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cke_contents_wysiwyg_editor iframe, #cke_contents_marquee_editor iframe {
    width: 85% !important;
    height: 50% !important;
}

.wysiwyg_summary_whitespace_fix, .marquee_summary_whitespace_fix {
    width: 40% !important;
    height: 22% !important;
}

.wysiwyg_body_whitespace_fix, .marquee_body_whitespace_fix {
    width: 57% !important;
    height: 22% !important;
}

.dropzone object, embed{

}

.unicast object{
    position: relative;
}

.livetv object{
    position: relative;
}

.group_device_content{
    cursor: pointer;
}

#facebook_button {
    width: 182px;
    height: 46px;
    background: url('../../images/facebook_button.png');
    background-size: contain;
}

#instagram_button {
    width: 182px;
    height: 35px;
    background: url('../../images/instagram_login.png');
    background-size: contain;
    border-radius: 5px;
}

#ig-response-body {
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    width: 100vw; 
    height: 100vh;
    background-color: #eaeaea;
}

.ig-status-container {
    background-color: white;
    border-radius: 20px; 
    width: 90%; 
    /* height: 20%;  */
    box-shadow: 5px 5px 5px grey; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content:center;
    margin: 1rem;
    padding: 1rem;
}

.status-light-disconnected {
    background-color: red;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin-right: 1rem;
}

.status-light-connected {
    background-color: forestgreen;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin-right: 1rem;
}

#googleOauthButton{
    width: 182px;
    height: 46px;
    background: url('../../images/btn_google_signin_dark_normal_web.png');
}

#googleOauthButton:hover{
    background: url('../../images/btn_google_signin_dark_focus_web.png');
}

#googleOauthButton:active{
    background: url('../../images/btn_google_signin_dark_pressed_web.png');
}

#microsoftOauthButton{
    width: 215px;
    height: 42px;
    background: url('../../images/btn_microsoft_signin_light_normal.png');
}

#microsoftOauthButton:hover{
    cursor:pointer;
}

#microsoftOauthButton:active{
    background: url('../../images/btn_microsoft_signin_light_normal.png');
}

#dropboxOauthButton{
    width: 215px;
    height: 42px;
    background: url('../../images/btn_dropbox_signin_light_normal_2.png');
}

#dropboxOauthButton:hover{
    cursor:pointer;
}

#dropboxOauthButton:active{
    background: url('../../images/btn_dropbox_signin_light_normal_2.png');
}

/* File Upload Notifications */
#notify {
    width: 492px;
    height: 220px;
    margin: 80px auto 80px auto;
    background: #EDEDED;
    border: 2px dashed #bcbec0;
    text-align: center;
    display: none;
    position: absolute;
    top: 85px;
    left: 59px;
    padding: 10px;
}

#notify > .info{
    width: 100%;
}

#notify > .uploadProgress{
    width: 444px;
    border: 1px solid #B3B3B3;
    height: 20px;
    margin: auto 5%;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 5%, #cccccc 78%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(78%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 5%,#cccccc 78%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 5%,#cccccc 78%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 5%,#cccccc 78%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 5%,#cccccc 78%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    */
}

#notify > .uploadProgress > .whiteLine {
    width: 442px;
    border: 1px solid white;
    height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#notify > .uploadProgress > .whiteLine > .bar{
    height: 18px;
    background: #fbb03b; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbb03b 46%, #f7931e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#fbb03b), color-stop(100%,#f7931e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbb03b 46%,#f7931e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbb03b 46%,#f7931e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbb03b 46%,#f7931e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbb03b 46%,#f7931e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb03b', endColorstr='#f7931e',GradientType=0 ); /* IE6-9 */
    width: 0%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#notify > .percent{
    text-align: center;
    width: 100%;
    padding: 6px;
    color: darkgray;
}

#notify > .info > .uploading_message{
    text-align: center;
    color: darkgrey;
    font-size: 20px;
    font-weight: 200;
    margin-top: 25px;
    width: 100%;
    font-family: arial, helvetica, verdana, sans-serif;
    color: #f7931e;
    font-size: 20px;
}

#notify > .info > .numbers {
    text-align: right;
    padding: 6px;
    color: #f7931e;
    font-family: arial, helvetica, verdana, sans-serif;
}

#notify > .info > .name {
    width: 100%;
    text-align: center;
    padding: 6px;
    font-size: 16px;
    font-family: arial, helvetica, verdana, sans-serif;
    color: darkgray;
}

#notify > .messages, #notify > .errors {
    width: 100%;
    text-align: center;
}

#notify > .notifyClose{
    width: 100%;
    height: 25px;
    text-align: right;
    cursor: pointer;
    text-decoration: none;
}

#notify > .notifyClose > img{
    outline: none !important;
}

#notify > .messages > .uploadComplete{
    color: #F78716;
    font-size: 20px;
}

#notify > .messages > .uploadNotifyMessage{
    color: #808080;
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 16px;
}

#showBlackout{
    position: absolute;
    z-index: 1000;
    background: black;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.rotate_right_button{
    position: absolute;
    top: 11px;
    right: 270px;
    height: 20px;
    width: 20px;
    background-image: url('../../images/rotate_right.png');
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

.rotate_right_button:hover{
    cursor: pointer;
    transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
}
.centerData {
    border: solid 2px lightgrey;
    width: 60%;
    min-width: 960px;
    margin: 0 auto;
    margin-top: 20px;
    height: 46%;
    background: white;
}

.leftData {
    border-right: solid 1px black;
    width: 50%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

.dataInfo {
    height: 100%;
}

.leftDataTopic {
    padding: 3px;
    height: 15%;
}

.rightData {
    width: 49%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

.dataHeader {
    text-align: center;
    text-align: center;
}

.rightDataLicenseType {
    font-size: 2em;
    color: grey;
    padding: 10px;
}

.pageContainer {
    overflow: auto;
    height: 100%;
}

.rotate_left_button{
    position: absolute;
    top: 11px;
    right: 300px;
    height: 20px;
    width: 20px;
    background-image: url('../../images/rotate_left.png');
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}

.rotate_left_button:hover{
    cursor: pointer;
}

.greyoutRotateButton{
    opacity: 0.4;
}

.layoutTabs{
    height: 100%;
    width: 100%;
    padding: 0px !important;
    border: none !important;
}

.horizontal_and_vertical_tabs{
    margin-bottom: -1px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    margin-top: 40px !important;
    order-bottom: 1px solid grey !important;
    order-bottom: 1px solid grey !important;

}

#horizontal{
    overflow: auto;
    height: 100%;
    background-color: #EDEDED;
}

#vertical{
    overflow: auto;
    height: 100%;
    padding-top: 40px;
    background-color: #EDEDED;
}

.Vertical{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.pairingPortalContainer {
    height: 100%;
    width: 100%;
}

.convertingAsset .name, .percentComplete{
    width: 31%;
    float: left;
    height: 20px;
    text-align: left;
}

.convertingAsset > .status{
    text-align: right;
    width: 31%;
    float: left;
}

.convertingAsset > .close{
    text-align: right;
    width: 5%;
    float: left;
    display: none;
}

.convertingAsset{
    padding: 5px;
    padding-top: 13px;
    height: 30px;
    border-bottom: 1px solid #dcdcdc;
    color: grey;
    width: 100%;
}

#conversionTab{

}

.conversion_and_tag_tabs{
    background: none !important;
    border: none !important;
}

.convertingAsset > .percentComplete > .conversionProgress{
    width: 100%;
    border: 1px solid #B3B3B3;
    height: 13px;
    margin: 3px 5% auto 5%;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 5%, #cccccc 78%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(78%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 5%,#cccccc 78%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 5%,#cccccc 78%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 5%,#cccccc 78%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 5%,#cccccc 78%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.convertingAsset > .percentComplete > .conversionProgress > .whiteLine {
    width: 99%;
    border: 1px solid white;
    height: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.convertingAsset > .percentComplete > .conversionProgress > .whiteLine > .bar{
    height: 11px;
    background: #fbb03b; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbb03b 46%, #f7931e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#fbb03b), color-stop(100%,#f7931e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbb03b 46%,#f7931e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbb03b 46%,#f7931e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbb03b 46%,#f7931e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbb03b 46%,#f7931e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb03b', endColorstr='#f7931e',GradientType=0 ); /* IE6-9 */
    width: 0%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

iframe
{
    position: absolute;
}

#conversionAndTagsTabs{
    height: 510px;
}

.activeFeed {
    color: white;
    display: block;
}

.inactiveFeed {
    display: none;
}

.rssFeedTitle {}

.rssItemTitle {}

.rssTitleContainer {
    text-align: left;
    background-color: white;
}

.rssTitleContainer a:link {
    color: black;
}

.rssTitleContainer a:hover {
    color: orange;
}

.rssMediaItems {
    float: left;
}

.rssItemDate {}

.rssItemBody {}

.rssItemBody div a {
    display: none;
}

.rssItemBody li img {
    display: none;
}

.rssItemBody a:link {
    color: white;
    font-weight: bold;
}

.rssItemBody a:hover {
    color: orange;
    font-weight: bold;
}

.rssItemBody img {
    float: left;
    padding: 5px;
    margin-top: -5px;
    width: 150px;
    height: 100px;
}

.rssBodyContainer {
    text-align: left;
}

.feedContainer {}

.rssMediaItem {
    display: inline-block;
    padding: 5px;
}

.rssMediaItem img {
    width: 150px;
    height: 100px;
}

.rssFeed {
    font-size: 16px;
    height: 100%;
    width: 2000px;
}

.titleDivider {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    color: black;
    font-weight: bold;
}

#fixWhiteSpace {
    cursor: pointer;
}

.hideRSSImage {
    display: none !important;
}

.vertical-flex-page-container{
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

.pageTitle{
    background: #858b91;
    height: 35px;
    font-size: 18px;
    color: #FFF;
    padding-top: 11px;
    padding-left: 11px;
}

.page-sidebar {
    background-color: #333E48;
    color: #fff;
    grid-row: 1/30;
    grid-column: 1/10;
    margin-top: 23px;
    height: calc(100% - 23px);
    width: 21%;
    position: relative;
}

.asset-manager-page-container{
    overflow: auto;
    width: 100%;
    margin-top: 40px;
    overflow: auto;
    width: 100%;
    margin-top: 40px;
    /* background-color: #BABABA; */
    background-image: -webkit-gradient( linear, left top, left top, color-stop(0.13, #545454), color-stop(1, #BEBEBE) );
    background-image: -o-linear-gradient(left top, #545454 13%, #BEBEBE 100%);
    background-image: -moz-linear-gradient(left top, #545454 13%, #BEBEBE 100%);
    background-image: -webkit-linear-gradient(left top, #545454 13%, #BEBEBE 100%);
    background-image: -ms-linear-gradient(left top, #545454 13%, #BEBEBE 100%);
    background-image: linear-gradient(to left top, #545454 13%, #BEBEBE 100%);
}

.cycle {
    width: inherit !important;
    height: inherit !important;
}

.snips-container {
    width: 100%;
    height: 100%;
}

.youtube-container {
    width: 100%;
    height: 100%;
}

.cycle li{
    width: 100% !important;
    text-align: center;
    height: 100% !important;
    margin-left: 0 !important;
    list-style-type: none;
}

.fullscreen-horizontal-snips {
    width: 100% !important;
    height: inherit !important;
}

.fullscreen-horizontal-snips img {
    width: 100%;
    height: inherit;
}

.fullscreen-vertical-snips {
    width: 100% !important;
    height: inherit !important;
}

.fullscreen-vertical-snips img {
    width: 100%;
    height: inherit;
}

#snips-tabs {
    display: inline-block;
    vertical-align:top;
    color: white;
    text-align: center;
    position: absolute;
    margin-left: -85px;
    background: darkgrey;
    cursor: pointer;
    margin-top: -1px;
}

.snips-tab {
    padding: 20px;
}

.snips-divider {
    margin: 0px;
}

.current-snips-tab {
    background: lightgrey;
}

#picasa-modal {
    display: none;
}

.modal-error {
    width: 50%;
    text-align: center;
    margin-left: auto ;
    margin-right: auto ;
}

#assetDeleteErrorModal #assetDevices {
    float: left;
    width: 50%;
}

#assetDeleteErrorModal #assetGroups {
    float: right;
    width: 50%;
}

#assetDeleteErrorModal .clear {
    clear: both;
}

.assetsInUseList {
    list-style-type: none;
}

.assetsInUseList h5 {
    font-weight: bolder;
}

#appStationGuide, #appStationParameters {
    width: 80%;
}

#appStation {
    border: 1px solid #ddd;
    border-radius: 4px;
    max-height: 500px;
    overflow-y: scroll;
}

#appStation .row {
    margin: 0;
}

.appEntry {
    background-color: transparent;
    border-radius: 4px;
}

.appEntry.selectedApp {
    background-color:rgba(102, 204, 255,0.5);
}

#appStation .thumbnail {
    border: none !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0;
}
#appStation .thumbnail>img {
    height: 250px;
    width: 250px;
}
#appStation .caption>h3 {
    margin-top: 0;
}

#appParams .form-group {
    width: 50%;
}

#appParams .childParam {
    padding-top: 12px;
    padding-left: 20px;
}

#appParams .error {
    border: 2px solid red !important;
}

/*jquery ui date picker override*/

.ui-datepicker {
    background-color: whitesmoke;
}


.loading-gif {
    background: url('../../images/loading.gif') center no-repeat;
}

/*iframe dropzone edit*/
.html5-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #faa629;
    color: #FFFFFF;
    height: 100%;
    width: 100%;
}

.html5-container {
    width: 90%;
}

.html5-icon-container {
    height: 100px;
    margin-bottom: 10px;
}

.html5-icon {
    height: 100%;
}

.html5-url-container {
    word-break: break-all;
}


.vbrick-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #03173E;
    color: #FFFFFF;
    height: 100%;
    width: 100%;
}

.vbrick-container {
    width: 90%;
}

.vbrick-icon-container {
    height: 100px;
    margin-bottom: 10px;
}

.vbrick-icon {
    height: 100%;
}

.vbrick-url-container {
    word-break: break-all;
}






























/*countdown dropzone class*/
.countdown-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #faa629;
    color: #FFFFFF;
    height: 100%;
    width: 100%;
}

.countdown-container {
    width: 90%;
}

.countdown-icon-container {
    height: 100px;
    margin-bottom: 10px;
}

.countdown-icon {
    height: 100%;
}

.countdown-url-container {
    word-break: break-all;
}

.contentStore-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #708090;
    color: #FFFFFF;
    height: 100%;
    width: 100%;
}

.contentStore-container {
    width: 90%;
}

.contentStore-icon-container {
    height: 100px;
    margin-bottom: 10px;
}

.contentStore-icon {
    height: 100%;
}

.contentStore-url-container {
    word-break: break-all;
}

.dropbox-btn {
    border-radius: 5px;
    height: 20px;
    padding: 6px 20px;
    border: 1px solid #ccc;
}
.dropbox-btn:hover {
    background-color: #eee;
}

.stack-manage-tags {
    margin-top: -30px!important;
    background-color: transparent!important;
    position: absolute;
    /*left:35%;*/
    right:60%;
}

.content-edit-search {
    margin-top: 0px!important;
}

.stack-asset-search {
    margin-top: 0px!important;
    width:95%;
    /*border:0;*/
}

.asset-preview-container {
    position: relative;
    text-align: center;
}

.asset-preview-text {
    z-index: 5;
    position: absolute;
    top: calc(100% - 12px) !important;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 17px;
    background-color: #ffffff;
    color: inherit!important;
    width: 98%;
    height: 21px;
    border-radius: 12px;
    transition: all 0.5s ease-out;
    display: none;
}

.inview.asset-preview-text {
    display: inherit;
}

.lifevue_page {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lifevue_top-space {
    height: 81px; /* top margin space */
    flex-shrink: 0;
}

.lifevue_main-content {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
}

.lifevue_main-content p {
    font-size: 24px;
    margin: 0;
    font-family: sans-serif;
}

.btnLeft {
    float:left;
}

.zoom-in {
    cursor: zoom-in;
}

.selectedBg {
    background-color: #FFA76C!important;
}

.selectOrderedBg {
    background-color: #FFA76C!important;
}
.vb-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border: solid thin lightgrey;
    background-color: #fff;
    height: 300px;
    overflow-y: scroll;
}
.vb-list-item {
    margin: 0.5em;
    padding: 0.5em;
    background: #e9e7e791;
    max-width: 400px;
    cursor: move;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.vb-name {
    margin-left: 1.5em;
}

.vb-img {
    height: 50px
}


@media screen and (max-width: 1820px) {

    #hypersignSearchTags {
        width: 95%;
    }
}
@media screen and (max-width: 1512px) {

    #stackAssetTagNameSearchContainer {
        width: 55%;
    }

    #hypersignSearchTags {
        width: 70%;
    }

    #dropboxSearchTags {
        width: 70%;
    }
}


 /* start of multi-select dropdown css*/
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.multiselect {
    width: 250px;
    font-size: 15px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: 0.2s;
    outline: none;
    margin-left:26%;
    margin-right:5px;
    float:left;
 }

.multiselect:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.multiselect.active {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid transparent;
}

.multiselect > .title {
    cursor: pointer;
    height: 16px;
    padding: 6px;
}

.multiselect > .title > .text {
    max-width: 130px;
    max-height: 25px;
    display: block;
    float: left;
    overflow: hidden;
    line-height: 1.3em;
}

.multiselect > .title > .expand-icon,
.multiselect > .title > .close-icon {
    float: right;
    border-radius: 50%;
    padding: 0 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 700;
    transition: 0.2s;
    display: none;
    margin-top:-3px;
}

.multiselect.selection > .title > .expand-icon {
    display: none;
}

.multiselect > .title > .expand-icon,
.multiselect.selection > .title > .close-icon {
    display: block;
}

.multiselect > .title > .close-icon:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: rgb(203, 32, 32);
    color: #fff;
}

.multiselect > .title > .expand-icon:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #7ed79e;
    color: #fff;
}

.multiselect > .container {
    max-height: 200px;
    overflow: auto;
    margin-top: 4px;
    margin-left: -1px;
    width: 220px;
    transition: 0.2s;
    position: absolute;
    z-index: 99;
    background: #fff;
    /*border: 1px solid transparent;*/
    /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
}

.multiselect.active > .container {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 0;
}

.multiselect:hover > .container {
    border-top-color: rgba(0, 0, 0, 0.3);
}

.multiselect.active:hover > .container {
    border-color: rgba(0, 0, 0, 0.3);
}

.multiselect > .container > option {
    display: none;
    padding: 5px;
    cursor: pointer;
    transition: 0.2s;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.multiselect > .container > option.selected {
    background: #FFA76C;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
}

.multiselect > .container > option:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
}

.multiselect.active > .container > option {
    display: block;
}
/* end of multi-select dropdown css*/

/*classes for group settings popup buttons*/
.btnGroupSettingsDelete {
    border-radius: 5px;
    font-size: 12px!important;
    font-style: normal;
    width: 110px;
    float: right;
    height: 23px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFA76C;
    color: #fff;
}

.btnGroupSettingsEdit {
    border-radius: 5px;
    font-size: 12px!important;
    font-style:normal;
    width:110px;
    height: 23px;
    margin-left: 10px;
    background-color: #FFA76C;
    color: #fff;
}

.inputGroupName {
    width: 170px;
    height: 20px
}
/*end of classes for group settings popup buttons