body {
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}

#main-header {
    height: 85px;
    position: relative;
    z-index: 905;
    border-top: 5px solid #EE3524;
    background:  #231F20;
}

#main-header-logo {
    position: absolute;
    top: 17px;
    left: 10px;
    white-space: nowrap;
}

#main-header-logo a {
    text-decoration: none;
    display: inline-block;
}

#main-header-logo img {
    height: 46px;
    display: inline-block;
    vertical-align: baseline;
}

#main-header-logo .title {
    font-family: "Open Sans", Sans-Serif, serif, Arial;
    font-weight: 500;
    font-size: 29px;
    line-height: 30px;
    color: #EE3524;
    position: absolute;
    top: 11px;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 10px;
}

#main-header-nav {
    position: absolute;
    top: 23px;
    right: 15px;
    height: 40px;
}

.main-header-nav-item {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 10px;
    vertical-align: top;

}

#main-header-nav .text-link {
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

.main-header-nav-item .badge {
    color: white;
    background-color: #7b7979;
}

.main-header-button {
    height: 30px;
    width: 30px;
    overflow: hidden;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
}

.main-header-profile-button img {
    height: 28px;
    display: block;
}

.main-header-collapse-menu-button {
    display: none;
    font-size: 20px;
}

@media (max-width: 979px) {
    .main-header-collapse-menu-button {
        display: inline-block;
    }

    #main-header-nav .text-link {
        display: none;
    }
}

.main-header-collapse-menu-button a {
    color: #7b7979;
}

.hidden-menu .main-header-collapse-menu-button {
    background-color: #7b7979;
    border-color: #7b7979;
}

.hidden-menu .main-header-collapse-menu-button a {
    color: #ccc;
}


#left-panel {
    padding-top: 82px;
}

.form-horizontal label,
.form-inline label {
    font-weight: 700;
}

.space-below {
    margin-bottom: 20px;
}

.chart-dashboard {
    height: auto;
    margin: 0;
    margin-bottom: 13px;
    text-align: center;
    line-height: 100px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
}

.chart-dashboard canvas {
    position: absolute;
    left: 50%;
    margin-left: -50px;
}

.chart-dashboard-description {
    text-align: center;
    height: 3em;
}

.avtech-logo {
    margin-top: 15px;
    margin-right: 5px;
}

.avtech-logo img {
    height: 20px;
}

.content-footer {
    height: 52px;
    padding: 15px 14px 0;
    background: #2a2725;
    position: absolute;
    bottom: -52px;
    width: 100%;
}

.login-info a span {
    text-transform: none;
}

.login-info a img {
    background-color: #7b7979;
    border: none;

}

.login-info > span {
    padding-left: 12px;
}

#logo-group {
    white-space: nowrap;
}

#logo {
    margin-top: 10px;
    margin-left: 6px;
    text-decoration: none;
}

#logo img {
    vertical-align: baseline;
}

#logo .title {
    font-family: "Open Sans", Sans-Serif, serif, Arial;
    font-weight: 500;
    font-size: 29px;
    line-height: 30px;
    color: #EE3524;
    position: absolute;
    top: 11px;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 10px;
}


#user-company-logo {
    padding-top: 12px;
    padding-left: 50px;
}

#user-company-logo img {
    height: 25px;
}


.report-channel-list {
    padding-left: 25px;
    font-size: 16px;
    margin-bottom: 20px;
}

.report-channel-list li {
    list-style: none;
    margin: 0;
    position: relative;
    margin-bottom: 0.5em;
}

.report-channel-item-controls {
    margin-left: 0.5em;
    white-space: nowrap;
}

.report-channel-item-controls a {
    color: #333;
    opacity: 0.25;
}

/* SPECTRUM COLOR PICKER OVERRIDE STYLES */

.report-channel-list .sp-replacer {
    position: absolute;
    top: 0.30em;
    left: -20px;
    border: none;
    border-radius: 0;
    padding: 0;
}

.report-channel-list .sp-preview {
    height: 0.75em;
    width: 0.75em;
}

.report-channel-list .sp-preview-inner {
    height: 0.75em;
    width: 0.75em;
}


.dygraph-label {
    font-size: 10px;
    text-transform: uppercase;
}

.dygraph-axis-label {
    font-size: 10px;
}

.dropbox {
    position: relative;
}

.dropbox-body {
    top: 100%;
    left: 0;
    margin-top: 2px;
    display: none;
}

.dropbox-body-right {
    left: auto;
    right: 0;
}

.dropbox-body.popover {
    max-width: none;
}

.saved-report-list {
    margin-bottom: 0;
}

