.main-content, body, html {
    min-height: 100%
}

.alert, .well {
    border-radius: 0
}

.nav-list > li .submenu > li > a:hover, .nav-list > li > a, a:active, a:focus {
    text-decoration: none;
    outline: none;
}

html {
    position: relative
}

.main-container:before {
    display: block;
    content: "";
    position: absolute;
    z-index: -2;
    width: 100%;
    max-width: inherit;
    bottom: 0;
    top: 0;
    background-color: #FFF
}

.main-container.container, .rtl .main-container.container {
    padding-left: 0;
    padding-right: 0
}

    .main-container.container:before {
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
        box-shadow: 0 0 0 1px rgba(0,0,0,.1);
        width: inherit
    }

@media (max-width:767px) {
    .main-container.container:before {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%
    }
}

.main-content {
    margin-left: 0;
    padding: 0
}

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

.nav-list li.active > a:after, .nav-list > li:before, .nav-list > li > .submenu:before, .nav-list > li > .submenu > li:before, .sidebar:before {
    content: ""
}

.main-content:after {
    clear: both
}

.sidebar + .main-content {
    overflow: hidden;
    height: 100%;
}

.page-header {
    margin: 0 0 12px;
    border-bottom: 1px dotted #E2E2E2;
    padding: 0px;
}

.ace-icon {
    text-align: center
}

ol, ul {
    padding: 0;
    margin: 0 0 10px 25px
}

li > ol, li > ul {
    margin-left: 18px
}

.inline {
    display: inline-block !important
}

.block {
    display: block !important
}

.align-center, .center {
    text-align: center !important
}

.align-right {
    text-align: right !important
}

.middle {
    vertical-align: middle
}

.align-middle {
    vertical-align: middle !important
}

.white {
    color: #FFF !important
}

.red {
    color: #DD5A43 !important
}

.blue {
    color: #478FCA !important
}

.wellell-blue {
    color: #00A5BD !important;
}

.green {
    color: #69AA46 !important
}

.orange {
    color: #FF892A !important
}

.orange2 {
    color: #FFC657 !important
}

.grey {
    color: #363636 !important
}

.light-grey {
    color: #BBB !important
}

.no-border {
    border-width: 0
}

.overflow-scroll {
    overflow-x: hidden !important;
    overflow-y: scroll !important
}

.hr {
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border-width: 1px 0 0;
    border-top: 1px solid #E3E3E3;
    margin: 12px 0;
    border-top-color: rgba(0,0,0,.11)
}

.header > .ace-icon {
    margin-right: 2px
}

.navbar {
    margin: 0;
    padding: 10px 0px;
    border-width: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 45px;
}

    .navbar .navbar-brand {
        color: #00A5BD;
        font-size: 24px;
        text-shadow: none;
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto
    }

.container-fluid > .navbar-buttons, .container > .navbar-buttons {
    padding-right: 0 !important
}

.navbar .navbar-nav > li {
    border: 1px solid rgba(0,0,0,.2);
    border-width: 0 1px 0 0
}

    .navbar .navbar-nav > li:first-child {
        border-width: 0 1px
    }

    .navbar .navbar-nav > li > a {
        padding-top: 12px;
        padding-bottom: 11px;
        height: 45px;
        background-color: transparent;
        font-size: 13px;
        color: #FFF;
        text-shadow: 0 1px 0 rgba(0,0,0,.25)
    }

        .navbar .navbar-nav > li.open > a, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:hover {
            background-color: rgba(0,0,0,.1) !important;
            color: #FFF !important
        }

    .navbar .navbar-nav > li > .dropdown-menu > li > a {
        line-height: 2
    }

.navbar-nav .dropdown-menu > li > a > .ace-icon {
    display: inline-block;
    width: 20px
}

.navbar-nav > li > .dropdown-menu {
    z-index: 1033
}

@media only screen and (max-width:991px) {
    .navbar .navbar-nav .dropdown-menu > li > a, .navbar .navbar-nav .dropdown-menu > li > a > .ace-icon {
        color: #FFF !important
    }

    .navbar .navbar-nav {
        margin: 0 -6px
    }

        .navbar .navbar-nav > li, .navbar .navbar-nav > li:first-child {
            border-width: 1px 0 0
        }

        .navbar .navbar-nav .dropdown-menu {
            float: none;
            position: relative;
            background-color: transparent;
            box-shadow: none;
            border-width: 0
        }

            .navbar .navbar-nav .dropdown-menu > li > a:hover {
                background-color: rgba(0,0,0,.07) !important
            }

        .navbar .navbar-nav .dropdown-hover > .dropdown-menu {
            left: 32px !important;
            right: auto !important;
            top: auto !important;
            width: 80% !important;
            width: calc(100% - 32px)
        }
}


@media only screen and (max-width:991px) {
    .navbar .navbar-nav > li:first-child {
        border-top-width: 0
    }
}

.navbar .navbar-toggler {
    border: 1px solid transparent;
    width: 40px;
    height: 35px;
    line-height: 0;
    padding: 0 0 1px;
    text-align: center
}

