/* 
    Created on : 7.3.2014, 11:55:28
    Author     : robertkolman
*/
/* template changes */
/*zmena hlavicky*/
label {margin-bottom: 0px;}
.navbar-container {/*padding:0 20px;*/ padding: 0 0 0 20px;}
/*.ace-nav .nav-user-photo {margin: 0px 8px 0 0;}*/
.navbar-brand {display: inline-block;float: none;}
.logo-wrap{display:block;/*width:169px;*/width:219px;}
/*konec zmen */
::-ms-clear { display: none;visibility:hidden; width:0;height:0;}
.nowrap { white-space: nowrap; }
#btn-scroll-up { display: none; }
#ace-settings-container { display: block; }
.ace-nav>li {line-height: 30px;height: 30px;}/*line-height: 29px;height: 29px;*/
.ace-nav .nav-user-photo { max-width: 27px;max-height: 27px; }
.navbar { height: 30px; min-height: 30px;z-index: 1002;}
.navbar .navbar-brand { padding: 2px 0 0 0; }

.dropdown-menu {margin:1px 0 0;}

.sidebar { height: 100%;width:240px; }
.sidebar-shortcuts-large>.btn {width:35px;}
.nowrap { white-space: nowrap; }
/*
.widget-toolbar>.dropdown>.dropdown-menu:after, .dropdown-menu.dropdown-caret:after { top: -5px; }
.ace-nav>li>a>.badge { top: -1px; }
*/

/* angular styles */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;}

