body { font-family:'Microsoft YaHei'
}
.form-control, .label, .panel-group, .panel-group .panel, .list-group-item:first-child, .list-group-item:last-child, .tooltip-inner, .nav-tabs > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.alert {
    border: none;
    color: #fff;
    text-shadow: none;
    padding: 10px 15px;
    background: #f5f5f5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .alert .alert-link {
        font-weight: normal;
        color: #fff;
        text-decoration: underline;
    }

        .alert .alert-link:hover {
            text-decoration: none;
        }

    .alert.alert-info {
        background: #35b494;
    }

    .alert.alert-danger {
        background: #d83b4b;
    }

    .alert.alert-success {
        background: #87be4a;
    }

    .alert.alert-warning {
        background: #f6b738;
    }

    .alert.alert-dismissable .close {
        opacity: .4;
        filter: alpha(opacity= 40 );
    }

.btn {
    -webkit-transition: all 275ms ease-in;
    transition: all 275ms ease-in;
}

    .btn.active, .btn:active {
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #fff;
        border-color: #e0e0e0;
    }

    .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

    .btn-default.btn-outline {
        color: #fff;
        background: #fff;
        border-width: 2px;
    }

        .btn-default.btn-outline:hover, .btn-default.btn-outline:focus, .btn-default.btn-outline.focus, .btn-default.btn-outline:active, .btn-default.btn-outline.active {
            border-color: #adadad;
        }

    .btn-default.btn-outline {
        color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #3bafda;
    border-color: #3bafda;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #5dbde0;
        border-color: #5dbde0;
    }

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

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

    .btn-primary .badge {
        color: #3bafda;
        background-color: #fff;
    }

    .btn-primary.btn-outline {
        color: #3bafda;
        background: #fff;
        border-width: 2px;
    }

        .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline.focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active {
            border-color: #228eb6;
        }

.btn-success {
    color: #fff;
    background-color: #8cc152;
    border-color: #8cc152;
}

    .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #a0cc70;
        border-color: #a0cc70;
    }

    .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #8cc152;
        border-color: #8cc152;
    }

    .btn-success .badge {
        color: #8cc152;
        background-color: #fff;
    }

    .btn-success.btn-outline {
        color: #8cc152;
        background: #fff;
        border-width: 2px;
    }

        .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline.focus, .btn-success.btn-outline:active, .btn-success.btn-outline.active {
            border-color: #6d9d38;
        }

.btn-info {
    color: #fff;
    background-color: #37bc9b;
    border-color: #37bc9b;
}

    .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #50ccad;
        border-color: #50ccad;
    }

    .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
        background-color: #37bc9b;
        border-color: #37bc9b;
    }

    .btn-info .badge {
        color: #37bc9b;
        background-color: #fff;
    }

    .btn-info.btn-outline {
        color: #37bc9b;
        background: #fff;
        border-width: 2px;
    }

        .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline.focus, .btn-info.btn-outline:active, .btn-info.btn-outline.active {
            border-color: #298d74;
        }

.btn-warning {
    color: #fff;
    background-color: #f6bb42;
    border-color: #f6bb42;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #f8c969;
        border-color: #f8c969;
    }

    .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
        background-color: #f6bb42;
        border-color: #f6bb42;
    }

    .btn-warning .badge {
        color: #f6bb42;
        background-color: #fff;
    }

    .btn-warning.btn-outline {
        color: #f6bb42;
        background: #fff;
        border-width: 2px;
    }

        .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline.focus, .btn-warning.btn-outline:active, .btn-warning.btn-outline.active {
            border-color: #efa50b;
        }

.btn-danger {
    color: #fff;
    background-color: #da4453;
    border-color: #da4453;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #e16672;
        border-color: #e16672;
    }

    .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
        background-color: #da4453;
        border-color: #da4453;
    }

    .btn-danger .badge {
        color: #da4453;
        background-color: #fff;
    }

    .btn-danger.btn-outline {
        color: #da4453;
        background: #fff;
        border-width: 2px;
    }

        .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline.focus, .btn-danger.btn-outline:active, .btn-danger.btn-outline.active {
            border-color: #bc2534;
        }

.btn-group .open .dropdown-toggle, .input-group .open .dropdown-toggle {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-bottom: 5px;
}

button.close {
    text-shadow: none;
}

.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    font-size: 13px;
}

    .dropdown-menu > li {
        margin: 0 5px;
    }

        .dropdown-menu > li > a {
            padding: 3px 10px;
        }

            .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
                background: #eee;
            }

.label {
    padding: 2px 4px;
    font-weight: normal;
}

    label.label-primary, .badge.badge-primary, .label.label-info, .badge.badge-info, .label.label-success, .badge.badge-success, .label.label-warning, .badge.badge-warning, .label.label-danger, .badge.badge-danger, .label.label-inverse, .badge.badge-inverse {
        color: #fff;
    }

    .label.label-primary, .badge.badge-primary {
        background-color: #3bafda;
    }

    .label.label-info, .badge.badge-info {
        background-color: #37bc9b;
    }

    .label.label-success, .badge.badge-success {
        background-color: #8cc152;
    }

    .label.label-warning, .badge.badge-warning {
        background-color: #f6bb42;
    }

    .label.label-danger, .badge.badge-danger {
        background-color: #da4453;
    }

.list-group-item {
    border: none;
}

    .list-group-item + .list-group-item {
        border-top: 1px solid #eee;
    }

    .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
        background: #eee;
        color: #222;
        z-index: auto;
        border-color: #eee;
    }

a.list-group-item:hover, a.list-group-item:focus {
    background: #eee;
}

.list_group_sep .list-group-item {
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .list_group_sep .list-group-item + .list-group-item {
        margin-top: 4px;
    }

    .list_group_sep .list-group-item a {
        color: #555;
    }

.list_group_sep .progress {
    margin: 4px 0 0;
}

.list_group_sep .list_icon {
    color: #f1c40f;
    font-size: 18px;
}

.modal-header {
    padding: 10px 15px;
}

    .modal-header h4 {
        font: 400 18px / 22px "Open Sans",Arial,sans-serif;
    }

.modal-content {
    border: none;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.modal-footer {
    text-align: center;
    background: #f8f8f8;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.modal-backdrop.in {
    opacity: .3;
    filter: alpha(opacity= 30 );
}

.panel-group .panel {
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    border: none;
}

    .panel-group .panel .panel-heading {
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .panel-group .panel .panel-heading .panel-title {
            font: 400 14px / 20px "Open Sans",Arial,sans-serif;
        }

            .panel-group .panel .panel-heading .panel-title a {
                display: block;
                padding: 10px 15px;
                color: #222;
                position: relative;
            }

                .panel-group .panel .panel-heading .panel-title a, .panel-group .panel .panel-heading .panel-title a:hover, .panel-group .panel .panel-heading .panel-title a:focus {
                    text-decoration: none;
                }

                    .panel-group .panel .panel-heading .panel-title a:after {
                        position: absolute;
                        top: 20px;
                        right: 20px;
                        content: '';
                        display: block;
                        width: 0;
                        height: 0;
                        border: 4px solid transparent;
                        border-top-color: rgba(0,0,0,0.4);
                    }

        .panel-group .panel .panel-heading + .panel-collapse .panel-body {
            font-size: 13px;
            border-top: none;
            padding-top: 0;
            color: #222;
        }

    .panel-group .panel + .panel {
        margin-top: 2px;
    }

    .panel-group .panel.panel-default .panel-heading {
        background: #f6f6f6;
    }

    .panel-group .panel.panel-success .panel-heading a, .panel-group .panel.panel-danger .panel-heading a, .panel-group .panel.panel-warning .panel-heading a, .panel-group .panel.panel-info .panel-heading a {
        color: #fff;
    }

    .panel-group .panel.panel-success .panel-heading {
        background: #8cc152;
    }

    .panel-group .panel.panel-danger .panel-heading {
        background: #da4453;
    }

    .panel-group .panel.panel-warning .panel-heading {
        background: #f6bb42;
    }

    .panel-group .panel.panel-info .panel-heading {
        background: #37bc9b;
    }

    .panel-group .panel.panel-active .panel-heading {
        background: #fff;
    }

        .panel-group .panel.panel-active .panel-heading .panel-title a {
            font-weight: 700;
        }

            .panel-group .panel.panel-active .panel-heading .panel-title a:after {
                border-top-color: transparent;
                border-bottom-color: rgba(0,0,0,0.4);
                top: 14px;
            }

.table .cw {
    width: 1%;
    white-space: nowrap;
}

.table .cwr {
    text-align: right;
}

.table .cwc {
    text-align: center;
}

.table-yuk {
    border-collapse: separate;
    border-spacing: 2px;
}

    .table-yuk > thead > tr > th {
        font-size: 13px;
        background: #dadfe1;
        border: none;
    }

    .table-yuk > thead > tr > th, .table-yuk > thead > tr > td, .table-yuk > tbody > tr > th, .table-yuk > tbody > tr > td, .table-yuk > tfoot > tr > th, .table-yuk > tfoot > tr > td {
        border-top: none;
    }

    .table-yuk > tbody > tr:nth-child(2n) > td, .table-yuk > tbody > tr:nth-child(2n) > th {
        background: #f8f8f8;
    }

.table-yuk2 > thead > tr > th {
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 2px solid #aab2bd;
    vertical-align: middle;
}

.table-yuk2 > tbody > tr:nth-child(2n) > td, .table-yuk2 > tbody > tr:nth-child(2n) > th {
    background: #f8f8f8;
}

.table-yuk2.bg-fill > tbody > tr > td {
    background: #f5f5f5;
}

label {
    font-size: 13px;
    font-weight: normal;
}

/*legend {
    border-width: 0 0 1px;
    border-style: dashed;
    border-color: #ddd;
    padding-bottom: 6px;
    font-size: 15px;
}*/

.form-control {
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .form-control:-moz-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-control.placeholder {
        color: #bdc3c7;
    }

    .form-control:focus {
        -webkit-backface-visibility: hidden;
        outline: none;
        -webkit-transition: 0.25s;
        transition: 0.25s;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-color: #168cbe;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        opacity: .4;
        filter: alpha(opacity= 40 );
    }

.input-group-addon {
    background-color: #d3d7d7;
    border-color: #d3d7d7;
}

    .input-group-addon.input-group-success {
        background-color: #fcfefb;
        border-color: #fcfefb;
    }

    .input-group-addon.input-group-info {
        background-color: #a7e5d6;
        border-color: #a7e5d6;
    }

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

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

    .input-group-addon.input-group-primary {
        background-color: #fcfefe;
        border-color: #fcfefe;
    }

.radio, .radio-inline, .checkbox, .checkbox-inline {
    margin-right: 10px;
}

    .radio input, .radio-inline input, .checkbox input, .checkbox-inline input {
        margin-top: 2px;
    }

    .radio label, .radio-inline label, .checkbox label, .checkbox-inline label {
        display: inline-block;
        font-size: 13px;
        vertical-align: 2px;
        margin: 0;
    }

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-left: 0;
    }

.req:after {
    content: ' *';
    color: #c0392b;
    font-size: 17px;
    line-height: 15px;
}

.help-block {
    font-size: 12px;
    color: #888;
    margin-bottom: 0;
}

.has-warning .form-control, .has-error .form-control, .has-info .form-control, .has-success .form-control, .has-warning .form-control:focus, .has-error .form-control:focus, .has-info .form-control:focus, .has-success .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

    .has-warning .form-control:focus {
        border-color: #e19b0b;
    }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #f6bb42;
}

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

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

    .has-error .form-control:focus {
        border-color: #af2331;
    }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #da4453;
}

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

.has-info .form-control {
    border: 1px solid #37bc9b;
}

    .has-info .form-control:focus {
        border-color: #26816a;
    }

.has-info .help-block, .has-info .control-label, .has-info .radio, .has-info .checkbox, .has-info .radio-inline, .has-info .checkbox-inline {
    color: #37bc9b;
}

.has-info .form-control-feedback {
    color: #37bc9b;
}

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

    .has-success .form-control:focus {
        border-color: #659234;
    }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #8cc152;
}

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

.has-feedback .form-control-feedback {
    top: auto;
    bottom: 0;
}

.input-group {
    width: 100%;
}

.row + .row {
    margin-top: 30px;
}

.row + .row-sm-sep {
    margin-top: 10px;
}

.row_full {
    margin-left: -25px;
    margin-right: -25px;
    padding: 15px 0;
    background: #ecf0f1;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e2e2e2;
}

