body {
    background: #f5f6fa;
    font-family: Roboto, "Segoe UI",Calibri,Tahoma,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #444;
    padding-bottom: 35px;
}

i.fa {
    font-size: 14px;
}

.jconfirm-icon-c > i.fa {
    font-size: 100%;
}

label {
    font-weight: 500;
}

a {
    color: #444;
}

    a:hover, a:focus {
        color: #000;
        text-decoration: none;
    }

.img-circle-30 {
    width: 30px;
    height: 30px;
}

.img-circle-45 {
    width: 45px;
    height: 45px;
}

.img-circle-60 {
    width: 60px;
    height: 60px;
}

.img-circle-bordered {
    border: 1px solid #ddd;
}

.navbar-toggle {
    margin-top: 3px;
    margin-bottom: 3px;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu {
    border-radius: 4px !important;
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    opacity: 0;
    display: block;
    visibility: hidden;
    margin-top: -10px !important;
}

.open > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 5px !important;
}

.daterangepicker.dropdown-menu, .bootstrap-datetimepicker-widget.dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: none;
    margin-top: 5px !important;
    width: auto;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border: 1px solid transparent;
}

.dropdown-menu li > a {
    font-size: 13px;
    padding: 10px 20px;
    margin: 0 5px;
    border-radius: 2px;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}

    .dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active {
    background: #888;
    color: #FFFFFF;
}

.navbar {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
    min-height: 30px;
}

.navbar-brand {
    background-color: #f0f0f0;
    color: #888;
    padding: 8px 15px 9px;
    height: auto;
    text-shadow: none;
    font-size: 16px;
    font-family: "Roboto Condensed"
}

    .navbar-brand:hover, .navbar-brand:focus {
        color: #777;
    }

.navbar-text {
    margin-top: 0px;
    margin-bottom: 0px;
    /*background: #f5f5f5 url(images/bg-repeat.png) repeat 0 0;*/
    padding: 10px 10px 9px;
    color: #FB8C00 !important;
    font-weight: bold;
}

.navbar-default, .navbar-inverse {
    background: #fff;
    border: 0px solid #fff;
    border-bottom: 1px solid #f0f0f0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom-color: #e5eefc;
    box-shadow: 0 0 25px rgba(26, 108, 225, 0.1);
}

    .navbar-default .navbar-nav > li > a {
        color: #888;
        padding-top: 9px;
        padding-bottom: 8px;
        text-shadow: none;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #777;
            background: #fff;
        }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #777;
        background: #f0f0f0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        padding-top: 4px;
        padding-bottom: 6px;
        line-height: 20px;
        text-transform: uppercase;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background: rgba(0, 0, 0, 0.06) none repeat scroll 0% 0%;
        }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        color: #fff;
        background: rgba(0, 0, 0, 0.06) none repeat scroll 0% 0%;
    }


    .navbar-default .navbar-nav > li > a > img,
    .navbar-inverse .navbar-nav > li > a > img {
        float: left;
        margin: -5px 10px 0px 0px;
    }

.navbar-bottom, .navbar-fixed-bottom {
    box-shadow: 0 0 25px rgba(26, 108, 225, 0.1);
    border-top: 1px solid #e5eefc !important;
    padding-top: 10px;
}


.container-fluid .page-header {
    background: #fff;
    padding: 0px 10px 2px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 0px solid #e5e5e5;
    margin: 0px -15px 15px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(240,240,240, 0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(240,240,240, 0.75);
    box-shadow: 0px 3px 5px 0px rgba(240,240,240, 0.75);
}

    .container-fluid .page-header h4 {
        font-size: 16px;
        line-height: 20px;
        margin: 0px;
        padding-top: 4px;
        padding-bottom: 6px;
        color: #ff7e00;
    }
/* Set padding to keep content from hitting the edges */
.body-content {
    position: relative;
}

.container-admin {
    position: static;
    padding: 0px;
    border: 1px solid #e5eefc;
}

    .container-admin > .page-container {
        position: relative;
    }

footer.navbar {
    height: auto;
    padding-top: 5px;
}

footer.navbar-default {
    border-top: 1px solid #f0f0f0 !important;
    text-align: center;
    height: 20px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #53A93F;
    border-color: #53A93F;
}

.pagination > li > a, .pagination > li > span {
    color: #444;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #888;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #000;
}

.input-sm {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box !important;
    color: #262626;
    border: 1px solid #D5D5D5;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    box-shadow: none;
    width: 100% !important;
}

    .input-sm:hover {
        border-color: rgba(0, 0, 0, 0.2);
    }

    .input-sm:focus {
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
        border-color: rgba(0, 0, 0, 0.25);
        outline: 0px none;
    }

.field-validation-error.help-block, .has-success .help-block, .has-warning .help-block {
    display: block;
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 2px;
    margin-top: 2px;
    position: relative;
}

    .field-validation-error.help-block:after, .field-validation-error.help-block:before, .has-success .help-block:after, .has-success .help-block:before, .has-warning .help-block:after, .has-warning .help-block:before {
        content: "";
        position: absolute;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }

    .field-validation-error.help-block:before, .has-success .help-block:before, .has-warning .help-block:before {
        border-bottom: solid;
        border-width: 7px;
        left: 16px;
        top: -7px;
    }

    .field-validation-error.help-block:after, .has-success .help-block:after, .has-warning .help-block:after {
        border-bottom: 6px solid;
        left: 17px;
        top: -6px;
    }

.field-validation-error.simple .help-block, .has-success.simple .help-block, .has-warning.simple .help-block {
    background: none !important;
    border: none;
    padding: 3px 0;
}

    .field-validation-error.simple .help-block:after, .field-validation-error.simple .help-block:before, .has-success.simple .help-block:after, .has-success.simple .help-block:before, .has-warning.simple .help-block:after, .has-warning.simple .help-block:before {
        display: none;
    }

.field-validation-error.help-block {
    background: #F2DEDE none repeat scroll 0% 0% / 20px 20px;
    border-color: #EBCCD1;
    color: #B94A48;
}

    .field-validation-error.help-block::before {
        border-bottom-color: #DDA7B0;
    }

    .field-validation-error.help-block::after {
        border-bottom-color: #F3E2E2;
    }
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea,
.input-group {
    max-width: 280px;
}

.form-control-auto {
    max-width: 80px;
}

.input-group-addon {
    border-radius: 0px !important;
}

.signin-form .input-group {
    max-width: none;
}

.input-group > .form-control {
    max-width: 100%;
    border-radius: 0px !important;
}

.text-sf-heading {
    font-size: 14px;
    color: #FB8C00;
    padding: 10px 15px;
}

.text-sf-heading2 {
    color: #8392a5;
    margin: 0px 0px 10px;
    padding: 10px;
    font-size: 16px;
    border-bottom: 1px dotted #ddd;
}

.text-heading {
    margin: 0px;
    color: #88A919;
}

.text-italic {
    display: inline-block;
    font-style: italic;
}

.text-right > .dt-buttons {
    float: right;
}

label.text-sf-heading2 {
    color: #53A93F;
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
    padding: 0px 10px;
}

.panel-heading > .text-sf-heading {
    font-size: 15px;
}

.panel-heading > label {
    margin: 0px;
}

.checkbox > label.text-sf-heading2 {
    padding-left: 20px;
}

.text-muted {
    color: #999;
}

.btn-borderless {
    border: 0px;
}

.btn-sm.btn-link {
    padding: 5px 0px;
    color: #3C763D;
}


.btn-xs.btn-link {
    color: #3C763D;
}

.btn-float {
    position: absolute !important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    margin: 5px;
    z-index: 999;
}

    .btn-float.btn-float-top-right {
        top: 0px;
        right: 0px;
    }

.btn-icon {
    border-radius: 0px;
}

    .btn-icon > i.fa {
        font-size: 12px;
        background: rgba(0, 0, 0, 0.06) none repeat scroll 0% 0%;
        margin: -5px 10px -5px -10px;
        padding: inherit;
        border-color: inherit;
        line-height: inherit;
    }

    .btn-icon > span {
        margin: -5px -10px -5px -10px;
        padding: inherit;
        border-color: inherit;
    }

        .btn-icon > span > i.fa {
            background: rgba(0, 0, 0, 0.06) none repeat scroll 0% 0%;
            margin: -7px 10px -7px -10px;
            padding: inherit;
            border-color: inherit;
            line-height: inherit;
        }

.btn-xs.btn-icon > i.fa {
    margin: -1px 5px -1px -5px;
}

.btn-xs > i.fa {
    font-size: 12px;
}

.list-btn-icon > i.fa {
    font-size: 13px;
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0% 0%;
    margin: -11px 15px -10px -15px;
    padding: inherit;
    border-color: inherit;
    line-height: inherit;
    min-width: 45px;
    text-align: center;
}

.text-left {
    text-align: left !important;
}

.modal-content {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.modal-header {
    border-bottom: 2px solid #53A93F;
    padding: 10px;
}

    .modal-header > .modal-title {
        font-size: 16px;
    }

.modal-body {
    padding: 0px;
}

    .modal-body > .panel,
    .modal-body > .dt-bootstrap,
    .modal-body > .table {
        border-width: 0px;
        box-shadow: none;
        margin: 0px;
    }

    .modal-body > .panel-widget {
        border-width: 1px;
        margin: 15px;
    }

        .modal-body > .panel-widget > .dt-bootstrap {
            border-bottom-width: 1px;
            border-color: inherit;
        }

.wizard {
    width: 100%;
    overflow: hidden;
}

    .wizard > .content > .title, .wizard > .steps .current-info {
        position: absolute;
        left: -99999px;
    }

    .wizard > .steps {
        position: relative;
        display: block;
        width: 100%;
        border-bottom: 1px solid #fafafa;
    }

        .wizard > .steps > ul {
            display: table;
            width: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
            table-layout: fixed;
        }

            .wizard > .steps > ul > li {
                display: table-cell;
                width: auto;
                vertical-align: top;
                text-align: center;
                position: relative;
            }

                .wizard > .steps > ul > li:after {
                    right: 0;
                }

                .wizard > .steps > ul > li a {
                    position: relative;
                    padding-top: 32px;
                    margin-top: 5px;
                    margin-bottom: 5px;
                    display: block;
                    outline: 0px;
                }

                .wizard > .steps > ul > li:after, .wizard > .steps > ul > li:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 20px;
                    width: 50%;
                    height: 2px;
                    background-color: #A0D468;
                    z-index: 9;
                }

                .wizard > .steps > ul > li.current .number:after, .wizard > .steps > ul > li.done .number:after {
                    display: inline-block;
                    -webkit-transition: all .15s ease-in-out;
                    -o-transition: all .15s ease-in-out;
                    font-family: 'FontAwesome';
                    -moz-osx-font-smoothing: grayscale;
                    line-height: 28px;
                    -webkit-font-smoothing: antialiased;
                }

                .wizard > .steps > ul > li:before {
                    left: 0;
                }

                .wizard > .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after {
                    content: none;
                }

                .wizard > .steps > ul > li.current:after, .wizard > .steps > ul > li.current ~ li:after, .wizard > .steps > ul > li.current ~ li:before {
                    background-color: #fff;
                }

                .wizard > .steps > ul > li.current > a {
                    color: #333;
                    cursor: default;
                }

                .wizard > .steps > ul > li.current .number {
                    font-size: 0;
                    border-color: #888;
                    background-color: #fff;
                    color: #888;
                }

                    .wizard > .steps > ul > li.current .number:after {
                        font-family: 'FontAwesome';
                        content: "\f040";
                        font-size: 16px;
                        transition: all .15s ease-in-out;
                    }

                .wizard > .steps > ul > li.disabled a, .wizard > .steps > ul > li.disabled a:focus, .wizard > .steps > ul > li.disabled a:hover {
                    color: #999;
                    cursor: default;
                }

                .wizard > .steps > ul > li.done a, .wizard > .steps > ul > li.done a:focus, .wizard > .steps > ul > li.done a:hover {
                    color: #53a93f;
                }

                .wizard > .steps > ul > li.done .number {
                    font-size: 0;
                    background-color: #A0D468;
                    border-color: #A0D468;
                    color: #fff;
                }

                    .wizard > .steps > ul > li.done .number:after {
                        font-family: 'FontAwesome';
                        content: "\f00c";
                        font-size: 16px;
                        transition: all .15s ease-in-out;
                    }

                .wizard > .steps > ul > li.error .number {
                    border-color: #888;
                    color: #888;
                }

@media (max-width:768px) {
    .wizard > .steps > ul {
        margin-bottom: 20px;
    }

        .wizard > .steps > ul > li {
            display: block;
            float: left;
            width: 50%;
        }

            .wizard > .steps > ul > li > a {
                margin-bottom: 0;
            }

            .wizard > .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after {
                content: '';
            }

            .wizard > .steps > ul > li:last-child:after {
                background-color: #00BCD4;
            }
}

@media (max-width:480px) {
    .wizard > .steps > ul > li {
        width: 100%;
    }

        .wizard > .steps > ul > li.current:after {
            background-color: #00BCD4;
        }
}

.wizard > .steps .number {
    background-color: #fff;
    color: #ccc;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -19px;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    font-size: 14px;
    border-radius: 50%;
    z-index: 10;
    line-height: 24px;
    text-align: center;
}

.wizard legend {
    display: block;
    width: 100%;
    padding: 0;
    margin: 5px 0px;
    font-size: 12px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 0px solid #e5e5e5;
}

.wizard > .content {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0px 15px;
}

    .wizard > .content > .body {
        padding: 10px;
        margin: 0px;
    }

    .wizard > .content > iframe {
        border: 0;
        width: 100%;
        height: 100%;
    }

.wizard > .actions {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0px 15px;
    border-top: 1PX solid #D5D5D5;
}

    .wizard > .actions > ul {
        float: right;
        list-style: outside none none;
        padding: 0px;
        margin: 15px 0px;
    }

        .wizard > .actions > ul > li {
            float: left;
        }

            .wizard > .actions > ul > li + li {
                margin-left: 10px;
            }

            .wizard > .actions > ul > li > a {
                background: #2196F3 none repeat scroll 0% 0%;
                color: #FFF;
                display: block;
                padding: 3px 12px;
                border-radius: 2px;
                border: 1px solid transparent;
            }

            .wizard > .actions > ul > li.disabled > a, .wizard > .actions > ul > li.disabled > a:focus, .wizard > .actions > ul > li.disabled > a:hover {
                color: #999;
            }

.wizard .panel {
    margin-bottom: 0px;
}

    .wizard .panel > .panel-heading,
    .wizard .list-group-item {
        padding: 3px 10px;
    }
/*
    .wizard > .steps {
        background: #f5f5f5 url(sf/img/titleRowBg.png) repeat;
    }

        .wizard > .steps > ul {
            cursor: default;
            display: table !important;
            float: none !important;
            position: relative;
            white-space: nowrap;
            -webkit-transition: left .3s;
            transition: left .3s;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: 100%;
        }

            .wizard > .steps > ul > li {
                display: table-cell;
                float: none !important;
                list-style: none;
                margin: 0;
                padding: 0;
                vertical-align: middle;
                width: auto;
            }

        .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
            display: block;
            width: auto;
            margin: 0px;
            padding: 10px 10px 10px 50px;
            text-decoration: none;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

        .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
            background: #e5e5e5 url(sf/img/titleRowBg.png) repeat;
            cursor: default;
        }

        .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
            background: #f5f5f5 url(sf/img/titleRowBg.png) repeat;
            color: #FFF;
        }

        .wizard > .steps > ul > li.done {
            cursor: pointer;
        }

            .wizard > .steps > ul > li.current .wizard-step-caption, .wizard > .steps > ul > li.done .wizard-step-caption {
                color: #555;
            }

            .wizard > .steps > ul > li.current .wizard-step-description, .wizard > .steps > ul > li.done .wizard-step-description {
                color: #888;
            }

            .wizard > .steps > ul > li.current .number, .wizard > .steps > ul > li.done .number {
                border-color: #555;
                color: #555;
            }

        .wizard > .steps .number:after {
            display: none;
        }

        .wizard > .steps > ul > li.current .number {
            font-size: 0px;
            border-color: #00BCD4;
            background-color: #FFF;
            color: #00BCD4;
        }

        .wizard > .steps .number, .wizard > .steps > ul > li.done .number:after {
            background: #fff;
            border-radius: 9999px;
            display: block;
            font-size: 14px;
            line-height: 26px;
            position: absolute;
            text-align: center;
        }

        .wizard > .steps .number {
            border: 2px solid #bbb;
            color: #bbb;
            font-weight: 700;
            height: 30px;
            margin-left: -40px;
            margin-top: -15px;
            top: 50%;
            width: 30px;
        }

        .wizard > .steps > ul > li.done .number {
            font-size: 0;
        }

            .wizard > .steps > ul > li.done .number:after {
                content: '\f00c';
                font-family: FontAwesome;
                font-size: 13px;
                font-weight: 400;
                height: 26px;
                left: 0;
                width: 26px;
                top: 0;
            }

.wizard-step-caption, .wizard-step-description {
    color: #bbb;
    display: inline-block;
    line-height: 14px;
    white-space: normal;
}

.wizard-step-caption {
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px;
    vertical-align: middle;
}

.wizard-step-description {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
    position: relative;
}

.wizard > .content {
    min-height: 50px;
}

.wizard > .steps > ul > li.current::after, .wizard > .steps > ul > li.current ~ li::after, .wizard > .steps > ul > li.current ~ li::before {
    background-color: #EEE;
}
.wizard > .steps > ul > li::after, .wizard > .steps > ul > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 43px;
    width: 50%;
    height: 2px;
    background-color: #00BCD4;
    z-index: 9;
}*/
.timeline {
    position: relative;
    padding-bottom: 10px;
}

    .timeline:after, .timeline:before {
        content: "";
        display: block;
        position: absolute;
        left: 30px;
        bottom: 0;
    }

    .timeline:before {
        width: 4px;
        top: 0;
        margin-left: -2px;
    }

    .timeline:after {
        width: 12px;
        height: 12px;
        margin-left: -6px;
        border-radius: 999999px;
    }

.tl-header {
    position: relative;
    width: 140px;
    padding: 8px 0;
    text-align: center;
    left: 0;
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 14px;
    border-radius: 2px;
}

    .tl-header.now {
        margin-top: 0;
    }

.tl-entry {
    margin-left: 30px;
    margin-right: 0;
    padding-left: 36px;
    padding-right: 0;
    position: relative;
    margin-bottom: 40px;
}

    .tl-entry:after, .tl-entry:before {
        content: " ";
        display: table;
    }

    .tl-entry:after {
        clear: both;
    }

    .tl-entry:before {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        left: -3px;
        right: auto;
        border-radius: 999999px;
        top: 20px;
    }

.tl-body {
    position: relative;
    margin: 0;
}

    .tl-body > .tl-content {
        display: block;
    }

        .tl-body > .tl-content > span, .tl-body > .tl-content > .btn-link {
            display: table-cell;
            padding: 5px 5px 5px 0px;
            border: 0px;
            font-size: 12px;
            line-height: 18px;
        }

    .tl-body > .tl-head {
        background: #fafafa;
        padding: 7px 15px;
        font-weight: bold;
    }

    .tl-body:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 9px 8px 0;
        border-color: transparent #ccc transparent transparent;
        position: absolute;
        left: -9px;
        right: auto;
        top: 10px;
    }

    .tl-body:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 8px 7px 0;
        border-color: transparent #ddd transparent transparent;
        position: absolute;
        left: -8px;
        right: auto;
        top: 11px;
    }