.sidebar {
    float: left;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    z-index: 1050;
}

    .sidebar:before {
        display: block;
        width: inherit;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: -1;
        background-color: inherit;
        border-style: inherit;
        border-color: inherit;
        border-width: inherit
    }

.nav-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .nav-list .nav-header, .nav-list > li, .nav-list > li > a {
        margin: 0
    }

    .nav-list li > a:focus {
        outline: 0
    }

    .nav-list > li {
        display: block;
        position: relative;
        float: none;
        padding: 0;
        border-style: solid;
        border-width: 1px 0 0
    }

        .nav-list > li:last-child {
            border-bottom-width: 1px
        }

        .nav-list > li > a {
            display: block;
            line-height: 17px;
            text-shadow: none !important;
            font-size: 13px
        }

        .nav-list > li:before {
            display: none;
            position: absolute;
            top: -1px;
            left: 0;
            z-index: 1;
            height: 100%;
            width: 3px;
            max-width: 3px;
            overflow: hidden;
            background-color: #629CC9
        }

        .nav-list > li:hover:before {
            display: block
        }

        .nav-list > li a > .arrow {
            display: block;
            width: 14px !important;
            height: 14px;
            line-height: 14px;
            text-shadow: none;
            font-size: 18px;
            position: absolute;
            right: 10px;
            top: 12px;
            padding: 0;
            text-align: center
        }

        .nav-list > li.separator {
            height: 3px;
            background-color: transparent;
            position: static;
            margin: 1px 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .nav-list > li .submenu {
            display: none;
            list-style: none;
            margin: 0;
            padding: 0;
            line-height: 1.5;
            position: relative
        }

            .nav-list > li .submenu > li {
                margin-left: 0;
                position: relative
            }

                .nav-list > li .submenu > li > a {
                    display: block;
                    position: relative;
                    padding: 7px 0 9px 37px;
                    margin: 0;
                    border-top-width: 1px;
                    border-top-style: dotted
                }

        .nav-list > li > .submenu {
            border-top: 1px solid
        }

            .nav-list > li > .submenu > li:before {
                display: block;
                width: 7px;
                position: absolute;
                z-index: 1;
                left: 20px;
                top: 17px;
                border: 1px dotted;
                border-width: 1px 0 0
            }

            .nav-list > li > .submenu:before {
                display: block;
                position: absolute;
                z-index: 1;
                left: 18px;
                top: 0;
                bottom: 0;
                border: 1px dotted;
                border-width: 0 0 0 1px
            }

    .nav-list li.active > a > .arrow, .nav-list li.open > a > .arrow, .nav-list li:hover > a > .arrow {
        color: inherit
    }

    .nav-list li.open > .submenu, .nav-list > li .submenu.collapsing, .nav-list > li > .submenu li.open > .submenu {
        display: block
    }

    .nav-list > li > .submenu li > .submenu {
        display: none
    }

        .nav-list > li > .submenu li.active > .submenu, .nav-list > li > .submenu li > .submenu.collapsing {
            display: block
        }

    .nav-list > li > .submenu a > .arrow {
        right: 10px;
        top: 10px;
        font-size: 16px
    }

    .nav-list > li > .submenu > li:first-child > a {
        border-top-width: 0
    }

    .nav-list > li > .submenu li > .submenu > li {
        line-height: 18px
    }

        .nav-list > li > .submenu li > .submenu > li:before {
            display: none
        }

        .nav-list > li > .submenu li > .submenu > li > a {
            margin-left: 20px;
            padding-left: 22px
        }

        .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
            margin-left: 20px;
            padding-left: 38px
        }

.nav-list li.open > a:after {
    display: none
}

.nav-list li.active.no-active-child > a:after {
    display: block
}

.nav-list > li li.active > a:after {
    top: 2px;
    border-width: 14px 8px
}

.nav-list li.active:not(.open) li.active > a:after {
    display: none !important
}

@media only screen and (min-width:992px) {
    .nav-list li.hover > .submenu {
        position: absolute;
        left: 100%;
        margin-left: -2px;
        top: -10px;
        bottom: auto;
        z-index: 1026;
        width: 190px;
        border: 1px solid;
        display: none !important;
        padding: 0 2px
    }

    .nav-list li.hover.hover-show > .submenu, .nav-list li.hover:hover > .submenu {
        display: block !important
    }

    .nav-list li.hover > .submenu:before, .nav-list li.hover > .submenu > li:before {
        display: none
    }

    .nav-list li.hover.active > a:after {
        display: block
    }

    .nav-list li.hover.active.hover-show > a.dropdown-toggle:after, .nav-list li.hover.active:hover > a.dropdown-toggle:after {
        display: none
    }

    .nav-list li.hover .submenu > li.active > a:after {
        display: none !important
    }

    .nav-list li.hover > .submenu.bottom {
        top: auto;
        bottom: -10px
    }

        .nav-list li.hover > .submenu.bottom:after, .nav-list li.hover > .submenu.bottom:before {
            top: auto;
            bottom: 18px
        }

    .nav-list li.hover > .submenu > li > a {
        margin-top: 2px;
        margin-bottom: 2px;
        padding-left: 18px;
        border-top-width: 0
    }

    .nav-list > li.hover > .submenu > li.active > a {
        font-weight: 700
    }

    .nav-list > li > .submenu li.hover > .submenu > li > a {
        padding-left: 12px !important;
        margin-left: auto !important
    }

    .nav-list > li .submenu > li.hover > a {
        padding-left: 22px
    }

}


