body {
    display: flex;
    min-height: 200px;
    min-width: 300px;
    flex-direction: column;
    position: absolute;
    overflow: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: silver;
    border: 0;
}

header {
    width: 100%;
    background-color: black;
    height: 64px;
}

div#body {
    flex: 1;
    width: 100%;
}

div.mainMenu {
    overflow: auto;
    background-color: black;
    background-image: url('https://xgcdn.azureedge.net/Img/Png/bce_icon.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: center;
    background-position: center;
}

nav.navbar {
    margin-bottom: 0 !important;
}

/* reikalingas kaip fix dėl 1 milisekundės flicker DOM užsiloadinant anksčiau nei angular'o js failams. Gražus page loading! (aktyviai nenaudojamas)*/
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

/* ng-cloak užkrovimo alternatyva - su fade animacija (naudojama visur) */
.fade-ng-cloak {
    opacity: 0;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

/* naudoja angular-translate.js, translate-cloak direktyva. uždedama ant translation string iki kol jie išsiverčia.*/
.translate-cloak {
    opacity: 0;
}

/* klasė uždedama po to, kai nuimamas translate-cloak. skirtas gražiai animacijai, atsiranda išversti string'ai.*/
.fadeingcloak {
    opacity: 1;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.navbar-nav.translate-cloak {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

.navbar-nav.fadeingcloak {
    height: auto;
    width: auto;
    opacity: 1;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

/* --- */

/*.cogs-active {*/
/*background-color: #ff6600 !important;*/
/*}*/

.btn {
    transition: 0.1s;
}

.btn-primary-blue {
    border-color: #1C84C6 !important;
    background-color: #1C84C6 !important;
    color: white;
}

/*.filter {*/
/*border: 1px solid rgba(0, 51, 102, 0.5) !important;*/
/*}*/

/*.filter-blue {*/
/*border: 1px solid rgba(0, 67, 132, 0.5) !important;*/

/*border-radius: 0px;*/
/*}*/

/*.filter-blue:hover{*/
/*border: 1px solid rgba(255, 102, 0, 0.5) !important;*/
/*color: #ff6600;*/
/*}*/

/*.filter-blue.active {*/
/*border: 1px solid rgba(255, 102, 0, 0.5) !important;*/
/*color: #ff6600;*/
/*}*/

/*.btn-map.active {*/
/*background-color: #ffffff !important;*/
/*}*/

div.LeftSide {
    height: 64px;
    background-color: black;
}

div.Center {
    height: 64px;
    background-color: black;
}

div.RightSide {
    height: 64px;
    background-color: black;
}

ul.mainMenu > li {
    display: inline-block;
}

footer {
    width: 100%;
    background-color: lime;
    height: 40px;
    padding-top: 10px;
    padding-left: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

div#reconnectForm {
    z-index: 1300;
    opacity: 1.0;
    display: none;
}

div.loginBackground {
    background-color: #f3f3f4;
    width: 500px;
    padding: 50px;
    box-shadow: 10px 10px 5px silver;
}

div.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    display: none;
    z-index: 1200;
}

button.movedDown, tbody.movedDown {
    margin-top: 15px !important;
}

img.companyImage {
    float: left;
    width: 74px;
    height: 44px;
    margin-left: 1em;
    margin-right: 2em;
    margin-top: 3px;
}

input.p-pg-input {
    width: auto;
}

img.centeredVertical {
    vertical-align: middle;
}

div.groupSelector {
    margin: 5px 0 5px 10px;
}

    div.groupSelector span {
        font-weight: bolder;
    }

.shifted-to-right {
    padding-left: 10px;
}

.shifted-to-right_small {
    margin-left: 5px;
}

#vehicleListGroups {
    float: right;
    margin-top: 5px;
}

button#showHistoryButton {
    display: none;
}

div#selectClientWindow {
    position: absolute;
    left: 100px;
    top: 150px;
    z-index: 2000;
    display: none;
    background-color: antiquewhite;
}

/*.modal-backdrop.in {
  opacity: 0 !important;
}*/
span.dropDownItems {
    display: inline-block;
    width: 100%;
    margin-bottom: 2px;
}

    span.dropDownItems[ng-selected=true] {
        background-color: lightblue;
    }

    span.dropDownItems:hover {
        cursor: pointer;
    }

ul.dropdown-menu.scrollable-menu {
    height: auto;
    max-height: 250px;
    overflow-x: visible;
    overflow-y: scroll;
    margin-top: -100px;
}

div#selectClientWindow > div.clientList {
    margin: 5px 10px 5px 10px;
    overflow-y: scroll;
    height: 450px;
}

.input-append .btn.dropdown-toggle {
    float: none;
}

ul#vehicleFilter a[selected] {
    background-color: lightgray;
}

td.shiftedDownBox > input[type=checkbox] {
    margin-top: 5px;
}

th.p-th-column div {
    white-space: normal !important;
    height: auto !important;
    padding: 2px;
}

div#documentsListContainer span.title {
    font-weight: bolder;
    margin-top: 10px;
}

.temp--avatar {
    border: 1px solid #676a6c;
    border-radius: 50%;
    margin: 6px 0px 0px 5px;
    padding: 8px 0px 0px 0px;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #676a6c
}

.boldGridHeader {
    font-weight: bolder !important;
}

div.hiddenDivMarker {
    width: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

div.hiddenDivMarkerSmall {
    width: 90px;
    /*margin-left: -4px;
    margin-right: 10px;*/
}

div.hiddenMiddleDivMarker {
    width: 31px;
    margin-right: -16px;
    margin-top: 2px;
}

div.darkBackground {
    background-color: #273A4A;
    /*color:whitesmoke;*/
}

div.fixedSizeDivMarker {
    margin-left: -15px;
    min-width: 200px;
}

.flexPhotoContainer {
    display: flex;
    flex-direction: row;
}

.flexPhotoFullScreenContainer {
    display: flex;
    align-items: stretch;
    flex-direction: row;
}

.flexFloatItem {
    flex-grow: 1;
    min-width: 300px;
}

.flexFloatItem1 {
    flex-grow: 0;
    /*flex-shrink: 0; */ /* užkomentuota, nes sugadina bootstrap col-xs-12 veikimą*/
    /*flex: 1;
    min-width: 400px;*/
}

.flexFloatItemAnimated {
    flex-grow: 1;
}

.flexHistoryReportContainer {
    display: flex;
    flex-wrap: wrap;
}

.flexFloatItem1.ng-hide,
.flexFloatItemAnimated.ng-hide {
    transition: 200ms ease-in-out all;
    /*padoriausias animation būdas - nesusispaudžia krašte mygtukai*/
    opacity: 0;
    width: 0;
    height: 0; /* neveikia map'e, bet kitur reaguoja. */
}

.hiddenDivMarker.ng-hide-add.ng-hide-add-active {
    -webkit-transition: all ease-in 100ms;
    transition: all ease-in 100ms;
}

.hiddenDivMarker.ng-hide-remove.ng-hide-remove-active {
    -webkit-transition: all ease-in 200ms;
    transition: all ease-in 200ms;
    transition-delay: 300ms;
}

.hiddenDivMarker.ng-hide {
    opacity: 0;
}

.flexFloatItemPhoto {
    flex-grow: 0;
    flex-shrink: 0;
}

div.pictures-file-group > div.row {
    margin: 0;
    margin-left: 10px;
}

div#Photos-1 {
}

.padding-left15 {
    padding-left: 15px;
}

.padding-right15 {
    padding-right: 15px;
}

div#Photos-2 {
    display: none;
    position: inherit;
    /*left: 60px !important;*/
    /*top: -100px !important;*/
    z-index: 1300;
    /*background-color:#696969;*/
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
    width: 90% !important;
}

.GalleryOverlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #696969;
    opacity: 0.8;
    z-index: 1299;
}

div.photoTypesContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

div.shiftRight25 {
    margin-right: -25px;
}

/**********************
*   User menu style   *
**********************/
.languageChoose {
    display: inline-block;
    height: 24px;
    width: 80px;
    top: 15px;
}

.languageChooseCurrent {
    color: #676a6c;
    cursor: default;
    pointer-events: none;
}

.languageChooseFlag {
    display: inline-block;
    height: 18px;
    width: 24px;
}

.languageChoose--lt {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/LT.png");
    background-repeat: no-repeat;
}

.languageChoose--en {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/GB.png");
    background-repeat: no-repeat;
}

.languageChoose--ru {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/RU.png");
    background-repeat: no-repeat;
}

.languageChoose--de {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/DE.png");
    background-repeat: no-repeat;
}

.languageChoose--fr {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/FR.png");
    background-repeat: no-repeat;
}

.languageChoose--pl {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/PL.png");
    background-repeat: no-repeat;
}

.languageChoose--ar-sa {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/SA.png");
    background-repeat: no-repeat;
}

.languageChoose--fa {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/FA.png");
    background-repeat: no-repeat;
}

.languageChoose--gr {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/GR.png");
    background-repeat: no-repeat;
}

.languageChoose--es {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/ES.png");
    background-repeat: no-repeat;
}

.languageChoose--ca {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/CT.png");
    background-repeat: no-repeat;
}

.languageChoose--pt {
    background-image: url("https://xgcdn.azureedge.net/Img/Png/FlagIcons/PT.png");
    background-repeat: no-repeat;
}

