/*
direct element styles
*/

a, a img {
	color: #0096D6;
	outline: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
a:hover {
	text-decoration: none;
	color: #005ABB;
}
a img {
	border: none;
	outline: none;
}

body {
	margin: 0px;
	padding: 0px;
	font: 12px Calibri, Arial, sans-serif;
	color: #000;
	background-color: #eeeeee;
}
p {
	margin: 10px 0;
}
h1 {
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	box-sizing: border-box;
}
/*
end direct element styles
*/

/****** BASIC CLASSES ******/
.clear {
	clear: both;
}
.rwxl-note {
	font-size: 14px;
	color: #AAA;
	font-weight: lighter;
}
.rwxl-error {
	font-size: 14px;
	color: #FF0000;
	font-weight: lighter;
}
/****** END BASIC CLASSES ******/

/****** BUTTONS ******/
input[type="button"], input[type="submit"] {
	box-sizing: border-box;
	padding: 0 30px;
	height: 30px;
	border: none;
	font: 14px Calibri, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
/* ok */
.button-ok {
	color: #FFF;
	background-color: #008D43;
}
.button-ok:hover {
	background-color: #007737;
}
.button-ok:disabled {
	background-color: rgba(0, 0, 0, 0.20);
	color: rgba(0, 0, 0, 0.33);
}
/* end ok */

/* blue */
.button-blue, .button-apply {
	color: #FFF;
	background-color: #0096D6;
}
.button-blue:hover, .button-apply:hover {
	background-color: #0084BD;
}
/* end blue */

/* apply */
.button-apply {
	background: #0096D6 url(../images/icon-arrow-south.png) 80px 50% no-repeat;
}
/* end apply */

/* grey */
.button-grey {
	background-color: #F8F8F8;
	border: 1px solid #747679 !important;
	color: #747679;
}
.button-grey:hover {
	background-color:#DDD;
}
.button-grey:disabled {
	background-color: rgba(0, 0, 0, 0.20);
	color: rgba(0, 0, 0, 0.33);
}
/* end grey */

/* cancel */
.button-cancel {
	background: none;
	text-transform: none !important;
	margin-left: 20px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	color: #B20000;
	text-decoration: underline;
}
.button-cancel:hover {
	text-decoration: none;
}
/* end cancel */

/* arrow east */
.button-arrow-east {
	background: #0096D6 url(../images/icon-arrow-east.png) 50% 50% no-repeat;
}
/* end arrow east */

/* arrow west */
.button-arrow-west {
	background: #0096D6 url(../images/icon-arrow-west.png) 50% 50% no-repeat;
}
/* end arrow west */
/****** END BUTTONS ******/

/****** FORMS ******/
form {
	padding: 0;
	margin: 0;
}
::-webkit-input-placeholder {
 color: #444;
 opacity: 0.50;
}
:-moz-placeholder {
 color: #444;
 opacity: 0.50;
}
::-moz-placeholder {
 color: #444;
 opacity: 0.50;
}
:-ms-input-placeholder {
 color: #444;
}
input[type="text"], input[type="password"], textarea {
	background-color: #FFF;
	border: 1px solid #888888;
	font: 16px Calibri, Arial, sans-serif;
	color: #444444;
	box-sizing: border-box;
	padding: 0 10px;
	outline: none;
	vertical-align: middle;
}
input[type="text"], input[type="password"] {
	height: 30px;
}
select {
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #888888;
	font: 16px Calibri, Arial, sans-serif;
	color: #444444;
	outline: none;
	height: 30px;
	vertical-align:middle;
	min-width:50px;
}

select option {
	padding-left: 10px;
	padding-right: 100px;
}
select option:hover {
	background-color: #0095D9;
	color: #FFF;
}
input[type="radio"] + label {
	display: inline;
	padding-right: 30px;
	padding-left: 5px;
}
.rwxl-grid-form label {
	display: block;
	margin-bottom: 5px;
}
.rwxl-grid-form label .rwxl-note {
	float: right;
}
.rwxl-grid-form input[type="text"] {
	margin-right: 20px;
}
.txt-extension {
	margin-right: 5px !important;
}
.rwxl-swap-list, .rwxl-swap-buttons {
	display: table-cell;
	vertical-align: middle;
}
.rwxl-swap-buttons {
	padding: 25px 20px 0 20px;
}
.rwxl-swap-buttons input {
	display: block;
	margin: 10px 0;
}
/****** END FORMS ******/

/****** TABLES & GRIDS ******/
.rwxl-table, .rwxl-grid {
	font-size: 14px;
	border-collapse: collapse;
	margin: 10px 0;
	background-color: #FFF;
}
.rwxl-table thead tr th, .rwxl-grid thead tr th {
	background-color: #0095D9;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	height: 30px;
	padding: 0 20px;
	border-left: 1px solid #4DB5E4;
}
.rwxl-table thead tr .align-right, .rwxl-table tbody tr .align-right, .rwxl-grid tbody tr .align-right {
	text-align: right;
}
.rwxl-table thead tr th:first-child, .rwxl-table tbody tr td:first-child {
	border-left: none;
} 
.rwxl-table tbody tr td {
	line-height: 30px;
	padding: 0 20px;
	text-align: left;
	border-left: 1px solid #CCCCCC;
}
.rwxl-table tbody tr .table-action {
	text-transform: uppercase;
	text-align: center;
}
.rwxl-table tbody tr:nth-child(odd) {
	background-color:#F2F4F4;
}
.rwxl-table tbody tr td input[type="text"], .rwxl-grid tbody tr td input[type="text"] {
	height: 24px;
	box-sizing:border-box;
	margin-top: -2px;
}
.rwxl-grid {
	border-bottom: 5px solid #FFF;
}
.rwxl-grid thead tr th {
	font-weight: normal;
	font-size: 16px;
	line-height: 12px;
	text-align: left;
	border-left: none;
}
.rwxl-grid thead tr th img {
	vertical-align:middle;
	margin: -3px 0 0 10px;
}
.rwxl-grid tbody tr td {
	line-height: 30px;
	padding: 0 20px;
	text-align: left;
}
.rwxl-grid tbody tr td input[type="text"] {
	width: 65px;
}
.field {
	font-weight: bold;
}

/****** START TRANSACTIONS TABLE ******/
.transactions-table {
	font-size: 14px;
}

.transactions-table thead tr th {
	background-color: #0095D9;
	color: #FFF;
	text-transform: uppercase;
	height: 30px;
}

.transactions-table .data-header {
	background-color: #42a7f4;
	height: 50px;
	padding: 0 20px;
	border-left: 1px solid #4DB5E4;
}

#transactionsTable.transactions-table thead th{
	border-bottom:none;
}

.transactions-table thead tr th:first-child, .transactions-table tbody tr td:first-child {
	border-left: none;
} 

.transactions-table tbody tr td {
	line-height: 30px;
	text-align: center;
	border-left: 1px solid #CCCCCC;
}

.rwxl-grid {
	border-bottom: 5px solid #FFF;
}
.rwxl-grid thead tr th {
	font-weight: normal;
	font-size: 16px;
	line-height: 12px;
	text-align: left;
	border-left: none;
}

.services-table {
	font-size: 14px;
}

.services-table thead tr th {
	background-color: #0095D9;
	color: #FFF;
	text-transform: uppercase;
	height: 30px;
}

.services-table .data-header {
	background-color: #0095D9;
	height: 50px;
	padding: 0 20px;
	border-left: 1px solid #4DB5E4;
}

#tableSimpleTransitServices.services-table thead th{
	border-bottom:none;
}

