html {
    height: 100%;
    width: 100%;
}

body {
    background: linear-gradient(#00428d, #000000);
    height: 100%;
    width: 100%;
    -webkit-font-feature-settings: 'liga', 'kern';
    -moz-font-feature-settings: 'liga', 'kern';
    font-feature-settings: 'liga', 'kern'
}

@-webkit-keyframes rotate-icon {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25%,
    75% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

@keyframes rotate-icon {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25%,
    75% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

#app-version {
    position: absolute;
    bottom: 0;
}

/*.x-menu-item-link:hover > .fas, .x-btn:hover > .x-btn-wrap > .x-btn-button > .fas,*/
/*.x-tab:hover     > .x-tab-wrap > .x-tab-icon > .fas*/
/* {*/
/*    -webkit-animation-name: rotate-icon;*/
/*    animation-name: rotate-icon;*/
/*    -webkit-animation-duration: 0.5s;*/
/*    animation-duration: 0.5s;*/
/*    -webkit-animation-timing-function: ease-out;*/
/*    animation-timing-function: ease-out;*/
/*}*/
/*
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 2px;
    border-color: #5fa7db;
    background-color: #add2ed;
    opacity: 0.5;
}

::-webkit-scrollbar-thumb:hover {
    border-width: 1px 1px 1px 2px;
    border-color: #3892d3;
    background-color: #3892d3;
}

::-webkit-scrollbar-track {
    border-width: 0;
}

::-webkit-scrollbar-track:hover {
    border-left: solid 1px #eaeaea;
    background-color: #ffffff;
}

*/
.left-menu-item {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.left-menu-item .x-menu-item-text-default {
    font-size: 16px;
    font-weight: 400;
    margin-left: 40px;
}

.x-menu-item-active .x-menu-item-icon-default {
    color: #FFFFFF !important;
}

.x-menu-item-icon-default {
    font-size: 20px;
    margin-top: 2px;
}

.main_menu.x-menu-default {
    border-top: none;
}

.maintabs .x-box-inner {
    overflow: visible;
}

.maintabs .x-tab-bar-default-top > .x-tab-bar-body-default {
    padding: 24px 4px 0 8px;
}

.x-tab-focus.x-tab-default {
    outline: none;
}

.user-image {
    background-size: contain;
    border-radius: 20px;
}

.icn-modules {
    background-image: url("images/plugin.png");
}

.icn-camera {
    background-image: url("images/camera.png");
}

.icn-for-users {
    background: url("images/group.png") no-repeat;
}

.icn-server {
    background-image: url("images/server.png");
}

.icn-database_refresh {
    background-image: url("images/database_refresh.png");
}

.icn-server-go {
    background-image: url("images/server_go.png");
}

.icn-server-connect {
    background-image: url("images/server_connect.png");
}

.icn-server-database {
    background-image: url("images/server_database.png");
}

.icn-request-relaying {
    background-image: url("images/page_white_go.png");
}

.icn-image-add {
    background-image: url("images/image_add.png");
}

.icn-warning {
    background-image: url("images/exclamation.png");
}

.icn-qrcodes {
    background-image: url("images/qr-code.png");
}

.icn-group {
    background-image: url("images/group.png");
}

.icn-fuel {
    background-image: url("images/fuel.png");
}

.icn-help {
    background-image: url("images/help.png");
}

.icn-car {
    background-image: url("images/lorry.png");
}

.icn-lorry-loupe {
    background-image: url("images/lorry-loupe.png");
}

.icn-page-world {
    background-image: url("images/page_white_world.png");
}

.icn-add-world {
    background-image: url("images/world_add.png");
}

.icn-raw {
    background-image: url("images/clock_go.png");
}

.icn-application_view_list {
    background-image: url("images/application_view_list.png");
}

.icn-user-gray {
    background-image: url("images/user_gray.png");
}

.icn-part {
    background-image: url("images/part.png");
}

.icn-lightbulb {
    background-image: url("images/lightbulb.png");
}

.icn-serv {
    background-image: url("images/serv.png");
}

.icn-application_form_edit {
    background-image: url("images/application_form_edit.png");
}

.icn-application_double {
    background-image: url("images/application_double.png");
}

.icn-application_get {
    background-image: url("images/application_get.png");
}

.icn-application_edit {
    background-image: url("images/application_edit.png");
}

.icn-application_add {
    background-image: url("images/application_add.png");
}

.icn-edit {
    background-image: url("images/overlays.png");
}

.icn-fitter {
    background-image: url("images/wrench.png");
}

.icn-edit_el {
    background-image: url("images/layout_edit.png");
}

.icn-wrench {
    background-image: url("images/wrench.png");
}

.icn-copy {
    background-image: url("images/page_copy.png");
}

.icn-world {
    background-image: url("images/world.png");
}

.icn-pill {
    background-image: url("images/pill.png");
}

.icn-excel {
    background-image: url("images/page_excel.png");
}

.icn-news {
    background-image: url("images/newspaper.png");
}

.icn-couins {
    background-image: url("images/coins.png");
}

.icn-lock {
    background-image: url("images/lock.png");
}

.icn-unlock {
    background-image: url("images/lock_open.png");
}

.icn-money {
    background-image: url("images/money.png");
}

.icn-command-go {
    background-image: url("images/drive_go.png");
}

.icn-application_lightning {
    background-image: url("images/application_lightning.png");
}

.icn-login {
    background-image: url("images/log_on.png");
}

.icn-sim-status {
    background-image: url("images/sim-card.png");
}


.icn-sim-mts {
    background-image: url("images/mts.svg");
    background-size: cover;
    height: 16px;
    width: 16px;
}


.x-grid-filters-filtered-column {
    color: #E7593E;
    font-style: normal;
}

.x-grid-item-selected .x-grid-cell-inner {
    white-space: normal;
}

.x-column-header-inner {
    white-space: normal;
    padding: 5px 2px;
}


.icn-settings {
    background-image: url("images/cog.png");
}

.icn-cog_go {
    background-image: url("images/cog_go.png");
}

.icn-cog_add {
    background-image: url("images/cog_add.png");
}

.icn-cog_delete {
    background-image: url("images/cog_delete.png");
}

.icn-accounts {
    background-image: url("images/vcard.png");
}

.icn-date {
    background-image: url("images/date.png");
}

.icn-report-user {
    background-image: url("images/report_user.png");
}

.icn-partners {
    background-image: url("images/user_gray.png");
}

.icn-bill-credit {
    background-image: url("images/money_add.png");
}

.red-mess {
    color: #E7593E;
    text-align: center;
}

.icn-bill-debit {
    background-image: url("images/money_delete.png");
}

.icn-bill-invoices {
    background-image: url("images/page_white_star.png");

}

.icn-flag_red {
    background-image: url("images/flag_red.png");

}

.icn-flag_green {
    background-image: url("images/flag_green.png");

}

.icn-cross {
    background-image: url("images/cross.png");
}

.icn-cross-grey {
    background-image: url("images/cross-grey.png");
}

.icn-cancel {
    background-image: url("images/cancel.png");
}


.x-menu-icon-separator-default {
    border: none;
}

body.x-border-layout-ct, div.x-border-layout-ct {
    background-color: #FFFFFF;
}

.x-tab-default-top.x-tab-focus.x-tab-active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.x-column-header-text {
    white-space: normal;
}

.icn-logo {
    background-image: url("images/logo.png");
}

.icn-dollar {
    background-image: url("images/money_dollar.png");
}

.icn-users {
    background-image: url("images/user_go.png");
}

.icn-table-lightning {
    background-image: url("images/table_lightning.png");
}

.icn-add {
    background-image: url("images/add.png");
}

.icn-accept {
    background-image: url("images/accept.png");
}

.icn-delete {
    background-image: url("images/delete.png");
}

.icn-bind {
    background-image: url("images/link_add.png");
}

.icn-reportlist {
    background-image: url("images/table_multiple.png");
}

.icn-recalc {
    background-image: url("images/table_refresh.png");
}

.icn-chart {
    background-image: url("images/chart_curve.png");
}

.icn-bullet-go {

    background-image: url("images/bullet_go.png");
}

.icn-shield {

    background-image: url("resources/images/autoconductor.jpg");
}

.grey-row.x-grid-row {
    background: #ccc;
}

.red-row.x-grid-row {
    background: rgba(231, 89, 62, 0.25);
}

.pre_cell .x-grid-cell-inner {
    white-space: pre;
    overflow: auto;
}


.icn-export {
    background-image: url("images/table_save.png");
}

.icn-import {
    background-image: url("images/table_go.png");
}

.icn-refresh {
    background-image: url("images/arrow_rotate_anticlockwise.png")
}

.div-field-dashboard {
    padding: 0;
    font-size: 1.1em;
    display: block;
    float: left;
}

.stroka-in-dashboard {
    border: solid 1px;
    float: left;
    margin-top: 4%;
    display: block;
    width: 100%;
}

.fist-block-in-dashboard {
    border: solid 1px #157fcc;
    background-color: #157fcc;
    padding: 5px;
    float: left;
    width: 140px;
}

.span-dashboard {
    color: #fff;
}

.span-dashboard > p {
    text-align: center;
    margin: 0;
}

.second-block-in-dashboard {
    float: left;
    padding: 5px
}

.second-block-in-dashboard > p {
    text-align: center;
    margin: 0;
}

#idDashboardVehiclesFieldsetCanvasTotalOnline, #idDashboardVehiclesFieldsetCanvasBlocked, #idDashboardVehiclesFieldsetCanvasSortedByPriceMe, #idDashboardVehiclesFieldsetCanvasSortedByPricePartners {
    height: 100%;
    width: 100%;
}

.highcharts-credits {
    display: none;
}

.block-dashboard {
    float: left;
    display: block;
}

.fist-block-in-dashboard-main {
    border: solid 1px #157fcc;
    background-color: #157fcc;
    padding: 5px;
    float: left;
    width: 100%;
}

@media screen and (min-width: 1366px) {
    #idDashboardVehiclesFieldsetCanvasTotalOnline, #idDashboardVehiclesFieldsetCanvasBlocked, #idDashboardVehiclesFieldsetCanvasSortedByPriceMe, #idDashboardVehiclesFieldsetCanvasSortedByPricePartners {
        height: 80%;
    }
}

.menu-active {
    border-right: solid #ADD2ED;
}

.vehicles-circle-offline {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .8);
    background: -webkit-linear-gradient(white, rgba(255, 255, 255, .9) 2%, white, rgba(255, 255, 255, .4) 16%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, .74), rgba(255, 255, 255, .7) 122%, rgba(255, 255, 255, .7));
    background-color: #FD4E4E;
}

