/* Minification failed. Returning unminified contents.
(795,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
/*
 * Estilos únicos para portal Danone
 */

/* general */

body {
    min-width: 960px;
    background: #1d1b22;
}

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

h1, h2, h3, h4 {
    color: #2e6696;
}

h3 {
    margin-top: 0 ;
}

p {
    color: #5b5b5f;
    margin: 10px 0 0;
    text-align: justify;
}

a {
    cursor: pointer;
}

hr {
    clear: both;
    border-top: 1px solid #BDBBBB;
    margin: 10px 0;
}

button:focus {
    outline: none!important;
}

.clear {  clear: both;  }
.clear10 {
    clear: both;
    height: 10px;
}

.float-none {
    float: none;
}

.no-padding {
    padding: 0 !important;
}

.no-margin-left 
{
    margin-left: 0 !important;
}

/* colors */
.brown          { color: #666256; }
.brown-dark     { color: #94650b; }
.brown-link     { color: #94650B; }
.blue-danone    { color: #2e6696; }
.blue-sky       { color: #02aae9; }
.blue-dark      { color: #2e70a8; }
.blue-middle    { color: #2e70a8; }
.blue-atention  { color: #79bdd3; }
.red            { color: #ff0202; }
.yellow-cream   { color: #f0d9a0; }


/* backgrounds */
.white-smooth { background: rgba(255, 255, 255, 0.5); }
.white { background: #ffffff!important; }
.brown-light { background: #f0eee8; }
.black { background: #000000 }

/* alert */
.alert-hide {
    display: none;
}

.alert {
    color: #b8312f;
}

/*----------
  Home
------------*/

/*----HEADER----*/

.bg-home {
    background: #205e92;
    background: url("../images/bg/bg-women.jpg") no-repeat center;
    background-size: cover;
}

    .bg-home .container {
        min-width: 1024px!important;
    }

    .bg-home button {
        font-style: italic;
        color: #393838;
        font-size: 1.1em;
    }

.header {
    height:125px;
    background: white;
    z-index: 1000;
}

.header .welcome {
    float: left;
    font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
    font-size: 2em;
    color: #666256;
    line-height: 85px;
}

/*--------
  Section
----------*/

.section {
    min-height: 430px;
}

.section .begin-reg {
    margin: 60px 0;
}

.section .begin-reg h2 {
    font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-size: 1.6em;
    margin: 0;
    line-height: 35px;
}


/*.section .begin-reg-voucher {
    margin: 0 40px 0 0;
    padding: 0;
}*/

.section .begin-reg-voucher h2 {
    font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-size: 1.6em;
    margin-bottom: 30px;
}

.section .begin-reg-voucher .input-group input {
    border-radius: 4px;
}

.section .voucher-used {
    float:right;
    font-size:12px;
    line-height:20px;
    color: #0CAFCA!important;
    background-color: black;
    padding: 3px 9px;
    margin:10px 27px 0 49px;
    border-radius: 4px;
    min-width:291px;
}

.section .begin-info {
    color: rgb(139, 199, 233);
    float: right;
    width: 400px;
    margin-right: 40px;
    margin-top: 15px;
    line-height: 17px;
    font-size: 13px;
}

    .section .icon-info {
        margin-top: 10px;
        margin-right: 10px;
    }

        .section p.blue-atention {
            line-height: 16px
        }


.bg-banner-tips {
    background: #ecebe5;
}

.module {
    float:left;
    padding:0 18px;
}

    .module h2 {
        text-transform:uppercase;
        font-style:italic;
        margin-bottom:5px;
        color: #746f65;
        font-size: 1.1em;
    }

    .module h2 img {
        margin-right: 5px;
    }

    .module p {
        font-style: italic;
        line-height: 17px;
        margin: 5px 0 30px 27px;
        text-align: left;
        color: #6d6961;
    }

.footer-home {
    line-height: 55px;
    background: #514f56;
    background: -moz-linear-gradient(top, #514f56 0%, #1d1b22 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #514f56), color-stop(100%, #1d1b22));
    background: -webkit-linear-gradient(top, #514f56 0%, #1d1b22 100%);
    background: -o-linear-gradient(top, #514f56 0%, #1d1b22 100%);
    background: -ms-linear-gradient(top, #514f56 0%, #1d1b22 100%);
    background: linear-gradient(to bottom, #514f56 0%, #1d1b22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#514f56', endColorstr='#1d1b22', GradientType=0);
}

.footer-home p,
.footer-home p a {
    color: #9a9da4;
    text-align: center;
    margin-top: 0;
}





/*----------
  Contenido
------------*/

/**/
.tab-pane .col-md-6.col-xs-12 {
    padding-right: 0;
    padding-left: 0;
}

.btn-default.disabled {
 visibility: hidden;
}

/* top-bar-message */

.top-bar-message {
    background: #303030;
}

    .top-bar-message p {
        color: #d1d0c7;
        line-height: 30px;
        margin: 0;
        font-style: italic;
    }
    .top-bar-message a {
        color: #cbd9db;
        font-style: normal;
        padding: 5px 0;
        display: inline-block;
        outline: 0;
    }

    .top-bar-message .lenguage {
    }

        .top-bar-message .lenguage .btn-default {
            background: transparent;
            border: 0;
            color: #a5edf9;
            text-shadow: none;
            box-shadow: none;
        }

        .top-bar-message .lenguage .form-control {
            width: initial;
            background: transparent;
            border: 0;
            color: #0cafca;
            text-shadow: none;
            box-shadow: none;
            height:30px;
            line-height:16px;
        }


    .top-bar-message select.form-control {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: url("../images/icons/icon-arrow-down.png") center right no-repeat!important;
    }

    .increase-popover-width {
  width:auto !important;
  min-width: 200px !important;
  max-width: 700px !important;
}
    #windowContact .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
    }

        #windowContact .modal-dialog .form-group,
        #windowContact .modal-dialog .form-control {
            width: 100%;
        }

        #windowContact .modal-dialog label {
            color: #272728;
        }


/* Voucher */

.voucher {
    float: right;
    font-size: 0.9em;
    background: #999;
    padding: 5px 10px 5px;
    border-radius: 0 0 10px 10px;
    color: white;
    margin-right: 30px;
}

    .voucher h2 {
        font-size: 22px;
        color: #a61519;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .voucher p {
        font-size: 14px;
        color: #808078;
        line-height: 16px;
        margin-top: 25px;
    }
    
    .voucher:hover,
    .voucher:visited,
    .voucher:active
    {
        text-decoration: none!important;
    }

.voucher-top-100 {
    padding-top: 100px;
}

#windowVoucher .modal-dialog {
    width: 500px;
}

#windowVoucher .modal-header 
{
    border-bottom: 0px;
}

#windowVoucher h2
{
    font-size: 1.5em;
}

#windowVoucher .info-voucher 
{
    margin-left: 70px;
    margin-right: 70px;
}

/* welcomeWindow */

#welcomeWindow .modal-dialog {
    width: 600px;
}

    #welcomeWindow .modal-dialog p {
        margin: 5px 30px;
    }

/* Coste transaccional */

.modal-dialog.tigth-modal-dialog {
    width: 500px !important;
}

/* banner */

.banner-logo {
    background: #f0eee8;
}

    .banner-logo h2 {
        margin: 0;
        font-size: 1.7em;
        font-weight: 300;
        padding: 30px 0;
    }

    .banner-logo img {
        display: inline-block;
    }


@media (max-width: 767px) {
    .banner-logo h2 {
        padding: 5px 0 20px;
        font-size: 1.4em;
        text-align: center;
    }
}

/* banner steps */

.banner-steps {
    color: white;
    border-top: 1px solid #bcb9af;
    background: rgb(31, 88, 145);
}

.wizard .steps ul {
    list-style: none !important;
    padding: 0;
    width: 80%;
    margin: auto;
}

    .banner-steps ul.nav li {
        width: 185px;
        text-align: center;
    }

    .banner-steps .nav > li > a {
        color: white;
        padding: 15px;
    }

    .banner-steps .nav > li.active > a {
        background: url("../images/bg/bg-arrow.png") no-repeat center;
        background-size: 100% 100%;
    }

        .nav > li > a:hover, .nav > li > a:focus {
            text-decoration: none;
            background: none;
            color: #cccccc;
            outline: none;
        }

/* Container register */
.tab-content > .tab-pane {
    min-height: 410px;
}

/*.container-steps {
    padding-top: 20px;
    padding-bottom: 30px;
}*/
    .container-steps .col-xs-3.text-center img {
        display: inline;
    }
    .container-steps h2 {
        font-size: 1.5em;
        margin-top: 0;
    }
    .container-steps h3 {
        font-size: 1.3em;
    }
    .container-steps label {
        color: #5b5b5f;
        font-weight: normal;
    }
        .container-steps label input[type="checkbox"] + .glyphicon-asterisk {
            margin-left: 0px;
        }

    .container-steps img {
        display: inline;
    }

    .container-steps a,
    .container-steps a:hover,
    .container-steps a:focus {
        color: #2e6696;
        text-decoration: none;
        display: inline-block;
        margin-left: 30px;
        text-indent: -30px;
        margin-top: -5px;
    }

    .tab-content ol {
        padding: 10px 20px;
    }

        .tab-content ol li {
            line-height: 20px;
            list-style-image: url("../images/icons/vinyeta-benefits-list.png");
            margin-bottom: 10px !important;
        }



    /* Plan Prices */

        /* modificaciones accordion */

        .container-steps .panel-title {
            font-size: 24px;
        }
        .container-steps .panel-group .panel {
            margin-bottom: 0;
            border-radius: 4px;
            border: 0;
            box-shadow: none;
            background: transparent;
        }

        .container-steps .panel-default>.panel-heading {
            background: #f0eee8;
        }
            .container-steps .panel-default>.panel-heading.moreInfoBox {
                background: #f0eee8;
                border-top: 1px solid #D0CDC3;
                padding: 0;
            }

        .container-steps .panel-default>.panel-heading .moreInfo {
            border-top: 1px solid white;
            padding-top: 15px;
        }

            .container-steps .panel-default>.panel-heading .moreInfo a {
                font-size: 18px;
            }

        .container-steps .panel-default>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #ddd;
            background: #f0eee8;
            border: 0;
        }

        .container-steps .panel-body {
            padding: 0
        }


        /**/

    .tab-content .table-prices .row {
        font-style: italic;
    }

    .tab-content .table-prices .row .col-xs-12.col-sm-3 {
        line-height: 15px;
        padding: 10px 0 10px 5px;
    }
    .tab-content .table-prices .row {
        height: 50px;
        line-height: 15px;
        padding: 10px 0 10px 5px;
    }

    .tab-content .table-prices .row strong ~ span {
        font-size: .9em;
    }

    .tab-content .table-prices .row img {
        /*margin-top: -5px;*/
    }


    .tab-content .plan {
        width: 185px;
        float: left;
    }

    .tab-content .text-explain {
        width: 140px;
        float: left;
    }

    .tab-content .plan .single-line {
        line-height: 30px;
    }

@media (max-width: 767px) {
    #rootwizard-tabdetail ul li {
        width: 100%!important;
    }
}


@media (max-width: 767px) {
    #rootwizard-tabdetail ul li {
        width: 100%!important;
    }
}

    .container-steps .modal-dialog {
        width: 70%;
        margin: 30px auto;
    }

    .container-steps textarea {
        resize: none;
    }

.container-steps select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: white url("../images/icons/icon-arrow-down-steps.png") center right no-repeat!important;
    color: #555;
}

.container-steps .hidden-link {
    height: 0;
    overflow: hidden;
}


/* message-register */

.message-register {
    height: 140px;
    background: #FAFAF8;
    border-top: 1px solid #A4A4A2;
}

    .message-register img {
        margin-top: -37px;
    }

    .message-register p {
        margin-top: -37px;
        font-style: italic;
        font-size: .9em;
    }

    .message-register a {
        color: #2e6696;
        font-size: .9em;
    }



/* Terms & Conditions */

.term-conditions {
    overflow: auto;
}


/* Créditos y Método de pago */

.paymentGroup {
    background: rgb(252, 252, 244);
    border: 1px solid #ccc;
    padding: 0 10px 10px;
    width: 90%;
    margin: -1px auto 0;
}

    .paymentGroup hr {
        margin: 10px 0;
    }

    .paymentGroup h2 {
        display: inline-block;
        background-color: #B9B1AE;
        padding: 5px 15px;
        text-align: left;
        margin: -10px 10px 10px -10px;
        color: white;
        font-size: .9em;
        min-width: 90px;
        text-transform: uppercase;
        border-radius: 0 0 5px 0;
    }

    .paymentGroup .credits,
    .paymentGroupSubtotal .credits {
        display: inline-block;
        float: right;
        width: 550px;
        margin-right: 10px;
    }

    .paymentGroup input {
        width: 100px;
    }

        .checkbox label input[type="checkbox"] {
            margin-left: -15px !important;
        }
        .checkbox label + p {
            padding: 5px 10px;
        }


    .paymentGroup .datos,
    .paymentGroup .datosUserContact {
        margin: 2px 1px 5px 0;
        width: 185px;
        color: rgb(84, 84, 71);
        font-size: 13px;
        float: left;
        display: block;
    }

    .paymentGroup .cantidad,
    .paymentGroup .signe {
        margin: 2px 2px 5px;
        font-size: 0.9em;
        padding: 2px 4px;
        color: #5b5b5f;
        min-width: 30px;
    }
    
    .paymentGroup .signe.equals 
    {
        margin-right: 0px;
        min-width: 20px;
    }

    .paymentGroup .totalInvocie {
        color: #005eae;
        font-weight: bold;
    }

    .paymentGroup .info-transfer {
        padding: 5px 30px 10px 50px;
        background:#F2F2F4 url("../images/icons/icono-info-confirmation.png") no-repeat 15px 15px;
        border-radius:8px;
        margin-bottom:15px;
    }

    .paymentGroupSubtotal {
        margin-top:-11px;
        padding-bottom:20px;
    }

    .paymentGroup .datos,
    .paymentGroup .datosUserContact {
        width: 200px;
    }

    .paymentGroup .invoice {
        min-width: 120px;
        max-width: 320px;
    }


/* pantalla de Confirmación */

.box-confirmation,
.boxTopConfirmation,
.boxBottomConfirmation {
    width: 770px;
    margin: auto;
}
.box-confirmation {
    background-color:white;
    padding-top:35px;
}
.boxTopConfirmation {
    height:29px;
    background:url("../images/bg/bg-ConfirmationTop.png") no-repeat;
    margin-top:-20px;
}
.boxBottomConfirmation {
    height:101px;
    background:url("../images/bg/bg-ConfirmationBottom.png") no-repeat;
}
.box-confirmation .paymentGroup {width:650px;!important}


/* Pop up Clientes */

.windowCustomers .modal-dialog {
    width: 760px;
    margin: 30px auto;
}

.windowCustomers .logo-customers-popup .logo {
    float: left;
    width: 115px;
    height: 85px;
    margin: 0 15px 20px 15px;
    overflow: hidden;
}

.windowCustomers .logo-customers-popup .logo img {
    width: auto!important;
    height: auto!important;
}

.windowCustomers table {
    width: 100%;
}

    .windowCustomers table tr:nth-child(even) {
        background: #ECEBE8;
        height: 24px;
    }

        .windowCustomers table tr td {
            padding: 4px 10px !important;
            font-size: .9em;
        }

/* Carousel customers */

.carousel-customers {
    min-height:74px;
}

/* Carousel testimonies */

.carousel-fade .carousel-inner {
    margin-top: -37px;
    min-height: 75px;
}

.carousel-fade .carousel-inner .item {
    font-size: .9em;
    color: #5b5b5f;
    opacity: 0;
    transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

    /* allTestimonies */

.allTestimonies .modal-dialog {
    width: 800px;
    height: 400px;
    margin: 30px auto;
}

.allTestimonies .modal-body {
    height: 400px;
    overflow-y: auto;
}

.allTestimonies h4 {
    padding: 0 30px;
}

.allTestimonies p {
    font-size: 1em;
    color: #808078;
    text-align: justify;
    line-height: 20px;
    margin-top: 0;
    padding: 0 30px
}

.allTestimonies .marks {
    color: #BA432E!important;
    font-size: 1.8em;
    margin: 0 3px 0 1px;
}

.allTestimonies .autor {
    font-style: normal;
    font-weight: bold;
    font-size: 1em;
    text-align: right;
    margin: 15px 0 25px 0;
}

/*  */


/* Datos contacto autorizado */

.box-button-pw {
    background: rgba(255, 255, 255, 0.40);
    border: 1px solid rgba(153, 153, 153, 0.5);
    border-radius: 4px; padding: 10px;
    margin-bottom: 30px;
}

    .box-button-pw button {
        margin: 10px 0;
        width: 100%;
    }



/* Footer */

.footer {
    height: 55px;
    line-height: 55px;
    border-top: 1px solid #514f56;
    background: #514f56;
    background: -moz-linear-gradient(top, #514f56 0%, #1d1b22 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #514f56), color-stop(100%, #1d1b22));
    background: -webkit-linear-gradient(top, #514f56 0%, #1d1b22 100%);
    background: -o-linear-gradient(top, #514f56 0%, #1d1b22 100%);
    background: -ms-linear-gradient(top, #514f56 0%, #1d1b22 100%);
    background: linear-gradient(to bottom, #514f56 0%, #1d1b22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#514f56', endColorstr='#1d1b22', GradientType=0 );
}

    .footer p {
        color: #9a9da4;
        text-align: center;
        margin: 0;
    }

    .footer a {
        color: #9a9da4;
    }
        .footer a:hover {
            color: #ffffff;
        }

.Version 
{
    color:#333; 
    font-size:9px; 
    font-family:inherit;  
}

/*** ADDED BY DEVELOPERS ****/
.alert, .success 
{
    text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.popover
{
  font-weight: 100;
  width: 100%;
  text-align: left;
}

.taxinfo-examples
{
    margin-left: 20px;
}

ul 
{
    list-style-type: none;
    margin-bottom: 0px;
}

label 
{
    font-weight:100;
}

.address label
{
    font-weight:100 !important;
}

.contact label
{
    font-weight:100 !important;
}

.modal-label
{
    padding-left: 0px;
    width: 100% !important;
}

.message-list ul li 
{
    width: 100%!important;
}

.textarea-transparent 
{
    background-color: transparent!important;
}

.trunc-text
{
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
    display: inline-block;
    overflow: hidden;
    word-wrap: normal;
    height: 23px;
    
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}   

@media (min-width: 992px) 
{
    .modal-lg 
    {
        width: 1400px;
    }
}

#rootwizard-tabdetail ul.completion li {
    margin: 0px;
    width: 50%;
    padding-right: 5px;
}

ul.legal-terms 
{
    list-style-type: disc;
}

li.legal-terms 
{
    list-style-type: disc;
}

.header-no-logo 
{
    text-align: center;
}

.activation-with-estab-step 
{
    width: 20%!important;
}

.completion-with-estab-step
{
    width: 33.333333%!important;
}

.alert 
{
    padding-left: 0px!important;
}

.alert.alert-danger 
{
    padding-left: 15px!important;
    padding-bottom: 10px!important;
    padding-top: 10px!important;
}

.popover-terms 
{
    width: 75%;
}

.ng-invalid-compare-to.ng-dirty.ng-touched
{
    border-color: #a94442;
}

.test-uidoc 
{
    text-transform: uppercase;
    color: #e74c3c;
}

/** Added by developers **/

/** UI ROUTER STATE TRANSITIONS **/

#step-ui.ng-enter, #step-ui.ng-leave 
{
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#step-ui.ng-enter 
{
    opacity: 0;
}

#step-ui.ng-enter-active 
{
    opacity: 1;
}

#step-ui.ng-leave 
{
    opacity: 1;
}

#step-ui.ng-leave-active 
{
    opacity: 0;
}

/** Tour plan selection **/

.brown-link 
{
    padding: 2px 2px;
}

#tab4-rootwizard-tabdetail .row.row-header
{
    margin-bottom:2px;
    padding-top: 0px;
}

/** Credits **/

.paymentGroup span.glyphicon-warning-sign 
{
    padding-right: 5px;
}

/** Cookies **/
.cookies 
{
    position: fixed;
    bottom:0;
    width:100%;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    font-size: 15px;    
    z-index: 9999;
    background-color: #980B0B;
    text-align:center;
}

.iconClose {
    height: 25px;
    width: 25px;
    background: url(../images/close.png) no-repeat center;
    margin-right: 10px;
    float: right;
    cursor: pointer;
}

/*
 * Estilos únicos para portal Activation
 */

.navbar
{
    margin-bottom: 0px!important;
}

#tab1-rootwizard-tabdetail,
#tab2-rootwizard-tabdetail,
#tab3-rootwizard-tabdetail,
#tab4-rootwizard-tabdetail 
{
    padding-top: 20px!important;
    min-height: 460px!important;
}

.row.container-steps 
{
    padding-top: 20px;
}

.error-container 
{
    padding: 1% 0% 5% 0%;
    width: 800px;
}

.bwizard-steps {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #fff
}

.bwizard-steps .active {
    color: #fff;
    background: #007ACC
}

.bwizard-steps .active:after {
    border-left-color: #007ACC
}

.bwizard-steps .active a {
    color: #fff;
    cursor: default
}

.bwizard-steps .label {
    position: relative;
    top: -1px;
    margin: 0 5px 0 0;
    padding: 1px 5px 2px
}

.bwizard-steps .active .label {
    background-color: #333;
}

.bwizard-steps li {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    padding: 12px 17px 10px 30px;
    *display: inline;
    *padding-left: 17px;
    background: #efefef;
    line-height: 18px;
    list-style: none;
    zoom: 1;
}

.bwizard-steps li:first-child {
    padding-left: 12px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.bwizard-steps li:first-child:before {
    border: none
}

.bwizard-steps li:last-child {
    margin-right: 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.bwizard-steps li:last-child:after {
    border: none
}

.bwizard-steps li:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    border-top: 20px inset transparent;
    content: ""
}

.bwizard-steps li:after {
    position: absolute;
    right: -20px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    border-top: 20px inset transparent;
    content: "";
    z-index: 2;
}

.bwizard-steps a {
    color: #333
}

.bwizard-steps a:hover {
    text-decoration: none
}

.bwizard-steps.clickable li:not(.active) {
    cursor: pointer
}

.bwizard-steps.clickable li:hover:not(.active) {
    background: #ccc
}

.bwizard-steps.clickable li:hover:not(.active):after {
    border-left-color: #ccc
}

.bwizard-steps.clickable li:hover:not(.active) a {
    color: #08c
}

@media (max-width: 480px) {
    /* badges only on small screens */
    .bwizard-steps li:after,
    .bwizard-steps li:before {
        border: none
    }

    .bwizard-steps li,
    .bwizard-steps li.active,
    .bwizard-steps li:first-child,
    .bwizard-steps li:last-child {
        margin-right: 0;
        padding: 0;
        background-color: transparent
    }
}

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.no-border-radius {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-justify {
    text-align: justify;
}

.text-line-through {
    text-decoration: line-through;
}

.social-google {
    background-color: #da573b;
    border-color: #be5238;
    color: #ffffff !important;
}

.social-google:hover {
    background-color: #be5238;
    border-color: #9b4631;
    color: #ffffff !important;
}

.social-twitter {
    background-color: #1daee3;
    border-color: #3997ba;
    color: #ffffff !important;
}

.social-twitter:hover {
    background-color: #3997ba;
    border-color: #347b95;
    color: #ffffff !important;
}

.social-facebook {
    background-color: #4c699e;
    border-color: #47618d;
    color: #ffffff !important;
}

.social-facebook:hover {
    background-color: #47618d;
    border-color: #3c5173;
    color: #ffffff !important;
}

input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"],
input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: 0 !important;
    margin-top: 3px;
}

/**************************/
/****** Style Border *****/
/****** Style Border *****/
/**************************/
/************************/
/***** Jquery Pace *****/
.pace .pace-progress {
    background: #ed5565;
    height: 5px;
}

/***** Jquery Pace *****/
/***********************/
/**************************************/
/********* Jquery Flot Chart *********/
.legendColorBox {
    padding: 3px 0;
}

.legendColorBox div {
    border-radius: 50%;
    margin-right: 5px;
}

.legendColorBox div div {
    margin-right: 0;
}

/********* Jquery Flot Chart *********/
/************************************/
/***********************************/
/*********** Jquery UI ************/
.ui-state-default {
    border: 0;
    background: #ed5565;
    color: #ffffff;
}

.ui-widget-content {
    background: #ffffff;
    border: 1px solid #e5e5e5;
}

.ui-widget-content .ui-state-default {
    border: 0;
    background: #ed5565;
    color: #ffffff;
}

.ui-widget-header {
    background: #ed5565;
}

.ui-widget-header .ui-state-default {
    border: 0;
    background: #ed5565;
    color: #ffffff;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 2em;
    height: 2em;
    border-radius: 50%;
}

.ui-slider.ui-slider-horizontal .ui-slider-handle {
    top: -0.7em;
}

.ui-slider.ui-slider-vertical .ui-slider-handle {
    left: -0.7em;
}

#slider-multi span {
    height: 120px;
    float: left;
    margin: 20px;
}

/*********************************/
/****** Jquery FullCalendar *****/
#external-events {
    text-align: left;
}

#external-events h4 {
    font-family: 'Oswald';
    font-size: 18px;
}

.external-event {
    /* try to mimick the look of a real event */
    margin: 5px 3px;
    padding: 4px;
    cursor: move;
    display: inline-block;
}

#external-events p {
    margin: 1.5em 0;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

/****** Jquery FullCalendar *****/
/*******************************/
/**************************************/
/********** Jquery News Ticker *********/
.ticker-wrapper.has-js {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 42px;
    display: block;
    background: transparent;
}

.ticker {
    width: 100%;
    height: 42px;
    display: block;
    position: relative;
    overflow: hidden;
    background: transparent;
}

.ticker-title {
    background-color: transparent;
}

.ticker-content {
    color: #999999;
    font-size: 18px;
    background: transparent;
}

.ticker-content a {
    color: #ed5565;
}

.ticker-content a:hover,
.ticker-content a:focus {
    color: #999999;
    text-decoration: none;
}

.ticker-swipe {
    width: 100%;
    height: 42px;
    background-color: #ffffff;
}

.ticker-swipe span {
    margin-left: 1px;
    background-color: #ffffff;
    border-bottom: 3px solid #999999;
    height: 21px;
    width: 7px;
    display: block;
}

/********** Jquery News Ticker *********/
/**************************************/
/**************************************/
/********** Jquery Jvectormap *********/
.jvectormap-zoomin,
.jvectormap-zoomout {
    background: #b0b800;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 4px 0;
}

.jvectormap-zoomout {
    top: 40px;
}

/********** Jquery Jvectormap *********/
/**************************************/
/***********************************************/
/************ Jquery Bootstrap Switch *********/
.has-switch {
    border-color: #e5e5e5;
}

.has-switch span.switch-left {
    text-shadow: none;
    background-color: #ed5565;
    background-image: none;
    border: 1px solid #e5e5e5;
}

.has-switch label {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    text-shadow: none;
    background-image: none;
    border-color: #e5e5e5;
}

.has-switch span.switch-right {
    text-shadow: none;
    background-color: #f0f0f0;
    background-image: none;
    border-color: #e5e5e5;
    color: #999999;
}

.has-switch span.switch-primary:hover,
.has-switch span.switch-left:hover,
.has-switch span.switch-primary:focus,
.has-switch span.switch-left:focus,
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active,
.has-switch span.switch-primary.disabled,
.has-switch span.switch-left.disabled,
.has-switch span.switch-primary[disabled],
.has-switch span.switch-left[disabled] {
    background-color: #ed5565;
}

.has-switch span.switch-info:hover,
.has-switch span.switch-info:focus,
.has-switch span.switch-info:active,
.has-switch span.switch-info.active,
.has-switch span.switch-info.disabled,
.has-switch span.switch-info[disabled] {
    background: #5bc0de;
}

/************ Jquery Bootstrap Switch *********/
/*********************************************/
/******************************************/
/*********** Jquery DatePicker *************/
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background: #ed5565;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background: #ed5565;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background: #777777;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-image: none;
}

/*********** Jquery DatePicker *************/
/******************************************/
/**********************************************/
/*********** Jquery DateRangePicker **********/
.daterangepicker .ranges li {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #999999;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #ed5565;
    border: 1px solid #ed5565;
}

/********** Jquery DateRangePicker *********/
/******************************************/
/*************************************************/
/********** Jquery Clockface TimePicker *********/
.clockface .outer.active,
.clockface .outer.active:hover {
    background-image: none;
}

.clockface .inner.active,
.clockface .inner.active:hover {
    background-image: none;
}

.clockface .inner.active:hover,
.clockface .inner.active:hover:hover,
.clockface .inner.active:active,
.clockface .inner.active:hover:active,
.clockface .inner.active.active,
.clockface .inner.active:hover.active,
.clockface .inner.active.disabled,
.clockface .inner.active:hover.disabled,
.clockface .inner.active[disabled],
.clockface .inner.active:hover[disabled] {
    background: #ed5565;
}

/********** Jquery Clockface TimePicker *********/
/***********************************************/
/*******************************************/
/********** Bootstrap form wizard *********/
.bwizard-steps li a {
    font-family: 'oswald';
    line-height: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #999999;
}

.bwizard-steps .active {
    color: #fff !important;
    background: #007ACC !important;
}

.bwizard-steps .active:after {
    border-left-color: #007acc !important;
}

.bwizard-steps .active a {
    color: #fff !important;
    cursor: default !important;
}

.bwizard-steps li.visited {
    color: #fff;
    background-color: #ccebff;
}

.bwizard-steps li.visited:after {
    border-left-color: #ccebff;
}

#rootwizard ul li a
{
    font-family: 'oswald';
}

#rootwizard-tabdetail ul li {
    margin: 0px;
    width: 25%;
    padding-right: 5px;
}

#rootwizard-tabdetail li {
    border-radius: 4px;
}

#rootwizard-tabdetail li.visited a {
    opacity: 1;
}

#rootwizard-tabdetail li a span {
    font-family: helvetica, arial, sans-serif;
    font-size: 17px;
}

.navbar-inverse {
    border: none;
    background: #2598b0;
    /* Old browsers */
    min-height: 0;
}

.navbar-inverse .navbar-inner li {
    margin-right: 15px;
}

.navbar-inverse .navbar-inner li a {
    font-size: 16px;
    color: #e5e5e5;
}

.navbar-inverse .navbar-inner li a:hover {
    color: #FFFFFF;
}

.navbar-inverse .navbar-inner li a:hover {
    background-color: inherit;
    color: #FFFFFF;
}

.navbar-inverse .navbar-inner li.active {
    background-color: inherit;
    color: #FFFFFF;
}

.navbar-inverse .navbar-inner li.active a {
    background-color: #21869b;
}

/********** Bootstrap form wizard *********/
/*******************************************/
/*******************************************/
/********** Form Editor *********/
.jHtmlArea .h1,
.jHtmlArea .h2,
.jHtmlArea .h3,
.jHtmlArea .h4,
.jHtmlArea .h5,
.jHtmlArea .h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.cke_editable_inline:hover {
    cursor: pointer;
}

.cke_focus {
    border-radius: 4px;
    padding: 10px;
    background: none repeat scroll 0 0 #EEEEEE;
    box-shadow: 0 0 20px 3px #DDDDDD inset, 0 0 1px #000000 inset;
    outline: medium none;
    cursor: text !important;
}

.cke_focus:hover {
    cursor: text;
}

/********** Form Editor *********/
/*******************************************/
.view {
    margin: 0px !important;
    border: 5px solid #FFFFFF;
    border-radius: 4px;
    /*border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;*/
}

.view a.info {
    background: transparent;
}

.view a.info i {
    font-size: 20px;
}