.no-wrap {white-space: nowrap;}

.hidden {display:none;}
.warn_message {display:none; color:#ff0000;background:#fff;padding:5px;margin:5px;border:1px dotted #ff5d5d;}
.warn_message_show {display:block; color:#ff0000;}

.word_break {word-break: break-all;word-wrap: break-word;}
#message_from_bottom {color:#fff;}
.msg_hidden {color:#fff;visibility:hidden;position:absolute;top:-2000px;}

.inline{display:inline;}
.doted{border-bottom: 1px dotted #1ab1e8;border-top: 1px dotted #1ab1e8;border-right: 1px dotted #1ab1e8;border-left: 1px dotted #1ab1e8;}
.btn_hover{vertical-align:middle;display:inline;cursor:hand;cursor:pointer;}
.vmid, .vmid_fl{vertical-align:middle;display:inline;}
.vmid_fl{float:left;}

.vtop{vertical-align:top;display:inline;}

.cusor_hand{cursor:hand;cursor:pointer;}

.ha_center{text-align:center;}
.ha_left{text-align:left;}
.ha_right{text-align:right;}
.va_bottom{vertical-align:bottom;}
.va_middle{vertical-align:middle;}
.va_top{vertical-align:top;}

.rounded_corners {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

div.success_message, div.order_sample {background-color:#d8eee9; display:inline-block; padding:10px; border: 5px #53f34b dotted;}
span.availability_starts {font-size:110%; color:#ffcc99;}

.product_booking_extras, .product_booking_extras_b {
    padding:5px;
    margin:5px;
}
.product_booking_extras_b {
    background:#f5e4b4;
}

.page-header,
.page-header > a, 
.page-header > ul, 
.page-header > li, 
.page-header > h1, 
.page-header > h2, 
.page-header > h3 {
    margin: 0px !important;
    padding:0px !important;
    color:#f4fc00e4 !important;
}

.insurance-cards {
    max-width: 600px;
    margin: 40px auto; /* espaço seguro */
}

.section-title {
    font-weight: 700;
    margin: 0 0 25px 0;  /* garante espaço abaixo do título */
    padding: 20px;   /* evita sobreposição */
    text-align: center;
}

.insurance-card {
    cursor: pointer;
    padding: 0;
    margin-bottom: 20px;  /* distância entre os cards */
    display: block;
    position: relative;
}

.insurance-card input[type="radio"] {
    display: none;
}

/* corpo do card */
.insurance-card .card-body {
    background: #f8eac2;
    border-radius: 16px;
    padding: 22px 24px;
    border: 2px solid transparent;
    transition: all 0.25s ease;
}

/* título dentro do card */
.insurance-card .title {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    color: #c62828;
}

.insurance-card .price {
    font-size: 18px;
    margin-top: 6px;
    color: #222;
}

/* quando selecionado */
.insurance-card input[type="radio"]:checked + .card-body {
    border-color: #fe9c1d;
    background: #fffdf2;
    box-shadow: 0 0 10px rgba(0,0,0,0.12);
}

.insurance-card .card-body.selected {
    border-color: #fe9c1d;
    background: #fffdf2;
    box-shadow: 0 0 10px rgba(0,0,0,0.12);
}


.insurance-card {
    cursor: pointer;
    padding: 0;
    margin-bottom: 20px;
    display: block;
}

.insurance-card input[type="radio"] {
    display: none;
}

.insurance-card .title {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    color: #c62828;
}

.insurance-card .price {
    font-size: 18px;
    margin-top: 6px;
}


.cdw-header {
    margin-bottom: 2.5rem;  /* espaço entre texto e cards */
}

.cdw-warning {
    max-width: 720px;       /* deixa o texto mais estreito e elegante */
    margin: 0 auto;         /* centraliza o bloco */
    color: #555;
    line-height: 1.7;
    text-align: left;       /* título central, texto alinhado à esquerda */
}

.insurance-wrapper, .options-wrapper {
    background: #72befb;
    border-radius: 16px;
    padding: 32px 28px;
    max-width: 820px;
    margin: 0 auto;
    margin-bottom: 35px;
}

.insurance-header {
    margin-bottom: 32px;
    text-align: center;
}

.insurance-header .section-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
}

.cdw-warning {
    max-width: 680px;
    margin: 0 auto;
    color: #444;
    line-height: 1.7;
    text-align: left;
}

.insurance-cards .insurance-card {
    margin-top: 25px;
    margin-bottom: 16px;
}

.options-wrapper {
    background: #72befb;
}


/* CHECKBOX & RADIO */
input[type="checkbox"],
input[type="radio"] {
    transform: scale(1.5);
    cursor: pointer;
    margin-right: 8px;
}

/* SELECT FIELD */
select {
    font-size: 18px;
    padding: 12px 16px;
    border-radius: 8px;
}

/* OPTIONS */
select option {
    font-size: 18px;
    padding: 10px;
}

.card-agreement {
    color: #ffffff;
    background: #be3438;

    border-radius: 16px;
    padding: 22px 24px;
    border: 2px solid transparent;
    transition: all 0.25s ease;
}

.card-agreement a {
    color: #ffffff;
}
.card-agreement a:hover {
    color: #e9ff27;
}

.notices-header {
    margin-bottom: 32px;
    text-align: center;
}

.notices-header .section-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
}

.insurance-description, .notices-description {
    color: #000000;
    background: #c2eaf5;
    text-align:center;

    border-radius: 16px;
    padding: 22px 24px;
    border: 2px solid transparent;
    transition: all 0.25s ease;
}

/* Container geral da sessão */
.booking-section {
    padding: 20px 0;
}

/* Títulos */
.section-title {
    background: #6db7ff; /* mesmo azul do restante */
    color: #000;
    padding: 12px 15px;
    border-radius: 14px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
}

/* Cartões de formulário */
.form-card {
    background: #ffffff;
    padding: 20px;
    border-radius: 14px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

/* Labels */
.form-card label {
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
    margin-top: 12px;
}

/* Inputs */
.form-card input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    font-size: 16px;
    margin-bottom: 4px;
    outline: none;
}

.form-card input:focus {
    border-color: #7db8ff;
    box-shadow: 0 0 4px rgba(0, 131, 255, 0.4);
}

/* Margem extra */
.mt-4 {
    margin-top: 30px;
}

/* Ícones para inputs com data/hora (opcional) */
.date-input {
    background-image: url('data:image/svg+xml;utf8,<svg ...>');
}

.time-input {
    background-image: url('data:image/svg+xml;utf8,<svg ...>');
}


.car-big-card {
    align:center;
}

/* ==========================================================
   SUNRISE — BREADCRUMBS
   ========================================================== */

.page-section.breadcrumbs {
    background: #24343a !important;
    padding: 17px 15px !important;
    margin: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 3px solid #e7ad00;
    box-shadow: 0 4px 14px rgba(25, 40, 46, 0.12);
}

.page-section.breadcrumbs .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Neutraliza o <br> existente enquanto ele não for removido */
.page-section.breadcrumbs .container > br {
    display: none;
}

.page-section.breadcrumbs .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border-radius: 0;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    text-transform: none;
}

.page-section.breadcrumbs .breadcrumb > li {
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
    padding: 2px 0;
    color: #ffffff !important;
}

/* Links */
.page-section.breadcrumbs .breadcrumb > li > a {
    color: #f3c437 !important;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

.page-section.breadcrumbs .breadcrumb > li > a:hover,
.page-section.breadcrumbs .breadcrumb > li > a:focus {
    color: #ffffff !important;
    border-bottom-color: #f3c437;
}

/* Separador */
.page-section.breadcrumbs .breadcrumb > li + li::before {
    content: "\f105";
    display: inline-block;
    padding: 0 11px;

    font-family: "FontAwesome";
    font-weight: normal;
    color: rgba(255, 255, 255, 0.48) !important;
}

/* Página atual */
.page-section.breadcrumbs .breadcrumb > .active {
    color: rgba(255, 255, 255, 0.88) !important;
}

/* Telas pequenas */
@media (max-width: 767px) {
    .page-section.breadcrumbs {
        padding: 13px 12px !important;
    }

    .page-section.breadcrumbs .breadcrumb {
        font-size: 11px;
        line-height: 1.5;
    }

    .page-section.breadcrumbs .breadcrumb > li + li::before {
        padding: 0 7px;
    }
}

body.adminbar {
    --admin-bar-height: 35px;
}

body.adminbar .content-area {
    margin-top: var(--admin-bar-height);
}

/* ==========================================================
   SUNRISE — HEADER LOGO
   ========================================================== */

.logo a {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.logo img {
    display: block !important;
    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 100%;

    margin: 0 !important;
}

/* Mantém o comportamento atual quando o header encolhe */
.is-sticky .logo img,
.full-screen-map .logo img {
    width: auto;
    height: 40px;
    max-width: 100%;
    max-height: 40px;
    margin: 0 !important;
}

/* O tema também usa a versão compacta abaixo de 991px */
@media (max-width: 991px) {
    .logo img {
        width: auto;
        height: 40px;
        max-width: 100%;
        max-height: 40px;
        margin: 0 !important;
    }
}



/* ==========================================================
   SUNRISE — MAIN MENU MODAL
   ========================================================== */

.topmenu-modal {
    padding: 16px !important;
}

.topmenu-modal .modal-dialog {
    width: auto;
    max-width: 900px;
    margin: 30px auto;
}

.topmenu-modal .modal-content {
    overflow: hidden;
    background: #f5f7f8;
    border: 0;
    border-radius: 20px;
    box-shadow: 0 24px 70px rgba(18, 37, 43, 0.28);
}

/* Cabeçalho */

.topmenu-modal .modal-header {
    min-height: 100px;
    padding: 24px 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: #24343a;
    border: 0;
    border-bottom: 4px solid #e7ad00;
}

.topmenu-heading {
    min-width: 0;
}

.topmenu-eyebrow {
    display: block;
    margin-bottom: 4px;

    color: #f3c437;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.4;
}

.topmenu-modal .modal-title {
    margin: 0;
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}

/* Botão X */

.topmenu-close {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin-left: 20px;
    padding: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 22px;
    line-height: 1;

    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;

    cursor: pointer;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.topmenu-close:hover,
.topmenu-close:focus {
    color: #24343a;
    background: #f3c437;
    outline: none;
    transform: scale(1.05);
}

/* Conteúdo */

.topmenu-modal .modal-body {
    padding: 32px 28px;
    background: #f5f7f8;
}

/* Remove os estilos antigos do menu */

.topmenu-modal .topmenu-grid {
    margin: 0;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;

    list-style: none;
}

/* Blocos de navegação */

.topmenu-modal .topmenu-grid > li {
    margin: 0;
    padding: 0;
}

.topmenu-modal .topmenu-grid > li > a {
    position: relative;
    min-height: 145px;
    padding: 24px 20px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    color: #24343a;
    text-decoration: none;

    background: #ffffff;
    border: 1px solid #dfe5e8;
    border-radius: 16px;
    box-shadow: 0 5px 16px rgba(28, 49, 57, 0.07);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.topmenu-modal .topmenu-grid > li > a:hover,
.topmenu-modal .topmenu-grid > li > a:focus {
    color: #24343a;
    text-decoration: none;

    border-color: #e7ad00;
    box-shadow: 0 10px 24px rgba(28, 49, 57, 0.13);
    outline: none;
    transform: translateY(-3px);
}

.topmenu-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #24343a;
    font-size: 22px;

    background: #f3c437;
    border-radius: 14px;
}

.topmenu-label {
    padding-right: 28px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.topmenu-arrow {
    position: absolute;
    right: 20px;
    bottom: 24px;

    color: #9aa7ac;
    font-size: 13px;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.topmenu-grid a:hover .topmenu-arrow,
.topmenu-grid a:focus .topmenu-arrow {
    color: #d39a00;
    transform: translateX(4px);
}

/* Rodapé */

.topmenu-modal .modal-footer {
    padding: 18px 28px 24px;
    background: #f5f7f8;
    border: 0;
}

.topmenu-back {
    width: 100%;
    min-height: 54px;
    padding: 14px 20px;

    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;

    background: #24343a;
    border: 0;
    border-radius: 12px;

    cursor: pointer;
    transition: background-color 0.2s ease;
}

.topmenu-back:hover,
.topmenu-back:focus {
    color: #24343a;
    background: #f3c437;
    outline: none;
}

.topmenu-back .fa {
    margin-right: 8px;
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {
    .topmenu-modal {
        padding: 0 !important;
    }

    .topmenu-modal .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100vh;
        height: 100dvh;
        margin: 0;
    }

    .topmenu-modal .modal-content {
        height: 100vh;
        height: 100dvh;

        display: flex;
        flex-direction: column;

        border-radius: 0;
    }

    .topmenu-modal .modal-header {
        flex: 0 0 auto;
        min-height: 84px;
        padding: 18px 20px;
    }

    .topmenu-modal .modal-title {
        font-size: 24px;
    }

    .topmenu-close {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
    }

    .topmenu-modal .modal-body {
        flex: 1 1 auto;
        overflow-y: auto;
        padding: 20px;
    }

    .topmenu-modal .topmenu-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .topmenu-modal .topmenu-grid > li > a {
        min-height: 82px;
        padding: 16px 52px 16px 16px;

        flex-direction: row;
        align-items: center;
        justify-content: flex-start;

        border-radius: 14px;
    }

    .topmenu-icon {
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
        margin: 0 16px 0 0;
    }

    .topmenu-label {
        padding-right: 0;
        font-size: 17px;
    }

    .topmenu-arrow {
        right: 20px;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .topmenu-grid a:hover .topmenu-arrow,
    .topmenu-grid a:focus .topmenu-arrow {
        transform: translate(4px, -50%);
    }

    .topmenu-modal .modal-footer {
        flex: 0 0 auto;
        padding: 12px 20px 18px;
        box-shadow: 0 -8px 20px rgba(28, 49, 57, 0.08);
    }

    .topmenu-back {
        min-height: 56px;
    }
}



/* ==========================================================
   SUNRISE — LANGUAGE MODAL
   Reutiliza a estrutura visual do menu principal
   ========================================================== */

.language-modal .modal-dialog {
    max-width: 760px;
}

/* Introdução */

.language-intro {
    margin-bottom: 26px;
    padding: 18px 20px;

    display: flex;
    align-items: center;

    color: #24343a;
    background: #edf2f3;
    border-left: 4px solid #e7ad00;
    border-radius: 12px;
}

.language-intro-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin-right: 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #24343a;
    font-size: 24px;

    background: #f3c437;
    border-radius: 50%;
}

.language-intro h3 {
    margin: 0 0 4px;
    color: #24343a;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
}

.language-intro p {
    margin: 0;
    color: #64747a;
    font-size: 13px;
    line-height: 1.5;
}

/* Grade de idiomas */

.language-grid {
    margin: 0;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;

    list-style: none;
}

.language-grid > li {
    margin: 0;
    padding: 0;
}

.language-option {
    position: relative;
    min-height: 88px;
    padding: 16px 52px 16px 18px;

    display: flex;
    align-items: center;

    color: #24343a;
    text-decoration: none;

    background: #ffffff;
    border: 2px solid transparent;
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(28, 49, 57, 0.08);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.language-option:hover,
.language-option:focus {
    color: #24343a;
    text-decoration: none;

    border-color: #e7ad00;
    box-shadow: 0 9px 22px rgba(28, 49, 57, 0.14);
    outline: none;
    transform: translateY(-2px);
}

/* Código EN, PT, JA, ZH-CN */

.language-code {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    margin-right: 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #24343a;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;

    background: #f3c437;
    border-radius: 13px;
}

/* Nome vindo do banco */

.language-name {
    min-width: 0;
    color: #24343a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

/* Seta dos idiomas não selecionados */

.language-arrow {
    position: absolute;
    top: 50%;
    right: 20px;

    color: #9aa7ac;
    font-size: 13px;

    transform: translateY(-50%);
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.language-option:hover .language-arrow,
.language-option:focus .language-arrow {
    color: #d39a00;
    transform: translate(4px, -50%);
}

/* Idioma atual */

.language-option.is-current {
    background: #fffaf0;
    border-color: #e7ad00;
    box-shadow: 0 5px 18px rgba(231, 173, 0, 0.16);
}

.language-option.is-current .language-code {
    color: #ffffff;
    background: #24343a;
}

.language-current {
    position: absolute;
    top: 50%;
    right: 18px;

    width: 30px;
    height: 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 13px;

    background: #2f9b66;
    border-radius: 50%;

    transform: translateY(-50%);
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {
    .language-intro {
        margin-bottom: 18px;
        padding: 14px 16px;
    }

    .language-intro-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        margin-right: 13px;
        font-size: 21px;
    }

    .language-intro h3 {
        font-size: 17px;
    }

    .language-intro p {
        font-size: 12px;
    }

    .language-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .language-option {
        min-height: 78px;
        padding: 12px 50px 12px 14px;
    }

    .language-code {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        margin-right: 14px;
    }

    .language-name {
        font-size: 17px;
    }
}


/* ==========================================================
   SUNRISE — SECONDARY MENU LINKS
   ========================================================== */

.topmenu-secondary-section {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid #dce3e6;
}

.topmenu-secondary-title {
    display: block;
    margin: 0 0 12px;

    color: #6e7c82;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.07em;
    line-height: 1.4;
    text-transform: uppercase;
}

.topmenu-secondary-grid {
    margin: 0;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;

    list-style: none;
}

.topmenu-secondary-grid > li {
    margin: 0;
    padding: 0;
}

.topmenu-secondary-grid > li > a {
    position: relative;
    min-height: 60px;
    padding: 13px 36px 13px 15px;

    display: flex;
    align-items: center;

    color: #43545b;
    text-decoration: none;

    background: #edf1f2;
    border: 1px solid #dce3e6;
    border-radius: 11px;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.topmenu-secondary-grid > li > a:hover,
.topmenu-secondary-grid > li > a:focus {
    color: #24343a;
    text-decoration: none;

    background: #ffffff;
    border-color: #e7ad00;
    outline: none;
}

.topmenu-secondary-grid > li > a > .fa:first-child {
    flex: 0 0 28px;
    width: 28px;

    color: #b48500;
    font-size: 17px;
    text-align: center;
}

.topmenu-secondary-grid > li > a > span {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.topmenu-secondary-arrow {
    position: absolute;
    top: 50%;
    right: 14px;

    color: #9aa7ac;
    font-size: 10px;

    transform: translateY(-50%);
}

/* Acidente recebe uma diferenciação discreta, sem parecer alarme */
.topmenu-icon.topmenu-icon-emergency {
    color: #ffffff;
    background: #be3438;
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {
    .topmenu-secondary-section {
        margin-top: 22px;
        padding-top: 18px;
    }

    .topmenu-secondary-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .topmenu-secondary-grid > li > a {
        min-height: 54px;
    }
}.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}
.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}
input[type="checkbox"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after {
  color: #fff;
}