#destination_checkout{ display:none; }
#destination_box { list-style: none; margin: 0; overflow: auto; padding: 0; }
#destination_box>li { position: relative; border-radius: 2px; background-color: #f8f9fa; border-left: 2px solid #e9ecef; color: #495057; margin-bottom: 2px; padding: 10px; }
#destination_box>li.done { color: #697582; }
#destination_box .handle { cursor: move; display: inline-block; margin: 0 5px; position:absolute; z-index:2 }
#destination_box>li .text { display: inline-block; font-weight: 600; margin-left: 5px; }
#destination_box>li.done .text { font-weight: 500; text-decoration: line-through; }
#destination_box>li .input { width: 100%; height: 100%; top: 0; z-index: 1; left: 0; padding-left:40px; resize: none; appearance: none; display: block; overflow: hidden; border: none; background: none; color: inherit; line-height: 1.4; outline: 0px; }
#destination_box>li .destination_remove{ z-index: 2; position: absolute; top: 10px; right: 10px; font-weight: bold; color: #ccc; }
#destination_add{ margin:10px 0; display:block; }
.destination_description{ padding-left: 40px; font-size:11px; min-height:16px; }
.destination_button_box{ display:none; margin-bottom:20px; }
.destination_km{ float: left; text-align: left; font-size: 20px; font-weight: bold; }
.destination_amount{ float: right; text-align: right; font-size: 20px; font-weight: bold; }
.destination_button_box .btn{ width:100%; }
.destination_top{ -webkit-box-flex: 1; flex-grow: 1; overflow-y: auto; padding: 16px; z-index: 1; height: auto; text-align: center; background: #ffd5d2; margin-bottom: 15px; }
.destination_top_description{ display:none; }
.destination_top_description.active{ display:block; }
.destination_top_description_title{ font-size:20px; color:#e93f33; font-weight:bold; }
.destination_top_description_content{ font-size: 12px; }
.destination_top_selection{ margin-top: 10px; align-items: center; justify-content: center; display: flex; }
.destination_top_selection_a{ margin-left:10px; margin-right:10px; position: relative; cursor: pointer; transition: all 100ms ease 0s; opacity: 0.8; filter: grayscale(100%); }
.destination_top_selection_a.active{ opacity: 1; filter: none; }
.destination_top_selection_a img{ display:block; width:60px; }

.destination_extra .col-sm-2{ display:none; }

.destination_details{ margin-bottom:20px; }
.destination_details_top{ display: flex; -webkit-box-pack: justify; -webkit-box-align: center; align-items: center; margin-bottom:15px; }
.destination_details_top .fa{ display: inline-block; margin-right: 0.5em; color: #e93f33; }
.destination_details_title{ margin: 0; font-weight: 700; line-height: 1; font-size: 18px; }
.destination_details_sub{ position: relative; width: 100%; display: inline-flex; flex: 1 1 0%; flex-flow: row nowrap; border: 1px solid rgb(180, 180, 180); width: 100%; direction: ltr; text-align: left; box-sizing: border-box; margin-bottom: 15px; }
.destination_details_sub_label{ position: absolute; color: rgb(180, 180, 180); font-size: 14px; line-height: 1; white-space: nowrap; pointer-events: none; transition: all 0.15s ease 0s; transform-origin: left center; top: 0px; left: 0.5em; padding: 0px 4px; background-color: rgb(255, 255, 255); transform: translateY(-50%) scale(0.7); }
.destination_details_sub_input{ line-height: 1.15; margin: 0px; overflow: visible;width: 100%; padding: 1em; border: none; color: rgb(48, 48, 48); caret-color: rgb(241, 102, 34); font-size: 14px; background-color: transparent; resize: none; outline: none; }
.destination_details_sub_textarea_box{ position: relative; width: 100%; direction: ltr; text-align: left; }
.destination_details_sub_textarea{ overflow:auto;width: 100%; height: 100%; padding:1em; border: none; color: rgb(48, 48, 48); caret-color: rgb(241, 102, 34); font-size: 14px; background-color: transparent; resize: none; outline: none; }

.destination_payment_box{ display: flex; justify-content: space-evenly; -webkit-box-align: stretch; align-items: stretch; width: 100%; }
.destination_payment_type{ position: relative; width: 50%; -webkit-box-align: stretch; align-items: stretch; border: 0px solid rgb(180, 180, 180); }
.destination_payment_type_box{ display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 0.75em 1em 0; }
.destination_payment_description{ flex: 1 1 auto; padding: 0px 0.75em 0.4em 3.6em; margin: 0px; color: rgb(83, 83, 83); font-size: 12px; line-height: 1.5; }
.destination_button_payment_box{ display:block; margin-bottom:20px; }
.destination_button_payment_btn{ width:100%; display:flex; justify-content: space-between; }
.destination_button_payment_btn .btn{ width:49%; }

.payment_result_box{ text-align: center; }
.payment_result_success{ max-width:500px; width:100%; display:block; margin:0 auto; }
.payment_result_failed{ max-width:500px; width:100%; display:block; margin:0 auto; }

.nav-link-information{ background: #505050; }
.navbar-information{ display: block; float:left; margin-left:10px; }
.navbar-information:first-child{ margin-left:0; padding-top: 5px; }

.topup-deno-amount{ position: relative; display: block; width: 100%; padding: 10px 15px; border: 2px solid rgb(242, 242, 242); margin: 0.5em auto; background: none; color: rgb(180, 180, 180); text-align: left; cursor: pointer; transition: all 0.2s ease 0s; }
.topup-deno-amount:hover { border-color: rgb(200, 200, 200); }
.topup-deno-amount.active { color: #e93f33 !important; border-color: #e93f33; }
.topup-deno-text-amount{ margin-bottom: 0; font-size: 18px; font-weight: 700; }
.topup-deno-text-extra{ height: 18px; font-size: 12px; }