body{
    font-family: 'Roboto', sans-serif !important;
    overflow: hidden;
}
.panel-body{
    padding: 0 !important;
    border:0;
}
.logo img{
}
.paddingTop10, .dloki td, #cycleTrPojazd.td{
    padding-top: 10px;
}
#cycleinputCzesciowy label{
    font-size: 11px;
    line-height: 15px;
    vertical-align: top;
}
#cycleinputCzesciowy p{
    line-height: 1px;
    margin-bottom: 0px;
}
.table-padding-15 td {
    padding: 15px;
}

.selectWarunek_info {
    display: none;
    border: 1px solid #000;
    width: 277px;
    border-radius: 3px;
    padding: 4px;
    background-color: #CCF6A5;
    margin-top: 10px;
}


#etollBilling div {
    padding: 3px 9px;
    height: 40px;
    font-size: 12px;
    background: #63657a;
    border-radius: 5px;
    color: #fff !important;
    width: 470px;
}
.etollBillingSmall {
    font-size: 11px;
    color: #dddddd;
}
.etollBillingRed {
    color: #fa7373;
}

#etollBilling span {
    float: left;
    margin-right: 5px;
}

span.ole-icon-usersadd, a.buttonOLE:hover span.ole-icon-usersadd {
    background-image: url(../img/menu_icons_l.png);
    background-size: 400px auto;
    width: 24px;
    height: 24px;
    background-position: 91px -2px;
}


.ql-align-right {
	text-align: right;
}
.ql-align-center {
	text-align: center;
}
.ql-align-left {
	text-align: left;
}

.historiaBigContent_content .datagrid-group-title {
    width: 94%;
}
 
.mapProgress {
    font-size: 11px !important;
}

#popupMessages .ui-widget-content {
    overflow: auto;
    max-height: 70vh;
}


.popupAlertsEnable {
    background: linear-gradient(to bottom, rgba(251, 0, 45, 1) 0%, rgba(253, 77, 104, 1) 86%, rgba(251, 0, 45, 1) 100%) !important;
    color: #fff !important;
}
.popupAlertsDisable {
    background: linear-gradient(to bottom, rgba(6, 160, 6, 1) 0%, rgba(44, 180, 44, 1) 86%, rgba(6, 160, 6, 1) 100%) !important;
    color: #fff !important;
}

.popupAlertsEnable .ui-icon, .popupAlertsDisable .ui-icon {
    background-image: url(/img/icons_white.png) !important;
    margin-top: 2px;
}

.alertsdisabledCar {
    background: linear-gradient(to bottom, rgba(251, 0, 45, 1) 0%, rgba(253, 77, 104, 1) 86%, rgba(251, 0, 45, 1) 100%) !important;
    display: block;
    color: #fff;
    padding-left: 5px;
}


@keyframes blinkingBackground {
  0% {
    background: linear-gradient(to bottom, rgba(6, 160, 6, 1) 0%, rgba(44, 180, 44, 1) 86%, rgba(6, 160, 6, 1) 100%);
  }
  50% {
    background: linear-gradient(to bottom, rgba(251, 0, 45, 1) 0%, rgba(253, 77, 104, 1) 86%, rgba(251, 0, 45, 1) 100%);
  }
  100% {
    background: linear-gradient(to bottom, rgba(6, 160, 6, 1) 0%, rgba(44, 180, 44, 1) 86%, rgba(6, 160, 6, 1) 100%);
  }
}

.alertsenabledCar {
    background: linear-gradient(to bottom, rgba(6, 160, 6, 1) 0%, rgba(44, 180, 44, 1) 86%, rgba(6, 160, 6, 1) 100%) !important;
    display: block;
    color: #fff;
    padding-left: 5px;
}
.alertsenabledCar_noread {   
    display: block;
    color: #fff;
    padding-left: 5px;
    animation: blinkingBackground 1s infinite;
}


.portlet {
    margin-bottom: 0px;
}

tr#cycleinputCzesciowy, tr#cycleTrFlota, .message, .emaileAdd span, tr#cycleTrPojazd, div#mapatop{
    display:none;
}
select#cycleZakres, select#cycleFlota, select#cyclePojazd{
    width: 200px;
}
select#cycleTypRaporty{
    width: 250px;
}
#cycleTrFlota td{
    padding-top: 10px
}
tr.dloki p{
    font-size: 11px;
    margin-bottom: 1px;
    margin-top: 5px;
}
div#emaileAdd{
    margin-bottom: 5px;
}
div#layout1{
    width: 100%;
    height: 400px;
}
#layout1 div#contentReports{
    width: 100%;
    height: 715px;
}
div.czastop, .czastop33{
    float: left;
}
div#contentall{
    padding-bottom: 0px !important;
}

.textbox .textbox-text {
    line-height: initial !important;
}

.tachoAPIHint {
    cursor: help;
}

.ui-icon-help {
    background-image: url(../img/icons_black.png) !important;
}
.tooltip {
    background-color: #626679;
    border-color: #222738;
    color: #ffffff;
    padding: 2px;
}

#popupOffense {
    display: none;
    position: absolute;
    top: 31px;
    right: 830px;
    width: 290px;
    height: 32px;
    background-color: #222539;
    border-radius: 3px;
}

#offense_logo {
    float: left;
    padding-left: 1px;
    padding-top: 1px;
}

#offense_0, #offense_1, #offense_2 {
    float: left;
    width: 50px;
    height: 24px;
    color: #fff;
    padding: 4px;
    border-radius: 2px;
    margin-left: 4px;
    margin-top: 4px;
    cursor: help;
}

#offense_0 {
    background-color: #19ae88;
}

#offense_0_img {
    background-image: url(../img/tachoapi/offense-icons-sprite.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position: 2px 0px;
    float: left;
}

#offense_0_value {
    float: left;
    font-size: 12px;
}

#offense_1 {
    background-color: #f4be29;
}

#offense_1_img {
    background-image: url(../img/tachoapi/offense-icons-sprite.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position: -18px 0px;
    float: left;
}

#offense_1_value {
    float: left;
    font-size: 12px;
}

#offense_2 {
    background-color: #f22b24;
}

#offense_2_img {
    background-image: url(../img/tachoapi/offense-icons-sprite.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position: -40px 0px;
    float: left;
}

#offense_2_value {
    float: left;
    font-size: 12px;
}

#offence_report {
    width: 77px;
    height: 24px;
    color: #fff;
    float: left;
    text-align: center;
    margin-top: 6px;
    padding-top: 4px;
    cursor: pointer;
}



#popupLTCOffense {
    display: none;
    position: absolute;
    top: 31px;
    right: 830px;
    width: 290px;
    height: 32px;
    background-color: #222539;
    border-radius: 3px;
}

#offenseLTC_logo {
    float: left;
    color: #fff;
    font-size: 18px;
    background-color: #2d5f7f;
    padding: 0px;
    border-radius: 2px;
    margin-left: 4px;
    margin-top: 4px;
    height: 24px;
    padding-left: 4px;
    padding-right: 4px;
}

#offenseLTC_0, #offenseLTC_1, #offenseLTC_2 {
    float: left;
    width: 50px;
    height: 24px;
    color: #fff;
    padding: 4px;
    border-radius: 2px;
    margin-left: 4px;
    margin-top: 4px;
    cursor: help;
}

#offenseLTC_0 {
    background-color: #19ae88;
}

#offenseLTC_0_img {
    background-image: url(../img/tachoapi/offense-icons-sprite.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position: 2px 0px;
    float: left;
}

#offenseLTC_0_value {
    float: left;
    font-size: 12px;
}

#offenseLTC_1 {
    background-color: #f4be29;
}

#offenseLTC_1_img {
    background-image: url(../img/tachoapi/offense-icons-sprite.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position: -18px 0px;
    float: left;
}

#offenseLTC_1_value {
    float: left;
    font-size: 12px;
}

#offenseLTC_2 {
    background-color: #f22b24;
}

#offenseLTC_2_img {
    background-image: url(../img/tachoapi/offense-icons-sprite.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position: -40px 0px;
    float: left;
}

#offenseLTC_2_value {
    float: left;
    font-size: 12px;
}

#offenceLTC_report {
    width: 77px;
    height: 24px;
    color: #fff;
    float: left;
    text-align: center;
    margin-top: 6px;
    padding-top: 4px;
    cursor: pointer;
    margin-left: 5px;
}

#squaresWaveG{
    position:relative;
    width:50px;
    height:6px;
    margin-left: 3px;
    margin-top: -1px;
}

.squaresWaveG{
    position:absolute;
    top:0;
    background-color:#21263;
    width:6px;
    height:6px;
    -moz-animation-name:bounce_squaresWaveG;
    -moz-animation-duration:1.3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:normal;
    -webkit-animation-name:bounce_squaresWaveG;
    -webkit-animation-duration:1.3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:normal;
    -ms-animation-name:bounce_squaresWaveG;
    -ms-animation-duration:1.3s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:normal;
    -o-animation-name:bounce_squaresWaveG;
    -o-animation-duration:1.3s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:normal;
    animation-name:bounce_squaresWaveG;
    animation-duration:1.3s;
    animation-iteration-count:infinite;
    animation-direction:normal;
}

#squaresWaveG_1{
    left:0;
    -moz-animation-delay:0.52s;
    -webkit-animation-delay:0.52s;
    -ms-animation-delay:0.52s;
    -o-animation-delay:0.52s;
    animation-delay:0.52s;
}

#squaresWaveG_2{
    left:7px;
    -moz-animation-delay:0.65s;
    -webkit-animation-delay:0.65s;
    -ms-animation-delay:0.65s;
    -o-animation-delay:0.65s;
    animation-delay:0.65s;
}

#squaresWaveG_3{
    left:14px;
    -moz-animation-delay:0.78s;
    -webkit-animation-delay:0.78s;
    -ms-animation-delay:0.78s;
    -o-animation-delay:0.78s;
    animation-delay:0.78s;
}

#squaresWaveG_4{
    left:21px;
    -moz-animation-delay:0.91s;
    -webkit-animation-delay:0.91s;
    -ms-animation-delay:0.91s;
    -o-animation-delay:0.91s;
    animation-delay:0.91s;
}

#squaresWaveG_5{
    left:28px;
    -moz-animation-delay:1.04s;
    -webkit-animation-delay:1.04s;
    -ms-animation-delay:1.04s;
    -o-animation-delay:1.04s;
    animation-delay:1.04s;
}

#squaresWaveG_6{
    left:35px;
    -moz-animation-delay:1.17s;
    -webkit-animation-delay:1.17s;
    -ms-animation-delay:1.17s;
    -o-animation-delay:1.17s;
    animation-delay:1.17s;
}

#squaresWaveG_7{
    left:42px;
    -moz-animation-delay:1.3s;
    -webkit-animation-delay:1.3s;
    -ms-animation-delay:1.3s;
    -o-animation-delay:1.3s;
    animation-delay:1.3s;
}

#squaresWaveG_8{
    left:49px;
    -moz-animation-delay:1.43s;
    -webkit-animation-delay:1.43s;
    -ms-animation-delay:1.43s;
    -o-animation-delay:1.43s;
    animation-delay:1.43s;
}

@-moz-keyframes bounce_squaresWaveG{
    0%{
        background-color:#21263;
    }

    100%{
        background-color:#FFFFFF;
    }

}

@-webkit-keyframes bounce_squaresWaveG{
    0%{
        background-color:#21263;
    }

    100%{
        background-color:#FFFFFF;
    }

}

@-ms-keyframes bounce_squaresWaveG{
    0%{
        background-color:#21263;
    }

    100%{
        background-color:#FFFFFF;
    }

}

@-o-keyframes bounce_squaresWaveG{
    0%{
        background-color:#21263;
    }

    100%{
        background-color:#FFFFFF;
    }

}

@keyframes bounce_squaresWaveG{
    0%{
        background-color:#21263;
    }

    100%{
        background-color:#FFFFFF;
    }

}



#popupTachoAPI {

    position: absolute;
    top: 35px;
    left: 480px;
    width: 400px;
    height: 304px;
    z-index: 1000;
    padding: 0px;
    -webkit-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.36);
    box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.36);
    display: none;
}


.tachoAPIPopup {
    /*background-image: url(/img/tachoapi/tachoAPIAdvicePopup_background_02.png);*/
    width: 400px;
    height: auto;
    background: #212638;
}
.tachoAPIPopup_header {
    width: 100%;
    height: 29px;
    color: #fff;
    padding: 5px 10px 5px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #61657a;
}
.tachoAPIPopup_header_driverName {
    float: left;
    font-weight: bold;
    font-size: 14px;
}
.tachoAPIPopup_header_driverName_icon {
    margin-top: -3px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
.tachoAPIPopup_header_driverName_ativitytype {
    font-size: 14px;
    color: #fff;
}

.tachoAPIPopup_header_moreinfo {
    float: right;
}
.tachoAPIPopup_header_moreinfo img{
    margin-top: 0px;
    height: 19px;
    cursor: pointer;
    margin-right: 8px;
}


#popupTachoAPI_close {
    width: 61px;
    height: 41px;
    position: absolute;
    z-index: 1000;
    top: 35px;
    left: 480px;
    cursor: pointer;
    display: none;
    background: #212638;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 2px;
}
#popupTachoAPI_close img {
    height: 36px;
    padding-left: 4px;
    padding-top: 2px;
}
#squaresWaveG {
    display: none;
}

#popupTachoAPI_moreInfo {
    position: absolute;
    top: 35px;
    left: 900px;
    width: 460px;
    /*height: 304px;*/
    z-index: 1000;
    padding: 0px;
    -webkit-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.36);
    box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.36);
    display: none;
}

.tachoAPIPopupMoreInfo_table tr {
    height: 19px !important;
    line-height: 19px !important;
}

.tachoAPIPopupMoreInfo_header {
    width: 100%;
    height: 30px;
    color: #fff;
    padding: 0px 10px 0px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #61657a;
    font-size: 13px;
    font-weight: bold;
    line-height: 31px;
    ;
}
.tachoAPIPopupMoreInfo_header_close {
    float: right;
    margin-top: -1px;
}
.tachoAPIPopupMoreInfo_header_close img{
    margin-right: 10px;
    cursor: pointer;
}
.tachoAPIPopupMoreInfo_table {
    width: 100%;
}
.tachoAPIPopupMoreInfo_table td {
    padding: 1px 0px 1px 20px;
    font-size: 10px;
}
.tachoAPIPopupMoreInfo_table_trheader {
    color: #fff;
    font-size: 12px !important;
    padding: 5px 20px !important;
    font-weight: bold;
}
.tachoAPIPopupMoreInfo_table_td_value {
    font-weight: bold;
}
.tachoAPIPopupMoreInfo_table tr:nth-child(odd) {
    background-color: #f3f3f3;
}
.tachoAPIPopupMoreInfo_table_div {
    overflow: auto;
}
.tachoAPIPopupMoreInfo_table_trheader_colapse {
    cursor: pointer;
    background-color: #212637 !important;
}
.tachoAPIPopupMoreInfo_table_trheader_colapse:hover {
    background-color: #212637 !important;
}
.tachoAPIPopupMoreInfo_table_trheader_colapse_open {
    background-image: url(/img/tachoapi/tachoAPIAdvicePopup_collapse.png);
    background-repeat: no-repeat;
    background-position-x: 426px;
    background-position-y: 5px;
}
.tachoAPIPopupMoreInfo_table_trheader_colapse_closed {
    background-image: url(/img/tachoapi/tachoAPIAdvicePopup_uncollapse.png);
    background-repeat: no-repeat;
    background-position-x: 426px;
    background-position-y: 11px;
}


.tachoAPIPopup_header_close {
    float: right;
}
.tachoAPIPopup_header_close img{
    margin-top: 4px;
    height: 10px;
    cursor: pointer;
}
.tachoAPIPopup_header_2 {
    width: 100%;
    height: 42px;
    color: #fff;
    padding: 5px 10px 5px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tachoAPIPopup_header_2_logo {
    float: left;
}
.tachoAPIPopup_header_2_logo img {
    height: 47px;
}
.tachoAPIPopup_header_2_stop_in {
    float: left;
    margin-left: 80px;
    color: #fff;
    width: 120px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    height: 44px;
    line-height: 15px;
}

.tachoAPIPopup_header_2_stop_in small {
    font-size: 11px;
}

.tachoAPIPopup_header_2_stop_in img {
    height: 33px;
    float: left;
    margin-right: 10px;
}
.tachoAPIPopup_header_2_penalty {
    float: right;
    background: #61657a;
    border-radius: 10px;
    height: 32px;
    width: 100px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 13px;
    padding-top: 3px;
}

.tachoAPIPopup_header_2_penalty_red {
    background: #f00e0e;
}

.tachoAPIPopup_header_2_penalty small {
    font-size: 9px;
}
.tachoAPIPopup_table_div {
    width: 100%;
    height: auto;
    color: #fff;
    padding: 5px 10px 5px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
.tachoAPIPopup_table {
    width: 100%;
    text-align: center;
    border-spacing: 0px;
    color: #000;
}
.tachoAPIPopup_table tr td {
    width: 33%;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
}
.tachoAPIPopup_table_nextrow td {
    border-bottom: 1px solid #cccccc;
    font-size: 22px !important;
    font-weight: bold;
    padding-bottom: 7px;
}
.tachoAPIPopup_table_headerrow {
    height: 13px !important;
    line-height: 13px !important;
    background-color: transparent !important;
}
.tachoAPIPopup_table_nextrow {
    height: 25px !important;
    line-height: 25px !important;
    background-color: transparent !important;
}

.tachoAPIPopup_table_headerrow:hover, .tachoAPIPopup_table_nextrow:hover, .tachoAPIPopup_bottom_table tr:hover {
    background-color: transparent !important;
}

.tachoAPIPopup_table_headerrow td {
    padding-top: 7px;
}
.tachoAPIPopup_table_nextrow_last td {
    border-bottom: 0px;
}
.tachoAPIPopup_table_headerrow td img, .tachoAPIPopup_table_nextrow td img, .tachoAPIPopup_table_nextrow_last td img {
    height: 12px;
    margin-left: 8px;
}
.tachoAPIPopup_bottom_div {
    width: 100%;
    height: 61px;
    color: #fff;
    padding: 3px 10px 5px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tachoAPIPopup_bottom_table {
    width: 100%;
    border-spacing: 0px;
}
.tachoAPIPopup_bottom_table_info_icon {
    float: left;
    width: 20px;
    margin-right: 6px;
    padding-top: 4px;
}
.tachoAPIPopup_bottom_table_info {
    display: inherit;
    font-size: 11px;
}

.tachoAPIPopup_bottom_table tr td {
    width: 50%;
    font-size: 13px;
    color: #fff;
}
.tachoAPIPopup_bottom_table_compensation {
    background: #61657a;
    width: 165px;
    height: 27px;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    margin-left: 21px;
}
.tachoAPIPopup_bottom_table_compensation_red {
    background: #ef0f0e;
}

.tachoAPIPopup_bottom_table_actualisation {
    text-align: center;
    text-transform: uppercase;
    font-size: 9px !important;
    font-family: 'Open Sans', sans-serif;
    /*padding-top: 7px;*/
}
.tachoAPIPopup_bottom_table tr {
    height: auto !important;
    line-height: inherit !important;
    background: transparent !important;
}




.errorsmall {
    padding: 4px;
}

.dataTable caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    text-align: left;
    background: #62647c;
    padding-left: 10px;
    font-size: 12px;
}

.raportHistoriiTras_div caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    text-align: left;
    background: #62647c;
    padding-left: 10px;
    font-size: 12px;
}

.mapPopupAnimationDriver td.pop_other_right table {
    width: 82% !important;
    position: relative;
    left: 0px;
    top: 3px;
}

.ui-widget-header .ui-icon {
    background: url(../img/arrow_month.png);
    top: 15px !important;
    position: relative !important;
}


.datagrid-header-row td {
    background: #fbfbfc !important;
    background: -moz-linear-gradient(top, #fbfbfc 1%, #ebecf2 100%) !important;
    background: -webkit-linear-gradient(top, #fbfbfc 1%,#ebecf2 100%) !important;
    background: linear-gradient(to bottom, #fbfbfc 1%,#ebecf2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#ebecf2',GradientType=0 ) !important;
}

.dataGridPlacesMapTrackingDashboard {
    height: 18px;
    text-align: left;
}
.dataGridPlacesMapTrackingDashboard:hover {
    background: transparent;
}
.dataGridPlacesMapTrackingDashboard td {
    border-width: 0px 0px 1px 0;
}
.dataGridPlacesMapTrackingDashboard td div{
    color: #808080;
    font-size: 11px;
}
.dataGridPlacesMapTrackingDashboard td div.flagdatagrid{
    text-align: right !important;
}

.dataGridPlacesMapTrackingDashboard td.datagrid-td-merged div{
    text-align: left !important;
    font-size: 11px;
}

.dataGridCarsPositionTrackingDashboard {
    cursor: pointer;
}
.dataGridCarsPositionTrackingDashboard td {
    border-color: #fff;
    border-width: 0px 1px 0px 0;
    vertical-align: top;
}

.dataGridCarsPositionTrackingDashboard .datagrid-cell-c2-parameters {
    font-size: 11px;
}

.dataGridCarsPositionTrackingDashboard:hover td {
    border-color: #eee;
}
.dataGridCarsPositionTrackingDashboard:hover, .dataGridCarsPosition:hover + tr {
    background: #e2e2e2;
    border-color: #e2e2e2;
}


#idSMSTab .layout-panel-west {
    border-right: 1px solid #DEDEDE !important;
}
#idSMSTab .layout-panel-east {
    border-left: 1px solid #DEDEDE !important;
}
#idSMSTab .layout-panel-north {
    border-bottom: 1px solid #DEDEDE !important;
}

#smsSendToCar, #smsCheckAsRead, #smsCheckAsReadAll {
    height: 25px;
    line-height: 24px;
}
#smsSendToCar .ui-icon, #smsCheckAsRead .ui-icon, #smsCheckAsReadAll .ui-icon {
    margin-top: 3px;
}
#idSMSTab .datagrid-btable tbody tr td {
    padding: 5px;
    border-right: 0px;
}