.nav-list li > .arrow {
    display: none;
    position: absolute;
    top: 8px;
    right: 1px;
    z-index: 1027
}

    .nav-list li > .arrow:after, .nav-list li > .arrow:before {
        border: 1px solid transparent;
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        left: -19px;
        top: 0;
        right: auto;
        bottom: auto;
        content: "";
        border-width: 10px
    }

    .nav-list li > .arrow:before {
        z-index: 1;
        left: -20px
    }

    .nav-list li > .arrow:after {
        z-index: 2
    }

.nav-list li.hover-show > a + .arrow, .nav-list li:hover > a + .arrow {
    display: none
}

@media only screen and (min-width:992px) {
    .nav-list li.hover.hover-show > a.dropdown-toggle + .arrow, .nav-list li.hover:hover > a.dropdown-toggle + .arrow {
        display: block
    }
}

.main-content .sidebar:before {
    top: 150px
}

.modal-footer {
    padding: 16px;
    text-align: left;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer button:hover {
        opacity: 0.7;
    }

.modal-header .close {
    font-size: 32px
}


.btn.active, .open > .btn.active.dropdown-toggle {
    box-shadow: none
}


.btn.btn-white {
    text-shadow: none !important
}
.btn.btn-white, .btn.btn-white.no-hover:active, .btn.btn-white.no-hover:hover {
    background-color: #FFF !important
}

    .btn.btn-white, .btn.btn-white.active.no-border, .btn.btn-white.disabled, .btn.btn-white.disabled.active, .btn.btn-white.disabled:active, .btn.btn-white.disabled:focus, .btn.btn-white.disabled:hover, .btn.btn-white:active.no-border, .btn.btn-white:focus.no-border, .btn.btn-white:hover.no-border, .btn.btn-white[disabled], .btn.btn-white[disabled].active, .btn.btn-white[disabled]:active, .btn.btn-white[disabled]:focus, .btn.btn-white[disabled]:hover, .open > .btn.btn-white.active.dropdown-toggle.no-border, .open > .btn.btn-white.dropdown-toggle.no-border, fieldset[disabled] .btn.btn-white, fieldset[disabled] .btn.btn-white.active, fieldset[disabled] .btn.btn-white:active, fieldset[disabled] .btn.btn-white:focus, fieldset[disabled] .btn.btn-white:hover {
        border-color: #CCC
    }

.btn.btn-white {
    color: #444 !important
}

.btn-white.no-border {
    border-color: transparent !important
}

.btn.disabled.active, .btn.disabled:active, .btn.disabled:focus, .btn[disabled].active, .btn[disabled]:active, .btn[disabled]:focus {
    outline: 0
}

.btn.disabled:active, .btn[disabled]:active {
    top: 0;
    left: 0
}

.btn.active:after {
    display: inline-block;
    content: "";
    position: absolute;
    border-bottom: 1px solid #EFE5B5;
    left: -4px;
    right: -4px;
    bottom: -4px
}

.btn.btn-no-border {
    border-width: 0 !important
}

.btn.active.btn-sm:after {
    left: -3px;
    right: -3px;
    bottom: -3px
}

.btn.active.btn-lg:after {
    left: -5px;
    right: -5px;
    bottom: -5px
}

.btn.active.btn-mini:after, .btn.active.btn-minier:after, .btn.active.btn-sm:after {
    left: -1px;
    right: -1px;
    bottom: -2px
}

.btn.active.btn-minier:after {
    bottom: -1px
}

.btn.active:after {
    border-bottom-color: #C96338
}

.btn > .ace-icon {
    margin-right: 4px
}

    .btn > .ace-icon.icon-on-right {
        margin-right: 0;
        margin-left: 4px
    }

.btn > .icon-only.ace-icon {
    margin: 0 !important;
    text-align: center;
    padding: 0
}

.btn-lg > .ace-icon {
    margin-right: 6px
}

    .btn-lg > .ace-icon.icon-on-right {
        margin-right: 0;
        margin-left: 6px
    }

.btn-sm > .ace-icon {
    margin-right: 3px
}

    .btn-sm > .ace-icon.icon-on-right {
        margin-right: 0;
        margin-left: 3px
    }

.btn-group:first-child {
    margin-left: 0
}

.btn-group > .btn > .caret {
    margin-top: 15px;
    margin-left: 1px;
    border-width: 5px;
    border-top-color: #FFF
}

.btn-group > .btn.btn-sm > .caret {
    margin-top: 10px;
    border-width: 4px
}

.btn-group > .btn.btn-lg > .caret {
    margin-top: 18px;
    border-width: 6px
}

.btn-group > .btn.btn-mini > .caret, .btn-group > .btn.btn-sm > .caret {
    margin-top: 9px;
    border-width: 4px
}

.btn-group > .btn.btn-minier > .caret {
    margin-top: 7px;
    border-width: 3px
}

.btn-group > .btn + .btn.dropdown-toggle {
    padding-right: 3px;
    padding-left: 3px
}

.btn-group > .btn + .btn-lg.dropdown-toggle {
    padding-right: 4px;
    padding-left: 4px
}

.btn-group + .btn.active:after, .btn-group > .btn.active:after {
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-bottom-width: 1px
}

.btn-group + .btn-lg, .btn-group > .btn-lg {
    border-width: 4px
}

    .btn-group + .btn-lg.active:after, .btn-group > .btn-lg.active:after {
        left: -3px;
        right: -3px;
        bottom: -3px;
        border-bottom-width: 1px
    }

.btn-group + .btn-sm, .btn-group > .btn-sm {
    border-width: 2px
}

.btn-group + .btn-mini, .btn-group + .btn-minier, .btn-group + .btn-sm, .btn-group > .btn-mini, .btn-group > .btn-minier, .btn-group > .btn-sm, .btn.btn-white {
    border-width: 1px
}

    .btn-group + .btn-sm.active:after, .btn-group > .btn-sm.active:after {
        left: -1px;
        right: -1px;
        bottom: -1px;
        border-bottom-width: 1px
    }

    .btn-group + .btn-mini.active:after, .btn-group + .btn-minier.active:after, .btn-group + .btn-sm.active:after, .btn-group > .btn-mini.active:after, .btn-group > .btn-minier.active:after, .btn-group > .btn-sm.active:after {
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom-width: 1px
    }

.label {
    color: #FFF;
    display: inline-block
}

    .label[class*=col-][class*=arrow] {
        min-height: 0
    }

.label > .ace-icon, .label > span {
    line-height: 1;
    vertical-align: bottom
}

.dropdown-menu > .active > a > .ace-icon, .dropdown-menu > li > a:focus > .ace-icon, .dropdown-menu > li > a:hover > .ace-icon, .dropdown-submenu:focus > a > .ace-icon, .dropdown-submenu:hover > a > .ace-icon, .icon-white, .nav-list > .active > a > .ace-icon, .nav-pills > .active > a > .ace-icon, .navbar-inverse .nav > .active > a > .ace-icon {
    background-image: none
}

.dropdown-menu {
    border-radius: 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.2)
}

    .dropdown-menu > li > a {
        font-size: 13px;
        padding-left: 11px;
        padding-right: 11px;
        padding-bottom: 4px;
        margin-bottom: 1px;
        margin-top: 1px
    }

    .dropdown-menu > li.active:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:hover > a, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus {
        background: #4F99C6;
        color: #FFF
    }

