﻿h2
{
	margin-top: 0px;
}

.validation-summary-errors ul {
	margin-left: 0;
	padding-left: 0;
}

.sidebar-subitem-header
{
	background-color: #ddd; 
	padding: 2px;
	font-weight: bold;
	font-size: 12px;
}

.notif-task-text {
	color: #222222;
	font-size: 12px;
}

.breadcrumb {
	background-color: #ecf0f1 !important;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.panel.panel-expand {
	padding-top: 60px !important;
    z-index: 1049 !important;
}

th.sortable {
	cursor: pointer;
}

label.control-label {
	color: #333 !important;
}

.overflow-scroll {
	/*max-height: 000px;*/
	overflow-y: scroll;
	width: 100%;
}
.ptb5{
    padding-top: 5px;
    padding-bottom: 5px;
}
.panel-heading-nobottom{
    padding-bottom: 0px;
}
.panel-notop{
    padding-top: 0px;
    margin-top: 0px!important;
}
.col-border-rounded{
    border: solid;
    border-color: black;
    border-width: 1px;
    border-radius: 15px;
}
.busy-indicator {
	width: 100%;
	height: 100%;
	background: url(/content/images/busy-indicator.gif) center no-repeat;
	background-color: rgba(240, 240, 240, .5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1091;
	display: none;
}

.elem-loading-indicator
{
	background: url(/content/images/busy-indicator.gif) center no-repeat;
	background-color: rgba(240, 240, 240, .5);
	position: absolute;
	z-index: 1091;
	display: none;
}

.form-group-item {
	display: block;
	border-top: 1px solid #dfe2e3;
	padding-top: 8px;
	padding-left: 8px;
}

.form-group-item:first-child {
	border-top: none;
}

.btn-pac-lg {
	margin-right: 10px;
	min-width: 100px;
}

.dashboard-panel
{
	height: 250px;
}

.mvc-grid-pager
{
	padding-left: 15px;
}

.mvc-grid-filter
{
	right: unset !important;
}

/*Sets the column width for the status column on the Exporter Dashboard*/
.StatusColumnWidth{
    width: 175px !important;
}

.row-action-icon
{
	font-size: 150% !important;
	text-decoration: none;
}

.row-action-icon:hover
{
	font-size: 150% !important;
	text-decoration: none;
}

.pagination
{
	margin: 10px 0;
}

.form-horizontal .control-label
{
	text-align: left;
}

.form-group
{
	margin-bottom: 10px !important;
}

.input-group-inline input, .input-group-inline button
{
	display: inline;
}

.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.mb0
{
	margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10
{
	margin-bottom: 10px !important;
}

.mb25
{
	margin-bottom: 10px !important;
}

.mt3
{
	margin-top: 3px;
}

.mt5
{
	margin-top: 5px;
}

.mt9 {
    margin-top: 9px !important;
}

.mt10
{
	margin-top: 10px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt25
{
	margin-top: 25px;
}

.ml5 {
    margin-left:5px;
}

.ml15 {
    margin-left: 15px;
}

.mt35{
    margin-top: 35px;
}

.pl0{
    padding-left: 0px !important;
}

.panel-body .sub-header
{
	margin: 20px -15px 15px -15px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 5px 15px 5px 15px;
	background-color: #f6f6f6;
}

.content-body
{
	padding-top: 0px !important;    
    margin-top: 70px!important; 
}

.validation-summary-valid.alert-danger 
{
	display: none;
}

.validation-summary-errors ul
{
	list-style-type: none;
}

.input-validation-error
{
	border: 1px solid #a94442;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple
{
	border: 1px solid #E0E4E8;
}

.label-item
{
	color: white;
	background-color: #dddddd;
	font-size: 11px;
	display: inline-block;
	padding: 2px;
	border-radius: 4px;
	margin-right: 4px;
	margin-bottom: 2px;
}

.color-picker
{
	width: 20px;
	height: 20px;
	border: 1px solid #cccccc;
}

.colorpicker-selectors i
{
	width: 20px !important;
	height: 20px !important;
	margin-bottom: 3px;
}

.expand-icon
{
	cursor: pointer;
}

.expand-icon-target
{
	position: absolute;
	margin: auto auto;
	border: 1px solid Gray;
	background-color: white;
	padding: 3px;
}

.expand-icon-additional
{
	display: none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
	.expand-icon-target
	{
		position: initial;
		display: inline-block;
		background-color: transparent;
		border: 0px;
		padding: 0px;
	}

    .mw285-sm {
        max-width: 285px !important;
    }
}

.modal-body-scrolling
{
	max-height: 80%;
	overflow-y: auto;
}

/*Styling for the has-error class applied for client side validation*/
.has-error-checkbox:before{
	border:1px solid #a94442 !important;
	background-color: #a94442 !important;
}

.has-error, .chosen.has-error+div.chosen-container,.has-error+div.chosen-container{
	border:1px solid #a94442 !important;
	border-color: #a94442 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.panel-spacing {
  margin-right: 10px;
   }

.mw180{
    max-width: 180px !important;
}

.mw285{
    max-width: 285px !important;
}

/*.mw195{
    max-width: 235px !important;
}*/

.wraptocenter {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.key-text {
    padding: 2px !important;
    margin-bottom: 3px;
    color:#000;
}

.grid-collapse-arrow {
    color: #fff;
    font-size: 17px;
    line-height: 18px;
}

.dropdown-menu .divider {
    margin:9px 0 4px 0;
}

.altColor{
    color: black !important;
}

/*
    PAPSMaintenance Page
    
*/
.disabledDIV {
    pointer-events: none;
    opacity: 0.4;
}

.OverViewPanelTitle{
    margin-bottom: -15px;
}

/*
    Vehicle Report
*/
.ImportBranchColumnWidth{
    max-width: 80px !important;
}

.ParkingSpaceColumnWidth{
    max-width: 80px !important;
}

.SignedBOLColumnWidth{
    max-width: 80px !important;
}

.VINColumnWidth{
    max-width: 100px !important;
}

.TripNumberColumnWidth{
    max-width: 100px !important;
}

.PAPSColumnWidth{
    max-width: 80px !important;
}

.StockNumberColumnWidth{
    max-width: 70px !important;
}

.ExporterColumnWidth{
    max-width: 100px !important;
}

.OutboundVinColumnWidth{
    width: 175px !important;
}

.OutboundColumnWidths{
    width: 125px !important;
}

.OutboundEmptyColumnWidth{
    width: 400px !important;
}

.OutboundInvoiceAmountColumnWidth{
    max-width: 80px !important;
}


div[aria-expanded=true] .hide-expanded {
    display: none;
}

div[aria-expanded=false] .hide-collapse {
    display: none;
}

.btnMoveSelected {
    border-color: darkgrey;
    margin-right: 2px;
}

.bwiPanelHeading {
    padding-bottom: 0px;
    height: 45px;
}

.spud-barcode-addon {
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 30px;
    margin-top: 2px;
    margin-bottom: 0px;
}

.navbar,
.navbar a,
.navbar a:hover,
.navbar a:focus,
.nav > a,
.nav > a:hover,
.nav > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: white;
    border-bottom-color: white;
    color: #000F6A;
}

    .navbar a:hover,
    .navbar a:focus,
    .nav > a:hover,
    .nav > a:focus,
    .nav .open > a:hover,
    .nav .open > a:focus
    {
        background-color: #62B4FD;
    }

.nav > li > a:hover, .nav > li > a:focus {
    background-color: white;
}

.navbar-nav > .dropdown.open,
.navbar-nav > .dropdown.open > a,
.navbar-nav > .dropdown.open:hover,
.navbar-nav > .dropdown.open > a:hover {
    background-color: #62B4FD;
    color: #fff;
}

    .navbar-nav > .dropdown.open > ul > li,
    .navbar-nav > .dropdown.open > ul > li > a{
        background-color: #fff;
        color: #000F6A;
    }

    .navbar-nav > .dropdown.open > ul > li:hover,
    .navbar-nav > .dropdown.open > ul > li:hover > a{
        background-color: #62B4FD;
        color: #fff;
    }

.navbar-nav > profile-picture {
    border-radius: 100%;
    margin-top: -2px;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, .5);
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
}

/*.header-profile {
    width:  250px;
    -- toggle display
    1156
    1155
}*/

.navbar {
    margin-bottom : 0px;
}

div.collapsing > .hidden-parent-in,
div.in > .hidden-parent-in {
    display:none;
}

.navbar-inverse{
    border: none;    
}

.st-sort-ascent:before {    
    content: '\25B2';    
}

.st-sort-descent:before {    
    content: '\25BC';    
}

.st-sort-ascent > i.st-sortable-indicator,
.st-sort-descent > i.st-sortable-indicator {
    display: none;
}

.loading-placeholder {
    line-height: 280px;
}

.three-quarters-loading-placeholder {
    line-height: 210px;
}

.half-loading-placeholder {
    line-height: 140px;
}

.one-quarter-loading-placeholder {
    line-height: 70px;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

.w100 {
    width:100%;
}

/* Grid helpers */
.mvc-grid-header-title {
    white-space: nowrap;
}

@media (min-width: 1600px) {
    .table-responsive {
        overflow-x: visible;
    }
}
/*style="padding: 5px 15px"*/
.bwiPanelHeading {
    height: 100%;
    min-height: 50px;
}

/* Conformity */
#pnlReadyToSign > table > tbody > tr > td, #pnlReadyToSend > div > table > tbody > tr > td, #pnlSentToDOT > div > table > tbody > tr > td {
    vertical-align: initial;
}

#pnlReadyToSign > table > tbody > tr > td > input {
    vertical-align: text-top;
}

/* Outbound Loads */
#outbound-search-container > div > table > tbody > tr > td {
    vertical-align: initial;
}

#outbound-search-container > div > table > tbody > tr > td > div > div > table > tbody > tr > td {
    vertical-align: inherit;
}

/* Tasks */
#taskVehicleList > div > button > i {
   font-size: 14px;
}

#taskListTable > tbody > tr > td {
    vertical-align: initial;
}

/* Vehicle Damage Log*/
.damageCheckbox {
    position: relative;
    top: 3px;
}

.carousel-image {
    max-height: 400px;
    margin: auto;
}


.carousel-image-taller {
    max-height: 600px;
    margin: auto;
}

.panel-expand > div > div > div > div > img.carousel-image-taller,
.panel-expand > div > div > div > div > div > img.carousel-image-taller {
    max-height: 850px !important;
    /*max-height: 100% !important;*/
}

.carousel-image-holder {
    text-align: center;
    padding: .55em;
}
