.slider-temp-range .slider-handle {
    background: #444;
}

.live-sidebar, .live-sidebar > .box {
    height: 95%;
}

.live-sidebar .box-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.notify-icon span{
    display: inline-block;
    border: 10px solid green;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    animation: pulse .6s 1 forwards;
    transform-origin: center center;
    z-index: 10;
}

.danger-icon span{
     display: inline-block;
     border: 10px solid red;
     border-radius: 50%;
     height: 24px;
     width: 24px;
     animation: pulse .6s 1 forwards;
     transform-origin: center center;
     z-index: 10;
 }

@keyframes pulse{
    0%{
        transform: scale(0.1);
        opacity: 1;
    }
    50%{
        opacity: .5;
    }
    100%{
        transform: scale(5);
        opacity: 0;
    }
}

.frames .info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.frames .info h4 {
    margin: 0 0 5px;
    color: #777;
}

.frames .info .list-group {
    padding-left: 0;
    margin-bottom: 0;
}

.panel-heading.panel-heading-default > h3 > small {
    color: transparent;
}

.leaflet-marker-icon.leaflet-div-icon {
    background: none;
    border: 0;
    color: blue;
    font-size: 18px;
}

.md-select-fix {
    padding-top: 45px;
}

table.md-primary.stickers-live > tbody > tr > td.status-col {
    min-width: 200px;
}

.label-width {
    width: 72px;
}

.label-width-x2 {
    width: 144px;
}

.label-width-full {
    width: 100%;
}

.col-no-padding {
    padding-left: 0;
    padding-right: 0;
}

.left-padding-3 {
    padding-left: 3px;
}

.slider.slider-horizontal {
    width: 100%;
}

.table-size-limit {
    max-height: 1245px;
    overflow: auto;
}

.map-placeholder {
    min-height: 300px;
}

.status-col > p.btns {
    padding-top: 5px;
}

.status-col btn {
    padding-top: 5px;
}

table.md-primary.stickers-live > tbody > tr > td {
    min-width: 20px;
}

table[md-data-table]:not([md-row-select])>tbody>tr>td:nth-child(n+2):nth-last-child(n+2), table[md-data-table]:not([md-row-select])>tfoot>tr>td:nth-child(n+2):nth-last-child(n+2), table[md-data-table]:not([md-row-select])>thead:not([md-table-progress])>tr>th:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 3px;
}

.select-max-width {
    max-width: 200px;
}

.ui-view-container {
    min-height: 100%;
}

.logo-lg img {
    width: 50px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.logo-lg b {
    font-stretch: 25px;
    font-weight: 600;
    padding-top: 3px;
}

md-dialog-content {
    padding: 24px;
}

form[name="filter.form"] {
    padding: 3px;
    margin-left: 10px;
}

form[name="filter.form"] input {
    padding: 3px;
    margin-top: 5px;
}

md-dialog {
    min-width: 500px;
}

.login-page {
    padding-top: 10%;
}

.login-box, .register-box {
    margin: 0 auto;
}

.dialog-form .md-button {
    height: 40px;
    margin-top: 15px;
}

.md-contact-suggestion img, .md-contact-avatar img {
    vertical-align: inherit;
    width: 32px;
    height: 32px;
}

.md-autocomplete-suggestions-container {
    width: 500px;
}

.md-contact-suggestion .md-contact-name {
    width: 250px;
}

.main-sidebar, .left-side {
    z-index: 79;
}

.barcode {
    max-width: 200px;
    margin: 3px;
}

.qrcode {
    max-width: 50px;
    margin: 3px;
}

.qrcode2 {
    width: 100px;
    margin: 3px;
}

.barcode.blank {
    max-width: 50px;
}

.qrcode.blank {
    max-width: 50px;
}

.clickable {
    cursor: pointer;
}

.panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}

.relative {
    position: relative;
}

.timeline article {
    overflow: visible;
}

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

.list-group {
    max-height: 500px;
    overflow: auto;
}

.map-stats {
    min-height: 500px;
}

.sparkbar.pad i.glyphicon {
    font-size: 40px;
}

.description-block {
    font-size: 20px;
}

.description-block .description-header {
    font-size: 30px;
    font-weight: 700;
}

.customer-template {
    min-width: 150px;
}

.customer-template span {
    font-size: 20px;
    color: #111;
}

.customer-template small {
    margin-left: 50px;
    font-size: 20px;
    font-style: italic;
}

md-input-container input[type=checkbox] {
    width: 200px;
}

fieldset legend {
    font-size: 16px;
}

.leaflet-popup-content {
    overflow-wrap: break-word;
}

.md-pagination-select {
    border: none;
    margin-right: 30px;
}

.bg-info {
    background-color: #479ac8;
}

.map .description-block {
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px;
}

.map > .row > div:first-child {
    padding-right: 0;
}

.map > .row > div:last-child {
    padding-left: 0;
}

.profile-user-img {
    margin: 0 auto;
    width: 200px;
    padding: 3px;
    border: 3px solid #d2d6de;
}

.md-title select {
    display: inline-block;
    width: auto;
}

.info-box {
    cursor: pointer;
}

.custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
}

.custom-popup-wrapper > .message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686;
}

.custom-popup-wrapper > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.qrcode {
    display: block;
    margin: 24px auto 16px;
    max-width: 100%;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.route-map-iframe {
    border-style: none;
    width: 100%;
    height: 550px;
}

.route-dialog {
    height: 700px;
    width: 80%;
}

md-backdrop {
    top: 0;
}

body {
    top: 0 !important;
}

table[md-data-table]>tbody>tr.md-selected {
    background-color: rgba(68, 141, 188, 0.15);
}

.text-warning-2 {
    color: #ed921e;
}

div.blue-circle {
    background-color: #ffffff;
    border-color: #3c8dbc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    width:7px;
    height:7px;
}

.leaflet-marker-icon {
    z-index: 999 !important;
}

table.clone thead tr:last-child th {
  border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
}

table.clone + md-table-container table tbody tr:first-child td {
  border-top: none;
}

.panel-footer .btn-info {
    margin-right: 5px;
}

.panel-body .form-group label {
    width: 100%;
}

.auto-complete-error {
    cursor: default !important;
    color: #a94442;
}

.auto-complete-error:hover {    
    text-decoration: none;
    color: #a94442 !important;
}

.dashboard .md-pagination-select {
    display: none;
}

#notifications .md-label {
    width: 440px;
}

.marker-icon-top-z-index {
    z-index: 1900 !important;
}

.leaflet-shadow-pane {
    visibility: hidden;
}

.md-chips {
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 0 0 4px 3px;
}

.md-chips md-chip {
    height: 24px;
    line-height: 24px;
}

.md-chips md-chip .md-chip-remove {
    width: 24px;
    height: 24px;
}

.md-chips md-chip .md-chip-remove md-icon {
    top: 35%;
    left: 40%;
}

.md-chips .md-chip-input-container:not(:first-child) {
    margin: 4px 4px 0 0;
}

.form-tags {
    height: 107px;
}

.form-tags md-chips-wrap {
    height: 100%;
}

.info-box.info-box2 {
    cursor: default;
}

.info-box2 .info-box-icon {    
    font-size: 30px;
}

.info-box2 i.fa {
    font-size: 30px;
}

.bw-icons {
    right: 50px;
    position: relative;
}

.bw-icons i {
    color: black;
}