.saved-report-list li {
    margin: 4px 0;
    white-space: nowrap;
}

.saved-report-list a:nth-child(1) {
}

.saved-report-list a:nth-child(2) {
    margin-left: 0.25em;
}

.saved-report-name {
    color: #333;
}

.report-link-disabled {
    text-decoration: none;
    pointer-events: none;
    cursor: default;
    color: #ccc;
    font-style: italic;
}

select.always-inline,
input.always-inline,
.form-control-static.always-inline {
    width: auto;
    display: inline-block;
}

.report-title {
    display: inline;
    margin-top: 10px;
}

.report-title h1 {
    display: inline;
    vertical-align: baseline;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 0;
}

.report-title h1:hover {
    background-color: rgba(66, 139, 202, 0.25);
}


.report-title a {
    color: #333;
    vertical-align: baseline;
    font-size: 18px;
}

.report-title a:hover {
    color: #000;
}

.report-title-edit-button {
    margin-left: 10px;
}

.report-action-button-bar {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.report-action-button-bar a {
    color: #999;
}


label input[type=checkbox].checkbox:checked + span {
    font-weight: 400;
}

.alert-list {

}

.alert-list-delete {
    color: #333;
}

.alert-danger a {
    color: #333;
}

.alert-list-glyph {
    padding: 0px 10px 0px 0px;
}

tr.alert-deactivated > td {
    color: #ccc;
    font-style: italic;
}

tr.alert-deactivated > td a {
    text-decoration: none;
    pointer-events: none;
    cursor: default;
    color: #ccc;
    font-style: italic;
}

a.deleteSubscriptionUserButton {
    cursor: pointer;
}


tr.alert-deactivated > td a.deleteAlertButton {
    text-decoration: underline;
    pointer-events: auto;
    cursor: pointer;
    color: #428bca;
}

.device-details-property-list {
    font-size: 16px;
}

.device-details-property-list td {
    padding-top: 5px;
    padding-bottom: 5px;
}


.device-details-property-list td:first-child {
    font-size: 12px;
    text-align: right;
    color: #999;
}

.device-details-property-list td:last-child {
    padding-left: 10px;
}

.adn-date-picker {
    white-space: nowrap;
}

#extr-page #header #logo {
    position: absolute;
    top: 17px;
    left: 10px;
    white-space: nowrap;
}

#extr-page #header #logo img {
    /*width: 280px;*/
    height: 46px;
}

#extr-page #header .avtech-logo {
    margin-right: 0;
}

#extr-page #header .avtech-logo img {
    height: 25px;
}

#extr-page #header .extra-page-menu-group {
    float: right;
    margin-top: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    top: -9px;
    right: 10px;
}

#extr-page #header .extra-page-menu-group .nav-item {
    margin: 0 8px;
}

#extr-page #header .extra-page-menu-group .nav-item .text-link {
    text-decoration: none;
    color: black;
    font-weight: normal;
    font-size: small;
    font-family: "Open Sans", sans-serif;
}

#extr-page #header .login-link {
    color: white;
}

#extr-page #header .register-link {
    margin-right: 8px;
}


.form-control-static {
    margin-bottom: 5px;
}

.hr-dark {
    border-color: #ccc;
}

.no-wrap {
    white-space: nowrap;
}

.help-link {
    color: #AAA;
    margin: 0 0.5em;
}

.form-inline .help-link,
.form-group .help-link {
    font-size: 18px;
    position: relative;
    top: 0.1em;
}

.sensor-title input {
    margin: 0;
    padding: 0;
}

.sensor-title * {
    vertical-align: middle;
}

.sensor-title-edit-button {
    position: relative;
    top: -2px;
    margin-left: 5px;
}

.adn-device-online {
    color: #008b45;
}

.adn-device-offline,
.adn-device-transferred {
    color: grey;
}

.adn-device-disabled {
    color: red;
}

.outOfDate {
    color: orange;
    text-decoration: none !important;
}

.outOfDate:hover {
    color: orange;
}

.upToDate {
    color: #008b45;
}

.expired {
    color: red;
}

.space-above {
    margin-top: 30px;
}

#chart-container {
    position: relative;
}

#chart-legend {
    position: absolute;
    display: none;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #EEE;
    z-index: 20000;
    -moz-box-shadow: 3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc;
}

.chart-legend-left {
    position: absolute;
    top: 10px;
    left: 10px;
    right: auto;
}

.chart-legend-right {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
}

.chart-no-data-container {
    height: 100%;
    position: relative;
}

.chart-no-data-container img {
    width: 100%;
    height: 100%;

}

.chart-no-data-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 20px;
}