.dropup > .dropdown-menu, .navbar-fixed-bottom .dropdown > .dropdown-menu {
    top: auto !important;
    bottom: 100%
}

.dropdown-submenu > .dropdown-menu {
    border-radius: 0
}

.dropdown-submenu > a:after {
    margin-right: -5px
}

td > label, th > label {
    margin-bottom: 0;
    line-height: inherit;
    vertical-align: middle
}

label.inline {
    margin-bottom: 0px
}


.form-control::-webkit-input-placeholder, input::-webkit-input-placeholder {
    color: silver
}

.form-control:-moz-placeholder, input:-moz-placeholder {
    color: silver;
    opacity: 1
}

.form-control::-moz-placeholder, input::-moz-placeholder {
    color: silver;
    opacity: 1
}

.form-control:-ms-input-placeholder, input:-ms-input-placeholder {
    color: silver
}


textarea.form-control {
    padding: 5px 9px;
}


select.form-control {
    padding: 4px 6px
}

select.input-sm {
    border-radius: 0;
    padding: 2px 3px
}

select.input-lg {
    border-radius: 0;
    padding: 6px 8px
}

input.block {
    display: block;
    margin-bottom: 9px
}

select option, select.form-control option {
    padding: 3px 4px 5px
}

    select option:active, select option:focus, select option:hover, select.form-control option:active, select.form-control option:focus, select.form-control option:hover {
        background-color: #EEE;
        color: #444
    }

    select option.no-option, select.form-control option.no-option {
        padding: 1px 0
    }

.input-md {
    width: 150px;
    max-width: 100%
}


.input-group .input-group-addon, .input-group > .btn {
    border-radius: 0 !important
}

.input-group > .btn {
    line-height: 20px;
    padding: 0 6px
}

    .input-group > .btn.btn-sm {
        line-height: 22px
    }

    .input-group > .btn + .btn {
        margin-left: 1px
    }


