/* ------------------------------------------------------- PRINT BUTTON  */

a.DTTT_button_print {
	margin: 8px;
}

/* ------------------------------------------------------- LIST ITEM BOOTSTRAP OVERRIDE  */

.list-group-item {
    overflow: auto;
}

/* ------------------------------------------------------- CSS SPINNER FOR PROCESSING  */

@-webkit-keyframes load6 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, 0 -0.83em 0 -0.42em #0684C9, 0 -0.83em 0 -0.44em #0684C9, 0 -0.83em 0 -0.46em #0684C9, 0 -0.83em 0 -0.477em #0684C9;
	}

	5%, 95% {
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, 0 -0.83em 0 -0.42em #0684C9, 0 -0.83em 0 -0.44em #0684C9, 0 -0.83em 0 -0.46em #0684C9, 0 -0.83em 0 -0.477em #0684C9;
	}

	10%, 59% {
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, -0.087em -0.825em 0 -0.42em #0684C9, -0.173em -0.812em 0 -0.44em #0684C9, -0.256em -0.789em 0 -0.46em #0684C9, -0.297em -0.775em 0 -0.477em #0684C9;
	}

	20% {
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, -0.338em -0.758em 0 -0.42em #0684C9, -0.555em -0.617em 0 -0.44em #0684C9, -0.671em -0.488em 0 -0.46em #0684C9, -0.749em -0.34em 0 -0.477em #0684C9;
	}

	38% {
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, -0.377em -0.74em 0 -0.42em #0684C9, -0.645em -0.522em 0 -0.44em #0684C9, -0.775em -0.297em 0 -0.46em #0684C9, -0.82em -0.09em 0 -0.477em #0684C9;
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, 0 -0.83em 0 -0.42em #0684C9, 0 -0.83em 0 -0.44em #0684C9, 0 -0.83em 0 -0.46em #0684C9, 0 -0.83em 0 -0.477em #0684C9;
	}
}

@keyframes load6 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, 0 -0.83em 0 -0.42em #0684C9, 0 -0.83em 0 -0.44em #0684C9, 0 -0.83em 0 -0.46em #0684C9, 0 -0.83em 0 -0.477em #0684C9;
	}

	5%, 95% {
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, 0 -0.83em 0 -0.42em #0684C9, 0 -0.83em 0 -0.44em #0684C9, 0 -0.83em 0 -0.46em #0684C9, 0 -0.83em 0 -0.477em #0684C9;
	}

	10%, 59% {
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, -0.087em -0.825em 0 -0.42em #0684C9, -0.173em -0.812em 0 -0.44em #0684C9, -0.256em -0.789em 0 -0.46em #0684C9, -0.297em -0.775em 0 -0.477em #0684C9;
	}

	20% {
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, -0.338em -0.758em 0 -0.42em #0684C9, -0.555em -0.617em 0 -0.44em #0684C9, -0.671em -0.488em 0 -0.46em #0684C9, -0.749em -0.34em 0 -0.477em #0684C9;
	}

	38% {
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, -0.377em -0.74em 0 -0.42em #0684C9, -0.645em -0.522em 0 -0.44em #0684C9, -0.775em -0.297em 0 -0.46em #0684C9, -0.82em -0.09em 0 -0.477em #0684C9;
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		box-shadow: 0 -0.83em 0 -0.4em #0684C9, 0 -0.83em 0 -0.42em #0684C9, 0 -0.83em 0 -0.44em #0684C9, 0 -0.83em 0 -0.46em #0684C9, 0 -0.83em 0 -0.477em #0684C9;
	}
}

/* POSTED IN GP Warning */
#posted-in-gp-warning {
    color: red;
    margin: 10px 0px 10px 0px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
}

/* Fix Error message formatting */
.fix-errors, .submit-errors {
    margin-left: 10px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    color: red;
}
.fix-errors-bottom {
	margin-left: 10px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-weight: 600;
	font-size: 1.2em;
	color: red;
}
.fix-errors-dist {
	margin-left: 10px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-weight: 600;
	font-size: 1.2em;
	color: red;
}

.table-snap tbody tr td {
	background-color: white;
	}

.table-snap tbody tr td:first-child {
	width: 55%;
	}

.btn-sm, .btn-group-sm > .btn {
	font-size: 12px;
	}

h5.h5Overfix {
	position: relative;
	}

.contractOverfix {
	position: absolute;
	top: 3px;
	right: -5px;
	}

/* Toggle Switch Button (the iOS looking one on ReqNetEdit) */

.onoffswitch {
    position: relative;
    width: 112px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "APUser";
        padding-left: 10px;
        background-color: #0684C9;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "BoxGroup";
        padding-right: 10px;
        background-color: #0684C9;
        color: #FFFFFF;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 78px;
    border: 2px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

/* ------------------------------------------------------- AP Invoice GL Detail Display on APInvoice.cshtml  */

#add-comment {
    margin-left: 10px !important;
    border-radius: 3px !important;
}

.hsummary {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	font-size: 14px;
	padding: 6px 0;
	}

.hcol {
	display: block;
	width: 25%;
	float: left;
	height: auto;
	}

.hcol1 {
	width: 12%;
	}

.hcol1 a {
	width: 24px;
	height: 28px;
	padding: 5px;
	}

.hcol2 {
	width: 28%;
	}

.nohcol1 {
	width: 40%;
	}

.hcol3 {
	width: 45%;
	line-height: 20px;
	}

.hcol4 {
	width: 15%;
	text-align: right;
	}

.hbanner {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 3px 0;
	}

.hbanner:nth-child(even) {
	background-color: #f9f9f9;
	}

.hlabel {
	width: 50%;
	display: block;
	float: left;
	padding: 0 6px;
	text-align: left;
	}

.hdisplay {
	display: block;
	width: 50%;
	float: left;
	padding: 0 6px;
	text-align: right;
	}

.hit {
	width: 100%;
	position: absolute;
	bottom: -12px;
	left: 0;
	font-size: .8em;
	font-weight: 100;
	line-height: .8em;
	text-align: center;
	padding: 3px 0 6px 0;
	color: #0684C9;
	background-color: rgba(0, 140, 239, 0.12);
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	}

.focused {
	position: relative;
	background-color: rgba(0, 140, 239, 0.12);
	}

/*  The Labels for the Pages h2, h3 */
.pageLabel {
	display: inline-block;
	}

.pageLabel h2, .pageLabel h3 {
	display: block;
	margin: 0;
	padding: 5px 0;
	}

.secondPageLabel {
    margin: 10px 10px 10px 18px;
}

.thirdPageLabel {
    display: block;
    margin: 10px 10px 10px 18px;
}

/* Search Box */

div.dataTables_filter input {
	padding: 6px;
	border: 1px solid rgb(169,169,169);
	}

caption h3 {
	padding: 0;
	margin: 0;
	width: 100%;
	}

.panelWrapper {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	font-size: 1.25em;
	padding: .5em;
	}

.panelWrapper button {
	width: 76%;
	height: 100%;
	border: none !important;
	background-color: #ffffff !important;
	}

.panelWrapper .panelPre {
	display: block;
	width: 12%;
	float: left;
	line-height: 32px;
	text-align: center;
	}

.panelRight, .panelMiddle, .panelLeft {
	display: block;
	width: 30%;
	float: left;
	}

.panelLeft {
	text-align: left;
	width: 28%;
	}

.panelMiddle {
	text-align: center;
	width: 40%;
	}

.panelRight {
	text-align: right;
	width: 32%;
	}

.panelEdit {
	margin-top: 0px;
	margin-left: -2px;
	float: left;
	padding: 5px;
	margin-bottom: 0;
	border: 1px solid #ddd;
	text-align: center;
	}

.asPrice {
	text-align: right;
	}

.ActionBar {
	display: block;
	}

#Bar input#toggle1 {
	display: none;
	}

#Bar label[for='toggle1'] {
	display: none;
	}


/* Image Rotation Classes*/

.north {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari and Chrome */
}

.east {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    /*overflow:scroll;*/
}

.south {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
}

.west {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    /*overflow: scroll;*/
}