.tl-time {
    position: absolute;
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 0;
    text-align: right;
    white-space: nowrap;
    color: #888;
    top: -22px;
    font-size: 13px;
}

.tl-icon {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 999999px;
    left: -20px;
    right: auto;
    top: 4px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
}

    .tl-icon img {
        height: 100%;
        display: block;
    }

.tl-wide {
    margin: 0 -15px;
}

@media (min-width:768px) {
    .timeline:after, .timeline:before {
        left: 100px;
    }

    .tl-header {
        left: 100px;
        margin-left: -70px;
    }

    .tl-entry {
        margin-left: 100px;
        margin-bottom: 20px;
    }

    .tl-time {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: 32px;
        top: 14px;
    }

    .timeline.centered .tl-header, .timeline.centered:after, .timeline.centered:before {
        left: 50%;
        right: auto;
    }

    .timeline.centered .tl-entry {
        margin-left: 50%;
        margin-right: 0;
    }

        .timeline.centered .tl-entry.left {
            margin-left: 0;
            margin-right: 50%;
            padding-left: 0;
            padding-right: 36px;
        }

            .timeline.centered .tl-entry.left:before {
                left: auto;
                right: -3px;
            }

            .timeline.centered .tl-entry.left .tl-body:before {
                border-width: 8px 0 8px 9px;
                left: auto;
                right: -9px;
            }

            .timeline.centered .tl-entry.left .tl-body:after {
                border-width: 7px 0 7px 8px;
                border-color: transparent transparent transparent #fff;
                left: auto;
                right: -8px;
            }

            .timeline.centered .tl-entry.left .tl-time {
                left: 100%;
                right: auto;
                margin-left: 32px;
                margin-right: 0;
            }

            .timeline.centered .tl-entry.left .tl-icon {
                left: auto;
                right: -20px;
            }
}

.timeline::after, .timeline::before {
    background: #DDD none repeat scroll 0% 0%;
}

.bg-primary {
    background: #1d89cf !important;
}

    .bg-primary.darken, .bg-primary[href]:hover {
        background: #227fbb !important;
    }

        .bg-primary.darken[href]:hover, .bg-primary.darker {
            background: #1f76ae !important;
        }

            .bg-primary.darker[href]:hover {
                background: #1d6da1 !important;
            }

    .bg-primary, .bg-primary a, .bg-primary a:focus, .bg-primary:active, .bg-primary:focus, .bg-primary:hover {
        color: #fff;
    }

        .bg-primary a:active, .bg-primary a:hover {
            color: #d9d9d9;
        }

        .bg-primary [href]:hover, .bg-primary[href]:hover {
            color: #fff;
        }

        .bg-primary * {
            border-color: #2e9be2;
        }

.bg-default {
    background: #98a3a4 !important;
}

    .bg-default.darken, .bg-default[href]:hover {
        background: #969797 !important;
    }

        .bg-default.darken[href]:hover, .bg-default.darker {
            background: #8e8f8f !important;
        }

            .bg-default.darker[href]:hover {
                background: #878787 !important;
            }

    .bg-default, .bg-default a, .bg-default a:focus, .bg-default:active, .bg-default:focus, .bg-default:hover {
        color: #fff;
    }

        .bg-default a:active, .bg-default a:hover {
            color: #d9d9d9;
        }

        .bg-default [href]:hover, .bg-default[href]:hover {
            color: #fff;
        }

        .bg-default * {
            border-color: #abb4b5;
        }



.bg-danger {
    background: #e66454 !important;
}

    .bg-danger.darken, .bg-danger[href]:hover {
        background: #de5d4d !important;
    }

        .bg-danger.darken[href]:hover, .bg-danger.darker {
            background: #db5140 !important;
        }

            .bg-danger.darker[href]:hover {
                background: #d94533 !important;
            }

    .bg-danger, .bg-danger a, .bg-danger a:focus, .bg-danger:active, .bg-danger:focus, .bg-danger:hover {
        color: #fff;
    }

        .bg-danger a:active, .bg-danger a:hover {
            color: #d9d9d9;
        }

        .bg-danger [href]:hover, .bg-danger[href]:hover {
            color: #fff;
        }

        .bg-danger * {
            border-color: #eb8073;
        }

.bg-warning {
    background: #f4b04f !important;
}

    .bg-warning.darken, .bg-warning[href]:hover {
        background: #eda847 !important;
    }

        .bg-warning.darken[href]:hover, .bg-warning.darker {
            background: #eca239 !important;
        }

            .bg-warning.darker[href]:hover {
                background: #ea9b2b !important;
            }

    .bg-warning, .bg-warning a, .bg-warning a:focus, .bg-warning:active, .bg-warning:focus, .bg-warning:hover {
        color: #fff !important;
    }

        .bg-warning a:active, .bg-warning a:hover {
            color: #d9d9d9;
        }

        .bg-warning [href]:hover, .bg-warning[href]:hover {
            color: #fff;
        }

        .bg-warning * {
            border-color: #f6bf71;
        }

.bg-info {
    background: #5bc0de !important;
}

    .bg-info.darken, .bg-info[href]:hover {
        background: #55b8d5 !important;
    }

        .bg-info.darken[href]:hover, .bg-info.darker {
            background: #48b3d2 !important;
        }

            .bg-info.darker[href]:hover {
                background: #3cadcf !important;
            }

    .bg-info, .bg-info a, .bg-info a:focus, .bg-info:active, .bg-info:focus, .bg-info:hover {
        color: #fff;
    }

        .bg-info a:active, .bg-info a:hover {
            color: #d9d9d9;
        }

        .bg-info [href]:hover, .bg-info[href]:hover {
            color: #fff;
        }

        .bg-info * {
            border-color: #79cbe4;
        }

.bg-theme {
    background: #f3e5f5;
}






.divider-vertical {
    display: inline;
    margin: 0px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #fff;
    padding: 6px 6px 8px;
    line-height: 22px;
}

    .divider-vertical:first-child {
        border-left: 0px;
        border-right: 1px solid #ddd;
    }

    .divider-vertical:last-child {
        border-left: 1px solid #fff;
        border-right: 0px;
    }

.list-group.list-group-sm > .list-group-item {
    padding: 6px 10px;
}

    .list-group.list-group-sm > .list-group-item.list-btn-icon > i.fa {
        margin: -10px 10px -10px -10px;
        min-width: 40px;
    }

.list-group.list-group-top {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin: 0px;
    border-width: 0px;
    box-shadow: none;
    text-align: right;
}

    .list-group.list-group-top > .list-group-item {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border-right: 0px;
        background: #f2f2f2;
    }

        .list-group.list-group-top > .list-group-item:first-child {
            border-top-width: 0px;
        }

        .list-group.list-group-top > .list-group-item:last-child {
            border-bottom-width: 0px;
        }

.list-group.list-group-bottom {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin: 0px;
    border-width: 0px;
    box-shadow: none;
    text-align: left;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,f2f2f2+100 */
    background: rgb(250,250,250); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #ddd;
}

    .list-group.list-group-bottom > .list-group-item {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border-right: 0px;
        background: transparent;
        border: 0px;
    }

        .list-group.list-group-bottom > .list-group-item:first-child {
            margin-left: 0px;
        }

.list-group-horizontal .list-group-item {
    display: inline-block;
}

.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left: -4px;
    margin-right: 0;
}

    .list-group-horizontal .list-group-item:first-child {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .list-group-horizontal .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
    }

.tab-container {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    border: 1px solid #ddd;
}

.profile-stats > .tab-container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.tab-content {
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding: 15px;
    position: relative;
}

    .tab-content.no-padding {
        padding: 0;
    }

    .tab-content.no-border {
        border: 0;
        padding: 12px;
    }

    .tab-content.radius-bordered {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        background-clip: padding-box;
    }

    .tab-content.tabs-flat {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: 1px solid #e5e5e5;
    }

