/*Input background color #e5e5e5*/
/*Button, text color #7b7eef*/
/*Default text active #12D7FF*/

.ms-drop.ui-sortable ul>li.ms-select-all,
.ms-drop.ui-sortable ul>li.ms-no-results {
    background-image: none;
}

.ms-drop.ui-sortable ul>li {
    list-style: none;
    display: list-item;
    background: url("../../img/dev_img/arrow_up_down.svg") right no-repeat;
    background-size: 14px auto;
    margin-right: 5px;
    position: static;
}

/*display: inline-block;*/
/*text-decoration: none;*/
/*background: url("../../img/dev_img/arrow_up_down.svg") right no-repeat;*/
/*background-size: 14px auto;*/
/*margin-right: 5px;*/

.btn-billing {
    width: 90%;
    line-height: 32px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    border: 2px solid #808080;
    border-radius: 5px;
    cursor: pointer;
}

.btn-billing.unpaid {
    color: darkred;
}
.btn-billing.paid {
    color: #288d20;
}

.content-block .head_text {
    color: black;
    text-align: center;
    padding-bottom: 20px;
}

.content-block .head_text span {
    font-weight: bold;
    font-size: 20px;
}

.content-block .login_actions {
    /*line-height: 13px;*/
    margin-bottom: 20px;
}

.content-block .login_actions div a {
    color: #7b7eef;
}

.content-block .login_actions :first-child{
    text-align: left;
}

.content-block .login_actions :last-child{
    line-height: 15px;
    text-align: right;
}

.custom-header-object-grid { color: #444444; margin: 0 0 3px 0; text-align: center; font-family: "open sans"; font-size: 12px; font-weight: normal; height: 25px; line-height: 25px; width: 100%; }
.custom-header-object-grid > div { cursor: pointer; height: inherit; float:left; text-align: center; }
.custom-header-object-grid > div { background-size: 18px 18px; background-repeat: no-repeat; background-position-y: 50%; background-position-x: 50%; }

.custom-header-object-grid > .show_hide_panel { background-image: url( "../../img/icons/eye.svg" ); }
.custom-header-object-grid > .show_hide_map { background-image: url( "../../img/icons/map.svg" ); }
.custom-header-object-grid > .header_filter_move { background-image: url( "../../img/icons/move-play.svg" ); }
.custom-header-object-grid > .header_filter_idle { background-image: url( "../../img/icons/move-idle.svg" ); }
.custom-header-object-grid > .header_filter_stop { background-image: url( "../../img/icons/stop.svg" ); }
.custom-header-object-grid > .header_filter_offline { background-image: url( "../../img/icons/no-wifi.svg" ); }
.custom-header-object-grid > .header_filter_clear { background-image: url( "../../img/icons/cancel.svg" ); }

.custom-header-object-grid > .filter-ignition { background-image: url( "../../img/dev_img/sort.svg" ); }
.custom-header-object-grid > .filter-speed { background-image: url( "../../img/dev_img/table_speedometer.svg" ); }
.custom-header-object-grid > .filter-connection { background-image: url( "../../img/dev_img/wifi.svg" ); }
.custom-header-object-grid > .filter-alphabet { background-image: url( "../../img/dev_img/clear.svg" ); }
.custom-header-object-grid > .filter-alphabet-order { background-image: url( "../../theme/images/sort-by-alphabet.svg" ); }
.custom-header-object-grid > .collapse-decollapse-all { background-size: 50% !important; margin: 0 !important; }

/*************************
       Preloader
*************************/

.svg_loader {
    height: 170px;
    width: 170px;
    margin: auto;
}

@keyframes lds-double-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes lds-double-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes lds-double-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes lds-double-ring_reverse {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.lds-double-ring {
    position: relative;
}
.lds-double-ring div {
    position: absolute;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 50%;
    border: 12px solid #000;
    border-color: #7b7eef transparent #7b7eef transparent;
    -webkit-animation: lds-double-ring 3s linear infinite;
    animation: lds-double-ring 3s linear infinite;
}
.lds-double-ring div:nth-child(2) {
    width: 132px;
    height: 132px;
    top: 34px;
    left: 34px;
    border-color: transparent #808080 transparent #808080;
    -webkit-animation: lds-double-ring_reverse 3s linear infinite;
    animation: lds-double-ring_reverse 3s linear infinite;
}
.lds-double-ring {
    width: 150px !important;
    height: 150px !important;
    -webkit-transform: translate(-75px, -75px) scale(0.75) translate(75px, 75px);
    transform: translate(-75px, -75px) scale(0.75) translate(75px, 75px);
}
/*************************
       End Preloader
*************************/

/*************************
         Dialogs
*************************/

#login .ui-dialog .ui-dialog-titlebar {
    background: #7b7eef;
}

#login #dialog_notify input.button {
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    background-color: #7b7eef;
    height: 24px;
    min-width: 80px;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    margin-bottom: 0px;
    padding: 0 5px;
}

/*************************
        End Dialogs
*************************/

/*************************
        Webkit
*************************/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
/*************************
        End Weblit
*************************/

