.mainnav>li>a {
    color: #FFF !important;
}

.mainnav>li.active>a {
    background-color: #212121 !important;
    color: #8BCC89 !important;
}


/*widget*/

#show-div-fare,
#table-ket-rute-dep,
#table-ket-rute-ret,
#back-to-top:hover,
.green,
.ui-datepicker td .ui-state-active,
.bg-hijau,
.enabled-row:hover,
.circle_book,
.ui-progressbar-value,
#dep-hr,
#ret-hr,
.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-submenu:hover>a {
    /* Permalink - use to edit and share this gradient: <?= env('CLIENT_PROTOCOL','http') ?>://colorzilla.com/gradient-editor/#8bcc89+21,6dcc6a+100 */
    background: #8bcc89;
    /* Old browsers */
    background: -moz-linear-gradient(top, #8bcc89 21%, #6dcc6a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8bcc89 21%, #6dcc6a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8bcc89 21%, #6dcc6a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8bcc89', endColorstr='#6dcc6a', GradientType=0);
    /* IE6-9 */
}

.circle_book:after {
    border-color: transparent transparent transparent #8BCC89;
}

.icon-sort {
    color: #8BCC89;
}

.dropdown-menu li>a:hover .dropdown-menu li>a:focus .dropdown-submenu:hover>a,
#show-div-fare:hover {
    background-color: #72B971 !important;
}

input[disabled],
select[disabled] {
    background: #d2cbcb;
}


/*tombol*/

.btn-btn-primary,
.btn-hijau,
.btn-primary,
.btn-warning,
.pagination ul li.active a,
button[type='submit'] {
    background-color: #8BCC89 !important;
    color: #FAFAFA;
}

.btn-btn-primary:hover,
.btn-primary:hover,
.btn-warning:hover,
button[type="submit"]:hover {
    background-color: #72B971 !important;
    color: #fff !important;
}

.widget-content .jquery-msgbox-wrapper {
    background-color: beige !important;
}

.widget-content .jquery-msgbox-wrapper>[class^="icon-"]:not(.ui-icon),
.jquery-msgbox-wrapper>[class*="icon-"]:not(.ui-icon) {
    color: #55675C !important;
}

#finish {
    background-color: #CED4CD !important;
}

#show-fare {
    border: none;
    box-shadow: -1px 1px 3px #757575;
}


/*NEW CUSTOM */

.login-extra {
    border-left: 5px solid #8BCC89;
}

.subnavbar-inner .dropdown.active .caret {
    border-top-color: #8BCC89;
    border-bottom-color: #8BCC89;
}

.parent-selected {
    border: 2px solid #8BCC89;
    box-shadow: none;
}

.box-booking h5 {
    color: white !important;
}

.widget_price {
    background: #8BCC89;
}

#show-fare .label-idr,
#box-booking-price .label-idr {
    background-color: #72B971;
}

.green,
.plan.green .plan-price {
    background: #8BCC89 !important;
    color: #fff;
    font-weight: bold;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.green:hover {
    background: #fff !important;
    color: #8BCC89;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

.plan.green .plan-header {
    background: #72B971 !important;
    color: #fff;
}

.news .widget .widget-header {
    border-top: 2px solid #8BCC89;
}

.td-cheapest-table-all-mas,
.td-book-table-all-mas {
    border-right: 1px solid rgba(139, 204, 137, 0.5) !important;
}

.widget .widget-header h3.click a {
    font-size: 20px;
    color: #8BCC89;
}

.slick-slide {
    background-color: #8BCC89;
    color: white;
    border-radius: 25px;
    border: 2px solid white;
    width: 70px;
    height: 30px;
    display: none;
    float: left;
    min-height: 1px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

.slick-slide:hover,
.aktif {
    border: 1px solid #8BCC89;
    background-color: white;
    color: #8BCC89;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #8BCC89;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tabel tr:first-child td {
    background: linear-gradient(to bottom, #8bcc89 21%, #6dcc6a 100%);
    border-right: 4px solid #e7e7e7;
    padding: 5px;
}

.snap32,
.snap33,
.snap34 {
    border-left: 4px solid #8BCC89;
}

#running_texts {
    /*border-top: 1px solid #0fad0b;*/
    /*background-color: #92ce90;*/
    color: #0fad0b;
}

#running_title {
    border: 2px solid #0fad0b;
    border-right: 0;
    background-color: #89e287;
    color: #0f530e;
    padding: 5px 15px 15px 15px;
}

.running_content {
    border: 1px solid #0fad0b;
    -webkit-box-shadow: inset 0px 1px 2px 0px rgb(146, 206, 144), 0px 1px 0px 0px rgba(250, 250, 250, 0.3);
    box-shadow: inset 0px 1px 2px 0px rgb(146, 206, 144), 0px 1px 0px 0px rgba(250, 250, 250, 0.3);
}


/* Login */

.outer-box,
.header-form,
.label>span,
.input-form input[type="text"],
.input-form input[type="password"],
.input-form input[type="email"],
.input-form input[type="text"]:focus,
.input-form input[type="password"]:focus,
.input-form input[type="email"]:focus,
.form-select,
.input-form input[type="checkbox"]+label:before,
.input-form input[type="tel"],
.input-form textarea,
.input-form input[type="tel"]:focus,
.input-form textarea:focus {
    border-color: #72B971;
}

button,
button[type="submit"],
button:hover,
button[type="submit"]:hover {
    border-color: #72B971;
    background-color: #72B971;
}

.bg1 {
    background: #AAFFA9;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(#11FFBD, #AAFFA9);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(#11FFBD, #AAFFA9);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


/*  login theme select  */

input[type=radio]:checked+label.radio-checked {
    box-shadow: 0 0 3px 5px #72B971 !important;
}

/* main and background color */
.theme-color {
    color: #8BCC89 !important;
}

.theme-background {
    background-color: #8BCC89 !important;
}

.theme-border {
    border-color: #8BCC89 !important;
}

.font-colored {
    color: #8BCC89 !important;
}

.active-selected {
    border: 1px #1abc9c solid;
}