.engine-on {
    color: #75CC18;
}

.engine-off {
    color: #78808A;
}

.engine-stop {
    color: #FF9800;
}

.bold {font-weight: bold!important;}

#loadscreen {
    position: absolute;
    background-color: #fff;
    z-index: 9999999;
    width: 100%;
    height: 100%;
}

#loadscreen .logo {
    background-image: url("images/casa-logo.png");
    background-size: 280px 64px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 64px;
    margin-bottom: 15px;
}

#loading {
    position: absolute;
    background-color: rgba( 255, 255, 255, .5 );
    z-index: 9999999;
    width: 100%;
    height: 100%;
    display: none;
}

#loading .cssload-container {
    margin-top: 20%;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba( 255, 255, 255, .5 );
}
.loading .cssload-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


/* CHECKBOX */
#admin_users-editform .checkbox label:after,
#admin_users-editform .radio label:after {
    content: '';
    display: table;
    clear: both;
}

#admin_users-editform .checkbox .cr,
#admin_users-editform .radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    /*border-radius: .25em;*/
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

#admin_users-editform .radio .cr {
    border-radius: 50%;
}

#admin_users-editform .checkbox .cr .cr-icon,
#admin_users-editform .radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

#admin_users-editform .radio .cr .cr-icon {
    margin-left: 0.04em;
}

#admin_users-editform .checkbox label input[type="checkbox"],
#admin_users-editform .radio label input[type="radio"] {
    display: none;
}

#admin_users-editform .checkbox label input[type="checkbox"] + .cr > .cr-icon,
#admin_users-editform .radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

#admin_users-editform .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
#admin_users-editform .radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

#admin_users-editform .checkbox label input[type="checkbox"]:disabled + .cr,
#admin_users-editform .radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}


/* CHECKBOX */
.custombox.checkbox label:after,
.custombox.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.custombox.checkbox .cr,
.custombox.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    /*border-radius: .25em;*/
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}
    .custombox.radio .cr {
        border-radius: 50%;
    }

.custombox .radio .cr {
    border-radius: 50%;
}
.custombox.radio .cr-icon {
    margin-left: 1px!important;
}

.custombox.checkbox .cr .cr-icon,
.custombox.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 13%;
}
    .dropdown-menu .custombox.checkbox .cr .cr-icon, .dropdown-menu .custombox.radio .cr .cr-icon {
        left: -70%;
    }

#admin_users-editform .radio .cr .cr-icon {
    margin-left: 0.04em;
}

.custombox.checkbox label input[type="checkbox"],
.custombox.radio label input[type="radio"] {
    display: none;
}

.custombox.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.custombox.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    z-index: -1; /* fixes bug */
    transition: all .3s ease-in;
}

.custombox.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.custombox.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
    z-index: 1; /* fixes bug */
}

.custombox.checkbox label input[type="checkbox"]:disabled + .cr,
.custombox.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

/*bootstrap multiselect restyling*/

.multiselect-native-select .btn-group {
    width: 100%;
    color: #555;
}

    .multiselect-native-select button, .multiselect-native-select button:hover, .multiselect-native-select button:focus {
        background-color: #fff!important;
        box-shadow: none!important;
        border-color: #e7e7e7!important;
        text-align: left;
        color: #555;
    }
        .multiselect-native-select button .caret {
            float: right;
            margin-top: 7px;
            margin-right: -1px;
            border-top: 5px dashed #777;
        }
    .multiselect-native-select .multiselect-container {
        margin-top: -1px;
        padding: 4px;
        border-radius: 0;
        box-shadow: none!important;
        border-color: #e7e7e7;
        width: 100%;
    }
    .multiselect-container > li > a.multiselect-all label {
        font-weight: normal;
    }
    .multiselect-native-select .multiselect-container > li > a {
        margin: 0;
    }
    .multiselect-native-select .multiselect-container > li:hover > a, .multiselect-native-select .multiselect-container > li.active:hover > a {
        background-color: #eee!important;
    }
    .multiselect-native-select .multiselect-container > li.active > a {
        background-color: #fff;
        color: #555;
    }
    .multiselect-native-select .dropdown-menu .custombox.checkbox .cr .cr-icon, .multiselect-native-select .dropdown-menu .custombox.radio .cr .cr-icon {
        left: 13%;
    }
    .multiselect-container>li>a>label {
        padding: 5px 5px;
    }

    .multiselect-native-select .multiselect-search {
        outline: none;
        border-color: #e7e7e7;
    }
    .multiselect-native-select .form-control-feedback {
        top: 5px;
        right: 5px;
        width: 24px;
        height: 24px;
        line-height: 27px;
        color: #555;
    }
        .multiselect-native-select .form-group {
            margin-bottom: 4px;
        }

/*bootstrap multiselect restyling end*/


/* DATA TABLES */
.dataTables_scrollHeadInner, .dataTables_scrollFootInner {
    width: auto!important;
    padding-right: 0!important;
}

.dataTables_scrollHeadInner table:first-child, .dataTables_scrollFootInner table:first-child {
    width: 100%!important;
}

.dataTable thead th {
  font-size: 14px!important;
  padding-right: 18px!important;
}
.dataTable tr {
    /* cursor: pointer; */
}

.dataTable tr.selected td {
    background-color: #dae4ec !important;
}

/* DATE PERIOD PICKER */
.datepicker-group .datepicker-input {
    width: 137px !important;
    text-align: center;
}

.datepicker-group .form-control:focus {
    border-color: #e7e7e7;
}

.datepicker-group .datepicker-from {
    border-right-color: transparent;
}

.datepicker-group .datepicker-to {
    border-left-color: transparent;
}

.datepicker-group .input-group-addon.divider {
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    padding: 6px 2px;
}

/** TOP MENU **/
#topmenu {
    border-radius: 0;
    background-color: #283645;
    border-color: #283645;
    border: 0;
    height: 44px;
    min-height: 44px;
    margin-bottom: 0;
    background-color: #13293d;
    border-bottom: 3px solid #0A8EB9;
}

#topmenu .dropdown-menu {
    z-index: 44444;
    border: none;
}

#topmenu .dropdown-menu > li > a {
    padding: 8px 20px;
    font-size: 14px;
}

#topmenu .dropdown-menu > li > a:hover, #topmenu .dropdown-menu > li > a:focus {
    background-color: #56afce;
    color: #fff;
}

#topmenu .navbar-nav>li>a, #topmenu .navbar-brand {
    font-size: 15px;
    height: 44px;
}

#topmenu .navbar-nav.navbar-right > li > a {
    /*width: 50px;*/
    text-align: center;
}

#topmenu .navbar-nav.navbar-right > li > a > i {
    font-size: 18px;
    vertical-align: middle;
}

#topmenu .header-search .navbar-form {
    margin-top: 4px;
    padding: 0;
    overflow: hidden;
}

#topmenu .header-search.shown input {
    padding: 6px 12px;
    width: 230px;
    transition: width 0.5s ease;
}

#topmenu .header-search.shown button {
    background: rgba(255, 255, 255, 0.85);
    color: #000;
}

#topmenu .header-search input {
    border: none;
    width: 0;
    padding: 0;
    border-radius: 2px 0 0 2px;
    float: right;
    background: rgba(255, 255, 255, 0.85);
}

#topmenu .header-search button {
    margin: 0;
    border: none;
    padding: 7px 12px;
    background: transparent;
    color: #ccc;
    border-radius: 0 2px 2px 0!important;
    box-shadow: none!important;
}

#topmenu .header-search.shown input, #topmenu .header-search.shown button {
    background: #fff;
}

#topmenu .header-search button i {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

#topmenu .navbar-brand {
    padding: 4px 15px 5px 12px;
}

#topmenu.navbar-default .navbar-nav>li>a {
    color: #ccc;
    padding-top: 10px;
    padding-bottom: 11px;
}

#topmenu.navbar-default .navbar-nav>li>a:hover, #topmenu.navbar-default .navbar-nav>li.active>a, #topmenu.navbar-default .navbar-nav>li.open>a {
    background-color: #0A8EB9;
    color: #fff;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #0A8EB9;
    color: #fff;
}

#topmenu.navbar-default .navbar-nav>li>a {
    background-color: transparent;
    color: #ccc;
}

/*-- APP WRAPPER --*/
#app-wrapper {
    position: absolute;
    width: 100%;
    height: calc(100% - 44px);
    top: 44px;
    bottom: 0px;
}

/*-- SIDEBAR --*/
#sidebar {
    width: 280px;
    background-color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    position: absolute;
    top: 0px;
    z-index: 10;
    margin-top: 10px;
    margin-left: 10px;
    border-bottom: 3px solid #0A8EB9;
    display: none;
}

#sidebar .chosen-container .chosen-results {
    max-height: 350px;
}