/*************************
          Tabs
*************************/
#invoice_panel > div,
#billing_panel > div
{
    margin: 0;
    padding: 15px 10px;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 15px 10px;
    background: none;
}

/*************************
         End Tabs
*************************/


/*************************
         Tables
*************************/
/*#side_panel_events .ui-jqgrid-title {*/
    /*background-color: #ffffff ;*/
/*}*/

.hidden_row {
    display: none;
}

#side_panel_events_event_list .ui-jqgrid-hdiv,
#side_panel_places .ui-jqgrid-hdiv
{
    background-color: #ffffff;
}

#side_panel_places > .ui-tabs-nav,
#side_panel_places .ui-state-active,
#report_panel_tabs > .ui-tabs-nav,
report_panel_tabs .ui-state-active
{
    background-color: #ffffff;
}

#side_panel_places .ui-jqgrid-hdiv span.ui-jqgrid-resize {
    display: none;
}

#side_panel_places .ui-jqgrid-labels th {
    border: unset;
}

.a3CssClass {
    background-image: unset;
}

.image_gallery_map {
    margin: 10px;
    border: 1px solid #f5f5f5;
}

#image_gallery_map {
    width: 640px;
    height: 480px;
}

#map_easyprint {
    width: 700px;
    height: 700px;
}

.map_absolute {
    position: absolute;
}

#side_panel_places_markers,
#side_panel_places_routes,
#side_panel_places_zones {
    padding: 0;
}

#invoice_data_list_grid.ui-jqgrid-btable img {
    width: 18px;
}

/*************************
        End Tables
*************************/


/*************************
        Bottom panel
*************************/
#graph_summary {
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
}

#graph_summary img {
    line-height: 15px;
    margin-right: 10px;
    vertical-align: middle;
    width: 15px;
}
/*************************
    End Bottom panel
*************************/

/*************************
     Some Figures
*************************/
.line-separator-right {
    border-right: 3px solid #f5f5f5;
}

/*************************
      End Figures
*************************/

#report_preview {
    width: 100%;
    min-height: 600px;
}

#report_file_formats {
    list-style: none;
}

#report_file_formats li {
    padding: 5px 0;
}

#data_items_list .ui-sortable {
    border: 1px solid #808080;
    margin: 0 15px;
}

#report_generated_panel_list_grid.ui-jqgrid-btable img.grid_icon {
    width: 18px;
}

#report_add_panel input.unschedules {
    display: inline-block;
}

#report_add_panel .schedules,
#report_add_panel .inline-schedules,
#report_add_panel.scheduled .unschedules {
    display: none;
}

#report_add_panel.scheduled input.schedules,
#report_add_panel.scheduled .inline-schedules {
    display: inline-block;
}

#report_add_panel.scheduled .schedules {
    display: block;
}

#settings_panel li.edditing {
    display: none;
}
#settings_panel.edit_vehicle > ul > li.edditing {
    display: block;
}
#settings_panel.edit_vehicle > ul > li:not( .edditing ) {
    display: none;
}

#settings_panel .ui-jqgrid .ui-jqgrid-pager,
#commands_panel .ui-jqgrid .ui-jqgrid-pager{
    padding-left: 11px !important;
    padding-right: 0 !important;
    margin-left: -10px !important;
    margin-bottom: 0px !important;

}

#cmd_control_tab .block {
    padding: 0 5px 5px 5px;
    /*padding: 0 5px;*/
}

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

#settings_panel .controls {
    position: absolute;
    right: 15px;
    top: 4px;
}

#settings_panel {
    overflow-y: auto;
}

#settings_object_sensor_list_grid tr.priority_separator td {
    border-top: 1px solid #808080;
    height: 1px;
    font-size: 0;
}

#settings_object_sensor_list_grid tr.priority_separator td input {
    display: none;
}

#bottom_panel_custom_graph {
    height: 85%;
    width: 100%;
}

#bottom_panel_custom_table {
    width: 100%;
}

#bottom_panel_history {
    height: 100%;
    padding: 0;
}

#bottom_panel_priority .graph-controls {
    position: absolute;
    top: 25px;
    right: 35px;
    z-index: 99;
    width: unset;
}

#bottom_panel_priority p {
    margin: 0;
}

.p-h-3 { padding: 3px 0; }

.p-bot-10 { padding-bottom: 10px; }
.p-bot-20 { padding-bottom: 20px; }
.p-bot-30 { padding-bottom: 30px; }

.p-top-10 { padding-top: 10px; }
.p-top-20 { padding-top: 20px; }
.p-top-30 { padding-top: 30px; }

caption,
th,
td { vertical-align: middle; }

table.report {
    font-size: 11px;
    text-align: center;
    border: 1px solid #eeeeee;
    border-collapse: collapse;
    padding-bottom: 12px;
}

table.report th {
    font-weight: 600;
    padding: 2px;
    border: 1px solid #eeeeee;
    background-color: #eeeeee;
}

table.report td {
    padding: 2px;
    border: 1px solid #eeeeee;
}

table.report tr:hover { background-color: #f5f5f5; }

td { mso-number-format:'\@';/*force text*/ }

input.cc_table_input {
    width: 90%;
}