/* ============================= */
/* ===== General styles ====== */
/* ============================= */
table tr td {
	font-size: 100.01%;	
}

button {
	-webkit-box-shadow: none !important; 
	-moz-box-shadow: none !important; 
	box-shadow: none !important;
  	-webkit-border-radius: 2px;
  	border-radius: 2px;
}

button:active, button:focus {
	top: 0px;
}

button:hover {
	top: 0px;
}

p {
	line-height: 19px;;
}

select {
	height: auto;
}

/* ============================= */
/* ===== Main content area ===== */
/* ============================= */
#main, div.text h1 {
	font-family: Arial,Helvetica,sans-serif !important;
} 

/* ============================= */
/* ===== Jmesa Tables ====== */
/* ============================= */
.jmesa tr.toolbar td {
	border-collapse: collapse !important;
	border: 1px none !important;
	line-height: 15px !important;
}

.jmesa tr.filter td {
	border-collapse: collapse !important;
	padding: 0px !important;
	border: 1px none !important;
}

.jmesa tr.statusBar td {
	border-collapse: collapse !important;
	padding: 6px !important;
	border: 1px none !important;
}

/* ============================= */
/* ===== formsContent ====== */
/* ============================= */
.formsContent form {
	overflow: visible;
}

.formsContent label {
	float: left;	
	font-weight: normal;
	width: 154px;
}

.formsContent input[type=text] {
	height: 21px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.formsContent input[type=text]:focus {
	background: none repeat scroll 0% 0% #FFFFFF;
}

.formsContent select, .formsContent input {
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

.formsContent input[type=radio] {
	background-color: transparent;
}

.formsContent h1 {
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
}

/* ============================= */
/* ===== Table small ====== */
/* ============================= */
.tableSmall td {
	border: 0px none;
	line-height: 15px;
}

.tableSmall table tr.alt, table tr.even, table tr:nth-of-type(2n) {
    background: none repeat scroll 0% 0% transparent;
}

/* ============================= */
/* ===== Layout table ====== */
/* ============================= */
.layoutTable td {
	border: 0px none; 
	padding: 0px;
}

.ui-dialog-titlebar button {
	background-color: #D3D3D3 !important;
	background-image:none;
	margin: -15px 0px 0px !important;
}


.ui-dialog-titlebar button.ui-state-hover  {
    border: none !important;
} 

/* ============================= */
/* ========= Header ========== */
/* ============================= */

li.has-mega a span{
	line-height : 1.5 !important;
}

/* .mega-menu-label {
	font-size: 0.875rem !important;
} */


/* ============================= */
/* =====     Footer    ====== */
/* ============================= */

#page-footer .base,
#page-footer .switch-label{
line-height : 1 !important;
color: #6a6c6f !important;
}

select#companyId {
    height: 2.3125rem;
    font-size: 14px;
    padding: 0.55em;
    font-family: Arial !important;
}

.h5, fieldset legend, h5 {
    font-size: 1.125rem ;
	margin-bottom: 8px !important;
}

#ui-datepicker-div {
	display: none;
}

/* #dialog{
	display: none;
} */

/* ============================= */
/* =====       Print      ====== */
/* ============================= */
.printable { display: none; } 
		
@media print { 
	.nonprintable { display: none; } 
	.printable {display: block !important; font-family: Verdana; font-size: 8pt; }

	.printable .referenceTerms { margin: 20px;}
	.printable .referenceTerms label { width: 170px;}
	.printable .referenceTerms ul { font-size: 8pt;}
	.printable .referenceTerms li { margin-bottom: 5px;}
	.printable .referenceTerms h2 { font-size: 10pt; margin-top: 20px;}
	.printable .referenceTerms p { margin-bottom: 5px;}
	.printable .referenceTerms span { margin-right: 2px;}
	
}	

.margin-bottom-20{
	padding-bottom:20px;
}
	

.width-10{
	width:10%;
}

.width-35{
	width:35%;
}

.width-45{
	width:45%;
}

.width-55{
	width:55%;
}

.width-80{
	width:80%;
}

.inline{
	display: inline-block;
	vertical-align: middle;
}

.elipse_shadow:after {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 5%;
    width: 90%;
    height: 10%;
    border-radius: 50%;
    box-shadow: 0px 20px 10px rgba(0,0,0,0.15);
}

.relative{
   	position: relative;
}

.tollcard-border{
	border-color: rgba(0, 0, 0, 0.1);
   	border-radius: 0.7em;
   	border-style: solid;
   	border-width: 1px;
}