@media only screen and (max-width:540px) {

	.navbar {
		margin-bottom: 0;
		}

	.dataTables_wrapper.ccpage {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		clear: both;
		height: 9em;
		z-index: 1000;
		padding: 1.25em;
		}

	#Bar {
		margin-top: 0em;
		}

	#Bar input#toggle1 {
		position: absolute;
		left: -9999px;
		top: -9999px;
		-webkit-appearance: none;
		}

	#Bar label[for='toggle1'] {
		display: none;
		}
	/* Default State */
	
	input#toggle1 ~ div#ActionBar {
		display: block;
		height: auto;
		overflow: hidden;
		}
	/* Toggled State */
	
	input#toggle1:checked ~ div#ActionBar {
		max-height: 300px;
		}

	#ActionBar div.btn-group:first-child {
		display: block;
		width: 48%;
		float: left;
		}

	#ActionBar div.btn-group:first-child a,
	#ActionBar div.btn-group:first-child input {
		width: 100%;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		}

	#ActionBar div.btn-group:nth-child(2) {
		display: block;
		width: 48%;
		float: left;
		}

	#ActionBar div.btn-group:nth-child(2) a,
	#ActionBar div.btn-group:nth-child(2) input {
		width: 100%;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		}

	.btn-group {
		width: 100%;
		height: auto;
		overflow: auto;
		margin: 0;
		padding: 0;
		}

	.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
		margin-left: 0;
		}

	.btn-group .btn {
		display: block;
		width: 48%;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		margin: 3px 0;
		/*padding: 5px 0 5px 0;*/
		}


	.dataTables_length {
		display: block;
		width: 100%;
		text-align: center;
		}
	.dataTables_length label {
		border: 0px solid red;
		margin: 0 auto;
		float: none;
		position: relative;
		right: 0%;
		}
	button.detail {
		border: 1px solid red;
		}
}
/* END OF MEDIA QUERY */
.accordion-button {
	width: 85%;
	height: 100%;
	border: none !important; 
	background-color: #fff !important; 
	margin-left: 5px; 
	color:#0684C9;
	}
.edit-button {
	float:left;
	padding:5px;
	margin-bottom:5px;
	}
button.detail {
	width: 80%;
	height: 100%;
	padding: 0px;
	border: none !important;
	background-color: #fff !important;
	}
div.image img {
	width: 70px;
	max-width: 70px;
	}

/* BUDGET STATUS INDICATION */

.buttonGoWrapperWrapper {
	display: block;
	width: 3%;
	height: auto;
	overflow: auto;
	float: left;
	position: relative;
	left: -1%;
	top: -3px;
	padding: 3px;
	margin: 0;
	min-width: 25px;
	min-height: 25px;
	max-height: 35px;
	max-width: 35px;
	}

.buttonGoWrapper {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: relative;
	}

.buttonGoLink,
.topButtonGoLink {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #ddd;
	}

.buttonGoLink,
.vendButtonGoLink {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #ddd;
	}

.buttonGo,
.topButtonGo {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #fff;
	}

.buttonGo.red {
	background: #EF250C;
	}

.buttonGo.red:hover {
	background: #FF2110;
	}

.buttonGo.red:active {
	background: #D31B0D;
	}

.buttonGo.yellow {
	background: #f2cb1d;
	}

.buttonGo.yellow:hover {
	background: #ffd522;
	}

.buttonGo.yellow:active {
	background: #d6b21d;
	}

.buttonGo.orange {
	background: #ee9500;
	}

.buttonGo.orange:hover {
	background: #eeab00;
	}

.buttonGo.orange:active {
	background: #ee9500;
	}

.buttonGo.green {
	background: #7fc242;
	}

.buttonGo.green:hover {
	background: #96DB4D;
	}

.buttonGo.green:active {
	background: #73A83B;
	}

.topButtonGo.red {
	background: #EF250C;
	}

.topButtonGo.red:hover {
	background: #FF2110;
	}

.topButtonGo.red:active {
	background: #D31B0D;
	}

.topButtonGo.yellow {
	background: #f2cb1d;
	}

.topButtonGo.yellow:hover {
	background: #ffd522;
	}

.topButtonGo.yellow:active {
	background: #d6b21d;
	}

.topButtonGo.green {
	background: #7fc242;
	}

.topButtonGo.green:hover {
	background: #96DB4D;
	}

.topButtonGo.green:active {
	background: #73A83B;
	}

/* The page with all the icons */

a.SearchSelect {
	display: block;
	height: 5em;
	}

a.SearchSelectSm {
	display: block;
	height: 5em;
	width: 20%;
	}

span.search-icon {
	display: block;
	width: 5em;
	height: 5em;
	position: absolute;
	top: 1em;
	left: 1em;
	}

span.search-count {
    display: block;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    line-height: 2em;
    text-align: center;
}


/* Pink */
span.search-amount {
	display: block;
	font-size: 2.5em;
	position: absolute;
	top: 0em;
	right: 2%;
	line-height: 2.5em;
	color: #0684C9;
	}

a.input-APInvoice span.search-icon {
	background-image: url('images/icon-sprite-3.png');
	background-position: 0px 0px;
	background-size: 5em;
	text-indent: -9999px;
	}

a.input-Travel span.search-icon {
	background-image: url('images/icon-sprite-3.png');
	background-position: 0px -5em;
	background-size: 5em;
	text-indent: -9999px;
	}

a.input-ReqNet span.search-icon {
	background-image: url('images/icon-sprite-3.png');
	background-position: 0px -10em;
	background-size: 5em;
	text-indent: -9999px;
	}

a.input-Xpense span.search-icon {
	background-image: url('images/icon-sprite-3.png');
	background-position: 0px -15em;
	background-size: 5em;
	text-indent: -9999px;
	}

a.input-Contract span.search-icon {
	background-image: url('images/icon-sprite-3.png');
	background-position: 0px -21em;
	background-size: 5em;
	text-indent: -9999px;
	}

span.document-count {
	display: block;
	width: 2em;
	height: 2em;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	line-height: 2em;
	text-align: center;
	margin: 0px auto;
	position: absolute;
	bottom: -4px;
	left: -4px;
	z-index: 4;
	background-color: #666;
	}

span.search-count {
    margin: 0px auto;
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 4;
    background-color: #B2B2B5;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

.dataTables_wrapper .dataTables_processing {
	font-size: 25px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1.0125em;
	height: 1.0125em;
	border-radius: 50%;
	margin: 0px auto;
	position: relative;
	left: 0%;
	top: 15px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease;
	animation: load6 1.7s infinite ease;
	}

.dataTables_wrapper.ccpage {
	position: absolute;
	top: 65px;
	left: 50%;
	}

.spinner {
	width: 20px;
	height: 20px;
	position: relative;
	top: 5px;
	margin: 0px;
	float: right;
	}

#spinner {
	position: absolute;
	top: 0;
	right: 5%;
	z-index: 2000;
	width: 33px;
	height: 33px;
	}

@media only screen and (max-width:768px) {

    #spinner {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2000;
    }

	.dataTables_wrapper .dataTables_processing {
		top: -3px;
		left: 0;
		padding: 0;
		}

	.dataTables_wrapper.ccpage {
		position: absolute;
		top: 0;
		left: 84%;
		}

}

@media only screen and (max-width:768px) {

	.spinner {
		width: 10px;
		height: 10px;
		position: relative;
		top: 5px;
		left: 10px;
		margin: 0px;
		float: right;
		}

} /* END OF MEDIA QUERY */

.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #0684C9;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
	}

.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
	}

@-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);
	}
}

.importNotes {
	display: block;
	height: auto;
	overflow: auto;
	padding: 20px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	margin: 5px 0;
	}

.importNotes:hover {
	background-color: rgba(0, 140, 239, 0.12);
	}

.importNotes h4 {
	float: left;
	}

.fakeFrame {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	border: 1px solid #ddd;
	}

.fakeFrame img {
	width: 100%;
	max-width: 100%;
	}

.ReqDtLine .DtPlaceholder {
	display: block;
	width: 30%;
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	}

.ReqDtLine .DtProduct {
	display: block;
	width: 70%;
	float: right;
	height: 30px;
	text-align: center;
	line-height: 30px;
	}

.ReqDtLine .DtLocation {
	display: block;
	width: 15%;
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	}

.ReqDtLine button {
	display: block;
	width: 85%;
	float: right;
	margin: 0;
	padding: 0;
	line-height: 30px;
	}

.ReqDtLine button span {
	display: block;
	width: 32%;
	float: left;
	margin: 0;
	padding: 0;
	}

.ReqDtLine a {
	border: 1px solid #dddddd;
	}

.ReqDtLine a span {
	margin: 8px 2px;
	}

