* {
    margin: 0;
    padding: 0;
}

img {
    border: none
}

fieldset {
    margin: 5px;
}

#map {
    height: 100%;
    width: 100%;
    position: relative;
}

#tbTrack {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: 0;
}

body {
    color: #fff;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    /*background: url(images/bg_main.jpg) no-repeat fixed white;*/
    /*background: url(images/0_2a4b8_c5c3056b_XL.jpg) no-repeat fixed white;*/
    background-color: #3e4f73;
    /*background-color: #003366;*/
    -moz-background-size: cover; /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: 102% fixed; /* Opera 9.5 */
    -webkit-background-size: 102% fixed; /* Safari 3.0 */
    -khtml-background-size: cover; /* Konqueror 3.5.4 */
    background-size: cover; /* CSS3 */
    height: 100%;
    width: 100%;
}

html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

table {
    border-bottom-width: 0px;
    border-collapse: separate;
    border-left-width: 0px;
    border-right-width: 0px;
    border-spacing: 0px;
    border-top-width: 0px;
    display: table;
    text-indent: 0px;
    text-align: left;
    vertical-align: top;
}

h3 {
    font-size: 17px;;
}

a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#centr {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    overflow: visible;
    visibility: visible;
    display: block;
}

#centr_div {
    background-color: #56678a;
    margin-left: -150px;
    position: absolute;
    top: -55px;
    left: 50%;
    width: 300px;
    height: 150px;
    visibility: visible;
    border-radius: 10px;
    box-shadow: 0 0 10px #6a7da1;
    /*-webkit-box-shadow: 0px 0px 10px #6a7da1;*/
}

#centr_div_login {
    background-color: #56678a;
    margin-left: -140px;
    position: absolute;
    top: -55px;
    left: 50%;
    width: 250px;
    height: 88px;
    visibility: visible;
    padding: 15px;
    box-shadow: 0 0 2px #6a7da1;
    /*-webkit-box-shadow: 0px 0px 10px #6a7da1;*/
}

.reg-link {
    float: left;
    text-decoration: underline;
    color: #e4e4e4;
    font-weight: bold;
    font-size: 12px;
    margin-top: 11px;
}

#centr_div_reg {
    background-color: #56678a;
    margin-left: -210px;
    position: absolute;
    top: -280px;
    left: 50%;
    width: 480px;
    min-height: 450px;
    visibility: visible;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(106, 125, 161, 0.8);
    animation: slideIn 0.5s ease-out;
}

#centr_div_feedback {
    background-color: #56678a;
    margin-left: -150px;
    position: absolute;
    top: -160px;
    left: 50%;
    width: 396px;
    height: 500px;
    visibility: visible;
}

#main {
    height: 100%;
    text-align: left;
    vertical-align: top;
}

#headTable {
    background: url(images/bg_sky1.jpg) no-repeat right 100%;
    height: 150px;
    min-width: 1024px;
    width: 100%;
}

.zagol {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    /*font-style: italic;*/
    text-align: right;
    text-shadow: 0 0 10px #6a7da1;
}

#tblogin .textinput {
    width: 190px;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    /*font-weight: bold;*/
    /*font-style: italic;*/
    /*background-image: url(images/bg_input.png);*/
    padding-left: 3px;
    border: none;
    box-shadow: 0 0 10px #6a7da1;
    float: right;
}

#centr_div_reg .textinput {
    width: 250px;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    /*font-weight: bold;*/
    /*font-style: italic;*/
    /*background-image: url(images/bg_input.png);*/
    padding-left: 3px;
    border: none;
    box-shadow: 0 0 10px #6a7da1;
}

.textarea {
    width: 207px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    background: url(images/bg_input.png) no-repeat;
    background-size: cover; /* CSS3 */
    border: none;
    resize: none;
}

.default-btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #9fb4f2;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9fb4f2;
    box-shadow: inset 0px 1px 0px 0px #9fb4f2;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
    background: -moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
    background: -webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
    background: -o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
    background: -ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
    background: linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e', GradientType=0);
    background-color: #7892c2;
    border: 1px solid #4e6096;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
}

.default-btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
    background: -moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
    background: -webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
    background: -o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
    background: -ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
    background: linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2', GradientType=0);
    background-color: #476e9e;
}

.default-btn:active {
    position: relative;
    top: 1px;
}