#idSMSTab .datagrid-view2 {
    border-top: 0px solid #eaeaea;
}

#komunikator_center_table tr {
    background-color: #FFFFFF;
}

#komunikator_center_table tr:hover {
    background-color: #FFFFFF !important;
}
#komunikator_east_table td {
    padding-left: 30px;
    padding-right: 30px;
}
#komunikator_east_table thead tr:hover {
    background-color: transparent !important;
}
#komunikator_east_table tbody tr:hover {
    background-color: #E8E8E8 !important;
    cursor: pointer;
}

.komunikator_east_msg_td_left {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0px !important;
    width: 125px;
}
.komunikator_east_msg_td_right {
    color: #BABABA;
    font-style: italic;
    padding-right: 0px !important;
}

.komunikator_msg_recived_time {
    float: left;
    margin-top: 18px;
    margin-left: 15px;
    color: #ABABAB;
}

.komunikator_msg_recived {
    background-color: #F4F4F4;
    border-radius: 0 10px 10px 10px;
    width: auto;
    padding: 10px;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 30px;
    display: inline-block;
    -webkit-box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.42);
    -moz-box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.42);
    box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.42);
    font-size: 11px;
}

.komunikator_msg_send_time {
    float: right;
    margin-top: 18px;
    margin-right: 15px;
    color: #ABABAB;
}

.komunikator_msg_send {
    color: #fff;
    background-color: #487ABA;
    border-radius: 10px 0px 10px 10px;
    width: auto;
    padding: 10px;
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    display: inline-block;
    -webkit-box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.42);
    -moz-box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.42);
    box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.42);
    font-size: 11px;
    max-width: 500px;
    word-wrap: break-word;
}

.komunikator_msg_send a {
    color: #fff;
}
.warningLimit {
    color: #b66875 !important;
}

.ui-chatbox-titlebar .ui-icon {
    background: url(../css/images/ui-icons_ffffff_256x240.png) !important;
    top: -2px !important;
}

.ui-chatbox-titlebar .ui-state-hover {
    background: transparent !important;
    top: -2px !important;
    border: 0px solid !important;
}

.ui-chatbox-titlebar .ui-icon-minusthick {
    background-position: -64px -128px !important;
}
.ui-chatbox-titlebar .ui-icon-closethick {
    background-position: -96px -128px !important;
}
.ui-chatbox-titlebar {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border: 1px solid #62657a;
    font-size: 11px;
    font-weight: normal;
    width: 298px !important;
}

.ui-chatbox-titlebar.ui-state-focus {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border: 1px solid #62657a;
    font-size: 11px;
    font-weight: normal;
    background: transparent;
}

.ui-chatbox {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    background: #ffffff;
    width: 300px !important;
    -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.42);
    -moz-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.42);
    box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.42);
}

.ui-chatbox-log {
    width: 298px !important;
}

.ui-chatbox-input {
    border-top: 1px solid #B9B9B9;
    max-width: 298px !important;
    background: #F9F9F9;
}

.ui-chatbox-input-box {
    margin: 5px;
    padding: 2px;
    height: 42px;
    resize: none;
    width: 200px !important;
    font-size: 11px !important;
    line-height: 37px;
    background: #F9F9F9;
    float: left;
}

.comunicator_box_msg {
    line-height: 15px;
}

.ui-chatbox-input-box-time {
    float: none;
    margin-top: 0px;
    margin-bottom: 5px;
}
.ui-chatbox-input-box-msg {
    margin-bottom: 5px;
    max-width: 250px;
    word-break: break-word;
}

.ui-chatbox-log tr:hover {
    background-color: transparent !important;
}
.ui-chatbox-titlebar span div {
    width: 205px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comunicator_box_msg {
    /*line-height: 14px;*/
}

.badgeGarmin {
    background: #58A2DC; /* Old browsers */
    background: -moz-linear-gradient(top,  #58A2DC 0%, #4787BA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58A2DC), color-stop(100%,#4787BA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #58A2DC 0%,#4787BA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #58A2DC 0%,#4787BA 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #58A2DC 0%,#4787BA 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #58A2DC 0%,#4787BA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58A2DC', endColorstr='#4787BA',GradientType=0 ); /* IE6-9 */

    border: 1px solid white;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font:  10px Helvetica, Verdana, Tahoma;
    height: 13px;
    padding: 1px 3px 1px 3px;
    text-align: center;
    min-width: 11px;
}

/* only needed for this sample */
.badgeGarmin {
    left: 41px !important;
    position: absolute;
    top: 11px;
    text-shadow: 0px 0px 0px #000;
    border: 0;
    padding: 0 6px;

}

.menuCarsHideColumnNew_background {
    height: 2000px;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 1;
}


.map_garmin_route {
    display:inline-block;
    cursor: pointer;
    margin-top: 8px;
    margin-left: 7px;
    overflow:hidden;
    float:right;
    background-repeat: no-repeat;
    background-image:url(/img/garmin_btn.png);
    width: 78px !important;
    height: 21px;
    margin-right: 40px;
}


.menuCarsHideColumnNew, .menuCarsHideIconNew{
    width:165px;
    height: auto;
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 137px;
    right: 10px;
    display: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding-top: 6px;

    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    z-index: 2;
}

.menuCarsHideIconNew{
    width:195px;
}

.cmenu_n_item, .cmenu_n_item2{
    width: auto;
    clear: both;
    height: 24px;
    cursor: pointer;
    padding: 4px;
    font-size: 11px;
    border-bottom: 1px solid #f4f4f4;
}
.cmenu_n_item:hover, .cmenu_n_item2:hover{
    background-color: #f4f4f4;
}
.cmenu_n_item img{
    float: left;
    margin-top: 1px !important;
}
.cmenu_n_item span{
    float: left;
    margin-top: 6px;
    margin-left: 10px !important;
    font-size: 11px !important;
}
.cmenu_n_item INPUT[type="checkbox"], .cmenu_n_item2 INPUT[type="checkbox"]{
    float: left;
    display: inline;
    margin-top: 0px;
    margin-right: 2px;
}
.cmenu_n_item2 INPUT[type="checkbox"]{
    margin-right: 8px;
}
.cmenu_n_item INPUT[type="checkbox"][readonly], .cmenu_n_item2 INPUT[type="checkbox"][readonly] {
    pointer-events: none;
}


.chooseChart {
    float: left;
    height: 20px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    background: #a8aab6;
    padding-top: 3px;
    cursor: pointer;
    color: #fff;
    opacity: 0.7;
}

.chooseChart_blank {
    background: transparent;
    opacity: 1;
    color: #000;
}

.chooseChart_0 {
    background: #3845b6;
    opacity: 1;
}
.chooseChart_1 {
    background: #89A54E;
    opacity: 1;
}
.chooseChart_2 {
    background: #d58b47;
    opacity: 1;
}
.chooseChart_3 {
    background: #57c3cd;
    opacity: 1;
}
.chooseChart_4 {
    background: #C29966;
    opacity: 1;
}
.chooseChart_5 {
    background: #AA4643;
    opacity: 1;
}
.chooseChart_6 {
    background: #3E6184;
    opacity: 1;
}
.chooseChart_7 {
    background: #9e45b9;
    opacity: 1;
}
.chooseChart_8 {
    background: #545252;
    opacity: 1;
}


#mapabig_layout_south_tabs .tabs-panels .panel .panel-body {
    background: #ffffff !important;
}

#mapabig_layout > .layout-expand-south > .panel-header > .panel-title {
    background-color: #62657a;
    height: 24px;
}

#mapabig_layout > .layout-panel-south > .panel-header > .panel-title {
    background-color: #62657a;
    height: 0px;
    line-height: 24px;
    padding-left: 10px;
}

#mapabig_layout > .layout-expand-south > .panel-header > .panel-tool > .layout-button-up {
    background-color: #e1e2e4;
    background-position-y: -17px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

#mapabig_layout > .layout-panel-south > .panel-header > .panel-tool > .layout-button-down {
    background-color: #e1e2e4;
    background-position-y: 2px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    position: fixed;
    z-index: 1;
    right: 10px;
    bottom: 157px;
}

.mapHistoryGenReports .select2-container .select2-choice > .select2-chosen {
    padding-left: 0px;
}

#mapabig_layout_south_tabs .tabs-panels, #mapabig_layout_south_tabs .panel-body {
    overflow: auto;
}


td.addresstohistory {
    max-width: 300px;
    white-space: normal;
    line-height: 18px;
}

.apoiSMSShow, .apoiAllCarsShow {
    display: none;
}

#apoiAlerts_popup_div_new {
    display: none;
}

.notallowed {
    cursor: not-allowed !important;
}

#atunel_close {
    display: none;
    position: absolute;
    top: 0px;
    left: 420px;
    height: auto;
    width: 235px;
    background-image: url(../img/toolTopMenuBg.png);
    z-index: 100;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 11px;
    color: #666;
    padding: 5px;
}

#atunel_close .apoibtn {
    margin-top: 5px;
    background-color: #91919c;
    border: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 0 0 0 rgba(0,0,0,0.3) !important;
    height: 30px;
    text-align: center;
    vertical-align: top;
    width: 38px;
    margin-left: 0px;
    -webkit-transition: left 200ms ease-out 0;
    cursor: pointer;
    opacity: .8;
    line-height: 31px;
    color: #fefefe;
    float: left;
}


#atunel_close .apoiATunelAdd {
    margin-right: 0px;
    display: none;
    float: right;
}

div#atunel_close_header {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #aaa;
}
#atunel_close_header_text {
    position: relative;
    top: 2px;
    left: 10px;
}


#atunel_close_header span.ui-icon {
    background-image: url(/img/icons_black.png);
    float: left;
}

#atunel_close label {
    font-size: 11px;
    margin-bottom: 0px;
    font-weight: normal;
}






#tracking_info {
    display: none;
    position: absolute;
    top: 0px;
    left: 420px;
    height: auto;
    width: 235px;
    background-image: url(../img/toolTopMenuBg.png);
    z-index: 100;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 11px;
    color: #666;
    padding: 5px;
}

#tracking_info label {
    font-size: 11px;
    margin-bottom: 0px;
    font-weight: normal;
    margin-top: 5px;
}

#tracking_info label.moreInfoTracking {
    font-weight: bold;
    margin-top: 0px;
}

div#tracking_info_header {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #aaa;
}
#tracking_info_header_text {
    position: relative;
    top: 2px;
    left: 10px;
}


#tracking_info_header span.ui-icon {
    background-image: url(/img/icons_black.png);
    float: left;
}

#apoi_close {
    display: none;
    position: absolute;
    top: 0px;
    left: 420px;
    height: auto;
    width: 135px;
    background-image: url(../img/toolTopMenuBg.png);
    z-index: 100;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 11px;
    color: #666;
    padding: 5px;
}

#apoi_close .apoibtn {
    margin-top: 5px;
    background-color: #91919c;
    border: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 0 0 0 rgba(0,0,0,0.3) !important;
    height: 30px;
    text-align: center;
    vertical-align: top;
    width: 38px;
    margin-left: 18px;
    -webkit-transition: left 200ms ease-out 0;
    cursor: pointer;
    opacity: .8;
    line-height: 31px;
    color: #fefefe;
}

#apoi_options {
    display: none;
    position: absolute;
    top: 0px;
    left: 420px;
    height: auto;
    width: 300px;
    background-image: url(../img/toolTopMenuBg.png);
    z-index: 100;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 11px;
    color: #666;
    padding: 5px;
}
#apoi_options .apoibtn, #apoiAlerts_popup .apoibtn, .apoiPopupFromMap .apoibtn {
    background-color: #91919c;
    border: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 0 0 0 rgba(0,0,0,0.3) !important;
    height: 30px;
    text-align: center;
    vertical-align: top;
    width: 38px;
    margin-left: 0;
    -webkit-transition: left 200ms ease-out 0;
    cursor: pointer;
    opacity: .8;
    line-height: 31px;
    color: #fefefe;
}
#apoi_options input {
    border: 1px solid #e0e0e0;
    padding: 0px 0 0 9px;
    height: 23px;
    width: 189px;
    outline: none;
    margin-right: 0px;
    margin-bottom: 5px;
}
#apoi_options input[type="checkbox"] {
    height: 15px;
    width: 15px;
}

#apoi_options #editAPOIAlerts, #apoi_options #editAPOICars {
    display: none;
    width: 92px;
    height: 15px;
    float: right;
    line-height: 15px;
    margin-right: 7px;
    margin-top: 1px;
}



#apoi_options label {
    font-size: 11px;
    margin-bottom: 0px;
    font-weight: normal;
}

div#apoi_options_header {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #aaa;
}
#apoi_options_header_text {
    position: relative;
    top: 2px;
    left: 10px;
}


#apoi_options_header span.ui-icon {
    background-image: url(/img/icons_black.png);
    float: left;
}

div#apoi_close_header {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #aaa;
}
#apoi_close_header_text {
    position: relative;
    top: 2px;
    left: 10px;
}


#apoi_close_header span.ui-icon {
    background-image: url(/img/icons_black.png);
    float: left;
}


legend {
    width: auto;
    border-bottom: 0px solid #e5e5e5;
}
/*
#navbar a:hover{background-color: #13141a !important;}
*/
.tabs {
    list-style-type: none;
    height: 25px !important;
    margin: 0px;
    padding: 0px;
    padding-left: 4px;
    width: 5000px;
    border-width: 0;
    background-color: #62657a;
}
.tabs li{
    position: relative;
    top: 6px;
    left: -4px;
}
.tabs-header {
    border-width: 1px;
    border-style: solid;
    border-bottom-width: 0;
    position: relative;
    padding: 0;
    overflow: hidden;
}
.tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, .tabs, .tabs-panels, .tabs li a.tabs-inner, .tabs li.tabs-selected a.tabs-inner, .tabs-header-bottom .tabs li.tabs-selected a.tabs-inner, .tabs-header-left .tabs li.tabs-selected a.tabs-inner, .tabs-header-right .tabs li.tabs-selected a.tabs-inner {
    border: 0;
}

.sub-menu li{
    width:100%;
}

#popupPOI div {
    padding: 0px !important;
}

.panel-loading {
    background: url(../img/indicator.gif);
    font-size: 0px;
    width: 55px;
    height: 55px;
    position: relative;
    left:50%;
    margin-left: -27px;
    margin-top: 10px;
    background-repeat: no-repeat;
}

.historiaBigContent_content .panel.datagrid {
    background-color: #62657a;
}


.eco-stars-0 {
    background-image: url(../img/eco_stars.png);
    width: 84px;
    height: 15px;
    background-position: 0px 90px;
    background-position-x: 0px;
    background-position-y: 90px;
}
.eco-stars-1 {
    background-image: url(../img/eco_stars.png);
    width: 84px;
    height: 15px;
    background-position: 0px 75px;
    background-position-x: 0px;
    background-position-y: 75px;
}
.eco-stars-2 {
    background-image: url(../img/eco_stars.png);
    width: 84px;
    height: 15px;
    background-position: 0px 60px;
    background-position-x: 0px;
    background-position-y: 60px;
}
.eco-stars-3 {
    background-image: url(../img/eco_stars.png);
    width: 84px;
    height: 15px;
    background-position: 0px 45px;
    background-position-x: 0px;
    background-position-y: 45px;
}
.eco-stars-4 {
    background-image: url(../img/eco_stars.png);
    width: 84px;
    height: 15px;
    background-position: 0px 30px;
    background-position-x: 0px;
    background-position-y: 30px;
}
.eco-stars-5 {
    background-image: url(../img/eco_stars.png);
    width: 84px;
    height: 15px;
    background-position: 0px 15px;
    background-position-x: 0px;
    background-position-y: 15px;
}


.eco-stars6-0 {
    background-image: url(../img/eco_stars_6.png);
    width: 101px;
    height: 15px;
    background-position: 0px 105px;
    background-position-x: 0px;
    background-position-y: 105px;
}
.eco-stars6-1 {
    background-image: url(../img/eco_stars_6.png);
    width: 101px;
    height: 15px;
    background-position: 0px 90px;
    background-position-x: 0px;
    background-position-y: 90px;
}
.eco-stars6-2 {
    background-image: url(../img/eco_stars_6.png);
    width: 101px;
    height: 15px;
    background-position: 0px 75px;
    background-position-x: 0px;
    background-position-y: 75px;
}
.eco-stars6-3 {
    background-image: url(../img/eco_stars_6.png);
    width: 101px;
    height: 15px;
    background-position: 0px 60px;
    background-position-x: 0px;
    background-position-y: 60px;
}
.eco-stars6-4 {
    background-image: url(../img/eco_stars_6.png);
    width: 101px;
    height: 15px;
    background-position: 0px 45px;
    background-position-x: 0px;
    background-position-y: 45px;
}
.eco-stars6-5 {
    background-image: url(../img/eco_stars_6.png);
    width: 101px;
    height: 15px;
    background-position: 0px 30px;
    background-position-x: 0px;
    background-position-y: 30px;
}
.eco-stars6-6 {
    background-image: url(../img/eco_stars_6.png);
    width: 101px;
    height: 15px;
    background-position: 0px 15px;
    background-position-x: 0px;
    background-position-y: 15px;
}

.eco-stars-map-0 {
    background-image: url(../img/eco_stars_map.png);
    width: 89px;
    height: 15px;
    background-position: 0px 90px;
    background-position-x: 0px;
    background-position-y: 90px;
}
.eco-stars-map-1 {
    background-image: url(../img/eco_stars_map.png);
    width: 89px;
    height: 15px;
    background-position: 0px 77px;
    background-position-x: 0px;
    background-position-y: 77px;
}
.eco-stars-map-2 {
    background-image: url(../img/eco_stars_map.png);
    width: 89px;
    height: 15px;
    background-position: 0px 62px;
    background-position-x: 0px;
    background-position-y: 62px;
}
.eco-stars-map-3 {
    background-image: url(../img/eco_stars_map.png);
    width: 89px;
    height: 15px;
    background-position: 0px 47px;
    background-position-x: 0px;
    background-position-y: 47px;
}
.eco-stars-map-4 {
    background-image: url(../img/eco_stars_map.png);
    width: 89px;
    height: 15px;
    background-position: 0px 31px;
    background-position-x: 0px;
    background-position-y: 31px;
}
.eco-stars-map-5 {
    background-image: url(../img/eco_stars_map.png);
    width: 89px;
    height: 15px;
    background-position: 0px 16px;
    background-position-x: 0px;
    background-position-y: 16px;
}


.ui_tpicker_time_label, .ui_tpicker_time, .ui_tpicker_hour_label, .ui_tpicker_minute_label, .ui_tpicker_second_label{
    font-size: 11px;
}



.car-postion-speelimit-over {
    width: 23px !important;
    border: 3px solid #d91919;
    border-radius: 58px;
    height: 23px;
    line-height: 19px;
    font-size: 8px;
    font-weight: bold;
}
.car-postion-speelimit-under {
    width: 23px !important;
    border: 3px solid #cccccc;
    border-radius: 58px;
    height: 23px;
    line-height: 19px;
    font-size: 8px;
    font-weight: bold;
}

.speedLimitHistory {
    text-align: center;
    position: absolute;
    left: 30px;
    font-size: 10px;
    line-height: 18px;
    top: 15px;
}

.tabs-selected{
    background: rgba(242,242,242,1);
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(80%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0 );
}

.tabs li.tabs-selected a.tabs-inner{
    background: none;
    font-weight: 400;
}
.tabs li a.tabs-inner {
    color: #fff;
    background: none;
    font-weight: 400;
}
.tabs-p-tool a:hover, .tabs-scroller-over {
    background-color:#62657a !important;
}

.tabs li a.tabs-inner:hover{
    background: none;
    font-weight: 400;
    color: #bdd5ef;
}
.tabs li.tabs-selected a.tabs-inner:hover {

    color: #0E2D5F;
}


.tabs-scroller-left,.tabs-scroller-right{
    background-color:#62657a;
}

.panel-header {
    padding: 0px;
    position: relative;
    background:none;
}

