.tankcargo h1{
    font-size:24px;
    line-height:24px;
    margin: 0 0 20px 0;
    vertical-align:middle
}
.tankcargo h1 .description{
    font-size:12px;
    color:#9a9c9e;
    display:inline-block;
    line-height:24px;
    vertical-align:middle
}
.tankcargo h1 .description:before{
    content: "|";
    padding: 0 15px;
    color:#c1c1c1;
}
.tankcargo #container{
    width:100%;
    height:100%;
    min-height:900px;
    display:table
}
.tankcargo #container:after{
	content:"";	
}
/* CONTENT */
.tankcargo #content{
    height:100%;
    display:table-cell;
    vertical-align: top;
}
.tankcargo #content .title-bar{
    height:44px;
    background:#386eab
}

.tankcargo #content .top-icons{
    list-style:none;
    padding:0;
    margin:0;
}
.tankcargo #content .top-icons li{
    height:44px;
    line-height:44px;
    min-width:16px;
    float:left;
    border-right:1px solid #306095;
}
.tankcargo #content .top-icons.pull-right li{
    background-position:left center
}
.tankcargo #content .top-icons li a{
    display:block;
    padding: 0 15px;
    color:#c9dbed
}
.tankcargo #content .top-icons li:hover a{
    background:#306095;
}
.tankcargo #content .top-icons li a span{
    min-width:16px
}
.mobile-menu{
    display:none;
}
.flags img{
    margin: 0 10px 0 0
}
.tankcargo #content .top-icons li ul{
    display:none;
    position:absolute;
    background:#306095;
    width:240px;
    list-style:none;
    padding:0;
    margin:0
}
.tankcargo #content .top-icons li ul li{
    width:240px;
}
.tankcargo #content .top-icons li ul li a span{
    padding: 0 0 0 30px;
}
.tankcargo #content .tool-bar{
    height:42px;
    line-height:42px;
    padding: 0 20px 0 0;
    background:#e5e5e5;
    margin: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}
.tankcargo .goback-container{
	float: left;
	background:#eee;
	border-right: 1px solid #ccc;
	margin: 0 20px 0 0;	
}
.tankcargo .goback-container a{
	display:block;	
	padding: 0 20px;
}
.tankcargo #breadtrail div{
    height: 16px;
    line-height:16px;
    display:inline-block;
}
.tankcargo #breadtrail .title{
    float: left;
    color:#848993;
    padding: 0 5px 0 0;
    margin: 13px 0;
}
.tankcargo #breadtrail #bc_left:after,
.tankcargo #breadtrail .bc_middle:after{
    color:#bbc3d1;
    content: "|";
    width:1px;
    padding: 0 5px;
}
.tankcargo #breadcrumb div,
.tankcargo #breadcrumb a{
    color:#585c62
}

.tankcargo #breadcrumbs {
    height: 16px;
    line-height: 16px;
    display: inline-block;
    list-style: none;
    padding-left: 0;
}

.tankcargo #breadcrumbs li {
    float: left;
    padding-right: .5em;
}

.tankcargo #content > .inner{
    padding:20px;
    border-left:1px solid #ffffff;
}
.tankcargo #content .inner p:first-child{
    margin-top:0;
}
.tankcargo #content .inner p:last-child{
    margin:0;
}
/* SIDEBAR */
.tankcargo #sidebar{
    display:table-cell;
    vertical-align: top;
    width:250px;
    height:100%;
    background:#e5e5e5 url('images/sidebar-bg.png') repeat-y right top
}
.tankcargo #sidebar .title-bar{
    
    background:#dbdbdb url('images/sidebar-bg.png') repeat-y right top
}
.tankcargo #sidebar .title-bar > div{
    color:#fff;
}
.tankcargo #sidebar .title-bar .logo{
	height: 21px;
	text-align:center;
	padding: 12px 0;
    font-size:24px
}
.tankcargo #sidebar .title-bar .description{
    color:#999;
	height:41px;
	line-height:41px;
	padding: 0 15px;
	border-bottom:1px solid #ccc;
	background:#e5e5e5 url('images/sidebar-bg.png') repeat-y right top
}
.tankcargo #sidebar .inner{
    padding:0 0 15px 0;
}
.tankcargo #sidebar ul{
    padding:0;
    margin:0;
    list-style:none;
}
.tankcargo #sidebar .menu{
    
}
.tankcargo #sidebar .menu li{
    line-height:40px;
    position:relative;
    border-bottom:1px solid #dbdbdb
}