.user--title {
    color: white;
    font-style: italic;
    padding-left: 10px;
}

.company--title {
    color: white;
    padding-left: 10px;
}

.list--pointer {
    cursor: pointer;
}

.user--background {
    background-color: black;
    min-height: 53px;
}

.user-list--width {
    width: 250px;
}

.text--in--the--middle {
    padding-left: 15px;
    position: absolute;
}

.languageChoose-menu--list {
    min-width: 200px;
}

table#photoGridTable tbody > tr > td[role=gridcell] {
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: normal !important;
    height: auto;
    vertical-align: text-top;
    padding-top: 2px;
    padding-bottom: 3px;
}

img.messagePointer {
    margin-left: 5px;
    margin-right: 10px;
    margin-top: -10px;
    height: 48px;
    float: left;
}

ul.navbar-nav ul.dropdown-menu {
    z-index: 1500;
}

/***************************
*   Vehicles list style   *
***************************/
.cb-selected {
    background-color: #bebec3;
}

/*@media (max-width: 699px) {
    .vehicle--sens {
        display: none;
    }

    .vehicle--type {
        display: none;
    }

    .vehicle--name--mid {
        display: none;
    }

    .vehicle--name, .vehicle--state {
        display: none;
    }

    .vehicle--country {
        display: none;
    }

    .vehicle--speed {
        display: none;
    }

    .vehicle--plate {
        display: none;
    }

    .vehicle--plate--mid {
        display: none;
    }

    .photos-type-full {
        display: none;
    }

    .report--subscribe-small {
        display: none;
    }

    .report--subscribe-mid {
        display: none;
    }
}

@media (min-width: 700px) and (max-width: 850px) {
    .vehicle--name--small, .vehicle--state--small {
        display: none;
    }

    .vehicle--name--mid {
        display: none;
    }

    .vehicle--speed--mid {
        display: none;
    }

    .vehicle--plate--mid {
        display: none;
    }

    .photos-type-small {
        display: none;
    }

    .report--subscribe-small {
        display: none;
    }

    .report--subscribe-mid {
        display: none;
    }
}

@media (min-width: 851px) and (max-width: 1622px) {
    .vehicle--sens {
        display: none;
    }

    .vehicle--name--small {
        display: none;
    }

    .vehicle--name, .vehicle--state {
        display: none;
    }

    .vehicle--country {
        display: none;
    }

    .vehicle--speed {
        display: none;
    }

    .vehicle--plate {
        display: none;
    }

    .vehicle--plate--mid {
        display: none;
    }

    .photos-type-full {
        display: none;
    }

    .report--subscribe-mid {
        display: none;
    }
}



@media (min-width: 1623px) and (max-width: 1859px) {
    .vehicle--name--small, .vehicle--state--small {
        display: none;
    }

    .vehicle--sens {
        display: none;
    }

    .vehicle--name--mid {
        display: none;
    }

    .vehicle--speed--mid {
        display: none;
    }

    .vehicle--plate--mid {
        display: none;
    }

    .photos-type-small {
        display: none;
    }
}*/

.vehicle-name-small,
.vehicle-state-small {
    display: none;
}

.vehicle-checkbox,
.vehicle-actions,
.vehicle-country {
    width: 2em;
}

.vehicle-type,
.vehicle-time {
    width: 4.5em;
}

.vehicle-state,
.vehicle-state-small {
    width: 2em;
}

.vehicle-name-mid {
    display: none;
}

.vehicle-speed-mid {
    display: none;
}

.vehicle-plate-mid {
    display: none;
}

.photos-type-small {
    display: none;
}

.map-vehicle-list-scrollbox {
    overflow-y: scroll;
    overflow-x: auto;
}

/***************************
*  Documents list pločiai  *
***************************/

@media (min-width: 991px) and (max-width: 1340px) {
    .photos-list-count, .photos-list-type-full {
        display: none;
    }
}

@media (min-width: 1341px) {
    .photos-list-type-small {
        display: none;
    }
}

@media (min-width: 641px) and (max-width: 990px) {
    .photos-list-type-small {
        display: none;
    }
}

@media (max-width: 640px) {
    .photos-list-count, .photos-list-type-full {
        display: none;
    }
}

/***************************
*   Device list style (re-used for other config tables)   *
***************************/
@media (max-width: 699px) {
    .device-data-server {
        display: none;
    }

    .device-service-number {
        display: none;
    }

    .device-manufacture-date {
        display: none;
    }

    .device-avrhw {
        display: none;
    }

    .device-server-number {
        display: none;
    }

    .device-gsm-operator {
        display: none;
    }

    .client-address, .client-phone, .client-category, .client-disabled, .client-notes,
    .ctemp-dealer, .ctemp-command,
    .tablet-gcm, .tablet-date,
    .device-code, .device-name, .device-tablet,
    .vehicle-name, .vehicle-year, .vehicle-group,
    .logics-desc, .logics-group,
    .server-port, .server-notes, .server-code,
    .stime-group,
    .vsvc-group, .vsvc-address,
    .apn-group, .apn-name,
    .gsm-code, .gsm-group, .gsm-notes,
    .sim-iccid, .sim-imsi, .sim-apn, .sim-owned, .sim-edit, .sim-notes,
    .user-phone, .user-email, .user-dis, .user-client, .user-role,
    .driver-notes, .driver-phone, .driver-client,
    .category-notes, .logistic-button-name {
        display: none;
    }
}

@media (min-width: 700px) and (max-width: 850px) {
    .device-service-number {
        display: none;
    }

    .device-manufacture-date {
        display: none;
    }

    .device-avrhw {
        display: none;
    }

    .device-server-number {
        display: none;
    }

    .device-gsm-operator {
        display: none;
    }

    .client-phone, .client-category, .client-disabled, .client-notes,
    .ctemp-dealer,
    .device-name,
    .vsvc-group,
    .gsm-group,
    .sim-iccid, .sim-imsi, .sim-owned, .sim-edit,
    .user-phone, .user-email, .user-dis,
    .driver-notes, .driver-phone, .logistic-button-name {
        display: none;
    }
}

@media (min-width: 851px) and (max-width: 999px) {
    .device-data-server {
        display: none;
    }

    .device-service-number {
        display: none;
    }

    .device-manufacture-date {
        display: none;
    }

    .device-avrhw {
        display: none;
    }

    .device-server-number {
        display: none;
    }

    .device-gsm-operator {
        display: none;
    }

    .client-address, .client-phone, .client-category, .client-disabled, .client-notes,
    .ctemp-dealer, .ctemp-command,
    .tablet-gcm, .tablet-date,
    .device-code, .device-name, .device-tablet,
    .vehicle-name, .vehicle-year, .vehicle-group,
    .logics-desc, .logics-group,
    .server-port, .server-notes, .server-code,
    .stime-group,
    .vsvc-group, .vsvc-address,
    .apn-group, .apn-name,
    .gsm-code, .gsm-group, .gsm-notes,
    .sim-iccid, .sim-imsi, .sim-apn, .sim-owned, .sim-edit, .sim-notes,
    .user-phone, .user-email, .user-dis, .user-client, .user-role,
    .driver-notes, .driver-phone, .driver-client,
    .category-notes, .logistic-button-name {
        display: none;
    }
}

@media (min-width: 1000px) and (max-width: 1149px) {
    .device-service-number {
        display: none;
    }

    .device-manufacture-date {
        display: none;
    }

    .device-avrhw {
        display: none;
    }

    .device-server-number {
        display: none;
    }

    .device-gsm-operator {
        display: none;
    }

    .client-phone, .client-category, .client-disabled, .client-notes,
    .ctemp-dealer, .ctemp-command,
    .tablet-gcm, .tablet-date,
    .device-code, .device-name, .device-tablet,
    .vehicle-name, .vehicle-year, .vehicle-group,
    .logics-desc, .logics-group,
    .server-port,
    .vsvc-group, .vsvc-address,
    .gsm-code, .gsm-group, .gsm-notes,
    .sim-iccid, .sim-imsi, .sim-owned, .sim-edit,
    .user-phone, .user-email, .user-dis, .user-client,
    .driver-notes, .driver-phone, .logistic-button-icon {
        display: none;
    }
}

@media (min-width: 1150px) and (max-width: 1299px) {
    .device-service-number {
        display: none;
    }

    .device-avrhw {
        display: none;
    }

    .device-server-number {
        display: none;
    }

    .device-gsm-operator {
        display: none;
    }

    .client-category, .client-disabled, .client-notes,
    .ctemp-dealer,
    .logics-desc, .logics-group,
    .sim-owned, .sim-edit, .sim-notes, .sim-iccid,
    .user-phone, .user-email,
    .driver-notes, .logistic-button-icon {
        display: none;
    }
}

@media (min-width: 1300px) and (max-width: 1449px) {

    .device-server-number {
        display: none;
    }

    .device-gsm-operator {
        display: none;
    }

    .client-notes {
        display: none;
    }

    .ctemp-client {
        display: none;
    }

    .user-email, .logistic-button-icon {
        display: none
    }
}

@media (min-width: 1450px) and (max-width: 1599px) {
    .device-gsm-operator, .logistic-button-icon {
        display: none;
    }
}

/***************************
*   Messaging list style   *
***************************/
.info {
    display: none;
}

.since-hist {
    cursor: auto;
}

.lastinserted {
    background-color: blanchedalmond;
    transition: opacity 500s ease-in-out;
}

