@font-face {
    font-family: 'socicon';
    src: url("../assets/fonts/socicon.eot");
    src: url("../assets/fonts/socicon.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/socicon.woff") format("woff"), url("../assets/fonts/socicon.woff2") format("woff2"), url("../assets/fonts/socicon.ttf") format("truetype"), url("../assets/fonts/socicon.svg#sociconregular") format("svg");
    font-weight: 400;
    font-style: normal;
    text-transform: initial;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        /* Firefox 16+*/
    }

    100% {
        -moz-transform: rotate(360deg);
        /* Firefox 16+*/
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

.label {
    border-radius: 0;
}

.label-primary {
    background: #209e91;
}

.label-info {
    background: #63bbb2;
}

.label-success {
    background: #90b900;
}

.label-warning {
    background: #dfb81c;
}

.label-danger {
    background: #e85656;
}

.form-horizontal label {
    line-height: 34px;
    margin-bottom: 0;
    padding-top: 0 !important;
}

.form-group label {
    margin-bottom: 5px;
    color: #666666;
    font-weight: 500;
    font-size: 13px;
}

.form-control {
    color: #666666;
    border: 1px solid #cbcbcb;
    border-radius: 0px;
    background-color: #ffffff;
    box-shadow: none;
}

    .form-control::-webkit-input-placeholder {
        color: #666666;
        opacity: 0.7;
    }

    .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #666666;
        opacity: 0.7;
    }

    .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #666666;
        opacity: 0.7;
    }

    .form-control:-ms-input-placeholder {
        color: #666666;
        opacity: 0.7;
    }

    .form-control:focus {
        box-shadow: none;
        border-color: #c5c5c5;  /*#4db1a7;*/
        background: #ffffff !important;
        color: #666666;
    }

select.form-control {
    padding-left: 8px;
}

textarea.form-control {
    height: 96px;
}

.form-inline .form-group input {
    width: 100%;
}

.form-inline .form-group label {
    margin-right: 12px;
}

.form-inline button[type="submit"] {
    margin-left: 12px;
}

.form-inline label.custom-checkbox > span, .form-inline label.custom-radio > span {
    display: block;
    margin-top: -13px;
    margin-right: 10px;
}

.switch-container {
    display: inline-block;
}

    .switch-container.primary .bootstrap-switch.bootstrap-switch-on {
        border-color: #209e91;
    }

    .switch-container.success .bootstrap-switch.bootstrap-switch-on {
        border-color: #90b900;
    }

    .switch-container.warning .bootstrap-switch.bootstrap-switch-on {
        border-color: #dfb81c;
    }

    .switch-container.danger .bootstrap-switch.bootstrap-switch-on {
        border-color: #e85656;
    }

    .switch-container.info .bootstrap-switch.bootstrap-switch-on {
        border-color: #63bbb2;
    }

.bootstrap-switch {
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: border-color ease-in-out .7s, box-shadow ease-in-out .7s;
}

    .bootstrap-switch:focus {
        outline: none;
    }

    .bootstrap-switch.bootstrap-switch-off {
        border-color: #ffffff;
    }

    .bootstrap-switch.bootstrap-switch-focused {
        box-shadow: none;
    }

        .bootstrap-switch.bootstrap-switch-focused.bootstrap-switch-off {
            border-color: #ffffff;
        }

    .bootstrap-switch .bootstrap-switch-container {
        border-radius: 0;
    }

        .bootstrap-switch .bootstrap-switch-container:focus {
            outline: none;
        }

    .bootstrap-switch .bootstrap-switch-handle-on {
        border-radius: 0;
    }

        .bootstrap-switch .bootstrap-switch-handle-on .bootstrap-switch-default {
            background: rgba(0, 0, 0, 0.2);
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
            background: #90b900;
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
            background: #209e91;
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
            background: #dfb81c;
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
            background: #e85656;
        }

        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
            background: #63bbb2;
        }

    .bootstrap-switch .bootstrap-switch-handle-off {
        border-radius: 0;
    }

    .bootstrap-switch .bootstrap-switch-label {
        background: transparent;
    }

    .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
        transition: margin-left .2s;
    }

.switches {
    margin-left: -12px;
    margin-bottom: -12px;
}

    .switches .switch-container {
        float: left;
        margin-left: 12px;
        margin-bottom: 12px;
    }

.input-group {
    width: 100%;
    margin-bottom: 15px;
}

    .input-group > span {
        border-radius: 0;
    }