.tankcargo #sidebar .menu li.current > a,
.tankcargo #sidebar .menu li.current-parent > a{
    width:220px;
	color:#fff;
    background:#e39a43 url('images/menu-li-current.png') no-repeat right center;
    border-right:1px solid #f3f3f3;
}
.tankcargo #sidebar .menu li.current-parent.haschild > a{
	background:#e5e5e5;
	color:#474747;
}
.tankcargo #sidebar .menu li a{
    display:block;
    padding: 0 15px;
    color:#474747;
    font-size:14px;
    text-decoration:none
}
.tankcargo #sidebar .menu li:hover{
    background:#dbdbdb;
	border-color:#ccc;
}
.tankcargo #sidebar .menu .child{
    background:#f0f0f0;
    display:none;
}
.tankcargo #sidebar .menu .current-parent .child{
    display:block;
}
.tankcargo #sidebar .account{
    padding: 0 15px 15px 15px
}
.tankcargo #sidebar .account .image{
    padding:2px;
    width:60px;
    height:60px;
}
.account .user{
    width:90px;
    padding: 0 0 0 15px
}
.account .name{
    padding: 0 0 10px 0;
    font-weight:bold;
    font-size:14px;
}
/* COLUMNS */
.columns{
    width:100%;
    display:table
}

.column-container {
    width: 100%;
}

.columns .column{
    display:table-cell;
    width:50%;
    box-sizing:border-box
}
.columns .column-spacer{
    width:20px;
}
/* SEARCH */
#search{
    height:30px;
    padding:0 15px;
}
#search #srch_fld{
    height:27px;
    margin:0;
    padding:0 0 0 5px;
    border:none;
    width:140px;
    float:left;
    background: url('images/search-sprite.png');
}
#search #srch_btn{
    height:27px;
    margin:0;
    padding:0;
    border:none;
    cursor:pointer;
    width:24px;
    float:left;
    background: url('images/search-sprite.png') no-repeat right center;
}
/* PAGES */
.displaying-num{
    font-style:italic;
    color:#666;
    padding: 0 10px 0 0
}
.page-numbers{
    padding: 0 5px
}
/* BUTTONS */
.buttons{
    height:160px;
    padding:0;
    list-style:none;
    margin: 0 -10px 20px -10px;
}
.buttons li{
    float:left;
    height: 160px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    cursor:pointer;
    padding: 0 10px;

}
.buttons li > div{
    border:1px solid #354c67;
    background:#386eab;
    text-align:center;
    padding: 40px 20px 20px 20px;
}
.buttons.cols-3 li{
    width:33.33%;
}
.buttons.cols-4 li{
    width:25%;
}
.buttons.cols-5 li{
    width:20%;
}
.buttons li > div:hover{
    background:#e39a43;
    border-color:#a67131
}
.buttons li .image{
    height:50px;
    background-position:center;
    background-repeat:no-repeat;
}
.buttons li .cargo-icon{
    background-image: url('images/cargo-icon-large.png')
}
.buttons li .my-cargo-icon{
    background-image: url('images/my-cargo-icon-large.png');
}
.buttons li .maps-icon{
    background-image: url('images/maps-icon-large.png');
}
.buttons li .messages-icon{
    background-image: url('images/messages-icon-large.png');
}
.buttons li .settings-icon{
    background-image: url('images/settings-icon-large.png');
}
.buttons li .trucks-icon{
    background-image: url('images/truck-icon-large.png');
}
.buttons li .cleaning-icon{
    background-image: url('images/cleaning-icon-large.png');
}
.buttons li.spacer{
    width:20px;
    display:block;
    background:none;
    border:none;
    height:auto;
    padding:0;
}
.buttons li .title{
    font-size:14px;
    height: 42px;
    line-height: 42px;
    color:#fff;
    font-weight:bold;
}
/* DARK ICONS */
.light-icon li span{
    line-height:16px;
    height:16px;
    display: inline-block;
    vertical-align:middle;
    background-image: url('images/icons-light.png');
    background-repeat:no-repeat;
}
#content .light-icon.pull-right li span{
    padding-left: 26px;
}
.dark-icon{
    padding-left: 26px;
    line-height:16px;
    height:16px;
    vertical-align:middle;
    background-image: url('images/icons-dark.png');
    background-repeat:no-repeat;
}
.icon-help{
    background-position: 0 -16px
}
.icon-data{
    background-position: 0 -32px
}
.icon-reports{
    background-position: 0 -48px
}
.icon-profile{
    background-position: 0 -64px
}
.icon-logout{
    background-position: 0 -80px
}
.icon-menu{
    background-position: 0 -96px
}
.icon-cog{
    background-position: 0 -112px
}
.icon-messages{
    background-position: 0 -128px
}
.icon-news{
    background-position: 0 -144px
}
/* DASHBOARD */
.dashboard{
    margin: 0 0 20px 0;
}
.helpdesk-table thead th,
.dashboard .title{
    background:#386eab;
    height:42px;
    line-height:42px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    padding: 0 20px;
    border:1px solid #354c67
}