.btnlogin {
    width: 78px;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    background-image: url(images/btn_login.png);
    color: #FFF;
    border: none;
    cursor: pointer;
    margin-right: 20px;
}

#tblogin {
    /*margin: 35px 0;*/
}

#tblogin td {
    padding-bottom: 10px;
    /*padding-left: 16px;*/
}

#loginhlep a {
    font-weight: bold;
    font-style: italic;
}

#loginhlep a:hover {
    text-decoration: underline;
}

.menu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 41px;
    background: url(images/bg_mnu.jpg);
    color: #C6C5C5;
}

.menu a {
    color: #C6C5C5;
}

.menu .logoff {
    width: auto;
    float: right;
    padding-right: 30px;
    white-space:nowrap;
}

.menu .logoff strong {
    background: url(images/link_sep.gif) no-repeat right;
    padding: 0 20px 0 0;
    height: 13px;
}

.mmenu {
    width: auto;
    padding-left: 40px;
    float: left;
    height: 13px;
    vertical-align: middle;
    white-space:nowrap;
}

.mmenu img {
    vertical-align: middle;
    height: 13px;
    width: 17px;
    padding: 0 20px 0 15px;
}

.mmenu a {
    height: 13px;
}

.mmenu a span {
    background: url(images/link_sep.gif) no-repeat right;
    padding: 0 20px 0 15px;
    height: 13px;
}

.tablist {
    text-align: center;
    border: none;
    margin: 30px;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

.tablist a {
    font-size: 12px;
}

.tablist tr {
    height: 40px;
}

.avtoHover:hover {
    color: #ba7ac5;
}

.tablist td {
    padding: 0 8px;
    font-size: 12px;
}

.avtocar,
.tablist .avtocar a {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

.tabListOn {
    color: #d2fee7;
}

.tabListOff {
    color: #cd0a0a;
}

.lang {
    text-align: right;
    margin: 22px 32px 0 0;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
}

.lang a {
    color: #666666;
}

.thistory {
    background: url(images/thistory.jpg) center no-repeat;
    width: 76px;
    height: 36px;
}

.mhistory {
    background: url(images/historymap.jpg) center no-repeat;
    width: 76px;
    height: 36px;
}

.location {
    background: url(images/location.jpg) center no-repeat;
    min-width: 76px;
    height: 36px;
}

.blcLocation {
    width: 250px;
    height: 100%;
    font-weight: bold;
    padding: 5px 0 0 13px;
    vertical-align: top;
}

.blcLocation .dateTime {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    margin-left: -13px;
}

.blcLocName {
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    height: 25px;
    width: 140px;
    padding: 5px 0;
    text-align: center;
}

.btnLocation {
    padding-top: 10px;
}

.locPoint {
    background: url(images/loc_point.gif) no-repeat bottom left;
    width: 100px;
    height: 25px;
    padding: 5px 0;
}

.gosNum {
    font-size: 20px;
    color: #85ACC9;
    font-style: italic;
    padding: 20px 13px 5px 0;
}

.gosNum h3 {
    font-size: 18px;
    color: #85ACC9;
    font-style: italic;
    padding: 5px 0;
}

.gosNum ul li a {
    font-size: 15px;
    color: #85ACC9;
    font-style: italic;
    padding: 2px 0;
}

.osn_cat {
    border: 1px solid #526092;
}

.osn_cat h3 {
    padding: 5px;
    margin: 0;
}

.osn_cat h3 span {
    cursor: pointer;
    float: right;
    background-image: url(images/arrow_down.png);
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: -2px;
}

.osn_cat h3 span:hover {
    text-shadow: 0 0 3px #a1eeff;
}

.osn_cat ul {
    position: absolute;
    z-index: 11;
    width: 222px;
    height: 300px;
    overflow: auto;
    margin-left: -1px;
    border: 1px solid #526092;
    word-wrap: break-word;
    background-color: #344e7f;
    list-style-type: none;
}

.osn_cat ul li {
    font-weight: bold;
    margin: 2px 10px;
    padding: 0;
    color: #a1a1a1;
}

.osn_cat ul li div {
    width: 160px;
    float: left;
	white-space: nowrap;
}

/*.osn_cat ul li div{
    float: right;
    width: 120px;
}*/
.oldBlock {
    display: none;
}

.inpuDate {
    display: block;
    width: 86px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    background-image: url(images/bg_input.png);
    text-align: center;
    border: 1px solid #526092;
    height: 19px;
    float: right;
    margin-top: 4px;
    color: #444444;
}

.inpuTime {
    display: block;
    width: 21px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    background-image: url(images/bg_input.png);
    text-align: center;
    border: 1px solid #526092;
    height: 19px;
    float: right;
    margin-top: 4px;
    color: #444444;
}

.inpuStop {
    width: 37px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    background-image: url(images/bg_input.png);
    border: none;
    text-align: center;
}

#btntemp {
    background: url(images/btn_historyt.gif) center;
    width: 91px;
    height: 47px;
    border: none;
    cursor: pointer;
}

#btntrack {
    background: url(images/btn_historym.gif) center;
    width: 91px;
    height: 47px;
    border: none;
    cursor: pointer;
}