@media only screen and (max-width:512px) {

	.ReqDtLine a {
		border: 0;
		}

	.ReqDtLine a span {
		margin: 8px 0px;
		}

	.ReqDtLine .DtPlaceholder {
		display: block;
		width: 10px;
		height: 30px;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		}

	.ReqDtLine .DtLocation {
		width: 20%;
		}

	.ReqDtLine button {
		display: block;
		width: 80%;
		height: auto;
		overflow: auto;
		}

	.ReqDtLine button span:nth-child(3) {
		text-align: right;
		width: 40%;
		}

	.ReqDtLine button span:nth-child(2) {
		text-align: center;
		width: 40%;
		}

	.ReqDtLine button span:nth-child(1) {
		text-align: left;
		width: 20%;
		}

} /* END OF MEDIA QUERY */

/*  **********************

	 ViewReports

*********************	*/

#ViewReportsDisplay {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	}

#ViewReportsDisplay ul,
#ViewReportsDisplay ul li {
	margin: 0;
	padding: 0;
	}

#ViewReportsDisplay ul li {
	display: block;
	width: 100%;
	float: left;
	height: auto;
	overflow: auto;
	}

#ViewReportsDisplay ul li span.docIcon {
	background: #eee;
	background: -moz-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
	background: -webkit-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
	border: 1px solid #ccc;
	-moz-border-radius: 3px 15px 3px 3px;
	-webkit-border-radius: 3px 15px 3px 3px;
	border-radius: 3px 15px 3px 3px;
	-moz-box-shadow: inset rgba(255,255,255,0.8) 0 1px 1px;
	-webkit-box-shadow: inset rgba(255,255,255,0.8) 0 1px 1px;
	box-shadow: inset rgba(255,255,255,0.8) 0 1px 1px;
	display: block;
	width: 40px;
	height: 56px;
	position: relative;
	text-indent: -9999em;
	float: left;
	}

#ViewReportsDisplay ul li span.docIcon:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 15px;
	background: #ccc;
	background: -moz-linear-gradient(45deg, #fff 0, #eee 50%, #ccc 100%);
	background: -webkit-linear-gradient(45deg, #fff 0, #eee 50%, #ccc 100%);
	box-shadow: rgba(0,0,0,0.05) -1px 1px 1px, inset white 0 0 1px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-border-radius: 0 14px 0 0;
	-webkit-border-radius: 0 14px 0 0;
	border-radius: 0 14px 0 0;
	}

#ViewReportsDisplay ul li span.docIcon:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 60%;
	margin: 22px 20% 0;
	background: #ccc;
	background: -moz-linear-gradient(top, #ccc 0, #ccc 20%, #fff 20%, #fff 40%, #ccc 40%, #ccc 60%, #fff 60%, #fff 80%, #ccc 80%, #ccc 100%);
	background: -webkit-linear-gradient(top, #ccc 0, #ccc 20%, #fff 20%, #fff 40%, #ccc 40%, #ccc 60%, #fff 60%, #fff 80%, #ccc 80%, #ccc 100%);
	height: 15px;
	}

#ViewReportsDisplay li.boom {
	padding: 10px;
	background-color: #fff;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.125);
	}

#ViewReportsDisplay li.boom:hover {
	background-color: rgba(0, 140, 239, 0.12);
	}

#ViewReportsDisplay li a {
	text-decoration: none;
	}

#ViewReportsDisplay li.boom span:nth-child(1) {
	display: none;
	}

#ViewReportsDisplay li.boom span:nth-child(3) {
	padding: 0 10px;
	display: block;
	height: 56px;
	margin-left: 15%;
	font-size: 1vw;
	}

#ViewReportsDisplay li.boom {
	width: 31.3333%;
	float: left;
	margin: 1%;
	}

@media only screen and (max-width:768px) {
	#ViewReportsDisplay li.boom {
		width: 98%;
		float: left;
		margin: 1%;
		}

	#ViewReportsDisplay li.boom span:nth-child(3) {
		height: auto;
		overflow: auto;
		padding: 10px;
		padding-left: 0;
		height: auto;
		font-size: 2vw;
		}

} /* END MEDIA QUERY */

@media only screen and (max-width:512px) {

    #DashboardBtn {
        display: none;
    }

	#ViewReportsDisplay li.boom {
		width: 98%;
		float: left;
		margin: 1%;
		}

	#ViewReportsDisplay li.boom span:nth-child(3) {
		height: auto;
		overflow: auto;
		padding: 10px;
		padding-left: 10px;
		height: auto;
		font-size: 3vw;
		}

} /* END MEDIA QUERY */

@media only screen and (min-width:1366px) {

	#ViewReportsDisplay li.boom {
		width: 18%;
		float: left;
		margin: 1%;
		}

	#ViewReportsDisplay li.boom span:nth-child(3) {
		height: auto;
		overflow: auto;
		padding: 0px;
		padding-left: 5%;
		height: 62px;
		font-size: .687vw;
		}

} /* END MEDIA QUERY */


/* Sets size of checkboxes on desktop sizes views */
@media only screen and (min-width:768px) {
	
	input.form-control[type="checkbox"] {
		height: 14px;
		width: 20px;
		float: left;
		}

} /* END MEDIA QUERY */

.reportCount {
	display: inline-block;
	width: 21px;
	height: 21px;
	text-align: center;
	line-height: 21px;
	border-radius: 21px;
	-webkit-border-radius: 21px;
	font-size: 14px;
	font-weight: bold;
	background-color: #0684C9;
	color: #fff;
	margin: 0 6px;
	float: right;
	}

.checkboxMessage {
	display: block;
	width: 50%;
	height: auto;
	overflow: auto;
	padding: 1em 2em 1em 1em;
	}

.checkboxMessageLabel {
	float: left;
	display: block;
	width: 25%;
	text-align: left;
	}

.checkboxMessageValue {
	float: left;
	display: block;
	width: 75%;
	text-align: left;
	padding-left: 2em;
	}

@media only screen and (max-width:980px) {

	.checkboxMessage {
		display: block;
		width: 100%;
		height: auto;
		overflow: auto;
		padding: 1em 2em 1em 1em;
		}

	.checkboxMessageLabel {
		float: left;
		display: block;
		width: 25%;
		text-align: left;
		}

	.checkboxMessageValue {
		float: left;
		display: block;
		width: 75%;
		text-align: left;
		padding-left: 2em;
		}

} /* END MEDIA QUERY */

@media only screen and (max-width:768px) {

	.checkboxMessage {
		display: block;
		width: 100%;
		height: auto;
		overflow: auto;
		padding: 1em 2em 1em 1em;
		}

	.checkboxMessageLabel {
		float: left;
		display: block;
		width: 50%;
		text-align: left;
		}

	.checkboxMessageValue {
		float: left;
		display: block;
		width: 50%;
		text-align: left;
		padding-left: 2em;
		}

} /* END MEDIA QUERY */


@media only screen and (min-width: 541px) {

	table.historyTableClass {
		width: 100%;
		}

	table.historyTableClass thead {
		background-color: #ddd;
		font-size: 0.8em;
		}

	table.historyTableClass thead th {
		padding: 3px 0;
		}

	table.historyTableClass tbody td {
		padding: 3px 0;
		}
	table.historyTableClass tr th a span,
	table.historyTableClass tr td a span {
		padding: 0;
		}
	table.historyTableClass tr th,
	table.historyTableClass tr td {
		text-align: center;
		}

	table.historyTableClass tr:nth-child(even) {
		background-color: #eee;
		border: 0;
		}

	table.historyTableClass tr:nth-child(even) td {
		border-bottom: 1px solid #ddd;
		}

	table.historyTableClass tr:last-child td {
		border-bottom: 0px solid #ddd;
		}

} /* END MEDIA QUERY */



@media only screen and (max-width: 540px) {

	table.tableau, table.tableau thead,
	table.tableau tbody, table.tableau th,
	table.tableau td, table.tableau tr {
		display: block;
		}

	table.tableau thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
		}

	table.tableau tr {
		display: block;
		height: auto;
		overflow: auto;
		margin: 10px 0;
		background-color: #fff;
		padding: 0px;
		border-radius: 20px 20px 0 0;
		-webkit-border-radius: 20px 20px 0 0;
		}

	table.tableau tr:nth-child(even) {
		background-color: #eee;
		border: 0;
		}

	table.tableau tr:nth-child(even) td {
		border-bottom: 1px solid #ddd;
		}

	table.tableau tr td:first-child {
		height: 30px;
		border: 0;
		padding-top: 0;
		}

	table.tableau tr td a {
		position: relative;
		width: 200%;
		left: -100%;
		top: -15px;
		display: block;
		background-color: #0684C9;
		border-radius: 20px 20px 0 0;
		-webkit-border-radius: 20px 20px 0 0;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		}

	table.tableau tr td a:hover {
		background-color: #eee;
		}

	table.tableau tr td a span {
		color: #fff;
		}

	table.tableau td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		}

	table.tableau td:before {
		position: absolute;
		top: 0px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		}

	table.tableau.distributionSamples td:nth-of-type(1):before {
		content: "";
		}

	table.tableau.distributionSamples td:nth-of-type(2):before {
		content: "Distribution Number";
		}

	table.tableau.distributionSamples td:nth-of-type(3):before {
		content: "GL Account";
		}

	table.tableau.distributionSamples td:nth-of-type(4):before {
		content: "Description";
		}

	table.tableau.distributionSamples td:nth-of-type(5):before {
		content: "Amount";
		}

} /* END MEDIA QUERY */

