/* 여수웅천(핸디즈) 1002164 */

/* header */
header nav { background: #FFFFFF; }
header nav:after { background: #DBDBDB; }
header nav .b_col.logo { background: transparent; }
header nav .b_col a:not(.prpt_logo):hover { background: #252C28; color: #FFFFFF; }
header nav .b_col a:not(.prpt_logo):hover:after { background: #252C28; }
header nav .b_col .cat .reservation a { color: #00AB84; }
header nav .b_col .cat .reservation a:hover { color: #FFFFFF; background: #111451; }
header nav .b_col .cat li a:hover { color: #FFFFFF; background: #111451; }

/* steps */
.sub_page .steps li { background: #ededed; color: inherit; }
.sub_page .steps li.active { background: #111451; color: #FFFFFF; }

/* list box */
.booking_box .list_box .box { background: #F5F5F5; }

/* buttons */
.btn-danger.theme_btn { color: #FFFFFF; background: #00AB84; border-color: #00AB84; }
.btn-danger.theme_btn:hover { color: #FFFFFF; background: #069b78; border-color: #069b78; }
.btn-danger.theme_btn:focus { color: #FFFFFF; background: #069b78; border-color: #069b78; box-shadow: 0 0 0 0.3rem rgba(30, 77, 138, 0.5); }
.btn-danger.theme_btn:not(:disabled):not(.disabled):active { color: #FFFFFF; background: #069b78; border-color: #069b78; }
.btn-danger.theme_btn:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.3rem rgba(9, 85, 137, 0.5); }

.btn-outline-danger.theme_btn { color: #00AB84; border-color: #00AB84; }
.btn-outline-danger.theme_btn:hover { color: #FFFFFF; background: #069b78; border-color: #069b78; }
.btn-outline-danger.theme_btn:focus { color: #00AB84; border-color: #069b78; box-shadow: 0 0 0 0.3rem rgba(30, 77, 138, 0.5); }
.btn-outline-danger.theme_btn:not(:disabled):not(.disabled):active { color: #FFFFFF; background: #069b78; border-color: #069b78; }
.btn-outline-danger.theme_btn:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.3rem rgba(9, 85, 137, 0.5); }

.btn-secondary.theme_btn { color: #FFFFFF; background: #00AB84; border-color: #00AB84; }
.btn-secondary.theme_btn:hover { color: #FFFFFF; background: #069b78; border-color: #069b78; }
.btn-secondary.theme_btn:focus { color: #FFFFFF; background: #069b78; border-color: #069b78; box-shadow: 0 0 0 0.3rem rgba(30, 77, 138, 0.5); }
.btn-secondary.theme_btn:not(:disabled):not(.disabled):active { color: #FFFFFF; background: #069b78; border-color: #069b78; }
.btn-secondary.theme_btn:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.3rem rgba(9, 85, 137, 0.5); }

.btn-outline-secondary.theme_btn { color: #00AB84; border-color: #00AB84; }
.btn-outline-secondary.theme_btn:hover { color: #FFFFFF; background: #069b78; border-color: #069b78; }
.btn-outline-secondary.theme_btn:focus { color: #00AB84; border-color: #069b78; box-shadow: 0 0 0 0.3rem rgba(30, 77, 138, 0.5); }
.btn-outline-secondary.theme_btn:not(:disabled):not(.disabled):active { color: #FFFFFF; background: #069b78; border-color: #069b78; }
.btn-outline-secondary.theme_btn:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.3rem rgba(9, 85, 137, 0.5); }

.el-checkbox>input[type="checkbox"]:checked ~ .el-checkbox-style:before {
    background: #00AB84;
    border: 1px solid #00AB84;
}
.el-checkbox>input[type="checkbox"]:checked ~ .el-checkbox-style:after {
    border-color: #ffffff;
}