body {
    overflow-y: hidden;
}

.lostemailbody{
    font-family: 'Lato', sans-serif !important;
    overflow: hidden;
}
.panel-body{
    padding: 0 !important;
    border:0;
}
.logo img{
}
.paddingTop10, .dloki td, #cycleTrPojazd.td{
    padding-top: 10px;
}

.tooltip {
    background-color: #039de4;
    border-color: #039de4;
    color: #fff;
}
.tooltip .tooltip-arrow-outer {
    border-bottom-color: rgb(3 157 228) !important;
}
.tooltip .tooltip-arrow {
    border-bottom-color: rgb(3 157 228) !important;
}


.bdfuelraportpaliwowy {
    color: red;
    float: left;
}
.bdfuelraportpaliwowyinfo {
    background-color: red;
    display: block;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    float: left;
    border-radius: 15px;
    text-align: center;
    color: #fff;
}

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

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

.gm-fullscreen-control, .gm-bundled-control {
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}

#manualdelegation_div2 .ui-datepicker-trigger {
    top: 3px !important;
}

#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/tacho/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/tacho/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/tacho/offense-icons-sprite.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-position: -40px 0px;
    float: left;
}

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

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


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

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

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

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

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

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

#offenseLTC_1 {
    background-color: #f4be29;
}

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

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

#offenseLTC_2 {
    background-color: #f22b24;
}

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

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

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


.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: #161515;
    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;
    color: white;
}
.mapPopup_ltc_box_green {
    background-color: #48ac21;
}
.mapPopup_ltc_box_red {
    background-color: #f80225;
}






.mapcontextmenu{
    visibility:hidden;
    background: #17486b;
    border:1px solid #1a476a;
    z-index: 10;
    position: relative;
    width: 140px;
    color: #fff;
}

.mapcontextmenu a {
    color: #fff !important;
    text-decoration: none !important;
}

.mapcontextmenu div{
    padding: 5px
}

.mapcontextmenu div:hover{
    background: #279aef;
}



#confirmLongGenHistory {
    width: auto !important;
    margin-bottom: 10px !important;
}

.googlecontrols_0 {
    left: 0px !important;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}

.googlecontrols_1 {
    left: 333px !important;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}

.googlecontrols_2 {
    left: 555px !important;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}

.googlecontrols_3 {
    left: 731px !important;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}

.googlecontrols_4 {
    left: 505px !important;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}

.driversfleetsdiv .select2-container-multi .select2-choices {
    background-color: #8193a7 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #8193a7), color-stop(15%, #8193a7));
    background-image: -webkit-linear-gradient(top, #8193a7 1%, #8193a7 15%);
    background-image: -moz-linear-gradient(top, #8193a7 1%, #8193a7 15%);
    background-image: -o-linear-gradient(top, #8193a7 1%, #8193a7 15%);
    background-image: -ms-linear-gradient(top, #8193a7 1%, #8193a7 15%);
    background-image: linear-gradient(top, #8193a7 1%, #8193a7 15%);
}


.badge {
    display: none;
}

#mapabig_layout_south_charts g.highcharts-range-selector-buttons text:first-child {
    color: #ffffff !important;
    fill: #ffffff !important;
}

#floatLeft_sendGarminPlanning2 {
    float: left;
}
#floatLeft_assignPlanning2 {
    float: left;
}
#floatLeft_assignEditPlanning2 {
    float: left;
}
#floatLeft_cancelRoutePlanning2 {
    float: left;
}

.komunikator_msg_send_time, .komunikator_msg_recived_time {
    font-size: 9px;
}
.planning_2_search_point {
    background: #fff;
}
.planning_2_search_number {
    cursor: pointer;
}

#planning2RouteInfo {
    padding: 5px !important;
    line-height: 18px;
    background: #029de4;
    border: 1px dashed #14486b;
    margin-top: 10px !important;
    color: #fff;
    margin-left: 16px !important;
    display: none;
    height: 110px;
    margin-bottom: 10px !important;
}

#planning2Name::placeholder {
    color: #e0e0e0;
}
#planning2Width::placeholder {
    color: #e0e0e0;
}
#planning2NameAssignTemplate::placeholder {
    color: #e0e0e0;
}
#planning2WidthAssignTemplate::placeholder {
    color: #e0e0e0;
}
#filterinputusersoffice::placeholder {
    color: #e0e0e0;
}
#nameoffice::placeholder {
    color: #e0e0e0;
}

#popupMessages .popup_tab_users_office_div .panel {
    margin-bottom: 0px !important;
}

#planning2RouteInfo table {
    border: 0px;
    width: 100%;
    margin-left: 10px;
}

#planning2RouteInfo tr {
    background-color: transparent;
}

#editPlanning2Route_table .textbox-text {
    height: 20px;
}
#editPlanning2Route_table .textbox-text::selection {
    background: transparent;
}

#planning2SettingsTime .textbox-text {
    height: 20px;
}
#planning2SettingsTime .textbox-text::selection {
    background: transparent;
}
#planning2SavePopup .textbox-text {
    height: 20px;
}
#planning2SavePopup .textbox-text::selection {
    background: transparent;
}

#assignRoute_table .textbox-text {
    height: 20px;
}
#assignRoute_table .textbox-text::selection {
    background: transparent;
}
#popupforall .textbox-text {
    height: 20px;
}
#popupforall .textbox-text::selection {
    background: transparent;
}

#planning2AssignTemplate .textbox-text {
    height: 20px;
}

input#toolChartsMenuExpander {
    position: absolute;
    left: 50%;
    background: #009de4;
    height: 17px;
    width: 41px;
    border: 0;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer;
    z-index: 2;
    display: none;
}

input.toolOnUp[type="checkbox"]:checked, input.toolOnUp[type="checkbox"]:checked:active {
    background-image: url(../img/new_expander_up.png) !important;
    background-repeat: no-repeat !important;
    background-size: 14px auto !important;
    background-position: 14px 2px !important;
    background-color: #009de4 !important;
}
input.toolOffDown {
    background-image: url(../img/new_expander_down.png) !important;
    background-repeat: no-repeat !important;
    background-size: 14px auto !important;
    background-position: 14px 2px !important;
}

input#toolLeftMenuExpander {
    position: absolute;
    top: 50%;
    left: 420px;
    background: #009de4;
    height: 41px;
    width: 17px;
    border: 0;
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
    z-index: 2;
}
#toolLeftMenuExpander.linearhide {
    -webkit-transition: left 0.3s linear;
    -moz-transition: left 0.3s linear;
    -o-transition: left 0.3s linear;
    transition: left 0.3s linear
}

#layoutMapa .layout-expand-west {
    display: none !important;
}
#mapabig_layout .layout-expand-south {
    display: none !important;
}
#mapabig_layout .layout-button-down {
    display: none !important;
}



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


#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-bottom: 18px;
    margin-left: 15px;
    color: #ABABAB;
}

.komunikator_msg_recived {
    background-color: #f4f4f4;
    border-radius: 0 10px 10px 10px;
    width: auto;
    padding: 10px 17px;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-right: 30px;
    display: inline-block;
    font-size: 13px;
    border: 1px solid #dcdcdc;
}

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

.komunikator_msg_send {
    color: #fff;
    background-color: #009de4;
    border-radius: 10px 0px 10px 10px;
    width: auto;
    padding: 10px 17px;
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-right: 15px;
    display: inline-block;
    font-size: 13px;
    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 #269aef;
    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 #269aef;
    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: 15px;
    background: #F9F9F9;
    float: left;
}

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

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

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

.badgesettingsEnvelope {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 20px;
    color: red;
    display: none;
    cursor: pointer;
    width: 16px;
    z-index: 19999999;
}

.badgesettingsDriverEnvelope {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 20px;
    color: red;
    display: none;
    cursor: pointer;
    width: 16px;
    z-index: 19999999;
}

.badgesettingsDMap {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 20px;
    color: red;
    display: none;
}

.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_send_point_to_driver {
    display: inline-block;
    cursor: pointer;
    margin-top: 8px;
    overflow: hidden;
    float: left;
    background-repeat: no-repeat;
    background-image: url(/leon/img/map_send_point_to_driver.png);
    width: 22px !important;
    height: 21px;
    margin-left: 52px;
}

.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(/leon/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;
    cursor: pointer;
    color: #fff;
    opacity: 0.7;
    border-radius: 4px;
    line-height: 20px;
    position: relative;
}

.chooseReport {
    float: left;
    height: 30px;
    width: 120px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    background: #a8aab6;
    cursor: pointer;
    color: #fff;
    opacity: 0.7;
    border-radius: 4px;
    line-height: 14px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chooseDriverChart {
    float: left;
    height: 20px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    background: #a8aab6;
    cursor: pointer;
    color: #fff;
    opacity: 0.7;
    border-radius: 4px;
    line-height: 20px;
    position: relative;
}


.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;
}
.chooseChart_9 {
    background: #17486b;
    opacity: 1;
}
.chooseChart_10 {
    background: #01a8b8;
    opacity: 1;
}
.chooseChart_11 {
    background: #008b98;
    opacity: 1;
}
.chooseChart_12 {
    background: #71ce82;
    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: #269aef;
    height: 24px;
}

#mapabig_layout > .layout-panel-south > .panel-header > .panel-title {
    background-color: #269aef;
    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: #fff;
    /* background-image: url(../img/toolTopMenuBg.png); */
    z-index: 100;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    font-size: 11px;
    color: #666;
    padding: 5px;
}
#apoi_options input::placeholder {
    color: #c7c7c7;
    font-size: 10px;
}
#apoi_options label[for="apoiName"] {
    margin-left: 7px;
}
input#apoiRadius {
    min-width: 59px;
}
#apoi_close .apoibtn {
    background-color: #009de4;
    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: 1;
    line-height: 30px;
    color: #fefefe;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0 19px;
    margin: 9px auto 2px auto;
}
#apoi_options {
    display: none;
    position: absolute;
    top: 0px;
    left: 420px;
    height: auto;
    width: 300px;
    /* background-image: url(../img/toolTopMenuBg.png); */
    background: #fff;
    z-index: 100;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 11px;
    color: #666;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
#apoi_options .apoibtn, #apoiAlerts_popup .apoibtn, .apoiPopupFromMap .apoibtn {
    background-color: #009de4;
    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;
    text-align: center;
    vertical-align: top;
    margin-left: 0;
    cursor: pointer;
    opacity: 1;
    line-height: 30px;
    color: #fefefe;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0 19px;
    width: auto !important;
}
#apoi_options input {
    background-color: #8293a7;
    color: #fff;
    border: 0;
    padding: 0px 0 0 9px;
    height: 23px;
    width: 189px;
    outline: none;
    margin-right: 0px;
    margin-bottom: 5px;
    border-radius: 4px;
}
#apoi_options input[type="checkbox"] {
    height: 15px;
    width: 15px;
    margin-right: 6px;
}

#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;
    padding-top: 3px;
}
div#apoi_options_header {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #aaa;
    padding: 3px 0px 9px 0px;
}
#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: auto;
    border-bottom: 1px solid #aaa;
    padding: 3px 0px 9px 0px;
}
#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: #fff;
    border-bottom: 1px solid #d5d5d5 !important;
}
.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: #269aef;
}


.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-stars-map-0 {
    background-image: url(../img/eco_stars_map2.png);
    width: 65px;
    height: 11px;
    background-position: 0px 90px;
    background-position-x: 0px;
    background-position-y: 67px;
}
.eco-stars-map-1 {
    background-image: url(../img/eco_stars_map2.png);
    width: 65px;
    height: 11px;
    background-position: 0px 77px;
    background-position-x: 0px;
    background-position-y: 56px;
}
.eco-stars-map-2 {
    background-image: url(../img/eco_stars_map2.png);
    width: 65px;
    height: 11px;
    background-position: 0px 62px;
    background-position-x: 0px;
    background-position-y: 45px;
}
.eco-stars-map-3 {
    background-image: url(../img/eco_stars_map2.png);
    width: 65px;
    height: 11px;
    background-position: 0px 47px;
    background-position-x: 0px;
    background-position-y: 45px;
}
.eco-stars-map-4 {
    background-image: url(../img/eco_stars_map2.png);
    width: 65px;
    height: 11px;
    background-position: 0px 9px;
    background-position-x: 0px;
    background-position-y: 23px;
}
.eco-stars-map-5 {
    background-image: url(../img/eco_stars_map2.png);
    width: 65px;
    height: 11px;
    background-position: 0px 16px;
    background-position-x: 0px;
    background-position-y: 11px;
}


.ui_tpicker_time_label, .ui_tpicker_time, .ui_tpicker_hour_label, .ui_tpicker_minute_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: #444;
    background: none;
    font-weight: 400;
}
.tabs-p-tool a:hover, .tabs-scroller-over {
    background-color:#269aef !important;
}

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

    color: #0E2D5F;
}