.tdcursorU,
.tdcursorD {
    cursor: pointer;
    text-align: center;
    width: 13px;
    height: 7px;
}

.tdcursorU img {
    text-align: center;
    padding-top: 4px;
    width: 13px;
    height: 7px;
}

.tdcursorD img {
    text-align: center;
    width: 13px;
    height: 7px;
}

#urlReport {
    padding-top: 5px;
}

.tbReport a,
.tbReport {
    color: #000;
}

.tabExport {
    position: relative;
    color: #3E4371;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 30px 40px;
    border: none;
    z-index: 0;
}

.tabExport #dat3 img {
    padding-left: 20px;
}

#urlReports {
    padding-top: 15px;
    margin: 0;
    text-align: left;
}

#copy {
    font-size: 11px;
    color: #727D7A;
    float: left;
    text-align: right;
}

#copy table {
    width: 100%;
}

#copy table td {
    width: 50%;
    text-align: center;
}

#copy a {
    color: #727D7A;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
}

#copy a:hover {
    text-decoration: underline;
}

.infoWin {
    width: 266px;
    font-size: 10px;
    background-color: #56678a;
    border: none;
    border-spacing: 0;
    color: #fff;
}

.infoWin td {
    padding: 3px;
    text-align: center;
    border-spacing: 0;
}

.infoWinName {
    font-size: 21px;
    color: #86ADC9;
    font-weight: bold;
    font-style: italic;
    border: none;
    border-bottom: 1px dotted #86ADC9;
}

.infoWinProp td {
    color: #bcc9d2;
    font-size: 14px;
    border-top: 1px dotted #86ADC9;
    font-weight: bold;
}

.infoWinTime {
    font-size: 11px;
    border-bottom: 1px dotted #86ADC9;
    font-weight: bold;
}

.infoWinAdr {
    background-color: #56678a;
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    border-top: 1px dotted #86ADC9;
    min-height: 11px;;
    width: 260px;
    color: #fff;
}

.blockMap {
    width: 100%;
    height: 100%;
    background-color: #E6E7E9;
    color: #000;
}

#ui-datepicker-div {
    font-size: 10px;
    background-color: #5573A2
}

.finishClient {
    color: #999999
}

#chartdiv {
    z-index: 1;
    position: relative;
    display: block
}

.show {
    display: block;
}

.hide {
    display: none;
}

.hint {
    background-color: #336699;
    line-height: 10px;
    color: white;
    font-family: Verdana;
    font-size: 11px;
    width: auto;
    border: 1px solid white;
    /*border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 5px solid orange;*/
    margin: 0px;
    padding: 8px;
    position: absolute;
    visibility: hidden;
}

/*#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 55);
    -moz-opacity: 0.55;
    -khtml-opacity: 0.55;
    opacity: 0.55;
}

* html #TB_overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}*/

.chartShow {
    display: block;
}

.chartHide {
    display: none;
}

.userUser td {
    border-right: 1px solid #40454b;
    border-bottom: 1px solid #40454b;
    padding: 0 5px;
}

#infoTrack {
    display: block;
    font-weight: 100;
    font-size: 12px
}


#infoTrackTable td {
    padding: 2px 0 0 3px;
}

#SallTrack {
    /*display: none;*/
}

.LocTitleDomSet {
    font-size: 14px;
    cursor: pointer;
}

.LocTitleDomSet:hover {
    text-decoration: underline;
}

.setting_blc {
    width: 250px;
    margin: 5px;
}

.setting_blc hr,
.setting_blc a {
    margin: 4px;
}