.nav-tabs {
    margin-bottom: 0;
    margin-left: 0;
    border: 0;
    top: 2px;
    background-color: #eee;
    /*-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
    box-shadow: 0 0 4px rgba(0,0,0,.3);*/
}

    .nav-tabs > li {
        z-index: 1;
        margin-bottom: -2px;
    }

        .nav-tabs > li > a:hover {
            color: #262626;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs > li > a:active, .nav-tabs > li > a:focus {
            outline: none !important;
        }

        .nav-tabs > li > a, .nav-tabs > li > a:focus {
            border-radius: 0 !important;
            color: #777;
            margin-right: -1px;
            line-height: 14px;
            font-size: 14px;
            position: relative;
        }

            .nav-tabs > li > a > .badge {
                padding: 0 4px;
                line-height: 15px;
                opacity: .75;
                height: 16px;
                min-width: 16px;
            }

            .nav-tabs > li > a .fa, .nav-tabs > li > a .glyphicon, .nav-tabs > li > a .typcn, .nav-tabs > li > a .wi {
                opacity: .75;
            }

        .nav-tabs > li:first-child > a {
            margin-left: 0;
        }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #262626;
            border: 0;
            border-top: 2px solid #2dc3e8;
            border-bottom-color: transparent;
            background-color: #fbfbfb;
            line-height: 16px;
            margin-top: -2px;
            box-shadow: 0 -2px 3px 0 rgba(0,0,0,.15);
            font-size: 14px;
        }

            .nav-tabs > li.active > a > .badge, .nav-tabs > li.active > a > [class*="fa-"] {
                opacity: 1;
            }

        .nav-tabs > li.active.tab-white > a {
            border-color: #fff !important;
        }

            .nav-tabs > li.active.tab-white > a > .fa, .nav-tabs > li.active.tab-white > a .glyphicon, .nav-tabs > li.active.tab-white > a .typcn, .nav-tabs > li.active.tab-white > a .wi {
                color: #fff;
            }

        .nav-tabs > li.active.tab-snow > a {
            border-color: #fbfbfb !important;
        }

            .nav-tabs > li.active.tab-snow > a > .fa, .nav-tabs > li.active.tab-snow > a .glyphicon, .nav-tabs > li.active.tab-snow > a .typcn, .nav-tabs > li.active.tab-snow > a .wi {
                color: #fbfbfb;
            }

        .nav-tabs > li.active.tab-whitesmoke > a {
            border-color: #f5f5f5 !important;
        }

            .nav-tabs > li.active.tab-whitesmoke > a > .fa, .nav-tabs > li.active.tab-whitesmoke > a .glyphicon, .nav-tabs > li.active.tab-whitesmoke > a .typcn, .nav-tabs > li.active.tab-whitesmoke > a .wi {
                color: #f5f5f5;
            }

        .nav-tabs > li.active.tab-seashell > a {
            border-color: #f3f3f3 !important;
        }

            .nav-tabs > li.active.tab-seashell > a > .fa, .nav-tabs > li.active.tab-seashell > a .glyphicon, .nav-tabs > li.active.tab-seashell > a .typcn, .nav-tabs > li.active.tab-seashell > a .wi {
                color: #f3f3f3;
            }

        .nav-tabs > li.active.tab-ivory > a {
            border-color: #eee !important;
        }

            .nav-tabs > li.active.tab-ivory > a > .fa, .nav-tabs > li.active.tab-ivory > a .glyphicon, .nav-tabs > li.active.tab-ivory > a .typcn, .nav-tabs > li.active.tab-ivory > a .wi {
                color: #eee;
            }

        .nav-tabs > li.active.tab-platinum > a {
            border-color: #e5e5e5 !important;
        }

            .nav-tabs > li.active.tab-platinum > a > .fa, .nav-tabs > li.active.tab-platinum > a .glyphicon, .nav-tabs > li.active.tab-platinum > a .typcn, .nav-tabs > li.active.tab-platinum > a .wi {
                color: #e5e5e5;
            }

        .nav-tabs > li.active.tab-lightgray > a {
            border-color: #d0d0d0 !important;
        }

            .nav-tabs > li.active.tab-lightgray > a > .fa, .nav-tabs > li.active.tab-lightgray > a .glyphicon, .nav-tabs > li.active.tab-lightgray > a .typcn, .nav-tabs > li.active.tab-lightgray > a .wi {
                color: #d0d0d0;
            }

        .nav-tabs > li.active.tab-gray > a {
            border-color: #ccc !important;
        }

            .nav-tabs > li.active.tab-gray > a > .fa, .nav-tabs > li.active.tab-gray > a .glyphicon, .nav-tabs > li.active.tab-gray > a .typcn, .nav-tabs > li.active.tab-gray > a .wi {
                color: #ccc;
            }

        .nav-tabs > li.active.tab-darkgray > a {
            border-color: #999 !important;
        }

            .nav-tabs > li.active.tab-darkgray > a > .fa, .nav-tabs > li.active.tab-darkgray > a .glyphicon, .nav-tabs > li.active.tab-darkgray > a .typcn, .nav-tabs > li.active.tab-darkgray > a .wi {
                color: #999;
            }

        .nav-tabs > li.active.tab-silver > a {
            border-color: #777 !important;
        }

            .nav-tabs > li.active.tab-silver > a > .fa, .nav-tabs > li.active.tab-silver > a .glyphicon, .nav-tabs > li.active.tab-silver > a .typcn, .nav-tabs > li.active.tab-silver > a .wi {
                color: #777;
            }

        .nav-tabs > li.active.tab-sonic-silver > a {
            border-color: #737373 !important;
        }

            .nav-tabs > li.active.tab-sonic-silver > a > .fa, .nav-tabs > li.active.tab-sonic-silver > a .glyphicon, .nav-tabs > li.active.tab-sonic-silver > a .typcn, .nav-tabs > li.active.tab-sonic-silver > a .wi {
                color: #737373;
            }

        .nav-tabs > li.active.tab-storm-cloud > a {
            border-color: #666 !important;
        }

            .nav-tabs > li.active.tab-storm-cloud > a > .fa, .nav-tabs > li.active.tab-storm-cloud > a .glyphicon, .nav-tabs > li.active.tab-storm-cloud > a .typcn, .nav-tabs > li.active.tab-storm-cloud > a .wi {
                color: #666;
            }

        .nav-tabs > li.active.tab-lightcarbon > a {
            border-color: #555 !important;
        }

            .nav-tabs > li.active.tab-lightcarbon > a > .fa, .nav-tabs > li.active.tab-lightcarbon > a .glyphicon, .nav-tabs > li.active.tab-lightcarbon > a .typcn, .nav-tabs > li.active.tab-lightcarbon > a .wi {
                color: #555;
            }

        .nav-tabs > li.active.tab-carbon > a {
            border-color: #444 !important;
        }

            .nav-tabs > li.active.tab-carbon > a > .fa, .nav-tabs > li.active.tab-carbon > a .glyphicon, .nav-tabs > li.active.tab-carbon > a .typcn, .nav-tabs > li.active.tab-carbon > a .wi {
                color: #444;
            }

        .nav-tabs > li.active.tab-primary > a {
            border-color: #4374e0 !important;
        }

            .nav-tabs > li.active.tab-primary > a > .fa, .nav-tabs > li.active.tab-primary > a .glyphicon, .nav-tabs > li.active.tab-primary > a .typcn, .nav-tabs > li.active.tab-primary > a .wi {
                color: #4374e0;
            }

        .nav-tabs > li.active.tab-slate-gray > a {
            border-color: #333 !important;
        }

            .nav-tabs > li.active.tab-slate-gray > a > .fa, .nav-tabs > li.active.tab-slate-gray > a .glyphicon, .nav-tabs > li.active.tab-slate-gray > a .typcn, .nav-tabs > li.active.tab-slate-gray > a .wi {
                color: #333;
            }

        .nav-tabs > li.active.tab-darkcarbon > a {
            border-color: #262626 !important;
        }

            .nav-tabs > li.active.tab-darkcarbon > a > .fa, .nav-tabs > li.active.tab-darkcarbon > a .glyphicon, .nav-tabs > li.active.tab-darkcarbon > a .typcn, .nav-tabs > li.active.tab-darkcarbon > a .wi {
                color: #262626;
            }

        .nav-tabs > li.active.tab-blue > a {
            border-color: #5db2ff !important;
        }

            .nav-tabs > li.active.tab-blue > a > .fa, .nav-tabs > li.active.tab-blue > a .glyphicon, .nav-tabs > li.active.tab-blue > a .typcn, .nav-tabs > li.active.tab-blue > a .wi {
                color: #5db2ff;
            }

        .nav-tabs > li.active.tab-info > a {
            border-color: #57b5e3 !important;
        }

            .nav-tabs > li.active.tab-info > a > .fa, .nav-tabs > li.active.tab-info > a .glyphicon, .nav-tabs > li.active.tab-info > a .typcn, .nav-tabs > li.active.tab-info > a .wi {
                color: #57b5e3;
            }

        .nav-tabs > li.active.tab-sky > a {
            border-color: #11a9cc !important;
        }

            .nav-tabs > li.active.tab-sky > a > .fa, .nav-tabs > li.active.tab-sky > a .glyphicon, .nav-tabs > li.active.tab-sky > a .typcn, .nav-tabs > li.active.tab-sky > a .wi {
                color: #11a9cc;
            }

        .nav-tabs > li.active.tab-primary > a {
            border-color: #4374e0 !important;
        }

            .nav-tabs > li.active.tab-primary > a > .fa, .nav-tabs > li.active.tab-primary > a .glyphicon, .nav-tabs > li.active.tab-primary > a .typcn, .nav-tabs > li.active.tab-primary > a .wi {
                color: #4374e0;
            }

        .nav-tabs > li.active.tab-primary > a {
            border-color: #4374e0 !important;
        }

            .nav-tabs > li.active.tab-primary > a > .fa, .nav-tabs > li.active.tab-primary > a .glyphicon, .nav-tabs > li.active.tab-primary > a .typcn, .nav-tabs > li.active.tab-primary > a .wi {
                color: #4374e0;
            }

        .nav-tabs > li.active.tab-blueberry > a {
            border-color: #6f85bf !important;
        }

            .nav-tabs > li.active.tab-blueberry > a > .fa, .nav-tabs > li.active.tab-blueberry > a .glyphicon, .nav-tabs > li.active.tab-blueberry > a .typcn, .nav-tabs > li.active.tab-blueberry > a .wi {
                color: #6f85bf;
            }

        .nav-tabs > li.active.tab-palegreen > a {
            border-color: #a0d468 !important;
        }

            .nav-tabs > li.active.tab-palegreen > a > .fa, .nav-tabs > li.active.tab-palegreen > a .glyphicon, .nav-tabs > li.active.tab-palegreen > a .typcn, .nav-tabs > li.active.tab-palegreen > a .wi {
                color: #a0d468;
            }

        .nav-tabs > li.active.tab-success > a {
            border-color: #53a93f !important;
        }

            .nav-tabs > li.active.tab-success > a > .fa, .nav-tabs > li.active.tab-success > a .glyphicon, .nav-tabs > li.active.tab-success > a .typcn, .nav-tabs > li.active.tab-success > a .wi {
                color: #53a93f;
            }

        .nav-tabs > li.active.tab-green > a {
            border-color: #8cc474 !important;
        }

            .nav-tabs > li.active.tab-green > a > .fa, .nav-tabs > li.active.tab-green > a .glyphicon, .nav-tabs > li.active.tab-green > a .typcn, .nav-tabs > li.active.tab-green > a .wi {
                color: #8cc474;
            }

        .nav-tabs > li.active.tab-lightyellow > a {
            border-color: #f6d52e !important;
        }

            .nav-tabs > li.active.tab-lightyellow > a > .fa, .nav-tabs > li.active.tab-lightyellow > a .glyphicon, .nav-tabs > li.active.tab-lightyellow > a .typcn, .nav-tabs > li.active.tab-lightyellow > a .wi {
                color: #f6d52e;
            }

        .nav-tabs > li.active.tab-yellow > a {
            border-color: #ffce55 !important;
        }

            .nav-tabs > li.active.tab-yellow > a > .fa, .nav-tabs > li.active.tab-yellow > a .glyphicon, .nav-tabs > li.active.tab-yellow > a .typcn, .nav-tabs > li.active.tab-yellow > a .wi {
                color: #ffce55;
            }

        .nav-tabs > li.active.tab-warning > a {
            border-color: #f4b400 !important;
        }

            .nav-tabs > li.active.tab-warning > a > .fa, .nav-tabs > li.active.tab-warning > a .glyphicon, .nav-tabs > li.active.tab-warning > a .typcn, .nav-tabs > li.active.tab-warning > a .wi {
                color: #f4b400;
            }

        .nav-tabs > li.active.tab-gold > a {
            border-color: #f9b256 !important;
        }

            .nav-tabs > li.active.tab-gold > a > .fa, .nav-tabs > li.active.tab-gold > a .glyphicon, .nav-tabs > li.active.tab-gold > a .typcn, .nav-tabs > li.active.tab-gold > a .wi {
                color: #f9b256;
            }

        .nav-tabs > li.active.tab-orange > a {
            border-color: #fb6e52 !important;
        }

            .nav-tabs > li.active.tab-orange > a > .fa, .nav-tabs > li.active.tab-orange > a .glyphicon, .nav-tabs > li.active.tab-orange > a .typcn, .nav-tabs > li.active.tab-orange > a .wi {
                color: #fb6e52;
            }

        .nav-tabs > li.active.tab-lightred > a {
            border-color: #e46f61 !important;
        }

            .nav-tabs > li.active.tab-lightred > a > .fa, .nav-tabs > li.active.tab-lightred > a .glyphicon, .nav-tabs > li.active.tab-lightred > a .typcn, .nav-tabs > li.active.tab-lightred > a .wi {
                color: #e46f61;
            }

        .nav-tabs > li.active.tab-darkorange > a {
            border-color: #ed4e2a !important;
        }

            .nav-tabs > li.active.tab-darkorange > a > .fa, .nav-tabs > li.active.tab-darkorange > a .glyphicon, .nav-tabs > li.active.tab-darkorange > a .typcn, .nav-tabs > li.active.tab-darkorange > a .wi {
                color: #ed4e2a;
            }

        .nav-tabs > li.active.tab-red > a {
            border-color: #df5138 !important;
        }

            .nav-tabs > li.active.tab-red > a > .fa, .nav-tabs > li.active.tab-red > a .glyphicon, .nav-tabs > li.active.tab-red > a .typcn, .nav-tabs > li.active.tab-red > a .wi {
                color: #df5138;
            }

        .nav-tabs > li.active.tab-pink > a {
            border-color: #e75b8d !important;
        }

            .nav-tabs > li.active.tab-pink > a > .fa, .nav-tabs > li.active.tab-pink > a .glyphicon, .nav-tabs > li.active.tab-pink > a .typcn, .nav-tabs > li.active.tab-pink > a .wi {
                color: #e75b8d;
            }

        .nav-tabs > li.active.tab-danger > a {
            border-color: #d73d32 !important;
        }

            .nav-tabs > li.active.tab-danger > a > .fa, .nav-tabs > li.active.tab-danger > a .glyphicon, .nav-tabs > li.active.tab-danger > a .typcn, .nav-tabs > li.active.tab-danger > a .wi {
                color: #d73d32;
            }

        .nav-tabs > li.active.tab-magenta > a {
            border-color: #bc5679 !important;
        }

            .nav-tabs > li.active.tab-magenta > a > .fa, .nav-tabs > li.active.tab-magenta > a .glyphicon, .nav-tabs > li.active.tab-magenta > a .typcn, .nav-tabs > li.active.tab-magenta > a .wi {
                color: #bc5679;
            }

        .nav-tabs > li.active.tab-purple > a {
            border-color: #7e3794 !important;
        }

            .nav-tabs > li.active.tab-purple > a > .fa, .nav-tabs > li.active.tab-purple > a .glyphicon, .nav-tabs > li.active.tab-purple > a .typcn, .nav-tabs > li.active.tab-purple > a .wi {
                color: #7e3794;
            }

        .nav-tabs > li.active.tab-maroon > a {
            border-color: #981b48 !important;
        }

            .nav-tabs > li.active.tab-maroon > a > .fa, .nav-tabs > li.active.tab-maroon > a .glyphicon, .nav-tabs > li.active.tab-maroon > a .typcn, .nav-tabs > li.active.tab-maroon > a .wi {
                color: #981b48;
            }

    .nav-tabs.nav-justified {
        margin-bottom: -2px;
    }

        .nav-tabs.nav-justified > li > a {
            border: none;
            margin-top: -2px;
        }

            .nav-tabs.nav-justified > li > a:hover {
                background-color: transparent;
            }

        .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
            border: 0;
            border-top: 2px solid #2dc3e8;
            background-color: #fbfbfb;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -3px;
    }

    .nav-tabs.tabs-flat {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: rgba(0,0,0,0);
    }

.tabs-below > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    margin-top: -1px;
    border-bottom-width: 0;
}

    .tabs-below > .nav-tabs li.active > a, .tabs-below > .nav-tabs li.active > a:hover, .tabs-below > .nav-tabs li.active > a:focus {
        border-top-width: 1px;
        border-bottom: 2px solid #5db2ff;
        border-top-color: transparent;
        margin-top: 0;
        -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    }

    .tabs-below > .nav-tabs.nav-justified > li > a {
        margin-bottom: -2px;
    }

    .tabs-below > .nav-tabs.nav-justified > .active > a, .tabs-below > .nav-tabs.nav-justified > .active > a:hover, .tabs-below > .nav-tabs.nav-justified > .active > a:focus {
        border: 0;
        border-bottom: 2px solid #5db2ff;
    }

.tabs-left > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    float: left;
}

    .tabs-left > .nav-tabs > li {
        float: none;
    }

        .tabs-left > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
            margin: 0 -1px 0 0;
        }

        .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:focus, .tabs-left > .nav-tabs > li.active > a:hover {
            border: 0;
            border-left: 2px solid #5db2ff;
            border-right-color: transparent;
            margin: 0 -1px 0 -1px;
            -webkit-box-shadow: -2px 0 3px 0 rgba(0,0,0,.3);
            -moz-box-shadow: -2px 0 3px 0 rgba(0,0,0,.3);
            box-shadow: -2px 0 3px 0 rgba(0,0,0,.3);
        }

.tabs-right > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    float: right;
}

    .tabs-right > .nav-tabs > li {
        float: none;
    }

        .tabs-right > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover {
            border-top: 0;
            margin: 0 -1px;
        }

        .tabs-right > .nav-tabs > li.active > a, .tabs-right > .nav-tabs > li.active > a:focus, .tabs-right > .nav-tabs > li.active > a:hover {
            border-top-width: 0;
            border-right: 2px solid #5db2ff;
            border-left-color: transparent;
            margin: 0 -2px 0 -1px;
            -webkit-box-shadow: 2px 0 3px 0 rgba(0,0,0,.3);
            -moz-box-shadow: 2px 0 3px 0 rgba(0,0,0,.3);
            box-shadow: 2px 0 3px 0 rgba(0,0,0,.3);
        }

        .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
            min-width: 60px;
        }

.nav-tabs li [class*=" fa-"], .nav-tabs li [class^="fa-"] {
    width: 1.25em;
    display: inline-block;
    text-align: center;
}

.nav-tabs > li.open .dropdown-toggle {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

.tabs-left .tab-content, .tabs-right .tab-content {
    overflow: auto;
}

.nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
    background-color: #fbfbfb;
}

.nav .dropdown-menu > .active > a, .nav .dropdown-menu > .active > a:hover, .nav .dropdown-menu > .active > a:focus {
    color: #262626;
    background-color: #e5e5e5;
}

.nav-tabs > li:not(.active):not(.open) > a:not(:hover) > [class*="fa-"].disabled:first-child {
    color: #909090 !important;
}




















.gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,ffffff+50,ffffff+75,ffffff+100&0.5+0,0.25+25,0+50,0.25+75,0.5+100 */
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.25) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.25) 75%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(25%,rgba(255,255,255,0.25)), color-stop(50%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0.5))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.25) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.25) 75%,rgba(255,255,255,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.25) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.25) 75%,rgba(255,255,255,0.5) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.25) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.25) 75%,rgba(255,255,255,0.5) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.25) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.25) 75%,rgba(255,255,255,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
}

.shadow {
    -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75);
}