.dashboard .title a {
    color: #fff;
    text-decoration: underline;
}
.dashboard .read-all{
    font-weight:normal;
    font-size:12px;
    color:#767b84
}
.dashboard .read-all a{
    color:#767b84;
}
.dashboard .inner{
    min-height:100px;
    background:#fff;
    border:1px solid #c1c1c1;
    border-top:0;
    padding:20px;
}
.dashboard .footer{
    padding: 0 20px;
    background:#dbdbdb;
    border-top:1px solid #c1c1c1;
    height:42px;
    line-height:42px;
}
.dashboard .footer p{
    display:none;
}
/* POSTS */
.posts{
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
.posts th{
    text-align:left;
    padding: 0 0 15px 10px;
    vertical-align:middle;
    border-bottom:1px solid #d7d7d7;
}
.post,
table.posts td{
    vertical-align:middle;
    margin: 0 0 15px 0;
}
table.posts td{
    padding:15px 10px
}
td.post-image{
    width:47px;
}
td.post-image img{
    padding: 0 20px 20px 0
}
table.zebra tbody tr:nth-child(even) {
    background-color: #eee;
}
table.two-col td{
	width:50%	
}
.post:last-child{
    padding:0;
    margin:0;
    border:none;
}
.strong,
.post-title.strong{
    font-size:14px;
    font-weight:bold;
}
.post-meta{
    padding: 0 0 10px 0;
    font-size:11px;
    color:#a2a2a2;
}
/* NOTIFICATIONS */
.notifications{
    list-style:none;
    padding:0;
    margin:0
}
.notifications li{
    background:#eee;
    margin: 0 0 15px 0;
    height:40px;
    line-height:40px;
    padding: 0 15px;
}
.notifications li .notice{
    float:left;
}
.notifications li .notice span{
    vertical-align:top;
    height:40px;
    display:inline-block;
}
.notifications li .notification-icon{
    background: url('images/notification-icon.png') no-repeat left center;
    width:27px;
}
.notifications li .date{
    color:#a3a3a3;
    float:right;
}
/* BUTTONS */
.actions{
    list-style:none;
    padding:0;
    margin:0;
}
.actions li{
    display:inline-block;
}
.actions li a{
    color:#777
}
.filters li:after,
.actions li:after{
    content: "|";
    padding:5px;
    color:#9a9c9e
}
.filters li:last-child:after,
.actions li:last-child:after{
    padding:0;
    content: ""
}
/* LABELS */
.label,
.badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
}