.setting_blc {
    background-color: #3e4f73; /* Your desired background color */
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    height: 100%;
}
.setting_blc a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 6px;
    transition: background-color 0.2s ease-in-out;
    color: #e2e8f0; /* Light text color for dark background */
    font-weight: 500;
}
.setting_blc a:hover {
    background-color: #4a5a7e; /* Slightly darker shade for hover */
    text-decoration: none;
    color: #ffffff;
}
.setting_blc i.fa, .setting_blc i.fas, .setting_blc i.fab {
    width: 20px;
    text-align: center;
    color: #89b6e0; /* Brighter icon color for contrast */
}
.setting_blc hr {
    border: none;
    border-top: 1px solid #4a5a7e; /* Divider color matching the hover state */
    margin: 8px 0;
}

/*Настройки*/
.act_user {
    border: 0;
    padding: 0 1px 5px 5px;
}

.act_user td {
    /*padding: 2px;;*/
    border-right: 1px solid #40454b;
    border-bottom: 1px solid #40454b;
    padding: 0 2px;

}

.act_user .actUserTr:hover {
    color: #40454b;
}

.actUserTr {
    padding: 5px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

.actUserHead {
    text-align: center;
    margin: 15px;
    font-weight: bold;
}

.actUserHead td {
    border-bottom: 1px solid #000000
}

.gmap-control-container {
    margin: 5px;
}

.gmap-control {
    cursor: pointer;
    background-color: -moz-linear-gradient(center top, #FEFEFE, #F3F3F3);
    background-color: #FEFEFE;
    border: 1px solid #A9BBDF;
    border-radius: 2px;
    padding: 0 6px;
    line-height: 160%;
    font-size: 12px;
    font-family: Arial, sans-serif;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.gmap-control:hover {
    border: 1px solid #678AC7;
}

.gmap-control-active {
    background-color: -moz-linear-gradient(center top, #6D8ACC, #7B98D9);
    background-color: #6D8ACC;
    color: #fff;
    font-weight: bold;
    border: 1px solid #678AC7;
}

.gmap-control-legend {
    position: absolute;
    text-align: left;
    z-index: -1;
    top: 20px;
    right: 0;
    width: 150px;
    height: 66px;
    font-size: 10px;
    background: #FEFEFE;
    border: 1px solid #A9BBDF;
    padding: 10px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
}

.gmap-control-legend ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.gmap-control-legend li {
    line-height: 160%;
}

.osn_cat h3 {
    padding: 5px;
    margin: 0;
}

.osn_cat h3 span {
    cursor: pointer;
}

.osn_cat h3 span:hover {
    text-shadow: 0 0 3px #a1eeff;
}

/*.osn_cat ul {
    position: absolute;
    z-index: 10;
    padding: 0;
    word-wrap: break-word;
    margin: 0;
    background-color: #344e7f;
    list-style-type: none;
}

.osn_cat ul li {
    font-weight: bold;
    margin: 2px 10px;
    padding: 0;
    color: #a1a1a1;
}
.osn_cat ul {
    margin: 5px;
    padding: 5px;
    position: absolute;
    z-index: 11;
    width: 180px;
    height: 300px;
    overflow: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px #6a7da1;
    -webkit-box-shadow: 0px 0px 10px #6a7da1;
}*/
#addReg,
#pole {
    margin-top: 15px;
    list-style-type: none;
}

#label {
    margin-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    /*font-style: italic;*/
    text-shadow: 0 0 10px #6a7da1;
}

#text_pole {
}

#description {
    margin-top: 3px;
    color: #B5B8C8;
    font-size: 12px;
    font-style: italic;
}

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

.sensors {
    padding-bottom: 15px;
}

/* Specific to example two */
#bottom_tabs {
    z-index: 1000001;
    padding: 1px 5px;
    /*position: static;*/
}

#bottom_tabs .list-wrap {
    display: none;
    z-index: 1000002;
    margin: 0px;
}

#bottom_tabs .list-wrap .razmerChart {
    height: 330px;
}

#tracking-tab {
    /*margin-top: 5px;*/
    /*position: relative;*/
}

#tracking-tab .list-wrap {
    background: #eee;
    padding: 5px;
}

#tracking-tab .list-wrap {
    height: 305px;
    /*z-index: 100;*/
}

#tracking-tab ul {
    list-style: none;
    /*margin-left: 10px*/
}

#tracking-tab ul li a {
    display: block;
    border-bottom: 1px solid #666;
    padding: 2px;
    color: #666;
}