.tabs-scroller-left,.tabs-scroller-right{
    background-color:#269aef;
}

.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: #fff;
}

#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 #16486b;
    -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: #009de4;
}
.select2-dropdown-open a{
    color:#000 !important;

}
.top-language-select span.select2-chosen span span {
    position: relative;
    top: -2px;
    font-size: 10px !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: 11px !important;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 0;
    color: #fff;
}

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


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

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

.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 #dcdcdc !important ;
}
.backgroundColor {
    padding: 17px 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: #269aef;
    top: 2px;
    position: relative;
}

.fa-angle-double-right:before {
    content: "\f054" !important;
    font-size: 9px;
    color: #269aef;
    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; */
    background: #eaeaea;
    background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 38%, #ffffff 38%);
    background: -webkit-linear-gradient(top, #eaeaea 0%,#ffffff 38%,#ffffff 38%);
    background: linear-gradient(to bottom, #eaeaea 0%,#ffffff 38%,#ffffff 38%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
    color: #444;
}

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;
    transition:all 0.2s ease;
}

a#floatLeft {
    border: 0 !important;
}

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

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

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

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

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


.window label {
    white-space: nowrap;
    position: relative;
    top: 2px;
}
.window input {
    border: 0;
    background: #8293a7;
    border-radius: 4px !important;
    color: #fff;
}
input::placeholder {
    color: #fff;
}
.window input[type="checkbox"] {
    margin-right: 7px;
    margin-top: 4px;
}

.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 {
    -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: 'Lato', sans-serif !important;
    border: 0;
}

.window .window-body {
    border: 0;
}
.window .window-header {
    background-color: #16486b;
    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;
    transition:all 0.2s ease;
}

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

.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: #269aef;
    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: #269aef;
    opacity: .7;
}
.toolTopMenu {
    background: #fff;
    position: absolute;
    right: -2px;
    width: 55px !important;
    top: 25px;
    border-radius: 2px;
    height: 100%;
    padding: 0px;
}
.toolTopMenu .divButton {
    cursor: pointer;
    height: 34px;
    width: 34px;
    text-align: center;
    margin: 8px auto;
    background: #eaeaea;
    border-radius: 9px;
    transition:all 0.2s ease;
}
.selected_map_second_menu {
    background-image: none !important;
    background-color: #269aef;
    opacity: 1;
    border-right: 0;
}


.divButton img.toolTopMenuOn{
    display:none
}
.selected_map_second_menu > img.toolTopMenuOff{
    display:none;
}
.selected_map_second_menu > img.toolTopMenuOn{
    display:inline !important;
}




.selected_map_second_menu{
    background: #154569 !important;
}
.selected_map_second_menu img {
    filter: brightness(1000%) sepia(0) saturate(0) hue-rotate(0deg);
}




.ui-widget-header{
    background-color:#269aef !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: 30px;
    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: 15px;
    font-size: 11px;
    text-overflow: ellipsis;
}
.mapTabs .panel-body tr:nth-child(even) {
    background: #f6f6f6 !important;
}

.datagrid-header td, .datagrid-body td, .datagrid-footer td {
    border-color: rgba(226, 226, 229, 0.58);
}

.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: 'Lato', 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: #009de4 !important;
}



/* szczegóły pojazdu popup */
#mapPopup_popup {
    width: 320px !important;
}

.mapPopup_table {
    width: 318px !important;
    margin-left: 2px !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: 1;
    z-index: 1;
    position: absolute;
    top: 61px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
table.mapPopup_table > tbody > tr:first-child{

}

td.mapPopup_carnameClass{
    width:80px !important;

}
.mapPopup_carnameClass {
    font-size: 13px;
    margin-left: 11px;
    padding-top: 8px;
    color: #fff;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    text-overflow: ellipsis;
    font-weight: 300;
}

.mapPopup_nr_rejestracyjnyClass {
    font-size: 11px;
    font-weight: 500;
    margin: 1px 0px 0px 0;
    color: #16486b;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    /* float: left; */
    background-color: transparent;
    padding: 0px 10px;
}

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

.mapPopup_inputsbClass {
    background-repeat: no-repeat;
    margin-left: 7px;
    height: 20px;
    width: 20px;
    margin-top: -4px;
    float: left;
    background-image: url(../img/map_popup/map_sprite_new2.png);
    background-size: 290px auto;
}

.mapPopupBg{
    background: #fff;
    height: 135px;
    width: 320px;
    background-repeat: no-repeat;
    background-position: 0px 133px;
    opacity: 0.99;
}

#mapPopup_popup .col-sm-12{
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 15px;
    margin-top: 0;

}
#mapPopup_speed_top {
    width: 100%;
    font-size: 20px;
    text-align: left;
    padding-left: 7px;
    float: left;
}

.mapPopup_speedKM{
    font-size: 20px;
    left: -4px;
    position: relative;
    font-weight: 300;
}
#mapPopup_speedlimit {
    font-size: 10px;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50px;
    float: left;
    color: #000;
    line-height: 20px;
    text-align: center;
    letter-spacing: -.5px;
    margin-top: -7px;
    margin-left: -3px;
}
.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: auto;
    float: left;
    color: #16486b;
    margin-top: 0;
    font-size: 12px;
    font-weight: 700;
    margin-right: 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;
}

.mapPopup_addressClass {
    width: 92%;
    font-size: 10px;
    margin-left: 13px;
    margin-top: 4px;
    color: #16486b;
    /* overflow: hidden; */
    height: 23px;
    line-height: 12px;
}
.mapPopup_addressClass img {
    float: left;
    padding-right: 9px;
}

.mapPopup_icons{
    background-color:#000;
}

.mapPopup_iconsClass {

}

#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: 15px;
    height: 26px;
    position: absolute;
    right: 4px;
    background: url(../js/easyui/themes/default/images/tabs_icons.png) no-repeat -33px center;
    z-index: 9;
    top: 4px;
}
.map_PopupRefresh {
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    background: #f7f7f7;
    opacity: 1;
    width: 320px;
    position: relative;
    font-size: 10px;
    line-height: 18px;
    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: #f3f3f3;
    height: auto !important;
    width: 100%;
}

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

.showPopupTachoChart:hover, .showPopupTachoTime:hover, .showShareCar:hover{
    opacity: .7;
}
#easyTooltip {
    padding: 5px;
    border: 0;
    background: #269aef;
    font-size: 10px;
    color: #fff;
    font-weight: 400;
    letter-spacing: .2px;
    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: 29px;
    line-height: 25px;
    margin-top: 8px;
    width: 276px;
    margin-left: 0px;
    border: 0;
}


#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: 18px !important;
    line-height: 17px !important;
    background-color: #fff;
}
.mapPopup_popupClass tr:nth-child(odd) {
    background-color: #efefef;
}
.pozycjeBigContent .panel-body tr,
.tachoTimeBigContent .panel-body tr,
.historiaBigContent_content .panel-body tr{
    height: 30px;
    line-height: 30px;
    background-color: #fff;
}
.pozycjeBigContent .panel-body td,
.tachoTimeBigContent .panel-body td,
.historiaBigContent_content .panel-body td{
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
}
/*
.panel-body tr:hover{
    background-color: #ededef !important;
}*/
.pozycjeBigContent .panel-body tr:hover,
.tachoTimeBigContent .panel-body tr:hover,
.historiaBigContent_content .panel-body tr:hover{
    background-color: #dce6f2 !important;
}
.pozycjeBigContent .datagrid-header-row,
.tachoTimeBigContent .datagrid-header-row,
.historiaBigContent_content .datagrid-header-row{
    background: #dce6f2; /* Old browsers */

}
.pozycjeBigContent .datagrid-header-row ,
.tachoTimeBigContent .datagrid-header-row td,
.historiaBigContent_content .datagrid-header-row td{
    border-right: 1px solid transparent;
}

/* raporty */
.panel-body input.hasDatepicker {
    border: 0;
    height: 25px;
    position: relative;
    top: 7px;
    border-radius: 4px !important;
    color: #fff;
    min-width: 144px;
}
.panel input[title="Czas podany w sekundach"], .panel input.ignorSecund {
    border: 0;
    height: 25px;
    position: relative;
    top: 0px;
    width: 40px;
    margin-right: 2px !important;
    background: #8293a7;
    border-radius: 5px;
    color: #fff;
}
.panel-body{
    font-size: 11px;
}
.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"]: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,
.web24_gencyclereport:hover,
.web24_genreport:hover,
.web24_btnxls:hover,
.web24_btncsv:hover,
.web24_btnpdf: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"], .web24_genreport,
.web24_btnxls,
.web24_btncsv,
.web24_btnpdf{
    -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;
    border:0;
    font-size:0;
}

.web24_btn[title="Wygeneruj raport"], .web24_genreport {
    /* background: url(../img/tabs20/generuj_raport_btn.png); */
    width: 82px;
    height: 25px;
    position: relative;
    background-color: #16486b;
    top: 1px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}
.web24_btn[title="Ustaw raport cykliczny PDF"], .web24_gencyclereport{
    width:82px;
    height:26px;
    border: 0;
    font-size: 0px;
    margin-left: -46px;
    line-height: 25px;
    border-radius: 3px;
    float: left;
}
.web24_btn[title="Wygeneruj raport XLS"], .web24_btnxls{
    width: auto;
    height: 26px;
    background: #27c46b !important;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    border-radius: 3px;
    border: 0;
    padding: 0 16px;
    float: left;
}

.web24_btn[title="Wygeneruj raport CSV"], .web24_btncsv{
    width: auto;
    height: 26px;
    background: #27c46b !important;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    border-radius: 3px;
    border: 0;
    padding: 0 16px;
    float: left;
}
.web24_btn[title="Wygeneruj raport PDF"], .web24_btnpdf {
    width: auto;
    height: 26px;
    background: #e91e18 !important;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    border-radius: 3px;
    border: 0;
    padding: 0 16px;
    float: left;
}
.ui-datepicker-trigger {
    top: 0px;
    position: absolute;
    cursor: pointer;
    right: 13px;
}
.ui-datepicker-trigger {
    margin-left: 3px;
    margin-top: 9px;
}

.showDelegationOrderType2 .ui-datepicker-trigger {
    position: relative;
    background:url("../img/datepicker_black.png");
    margin-left: 12px;
}


.ui-datepicker-title {
    padding: 6px;
    font-size: 11px;
}

/* Legeenda */

#navMapLegend {
    position: absolute;
    border: 0;
    right: 34px;
    top: 103px;
    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: 'Lato', sans-serif !important;
    font-size: 11px;
}
#navMapLegend_content{
    width:250px;

}

.jspDrag {
    background: #269aef !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;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border: 0;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons {
    width: 320px !important;
    border: 1px solid #8293a75c;
    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);
    transition:all 0.2s ease;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0 6px 0 12px;
    position: relative;
    background-color: #14486b !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    border: 0 !important;
    margin: 0;
    height: 37px;
    line-height: 33px;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 2px;
    padding: 0 1em .5em .4em;
    background: #269aef;
    transition:all 0.2s ease;
}
.ui-dialog-buttonset {
    margin-top: -5px;
}
table#notifyButtonTable,
table#pushWWWNotifyButtonTable {
    /* padding: 20px; */
    background-color: #269aef !important;
    margin: 12px 0 5px -4px;
    /* padding: 0 47px; */
    height: 28px;
    width: 291px;
}
table#notifyButtonTable tr:hover,
table#pushWWWNotifyButtonTable tr:hover {
    background-color: #269aef !important;
}

#notify .ui-icon,
#pushWWWNotify .ui-icon {
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons_white.png) !important;
}
span#notifyCount,
span#pushWWWNotifyCount {
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}
td#notifyImg,
td#pushWWWNotifyImg {
    padding: 6px 11px 6px 6px !important;
}
span#notifyAlert,
span#pushWWWNotifyAlert {
    font-size: 12px;
}