.feed-activity-list {
    padding-left: 0px;
}

/***************************
*   Contacts list style   *
***************************/

/* Removed abbreviation style */
.user--name, .user--name--small, .user--name--mid {
    cursor: text !important;
    border-bottom: none !important;
}

.user--status {
    margin-right: 5px;
}

@media (max-width: 449px) {
    .user--name {
        display: none;
    }

    .user--name--mid {
        display: none;
    }

    .tab--name {
        display: none;
    }

    .user--status {
        display: none;
    }

    .communicate-list--t-statemsg {
        width: 10px !important;
    }
}

@media (min-width: 450px) and (max-width: 599px) {
    .user--name {
        display: none;
    }

    .user--name--mid {
    }

    .user--name--small {
        display: none;
    }

    .user--status {
        display: none;
    }

    .communicate-list--t-statemsg {
        width: 10px !important;
    }
}

@media (min-width: 600px) and (max-width: 990px) {
    .user--name--mid {
        display: none;
    }

    .user--name--small {
        display: none;
    }
}

@media (min-width: 991px) and (max-width: 1079px) {
    .tab--name {
        display: none;
    }

    .user--status {
        display: none;
    }

    .communicate-list--t-statemsg {
        width: 10px !important;
    }

    .user--name {
        display: none;
    }

    .user--name--mid {
        display: none;
    }
}

@media (min-width: 1080px) and (max-width: 1299px) {
    .tab--name {
        display: none;
    }

    .user--status {
        display: none;
    }

    .communicate-list--t-statemsg {
        width: 10px !important;
    }

    .user--name {
        display: none;
    }

    .user--name--small {
        display: none;
    }
}

@media (min-width: 1300px) and (max-width: 1599px) {
    .user--name {
        display: none;
    }

    .user--name--small {
        display: none;
    }
}

@media (min-width: 1600px) {
    .user--name--small {
        display: none;
    }

    .user--name--mid {
        display: none;
    }
}

@media (min-width: 121px) and (max-width: 1500px) {
    .history-report--big {
        display: none;
    }
}

@media (min-width: 1501px) {
    .history-report--small {
        display: none;
    }
}

@media (max-width: 850px) {
    .history-report--small {
        display: none;
    }
}

@media (max-width: 1625px) {
    .tab--name--photos {
        display: none;
    }
}

.historyReportBox-heigth {
    height: 350px !important;
}

.history-box-spadding {
    border-left: none !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
}

.historyReportBox-padding {
    padding-top: 25vh;
}

.recentContactsList, .contactsList, .vehicleListTable, .documentsListContainer,
.touchpadTable, .historyReportBox .configList, .dataServerList, .documentsList, .tbl-wrapper,
#documentsList > .tbl-wrapper > .floatThead-wrapper {
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.nav-active-TR {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
    background-color: #ccc;
}

.territories-panel {
    padding-bottom: 5px;
    padding-right: 5px;
}

.territories-panel-l {
    padding-bottom: 5px;
    padding-right: 12px;
    padding-left: 3px;
}

.territories-panel-content {
    border-bottom: none !important;
    border-right: none;
}

/* AUKŠČIAI */

.territoriesReportTEST {
    max-height: 350px;
}

.historyReportBox {
    height: calc(100vh - 340px);
}

.historyReport-fullheight {
    height: calc(100vh - 144px);
}

.historyReport-fullheight-table {
    height: calc(100vh - 200px);
}

@media all and ( max-height: 2160px ) {
    /* UHD rezoliucija */
    .recentContactsList, .contactsList, .vehicleListTable {
        height: 100%;
    }

    .documentsListContainer, .reportTable, .vehicleList {
        height: 100%;
    }

    .touchpadTable, #GraphPlaceholder {
        height: 100%;
    }

    .configList {
        height: 100%;
    }

    .dataServerList {
        height: 100%;
    }

    .historyRTableH {
        height: 100%;
    }

    .territoriesReportTableHeight {
        height: calc(100vh - 480px) !important;
    }

    .territoriesReportTableHeight-extended {
        height: calc(100vh - 450px) !important;
    }

    .documentsList, #documentsList > .tbl-wrapper > .floatThead-wrapper {
        height: 100%;
    }
}

/* Dėl puslapiavimo mygtuko nukėlimo į apačią nuotraukų sąraše */
@media all {
    .documentsList, #documentsList > .tbl-wrapper > .floatThead-wrapper {
        height: calc(100vh - 180px);
        min-height: 300px;
    }
}

@media all and ( max-height: 1200px ) {
    .recentContactsList, .contactsList, .vehicleListTable {
        height: 820px;
    }

    .documentsListContainer, #historyReportData, .reportTable-inc, .vehicleList {
        height: 890px;
    }

    .touchpadTable, #GraphPlaceholder {
        height: 715px;
    }

    .configList {
        height: 680px;
    }

    .territoriesReportTableHeight {
        height: calc(100vh - 470px) !important;
    }

    .territoriesReportTableHeight-extended {
        height: calc(100vh - 394px) !important;
    }

    .dataServerList {
        height: 640px;
    }

    .historyRTableH {
        height: 700px;
    }

    .documentsList, #documentsList > .tbl-wrapper > .floatThead-wrapper {
        /*height: 750px;*/
    }
}

@media all and ( max-height: 1080px ) {
    .recentContactsList, .contactsList, .vehicleListTable {
        height: 700px;
    }

    .documentsListContainer, #historyReportData, .reportTable-inc, .vehicleList {
        height: 770px;
    }

    .territoriesReportTableHeight {
        height: calc(100vh - 440px) !important;
    }

    territoriesReportTableHeight-extended {
        height: calc(100vh - 394px) !important;
    }

    .touchpadTable, #GraphPlaceholder {
        height: 595px;
    }

    .configList {
        height: 560px;
    }

    .dataServerList {
        height: 520px;
    }

    .historyRTableH {
        height: 600px;
    }

    .documentsList, #documentsList > .tbl-wrapper > .floatThead-wrapper {
        /*height: 630px;*/
    }
}

@media all and ( max-height: 1000px ) {
    .recentContactsList, .contactsList, .vehicleListTable {
        height: 620px;
    }

    .documentsListContainer, #historyReportData, .reportTable-inc, .vehicleList {
        height: 690px;
    }

    .touchpadTable, #GraphPlaceholder {
        height: 515px;
    }

    .configList {
        height: 480px;
    }

    .territoriesReportTableHeight {
        height: calc(100vh - 394px) !important;
    }

    .territoriesReportTableHeight-extended {
        height: calc(100vh - 394px) !important;
    }

    .dataServerList {
        height: 440px;
    }

    .historyRTableH {
        height: 550px;
    }

    .documentsList, #documentsList > .tbl-wrapper > .floatThead-wrapper {
        /*height: 550px;*/
    }
}

.historyReportPgCntr {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

    .historyReport-full {
        height: 100% !important;
    }

    .historyReport-fullheight-table {
        height: calc(100vh - 400px);
    }
}

@media all and (max-height: 970px) {

    .territoriesReportTableHeight {
        height: calc(100vh - 430px) !important;
    }

    .territoriesReportTableHeight-extended {
        height: calc(100vh - 384px) !important;
    }
}

@media all and ( max-height: 901px ) {
    .recentContactsList, .contactsList, .vehicleListTable {
        height: 520px;
    }

    .documentsListContainer, #historyReportData, .reportTable-inc, .vehicleList {
        height: 590px;
    }

    .territoriesReportTableHeight {
        height: calc(100vh - 470px) !important;
    }

    .territoriesReportTableHeight-extended {
        height: calc(100vh - 384px) !important;
    }

    .touchpadTable, #GraphPlaceholder {
        height: 415px;
    }

    .configList {
        height: 380px;
    }

    .dataServerList {
        height: 340px;
    }

    .historyRTableH {
        height: 470px;
    }

    .documentsList, #documentsList > .tbl-wrapper > .floatThead-wrapper {
        /*height: 450px;*/
    }
}

@media all and (max-height: 900px) {
    .territoriesReportTableHeight {
        height: calc(100vh - 400px) !important;
    }

    .territoriesReportTableHeight-extended {
        height: calc(100vh - 384px) !important;
    }
}

@media all and ( max-height: 797px ) {
    .recentContactsList, .contactsList, .vehicleListTable {
        height: 395px;
    }

    .documentsListContainer, #historyReportData, .reportTable-inc, .vehicleList {
        height: 465px;
    }

    .touchpadTable, #GraphPlaceholder {
        height: 485px;
    }

    .configList {
        height: 255px;
    }

    .dataServerList {
        height: 215px;
    }

    .historyRTableH {
        height: 300px;
    }

    .territoriesReportTableHeight {
        height: calc(100vh - 380px) !important;
    }

    .territoriesReportTableHeight-extended {
        height: calc(100vh - 382px) !important;
    }
}

.documentsList, #documentsList > .tbl-wrapper > .floatThead-wrapper {
    /*height: 325px;*/
}

@media all and ( max-height: 721px ) {
    .recentContactsList, .contactsList, .vehicleListTable {
        height: 340px;
    }

    .documentsListContainer, #historyReportData, .reportTable-inc, .vehicleList {
        height: 410px;
    }

    .touchpadTable, #GraphPlaceholder {
        height: 235px;
    }

    .configList {
        height: 200px;
    }

    .dataServerList {
        height: 160px;
    }

    .historyRTableH {
        height: 285px;
    }

    .documentsList, #documentsList > .tbl-wrapper > .floatThead-wrapper {
        /*height: 270px;*/
    }

    .territoriesReportTableHeight {
        height: calc(100vh - 380px) !important;
    }

    .territoriesReportTableHeight-extended {
        height: calc(100vh - 395px) !important;
    }
}