.services-table thead tr th:first-child, .services-table tbody tr td:first-child {
	border-left: none;
} 

.services-table tbody tr td {
	line-height: 30px;
	text-align: center;
	border-left: 1px solid #CCCCCC;
}
.rowServices {
	background-color: #FAFAFA;
}
.rowServicesOdd {
	background-color: rgba(244,248,250,1);
}
.rwxl-grid {
	border-bottom: 5px solid #FFF;
}
.rwxl-grid thead tr th {
	font-weight: normal;
	font-size: 16px;
	line-height: 12px;
	text-align: left;
	border-left: none;
}

td.details-control {
    background: url('../images/details_open_edited.png') no-repeat;
    background-position: 8% 50%;
}
tr.shown td.details-control {
    background: url('../images/details_close_edited.png') no-repeat;
    background-position: 8% 50%;
}

/****** END TRANSACTIONS TABLE
/****** END TABLES & GRIDS ******/

/****** HEADER ******/
#header-wrapper {
	width: 100%;
	background-color: #005ABB;
	height: 85px;
}
#header {
	width: 1210px;
	margin: 0 auto;
	font-size: 15px;
	color: #FFFFFF;
}
#logo {
	padding-top: 25px;
	float: left;
}
#profile {
	float: right;
	padding: 30px 40px 0 0;
	box-sizing: border-box;
	background: url(../images/icon-profile.png) 100% 30px no-repeat;
	text-align: right;
	line-height: 15px;
}
#profile img {
	vertical-align: middle;
	padding-right: 5px;
}
#profile a {
	color: #FFF;
	font-size: 13px;
	opacity: 0.5;
}
#profile a:hover {
	opacity: 1.0;
}
/****** END HEADER ******/