#tracking-tab ul li a:hover {
    background: #333;
    color: white;
    text-decoration: none
}

#tracking-tab ul li:last-child a {
    border: none;
}

#tracking-tab .nav {
    overflow: hidden;
    display: none;
}

#tracking-tab .nav li {

    float: left;
    margin: 0 2px 0 0;
    border: 1px solid #cccccc;
    min-width: 53px;
}

#tracking-tab .nav li.last {
    margin-right: 0;
}

#tracking-tab .nav li a {
    display: block;
    padding: 3px;
    background: #666;
    color: white;
    font-size: 9px;
    text-align: center;
    border: 0;
}

#tracking-tab li a.current, #tracking-tab li a.current:hover {
    background-color: #eee !important;
    color: black;
}

#tracking-tab .nav li a:hover, #tracking-tab .nav li a:focus {
    background: #999;
}

.clc {
    cursor: pointer;
}

.clc:hover {
    background-color: #a1eeff;
}

/*Скролинг картинок с камер*/
.scroll {
    /*width:1280px;*/
    /*width: 1000px;*/
    overflow-x: scroll;
    overflow-y: hidden;
}

#table_DevData {
    /*padding: 3px;*/
    width: 100%
}

#table_DevData .tdtd {
    text-align: center;
    width: 110px;
}

#loadedHDOP,
#loadedDevData,
#mRoute,
#errorHOU,
#pitStop,
#reportRoute{
    overflow-x: scroll;
    overflow-y: scroll;
    height: 305px;
    width: auto;
}

#table_report_route {
    margin-left: 0;
    margin-right: auto;
}

#loadedDevData {
    overflow-x: hidden;
    overflow-y: hidden;
}

#banners a img {
    opacity: 0.3;
    -moz-opacity: 0.3;
    filter: alpha(opacity=40);
}

#banners a:hover img {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

.scroll_child {
    /*width:99999px;*/
}

.scroll_child > div {
    margin: 7px;
    float: left;
    width: 120px;
    text-align: center;
    font-size: 11px;
}

.scroll_child div img {
    margin: 7px;
    width: 120px;
    text-align: center;
}

.iconstatus img {
    margin-right: 8px;
}

.iconstatus {
    /*width: 232px;*/
}

#objSetting {
    cursor: pointer;
}

.tbObjSet tr {
    margin: 10px;
}

.iconCar img {
    border: 0px solid black;
}

.iconCar img.direction-arrow {
    width: 50px;
    height: 50px;
    position: inherit;
    margin: -9px;
    /*display: none;*/
}

.iconCar img:not(.direction-arrow) {
    width: 32px;
    height: 32px;

}


.ui-tooltip {
    font-size: 11px;
}

.ui-tooltip1 div {
    line-height: 15px;
}

.ui-tooltip1 {
    padding: 3px !important;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 1px #aaa !important;
    box-shadow: 0 0 1px #aaa !important;
    background-color: white !important;
    font-size: 12px !important;

}

.btne {
    padding: 6px 12px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

#dialogPay {
    height: 300px;
    width: 300px;
    margin:10px;
    padding:10px;
}

#dialogPay a,
#dialogPay li,
#dialogPay p {
    font-size: 14px;
    line-height: 1.5;
}

.ui-dialog {
    z-index: 9999 !important;
    padding: 0 !important;
}
.ui-tabs,
.ui-dialog .ui-dialog-content {
    padding: 0 !important;
}

.labelClassNameObjStop{
    white-space:nowrap;
    /*text-shadow: 0 0 0.1em red, 0 0 0.1em red,
    0 0 0.1em red,0 0 0.1em red,0 0 0.1em;*/
    color: #312b00;
    position: absolute;
    left: -10px;
    font-size: 11px;
    text-overflow: ellipsis;
}

.labelClassNameObjStart{
    white-space:nowrap;
    /*text-shadow: 0 0 0.1em green, 0 0 0.1em green,
    0 0 0.1em green,0 0 0.1em green,0 0 0.1em;*/
    color: #003306;
    position: absolute;
    left: -10px;
    font-size: 11px;
    text-overflow: ellipsis;
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
}

.leaflet-popup .leaflet-popup-content-wrapper {
    width: auto;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    margin: 0;
    padding: .4em .8em;
    width: 24.4em;
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
}

.leaflet-popup-content b {
    padding-bottom: 7px;
    font-size: 13px;
}