#mapTabs .tabs-wrap li.tabs-selected{
    color:#000 !important;
    margin-top: -8px;
    padding: 2px 0 3px 0;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ebecee 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ebecee 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#ebecee 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebecee',GradientType=0 ); /* IE6-9 */
    color:#000;
}

.backgroundColor{
    background: #ebecee; /* Old browsers */
    background: -moz-linear-gradient(top,  #ebecee 34%, #ebecee 34%, #dfe0e2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ebecee 34%,#ebecee 34%,#dfe0e2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ebecee 34%,#ebecee 34%,#dfe0e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebecee', endColorstr='#dfe0e2',GradientType=0 ); /* IE6-9 */
}

#web24Tabs .tabs-panels .panel .panel-body{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebecee+0,fffcfc+11,fffcfc+11 */
    background: #ebecee; /* Old browsers */
    background: -moz-linear-gradient(top,  #ebecee 0%, #fffcfc 11%, #fffcfc 11%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ebecee 0%,#fffcfc 11%,#fffcfc 11%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ebecee 0%,#fffcfc 11%,#fffcfc 11%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebecee', endColorstr='#fffcfc',GradientType=0 ); /* IE6-9 */
}

#mapTabs  li.tabs-selected a{
    color:#000;
}
#mapTabs  li.tabs-selected a:hover{
    color:#000;
}
#mapTabs  li a:hover{
    color:#fff;
}

.select2-container .select2-choice .select2-arrow{
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 0px solid #95b8e7;
    border-radius: 0 3px 0px 0;
    background-clip: padding-box;
    background: none;

}

.select2-container .select2-choice {
    display: block;
    height: 25px;
    padding: 0 0 0 9px !important;
    overflow: hidden;
    position: relative;
    border: 0;
    white-space: nowrap;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    border-radius: 0px;
    border: 1px solid #2a2d3e;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #252839;

}

#top .select2-container .select2-choice {
    display: block;
    width:105px;
    height: 25px;
    padding: 0 0 0 9px !important;
    overflow: hidden;
    position: relative;
    border: 0;
    white-space: nowrap;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    border-radius: 0px;
    border: 1px solid #2a2d3e;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #252839;

}
.select2-dropdown-open a{
    color:#000 !important;

}

#top .select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select3.png') no-repeat 0 -2px;
}

.map-fleet-select{
    float: left;
}
.map-admin-select {
    float: left;
    margin-top: 10px;
}
.map-admin-select img{
    float: left;
    position: absolute;
    margin-top: 6px;
    left:6px;
    z-index: 100;

}

.map-fleet-select img{
    float: left;
    position: absolute;
    margin-top: 6px;
    left:6px;
    z-index: 100;

}

.map-cars-select{
    float: left;
}

.map-cars-select img{
    float: left;
    position: absolute;
    margin-top: 7px;
    left: 6px;
    z-index: 100;
}

.map-driver-select{
}

.map-driver-select .select2-container{
    width: 100%;

}

.map-driver-select img{
    float: left;
    position: absolute;
    margin-top: 7px;
    left: 8px;
    z-index: 100;
}


.map-fleet-selectSelect{
    width: 100%;
    float: left;
}

.map-cars-selectSelect{
    width: 100%;
}
.map-driver-selectSelet{
    width: 100% !important;
}

.map-fleet-select .select2-container .select2-choice > .select2-chosen, .map-driver-select .select2-container .select2-choice > .select2-chosen, .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    font-size: 10px !important;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 14px;
    color:#000;
}

#top .select2-choice > .select2-chosen{
    color:#f5f6f9;
    padding-left: 0;
}

.map-cars-select .select2-container .select2-choice > .select2-chosen{
    margin-right: 26px;
    display: block;
    overflow: hidden;
    font-size: 10px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 14px;
}


.panel{
    border:0 !important;
    border-radius:0 !important;
}

#popupMessages .panel {
    margin-bottom: 36px;
}

.ui-widget-content {
    border: 0px solid;
}

.messager-body div:nth-child(2) {
    padding: 15px;
    font-size: 11px;
}

.progressbar {
    /*    padding: 10px !important;*/
}
.progressbar-value {
    /*    padding: 0px !important;*/
}

.layout-panel-west {
    border-right: 3px solid #62657a !important;
}

.backgroundColor{
    padding: 0 10px;

}

.pozycjeBigContent .col-lg-4{
    padding-left:0px !important;
    padding-right:0px !important;

}

.map-fleet-select.col-lg-4, .map-cars-select.col-lg-4{
    padding-right:10px !important;

}

select.user-menu-top{
    background-color:transparent;
    border: 1px solid #2a2d3e;
    color: #e1e1e3;

}

.map-admin-selectSelects{
    width:200px
}

.fa-th:before{
    content: "\f00a";
    color: #62657a;
    top: 2px;
    position: relative;
}

.fa-angle-double-right:before {
    content: "\f054" !important;
    font-size: 9px;
    color: #62657a;
    position: relative;
    top: -1px;
    /* left: 0px; */
    z-index: 1000;
}

.icon-position-map{
    background-image: url('../img/tabs20/pozycja_on.png') !important;
    width:8px;
    height:13px;
}

#mapTabs .ui-icon {
    background-image: url(../img/icons_white2.png) !important;
}

#mapTabs li.tabs-selected .ui-icon {
    background-image: url(../img/icons_blue20.png) !important;
    margin-top:-10px;
}

#mapTabs .ui-icon2 {
    background-image: url(../img/icons_distance-off.png) !important;
    margin-top:-5px;
}

#mapTabs li.tabs-selected .ui-icon2 {
    background-image: url(../img/icons_distance-on.png) !important;
    margin-top:-5px;
}

ul.nav li a:hover{
    background-color:#13141a !important;
}
ul.sub-menu{
    top:10px;
}

ul.sub-menu li a{
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;

}
ul.sub-menu li a:hover{
    border-bottom:0;
    border-left:5px solid #b1b6ce;
    background-color:#3a3e52 !important;
}

/* POPUP */
.window {
    padding: 0px;
    background-color: #ffffff !important;
    background: -webkit-linear-gradient(top,#ffffff 0,#e0e1e3 20%) !important;
    background: -moz-linear-gradient(top,#ffffff 0,#e0e1e3 20%) !important;
    background: -o-linear-gradient(top,#ffffff 0,#e0e1e3 20%) !important;
    background: linear-gradient(to bottom,#ffffff 0,#e0e1e3 20%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e0e1e3,GradientType=0) !important;
}
.window input#nameReminder {
    width: 100% !important;
}



.window .dialog-toolbar,.window .dialog-button {
    background: #d4d5dc;
}

a#floatLeft {
    border: 0 !important;
}

#floatLeftDriverPayment {
    float: left;
    display: none;
}
#floatLeftCustomerWizard {
    float: left;
    display: none;
}
#floatLeftCustomerWizardNext {
    float: left;
    display: none;
}
#floatLeftCustomerWizardPrev {
    float: left;
    display: none;
}
#floatLeftLoadDriver2File {
    float: left;
}

#floatLeftAlarmReadAll {
    float: left;
    display: none;
}

.window td {
    padding: 0 10px 0 10px;
}
.window tr{
    background-color: #fff !important;
}
.window tr:hover{
    background-color: #fff !important;
}

.windowTDnoPaddig td{
    padding: 0 0px 0 0px;
}


tr:hover{
    /* background-color: #f1f1f1 !important;*/
    background-color: #dcdcdc !important;
}
.apoiPopupFromMap tr:hover {
    background-color: transparent !important;
}
.apoiPopupFromMap {
    margin-right: 12px;
    margin-bottom: 10px;
}

.carInfoByTimePopupFromMap {
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}


#layoutStatus tr:hover {
    background-color: transparent !important;
}


.window label {
    white-space: nowrap;
    position: relative;
    top: 2px;
}
.window input {
    margin: 10px 0;
    border: 1px solid #c1c1c1;
}
.window input[type="checkbox"] {
    margin-right: 7px;
    margin-top: 9px;
}

.window fieldset {
    width: 100%;
    border: 1px dotted #c1c1c1;
    margin-left: 0px;
}
.window legend {
    margin-bottom: 0px !important;
    font-size: 11px;
}

fieldset label {
    font-size: 11px;
    white-space: normal !important;
    font-weight: normal;
}

.panel.window {
    /*    top: 84px !important;*/
    -webkit-box-shadow: 0px 2px 11px 0px rgba(50, 50, 50, 0.30);
    -moz-box-shadow: 0px 2px 11px 0px rgba(50, 50, 50, 0.30);
    box-shadow: 0px 2px 11px 0px rgba(50, 50, 50, 0.30);
    font-family: 'Roboto', sans-serif !important;
    border: 0;
}

.window .window-body {
    border: 0;
}

.window .window-header {
    background-color: #62657a;
    height: 38px;
    line-height: 38px;
    width: 100% !important;
    padding: 9px 0px 6px 10px;
}

.window .messager-body {
    height: 100px;
}

.messager-window .messager-body {
    height: auto;
}

.messager-window .messager-body {
    padding: 10px !important;
}

.dialog-button {
    border-top: 1px solid #dddddd;
    height: 44px;
    width: 100%;
    padding-top: 9px;
    /* margin-top: 11px; */
    position: absolute;
    bottom: 0 !important;
}

.window div#newGarminLiveMsg {
    padding-top: 10px;
}


.panel-body.panel-body-noheader.panel-body-noborder.dialog-content {
    height: auto !important;
}
.window .panel-tool-close {
    background: url('../js/easyui/themes/default/images/tabs_icons.png') no-repeat -34px center !important;
    top: 2px !important;
    margin-right: 7px !important;
    position: relative !important;
}

.window .select2-container .select2-choice > .select2-chosen {
    margin-left: -14px;
}

.window .ui-datepicker-trigger {
    margin-left: 15px;
}
.smsEditDef div{
    width: 100% !important;
}




.window h2 {
    background-color: #cfd2e3;
    margin: 0;
    padding: 12px !important;
    font-weight: 100;
    font-size: 21px;
    color: #62657a;
    font-family: inherit;
}

.window p {
    font-size: 10px;
    padding: 13px;
    line-height: 14px;
    margin-bottom: 0px;
}
div#btn_showAllCarsMap:active, div#pokazUkryjKolumnyID:active{
    background-color: #62657a;
    opacity: .7;
}


.toolTopMenu {
    position: absolute;
    right: -2px;
    width: 440px;
    /* max-width: 388px; */
    top: 25px;
    border-radius: 2px;
    background-image: url(../img/toolTopMenuBg.png) !important;
    height: 41px;
    padding: 0px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.15);
}
.toolTopMenu .divButton{
    cursor: pointer;
    float: left;
    height: 41px;
    width: 43px;
    text-align: center;
}
.selected_map_second_menu {
    background-image: none !important;
    background-color: #62657a;
    opacity: .7;
    border-right: 1px solid #54576b;
}
div#map_second_menu_icon_minimap {
    padding-right: 8px;
}
.divButton img.toolTopMenuOn{
    display:none
}
.selected_map_second_menu > img.toolTopMenuOff{
    display:none;
}
.selected_map_second_menu > img.toolTopMenuOn{
    display:inline !important;
}
div#pokazUkryjKolumnyID img {
    margin-top: 14px !important;
}
.ui-widget-header{
    background-color:#62657a !important;
}
a.greminRefresh{
    right: 10px !important;
}
.window div#s2id_selectcarGarminLiveNewMsg {
    width: 98% !important;
}

.window textarea{
    padding: 5px;
    margin-right: 7px;
}
.window .panel-body tr {
    height: 22px;
    line-height: 22px;
    background-color: #fafafb;
}



.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
    margin: 0;
    padding: 0 4px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    line-height: 20px;
    font-size: 10px;
    /*color: #444658;*/
    /*font-family: roboto;*/
}

.mapTabs .panel-body tr:nth-child(even) {
    background: #fdfdfd;
}

.datagrid-header td, .datagrid-body td, .datagrid-footer td {
    border-color: #e2e2e5;
}

.mapPopup_table tbody td {
    color: #1F1F1F;
    font-size: 10px;
    border-bottom: 1px solid #d5d5d4;
    font-weight: normal;
    padding: 0px 7px !important;
    margin: 0 !important;
    font-family: 'Roboto', sans-serif !important;
}


/*  lista */

.datagrid-header-inner td div{
    text-align:left !important;
}

div.easytooltip{
    text-align:left;
    width:auto;
}

.pozycjeBigContent_content .datagrid-row-selected td{
    background-color:#e8e8ee !important;
}



/* szczegóły pojazdu popup */

#mapPopup_popup {
    width: 290px !important;
}

.mapPopup_table {
    width: 290px !important;
    margin-left: 0px !important;
}

#mapPopup_speed_top{
    white-space: nowrap;
    text-align: center;
    font-size: 22px;
    margin-top: 13px;
    line-height: 10px;
}

.gps-gsm{
    float:left;
    font-size: 11px;
    color:#7e7e7e;
    margin-left: 7px;
    margin-top: 4px;
}

.mapPopup_popupClass {
    right: -360px;
    height: auto !important;
    width: 300px;
    opacity: 0.95;
    z-index: 1;
    position: absolute;
    top: 42px;
    -webkit-box-shadow: 2px 0px 6px 2px rgba(0,0,0,0.20);
    -moz-box-shadow: 2px 0px 6px 2px rgba(0,0,0,0.20);
    box-shadow: 2px 0px 6px 2px rgba(0,0,0,0.20);
}
table.mapPopup_table > tbody > tr:first-child{

}

td.mapPopup_carnameClass{
    width:80px !important;

}
.mapPopup_carnameClass{
    font-size: 14px;
    margin-left: 11px;
    padding-top: 10px;
    color: #fff;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}

.mapPopup_nr_rejestracyjnyClass{
    font-size: 12px;
    font-weight: bold;
    margin: 8px 6px 0px 0px;
    color: #868993;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    float: right;
    background-color: #424455;
    padding: 4px 10px;
    max-width: 170px;
}

.mapPopup_cariconClass{
    background-repeat: no-repeat;
    height: 43px;
    width: 85px;
    position: absolute;
    left: 135px;
}

.mapPopup_inputsbClass {
    background-repeat: no-repeat;
    margin-left: 7px;
    height: 30px;
    width: 30px;
    margin-top: -4px;
    float: left;
    background-image: url('../img/map_popup/map_sprite.png');
}

.mapPopupBg{
    background: #252839;
    height: 157px;
    width: 292px;
    background-repeat: no-repeat;
    background-position: 0px 133px;
    opacity: 0.99;
}

#mapPopup_popup .col-sm-12{
    padding-left:0 !important;
    padding-right:0 !important;

}
#mapPopup_speed_top{
    width: auto;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    float:left;
}

.mapPopup_speedKM{
    font-size: 20px;
    left: -4px;
    position: relative;
    font-weight: 300;
}

#mapPopup_speedlimit{
    font-size: 12px;
    left: 100px;
    position: absolute;
    /* font-weight: 300; */
    width: 30px;
    height: 30px;
    background-color: #fff;

    border-radius: 50px;
    float: right;
    top: -4px;
    color: #000;
    line-height: 25px;
    text-align: center;
    display: none;
}

.tactile-searchbox-input {
    background-color: transparent;
}

.mapTabs {
    /*    overflow: hidden;*/
}


#mapPopup_speedlimit.overSpeedLimit {
    border: 3px solid #ff0000;
}

#mapPopup_speedlimit.underSpeedLimit {
    border: 3px solid #cccccc;
}


.mapPopup_speedClass{
    padding-top:2px;
    padding-right:10px;

}

.mapPopup_GSM, .mapPopup_GPS, .mapPopup_voltage{
    width: 45px;
    float: right;
    color: #fff;
    margin-top:-10px;

}

#pop_speed_scale_1{
    background-image:url(../img/tabs20/gps_scale1.png);
    width:18px;
    height:11px;
    font-size:1px;
}
#pop_speed_scale_3{
    background-image:url(../img/tabs20/gps_scale3.png);
    width:18px;
    height:11px;
    font-size:1px;
}
#pop_speed_scale_5{
    background-image:url(../img/tabs20/gps_scale5.png);
    width:18px;
    height:11px;
    font-size:1px;
}

.mapPopup_GSM img, .mapPopup_GPS img, .mapPopup_voltage img{
    padding-right:5px;
}

.GSM-GPS{
    float: right;
    margin-top: 21px;
    padding-right: 0px;
}

.ltcmap_popup_box {
    background-color: #ebebeb;
    border-radius: 4px;
    padding: 10px;
    height: 105px;
    width: 170px;
    position: relative;
}
.ltcmap_popup_box_opacity {
    opacity: 0.3;
}

.ltcmap_popup_desc {

}
.ltcmap_popup_val {
    float: left;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    bottom: 7px;
}
.ltcmap_popup_name {
    float: right;
    font-weight: bold;
    position: absolute;
    right: 10px;
    bottom: 3px;
}
.ltcmap_popup_table td {
    padding: 0 5px 0 5px;
}
.ltcmap_popup_box_green {
    background-color: #48b321 !important;
    color: #fff;
}
.ltcmap_popup_box_red {
    background-color: #f80227 !important;
    color: #fff;
}
.ltcmap_popup_box_orange {
    background-color: #ffc002 !important;
}
.ltcmap_popup_nag {
    color: #222437;
    font-size: 20px;
    font-weight: bold;
}

.mapPopup_ltcClass{
    width: 93%;
    font-size: 11px;
    margin-left: 2px;
    margin-top: 15px;
    color: #f9f9f9;
    min-height: 26px;
}
.mapPopup_ltc_box_popup {
    width: 24px;
    height: 20px;
    background-color: #00b5ff;
    box-shadow: rgb(0 0 0 / 50%) 1.95px 1.95px 2.6px;
    border-radius: 4px;
    padding: 2px;
    margin-left: 2px;
    font-size: 15px;
    cursor: pointer;
}

.mapPopup_ltc_box_popup_table {
    width: 17px;
    height: 19px;
    background-color: #00b5ff;
    box-shadow: rgb(0 0 0 / 20%) 1.95px 1.95px 2.6px;
    border-radius: 4px;
    padding: 0px;
    margin-left: 3px;
    font-size: 13px;
    color: #fff;
    padding-left: 5px;
    cursor: pointer;
}

.mapPopup_ltc_box {
    width: 50px !important;
    height: 20px;
    background-color: #2e3344;
    box-shadow: rgb(0 0 0 / 50%) 1.95px 1.95px 2.6px;
    border-radius: 4px;
    padding: 2px;
    margin-left: 2px;
    text-align: center !important;
}
.mapPopup_ltc_box_green {
    background-color: #48ac21;
}
.mapPopup_ltc_box_red {
    background-color: #f80225;
}


.mapPopup_addressClass{
    width: 93%;
    font-size: 11px;
    margin-left: 13px;
    margin-top: 4px;
    color: #f9f9f9;
    /*overflow: hidden;*/
    /*    text-overflow: ellipsis;
        -o-text-overflow: ellipsis;*/
    /*    white-space: nowrap;
        margin-top: 12px;*/
    min-height: 23px;
}
.mapPopup_addressClass img {
    float: left;
    padding-right: 5px;
}

.mapPopup_icons{
    background-color:#000;
}

.mapPopup_iconsClass {
    width: 100%;
    min-height: 36px;
    background-color: #000;
    margin-top: 5px;
    padding: 6px 0;
    position: relative;
    top: 3px;
}

#mapPopup_icons{
    width: auto;
    margin-left: -8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.mapPopup_iconsClass col-sm-2, .mapPopup_iconsClass col-sm-10{
    padding:0 !important
}
#btn_mapPopup_popup_close{
    cursor:pointer;
    background-image: url(../img/tabs20/btn_close_mapPopup.png);
    width:21px;
    height:26px;
    position:absolute;
    left:-21px;
}

#btn_mapPopup_popup_refresh{
    cursor:pointer;
    background-image: url(../img/tabs20/btn_refresh_mapPopup.png);
    width:21px;
    height:26px;
    position:absolute;
    left:-21px;
    top: 26px;
}




.map_PopupRefresh{
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    background: #f7f7f7;
    opacity: 1;
    width: 292px;
    position: relative;
    font-size: 10px;
    line-height: 30px;
    color: #252839;
    padding-left: 5px;
    border-top: 1px solid #e3e3e4;
}

.map_PopupRefresh img{
    position: relative;
    top: -1px !important;
    padding-right: 5px;
}

#mapPopup_table_div{
    background: #252839;
    height: auto !important;
    width: 101%;
}

#mapPopup_table_div_content{
    height: 100%;
}
.pop_other_right{
    text-align:left !important;
    font-weight:900;
}
.showPopupTachoChart, .showPopupTachoTime {
    position: relative;
}

.showPopupTachoChart:hover, .showPopupTachoTime:hover{
    opacity: .7;
}

#easyTooltip {
    padding: 5px;
    border: 0;
    background: #62657a;
    font-size: 11px;
    color: #fff;
    font-weight: 100;
    padding: 6px 11px;
    border-radius:2px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.44);
    -moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.44);
    box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.44);
}

#popupChangePWD {
    display: block;
    width: auto !important;
}

