﻿/*START - RADIO BUTTON*/
.btn-check:checked + .btn.cust-btn-active, .btn-check:active + .btn.cust-btn-active, .btn.cust-btn-active:focus:not(.btn-active), .btn.cust-btn-active:hover:not(.btn-active), .btn.cust-btn-active:active:not(.btn-active), .btn.cust-btn-active.active, .btn.cust-btn-active.show, .show > .btn.cust-btn-active{color: #FFFFFF !important;border-color: #007161;background-color: #007161;}
/*END - RADIO BUTTON*/
#btnQGRouteMapsSearch{background-color:#007161;color:#FFFFFF;}
/*START - FOR SHOW VERTICAL STOP INFO.(DOT & LINE) DESIGN*/
.stop-item{display: flex;align-items: stretch;position: relative;font-size: 14px;cursor:pointer;}
.stop-dot{width: 14px;min-width: 14px;position: relative;margin-right: 10px;}
.stop-dot:before{content: '';width: 15px;height: 15px;border: 3px solid #007161;background: #fff;border-radius: 50%;position: absolute;top: 4px;left: 0;z-index: 2;}
.stop-dot:after{content: '';position: absolute;left: 6px;top: 18px;bottom: -6px;width: 3px;background: #007161;}
.stop-item:last-child .stop-dot:after{display: none;}
.stop-name{padding: 2px 0 8px;line-height: 1.35;}
.stop-item:last-child .stop-name:last-child{padding: 0;}
/*START - FOR SHOW VERTICAL STOP INFO.(DOT & LINE) DESIGN*/
#btnQGRouteMapReset{background-color:#007161;color:#FFFFFF;}
.my-rm-polyline{stroke: #007161;}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}