.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;
    transition:all 0.2s ease;
}
/*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: #009de4 !important;
}
.ui-state-highligh{
    border: 1px solid #269aef !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid transparent;
    background: #ffffff;
    font-weight: normal;
    color: #16486b;
    outline: none;
    line-height: 14px;
    padding-top: 5px;
    text-align: center;
    width: 25px;
    height: 24px;
    border-radius: 100px;

}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0;
    border-radius: 0;
}
.ui-widget-header {
    font-weight: normal;
    border: 0;
    color: #ffffff;
}

.labelsGMapDesc {
    height: auto !important;
    font-size: 10px !important;
    border-radius: 0 6px 6px 0px !important;
}

.labelsGMapHide {
    display: none;
}

.labelsGMapShow {
    display: inline;
}

.labelsGMap_mapPopup_speed {
    color: #7e7e7e;
}
#map_search_place_clear {
    display: none;
    background-position: -3px -84px !important;
    width: 14px;
    height: 14px;
    opacity: 1;
    margin-top: 14px !important;
    cursor: pointer;
    position: absolute;
    right: 16px !important;
    z-index: 10003;
}

.searchbutton::before {
    background: url(../img/map_send_point_to_driver_white.png);
    height: 21px;
    width: 21px;
    margin: 9px 0 0 11px !important;
}

.searchbutton {
    width: 38px !important;
}

#closeSearchboxroute {
    background: transparent url(http://maps.gstatic.com/tactile/directions/omnibox/omnibox-sprite-1x-20130906.png) no-repeat 0 0px !important;
    background-size: 20px 100px !important;
    width: 16px !important;
    height: 22px !important;
    background-position: -3px -84px !important;
}

#map_search_place_clear {
    background: transparent url(../img/omnibox-sprite.png) no-repeat 0 0px;
}

#searchboxinput {
    border: 1px solid transparent;
    background: #16486b;
    padding: 0px 0 0 9px;
    margin: 1px;
    margin-left: 5px;
    height: 39px;
    top: 2px;
    width: 100%;
    position: absolute;
    z-index: 6;
    left: 1px;
    outline: none;
    font-size: 11px;
    width: 290px;
    border-radius: 4px;
}
.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: 51px !important;
    margin-left: 6px;
    width: 318px;
    height: 30px;
    background: #fff;
    position: absolute;
    z-index: -1;
    -webkit-transition: 200ms ease-out 0;
    border-radius: 3px;
    min-height: 34px !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
.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;
    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: 9px 0 0 10px !important;
    opacity: 1;
}

/* histroy tab */

.historiaBigContent select{
    color:#000 !important;
}
#historiaBigContentSelect{
    padding-left:5px;
    padding-right:8px;
    margin-top:-4px;
}
#s2id_selectzakresMap{
    padding-right:5px;
    margin-top:-4px;
}
.historiaBigContent .col-lg-6, .historiaBigContent .col-lg-2, .historiaBigContent .col-lg-1, .strefyBigContent .col-lg-12 .col-lg-12{
    padding: 0;
}
.strefyBigContent .col-lg-6{
    padding:0;
    margin: 0;
}
.historiaBigContent .col-lg-12, .strefyBigContent .col-lg-12{
    padding: 0px 5px;
}
.historyTxt{
    /*    margin-top:10px;*/
}
#historiaBigContentSelect img{
    float: left;
    position: absolute;
    margin-top: 6px;
    left: 11px;
    z-index: 100;
}
.historyRangeSelect img{
    float: left;
    position: absolute;
    margin-top: 2px;
    left: 6px;
    z-index: 100;
    width: 12px;
    height: 12px;
}
label.labelHistory {
    margin-right: 3px;
    position: absolute;
    top: 12px;
    left: 9px;
    width: 21px !important;
    font-size: 10px;
    z-index: 10;
    color: #fff;
    text-transform: uppercase;
}
.historiaBigContent input#map_date1_big,
.historiaBigContent input#map_date2_big,
.historiaAnimBigContent input#map_date1_historiaAnim,
.historiaAnimBigContent input#map_date2_historiaAnim{
    width: 100% !important;
    padding-left: 33px;
    padding-top: 6px;
    color: #ececec;
}
.historiaBigContent #gent01BIG {
    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: 11px;
    line-height: 30px;
    float: right;
    text-align: center;
    color: #fffcfc;
    text-decoration: none;
    background-color: #16486b;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
    padding: 0px 20px;
}
#gent01BIG {
    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: 11px;
    line-height: 30px;
    float: right;
    text-align: center;
    color: #fffcfc;
    text-decoration: none;
    background-color: #16486b;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
    padding: 0px 20px;
}

.historiaBigContent #gent01BIG:hover{
    background: #009de4;
}


/* 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: #269aef;
}

[id^=idWykresPracyKierowcy_] .panel-header {


}

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

}





[class^=wykresPracyKierowcyLayout_] .panel-body {
    background: #fff !important;
}
[class^=tableDriverWorkCal_] tr:hover, [class^=tableDriveCal_] tr:hover, [class^=tableInputWorkCal_day_] tr:hover {
    background-color: #fafafb !important;
}
[class^=wykresPracyKierowcyLayout_] .panel-header {
    padding: 11px 0 0 0 !important;
}
[class^=tableDriverWorkCal] tr, [class^=tableDriveCal] tr, [class^=tableInputWorkCal] tr {
    height: auto !important;
    line-height: normal !important;
}
table.driverWorkCal_summary td {
    font-size: 11px;
    line-height: 25px;
}
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: 0px 11px;
    color: #fff;
    font-weight: 400;
    background: rgb(22, 72, 107);
    border-radius: 2px;
    border: 0;
    text-transform: uppercase;
    width: auto;
}
.window a#floatLeft:hover, .window a.l-btn:hover {
    height: 24px;
    line-height: 23px;
    margin-right: 5px;
    padding-right: 11px !important;
    color: #269aef;
    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: 1;
}




.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: #ffffff;
    font-weight: 500;
    border-radius: 3px;
    border: 0;
    box-shadow: none !important;
    background: #16486b;
    text-transform: uppercase;
    font-size: 9px;
    transition:all 0.2s ease;
}
a.newButton:hover, a#floatLeft:hover, a.l-btn:hover{
    opacity: .7;
}

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: #fff !important;
    font-weight: 500 !important;
    background: #8293a7;
    padding: 2px 9px;
    border-radius: 5px;
}
.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 !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;
}

#gent01HistoriaAnim, #watchOrdersStatusGen {
    width: auto;
    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;

    background-color: #16486b;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;

}
#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;
    top: -11px;
    left: -66px;
    height: 26px !important;
    width: 210px !important;
    color: #269aef;
    font-weight: 500;
    border-radius: 0;
    border: 0 !important;
}

#animBtnBoxAll .button_player {
    background: #009de4;
    display: block !important;
    float: left !important;
    text-align: center !important;
    color: #fffcfc !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
    height: 30px;
    width: 30px;
    -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;
    border-radius: 41px;
    margin-right: 2px;
    padding: 16px 0 0 0;
    border: 0;
    font-size: 8px;
}
#animBtnBoxAll .button_player:hover {
    background-color: #fff;
    color: #009de4 !important;
    opacity: 1;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.29);
}
#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: #18486a !important;
    padding: 3px 8px;
    width: 100%;
}

.historiaAnimBigContent .panel-title{
    color: #fff;
    height: 22px;
    padding-left: 10px;
}

.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: -2px;
}
.historiaAnimBigContent span.datagrid-row-expander.datagrid-row-expand {
    width: 15px !important;
    margin-right: 5px;
    background-repeat: no-repeat;
    position: relative;
    top: -2px;
}

.historiaAnimBigContent .datagrid-header-inner td{
    padding-right: 8px;
}

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



/* 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: #269aef;
}

#layoutStatus .panel.portal-panel {
    border: 1px solid #eaeaea !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);
    */
}

#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: 160px;
    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: 0;
    border-right: 0;
}
/*
#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 {
    border-radius: 4px;
    background-color: #16486b;
    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: #16486b;
    color: #D4D4D4;
    padding: 10px;
    margin: 10px 10px 0 10px;
    border-radius: 0px;
    font-size: 10px;
    border-radius: 4px;
}
.inputTrackMe {
    margin-top: 7px;
    background-color: #8293a7;
    box-shadow: inset 0px 1px 5px rgba(0, 0, 0,0);
    color: #fff;
    height: 24px;
    border: 0;
    border-radius: 4px !important;

}

.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;
    transition:all 0.2s ease;
}
.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: #269aef;
}

.panel-title {
    color: #fff;
}

.panel-body table.datagrid-htable tr{
    background: #dce6f2 !important;
}
.panel-body table.datagrid-ftable tr{
    background: #dce6f2 !important;
}
table.datagrid-htable tr:nth-child(2) {
    background: rgba(186, 202, 220, 0.84) !important;
}

.legendaRaoprtStref{
    float: right;
    margin-right: -12px;
    margin-top: 0px;
    padding: 5px;
    width: 545px;
    height: 27px;
}
#gent01HistoriaObszarow{
    width: 79px;
    height: 30px;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0);
}
.web24_btn[title="Wygeneruj raport"]:hover, .web24_genreport:hover {
    background: #009de4;
    text-decoration: none;
}
#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: 2px;
    background-position-y: 4px;
    background-image: url(../img/refresh_icon_20.png) !important;
    background-repeat: no-repeat !important;
    border: 0px !important;
    margin-left: 10px;
    margin-right: 5px;
    width: auto !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: 0;
    transition: all 0.1s ease-in-out;
    position: relative;
    top: 5px;
    background-color: #0ee03d;
    padding: 3px 14px 0 25px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
#garminLiveTableToolbar a#garminLiveRefresh{
    position: relative;
    top:0;
}

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

a.buttonRefresh span{
    display: none;
}

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

a#remindersAdd span {
    float: left;
    position: relative;
    margin: 1px 3px 2px 0;
}
#layoutReminders a.buttonRefresh {
    margin-top: -1px;
    top: 1px;
    right: -1px;
    transition:all 0.2s ease;
}
#layoutReminders .button, .settingsTabs .button {
    height: 19px;
    font-size: 10px;
    line-height: 17px;
    margin-top: 2px;
    padding-right: 0px !important;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    border: 0;
    transition:all 0.2s ease;
}
.valerror {
    border: 1px solid red !important;
}

#layoutReminders .button:hover, .settingsTabs .button:hover{
    height: 19px;
    font-size: 10px;
    line-height: 17px;
    margin-top: 2px;
    padding-right: 0px !important;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    border: 0;
    opacity: .7;
}
#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"] {
    width: auto;
    height: 26px;
    background: #12a150 !important;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    border-radius: 3px;
    border: 0;
    padding: 0 16px;
}

a[title="Wygeneruj raport CSV MiLoG"]:hover {
    opacity: .7;
    width: auto;
    height: 26px;
    background: #12a150 !important;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    border-radius: 3px;
    border: 0;
    padding: 0 16px;
}

#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: #269aef;
}
.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: #269aef;
}
#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;
}

#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: 139px !important;
    width: 100%;
    background: #16486b;
    padding: 10px;
    position: relative;
    color: #fff;
    border: 0;
    border-bottom: 6px solid #269aef;
    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: 39px;
    top: 2px;
    left: -1px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: url(../img/car_icon_new.png);
    background-repeat: no-repeat;
}
.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;
    background: #dce6f2;
    border-bottom: 1px solid #bfc2d3;
    height: 38px !important;
    font-weight: 700;
    font-size: 15px;
}
.wiadomosciTabs a.button {
    float: right;
    height: 20px;
    line-height: 19px;
    margin-bottom: 3px;
    margin-top: 7px;
    padding-right: 11px !important;
    color: #ffffff;
    font-weight: 400;
    border-radius: 3px;
    border: 0;
    transition:all 0.2s ease;
}
.wiadomosciTabs a.button:hover{
    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;
}
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: #fff;
}
.tabs-panels ul.tabs {
    background: #f5f5f5;
}
.tabs li {
    float: left;
    display: inline-block;
    margin: -7px 0px -3px 0;
    padding: 0;
    position: relative;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: transparent;
}
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;
}

#idStatusTab .panel-tool-close {
    background: url('../js/easyui/themes/default/images/tabs_icons20_w.png') no-repeat -32px center;
    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: 'Lato', 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;
}

.czasPracySilnikaClass{

}
.czasPracySilnikaNaPostojuClass{

}
div#s2id_satatusMapPositionCar {
    margin: 3px 0 8px 0;
}



::-webkit-scrollbar {
    height: 10px;
    width: 4px;
}

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

::-webkit-scrollbar-corner {
    background-color: #f0f1f5;
}

::-webkit-scrollbar-thumb {
    background-color: #009de4;
}

::-webkit-scrollbar-track {
    background-color: #f0f1f5;
}

::-webkit-scrollbar-track-piece {
    background-color: #f0f1f5;
}


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

.pozycjeBigContent_scroll .datagrid-view2{
    top: 0px !important;
    left: 0px !important;
    border-left: 0 !important;
    border-top: 0 !important;
}
.datagrid-header .datagrid-cell{
    height: 25px;
    line-height: 25px;
}
a#garminMsgRefresh {
    margin-right: 8px !important;
    margin-top: -4px;
}
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: 'Lato', sans-serif !important;
}

.omnibox {
    margin: 0px 15px 15px 0px !important;
    left: 54px;
    z-index: 100;
    top: 7px;
}

.close-map-window {
    background: #0f324a;
    min-height: 30px;
}
#btn_mapPopup_popup_close.close-map-window {
    background-color: #0f324a;
    min-height: 30px;
    width: 20px;
    right: 0px;
    top: 0;
}
div#mapaSmall {
    border: 1px solid rgb(187, 187, 187);
    margin-left: -45px;
    box-shadow: 0px 4px 3px 0px rgba(189, 189, 189, 0.78);
}
.tachoTimeBigContent a{
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    padding-right: 11px !important;
    color: #269aef;
    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;
    transition:all 0.2s ease;
}
.tachoTimeBigContent a:hover{
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    padding-right: 11px !important;
    color: #269aef;
    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: 9px;
    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;
}
div#popupMessages .panel-title {
    background-color: #269aef;
    /*    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: 'Lato', sans-serif !important;
    font-size: 11px !important;
    line-height: 16px !important;
    padding: 8px 10px !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.15) !important;
    background-color: #2b3046 !important;
    border: 0 !important;
}
.tooltipster-selectedDay {
    border-radius: 1px !important;
    border: 1px solid #222639 !important;
    background: #222639 !important;
    color: #fff !important;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15) !important;
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15) !important;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15) !important;
}
li:hover .nav_icon img {
    margin-top: 2px !important;
}

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

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

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

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

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

#popupMessages #tabseditcar tr:nth-child(1) td:nth-child(3) {
    /*    border-bottom: 0;*/
}
input#carPhotoSubmit {
    /* float: right; */
    height: 22px !important;
    line-height: 11px !important;
    padding-left: 10px;
    position: relative;
    top: -30px;
    left: 211px;
}
#tabseditcar .ui-state-default, #tabseditcar .ui-widget-content .ui-state-default {
    border: 0;
    background: #ffffff;
    font-weight: normal;
    margin-top: 1px !important;
    margin-right: 14px;
}
.window #tabseditcar td {
    padding: 0;
}
td.popupinputname {
    padding-right: 10px !important;
    line-height: 12px;
    padding-top: 4px;
    vertical-align: middle;
    color: #356688;
    font-size: 11px;
}
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;
}

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: 'Lato', sans-serif !important;
}
span.ui-icon.ui-icon-calendar {
    margin-top: 0px;
}
#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;
    transition:all 0.2s ease;
}
.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: 12px;
    font-weight: 400;
}
.login section {
    width: 500px;
    margin: 100px auto 0 auto;
    text-align: center;
    display: block;
}


