body { 
    color: #222; 
    background-color:#394a58 !important;
    background-image: none !important;
}

#header.navbar-inverse .navbar-inner {
    background-color: #454e5c;
    background-image: -moz-linear-gradient(top, #454e5c, #2b3843);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454e5c), to(#363d42));
    background-image: -webkit-linear-gradient(top, #454e5c, #2b3843);
    background-image: -o-linear-gradient(top, #454e5c, #2b3843);
    background-image: linear-gradient(to bottom, #454e5c, #2b3843);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff454e5c', endColorstr='#ff363d42', GradientType=0);
    border-color: #2a3035;
    webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
}

#header .navbar-inner .nav .dropdown-toggle:hover, .navbar-inner .nav .dropdown.open .dropdown-toggle {
    background-color: #333 !important;
}

#header.navbar-inverse .divider-vertical {  
    border-left-color: #2b3843;
    border-right-color: #4b4f55;  
}

#sidebar {
    background-color: #394a58;
}

#sidebar > ul > li > a {
    border-top: 1px solid #475c6b;
    border-bottom: 1px solid #3a4146;
    color: #eee;
    text-shadow: 0 1px 1px #000;
}

#sidebar > ul > li a i {
    color: #a4a4a5 !important;
}

#sidebar > ul > li >a:hover, #sidebar > ul > li:hover>a {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    background: #2b3843;
    background: -webkit-linear-gradient(bottom, #2b3843, #333f48);
    background: -ms-linear-gradient(bottom, #2b3843, #333f48); 
    background: -moz-linear-gradient(bottom, #2b3843, #333f48);
    background: -o-linear-gradient(bottom, #2b3843, #333f48);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b3843', endColorstr='#ff333f48', GradientType=0);
    border-color: transparent;
    border-top: 1px solid #3a4146;
    border-bottom: 1px solid #2b3843;
}

#sidebar > ul > li.active > a{
    /*  background: #363d42; */
    background: #2b3843;
    border-top: 1px solid #384650;
    border-bottom: 1px solid #475c6b;   
}  

#sidebar > ul > li > ul.sub > li > a {
    color: #ccc !important;
    text-shadow: 0 1px 1px #000 !important;
}

#sidebar > ul > li > ul.sub > li.active > a, #sidebar > ul > li > ul.sub > li > a:hover {
    color: #999;
    background: #2b3843 !important;
}

#sidebar > ul > li > ul.sub > li > a:hover {
    background: #475c6b !important;
}

/* sub menu bg color on hover menu item */
.sidebar-closed #sidebar > ul > li:hover .sub {
    background-color: #2b3843;
}


/* Landscape phone to portrait tablet */
@media (max-width:979px) { 
    #sidebar {
        background-color: #282e33 !important;
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
    }

    #sidebar > ul > li > a {
        border-top: 1px solid #343a3f !important;
        border-bottom: 1px solid #1f252a !important;
    }

    #sidebar > ul > li.active > a, #sidebar > ul > li:hover > a, #sidebar > ul > li > a:hover {
        border-top: 1px solid #343a3f !important;
        border-bottom: 1px solid #1f252a !important;
    }
}


/* First additional class  (row-fluid) */
.firstInfoRow{
    padding-bottom: 15px;
}
/* */
.selection-filter{
    margin-top:1px;
}
#advanced-filtering-content{
    display: none;
}

.number-input{
    text-align: right;
}

.table th, .table td.center {
    text-align:center !important;
}

.tableActionRow{
    margin-bottom: 4px;
}

.dashoard-legend{
    margin-left:10px;
}

.message-title-content{
    width:100%;
}

.message-time-content{
    float: right;
}

.label-green, .badge-green {
    border-color: #006600;
    background-color: #006600;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006600), color-stop(100%, #006600));
    background-image: -webkit-linear-gradient(top, #006600, #006600);
    background-image: -moz-linear-gradient(top, #006600, #006600);
    background-image: -ms-linear-gradient(top, #006600, #006600);
    background-image: -o-linear-gradient(top, #006600, #006600);
    background-image: linear-gradient(top, #006600, #006600);
}

.disabled-icon{
    opacity: 0.21;
}

.icon-btn div {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
}

.container-timepicker-24{
    font-size: 0;
    margin-bottom: 10px;
    vertical-align: middle;
    white-space: nowrap;
    width: 96.7%;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.auto-width {
	width: auto !important;
}

#quick-nav > .modal-body {
	overflow:visible;
}

tfoot > tr > td {
	border-top-width: 2px !important;
}

#map-canvas {
	height:665px;
	margin-bottom:15px;
}

#toggle-tickets {
	width:120px;
}

#toggle-workers {
	width:152px;
}
#map-canvas img {max-width:none;}
#map-canvas label {width: auto; display:inline;}
.delayed-ticket-row {
	background: #FFC2C2;
}

#toggle-worker-container {display:inline-table; margin-right:20px; width:200px;}
#toggle-ticket-container {display:inline-table; width:200px;}
#toggle-worker-container label, #toggle-ticket-container label {display: inline;}

.legend-inline {
	width:100%;
	
}
.legend-inline div {
	display:inline;
	width:auto;
	padding-right: 30px;
	
}

#sidebar.fixedSidebarMenu {
	position:fixed !important;
    z-index: 1;
}

#sidebar.scrollableSidebarMenu {
	overflow-y:scroll !important;
	overflow-x:hidden !important;
}

#sidebar.scrollableSidebarMenu ul{
	width: 198px;
}

.th-actions-1 {
    width: 40px;
}

.th-actions-2 {
    width: 80px;
}