@media all and ( max-height: 600px ) {
    .recentContactsList, .contactsList, .vehicleListTable {
        height: 370px;
    }

    .documentsListContainer, #historyReportData, .reportTable-inc, .vehicleList {
        height: 440px;
    }

    .touchpadTable, #GraphPlaceholder {
        height: 265px;
    }

    .configList {
        height: 230px;
    }

    .dataServerList {
        height: 190px;
    }

    .historyRTableH {
        height: 250px;
    }

    .documentsList, #documentsList > .tbl-wrapper > .floatThead-wrapper {
        /*height: 300px;*/
    }
}

/* Auto lentelės aukščiai */

/*Kontaktų lentelės aukščiai*/
@media all and ( max-height: 2160px ) {
    .rightSideWrapper {
        height: 100%;
    }
}

@media all and ( max-height: 1200px ) {
    .rightSideWrapper {
        height: 810px;
    }
}

@media all and ( max-height: 1080px ) {
    .rightSideWrapper {
        height: 670px;
    }
}

@media all and ( max-height: 1000px ) {
    .rightSideWrapper {
        height: 590px;
    }
}

@media all and ( max-height: 901px ) {
    .rightSideWrapper {
        height: 490px;
    }
}

@media all and ( max-height: 797px ) {
    .rightSideWrapper {
        height: 320px;
        height: 440px;
    }
}

@media all and ( max-height: 700px ) {
    .rightSideWrapper {
        height: 290px;
    }
}

@media all and ( max-height: 600px ) {
    .rightSideWrapper {
        height: 240px;
    }
}

#loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #F3F3F4;
}

#loading-map, #loading-report, #loading-config {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #F3F3F4;
    display: none;
}

#report-loader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#report-spinner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #F3F3F4;
}

#mapListSpinner {
    position: absolute;
    left: 9px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #F3F3F4;
}

.loading-spinner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #F3F3F4;
}

#loading-modal-table {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: white;
    display: none;
}

#loading-table {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.loading-list {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

#loading-table-spinner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    animation: 5s linear all infinite;
    -webkit-animation: 5s linear infinite;
}

#loading-image {
    position: absolute;
    width: 300px;
    height: 300px;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
}

#loading-image-map, #loading-image-report, #loading-image-config, .loading-image {
    position: relative;
    left: 45%;
    top: 45%;
}

#loading-text-report, .loading-text {
    position: relative;
    left: 46%;
    top: 45%;
}

.spinner-aling {
    position: absolute;
    width: 300px;
    height: 300px;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
}

.spinner-aling-multisearch {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-animation: 1s linear infinite;
    animation: 1s linear infinite;
}

@-webkit-keyframes fadeinout {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes fadeinout {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.spinner-aling-text {
    position: absolute;
    width: 300px;
    height: 300px;
    left: 50%;
    top: 50%;
    margin-top: 30px;
}

/*# "kitas" loading picture
    loading-image {
    position:absolute;
    width:378px;
    height:213px;
    left:50%;
    top:50%;
    margin-left:-196px;
    margin-top:-106px;
}*/

/*div#Config-1 li.nav-header {*/
/*margin-top: 10px;*/
/*margin-bottom: 10px;*/
/*background-color:#273A4A;*/
/*}*/
/*div#Config-1 li.nav-header h3 {*/
/*color: whitesmoke;*/
/*}*/
div#Config-1 li {
    background-color: #273A4A;
    color: whitesmoke;
    font-weight: bolder;
}

/*div#Config-1 li.active {*/
/*background-color: #293846;*/
/*color: whitesmoke;*/
/*font-weight:bolder;*/
/*}*/
div#Config-1 a > span {
    display: inline-block;
}

div#Config-1 a:hover {
    color: purple;
}

div#Config-1 li > ul {
    list-style-type: none;
}

    div#Config-1 li > ul > li {
        margin-top: 3px;
    }

div#Config-1 button.btn-white > span {
    color: black;
}

.table .label-unknown {
    background-color: #B5B1B1;
    color: #ffffff;
    padding: 0.07em 0.5em 0.1em;
    font-size: 10px;
}

.label.label-parked {
    background-color: #1c84c6;
    color: #ffffff;
    padding: 0.07em 0.5em 0.1em;
    font-size: 10px;
}

.label.label-moving {
    background-color: #1ab394;
    color: #ffffff;
    padding: 0.07em 0.5em 0.1em;
    font-size: 10px;
}

.label.label-unknown {
    background-color: #B5B1B1;
    color: #ffffff;
    padding: 0.07em 0.5em 0.1em;
    font-size: 10px;
}

div#availableClientListX .input-group, div#registeredUsersListX .input-group {
    width: 50%;
}

.control-label-near {
    padding-top: 6px;
    padding-left: 0;
}

.control-label-near-m {
    padding-top: 4px;
    padding-left: 2px;
}

/*Navigacija visada ant viršaus +opaque fade out*/
/*body { padding-top: 50px; }*/

/*.navbar-fixed-top.opaque {*/
/*background-color: rgb(23, 41, 85);*/
/*transition: background-color 2s ease 0s;*/
/*}*/
/*.navbar-header.opaque {*/
/*background-color: rgb(23, 41, 85);*/
/*transition: background-color 2s ease 0s;*/
/*}*/
/*----------------------------------------------*/
.modal-header {
    /*cursor: move;*/
}

/*KAM ANT MODALO MOVE KURSORIUS JEI NEGALIMA NET PAJUNDINT TO MODALO???????*/

/*
    To improve google suggest style
    https://developers.google.com/maps/documentation/javascript/places-autocomplete
*/
.pac-container {
    z-index: 30000;
}

/*----------------------------------------------*/

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
    -moz-animation: spin3 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-moz-keyframes spin3 {
    from {
        -moz-transform: scale(1) rotate(0deg);
    }

    to {
        -moz-transform: scale(1) rotate(360deg);
    }
}

.message--type--info {
    margin-left: -10px;
    margin-right: 5px;
    opacity: 0.7;
}

/*Grab*/
.GrabCursor {
    cursor: pointer;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.GrabbingCursor {
    cursor: pointer;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.pictures--map--footer {
    padding-top: 8px;
}

.groupHeader {
    font-weight: bold;
    font-size: larger;
}

/*.wizardFieldset {*/
/*margin: 8px;*/
/*border-radius: 10px 10px 10px 10px;*/
/*-moz-border-radius: 10px 10px 10px 10px;*/
/*-webkit-border-radius: 10px 10px 10px 10px;*/
/*border:  1px dashed #003366;*/
/*padding: 8px;*/
/*}*/

.wizardFieldsetNoBorder {
    margin: 8px;
    padding: 8px;
}

.wizardModalFieldset {
    margin: 8px;
    border: 1px dashed silver;
    padding: 8px;
    border-radius: 4px;
}

.wizardLegend {
    padding: 2px;
    font-size: 15px;
    width: inherit;
    border-bottom: none;
}

.wizardSearch {
    width: 100% !important;
    margin-bottom: 5px
}

.wizardNavButtons {
    margin-bottom: 45px;
}

table#wizardSummary {
    border-spacing: 5px;
    border: 2px solid silver;
    border-collapse: collapse;
    margin: 20px 40px 20px 60px;
}

    table#wizardSummary td, table#wizardSummary th {
        padding: 15px;
        border: 1px solid silver;
    }

    table#wizardSummary td {
        text-align: center;
    }

span.errorMessage {
    font-size: 0.8em;
    font-weight: bold;
    color: red;
}

/*transporto ikonų dydžiai*/
.large-icon {
    font-size: 2.2em;
    padding: 0 !important;
}

.medium-icon {
    font-size: 1.4em;
    padding: 0 !important;
}

.small-icon {
    font-size: 1.0em;
    padding: 0 !important;
}

.vehicleMapIcon .real_time_dto {
    padding: 3px;
    background-color: white;
    color: #444;
    border: 1px solid transparent;
    border-radius: 4px;
}

.vhc-info-table {
    margin: 0px 5px 5px;
}

.vhc-info-close-button {
    color: black;
    float: right;
}

.leaflet-container {
    top: -55px;
    left: 23px;
    margin: 0 auto;
    width: 20px;
    height: 40px;
    position: relative;
    overflow: hidden;
}

.leaflet-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: 5px 10px 0;
    background: white;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.shadow {
    -webkit-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.75);
}

div#EditUserDialog table {
    width: 100%;
}

    div#EditUserDialog table td {
        padding-left: 20px;
        padding-top: 10px;
    }

        div#EditUserDialog table td:last-child {
            padding-right: 20px;
        }

    div#EditUserDialog table tr:last-child td {
        padding-bottom: 10px;
    }

    div#EditUserDialog table tr > td > input[type="text"], div#EditUserDialog table tr > td > input[type="password"] {
        width: 100%;
    }

    div#EditUserDialog table tr > td > span {
        display: inline-block;
        width: 100%;
        white-space: nowrap;
    }

        div#EditUserDialog table tr > td > span > input[type="text"] {
            width: 95%;
            margin-left: 5px;
        }

