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;
}

.btn {
    transition: 0.1s;
}

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

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.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;
}

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

img.centeredVertical {
    vertical-align: middle;
}

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

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

/*.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;
}

.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;
}

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

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

.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;
}

.flexFloatItemAnimated {
    flex-grow: 1;
}

.flexFloatItem1.ng-hide,
.flexFloatItemAnimated.ng-hide {
    transition: 200ms ease-in-out all;
    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;
}

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

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

div#Photos-2 {
    display: none;
    position: inherit;
    z-index: 1300;
    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;
}

/**********************
*   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;
}

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

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;
}

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

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

.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-manufacture-date {
        display: none;
    }

    .device-avrhw {
        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 {
        display: none;
    }
}

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

    .device-avrhw {
        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 {
        display: none;
    }
}

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

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

    .device-avrhw {
        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 {
        display: none;
    }
}

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

    .device-avrhw {
        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 {
        display: none;
    }
}

@media (min-width: 1150px) and (max-width: 1299px) {
    .device-avrhw {
        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 {
        display: none;
    }
}

@media (min-width: 1300px) and (max-width: 1449px) {
    .device-gsm-operator {
        display: none;
    }

    .client-notes {
        display: none;
    }
    
    .user-email {
        display: none
    }
}

@media (min-width: 1450px) and (max-width: 1599px) {
    .device-gsm-operator {
        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--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 (max-width: 1625px) {
    .tab--name--photos {
        display: none;
    }
}

.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 */

@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%;
    }
    
    .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;
    }
}

@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;
    }
}

@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;
    }
}

@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;
    }
}

@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;
    }

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

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

@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;
    }

    .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;
    }
}

/* 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;
}

div#Config-1 li {
    background-color: #273A4A;
    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;
}

/*
    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;
}

.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;
}

.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#ataskaitos-2 div.sidebar__vehicles-list-body {
    height: auto;
    background-color: white;
}

#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;
}

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;
}

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;
    }

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

/* 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;
}

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

.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;
}

.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:after {
        border-radius: 2px;
        width: 15px;
        height: 15px;
    }

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

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

.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;
}

.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;
}

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;
    }

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

.form-with-groups h3 {
    text-transform: uppercase;
    color: #aaa;
    background: transparent url('https://xgcdn.azureedge.net/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;
}

/*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;
}

.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%;
    }
}

.has-tour-tooltip {
    -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#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%;
}

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

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

#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;
}

.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%;
}

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

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