/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 10px;
    padding-bottom: 20px;
    background: #4ca1af; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4ca1af, #c4e0e5); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4ca1af, #c4e0e5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #444;
    z-index: 1;
}

.backline-gradient-orange {
    position: fixed;
    top: -100px;
    left: 150px;
    z-index: -1;
    height: 150%;
    width: 150px;
    background-color: #F05F40;
    opacity: 0.9;
    box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.5);
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari */
    transform: rotate(-30deg); /* Standard syntax */
}

.backline-gradient-white {
    position: fixed;
    top: -100px;
    left: 60px;
    z-index: -1;
    height: 150%;
    width: 75px;
    background-color: #caf3fa;
    opacity: 0.9;
    box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.5);
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari */
    transform: rotate(-30deg); /* Standard syntax */
}

.backimg-title {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: -1;
    max-height: 200px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding: 0px;
    z-index: 3;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

a {
    color: inherit;
}

/* Responsive: Portrait tablets and up */
@media screen and (max-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
        margin-top: 0px;
    }

    .container {
        padding: 0px;
    }
}

.navbar-j-brand {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    display:none;
}

.navbar-j-brand.scrolled-brand {
        display:inline-block;
    }

    .navbar-j-brand:hover {
        color: #eee;
    }

    .navbar-j-brand.scrolled-brand:hover {
        color: #c85138;
    }

.navbar-j-link {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    vertical-align:middle;
    color:#fff;
    display:none;
}
.navbar-j-link.scrolled-link {
        color: #888;
        display:inline-block;
    }
.navbar-j-link:hover {
        color: #eee;
    }

    .navbar-j-link.scrolled-link:hover {
        color: #c85138;
    }

.navbar-j {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    height: 50px;
    padding: 0px 20px;
    vertical-align: middle;
    line-height: 50px;
    color: #ffffff;
    font-size: 30px;
}

    .navbar-j.scrolled {
        background: #fafafa;
        box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.5);
        color: #F05F40;
    }

.hr-title {
    height: 3px;
    border: none;
    color: #F05F40;
    background-color: #F05F40;
    width: 100px;
    text-align: center;
    margin: 30px auto;
}

.hr-left {
    text-align: left;
    margin: 20px 5px;
}

.btn-jc-primary {
    color: #F05F40 !important;
    background-color: transparent;
    border-color: #F05F40 !important;
    border-width: 2px;
    transition: all 0.5s ease 0s;
}

    .btn-jc-primary:hover,
    .btn-jc-primary:focus,
    .btn-jc-primary:active,
    .btn-jc-primary.active,
    .open .dropdown-toggle.btn-jc-primary {
        color: #fff !important;
        background-color: #F05F40 !important;
        border-color: #F05F40 !important;
    }

    .btn-jc-primary:active,
    .btn-jc-primary.active,
    .open .dropdown-toggle.btn-jc-primary {
        background-image: none;
    }

    .btn-jc-primary.disabled,
    .btn-jc-primary[disabled],
    fieldset[disabled] .btn-jc-primary,
    .btn-jc-primary.disabled:hover,
    .btn-jc-primary[disabled]:hover,
    fieldset[disabled] .btn-jc-primary:hover,
    .btn-jc-primary.disabled:focus,
    .btn-jc-primary[disabled]:focus,
    fieldset[disabled] .btn-jc-primary:focus,
    .btn-jc-primary.disabled:active,
    .btn-jc-primary[disabled]:active,
    fieldset[disabled] .btn-jc-primary:active,
    .btn-jc-primary.disabled.active,
    .btn-jc-primary[disabled].active,
    fieldset[disabled] .btn-jc-primary.active {
        background-color: #edafa1;
        border-color: #edafa1;
    }