#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: 'Lato', sans-serif !important;
}



input#log:required {
    background-color: #1d1d1d !important;
    background: #1d1d1d !important;
    border: 0px solid #5c5f63;
    font-size: 16px;
    color: #fff;
}


.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;
}
p#lostpwdclose {
    width: 100%;
    margin-top: 14px;
    max-width: 86px;
    margin: 18px auto;
    padding: 5px 0;
    border-radius: 4px;
    border: 1px solid #16486b;
    font-size: 12px;
    color: #16486b;
}
.login-row h3 {
    font-size: 27px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    text-align: center;
    margin-top: 20px;
    color: #16486b;
}
.login-row h4 {
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-align: center;
    margin-top: 5px;
    color: #16486b;
}
.login .panel-title {
    margin-top: 9px;
}
.login .panel-tool {
    margin-right: 8px;
}
.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: 34px;
    line-height: 29px;
}
.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; */
    height: 26px !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;
    border: 0 !important;
    font-size: 12px !important;
    line-height: 26px !important;
    float: right;
    text-align: center !important;
    color: #fff !important;
    text-decoration: none !important;
    position: relative !important;
    top: -1px !important;
    background: #16486b !important;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
    padding: 0px 16px;
    width: auto !important;
}
.newGenBtn:hover {
    opacity: .7;
}

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

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;
    position: relative;
    /*    top: -3px;*/
    left: 0;
}
.jspPane td {
    height: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.nowaClass table.mapPopup_table tr:first-child {
    height: 32px !important;
    background-color: #fff;
}
.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);
}

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

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) {
    border: 0 !important;
}
#newGarminLiveMsgStop tr:nth-child(4) td:nth-child(1) table {
    border: 0 !important;
}

#mapaGarminLive {
    height: 445px !important;
}

input#searchGarminLive {
    height: 25px;
    width: 200px !important;
    margin-right: 14px;
    margin-left: -77px;
}

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: 94px;
    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 {
    margin-left: 2px;
    margin-bottom: 0;
    height: 105px;
    background: #fff;
    border-radius: 0;
    width: 98%;
    border: 1px solid #c1c1c1;
}
.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: 7px;
}


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

li#nav_status,
li#nav_raporty,
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: -1px !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-bottom: 15px;
    width: 98%;
    height: 72px !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, input.button{
    border: 0 !important;
}
a.button:hover, input.button:hover {
    border: 0 !important;
    background: #009de4;
    color: #fff;
}
div#popupMessages {
    overflow: auto !important;
    display: block;
    margin-bottom: 0px;
}
table#newGarminLiveMsgStop {
    margin-top: -15px;
}
.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='#269aef', endColorstr='#269aef',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;
}

.map_caronmap_popup .pop_speed {
    float: left;
    margin-right: 7px;
    font-size: 21px;
}

.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;
    float: right !important;
    margin-right: 0px;
}
ul.nav.nav2 li a {
    background: #009de4;
}

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









@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;
}
ul.nav li li a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
li.top-language-select div {
    /* display: none; */
}
ul.nav.nav2 li a {
    background: #009de4;
    border-right: 1px solid #0289c9;
}
.panel-header, .panel-body {
    border: 0;
}
.left-layout-navs .tabs-header {
    height: 45px;
    background: #fff;
    border-bottom: 1px solid #d5d5d5;
}
.left-layout-navs ul.tabs {
    height: 45px !important;
    padding: 0;
    margin: 0;
    line-height: 45px;
}
.left-layout-navs ul.tabs li {
    background: transparent;
    height: 45px;
    margin: 0;
    padding: 0;
    line-height: 45px;
}
.left-layout-navs ul.tabs li {
    top: 0;
    left: 0;
    border: 0;
}
#mapTabs .tabs-wrap li.tabs-selected {
    margin-top: 0;
}
.left-layout-navs .tabs-title {
    font-size: 14px !important;
    color: #444;
}
.left-layout-navs ul.tabs {
    background: #fff;
}
.left-layout-navs span.tabs-icon {
    display: none;
}
.tabs-with-icon {
    padding-left: 0;
    padding: 0 6px;
}
.layout-panel-west .panel-tool {
    display: none;
}
#mapTabs .tabs-wrap li.tabs-selected {
    margin-top: 0;
    background: transparent;
    box-shadow: inset 0px -3px 0px 0px #db0f27;
}
#mapTabs .tabs-wrap li.tabs-selected {
    padding: 0;
}
.layout-panel-west .tabs-scroller-left, .layout-panel-west .tabs-scroller-right {
    background-color: transparent;
}
.layout-panel-west .tabs-p-tool a:hover, .layout-panel-west .tabs-scroller-over {
    background-color: transparent !important;
    opacity: .4;
    -webkit-transition: all .17s ease;
    -moz-transition: all .17s ease;
    -o-transition: all .17s ease;
    transition: all .17s ease;
}
li.tabs-last.tabs-selected {
    box-shadow: inset 0px -3px 0px 0px #db0f27;
}
.tabs-selected a span.tabs-title span {
    color: #444;
}
li a span.tabs-title span {
    position: relative;
    top: -1px;
}
.leonLeftHeadList {
    padding: 11px 10px;
    border-bottom: 1px solid #d5d5d5;
    height: 47px;
}
div#select2-drop {
    padding-top: 4px;
}
span.car-icon {
    background: url(../img/menu_icons_leon2.png) no-repeat;
    width: 28px;
    height: 21px;
    float: left;
    background-position: -2px -6px;
    background-size: 485px auto;
    margin-top: -4px;
}
span.map_popup_car {
    margin-top: -10px;
    width: 52px;
    height: 31px;
    float: left;
}



.pop_ico {
    margin: 0 2px;
    box-shadow: 0px 0px 0px #fff;
    width: 15px;
    height: auto;
    margin-right: 0px;
}
#mapPopup_icons .pop_ico_web24 {
    height: 15px;
    margin-right: 0px;
    margin-left: 2px;
}
.mapPopup_table {
    overflow: hidden;
    table-layout: fixed;
    border-top: 2px solid rgba(35, 81, 115, 0.1607843137254902);
}
ul.nav li ul.sub-menu {
    top: 63px;
    border-left: 1px solid #44444421;
    border-right: 1px solid #44444421;
    border-bottom: 1px solid #44444421;
}
.mapProgress_div {
    float: left;
    margin-left: 10px;
    margin-top: 7px;
    display: block;
    height: 31px;
    position: absolute;
    bottom: 41px;
}
div#mapPopup_address {
    width: 245px;
    float: left;
    height: 25px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-weight: 600;
    font-size: 11px;
}
img[src="img/map_tr_speed.png"], img[src="img/map_tr_engine.png"], img[src="img/map_tr_fuel.png"], img[src="img/map_tr_speedlimit.png"] {
    margin-top: 0 !important;
    max-height: 17px;
    text-align: center;
}
img[src="img/map_tr_engine.png"] {
    position: relative;
    left: 8px;
}
img[src="img/map_tr_fuel.png"] {
    position: relative;
    left: 8px;
}
img[src="img/map_tr_pedal.png"] {
    position: relative;
    left: 8px;
}
.datagrid-header .datagrid-cell span {
    font-size: 11px;
    font-weight: bold;
    color: #16486b;
}
img[src="img/map_tr_pedal.png"] {
    position: relative;
    left: 8px;
    top: -2px;
}
img[src="img/map_table_icons.png"],
img[src="img/map_table_totaldistance.png"]{
    position: relative;
    top: -3px;
}

.datagrid-htable img[src="img/tachograph_drive.png"],
.datagrid-htable img[src="img/tachograph_work.png"],
.datagrid-htable img[src="img/tachograph_break.png"],
.datagrid-htable img[src="img/tachograph_rest.png"]{
    position: relative;
    top: -3px;
    left: -1px;
}
div.popup-blue-btn {
    background: #009de4;
    height: 45px;
}
.col-lg-8.bb-label {
    height: 100%;
    color: #fff;
    line-height: 9px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 9px;
    padding: 0 0 0 8px;
}
.col-lg-4.bb-img {
    height: 100%;
    padding: 0;
    text-align: center;
    padding-left: 10px;
}
.historiaBigContent img.ui-datepicker-trigger,
.historiaAnimBigContent img.ui-datepicker-trigger{
    filter: brightness(1000%) sepia(0) saturate(0) hue-rotate(0deg);
}
div.panel-body.panel-body-noheader.panel-body-noborder div:first-child[style="padding: 5px;"] {
    position: relative;
}

img[src="img/sim-card.png"],
img[src="img/ter-gprs_icon.png"],
img[src="img/gse-icon.png"],
img[src="img/range_icon.png"],
img[src="img/lang-mini-icon.png"],
img[src="img/allzone_icon.png"],
img[src="img/icon-car-map.png"],
img[src="img/files_icon_20.png"],
img[src="img/klienci.png"]{
    opacity: 0;
    left: -16px;
}


div[style="float: left; margin-right: 20px; "],
div[style="float: left; margin-right: 20px;"] {
    position: relative;
    margin-left: 0 !important;
    margin-right: 9px !important;
    top: 1px;
}
input[type="radio"], input[type="checkbox"] {
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin: 0 5px 6px 0px;
    border: 2px solid #009de4;
    border-color: #009de4 !important;
    background: transparent;
    -webkit-border-radius: 8px;
    border-radius: 3px;
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
    left: 3px;
    position: relative;
}


