body{
	font-weight: 400 !important;
}

.table{
	margin-bottom: 0px;
}

.table-responsive {
	border: 0px;
}
input[type=submit], input[type=reset], input[type=button] {
    /*width: 130px;*/
    font-size: 100%;
    height: 45px;
    text-transform: uppercase;
    padding: 10px;
}

button[type=submit], button[type=reset] {
    /*width: 130px;*/
    font-size: 100%;
    height: 45px;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 5px;
}

.row-small {
	margin-bottom: -10px;
}

.noshow {
    display: none;
}

label.error {
    margin-left: 10px;
    width: auto;
    display: block;
    color: #C20000;
}

.asterisk {
	color: #ff0000;
}

.alert-danger {
	color: #333;	
}

#loginBtn {
	width: 100%;
}

#notes{
	font-size: 10px;
}

#notes a:link,
#notes a:visited{
	font-weight: bold;
	color: blue !important;
	text-decoration: underline !important;
}
#notes a:hover{
	font-weight: bold;
	color: red !important;
	text-decoration: underline !important;
}

#cpassword-notes{
	font-size:13px;
}

#registrationForm > ol  {
	line-height: 1.2em !important;
}

.forgotPasswordContainer, .changePWContainer, .recoveryPWContainer {
	width: 100%;
	max-width: 615px;
	margin: 10px auto;	
}


#changePWContainer{
	max-width: 800px !important;
	width: 100% !important;
	margin: 10px auto;	
}

#changePWContainer #currentPassword,
#changePWContainer #newPassword,
#changePWContainer #verifyPassword,
#changePWContainer #email,
#changePWContainer #verifyEmail {
	width: 70%
}

#forgotPasswordContainer {
	max-width: 800px !important;
	width: 100% !important;
	margin: 10px auto;
}

#forgotPasswordContainer #userNameEmail  {
	width:100%;
}

#bottomNoticeContainer {
	font-size: 13px;
	font-weight: bold;
	max-width: 800px !important;
	width: 100% !important;
	margin: 10px auto;
}

#formInputHelp {
	font-size: 13px;
	font-weight: bold;
	max-width: 800px !important;
	width: 100% !important;
	margin: 10px auto;
}


.loginContainer {
	width: 100%;
	max-width: 400px;
	margin: 10px auto;	

}

.page-link  a {
	background: #337ab7 !important;
	color: #fff !important;	
}

.page-link a:hover {
	background: #337ab7 !important;
	color: #ffff00 !important;	
}

.page-item-active  a {
	font-weight: bold !important;
}

.page-item  a {
	color: #c0c0c0 !important;
}

nav.table-pagination {
	text-align: right;
	padding: 0px;
	margin: 0px;
}

.calendarBtn {
	max-height: 30px;
	margin-left: 10px;
}

#reportCriteriaContainer {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 10px auto;
}

#searchCriteriaContainer {
	max-width: 100% !important;
	width: 100% !important;
	margin: 10px auto;
}

#chooseDistListContainer {
	max-width: 1000px !important;
	width: 100% !important;
	margin: 10px auto;
}

#chooseDistListContainer #selectedLists, 
#chooseDistListContainer #displayEmails,
#chooseDistListContainer #availableLists {
	width:100%;
}

#emailFormContainer {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 10px auto;
}

#emailFormContainer #toAddressField,
#emailFormContainer #ccAddressField,
#emailFormContainer #bccAddressField,
#emailFormContainer #subject,
#emailFormContainer #message {
	width: 100%;	
}

#emailFormContainer #attachment {
	margin-left: 10px;
}

#helpFormContainer {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 10px auto;
}

#helpFormContainer #helpTitle,
#helpFormContainer #helpContent {
	width: 100%;
}

#holidayFormContainer {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 10px auto;
}

#newsFormContainer {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 10px auto;
}

#newsFormContainer #newsTitle,
#newsFormContainer #newsContent {
	width: 100%;
}

#restrictionFormContainer {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 10px auto;
}

#restrictionFormContainer #restrictionDescription,
#restrictionFormContainer #restrictionErrorMessage {
	width: 100%;
}

#legalWeightContainer {
	max-width: 800px !important;
	width: 100% !important;
	margin: 10px auto;
}

#loadmasterListContainer {
	max-width: 1400px !important;
	width: 100% !important;
	margin: 10px auto;
}

#loadmasterContainer {
	max-width: 1000px !important;
	width: 100% !important;
	margin: 10px auto;
}

#optionsFormContainer {
	max-width: 1000px !important;
	width: 100% !important;
	margin: 10px auto;
}
#optionsFormContainer #optionName {
	width: 100%;	
}

#escortRuleListContainer {
	max-width: 1400px !important;
	width: 100% !important;
	margin: 10px auto;
}

#escortRuleContainer {
	max-width: 1000px !important;
	width: 100% !important;
	margin: 10px auto;
}

#escortRuleContainer #specialProvision {
	width: 90%;
}

#reportJobsContainer {
	max-width: 1600px !important;
	width: 100% !important;
	margin: 10px auto;
}

#securityRoleEditContainer {
	max-width: 1600px !important;
	width: 100% !important;
	margin: 10px auto;	
}

#securityRoleContainer {
	max-width: 1000px !important;
	width: 100% !important;
	margin: 10px auto;
}

#table-small {
	font-size: 13px;
}