.chart-no-data-message h2 {
    margin-bottom: 5px;
}

.chart-loading-container {
    height: 100%;
    padding-top: 100px;
}

.active-hidden-menu {
    display: none;
}


.subscription-selection {
    height: 40px;
    border-bottom: 1px solid #525151;
}

.subscription-selection-text {
    height: 39px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    width: 100%;
    position: relative;
    white-space: nowrap;
    padding: 10px 13px 0 13px;
}

a.subscription-selection-text:hover,
a.subscription-selection-text:focus,
.dropdown.open a.subscription-selection-text {
    color: #ccc;
    text-decoration: none;
}

.subscription-selection .dropdown > a {
    overflow: hidden;
}

.subscription-selection .dropdown-menu {
    max-width: 220px;
}

.subscription-selection .dropdown-menu a {
    padding-left: 10px;
    overflow: hidden;
}


.subscription-selection-text i {
    position: absolute;
    top: 13px;
    right: 10px;
    z-index: 15;
}

.subscription-selection-text::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 100%;
    z-index: 10;
    background: -moz-linear-gradient(left, rgba(58, 55, 52, 0) 0%, rgba(58, 55, 52, 1) 51%, rgba(58, 55, 52, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(58, 55, 52, 0) 0%, rgba(58, 55, 52, 1) 51%, rgba(58, 55, 52, 1) 100%);
    background: linear-gradient(to right, rgba(58, 55, 52, 0) 0%, rgba(58, 55, 52, 1) 51%, rgba(58, 55, 52, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003a3734', endColorstr='#3a3734', GradientType=1);
}

.pricing-table .the-price {
    font-size: 24px;
}

.pricing-table .the-price .subscript {
    font-size: 14px;
}

.panel-primary .the-price .subscript {
    color: #fff;
}

.panel-danger .the-price .subscript {
    color: #EE3524;
}

.panel-danger .the-price {
    background-color: rgba(150, 6, 0, .1);
    box-shadow: 0 1px 0 #c39e9f, inset 0 1px 0 #f5eeee;
    padding: 20px;
    margin: 0;
}

.pricing-table .panel-danger {
    border-width: 1px;
    border-color: #EE3524;
    box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, .2);
}


.product-pricing td {
    text-align: center;
}

.product-pricing td.product-pricing-label {
    text-align: left;
}

.product-pricing tr.stripe td {
    background-color: #f9f9f9;
}

.product-pricing h2 {
    font-size: 18px;
    color: #EE3524;
    margin: 0 0 5px 0;
}

.product-pricing .price-line-yearly {
    background-color: #ffd5d0;
    font-size: 10px;
    padding: 5px;
    color: #EE3524;
    border-radius: 5px;
    margin-bottom: 5px;
}

.product-pricing .free-tier h2 {
    color: #000 !important;
}

.product-pricing .free-tier .price-line-yearly {
    color: #000 !important;
    background-color: #eee;
}

.product-pricing .price-line-yearly .price {
    font-size: 18px;
}

.product-pricing .price-line-monthly {
    font-size: 10px;
    margin-bottom: 5px;
}

.product-pricing .price-most-popular {
    background-color: #EE3524;
    color: #FFF;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    padding: 12px 0;
}

.product-pricing.table tr.section-header td {
    text-align: left !important;
    padding-left: 0 !important;
    padding-top: 15px !important;
}


.product-pricing.table tr.price-highlight-row td {
    background-color: transparent !important;
    border-top: 0 !important;
    padding: 0 !important;
}

.no-close-report-dialog .ui-dialog-titlebar-close {
    display: none;
}


/* Custom CSS for small size only.*/


@media all and (max-width: 768px) {

    #main-page #header {
        height: auto;

    }

    #main-page #header #logo-group {
        height: auto;
        float: none;
        display: block;
        width: auto !important;
    }

    #main-page #header #logo {
        width: auto;
        display: inline;
        margin-top: 10px;
    }

}

table.subscription-summary-table tr td {
}

.table-key-value td:first-child {
    color: rgb(153, 153, 153);
    width: 30%;
}

.no-margin-heading {
    margin: 0;
}

.adn-panel-danger {
    border-color: #a90329;
}

.adn-panel-info .panel-heading {
    background-color: #D8F1FD;
}

.adn-panel-danger .panel-heading {
    background-color: #a90329;
    color: #FFF;
}

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

.dim {
    opacity: 0.5;
}


.device-location-cell .adn-edit-in-place-form input {
    width: 100%;
}

.device-location-cell .location-text,
.device-location-cell input.form-control {
    display: inline-block;
    width: 100%;
    height: 24px;
    padding: 2px 8px;
    font-size: 12px;
    vertical-align: bottom;
}