input[type="checkbox"]:checked, input[type="checkbox"]:checked:active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAHhJREFUeNp0zzEOQWEQReFpVOxBqxHLkNiDTmEbOvXrdDorsQEFu0Ci0IhPYf6YSN5NJpOZnOLcQPTMAncc+oAxrr65BUaYFGCAo1+WgVMem4S2BdgjAud8vNHlhguGDZqmYM0Ts6bQPOZ4FWhdi9RGKzyw+2/7GQCuGPXzE/A2XAAAAABJRU5ErkJggg==
        ) center no-repeat, -webkit-linear-gradient(#009de4, #009de4);
}
input[type="radio"]:not(:disabled), input[type="checkbox"]:not(:disabled) {
    box-shadow: none
}
input[type="radio"]:not(:disabled), input[type="checkbox"]:not(:disabled) {
    box-shadow: none;
}
tr.datagrid-row.datagrid-row-selected.datagrid-row-checked.dataGridCarsPosition {
    background: #009de4 !important;
    color: #000000;
}
.slider-handle {
    background: #009de4 !important;
    border-radius: 100px;
}
.slider-inner {
    height: 2px;
}
.ui-timepicker-div {
    padding: 1px 20px 1px 20px;
    background: #f0f0f1;
    margin: 11px 0;
}
dt.ui_tpicker_hour_label {
    padding: 3px 0 5px 0;
    font-size: 10px;

}
dt.ui_tpicker_minute_label {
    padding: 5px 0;
    font-size: 10px;

}
dd.ui_tpicker_time {
    font-size: 16px;
    margin-bottom: 10px;
}
.ui-widget {
    font-family: 'Lato', sans-serif !important;
}
dt.ui_tpicker_time_label {
    margin-top: 14px;
    font-size: 10px;
}
.easyTooltip-left {
    right: 34px !important;
    left: auto !important;
}
.toolTopMenu .divButton img {
    max-width: 32px;
}

.searchON {
    display: block !important;
}
.searchOFF {
    display: none !important;
}


input.ordersActualOnUp {
    background-image: url(../img/new_expander_up.png) !important;
    background-repeat: no-repeat !important;
    background-size: 14px auto !important;
    background-position: 14px 2px !important;
}
input.ordersActualOffDown {
    background-image: url(../img/new_expander_down.png) !important;
    background-repeat: no-repeat !important;
    background-size: 14px auto !important;
    background-position: 14px 2px !important;
}

input.ordersActualOn {

}
input.ordersActualOff[type="checkbox"]:checked {

}

input#ordersActualLeftMenuExpander {
    position: absolute;
    top: 50%;
    right: 0px;
    background: #009de4 !important;
    height: 41px;
    width: 17px;
    border: 0;
    border-radius: 10px 0px 0px 10px;
    cursor: pointer;
    z-index: 2;
    left: auto;
    margin: 0px;
}
input#ordersActualLeftMenuExpander.ordersActualOff {
    background-image: url(../img/new_expander.png) !important;
    background-repeat: no-repeat !important;
    background-size: 14px auto !important;
    background-position: 2px 14px !important;
}
input#ordersActualLeftMenuExpander.ordersActualOn {
    background-image: url(../img/new_expander2.png) !important;
    background-repeat: no-repeat !important;
    background-size: 14px auto !important;
    background-position: 2px 14px !important;
}

.ordersactual_layout .layout-expand {
    display: none !important;
}

#ordersActualLeftMenuExpander.linearhide {
    -webkit-transition: left 0.3s linear;
    -moz-transition: left 0.3s linear;
    -o-transition: left 0.3s linear;
    transition: left 0.3s linear
}

input#ordersHistoryLeftMenuExpander {
    position: absolute;
    top: 50%;
    right: 0px;
    background: #009de4 !important;
    height: 41px;
    width: 17px;
    border: 0;
    border-radius: 10px 0px 0px 10px;
    cursor: pointer;
    z-index: 2;
    left: auto;
    margin: 0px;
}
input#ordersHistoryLeftMenuExpander.ordersActualOff {
    background-image: url(../img/new_expander.png) !important;
    background-repeat: no-repeat !important;
    background-size: 14px auto !important;
    background-position: 2px 14px !important;
}
input#ordersHistoryLeftMenuExpander.ordersActualOn {
    background-image: url(../img/new_expander2.png) !important;
    background-repeat: no-repeat !important;
    background-size: 14px auto !important;
    background-position: 2px 14px !important;
}

.ordershistory_layout .layout-expand {
    display: none !important;
}

.orderscalendar_layout .layout-expand {
    display: none !important;
}

#ordersHistoryLeftMenuExpander.linearhide {
    -webkit-transition: left 0.3s linear;
    -moz-transition: left 0.3s linear;
    -o-transition: left 0.3s linear;
    transition: left 0.3s linear
}



.ordersactual_layout .layout-panel-center .panel-title {
    height: 0px;
    background-color: #009de4 !important;
}

#web24Tabs .ordersactual_layout .panel-body {
    background: transparent !important;
}


.ordershistory_layout .layout-panel-center .panel-title {
    height: 0px;
    background-color: #009de4 !important;
}

.orderscalendar_layout .layout-panel-center .panel-title {
    height: 0px;
    background-color: #009de4 !important;
}

#web24Tabs .ordershistory_layout .panel-body {
    background: transparent !important;
}

#web24Tabs .orderscalendar_layout .panel-body {
    background: transparent !important;
}

.ordersActualHistory_title {
    padding: 5px 13px;
    background: #009de4;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}
.ordersActualHistory_nag {
    font-weight: bold;
}


input#searchOffOn {
    cursor: pointer;
    height: 34px;
    width: 34px;
    text-align: center;
    background: transparent;
    border-radius: 9px;
    border: 0;
    left: 0;
    top: -34px;
}
.searchIconON{
    filter: brightness(1000%) sepia(0) saturate(0) hue-rotate(0deg);
}
.searchBoxON{
    background: #16486b !important;
}
.searchBoxOFF{
    background: #eaeaea !important;
}
input[type="radio"]:not(:disabled):hover, input[type="checkbox"]:not(:disabled):hover {
    border-color: rgba(0,0,0,0);
    box-shadow: none;
}
ul.nav li li a {
    color: #356688;
}
.newCarLab {
    width: 120px;
    height: 19px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.newCarLab:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 11px solid #0f496f;
    border-bottom: 10px solid transparent;
}
.datagrid-header-inner {
    float: left;
    width: 10000px;
    background: #dce6f2;
}
.historiaBigContent_content .datagrid-body .datagrid-group table tr {
    background-color: #dce6f2 !important;
}
.historiaBigContent_content .datagrid-body .datagrid-group {
    font-size: 12px;
    font-weight: 400;
    margin-top: 3px;
    height: 33px;
    color: #16486b;
}
.datagrid-htable, .datagrid-btable, .datagrid-ftable {
    color: #16486b;
    border-spacing: 0;
    border-collapse: collapse !important;
}







.scrollFixGMAP .pop_kiername {
    text-transform: uppercase;
    font-size: 11px;
    color: #8293a7;
}
.scrollFixGMAP .pop_carname {
    text-transform: uppercase;
    font-size: 17px!important;
    width: auto !important;
    font-weight: 500;
    color: #8293a7;
    margin-bottom: 3px;
}
.scrollFixGMAP .pop_carname,
.scrollFixGMAP .pop_kiername {
    overflow: hidden !important;
}
.scrollFixGMAP .pop_speed {
    font-family: inherit;
    font-size: 24px;
    float: left;
    line-height: 21px;
    overflow: hidden;
    padding-right: 10px;
    font-weight: 700;
}
.scrollFixGMAP .speedLimitHistory {
    text-align: center;
    position: static;
    left: 30px;
    font-size: 10px;
    line-height: 18px;
    float: right;
    width: 28px !important;
    height: 28px;
    letter-spacing: -.5px;
    margin-top: -5px;
    padding-top: 2px;
}
.scrollFixGMAP .pop_other_right {
    font-weight: 400;
}
div#editAPOIAlerts, div#editAPOICars {
    max-width: 71px;
    border-radius: 20px !important;
}
.col-lg-12.historyTxt.newHeaderStyle {
    margin-top: 6px !important;
}
.historiaAnimBigContent_content .datagrid-header-inner td div span,
.historiaAnimBigContent_content .datagrid-cell{
    text-align: center !important;
}
.historiaAnimBigContent_content td[field="dystans"] span {
    position: relative;
    left: 9px;
}










.pozycjeBigContent_content .datagrid-row-selected td .datagrid-cell,
.pozycjeBigContent_content .datagrid-row-selected td .datagrid-cell-group,
.pozycjeBigContent_content .datagrid-row-selected td .datagrid-header-rownumber,
.pozycjeBigContent_content .datagrid-row-selected td .datagrid-cell-rownumber{
    color:#fff;
}
.pozycjeBigContent .datagrid-header-row td {
    border-right: 0;
}
.pozycjeBigContent_content .datagrid-row-selected td[field="carroute"] .datagrid-cell img,
.pozycjeBigContent_content .datagrid-row-selected td[field="carroute"] .datagrid-cell-group img,
.pozycjeBigContent_content .datagrid-row-selected td[field="carroute"] .datagrid-header-rownumber img,
.pozycjeBigContent_content .datagrid-row-selected td[field="carroute"] .datagrid-cell-rownumber img{
    filter: brightness(1000%) sepia(0) saturate(0) hue-rotate(0deg);
}
span.kierowca_nazwa {
    color: #1891de;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    top: 4px;
}
.datagrid-row-expander {
    width: 18px !important;
    margin: 7px 7px 0 7px;
}
.button.genbuttonmapa.newButton span.ui-icon3 {
    filter: brightness(1000%) sepia(0) saturate(0) hue-rotate(0deg);
}
a.button span {
    filter: brightness(1000%) sepia(0) saturate(0) hue-rotate(0deg);
}
div.timeline-event-range {
    background: #009de4 !important;
    cursor: pointer;
    opacity: 1;
}
div.timeline-event-range:hover {
    background: #0ee03d !important;
}
.datagrid-header-row td[field="type"] div span {
    position: relative;
    /*left: 10px;*/
}
.widget-directions-waypoints,
div#searchboxroute{
    background: #fff;
}
#searchboxrouteCards input{
    font-weight: 700;
    color: #356688;
    font-size: 11px;
    opacity: 1;
}
#searchboxrouteCards input::placeholder{
    font-weight: 700;
    color: #356688;
    font-size: 11px;
    opacity: .35;
}
.searchbutton {
    height: 39px;
}
.toolTopMenu{
    -webkit-transition: right 0.2s ease-in-out;
    -moz-transition: right 0.2s ease-in-out;
    -o-transition: right 0.2s ease-in-out;
    transition: right 0.2s ease-in-out;
}
input#toolTopMenuExpander {
    position: absolute;
    top: 6px;
    left: -17px;
    background: #009de4;
    height: 41px;
    width: 17px;
    border: 0;
    border-radius: 10px 0px 0px 10px;
}
input.toolOn {
    background-image: url(../img/new_expander2.png) !important;
    background-repeat: no-repeat !important;
    background-size: 14px auto !important;
    background-position: 2px 14px !important;
}
input.toolOff {
    background-image: url(../img/new_expander.png) !important;
    background-repeat: no-repeat !important;
    background-size: 14px auto !important;
    background-position: 2px 14px !important;
}
a.buttonOLE, a.buttonOLE:hover{
    background: #009de4;
    height: 24px;
    border: 0;
    border-radius: 100px;
}
span.ole-icon-carsadd,
a.buttonOLE:hover span.ole-icon-carsadd {
    background-image: url(../img/carsAdd.png);
    background-size: 70% auto;
    background-position: 1px 5px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.window-body .datagrid-body td {
    height: 30px;
    line-height: 27px;
}
.window .panel-title {
    background-color: #16486b;
}
.ui-datepicker table {
    width: 90%;
    /* font-size: .9em; */
    border-collapse: collapse;
    margin: 0 auto;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    background: #16486b;
    color: #fff;
    margin: 0px 18px 16px 18px;
    width: 100%;
    max-width: 71px;
    text-transform: uppercase;
    border-radius: 3px;
    text-align: center;
}
.raport-nav .select2-container .select2-choice {
    min-width: 175px;
}
.raport-nav input.hasDatepicker {
    min-width: 152px;
    top: 7px;
}

.raport-nav .web24_btn {
    margin-top: 5px;
}
input.button, a.button {
    height: 19px;
    padding-right: 11px !important;
    font-size: 10px;
    font-weight: 500;
    border-radius: 3px;
    border: 0;
    background: #009de4;
    color: #fff;
    transition:all 0.2s ease;
}
a#garminLiveSendMsg,
a#garminLiveSendMsgStop,
a#garminLiveSendMsg:hover,
a#garminLiveSendMsgStop:hover{
    height: 24px;
    font-family: 'Lato', sans-serif !important;
    font-size: 10px;
}
.speed_garmin {
    font-size: 15px;
    line-height: 8px;
    font-family: 'Lato', sans-serif !important;
}
input.button, a.button {
    font-family: 'Lato', sans-serif !important;
}
div#newGarminLiveMsgStop {
    margin-top: -15px;
}
.popupHeader {
    width: 100%;
    position: relative;
    color: #356688;
    background: #d4d5dc;
    padding-left: 10px;
    height: 35px;
    font-size: 13px;
}