/* notification css */
.ui-pnotify.stack-bar-bottom {
    margin-left: 25%;
    right: auto;
    bottom: 0;
    top: auto;
    left: auto;
}

.ui-pnotify.stack-bar-top {
    margin-left: 0;
    right: auto;
    bottom: 0;
    top: 52px;
    left: auto;
    height: 75px;
}

div#EditUserDialog table tr > td > span[data-mandatory] {
    font-weight: bolder;
}

div#EditUserDialog table tr > td > input[readonly] {
    outline: none;
    border: none;
}

input[disabled] + label {
    color: silver;
}

div#TabletAssignmentModal div.flexContainer {
    justify-content: space-between;
    align-items: stretch;
}

div#TabletAssignmentModal col.left-item {
    width: 40%;
}

div#TabletAssignmentModal col.right-item {
    width: 60%;
}

div#TabletAssignmentModal select#allTablets {
    width: 100%;
}

@-moz-document url-prefix() {
    .dropdown-menu.inner.selectpicker > li > a {
        white-space: normal;
    }

    .btn-group.bootstrap-select.form-control {
        white-space: normal;
    }

    .btn.dropdown-toggle.selectpicker.btn-white {
        height: 34px;
        white-space: normal;
    }
}

.msgGroupNode {
    fill: #ccc;
    stroke: #fff;
    stroke-width: 2px;
}

.msgGrouplink {
    stroke: #777;
    stroke-width: 2px;
}

/*lentelė ant žemėlapio*/
.graph-table {
    visibility: hidden;
    background-color: white;
    border-top: dashed 1px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    bottom: 10px;
    left: 25px;
    z-index: 99;
    width: 100%;
    height: 30%;
}

.selectedVehicleForHistory {
    background-color: #1C84C6;
    color: #fff;
}

.selectedDocumentForPhotos {
    background-color: #F9F9F9;
}

#vTable.table-hover > tbody > tr:hover > .selectedVehicleForHistory {
    background-color: #1C84C6;
    color: #fff;
}

.history-player-settings-header {
    color: white;
}

    .history-player-settings-header > i, .history-player-settings-header > span {
        color: white;
    }

.history-player-settings-body {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.animate-enter,
.animate-leave {
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
}

    .animate-enter.animate-enter-active,
    .animate-leave {
        opacity: 1;
        top: 0;
        height: 30px;
    }

        .animate-leave.animate-leave-active,
        .animate-enter {
            opacity: 0;
            top: -50px;
            height: 0px;
        }

.wizardTable {
    padding-bottom: 10px;
}

.datatable-body.table.table-bordered.table-hover.dataTables-example.dataTable tr {
    cursor: pointer;
}

div#documentsListContainer tr:not([aria-selected]) > td.notViewed, div#documentsListContainer tr[aria-selected="false"] > td.notViewed {
    background-color: lightcyan;
}

/* report ataskaitoms: */
/* lentelei lentelėje */
.innerTableDiv {
    overflow: auto;
}

.innerTable {
    border-collapse: collapse;
}

/* exploatation report'ui neperkeliamos celės */
.tableNoWrapCell {
    white-space: nowrap;
}

/* modalinio lango pozicija (atitraukimas nuo viršaus) */
.lowerModal {
    margin: 60px auto;
}

/* atitraukimas pagal TVSWEB-729 (nuo 15-07-17 nebe; buvo 133px) */
.modal-dialog {
    margin-top: 51px;
}

/* ul be bullet'ų ir atitraukimo */
.list-unstyled {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* map'o legendos paveiksliukas */
.map-legend-pic {
    height: 25px;
    width: 25px;
}

div#historyReportData {
    overflow-x: hidden !important;
}

    /*div#historyReportData ul{
    margin-top: 10px;
}
div#historyReportData ul.nav-tabs > li > div {
    height: 32px;
    width: 100px;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    margin-right: 5px;
    font-size: normal;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}
div#historyReportData ul.nav-tabs > li.active > div {
    background-color: lavender;
}
div#historyReportData ul.nav-tabs > li:not(.active) > div:hover {
    cursor: pointer;
}*/
    div#historyReportData ul.nav-tabs > li > a {
        border-width: 0 0 3px 0;
        padding: 5px 10px;
    }

        div#historyReportData ul.nav-tabs > li > a:active {
            color: #18A689;
            border-color: #18A689;
        }

    div#historyReportData div.tab-content div.legend table {
        width: auto;
    }

    div#historyReportData div.tab-content table {
        width: 100%
    }

    /*
div#historyReportData ul.pagination-sm li:not(.active) span {
    background-color: #ffffff !important;
}

*/
    /*ul.pagination-sm li.pager-info span {*/
    /*display:inline-block;*/
    /*background-color: #0000A0 !important;*/
    /*color: white !important;*/
    /*cursor:auto none;*/
    /*}*/
    div#historyReportData ul.pagination-sm > li:not(.active) > span:hover {
        cursor: pointer;
        background-color: #ADD8E6 !important;
    }

    div#historyReportData div#historyMapContainer {
        width: 100%;
    }

    div#historyReportData div#map-canvas {
        width: 100%;
        height: 100%;
    }

div#ataskaitos-2 div.sidebar__vehicles-list-body {
    height: auto;
    background-color: white;
}

div#ataskaitos-2 div.flexPhotoContainer {
    /*height: 1180px;*/
}

div#ataskaitos-2 div#historyMapSplitter {
    height: 10px;
    background-color: silver;
    width: 100%;
}

    div#ataskaitos-2 div#historyMapSplitter:hover {
        cursor: row-resize;
        background-color: silver;
        width: 100%;
    }

div#historyReportData table.datatable-body tr.selected {
    background-color: lightgray;
}

div#historyReportData table.datatable-body tr:hover {
    cursor: pointer;
    background-color: #eee;
}

#fileUploadDropBox {
    height: 150px;
    line-height: 150px;
    border: 2px dashed #18A689;
    border-radius: 25px;
    text-align: center;
    vertical-align: middle;
}

/* !important, nes .badge labai erzinanti klasė. */
.badge-primary-pdf {
    background-color: #DA251C !important;
    color: #FFFFFF !important;
}

.badge-primary-xls, .badge-primary-xlsx {
    background-color: #80AF63 !important;
    color: #FFFFFF !important;
}

.badge-primary-doc, .badge-primary-docx {
    background-color: #1765D8 !important;
    color: #FFFFFF !important;
}

.badge-primary-jpg, .badge-primary-jpeg {
    background-color: #EAB738 !important;
    color: #FFFFFF !important;
}

.badge-primary-bmp {
    background-color: #2781D0 !important;
    color: #FFFFFF !important;
}

.badge-primary-png {
    background-color: #2C0985 !important;
    color: #FFFFFF !important;
}

span.group-dealer-name {
    margin-left: 5px;
}

div#EditMessageGroup div.modal-body {
    width: 100%;
    margin: auto;
    padding: 15px 20px;
}

div#EditMessageGroup div.available-group-members {
    position: relative;
    padding: 5px;
    height: 350px;
    max-height: 400px;
    border: 1px solid #e7eaec;
    overflow-y: scroll;
}

div#EditMessageGroup div.registered-group-members {
    position: relative;
    padding: 5px;
    height: 350px;
    max-height: 400px;
    border: 1px solid #e7eaec;
    overflow-y: scroll;
}

div#EditMessageGroup div.management-buttons {
    margin: 0;
    height: 60px;
    background: #95B9C7;
    clear: both;
}

div#EditMessageGroup div.groupping-buttons {
    margin: 0;
    /*height: 50px;
    background: #95B9C7;*/
}

div#EditMessageGroup span.available-group-member {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    padding-left: 2px;
}

div#EditMessageGroup span.group-member-name {
    margin-left: 5px;
}

div#EditMessageGroup .left-flow {
    float: left;
    margin-left: 5px;
}

div#EditMessageGroup .right-flow, div#registeredMessageGroups div.management-buttons-div .right-flow {
    float: right;
    margin-right: 5px;
}

div#registeredMessageGroups div.management-buttons-div {
    height: 40px;
    width: 100%;
    margin-top: -10px;
}

    div#registeredMessageGroups div.management-buttons-div input.left-flow {
        float: left;
        width: 300px;
        height: 30px;
    }

div#registeredMessageGroups svg > g.circles:hover {
    cursor: pointer;
}

div#rptTemplateAsgnToCategories form#templateList a.btn {
    margin-right: 10px;
}

.padding-top {
    padding-top: 10px;
}

div#rptTemplateAsgnToCategories div.row {
    padding-left: 10px;
    padding-right: 10px;
}

div#rptTemplateEdit form#TPLselection table.datatable-body thead th {
    text-align: center;
    vertical-align: middle;
}

div#rptTemplateEdit form#TPLselection table.datatable-body tbody td.right-text {
    text-align: right;
    margin-right: 5px;
}

div#rptTemplateEdit form#TPLselection table.datatable-body tbody td input[type="checkbox"] {
    float: left;
    margin: 3px auto;
    width: 100%;
}

.clientsTable table.datatable-body tbody td input[type="checkbox"] {
    float: left;
    /*margin: 3px auto;*/
    width: 100%;
}

.legendLabel {
    font-size: 14px;
    width: auto !important;
}