#sidebar .title {
    background-color: #283645;
    color: #fff;
    padding: 5px;
}

#sidebar .sidebar-controls {
    display: inline-block;
    float: right;
}
#sidebar .sidebar-controls .dropdown-menu {
    left: 100%;
}

#sidebar .sidebar-controls i {
    font-size: 14px;
}

#sidebar #sidemenudropdown {
    margin-top: -3px;
    margin-bottom: -2px;
}

.sidebar-header {
    border-radius: 5px;
    color: #444;
    font-family: nino, Tahoma;
    height: 35px;
    line-height: 35px;
}

.sidebar-header .sidebar-title {
    padding: 0 10px;
}

.sidebar-header h4 {
    margin-top: 6px;
    margin-bottom: 6px;
}

#sidemenu .tab-group:first-child .tab-titel {
    border-top: none;
}
#sidemenu .tab-titel {
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    color: #676a6c;
    padding-left: 10px;
    font-size: 13px;
    border-top: 1px solid #e7eaec;
}

#sidemenu .tab-group.active .tab-titel {
    cursor: default;
    background-color: #fff;
    color: #283645;
}

#sidemenu .tab-titel i {
    margin-right: 5px;
}


#device-editform {
    padding: 10px 15px;
}

#device-editform > .row {
    margin: 0;
}

#device-editform .nav-tabs {
}

#device-editform .nav-tabs > li {
}

#device-editform .nav-tabs > li > a {
    border: none;
    border-bottom: 3px solid transparent;
    font-size: 14px;
    background-color: transparent;
}

#device-editform .nav-tabs > li.active > a {
    border-color: #0A8EB9;
}

#device-editform .nav-tabs > li > a:hover {
}

#device-editform .tab-content .tab-pane {
    margin: 20px 0 15px 0;
}

#device-editform .form-group {
    padding: 3px 0;
    border-bottom: 1px dashed #ddd;
    margin: 0;
}

#device-editform .form-group:last-child {
    border: none;
}

#device-editform .form-group > label {
    margin-top: 4px;
}

#device-editform .form-group > [class^="col-"]:first-child {
    padding-left: 0;
}

#device-editform .form-group > [class^="col-"]:last-child {
    padding-right: 0;
}

#device-editform .form-group .config-edit {
    padding: 7px 10px 6px 10px;
    border: none;
    border-radius: 50%!important;
    color: #777;
}

#device-editform #device_group_chosen .chosen-choices {
    border-color: #e7e7e7;
    box-shadow: none!important;
    background-image: none;
}

#device-editform #device_group_chosen .chosen-choices .search-choice {
    border-color: #ddd;
}

#device-editform #device-color > input {
    opacity: 0;
}

#device-editform #device-color > .input-group-addon {
    border: 1px solid #ddd;
}

#device-editform .flex {
    display: flex!important;
}


#device-editform .form-group .no-border {
    border: none!important;
    text-align: right;
    background: transparent!important;
}

#device-editform #device-icon {
    height: 35px;
    padding: 0;
}

#device-options {
    position: absolute;
}
    #device-options .dropdown-menu {
        right: auto;
        border: none;
        border-radius: 0;
        box-shadow: 0 1px 3px rgba(0,0,0,.25);
        /*padding: 0;*/
    }
    #device-options .dropdown-menu::before {
        content: " ";
        position: absolute;
        left: -7px;
        top: 0px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 10px 0;
        border-color: transparent #ffffff transparent transparent;
    }
    #device-options .dropdown-menu > li > a {
        padding: 5px 15px 5px 15px;
    }
    #device-options .dropdown-menu > li > a > i {
        margin-right: 10px;
    }

#remainder_active-table_filter, #remainder_ready-table_filter {
    display: none;
}

#tab-vehicles-reminders-active, #tab-vehicles-reminders-ready {
    margin-top: 0px!important;
}

#tab-vehicles-reminders table th {
    font-size: 13px;
}

#device-tab-drivers .row {
    height: 300px;
    overflow-y: overlay;
}

#device-tab-drivers .drivers-select-list select.default-driver {
    height: initial;
    margin-bottom: 5px;
}
#device-tab-drivers .drivers-select-list select:not(.default-driver) {
    height: 192px;
    margin-bottom: 15px;
    overflow-y: auto;
}

#device-drivers-select-list {
    height: 193px!important;
    margin-top: 5px;
}

#device-tab-drivers .row ul li {
    padding: 5px 10px;
    cursor: pointer;
}

.ui-dialog-content .manual {
    font-size: 90%;
    line-height: 14px;
    /*text-align: justify;*/
}

#measure-controlslist {
    font-size: 85%;
}

.drivers-controls i {
    font-size: 9px;
    opacity: 0.5;
}

#sidemenu .tab-group .tab-content {
    padding: 5px 5px;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
}

#sidemenu .tab-group.active .tab-content {
    display: block;
}

#sidemenu .tab-header {
    margin-bottom: 10px;
}
#sidemenu .tab-list {
    font-size: 11px;
    margin-bottom: 0;
}

#sidemenu .chosen-container {
    width: 100% !important;
}

#sidemenu .tab-list .list-group-item {
    padding: 4px;
    border: 0;
    white-space: nowrap;
    cursor: pointer;
    border-top: 1px dashed #ececec;
    position: relative;
}
/*#sidemenu .tab-list .list-group-item > img {
  float: left;
  margin-right: 5px;
}
#sidemenu .tab-list .list-group-item > span {
  float: left;
}*/
#sidemenu .tab-list .list-group-item:hover .fa-circle:before {
    content: "\f05b";
}

#sidemenu .tab-list .list-group-item .dropdown-menu {
  top: 15px;
  bottom: auto;
  left: 0px;
  right: auto;
}
#sidemenu .tab-list .list-group-item:last-child .dropdown-menu {
  /*top: auto;
  bottom: 0px;*/
}

#sidemenu .tab-list .list-group-item .dropdown-menu li i {
    width: 20px;
    text-align: center;
    margin-left: -10px;
}

#sidemenu .tab-list .list-group-item .dropdown-menu li a.checked {
    color: #097FA6!important;
}

#sidemenu .tab-list .list-group-item:hover + .list-group-item {
    border-top-style: solid;
}

#sidemenu .tab-list .list-group-item:last-child {
    border-bottom: 1px dashed #ececec;
    border-radius: 0px;
}

#sidemenu .tab-list .list-group-item:hover, #sidemenu .tab-list .list-group-item.selected {
    background: #F1F1F1;
}

#sidemenu .tab-list .list-group-item:hover > .actionbtns {
    display: block;
}

#sidemenu .tab-list .actionbtns {
    /*display: none;*/
}

#sidemenu .tab-list .actionbtn {
    cursor: pointer;
}

#sidemenu .tab-list .list-group-item .options {
    /*display: none;*/
    float: right;
    position: absolute;
    right: 10px;
    top: 4px;
}

.condensed-list > div > li {
    padding: 2px 5px;
}

.condensed-list .checkbox {
    margin: 0;
}


#measure-wrapper .calculation-manual {
    line-height: 1.1;
    font-size: 12px;
    color: #777;
    text-align: justify;
}

#remainder-editform .input-group .form-control {
    position: static;
}
#remainder-editform .input-group .input-group-addon {
    cursor: pointer;
}
#remainder-table td {
    font-size: 12px;
    padding: 12px 8px;
    vertical-align: middle;
    cursor: pointer;
}
#remainder-table .label {
    font-size: 85%;
    font-weight: normal;
    display: inline-block;
    margin: 1px 0;
}
#remainder_active-table .label, #remainder_ready-table .label {
    font-size: 90%;
    font-weight: normal;
}
#remainder_active-table td, #remainder_ready-table td {
    vertical-align: middle;
    padding: 7px 8px;
    cursor: pointer;
}
#remainder-table tr.selected {
    background-color: #f9fbfd!important;
}
#device-editform .actionbtn, #remainder-table .actionbtn {
    width: 25px;
    text-align: center;
    margin: 0;
}
#remainder-table .group td {
    background: #eff1f3;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
    #remainder-table tr:not(.group) {
        /*display: none;*/
    }
    #remainder-table tr:not(.group) td:first-child {
        /*padding-left: 20px;*/
    }

.remainders-header {
    background-color: #fff!important;
}

#phone-addressbook-list {
    height: 360px;
    overflow: hidden;
    margin: 0;
}
#phone-addressbook-list li img {
    float: left;
    height: 30px;
    width: 30px;
    margin-top: 1px;
    margin-right: 5px;
    border-radius: 50%;
}
#phone-addressbook-list li {
    padding: 5px;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 0;
    overflow: hidden;
}
#phone-addressbook-list li:hover {
    background-color: #eee;
    cursor: pointer;
}
#reminder-info {
    width: 100%!important;
}
#reminder-info tr td:first-child {
    font-weight: bold;
}
#reminder-info td {
    font-size: 14px!important;
    padding: 10px 15px;
}

