body,html{
	margin:0;
	width:100%;
}

body{
	font-family:"arial";
	font-size:14pt;
}

.ib{
	display:inline-block;
}

.hideMe{
	display:none;
}

.ssImg{
	width:100%;
}


.smbtn{
	width:50px;
	color:#000;
	background:rgba(239, 239, 239, .5);
	height:30px;
	border:1pt solid #efefef;
	border-radius:3px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	z-index:10;
}

.btn{
	width:100px;
	color:#000;
	background:#eee;
	height:30px;
	border:1pt solid #efefef;
	border-radius:3px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	z-index:10;
}

.wdbtn{
	width:175px;
	color:#000;
	background:#eee;
	height:30px;
	border:1pt solid #efefef;
	border-radius:3px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	z-index:10;
}

.smbtn:hover{
	cursor:pointer;
	background:rgba(51, 51, 51, .5);
	color:#fff;
}

.btn:hover{
	cursor:pointer;
	background:#333;
	color:#fff;
}

.wdbtn:hover{
	cursor:pointer;
	background:#333;
	color:#fff;
}

.customerAddressesContainer .addressContainer th {
	padding: 7px;
	background-color: #1959C3;
	color: white;
	font-size:.7em;
}

.customerAddressesContainer .addressContainer td {
	border:none;
}

.paymentAddressContainer {
	border: 1pt solid black;
	border-radius: 6px;
	width: 67%;
	margin-left: auto;
	color: white;
	
}

.paymentAddressContainer .addressesContainer {
	background-color: #1959C3;
	border-bottom:1pt solid black;
	border-radius: 6px;
	padding: 2px;
}


.customerAddressesContainer .addressContainer {
	overflow:auto;
	padding:10px;
	border: 3px solid #1959C3;
	border-radius: 5px;
	width: 12em;
}


.customerAddressesContainer {
	margin-left: 1%;
}

.addRemoveButtonContainer {
	margin-top:10px;
	float:right;
}

.addRemoveButtonContainer .btn {
	margin:5px;
}

.inlineBlock {
	display:inline-block
}

.highlighted {
	background-color: rgba(25, 89, 195, .3);
}

.ctr{
	text-align:center;
}

.clr{
	clear:both;
}

.clr5{
	clear:both;
	height:5px;
}

.clr10{
	clear:both;
	height:10px;
}

.clr20{
	clear:both;
	height:20px;
}

.clr200{
	clear:both;
	height:200px;
}

.clr100{
	clear:both;
	height:100px;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 211, 211, 211, .8 )
                url('../images/spinner.gif')
                50% 50%
                no-repeat;
    background-size:40px;
}

.fullctr {
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.header {
	text-align: center;
	padding: 20px 30px 10px 30px;
	background: white;

}

.navbar {
	text-align: center;
	border-top: 1px solid
			rgba(116,116,116,0.15);
}


.navbar li {
	line-height: 1.8em;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	margin-right: 40px;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  display: inline-block;
}
.navbar li a {
	text-decoration: none;
	color: #3b3b3b;
	padding-bottom: 11px;
	transition: .2s ease-in border-bottom;
}
.navbar li a:hover {
	border-bottom: 3px solid #0b3554;
	}

.flx {
	display: flex;
}

.half {
	width: 50%;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
}
.oneThird {
	width: 33%;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
}
.twoThirds {
	width: 66%;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
}

#phoneSupportRouteName {
	cursor:pointer;
	color:blue;
	text-decoration:underline;
}

.falseLinkeButton {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}
/*
.thr1 {
	width: 32%;
	padding: 10px;
  display: inline-block;
  vertical-align: top;
}


.thr2 {
	border-color: #1959C3;
  border-width: 1px;
  border-style: solid;
	width: 65%;
	height: 100%;
  display: inline-block;
  vertical-align: top;
  overflow-y: auto;
 	padding: 10px;
  position: absolute;
  margin-left: 34%;
  font-size: .7em;  
}
*/

.buttonContainer {
	text-align: center;
}

/*
.thr2 div::-webkit-scrollbar {
  width: 12px;
  
}

.thr2 div::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.thr2 div::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
*/

input {
	width: 49%;
}