#GraphPlaceholder .button, #GraphOverview .button, #FuelGraph .button, #FuelChart .button, #historyGraph .button {
    position: absolute;
    cursor: pointer;
}

div#reportTemplateModal div.availableColumnInfo {
    height: 420px;
    overflow-y: auto;
}

div.borderedFooter {
    margin-top: 5px;
    border-top: solid medium;
    padding-top: 10px;
}

fieldset[name="column-editor"] td.center-text {
    padding-top: 10px;
    padding-left: 1em;
}

table#tripReportTable > tbody {
    margin-bottom: 5px;
}

div.vScrollableRegion {
    width: 100%;
    margin-right: 5px;
    overflow-y: auto;
}

td.rightButtons {
    text-align: right !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 10px !important;
    background-color: #F5F5F6;
}

div#resortColumnsModal table tbody tr.disabled td {
    background-color: #FFFFF0;
}

.report-dropdown {
    margin-top: -14px;
}

.panel-fix {
    margin-bottom: 0px !important;
}

.ie-hide {
    display: none;
}

    .ie-hide td {
        padding: 0 !important;
    }

/*#vTable.table-hover > tbody > tr:hover > td,*/
/*#vTable.table-hover > tbody > tr:hover > th,*/
/*#uTable.table-hover > tbody > tr:hover > td {*/
/*background-color: #fff0e6;*/
/*}*/
/*#vTable.table-hover > tbody > tr.group-header:hover > td{*/
/*background-color: #4178ae;*/
/*border: none;*/
/*}*/

div#sectionUsers table > tbody > tr.group-header > td {
    background-color: #1AB394 !important;
    font-weight: bold !important;
    font-size: larger !important;
    color: white;
}

/*.nav > li.active > a:hover {*/
/*color: #9ec0e1;*/
/*}*/

/* Mirksintis DIV-as */
.blinking-object {
    -webkit-animation-name: blinkingObject; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: blinkingObject;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes blinkingObject {
    0% {
        opacity: 1.0;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 1.0;
    }
}

/* Standard syntax */
@keyframes blinkingObject {
    0% {
        opacity: 1.0;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 1.0;
    }
}

.blue-text {
    color: #000;
}

/*.blue {*/
/*border: 4px solid #003366;*/
/*border-topradius: 10%;*/
/*background-color: #003366;*/
/*color: white;*/
/*align-content: center;*/
/*box-sizing: content-box;*/
/*font-size:10px;*/
/*}*/

/*.blue:hover{*/
/*background-color: #ff6600;*/
/*border: 4px solid #ff6600;*/

/*}*/

.form-horizontal.tab-pane {
    margin: 0;
}

.favoriteList {
    word-wrap: break-word;
}

.favorites-btn {
    padding: 8px 0px 8px 0px;
}

/*.tab-btn {*/
/*color: inherit;*/
/*background: white;*/
/*border: 1px solid #e7eaec;*/
/*outline: none !important;*/
/*}*/
.tab-btn:focus {
    border: 1px solid #e7eaec;
}

.tab-btn.active-tab {
    color: white;
    background-color: var(--primaryColor);
}

.tab-btn:active {
    color: #ADD8E6;
    background-color: white !important;
}

.vertical-tab {
    display: block;
    z-index: 10;
}

div#AdditionalData {
    display: none;
    position: absolute;
    left: 5px;
    top: 5px;
    background-color: #eee;
    width: 500px;
    height: 350px;
    z-index: 2000;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

    div#AdditionalData > div.verticalContainer {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        background-color: antiquewhite;
    }

        div#AdditionalData > div.verticalContainer > div.modal-header,
        div#AdditionalData > div.verticalContainer > div.borderedFooter {
            flex-grow: 0;
            flex-shrink: 0;
        }

        div#AdditionalData > div.verticalContainer > div.borderedFooter {
            height: 55px;
            margin-left: 2px;
            margin-right: 2px;
        }

            div#AdditionalData > div.verticalContainer > div.borderedFooter button {
                float: right;
                margin-right: 15px;
            }

        div#AdditionalData > div.verticalContainer > form {
            flex-grow: 1;
            padding: 5px;
        }

.dialog-footer {
    position: static;
    overflow: hidden;
}

.m-v-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/*.settings-content .nav-tabs > li.active > a {*/
/*color: #003366;*/
/*border-width: 0 0 3px 0;*/
/*border-color: #003366;*/
/*}*/

/*.settings-content .nav-tabs > li.active > a {*/
/*color: #003366;*/
/*border-width: 0 0 3px 0;*/
/*border-color: #003366;*/
/*}*/
/*.settings-content .nav-tabs > li.active > a:hover{*/
/*color: #003366;*/
/*border-width: 0 0 3px 0;*/
/*border-color: #003366;*/
/*}*/
.btn-action {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #ffffff;
    outline: none;
}

    .btn-action:focus {
        outline: none;
    }

.btn-circle.btn-sm {
    width: 20px;
    height: 20px;
    padding: 0;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-action.selected {
    background-color: #18A689 !important;
    border-color: #18A689 !important;
    color: #ffffff !important;
}

.tab-content-inner {
    margin: 15px 0;
}

.nav.nav-tabs > .config-tabs > .nav-link {
    color: #999;
    padding: 10px;
}

.nav.nav-tabs > .config-tabs > a:hover {
    color: #141414 !important;
    background-color: rgba(204, 204, 204, 0.2) !important;
    border: 1px solid rgba(204, 204, 204, 0.2);
    border-bottom-width: 3px;
    border-radius: 0;
}

div#vehiclesList > div > ul > li.uib-tab.nav-item:hover {
    color: #fff !important;
}

/*Custom green checkbox START*/
input[type="checkbox"].green:focus, input[type="radio"].green:focus {
    outline: none !important;
}

input[type="checkbox"].green, input[type="radio"].green {
    position: relative;
    vertical-align: -4px;
    border: none;
    -webkit-appearance: none;
    cursor: pointer;
    margin: 2px 0 0 2px;
    line-height: normal;
    box-sizing: border-box;
    padding: 0;
}

    input[type="checkbox"].green:checked:before, input[type="radio"].green:checked:before {
        content: "";
        position: absolute;
        display: table;
        width: 5px;
        height: 12px;
        border: 2px solid #fff;
        border-top-width: 0;
        border-left-width: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    input[type="checkbox"].green:checked:before {
        top: 0;
        left: 5px;
    }

    input[type="radio"].green:checked:before {
        top: 5px;
        left: 11px;
    }

    /*input[type="checkbox"].green:checked:after, input[type="radio"].green:checked:after{*/
    /*background-color: #003366;*/
    /*border-color: #003366;*/
    /*}*/
    /*input[type="checkbox"].green:after, input[type="radio"].green:after {*/
    /*content: "";*/
    /*display: block;*/
    /*margin-top: 0;*/
    /*margin-right: 5px;*/
    /*border: 1px solid #BBB; */
    /*}*/

    input[type="checkbox"].green:after {
        border-radius: 2px;
        width: 15px;
        height: 15px;
    }

    input[type="radio"].green:after {
        border-radius: 100%;
        width: 25px;
        height: 25px;
    }

    /*input[type="checkbox"].green:hover:after, input[type="radio"].green:hover:after {*/
    /*border: 1px solid #003366;*/
    /*}*/

    /*input[type="checkbox"].green:hover:after, input[type="radio"].green:hover:after {*/
    /*border: 1px solid #004384;*/
    /*}*/

    input[type="checkbox"].green:disabled::after, input[type="radio"].green:disabled::after {
        background-color: #dddddd;
        border-color: #dddddd;
    }

/*Custom green checkbox END*/

/*Custom green checkbox START*/

/*input[type="checkbox"].greenbb:focus, input[type="radio"].green:focus {*/
/*outline: none !important;*/
/*border-color: #ffffff;*/

/*}*/

/*input[type="checkbox"].greenbb, input[type="radio"].green {*/
/*position: relative;*/
/*vertical-align: -4px;*/
/*border: none;*/
/*-webkit-appearance: none;*/
/*cursor: pointer;*/
/*margin: 4px 0 0 6px;*/
/*line-height: normal;*/
/*box-sizing: border-box;*/
/*padding: 0;*/

/*}*/

/*input[type="checkbox"].greenbb:checked:before, input[type="radio"].green:checked:before {*/
/*content: "";*/
/*position: absolute;*/
/*display: table;*/
/*width: 5px;*/
/*height: 12px;*/
/*border: 2px solid #ffffff;*/
/*border-top-width: 0;*/
/*border-left-width: 0;*/
/*-webkit-transform: rotate(45deg);*/
/*-ms-transform: rotate(45deg);*/
/*-o-transform: rotate(45deg);*/
/*transform: rotate(45deg);*/
/*}*/

/*input[type="checkbox"].greenbb:checked:before {*/
/*top: 0;*/
/*left: 5px;*/

/*}*/

/*input[type="radio"].greenbb:checked:before{*/
/*top: 5px;*/
/*left: 11px;*/
/*}*/

/*input[type="checkbox"].greenbb:checked:after, input[type="radio"].green:checked:after{*/
/*background-color: #003366;*/
/*border-color: #ffffff;*/
/*}*/
/*input[type="checkbox"].greenbb:after, input[type="radio"].green:after {*/
/*content: "";*/
/*display: block;*/
/*margin-top: 0;*/
/*margin-right: 5px;*/
/*border: 1px solid #BBB;*/
/*}*/

/*input[type="checkbox"].greenbb:after {*/
/*border-radius: 2px;*/
/*width: 15px;*/
/*height: 15px;*/
/*}*/

/*input[type="radio"].greenbb:after {*/
/*border-radius: 100%;*/
/*width: 25px;*/
/*height: 25px;*/
/*}*/

/*.panel-default > .panel-heading {*/
/*color: #003366;*/
/*background-color: #9ccaf6;*/
/*border: 1px solid #9ccaf6;*/
/*}*/
/*.panel-default {*/
/*border-color: transparent;*/
/*border-radius: 4px !important;*/
/*}*/
/*.panel{*/
/*margin-bottom: 3px;*/
/*}*/

/*.panel-body{*/
/*border: 1px solid #dddddd;*/
/*}*/

/*input[type="checkbox"].greenbb:hover:after, input[type="radio"].green:hover:after {*/
/*border: 1px solid #000000;*/
/*}*/

/*input[type="checkbox"].greenbb:disabled::after, input[type="radio"].green:disabled::after {*/
/*background-color: #dddddd;*/
/*border-color: #e4f0fb;*/
/*}*/

/*input[type="checkbox"].greenbb:after, input[type="radio"].green:after {*/
/*border-color: #ffffff;*/
/*}*/

/*MARGIN - FIX Gražesniam lygiavimui.*/

.margin-fix {
    margin-top: 8px;
}

.margin-fix-double {
    margin-top: 24px;
}

form#CLMselection legend.wizardLegend {
    margin-bottom: 0 !important;
}