#sidemenu label {
    margin-bottom: 0;
}

#sidemenu input[type="checkbox"] {
    display: none;
}

#sidemenu input[type="checkbox"] + label span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: -3px;
    vertical-align: middle;
    background: url(images/unchecked.png) left top no-repeat;
    cursor: pointer;
}

#sidemenu input[type="checkbox"]:checked + label span {
    background: url(images/checked.png) left top no-repeat;
}

#sidebar-action-btn-group {
    position: absolute;
    top: 60px;
}

.sidebar-footer {
    border-top: 1px solid #d5d5d5;
    box-shadow: 0 1px 0 red;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
}

#sidebar #clock {
    font-size: 21px;
    color: #444;
}

#sidebar .min-sec {
    font-size: 16px;
}

.device-counter {
    font-size: 13px;
    line-height: 13px;
    padding: 8px;
}

.device-counter i {
    font-size: 11px;
    margin-left: 10px;
}

.device-counter > div {
    cursor: pointer;
}

/*-- DEVICE LIST */
#tab-device .left-feedback .form-control-feedback {
    left: 28px;
    cursor: pointer;
}

#device_group_chosen .chosen-results li::after {
    position: absolute;
    right: 5px;
    color: #777;
}

#tab-device .left-feedback .clear-search {
    position: absolute;
    z-index: 2;
    top: 0px;
    padding: 0px;
    right: 31px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: none;
    background: transparent;
    display: none;
}

#tab-device .input-group-visibilityall {
    padding: 3px 5px;
}

#tab-device .input-group-sort {
    padding: 0;
}

#tab-device .input-group-sort i {
    padding: 3px 8px;
}

.device-list .list-group-item {
    display: flex;
    cursor: pointer;
    border-radius: 0px;
}
    .device-list .list-group-item .left-side {
        width: 100%;
        display: table-cell;
        padding-right: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .device-list .list-group-item .left-side > * {
        vertical-align: middle;
    }
    .device-list .list-group-item .right-side {
        display: table-cell;
        position: relative;
    }
        .device-list .list-group-item .right-side .item-sortstat {
            vertical-align: middle;
        }

    .list-group-item .item-settings {
        display: inline-block;
        width: 22px;
        height: 27px;
        padding-top: 6px;
        margin: 0px -4px -15px 7px;
        text-align: center;
        vertical-align: -11px;
        font-size: 14px;
        position: relative;
        top: -9px;
        color: #999;
    }
        .drivers-list .list-group-item .item-settings, .routes-list .list-group-item .item-settings {
            height: 25px;
            top: -5px;
            padding-top: 6px;
            margin: 0 -4px -15px 7px;
        }
    .list-group-item:hover .item-settings {
        color: #555;
    }
    .list-group-item .item-settings:hover {
        color: #000;
        background-color: #e6e6e6;
    }


.device-list .item-daydist {
    line-height: 14px;
}

.device-list .item-led {
    margin: 0 -1px 0 2px;
}

.item-led.on {
    color: #75CC18;
}

.item-led.stop {
    color: #FF9B08;
}

.item-led.off {
    color: #78808A;
}

.item-led.alert {
    color: #E02D36;
}

.device-list .item-img-wrapper {
    display: inline-block;
    width: 35px;
    height: 17px;
    background-image: url("images/markers/autos/default.png");
}

.device-list .item-img {
    height: 30px;
    margin-top: -7px;
}

.device-list .options {
    padding-top: 1px;
    padding-left: 10px;
    margin-right: 10px;
}

.device-list .btn-group {
    position: absolute;
    top: 0;
    right: -50px;
}

/*-- RESOURCES LIST */
.resource-list .item-icon {
    height: 16px;
    margin-top: -2px;
    margin-right: 3px;
}

/*-- GEOFENCE LIST --*/
.adevice-list .list-group-item {
    height: 25px;
    cursor: pointer;
}

.geofence-list .list-item.disable {
    color: #F44336;
}

.icon-color {
    display: block;
    float: left;
    height: 13px;
    width: 13px;
    margin: 3px;
    border: 1px solid #f2f2f2;
}

.maininfo .inputbox label {
    margin-right: 8px;
    font-size: 14px;
    vertical-align: 2px;
}

.maininfo .inputbox input {
    float: right;
}

#geofence-devicelist .list-group:not(:last-child) {
    margin-bottom: 0px;
    border-bottom: 1px solid #fff;
}

#geofence-devicelist .list-group .list-group-item {
    width: 100%!important;
    border: none;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: normal;
}

#geofence-devicelist .list-group .list-group-item:not(.group-title) {
    padding-left: 23px;
}

#geofence-devicelist .list-group .list-group-item input {
    margin-right: 5px;
}

#geofence-editform #geofence-in, #geofence-editform #geofence-out {
    margin: 5px;
}

#geofence-devicelist .list-group .group-title {
    background-color: #f2f2f2;
    font-weight: bold;
    cursor: pointer;
}

.reseditor {
    text-decoration: underline !important;
    text-decoration-style: dashed !important;
    cursor: pointer !important;
    color: red !important;
}


/** USER EDIT **/
/*#admin_users-editform */
.user-sections-list {
    font-size: 13px;
}

.user-sections-list .checkbox {
    padding-top: 0px!important;
    float: left;
}


/** TOOLBAR **/
#toolbar {
    position: absolute;
    top: 50px;
    left: 330px;
    display: block;
    width: 400px;
}

.search_button {
    line-height: 29px!important;
    font-size: 16px!important;
}

#search_input {
    border: none;
    height: 20px;
    margin: 0;
    padding: 0;
}

#search-field {
    padding: 8px 10px 8px 30px;
}

#toolbar-btns .btn-pad {
    float: left;
    margin-right: 20px;
}

#toolbar-btns .btn-pad .btn {
    border: 0;
    border-right: 1px solid #e5e5e5;
    display: block;
    float: left;
    color: #555;
}

#toolbar-btns .btn-pad .btn:last-child {
    border-right: 0;
}

/** DEVICE MODAL **/
.devicemodal {
}

.devicemodal.ui-dialog .ui-dialog-titlebar.ui-widget-header {
    background: #0A8EB9;
    color: #fff;
    border-bottom: none;
    padding: 5px 10px;
}

.devicemodal.ui-dialog .ui-dialog-title {
    margin: 0;
    font-size: 13px;
}

.devicemodal.ui-dialog .ui-dialog-content {
    padding: 0 15px;
}

.devicemodal.ui-dialog .ui-widget-header .ui-icon {
    filter: brightness(0) invert(1);
}

.devicemodal.ui-dialog .ui-resizable-e, .devicemodal.ui-dialog .ui-resizable-w {
    /* width: 12px; */
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
}

.devicemodal.ui-dialog .ui-resizable-s, .devicemodal.ui-dialog .ui-resizable-n {
    height: 12px;
}

.devicemodal.ui-dialog .ui-resizable-se {
    background-image: url("");
}

.devicemodal .panel {
    border: none;
    font-size: 13px;
}

.devicemodal .panel-heading {
    padding: 5px 10px;
    background-color: #0A8EB9;
    color: #fff;
}

.devicemodal .panel-heading a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: 90%;
}

.devicemodal .panel-body {
    border-top: 0 !important;
    padding: 5px;
}

.devicemodal .panel-group .panel+.panel {
    border: 0;
    margin-top: 0px;
}

.devicemodal-map-panel {
    position: relative;
    min-height: 120px;
}

.devicemodal .map {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.devicemodal .devicemodal-info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1;
    font-size: 11px;
    display: flex;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    padding: 5px;
}
    .devicemodal .devicemodal-info .left {
        width: 90%;
    }
    .devicemodal .devicemodal-info .right {
        width: 200px;
        text-align: right;
    }
        .devicemodal .devicemodal-info .right .label {
            display: inline-block;
            font-size: 12px;
            font-weight: normal;
            background: transparent;
            border: 1px solid rgba(255,255,255,.2);
            color: #fff;
            margin-top: 5.5px;
            border-radius: 0;
        }

.devicemodal .layer-switcher {
    position: absolute;
    height: 40px;
    width: 40px;
    margin: 5px;
    bottom: 0;
    right: 0;
    border: 1px solid #333;
    cursor: pointer;
    background-position: center center;
}

.devicemodal .layer-switcher.hybrid {
    background-image: url("images/mapthumbs/google-hybrid.png");
}

.devicemodal .layer-switcher.street {
    background-image: url("images/mapthumbs/google-street.png");
}

.trips-list {
    margin-bottom: 0;
    border: 0;
    white-space: nowrap;
}

