/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}


/**/

html, body {
    height: 100%;
}

body {
    background-color: #fff;
    margin:0px;
    padding:0px;
    font-family: arial;
    color: #333;
    font-size: 12px;
}

button {
    font-family: arial;
    font-size: 11px;
}

p, h1, h2 ,h3, ul ,li {
    padding:0px;
    margin:0px;
    font-weight: normal;
}
a {text-decoration: none;}

a {color: #333;}
a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #000;}


ul, li {
    list-style:none;
    list-style-type:none;
}

.clear {
    clear:both;
    margin:0px;
    padding:0px;
    height:0px;
    line-height:0px;
}

.text_left {text-align: left;}
.text_center {text-align: center;}
.text_right {text-align: right;}

#toolbar {
    background: url(../images/toolbar.png);
    height: 40px;
}

#toolbar ul.menu li {
    display: block;
    float: left;
}

#toolbar ul.menu li span{
    display: block;
    background: url(../images/toolbar_li.png) no-repeat right center;
    padding-right: 2px;
}

#toolbar ul.menu li a {
    display: block;
    color: white;
    padding: 0 20px;
    line-height: 40px;
    text-decoration: none;
    display: block;
}

#toolbar ul.menu li:hover {background: url(../images/toolbar_li_h.png) repeat-x;}

#toolbar ul.menu li.active {background: url(../images/toolbar_li_h.png) repeat-x;}
#toolbar ul.menu li a.active{color: #52d0ff;}

#toolbar ul.menu li a:hover {color: #52d0ff;}

#toolbar ul.menu li.icon a {padding-left: 35px;}

#toolbar ul.menu li.home a {background: url(../images/toolbar_icon_home.png) no-repeat 10px center; text-indent: -9999px; width: 40px; padding: 0px;}

#toolbar ul.menu li.tracking a {background: url(../images/toolbar_icon_tracking.png) no-repeat 10px center;}

#toolbar ul.menu li.report a {background: url(../images/toolbar_icon_report.png) no-repeat 10px center;}

#toolbar ul.menu li.communication a {background: url(../images/toolbar_icon_communication.png) no-repeat 10px center;}

#toolbar ul.menu li.data a {background: url(../images/toolbar_icon_data.png) no-repeat 10px center;}

#toolbar ul.menu li.planning a {background: url(../images/toolbar_icon_planning.png) no-repeat 10px center;}

#toolbar ul.menu li.system a {background: url(../images/toolbar_icon_system.png) no-repeat 10px center;}


/*Hover*/

#toolbar ul.menu li.tracking a:hover,
#toolbar ul.menu li.tracking a.active {background: url(../images/toolbar_icon_tracking_h.png) no-repeat 10px center;}
#toolbar ul.menu li.active  {background: url(../images/toolbar_active_arrow.png) no-repeat  center 43px;}

#toolbar ul li.home a:hover,
#toolbar ul li.home a.active {background: url(../images/toolbar_icon_home_h.png) no-repeat 10px center;}

#toolbar ul li.report a:hover,
#toolbar ul li.report a.active {background: url(../images/toolbar_icon_report_h.png) no-repeat 10px center;}

#toolbar ul li.communication a:hover,
#toolbar ul li.communication a.active {background: url(../images/toolbar_icon_communication_h.png) no-repeat 10px center;}

#toolbar ul li.data a:hover,
#toolbar ul li.data a.active {background: url(../images/toolbar_icon_data_h.png) no-repeat 10px center;}

#toolbar ul li.planning a:hover,
#toolbar ul li.planning a.active {background: url(../images/toolbar_icon_planning_h.png) no-repeat 10px center; }

#toolbar ul li.system a:hover,
#toolbar ul li.system a.active {background: url(../images/toolbar_icon_system_h.png) no-repeat 10px center;}


#toolbar ul#lang2 {z-index: 10;}

#toolbar ul#lang2 li{
    background: none;
    float: left;
    display: block;
}

#toolbar ul#lang2 li a {
    color: #333;
    text-decoration: none;
    font-size: 10px;
    padding: 0px;
    line-height: 25px;
    margin-right: 5px;
    background: none;
    float: left;
    display: block;
}
#toolbar ul#lang2 li ahover {color: #000;}

#toolbar ul#lang2 li a.active {font-weight: bold; color: #333;}

#toolbar ul#lang2 li a.disabled {color: #333;}

#toolbar #user {
    position: absolute;
    right: 10px;
    width: 330px;
    color: white;
    line-height: 40px;
    text-align: right;
    top: 0px;
    right: 0px;
    /*overflow-x: hidden;*/
}
.dropdown_menu_transportbiro,
.dropdown_menu_tracking{
    position: absolute;
    color: white;
    line-height: 20px;
    text-align: left;
    top: 40px;
    width: 100% ;
    overflow-x: hidden;
    border: 1px solid #000000;
    z-index: 1000;
}

.dropdown_menu_tracking ul li a:hover {color: #52d0ff;}
.dropdown_menu_tracking ul {
    float: left;
    padding: 0 10px;
    color: #cccccc;
    font-size: 11px;
    background-color: #fff;
    width: 100%;

}


.dropdown_menu_report{
    position: absolute;
    color: white;
    line-height: 20px;
    text-align: left;
    top: 40px;
    width: 100% ;
    overflow-x: hidden;
    border: 1px solid #000000;
    z-index: 1000;
}

.dropdown_menu_report ul li a:hover {color: #52d0ff;}
.dropdown_menu_report ul {
    float: left;
    padding: 0 10px;
    color: #cccccc;
    font-size: 11px;
    background-color: #fff;
    width: 100%;

}


.dropdown_menu_communication{
    position: absolute;
    color: white;
    line-height: 20px;
    text-align: left;
    top: 40px;
    width: 100%;
    overflow-x: hidden;
    border: 1px solid #000000;
    z-index: 1000;

}
.dropdown_menu_communication ul li a:hover {color: #52d0ff;}
.dropdown_menu_communication ul{
    float: left;
    padding: 0 10px;
    color: #cccccc;
    font-size: 11px;
    background-color: #fff;
    width: 100%;
}


.dropdown_menu_data{
    position: absolute;
    color: white;
    display: block;
    line-height: 20px;
    text-align: left;
    top: 40px;
    left: 410px;
    border: 1px solid #000000;
    overflow-x: hidden;
    z-index: 1000;
}

.dropdown_menu_data ul li a:hover {color: #52d0ff;}
.dropdown_menu_data ul {
    float: left;
    padding: 0 10px;
    color: #cccccc;
    font-size: 11px;
    background-color: #fff;
    width: 100%;
}

.dropdown_menu_system{
    position: absolute;
    color: white;
    display: block;
    line-height: 20px;
    text-align: left;
    top: 40px;
    left: 630px;
    border: 1px solid #000000;
    overflow-x: hidden;
    z-index: 1000;
}
.dropdown_menu_system ul li a:hover {color: #52d0ff;}
.dropdown_menu_system ul{
    float: left;
    padding: 0 10px;
    color: #cccccc;
    font-size: 11px;
    background-color: #fff;
    width:100%;
}

.dropdown_menu_transportbiro ul li a:hover {color: #52d0ff;}
.dropdown_menu_transportbiro ul{
    float: left;
    padding: 0 10px;
    color: #cccccc;
    font-size: 11px;
    background-color: #fff;
    width:100%;
}
/*--------------------------------------------------------------*/

#user ul.user_menu li {
    float: right;
    display: block;
    padding: 0 10px;
    color: #cccccc;
    font-size: 11px;
    background: url(../images/toolbar_li.png) no-repeat left center;
}

#user ul.user_menu li.user_icon {
    background-image: none;
}

#user ul.user_menu li a{
    display: block;
    color: #eee;
    text-decoration: none;
}

#user ul.user_menu li.user_logout a{
    display: block;
    color: #eee;
    text-indent: -9999px;
    background: url(../images/logout.png) no-repeat left center;
    display: block;
    width: 20px;
}

#user ul.user_menu li.user_logout a:hover{
    background: url(../images/logout_hover.png) no-repeat left center;

}

#user ul.user_menu li.user_down {
    background: url(../images/toolbar_icon_user.png) no-repeat left center;
    padding-left: 17px;
    margin-right: 7px;
    padding-right: 5px;
}

#user ul.user_menu li.user_down a{
    width: 10px;
    background: url(../images/user_down.png) no-repeat center center;
    display: block;
    text-indent: -9999px;
    display: block;
    padding: 0px;
}

#toolbar #user ul.user_floats li.user_text {text-decoration: none;}

#toolbar #user li a:hover {color: #52d0ff;}


#user ul.user_menu li div.user_mail,
#user ul.user_menu li div.user_company {
    padding: 0px;
    float: none;
    margin: 0px;
    display: block;
    line-height: 12px;
}

#user ul.user_menu li div.user_company {
    line-height: 12px;
}

#user ul.user_menu li div.user_mail {
    overflow-x: hidden;
    width: 200px;
}


#user ul.user_menu li div.user_mail a { font-size: 10px; }
#user ul.user_menu li div.user_company a { color: #ccc;font-size: 11px; }

#user_info {
    background-color: #fff;
    color: #333;
    position: absolute;
    right: 0px;
    top: 50px;
    width: 200px;
    display: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    line-height: 16px;
    text-align: left;
    z-index: 999;
}

#user_info .bottom {
    background-color: #eee;
    padding: 10px 5px;
    clear: both;
    height: 10px;
}

.user_info_body {
    padding: 10px;
}

a.user_logout {

}

p.name {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

/*SubMeni*/

#section_toolbar {
    height: 26px;
    background: url(../images/section_toolbar.png) repeat-x center left;
    border-bottom: 1px solid #aaaaaa;
}

#section_toolbar ul {padding: 5px 0;}

#section_toolbar ul li {
    display: block;
    margin: 0px;
}

#section_toolbar ul li a {
    display: block;
    float: left;
    color: #000;
    padding: 0 10px;
    line-height: 14px;
    margin-right: 5px;
    text-decoration: none;
    display: block;
    border-top: 2px solid #d9d9db;
    font-size: 11px;
}

#section_toolbar ul li.active a{
    background-color: #fbfbfd;
    border-top: 2px solid #5cd3ff;
}

#section_toolbar ul li a.active{color: #000000;}

#section_toolbar ul li a:hover {color: black;}


/**/

#login_container {
    margin: 200px auto 0 auto;
    width: 300px;
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 30px 40px;
    -moz-box-shadow:    1px 1px 5px 2px #b7b9c2;
    -webkit-box-shadow: 1px 1px 5px 2px #b7b9c2;
    box-shadow:         1px 1px 5px 2px #b7b9c2;
    position: relative;
    margin-bottom: 40px;
}

#login_container h1 {
    font-size: 22px;
    color: #535353;
    border-bottom: 1px solid #e6e7e9;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-family: Arial;
}

#login_container h1 span {
    font-size: 14px;
    color: #6d6d6d;
}

#login_container .form-text {
    padding: 10px;
    background-color: white;
    border: 1px solid #ccc;
    padding-left: 40px;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 250px;
}

#login_container input.username {background: url(../images/login_user.png) no-repeat left center #fff;}
#login_container input.password {background: url(../images/login_pass.png) no-repeat left center #fff;}


#login_container #checkbox {
    float: left;
    margin-right: 10px;
}

#login_container .remember {float: left;}

#login_container input.form-submit {
    background: url("../images/submit.png") repeat-x scroll left top #ccc;
    border: 1px solid #9fa2ae;
    color: #4e515c;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 20px;
    text-align: center;
    border-radius: 10px;
    float: right;
}

#login_container .forgot {
    width: 200px;
    position: absolute;
    bottom: -30px;
    left: 80px;
    text-align: center;
}

/**/

#wrapper {
    background-color: white;
    clear: both;
    background: url(../images/big-fade.png) repeat-x left -20px;
    padding: 1px;
}

table#vehicleTable {
    overflow: hidden;
}