form#CLMselection fieldset div.form-group {
    padding-left: 8px;
}

form#CLMselection table.datatable-body thead th, form#CLMselection table.datatable-body tbody td.center-text {
    text-align: center;
    vertical-align: middle;
}

table.table-centered th, table.table-centered td {
    text-align: center;
}

form#CLMselection table.datatable-body tbody td {
    vertical-align: middle;
}

    form#CLMselection table.datatable-body tbody td.center-text {
        text-align: center;
    }

div.checkbox-list {
    margin-top: 8px;
    border: solid thin;
    padding: 5px;
    height: 400px;
}

    div.checkbox-list > form {
        width: 100%;
        height: 100%;
    }

    div.checkbox-list div.scroll-container {
        width: 100%;
        height: 100%;
    }

fieldset#rpt-col-groups div.bottom-commander {
    border-top: thin solid black;
    position: absolute;
    height: 60px;
    left: 30px;
    right: 30px;
    bottom: 10px;
    text-align: center;
}

    fieldset#rpt-col-groups div.bottom-commander > div {
        margin-top: 10px;
    }

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

/*some animations*/

.animate-show {
    -moz-transition: all linear 1s;
    -o-transition: all linear 1s;
    transition: all linear 1s;
    display: block !important;
    -webkit-transition: all linear 1s;
    transition: all linear 1s;
    opacity: 1;
}

    .animate-show.ng-hide-add,
    .animate-show.ng-hide-remove {
        display: block !important;
    }

    .animate-show.ng-hide {
        opacity: 0;
    }

.form-control[readonly].customModalComponent {
    cursor: pointer;
    background-color: white;
}

.form-control[readonly] {
    cursor: text;
}

.ignitionOn {
    color: #18A689;
}

.ignitionOff {
    color: red;
}

.centerHorizontally {
    text-align: center;
}

.historyPagination {
    display: inline-block;
    position: static;
    padding-left: 0;
    margin: 5px 0 0 0;
    border-radius: 4px;
}

/*vh klasės elementų aukščiams*/
.reportExpanded {
    height: calc(100vh - 584px);
}

.reportCollapsed {
    height: calc(100vh - 374px);
}

.ibox-report {
    background-color: #ffffff;
}

    .ibox-report .ibox-content {
        padding-bottom: 10px;
    }

    .ibox-report .param-name {
        font-weight: bold;
    }

    .ibox-report h1 {
        font-size: 20px;
    }

        .ibox-report h1 span {
            font-size: 16px;
        }

.ibox-no-title {
    border-top: 3px solid #e7eaec;
}

.ibox.ibox-report {
    margin-bottom: 0 !important;
}

.flex-container {
    /* dar yra .reports-flexwrap */
    display: flex;
    align-items: stretch;
}

.col-flex {
    flex-grow: 1;
}

    .col-flex img {
        width: 100%;
    }

/* tuščios vietos mažinimas */
.navbar-default.hidden-phone.height-0 {
    height: 0px;
}

.wrapper.wrapper-content {
    padding-top: 0px;
}

.flexFloatItem, .flexFloatItem1 {
    padding-left: 10px;
    padding-right: 10px;
}

.main-sidebar, .sidebar--communicate, .sidebar--reports, .sidebar--settings {
    padding-left: 0px;
    padding-right: 4px;
}

.container-fluid.container-slim {
    padding-left: 8px;
    padding-right: 8px;
}

.settings-content {
    padding-left: 0px;
    padding-right: 0px;
}

.widgets-content .nav-tabs > li > a {
    padding: 5px 10px;
}

.widgets-content {
    padding-left: 3px;
    padding-right: 9px;
}

div#nustatymai-1 > div > div.flexFloatItem, div#Photos-1 > div > div.flexFloatItem, .flexFloatItemPhoto {
    padding-left: 0px;
    padding-right: 0px;
}

#scrollContainer th:last-child, #scrollContainer td:last-child {
    padding-right: 15px;
}

.photos-tabs .nav > li > a {
    padding: 5px 10px;
}

.photos-tabs .nav-tabs {
    border-bottom: none;
}

table#photos-details-table {
    border-spacing: 5px;
    border: 2px solid silver;
    border-collapse: collapse;
}

    table#photos-details-table td, table#photos-details-table th {
        padding: 15px;
        border: 1px solid silver;
    }

    table#photos-details-table td {
        text-align: center;
    }

.no-right-padding {
    padding-right: 0px;
}

table.table-text-wrap {
    table-layout: fixed;
    white-space: nowrap;
}

    table.table-text-wrap th:not(.td-drop), table.table-text-wrap td:not(.td-drop) {
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

.text-wrap {
    white-space: normal;
}

.pagination {
    margin-bottom: 0;
    margin-top: 0;
}

paging.small {
    display: block;
    height: 30px;
    padding-top: 15px;
}

.reportGraph.padding-fix {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.panel {
    border: none;
}

.scroll-report > .floatThead-wrapper > .floatThead-container {
    padding-left: 20px !important;
    padding-right: 0px !important;
}

.config-content > .ibox > .ibox-content {
    padding: 10px 10px 10px 10px !important;
}

.config-content > .ibox > .ibox-title {
    padding: 10px 10px 10px 10px !important;
}

.settings-content > .float-e-margins > .ibox-content {
    padding: 10px 10px 10px 10px !important;
}

.settings-content > .float-e-margins > .ibox-title {
    padding: 10px 10px 10px 10px !important;
}

.config-content > .ibox.float-e-margins > .ibox-content {
    padding: 5px 5px 5px 5px !important;
    height: calc(100vh - 200px);
}

.ibox.float-e-margins > .ibox-content.report-content {
    padding: 0 !important;
    border-left: none;
    border-right: none;
}

.ibox.float-e-margins > .ibox-title {
    padding: 10px 5px 10px 5px !important;
}

.settings-content > .float-e-margins > .ibox-content.report-content {
    padding: 0 !important;
    border-left: none;
    border-right: none;
    height: calc(100vh - 130px);
}

.ibox-content .scroll-container {
    padding: 10px 10px 10px 10px !important;
}

.ibox-content {
    padding: 10px 20px 10px 20px !important;
}

    .ibox-content.report-content {
        padding: 0 !important;
        border-left: none;
        border-right: none;
    }

    .ibox-content.report-content-r {
        padding-right: 0 !important;
    }

/*.historyReport-fullheigth{*/
/*height: 100%;*/
/*}*/

/*.historyReport-fullheigth-table {*/
/*height: calc(100vh - 21vh);*/
/*}*/

.ibox-content-historyReport {
    background-color: #ffffff;
    color: inherit;
    padding: 5px 0 5px 0;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}

th.list-cog, th.list-icon {
    width: 50px;
}

.form-with-groups h3 {
    text-transform: uppercase;
    color: #aaa;
    background: transparent url(../img/Png/bg_line.png) center center repeat-x;
}

    .form-with-groups h3 span {
        font-size: 14px;
        padding: 0 10px;
        background: white;
    }

.list-without-style {
    list-style-type: none;
    padding-left: 1px;
}

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

.container-right-padding {
    padding-left: 0;
    padding-right: 10px;
}

.container-left-padding {
    padding-left: 10px;
    padding-right: 0;
}

.task-edit-panel label {
    word-wrap: break-word;
}

.angular-google-map-container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*TODO perkelti i site css*/
#page-wrapper.new {
    padding: 0;
}

.orders-map-container {
    padding: 10px;
    background-color: #fff;
}

div#userPhotoContainer > div.col-md-6 > div.ibox {
    margin-bottom: 25px;
}

.items-panel {
    padding: 0 0 10px 0;
}

    .items-panel .item {
        display: inline-block;
    }

.list-body {
    overflow-y: scroll;
}