.trips-list .list-group-item {
    color: #777;
    cursor: pointer;
    font-size: 12px;
    padding: 0;
    margin-bottom: 5px;
    border-radius: 0px;
}

.trips-list .row {
    line-height: 20px;
}

.trips-list .list-group-item .row.top {
    background-color: #eeeeee;
    padding-left: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

.trips-list .list-group-item .row.top .col-md-12 {
    margin-left: -15px;
    margin-right: -15px;
}

.trips-list .row.info {
    padding: 2px 6px;
}

.trips-list .list-group-item.selected {
    background-color: #003150 !important;
    color: #FFF;
}

.trips-list .list-group-item.selected .row.top {
    background-color: inherit;
}

#about-us-wrapper hr {
    margin: 0px -15px;
}

#about-us-wrapper kbd {
    background: #7aaf2c;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
}

.changelog .alert {
    margin: 10px 0;
    padding: 2px 5px;
    border: none;
}

/** LAYER CHANGER **/
#layer-changer-group {
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    background: #fff;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 1001;
    margin-top: 50px;
    margin-right: 10px;
    /* border-radius: 5px; */
}

/*  MAP  */
a[href^="http://maps.google.com/maps"] {
    display: none !important
}

a[href^="https://maps.google.com/maps"] {
    display: none !important
}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display: none;
}

.gmnoprint div {
    background: none !important;
}

/*  TOOLTIPS  */
.panel-tooltip-group {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    padding: 0;
}

.panel-tooltip-group .ui-tooltip-content {
}

.panel-tooltip {
    font-size: 12px;
    line-height: 12px;
    border-radius: 0;
    min-width: 300px;
    max-width: 350px;
    margin-bottom: 0px;
}

.panel-tooltip .panel-heading {
    padding: 6px 10px;
    border-radius: 0;
    line-height: 18px;
}

.panel-tooltip .panel-heading.light-blue {
    background-color: #03a9f4;
    color: #fff;
}

.panel-tooltip .panel-body {
    padding: 5px;
    border-radius: 0;
}

.panel-tooltip .list-group {
    margin-bottom: 0;
}

.panel-tooltip .list-group-item:first-child {
    border-radius: 0;
}

.panel-tooltip .list-group-item:last-child {
    border-radius: 0;
    border: 0;
}

.panel-tooltip .list-group-item {
    border: 0;
    border-bottom: 1px dashed #ddd;
    margin: 0;
    padding: 5px 3px;
    overflow: hidden;
}
.panel-tooltip .list-group-item span {
  word-wrap: break-word;
  word-break: break-all;
}
/*--  device tooltip  --*/
.panel-tooltip.device-tooltip {
    width: 300px;
}

.panel-tooltip {
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}

.panel-tooltip.device-tooltip .panel-heading {
    color: #fff;
    border-top: none;
}

.panel-tooltip.device-tooltip .panel-heading.on {
    background-color: #75CC18;
}

.panel-tooltip.device-tooltip .panel-heading.stop {
    background-color: #FF9B08;
}

.panel-tooltip.device-tooltip .panel-heading.off {
    background-color: #78808A;
}

.panel-tooltip.device-tooltip .panel-body {
    padding: 0;
}

.panel-tooltip.device-tooltip .panel-body .list-group {
    margin: 5px;
}

.panel-tooltip.device-tooltip .driver-panel {
    background-color: #F5F5F5;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 3px 6px;
    /*overflow: hidden;*/
}

.map-tooltip {
    z-index: 1000;
    position: absolute;
    opacity: 0.9;
}

#map-tooltip {
    position: absolute;
    background-color: #fff;
}
#map-tooltip .list-group-item span {
    word-wrap: break-word;
    word-break: break-all;
}
#cluster-tooltip-body .list-group-item:hover {
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

#routeplanner-tooltip {
    position: absolute;
    z-index: 9;
    width: 300px;
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

#routeplanner-tooltip .panel-heading {
    padding: 6px 15px;
    border-bottom-color: #F5F5F5;
    background: #fff;
}

#routeplanner-tooltip .panel-body {
}

#routeplanner-tooltip .panel-body .nav {
    margin: -5px -2px 10px -2px;
}

#routeplanner-tooltip .panel-body .nav > li {
    width: 50%;
    float: left;
    margin: 0;
    text-align: center;
}

#routeplanner-tooltip .panel-body .nav > li.active > a {
    border-color: #0A8EB9;
}

#routeplanner-tooltip .panel-body .nav > li > a {
    margin: 0 2px;
    padding: 5px;
    background: transparent;
    color: #000;
    border-radius: 0;
    border-bottom: 2px solid #ccc;
}

#routeplanner-tooltip input {
    height: 27px;
}

#routeplanner-tooltip .chosen-container {
    width: 100%!important;
}

#routeplanner-tooltip::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}

/**  DEVICE  **/
/*  device edit form  */
#deviceEditForm hr {
    margin-top: 0;
}

#deviceEditForm .device-image {
    text-align: center;
    height: 25px;
    border: 1px solid #ccc;
}

#deviceEditForm .device-image img {
    margin-top: -13px;
}

#device-icon-list span {
    width: 38px;
    height: 38px;
    display: inline-block;
    float: left;
    border: 1px solid #e8e8e8;
    margin: 3px;
    overflow: hidden;
    cursor: pointer;
}

#device-icon-list span:hover {
    background-color: #f5f5f5;
}

#device-icon-list span img {
    width: 36px;
}

/**  HISTORY  **/
.panel-history {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    display: none;
    border-width: 0;
}

.panel-history .panel-heading {
    background-color: #304257;
    border-radius: 0;
    border-top: 1px solid #ddd;
    padding: 5px 15px;
    color: #fff;
}

.panel-history .panel-heading .close {
    color: #fff;
    font-weight: normal;
    opacity: 1;
}

.panel-history .panel-body {
    padding: 10px;
}

.panel-history .topbar {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    display: none;
    margin-bottom: 10px;
}

#history-tracecolor i {
    cursor: pointer;
}

#history-tracecolor i.active {
    cursor: default;
}

#history-tracecolor i.active:before {
    font-family: FontAwesome;
    content: "\f0c8";
}

#history-speed span.active {
    color: #333;
    font-weight: bold;
}

#history_stoptime .save_param {
    display: none;
    color: green;
}

.datepicker-input {
    /* width: 145px!important; */
}

.panel-history .btn {
    padding: 3px 10px;
}

.panel-history .chosen-container .chosen-results {
    max-height: 200px;
}

/*  slider  */
#history-slider {
    margin-top: 2px;
    margin-bottom: 14px;
}

#history-slider.ui-widget-content {
    background: #aaa;
    height: 2px;
    box-sizing: content-box;
    border-color: #fff;
    border-width: 10px 0;
}

#history-slider .ui-state-default, #history-slider .ui-widget-content .ui-state-default {
    cursor: pointer;
    top: -10px;
    margin-left: -2px;
    background: #ed5565;
    border: 0;
    border-radius: 2px;
    width: 4px;
}

#history-slider.ui-widget-content a {
    outline: none;
}

/*  player  */
#history-player-btn-group {
}

#history-player-btn-group .btn {
}

#history-player-btn-group .btn.play i:before {
    font-family: FontAwesome;
    content: "\f04b";
}

#history-player-btn-group .btn.pause i:before {
    font-family: FontAwesome;
    content: "\f04c";
}

#history-live-stats {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#history-live-stats li {
    display: block;
    float: left;
}

#history-live-stats div {
    padding: 0 10px;
    border-right: 1px solid #ccc;
}

#history-live-stats span.value {
    font-size: 22px;
}

#history-stats {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

#history-stats li {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    width: 120px;
    margin-right: 15px;
}

#history-stats li.short {
    width: 80px;
}

#history-stats .text-muted {
    font-size: 11px;
    padding-top: 4px;
}

#history-stats .progress {
    height: 5px;
    margin-bottom: 0;
}

.progress-bar-gray {
    background-color: #ccc;
}

.stat-data-title {
    font-size: 12px;
    font-weight: 500;
    display: block;
    color: #9d9fa2;
    /*text-transform: uppercase;*/
}

.stat-data-value {
    font-weight: bold;
    color: #555;
}

.history-events-tooltip {
    width: 240px;
    background-color: #fff;
    padding: 0 5px;
    border-top: 1px solid #e7eaec;
}

.history-events-tooltip .time {
    padding: 0 5px;
    font-size: 28px;
    border-bottom: 1px solid #e7eaec;
}

.history-events-tooltip .time img {
    float: right;
    margin-top: 10px;
}

.history-events-tooltip .nopadding {
    padding: 0;
}

.history-events-tooltip .times {
    padding: 5px 20px;
    font-size: 12px;
}

.history-events-tooltip .times i {
    line-height: 12px;
    font-size: 10px;
}