.popup-new-row {
    margin: 11px 0 6px 0px;
}
div#newGarminLiveMsgStop {
    color: #356688;
    font-size: 11px;
}
#newGarminLiveMsgStop label[for="searchGarminLive"], #newGarminLiveMsgStop label[for="searchGarmin"] {
    font-weight: normal;
    color: #356688;
    width: 165px;
}
small.nazwaMail {
    bottom: 0px;
    top: auto !important;
    left: 0;
    font-size: 10px;
    float: left !important;
}
.inputButton input::-ms-clear {
    display: none;
}
.wiadomosciTabs td[field="img"] {
    text-align: center;
}
li.tabs-selected {
    box-shadow: inset 0px -3px 0 0 #ca0505 !important;
}

.n1 tr,
.n2 tr,
.n3 tr,
.n4 tr{
    height: 34px !important;
    line-height: 30px !important;
}

a#addNewMsgFleet,
a#addNewMsg{
    height: 21px;
}
input#searchGarmin {
    width: 200px;
}
#newGarminLiveMsgStop div.olMap {
    height: 446px !important;
}
textarea#trescGarminNewMsgStop {
    height: 100px;
}
#newGarminLiveMsgStop input#counterStop {
    margin-bottom: 10px;
}

.raport-nav input.button,
.raport-nav a.button {
    height: 24px;
    background: #009de4;
    margin: 0;
}

.raport-nav-2 {
    padding: 4px 5px 5px 5px;
    min-height: 50px;
}
.raport-nav-2 .simple-btn {
    position: relative;
    top: 7px;
    left: 4px;
    float: left;
}


input#currencySettingsFilter {
    height: 25px;
    padding: 0 0 0 8px !important;
    overflow: hidden;
    border: 0;
    white-space: nowrap;
    line-height: 25px;
    text-decoration: none;
    border-top-right-radius: 3px;
    background-clip: padding-box;
    background-color: #8293a7;
    border-radius: 4px !important;
    text-transform: uppercase;
    color: #fff;
}

.simple-btn {
    background-color: #16486b;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 5px 11px;
    border-radius: 4px;
    font-weight: 600;
}
.simple-btn2 {
    background-color: #16486b;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 5px 11px;
    border-radius: 4px;
    font-weight: 600;
}
.simple-btn:hover,.simple-btn2:hover {
    background-color: #009de4;
    color: #fff;
    text-decoration: none;
}
.raport-nav .simple-btn {
    position: relative;
    top: 12px;
    left: 4px;
}
.datapikerBox {
    position: relative;
    width: 100%;
}
.datapikerBox2 {
    position: relative;
    width: auto;
}
.datapikerBox .timepick.hasDatepicker {
    width: 100%;
}
.datapikerBox img.ui-datepicker-trigger {
    position: absolute;
    top: 3px;
}
#popupMessages .newButton {
    height: 25px;
}
div#popupMessages .datapikerBox .timepick {
    margin-bottom: 16px;
}

tr.showDelegationOrderType2 td,
tr.showDelegationOrderType1 td{
    height: 40px;
}
.new-toolbar .datagrid-toolbar {
    background: #ebecee;
    position: relative;
}
.new-toolbar .newButton {
    height: 23px;
    position: relative;
    top: 9px;
}
.new-toolbar .newButton {
    height: 23px;
    position: relative;
    top: 9px;
    width: 100%;
    text-align: center;
}
.new-toolbar input[placeholder="Filtruj dane"] {
    background-color: #8293a7;
    border-radius: 4px !important;
    font-size: 11px;
    position: relative;
    top: 7px;
    margin-left: 10px;
    color: #fff;
}
.popupfilter_input {
    background-color: #8293a7;
    border-radius: 4px !important;
    font-size: 11px;
    position: relative;
    top: 7px;
    margin-left: 10px;
    color: #fff;
}
.popupfilter_input::placeholder {
    color: #fff;
}


.circleBTN{
    border-radius: 50px;
    margin-right: 5px;
}
.circleBTN {
    border-radius: 50px !important;
    position: relative;
    left: -5px;
    top:-1px
}
.numberInput{
    background: #8293a7;
    border: 0;
    border-radius: 4px;
    color: #fff;
}
.admin-popup tr td {
    height: 32px;
    line-height: 22px;
}
table.admin-popup .popupinputname {
    line-height: 14px;
}
.select2-container-multi .select2-choices {
    border: 0;
}
.new-blue-btn {
    background-color: #009de4;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 5px 11px;
    border-radius: 4px;
    font-weight: 600;
    background: #009de4;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
.new-blue-btn:hover {
    text-decoration: none;
    opacity: .7;
    color: #fff;
}
.status-header {
    background: #ececec;
    height: 45px;
    padding: 10px 5px;
    font-size: 12px;
    border-bottom: 1px solid #c7c7c7;
}
.map-status div#s2id_satatusMapPositionCar {
    margin-top: -2px;
}
.newBtnMap {
    float: left;
    margin-right: 5px !important;
    padding: 1px 0 !important;
    height: 24px !important;
}

.raport-body {
    padding: 0 5px 5px 5px;
}
.raport-nav {
    padding: 7px 0 7px 0px;
    min-height: 54px;
}
.raport-nav-sub {
    width: 100%;
    background: #ffffff;
    height: 46px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.raport-nav-sub input.popupinput.numeric {
    background: #8293a7;
    border: 0;
    margin-left: 5px;
    border-radius: 5px;
    color: #fff;

}
.month-piker .printmilog_icon {
    position: absolute;
    right: 14px;
    top: 3px;
}
tspan {
    font-family: 'Lato', sans-serif !important;
    font-size: 12px;
}
.tunnelsBigContent_content .datagrid-row-expander {
    width: 18px !important;
    margin: 1px 7px 0px 0px;
}
a#delTunnelBtn_0, a#editTunnelBtn_0 {
    height: 24px;
    line-height: 22px;
    margin-bottom: 10px;
}
.progressbar-value .progressbar-text {
    background-color: rgba(22, 72, 107, 0.15);
    color: #16486b;
}
.progressbar-text {
    color: #16486b;
    font-size: 12px;
}
.progressbar {
    border-color: #c4d9f3;
}
.raport-nav .ui-datepicker-trigger {
    top: 0px;
    position: absolute;
    cursor: pointer;
    right: 16px;
}

#top .logo a img {
    background: rgba(250,250,250,1);
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 10%, rgba(213,213,213,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(10%, rgba(250,250,250,1)), color-stop(100%, rgba(213,213,213,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 10%, rgba(213,213,213,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 10%, rgba(213,213,213,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 10%, rgba(213,213,213,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 10%, rgba(213,213,213,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d5d5d5', GradientType=0 );
}
.panel-title {
    background-color: #16486b !important;
}

.raport-nav-sub tr {
    background-color: #ffffff;
}
span.ole-icon-usersadd, a.buttonOLE:hover span.ole-icon-usersadd {
    background-image: url(../img/menu_icons_leon2.png);
    background-size: 400px auto;
    width: 24px;
    height: 24px;
    background-position: 91px -2px;
}

.tabs li a.tabs-close {
    filter: brightness(8%) sepia(0) saturate(40) hue-rotate(170deg);
    opacity: 1 !important;
}
.tabs li a.tabs-close:hover {
    filter: brightness(11%) sepia(0) saturate(34) hue-rotate(345deg);
}
.popupFieldset {
    width: 99%;
    border: 1px dotted #d3d3d3;
    margin-left: 10px;
    padding: 10px;
    color: #16486b;
    position: relative;
}

.popupFieldset.datapik .ui-datepicker-trigger {
    top: 32px;
    position: absolute;
    cursor: pointer;
    right: 14px;
}
#editdelegation_div .datagrid-toolbar,
#manualdelegation_div2 .datagrid-toolbar{
    background: #ececec;
    height: 45px !important;
    padding: 10px 10px;
    font-size: 12px;
    border-bottom: 1px solid #c7c7c7;
}
#manualdelegation_div2 fieldset{
    color: #16486b;
    position: relative;
}
fieldset img.ui-datepicker-trigger {
    top: 24px;
    right: 14px;
}



@-moz-document url-prefix() {
    #manualdelegation_div2 fieldset img.ui-datepicker-trigger {
        top: 4px;
        right: 14px;
    }
}

fieldset.datepickerfixedfieldset img.ui-datepicker-trigger {
    right: 54px !important;
}

.analiza-historii-kierowcy{
    margin-right: 10px;
    width: 100%;
}
.analiza-historii-kierowcy .datagrid-body td{
    border-width: 0px 0px 0px 0;
    margin: 0;
    padding: 0px 0;
}
.analiza-historii-kierowcy .panel-body tr {
    background-color: transparent;
}
.wykres-pracy tr {
    background: transparent;
}

.wykres-pracy {
    padding: 10px !important;
}
.tabs li a.tabs-close {
    top: 13px;
}
.window td {
    font-family: 'Lato', sans-serif !important;
}
.window td {
    color: #16486b;
    font-family: 'Lato', sans-serif !important;
}
td.addManualDelegation_hotel_class {
    position: relative;
}
#addManualDelegationManualHotel_date {
    top: 0px;
    width: 96% !important;
}
.addManualDelegation_hotel_class img.ui-datepicker-trigger {
    top: 3px;
    right: 21px;
}
.datapiker-box{
    position: relative;
}
.datapiker-box img.ui-datepicker-trigger {
    top: -7px;
    right: 4px;
}
table.addBill_table,
table.addLoan_table{
    width: 100%;
}
.popapLabel {
    min-width: 78px;
}
.datapikerBox.datapikerInput img{
    right: 3px;
    top: 1px;
}
.window .window-header .panel-title {
    font-size: 14px;
}
#tabseditcar .tabs-header .tabs-wrap .tabs {
    background: #fff;
}
.adminTab1 tr {
    height: 43px !important;
}
.dpbimg img.ui-datepicker-trigger {
    top: 5px;
    right: 5px;
}
.admConf {
    padding-right: 20px !important;
}

.admConf .popupinput.numeric {
    width: 108px;
}
.settingsTabs table.track2go thead th,
.settingsTabs table.track2go thead td{
    border: 0;
    line-height: 11px;
    font-size: 10px;
    padding: 0 5px;
    border-right: 1px solid #ececec;
}
table.track2go {
    width: 98%;
}
.window #tabseditcar .track2go input[type="text"] {
    position: relative;
    top: 2px;
}

input#carPhotoSubmit {
    position: relative;
    top: -30px;
    left: 234px;
    border: 0 !important;
    font-size: 11px;
    padding: 0 7px;
}

a#addNewCustomer {
    height: 25px;
    margin-top: 7px;
    line-height: 25px;
    background-color: #16486b;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0px 11px;
    border-radius: 4px;
    font-weight: 600;
}
.button:hover {
    background-color: #009de4 !important;
    color: #fff;
    text-decoration: none;
    opacity: 1 !important;
}
a#addQmBtn,
a#addGeBtn,
a#addStatusyGarminBtn {
    line-height: 16px;
    margin-left: 9px;
    margin-top: 9px;
}
a.button.delGeBtn.newButtonGarmin,
a.button.delQmBtn.newButtonGarmin,
a.button.delStatusyGarminBtn{
    line-height: 16px;
    position: relative;
    top: 2px;
}
.window table.popselector {
    margin-bottom: 20px;
}

.zag_tacho_xml {
    width: 45%;
    margin: auto;
}
.zag_tacho_xml input {
    border-radius: 5px;
}

.tachoXMLdp img.ui-datepicker-trigger {
    top: 1px;
    right: 4px;
}
.zag_tacho_xml .apoibtn {
    background: #009de4;
    border: 0;
    border-radius: 6px;
    color: #fff;
    font-weight: 300;
}
.zag_tacho_xml .apoibtn:hover {
    background: #16486b;
}
.dowloadXML {
    background: #009de4;
    color: #fff;
    border: 0;
    padding: 7px 15px;
    border-radius: 5px;
    margin-top: 17px;
}
.dowloadXML:hover{
    background: #16486b;
}
.zag_tacho_xml hr {
    border-top: 1px solid #eee!important;
    margin: 14px 0 4px 0;
    padding: 0;
}
.raport-body .datagrid-mask-msg {
    height: 42px !important;
}
tr.settingSelect input,
tr.settingSelect ul.select2-choices,
tr.settingSelect div#s2id_newareascontractor,
tr.settingSelect div#s2id_newcustomercontractor,
.admin-popup textarea{
    max-width: 269px;
}
a.button {
    margin-right: 7px !important;
    transition:all 0.3s ease !important;
}
a.button:hover{
    opacity: .7 !important;
}
.combo-arrow {
    background-color: #8293a7;
    opacity: 1;
}
.combo {
    border-color: #95B8E7;
    background-color: #8293a7;
    border: transparent;
    /*border-radius: 4px !important;*/
    border: 1px solid #95B8E7;
    margin-top: -2px;
}
#addHolidayPopup img.ui-datepicker-trigger {
    top: 2px;
    right: 4px;
}
.udosLok .select2-container-multi .select2-choices .select2-search-field input {
    background: #fff !important;
}
.udosLok .select2-container-multi .select2-choices {
    min-height: 26px;
    border: 1px solid #b7c1ce;
    width: 103%;
    margin-bottom: 13px;
}