label.custom-checkbox, label.custom-radio {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
}

    label.custom-checkbox > input, label.custom-radio > input {
        height: 0;
        z-index: -100 !important;
        opacity: 0;
        position: absolute;
    }

        label.custom-checkbox > input:checked + span:before, label.custom-radio > input:checked + span:before {
            content: "\f00c";
            font-weight: 300;
        }

        label.custom-checkbox > input:disabled + span, label.custom-radio > input:disabled + span {
            color: #dddddd;
            cursor: not-allowed;
        }

            label.custom-checkbox > input:disabled + span:before, label.custom-radio > input:disabled + span:before {
                border-color: #dddddd !important;
                cursor: not-allowed;
            }

    label.custom-checkbox > span, label.custom-radio > span {
        position: relative;
        display: inline-block;
        margin: 0;
        line-height: 16px;
        font-weight: 300;
        cursor: pointer;
        padding-left: 22px;
        width: 100%;
    }

        label.custom-checkbox > span:before, label.custom-radio > span:before {
            cursor: pointer;
            font-family: fontAwesome;
            font-weight: 300;
            font-size: 12px;
            color: #666666;
            content: "\a0";
            background-color: transparent;
            border: 1px solid #d6d6d6;
            border-radius: 0;
            display: inline-block;
            text-align: center;
            height: 16px;
            line-height: 14px;
            min-width: 16px;
            margin-right: 6px;
            position: relative;
            top: 0;
            margin-left: -22px;
            float: left;
        }

        label.custom-checkbox > span:hover:before, label.custom-radio > span:hover:before {
            border-color: #4db1a7;
        }

.nowrap {
    white-space: nowrap;
}

.cut-with-dots {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

label.custom-radio > input:checked + span:before {
    content: "\f111";
}

label.custom-radio > span:before {
    border-radius: 16px;
    font-size: 9px;
}

label.custom-input-primary > span:before {
    color: #209e91;
}

label.custom-input-primary > span:hover:before {
    border-color: #209e91;
}

label.custom-input-success > span:before {
    color: #90b900;
}

label.custom-input-success > span:hover:before {
    border-color: #90b900;
}

label.custom-input-warning > span:before {
    color: #dfb81c;
}

label.custom-input-warning > span:hover:before {
    border-color: #dfb81c;
}

label.custom-input-danger > span:before {
    color: #e85656;
}

label.custom-input-danger > span:hover:before {
    border-color: #e85656;
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0px;
}

.input-demo {
    line-height: 25px;
}

.has-success .control-label {
    color: #ffffff;
}

.has-success .form-control {
    border: 1px solid #a6c733;
}

    .has-success .form-control:focus {
        box-shadow: none;
        border-color: #90b900;
    }

.has-success label.custom-checkbox, .has-success label.custom-radio {
    color: #a6c733;
}

    .has-success label.custom-checkbox > span:before, .has-success label.custom-radio > span:before {
        color: #a6c733;
    }

    .has-success label.custom-checkbox > span:hover:before, .has-success label.custom-radio > span:hover:before {
        border-color: #a6c733;
    }

.has-success .form-control-feedback {
    color: #a6c733;
}

.has-success .input-group-addon {
    background-color: #a6c733;
    color: #ffffff;
}

.has-warning .control-label {
    color: #ffffff;
}

.has-warning .form-control {
    border: 1px solid #e5c649;
}

    .has-warning .form-control:focus {
        box-shadow: none;
        border-color: #dfb81c;
    }

.has-warning label.custom-checkbox, .has-warning label.custom-radio {
    color: #e5c649;
}

    .has-warning label.custom-checkbox > span:before, .has-warning label.custom-radio > span:before {
        color: #e5c649;
    }

    .has-warning label.custom-checkbox > span:hover:before, .has-warning label.custom-radio > span:hover:before {
        border-color: #e5c649;
    }

.has-warning .form-control-feedback {
    color: #e5c649;
}

.has-warning .input-group-addon {
    background-color: #e5c649;
    color: #ffffff;
}

.has-error .control-label {
    color: #ffffff;
}

.has-error .form-control {
    border: 1px solid #ed7878;
}

    .has-error .form-control:focus {
        box-shadow: none;
        border-color: #e85656;
    }

.has-error label.custom-checkbox, .has-error label.custom-radio {
    color: #ed7878;
}

    .has-error label.custom-checkbox > span:before, .has-error label.custom-radio > span:before {
        color: #ed7878;
    }

    .has-error label.custom-checkbox > span:hover:before, .has-error label.custom-radio > span:hover:before {
        border-color: #ed7878;
    }

.has-error .form-control-feedback {
    color: #ed7878;
}

.has-error .input-group-addon {
    background-color: #ed7878;
    color: #ffffff;
}

.has-feedback label ~ .form-control-feedback {
    top: 21px;
    font-size: 18px;
}

.bootstrap-select .btn-default:focus {
    color: #ffffff;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eeeeee;
    /*color: #dddddd;*/
    border-color: transparent;
}

    .form-control[disabled]::-webkit-input-placeholder, .form-control[readonly]::-webkit-input-placeholder, fieldset[disabled] .form-control::-webkit-input-placeholder {
        color: #666666;
        opacity: 0.5;
    }

    .form-control[disabled]:-moz-placeholder, .form-control[readonly]:-moz-placeholder, fieldset[disabled] .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #666666;
        opacity: 0.5;
    }

    .form-control[disabled]::-moz-placeholder, .form-control[readonly]::-moz-placeholder, fieldset[disabled] .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #666666;
        opacity: 0.5;
    }

    .form-control[disabled]:-ms-input-placeholder, .form-control[readonly]:-ms-input-placeholder, fieldset[disabled] .form-control:-ms-input-placeholder {
        color: #666666;
        opacity: 0.5;
    }