@media only screen and (min-width: 541px) {

	table.tableau {
		width: 100%;
		}

	table.tableau thead {
		background-color: #ddd;
		font-size: .8em;
		}

	table.tableau thead th {
		padding: 3px 0;
		}

	table.tableau tbody td {
		padding: 3px 0;
		}

	table.tableau tr th:nth-child(1) a span,
	table.tableau tr td:nth-child(1) a span {
		padding: 0;
		}

	table.tableau tr th:nth-child(1),
	table.tableau tr td:nth-child(1) {
		width: 5%;
		text-align: center;
		}

	table.tableau tr th:nth-child(2),
	table.tableau tr td:nth-child(2) {
		width: 10%;
		text-align: center;
		}

	table.tableau tr th:nth-child(3),
	table.tableau tr td:nth-child(3) {
		width: 30%;
		text-align: left;
		}

	table.tableau tr th:nth-child(4),
	table.tableau tr td:nth-child(4) {
		width: 30%;
		text-align: left;
		}

	table.tableau tr th:nth-child(5),
	table.tableau tr td:nth-child(5) {
		width: 30%;
		text-align: right;
		padding-right: 1em;
		}

} /* END MEDIA QUERY */


/* Opens Display boxes on index to show full text where overflow cuts it off */
.list-group-item-expand {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	}

.list-group-item-expand span {
	word-wrap:break-word;
	overflow-wrap: break-word;
	max-width: 100%;
	}

/*  Overdub Replaces Editable Textbox with Un-editable div with any value */
div.positionChange {
	position: relative;
	}

div.overdub {
	display: block;
	border-radius: 0 !important;
	box-shadow: none;
	width: 90%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #eee;
	background-image: none;
	border: 1px solid #ccc;
	border-right: 0;
	}

div.infront {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 15px;
	}

div.behind {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: -1;
	}

div.dummy {
	display: block;
	border-radius: 0 !important;
	box-shadow: none;
	display: block;
	width: 94%;
	min-height: 34px;
	padding: 6px 12px 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #eee;
	background-image: none;
	border: 1px solid #ccc;
	}


/*  Documents Display  */


#docNav {
	padding: .5em;
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	text-align: center;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	}

#docNavReceiptInvoice {
	padding: .5em;
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	text-align: center;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
}

input[type=button].PrevDoc, 
input[type=button].NextDoc {
	padding: .25em;
	text-decoration: none;
	width: 48%;
	display: block;	
	border: 0;
	background-color: #0684C9;
	color: #fff;
	font-size: 12px;
	padding: 6px 0;
	margin: 0 1%;
	}

input[type=button].PrevDoc {
	float: left;
	}

input[type=button].NextDoc {
	float: right;
	}

a.PrevDoc, a.NextDoc {
	padding: .25em;
	text-decoration: none;
	width: 50%;
	display: block;
	}

a.PrevDoc {
	float: left;
	}

a.NextDoc {
	float: right;
	}

a.PrevDoc:before {
	content: '<< ';
	}

a.NextDoc:after {
	content: ' >>';
	}

#docDisplay {
	display: block;
	width: 100%;
	height: auto;
	-webkit-overflow-scrolling: touch;
	}

#docDisplay iframe {
	height: 100%;
	width: 100%;
	}

#docDisplay img {
	width: 100%;
	height: auto;
	overflow: auto;
	}

@media screen and (min-width:1024px) {

	.documentsDisplay {
		position: relative;
		top: 0px;
		height: 1024px;
		}

} /* END MEDIA QUERY */

@media screen and (max-width:990px) {

	.documentsDisplay {
		display:block;
		float: left;
		width: 100%;
		border: 0;
		}

} /* END MEDIA QUERY */

/* iFrame Display for Document Previews  */
.documentsDisplay.stick {
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 10000;
	display: block;
	width: inherit;
	min-height: 600px;
	padding: 0 25px 0 10px;
	margin-right: 10px;
	overflow: auto;
	}
@media screen and (max-width:1200px) {
	.documentsDisplay.stick3 {
		position: fixed;
		top: 0;
		left: 50%;
		z-index: 10000;
		display: block;
		width: 50%;
		height: 600px;
		overflow: auto;
	}
}
@media screen and (min-width:1200px) {
	.documentsDisplay.stick3 {
		position: fixed;
		top: 0;
		left: 66.66666%;
		z-index: 10000;
		display: block;
		width: 33.33333%;
		height: 600px;
		overflow: auto;
	}
}

#docDisplayReceiptInvoice {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
	-webkit-overflow-scrolling: touch;
}

	#docDisplayReceiptInvoice iframe {
		height: 100%;
		width: 100%;
	}

	#docDisplayReceiptInvoice img {
		width: 100%;
		height: auto;
		overflow: auto;
	}

@media screen and (min-width:1024px) {

	.documentsDisplayReceiptInvoice {
		position: relative;
		top: 0px;
		height: 1024px;
	}
}
/* END MEDIA QUERY */

@media screen and (max-width:990px) {

	.documentsDisplayReceiptInvoice {
		display: block;
		float: left;
		width: 100%;
		border: 0;
	}
}
/* END MEDIA QUERY */

.documentsDisplayReceiptInvoice.stick {
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 10000;
	display: block;
	width: inherit;
	min-height: 600px;
	padding: 0 25px 0 10px;
	margin-right: 10px;
	overflow: auto;
}

@media screen and (max-width:1200px) {
	.documentsDisplayReceiptInvoice.stick3 {
		position: fixed;
		top: 0;
		left: 50%;
		z-index: 10000;
		display: block;
		width: 50%;
		height: 600px;
		overflow: auto;
	}
}

@media screen and (min-width:1200px) {
	.documentsDisplayReceiptInvoice.stick3 {
		position: fixed;
		top: 0;
		left: 66.66666%;
		z-index: 10000;
		display: block;
		width: 33.33333%;
		height: 600px;
		overflow: auto;
	}
}
/*
.documentsDisplay iframe {
	display: block;
	width: 100%;
	height: 600px;
	}
*/
/* Global Change for Usernames and Vendors */
#globalChangePage .panel-heading {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}

#globalChangePage #UserIDDDL,
#globalChangePage #VendorIDDDL {
	margin: 1em 0;
	}

#companySelect {
	display: block;
	position: relative;
	height: 33px;
	width: 50%;
	float: right;
	border: 0;
	}

#companySelect label {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 32px;
	width: 46%;
	}

#companySelect label select {
	position: absolute;
	top: -10px;
	right: 0px;
	}

#modificationVendorEntry {
	width: 100%;
	height: 50px;
	position: relative;
	}

#newVendorID {
	position: absolute;
	left: 0;
	top: 0;
	width: 30%;
	}

#modificationVendorEntry span {
	width: 2%;
	line-height: 40px;
	position: absolute;
	top: 0;
	left: 30%;
	text-align: center;
	}

#newVendorName {
	position: absolute;
	left: 32%;
	top: 0;
	width: 68%;
	}

/*  Paperclip Document Counts in Module Search Pages */
.paperCount {
	display: block;
	width: 2em;
	height: 2em;
	border-radius: 2em;
	font-size: 1em;
	font-weight: bold;
	color: #0684C9;
	line-height: 2em;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: rgba(0, 140, 239, 0.12);
	z-index: 3;
	}

.paperCount:before {
	content: 'x';
	}

.clipCount {
	position: relative;
	z-index: 4;
	}

.clipCount span.fa-paperclip {
	position: relative;
	z-index: 5;
	color: #666;
	}

table.dataTable tbody td.dex {
	position: relative;
	padding-left: 30px;
	}

td.dex:nth-child(2) {}

span.SelectNode {
	float: left;
	width: 20px;
	padding-top: 6px;
	}

span.SelectNode input[type=checkbox] {
	margin: 0;
	}

span.OpenNode {
	float: left;
	width: 60px;
	}

.assignments {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 10px 0;
	}