#popupChangePWD tr{
    height: 27px;
    line-height: 27px;
}
#popupChangePWD input{
    height: 25px;
    line-height: 25px;
    margin-top: 8px;
    width: 160px;
    margin-left: 0px;
    border: 1px solid #c3c3c5 !important;
}
#popupChangePWD td {
    padding-left: 11px;
}
div#popupchangepwdform {
    white-space: nowrap;
    text-align: right;
    height: 206px;
}
span.tabGlowny.easytooltip {
    top: -3px;
    position: relative;
}
span.popupGlowny.easytooltip {
    position: relative;
    top: -3px;
    left: 3px;
}

.panel-body tr{
    height: 22px;
    line-height: 22px;
    background-color: #fafafb;
}

.scrollFixGMAP tr {
    background-color: transparent;
}

.mapPopup_popupClass tr{
    height: 17px !important;
    line-height: 17px !important;
    background-color: #fff;
}
.mapPopup_popupClass tr:nth-child(odd){
    background-color:#f7f7fa;
}


.pozycjeBigContent .panel-body tr{
    height: 20px;
    line-height: 20px;
    background-color:#fff;
}

.pozycjeBigContent .panel-body td{
    border-right: 1px solid #fafafb;
}
/*
.panel-body tr:hover{
    background-color: #ededef !important;
}*/
.pozycjeBigContent .panel-body tr:hover{
    background-color: #f9f9fa !important;
}
.pozycjeBigContent .datagrid-header-row{
    background: #fbfbfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbfbfc 1%, #ebecf2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fbfbfc 1%,#ebecf2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fbfbfc 1%,#ebecf2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#ebecf2',GradientType=0 ); /* IE6-9 */

}
.pozycjeBigContent .datagrid-header-row td{
    border-right:1px solid #dcdedf;
}

/* raporty */

.panel-body input.hasDatepicker{
    border: 1px solid #c1c1c1;
    height: 25px;
    position: relative;
    top: 6px;
}

.panel input[title="Czas podany w sekundach"], .panel input.ignorSecund{
    border: 1px solid #c1c1c1;
    height: 25px;
    position: relative;
    top:0px;
    width: 40px;
    margin-right: 2px !important;
}

.panel-body{
    /*font-family: roboto;*/
    font-size: 10px;
}
.exportCSV {
    position:absolute;
    top: 5px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    margin-top:2px;
    border:0;
    font-size:0;
    background: url('../img/tabs20/generuj_xls_btn.png') !important;
    width:55px;
    height:30px;

    display: inline-block;
}

.exportCSV:hover {
    opacity:0.7;
}


.web24_btnpdf, .web24_btncsv, .web24_btnxls {
    position:relative;
    top:-1px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    margin-top:2px;
    border:0;
    font-size:0;

}
.web24_btnpdf {
    background: url('../img/tabs20/generuj_pdf_btn.png') !important;
    width:58px;
    height:30px;
    left: -31px;
}

.web24_btncsv {
    background: url('../img/tabs20/generuj_csv_btn.png') !important;
    width:52px;
    height:26px;
    left: -16px;
}

.web24_btnxls {
    background: url('../img/tabs20/generuj_xls_btn.png') !important;
    width:55px;
    height:30px;
    left: -16px;
}

.web24_btnpdf:hover, .web24_btncsv:hover, .web24_btnxls:hover  {
    opacity:0.7;
}

.web24_btn[title="Wygeneruj raport"],.web24_btn[title="Wygeneruj raport XLS"],.web24_btn[title="Wygeneruj raport PDF"],.web24_btn[title="Wygeneruj raport CSV"]{
    position:relative;
    top:-1px;
}
.web24_btn[title="Wygeneruj raport"]:hover,
.web24_btn[title="Wygeneruj raport XLS"]:hover,
.web24_btn[title="Wygeneruj raport CSV"]:hover,
.web24_btn[title="Wygeneruj raport PDF"]:hover,
.web24_btn[title="Ustaw raport cykliczny PDF"]:hover {
    opacity:0.7;
}
.web24_btn[title="Wygeneruj raport"], .web24_btn[title="Wygeneruj raport XLS"], .web24_btn[title="Wygeneruj raport CSV"], .web24_btn[title="Wygeneruj raport PDF"]{
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    margin-top:2px;
    border:0;
    font-size:0;
}


.web24_btn[title="Wygeneruj raport"]{
    background: url('../img/tabs20/generuj_raport_btn.png');
    width:79px;
    height:30px;
}

.web24_btn[title="Ustaw raport cykliczny PDF"]{
    /*    background: url('../img/tabs20/generuj_raport_cykliczny_btn.png') !important;*/
    width:82px;
    height:29px;
    border: 0;
    font-size: 0px;
    margin-left: -46px;
    margin-top: 2px;
}

.web24_btn[title="Wygeneruj raport XLS"]{
    background: url('../img/tabs20/generuj_xls_btn.png') !important;
    width:55px;
    height:30px;
    left: -16px;

}

.web24_btn[title="Wygeneruj raport CSV"]{
    background: url('../img/tabs20/generuj_csv_btn.png') !important;
    width:52px;
    height:26px;
    left: -16px;

}

.web24_btn[title="Wygeneruj raport PDF"]{
    background: url('../img/tabs20/generuj_pdf_btn.png') !important;
    width:58px;
    height:30px;
    left: -31px;
}

.web24_btn_pdf_2 {
    background: url('../img/tabs20/generuj_pdft_btn.png') !important;
}

.ui-datepicker-trigger {
    margin-left: -5px;
    top: 1px;
    left: -7px;
    position: relative;
    cursor: pointer;
}
.ui-datepicker-trigger {
    margin-left: 3px;
    margin-top: 9px;
}
.ui-datepicker-title {
    padding: 6px;
    font-size: 11px;
}

/* Legeenda */

#navMapLegend {
    position: absolute;
    border: 0;
    display: none;
    right: 248px;
    top: 66px;
    z-index: 10;
    width: 275px !important;
    background: url(../img/toolTopMenuBg.png);
    font-size: 12px;
    -webkit-box-shadow: 0px 2px 11px 0px rgba(50, 50, 50, 0.30);
    -moz-box-shadow: 0px 2px 11px 0px rgba(50, 50, 50, 0.30);
    box-shadow: 0px 2px 11px 0px rgba(50, 50, 50, 0.30);
    font-family: 'Roboto', sans-serif !important;
    font-size: 11px;
}
#navMapLegend_content{
    width:250px;

}

.jspDrag {
    background: #62657a !important;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 0px !important;

}
#navMapLegend td{
    padding:3px 3px 3px 0;

}
#navMapLegend b{
    font-size:13px;

}

/* alert */

.ui-dialog{
    outline: 0px;
    right: 0;
    z-index: 1002;
    height: auto;
    width: 330px;
    display: block;
    -webkit-box-shadow: -3px -2px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 1px 2px 0px rgba(0, 0, 0, 0.3);
    border: 0;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons {
    width: 291px !important;
    background-image: url(../img/toolTopMenuBg.png) !important;
    background-color: transparent;
    -webkit-box-shadow: -1px -1px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -1px -1px 6px 0px rgba(0, 0, 0, 0.1);
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0 6px 0 12px;
    position: relative;
    background-color: #252839 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    border: 0 !important;
    margin: 0;
    height: 37px;
    line-height: 33px;
}

table#notifyButtonTable {
    /* padding: 20px; */
    background-color: #62657a !important;
    margin: 12px 0 5px -4px;
    /* padding: 0 47px; */
    height: 28px;
    width: 291px;
}

table#notifyButtonTable tr:hover {
    background-color: #62657a !important;
}

#notify .ui-icon {
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons_white.png) !important;
}
span#notifyCount {
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

td#notifyImg {
    padding: 6px 11px 6px 6px !important;
}

span#notifyAlert {
    font-size: 12px;
}

#notify .ui-dialog .ui-dialog-buttonpane {
    background: #626679 !important;
}
#notify .ui-dialog .ui-dialog-title {
    float: none !important;
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-prev span:hover{
    background: url(../img/arrow_month.png);
    background-position: -32px 0px;
    background-color:transparent;
}
.ui-datepicker .ui-datepicker-next span{
    background: url(../img/arrow_month.png);
    background-position: -2px 0px;
    background-color:transparent;
}

a.ui-datepicker-next.ui-corner-all, a.ui-datepicker-prev.ui-corner-all {
    background: transparent;
    background-color: transparent;
    top: 0;
    border: 0;
}

.slider-inner {
    background-color: #fff;
    border: 1px solid #aeaeae;
    /*    margin: 0 5px;*/
}

.slider.slider-h {
    width: 100% !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    font-size: 9px;
    overflow: visible;
}
/*a.slider-handle {
    margin-left: -4px !important;
}
.slider-handle {
    margin-left: -10px !important;
}*/
dd.ui_tpicker_minute, dd.ui_tpicker_hour {

}

.ui-state-active, .ui-state-highlight {
    background-color:#e4e5ef !important;
}
.ui-state-highligh{
    border: 1px solid #62657a !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #f0f0f0;
    background: #ffffff;
    font-weight: normal;
    color: #000;
    outline: none;
    line-height: 13px;
    padding-top: 5px;
    border-radius: 2px;
}

.labelsGMap_mapPopup_speed {
    color: #7e7e7e;
}
#map_search_place_clear {
    display: none;
    background-position: -3px -84px !important;
    width: 14px;
    height: 14px;
    opacity: 0.47;
    margin-top: 13px !important;
    cursor: pointer;
    position: absolute;
    right: 49px !important;
    z-index: 10003;
}
.searchbutton {
    background-color: #91919c;
    border: 0;
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    box-shadow: 0 0 0 rgba(0,0,0,0.3) !important;
    height: 30px;
    left: 256px;
    position: absolute;
    text-align: center;
    top: 6px;
    vertical-align: top;
    width: 38px;
    z-index: 1;
    margin-left: 0;
    -webkit-transition: left 200ms ease-out 0;
    cursor: pointer;
    opacity: .8;
}

#searchboxinput {
    border: 1px solid #e0e0e0;
    padding: 0px 0 0 9px;
    margin: 1px;
    margin-left: 5px;
    height: 30px;
    top: 5px;
    width: 100%;
    position: absolute;
    z-index: 6;
    left: 1px;
    outline: none;
    font-size: 11px;
    width: 251px;
}

.searchbox {
    background-color: #fff;
    border: 1px solid transparent;
    border-right: 0;
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 43px !important;
    outline: none;
    padding: 0 7px;
    width: 300px;
    vertical-align: top;
    -webkit-transition: width 200ms ease-out 0;
}

.cards {
    top: 44px !important;
    width: 300px;
    height: 30px;
    background: #fff;
    position: absolute;
    z-index: -1;
    -webkit-transition: 200ms ease-out 0;
}
.searchbox, .searchbox-shadow {
    -webkit-transition: box-shadow 200ms cubic-bezier(0.0,0,0.48,1);
    -moz-transition: box-shadow 200ms cubic-bezier(0.0,0,0.48,1);
    -ms-transition: box-shadow 200ms cubic-bezier(0.0,0,0.48,1);
    -o-transition: box-shadow 200ms cubic-bezier(0.0,0,0.48,1);
    transition: box-shadow 200ms cubic-bezier(0.0,0,0.48,1);
    box-shadow: 0 0 0 rgba(0,0,0,0.0),0 4px 15px -5px rgba(0,0,0,0.0);
}
.searchbox {
    background-color: transparent;
    background-image: url(../img/toolTopMenuBg.png) !important;
    border: 1px solid transparent;
    border-right: 0;
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 41px !important;
    outline: none;
    padding: 0 7px;
    width: 300px;
    vertical-align: top;
    -webkit-transition: width 200ms ease-out 0;
}

.searchbutton::before {
    margin: 7px 0 0 10px !important;
    opacity: 1;
}

/* histroy tab */

.historiaBigContent select{
    color:#000 !important;
}
#historiaBigContentSelect{
    padding-left:5px;
    padding-right:8px;
    /*margin-top:-4px;*/
}
#s2id_selectzakresMap{
    padding-right:5px;
    margin-top:-4px;
}
.historiaBigContent .col-lg-6, .historiaBigContent .col-lg-2, .historiaBigContent .col-lg-1, .strefyBigContent .col-lg-12 .col-lg-12{
    padding: 0;
}
.strefyBigContent .col-lg-6{
    padding:0;
    margin: 0;
}
.historiaBigContent .col-lg-12, .strefyBigContent .col-lg-12{
    padding: 0px 5px;
}
.historyTxt{
    /*    margin-top:10px;*/
}
#historiaBigContentSelect img{
    float: left;
    position: absolute;
    margin-top: 6px;
    left: 11px;
    z-index: 100;
}
.historyRangeSelect img{
    float: left;
    position: absolute;
    margin-top: 7px;
    left: 6px;
    z-index: 100;
    width: 12px;
    height: 12px;
}

label.labelHistory{
    margin-right: 3px;
    position: absolute;
    top: 12px;
    left: 9px;
    width: 20px !important;
    font-size: 10px;
    z-index: 10;
}
.historiaBigContent input#map_date1_big, .historiaBigContent input#map_date2_big{
    width: 85% !important;
    padding-left: 30px;
    padding-top: 6px;
}

.historiaBigContent #gent01BIG{
    background: url('../img/tabs20/generuj_raport_btn_blank.png') !important;
    width: 79px !important;
    height:30px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    margin: 10px 0 0 0;
    border:0;
    font-size: 12px;
    line-height: 30px;
    float: right;
    text-align: center;
    color: #626679;
    text-decoration: none;
}
.historiaBigContent #gent01BIG:hover{
    opacity: .7;
}


/* strefy tab */

#toolbarStrefy{
    border-bottom: 1px solid #eaeaea;
    padding: 0 5px;
}
select#selectMapArea, select#selectMapContractor{
    width: 100%;
}
.select2-container{
    /* width: 100% !important; */
}

#toolbarStrefy .allZone img{
    float: left;
    position: absolute;
    margin-top: 7px;
    left: 6px;
    z-index: 100;
}

#toolbarStrefy .allUsers img{
    float: left;
    position: absolute;
    margin-top: 6px;
    left: 6px;
    z-index: 100;
}
.allUsers{
    padding-right: 0;
    margin-right: 0;
}
.zoneBtn{
    margin: 10px 0 20px 0;
    text-align: right;
    position: relative;
    right: -15px;
}
.zoneTabela .datagrid-header{
    background-color:transparent !important;
    background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 0%) !important;
    background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 0%) !important;
    background: -o-linear-gradient(top,#F9F9F9 0,#efefef 0%) !important;
    background: linear-gradient(to bottom,#F9F9F9 0,#efefef 0%) !important;
    border:0;
}
.zoneTabela table{
    margin-left: 8px;
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}
.zoneTabela table tr{
    background: transparent !important;
    height: 20px !important;
}
.zoneTabela table tr.datagrid-row-selected{
    background: #dcdcdc !important;
}
.zoneTabela .datagrid-header-inner{
    width: 100% !important;
    background-color: #fefbfb !important;
    border:0;
}
.zoneTabela .datagrid-header,.zoneTabela .datagrid-toolbar,.zoneTabela .datagrid-pager,.zoneTabela .datagrid-footer-inner {
    border: 0;
}

.zoneTabela .datagrid-header-inner td div {
    text-align: left !important;
}

.panel.datagrid{
    width: 100% !important;
}

.panel-header, .panel-body {
    border-color: #62657a;
}

[id^=idWykresPracyKierowcy_] .panel-header {
    background-color: #62657a;

}

[id^=idWykresPracyNaczepy_] .panel-header {
    background-color: #62657a;

}





[class^=wykresPracyKierowcyLayout_] .panel-body {
    background: #fff !important;
}
[class^=tableDriverWorkCal_] tr:hover {
    background-color: #fafafb !important;
}
[class^=wykresPracyKierowcyLayout_] .panel-header {
    padding: 0px 3px !important;
}
[class^=tableDriverWorkCal]  tr {
    height: auto !important;
    line-height: normal !important;
}


div#s2id_selectMapArea {
    padding-right: 10px;
}

.window-shadow {
    background: transparent;
    -moz-box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
    filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=0,MakeShadow=false,ShadowOpacity=0.0)
}

.window a#floatLeft,.window a.l-btn{
    height: 24px;
    line-height: 23px;
    margin-right: 5px;
    padding-right: 16px !important;
    padding-left: 16px !important;
    color: #62657a;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border: 0;
}
.window a#floatLeft:hover,.window a.l-btn:hover{
    height: 24px;
    line-height: 23px;
    margin-right: 5px;
    padding-right: 16px !important;
    color: #62657a;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border: 0;
    opacity: .7;
}




.windowTDnoPaddig a.l-btn{
    height: 24px;
    line-height: 23px;
    margin-right: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}


a.newButton{
    height: 24px;
    line-height: 23px;
    padding-right: 11px !important;
    color: #62657a;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border:0;
}
a.newButton:hover, a#floatLeft:hover, a.l-btn:hover{
    opacity: .7;
    height: 24px;
    line-height: 23px;
    padding-right: 11px !important;
    color: #62657a;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border:0;
}

a.l-btn:hover {
    padding-right: 0px !important;
}

span.ui-icon3 {
    top: 7px;
    left: 5px;
    width: 15px;
    background-image: url(../img/icons_plus.png) !important;
    background-repeat: no-repeat;
    height: 8px;
}
span.ui-icon-trash2 {
    top: 6px;
    left: 5px;
    width: 16px;
    background-image: url(../img/icons_trash.png) !important;
    background-repeat: no-repeat;
    height: 10px;
}
.planowanieBigContent .col-lg-12{
    margin: 0 !important;
    padding: 0 !important;
}
.toolbarPlanowanie{
    padding-top:10px;
}

.planowanieBigContent .datagrid-wrap.panel-body.panel-body-noheader {
    padding: 10px !important;
}

.planowanieBigContent .datagrid-header,.planowanieBigContent .datagrid-toolbar,.planowanieBigContent .datagrid-pager,.planowanieBigContent .datagrid-footer-inner{
    border: 0;
}
.planowanieBigContent .datagrid-toolbar,.planowanieBigContent .datagrid-pager{
    background: none !important;
}

.planowanieBigContent table{
    top: 10px;
    position: absolute;
    border: 1px solid #eaeaea;
}
.planowanieBigContent table tr:hover{
    background: none !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.tableNoHover table tr:hover{
    background: none !important;
}

.planowanieBigContent table.datagrid-btable {
    width: 100%;
}
.planowanieBigContent a.newButton{
    margin-right: 0;
}
.planowanieBigContent .select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    margin-left: 16px;
    width: 94% !important;
}
.planowanieBigContent .firstTRplanowanieLoadMap {
    padding-top: 10px;
}
.dataGridRouteMap td {
    padding: 2px !important;
}

.planowanieBigContent2 input#searchboxMatrix {
    width: 94%;
    height: 25px;
    border: 1px solid #c1c1c1!important;
}
.planowanieBigContent2 .col-lg-1,
.planowanieBigContent2 .col-lg-2,
.planowanieBigContent2 .col-lg-3,
.planowanieBigContent2 .col-lg-4,
.planowanieBigContent2 .col-lg-6,
.planowanieBigContent2 .col-lg-7,
.planowanieBigContent2 .col-lg-8,
.planowanieBigContent2 .col-lg-10,
.planowanieBigContent2 .col-lg-12{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

span.ui-icon-pin-20 {
    top: 6px;
    left: 5px;
    width: 7px;
    background-image: url(../img/icons_pin_20.png) !important;
    background-repeat: no-repeat;
    height: 10px;
}
.searchAdress{
    padding-top: 5px;
    padding-left: 5px !important;
    font-size: 11px;
    font-weight: 400;
    color: #252839;
}
.newHeaderStyle{
    font-size: 11px;
    font-weight: 400;
    color: #252839;
}

.zakresColor{
    font-size: 12px !important;
    color: #8589a4 !important;
    font-weight: 500 !important;
}

.planowanieBigContent2 #toolbarPlanowanieMatrix{
    height: 90px !important;
    padding-top:10px !important;
}

.distansLockOptions span.ui-icon-pin-20 {
    width: 14px !important;
}

span.ui-icon-car-20 {
    top: 5px;
    left: 5px;
    width: 21px;
    background-image: url(../img/icon-car-map-blue.png) !important;
    background-repeat: no-repeat;
    height: 13px;
}
span.ui-icon-map-20 {
    top: 5px;
    left: 5px;
    width: 21px;
    background-image: url(../img/icon-map-map-blue.png) !important;
    background-repeat: no-repeat;
    height: 13px;
}
.planowanieBigContent2 .datagrid-header table{
    margin: 0 10px;
    background: none !important;
}
.planowanieBigContent2 .datagrid-body table{
    margin-right: 7px !important;
    background: none !important;
}
.planowanieBigContent2 table tr{
    height: 27px;
    background: transparent;
    cursor: pointer !important;
}
.planowanieBigContent2 td div {
    text-align: left !important;
}


.historiaAnimBigContent{
    padding: 10px;
}
.historiaAnimBigContent .col-lg-6{
    margin: 0 !important;
    padding: 0 !important;
}
.historiaAnimBigContent .col-lg-12{
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
}
#historiaAnimBigContentSelect{
    padding-right: 10px;
}
#selectzakresMapHistoriaAnim{
    padding-left: 10px;
}

