@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);

.sky-form {
    margin: 0;
    outline: none;
}

    .sky-form.style-2 header {
        display: block;
        padding: 20px 30px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        background: rgba(248,248,248,0.9);
        font-size: 25px;
        font-weight: 300;
        color: #232323;
    }

    .sky-form fieldset {
        display: block;
        padding: 15px 0;
        border: none;
        background: transparent;
    }

    .sky-form.style-2 fieldset {
        display: block;
        padding: 25px 30px 5px;
        border: none;
        background: rgba(255,255,255,0.9);
    }

    .sky-form fieldset + fieldset {
        /*border-top: 1px solid rgba(0,0,0,0.1);*/
    }

    .sky-form section {
        /*margin-bottom: 20px;*/
    }

    .sky-form.style-2 footer {
        display: block;
        padding: 15px 30px 25px;
        border-top: 1px solid rgba(0,0,0,0.1);
        background: rgba(248,248,248,0.9);
    }

        .sky-form.style-2 footer:after {
            content: '';
            display: table;
            clear: both;
        }

    .sky-form .label {
        display: block;
        margin-bottom: 6px;
        line-height: 19px;
        font-weight: 400;
    }

        .sky-form .label.col {
            margin: 0;
            padding-top: 10px;
        }

    .sky-form .note {
        margin-top: 6px;
        padding: 0 1px;
        font-size: 11px;
        line-height: 15px;
        color: #999;
    }

    .sky-form .input, .sky-form .select, .sky-form .textarea, .sky-form .radio, .sky-form .checkbox, .sky-form .toggle, .sky-form .button {
        position: relative;
        display: block;
    }

    .sky-form .progress {
        float: right;
        margin-top: 10px;
        line-height: 39px;
        color: #232323;
    }

    .sky-form .input-captcha img {
        position: absolute;
        top: 2px;
        right: 2px;
        border-left: 1px solid #ccc;
    }

    .sky-form .input-file .button {
        position: absolute;
        top: 4px;
        right: 4px;
        float: none;
        height: 31px;
        margin: 0;
        padding: 0 20px;
        font-size: 13px;
        line-height: 31px;
    }

        .sky-form .input-file .button:hover {
            box-shadow: none;
        }

        .sky-form .input-file .button input {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
            font-size: 30px;
            cursor: pointer;
            opacity: 0;
        }

    .sky-form .select i {
        position: absolute;
        top: 14px;
        right: 14px;
        width: 8px;
        height: 11px;
        background: #fff;
        box-shadow: 0 0 0 12px #fff;
        pointer-events: none;
    }

        .sky-form .select i:after, .sky-form .select i:before {
            content: '';
            position: absolute;
            right: 0;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }

        .sky-form .select i:after {
            bottom: 0;
            border-top: 4px solid #404040;
        }

        .sky-form .select i:before {
            top: 0;
            border-bottom: 4px solid #404040;
        }

    .sky-form .select-multiple select {
        height: auto;
    }

    .sky-form .textarea textarea {
        height: auto;
        resize: none;
    }

    .sky-form .textarea-resizable textarea {
        resize: vertical;
    }

    .sky-form .textarea-expandable textarea {
        height: 39px;
    }

        .sky-form .textarea-expandable textarea:focus {
            height: auto;
        }

    .sky-form .radio:last-child, .sky-form .checkbox:last-child {
        margin-bottom: 0;
    }

    .sky-form .radio input, .sky-form .checkbox input {
        position: absolute;
        left: -9999px;
    }

    .sky-form .radio i, .sky-form .checkbox i {
        position: absolute;
        top: 5px;
        left: 0;
        display: block;
        width: 13px;
        height: 13px;
        outline: none;
        border-width: 2px;
        border-style: solid;
        background: #fff;
    }

    .sky-form .radio i {
        border-radius: 50%;
    }

    .sky-form .radio input + i:after, .sky-form .checkbox input + i:after {
        position: absolute;
        opacity: 0;
        -ms-transition: opacity .1s;
        -moz-transition: opacity .1s;
        -webkit-transition: opacity .1s;
    }

    .sky-form .radio input + i:after {
        content: '';
        top: 4px;
        left: 4px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }

    .sky-form .checkbox input + i:after {
        content: '\f00c';
        top: -1px;
        left: -1px;
        width: 15px;
        height: 15px;
        font: normal 12px/16px FontAwesome;
        text-align: center;
    }

    .sky-form .radio input:checked + i:after, .sky-form .checkbox input:checked + i:after {
        opacity: 1;
    }

    .sky-form .inline-group {
        margin: 0 -30px -4px 0;
    }

        .sky-form .inline-group:after {
            content: '';
            display: table;
            clear: both;
        }

        .sky-form .inline-group .radio, .sky-form .inline-group .checkbox {
            float: left;
            margin-right: 30px;
        }

            .sky-form .inline-group .radio:last-child, .sky-form .inline-group .checkbox:last-child {
                margin-bottom: 4px;
            }

    .sky-form .toggle {
        margin-bottom: 4px;
        padding-right: 61px;
        font-size: 15px;
        line-height: 27px;
        color: #404040;
        cursor: pointer;
    }

        .sky-form .toggle:last-child {
            margin-bottom: 0;
        }

        .sky-form .toggle input {
            position: absolute;
            left: -9999px;
        }

        .sky-form .toggle i {
            content: '';
            position: absolute;
            top: 4px;
            right: 0;
            display: block;
            width: 49px;
            height: 17px;
            border-width: 2px;
            border-style: solid;
            border-radius: 12px;
            background: #fff;
        }

            .sky-form .toggle i:after {
                content: 'OFF';
                position: absolute;
                top: 2px;
                right: 8px;
                left: 8px;
                font-style: normal;
                font-size: 9px;
                line-height: 13px;
                font-weight: 700;
                text-align: left;
                color: #5f5f5f;
            }

            .sky-form .toggle i:before {
                content: '';
                position: absolute;
                z-index: 1;
                top: 4px;
                right: 4px;
                display: block;
                width: 9px;
                height: 9px;
                border-radius: 50%;
                opacity: 1;
                -ms-transition: right .2s;
                -moz-transition: right .2s;
                -webkit-transition: right .2s;
            }

        .sky-form .toggle input:checked + i:after {
            content: 'ON';
            text-align: right;
        }

        .sky-form .toggle input:checked + i:before {
            right: 36px;
        }

    .sky-form .rating {
        margin-bottom: 4px;
        font-size: 15px;
        line-height: 27px;
        color: #404040;
    }

        .sky-form .rating:last-child {
            margin-bottom: 0;
        }

        .sky-form .rating input {
            position: absolute;
            left: -9999px;
        }

        .sky-form .rating label {
            display: block;
            float: right;
            height: 17px;
            margin-top: 5px;
            padding: 0 2px;
            font-size: 17px;
            line-height: 17px;
            cursor: pointer;
        }

    .sky-form .icon-append, .sky-form .icon-prepend {
        position: absolute;
        top: 5px;
        width: 29px;
        height: 29px;
        font-size: 15px;
        line-height: 29px;
        text-align: center;
    }

    .sky-form .icon-append {
        right: 5px;
        padding-left: 3px;
        border-left-width: 1px;
        border-left-style: solid;
    }

    .sky-form .icon-prepend {
        left: 5px;
        padding-right: 3px;
        border-right-width: 1px;
        border-right-style: solid;
    }

    .sky-form .input .icon-prepend + input, .sky-form .textarea .icon-prepend + textarea {
        padding-left: 46px;
    }

    .sky-form .input .icon-append + input, .sky-form .textarea .icon-append + textarea {
        padding-right: 46px;
    }

    .sky-form .input .icon-prepend + .icon-append + input, .sky-form .textarea .icon-prepend + .icon-append + textarea {
        padding-left: 46px;
    }

    .sky-form .tooltip {
        position: absolute;
        z-index: 1;
        left: -9999px;
        padding: 2px 8px 3px;
        font-size: 11px;
        line-height: 16px;
        font-weight: 400;
        background: rgba(0,0,0,0.9);
        color: #fff;
        opacity: 0;
        -ms-transition: margin .3s,opacity .3s;
        -moz-transition: margin .3s,opacity .3s;
        -webkit-transition: margin .3s,opacity .3s;
    }

        .sky-form .tooltip:after {
            content: '';
            position: absolute;
        }

    .sky-form .input input:focus + .tooltip, .sky-form .textarea textarea:focus + .tooltip {
        opacity: 1;
    }

    .sky-form .tooltip-top-right {
        bottom: 100%;
        margin-bottom: 15px;
    }

        .sky-form .tooltip-top-right:after {
            top: 100%;
            right: 16px;
            border-top: 4px solid rgba(0,0,0,0.9);
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }

    .sky-form .input input:focus + .tooltip-top-right, .sky-form .textarea textarea:focus + .tooltip-top-right {
        right: 0;
        left: auto;
        margin-bottom: 5px;
    }

    .sky-form .tooltip-top-left {
        bottom: 100%;
        margin-bottom: 15px;
    }

        .sky-form .tooltip-top-left:after {
            top: 100%;
            left: 16px;
            border-top: 4px solid rgba(0,0,0,0.9);
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }

    .sky-form .input input:focus + .tooltip-top-left, .sky-form .textarea textarea:focus + .tooltip-top-left {
        right: auto;
        left: 0;
        margin-bottom: 5px;
    }

    .sky-form .tooltip-right {
        top: 9px;
        white-space: nowrap;
        margin-left: 15px;
    }

        .sky-form .tooltip-right:after {
            top: 6px;
            right: 100%;
            border-top: 4px solid transparent;
            border-right: 4px solid rgba(0,0,0,0.9);
            border-bottom: 4px solid transparent;
        }

    .sky-form .input input:focus + .tooltip-right, .sky-form .textarea textarea:focus + .tooltip-right {
        left: 100%;
        margin-left: 5px;
    }

    .sky-form .tooltip-left {
        top: 9px;
        white-space: nowrap;
        margin-right: 15px;
    }

        .sky-form .tooltip-left:after {
            top: 6px;
            left: 100%;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-left: 4px solid rgba(0,0,0,0.9);
        }

    .sky-form .input input:focus + .tooltip-left, .sky-form .textarea textarea:focus + .tooltip-left {
        right: 100%;
        left: auto;
        margin-right: 5px;
    }

    .sky-form .tooltip-bottom-right {
        top: 100%;
        margin-top: 15px;
    }

        .sky-form .tooltip-bottom-right:after {
            bottom: 100%;
            right: 16px;
            border-right: 4px solid transparent;
            border-bottom: 4px solid rgba(0,0,0,0.9);
            border-left: 4px solid transparent;
        }

    .sky-form .input input:focus + .tooltip-bottom-right, .sky-form .textarea textarea:focus + .tooltip-bottom-right {
        right: 0;
        left: auto;
        margin-top: 5px;
    }

    .sky-form .tooltip-bottom-left {
        top: 100%;
        margin-top: 15px;
    }

        .sky-form .tooltip-bottom-left:after {
            bottom: 100%;
            left: 16px;
            border-right: 4px solid transparent;
            border-bottom: 4px solid rgba(0,0,0,0.9);
            border-left: 4px solid transparent;
        }

    .sky-form .input input:focus + .tooltip-bottom-left, .sky-form .textarea textarea:focus + .tooltip-bottom-left {
        right: auto;
        left: 0;
        margin-top: 5px;
    }

    .sky-form .rating label {
        color: #ccc;
        -ms-transition: color .3s;
        -moz-transition: color .3s;
        -webkit-transition: color .3s;
    }

    .sky-form .button {
        background-color: #f1c40f;
        opacity: .8;
        -ms-transition: opacity .2s;
        -moz-transition: opacity .2s;
        -webkit-transition: opacity .2s;
    }

        .sky-form .button.button-secondary {
            background-color: #b3b3b3;
        }

    .sky-form .icon-append, .sky-form .icon-prepend {
        color: #ccc;
    }

    .sky-form .input:hover input, .sky-form .select:hover select, .sky-form .textarea:hover textarea, .sky-form .radio:hover i, .sky-form .checkbox:hover i, .sky-form .toggle:hover i, .sky-form .ui-slider-handle:hover {
        border-color: #8dc9e5;
        /*border-color: #f1f1f1;*/
    }

    .sky-form .button:hover {
        opacity: 1;
    }

    .sky-form .state-error input, .sky-form .state-error select, .sky-form .state-error textarea, .sky-form .radio.state-error i, .sky-form .checkbox.state-error i, .sky-form .toggle.state-error i {
        background: #fff0f0;
    }

        .sky-form .state-error select + i {
            background: #fff0f0;
            box-shadow: 0 0 0 12px #fff0f0;
        }

    .sky-form .toggle.state-error input:checked + i {
        background: #fff0f0;
    }

    .sky-form .state-error + em {
        display: block;
        margin-top: 6px;
        padding: 0 1px;
        font-style: normal;
        font-size: 11px;
        line-height: 15px;
        color: #ee9393;
    }

    .sky-form .rating.state-error + em {
        margin-top: -4px;
        margin-bottom: 4px;
    }

    .sky-form .state-success input, .sky-form .state-success select, .sky-form .state-success textarea, .sky-form .radio.state-success i, .sky-form .checkbox.state-success i, .sky-form .toggle.state-success i {
        background: #f0fff0;
    }

        .sky-form .state-success select + i {
            background: #f0fff0;
            box-shadow: 0 0 0 12px #f0fff0;
        }

    .sky-form .toggle.state-success input:checked + i {
        background: #f0fff0;
    }

    .sky-form .state-success + em {
        display: block;
        margin-top: 6px;
        padding: 0 1px;
        font-style: normal;
        font-size: 11px;
        line-height: 15px;
        color: #ee9393;
    }

    .sky-form .note-success {
        color: #6fb679;
    }

    .sky-form .input.state-disabled input, .sky-form .select.state-disabled, .sky-form .textarea.state-disabled, .sky-form .radio.state-disabled, .sky-form .checkbox.state-disabled, .sky-form .toggle.state-disabled, .sky-form .button.state-disabled {
        cursor: default;
        opacity: .5;
    }

        .sky-form .input.state-disabled:hover input, .sky-form .select.state-disabled:hover select, .sky-form .textarea.state-disabled:hover textarea, .sky-form .radio.state-disabled:hover i, .sky-form .checkbox.state-disabled:hover i, .sky-form .toggle.state-disabled:hover i {
            border-color: #ccc;
        }

    .sky-form .message {
        display: none;
        color: #6fb679;
    }

        .sky-form .message i {
            display: block;
            margin: 0 auto 20px;
            width: 81px;
            height: 81px;
            border: 1px solid #6fb679;
            border-radius: 50%;
            font-size: 30px;
            line-height: 81px;
        }

    .sky-form.submited fieldset, .sky-form.submited footer {
        display: none;
    }

    .sky-form.submited .message {
        display: block;
        padding: 25px 30px;
        background: rgba(255,255,255,0.9);
        font: 300 18px/27px 'Open Sans',Helvetica,Arial,sans-serif;
        text-align: center;
    }