.assignments span {
	display: block;
	float: left;
	padding-right: 10px;
	}

.assignments span select {
	width: 100%;
	margin: 0;
	}

.assignments button {
	width: 100%;
	margin-top: 4px;
	}

.assignments label {
	margin: 0;
	margin-top: 2px;
	}

.assignments span.no-label {
	padding-top: 1.5em;
	}

@media screen and (max-width:640px) {

	.assignments {
		display: block;
		width: 100%;
		height: auto;
		overflow: auto;
		}

	.assignments span {
		display: block;
		width: 50%;
		float: left;
		padding: 6px;
		}

	.assignments span select {
		width: 100%;
		margin: 0;
		}

	.assignments button {
		width: 100%;
		margin: 10px 0;
		}

} /* END MEDIA QUERY */

.btn.btn-danger {
	background-color: #0684C9;
	border-color: #0684C9;
	border: 0;
	margin-left: 2px;
	}

span.blankUnassignedTitle {
	color: #f9f9f9;
	}

table.actionTable tbody tr {
	border: 0px solid red;
	background-color: transparent;
	}

table.actionTable:hover {
	background-color: transparent;
	}

span.opener {
	position: absolute;
	top: 0;
	left: 0;
	width: 33px;
	height: 100%;
	border: 0;
	}

input[type=text] {
	border: 1px solid #ccc;
	}

.companyddlmove {
	display: inline-block;
	height: auto;
	overflow: auto;
	float: right;
	position: absolute;
	top: 120px;
	right: 25px;
	}

@media screen and (max-width:980px) {

	.companyddlmove {
		display: inline-block;
		height: auto;
		overflow: auto;
		float: right;
		position: absolute;
		top: 75px;
		right: 130px;
		}

} /* END MEDIA QUERY */

@media screen and (max-width:640px) {

	.companyddlmove {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		}

} /* END MEDIA QUERY */

.headerSortDown {
	background-color: rgba(0, 140, 239, 0.12);
	position: relative;
	padding-right: 20px;
	}

.headerSortDown::after {
	position: absolute;
	bottom: -5%;
	right: 45%;
	color: #0684C9;
	content: '\25bc';
	font-size: .8em;
	}

.headerSortUp {
	background-color: rgba(0, 140, 239, 0.12);
	position: relative;
	}

.headerSortUp::after {
	position: absolute;
	bottom: -5%;
	right: 45%;
	color: #0684C9;
	content: '\25b2';
	font-size: .8em;
	}

.initialSortColumn {
	background-color: rgba(0, 140, 239, 0.12);
	position: relative;
	padding-right: 20px;
	}

.initialSortColumn:after {
	position: absolute;
	bottom: -5%;
	right: 45%;
	color: #0684C9;
	content: '\25bc';
	font-size: .8em;
	}

/*  ----------------------------------------------- CONUS TABLE -----  */
div#conusTable {
	display: block;
	max-width: 100%;
	height: auto;
	overflow: auto;
	background-color: #fff;
	}

ul.c-header li span {
	padding: 10px 0;
	margin: 0;
	}

ul.c-header, ul.c-header li,
ul.c-body, ul.c-body li {
	list-style: none;
	}

ul.c-body li:nth-child(odd) {
	background-color: #eee;
	}

ul.c-footer {
	padding: 0;
	margin: 0;
	border: 0px solid red;
	margin: 1em 0;
	list-style: none;
	height: auto;
	overflow: auto;
	height: 40px;
	}

ul.c-footer li {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 6px 0;
	}

ul.c-footer li span#grandTotal {
	width: 11%;
	text-align: center;
	float: right;
	font-weight: bold;
	}

.bottomRow span#grandTotal::before {
	content: 'Grand Total: ';
	}

.bottomRow {
	padding: .125em 0;
	border: 0px solid red;
	margin-bottom: 1em;
	}

.bottomRow a {
	margin: 0 16px;
	}

.bottomRow span {
	display: block;
	width: 11%;
	min-width: 160px;
	text-align: center;
	float: right;
	margin: 0 14px;
	background-color: #eeeeee;
	padding: 1em 0;
	font-weight: 700;
	}

ul.c-body {
	-webkit-padding-start: 0;
	}

ul.c-body li {
	display: block;
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 6px 0;
	}

.c-col-1,
.c-col-2,
.c-col-3,
.c-col-4,
.c-col-5,
.c-col-6,
.c-col-7,
.c-col-8,
.c-col-9 {
	display: block;
	overflow: auto;
	padding: 0;
	margin: 0;
	float: left;
	padding: 6px 0;
	}

.c-col-1 {
	min-width: 15%;
	width: 9%;
	text-align: center;
	}

.c-col-2 {
	width: 20%;
	}

.c-col-3 {
	width: 10%;
	text-align: center;
	}

.c-col-4 {
	width: 10%;
	text-align: center;
	}

.c-col-5 {
	width: 10%;
	text-align: center;
	}

.c-col-6 {
	width: 10%;
	text-align: center;
	}

.c-col-7 {
	width: 10%;
	text-align: center;
	}

.c-col-8 {
	width: 10%;
	text-align: center;
	}

.c-col-1 a {
	padding: 0;
	display: block;
	width: 48%;
	margin: 0 1%;
	float: left;
	text-align: left;
	}

.c-col-1 a:first-child {
	text-align: center;
	}

#extraMeta {
	display: block;
	margin: 0 16px;
	height: 33px;
	line-height: 33px;
	}

#extraMeta b {
	color: #666;
	}

#extraMeta ul {
	display: inline-block;
	-webkit-padding-start: 0;
	}

#extraMeta ul,
#extraMeta ul li {
	list-style: none;
	}

#extraMeta ul li {
	display: inline-block;
	padding: 0 1em;
	}

@media screen and (max-width:640px) {

	div#conusTable {
		display: block;
		max-width: 100%;
		height: auto;
		overflow: auto;
		background-color: #f9f9f9;
		}

	ul.c-header {
		display: none;
		}

	ul.c-body li {
		display: block;
		width: 100%;
		height: auto;
		overflow: auto;
		margin: 0;
		padding: 0;
		margin: 1em 0;
		padding: .125em;
		border-radius: 1em;
		-webkit-border-radius: 1em;
		border: 1px solid #ccc;
		}

	.c-col-1 {
		width: 100%;
		text-align: right;
		padding: 1%;
		}

	.c-col-1 a {
		width: 48%;
		display: block;
		float: left;
		background-color: #0684C9;
		color: #fff;
		text-align: center;
		padding: 6px;
		margin: 1%;
		}

	.c-col-1 a {
		border-radius: 0 .5em 0 0;
		}

	.c-col-1 a:first-child {
		border-radius: .5em 0 0 0;
		}

	.c-col-2 {
		width: 100%;
		text-align: right;
		padding: 3% 5%;
		border-bottom: 1px solid #ccc;
		}

	.c-col-2::before {
		content: "Trip Date";
		width: 33.3333%;
		float: left;
		text-align: right;
		}

	.c-col-3 {
		width: 33.3333%;
		text-align: right;
		padding: 3% 2%;
		border-bottom: 1px solid #ccc;
		}

	.c-col-3::before {
		content: "Breakfast";
		width: 66.6666%;
		float: left;
		text-align: right;
		}

	.c-col-4 {
		width: 33.3333%;
		text-align: right;
		padding: 3% 5%;
		border-bottom: 1px solid #ccc;
		}

	.c-col-4::before {
		content: "Lunch";
		width: 66.6666%;
		float: left;
		text-align: right;
		}

	.c-col-5 {
		width: 33.3333%;
		text-align: right;
		padding: 3% 5%;
		border-bottom: 1px solid #ccc;
		}

	.c-col-5::before {
		content: "Dinner";
		width: 66.6666%;
		float: left;
		text-align: right;
		}

	.c-col-6 {
		width: 100%;
		text-align: right;
		padding: 3% 5%;
		border-bottom: 1px solid #ccc;
		}

	.c-col-6::before {
		content: "Day Total";
		width: 33.3333%;
		float: left;
		text-align: right;
		}

	.c-col-7 {
		width: 100%;
		text-align: right;
		padding: 3% 5%;
		border-bottom: 1px solid #ccc;
		}	

	.c-col-7::before {
		content: "Partial";
		width: 33.3333%;
		float: left;
		text-align: right;
		}

	.c-col-8 {
		width: 100%;
		text-align: right;
		padding: 3% 5%;
		}

	.c-col-8::before {
		content: "Day Net";
		width: 33.3333%;
		float: left;
		text-align: right;
		}

	ul.c-body {
		padding-bottom: 50px;
		}

	.bottomRow {
		border-top: 2px solid #0684C9;
		display: block;
		width: 100%;
		position: fixed;
		bottom: 25px;
		left: 15px;
		background-color: rgba(242,242,242,0.75);
		padding-bottom: 30px;
		}

	.bottomRow span {
		background-color: rgba(0,0,0,0.25);
		margin-top: 10px;
		color: #fff;
		}

	.bottomRow a {
		position: absolute;
		top: 23%;
		left: 5%;
		margin: 0;
		font-size: 1em;
		font-weight: bold;
		}

	.bottomRow a::before {
		content: '+ ';
		}

	.shortay {
		display: none;
		}

} /* END MEDIA QUERY */