.shadow-sm {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
    box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.no-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.margin-5 {
    margin: 5px;
}

.margin-15 {
    margin: 15px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom {
    margin-bottom: 15px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left {
    margin-left: 15px !important;
}


.margin-right-5 {
    margin-right: 5px;
}

.margin-right-15 {
    margin-right: 15px;
}

.padding-top {
    padding-top: 15px !important;
}

.padding-left {
    padding-left: 15px !important;
}

.padding-right {
    padding-right: 15px !important;
}

.padding-no {
    padding: 0px !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.border-no {
    border-width: 0px !important;
}

.border-bottom {
    border-bottom-width: 1px !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-bottom-2x {
    border-bottom-width: 2px !important;
}

.no-header thead {
    display: none;
}

.profile-container .profile-header {
    margin: 0px;
}

    .profile-container .profile-header .header-avatar {
        width: 125px;
        height: 125px;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        border: 5px solid #f5f5f5;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
        box-shadow: 0 0 10px rgba(0,0,0,.15);
        margin: 25px auto;
    }

    .profile-container .profile-header .profile-info {
        min-height: 175px;
        border-right: 1px solid #eee;
        padding: 15px 15px 15px 0px;
    }

        .profile-container .profile-header .profile-info .header-fullname {
            font-size: 21px;
            display: inline-block;
            margin-bottom: 10px;
        }

    .profile-container .profile-header .profile-stats {
        border-right: 1px solid #eee;
    }

        .profile-container .profile-header .profile-stats .stats-col {
            margin: 15px 0;
            text-align: center;
        }

            .profile-container .profile-header .profile-stats .stats-col:not(:last-child) {
                border-right: 1px solid #eee;
                min-height: 150px;
            }

            .profile-container .profile-header .profile-stats .stats-col .stats-value {
                display: block;
                margin: 45px auto 10px;
                text-align: center;
                font-size: 25px;
            }

            .profile-container .profile-header .profile-stats .stats-col .stats-title {
                display: block;
                margin: 0 auto;
                text-align: center;
            }

    .profile-container .profile-header .profile-contactinfo .title {
        margin-bottom: 5px;
        margin-top: 30px;
    }

    .profile-container .profile-header .profile-contactinfo .list-group-item {
        background: none !important;
        border: none;
        padding-bottom: 0;
        margin-top: 5px;
        padding-left: 0;
        padding-right: 5px;
    }












@media(max-width:992px) {
    .profile-container .profile-header .profile-info {
        padding: 0 40px;
    }

    .profile-container .profile-header .profile-stats .stats-col {
        border-right: 0;
        min-height: 50px !important;
    }

        .profile-container .profile-header .profile-stats .stats-col .stats-value {
            margin: 0px auto 10px !important;
        }
}

@media(min-width:768px) {
    .profile-container .profile-header .profile-stats .stats-col {
        border-right: 0;
        min-height: 50px !important;
    }

        .profile-container .profile-header .profile-stats .stats-col .stats-value {
            margin: 0px auto 10px !important;
        }
}

.modal-iframe {
}

    .modal-iframe .modal-header {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        height: 50px;
    }

    .modal-iframe .modal-body {
        padding: 0px;
        position: absolute;
        top: 51px;
        right: 0px;
        left: 0px;
        bottom: 0px;
    }

    .modal-iframe iframe {
        height: 100%;
        width: 100%;
    }

.modal-xlg {
    width: 90%;
    /*height: 90%;*/
}

/*    .modal-xlg > .modal-content {
        height: 100%;
    }*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/

.dl-horizontal {
    margin-bottom: 0px;
}

    .dl-horizontal dt {
        white-space: normal;
    }

    .dl-horizontal dt,
    .dl-horizontal dd {
        padding: 3px 0px;
    }

    .dl-horizontal a {
        padding: 0px;
    }

.dl-icon dt, .dl-icon dd {
    padding: 3px 0px;
}

.dl-icon dt {
    float: left;
    width: 20px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dl-icon dd {
    margin-left: 25px;
}

.stats {
    border-top: 1px solid #eee;
    padding: 0px 15px;
    margin: 0px;
}

    .stats .stats-col {
        text-align: center;
    }

        .stats .stats-col:not(:first-child) {
            border-left: 1px solid #eee;
        }

        .stats .stats-col .stats-value {
            display: block;
            margin: 5px auto;
            text-align: center;
            font-size: 20px;
        }

        .stats .stats-col .stats-title {
            display: block;
            margin: 0px auto 5px;
            text-align: center;
            font-size: 11px;
        }

@media (min-width: 768px) and (max-width: 1200px) {
    .stats {
        border-top: 0px;
    }

        .stats .stats-col:not(:first-child) {
            border-top: 0px;
            border-left: 1px solid #eee;
        }

    .business-card.business-card-small .business-card-stats {
        border-top: 1px solid #eee;
    }

        .business-card.business-card-small .business-card-stats .stats-col:not(:first-child) {
            border-top: 0px;
            border-left: 1px solid #eee;
        }

    .business-card.business-card-list .business-card-small:last-child {
        border-left: 1px solid #eee;
        border-top: 0px solid #eee;
    }
}

.business-card {
    padding: 0px 15px;
}

    .business-card.business-card-list {
        padding: 0px 15px;
    }

    .business-card .business-card-image {
        margin: 15px 0px 0px;
        text-align: center;
    }

        .business-card .business-card-image .panel {
            display: inline-block;
        }

        .business-card .business-card-image .panel-body {
            padding: 0px;
        }

        .business-card .business-card-image .panel-footer {
            text-align: center;
        }

        .business-card .business-card-image .business-card-avatar {
            border-radius: 0px;
            box-shadow: none;
            border: 0px;
            margin: 0px;
        }

    .business-card .business-card-info {
        min-height: 265px;
    }

        .business-card .business-card-info .text-sf-heading2 {
            margin-top: 15px;
        }

    .business-card .business-card-stats {
        border-top: 1px solid #eee;
    }

        .business-card .business-card-stats .stats-col {
            text-align: center;
        }

            .business-card .business-card-stats .stats-col:not(:first-child) {
                border-top: 1px solid #eee;
            }

            .business-card .business-card-stats .stats-col .stats-value {
                display: block;
                margin: 15px auto;
                text-align: center;
                font-size: 25px;
            }

            .business-card .business-card-stats .stats-col .stats-title {
                display: block;
                margin: 0px auto 15px;
                text-align: center;
            }

    .business-card.business-card-list .business-card-small:last-child {
        border-top: 1px solid #eee;
    }

    .business-card.business-card-small .business-card-info {
        border-right: 0px;
        min-height: 245px;
    }

    .business-card.business-card-auto .business-card-info {
        border-right: 0px;
        min-height: 5px;
    }

.business-card-bg {
    background: #f5f5f5;
}

/*Media*/
@media (min-width: 768px) {

    .business-card .business-card-stats .stats-col:not(:first-child) {
        border-top: 0px;
        border-left: 1px solid #eee;
    }

    .business-card.business-card-list .business-card-small:last-child {
        border-left: 0px solid #eee;
        border-top: 1px solid #eee;
    }
}

@media (min-width: 992px) {
    .business-card {
    }

        .business-card.business-card-list .business-card-small:last-child {
            border-left: 1px solid #eee;
            border-top: 0px solid #eee;
        }
}

@media (min-width: 1200px) {
    .business-card .business-card-stats {
        border-top: 0px;
    }

    .business-card .business-card-info {
        border-right: 1px solid #eee;
    }

    .business-card .business-card-stats .stats-col:not(:first-child) {
        border-top: 1px solid #eee;
        border-left: 0px;
    }

    .business-card.business-card-small .business-card-stats {
        border-top: 1px solid #eee;
    }

        .business-card.business-card-small .business-card-stats .stats-col:not(:first-child) {
            border-top: 0px;
            border-left: 1px solid #eee;
        }

    .business-card.business-card-list .business-card-small:last-child {
        border-left: 1px solid #eee;
        border-top: 0px solid #eee;
    }
}

#dropzone {
    background: #f5f5f5;
    border: 1px dotted #888;
    height: 500px;
    line-height: 499px;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

    #dropzone.in {
        /*width: 600px;
    height: 200px;
    line-height: 200px;
    font-size: larger;*/
    }

    #dropzone.hover {
        background: lawngreen;
    }

    #dropzone.fade {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        opacity: 1;
    }

    #dropzone #dropaction {
        border: 5px solid #f5f5f5;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
        display: inline-block;
        line-height: 20px;
        padding: 5px;
    }

    #dropzone #progress {
        line-height: 30px;
        margin: 0px;
        display: inline-block;
        width: 90%;
        border-radius: 0px;
        border: 5px solid #f5f5f5;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    }

    #dropzone.doc-upload {
        line-height: 20px;
        height: 400px;
        overflow: auto;
        text-align: left;
    }

        #dropzone.doc-upload.doc-upload-mini {
            height: 200px !important;
        }

#modProfile {
    text-align: center;
}

    #modProfile .modal-dialog {
        width: auto;
        display: inline-block;
        min-width: 550px;
    }

.progress.progress-mini {
    margin: 5px;
    height: 5px;
}

.jcrop-keymgr {
    opacity: 0;
}

.ui-state-default {
    background: #FFFF99 !important;
}

.ui-draggable-dragging {
    min-width: 150px;
    white-space: nowrap;
}

.list-group-item > i.fa {
    margin-right: 5px;
}


.tree ul, .tree li {
    list-style: outside none none;
    display: block;
    padding: 0px;
    margin: 0px;
    border: 0px none;
    position: relative;
}

    .tree ul > li {
        background-color: #FFF;
    }

        .tree ul > li > a {
            position: relative;
            display: block;
            padding: 5px 10px;
            font-size: 12px;
            color: #555;
            text-align: left;
        }

            .tree ul > li > a > i.fa {
                margin-right: 5px;
            }

        .tree ul > li:last-child {
            border-bottom-width: 0px;
        }

    .tree ul > li {
        padding-left: 20px;
    }

.tree > ul > li {
    padding-left: 0px;
}




.minheight200 {
    min-height: 200px !important;
}

.minheight170 {
    min-height: 170px !important;
}