#container {
    /** background: url(../images/tile.png) repeat #eee;  **/
}

#content {
    clear: both;
    padding: 0px;
}

#filter {
    background-color: #eaeaea;
    padding:  5px 10px;
    clear: both;
    margin-bottom: 5px;
    font-size: 11px;
    background-color: #e9e9ea;
    border-top: 1px solid #d4d4d5;
    border-bottom: 1px solid #d4d4d5;
    line-height: 25px;
    overflow: hidden;
}

#filter form {
    height: 25px;
}
.filter_input {float: left;}

.filter_buttons {
    width: 210px;
    float: left;
}


button#btnEtape,
button#btnPostavke,
button#btnRelacije {
    background: url(../images/submit_blank_3.png) no-repeat left center;
    height: 25px;
    display: block;
    color: #333;
    padding: 0 10px;
    line-height: 25px;
    border: none;
    float: left;
    margin-right: 5px;
    margin-bottom: 7px;
    width: 108px;
}


button#btnZapri {
    background: url(../images/submit_blank_2.png) no-repeat left center;
    height: 25px;
    display: block;
    color: #333;
    padding: 0 10px;
    line-height: 25px;
    border: none;
    float: left;
    margin-right: 5px;
    margin-bottom: 7px;
    width: 84px;
}

button#btnEtape:hover,
button#btnPostavke:hover,
button#btnRelacije:hover,
button#btnZapri:hover {
    cursor: pointer;
    opacity: 0.8;
}



button.submit_blank {
    background: url(../images/submit_blank.png) no-repeat left center;
    width: 60px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 10px;
    line-height: 25px;
    border: none;
    float: left;
    margin-right: 5px;
}



button.submit_blank:hover {
    background: url(../images/submit_blank_hover.png) no-repeat left center;
    cursor: pointer;
}

button.submit_view {
    background: url(../images/submit_view.png) no-repeat left center;
    width: 100px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 10px;
    line-height: 25px;
    border: none;
    float: left;
    margin-right: 5px;
}

button.submit_xls {
    background: url(../images/xls_export.png) no-repeat left center;
    width: 100px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 10px;
    line-height: 25px;
    border: none;
    float: left;
    margin-right: 5px;
}

button.submit_pdf {
    background: url(../images/submit_pdf.png) no-repeat left center;
    width: 100px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 10px;
    line-height: 25px;
    border: none;
    float: left;
    margin-right: 5px;
}

button.submit_json {
    background: url(../images/json_export.png) no-repeat left center;
    width: 100px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 10px;
    line-height: 25px;
    border: none;
    float: left;
    margin-right: 5px;
}

button.submit_view:hover {
    background: url(../images/submit_view_hover.png) no-repeat left center;
    cursor: pointer;
}

button.submit_delete {
    background: url(../images/submit_delete.png) no-repeat left center;
    width: 100px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 10px;
    line-height: 25px;
    border: none;
    float: left;
}

button.submit_delete:hover {
    background: url(../images/submit_delete_hover.png) no-repeat left center;
    cursor: pointer;
}

button.submit_reset {
    background: url(../images/submit_reset.png) no-repeat left center;
    width: 100px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 10px;
    line-height: 25px;
    border: none;
    float: left;
}

button.submit_reset:hover {
    background: url(../images/submit_reset_hover.png) no-repeat left center;
    cursor: pointer;
}



button.submit_ok  {
    background: url(../images/submit_ok.png) no-repeat left center;
    width: 100px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 10px;
    line-height: 25px;
    border: none;
    float: left;
    margin-right: 5px;
}

button.submit_ok:hover {
    background: url(../images/submit_ok_hover.png) no-repeat left center;
    cursor: pointer;
}

button.submit_ok_pdf  {
    background: url(../images/submit_ok_pdf.png) no-repeat left center;
    width: 120px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 10px;
    line-height: 25px;
    border: none;
    float: left;
    margin-right: 5px;
}

button.submit_ok_pdf:hover {
    background: url(../images/submit_ok_pdf_hover.png) no-repeat left center;
    cursor: pointer;
}

button.submit_cancel {
    background: url(../images/submit_cancel.png) no-repeat left center;
    width: 100px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 10px;
    line-height: 25px;
    border: none;
    float: left;
}

.button_con button.submit_delete { padding-left: 20px;}

button.submit_cancel:hover {
    background: url(../images/submit_cancel_hover.png) no-repeat left center;
    cursor: pointer;
}



.new_bt {
    width: 100px;
    float: right;
    margin-right: 5px;
}

.new_bt a {
    background: url(../images/submit_new.png) no-repeat left center;
    width: 100px;
    height: 25px;
    display: block;
    color: #333;
    padding-left: 24px;
    line-height: 25px;
}

.new_bt a:hover { background: url(../images/submit_new_hover.png) no-repeat left center; }

.DataTables_sort_wrapper {line-height: 16px;}

.DataTables_sort_icon {
    position: absolute;
    width: 16px;
    height: 16px;
    left: -8px;
    top: 0px;
}

/*Filter Form Elements*/


.form-item {
    float: left;
    margin-right: 10px;
}

.form-sub-item {
    float: left;
    margin-right: 10px;
}

.form-item_group {
    float: left;
    margin-right: 10px;
    width: 250px;
}

.form-item_group2 {
    float: left;
    margin-right: 0px;
    width: 520px;
}


.form-item_group2_correction {
    float: left;
    margin-right: 0px;
    width: 250px;
}


.form-item_group2_naslov_correction{  /*Dodal Denis. Mitja prosim preveri.*/
    margin-left: 0px;
    width: 506px;

}

.form-item_single {
    float: left;
    margin-right: 10px;
    width: 300px;
}

.form-item label {
    float: left;
    margin-right: 10px;
    line-height: 25px;
}


.form-item .item-content {float: left;}

.form-item .select-item {margin-right: 10px;    }

.tfield {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    font-size: 11px;
}

#filterForm .form-item input {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    font-size: 11px;
    width: 100px;
}

input.filterInput {
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 3px;
    font-size: 11px;
    width: 100px;
    margin-top:0px;
}

#filterForm .form-item select {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    padding: 4px 2px 3px 3px;
    margin-top: 1px;
    height: 25px;
}

#filterForm .form-item select#skpVozil,
#filterForm .form-item select#cars,
#filterForm .form-item select#skpVozil {
    width: 120px;
}

#status_bar a#gRefresh {
    line-height: 25px;
    background: url(../images/tracking_refresh.png) no-repeat center center;
    width: 25px;
    text-indent: -9999px;
    display: block;
}

/*.DTTT_container {*/
/*display: none;*/
/*}*/

.DTTT_button_copy {
    display: none;
}
/*.DTTT_button_xls {*/
    /*display: none;*/
/*}*/
.DTTT_button_print {
    display: none;
}


.dataTables_wrapper {padding: 0px 10px;}
#tabs .dataTables_wrapper {padding: 0px 0px;}
#tabspop .dataTables_wrapper {padding: 0px 0px;}

#vehicles .dataTables_wrapper {padding: 0px 0px;}

.dataTables_wrapper .ui-buttonset { margin-right: 0px; }


#DataTables_Table_0_wrapper  a.ui-button {
    padding: 5px;
    margin:  0 5px 2px 5px;
    padding-left: 20px;
    border-radius: 3px;
    background-color: #eee;

}
a.DTTT_button_copy {
    background: url(../images/copy.png) no-repeat 5px center;
}

a.DTTT_button_csv {
    background: url(../images/excel.png) no-repeat 5px center;
}


a.DTTT_button_xls {
    background: url(../images/excel.png) no-repeat 5px center;
}

a.DTTT_button_pdf {
    background: url(../images/pdf.png) no-repeat 5px center;
    display: none;
}

a.DTTT_button_print {
    background: url(../images/print.png) no-repeat 5px center;
}

.ui-buttonset-multi {
    float: right;
}
.dataTables_filter {
    float: right;
}

.dataTables_filter .filterLabel {
    text-indent: -9999px;
    background: url(../images/icon_filter.png) no-repeat left center;
    width: 20px;
    float: left;
    line-height: 20px;
    height: 20px;
}


table tbody ul li a {
    float: left;
    display: block;
    margin-right: 0px;
}

table tbody .graf ul li {
    float: right;
    display: block;
    margin-right: 0px;
}

