/*---------------------------
2.1 Waves / .waves-transition
-----------------------------*/
/*!
 * Waves v0.7.2
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        opacity: 0;
        background: rgba(0, 0, 0, 0.2);
        background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
        background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
        background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
        background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
        -webkit-transform: scale(0) translate(0, 0);
        -moz-transform: scale(0) translate(0, 0);
        -ms-transform: scale(0) translate(0, 0);
        -o-transform: scale(0) translate(0, 0);
        transform: scale(0) translate(0, 0);
        pointer-events: none;
    }

    .waves-effect.waves-light .waves-ripple {
        background: rgba(255, 255, 255, 0.4);
        background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
        background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
        background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
        background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

    .waves-effect.waves-classic .waves-ripple {
        background: rgba(0, 0, 0, 0.2);
    }

    .waves-effect.waves-classic.waves-light .waves-ripple {
        background: rgba(255, 255, 255, 0.4);
    }

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

    .waves-button,
    .waves-button:hover,
    .waves-button:visited,
    .waves-button-input {
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: none;
        outline: none;
        color: inherit;
        background-color: rgba(0, 0, 0, 0);
        font-size: 1em;
        line-height: 1em;
        text-align: center;
        text-decoration: none;
        z-index: 1;
    }

.waves-button {
    padding: 0.85em 1.1em;
    border-radius: 0.2em;
}

.waves-button-input {
    margin: 0;
    padding: 0.85em 1.1em;
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}

    .waves-input-wrapper.waves-button {
        padding: 0;
    }

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

    .waves-float:active {
        -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
    }

.waves-block {
    display: block;
}
/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
    z-index: -1;
}
/*------------------------------------
2.2 Material Box Shadow / .z-depth-top
--------------------------------------*/
/*-----------------------
2.3 Header / .page-header
-------------------------*/
.card-shadow,
.tbl-action-toolbar > ul > li .dropdown-menu {
    box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.1);
}