#map_date1_historiaAnim{
    width: 85% !important;
    padding-left: 30px;
}
#map_date2_historiaAnim{
    width: 85% !important;
    padding-left: 30px;
}

#gent01HistoriaAnim, #watchOrdersStatusGen{
    background: url('../img/tabs20/generuj_raport_btn.png');
    width:79px !important;
    height:30px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    margin: -15px 0 0 0;
    border: 0;
    font-size: 0;
    float: right !important;
}
#gent01HistoriaAnim:hover, #watchOrdersStatusGen:hover{
    opacity: .7;
}
.autoZoomAnim{
    position: relative;
    top:-2px;
    width: 85px;
    cursor: pointer;
    font-weight: 400;
    font-size: 10px;
}

#historiaAnimBigContentSelect img{
    float: left;
    position: absolute;
    margin-top: 7px;
    left: 6px;
    z-index: 100;
}

.rangeHistoryAnim img{
    float: left;
    position: absolute;
    margin-top: 6px;
    left: 6px;
    z-index: 100;
}

#animBtnBoxAll{
    position: relative;
    left: -59px;
    height: 26px !important;
    width: 210px !important;
    color: #62657a;
    font-weight: 500;
    border-radius: 2px!important;
    border:0!important;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)))!important;
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%)!important;
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%)!important;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 )!important;
}

#animBtnBoxAll .button_player {
    border-left:1px solid #eeeeee !important;
    border-right:1px solid #fff !important;
    display: block !important;
    float: left !important;
    padding-right: 20px !important;
    width: 5px !important;
    text-align: center !important;
    color: #252839 !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
    height: 24px;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#animBtnBoxAll .button_player:hover {
    background-color:#e6e7f0;
    opacity: .7;
}
#animBtnBox a:nth-child(1){
    border-left:0 !important;
}
#animBtnBox a:nth-child(6){
    border-right:0 !important;
}
#animBtnBoxAll .fa-lg {
    position: relative;
    top: -6px;
}
.raport-trasy-20 td:nth-child(1) {
    /*    width: 129px;*/
}


#animBtnBox {
    margin-right: 12px !important;
}

.historiaAnimBigContent .panel-header {
    background: #686b7f !important;
    padding: 3px 8px;
    width: 100%;
}

.historiaAnimBigContent .panel-title{
    color: #fff;
}

.historiaAnimBigContent .datagrid-header-row{
    background: #fbfbfc;
    background: -moz-linear-gradient(top, #fbfbfc 1%, #ebecf2 100%);
    background: -webkit-linear-gradient(top, #fbfbfc 1%,#ebecf2 100%);
    background: linear-gradient(to bottom, #fbfbfc 1%,#ebecf2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#ebecf2',GradientType=0 );
}
.historiaAnimBigContent tr{
    height: 24px;
    padding: 0;
    margin: 0;
}

.historiaAnimBigContent table.datagrid-btable {
    width: 100%;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.historiaAnimBigContent .panel-body tr {
    line-height: 24px;
}

.historiaAnimBigContent span.datagrid-row-expander.datagrid-row-collapse {
    width: 20px !important;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}
.historiaAnimBigContent span.datagrid-row-expander.datagrid-row-expand {
    width: 15px !important;
    margin-right: 5px;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

.historiaAnimBigContent .datagrid-header-inner td{
    padding-right: 8px;
    background: #fbfbfc;
    background: -moz-linear-gradient(top, #fbfbfc 1%, #ebecf2 100%);
    background: -webkit-linear-gradient(top, #fbfbfc 1%,#ebecf2 100%);
    background: linear-gradient(to bottom, #fbfbfc 1%,#ebecf2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#ebecf2',GradientType=0 );
}

.tachoTimeBigContent table.datagrid-btable {
    border: 1px solid #eaeaea;
}
.tachoTimeBigContent tr.datagrid-header-row{
    background: #fbfbfc;
    background: -moz-linear-gradient(top, #fbfbfc 1%, #ebecf2 100%);
    background: -webkit-linear-gradient(top, #fbfbfc 1%,#ebecf2 100%);
    background: linear-gradient(to bottom, #fbfbfc 1%,#ebecf2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#ebecf2',GradientType=0 );
}

.tachoTimeBigContent tr{
    height: 26px;
    padding: 0;
    margin: 0;
}
.tachoTimeBigContent .datagrid-btable .datagrid-cell-c4-driver {
    /*    width: 130px;*/
    font-size: 10px;
}
.tachoTimeBigContent .datagrid-btable .datagrid-cell-c4-carname {
    /*    width: 95px;*/
    font-size: 10px;
}
.tachoTimeBigContent .datagrid-btable .datagrid-cell-c4-country {
    /*    width: 25px;*/
}
.tachoTimeBigContent .datagrid-btable .datagrid-cell-c4-type {
    /*    width: 50px;*/
    text-align: center;
}
.tachoTimeBigContent .datagrid-btable .datagrid-cell-c4-driveday {
    /*    width: 34px;*/
    text-align: center;
    background-color: #f4f4f5;
}
.tachoTimeBigContent .datagrid-btable .datagrid-cell-c4-workday {
    /*    width: 34px;*/
    text-align: center;
}
.tachoTimeBigContent .datagrid-btable .datagrid-cell-c4-breakday {
    /*    width: 34px;*/
    text-align: center;
    background-color: #f4f4f5;
}
.tachoTimeBigContent .datagrid-btable .datagrid-cell-c4-restday {
    /*    width: 34px;*/
    text-align: center;
}

.datagrid-header-row .datagrid-cell-c4-type{
    /*    width: 50px;*/
    text-align: center;
}
.datagrid-header-row .datagrid-cell-c4-country{
    /*    width: 25px;    */
}
.datagrid-header-row .datagrid-cell-c4-carname{
    /*    width: 95px;*/
    font-size: 10px;
}
.datagrid-header-row .datagrid-cell-c4-driver{
    font-size: 10px;
}
.datagrid-header-row .datagrid-cell-c4-driveday,
.datagrid-header-row .datagrid-cell-c4-workday,
.datagrid-header-row .datagrid-cell-c4-breakday,
.datagrid-header-row .datagrid-cell-c4-restday{
    /*    height: auto;*/
    /*    width: 34px;*/
}

.tachoTimeBigContent .datagrid-header,
.tachoTimeBigContent .datagrid-toolbar,
.tachoTimeBigContent .datagrid-pager,
.tachoTimeBigContent .datagrid-footer-inner {
    border: 0;
}
.tachoTimeBigContent .datagrid-htable,
.tachoTimeBigContent .datagrid-btable,
.tachoTimeBigContent .datagrid-ftable {
    color: #000000;
    border-collapse: separate;
    border-left: 1px solid #eaeaea;
}


#layoutTrackingDashboard .panel-tool a {
    margin: 1px;
}
#layoutTrackingDashboard .panel-header {
    padding: 0;
    margin: 0;
}
#layoutTrackingDashboard .panel-title {
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 0 10px;
    background-color: #62657a;
}

#layoutTrackingDashboard .panel.portal-panel {
    border: 1px solid #eaeaea !important;
}


/* status */

#layoutStatus .panel-tool a {
    margin: 1px;
}
#layoutStatus .panel-header {
    padding: 0;
    margin: 0;
}
#layoutStatus .panel-title {
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 0 10px;
    background-color: #62657a;
}

#layoutStatus .panel.portal-panel {
    border: 1px solid #eaeaea !important;
}

#layoutStatus .map-fleet-select .select2-container .select2-choice > .select2-chosen,
#layoutStatus .map-driver-select .select2-container .select2-choice > .select2-chosen,
#layoutStatus .select2-choice > .select2-chosen {
    padding-left: 0px;
}
#layoutStatus .select2-container .select2-choice {
    margin: 0 10px !important;
}
#layoutStatus .select2-container {
    min-width: 200px;
    width: auto !important;
}

#layoutStatus img.ui-datepicker-trigger {
    margin: 4px 0 0 4px;
    padding: 0;
}

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

a#rttRefresh {
    width: 93px !important;
    margin-right: 4px;
}

#layoutRtt .datagrid-htable,
#layoutRtt .datagrid-btable,
#layoutRtt .datagrid-ftable {
    color: #000000;
    border-collapse: separate;
    text-align: left;
    margin-left: 10px;
    border-left: 1px solid #eaeaea;
}

#rttTabs ul.tabs, #userTabs ul.tabs{
    background-color: #717489;

}
#rttTabs ul.tabs li, #userTabs ul.tabs li{
    border-left: 1px solid #7a7d8f;
    border-right: 1px solid #696c7e;
}
/*
#layoutStatus .panel-body tr {
    height: 42px !important;
    line-height: 12px;
    padding: 10px 0 !important;
    background-color: #fafafb;
}

*/

#navMapLegend .panel-body tr {
    height: 7px !important;
    line-height: 7px !important;
    background-color: #fafafb;

}

.tunnelsBigContent_content_add .col-lg-6{
    margin: 0;
    padding: 0;
}

.tunnelsBigContent_content_add .col-lg-12{
    margin: 0;
    padding: 0 10px;
}

.startZone {
    padding-right: 6px !important;
}

.endZone {
    padding-left: 6px !important;
}

.startZone img{
    position: absolute;
    top: 20px;
    left: 6px;
    z-index: 10;
}
.endZone img{
    position: absolute;
    top: 20px;
    left: 12px;
    z-index: 10;
}

div#secondMenuTunelAddOLE {
    padding-top: 14px;
    margin: 0 10px;
}

.tunnelBoxText{
    background-color: #222639;
    color: #D4D4D4;
    padding: 10px;
    font-size: 10px;
    margin-top: 37px;
}
.tunnelsBigContent_content .datagrid-toolbar {
    height: auto;
    padding: 11px 10px;
    border-width: 0 0 1px 0;
    border-style: solid;
}

.tunnelsAddStyle{
    height: auto;
    padding: 11px 10px;
    background: #fafafa;
}

.tunnelsAddStyleText{
    background-color: #222639;
    color: #D4D4D4;
    padding: 10px;
    margin: 10px 10px 0 10px;
    border-radius: 0px;
    font-size: 10px;
}

.inputTrackMe {
    height: 10px;
    margin: 0 0 0 0;
    margin-top: 1px;
    border-color: #b5b8c8;
    background-color: #fff;
    box-shadow: inset 0px 1px 5px rgba(0, 0, 0,0);
    font-size: 10px;
    height: 24px;
}

.trackMeTable tr:hover{
    background: #fafafb !important;
    background-color: #fafafb !important;
}

.trackMeTable .datagrid-wrap.panel-body.panel-body-noheader {
    width: 100% !important;
}

.trackMeTable table.datagrid-htable {
    text-align: left;
}

.trackMeTable .datagrid-view2 {
    right: 0;
}
.trackMeTable .datagrid-body {
    margin: 0;
    padding: 0;
    overflow: auto;
    zoom: 1;
    border-bottom: 1px solid #eaeaea;
}

.trackMeTable .datagrid-header .datagrid-cell {
    height: auto;
    text-align: left !important;
}
.trackMeTable .datagrid-cell,
.trackMeTable .datagrid-cell-group,
.trackMeTable .datagrid-header-rownumber,
.trackMeTable .datagrid-cell-rownumber {
    margin: 0;
    padding: 0 10px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
}

.trackMeTable .panel-body tr {
    height: 34px;
    line-height: 34px;
    background-color: transparent !important;
}

.tunnelsBigContent_content .datagrid-header td,
.tunnelsBigContent_content .datagrid-body td,
.tunnelsBigContent_content .datagrid-footer td {
    border-color: #eaeaea;
    border: 0;
    background: transparent;
    background-color: transparent;
}

.tunnelsBigContent_content .datagrid-header {
    color: #000;
    background: #fafafb;
}

.tunnelsBigContent_content .datagrid-header-inner td div {
    text-align: left !important;
    padding-left: 8px;
}
td.popupinputname {
    padding-left: 10px;
}

table.trackMeTable {
    border: 1px solid #eaeaea;
}

.tunnelsHistorySelectCar img{
    position: relative;
    top: 19px;
    left: 6px;
    z-index: 1;
}
.tunnelsHistorySelectCar {
    padding-right: 6px !important;
}
.tunnelsHistoryData{
    padding-left: 6px !important;
}

.tunnelsHistoryData img{
    position: relative;
    top: 19px;
    left: 5px;
    z-index: 1;
}

#toolbartunnelsHistory .col-lg-6{
    margin: 0;
    padding: 0;
}
#toolbartunnelsHistory .col-lg-12{
    padding: 0 10px;
    margin: 0;

}
#genTunelHistory{
    margin:35px 0px;
}

#layoutTunnel a.button span {
    float: left;
    position: relative;
    margin: 2px 3px 2px 0;
}
.rapGlownyCar{
    float: left;
    margin-right: 20px;
    margin-top: -8px;
    margin-left: 6px;
}
.rapGlownyCar img{
    position: relative;
    z-index: 10;
    top: 19px;
    left: 5px;
}
.rapGlownyZakres{
    float: left;
    margin-right: 20px;
    margin-top: -8px;
}
.rapGlownyZakres img{
    position: relative;
    z-index: 10;
    top: 18px;
    left: 5px;
}

.raport-trasy-20 .panel-header {
    background: #62657a;
}

.panel-title {
    color: #fff;
}

.panel-body table.datagrid-htable tr{
    background: #fbfbfc !important;
    background: -moz-linear-gradient(top, #fbfbfc 1%, #ebecf2 100%) !important;
    background: -webkit-linear-gradient(top, #fbfbfc 1%,#ebecf2 100%) !important;
    background: linear-gradient(to bottom, #fbfbfc 1%,#ebecf2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#ebecf2',GradientType=0 ) !important;
}
.legendaRaoprtStref{
    float: right;
    margin-right: -12px;
    margin-top: 0px;
    padding: 5px;
    width: 429px;
    height: 27px;
}
#gent01HistoriaObszarow{
    /* background: url('../img/tabs20/generuj_raport_btn.png') !important;*/
    width: 79px;
    height: 30px;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0);
}

#gent01HistoriaObszarow:hover{
    opacity:.7;
}

.historiaAnimacjaTrasyContent .col-lg-4,
.historiaAnimacjaTrasyContent .col-lg-6,
.historiaAnimacjaTrasyContent .col-lg-8{
    margin: 0;
    padding: 0;
}
.historiaAnimacjaTrasyContent .col-lg-9{
    margin-left: 6px !important;
    padding: 0;
}
.historiaAnimacjaTrasyContent .col-lg-3{
    margin-right: 6px !important;
    padding: 0;
}

.historiaAnimacjaTrasyContent .col-lg-12{
    margin: 10px 6px 10px 6px;
    padding: 0;
    width: 97%;
}
.historyZone2{
    margin-right: 6px;
    margin-left: 6px;
}
.historyZone22{
    margin-right: 6px;
    margin-left: 6px;
}
.historyZone2 img{
    position: relative;
    top: 19px;
    left: 6px;
    z-index: 1;
}
.historyZone22 img{
    position: relative;
    top: 19px;
    left: 5px;
    z-index: 1;
}
.zakresOd label{
    position: absolute;
    z-index: 12;
    top: 12px;
    left: 12px;
}

.zakresOd{
    padding-left: 6px !important;
}

input#map_date1_HistoriaObszarow,input#map_date2_HistoriaObszarow{
    width: 169px;
    padding-left: 28px;
}

.zakresInformacjiZoneHistory img{
    position: absolute;
    top: 20px;
    left: 5px;
    z-index: 12;
}

a[title="Ustaw cykliczny alert"] {
    background: url('../img/btn-ustaw-cykliczny-alert.png') !important;
    width: 142px;
    height: 27px;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0);
    position: relative;
    left: -46px;
    top: 3px;
}

a[title="Ustaw cykliczny alert"]:hover {
    opacity: .7;
    background: url('../img/btn-ustaw-cykliczny-alert.png') !important;
    width: 142px;
    height: 27px;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0);
}
a.buttonRefresh {
    height: 24px !important;
    line-height: 18px !important;
    background-position-x: 0px;
    background-position-y: 2px;
    background-image: url('../img/refresh_icon_20.png') !important;
    background-repeat: no-repeat !important;
    border: 0px !important;
    padding-top: 2px;
    padding-left: 22px;
    margin-left: 10px;
    margin-right: 5px;
    width: auto !important;
    color: #55586f !important;
    font-size: 10px;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    border: 1px solid #d8d8d8 !important;
    transition: all 0.1s ease-in-out;
    position: relative;
    top: 5px;
}
#garminLiveTableToolbar a#garminLiveRefresh{
    position: relative;
    top:0;
}

a.buttonRefresh:hover{
    opacity: .5;
}

a.buttonRefresh span{
    display: none;
}

div#rttToolbar {
    height: 40px !important;
}

a#remindersAdd{
    height: 20px;
    line-height: 20px;
    padding-right: 11px !important;
    color: #62657a;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border:0;
}
a#remindersAdd span {
    float: left;
    position: relative;
    margin: 1px 3px 2px 0;
}
#layoutReminders a.buttonRefresh {
    margin-top: -1px;
    top: 1px;
    right: -1px;
}

#layoutReminders .button, .settingsTabs .button{
    height: 19px;
    font-size: 10px;
    line-height: 19px;
    margin-top: 2px;
    padding-right: 0px !important;
    color: #62657a;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border: 0;
}

.valerror {
    border: 1px solid red !important;
}

#layoutReminders .button:hover, .settingsTabs .button:hover{
    opacity: .7;
    height: 19px;
    font-size: 10px;
    line-height: 20px;
    margin-top: 2px;
    padding-right: 0px !important;
    color: #62657a;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border: 0;
}
#layoutReminders .button, #tmrsTabs .button{
    padding-right: 11px !important;
}
#layoutReminders .button:hover, #tmrsTabs .button:hover{
    padding-right: 11px !important;
}

div#tmrCycleTableToolbar {
    height: 40px !important;
}

a#downloaddddAuto_cycle {
    text-decoration: none;
    font-size: 11px;
}

a[title="Wygeneruj raport CSV MiLoG"] {
    background: url('../img/exportCSV.png') !important;
    width: 54px;
    height: 27px;
    border: 0;
    margin: 3px 14px 0 -33px;
    padding: 0;
    font-size: 0;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0);
}

a[title="Wygeneruj raport CSV MiLoG"]:hover {
    opacity: .7;
    background: url('../img/exportCSV.png') !important;
    width: 54px;
    height: 27px;
    border: 0;
    margin: 3px 14px 0 -33px;
    padding: 0;
    font-size: 0;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0);
}

#searchCarForUser img{
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 12;
}
#addNewFleetForUser img{
    position: absolute;
    top: 15px;
    left: 14px;
    z-index: 12;
}

div#searchCarForUser, div#s2id_selectFlotaUstawienia {
    padding: 10px !important;
}

.pagination-page-list{
    border: 1px solid #c1c1c1;
    height: 25px;
    position: relative;
    top:0px;
    width: 40px;
    margin-right: 2px !important;
}

a#addNewFlota {
    margin-left: 10px;
    /*margin-top: 6px;*/
}

#addNewFleetForUser a.button span {
    float: left;
    position: relative;
    margin: 2px 3px 2px 0;
}
.putDefaultCars, #addNewDriverSettingsEdit, #addNewDriverNewSettingsEdit, #addNewDriverManualSettingsEdit {
    padding: 10px !important;
}
#addNewDriverSettingsEdit img, #addNewDriverNewSettingsEdit img, #addNewDriverManualSettingsEdit img{
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 12;
}
.putDefaultCars img {
    position: absolute;
    top: 61px;
    left: 16px;
    z-index: 12;
}
.pagination .pagination-num {
    border-width: 1px;
    border-style: solid;
    margin: 0 2px;
    padding: 4px;
    width: 24px;
    height: 24px;
    line-height: 10px;
    font-size: 12px;
}

.web24_btn {
    display: block;
}

.web24_btn_new {
    background: url(../img/tabs20/btn_background_repeat.png);
    border: 1px solid #dadada;
    font-size: 11px;
    font-weight: normal;
    color: #62657a;
}
.web24_btn_new:hover {
    opacity: 0.7;
    background: url(../img/tabs20/btn_background_repeat.png);
    border: 1px solid #dadada;
    font-size: 11px;
    font-weight: normal;
    color: #62657a;
}
#layoutFiles .col-lg-4, #layoutFiles .col-lg-11, #layoutFiles .col-lg-1, #layoutFiles .col-lg-2{
    margin: 0;
    padding: 0;
}
#layoutFiles .col-lg-12{
    padding: 0;
    margin: 10px 0;
}

#layoutFiles div#s2id_selectfilesCar {
    margin: 5px 15px 10px 6px;
}
#layoutFiles div#s2id_selectfilesStatus {
    margin: 5px 15px 10px 15px;
}
#layoutFiles div#s2id_selectfilesDate {
    margin: 5px 0 10px 24px;
}
.carMapImg{
    position: absolute;
    top: 11px;
    left: 12px;
    z-index: 2;
}
.fileMapImg{
    position: absolute;
    top: 10px;
    left: 19px;
    z-index: 2;
}
.rangeMapImg{
    position: absolute;
    top: 11px;
    left: 29px;
    z-index: 2;
}