.ui-datepicker {
    display: none;
    padding: 10px 12px;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    font: 13px/1.55 'Open Sans',Helvetica,Arial,sans-serif;
    text-align: center;
    color: #666;
}

    .ui-datepicker a {
        color: #404040;
    }

.ui-datepicker-header {
    position: relative;
    margin: -10px -12px 10px;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-size: 15px;
    line-height: 27px;
}

.ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    top: 0;
    display: block;
    width: 47px;
    height: 47px;
    font-size: 15px;
    line-height: 47px;
    text-decoration: none;
    cursor: pointer;
}

.ui-datepicker-prev {
    left: 0;
}

.ui-datepicker-next {
    right: 0;
}

.ui-datepicker-calendar {
    border-collapse: collapse;
    font-size: 13px;
    line-height: 27px;
}

    .ui-datepicker-calendar th {
        color: #999;
    }

    .ui-datepicker-calendar a, .ui-datepicker-calendar span {
        display: block;
        width: 31px;
        margin: auto;
        text-decoration: none;
        color: #404040;
    }

        .ui-datepicker-calendar a:hover {
            background: rgba(0,0,0,0.05);
        }

    .ui-datepicker-calendar span {
        color: #bfbfbf;
    }

.ui-datepicker-today a {
    font-weight: 700;
}

.ui-datepicker-calendar .ui-state-active {
    background: rgba(0,0,0,0.05);
    cursor: default;
}

.ui-datepicker-inline .ui-datepicker-calendar {
    width: 100%;
}

.sky-form-modal {
    position: fixed;
    z-index: 1;
    display: none;
    width: 400px;
}

.sky-form-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.sky-form i, .sky-form i:after, .sky-form i:before {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.sky-form .label {
    border-radius: 0;
    font-size: 100%;
    text-align: left;
    white-space: normal;
    color: inherit;
    padding: 0;
    color: #333;
}

.sky-form .radio, .sky-form .checkbox {
    margin: 0;
    font-weight: 400;
}

    .sky-form .radio + .radio, .sky-form .checkbox + .checkbox {
        margin-top: 0;
    }