.device-location-cell .location-text {
    border: 1px solid #ccc;
    overflow: hidden;
}

.device-location-cell .location-text:hover {
    cursor: text;
    background-color: #fff;
}

.device-map-list tr {
    color: #999;
}

.device-map-list .device-on-map {
    cursor: pointer;
    color: #333;
}

.scroll-box {
    overflow-y: scroll;
    max-height: 50vh;
    border: lightgray solid 2px;
    padding: 1em;
    border-radius: 5px;
}

.min-req {
    font-size: 0.8em;
    text-align: center;
    color: #999;
}

.reseller-logo {
    background-color: #e2e2e2;
    width: 100%;
    padding: 10px
}


.gtmd-alert-card {
    display: block;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.nohover {
    cursor: default;
}

.gtmd-alert-card:not(.nohover):hover {
    text-decoration: none;
    color: inherit;
    border-color: #428bca;
}

.gtmd-alert-card-suspended {
    color: #CCC;
}

.gtmd-alert-card-suspended:hover {
    color: #CCC;
}

.gtmd-alert-card-header {
    margin-bottom: 1em;
}

/* Long text fades at right. */
.gtmd-alert-card .gtmd-alert-card-header::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 35%;
    width: 100px;
    content: '';
    z-index: auto;
    background: -moz-linear-gradient(left, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 1) 50%, rgba(251, 251, 251, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 1) 50%, rgba(251, 251, 251, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 1) 50%, rgba(251, 251, 251, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fbfbfb', endColorstr='#fbfbfb', GradientType=1); /* IE6-9 */
}

.gtmd-alert-card-title {
    font-size: 1.5em;
    font-weight: 300;
}

.gtmd-alert-card-source {
    font-size: 0.8em;
    font-weight: 600;
}


.gtmd-alert-card-body {
    margin-bottom: 0.7em;
}

.gtmd-alert-card-body:after {
    content: "";
    display: table;
    clear: both;
}

.gtmd-alert-card-body > div {
    width: 48%;
    text-align: center;
    padding: 5px 0 5px 0;
    border-radius: 5px;
}

.gtmd-alert-card-condition {
    background-color: #EEE;
    float: left;
}

.gtmd-alert-card-status {
    float: right;
    background-color: rgba(20, 230, 0, 0.2);
    overflow: hidden;
}

.gtmd-alert-card-triggered .gtmd-alert-card-status {
    background-color: #EE3524;
    color: #fff;
}

.gtmd-alert-card-suspended .gtmd-alert-card-status {
    background-color: #EEE;
}

.gtmd-alert-card-suspended .pin-star-icon {
    color: #CCC;
}

.gtmd-alert-card-status-unavailable {
    background-color: #efe1b3;
}

.gtmd-alert-card-body-label {
    font-size: 0.7em;
    opacity: 0.4;
}


.gtmd-alert-card-body-value .value {
    font-size: 2em;
    font-weight: 300;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
}

.gtmd-alert-card-body-value .time-value {
    font-size: 1.5em;
}

.gtmd-alert-card-body-value .time {
    font-size: 0.7em;
}

.gtmd-alert-card-footer {
    height: 1.42857143em;
    overflow: hidden;
}

.gtmd-alert-card-footer:after {
    content: "";
    display: table;
    clear: both;
}

.gtmd-alert-card-footer-left {
    float: left;
}

.gtmd-alert-card-footer-right {
    float: right;
}


.gtmd-alert-detail {

}

.gtmd-alert-summary {
    text-align: center;
    position: relative;
}

.gtmd-alert-summary-edit-button {
    position: absolute;
    top: 10px;
    right: 10px;
}

.gtmd-alert-summary-infobox-button {
    position: absolute;
    top: 5px;
    right: 5px;
}

.gtmd-alert-summary-infobox {
    background-color: #eee;
    padding: 1em 0em 7.5em 0em;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
}


.gtmd-alert-summary-infobox .infobox-label {
    opacity: 0.5;
    position: absolute;
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, 0%);
}

.gtmd-alert-summary-infobox .infobox-value {
    font-weight: 300;
    font-size: 2.5em;
    position: absolute;
    top: 35px;
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, 0%);
    white-space: nowrap;
}

.gtmd-alert-summary-infobox .infobox-subvalue {
    position: absolute;
    top: 85px; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, 0%);
    white-space: nowrap;

}

.gtmd-alert-summary-infobox .infobox-time {
    position: absolute;
    top: 85px; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, 0%);
    white-space: nowrap;

}