/* global styles */
body { overflow: hidden; }
html, .main-content, .main-container-inner {height:100%;}
.main-content {margin-left: 240px;}
.btn-success.active {background-color:#629b58!important;border-color:#87b87f}
.btn-info.active {background-color: #4f99c6!important;border-color: #6fb3e0}
.btn-warning.active {background-color: #e59729!important;border-color: #ffb752}
.btn-danger.active {background-color: #b74635!important;border-color: #d15b47}
.notselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.light-gray { color: #999; }
.dark-gray { color: #676767; }
.anim-size-2 {-webkit-transition: height 0.2s ease-out, width 0.2s ease-out;-moz-transition: height 0.2s ease-out, width 0.2s ease-out;-o-transition: height 0.2s ease-out, width 0.2s ease-out;transition: height 0.2s ease-out, width 0.2s ease-out;}

/* responsive table - from bootstrap */
.table-responsive {min-height: .01%;overflow-x: auto;}
@media screen and (max-width: 767px) {
    .table-responsive {width: 100%;margin-bottom: 15px;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #ddd;}
    .table-responsive > .table {margin-bottom: 0;}
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {white-space: nowrap;}
    .table-responsive > .table-bordered {border: 0;}
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {border-left: 0;}
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {border-right: 0;}
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {border-bottom: 0;}
}

/* page styles */
#sidebar .form-search input {/*width: 178px;*/width:230px;margin: 5px 5px 0 5px;padding: 6px 17px 5px 23px;}
#sidebar .form-search input.user_search {margin: 5px 5px 5px 5px;}
.input-icon .clean {position: absolute;right: 9px;top: 3px;font-size: 15px;cursor: pointer;padding: 5px;color:#555;}
#sidebar .input-icon .icon-search {top:7px;left:9px;right: auto;}
#sidebar.menu-min .form-search span.input-icon { height: 31px; }
#sidebar.menu-min .form-search input { display: none; }
#sidebar.menu-min .input-icon .icon-search {top: 8px;left: 11px;cursor:pointer;}
#sidebar .slimScrollDiv, #sidebar .slimScrollDiv .nav.nav-list { overflow-x: visible; }
.nav-list.users .usr-img { width: 45px; height: 45px; }
.nav-list.users>li>a { height: 45px; position: relative; }
.nav-list.users>li>a img { position: absolute; /*top: 1px;*/ left: 4px; }
.nav-list.users>li>a span { height: 20px;line-height: 19px;position: absolute;left: 53px;top: 2px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 130px;}
.nav-list.users>li>a span.type {font-size: 10px;line-height: 11px; top: 20px; }

.nav-list>li>a.active:before {display: block;content: "";position: absolute;top: -1px;bottom: 0;left: 0;width: 3px;max-width: 3px;overflow: hidden;background-color: #3382af;}
#sidebar.menu-min .nav-list.users>li>a {padding-left: 2px; height: 38px;}
#sidebar.menu-min .nav-list.users>li>a img {height: 38px; width: 38px;left: 2px;}
#sidebar.menu-min .nav-list .menu-text { display: none; }
.menu-min .sidebar-shortcuts-large {z-index:1000;} /*210*/
/*.sidebar-shortcuts {max-height:60px;}*/

/* poi tab in sidebar */
#sidebar .tab_poi .poi-create-title {display:inline-block;height: 20px; line-height: 20px; margin: 6px 6px 0 6px;width: 93%;}
#sidebar .tab_poi .poi-create-title span {display: block;}
#sidebar.menu-min .tab_poi .poi-create-title {width: 30px;}
#sidebar.menu-min .tab_poi .poi-create-title span{display: none;}

#sidebar .tab_poi .poi-button {display: block; width: 230px;margin: 5px 5px 0 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#sidebar .tab_poi .poi-button span {display: inline;}
#sidebar.menu-min .tab_poi .poi-button {width: 36px;margin: 0 3px 6px 3px;}
#sidebar.menu-min .tab_poi .poi-button span {display: none;}

.navbar .navbar-brand img { width: 33px;margin-left:24px; }
.navbar-header.pull-left { padding-left: 50px; }
.navbar-header.pull-left .ace-nav>li>a { background-color: #3877A0; }
/*.navbar-header.pull-left .ace-nav>li>a:hover,.navbar-header.pull-left .ace-nav>li>a:focus, .navbar-header.pull-left .ace-nav>li>a:active { background-color: #2e6589; }*/
.navbar-header.pull-left .ace-nav>li { border-left: 1px solid #94A5CF; }
.navbar-header.pull-left .ace-nav>li:first-child { border-left: none; }

/* mapy styles */
.map-content { padding: 0 0 0 0; overflow: hidden; }
.map-content, .view-holder { height: 100%; }
#map-canvas {position:relative;height: 60%;}
#map {height: 100%;width: 100%;}
#mapycz-logo {position:absolute;margin-left: 5px;margin-right: 5px;z-index: 998;position: absolute;left: 0px;bottom: 4px;width:80px;height: 20px;background-image: url(template/images/mapycz.png);}

/* Check retina */
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
    #mapycz-logo {background-image: url(template/images/mapycz-2x.png);background-size: 80px 20px;}
}
#map-foot.widget-box { height: 40%; margin: 0; position: relative;border-bottom: none;z-index: 1001; }
#map-foot .widget-body { height: 100%; padding-top: 24px; /* margin-bottom: -24px; overflow: hidden; border: 0;*/ padding-bottom: 0; /* padding-bottom: 25px; */ border-bottom: none;}
#map-foot .widget-body .widget-main, #map-foot .widget-body .tab-content, #map-foot .widget-body .tab-pane, #map-foot .widget-body .tab-pane>div { height: 100%; }
#map-foot .widget-header { height: 22px; min-height: 22px; overflow: hidden;position: absolute;width: 100%;top: 0;z-index:200; }
#map-foot .widget-header.filter-show {z-index:0;}
#map-foot .widget-header h4 { font-size: 11px;line-height: 19px;color: #555; }
#map-foot .widget-toolbar { float: left; }
#map-foot .widget-toolbar>.nav-tabs { top: 0; }
#map-foot .widget-toolbar>.nav-tabs>li>a { padding: 3px 18px; font-size: 12px; }
#map-foot .widget-header .btn { border-width: 2px; width: 70px; background: #3877A0 !important; border-color: #3877A0; }
#map-foot .widget-header .btn:hover { background: #2e6589 !important; border-color: #3877A0; }
/*
#map-canvas, #map-foot { -webkit-transition: height 0.3s;-moz-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;}
*/
#map-canvas.no-anim, #map-foot.no-anim { -webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
#map-foot .widget-body .padding.tab-pane { padding: 10px; }
#map-foot .widget-body table td, #map-foot .widget-body table th { padding: 5px 10px 0; font-size: 12px; height: 25px; /*white-space: nowrap;*/ }
#map-foot .widget-body table th { padding: 3px 10px; font-size: 12px; font-weight: normal; }
#map-foot .widget-body .table thead:first-child tr { background: #438eb9;color: #fff;font-weight: normal;border-top: 1px solid #fff; }
.foot-resize { height: 9px; width: 50px; margin: 0 auto; border: 1px solid #BBACAC; cursor:row-resize; border-top: 0; text-align: center; font-size: 10px; color: #888; line-height: 8px; }
.foot-resize i { line-height: 8px; }


.tg-holder { position: relative; height: 100%; }
.tg-holder>.slimScrollDiv { padding-bottom: 25px; }
.tg-holder table {/* margin-top: 25px;*/ }
.tg-holder table th { position: relative; word-break: break-all; cursor: pointer; }
.tg-holder table th:first-child { cursor: default; }
.tg-holder .tg-head { position: absolute; top: 0; margin: 0;height: 25px;overflow: hidden;width:100%; z-index:1000; }
.tg-holder .tg-head table { margin: 0; width: 100%; }
.tg-holder .tg-resize { width: 3px; height: 100%; position: absolute; top: 0px; right: -11px; cursor: col-resize; padding: 0 3px; }
.tg-holder .tg-resize-marker { display: none; position: absolute; top: 3px; left: 50px; width: 3px; height: 100%; background: #666; display: none; }
.tg-holder .tg-head .icon-filter { position: absolute; right: 0px; top: 2px; display: none; } 
.tg-holder .tg-head .icon-caret-down, .tg-holder .tg-head .icon-caret-up { font-size: 14px; display: none; color: #D9F15C; }
.tg-holder .tg-head span.ordered, .tg-holder .tg-head b.ordered { color: #D9F15C; }
.tg-holder .tg-head .icon-caret-down.active, .tg-holder .tg-head .icon-caret-up.active { display: inline-block; }
/* Stare tlacitko pro vypnuti vsech filtru
.tg-holder .tg-head .icon-angle-down, .tg-holder .tg-head .icon-remove { cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; color: #333; padding: 1px 3px; position: absolute; top: 1px; right: -3px; display: none; }
.tg-holder .tg-head .icon-remove { right: 2px; color: #888; }
*/
.tg-holder .tg-head .icon-angle-down { cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; color: #333; opacity: 0.3; padding: 1px 3px; position: absolute; top: 1px; right: -3px; }
.tg-holder .tg-head .icn-remove { display: none; border: 0; padding: 0 2px; }
/*.tg-holder .icon-nam-hatchback {font-size: 22px;margin: 0 3px 0 0;height: 16px;overflow:hidden;}*/
.tg-holder [class*=" icon-nam-"], .tg-holder [class^="icon-nam-"], .tg-holder [class^="icon-poi-"] {/*font-size: 22px;*/font-size: 20px;margin: 0 3px 0 0;/*height: 16px;*/overflow:hidden;vertical-align: middle;}

/*.tg-holder .tg-head th:last-child .icon-angle-down { right: 12px; }*/
.tg-holder .tg-head th.filtered .icon-angle-down { opacity: 0; }
.tg-holder .tg-head th.hover .icon-angle-down, .tg-holder .tg-head th.hover.filtered .icon-angle-down { display: block; opacity:1;}

.tg-holder .tg-head .hover .icon-filter, .notselect .tg-holder .tg-head .hover .icon-angle-down { display: none !important; }
.tg-holder .tg-head th.filtered { background: #B3783A; }
.tg-holder .tg-head th.filtered li.for-filter { display: block; }
.tg-holder .tg-head th.filtered i.icon-filter { display: block; }
/* .tg-holder .tg-head .title { white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;width: 26px; } */
.tg-holder .tg-head th {width: 46px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tg-holder .tg-head th div { position: relative; }
.tg-holder .tg-head th div b, #map-foot .widget-body table th b { font-weight: normal; }
.tg-holder .thin-border-bottom th { word-break: inherit; white-space: nowrap; padding-right: 35px !important; }
img.usr-img {margin-right:3px;width: 14px;height: 14px;vertical-align:sub;}
i.usr-trans {margin-right:3px;width: 14px;}
.tg-holder tbody td .btn.btn-primary.btn-xs { height: 22px;padding: 0;width: 25px;line-height: 11px;text-align: center; background-color: #888!important; border-color: #888; }
.icon-male {width:12px;}
/*.tg-holder td.resized { border: 1px solid red; }*/
#map-foot .widget-body table th.butt-cell-2, #map-foot .widget-body table td.butt-cell-2 {min-width: 91px;text-align:center;}
#map-foot .widget-body table th.butt-cell-3, #map-foot .widget-body table td.butt-cell-3 {min-width:91px;text-align:center;}
#map-foot .widget-body table th.butt-cell-2>div {position: absolute;top: 1px;left: 0;}
#map-foot .widget-body table th.butt-cell-3>div {position: absolute;top: 1px;left: 12px;}

/* FILTRY */
.tg-filters .multiselect-container { min-width: 203px; padding-top: 2px; display: none; z-index: 500;right: 50px;left: auto;top: 23px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.tg-filters .buttons.for-filter { text-align: center; }
.tg-filters .multiselect-container label { margin: 0; font-size: 13px; cursor: pointer; min-height: 15px; padding: 3px 0; white-space: nowrap; }
.tg-filters .multiselect-container li.for-filter { display: none; }
.tg-filters .multiselect-container li.delimiter { margin: 1px 0 5px; border-bottom: 1px solid #ccc; }
.tg-filters .multiselect-container li a { line-height: 14px; }
.tg-filters .multiselect-container li a.sort { padding: 3px 20px; }
.tg-filters .multiselect-container li a.sort i { display: none; margin-left: 5px; }
.tg-filters .multiselect-container li a.selected.sort i { display: inline-block; }
.tg-filters .multiselect-container li.showAll a { padding: 0px 10px; }
.tg-filters .multiselect-container li.showAll a label { padding: 3px 0; }
.tg-filters .multiselect-container input[type="checkbox"]  { margin: 1px 5px 0 0; }
.tg-filters .multiselect-container li .scrollbar { max-height: 115px; overflow: hidden; }
.tg-filters .multiselect-container li ul { list-style: none; margin: 0; }
.tg-filters .multiselect-container li ul li a { display: block; padding: 0px 15px; color: #333; }
.tg-filters .multiselect-container li ul li a:hover, .multiselect-container li ul li a:focus , .multiselect-container li ul li a:active { text-decoration: none; color: #fff; }
.tg-filters .multiselect-container .buttons { text-align: center; padding-top: 8px; }
.tg-filters .multiselect-container .buttons.for-filter { padding-top: 0; }
.tg-filters .multiselect-container .search { text-align: center; padding-top: 5px; padding-bottom: 5px; }
.tg-filters .multiselect-container .search span.holder { position: relative; }
.tg-filters .multiselect-container .search input { font-size: 13px; padding: 2px 20px; line-height: 16px;margin: 2px auto;width: 85%; }
.tg-filters .multiselect-container .search span.holder .clean {position: absolute;right: 1px;top: -3px;font-size: 15px;cursor: pointer;padding: 0 5px;color: #555;}
.tg-filters .multiselect-container .search i { color: #999; position: absolute; top: 2px; left: 5px; }
.tg-filters .multiselect-container .from-time, .tg-filters .multiselect-container .to-time, .tg-filters .multiselect-container .from, .tg-filters .multiselect-container .to { border-size: 2px; }
.tg-filters .multiselect-container .active { color: black; border: 2px solid #DA8C17; }

.tg-filters .multiselect-container li.text { padding: 2px 8px 2px 5px; }
.tg-filters .multiselect-container li.text input[type="text"] { padding: 2px; }
.tg-filters .multiselect-container .from, .tg-filters .multiselect-container .to { width: 80px; text-align: center; }
.tg-filters .multiselect-container .from-time, .tg-filters .multiselect-container .to-time { width: 44px; text-align: center; }
.tg-filters .multiselect-container.number .from, .tg-filters .multiselect-container.number .to { width: 40px; }
.tg-filters .multiselect-container.date li.text span { display: inline-block; width: 30px; text-align: right; margin-right: 4px; }
.tg-filters .multiselect-container.date li.text .bt-clear { height: 15px;font-size: 13px;padding: 0px;margin-left: 3px;line-height: 5px; }
.tg-filters .multiselect-container li.title { text-align: center; padding: 0 8px; }
.tg-filters .multiselect-container .bt-cancel-filter { margin: 3px 0; }

.tg-filters .multiselect-container span.number { display: block; margin: 0; font-size: 13px; cursor: pointer; min-height: 15px; padding: 3px 0; white-space: nowrap; text-align: center; }
.tg-filters .multiselect-container.date li.text span.block { display: inline-block !important;text-align: center;margin: 0;width: auto;position: relative; }

.tg-filters .multiselect-container.typeArray li.delimiter { margin: 0; }
.tg-filters .multiselect-container.typeArray { padding-top: 0; }
.tg-filters .multiselect-container.typeArray li.title.filtered { padding-right: 71px; color: #BE5C00; }
.tg-filters .multiselect-container.typeArray li.title { padding: 3px 0; position: relative; background: #EBEBEB; }
.tg-filters .multiselect-container.typeArray li.title .btn.btn-xs { position: absolute !important;margin: 0;padding: 0;right: 1px;left: inherit;top: 4px;display:none;line-height: 13px; }
.tg-filters .multiselect-container.typeArray li.title.filtered .btn.btn-xs { display: inline-block; }

.tg-filters .multiselect-container.textArray li .scrollbar { margin-bottom: 5px; }
.tg-filters .multiselect-container.textArray li.title { cursor: pointer; }
.tg-filters .multiselect-container.textArray li.title.filtered { padding-left: 24px; }
.tg-filters .multiselect-container.textArray li.title:hover { background: #efefef; }
.tg-filters .multiselect-container.textArray li.ng-scope ul.notshow { display: none; }
.tg-filters .multiselect-container.textArray li.title .icon-caret-down, .tg-filters .multiselect-container.textArray li.title .icon-caret-right { color: #666; position: absolute;left: 9px;top: 3px;font-size: 22px; display: none; }
.tg-filters .multiselect-container.textArray li.title .icon-caret-right { display: inline-block; }
.tg-filters .multiselect-container.textArray li.title.open .icon-caret-right { display: none; }
.tg-filters .multiselect-container.textArray li.title.open .icon-caret-down { display: inline-block; }



.nav.nav-list.cars li { position: relative; height: 50px; /*width: 180px;*/width:230px;}
.nav.nav-list.cars li, .sidePanelIn .all-cars { margin: 3px 0 0px 5px; background-color: #fff; border: 1px solid #CCCCCC; -webkit-transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;-moz-transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;-o-transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s; }
.nav.nav-list.cars li:first-child {margin-top: 0;} 
.sidePanelIn .all-cars { cursor: pointer; padding: 3px; margin: 5px 4px 5px 5px; }
.sidePanelIn .icn-cars-all { height: 17px; width: 17px; margin: 0 3px; }
#sidebar.menu-min .all-cars { margin: 3px 3px 0px 3px; width: 36px; }
#sidebar.menu-min .all-cars span { display: none; }
#sidebar.menu-min .all-cars img { height: 23px; width: 23px; margin: 3px 4px 1px 2px; }
#sidebar #toggleShowOnMap {display:block;cursor:pointer;margin:3px 1px 3px 5px;width:178px;height:20px;line-height:12px;outline: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#sidebar.menu-min #toggleShowOnMap {width: 36px; margin: 3px 3px 0 3px;}
#sidebar.menu-min #toggleShowOnMap span {display:none;}
.nav.nav-list.cars li.sel, .sidePanelIn .all-cars.sel { border: 1px solid #C47716;  background-color: #FFF5EC; } 
.nav.nav-list.cars .show-filtered {margin: 0 0 0 5px; width: 95%; box-sizing: border-box; padding: 0; height: 19px; line-height: 14px;}
.nav.nav-list.cars li.actv { box-shadow: 0 0 8px #2e88e9; border: 1px solid #2E88E9; }
.car-group .check {position: absolute;top: 0;left: 0;width: 20px;height: 50px;padding: 15px 4px 0 3px;border-right: 1px solid #ddd;}
.car-group .ln { position:absolute; top:0; left:20px; height:20px; width:207px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*.car-group .l1 { padding: 1px 0 0 2px; font-size: 12px; }*/
.car-group .l1 { padding: 0 0 0 2px; font-size: 12px; }
.car-group .l1 .name { width: 187px; float: left; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
/*.car-group .l1 .name span {overflow: hidden;display: inline-block;width: 22px;height: 14px;}*/
.car-group .l1 .name span {overflow: hidden;display: inline-block;width: 22px;/*height: 14px;*/vertical-align:top;}
/*.car-group .l1 .name i {font-size: 22px;margin-top: -5px;}*/
.car-group .l1 .name i {font-size: 20px;line-height:normal;}
.car-group .l2 { top:18px; padding: 0 3px; font-size: 11px; cursor: pointer;overflow: visible; text-overflow: clip; }
.car-group .l2 span {display:inline-block;width:50%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.car-group .l2 span.right-align {text-align:right;}
.car-group .l3 { top: 34px; padding: 0 3px; height: 14px; line-height: 13px; }
.car-group .l3 i { width: 24px; text-align: left; }
.car-group .l3 i.last-icon {width:10px;}
.car-group .car-usr-img { width: 17px; height: 17px; float: right; }
.popover-content .car-group { width: 204px; height: 45px; padding-top: 3px; color: #000; }
.popover-content .car-group .l1 { padding-top: 4px; }
.popover-content .car-group .l2 { top:24px; }
.popover-content .car-group .l3 { top:44px; }
.popover-content .car-group .check { height: 63px; padding-top: 20px; display: none; }
.popover-content .car-group .ln { left: 12px;  }
.nav.nav-list.cars li .small-group.icon-truck { font-size: 20px; text-align: left; padding-left: 5px; cursor: pointer; }
#sidebar.menu-min li { width: 36px; height: 33px; margin-left: 3px; }
/*#sidebar .slimScrollBar { display: none !important; }*/

.nav-list.cars > li.has-tail {background: #b9dfad;}
.nav-list.cars > li.alarm {background:#F45B5B}

/* ICONS */
i.gray {color: #aaa!important;}
i.green {color: #13AA06!important;}
i.brown {color: #B37300!important;}
i.yellow {color: #D3BB01!important;}
i.red {color: #FF2020!important;}
i.blue {color: #2188CE!important;}
i.trans {color: transparent!important;}
i.darkblue {color:#0044CC!important;}
i.white {color: #FFFFFF!important;text-shadow: 0px 1px 1px rgb(84, 78, 78);}

.has-tail i.green {text-shadow: 0px 1px 1px rgb(86, 82, 82);}


#sidebar li .small-group { display: none; }
#sidebar.menu-min li .small-group { display: block; font-size: 24px; }
#sidebar.menu-min .nav.nav-list.cars li .big-group { display: none; }

#sidebar>div>form { border-bottom: 1px solid #ddd; height: 45px; }
#sidebar .sidePanelIn { background-color: #EBEBEB;margin-bottom: 0px;padding-bottom: 5px;padding-top: 0px; }

table.pop-user { color: #393939; }
table.pop-user .name { font-size: 15px; }
table.pop-user td { padding-left: 5px; }
table.pop-user .img { padding-left: 0px; }
table.pop-user img { width: 80px; height: 80px; margin-right: 4px; }
table.pop-user .img-lg {vertical-align: top;}
table.pop-user .img-lg img {width:90px;height:90px;}
table.pop-user tr td i {width:20px;}

#map-foot .nav-tabs>li.active>a, #map-foot .nav-tabs>li.active>a:hover, #map-foot .nav-tabs>li.active>a:focus { z-index: 10; }

#map-resizer { position: absolute; top: -47px; left: 7px; color: #777; cursor: pointer; background: #FFFFFF; padding: 0px 4px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; border: 1px solid rgba(0, 0, 0, 0.14902); border-radius: 2px; }
#map-resizer.fullscreen {background: #B3783A;color:#fff;border: 1px solid #fff;}

#player { position: absolute; top: -60px; left: 45%; z-index: 10; margin-left: -122px; }
#player2 { display: none; }
#player i, #player .btn-sm>[class*="icon-"] { margin: 0; }
#player .btn.dropdown-toggle { padding-right: 7px; padding-left: 7px; margin-right: 15px; }
#player button.gray i { color: #bbb; }
#player button.lighting i { color: #fff; text-shadow: 0px 0px 5px #fff; }
#player .dropdown-menu.dropdown-close { top: 100%; left: 28px; }
#player .pl-minus, #player .pl-plus { width: 38px;text-align: left; }
#player .pl-minus span, #player .pl-plus span {position: absolute;top: 4px;right: 2px;}
#player .pl-minus.gray span, #player .pl-plus.gray span { color: #bbb; }
.btn-group-own { position: relative; display: inline-block; vertical-align: middle; }
.btn-group-own button { float: left; }
.btn-group-own button:first-child { border-width: 4px 0px 4px 4px; }
.btn-group-own button.dropdown-toggle { border-width: 4px 4px 4px 0px; }
.btn-group-own button img { width: 15px; }
/*.dropdown-menu.dropdown-close.user-menu {}*//*width:290px;*/
.dropdown-menu.user-menu li {position: relative;}
/*.dropdown-menu.dropdown-close.user-menu li a {margin-right: 31px;overflow: hidden;text-overflow: ellipsis;}*/
.dropdown-menu.user-menu li .icon-ok {display:none;position: absolute;top: 50%;right: 10px;}/*top:32%*/
.dropdown-menu.user-menu li .icon-ok.logged {display:block;}

.dropdown-menu.user-menu .owner-title {color: #777;font-size: 80%;vertical-align: top;display: inline-block;margin-top: 2px;}
.dropdown-menu.user-menu .sp {display:inline-block;width:42px;}
.dropdown-menu.user-menu .login-type {color: #888;padding-right: 30px;}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-left-radius: 3px !important;border-bottom-left-radius: 3px !important;}
.btn-group>.btn:last-child:not(:first-child):not(.dropdown-toggle) {border-top-right-radius: 3px !important;border-bottom-right-radius: 3px !important;}
#player .time-holder { margin-left: 15px; background-color: #555!important;border-color: #555;color: #fff;padding: 8px 0 5px;width: 90px;display: inline-block;text-align: center;line-height: 16px;vertical-align: bottom;}
#player button.pl {height: 47px;width: 47px;font-size: 23px;}
#player button.pl.played .icon-play:before {content: "\f04c";}
#player .date { font-size: 10px; color: #aaa; }
#player .time { font-size: 16px; }
#player .pl-hide { position: absolute; right: -126px; top: 0; padding: 0px 4px; left: initial !important; font-size: 11px; }

.modal-dialog {width:640px; padding:30px 0 30px 0;}
.modal.fade .modal-dialog {-webkit-transition: none;-moz-transition: none;-o-transition: none; transition: none;}
.modal-dialog form .form-group > label, .modal-dialog form .form-group > span, .modal-dialog form .form-group > input{line-height:1.3;}
/*.modal-content {height: 460px;}*/
/*.modal-type-2columns { padding: 3px; min-width:640px; }*/
.modal-type-2columns { padding: 3px;}
.modal-type-2columns .row {margin-right:0px;margin-left:0px;}
.modal-type-2columns .page-header { margin-bottom: 0; border: 0; }
.modal-type-2columns .left { padding-right: 0; padding-left:0; border-right: 1px solid #ddd; min-height: 415px; margin-top: 1px;}
.modal-type-2columns .right { padding-right: 0; padding-left: 0; min-height: 415px;}
.modal-type-2columns .right .row { margin-left: 0; }
.modal-type-2columns .tab-content { border: 0; }
.modal-type-2columns .tab-content .tab-pane { /*padding: 15px 10px;*/ min-height: 370px; }
.modal-type-2columns .tab-pane-scroll {position:relative;height:320px;display:block;padding-top:10px;}
.modal-type-2columns .tab-pane-scroll form, .modal-type-2columns .tab-pane-scroll .form{padding: 5px 10px;}
.modal-type-2columns .nav-tabs>li:first-child>a { border-left: 0; }
.modal-type-2columns .nav-list { border-top: 1px solid #e5e5e5; }
.modal-type-2columns .right .col-md-4 img { /*width: 100%;*/max-width: 118px;display: block;/*margin: 0 auto;*/float:right; }
.modal-type-2columns .right .name { font-size: 22px; }
.modal-type-2columns .right input { padding: 2px 5px; }
.modal-type-2columns .btn-app { font-size: 11px; margin-left: 0; padding: 5px 0 10px; position: absolute; bottom: 0; }
.modal-type-2columns .btn-app span { display: block; font-size: 20px; }
.modal-type-2columns .no-padding { padding: 0; }
.modal-type-2columns .main { height: 133px; position: relative; }
.modal-type-2columns .main .btn-grey { left: 84px; }
.modal-type-2columns .seconds { margin-top: 24px;font-size: 17px; line-height: 29px; }
.modal-type-2columns .seconds .col-md-4 { text-align: right; }
.modal-type-2columns .seconds .col-md-8 { color: #000; }
.modal-type-2columns .buttons { /*position: absolute;bottom: 0;right: 0;*/ padding-top:15px; padding-bottom:15px; }
.modal-type-2columns .buttons .btn-primary  { margin-right: 10px; }
.modal-type-2columns .buttons .btn-success { margin-right: 10px; }
.modal-type-2columns .buttons .btn-danger { margin-right: 10px; }
.modal-type-2columns .nav-list-scroll {height: 370px;margin-right:-1px;position:relative;}
.modal-type-2columns .lock-overlay {display: none;height: 100%;position: absolute;top: 0;left: 0;width: 100%; background: rgba(30, 30, 30, 0.1); z-index:100;}

.modal-type-2columns form .col-md-12, .modal-type-2columns form .col-md-8  {padding-left:0;}
.modal-type-2columns .form-group {margin-bottom: 5px;}
.modal-type-2columns .form-group > label {width: 100%;font-weight:bold;color: #747474;}
.modal-type-2columns .form-group > input,.modal-type-2columns .form-group > select {width: 100%;height:27px;}
.modal-type-2columns .form-group > textarea {width: 100%; resize: none;}
.modal-type-2columns .form-group > span {font-size: 18px;min-height:25px;display:block;padding-left:7px;}
.modal-type-2columns .form-group > p {margin: 5px 0;}

.modal-type-2columns .nav-list>li {border-top: none;}
.modal-type-2columns .nav-list>li>a {border-right: 1px solid #e5e5e5;}
.modal-type-2columns .nav-list>li>a.active:before {display: block;content: "";position: absolute;top: -1px;bottom: 0;left: 0;width: 3px;max-width: 3px;overflow: hidden;background-color: #3382af;}
.modal-type-2columns .nav-list>li>a.active {background-color: #FFF;color: #1963aa;/*margin-right: -1px;*/border-right:none;}
.modal-type-2columns .nav-list>li a span {max-width: 85%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.modal-type-2columns span.nav-list-limit {display:block;height: 30px;line-height: 30px;padding: 0 16px 0 9px;font-weight:bold;}
.modal-type-2columns span.nav-list-limit-help {display:block;padding: 0 16px 0 9px;}

/*.modal-type-2columns .buttons .btn-success, .modal-type-2columns .buttons .btn-grey { display: none; }*/

.modal-type-2columns .search { margin-bottom: 6px; }
.modal-type-2columns .search .input-icon { width: 90%; margin: 0 auto; display: block; }
.modal-type-2columns .search .input-icon input {padding: 4px 6px 3px 24px;width: 100%;line-height: 18px;font-size: 13px; }
.modal-type-2columns .search .input-icon .clean { right: 2px; top: 0px; line-height: 14px; }

/*.modal-type-2columns input.edit { display: none; }*/

.modal-type-2columns input.add { display: none; }
.modal-type-2columns #edit-image {display: none; }
.modal-type-2columns .info-save p {width:220px;margin:0;line-height:1.2;color:#FF4C4C;}
.modal-type-2columns .info-valid-save {margin-top: 18px;display: block;line-height: 1.2;color: #FF4C4C;}

.modal-type-2columns .group {/*border: 1px solid #aaa;*/background: #ebebec;margin-bottom: 15px;padding: 5px; margin-right: 12px;}
.modal-type-2columns .group h3 {margin:0; font-size:18px;}
.modal-type-2columns .group .form-group {margin-left: 10px;}

#languages .id, #languages .code {font-size: 17px;line-height: 29px;}

.btn-tight {height:20px;line-height:12px;outline: none;}


/* Asset detail */
/*#assetdetail .nav-list-scroll {height:520px; }
#assetdetail .right {height: 565px;}
#assetdetail .tab-content .tab-pane {height:520px;}*/
#assetdetail .asset-icon-s, #layers .asset-icon-s {font-size:22px;line-height:22px;}
#assetdetail .asset-icon-l, #layers .asset-icon-l {font-size: 70px;padding: 0px; width: 100%;text-align: right;}
#assetdetail .nav-list.users>li>a, #layers .nav-list.users>li>a {height:30px;line-height:30px;}
#assetdetail .nav-list.users>li>a span, #layers .nav-list.users>li>a span {left:40px;}

#assetdetail .box, #layers .box {/*background:#f5f5f5; */margin-bottom: 0px; padding: 2px 0;}
#assetdetail .box label, #layers .box label {display:block;margin:0 auto;}
#assetdetail .box i, #layers .box i{display:block; width: 40px; margin: 0 auto;font-size:30px;}
#assetdetail .box i:before, #layers .box i:before {vertical-align: middle;}
#assetdetail .box span, #layers .box span {display:block;/*width:35px;height:35px;*/ width:20px; height:20px; margin: 0 auto;/* margin-bottom: 5px;*//*cursor:pointer;border:2px solid transparent;*/}
#assetdetail .box label > input, #layers .box label > input{ display:none;width: 0;}
#assetdetail .box label > input + span, #assetdetail .box label > input + i, #layers .box label > input + span, #layers .box label > input + i{cursor:pointer;border:2px solid transparent;}
#assetdetail .box label > input:checked + span, #layers .box label > input:checked + span {border:2px solid #fff;}
#assetdetail .box label > input:checked + i, #layers .box label > input:checked + i{ border:2px solid #000;}


/* Hierarchy perms */
#hierarchy-perms .nav-list.users>li>a span, #user-types .nav-list.users>li>a span, #owners .nav-list.users>li>a span, #owner-users .nav-list.users>li>a span, #requests .nav-list.users>li>a span, #groups-assets .nav-list.users>li>a span, #email-templates .nav-list.users>li>a span, #help-templates .nav-list.users>li>a span {left:10px;}
#help-templates .nav-list.users ul {padding-left: 15px;}
/*#help-templates .nav-list.users ul li a span {margin-left:15px;}*/
#help-templates .nav-list.users ul li:last-child {border-bottom: none;}

#hierarchy-perms table th, #owners table th, #owner-users table th, #assetdetail table th, #export-popup table th {background: #438eb9;color: #fff;font-weight: normal;}
#hierarchy-perms table td, #hierarchy-perms table th, #owners table td, #owners table th, #owner-users table td, #owner-users table th, #assetdetail table td, #assetdetail table th, #export-popup table td, #export-popup table th {padding: 3px 10px;font-size: 12px;height: 25px;}
#hierarchy-perms table td input, #owners table td input, #owner-users table td input, #assetdetail table td input {font-size: 12px;}

.modal-type-1column { padding: 3px;}
.modal-type-1column .page-header { margin-bottom: 0; border: 0; }
.modal-type-1column .filter-sentences {display: table; width:100%;padding: 0 12px;}
.modal-type-1column .filter-sentences select, .modal-type-1column .filter-add-form select {height: 27px;width:130px;}
.modal-type-1column .filter-table-header {padding: 0 12px;min-height:26px;}
.modal-type-1column .filter-table-header tr {background: #438eb9;color: #fff;font-weight: normal;}
.modal-type-1column .filter-table-header a {color:#fff;}
.modal-type-1column .filter-table-wrap {padding: 0 12px;/*height: 275px;*/}
.modal-type-1column .filter-table-wrap table,.modal-type-1column .filter-sentences table, .modal-type-1column .filter-table-header table, .modal-type-1column .filter-add-form table{width:100%;margin-bottom:0;}
.modal-type-1column .filter-sentences table td, .modal-type-1column .filter-add-form table td{width:33.3%;padding: 3px 10px;font-size:12px;}
.modal-type-1column .filter-table-wrap table td, .modal-type-1column .filter-table-header table td, .modal-type-1column .table-wrap table th, .modal-type-1column .filter-table-header table th {width:33.3%;padding: 3px 10px;font-size: 12px;height: 25px;/*word-wrap: break-word;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto*/}
.modal-type-1column .filter-table-wrap input {padding: 2px 5px;font-size: 12px;}

.modal-type-1column .filter-add-form {padding: 0 12px;}
.modal-type-1column .filter-add-form select, .modal-type-1column .filter-add-form input{height: 27px;}
.modal-type-1column .filter-add-form input {font-size:12px;line-height: 1.6;}

.modal-type-1column .search .input-icon { /*width: 90%;*/width:130px; display: inline-block; }
.modal-type-1column .search .input-icon input {padding: 4px 6px 3px 24px;width: 100%;line-height: 18px;font-size: 13px; }
.modal-type-1column .search .input-icon .clean { right: 2px; top: 0px; line-height: 14px; }

.modal-type-1column .buttons {padding: 10px 12px 5px 12px;height: 54px;}
.modal-type-1column .buttons .btn-success {margin-right: 10px;}
.modal-type-1column .resize-bottom-panel {position: absolute;bottom: 0px;left: 0;width: 100%; margin:0;}
.modal-type-1column .modal-resize{height: 9px;width: 50px;margin: 0 auto;border: 1px solid #BBACAC;cursor: row-resize;border-bottom: 0;text-align: center;font-size: 10px;color: #888;line-height: 8px; }

.modal-type-1column .tab-pane { height: 370px; }
.modal-type-1column .tab-content { border:none; padding: 0;}
.modal-type-1column .tab-pane-scroll { height: 320px; position:relative;display:block;}
.modal-type-1column .tab-pane form {padding: 15px 10px;}

/* Requests, itinerary */
.modal-type-1column .requests-table-header, .modal-type-1column .itinerary-table-header {padding: 0 12px;min-height:26px;}
.modal-type-1column .requests-table-header tr, .modal-type-1column .itinerary-table-header tr {background: #438eb9;color: #fff;font-weight: normal;}
.modal-type-1column .requests-table-wrap, .modal-type-1column .itinerary-table-wrap {padding: 0 12px;height: 500px;}
.modal-type-1column .requests-table-header table, .modal-type-1column .requests-table-wrap table, .modal-type-1column .itinerary-table-header table, .modal-type-1column .itinerary-table-wrap table {width:100%;margin-bottom:0;}
.modal-type-1column .requests-table-wrap table td, .modal-type-1column .requests-table-header table td, .modal-type-1column .itinerary-table-wrap table td, .modal-type-1column .itinerary-table-header table td   {padding: 3px 10px;font-size: 12px;height: 25px;/*word-wrap: break-word;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto*/}


.modal-type-1column .padding-text {
    padding: 20px 12px;
}

/* User Types tree, Groups assets tree */
.user-types-tree, .groups-assets-tree {display: table; width:100%;}
.user-types-tree .angular-ui-tree-handle, .groups-assets-tree .angular-ui-tree-handle {/*background:#f2f2f2;border: 1px solid #dae2ea;*/padding: 5px 5px;font-weight:normal;/*border: 1px solid #aaa;*/}
.user-types-tree .perm-group, .groups-assets-tree .owner-group {background:#D2DADB;}
.user-types-tree ol li .perm-group, .groups-assets-tree ol li .owner-group {border:1px solid #aaa;}
.user-types-tree ol li ol li .perm-group, .groups-assets-tree ol li ol li .owner-group {border-top: none;}
.user-types-tree .perm-group + ol li:nth-child(even) .perm-object, .groups-assets-tree .owner-group + ol li:nth-child(even) .asset-object {background:#F4F4F4;}
.user-types-tree .perm-group + ol li:nth-child(odd) .perm-object, .groups-assets-tree .owner-group + ol li:nth-child(odd) .asset-object {background:#F9F9F9;}
.user-types-tree .btn {margin-right: 10px;}
.user-types-tree .angular-ui-tree-handle a, .groups-assets-tree .angular-ui-tree-handle a {margin-right: 5px; color:#393939;}
.user-types-tree .angular-ui-tree-handle a:hover, .user-types-tree .angular-ui-tree-handle a:active, .groups-assets-tree .angular-ui-tree-handle a:hover,.group-assets-tree .angular-ui-tree-handle a:active {text-decoration: none;}
.user-types-tree .angular-ui-tree-handle i,.groups-assets-tree .angular-ui-tree-handle i{font-size: 16px;}

.user-types-tree .perm div {display:inline-block;width:20px;}
.user-types-tree .perm span {display:block; width:20px; height:20px; /*margin: 0 auto;*/text-align: center;}
.user-types-tree .perm span.delete {background: #ECD4D0;color: #f2f2f2;}
.user-types-tree .perm span.add {background: #C7E7CC;color: #f2f2f2;}
.user-types-tree .perm span.write {background: #E7DCC7;color: #f2f2f2;}
.user-types-tree .perm span.read{background: #D4DDEC;color: #F2F2F2;}
.user-types-tree .perm label > input{ display:none;width: 0;}

.user-types-tree .perm label > input + span{cursor:pointer;font-size: 14px;line-height: 20px;}
.user-types-tree .perm label > input:checked + span.delete {background:#D04329;}
.user-types-tree .perm label > input:checked + span.add {background:#17D336;}
.user-types-tree .perm label > input:checked + span.write {background:#F9B72A;}
.user-types-tree .perm label > input:checked + span.read {background:#4082E8;}

.no-groups-list ul {list-style-type: none;margin: 0 0 0 20px;}
.no-groups-list ul li > div {padding: 5px 5px;}
.no-groups-list ul li .pull-left > div {margin-right: 10px;}
.no-groups-list ul li i, .groups-assets-tree ol li .asset-object i {font-size: 20px;margin: 1px 3px 0 0;overflow: hidden;vertical-align: middle;}
.groups-assets-tree ol li .pull-left > div {/*margin-right: 10px;*/padding-right: 10px;width: 23px;min-height: 13px;}
.groups-assets-tree .select-buttons {margin-bottom: 5px;}

/* User types, langs slaves */
#user-types .help-slaves, #owners .help-slaves, #owner-users .help-slaves, #assetdetail .help-slaves, #groups-assets .help-slaves {margin-bottom: 14px;display: block;}
#user-types .title-slaves, #owners .title-slaves, #owner-users .title-slaves, #groups-assets .title-slaves, .groups-assets-tree .title-slaves {font-weight: bold; font-size:15px;}
.user-types-slaves ul {list-style-type: none;margin: 0;}
.user-types-slaves ul li {padding: 5px 5px;width: 240px;margin-bottom: 1px;}
.user-types-slaves ul li a{color:#fff;text-shadow: 1px 1px 0 rgba(0,0,0,0.25)!important;}
.user-types-slaves ul li a:hover{text-decoration: none;}
.user-types-slaves ul li a i{font-size: 19px;}
.user-types-slaves .slaves-from li:first-child{border: 1px solid #aaa;}
.user-types-slaves .slaves-from li{background: rgb(145, 145, 145);/*border: 1px solid #aaa;border-top:none;*/}
.user-types-slaves .slaves-to li:first-child{/*border: 1px solid #aaa;*/}
.user-types-slaves .slaves-to li{background:rgb(63, 179, 98);/*border: 1px solid #aaa;border-top:none;*/}


/* Owners */
#owners .nav-list.users>li>a {height:30px;line-height:30px;}
#owners .new-request-form input, #owners .new-request-form select {height: 26px;padding: 2px 5px;} 
#owners .req-send {float: right;}
#owners .req-waiting {float: right;}
#owners .new-request-form form {padding:0;float:right;}
#owners .new-request-form button {margin-top:-1px;}


/* Perm models */
#perm-models .perm-models-pager {height: 25px;line-height: 25px;padding: 0 15px;text-align: right;}
#perm-models .perm-models-pager a{padding: 0 3px;}
#perm-models .perm-models-pager a.active {text-decoration: underline;}



/* Owner users */
#owner-users .nav-list.users>li>a {height:45px;/*line-height:40px;*/}
#owner-users .nav-list.users>li>a span {left:53px;}
#owner-users .lock-edit-alert, #groups-assets .lock-edit-alert {color: rgb(255, 76, 76);/*font-size: 14px;*/}

.modal-dialog .page-header { position: relative; }
.modal-dialog .page-header .close { position: absolute;top: 2px;right: 6px;font-size: 22px;line-height: 15px;color: #000;cursor: pointer; }

/* New file upload */
.file-upload-visual .thumbnail {border-radius:0;border:2px dashed #ddd;height:112px;position:relative;}
.file-upload-visual .thumbnail span {position:absolute;top: 50%;margin-top: -9px;left: 0;text-align: center;width: 100%;}
.file-upload-visual .thumbnail img {max-width:100px;max-height:100px;position: relative;top: 50%;transform: translateY(-50%);}
.modal-type-2columns .right .col-md-4 .file-upload-visual .thumbnail img {float: none;}
.file-upload-controls span.btn {display: block; margin:0 auto;margin-top:5px;width:100%;}
.file-upload-controls span.filename {display:block; margin-top:5px;overflow: hidden;text-overflow: ellipsis;width: 100%;text-align: center;height: 20px;}

#player { /*background: rgba(0, 0, 0, 0.2);*/padding: 5px 0px; }
#player .btn-group { margin-bottom: 2px; }
#player .speed { position: absolute;bottom: -2px;right: 0px;font-size: 7px; }
#player .traces { margin-top: 5px; cursor: e-resize; }
#player .traces.move { cursor: col-resize; }
#player .trace-holder { width: 100%; position: relative; padding: 2px 0; }
#player .trace { width: 100%; height: 3px;border:1px solid #949494; position: relative; overflow: hidden; background: #D10000; }
#player .trace-holder span { position: absolute; top: 0; height: 2px; width: 9px; display: inline-block; }
#player .btn-group-own ul li a { width: 100%; }
#player .btn-group-own ul li a img { width: 16px; }
#player .btn-group-own ul li a i {margin-right: 4px;color:#333;color: #333;font-size: 16px;vertical-align: sub;}
/*#player .trace-holder span.t { background: #D10000; }*/
#player #trace_1 span.t { background: #0000FF; } 
#player #trace_2 span.t { background: #008000; } 
#player #trace_3 span.t { background: #540779; } 
#player #trace_4 span.t { background: #F69900; } 
/* pauza mezi jizdami */
#player .trace-holder span.t1 { background: yellow;  }
/* tecky ktere se pohybuji */
#player .trace-holder .line { height: 5px;display: inline-block;position: absolute;;width: 5px;top: 1px;border-radius: 100%;box-shadow: #D10000 0px 0px 2px; background: #D10000; }
#player #trace_1 .line { background: #0000FF; box-shadow: #0000FF 0px 0px 2px; }
#player #trace_2 .line { background: #008000; box-shadow: #008000 0px 0px 2px; }
#player #trace_3 .line { background: #540779; box-shadow: #540779 0px 0px 2px; }
#player #trace_4 .line { background: #F69900; box-shadow: #F69900 0px 0px 2px; }
#player .tipsy.tipsy-n { bottom: -35px; margin-left: -38px; }
#trips-path-tipsy .tipsy .tipsy-inner {white-space:nowrap;}
#trips-path-tipsy .tipsy .tipsy-inner span {font-size: 12px;}

#live-chart-holder {top:0px;/*left: -319px;*/left: -265px;color:#ddd; position:absolute;z-index: 1000;background:#555;/*width:308px;*/width: 250px;padding:5px;/*border:1px solid #aaa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/}
#live-chart-holder .holder-in {position:relative}
#speed-info {position:absolute;top:11px;right:0;}
#speed-info .title {text-align: center;font-size: 11px;}
#speed-info .km {font-size: 9px;}
#speed-info .speed-count {display: inline-block;width: 23px;text-align: center}
#live-chart-holder .tickLabel {  color: #ddd;}
#live-chart-holder .live-chart {width:250px;}

@media screen and (max-width: 1400px) {
    #live-chart-holder {top: 0px;left: -213px;width:207px;/*left: -235px;width: 220px;*/}
    #live-chart-holder .live-chart {width:150px;} 
    #player .pl-hide {right: -106px;}
}
@media screen and (max-width: 1170px) {
    #live-chart-holder {display:none;}
}
@media only screen and (max-width: 991px) {
    .menu-toggler {display:none;}
}

/* tipsy */
.tipsy { padding: 5px; font-size: 10px; font-family: Verdana; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner .productImg_150 { width: 100px; height: 100px; }
.tipsy.error .tipsy-inner { background: #C10606; color: #fff; }
.tipsy-inner b { color: #CEBDE8; }
.tipsy-inner p.no-wrap { white-space: nowrap; margin: 0 0 2px 0; border-bottom: 1px solid #666; padding-bottom: 2px; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

body.modal-open { margin-right: 0; }
body.modal-open, .modal-backdrop.in, .modal { overflow: hidden; }
input.edit[readonly="readonly"] { background: transparent !important; border: none; color: #333; }
.v-rotate { -webkit-transform: rotate(180deg); transform:rotate(180deg); -ms-transform:rotate(180deg); }

.trip-tab .tg-holder { padding-bottom: 48px; }
.trip-tab .tg-holder .tg-table { margin-bottom: 60px; }
#trips-panel { text-align: center;padding: 5px;background: #efefef; height: 45px;}
#trips-panel .date-holder { display: inline-block;background: #555;color: #fff;text-align: center;width: 155px;vertical-align: middle;cursor:pointer; }
#trips-panel .date-holder .ln1 { width: 100%; display: inline-block; }
#trips-panel .date-holder .ln1 span { display: inline-block;width: 48%;text-align: center; }
#trips-panel .date-holder .ln2 span { display: inline-block;width: 100%; }
#trips-panel .date-holder .ln2 span.days { margin-left: 7px; }
#trips-panel .btn-group-own input { width: 37px;float: left;border: 4px solid #555;height: 34px;border-right: 0;text-align: center;padding: 0;width: 45px; }
#trips-panel .date-holder:hover { background: #303030 !important; }

.tab_loading { text-align: center;vertical-align: middle;height: 100%;position: absolute;top: 0;left: 0;width: 100%; background: rgba(30, 30, 30, 0.8); z-index:1001; }
.tab_loading span { display: inline-block;position: absolute;top: 50%;font-size: 28px;margin-left: -120px;margin-top: -20px; color:#F1F1F1; left:50%; }
.tab_loading span img { width: 45px; height: 39px; }

/* daterangepicker overwrite */
.daterangepicker { padding-bottom: 44px; }
.daterangepicker .ranges { width: 0; margin: 0; }
.daterangepicker .ranges .daterangepicker_start_input, .daterangepicker .ranges .daterangepicker_end_input { display: none; }
.daterangepicker .ranges .range_inputs { position: absolute;  bottom: 7px; left: 0; width: 100%; text-align: center; }
.daterangepicker.overhide.opensright:after, .daterangepicker.overhide.opensright:before, .datepicker-dropdown.overhide:after, .datepicker-dropdown.overhide:before { display: none; }
.daterangepicker.opensright .ranges { margin: 0; }
.daterangepicker.show-calendar .calendar.left { float: left; }
.daterangepicker td.end-date {-webkit-border-radius: 0 4px 4px 0 !important;-moz-border-radius: 0 4px 4px 0 !important;border-radius: 0 4px 4px 0 !important;}
.daterangepicker td.start-date {-webkit-border-radius: 4px 0 0 4px !important;-moz-border-radius: 4px 0 0 4px !important;border-radius: 4px 0 0 4px !important;}

#trips-panel {position: absolute;top:0;width: 100%;height: 52px;}
.trips-tab-holder {background: #efefef;height:100%;padding-top: 50px; }
#bl-trips-table { position: relative; min-height: 100%;background:#fff;}
#bl-trips-table button.play i.icon-refresh {display:none;}
#bl-trips-table tr.loading button.play i.icon-refresh {display:inline-block;}
#bl-trips-table tr.loading button.play i.icon-play {display:none;}
#bl-trips-table tr.played td {background-color: #b9dfad !important;}

.tg-pager {width: 100%;height: 20px;position: absolute;bottom: 0;background: #fff;border-top:1px solid #ADADAD;height:24px;padding: 0 2px 2px;z-index:100;background:#EBEBEB;}
.tg-pager span {display:inline-block;padding: 0 3px;}
.tg-pager span.rows {position:relative;}
.tg-pager span.rows .rows-select {position: absolute;bottom: 10px;right: -59px;list-style: none;background: #fff;border-radius: 4px;border: 1px solid #ccc;}
.tg-pager span.rows .rows-select li {float: left;cursor: pointer;border-right: 1px solid #eee;min-width: 26px;padding: 2px 0;text-align:center;}
.tg-pager span.rows .rows-select li:hover {background: #fee188;}
.tg-pager span.rows .rows-select li.active {background: #efefef;}
.tg-pager span.summary {padding-top:2px;}
.tg-pager span.summary .sum {vertical-align: bottom;}
.tg-pager span.summary .rowsOnPage {cursor:pointer;}
.tg-pager span.summary label {font-size: 13px;}
.tg-pager .pages {float: right; margin-right:14px;padding-top:2px;}
.tg-pager .pages input, .tg-pager .summary input.rowsOnPage {padding: 0;text-align: center;width: 40px;height: 19px;}
.tg-pager .summary input.showFilter {vertical-align: text-top;margin-right: 5px;}
.tg-pager .icon-play {margin-left: 10px;}
.tg-pager span.icn { cursor: pointer; }

#map-foot .widget-body table td.no-results {border-bottom:none;background:none;}
#map-foot .widget-body table td.no-results div {text-align: center;font-size: 16px;padding: 20px;color: #888;}


/* dropdown button - hybridní obrazovky objektu */
.tg-table tr td .btn-group ul {text-align: left;}

/* selectovani radku v tabulce */
.tg-table tbody tr.selected td {background-color: #FFEEAB !important;}
.tg-table tbody tr.selected.played td {background-color: #b9dfad !important;}

/* leaflet.js popup */
.info-marker-leaflet a.leaflet-popup-close-button {top: 35px; z-index: 100;}
.info-marker-leaflet .tab-content {padding:10px;background:#fff;}
.info-marker-leaflet .leaflet-popup-tip-container {margin-top: -2px;z-index: 100;}
.info-marker-leaflet .leaflet-popup-content-wrapper {border-radius: 0; box-shadow: none;background: none;}
.info-marker-leaflet .leaflet-popup-content {margin: 0px;}
.info-marker-leaflet .nav-tabs>li.active>a, .info-marker-leaflet .nav-tabs>li.active>a:hover, .info-marker-leaflet .nav-tabs>li.active>a:focus {border-top: 2px solid transparent;}


/* Styl pro info okna nad autama */
/*img[src="http://maps.gstatic.com/intl/en_us/mapfiles/iw_close.gif"] {display: none;}*/
.info-tab-header {font-size: 13px;}
.info-tab-content {font-size: 13px;position: relative;min-height: 150px;display: block;}
.info-tab-content .icon-large {font-size: 16px;vertical-align: middle;}
.info-tab-content ul {list-style-type: none;margin:0;}
.info-tab-content li:first-child {line-height:25px;}
.info-tab-content li{width: 290px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}    
.info-tab-content li span {font-size:14px;}
.info-tab-content li i {width: 20px;}
.info-tab-content .info-tab-buttons {/*position:absolute; bottom: 10px; width: 308px;*/position: absolute;/* margin-top: 5px; */bottom: 0px;left: 0px;right: 0px;}
.info-tab-content table td {font-size: 14px;}
.info-tab-content table td span {height:20px;line-height:20px;}


/* Styl pro info okna s formem - poi */
.info-marker-form {font-family: 'Open Sans'; /*overflow:hidden;*/line-height:1.35;white-space:nowrap;position: relative;/*min-height: 300px;*/min-height:255px;display: block;}
.info-marker-form .form-group {margin-bottom: 5px;}
.info-marker-form .form-group label {display: block;width: 100%;font-weight: bold;color: #747474;}
.info-marker-form .form-group input {padding: 2px 5px;height:25px;}
.info-marker-form .form-group span {font-size: 18px;min-height: 25px;padding-left: 7px;}
.info-marker-form .btn-success, .info-marker-form .btn-danger {margin-right:10px;}

.popover-content .info-marker-form {min-height: 175px;}

/* Styl pro barvy a ikonu ve formu - poi */ 
.info-marker-form .row {margin:0;}
.info-marker-form .row .col-md-1-5 {float: left;width:12.5%;  position: relative;min-height: 1px;}
.info-marker-form .box {margin-bottom: 0px; padding: 2px 0;}
.info-marker-form .box label {display:block;margin:0 auto;}
.info-marker-form .box i{display:block; width: 30px; margin: 0 auto;font-size:20px;}
.info-marker-form .box i:before {vertical-align: middle;}
.info-marker-form .box span {display:block;width:15px; height:15px; margin: 0 auto;min-height:15px;}
.info-marker-form .box label > input{ display:none;width: 0;}
.info-marker-form .box label > input + span, .info-marker-form .box label > input + i{cursor:pointer;border:2px solid transparent;}
.info-marker-form .box label > input:checked + span {border:2px solid #fff;}
.info-marker-form .box label > input:checked + i{ border:2px solid #000;}

.info-marker-form .info-tab-buttons {position: absolute;/*bottom: 10px;left: 10px;right: 10px;*/ bottom:0;left:0;right:0;}


.info-tab-header-wrap {margin-right:0 !important;}
/* jen na akceptaci */
.tg-holderr { height: 100%; }
.tg-holder>.slimScrollDiv>.scrollbar { overflow: auto; }


/* Styl pro popup okno s exportem */
.popup-content {position:absolute;background: #fff; top: 20px; left:20px; bottom: 20px; right: 20px; padding: 20px;overflow:auto;}
.popup-header h1 {padding: 0;margin: 0;font-size: 24px;font-weight: lighter;color: #2679b5;margin-bottom: 10px;/*padding-right: 12px;padding-left: 12px;*/}
.popup-content .table {margin-bottom: 15px;}
.popup-content .form-group{margin-bottom: 5px;}
.popup-content label .lbl{width: 100%;font-weight: bold;color: #747474;line-height: 1.3;}
.popup-content input[type="text"] {width: 100%;height: 27px;padding: 2px 5px;line-height: 1.3;}
.popup-export-filename {padding-top: 5px;}
.popup-buttons {margin-top: 10px;height:40px;}
.popup-buttons .btn-success { margin-right: 10px; }
.popup-buttons #export-result {max-width: 260px;}

.popup-content .left-col {border-right: 1px solid #ddd;/*max-width:250px;padding-right: 12px;padding-left: 12px;float: left;*/}
/*.popup-content .right-col {width:100%;padding-right: 12px;padding-left: 12px;float: left;}*/

.popup-content .nav-list-scroll ul li a {  font-size: 14px;padding-left: 10px;position: relative;line-height: 28px;height: 28px;display: block;width: 100%;}
.popup-content .search .input-icon {width: 100%;margin: 0 auto;display: block;}
.popup-content .search .input-icon input {padding: 4px 6px 3px 24px;width: 100%;line-height: 18px;font-size: 13px;}
.popup-content .search .input-icon .clean {right: 2px;top: 0px;line-height: 14px;}
.popup-content .nav-list-scroll a.active:before {display: block;content: "";position: absolute;top: -1px;bottom: 0;left: 0;width: 3px;max-width: 3px;overflow: hidden;background-color: #3382af; } 
.popup-content .slimScrollDiv > ul {margin: 0 0 10px 0;}
.popup-content .nav-list-scroll ul {list-style-type:none;}

/* Login form */
.screen-overlay {height: 100%;width: 100%;position: absolute;top: 0;left: 0;background: #fff;/*background: url('../img/bg200.jpg') no-repeat top center;*/ /*background: url('../img/bg100.jpg') no-repeat top center;*/ z-index:9000;text-align: center;vertical-align: middle; visibility:visible;opacity:1;/*-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;*/}
.screen-overlay-hidden {visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;-moz-transition:visibility 0s linear 0.5s,opacity 0.5s linear;-o-transition:visibility 0s linear 0.5s,opacity 0.5s linear;transition:visibility 0s linear 0.5s,opacity 0.5s linear;}  

.screen-overlay .screen-loading { display: inline-block;position: absolute;top: 50%;/*margin-left: -160px;*/margin-left: -125px;margin-top: -40px;  left:50%; /*padding:10px 20px;*/padding-top: 7px;padding-bottom: 4px; background: rgba(0,0,0,0.5); -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width: 250px;min-height: 60px;/* height: 80px;*/}
.screen-overlay .screen-loading  span {font-size: 36px;color:#ffffff;line-height: 19px; display:inline-block;margin-top: 12px;}
.screen-overlay .screen-loading  small {font-size: 18px;color:#ffffff;}

.screen-overlay .screen-loggedUser-info {display: inline-block;position: absolute;top: 75%;margin-left: -190px;margin-top: -50px;  left:50%;/*padding:10px 20px;*/padding: 6px 10px 6px 15px;background: rgba(0,0,0,0.5); -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;width: 380px;}
.screen-overlay .screen-loggedUser-info table {color: #ffffff;font-size: 18px;}
.screen-overlay .screen-loggedUser-info table tr td {text-align: left;}
.screen-overlay .screen-loggedUser-info table tr td span {padding: 0 0 0 10px;}
.screen-overlay .screen-loading  img { width: 45px; height: 39px; }


/* angular autocomplete */
.angucomplete-holder {display: inline-block;width: 80%;}
.angucomplete-holder input[type='text'] {width:100%;}
.angucomplete-dropdown {border-radius: 0; padding: 0;overflow-y: auto; max-height: 250px;}
.angucomplete-dropdown .highlight {color: rgb(218, 48, 48);}
.angucomplete-description {font-size: 12px; color: #888;}

/* custom select - dropdown */
.select-dropdown .dropdown-menu {position:fixed;width:261px;top:initial;left:initial;}
.select-dropdown ul{max-height: 150px;overflow-y: scroll;margin-top: -2px;-webkit-box-shadow:none;box-shadow:none;z-index: 9999;}
.select-dropdown > a {display:block;padding: 2px 5px;height: 25px;border: 1px solid #d5d5d5;color:#858585;text-decoration:none;font-size: 14px;position: relative;}
.select-dropdown > a:active{border-color: #f59942;outline:0;}
.select-dropdown > a b.caret {position: absolute;right: 10px;top: 9px;}
.select-dropdown ul li a {margin:0;font-size: 12px;}
.select-dropdown ul li a.dropdown-item-active {background:aqua;color:#fff;}
.select-dropdown ul li a:hover {background:aqua;color:#fff;}

.select-dropdown ul li a span.color-rect {display: block;height:18px;width:100%;min-height: 18px;height: 18px;margin: 0;padding: 0;}


.btn>[class*="icon-"] {
    display: inline-block;
}

/* Navigation */
#navigation-assets.nav.nav-list.cars li {height:38px;}
#navigation-assets .car-group .ln {left:0;width:227px;}
#navigation-assets .car-group .l2 span.right-align i {width:24px;text-align:right;}
/*#navigation-assets .car-group .l2 span.right-align i.last-icon {width:10px;}*/

/* Assets layers */
#assets-layers.nav.nav-list.cars li {height:24px;}
#assets-layers .car-group .check {height: 24px;padding: 0px 4px 0 3px;}
#sidebar.menu-min #assets-layers li {height:33px;}

/* Impersonate form */
.impersonateForm form {padding: 0 11px;/*max-width:195px;margin:0 auto;*/}
.impersonateForm form input, .impersonateForm form select {padding: 4px 6px 3px 6px;min-width: 165px;max-width:165px;height: 27px;line-height: 18px;font-size: 13px;}

.screen {
    /*background: url('../img/bg200.jpg') no-repeat top center;*/
    overflow: auto;
    background: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

.login-screen, .createaccount-screen, .lostpassword-screen, .acceptrequest-screen, .rejectrequest-screen {
    padding-top: 50px;
}
/* begin Login, Create Account*/ 
.form-signin, .form-createaccount {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.form-signin img, .form-createaccount img {
    margin-bottom: 10px;
}

.alert {
    padding: 10px;
    margin-bottom: 15px;  
}

.form-signin label, .form-createaccount label {
    color: #888;
    font-weight: 700;
    margin-bottom: 5px;
}

.form-signin-heading {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    z-index: 2;
}

.form-signin-heading:before {
    position: absolute;
    content: '';
    top: 22px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    z-index: -1;
}

.form-signin-heading h2 {
    color: #888;
    font-size: 24px;
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    margin: 0;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    /*font-family: inherit;*/
    font-weight: 500;
}

.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control, .form-createaccount .form-control {
    position: relative;
    height: auto;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
    line-height: 1.42857143;
}
.form-signin .form-control:focus, .form-createaccount .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"], .form-signin input[type="text"], .form-createaccount input[type="email"], .form-createaccount input[type="text"], .form-createaccount input[type="number"] {
    margin-bottom: -1px;
}
.form-signin input[type="password"], .form-createaccount input[type="password"] {
    margin-bottom: 20px;
}

.form-signin .btn-block, .form-createaccount .btn-block {  
    background-color: #e21e24!important;
    border-color: #e21e24;
    color: #fff;
    text-shadow: none!important;

    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-width: 1px;
}

.form-signin p a, .form-createaccount p a {
    color: #888;
}

.form-space {
    padding-top: 5px;
}

.form-createaccount .help {
    margin-bottom: 10px;
}

.form-createaccount i.icon-info {
    width: 18px;
    text-align: center;
    display: inline-block;	
}

.form-createaccount a:hover i.icon-info {
    text-decoration: none;
}

.form-createaccount .help a {
    color: #e21e24;
}

.form-createaccount .help .collapse div {
    text-align: justify;
    margin-top: 5px;
    color: #888;
}

/* end Login, Create Account */

.asset-marker-label {
    background: #fff;border: 1px solid #000;padding: 0px 5px 0 5px;color: #000;white-space: nowrap;pointer-events: none;-webkit-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.asset-marker-label-ign {
    background:rgb(103, 214, 83);border: 1px solid #000;padding: 0px 5px 0 5px;color: #000;white-space: nowrap;pointer-events: none;-webkit-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Nam font icons */ 
@font-face {
  font-family: 'nam-system';
  src:  url('nam-fonts/nam-system.eot');
  src:  url('nam-fonts/nam-system.eot?#iefix') format('embedded-opentype'),
    url('nam-fonts/nam-system.ttf') format('truetype'),
    url('nam-fonts/nam-system.woff') format('woff'),
    url('nam-fonts/nam-system.svg#nam-system"') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[data-icon]:before {
    /* font-family: "nam-system" !important;*/
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-nam-"]:before,
[class*=" icon-nam-"]:before {
    font-family: "nam-system" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-nam-airplane:before {
  content: "\4b";
}
.icon-nam-ambulance:before {
  content: "\e901";
}
.icon-nam-bager:before {
  content: "\62";
}
.icon-nam-bus:before {
  content: "\e903";
}
.icon-nam-cabrio:before {
  content: "\e904";
}
.icon-nam-circle:before {
  content: "\e905";
}
.icon-nam-combi:before {
  content: "\e906";
}
.icon-nam-container:before {
  content: "\e907";
}
.icon-nam-cop:before {
  content: "\e908";
}
.icon-nam-fighter:before {
  content: "\e909";
}
.icon-nam-firecar:before {
  content: "\e90a";
}
.icon-nam-hatchback:before {
  content: "\e90b";
}
.icon-nam-helicopter:before {
  content: "\e90c";
}
.icon-nam-hexagon:before {
  content: "\e90d";
}
.icon-nam-motocycle:before {
  content: "\e90e";
}
.icon-nam-person1:before {
  content: "\e90f";
}
.icon-nam-person2:before {
  content: "\e910";
}
.icon-nam-person3:before {
  content: "\e911";
}
.icon-nam-radio:before {
  content: "\e912";
}
.icon-nam-rally:before {
  content: "\e913";
}
.icon-nam-repairkey:before {
  content: "\e914";
}
.icon-nam-sedan:before {
  content: "\e915";
}
.icon-nam-service:before {
  content: "\e916";
}
.icon-nam-smile:before {
  content: "\e917";
}
.icon-nam-square:before {
  content: "\e918";
}
.icon-nam-star:before {
  content: "\e919";
}
.icon-nam-suv:before {
  content: "\e91a";
}
.icon-nam-tank:before {
  content: "\e91b";
}
.icon-nam-taxi:before {
  content: "\e91c";
}
.icon-nam-tractor:before {
  content: "\e91d";
}
.icon-nam-triangle:before {
  content: "\e91e";
}
.icon-nam-truck:before {
  content: "\e91f";
}
.icon-nam-unc:before {
  content: "\e920";
}
.icon-nam-van:before {
  content: "\e921";
}
.icon-nam-veteran:before {
  content: "\e922";
}
.icon-nam-wagon:before {
  content: "\e923";
}
.icon-nam-yacht:before {
  content: "\e924";
}
.icon-nam-airship:before {
  content: "\e925";
}
.icon-nam-balloon:before {
  content: "\e926";
}
.icon-nam-boat:before {
  content: "\e927";
}
.icon-nam-box:before {
  content: "\e928";
}
.icon-nam-concrete-mixer:before {
  content: "\e929";
}
.icon-nam-crane:before {
  content: "\e92a";
}
.icon-nam-cycle:before {
  content: "\e92b";
}
.icon-nam-garbage-truck:before {
  content: "\e92c";
}
.icon-nam-harvester:before {
  content: "\e92d";
}
.icon-nam-jet-ski:before {
  content: "\e92e";
}
.icon-nam-plow:before {
  content: "\e92f";
}
.icon-nam-rudder:before {
  content: "\e930";
}
.icon-nam-sail:before {
  content: "\e931";
}
.icon-nam-scooter:before {
  content: "\e932";
}
.icon-nam-scooter2:before {
  content: "\e933";
}
.icon-nam-traffic-light:before {
  content: "\e934";
}
.icon-nam-train:before {
  content: "\e935";
}

/* Nam poi font icons */


@font-face {
    font-family: "nam-system-poi";
    src:url("nam-fonts/nam-system-poi.eot");
    src:url("nam-fonts/nam-system-poi.eot?#iefix") format("embedded-opentype"),
        url("nam-fonts/nam-system-poi.woff") format("woff"),
        url("nam-fonts/nam-system-poi.ttf") format("truetype"),
        url("nam-fonts/nam-system-poi.svg#nam-system-poi") format("svg");
    font-weight: normal;
    font-style: normal;

}
/*
[data-icon]:before {
  font-family: "nam-system-poi" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

[class^="icon-poi-"]:before,
[class*=" icon-poi-"]:before {
    font-family: "nam-system-poi" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-poi-airport:before {
    content: "a";
}
.icon-poi-work:before {
    content: "c";
}
.icon-poi-hotel:before {
    content: "d";
}
.icon-poi-atm:before {
    content: "e";
}
.icon-poi-bank:before {
    content: "f";
}
.icon-poi-info:before {
    content: "g";
}
.icon-poi-mall:before {
    content: "h";
}
.icon-poi-bar:before {
    content: "i";
}
.icon-poi-beer:before {
    content: "j";
}
.icon-poi-parkingHouse:before {
    content: "k";
}
.icon-poi-parkingPlace:before {
    content: "l";
}
.icon-poi-busStation:before {
    content: "m";
}
.icon-poi-cafe:before {
    content: "n";
}
.icon-poi-pin:before {
    content: "o";
}
.icon-poi-police:before {
    content: "p";
}
.icon-poi-cinema:before {
    content: "q";
}
.icon-poi-client:before {
    content: "r";
}
.icon-poi-post:before {
    content: "s";
}
.icon-poi-school:before {
    content: "t";
}
.icon-poi-fireStation:before {
    content: "u";
}
.icon-poi-food:before {
    content: "v";
}
.icon-poi-service:before {
    content: "w";
}
.icon-poi-theatre:before {
    content: "x";
}
.icon-poi-gasStation:before {
    content: "y";
}
.icon-poi-home:before {
    content: "z";
}
.icon-poi-trainStation:before {
    content: "A";
}
.icon-poi-hospital:before {
    content: "b";
}


.viewSidebar {overflow: hidden;height: 100%;margin-bottom: -68px;}


/* rotation */
.rotate { -webkit-animation: spin 1s linear infinite; -moz-animation:spin 1s linear infinite; -o-animation: spin 1s linear infinite; animation:spin 1s linear infinite; }

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
}


/*.navbar .navbar-header {float:left;}*/
@media screen and (max-width: 991px) {
    .sidebar {display: block; margin-top:0;}
    #player {display:none;}
}
@media screen and (max-width: 550px) {
    .nav.ace-nav>.light-blue {display: none; }
}
@media only screen and (max-width: 460px) {
    .ace-nav {display:none;}
}


.screen-overlay .spinner {
    /*margin: 100px auto;*/
    width: 40px;
    height: 40px;
    /*position: relative;*/
    text-align: center;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;

    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.screen-overlay .dot1, .screen-overlay .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    /*background-color: #333;*/
    background-color: #e21e24;
    border-radius: 100%;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.screen-overlay .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/*
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
*/
.stick {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  opacity: 1;
  z-index: 999;
}
      
.stick.st-hide {
  transition: opacity 0.5s linear 2s;
  opacity: 0;
}