.carMapImgSignaturesForms{
    position: absolute;
    top: 6px;
    left: 23px;
    z-index: 2;
}
.fileMapImgSignaturesForms{
    position: absolute;
    top: 5px;
    left: 19px;
    z-index: 2;
}
.rangeMapImgSignaturesForms{
    position: absolute;
    top: 6px;
    left: 22px;
    z-index: 2;
}

#mapaPopupEx {
    width: 590px;
    background: #F7F7F7;
    padding: 5px;
    padding-bottom: 54px;
    position: relative;
    border: 0;
    white-space: nowrap;
}

#tablealertsToolbar .col-lg-3{
    margin: 10px 0px !important;
    padding: 0 !important;
}

#tablealertsToolbar  a.select2-choice {
    margin-right: 10px;
}

.mapaWiadomosci {
    width: 600px;
    height: 400px;
    position: relative;
    border:0;
}
#mapaPopupEx {
    height: 55px !important;
    width: 600px;
    background: #777a8d;
    background: -moz-linear-gradient(top, #777a8d 0%, #62657a 100%);
    background: -webkit-linear-gradient(top, #777a8d 0%,#62657a 100%);
    background: linear-gradient(to bottom, #777a8d 0%,#62657a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777a8d', endColorstr='#62657a',GradientType=0 );
    /*padding: 10px 5px 10px 0;*/
    position: relative;
    border: 0;
    white-space: nowrap;
    border-bottom: 3px solid #62657a;
    vertical-align: top;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: #fff;
}

/*#mapaPopupEx small {*/
/*    float: right;*/
/*    top: -26px;*/
/*    right: 5px;*/
/*    position: relative !important;*/
/*    color: #fff;*/
/*    opacity: 0.5;*/
/*}*/
/*#mapaPopupEx br:nth-child(1) {*/
/*    display: none;*/
/*}*/

#mapaPopupEx b {
    /*position: relative;*/
    padding-left: 34px;
    top: -4px;
    left: 7px;
    font-size: 14px;
    font-weight: 400;
    /*color: #fff;*/
    background: url('../img/car_mail_icons.png') no-repeat;
    background-repeat: no-repeat !important;
    background-position-y: -4px;
}

.mapaPopupEx_row {
    flex: 1 1 45%;
    min-width: 550px;
}
.mapaPopupEx_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.selectreadmsg img{
    position: absolute;
    top: 6px;
    left: 5px;
    z-index: 2;
    opacity: .7;
}
.selectprioritymsg img{
    position: absolute;
    top: 6px;
    left: 5px;
    z-index: 2;
    opacity: .7;
}
.selectcarmsg img{
    position: absolute;
    top: 6px;
    left: 5px;
    z-index: 2;
    opacity: .7;
}
.selectzakresmsg img{
    position: absolute;
    top: 6px;
    left: 5px;
    z-index: 2;
    opacity: .7;
}

.mapaWiadomosci .track2goTabTheadTr {
    padding: 3px 3px 3px 5px;
    border: 0;
    background: #f9f9f9 !important;
    height: 50px;
}
.mailOptions{
    background-color: #f6f7f8;
    border-bottom: 1px solid #bfc2d3;
}
.track2goTabTheadTr {
    border: 1px solid #f9f9f9;
    border-bottom: 1px solid #bfc2d3;
    background: #fbfbfc !important;
    background: -moz-linear-gradient(top, #fbfbfc 1%, #ebecf2 100%) !important;
    background: -webkit-linear-gradient(top, #fbfbfc 1%,#ebecf2 100%) !important;
    background: linear-gradient(to bottom, #fbfbfc 1%,#ebecf2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#ebecf2',GradientType=0 ) !important;
    height: 38px !important;
    font-weight: 700;
}
.wiadomosciTabs a.button{
    float: right;
    height: 20px;
    line-height: 19px;
    margin-bottom: 3px;
    margin-top: 7px;
    padding-right: 11px !important;
    color: #62657a;
    font-weight: 400;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border: 0;
}
.wiadomosciTabs a.button:hover{
    float: right;
    height: 20px;
    line-height: 19px;
    margin-bottom: 3px;
    margin-top: 7px;
    padding-right: 11px !important;
    color: #62657a;
    font-weight: 400;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border: 0;
    opacity: .7;
}

.wiadomosciTabs .datagrid-cell.datagrid-cell-c4-img {
    /*    width: 25px;*/
}

#tablegarminToolbar .col-lg-4,#tablegarminToolbar .col-lg-2,#tablegarminToolbar .col-lg-8{
    margin: 10px 0;
    padding: 0;
}

.selectcargarminmsgClass a.select2-choice {
    margin-left: 10px;
    margin-right: 10px;
}

.mailMailOptions{
}
.selectcargarminmsgClass img{
    position: absolute;
    top: 7px;
    left: 16px;
    z-index: 2;
}
.selectzakresgarminmsgClass img{
    position: absolute;
    top: 6px;
    left: 5px;
    z-index: 2;
}


.mailMailOptions a.button, .mailMailOptions a.button:hover{
    height: 24px;
    line-height: 20px;
    padding-right: 11px !important;
    margin-top: 0px;
}

tr .datagrid-row-checked{
    background: #ebecf2;
}

#tabledefAlertsToolbar .col-lg-3, #tabledefAlertsToolbar .col-lg-2{
    margin: 10px 0;
    padding: 0;
}
#tabledefAlertsToolbar div#s2id_selectcarmsgDefSel {
    margin-left: 10px;
}

#tabledefAlertsToolbar div#s2id_selectstatusmsgDef {
    margin-left: 20px;
}
#tabledefAlertsToolbar div#s2id_selectmsgDef {
    margin-left: 30px;
}
#tabledefAlertsToolbar a#addNewMsg {
    margin-right: 30px;
}
.nazwaMail{
    top: -124px !important;
    left: 41px;
    float: left !important;
}

div.olMap {
    /*height: 745px !important;*/
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
}

#tableSMSLogToolbar .col-lg-6, #tableSMSLogToolbar .col-lg-2{
    margin: 10px 0;
    padding: 0;
}

.selectcarlogClass a.select2-choice {
    margin: 0 10px;
}
.selectzakreslogClass a.select2-choice {
    margin-right: 10px;
}

.selectcarlogClass img{
    position: absolute;
    top: 6px;
    left: 16px;
    z-index: 2;
}
.selectzakreslogClass img{
    position: absolute;
    top: 6px;
    left: 5px;
    z-index: 2;
}

#tableOutsToolbar .col-lg-2{
    margin: 10px 0;
    padding: 0;
}
#tableOutsToolbar a.select2-choice {
    margin: 0 10px;
}

.selectcaroutsSel2Class img{
    position: absolute;
    top: 6px;
    left: 16px;
    z-index: 2;
}

.selectcarmsgDefSelClass img{
    position: absolute;
    top: 6px;
    left: 16px;
    z-index: 2;
}
.selectstatusmsgDefClass img{
    position: absolute;
    top: 6px;
    left: 25px;
    z-index: 2;
}
.selectmsgDefClass img{
    position: absolute;
    top: 6px;
    left: 35px;
    z-index: 2;
}

#garminLiveTableToolbar .col-lg-12{
    margin: 10px 0;
    text-align: right;
    padding: 0;
}

#rttTabs ul.tabs, #userTabs ul.tabs {
    background: #585b6f;
}

.tabs-panels ul.tabs {
    background: #585b6f;
}
.tabs li {
    float: left;
    display: inline-block;
    margin: -7px 0px -3px 0;
    padding: 0;
    position: relative;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #66697e;
    border-right: 1px solid #595c6e;
}
div#tunnelsmapabig {
    /*height: 870px !important;*/
}
a.panel-tool-collapse:hover {
    background-color: transparent;
}

.tabs-selected a.tabs-close {
    background: url('../js/easyui/themes/default/images/tabs_icons20.png') no-repeat -32px center !important;
}

#idStatusTab .panel-tool-close {
    background: url('../js/easyui/themes/default/images/tabs_icons20_w.png') no-repeat -32px center !important;
    top: 0px;
    position: relative;
}

.carsFlagStyle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    border: 0;
    background: transparent;
    padding: 1px 5px 2px;
    margin: 0 5px 4px 0;
    line-height: 16px;
    display: inline-block;
    cursor: pointer;
}

.highcharts-stack-labels tspan {
    font-family: 'Roboto', sans-serif !important;
    font-size: 7px;
    letter-spacing: .001em;
    font-weight: 500;
}

div#satatusLoadWykresMaxSpeedWidget,
div#satatusLoadCarDistance,
div#satatusLoadMapPositionWidget,
div#satatusLoadCzasPracy,
div#satatusLoadWykresObrotySilnikaWidget,
div#satatusLoadWykresCzasPracySilnikaPostojWidget{
    border: 1px solid #c1c1c1;
}

div#carsCzasPracyLoadStatusToolbar, .obrotySilnikaClass, .czasPracySilnikaNaPostojuClass, .czasPracySilnikaClass {
    height: 32px !important;
}
.czasPracySilnikaClass{
    margin-top: 7px !important;
}
.czasPracySilnikaNaPostojuClass{
    margin-top: 7px !important;
}
div#carsCzasPracyLoadStatusToolbar{
    margin: 2px 0 !important;
}
.obrotySilnikaClass {
    margin-top: 7px !important;
}
div#s2id_satatusMapPositionCar {
    margin: 3px 0 8px 0;
}



::-webkit-scrollbar {
    width:8px;
    height: 10px;
    position: relative;
    right: 15px !important;
    border-right: 1px solid #fff;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-corner {
    background-color: #f0f1f5;
    border-right: 1px solid #fff;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    border-right: 0px solid #fff;
    background-color: #a8aab6;
}

::-webkit-scrollbar-track {
    background-color: #f0f1f5;
    border-right: 2px solid #fff;
}

::-webkit-scrollbar-track-piece {
    border-bottom: 2px solid #fff;
    background-color: #f0f1f5;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}


.datagrid-body {
    text-align: left;
}
.datagrid-header-check {
    margin-left: 4px;
    margin-top: 3px;
    width: 23px;
}
.datagrid-view2 {
    top: 1px;
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}

.pozycjeBigContent_scroll .datagrid-view2{
    top: 0px !important;
    left: 0px !important;
    border-left: 0 !important;
    border-top: 0 !important;
}
.datagrid-header .datagrid-cell{
    height: 30px;
    line-height: 30px;
}
a#garminMsgRefresh {
    margin-right: 8px !important;
    margin-top: -4px;
}
div.timeline-event-range {
    background: #545668 !important;
    background: -moz-linear-gradient(top,  #545668 0%, #62657a 60%, #62657a 60%, #6b6f84 100%) !important;
    background: -webkit-linear-gradient(top,  #545668 0%,#62657a 60%,#62657a 60%,#6b6f84 100%) !important;
    background: linear-gradient(to bottom,  #545668 0%,#62657a 60%,#62657a 60%,#6b6f84 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545668', endColorstr='#6b6f84',GradientType=0 ) !important;

    cursor: pointer;
    opacity: 0.85;
}

a.button.easytooltip {
    width: auto !important;
    padding-left: 3px;
}

.mapPopup_table tbody td {
    color: #1F1F1F !important;
    font-size: 10px !important;
    border-bottom: 1px solid #f1f1f3 !important;
    font-weight: normal !important;
    font-family: 'Roboto', sans-serif !important;
}

.omnibox {
    margin: 0px 15px 15px 0px !important;
    right: 423px !important;
    left: auto !important;
    z-index: 100;
}

div#mapaSmall_name, div#mapaSmall_status {
    height: 29px !important;
    line-height: 29px;
    background-color: #62657a !important;
    color: #fff !important;
    padding: 0 10px 0 10px !important;
    width: 335px !important;
}
div#mapaSmall {
    box-shadow: rgba(0, 0, 0, 0.15) -2px -7px 5px 0px !important;
    width: 291px !important;
}

.tachoTimeBigContent a{
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    padding-right: 11px !important;
    color: #62657a;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border:0;
}
.tachoTimeBigContent a:hover{
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    padding-right: 11px !important;
    color: #62657a;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border:0;
    opacity: .7;
}
#mapTabs .tachoTimeBigContent .ui-icon {
    background-image: url(../img/icons_blue20.png) !important;
}

.planowanieBigContent2 a.button.easytooltip {
    width: auto !important;
    padding-left: 4px !important;
    padding-right: 10px !important;
}
#toolbartunnels a.button.easytooltip {
    width: auto !important;
    padding-left: 2px;
    padding-right: 8px !important;
}

.tunnelsAddStyle a.button.easytooltip {
    width: auto !important;
    padding-left: 2px;
    padding-right: 8px !important;
}
div#satatusLoadMapPositionWidget_status_name {
    height: 38px !important;
    padding: 4px !important;
    background: #191c2a !important;
    color: #ffffff !important;
}
#satatusLoadMapPositionWidget_status_name img {
    top: -1px !important;
}
#satatusLoadMapPositionWidget_status_name div:nth-child(2){
    position: relative;
    top: 5px;
    right: 5px;
}

#satatusLoadMapPositionWidget_status_name div:nth-child(1){
    position: relative;
    left: 5px;
}
.kontrolkiHistory{
    position: relative;
    top: 12px;
    right: 8px;
}
.map_route_popup td {
    border-bottom: 1px dotted #d8d8d8 !important;
    padding: 5px !important;
}
.map_route_popup tr{
    background-color: #fff !important;
}
.scrollFixGMAP {
    /*    width: 213px !important;*/
}
#satatusLoadMapPositionWidget div:nth-child(1){

}

div#satatusMapPositionCarTime {
    position: relative;
    top: 5px;
}

.raport-trasy-20 div:nth-child(5) {
    margin-right: 5px !important;
    width: 205px !important;
}
#popupMapTachoTime .dialog-button {
    border-top: 1px solid #dddddd;
    height: 44px;
    padding-top: 9px;
    margin-top: 20px;
}
#popupMapTachoTime .datagrid-cell.datagrid-cell-c2-asystent {
    width: 277px !important;
}
#popupMapTachoTime .datagrid-cell.datagrid-cell-c2-all{
    width: 73px !important;
}
#popupMapTachoTime .datagrid-cell.datagrid-cell-c2-maks{
    width: 73px !important;
}
#popupMapTachoTime .datagrid-cell.datagrid-cell-c2-pozostale{
    width: 73px !important;
}
#popupMapTachoTime .easytooltip img {
    top: -3px;
    position: relative;
}

li#nav_userpref {
    position: relative;
    top: -8px;
    right: -10px;
}
.roboczeLogout {
    position: relative;
    top: 11px;
}
.pop_speed {
    font-family: "digital";
    font-size: 25px !important;
    float: left !important;
    line-height: 17px;
    overflow: hidden !important;
    padding-right: 10px !important;
}
.pop_carname, .pop_kiername {
    overflow: hidden !important;
}
div#popupMessages .panel-title {
    background-color: #62657a;
    /*    width: 250px;*/
    height: 22px;
    font-size: 13px;
    padding-left: 7px;
    padding-top: 1px;
    position: relative;
    line-height: 22px;
    /*    left: -5px;*/
}
table.driverWorkCal_summary tr:nth-child(1) {
    display: none;
}
.driverWorkCal_summary tr {
    background-color: #fafafa !important;
    border-bottom: 1px solid #f1f1f1;
}
#popupMessages .panel-body.panel-body-noheader.layout-body {
    margin-left: 12px;
    /* margin-bottom: 25px; */
    /* height: 104px !important; */
}

#popupMessages tr:nth-child(1) td:nth-child(3) {
    /*    border-bottom: 1px solid #000;*/
}

#popupMessages div.easytooltip div {
    position: relative;
    top: -6px !important;
    font-size: 9px;
}
.tooltipster-content {
    font-family: 'Roboto', sans-serif !important;
    font-size: 11px !important;
    line-height: 16px !important;
    padding: 8px 10px !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.15) !important;
    background-color: #2b3046 !important;
    border: 0 !important;
}
.tooltipster-selectedDay {
    border-radius: 1px !important;
    border: 1px solid #222639 !important;
    background: #222639 !important;
    color: #fff !important;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15) !important;
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15) !important;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15) !important;
}
li:hover .nav_icon img {
    margin-top: 2px !important;
}

.selectcustomersettingsClass img,
.selectcontractorsettingsClass img,
.selectusersettingsClass img,
.selectcarssettingsClass img,
.selectkiersettingsClass img,
.selectsimsettingsClass img,
.selectgprssettingsClass img,
.selectgsesettingsClass img,
.selectgseconfigsettingsClass img,
.selectlangprefClass img{
    position: absolute;
    top: 7px;
    left: 5px;
    z-index: 100;
    opacity: .8;
}
#addNewCustomerSettings .col-lg-4,
#addNewContractorSettings .col-lg-4,
#addNewUserSettings .col-lg-4,
#addNewCarsSettings .col-lg-4,
#addNewKierSettings .col-lg-4,
#addNewSIMSettings .col-lg-4,
#addNewGPRSSettings .col-lg-4,
#addNewGSESettings .col-lg-4,
#addNewGSEConfigSettings .col-lg-4,
#searchLang .col-lg-4{
    margin: 10px;
    padding: 0;
}
#addNewCustomerSettings .col-lg-2,
#addNewContractorSettings .col-lg-2,
#addNewUserSettings .col-lg-2,
#addNewKierSettings .col-lg-2,
#addNewSIMSettings .col-lg-2,
#addNewGPRSSettings .col-lg-2,
#addNewGSEConfigSettings .col-lg-2{
    margin: 10px 10px 10px 0;
    padding: 1px 0 0 0;
}
#addNewGPRSSettings .col-lg-12{
    margin: 0;
    padding: 0;
}

.raportRotacjiKontenera .col-lg-2,
.raportRotacjiKontenera .col-lg-4,
.raportKosztowTraansportu .col-lg-2,
.raportKosztowTraansportu .col-lg-4{
    margin: 10px 0 0 0;
    padding: 0;
}
.raportHistoriaKontenera .col-lg-4{
    margin: 10px;
    padding: 0;
}
.raportRotacjiKontenera .col-lg-3, .raportKosztowTraansportu .col-lg-3 {
    margin: 10px 0 0 0;
    padding: 0;
    width: 310px !important;
}
.raportRotacjiKontenera .raportRotacjiKonteneraIcon1 img{
    position: absolute;
    top: 7px;
    left: 15px;
    z-index: 100;
    opacity: .8;
}
.raportHistoriaKontenera img{
    position: absolute;
    top: 6px;
    left: 5px;
    z-index: 100;
    opacity: .8;
}
.raportKosztowTraansportu .raportKosztowTraansportuImg1 img{
    position: absolute;
    top: 7px;
    left: 15px;
    z-index: 100;
    opacity: .8;
}
.raportRotacjiKontenera .raportRotacjiKonteneraIcon2 img,
.raportKosztowTraansportu .raportKosztowTraansportuImg2 img{
    position: absolute;
    top: 7px;
    left: 5px;
    z-index: 100;
    opacity: .8;
}
.raportRotacjiKontenera .raportRotacjiKonteneraIcon3 img,
.raportKosztowTraansportu .raportKosztowTraansportuImg3 img{
    position: absolute;
    top: 6px;
    left: 5px;
    z-index: 100;
    opacity: .8;
}
.biezacaLokalizacjaKontenera .col-lg-2{
    margin:10px 0;
    padding:0;
}

.biezacaLokalizacjaKonteneraImg1 img{
    position: absolute;
    top: 6px;
    left: 15px;
    z-index: 100;
    opacity: .8;
}
.biezacaLokalizacjaKonteneraImg2 img{
    position: absolute;
    top: 7px;
    left: 5px;
    z-index: 100;
    opacity: .8;
}
#tabseditcar .settingsTabs {
    background-color: #fff !important;
}
#tabseditcar td{
    padding: 0 5px;
}

#tabseditcar tr {
    line-height: 29px;
}
.window #tabseditcar input {
    margin: 1px 0;
    border: 1px solid #c1c1c1;
    height: 28px !important;
    line-height: 17px !important;
}

.window #tabseditcar input[type="checkbox"] {
    height: 16px !important;
    margin-right: 7px !important;
}

#popupMessages #tabseditcar tr:nth-child(1) td:nth-child(3) {
    /*    border-bottom: 0;*/
}
input#carPhotoSubmit {
    /* float: right; */
    height: 22px !important;
    line-height: 11px !important;
    padding-left: 10px;
    position: relative;
    top: -30px;
    left: 211px;
}
#tabseditcar .ui-state-default, #tabseditcar .ui-widget-content .ui-state-default {
    border: 0;
    background: #ffffff;
    font-weight: normal;
    margin-top: 1px !important;
    margin-right: 14px;
}
.window #tabseditcar td {
    /*padding: 0;*/
}

.select2-container-multi .select2-choices .select2-search-field input {
    border: 0 !important;
}