.gtmd-alert-summary-infobox.infobox-status {
    background-color: rgba(20, 230, 0, 0.2);
}

.gtmd-alert-summary-infobox.infobox-status-suspended {
    background-color: #efe1b3;
}

.gtmd-alert-triggered .gtmd-alert-summary-infobox.infobox-status {
    background-color: #EE3524;
    color: #fff;
}

.gtmd-alert-triggered .gtmd-alert-summary-infobox.infobox-status-suspended {
    background-color: #EE3524;
    color: #fff;
}


.alert-action-list .alert-action {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.alert-action-list .alert-action .fa {
    color: #666;
}

.alert-action-list .alert-action-controls {
    display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 5px 8px;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    z-index: 1000;
}

.alert-action-list .alert-action-controls a {
    margin-left: 5px;
}

.alert-action-list .alert-action-controls a:first-child {
    margin-left: 0;
}


/* Long text fades at right. */
.alert-action::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px;
    z-index: 999;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,fbfbfb+100&0+0,1+75,1+100 */
    background: -moz-linear-gradient(left, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 1) 75%, rgba(251, 251, 251, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 1) 75%, rgba(251, 251, 251, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 1) 75%, rgba(251, 251, 251, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fbfbfb', endColorstr='#fbfbfb', GradientType=1); /* IE6-9 */
}


.alert-action-list .alert-action:hover .alert-action-controls,
.alert-action-list .alert-action:focus .alert-action-controls {
    display: block;
}


#camera-image-thumbnail-list .well {
    cursor: pointer;
}

.camera-image-thumbnail {
    text-align: center;
    overflow: hidden;
    background-color: #000
}

.camera-image-thumbnail img {
    height: 200px;
    position: relative;
    left: 100%;
    margin-left: -200%;
}

.gtmd-alert-action-suspended {
    background-color: #d3d3d3;
}

.gtmd-favorite-alert {
    color: #DAA520;
}


.dashboard-triggered-alert-title {
    font-weight: 300;
    line-height: 1em;
    font-size: 1.3em;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 5px;
}

.dashboard-triggered-alert-value {
    font-weight: 400;
    color: #fff;
    background-color: #EE3524;
    padding: 0 5px;
    border-radius: 4px;
}

.dashboard-triggered-alert hr {
    margin: 0 0 5px 0;
    border-top: 1px solid #e0e0e0;
}

/* Long text fades at right. */
.dashboard-triggered-alert .dashboard-triggered-alert-title::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    z-index: 999;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,fbfbfb+100&0+0,1+75,1+100 */
    background: -moz-linear-gradient(left, rgba(255, 221, 221, 0) 0%, rgba(255, 221, 221, 1) 75%, rgba(255, 221, 221, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 221, 221, 0) 0%, rgba(255, 221, 221, 1) 75%, rgba(255, 221, 221, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 221, 221, 0) 0%, rgba(255, 221, 221, 1) 75%, rgba(255, 221, 221, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fbfbfb', endColorstr='#fbfbfb', GradientType=1); /* IE6-9 */
}

.pin-star-icon {
    position: absolute;
    right: 20px;
    font-size: x-large;
    z-index: 999;
    top: 25px;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.open > .dropdown-menu {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
}

.dropdown-menu > li > span {
    padding: 3px 20px;
}

.alert-success .table > tbody > tr > th,
.alert-success .table > tbody > tr > td {
    border-top: 1px solid #b0c3a7;
}

.alert-list-table-view-triggered td {
    background-color: #FFCCCC !important;
}


/**************************
						Reports
							********************/

.report-date {
    height: 40px;
    padding: 5px;
    text-align: center;
    background: #e8edf1;
    border-color: #cfd4d8;
    overflow: hidden;
}

.report-date-label {
    font-size: 0.7em;
    opacity: 0.4;
}


.favorite-report {
    background-color: #def2f8;
    border-color: #46b8da;
    font-size: 0.9em;
}

.favorite-report-title {
    font-weight: 300;
    line-height: 1em;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 5px;
}

.favorite-report-value {
    font-weight: 400;
    color: #fff;
    background-color: #5bc0de;
    padding: 0 5px;
    border-radius: 4px;
}

.favorite-report hr {
    margin: 0 0 5px 0;
    border-top: 1px solid #46b8da;
}

.form .form-group:last-child {
    margin-bottom: 15px;
}

.neutral-link {
    text-decoration: none;
    color: inherit;
}

.pointable:hover {
    cursor: pointer;
}

.sensor-select-width-parent .sensor-select-width {
    width: 100%;
}

.text-warning-bright {
    color: #f0ad4e;
}