/*  REPORTS  */
.reports-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    display: none;
    border-width: 0;
}

.reports-panel .panel-heading {
    color: #283645;
    background-color: #fff;
    /*border-color: #dddddd;*/
    border-top: 2px solid #283645;
    padding: 0;
}

.reports-panel .navbar {
    margin-bottom: 0;
    min-height: 36px;
    height: 36px;
    border-width: 0;
}

.reports-panel .navbar .nav > li > a {
    padding: 5px 15px;
    line-height: 24px;
    color: #333;
}

.reports-panel .navbar .nav > li > a:hover, .reports-panel .navbar .nav > li > a:focus {
    background-color: transparent;
}

.reports-panel .reports-category .navbar .navbar-nav > .active > a, .reports-panel .reports-category .navbar > .active > a:hover, .reports-panel .reports-category .navbar > .active > a:focus {
    background-color: transparent;
    border-bottom: 1px solid #f44336;
}

.reports-panel .reports-export-nav {
    margin-top: 5px;
}

.reports-panel .reports-export-nav .btn {
    margin-right: 5px;
}

.reports-panel .reports-types .navbar .navbar-nav > .active > a, .reports-panel .reports-types .navbar > .active > a:hover, .reports-panel .reports-types .navbar > .active > a:focus {
    background-color: transparent;
    border-bottom: 1px solid #2196f3;
}

.reports-panel .reports-category .navbar {
    background-color: transparent;
}

.reports-panel .reports-types .navbar {
    border-bottom-width: 1px;
}

.reports-panel .reports-input-group {
    background-color: #f8f8f8;
    padding: 7px;
}

#report-table_wrapper .row > .col-sm-12 {
    padding: 0 5px;
}

#reports-datefrom, #reports-dateto {
    width: 140px;
}

.reports-panel .panel-heading .close {
    color: #fff;
    font-weight: normal;
    opacity: 1;
}

.reports-panel .panel-body {
    padding: 5px;
}


#report-panel td.map-pointer {
    color: #066397 !important;
    cursor: pointer;
}

#reports-result {
    min-height: 252px;
}

#reports-result.loading {
    background: URL(images/loading-5.gif) no-repeat center center;
}

/* Report ecodrive */
.container-progress-bar {
    width: 200px;
}

.container-progress-bar .progress {
    height: 8px;
    background-color: #A2A8AF;
    position: relative;
    overflow: visible;
}

.container-progress-bar small {
    font-size: 12px;
    position: absolute;
    right: 1px;
    top: 8px;
    text-shadow: 0 1px rgba(0,0,0,0.1);
}

/*multi level dropdown*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu:not(.dropup) > .dropdown-menu {
    top: -10px;
    bottom: auto;
    left: 100%;
    margin-left: -1px;
}
.dropdown-submenu.dropup > .dropdown-menu {
    bottom: -10px;
    left: 100%;
    margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*multi level dropdown*/

/* Dashboard */
.dashboard {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #fff;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}

#dashboard_modules > div { /*modules*/
    display: none;
}

.dashboard-controls .dropdown-menu > li > a {
    margin: 0;
    padding: 0;
}

.dashboard-controls .dropdown-menu li > a label {
    margin: 0;
    padding: 8px 15px 8px 15px;
}

.dashboard-controls .dropdown-menu li > a input[type=checkbox] {
    margin: 2px 0 0 -28px;
}

.dashboard .panel-infobox {
}

.dashboard .panel-infobox .panel-heading {
    background-color: #fff;
    border-color: #e7eaec;
    border-width: 2px 0 0;
}

.dashboard .module {
    border: none;
    border-radius: 0px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
}

.dashboard .full-width {
    width: 100%!important;
}

.dashboard .module .panel-heading {
    border: none;
    padding: 5px 8px;
    /*padding-bottom: 7px;*/
    background-color: #fff;
    color: #555;
    border-bottom: 1px solid #ddd;
    cursor: move;
    display: table;
    height: 44px;
    width: 100%;
}

.dashboard .module .panel-heading > form {
    display: table-cell;
    margin-top: 5px;
}

.dashboard .module .panel-heading > span {
    line-height: 1;
    width: 100%;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

.dashboard .module .panel-heading > i {
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.dashboard .module .panel-heading > span:hover {
    overflow: visible;
}

.dashboard .module .panel-heading > form > div {
    display: flex;
}
.dashboard .module .panel-heading > form > div > label {
    font-size: 11px;
    padding: 0 2px;
    line-height: 18px;
}

.dashboard .module .panel-heading::first-letter {
    text-transform: uppercase;
}

.dashboard .module .panel-heading .chosen-container {
    margin-top: -2px;
    margin-left: 5px;
    color: #333;
    width: 150px!important;
    font-size: 90%!important;
}

.dashboard .module .panel-body:not(#motionless_devices_chart) {
    height: 350px;
}

.dashboard #module_row .panel-body {
    height: 200px!important;
}

/*.dashboard .module .loading, #extended-chart .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: block;
    background-color: rgba(255,255,255,.5);
}*/

/*.dashboard #small_charts_row .module .loading .cssload-container {
    margin-top: 120px!important;
}*/

/*.dashboard .module .loading .cssload-container {
    margin-top: 200px;
}

.dashboard .module #small_charts_row .loading .cssload-container {
    margin-top: 110px;
}

.dashboard #module_row .loading .cssload-container {
    margin-top: 120px!important;
}

#extended-chart .cssload-container {
    margin-top: 20%;
}*/

.dashboard .btn-link {
    color: #bbb;
}

.dashboard .module .panel-heading .btn-link:hover, .dashboard .module .panel-heading .btn-link:focus, .dashboard .module .panel-heading .btn-link:active, .dashboard .module .panel-heading .btn-link.active, .dashboard .module .panel-heading .open .dropdown-toggle.btn-link {
    color: #555;
}

.dashboard select {
    width: auto!important;
}

.dashboard select[name=devices] {
    min-width: 120px;
}

.module #motionless_devices_chart {
    padding: 0;
}

.module #motionless_devices_chart table {
    margin: 0;
}

.module #motionless_devices_chart tr {
    cursor: pointer;
}

.module #motionless_devices_chart td, .module #motionless_devices_chart th {
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 12px;
}

.module #motionless_devices_chart td img {
    margin: -5px 0;
}

.dashboard .module .extend-chart {
    border: none;
    border-top: 1px solid #ddd;
}

#extended-chart {
    display: table;
    width: 100%!important;
}

#extended-chart > div[id*='extended-chart-'] {
    height: 50%;
    display: table-row;
}

.extended-chart-controls {
    position: absolute;
    top: 12px;
    z-index: 1;
    right: 10px;
}

.highcharts-credits {
    display: none;
}

#remainder-mainpanel .panel-body {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 23px;
    margin: -7px!important;
    margin-left: 10px!important;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #0A8EB9;
}

input:focus + .slider {
    box-shadow: 0 0 1px #0A8EB9;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/*checkbox toggle end */
/* Dashboard END */
/* ALERTS */
#alerts-panel {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0px;
    width: 280px;
    margin-bottom: 0;
    background-color: #fff;
    font-size: 12px;
    display: none;
    z-index: 3;
    border: none;
}

#alerts-panel .panel-heading {
    font-size: 13px;
    background-color: #0A8EB9;
    color: #fff;
    line-height: 9px;
    height: 30px;
}

#alerts-panel .panel-body {
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}

#alerts-panel .list-group-item .alert-date {
    padding-left: 0;
    padding-right: 14px;
    line-height: 17px;
}

#alerts-panel #alerts-head {
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

#alerts-panel #alerts-head #alerts-queryform > .form-group:not(:last-child) {
    margin-bottom: 5px;
}

#alerts-panel .chosen-container {
    width: 100% !important;
}

#alerts-panel #alerts-readall {
    line-height: 7px;
    margin-right: 15px;
}

#alerts-panel #alerts-mute {
    font-size: 17px;
}
#alerts-panel #alerts-mute:before {
    font-family: 'Glyphicons Halflings';
    content: "\e038";
}

#alerts-panel #alerts-mute.muted:before {
    content: "\e036";
}

#alerts-panel .list-group-item {
    padding: 8px;
    border-width: 1px 0;
}

#alerts-panel .list-group-item:first-child {
    border-top: none;
}

#alerts-panel a.list-group-item:focus {
    background: #dadada;
}

#alerts-panel .list-group-item p {
    margin: 0;
}

#alerts-panel .list-group-item p > span {
    padding-top: 3px;
    display: inline-block;
    color: #777;
}

#alerts-panel .list-group-item p > span > i {
    margin-right: 5px;
    font-size: 12px;
    color: #999;
}

#alerts-panel .list-group-item .head {
    margin-bottom: 5px;
}
#alerts-panel .list-group-item .body {
    font-size: 95%;
}