.page-header {
    margin: 0px;
    border-bottom: 0px;
    margin-bottom: 5px;
    padding-bottom: 0px;
}

    .page-header h1,
    .page-header h2,
    .page-header h3,
    .page-header h4,
    .page-header h5,
    .page-header h6 {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left:30px;
        font-size: 24px;
        font-weight: 300;
    }

    .page-header ul {
        margin-bottom: 0px;
        margin-top: 6px;
        list-style: none;
        padding: 0px;
    }

    .page-header p {
        margin-bottom: 0px;
        margin-top: 6px;
        margin-left: 30px;
        color: #666;
    }

    .page-header.filled {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /*padding: 30px;*/
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .page-header.light {
        background-color: #fff;
    }

    .page-header.img-bg {
        position: relative;
        background-color: #fff;
        background-image: url("../images/header-bg.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

        .page-header.img-bg .overlay-bg {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0px;
            top: 0px;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .page-header.img-bg * {
            color: #f5f5f5;
        }

        .page-header.img-bg .list-page-breadcrumb li a {
            color: #f5f5f5;
        }

            .page-header.img-bg .list-page-breadcrumb li a:hover,
            .page-header.img-bg .list-page-breadcrumb li a:focus {
                text-decoration: none;
                color: #17bab8;
            }

        .page-header.img-bg .list-page-breadcrumb li.active-page {
            color: #f5f5f5;
        }

    .page-header.single-line .list-page-breadcrumb {
        margin-top: 0px;
    }

    .page-header.dark {
        background-color: #555;
    }

        .page-header.dark * {
            color: #f5f5f5;
        }

        .page-header.dark .list-page-breadcrumb li a {
            color: #f5f5f5;
        }

            .page-header.dark .list-page-breadcrumb li a:hover,
            .page-header.dark .list-page-breadcrumb li a:focus {
                text-decoration: none;
                color: #17bab8;
            }

        .page-header.dark .list-page-breadcrumb li.active-page {
            color: #f5f5f5;
        }

    .page-header.full-block {
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
        margin-left: -30px;
        margin-right: -30px;
        margin-top: -30px;
    }

        .page-header.full-block .overlay-bg {
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

    .page-header .list-page-breadcrumb {
        text-align: right;
        margin-top: 14px;
    }

        .page-header .list-page-breadcrumb li {
            list-style: none;
            display: inline-block;
            font-size: 12px;
            padding-left: 6px;
        }

            .page-header .list-page-breadcrumb li a {
                color: #444444;
            }

                .page-header .list-page-breadcrumb li a:hover,
                .page-header .list-page-breadcrumb li a:focus {
                    text-decoration: none;
                    color: #17bab8;
                }

                .page-header .list-page-breadcrumb li a i {
                    padding-left: 6px;
                }

            .page-header .list-page-breadcrumb li.active-page {
                color: #868686;
            }
/*-------------------------
2.4 Flag Icons / .flag-icon
--------------------------*/
.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

    .flag-icon:before {
        content: "\00a0";
    }

    .flag-icon.flag-icon-squared {
        width: 1em;
    }

.flag-icon-ad {
    background-image: url(../images/flags/4x3/ad.svg);
}

    .flag-icon-ad.flag-icon-squared {
        background-image: url(../images/flags/1x1/ad.svg);
    }

.flag-icon-ae {
    background-image: url(../images/flags/4x3/ae.svg);
}

    .flag-icon-ae.flag-icon-squared {
        background-image: url(../images/flags/1x1/ae.svg);
    }

.flag-icon-af {
    background-image: url(../images/flags/4x3/af.svg);
}

    .flag-icon-af.flag-icon-squared {
        background-image: url(../images/flags/1x1/af.svg);
    }

.flag-icon-ag {
    background-image: url(../images/flags/4x3/ag.svg);
}

    .flag-icon-ag.flag-icon-squared {
        background-image: url(../images/flags/1x1/ag.svg);
    }

.flag-icon-ai {
    background-image: url(../images/flags/4x3/ai.svg);
}

    .flag-icon-ai.flag-icon-squared {
        background-image: url(../images/flags/1x1/ai.svg);
    }

.flag-icon-al {
    background-image: url(../images/flags/4x3/al.svg);
}

    .flag-icon-al.flag-icon-squared {
        background-image: url(../images/flags/1x1/al.svg);
    }

.flag-icon-am {
    background-image: url(../images/flags/4x3/am.svg);
}

    .flag-icon-am.flag-icon-squared {
        background-image: url(../images/flags/1x1/am.svg);
    }

.flag-icon-ao {
    background-image: url(../images/flags/4x3/ao.svg);
}

    .flag-icon-ao.flag-icon-squared {
        background-image: url(../images/flags/1x1/ao.svg);
    }

.flag-icon-aq {
    background-image: url(../images/flags/4x3/aq.svg);
}

    .flag-icon-aq.flag-icon-squared {
        background-image: url(../images/flags/1x1/aq.svg);
    }

.flag-icon-ar {
    background-image: url(../images/flags/4x3/ar.svg);
}

    .flag-icon-ar.flag-icon-squared {
        background-image: url(../images/flags/1x1/ar.svg);
    }

.flag-icon-as {
    background-image: url(../images/flags/4x3/as.svg);
}

    .flag-icon-as.flag-icon-squared {
        background-image: url(../images/flags/1x1/as.svg);
    }

.flag-icon-at {
    background-image: url(../images/flags/4x3/at.svg);
}

    .flag-icon-at.flag-icon-squared {
        background-image: url(../images/flags/1x1/at.svg);
    }

.flag-icon-au {
    background-image: url(../images/flags/4x3/au.svg);
}

    .flag-icon-au.flag-icon-squared {
        background-image: url(../images/flags/1x1/au.svg);
    }

.flag-icon-aw {
    background-image: url(../images/flags/4x3/aw.svg);
}

    .flag-icon-aw.flag-icon-squared {
        background-image: url(../images/flags/1x1/aw.svg);
    }

.flag-icon-ax {
    background-image: url(../images/flags/4x3/ax.svg);
}

    .flag-icon-ax.flag-icon-squared {
        background-image: url(../images/flags/1x1/ax.svg);
    }

.flag-icon-az {
    background-image: url(../images/flags/4x3/az.svg);
}

    .flag-icon-az.flag-icon-squared {
        background-image: url(../images/flags/1x1/az.svg);
    }

.flag-icon-ba {
    background-image: url(../images/flags/4x3/ba.svg);
}

    .flag-icon-ba.flag-icon-squared {
        background-image: url(../images/flags/1x1/ba.svg);
    }

.flag-icon-bb {
    background-image: url(../images/flags/4x3/bb.svg);
}

    .flag-icon-bb.flag-icon-squared {
        background-image: url(../images/flags/1x1/bb.svg);
    }

.flag-icon-bd {
    background-image: url(../images/flags/4x3/bd.svg);
}

    .flag-icon-bd.flag-icon-squared {
        background-image: url(../images/flags/1x1/bd.svg);
    }

.flag-icon-be {
    background-image: url(../images/flags/4x3/be.svg);
}

    .flag-icon-be.flag-icon-squared {
        background-image: url(../images/flags/1x1/be.svg);
    }

.flag-icon-bf {
    background-image: url(../images/flags/4x3/bf.svg);
}

    .flag-icon-bf.flag-icon-squared {
        background-image: url(../images/flags/1x1/bf.svg);
    }

.flag-icon-bg {
    background-image: url(../images/flags/4x3/bg.svg);
}

    .flag-icon-bg.flag-icon-squared {
        background-image: url(../images/flags/1x1/bg.svg);
    }

.flag-icon-bh {
    background-image: url(../images/flags/4x3/bh.svg);
}

    .flag-icon-bh.flag-icon-squared {
        background-image: url(../images/flags/1x1/bh.svg);
    }

.flag-icon-bi {
    background-image: url(../images/flags/4x3/bi.svg);
}

    .flag-icon-bi.flag-icon-squared {
        background-image: url(../images/flags/1x1/bi.svg);
    }

.flag-icon-bj {
    background-image: url(../images/flags/4x3/bj.svg);
}

    .flag-icon-bj.flag-icon-squared {
        background-image: url(../images/flags/1x1/bj.svg);
    }

.flag-icon-bl {
    background-image: url(../images/flags/4x3/bl.svg);
}

    .flag-icon-bl.flag-icon-squared {
        background-image: url(../images/flags/1x1/bl.svg);
    }

.flag-icon-bm {
    background-image: url(../images/flags/4x3/bm.svg);
}

    .flag-icon-bm.flag-icon-squared {
        background-image: url(../images/flags/1x1/bm.svg);
    }

.flag-icon-bn {
    background-image: url(../images/flags/4x3/bn.svg);
}

    .flag-icon-bn.flag-icon-squared {
        background-image: url(../images/flags/1x1/bn.svg);
    }

.flag-icon-bo {
    background-image: url(../images/flags/4x3/bo.svg);
}

    .flag-icon-bo.flag-icon-squared {
        background-image: url(../images/flags/1x1/bo.svg);
    }

.flag-icon-bq {
    background-image: url(../images/flags/4x3/bq.svg);
}

    .flag-icon-bq.flag-icon-squared {
        background-image: url(../images/flags/1x1/bq.svg);
    }

.flag-icon-br {
    background-image: url(../images/flags/4x3/br.svg);
}

    .flag-icon-br.flag-icon-squared {
        background-image: url(../images/flags/1x1/br.svg);
    }

.flag-icon-bs {
    background-image: url(../images/flags/4x3/bs.svg);
}

    .flag-icon-bs.flag-icon-squared {
        background-image: url(../images/flags/1x1/bs.svg);
    }

.flag-icon-bt {
    background-image: url(../images/flags/4x3/bt.svg);
}

    .flag-icon-bt.flag-icon-squared {
        background-image: url(../images/flags/1x1/bt.svg);
    }

.flag-icon-bv {
    background-image: url(../images/flags/4x3/bv.svg);
}

    .flag-icon-bv.flag-icon-squared {
        background-image: url(../images/flags/1x1/bv.svg);
    }

.flag-icon-bw {
    background-image: url(../images/flags/4x3/bw.svg);
}

    .flag-icon-bw.flag-icon-squared {
        background-image: url(../images/flags/1x1/bw.svg);
    }

.flag-icon-by {
    background-image: url(../images/flags/4x3/by.svg);
}

    .flag-icon-by.flag-icon-squared {
        background-image: url(../images/flags/1x1/by.svg);
    }

.flag-icon-bz {
    background-image: url(../images/flags/4x3/bz.svg);
}

    .flag-icon-bz.flag-icon-squared {
        background-image: url(../images/flags/1x1/bz.svg);
    }

.flag-icon-ca {
    background-image: url(../images/flags/4x3/ca.svg);
}

    .flag-icon-ca.flag-icon-squared {
        background-image: url(../images/flags/1x1/ca.svg);
    }

.flag-icon-cc {
    background-image: url(../images/flags/4x3/cc.svg);
}

    .flag-icon-cc.flag-icon-squared {
        background-image: url(../images/flags/1x1/cc.svg);
    }

.flag-icon-cd {
    background-image: url(../images/flags/4x3/cd.svg);
}

    .flag-icon-cd.flag-icon-squared {
        background-image: url(../images/flags/1x1/cd.svg);
    }

.flag-icon-cf {
    background-image: url(../images/flags/4x3/cf.svg);
}

    .flag-icon-cf.flag-icon-squared {
        background-image: url(../images/flags/1x1/cf.svg);
    }

.flag-icon-cg {
    background-image: url(../images/flags/4x3/cg.svg);
}

    .flag-icon-cg.flag-icon-squared {
        background-image: url(../images/flags/1x1/cg.svg);
    }

.flag-icon-ch {
    background-image: url(../images/flags/4x3/ch.svg);
}

    .flag-icon-ch.flag-icon-squared {
        background-image: url(../images/flags/1x1/ch.svg);
    }

.flag-icon-ci {
    background-image: url(../images/flags/4x3/ci.svg);
}

    .flag-icon-ci.flag-icon-squared {
        background-image: url(../images/flags/1x1/ci.svg);
    }

.flag-icon-ck {
    background-image: url(../images/flags/4x3/ck.svg);
}

    .flag-icon-ck.flag-icon-squared {
        background-image: url(../images/flags/1x1/ck.svg);
    }

.flag-icon-cl {
    background-image: url(../images/flags/4x3/cl.svg);
}

    .flag-icon-cl.flag-icon-squared {
        background-image: url(../images/flags/1x1/cl.svg);
    }

.flag-icon-cm {
    background-image: url(../images/flags/4x3/cm.svg);
}

    .flag-icon-cm.flag-icon-squared {
        background-image: url(../images/flags/1x1/cm.svg);
    }

.flag-icon-cn {
    background-image: url(../images/flags/4x3/cn.svg);
}

    .flag-icon-cn.flag-icon-squared {
        background-image: url(../images/flags/1x1/cn.svg);
    }

.flag-icon-co {
    background-image: url(../images/flags/4x3/co.svg);
}

    .flag-icon-co.flag-icon-squared {
        background-image: url(../images/flags/1x1/co.svg);
    }

.flag-icon-cr {
    background-image: url(../images/flags/4x3/cr.svg);
}

    .flag-icon-cr.flag-icon-squared {
        background-image: url(../images/flags/1x1/cr.svg);
    }

.flag-icon-cu {
    background-image: url(../images/flags/4x3/cu.svg);
}

    .flag-icon-cu.flag-icon-squared {
        background-image: url(../images/flags/1x1/cu.svg);
    }

.flag-icon-cv {
    background-image: url(../images/flags/4x3/cv.svg);
}

    .flag-icon-cv.flag-icon-squared {
        background-image: url(../images/flags/1x1/cv.svg);
    }

.flag-icon-cw {
    background-image: url(../images/flags/4x3/cw.svg);
}

    .flag-icon-cw.flag-icon-squared {
        background-image: url(../images/flags/1x1/cw.svg);
    }

.flag-icon-cx {
    background-image: url(../images/flags/4x3/cx.svg);
}

    .flag-icon-cx.flag-icon-squared {
        background-image: url(../images/flags/1x1/cx.svg);
    }

.flag-icon-cy {
    background-image: url(../images/flags/4x3/cy.svg);
}

    .flag-icon-cy.flag-icon-squared {
        background-image: url(../images/flags/1x1/cy.svg);
    }

.flag-icon-cz {
    background-image: url(../images/flags/4x3/cz.svg);
}

    .flag-icon-cz.flag-icon-squared {
        background-image: url(../images/flags/1x1/cz.svg);
    }

.flag-icon-de {
    background-image: url(../images/flags/4x3/de.svg);
}

    .flag-icon-de.flag-icon-squared {
        background-image: url(../images/flags/1x1/de.svg);
    }

.flag-icon-dj {
    background-image: url(../images/flags/4x3/dj.svg);
}

    .flag-icon-dj.flag-icon-squared {
        background-image: url(../images/flags/1x1/dj.svg);
    }

.flag-icon-dk {
    background-image: url(../images/flags/4x3/dk.svg);
}

    .flag-icon-dk.flag-icon-squared {
        background-image: url(../images/flags/1x1/dk.svg);
    }

.flag-icon-dm {
    background-image: url(../images/flags/4x3/dm.svg);
}

    .flag-icon-dm.flag-icon-squared {
        background-image: url(../images/flags/1x1/dm.svg);
    }

.flag-icon-do {
    background-image: url(../images/flags/4x3/do.svg);
}

    .flag-icon-do.flag-icon-squared {
        background-image: url(../images/flags/1x1/do.svg);
    }

.flag-icon-dz {
    background-image: url(../images/flags/4x3/dz.svg);
}

    .flag-icon-dz.flag-icon-squared {
        background-image: url(../images/flags/1x1/dz.svg);
    }

.flag-icon-ec {
    background-image: url(../images/flags/4x3/ec.svg);
}

    .flag-icon-ec.flag-icon-squared {
        background-image: url(../images/flags/1x1/ec.svg);
    }

.flag-icon-ee {
    background-image: url(../images/flags/4x3/ee.svg);
}

    .flag-icon-ee.flag-icon-squared {
        background-image: url(../images/flags/1x1/ee.svg);
    }

.flag-icon-eg {
    background-image: url(../images/flags/4x3/eg.svg);
}

    .flag-icon-eg.flag-icon-squared {
        background-image: url(../images/flags/1x1/eg.svg);
    }

.flag-icon-eh {
    background-image: url(../images/flags/4x3/eh.svg);
}

    .flag-icon-eh.flag-icon-squared {
        background-image: url(../images/flags/1x1/eh.svg);
    }

.flag-icon-er {
    background-image: url(../images/flags/4x3/er.svg);
}

    .flag-icon-er.flag-icon-squared {
        background-image: url(../images/flags/1x1/er.svg);
    }

.flag-icon-es {
    background-image: url(../images/flags/4x3/es.svg);
}

    .flag-icon-es.flag-icon-squared {
        background-image: url(../images/flags/1x1/es.svg);
    }

.flag-icon-et {
    background-image: url(../images/flags/4x3/et.svg);
}

    .flag-icon-et.flag-icon-squared {
        background-image: url(../images/flags/1x1/et.svg);
    }

.flag-icon-fi {
    background-image: url(../images/flags/4x3/fi.svg);
}

    .flag-icon-fi.flag-icon-squared {
        background-image: url(../images/flags/1x1/fi.svg);
    }

.flag-icon-fj {
    background-image: url(../images/flags/4x3/fj.svg);
}

    .flag-icon-fj.flag-icon-squared {
        background-image: url(../images/flags/1x1/fj.svg);
    }

.flag-icon-fk {
    background-image: url(../images/flags/4x3/fk.svg);
}

    .flag-icon-fk.flag-icon-squared {
        background-image: url(../images/flags/1x1/fk.svg);
    }

.flag-icon-fm {
    background-image: url(../images/flags/4x3/fm.svg);
}

    .flag-icon-fm.flag-icon-squared {
        background-image: url(../images/flags/1x1/fm.svg);
    }

.flag-icon-fo {
    background-image: url(../images/flags/4x3/fo.svg);
}

    .flag-icon-fo.flag-icon-squared {
        background-image: url(../images/flags/1x1/fo.svg);
    }

.flag-icon-fr {
    background-image: url(../images/flags/4x3/fr.svg);
}

    .flag-icon-fr.flag-icon-squared {
        background-image: url(../images/flags/1x1/fr.svg);
    }

.flag-icon-ga {
    background-image: url(../images/flags/4x3/ga.svg);
}

    .flag-icon-ga.flag-icon-squared {
        background-image: url(../images/flags/1x1/ga.svg);
    }

.flag-icon-gb {
    background-image: url(../images/flags/4x3/gb.svg);
}

    .flag-icon-gb.flag-icon-squared {
        background-image: url(../images/flags/1x1/gb.svg);
    }

.flag-icon-gd {
    background-image: url(../images/flags/4x3/gd.svg);
}

    .flag-icon-gd.flag-icon-squared {
        background-image: url(../images/flags/1x1/gd.svg);
    }

.flag-icon-ge {
    background-image: url(../images/flags/4x3/ge.svg);
}

    .flag-icon-ge.flag-icon-squared {
        background-image: url(../images/flags/1x1/ge.svg);
    }

.flag-icon-gf {
    background-image: url(../images/flags/4x3/gf.svg);
}

    .flag-icon-gf.flag-icon-squared {
        background-image: url(../images/flags/1x1/gf.svg);
    }

.flag-icon-gg {
    background-image: url(../images/flags/4x3/gg.svg);
}

    .flag-icon-gg.flag-icon-squared {
        background-image: url(../images/flags/1x1/gg.svg);
    }

.flag-icon-gh {
    background-image: url(../images/flags/4x3/gh.svg);
}

    .flag-icon-gh.flag-icon-squared {
        background-image: url(../images/flags/1x1/gh.svg);
    }

.flag-icon-gi {
    background-image: url(../images/flags/4x3/gi.svg);
}

    .flag-icon-gi.flag-icon-squared {
        background-image: url(../images/flags/1x1/gi.svg);
    }

.flag-icon-gl {
    background-image: url(../images/flags/4x3/gl.svg);
}

    .flag-icon-gl.flag-icon-squared {
        background-image: url(../images/flags/1x1/gl.svg);
    }

.flag-icon-gm {
    background-image: url(../images/flags/4x3/gm.svg);
}

    .flag-icon-gm.flag-icon-squared {
        background-image: url(../images/flags/1x1/gm.svg);
    }

.flag-icon-gn {
    background-image: url(../images/flags/4x3/gn.svg);
}

    .flag-icon-gn.flag-icon-squared {
        background-image: url(../images/flags/1x1/gn.svg);
    }

.flag-icon-gp {
    background-image: url(../images/flags/4x3/gp.svg);
}

    .flag-icon-gp.flag-icon-squared {
        background-image: url(../images/flags/1x1/gp.svg);
    }

.flag-icon-gq {
    background-image: url(../images/flags/4x3/gq.svg);
}

    .flag-icon-gq.flag-icon-squared {
        background-image: url(../images/flags/1x1/gq.svg);
    }

.flag-icon-gr {
    background-image: url(../images/flags/4x3/gr.svg);
}

    .flag-icon-gr.flag-icon-squared {
        background-image: url(../images/flags/1x1/gr.svg);
    }

.flag-icon-gs {
    background-image: url(../images/flags/4x3/gs.svg);
}

    .flag-icon-gs.flag-icon-squared {
        background-image: url(../images/flags/1x1/gs.svg);
    }

.flag-icon-gt {
    background-image: url(../images/flags/4x3/gt.svg);
}

    .flag-icon-gt.flag-icon-squared {
        background-image: url(../images/flags/1x1/gt.svg);
    }

.flag-icon-gu {
    background-image: url(../images/flags/4x3/gu.svg);
}

    .flag-icon-gu.flag-icon-squared {
        background-image: url(../images/flags/1x1/gu.svg);
    }

.flag-icon-gw {
    background-image: url(../images/flags/4x3/gw.svg);
}

    .flag-icon-gw.flag-icon-squared {
        background-image: url(../images/flags/1x1/gw.svg);
    }

.flag-icon-gy {
    background-image: url(../images/flags/4x3/gy.svg);
}

    .flag-icon-gy.flag-icon-squared {
        background-image: url(../images/flags/1x1/gy.svg);
    }

.flag-icon-hk {
    background-image: url(../images/flags/4x3/hk.svg);
}

    .flag-icon-hk.flag-icon-squared {
        background-image: url(../images/flags/1x1/hk.svg);
    }

.flag-icon-hm {
    background-image: url(../images/flags/4x3/hm.svg);
}

    .flag-icon-hm.flag-icon-squared {
        background-image: url(../images/flags/1x1/hm.svg);
    }

.flag-icon-hn {
    background-image: url(../images/flags/4x3/hn.svg);
}

    .flag-icon-hn.flag-icon-squared {
        background-image: url(../images/flags/1x1/hn.svg);
    }

.flag-icon-hr {
    background-image: url(../images/flags/4x3/hr.svg);
}

    .flag-icon-hr.flag-icon-squared {
        background-image: url(../images/flags/1x1/hr.svg);
    }

.flag-icon-ht {
    background-image: url(../images/flags/4x3/ht.svg);
}

    .flag-icon-ht.flag-icon-squared {
        background-image: url(../images/flags/1x1/ht.svg);
    }

.flag-icon-hu {
    background-image: url(../images/flags/4x3/hu.svg);
}

    .flag-icon-hu.flag-icon-squared {
        background-image: url(../images/flags/1x1/hu.svg);
    }

.flag-icon-id {
    background-image: url(../images/flags/4x3/id.svg);
}

    .flag-icon-id.flag-icon-squared {
        background-image: url(../images/flags/1x1/id.svg);
    }

.flag-icon-ie {
    background-image: url(../images/flags/4x3/ie.svg);
}

    .flag-icon-ie.flag-icon-squared {
        background-image: url(../images/flags/1x1/ie.svg);
    }

.flag-icon-il {
    background-image: url(../images/flags/4x3/il.svg);
}

    .flag-icon-il.flag-icon-squared {
        background-image: url(../images/flags/1x1/il.svg);
    }

.flag-icon-im {
    background-image: url(../images/flags/4x3/im.svg);
}

    .flag-icon-im.flag-icon-squared {
        background-image: url(../images/flags/1x1/im.svg);
    }

.flag-icon-in {
    background-image: url(../images/flags/4x3/in.svg);
}

    .flag-icon-in.flag-icon-squared {
        background-image: url(../images/flags/1x1/in.svg);
    }

.flag-icon-io {
    background-image: url(../images/flags/4x3/io.svg);
}

    .flag-icon-io.flag-icon-squared {
        background-image: url(../images/flags/1x1/io.svg);
    }

.flag-icon-iq {
    background-image: url(../images/flags/4x3/iq.svg);
}

    .flag-icon-iq.flag-icon-squared {
        background-image: url(../images/flags/1x1/iq.svg);
    }

.flag-icon-ir {
    background-image: url(../images/flags/4x3/ir.svg);
}

    .flag-icon-ir.flag-icon-squared {
        background-image: url(../images/flags/1x1/ir.svg);
    }

.flag-icon-is {
    background-image: url(../images/flags/4x3/is.svg);
}

    .flag-icon-is.flag-icon-squared {
        background-image: url(../images/flags/1x1/is.svg);
    }

.flag-icon-it {
    background-image: url(../images/flags/4x3/it.svg);
}

    .flag-icon-it.flag-icon-squared {
        background-image: url(../images/flags/1x1/it.svg);
    }

.flag-icon-je {
    background-image: url(../images/flags/4x3/je.svg);
}

    .flag-icon-je.flag-icon-squared {
        background-image: url(../images/flags/1x1/je.svg);
    }

.flag-icon-jm {
    background-image: url(../images/flags/4x3/jm.svg);
}

    .flag-icon-jm.flag-icon-squared {
        background-image: url(../images/flags/1x1/jm.svg);
    }

.flag-icon-jo {
    background-image: url(../images/flags/4x3/jo.svg);
}

    .flag-icon-jo.flag-icon-squared {
        background-image: url(../images/flags/1x1/jo.svg);
    }

.flag-icon-jp {
    background-image: url(../images/flags/4x3/jp.svg);
}

    .flag-icon-jp.flag-icon-squared {
        background-image: url(../images/flags/1x1/jp.svg);
    }

.flag-icon-ke {
    background-image: url(../images/flags/4x3/ke.svg);
}

    .flag-icon-ke.flag-icon-squared {
        background-image: url(../images/flags/1x1/ke.svg);
    }

.flag-icon-kg {
    background-image: url(../images/flags/4x3/kg.svg);
}

    .flag-icon-kg.flag-icon-squared {
        background-image: url(../images/flags/1x1/kg.svg);
    }

.flag-icon-kh {
    background-image: url(../images/flags/4x3/kh.svg);
}

    .flag-icon-kh.flag-icon-squared {
        background-image: url(../images/flags/1x1/kh.svg);
    }

.flag-icon-ki {
    background-image: url(../images/flags/4x3/ki.svg);
}

    .flag-icon-ki.flag-icon-squared {
        background-image: url(../images/flags/1x1/ki.svg);
    }

.flag-icon-km {
    background-image: url(../images/flags/4x3/km.svg);
}

    .flag-icon-km.flag-icon-squared {
        background-image: url(../images/flags/1x1/km.svg);
    }

.flag-icon-kn {
    background-image: url(../images/flags/4x3/kn.svg);
}

    .flag-icon-kn.flag-icon-squared {
        background-image: url(../images/flags/1x1/kn.svg);
    }

.flag-icon-kp {
    background-image: url(../images/flags/4x3/kp.svg);
}

    .flag-icon-kp.flag-icon-squared {
        background-image: url(../images/flags/1x1/kp.svg);
    }

.flag-icon-kr {
    background-image: url(../images/flags/4x3/kr.svg);
}

    .flag-icon-kr.flag-icon-squared {
        background-image: url(../images/flags/1x1/kr.svg);
    }

.flag-icon-kw {
    background-image: url(../images/flags/4x3/kw.svg);
}

    .flag-icon-kw.flag-icon-squared {
        background-image: url(../images/flags/1x1/kw.svg);
    }

.flag-icon-ky {
    background-image: url(../images/flags/4x3/ky.svg);
}

    .flag-icon-ky.flag-icon-squared {
        background-image: url(../images/flags/1x1/ky.svg);
    }

.flag-icon-kz {
    background-image: url(../images/flags/4x3/kz.svg);
}

    .flag-icon-kz.flag-icon-squared {
        background-image: url(../images/flags/1x1/kz.svg);
    }

.flag-icon-la {
    background-image: url(../images/flags/4x3/la.svg);
}

    .flag-icon-la.flag-icon-squared {
        background-image: url(../images/flags/1x1/la.svg);
    }

.flag-icon-lb {
    background-image: url(../images/flags/4x3/lb.svg);
}

    .flag-icon-lb.flag-icon-squared {
        background-image: url(../images/flags/1x1/lb.svg);
    }

.flag-icon-lc {
    background-image: url(../images/flags/4x3/lc.svg);
}

    .flag-icon-lc.flag-icon-squared {
        background-image: url(../images/flags/1x1/lc.svg);
    }

.flag-icon-li {
    background-image: url(../images/flags/4x3/li.svg);
}

    .flag-icon-li.flag-icon-squared {
        background-image: url(../images/flags/1x1/li.svg);
    }

.flag-icon-lk {
    background-image: url(../images/flags/4x3/lk.svg);
}

    .flag-icon-lk.flag-icon-squared {
        background-image: url(../images/flags/1x1/lk.svg);
    }

.flag-icon-lr {
    background-image: url(../images/flags/4x3/lr.svg);
}

    .flag-icon-lr.flag-icon-squared {
        background-image: url(../images/flags/1x1/lr.svg);
    }

.flag-icon-ls {
    background-image: url(../images/flags/4x3/ls.svg);
}

    .flag-icon-ls.flag-icon-squared {
        background-image: url(../images/flags/1x1/ls.svg);
    }

.flag-icon-lt {
    background-image: url(../images/flags/4x3/lt.svg);
}

    .flag-icon-lt.flag-icon-squared {
        background-image: url(../images/flags/1x1/lt.svg);
    }

.flag-icon-lu {
    background-image: url(../images/flags/4x3/lu.svg);
}

    .flag-icon-lu.flag-icon-squared {
        background-image: url(../images/flags/1x1/lu.svg);
    }

.flag-icon-lv {
    background-image: url(../images/flags/4x3/lv.svg);
}

    .flag-icon-lv.flag-icon-squared {
        background-image: url(../images/flags/1x1/lv.svg);
    }

.flag-icon-ly {
    background-image: url(../images/flags/4x3/ly.svg);
}

    .flag-icon-ly.flag-icon-squared {
        background-image: url(../images/flags/1x1/ly.svg);
    }

.flag-icon-ma {
    background-image: url(../images/flags/4x3/ma.svg);
}

    .flag-icon-ma.flag-icon-squared {
        background-image: url(../images/flags/1x1/ma.svg);
    }

.flag-icon-mc {
    background-image: url(../images/flags/4x3/mc.svg);
}

    .flag-icon-mc.flag-icon-squared {
        background-image: url(../images/flags/1x1/mc.svg);
    }

.flag-icon-md {
    background-image: url(../images/flags/4x3/md.svg);
}

    .flag-icon-md.flag-icon-squared {
        background-image: url(../images/flags/1x1/md.svg);
    }

.flag-icon-me {
    background-image: url(../images/flags/4x3/me.svg);
}

    .flag-icon-me.flag-icon-squared {
        background-image: url(../images/flags/1x1/me.svg);
    }

.flag-icon-mf {
    background-image: url(../images/flags/4x3/mf.svg);
}

    .flag-icon-mf.flag-icon-squared {
        background-image: url(../images/flags/1x1/mf.svg);
    }

.flag-icon-mg {
    background-image: url(../images/flags/4x3/mg.svg);
}

    .flag-icon-mg.flag-icon-squared {
        background-image: url(../images/flags/1x1/mg.svg);
    }

.flag-icon-mh {
    background-image: url(../images/flags/4x3/mh.svg);
}

    .flag-icon-mh.flag-icon-squared {
        background-image: url(../images/flags/1x1/mh.svg);
    }

.flag-icon-mk {
    background-image: url(../images/flags/4x3/mk.svg);
}

    .flag-icon-mk.flag-icon-squared {
        background-image: url(../images/flags/1x1/mk.svg);
    }

.flag-icon-ml {
    background-image: url(../images/flags/4x3/ml.svg);
}

    .flag-icon-ml.flag-icon-squared {
        background-image: url(../images/flags/1x1/ml.svg);
    }

.flag-icon-mm {
    background-image: url(../images/flags/4x3/mm.svg);
}

    .flag-icon-mm.flag-icon-squared {
        background-image: url(../images/flags/1x1/mm.svg);
    }

.flag-icon-mn {
    background-image: url(../images/flags/4x3/mn.svg);
}

    .flag-icon-mn.flag-icon-squared {
        background-image: url(../images/flags/1x1/mn.svg);
    }

.flag-icon-mo {
    background-image: url(../images/flags/4x3/mo.svg);
}

    .flag-icon-mo.flag-icon-squared {
        background-image: url(../images/flags/1x1/mo.svg);
    }

.flag-icon-mp {
    background-image: url(../images/flags/4x3/mp.svg);
}

    .flag-icon-mp.flag-icon-squared {
        background-image: url(../images/flags/1x1/mp.svg);
    }

.flag-icon-mq {
    background-image: url(../images/flags/4x3/mq.svg);
}

    .flag-icon-mq.flag-icon-squared {
        background-image: url(../images/flags/1x1/mq.svg);
    }

.flag-icon-mr {
    background-image: url(../images/flags/4x3/mr.svg);
}

    .flag-icon-mr.flag-icon-squared {
        background-image: url(../images/flags/1x1/mr.svg);
    }

.flag-icon-ms {
    background-image: url(../images/flags/4x3/ms.svg);
}

    .flag-icon-ms.flag-icon-squared {
        background-image: url(../images/flags/1x1/ms.svg);
    }

.flag-icon-mt {
    background-image: url(../images/flags/4x3/mt.svg);
}

    .flag-icon-mt.flag-icon-squared {
        background-image: url(../images/flags/1x1/mt.svg);
    }

.flag-icon-mu {
    background-image: url(../images/flags/4x3/mu.svg);
}

    .flag-icon-mu.flag-icon-squared {
        background-image: url(../images/flags/1x1/mu.svg);
    }

.flag-icon-mv {
    background-image: url(../images/flags/4x3/mv.svg);
}

    .flag-icon-mv.flag-icon-squared {
        background-image: url(../images/flags/1x1/mv.svg);
    }

.flag-icon-mw {
    background-image: url(../images/flags/4x3/mw.svg);
}

    .flag-icon-mw.flag-icon-squared {
        background-image: url(../images/flags/1x1/mw.svg);
    }

.flag-icon-mx {
    background-image: url(../images/flags/4x3/mx.svg);
}

    .flag-icon-mx.flag-icon-squared {
        background-image: url(../images/flags/1x1/mx.svg);
    }

.flag-icon-my {
    background-image: url(../images/flags/4x3/my.svg);
}

    .flag-icon-my.flag-icon-squared {
        background-image: url(../images/flags/1x1/my.svg);
    }

.flag-icon-mz {
    background-image: url(../images/flags/4x3/mz.svg);
}

    .flag-icon-mz.flag-icon-squared {
        background-image: url(../images/flags/1x1/mz.svg);
    }

.flag-icon-na {
    background-image: url(../images/flags/4x3/na.svg);
}

    .flag-icon-na.flag-icon-squared {
        background-image: url(../images/flags/1x1/na.svg);
    }

.flag-icon-nc {
    background-image: url(../images/flags/4x3/nc.svg);
}

    .flag-icon-nc.flag-icon-squared {
        background-image: url(../images/flags/1x1/nc.svg);
    }

.flag-icon-ne {
    background-image: url(../images/flags/4x3/ne.svg);
}

    .flag-icon-ne.flag-icon-squared {
        background-image: url(../images/flags/1x1/ne.svg);
    }

.flag-icon-nf {
    background-image: url(../images/flags/4x3/nf.svg);
}

    .flag-icon-nf.flag-icon-squared {
        background-image: url(../images/flags/1x1/nf.svg);
    }

.flag-icon-ng {
    background-image: url(../images/flags/4x3/ng.svg);
}

    .flag-icon-ng.flag-icon-squared {
        background-image: url(../images/flags/1x1/ng.svg);
    }

.flag-icon-ni {
    background-image: url(../images/flags/4x3/ni.svg);
}

    .flag-icon-ni.flag-icon-squared {
        background-image: url(../images/flags/1x1/ni.svg);
    }

.flag-icon-nl {
    background-image: url(../images/flags/4x3/nl.svg);
}

    .flag-icon-nl.flag-icon-squared {
        background-image: url(../images/flags/1x1/nl.svg);
    }

.flag-icon-no {
    background-image: url(../images/flags/4x3/no.svg);
}

    .flag-icon-no.flag-icon-squared {
        background-image: url(../images/flags/1x1/no.svg);
    }

.flag-icon-np {
    background-image: url(../images/flags/4x3/np.svg);
}

    .flag-icon-np.flag-icon-squared {
        background-image: url(../images/flags/1x1/np.svg);
    }

.flag-icon-nr {
    background-image: url(../images/flags/4x3/nr.svg);
}

    .flag-icon-nr.flag-icon-squared {
        background-image: url(../images/flags/1x1/nr.svg);
    }

.flag-icon-nu {
    background-image: url(../images/flags/4x3/nu.svg);
}

    .flag-icon-nu.flag-icon-squared {
        background-image: url(../images/flags/1x1/nu.svg);
    }

.flag-icon-nz {
    background-image: url(../images/flags/4x3/nz.svg);
}

    .flag-icon-nz.flag-icon-squared {
        background-image: url(../images/flags/1x1/nz.svg);
    }

.flag-icon-om {
    background-image: url(../images/flags/4x3/om.svg);
}

    .flag-icon-om.flag-icon-squared {
        background-image: url(../images/flags/1x1/om.svg);
    }

.flag-icon-pa {
    background-image: url(../images/flags/4x3/pa.svg);
}

    .flag-icon-pa.flag-icon-squared {
        background-image: url(../images/flags/1x1/pa.svg);
    }

.flag-icon-pe {
    background-image: url(../images/flags/4x3/pe.svg);
}

    .flag-icon-pe.flag-icon-squared {
        background-image: url(../images/flags/1x1/pe.svg);
    }

.flag-icon-pf {
    background-image: url(../images/flags/4x3/pf.svg);
}

    .flag-icon-pf.flag-icon-squared {
        background-image: url(../images/flags/1x1/pf.svg);
    }

.flag-icon-pg {
    background-image: url(../images/flags/4x3/pg.svg);
}

    .flag-icon-pg.flag-icon-squared {
        background-image: url(../images/flags/1x1/pg.svg);
    }

.flag-icon-ph {
    background-image: url(../images/flags/4x3/ph.svg);
}

    .flag-icon-ph.flag-icon-squared {
        background-image: url(../images/flags/1x1/ph.svg);
    }

.flag-icon-pk {
    background-image: url(../images/flags/4x3/pk.svg);
}

    .flag-icon-pk.flag-icon-squared {
        background-image: url(../images/flags/1x1/pk.svg);
    }

.flag-icon-pl {
    background-image: url(../images/flags/4x3/pl.svg);
}

    .flag-icon-pl.flag-icon-squared {
        background-image: url(../images/flags/1x1/pl.svg);
    }

.flag-icon-pm {
    background-image: url(../images/flags/4x3/pm.svg);
}

    .flag-icon-pm.flag-icon-squared {
        background-image: url(../images/flags/1x1/pm.svg);
    }

.flag-icon-pn {
    background-image: url(../images/flags/4x3/pn.svg);
}

    .flag-icon-pn.flag-icon-squared {
        background-image: url(../images/flags/1x1/pn.svg);
    }

.flag-icon-pr {
    background-image: url(../images/flags/4x3/pr.svg);
}

    .flag-icon-pr.flag-icon-squared {
        background-image: url(../images/flags/1x1/pr.svg);
    }

.flag-icon-ps {
    background-image: url(../images/flags/4x3/ps.svg);
}

    .flag-icon-ps.flag-icon-squared {
        background-image: url(../images/flags/1x1/ps.svg);
    }

.flag-icon-pt {
    background-image: url(../images/flags/4x3/pt.svg);
}

    .flag-icon-pt.flag-icon-squared {
        background-image: url(../images/flags/1x1/pt.svg);
    }

.flag-icon-pw {
    background-image: url(../images/flags/4x3/pw.svg);
}

    .flag-icon-pw.flag-icon-squared {
        background-image: url(../images/flags/1x1/pw.svg);
    }

.flag-icon-py {
    background-image: url(../images/flags/4x3/py.svg);
}

    .flag-icon-py.flag-icon-squared {
        background-image: url(../images/flags/1x1/py.svg);
    }

.flag-icon-qa {
    background-image: url(../images/flags/4x3/qa.svg);
}

    .flag-icon-qa.flag-icon-squared {
        background-image: url(../images/flags/1x1/qa.svg);
    }

.flag-icon-re {
    background-image: url(../images/flags/4x3/re.svg);
}

    .flag-icon-re.flag-icon-squared {
        background-image: url(../images/flags/1x1/re.svg);
    }

.flag-icon-ro {
    background-image: url(../images/flags/4x3/ro.svg);
}

    .flag-icon-ro.flag-icon-squared {
        background-image: url(../images/flags/1x1/ro.svg);
    }

.flag-icon-rs {
    background-image: url(../images/flags/4x3/rs.svg);
}

    .flag-icon-rs.flag-icon-squared {
        background-image: url(../images/flags/1x1/rs.svg);
    }

.flag-icon-ru {
    background-image: url(../images/flags/4x3/ru.svg);
}

    .flag-icon-ru.flag-icon-squared {
        background-image: url(../images/flags/1x1/ru.svg);
    }

.flag-icon-rw {
    background-image: url(../images/flags/4x3/rw.svg);
}

    .flag-icon-rw.flag-icon-squared {
        background-image: url(../images/flags/1x1/rw.svg);
    }

.flag-icon-sa {
    background-image: url(../images/flags/4x3/sa.svg);
}

    .flag-icon-sa.flag-icon-squared {
        background-image: url(../images/flags/1x1/sa.svg);
    }

.flag-icon-sb {
    background-image: url(../images/flags/4x3/sb.svg);
}

    .flag-icon-sb.flag-icon-squared {
        background-image: url(../images/flags/1x1/sb.svg);
    }

.flag-icon-sc {
    background-image: url(../images/flags/4x3/sc.svg);
}

    .flag-icon-sc.flag-icon-squared {
        background-image: url(../images/flags/1x1/sc.svg);
    }

.flag-icon-sd {
    background-image: url(../images/flags/4x3/sd.svg);
}

    .flag-icon-sd.flag-icon-squared {
        background-image: url(../images/flags/1x1/sd.svg);
    }

.flag-icon-se {
    background-image: url(../images/flags/4x3/se.svg);
}

    .flag-icon-se.flag-icon-squared {
        background-image: url(../images/flags/1x1/se.svg);
    }

.flag-icon-sg {
    background-image: url(../images/flags/4x3/sg.svg);
}

    .flag-icon-sg.flag-icon-squared {
        background-image: url(../images/flags/1x1/sg.svg);
    }

.flag-icon-sh {
    background-image: url(../images/flags/4x3/sh.svg);
}

    .flag-icon-sh.flag-icon-squared {
        background-image: url(../images/flags/1x1/sh.svg);
    }

.flag-icon-si {
    background-image: url(../images/flags/4x3/si.svg);
}

    .flag-icon-si.flag-icon-squared {
        background-image: url(../images/flags/1x1/si.svg);
    }

.flag-icon-sj {
    background-image: url(../images/flags/4x3/sj.svg);
}

    .flag-icon-sj.flag-icon-squared {
        background-image: url(../images/flags/1x1/sj.svg);
    }

.flag-icon-sk {
    background-image: url(../images/flags/4x3/sk.svg);
}

    .flag-icon-sk.flag-icon-squared {
        background-image: url(../images/flags/1x1/sk.svg);
    }

.flag-icon-sl {
    background-image: url(../images/flags/4x3/sl.svg);
}

    .flag-icon-sl.flag-icon-squared {
        background-image: url(../images/flags/1x1/sl.svg);
    }

.flag-icon-sm {
    background-image: url(../images/flags/4x3/sm.svg);
}

    .flag-icon-sm.flag-icon-squared {
        background-image: url(../images/flags/1x1/sm.svg);
    }

.flag-icon-sn {
    background-image: url(../images/flags/4x3/sn.svg);
}

    .flag-icon-sn.flag-icon-squared {
        background-image: url(../images/flags/1x1/sn.svg);
    }

.flag-icon-so {
    background-image: url(../images/flags/4x3/so.svg);
}

    .flag-icon-so.flag-icon-squared {
        background-image: url(../images/flags/1x1/so.svg);
    }

.flag-icon-sr {
    background-image: url(../images/flags/4x3/sr.svg);
}

    .flag-icon-sr.flag-icon-squared {
        background-image: url(../images/flags/1x1/sr.svg);
    }

.flag-icon-ss {
    background-image: url(../images/flags/4x3/ss.svg);
}

    .flag-icon-ss.flag-icon-squared {
        background-image: url(../images/flags/1x1/ss.svg);
    }

.flag-icon-st {
    background-image: url(../images/flags/4x3/st.svg);
}

    .flag-icon-st.flag-icon-squared {
        background-image: url(../images/flags/1x1/st.svg);
    }

.flag-icon-sv {
    background-image: url(../images/flags/4x3/sv.svg);
}

    .flag-icon-sv.flag-icon-squared {
        background-image: url(../images/flags/1x1/sv.svg);
    }

.flag-icon-sx {
    background-image: url(../images/flags/4x3/sx.svg);
}

    .flag-icon-sx.flag-icon-squared {
        background-image: url(../images/flags/1x1/sx.svg);
    }

.flag-icon-sy {
    background-image: url(../images/flags/4x3/sy.svg);
}

    .flag-icon-sy.flag-icon-squared {
        background-image: url(../images/flags/1x1/sy.svg);
    }

.flag-icon-sz {
    background-image: url(../images/flags/4x3/sz.svg);
}

    .flag-icon-sz.flag-icon-squared {
        background-image: url(../images/flags/1x1/sz.svg);
    }

.flag-icon-tc {
    background-image: url(../images/flags/4x3/tc.svg);
}

    .flag-icon-tc.flag-icon-squared {
        background-image: url(../images/flags/1x1/tc.svg);
    }

.flag-icon-td {
    background-image: url(../images/flags/4x3/td.svg);
}

    .flag-icon-td.flag-icon-squared {
        background-image: url(../images/flags/1x1/td.svg);
    }

.flag-icon-tf {
    background-image: url(../images/flags/4x3/tf.svg);
}

    .flag-icon-tf.flag-icon-squared {
        background-image: url(../images/flags/1x1/tf.svg);
    }

.flag-icon-tg {
    background-image: url(../images/flags/4x3/tg.svg);
}

    .flag-icon-tg.flag-icon-squared {
        background-image: url(../images/flags/1x1/tg.svg);
    }

.flag-icon-th {
    background-image: url(../images/flags/4x3/th.svg);
}

    .flag-icon-th.flag-icon-squared {
        background-image: url(../images/flags/1x1/th.svg);
    }

.flag-icon-tj {
    background-image: url(../images/flags/4x3/tj.svg);
}

    .flag-icon-tj.flag-icon-squared {
        background-image: url(../images/flags/1x1/tj.svg);
    }

.flag-icon-tk {
    background-image: url(../images/flags/4x3/tk.svg);
}

    .flag-icon-tk.flag-icon-squared {
        background-image: url(../images/flags/1x1/tk.svg);
    }

.flag-icon-tl {
    background-image: url(../images/flags/4x3/tl.svg);
}

    .flag-icon-tl.flag-icon-squared {
        background-image: url(../images/flags/1x1/tl.svg);
    }

.flag-icon-tm {
    background-image: url(../images/flags/4x3/tm.svg);
}

    .flag-icon-tm.flag-icon-squared {
        background-image: url(../images/flags/1x1/tm.svg);
    }

.flag-icon-tn {
    background-image: url(../images/flags/4x3/tn.svg);
}

    .flag-icon-tn.flag-icon-squared {
        background-image: url(../images/flags/1x1/tn.svg);
    }

.flag-icon-to {
    background-image: url(../images/flags/4x3/to.svg);
}

    .flag-icon-to.flag-icon-squared {
        background-image: url(../images/flags/1x1/to.svg);
    }

.flag-icon-tr {
    background-image: url(../images/flags/4x3/tr.svg);
}

    .flag-icon-tr.flag-icon-squared {
        background-image: url(../images/flags/1x1/tr.svg);
    }

.flag-icon-tt {
    background-image: url(../images/flags/4x3/tt.svg);
}

    .flag-icon-tt.flag-icon-squared {
        background-image: url(../images/flags/1x1/tt.svg);
    }

.flag-icon-tv {
    background-image: url(../images/flags/4x3/tv.svg);
}

    .flag-icon-tv.flag-icon-squared {
        background-image: url(../images/flags/1x1/tv.svg);
    }

.flag-icon-tw {
    background-image: url(../images/flags/4x3/tw.svg);
}

    .flag-icon-tw.flag-icon-squared {
        background-image: url(../images/flags/1x1/tw.svg);
    }

.flag-icon-tz {
    background-image: url(../images/flags/4x3/tz.svg);
}

    .flag-icon-tz.flag-icon-squared {
        background-image: url(../images/flags/1x1/tz.svg);
    }

.flag-icon-ua {
    background-image: url(../images/flags/4x3/ua.svg);
}

    .flag-icon-ua.flag-icon-squared {
        background-image: url(../images/flags/1x1/ua.svg);
    }

.flag-icon-ug {
    background-image: url(../images/flags/4x3/ug.svg);
}

    .flag-icon-ug.flag-icon-squared {
        background-image: url(../images/flags/1x1/ug.svg);
    }

.flag-icon-um {
    background-image: url(../images/flags/4x3/um.svg);
}

    .flag-icon-um.flag-icon-squared {
        background-image: url(../images/flags/1x1/um.svg);
    }

.flag-icon-us {
    background-image: url(../images/flags/4x3/us.svg);
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(../images/flags/1x1/us.svg);
    }

.flag-icon-uy {
    background-image: url(../images/flags/4x3/uy.svg);
}

    .flag-icon-uy.flag-icon-squared {
        background-image: url(../images/flags/1x1/uy.svg);
    }

.flag-icon-uz {
    background-image: url(../images/flags/4x3/uz.svg);
}

    .flag-icon-uz.flag-icon-squared {
        background-image: url(../images/flags/1x1/uz.svg);
    }

.flag-icon-va {
    background-image: url(../images/flags/4x3/va.svg);
}

    .flag-icon-va.flag-icon-squared {
        background-image: url(../images/flags/1x1/va.svg);
    }

.flag-icon-vc {
    background-image: url(../images/flags/4x3/vc.svg);
}

    .flag-icon-vc.flag-icon-squared {
        background-image: url(../images/flags/1x1/vc.svg);
    }

.flag-icon-ve {
    background-image: url(../images/flags/4x3/ve.svg);
}

    .flag-icon-ve.flag-icon-squared {
        background-image: url(../images/flags/1x1/ve.svg);
    }

.flag-icon-vg {
    background-image: url(../images/flags/4x3/vg.svg);
}

    .flag-icon-vg.flag-icon-squared {
        background-image: url(../images/flags/1x1/vg.svg);
    }

.flag-icon-vi {
    background-image: url(../images/flags/4x3/vi.svg);
}

    .flag-icon-vi.flag-icon-squared {
        background-image: url(../images/flags/1x1/vi.svg);
    }

.flag-icon-vn {
    background-image: url(../images/flags/4x3/vn.svg);
}

    .flag-icon-vn.flag-icon-squared {
        background-image: url(../images/flags/1x1/vn.svg);
    }

.flag-icon-vu {
    background-image: url(../images/flags/4x3/vu.svg);
}

    .flag-icon-vu.flag-icon-squared {
        background-image: url(../images/flags/1x1/vu.svg);
    }

.flag-icon-wf {
    background-image: url(../images/flags/4x3/wf.svg);
}

    .flag-icon-wf.flag-icon-squared {
        background-image: url(../images/flags/1x1/wf.svg);
    }

.flag-icon-ws {
    background-image: url(../images/flags/4x3/ws.svg);
}

    .flag-icon-ws.flag-icon-squared {
        background-image: url(../images/flags/1x1/ws.svg);
    }

.flag-icon-ye {
    background-image: url(../images/flags/4x3/ye.svg);
}

    .flag-icon-ye.flag-icon-squared {
        background-image: url(../images/flags/1x1/ye.svg);
    }

.flag-icon-yt {
    background-image: url(../images/flags/4x3/yt.svg);
}

    .flag-icon-yt.flag-icon-squared {
        background-image: url(../images/flags/1x1/yt.svg);
    }

.flag-icon-za {
    background-image: url(../images/flags/4x3/za.svg);
}

    .flag-icon-za.flag-icon-squared {
        background-image: url(../images/flags/1x1/za.svg);
    }

.flag-icon-zm {
    background-image: url(../images/flags/4x3/zm.svg);
}

    .flag-icon-zm.flag-icon-squared {
        background-image: url(../images/flags/1x1/zm.svg);
    }

.flag-icon-zw {
    background-image: url(../images/flags/4x3/zw.svg);
}

    .flag-icon-zw.flag-icon-squared {
        background-image: url(../images/flags/1x1/zw.svg);
    }
/*---------------------------
2.5 Forms / .j-forms
-----------------------------*/
/*=================================================================*/
/* Main */
/*=================================================================*/
/* Default
=============================== */
.j-forms {
    position: relative;
}

    .j-forms .input {
        position: relative;
    }

    .j-forms .unit {
        position: relative;
        margin-bottom: 25px;
    }

    .j-forms .link {
        color: #555;
        font-size: 14px;
        line-height: inherit;
        text-decoration: none;
    }

        .j-forms .link:hover {
            border-bottom: none;
            color: #17bab8;
        }

    .j-forms .inline-group {
        display: inline-block;
    }

    .j-forms .hidden {
        display: none;
    }
    /* Reset for -webkit / -moz browser
=============================== */
    .j-forms input[type="search"]::-webkit-search-decoration,
    .j-forms input[type="search"]::-webkit-search-cancel-button,
    .j-forms input[type="search"]::-webkit-search-results-button,
    .j-forms input[type="search"]::-webkit-search-results-decoration {
        display: none;
    }

    .j-forms select,
    .j-forms input[type="button"],
    .j-forms input[type="submit"],
    .j-forms input[type="search"] {
        -webkit-tap-highlight-color: transparent;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    /* Header
=============================== */
    .j-forms .header {
        background-color: #3f51b5;
        border-top: 1px solid #7986cb;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -o-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        -webkit-box-shadow: 0 6px 3px -3px rgba(63, 81, 181, 0.5);
        -moz-box-shadow: 0 6px 3px -3px rgba(63, 81, 181, 0.5);
        -o-box-shadow: 0 6px 3px -3px rgba(63, 81, 181, 0.5);
        box-shadow: 0 6px 3px -3px rgba(63, 81, 181, 0.5);
        display: block;
        position: relative;
    }

        .j-forms .header > i {
            color: #fff;
            font-size: 31px;
            float: left;
            padding: 31px 15px 0 25px;
        }

        .j-forms .header p {
            color: #fff;
            margin: 0;
            padding: 30px 25px;
            font-size: 30px;
            text-transform: uppercase;
        }
    /* Content
=============================== */
    .j-forms .form-content {
        padding: 0px;
    }

        .j-forms .form-content:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
    /* Footer
=============================== */
    .j-forms .form-footer {
        display: block;
    }

        .j-forms .form-footer:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
    /* Dividers
=============================== */
    .j-forms .divider,
    .j-forms .divider-text {
        border-top: 1px solid #eee;
        height: 0;
    }

    .j-forms .divider-text {
        text-align: center;
    }

        .j-forms .divider-text span {
            border: 1px solid #eee;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            background-color: #f5f5f5;
            color: #666;
            font-size: 16px;
            padding: 6px 15px;
            position: relative;
            top: -15px;
            white-space: nowrap;
        }
    /* Gap-top / gap-bottom classes
=============================== */
    .j-forms .gap-top-20 {
        margin-top: 20px;
    }
    /* text-divider top gap after "content"/"j-row" classes */
    .j-forms .gap-top-45 {
        margin-top: 45px;
    }
    /* text-divider top gap after "unit" class */
    .j-forms .gap-bottom-45 {
        margin-bottom: 45px;
    }
    /* text-divider bottom gap */
    .j-forms .gap-bottom-25 {
        margin-bottom: 25px;
    }
    /* line-divider bottom gap */
    /* Labels
=============================== */
    .j-forms label {
        display: block;
        color: inherit;
        font-weight: normal;
        text-align: left;
        margin-bottom: 0;
    }

    .j-forms .label {
        font-size: 14px;
        margin-bottom: 6px;
        line-height: 14px;
        height: 14px;
    }

    .j-forms .label-center {
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 0;
    }

    .j-forms .label-left {
        height: 40px;
        line-height: 40px;
        text-align: left;
        margin-bottom: 0;
    }

    .j-forms .j-row > .label {
        padding-left: 10px;
    }
    /* Radio and checkbox
=============================== */
    .j-forms .radio,
    .j-forms .checkbox,
    .j-forms .radio-toggle,
    .j-forms .checkbox-toggle {
        color: rgba(0, 0, 0, 0.87);
        cursor: pointer;
        font-size: 15px;
        height: 15px;
        margin-bottom: 4px;
        position: relative;
        line-height: 15px;
    }

    .j-forms .radio,
    .j-forms .checkbox,
    .j-forms .inline-group .radio,
    .j-forms .inline-group .checkbox {
        padding: 9px 0 8px 32px;
    }

    .j-forms .radio-toggle,
    .j-forms .checkbox-toggle,
    .j-forms .inline-group .radio-toggle,
    .j-forms .inline-group .checkbox-toggle {
        padding: 9px 0 8px 58px;
    }

        .j-forms .radio:last-child,
        .j-forms .checkbox:last-child,
        .j-forms .radio-toggle:last-child,
        .j-forms .checkbox-toggle:last-child {
            margin-bottom: 0;
        }

    .j-forms .inline-group .radio,
    .j-forms .inline-group .checkbox,
    .j-forms .inline-group .radio-toggle,
    .j-forms .inline-group .checkbox-toggle {
        display: inline-block;
        margin-right: 25px;
    }

    .j-forms .radio input,
    .j-forms .checkbox input,
    .j-forms .radio-toggle input,
    .j-forms .checkbox-toggle input {
        position: absolute;
        left: -9999px;
    }

    .j-forms .radio i,
    .j-forms .checkbox i,
    .j-forms .checkbox-toggle i,
    .j-forms .radio-toggle i {
        background-color: #fff;
        border: 2px solid rgba(0, 0, 0, 0.26);
        display: block;
        height: 18px;
        left: 0;
        outline: none;
        position: absolute;
        top: 5px;
        -webkit-transition: border-color 0.2s;
        -moz-transition: border-color 0.2s;
        -ms-transition: border-color 0.2s;
        -o-transition: border-color 0.2s;
        transition: border-color 0.2s;
    }

    .j-forms .radio i,
    .j-forms .checkbox i {
        width: 18px;
    }

    .j-forms .checkbox-toggle i,
    .j-forms .radio-toggle i {
        width: 44px;
    }

    .j-forms .checkbox i,
    .j-forms .checkbox-toggle i {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
    }

    .j-forms .radio i,
    .j-forms .radio i:after,
    .j-forms .radio-toggle i:before {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .j-forms .radio-toggle i {
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        -o-border-radius: 13px;
        border-radius: 13px;
    }

    .j-forms .checkbox-toggle i:before {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
    }

    .j-forms .radio i:after {
        background-color: #17bab8;
        content: "";
        height: 8px;
        top: 5px;
        left: 5px;
        opacity: 0;
        position: absolute;
        width: 8px;
    }

    .j-forms .checkbox i:after {
        border-width: 0 0 3px 3px;
        border-bottom: solid #17bab8;
        border-left: solid #17bab8;
        content: "";
        height: 5px;
        top: 3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 3px;
        opacity: 0;
        position: absolute;
        width: 10px;
    }

    .j-forms .radio input:checked + i:after,
    .j-forms .checkbox input:checked ~ i:after {
        opacity: 1;
    }

    .j-forms .checkbox-toggle i:before,
    .j-forms .radio-toggle i:before {
        border: none;
        background-color: #17bab8;
        content: "";
        display: block;
        height: 14px;
        left: 2px;
        position: absolute;
        top: 2px;
        width: 14px;
    }

    .j-forms .checkbox-toggle input:checked + i:before,
    .j-forms .radio-toggle input:checked + i:before {
        left: 28px;
    }

    .j-forms .checkbox-toggle i:after,
    .j-forms .radio-toggle i:after,
    .j-forms .checkbox-toggle input:checked + i:after,
    .j-forms .radio-toggle input:checked + i:after {
        font-size: 10px;
        font-style: normal;
        font-weight: bold;
        line-height: 10px;
        position: absolute;
        top: 4px;
    }

    .j-forms .checkbox-toggle i:after,
    .j-forms .radio-toggle i:after {
        content: "NO";
        left: 22px;
    }

    .j-forms .checkbox-toggle input:checked + i:after,
    .j-forms .radio-toggle input:checked + i:after {
        content: "YES";
        left: 6px;
    }

    .j-forms .checkbox:hover i,
    .j-forms .radio:hover i,
    .j-forms .radio:focus i,
    .j-forms .radio-toggle:focus i,
    .j-forms .checkbox-toggle:hover i,
    .j-forms .radio-toggle:hover i {
        border: 2px solid rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, 1) !important;
    }




/*a:focus, button:focus, input[type=checkbox]:focus + label, input[type=radio]:focus + label {
    border: red dotted 2px !important
}

a:active, button:active, input[type=checkbox]:active + label, input[type=radio]:active + label {
    border: red dotted 2px
}*/

.j-forms .radio input:checked + i,
.j-forms .checkbox input:checked + i,
.j-forms .radio-toggle input:checked + i,
.j-forms .checkbox-toggle input:checked + i {
    border: 2px solid #17bab8;
}

.j-forms .radio input:checked + i,
.j-forms .checkbox input:checked + i {
    color: #17bab8;
}

.j-forms .checkbox-toggle input:checked + i,
.j-forms .radio-toggle input:checked + i {
    background-color: #f5f5f5;
}
/* Widget
=============================== */
.j-forms .widget {
    position: relative;
}

    .j-forms .widget .addon,
    .j-forms .widget .addon-btn {
        background: #e0e0e0;
        border: none;
        color: rgba(0, 0, 0, 0.56);
        display: block;
        font: 16px 'Open Sans', Helvetica, Arial, sans-serif;
        height: 39px;
        line-height: 39px;
        padding: 0;
        position: absolute;
        outline: none;
        overflow: hidden;
        text-align: center;
        top: 0;
        z-index: 5;
    }

        .j-forms .widget .addon-btn,
        .j-forms .widget .addon-btn i {
            cursor: pointer;
            -webkit-transition: all.2s;
            -moz-transition: all.2s;
            -ms-transition: all.2s;
            -o-transition: all.2s;
            transition: all.2s;
        }

            .j-forms .widget .addon-btn:hover,
            .j-forms .widget .addon-btn:focus {
                background-color: #d6d6d6;
                color: rgba(0, 0, 0, 0.87);
            }

                .j-forms .widget .addon-btn:hover i,
                .j-forms .widget .addon-btn:focus i {
                    color: rgba(0, 0, 0, 0.61);
                }

    .j-forms .widget .adn-left {
        left: 0;
    }

    .j-forms .widget .adn-right {
        right: 0;
    }

    .j-forms .widget .addon i,
    .j-forms .widget .addon-btn i {
        color: rgba(0, 0, 0, 0.34);
        font-size: 17px;
        z-index: 2;
    }

    .j-forms .widget .adn-50 {
        width: 50px;
    }

    .j-forms .widget .adn-130 {
        width: 130px;
    }

    .j-forms .widget.right-50 .input {
        padding-right: 50px;
    }

    .j-forms .widget.left-50 .input {
        padding-left: 50px;
    }

    .j-forms .widget.right-130 .input {
        padding-right: 130px;
    }

    .j-forms .widget.left-130 .input {
        padding-left: 130px;
    }

    .j-forms .widget .adn-left,
    .j-forms .widget.right-50 .input input,
    .j-forms .widget.right-130 .input input {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        -o-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .j-forms .widget .adn-right,
    .j-forms .widget.left-50 .input input,
    .j-forms .widget.left-130 .input input {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        -o-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    .j-forms .widget.left-50.right-50 .input input,
    .j-forms .widget.left-50.right-130 .input input,
    .j-forms .widget.left-130.right-50 .input input,
    .j-forms .widget.left-130.right-130 .input input {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }
/* Inputs
=============================== */
.j-forms input[type="text"],
.j-forms input[type="password"],
.j-forms input[type="email"],
.j-forms input[type="search"],
.j-forms input[type="url"],
.j-forms textarea,
.j-forms select {
    -webkit-transition: all.4s;
    -moz-transition: all.4s;
    -ms-transition: all.4s;
    -o-transition: all.4s;
    transition: all.4s;
}

.j-forms .input textarea {
    height: 112px;
    overflow: auto;
    min-height: 52px;
    resize: vertical;
}

    .j-forms .input textarea:focus {
        height: 128px;
    }
/* Placeholders
=============================== */
.j-forms input::-webkit-input-placeholder,
.j-forms textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
}

.j-forms input::-moz-placeholder,
.j-forms textarea::-moz-placeholder {
    color: rgba(0, 0, 0, 0.54);
}

.j-forms input:-moz-placeholder,
.j-forms textarea:-moz-placeholder {
    color: rgba(0, 0, 0, 0.54);
}

.j-forms input:-ms-input-placeholder,
.j-forms textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
}

.j-forms input:focus::-webkit-input-placeholder,
.j-forms textarea:focus::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.36);
}

.j-forms input:focus::-moz-placeholder,
.j-forms textarea:focus::-moz-placeholder {
    color: rgba(0, 0, 0, 0.36);
}

.j-forms input:focus:-moz-placeholder,
.j-forms textarea:focus:-moz-placeholder {
    color: rgba(0, 0, 0, 0.36);
}

.j-forms input:focus:-ms-input-placeholder,
.j-forms textarea:focus:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.36);
}
/* Select
=============================== */
.j-forms select {
    padding-left: 13px;
}

.j-forms .multiple-select select {
    height: auto;
}

.j-forms .select i {
    background: #fff;
    height: 20px;
    position: absolute;
    pointer-events: none;
    top: 9px;
    right: 9px;
    width: 14px;
}

    .j-forms .select i:after,
    .j-forms .select i:before {
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: '';
        position: absolute;
        right: 3px;
    }

    .j-forms .select i:after {
        border-top: 6px solid rgba(0, 0, 0, 0.4);
        bottom: 1px;
    }

    .j-forms .select i:before {
        border-bottom: 6px solid rgba(0, 0, 0, 0.4);
        top: 3px;
    }

.j-forms .select {
    position: relative;
}
/* Icons
=============================== */
.j-forms .icon-left,
.j-forms .icon-right {
    color: rgba(0, 0, 0, 0.24);
    font-size: 17px;
    height: 37px;
    line-height: 36px !important;
    opacity: .6;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 42px;
    z-index: 2;
}

.j-forms .icon-left {
    border-right: 1px solid rgba(0, 0, 0, 0.24);
    left: 3px;
}

.j-forms .icon-right {
    border-left: 1px solid rgba(0, 0, 0, 0.24);
    right: 3px;
}

.j-forms .icon-left ~ input,
.j-forms .icon-left ~ textarea {
    padding-left: 58px;
}

.j-forms .icon-right ~ input,
.j-forms .icon-right ~ textarea {
    padding-right: 58px;
}
/* File for upload
=============================== */
.j-forms .file-button input {
    bottom: -1px;
    font-size: 34px;
    opacity: 0;
    position: absolute;
    width: 108px;
    z-index: 0;
}

.j-forms .prepend-small-btn .file-button input,
.j-forms .prepend-big-btn .file-button input {
    left: 0;
}

.j-forms .append-small-btn .file-button input,
.j-forms .append-big-btn .file-button input {
    right: 0;
}

.j-forms .prepend-small-btn .file-button,
.j-forms .append-small-btn .file-button {
    width: 64px;
}

.j-forms .prepend-big-btn .file-button,
.j-forms .append-big-btn .file-button {
    width: 106px;
}

.j-forms .prepend-small-btn .file-button,
.j-forms .prepend-big-btn .file-button {
    left: 4px;
}

.j-forms .append-small-btn .file-button,
.j-forms .append-big-btn .file-button {
    right: 4px;
}

.j-forms .append-small-btn .file-button,
.j-forms .append-big-btn .file-button,
.j-forms .prepend-small-btn .file-button,
.j-forms .prepend-big-btn .file-button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.j-forms .prepend-big-btn input[type="text"] {
    padding-left: 123px;
}

.j-forms .append-big-btn input[type="text"] {
    padding-right: 123px;
}

.j-forms .prepend-small-btn input[type="text"] {
    padding-left: 81px;
}

.j-forms .append-small-btn input[type="text"] {
    padding-right: 81px;
}

.j-forms .input input[type="file"] {
    cursor: pointer;
}
/* Buttons
=============================== */
.j-forms .primary-btn,
.j-forms .secondary-btn {
    border: none;
    color: #fff;
    display: block;
    cursor: pointer;
    float: right;
    margin: 0px 0 0px 10px;
    outline: none;
    white-space: nowrap;
}

.j-forms .primary-btn {
    position: relative;
}

.j-forms .form-content .primary-btn,
.j-forms .form-content .secondary-btn {
    margin: 0 0 20px 20px;
}

.j-forms .file-button {
    color: #fff;
    display: block;
    font-size: 12px;
    height: 31px;
    line-height: 31px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 4px;
    z-index: 1;
    background-color: #17bab8;
}

.j-forms .primary-btn,
.j-forms .file-button,
.j-forms .secondary-btn {
    -webkit-transition: background.2s;
    -moz-transition: background.2s;
    -ms-transition: background.2s;
    -o-transition: background.2s;
    transition: background.2s;
}

    .j-forms .primary-btn:hover.processing {
        cursor: wait;
    }

    .j-forms .file-button:hover + input {
        border: 1px solid #17bab8;
    }

    .j-forms .secondary-btn,
    .j-forms .secondary-btn:hover,
    .j-forms .secondary-btn:active {
        opacity: .5;
    }

    .j-forms .primary-btn.processing:before {
        background: rgba(255, 255, 255, 0.4);
        content: '';
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-animation: processing 3s ease-in-out infinite;
        -moz-animation: processing 3s ease-in-out infinite;
        -ms-animation: processing 3s ease-in-out infinite;
        -o-animation: processing 3s ease-in-out infinite;
        animation: processing 3s ease-in-out infinite;
    }

@-webkit-keyframes processing {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-moz-keyframes processing {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-ms-keyframes processing {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-o-keyframes processing {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes processing {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}
/* Tooltip
=============================== */
.j-forms .tooltip,
.j-forms .tooltip-image {
    background-color: #455a64;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    left: -9999px;
    opacity: 0;
    position: absolute;
    z-index: 100;
}

.j-forms .tooltip {
    color: #fff;
    line-height: 20px;
    padding: 5px 10px;
}

.j-forms .tooltip-image {
    padding: 2px 2px 1px;
}

.j-forms .input input:focus + .tooltip,
.j-forms .input textarea:focus + .tooltip,
.j-forms .select select:focus + .tooltip,
.j-forms .input input:focus + .tooltip-image,
.j-forms .input textarea:focus + .tooltip-image,
.j-forms .select select:focus + .tooltip-image {
    opacity: 1;
    z-index: 5;
}

.j-forms .tooltip-left-top {
    bottom: 100%;
    margin-bottom: 8px;
}

    .j-forms .tooltip-left-top:before {
        border-color: #455a64 transparent;
        border-style: solid;
        border-width: 8px 7px 0;
        bottom: -6px;
        content: "";
        left: 16px;
        position: absolute;
    }

.j-forms .input input:focus + .tooltip-left-top,
.j-forms .input textarea:focus + .tooltip-left-top,
.j-forms .select select:focus + .tooltip-left-top {
    left: 0;
    right: auto;
}

.j-forms .tooltip-right-top {
    bottom: 100%;
    margin-bottom: 8px;
}

    .j-forms .tooltip-right-top:before {
        border-color: #455a64 transparent;
        border-style: solid;
        border-width: 8px 7px 0;
        bottom: -6px;
        content: "";
        position: absolute;
        right: 16px;
    }

.j-forms .input input:focus + .tooltip-right-top,
.j-forms .input textarea:focus + .tooltip-right-top,
.j-forms .select select:focus + .tooltip-right-top {
    left: auto;
    right: 0;
}

.j-forms .tooltip-left-bottom {
    margin-top: 8px;
    top: 100%;
}

    .j-forms .tooltip-left-bottom:before {
        border-color: #455a64 transparent;
        border-style: solid;
        border-width: 0 7px 8px;
        top: -6px;
        content: "";
        left: 16px;
        position: absolute;
    }

.j-forms .input input:focus + .tooltip-left-bottom,
.j-forms .input textarea:focus + .tooltip-left-bottom,
.j-forms .select select:focus + .tooltip-left-bottom {
    left: 0;
    right: auto;
}

.j-forms .tooltip-right-bottom {
    margin-top: 8px;
    top: 100%;
}

    .j-forms .tooltip-right-bottom:before {
        border-color: #455a64 transparent;
        border-style: solid;
        border-width: 0 7px 8px;
        top: -6px;
        content: "";
        right: 16px;
        position: absolute;
    }

.j-forms .input input:focus + .tooltip-right-bottom,
.j-forms .input textarea:focus + .tooltip-right-bottom,
.j-forms .select select:focus + .tooltip-right-bottom {
    left: auto;
    right: 0;
}

.j-forms .tooltip-right-side {
    margin-left: 8px;
    top: 8px;
    white-space: nowrap;
}

    .j-forms .tooltip-right-side:before {
        border-color: transparent #455a64;
        border-style: solid;
        border-width: 7px 8px 7px 0;
        content: "";
        left: -6px;
        position: absolute;
        top: 8px;
    }

.j-forms .input input:focus + .tooltip-right-side,
.j-forms .input textarea:focus + .tooltip-right-side,
.j-forms .select select:focus + .tooltip-right-side {
    left: 100%;
}

.j-forms .tooltip-left-side {
    margin-right: 8px;
    top: 8px;
    white-space: nowrap;
}

    .j-forms .tooltip-left-side:before {
        border-color: transparent #455a64;
        border-style: solid;
        border-width: 7px 0 7px 8px;
        content: "";
        right: -6px;
        position: absolute;
        top: 8px;
    }

.j-forms .input input:focus + .tooltip-left-side,
.j-forms .input textarea:focus + .tooltip-left-side,
.j-forms .select select:focus + .tooltip-left-side {
    left: auto;
    right: 100%;
}
/* Status message
=============================== */
.j-forms .error-message,
.j-forms .success-message,
.j-forms .info-message,
.j-forms .warning-message {
    border: 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 15px;
}

    .j-forms .error-message i,
    .j-forms .success-message i,
    .j-forms .info-message i,
    .j-forms .warning-message i {
        font-size: 18px;
        float: left;
        height: 24px;
        line-height: 24px;
        padding-right: 10px;
    }

    .j-forms .error-message ul,
    .j-forms .success-message ul,
    .j-forms .info-message ul,
    .j-forms .warning-message ul {
        margin: 0;
    }

.j-forms span.error-view,
.j-forms span.success-view,
.j-forms span.warning-view,
.j-forms span.info-view {
    display: block;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    margin-top: 5px;
    padding: 0 2px;
}

.j-forms span.hint {
    display: block;
    font-size: 13px;
    color: inherit;
    height: 13px;
    line-height: 13px;
    margin-top: 5px;
    padding: 0 2px;
}
/* Disabled state
=============================== */
.j-forms .widget.disabled-view,
.j-forms .input.disabled-view,
.j-forms .select.disabled-view,
.j-forms .checkbox.disabled-view,
.j-forms .radio.disabled-view,
.j-forms .checkbox-toggle.disabled-view,
.j-forms .radio-toggle.disabled-view,
.j-forms .primary-btn.disabled-view,
.j-forms .secondary-btn.disabled-view,
.j-forms .file-button.disabled-view {
    cursor: default;
    opacity: .5;
}

    .j-forms .input.disabled-view input[type="file"] {
        cursor: default;
    }

    .j-forms .widget.disabled-view input,
    .j-forms .input.disabled-view input,
    .j-forms .input.disabled-view textarea,
    .j-forms .select.disabled-view select {
        border-color: rgba(0, 0, 0, 0.12) !important;
    }

    .j-forms .checkbox.disabled-view i,
    .j-forms .radio.disabled-view i,
    .j-forms .checkbox-toggle.disabled-view i,
    .j-forms .radio-toggle.disabled-view i {
        border-color: rgba(0, 0, 0, 0.26) !important;
    }

.j-forms .primary-btn.disabled-view,
.j-forms .secondary-btn.disabled-view,
.j-forms .disabled-view .file-button {
    background: #17bab8;
}

.j-forms .widget.disabled-view .addon-btn:hover,
.j-forms .widget.disabled-view .addon-btn:focus {
    background: #e0e0e0;
    cursor: default;
    color: rgba(0, 0, 0, 0.56);
}

.j-forms .widget.disabled-view .addon-btn i {
    color: rgba(0, 0, 0, 0.24) !important;
}
/* Error state
=============================== */
.j-forms .error-view .checkbox i,
.j-forms .error-view .radio i,
.j-forms .error-view .checkbox-toggle i,
.j-forms .error-view .radio-toggle i,
.j-forms .error-view input,
.j-forms .error-view select,
.j-forms .error-view textarea {
    background: #ffebee !important;
}

.j-forms .select.error-view i {
    background-color: #ffebee;
}

.j-forms .error-view .icon-left,
.j-forms .error-view .icon-right {
    border-color: #e57373;
}

.j-forms .error-view .icon-left,
.j-forms .error-view .icon-right,
.j-forms span.error-view,
.j-forms .error-message i {
    color: #ef5350;
}

.j-forms .error-message {
    background: #ffebee;
    border-color: #ef9a9a;
    color: #ef5350;
}
/* Success state
=============================== */
.j-forms .success-view .checkbox i,
.j-forms .success-view .radio i,
.j-forms .success-view .checkbox-toggle i,
.j-forms .success-view .radio-toggle i,
.j-forms .success-view input,
.j-forms .success-view select,
.j-forms .success-view textarea {
    background: #e8f5e9 !important;
}

.j-forms .select.success-view i {
    background-color: #e8f5e9;
}

.j-forms .success-view .icon-left,
.j-forms .success-view .icon-right {
    border-color: #81c784;
}

.j-forms .success-view .icon-left,
.j-forms .success-view .icon-right,
.j-forms span.success-view,
.j-forms .success-message i {
    color: #2e7d32;
}

.j-forms .success-message {
    background: #e8f5e9;
    border-color: #81c784;
    color: #2e7d32;
}
/* Warning state
=============================== */
.j-forms .warning-view .checkbox i,
.j-forms .warning-view .radio i,
.j-forms .warning-view .checkbox-toggle i,
.j-forms .warning-view .radio-toggle i,
.j-forms .warning-view input,
.j-forms .warning-view select,
.j-forms .warning-view textarea {
    background: #fff8e1 !important;
}

.j-forms .select.warning-view i {
    background-color: #fff8e1;
    -webkit-box-shadow: 0 0 0 12px #fff8e1;
    -moz-box-shadow: 0 0 0 12px #fff8e1;
    -o-box-shadow: 0 0 0 12px #fff8e1;
    box-shadow: 0 0 0 12px #fff8e1;
}

.j-forms .warning-view .icon-left,
.j-forms .warning-view .icon-right {
    border-color: #f9a825;
}

.j-forms .warning-view .icon-left,
.j-forms .warning-view .icon-right,
.j-forms span.warning-view,
.j-forms .warning-message i {
    color: #f57f17;
}

.j-forms .warning-message {
    background: #fff8e1;
    border-color: #f57f17;
    color: #f57f17;
}
/* Info state
=============================== */
.j-forms .info-view .checkbox i,
.j-forms .info-view .radio i,
.j-forms .info-view .checkbox-toggle i,
.j-forms .info-view .radio-toggle i,
.j-forms .info-view input,
.j-forms .info-view select,
.j-forms .info-view textarea {
    background: #e1f5fe !important;
}

.j-forms .select.info-view i {
    background-color: #e1f5fe;
    -webkit-box-shadow: 0 0 0 12px #e1f5fe;
    -moz-box-shadow: 0 0 0 12px #e1f5fe;
    -o-box-shadow: 0 0 0 12px #e1f5fe;
    box-shadow: 0 0 0 12px #e1f5fe;
}

.j-forms .info-view .icon-left,
.j-forms .info-view .icon-right {
    border-color: #0288d1;
}

.j-forms .info-view .icon-left,
.j-forms .info-view .icon-right,
.j-forms span.info-view,
.j-forms .info-message i {
    color: #01579b;
}

.j-forms .info-message {
    background: #e1f5fe;
    border-color: #01579b;
    color: #01579b;
}
/* Ratings
==================================== */
.j-forms .rating-group {
    color: rgba(0, 0, 0, 0.87);
    height: 30px;
    line-height: 30px;
    margin-bottom: 4px;
}

    .j-forms .rating-group:last-child {
        margin-bottom: 0;
    }

    .j-forms .rating-group .label {
        float: left;
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .j-forms .rating-group .ratings {
        float: right;
        height: 30px;
        line-height: 30px;
    }

.j-forms .ratings input {
    left: -9999px;
    position: absolute;
}

    .j-forms .ratings input + label {
        color: rgba(0, 0, 0, 0.26);
        cursor: pointer;
        font-size: 20px;
        float: right;
        padding: 0 2px;
        -webkit-transition: color.2s;
        -moz-transition: color.2s;
        -ms-transition: color.2s;
        -o-transition: color.2s;
        transition: color.2s;
    }

        .j-forms .ratings input + label:hover,
        .j-forms .ratings input + label:hover ~ label,
        .j-forms .ratings input:checked + label,
        .j-forms .ratings input:checked + label ~ label {
            color: #17bab8;
        }
/* Social links
==================================== */
.j-forms .social-btn,
.j-forms .social-icon {
    margin-bottom: 6px;
    position: relative;
}

.j-forms .social-icon {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}

.j-forms .social-center {
    text-align: center;
}

.j-forms .social-btn i,
.j-forms .social-icon i {
    background-color: rgba(0, 0, 0, 0.15);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    left: 0;
    line-height: 48px;
    position: absolute;
    text-align: center;
    width: 48px;
    z-index: 2;
}

.j-forms .social-btn i {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.j-forms .social-icon i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.j-forms .social-btn button,
.j-forms .social-icon button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: none;
    color: #fff;
    cursor: pointer;
    font: 16px 'Open Sans', Helvetica, Arial, sans-serif;
    padding: 0 0 0 48px;
    outline: none;
    overflow: hidden;
    height: 48px;
    white-space: nowrap;
    -webkit-transition: background.2s;
    -moz-transition: background.2s;
    -ms-transition: background.2s;
    -o-transition: background.2s;
    transition: background.2s;
}

.j-forms .social-btn button {
    width: 100%;
}

.j-forms .social-icon button {
    width: 48px;
}

.j-forms .social-btn.vk button,
.j-forms .social-icon.vk button {
    background: #2f5070;
}

.j-forms .social-btn.vk:hover button,
.j-forms .social.vk:hover button {
    background: rgba(47, 80, 112, 0.85);
}

.j-forms .social-btn.skype button,
.j-forms .social-icon.skype button {
    background: #13b0ed;
}

.j-forms .social-btn.skype:hover button,
.j-forms .social-icon.skype:hover button {
    background: rgba(19, 176, 237, 0.85);
}

.j-forms .social-btn.yahoo button,
.j-forms .social-icon.yahoo button {
    background: #700e9c;
}

.j-forms .social-btn.yahoo:hover button,
.j-forms .social-icon.yahoo:hover button {
    background: rgba(112, 14, 156, 0.85);
}

.j-forms .social-btn.flickr button,
.j-forms .social-icon.flickr button {
    background: #fe3b93;
}

.j-forms .social-btn.flickr:hover button,
.j-forms .social-icon.flickr:hover button {
    background: rgba(254, 59, 147, 0.85);
}

.j-forms .social-btn.tumblr button,
.j-forms .social-icon.tumblr button {
    background: #384853;
}

.j-forms .social-btn.tumblr:hover button,
.j-forms .social-icon.tumblr:hover button {
    background: rgba(56, 72, 83, 0.85);
}

.j-forms .social-btn.google button,
.j-forms .social-icon.google button {
    background: #0868b9;
}

.j-forms .social-btn.google:hover button,
.j-forms .social-icon.google:hover button {
    background: rgba(8, 104, 185, 0.85);
}

.j-forms .social-btn.twitter button,
.j-forms .social-icon.twitter button {
    background: #2ca8d2;
}

.j-forms .social-btn.twitter:hover button,
.j-forms .social-icon.twitter:hover button {
    background: rgba(44, 168, 210, 0.85);
}

.j-forms .social-btn.youtube button,
.j-forms .social-icon.youtube button {
    background: #ce332c;
}

.j-forms .social-btn.youtube:hover button,
.j-forms .social-icon.youtube:hover button {
    background: rgba(206, 51, 44, 0.85);
}

.j-forms .social-btn.facebook button,
.j-forms .social-icon.facebook button {
    background: #305891;
}

.j-forms .social-btn.facebook:hover button,
.j-forms .social-icon.facebook:hover button {
    background: rgba(48, 88, 145, 0.85);
}

.j-forms .social-btn.linkedin button,
.j-forms .social-icon.linkedin button {
    background: #4498c8;
}

.j-forms .social-btn.linkedin:hover button,
.j-forms .social-icon.linkedin:hover button {
    background: rgba(68, 152, 200, 0.85);
}

.j-forms .social-btn.pinterest button,
.j-forms .social-icon.pinterest button {
    background: #c82828;
}

.j-forms .social-btn.pinterest:hover button,
.j-forms .social-icon.pinterest:hover button {
    background: rgba(200, 40, 40, 0.85);
}

.j-forms .social-btn.google-plus button,
.j-forms .social-icon.google-plus button {
    background: #ce4d39;
}

.j-forms .social-btn.google-plus:hover button,
.j-forms .social-icon.google-plus:hover button {
    background: rgba(206, 77, 57, 0.85);
}
/* Captcha
=============================== */
.j-forms .captcha-group {
    position: relative;
}

    .j-forms .captcha-group .captcha {
        background-color: #e0e0e0;
        border: none;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        -o-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
        height: 48px;
        line-height: 48px;
        position: absolute;
        outline: none;
        text-align: center;
        top: 0;
        width: 90px;
    }

    .j-forms .captcha-group .input {
        padding-left: 90px;
    }

        .j-forms .captcha-group .input input {
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            -o-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
        }
/* Stepper
=============================== */
.j-forms .stepper {
    position: relative;
    padding-right: 40px;
}

    .j-forms .stepper input {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        -o-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .j-forms .stepper .stepper-wrapper {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        -o-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        bottom: 0;
        outline: none;
        position: absolute;
        right: 0;
        top: 0;
        overflow: hidden;
        width: 40px;
    }

    .j-forms .stepper input::-webkit-inner-spin-button,
    .j-forms .stepper input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .j-forms .stepper .stepper-arrow {
        background-color: #e0e0e0;
        cursor: pointer;
        display: block;
        height: 50%;
        -webkit-transition: background-color 0.4s;
        -moz-transition: background-color 0.4s;
        -ms-transition: background-color 0.4s;
        -o-transition: background-color 0.4s;
        transition: background-color 0.4s;
    }

        .j-forms .stepper .stepper-arrow:hover {
            background-color: #d6d6d6;
        }

        .j-forms .stepper .stepper-arrow.down {
            bottom: 0;
        }

            .j-forms .stepper .stepper-arrow.up:after,
            .j-forms .stepper .stepper-arrow.down:after {
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                content: '';
                position: absolute;
                right: 16px;
                -webkit-transition: all.4s;
                -moz-transition: all.4s;
                -ms-transition: all.4s;
                -o-transition: all.4s;
                transition: all.4s;
            }

            .j-forms .stepper .stepper-arrow.down:after {
                border-top: 7px solid rgba(0, 0, 0, 0.56);
                bottom: 10px;
            }

        .j-forms .stepper .stepper-arrow.up:after {
            border-bottom: 7px solid rgba(0, 0, 0, 0.56);
            top: 10px;
        }

        .j-forms .stepper .stepper-arrow:hover.down:after {
            border-top: 7px solid rgba(0, 0, 0, 0.87);
        }

        .j-forms .stepper .stepper-arrow:hover.up:after {
            border-bottom: 7px solid rgba(0, 0, 0, 0.87);
        }
/* Datapicker and Timepicker
=============================== */
.ui-datepicker {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.54);
    display: none;
    text-align: center;
    padding: 10px 0;
    width: 240px;
    z-index: 2000 !important;
}

.ui-datepicker-header {
    background-color: #fff;
    line-height: 1.5;
    margin: -2px 0 12px;
    padding: 6px 10px 18px 10px;
    position: relative;
    border-bottom: #eee 1px solid;
    font-size: 16px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 30px;
    position: absolute;
    text-decoration: none;
    top: 6px;
    width: 40px;
    color: #666;
    border: 0px !important;
}

.ui-datepicker-prev {
    border-right: 1px solid;
    left: 0;
}

.ui-datepicker-next {
    border-left: 1px solid;
    right: 0;
}

.ui-datepicker-calendar {
    border-collapse: collapse;
    line-height: 1.5;
    width: 100%;
}

    .ui-datepicker-calendar th span {
        color: rgba(0, 0, 0, 0.26);
        font-weight: lighter;
        font-size: 14px;
        text-align: center;
        font-weight: 500;
    }

    .ui-datepicker-calendar a,
    .ui-datepicker-calendar span {
        color: rgba(0, 0, 0, 0.54);
        display: block;
        font-size: 14px;
        margin: 0 auto;
        text-decoration: none;
        width: 28px;
        padding: 3px 0px;
        margin-bottom: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .ui-datepicker-calendar a:hover,
        .ui-datepicker-calendar .ui-state-active {
            background-color: #e0e0e0;
            color: #444;
            text-decoration: none;
        }

.ui-datepicker-today a {
    background-color: #17bab8;
    color: #fff;
}

.ui-datepicker-inline {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.ui-state-disabled span {
    color: rgba(0, 0, 0, 0.26);
}

.ui-timepicker-div .ui-widget-header {
    background-color: #f0f0f0;
    margin-bottom: 8px;
    padding: 10px 0;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        float: left;
        clear: left;
        padding: 0 0 0 5px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
        padding: 0 5px 0 0;
    }

        .ui-timepicker-rtl dl dt {
            float: right;
            clear: right;
        }

        .ui-timepicker-rtl dl dd {
            margin: 0 40% 10px 10px;
        }

.ui-timepicker-div {
    font-size: 15px;
}

    .ui-timepicker-div dl {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 16px 5px;
        margin: 16px 0 0;
    }

    .ui-timepicker-div .ui_tpicker_time {
        margin: 0 10px 10px 40%;
    }

    .ui-timepicker-div .ui_tpicker_hour,
    .ui-timepicker-div .ui_tpicker_minute {
        margin: 22px 10px 10px 40%;
    }

.ui-datepicker-buttonpane {
    border-top: 1px solid rgba(0, 0, 0, 0.26);
}

    .ui-datepicker-buttonpane button {
        background: #e0e0e0;
        border: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        color: rgba(0, 0, 0, 0.56);
        cursor: pointer;
        padding: 8px 15px;
        margin: 10px 5px 0;
        -webkit-transition: all.15s;
        -moz-transition: all.15s;
        -ms-transition: all.15s;
        -o-transition: all.15s;
        transition: all.15s;
        outline: none;
    }

        .ui-datepicker-buttonpane button:hover {
            background: #d6d6d6;
            color: rgba(0, 0, 0, 0.87);
        }
/* jQuery Slider
=============================== */
.ui-slider {
    position: relative;
}

    .ui-slider .ui-slider-range {
        border: none;
        display: block;
        font-size: 11px;
        position: absolute;
        overflow: hidden;
        z-index: 1;
    }

    .ui-slider .ui-slider-handle {
        background-color: #e0e0e0;
        border: 1px solid rgba(0, 0, 0, 0.36);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        cursor: pointer;
        height: 16px;
        position: absolute;
        outline: none;
        left: -5px;
        width: 16px;
        z-index: 2;
    }

.ui-slider-horizontal {
    height: 6px;
}

.ui-slider-vertical {
    height: 100px;
    width: 6px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    margin-left: -10px;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider.ui-widget-content {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.ui-slider-vertical .ui-widget-header,
.ui-slider-horizontal .ui-widget-header {
    background-color: #f0f0f0;
}

.j-forms .slider-group {
    font: 15px 'Open Sans', Helvetica, Arial, sans-serif;
    height: 48px;
    line-height: 48px;
    padding: 0 2px;
    margin-bottom: 5px;
    white-space: nowrap;
}

    .j-forms .slider-group label {
        display: inline-block;
        color: rgba(0, 0, 0, 0.87);
        padding: 0 4px;
    }
/* Multistep form
=============================== */
.j-forms fieldset {
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    top: 0;
    -webkit-transform: translateY(-4%);
    -moz-transform: translateY(-4%);
    -ms-transform: translateY(-4%);
    -o-transform: translateY(-4%);
    transform: translateY(-4%);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    -ms-transition: opacity 0.3s, -ms-transform 0.3s;
    -o-transition: opacity 0.3s, -o-transform 0.3s;
    transition: opacity.3s, transform.3s;
}

.j-forms .wizard-breadcrumb {
    margin-bottom: 30px;
}

    .j-forms .wizard-breadcrumb.default-style .steps {
        border: 1px solid #eee;
        padding: 15px;
        background-color: #f5f5f5;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        -webkit-transition: all.3s;
        -moz-transition: all.3s;
        -ms-transition: all.3s;
        -o-transition: all.3s;
        transition: all.3s;
    }

        .j-forms .wizard-breadcrumb.default-style .steps p {
            color: #444;
            font-size: 16px;
            padding: 10px 0px 0px 0px;
            margin-bottom: 0px;
        }

        .j-forms .wizard-breadcrumb.default-style .steps span {
            color: #444;
            font-size: 14px;
        }

    .j-forms .wizard-breadcrumb.default-style .active-step .steps {
        background-color: #17bab8;
        border: 1px solid #17bab8;
    }

        .j-forms .wizard-breadcrumb.default-style .active-step .steps p {
            color: #fff;
        }

        .j-forms .wizard-breadcrumb.default-style .active-step .steps span {
            color: #fff;
        }

    .j-forms .wizard-breadcrumb.default-style .passed-step .steps {
        background-color: #17bab8;
        border: 1px solid #17bab8;
    }

        .j-forms .wizard-breadcrumb.default-style .passed-step .steps p {
            color: #fff;
        }

        .j-forms .wizard-breadcrumb.default-style .passed-step .steps span {
            color: #fff;
        }

.j-forms .wizard-breadcrumb {
    margin-bottom: 30px;
}

    .j-forms .wizard-breadcrumb.tab-style {
        margin-left: -30px;
        margin-right: -30px;
        margin-top: -30px;
        border-bottom: #eee 2px solid;
    }

        .j-forms .wizard-breadcrumb.tab-style .steps {
            padding: 15px;
            text-align: center;
            -webkit-transition: all.3s;
            -moz-transition: all.3s;
            -ms-transition: all.3s;
            -o-transition: all.3s;
            transition: all.3s;
            margin-bottom: -2px;
        }

            .j-forms .wizard-breadcrumb.tab-style .steps p {
                color: #444;
                font-size: 16px;
                padding: 10px 0px 0px 0px;
                margin-bottom: 0px;
            }

            .j-forms .wizard-breadcrumb.tab-style .steps span {
                color: #444;
                font-size: 14px;
            }

        .j-forms .wizard-breadcrumb.tab-style .active-step .steps {
            border-bottom: #17bab8 2px solid;
        }

        .j-forms .wizard-breadcrumb.tab-style .passed-step .steps {
            border-bottom: #17bab8 2px solid;
        }

.j-forms .wizard-breadcrumb {
    margin-bottom: 30px;
}

    .j-forms .wizard-breadcrumb.number-style .steps {
        position: relative;
        padding: 15px;
        text-align: center;
        -webkit-transition: all.3s;
        -moz-transition: all.3s;
        -ms-transition: all.3s;
        -o-transition: all.3s;
        transition: all.3s;
        z-index: 10;
    }

        .j-forms .wizard-breadcrumb.number-style .steps p {
            color: #444;
            font-size: 14px;
            padding: 10px 0px 0px 0px;
            margin-bottom: 0px;
        }

        .j-forms .wizard-breadcrumb.number-style .steps .step-number {
            width: 40px;
            height: 40px;
            display: inline-block;
            line-height: 40px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            background-color: #eee;
            color: #666;
            position: relative;
            z-index: 6;
        }

    .j-forms .wizard-breadcrumb.number-style .active-step .steps .step-number {
        background-color: #17bab8;
        color: #fff;
    }

    .j-forms .wizard-breadcrumb.number-style .active-step .steps:before {
        background-color: #17bab8 !important;
    }

    .j-forms .wizard-breadcrumb.number-style .passed-step .steps .step-number {
        background-color: #17bab8;
        color: #fff;
    }

    .j-forms .wizard-breadcrumb.number-style .passed-step .steps:after,
    .j-forms .wizard-breadcrumb.number-style .passed-step .steps:before {
        background-color: #17bab8 !important;
    }

    .j-forms .wizard-breadcrumb.number-style .step .steps:after {
        content: "";
        height: 3px;
        background-color: #eee;
        width: 50%;
        position: absolute;
        top: 34px;
    }

    .j-forms .wizard-breadcrumb.number-style .step .steps:before {
        content: "";
        height: 3px;
        background-color: #eee;
        width: 60%;
        position: absolute;
        top: 34px;
        left: -30px;
    }

    .j-forms .wizard-breadcrumb.number-style .step:first-child .steps:after {
        content: "";
        height: 3px;
        background-color: #eee;
        width: 50%;
        position: absolute;
        top: 34px;
    }

    .j-forms .wizard-breadcrumb.number-style .step:first-child .steps:before {
        display: none !important;
    }

    .j-forms .wizard-breadcrumb.number-style .step:last-child .steps:after {
        display: none !important;
    }

.j-forms .wizard-breadcrumb {
    list-style: none;
    padding: 0px;
}

    .j-forms .wizard-breadcrumb.list-style > li {
        display: inline-block;
    }

    .j-forms .wizard-breadcrumb.list-style .steps {
        display: inline-block;
        border: 1px solid #eee;
        padding: 10px 15px;
        background-color: #f5f5f5;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 25px;
        text-align: center;
        -webkit-transition: all.3s;
        -moz-transition: all.3s;
        -ms-transition: all.3s;
        -o-transition: all.3s;
        transition: all.3s;
    }

        .j-forms .wizard-breadcrumb.list-style .steps p {
            color: #444;
            font-size: 16px;
            height: 36px;
            line-height: 36px;
            margin: 0;
            padding: 0;
        }

        .j-forms .wizard-breadcrumb.list-style .steps span {
            color: #444;
            font-size: 13px;
            height: 13px;
            line-height: 13px;
        }

    .j-forms .wizard-breadcrumb.list-style .active-step .steps {
        background-color: #17bab8;
        border: 1px solid #17bab8;
    }

        .j-forms .wizard-breadcrumb.list-style .active-step .steps p {
            color: #fff;
        }

        .j-forms .wizard-breadcrumb.list-style .active-step .steps span {
            color: #fff;
        }

    .j-forms .wizard-breadcrumb.list-style .passed-step .steps {
        border: 1px solid #17bab8;
        background-color: #17bab8;
    }

.block-form-footer {
    margin-right: -30px;
    margin-left: -30px;
    margin-bottom: -30px;
    padding: 30px 30px 30px 30px;
    border-top: #eee 2px solid;
    margin-top: 5px;
}

.j-forms .active-fieldset {
    left: 0;
    position: relative;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.j-forms fieldset .unit,
.j-forms fieldset .j-row {
    display: none;
}

.j-forms .active-fieldset .unit,
.j-forms .active-fieldset .j-row {
    display: block;
}

.j-forms.j-multistep .input textarea:focus {
    height: 112px;
}
/* Modal form
=============================== */
/* Settings for block with links */
.modal-block {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.54);
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
    margin: 0 auto;
    max-width: 320px;
    outline: medium none;
    padding: 20px;
}

    .modal-block .modal-link {
        border-bottom: 1px solid #90caf9;
        color: #1e88e5;
        font-size: 14px;
        line-height: inherit;
        text-decoration: none;
    }

        .modal-block .modal-link:hover {
            border-bottom: none;
        }
/* Settings for modal form directly */
.modal-form {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 1200;
}

.modal-fill {
    background-color: rgba(103, 119, 129, 0.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
}

.j-forms .modal-close {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 11px;
    -webkit-transition: background-color 0.15s;
    -moz-transition: background-color 0.15s;
    -ms-transition: background-color 0.15s;
    -o-transition: background-color 0.15s;
    transition: background-color 0.15s;
}

    .j-forms .modal-close:hover,
    .j-forms .modal-close:focus {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .j-forms .modal-close i {
        display: block;
        height: 22px;
        width: 23px;
    }

        .j-forms .modal-close i:before,
        .j-forms .modal-close i:after {
            background-color: #fff;
            content: '';
            height: 3px;
            position: absolute;
            right: 1px;
            top: 10px;
            width: 21px;
        }

        .j-forms .modal-close i:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .j-forms .modal-close i:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
/* Pop-up form
=============================== */
/* Popup menu forms */
.popup-menu {
    padding: 0 15px;
}

.popup-list {
    background-color: #f9fafd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    max-width: 100%;
    position: relative;
}

    .popup-list:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .popup-list > ul {
        font-size: 0;
        float: right;
        outline: none;
        padding: 5px;
    }

        .popup-list > ul > li {
            border-left: 1px solid rgba(0, 0, 0, 0.12);
            display: inline-block;
            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
            font-size: 16px;
            line-height: 45px;
            padding: 0 20px;
            list-style-type: none;
        }

            .popup-list > ul > li:hover {
                background-color: #f5f5f5;
            }

.popup-list-open {
    position: relative;
}

    .popup-list-open .j-forms {
        margin: 10px auto 0;
        z-index: 999;
    }

        .popup-list-open .j-forms .input textarea:focus {
            height: 112px;
        }

    .popup-list-open .popup-list-wrapper {
        display: none;
        opacity: 0;
        position: absolute;
        left: -9999px;
        width: 400px;
        -webkit-animation: popup-list-open 0.4s both;
        -moz-animation: popup-list-open 0.4s both;
        -ms-animation: popup-list-open 0.4s both;
        -o-animation: popup-list-open 0.4s both;
        animation: popup-list-open 0.4s both;
    }

@-webkit-keyframes popup-list-open {
    from {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-moz-keyframes popup-list-open {
    from {
        -moz-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }

    to {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-ms-keyframes popup-list-open {
    from {
        -ms-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }

    to {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-o-keyframes popup-list-open {
    from {
        -o-transform: translate(0, -10px);
        transform: translate(0, -10px);
    }

    to {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes popup-list-open {
    from {
        transform: translate(0, -10px);
    }

    to {
        transform: translate(0, 0);
    }
}
/* Popup bottom form */
.popup-btm-400,
.popup-btm-640 {
    bottom: 0;
    position: fixed;
    -webkit-transition: width.3s;
    -moz-transition: width.3s;
    -ms-transition: width.3s;
    -o-transition: width.3s;
    transition: width.3s;
    right: 1%;
    z-index: 1000;
}

.popup-btm-400 {
    width: 400px;
}

.popup-btm-640 {
    width: 640px;
}

    .popup-btm-400 #popup-input-open,
    .popup-btm-400 #popup-input-close,
    .popup-btm-640 #popup-input-open,
    .popup-btm-640 #popup-input-close {
        display: none;
    }

    .popup-btm-400 .popup-btm-wrapper,
    .popup-btm-640 .popup-btm-wrapper {
        bottom: -500px;
        height: auto;
        position: absolute;
        right: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        width: 100%;
        z-index: 1000;
    }

    .popup-btm-400 input#popup-input-open:checked ~ .popup-btm-label,
    .popup-btm-640 input#popup-input-open:checked ~ .popup-btm-label {
        opacity: 0;
        cursor: default;
    }

    .popup-btm-400 input#popup-input-close:checked ~ .popup-btm-wrapper,
    .popup-btm-640 input#popup-input-close:checked ~ .popup-btm-wrapper,
    .popup-btm-400 .popup-btm-wrapper,
    .popup-btm-640 .popup-btm-wrapper {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    .popup-btm-400 input#popup-input-open:checked ~ .popup-btm-wrapper,
    .popup-btm-640 input#popup-input-open:checked ~ .popup-btm-wrapper {
        bottom: 5px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .popup-btm-400 .j-forms .input textarea:focus,
    .popup-btm-640 .j-forms .input textarea:focus {
        height: 112px;
    }

    .popup-btm-400 .popup-btm-label,
    .popup-btm-640 .popup-btm-label {
        background-color: #f9fafd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
        -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
        bottom: 0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.87);
        display: block;
        font: 16px 'Open Sans', Helvetica, Arial, sans-serif;
        height: 35px;
        text-align: center;
        opacity: 1;
        line-height: 35px;
        padding: 0 30px;
        position: fixed;
        right: 1%;
        -webkit-transition: opacity 0.4s ease-in-out 0.05s;
        -moz-transition: opacity 0.4s ease-in-out 0.05s;
        -ms-transition: opacity 0.4s ease-in-out 0.05s;
        -o-transition: opacity 0.4s ease-in-out 0.05s;
        transition: opacity 0.4s ease-in-out 0.05s;
        white-space: nowrap;
        z-index: 9999;
    }

    .popup-btm-400 .popup-btm-close,
    .popup-btm-640 .popup-btm-close {
        background-color: rgba(0, 0, 0, 0.6);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: -25px;
        -webkit-transition: background-color 0.15s;
        -moz-transition: background-color 0.15s;
        -ms-transition: background-color 0.15s;
        -o-transition: background-color 0.15s;
        transition: background-color 0.15s;
    }

        .popup-btm-400 .popup-btm-close:hover,
        .popup-btm-400 .popup-btm-close:focus,
        .popup-btm-640 .popup-btm-close:hover,
        .popup-btm-640 .popup-btm-close:focus {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .popup-btm-400 .popup-btm-close i,
        .popup-btm-640 .popup-btm-close i {
            display: block;
            height: 22px;
            width: 23px;
        }

            .popup-btm-400 .popup-btm-close i:before,
            .popup-btm-400 .popup-btm-close i:after,
            .popup-btm-640 .popup-btm-close i:before,
            .popup-btm-640 .popup-btm-close i:after {
                background-color: #fff;
                content: '';
                height: 3px;
                position: absolute;
                right: 1px;
                top: 10px;
                width: 21px;
            }

            .popup-btm-400 .popup-btm-close i:before,
            .popup-btm-640 .popup-btm-close i:before {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .popup-btm-400 .popup-btm-close i:after,
            .popup-btm-640 .popup-btm-close i:after {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
/*=================================================================*/
/* Grid layout */
/*=================================================================*/
.j-forms [class*="span"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.j-forms .span1 {
    width: 8.3333%;
}

.j-forms .span2 {
    width: 16.6666%;
}

.j-forms .span3 {
    width: 25%;
}

.j-forms .span4 {
    width: 33.3333%;
}

.j-forms .span5 {
    width: 41.6666%;
}

.j-forms .span6 {
    width: 50%;
}

.j-forms .span7 {
    width: 58.3333%;
}

.j-forms .span8 {
    width: 66.6666%;
}

.j-forms .span9 {
    width: 75%;
}

.j-forms .span10 {
    width: 83.3333%;
}

.j-forms .span11 {
    width: 91.6666%;
}

.j-forms .span12 {
    width: 100%;
}

.j-forms .offset1 {
    margin-left: 8.3333%;
}

.j-forms .offset2 {
    margin-left: 16.6666%;
}

.j-forms .offset3 {
    margin-left: 25%;
}

.j-forms .offset4 {
    margin-left: 33.3333%;
}

.j-forms .offset5 {
    margin-left: 41.6666%;
}

.j-forms .offset6 {
    margin-left: 50%;
}

.j-forms .offset7 {
    margin-left: 58.3333%;
}

.j-forms .offset8 {
    margin-left: 66.6666%;
}

.j-forms .offset9 {
    margin-left: 75%;
}

.j-forms .offset10 {
    margin-left: 83.3333%;
}

.j-forms .offset11 {
    margin-left: 91.6666%;
}

.j-forms .offset12 {
    margin-left: 100%;
}

.j-forms .j-row {
    margin: 0 -10px;
}

    .j-forms .j-row:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
/* Responsiveness
==================================== */
/* Wrapper-640 */
@media all and (max-width: 620px) {
    .wrapper-640 .j-forms [class*="span"] {
        margin-right: 0;
        width: 100%;
    }

    .wrapper-640 .j-forms [class*="offset"] {
        margin-left: 0;
    }

    .wrapper-640 .j-forms .label-center {
        height: 14px;
        line-height: 14px;
        text-align: left;
        padding-bottom: 3px;
    }

    .wrapper-640 .j-forms .radio:last-child,
    .wrapper-640 .j-forms .checkbox:last-child,
    .wrapper-640 .j-forms .radio-toggle:last-child,
    .wrapper-640 .j-forms .checkbox-toggle:last-child {
        margin-bottom: 4px;
    }
    /* Popup menu forms*/
    .popup-list-open > .popup-list-wrapper {
        width: 100%;
    }

    .popup-list-open {
        position: static;
    }
}
/* Wrapper-400 */
@media all and (max-width: 380px) {
    .wrapper-400 .j-forms [class*="span"] {
        margin-right: 0;
        width: 100%;
    }

    .wrapper-400 [class*="offset"] {
        margin-left: 0;
    }

    .wrapper-400 .j-forms .label-center {
        height: 14px;
        line-height: 14px;
        text-align: left;
        padding-bottom: 3px;
    }

    .wrapper-400 .j-forms .radio:last-child,
    .wrapper-400 .j-forms .checkbox:last-child,
    .wrapper-400 .j-forms .radio-toggle:last-child,
    .wrapper-400 .j-forms .checkbox-toggle:last-child {
        margin-bottom: 4px;
    }
    /* Responsiveness inside popup menu forms */
    .popup-list-wrapper .j-forms [class*="span"] {
        margin-right: 0;
        width: 100%;
    }

    .popup-list-wrapper .j-forms [class*="offset"] {
        margin-left: 0;
    }

    .popup-list-wrapper .j-forms .label-center {
        height: 14px;
        line-height: 14px;
        text-align: left;
        padding-bottom: 3px;
    }
}
/* Popup bottom form 400 px*/
@media all and (max-width: 410px) {
    .popup-btm-400 {
        width: 320px;
    }

        .popup-btm-400 .j-forms [class*="span"] {
            margin-right: 0;
            width: 100%;
        }

        .popup-btm-400 .j-forms [class*="offset"] {
            margin-left: 0;
        }

        .popup-btm-400 .j-forms .label-center {
            height: 14px;
            line-height: 14px;
            text-align: left;
            padding-bottom: 3px;
        }
}
/* Popup bottom form 640 px*/
@media all and (max-width: 650px) {
    .popup-btm-640 {
        width: 320px;
    }

        .popup-btm-640 .j-forms [class*="span"] {
            margin-right: 0;
            width: 100%;
        }

        .popup-btm-640 .j-forms [class*="offset"] {
            margin-left: 0;
        }

        .popup-btm-640 .j-forms .label-center {
            height: 14px;
            line-height: 14px;
            text-align: left;
            padding-bottom: 3px;
        }
}
/* Bootstrap compatibility
=============================== */
.j-forms .radio,
.j-forms .checkbox,
.j-forms .radio-toggle,
.j-forms .checkbox-toggle {
    margin-top: 0;
}

.j-forms .label {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.j-forms .radio,
.j-forms .checkbox,
.j-forms .radio-toggle,
.j-forms .checkbox-toggle,
.j-forms .radio *,
.j-forms .checkbox *,
.j-forms .radio-toggle *,
.j-forms .checkbox-toggle *,
.j-forms .radio i:after,
.j-forms .checkbox i:after,
.j-forms .radio-toggle i:after,
.j-forms .checkbox-toggle i:after,
.j-forms .radio i:before,
.j-forms .checkbox i:before,
.j-forms .radio-toggle i:before,
.j-forms .checkbox-toggle i:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/* =============================== */
/* start */
/* Just Forms */
/* version 2.0 */
/* =============================== */
/* Form details & total price
=============================== */
.j-forms .form-details {
    margin-bottom: 5px;
}

    .j-forms .form-details p {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .j-forms .form-details span {
        color: rgba(0, 0, 0, 0.87);
        padding: 0 4px;
    }

.j-forms .total-price {
    background: #5ED4C9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 10px 0;
}

.j-forms .form-details.total-price span {
    font-size: 17px;
}
/* Cloned elements
=============================== */
.j-forms .form-content .clone-btn-right,
.j-forms .form-content .clone-btn-left {
    font-size: 14px;
    height: 40px;
    padding: 0;
    position: absolute;
    margin: 0;
    width: 46px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.j-forms .j-row > .clone-btn-right {
    bottom: 25px;
    right: 10px;
}

    .j-forms .j-row > .clone-btn-right.delete {
        right: 60px;
    }

.j-forms .unit > .clone-btn-right {
    bottom: 0;
    right: 0;
}

    .j-forms .unit > .clone-btn-right.delete {
        right: 50px;
    }

.j-forms .j-row > .clone-btn-left {
    bottom: 25px;
    left: 10px;
}

    .j-forms .j-row > .clone-btn-left.delete {
        left: 60px;
    }

.j-forms .unit > .clone-btn-left {
    bottom: 0;
    left: 0;
}

    .j-forms .unit > .clone-btn-left.delete {
        left: 50px;
    }

.toclone-widget-right {
    padding-right: 100px;
    position: relative;
}

.toclone-widget-left {
    padding-left: 100px;
    position: relative;
}

.j-forms .toclone .link {
    display: inline-block;
    padding-bottom: 3px;
    margin: 0 5px 5px 0;
}
/* jQuery UI Autocomplete
=============================== */
.ui-autocomplete {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.12);
    border-style: solid;
    border-width: 1px;
    cursor: default;
    display: block;
    left: 0;
    list-style: none;
    margin: 0;
    max-height: 110px;
    outline: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 0px;
    z-index: 1510 !important;
}

    .ui-autocomplete .ui-menu {
        position: absolute;
    }

    .ui-autocomplete .ui-menu-item {
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        cursor: pointer;
        margin: 0;
        min-height: 0;
        padding: 8px 15px;
        position: relative;
    }
/*.ui-autocomplete .ui-menu-item:hover {
  background: rgba(0, 0, 0, 0.06);
}*/
.ui-helper-hidden-accessible {
    position: absolute;
    left: -999em;
}

.ui-state-focus {
    color: #17bab8;
    text-decoration: none;
    outline: 0;
    background-color: #444444;
    display: block;
    clear: both;
    font-weight: 600;
    line-height: 1.618;
    white-space: nowrap;
}
/* TinyMCE
=============================== */
.j-forms .input .mce-tinymce {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.12) !important;
    -webkit-transition: border.4s;
    -moz-transition: border.4s;
    -ms-transition: border.4s;
    -o-transition: border.4s;
    transition: border.4s;
}

    .j-forms .input .mce-tinymce:hover {
        border: 1px solid rgba(48, 63, 159, 0.6) !important;
    }
/* =============================== */
/* Just Forms */
/* version 2.0 */
/* end */
/* =============================== */
.captcha-group .input label {
    height: 48px !important;
    line-height: 48px !important;
}

.captcha-group .captcha-input {
    height: 49px !important;
}
/*---------------------------
2.6 Tags Input / .tagsinput
-----------------------------*/
div.tagsinput {
    border: 1px solid #e5e5e5;
    background: #FFF;
    padding: 5px;
    width: 300px;
    height: 100px;
    overflow-y: auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    div.tagsinput span.tag {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: block;
        float: left;
        padding: 6px 10px;
        text-decoration: none;
        background: #80cbc4;
        color: #444;
        margin-right: 5px;
        margin-bottom: 5px;
        font-family: helvetica;
        font-size: 13px;
    }

        div.tagsinput span.tag a {
            font-weight: bold;
            color: #444;
            text-decoration: none;
            font-size: 11px;
        }

    div.tagsinput input {
        width: 80px;
        margin: 0px;
        font-family: helvetica;
        font-size: 13px;
        border: 1px solid transparent;
        padding: 5px;
        background: transparent;
        color: #000;
        outline: 0px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    div.tagsinput div {
        display: block;
        float: left;
    }

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}
/*---------------------------------
2.7 Spinner / .bootstrap-touchspin
----------------------------------*/
.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

    .bootstrap-touchspin .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 9px 10px 10px 10px;
        margin-left: -1px;
        position: relative;
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
        border-radius: 0;
        border-top-right-radius: 4px;
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
        margin-top: -2px;
        border-radius: 0;
        border-bottom-right-radius: 4px;
    }

    .bootstrap-touchspin .input-group-btn-vertical i {
        position: absolute;
        top: 4px;
        left: 5px;
        font-size: 9px;
        font-weight: normal;
    }
/*---------------------------------
2.8 Icheck / .icheckbox_minimal
----------------------------------*/
/* iCheck plugin Minimal skin
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background-image: url("../images/icheck-minimal/minimal.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal {
    background-position: 0 0;
}

    .icheckbox_minimal.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal {
    background-position: -100px 0;
}

    .iradio_minimal.hover {
        background-position: -120px 0;
    }

    .iradio_minimal.checked {
        background-position: -140px 0;
    }

    .iradio_minimal.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal.checked.disabled {
        background-position: -180px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal,
    .iradio_minimal {
        background-image: url("../images/icheck-minimal/minimal%402x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* red */
.icheckbox_minimal-red,
.iradio_minimal-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icheck-minimal/red.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-red {
    background-position: 0 0;
}

    .icheckbox_minimal-red.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-red.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal-red.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal-red.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-red {
    background-position: -100px 0;
}

    .iradio_minimal-red.hover {
        background-position: -120px 0;
    }

    .iradio_minimal-red.checked {
        background-position: -140px 0;
    }

    .iradio_minimal-red.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal-red.checked.disabled {
        background-position: -180px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal-red,
    .iradio_minimal-red {
        background-image: url("../images/icheck-minimal/red%402x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* green */
.icheckbox_minimal-green,
.iradio_minimal-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icheck-minimal/green.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-green {
    background-position: 0 0;
}

    .icheckbox_minimal-green.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-green.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal-green.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal-green.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-green {
    background-position: -100px 0;
}

    .iradio_minimal-green.hover {
        background-position: -120px 0;
    }

    .iradio_minimal-green.checked {
        background-position: -140px 0;
    }

    .iradio_minimal-green.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal-green.checked.disabled {
        background-position: -180px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal-green,
    .iradio_minimal-green {
        background-image: url("../images/icheck-minimal/green%402x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* blue */
.icheckbox_minimal-blue,
.iradio_minimal-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icheck-minimal/blue.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-blue {
    background-position: 0 0;
}

    .icheckbox_minimal-blue.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-blue.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal-blue.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal-blue.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-blue {
    background-position: -100px 0;
}

    .iradio_minimal-blue.hover {
        background-position: -120px 0;
    }

    .iradio_minimal-blue.checked {
        background-position: -140px 0;
    }

    .iradio_minimal-blue.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal-blue.checked.disabled {
        background-position: -180px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal-blue,
    .iradio_minimal-blue {
        background-image: url("../images/icheck-minimal/blue%402x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* aero */
.icheckbox_minimal-aero,
.iradio_minimal-aero {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icheck-minimal/aero.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-aero {
    background-position: 0 0;
}

    .icheckbox_minimal-aero.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-aero.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal-aero.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal-aero.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-aero {
    background-position: -100px 0;
}

    .iradio_minimal-aero.hover {
        background-position: -120px 0;
    }

    .iradio_minimal-aero.checked {
        background-position: -140px 0;
    }

    .iradio_minimal-aero.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal-aero.checked.disabled {
        background-position: -180px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal-aero,
    .iradio_minimal-aero {
        background-image: url("../images/icheck-minimal/aero%402x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* grey */
.icheckbox_minimal-grey,
.iradio_minimal-grey {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icheck-minimal/grey.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-grey {
    background-position: 0 0;
}

    .icheckbox_minimal-grey.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-grey.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal-grey.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal-grey.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-grey {
    background-position: -100px 0;
}

    .iradio_minimal-grey.hover {
        background-position: -120px 0;
    }

    .iradio_minimal-grey.checked {
        background-position: -140px 0;
    }

    .iradio_minimal-grey.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal-grey.checked.disabled {
        background-position: -180px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal-grey,
    .iradio_minimal-grey {
        background-image: url("../images/icheck-minimal/grey%402x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* orange */
.icheckbox_minimal-orange,
.iradio_minimal-orange {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icheck-minimal/orange.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-orange {
    background-position: 0 0;
}

    .icheckbox_minimal-orange.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-orange.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal-orange.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal-orange.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-orange {
    background-position: -100px 0;
}

    .iradio_minimal-orange.hover {
        background-position: -120px 0;
    }

    .iradio_minimal-orange.checked {
        background-position: -140px 0;
    }

    .iradio_minimal-orange.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal-orange.checked.disabled {
        background-position: -180px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal-orange,
    .iradio_minimal-orange {
        background-image: url("../images/icheck-minimal/orange%402x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* yellow */
.icheckbox_minimal-yellow,
.iradio_minimal-yellow {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icheck-minimal/yellow.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-yellow {
    background-position: 0 0;
}

    .icheckbox_minimal-yellow.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-yellow.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal-yellow.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal-yellow.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-yellow {
    background-position: -100px 0;
}

    .iradio_minimal-yellow.hover {
        background-position: -120px 0;
    }

    .iradio_minimal-yellow.checked {
        background-position: -140px 0;
    }

    .iradio_minimal-yellow.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal-yellow.checked.disabled {
        background-position: -180px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal-yellow,
    .iradio_minimal-yellow {
        background-image: url("../images/icheck-minimal/yellow%402x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* pink */
.icheckbox_minimal-pink,
.iradio_minimal-pink {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icheck-minimal/pink.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-pink {
    background-position: 0 0;
}

    .icheckbox_minimal-pink.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-pink.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal-pink.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal-pink.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-pink {
    background-position: -100px 0;
}

    .iradio_minimal-pink.hover {
        background-position: -120px 0;
    }

    .iradio_minimal-pink.checked {
        background-position: -140px 0;
    }

    .iradio_minimal-pink.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal-pink.checked.disabled {
        background-position: -180px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_minimal-pink,
    .iradio_minimal-pink {
        background-image: url("../images/icheck-minimal/pink%402x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* purple */
.icheckbox_minimal-purple,
.iradio_minimal-purple {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icheck-minimal/purple.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal-purple {
    background-position: 0 0;
}

    .icheckbox_minimal-purple.hover {
        background-position: -20px 0;
    }

    .icheckbox_minimal-purple.checked {
        background-position: -40px 0;
    }

    .icheckbox_minimal-purple.disabled {
        background-position: -60px 0;
        cursor: default;
    }

    .icheckbox_minimal-purple.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal-purple {
    background-position: -100px 0;
}

    .iradio_minimal-purple.hover {
        background-position: -120px 0;
    }

    .iradio_minimal-purple.checked {
        background-position: -140px 0;
    }

    .iradio_minimal-purple.disabled {
        background-position: -160px 0;
        cursor: default;
    }

    .iradio_minimal-purple.checked.disabled {
        background-position: -180px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_minimal-purple,
    .iradio_minimal-purple {
        background-image: url("../images/icheck-minimal/purple%402x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* iCheck plugin Square skin
----------------------------------- */
.icheckbox_square,
.iradio_square {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background-image: url("../images/icheck-square/square.png");
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square {
    background-position: 0 0;
}

    .icheckbox_square.hover {
        background-position: -24px 0;
    }

    .icheckbox_square.checked {
        background-position: -48px 0;
    }

    .icheckbox_square.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square {
    background-position: -120px 0;
}

    .iradio_square.hover {
        background-position: -144px 0;
    }

    .iradio_square.checked {
        background-position: -168px 0;
    }

    .iradio_square.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square,
    .iradio_square {
        background-image: url("../images/icheck-square/square.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* red */
.icheckbox_square-red,
.iradio_square-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("../images/icheck-square/red.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-red {
    background-position: 0 0;
}

    .icheckbox_square-red.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-red.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-red.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-red.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-red {
    background-position: -120px 0;
}

    .iradio_square-red.hover {
        background-position: -144px 0;
    }

    .iradio_square-red.checked {
        background-position: -168px 0;
    }

    .iradio_square-red.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-red.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-red,
    .iradio_square-red {
        background-image: url("../images/icheck-square/red%402x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* green */
.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("../images/icheck-square/green.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-green {
    background-position: 0 0;
}

    .icheckbox_square-green.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-green.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-green.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-green.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-green {
    background-position: -120px 0;
}

    .iradio_square-green.hover {
        background-position: -144px 0;
    }

    .iradio_square-green.checked {
        background-position: -168px 0;
    }

    .iradio_square-green.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-green.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url("../images/icheck-square/green%402x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* blue */
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("../images/icheck-square/blue.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
}

    .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-blue {
    background-position: -120px 0;
}

    .iradio_square-blue.hover {
        background-position: -144px 0;
    }

    .iradio_square-blue.checked {
        background-position: -168px 0;
    }

    .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url("../images/icheck-square/blue%402x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* aero */
.icheckbox_square-aero,
.iradio_square-aero {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("../images/icheck-square/aero.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-aero {
    background-position: 0 0;
}

    .icheckbox_square-aero.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-aero.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-aero.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-aero.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-aero {
    background-position: -120px 0;
}

    .iradio_square-aero.hover {
        background-position: -144px 0;
    }

    .iradio_square-aero.checked {
        background-position: -168px 0;
    }

    .iradio_square-aero.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-aero.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-aero,
    .iradio_square-aero {
        background-image: url("../images/icheck-square/aero%402x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* grey */
.icheckbox_square-grey,
.iradio_square-grey {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("../images/icheck-square/grey.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-grey {
    background-position: 0 0;
}

    .icheckbox_square-grey.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-grey.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-grey.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-grey.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-grey {
    background-position: -120px 0;
}

    .iradio_square-grey.hover {
        background-position: -144px 0;
    }

    .iradio_square-grey.checked {
        background-position: -168px 0;
    }

    .iradio_square-grey.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-grey.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-grey,
    .iradio_square-grey {
        background-image: url("../images/icheck-square/grey%402x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* orange */
.icheckbox_square-orange,
.iradio_square-orange {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("../images/icheck-square/orange.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-orange {
    background-position: 0 0;
}

    .icheckbox_square-orange.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-orange.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-orange.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-orange.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-orange {
    background-position: -120px 0;
}

    .iradio_square-orange.hover {
        background-position: -144px 0;
    }

    .iradio_square-orange.checked {
        background-position: -168px 0;
    }

    .iradio_square-orange.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-orange.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-orange,
    .iradio_square-orange {
        background-image: url("../images/icheck-square/orange%402x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* yellow */
.icheckbox_square-yellow,
.iradio_square-yellow {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("../images/icheck-square/yellow.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-yellow {
    background-position: 0 0;
}

    .icheckbox_square-yellow.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-yellow.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-yellow.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-yellow.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-yellow {
    background-position: -120px 0;
}

    .iradio_square-yellow.hover {
        background-position: -144px 0;
    }

    .iradio_square-yellow.checked {
        background-position: -168px 0;
    }

    .iradio_square-yellow.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-yellow.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-yellow,
    .iradio_square-yellow {
        background-image: url("../images/icheck-square/yellow%402x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* pink */
.icheckbox_square-pink,
.iradio_square-pink {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("../images/icheck-square/pink.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-pink {
    background-position: 0 0;
}

    .icheckbox_square-pink.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-pink.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-pink.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-pink.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-pink {
    background-position: -120px 0;
}

    .iradio_square-pink.hover {
        background-position: -144px 0;
    }

    .iradio_square-pink.checked {
        background-position: -168px 0;
    }

    .iradio_square-pink.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-pink.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-pink,
    .iradio_square-pink {
        background-image: url("../images/icheck-square/pink%402x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/* purple */
.icheckbox_square-purple,
.iradio_square-purple {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url("../images/icheck-square/purple.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-purple {
    background-position: 0 0;
}

    .icheckbox_square-purple.hover {
        background-position: -24px 0;
    }

    .icheckbox_square-purple.checked {
        background-position: -48px 0;
    }

    .icheckbox_square-purple.disabled {
        background-position: -72px 0;
        cursor: default;
    }

    .icheckbox_square-purple.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-purple {
    background-position: -120px 0;
}

    .iradio_square-purple.hover {
        background-position: -144px 0;
    }

    .iradio_square-purple.checked {
        background-position: -168px 0;
    }

    .iradio_square-purple.disabled {
        background-position: -192px 0;
        cursor: default;
    }

    .iradio_square-purple.checked.disabled {
        background-position: -216px 0;
    }
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_square-purple,
    .iradio_square-purple {
        background-image: url("../images/icheck-square/purple%402x.png");
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/*---------------------------------
2.9 Select2 / .select2-container
----------------------------------*/
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 40px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

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

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 40px;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 40px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: text;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #ddd;
        border-radius: 3px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 8px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        padding-right: 6px;
        margin-right: 2px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ddd 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    width: 100% !important
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #17bab8;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #17bab8;
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #ddd;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #ddd;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #17bab8;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none;
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #17bab8;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #ddd;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #17bab8;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #17bab8;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #17bab8;
}

.select2-bootstrap-prepend .select2-container--default .select2-selection--single {
    border-radius: 0px 4px 4px 0px;
}

.select2-search__field:focus,
.select2:focus {
    outline: 0px;
}

.select2-bootstrap-append .select2-container--default .select2-selection--single {
    border-radius: 4px 0px 0px 4px;
}

.select2-bootstrap-append.btn-append .input-group-btn .btn {
    padding: 7px 12px 6px 12px !important;
}
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
 *
 * Built for http://www.improvely.com
 */
/*----------------------------------------------------
2.10 Date Rangepicker / .daterangepicker.dropdown-menu
-----------------------------------------------------*/
.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000;
}

.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px;
}

.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges,
.daterangepicker.openscenter .calendar {
    float: right;
    margin: 4px;
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none;
}

.daterangepicker .ranges {
    width: 160px;
    text-align: left;
}

    .daterangepicker .ranges .range_inputs > div {
        float: left;
    }

        .daterangepicker .ranges .range_inputs > div:nth-child(2) {
            padding-left: 11px;
        }

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-date {
    border: none;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0px;
    text-transform: uppercase;
    width: 74px;
}

.daterangepicker .ranges input {
    font-size: 11px;
}

.daterangepicker .ranges .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 10px 0;
    padding: 0 6px;
    width: 74px;
}

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

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

    .daterangepicker .ranges li.active,
    .daterangepicker .ranges li:hover {
        background: #08c;
        border: 1px solid #08c;
        color: #fff;
    }

.daterangepicker .calendar-date {
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 8px auto 0 auto;
    line-height: 30px;
}

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .daterangepicker.opensleft:before {
        position: absolute;
        top: -7px;
        right: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .daterangepicker.opensleft:after {
        position: absolute;
        top: -6px;
        right: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: '';
    }

    .daterangepicker.openscenter:before {
        position: absolute;
        top: -7px;
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .daterangepicker.openscenter:after {
        position: absolute;
        top: -6px;
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: '';
    }

    .daterangepicker.opensright:before {
        position: absolute;
        top: -7px;
        left: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .daterangepicker.opensright:after {
        position: absolute;
        top: -6px;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        content: '';
    }

    .daterangepicker.dropup {
        margin-top: -5px;
    }

        .daterangepicker.dropup:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #ccc;
        }

        .daterangepicker.dropup:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff;
        }

    .daterangepicker table {
        width: 100%;
        margin: 0;
    }

    .daterangepicker td,
    .daterangepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        white-space: nowrap;
    }

        .daterangepicker td.off {
            color: #999;
        }

        .daterangepicker td.disabled,
        .daterangepicker option.disabled {
            color: #999;
        }

        .daterangepicker td.available:hover,
        .daterangepicker th.available:hover {
            background: #eee;
        }

        .daterangepicker td.in-range {
            background: #ebf4f8;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

        .daterangepicker td.start-date {
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
        }

        .daterangepicker td.end-date {
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
        }

        .daterangepicker td.start-date.end-date {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

        .daterangepicker td.active,
        .daterangepicker td.active:hover {
            background-color: #357ebd;
            border-color: #3071a9;
            color: #fff;
        }

        .daterangepicker td.week,
        .daterangepicker th.week {
            font-size: 80%;
            color: #ccc;
        }

    .daterangepicker select.monthselect,
    .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default;
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%;
    }

    .daterangepicker select.yearselect {
        width: 40%;
    }

    .daterangepicker select.hourselect,
    .daterangepicker select.minuteselect,
    .daterangepicker select.secondselect,
    .daterangepicker select.ampmselect {
        width: 50px;
        margin-bottom: 0;
    }

.daterangepicker_start_input {
    float: left;
}

.daterangepicker_end_input {
    float: left;
    padding-left: 11px;
}

.daterangepicker th.month {
    width: auto;
}
/*---------------------------------
2.11 Datepicker / .datepicker
----------------------------------*/
.datepicker {
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-top: 0;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff;
    }

.datepicker > div {
    display: none;
}

.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .datepicker table tr td,
    .datepicker table tr th {
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        border: none;
    }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #777777;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #777777;
    cursor: default;
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    color: #000000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today:focus,
    .datepicker table tr td.today:hover:focus,
    .datepicker table tr td.today.disabled:focus,
    .datepicker table tr td.today.disabled:hover:focus,
    .datepicker table tr td.today.focus,
    .datepicker table tr td.today:hover.focus,
    .datepicker table tr td.today.disabled.focus,
    .datepicker table tr td.today.disabled:hover.focus,
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.active,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled:hover.active,
    .open > .dropdown-toggle.datepicker table tr td.today,
    .open > .dropdown-toggle.datepicker table tr td.today:hover,
    .open > .dropdown-toggle.datepicker table tr td.today.disabled,
    .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
        color: #000000;
        background-color: #ffc966;
        border-color: #f59e00;
    }

        .datepicker table tr td.today:active,
        .datepicker table tr td.today:hover:active,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today.active,
        .datepicker table tr td.today:hover.active,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today.disabled:hover.active,
        .open > .dropdown-toggle.datepicker table tr td.today,
        .open > .dropdown-toggle.datepicker table tr td.today:hover,
        .open > .dropdown-toggle.datepicker table tr td.today.disabled,
        .open > .dropdown-toggle.datepicker table tr td.today.disabled:hover {
            background-image: none;
        }

        .datepicker table tr td.today.disabled,
        .datepicker table tr td.today:hover.disabled,
        .datepicker table tr td.today.disabled.disabled,
        .datepicker table tr td.today.disabled:hover.disabled,
        .datepicker table tr td.today[disabled],
        .datepicker table tr td.today:hover[disabled],
        .datepicker table tr td.today.disabled[disabled],
        .datepicker table tr td.today.disabled:hover[disabled],
        fieldset[disabled] .datepicker table tr td.today,
        fieldset[disabled] .datepicker table tr td.today:hover,
        fieldset[disabled] .datepicker table tr td.today.disabled,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover,
        .datepicker table tr td.today.disabled:hover,
        .datepicker table tr td.today:hover.disabled:hover,
        .datepicker table tr td.today.disabled.disabled:hover,
        .datepicker table tr td.today.disabled:hover.disabled:hover,
        .datepicker table tr td.today[disabled]:hover,
        .datepicker table tr td.today:hover[disabled]:hover,
        .datepicker table tr td.today.disabled[disabled]:hover,
        .datepicker table tr td.today.disabled:hover[disabled]:hover,
        fieldset[disabled] .datepicker table tr td.today:hover,
        fieldset[disabled] .datepicker table tr td.today:hover:hover,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
        .datepicker table tr td.today.disabled:focus,
        .datepicker table tr td.today:hover.disabled:focus,
        .datepicker table tr td.today.disabled.disabled:focus,
        .datepicker table tr td.today.disabled:hover.disabled:focus,
        .datepicker table tr td.today[disabled]:focus,
        .datepicker table tr td.today:hover[disabled]:focus,
        .datepicker table tr td.today.disabled[disabled]:focus,
        .datepicker table tr td.today.disabled:hover[disabled]:focus,
        fieldset[disabled] .datepicker table tr td.today:focus,
        fieldset[disabled] .datepicker table tr td.today:hover:focus,
        fieldset[disabled] .datepicker table tr td.today.disabled:focus,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
        .datepicker table tr td.today.disabled.focus,
        .datepicker table tr td.today:hover.disabled.focus,
        .datepicker table tr td.today.disabled.disabled.focus,
        .datepicker table tr td.today.disabled:hover.disabled.focus,
        .datepicker table tr td.today[disabled].focus,
        .datepicker table tr td.today:hover[disabled].focus,
        .datepicker table tr td.today.disabled[disabled].focus,
        .datepicker table tr td.today.disabled:hover[disabled].focus,
        fieldset[disabled] .datepicker table tr td.today.focus,
        fieldset[disabled] .datepicker table tr td.today:hover.focus,
        fieldset[disabled] .datepicker table tr td.today.disabled.focus,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover.focus,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today:hover.disabled:active,
        .datepicker table tr td.today.disabled.disabled:active,
        .datepicker table tr td.today.disabled:hover.disabled:active,
        .datepicker table tr td.today[disabled]:active,
        .datepicker table tr td.today:hover[disabled]:active,
        .datepicker table tr td.today.disabled[disabled]:active,
        .datepicker table tr td.today.disabled:hover[disabled]:active,
        fieldset[disabled] .datepicker table tr td.today:active,
        fieldset[disabled] .datepicker table tr td.today:hover:active,
        fieldset[disabled] .datepicker table tr td.today.disabled:active,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today:hover.disabled.active,
        .datepicker table tr td.today.disabled.disabled.active,
        .datepicker table tr td.today.disabled:hover.disabled.active,
        .datepicker table tr td.today[disabled].active,
        .datepicker table tr td.today:hover[disabled].active,
        .datepicker table tr td.today.disabled[disabled].active,
        .datepicker table tr td.today.disabled:hover[disabled].active,
        fieldset[disabled] .datepicker table tr td.today.active,
        fieldset[disabled] .datepicker table tr td.today:hover.active,
        fieldset[disabled] .datepicker table tr td.today.disabled.active,
        fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
            background-color: #ffdb99;
            border-color: #ffb733;
        }

            .datepicker table tr td.today .badge,
            .datepicker table tr td.today:hover .badge,
            .datepicker table tr td.today.disabled .badge,
            .datepicker table tr td.today.disabled:hover .badge {
                color: #ffdb99;
                background-color: #000000;
            }

        .datepicker table tr td.today:hover:hover {
            color: #000;
        }

        .datepicker table tr td.today.active:hover {
            color: #fff;
        }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    border-radius: 0;
}

    .datepicker table tr td.range.today,
    .datepicker table tr td.range.today:hover,
    .datepicker table tr td.range.today.disabled,
    .datepicker table tr td.range.today.disabled:hover {
        color: #000000;
        background-color: #f7ca77;
        border-color: #f1a417;
        border-radius: 0;
    }

        .datepicker table tr td.range.today:hover,
        .datepicker table tr td.range.today:hover:hover,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today.disabled:hover:hover,
        .datepicker table tr td.range.today:focus,
        .datepicker table tr td.range.today:hover:focus,
        .datepicker table tr td.range.today.disabled:focus,
        .datepicker table tr td.range.today.disabled:hover:focus,
        .datepicker table tr td.range.today.focus,
        .datepicker table tr td.range.today:hover.focus,
        .datepicker table tr td.range.today.disabled.focus,
        .datepicker table tr td.range.today.disabled:hover.focus,
        .datepicker table tr td.range.today:active,
        .datepicker table tr td.range.today:hover:active,
        .datepicker table tr td.range.today.disabled:active,
        .datepicker table tr td.range.today.disabled:hover:active,
        .datepicker table tr td.range.today.active,
        .datepicker table tr td.range.today:hover.active,
        .datepicker table tr td.range.today.disabled.active,
        .datepicker table tr td.range.today.disabled:hover.active,
        .open > .dropdown-toggle.datepicker table tr td.range.today,
        .open > .dropdown-toggle.datepicker table tr td.range.today:hover,
        .open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
        .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
            color: #000000;
            background-color: #f4b747;
            border-color: #bf800c;
        }

            .datepicker table tr td.range.today:active,
            .datepicker table tr td.range.today:hover:active,
            .datepicker table tr td.range.today.disabled:active,
            .datepicker table tr td.range.today.disabled:hover:active,
            .datepicker table tr td.range.today.active,
            .datepicker table tr td.range.today:hover.active,
            .datepicker table tr td.range.today.disabled.active,
            .datepicker table tr td.range.today.disabled:hover.active,
            .open > .dropdown-toggle.datepicker table tr td.range.today,
            .open > .dropdown-toggle.datepicker table tr td.range.today:hover,
            .open > .dropdown-toggle.datepicker table tr td.range.today.disabled,
            .open > .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
                background-image: none;
            }

            .datepicker table tr td.range.today.disabled,
            .datepicker table tr td.range.today:hover.disabled,
            .datepicker table tr td.range.today.disabled.disabled,
            .datepicker table tr td.range.today.disabled:hover.disabled,
            .datepicker table tr td.range.today[disabled],
            .datepicker table tr td.range.today:hover[disabled],
            .datepicker table tr td.range.today.disabled[disabled],
            .datepicker table tr td.range.today.disabled:hover[disabled],
            fieldset[disabled] .datepicker table tr td.range.today,
            fieldset[disabled] .datepicker table tr td.range.today:hover,
            fieldset[disabled] .datepicker table tr td.range.today.disabled,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
            .datepicker table tr td.range.today.disabled:hover,
            .datepicker table tr td.range.today:hover.disabled:hover,
            .datepicker table tr td.range.today.disabled.disabled:hover,
            .datepicker table tr td.range.today.disabled:hover.disabled:hover,
            .datepicker table tr td.range.today[disabled]:hover,
            .datepicker table tr td.range.today:hover[disabled]:hover,
            .datepicker table tr td.range.today.disabled[disabled]:hover,
            .datepicker table tr td.range.today.disabled:hover[disabled]:hover,
            fieldset[disabled] .datepicker table tr td.range.today:hover,
            fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
            .datepicker table tr td.range.today.disabled:focus,
            .datepicker table tr td.range.today:hover.disabled:focus,
            .datepicker table tr td.range.today.disabled.disabled:focus,
            .datepicker table tr td.range.today.disabled:hover.disabled:focus,
            .datepicker table tr td.range.today[disabled]:focus,
            .datepicker table tr td.range.today:hover[disabled]:focus,
            .datepicker table tr td.range.today.disabled[disabled]:focus,
            .datepicker table tr td.range.today.disabled:hover[disabled]:focus,
            fieldset[disabled] .datepicker table tr td.range.today:focus,
            fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
            .datepicker table tr td.range.today.disabled.focus,
            .datepicker table tr td.range.today:hover.disabled.focus,
            .datepicker table tr td.range.today.disabled.disabled.focus,
            .datepicker table tr td.range.today.disabled:hover.disabled.focus,
            .datepicker table tr td.range.today[disabled].focus,
            .datepicker table tr td.range.today:hover[disabled].focus,
            .datepicker table tr td.range.today.disabled[disabled].focus,
            .datepicker table tr td.range.today.disabled:hover[disabled].focus,
            fieldset[disabled] .datepicker table tr td.range.today.focus,
            fieldset[disabled] .datepicker table tr td.range.today:hover.focus,
            fieldset[disabled] .datepicker table tr td.range.today.disabled.focus,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.focus,
            .datepicker table tr td.range.today.disabled:active,
            .datepicker table tr td.range.today:hover.disabled:active,
            .datepicker table tr td.range.today.disabled.disabled:active,
            .datepicker table tr td.range.today.disabled:hover.disabled:active,
            .datepicker table tr td.range.today[disabled]:active,
            .datepicker table tr td.range.today:hover[disabled]:active,
            .datepicker table tr td.range.today.disabled[disabled]:active,
            .datepicker table tr td.range.today.disabled:hover[disabled]:active,
            fieldset[disabled] .datepicker table tr td.range.today:active,
            fieldset[disabled] .datepicker table tr td.range.today:hover:active,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
            .datepicker table tr td.range.today.disabled.active,
            .datepicker table tr td.range.today:hover.disabled.active,
            .datepicker table tr td.range.today.disabled.disabled.active,
            .datepicker table tr td.range.today.disabled:hover.disabled.active,
            .datepicker table tr td.range.today[disabled].active,
            .datepicker table tr td.range.today:hover[disabled].active,
            .datepicker table tr td.range.today.disabled[disabled].active,
            .datepicker table tr td.range.today.disabled:hover[disabled].active,
            fieldset[disabled] .datepicker table tr td.range.today.active,
            fieldset[disabled] .datepicker table tr td.range.today:hover.active,
            fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
            fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
                background-color: #f7ca77;
                border-color: #f1a417;
            }

                .datepicker table tr td.range.today .badge,
                .datepicker table tr td.range.today:hover .badge,
                .datepicker table tr td.range.today.disabled .badge,
                .datepicker table tr td.range.today.disabled:hover .badge {
                    color: #f7ca77;
                    background-color: #000000;
                }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    color: #ffffff;
    background-color: #777777;
    border-color: #555555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .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:focus,
    .datepicker table tr td.selected:hover:focus,
    .datepicker table tr td.selected.disabled:focus,
    .datepicker table tr td.selected.disabled:hover:focus,
    .datepicker table tr td.selected.focus,
    .datepicker table tr td.selected:hover.focus,
    .datepicker table tr td.selected.disabled.focus,
    .datepicker table tr td.selected.disabled:hover.focus,
    .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,
    .open > .dropdown-toggle.datepicker table tr td.selected,
    .open > .dropdown-toggle.datepicker table tr td.selected:hover,
    .open > .dropdown-toggle.datepicker table tr td.selected.disabled,
    .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
        color: #ffffff;
        background-color: #5e5e5e;
        border-color: #373737;
    }

        .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,
        .open > .dropdown-toggle.datepicker table tr td.selected,
        .open > .dropdown-toggle.datepicker table tr td.selected:hover,
        .open > .dropdown-toggle.datepicker table tr td.selected.disabled,
        .open > .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
            background-image: none;
        }

        .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],
        fieldset[disabled] .datepicker table tr td.selected,
        fieldset[disabled] .datepicker table tr td.selected:hover,
        fieldset[disabled] .datepicker table tr td.selected.disabled,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
        .datepicker table tr td.selected.disabled:hover,
        .datepicker table tr td.selected:hover.disabled:hover,
        .datepicker table tr td.selected.disabled.disabled:hover,
        .datepicker table tr td.selected.disabled:hover.disabled:hover,
        .datepicker table tr td.selected[disabled]:hover,
        .datepicker table tr td.selected:hover[disabled]:hover,
        .datepicker table tr td.selected.disabled[disabled]:hover,
        .datepicker table tr td.selected.disabled:hover[disabled]:hover,
        fieldset[disabled] .datepicker table tr td.selected:hover,
        fieldset[disabled] .datepicker table tr td.selected:hover:hover,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
        .datepicker table tr td.selected.disabled:focus,
        .datepicker table tr td.selected:hover.disabled:focus,
        .datepicker table tr td.selected.disabled.disabled:focus,
        .datepicker table tr td.selected.disabled:hover.disabled:focus,
        .datepicker table tr td.selected[disabled]:focus,
        .datepicker table tr td.selected:hover[disabled]:focus,
        .datepicker table tr td.selected.disabled[disabled]:focus,
        .datepicker table tr td.selected.disabled:hover[disabled]:focus,
        fieldset[disabled] .datepicker table tr td.selected:focus,
        fieldset[disabled] .datepicker table tr td.selected:hover:focus,
        fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
        .datepicker table tr td.selected.disabled.focus,
        .datepicker table tr td.selected:hover.disabled.focus,
        .datepicker table tr td.selected.disabled.disabled.focus,
        .datepicker table tr td.selected.disabled:hover.disabled.focus,
        .datepicker table tr td.selected[disabled].focus,
        .datepicker table tr td.selected:hover[disabled].focus,
        .datepicker table tr td.selected.disabled[disabled].focus,
        .datepicker table tr td.selected.disabled:hover[disabled].focus,
        fieldset[disabled] .datepicker table tr td.selected.focus,
        fieldset[disabled] .datepicker table tr td.selected:hover.focus,
        fieldset[disabled] .datepicker table tr td.selected.disabled.focus,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover.focus,
        .datepicker table tr td.selected.disabled:active,
        .datepicker table tr td.selected:hover.disabled:active,
        .datepicker table tr td.selected.disabled.disabled:active,
        .datepicker table tr td.selected.disabled:hover.disabled:active,
        .datepicker table tr td.selected[disabled]:active,
        .datepicker table tr td.selected:hover[disabled]:active,
        .datepicker table tr td.selected.disabled[disabled]:active,
        .datepicker table tr td.selected.disabled:hover[disabled]:active,
        fieldset[disabled] .datepicker table tr td.selected:active,
        fieldset[disabled] .datepicker table tr td.selected:hover:active,
        fieldset[disabled] .datepicker table tr td.selected.disabled:active,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
        .datepicker table tr td.selected.disabled.active,
        .datepicker table tr td.selected:hover.disabled.active,
        .datepicker table tr td.selected.disabled.disabled.active,
        .datepicker table tr td.selected.disabled:hover.disabled.active,
        .datepicker table tr td.selected[disabled].active,
        .datepicker table tr td.selected:hover[disabled].active,
        .datepicker table tr td.selected.disabled[disabled].active,
        .datepicker table tr td.selected.disabled:hover[disabled].active,
        fieldset[disabled] .datepicker table tr td.selected.active,
        fieldset[disabled] .datepicker table tr td.selected:hover.active,
        fieldset[disabled] .datepicker table tr td.selected.disabled.active,
        fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
            background-color: #777777;
            border-color: #555555;
        }

            .datepicker table tr td.selected .badge,
            .datepicker table tr td.selected:hover .badge,
            .datepicker table tr td.selected.disabled .badge,
            .datepicker table tr td.selected.disabled:hover .badge {
                color: #777777;
                background-color: #ffffff;
            }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .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:focus,
    .datepicker table tr td.active:hover:focus,
    .datepicker table tr td.active.disabled:focus,
    .datepicker table tr td.active.disabled:hover:focus,
    .datepicker table tr td.active.focus,
    .datepicker table tr td.active:hover.focus,
    .datepicker table tr td.active.disabled.focus,
    .datepicker table tr td.active.disabled:hover.focus,
    .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,
    .open > .dropdown-toggle.datepicker table tr td.active,
    .open > .dropdown-toggle.datepicker table tr td.active:hover,
    .open > .dropdown-toggle.datepicker table tr td.active.disabled,
    .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
        color: #ffffff;
        background-color: #286090;
        border-color: #204d74;
    }

        .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,
        .open > .dropdown-toggle.datepicker table tr td.active,
        .open > .dropdown-toggle.datepicker table tr td.active:hover,
        .open > .dropdown-toggle.datepicker table tr td.active.disabled,
        .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover {
            background-image: none;
        }

        .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],
        fieldset[disabled] .datepicker table tr td.active,
        fieldset[disabled] .datepicker table tr td.active:hover,
        fieldset[disabled] .datepicker table tr td.active.disabled,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover,
        .datepicker table tr td.active.disabled:hover,
        .datepicker table tr td.active:hover.disabled:hover,
        .datepicker table tr td.active.disabled.disabled:hover,
        .datepicker table tr td.active.disabled:hover.disabled:hover,
        .datepicker table tr td.active[disabled]:hover,
        .datepicker table tr td.active:hover[disabled]:hover,
        .datepicker table tr td.active.disabled[disabled]:hover,
        .datepicker table tr td.active.disabled:hover[disabled]:hover,
        fieldset[disabled] .datepicker table tr td.active:hover,
        fieldset[disabled] .datepicker table tr td.active:hover:hover,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
        .datepicker table tr td.active.disabled:focus,
        .datepicker table tr td.active:hover.disabled:focus,
        .datepicker table tr td.active.disabled.disabled:focus,
        .datepicker table tr td.active.disabled:hover.disabled:focus,
        .datepicker table tr td.active[disabled]:focus,
        .datepicker table tr td.active:hover[disabled]:focus,
        .datepicker table tr td.active.disabled[disabled]:focus,
        .datepicker table tr td.active.disabled:hover[disabled]:focus,
        fieldset[disabled] .datepicker table tr td.active:focus,
        fieldset[disabled] .datepicker table tr td.active:hover:focus,
        fieldset[disabled] .datepicker table tr td.active.disabled:focus,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
        .datepicker table tr td.active.disabled.focus,
        .datepicker table tr td.active:hover.disabled.focus,
        .datepicker table tr td.active.disabled.disabled.focus,
        .datepicker table tr td.active.disabled:hover.disabled.focus,
        .datepicker table tr td.active[disabled].focus,
        .datepicker table tr td.active:hover[disabled].focus,
        .datepicker table tr td.active.disabled[disabled].focus,
        .datepicker table tr td.active.disabled:hover[disabled].focus,
        fieldset[disabled] .datepicker table tr td.active.focus,
        fieldset[disabled] .datepicker table tr td.active:hover.focus,
        fieldset[disabled] .datepicker table tr td.active.disabled.focus,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus,
        .datepicker table tr td.active.disabled:active,
        .datepicker table tr td.active:hover.disabled:active,
        .datepicker table tr td.active.disabled.disabled:active,
        .datepicker table tr td.active.disabled:hover.disabled:active,
        .datepicker table tr td.active[disabled]:active,
        .datepicker table tr td.active:hover[disabled]:active,
        .datepicker table tr td.active.disabled[disabled]:active,
        .datepicker table tr td.active.disabled:hover[disabled]:active,
        fieldset[disabled] .datepicker table tr td.active:active,
        fieldset[disabled] .datepicker table tr td.active:hover:active,
        fieldset[disabled] .datepicker table tr td.active.disabled:active,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
        .datepicker table tr td.active.disabled.active,
        .datepicker table tr td.active:hover.disabled.active,
        .datepicker table tr td.active.disabled.disabled.active,
        .datepicker table tr td.active.disabled:hover.disabled.active,
        .datepicker table tr td.active[disabled].active,
        .datepicker table tr td.active:hover[disabled].active,
        .datepicker table tr td.active.disabled[disabled].active,
        .datepicker table tr td.active.disabled:hover[disabled].active,
        fieldset[disabled] .datepicker table tr td.active.active,
        fieldset[disabled] .datepicker table tr td.active:hover.active,
        fieldset[disabled] .datepicker table tr td.active.disabled.active,
        fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
            background-color: #337ab7;
            border-color: #2e6da4;
        }

            .datepicker table tr td.active .badge,
            .datepicker table tr td.active:hover .badge,
            .datepicker table tr td.active.disabled .badge,
            .datepicker table tr td.active.disabled:hover .badge {
                color: #337ab7;
                background-color: #ffffff;
            }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

    .datepicker table tr td span:hover {
        background: #eeeeee;
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
        background: none;
        color: #777777;
        cursor: default;
    }

    .datepicker table tr td span.active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover {
        color: #ffffff;
        background-color: #337ab7;
        border-color: #2e6da4;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

        .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:focus,
        .datepicker table tr td span.active:hover:focus,
        .datepicker table tr td span.active.disabled:focus,
        .datepicker table tr td span.active.disabled:hover:focus,
        .datepicker table tr td span.active.focus,
        .datepicker table tr td span.active:hover.focus,
        .datepicker table tr td span.active.disabled.focus,
        .datepicker table tr td span.active.disabled:hover.focus,
        .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,
        .open > .dropdown-toggle.datepicker table tr td span.active,
        .open > .dropdown-toggle.datepicker table tr td span.active:hover,
        .open > .dropdown-toggle.datepicker table tr td span.active.disabled,
        .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
            color: #ffffff;
            background-color: #286090;
            border-color: #204d74;
        }

            .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,
            .open > .dropdown-toggle.datepicker table tr td span.active,
            .open > .dropdown-toggle.datepicker table tr td span.active:hover,
            .open > .dropdown-toggle.datepicker table tr td span.active.disabled,
            .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
                background-image: none;
            }

            .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],
            fieldset[disabled] .datepicker table tr td span.active,
            fieldset[disabled] .datepicker table tr td span.active:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
            .datepicker table tr td span.active.disabled:hover,
            .datepicker table tr td span.active:hover.disabled:hover,
            .datepicker table tr td span.active.disabled.disabled:hover,
            .datepicker table tr td span.active.disabled:hover.disabled:hover,
            .datepicker table tr td span.active[disabled]:hover,
            .datepicker table tr td span.active:hover[disabled]:hover,
            .datepicker table tr td span.active.disabled[disabled]:hover,
            .datepicker table tr td span.active.disabled:hover[disabled]:hover,
            fieldset[disabled] .datepicker table tr td span.active:hover,
            fieldset[disabled] .datepicker table tr td span.active:hover:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
            .datepicker table tr td span.active.disabled:focus,
            .datepicker table tr td span.active:hover.disabled:focus,
            .datepicker table tr td span.active.disabled.disabled:focus,
            .datepicker table tr td span.active.disabled:hover.disabled:focus,
            .datepicker table tr td span.active[disabled]:focus,
            .datepicker table tr td span.active:hover[disabled]:focus,
            .datepicker table tr td span.active.disabled[disabled]:focus,
            .datepicker table tr td span.active.disabled:hover[disabled]:focus,
            fieldset[disabled] .datepicker table tr td span.active:focus,
            fieldset[disabled] .datepicker table tr td span.active:hover:focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
            .datepicker table tr td span.active.disabled.focus,
            .datepicker table tr td span.active:hover.disabled.focus,
            .datepicker table tr td span.active.disabled.disabled.focus,
            .datepicker table tr td span.active.disabled:hover.disabled.focus,
            .datepicker table tr td span.active[disabled].focus,
            .datepicker table tr td span.active:hover[disabled].focus,
            .datepicker table tr td span.active.disabled[disabled].focus,
            .datepicker table tr td span.active.disabled:hover[disabled].focus,
            fieldset[disabled] .datepicker table tr td span.active.focus,
            fieldset[disabled] .datepicker table tr td span.active:hover.focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
            .datepicker table tr td span.active.disabled:active,
            .datepicker table tr td span.active:hover.disabled:active,
            .datepicker table tr td span.active.disabled.disabled:active,
            .datepicker table tr td span.active.disabled:hover.disabled:active,
            .datepicker table tr td span.active[disabled]:active,
            .datepicker table tr td span.active:hover[disabled]:active,
            .datepicker table tr td span.active.disabled[disabled]:active,
            .datepicker table tr td span.active.disabled:hover[disabled]:active,
            fieldset[disabled] .datepicker table tr td span.active:active,
            fieldset[disabled] .datepicker table tr td span.active:hover:active,
            fieldset[disabled] .datepicker table tr td span.active.disabled:active,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
            .datepicker table tr td span.active.disabled.active,
            .datepicker table tr td span.active:hover.disabled.active,
            .datepicker table tr td span.active.disabled.disabled.active,
            .datepicker table tr td span.active.disabled:hover.disabled.active,
            .datepicker table tr td span.active[disabled].active,
            .datepicker table tr td span.active:hover[disabled].active,
            .datepicker table tr td span.active.disabled[disabled].active,
            .datepicker table tr td span.active.disabled:hover[disabled].active,
            fieldset[disabled] .datepicker table tr td span.active.active,
            fieldset[disabled] .datepicker table tr td span.active:hover.active,
            fieldset[disabled] .datepicker table tr td span.active.disabled.active,
            fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
                background-color: #337ab7;
                border-color: #2e6da4;
            }

                .datepicker table tr td span.active .badge,
                .datepicker table tr td span.active:hover .badge,
                .datepicker table tr td span.active.disabled .badge,
                .datepicker table tr td span.active.disabled:hover .badge {
                    color: #337ab7;
                    background-color: #ffffff;
                }

    .datepicker table tr td span.old,
    .datepicker table tr td span.new {
        color: #777777;
    }

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker thead tr:first-child th:hover,
    .datepicker tfoot tr th:hover {
        background: #eeeeee;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child .cw {
    cursor: default;
    background-color: transparent;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.input-daterange {
    width: 100%;
}

    .input-daterange input {
        text-align: center;
    }

        .input-daterange input:first-child {
            border-radius: 3px 0 0 3px;
        }

        .input-daterange input:last-child {
            border-radius: 0 3px 3px 0;
        }

    .input-daterange .input-group-addon {
        width: auto;
        min-width: 16px;
        padding: 4px 5px;
        font-weight: normal;
        line-height: 1.846;
        text-align: center;
        text-shadow: 0 1px 0 #fff;
        vertical-align: middle;
        background-color: #eeeeee;
        border: solid #cccccc;
        border-width: 1px 0;
        margin-left: -5px;
        margin-right: -5px;
    }
/*!
 * Bootstrap Colorpicker
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
/*---------------------------------
2.12 Colorpicker / .colorpicker
----------------------------------*/
.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url("../images/saturation.png");
    cursor: crosshair;
    float: left;
}

    .colorpicker-saturation i {
        display: block;
        height: 5px;
        width: 5px;
        border: 1px solid #000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: absolute;
        top: 0;
        left: 0;
        margin: -4px 0 0 -4px;
    }

        .colorpicker-saturation i b {
            display: block;
            height: 5px;
            width: 5px;
            border: 1px solid #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.colorpicker-hue,
.colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px;
}

    .colorpicker-hue i,
    .colorpicker-alpha i {
        display: block;
        height: 1px;
        background: #000;
        border-top: 1px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: -1px;
    }

.colorpicker-hue {
    background-image: url("../images/hue.png");
}

.colorpicker-alpha {
    background-image: url("../images/alpha.png");
    display: none;
}

.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
    background-size: contain;
}

.colorpicker {
    *zoom: 1;
    top: 0;
    left: 0;
    padding: 4px;
    min-width: 130px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 8000;
}

    .colorpicker:before,
    .colorpicker:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .colorpicker:after {
        clear: both;
    }

    .colorpicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .colorpicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .colorpicker div {
        position: relative;
    }

    .colorpicker.colorpicker-with-alpha {
        min-width: 140px;
    }

        .colorpicker.colorpicker-with-alpha .colorpicker-alpha {
            display: block;
        }

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url("../images/alpha.png");
    background-position: 0 100%;
}

    .colorpicker-color div {
        height: 10px;
    }

.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
    display: inline-block;
    cursor: pointer;
    height: 16px;
    vertical-align: text-top;
    width: 16px;
}

.colorpicker.colorpicker-inline {
    position: relative;
    display: inline-block;
    float: none;
    z-index: auto;
}

.colorpicker.colorpicker-horizontal {
    width: 110px;
    min-width: 110px;
    height: auto;
}

    .colorpicker.colorpicker-horizontal .colorpicker-saturation {
        margin-bottom: 4px;
    }

    .colorpicker.colorpicker-horizontal .colorpicker-color {
        width: 100px;
    }

    .colorpicker.colorpicker-horizontal .colorpicker-hue,
    .colorpicker.colorpicker-horizontal .colorpicker-alpha {
        width: 100px;
        height: 15px;
        float: left;
        cursor: col-resize;
        margin-left: 0px;
        margin-bottom: 4px;
    }

        .colorpicker.colorpicker-horizontal .colorpicker-hue i,
        .colorpicker.colorpicker-horizontal .colorpicker-alpha i {
            display: block;
            height: 15px;
            background: #ffffff;
            position: absolute;
            top: 0;
            left: 0;
            width: 1px;
            border: none;
            margin-top: 0px;
        }

    .colorpicker.colorpicker-horizontal .colorpicker-hue {
        background-image: url("../images/hue-horizontal.png");
    }

    .colorpicker.colorpicker-horizontal .colorpicker-alpha {
        background-image: url("../images/alpha-horizontal.png");
    }

.colorpicker.colorpicker-hidden {
    display: none;
}

.colorpicker.colorpicker-visible {
    display: block;
}

.colorpicker-inline.colorpicker-visible {
    display: inline-block;
}

.colorpicker-right:before {
    left: auto;
    right: 6px;
}

.colorpicker-right:after {
    left: auto;
    right: 7px;
}

.elem-color {
    position: relative;
    display: inline-block;
    width: 50px;
    padding: 4px;
    height: 33px;
    border-radius: 4px;
    background: #eee;
    border: #eee 1px solid;
}
/***
Spectrum Colorpicker v1.5.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 9999994;
    overflow: hidden;
}

    .sp-container.sp-flat {
        position: relative;
    }

    .sp-container,
    .sp-container * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

.sp-top {
    position: relative;
    width: 100%;
    display: inline-block;
}

.sp-top-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.sp-color {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 20%;
}

.sp-hue {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top: 33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}

.sp-sat,
.sp-val {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}

.sp-alpha-enabled .sp-alpha {
    display: block;
}

.sp-alpha-handle {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}

.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}

.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

    .sp-clear.sp-clear-display {
        background-position: center;
    }

.sp-clear-enabled .sp-clear {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 84%;
    height: 28px;
}

.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

    .sp-container.sp-input-disabled .sp-input-container {
        display: none;
    }

    .sp-container.sp-buttons-disabled .sp-button-container {
        display: none;
    }

    .sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
        display: none;
    }

.sp-palette-only .sp-picker-container {
    display: none;
}

.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}

.sp-sat {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}

.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.sp-1 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}

.sp-2 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}

.sp-3 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}

.sp-4 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}

.sp-5 {
    height: 16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}

.sp-6 {
    height: 17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

.sp-cf:before,
.sp-cf:after {
    content: "";
    display: table;
}

.sp-cf:after {
    clear: both;
}

.sp-cf {
    *zoom: 1;
}

@media (max-device-width: 480px) {
    .sp-color {
        right: 40%;
    }

    .sp-hue {
        left: 63%;
    }

    .sp-fill {
        padding-top: 60%;
    }
}

.sp-dragger {
    border-radius: 5px;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    background: #000;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.sp-slider {
    position: absolute;
    top: 0;
    cursor: pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}

    .sp-container,
    .sp-container button,
    .sp-container input,
    .sp-color,
    .sp-hue,
    .sp-clear {
        font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

.sp-top {
    margin-bottom: 3px;
}

.sp-color,
.sp-hue,
.sp-clear {
    border: solid 1px #666;
}

.sp-input-container {
    float: right;
    width: 100px;
    margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
    width: 100%;
}

.sp-input {
    font-size: 12px !important;
    border: 1px inset;
    padding: 4px 5px;
    margin: 0;
    width: 100%;
    background: transparent;
    border-radius: 3px;
    color: #222;
}

    .sp-input:focus {
        border: 1px solid orange;
    }

    .sp-input.sp-validation-error {
        border: 1px solid red;
        background: #fdd;
    }

.sp-picker-container,
.sp-palette-container {
    float: left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}

.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position: relative;
    float: left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border: solid 2px transparent;
}

    .sp-palette .sp-thumb-el:hover,
    .sp-palette .sp-thumb-el.sp-thumb-active {
        border-color: orange;
    }

.sp-thumb-el {
    position: relative;
}

.sp-initial {
    float: left;
    border: solid 1px #333;
}

    .sp-initial span {
        width: 30px;
        height: 25px;
        border: none;
        display: block;
        float: left;
        margin: 0;
    }

    .sp-initial .sp-clear-display {
        background-position: center;
    }

.sp-palette-button-container,
.sp-button-container {
    float: right;
}

.sp-replacer:hover,
.sp-replacer.sp-active {
    color: rgba(0, 0, 0, 0.87);
}

.sp-replacer.sp-disabled {
    cursor: default;
    border-color: silver;
    color: silver;
}

.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 10px;
}

.sp-preview {
    position: relative;
    width: 25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float: left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}

    .sp-palette .sp-thumb-el {
        width: 16px;
        height: 16px;
        margin: 2px 1px;
        border: solid 1px #d0d0d0;
    }

.sp-container {
    padding-bottom: 0;
}

    .sp-container button {
        background-color: #eeeeee;
        background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
        background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
        border: 1px solid #ccc;
        border-bottom: 1px solid #bbb;
        border-radius: 3px;
        color: #333;
        font-size: 14px;
        line-height: 1;
        padding: 5px 4px;
        text-align: center;
        text-shadow: 0 1px 0 #eee;
        vertical-align: middle;
    }

        .sp-container button:hover {
            background-color: #dddddd;
            background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
            background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
            background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
            background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
            background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
            border: 1px solid #bbb;
            border-bottom: 1px solid #999;
            cursor: pointer;
            text-shadow: 0 1px 0 #ddd;
        }

        .sp-container button:active {
            border: 1px solid #aaa;
            border-bottom: 1px solid #888;
            -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
        }

.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin: 0;
    padding: 2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration: none;
}

    .sp-cancel:hover {
        color: #d93f3f !important;
        text-decoration: underline;
    }

.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview,
.sp-alpha,
.sp-thumb-el {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
/*///////////////////////*/
/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    background-color: #e0e0e0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    border: none;
    bottom: 0;
    cursor: pointer;
    display: block;
    outline: none;
    padding-left: 16px;
    padding-top: 13px;
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
    color: rgba(0, 0, 0, 0.56);
    -webkit-transition: color.4s;
    -moz-transition: color.4s;
    -ms-transition: color.4s;
    -o-transition: color.4s;
    transition: color.4s;
}

.j-forms .color-group input {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.j-forms .color-group {
    position: relative;
    padding-right: 70px;
    display: block;
}

    .j-forms .color-group .sp-replacer {
        width: 70px;
        padding-top: 10px;
    }
/*---------------------------------
2.13 Footable / .footable
----------------------------------*/
.footable {
    width: 100%;
    /** SORTING **/
    /** PAGINATION **/
}

    .footable.breakpoint > tbody > tr.footable-detail-show > td {
        border-bottom: none;
    }

        .footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\f273";
        }

    .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
        cursor: pointer;
    }

    .footable.breakpoint > tbody > tr > td.footable-cell-detail {
        background: #eee;
        border-top: none;
    }

    .footable.breakpoint > tbody > tr > td > span.footable-toggle {
        display: inline-block;
        font-family: Material-Design-Iconic-Font;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        padding-right: 5px;
        font-size: 14px;
        color: #888888;
    }

        .footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
            content: "\f278";
        }

    .footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
        content: "\e005";
    }

    .footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
        content: "\e004";
    }

    .footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
        content: "\e003";
    }

    .footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
        content: "\e002";
    }

    .footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
        content: "\e007";
    }

    .footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
        content: "\e006";
    }

    .footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
        content: "\e009";
    }

    .footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
        content: "\e008";
    }

    .footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
        content: "\e00f";
    }

    .footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
        content: "\e011";
    }

    .footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
        content: "\f2f9";
    }

    .footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
        content: "\e015";
    }

    .footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
        content: "\e01b";
    }

    .footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
        content: "\e01d";
    }

    .footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
        content: "\e00b";
    }

    .footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
        content: "\e00d";
    }

    .footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
        content: "\e01f";
    }

    .footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
        content: "\e021";
    }

    .footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
        content: "\e017";
    }

    .footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
        content: "\e019";
    }

    .footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
        font-size: 18px;
    }

    .footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
        font-size: 24px;
    }

    .footable > thead > tr > th {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
    }

        .footable > thead > tr > th.footable-sortable:hover {
            cursor: pointer;
        }

        .footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
            content: "\f2f9";
        }

        .footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
            content: "\f2fc";
        }

        .footable > thead > tr > th > span.footable-sort-indicator {
            display: inline-block;
            font-family: Material-Design-Iconic-Font;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            padding-left: 5px;
        }

            .footable > thead > tr > th > span.footable-sort-indicator:before {
                content: "\f312";
            }

    .footable > tfoot .pagination {
        margin: 0;
    }

    .footable.no-paging .hide-if-no-paging {
        display: none;
    }

.footable-row-detail-inner {
    display: table;
}

.footable-row-detail-row {
    display: table-row;
    line-height: 1.5em;
}

.footable-row-detail-group {
    display: block;
    line-height: 2em;
    font-size: 1.2em;
    font-weight: bold;
}

.footable-row-detail-name {
    display: table-cell;
    font-weight: bold;
    padding-right: 0.5em;
}

.footable-row-detail-value {
    display: table-cell;
}

.footable-odd {
    background-color: #f7f7f7;
}

.status-metro {
    display: inline-block;
    padding: 2px 5px;
    color: #fff;
}

th {
    font-weight: 500;
}

div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_length select {
    width: 75px;
    display: inline-block;
}

div.dataTables_filter {
    text-align: right;
}

    div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
    }

    div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto;
    }

div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
}

div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

    div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
    }

@media screen and (max-width: 767px) {
    div.dataTables_wrapper > div.row > div,
    div.dataTables_length,
    div.dataTables_filter,
    div.dataTables_info,
    div.dataTables_paginate {
        text-align: center;
    }

    div.DTTT {
        margin-bottom: 0.5em;
    }
}

table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
}

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
        position: relative;
    }

        table.dataTable thead .sorting:after,
        table.dataTable thead .sorting_asc:after,
        table.dataTable thead .sorting_desc:after {
            position: absolute;
            top: 6px;
            right: 8px;
            display: block;
            font-family: "Material-Design-Iconic-Font";
            opacity: 0.5;
            font-size: 18px;
        }

        table.dataTable thead .sorting:after {
            opacity: 0.2;
            content: "\f312";
            /* sort */
        }

        table.dataTable thead .sorting_asc:after {
            content: "\f2fc";
            /* sort-by-attributes */
        }

        table.dataTable thead .sorting_desc:after {
            content: "\f2f9";
            /* sort-by-attributes-alt */
        }

div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
    display: none;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #eee;
}

table.dataTable thead > tr > th {
    padding-right: 0px;
}

table.dataTable th:active {
    outline: none;
}
/* Condensed */
table.dataTable.table-condensed thead > tr > th {
    padding-right: 20px;
}

table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after {
    top: 6px;
    right: 6px;
}
/* Scrolling */
div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    div.dataTables_scrollHead table thead tr:last-child th:first-child,
    div.dataTables_scrollHead table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}
/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */
table.table-bordered.dataTable {
    border-collapse: separate !important;
}

table.table-bordered thead th,
table.table-bordered thead td {
    border-left-width: 0;
    border-top-width: 0;
}

table.table-bordered tbody th,
table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
}

table.table-bordered tfoot th,
table.table-bordered tfoot td {
    border-left-width: 0;
    border-bottom-width: 0;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child {
    border-right-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}
/*
 * TableTools styles
 */
.table.dataTable tbody tr.active td,
.table.dataTable tbody tr.active th {
    background-color: #08C;
    color: white;
}

.table.dataTable tbody tr.active:hover td,
.table.dataTable tbody tr.active:hover th {
    background-color: #0075b0 !important;
}

.table.dataTable tbody tr.active th > a,
.table.dataTable tbody tr.active td > a {
    color: white;
}

.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
    background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
    cursor: pointer;
}

div.DTTT .btn:hover {
    text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
    z-index: 2003;
}

    ul.DTTT_dropdown.dropdown-menu a {
        color: #333 !important;
        /* needed only when demo_page.css is included */
    }

    ul.DTTT_dropdown.dropdown-menu li {
        position: relative;
    }

        ul.DTTT_dropdown.dropdown-menu li:hover a {
            background-color: #0088cc;
            color: white !important;
        }

div.DTTT_collection_background {
    z-index: 2002;
}
/* TableTools information display */
div.DTTT_print_info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    color: #333;
    padding: 10px 30px;
    opacity: 0.95;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

    div.DTTT_print_info h6 {
        font-weight: normal;
        font-size: 28px;
        line-height: 28px;
        margin: 1em;
    }

    div.DTTT_print_info p {
        font-size: 14px;
        line-height: 20px;
    }

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 60px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0;
}

div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

    div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
    div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
    div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
    div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
    margin-top: 0 !important;
}

div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
    display: none;
}
/*
 * FixedHeader styles
 */
div.FixedHeader_Cloned table {
    margin: 0 !important;
}
/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     GPL v2 / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2009-2012 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 */
/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
    position: relative;
    float: right;
    margin-bottom: 1em;
}

@media screen and (max-width: 640px) {
    div.DTTT_container {
        float: none !important;
        text-align: center;
    }

        div.DTTT_container:after {
            visibility: hidden;
            display: block;
            content: "";
            clear: both;
            height: 0;
        }
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
    position: relative;
    display: inline-block;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #999;
    cursor: pointer;
    *cursor: hand;
    font-size: 0.88em;
    color: black !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    /* Generated by http://www.colorzilla.com/gradient-editor/ */
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}
/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
button.DTTT_button {
    height: 30px;
    padding: 3px 8px;
}

.DTTT_button embed {
    outline: none;
}

button.DTTT_button:hover:not(.DTTT_disabled),
div.DTTT_button:hover:not(.DTTT_disabled),
a.DTTT_button:hover:not(.DTTT_disabled) {
    border: 1px solid #666;
    text-decoration: none !important;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    background: #f3f3f3;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
    /* IE6-9 */
}

button.DTTT_button:focus,
div.DTTT_button:focus,
a.DTTT_button:focus {
    border: 1px solid #426c9e;
    text-shadow: 0 1px 0 #c4def1;
    outline: none;
    background-color: #a3d0ef 100%;
    background-image: -webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
    background-image: -moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
    background-image: -ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
    background-image: -o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
    background-image: linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#a3d0ef', EndColorStr='#a3d0ef');
}

button.DTTT_button:active:not(.DTTT_disabled),
div.DTTT_button:active:not(.DTTT_disabled),
a.DTTT_button:active:not(.DTTT_disabled) {
    -webkit-box-shadow: inset 1px 1px 3px #999999;
    -moz-box-shadow: inset 1px 1px 3px #999999;
    box-shadow: inset 1px 1px 3px #999999;
}

button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
    color: #999 !important;
    border: 1px solid #d0d0d0;
    cursor: default;
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0);
    /* IE6-9 */
}
/*
 * BUTTON_STYLES
 * Action specific button styles
 * If you want images - comment this back in

a.DTTT_button_csv,
a.DTTT_button_xls,
a.DTTT_button_copy,
a.DTTT_button_pdf,
a.DTTT_button_print {
	padding-right: 0px;
}

a.DTTT_button_csv span,
a.DTTT_button_xls span,
a.DTTT_button_copy span,
a.DTTT_button_pdf span,
a.DTTT_button_print span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 30px;
}


a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }

a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }

a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }

a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }

a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }

 */
button.DTTT_button_collection span {
    padding-right: 17px;
    background: url(../images/collection.html) no-repeat center right;
}

button.DTTT_button_collection:hover span {
    padding-right: 17px;
    background: #f0f0f0 url(../images/collection_hover.html) no-repeat center right;
}
/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
    cursor: pointer;
    *cursor: hand;
}

table.dataTable tr.DTTT_selected.odd {
    background-color: #9FAFD1;
}

    table.dataTable tr.DTTT_selected.odd td.sorting_1 {
        background-color: #9FAFD1;
    }

    table.dataTable tr.DTTT_selected.odd td.sorting_2 {
        background-color: #9FAFD1;
    }

    table.dataTable tr.DTTT_selected.odd td.sorting_3 {
        background-color: #9FAFD1;
    }

table.dataTable tr.DTTT_selected.even {
    background-color: #B0BED9;
}

    table.dataTable tr.DTTT_selected.even td.sorting_1 {
        background-color: #B0BED9;
    }

    table.dataTable tr.DTTT_selected.even td.sorting_2 {
        background-color: #B0BED9;
    }

    table.dataTable tr.DTTT_selected.even td.sorting_3 {
        background-color: #B0BED9;
    }
/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */
div.DTTT_collection {
    width: 150px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: #f3f3f3;
    background-color: rgba(255, 255, 255, 0.3);
    overflow: hidden;
    z-index: 2002;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

div.DTTT_collection_background {
    background: black;
    z-index: 2001;
}

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
    position: relative;
    left: 0;
    right: 0;
    display: block;
    float: none;
    margin-bottom: 4px;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
}
/*
 * PRINTING
 * Print display styles
 */
.DTTT_print_info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    color: #333;
    padding: 10px 30px;
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
    opacity: 0.95;
    border: 1px solid black;
    border: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

    .DTTT_print_info h6 {
        font-weight: normal;
        font-size: 28px;
        line-height: 28px;
        margin: 1em;
    }

    .DTTT_print_info p {
        font-size: 14px;
        line-height: 20px;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        top: 10px;
        left: 4px;
        height: 20px;
        width: 20px;
        display: block;
        position: absolute;
        color: white;
        border-radius: 3px;
        text-align: center;
        line-height: 18px;
        box-sizing: content-box;
        content: '+';
        background-color: #17bab8;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
        display: none;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
    display: none;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px;
}

    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
        top: 5px;
        left: 4px;
        height: 14px;
        width: 14px;
        border-radius: 14px;
        line-height: 12px;
    }

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer;
}

    table.dataTable.dtr-column > tbody > tr > td.control:before,
    table.dataTable.dtr-column > tbody > tr > th.control:before {
        top: 50%;
        left: 50%;
        height: 16px;
        width: 16px;
        margin-top: -10px;
        margin-left: -10px;
        display: block;
        position: absolute;
        color: white;
        border: 2px solid white;
        border-radius: 16px;
        text-align: center;
        line-height: 14px;
        box-shadow: 0 0 3px #444;
        box-sizing: content-box;
        content: '+';
        background-color: #17bab8;
    }

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333;
}

table.dataTable > tbody > tr.child {
    padding: 0.5em 1em;
}

    table.dataTable > tbody > tr.child:hover {
        background: transparent !important;
    }

    table.dataTable > tbody > tr.child ul {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        table.dataTable > tbody > tr.child ul li {
            border-bottom: 1px solid #efefef;
            padding: 0.5em 0;
        }

            table.dataTable > tbody > tr.child ul li:first-child {
                padding-top: 0;
            }

            table.dataTable > tbody > tr.child ul li:last-child {
                border-bottom: none;
            }

    table.dataTable > tbody > tr.child span.dtr-title {
        display: inline-block;
        min-width: 75px;
        font-weight: bold;
    }

.table-filter-header {
    padding: 25px 0px;
    border-bottom: #eee 1px solid;
}

    .table-filter-header .tfh-label {
        display: block;
    }

.data-action-bar .widget-header {
    margin-bottom: 0px;
}

.row-delete {
    display: inline-block;
    padding: 0px 10px;
}

    .row-delete span {
        font-size: 20px !important;
    }

.row-edit {
    display: inline-block;
    padding: 0px 10px;
}

    .row-edit span {
        font-size: 16px !important;
    }

.td-right {
    text-align: right;
}

    .td-right .btn-toolbar > .btn-group {
        float: none;
    }

.table .btn-toolbar {
    margin-top: -4px;
    position: relative;
    top: 1px;
}

.table > tfoot > tr > td {
    padding: 0px;
}

.table > tfoot .pagination {
    margin-bottom: 0px;
}

    .table > tfoot .pagination ul {
        display: inline-block;
        padding-left: 0;
        margin: 25px 0;
        border-radius: 4px;
        margin-bottom: 0px;
    }

        .table > tfoot .pagination ul > li {
            display: inline;
        }

            .table > tfoot .pagination ul > li > a,
            .table > tfoot .pagination ul > li > span {
                position: relative;
                float: left;
                padding: 6px 12px;
                line-height: 1.846;
                text-decoration: none;
                color: #337ab7;
                background-color: #ffffff;
                border: 1px solid #dddddd;
                margin-left: -1px;
            }

            .table > tfoot .pagination ul > li:first-child > a,
            .table > tfoot .pagination ul > li:first-child > span {
                margin-left: 0;
                border-bottom-left-radius: 4px;
                border-top-left-radius: 4px;
            }

            .table > tfoot .pagination ul > li:last-child > a,
            .table > tfoot .pagination ul > li:last-child > span {
                border-bottom-right-radius: 4px;
                border-top-right-radius: 4px;
            }

            .table > tfoot .pagination ul > li > a:hover,
            .table > tfoot .pagination ul > li > span:hover,
            .table > tfoot .pagination ul > li > a:focus,
            .table > tfoot .pagination ul > li > span:focus {
                color: #23527c;
                background-color: #eeeeee;
                border-color: #dddddd;
            }

        .table > tfoot .pagination ul > .active > a,
        .table > tfoot .pagination ul > .active > span,
        .table > tfoot .pagination ul > .active > a:hover,
        .table > tfoot .pagination ul > .active > span:hover,
        .table > tfoot .pagination ul > .active > a:focus,
        .table > tfoot .pagination ul > .active > span:focus {
            z-index: 2;
            color: #ffffff;
            background-color: #17bab8;
            border-color: #17bab8;
            cursor: default;
        }

        .table > tfoot .pagination ul > .disabled > span,
        .table > tfoot .pagination ul > .disabled > span:hover,
        .table > tfoot .pagination ul > .disabled > span:focus,
        .table > tfoot .pagination ul > .disabled > a,
        .table > tfoot .pagination ul > .disabled > a:hover,
        .table > tfoot .pagination ul > .disabled > a:focus {
            color: #777777;
            background-color: #ffffff;
            border-color: #dddddd;
            cursor: not-allowed;
        }

.table .td-profile-thumb {
    width: 30px;
    height: 30px;
    display: inline-block;
}

    .table .td-profile-thumb img {
        width: 30px;
        height: 30px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

.widget-wrap.material-table-widget {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .widget-wrap.material-table-widget .data-action-bar {
        padding: 0px 30px 25px 30px;
        border-bottom: #eee 1px solid;
    }

        .widget-wrap.material-table-widget .data-action-bar .widget-header {
            margin-bottom: 0px;
        }

    .widget-wrap.material-table-widget .table-filter-header {
        padding: 20px 30px 25px 30px;
        background-color: #f5f5f5;
    }

    .widget-wrap.material-table-widget .pagination {
        padding-left: 30px;
        padding-right: 30px;
    }

    .widget-wrap.material-table-widget .table thead tr > th {
        padding: 12px 15px;
    }

        .widget-wrap.material-table-widget .table thead tr > th:first-child {
            padding: 12px 15px 12px 30px;
        }

        .widget-wrap.material-table-widget .table thead tr > th:last-child {
            padding: 12px 30px 12px 15px;
        }

    .widget-wrap.material-table-widget .table tbody tr > td {
        padding: 12px 20px;
    }

        .widget-wrap.material-table-widget .table tbody tr > td:first-child {
            padding: 12px 15px 12px 30px;
        }

        .widget-wrap.material-table-widget .table tbody tr > td:last-child {
            padding: 12px 30px 12px 15px;
        }

    .widget-wrap.material-table-widget .table tfoot tr > td {
        padding: 0px;
    }

    .widget-wrap.material-table-widget .footable-row-detail-cell {
        padding: 12px 15px 12px 30px !important;
    }

.data-tbl {
    width: 100% !important;
}

.r-label {
    padding-left: 6px;
}

.material-table-widget .dataTables_length,
.material-table-widget .dataTables_filter {
    padding: 30px 30px 0px 30px;
}

.material-table-widget .dataTables_info {
    padding: 40px 30px 0px 30px;
}

.material-table-widget .dataTables_paginate {
    padding-top: 30px;
}

.material-table-widget table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
.material-table-widget table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 17px;
    left: 29px;
}

.tbl-action-toolbar > ul {
    padding: 0px;
    margin: 10px;
}

    .tbl-action-toolbar > ul > li {
        list-style: none;
        display: inline-block;
    }

        .tbl-action-toolbar > ul > li .dropdown-menu {
            display: block;
            visibility: hidden;
            -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
            transform: scale(0);
            -webkit-transform: scale(0);
            transform-origin: right top;
            -webkit-transform-origin: right top;
            right: 0px;
            border: #eee 1px solid;
            margin-top: 3px;
            left: auto;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            box-shadow: none;
        }

            .tbl-action-toolbar > ul > li .dropdown-menu > li > a {
                -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                padding: 6px 15px;
                color: #868686;
            }

                .tbl-action-toolbar > ul > li .dropdown-menu > li > a:hover,
                .tbl-action-toolbar > ul > li .dropdown-menu > li > a:focus {
                    color: #17bab8;
                    -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                }

                .tbl-action-toolbar > ul > li .dropdown-menu > li > a i {
                    padding-right: 6px;
                }

        .tbl-action-toolbar > ul > li.open .dropdown-menu {
            visibility: visible;
            -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
            transform: scale(1);
            -webkit-transform: scale(1);
        }


/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/*Style For Wizard*/
.bs-wizard ul.wizard {
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
}

.wizard-steps {
    display: table;
    position: relative;
    margin: 1px 0 0 0;
}

    .wizard-steps .steps-row {
        display: table-row;
    }

        .wizard-steps .steps-row:before {
            position: absolute;
            top: 12px;
            bottom: 0;
            left: 2px;
            content: " ";
            width: 98%;
            height: 1px;
            background-color: #ccc;
        }

    .wizard-steps .step {
        position: relative;
        display: table-cell;
        text-align: center;
        padding: 0 3px;
    }

        .wizard-steps .step:first-child {
            padding: 0 3px 0 0;
        }

        .wizard-steps .step:last-child {
            padding: 0 0 0 3px;
        }

        .wizard-steps .step .btn[disabled] {
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
        }

        .wizard-steps .step .btn {
            width: 28px;
            height: 28px;
            text-align: center;
            padding: 0px 0;
            font-size: 15px;
            border-radius: 50%;
            -webkit-transition: background-color 400ms linear;
        }

            .wizard-steps .step .btn:hover {
                -webkit-transition: none;
            }

/* Bootstrap Wizard */
.bs-wizard .tab-content {
    border: 0;
    padding: 10px 0 0 0;
}

.bs-wizard .bs-wizard-submit,
.bs-wizard .bs-wizard-prev {
    display: none;
}

/*
8 - Panels
*/
.portlets {
    min-height: 150px;
}

    .portlets .portlet-handle {
        cursor: move;
    }

.portlet-placeholder {
    border: 1px dashed #f0f0f0;
    min-height: 100px;
    margin: 15px 0;
}

.panel {
    position: relative;
    box-shadow: none;
    margin: 0 0 20px 0;
    border-radius: 0;
    border: 0;
}

    .panel ul {
        padding: 0;
    }

    .panel:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 3px;
        background: rgba(217, 217, 217, 0.6);
    }

    .panel > .panel-heading {
        padding: 0;
        border-radius: 0;
        border-bottom: 1px solid #f0f0f0;
        text-align: right;
    }

        .panel > .panel-heading .panel-title {
            padding: 13px 20px 13px 20px;
            font-size: 18px;
        }

            .panel > .panel-heading .panel-title h4 {
                font-size: 16px;
                font-weight: bold;
                display: inline-block;
                margin: 0;
            }

            .panel > .panel-heading .panel-title .heading-icon {
                margin-right: 5px;
            }

            .panel > .panel-heading .panel-title small {
                font-size: 70%;
            }

            .panel > .panel-heading .panel-title.text-center,
            .panel > .panel-heading .panel-title.text-right {
                width: 100%;
                float: none;
            }

            .panel > .panel-heading .panel-title .accordion-toggle,
            .panel > .panel-heading .panel-title .accordion-toggle:hover,
            .panel > .panel-heading .panel-title .accordion-toggle:active,
            .panel > .panel-heading .panel-title .accordion-toggle:focus {
                display: block;
                text-decoration: none;
            }

        .panel > .panel-heading a.panel-title {
            text-decoration: none;
            float: none;
            display: block;
        }

            .panel > .panel-heading a.panel-title:hover,
            .panel > .panel-heading a.panel-title:active,
            .panel > .panel-heading a.panel-title:focus {
                color: inherit;
                outline: none;
            }

        .panel > .panel-heading .progress {
            float: right;
            position: relative;
            margin: 7px 0 0 0;
            width: 120px;
            height: 20px;
        }

        .panel > .panel-heading .pagination {
            float: right;
            margin: 2px 0 7px 0;
        }

            .panel > .panel-heading .pagination a {
                padding: 4px 8px;
                font-size: 14px;
            }

        .panel > .panel-heading .panel-buttons {
            float: right;
            position: relative;
        }

            .panel > .panel-heading .panel-buttons .btn {
                padding: 4px 8px;
                font-size: 14px;
            }

        .panel > .panel-heading .panel-inputs {
            float: right;
            position: relative;
            width: 180px;
            margin: 2px 0 0 0;
        }

            .panel > .panel-heading .panel-inputs .form-control {
                height: 31px;
                font-size: 14px;
                padding: 4px 8px;
            }

            .panel > .panel-heading .panel-inputs .btn {
                font-size: 13px;
                padding: 4px 8px;
            }

        .panel > .panel-heading .nav.nav-justified {
            margin: 0;
        }

            .panel > .panel-heading .nav.nav-justified li a {
                margin: 0;
                border-radius: 0;
            }

            .panel > .panel-heading .nav.nav-justified li.active a:hover,
            .panel > .panel-heading .nav.nav-justified li.active a:focus {
                border: 0;
            }

        .panel > .panel-heading .nav.nav-tabs {
            margin-top: -15px;
        }

            .panel > .panel-heading .nav.nav-tabs li {
                margin-top: 0;
            }

                .panel > .panel-heading .nav.nav-tabs li a {
                    padding: 15px 30px;
                }

        .panel > .panel-heading:before,
        .panel > .panel-heading:after {
            content: " ";
            display: table;
        }

        .panel > .panel-heading:after {
            clear: both;
        }

    .panel .panel-body {
        padding: 20px;
    }

        .panel .panel-body .refresh-container {
            position: absolute;
            top: 0;
            right: 0;
            background: rgba(200, 200, 200, 0.25);
            width: 100%;
            height: 100%;
            text-align: center;
            z-index: 4;
        }

        .panel .panel-body .refresh-spinner {
            padding: 0px;
            position: absolute;
            top: 50%;
            opacity: 1;
        }

        .panel .panel-body .sub-title {
            padding: 10px 30px;
            margin: 0 -30px 10px -30px;
            background: rgba(236, 236, 236, 0.1);
            font-size: 14px;
        }

        .panel .panel-body.without-padding {
            padding: 0;
        }

        .panel .panel-body.horizontal-padding {
            padding: 0 20px;
        }

        .panel .panel-body.vertical-padding {
            padding: 20px 0;
        }

        .panel .panel-body.image-padding {
            padding: 4px;
        }

    .panel .panel-footer {
        padding: 5px 20px;
        background-color: #fff;
        border-top: 1px solid #f0f0f0;
    }

        .panel .panel-footer .justified-list li {
            padding: 0;
        }

            .panel .panel-footer .justified-list li i {
                font-size: 24px;
            }

        .panel .panel-footer.footer-dark {
            background-color: #000;
            color: #fff;
            border-top-color: transparent;
        }

        .panel .panel-footer.footer-translucent {
            position: absolute;
            bottom: 0;
            border-top-color: transparent;
            background-color: rgba(255, 255, 255, 0.5);
        }

            .panel .panel-footer.footer-translucent.footer-dark {
                background-color: rgba(0, 0, 0, 0.5);
            }

        .panel .panel-footer.footer-transparent {
            background-color: transparent;
            border-top-color: transparent;
            color: #fff;
        }

            .panel .panel-footer.footer-transparent i {
                text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
            }

            .panel .panel-footer.footer-transparent.text-dark {
                color: rgba(0, 0, 0, 0.87);
            }

        .panel .panel-footer.footer-red {
            background-color: #f34235;
            color: #fff;
        }

        .panel .panel-footer.footer-pink {
            background-color: #e81d62;
            color: #fff;
        }

        .panel .panel-footer.footer-purple {
            background-color: #9b26af;
            color: #fff;
        }

        .panel .panel-footer.footer-purple {
            background-color: #9b26af;
            color: #fff;
        }

        .panel .panel-footer.footer-deep-purple {
            background-color: #6639b6;
            color: #fff;
        }

        .panel .panel-footer.footer-indigo {
            background-color: #3e50b4;
            color: #fff;
        }

        .panel .panel-footer.footer-blue {
            background-color: #2095f2;
            color: #fff;
        }

        .panel .panel-footer.footer-light-blue {
            background-color: #f34235;
            color: #fff;
        }

        .panel .panel-footer.footer-cyan {
            background-color: #00bbd3;
            color: #fff;
        }

        .panel .panel-footer.footer-teal {
            background-color: #009587;
            color: #fff;
        }

        .panel .panel-footer.footer-green {
            background-color: #4bae4f;
            color: #fff;
        }

        .panel .panel-footer.footer-light-green {
            background-color: #8ac249;
            color: #fff;
        }

        .panel .panel-footer.footer-lime {
            background-color: #ccdb38;
            color: #fff;
        }

        .panel .panel-footer.footer-yellow {
            background-color: #feea3a;
            color: #fff;
        }

        .panel .panel-footer.footer-amber {
            background-color: #fec006;
            color: #fff;
        }

        .panel .panel-footer.footer-orange {
            background-color: #f39c12;
            color: #fff;
        }

        .panel .panel-footer.footer-deep-orange {
            background-color: #fe5621;
            color: #fff;
        }

        .panel .panel-footer.footer-brown {
            background-color: #785447;
            color: #fff;
        }

        .panel .panel-footer.footer-grey {
            background-color: #9d9d9d;
            color: #fff;
        }

        .panel .panel-footer.footer-blue-grey {
            background-color: #5f7c8a;
            color: #fff;
        }

    .panel.panel-with-translucent-footer .panel-body {
        padding-bottom: 49px;
    }

    .panel.panel-with-border {
        border: 1px solid #f0f0f0;
    }

    .panel.panel-with-shadow {
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    }

    .panel.panel-transparent {
        padding: 0;
        background: transparent;
        -webkit-transition: box-shadow 280ms cubic-bezier(0.35, 0, 0.25, 1);
        transition: box-shadow 280ms cubic-bezier(0.35, 0, 0.25, 1);
    }

        .panel.panel-transparent:before {
            background: transparent;
        }

        .panel.panel-transparent .panel-heading {
            margin-bottom: 15px;
            box-shadow: none;
        }

        .panel.panel-transparent .panel-body {
            padding: 0 30px 15px 30px;
        }

        .panel.panel-transparent:hover {
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        }

    .panel.panel-inverted {
        background: rgba(0, 0, 0, 0.87);
        color: #fff;
    }

    .panel .panel-action {
        float: right;
        display: inline-block;
        position: relative;
        padding: 0;
        margin-top: 1px;
    }

        .panel .panel-action > a {
            color: rgba(0, 0, 0, 0.5);
            text-decoration: none;
            padding: 0 5px;
            outline: none !important;
        }

            .panel .panel-action > a:last-child {
                padding-right: 0;
            }

            .panel .panel-action > a:hover {
                color: #337ab7;
            }

            .panel .panel-action > a:after {
                font-family: 'IonIcons';
            }

        .panel .panel-action [data-toggle="modal"]:after {
            content: '\f35b';
        }

        .panel .panel-action [data-toggle="dropdown"]:after {
            content: '\f397';
        }

        .panel .panel-action [data-toggle="fake-reload"]:after,
        .panel .panel-action [data-toggle="reload"]:after {
            content: '\f3a8';
        }

        .panel .panel-action [data-toggle="panel"]:after {
            content: '\f2f4';
        }

        .panel .panel-action [data-toggle="remove"]:after {
            content: '\f2d7';
        }

        .panel .panel-action .initially-hidden {
            opacity: 0;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all 300ms cubic-bezier(0.35, 0, 0.25, 1);
            transition: all 300ms cubic-bezier(0.35, 0, 0.25, 1);
        }

            .panel .panel-action .initially-hidden:nth-child(2) {
                -webkit-transition-delay: 50ms;
                transition-delay: 50ms;
            }

            .panel .panel-action .initially-hidden:nth-child(3) {
                -webkit-transition-delay: 100ms;
                transition-delay: 100ms;
            }

            .panel .panel-action .initially-hidden:nth-child(4) {
                -webkit-transition-delay: 150ms;
                transition-delay: 150ms;
            }

            .panel .panel-action .initially-hidden:nth-child(5) {
                -webkit-transition-delay: 200ms;
                transition-delay: 200ms;
            }

        .panel .panel-action .plus {
            display: none;
        }

    .panel.collapsed [data-toggle="panel"]:after {
        content: '\f2c7';
    }

    .panel .nav-tabs.with-panel {
        overflow: hidden;
        border: 0;
    }

        .panel .nav-tabs.with-panel li {
            margin-top: 1px;
        }

            .panel .nav-tabs.with-panel li a {
                font-size: 14px;
                padding: 10px 0;
                border: 0;
                margin: 0 0 0 0;
                background-color: transparent;
            }

            .panel .nav-tabs.with-panel li.active a:after {
                top: 0;
            }

        .panel .nav-tabs.with-panel.colors li {
            top: 3px;
        }

            .panel .nav-tabs.with-panel.colors li a {
                padding: 0 !important;
                margin-top: 15px !important;
                border-radius: 0;
            }

                .panel .nav-tabs.with-panel.colors li a .badge {
                    position: relative;
                    display: block;
                    padding: 0;
                    width: 100%;
                    height: 10px;
                    border-radius: 0;
                }

            .panel .nav-tabs.with-panel.colors li.active a:after {
                height: 5px !important;
                background: rgba(255, 255, 255, 0.5) !important;
            }

        .panel .nav-tabs.with-panel.active-line li.active a:after {
            bottom: 0;
            width: 100%;
            height: 1px;
            left: 0;
            margin-left: 0;
        }

    .panel .tab-content.with-panel {
        border: 0;
        padding: 0;
    }

    .panel .steps-pull-right {
        float: right;
        position: relative;
        top: 0px;
    }

        .panel .steps-pull-right .btn-default {
            color: rgba(0, 0, 0, 0.87) !important;
        }

    .panel .steps-centered {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
    }

        .panel .steps-centered .wizard-steps {
            width: 100%;
        }

            .panel .steps-centered .wizard-steps .steps-row:before {
                display: none;
            }

        .panel .steps-centered .progress {
            float: none;
            position: absolute;
            top: 7px;
            width: 100%;
            border-radius: 0;
            height: 5px;
        }

        .panel .steps-centered .wizard-steps:before {
            display: none;
        }

    .panel .portlet-handle-cancel {
        cursor: default;
    }

    .panel.collapsed .panel-body {
        display: none;
    }

    .panel.collapsed .panel-action .plus {
        display: inline-block;
    }

    .panel.collapsed .panel-action .minus {
        display: none;
    }

    .panel:hover .initially-hidden {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .panel.red:before {
        background: rgba(222, 27, 13, 0.6);
    }

    .panel.red > .panel-heading {
        background: #f34235;
        color: #ffffff;
    }

        .panel.red > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.red > .panel-heading small {
            color: #ffffff;
        }

        .panel.red > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.red > .panel-heading a.panel-link:hover,
            .panel.red > .panel-heading a.panel-link:focus,
            .panel.red > .panel-heading a.panel-link:active {
                color: #b7170b;
                outline: none;
            }

        .panel.red > .panel-heading .panel-title a,
        .panel.red > .panel-heading .panel-title:hover,
        .panel.red > .panel-heading .panel-title:focus,
        .panel.red > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.red > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.red > .panel-heading .nav-tabs > li.active > a,
        .panel.red > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.red > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.red > .panel-heading .nav-tabs > li.active > a:after,
            .panel.red > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.red > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(222, 27, 13, 0.6);
            }

    .panel.red .panel-body .sub-title {
        background: rgba(243, 66, 53, 0.05);
    }

    .panel.red .loading-bar:before {
        background: #f34235;
    }

    .panel.pink:before {
        background: rgba(181, 18, 74, 0.6);
    }

    .panel.pink > .panel-heading {
        background: #e81d62;
        color: #ffffff;
    }

        .panel.pink > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.pink > .panel-heading small {
            color: #ffffff;
        }

        .panel.pink > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.pink > .panel-heading a.panel-link:hover,
            .panel.pink > .panel-heading a.panel-link:focus,
            .panel.pink > .panel-heading a.panel-link:active {
                color: #900f3b;
                outline: none;
            }

        .panel.pink > .panel-heading .panel-title a,
        .panel.pink > .panel-heading .panel-title:hover,
        .panel.pink > .panel-heading .panel-title:focus,
        .panel.pink > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.pink > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.pink > .panel-heading .nav-tabs > li.active > a,
        .panel.pink > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.pink > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.pink > .panel-heading .nav-tabs > li.active > a:after,
            .panel.pink > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.pink > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(181, 18, 74, 0.6);
            }

    .panel.pink .panel-body .sub-title {
        background: rgba(232, 29, 98, 0.05);
    }

    .panel.pink .loading-bar:before {
        background: #e81d62;
    }

    .panel.purple:before {
        background: rgba(110, 27, 125, 0.6);
    }

    .panel.purple > .panel-heading {
        background: #9b26af;
        color: #ffffff;
    }

        .panel.purple > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.purple > .panel-heading small {
            color: #ffffff;
        }

        .panel.purple > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.purple > .panel-heading a.panel-link:hover,
            .panel.purple > .panel-heading a.panel-link:focus,
            .panel.purple > .panel-heading a.panel-link:active {
                color: #51145b;
                outline: none;
            }

        .panel.purple > .panel-heading .panel-title a,
        .panel.purple > .panel-heading .panel-title:hover,
        .panel.purple > .panel-heading .panel-title:focus,
        .panel.purple > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.purple > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.purple > .panel-heading .nav-tabs > li.active > a,
        .panel.purple > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.purple > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.purple > .panel-heading .nav-tabs > li.active > a:after,
            .panel.purple > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.purple > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(110, 27, 125, 0.6);
            }

    .panel.purple .panel-body .sub-title {
        background: rgba(155, 38, 175, 0.05);
    }

    .panel.purple .loading-bar:before {
        background: #9b26af;
    }

    .panel.deep-purple:before {
        background: rgba(76, 42, 135, 0.6);
    }

    .panel.deep-purple > .panel-heading {
        background: #6639b6;
        color: #ffffff;
    }

        .panel.deep-purple > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.deep-purple > .panel-heading small {
            color: #ffffff;
        }

        .panel.deep-purple > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.deep-purple > .panel-heading a.panel-link:hover,
            .panel.deep-purple > .panel-heading a.panel-link:focus,
            .panel.deep-purple > .panel-heading a.panel-link:active {
                color: #3a2168;
                outline: none;
            }

        .panel.deep-purple > .panel-heading .panel-title a,
        .panel.deep-purple > .panel-heading .panel-title:hover,
        .panel.deep-purple > .panel-heading .panel-title:focus,
        .panel.deep-purple > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.deep-purple > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.deep-purple > .panel-heading .nav-tabs > li.active > a,
        .panel.deep-purple > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.deep-purple > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.deep-purple > .panel-heading .nav-tabs > li.active > a:after,
            .panel.deep-purple > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.deep-purple > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(76, 42, 135, 0.6);
            }

    .panel.deep-purple .panel-body .sub-title {
        background: rgba(102, 57, 182, 0.05);
    }

    .panel.deep-purple .loading-bar:before {
        background: #6639b6;
    }

    .panel.indigo:before {
        background: rgba(46, 60, 134, 0.6);
    }

    .panel.indigo > .panel-heading {
        background: #3e50b4;
        color: #ffffff;
    }

        .panel.indigo > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.indigo > .panel-heading small {
            color: #ffffff;
        }

        .panel.indigo > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.indigo > .panel-heading a.panel-link:hover,
            .panel.indigo > .panel-heading a.panel-link:focus,
            .panel.indigo > .panel-heading a.panel-link:active {
                color: #242e68;
                outline: none;
            }

        .panel.indigo > .panel-heading .panel-title a,
        .panel.indigo > .panel-heading .panel-title:hover,
        .panel.indigo > .panel-heading .panel-title:focus,
        .panel.indigo > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.indigo > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.indigo > .panel-heading .nav-tabs > li.active > a,
        .panel.indigo > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.indigo > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.indigo > .panel-heading .nav-tabs > li.active > a:after,
            .panel.indigo > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.indigo > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(46, 60, 134, 0.6);
            }

    .panel.indigo .panel-body .sub-title {
        background: rgba(62, 80, 180, 0.05);
    }

    .panel.indigo .loading-bar:before {
        background: #3e50b4;
    }

    .panel.blue:before {
        background: rgba(12, 117, 201, 0.6);
    }

    .panel.blue > .panel-heading {
        background: #2095f2;
        color: #ffffff;
    }

        .panel.blue > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.blue > .panel-heading small {
            color: #ffffff;
        }

        .panel.blue > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.blue > .panel-heading a.panel-link:hover,
            .panel.blue > .panel-heading a.panel-link:focus,
            .panel.blue > .panel-heading a.panel-link:active {
                color: #095fa3;
                outline: none;
            }

        .panel.blue > .panel-heading .panel-title a,
        .panel.blue > .panel-heading .panel-title:hover,
        .panel.blue > .panel-heading .panel-title:focus,
        .panel.blue > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.blue > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.blue > .panel-heading .nav-tabs > li.active > a,
        .panel.blue > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.blue > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.blue > .panel-heading .nav-tabs > li.active > a:after,
            .panel.blue > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.blue > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(12, 117, 201, 0.6);
            }

    .panel.blue .panel-body .sub-title {
        background: rgba(32, 149, 242, 0.05);
    }

    .panel.blue .loading-bar:before {
        background: #2095f2;
    }

    .panel.light-blue:before {
        background: rgba(2, 126, 182, 0.6);
    }

    .panel.light-blue > .panel-heading {
        background: #02a8f3;
        color: #ffffff;
    }

        .panel.light-blue > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.light-blue > .panel-heading small {
            color: #ffffff;
        }

        .panel.light-blue > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.light-blue > .panel-heading a.panel-link:hover,
            .panel.light-blue > .panel-heading a.panel-link:focus,
            .panel.light-blue > .panel-heading a.panel-link:active {
                color: #01628e;
                outline: none;
            }

        .panel.light-blue > .panel-heading .panel-title a,
        .panel.light-blue > .panel-heading .panel-title:hover,
        .panel.light-blue > .panel-heading .panel-title:focus,
        .panel.light-blue > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.light-blue > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.light-blue > .panel-heading .nav-tabs > li.active > a,
        .panel.light-blue > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.light-blue > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.light-blue > .panel-heading .nav-tabs > li.active > a:after,
            .panel.light-blue > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.light-blue > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(2, 126, 182, 0.6);
            }

    .panel.light-blue .panel-body .sub-title {
        background: rgba(2, 168, 243, 0.05);
    }

    .panel.light-blue .loading-bar:before {
        background: #02a8f3;
    }

    .panel.cyan:before {
        background: rgba(0, 133, 150, 0.6);
    }

    .panel.cyan > .panel-heading {
        background: #00bbd3;
        color: #ffffff;
    }

        .panel.cyan > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.cyan > .panel-heading small {
            color: #ffffff;
        }

        .panel.cyan > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.cyan > .panel-heading a.panel-link:hover,
            .panel.cyan > .panel-heading a.panel-link:focus,
            .panel.cyan > .panel-heading a.panel-link:active {
                color: #00616d;
                outline: none;
            }

        .panel.cyan > .panel-heading .panel-title a,
        .panel.cyan > .panel-heading .panel-title:hover,
        .panel.cyan > .panel-heading .panel-title:focus,
        .panel.cyan > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.cyan > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.cyan > .panel-heading .nav-tabs > li.active > a,
        .panel.cyan > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.cyan > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.cyan > .panel-heading .nav-tabs > li.active > a:after,
            .panel.cyan > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.cyan > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(0, 133, 150, 0.6);
            }

    .panel.cyan .panel-body .sub-title {
        background: rgba(0, 187, 211, 0.05);
    }

    .panel.cyan .loading-bar:before {
        background: #00bbd3;
    }

    .panel.teal:before {
        background: rgba(0, 88, 80, 0.6);
    }

    .panel.teal > .panel-heading {
        background: #009587;
        color: #ffffff;
    }

        .panel.teal > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.teal > .panel-heading small {
            color: #ffffff;
        }

        .panel.teal > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.teal > .panel-heading a.panel-link:hover,
            .panel.teal > .panel-heading a.panel-link:focus,
            .panel.teal > .panel-heading a.panel-link:active {
                color: #002f2b;
                outline: none;
            }

        .panel.teal > .panel-heading .panel-title a,
        .panel.teal > .panel-heading .panel-title:hover,
        .panel.teal > .panel-heading .panel-title:focus,
        .panel.teal > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.teal > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.teal > .panel-heading .nav-tabs > li.active > a,
        .panel.teal > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.teal > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.teal > .panel-heading .nav-tabs > li.active > a:after,
            .panel.teal > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.teal > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(0, 88, 80, 0.6);
            }

    .panel.teal .panel-body .sub-title {
        background: rgba(0, 149, 135, 0.05);
    }

    .panel.teal .loading-bar:before {
        background: #009587;
    }

    .panel.green:before {
        background: rgba(57, 131, 60, 0.6);
    }

    .panel.green > .panel-heading {
        background: #4bae4f;
        color: #ffffff;
    }

        .panel.green > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.green > .panel-heading small {
            color: #ffffff;
        }

        .panel.green > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.green > .panel-heading a.panel-link:hover,
            .panel.green > .panel-heading a.panel-link:focus,
            .panel.green > .panel-heading a.panel-link:active {
                color: #2c672f;
                outline: none;
            }

        .panel.green > .panel-heading .panel-title a,
        .panel.green > .panel-heading .panel-title:hover,
        .panel.green > .panel-heading .panel-title:focus,
        .panel.green > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.green > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.green > .panel-heading .nav-tabs > li.active > a,
        .panel.green > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.green > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.green > .panel-heading .nav-tabs > li.active > a:after,
            .panel.green > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.green > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(57, 131, 60, 0.6);
            }

    .panel.green .panel-body .sub-title {
        background: rgba(75, 174, 79, 0.05);
    }

    .panel.green .loading-bar:before {
        background: #4bae4f;
    }

    .panel.light-green:before {
        background: rgba(107, 154, 52, 0.6);
    }

    .panel.light-green > .panel-heading {
        background: #8ac249;
        color: #ffffff;
    }

        .panel.light-green > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.light-green > .panel-heading small {
            color: #ffffff;
        }

        .panel.light-green > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.light-green > .panel-heading a.panel-link:hover,
            .panel.light-green > .panel-heading a.panel-link:focus,
            .panel.light-green > .panel-heading a.panel-link:active {
                color: #567c29;
                outline: none;
            }

        .panel.light-green > .panel-heading .panel-title a,
        .panel.light-green > .panel-heading .panel-title:hover,
        .panel.light-green > .panel-heading .panel-title:focus,
        .panel.light-green > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.light-green > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.light-green > .panel-heading .nav-tabs > li.active > a,
        .panel.light-green > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.light-green > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.light-green > .panel-heading .nav-tabs > li.active > a:after,
            .panel.light-green > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.light-green > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(107, 154, 52, 0.6);
            }

    .panel.light-green .panel-body .sub-title {
        background: rgba(138, 194, 73, 0.05);
    }

    .panel.light-green .loading-bar:before {
        background: #8ac249;
    }

    .panel.lime:before {
        background: rgba(167, 181, 33, 0.6);
    }

    .panel.lime > .panel-heading {
        background: #ccdb38;
        color: #ffffff;
    }

        .panel.lime > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.lime > .panel-heading small {
            color: #ffffff;
        }

        .panel.lime > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.lime > .panel-heading a.panel-link:hover,
            .panel.lime > .panel-heading a.panel-link:focus,
            .panel.lime > .panel-heading a.panel-link:active {
                color: #87921b;
                outline: none;
            }

        .panel.lime > .panel-heading .panel-title a,
        .panel.lime > .panel-heading .panel-title:hover,
        .panel.lime > .panel-heading .panel-title:focus,
        .panel.lime > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.lime > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.lime > .panel-heading .nav-tabs > li.active > a,
        .panel.lime > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.lime > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.lime > .panel-heading .nav-tabs > li.active > a:after,
            .panel.lime > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.lime > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(167, 181, 33, 0.6);
            }

    .panel.lime .panel-body .sub-title {
        background: rgba(204, 219, 56, 0.05);
    }

    .panel.lime .loading-bar:before {
        background: #ccdb38;
    }

    .panel.yellow:before {
        background: rgba(250, 224, 1, 0.6);
    }

    .panel.yellow > .panel-heading {
        background: #feea3a;
        color: rgba(0, 0, 0, 0.87);
    }

        .panel.yellow > .panel-heading h4 {
            color: rgba(0, 0, 0, 0.87);
        }

        .panel.yellow > .panel-heading small {
            color: rgba(0, 0, 0, 0.87);
        }

        .panel.yellow > .panel-heading a.panel-link {
            color: rgba(0, 0, 0, 0.87);
        }

            .panel.yellow > .panel-heading a.panel-link:hover,
            .panel.yellow > .panel-heading a.panel-link:focus,
            .panel.yellow > .panel-heading a.panel-link:active {
                color: #d1bc01;
                outline: none;
            }

        .panel.yellow > .panel-heading .panel-title a,
        .panel.yellow > .panel-heading .panel-title:hover,
        .panel.yellow > .panel-heading .panel-title:focus,
        .panel.yellow > .panel-heading .panel-title:active {
            color: rgba(0, 0, 0, 0.87);
            outline: none;
        }

        .panel.yellow > .panel-heading .nav-tabs > li > a {
            color: rgba(0, 0, 0, 0.6);
        }

        .panel.yellow > .panel-heading .nav-tabs > li.active > a,
        .panel.yellow > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.yellow > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: rgba(0, 0, 0, 0.87);
        }

            .panel.yellow > .panel-heading .nav-tabs > li.active > a:after,
            .panel.yellow > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.yellow > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(250, 224, 1, 0.6);
            }

    .panel.yellow .panel-body .sub-title {
        background: rgba(254, 234, 58, 0.05);
    }

    .panel.yellow .loading-bar:before {
        background: #feea3a;
    }

    .panel.amber:before {
        background: rgba(198, 149, 1, 0.6);
    }

    .panel.amber > .panel-heading {
        background: #fec006;
        color: #ffffff;
    }

        .panel.amber > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.amber > .panel-heading small {
            color: #ffffff;
        }

        .panel.amber > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.amber > .panel-heading a.panel-link:hover,
            .panel.amber > .panel-heading a.panel-link:focus,
            .panel.amber > .panel-heading a.panel-link:active {
                color: #9d7601;
                outline: none;
            }

        .panel.amber > .panel-heading .panel-title a,
        .panel.amber > .panel-heading .panel-title:hover,
        .panel.amber > .panel-heading .panel-title:focus,
        .panel.amber > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.amber > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.amber > .panel-heading .nav-tabs > li.active > a,
        .panel.amber > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.amber > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.amber > .panel-heading .nav-tabs > li.active > a:after,
            .panel.amber > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.amber > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(198, 149, 1, 0.6);
            }

    .panel.amber .panel-body .sub-title {
        background: rgba(254, 192, 6, 0.05);
    }

    .panel.amber .loading-bar:before {
        background: #fec006;
    }

    .panel.orange:before {
        background: rgba(190, 120, 10, 0.6);
    }

    .panel.orange > .panel-heading {
        background: #f39c12;
        color: #ffffff;
    }

        .panel.orange > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.orange > .panel-heading small {
            color: #ffffff;
        }

        .panel.orange > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.orange > .panel-heading a.panel-link:hover,
            .panel.orange > .panel-heading a.panel-link:focus,
            .panel.orange > .panel-heading a.panel-link:active {
                color: #976008;
                outline: none;
            }

        .panel.orange > .panel-heading .panel-title a,
        .panel.orange > .panel-heading .panel-title:hover,
        .panel.orange > .panel-heading .panel-title:focus,
        .panel.orange > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.orange > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.orange > .panel-heading .nav-tabs > li.active > a,
        .panel.orange > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.orange > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.orange > .panel-heading .nav-tabs > li.active > a:after,
            .panel.orange > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.orange > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(190, 120, 10, 0.6);
            }

    .panel.orange .panel-body .sub-title {
        background: rgba(243, 156, 18, 0.05);
    }

    .panel.orange .loading-bar:before {
        background: #f39c12;
    }

    .panel.deep-orange:before {
        background: rgba(225, 55, 1, 0.6);
    }

    .panel.deep-orange > .panel-heading {
        background: #fe5621;
        color: #ffffff;
    }

        .panel.deep-orange > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.deep-orange > .panel-heading small {
            color: #ffffff;
        }

        .panel.deep-orange > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.deep-orange > .panel-heading a.panel-link:hover,
            .panel.deep-orange > .panel-heading a.panel-link:focus,
            .panel.deep-orange > .panel-heading a.panel-link:active {
                color: #b82d01;
                outline: none;
            }

        .panel.deep-orange > .panel-heading .panel-title a,
        .panel.deep-orange > .panel-heading .panel-title:hover,
        .panel.deep-orange > .panel-heading .panel-title:focus,
        .panel.deep-orange > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.deep-orange > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.deep-orange > .panel-heading .nav-tabs > li.active > a,
        .panel.deep-orange > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.deep-orange > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.deep-orange > .panel-heading .nav-tabs > li.active > a:after,
            .panel.deep-orange > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.deep-orange > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(225, 55, 1, 0.6);
            }

    .panel.deep-orange .panel-body .sub-title {
        background: rgba(254, 86, 33, 0.05);
    }

    .panel.deep-orange .loading-bar:before {
        background: #fe5621;
    }

    .panel.brown:before {
        background: rgba(82, 57, 48, 0.6);
    }

    .panel.brown > .panel-heading {
        background: #785447;
        color: #ffffff;
    }

        .panel.brown > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.brown > .panel-heading small {
            color: #ffffff;
        }

        .panel.brown > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.brown > .panel-heading a.panel-link:hover,
            .panel.brown > .panel-heading a.panel-link:focus,
            .panel.brown > .panel-heading a.panel-link:active {
                color: #382721;
                outline: none;
            }

        .panel.brown > .panel-heading .panel-title a,
        .panel.brown > .panel-heading .panel-title:hover,
        .panel.brown > .panel-heading .panel-title:focus,
        .panel.brown > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.brown > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.brown > .panel-heading .nav-tabs > li.active > a,
        .panel.brown > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.brown > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.brown > .panel-heading .nav-tabs > li.active > a:after,
            .panel.brown > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.brown > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(82, 57, 48, 0.6);
            }

    .panel.brown .panel-body .sub-title {
        background: rgba(120, 84, 71, 0.05);
    }

    .panel.brown .loading-bar:before {
        background: #785447;
    }

    .panel.grey:before {
        background: rgba(126, 126, 126, 0.6);
    }

    .panel.grey > .panel-heading {
        background: #9d9d9d;
        color: #ffffff;
    }

        .panel.grey > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.grey > .panel-heading small {
            color: #ffffff;
        }

        .panel.grey > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.grey > .panel-heading a.panel-link:hover,
            .panel.grey > .panel-heading a.panel-link:focus,
            .panel.grey > .panel-heading a.panel-link:active {
                color: #6a6a6a;
                outline: none;
            }

        .panel.grey > .panel-heading .panel-title a,
        .panel.grey > .panel-heading .panel-title:hover,
        .panel.grey > .panel-heading .panel-title:focus,
        .panel.grey > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.grey > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.grey > .panel-heading .nav-tabs > li.active > a,
        .panel.grey > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.grey > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.grey > .panel-heading .nav-tabs > li.active > a:after,
            .panel.grey > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.grey > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(126, 126, 126, 0.6);
            }

    .panel.grey .panel-body .sub-title {
        background: rgba(157, 157, 157, 0.05);
    }

    .panel.grey .loading-bar:before {
        background: #9d9d9d;
    }

    .panel.blue-grey:before {
        background: rgba(70, 91, 102, 0.6);
    }

    .panel.blue-grey > .panel-heading {
        background: #5f7c8a;
        color: #ffffff;
    }

        .panel.blue-grey > .panel-heading h4 {
            color: #ffffff;
        }

        .panel.blue-grey > .panel-heading small {
            color: #ffffff;
        }

        .panel.blue-grey > .panel-heading a.panel-link {
            color: #ffffff;
        }

            .panel.blue-grey > .panel-heading a.panel-link:hover,
            .panel.blue-grey > .panel-heading a.panel-link:focus,
            .panel.blue-grey > .panel-heading a.panel-link:active {
                color: #35464e;
                outline: none;
            }

        .panel.blue-grey > .panel-heading .panel-title a,
        .panel.blue-grey > .panel-heading .panel-title:hover,
        .panel.blue-grey > .panel-heading .panel-title:focus,
        .panel.blue-grey > .panel-heading .panel-title:active {
            color: #ffffff;
            outline: none;
        }

        .panel.blue-grey > .panel-heading .nav-tabs > li > a {
            color: rgba(255, 255, 255, 0.6);
        }

        .panel.blue-grey > .panel-heading .nav-tabs > li.active > a,
        .panel.blue-grey > .panel-heading .nav-tabs > li.active > a:hover,
        .panel.blue-grey > .panel-heading .nav-tabs > li.active > a:focus {
            background-color: transparent;
            color: #ffffff;
        }

            .panel.blue-grey > .panel-heading .nav-tabs > li.active > a:after,
            .panel.blue-grey > .panel-heading .nav-tabs > li.active > a:hover:after,
            .panel.blue-grey > .panel-heading .nav-tabs > li.active > a:focus:after {
                background-color: transparent;
                border-bottom: 3px solid rgba(70, 91, 102, 0.6);
            }

    .panel.blue-grey .panel-body .sub-title {
        background: rgba(95, 124, 138, 0.05);
    }

    .panel.blue-grey .loading-bar:before {
        background: #5f7c8a;
    }


/* Progress Bar Style*/

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 29px;
    margin-bottom: 29px;
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 16px;
    line-height: 29px;
    color: #ffffff;
    text-align: center;
    background-color: #5677fc;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #259b24;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #03a9f4;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #ffc107;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #ff5722;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.page-separator {
    padding: 5px;
    margin-top: 25px !important;
    margin-bottom: 25px;
    border: 0px solid transparent;
    border-radius: 3px;
    background-color: rgb(19, 156, 155);
    border-color: rgb(19, 156, 155);
    color: white;
    font-weight: 900;
}

.page_loader {
    position: fixed;
    background: url('../images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: .5;
}