.nav-tabs {
    border-bottom-color: #ddd;
}

    .nav-tabs > li {
        margin: 0 2px -1px 0;
        background: none;
    }

        .nav-tabs > li > a {
            background: #f5f5f5;
            padding: 8px 10px 7px;
            margin: 0;
            border: 1px solid transparent;
        }

            .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
                border: 1px solid transparent;
                background: #e8e8e8;
            }

        .nav-tabs > li.active > a {
            border-top-color: transparent;
            position: relative;
            padding-bottom: 10px;
        }

            .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
                background: #fff;
                border-color: #ddd;
                border-bottom-color: #fff;
            }

                .nav-tabs > li.active > a:before {
                    content: '';
                    display: block;
                    width: 100%;
                    left: 0;
                    top: -2px;
                    height: 2px;
                    background: #3bafda;
                    position: absolute;
                }

        .nav-tabs > li.disabled > a, .nav-tabs > li.disabled > a:hover, .nav-tabs > li.disabled > a:focus {
            background: #fff;
            color: #999;
        }

    .nav-tabs.nav-justified > li.active > a {
        padding-bottom: 7px;
    }

    .nav-tabs.nav-justified > li.disabled > a {
        border-bottom: 1px solid #ddd;
    }

.tab-content {
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 14px 10px;
}

.progress {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .progress, .progress .progress-bar {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.progress {
    height: 12px;
    overflow: hidden;
    background-color: #ecf0f1;
}

    .progress + .help-block {
        margin-top: -18px;
        position: relative;
    }

    .progress .progress-bar {
        background-color: #3bafda;
        font-size: 11px;
        line-height: 12px;
    }

    .progress-success .progress-bar, .progress .progress-bar-success, .progress-success.progress-striped .progress-bar, .progress-striped .progress-bar-success {
        background-color: #8cc152;
    }

    .progress-info .progress-bar, .progress .progress-bar-info, .progress-info.progress-striped .progress-bar, .progress-striped .progress-bar-info {
        background-color: #37bc9b;
    }

    .progress-danger .progress-bar, .progress .progress-bar-danger, .progress-danger.progress-striped .progress-bar, .progress-striped .progress-bar-danger {
        background-color: #da4453;
    }

    .progress-warning .progress-bar, .progress .progress-bar-warning, .progress-warning.progress-striped .progress-bar, .progress-striped .progress-bar-warning {
        background-color: #f6bb42;
    }

.tooltip-inner {
    background-color: rgba(0,0,0,0.9);
}

.tooltip.top .tooltip-arrow {
    border-top-color: rgba(0,0,0,0.9);
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: rgba(0,0,0,0.9);
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: rgba(0,0,0,0.9);
}

.tooltip.right .tooltip-arrow {
    border-right-color: rgba(0,0,0,0.9);
}

.tooltip.left .tooltip-arrow {
    border-left-color: rgba(0,0,0,0.9);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(0,0,0,0.9);
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: rgba(0,0,0,0.9);
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: rgba(0,0,0,0.9);
}

.popover {
    z-index: 1010;
}

.text-success {
    color: #8cc152;
}

.text-danger {
    color: #da4453;
}

.text-info {
    color: #37bc9b;
}

.text-warning {
    color: #f6bb42;
}

.pagination {
    margin: 10px 0;
}

    .pagination > li > a, .pagination > li > span {
        display: inline-block;
        color: #3b73af;
        background-color: #fff;
        border: 1px solid #ddd;
        font-family: "Open Sans",sans-serif;
    }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            color: #222;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        color: #222;
        background-color: #eee;
        border-color: #ddd;
    }

textarea, input[type="text"], input[type="email"], input[type="password"], input[type="submit"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    button {
        margin: 0;
    }
}

body, html {
    height: 100%;
    width: 100%;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

body {
    background: #fff;
    color: #222;
    /*padding-top: 48px;*/
    /*width: 100%;*/
}

a {
    color: #3b73af;
    cursor: pointer;
}

a, .btn {
    outline: none !important;
}

    a:hover, .btn:hover, a:focus, .btn:focus {
        text-decoration: none;
    }

h1 {
    font: 400 36px / 1.1 "Open Sans",Arial,sans-serif;
}

h2 {
    font: 400 30px / 1.1 "Open Sans",Arial,sans-serif;
}

h3 {
    font: 400 26px / 1.1 "Open Sans",Arial,sans-serif;
}

h4 {
    font: 400 20px / 1.1 "Open Sans",Arial,sans-serif;
}

h5 {
    font: 400 16px / 1.1 "Open Sans",Arial,sans-serif;
}

.page_heading {
    margin: 0 0 30px;
    font: 400 26px / 36px "Open Sans",Arial,sans-serif;
}

    .page_heading > span {
        display: block;
        font: 400 18px / 22px "Open Sans",Arial,sans-serif;
    }

.row_full .page_heading, .row .page_heading {
    margin: 0;
}

.heading_a {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin: 0 0 15px;
    padding: 0 4px 4px;
}

    .heading_a .heading_text {
        font: 400 16px / 22px "Open Sans",Arial,sans-serif;
        color: #333;
        text-transform: uppercase;
    }

    .heading_a .heading_icon {
        font-size: 16px;
        line-height: 22px;
        margin-right: 4px;
        color: #999;
    }

    .heading_a + .row {
        margin-top: 20px;
    }

.heading_b {
    margin: 0 0 10px;
}

    .heading_b .heading_text {
        font: 400 14px / 20px "Open Sans",Arial,sans-serif;
        text-transform: uppercase;
    }

.text_hr {
    margin: 10px 0;
    text-align: center;
    position: relative;
}

    .text_hr > span {
        display: inline-block;
        font-size: 13px;
        padding: 0 10px;
        background: #fff;
        position: relative;
        z-index: 10;
        color: #555;
    }

    .text_hr:after {
        position: absolute;
        left: 0;
        top: 11px;
        width: 100%;
        border-top: 1px solid #eee;
        height: 0;
        content: '';
        z-index: 1;
    }

.sepH_a {
    margin-bottom: 10px;
}

.sepH_b {
    margin-bottom: 20px;
}

.sepH_c {
    margin-bottom: 30px;
}

.info_box_var_1 {
    color: #fff;
}

    .info_box_var_1.box_bg_a {
        background: #37bc9b;
    }

    .info_box_var_1.box_bg_b {
        background: #da4453;
    }

    .info_box_var_1.box_bg_c {
        background: #f6bb42;
    }

    .info_box_var_1.box_bg_d {
        background: #4a89dc;
    }



    .info_box_var_1.box_bg_e {
        background: #ffce54;
    }

    .info_box_var_1.box_bg_f {
        background: #fc6e51;
    }

    .info_box_var_1.box_bg_g {
        background: #ac92ec;
    }

    .info_box_var_1.box_bg_h {
        background: #ec87c0;
    }









    .info_box_var_1 .info_box_body {
        padding: 10px 20px;
        height: 60px;
        font: 300 32px / 38px "Open Sans",Arial,sans-serif;
        position: relative;
    }

        .info_box_var_1 .info_box_body .info_box_icon {
            position: absolute;
            right: 20px;
            top: 14px;
            font-size: 32px;
            color: #fff;
        }

    .info_box_var_1 .info_box_footer {
        padding: 4px 20px;
        background: rgba(0,0,0,0.2);
    }

.list_a, .list_b, .list_c, .list_d {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .list_a li, .list_b li, .list_c li, .list_d li {
        position: relative;
        padding-left: 16px;
    }

        .list_a li:before, .list_b li:before, .list_c li:before, .list_d li:before {
            position: absolute;
            content: '';
            top: 8px;
            left: 2px;
            width: 5px;
            height: 5px;
            display: block;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .list_a li:before {
            background: #3bafda;
        }

        .list_b li:before {
            background: #f6bb42;
        }

        .list_c li:before {
            background: #da4453;
        }

        .list_d li:before {
            background: #8cc152;
        }

#main_wrapper {
    padding: 25px 10px 40px;
    background: #fff;
    /*padding-left:10px;*/
    font-family:'Microsoft YaHei'
}

    #main_wrapper h1 {     font-family:'Microsoft YaHei'; line-height:76px;
    }
        #main_wrapper  h3 span{     font-family:'Microsoft YaHei'
    }
@media only screen and (min-width:1120px) {
    .fixed_layout {
        background: #fafafa;
    }

        .fixed_layout #page_wrapper {
            width: 1100px !important;
            margin: 0 auto;
            border-width: 0 1px;
            border-style: solid;
            border-color: rgba(0,0,0,0.13);
            min-height: 100%;
            background: #fff;
        }

        .fixed_layout.side_menu_expanded #main_menu {
            -webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.25);
            box-shadow: 4px 0 8px rgba(0, 0, 0, 0.25);
            border-right-color: transparent;
        }

        .fixed_layout.side_menu_collapsed .container, .fixed_layout.side_menu_expanded .container, .fixed_layout.side_menu_collapsed .container-fluid, .fixed_layout.side_menu_expanded .container-fluid {
            width: 1038px !important;
        }

        .fixed_layout #main_header {
            margin-left: -550px;
            left: 50%;
        }

            .fixed_layout #main_header, .fixed_layout #main_header .container, .fixed_layout #main_header .container-fluid {
                width: 1100px !important;
            }

        .fixed_layout.side_menu_active #main_menu {
            left: 50%;
            margin-left: -549px;
        }

        .fixed_layout.side_menu_expanded #main_wrapper, .fixed_layout.side_menu_expanded #breadcrumbs {
            margin-left: 42px;
        }

        .fixed_layout.side_menu_expanded #main_menu .section_active a.act_nav:before, .fixed_layout.side_menu_expanded #main_menu .section_active a.act_nav:after {
            display: none !important;
        }

        .fixed_layout .row_full {
            margin-right: -23px;
        }
}

#main_menu, #main_menu .submenu-title, .menu_toggle {
    display: none;
}

.side_menu_active #main_wrapper, .side_menu_active #breadcrumbs {
    margin-left: 180px;
}

.side_menu_active #main_menu {
    width: 180px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 48px;
    background: #f5f5f5;
    padding: 0 0 50px;
    display: block;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #e2e2e2;
    z-index: 101;
}

    .side_menu_active #main_menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .side_menu_active #main_menu ul li a:focus, .side_menu_active #main_menu ul li a:hover {
            text-decoration: none;
        }

    .side_menu_active #main_menu .menu_wrapper {
        padding-bottom: 35px;
        height: 100%;
        position: relative;
    }

    .side_menu_active #main_menu .first_level > a {
        line-height: 26px;
        display: block;
        padding: 6px 10px;
        color: #222;
    }

        .side_menu_active #main_menu .first_level > a .first_level_icon {
            margin-right: 6px;
            font-size: 16px;
            vertical-align: -1px;
            min-width: 20px;
            text-align: center;
            display: inline-block;
        }

        .side_menu_active #main_menu .first_level > a .label {
            position: absolute;
            right: 34px;
            top: 12px;
            min-width: 20px;
            text-align: center;
        }

        .side_menu_active #main_menu .first_level > a:hover {
            background: rgba(0,0,0,0.06);
        }

    .side_menu_active #main_menu .first_level ul {
        display: none;
    }

    .side_menu_active #main_menu .has_submenu > a {
        padding-right: 20px;
    }

    .side_menu_active #main_menu .has_submenu > ul a {
        display: block;
        padding: 6px 20px;
        font-size: 13px;
        line-height: 18px;
        color: #222;
    }

        .side_menu_active #main_menu .has_submenu > ul a:hover {
            background: rgba(0,0,0,0.06);
        }

.side_menu_active .menu_toggle {
    position: absolute;
    left: 0;
    bottom: 48px;
    width: 100%;
    color: #fff;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    cursor: pointer;
    padding: 5px 5px 6px;
    z-index: 102;
    text-align: center;
    display: block;
    border-top: 1px solid rgba(0,0,0,0.04);
    background: rgba(0,0,0,0.02);
}

    .side_menu_active .menu_toggle .icon_menu_toggle {
        font-size: 18px;
        color: #999;
        vertical-align: middle;
    }

    .side_menu_active .menu_toggle:hover {
        background: rgba(0,0,0,0.1);
    }

.side_menu_active.side_menu_expanded #main_menu .first_level > a {
    position: relative;
}

.side_menu_active.side_menu_expanded #main_menu .first_level.has_submenu > a:after {
    content: '';
    height: 0;
    width: 0;
    border: 4px solid transparent;
    border-top-color: rgba(0,0,0,0.4);
    position: absolute;
    right: 12px;
    top: 18px;
}

.side_menu_active.side_menu_expanded #main_menu .first_level.has_submenu > ul a.act_nav {
    background: rgba(0,0,0,0.06);
    position: relative;
    color: #222;
}

    .side_menu_active.side_menu_expanded #main_menu .first_level.has_submenu > ul a.act_nav:after {
        position: absolute;
        top: 50%;
        content: '';
        display: block;
        right: 0;
        border: 9px solid transparent;
        width: 0;
        height: 0;
        border-right-color: #fff;
        margin-top: -9px;
    }

.side_menu_active.side_menu_expanded #main_menu .first_level .has_submenu ul {
    margin-left: 20px;
}