#alerts-panel .panel-body {
    padding-top: 0px;
    padding-bottom: 0px;
}

#alerts-panel .panel-body .slimScrollDiv {
    margin-left: -15px!important;
    margin-right: -15px!important;
}

#alerts-panel .new-alerts-identificator {
    display: none;
    position: absolute;
    z-index: 1;
}

#alerts-list .unread {
    background-color: #fff;
}

#alerts-list .list-group-item:hover {
    background-color: #edf2fa;
}

#alerts-list .list-group-item .indicator {
    font-size: 12px;
    vertical-align: 0px;
    padding-right: 5px;
}

#alerts-list .list-group-item .indicator.fa-circle {
    color: #D50000;
}

#alerts-list .list-group-item .title {
    font-size: 12px;
    font-weight: 600;
    color: #777;
}

#navbar .navbar-right > li > a:hover {
    background-color: #33B1E7;
}

#navbar .nav-alerts {
    /*margin-left: 3px;*/
}

#navbar .nav-alerts.active #nav-alerts {
    background-color: #1C759C;
    background-color: #0A8EB9;
}

#navbar .navbar-right > li {
    margin-left: 3px;
}

/*#navbar .nav-user > a {
    padding-left: 10px;
    padding-right: 10px;
}*/

#navbar .label {
    font-weight: normal;
}

#navbar .nav-user .avatar {
    margin-top: -5px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

#navbar .nav-usermenu {
    width: 230px;
    text-align: center;
}

#navbar .nav-usermenu .thumbnail {
    border: none;
    padding: 15px 20px 0px 20px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
}

#navbar .nav-usermenu .thumbnail {
}

#navbar .nav-usermenu .thumbnail > img {
    width: 100px;
    height: 100px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05);
}

#navbar .nav-usermenu .thumbnail h4 {
    padding: 0 0 5px 0;
}

#navbar .nav-usermenu .thumbnail .language > a {
    display: inline-block;
    margin: 0 3px;
}

#navbar .nav-usermenu .thumbnail .language img {
    width: 24px;
    height: 23px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

#navbar .nav-usermenu .thumbnail p.firma_name {
    color: #777;
}

#navbar .header-menu.nav > li > a {
    padding-right: 10px;
    padding-left: 10px;
}

#alerts-count-info {
    display: none;
    line-height: 12px;
    padding: 1px 3px 1px 2px;
    position: absolute;
    right: 3px;
    top: 3px;
}
.remainder-status-indicators {
    position: absolute;
    right: 3px;
    left: 4px;
    top: 3px;
}
#messages-count-info {
    display: none;
    line-height: 12px;
    padding: 1px 3px 1px 2px;
    position: absolute;
    right: 3px;
    top: 3px;
}
#reminders-count-info, #reminders-overdue-count-info, #messages-count-info {
    /*display: none;*/
    float: right;
    padding: 1px 3px;
    line-height: 12px;
    font-weight: normal;
}

/* WHATSHERE */
#whatshere-wrapper {
    bottom: 0;
    left: 50%;
    position: absolute;
}

/* loadscreen */
#whatshere-panel {
    width: 300px;
    position: relative;
    left: -50%;
    font-size: 13px;
}

#loadscreen {
    background-color: #263238;
}

svg.loading-animation {
    margin: 40px auto;
    display: block;
}

.rect {
    fill: none;
    stroke-width: 5px;
    stroke: #FFFFFF;
    stroke-dasharray: 40;
    stroke-dashoffset: 50%;
    animation: movedash 2s forwards 0s infinite;
}

@keyframes movedash {
    to {
        stroke-dashoffset: 250%;
    }
}
@keyframes slide-in-l2r {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes slide-in-r2l {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

/* APP PANEL */
#app-panel {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#app-panel .panel {
    /* height: 100%; */
}

/* SELECT ICON */
.selecticon img {
    width: 40px;
    height: 40px;
    margin: 2px;
    padding: 0px;
    cursor: pointer;
}

/* REPORT */
.report-panel {
    position: absolute;
    width: 100%;
    bottom: 0!important;
    margin-bottom: 0;
    border: 0;
    z-index: 1;
}

.report-panel .panel-heading {
    background-color: #fff;
    padding: 0;
    overflow: visible;
    position: relative;
    z-index: 1;
}

.report-panel .panel-heading .row {
}

.report-panel .ui-resizable-handle {
    height: 5px;
    border-top: 2px solid #05546E;
    top: 0;
}

.report-panel .groups-row {
    background-color: #066c8e;
    color: #fff;
    border-top: 3px solid #05546E;
}

.report-panel .controls {
    margin-top: 3px;
}

.report-panel .controls {
    margin-top: 3px;
}

.report-panel .controls .btn {
    padding-top: 7px;
}
.report-panel .controls .btn:hover {
    box-shadow: none;
    color: #fff;
    opacity: 0.8;
}

#report-groups-nav {
    border-bottom: 0;
}

#report-groups-nav > li {
    display: inline-block;
    margin-bottom: 0px;
}

#report-groups-nav > li:not(.active) > a {
    color: #fff;
    border: none;
    font-size: 14px;
    margin-right: 0px;
}

#report-groups-nav > li > a:hover, #report-groups-nav > li > a:focus {
    border: none;
    background: transparent;
    border-bottom: 3px solid orange;
}

#report-groups-nav > li > a {
    padding: 8px 15px;
}

#report-groups-nav > li.active > a {
    color: #fff;
    border: none;
    background: transparent;
    border-bottom: 3px solid orange;
    margin-right: 0px;
}

.report-panel .types-row {
    background-color: #eee;
    padding: 5px;
    position: relative;
}

#report-types-nav > label {
    /*padding-top: 5px;*/
}

.report-panel .search-row {
    padding: 5px;
}

.report-panel .morefilters-row {
    background-color: #fff;
    border-top: 1px solid #dddddd;
    padding: 5px;
    display: none;
}

.report-panel .panel-body {
    position: absolute;
    top: 115px;
    left: 0px;
    right: 0px;
    bottom: 0;
    padding: 0 15px;
}

/*-- VISIRUN STYLE --*/
.report-startstop {
    width: 100%;
    background-color: #ffffff;
    border-collapse: separate;
    border-spacing: 3px;
    font-size: 13px;
    margin-left: -3px;
    /* margin-right: -66px; */
}

.report-startstop a {
    color: #616161;
    font-weight: bold;
}

.report-startstop a:hover {
    color: #f03f51;
}

.report-startstop tr {
    background-color: #ffffff;
    cursor: pointer;
}

.report-startstop .separator td.separator-bottom {
    border-bottom: 1px solid #048eba;
    height: 0;
    padding: 0;
    line-height: 0;
}

.report-startstop .separator.selected td.separator-bottom {
    border-bottom: 1px solid #E91E63;
}

.report-startstop th {
    background-color: #eeeeee;
    padding: 2px 4px 2px 4px;
    font-weight: bold;
    height: 20px;
}

.report-startstop td {
    padding: 4px;
}

.report-startstop td.reportHighlight {
    white-space: nowrap;
}

.report-startstop td.reportLeftAlign,.report-startstop th.reportLeftAlign {
    text-align: left;
}

.report-startstop td.reportCenterAlign,.report-startstop th.reportCenterAlign {
    text-align: center;
}

.report-startstop td.reportRightAlign,.report-startstop th.reportRightAlign {
    text-align: right;
}

.report-startstop tr.evenRow td {
    background-color: #f1f1f1;
}

.report-startstop tr.totalRow th {
    color: #ffffff;
    background-color: #f03f51;
}

.report-startstop tr.totalRow th.reportHighlight {
    color: #000000;
    background-color: #d0d0d0;
    text-align: right;
}

.report-startstop td.reportDetailsHighlight {
    background-color: #d0d0d0;
}

.report-startstop td.reportDetailsRightAlign {
    color: #ffffff;
    background-color: #f03f51;
}

.report-startstop .graph-toggle {
    cursor: pointer;
    color: #f03f51;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: bold;
    margin-left: 5px;
}

.report-startstop.details .datestamp {
    font-size: 13px;
}

.report-startstop.details .reportHighlight,.report-startstop.details .reportHighlight a {
    background-color: #048eba;
    color: white;
}

.report-startstop.details {
    margin-bottom: 30px;
}

.report-startstop .rowHeader {
    height: 25px;
    color: white;
    background-color: #283645!important;
}

.report-startstop .red,.report-startstop .red a.report-startstop .red span {
    background-color: #f03f51;
    color: white;
}

.report-startstop .salmon,.report-startstop .salmon a {
    background-color: #ffd37e;
    color: #525252;
}

.report-startstop .lightGrey,.report-startstop .lightGrey a {
    background-color: #f1f1f1;
    color: #525252;
}