label[for=BreakfastAdd],
label[for=LunchAdd],
label[for=DinnerAdd],
label[for=PartialDayAdd],
label[for=Breakfast],
label[for=Lunch],
label[for=Dinner],
label[for=PartialDayEdit] {
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	}

label[for=BreakfastAdd],
label[for=LunchAdd],
label[for=DinnerAdd],
label[for=IncidentalsAdd],
label[for=LodgingAdd],
label[for=LodgingEdit],
label[for=DayTotalAdd],
label[for=DayNetAdd],
label[for=PartialDayAdd],
label[for=Breakfast],
label[for=Lunch],
label[for=Dinner],
label[for=Incidentals],
label[for=DayTotal],
label[for=DayNet],
label[for=PartialDayEdit] {
    position: relative;
    text-align: left;
    width: 100%;
    float: left;
    line-height: 33px;
    margin: .5em 0;
    cursor: pointer;
    padding-left: 1em;
}

label[for=PartialDayAdd] {
	padding-left: 2em;
	}

label[for=PartialDayEdit] {
	padding-left: 2em;
	}

    label[for=BreakfastAdd] input[type=text],
    label[for=LunchAdd] input[type=text],
    label[for=DinnerAdd] input[type=text],
    label[for=IncidentalsAdd] input[type=text],
    label[for=DayTotalAdd] input[type=text],
    label[for=DayNetAdd] input[type=text],
    label[for=LodgingAdd] input[type=text],
    label[for=LodgingEdit] input[type=text],
    label[for=PartialDayAdd] input[type=text],
    label[for=Breakfast] input[type=text],
    label[for=Lunch] input[type=text],
    label[for=Dinner] input[type=text],
    label[for=Incidentals] input[type=text],
    label[for=DayTotal] input[type=text],
    label[for=DayNet] input[type=text],
    label[for=PartialDayEdit] input[type=text] {
        display: block;
        width: 33%;
        position: absolute;
        top: 0;
        right: 0;
        border: 0;
        height: 33px;
        background-color: rgba(242,242,242,0.0);
        text-align: right;
    }

label[for=BreakfastAdd] input[type=text],
label[for=LunchAdd] input[type=text],
label[for=DinnerAdd] input[type=text],
label[for=PartialDayAdd] input[type=text],
label[for=BreakfastAdd] input[type=checkbox],
label[for=LunchAdd] input[type=checkbox],
label[for=DinnerAdd] input[type=checkbox],
label[for=PartialDayAdd] input[type=checkbox],
label[for=Breakfast] input[type=text],
label[for=Lunch] input[type=text],
label[for=Dinner] input[type=text],
label[for=PartialDayEdit] input[type=text],
label[for=Breakfast] input[type=checkbox],
label[for=Lunch] input[type=checkbox],
label[for=Dinner] input[type=checkbox],
label[for=PartialDayEdit] input[type=checkbox] {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

.dependsOnTravel {
	display: none;
	}

@media screen and (min-width:640px) {

    label[for=BreakfastAdd],
    label[for=LunchAdd],
    label[for=DinnerAdd],
    label[for=IncidentalsAdd],
    label[for=DayTotalAdd],
    label[for=DayNetAdd],
    label[for=LodgingAdd],
    label[for=LodgingEdit],
    label[for=PartialDayAdd],
    label[for=Breakfast],
    label[for=Lunch],
    label[for=Dinner],
    label[for=Incidentals],
    label[for=DayTotal],
    label[for=DayNet],
    label[for=PartialDayEdit] {
        width: 31.3333%;
        margin: 1%;
    }

        label[for=IncidentalsAdd],
        label[for=DayTotalAdd],
        label[for=DayNetAdd],
        label[for=LodgingAdd],
        label[for=LodgingEdit],
        label[for=Incidentals],
        label[for=DayTotal],
        label[for=DayNet] {
            text-align: right;
            padding-right: 6em;
            width: 100%;
            margin: 0;
        }

	label[for=PartialDayAdd],
	label[for=PartialDayEdit] {
		float: right;
		padding: 0 1em;
		text-align: right;
		position: relative;
		right: -.75em;
		}

    label[for=DayNetAdd],
    label[for=LodgingAdd],
    label[for=LodgingEdit],
    label[for=DayNet] {
        margin-bottom: 3em;
    }

        label[for=BreakfastAdd] input[type=text],
        label[for=LunchAdd] input[type=text],
        label[for=DinnerAdd] input[type=text],
        label[for=IncidentalsAdd] input[type=text],
        label[for=DayTotalAdd] input[type=text],
        label[for=DayNetAdd] input[type=text],
        label[for=LodgingAdd] input[type=text],
        label[for=LodgingEdit] input[type=text],
        label[for=PartialDayAdd] input[type=text],
        label[for=Breakfast] input[type=text],
        label[for=Lunch] input[type=text],
        label[for=Dinner] input[type=text],
        label[for=Incidentals] input[type=text],
        label[for=DayTotal] input[type=text],
        label[for=DayNet] input[type=text],
        label[for=PartialDayEdit] input[type=text] {
            width: 30%;
            text-align: right;
        }

} /* END MEDIA QUERY */

label[for=BreakfastAdd].highlight,
label[for=LunchAdd].highlight,
label[for=DinnerAdd].highlight,
label[for=Breakfast].highlight,
label[for=Lunch].highlight,
label[for=Dinner].highlight {
	border: 1px solid #0684C9;
	background-color: rgba(0, 140, 239, 0.12);
	padding-left: 2em;
	}

label[for=PartialDayAdd].highlight, label[for=PartialDayEdit].highlight {
	border: 1px solid #0684C9;
	background-color: rgba(0, 140, 239, 0.12);
	}

label.highlight::before {
	content: '\2713';
	position: absolute;
	top: 0;
	left: .75em;
	color: #0684C9;
	}

.c-highlight {
	background-color: rgba(232,247,248,0.75);
	}

div#conusTable {
	display: none;
	}

.errorPage {
	padding: 0 3em;
	}

.errorPage h1 {
	color: #000;
	}

.errorPage h2 {
	color: #0684C9;
	}

.errorPage h3 {
	color: #ef3218;
	}

.errorPage dl {
	padding: 1em;
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0;
	padding: .5em;
	}

.errorPage dl lh {
	display: block;
	width: 20%;
	float: left;
	}

.errorPage dl dt {
	width: 80%;
	float: left;
	}

.errorPage dl dd {
	width: 80%;
	float: right;
	padding: .25em 0;
	}

@media screen and (min-width:640px) {

	.errorPage {
		padding: 0 3em;
		}

	.errorPage h1 {
		color: #000;
		}

	.errorPage h2 {
		color: #0684C9;
		}

	.errorPage h3 {
		color: #ef3218;
		}

	.errorPage dl {
		padding: 1em;
		width: 100%;
		height: auto;
		overflow: auto;
		margin: 0;
		padding: .5em;
		}

	.errorPage dl lh {
		display: block;
		width: 10%;
		float: left;
		}

	.errorPage dl dt {
		width: 90%;
		float: left;
		}

	.errorPage dl dd {
		width: 90%;
		float: right;
		padding: .25em 0;
		}

} /* END MEDIA QUERY */

.companyddl, select[name=table_id_length] {
	font-size: 12px;
	padding: 8px 10px;
	border: 1px solid #ddd;
	max-width: 100%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	outline:none;
	height:33px;
	}

.companyddl {
	min-width: 220px;	
	}

.companyddl option {
	padding: 6px 10px;
	}

@media screen and (max-width:640px) {
	.custom-selectbox {
		width: 100%;
		}
	#ddllist li {
		width:100%;
		}
	.companyddl {
		display:block;
		width: 100%;
		}
}


div.checkboxes {
	text-align: right;	
	}

.custom-selectbox{
	position: relative;
	display: inline-block;
	}

