#loader{margin-top:100px;width:100%;text-align:center}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #6283db;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #6283db transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}








html {
  height: 100%;
}
a{color:inherit}
body {
  font-family: sans-serif;
  padding: 0;
  height: 100%;
  background: #fff;
  color:#555555;
  font-size:11px;
  margin: 0;
  text-align:left;
}
button{cursor:pointer}
input, select{padding:0px;margin: 0 0 10px 0;width:100%;height:35px;border-radius:3px;border:1px solid #bed4f7;text-indent:5px;background:#fff}
input.parsley-error, select.parsley-error{margin-bottom:0px!important;}
label{width:100%;font-size:12px;margin-bottom:5px;padding:0px;display: inline-block;text-align: left;font-weight:lighter}
.btn-01{height:35px;background:#4bd037;border-radius:3px;border:1px solid #39ad27;color:#fff;font-size:14px;text-align:center;width:100%;display:inline-block;text-decoration:none}
.btn-02{height:35px;background:#6283db;border-radius:3px;border:1px solid #4b6ecd;color:#fff;font-size:14px;text-align:center;width:100%;display:inline-block;text-decoration:none}
.btn-03{height:35px;background:#b562db;border-radius:3px;border:1px solid #a14bc9;color:#fff;font-size:14px;text-align:center;width:100%;display:inline-block;text-decoration:none}
.btn-04{height:35px;background:#868686;border-radius:3px;border:1px solid #5e5d5d;color:#fff;font-size:14px;text-align:center;width:100%;display:inline-block;text-decoration:none}
.btn-05{height:35px;background:#df2121;border-radius:3px;border:1px solid #9c0a0a;color:#fff;font-size:14px;text-align:center;width:100%;display:inline-block;text-decoration:none}
#container { text-align: center; margin: 0;}
.content{min-height:70vh}
.wrapper{width:92%;margin: 0px 4%;}
.parsley-errors-list{display:none}
.parsley-errors-list.filled{display:inline-block;width:calc(100% - 10px);margin:0px;margin-bottom:10px;background:red;color:#fff;padding:5px;font-size:12px;}
.parsley-errors-list.filled li {list-style:none}
.parsley-errors-list.filled li:nth-child(2){display:none!important}
#customer_city_id{width:1px;height:1px;overflow:hidden;display:block;margin: 0;border:0px;}


/* footer */
.footer{margin-top:30px;margin-bottom:30px;font-size:13px;}
.footer .element{padding:0 8px; border-left:1px solid #9bb0e8;color:#9bb0e8;display:inline-block;margin-bottom:10px}
.footer .element.first{border:none}
.footer .element a{text-decoration:none}
.footer .row-2{margin-top: 20px;}
.footer .row-2 .element{border: none}
.footer .row-2 .element {font-size: 14px; text-transform: uppercase; font-weight: bold}
.footer .row-3{margin-top:20px;color:#c1c1c1;font-size: 9px}


/*  header */
.header .back{display:none}
.header{text-align:center;position:relative}
.header .wrapper{position:relative;text-align:center;}
.header{width:100%;height:50px;background:#f5f8ff;text-align:left;}
.header a.logo{width:120px;background:url('/global/img/logo300.png') no-repeat left top;background-size:cover;height:28px;display:inline-block;margin-top:10px;cursor:pointer;}
.header .back{    left: 0px;
  top: 17px;
  color: #6283db;
  position: absolute;
  text-decoration: none;
  font-size: 12px;
  display: block}


.autocomplete-suggestions {
	overflow: auto;
}
.autocomplete-suggestion {
	padding: 8px 5px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
.autocomplete-suggestions strong {
	font-weight: normal;
}
.autocomplete-group {
	padding: 2px 5px;
	cursor: pointer;
}
.autocomplete-group strong {
	display: block;
}


.autocomplete-suggestions {
	border: 1px solid #999;
	background: #FFF;
}

.autocomplete-suggestion:nth-child(even) {
		background: #eeeeee;
}

.autocomplete-suggestion:hover, .autocomplete-suggestion.autocomplete-selected {
  background: #ccc;
  color: #fff;
}


.autocomplete-suggestion:hover strong,  .autocomplete-suggestion.autocomplete-selected strong{
  color: #fff;
  font-weight: bold;
}

.autocomplete-suggestion:hover, .autocomplete-suggestion.autocomplete-selected {
    background: #4b6ecd;
}

.autocomplete-suggestions strong {
	color: #4b6ecd;
}

.autocomplete-group strong {
	border-bottom: 1px solid #000;
}


@media screen and (min-width: 800px) {
  input, select, .btn-01, .btn-02, .btn-03{max-width:300px;}
  .header{text-align:center}
  .wrapper{max-width:850px;display:inline-block;position:relative}
  input, select, .btn-01, .btn-02, .btn-03{max-width:100%;}
	.autocomplete-suggestion {
		padding: 15px 5px;
		white-space: nowrap;
		overflow: hidden;
	}
}