#menuWrapper {
	background: #333;
  z-index: 100;
  width: 200px;
  padding: 10px;
  height: 100vh;
  position: absolute;
}


#menu {
	display: inline-block;
}

.mm {
	color: #fff;
	width: 100%;
	padding: 5px;
}

.hoverMe:hover{
   cursor:pointer;
}

#content {
	padding: 0 0px;
	border-top: 1px solid;
  rgba(116,116,116,0.15);
}

#page_content{
	width: 80%;
  margin: auto;
  padding: 20px;
  /*overflow-x: hidden;*/
  /*height:50vh;*/
}

#test_page_cont {
	padding: 30px;
	background: blue;
}

#mHandle {
	position: absolute;
  z-index: 100;
  background: #333;
  left: 220px;
  width: 40px;
  height: 34px;
  border-radius: 0 3px 3px 0;
  top: 10px;
  display: inline-block;
  vertical-align: top;
}

.ham {
	width: 80%;
  margin-left: 10% !important;
  height: 3px;
  background-color: #fff;
  margin: 6px 0;
}

.optionPages {
	font-size: 10rem;
}

#login{
	width:400px;
}

.warningTxt {
	color:red;
}

.confirmationTxt {
	text-align: left;
}

.lbl {
	display: inline-block;
  width: 150px;
  text-align: right;
  padding-right: 5px;
}


#Setup .tableRes .lbl {
	display: inline-block;
  width: 180px;
  text-align: right;
  padding-right: 5px;
}

.txtctr {
	text-align: center;
}

.SearchResContainer {
	padding: 10px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #333;
  margin-bottom: 10px;
}

.ResItem {
	position: relative;
	display: inline-block;
	font-size: 75%;
	margin: 0 10px;
}

.dataVal {
	display: inline-block;
}

#addressTable {
	/*margin-top: 400px;*/
	width: 100%;
	min-height:200px;
	/* height:auto */
	/* padding: 10px; */
	display: inline-block;
	vertical-align: top;
	/* position: relative; */
}

.dataNav {
	text-align: center;
	font-size: 75%;
	height: 600px;
	margin-bottom: 15px;
	/*overflow-y: auto;*/
	border: 2px solid;
  border-radius: 10px;
}

.buttons{
	text-align: center;

}

.buttons .navDecor {
	display: inline-block;
}


.FlagesPerRouteResContainer {
	padding: 5px;
  background: #fff;
  border-radius: 3px;
  border: 1pt solid #333;
  margin: 3px;
  display: inline-block;
  width: 45%;
}

.responsiveTable{
	overflow-x:auto;
}

.tableSquare {
	font-size: .9em;
	margin: 10px;
	height: 20em;
	padding: 10px;
	border-radius: 3px;
  border: 1pt solid #333;
	display: inline-block;
	width: 20em;
}

.SearchResTable {
	border-spacing: 0px;
	box-shadow: none;
	width: 100%;
	background:#fff;
}

.SearchResTable .Even{
	background-color: #F2F5F9;
}

.SearchResTh {
	padding: 7px;
	background-color: #1959C3;
	color: white;
	font-size:.7em;
}

.SearchResTd {
	  padding: 7px;  
	  font-size:.7em;
}

.searchInputContainer input {
	max-width: 90px;
}

table {
  border-collapse: collapse;
}

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

td input{
	width:calc(100% - 12px);
}

td select{
	max-width:calc(100% - 12px);
}

.pageTitle {
	width: 100%;
	font-size: 1.8em;
	text-align: center;
}

@media only screen and (max-width : 768px) {
		.flx{
			display:block;
		}
	
	/*
		.thr1{
			width:100%;
			margin-bottom:10px;
			position: relative;
		}
		
		.thr2{
			width:100%;
			position: relative;
		}
		*/
		
		.lbl{
			display:block;
			width:100%;
			text-align:left;
			padding-right:0;
		}
		
		input{
			width:100%;
		}

		.half {
			width: 100%;  
		  display: block;
		  vertical-align: top;
		}
		.oneThird {
			width: 100%;  
		  display: block;
		  vertical-align: top;
		}
		.twoThirds {
			width: 100%;  
		  display: block;
		  vertical-align: top;
		  overflow-x:auto;
		}		

}