.input-group > .btn-group > .btn {
    line-height: 23px
}

    .input-group > .btn-group > .btn.btn-sm {
        line-height: 26px
    }

        .input-group > .btn-group > .btn.btn-sm > .caret, .input-group > .btn-group > .btn > .caret, .input-group > .btn.btn-sm > .caret, .input-group > .btn > .caret {
            margin-top: 10px
        }

.tab-content {
    position: relative;
}

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


.table > thead > tr {
    color: #707070;
    font-weight: 400;
    background: repeat-x #F2F2F2;
    background-image: -webkit-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);
    background-image: -o-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);
    background-image: linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
}

    .table > thead > tr > th {
        border-color: #ddd;
        font-weight: 700
    }

        .table > thead > tr > th .ace-icon:first-child {
            margin-right: 2px
        }

        .table > thead > tr > th:first-child {
            border-left-color: #F1F1F1
        }

        .table > thead > tr > th:last-child {
            border-right-color: #F1F1F1
        }

td.center, th.center {
    text-align: center
}

td .lbl, th .lbl {
    margin-bottom: 0
}

    td .lbl:only-child, th .lbl:only-child {
        vertical-align: top
    }

.table-header {
    background-color: #307ECC;
    color: #FFF;
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px
}

    .table-header .close {
        margin-right: 8px;
        margin-top: 0;
        opacity: .45;
    }

        .table-header .close:hover {
            opacity: .75;
        }

th.detail-col {
    width: 48px;
    text-align: center
}

tr.detail-row {
    display: none
}

    tr.detail-row.open {
        display: block;
        display: table-row
    }

    tr.detail-row > td {
        background-color: #f1f6f8;
        border-top: 3px solid #d1e1ea !important
    }