a.thumb_icon_check {
    background: url(../images/icon_check.png) no-repeat center center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.thumb_icon_lock {
    background: url(../images/icon_lock.png) no-repeat center center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_magnify {
    background: url(../images/table_magnify.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_magnify_disabled {
    background: url(../images/table_magnify_disabled.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_multiple {
    background: url(../images/table_multiple.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_delete {
    background: url(../images/table_delete.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_sound_on {
    background: url(../images/sound_on.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_sound_off {
    background: url(../images/sound_off.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_download {
    background: url(../images/table_download.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_colorPicker {
    background: url(../images/table_icon_colorPicker.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_note {
    background: url(../images/table_icon_note.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_verify {
    background: url(../images/icon_check.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_delete_disabled {
    background: url(../images/table_delete_disabled.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_edit {
    background: url(../images/table_edit.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_edit_disabled {
    background: url(../images/table_edit_disabled.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_close {
    background: url(../images/table_close.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_close_disabled {
    background: url(../images/table_close_disabled.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_add {
    background: url(../images/table_add.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_add_disabled {
    background: url(../images/table_add_disabled.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_map {
    background: url(../images/table_map.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_map_disabled {
    background: url(../images/table_map_disabled.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_report {
    background: url(../images/table_icon_goto_report.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_report_disabled {
    background: url(../images/table_icon_goto_report_disabled.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}


a.table_icon_go {
    background: url(../images/table_go.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_go_disabled {
    background: url(../images/table_go_disabled.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}



a.table_icon_message_unread {
    background: url(../images/chat_neprebrano.png) no-repeat left center;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
}

a.table_icon_message_read {
    background: url(../images/chat_prebrano.png) no-repeat left center;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
}

a.table_icon_message_cancel {
    background: url(../images/chat_preklicano.png) no-repeat left center;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
}

a.table_icon_message_alarm {
    background: url(../images/chat_akcija_alarm.png) no-repeat left center;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
}

a.table_icon_pdf {
    background: url(../images/pdf.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

a.table_icon_pdf_disabled {
    background: url(../images/pdf.png) no-repeat left center;
    width: 18px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

a.table_icon_graf {
    background: url(../images/graf.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

a.table_icon_move_up  {
    background: url(../images/arrow-up.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

a.table_icon_move_up_disabled  {
    background: url(../images/arrow-up_disabled.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

a.table_icon_move_down  {
    background: url(../images/arrow-down.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

a.table_icon_move_down_disabled  {
    background: url(../images/arrow-down_disabled.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

a.table_icon_remove_disabled  {
    background: url(../images/cross_disabled.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

a.table_icon_remove  {
    background: url(../images/cross.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

a.table_icon_popMenu  {
    background: url(../images/table_icon_popMenu.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

a.page_icon_json  {
    background: url(../images/page_json2.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

a.page_icon_csv  {
    background: url(../images/page_csv2.png) no-repeat left center;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 16px;
}

img.float_img{
    display: block;
    float: left;
    margin-right: 5px;
}
.float{
    float: left;
}


.button_container {
    width: 210px;
    background-color: yellow;
    float: left;
}

.DataTables_sort_wrapper{
    position: relative;
    padding-left: 7px;
}


.tfield_short {width: 30px;}

.checkbox {margin-right: 15px;}

.date_picker {
    background: url(../images/date_picker_icon.png) no-repeat 90px center #fff;
    width: 75px;
    padding-right: 30px;
}

.time_picker {
    background: url(../images/date_picker_icon.png) no-repeat 115px center #fff;
    padding-right: 30px !important;
}

.submit {
    border-radius: 7px;
    padding: 10px;
    background-color: #32363d;
    color: #eee;
    border: 3px solid #ccc;
    margin: 10px 0;
}

.submit:hover {
    color: white;
    border: 3px solid #a8d7f3;
}

#content table {
    background-color: #fff;
    width: 100%;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}

#content table th {
    padding:  3px 6px;
    text-align: left;
background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#E4E4E4), color-stop(0.6, white));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e4e4');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e4e4')";    color: #666;
    font-size: 11px;
    line-height: 16px;
    border-bottom: 1px solid #d6d6d9;
    border-top: 1px solid #d6d6d9;
    border-right: 1px solid #d6d6d9;
    border-left: 0px solid #d6d6d9;
    font-weight: bold;
}


#content table td {
    padding: 3px 6px;
    border-right: 1px solid #ccc;
    font-size: 11px;
    vertical-align: middle;
    line-height: 16px;
    color: #262626;
}

.dataTables_wrapper .ui-icon {
    background: url(../images/arrow_up_down.png) no-repeat center center;
}

.dataTables_wrapper .ui-icon-triangle-1-s {
    background: url(../images/arrow_down.png) no-repeat center center;
}

.dataTables_wrapper .ui-icon-triangle-1-n {
    background: url(../images/arrow_up.png) no-repeat center center;
}

.dataTables_scrollBody {
    border-bottom: 1px solid #CCC;
}

#content table td .address {
    max-height: 40px;
    overflow: hidden;
}

table#vehiclesTable tr {
    cursor: pointer;
}

#content table tr:nth-child(even) {background: #e8e8e8}
#content table tr:nth-child(odd) {background: #FFF}

#content table tr.second {background-color: #eaeaea;}
#content table tr:hover {background-color: #ceecff;}
#content table tr.active {background-color: #aeccdf;} /* Mitja: popravi barvo, to zdej je nekaj napamet. Nejc */

#content table tr.emphasised {background-color: #c7e0ef;}

#content table tr.emphasised:nth-child(even) {background: #ebf4f9}
#content table tr.emphasised:nth-child(odd) {background: #dbebf5}

.display22 tr:nth-child(even) {background: #FFF !important}
.display22 tr:nth-child(odd) {background: #FFF !important  }
.display22 tr.emphasised:nth-child(even) {background: #FFF !important}
.display22 tr.emphasised:nth-child(odd) {background: #FFF !important}
.display22 tr {
    border-bottom: 1px solid #d6d6d9 !important;
    border-top: 1px solid #d6d6d9 !important;
    border-right: 1px solid #d6d6d9 !important;
    border-left: 1px solid #d6d6d9 !important;
}

/* Označevanje vozečih vozil  */
#content table td.driving {background-color: greenyellow;  }

#content table td.waiting {background-color: tomato;}

#filter .dropdown-menu label {display: inline;}​

#content table tbody td .dot_red {
                                                   background: url(..images/dot_status_red.png) no-repeat center center #eee;
                                                   width: 10px;
                                                   height: 10px;
                                                   display: block;
                                               }

.dot_green{background: url(..images/dot_status_green.png) no-repeat center center;}

/*th drop down*/

.sort {position: relative; display: block; }

.sort_th:hover .sort_arrow {
    display: block;
}

.sort_label {
    padding-right: 20px;
    cursor: pointer;
}

.sort_arrow {
    background: url(../images/th_drop.png) no-repeat center center;
    width: 23px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0px;
    display: block;
    text-indent: -9999px;
    z-index: 55;
    display: none;
    margin-top: -5px;
    margin-right: -7px;
}

ul.sort_menu {
    background-color: #eee;
    border: 1px solid #cacaca;
    padding: 5px;
    width: 100px;
    position: absolute;
    right: -95px;
    top: 13px;
    display: none;
    -moz-box-shadow: 3px 3px 4px #979797;
    -webkit-box-shadow: 3px 3px 4px #979797;
    box-shadow: 3px 3px 4px #979797;
    border-radius: 3px;

}

#sort_menu8 {
    position: absolute;
    right: -5px;
}

ul.sort_menu li {display: block;}

ul.sort_menu li a {
    display: block;
    padding: 5px;
    background-color: white;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    padding-left: 25px;

}
ul.sort_menu li a:hover {background-color: white;}

ul.sort_menu li a.dsc {background: url(../images/button_dsc.png) no-repeat left center;}
ul.sort_menu li a.asc {background: url(../images/button_asc.png) no-repeat left center;}

ul.sort_menu li a.dsc:hover {background: url(../images/button_dsc.png) no-repeat left center #fff;}
ul.sort_menu li a.asc:hover {background: url(../images/button_asc.png) no-repeat left center #fff;}

.arrow_dsc {
    background: url(../images/bullet_arrow_down.png) no-repeat left center;
    padding-left: 10px;
}

.arrow_asc {
    background: url(../images/bullet_arrow_up.png) no-repeat left center;
    padding-left: 10px;
}

ul.sort_menu li a:hover {background-color: #eee;}

th.sort_th {
    padding-right: 20px;
    position: relative;
}

th.sort_th:hover {
    background: url(../images/th_bg.png) repeat-x left top #d6d6d9;
}


#form {
    background-color: #eee;
    padding: 20px;
    margin-bottom: 10px;
}

.form_close {
    height: 100px;
    background-color: #eee;
}

.form_azuriraj {
    height: 230px;
    background-color: #eee;

}

#form label {
    float: left;
    width: 120px;
    display: block;
    padding: 10px;
}

#form input {
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
}

#form div {clear: both;}

.form-submit {
    clear: both;
    background-color: #3c4148;
    color: #eee;
    padding: 10px;
    border: 3px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
}

.form-submit_small {
    clear: both;
    color: #333;
    padding: 5px 10px;
    border: 1px solid #9e9e9e;
    border-radius: 7px;
    cursor: pointer;
    margin-top: 0px;
    font-size: 11px;
    display: inline-block;
    background: url(../images/submit_small.png) repeat-x left bottom;
}

.form-submit_small2 {
    color: #333;
    padding: 7px 14px;
    border: 1px solid #9e9e9e;
    border-radius: 7px;
    cursor: pointer;
    margin-top: 0px;
    font-size: 11px;
    display: inline-block;
    background: url(../images/submit_small.png) repeat-x left bottom;
    float: left;
}

a.close_btn {
    color: #333;
    padding: 8px 10px;
    border: 1px solid #9e9e9e;
    display: block;
    border-radius: 7px;
    cursor: pointer;
    margin-top: 0px;
    font-size: 11px;
    display: inline-block;
    background: url(../images/submit_small.png) repeat-x left bottom;
    display: block;
    width: 40px;
    text-align: center;
    float: left;
    margin-left: 5px;
}

.form-submit_small:hover,
.form-submit_small2:hover,
a.close_btn:hover {
    background: url(../images/submit_small_h.png) repeat-x left bottom;
}

.form-submit2 {
    clear: both;
    background-color: #ccc;
    color: #333;
    padding: 10px;
    border: 3px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
}

.edit_potninalog #form {height: 170px;}

#status_bar {
    position: absolute;
    top: 46px;
    right: 0px;
}

#status_bar label {font-size: 11px;}

#status_bar .form-item{float: right;}

#refreshInterval-button{width: 130px;}

/*Multi select fix*/


/*Calendar fix*/

.ui-datepicker-header {font-weight: normal;}

.ui-datepicker-title  {font-weight: normal;}

table.ui-datepicker-calendar td {
    margin: 0px;
    padding: 0px;
}

table.ui-datepicker-calendar thead {
    background-color: #eee;
}

table.ui-datepicker-calendar thead th{
    color: #333;
    font-weight: normal;
}

table.ui-datepicker-calendar a.ui-state-default {
    background-color: white;
    border: 1px solid #D3D3D3;
    color: #555555;
    font-size: 11px;
    font-weight: normal;
    background: url(../images/calendar_cell_bg.png) repeat-x #eee;
    display: block;
    text-align: center;
    line-height: 20px;
}

table.ui-datepicker-calendar a.ui-state-default:hover {
    background: url(../images/calendar_cell_bg_h.png) repeat-x #eee;
    color: black;
}

table.ui-datepicker-calendar a.ui-state-highlight {
    background-image: none;
    background-color: #999;
    color: #fff;
}
table.ui-datepicker-calendar a.ui-state-active {
    background: url(../images/calendar_cell_bg_a.png) repeat-x #428bcf;
    color: white;
}

/**/

#ui-timepicker-div-form_closedTime {
    background-color: #eee;
    padding: 7px;
}

#ui_tpicker_time_label_form_closedTime,
#ui_tpicker_time_form_closedTime,
#ui_tpicker_hour_label_form_closedTime {
    float: left;
    width: 40px;
    font-size: 11px;
    margin-bottom: 5px;
}

#ui_tpicker_minute_label_form_closedTime {font-size: 11px;}

.ui_tpicker_hour {clear: both;}

#ui_tpicker_hour_form_closedTime {margin: 5px 0;}

dd.ui_tpicker_hour #ui_tpicker_hour_form_closedTime {
    background: url(images/dummy.png) #fff;
    border: 1px solid #ccc;
}

dd.ui_tpicker_hour #ui_tpicker_hour_form_closedTime a.ui-slider-handle {background-color: #ccc;}

#ui_tpicker_minute_label_form_closedTime {margin: 5px 0;}

dd.ui_tpicker_minute #ui_tpicker_minute_form_closedTime {
    background: url(images/dummy.png) #fff;
    border: 1px solid #ccc;
}

dd.ui_tpicker_minute #ui_tpicker_minute_form_closedTime a.ui-slider-handle {
    background-color: #ccc;
}


#dashboard_main {
    padding: 10px;
    width: 1060px;
    margin-top: 20px;
    margin-left: 20px;
}

.dash_coll_left {
    float: left;
    width: 306px;
    margin-right: 20px;
}

.dash_coll_right {float: left; width: 306px;}



/**/

.dash_thumb {
    background: url(../images/dash_thumb.png) no-repeat;
    width: 306px;
    height: 82px;
    padding-bottom: 20px;
}

.thumb_opacity {opacity: 0.4;}


a.thumb_icon_tracking {
    background: url(../images/thumb_icon_tracking.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_tracking_map {
    background: url(../images/thumb_icon_tracking_map.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_tracking_table {
    background: url(../images/thumb_icon_tracking_table.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_reports {
    background: url(../images/thumb_icon_reports.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_reports_gps {
    background: url(../images/thumb_icon_reports_gps.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_reports_can {
    background: url(../images/thumb_icon_reports_gps.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_data {
    background: url(../images/thumb_icon_data.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_data_vehicle {
    background: url(../images/thumb_icon_data_vehicle.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_data_group {
    background: url(../images/thumb_icon_data_group.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_data_driver {
    background: url(../images/thumb_icon_data_driver.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_data_driver_change {
    background: url(../images/thumb_icon_data_driver_change.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_data_trailer {
    background: url(../images/thumb_icon_data_trailer.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_data_trailer_change {
    background: url(../images/thumb_icon_data_trailer_change.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_comm {
    background: url(../images/thumb_icon_comm.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}

a.thumb_icon_plan {
    background: url(../images/thumb_icon_plan.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}
a.thumb_icon_system {
    background: url(../images/thumb_icon_system.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}
a.thumb_icon_android {
    background: url(../images/thumb_icon_android.png) no-repeat center center;
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    text-indent: -9999px;
}
.thumb_text {
    padding: 10px;
    height: 80px;
    width: 200px;
    float: left;
}

.thumb_text h2 {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.thumb_text p {
    font-size: 11px;
    padding: 3px 0;
    font-weight: normal;
    color: #666;
}

/**/
.icon_map{
    background: url(../images/dash_icon_map.png) no-repeat;
    width: 70px;
    height: 50px;
    float: left;
    display: block;
    text-indent: -9999px;
}

.icon_table{
    background: url(../images/dash_icon_table.png) no-repeat;
    width: 70px;
    height: 50px;
    float: left;
    display: block;
    text-indent: -9999px;
}
.icon_system{
    background: url(../images/dash_icon_system.png) no-repeat;
    width: 70px;
    height: 50px;
    float: left;
    display: block;
    text-indent: -9999px;
}

.icon_path{
    background: url(../images/dash_icon_path.png) no-repeat;
    width: 70px;
    height: 50px;
    float: left;
    display: block;
    text-indent: -9999px;
}

#dash_borad .thumb h3,
#dash_borad2 .thumb h3{
    width: 200px;
    float: left;
    font-size: 16px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px dotted #ccc;
}

#dash_borad .thumb p,
#dash_borad2 .thumb p{line-height: 18px;}


.dbCategory{ padding-bottom: 10px;}

.dbCategory h2{
    color: #333;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    padding: 5px 0 10px 0;
    font-size: 18px;
}

#dash_borad .db_category_bg {
    background: url(../images/dashboard_bg.png) repeat-x;
    padding: 10px;
}

#dash_borad_main .db_category_bg {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

#mygps_overlay {
    display: none;
    overflow: hidden;
    position:absolute;
    width: 100%;
    height: 100%;
    left:0px;
    top:0px;
    font-family:verdana;
    font-weight:bold;
    padding:0px;
    z-index:999998;
    background-image:url(../images/mask_bg.png);
    /* ieWin only stuff */
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/mask_bg.pngg');

}

#mygps_loading {
    width: 80px;
    border-radius: 7px;
    padding: 10px;
    position: fixed;
    display: none;
    text-align: center;
    z-index: 999999;
    color: white;
    background: url(../images/loading_bg.png) repeat;
    color: #ccc;
}

.load_text {
    font-size: 10px;
    padding: 5px 0;
    margin-top: 5px;
    color: #ccc;
}

#dialog { display: none;}


/*TODO: Mitja style this input /reports */
#summary {
    padding: 12px;
    clear: both;
    margin-bottom: 15px;
    font-size: 11px;
    border-radius: 5px;
    border: 1px solid #eee;
    line-height: 30px;
}


#grid-vozila-tabs{
    padding: 0;
    margin: 0;
    clear: both;
}

#grid-vozila{
    margin: 0;
    padding: 0;
}

#grid-vozila-tab-items{
    border: none;
    border-bottom: 1px solid #ccc;
    background: url(../images/tab_bg.png) repeat-x left bottom #fff;
    padding: 0;
    margin: 0;
    height: 36px;
}

#grid-prikolice{
    margin: 0;
    padding: 0;
}

#tabs {
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #ccc;
    background: url(../images/tab_bg.png) repeat-x left bottom #fff;

}


#tab_items {
    border: none;
    border-bottom: 1px solid #ccc;
    background: url(../images/tab_bg.png) repeat-x left bottom #fff;
    padding: 5px 0 0px 10px;
}

#tabs .ui-widget-header {background-color: transparent;}

#tabs ul.ui-tabs-nav {
    padding: 0px;
    margin: 0;
    background-image: none;
    border-radius: 0px;
    border:none;
}

#tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0;padding-bottom: 0px;}

#tabs .ui-tabs-nav li {
    margin-right: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:0;
    border-bottom-left-radius:0;
    border: 1px solid #ccc;
}

#tabs ul.ui-tabs-nav li.ui-state-default a{
    background-color: #dfdfe1;
    font-weight: bold;
}

#tabs ul.ui-tabs-nav li.ui-tabs-selected a {background-color: #fff;}
#tabs ul.ui-tabs-nav li.ui-state-default:hover {border: 1px solid #ccc;}

#tabs ul.ui-tabs-nav li.ui-state-default a:hover {background: url(../images/tab_active.png) repeat-x left top #fff;}
#tabs ul.ui-tabs-nav li.ui-tabs-selected a:hover {background-image: none;}

#tabs .ui-tabs-panel {border: 1px solid #ccc;}


#tabs div.dataTables_scroll { clear: both; }

#tabs div.dataTables_info {
    display: block;
    float: left;
    clear: none;
    width: 50%;
    height: 30px !important;
    line-height: 30px !important;
}

#tabs div.dataTables_paginate {
    display: block;
    float: left;
    width: 50%;
    height: 30px !important;
    line-height: 30px !important;
    text-align: right;
    clear: none;
}

#tabs div.dataTables_paginate span.paginate_button,
#tabs div.dataTables_paginate span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
}

#tabs div.dataTables_paginate span.paginate_button {
    background-color: #ddd;
}

#tabs div.dataTables_paginate span.paginate_button:hover {
    background-color: #ccc;
}

#tabs div.dataTables_paginate span.paginate_active {
    background-color: #a4d5ff;
}

#tabspop .ui-widget-header {background-color: transparent;}

#tabspop ul.ui-tabs-nav {
    padding: 0px;
    margin: 0;
    background-image: none;
    border-radius: 0px;
    border:none;
}

#tabspop .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0;padding-bottom: 0px;}

#tabspop .ui-tabs-nav li {
    margin-right: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:0;
    border-bottom-left-radius:0;
    border: 1px solid #ccc;
}

#tabspop ul.ui-tabs-nav li.ui-state-default a{
    background-color: #dfdfe1;
    font-weight: bold;
}

#tabspop ul.ui-tabs-nav li.ui-tabs-selected a {background-color: #fff;}
#tabspop ul.ui-tabs-nav li.ui-state-default:hover {border: 1px solid #ccc;}

#tabspop ul.ui-tabs-nav li.ui-state-default a:hover {background: url(../images/tab_active.png) repeat-x left top #fff;}
#tabspop ul.ui-tabs-nav li.ui-tabs-selected a:hover {background-image: none;}

#tabspop .ui-tabs-panel {border: 1px solid #ccc;}


#tabspop div.dataTables_scroll { clear: both; }

#tabspop div.dataTables_info {
    clear: none;
    width: 50%;
    height: 30px !important;
    line-height: 30px !important;
}

#tabspop div.dataTables_paginate {
    width: 50%;
    height: 30px !important;
    line-height: 30px !important;
    text-align: right;
    clear: none;
}

#tabspop div.dataTables_paginate span.paginate_button,
#tabspop div.dataTables_paginate span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
}

#tabspop div.dataTables_paginate span.paginate_button {
    background-color: #ddd;
}

#tabspop div.dataTables_paginate span.paginate_button:hover {
    background-color: #ccc;
}

#tabspop div.dataTables_paginate span.paginate_active {
    background-color: #a4d5ff;
}

/*.top {*/
    /*height: 28px;*/
    /*line-height: 28px;*/
    /*border: 1px solid #CCC;*/
    /*background-color: #d8d8db;*/
    /*color: #000;*/
    /*background: url(../images/th_bg.png) repeat-x left bottom #d6d6d9;*/
    /*border-bottom: 1px solid #d6d6d9;*/
    /*border-top: 1px solid #d6d6d9;*/
    /*border-right: 1px solid #d6d6d9;*/
    /*font-size: 11px;*/
    /*padding:  2px 7px;*/
/*}*/


.driveOn {
    background: url(../images/dot_green.png) no-repeat 5px center;
    padding-left: 15px;
}

.driveOnNalepka {
    background: url(../images/dot_blue.png) no-repeat 5px center;
    padding-left: 15px;
}

.driveOff {
    background: url(../images/dot_red.png) no-repeat 5px center;
    padding-left: 15px;
}

.driveOffADR {
    background: url(../images/dot_violet.png) no-repeat 5px center;
    padding-left: 15px;
}

.driveOnOff {
    background: url(../images/dot_yellow.png) no-repeat 1px center;
    padding-left: 0px;
}

.driveOnOffCustom {
    background: url(../images/dot_red_yellow_prsTek.png) no-repeat 5px center;
    padding-left: 15px;
}

.driveOnOffCustom2 {
    background: url(../images/dot_red_green_premik.png) no-repeat 5px center;
    padding-left: 15px;
}

.driveError {
    background: url(../images/dot_orange.png) no-repeat 5px center;
    padding-left: 15px;
}

.driveOnOffPorocila {
    background: url(../images/dot_yellow.png) no-repeat 5px center;
    padding-left: 15px;
}

.vehicle_status .driveOff {
    padding-left: 22px;
    display: block;
}

.vehicle_status .driveOn{
    padding-left: 22px;
    display: block;
}
.vehicle_status .driveOnNalepka{
    padding-left: 22px;
    display: block;
}
.vehicle_status .driveOnOff{
    padding-left: 11px;
    display: block;
}
.vehicle_status .driveError{
    padding-left: 22px;
    display: block;
}




/*Popup forme*/


.crud_form_left {
    float: left;
    width: 325px;
    margin-right: 20px;
}

.crud_form_left div{
    clear: both;
}

.ui-dialog-content #form div {
    clear: both;
}

.crud_form_right {
    float: left;
    width: 320px;
}

.iknVozilaContainer {
    clear: both;
}

.ui-dialog-content h1{
    font-size: 16px;
    margin-bottom: 10px;
}

.crudform .ui-dialog-content{
    background-color: #eee;
}

.ui-dialog-content label {
    width: 95px;
    display: block;
    float: left;
    line-height: 24px;
    height: 24px;
    margin-right: 10px;
    color: #666;
    text-align: right;
    overflow: hidden;
}
.ui-dialog-content label.short {
    width: 65px;
    display: block;
    float: left;
    line-height: 24px;
    height: 24px;
    margin-right: 10px;
    color: #666;
    text-align: right;
    overflow: hidden;
}

.ui-dialog-content label.short_correction { /*popravek za naslov. denis*/
    width: 38px;
    display: block;
    float: left;
    line-height: 24px;
    height: 24px;
    margin-right: 5px;
    color: #666;
    text-align: right;
    overflow: hidden;

}

.ui-dialog-content label.short_first {
    width: 35px;
    display: block;
    float: left;
    line-height: 24px;
    height: 24px;
    margin-right: 10px;
    color: #666;
    text-align: right;
    overflow: hidden;
}


form#sporocilaFilterForm label {
    width: 45px;
    display: block;
    float: left;
    line-height: 24px;
    height: 24px;
    margin-right: 10px;
    color: #666;
    text-align: right;
    overflow: hidden;
}
.vozilaForm label {
    width: 195px;
    display: block;
    float: left;
    line-height: 24px;
    height: 24px;
    margin-right: 10px;
    color: #666;
    text-align: right;
    overflow: hidden;
}

.ui-multiselect.userSelector {
    display:none;
}

.ui-multiselect-menu.userSelector {
    right: 20px;
    top: 30px;
}

.ui-multiselect-menu.userSelector input{
    right: 0px;
    top: 0px;
}

.ui-dialog-content #form label {
    padding: 0px;
    margin: 0px;
        width: 95px;
    display: block;
    float: left;
    line-height: 24px;
    margin-right: 10px;
    color: #666;
}

#form input {
    width: 160px;
    float: left;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 5px;
    font-size: 11px;
    margin-bottom: 5px;
}

.ui-dialog-content input,

.ui-dialog-content select{
    width: 160px;
    float: left;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 5px;
    font-size: 11px;
    margin-bottom: 5px;
}

.form-item_group2_correction input.chat1{ /*Dodal Denis. Mitja prosim preveri.*/
    width: 70px;
    float: left;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 5px;
    font-size: 11px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.ui-dialog-content input.chat_naslov_correction {
        width: 453px;

}

.ui-dialog-content #form {
    padding: 0px;
    margin: 0px;
}


.ui-dialog-content input:disabled,
.ui-dialog-content select:disabled {
    border: 1px solid #ccc;
    color: #333;
}


{
background:#dddddd;
}

.ui-dialog-content table#postavke input{width: 120px;}

.ui-dialog-content select{width: 170px;}

.ui-dialog-content textarea{
    width: 260px;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 5px;
    resize: none;
    height: 70px;
}


.ui-dialog-content textarea.chat_tarea_correction { /*Dodal Denis, mitja prosim preveri.*/
    width:290px;
    height: 50px;
}

.ui-dialog-content textarea.chat_tarea { /*default value:treba spremenit nazaj*/
    width: 635px;
    height: 30px;
}

.ui-dialog-content textarea.chat_tarea2 {
    width: 420px;
    height: 30px;
}
.crud_form_textarea {
    margin-bottom: 10px;
}

.ui-dialog-content .crud_form_textarea textarea{
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 5px;
    resize: none;
    width: 545px;
}

.ui-dialog-content .crud_form_left input,
.ui-dialog-content .crud_form_right input{
    float: left;
    width: 200px;
}

.ui-dialog-content .crud_form_left select,
.ui-dialog-content .crud_form_right select{
    float: left;
    width: 210px;
}

.ui-dialog-content .crud_form_left textarea,
.ui-dialog-content .crud_form_right textarea{
    float: left;
    width: 200px;
}

.ui-dialog-content table {
    background-color: #fff;
    width: 100%;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.ui-dialog-content table input,
.ui-dialog-content table select{
    margin-bottom: 0px;
}

.ui-dialog-content table th {
    padding:  2px 5px;
    text-align: left;
    background-color: #d8d8db;
    color: black;
    font-size: 11px;
    color: #000;
    background: url(../images/th_bg.png) repeat-x left bottom #d6d6d9;
    border-bottom: 1px solid #d6d6d9;
    border-top: 1px solid #d6d6d9;
    border-right: 1px solid #d6d6d9;
    vertical-align: middle;
}

.ui-dialog-content table td {
    padding: 2px 5px;
    border-right: 1px solid #ccc;
    font-size: 11px;
    vertical-align: middle;
}

.ui-dialog-content table a.collection_add {
    background: url(../images/table_add.png) no-repeat left center;
    width: 20px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

#show_form table a.collection_add {
    display: none;
}

.ui-dialog-content table a.collection_remove {
    background: url(../images/table_delete.png) no-repeat left center;
    width: 20px;
    display: block;
    text-indent: -9999px;
    height: 15px;
}

#show_form table a.collection_remove {
    display: none;
}

.ui-dialog-content  ul.record_actions {
    position: absolute;
    right: 10px;
    bottom: 10px;
}


.button_con {
    float: right;
    margin-top: 10px;
}


/* Tabs */

#content .ui-widget-content{ border: none; }

#content .ui-tabs-panel {
    padding: 10px;
}

#filter .dataTables_filter input {
    padding: 5px;
}

#table_wrapper,
#table2_wrapper {
    position: relative;
}

#table_wrapper #table_filter,
#table2_wrapper #table2_filter  {
    position: absolute;
    top: -38px;
    right: 60px;
}

#table_wrapper .DTTT_container,
#table2_wrapper  .DTTT_container{
    position: absolute;
    top: -38px;
    right: -5px;
}

#table_wrapper  a.ui-button,
#table2_wrapper  a.ui-button  {
    padding: 4px;
    margin:  0 5px 5px 5px;
    padding-left: 20px;
    border-radius: 3px;
    background-color: #eee;
}

.status_bar label {
    line-height: 25px;
    margin-left: 5px;
}

label#timer  { margin-left: 5px;}

/*Flags*/

div.flag {
    text-indent: 20px;

}

#quickFilter .filterLabel {
    text-indent: -9999px;
    background: url(../images/icon_filter.png) no-repeat left center;
    width: 20px;
    float: left;
    line-height: 25px;
}

td.color_red {background-color: #df2c2c;}
td.postanek {background-color: #df2c2c;}
td.prsTek {background-color: #ffea00;}
td.voznja {background-color: #62d144;}
td.nalepka {background-color: #1fd1c5;}
/*td.ustavitev {background-color: #9CF285;}*/
/*td.premik {background-color: #F57D7D;}*/
td.ustavitev {background-color: #62d144;}
td.premik {background-color: #df2c2c;}
td.neznan {background-color: #ff9000;}
td.prekoracitev {
    background: url(../images/alert.png) no-repeat 7px center;
    font-weight: bold;
    color: #ef5555;
}


ul.porocilaMapToolbar{
    width: 60px;
    position: absolute;
    right: 10px;
    top: 5px;
}
ul.porocilaMapToolbar li a{
    float: left;
    display: block;
    height: 20px;

}

ul.porocilaMapToolbar li.map_lock a{background: url(../images/map_lock.png) no-repeat center bottom; width: 20px; }

ul.porocilaMapToolbar li.map_unlock a{background: url(../images/map_unlock.png) no-repeat center bottom; width: 20px; }

ul.porocilaMapToolbar li.zoomBack a{background: url(../images/tracking_resize_on.png) no-repeat center bottom; width: 20px; }

ul.porocilaMapToolbar li.zoomIn a{background: url(../images/tracking_zoom_in.png) no-repeat center bottom; width: 20px; }

ul.porocilaMapToolbar li.printMap a{background: url(../images/print.png) no-repeat center bottom;width: 20px;}



.mapTooltip {
    position: absolute;
    width: 280px;
    z-index: 1999;
    display: block;

}

.mapTooltip .tooltip_outer{
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 4px #666;
    -webkit-box-shadow: 3px 3px 4px #666;
    box-shadow: 3px 3px 4px #666;
    position: relative;
}

.tooltip_inner {padding: 7px;}

.tooltip_veichle_label {
    padding: 7px;
    background-color: #dadada;
    font-weight: bold;
}

.tooltip_predmet_label {
    padding-bottom: 17px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #dadada;
}

.mapTooltip ul {
    color: #333;
    line-height: 16px;
    font-size: 11px;
}

.mapTooltip ul li{

}

.mapTooltip  .tooltip_bottom {
    background: url(../images/tooltip_bottom.png) no-repeat left center;
    width: 17px;
    height: 16px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1999;
    left: 100px;
}


.mapTooltip ul li span {font-weight: bold;}


div.tco_pocitek      { min-height: 12px; min-width: 12px; float: left; margin-left: 2px; margin-right: 2px; background: url(../images/tco/12px/pocitek.png)      no-repeat left center; }
div.tco_razpolozljiv { min-height: 12px; min-width: 12px; float: left; margin-left: 2px; margin-right: 2px; background: url(../images/tco/12px/razpolozljiv.png) no-repeat left center; }
div.tco_voznja       { min-height: 12px; min-width: 12px; float: left; margin-left: 2px; margin-right: 2px; background: url(../images/tco/12px/voznja.png)       no-repeat left center; }
div.tco_delo         { min-height: 12px; min-width: 12px; float: left; margin-left: 2px; margin-right: 2px; background: url(../images/tco/12px/delo.png)         no-repeat left center; }

div.flag_ad { background: url(../images/flags/ad.png) no-repeat left center; }
div.flag_ae { background: url(../images/flags/ae.png) no-repeat left center; }
div.flag_af { background: url(../images/flags/af.png) no-repeat left center; }
div.flag_ag { background: url(../images/flags/ag.png) no-repeat left center; }
div.flag_ai { background: url(../images/flags/ai.png) no-repeat left center; }
div.flag_al { background: url(../images/flags/al.png) no-repeat left center; }
div.flag_am { background: url(../images/flags/am.png) no-repeat left center; }
div.flag_an { background: url(../images/flags/an.png) no-repeat left center; }
div.flag_ao { background: url(../images/flags/ao.png) no-repeat left center; }
div.flag_ar { background: url(../images/flags/ar.png) no-repeat left center; }
div.flag_as { background: url(../images/flags/as.png) no-repeat left center; }
div.flag_at { background: url(../images/flags/at.png) no-repeat left center; }
div.flag_au { background: url(../images/flags/au.png) no-repeat left center; }
div.flag_aw { background: url(../images/flags/aw.png) no-repeat left center; }
div.flag_ax { background: url(../images/flags/ax.png) no-repeat left center; }
div.flag_az { background: url(../images/flags/az.png) no-repeat left center; }
div.flag_ba { background: url(../images/flags/ba.png) no-repeat left center; }
div.flag_bb { background: url(../images/flags/bb.png) no-repeat left center; }
div.flag_bd { background: url(../images/flags/bd.png) no-repeat left center; }
div.flag_be { background: url(../images/flags/be.png) no-repeat left center; }
div.flag_bf { background: url(../images/flags/bf.png) no-repeat left center; }
div.flag_bg { background: url(../images/flags/bg.png) no-repeat left center; }
div.flag_bh { background: url(../images/flags/bh.png) no-repeat left center; }
div.flag_bi { background: url(../images/flags/bi.png) no-repeat left center; }
div.flag_bj { background: url(../images/flags/bj.png) no-repeat left center; }
div.flag_bm { background: url(../images/flags/bm.png) no-repeat left center; }
div.flag_bn { background: url(../images/flags/bn.png) no-repeat left center; }
div.flag_bo { background: url(../images/flags/bo.png) no-repeat left center; }
div.flag_br { background: url(../images/flags/br.png) no-repeat left center; }
div.flag_bs { background: url(../images/flags/bs.png) no-repeat left center; }
div.flag_bt { background: url(../images/flags/bt.png) no-repeat left center; }
div.flag_bv { background: url(../images/flags/bv.png) no-repeat left center; }
div.flag_bw { background: url(../images/flags/bw.png) no-repeat left center; }
div.flag_by { background: url(../images/flags/by.png) no-repeat left center; }
div.flag_bz { background: url(../images/flags/bz.png) no-repeat left center; }
div.flag_ca { background: url(../images/flags/ca.png) no-repeat left center; }
div.flag_catalonia { background: url(../images/flags/catalonia.png) no-repeat left center; }
div.flag_cc { background: url(../images/flags/cc.png) no-repeat left center; }
div.flag_cd { background: url(../images/flags/cd.png) no-repeat left center; }
div.flag_cf { background: url(../images/flags/cf.png) no-repeat left center; }
div.flag_cg { background: url(../images/flags/cg.png) no-repeat left center; }
div.flag_ch { background: url(../images/flags/ch.png) no-repeat left center; }
div.flag_ci { background: url(../images/flags/ci.png) no-repeat left center; }
div.flag_ck { background: url(../images/flags/ck.png) no-repeat left center; }
div.flag_cl { background: url(../images/flags/cl.png) no-repeat left center; }
div.flag_cm { background: url(../images/flags/cm.png) no-repeat left center; }
div.flag_cn { background: url(../images/flags/cn.png) no-repeat left center; }
div.flag_co { background: url(../images/flags/co.png) no-repeat left center; }
div.flag_cr { background: url(../images/flags/cr.png) no-repeat left center; }
div.flag_cs { background: url(../images/flags/cs.png) no-repeat left center; }
div.flag_cu { background: url(../images/flags/cu.png) no-repeat left center; }
div.flag_cv { background: url(../images/flags/cv.png) no-repeat left center; }
div.flag_cx { background: url(../images/flags/cx.png) no-repeat left center; }
div.flag_cy { background: url(../images/flags/cy.png) no-repeat left center; }
div.flag_cz { background: url(../images/flags/cz.png) no-repeat left center; }
div.flag_de { background: url(../images/flags/de.png) no-repeat left center; }
div.flag_dj { background: url(../images/flags/dj.png) no-repeat left center; }
div.flag_dk { background: url(../images/flags/dk.png) no-repeat left center; }
div.flag_dm { background: url(../images/flags/dm.png) no-repeat left center; }
div.flag_do { background: url(../images/flags/do.png) no-repeat left center; }
div.flag_dz { background: url(../images/flags/dz.png) no-repeat left center; }
div.flag_ec { background: url(../images/flags/ec.png) no-repeat left center; }
div.flag_ee { background: url(../images/flags/ee.png) no-repeat left center; }
div.flag_eg { background: url(../images/flags/eg.png) no-repeat left center; }
div.flag_eh { background: url(../images/flags/eh.png) no-repeat left center; }
div.flag_england { background: url(../images/flags/england.png) no-repeat left center; }
div.flag_er { background: url(../images/flags/er.png) no-repeat left center; }
div.flag_es { background: url(../images/flags/es.png) no-repeat left center; }
div.flag_et { background: url(../images/flags/et.png) no-repeat left center; }
div.flag_europeanunion { background: url(../images/flags/europeanunion.png) no-repeat left center; }
div.flag_fam { background: url(../images/flags/fam.png) no-repeat left center; }
div.flag_fi { background: url(../images/flags/fi.png) no-repeat left center; }
div.flag_fj { background: url(../images/flags/fj.png) no-repeat left center; }
div.flag_fk { background: url(../images/flags/fk.png) no-repeat left center; }
div.flag_fm { background: url(../images/flags/fm.png) no-repeat left center; }
div.flag_fo { background: url(../images/flags/fo.png) no-repeat left center; }
div.flag_fr { background: url(../images/flags/fr.png) no-repeat left center; }
div.flag_ga { background: url(../images/flags/ga.png) no-repeat left center; }
div.flag_gb { background: url(../images/flags/gb.png) no-repeat left center; }
div.flag_gd { background: url(../images/flags/gd.png) no-repeat left center; }
div.flag_ge { background: url(../images/flags/ge.png) no-repeat left center; }
div.flag_gf { background: url(../images/flags/gf.png) no-repeat left center; }
div.flag_gh { background: url(../images/flags/gh.png) no-repeat left center; }
div.flag_gi { background: url(../images/flags/gi.png) no-repeat left center; }
div.flag_gl { background: url(../images/flags/gl.png) no-repeat left center; }
div.flag_gm { background: url(../images/flags/gm.png) no-repeat left center; }
div.flag_gn { background: url(../images/flags/gn.png) no-repeat left center; }
div.flag_gp { background: url(../images/flags/gp.png) no-repeat left center; }
div.flag_gq { background: url(../images/flags/gq.png) no-repeat left center; }
div.flag_gr { background: url(../images/flags/gr.png) no-repeat left center; }
div.flag_gs { background: url(../images/flags/gs.png) no-repeat left center; }
div.flag_gt { background: url(../images/flags/gt.png) no-repeat left center; }
div.flag_gu { background: url(../images/flags/gu.png) no-repeat left center; }
div.flag_gw { background: url(../images/flags/gw.png) no-repeat left center; }
div.flag_gy { background: url(../images/flags/gy.png) no-repeat left center; }
div.flag_hk { background: url(../images/flags/hk.png) no-repeat left center; }
div.flag_hm { background: url(../images/flags/hm.png) no-repeat left center; }
div.flag_hn { background: url(../images/flags/hn.png) no-repeat left center; }
div.flag_hr { background: url(../images/flags/hr.png) no-repeat left center; }
div.flag_ht { background: url(../images/flags/ht.png) no-repeat left center; }
div.flag_hu { background: url(../images/flags/hu.png) no-repeat left center; }
div.flag_id { background: url(../images/flags/id.png) no-repeat left center; }
div.flag_ie { background: url(../images/flags/ie.png) no-repeat left center; }
div.flag_il { background: url(../images/flags/il.png) no-repeat left center; }
div.flag_in { background: url(../images/flags/in.png) no-repeat left center; }
div.flag_io { background: url(../images/flags/io.png) no-repeat left center; }
div.flag_iq { background: url(../images/flags/iq.png) no-repeat left center; }
div.flag_ir { background: url(../images/flags/ir.png) no-repeat left center; }
div.flag_is { background: url(../images/flags/is.png) no-repeat left center; }
div.flag_it { background: url(../images/flags/it.png) no-repeat left center; }
div.flag_jm { background: url(../images/flags/jm.png) no-repeat left center; }
div.flag_jo { background: url(../images/flags/jo.png) no-repeat left center; }
div.flag_jp { background: url(../images/flags/jp.png) no-repeat left center; }
div.flag_ke { background: url(../images/flags/ke.png) no-repeat left center; }
div.flag_kg { background: url(../images/flags/kg.png) no-repeat left center; }
div.flag_kh { background: url(../images/flags/kh.png) no-repeat left center; }
div.flag_ki { background: url(../images/flags/ki.png) no-repeat left center; }
div.flag_km { background: url(../images/flags/km.png) no-repeat left center; }
div.flag_kn { background: url(../images/flags/kn.png) no-repeat left center; }
div.flag_kp { background: url(../images/flags/kp.png) no-repeat left center; }
div.flag_kr { background: url(../images/flags/kr.png) no-repeat left center; }
div.flag_kw { background: url(../images/flags/kw.png) no-repeat left center; }
div.flag_ky { background: url(../images/flags/ky.png) no-repeat left center; }
div.flag_kz { background: url(../images/flags/kz.png) no-repeat left center; }
div.flag_la { background: url(../images/flags/la.png) no-repeat left center; }
div.flag_lb { background: url(../images/flags/lb.png) no-repeat left center; }
div.flag_lc { background: url(../images/flags/lc.png) no-repeat left center; }
div.flag_li { background: url(../images/flags/li.png) no-repeat left center; }
div.flag_lk { background: url(../images/flags/lk.png) no-repeat left center; }
div.flag_lr { background: url(../images/flags/lr.png) no-repeat left center; }
div.flag_ls { background: url(../images/flags/ls.png) no-repeat left center; }
div.flag_lt { background: url(../images/flags/lt.png) no-repeat left center; }
div.flag_lu { background: url(../images/flags/lu.png) no-repeat left center; }
div.flag_lv { background: url(../images/flags/lv.png) no-repeat left center; }
div.flag_ly { background: url(../images/flags/ly.png) no-repeat left center; }
div.flag_ma { background: url(../images/flags/ma.png) no-repeat left center; }
div.flag_mc { background: url(../images/flags/mc.png) no-repeat left center; }
div.flag_md { background: url(../images/flags/md.png) no-repeat left center; }
div.flag_me { background: url(../images/flags/me.png) no-repeat left center; }
div.flag_mg { background: url(../images/flags/mg.png) no-repeat left center; }
div.flag_mh { background: url(../images/flags/mh.png) no-repeat left center; }
div.flag_mk { background: url(../images/flags/mk.png) no-repeat left center; }
div.flag_ml { background: url(../images/flags/ml.png) no-repeat left center; }
div.flag_mm { background: url(../images/flags/mm.png) no-repeat left center; }
div.flag_mn { background: url(../images/flags/mn.png) no-repeat left center; }
div.flag_mo { background: url(../images/flags/mo.png) no-repeat left center; }
div.flag_mp { background: url(../images/flags/mp.png) no-repeat left center; }
div.flag_mq { background: url(../images/flags/mq.png) no-repeat left center; }
div.flag_mr { background: url(../images/flags/mr.png) no-repeat left center; }
div.flag_ms { background: url(../images/flags/ms.png) no-repeat left center; }
div.flag_mt { background: url(../images/flags/mt.png) no-repeat left center; }
div.flag_mu { background: url(../images/flags/mu.png) no-repeat left center; }
div.flag_mv { background: url(../images/flags/mv.png) no-repeat left center; }
div.flag_mw { background: url(../images/flags/mw.png) no-repeat left center; }
div.flag_mx { background: url(../images/flags/mx.png) no-repeat left center; }
div.flag_my { background: url(../images/flags/my.png) no-repeat left center; }
div.flag_mz { background: url(../images/flags/mz.png) no-repeat left center; }
div.flag_na { background: url(../images/flags/na.png) no-repeat left center; }
div.flag_nc { background: url(../images/flags/nc.png) no-repeat left center; }
div.flag_ne { background: url(../images/flags/ne.png) no-repeat left center; }
div.flag_nf { background: url(../images/flags/nf.png) no-repeat left center; }
div.flag_ng { background: url(../images/flags/ng.png) no-repeat left center; }
div.flag_ni { background: url(../images/flags/ni.png) no-repeat left center; }
div.flag_nl { background: url(../images/flags/nl.png) no-repeat left center; }
div.flag_no { background: url(../images/flags/no.png) no-repeat left center; }
div.flag_np { background: url(../images/flags/np.png) no-repeat left center; }
div.flag_nr { background: url(../images/flags/nr.png) no-repeat left center; }
div.flag_nu { background: url(../images/flags/nu.png) no-repeat left center; }
div.flag_nz { background: url(../images/flags/nz.png) no-repeat left center; }
div.flag_om { background: url(../images/flags/om.png) no-repeat left center; }
div.flag_pa { background: url(../images/flags/pa.png) no-repeat left center; }
div.flag_pe { background: url(../images/flags/pe.png) no-repeat left center; }
div.flag_pf { background: url(../images/flags/pf.png) no-repeat left center; }
div.flag_pg { background: url(../images/flags/pg.png) no-repeat left center; }
div.flag_ph { background: url(../images/flags/ph.png) no-repeat left center; }
div.flag_pk { background: url(../images/flags/pk.png) no-repeat left center; }
div.flag_pl { background: url(../images/flags/pl.png) no-repeat left center; }
div.flag_pm { background: url(../images/flags/pm.png) no-repeat left center; }
div.flag_pn { background: url(../images/flags/pn.png) no-repeat left center; }
div.flag_pr { background: url(../images/flags/pr.png) no-repeat left center; }
div.flag_ps { background: url(../images/flags/ps.png) no-repeat left center; }
div.flag_pt { background: url(../images/flags/pt.png) no-repeat left center; }
div.flag_pw { background: url(../images/flags/pw.png) no-repeat left center; }
div.flag_py { background: url(../images/flags/py.png) no-repeat left center; }
div.flag_qa { background: url(../images/flags/qa.png) no-repeat left center; }
div.flag_re { background: url(../images/flags/re.png) no-repeat left center; }
div.flag_ro { background: url(../images/flags/ro.png) no-repeat left center; }
div.flag_rs { background: url(../images/flags/rs.png) no-repeat left center; }
div.flag_ru { background: url(../images/flags/ru.png) no-repeat left center; }
div.flag_rw { background: url(../images/flags/rw.png) no-repeat left center; }
div.flag_sa { background: url(../images/flags/sa.png) no-repeat left center; }
div.flag_sb { background: url(../images/flags/sb.png) no-repeat left center; }
div.flag_sc { background: url(../images/flags/sc.png) no-repeat left center; }
div.flag_scotland { background: url(../images/flags/scotland.png) no-repeat left center; }
div.flag_sd { background: url(../images/flags/sd.png) no-repeat left center; }
div.flag_se { background: url(../images/flags/se.png) no-repeat left center; }
div.flag_sg { background: url(../images/flags/sg.png) no-repeat left center; }
div.flag_sh { background: url(../images/flags/sh.png) no-repeat left center; }
div.flag_si { background: url(../images/flags/si.png) no-repeat left center; }
div.flag_sj { background: url(../images/flags/sj.png) no-repeat left center; }
div.flag_sk { background: url(../images/flags/sk.png) no-repeat left center; }
div.flag_sl { background: url(../images/flags/sl.png) no-repeat left center; }
div.flag_sm { background: url(../images/flags/sm.png) no-repeat left center; }
div.flag_sn { background: url(../images/flags/sn.png) no-repeat left center; }
div.flag_so { background: url(../images/flags/so.png) no-repeat left center; }
div.flag_sr { background: url(../images/flags/sr.png) no-repeat left center; }
div.flag_st { background: url(../images/flags/st.png) no-repeat left center; }
div.flag_sv { background: url(../images/flags/sv.png) no-repeat left center; }
div.flag_sy { background: url(../images/flags/sy.png) no-repeat left center; }
div.flag_sz { background: url(../images/flags/sz.png) no-repeat left center; }
div.flag_tc { background: url(../images/flags/tc.png) no-repeat left center; }
div.flag_td { background: url(../images/flags/td.png) no-repeat left center; }
div.flag_tf { background: url(../images/flags/tf.png) no-repeat left center; }
div.flag_tg { background: url(../images/flags/tg.png) no-repeat left center; }
div.flag_th { background: url(../images/flags/th.png) no-repeat left center; }
div.flag_tj { background: url(../images/flags/tj.png) no-repeat left center; }
div.flag_tk { background: url(../images/flags/tk.png) no-repeat left center; }
div.flag_tl { background: url(../images/flags/tl.png) no-repeat left center; }
div.flag_tm { background: url(../images/flags/tm.png) no-repeat left center; }
div.flag_tn { background: url(../images/flags/tn.png) no-repeat left center; }
div.flag_to { background: url(../images/flags/to.png) no-repeat left center; }
div.flag_tr { background: url(../images/flags/tr.png) no-repeat left center; }
div.flag_tt { background: url(../images/flags/tt.png) no-repeat left center; }
div.flag_tv { background: url(../images/flags/tv.png) no-repeat left center; }
div.flag_tw { background: url(../images/flags/tw.png) no-repeat left center; }
div.flag_tz { background: url(../images/flags/tz.png) no-repeat left center; }
div.flag_ua { background: url(../images/flags/ua.png) no-repeat left center; }
div.flag_ug { background: url(../images/flags/ug.png) no-repeat left center; }
div.flag_um { background: url(../images/flags/um.png) no-repeat left center; }
div.flag_us { background: url(../images/flags/us.png) no-repeat left center; }
div.flag_uy { background: url(../images/flags/uy.png) no-repeat left center; }
div.flag_uz { background: url(../images/flags/uz.png) no-repeat left center; }
div.flag_va { background: url(../images/flags/va.png) no-repeat left center; }
div.flag_vc { background: url(../images/flags/vc.png) no-repeat left center; }
div.flag_ve { background: url(../images/flags/ve.png) no-repeat left center; }
div.flag_vg { background: url(../images/flags/vg.png) no-repeat left center; }
div.flag_vi { background: url(../images/flags/vi.png) no-repeat left center; }
div.flag_vn { background: url(../images/flags/vn.png) no-repeat left center; }
div.flag_vu { background: url(../images/flags/vu.png) no-repeat left center; }
div.flag_wales { background: url(../images/flags/wales.png) no-repeat left center; }
div.flag_wf { background: url(../images/flags/wf.png) no-repeat left center; }
div.flag_ws { background: url(../images/flags/ws.png) no-repeat left center; }
div.flag_ye { background: url(../images/flags/ye.png) no-repeat left center; }
div.flag_yt { background: url(../images/flags/yt.png) no-repeat left center; }
div.flag_za { background: url(../images/flags/za.png) no-repeat left center; }
div.flag_zm { background: url(../images/flags/zm.png) no-repeat left center; }
div.flag_zw { background: url(../images/flags/zw.png) no-repeat left center; }


/*dodal Simon, Mitja prosim preveri*/
#dialogDiv table tr:nth-child(even) {background: #eee}
#dialogDiv table tr:nth-child(odd) {background: #FFF}

#dialogDiv table tr.second {background-color: #eaeaea;}
#dialogDiv table tr:hover {background-color: #ceecff;}
#dialogDiv table tr.active {background-color: #aeccdf;} /* Mitja: popravi barvo, to zdej je nekaj napamet. Nejc */

#dialogDiv table tr.emphasised {background-color: #c7e0ef;}

#dialogDiv table tr.emphasised:nth-child(even) {background: #ebf4f9}
#dialogDiv table tr.emphasised:nth-child(odd) {background: #dbebf5}


#dialogDiv table {
    background-color: #fff;
    width: 100%;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-collapse: collapse;
}



#dialogDiv table th {
    padding:  3px 6px;
    text-align: left;
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#E4E4E4), color-stop(0.6, white));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e4e4');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e4e4')";
    color: #666;
    font-size: 11px;
    line-height: 16px;
    border-bottom: 1px solid #d6d6d9;
    border-top: 1px solid #d6d6d9;
    border-right: 1px solid #d6d6d9;
    border-left: 0px solid #d6d6d9;
    font-weight: bold;
}

#dialogDiv table td {
    padding: 3px 6px;
    border-right: 1px solid #ccc;
    font-size: 11px;
    vertical-align: middle;
    line-height: 16px;
    color: #626262;
}

a.zacetnaEtapa {
    background: url(../images/dot_green.png) no-repeat 4px center;
    background-color: #90ee90;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 15px;
    border: 1px solid gray;
    margin-right: 2px;

}

a.koncnaEtapa {
    background: url(../images/dot_red.png) no-repeat 4px center;
    background-color: #f08080;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 15px;
    border: 1px solid gray;
    margin-right: 2px;
}

a.novaEtapa {
    background: url(../images/dot_red.png) no-repeat 4px center;
    background-color: #9acd32;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 15px;
    border: 1px solid gray;
    margin-right: 2px;
}

a.brisiEtapo {
    background-color: #dddddd;
    width: 16px;
    display: block;
    text-indent: -9999px;
    height: 15px;
    border: 1px solid gray;
    margin-right: 2px;
}

.ui-dialog-content table label {
    display: inline;
    width: auto;
    float: left;
    line-height: 24px;
    height: 24px;
    margin-right: 10px;
    color: #666;
    text-align: right;
    overflow: hidden;
}

.ui-dialog-content input.relacija_s { width: 240px !important; }
.ui-dialog-content input.relacija { width: 260px !important; }
.ui-dialog-content input.dnevnica { width: 25px !important; }
.ui-dialog-content input.privat { width: 45px !important; }
.ui-dialog-content input.hiddenTimestamp { display:none !important; text-align: right; }
.ui-dialog-content .dataTables_wrapper {padding: 0px 0px;}
.ui-dialog-content input.kolicina { width: 30px !important; text-align: right; float:right; }
.ui-dialog-content input.znesek { width: 70px !important; text-align: right; float:right;}
.ui-dialog-content input.valuta { width: 80px !important; }
.ui-dialog-content input.opis { width: 250px !important; }
.ui-dialog-content input.vstDnevnice { width: 130px !important; }
.ui-dialog-content input.gnrPrhDrzave {width: 40px !important;}
.ui-dialog-content input.intGnrPostavk {width: 40px !important;}
.ui-dialog-content input.znsKilometrine {width: 50px !important;}
.ui-dialog-content input.skpZnsKilometrine {width: 50px !important;}
#sum { width: 70px !important; text-align: right; float:right;}
#datum { width: 90px !important; text-align: left; float:left;}


.ui-dialog-content .ui-multiselect .vozilaNklNlgDD {
    width: 130px !important;
}

.ui-dialog-content .ui-multiselect {
    width: 170px !important;
}


form#sporocilaFilterForm .ui-dialog-content select {
    width: 100px !important;
}

form#sporocilaFilterForm  .ui-multiselect {
width: 100px !important;
}

.ui-multiselect-menu {
    z-index: 1997 !important;
}

#dialogDiv .ui-tabs-panel {
    padding: 5px !important;;
}

#dialogDiv .ui-tabs-panel table {
    display: table;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.ui-dialog-content ul li {
    display: block;
    float: left;
}

.ui-dialog-content button.btn {
    height: 25px;
    display: block;
    line-height: 20px;
    float: left;
    margin-right: 5px;
}

.algortimi-dropdown{
    text-align:right;
}

#algoritmiDropdown{
    width: 170px;
    position: relative;
    left: 1px;
    background: transparent;

}

/*
    Preveri se enkrat!!!!!
*/
#appbundle_ggrobmdlcdrzavetype_obrDnevnic input{
  float: left;
}



/*
    PREVERI SE ENKRAT
*/

.Checkboxes{
    float:left;
}

.checkboxMtcDrzava input{
    width: 20px;
    position: relative;
    left: 1px;
    top: 2px;
}

.checkboxZmnDnevnica input{
    width: 20px;
    position:relative;
    left:1px;
    top: 2px;
}

.formIntGnrPostavk{
    width: 240px;
    width: 240px;
}

.intervalPostanka {
    width: 280px;
}
.intervalPostanka input{
    width: 160px;
}


/*.crud_form_left_ptn {*/
    /*float: left;*/
    /*width: 280px;*/
    /*margin-right: 20px;*/
/*}*/

/*.crud_form_center_ptn {*/
    /*float: left;*/
    /*width: 280px;*/
/*}*/

/*.crud_form_right_ptn {*/
    /*float: left;*/
/*}*/

/*.crud_form_right_ptn textarea{*/
    /*width: 200px !important;*/
    /*height: 70px;*/
/*}*/

/*.crud_form_right_ptn label {*/
    /*width: 180px !important;*/
/*}*/

/*#dialogDiv .dataTables_scrollBody {*/
    /*min-height: 200px;*/
/*}*/

.ptn_info_etape {
    font-weight: bold;
    height: 25px;
    background: #e8ffc7 !important;
    border-bottom: 2px solid #c9e5a1 !important;
}

.ptn_zacetek_etape {
    border-top: 2px solid green !important;
    background: #CFFF88 !important;
}

.ptn_vmesna_etapa {
    background: #dddddd !important;
}

.ptn_konec_etape {
    border-bottom: 2px solid red !important;
    background: #FFBCB0 !important;
}

/*dodal Saso, Mitja prosim preveri*/

table.filterTable {
    border-style: none;
    border-left: none !important;
    border-bottom: none !important;
    background-color: transparent !important;
    /*width: 890px !important;*/
}

table.filterTable tr {
    background: transparent !important;
}

table.filterTable td {
    border-right: none !important;
    background: transparent;
}

/* Potrebno je override-at style od jQuery selectmenu widget-a, da je lahko text ter picker v eni vrsti */
/* link: http://stackoverflow.com/questions/10471449/jquery-selectmenu-creates-line-break-cant-get-it-to-display-inline */
.ui-selectmenu {
    display:-moz-inline-stack !important;
    display:inline-block !important;
    zoom:1 !important;
    *display:inline !important; /* To make IE7 happy */
}

.ui-dialog-content .stranka_div select {
    margin-bottom: 15px;
}

/**/

/* STYLE ZA KOMUNIKACIJA POPUP */
.msg_out {
    clear:both;
    position: relative;
    display: inline-block;
    float: left;
}

.msg_in {
    clear:both;
    position: relative;
    display: inline-block;
    float: left;
}

.msg_out.sender {
    position: relative;
    display: inline-block;
    float: left;
    color: blue;
}

.msg_out.message {
    position: relative;
    display: inline-block;
    float: left;
}

.msg_in.sender {
    position: relative;
    display: inline-block;
    float: left;
    color: blue;
}

.msg_in.message {
    position: relative;
    display: inline-block;
    float: left;
}

.msg_form {
    clear:both;
}

#toolbar ul.menu li.communication a.highlite {
    color:red;
}

.highlite {
    color:red;
}


.chat_vehicles {
    width: 210px;
    width: 80% !Important;
}
.chat_vehicles th {
    padding:  3px 6px;
    text-align: left;
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#E4E4E4), color-stop(0.6, white));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e4e4');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e4e4')";    color: #666;
    font-size: 11px;
    line-height: 16px;
    border-bottom: 1px solid #d6d6d9;
    border-top: 1px solid #d6d6d9;
    border-right: 1px solid #d6d6d9;
    border-left: 0px solid #d6d6d9;
    font-weight: bold;
}


.chat_vehicles td {
    padding: 3px 6px;
    border-right: 1px solid #ccc;
    font-size: 11px;
    vertical-align: middle;
    line-height: 16px;
    color: #626262;
}

.chat_vehicles tr:nth-child(even) {background: #eee}
.chat_vehicles tr:nth-child(odd) {background: #FFF}

.chat_vehicles tr.second {background-color: #eaeaea;}
.chat_vehicles tr:hover {background-color: #ceecff;}
.chat_vehicles tr.active {background-color: #aeccdf;} /* Mitja: popravi barvo, to zdej je nekaj napamet. Nejc */

.chat_vehicles tr.emphasised {background-color: #c7e0ef;}

.chat_vehicles tr.emphasised:nth-child(even) {background: #ebf4f9}
.chat_vehicles tr.emphasised:nth-child(odd) {background: #dbebf5}

/* Označevanje vozečih vozil  */
.chat_vehicles td.driving {background-color: greenyellow;  }

.chat_vehicles td.waiting {background-color: tomato;}


/*Chat stuff*/

#chat_input {
    background: url(../images/chat_input.png) repeat-x left bottom #e4e4e5;
    padding: 10px;
    margin: 0 10px 10px 10px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border: 1px solid #e4e4e5;
}

#chat_input2 {
    background: url(../images/chat_input.png) repeat-x left bottom #e4e4e5;
    padding: 10px;
    margin: 0 0px 0px 0px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border: 1px solid #e4e4e5;
}

.cars {
    float: left;
    width: 160px;
}

.cars2 {
    float: left;
}


.chat_tarea {
    border: 1px solid #ccc;
    width: 550px;
    height: 32px;
    border-radius: 5px;
}

.chat_tarea_correction { /*Dodal Denis. Mitja, prosim preveri.*/
    border: 1px solid #ccc;
    width: 400px;
    height: 32px;
    border-radius: 5px;
}



.chat_btn {
    margin-top: 17px;
}

#chat_input2 .chat_btn {
    margin-top: 0px;
}

.label_brake {
    margin-bottom: 5px;
}

.chat_float_left {
    float: left;
    width: 730px;
}

form#msg_form_komunikacija .chat_float_left {
    float: left;
    width: 800px;
}

form#msg_form_komunikacija .chat_float_left2 {
    float: left;
    width: 800px;
}

form#msg_form_komunikacija_correction .chat_float_left2_correction { /*Dodal Denis. Mitja prosim preveri.*/
    float: left;
    width: 500px;
}

#zgodovina_sporocil {
    height: 300px;
    overflow: auto;
}

#tooltip {
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 999;
    display: none;

}

#tooltip .tooltip_outer{
    border: 1px solid #ccc;
        background-color: #fff;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 4px #666;
    -webkit-box-shadow: 3px 3px 4px #666;
    box-shadow: 3px 3px 4px #666;
    position: relative;
}

.tooltip_inner {padding: 7px;}
.tooltip_inner2 ul li {clear: both;}

.tooltip_veichle_label {
    padding: 7px;
    background-color: #dadada;
    font-weight: bold;
    height: 17px;
    clear: both;
}

#tooltip ul {
    color: #333;
    line-height: 16px;
    font-size: 11px;
}

#tooltip ul li{

}

#tooltip  .tooltip_bottom {
    background: url(../images/tooltip_bottom.png) no-repeat left center;
    width: 17px;
    height: 16px;
    text-indent: -9999px;
    position: absolute;
    z-index: 999;
    left: 100px;
}


#tooltip ul li span {font-weight: bold;}


/*Zemljevid - Nacrtovanje Elementi*/

#tockeButtonDiv button.submit_ok,
#ncrPotiPopup button.submit_ok{
    background: url(../images/submit_blank_2.png) no-repeat left center;
    width: 100px;
    height: 25px;
    display: block;
    color: #333;
    line-height: 25px;
    border: none;
    float: left;
    margin-right: 5px;
    text-align: center;
    padding: 0 5px;
}



#tockeButtonDiv button.submit_ok:hover,
#ncrPotiPopup button.submit_ok:hover{
    background: url(../images/submit_blank_2.png) no-repeat left center;
    cursor: pointer;
    opacity: 0.8;
}




table#tockeTable tr:nth-child(even) {background: #eee}
table#tockeTable tr:nth-child(odd) {background: #FFF}

table#tockeTable2 tr:nth-child(even) {background: #eee}
table#tockeTable2 tr:nth-child(odd) {background: #FFF}

table#tockeTable{
    border-top: 1px solid #ccc;
}

#buttonsDiv {
    padding-top: 5px;
}

table#tockeTable td{
    padding: 4px 5px;
    border-bottom: 1px solid #ccc;
}

#tockeTable_fix table#tockeTable td{
    padding: 4px 3px;
}

.letter_A {
    background: url(../images/ikone_nacrtovanje.png) no-repeat left -141px;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}

.letter_B {
    background: url(../images/ikone_nacrtovanje.png) no-repeat left -72px;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}
.letter_C {
    background: url(../images/ikone_nacrtovanje.png) no-repeat left -316px;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}
.letter_D {
    background: url(../images/ikone_nacrtovanje.png) no-repeat left -505px;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}
.letter_E {
    background: url(../images/ikone_nacrtovanje.png) no-repeat left -24px;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}
.letter_F {
    background: url(../images/ikone_nacrtovanje.png) no-repeat left 0px;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}
.letter_G {
    background: url(../images/ikone_nacrtovanje.png) no-repeat left -354px;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}

.letter_H {
    background: url(../images/ikone_nacrtovanje.png) no-repeat left -553px;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}

.letter_I {
    background: url(../images/ikone_nacrtovanje.png) no-repeat left -625px;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}
.letter_J {
    background: url(../images/ikone_nacrtovanje.png) no-repeat left -601px;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}

.waypoint {
    background: url(../images/waypoint.png) no-repeat center center;
    display: block;
    text-indent: -9999px;
    color: white;
    width: 24px;
    height: 24px;
}

table#tockeTable .input_top {
    width: 220px;
}

table#tockeTable .select_left {
    float: left;
    margin-right: 10px;
    width: 110px;
}

table#tockeTable .select_right {
    float: left;
    width: 110px;
}

#tockeButtonDiv {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 2px;
    left: 10px;
    display: block;
    overflow-y: auto;
}

#nacrtovanje_form_wrapper {
    background-color: #eee;
    padding-top: 5px;
    position:absolute;
    bottom: 0px;
    right: 10px;
    height: 85px;
    left: 10px;
    display:block;
}

#nacrtovanje_form_wrapper #form{
    float: left;
    width: 250px;
    margin-right: 5px;
}

#nacrtovanje_form_wrapper .button_con{
    float: left;
    width: 80px;
    margin-right: 5px;
}

#nacrtovanje_form_wrapper #form label {
    width: 60px;
}

#podatkiPot {
    height: 15px;
    color: #666;
    position: absolute;
    right: 10px;
    bottom: 85px;
    left: 10px;
    display: block;
    overflow-y: auto;
    font-size: 11px;
}

#podatkiPot .ncr_razdalja {
    float: left;
    width: 120px;
}

#podatkiPot .ncr_trajanje {
        float: left;
    width: 150px;
}

#bottom_wrapper {
    position:absolute;
    width: 310px;
    right: 10px;
    bottom: 0px;
    display:block;
    background-color: #eee;
    padding: 10px;
}

.button_con2 {
    text-align: center;
    width: 230px;
    margin-left: 70px;
    margin-top: 3px;
}


/* context menu */
.context_menu {
    background-color: #FFFFFF;
    width:170px;
    /*height:120px;*/
    padding:0px;
    border:1px;
    cursor:pointer;
    border-left:1px solid #cccccc;
    border-top:1px solid #cccccc;
    border-right:1px solid #676767;
    border-bottom:1px solid #676767;
}
.context_menu_item{
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    text-align:left;
    line-height: 30px;
    border-left:0px;
    border-top:0px;
    border-right:0px;
    padding-left:30px;
    background-repeat: no-repeat;
    background-position: 4px center;
}

.context_menu .zoomin{
    background-image: url(../images/map_icons/zoomin.png);
}
.context_menu .zoomout{
    background-image: url(../images/map_icons/zoomout.png);
}
.context_menu .centerhere{
    background-image: url(../images/map_icons/here.png);
}
.context_menu_item .hover{
    background-color: #d6e9f8;
}
.context_menu_separator{
    border-bottom:1px solid #cccccc;
}

.pac-container{
    z-index: 10000 !important;
}


#komunikacijaTabs .ui-widget-header {background-color: transparent;}

#komunikacijaTabs ul.ui-tabs-nav {
    padding: 0px;
    margin: 0;
    background-image: none;
    border-radius: 0px;
    border:none;
}

#komunikacijaTabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0;padding-bottom: 0px;}

#komunikacijaTabs .ui-tabs-nav li {
    margin-right: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:0;
    border-bottom-left-radius:0;
    border: 1px solid #ccc;
}

#komunikacijaTabs ul.ui-tabs-nav li.ui-state-default a{
    background-color: #dfdfe1;
    font-weight: bold;
}

#komunikacijaTabs ul.ui-tabs-nav li.ui-tabs-selected a {background-color: #fff;}
#komunikacijaTabs ul.ui-tabs-nav li.ui-state-default:hover {border: 1px solid #ccc;}

#komunikacijaTabs ul.ui-tabs-nav li.ui-state-default a:hover {background: url(../images/tab_active.png) repeat-x left top #fff;}
#komunikacijaTabs ul.ui-tabs-nav li.ui-tabs-selected a:hover {background-image: none;}

#komunikacijaTabs .ui-tabs-panel {border: 1px solid #ccc;}


#komunikacijaTabs div.dataTables_scroll { clear: both; }

#komunikacijaTabs div.dataTables_info {
    clear: none;
    width: 50%;
    height: 30px !important;
    line-height: 30px !important;
}

#komunikacijaTabs div.dataTables_paginate {
    width: 50%;
    height: 30px !important;
    line-height: 30px !important;
    text-align: right;
    clear: none;
}

#komunikacijaTabs div.dataTables_paginate span.paginate_button,
#komunikacijaTabs div.dataTables_paginate span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
}

#komunikacijaTabs div.dataTables_paginate span.paginate_button {
    background-color: #ddd;
}

#komunikacijaTabs div.dataTables_paginate span.paginate_button:hover {
    background-color: #ccc;
}

#komunikacijaTabs div.dataTables_paginate span.paginate_active {
    background-color: #a4d5ff;
}

.tracking_refresh{
    position:absolute;
    float:right;
    top: 50px;
    right: 10px;
}

.note{
    position: relative;
    right:50px;
}

#dialogDivS thead th{
    font-weight: normal;
    border-bottom: 1px;


}

/*
DODANO NAKNADNO-Potrebno urediti CSS!!! Razni popravki na sledenje zemljevid
*/

#accordion .ui-icon { display: none; }
#iskalnikKrajev {
    left: 210px;
    line-height: 23px;
    padding-left: 5px;
    position: absolute;
    top: 10px;
    width: 450px;
    z-index: 1;
}

#refreshInterval-main{
    position: relative;
    top: 0px;
}

.tracking_refresh-main{
    position: relative;
    float:right;
    top: -28px;
    color: #fff;
}

#toolbar_dropdown2 label{
    position: relative;
    top: -8px;

}
#toolbar_dropdown button{
    position: relative;
    top: -6px;

}

#toolbar_filter, .filterLabel, .filterInput{
    position: relative;
    top: -6px;
}
#hoursBack{
    position: relative;
    top: -8px;
}

.menuArrow{
    position: relative;
    top: 5px;
    left: 6px;
}

.groupIcon {
    position: relative;
    float:right;
    top: -20px;
}

#brdcrums {
    height: 28px;
    line-height: 28px;
    border: 1px solid #CCC;
    background-color: #d8d8db;
    color: #000;
    background: url(../images/th_bg.png) repeat-x left bottom #d6d6d9;
    border-bottom: 1px solid #d6d6d9;
    border-top: 1px solid #d6d6d9;
    border-right: 1px solid #d6d6d9;
    font-size: 11px;
    padding:  2px 7px;
}

#brdcrums p {
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 200px;
    left : 45%;
    font-size: 1.1em;!important;
    font-style: italic;!important;
}

#brdcrums-tabs p{
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 320px;
    left : 45%;
    font-style: italic;!important;
    font-size: 1.1em;
}


#brdcrums-tabs {
    height: 28px;
    line-height: 28px;
    border: 1px solid #CCC;
    background-color: #d8d8db;
    color: #000;
    background: url(../images/th_bg.png) repeat-x left bottom #d6d6d9;
    border-bottom: 1px solid #d6d6d9;
    border-top: 1px solid #d6d6d9;
    border-right: 1px solid #d6d6d9;
    font-size: 11px;
    padding:  2px 7px;
}