/****** NAVIGATION ******/
#navigation-wrapper {
	width: 100%;
	background-color: #002F51;
	height: 35px;
}
#navigation {
	width: 1230px;
	margin: 0 auto;
	font-size: 14px;
	text-transform: uppercase;
	color: #4C6E87;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	background-position: 8% 50%;
	background-repeat:no-repeat;

}
#navigation ul li + li::before {
	padding: 0;
	margin-left: -4px;
	content: "|";
	font-size: 11px;
}
#navigation ul li:hover, #navigation .current-page{
	background-color: #E8941A;
}
#navigation a {
	color: #FFF;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 35px;
	display: inline-block;
	padding-right: 25px;
	padding-left: 50px;
	vertical-align: middle;
}

#tab-simple-transit {
	background: #002F51 url(../images/icon-nav-select.png);
}

#tab-terminals-by-carrier {
	background: #002F51 url(../images/icon-nav-weight.png);
}
#transit-times-tab {
	background: #002F51 url(../images/icon-nav-transit.png);
}
#select-transit-times-options-tab {
	background: #002F51 url(../images/icon-nav-transit-times.png);
	
}

#map-input-tab {
	background: #002F51 url(../images/icon-nav-map.png);
}

#manage-file-maps-tab {
	background: #002F51 url(../images/icon-nav-folder.png);
}

#select-transactions-tab {
	background: #002F51 url(../images/icon-nav-transactions.png);
}

/****** END NAVIGATION ******/

/****** CONTENT ******/
#content-header {
	width: 95%;
	height: 70px;
	margin: 20px auto 0 auto;
	background-color: #B9BABC;
	color: #FFF;
	text-transform: uppercase;
	box-sizing: border-box;
}
#content-header h1 {
	margin: 0;
	font-size: 26px;
	font-weight: normal;
}
#content-header h2 {
	margin: 0;
	font-size: 15px;
	font-weight: normal;
}
#content-header h2::after {
	content: ' //';
}
#content {
	width: 95%;
	margin: 0 auto;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 20px;
}
#content > p {
	margin-top: 0;
}
.content-section {
	background-color: #F4F8FA;
	font-size: 16px;
	margin-top: 20px;
	/* border-bottom: 1px solid #CCCCCC; */
}
.content-section h2 {
	display: block;
	margin: 0;
	font-weight: normal;
	font-size: 18px;
	color: #002D53;
	text-transform: uppercase;
	border-top: 2px solid #002F51;
	background-color: #FAFAFA;
	border-bottom: 1px solid #CCCCCC;
	line-height: 31px;
	padding-left: 20px;
}
.content-section-contents {
	box-sizing: border-box;
	padding: 20px;
	/*
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	*/
}
#content-footer {
	height: 30px;
	background: url(../images/drop-shadow.png) top center no-repeat;
}
/* buttons */
.content-buttons {
	text-align:center;
	padding: 20px 0 0 0;
}
.content-buttons input {
	margin: 0 10px;
}

/* end buttons */
/****** END CONTENT ******/

/******** header with checkmark ****/
.content-header-select {
	background: url(../images/icon-title-select.png) -5px -5px no-repeat;
	padding: 20px 0 0 100px;
}


/*********support page **********/
.content-header-support{
	background: url(../images/icon-title-question-mark.png) 2px -10px no-repeat;
	padding: 20px 0 0 90px;
}

/********* end support page **********/

.global-nav{
		/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.20);*/	
		background-color:#ffffff;
		padding:3px 0 0 277px;
		height:80px;
		/*box-shadow:0 0 5px;*/
		position:relative;
}

.smc-logo{
	background:url("../images/smc3logo.png") no-repeat;
	height:64px;
	width:318px;
	display:inline-block;
}