.leaflet-popup-content div {
    padding-top: 7px;
    font-weight: 600;
}
/*monitoring*/

.mon-separator {
    border-right: 3px solid #2e6e9e;
    width: 400px;
}

.mon-blk-tablist th {
    padding: 8px 0;
    font-size: 14px;
}
.mon-blk-tablist {
    display: table; /* check so these really applies */
    text-align: center;
    border: none;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.mon-blk-tablist tbody td {
    padding: 6px 0;
}

.mon-blk-tablist .mon-avtocar img {
    padding: 0 5px 0 0;
}

.mon-blk-tablist .mon-avtocar {
    font-size: 12px;
    width: 170px;
    font-weight: 500;
    font-style: italic;
    text-align: left;
    margin-left: 3px;
}

div.scale-section {
    width: 100%;
    height: 14px;
    background: #18375a;
    position: relative;
    border-bottom: 1px solid #8fa8c3;
}
div.body_window div.scale-section {
    width: 100%;
    height: 16px;
    background: #eaf4ff;
    position: relative;
    /*margin-top: 16px;
    margin-bottom: 6px;*/
    border: none;
    /*  border: 1px solid #ccc;*/
    /*border-radius: 3px;*/
}
div.scale-section div.time-needle {
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 13px;
    background: red;
    top:0px;
    left:-10%;
}
div.body_window div.scale-section div.time-needle {
    height: 16px;
}
div.scale-section ul.scale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /*opacity: .3;*/
    position: relative;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.body_window div.scale-section ul.scale {
    /*opacity: .5;*/
}
div.scale-section ul.scale li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 3px;
    width: calc(100%/12);
    list-style: none;
    font-size: 8px;
    line-height: 8px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #8b9bac;
    border-left: 1px dashed #8b9bac;
    height: 100%;
}
div.scale-section ul.scale li:last-child {
    border-right: 1px solid white;
}
div.body_window div.scale-section ul.scale li {
    font-size: 12px;
    line-height: 12px;
    color: #8aa9c9;
    border-left: 1px solid #8aa9c9;
}
div.body_window div.scale-section ul.scale li:last-child {
    border-right: 1px solid #8aa9c9;
}
div.scale-section .line-box {
    width: 100%;
    height: 5px;
    /*background: red;*/
    position: absolute;
    opacity: 1;
    left: 0;
}
div.body_window div.scale-section .line-box {
    height: 6px;
}
div.scale-section .line-box.motion-line {
    top: 0;
    /*  background: -webkit-gradient(linear, left top, right top, from(rgba(13, 225, 0, 0)), color-stop(30%, rgba(13, 225, 0, 0)), color-stop(30%, #0de100), color-stop(32%, #0de100), color-stop(32%, rgba(13, 225, 0, 0)), color-stop(34%, rgba(13, 225, 0, 0)), color-stop(34%, #0de100), color-stop(37%, #0de100), color-stop(37%, rgba(13, 225, 0, 0)), color-stop(38%, rgba(13, 225, 0, 0)), color-stop(38%, #0de100), color-stop(40%, #0de100), color-stop(40%, rgba(13, 225, 0, 0)), color-stop(41%, rgba(13, 225, 0, 0)), color-stop(41%, #0de100), color-stop(42%, #0de100), color-stop(42%, rgba(13, 225, 0, 0)), color-stop(43%, rgba(13, 225, 0, 0)), color-stop(43%, #0de100), color-stop(44%, #0de100), color-stop(44%, rgba(13, 225, 0, 0)), color-stop(47%, rgba(13, 225, 0, 0)), color-stop(47%, #0de100), color-stop(50%, #0de100), color-stop(50%, rgba(13, 225, 0, 0)), color-stop(52%, rgba(13, 225, 0, 0)), color-stop(52%, #0de100), color-stop(53%, #0de100), color-stop(53%, rgba(13, 225, 0, 0)), color-stop(54%, rgba(13, 225, 0, 0)), color-stop(54%, #0de100), color-stop(58%, #0de100), color-stop(58%, rgba(13, 225, 0, 0)), color-stop(60%, rgba(13, 225, 0, 0)), color-stop(60%, #0de100), color-stop(62%, #0de100), color-stop(62%, rgba(13, 225, 0, 0)), color-stop(68%, rgba(13, 225, 0, 0)), color-stop(68%, #0de100), color-stop(72%, #0de100), color-stop(72%, rgba(13, 225, 0, 0)), color-stop(77%, rgba(13, 225, 0, 0)), color-stop(77%, #0de100), color-stop(82%, #0de100), color-stop(82%, rgba(13, 225, 0, 0)), to(rgba(13, 225, 0, 0)));*/
    /*  background: linear-gradient(to right, rgba(13, 225, 0, 0) 0%, rgba(13, 225, 0, 0) 30%, #0de100 30%, #0de100 32%, rgba(13, 225, 0, 0) 32%, rgba(13, 225, 0, 0) 34%, #0de100 34%, #0de100 37%, rgba(13, 225, 0, 0) 37%, rgba(13, 225, 0, 0) 38%, #0de100 38%, #0de100 40%, rgba(13, 225, 0, 0) 40%, rgba(13, 225, 0, 0) 41%, #0de100 41%, #0de100 42%, rgba(13, 225, 0, 0) 42%, rgba(13, 225, 0, 0) 43%, #0de100 43%, #0de100 44%, rgba(13, 225, 0, 0) 44%, rgba(13, 225, 0, 0) 47%, #0de100 47%, #0de100 50%, rgba(13, 225, 0, 0) 50%, rgba(13, 225, 0, 0) 52%, #0de100 52%, #0de100 53%, rgba(13, 225, 0, 0) 53%, rgba(13, 225, 0, 0) 54%, #0de100 54%, #0de100 58%, rgba(13, 225, 0, 0) 58%, rgba(13, 225, 0, 0) 60%, #0de100 60%, #0de100 62%, rgba(13, 225, 0, 0) 62%, rgba(13, 225, 0, 0) 68%, #0de100 68%, #0de100 72%, rgba(13, 225, 0, 0) 72%, rgba(13, 225, 0, 0) 77%, #0de100 77%, #0de100 82%, rgba(13, 225, 0, 0) 82%, rgba(13, 225, 0, 0) 100%);*/
}
div.scale-section .line-box.ignition-line {
    bottom: 0;
    /*background: -webkit-gradient(linear, left top, right top, from(rgba(255, 174, 0, 0)), color-stop(30%, rgba(255, 174, 0, 0)), color-stop(30%, #ffae00), color-stop(37%, #ffae00), color-stop(37%, rgba(255, 174, 0, 0)), color-stop(38%, rgba(255, 174, 0, 0)), color-stop(38%, #ffae00), color-stop(42%, #ffae00), color-stop(42%, rgba(255, 174, 0, 0)), color-stop(43%, rgba(255, 174, 0, 0)), color-stop(43%, #ffae00), color-stop(44%, #ffae00), color-stop(44%, rgba(255, 174, 0, 0)), color-stop(47%, rgba(255, 174, 0, 0)), color-stop(47%, #ffae00), color-stop(50%, #ffae00), color-stop(50%, rgba(255, 174, 0, 0)), color-stop(52%, rgba(255, 174, 0, 0)), color-stop(52%, #ffae00), color-stop(58%, #ffae00), color-stop(58%, rgba(255, 174, 0, 0)), color-stop(60%, rgba(255, 174, 0, 0)), color-stop(60%, #ffae00), color-stop(62%, #ffae00), color-stop(62%, rgba(255, 174, 0, 0)), color-stop(64%, rgba(255, 174, 0, 0)), color-stop(64%, #ffae00), color-stop(67%, #ffae00), color-stop(67%, rgba(255, 174, 0, 0)), color-stop(68%, rgba(255, 174, 0, 0)), color-stop(68%, #ffae00), color-stop(72%, #ffae00), color-stop(72%, rgba(255, 174, 0, 0)), color-stop(77%, rgba(255, 174, 0, 0)), color-stop(77%, #ffae00), color-stop(82%, #ffae00), color-stop(82%, rgba(255, 174, 0, 0)), to(rgba(13, 225, 0, 0)));*/
    /*  background: linear-gradient(to right, rgba(255, 174, 0, 0) 0%, rgba(255, 174, 0, 0) 30%, #ffae00 30%, #ffae00 37%, rgba(255, 174, 0, 0) 37%, rgba(255, 174, 0, 0) 38%, #ffae00 38%, #ffae00 42%, rgba(255, 174, 0, 0) 42%, rgba(255, 174, 0, 0) 43%, #ffae00 43%, #ffae00 44%, rgba(255, 174, 0, 0) 44%, rgba(255, 174, 0, 0) 47%, #ffae00 47%, #ffae00 50%, rgba(255, 174, 0, 0) 50%, rgba(255, 174, 0, 0) 52%, #ffae00 52%, #ffae00 58%, rgba(255, 174, 0, 0) 58%, rgba(255, 174, 0, 0) 60%, #ffae00 60%, #ffae00 62%, rgba(255, 174, 0, 0) 62%, rgba(255, 174, 0, 0) 64%, #ffae00 64%, #ffae00 67%, rgba(255, 174, 0, 0) 67%, rgba(255, 174, 0, 0) 68%, #ffae00 68%, #ffae00 72%, rgba(255, 174, 0, 0) 72%, rgba(255, 174, 0, 0) 77%, #ffae00 77%, #ffae00 82%, rgba(255, 174, 0, 0) 82%, rgba(13, 225, 0, 0) 100%);*/
}

