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

.gm-style-iw-tc {
    display: none;
}

.tooltip-bottom, .tooltip-top, .tooltip-left, .tooltip-right {
    opacity: 1 !important;
}

#topMenuChangeData {
    margin-left: 0px;
    width: 100px;
    border-left: 0px;
    padding-left: 10px !important;
}

/*#nav_pass_cover {
    border-radius:0;
    display: none;
    position: absolute;
    width: 100%;
    height: 53px;
    background: #13141a;
    z-index: -1;
    top: 0px;
}*/

#nav_user .sf-with-ul {
    margin: 0px;
}

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

ul.nav li a {
    color: #fff !important;
}

.historiaBigContent_content .datagrid-body {
    padding-bottom: 30px;
}

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

#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;
    font-size: 10px;
}

.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: -1px;
    padding: 5px 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;
}

.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: 2px;
}

.strefyBigContent .col-lg-6 {
    padding: 2px;
    margin: 0;
}

.historiaBigContent .col-lg-12, .strefyBigContent .col-lg-12 {
    padding: 2px 2px;
}

.historyTxt {
    /*    margin-top:10px;*/
}

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

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

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 .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: 16px;
    left: 17px;
    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;
}

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

.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: 34px !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: -1px;
    left: 20px;
}

#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: 60px !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.oddClusterPopup {
    background: #22263a !important;
}


@media screen and (max-width: 1750px) {
    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: 1750px) {
    ul.nav li a:hover {
        background: transparent !important;
        background-color: transparent !important;
    }
}

@media screen and (max-width: 1750px) {
    ul.nav2 li a span.nav_txt {
        position: relative;
        top: -3px;
    }
}

@media screen and (max-width: 1750px) {
    ul.nav li a span.nav_txt:hover {

    }
}

@media screen and (max-width: 1750px) {
    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: 1750px) {
    #s2id_appLang img {
        display: block;
    }
}

@media screen and (max-width: 1750px) {
    #s2id_appLang {
        position: relative !important;
        top: -6px !important;
        left: 14px;
    }
}

@media screen and (max-width: 1750px) {
    ul.nav2 a {
        border-left: 0 !important;
        border-right: 1px solid #56596B !important;
        border-bottom: 0 !important;
    }
}

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

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

@media screen and (max-width: 1750px) {
    #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;
}

button.gm-control-active.gm-fullscreen-control {
    left: 0;
}

@media screen and (max-width: 1750px) {
    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: 1750px) {
    #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;
}

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