.omnibox input#searchboxinput {
    color: #fff;
    letter-spacing: .7px;
}
.omnibox input::-webkit-input-placeholder {
    color: #fff;
}
.omnibox input::-moz-placeholder {
    color: #fff;
}
.omnibox input:-ms-input-placeholder {
    color: #fff;
}
.omnibox input:-moz-placeholder {
    color: #fff;
}
.layout-panel-west .panel-title {
    display: none;
}


.historiaBigContent_content .panel-title {
    display: block;
    height: 22px;
    padding-left: 10px;
}


.gm-fullscreen-control {
    /*left: 0px !important;*/
}
#s2id_appLang .select2-chosen img {
    margin-top: 4px !important;
    width: 16px;
    height: 16px;
}
img[src="img/mail_mail_icon.png"],
img[src="img/mail_priority_icon.png"],
img[src="img/startZone.png"],
img[src="img/endZone.png"]{
    display: none;
}




#notify {
    right: -50px;
    bottom: 250px;
    /*display: none !important;*/
}
table.dataTable {
    font-size: 11px;
    color: #16486b;
}
.routes_lightRed {
    background-color: #fbb1b169 !important;
}
.routes_foot {
    background-color: #16486b !important;
    color: #fff !important;
    font-weight: bold !important;
}

div#mapPopup_wykres_pracy,
div#mapPopup_analiza_czasu_pracy_kierowcy,
div#mapPopup_lokalizacja_kierowcy{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.status-header img.ui-datepicker-trigger {
    background-color: #009de4;
    margin: -3px -3px 0 0 !important;
    padding: 5px !important;
    border-radius: 100px;
}
.carsFlagStyle {
    position: relative;
    top: 3px;
}
div#satatusLoadCarFlag {
    height: 43px;
    padding-top: 3px !important;
}
.statcol1, .statcol2 {
    width: 50%;
    float: left;
    padding-bottom: 21px;
}
.statvalue {
    font-size: 60px;
    color: #009de4;
    padding: 27px 0 15px 0;
    font-weight: 700;
}
div#satatusLoadCarFlag div[style="padding:5px;"] {
    width: fit-content;
    margin: 0 auto;
}
.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.status-header img.ui-datepicker-trigger {
    background-color: #009de4;
    margin: -3px -3px 0 0 !important;
    padding: 5px !important;
    border-radius: 100px;
    transition:all 0.3s ease;
}
.status-header img.ui-datepicker-trigger:hover{
    opacity: .7;
}
.datapikerBox .carsFlagStyle {
    position: relative;
    top: -4px;
    float: right;
    right: 34px;
    background: #dedede;
    padding: 7px 15px 6px 15px;
    border-radius: 100px;
}
#popupChangePWD #popupchangepwdform {
    padding-top: 31px;
}
input#149GSE{
    margin-bottom: 15px;
}
table.simCards {
    width: 100%;
}
table.simCards input {
    width: 100% !important;
}
table.setting-driver input {
    width: 100%;
}
.setting-driver .datapikerBox img {
    top: 1px;
    right: 5px;
}
.setting-driver .datapikerBox input.hasDatepicker {
    top: 0 !important;
}
input.hasDatepicker {
    background: #b7c1ce !important;
}
#fuelStandard a#addFuelStandard,
#fuelStandard a#addShareCar,
#addShareCar,
a#importFuelCard,
a#addNewFuelCardRow {
    text-transform: uppercase;
    margin-top: 4px;
}
.dataTables_scrollHead tr th {
    background-color: #dce6f2 !important;
}
table.dataTable thead .sorting {
    background-image: url(../img/sort_both.png) !important;
}
.tunnelsBigContent_content a#addNewTunel {
    margin: -4px 0 6px 0;
}
div#remindersTableToolbar {
    padding: 12px 9px;
}
#remidersDay_div .datapikerBox img.ui-datepicker-trigger {
    top: 1px;
    right: 3px;
}
.removeFields {
    color: white !important;
    text-decoration: none;
    margin-left: 8px;
    background: red;
    padding: 5px 8px;
    border-radius: 5px;
}
.addMoreFields {
    color: black !important;
    text-decoration: none;
    margin-left: 8px;
    background: #0ee03d;
    padding: 5px 8px;
    border-radius: 5px;
    transition:all 0.3s ease;
}
.removeFields:hover,.addMoreFields:hover{
    text-decoration: none;
    opacity: .7;
}
#tmrTableToolbar_reczne a#addTask, #tmrTableToolbar_reczne a#addCycleTask {
    position: relative;
    top: 3px;
    left: 4px;
}
#web24Tabs .layout-panel-east .panel-title {
    background-color: #16486b !important;
    height: 21px;
    padding-left: 5px;
}
.k2ramkaserwis .select2-container-multi .select2-choices .select2-search-field input {
    background: #fff !important;
}
.window .panel-header .panel-title h2 {
    background-color: transparent;
    margin: 0;
    padding: 12px !important;
    font-weight: 300;
    font-size: 11px;
    color: #fff;
    position: relative;
    top: -31px;
    left: -8px;
}
.datapikerBox input.month-year-input {
    width: 96%;
    margin-left: 5px;
    margin-top: 6px;
}
img.printdelegation_report_01_month_icon,
img.printdelegation_report_02_month_icon{
    position: absolute;
    z-index: 999;
    top: 9px;
    right: 10px;
}
span.ole-icon-carsadd2,
a.buttonOLE:hover span.ole-icon-carsadd2 {
    background-image: url(../img/menu_icons_leon2.png);
    background-position: -357px -3px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: 460px auto;
}
.miniMapClose{
    width: 15px;
    height: 26px;
    position: absolute;
    right: 4px;
    background: url(../js/easyui/themes/default/images/tabs_icons.png) no-repeat -33px center;
    z-index: 9;
    top: 2px;
}
.select2-container.select2-container-multi.chzn-select input {
    background: transparent !important;
}





















/*logowanie*/
.leon-login {
    width: 100%;
    background: #fff;
    display: block;
    position: relative;
    bottom: 0;
    height: 100vh;
    font-family: 'Lato', sans-serif !important;
}
.leon-info-box{
    width: 50%;
    height: 100vh;
    float: left;
    background: #0f70b4;
}
.leon-login-box{
    width: 50%;
    height: 100vh;
    float: left;
}
.leon-login-content {
    width: 56%;
    background: #eeeff3;
    min-height: 324px;
    margin: 0 auto;
    border-radius: 8px;
    padding-top: 5%;
}
.leon-login-content input#log, .leon-login-content input#pwd, .leon-login-content input#lostemail {
    width: 58%;
    margin: 0 auto;
    display: block;
    box-shadow: 0 0 0 0;
    background: #fff;
    border: 1px solid #cfd1d6 !important;
    border-radius: 5px;
    margin-top: 30px;
}
.opcje-logowania {
    padding-top: 10px;
    width: 57%;
    margin: 0 auto;
}
.leon-zapamietaj, .leon-przypomnij {
    width: 50%;
    float: left;
}
.leon-zapamietaj{
    text-align: left;
}
.leon-przypomnij {
    text-align: right;
}
.checkrememberme + label span {
    float: left;
}
.leon-login-content label {
    display: table-cell;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(22, 72, 107, 0.78);
}
.login-row{
    width: 100%;
    position: relative;
    float: left;
}
.leon-button-login {
    width: 100%;
    min-width: 190px;
    border: 0;
    transition:all 0.3s ease;
}
.login button {
    border: 0px solid #323537;
    width: 78px;
    height: 50px;
    margin: 0;
    font-weight: bold;
    background: #16486b;
    border-radius: 7px;
    text-transform: uppercase;
    transition:all 0.3s ease;
}
.leon-login-footer {
    width: 56%;
    margin: 0 auto;
    border-radius: 8px;
    padding-top: 5%;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    color: rgba(22, 72, 107, 0.6588235294117647);
    line-height: 20px;
}
.leon-login-footer a{
    text-decoration: none;
    color: #1a8ce2;
}
.leon-login-footer a:hover{
    text-decoration:underline;
    color: #16486b;
}
.leon-info-box {
    width: 50%;
    height: 100vh;
    float: left;
    background: #0f70b4;
    background-image: url(../img/leon-login-bg.png);
    background-position: center;
    background-size: auto 100%;
    position: relative;
}
.leon-login-info {
    width: 66%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 70%;
    overflow: auto;
}
.leon-info-box h2,.leon-info-box p {
    color: #fff;
}
.leon-login-info .login-row {
    margin: 22px 0;
}
.leon-info-box h2 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.leon-info-box li {
    color: #fff;
}
.leon-info-box p,.leon-info-box ul {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #fff;
    text-align: justify;
}
.leon-login ul {
    margin: 1em;
}
.leon-login li {
    list-style: disc outside none;
    margin-left: 1em;
}


.leon-login::-webkit-scrollbar-corner {
    background-color: #f0f1f5;
}
.leon-login::-webkit-scrollbar-thumb {
    background-color: #3da8f9;
}
.leon-login::-webkit-scrollbar-track {
    background-color: #f0f1f5;
}
.leon-login::-webkit-scrollbar-track-piece {
    background-color: #f0f1f5;
}
.leon-login-content input#pwd,
.leon-login-content input#log,
.leon-login-content input#lostemail{
    filter: grayscale(100%) brightness(110%);
}
.button, .btn, a{
    transition:all 0.2s ease;
}
.select2-container.select2-container-disabled span.select2-chosen {
    color: #444;
}
input.hasDatepicker[disabled] {
    color: #444;
}



/***ranking eco***/
.rankingEcoDriver .combo-arrow {
    background: url(../img/combo_arrow_grey.png) no-repeat center center;
}
.rankingEcoDriver input.datagrid-filter {
    border: 0;
    margin: 0 5px;
    border-radius: 3px;
}
.rankingEcoDriver .combo {
    background: white;
    border-radius: 3px !important;
    top: -1px;
}
.panel.combo-p {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.combobox-item, .combobox-group {
    font-size: 11px;
    cursor: pointer;
}
.combobox-item img, .combobox-group img {
    padding: 3px 0;
    max-width: 14px;
    margin: 0 3px 0 0;
}
.combobox-item-selected {
    background-color: #009de4;
    color: #ffffff;
}
.rankingEcoDriver .ranking_eco_procent {
    font-size: 12px;
    font-weight: 900;
}
.rankingEcoDriver .ranking_eco_val {
    font-size: 10px;
    opacity: .85;
}
.rankingEcoDriver .ranking_eco_procent, .ranking_eco_val {
    width: 100%;
    display: block;
    text-align: center !important;
}
.rankingEcoDriver .ranking_eco_n_val {
    text-align: center;
    display: block;
}
.rankingEcoDriver .ranking_eco_n_val div {
    margin: auto;
}
.rankingEcoDriver .datagrid-filter-c input[name="drivername"] {
    max-width: 199px;
}
.rankingEcoDriver span.eco-rank-header {
    display: block;
    text-align: center;
}
.rankingEcoDriver .eco_add_row_item {
    background: #ffffff;
    border-radius: 9px;
    height: 84px;
    border: 1px solid rgba(202, 202, 202, 0.63);
    margin: 14px 0;
    text-align: center;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
}

.rankingEcoDriver .eco_add_row_item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 35px 1fr;
    grid-template-areas:
        "eco_add_row_item-t"
        "eco_add_row_item-v";
}
.rankingEcoDriver .eco_add_row_item-t {
    grid-area: eco_add_row_item-t;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 1em;
    box-sizing: content-box;
    text-overflow: ellipsis;
    width: 90%;
    white-space: normal;
    margin: auto;
}
@media screen and (max-width: 1650px) {
    .rankingEcoDriver .eco_add_row_item-t {
        font-size: .85em;
    }
}
.rankingEcoDriver .eco_add_row_item-v {
    grid-area: eco_add_row_item-v;
    padding-top: 3px;
}

#web24Tabs .ordersactual_layout .layout-panel-east .panel-title {
    height: 50px;
    background-color: #009de4 !important;
    padding-top: 15px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
}
.ordersactual_layout .layout-panel-east .panel-tool {
    display: none;
}

#web24Tabs .ordershistory_layout .layout-panel-east .panel-title {
    height: 50px;
    background-color: #009de4 !important;
    padding-top: 15px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
}
.ordershistory_layout .layout-panel-east .panel-tool {
    display: none;
}