.ui-tooltip.scale-section-tooltip {
    font-size: 13px;
    padding: 2px 4px;
}

.scale-section-tooltip-header,
.scale-section-tooltip-definition-wrapper {
    display: block;
}

.scale-section-tooltip-definition-motion-color-badge,
.scale-section-tooltip-definition-ignition-color-badge {
    display: inline-block;
    height: 10px;
    width: 10px;
}

.scale-section-tooltip-definition-motion-color-badge {
}

.scale-section-tooltip-definition-ignition-color-badge {
}

.scale-section-tooltip-definition-current-time-color-badge {
    background-color: #f00;
    display: inline-block;
    height: 10px;
    width: 2px;
    margin-left: 8px;
}

/* --- Activation page styles (same style as register/login) --- */
.activate-root #centr{
    text-align: center;
    position: fixed;
    top: 38%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    overflow: visible;
    display: block;
    z-index: 1200;
}

.activate-root #centr_div_activate{
    background-color: #56678a;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    width: 480px;
    max-width: calc(100% - 40px);
    max-height: 85vh;
    overflow: auto;
    padding: 25px 28px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(106, 125, 161, 0.95);
    animation: activateSlide 0.45s ease-out;
}

@keyframes activateSlide {
    from { opacity: 0; transform: translateY(-12px) translateX(-50%); }
    to { opacity: 1; transform: translateY(0) translateX(-50%); }
}