.btn-jc-primary-alt {
    color: #fff !important;
    background-color: #F05F40;
    border-color: #F05F40 !important;
    border-width: 2px;
    transition: all 0.5s ease 0s;
}

    .btn-jc-primary-alt:hover,
    .btn-jc-primary-alt:focus,
    .btn-jc-primary-alt:active,
    .btn-jc-primary-alt.active,
    .open .dropdown-toggle.btn-jc-primary-alt {
        color: #fff !important;
        background-color: #ee4e2b !important;
        border-color: #ee4e2b !important;
    }

    .btn-jc-primary-alt:active,
    .btn-jc-primary-alt.active,
    .open .dropdown-toggle.btn-jc-primary-alt {
        background-image: none;
    }

    .btn-jc-primary-alt.disabled,
    .btn-jc-primary-alt[disabled],
    fieldset[disabled] .btn-jc-primary-alt,
    .btn-jc-primary-alt.disabled:hover,
    .btn-jc-primary-alt[disabled]:hover,
    fieldset[disabled] .btn-jc-primary-alt:hover,
    .btn-jc-primary-alt.disabled:focus,
    .btn-jc-primary-alt[disabled]:focus,
    fieldset[disabled] .btn-jc-primary-alt:focus,
    .btn-jc-primary-alt.disabled:active,
    .btn-jc-primary-alt[disabled]:active,
    fieldset[disabled] .btn-jc-primary-alt:active,
    .btn-jc-primary-alt.disabled.active,
    .btn-jc-primary-alt[disabled].active,
    fieldset[disabled] .btn-jc-primary-alt.active {
        background-color: #edafa1;
        border-color: #edafa1;
    }

.btn-jc-secondary {
    color: #fff !important;
    background-color: #085c67;
    border-color: #085c67 !important;
    border-width: 2px;
    transition: all 0.5s ease 0s;
}

    .btn-jc-secondary:hover,
    .btn-jc-secondary:focus,
    .btn-jc-secondary:active,
    .btn-jc-secondary.active,
    .open .dropdown-toggle.btn-jc-secondary {
        color: #fff !important;
        background-color: #064851 !important;
        border-color: #064851 !important;
    }

    .btn-jc-secondary:active,
    .btn-jc-secondary.active,
    .open .dropdown-toggle.btn-jc-secondary {
        background-image: none;
    }

    .btn-jc-secondary.disabled,
    .btn-jc-secondary[disabled],
    fieldset[disabled] .btn-jc-secondary,
    .btn-jc-secondary.disabled:hover,
    .btn-jc-secondary[disabled]:hover,
    fieldset[disabled] .btn-jc-secondary:hover,
    .btn-jc-secondary.disabled:focus,
    .btn-jc-secondary[disabled]:focus,
    fieldset[disabled] .btn-jc-secondary:focus,
    .btn-jc-secondary.disabled:active,
    .btn-jc-secondary[disabled]:active,
    fieldset[disabled] .btn-jc-secondary:active,
    .btn-jc-secondary.disabled.active,
    .btn-jc-secondary[disabled].active,
    fieldset[disabled] .btn-jc-secondary.active {
        background-color: #c1dbe0;
        border-color: #c1dbe0;
    }

.btn-jc-secondary-alt {
    color: #fff !important;
    background-color: #085c67;
    border-color: #085c67 !important;
    border-width: 2px;
    transition: all 0.5s ease 0s;
}

    .btn-jc-secondary-alt:hover,
    .btn-jc-secondary-alt:focus,
    .btn-jc-secondary-alt:active,
    .btn-jc-secondary-alt.active,
    .open .dropdown-toggle.jc-secondary-alt {
        color: #fff !important;
        background-color: #073e45 !important;
        border-color: #073e45 !important;
    }

    .btn-jc-secondary-alt:active,
    .btn-jc-secondary-alt.active,
    .open .dropdown-toggle.jc-secondary-alt {
        background-image: none;
    }

    .btn-jc-secondary-alt.disabled,
    .btn-jc-secondary-alt[disabled],
    fieldset[disabled] .btn-jc-secondary-alt,
    .btn-jc-secondary-alt.disabled:hover,
    .btn-jc-secondary-alt[disabled]:hover,
    fieldset[disabled] .btn-jc-secondary-alt:hover,
    .btn-jc-secondary-alt.disabled:focus,
    .btn-jc-secondary-alt[disabled]:focus,
    fieldset[disabled] .btn-jc-secondary-alt:focus,
    .btn-jc-secondary-alt.disabled:active,
    .btn-jc-secondary-alt[disabled]:active,
    fieldset[disabled] .btn-jc-secondary-alt:active,
    .btn-jc-secondary-alt.disabled.active,
    .btn-jc-secondary-alt[disabled].active,
    fieldset[disabled] .btn-jc-secondary-alt.active {
        background-color: #c1dbe0;
        border-color: #c1dbe0;
    }