.widget-header {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    background: repeat-x #f7f7f7;
    background-image: -webkit-linear-gradient(top,#FFF 0,#EEE 100%);
    background-image: -o-linear-gradient(top,#FFF 0,#EEE 100%);
    background-image: linear-gradient(to bottom,#FFF 0,#EEE 100%);
    color: #669FC7;
    border-bottom: 1px solid #DDD;
    padding-left: 12px
}


    .widget-header:after, .widget-header:before {
        content: "";
        display: table;
        line-height: 0
    }

    .widget-header:after {
        clear: right
    }

.widget-box.collapsed > .widget-header {
    border-bottom-width: 0
}


.collapsed > .widget-body {
    display: none
}

.widget-body {
    background-color: #FFF
}

.widget-main {
    padding: 12px
}

.widget-box.no-border {
    border-width: 0
}

.widget-body .table {
    border-top: 1px solid #E5E5E5
}

    .widget-body .table thead:first-child tr {
        background: #FFF
    }

.widget-body .alert:last-child {
    margin-bottom: 0
}

.widget-main .tab-content {
    border-width: 0
}

.progress, .tooltip-inner {
    border-radius: 0
}

.tooltip-inner {
    background-color: #333;
    color: #FFF;
    font-size: 12px;
    text-shadow: 1px 1px 0 rgba(42,45,50,.5);
    padding: 5px 9px
}

.tooltip.top .tooltip-arrow {
    border-bottom-width: 0;
    border-top-color: #333
}

.tooltip.right .tooltip-arrow {
    border-left-width: 0;
    border-right-color: #333
}

.tooltip.left .tooltip-arrow {
    border-right-width: 0;
    border-left-color: #333
}

.tooltip.bottom .tooltip-arrow {
    border-top-width: 0;
    border-bottom-color: #333
}

.progress {
    box-shadow: none;
    background: #e9e9e9;
    height: 18px
}

    .progress[data-percent]:after {
        display: inline-block;
        content: attr(data-percent);
        color: #FFF;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        line-height: 16px;
        text-align: center;
        font-size: 12px
    }

.message-item .sender, .message-item .summary, .message-item .summary .text {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle
}

.message-item {
    border-bottom: 1px solid #0000000F;
    padding: 16px 0px 16px 0px;
}

    .message-item.selected {
        background-color: #EFF4F7;
        border-color: #FFF #E2EAF2
    }

    .message-item input.ace + .lbl::before, .message-navbar input.ace + .lbl::before {
        top: auto
    }

    .message-item .sender,
    .message-navbar .sender {
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer
    }

    .message-item .memo {
        color: #ACA7A0;
        font-size: 12px;
    }

    .message-item .summary {
        position: relative;
        margin-left: 30px;
        max-width: 250px;
        max-width: calc(100% - 300px);
        min-width: 200px
    }

        .message-item .summary .text {
            color: #555;
            width: auto;
            max-width: 100%;
            height: 18px;
            text-overflow: ellipsis;
            overflow: hidden;
            cursor: pointer
        }

            .message-item .summary .text:hover {
                text-decoration: underline
            }


.steps > li .step, .steps > li.complete .step:before {
    line-height: 30px;
    background-color: #FFF;
    text-align: center
}
.steps {
    list-style: none;
    display: table;
    padding: 0;
    margin: 0;
    position: relative
}

    .steps > li {
        display: table-cell;
        text-align: center;
        width: 1%
    }

        .steps > li .step {
            border: 5px solid #CED1D6;
            color: #546474;
            font-size: 15px;
            border-radius: 100%;
            position: relative;
            z-index: 2;
            display: inline-block;
            width: 40px;
            height: 40px
        }

        .steps > li:before {
            display: block;
            content: "";
            width: 100%;
            height: 1px;
            font-size: 0;
            overflow: hidden;
            border-top: 4px solid #CED1D6;
            position: relative;
            top: 21px;
            z-index: 1
        }

        .steps > li.last-child:before {
            max-width: 50%;
            width: 50%
        }

        .steps > li:last-child:before {
            max-width: 50%;
            width: 50%
        }

        .steps > li:first-child:before {
            max-width: 51%;
            left: 50%
        }

        .steps > li.active .step, .steps > li.active:before, .steps > li.complete .step, .steps > li.complete:before {
            border-color: #5293C4
        }

        .steps > li.complete .step {
            cursor: default;
            color: #FFF;
            -webkit-transition: transform ease .1s;
            -o-transition: transform ease .1s;
            transition: transform ease .1s
        }

            .steps > li.complete .step:before {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                border-radius: 100%;
                content: "\f00c";
                z-index: 3;
                font-family: FontAwesome, sans-serif;
                font-size: 17px;
                color: #87BA21
            }

.step-content, .tree {
    position: relative
}

.steps > li.complete:hover .step {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #80afd4
}

.steps > li.complete:hover:before {
    border-color: #80afd4
}

.steps > li .title {
    display: block;
    margin-top: 4px;
    max-width: 100%;
    color: #949EA7;
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word
}

.steps > li.active .title, .steps > li.complete .title {
    color: #2B3D53
}

.step-content .step-pane {
    display: none;
    min-height: 200px;
    padding: 4px 8px 12px
}

    .step-content .step-pane.active {
        display: block
    }

.wizard-actions {
    text-align: right
}

@media only screen and (max-width:767px) {
    .steps li .step, .steps li:after, .steps li:before {
        border-width: 3px
    }

    .steps li .step {
        width: 30px;
        height: 30px;
        line-height: 24px
    }

    .steps li.complete .step:before {
        line-height: 24px;
        font-size: 13px
    }

    .steps li:before {
        top: 16px
    }

    .step-content .step-pane {
        padding: 4px 4px 6px;
        min-height: 150px
    }
}

.tree {
    margin: auto;
    padding: 0 0 0 9px;
    overflow-x: hidden;
    overflow-y: auto
}

    .tree:before {
        display: inline-block;
        content: "";
        position: absolute;
        top: -20px;
        bottom: 16px;
        left: 0;
        z-index: 1;
        border: 1px dotted #67B2DD;
        border-width: 0 0 0 1px
    }

    .tree .tree {
        padding: 0;
        overflow: visible
    }

        .tree .tree:before {
            display: none
        }

    .tree .tree-branch-name, .tree .tree-item-name {
        cursor: pointer
    }

    .tree .icon-caret {
        margin-left: 5px;
        vertical-align: baseline !important
    }

    .tree .tree-branch {
        width: auto;
        min-height: 20px;
        cursor: pointer
    }

        .tree .tree-branch .tree-branch-header {
            position: relative;
            height: 20px;
            line-height: 20px
        }

            .tree .tree-branch .tree-branch-header:hover {
                background-color: rgba(98,168,209,.1)
            }

        .tree .tree-branch .icon-caret ~ .tree-branch-header {
            display: inline-block;
            width: 80%;
            width: calc(100% - 36px)
        }

        .tree .tree-branch.tree-selected > .tree-branch-header {
            background-color: rgba(98,168,209,.18)
        }

        .tree .tree-branch .tree-branch-header .tree-branch-name, .tree .tree-item .tree-item-name {
            display: inline;
            z-index: 2
        }

        .tree .tree-branch .tree-branch-header > .tree-branch-name > .ace-icon:first-child, .tree .tree-item > .tree-item-name > .ace-icon:first-child {
            display: inline-block;
            position: relative;
            z-index: 2;
            top: -1px
        }

        .tree .tree-branch > .tree-branch-header > .tree-branch-name > .tree-label {
            margin-left: 2px
        }

        .tree .tree-branch > .tree-branch-header > .tree-branch-name > .ace-icon:first-child {
            margin: -2px 0 0 -2px
        }

        .tree .tree-branch:last-child:after {
            display: inline-block;
            content: "";
            position: absolute;
            z-index: 1;
            top: 15px;
            bottom: 0;
            left: -10px;
            border-left: 2px solid #FFF
        }

        .tree .tree-branch .tree-branch-children, .tree .tree-branch .tree-branch-children.tree {
            margin: 0 0 0 23px;
            padding: 0;
            position: relative
        }

            .tree .tree-branch .tree-branch-children.tree:before, .tree .tree-branch .tree-branch-children:before {
                display: inline-block;
                content: "";
                position: absolute;
                z-index: 1;
                top: -14px;
                bottom: 16px;
                left: -14px;
                border: 1px dotted #67B2DD;
                border-width: 0 0 0 1px
            }

        .tree .tree-branch.tree-selected > .icon-caret ~ .tree-branch-header > .tree-branch-name > .tree-label {
            font-weight: 700
        }

    .tree .tree-item {
        height: 20px;
        line-height: 20px;
        cursor: pointer;
        max-width: calc(100% - 20px)
    }

        .tree .tree-item:hover {
            background-color: rgba(98,168,209,.1)
        }

        .tree .tree-item.tree-selected, .tree .tree-item.tree-selected:hover {
            background-color: rgba(98,168,209,.16)
        }

        .tree .tree-item > .tree-item-name > .ace-icon:first-child {
            margin-right: 3px
        }

        .tree .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
            margin-left: 3px;
            margin-right: 3px
        }

        .tree .tree-item > .ace-icon:first-child {
            margin-top: -1px
        }

    .tree .tree-branch, .tree .tree-item {
        position: relative;
        list-style: none;
        margin: 1px 0
    }

        .tree .tree-branch:before, .tree .tree-item:before {
            display: inline-block;
            content: "";
            position: absolute;
            top: 14px;
            left: -13px;
            width: 18px;
            height: 0;
            border-top: 1px dotted #67B2DD;
            z-index: 1
        }


        .tree .tree-branch .tree-branch-header, .tree .tree-item {
            padding: 5px;
            color: #4D6878;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box
        }


    .tree .tree-selected > .tree-item-name > .ace-icon:first-child {
        background-color: #F9A021;
        border-color: #F9A021;
        color: #FFF
    }

    .tree .tree-minus.ace-icon:first-child, .tree .tree-plus.ace-icon:first-child {
        display: inline-block;
        font-style: normal;
        vertical-align: middle;
        height: 11px;
        width: 11px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        text-align: center;
        border: 1px solid #8BAEBF;
        line-height: 10px;
        background-color: #FFF;
        position: relative;
        z-index: 2
    }

        .tree .tree-minus.ace-icon:first-child:before, .tree .tree-plus.ace-icon:first-child:before {
            content: "";
            display: block;
            width: 7px;
            height: 0;
            border-top: 1px solid #4D6878;
            position: absolute;
            top: 5px;
            left: 2px
        }

        .tree .tree-plus.ace-icon:first-child:after {
            content: "";
            display: block;
            height: 7px;
            width: 0;
            border-left: 1px solid #4D6878;
            position: absolute;
            top: 2px;
            left: 5px
        }

    .tree .tree-unselectable .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
        color: #5084A0;
        width: 13px;
        height: 13px;
        line-height: 13px;
        font-size: 10px;
        text-align: center;
        border-radius: 0;
        background-color: transparent;
        border: none;
        box-shadow: none
    }

    .tree .ace-icon[class*="-down"] {
        transform: rotate(-45deg)
    }

    .tree .ace-icon[class*="-download"] {
        transform: none
    }

    .tree .fa-spin {
        height: auto
    }

    .tree .tree-loading {
        margin-left: 36px
    }

    .tree img {
        display: inline;
        vertical-align: middle
    }

    .tree .icon-open {
        width: 16px;
        position: relative;
        z-index: 2;
        padding-left: 2px
    }

    .tree .tree-branch .tree-leaf-head.ace-icon, .tree .tree-leaf .tree-branch-head.ace-icon {
        display: none
    }

    .tree .tree-branch.tree-leaf .tree-leaf-head {
        display: inline-block;
        position: relative;
        z-index: 2;
        color: #DDD;
        background-color: #FFF
    }

    .tree .tree-selected.tree-branch.tree-leaf .tree-leaf-head {
        color: #FEB902
    }

.tree-container {
    background-color: #FFF;
    border: 1px solid #DDD;
    border-left-color: #67B2DD;
    display: block;
    padding: 0;
    max-width: 200px;
    max-height: 250px
}

    .tree-container .tree::before {
        margin-left: -1px
    }

.input-group.date .input-group-addon {
    cursor: pointer
}

.datepicker td, .datepicker th {
    border-radius: 0 !important;
    font-size: 13px
}

    .datepicker td.active, .datepicker td.active:hover {
        background: #2283C5 !important
    }

        .datepicker td.active.disabled, .datepicker td.active.disabled:hover {
            background: #8B9AA3 !important
        }

.datepicker td, .datepicker th {
    min-width: 32px
}


.well .datepicker table tr td.day:hover {
    background-color: #7D8893;
    color: #FFF
}

th[aria-selected=true] {
    background-image: -webkit-linear-gradient(top,#EFF3F8 0,#E3E7ED 100%);
    background-image: -o-linear-gradient(top,#EFF3F8 0,#E3E7ED 100%);
    background-image: linear-gradient(to bottom,#EFF3F8 0,#E3E7ED 100%);
    background-repeat: repeat-x;
}

.no-skin .nav-list .open > a, .no-skin .nav-list .open > a:focus, .no-skin .nav-list .open > a:hover {
    background-color: #FAFAFA
}

.no-skin .nav-list > li {
    border: none;
}

    .no-skin .nav-list > li > a {
        background-color: #FFFFFF;
        color: #000000D9;
        padding: 10px 10px;
    }

        .no-skin .nav-list > li > a:focus {
            background-color: #F8F8F8;
            color: #1963AA
        }

    .no-skin .nav-list > li:hover > a {
        background-color: #00A5BD;
        color: #FFFFFF
    }

    .no-skin .nav-list > li.open > a {
        background-color: #FAFAFA;
        color: #1963AA
    }

    .no-skin .nav-list > li.active > a {
        color: #00A5BD;
    }

        .no-skin .nav-list > li.active > a, .no-skin .nav-list > li.active > a:focus, .no-skin .nav-list > li.active > a:hover {
            background-color: #DDF6FB
        }

    .no-skin .nav-list > li .submenu {
        background-color: #FFF;
        border-color: #E5E5E5
    }

        .no-skin .nav-list > li .submenu > li > a {
            border-top-color: #E4E4E4;
            background-color: #FFF;
            color: #616161
        }

            .no-skin .nav-list > li .submenu > li > a:hover {
                color: #4B88B7;
                background-color: #F1F5F9
            }

        .no-skin .nav-list > li .submenu > li.active > a {
            color: #2B7DBC
        }

.no-skin .nav-list > li .submenu > li.active:not(.open) > a {
    background-color: #F5F7FA
}

    .no-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
        background-color: #F1F5F9
    }

.no-skin .nav-list > li > .submenu .open > a, .no-skin .nav-list > li > .submenu .open > a:focus, .no-skin .nav-list > li > .submenu .open > a:hover {
    border-color: #E4E4E4
}

.no-skin .nav-list > li > .submenu li > .submenu > li a {
    color: #757575
}

    .no-skin .nav-list > li > .submenu li > .submenu > li a:hover {
        color: #4B88B7;
        background-color: #F1F5F9
    }

.no-skin .nav-list > li > .submenu li.open > a, .no-skin .nav-list > li > .submenu li > .submenu li.active > a, .no-skin .nav-list > li > .submenu li > .submenu li.open > a {
    color: #4B88B7
}

.no-skin .nav-list > li > .submenu:before, .no-skin .nav-list > li > .submenu > li:before {
    border-color: #9dbdd6
}

.no-skin .nav-list > li.active > .submenu:before, .no-skin .nav-list > li.active > .submenu > li:before {
    border-color: #8eb3d0
}

.no-skin .nav-list li > .arrow:before {
    border-right-color: #B8B8B8;
    border-width: 10px 10px 10px 0;
    left: -10px
}

.no-skin .nav-list li > .arrow:after {
    border-right-color: #FFF;
    border-width: 10px 10px 10px 0;
    left: -9px
}

.no-skin .nav-list > li.pull_up > .arrow:after {
    border-right-color: #FFF !important
}

@media only screen and (min-width:992px) {
    .no-skin .nav-list li.hover > .submenu {
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
        border-color: #CCC
    }

        .no-skin .nav-list li.hover > .submenu > li.active > a {
            background-color: #F5F5F5
        }

        .no-skin .nav-list li.hover > .submenu > li:hover > a {
            background-color: #EEF3F7;
            color: #2E7DB4
        }
}

@media only screen and (min-width:992px) and (max-width:991px) {

    .no-skin .nav-list li.hover > .submenu > li.active:not(.open) > a {
        background-color: #F5F7FA
    }

        .no-skin .nav-list li.hover > .submenu > li.active:not(.open) > a:hover {
            background-color: #F1F5F9
        }
}

@media only screen and (max-width:991px) {
    body {
        overflow-x: hidden
    }

    .no-skin .sidebar.responsive .nav-list > li.active.open > a:after, .no-skin .sidebar.responsive-max .nav-list > li.active.open > a:after {
        display: block
    }

    .no-skin .sidebar.responsive .nav-list li li.active > a:after, .no-skin .sidebar.responsive-max .nav-list li li.active > a:after {
        display: none
    }

    .no-skin .sidebar.responsive .nav-list > li.active:after, .no-skin .sidebar.responsive-max .nav-list > li.active:after {
        height: 41px
    }

    .no-skin .sidebar {
        border-width: 0 1px 1px 0;
        border-top-color: #d6d6d6;
        width: 100%;
        overflow: auto;
        height: 100dvh;
    }
}

@media print {
    .navbar, .sidebar {
        display: none !important
    }

    .main-content {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .btn {
        background: 0 0 !important;
        border-width: 1px !important;
        border-radius: 0 !important;
        color: #555 !important
    }

    .label {
        border: 1px solid #666 !important
    }
}