.side_menu_active.side_menu_expanded #main_menu .first_level.section_active {
    border-bottom: 1px solid #ddd;
}

    .side_menu_active.side_menu_expanded #main_menu .first_level.section_active > a {
        background: #444;
        color: #fff;
        margin: 0 -1px;
    }

        .side_menu_active.side_menu_expanded #main_menu .first_level.section_active > a:after {
            border-bottom-color: rgba(255,255,255,0.9);
            border-top-color: transparent;
            top: 13px;
        }

        .side_menu_active.side_menu_expanded #main_menu .first_level.section_active > a:hover {
            background: #444;
        }

.side_menu_active.side_menu_expanded #main_menu .has_submenu .has_submenu {
    position: relative;
}

    .side_menu_active.side_menu_expanded #main_menu .has_submenu .has_submenu > a:after {
        content: '';
        height: 0;
        width: 0;
        border: 4px solid transparent;
        border-top-color: rgba(0,0,0,0.3);
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .side_menu_active.side_menu_expanded #main_menu .has_submenu .has_submenu.submenu_active > a:after {
        border-bottom-color: rgba(0,0,0,0.3);
        border-top-color: transparent;
        top: 9px;
    }

.side_menu_active.side_menu_expanded #main_menu .submenu_active {
    background: rgba(0,0,0,0.05);
}

.side_menu_active.side_menu_collapsed #main_wrapper, .side_menu_active.side_menu_collapsed #breadcrumbs {
    margin-left: 42px;
}

.side_menu_active.side_menu_collapsed #main_menu {
    width: 42px;
}

    .side_menu_active.side_menu_collapsed #main_menu .first_level > a {
        padding: 6px 10px;
    }

        .side_menu_active.side_menu_collapsed #main_menu .first_level > a .first_level_icon {
            margin: 0;
        }

        .side_menu_active.side_menu_collapsed #main_menu .first_level > a .menu-title {
            display: none;
        }

        .side_menu_active.side_menu_collapsed #main_menu .first_level > a .label {
            min-width: 4px;
            padding: 1px 2px;
            right: auto;
            top: 2px;
            left: 3px;
        }

    .side_menu_active.side_menu_collapsed #main_menu .has_submenu {
        position: relative;
    }

        .side_menu_active.side_menu_collapsed #main_menu .has_submenu > a {
            position: relative;
            z-index: 10;
        }

        .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul {
            position: absolute;
            z-index: 5;
            left: 100%;
            top: 0;
            width: 200px;
            border-width: 0 1px 1px 1px;
            border-style: solid;
            border-color: #e2e2e2;
            background: #f5f5f5;
            display: none !important;
        }

            .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul li:first-child {
                border-top: 1px solid #e2e2e2;
            }

            .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul li.submenu-title {
                display: list-item;
                height: 38px;
                line-height: 38px;
                color: #fff;
                background: #444;
                font-weight: 700;
                font-size: 13px;
                padding: 0 14px;
                margin: 0 -1px;
            }

                .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul li.submenu-title, .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul li.submenu-title + li {
                    border-top: none;
                }

            .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul a {
                padding: 6px 16px;
            }

                .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul a .act_nav:before, .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul a .act_nav:after {
                    display: none;
                }

            .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul .has_submenu > ul {
                top: -1px;
            }

            .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul .has_submenu > a:after {
                content: '';
                height: 0;
                width: 0;
                border: 4px solid transparent;
                border-left-color: rgba(0,0,0,0.4);
                position: absolute;
                right: 6px;
                top: 12px;
            }

            .side_menu_active.side_menu_collapsed #main_menu .has_submenu > ul .has_submenu:hover > a:after {
                border-left-color: rgba(255,255,255,0.9);
            }

        .side_menu_active.side_menu_collapsed #main_menu .has_submenu:hover > a {
            background: #444;
            color: #fff;
        }

        .side_menu_active.side_menu_collapsed #main_menu .has_submenu:hover > ul {
            display: block !important;
        }

@media only screen and (max-width: 991px) {
    .side_menu_active #main_wrapper, .side_menu_active #breadcrumbs {
        margin-left: 42px;
    }

    .side_menu_active #main_menu .section_active a.act_nav:before, .side_menu_active #main_menu .section_active a.act_nav:after {
        display: none !important;
    }

    .side_menu_active.side_menu_expanded #main_menu {
        -webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.25);
        box-shadow: 4px 0 8px rgba(0, 0, 0, 0.25);
        border-right-color: transparent;
    }
}

.top_menu_active {
    padding-top: 80px;
}

    .top_menu_active #main_menu {
        position: fixed;
        top: 48px;
        height: 32px;
        left: 0;
        right: 0;
        display: block;
        background: #f5f5f5;
        border-bottom: 1px solid #ddd;
        zoom: 1;
        z-index: 100;
    }

        .top_menu_active #main_menu:before, .top_menu_active #main_menu:after {
            content: "";
            display: table;
        }

        .top_menu_active #main_menu:after {
            clear: both;
        }

        .top_menu_active #main_menu ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .top_menu_active #main_menu ul li a:focus, .top_menu_active #main_menu ul li a:hover {
                text-decoration: none;
            }

        .top_menu_active #main_menu .first_level {
            float: left;
            position: relative;
        }

            .top_menu_active #main_menu .first_level > a {
                line-height: 20px;
                display: block;
                padding: 6px 10px;
                color: #222;
            }

                .top_menu_active #main_menu .first_level > a .first_level_icon {
                    margin-right: 6px;
                    font-size: 16px;
                    vertical-align: -1px;
                    min-width: 20px;
                    text-align: center;
                    display: inline-block;
                }

@media only screen and (max-width: 767px) {
    .top_menu_active #main_menu .first_level > a .first_level_icon {
        margin-right: 0;
    }
}

.top_menu_active #main_menu .first_level > a .label {
    display: none;
}

.top_menu_active #main_menu .first_level > a:hover {
    background: rgba(0,0,0,0.06);
}

@media only screen and (max-width: 767px) {
    .top_menu_active #main_menu .first_level > a .menu-title {
        display: none;
    }
}

.top_menu_active #main_menu .first_level ul {
    display: none;
}

.top_menu_active #main_menu .first_level.has_submenu > a {
    padding-right: 20px;
}

    .top_menu_active #main_menu .first_level.has_submenu > a:after {
        content: '';
        height: 0;
        width: 0;
        border: 4px solid transparent;
        border-top-color: rgba(0,0,0,0.4);
        position: absolute;
        right: 6px;
        top: 14px;
    }

@media only screen and (max-width: 767px) {
    .top_menu_active #main_menu .first_level.has_submenu > a:after {
        right: 6px;
    }
}

.top_menu_active #main_menu .first_level.has_submenu > ul {
    top: 32px;
    border-width: 0 1px 1px;
}

.top_menu_active #main_menu .first_level.has_submenu:hover > a:after {
    border-top-color: rgba(255,255,255,0.9);
}

.top_menu_active #main_menu .has_submenu {
    position: relative;
}

    .top_menu_active #main_menu .has_submenu:hover > a {
        background: #444 !important;
        color: #fff;
    }

        .top_menu_active #main_menu .has_submenu:hover > a:after {
            color: rgba(255,255,255,0.8);
        }

    .top_menu_active #main_menu .has_submenu:hover > ul {
        display: block !important;
    }

    .top_menu_active #main_menu .has_submenu > ul {
        position: absolute;
        z-index: 5;
        left: 0;
        width: 200px;
        border-style: solid;
        border-color: #e2e2e2;
        background: #f5f5f5;
        display: none !important;
    }

        .top_menu_active #main_menu .has_submenu > ul a {
            display: block;
            padding: 6px 10px;
            font-size: 13px;
            color: #222;
        }

            .top_menu_active #main_menu .has_submenu > ul a:hover {
                background: rgba(0,0,0,0.06);
            }

    .top_menu_active #main_menu .has_submenu .has_submenu > a:after {
        content: '';
        height: 0;
        width: 0;
        border: 4px solid transparent;
        border-left-color: rgba(0,0,0,0.4);
        position: absolute;
        right: 6px;
        top: 12px;
    }

    .top_menu_active #main_menu .has_submenu .has_submenu:hover > a:after {
        border-left-color: rgba(255,255,255,0.9);
    }

    .top_menu_active #main_menu .has_submenu .has_submenu:hover > ul {
        border-width: 1px;
        left: 100%;
        top: -1px;
    }

.top_menu_active.fixed_layout #main_menu {
    width: 1100px;
    left: 50%;
    right: auto;
    margin-left: -550px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e2e2e2;
}

.top_menu_active .row_full {
    margin-right: -25px;
}

.side_menu_active #main_menu .mCustomScrollbar {
    width: 180px;
}

    .side_menu_active #main_menu .mCustomScrollbar .mCSB_scrollTools_vertical {
        left: auto;
        right: 0;
        margin: 0 0 35px;
        width: 10px;
    }

#main_header {
    height: 48px;
    background: #20638f;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1020;
    -webkit-transition: 200ms ease;
    transition: 200ms ease;
}

    #main_header .brand_section {
        line-height: 46px;
        color: #fff;
        float: left;
        text-align: center;
    }

    #main_header .header_notifications {
        list-style: none;
        margin: 8px 40px 0 20px;
        padding: 0;
        float: left;
    }

        #main_header .header_notifications > li {
            float: left;
            position: relative;
            padding: 2px 0 0;
        }

            #main_header .header_notifications > li > a {
                font-size: 18px;
                line-height: 22px;
                color: #fff;
                padding: 3px 12px 2px;
                background: rgba(255,255,255,0.08);
                -webkit-transition: all 400ms ease;
                transition: all 400ms ease;
                display: block;
            }

                #main_header .header_notifications > li > a:hover, #main_header .header_notifications > li > a:focus {
                    text-decoration: none;
                    background: rgba(255,255,255,0.18);
                }

            #main_header .header_notifications > li > .label {
                position: absolute;
                top: -4px;
                right: -6px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
            }

            #main_header .header_notifications > li + li {
                margin-left: 14px;
            }

        #main_header .header_notifications .dropdown.open .dropdown-menu {
            -webkit-animation-duration: 400ms;
            animation-duration: 400ms;
            -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
            animation-timing-function: cubic-bezier(.77, 0, .175, 1);
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
        }

        #main_header .header_notifications .dropdown-menu {
            padding: 10px;
            margin-top: 8px;
            width: 260px;
            z-index: 110;
        }

            #main_header .header_notifications .dropdown-menu:before, #main_header .header_notifications .dropdown-menu:after {
                position: absolute;
                content: '';
                width: 0;
                height: 0;
                display: block;
                border: 5px solid transparent;
            }

            #main_header .header_notifications .dropdown-menu:before {
                border-bottom-color: rgba(0,0,0,0.3);
                top: -11px;
                left: 15px;
            }

            #main_header .header_notifications .dropdown-menu:after {
                border-bottom-color: #fff;
                top: -10px;
                left: 15px;
            }

            #main_header .header_notifications .dropdown-menu ul {
                margin: 0;
                padding: 0;
            }

                #main_header .header_notifications .dropdown-menu ul li {
                    list-style: none;
                    overflow: hidden;
                    padding: 6px 0;
                }

                    #main_header .header_notifications .dropdown-menu ul li > img {
                        float: left;
                        -webkit-border-radius: 20px;
                        -moz-border-radius: 20px;
                        border-radius: 20px;
                        margin-right: 10px;
                    }

                    #main_header .header_notifications .dropdown-menu ul li small, #main_header .header_notifications .dropdown-menu ul li p {
                        overflow: hidden;
                    }

                    #main_header .header_notifications .dropdown-menu ul li small {
                        font-size: 11px;
                    }

                    #main_header .header_notifications .dropdown-menu ul li p {
                        font-size: 13px;
                        line-height: 16px;
                        margin: 0;
                        padding-top: 2px;
                    }

                    #main_header .header_notifications .dropdown-menu ul li + li {
                        border-top: 1px solid #eee;
                    }

                    #main_header .header_notifications .dropdown-menu ul li .label {
                        margin-top: 3px;
                    }

                    #main_header .header_notifications .dropdown-menu ul li .btn {
                        margin-top: 4px;
                    }

    #main_header .search_section {
        float: right;
        width: 200px;
        margin-right: 20px;
        margin-top: 10px;
        position: relative;
    }

        #main_header .search_section > input {
            border: none;
            height: 26px;
            background: rgba(255,255,255,0.4);
            -webkit-transition: background 400ms ease;
            transition: background 400ms ease;
        }

            #main_header .search_section > input:focus {
                background: #fff;
            }

        #main_header .search_section .btn {
            position: absolute;
            right: 0;
            top: 0;
            color: #222;
            padding: 4px 8px 2px;
        }

    #main_header .header_user_actions {
        float: right;
    }

        #main_header .header_user_actions .user_dropdown {
            cursor: pointer;
            overflow: hidden;
            padding: 4px 5px;
            -webkit-transition: background 400ms ease;
            transition: background 400ms ease;
        }

            #main_header .header_user_actions .user_dropdown:hover {
                background: rgba(255,255,255,0.1);
            }

            #main_header .header_user_actions .user_dropdown .caret {
                color: #fff;
                margin-top: 18px;
            }

        #main_header .header_user_actions .user_avatar {
            float: left;
            margin-right: 5px;
        }

            #main_header .header_user_actions .user_avatar img {
                border: 1px solid #eee;
            }

        #main_header .header_user_actions .user_body {
            float: left;
            color: #fff;
        }

        #main_header .header_user_actions .user_subinfo {
            display: block;
        }

        #main_header .header_user_actions .dropdown-menu {
            margin-top: 1px;
        }

    #main_header #main_search {
        width: 200px;
        margin: 4px 0 0 40px;
        float: left;
    }