.custom-selectbox:after{
	content: " ";
	height: 0;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #0684C9;
	position: absolute;
	right: 15px;
	top: 46.33333%;
	transition: all 0.3s linear;
	}

.custom-selectbox.open:after{
	transform: rotate(-180deg);
	}

.nestedForm {
	float: left;
	padding: 0;
	margin: 0;
	}

.dataTables_empty {
	text-align: center;
	}

@media screen and (max-width:640px) {

	.nestedForm {
		width: 100%;
		}

} /* END MEDIA QUERY */

/* ---------- Dumb add button positioning ---------- */

@media screen and (min-width:990px) {
	
	.navbar {
		margin-bottom: 10px;
		}
	
	.moveAdd {
		position: absolute;
		top: 160px;
		right: 26px;
		}

	body.moveAllUp .pageLabel {
		position: relative;
		top: -40px;
		}

	body.moveAllUp .col-md-12:first-child {
		position: relative;
		top: -50px;
		}

	body.moveAllUp .col-md-6:first-child {
		position: relative;
		top: -50px;
		}

	body.moveAllUp > div > aside.right-side.strech > section > div.row > div.col-md-12 {
		position: relative;
		top: -50px;
		}

	body.moveAllUp .dataTablesErr {
		position: relative;
		top: -50px;
		}

} /* END MEDIA QUERY */

tr.redRow td.redness {
	color: red;
	}

.border {
	border: 1px solid #EF250C;
	background-color: rgba(244,143,156,0.5);
	color: red;
	}

.errorHighlight {
	border: 1px solid #EF250C;
	background-color: rgba(244,143,156,0.5);
	}

input[type=text].errorHighlight {
	border: 1px solid #EF250C;
	background-color: rgba(244,143,156,0.5);
	}

.lazyTables {
	width: 100%;
	padding: 1em;
	}

.lazyTables > tbody tr td {
	padding: 5px 7px;
	}

.lazyTables tbody tr:nth-child(even) {
	background-color: rgba(0,0,0,0.06);
	}

.lazyTables thead tr > th {
	padding: 10px 15px;
	border-bottom: 1px solid #000;
	}

.lazyTables tbody > tr:hover {
	background-color: #dedede;
	}

.lazyTables tfoot th {
	padding: 10px 10px 6px 10px;
	border-bottom: 0px solid #111;
	}

@media screen and (max-width:800px) {

	.lazyTables tfoot {
		display: none;		
		}

}

input.vanish {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	}

.fileLabel {
	display: inline-block;
	background-color: #0684C9;
	padding: 5px 10px;
	margin: 0;
	margin-left: -6px;
	font-size: 12px;
	cursor: pointer;
	line-height: 1.5;
	}

.fileLabel span {
	background-color: transparent;
	margin: 0;
	margin-left: 6px;
	font-size: 12px;
	cursor: pointer;
	line-height: 1.5;
	}

.fileSelected {
	border: 0px solid #000;
	background-color: transparent;
	color: #0684C9;
	}

.jUploader {
	border-radius: 3px;
	border: 0;
	padding: 0px;
	background-color: #eee;
	width: 100%;
	}

.pseudoDDL {
	display: block;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 6px 12px;
	margin: .25em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.op3 {
	background-color: #f9f9f9;
	display: block;
	padding: 8px 10px;
	line-height: 1.5;
	margin: 10px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.35);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.op3:hover {
	background-color: #0684C9;
	color: #e8f7f8;
	text-decoration: none;
	}

.op3:active {}

.op3.notFinalForm {
	box-shadow: none;
	color: #ddd;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,f9f9f9+100 */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 */
	}

.op3.notFinalForm:hover {
	background-color: #eee;
	}

.op3.notFinalForm:after {
	content: ' coming soon';
	font-size: 12px;
	position: absolute;
	bottom: 10px;
	right: 4%;
	color: #8e7242;
	-webkit-transform: rotate(-12.5deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}

#matcher {
	color: #8e7242;
	position: absolute;
	bottom: 12%;
	right: 20%;
	}

#mapRoom {
	display: block;
	width: 100%;
	height: 900px;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	}

.mapRoomFrame {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow-y: scroll;
	}

.mapRoomFrameOpaque {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 400px;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.25);
	overflow-y: scroll;
	}

.mapRoomFramesWrapper {
	display: block;
	width: 100%;
	height: 100%;
	}

#mapRoom object {
	height: 900px;
	width: 100%;
	overflow: hidden;
	}

#ddllist {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	overflow: auto;
	padding: 6px;
	}

#ddllist li {
	float: right;
	}

#ddllist li span {
	display: inline-block;
	padding: 7px;
	}

#ddllist li .companyddl {
	margin: 0;
	}

@media screen and (max-width:595px) {

	#ddllist {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
		clear: both;
		}

}/* END MEDIA QUERY */



#viewPOModalView {
	display: block;
	width: 100%;
	padding: 0;
	}

@media screen and (max-width:540px) {

	#viewPOModalView {
		display: block;
		width: 100%;
		height: auto;
		overflow: auto;
		margin-top: 10px;
		}

	#viewPOModalView a {
		width: 100%;
		}

}/* END MEDIA QUERY */

@media screen and (min-width:541px) and (max-width:768px) {
	
	#viewPOModalView {
		display: block;
		width: 100%;
		height: auto;
		overflow: auto;
		margin-top: 10px;
		}

	#viewPOModalView a {
		width: 25%;
		float: right;
		}

} /* END MEDIA QUERY */


.leftButton {
    float: right;
    margin-left: 3px;
}

.signature-frame {
    width: inherit;
    height: inherit;
}

span.greenDotIndicator {
	float: right;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	padding: 4px;
	border: 1px solid #ddd;
	margin: 0 6px;
	}

span.greenDotIndicator.left {
    float: left;
}

span.greenDotIndicator span {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #7FC242;
	}

.billboard {
	text-align: center;
	height: auto;
	overflow: auto;
	width: 100%;
	}

.billboard span {
	display: inline-block;
	min-width: 10px;
	padding: 4px 12px;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #eee;
	border-radius: 3px;
	}

@media screen and (max-width:540px) {
	
	.billboard > span {
		width: 100%;
		text-align: right;
		}

}/* END MEDIA QUERY */

.staticcompanyddl {
	display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #eee;
	float: right;
	margin-top: 6px;
	}

#DueDateCalendar {
	display: inline-block;
	width: 100%;
	position: relative;
	top: 6px;
	}

#DueDateCalendar input[type=button] {
	display: inline-block;
	float: left;
	margin: 3px;
	}

#DueDateCalendar input[type=text] {
	display: inline-block;
	width: 75%;
	float: left;
	margin-left: 0;
	}

#PopCalculator {
	color: #0684C9;
	}

.validationMessage {
	color: #ef250c;
	}

/* Adds an Icon to Xpense Detail Lines that have Travel associated with them */
.extrav {
	background: url('/Content/images/ExpenseTraveler.svg') right 5px no-repeat;
	background-size: 18px;
	float: right;
	border: 0;
	width: 23px;
	height: 23px;
	}

.travex {
	background: url('/Content/images/TravelExpenser.svg') right 5px no-repeat;
	background-size: 18px;
	float: right;
	border: 0;
	width: 23px;
	height: 23px;
	}

.monetaryCentered {
	display: block;
	width: 75%;
	text-align: right;
	}

.sidecarDdl {
	padding: 4px;
	}

@media screen and (max-width:540px) {

	.sidecarDdl {
		padding: 4px;
		width: 100%;
		margin-top: 13px;
		}

} /* END MEDIA QUERY */

.actionTable i {
	color: #666;
	}

li.searchProduct {
	position:relative;
	text-align:right;
	float:left;
	}

ul.searchfourthrow {
	list-style:none;
	float:left; 
	padding: 0;
	margin: 0;
	}

ul.searchfourthrow li {
	float:left;
	}

ul.searchfourthrow li ul {
	list-style: none;
	padding: 0px;
	}

ul.searchList {
	list-style:none;
	padding: 0;
	margin: 0;
	}

h5.statusLabel {
	margin:0px;
	margin-top:10px;
	font-size: 1em;
	}

label.CheckBoxWrapper i {
	font-size: 16px;
	position: relative;
	top: 1px;
	left: -2px;
	margin-right:3px;
	}

label.CheckBoxWrapper {
	display: inline-block;
	float: left;
	padding: 6px 15px 6px 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 6px;
	margin: 8px 6px 8px 0;
	}

label.CheckBoxWrapper input[type=checkbox] {
	position:absolute;
	top: -9999px;
	left: -9999px;
	}