.report-startstop.details .subDetails {
    background-color: white;
    padding: 0;
}

.report-startstop.details .subDetails table {
    background-color: #ffffff;
    width: 100%;
}

.report-startstop.details .subDetails table th {
    border-right: 3px solid white;
}

.report-startstop.details .subDetails table th.top {
    border-bottom: 3px solid white;
    border-right: 3px solid white;
}

.hiddenDetailedReportLink {
    display: none;
}

.reportViolationValue {
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    background: url('../desktop/images/info-icon-15x15.png') no-repeat left center;
    padding-left: 19px;
}

.readymultiday .date,.inworking .date {
    width: 60px;
}

.report-startstop .maxspeed {
    color: #2196f3;
}

#report-loading {
    position: absolute;
    background-color: rgba( 255, 255, 255, .5 );
    z-index: 9999999;
    top: 0px;
    bottom: 0px;
    left: 15px;
    right: 15px;
    display: none;
}

/*chat styles*/
.nav-chat {

}
.nav-chat .dropdown-menu {
    padding: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 3px rgba(0,0,0,.15);
}
.nav-chat .panel-heading {
    background-color: #0A8EB9;
    height: 30px;
}
.nav-chat .panel-heading .panel-title {
    font-size: 13px;
    line-height: 9px;
}
.nav-chat .panel-heading .panel-title i {
    line-height: 7px;
}

.nav-chat .panel-body {
    padding: 0;
    max-height: 400px;
}
.chat-list .media {
    margin: 0;
    padding: 8px 10px;
    cursor: pointer;
}
.news-bot.media.unread {
    background-color: #f1fff1;
}
.news-bot.media {
    border-bottom: 1px solid #eee;
}
.chat-list .media.unread {
    /*background-color: #eee;*/
}
.chat-list .media:hover {
    background-color: #f9f9f9;
}
.chat-list .media:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.chat-list .media .media-left {
    padding-right: 10px;
}
.chat-list .media .media-object {
    height: 35px;
    width: 35px;
}

.chat-list .media .media-body {
    font-size: 12px;
    color: #aaa;
}
.chat-list .media .media-text {
    display: flex;
    width: 100%;
}
.chat-list .media .media-text p {
    width: 100%;
    word-break: break-word;
}
.chat-list .media .media-text .indicator {
    display: none;
    line-height: 17px;
    margin-right: 1px;
}
.chat-list .media.unread .media-text .indicator {
    display: block;
    color: #D50000;
}
.chat-list .media .media-heading {
    font-weight: inherit;
    font-size: 14px;
    color: #666;
    margin-bottom: 2px;
}
.chat-list .media .media-heading .message-date {
    line-height: 14px;
    color: #bbb;
    font-size: 70%;
}


.nav-chat .panel-footer {
    padding: 5px;
    font-size: 12px;
    cursor: pointer;
}

/*chat panels*/
.chat-panels {
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 70px;
}

    .chat-panels .panel {
        position: absolute;
        bottom: 0;
        right: 0;

        width: 258px; /* */
        margin: 0;
        border: none;
        box-shadow: 0 -1px 3px rgba(0,0,0,.25);
        border-radius: 5px 5px 0 0;
    }
    .chat-panels .panel:last-child {
        margin-left: 0;
    }
    .chat-panels .panel .panel-heading {
        background-color: #0A8EB9;
        height: 30px;
        padding: 10px;
        border-radius: 5px 5px 0 0;
    }
    .chat-panels .panel .panel-heading.unread {
        -webkit-animation: pulse 2s step-end infinite;
        animation: pulse 2s step-end infinite;
    }
        @keyframes pulse {
            0% {
                background-color: #0A8EB9;
            }
            50% {
                background-color: #006b8e;
                border-color: #006b8e;
            }
        }
    .chat-panels .panel .panel-heading .panel-title {
        font-size: 13px;
        font-weight: normal;
        line-height: 11px;
    }
    .chat-panels .panel .panel-heading .panel-title i {
        line-height: 9px;
        margin-left: 10px;
    }

    .chat-panels .panel .panel-body {
        padding: 0;
        height: 300px;
        width: 100%;
        overflow-y: auto;
    }

    .chat-panels .panel .panel-footer {
        padding: 5px;
    }
    .chat-panels .panel .panel-footer .btn {
        height: 30px;
        width: 33px;
        padding: 0;
    }
    .chat-panels .panel .panel-footer textarea {
        width: calc(100% - 77px);
        padding: 7.5px;
        height: 30px;
        font-size: 13px;
        line-height: 1;
        border-color: #ccc;
    }
    .chat-form .insert-options li a {
        padding: 5px 10px;
    }
    .chat-form .insert-options li label {
        font-weight: normal;
        margin: 0;
        cursor: pointer;
    }
    .chat-form .insert-options li a i {
        margin-right: 10px;
        width: 15px;
        text-align: center;
    }


    .chat-panels .panel .messages {
        padding-bottom: 10px!important;
        overflow-x: hidden;
    }
    /*general messages styles*/
    .messages .msg {
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
        /*white-space: pre;*/
    }
    .messages .msg.mine {
        /*animation: slide-in-r2l 0.5s ease-out;*/
    }
        .messages .msg.mine a {
            color: #fff;
            text-decoration: underline;
        }
        .messages .msg.mine a:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }
    .messages .msg.their {
        /*animation: slide-in-l2r 0.5s ease-out;*/
    }
    .messages .msg .text {
        display: inline-block;
        padding: 4px 10px;
        line-height: 15px;
        color: #fff;
        font-size: 12px;
        word-break: break-word;
    }
    .messages .msg .text .image {
        width: 100px;
        height: 100px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin: 5px 0px;
        border-radius: 5px;
    }
    .messages .msg.mine .text .image {
        border-radius: 5px 0 0 5px;
    }
    .messages .msg.their .text .image {
        border-radius: 0 5px 5px 0;
    }
    .messages .msg.mine .text {
        float: right;
        background-color: #0a8eb9;
        border-radius: 11px 0 0 11px;
        margin-left: 85px; /*to give space for date tooltip*/
    }
    .messages .msg.mine + .mine {
        margin-top: 2px!important;
    }
    .messages .msg.their .text {
        float: left;
        background-color: #F1F0F0;
        color: #555;
        border-radius: 0 11px 11px 0;
        margin-right: 85px; /*to give space for date tooltip*/
    }
    .messages .msg.their + .their {
        margin-top: 2px!important;
    }

    /*slide from left animation*/

/*full routeplanner*/

#full-routeplanner {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
}
    #full-routeplanner .panel-heading {
        background-color: #fff;
    }
    #full-routeplanner .main-title {
        border-bottom: 1px solid #ddd;
    }
    #full-routeplanner .main-title h5 {
        font-size: 15px;
    }

#routeplanner-panel .infobox {
    padding: 10px;
}
#routeplanner-panel .infobox p {
    margin: 0;
}
#routeplanner-panel {
    height: calc(100% - 89px);
}
#routeplanner-panel > .panel-body {
    overflow-y: auto;
    height: calc(100% - 36px);
}
#routeplanner-controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0;
}

#routeplanner-table tbody tr:hover td:first-child {
    background-color: #eee;
}
#routeplanner-table tbody td:first-child {
    cursor: move;
}

#routeplanner-panel table td {
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
}
#routeplanner-panel table thead td:first-child {
    text-align: center!important;
}
#routeplanner-panel table thead td {
    font-weight: bold;
    text-align: left;
}
#routeplanner-panel table td input, #routeplanner-panel table td select {
    height: 25px;
    padding: 5px;
    font-size: 11px;
}
#routeplanner-panel table td button {
    height: 25px;
    width: 25px;
    padding: 0;
}


#routeplanner-map-panel {
    height: calc(100% - 89px);
}
#routeplanner-map-panel .panel-footer {
    overflow: hidden;
}

#routeplanner-map-wrapper {
    position: relative;
}
#routeplanner-map {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
#routeplanner-map-controls {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2;
}
    .routeplanner-zoom {
        background-color: #fff;
        border-radius: 2px;
        padding: 5px;
        box-shadow: 0 1px 3px rgba(0,0,0,.25)!important;
    }
    .routeplanner-zoom i {
        color: #777;
        display: block;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        cursor: pointer;
    }
    .routeplanner-zoom i:hover {
        color: #222;
    }

/*full routeplanner end*/