#breadcrumbs {
    height: 32px;
    position: relative;
    padding: 0 15px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #eee;
    background: #fff;
}

    #breadcrumbs ul {
        margin: 0;
        padding: 0;
        list-style: none;
        zoom: 1;
    }

        #breadcrumbs ul:before, #breadcrumbs ul:after {
            content: "";
            display: table;
        }

        #breadcrumbs ul:after {
            clear: both;
        }

        #breadcrumbs ul li {
            float: left;
            font-size: 12px;
            line-height: 32px;
            position: relative;
        }

            #breadcrumbs ul li, #breadcrumbs ul li a {
                color: #555;
            }

                #breadcrumbs ul li + li {
                    margin-left: 8px;
                    padding-left: 8px;
                }

                    #breadcrumbs ul li + li:before {
                        content: '\\';
                        display: inline-block;
                        position: absolute;
                        left: -3px;
                        top: 0;
                        font-size: 15px;
                    }

.hide_breadcrumbs #breadcrumbs {
    display: none;
}

.c3 svg {
    font: 10px sans-serif;
}

.c3 path, .c3 line {
    fill: none;
    stroke: #000;
}

.c3 text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path {
    shape-rendering: crispEdges;
}

.c3-chart-arc path {
    stroke: #fff;
}

.c3-chart-arc text {
    fill: #fff;
    font-size: 13px;
}

.c3-grid line {
    stroke: #ddd;
}

.c3-grid text {
    fill: #ddd;
}

.c3-xgrid, .c3-ygrid {
    stroke-dasharray: 3 3;
}

.c3-text.c3-empty {
    fill: #808080;
    font-size: 22px;
}

.c3-line {
    stroke-width: 2px;
}

.c3-circle._expanded_ {
    stroke-width: 2px;
    stroke: white;
}

.c3-selected-circle {
    stroke-width: 2px;
    fill: white;
}

.c3-bar {
    stroke-width: 0;
}

    .c3-bar._expanded_ {
        fill-opacity: .75;
    }

.c3-chart-arcs-title {
    font-size: 1.3em;
}

.c3-chart-arc text {
    font-size: 11px;
}

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
    stroke-width: 2px;
}

.c3-region {
    fill: steelblue;
    fill-opacity: .1;
}

.c3-brush .extent {
    fill-opacity: .1;
}

.c3-legend-item {
    font-size: 12px;
}

.c3-legend-background {
    opacity: .75;
    fill: white;
    stroke: lightgray;
    stroke-width: 1;
}

.c3-legend-item-hidden {
    opacity: .1;
}

.c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: rgba(0,0,0,0.9);
    empty-cells: show;
}

    .c3-tooltip th {
        font-size: 12px;
        padding: 4px 5px;
        text-align: left;
        color: #ddd;
    }

    .c3-tooltip td {
        font-size: 12px;
        padding: 3px 6px;
        color: #fff;
    }

        .c3-tooltip td > span {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-right: 6px;
        }

        .c3-tooltip td.value {
            text-align: right;
        }

        .c3-tooltip td + td {
            border-left: 1px solid rgba(255,255,255,0.1);
        }

    .c3-tooltip tr + tr td {
        border-top: 1px solid rgba(255,255,255,0.1);
    }

.c3-area {
    stroke-width: 0;
    opacity: .2;
}

.c3-chart-arcs .c3-chart-arcs-background {
    fill: #e0e0e0;
    stroke: none;
}

    .c3-chart-arcs .c3-chart-arcs-background .c3-chart-arcs-gauge-unit {
        fill: #000;
        font-size: 16px;
    }

    .c3-chart-arcs .c3-chart-arcs-background .c3-chart-arcs-gauge-max {
        fill: #777;
    }

    .c3-chart-arcs .c3-chart-arcs-background .c3-chart-arcs-gauge-min {
        fill: #777;
    }

.c3-chart-arc .c3-gauge-value {
    fill: #000;
    font-size: 28px;
}

.switchery {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 50px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    .switchery > small {
        background: #fff;
        border-radius: 100%;
        box-shadow: 0 1px 3px rgba(0,0,0,0.4);
        height: 30px;
        position: absolute;
        top: 0;
        width: 30px;
    }

.mini-switch + .switchery {
    height: 15px;
    width: 30px;
}

    .mini-switch + .switchery > small {
        height: 15px;
        width: 15px;
    }

.jvectormap-label {
    position: absolute;
    display: none;
    background: #292929;
    background: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    z-index: 1000;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    background: url(../lib/jvectormap/nav_controls.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    text-indent: 9999px;
}

.jvectormap-zoomin {
    bottom: 30px;
    background-position: 0 -16px;
}

.jvectormap-zoomout {
    bottom: 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dppx) {
    .jvectormap-zoomin, .jvectormap-zoomout {
        background-image: url('../lib/jvectormap/nav_controls@2x.png') !important;
        background-size: 16px !important;
    }
}

.easy_chart_box {
    padding: 0 8px;
    display: inline-block;
}

    .easy_chart_box + .easy_chart_box {
        margin-left: 10px;
    }

    .easy_chart_box > .easy_chart {
        display: block;
    }

.easy_chart {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
}

    .easy_chart > span {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        color: #444;
    }

    .easy_chart > .easy_chart_percent {
        top: 21px;
        font: 400 14px / 18px "Open Sans",Arial,sans-serif;
    }

    .easy_chart > .easy_chart_icon {
        top: 22px;
        font-size: 16px;
    }

    .easy_chart .easy_chart_percent_text {
        top: 15px;
        font: 400 12px / 16px "Open Sans",Arial,sans-serif;
    }

        .easy_chart .easy_chart_percent_text small {
            display: block;
            font-size: 10px;
            line-height: 14px;
        }

    .easy_chart + .easy_chart {
        margin-left: 30px;
    }

.easy_chart_wrapper {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
    overflow: hidden;
}

    .easy_chart_wrapper .easy_chart_info {
        overflow: hidden;
    }

        .easy_chart_wrapper .easy_chart_info .easy_chart_heading {
            font: 400 22px / 24px "Open Sans",Arial,sans-serif;
            margin: 0 0 8px;
        }

        .easy_chart_wrapper .easy_chart_info > p {
            font-size: 13px;
            color: #999;
            margin: 0;
        }

    .easy_chart_wrapper .easy_chart {
        width: 90px;
        height: 90px;
        float: right;
        margin-left: 10px;
    }

        .easy_chart_wrapper .easy_chart > .easy_chart_percent {
            top: 32px;
            font: 400 20px / 24px "Open Sans",Arial,sans-serif;
        }

        .easy_chart_wrapper .easy_chart > .easy_chart_icon {
            top: 29px;
            font-size: 32px;
        }

.select2-container {
    padding: 0;
    width: 100%;
    border: 1px solid #ddd;
    display: block;
}

    .select2-container.select2-drop-above .select2-choice, .select2-container .select2-choice {
        background: none;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 4px 0;
    }

        .select2-container.select2-drop-above .select2-choice .select2-arrow, .select2-container .select2-choice .select2-arrow {
            background: none;
            border: none;
        }

        .select2-container.select2-drop-above .select2-choice > .select2-chosen [class^="flag-"], .select2-container .select2-choice > .select2-chosen [class^="flag-"] {
            margin: -2px 4px 0 0;
        }

.select2-container-multi .select2-choices, .select2-choices {
    border: none;
    background: none;
    padding: 1px 0;
}

    .select2-container-multi .select2-choices .select2-search-choice, .select2-choices .select2-search-choice {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background: #e9ebee;
        border: 1px solid #b8b8b8;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        font-size: 13px;
        padding: 5px 22px 6px 5px;
    }

        .select2-container-multi .select2-choices .select2-search-choice [class^="flag-"], .select2-choices .select2-search-choice [class^="flag-"] {
            margin: -4px 4px 0 0;
            height: 14px;
        }

.select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 3px;
    color: #fff;
    background: none !important;
    top: 6px;
}

    .select2-container-multi .select2-search-choice-close:after {
        font-weight: 700;
        font-size: 17px;
        right: 0;
        color: #ccc;
        content: '×';
    }

    .select2-container-multi .select2-search-choice-close:hover {
        text-decoration: none;
    }

        .select2-container-multi .select2-search-choice-close:hover:after {
            color: #888;
        }

.select2-container-multi.select2-container-active .select2-choices {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    border-color: #cf000f;
}

.select2-drop-mask {
    z-index: 649;
}

.select2-drop {
    z-index: 650;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: transparent #ddd #ddd;
}

.select2-results .select2-highlighted {
    background: #aab2bd;
}

.select2-dropdown-open.select2-drop-above .select2-choices {
    background: #fff;
    border: none;
}

.select2-drop.select2-drop-above {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #ddd #eee transparent #ddd;
}

    .select2-drop.select2-drop-above.select2-drop-active {
        border-top: #ddd;
        margin-bottom: -1px;
    }

.select2-results .select2-result-label {
    font-size: 13px;
}

    .select2-results .select2-result-label [class^="flag-"] {
        margin: -2px 4px 0 0;
    }

.datepicker table tr td span, .datepicker.dropdown-menu {
    border-radius: 0;
}

.datepicker table tr td, .datepicker table tr th {
    font-size: 12px;
}

    .datepicker table tr td:hover, .datepicker table tr th:hover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .datepicker table tr td.old, .datepicker table tr th.old, .datepicker table tr td.new, .datepicker table tr th.new {
        color: #bbb;
    }

.datepicker table tr:nth-child(2) th {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e8e8e8;
    font-weight: normal;
    color: #2574a9;
}

    .datepicker table tr:nth-child(2) th:last-child {
        border-right: none;
    }

.datepicker table tr td {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e8e8e8;
    padding: 0;
}

    .datepicker table tr td:last-child {
        border-right: none;
    }

    .datepicker table tr td.active, .datepicker table tr td .active {
        background: #2574a9 !important;
        border: none !important;
        -webkit-box-shadow: inset 0 0 0 1px #1a5277 !important;
        -moz-box-shadow: inset 0 0 0 1px #1a5277 !important;
        box-shadow: inset 0 0 0 1px #1a5277 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    .datepicker table tr td.selected, .datepicker table tr td .selected {
        background: #2574a9 !important;
        border: none !important;
        -webkit-box-shadow: inset 0 0 0 1px #1a5277 !important;
        -moz-box-shadow: inset 0 0 0 1px #1a5277 !important;
        box-shadow: inset 0 0 0 1px #1a5277 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    .datepicker table tr td.range, .datepicker table tr td.range:hover {
        background: #f2f8fc;
    }

.datepicker table tr:last-child td {
    border-bottom: none;
}

.datepicker table tr td span {
    width: 25%;
    margin: 0;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e8e8e8;
}

    .datepicker table tr td span:nth-child(4n) {
        border-right: none;
    }

    .datepicker table tr td span:nth-last-child(-n+4) {
        border-bottom: none;
    }

.datepicker.datepicker-inline {
    border: 1px solid #eee;
}

.open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td .active {
    background: #2574a9 !important;
    border: none !important;
    -webkit-box-shadow: inset 0 0 0 1px #1a5277 !important;
    -moz-box-shadow: inset 0 0 0 1px #1a5277 !important;
    box-shadow: inset 0 0 0 1px #1a5277 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td .selected {
    background: #2574a9 !important;
    border: none !important;
    -webkit-box-shadow: inset 0 0 0 1px #1a5277 !important;
    -moz-box-shadow: inset 0 0 0 1px #1a5277 !important;
    box-shadow: inset 0 0 0 1px #1a5277 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.irs-line {
    background: #e4e4e4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.irs-line-left, .irs-line-mid, .irs-line-right {
    background: none;
}

.irs-min, .irs-max {
    color: #777;
}

.irs-diapason {
    background: #aab2bd;
}

.irs-slider {
    background: #8d98a7;
    width: 4px;
    height: 18px;
}

.irs-from, .irs-to, .irs-single {
    background: #20638f;
}

    .irs-from:after, .irs-to:after, .irs-single:after {
        border-top-color: #20638f;
    }

.daterangepicker .ranges .input-mini {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.daterangepicker .ranges li {
    color: #222;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
        background: #aab2bd;
        border-color: #8d98a7;
    }

.daterangepicker .calendar-date {
    border-color: #eee;
}

.daterangepicker table tr:nth-child(2) th {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e8e8e8;
    font-weight: normal;
    color: #2574a9;
}

    .daterangepicker table tr:nth-child(2) th:last-child {
        border-right: none;
    }

.daterangepicker table th.month {
    font-size: 12px;
}

.daterangepicker table tr td, .daterangepicker table tr th {
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.daterangepicker table tr td {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e8e8e8;
}

    .daterangepicker table tr td:last-child {
        border-right: none;
    }

    .daterangepicker table tr td.off {
        color: #bbb;
    }

    .daterangepicker table tr td.active, .daterangepicker table tr td.active:hover {
        background: #2574a9;
        border: none;
        -webkit-box-shadow: inset 0 0 0 1px #1a5277 !important;
        -moz-box-shadow: inset 0 0 0 1px #1a5277 !important;
        box-shadow: inset 0 0 0 1px #1a5277 !important;
    }

    .daterangepicker table tr td.in-range {
        background: #f2f8fc;
    }

        .daterangepicker table tr td.in-range:hover {
            background: #ddedf7;
        }

.daterangepicker table tr:last-child td {
    border-bottom: none;
}

.gf fieldset + fieldset {
    margin-top: 40px;
}

.gf fieldset legend {
    margin-bottom: 0;
    font: 400 15px / 22px "Open Sans",Arial,sans-serif;
    border-bottom-width: 3px;
    text-transform: uppercase;
}

.gf fieldset .gf-error[class^="gf-col-"], .gf fieldset .gf-error[class*=" gf-col-"] {
    background: #f3c4c8;
}

    .gf fieldset .gf-error[class^="gf-col-"]:hover, .gf fieldset .gf-error[class*=" gf-col-"]:hover {
        background: #fceef0;
    }

.gf fieldset .gf-success[class^="gf-col-"], .gf fieldset .gf-success[class*=" gf-col-"] {
    background: #d7e9c3;
}

    .gf fieldset .gf-success[class^="gf-col-"]:hover, .gf fieldset .gf-success[class*=" gf-col-"]:hover {
        background: #f0f7e8;
    }

.gf fieldset [class^="gf-col-"], .gf fieldset [class*=" gf-col-"], .gf fieldset [class^="gf-row-"], .gf fieldset [class*=" gf-row-"] {
    border-color: #aaa !important;
}

.gf fieldset fieldset {
    margin-top: 20px;
}

.parsley-error, .parsley-error:focus {
    border-color: #da4453;
}

.parsley-errors-list.filled {
    padding: 5px;
}

.parsley-errors-list > span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #da4453;
}

.plupload_container {
    padding: 0;
}

.plupload_header_content {
    background: #aab2bd;
    padding-left: 20px;
}

.wizard .steps ul {
    zoom: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    border-width: 1px 0;
    border-style: solid;
    border-color: #eee;
}

    .wizard .steps ul:before, .wizard .steps ul:after {
        content: "";
        display: table;
    }

    .wizard .steps ul:after {
        clear: both;
    }

    .wizard .steps ul li {
        float: left;
        margin: 2px 0;
        border-right: 1px solid #eee;
    }

        .wizard .steps ul li a {
            display: block;
            padding: 4px 10px;
            text-align: center;
            line-height: 32px;
            color: #999;
            position: relative;
            font: 400 13px / 16px "Open Sans",Arial,sans-serif;
        }

            .wizard .steps ul li a:hover, .wizard .steps ul li a:focus {
                text-decoration: none;
            }

            .wizard .steps ul li a .title {
                vertical-align: 0;
            }

                .wizard .steps ul li a .title span {
                    display: inline-block;
                    font-size: 12px;
                    padding-right: 4px;
                    font-weight: 700;
                }

            .wizard .steps ul li a .current-info {
                display: none;
            }

            .wizard .steps ul li a:before, .wizard .steps ul li a:after {
                position: absolute;
                left: 50%;
                content: '';
                display: block;
                height: 0;
                width: 0;
            }

            .wizard .steps ul li a:before {
                bottom: -20px;
                margin-left: -10px;
                border: 10px solid transparent;
            }

            .wizard .steps ul li a:after {
                bottom: -14px;
                margin-left: -7px;
                border: 7px solid transparent;
            }

        .wizard .steps ul li.done a {
            color: #222;
        }

        .wizard .steps ul li.current a {
            color: #fff;
            background: #3bafda;
        }

            .wizard .steps ul li.current a:before {
                border-top-color: #fff;
            }

            .wizard .steps ul li.current a:after {
                border-top-color: #3bafda;
            }

        .wizard .steps ul li.error a {
            color: #fff;
            background: #da4453;
        }

            .wizard .steps ul li.error a:before {
                border-top-color: #fff;
            }

            .wizard .steps ul li.error a:after {
                border-top-color: #da4453;
            }

        .wizard .steps ul li:last-child {
            border-right: none;
        }

.wizard > .content {
    position: relative;
    overflow: hidden;
    -webkit-transition: height 375ms ease-in-out;
    transition: height 375ms ease-in-out;
}

    .wizard > .content > .title {
        left: -999em;
        position: absolute;
    }

    .wizard > .content > .body {
        float: left;
        width: 100%;
        padding: 20px 0;
        position: absolute;
    }

.wizard .wizard_pagination li.disabled .btn {
    border-color: #d3d7d7;
    background-color: #d3d7d7;
    opacity: .45;
    filter: alpha(opacity= 45 );
}

.wizard .wizard_pagination li.disabled .btn-link {
    color: #333;
}

.wizard .actions {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

    .wizard .actions ul, .wizard .actions li {
        list-style: none;
        margin-left: 0;
        padding: 0;
    }

        .wizard .actions li.disabled a {
            color: #999;
        }

.table > thead > tr > th.footable_toggler {
    padding-left: 0;
    padding-right: 0;
}

.footable tfoot > tr > td {
    padding-top: 20px;
}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
    cursor: auto;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    cursor: pointer;
}

.footable.breakpoint > tbody > tr.footable-detail-show > td {
    background: #fff;
}

.footable.breakpoint > tbody > tr.footable-detail-show + .footable-row-detail > td {
    background: #fff;
    border-top: none;
    padding-top: 0;
}

.listNav, .ln-letters {
    zoom: 1;
}

    .listNav:before, .ln-letters:before, .listNav:after, .ln-letters:after {
        content: "";
        display: table;
    }

    .listNav:after, .ln-letters:after {
        clear: both;
    }

.listNavHide, .listNavShow {
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
    animation-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.listNavHide {
    display: none;
}

.listNavShow {
    display: list-item;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.letterCountShow {
    display: block;
}

.listNav {
    margin-right: 20px;
    float: left;
}

    .listNav .ln-letters a {
        font-size: 12px;
        line-height: 22px;
        display: block;
        padding: 0 8px;
        background: #eee;
        margin: 0 2px 2px;
        position: relative;
        text-align: center;
    }

        .listNav .ln-letters a:hover, .listNav .ln-letters a.ln-selected {
            background-color: #3bafda;
            color: #fff;
        }

        .listNav .ln-letters a.ln-disabled {
            background: #f8f8f8;
            color: #ccc;
            cursor: default;
        }

    .listNav .ln-letter-count {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        text-align: center;
        font-size: 10px;
        line-height: 13px;
        color: #222;
        margin-left: 2px;
    }

.mfp-nav {
    color: #fff;
    cursor: pointer;
    font-size: 32px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    z-index: 1050;
    opacity: .65;
    filter: alpha(opacity=65);
}

    .mfp-nav.el-icon-chevron-left {
        left: 0;
        margin-left: 20px;
    }

    .mfp-nav.el-icon-chevron-right {
        margin-right: 20px;
        right: 0;
    }

    .mfp-nav:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-move-from-top .mfp-content {
    vertical-align: top;
}

.mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all .2s;
    transform: translateY(-100px);
}

.mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all .2s;
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0);
}

.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: .8;
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0;
}