.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.label a{
    color:#fff;
}
.badge {
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.label:empty,
.badge:empty {
    display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label-important,
.badge-important {
    background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
    background-color: #953b39;
}

.label-warning,
.badge-warning {
    background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605;
}

.label-success,
.badge-success {
    background-color: #468847;
}

.label-success[href],
.badge-success[href] {
    background-color: #356635;
}

.label-info,
.badge-info {
    background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
    background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
    background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
    background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
    position: relative;
    top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
    top: 0;
}
/* FILTERS */
.filters{
    list-style:none;
    padding:0;
    margin:0;
}
.filters li{
    font-size: 12px;
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
}
.filters li a{
    color: #9a9c9e;
}
.filters a.current{
    color:#0089d1
}
/* MESSAGES */
table.messages{
    width:100%;
}
table.messages td.avatar{
    width:120px;
    background: url('images/message-sep.png') repeat-y top right;
}

table.messages .entry{
    padding:15px 15px 15px 25px;
    background:#eeeeee url('images/entry-arrow.png') no-repeat top left
}

/* GENERAL CLASSES */
.post_prev,
.pull-left{
    float:left;
}
.post_next,
.pull-right{
    float:right
}
.white-bg{
    background:#fff;
}
.lightgrey-bg{
    background:#f5f5f5;
}
.box-shadow{
    -webkit-box-shadow:  0px 0px 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow:  0px 0px 1px 2px rgba(0, 0, 0, 0.25);
}
select,
textarea,
.border-radius,
input[type="text"],
input[type="search"],
input[type="submit"],
input[type="password"]{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #c1c1c1;
    min-height:26px;
}
.border-radius-top{
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.border-radius-bottom{
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.border-radius-right{
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.border-radius-left{
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
input:focus,
textarea:focus,
select:focus{
    outline:none;
    -moz-box-shadow: 0 0 4px #89B5F3;
    -webkit-box-shadow:  0 0 4px #89B5F3;
    box-shadow: 0 0 4px #89B5F3;
}
input[type="submit"]{
    background-color:#386eab;
    border:1px solid #006aa1;
    color:#fff;
    text-align:center;
    box-sizing:border-box;
    cursor:pointer;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif
}
input[type="submit"]:hover{
    background:#354c67;
}

#content input[type="submit"]{
    height:32px;
    padding: 0 40px
}


fieldset {
    border: 1px solid #efefef;
    padding: 1em;
    margin-bottom: 1em;
}

fieldset legend {
    font-size: 1.2em;
}

input.small { width: 75px; }
input.normal { width: 250px; }
input.large { width: 350px; }

.hidden {
    display: none;
}

.form-field {
    margin: .5em 0;
    clear: both;
}

.form-field label {
    width: 200px;
    float: left;
    font-weight: bold;
    line-height: 1.6em;
}

.tankcargo-form input[type=text],
.tankcargo-form input[type=email],
.tankcargo-form input[type=password],
.tankcargo-form input[type=number],
.tankcargo-form textarea,
.tankcargo-form select {
    border-radius: 2px;
    font-size: 12px;
    padding: 3px;
    border: 1px solid #ccc;
    width:300px;
    height:22px;
}

.tankcargo-form textarea {
    width: 250px;
    height: 75px;
    resize: vertical;
}

.tankcargo-form .radio-options,
.tankcargo-form .checkbox-options {
    float: left;
}
.tankcargo-form .checkbox-options{

}
.tankcargo-form .checkbox-options th{
    text-align:left
}
.tankcargo-form .checkbox-options td{
    min-width:85px
}
.tankcargo-form label.radio,
.tankcargo-form label.checkbox {
    float: none;
    font-weight: normal;
    cursor: pointer;
    display: block;
    width: 100%;
}

.tankcargo-form input.error {
    border: 1px solid #cc0000;
}

dl dt {
    float: left;
    font-weight: bold;
    width: 200px;
    clear: both;
}

dl dd {
    float: left;
}

dl table th,
dl table td {
    padding: 2px;
}

.match {
    float: left;
    display: block;
    margin-right: 1em;
    width: 110px;
    border: 1px solid #eee;
    padding: 3px;
}

.match p {
    margin: 0;
}

.form-field textarea {
    width: 400px;
    height: 125px;
}

.terms {
    max-height: 200px;
    overflow: scroll;
    border: 1px solid #eee;
    padding: 1em;
}

.required-marker {
    color: #c00;
}

#error-message {
    color: #c00;
    margin-bottom: 1em;
}

#error-message p,
#error-message ul {
    margin: 0;
}

.success {
    padding: .5em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 5px;
}

.error {
    padding: .5em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    border-radius: 5px;
}

.hidden {
    display: none;
}
/* MAPS */
#map,
#route{
    height:750px !important;
}

/* MESSAGES */
.error,
.message{
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    padding:10px 10px 10px 30px;
    margin-bottom:10px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-position: 7px center;
    background-repeat:no-repeat;
    position:relative;
}
.message_succes{
    background-image:url(images/accept.png);
    border:1px solid #78a172;
    background-color:#9dd396;
    color:#468847
}
.error-warning,
.message_fail{
    background-image:url(images/delete.png);
    border:1px solid #ba8072;
    background-color:#eca18f;
    color:#b94a48
}
.error-notice,
.message_info{
    background-image:url(images/information.png);
    border:1px solid #668fad;
    background-color:#85b9e1;
    color:#3a87ad
}
.error-strict-error,
.message_notify{
    background-image:url(images/error.png);
    border:1px solid #f1cc1d;
    background-color:#faefb8;
    color:#c09853
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/**
 * Styling Search form
 */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.search-form * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0 0 20px 0;
    background: #fff;
    border: 1px solid #c1c1c1;
    padding: 1em;
}

.search-form h4 {
    font-weight: bold;
    font-size: 1.2em;
}

.column-container .column {
    width: 33%;
    float: left;
    padding: 1em;
    border-right: 1px solid #c1c1c1
}

.column-container .column:last-child {
    border-right: 0;
}

.column-container .column select,
.column-container .column input[type=text] {
    width: 100%;
}

.column-container .column label {
    display: block;
    width: 100%;
}

#freight-list .item,
#empty-truck-list .item {
    border-top: 1px solid #eee;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

#freight-list .item:first-child,
#empty-truck-list .item:first-child {
    border-top: 0;
}

.freight-table .from-column,
.empty-truck-table .from-column,
.freight-table .to-column,
.empty-truck-table .to-column {
    width: 45%;
    vertical-align: top;
}

.freight-table .arrow-column,
.empty-truck-table .arrow-column {
    width: 10%;
    vertical-align: middle;
    text-align: center;
}

.freight-table dl dt,
.empty-truck-table dl dt {
    width: 150px;
}

#send-message-form textarea {
    width: 100%;
    padding: 1px;
    height: 150px;
    line-height: 1.4em;
}

.posts .unread td {
    font-weight: bold;
}