/*full chat*/
#full-chat {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
}
    #full-chat .panel-heading {
        background-color: #fff;
    }

    #full-chat .loading {
        z-index: 1;
    }
    .compose_message {
        font-size: 120%;
        margin-top: 1px;
        margin-left: 15px!important;
    }
    #full-chat .main-title {
        border-bottom: 1px solid #ddd;
    }
    #full-chat .main-title h5 {
        font-size: 15px;
    }
    #full-chat .driver-info .panel-heading {
        overflow: hidden;
        padding: 5px 10px;
    }
    #full-chat .driver-info .driver-info-list {

    }
    #full-chat .driver-info .driver-info-list strong {
        float: left!important;
    }
    #full-chat .driver-info .driver-info-list i {
        width: 20px;
        text-align: center;
    }
    #full-chat .driver-info .avatar {
        width: 40px;
        height: 40px;
    }
    #full-chat .panel-heading i {
        line-height: 20px;
        color: #555;
    }
    #full-chat .messages {
        height: calc(100% - 168px);
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 10px!important;
    }
    #full-chat .messages .msg {
        margin-top: 20px;
    }
    #full-chat .messages .msg .text {
        padding: 6px 12px;
        line-height: 18px;
        font-size: 14px;
    }
    #full-chat .messages .msg.mine .text {
        border-radius: 15px 0 0 15px;
        margin-left: 40%;
    }
    #full-chat .messages .msg.their .text {
        border-radius: 0 15px 15px 0;
        margin-right: 40%;
    }

    #full-chat .panel-footer {
        padding: 10px;
    }
    #full-chat .panel-footer .btn {
        height: 30px;
        width: 33px;
        padding: 0;
    }
    #full-chat .panel-footer .send-button {
        display: block;
        margin-bottom: 10px;
    }
    #full-chat .panel-footer textarea {
        padding: 7.5px;
        height: 30px;
        font-size: 13px;
        line-height: 1;
        border-color: #ccc;
        width: calc(100% - 45px);
        height: 70px;
    }
    #full-chat .panel-footer .insert-options li a {
        padding: 5px 10px;
    }
    #full-chat .panel-footer .insert-options li a i {
        margin-right: 10px;
        width: 15px;
        text-align: center;
    }

    #full-chat .search-block {
        padding: 10px;
        padding-bottom: 3px;
        border-bottom: 1px solid #eee;
    }
    #full-chat .search-block .form-control-feedback {
        left: 0;
        top: -2px;
        color: #777;
        font-size: 13px;
    }
    #full-chat .search-block .form-control {
        padding-right: 10px;
        padding-left: 35px;
    }

    #fullsize-chatrooms-list {
        height: calc(100% - 130px);
        overflow-y: auto;
    }

    #fullsize-chatrooms-body.extend #fullsize-messages {
        padding-bottom: 100px!important;
    }
    #fullsize-chatrooms-body.extend > .col-sm-8 {
        width: 100%!important;
    }
    #fullsize-chatrooms-body.extend > .col-sm-4 {
        display: none;
        /*width: 100%!important;*/
    }

    #fullsize-chatroom-panel.without-footer .panel-footer {
        display: none;
    }
    #fullsize-chatroom-panel.without-footer .panel-body {
        height: calc(100% - 77px);
    }

    #full-chat .messages .msg.news.their + .their {
        margin-top: 20px!important;
    }
    #full-chat .news .news-title {
        display: inline-block;
        font-size: 16px;
        margin: 9px 0 10px 0;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 14px;
    }
    #full-chat .news .news-body {
        margin-bottom: 15px;
    }

/*chat styles end*/

#alerts-loading {
    position: absolute;
    width: 100%;
    top: 50%;
    display: none;
}

#alerts-list-loading {
    padding: 10px 0;
}

.speeding-wheel-wrapper {
    width: 49px;
    height: 49px;
    margin: 50px auto;
}

.speeding-wheel {
    width: 49px;
    height: 49px;
    border: 3px solid rgb(0,0,0);
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

/* DEVICEACCESS */
.deviceaccess-wrapper {
}

.deviceaccess-list {
    margin-bottom: 0;
    border: 1px solid #ddd;
    padding: 5px;
}

.deviceaccess-list .list-group-item {
    cursor: pointer;
    font-size: 12px;
    padding: 2px 5px;
    border: unset;
    margin-bottom: unset;
    border-bottom: 1px dashed #ddd;
}
.deviceaccess-list .group-panel .group-item:last-child .list-group-item {
  border: none!important;
}

.deviceaccess-list .panel {
    margin-bottom: 5px;
}

.deviceaccess-list .panel-heading {
    padding: 3px 6px;
    font-size: 13px;
}

.deviceaccess-list .panel-body {
    padding: 2px;
}

/* chooseitems */
.chooseitems-list {
    margin-bottom: 0;
    border: 1px solid #ddd;
    padding: 5px;
}

.chooseitems-list .list-group-item {
    cursor: pointer;
    font-size: 12px;
    padding: 2px 5px;
    border: unset;
    margin-bottom: unset;
    border-bottom: 1px dashed #ddd;
}

.chooseitems-list .group-panel .group-item:last-child .list-group-item {
    border: none!important;
}


/* ADMINISTRATION */
#administration {
    display: flex;
    background-color: red;
    z-index: 444;
    position: absolute;
    flex: 1 1 auto;
    align-self: stretch;
    flex-direction: column;
}

.page-menu.nav-pills {
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    text-transform: uppercase;
    font-size: 13px;
}

.page-menu.nav-tabs > li, .nav-pills > li {
    float: none;
    display: inline-block;
    *display: inline;
    /* ie7 fix */
    zoom: 1; /* hasLayout ie7 trigger */
}

.page-menu.nav-pills > .active > a {
    text-decoration: none;
    border-radius: 0;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #0A8EB9;
    color: #000;
    background-color: transparent;
}

.page-menu.nav > li > a:hover, .page-menu.nav > li > a:focus {
    text-decoration: none;
    /*font-weight: bold;*/
    border-radius: 0;
    color: #000;
    background-color: transparent;
}

.page-menu.nav > li.disabled > a, .page-menu.nav > li.disabled > a:active .page-menu.nav > li.disabled > a:hover, .page-menu.nav > li.disabled > a:focus {
    text-decoration: none;
    font-weight: normal;
    border-radius: 0;
    color: #d0d2d6;
    background-color: transparent;
    pointer-events: none;
}

.page-menu.nav-pills > li > a {
    border-radius: 0;
    color: #9d9d9d;
}

/* nav-sections */
.nav-sections {
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
}

.nav-sections .active > a {
    border-radius: 0;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #0A8EB9;
    color: #000;
    background-color: transparent;
}

.nav-sections.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}

.nav-sections.nav-pills>li.active>a, .nav-sections.nav-pills>li.active>a:focus, .nav-sections.nav-pills>li.active>a:hover {
    border-radius: 0;
    color: #000;
    background-color: transparent;
}

.admin-body {
    border: 3px solid #9C27B0;
    height: 100%;
}

.administrator-sidenav {
    border: 1px solid #dddddd;
}

.administrator-sidenav > li {
    float: none;
    color: #0081c9;
    border-bottom: 1px solid #ededed;
}

.administrator-sidenav>li>a {
    border-radius: 0;
    margin-right: 0;
}

.administrator-sidenav>li.active>a, .administrator-sidenav>li.active>a:focus, .administrator-sidenav>li.active>a:hover {
    color: #fff;
    background-color: #13293d;
    border: 1px solid #13293d;
}

.administrator-sidenav>li>a:hover {
    border-color: none;
    background-color: #ededed;
}

#administration-content {
    height: calc(100% - 112px);
    overflow: hidden;
    margin: 15px;
}

#administration-content .datatable-panel {
    height: calc(100% - 51px);
    border: 1px solid #ddd;
    padding: 15px;
    padding-top: 0;
}

#administration-content .dataTables_filter {
    display: none;
}

#administration-content .panel-heading.admin-heading {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom: 0;
}

#administration-content .panel-heading.admin-heading .recordcount {
    line-height: 29px;
}

.ticket-view {

}
    .ticket-view div:first-child, .ticket-view div:first-child + div {
        font-size: 14px;
    }
    .ticket-view .car-plate-number {
        display: block;
    }
    .ticket-view .ticket-number {
        display: block;
    }
    .ticket-view .fields {
        margin-top: -10px;
        margin-bottom: 10px;
    }
    .ticket-view .fields .field-name {
        font-weight: bold;
    }
    .ticket-view .fields .field-value {
        width: 50%;
    }
    .ticket-view .fields tr:first-child td {
        border-top: 1px solid #eee;
        padding-top: 10px;
    }
    .ticket-view .fields tr:last-child td {
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }
    .ticket-view table {
        width: 100%;
        margin: 0;
        margin-left: 0!important;
        font-size: 13px;
    }
    .ticket-view table:not(.fields) {
        margin-top: 5px;
        margin-bottom: -10px;
    }
    .ticket-view table:not(.fields) td:last-child {
        text-align: left;
        width: 50%;
    }
    .ticket-view img {
        max-height: 65px;
    }