.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-3d-unfold .mfp-content {
    perspective: 2000px;
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg);
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all .5s;
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg);
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: .8;
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0;
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform: scale(1.3);
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: .8;
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0;
}

.magnific-popup-open {
    margin-right: 0 !important;
}

.mfp-figure small {
    padding-top: 2px;
}

#jBox-overlay {
    opacity: .3;
    filter: alpha(opacity= 30 );
}

.jBox-Modal .jBox-title {
    font: 400 16px / 20px "Open Sans",Arial,sans-serif;
}

.growl-container.growl-fixed.top-right, .growl-container.growl-fixed.top-left {
    top: 56px;
}

.fc-header-title h2 {
    font: 400 22px / 28px "Open Sans",Arial,sans-serif;
}

.fc-header {
    margin-bottom: 20px;
}

    .fc-header .fc-button {
        margin: 0;
    }

.fc-button {
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: normal;
}

    .fc-button > span:before {
        line-height: 26px;
    }

    .fc-button .fc-icon {
        margin: 0;
        font-size: 16px;
        font-family: inherit;
        vertical-align: middle;
    }

.fc-state-default {
    border: none;
    background: #e6e6e6;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    background-color: #f5f5f5;
    color: #222;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
    color: #fff;
    background: #3bafda;
}

.fc-state-hover {
    color: #fff;
    background: #3bafda;
}

.fc-state-down, .fc-state-active {
    background: #3bafda;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fc-state-disabled {
    cursor: default;
    background: none;
    opacity: 1;
    filter: alpha(opacity= 100 );
    color: #999;
}

.fc-border-separate th {
    border-top: none;
    font: 400 14px / 28px "Open Sans",Arial,sans-serif;
    color: #2574a9;
}

.fc-border-separate th, .fc-border-separate td {
    border-color: #e2e2e2;
}

    .fc-border-separate th.fc-first, .fc-border-separate td.fc-first {
        border-left: none;
    }

    .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
        border-right: none;
    }

.fc-border-separate tr.fc-last td {
    border-bottom: none;
}

.fc-grid .fc-other-month {
    background: #f5f5f5;
}

.fc-grid .fc-day-number {
    font-size: 18px;
    color: #999;
    float: left;
}

.fc-event {
    border: none;
    font-size: 12px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    line-height: 16px;
    padding: 0 3px;
    background: #277ab0;
}

    .fc-event:hover {
        color: #fff;
        background: #20638f;
    }

.fc-state-highlight {
    background: #fcf8e3;
}

.fc-cell-overlay {
    background: #bedcf0;
}

.gmaps_wrapper {
    padding: 5px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

    .gmaps_wrapper > .gmap {
        height: 300px;
        overflow: hidden;
        width: 100%;
    }

    .gmaps_wrapper .infoWindow_content {
        max-width: 200px;
        font-size: 12px;
    }

div.dataTables_length label {
    font-weight: normal;
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    font-weight: normal;
    float: right;
}

div.dataTables_filter input {
    width: 16em;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

    div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
    }

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
}

    table.dataTable td, table.dataTable th {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    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;
    }

    table.dataTable thead .sorting {
        background: url('../img/dt_sort_both.png') no-repeat center right;
    }

    table.dataTable thead .sorting_asc {
        background: url('../img/dt_sort_asc.png') no-repeat center right;
    }

    table.dataTable thead .sorting_desc {
        background: url('../img/dt_sort_desc.png') no-repeat center right;
    }

    table.dataTable thead .sorting_asc_disabled {
        background: url('../img/dt_sort_asc_disabled.png') no-repeat center right;
    }

    table.dataTable thead .sorting_desc_disabled {
        background: url('../img/dt_sort_desc_disabled.png') no-repeat center right;
    }

    table.dataTable thead > tr > th {
        padding-left: 8px;
        padding-right: 18px;
        vertical-align: middle;
    }

    table.dataTable th:active {
        outline: none;
    }

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 {
        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 table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
        border-top: none;
    }

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}

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 th:last-child, table.table-bordered td:last-child {
    border-right-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

.table tbody tr.active td, .table tbody tr.active th {
    background-color: #08c;
    color: #fff;
}

.table tbody tr.active:hover td, .table tbody tr.active:hover th {
    background-color: #0075b0 !important;
}

.table tbody tr.active a {
    color: #fff;
}

.table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th {
    background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
    cursor: pointer;
}

div.DTTT .btn {
    color: #333 !important;
    font-size: 12px;
}

    div.DTTT .btn:hover {
        text-decoration: none !important;
    }

ul.DTTT_dropdown.dropdown-menu {
    z-index: 2003;
}

    ul.DTTT_dropdown.dropdown-menu li {
        position: relative;
    }

        ul.DTTT_dropdown.dropdown-menu li:hover a {
            background-color: #08c;
            color: #fff !important;
        }

div.DTTT_collection_background {
    z-index: 2002;
}

div.DTTT_print_info.modal {
    height: 150px;
    margin-top: -75px;
    text-align: center;
}

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: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #fff;
}

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 {
    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;
}

div.FixedHeader_Cloned table {
    margin: 0 !important;
}

div.FixedHeader_Cloned th, div.FixedHeader_Cloned td {
    background-color: #fff !important;
}