.btn-jc-secondary-light {
    color: #caf3fa !important;
    background-color: transparent;
    border-color: #caf3fa !important;
    border-width: 2px;
    transition: all 0.5s ease 0s;
}

    .btn-jc-secondary-light:hover,
    .btn-jc-secondary-light:focus,
    .btn-jc-secondary-light:active,
    .btn-jc-secondary-light.active,
    .open .dropdown-toggle.btn-trans-secondary-light {
        color: #077280 !important;
        background-color: #caf3fa !important;
        border-color: #caf3fa !important;
    }

    .btn-jc-secondary-light:active,
    .btn-jc-secondary-light.active,
    .open .dropdown-toggle.btn-jc-secondary-light {
        background-image: none;
    }

    .btn-jc-secondary-light.disabled,
    .btn-jc-secondary-light[disabled],
    fieldset[disabled] .btn-jc-secondary-light,
    .btn-jc-secondary-light.disabled:hover,
    .btn-jc-secondary-light[disabled]:hover,
    fieldset[disabled] .btn-jc-secondary-light:hover,
    .btn-jc-secondary-light.disabled:focus,
    .btn-jc-secondary-light[disabled]:focus,
    fieldset[disabled] .btn-jc-secondary-light:focus,
    .btn-jc-secondary-light.disabled:active,
    .btn-jc-secondary-light[disabled]:active,
    fieldset[disabled] .btn-jc-secondary-light:active,
    .btn-jc-secondary-light.disabled.active,
    .btn-jc-secondary-light[disabled].active,
    fieldset[disabled] .btn-jc-secondary-light.active {
        background-color: #c1dbe0;
        border-color: #c1dbe0;
    }

.text-primary-j { /*over white*/
    color: #F05F40;
}

.text-secondary-j-dark { /*over white*/
    color: #077280;
}

.text-secondary-j-light { /*over dark*/
    color: #caf3fa;
}

.well-primary-dark {
    background-color: #077280;
}

.well-primary-light {
    background-color: #80d2e1;
}

.well-secondary-dark {
    background-color: #99c0c7;
}

.well-secondary-light {
    background-color: #feffff;
}







/* CSSCreator */
.cssc-panel-parent {
    display: table;
    width: 100%;
}