.activate-root .activate-title{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 18px;
    text-shadow: 0 0 8px rgba(106,125,161,0.6);
}

.activate-root .activate-message{
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    padding: 18px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 14px;
    animation: activateFade 0.5s ease-in;
}

@keyframes activateFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

.activate-root .activate-message.success{
    background: rgba(40,167,69,0.15);
    border-color: #28a745;
}

.activate-root .activate-message.error{
    background: rgba(220,53,69,0.15);
    border-color: #dc3545;
}

.activate-root .activate-message.info{
    background: rgba(23,162,184,0.15);
    border-color: #17a2b8;
}

.activate-root .activate-icon{
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    opacity: 0.95;
}

.activate-root .activate-text{
    flex: 1;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}

.activate-root .activate-actions{
    text-align: center;
    padding-top: 6px;
}

.activate-root .activate-actions a{
    display: inline-block;
    margin: 6px 8px;
    padding: 11px 22px;
    background: linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
    background-color: #7892c2;
    border: 1px solid #4e6096;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: inset 0 1px 0 0 #9fb4f2;
    transition: all 0.3s ease;
}

.activate-root .activate-actions a:hover{
    background: linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
    background-color: #476e9e;
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 0 #9fb4f2, 0 4px 10px rgba(0,0,0,0.2);
}

.activate-root .activate-actions a:active{
    transform: translateY(0);
}

.activate-root .activate-actions a.secondary{
    background: linear-gradient(to bottom, #5a6b8a 5%, #3e5166 100%);
    background-color: #5a6b8a;
    border-color: #3e5166;
}

.activate-root .activate-actions a.secondary:hover{
    background: linear-gradient(to bottom, #3e5166 5%, #5a6b8a 100%);
    background-color: #3e5166;
}

@media (max-width:480px){
    .activate-root #centr_div_activate{ width: 340px; padding:18px; }
    .activate-root .activate-title{ font-size:18px; }
    .activate-root .activate-text{ font-size:14px; }
    .activate-root .activate-icon{ width:32px; height:32px; }
}