﻿.drag-item { position: relative; margin: 0 0 10px 0; }
.drag-item .col-sm-12:after { content: '\e83a'; color: #4a90e2; font-family: 'pixie-tc'; position: absolute; left: 0; top: 5px; display: block; }
.find-location { padding: 15px 35px 15px 15px; }
.start-point, .end-point { padding: 0 32px 0 25px; position: relative; }
.start-point:after { background: #fff; top: 6px; color: #22c92a; content: '\e839'; display: block; font-family: "pixie-tc"; font-size: 12px; height: 14px; left: 0; position: absolute; }
.end-point:after { background: #fff; bottom: 8px; color: #f41313; content: '\e81a'; font-family: "pixie-tc"; font-size: 14px; display: block; height: 14px; left: 0; position: absolute; }
.drag-inner-list { position: relative; }
.start-point:before { border-left: 1px dashed #999; position: absolute; left: 6px; top: 20px; content: ''; height: 30px; }
.location-swipe-btn { position: absolute; right: -27px; top: 50%; margin: -10px 0 0 0; color: #999; font-size: 16px; }
.location-swipe-btn:hover, .estimated-time-arrive-box .driving-inner-block .location-swipe-btn:focus { color: #4a90e2; }
.drag-item .form-control { padding-right: 40px; }
.drag-item .right-btn-box { position: absolute; right: 0; top: 0; }
.drag-item .btn { padding: 3px; background: #fff; border: 1px solid #bbb; position: relative; width: 35px; height: 28px; }
.drag-item .btn:hover, .estimated-time-arrive-box .drag-item .btn:focus { background: #ddd; }
.drag-item .zoom-btn i { font-size: 20px; color: #4a90e2; line-height: 21px; }
.drag-item .zoom-btn span { position: absolute; top: 5px; left: 1px; right: 0; }
.drag-item .reset-btn { padding:3px; margin: 0 0 0 -5px; visibility: hidden; position: absolute; left: -30px; border: none; top: 1px; height: 26px; }
.drag-item:hover .reset-btn, .estimated-time-arrive-box .drag-item.visible-close .reset-btn { visibility: visible; }
.drag-item .reset-btn i { color: #202020; font-size: 14px; }
.drag-item .zoom-btn span:after { content: ""; position: absolute; left: 0; right: 0; top: 0; font-size: 8px; color: #fff; }
.drag-item .zoom-btn .point-0:after { content: "A"; }
.drag-item .zoom-btn .point-1:after { content: "B"; }
.drag-item .zoom-btn .point-2:after { content: "C"; }
.drag-item .zoom-btn .point-3:after { content: "D"; }
.drag-item .zoom-btn .point-4:after { content: "E"; }
.drag-item .zoom-btn .point-5:after { content: "F"; }
.drag-item .zoom-btn .point-6:after { content: "G"; }
.drag-item .zoom-btn .point-7:after { content: "H"; }
.drag-item .zoom-btn .point-8:after { content: "I"; }
.drag-item .zoom-btn .point-9:after { content: "J"; }
.drag-item .zoom-btn .point-10:after { content: "K"; }
.drag-item .zoom-btn .point-11:after { content: "L"; }
.form-control {background:#fff; padding: 5px; border: 1px solid #bbb; height: 28px; color: #202020; font-size: 12px; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
/*for btn*/
.btn { text-transform: capitalize; border: none; padding: 6px 15px; background: #4a90e2; color: #fff; border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; height: 28px; }
.btn:hover, .btn:focus { background: #317ed6; color: #fff; outline: none; }
.btn.active, .btn:active { box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
/*for secondary-btn*/
.secondary-btn { font-size: 14px; font-weight: 400; line-height: 1.42857; -moz-user-select: none; cursor: pointer; display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; white-space: nowrap; text-transform: capitalize; border: 1px solid #4a90e2; padding: 4px 15px; background: transparent; color: #4a90e2; border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; height: 28px; }
.secondary-btn:hover, .secondary-btn:focus, .secondary-btn:active { background: rgba(0, 0, 0, 0.05); color: #4a90e2; outline: none; }