.cssc-panel {
    padding: 0px;
    height: 440px;
    margin-bottom: 5px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

    .cssc-panel > div {
        padding: 20px;
        overflow: auto;
        height: 415px;
        width: calc(100% + 0px);
    }

.cssc-panel-normal {
    border: 1px solid #4ca1af;
    background-color: #fff;
}

.cssc-panel-normal-grey {
    border: 1px solid #4ca1af;
    background-color: #f9f9f9;
}

.cssc-panel-dark {
    border: 1px solid #4ca1af;
    background-color: #4ca1af;
    color: #fff;
}

.cssc-panel-light {
    border: 1px solid #4ca1af;
    background-color: #caf3fa;
}

.cssc-btn-light {
    position: absolute;
    bottom: 1px;
    right: 1px;
    background-color: #077280;
    border: 1px solid #fff;
    color: #ffffff;
    font-size: 12px;
}

.cssc-btn-dark {
}

@media screen and (max-width: 768px) {
    .cssc-panel {
    }
}
/* fin Resizable */






/* option-slide */
.option-slide {
    width: 40px;
    height: 10px;
    background: #fff;
    margin: 5px;
    position: relative;
    top: 7px;
    border-radius: 12px;
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    z-index: 0;
    display: inline-block;
}

    .option-slide > span {
        width: 40px;
        height: 10px;
        background-color: #ddd;
        margin: 5px;
        position: absolute;
        top: -5px;
        left: -5px;
        display: block;
        border-radius: 12px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .option-slide > label {
        display: block;
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        background: #fcfcfc;
        top: -5px;
        left: -5px;
        z-index: 1;
        border-radius: 50%;
        box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .option-slide input[type=checkbox] {
        visibility: hidden;
    }

        .option-slide input[type=checkbox]:checked + label {
            background: #077280;
            box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
            left: 25px;
        }

            .option-slide input[type=checkbox]:checked + label + span {
                background-color: #caf3fa;
            }

/* end .option-slide */




/* tabs tabs-JC */

.nav-tabs-JC {
    border-bottom: 1px solid #dddddd;
    text-align: left;
    font-size: 90%;
    background-color: transparent;
}

    .nav-tabs-JC > li {
        display: inline-block;
    }

        .nav-tabs-JC > li > a {
            color: #333;
            font-weight:bold;
            margin-right: 0px;
            margin-left: 0px;
            line-height: 1.428571429;
            border-radius: 0;
            background-color: transparent;
            border: 0px solid #dddddd;
            padding: 10px 12px;
            top: 1px;
        }

        .nav-tabs-JC > li > a > i {
            display:inline-block !important;
            font-size:25px;
        }

        .nav-tabs-JC > li > a > span {
            display:inline-block;
        }

            .nav-tabs-JC > li > a:hover {
                border-bottom: 2px solid #4ca1af;
                background-color: transparent;
                border: 0px solid #dddddd;
                color: #4ca1af;
            }

        .nav-tabs-JC > li.active > a,
        .nav-tabs-JC > li.active > a:hover,
        .nav-tabs-JC > li.active > a:focus {
            color: #4ca1af;
            cursor: default;
            background-color: transparent !important;
            border: 0px solid #dddddd;
            border-bottom: 3px solid #4ca1af;
            border-left: 0px solid #dddddd;
            border-right: 0px solid #dddddd;
            position: relative;
            top: 1px;
        }

@media screen and (max-width: 768px) {
    .fixed-tab.fixed {
        position: fixed;
        top: 50px;
        width: 100%;
        margin: 0px;
        background-color: #fafafa;
        z-index: 1;
    }

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

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

    .nav-tabs-JC {
        border-top: 1px solid #eee;
        text-align: center;
        background-color: #fff;
        overflow-x: auto;
        overflow-y: hidden;
        position: fixed;
        z-index: 1;
        bottom: -20px;
        width: 100%;
        height: 70px;
    }


        .nav-tabs-JC > li {
            width: 1% !important;
            position: relative !important;
            display: table-cell !important;
            margin: unset;
            top: -15px !important;
        }

            /*
        .nav-tabs-JC > li:nth-child(n+7) {
            
        }
        */
            .nav-tabs-JC > li, .nav-tabs-JC > li > a {
                color: #888;
                line-height: 1.428571429;
                padding: 15px;
                border: none;
                font-size: 20px;
                background-color: transparent;
            }

                .nav-tabs-JC > li > a:hover {
                    border: none;
                    color: #4ca1af;
                    background-color: #fff;
                }

                .nav-tabs-JC > li.active > a,
                .nav-tabs-JC > li.active > a:hover,
                .nav-tabs-JC > li.active > a:focus {
                    font-weight: bold;
                    color: #4ca1af;
                    cursor: default;
                    top: 0px;
                    border: none !important;
                    background-color: #fff !important;
                }
}

/* Fin tabs-JC */






/* check-radio */
.check-radio {
    font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
    overflow: hidden;
    width:50px;
}

.check-radio > input {
    display: none;
}

.check-radio > label {
    background-color: rgba(170,170,170,0.7);
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px 6px;
    border: 2px solid #dddddd;
}

.check-radio > label > span {
    margin:auto;
    font-size:15px;
}

    .check-radio > label:hover {
        cursor: pointer;
    }

.check-radio > input:checked + label {
    background-color: #4ca1af;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
}
/* fin check-radio */