.ms-container {
    background-image: url("../img/2col_switch.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    zoom: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dppx),only screen and (min-resolution:2dppx) {
    .ms-container {
        background-image: url("../img/2col_switch@2x.png");
        background-size: 26px 12px;
    }
}

.ms-container:before, .ms-container:after {
    content: "";
    display: table;
}

.ms-container:after {
    clear: both;
}

.ms-container .ms-selectable, .ms-container .ms-selection {
    background: #fff;
    color: #55;
    float: left;
    width: 46%;
}

.ms-container .ms-selection {
    float: right;
}

.ms-container .ms-list {
    -webkit-transition: all 375ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 375ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    border: 1px solid #ccc;
    position: relative;
    height: 200px;
    padding: 0;
    overflow-y: auto;
    font-size: 13px;
    -webkit-overflow-scrolling: touch;
}

    .ms-container .ms-list.ms-focus {
        border-color: #20638f;
        outline: 0;
        outline: thin dotted; \9
    }

.ms-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.ms-container .ms-optgroup-container {
    width: 100%;
}

.ms-container .ms-optgroup-label {
    margin: 0;
    padding: 5px 0 0 5px;
    cursor: pointer;
    color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    border-bottom: 1px #eee solid;
    padding: 3px 10px;
    color: #555;
    font-size: 12px;
}

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #aab2bd;
}

.ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled, .ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled {
    background-color: #eee;
    color: #aaa;
    cursor: text;
}

.ms-container .ms-header, .ms-container .ms-footer {
    background: #444;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    padding: 0 10px;
}

.ms-container .ms-header-search, .ms-container .ms-footer-search {
    padding: 4px 6px;
    background: #f5f5f5;
}

    .ms-container .ms-header-search input, .ms-container .ms-footer-search input {
        margin: 4px 0;
    }

.ms-wrapper {
    position: relative;
}

    .ms-wrapper .ms_select_all, .ms-wrapper .ms_deselect_all {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 26px;
        line-height: 16px;
        margin-left: -13px;
    }

    .ms-wrapper .ms_select_all {
        margin-top: -86px;
    }

    .ms-wrapper .ms_deselect_all {
        margin-top: -60px;
    }

.ace_editor {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 300px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    font-family: "Source Code Pro","Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace !important;
}

.search_section .twitter-typeahead {
    display: block !important;
}

.tt-input, .tt-query, .tt-hint {
    border: none;
    height: 26px;
    background: #fff;
    -webkit-transition: background 400ms ease;
    transition: background 400ms ease;
    width: 100%;
}

.tt-hint {
    color: #777;
    background: rgba(255,255,255,0.7) !important;
}

.tt-dropdown-menu {
    margin-top: 4px;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding: 0;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .tt-dropdown-menu .tt-suggestion {
        padding: 4px 8px;
        font-size: 12px;
        cursor: pointer;
        margin: 2px;
    }

        .tt-dropdown-menu .tt-suggestion p {
            margin: 0;
        }

        .tt-dropdown-menu .tt-suggestion.tt-cursor {
            background-color: #eee;
        }

    .tt-dropdown-menu .tt-highlight {
        color: #8cc152;
    }

.clockpicker .input-group-addon {
    cursor: pointer;
}

.clockpicker-moving {
    cursor: move;
}

.clockpicker-align-left.popover > .arrow {
    left: 25px;
}

.clockpicker-align-top.popover > .arrow {
    top: 17px;
}

.clockpicker-align-right.popover > .arrow {
    left: auto;
    right: 25px;
}

.clockpicker-align-bottom.popover > .arrow {
    top: auto;
    bottom: 6px;
}

.clockpicker-popover .popover-title {
    background-color: #fff;
    color: #999;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

    .clockpicker-popover .popover-title span {
        cursor: pointer;
    }

.clockpicker-popover .popover-content {
    background-color: #f8f8f8;
    padding: 12px;
    font-size: 13px;
}

    .clockpicker-popover .popover-content:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.clockpicker-plate {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    overflow: visible;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clockpicker-canvas, .clockpicker-dial {
    width: 200px;
    height: 200px;
    position: absolute;
    left: -1px;
    top: -1px;
}

.clockpicker-minutes {
    visibility: hidden;
}

.clockpicker-tick {
    border-radius: 50%;
    color: #666;
    line-height: 26px;
    text-align: center;
    width: 26px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

    .clockpicker-tick.active, .clockpicker-tick:hover {
        background-color: #c0e5f7;
        background-color: rgba(0,149,221,0.25);
    }

.clockpicker-button {
    background-image: none;
    background-color: #fff;
    border-width: 1px 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    padding: 10px 0;
}

    .clockpicker-button:hover {
        background-image: none;
        background-color: #ebebeb;
    }

    .clockpicker-button:focus {
        outline: none !important;
    }

.clockpicker-dial {
    -webkit-transition: -webkit-transform 350ms,opacity 350ms;
    -moz-transition: -moz-transform 350ms,opacity 350ms;
    -ms-transition: -ms-transform 350ms,opacity 350ms;
    -o-transition: -o-transform 350ms,opacity 350ms;
    transition: transform 350ms,opacity 350ms;
}

.clockpicker-dial-out {
    opacity: 0;
}

.clockpicker-hours.clockpicker-dial-out {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.clockpicker-minutes.clockpicker-dial-out {
    -webkit-transform: scale(.8, .8);
    -moz-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    -o-transform: scale(.8, .8);
    transform: scale(.8, .8);
}

.clockpicker-canvas {
    -webkit-transition: opacity 175ms;
    transition: opacity 175ms;
}

.clockpicker-canvas-out {
    opacity: .25;
}

.clockpicker-canvas-bearing, .clockpicker-canvas-fg {
    stroke: none;
    fill: none;
}

.clockpicker-canvas-bg {
    stroke: none;
    fill: #c0e5f7;
}

.clockpicker-canvas-bg-trans {
    fill: rgba(0,149,221,0.25);
}

.clockpicker-canvas line {
    stroke: rgba(0,149,221,0.25);
    stroke-width: 1;
    stroke-linecap: round;
}

.clockpicker-button.am-button {
    margin: 1px;
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.clockpicker-button.pm-button {
    margin: 1px 1px 1px 136px;
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

::-ms-reveal, ::-ms-clear {
    display: none !important;
}

.hideShowPassword-toggle {
    background: none;
    border: none;
    color: #888;
    cursor: pointer;
    font-size: 11px;
    padding: 2px 4px;
    margin: 2px 4px 2px 2px;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
}

    .hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus {
        background-color: #eee;
        color: #555;
        outline: transparent;
    }

.icheck_label {
    margin: 0 0 0 6px;
    font-size: 13px;
}

.selectize-input, .selectize-input:focus, .selectize-input.focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ddd;
}

.selectize-dropdown .optgroup-header {
    background: #f5f5f5;
    font-size: 11px;
    text-transform: uppercase;
}

.selectize-dropdown [data-selectable] span.label {
    display: block;
    font-size: 13px;
    text-align: left;
    color: #222;
    padding: 0 0 4px;
    margin: 0;
}

.selectize-dropdown [data-selectable] span.caption {
    color: #888;
    font-size: 12px;
}

.selectize-dropdown [data-selectable] .highlight {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.selectize-dropdown .active {
    background: #aab2bd;
    color: #fff;
}

    .selectize-dropdown .active > span {
        color: #fff !important;
    }

.selectize-control.multi .selectize-input.has-items {
    padding: 6px 6px 3px;
}

.selectize-control.multi .selectize-input > div {
    background: #e9ebee;
}

    .selectize-control.multi .selectize-input > div, .selectize-control.multi .selectize-input > div.active {
        border: 1px solid #b8b8b8;
    }

        .selectize-control.multi .selectize-input > div.active {
            background: #ccd1d8;
        }

.selectize-control.multi .selectize-input span.name {
    font-weight: 700;
}

    .selectize-control.multi .selectize-input span.name + span.email {
        padding-left: 4px;
    }

.selectize-control.multi .selectize-input span.email {
    color: #888;
    font-size: 12px;
}

.selectize-control.multi .selectize-input > input {
    height: 20px;
}

div.ganttview-wrapper {
    margin: 0 auto;
    overflow: hidden;
}

div.ganttview-slide-container *, div.ganttview-vtheader *, div.ganttview-slide-container *:before, div.ganttview-vtheader *:before, div.ganttview-slide-container *:after, div.ganttview-vtheader *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

div.ganttview-hzheader-month, div.ganttview-hzheader-day, div.ganttview-vtheader, div.ganttview-grid, div.ganttview-grid-row-cell {
    float: left;
}

div.ganttview-hzheader-month, div.ganttview-hzheader-day {
    text-align: center;
}

    div.ganttview-grid-row-cell.last, div.ganttview-hzheader-day.last, div.ganttview-hzheader-month.last {
        border-right: none;
    }

div.ganttview {
    border: 1px solid #bbb;
}

div.ganttview-hzheader-month {
    width: 60px;
    height: 20px;
    border-right: 1px solid #d0d0d0;
    line-height: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #555;
}

div.ganttview-hzheader-day {
    width: 20px;
    height: 20px;
    border-right: 1px solid #f0f0f0;
    border-top: 1px solid #d0d0d0;
    line-height: 20px;
    color: #999;
    font-size: 11px;
}

    div.ganttview-hzheader-day.ganttview-weekend {
        background: #f8f8f8;
    }

div.ganttview-vtheader {
    margin-top: 41px;
    width: 240px;
    background-color: #fff;
}

div.ganttview-vtheader-item {
    color: #666;
    border-top: 1px solid #bbb;
}

    div.ganttview-vtheader-item:last-child {
        border-bottom: 1px solid #bbb;
    }

div.ganttview-vtheader-item-name {
    line-height: 20px;
    font-size: 12px;
    text-transform: uppercase;
    height: 20px;
    padding: 0 5px;
    background: #eee;
    cursor: pointer;
    position: relative;
}

    div.ganttview-vtheader-item-name:before {
        position: absolute;
        right: 7px;
        top: 7px;
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEUAAACRkZG25HOBAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjgIB/EAoABwAA/3pWUyMAAAAASUVORK5CYII=");
    }

    div.ganttview-vtheader-item-name.projectHidden:before {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEUAAACRkZG25HOBAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjEADDfxAaAAmgAV/uzh22AAAAAElFTkSuQmCC");
    }

div.ganttview-vtheader-series-name {
    height: 30px;
    line-height: 15px;
    padding: 2px 5px;
    border-top: 1px solid #eee;
    font-size: 12px;
}

    div.ganttview-vtheader-series-name:first-child {
        border-top-color: #ddd;
    }

    div.ganttview-vtheader-series-name > span {
        display: block;
        color: #bbb;
    }

div.ganttview-slide-container {
    overflow-y: auto;
    overflow-x: scroll;
    border-left: 1px solid #bbb;
    -webkit-overflow-scrolling: touch;
}

.ganttview-grid-row {
    zoom: 1;
}

    .ganttview-grid-row:before, .ganttview-grid-row:after {
        content: "";
        display: table;
    }

    .ganttview-grid-row:after {
        clear: both;
    }

div.ganttview-grid-item {
    background: #eee;
    height: 20px;
    border-top: 1px solid #bbb;
}

    div.ganttview-grid-item + .ganttview-grid-row > div.ganttview-grid-row-cell {
        border-top-color: #ddd;
    }

div.ganttview-grid-row-cell {
    width: 20px;
    height: 34px;
    border-right: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
}

    div.ganttview-grid-row-cell.ganttview-weekend {
        background-color: #fafafa;
    }

div.ganttview-blocks {
    margin-top: 41px;
}

div.ganttview-block-item {
    height: 21px;
}

div.ganttview-block-container {
    padding: 4px 0;
}

div.ganttview-block {
    position: relative;
    height: 25px;
    background-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.18);
}

div.ganttview-block-text {
    position: absolute;
    font-size: 11px;
    color: #fff;
    padding: 2px 4px;
}

div.ganttview-block div.ui-resizable-handle.ui-resizable-s {
    bottom: 0;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    display: block;
    font-size: .1px;
    position: absolute;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px;
}

.ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px;
}

@media only screen and (min-width: 768px) {
    div.ganttview-wrapper {
        width: 100%;
    }

    div.ganttview-slide-container {
        width: 75%;
    }

    div.ganttview-vtheader {
        width: 25%;
    }
}

@media only screen and (max-width: 991px) {
    div.ganttview-wrapper {
        position: relative;
    }

    div.ganttview-vtheader {
        position: absolute;
        left: 0;
        top: 1px;
        background: none;
        width: 100%;
        z-index: 2;
    }

        div.ganttview-vtheader div.ganttview-vtheader-item-name {
            background: none;
        }

        div.ganttview-vtheader div.ganttview-vtheader-series-name {
            height: 22px;
            line-height: 20px;
            border: none;
            margin-bottom: 31px;
        }

            div.ganttview-vtheader div.ganttview-vtheader-series-name > span {
                display: inline;
                padding-left: 8px;
            }

    .ganttview-grid-row {
        margin-top: 21px;
    }

    div.ganttview-grid-item + .ganttview-grid-row > div.ganttview-grid-row-cell {
        border-top-color: #f0f0f0;
    }

    .ganttview-grid-row div.ganttview-grid-row-cell {
        border-bottom: 1px solid #f0f0f0;
    }

    .ganttview-grid-row:last-child div.ganttview-grid-row-cell {
        border-bottom: none;
    }

    .ganttview-block-container {
        margin-top: 22px;
    }

    div.ganttview-wrapper, div.ganttview-slide-container {
        width: 100%;
    }

    div.ganttview-slide-container {
        border-left: none;
    }

    div.ganttview-vtheader-item:last-child {
        border-bottom: none;
    }
}

body.login_page {
    background: #ececec;
    padding: 0;
}

    body.login_page .login_header {
        background: #164a66;
        padding: 20px 0;
        text-align: center;
        border-bottom: 1px solid rgba(0,0,0,0.8);
    }

    body.login_page .login_register_form {
        width: 320px;
        margin: 0 auto;
        position: relative;
        zoom: 1;
    }

        body.login_page .login_register_form:before, body.login_page .login_register_form:after {
            content: "";
            display: table;
        }

        body.login_page .login_register_form:after {
            clear: both;
        }

        body.login_page .login_register_form .form_wrapper {
            position: absolute;
            top: 20px;
            left: 0;
            right: 0;
        }

body.login_page2 {
    background: #ecf0f1;
    padding: 40px 10px 0;
}

    body.login_page2 .heading_a {
        margin-bottom: 20px;
    }

    body.login_page2 .login_container {
        width: 400px;
        margin: 0 auto;
        position: relative;
        max-width: 100%;
    }

        body.login_page2 .login_container > form {
            width: 400px;
            max-width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            padding: 20px;
            background: #fff;
            border: 1px solid #ddd;
        }

@media only screen and (max-width: 991px) {
    body.login_page2 [class*="col-"] {
        margin-bottom: 6px;
    }
}

.chat_users ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 0 10px;
}

    .chat_users ul li {
        padding: 2px 0;
        overflow: hidden;
    }

        .chat_users ul li a {
            display: block;
            color: #222;
            overflow: hidden;
            padding: 4px;
        }

            .chat_users ul li a > img {
                display: inline-block;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                margin-right: 10px;
                float: left;
            }

        .chat_users ul li + li {
            border-top: 1px solid #eee;
        }

        .chat_users ul li.online, .chat_users ul li.offline {
            position: relative;
        }

            .chat_users ul li.online:before, .chat_users ul li.offline:before, .chat_users ul li.online:after, .chat_users ul li.offline:after {
                position: absolute;
                content: '';
            }

            .chat_users ul li.online:after, .chat_users ul li.offline:after {
                left: 3px;
                top: 8px;
                height: 8px;
                width: 8px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

            .chat_users ul li.online:before, .chat_users ul li.offline:before {
                left: 1px;
                top: 6px;
                height: 12px;
                width: 12px;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
            }

            .chat_users ul li.online:after {
                background: #8cc152;
            }

            .chat_users ul li.online:before {
                background: #fff;
            }

            .chat_users ul li.offline:after {
                background: #da4453;
            }

            .chat_users ul li.offline:before {
                background: #fff;
            }

.chat_messages {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .chat_messages .message_date {
        font-size: 12px;
        color: #999;
        text-align: center;
        margin-bottom: 10px;
    }

    .chat_messages ul {
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .chat_messages ul li {
            list-style: none;
            clear: both;
        }

            .chat_messages ul li + li {
                margin-top: 8px;
            }

        .chat_messages ul .msg_user {
            font-size: 10px;
            font-weight: 700;
            margin: 0 0 4px;
            color: rgba(0,0,0,0.6);
            text-transform: uppercase;
        }

        .chat_messages ul .msg_left, .chat_messages ul .msg_right {
            max-width: 80%;
            padding: 10px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

        .chat_messages ul .msg_left {
            background: #edf3db;
            float: left;
        }

        .chat_messages ul .msg_right {
            background: #deecf5;
            float: right;
        }

        .chat_messages ul + .message_date {
            margin-top: 30px;
        }

.chat_message_send {
    margin-top: 40px;
    position: relative;
}

    .chat_message_send textarea {
        resize: none;
        height: 74px;
        margin-bottom: 10px;
        overflow-y: scroll;
        padding-right: 90px;
    }

    .chat_message_send .btn {
        position: absolute;
        top: 10px;
        right: 26px;
    }

.inv_list a {
    display: block;
    color: #3b73af;
}

    .inv_list a .inv_list_company {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        font: 400 14px / 18px "Open Sans",Arial,sans-serif;
    }

    .inv_list a .inv_list_nb, .inv_list a .inv_list_date {
        color: #999;
        font-size: 12px;
    }

.qrcode canvas, .qrcode img {
    max-width: 100%;
}

.table-invoices tfoot {
    border-top: 2px solid #eee;
}

    .table-invoices tfoot > tr > td {
        border-top: none;
        padding: 6px 8px;
    }

    .table-invoices tfoot > tr.grand_total > td {
        font-size: 16px;
        padding: 8px;
    }

.mailbox_menu {
    margin-top: 40px;
}

@media (max-width:991px) {
    .mailbox_menu {
        margin-top: 0;
    }
}

.mailbox_menu > a {
    font-size: 14px;
}

.mailbox_menu .badge {
    font-weight: normal;
    padding: 3px 6px;
    font-size: 11px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.mailbox_menu a.list-group-item.active > .badge {
    color: #222;
}

.mailbox_menu .menu_icon {
    margin-right: 10px;
    width: 22px;
    text-align: center;
    font-size: 16px;
}

#mailbox_table {
    font-size: 13px;
}

    #mailbox_table tbody tr.selected td, #mailbox_table tbody tr.selected + .footable-row-detail > td {
        background: #ffc;
    }

    #mailbox_table tbody tr td a {
        color: #222;
    }

    #mailbox_table tbody tr td input {
        margin-top: 3px;
    }

    #mailbox_table .mbox_star {
        color: #ccc;
    }

        #mailbox_table .mbox_star.marked {
            color: #f1c40f;
        }

        #mailbox_table .mbox_star span {
            cursor: pointer;
        }

    #mailbox_table tr.unreaded td {
        background: #fff;
        font-weight: 700;
    }

.mail_details_top {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .mail_details_top .mail_user_image img {
        display: inline-block;
        margin-right: 16px;
        margin-top: 4px;
        float: left;
    }

    .mail_details_top .mail_user_info h2 {
        font: 400 22px / 28px "Open Sans",Arial,sans-serif;
        margin: 0;
    }

    .mail_details_top .mail_user_info span {
        font: 400 13px / 18px "Open Sans",Arial,sans-serif;
    }

    .mail_details_top .mail_date {
        float: right;
        font-size: 12px;
        color: #999;
        padding-top: 4px;
    }

.mail_details_content {
    margin-bottom: 50px;
}

.search_results ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .search_results ul li {
        padding: 10px;
    }

        .search_results ul li + li {
            border-top: 1px solid #eee;
        }

        .search_results ul li h4 {
            font: 400 20px / 24px "Open Sans",Arial,sans-serif;
        }

.search-pagination {
    margin-top: 20px;
    border-top: 1px solid #eee;
}

#user_list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

    #user_list li {
        padding: 10px;
        border-top: 1px solid #eee;
    }

        #user_list li .ul_userName {
            font: 400 20px / 24px "Open Sans",Arial,sans-serif;
            margin: 0 0 4px;
        }

        #user_list li p {
            margin: 0;
        }

            #user_list li p + p {
                margin-top: 10px;
            }