.extra-info-container {
    z-index: 10000;
    position: absolute;
    border: 1px solid silver;
    background-color: white;
    min-width: 340px;
}

    .extra-info-container.right {
        left: calc(100% + 5px);
    }

    .extra-info-container.left {
        left: -336px;
    }

    .extra-info-container .item {
        padding-left: 20px;
        padding-top: 10px;
    }

.photos-details-table {
    width: 100%;
    border-spacing: 5px;
    border-collapse: collapse;
}

    .photos-details-table tbody {
        border: 2px solid #999;
    }

    .photos-details-table td {
        padding: 15px;
        text-align: left;
        border: 1px solid silver;
    }

.display-inline-item-important {
    display: inline-block !important;
}

.dragable {
    cursor: move
}

.orders-entry-control {
    position: absolute;
    top: 20px;
    right: 15px;
}

.blacklisted-contact {
    background-color: #F5F5F5;
}

.orders-content .nav-tabs > li > a {
    padding: 5px 10px;
}

    .orders-content .nav-tabs > li > a:hover {
        color: #fff !important;
        background-color: #ccc !important;
        border: 1px solid #ccc;
        border-bottom-width: 2px;
    }

.orders-content .nav-tabs > li.active > a:hover {
    color: #18A689;
    border-width: 0 0 3px 0;
    border-color: #18A689;
}

.orders-content .nav-tabs > li.active > a {
    color: #18A689;
    border-width: 0 0 3px 0;
    border-color: #18A689;
}

.google-marker-label {
    border-radius: 2px;
    box-shadow: 0 2px 5px 0;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

.datetime-picker-dropdown > li > span > .btn:focus {
    outline: none;
}

.uib-datepicker:focus, .uib-daypicker {
    outline: none;
}

.uib-day > .btn {
    border-radius: 0;
}

thead > tr.report--summary td, tfoot > tr.report--summary td {
    background: #d8ecf9 !important;
    color: black;
    font-weight: bold;
}

thead > tr.report--summary, tfoot > tr.report--summary {
    color: black;
    border-color: #d8ecf9 !important;
}

    thead > tr.report--summary td:first-child, tfoot > tr.report--summary td:first-child {
        border-left-width: 1px !important;
    }

.floatThead-table > thead tr.report--group--col td:last-child, .floatThead-table > thead tr.report--summary td:last-child {
    padding-right: 10px;
}

.always-visible.ps-container {
    padding-right: 10px;
}

.report-table-perfect {
    padding-right: 0 !important;
    width: 100%;
    display: none;
    height: calc(100vh - 130px);
}

.vehicleInfoBoxData {
    color: transparent;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#loading-infobox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.dropdown-menu.dropdown-menu-left.datetime-picker-dropdown.upwards-datepicker {
    top: -236px;
}

.labelsCoolKid {
    color: white;
    background-color: #de6254;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 12px;
    text-align: center;
    width: 20px;
    white-space: nowrap;
}

/*------------------------- STILIAUS BANDYMAI -------------------------*/
#tab-1 > #recentMessageList:nth-child(2n+1) {
    background: #f9f9f9;
}

#tab-2 > div > #recentNotificationsList:nth-child(2n+2) {
    background: #f9f9f9;
}

#map-canvas-te {
    position: fixed !important;
    width: 47.6vw;
}

@media only screen and (max-width: 991px) {
    #map-canvas-te {
        position: relative !important;
        width: 100%;
    }
}

/*.label.label-info {
    background-color: #1C84C6;
    font-size:0.05px;
    border-radius: 50px;
    position:absolute;
    top:5%;
    bottom:70%;
}*/
.has-tour-tooltip {
    /*border-color:#1C84C6 !important;
    border-width:3px;
    border-style: ridge;*/
    /*box-sizing: border-box;
    border-left: 3px ridge #1C84C6 !important;
    border-right: 3px ridge #1C84C6 !important;
    border-top: 3px ridge #1C84C6 !important;
    border-bottom: 3px ridge #1C84C6 !important;*/
    -webkit-box-shadow: inset 0px 0px 3px 2px #1C84C6 !important;
    -moz-box-shadow: inset 0px 0px 3px 2px #1C84C6 !important;
    box-shadow: inset 0px 0px 3px 2px #1C84C6 !important;
}

.has-tour-tooltip-upgraded {
    -webkit-box-shadow: inset 0px 0px 3px 2px #1C84C6 !important;
    -moz-box-shadow: inset 0px 0px 3px 2px #1C84C6 !important;
    box-shadow: inset 0px 0px 3px 2px #1C84C6 !important;
    box-sizing: border-box;
    border-left: 3px ridge #1C84C6 !important;
    border-right: 3px ridge #1C84C6 !important;
    border-top: 3px ridge #1C84C6 !important;
    border-bottom: 3px ridge #1C84C6 !important;
}

.fa.fa-info-circle.fa-2x {
    color: #1C84C6;
    position: absolute;
    top: 5%;
    bottom: 70%;
}

.widget.panel.panel-default {
    border: 1px solid #ddd;
    margin: 12px 12px 12px 12px !important;
}

div#vehiclesList div#vehicleListTable table#vehicleTabletTable thead tr th:not(.list-cog):hover {
    cursor: pointer;
}

/* *********************** #!/adminEvents *********************** */
div#vehiclesList div.tab-pane {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

div#vehiclesList > div > ul > li.uib-tab.nav-item > a {
    text-transform: uppercase;
}

div#vehiclesList > div > ul > li.uib-tab.nav-item.a {
}

div#vhcHistoryTable select.no-borders {
    border: none !important;
    outline: none !important;
}

div#vehiclesList form#search > fieldset > div.row > div.col-md-4 > select {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 95%;
}

.delete-button-color {
    color: darkorange;
}

.actions-column {
    text-align: center;
}

.hoverable:hover {
    background-color: #e7eaec;
}

.nav-tabs > li.dragging {
    opacity: 0.5;
}

.widget-close-ico {
    font-size: 14px;
    margin: 0px 0px 5px 15px;
}

.widget-container {
    padding: 0px 5px 0px 5px;
}

.widget-container {
    padding-bottom: 0 !important;
}

.widget.panel.panel-default {
    margin: 12px 12px 0px 12px !important;
}

.dashboard-widget-area {
    margin: 0 !important;
    min-height: 0 !important;
}

.container.widgets-content {
    padding-bottom: 5px;
}

    .container.widgets-content::-webkit-scrollbar-track {
        background-color: #fff;
    }

    .container.widgets-content::-webkit-scrollbar {
        height: 6px;
        background-color: #F5F5F5;
    }

    .container.widgets-content:hover::-webkit-scrollbar-thumb {
        background-color: #999999;
    }

.widgets-container {
    /*height: calc(100vh - 350px);*/
    height: calc(100vh - 300px);
    overflow-y: auto;
    overflow-x: hidden;
}

.widgets-btn {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 1px;
    margin-right: 12px;
}

#currentDistance {
    color: #000000;
    padding: 4px 4px 4px 4px;
    font-size: 16px;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
}

#map_control_form {
    border-right: 1px dotted rgba(24, 166, 137, 0.3);
    padding-right: 5px;
    /*box-shadow: 0px 3px 3px 0px rgba(153, 153, 153, 0.2);*/
}


.group-date {
    padding: 3px 5px 3px 25px;
    display: inline-flex;
    font-size: 13px;
}

    .group-date > .group-indent {
        display: inherit;
        padding-top: 2px;
    }

.group-line {
    color: #ccc;
    font-size: 16px;
    font-weight: 700;
    padding-right: 10px;
}

.scroll-container::-webkit-scrollbar-track {
    background-color: #fff;
}

.scroll-container::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.scroll-container::-webkit-scrollbar-thumb {
    background-color: #18A689;
}

.mapScroll-container::-webkit-scrollbar-track {
    background-color: #fff;
}

.mapScroll-container::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

.mapScroll-container::-webkit-scrollbar-thumb {
    background-color: #18A689;
}

.center-text {
    text-align: center;
}

#vhcListDd {
    position: fixed;
    width: 190px;
}

#drawing-table td::selection, #drawing-table th::selection {
    background: transparent;
}

#drawing-table td::-moz-selection, #drawing-table th::-moz-selection {
    background: transparent;
}

#drawing-table {
    width: 100%;
    height: 200px;
    border-collapse: collapse;
    margin-bottom: 8px !important;
}

    #drawing-table td {
        border: 1px dotted #ccc;
    }

#drawing-table-new {
    border-collapse: collapse;
    margin-bottom: 8px !important;
}

#drawing-table-new td {
    border: 1px dotted #ccc;
}


.logistics-cell {
    height: 14px;
    width: 100%;
    font-size: 12px;
}

.logistics-show-danger {
    top: 0;
    right: 5px;
    color: red;
}

.display-flex {
    display: flex;
}

.align-flex-center {
    align-items: center;
}
.important-notifications-bg {
    background-color: #F5D0A9;
}
.important-notifications-bg:hover {
    background-color: #F7BE81 !important;
}

.italic-text {
    font-style: italic;
}

.red-color {
    color: red;
}

.dealer-fmsetdealer-button-delete {
    margin-right: 4%;
}

.dealer-fmsetdealer-button-edit {
    padding-left: 2%;
}

.client-fmsetdealer-button {
    margin-left: 3%;
}

.form-control-no-padding {
    padding-right: 0px !important;
}

.form-control-no-padding-left {
    padding-left: 0px !important;
}