.notice {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

hr {
	border-top: 1px dotted #8c8b8b; 
	border-bottom: 1px dotted #fff;	
	margin-top: 5px;
	margin-bottom: 5px;
}

#axlesLabel-table{
	background-color: inherit;
}

#axlesPower-table{
	background-color: inherit;
}

#axlesTrailer-table{
	background-color: inherit;
}

#loadInfo-table{
	background-color: inherit;
}
#loadDetails-table{
	background-color: inherit;
}

#vehicleInfo-table{
	background-color: inherit;
}

#vehicleGrossWeight-table{
	background-color: inherit;
}

#permitFormContainer {
	max-width: 100% !important;
	width: 100% !important;
	margin: 10px auto;
}

#permitFormContainer #comments {
	width: 100%;	
}

#users-on-table td {
	border: 1px solid #ddd;
	text-align: center;
	padding: 5px;
}

#users-on-in-table  {
	width: 100%;
}
#users-on-in-table  td {
	border: none;
	text-align: center;
	width: 100%;
	height: 100%;
}

.users-on-heading {
	font-weight: bold;
    background-color: #337ab7;
	text-align: center;
	color: #fff !important;
}

#workQueueTable {
	border: 1px solid #ddd;
	text-align: center;
}

#workQueueTable td {
	border: 1px solid #ddd;
	padding: 5px;
}

.workQueueHeading {
    background-color: #337ab7;
	text-align: center;
}

.workQueueHeading a {
   	color: #fff !important;
}

.workQueueHeading a.headerlink:hover {
   	color: Yellow !important;
}

#system-admin-table {
	max-width: 800px !important;
	width: 100% !important;
}

#error-msg-bottom #error-msg-heading {
	width: 100%;
	background-color: #337ab7;
	padding: 5px;
	color: white;
}

#alterPermitContainer {
	max-width: 800px !important;
	width: 100% !important;
	margin: 10px auto;
}

#customerContainer { 
	max-width: 100% !important;
	width: 100% !important;
	margin: 10px auto;
}

.mono-sized {
	width: 150px;
	font-weight: bold;
}

.mono-sized2 {
	width: 180px;
	font-weight: bold;
}

.form-control.select-252 {
	width: 252px;
}

.form-control.select-184 {
	width: 184px;
}

.form-control.select-date {
	width: 160px;
}

@media (max-width: 799px) {
	.form-control.select-252 {
		width: 100%;
	}
	
	.form-control.select-184 {
		width: 100%;
	}

	.form-control.select-date {
		width: 85%;
	}
}

.div-heading {
	font-size: 17px;
	font-weight: bold;
	color: #333399;
}

#main-content {
	border-left: 1px solid #ddd;
}

#billing-address {
	vertical-align: right;
	max-width: 1200px !important;
	width: 100% !important;
	margin: 20px;
	padding: 15px;
	border: 1px solid #ddd;
}

.legend-primary {
    border-color: #337ab7;
}

.legend {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #337ab7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	/*border-radius: 10px;*/
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.legend-primary .legend-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #ccc;
}

.legend-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #337ab7;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.legend-body {
    background-color: #f5f5f5;
	padding: 15px;
}

#createComboContainer {
	max-width: 800px !important;
	width: 100% !important;
	margin: 10px auto;
}

/*.alert {
    border: 2px solid transparent;
}*/

/*.alert-danger {
	font-size: 12px;
	/*font-weight: 400;
    color: #A94942;*
}*/

#accountContainer { 
	max-width: 800px !important;
	width: 100% !important;
	margin: 10px auto;
}

#accountContainer2{ 
	max-width: 1000px !important;
	width: 100% !important;
	margin: 10px auto;
}


#userContainer { 
	max-width: 100% !important;
	width: 100% !important;
	margin: 10px auto;
}

#transactionContainer { 
	max-width: 100% !important;
	width: 100% !important;
	margin: 10px auto;
}

#transactionConfirm { 
	max-width: 1200px !important;
	width: 100% !important;
	margin: 10px auto;
}

#btn-select{
    padding-bottom: 0px;
    padding-top: 0px;
    height: 34px;
}

.role-switch{
	height: 20px;
	width: 280px;
}

#registrationContainer{ 
	max-width: 1000px !important;
	width: 100% !important;
	margin: 10px auto;
}

.registration-info {
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #999;
}

.redColor {
	font-weight: 400;
	color: red;
}

#addressSuneethaRenamed{
	float: left;
	width: 80% !important;
	margin: 20px 30px 50px 50px;
	max-width: 1000px !important;
}

/*@media (max-width: 799px) {
	#address {
		float: left;
		width: 95% !important;
		margin: 5px;
		max-width: 1000px !important;
	}	
}*/

/*#permitAccount {
	float: left;
	width: 90% !important;
	margin: 10px;
	max-width: 90% !important;
}*/

/*#creditcardtrans1,
#addresstrans {
	float: left;
	width: 750px !important;
	margin: 10px;
	max-width: 100% !important;
}*/

#creditcardtrans1,
#achtrans1,
#addresstrans {
	border: 0px;
	border-bottom: 0px;
}


#switchrolecombo{
	font-size: 100%;
    height: 25px;
    text-transform: uppercase;
    padding: 10px;	
}

#permitRevisionContainer  {
	max-width: 100% !important;
	width: 100% !important;
	margin: 10px 10px 10px 10px;
}

#permitRevisionContainer table>tbody>tr>td{
	border-top: 0px;
}