td.popupinputname {
    padding-right: 10px !important;
    line-height: 12px;
    padding-top: 4px;
    vertical-align: middle;
}
td.popupinputname td {
    padding-right: 5px !important;
}
#tabseditcar .panel {
    margin: 12px 10px 5px 0px;
}
.settingsTabs table.track2go td, .settingsTabs table.track2go th {
    padding-left: 7px !important;
}
.settingsTabs table.track2go th{
    border: 0;
}
table.track2go {
    border-left: 1px dotted #eaeaea;
}

#tabseditcar .settingsTabs {
    margin-left: 10px;
}
input#carPhotoImageInput {
    height: 30px !important;
}
.track2go label {
    font-size: 10px;
    font-weight: 500;
}
form#MyUploadForm {
    height: 24px;
}
div#carPhotoOutput {
    margin-left: 13px;
}
#tabseditcar ul.tabs {
    background-color: #5a5d72;
    border-top: 1px solid #4f5265;
}
ul#permUserTree {
    height: 399px;
    font-family: 'Roboto', sans-serif !important;
}
span.ui-icon.ui-icon-calendar {
    margin-top: 3px;
}
#addNewOrder span.ui-icon.ui-icon-plus {
    margin-top: 2px;
}
.window #popupMessages .panel-body tr {
    height: 33px;
    line-height: 33px;
    background-color: #fafafb;
}
td.ui-state-highlight {
    border: 0 !important;
    background: #fbf9ee url(smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}
.window textarea {
    padding: 6px;
    margin: 10px 0 10px 0;
}

.garminLiveMsgPopupTXT {
    border: 1px solid #b9b8b8;
    border-radius: 6px;
    padding: 6px;
    margin-bottom: 10px;
    word-wrap:break-word;
}

.garminLiveMsgPopupTXT-send {
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #e2e2e2 50%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(50%,#e2e2e2), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#e2e2e2 50%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#e2e2e2 50%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%,#e2e2e2 50%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%,#e2e2e2 50%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.garminLiveMsgPopupTXT-recive {
    color: #000000;
    background: #cdeb8e; /* Old browsers */
    background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
}

.garminLiveMsgPopupTXT-sendroute {
    color: #000000;
    background: #b2e1ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #b2e1ff 0%, #66b6fc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b2e1ff 0%,#66b6fc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b2e1ff 0%,#66b6fc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-9 */
}


input#nameOrderTime {
    top: -6px !important;
    padding-left: 6px;
    font-size: 10px;
    position: relative;
}
.spinner {
    border-color: #c1c1c1;
}
.spinner-arrow {
    background-color: #f1f1f1;
}
.dragOrder, .dragOrderDisable {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: left;
    z-index: auto;
    width: auto;
    height: auto;
    position: static;
    cursor: pointer;
    opacity: 1;
    margin: 0;
    padding: 6px 4px 6px 4px;
    overflow: hidden;
    border: none;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background: #777c99;
    -webkit-box-shadow: 1px 1px 0 0 #525252;
    box-shadow: 1px 1px 0 0 #525252;
    margin: 5px;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
}
#schedulerOrders div {
    background: #868aac !important;
    color: #fff;
}
#schedulerOrders div{
    content:attr(title);
    color:#fff !important;
}

.fa-2x {
    font-size: 1.5em !important;
    padding-right: 12px !important;
    color: #c1c1c1 !important;
    margin-top: 1px !important;
}

.schedulerDriverTime .droppable  div {
    background: #868aac !important;
    color: #fff;
}

.driverCalendarClass .col-lg-3,
.driverCalendarClass .col-lg-2{
    margin: 0;
    padding: 0;
}
#watchOrdersDateClass input{
    width: 100%;
}
.driverCalendarClass{
    margin: 10px 0;
}
.driverCalendarDriverClass{
    margin: 0 10px !important;
}
.driverCalendarDriverClass img{
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 100;
    opacity: .8;
}
.driverCalendarYearClass{
    margin-right: 10px !important;
    width: 100px !important;
}
.driverCalendarYearClass img{
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 100;
    opacity: .8;
}
.newButton#driverCalendarGen,
.newButton#driverCalendarFreeDays,
.newButton#watchOrdersGen,
.newButton#watchOrdersWeekGen,
.newButton#printBlankSchedulerGen{
    font-size: 10px;
}
.newButton#driverCalendarGen:hover,
.newButton#driverCalendarFreeDays:hover,
.newButton#watchOrdersGen:hover,
.newButton#watchOrdersWeekGen:hover,
.newButton#printBlankSchedulerGen:hover{
    opacity: .7;
    text-decoration: none;
}

.watchOrdersDateClass {
    margin-top: 4px !important;
    margin-right: 10px !important;
    width: 153px !important;
}

#watchOrdersDatagridToolbar .col-lg-3,
#watchOrdersDatagridToolbar .col-lg-2{
    margin: 0;
    padding: 0;
}
.watchOrdersZakresClass{
    margin: 10px !important;
}
.watchOrdersDateClass {
    margin-top: 4px !important;
    margin-right: 10px !important;
    width: 153px !important;
}
#watchOrderRefresh {
    margin: 3px 18px 0 0;
}
#watchOrdersGen{
    margin-top: 10px;
}
.watchOrdersZakresClass img, .watchOrdersWeekZakresClass img{
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 100;
    opacity: .8;
}

.watchOrdersDatagrid .datagrid-header-row .datagrid-cell-c4-driver {
    /*    width: 205px;*/
    font-size: 10px;
}
#watchOrderWeekRefresh {
    margin: 5px 18px 0 0 !important;
}
#watchOrdersWeekDatagridToolbar .col-lg-2{
    margin: 0;
    padding: 0;
}
.watchOrdersWeekZakresClass{
    margin: 10px !important;
}
#watchOrdersWeekGen{
    margin-top: 10px;
}
.printSchedulerCarClass img{
    position: absolute;
    top: 7px;
    left: 6px;
    z-index: 100;
    opacity: .8;
}
.printSchedulerDriverClass img{
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 100;
    opacity: .8;
}
.printSchedulerZakresClass img{
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 100;
    opacity: .8;
}

#layoutPrintScheduler .col-lg-2{
    margin: 0;
    padding: 0;
}
.driverWorkCal_summary td {
    padding: 0 !important;
    font-size: 13px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 200;
}



.login section {
    width: 500px;
    margin: 100px auto 0 auto;
    text-align: center;
    display: block;
}
input#log {
    background-color: #1b1b1b;
    border: 0 !important;
    -moz-box-shadow: inset 0 0 0 #000000;
    -webkit-box-shadow: inset 0 0 0 #000000;
    box-shadow: inset 0 0 0 #000000;
    border-radius: 9px;
    height: 52px;
    width: 300px !important;
    font-size: 18px;
    font-weight: 100 !important;
    font-family: 'Roboto', sans-serif !important;
}

#layoutTunnelHistorySecond div#tunnelsHistorymapabig {
    height: 1091px !important;
}

#layoutTunnelHistorySecond .layout-expand {
    background-color: #50536a;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#layoutTunnelHistorySecond .layout-expand:hover {
    background-color: #191c2a;
}
#layoutTunnelHistorySecond .layout-button-up {
    background: url('../js/easyui/themes/default/images/layout_arrows_fff.png') no-repeat -17px -17px;
    background-color: transparent !important;
}
#layoutTunnelHistorySecond .panel-header {
    background-color: #50536a;
}
#layoutTunnelHistorySecond .layout-button-down {
    background: url('../js/easyui/themes/default/images/layout_arrows_fff.png') no-repeat -17px 2px;
}
/*---------------KOLUMNY LOGOWANIE -------------------*/
.loginformform .col-lg-12{
    width: 100%;
    float: left;
    position: relative;
}
.loginformform .col-lg-6{
    width: 50%;
    float: left;
    position: relative;
}
.login section {
    margin: 135px auto 0 auto !important;
    font-family: 'Roboto', sans-serif !important;
}

.login button:hover{
    opacity: .8;
}
.login input {

    -webkit-box-shadow: inset 3px 3px 26px -5px rgba(160,160,160,0.0);
    -moz-box-shadow: inset 3px 3px 26px -5px rgba(160,160,160,0.0);
    box-shadow: inset 3px 3px 26px -5px rgba(160,160,160,0.0);
}

input#log:required {
    background-color: #1d1d1d !important;
    background: #1d1d1d !important;
    border: 0px solid #5c5f63;
    font-size: 16px;
    color: #fff;
}
.login input {
    border: 0 !important;
}
input#log, input#pwd, input#lostemail, input#pwdnew, input#pwdnewnew {
    background-color: transparent;
    background: transparent;
    height: 52px;
    width: 100% !important;
    max-width: 258px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #5c5f63 !important;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    /*    text-transform: uppercase;*/
    font-weight: 100 !important;
    font-family: 'Roboto', sans-serif !important;
    padding-top: 13px;
    padding-left: 41px;
}

#popupchangepwdform #pwd, #popupchangepwdform #pwdnew, #popupchangepwdform #pwdnewnew  {
    color: #62657a;
}

input#lostemail {
    position: relative;
    left: -8px;
}
button#submitlostpwd {
    position: relative;
    left: -1px;
    top: -16px;
}

.lostPass_iconClass{
    position: relative;
    left: 18px;
    top: 4px;
    z-index: 1234;
}



img.login_iconClass {
    position: absolute;
    top: 17px;
    left: 36px;
}
p#lostpwdlink{
    font-size: 13px;
    position: relative;
    top: 3px;
    left: 1px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
p#lostpwdclose {
    font-size: 13px !important;
    color: #808080 !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

p#lostpwdlink:hover {
    color: #fff !important;
}
.loginZapamietajMnieClass{
    position: relative;
    top: 0px;
    left: -59px;
}
.loginZapamietajMnieClass label {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
}
.checkrememberme:checked + label span {
    background:  url('../img/websat2/check_radio_sheet.png') 0px top no-repeat !important;
    ;
}
.checkrememberme + label span {
    background: url('../img/websat2/check_radio_sheet.png') -19px top no-repeat !important;
}
.loginLanguageClass {
    text-align: center;
    position: relative;
    top: 7px;
    /*    right: 11px;*/
}
.login_logoClass {
    height: 105px;
    width: 311px;
    margin-top: 60px;
}


.loginLanguageClass label {
    color: #fff;
    font-size: 9px;
    position: relative;
    top: 0px !important;
    right: 6px;
    opacity: .8;
    text-transform: uppercase;
}
.loginformform label.login {
    width: auto;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    color: #fff;
    padding-right: 15px;
}
#loginformlostpwdform label.lastPass{
    width: auto;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    color: #fff;
    right: 15px;
    position: relative;
}

.loginformform .col-lg-12{
    position: relative;
}

img.loginLogo {
    position: relative;
    top: -28px;
}
.login .loginLogo {
    margin-top: -30px;
}
#log::-webkit-search-cancel-button{
    position:relative;
    right:20px;

    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius:10px;
    background: red;
}



.search-box:focus {
    box-shadow: 0 0 15px 5px #b0e0ee;
    border: 2px solid #bebede;
}
.close-icon {
    border:1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}
.close-icon:after {
    content: "X";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: #FA9595;
    z-index:1;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 2px;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 0 2px #E50F0F;
    cursor: pointer;
}
.search-box:not(:valid) ~ .close-icon {
    display: none;
}

.login section {
    width: 500px;
    margin: 100px auto 0 auto;
    text-align: center;
    display: block;
    background: #dfdfdf;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0);
    box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0);
}

ul.nav li li a {
    height: 21px;
    line-height: 14px;
}


.orderStatus02 {
    background: #726746 !important;
    -webkit-box-shadow: 0px 0px 0 0 #103320 !important;
    box-shadow: 0px 0px 0 0 #103320 !important;
    border: 1px solid #f1f1f1;
}
.orderStatus03 {
    background: #FCE39A !important;
    -webkit-box-shadow: 0px 0px 0 0 #103320 !important;
    box-shadow: 0px 0px 0 0 #103320 !important;
    color: rgba(0,0,0,0.9) !important;
    border: 1px solid #f1f1f1;
}
.orderStatus07 {
    background: #416B55 !important;
    -webkit-box-shadow: 0px 0px 0 0 #103320 !important;
    box-shadow: 0px 0px 0 0 #103320 !important;
    color: #fff;
    border: 1px solid #f1f1f1;
}
.orderStatus09 {
    background: #DE7571 !important;
    -webkit-box-shadow: 0px 0px 0 0 #103320 !important;
    box-shadow: 0px 0px 0 0 #103320 !important;
    color: #fff;
    border: 1px solid #f1f1f1;
}
.orderStatus05 {
    background: #4F8EC9 !important;
    -webkit-box-shadow: 0px 0px 0 0 #103320 !important;
    box-shadow: 0px 0px 0 0 #103320 !important;
    border: 1px solid #f1f1f1;
}
.orderStatus08 {
    background: #7B4A34 !important;
    -webkit-box-shadow: 0px 0px 0 0 #103320 !important;
    box-shadow: 0px 0px 0 0 #103320 !important;
    color: #fff;
    border: 1px solid #f1f1f1;
}
div#idWatchOrdersStatusTab div div div div div table div div {
    border-right: 0 !important;
}
.badgeScheduler {
    left: -5px !important;
    position: relative;
    top: -6px;
    text-shadow: 0px 0px 0px #000;
    background: #f70c0c;
    background: -moz-linear-gradient(top, #f70c0c 0%, #c90b0b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f70c0c), color-stop(100%,#c90b0b));
    background: -webkit-linear-gradient(top, #f70c0c 0%,#c90b0b 100%);
    background: -o-linear-gradient(top, #f70c0c 0%,#c90b0b 100%);
    background: -ms-linear-gradient(top, #f70c0c 0%,#c90b0b 100%);
    background: linear-gradient(to bottom, #f70c0c 0%,#c90b0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70c0c', endColorstr='#c90b0b',GradientType=0 );
    border: 0px solid white;
    border-radius: 12px;
    box-shadow: 0px 0px 0px black;
    color: white;
    font-size: 8px;
    height: 12px;
    padding: 1px 3px 1px 3px;
    text-align: center;
    width: 16px;
    float: left;
    line-height: 11px;
}
#watchOrdersStatusDatagridToolbar .col-lg-6,
#watchOrdersStatusDatagridToolbar .col-lg-4,
#watchOrdersStatusDatagridToolbar .col-lg-2{
    margin: 0 !important;
    padding: 0 !important;
}
.watchOrdersStatusZakresClass img{
    position: absolute;
    left: 5px;
    top: 6px;
    z-index: 10;
}
.watchOrdersStatusZakresClass {
    position: relative;
    top: 9px;
    left: 8px;
}
.watchOrdersStatusDateClass {
    position: relative;
    top: 3px;
    left: 17px;
}
.watchOrdersStatusGenClass {
    position: relative;
    top: 21px;
    left: -84px;
}
div#histriaObszarowmapabig {
    height: 1089px !important;
}



.newGenBtn {
    background: url(../img/tabs20/generuj_raport_btn_blank.png) !important;
    width: 79px !important;
    height: 30px !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    margin: 10px 0 0 0 !important;
    border: 0 !important;
    font-size: 12px !important;
    line-height: 30px !important;
    float: right;
    text-align: center !important;
    color: #626679 !important;
    text-decoration: none !important;
    position: relative !important;
    top: -9px !important;
}

.newGenBtn:hover {
    opacity: .7;
}


.tunnelsBigContent_content input.button,.tunnelsBigContent_content a.button {
    height: 20px;
    line-height: 17px;
    padding-right: 11px !important;
    font-size: 10px;
    color: #62657a;
    font-weight: 500;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33) !important;
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33) !important;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.33) !important;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(242,242,242,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 86%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-radius: 2px;
    border: 0;
}
.tunnelsBigContent_content input.button span,.tunnelsBigContent_content a.button span{
    position: relative;
    top:-2px;

}
.editTunelDiv #s2id_statusTunelEdit span.select2-chosen {
    padding-left: 0px !important;

}

.editTunelDiv #s2id_statusTunelEdit a {
    padding-left: 5px !important;

}
div#chartcontainer {
    height: 139px !important;
    margin-bottom: 51px !important;
}
div#chartcontainer svg {
    margin-top: 1px !important;
}
#popupMessages .datagrid-body {
    overflow-x: hidden;
}

#popupMapJazdaBezKarty td:nth-child(1){
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
#popupMapJazdaBezKarty td:nth-child(2) {
    width: 100%;
}
.jspPane td:nth-child(1) {
    margin-left: 6px !important;
    width: 50% !important;
    font-size: 9px;
}
.jspPane td:nth-child(2) {
    font-weight: bold;
}
.jspPane table.fullwidth, table.normal {
    border: 0px solid #f0f0f0;

}
.jspPane table tr {
    background-color: #fafafa;
    border-bottom: 1px solid #f1f1f1;
}

#navMapLegend_content td:nth-child(1) {
    width: 32px !important;
}


div#infoCarInfo {
    width: 424px !important;
    position: relative;
    left: -4px;
}
#infoCarInfo .jspContainer {
    width: 424px !important;
}
.jspPane {
    width: 98% !important;
}
tr.odd td:nth-child(2) {
    padding-left: 10px !important;
    margin-right: 14px !important;
    margin-left: 10px !important;
}

#popupMapJazdaBezKarty div.olMap {
    height: 355px !important;
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
    border: 0 !important;
}
.pop_carname {
    text-transform: uppercase;
    font-size: 100% !important;
    width: 120px !important;
}
div#popup_undefined {
    border: 0 !important;
    -webkit-box-shadow: 0px 2px 11px 0px rgba(50, 50, 50, 0.30);
    -moz-box-shadow: 0px 2px 11px 0px rgba(50, 50, 50, 0.30);
    box-shadow: 0px 2px 11px 0px rgba(50, 50, 50, 0.30);
}
.pop_other_right {
    font-size: 81%;
    text-align: right;
    padding: 0px !important;
    height: 9px;
    margin-top: -5px !important;
    line-height: 7px;
    left: 28px;
}
.jspPane td {
    height: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.nowaClass table.mapPopup_table tr:first-child {
    height: 32px !important;
    background-color: #f1f1f1;
}
.nowaClass table.mapPopup_table td.pop_other_right table {
    width: 82% !important;
    position: relative;
    left: -7px;
}
.nowaClass table.mapPopup_table td.pop_other_left {
    width: 41%;
}
.nowaClass td.pop_other_right {
    padding-left: 6px !important;
    /*padding-top: 6px !important;*/
    padding-top: 0px !important;
}

.login section {
    background-image: url('../img/logowanie_box_bg.png') !important;
    display: table;
    background: transparent;
    background-repeat: no-repeat;
    width: 311px;
    height: 542px;
    opacity: .95;
    -webkit-box-shadow: 0px 11px 72px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 11px 72px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 11px 72px -4px rgba(0,0,0,0.75);
}
.login button{
    background-image: url('../img/login_btn_blank.png') !important;
    background: url('../img/login_btn_blank.png') !important;
    background-repeat: no-repeat !important;
    font-size: 16px;
    height: 51px;
    width: 261px;
    border: 0px !important;
    padding: 0 !important;
    position: relative;
    margin: 6px 0 0 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0) !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0) !important;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0) !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.0) !important;
    z-index: 500 !important;
    cursor: pointer !important;
}

.passLostClass p {
    font-size: 11px !important;
    margin: 11px 0 0 3px !important;
    padding: 0 !important;
}
.passLostClass img {
    width: 16px;
    float: left;
}
.passLostClass {
    position: relative;
    width: 121px !important;
    font-size: 9px !important;
    top: 33px;
    margin: 0 auto;
}
.col-lg-12.loginLanguageClass img {
    width: 13px;
    margin-left: 2px;
}
.col-lg-12.loginLanguageClass img:hover {
    opacity: .8;
}
.loginZapamietajMnieClass p {
    margin: 0 !important;
    padding: 0 !important;
    width: 115px;
    float: right;
    position: relative;
    left: -28px;
    top: 2px;
}

.login section {
    position: relative;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .8s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: .8s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {
        top:-1000px;
        opacity: 0;
    }
    100% {
        top:0px;
        opacity: .95;
    }
}

/* Standard syntax */
@keyframes example {
    0%   {
        top:-1000px;
        opacity: 0;
    }
    100% {
        top:0px;
        opacity: .95;
    }
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: red !important;
    background-color: red !important;
    background-image: none !important;
}

#popupchangepwdform input#pwd {
    padding: 5px;
    height: 29px;
    border: 1px solid #f1f1f1 !important;
}
#popupchangepwdform input#pwdnew, #popupchangepwdform input#pwdnewnew {
    padding: 5px;
    height: 29px;
    border: 1px solid #f1f1f1 !important;
}
a#logoutlink {
    margin-left: 0 !important;
}
a#oldapplink {
    margin-left: 0 !important;
}

ul.nav li#nav_oldapp a span.nav_icon {
    background-position: -224px 0px;
}