#web24Tabs .orderscalendar_layout .layout-panel-east .panel-title {
    height: 50px;
    background-color: #009de4 !important;
    padding-top: 15px;
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
}
.orderscalendar_layout .layout-panel-east .panel-tool {
    display: none;
}

.rankingEcoDriver .eco-green-val {
    background: url(../img/eco_ranking_green_rate.png);
    background-size: 30px;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0;
    font-size: 12px;
    font-weight: 800;
    text-shadow: 0 1px 1px #2a7332;
}
.rankingEcoDriver .eco-orange-val{
    background: url(../img/eco_ranking_orange_rate.png);
    background-size: 30px;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0;
    font-size: 12px;
    font-weight: 800;
    text-shadow: 0 1px 1px #cc8007;
}
.rankingEcoDriver .eco-red-val{
    background: url(../img/eco_ranking_red_rate.png);
    background-size: 30px;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0;
    font-size: 12px;
    font-weight: 800;
    text-shadow: 0 1px 1px #8e0404;
}
.rankingEcoDriver .eco_add_row_item-v .eco-green-val{
    background: url(../img/eco/eco-ok-icon.png) !important;
    background-repeat: no-repeat !important;
    height: 24px !important;
    padding: 3px !important;
    color: #64e571 !important;
    width: 100% !important;
    max-width: 65px;
    text-align: left;
    padding-left: 28px !important;
    font-size: 22px;
    font-weight: 800;
    margin: 0 auto;
    line-height: 18px;
    text-shadow: none;
}
.rankingEcoDriver .eco_add_row_item-v .eco-orange-val {
    background: url(../img/eco/eco-mid-icon.png) !important;
    background-repeat: no-repeat !important;
    height: 24px !important;
    padding: 3px !important;
    color: #fdc20e !important;
    width: 100% !important;
    max-width: 65px;
    text-align: left;
    padding-left: 28px !important;
    font-size: 22px;
    font-weight: 800;
    margin: 0 auto;
    line-height: 18px;
    text-shadow: none;
}
.rankingEcoDriver .eco_add_row_item-v .eco-red-val {
    background: url(../img/eco/eco-loss-icon.png) !important;
    background-repeat: no-repeat !important;
    height: 24px !important;
    padding: 3px !important;
    color: #e04141 !important;
    width: 100% !important;
    max-width: 71px;
    text-align: left;
    padding-left: 32px !important;
    font-size: 22px;
    font-weight: 800;
    margin: 0 auto;
    line-height: 18px;
    text-shadow: none;
}
.rankingEcoDriver .datagrid-row-detail table tr {
    background-color: #f2f2f3;
    background: rgb(242,242,243);
    background: linear-gradient(180deg, rgb(242, 242, 243) 52%, rgba(255,255,255,1) 100%);
}
.rankingEcoDriver .greenBox {
    background: #f4fff5;
    border: 1px solid #abedb2;
}
.rankingEcoDriver .orangeBox {
    background: #fffcf1 ;
    border: 1px solid #f6e8ba;
}
.rankingEcoDriver .redBox {
    background: #ffefef;
    border: 1px solid #efc6c7;
}
.rankingEcoDriver .rateBox .eco-green-val,
.rankingEcoDriver .rateBox .eco-orange-val,
.rankingEcoDriver .rateBox .eco-red-val {
    width: 86px;
    height: 74px;
    line-height: 68px;
    padding: 3px;
    color: #fff;
    background-repeat: no-repeat !important;
    text-align: center;
    font-size: 29px;
    font-weight: bold;
    background-position: center !important;
}
.rankingEcoDriver .rateBox .eco-green-val {
    background: url(../img/eco/eco-green-box-bg.png);
}
.rankingEcoDriver .rateBox .eco-orange-val {
    background: url(../img/eco/eco-orange-box-bg.png);
}
.rankingEcoDriver .rateBox .eco-red-val {
    background: url(../img/eco/eco-red-box-bg.png);
}
.rankingEcoDriver tr[style="height: 127px;"] td {
    border-width: 0;
}
.rankingEcoDriver .datagrid-row-detail .datagrid-body {
    background-color: #f2f2f3;
    background: rgb(242,242,243);
    background: linear-gradient(180deg, rgb(242, 242, 243) 52%, rgba(255,255,255,1) 100%);
}
.rankingEcoDriver .eco_add_row_item{
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear
}
.rankingEcoDriver .eco_add_row_item:hover{
    opacity: .75;
}
.rankingEcoDriver b.more-bold {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}
.rankingEcoDriver td[field="column00_val"],
.rankingEcoDriver td[field="column00_val"] div {
    max-width: 90px !important;
    min-width: 90px !important;
}
.eco_add_row_item_info {
    display: grid;
    grid-template-columns: 25px 1fr;
    grid-template-rows: 26px 26px 26px;
    grid-template-areas:
        "eco_info_icon_1 eco_info_val_1"
        "eco_info_icon_2 eco_info_val_2"
        "eco_info_icon_3 eco_info_val_3";
    width: 100% !important;
}
.eco_info_icon_1 {
    grid-area: eco_info_icon_1;
}
.eco_info_val_1 {
    grid-area: eco_info_val_1;
}
.eco_info_val_2 {
    grid-area: eco_info_val_2;
}
.eco_info_val_3 {
    grid-area: eco_info_val_3;
}
.eco_info_icon_2 {
    grid-area: eco_info_icon_2;
}
.eco_info_icon_3 {
    grid-area: eco_info_icon_3;
}

.eco_info_icon_1 {
    background: url(../img/eco/eco-ok-icon.png) !important;
}
.eco_info_icon_2 {
    background: url(../img/eco/eco-mid-icon.png) !important;
}
.eco_info_icon_3 {
    background: url(../img/eco/eco-loss-icon.png) !important;
}
.eco_info_icon_1, .eco_info_icon_2, .eco_info_icon_3 {
    width: 26px;
    height: 26px;
}
.eco_info_icon_3,.eco_info_icon_2,.eco_info_icon_1  {
    background-size: 20px auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.eco_info_val_1, .eco_info_val_2, .eco_info_val_3 {
    padding: 6px 0 6px 5px;
    color: #5d656d;
}
.eco_add_row_item_info b {
    font-weight: 900;
    color: #000;
}


.searchBoxON input[type="checkbox"]:checked, .searchBoxON input[type="checkbox"]:checked:active, .searchBoxON input[checked="checked"] {
    background: none !important;
}
.cars-list-expander img {
    width: 17px !important;
}


button.tabs-wrap-temp-btn {
    position: absolute;
    right: 7px;
    z-index: 9;
    top: 3px;
    background: #009de4;
    border: 1px solid #0289c9;
    color: #fff;
    padding: 0 10px;
    font-size: 10px;
    border-radius: 20px;
    font-weight: 400;
    height: 18px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.newPosGoogleControls {
    position: absolute;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}

/*#idReportsHistoryOnMap {
    overflow-inline: hidden !important;
}

#mapabig_layout_south_reports .raport-nav-raporttrasy {
    position: unset !important;
    float: left;
}*/

.wykres-pracy-dane-main {
    width: 100% !important;
    display: block;
}

/* [class^="driverWorkCal_"] div {
    background-color: #01ff29 !important;
} */

[class^="driveCal_"] div {

    background-color: #c400ff !important;;
}

select.ui-datepicker-year,
select.ui-datepicker-month {
    color: black;
}
.lsb-icon-hidden {
    display:none;
}
.ltc-status-green,
.ltc-status-orange,
.ltc-status-red {
    display: inline-block !important;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    float: right;
    margin-top: -2px;
    margin-left: 3px;
}

.ltc-status-green {
    background-color: #19ae88;
}

.ltc-status-orange {
    background-color: #f4be29;
}

.ltc-status-red {
    background-color: #f22b24;
    margin-top: 0;
}

.labelsGMap {
    position: relative;
    color: #fff;
    background-color: #0f496f;
    font-size: 11px;
    font-weight: 400;
    padding: 1px 15px !important;
    white-space: nowrap;
    border-radius: 6px;
    margin: 0;
    opacity: 1 !important;
    width: auto !important;
    display: flex;
    align-items: center;
    height: fit-content !important;
    /* max-height: 40px !important; */
    border-radius: 0 6px 6px 0px !important;
}

.labelsGMap110 {
    border-right: 3px solid #e5a70d;
    color: #456;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    white-space: nowrap;
    padding: 1px 15px !important;
    color: #fff;
    background-color: #0f496f;
    opacity: 1 !important;
    width: auto !important;
    display: flex;
    align-items: center;
    height: fit-content !important;
    /* max-height: 40px !important; */
    border-radius: 0 6px 6px 0px !important;
}

.labelsGMap80 {
    border-right: 3px solid #d4d41c;
    color: #456;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    white-space: nowrap;
    padding: 1px 15px !important;
    color: #fff;
    background-color: #0f496f;
    opacity: 1 !important;
    width: auto !important;
    display: flex;
    align-items: center;
    height: fit-content !important;
    /* max-height: 40px !important; */
    border-radius: 0 6px 6px 0px !important;
}

.labelsGMap60 {
    border-right: 3px solid #61da11;
    color: #456;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    white-space: nowrap;
    padding: 1px 15px !important;
    color: #fff;
    background-color: #0f496f;
    opacity: 1 !important;
    width: auto !important;
    display: flex;
    align-items: center;
    height: fit-content !important;
    /* max-height: 40px !important; */
    border-radius: 0 6px 6px 0px !important;
}

.labelsGMap200 {
    border-right: 3px solid #ea0404;
    color: #456;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    white-space: nowrap;
    padding: 1px 15px !important;
    color: #fff;
    background-color: #0f496f;
    opacity: 1 !important;
    width: auto !important;
    display: flex;
    align-items: center;
    height: fit-content !important;
    /* max-height: 40px !important; */
    border-radius: 0 6px 6px 0px !important;
}

.labelsGMap110::before,
.labelsGMap80::before,
.labelsGMap60::before,
.labelsGMap200::before,
.labelsGMap::before {
    content: "";
    position: absolute;
    left: -9px;
    top: 0px;
    width: 0;
    border-top: 8px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #0f496f;
}

.lsbp-sent {
    margin-left: 3px;
    float: right;
}

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

.lsbp-sent p {
    font-size: 8px !important;
    margin-top: -5.5px;
    font-weight: bold;
}

.lsb-exp-status-sidebar {
    display: inline-flex;
}

div#mapPopup_driver_start_pracy {
    display: inline-flex;
}

.datepicker-wrapper {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 5px;
}

.datepicker-wrapper input {
    margin: 0 !important;
}

.datepicker-wrapper .ui-datepicker-trigger {
    cursor: pointer;
    /* position: static !important;
    margin: 0 !important; */
}

.datepicker-wrapper img.ui-datepicker-trigger {

    margin-left: 0px !important;
    margin-top: 10px;
    z-index: 99;
}

.dataTable.logSent th {
    padding: 5px !important;
}

.dataTable.logSent td {
    padding: 5px !important;
}


.editAPOIFromMap {
    cursor:pointer;
}

text.highcharts-credits {
    display: none !important;
}

tr.trTunelAlerts {
    height: 35px !important;
}

.new-blue-btn,
a#canceladdNewTunel {
    height: 24px !important;
}

.ltc-small {
    white-space: nowrap;
    font-size: 12px;
    bottom: 3px;
    font-weight: 900;
}


#settingseTollStatusDatagridToolbar .datagrid-header {
    color: #000;
    position: fixed !important;
    z-index: 10 !important;
    top: 195px !important;
}

#settingseTollTabs .datagrid-header {
    color: #000;
    position: fixed !important;
    z-index: 10 !important;
    top: 195px !important;
}

#settingseTollTabs .datagrid-view {
    overflow: auto !important;
    height: 700px !important;
    margin-top: 60px !important;
}
.report-overlay {
    position: absolute;
    top: 9px; 
    right: 86px; 
    
    width: 630px;
    z-index: 9999; 
    
    background: white;
    border: 1px solid #00a0e3;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    
    pointer-events: auto;
}

.report-header {
    background: #00a0e3;
    color: #fff;
    padding: 3px 7px;
    font-weight: bold;
    font-size: 12px;
}

.report-content {
    padding: 10px;
    font-size: 11px;
    line-height: 1.5;
}

.report-table td {
    padding: 3px 0;
    vertical-align: top;
}
.report-row {
    margin-bottom: 5px; 
    border-bottom: 1px hide #f0f0f0; 
}

.report-val {
    color: #333; 
}
.drivershowcepik {
    margin: 0;
    height: 15px !important;
    width: 20px !important;
    float: left;
    top: 1px;
}