.form-control-rounded {
    border-radius: 16px;
}

.help-block {
    color: #eeeeee;
}

    .help-block.error-block {
        display: none;
    }

.has-error .help-block.error-block.basic-block {
    display: block;
}

.input-group-addon-danger {
    background: #e85656;
    color: #ffffff;
    border-color: #e85656;
}

.input-group-addon-warning {
    background: #dfb81c;
    color: #ffffff;
    border-color: #dfb81c;
}

.input-group-addon-success {
    background: #90b900;
    color: #ffffff;
    border-color: #90b900;
}

.input-group-addon-primary {
    background: #209e91;
    color: #ffffff;
    border-color: #209e91;
}

.checkbox-demo-row {
    margin-bottom: 12px;
}

.dropdown-menu {
    border-radius: 5px;
}

.bootstrap-select.btn-group button.btn.btn-default {
    background: transparent;
    color: #ffffff;
}

    .bootstrap-select.btn-group button.btn.btn-default:hover {
        background: rgba(0, 0, 0, 0.2);
        box-shadow: none;
        outline: 0 !important;
    }

    .bootstrap-select.btn-group button.btn.btn-default:active {
        background: rgba(0, 0, 0, 0.2);
        box-shadow: none;
    }

.bootstrap-select.btn-group.open > .btn.btn-default.dropdown-toggle {
    background: rgba(0, 0, 0, 0.2);
    box-shadow: none;
    border-color: #ffffff;
}

.bootstrap-select.btn-group.open > .btn {
    border-radius: 5px 5px 0 0;
}

.bootstrap-select.btn-group.open .dropdown-menu.open {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.bootstrap-select.btn-group.with-search.open .btn-default + .dropdown-menu .bs-searchbox .form-control {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
}

.bootstrap-select.btn-group.with-search.open .btn-default + .dropdown-menu .no-results {
    color: #7d7d7d;
}

.bootstrap-select.btn-group .notify {
    color: #7d7d7d;
}

.bootstrap-tagsinput {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: none;
    max-width: 100%;
    font-size: 14px;
    line-height: 26px;
    width: 100%;
}

    .bootstrap-tagsinput.form-control {
        display: block;
        width: 100%;
    }

    .bootstrap-tagsinput .tag {
        border-radius: 3px;
        font-weight: 400;
        font-size: 11px;
        padding: 4px 8px;
    }

        .bootstrap-tagsinput .tag [data-role="remove"]:hover {
            box-shadow: none;
        }

    .bootstrap-tagsinput input {
        background-color: rgba(0, 0, 0, 0.15);
        border: 1px solid transparent;
        border-radius: 5px;
        line-height: 22px;
        font-size: 11px;
        min-width: 53px;
    }

        .bootstrap-tagsinput input::-webkit-input-placeholder {
            color: #666666;
            opacity: 0.8;
        }

        .bootstrap-tagsinput input:-moz-placeholder {
            /* Firefox 18- */
            color: #666666;
            opacity: 0.8;
        }

        .bootstrap-tagsinput input::-moz-placeholder {
            /* Firefox 19+ */
            color: #666666;
            opacity: 0.8;
        }

        .bootstrap-tagsinput input:-ms-input-placeholder {
            color: #666666;
            opacity: 0.8;
        }

.progress {
    background: rgba(0, 0, 0, 0.15);
}

.progress-bar-primary {
    background-color: #209e91;
}

.progress-bar-success {
    background-color: #b1ce4d;
}

.progress-bar-warning {
    background-color: #dfb81c;
}

.progress-bar-danger {
    background-color: #e85656;
}

.has-success .input-group-addon {
    border: none;
}

.input-group > span.addon-left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.input-group > span.addon-right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.with-primary-addon:focus {
    border-color: #209e91;
}

.with-warning-addon:focus {
    border-color: #dfb81c;
}

.with-success-addon:focus {
    border-color: #90b900;
}

.with-danger-addon:focus {
    border-color: #e85656;
}

.sub-little-text {
    font-size: 12px;
}