.vehicles-circle-online {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .8);
    background: -webkit-linear-gradient(white, rgba(255, 255, 255, .9) 2%, white, rgba(255, 255, 255, .4) 16%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, .74), rgba(255, 255, 255, .7) 122%, rgba(255, 255, 255, .7));
    background-color: #96D16F;
}

.icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.x-fieldset-default {
    padding: 5px 10px 5px 10px !important;
}

.x-fieldset .x-fieldset-header {
    padding: 0px 5px;
}

.news-triangle {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    background: #E7593E;
    margin-left: 35%
}

.x-combo-list-group {
    text-decoration: none;
}

#id-system-loading {
    width: 100%;
    height: 100%;
    background-color: #4b4b52;
}

#idDisablePage-body {
    background-image: url(resources/images/database.svg);
    background-repeat: no-repeat;
    background-size: 250px;
    background-position: center;
}

.icn-send {
    background-image: url(resources/images/message.png);
}

.icn-upload {
    background: url(resources/images/upload.png) no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

.icn-tnf {
    background: url(resources/images/tnflogo.png) no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

.icn-done {
    background: url(resources/images/checked.png) no-repeat;
}

.no-video-text {
    font-size: 25px;
    text-align: center;
    line-height: 1.2em;
    color: #4a4a4a;
}

.icn-info {
    background: url(resources/images/info.svg) no-repeat center center;
    height: 80px;
    margin-bottom: 15px;
}

.icn-lorry-dollar {
    background-image: url("images/lorry_dollar.png");
}

.icn-reports {
    background-image: url("images/report.png");
}

.icn-pdf {
    background-image: url("images/pdf.png");
}


.icn-pdf-white {
    background-image: url("images/pdf-white.png");
}

.icn-csv {
    background-image: url("images/csv.png");
}

.icn-csv-white {
    background-image: url("images/csv-white.png");
}

.icn-xls {
    background-image: url("images/xls.png");
}

.icn-xls-white {
    background-image: url("images/xls-white.png");
}

.icn-css {
    background-image: url("images/css.png");
}

.x-mask {
    border-width: 0 !important;
}

.icn-check {
    background-image: url("images/check.png");
}

.icn-uncheck {
    background-image: url("images/uncheck.png");
}

.icn-list {
    background-image: url("images/text_list_bullets.png");
}

.icn-brick {
    background-image: url("images/brick.png");
}

.x-toolbar {
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.icn-zoom_in {
    background-image: url("images/magnifier_zoom_in.png");
}

.icn-zoom_out {
    background-image: url("images/magifier_zoom_out.png");
}

.icn-arrow_out {
    background-image: url("images/arrow_out.png");
}

.icn-crop-symbol {
    background-image: url("images/crop-symbol.png");
}

.icn-arrow_right {
    background-image: url("images/arrow_right.png");
}

.icn-arrow_left {
    background-image: url("images/arrow_left.png");
}

.icn-arrow_up {
    background-image: url("images/arrow_up.png");
}

.icn-arrow_down {
    background-image: url("images/arrow_down.png");
}

.icn-arrow_refresh {
    background-image: url("images/arrow_refresh.png");
}

.icn-terminal {
    background-image: url("images/application_osx_terminal.png");
}

.icn-table {
    background-image: url("images/table.png");
}


#container-system-spinner {
    height: 100%;
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

body {
    overflow: hidden;
}

.textfield-add {
    background-image: url("images/textfield_add.png");
}

.profile-header {
    font-family: inherit;
    font-weight: 600;
    color: #2e2e2e;
}

.profile-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 1.428571429;
    color: #2e2e2e;
}

.profile-remove-btn {
    background-color: #0AA9DC;
}

.icn-profile {
    background-image: url("images/user_suit.png");
}

#idPricesPanel-body > .x-splitter {
    background-color: #d2d2d2;
}

.cell-copy-btn {
    padding: 0px 4px;
    margin-left: 5px;
    color: #828282;
    border: none;
    font-size: 12px;
    background: none;
    cursor: pointer;
}

.row-text-overflow {
    white-space: pre-wrap;
    overflow: auto;
}


.x-grid-item {
    font-weight: 400;
}

.green {
    color: #68C656;
}

.red {
    color: #E7593E;
}

.amber {
    color: #F6BE50;
}

.bg_green {
    background-color: #68C656 !important;
    border-color: #68C656;
}

.bg_red {
    background-color: #E7593E !important;
    border-color: #E7593E;
}

.bg_amber {
    background-color: #F6BE50 !important;
    border-color: #F6BE50;
}

.x-panel-header-default-horizontal .x-header-noborder {
    padding: 4px 16px 4px 16px;
}

.x-tab-default-top {
    background-color: #00000044;
    border-radius: 3px 3px 0px 0px;
}

.x-form-trigger-wrap-default, .x-form-trigger-wrap-default, .x-btn-default-toolbar-small, .x-btn-plain-toolbar-small,
.x-btn-default-small {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.x-form-trigger-wrap-default {
    overflow: hidden;
}

.combo-list-item {
    border-bottom: solid 1px #c2c2c8;
}

.trigger-custom {
    background-position: 0px center !important;
}

.small-size {
    background-size: 20px;
    background-position-y: 53%;
}

.x-item-disabled, .x-item-disabled * {
    pointer-events: all;
}

.buttonOkCommandsVehicles {
    margin-left: 24px;
}

.ToFieldCommandsVehicles {
    margin-left: -64px;
}

.redColour {
    font-size: 13px;
    color: #E7593E;
    display: flex;
    width: 360px;
}


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

.opera-icon {
    background-image: url('images/opera.png');
    background-repeat: no-repeat;
    background-position: center;
}

.chrome-icon {
    background-image: url('images/chrome.png');
    background-repeat: no-repeat;
    background-position: center;
}

.firefox-icon {
    background-image: url('images/firefox.png');
    background-repeat: no-repeat;
    background-position: center;
}

.internet-exploer-icon {
    background-image: url('images/internet-explorer.png');
    background-repeat: no-repeat;
    background-position: center;
}

.safari-icon {
    background-image: url('images/safari.png');
    background-repeat: no-repeat;
    background-position: center;
}

.yandex-icon {
    background-image: url('images/yandex.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.edge-icon {
    background-image: url('images/edge.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.windows-icon {
    background-image: url('images/windows.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.browser-icon {
    background-image: url('images/windows.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.linux-icon {
    background-image: url('images/linux.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.android-icon {
    background-image: url('images/android.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.apple-icon {
    background-image: url('images/apple.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.ubuntu-icon {
    background-image: url('images/ubuntu.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.x-tab-wrap, .x-tab-wrap .x-tab-button {
    display: block;
}

.x-btn-inner-default-toolbar-small {
    color: #FFFFFF !important;

}

.x-form-text-default {
    padding: 5px;
}

.x-panel-default-outer-border-trbl {
    border: none !important;
}

.language_to_translate {
    font-size: 20px;
    border: #ccc 1px solid;
    padding: 10px 5px;
    color: #777777;
    font-weight: bold;
    line-height: 24px;
}

.language_translation {
    font-size: 20px;
    border: #ccc 1px solid;
    padding: 10px 5px;
    color: darkgreen;
    font-weight: bold;
    line-height: 24px;
}

.untranslated_label {
    font-size: 16px;
}

.untranslated_field {
    font-size: 20px;
    color: brown;
    font-weight: bold;
}
.translation_message{
    color: green;
}

.dashboard_option_tab_help_ref {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #8297a8;
    border-radius: 50%;
    box-sizing: border-box;
    transition: all .3s;
}

.dashboard_option_tab_help_ref:hover {
    border: 1px solid #f0f0f0;
}

.dashboard_option_tab_help_ref > a {
    display: flex;
    justify-content: center;
    color: #8297a8;
    font-size: 12px;
    text-decoration: none;
    transition: all .3s;
}

.dashboard_option_tab_help_ref > a:hover {
    color: #f0f0f0;
}

.dashboard_option_tab_help {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    background-color: #ececec;
    padding: 15px 10px 30px 10px;
}

.report_tr_color_orange td {
    border-bottom: 3px solid orange;
}

.report_tr_color_red td {
    border-bottom: 3px solid red;
}

.duplicate-field-highlighted {
    background-color: #fb757573;
}

.icon-help {
    text-decoration: none;
    z-index: 9;
    position: absolute;
    margin-left: 4px;
}

.icon-help:visited {
    color: inherit;
    background-color: transparent;
}