.rwxl-logo{
	font-size:1.9em;
	font-weight:bold;
	color:#6a6a6a;
	font-style:italic;	 
	padding-top:8px;
	padding-bottom:6px;
	display:inline-block;
}

.global-nav .gn-line{
	height:1px;
	background: none repeat scroll 0 0 #aaaaaa;
}


.global-nav .gn-tab-bar{
	
}

.global-nav .tab-selector{	
	max-width:200px;
	color: #6a6a6a;
	display:inline-block;	
	padding: 2px 13px;
	font-size:1.2em;
	user-select:none;
	-moz-user-select: none;
	
}

.global-nav .tab-selector:hover {
	background: none repeat scroll 0 0 #0085cc;
	color:white;
	font-size:1.2em;
	cursor:pointer;
	user-select:none;	
}

.global-nav .smc-logout{
	float:right;
	padding:16px 132px 0 0;
}

.smc-title-text{
	color:rgb(0,90,187);
	font-size: 1.4em;	
}

.smc-light-text{
	color:#5a5a5a;
	font-size:.75em;
}

span.smc-required, div.smc-required{
	color: #FF3300;
}

.smc-ipt, .smc-cmbox{
	border: 1px solid;
	/*border-radius: 9px;*/
	height:27px;
	width:200px;
	border-color: rgba(0, 0, 0, 0.15);
}

input.smc-invalid, select.smc-invalid{
	/*background-color:rgba(255, 49, 100, 0.08);*/
	border-color: rgba(255, 49, 100, 0.80);
	/*font-weight: bold;*/
}

.smc-ipt:hover, .smc-cmbox:hover, .smc-selectboxes:hover{
	border:1px solid rgba(0, 0, 0, 0.41);	
}	

.smc-ipt:focus, .smc-cmbox:focus, .smc-selectboxes:focus{
	border-color:#4285f4;
	outline:none;/*this is for chrome and webkit default browsers. they like to highlight focused things weirdly.*/	
}

.smc-label{
	padding-top:15px;
}

.smc-form-error{
	/*this class used to mark a
	spring error so that the front end can grab it. */
	display:none;
}
.smc-btn{
	border:1px solid rgba(0, 0, 0, 0.27);
	background-color: rgba(0, 0, 0, 0.08);
	/*border-radius:3px;*/	
	display:inline-block;	
	color:rgba(0, 0, 0, 0.71);	
	cursor:pointer;
	padding: 7px 15px;
}

.smc-btn:disabled{
	background-color: rgba(0, 0, 0, 0.20);
	color: rgba(0, 0, 0, 0.33);
}

.smc-btn > span{
	cursor:pointer;
}

.smc-btn:hover{	
	border:1px solid rgba(0, 0, 0, 0.41);
	color:#000000;
}

.smc-btn:hover:disabled{	
	border:1px solid rgba(0, 0, 0, 0.27);	
	color: rgba(0, 0, 0, 0.33);
}

.smc-file-marker {
    background: white none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.27);
    display: inline-block; 
    margin-left: 133px;
    min-width: 250px;
    max-width:450px;
    padding: 2px 15px;
}

.smc-file-marker>span{
	padding-right:10px;
	word-wrap:break-word;
}

.smc-file-marker>a{	
	text-align:right;
	float:right;	
	display:none;
	text-decoration:none;
}

.smc-hidden{
	display:none;
}

.smc-zerosize{	 
	opacity:0;	
}

.smc-zerosize>input{
	height:1px;
	width:1px;
}

.smc-row{	
    
}

.smc-left{
	float:left;
}

.smc-right{
	float:right;
}
.smc-relative{
	position:relative;
}
.smc-col-50{
	width:50%;	
	float:left;
}

.smc-selectboxes{	
	height: auto;	
}
.smc-selectboxes-small{	
	height: auto;	
}
.smc-clear{
	clear:both;
}

.smc-inline-bl{	
	display:inline-block;
	margin-right: 20px;	
}

#smc-density-options-sect  .smc-inline-bl{
	vertical-align: top;
}

/****subsection******/
.smc-subsection{
	display:inline-block;
	background-color:#fff;
	font-size:.88em;
	margin-top: 15px;
}

.smc-subsection select option{
	padding-right:25px;
}

.smc-subsection input{
	width:160px;
	margin-right:10px;
}

