/*!
 * AXA Distributor css Theme
 */


/* >>> Base Style <<< */

body {
    font-size: 10px;
    overflow-x: hidden;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    /*
font-family: "Franklin Gothic Book", "ITCFranklinGothic LT Book", FranklinGothicDemi,"Helvetica Neue",Helvetica,Arial,sans-serif;
*/
    /*
background: #f8f8f8
*/
}

html, body, .overflow-fix {
    overflow-x: hidden;
}

.main-body {
    padding-top: 120px;
}

h1, h2, h3 {
    font-family: "Franklin Gothic Book", "ITCFranklinGothic LT Book", FranklinGothicDemi,"Helvetica Neue",Helvetica, Arial,sans-serif;
}

a:hover {
    text-decoration: none;
}

.spacer {
    padding-top: 20px;
}

.shade {
    -webkit-box-shadow: 1px 1px 1px 1px rgba(16, 49, 132, 0.4);
    -moz-box-shadow: 1px 1px 1px 1px rgba(16, 49, 132, 0.4);
    box-shadow: 1px 1px 1px 1px rgba(16, 49, 132, 0.4);
}

.row > h1, .row > h2 {
    margin: 0 15px;
}

.btn-axa {
    display: inline-block;
    overflow: hidden;
    width: 101px;
    height: 25px;
    background: url(/assets/img/bg-icons.png) no-repeat;
    text-align: center;
    border: none;
    outline: none;
    color: #FFFFFF;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}

    .btn-axa.cancel {
        background-position: 0 0;
    }

        .btn-axa.cancel:focus {
            background-position: -101px 0;
            outline: none;
        }

    .btn-axa.next {
        background-position: 0 -25px;
    }

        .btn-axa.next:focus {
            background-position: -101px -25px;
            outline: none;
        }

    .btn-axa.validate {
        background-position: 0 -50px;
    }

        .btn-axa.validate:focus {
            background-position: -101px -50px;
            outline: none;
        }

.breadcrumb {
    background: none; /* font-size: 12px; */
    padding: 0;
}

.show-mobile {
    display: none !important;
}


/* >>> Header <<< */
.main-header {
    width: 100%;
    top: 0;
    position: absolute;
    background: #FFFFFF;
    padding-top: 10px;
    z-index: 9999;
    border-bottom: 1px solid #e2e7f5;
}

.main-header-wrapper {
    padding: 0;
    overflow: auto;
}

.main-header .fa {
    font-size: 21px;
}

.main-header .navbar-toggle {
    background: #103184;
    color: #FFFFFF;
    border: none;
    padding: 5px 10px;
    margin-top: 23px;
}

    .main-header .navbar-toggle .fa {
        top: 1px;
        position: relative;
    }

.phone-shortcut {
    position: relative;
    background: #00CC00;
    color: #FFFFFF;
    padding: 5px 10px;
    margin-top: 23px;
    border-radius: 4px;
    margin-right: 8px;
    display: none;
}

    .phone-shortcut a {
        color: #FFFFFF;
        display: block; /* font-size: 16px; */
    }

    .phone-shortcut .fa {
        margin-right: 10px;
    }

.field-header {
    float: right;
    margin-right: 10px; /* font-size: 10px; */
    margin-top: 13px;
}

    .field-header .top-field {
        border-bottom: solid 1px #cccccc;
        margin-bottom: 6px;
        padding-bottom: 4px;
        font-size: 13px;
        font-weight: bold;
        color: #103184;
        padding-left: 16px;
        background: url(/assets/img/bg-title.png) top 4px left no-repeat;
    }

        .field-header .top-field span.username {
            font-size: 13px;
            padding-left: 40px;
            font-weight: normal;
        }

    .field-header .bottom-field {
        text-align: right;
    }

        .field-header .bottom-field .btn-group {
            position: absolute;
            right: 128px;
            margin-top: -1px;
        }

            .field-header .bottom-field .btn-group .btn {
                background: none;
                padding: 0;
            }

            .field-header .bottom-field .btn-group.open .dropdown-toggle {
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .field-header .bottom-field .btn-group .dropdown-menu {
                width: auto;
                min-width: 60px;
                text-align: left; /* font-size: 12px; */
            }

                .field-header .bottom-field .btn-group .dropdown-menu > li > a {
                    padding: 4px 8px;
                }

        .field-header .bottom-field a.contact {
            color: #000;
            border-right: solid 1px #cccccc;
            right: 170px;
            margin-top: 3px;
            padding-right: 6px;
            position: absolute;
        }

        .field-header .bottom-field a.logout {
            display: inline-block;
            width: 93px;
            height: 20px;
            text-indent: 9999px;
            overflow: hidden;
            background: url(/assets/img/btn-logout.png) no-repeat;
        }

.login-page .field-header .bottom-field .btn-group {
    right: 24px;
}

.login-page .bottom-field a.contact {
    right: 62px;
}

/* >>> Footer <<< */
.main-footer {
    position: relative;
    height: 126px;
    background: url(/assets/img/bg-footer.png) repeat-x;
}

.main-footer-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.main-footer h3 {
    margin: 0;
    padding: 0 0 20px;
    font-size: 14px;
    letter-spacing: -0.5px;
    font-weight: bold;
    color: #103184;
}

.main-footer .zone-left {
    float: left;
    padding: 0 0 0 15px;
    width: 220px;
    margin-top: 10px;
}

    .main-footer .zone-left ul.links {
        list-style: disc; /* font-size: 10px; */
        margin: 0;
        padding: 0 0 0 15px;
    }

.main-footer .zone-mid {
    float: left;
    padding: 0 0 0 15px;
    margin-top: 10px;
    width: 220px;
    border-left: solid 1px #e5e5e5;
}

    .main-footer .zone-mid ul.soc {
        list-style: none; /* font-size: 10px; */
        margin: 0;
        padding: 0;
    }

        .main-footer .zone-mid ul.soc li {
            display: inline-block;
            float: left;
            width: 50%;
            margin-bottom: 5px;
        }

            .main-footer .zone-mid ul.soc li img {
                margin-right: 5px;
                top: -2px;
                position: relative;
            }

.main-footer .zone-right {
    background: url(/assets/img/bg-footer-right.jpg) repeat-x;
    height: 94px;
    float: right;
    top: 1px;
    position: relative;
    display: table;
    padding-right: 15px;
}

    .main-footer .zone-right .closer {
        background: url(/assets/img/bg-footer-right.jpg) repeat-x;
        height: 94px;
        width: 1000%;
        position: absolute;
        bottom: 0;
    }

    .main-footer .zone-right:before {
        content: "";
        background: url(/assets/img/bg-footer-right-spacer.jpg) no-repeat;
        width: 88px;
        height: 94px;
        display: block;
        float: left;
    }

.main-footer .zone-right-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px;
}

    .main-footer .zone-right-wrapper img {
        margin-right: 5px;
    }

.main-footer .zone-bottom {
    clear: both;
    padding: 0 15px; /* font-size: 12px; */
    text-align: right;
    padding-top: 12px;
    text-shadow: 0px -2px 1px rgba(255, 255, 255, 1);
    color: #000000;
}

/* >>> Nav <<< */
.nav-axa-vertical {
    padding: 0;
    font-size: 12px; /* change this if you want a bigger font for menu */
    text-transform: uppercase;
    overflow: hidden;
    margin-right: 30px;
}

    .nav-axa-vertical ul {
        margin: 0;
        padding: 0;
    }

    .nav-axa-vertical .navbar-collapse {
        padding: 0;
        max-height: 100%;
        position: relative;
    }

    .nav-axa-vertical li {
        border-bottom: solid 1px #d4d4d4;
    }

    .nav-axa-vertical .nav-list li:last-child {
        border-bottom: none;
    }

    .nav-axa-vertical .accordion-heading a {
        padding: 14px 10px 5px;
        display: block;
    }

        .nav-axa-vertical .accordion-heading a.collapsed {
            background: #FFFFFF;
            text-shadow: 0px -2px 1px rgba(255, 255, 255, 0.8);
            color: #428bca;
        }

    .nav-axa-vertical .logout span {
        float: right;
        font-weight: bold;
    }

    .nav-axa-vertical .accordion-heading a, .nav-axa-vertical .accordion-heading a:hover, .nav-axa-vertical .logout .accordion-heading a, .nav-axa-vertical .accordion-heading a.active {
        color: #FFFFFF;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
        text-decoration: none;
        background: #103184; /* Old browsers */
        background: -moz-linear-gradient(top, #103184 0%, #0b225c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#103184), color-stop(100%,#0b225c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #103184 0%,#0b225c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #103184 0%,#0b225c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #103184 0%,#0b225c 100%); /* IE10+ */
        background: linear-gradient(to bottom, #103184 0%,#0b225c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103184', endColorstr='#0b225c',GradientType=0 ); /* IE6-9 */
    }

    .nav-axa-vertical .accordion-body.in < accordion-heading {
        background: #00FF00;
    }

    .nav-axa-vertical .accordion-inner li {
        border-bottom: solid 1px #c0cbd2;
        border-left: solid 1px #FFFFFF;
    }

    .nav-axa-vertical .accordion-inner a {
        padding: 14px 10px 5px;
        display: block;
        background: #e2eef8;
        color: #103184;
        text-shadow: 0px -2px 1px rgba(255, 255, 255, 0.8);
    }

        .nav-axa-vertical .accordion-inner a:hover {
            text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
            text-decoration: none;
            background: #edf6fe;
        }

/* >>> Login <<< */
.login-bg {
    background: url(/assets/img/bg-login.png) bottom repeat-x;
    padding-bottom: 80px;
}

.login-wrapper {
    position: relative;
}
/*
.login-char { width:114px; height: 455px; margin: 30px 180px 30px 0; background: url(/assets/img/bg-char-login.png) no-repeat; float:right; position: relative}


.login-char { width:305px; height: 283px; margin: 50px 50px 30px 0; background: url(/assets/img/penampakan.png) no-repeat; float:right; position: relative}
*/

.login-char {
    width: 305px;
    height: 283px;
    margin: 50px 50px 30px 0;
    float: right;
    position: relative;
}

    .login-char img {
        width: 100%;
        height: auto;
    }

.login-banner {
    border: 1px;
    border-style: solid;
    border-radius: 15px;
    padding: 5px 6px;
    max-width: 200px;
}

    .login-banner label {
        width: 100%;
        text-align: center;
        color: black;
        padding-left: 1px;
        padding-right: 1px;
    }

.login-panel {
    right: 0;
    position: absolute;
    margin: 10px 0;
}

    .login-panel h1 {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: bold;
        color: #103184;
        letter-spacing: -0.5px;
        top: -10px;
        position: relative;
        border-bottom: solid 2px #103184;
        padding-bottom: 8px;
    }

.login-header {
    width: 212px;
    height: 39px;
    background: url(/assets/img/login-door-top.png) no-repeat;
}

.login-footer {
    width: 212px;
    height: 65px;
    background: url(/assets/img/login-door-bottom.png) no-repeat;
}

.login-body {
    width: 212px;
    background: url(/assets/img/login-door-main.png) repeat-y;
    padding: 10px 18px 0; /* font-size: 13px; */
}

.login-panel input[type=text] {
    width: 100%;
    border: none;
    margin-bottom: 12px;
    padding: 3px 10px;
    border: solid 1px #bfbfbf;
}

.login-panel label {
    margin-bottom: 4px;
}

.login-panel .alert {
    padding: 0px;
    margin: 15px 0 0; /* font-size: 13px; */
    line-height: 12px;
    font-style: italic;
    font-weight: bold;
    color: #FF0000;
}

.login-panel a.forgot {
    color: #003072;
    margin: 10px 0;
    display: block;
    font-weight: bold;
}


.login-slider {
    width: 640px;
    height: 380px;
    margin-left: 30px;
    margin-top: 20px;
    position: absolute;
}

    .login-slider img {
        width: 100%;
        height: auto;
    }

/* >>> Content <<< */
.content {
    position: relative;
}

    .content h2 {
        font-size: 15px;
        font-weight: bold;
        color: #103184;
        padding-left: 14px;
        margin: 0 0 20px;
        background: url(/assets/img/bg-title.png) center left no-repeat;
    }

    .content .row {
        margin-bottom: 30px;
    }

        .content .row > h2 {
            margin-left: 15px;
            margin-right: 15px;
        }

.sub-text {
    padding: 0 0 20px; /* font-size: 12px; */
}

.sub-select {
    margin-left: 5px;
    background: #103184;
    color: #FFFFFF;
    padding: 3px 5px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.marquee {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 0;
    background: #e9e9e9;
    padding: 2px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* >>> Contact <<< */
.contact-form {
    margin-top: 10px;
    padding-top: 20px;
    border-top: solid 1px #CCCCCC;
}

    .contact-form ul.contact-form-list {
        list-style: none;
        margin: 0 0 15px;
        padding: 0;
    }

        .contact-form ul.contact-form-list li {
            margin-bottom: 5px;
        }

        .contact-form ul.contact-form-list label {
            display: block; /* font-size: 12px; */
            margin-bottom: 2px;
        }

    .contact-form input[type=text], .contact-form textarea, .contact-form select {
        width: 100%;
        padding: 2px 4px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: solid 1px #CCCCCC;
    }

    .contact-form textarea {
        height: 100px;
        resize: none;
    }

    .contact-form .action-form {
        margin: 20px 0 0;
    }

.contact-info .title { /* font-size: 15px; */
    margin-bottom: 5px;
    display: block;
}

.contact-info img.banner-contact {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
}

.contact-info .fa {
    float: left; /* font-size: 24px; */
    color: #103184;
}

.contact-info p {
    padding-left: 32px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    width: 100%;
    height: auto;
}

.carousel-inner > .item > img {
}

.carousel-caption {
    color: #000000;
}

.carousel-control { /* font-size: 32px; */
    top: 50%;
    margin-top: -16px;
    position: absolute;
    background: none !important;
    width: 8%;
    color: #000000;
}

/* >>> Path View <<< */
.path-view {
    background: #041960;
    color: #FFFFFF;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: -10px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .path-view a.btn-back {
        background: #FF0000;
        padding: 8px;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 15px;
        float: right;
        text-align: right;
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .path-view a.btn-back span {
            display: block;
        }

    .path-view h1 {
        margin: 0 0 5px;
        padding: 0;
        font-size: 15px;
    }

ul.path-user {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    ul.path-user li {
        display: inline-block;
        float: left;
        font-size: 13px;
    }

        ul.path-user li a {
            color: #afbce9;
        }

            ul.path-user li a:hover {
                text-decoration: none;
            }

        ul.path-user li:after {
            content: "\f061";
            font-size: 14px;
            padding: 0 8px;
            font-family: 'FontAwesome';
        }

        ul.path-user li:last-child:after {
            content: "";
            padding: 0;
        }


/* >>> General Panel <<< */
.panel-format {
    border: solid 1px #ededed;
    margin-bottom: 20px;
}

.panel-header {
    padding: 6px 10px;
}

.panel-content {
    padding: 10px;
    background: url(/assets/img/bg-panel-default.png);
}

/* >>> Tabs <<< */
.tabs-axa {
    border: solid 1px #d8d8d8;
    border-bottom: none;
    overflow: hidden;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tab-content {
    background: #FFFFFF;
}

.tabs-axa li { /* font-size: 13px; */
    font-weight: bold;
}

    .tabs-axa li:first-child a {
        border-left: none !important;
    }

    .tabs-axa li a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        text-decoration: none;
        margin-top: -1px;
        margin-left: -1px;
        margin-bottom: -1px;
        margin-right: -1px;
        position: relative;
        border-left: solid 1px #fff;
        border-right: solid 1px #dbdbdb;
    }

        .tabs-axa li a span {
            padding-left: 20px;
        }

            .tabs-axa li a span:before {
                content: "( ";
                top: -1px;
                position: relative;
            }

            .tabs-axa li a span:after {
                content: " )";
                top: -1px;
                position: relative;
            }

        .tabs-axa li.active a, .tabs-axa li a:hover, .tabs-axa li a:focus {
            color: #FFFFFF !important;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
            background: #103184; /* Old browsers */
            background: -moz-linear-gradient(top, #103184 0%, #0b225c 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#103184), color-stop(100%,#0b225c)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #103184 0%,#0b225c 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #103184 0%,#0b225c 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #103184 0%,#0b225c 100%); /* IE10+ */
            background: linear-gradient(to bottom, #103184 0%,#0b225c 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103184', endColorstr='#0b225c',GradientType=0 ); /* IE6-9 */
        }

.tab-head {
    background: #0b225d;
    padding: 10px;
    color: #FFFFFF;
    border-left: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

    .tab-head .row {
        margin-bottom: 0;
    }

    .tab-head .form-control { /* font-size: 12px */
    }

    .tab-head .input-holder {
        padding: 4px 15px; /* font-size: 12px */
        ;
        display: inline-block;
        float: left;
    }

    .tab-head label {
        margin: 0;
        font-weight: normal;
        float: left; /* font-size: 11px; */
        top: 3px;
        position: relative;
    }

    .tab-head .input-group {
        float: left;
    }

        .tab-head .input-group input {
            padding: 1px 4px;
            height: auto;
        }

        .tab-head .input-group button {
            padding: 1px 7px 2px;
            height: 20px;
            margin-top: 1px;
        }

            .tab-head .input-group button .fa {
                top: -3px;
                position: relative; /* font-size: 13px; */
            }

    .tab-head .input-holder select {
        padding: 2px 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        width: 100%;
    }

    .tab-head .basic {
    }

        .tab-head .basic label {
            top: 6px;
            position: relative;
        }

        .tab-head .basic .input-holder {
            display: table;
            float: left;
        }

        .tab-head .basic .form-control {
            height: 30px;
        }

        .tab-head .basic .btn {
            padding: 4px 10px;
        }

    .tab-head .btn-form-axa {
        background: #ff1821;
        border-color: #ff1821;
        color: #FFFFFF;
    }

    .tab-head .advance-title { /* font-size:12px; */
        font-weight: bold;
        margin: -2px 0 0;
    }

    .tab-head .advance {
        background: #354ca0;
        margin: 15px 0 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 5px 10px;
    }

    .tab-head .input-holder select, .tab-head .input-holder input[type=text] {
        border: solid 1px #172d7d;
    }


.tab-foot {
    padding: 10px 0 5px;
    border: solid 1px #d8d8d8;
    border-top: none;
    overflow: auto;
}

    .tab-foot .action {
        margin-bottom: 0;
    }

    .tab-foot .paging {
        text-align: right;
        margin: 3px 0 0;
    }

.paging small { /* font-size: 11px; */
    font-weight: bold;
    top: -10px;
    position: relative;
    margin-right: 10px;
}

.paging .pagination {
    margin: 0;
    display: inline-block;
}

    .paging .pagination .end a {
        background-color: #b1b1b1;
        color: #FFFFFF;
    }

/* >>> Tables <<< */
.table-responsive {
    overflow-x: scroll;
}

.table-axa {
    border: solid 1px #d8d8d8;
    border-top: none;
    margin-bottom: 0;
}

    .table-axa > thead > tr > th {
        background: #a0a0a0;
        color: #FFFFFF;
        border: none;
    }

    .table-axa .tc {
        text-align: center;
    }

/* >>> Page Navigation <<< */
div.page-nav {
    padding: 0 15px; /* font-size: 13px; */
}

    div.page-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        div.page-nav ul li {
            display: inline-block;
        }

            div.page-nav ul li a {
                padding: 4px 8px;
                color: #FFFFFF;
                background: #c8ccdf;
            }

            div.page-nav ul li.active a, div.page-nav ul li:hover a {
                background: #103184;
            }

    div.page-nav select {
        width: 100%;
        padding: 5px;
        display: none;
    }

/* >>> Shortcuts <<< */
ul.shortcut {
    list-style: none;
    padding: 0;
    margin-bottom: 0 !important;
}

    ul.shortcut li {
        background: #FFFFFF;
    }

    ul.shortcut .links {
        padding: 10px;
        overflow: hidden;
    }

        ul.shortcut .links .thumb {
            width: 52px;
            height: 52px;
            float: left;
        }

        ul.shortcut .links .info {
            padding-left: 60px;
            text-align: right;
            color: #5b68c4;
            font-size: 13px;
            line-height: 22px;
        }

            ul.shortcut .links .info span {
                font-size: 28px;
                color: #000000;
                display: block;
                font-weight: bold;
                margin-top: 4px;
            }

/* >>> Link List <<< */
ul.link-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.link-list li.with-detail {
        overflow: auto;
        position: relative;
    }

        ul.link-list li.with-detail label {
            float: left;
            padding-right: 80px;
        }

    ul.link-list a.see-detail {
        display: block; /* font-size: 12px; */
        font-style: italic;
        position: absolute;
        right: 0;
    }


/* >>> Column List <<< */

ul.column-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.column-list li {
        overflow: hidden;
        margin-bottom: 6px; /* font-size: 12px; */
        background: #eaf3f9;
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    ul.column-list label {
        display: block;
        float: left;
        width: 40%;
        min-width: 100px;
        max-width: 200px;
        margin-bottom: 0;
        padding: 7px 10px;
        background: #1e6999;
        color: #eaf3f9;
    }

    ul.column-list span {
        display: block;
        float: left;
        color: #1e6999;
        padding: 7px 10px;
        font-weight: bold;
    }

/* >>> News List <<< */
ul.news-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.news-list > li {
        padding: 15px 0;
        border-bottom: solid 1px #CCCCCC;
    }

    ul.news-list small { /* font-size: 11px; */
        color: #CCCCCC;
    }

    ul.news-list h1 {
        margin: 0 0 10px;
        padding: 0; /* font-size: 24px; */
    }

    ul.news-list img.banner {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    ul.news-list .news-content {
        margin: 0 0 10px;
    }

    ul.news-list .attachment-list { /* font-size: 12px; */
        font-weight: bold;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 10px;
    }

.paging {
    text-align: right;
    margin: 10px 0;
}

    .paging small { /*font-size: 11px; */
        font-weight: bold;
        top: -10px;
        position: relative;
        margin-right: 10px;
    }

/* >>> Modules <<< */
.slide-news {
    overflow: hidden;
}

    .slide-news .slide-text {
        padding: 10px;
        width: 50%;
        float: right;
    }

/* >>> Hax <<< */


/* >>> Slide menu mobile <<< */
.st-content {
    background: none;
}

.st-pusher:after {
    z-index: 10000;
}



.st-menu {
    background: #0a2162;
    color: #FFFFFF;
    padding: 10px;
}

    .st-menu h1 {
        margin: 0;
        padding: 0;
        font-size: 18px;
    }

    .st-menu ul li {
    }

        .st-menu ul li a {
            text-transform: none;
            box-shadow: none;
        }

        .st-menu ul li .accordion-inner li a {
            padding-top: 4px;
            padding-bottom: 4px;
            text-indent: 20px;
        }

#st-trigger-effects {
    position: relative;
    margin: 10px 0 20px;
    overflow: hidden;
}

.trigger-nav {
    margin: 10px 0;
}

    .trigger-nav button, .trigger-nav button:focus {
        background: none;
        border: none;
        color: #b0b0af;
        outline: none;
    }

.trigger-left {
    float: left;
    text-align: left;
    padding-left: 15px;
    left: -15px;
}

.trigger-right {
    float: right;
    text-align: right;
    padding-right: 15px;
    right: -15px;
}

.trigger-btn {
    width: 60px;
    height: 60px;
    display: block;
    position: relative;
}

/* >>> Flexslider <<< */
.flexslider {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.flex-direction-nav a {
    color: #FFFFFF !important;
    height: 60px;
}

/* >>> Custom Responsive Setting <<< */

/*-- Hi-res --*/
@media (min-width: 1366px) {
    .container {
        width: 1300px;
    }

    .login-slider {
        margin-left: 200px;
        margin-top: 40px;
    }

    .tab-head label {
        width: 25%;
    }

    .tab-head .input-group {
        width: 75%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .login-slider {
        margin-left: 120px;
        margin-top: 40px;
    }

    .tab-head label {
        width: 30%;
    }

    .tab-head .input-group {
        width: 70%;
    }
}

@media only screen and (max-width: 1199px) {
    .tab-head label {
        width: 32%;
    }

    .tab-head .input-group {
        width: 68%;
    }

    .login-slider {
        width: 600px;
        height: 356px;
    }

    .login-char {
        width: 280px;
    }
}

/*-- Widescreen iPad devices and smaller --*/
@media only screen and (max-width: 1023px) {
}

/*-- Landscape iPad devices and smaller --*/
@media only screen and (max-width: 960px) {
}

/*-- Change column behavior --*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/*-- Possibly iPad --*/

@media (max-width: 991px) {

    /* >>> Login <<< */
    .login-slider {
        width: 370px;
        height: 220px;
        margin-top: 80px;
    }

    /* >>> Nav <<< */
    .nav-axa-vertical {
        margin-right: 0;
    }

        .nav-axa-vertical.shade {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    /* >>> Content <<< */
    /* >>> Shortcuts <<< */
    ul.shortcut li {
        margin-bottom: 20px;
    }

    /* >>> Tabs <<< */
    .tabs-axa li { /* font-size: 11px; */
        font-weight: normal;
    }

        .tabs-axa li a span {
            padding-left: 4px;
        }

    /* >>> Page Navigation <<< */

    div.page-nav ul li { /* font-size: 10px; */
        margin-right: 0;
    }

        div.page-nav ul li a {
            padding: 4px 2px;
        }
}

/*-- Mobile Devices --*/
@media (max-width: 767px) {

    /* >>> Login <<< */
    .login-bg {
        padding: 0 15px 60px;
    }

    .login-slider {
        display: none;
    }

    .login-char {
        width: 300px;
        margin-right: 70px;
    }

    .show-mobile {
        display: block !important;
    }

    .phone-shortcut {
        display: block;
    }

    .main-body {
        padding-top: 80px;
    }

    .container {
        padding: 0;
    }




    /* >>> Header <<< */

    .field-header {
        display: none;
    }

    .main-header {
        padding-top: 0;
    }

    #st-trigger-effects, .trigger-nav {
        margin: 0;
    }


    /* >>> Nav <<< */

    a.navbar-brand {
        float: none;
        position: absolute;
        top: 8px;
        left: 50%;
        width: 174px;
        margin-left: -87px;
        padding: 0;
        text-align: center;
    }

        a.navbar-brand img {
            max-height: 35px;
            width: auto;
            margin: 4px 0;
        }

    .navbar {
        min-height: 0px;
        border: none;
        margin-top: -20px;
        padding: 0 15px;
        position: fixed;
        background: #fff;
        z-index: 10000;
        width: 100%;
        left: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .navbar .nav-list {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: solid 1px #0099FF;
            max-height: 340px;
            overflow-x: visible;
        }

            .navbar .nav-list .span {
                float: right;
            }

    /* >>> Content <<< */
    .content {
        padding-left: 15px;
    }

    /* >>> Path View <<< */

    .path-view a.btn-back {
        float: left;
        width: 100%;
        text-align: left;
        margin-bottom: 8px;
    }

        .path-view a.btn-back span {
            display: inline;
        }

    .path-view h1 {
        margin: 0 0 5px;
        padding: 0;
        font-size: 15px;
    }

    ul.path-user {
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

        ul.path-user li {
            display: inline-block;
            float: left;
            font-size: 13px;
        }

            ul.path-user li a {
                color: #afbce9;
            }

                ul.path-user li a:hover {
                    text-decoration: none;
                }

            ul.path-user li:after {
                content: "\f061";
                font-size: 14px;
                padding: 0 8px;
                font-family: 'FontAwesome';
            }

            ul.path-user li:last-child:after {
                content: "";
                padding: 0;
            }

    /* >>> Tabs <<< */
    .tabs-axa li { /* font-size: 11px; */
    }

    .tabs-axa > li > a {
        padding: 10px 8px;
    }

    .tabs-axa li a span {
        padding-left: 2px;
    }

    .tab-head label {
        width: 70px !important;
        padding-bottom: 4px;
    }

    .tab-head .input-group {
        width: 100% !important;
    }

    .tab-head .keyword {
        width: 100%;
        float: none;
    }

    .tab-head .searchby {
        width: 100%;
        float: none;
    }

        .tab-head .searchby select {
            width: 100%;
        }

    .tab-head .from-date {
        width: 100%;
        float: none;
    }

    .tab-head .to-date {
        width: 100%;
        float: none;
    }


    .tab-foot {
    }

        .tab-foot .action {
            margin-bottom: 0;
        }

        .tab-foot .paging {
            text-align: left;
            margin-top: 10px;
        }

    /* >>> Page Navigation <<< */

    div.page-nav ul li { /* font-size: 11px; */
    }

    div.page-nav select {
        width: 100%;
        padding: 5px;
        display: none;
    }

    div.page-nav ul {
        display: none;
    }

    div.page-nav select {
        display: block;
    }


    /* >>> Tables <<< */
    .table-responsive {
        border: none;
        margin-bottom: 0;
    }


    /* >>> Footer <<< */
    .main-footer {
        background: none;
    }

    .main-footer-wrapper {
        position: relative;
        height: auto;
        width: 100%;
    }

    .main-footer h3 {
        margin: 0;
        padding: 0 0 15px;
        font-size: 14px;
        letter-spacing: -0.5px;
        font-weight: bold;
        color: #103184;
    }

    .main-footer .zone-left {
        width: 100%;
        padding: 10px 0;
        border-top: solid 1px #e5e5e5;
        float: none;
    }

        .main-footer .zone-left ul.links { /* font-size: 12px */
        }

    .main-footer .zone-mid {
        margin: 0;
        padding: 10px 0 0;
        width: 100%;
        border-left: none;
        border-top: solid 1px #e5e5e5;
        float: none;
        overflow: auto;
    }

        .main-footer .zone-mid ul.soc {
            list-style: none; /* font-size: 12px; */
            margin: 0;
            padding: 0;
        }

    .main-footer .zone-right {
        background: url(/assets/img/bg-footer-right.jpg) repeat-x;
        height: 94px;
        width: 100%;
        float: none;
        margin-top: 20px;
        position: relative;
        padding: 0;
        margin-left: -15px;
        margin-right: -15px;
    }



    .main-footer .zone-bottom {
        clear: both;
        padding: 0 15px; /* font-size: 10px; */
        text-align: right;
        padding-top: 12px;
        text-shadow: 0px -2px 1px rgba(255, 255, 255, 1);
        color: #000000;
        letter-spacing: -0.5px;
    }

    /* >>> Contact <<< */


    .contact-info .bg {
        margin: 15px 0;
    }
}

@media (max-width: 544px) {

    body {
    }

    .main-header .navbar-brand {
    }

        .main-header .navbar-brand img {
        }

    .main-header .fa {
        font-size: 16px;
    }

    .main-header .navbar-toggle, .phone-shortcut {
        padding: 4px 6px 2px;
        margin-top: 15px;
    }

    /* >>> Content <<< */
    /* >>> Tabs <<< */
    .tabs-axa li { /* font-size: 12px; */
        display: block;
        float: none;
    }

        .tabs-axa li:last-child a {
            border-right: none;
        }



    /* >>> Page Navigation <<< */



}

@media (max-width: 320px) {
}
/* >>> Button Style <<< */

.btn-export { /* simple fix */
    top: 5px;
    position: relative;
}

.btn-blue-default {
    background-color: #759ae9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));
    background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    border-top: 1px solid #1f58cc;
    border-right: 1px solid #1b4db3;
    border-bottom: 1px solid #174299;
    border-left: 1px solid #1b4db3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    -moz-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    color: #fff;
    font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
    padding: 4px 20px;
    text-shadow: 0 -1px 1px #1a5ad9;
}

    .btn-blue-default:hover {
        background-color: #5d89e8;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de));
        background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        cursor: pointer;
    }

    .btn-blue-default:active {
        border-top: 1px solid #1b4db3;
        border-right: 1px solid #174299;
        border-bottom: 1px solid #133780;
        border-left: 1px solid #174299;
        -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
        -moz-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
        box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    }
















/* >>> Registration <<< */
.reg-step-01 {
    position: relative;
    margin-top: 20px;
}

    .reg-step-01 .banner {
        width: 394px;
        height: 296px;
        position: absolute;
        right: 0;
        top: -20px;
        background: url(img/bg-step-01.png) no-repeat;
    }

    .reg-step-01 .intro {
        border-bottom: dotted 1px #CCCCCC;
        margin-bottom: 20px;
        padding-bottom: 5px;
        font-size: 15px;
        font-weight: bold;
    }

    .reg-step-01 .reg-content-top {
        padding-right: 320px;
        overflow: auto;
    }

    .reg-step-01 .reg-content-bottom {
        border-top: solid 1px #cbcbcb;
        margin: 30px 0 20px;
        padding-top: 20px;
        position: relative;
        background: #FFFFFF;
        overflow: hidden;
    }

/* >>> Form Style <<< */
.reg-name {
    position: relative;
    margin-bottom: 10px;
}

    .reg-name label {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .reg-name input {
        width: 100%;
        border: solid 1px #CCCCCC;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 6px 10px;
        font-size: 18px;
        font-weight: bold;
        color: #0b276d;
        background: #dadde4; /* Old browsers */
        background: -moz-linear-gradient(top, #dadde4 0%, #f3f3f3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadde4), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dadde4 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dadde4 0%,#f3f3f3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dadde4 0%,#f3f3f3 100%); /* IE10+ */
        background: linear-gradient(to bottom, #dadde4 0%,#f3f3f3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadde4', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
    }

.reg-dob {
    width: 50%;
    float: left;
    overflow: auto;
}

    .reg-dob label {
        display: block;
    }

    .reg-dob .dob-wrapper {
        width: 100%;
        float: left;
        padding-right: 4px;
        position: relative;
    }

        .reg-dob .dob-wrapper select {
            background: none;
            width: 100%;
            background: none;
            padding: 8px 4px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .reg-dob .dob-wrapper button {
            position: absolute;
            right: 7px;
            width: 15px;
            height: 15px;
            padding: 0;
            margin: 0;
            overflow: hidden;
        }

            .reg-dob .dob-wrapper button#tick-down {
                top: 20px;
            }

                .reg-dob .dob-wrapper button#tick-down .fa {
                    top: -3px;
                    position: relative;
                }

            .reg-dob .dob-wrapper button#tick-up {
                top: 3px;
            }

                .reg-dob .dob-wrapper button#tick-up .fa {
                    top: -3px;
                    position: relative;
                }



/* >>> Gender Selection <<< */
.reg-sex {
    width: 50%;
    float: left;
    position: relative;
    padding-left: 60px;
}

    .reg-sex label.field-title {
        position: absolute;
        top: 0;
        left: 20px;
    }

    .reg-sex li {
        margin-bottom: 20px;
    }

    .reg-sex .radio-custom {
        display: inline-block;
        margin: 0 10px;
        text-align: center;
    }

    .reg-sex .iconic {
        display: block;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        .reg-sex .iconic i {
            font-size: 22px;
            top: 2px;
            left: 1px;
            position: relative;
        }

        .reg-sex .iconic span {
            display: block;
            margin-top: 10px;
            font-size: 15px;
            padding: 4px 10px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

    .reg-sex .radio-custom > input[type=radio] {
        display: none;
    }

    .reg-sex input[type=radio] + .iconic {
        display: block;
        cursor: pointer;
        color: #b6b6b6;
    }

    .reg-sex input[type=radio]:checked + .iconic {
        color: #ffffff;
        background: #FF0000;
    }

        .reg-sex input[type=radio]:checked + .iconic span {
            color: #FFFFFF;
            background: #ff1f2a;
        }

/* >>> Bar Slider <<< */
.reg-slider-skin {
    display: block;
    text-decoration: none;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
    padding: 20px;
    position: relative;
    text-align: center;
    box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
    border: solid 1px transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0 0 30px;
}

    .reg-slider-skin:before {
        content: "";
        display: block;
        background: #fff;
        border-top: 2px solid #ddd;
        position: absolute;
        top: -18px;
        left: -18px;
        bottom: -18px;
        right: -18px;
        z-index: -1;
        border-radius: 50%;
        box-shadow: inset 0px 8px 48px #ddd;
    }

.reg-step-03 {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .reg-step-03 .banner {
        float: left;
        position: relative;
    }

        .reg-step-03 .banner h1 {
            display: none;
        }

        .reg-step-03 .banner img {
            width: 280px;
            height: auto;
        }

    .reg-step-03 .summary-content {
        position: relative;
        padding-left: 280px;
        margin-bottom: 15px;
        margin-right: 15px;
        font-size: 13px;
    }

        .reg-step-03 .summary-content h1 {
            background: none;
            padding: 28px 0 15px 0;
            margin: 0;
            font-size: 28px;
        }

        .reg-step-03 .summary-content ul li {
            overflow: auto;
        }

            .reg-step-03 .summary-content ul li:last-child {
                margin-bottom: 0;
            }

        .reg-step-03 .summary-content span {
            background: black;
            color: #fff;
            padding: 4px 8px;
            font-size: 18px;
            font-weight: bold;
            display: inline-block;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }

        .reg-step-03 .summary-content p {
            margin-top: 10px;
        }

.summary-file {
    background: #FFFFFF;
    padding: 10px 15px;
    overflow: hidden;
    margin: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .summary-file ul.file-list {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 11px;
    }

        .summary-file ul.file-list li {
            margin: 5px 0;
            padding: 5px 0;
            border-bottom: solid 1px #eeeeee;
        }

            .summary-file ul.file-list li a {
            }

    .summary-file a.print-form {
        margin: 10px 0 0;
        display: inline-block;
    }

.reg-step-03 .summary-form {
    background: #FFFFFF;
    padding: 10px 0;
    overflow: hidden;
    margin: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .reg-step-03 .summary-form label {
        background: #152f8c;
        color: #FFFFFF;
        padding: 4px 8px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .reg-step-03 .summary-form li {
        overflow: hidden;
        margin: 0;
    }

        .reg-step-03 .summary-form li div {
            margin-bottom: 10px;
        }

.summary-form .name {
}

.reg-step-03 .summary-text {
    padding: 10px;
}

.reg-step-03 .summary-action {
    margin: 20px 0 0;
    padding: 0 15px;
    font-size: 18px;
}

.summary-action span {
}

/* >>> Form Display <<< */

ul.form-layout {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.form-layout li {
        margin-bottom: 10px;
    }

        ul.form-layout li:after {
            clear: both;
            display: table;
            content: " ";
        }

    ul.form-layout.inline {
        overflow: hidden;
    }

        ul.form-layout.inline li {
            margin-bottom: 20px;
        }

        ul.form-layout.inline label {
            float: left;
            width: 15%;
            padding-right: 10px;
            top: 7px;
            position: relative;
            text-align: right;
        }

        ul.form-layout.inline .input-group {
            float: left;
            width: 85%;
        }

            ul.form-layout.inline .input-group input {
            }

.captcha {
    margin: 15px 0 0;
    font-size: 13px;
    overflow: hidden;
}

    .captcha .captcha-generate {
        margin-right: 12px;
        float: left;
    }

    .captcha .captcha-input {
    }

    .captcha input {
        padding: 4px 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: solid 1px #FFFFFF;
        margin-top: 8px;
    }

.form-area-holder {
    margin-top: 20px;
}

/* >>> Forms Elements <<< */

ul.pointer-step {
    margin: 15px 0;
    padding: 0;
    list-style: none;
}

    ul.pointer-step li {
        display: inline;
        padding-right: 20px;
    }

        ul.pointer-step li a {
            color: #000000;
            font-size: 14px;
        }

            ul.pointer-step li a span {
                color: #fff;
                background: #152f8c;
                display: inline-block;
                width: 22px;
                height: 22px;
                line-height: 22px;
                text-align: center;
                margin-right: 5px;
                -webkit-border-radius: 25px;
                -moz-border-radius: 25px;
                border-radius: 25px;
            }

        ul.pointer-step li.active a span {
            background: #ff2033;
            font-weight: bold;
        }

ol.point-question {
    margin: 0;
    padding: 0;
    padding-left: 20px;
}

    ol.point-question > li {
        margin-bottom: 15px;
    }

    ol.point-question ol {
        list-style: lower-alpha;
        margin: 0;
        padding-left: 20px;
    }

        ol.point-question ol > li {
            margin-bottom: 10px;
        }

    ol.point-question input[type=radio] {
        margin-right: 5px;
    }

    ol.point-question ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        ol.point-question ul li {
            display: inline;
            margin-right: 20px;
        }

.reg-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .reg-list label {
        padding-right: 10px;
    }

        .reg-list label.product-item {
            padding-right: 0;
        }

    .reg-list li {
        margin-bottom: 10px;
    }

a.btn-next {
    padding: 8px 10px;
    color: #FFFFFF;
    margin-top: 20px;
    position: relative;
    background: #1e3f90; /* Old browsers */
    background: -moz-linear-gradient(top, #1e3f90 0%, #0a2572 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e3f90), color-stop(100%,#0a2572)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1e3f90 0%,#0a2572 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1e3f90 0%,#0a2572 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1e3f90 0%,#0a2572 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1e3f90 0%,#0a2572 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3f90', endColorstr='#0a2572',GradientType=0 ); /* IE6-9 */
}

.policy-display a.btn-next {
    margin-right: 15px;
}

a.btn-next .fa {
    margin-left: 10px;
}

a.btn-next:hover {
    color: #FFFFFF;
    background: #0a2572; /* Old browsers */
    background: -moz-linear-gradient(top, #0a2572 0%, #1e3f90 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a2572), color-stop(100%,#1e3f90)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0a2572 0%,#1e3f90 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0a2572 0%,#1e3f90 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0a2572 0%,#1e3f90 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0a2572 0%,#1e3f90 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2572', endColorstr='#1e3f90',GradientType=0 ); /* IE6-9 */
}



/* >>> Product List Checkbox <<< */

ul.product-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.product-list li {
        margin-bottom: 0;
    }

    ul.product-list hr {
        border-top: solid 1px #fff;
        margin: 30px 0;
    }

    ul.product-list .product-thumb {
        text-align: center;
    }

        ul.product-list .product-thumb img {
            max-width: 100%;
            height: auto;
        }

    ul.product-list .product-title {
        color: #053584;
        margin: 8px 0 5px;
        font-size: 16px;
        font-weight: bold;
    }

    ul.product-list .product-select {
        height: 42px;
        line-height: 42px;
        text-align: center;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
        display: block;
        vertical-align: middle;
        position: relative;
        border: 1px solid;
        border-radius: 4px;
        box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.19);
        border-color: #0F80AE #0F80AE #11698D #0F80AE;
        background: #169BD0;
        background: linear-gradient(#169BD0, #0D7FAE);
    }

        ul.product-list .product-select span {
            top: -8px;
            position: relative;
        }

            ul.product-list .product-select span:before {
                font-family: FontAwesome;
                content: "\f096";
                margin-right: 5px;
                font-weight: normal;
                font-size: 32px;
                top: 8px;
                position: relative;
                width: 32px;
                display: inline-block;
            }

    ul.product-list .product-item {
        margin: 0;
        font-weight: normal;
        width: 100%;
    }

    ul.product-list .iconic {
        text-align: left;
        color: #000000;
        padding: 2px;
    }

    ul.product-list .radio-custom > input[type=checkbox] {
        display: none;
    }

    ul.product-list input[type=checkbox] + .iconic {
        display: block;
        cursor: pointer;
        padding: 8px;
        border: solid 3px #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    ul.product-list input[type=checkbox]:checked + .iconic {
        border: solid 3px #FF0000;
        background: #FFFFFF;
    }

        ul.product-list input[type=checkbox]:checked + .iconic .product-select span:before {
            content: "\f046";
            left: 3px;
            position: relative;
        }

        ul.product-list input[type=checkbox]:checked + .iconic .product-select {
            border-color: #fd1e2a;
            background: #fd1e2a;
            background: linear-gradient(#fd1e2a, #c60817);
        }

    ul.product-list .product-info-title {
        margin: 10px 0 0;
    }

    ul.product-list .product-info-scroll {
        height: 320px;
        overflow: auto;
        padding: 0 10px;
        margin: 10px 0;
    }

.product-content-list {
}

    .product-content-list ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .product-content-list ul li {
            border: solid 1px #0b276d;
            margin-bottom: 4px !important;
            padding: 5px;
            overflow: hidden;
            background: #fff;
            margin-bottom: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .product-content-list img {
        float: left;
    }

    .product-content-list p {
        font-size: 12px;
        display: block;
        padding-left: 55px;
        padding-top: 5px;
    }

.table-product {
}

    .table-product .table {
        margin-bottom: 0;
    }

        .table-product .table > thead > tr > th,
        .table-product .table > tbody > tr > th,
        .table-product .table > tfoot > tr > th,
        .table-product .table > thead > tr > td,
        .table-product .table > tbody > tr > td,
        .table-product .table > tfoot > tr > td {
            padding: 0;
            border: none;
        }

    .table-product th {
        text-align: center;
        color: #FFFFFF;
        font-size: 12px;
    }

        .table-product th small {
            display: block;
            font-size: 11px;
            font-weight: normal;
        }

    .table-product .table-block {
        margin: 2px;
        text-align: center;
        padding: 3px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

.product-content-table {
    margin-top: 15px;
    padding-top: 10px;
    border-top: dotted 3px #333333;
}

.table-product .table-block.header-left {
    background: #f7b500;
}

.table-product .table-block.header-right {
    background: #ef9e00;
}

.table-product .table-block.body-left {
    background: #bbdaf5;
}

.table-product .table-block.body-right {
    background: #d2e8fa;
}

/* >>> Policy Pages <<< */
.policy-display {
    border: solid 1px #e3e3e3;
    padding: 10px;
    position: relative;
    margin-top: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .policy-display.with-tabs {
        margin-top: 50px;
    }

    .policy-display .nav-tabs {
        border: none;
        position: absolute;
        top: -20px;
    }

        .policy-display .nav-tabs > li {
            margin: 0;
        }

            .policy-display .nav-tabs > li > a,
            .policy-display .nav-tabs > li.active > a,
            .policy-display .nav-tabs > li.active > a:hover,
            .policy-display .nav-tabs > li.active > a:focus {
                border: solid 1px #e3e3e3;
            }

            .policy-display .nav-tabs > li > a {
                cursor: pointer;
                margin-right: 15px;
                position: relative;
                padding: 5px 8px;
                overflow: hidden;
                color: #103184;
                text-transform: uppercase;
                font-size: 13px;
                font-weight: bold;
                letter-spacing: 0px;
                line-height: 30px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                background: #ffffff; /* Old browsers */
                background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* IE10+ */
                background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
            }

                .policy-display .nav-tabs > li > a span {
                    display: inline-block;
                    margin-right: 10px;
                    background: #103184;
                    width: 30px;
                    height: 30px;
                    text-align: center;
                    line-height: 35px;
                    -webkit-border-radius: 100%;
                    -moz-border-radius: 100%;
                    border-radius: 100%;
                }

            .policy-display .nav-tabs > li.active > a span {
                background: #f8383f;
            }


            .policy-display .nav-tabs > li > a span .fa {
                color: #FFFFFF;
                font-size: 18px;
                font-weight: normal;
            }

    .policy-display .tab-content {
        margin-top: 30px;
    }

.policy-select {
    margin: 0 15px 20px;
    padding-bottom: 15px;
    border-bottom: solid 1px #e3e3e3;
}

.bootstrap-select.btn-group .dropdown-menu {
    background: #FFFFFF;
}

.policy-display .selectpicker, .policy-select .btn-default:hover, .policy-select .btn-default:focus, .policy-select .btn-default:active, .policy-select .btn-default.active,
.policy-display .open .dropdown-toggle.btn-default {
    background: #053584;
    border: 0;
    color: #FFFFFF;
}

.policy-display .selectpicker {
    font-size: 13px;
    padding: 8px 15px;
}

    .policy-display .selectpicker dt {
        color: #333333;
    }

.select-combo {
    background: #053584;
    border: 0;
    color: #FFFFFF;
    font-size: 13px;
    padding: 8px 15px;
}

.policy-body {
}

    .policy-body .policy-item {
        margin-bottom: 20px;
    }

    .policy-body .row {
        margin-left: 0;
        margin-right: 0;
    }

    .policy-body .item-icon {
        width: 42px;
        height: 42px;
        text-align: center;
        line-height: 44px;
        overflow: hidden;
        background: #053584;
        color: #FFFFFF;
        float: left;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

        .policy-body .item-icon button {
            margin: 0;
            padding: 0;
            background: none;
            border: none;
            color: inherit;
            display: block;
            width: 100%;
            height: 100%;
        }

            .policy-body .item-icon button:focus, .policy-body .item-icon button:visited {
                border: none;
                outline: none;
            }

        .policy-body .item-icon .fa {
            font-size: 20px;
        }

    .policy-body .item-field {
        padding-left: 56px;
    }

        .policy-body .item-field .live-edit {
            cursor: pointer;
        }

        .policy-body .item-field .data-holder {
            font-weight: bold;
            overflow: hidden;
        }

            .policy-body .item-field .data-holder span {
                color: #a7a7a7;
                font-size: 11px;
                font-style: italic;
                font-weight: normal;
            }

            .policy-body .item-field .data-holder input {
                padding: 0;
                font-weight: bold;
                width: 100%;
                border: none;
                color: #053584;
            }

                .policy-body .item-field .data-holder input:focus {
                    outline: none;
                }

        .policy-body .item-field .data-info {
            color: #a7a7a7;
            font-size: 10px;
            font-style: italic;
            padding-top: 3px;
            margin-top: 3px;
            border-top: solid 1px #eaeaea;
        }

    .policy-body .item-field-list {
        padding-left: 56px;
    }

    .policy-body .item-field-list-action {
        margin: 8px 0;
        border-bottom: solid 1px #CCCCCC;
        padding-bottom: 10px;
        font-size: 11px;
    }

    .policy-body .item-field-list ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .policy-body .item-field-list ul.userlist > li {
            border-bottom: solid 1px #CCCCCC;
            margin-bottom: 4px;
            padding-bottom: 4px;
            position: relative;
            overflow: hidden;
        }

    .policy-body .field-action {
        float: right;
        position: relative;
    }


.policy-download-display {
}

    .policy-download-display .nav-tabs {
        border: none;
    }

        .policy-download-display .nav-tabs > li {
            margin: 0;
        }

            .policy-download-display .nav-tabs > li > a,
            .policy-download-display .nav-tabs > li.active > a,
            .policy-download-display .nav-tabs > li.active > a:hover,
            .policy-download-display .nav-tabs > li.active > a:focus {
                border: solid 1px #e3e3e3;
            }

            .policy-download-display .nav-tabs > li > a {
                cursor: pointer;
                margin-right: 15px;
                position: relative;
                padding: 5px 8px;
                overflow: hidden;
                color: #103184;
                letter-spacing: 0px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                background: #ffffff; /* Old browsers */
                background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* IE10+ */
                background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
            }

                .policy-download-display .nav-tabs > li > a span {
                    display: inline-block;
                    margin-right: 10px;
                    background: #103184;
                    width: 30px;
                    height: 30px;
                    text-align: center;
                    line-height: 35px;
                    -webkit-border-radius: 100%;
                    -moz-border-radius: 100%;
                    border-radius: 100%;
                }

            .policy-download-display .nav-tabs > li.active > a span {
                background: #f8383f;
            }

            .policy-download-display .nav-tabs > li.active .policy-product {
                color: #f8383f;
            }


            .policy-download-display .nav-tabs > li > a span .fa {
                color: #FFFFFF;
                font-size: 18px;
                font-weight: normal;
            }

    .policy-download-display .tab-content {
        margin-top: 30px;
    }

.policy-select {
    margin: 0 15px 20px;
    padding-bottom: 15px;
    border-bottom: solid 1px #e3e3e3;
}

.bootstrap-select.btn-group .dropdown-menu {
    background: #FFFFFF;
}

.policy-download-display .policy-holder {
    margin: 6px 0 3px;
    font-weight: bold;
}

.policy-download-display .policy-product {
    font-weight: bold;
    font-size: 14px;
    border-top: dotted 1px #CCCCCC;
    padding-top: 3px;
}

.policy-download-list {
    padding: 0 15px;
    margin-bottom: 15px;
}

    .policy-download-list .title {
        font-weight: bold;
        margin-bottom: 10px;
        ;
        font-size: 14px;
        color: #000000;
    }

    .policy-download-list ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .policy-download-list ul li {
            padding: 8px 0;
            border-bottom: dotted 1px #999999;
            overflow: hidden;
        }

            .policy-download-list ul li:last-child {
                border-bottom: none;
            }

    .policy-download-list label {
        padding-right: 100px;
        margin-bottom: 0;
    }

    .policy-download-list .action {
        float: right;
        width: 80px;
        text-align: right;
    }

        .policy-download-list .action a {
            color: #FFFFFF;
            background: #0b276d;
            width: 18px;
            height: 18px;
            text-align: center;
            line-height: 16px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            display: inline-block;
        }

.eclaim-form {
}

    .eclaim-form h2 {
        font-size: 22px;
        margin-bottom: 8px;
        font-weight: bold;
    }

    .eclaim-form .form-title {
        font-size: 14px;
        margin-bottom: 10px;
        padding: 8px;
        background: #0b276d;
        color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .eclaim-form .form-select {
        font-size: 12px;
        margin-bottom: 0px;
        padding: 3px;
        background: #0b276d;
        color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .eclaim-form .form-title span {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        margin-right: 8px;
        background: #fff;
        color: #0b276d;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        font-size: 12px;
        font-weight: bold;
        top: -1px;
        position: relative;
    }

    .eclaim-form ul.form-layout {
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 25px;
    }

        .eclaim-form ul.form-layout li {
            margin-bottom: 8px;
        }

        .eclaim-form ul.form-layout.inline label {
            text-align: left;
            display: block;
            float: none;
            width: auto;
            margin-bottom: 12px;
        }

        .eclaim-form ul.form-layout.inline.row {
            margin-left: -15px;
            margin-right: -15px;
        }

    .eclaim-form .radio-form {
        list-style: none;
        margin: 18px 0 0;
        padding: 0;
        overflow: hidden;
    }

        .eclaim-form .radio-form li {
            display: inline;
            margin-right: 15px;
        }

    .eclaim-form ul.form-layout.inline .radio-form label {
        font-weight: normal;
        margin-bottom: 0;
        cursor: pointer;
        top: -1px;
        position: relative;
        display: inline;
    }

    .eclaim-form ul.form-layout.inline .radio-form li {
        margin: 0;
        display: inline;
        float: left;
    }

    .eclaim-form input[type=radio] {
        margin-right: 4px;
    }

    .eclaim-form ul.form-layout .date-period {
    }

        .eclaim-form ul.form-layout .date-period span {
            margin-right: 15px;
        }

        .eclaim-form ul.form-layout .date-period input.form-control {
            margin-left: 10px;
            width: 200px;
            display: inline-block;
        }

    .eclaim-form .nav-tabs {
        position: relative;
        top: 0;
        margin-top: 15px;
    }

    .eclaim-form ul.form-layout .addmore {
        margin: 5px 0 10px;
    }

        .eclaim-form ul.form-layout .addmore a {
        }

    .eclaim-form .doc-upload {
    }

        .eclaim-form .doc-upload .doc-label {
            width: 50%;
            display: inline-block;
        }

        .eclaim-form .doc-upload .doc-file {
            width: auto;
            margin-left: 10px;
            display: inline-block;
        }

    .eclaim-form ul.form-layout.inline .input-group {
        width: 100%;
        margin-top: 10px;
    }

ul.form-claim-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.form-claim-list li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: dotted 1px #eeeeee;
    }

    ul.form-claim-list label {
        margin-bottom: 0;
        cursor: pointer;
        margin-left: 8px;
    }

.eclaim-form a.add-new-data {
    margin: 10px 0;
    font: 12px;
}

.eclaim-history {
}

.eclaim-history {
}

.table-history-claim {
}

    .table-history-claim a.claim-status {
        font-weight: bold;
    }

        .table-history-claim a.claim-status.pending {
            color: #053584;
        }

        .table-history-claim a.claim-status.approved {
            color: #1ede3a;
        }

        .table-history-claim a.claim-status.denied {
            color: #fd383c;
        }

    .table-history-claim thead {
        background: #0b276d;
        color: #fff;
    }

    .table-history-claim th:nth-child(1) {
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-left-radius: 6px;
    }

    .table-history-claim th:nth-last-child(1) {
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-top-right-radius: 6px;
    }

    .table-history-claim tr:hover td {
        background: #fff !important;
    }

    .table-history-claim .claim-sub {
        font-size: 11px;
        color: #b7b7b7;
    }

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background: #f7f7f7;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background: #ebebeb;
}

.eclaim-history {
}

.eclaim-status-head {
}

.eclaim-status-wrapper {
    font-size: 24px;
    color: #FFFFFF;
    display: inline-block;
    padding: 6px 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .eclaim-status-wrapper .fa {
        margin-right: 12px;
    }

    .eclaim-status-wrapper.pending {
        background: #053584;
    }

    .eclaim-status-wrapper.denied {
        background: #fd383c;
    }

    .eclaim-status-wrapper.approved {
        background: #1ede3a;
    }

.eclaim-status-date {
    text-align: right;
    margin-top: 7px;
}

    .eclaim-status-date strong {
        display: block;
    }

.eclaim-approved {
    background: #f7f7f7;
    margin: 10px 15px 0;
    padding: 15px 5px 0;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/* >>> Hax <<< */

.datepicker.dropdown-menu {
    z-index: 5000;
}

.table-responsive {
    overflow-x: scroll;
    overflow-y: hidden;
}

.alert-axa {
    background: #0f2e7f;
    color: #FFFFFF;
    border: none;
    padding: 8px 8px;
    margin: 22px 0 0;
    font-size: 13px;
    font-weight: bold;
}

    .alert-axa a {
        display: block;
        color: #FFFFFF;
    }

    .alert-axa .fa {
        font-size: 18px;
        margin-right: 5px;
        top: 1px;
        position: relative;
    }

.bootstrap-select.btn-group .dropdown-menu li {
    margin-bottom: 0;
}

/* --- Accordion --- */

.policy-item .accordion-group {
    padding-left: 56px;
}

.item-field-list .accordion-group {
    padding-left: 0;
}

.accordion-form {
    padding: 10px;
    background: #f3f3f3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px;
}

    .accordion-form ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .accordion-form ul li {
            margin-bottom: 10px;
        }

            .accordion-form ul li:last-child {
                margin-bottom: 0;
            }

    .accordion-form .ori-data {
        font-size: 14px;
    }

    .accordion-form .new-data .form-control {
        height: 28px;
    }

    .accordion-form .new-data textarea.form-control {
        height: auto;
    }

    .accordion-form .new-data .input-group-addon {
        padding: 0 12px;
    }

    .accordion-form .new-data .radio-form {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .accordion-form .new-data .radio-form li {
            display: inline;
            margin-right: 15px;
        }

        .accordion-form .new-data .radio-form label {
            font-weight: normal;
            margin-bottom: 0;
            cursor: pointer;
            top: -1px;
            position: relative;
        }

    .accordion-form .new-data input[type=radio] {
        margin-right: 4px;
    }

    .accordion-form .payment-detail {
        padding-left: 17px;
        margin-top: 5px;
    }

.accordion-toggle.action-btn {
    color: #333333;
    font-size: 13px;
}

/* >>> Custom Responsive Setting <<< */

/*-- Hi-res --*/
@media only screen and (min-width: 1366px) {
    .container {
        width: 1300px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

    /* >>> Landing Page <<< */
    .landing-slider .caption-mask {
        width: 320px;
        top: 22px;
    }
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /* >>> Landing Page <<< */
    .landing-slider {
        height: 320px;
    }

        .landing-slider .flexslider .slider-content {
            height: 320px;
            background-size: cover;
        }

        .landing-slider .caption-mask {
            width: 260px;
        }

            .landing-slider .caption-mask h1 {
                font-size: 25px;
            }

            .landing-slider .caption-mask p {
                font-size: 14px;
            }

        .landing-slider .btn-quote-big {
            color: #FFFFFF;
            padding: 12px 20px;
            font-size: 18px;
            top: 18px;
        }
    /* >>> Registration <<< */
    .reg-step-01 {
    }

    /* >>> Form Style <<< */
    .reg-name {
        position: relative;
        margin-bottom: 10px;
    }

    .reg-dob {
        width: 90%;
        float: none;
        margin-bottom: 20px;
    }

        .reg-dob .dob-wrapper {
        }

    /* >>> Gender Selection <<< */
    .reg-sex {
        width: 100%;
        float: none;
        position: relative;
        padding-left: 40px;
    }

        .reg-sex label.field-title {
            left: 0;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* >>> Landing Page <<< */
    .landing-slider {
        height: auto;
    }

        .landing-slider .flexslider .slider-content {
            height: 320px;
            background-size: cover;
        }

        .landing-slider .caption {
            display: none;
        }

        .landing-slider .caption-m {
            display: block;
            padding: 5px 15px;
            padding-bottom: 60px;
        }

        .landing-slider .flex-viewport {
        }

    /* >>> Registration <<< */
    .reg-step-03 .banner {
        float: none;
        position: relative;
    }

        .reg-step-03 .banner h1 {
            display: inline;
            position: relative;
            left: -30px;
            padding: 0;
            background: none;
        }

        .reg-step-03 .banner img {
            width: 210px;
            height: auto;
        }

    .reg-step-03 .summary-content {
        position: relative;
        padding: 20px 15px 0;
        margin-bottom: 0;
        margin-right: 0;
        font-size: 13px;
    }

        .reg-step-03 .summary-content h1 {
            display: none;
        }

    .reg-step-03 .summary-form {
    }

        .reg-step-03 .summary-form div {
            width: 100%;
        }

    .captcha .captcha-generate {
        float: none;
        margin-bottom: 10px;
    }

    /* >>> Policy Pages <<< */
    .policy-display .nav-tabs {
        position: static;
    }

        .policy-display .nav-tabs > li {
            display: block;
            float: none;
            margin-bottom: 3px;
        }

            .policy-display .nav-tabs > li > a {
                margin-right: 0;
                padding: 3px 6px;
                color: #103184;
                text-transform: uppercase;
                font-size: 11px;
                font-weight: bold;
                line-height: 30px;
            }

                .policy-display .nav-tabs > li > a span {
                    display: inline-block;
                    margin-right: 10px;
                    background: #103184;
                    width: 24px;
                    height: 24px;
                    text-align: center;
                    line-height: 24px;
                    -webkit-border-radius: 100%;
                    -moz-border-radius: 100%;
                    border-radius: 100%;
                }

            .policy-display .nav-tabs > li.active > a span {
                background: #f8383f;
            }


            .policy-display .nav-tabs > li > a span .fa {
                color: #FFFFFF;
                font-size: 16px;
                font-weight: normal;
            }

    .policy-display .tab-content {
        margin-top: 18px;
    }

    .summary-policy label {
        display: block;
    }
}


/*-- Landscape iPad devices and smaller --*/
@media only screen and (max-width: 960px) {
}

/*-- Change column behavior --*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .zone-left, .zone-mid {
        width: 180px !important;
    }
}

/*-- Possibly iPad --*/

@media (max-width: 991px) {

    /* >>> Nav <<< */

    ul.main-nav li {
        height: 32px;
    }

        ul.main-nav li a {
            padding: 8px 14px;
            font-size: 12px;
        }

    .main-header-scroll ul li a {
        padding: 0 10px;
        font-size: 12px !important;
    }

    /* >>> Product List <<< */
    ul.product-list li {
        margin-bottom: 30px;
    }

    .product-spacer {
        display: none;
    }

    /* >>> Registration <<< */

    .reg-step-01 {
    }

        .reg-step-01 .intro {
            background: url(img/bg-title-big.png) left top no-repeat;
            padding: 0 0 10px 22px;
        }

        .reg-step-01 .banner {
            display: none;
        }

        .reg-step-01 .reg-content-top {
            padding-right: 0;
        }

        .reg-step-01 .reg-content-bottom .col-xs-12 {
            margin-bottom: 15px;
        }

    /* >>> Form Style <<< */
    .reg-name {
        position: relative;
        margin-bottom: 10px;
    }

    .reg-dob {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

        .reg-dob .dob-wrapper {
        }


    /* >>> Gender Selection <<< */
    .reg-sex {
        width: 100%;
        float: none;
        position: relative;
        padding-left: 40px;
    }

        .reg-sex label.field-title {
            left: 0;
        }
}

/*-- Mobile Devices --*/
@media (max-width: 767px) {


    ul.form-layout.inline label {
        float: none;
        width: 100%;
        padding-right: 0;
        top: 0;
        text-align: left;
    }

    ul.form-layout.inline .input-group {
        float: none;
        width: 100%;
    }

    .captcha {
        margin-bottom: 15px;
    }

    .side-area {
        margin-top: 20px;
    }

    .main-header-nav, .main-header-scroll {
        display: none;
    }

    .main-header-wrapper {
    }

    .show-mobile {
        display: block !important;
    }

    .phone-shortcut {
        display: block;
    }

    .container {
        padding: 0;
    }


    /* >>> Header <<< */

    .field-header {
        display: none;
    }

    /* >>> Nav <<< */

    a.navbar-brand {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }

        a.navbar-brand img {
            max-height: 35px;
            width: auto;
            margin: 4px 0;
        }

    #st-trigger-effects {
        z-index: 1000;
        position: relative;
    }

    .navbar {
        min-height: 0px;
        border: none;
        margin-top: -20px;
        padding: 0 15px;
        position: fixed;
        background: #fff;
        z-index: 10000;
        width: 100%;
        left: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .navbar .nav-list {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: solid 1px #0099FF;
            max-height: 340px;
            overflow-x: visible;
        }

            .navbar .nav-list .span {
                float: right;
            }

    /* >>> Landing Page <<< */
    .landing-slider {
        height: auto;
    }

        .landing-slider .flexslider .slider-content {
            height: 280px;
            background-size: cover;
        }

        .landing-slider .caption {
            display: none;
        }

        .landing-slider .caption-m {
            display: block;
            padding: 5px 15px;
            padding-bottom: 60px;
        }

        .landing-slider .flex-viewport {
        }

    /* >>> Dashboard <<< */
    .index-dashboard .block-panel {
        margin-bottom: 30px;
        text-align: center;
    }

        .index-dashboard .block-panel .thumb {
            max-width: 320px;
            margin: auto;
        }

        .index-dashboard .block-panel .index-dashboard-sub {
            list-style: none;
        }


    /* >>> Tables <<< */
    .table-responsive {
        border: none;
        margin-bottom: 0;
    }


    /* >>> Footer <<< */
    .main-footer {
        background: none;
    }

    .main-footer-wrapper {
        position: relative;
        height: auto;
        width: 100%;
    }

    .main-footer h3 {
        margin: 0;
        padding: 0 0 15px;
        font-size: 14px;
        letter-spacing: -0.5px;
        font-weight: bold;
        color: #103184;
    }

    .main-footer .zone-left {
        width: 100%;
        padding: 10px 0;
        border-top: solid 1px #e5e5e5;
        float: none;
    }

        .main-footer .zone-left ul.links {
            font-size: 12px;
        }

    .main-footer .zone-mid {
        margin: 0;
        padding: 10px 0 0;
        width: 100%;
        border-left: none;
        border-top: solid 1px #e5e5e5;
        float: none;
        overflow: auto;
    }

        .main-footer .zone-mid ul.soc {
            list-style: none;
            font-size: 12px;
            margin: 0;
            padding: 0;
        }

    .main-footer .zone-right {
        background: url(img/bg-footer-right.jpg) repeat-x;
        height: 94px;
        width: 100%;
        float: none;
        margin-top: 20px;
        position: relative;
        padding: 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .main-footer .zone-bottom {
        clear: both;
        padding: 0 15px;
        font-size: 10px;
        text-align: right;
        padding-top: 12px;
        text-shadow: 0px -2px 1px rgba(255, 255, 255, 1);
        color: #000000;
        letter-spacing: -0.5px;
    }

    /* >>> Contact <<< */

}


@media only screen and (min-width: 600px) and (max-width: 767px) {

    /* >>> Policy Pages <<< */
    .policy-display .nav-tabs {
    }

        .policy-display .nav-tabs > li {
            margin-bottom: 3px;
        }

            .policy-display .nav-tabs > li > a {
                margin-right: 5px;
                padding: 3px 6px;
                font-size: 11px;
            }
}

@media (max-width: 679px) {

    /* >>> Registration <<< */
    .reg-step-03 .banner {
        float: none;
        position: relative;
    }

        .reg-step-03 .banner h1 {
            display: inline;
            position: relative;
            left: -30px;
            padding: 0;
            background: none;
        }

        .reg-step-03 .banner img {
            width: 210px;
            height: auto;
        }

    .reg-step-03 .summary-content {
        position: relative;
        padding: 20px 15px 0;
        margin-bottom: 0;
        margin-right: 0;
        font-size: 13px;
    }

        .reg-step-03 .summary-content h1 {
            display: none;
        }

    .reg-step-03 .summary-form {
    }

        .reg-step-03 .summary-form div {
            width: 100%;
        }

    .captcha .captcha-generate {
        float: none;
        margin-bottom: 10px;
    }
}

@media (max-width: 599px) {

    /* >>> Policy Pages <<< */
    .policy-display .nav-tabs {
        position: static;
    }

        .policy-display .nav-tabs > li {
            display: block;
            margin-bottom: 3px;
            float: none;
        }

            .policy-display .nav-tabs > li > a {
                margin-right: 0;
                font-size: 11px;
            }
}

@media (max-width: 544px) {

    .main-header .navbar-brand {
    }

        .main-header .navbar-brand img {
        }

    .main-header .fa {
        font-size: 16px;
    }

    .main-header .navbar-toggle, .phone-shortcut {
        padding: 4px 6px 2px;
        margin-top: 15px;
    }

    /* >>> Landing <<< */

    .landing-slider .caption-m h1 {
        font-size: 22px;
        color: #053584;
        line-height: 28px;
        margin: 10px 0;
    }

    .landing-slider .caption-m p {
        font-size: 16px;
        color: #666666;
    }

    /* >>> Registration <<< */

    ul.pointer-step {
        margin-top: 25px;
    }

        ul.pointer-step li a {
            font-size: 11px;
        }
}

@media (max-width: 320px) {

    /* >>> Registration <<< */

    ul.pointer-step {
    }

        ul.pointer-step li {
            display: block;
            margin-bottom: 10px;
        }

    .reg-step-01 {
    }
    /* >>> Form Style <<< */
    .reg-dob .dob-wrapper {
        width: 100%;
        float: none;
        margin-bottom: 10px;
        padding: 0;
    }

    /* >>> Gender Selection <<< */
    .reg-sex {
        width: 100%;
        float: none;
        position: relative;
        padding-left: 40px;
    }

        .reg-sex label.field-title {
            left: 0;
        }

    /* >>> Product List Checkbox <<< */
    ul.product-list .product-select {
        font-size: 12px;
    }

        ul.product-list .product-select span {
            top: -6px;
        }

            ul.product-list .product-select span:before {
                font-size: 28px;
                top: 6px;
            }

    /* >>> Footer <<< */
    .main-footer .zone-right-wrapper img {
        width: 35%;
        height: auto;
    }
}









/* >>> Button Style <<< */

.btn-export { /* simple fix */
    top: 5px;
    position: relative;
}

.btn-blue-default {
    background-color: #759ae9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));
    background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    border-top: 1px solid #1f58cc;
    border-right: 1px solid #1b4db3;
    border-bottom: 1px solid #174299;
    border-left: 1px solid #1b4db3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    -moz-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    color: #fff;
    font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
    padding: 4px 20px;
    text-shadow: 0 -1px 1px #1a5ad9;
}

    .btn-blue-default:hover {
        background-color: #5d89e8;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de));
        background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
        cursor: pointer;
        color: #FFFFFF;
    }

    .btn-blue-default:active {
        border-top: 1px solid #1b4db3;
        border-right: 1px solid #174299;
        border-bottom: 1px solid #133780;
        border-left: 1px solid #174299;
        -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
        -moz-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
        box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    }

.policy-download-list a.bulk-download {
    display: inline-block;
    margin: 20px 0 15px;
    padding: 6px 15px;
    font-size: 14px;
    background: #0b276d;
    color: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .policy-download-list a.bulk-download .fa {
        margin-right: 10px;
    }