/*Panel*/
.panel,
.panel > .panel-heading,
.panel > .panel-footer {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .panel.panel-master {
        margin-top: 15px;
        position: relative;
    }

        .panel.panel-master > .panel-heading {
            background: #f5f5f5 url(sf/img/titleRowBg.png) repeat;
        }

        .panel.panel-master .page-header {
            padding: 0px 9px 9px;
            border-bottom: 1px solid #EEE;
            margin: 0px -8px 20px;
            font-size: 18px;
            color: orange;
            -webkit-box-shadow: 0px 3px 5px 0px rgba(240,240,240, 0.75);
            -moz-box-shadow: 0px 3px 5px 0px rgba(240,240,240, 0.75);
            box-shadow: 0px 3px 5px 0px rgba(240,240,240, 0.75);
        }

    .panel.panel-transaction {
        /*border: 1px solid #A0D468;*/
        position: relative;
    }

        .panel.panel-transaction,
        .panel.panel-transaction > .panel-heading {
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

            .panel.panel-transaction > .panel-heading {
                /*background: #fff;*/
                padding: 5px;
            }

                .panel.panel-transaction > .panel-heading > .panel-title {
                    font-size: 15px;
                    color: #000;
                }

                .panel.panel-transaction > .panel-heading > .btn {
                    line-height: 1;
                }

.panel-sub-heading {
    color: #ff7e00;
    padding: 5px 10px;
    border-bottom: inherit;
    font-size: 14px;
    line-height: 21px;
}

    .panel-sub-heading.bordered-top {
        border-top: inherit;
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
        background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
        background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
        background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
        background-repeat: repeat-x;
    }

.panel > .form-horizontal {
    padding: 0px 15px;
}

    .panel > .form-horizontal .form-group {
        border-top: 1px solid #e5e5e5;
        margin: 0px -15px;
        padding: 10px 0px;
    }

    .panel > .form-horizontal.border-no .form-group {
        border-top: 0px solid #e5e5e5;
    }

.modal-body > .form-horizontal {
    margin-top: 0px;
    padding: 0px 15px;
}

    .modal-body > .form-horizontal .form-group {
        border-top: 1px solid #e5e5e5;
        margin: 0px -15px;
        padding: 10px 0px;
    }

.panel-footer {
    background: #EEE linear-gradient(to bottom, #F2F2F2 0px, #FAFAFA 100%) repeat scroll 0% 0%;
    padding: 6px;
}

    .panel-footer .pagination {
        margin: 0px;
    }

.panel-card {
}

    .panel-card .text-sf-heading2 {
        font-size: 20px;
        margin: 5px 20px;
    }

    .panel-card .dl-horizontal {
        margin: 0px;
    }

.panel-card-top {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    padding: 3px 0px;
    margin: 0px;
    display: inline-block;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.panel-footer.panel-card-footer {
    text-align: left;
}

    .panel-footer.panel-card-footer a {
        padding: 0px 5px;
        line-height: 18px;
    }

.panel-heading .form-group {
    margin: 0px;
}

.panel-action {
    margin: -5px;
}

    .panel-action > .btn-icon {
        border-width: 0px;
        border-left-width: 1px;
        margin: 0px;
    }

.panel-widget {
    /*box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);*/
    /*border-width: 0px;*/
}

    .panel-widget > .panel-heading {
        background: #fff;
        border-bottom: 3px solid #A0D468;
    }

        .panel-widget > .panel-heading > .panel-title {
            color: #53A93F;
            font-size: 14px;
        }

        .panel-widget > .panel-heading > .panel-action {
            margin: -5px -10px;
        }

.panel-widget-container {
}

    .panel-widget-container .panel {
        border-width: 0px !important;
    }

    .panel-widget-container .panel-widget > .panel-heading {
        background: #fafafa;
        border-top: 0px solid #e5e5e5;
    }

    .panel-widget-container .panel-widget.bordered-left {
        border-left: 1px solid #e5e5e5;
    }

    .panel-widget-container .panel-default {
        box-shadow: none;
        border: none;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px;
    }

        .panel-widget-container .panel-default > .form-horizontal {
            border-bottom: 1px solid #ddd;
        }

/*.panel-topbar {
    margin-bottom: 0px;
}*/

.panel-topbar > .panel-body {
    padding: 5px;
    padding-bottom: 0px;
}

    .panel-topbar > .panel-body > .row {
        padding-bottom: 5px;
    }

.list-title,
.list-title > a.btn-link {
    color: #444;
    font-weight: 600;
    font-size: 12px;
    margin: 5px 5px;
}

    .list-title > a.btn-link {
        margin: 0px;
        padding: 0px;
    }

.list-subtitle {
    color: #666;
    font-size: 12px;
    margin: 5px 5px;
}

.panel-widget hr {
    margin: 5px 0px;
}

input[type="radio"] {
    margin-top: 2px;
}

.radio-text {
    font-weight: normal;
}

    .radio-text input[type="radio"] {
        margin-top: 7px;
    }

    .radio-text .form-control {
        display: inline-block;
        width: 100px;
    }


/*nav-tabs*/

/* Dashboard */
.avatar {
    width: 125px;
    height: 125px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    border: 5px solid #f5f5f5;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    margin: 25px auto;
}

.avatar-sm {
    height: 75px;
    width: 75px;
    border: 3px solid #f5f5f5;
    margin: 0px auto;
}

.profile > .profile-info {
    display: inline-block;
}

    .profile > .profile-info > h5,
    .profile > .profile-info > h6 {
        margin: 0px 10px;
        margin-bottom: 10px;
    }

    .profile > .profile-info > h5 {
        font-size: 18px;
    }

.profile2 {
    text-align: center;
}

    .profile2 > .avatar-sm {
        margin-bottom: 10px;
    }

    .profile2 > .profile-info {
        display: block;
    }

hr {
    margin: 10px 0px;
}

.legend {
    margin-bottom: 0px;
    box-shadow: none;
}

    .legend .list-group-item {
        border-width: 0px;
        padding: 5px 10px 10px;
    }

    .legend > .list-group-item > .badge {
        float: left;
    }

    .legend .badge.badge-value {
        float: right;
        background: #fff;
        color: #444;
        font-weight: normal;
    }

    .legend .badge.badge-label {
        float: left;
        background: #fff;
        color: #444;
        font-weight: normal;
    }

    .legend .badge.badge-empty {
        display: inline-block !important;
        width: 10px;
        height: 10px;
        padding: 0px;
        vertical-align: baseline;
        margin-right: 10px;
    }

.legend-item {
    display: inline-block;
    width: 50%;
}


.databox-container {
    text-align: center;
    font-size: 0;
}

.databox {
    display: inline-block;
    width: 100%;
    height: 65px;
    padding: 0;
    font-size: 0;
    margin-bottom: 20px;
    vertical-align: top;
    min-width: 130px;
}

    .databox .databox-icon {
        margin: 0;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

        .databox .databox-icon > .fa, .databox .databox-icon .typcn, .databox .databox-icon .glyphicon, .databox .databox-icon .wi {
            display: inline-block;
            margin: 0;
            text-align: center;
            position: relative;
            margin-top: 3px;
        }

            .databox .databox-icon > .fa:before, .databox .databox-icon .typcn:before, .databox .databox-icon .glyphicon:before, .databox .databox-icon .wi:before {
                font-size: 40px;
                display: block;
                text-align: center;
            }

    .databox .databox-sparkline {
        padding-top: 0;
        margin: 0 auto;
        display: inline-block;
        vertical-align: bottom;
        width: 100%;
        text-align: center;
        font-size: 24px;
    }

    .databox .databox-piechart {
        padding-top: 0;
        margin: 0 auto;
        display: inline-block;
        vertical-align: bottom;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
    }

    .databox .databox-header {
        display: block;
        font-size: 18px;
        font-family: 'Roboto','Lucida Sans','trebuchet MS',Arial,Helvetica;
        font-weight: 400;
        margin: 8px 5px;
        position: relative;
    }

        .databox .databox-header i {
            margin-right: 5px;
        }

    .databox .databox-number {
        display: block;
        font-size: 17px;
        line-height: 26px;
        margin: 2px;
        position: relative;
        font-family: 'Roboto','Lucida Sans','trebuchet MS',Arial,Helvetica;
    }

        .databox .databox-number i {
            margin-right: 5px;
        }

        .databox .databox-number.number-xs {
            font-size: 11px;
        }

        .databox .databox-number.number-sm {
            font-size: 14px;
        }

        .databox .databox-number.number-lg {
            font-size: 20px;
        }

        .databox .databox-number.number-xlg {
            font-size: 23px;
        }

        .databox .databox-number.number-xxlg {
            font-size: 30px;
        }

    .databox .databox-title {
        display: block;
        font-size: 16px;
        font-weight: 300;
        margin: 2px;
        position: relative;
    }

        .databox .databox-title i {
            margin-right: 5px;
            font-size: 13px;
        }

    .databox .databox-text {
        display: block;
        font-size: 11px;
        margin: 4px 0 2px;
        position: relative;
    }

        .databox .databox-text i {
            margin-right: 5px;
            font-size: 13px;
        }

    .databox .databox-inlinetext {
        font-size: 11px;
        margin: 2px;
        position: relative;
    }

        .databox .databox-inlinetext i {
            margin-right: 5px;
            font-size: 13px;
        }

    .databox .databox-stat {
        display: inline-block;
        position: absolute;
        right: 7px;
        top: 7px;
        padding: 2px 5px;
    }

        .databox .databox-stat.stat-left {
            left: 7px;
            right: auto;
        }

        .databox .databox-stat .stat-text {
            display: inline-block;
            font-size: 13px;
            padding-right: 5px;
            font-weight: 500;
        }

        .databox .databox-stat .stat-icon {
            display: inline-block;
            font-size: 13px;
        }

            .databox .databox-stat .stat-icon.icon-lg {
                font-size: 16px;
            }

            .databox .databox-stat .stat-icon.icon-xlg {
                font-size: 18px;
            }

        .databox .databox-stat.radius-bordered {
            -webkit-border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px;
            -moz-background-clip: padding;
            border-radius: 3px;
            background-clip: padding-box;
        }

        .databox .databox-stat[class*="bg-"] {
            color: #fff;
        }

    .databox .databox-state {
        position: absolute;
        top: 10px;
        right: 10px;
        height: 24px;
        width: 24px;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        background-color: #e5e5e5;
        text-align: center;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
        box-shadow: 0 0 3px rgba(0,0,0,.2);
        border: 2px solid #fff;
    }

        .databox .databox-state i {
            font-size: 13px;
            color: #fff;
            line-height: 20px;
        }

    .databox .databox-row {
        width: 100%;
        margin: 0;
        position: relative;
    }

        .databox .databox-row[class*="bg-"] {
            color: #fff;
        }

        .databox .databox-row.bordered-bottom {
            border-bottom: 1px solid #fff;
        }

        .databox .databox-row.bordered-top {
            border-top: 1px solid #fff;
        }

        .databox .databox-row.bordered-left {
            border-left: 1px solid #fff;
        }

        .databox .databox-row.bordered-right {
            border-right: 1px solid #fff;
        }

        .databox .databox-row.bordered-thick {
            border-width: 2px;
        }

        .databox .databox-row.row-1 {
            height: 8.33%;
        }

        .databox .databox-row.row-2 {
            height: 16.66%;
        }

        .databox .databox-row.row-3 {
            height: 25%;
        }

        .databox .databox-row.row-4 {
            height: 33.33%;
        }

        .databox .databox-row.row-5 {
            height: 41.66%;
        }

        .databox .databox-row.row-6 {
            height: 50%;
        }

        .databox .databox-row.row-7 {
            height: 58.33%;
        }

        .databox .databox-row.row-8 {
            height: 66.66%;
        }

        .databox .databox-row.row-9 {
            height: 75%;
        }

        .databox .databox-row.row-10 {
            height: 83.33%;
        }

        .databox .databox-row.row-11 {
            height: 91.66%;
        }

        .databox .databox-row.row-12 {
            height: 100%;
        }

    .databox .databox-cell {
        height: 100%;
        margin: 0;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px;
    }

        .databox .databox-cell[class*="bg-"] {
            color: #fff;
        }

        .databox .databox-cell.bordered-bottom {
            border-bottom: 1px solid #fff;
        }

        .databox .databox-cell.bordered-top {
            border-top: 1px solid #fff;
        }

        .databox .databox-cell.bordered-left {
            border-left: 1px solid #fff;
        }

        .databox .databox-cell.bordered-right {
            border-right: 1px solid #fff;
        }

        .databox .databox-cell.bordered-thick {
            border-width: 2px;
        }

        .databox .databox-cell.cell-1 {
            width: 8.33%;
        }

        .databox .databox-cell.cell-2 {
            width: 16.66%;
        }

        .databox .databox-cell.cell-3 {
            width: 25%;
        }

        .databox .databox-cell.cell-4 {
            width: 33.33%;
        }

        .databox .databox-cell.cell-5 {
            width: 41.66%;
        }

        .databox .databox-cell.cell-6 {
            width: 50%;
        }

        .databox .databox-cell.cell-7 {
            width: 58.33%;
        }

        .databox .databox-cell.cell-8 {
            width: 66.66%;
        }

        .databox .databox-cell.cell-9 {
            width: 75%;
        }

        .databox .databox-cell.cell-10 {
            width: 83.33%;
        }

        .databox .databox-cell.cell-11 {
            width: 91.66%;
        }

        .databox .databox-cell.cell-12 {
            width: 100%;
        }

    .databox.databox-inverted .databox-left {
        -lh-property: 0;
        width: -webkit-calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: calc(100% - 65px);
    }

    .databox.databox-inverted .databox-right {
        width: 65px;
    }

    .databox.databox-transparent .databox-left {
        background-color: transparent !important;
    }

    .databox.databox-transparent .databox-right {
        background-color: transparent !important;
    }

    .databox .databox-left {
        position: relative;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin: 0;
        width: 65px;
        height: 65px;
        padding: 10px;
        color: #2dc3e8;
    }

        .databox .databox-left[class*="bg-"] {
            color: #fff;
        }

    .databox .databox-right {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        -lh-property: 0;
        width: -webkit-calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: calc(100% - 65px);
        height: 65px;
        color: #555;
        padding: 5px 10px;
    }

        .databox .databox-right.bordered {
            border-left: 1px solid #fff;
        }

        .databox .databox-right.bordered-thick {
            border-left: 3px solid #fff;
        }

        .databox .databox-right[class*="bg-"] {
            color: #fff;
        }

    .databox.databox-shadowed {
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
        box-shadow: 0 0 3px rgba(0,0,0,.2);
    }

    .databox.radius-bordered {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        background-clip: padding-box;
    }

        .databox.radius-bordered .databox-left {
            -webkit-border-radius: 3px 0 0 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px 0 0 3px;
            -moz-background-clip: padding;
            border-radius: 3px 0 0 3px;
            background-clip: padding-box;
        }

        .databox.radius-bordered .databox-right {
            -webkit-border-radius: 0 3px 3px 0;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 0 3px 3px 0;
            -moz-background-clip: padding;
            border-radius: 0 3px 3px 0;
            background-clip: padding-box;
        }

            .databox.radius-bordered .databox-right .databox-row:first-child {
                -webkit-border-radius: 0 3px 0 0;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 0 3px 0 0;
                -moz-background-clip: padding;
                border-radius: 0 3px 0 0;
                background-clip: padding-box;
            }

            .databox.radius-bordered .databox-right .databox-row:last-child {
                -webkit-border-radius: 0 0 3px 0;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 0 0 3px 0;
                -moz-background-clip: padding;
                border-radius: 0 0 3px 0;
                background-clip: padding-box;
            }

    .databox.databox-graded {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(left,#ddd,#fff);
        background-image: -moz-linear-gradient(left,#ddd,#fff);
        background-image: -o-linear-gradient(left,#ddd,#fff);
        background-image: linear-gradient(to right,#ddd,#fff);
    }

    .databox.databox-halved .databox-left {
        width: 50% !important;
    }

    .databox.databox-halved .databox-right {
        width: 50% !important;
    }

    .databox.databox-lg {
        height: 123px;
    }

        .databox.databox-lg .databox-icon > .fa:before, .databox.databox-lg .databox-icon .typcn:before, .databox.databox-lg .databox-icon .glyphicon:before, .databox.databox-lg .databox-icon .wi:before {
            font-size: 48px;
            padding: 6px 4px 7px;
        }

        .databox.databox-lg .databox-sparkline {
            margin: 13px auto;
        }

        .databox.databox-lg .databox-number {
            font-size: 20px;
            margin: 4px 0 6px;
        }

        .databox.databox-lg .databox-left {
            width: 100px;
            height: 123px;
        }

        .databox.databox-lg .databox-right {
            -lh-property: 0;
            width: -webkit-calc(100% - 100px);
            width: -moz-calc(100% - 100px);
            width: calc(100% - 100px);
            height: 123px;
            padding: 10px;
        }

        .databox.databox-lg.databox-inverted .databox-left {
            -lh-property: 0;
            width: -webkit-calc(100% - 80px);
            width: -moz-calc(100% - 80px);
            width: calc(100% - 80px);
        }

        .databox.databox-lg.databox-inverted .databox-right {
            width: 80px;
        }

    .databox.databox-xlg {
        height: 170px;
    }

        .databox.databox-xlg .databox-icon > .fa:before, .databox.databox-xlg .databox-icon .typcn:before, .databox.databox-xlg .databox-icon .glyphicon:before {
            padding: 6px 4px 7px;
        }

        .databox.databox-xlg .databox-icon .wi:before {
            font-size: 55px !important;
        }

        .databox.databox-xlg .databox-left {
            width: 170px;
            height: 170px;
        }

        .databox.databox-xlg .databox-right {
            -lh-property: 0;
            width: -webkit-calc(100% - 170px);
            width: -moz-calc(100% - 170px);
            width: calc(100% - 170px);
            height: 170px;
        }

        .databox.databox-xlg.databox-inverted .databox-left {
            -lh-property: 0;
            width: -webkit-calc(100% - 170px);
            width: -moz-calc(100% - 170px);
            width: calc(100% - 170px);
        }

        .databox.databox-xlg.databox-inverted .databox-right {
            width: 170px;
        }

    .databox.databox-xxlg {
        height: 250px;
    }

        .databox.databox-xxlg .databox-icon > .fa:before, .databox.databox-xxlg .databox-icon .typcn:before, .databox.databox-xxlg .databox-icon .glyphicon:before, .databox.databox-xxlg .databox-icon .wi:before {
            font-size: 200px;
            padding: 6px 4px 7px;
        }

        .databox.databox-xxlg .databox-left {
            width: 250px;
            height: 250px;
        }

        .databox.databox-xxlg .databox-right {
            -lh-property: 0;
            width: -webkit-calc(100% - 250px);
            width: -moz-calc(100% - 250px);
            width: calc(100% - 250px);
            height: 250px;
        }

        .databox.databox-xxlg.databox-inverted .databox-left {
            -lh-property: 0;
            width: -webkit-calc(100% - 250px);
            width: -moz-calc(100% - 250px);
            width: calc(100% - 250px);
        }

        .databox.databox-xxlg.databox-inverted .databox-right {
            width: 250px;
        }

    .databox.databox-vertical {
        width: 100%;
        height: 100px;
    }

        .databox.databox-vertical .databox-top {
            position: relative;
            width: 100%;
            height: 50px;
            display: inline-block;
            text-align: center;
            margin: 0;
            padding: 5px;
            color: #2dc3e8;
        }

            .databox.databox-vertical .databox-top[class*="bg-"] {
                color: #fff;
            }

        .databox.databox-vertical .databox-bottom {
            position: relative;
            width: 100%;
            height: 50px;
            display: inline-block;
            margin: 0;
            color: #555;
            padding: 5px 10px;
        }

            .databox.databox-vertical .databox-bottom.bordered {
                border-top: 1px solid #fff;
            }

            .databox.databox-vertical .databox-bottom.bordered-thick {
                border-top: 3px solid #fff;
            }

            .databox.databox-vertical .databox-bottom[class*="bg-"] {
                color: #fff;
            }

        .databox.databox-vertical .databox-icon > .fa:before, .databox.databox-vertical .databox-icon .typcn:before, .databox.databox-vertical .databox-icon .glyphicon:before, .databox.databox-vertical .databox-icon .wi:before {
            font-size: 38px;
        }

        .databox.databox-vertical.radius-bordered {
            -webkit-border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px;
            -moz-background-clip: padding;
            border-radius: 3px;
            background-clip: padding-box;
        }

            .databox.databox-vertical.radius-bordered .databox-top {
                -webkit-border-radius: 3px 3px 0 0;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px 3px 0 0;
                -moz-background-clip: padding;
                border-radius: 3px 3px 0 0;
                background-clip: padding-box;
            }

                .databox.databox-vertical.radius-bordered .databox-top .databox-row:first-child .databox-cell:first-child {
                    -webkit-border-radius: 3px 0 0 0;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 3px 0 0 0;
                    -moz-background-clip: padding;
                    border-radius: 3px 0 0 0;
                    background-clip: padding-box;
                }

                .databox.databox-vertical.radius-bordered .databox-top .databox-row:first-child .databox-cell:last-child {
                    -webkit-border-radius: 0 3px 0 0;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 0 3px 0 0;
                    -moz-background-clip: padding;
                    border-radius: 0 3px 0 0;
                    background-clip: padding-box;
                }

                .databox.databox-vertical.radius-bordered .databox-top img {
                    -webkit-border-radius: 3px 3px 0 0;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 3px 3px 0 0;
                    -moz-background-clip: padding;
                    border-radius: 3px 3px 0 0;
                    background-clip: padding-box;
                }

            .databox.databox-vertical.radius-bordered .databox-bottom {
                -webkit-border-radius: 0 0 3px 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 0 0 3px 3px;
                -moz-background-clip: padding;
                border-radius: 0 0 3px 3px;
                background-clip: padding-box;
            }

                .databox.databox-vertical.radius-bordered .databox-bottom .databox-row:last-child .databox-cell:first-child {
                    -webkit-border-radius: 0 0 0 3px;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 0 0 0 3px;
                    -moz-background-clip: padding;
                    border-radius: 0 0 0 3px;
                    background-clip: padding-box;
                }

                .databox.databox-vertical.radius-bordered .databox-bottom .databox-row:last-child .databox-cell:last-child {
                    -webkit-border-radius: 0 0 3px 0;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 0 0 3px 0;
                    -moz-background-clip: padding;
                    border-radius: 0 0 3px 0;
                    background-clip: padding-box;
                }

                .databox.databox-vertical.radius-bordered .databox-bottom img {
                    -webkit-border-radius: 0 0 3px 3px;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 0 0 3px 3px;
                    -moz-background-clip: padding;
                    border-radius: 0 0 3px 3px;
                    background-clip: padding-box;
                }

        .databox.databox-vertical.databox-graded {
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
            background-image: -webkit-linear-gradient(top,#e5e5e5,#fff);
            background-image: -moz-linear-gradient(top,#e5e5e5,#fff);
            background-image: -o-linear-gradient(top,#e5e5e5,#fff);
            background-image: linear-gradient(to bottom,#e5e5e5,#fff);
        }

        .databox.databox-vertical.databox-halved .databox-top {
            height: 50%;
        }

        .databox.databox-vertical.databox-halved .databox-bottom {
            height: 50%;
        }

        .databox.databox-vertical.databox-lg {
            height: 150px;
            width: 100%;
        }

            .databox.databox-vertical.databox-lg .databox-number {
                font-size: 17px;
                margin: 2px;
            }

            .databox.databox-vertical.databox-lg .databox-icon > .fa:before, .databox.databox-vertical.databox-lg .databox-icon .typcn:before, .databox.databox-vertical.databox-lg .databox-icon .glyphicon:before {
                font-size: 38px !important;
                padding: 0;
            }

            .databox.databox-vertical.databox-lg .databox-icon .wi:before {
                font-size: 50px !important;
                padding: 0;
            }

            .databox.databox-vertical.databox-lg .databox-top {
                height: 50px;
            }

            .databox.databox-vertical.databox-lg .databox-bottom {
                height: 100px;
            }

            .databox.databox-vertical.databox-lg.databox-inverted .databox-icon > .fa:before, .databox.databox-vertical.databox-lg.databox-inverted .databox-icon .typcn:before, .databox.databox-vertical.databox-lg.databox-inverted .databox-icon .glyphicon:before, .databox.databox-vertical.databox-lg.databox-inverted .databox-icon .wi:before {
                font-size: 85px;
                padding: 0;
            }

            .databox.databox-vertical.databox-lg.databox-inverted .databox-top {
                height: 100px;
            }

            .databox.databox-vertical.databox-lg.databox-inverted .databox-bottom {
                height: 50px;
            }

            .databox.databox-vertical.databox-lg.databox-halved .databox-icon > .fa:before, .databox.databox-vertical.databox-lg.databox-halved .databox-icon .typcn:before, .databox.databox-vertical.databox-lg.databox-halved .databox-icon .glyphicon:before, .databox.databox-vertical.databox-lg.databox-halved .databox-icon .wi:before {
                font-size: 58px;
                padding: 0;
            }

            .databox.databox-vertical.databox-lg.databox-halved .databox-top {
                height: 75px;
            }

            .databox.databox-vertical.databox-lg.databox-halved .databox-bottom {
                height: 75px;
            }

        .databox.databox-vertical.databox-xlg {
            height: 220px;
            width: 100%;
        }

            .databox.databox-vertical.databox-xlg .databox-icon > .fa:before, .databox.databox-vertical.databox-xlg .databox-icon .typcn:before, .databox.databox-vertical.databox-xlg .databox-icon .glyphicon:before, .databox.databox-vertical.databox-xlg .databox-icon .wi:before {
                font-size: 38px;
                padding: 0;
            }

            .databox.databox-vertical.databox-xlg .databox-top {
                height: 50px;
            }

            .databox.databox-vertical.databox-xlg .databox-bottom {
                height: 150px;
            }

            .databox.databox-vertical.databox-xlg.databox-inverted .databox-icon > .fa:before, .databox.databox-vertical.databox-xlg.databox-inverted .databox-icon .typcn:before, .databox.databox-vertical.databox-xlg.databox-inverted .databox-icon .glyphicon:before, .databox.databox-vertical.databox-xlg.databox-inverted .databox-icon .wi:before {
                font-size: 120px;
                padding: 10px;
            }

            .databox.databox-vertical.databox-xlg.databox-inverted .databox-top {
                height: 150px;
            }

            .databox.databox-vertical.databox-xlg.databox-inverted .databox-bottom {
                height: 50px;
            }

            .databox.databox-vertical.databox-xlg.databox-halved .databox-icon > .fa:before, .databox.databox-vertical.databox-xlg.databox-halved .databox-icon .typcn:before, .databox.databox-vertical.databox-xlg.databox-halved .databox-icon .glyphicon:before, .databox.databox-vertical.databox-xlg.databox-halved .databox-icon .wi:before {
                font-size: 85px;
                padding: 0;
            }

            .databox.databox-vertical.databox-xlg.databox-halved .databox-top {
                height: 110px;
            }

            .databox.databox-vertical.databox-xlg.databox-halved .databox-bottom {
                height: 110px;
            }

        .databox.databox-vertical.databox-xxlg {
            height: 300px;
            width: 100%;
        }

            .databox.databox-vertical.databox-xxlg .databox-icon > .fa:before, .databox.databox-vertical.databox-xxlg .databox-icon .typcn:before, .databox.databox-vertical.databox-xxlg .databox-icon .glyphicon:before, .databox.databox-vertical.databox-xxlg .databox-icon .wi:before {
                font-size: 38px;
                padding: 0;
            }

            .databox.databox-vertical.databox-xxlg .databox-top {
                height: 50px;
            }

            .databox.databox-vertical.databox-xxlg .databox-bottom {
                height: 250px;
            }

            .databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon > .fa:before, .databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon .typcn:before, .databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon .glyphicon:before, .databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon .wi:before {
                font-size: 220px;
                padding: 10px;
            }

            .databox.databox-vertical.databox-xxlg.databox-inverted .databox-top {
                height: 250px;
            }

            .databox.databox-vertical.databox-xxlg.databox-inverted .databox-bottom {
                height: 50px;
            }

            .databox.databox-vertical.databox-xxlg.databox-halved .databox-icon > .fa:before, .databox.databox-vertical.databox-xxlg.databox-halved .databox-icon .typcn:before, .databox.databox-vertical.databox-xxlg.databox-halved .databox-icon .glyphicon:before, .databox.databox-vertical.databox-xxlg.databox-halved .databox-icon .wi:before {
                font-size: 120px;
                padding: 10px;
            }

            .databox.databox-vertical.databox-xxlg.databox-halved .databox-top {
                height: 150px;
            }

            .databox.databox-vertical.databox-xxlg.databox-halved .databox-bottom {
                height: 150px;
            }

        .databox.databox-vertical.databox-xxxlg {
            height: 500px;
            width: 100%;
        }

            .databox.databox-vertical.databox-xxxlg .databox-icon > .fa:before, .databox.databox-vertical.databox-xxxlg .databox-icon .typcn:before, .databox.databox-vertical.databox-xxxlg .databox-icon .glyphicon:before, .databox.databox-vertical.databox-xxxlg .databox-icon .wi:before {
                font-size: 38px;
                padding: 0;
            }

            .databox.databox-vertical.databox-xxxlg .databox-top {
                height: 50px;
            }

            .databox.databox-vertical.databox-xxxlg .databox-bottom {
                height: 450px;
            }

            .databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon > .fa:before, .databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon .typcn:before, .databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon .glyphicon:before, .databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon .wi:before {
                font-size: 420px;
                padding: 10px;
            }

            .databox.databox-vertical.databox-xxxlg.databox-inverted .databox-top {
                height: 450px;
            }

            .databox.databox-vertical.databox-xxxlg.databox-inverted .databox-bottom {
                height: 50px;
            }

            .databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon > .fa:before, .databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon .typcn:before, .databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon .glyphicon:before, .databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon .wi:before {
                font-size: 220px;
                padding: 10px;
            }

            .databox.databox-vertical.databox-xxxlg.databox-halved .databox-top {
                height: 250px;
            }

            .databox.databox-vertical.databox-xxxlg.databox-halved .databox-bottom {
                height: 250px;
            }

    .databox .chart {
        font-size: 13px;
    }

.databox-sm {
    min-height: 35px !important;
    height: auto !important;
}

.bg-themeprimary {
    background-color: #2dc3e8 !important;
}

.bg-themesecondary {
    background-color: #fb6e52 !important;
}

.bg-themethirdcolor {
    background-color: #ffce55 !important;
}

.bg-themefourthcolor {
    background-color: #a0d468 !important;
}

.bg-themefifthcolor {
    background-color: #e75b8d !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-snow {
    background-color: #fbfbfb !important;
}

.bg-whitesmoke {
    background-color: #f5f5f5 !important;
}

.bg-seashell {
    background-color: #f3f3f3 !important;
}

.bg-ivory {
    background-color: #eee !important;
}

.bg-platinum {
    background-color: #e5e5e5 !important;
}

.bg-lightgray {
    background-color: #d0d0d0 !important;
}

.bg-gray {
    background-color: #ccc !important;
}

.bg-darkgray {
    background-color: #999 !important;
}

.bg-silver {
    background-color: #777 !important;
}

.bg-sonic-silver {
    background-color: #737373 !important;
}

.bg-storm-cloud {
    background-color: #666 !important;
}

.bg-lightcarbon {
    background-color: #555 !important;
}

.bg-carbon {
    background-color: #444 !important;
}

.bg-slate-gray {
    background-color: #333 !important;
}

.bg-darkcarbon {
    background-color: #262626 !important;
}

.bg-blue {
    background-color: #5db2ff !important;
}

.bg-info {
    background-color: #57b5e3 !important;
}

.bg-sky {
    background-color: #11a9cc !important;
}

.bg-primary {
    /*background-color: #4374e0 !important;*/
    background-color: #1d89cf !important;
}

.bg-azure {
    background-color: #2dc3e8 !important;
}

.bg-blueberry {
    background-color: #6f85bf !important;
}

.bg-palegreen {
    background-color: #a0d468 !important;
}

/*.bg-success {
    background-color: #53a93f !important;
}*/

.bg-green {
    background-color: #8cc474 !important;
}

.bg-lightyellow {
    background-color: #f6d52e !important;
}

.bg-yellow {
    background-color: #ffce55 !important;
}

.bg-warning {
    background-color: #f4b400 !important;
}

.bg-gold {
    background-color: #f9b256 !important;
}

.bg-orange {
    background-color: #fb6e52 !important;
}

.bg-lightred {
    background-color: #e46f61 !important;
}

.bg-darkorange {
    background-color: #ed4e2a !important;
}

.bg-red {
    background-color: #df5138 !important;
}

.bg-danger {
    background-color: #d73d32 !important;
}

.bg-pink {
    background-color: #e75b8d !important;
}

.bg-darkpink {
    background-color: #cc324b !important;
}

.bg-magenta {
    background-color: #bc5679 !important;
}

.bg-purple {
    background-color: #7e3794 !important;
}

.bg-maroon {
    background-color: #981b48 !important;
}

.fg-darkgray {
    color: #999 !important;
}

.lightcarbon {
    color: #555 !important;
}

.sonic-silver {
    color: #737373 !important;
}

.bordered-platinum {
    border-color: #e5e5e5 !important;
}

.minwidth200 {
    min-width: 200px !important;
}

.minwidth280 {
    min-width: 280px !important;
}

.maxwidth200 {
    max-width: 200px !important;
}

.maxwidth280 {
    max-width: 280px !important;
}

.minwidth100p {
    min-width: 100% !important;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.modal-tmp {
    margin-top: 0px;
}

    .modal-tmp > .panel-progress {
        border: 1px solid #ccc;
        border-radius: 3px;
        background: #E5E5E5;
        color: #333;
        display: inline-block;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -75px;
        position: absolute;
        width: 150px;
    }

        .modal-tmp > .panel-progress img {
            height: 34px;
            float: left;
            padding: 5px;
        }

        .modal-tmp > .panel-progress span {
            float: left;
            font-size: 16px;
            line-height: 24px;
            padding: 5px;
        }

.select2-container--bootstrap {
    width: 280px !important;
}

    /*.select2-container--bootstrap .select2-selection {
        height: auto;
        border: 0px;
    }*/

    .select2-container--bootstrap.input-sm .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single {
        height: auto !important;
    }

    .select2-container--bootstrap.input-sm .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
        min-height: 28px;
    }

.input-group > .select2-container--bootstrap {
    width: 100% !important;
    min-width: 200px !important;
    /*border: 1px solid #ccc;*/
}

    .input-group > .select2-container--bootstrap.input-sm {
        border-width: 0px;
    }

.dataTables_length .input-group > .select2-container--bootstrap {
    width: 100% !important;
    min-width: 60px !important;
}

.required {
}

    .required:after {
        content: "*";
        margin-left: 3px;
        top: 3px;
        /*position: absolute;*/
        color: #ff0000;
        font-size: 12px;
    }


.fg-colon:after {
    content: " :";
}

.valhide {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
}

.ui-draggable {
    cursor: move;
}

.list-group-header {
    font-weight: bold;
    font-style: italic;
    cursor: default !important;
}



.hidevalidation {
    height: 1px;
    position: absolute;
    top: -10000px;
}





/* THEME COLOE*/

.bg-crm {
    background: #53a93f;
    color: #fff;
}

.bg-workorder {
    background: #53a93f;
    color: #fff;
}


.bg-contract {
    background: #3c97e2;
    color: #fff;
}

.bg-incident {
    background: #f1a457;
    color: #fff;
}

.bg-stores {
    background: #9569e9;
    color: #fff;
}

.bg-apps {
    background: #9569e9;
    color: #fff;
}

.bg-common {
    background: #898787;
    color: #fff;
}

.text-primary {
    color: #337ab7 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090 !important;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269 !important;
}

.text-warning {
    color: #8a6d3b !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c !important;
}

.text-danger {
    color: #a94442 !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534 !important;
}

.modal:nth-of-type(even) {
    z-index: 1042 !important;
}

.modal-backdrop.in:nth-of-type(even) {
    z-index: 1041 !important;
}


.container-application > .navbar.navbar-default {
    margin-bottom: 20px;
}


.thumbnail-right-caption {
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .thumbnail-right-caption > img {
        float: left;
        margin: 10px;
    }

    .thumbnail-right-caption > .caption {
        color: #fff !important;
        padding: 0px;
        margin: 22px;
    }

    .thumbnail-right-caption > .btn-float.btn-float-top-right,
    .card-body > .btn-float.btn-float-top-right {
        background: #eaeaea;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid rgba(0,0,0,0.1);
        width: 60px;
        height: 60px;
        font-size: 24px;
        color: #888;
        padding: 20px 12px;
        margin: 10px 25px;
        text-align: center;
    }

.thumbnail-bottom {
    background: rgba(0, 0, 0, 0.06) none repeat scroll 0% 0%;
    padding: 5px;
}

/*.crm {
    background-color: #53A93F !important;
    color: #fff;
}

.contract {
    background-color: #2196f3 !important;
    color: #fff;
}

.stores {
    background-color: #795548 !important;
    color: #fff;
}

.incident {
    background-color: #9c27b0 !important;
    color: #fff;
}

.accounts {
    background-color: #3F51B5 !important;
    color: #fff;
}

.apps {
    background-color: #607D8B !important;
    color: #fff;
}

.administration {
    background-color: #009688 !important;
    color: #fff;
}

.projects {
    background-color: #673AB7 !important;
    color: #fff;
}*/

.width-100 {
    width: 100px !important;
}

.width-50 {
    width: 50px !important;
}

.dt-buttons {
    padding: 3px;
}

    .dt-buttons > .dt-button {
        border-radius: 0px;
    }


.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #53a93f;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}




.btn-default {
    background: #fff;
    border-color: #ddd;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus {
        background: #eee;
        border-color: #ddd;
    }

    .btn-default:active,
    .btn-default.active,
    .btn-default:active:hover,
    .btn-default.active:hover,
    .btn-default:active:focus,
    .btn-default.active:focus {
        background: #ddd;
        border-color: #ddd;
    }

.btn-plain {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%;
    color: #fff;
}

    .btn-plain:focus,
    .btn-plain.focus,
    .btn-plain:hover,
    .btn-plain:active,
    .btn-plain.active {
        background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
        color: #fff;
    }

.btn-purple {
    color: #fff;
    background-color: #673AB7;
    border-color: #4cae4c;
}

    .btn-purple:focus,
    .btn-purple.focus {
        color: #fff;
        background-color: #512DAB;
        border-color: #255625;
    }

    .btn-purple:hover {
        color: #fff;
        background-color: #512DAB;
        border-color: #398439;
    }

    .btn-purple:active,
    .btn-purple.active {
        color: #fff;
        background-color: #512DAB;
        border-color: #398439;
        background-image: none;
    }

        .btn-purple:active:hover,
        .btn-purple.active:hover,
        .btn-purple:active:focus,
        .btn-purple.active:focus,
        .btn-purple:active.focus,
        .btn-purple.active.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-purple.disabled:hover,
    .btn-purple[disabled]:hover,
    .btn-purple.disabled:focus,
    .btn-purple[disabled]:focus,
    .btn-purple.disabled.focus,
    .btn-purple[disabled].focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

.btn-green {
    color: #fff;
    background-color: #009688;
    border-color: #4cae4c;
}

    .btn-green:focus,
    .btn-green.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-green:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-green:active,
    .btn-green.active {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-green:active:hover,
        .btn-green.active:hover,
        .btn-green:active:focus,
        .btn-green.active:focus,
        .btn-green:active.focus,
        .btn-green.active.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-green:active,
    .btn-green.active {
        background-image: none;
    }

    .btn-green.disabled:hover,
    .btn-green[disabled]:hover,
    .btn-green.disabled:focus,
    .btn-green[disabled]:focus,
    .btn-green.disabled.focus,
    .btn-green[disabled].focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-green .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-brown {
    color: #fff;
    background-color: #795548;
    border-color: #4cae4c;
}

    .btn-brown:focus,
    .btn-brown.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-brown:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-brown:active,
    .btn-brown.active {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-brown:active:hover,
        .btn-brown.active:hover,
        .btn-brown:active:focus,
        .btn-brown.active:focus,
        .btn-brown:active.focus,
        .btn-brown.active.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-brown:active,
    .btn-brown.active {
        background-image: none;
    }

    .btn-brown.disabled:hover,
    .btn-brown[disabled]:hover,
    .btn-brown.disabled:focus,
    .btn-brown[disabled]:focus,
    .btn-brown.disabled.focus,
    .btn-brown[disabled].focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-brown .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-orange50 {
    color: #fff;
    background-color: #FF9800;
    border-color: #FF9800;
}

    .btn-orange50:focus,
    .btn-orange50.focus {
        color: #fff;
        background-color: #FB8C00;
        border-color: #FB8C00;
    }

    .btn-orange50:hover {
        color: #fff;
        background-color: #FB8C00;
        border-color: #FB8C00;
    }

    .btn-orange50:active,
    .btn-orange50.active {
        color: #fff;
        background-color: #FB8C00;
        border-color: #FB8C00;
    }

        .btn-orange50:active:hover,
        .btn-orange50.active:hover,
        .btn-orange50:active:focus,
        .btn-orange50.active:focus,
        .btn-orange50:active.focus,
        .btn-orange50.active.focus {
            color: #fff;
            background-color: #FB8C00;
            border-color: #FB8C00;
        }

    .btn-orange50:active,
    .btn-orange50.active {
        background-image: none;
    }

    .btn-orange50.disabled:hover,
    .btn-orange50[disabled]:hover,
    .btn-orange50.disabled:focus,
    .btn-orange50[disabled]:focus,
    .btn-orange50.disabled.focus,
    .btn-orange50[disabled].focus {
        background-color: #FB8C00;
        border-color: #FB8C00;
    }

    .btn-orange50 .badge {
        color: #5cb85c;
        background-color: #fff;
    }




.legend.legend-list {
    background: #fafafa;
}

    .legend.legend-list > .list-group-item {
        border-bottom: 1px solid #f1f1f1 !important;
        margin-bottom: 1px;
        padding: 0px !important;
    }

        .legend.legend-list > .list-group-item > .badge {
            margin: 8px 10px;
        }

        .legend.legend-list > .list-group-item > .legend-label {
            float: left;
            margin: 5px 10px !important;
        }

        .legend.legend-list > .list-group-item > .legend-value {
            float: right;
            margin: 5px 10px !important;
        }

.modal-full {
    padding: 0px !important;
}

    .modal-full .modal-dialog {
        width: 100%;
        height: 100%;
        padding: 10px !important;
        margin: 0px !important;
    }

    .modal-full .modal-body {
        border-radius: 0;
    }

    .modal-full .modal-content {
        height: 100%;
        border-radius: 0;
        position: relative;
    }

    .modal-full .modal-footer {
        border-radius: 0;
        bottom: 0px;
        position: absolute;
        width: 100%;
        background: #fff;
    }

.navbar-tools {
    border: 1px solid #e5e5e5;
    border-width: 1px 0px;
    margin-bottom: 0px;
    min-height: 28px;
}

    .navbar-tools > div > div > .navbar-text {
        padding: 6px 10px;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        margin: 0px;
        margin-left: -15px;
        font-weight: bold;
    }

        .navbar-tools > div > div > .navbar-text.navbar-right {
            margin-left: 0px;
        }

    .navbar-tools .navbar-nav > li > a {
        border-color: #f5f5f5;
        border-right: 1px solid #e5e5e5;
        padding: 4px 15px;
        margin: 1px;
    }

    .navbar-tools .navbar-nav > li.active > a {
        background: #9c27b0;
        border-color: #9c27b0;
        color: #fff;
    }

.resource-card {
    margin: 0px;
}

    .resource-card .resource-card-header {
        padding: 0px !important;
        background: #f5f5f5;
    }

        .resource-card .resource-card-header .resource-card-avatar {
            width: 100px;
            height: 100px;
            border: 5px solid #f5f5f5;
            margin: 0px;
            float: left;
        }

        .resource-card .resource-card-header .resource-card-info {
            height: 100px;
            float: left;
            padding: 10px 5px;
        }


    .resource-card.resource-card-sm > .resource-card-header > .resource-card-avatar {
        width: 60px;
        height: 60px;
        margin: 5px;
    }

    .resource-card.resource-card-sm .resource-card-header .resource-card-info {
        height: 100%;
        float: left;
        padding: 10px 5px;
    }

    .resource-card.resource-card-sm > .panel-footer {
        border-top-color: #fff;
    }

.resource-card-avatar-circle {
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid #f5f5f5 !important;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
}

.btn.btn-rounded {
    -webkit-border-radius: 50% !important;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50% !important;
    -moz-background-clip: padding;
    border-radius: 50% !important;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
}

.map .panel-body {
    padding: 0px;
}

.map .row {
    margin-right: 0px;
    margin-left: 0px;
}

    .map .row > [class^="col-"], .ui-content-body .row > [class*="col-"] {
        padding-left: 0px;
        padding-right: 0px;
    }

.map .list-group-item {
    padding: 5px 10px;
}

.w-states.w-states-min {
    padding: 0px;
}

.w-states .btn {
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0px;
    background-image: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    border: 0;
    color: #fff !important;
    white-space: normal !important;
    word-wrap: break-word;
}

    .w-states .btn > .value {
        float: left;
        font-size: 16px;
        line-height: normal;
        margin: 5px 10px;
    }

    .w-states .btn > .text {
        margin-left: 20px;
        margin-top: 7px;
        display: block;
        text-transform: uppercase;
        text-align: left;
        font-size: 11px;
    }

    .w-states .btn.btn-sm {
        margin-bottom: 0px;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 4px 3px 4px 3px;
        background-image: none;
        box-shadow: none !important;
        border: 0;
        color: #fff !important;
        white-space: normal !important;
        word-wrap: break-word;
    }

.alert.alert-danger.validation-summary-valid {
    display: none;
}

.alert.alert-danger.validation-summary-errors {
    display: block;
    padding: 5px 10px;
}

.alert.alert-danger > ul {
    list-style: square;
    margin-top: 5px;
}

    .alert.alert-danger > ul > li {
        list-style: square;
    }





/*.databox .label {
    margin: 0px;
    padding: .3em .6em .4em;
}

.dashlet {
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

    .dashlet .panel-heading {
        font-size: 16px;
        border-bottom: 1px dotted #ddd;
    }

    .dashlet .panel-body {
        padding-bottom: 5px;
    }

    .dashlet .row {
        margin-right: -5px;
        margin-left: -5px;
    }

        .dashlet .row > [class^="col-"], .ui-content-body .row > [class*="col-"] {
            padding-left: 5px;
            padding-right: 5px;
        }

    .dashlet .table {
    }*/

.no-border {
    border: 0 !important;
}

.no-margin {
    margin: 0px !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-radius {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}



.panel-profile {
}

    .panel-profile .profile-title {
        color: #53A93F;
        font-size: 22px;
        text-align: center;
        padding: 10px 0px 15px;
    }

    .panel-profile .profile-card {
        background: #eee;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 1px;
    }

    .panel-profile .profile-thumb {
        text-align: center;
    }

        .panel-profile .profile-thumb img {
            width: 80%;
            height: auto;
        }

    .panel-profile .profile-info {
        margin-bottom: 20px;
        padding: 0px;
        font-size: 14px;
    }

        .panel-profile .profile-info h4, .panel-profile .profile-info h5 {
            font-weight: bold;
        }

        .panel-profile .profile-info li {
            margin-bottom: 15px;
        }

            .panel-profile .profile-info li > i {
                width: 25px;
                float: left;
                position: relative;
                font-size: 16px;
                top: 4px;
                color: #aaaaa9;
            }

            .panel-profile .profile-info li .p-i-list {
                display: block;
                overflow: hidden;
                line-height: 20px;
            }

                .panel-profile .profile-info li .p-i-list span {
                    display: block;
                    font-size: 13px;
                }

            .panel-profile .profile-info li.li-sm {
                margin-bottom: 5px;
            }

                .panel-profile .profile-info li.li-sm > i {
                    width: 20px;
                    float: left;
                    position: relative;
                    font-size: 12px;
                    top: 4px;
                    color: #aaaaa9;
                }

                .panel-profile .profile-info li.li-sm .p-i-list {
                    display: block;
                    overflow: hidden;
                    line-height: 20px;
                    font-size: 12px;
                    white-space: nowrap;
                }

    .panel-profile .profile-stats {
        padding: 0px;
    }

        .panel-profile .profile-stats .list-group-item {
            border-width: 0px 1px 1px 1px;
            border-color: rgb(236, 237, 240);
            margin-left: -1px;
        }

.stats-counter {
    background: none repeat scroll 0 0 #ffffff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    /*float: left;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

    .stats-counter::before {
        background: none repeat scroll 0 0 #ecedf0;
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
    }

    .stats-counter > h3 {
        color: #777777;
        float: left;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.3px;
        line-height: 10px;
        margin: 20px 0 15px;
        text-align: center;
        width: 100%;
    }

    .stats-counter > span {
        color: #333333;
        float: left;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 11px;
        margin-top: -2px;
        text-align: center;
        width: 100%;
    }

    .stats-counter > i {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        display: table;
        float: none;
        font-size: 14px;
        height: 29px;
        line-height: 29px;
        margin: 0 auto;
        position: relative;
        text-align: center;
        width: 29px;
    }

    .stats-counter > h6, .stats-counter > .btn {
        background: none repeat scroll 0 0 #f5f5f5;
        border-top: 1px solid #ecedf0;
        color: #777;
        float: left;
        font-size: 14px;
        font-weight: normal;
        margin: -15px 0 0;
        padding: 20px 0 10px;
        width: 100%;
    }





.splitter {
    padding: 5px 10px;
}

    .splitter .btn {
        padding-left: 0px;
        padding-right: 0px;
    }

.splitter-right {
    border-right: 1px solid #ddd;
}

.splitter-left {
    border-left: 1px solid #ddd;
}

.toolbar {
    padding: 15px 5px;
}

    .toolbar .btn {
        margin-right: 15px;
    }


.round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    content: "";
}

    .round.round-sm {
        height: 16px;
        width: 16px;
    }

.round-bordered {
    border: 2px solid #fafafa;
}


.sz-sm {
    padding: 5px 10px;
    font-size: 12px;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255,255,255,.75);
}

.loader-img {
    background: #fff url('sf/img/loading_black.gif') 50% 50% no-repeat;
    position: fixed;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    z-index: 99999;
}

#landing {
    /*http://colorzilla.com/gradient-editor/#53a93f+0,53a93f+25,2196f3+25,2196f3+50,795548+50,795548+75,9c27b0+75,9c27b0+100*/
    /*background: #53a93f;
background: -moz-linear-gradient(-45deg, #53a93f 0%, #53a93f 25%, #2196f3 25%, #2196f3 50%, #795548 50%, #795548 75%, #9c27b0 75%, #9c27b0 100%);
background: -webkit-linear-gradient(-45deg, #53a93f 0%,#53a93f 25%,#2196f3 25%,#2196f3 50%,#795548 50%,#795548 75%,#9c27b0 75%,#9c27b0 100%);
background: linear-gradient(135deg, #53a93f 0%,#53a93f 25%,#2196f3 25%,#2196f3 50%,#795548 50%,#795548 75%,#9c27b0 75%,#9c27b0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53a93f', endColorstr='#9c27b0',GradientType=1 );
position:fixed;
top:0;bottom:0;left:0;right:0;
opacity:.5;*/
}


.dt-colon > dt:after {
    content: " :";
}

.dataTables_processing {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
    position: absolute;
    background: #333;
    opacity: 0.5;
    filter: alpha(opacity=5);
    margin: 0px;
    color: #000;
    text-align: center;
    vertical-align: bottom;
}


.label-active {
    background: #53a93f;
    color: #fff;
}

.label-inactive {
    background: #ff0000;
    color: #fff;
}

.form-group-compact {
    padding: 10px;
    padding-bottom: 0px;
}

    .form-group-compact > .form-group {
        margin-bottom: 5px;
    }

        .form-group-compact > .form-group > label {
            margin-bottom: 0px;
        }

        .form-group-compact > .form-group > .form-control-static {
            min-height: 30px;
            padding-bottom: 5px;
            padding-top: 5px;
        }

            .form-group-compact > .form-group > .form-control-static > a {
                padding: 0px;
            }

.ft-badge {
    display: inline-block;
    padding: 6px;
    margin: -6px 6px;
    border-left: 1px solid #ddd;
}

    .ft-badge > i.fa {
        margin: 0px 5px;
    }

.modal-fullwidth .modal-dialog {
    width: 96%;
}

.row-group > td {
    background-color: #eee !important;
    font-weight: bold;
}

.panel-theme,
.panel-default,
.panel-widget,
.panel-success,
.panel-transaction,
.panel-widget-container {
    background-color: #fff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 10px rgba(28, 39, 60, 0.05);
    -moz-box-shadow: 0 0 10px rgba(28, 39, 60, 0.05);
    box-shadow: 0 0 10px rgba(28, 39, 60, 0.05);
    border: 1px solid rgba(72, 94, 144, 0.16) !important;
    /*color: #8392a5;*/
}

    .panel-theme > .panel-heading,
    .panel-default > .panel-heading,
    .panel-widget > .panel-heading,
    .panel-success > .panel-heading,
    .panel-transaction > .panel-heading {
        color: #888;
        border-bottom: 1px solid rgba(72, 94, 144, 0.16) !important;
        font-size: 1em;
        font-weight: bold;
        letter-spacing: 1px;
    }

        .panel-theme > .panel-heading > .panel-title,
        .panel-default > .panel-heading > .panel-title,
        .panel-widget > .panel-heading > .panel-title,
        .panel-success > .panel-heading > .panel-title,
        .panel-transaction > .panel-heading > .panel-title {
            color: inherit;
            font-size: inherit;
            font-weight: inherit;
            letter-spacing: inherit;
        }



    .panel-theme > .panel-footer,
    .panel-default > .panel-footer,
    .panel-widget > .panel-footer,
    .panel-success > .panel-footer,
    .panel-transaction > .panel-footer {
        border-color: #eaeaea;
        padding: 10px 15px 6px;
        background: #f4f4f4;
    }

    .panel-theme .btn-default,
    .panel-theme .btn-primary,
    .panel-theme .btn-success,
    .panel-theme .btn-info,
    .panel-theme .btn-warning,
    .panel-theme .btn-danger,
    .panel-default .btn-default,
    .panel-default .btn-primary,
    .panel-default .btn-success,
    .panel-default .btn-info,
    .panel-default .btn-warning,
    .panel-default .btn-danger,
    .panel-widget .btn-default,
    .panel-widget .btn-primary,
    .panel-widget .btn-success,
    .panel-widget .btn-info,
    .panel-widget .btn-warning,
    .panel-widget .btn-danger,
    .panel-success .btn-default,
    .panel-success .btn-primary,
    .panel-success .btn-success,
    .panel-success .btn-info,
    .panel-success .btn-warning,
    .panel-success .btn-danger,
    .panel-transaction .btn-default,
    .panel-transaction .btn-primary,
    .panel-transaction .btn-success,
    .panel-transaction .btn-info,
    .panel-transaction .btn-warning,
    .panel-transaction .btn-danger {
        text-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .panel-theme .border-bottom,
    .panel-default .border-bottom,
    .panel-widget .border-bottom,
    .panel-success .border-bottom,
    .panel-transaction .border-bottom {
        border-bottom: 1px solid rgba(72, 94, 144, 0.16) !important;
    }

    .panel-theme > .panel,
    .panel-default > .panel,
    .panel-widget > .panel,
    .panel-success > .panel,
    .panel-transaction > .panel {
        margin-bottom: 0px;
        border-width: 0px;
    }

    .panel-theme > .form-horizontal .form-group,
    .panel-default > .form-horizontal .form-group,
    .panel-widget > .form-horizontal .form-group,
    .panel-success > .form-horizontal .form-group,
    .panel-transaction > .form-horizontal .form-group {
        border-top: 1px solid #efefef;
    }

        .panel-theme > .form-horizontal .form-group:first-child,
        .panel-default > .form-horizontal .form-group:first-child,
        .panel-widget > .form-horizontal .form-group:first-child,
        .panel-success > .form-horizontal .form-group:first-child,
        .panel-transaction > .form-horizontal .form-group:first-child{
            border-top: 0;
        }

    .panel-theme .dt-bootstrap .select2-container--bootstrap,
    .panel-default .dt-bootstrap .select2-container--bootstrap,
    .panel-widget .dt-bootstrap .select2-container--bootstrap,
    .panel-success .dt-bootstrap .select2-container--bootstrap,
    .panel-transaction .dt-bootstrap .select2-container--bootstrap {
        width: 100% !important;
    }

        .panel-theme .dt-bootstrap .select2-container--bootstrap .select2-search__field,
        .panel-default .dt-bootstrap .select2-container--bootstrap .select2-search__field,
        .panel-widget .dt-bootstrap .select2-container--bootstrap .select2-search__field,
        .panel-success .dt-bootstrap .select2-container--bootstrap .select2-search__field,
        .panel-transaction .dt-bootstrap .select2-container--bootstrap .select2-search__field {
            width: 100% !important;
        }

    .panel-theme .select2-selection__choice,
    .panel-default .select2-selection__choice,
    .panel-widget .select2-selection__choice,
    .panel-success .select2-selection__choice,
    .panel-transaction .select2-selection__choice {
        border-radius: 0px !important;
        background: #fafafa !important;
    }

    .panel-theme .select2-selection__choice__remove,
    .panel-default .select2-selection__choice__remove,
    .panel-widget .select2-selection__choice__remove,
    .panel-success .select2-selection__choice__remove,
    .panel-transaction .select2-selection__choice__remove {
        background: #eaeaea;
        margin-left: -5px;
        padding: 0px 5px;
        color: #444 !important;
    }

    .panel-theme .badge,
    .panel-default .badge,
    .panel-widget .badge,
    .panel-success .badge,
    .panel-transaction .badge {
        background: #fff;
        color: #8392a5;
    }

    .panel-theme .list-group-item,
    .panel-default .list-group-item,
    .panel-widget .list-group-item,
    .panel-success .list-group-item
    .panel-transaction .list-group-item {
        border-color: #eee;
    }

.panel.panel-toolbar > .panel-body {
    padding: 10px;
}


.panel-filter .select2-container--bootstrap {
    width: 100% !important;
}

    .panel-filter .select2-container--bootstrap .select2-selection {
        border: 1px solid #ccc;
    }
/*input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}*/
/*#modPartSelector {
    z-index: 1080 !important;
}

.modal-backdrop:last-child {
    z-index: 1070 !important;
}*/
.dt-bootstrap .checkbox {
    min-height: 20px;
    padding: 0px;
}

.image-circular {
    -webkit-border-radius: 50% !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 50% !important;
    -moz-background-clip: padding !important;
    border-radius: 50% !important;
    background-clip: padding-box !important;
}

.float {
    position: absolute;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    margin: 5px;
    z-index: 999;
}

    .float.float-top-right {
        top: 0px;
        right: 0px;
    }

.text-small {
    font-size: 11px;
}

.text-bold {
    font-weight: bold;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 10px rgba(28, 39, 60, 0.05);
    -moz-box-shadow: 0 0 10px rgba(28, 39, 60, 0.05);
    box-shadow: 0 0 10px rgba(28, 39, 60, 0.05);
    border: 1px solid rgba(72, 94, 144, 0.16);
}

    .card > .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 10px;
    }

        .card > .card-body.card-body-default {
            border-top: 2px solid #777;
        }

        .card > .card-body.card-body-success {
            border-top: 2px solid #5cb85c;
        }

        .card > .card-body.card-body-warning {
            border-top: 2px solid #f4b400;
        }

        .card > .card-body.card-body-danger {
            border-top: 2px solid #d9534f;
        }

.card-stat {
    position: absolute;
    right: 5px;
    top: 5px;
}

.card-icon {
    border-radius: 50% !important;
    background: #eaeaea;
    border: 1px solid #dadada;
    padding: 0px;
    height: 80px;
    width: 80px;
    text-align: center;
    color: #999;
    float: left;
}

    .card-icon.card-icon-default {
        border: none;
        background: #f5f5f5;
        border-radius: 0px !important;
        margin: -10px;
        padding: 5px !important;
    }

    .card-icon.card-icon-60 {
        height: 60px;
        width: 60px;
    }

    .card-icon.card-icon-float-none {
        float: none !important;
    }

.card-content {
    margin-left: 100px;
}

    .card-content.card-content-left-80 {
        margin-left: 80px;
    }

.card-footer {
    border-top: 1px solid #eaeaea;
    padding: 5px 5px;
}

    .card-footer > .label {
        padding: 6px;
    }

.card.card-borderless {
    margin: 0px;
    border: 0px;
    box-shadow: none;
}

    .card.card-borderless > .card-body {
        border-top: 0px;
    }

.card.card-shadowless {
    box-shadow: none;
}

.card.card-60 > .card-body > .card-icon {
    height: 40px;
    width: 40px;
}

.card.card-60 > .card-body > .card-content {
    margin-left: 50px;
}

.panel > .panel {
    border: 0px;
    margin-bottom: 0px;
}

a.list-group-item-blue > .badge {
    color: #fff;
    background-color: #0D47A1;
    border-color: #0D47A1;
}

a.list-group-item-orange > .badge {
    color: #fff;
    background-color: #E65100;
    border-color: #E65100;
}

a.list-group-item-brown > .badge {
    color: #fff;
    background-color: #3E2723;
    border-color: #3E2723;
}

a.list-group-item-green > .badge {
    color: #fff;
    background-color: #1B5E20;
    border-color: #1B5E20;
}

a.list-group-item-red > .badge {
    color: #fff;
    background-color: #B71C1C;
    border-color: #B71C1C;
}

.progress-container {
    white-space: nowrap;
    position: relative;
    border: 1px solid #ddd;
    padding: 1px;
}

    .progress-container > .progress {
        height: 19px;
        margin: 0px;
        border-radius: 0;
        width: 80%;
        float: left;
    }

    .progress-container > .progress-percentage {
        height: 19px;
        margin: 0px;
        width: 20%;
        float: left;
        text-align: right;
        padding: 0px 3px;
        background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
        background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
        background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
        background-repeat: repeat-x;
    }

.progress {
    background: #efefef;
    border: 1px solid #eaeaea;
    box-shadow: none;
    border-radius: 0px;
}

.label.label-default.label-outline {
    background: #fff;
    color: #888;
    font-size: 100%;
    border: 1px solid #ddd;
    border-radius: 5px !important;
    margin-bottom: 15px;
}

.panel-footer-content {
    float: left;
}

.vertical-separator {
    border: 1px solid #ddd;
    height: 40px;
    margin: -10px 15px;
    border-color: transparent #ddd transparent #fff;
    width: 2px;
    float: left;
}

.fs-18 {
    font-size: 18px;
}

.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px;
}

.fs-12 {
    font-size: 12px;
}

.fc-02 {
    color: #1b2e4b;
}

.fc-03 {
    color: #8392a5;
}

.btn {
    border-radius: 3px;
}

.btn-crm {
    background: #4CAF50;
    border-color: #4CAF50;
    color: #fff;
}

    .btn-crm:hover,
    .btn-crm:active,
    .btn-crm:focus {
        background: #43A047;
        border-color: #43A047;
        color: #fff;
    }

.btn-contract {
    background: #2196F3;
    border-color: #2196F3;
    color: #fff;
}

    .btn-contract:hover,
    .btn-contract:active,
    .btn-contract:focus {
        background: #1E88E5;
        border-color: #1E88E5;
        color: #fff;
    }

.btn-stores {
    background: #795548;
    border-color: #795548;
    color: #fff;
}

    .btn-stores:hover,
    .btn-stores:active,
    .btn-stores:focus {
        background: #6D4C41;
        border-color: #6D4C41;
        color: #fff;
    }

.btn-incident {
    background: #9c27b0;
    border-color: #9c27b0;
    color: #fff;
}

    .btn-incident:hover,
    .btn-incident:active,
    .btn-incident:focus {
        background: #8E24AA;
        border-color: #8E24AA;
        color: #fff;
    }

.btn-accounts {
    background: #3F51B5;
    border-color: #3F51B5;
    color: #fff;
}

    .btn-accounts:hover,
    .btn-accounts:active,
    .btn-accounts:focus {
        background: #3949AB;
        border-color: #3949AB;
        color: #fff;
    }

.btn-administration {
    background: #009688;
    border-color: #009688;
    color: #fff;
}

    .btn-administration:hover,
    .btn-administration:active,
    .btn-administration:focus {
        background: #00897B;
        border-color: #00897B;
        color: #fff;
    }

.btn-apps {
    background: #607D8B;
    border-color: #607D8B;
    color: #fff;
}

    .btn-apps:hover,
    .btn-apps:active,
    .btn-apps:focus {
        background: #546E7A;
        border-color: #546E7A;
        color: #fff;
    }

.btn-projects {
    background: #673AB7;
    border-color: #673AB7;
    color: #fff;
}

    .btn-projects:hover,
    .btn-projects:active,
    .btn-projects:focus {
        background: #5E35B1;
        border-color: #5E35B1;
        color: #fff;
    }

.card.card-module:after {
    content: "";
    opacity: 0.5;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-style: solid;
    border-width: 10px;
    border-color: #fff #e5e5e5 #e5e5e5 #fff;
}

.card.crm {
    border-left: 2px solid #4CAF50;
}

    .card.crm:after {
        border-color: #fff #4CAF50 #4CAF50 #fff;
    }

.card.workorder {
    border-left: 2px solid #E91E63;
}

    .card.workorder:after {
        border-color: #fff #E91E63 #E91E63 #fff;
    }

.card.contract {
    border-left: 2px solid #2196F3;
}

    .card.contract:after {
        border-color: #fff #2196F3 #2196F3 #fff;
    }

.card.stores {
    border-left: 2px solid #795548;
}

    .card.stores:after {
        border-color: #fff #795548 #795548 #fff;
    }

.card.incident,
.card.incident-servicedesk {
    border-left: 2px solid #9c27b0;
}

    .card.incident:after,
    .card.incident-servicedesk:after {
        border-color: #fff #9c27b0 #9c27b0 #fff;
    }

.card.accounts {
    border-left: 2px solid #3F51B5;
}

    .card.accounts:after {
        border-color: #fff #3F51B5 #3F51B5 #fff;
    }

.card.administration {
    border-left: 2px solid #009688;
}

    .card.administration:after {
        border-color: #fff #009688 #009688 #fff;
    }

.card.apps {
    border-left: 2px solid #607D8B;
}

    .card.apps:after {
        border-color: #fff #607D8B #607D8B #fff;
    }

.card.workorder {
    border-left: 2px solid #E91E63;
}

    .card.workorder:after {
        border-color: #fff #E91E63 #E91E63 #fff;
    }

.card.projects {
    border-left: 2px solid #673AB7;
}

    .card.projects:after {
        border-color: #fff #673AB7 #673AB7 #fff;
    }


.label-group {
    margin: -10px 0px;
    padding: 15px 0px;
}

    .label-group > div {
        font-weight: bold;
    }

        .label-group > div > span {
            font-weight: normal;
        }

    .label-group > .vertical-separator {
        height: 50px;
        margin: -15px 10px;
        border-color: rgba(72, 94, 144, 0.16);
        border-width: 0px 1px 0px 0px;
    }

.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-left: 2.5rem;
}

    .custom-control.bordered {
        border: 1px solid #ccc;
        padding: .4rem .5rem .6rem 2.5rem;
    }

.custom-control-inline {
    display: inline-flex;
    /*margin-right: 1rem;*/
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #0168fa;
        background-color: #0168fa;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(1, 104, 250, 0.25);
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #7cb2fe;
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #afd0ff;
        border-color: #afd0ff;
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #7987a1;
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e3e7ed;
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    font-weight: normal;
}

    .custom-control-label::before {
        position: absolute;
        top: 0.15625rem;
        left: -2rem;
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #97a3b9 solid 1px;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0.15625rem;
        left: -2rem;
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        content: "";
        background: no-repeat 50% / 50% 50%;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #0168fa;
    background-color: #0168fa;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(1, 104, 250, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(1, 104, 250, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(1, 104, 250, 0.5);
}

strong > span {
    font-weight: normal;
}

.chart {
    min-height: 276px;
    height: 276px;
    min-width: 100px;
    width: 100%;
}

.group > td {
    font-weight: bold;
    font-style: italic;
    background-color: #eee;
}

.pos-relative {
    position: relative;
}

@media (min-width:576px) {
    .panel-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }



        .panel-group > .panel {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            min-width: 0;
        }

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

            .panel-group > .panel > .panel-body {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                min-height: 1px;
                padding: 1.25rem;
            }

            .panel-group > .panel:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

            .panel-group > .panel:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

            .panel-group > .panel + .panel {
                margin-left: 0;
                border-left: 0 !important;
            }
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 20px;
    padding: 3px;
    background-color: white;
    border-radius: 18px;
    box-shadow: inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,0.05);
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #f9f9f9;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.12),inset 0 0 2px rgba(0,0,0,0.15);
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -0.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 11px;
        color: #aaa;
        text-shadow: 0 1px rgba(255,255,255,0.5);
    }

    .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: white;
        text-shadow: 0 1px rgba(0,0,0,0.2);
        opacity: 0;
    }

.switch-input:checked ~ .switch-label {
    background: #c7cbd5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15),inset 0 0 3px rgba(0,0,0,0.2);
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    background-image: -webkit-linear-gradient(top,#fff 40%,#f0f0f0);
    background-image: -moz-linear-gradient(top,#fff 40%,#f0f0f0);
    background-image: -o-linear-gradient(top,#fff 40%,#f0f0f0);
    background-image: linear-gradient(to bottom,#fff 40%,#f0f0f0);
    -webkit-transition: left .15s ease-out;
    -moz-transition: left .15s ease-out;
    -o-transition: left .15s ease-out;
    transition: left .15s ease-out;
}

    .switch-handle:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: #f9f9f9;
        border-radius: 6px;
        box-shadow: inset 0 1px rgba(0,0,0,0.02);
        background-image: -webkit-linear-gradient(top,#eee,#fff);
        background-image: -moz-linear-gradient(top,#eee,#fff);
        background-image: -o-linear-gradient(top,#eee,#fff);
        background-image: linear-gradient(to bottom,#eee,#fff);
    }

.switch-input:checked ~ .switch-handle {
    left: 40px;
    box-shadow: -1px 1px 5px rgba(0,0,0,0.2);
}

.switch-theme > .switch-input:checked ~ .switch-label {
    background: #9c27b0;
}



.page-container {
    background: #cacaca;
    border: 1px solid #eaeaea;
    position: relative;
    height: calc(100vh - 140px);
    width: 100%;
}

.legendLabel {
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 12px !important;
}


.panel-table-bordered .dataTables_scroll {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


fieldset{
    border:1px solid #ddd;
    margin-top:15px;
    padding:0px 15px;
    margin-bottom:15px;
}
    fieldset > legend {
        border: 1px solid #ddd;
        display:inline;
        padding:5px 10px;
        width:auto;
        margin-bottom:0px;
        margin-left:10px;
        background:#ddd;
        font-weight:700;
        font-size:inherit;
    }