.ul_main_info {
    font-size: 12px;
    padding-bottom: 20px;
    color: #999;
    overflow: hidden;
}

.user_profile_img {
    border: 1px solid #999;
    float: left;
    margin-right: 20px;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
}

.user_profile_name {
    font: 400 26px / 32px "Open Sans",Arial,sans-serif;
    margin: 0 0 6px;
}

.user_profile_info {
    font-size: 12px;
    margin: 0;
    font: 400 13px / 16px "Open Sans",Arial,sans-serif;
}

    .user_profile_info + .user_profile_info {
        margin-top: 4px;
    }

.user_profile_list_a {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

    .user_profile_list_a li {
        padding: 8px;
        overflow: hidden;
    }

        .user_profile_list_a li img {
            float: left;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            margin-right: 8px;
        }

        .user_profile_list_a li p {
            padding-top: 2px;
            margin: 0;
            font: 400 14px / 18px "Open Sans",Arial,sans-serif;
            overflow: hidden;
        }

            .user_profile_list_a li p > span {
                display: block;
                font-size: 11px;
            }

        .user_profile_list_a li + li {
            border-top: 1px dashed #eee;
        }

.timeline {
    list-style: none;
    position: relative;
    max-width: 1200px;
    padding: 20px;
    margin: 0 auto;
    overflow: hidden;
}

    .timeline:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -2px;
        background-color: #eee;
        height: 100%;
        width: 4px;
        border-radius: 2px;
        display: block;
    }

    .timeline .timeline-row {
        padding-left: 50%;
        position: relative;
        z-index: 10;
    }

        .timeline .timeline-row .timeline-time {
            position: absolute;
            right: 50%;
            top: 34px;
            text-align: right;
            margin-right: 40px;
            font-size: 16px;
            font: 400 16px / 20px "Open Sans",Arial,sans-serif;
        }

            .timeline .timeline-row .timeline-time small {
                display: block;
                text-transform: uppercase;
                font-size: 11px;
                line-height: 13px;
            }

        .timeline .timeline-row .timeline-icon {
            position: absolute;
            top: 30px;
            left: 50%;
            margin-left: -20px;
            width: 40px;
            height: 40px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #fff;
            text-align: center;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            padding: 3px;
            color: #fff;
            font-size: 14px;
            z-index: 100;
        }

            .timeline .timeline-row .timeline-icon > div {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                line-height: 34px;
                font-size: 16px;
                height: 34px;
                overflow: hidden;
            }

                .timeline .timeline-row .timeline-icon > div.bg-primary {
                    background: #3bafda;
                }

                .timeline .timeline-row .timeline-icon > div.bg-info {
                    background: #37bc9b;
                }

                .timeline .timeline-row .timeline-icon > div.bg-success {
                    background: #8cc152;
                }

                .timeline .timeline-row .timeline-icon > div.bg-warning {
                    background: #f6bb42;
                }

                .timeline .timeline-row .timeline-icon > div.bg-danger {
                    background: #da4453;
                }

                .timeline .timeline-row .timeline-icon > div > i {
                    line-height: 33px;
                }

        .timeline .timeline-row .timeline-content {
            margin-left: 40px;
            background-color: #fff;
            color: #222;
            position: relative;
            left: 0;
            border: 1px solid #eee;
            z-index: 10;
            -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
            box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
        }

            .timeline .timeline-row .timeline-content:after {
                content: "";
                position: absolute;
                top: 48px;
                left: -41px;
                height: 4px;
                width: 40px;
                background-color: #eee;
                z-index: -1;
            }

            .timeline .timeline-row .timeline-content h2 {
                font: 400 20px / 26px "Open Sans",Arial,sans-serif;
                margin: 0 0 12px;
            }

            .timeline .timeline-row .timeline-content .timeline-inner-content {
                z-index: 10;
                background: #fff;
                padding: 15px;
            }

            .timeline .timeline-row .timeline-content .comment {
                position: relative;
            }

                .timeline .timeline-row .timeline-content .comment:before {
                    content: '"';
                    position: absolute;
                    left: 0;
                    top: 0;
                    color: #999;
                    display: block;
                    font-size: 18px;
                }

        .timeline .timeline-row:nth-child(odd) {
            padding-left: 0;
            padding-right: 50%;
        }

            .timeline .timeline-row:nth-child(odd) .timeline-time {
                right: auto;
                left: 50%;
                text-align: left;
                margin-right: 0;
                margin-left: 40px;
            }

            .timeline .timeline-row:nth-child(odd) .timeline-content {
                margin-right: 40px;
                margin-left: 0;
                left: 0;
                -webkit-box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.1);
                box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.1);
            }

                .timeline .timeline-row:nth-child(odd) .timeline-content:after {
                    left: auto;
                    right: -41px;
                }

@media (max-width:1200px) {
    .timeline {
        padding: 15px 10px;
    }

        .timeline:after {
            left: 28px;
        }

        .timeline .timeline-row {
            padding-left: 0;
            margin-bottom: 16px;
        }

            .timeline .timeline-row .timeline-time {
                position: relative;
                right: auto;
                top: 0;
                text-align: left;
                margin: 0 0 6px 56px;
            }

                .timeline .timeline-row .timeline-time small {
                    display: inline-block;
                    margin-right: 6px;
                }

            .timeline .timeline-row .timeline-icon {
                top: 52px;
                left: -2px;
                margin-left: 0;
            }

            .timeline .timeline-row .timeline-content {
                margin-left: 56px;
                position: relative;
            }

                .timeline .timeline-row .timeline-content:after {
                    right: auto !important;
                    left: -20px !important;
                    top: 42px;
                }

            .timeline .timeline-row:nth-child(odd) {
                padding-right: 0;
            }

                .timeline .timeline-row:nth-child(odd) .timeline-time {
                    position: relative;
                    right: auto;
                    left: auto;
                    top: 0;
                    text-align: left;
                    margin: 0 0 6px 56px;
                }

                .timeline .timeline-row:nth-child(odd) .timeline-content {
                    margin-right: 0;
                    margin-left: 55px;
                    left: 0;
                    -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
                    -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
                    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1);
                }
}