.smc-subsection-head{
	font-size:1.15em;
	text-align:left;
	font-weight:normal;
	background-color: #0095d9;
	padding: 0 20px;
	height: 30px;
	text-transform: uppercase;
	color: #fff;	
}

.smc-subsection-head>span {
	vertical-align: middle;
}

.smc-subsection-body{
	padding: 0 20px;	
}

.smc-subsection-col{
	float:left;
	margin-right: 100px;
	margin-bottom:20px;
}

.smc-subsection-col:last-of-type{
	margin-right:0px;	
}

/****end subsection******/

/*begin overlay section*/

#smc_overlay_bg{
	background-color: #000000;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.75;
    filter:Alpha(Opacity=75);
    overflow: hidden;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 10000;
}


#smc_dialog{	
    clear: both;
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    visibility: visible;
    z-index: 10001;
}

#smc-olay-close{
	display: inline;
	background: rgba(0, 0, 0, 0) url("../images/icon-modal-close.png") no-repeat scroll 100% 0;
    height: 36px;
    outline: medium none;
    right: -17px;
    top: -18px;
    width: 36px;
	border: 0 none;    
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-indent: -9999px;    
}

.smc_overlay_title {	
    padding-left: 70px;
	background-color: #005abb;    
    display: block;
    height: 70px;
    line-height: 70px;
    margin: 0;
	box-sizing: border-box;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: -1px;    
    text-transform: uppercase;    
    
    /*border: 0 none !important;
    color: #FFFFFF;
    height: 48px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 0 0 16px !important;
    position: relative;
    background-color:grey;
	font-size: 1.8em*/
}

.smc_title_icon_mark{
	background-image: url("../images/icon-title-question-mark.png");
    background-position: -5px center;
    background-repeat: no-repeat;
}

.smc_title_swap{
    background-image: url("../images/icon-title-map.png");
    background-position: -67px center;
	background-repeat:no-repeat;
}

.smc_otitle{
	color: #fff;
	line-height: 26px;
}

.smc-obody{
	background: none repeat scroll 0 0 #FFFFFF;
	padding:20px;
	min-height:148px;
	font-size: 16px;
}

/*end overlay section*/


@media all and (min-width:985px){ /**Large Screens**/

	/* removing this styling because it is going to be no longer needed after applying styling from contractor. 
	however, the class is selected on so it cannot be removed from div's without refactoring. 
	.body-wrapper{
		margin:0 auto;
		width:985px;
		text-align:left;
		background-color:#eeeeee;
		padding: 20px;
		
	}*/
}

@media all and (max-width:984px){  /**small Screens**/ 
	/* removing this styling because it is going to be no longer needed after applying styling from contractor. 
	however, the class is selected on so it cannot be removed from div's without refactoring.
	.body-wrapper{
		margin:0 auto;	
		text-align:left;
		background-color:#eeeeee;
	}*/
}

/****** FOOTER ******/
#footer {
	width: 1210px;
	margin: 0 auto;
	text-align: center;
	color: #777777;
	font-size: 14px;
	box-sizing: border-box;
	padding-bottom: 40px;
}
#footer a {
	color: #777777;
}
#footer a:hover {
	color: #000000;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	text-align: center;
}
#footer ul li {
	display: inline-block;
}
#footer ul li + li::before {
	padding: 0 30px;
	content: "|";
	font-size: 11px;
}
#footer img {
	opacity: 0.50;
	filter: alpha(opacity = 50);
	display: inline-block;
	margin: 40px 0 5px 0;
}
#footer img:hover {
	opacity: 1.00;
	filter: alpha(opacity = 100);
}
#copyright {
	font: 11px Arial, sans-serif;
}
/****** END FOOTER ******/
.dynamicCompanyFileMaps{/****** Used to remove and add options in company file maps ******/
	
}

/** jquery ui overrides **/

.ui-datepicker select{
	min-width:0;
	vertical-align: top;
}
.pDatagroupInfo{
	margin:0px;
	padding:0px;
}
.tdFormInputs{
	text-align:right;
}
.spinnerClass{
	background: #ffffff;
	position: absolute;
	top: 450px;
	right: 0;
	bottom: 0;
	left: 0;
	width:100%;
	height:100%;
	text-align: center;
	opacity: 0.8;
}
li {
    display: list-item;
    font-size: 12px;
    text-align: -webkit-match-parent;
}
/** end jquery ui overrides **/