label.activated {
	background-color: rgba(0, 140, 239, 0.12);
	border: 1px solid #0684C9;
	color: #0684C9;
}

label.deactivated {
	background-color: #eee;
	border: 1px solid #eee;
	color: #666;
	}

.comment-panel {
	padding:10px; 
	background-color:#fff;
	}

.comment-panel p {
	overflow-wrap: break-word;
	word-wrap: break-word;
	padding-top: 1px;
	}

.comment-panel p span {
	display:block;
	margin-bottom: 6px;
	}

.contract-panel table {
	display:block;
	width:100%;
	height:auto;
	overflow:auto;
	padding-bottom: 3px;
	}

.contract-panel .panel-heading {
	background-color:#fff !important; 
	border-color:#ffffff;
	}

.contract-panel table tbody, 
.contract-panel table tbody tr {
	display:block;
	width:100%;
	}

.contract-panel table tbody tr td {
	display:inline-block;
	width:33.3333%;
	float:left;
	color:#0684C9;
	line-height:30px;
	font-size: 16px;
	}

.contract-panel table tbody tr td:last-child {
	text-align:right;
	overflow:visible;
	}

.feedback {
	display: block;
	width: 100%;
	clear:both;
	height: auto;
	overflow: auto;
	padding: 0 0 6px 0;
	min-height: 25px;		
	}

.feedback span {
	text-align: right;
	float: right;
	color: #2d2f82;
	}

@media screen and (max-width:540px) {
	li.searchProduct {
		width: 33.3333%;
		}
	.search-image {
		width: 100%;
		}
} /* END MEDIA QUERY */

.prerequisiteWarning {
	display:block;
	color:  #EF250C;
	padding-top: 3px;
	clear:both;
	}

.viewDocsButton {
	float:left;
	position: relative;
	left: -3px;
	}


.docViewerAssign {
	display: block;
	width: 100%;
	border: 0px solid red;
	height: auto;
	overflow: visible;
	}
.docViewerAssign input {
	display:inline-block;
	width: 15%;
	border: 0;
	float:left;
	padding: 5px 10px;
	height: 28px;
	background-color: #0684C9;
	color: #fff;
	border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	}
.docViewerAssign input:first-child {
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	position: relative;
	left: -3px;
	border: 0;
	width: 20%;
	}
.docViewerAssign select {
	display: block;
	width: 65%;
	border: 0px solid blue;
	float:left;
	height: 28px;
	background-color: #eee;
	padding-left: 10px;
	}
@media screen and (max-width:540px) {
	
.docViewerAssign input {
	width: 20%;
	
	}
.docViewerAssign input:first-child {
	width: 100%;
	left: 0;
	margin-bottom: 10px;
	}
.docViewerAssign select {
	width: 80%;
	}
}

li.searchProduct span.search-amount {
	display: none;
}

.alert-modal {
	margin-top: 18px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.alert-info {
	background-color: rgba(0, 140, 239, 0.12);
	border-color: #0684C9;
	color: #0684C9;
	opacity: .2;
}
.alert-info a {
	color: #0684C9;
	}
.alert-info a:hover {
	color: #0684C9;
	opacity: 1.0;
	}

.ViewPODocNav {
	display: block;
	background-color: #fff;
	padding: 15px;
	margin-left: 10px;
	margin-bottom: 20px;
	height: auto;
	overflow:auto;
	border: 1px solid  #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	}
.ViewPODocNav div.one { 
	display:block;
	width: 25%;
	float: left;
	padding: 2px;
	}
.ViewPODocNav div.two { 
	display: block;
	width: 50%;
	float: left;
	}
.ViewPODocNav div.three {
	display: block;
	width: 25%;
	float: left;
	text-align: center;
	padding: 2px;
	}

@media screen and (max-width:800px) {
.ViewPODocNav {
	}
.ViewPODocNav div.one { 
	width: 33.3333%;
	}
.ViewPODocNav div.two { 
	width: 43.3333%;	
	}
.ViewPODocNav div.three {
	width: 23.3333%;
	}
}

@media screen and (max-width:620px) {
.ViewPODocNav {
	}
.ViewPODocNav div.one { 
	width: 100%;
	text-align:center;
	padding: 10px;
	position: relative;
	top: -10px;
	}
.ViewPODocNav div.two { 
	width: 100%;	
	}
.ViewPODocNav div.three {
	width: 100%;
	padding: 10px;
	position: relative;
	bottom: -10px;
	}
}

.datePickerField {
	padding: 12px 0px;
	width: 100%;
	height: auto;
	overflow:auto;
	}
.datePickerField input[type=text] {
	height: 28px;
	border: 0;
	background-color: #eee;
	float:left;
	padding: 0 6px;
	border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	}
.datePickerField input[type=button] {
	margin: 0;
	float:left;
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	}

.actionItemsWrapper {
	display: block;
	}
.actionItemsWrapper.fourActionItems {}
.actionItemsWrapper.threeActionItems {}
.actionItemsWrapper.twoActionItems {}
.actionItemsWrapper.oneActionItems {}
.items {
	white-space: nowrap;
	}

.item {
	display: inline-block;
	padding: 3px;
	}
@media screen and (max-width: 540px) {
.actionItemsWrapper {
	display: block;
	}
.items {
	white-space: normal;
	}
.item {
	display: inline-block;
	width: 50%;
	padding: 3px;
	}

}

#CustomizeLabels table.lazyTables.aug {
	display: block;
	position: relative;
	padding: 0;
	min-width:1200px;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(1),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(1),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(1) {
	width: 5.7%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(2),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(2),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(2) {
	width: 6.3%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(3),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(3),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(3) {
	width: 17.8%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(4),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(4),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(4) {
	width: 7.7%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(5),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(5),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(5) {
	width: 6.1%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(6),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(6),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(6) {
	width: 6.1%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(7),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(7),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(7) {
	width: 7.9%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(8),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(8),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(8) {
	width: 7.9%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(9),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(9),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(9) {
	width: 7.9%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(10),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(10),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(10) {
	width: 8.9%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(11),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(11),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(11) {
	width: 9.4%;
	}
#CustomizeLabels table.lazyTables.aug thead tr th:nth-child(12),
#CustomizeLabels table.lazyTables.aug tbody tr td:nth-child(12),
#CustomizeLabels table.lazyTables.aug tfoot tr th:nth-child(12) {
	width: 7.9%;
	text-align:center;
	}
#CustomizeLabels table.lazyTables.aug > thead,
#CustomizeLabels table.lazyTables.aug > tbody,
#CustomizeLabels table.lazyTables.aug > tfoot {
	display: block;
	min-width: 1200px;
	}

#CustomizeLabels table.lazyTables.aug thead {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	}	
#CustomizeLabels table.lazyTables.aug tbody {
	overflow-y: scroll;
	padding-top: 130px;	
	}
#CustomizeLabels table.lazyTables.aug tbody tr {
	}
#CustomizeLabels table.lazyTables.aug tfoot {
	min-width:1200px;
	height: 37px;
	position: absolute;
	left: 0;
	background-color: rgba(255,255,255,0.85);
	}

.toolTip {
	color: #666;
	text-decoration: none;
	position: relative;
	}
.feedback span.red {
	color: #ef250c;
	}
.red {
	color: #ef250c;
	}
.adminContainer ul {
	list-style: none;
	}
.panel.noborder {
	border: none;
	box-shadow: none;
	}
.panel.noborder > .panel-heading {
	border: 1px solid #dddddd;
	border-radius: 0;
	}
.disabledTooltip {
	padding:0;
	background-color:transparent;
	border:0px solid black;
	z-index:20;
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:28px;
	display:block;
	}
td.rcbx {
	display:block;
	width: 40px;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	}
td.rcbx span.SelectNode {
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
	text-align: center;
	padding-top: 40% !important;
	}
table.reqActionTable {
	background-color: transparent;
	}
table.reqActionTable tr {
	background-color: transparent !important;
	}
.gl-table {
	width: 100%;
	margin: 6px 0;
	}
.gl-table td {
	padding: 3px 8px;
	width:33.333333%;
	}

@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width: 1200px;
	}
}

@media (min-width: 875px) {
	.modal-xxl {
		width: 95%;
		max-width: 1400px;
	}
}

#company-ddl {
    overflow:hidden;
}

/* Inventory Replenish Modal */ 

.replenish-ddl-header {
    padding: 5px;
    background-color: #0684c9;
}

.replenish-col-header {
    color: white;
}

.replenish-ddl-row {
    padding: 5px;
}