#nav_user a.easytooltip {
    margin-left: 0;
}
.datagrid-btable td[field="sum"] {
    background-color: #ebecf2;
}
li#nav_user {
    width: auto;
}
a.button.easytooltip.garminLiveMsgPopup {
    width: 24px !important;
    margin-top: 5px !important;
    margin-left: 2px;
}
a#garminLiveSendMsg span, a#garminLiveSendMsgStop span{
    margin-top: 2px;
}
#newGarminLiveMsg tr:nth-child(1) td:nth-child(1) {
    line-height: 13px;
    vertical-align: top;
    padding-top: 10px !important;
}

#newGarminLiveMsg tr:nth-child(1) td:nth-child(1) small {
    position: relative;
    top: 91px;
}

#newGarminLiveMsgStop tr:nth-child(2) td:nth-child(1) {
    padding: 0 !important;
    margin: 0 !important;
}

#newGarminLiveMsgStop tr:nth-child(3) td:nth-child(1) {
    /*    position: relative;
        top: -176px;*/
    border: 0 !important;
    /* height: 15px !important; */
    /* padding: 0 !important; */
    /* margin: 0 !important; */
}
#newGarminLiveMsgStop tr:nth-child(4) td:nth-child(1) table {
    /*    position: relative;
        top: -239px;*/
    border: 0 !important;
}

#mapaGarminLive {
    height: 445px !important;
}

input#searchGarminLive {
    height: 25px;
    width: 200px !important;
    margin-right: 14px;
    margin-left: -77px;
}
.garminLiveMsgStopPlaces {
    margin-top: -31px !important;
    margin-left: 2px !important;
    margin-bottom: 7px !important;
    height: 98px !important;
    background: #fff !important;
}
input#lonGarminLiveNewMsgStop, input#latGarminLiveNewMsgStop {
    height: 25px;
    width: 199px;
}
#newGarminLiveMsgStop tr:nth-child(4) td:nth-child(1) table tr:nth-child(1){

}

#newGarminLiveMsgStop tr:nth-child(4) td:nth-child(1) table tr:nth-child(2) td:nth-child(1){
    line-height: 10px;
    vertical-align: top;
    padding-top: 13px !important;
}

#newGarminLiveMsgStop tr:nth-child(4) td:nth-child(1) table tr:nth-child(2) td:nth-child(1) small{
    top: 77px;
    position: relative;
}
textarea#trescGarminLiveNewMsgStop {
    height: 73px !important;
    border-color: #c1c1c1;
}
input#counterLiveStop {
    height: 30px !important;
    width: 30px;
}
#newGarminLiveMsgStop tr:nth-child(4) td:nth-child(1) table tr:nth-child(3) td:nth-child(1) {
    top: 3px !important;
    left: -9px;
    position: relative;
}
#newGarminLiveMsgStop tr:nth-child(4) td:nth-child(1) table tr:nth-child(1) td:nth-child(1) {
    left: -9px;
    position: relative;
}
#newGarminLiveMsgStop tr:nth-child(3) {
    height: 10px !important;
    line-height: 21px !important;
}
a#searchGarminLive_btn, a#searchGarmin_btn {
    height: 19px;
}
a#searchGarmin_btn {
    margin-left: 10px;
}
.garminLiveMsgStopPlaces {
    border-radius: 0 !important;
    border-color: #c1c1c1 !important;
    width: 520px !important;
}
.col-lg-1.addNewMsgClass {
    margin-top: 6px;
    margin-left: -12px;
}
.messager-button {
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;
    background-color: #d4d5dc;
    margin-top: 24px !important;
}
span.defDelateClass {
    /*width: 300px !important;*/
    text-align: center;
    display: table;
    font-size: 16px;
    font-weight: 100;
    padding-top: 23px;
}
.messager-body.panel-body.panel-body-noheader.panel-body-noborder.window-body.window-body-noheader div:nth-child(1) {
    display: none;
}
tr.smsNewDef td:nth-child(2) div {
    width: 100% !important;
    margin-bottom: 100px;
}


#header #top {
    display: -webkit-box !important;
    height: auto !important;
    min-height: 63px;
}
#navbar ul.nav {
    display: inline-block !important;
    height: auto !important;
    margin-bottom: 2px;
}

li#nav_status,
li#nav_raporty,
li#nav_raporty_opl,
li#nav_tunnels,
li#nav_rtt,
li#nav_reminders,
li#nav_tachograph,
li#nav_adm,
li#nav_serwis,
li#nav_files,
li#nav_alerty,
li#nav_garmin,
li#nav_eco,
li#nav_reminders,
li#nav_reminders,
li#nav_kontenery,
li#nav_user,
li#nav_password,
li#nav_logout,
li#nav_oldapp,
li#nav_sms,
li#nav_instruction,
li#pusty{
    height: 58px !important;
}

li#nav_user,li#nav_password,li#nav_logout, li#nav_oldapp, li#nav_instruction{
    margin-top: 0px !important;
}
li#nav_kontenery {
    margin-right: 63px;
}
div#s2id_appLang {
    position: relative;
    top: 12px;
}
ul.nav li ul.sub-menu {
    z-index: 123000 !important;
}
.garminMsgStopPlaces {
    margin-top: -34px !important;
    height: 88px !important;
    background-image: none!important;
    border: 1px solid #c1c1c1 !important;
    border-radius: 0 !important;
}
textarea#trescGarminNewMsg {
    width: 100% !important;
    border: 1px solid #c1c1c1;
    height: 185px !important;
}
.smallClass {
    position: relative !important;
    top: 197px !important;
}
.smallClass2{
    position: relative !important;
    top: 191px !important;
}
textarea#trescGarminLiveNewMsg {
    border-color: #c1c1c1;
    height: 201px !important;
}
a.button.buttonRefreshOuts img {
    position: relative;
    top: -4px;
    left: 8px;
    width: 10px;
}

#top .meta {
    display: inline !important;
    float:right !important;
    position: absolute !important;
    right: 0 !important;
    padding-right:0px !important;
    margin-top: 1px !important;
    z-index: 1;
}
a#podmenuUstawieniaChangePWD {
    margin-left: 0 !important;
}

.scrollFixGMAP .pop_other_right {
    font-size: 81%;
    text-align: right;
    padding: 0px !important;
    height: 9px;
    line-height: 7px;
    position: relative;
    left: 0px;
}
#layoutReminders .button, .settingsTabs .button,#layoutReminders .button:hover, .settingsTabs .button:hover  {
    padding-right: 8px !important;
}
.pagination-info {
    font-size: 10px;
    margin-right: 20px;
}
#addNewFleetForUser .col-lg-2{
    margin: 0;
    padding: 0;
}
a#addNewFlota span {
    position: relative;
    top: -2px;
}
a#addNewFlota {
    position: relative;
    /*left: -76px;*/
    /*top: 8px;*/
}
a.button:hover, input.button:hover {
    border: 0 !important;
    background: #e2e2e2;
    color: #000;
}
div#popupMessages {
    overflow: auto !important;
    display: block;
}

.tabs-p-tool a:hover, .tabs li a:hover.tabs-close, .tabs-scroller-over {
    background-color: transparent;
}

textarea#msgOrder {
    width: 448px !important;
    border-color: #c1c1c1;
}
a#addNewOrderBilling {
    font-size: 10px;
    width: auto !important;
    position: relative;
    top: 3px;
}
a#addNewOrderBilling:hover{
    text-decoration: none;
}
div#ordersBillingProgres {
    border-color: #c1c1c1;
    position: relative;
    top: 4px;
}
img.billingImgClass{
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 123;
}
#layoutOrdersBilling .col-lg-2{
    margin: 6px 10px 0 5px;
    padding: 0;
}
#addNewContainerToolbar .col-lg-2{
    margin: 10px;
    padding: 0;
}
a#addNewContainer {
    height: 20px;
    position: relative;
    top: 3px;
    left: -8px;
}
img.addNewContainerToolbarImg{
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 123;
}

.layout-expand-west .panel-body {

    background: rgb(98,101,122) !important;
    background: -moz-linear-gradient(top,  rgba(98,101,122,1) 0%, rgba(121,124,144,1) 100%) !important;
    background: -webkit-linear-gradient(top,  rgba(98,101,122,1) 0%,rgba(121,124,144,1) 100%) !important;
    background: linear-gradient(to bottom,  rgba(98,101,122,1) 0%,rgba(121,124,144,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62657a', endColorstr='#797c90',GradientType=0 ) !important;

    width: 28px !important;
}
.layout-expand-west .panel-header {
    background: #fff !important;
    border-top: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}
.map_route_popup tr:nth-child(even) {
    background-color: #f1f1f1;
}

.window input[type="text"] {
    height: 26px;
    line-height: 17px;
}

input#billing_time {
    position: relative;
    top: -6px;
    font-size: 10px;
}
textarea#billingMsg {
    height: 100px !important;
    margin-bottom: 55px;
    border: 1px solid #c1c1c1 !important;
}

ul.nav2 {
    position: relative !important;
    min-width: 362px;
    float: right !important;
    margin-right: 0px;
}
table.trackMeTable table td[field="name"] {
    border-right: 0px !important;
    width: 395px;
}
table.trackMeTable table td[field="name"] div {
    border-right: 0px !important;
    width: 395px;
}
input#query {
    position: relative;
    top: -13px;
    width: 100% !important;
}
textarea#console {
    line-height: 17px;
    border-color: #c1c1c1;
    width: 100% !important;
}

.gm-style-iw input {
    margin-bottom: 0px;
    padding: 0px 5px;
}

.statvalue {
    font-size: 35px;
    color: #222539;
    padding: 27px 0 15px 0;
    font-weight: 700;
}

.classforclusterpopup {
    background-color: #2d2f43 !important;
    color: #fff;
}

.classforclusterpopup .gm-style-iw-d::-webkit-scrollbar-track-piece {
    border-bottom: 0px solid #2d3042;
    background-color: #2d3042;
    border-right: 0px solid #2d3042;
    border-top: 0px solid #2d3042;
}

.classforclusterpopup .gm-style-iw-d::-webkit-scrollbar-thumb {
    background-color: #2d3042;
}

.classforclusterpopup .gm-style-iw-d::-webkit-scrollbar-corner {
    border-right: 0px solid #2d3042;
}

.classforclusterpopup .gm-style-iw {
    top:15px !important;
    left:0 !important;
    border-radius:2px;
}
.classforclusterpopup>div:first-child>div:nth-child(2) {
    display:none;
}
/** the shadow **/
.classforclusterpopup>div:first-child>div:last-child {
    left:0 !important;
    top:0px;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px;
    z-index:-1 !important;
}

.classforclusterpopup .gm-style-iw,
.classforclusterpopup .gm-style-iw>div,
.classforclusterpopup .gm-style-iw>div>div {
    width:100% !important;
    max-width:100% !important;
}
/** set here the width **/
.classforclusterpopup,
.classforclusterpopup>div:first-child>div:last-child {
    /*width:342px !important;*/
}

.classforclusterpopup {
    padding: 0px !important;
    top: 0 !important;
    left: 0 !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgb(35, 39, 57);
    border-radius: 2px 2px 0 0;
    border-radius: 5px !important;
}

.classforclusterpopup .gm-ui-hover-effect {
    display: none !important;
}

/** close-button(note that there may be a scrollbar) **/
.classforclusterpopup>div:last-child {
    top:1px !important;
    right:0 !important;
}

.scrollFixGMAPClusterPopup {
    font-size: 11px;
    font-weight: 500;
    width: 140px;
    overflow-y: auto !important;
}

.scrollFixGMAPClusterPopup tr {
    background: transparent;
}
.scrollFixGMAPClusterPopup tr:hover {
    background-color: transparent !important;
}

.scrollFixGMAPClusterPopup::-webkit-scrollbar-thumb {
    background-color: #fff;
}


.scrollFixGMAPClusterPopup::-webkit-scrollbar {
    width: 2px;
}
.scrollFixGMAPClusterPopup::-webkit-scrollbar-track-piece {
    border-right: 2px solid #232739;
}
.scrollFixGMAPClusterPopup::-moz-scrollbar {
    width: 2px;
}
.scrollFixGMAPClusterPopup::-moz-scrollbar-track-piece {
    border-right: 2px solid #232739;
}
.scrollFixGMAPClusterPopup::-webkit-scrollbar-track-piece {
    border-bottom: 2px solid #242839;
    border-top: 2px solid #242839;
}

.scrollFixGMAPClusterPopup {
    scrollbar-color: #fff #232739;
    scrollbar-width: thin;
}

.scrollFixGMAPClusterPopup {
    padding:0px;
}

.scrollFixGMAPClusterPopup table {
    display: table !important;
}

.markerClusterPopupTable tr {
    background-color: transparent !important;
}

.markerClusterPopupTable tr.oddClusterPopup {
    background: #22263a !important;
}


@media screen and (max-width: 1820px) {
    ul.nav2 {
        width: 100%;
        position: relative;
        top: 60px;
        z-index: 100000;

    }
    #top {
        min-height: 88px !important;
    }
}
/* @media screen and (max-width: 1435px) {
   ul.nav2 {
      width: 100%;
      position: relative;
      top: 120px;
      z-index: 100000;

   }
}
*/
@media screen and (max-width: 1820px) {
    ul.nav li a:hover {
        background: transparent !important;
        background-color: transparent !important;
    }
}
@media screen and (max-width: 1820px) {
    ul.nav2 li a span.nav_txt{
        position: relative;
        top: -3px;
    }
}
@media screen and (max-width: 1820px) {
    ul.nav li a span.nav_txt:hover {

    }
}
@media screen and (max-width: 1820px) {
    ul.nav2 #nav_user span:first-child,
    ul.nav2 #nav_password span:first-child,
    ul.nav2 #nav_logout span:first-child,
    ul.nav2 #nav_oldapp span:first-child
    {
        display: none;
    }
}
@media screen and (max-width: 1820px) {
    #s2id_appLang img{
        display:block;
    }
}
@media screen and (max-width: 1820px) {
    #s2id_appLang{
        position: relative !important;
        top: -6px !important;
        left: 14px;
    }
}
@media screen and (max-width: 1820px) {
    ul.nav2 a{
        border-left: 0 !important;
        border-right: 1px solid #56596B !important;
        border-bottom: 0 !important;
    }
}

@media screen and (max-width: 1820px) {
    .nav2 li{
        max-height: 22px !important;
    }
}
@media screen and (max-width: 1820px) {
    .nav2 li a{
        max-height: 22px !important;
    }
}

@media screen and (max-width: 1820px) {
    #s2id_appLang span span {
        position: relative;
        top: -1px;
    }
}

@media screen and (max-width: 1180px) {
    .omnibox {
        margin: 0px 15px 15px 0px !important;
        right: -15px !important;
        top: 70px;
        left: auto !important;
        z-index: 100;

    }
}
@media screen and (max-width: 1180px) {
    div#s2id_selectDriverPozycja {
        width: 109px !important;

    }
}

div#popupRaportGlowny {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}


legend {
    display: inline-block;
    margin-bottom: 26px !important;
}

.historiaBigContent_content .panel-body tr.datagrid-row-selected {
    background: #e8e8ee !important;
}


.datagrid-header-row input[type="checkbox"], .datagrid-row input[type="checkbox"] {
    margin-top: 0px;
}


.wiadomosciTabs a.buttonRefreshOuts {
    float: left;
}


.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl {
    text-align: left;
}
.ui-timepicker-div dl dt {
    float: left;
    clear:left;
    padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
    margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
    font-size: 90%;
}
.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide{
    display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: none;
    color: inherit;
    border: none;
    outline: none;
    border-bottom: solid 1px #555;
    width: 95%;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
    border-bottom-color: #aaa;
}

.ui-timepicker-rtl{
    direction: rtl;
}
.ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt{
    float: right;
    clear: right;
}
.ui-timepicker-rtl dl dd {
    margin: 0 40% 10px 10px;
}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
    padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
    display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
    display: block;
    padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
    text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
    display:inline-block;
    margin:0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
    content:':';
    display:inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
    content:'.';
    display:inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{
    display: none;
}

ul.nav li a {
    border-width:1px;
    height: 56px;
}
button.gm-control-active.gm-fullscreen-control {
    left: 0;
}
@media screen and (max-width: 1820px) {
    ul.nav li a {
        padding-left:9px;
        padding-right:9px;
    }
    ul.nav li a {
        font-size: 10px;
    }
    .badge {
        z-index: 99;
    }
    ul.nav2 {
        top: 0;
        min-width: auto;
        width: auto;
    }
    #top .meta {
        width: 100%;
        background: #3e4358;
        top: 64px;
    }
    #s2id_appLang a {
        top: -3px;
    }


}

@media screen and (min-width: 1820px) {
    #top {
        min-height: 60px !important;
    }
}

@media screen and (max-width: 1258px) {
    .omnibox {
        margin: 0px 0 15px -300px !important;
        left: 100% !important;
        top: 46px;
        z-index: 100;
    }
}

@media screen and (max-height: 660px) {
    .mapPopup_popupClass tr {
        height: 14px !important;
        line-height: 14px !important;
        background-color: #fff;
    }
    .mapPopup_addressClass {
        font-size: 10px;
        line-height: 10px;
        height: 15px;
    }
    .nowaClass table.mapPopup_table tr:first-child {
        height: 24px !important;
    }
    .mapPopup_iconsClass {
        min-height: 27px;
        padding: 0px 0;
    }
    .mapPopup_inputsbClass {
        background-repeat: no-repeat;
        margin-left: 7px;
        height: 28px;
        width: 28px;
        margin-top: -1px;
    }
    .mapPopup_carnameClass {
        font-size: 13px;
        padding-top: 6px;
    }
    .mapPopup_nr_rejestracyjnyClass {
        color: #bbbdc3;
        margin: 0;
        padding: 4px 8px 2px 8px;
    }



}


.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



/********* mozilla fix 3 columns raport submenu **********/

#nav_raporty .sub-menu li {
    float: left;
    list-style: outside none none;
    width: 33%;
    min-width: 200px;
}
#nav_raporty .sub-menu {
    min-width: 600px;
    -moz-column-count: auto !important;
    -moz-column-gap: normal;
}






/********* update topbar **********/

#top .logo a img {
    top: 4px;
}
@media screen and (max-width: 1820px) {
    #select2-appLang-container span img {
        position: relative;
        top: -3px !important;
        left: -4px;
    }
    #pusty > div{
        top: 0 !important;
        margin-right: 0 !important;
    }
    #top .select2-container .select2-selection--single{
        height: 23px !important;
        padding-left: 4px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 22px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 20px !important;
    }


    #header > #navbar{
        overflow-x: auto;
        white-space: nowrap;   
        scrollbar-width: none;
    }
    #header #navbar::-webkit-scrollbar { 
        display: none;
    }
    #navbar > ul.nav {
        display: flex !important;
        padding: 0;
        margin: 0;
        list-style: none;
        flex-wrap: wrap;
        width: 100vw;
        padding-bottom: 0px;
    }
    #navbar > ul.nav > li{
        display: inline-block;
        min-height:60px
    }
    #top .meta {
        width: 100vw;
        background: #3e4358;
        top: auto !important;
        bottom: 0;
        height: 25px;
        left: 0;
        z-index: 99;
    }
    #top .meta ul.nav li a {
        font-size: 10px;
        width: auto;
    }
    span.nav_txt {
        text-wrap: nowrap;
    }
}
@media screen and (max-width: 1000px) {
    #header #top {
        display: flex !important;
        flex-direction: column;
    }
    #top .logo {
        float: left;
        display: flex;
        margin-left: 10px;
        margin-top: 3px;
        width: 100vw;
        height: 62px;
        justify-content: center;
    }
    #header #navbar {
        margin-left: 0;
        position: relative;
        top: -24px;
    }
    #navbar > ul.nav > li {
        display: inline-block;
        min-height: 60px;
        width: calc(100vw / 8);
    }
    span.nav_txt {
        text-wrap: nowrap;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: block;
    }
    ul.nav li a {
        width: 100%;
    }
    body{
        overflow: auto;
    }
    .toolTopMenu {
        display: flex;
        flex-direction: column;
        right: 12px;
        height: auto;
        width: 43px !important;
        top: 84px !important;
    }
    .omnibox {
        margin: 0px 0 15px -312px !important;
        left: 100% !important;
        top: 0;
        z-index: 999;
    }
    .toolTopMenu .divButton {
        cursor: pointer;
        float: left;
        height: 37px;
        width: 43px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
    }
    .divButton img{
        padding: 0 !important;
        margin: 0 !important;
    }
    .mapProgress_div {
        height: 37px;
    }
    div#showhideomnibox {
        display: none;
    }
    div#raports-submenu-id {
        z-index: 9999;
    }
    div#raports-submenu-id {
        width: 100vw !important;
        left: -100px !important;
        display: grid;
        grid-auto-columns: auto;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        gap: 0px 0px;
        grid-template-areas: ". .";
        align-items: start;
        justify-items: start;
        position: absolute;
        max-height: fit-content;
    }
    #header #navbar {
        position: relative;
        z-index: 9999 !important;
    }
}
@media screen and (max-width: 600px) {
    #navbar > ul.nav > li {
        display: inline-block;
        min-height: 60px;
        width: calc(100vw / 5);
    } 
}
@media screen and (max-width: 400px) {
    #navbar > ul.nav > li {
        display: inline-block;
        min-height: 60px;
        width: calc(100vw / 3);
    } 
}