.gallery_grid {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
}

    .gallery_grid:before, .gallery_grid:after {
        content: "";
        display: table;
    }

    .gallery_grid:after {
        clear: both;
    }

    .gallery_grid li {
        width: 20%;
        float: left;
        overflow: hidden;
        padding: 10px;
        border: 1px solid #eee;
        margin: -1px -1px 0 0;
        position: relative;
    }

        .gallery_grid li > a.img_wrapper {
            height: 220px;
            overflow: hidden;
            text-align: center;
            display: block;
        }

            .gallery_grid li > a.img_wrapper img {
                height: 100%;
                width: auto;
            }

            .gallery_grid li > a.img_wrapper .gallery_image_zoom {
                opacity: 0;
                filter: alpha(opacity= 0 );
                position: absolute;
                left: 50%;
                top: 50%;
                font-size: 22px;
                background: rgba(0,0,0,0.8);
                color: #eee;
                width: 42px;
                height: 42px;
                text-align: center;
                margin: -21px 0 0 -21px;
                -webkit-transform: scale(.3);
                -moz-transform: scale(.3);
                -ms-transform: scale(.3);
                -o-transform: scale(.3);
                transform: scale(.3);
                -webkit-transition: all 200ms cubic-bezier(0.77, 0, 0.175, 1);
                transition: all 200ms cubic-bezier(0.77, 0, 0.175, 1);
                display: block;
            }

                .gallery_grid li > a.img_wrapper .gallery_image_zoom > span {
                    display: block;
                    line-height: 40px;
                }

        .gallery_grid li:hover a.img_wrapper .gallery_image_zoom {
            opacity: 1;
            filter: alpha(opacity= 100 );
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

@media only screen and (max-width: 1199px) {
    .gallery_grid li {
        width: 25%;
    }
}

@media only screen and (max-width: 991px) {
    .gallery_grid li {
        width: 33.3333333%;
    }
}

@media only screen and (max-width: 767px) {
    .gallery_grid li {
        width: 100%;
    }
}

body.error_page {
    background: #ecf0f1;
    text-align: center;
}

#error_wrapper {
    height: 100%;
    text-align: center;
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
}

#error_wrapper_inner {
    padding: 30px 20px;
}

    #error_wrapper_inner .error_heading {
        font: 400 72px/80px "Open Sans",sans-serif;
        margin: 0 0 20px;
    }

    #error_wrapper_inner .error_subheading {
        font: 400 24px/30px "Open Sans",sans-serif;
        margin: 0 0 40px;
    }

        #error_wrapper_inner .error_subheading span {
            color: #c0392b;
        }

    #error_wrapper_inner p {
        font-size: 14px;
        margin: 0;
    }

    #error_wrapper_inner a {
        background: #8cc152;
        color: #fff;
        display: inline-block;
        padding: 6px 16px;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
    }

.shuffle--container {
    position: relative;
    overflow: hidden;
}

.contact_list {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1;
    overflow: hidden;
}

    .contact_list:before, .contact_list:after {
        content: "";
        display: table;
    }

    .contact_list:after {
        clear: both;
    }

    .contact_list li {
        width: 25%;
        float: left;
        display: block;
        padding: 5px;
    }

@media only screen and (max-width: 1199px) {
    .contact_list li {
        width: 33.333333%;
    }
}

@media only screen and (max-width: 991px) {
    .contact_list li {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .contact_list li {
        width: 100%;
    }
}

.contact_list li > a {
    display: block;
    border: 1px dashed #eee;
    padding: 10px;
}

    .contact_list li > a > img {
        float: left;
        margin-right: 10px;
    }

    .contact_list li > a small {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }

    .contact_list li > a:hover {
        background: #3bafda;
        color: #fff;
        border: 1px solid #3bafda;
    }

        .contact_list li > a:hover small, .contact_list li > a:hover .contact_content span {
            color: #fff;
        }

.contact_list li h2 {
    font: 400 16px / 20px "Open Sans",Arial,sans-serif;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.contact_list li .contact_content {
    overflow: hidden;
    display: block;
}

    .contact_list li .contact_content span {
        display: block;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 6px;
    }

.animated {
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
    animation-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-short {
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: cubic-bezier(.47, .66, 0, .84);
    animation-timing-function: cubic-bezier(.47, .66, 0, .84);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        -ms-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        -ms-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

#style_switcher {
    position: fixed;
    z-index: 1000;
    top: 100px;
    right: -191px;
    margin-right: 0;
    padding: 10px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #e1e1e1;
    border-color: rgba(0,0,0,0.2);
    background: #fff;
    width: 191px;
    -webkit-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    #style_switcher.switcher_open {
        right: 0;
    }

    #style_switcher .switcher_toggle {
        position: absolute;
        left: -32px;
        top: 10px;
        width: 32px;
        height: 30px;
        line-height: 30px;
        padding-left: 7px;
        border-width: 1px 0 1px 1px;
        border-style: solid;
        border-color: #e1e1e1;
        border-color: rgba(0,0,0,0.1);
        background: rgba(0,0,0,0.7);
        font-size: 16px;
        color: #fff;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    #style_switcher ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #style_switcher ul li {
            list-style: none;
            float: left;
            width: 26px;
            height: 26px;
            margin-bottom: 10px;
            text-indent: -9999px;
            cursor: pointer;
            -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
        }

            #style_switcher ul li + li {
                margin-left: 10px;
            }

            #style_switcher ul li:nth-child(5n+6) {
                clear: left;
                margin-left: 0;
            }

    #style_switcher .style_items + .style_items {
        margin-top: 20px;
    }

    #style_switcher .style_title {
        font-size: 12px;
        margin-bottom: 12px;
        padding-bottom: 2px;
        border-bottom: 1px dashed #e1e1e1;
    }

    #style_switcher .radio {
        font-size: 12px;
        padding-top: 0;
    }

        #style_switcher .radio input {
            margin-top: 2px;
        }

    #style_switcher .style_active, #style_switcher .pattern_active {
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        border-radius: 26px;
    }

#style_reset {
    margin-top: 20px;
}

.sw_tb_style_0 {
    background: #20638f;
}

#main_header.topBar_style_1, .sw_tb_style_1 {
    background: #02779e;
}

#main_header.topBar_style_2, .sw_tb_style_2 {
    background: #ab0743;
}

#main_header.topBar_style_3, .sw_tb_style_3 {
    background: #51445f;
}

#main_header.topBar_style_4, .sw_tb_style_4 {
    background: #44392e;
}

#main_header.topBar_style_5, .sw_tb_style_5 {
    background: #036564;
}

#main_header.topBar_style_6, .sw_tb_style_6 {
    background: #a30006;
}

#main_header.topBar_style_7, .sw_tb_style_7 {
    background: #518090;
}

#main_header.topBar_style_8, .sw_tb_style_8 {
    background: #4b1139;
}

#main_header.topBar_style_9, .sw_tb_style_9 {
    background: #007251;
}

#main_header.topBar_style_10, .sw_tb_style_10 {
    background: #684d94;
}

#main_header.topBar_style_11, .sw_tb_style_11 {
    background: #933c60;
}

#main_header.topBar_style_12, .sw_tb_style_12 {
    background: #c63;
}

#main_header.topBar_style_13, .sw_tb_style_13 {
    background: #333;
}

#main_header.topBar_style_14, .sw_tb_style_14 {
    background: #555;
}

.sw_bg_0 {
    background: #fafafa;
}

.fixed_layout.bg_1 {
    background-image: url("../img/background/fabric_of_squares_gray.png");
    background-repeat: no-repeat;
    background-repeat: repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dppx),only screen and (min-resolution:2dppx) {
    .fixed_layout.bg_1 {
        background-image: url("../img/background/fabric_of_squares_gray@2x.png");
        background-size: 410px 410px;
    }
}

.sw_bg_1 {
    background: url(../img/background/fabric_of_squares_gray_tn.png) no-repeat 0 0;
}

.fixed_layout.bg_2 {
    background-image: url("../img/background/bedge_grunge.png");
    background-repeat: no-repeat;
    background-repeat: repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dppx),only screen and (min-resolution:2dppx) {
    .fixed_layout.bg_2 {
        background-image: url("../img/background/bedge_grunge@2x.png");
        background-size: 588px 375px;
    }
}

.sw_bg_2 {
    background: url(../img/background/bedge_grunge_tn.png) no-repeat 0 0;
}

.fixed_layout.bg_3 {
    background-image: url("../img/background/grey_wash_wall.png");
    background-repeat: no-repeat;
    background-repeat: repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dppx),only screen and (min-resolution:2dppx) {
    .fixed_layout.bg_3 {
        background-image: url("../img/background/grey_wash_wall@2x.png");
        background-size: 350px 259px;
    }
}

.sw_bg_3 {
    background: url(../img/background/grey_wash_wall_tn.png) no-repeat 0 0;
}

.fixed_layout.bg_4 {
    background-image: url("../img/background/mooning.png");
    background-repeat: no-repeat;
    background-repeat: repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dppx),only screen and (min-resolution:2dppx) {
    .fixed_layout.bg_4 {
        background-image: url("../img/background/mooning@2x.png");
        background-size: 350px 259px;
    }
}

.sw_bg_4 {
    background: url(../img/background/mooning_tn.png) no-repeat 0 0;
}

.fixed_layout.bg_5 {
    background-image: url("../img/background/shattered.png");
    background-repeat: no-repeat;
    background-repeat: repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dppx),only screen and (min-resolution:2dppx) {
    .fixed_layout.bg_5 {
        background-image: url("../img/background/shattered@2x.png");
        background-size: 350px 259px;
    }
}

.sw_bg_5 {
    background: url(../img/background/shattered_tn.png) no-repeat 0 0;
}

.fixed_layout.bg_6 {
    background-image: url("../img/background/grid.png");
    background-repeat: no-repeat;
    background-repeat: repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dppx),only screen and (min-resolution:2dppx) {
    .fixed_layout.bg_6 {
        background-image: url("../img/background/grid@2x.png");
        background-size: 350px 259px;
    }
}

.sw_bg_6 {
    background: url(../img/background/grid_tn.png) no-repeat 0 0;
}

.fixed_layout.bg_7 {
    background-image: url("../img/background/wall4.png");
    background-repeat: no-repeat;
    background-repeat: repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dppx),only screen and (min-resolution:2dppx) {
    .fixed_layout.bg_7 {
        background-image: url("../img/background/wall4@2x.png");
        background-size: 350px 259px;
    }
}

.sw_bg_7 {
    background: url(../img/background/wall4_tn.png) no-repeat 0 0;
}

.bg_1, .bg_2, .bg_3, .bg_4, .bg_5, .bg_6, .bg_7 {
    background-repeat: repeat;
    background-attachment: fixed;
}

@media only screen and (max-width: 1199px) {
    [class*='col-lg'] {
        margin-bottom: 14px;
    }
}

@media only screen and (min-width: 992px) {
    .col-sep-md {
        border-left: 1px solid #eee;
    }

    .text-right-md {
        text-align: right;
    }
}

@media only screen and (max-width: 991px) {
    [class*='col-md'] {
        margin-bottom: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .text-right-sm {
        text-align: right;
    }
}

@media only screen and (max-width: 767px) {
    [class*='col-sm'] {
        margin-bottom: 14px;
    }
}

.demo_grid .row {
    margin-bottom: 10px;
    text-align: center;
    font: 400 14px / 18px "Open Sans",Arial,sans-serif;
}

    .demo_grid .row [class*='col-'] .col-wrapper {
        padding: 8px 0;
        background: #f5f5f5;
    }

    .demo_grid .row .row [class*='col-'] .col-wrapper {
        margin-top: 8px;
        background: #e8e8e8;
    }

    .demo_grid .row .row .row [class*='col-'] .col-wrapper {
        background: #dcdcdc;
    }

.icon_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    margin-bottom: 10px;
    zoom: 1;
}

    .icon_list:before, .icon_list:after {
        content: "";
        display: table;
    }

    .icon_list:after {
        clear: both;
    }

    .icon_list li {
        float: left;
        width: 42px;
        height: 42px;
        margin: 2px;
        background: #f5f5f5;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08);
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08);
    }

        .icon_list li > span {
            font-size: 20px;
            line-height: 44px;
            color: #383f47;
        }

    .icon_list.list_small li {
        width: 34px;
        height: 34px;
    }

        .icon_list.list_small li > span {
            margin-top: 10px;
        }