/* Minification failed. Returning unminified contents.
(10677,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ','
(10699,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ','
 */
/* Minification failed. Returning unminified contents. (8,810): run-time error CSS1062: Expected semicolon or closing curly-brace, found ',' (8,2029): run-time error CSS1062: Expected semicolon or closing curly-brace, found ',' */
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700|Roboto:300,400,500,700,400italic,300italic,500italic|Roboto+Condensed:300,400,700|Ubuntu+Mono);

.page {
    padding: 20px
}

.page-full {
    height: 100%;
    padding: 0
}

.page-core {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 60px 10px;
    background-color: #607D8B;
    overflow: auto
}

.page-chat #inbox {
    margin: 20px -15px -15px
}

    .page-chat #inbox > li {
        border-bottom: 1px solid rgba(0,0,0,0.15)
    }

        .page-chat #inbox > li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
            margin-bottom: 0
        }

        .page-chat #inbox > li > a {
            display: block;
            position: relative;
            color: #111;
            padding: 15px
        }

            .page-chat #inbox > li > a:hover {
                text-decoration: none;
                background-color: rgba(255,255,255,0.5)
            }

                .page-chat #inbox > li > a:hover .chat-actions {
                    display: block
                }

            .page-chat #inbox > li > a:focus {
                text-decoration: none
            }

            .page-chat #inbox > li > a .media {
                position: relative;
                height: 45px
            }

                .page-chat #inbox > li > a .media .media-body {
                    width: 100%;
                    display: inline-block;
                    padding-right: 40px;
                    position: absolute;
                    top: 0
                }

            .page-chat #inbox > li > a .message {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                display: block;
                width: 85%
            }

            .page-chat #inbox > li > a .chat-actions {
                font-size: 11px;
                display: none
            }

                .page-chat #inbox > li > a .chat-actions > span {
                    margin-left: 4px;
                    cursor: pointer
                }

                    .page-chat #inbox > li > a .chat-actions > span.archive:hover {
                        color: #EF5350
                    }

                    .page-chat #inbox > li > a .chat-actions > span.mark-unread:hover {
                        color: #26A69A
                    }

                        .page-chat #inbox > li > a .chat-actions > span.mark-unread:hover i:before {
                            content: "\f111"
                        }

                    .page-chat #inbox > li > a .chat-actions > span.mark-readed {
                        color: #26A69A
                    }

                        .page-chat #inbox > li > a .chat-actions > span.mark-readed:hover {
                            color: #111
                        }

                            .page-chat #inbox > li > a .chat-actions > span.mark-readed:hover i:before {
                                content: "\f10c"
                            }

        .page-chat #inbox > li.active > a {
            background-color: white
        }

.page-chat ul.chats > li .media-body {
    padding: 10px
}

.page-chat ul.chats > li.in .media-body {
    background-color: white;
    padding-left: 20px
}

.page-chat ul.chats > li.out .media-body {
    background-color: rgba(255,255,255,0.5);
    padding-right: 20px
}

ul.chats {
    list-style: none
}

    ul.chats > li {
        margin: 20px auto;
        font-size: 13px
    }

        ul.chats > li:last-child {
            margin-bottom: 0
        }

        ul.chats > li .media {
            position: relative;
            z-index: 1
        }

        ul.chats > li .name, ul.chats > li .datetime {
            font-size: 15px;
            font-weight: 400
        }

        ul.chats > li .datetime {
            color: #444;
            font-size: 13px
        }

        ul.chats > li.conversation-divider {
            font-size: 11px;
            color: white;
            text-align: center
        }

            ul.chats > li.conversation-divider span {
                display: inline-block;
                position: relative;
                background-color: rgba(0,0,0,0.15);
                padding: 4px 10px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                -ms-border-radius: 2px;
                -o-border-radius: 2px;
                border-radius: 2px;
                -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
                box-shadow: 0 1px 1px rgba(0,0,0,0.05)
            }

        ul.chats > li.in .media-body {
            text-align: left;
            border-left: 3px solid #26A69A;
            margin-left: 65px;
            padding-left: 5px
        }

        ul.chats > li.in .name {
            color: #26A69A
        }

        ul.chats > li.in .media:after {
            content: "";
            height: 0;
            width: 0;
            border-top: 4px solid rgba(0,0,0,0);
            border-bottom: 4px solid rgba(0,0,0,0);
            border-right: 4px solid #26A69A;
            position: absolute;
            top: 18px;
            left: 36px;
            z-index: 1
        }

        ul.chats > li.out .media-body {
            border-right: 3px solid #ff5722;
            margin-right: 65px;
            text-align: right;
            padding-right: 5px
        }

        ul.chats > li.out .name {
            color: #ff5722
        }

        ul.chats > li.out .name, ul.chats > li.out .datetime {
            text-align: right
        }

        ul.chats > li.out .media:after {
            content: "";
            height: 0;
            width: 0;
            border-top: 4px solid rgba(0,0,0,0);
            border-bottom: 4px solid rgba(0,0,0,0);
            border-left: 4px solid #ff5722;
            position: absolute;
            top: 18px;
            right: 36px;
            z-index: 1
        }

.chat-form {
    padding: 10px;
    background-color: #fff;
    overflow: hidden;
    clear: both
}

.page.page-mail #mail-nav #mail-folders > li > a, .page.page-mail #mail-nav #mail-labels > li > a {
    color: #111
}

    .page.page-mail #mail-nav #mail-folders > li > a .badge, .page.page-mail #mail-nav #mail-labels > li > a .badge {
        margin-top: 2px
    }

    .page.page-mail #mail-nav #mail-folders > li > a:hover, .page.page-mail #mail-nav #mail-labels > li > a:hover {
        background-color: white
    }

.page.page-mail #mail-nav #mail-folders > li.active > a, .page.page-mail #mail-nav #mail-labels > li.active > a {
    color: white
}

    .page.page-mail #mail-nav #mail-folders > li.active > a:hover, .page.page-mail #mail-nav #mail-labels > li.active > a:hover {
        background-color: #0391d1
    }

.page.page-mail .note-editable {
    background-color: white
}

.page.page-mail #mails-list {
    margin-bottom: 0
}

    .page.page-mail #mails-list > li {
        border: 0;
        border-left: 3px solid;
        margin-bottom: 1px;
        padding: 20px
    }

        .page.page-mail #mails-list > li .thumb > div {
            height: 40px;
            background-color: #9E9E9E;
            color: white;
            text-transform: uppercase;
            font-size: 26px;
            font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif;
            padding: 1px 0;
            text-align: center
        }

        .page.page-mail #mails-list > li .media-heading > a {
            font-weight: 700
        }

            .page.page-mail #mails-list > li .media-heading > a:hover {
                text-decoration: none
            }

        .page.page-mail #mails-list > li .controls {
            display: inline-block;
            margin-right: 10px;
            vertical-align: top;
            text-align: center;
            margin-top: -2px
        }

            .page.page-mail #mails-list > li .controls .favourite {
                font-size: 16px
            }

                .page.page-mail #mails-list > li .controls .favourite:hover, .page.page-mail #mails-list > li .controls .favourite:focus:hover {
                    color: #b8b8b8
                }

                .page.page-mail #mails-list > li .controls .favourite:focus {
                    color: #FFA726
                }

                .page.page-mail #mails-list > li .controls .favourite.active > i:before {
                    content: "\f005"
                }

            .page.page-mail #mails-list > li .controls .mail-select {
                width: 20px
            }

.homepage #footer {
    display: block;
    background-color: #222121 !important;
    padding-top: 30px;
    padding-bottom: 20px
}

.homepage #contact-us {
    background: rgba(82,135,185,0.94) !important
}

@media only screen and (max-width: 768px) {
    .homepage #contact-us {
        background: rgba(82,135,185,0.72) !important;
        margin-left: -15px;
        margin-right: -15px
    }
}

.homepage .btn.btn-overlay {
    background: rgba(0,0,0,0.3)
}

    .homepage .btn.btn-overlay:hover, .homepage .btn.btn-overlay:focus {
        background: #4285f4 !important
    }

    .homepage .btn.btn-overlay.dark {
        background: rgba(0,0,0,0.3)
    }

        .homepage .btn.btn-overlay.dark:hover, .homepage .btn.btn-overlay.dark:focus {
            background: #4285f4 !important
        }

.homepage .left-aligned .tile-widget, .homepage .left-aligned .tile-body {
    padding-left: 42px
}

@media only screen and (max-width: 991px) {
    .homepage .left-aligned .tile-widget, .homepage .left-aligned .tile-body {
        padding-left: 15px
    }
}

.homepage #content {
    padding-top: 0 !important
}

    .homepage #content .browser-upgrade {
        display: none
    }

.homepage #social-media {
    display: block !important;
    text-align: right
}

@media only screen and (max-width: 991px) {
    .homepage #social-media {
        text-align: left;
        margin-bottom: 20px
    }
}

#main-hero {
    position: relative;
    background: url(/content/images/background/home-hero.jpg) bottom right;
    background-repeat: no-repeat;
    background-size: cover
}

    #main-hero h1 {
        font-size: 46px
    }

    #main-hero .lead {
        font-size: 24px
    }

@media only screen and (max-width: 480px) {
    #main-hero .lead {
        font-size: 18px
    }
}

#main-hero .tbox {
    padding-top: 70px;
    padding-bottom: 70px
}

@media only screen and (max-width: 768px) {
    #main-hero .tbox {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (max-width: 1200px) {
    #main-hero {
        text-align: center;
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

        #main-hero h1 {
            font-size: 36px
        }
}

@media only screen and (max-width: 768px) {
    #main-hero {
        padding-top: 32px;
        padding-bottom: 32px
    }

        #main-hero .btn {
            max-width: 320px
        }
}

@media only screen and (max-width: 480px) {
    #main-hero h1 {
        font-size: 28px
    }
}

#proposals-hero .hero-content {
    padding: 80px 0
}

#proposals-hero .hero-img {
    background: url("/content/images/background/proposals-pc.png") center center no-repeat
}

#logo-banner {
    position: relative;
    background-color: #fff;
    padding: 0 12px 0 12px
}

    #logo-banner:after {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 1px;
        display: block;
        height: 3px;
        z-index: 1001;
        -webkit-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.1) !important;
        box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.1) !important
    }

    #logo-banner #serdp-estcp-logo {
        width: 215px;
        margin-top: 3px
    }

@media only screen and (max-width: 480px) {
    #logo-banner #serdp-estcp-logo {
        width: 50%;
        top: 0;
        bottom: 0;
        right: 8px;
        position: absolute;
        margin-top: 0;
        margin: auto
    }
}

#social-media a {
    opacity: .5
}

    #social-media a:hover, #social-media a:focus, #social-media a:active {
        opacity: 1
    }

.browser-upgrade {
    margin: 0;
    font-weight: 300;
    padding: 2px 14px;
    background: #fff;
    background: rgba(255,255,255,0.75)
}

#content {
    padding-top: 45px;
    width: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: -blackberry-touch;
    -webkit-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -moz-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}

    #content > div[ui-view] {
        height: 100%
    }

    #content.ng-enter .page {
        -webkit-animation: littleFadeInUp 0.5s ease;
        -moz-animation: littleFadeInUp 0.5s ease;
        animation: littleFadeInUp 0.5s ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    #content.ng-leave .page {
        filter: alpha(opacity=0);
        opacity: 0
    }

    #content > [ui-view].ng-enter, #content > [ui-view].ng-leave {
        position: absolute;
        left: 0;
        right: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out
    }

    #content > [ui-view].ng-enter {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale3d(0.5, 0.5, 0.5);
        -moz-transform: scale3d(0.5, 0.5, 0.5);
        -ms-transform: scale3d(0.5, 0.5, 0.5);
        -o-transform: scale3d(0.5, 0.5, 0.5);
        transform: scale3d(0.5, 0.5, 0.5)
    }

    #content > [ui-view].ng-enter-active {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    #content > [ui-view].ng-leave {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    #content > [ui-view].ng-leave-active {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translate3d(100px, 100px, 0);
        -moz-transform: translate3d(100px, 100px, 0);
        -ms-transform: translate3d(100px, 100px, 0);
        -o-transform: translate3d(100px, 100px, 0);
        transform: translate3d(100px, 100px, 0)
    }

.appWrapper.header-fixed.aside-fixed #content {
    position: absolute;
    top: 45px;
    right: 0;
    bottom: 0;
    width: auto;
    left: 250px;
    padding-left: 0;
    padding-top: 0;
    z-index: 1
}

.appWrapper.header-static #content {
    padding-left: 250px;
    padding-top: 0
}

.appWrapper.aside-static #content {
    padding-left: 250px
}

@media only screen and (max-width: 992px) {
    .appWrapper.header-fixed.aside-fixed:not(.sidebar-sm):not(.sidebar-xs) #content {
        left: 80px
    }
}

@media only screen and (max-width: 768px) {
    .appWrapper.header-fixed.aside-fixed #content {
        top: 90px
    }

    .appWrapper.header-fixed.aside-fixed:not(.sidebar-sm):not(.sidebar-xs) #content {
        left: 40px
    }

    .appWrapper.aside-static #content {
        padding-top: 90px
    }

    .appWrapper.header-static.aside-static #content {
        padding-top: 0
    }
}

.appWrapper.header-fixed #header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0
}

.appWrapper:not(.header-fixed) #header {
    padding-left: 250px
}

    .appWrapper:not(.header-fixed) #header .branding {
        position: fixed;
        left: 0
    }

.appWrapper:not(.header-fixed):not(.aside-fixed) #header {
    padding-left: 0;
    position: relative
}

    .appWrapper:not(.header-fixed):not(.aside-fixed) #header .branding {
        position: static
    }

.appWrapper:not(.sidebar-offcanvas) #header .branding .offcanvas-toggle {
    display: none !important
}

#header {
    background-color: #fff;
    z-index: 1001;
    -webkit-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -moz-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}

    #header .branding {
        background-color: #474747;
        width: 250px;
        height: 45px;
        float: left;
        padding: 0 15px
    }

        #header .branding a.brand {
            font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif;
            font-size: 19px;
            font-weight: 300;
            color: white;
            padding-left: 30px;
            height: 45px;
            line-height: 45px;
            float: left;
            -webkit-transition: none;
            -moz-transition: none;
            transition: none
        }

            #header .branding a.brand:hover {
                text-decoration: none
            }

        #header .branding .offcanvas-toggle {
            color: white;
            margin-left: 5px;
            opacity: .5;
            padding: 1px 4px;
            font-size: 18px
        }

            #header .branding .offcanvas-toggle:hover {
                opacity: 1
            }

    #header .search {
        display: inline-block;
        margin-left: 15px;
        position: relative
    }

        #header .search .form-control {
            margin-top: 3px
        }

        #header .search:after {
            content: '\f002';
            display: inline-block;
            font-family: "FontAwesome";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 0;
            right: 0;
            line-height: 43px;
            color: rgba(255,255,255,0.25)
        }

        #header .search .underline-input {
            color: rgba(255,255,255,0.7);
            border-color: rgba(255,255,255,0.25);
            font-family: "Ubuntu Mono",sans-serif;
            font-size: 16px
        }

            #header .search .underline-input::-webkit-input-placeholder {
                color: rgba(255,255,255,0.25);
                font-style: normal;
                font-size: 16px;
                line-height: 24px
            }

            #header .search .underline-input::-moz-placeholder {
                color: rgba(255,255,255,0.25);
                font-style: normal;
                font-size: 16px;
                line-height: 24px
            }

            #header .search .underline-input:-moz-placeholder {
                color: rgba(255,255,255,0.25);
                font-style: normal;
                font-size: 16px;
                line-height: 24px
            }

            #header .search .underline-input:-ms-input-placeholder {
                color: rgba(255,255,255,0.25);
                font-style: normal;
                font-size: 16px;
                line-height: 24px
            }

            #header .search .underline-input:focus {
                border-color: rgba(255,255,255,0.7)
            }

                #header .search .underline-input:focus::-webkit-input-placeholder {
                    color: rgba(255,255,255,0.7)
                }

                #header .search .underline-input:focus::-moz-placeholder {
                    color: rgba(255,255,255,0.7)
                }

                #header .search .underline-input:focus:-moz-placeholder {
                    color: rgba(255,255,255,0.7)
                }

                #header .search .underline-input:focus:-ms-input-placeholder {
                    color: rgba(255,255,255,0.7)
                }

    #header .nav-right, #header .nav-left {
        margin-bottom: 0
    }

        #header .nav-right > li, #header .nav-left > li {
            margin-top: 3px;
            vertical-align: top
        }

            #header .nav-right > li > a, #header .nav-left > li > a {
                color: rgba(255,255,255,0.7);
                line-height: 42px;
                padding: 0 10px;
                display: inline-block;
                position: relative
            }

                #header .nav-right > li > a:hover, #header .nav-left > li > a:hover {
                    color: white
                }

                #header .nav-right > li > a > .badge, #header .nav-left > li > a > .badge {
                    position: absolute;
                    top: 7px;
                    left: 1px
                }

            #header .nav-right > li.nav-profile, #header .nav-left > li.nav-profile {
                margin-top: 0
            }

                #header .nav-right > li.nav-profile > a, #header .nav-left > li.nav-profile > a {
                    font-size: 13px
                }

                    #header .nav-right > li.nav-profile > a img, #header .nav-left > li.nav-profile > a img {
                        margin-top: -2px
                    }

                    #header .nav-right > li.nav-profile > a span, #header .nav-left > li.nav-profile > a span {
                        margin: 0 5px;
                        line-height: 45px
                    }

                        #header .nav-right > li.nav-profile > a span > i, #header .nav-left > li.nav-profile > a span > i {
                            margin-left: 5px
                        }

            #header .nav-right > li.toggle-right-sidebar, #header .nav-left > li.toggle-right-sidebar {
                margin-top: 0;
                padding: 0
            }

                #header .nav-right > li.toggle-right-sidebar > a, #header .nav-left > li.toggle-right-sidebar > a {
                    background-color: #474747;
                    line-height: 45px;
                    padding: 0 15px
                }

    #header .nav-left {
        margin-left: 0
    }

        #header .nav-left > li.divided-right {
            margin-top: 0;
            border-color: rgba(255,255,255,0.1)
        }

            #header .nav-left > li.divided-right > a {
                line-height: 45px
            }

@media only screen and (max-width: 992px) {
    .appWrapper.sidebar-sm #header .branding, .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding {
        width: 80px
    }

        .appWrapper.sidebar-sm #header .branding .brand > span, .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand > span {
            display: none
        }

        .appWrapper.sidebar-sm #header .branding .brand, .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand {
            margin-left: 12px
        }

    .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding {
        width: 40px
    }

        .appWrapper:not(.sidebar-sm):not(.sidebar-xs) #header .branding .brand {
            margin-left: -9px
        }
}

@media only screen and (max-width: 768px) {
    .appWrapper.sidebar-xs #header {
        position: relative;
        z-index: 22
    }

        .appWrapper.sidebar-xs #header .branding {
            float: none;
            width: 100% !important;
            text-align: center;
            position: relative
        }

            .appWrapper.sidebar-xs #header .branding > a {
                float: none;
                width: auto;
                background-position: 8px 1px
            }

            .appWrapper.sidebar-xs #header .branding .brand > span {
                display: inline-block;
                margin-left: 10px
            }

        .appWrapper.sidebar-xs #header .search {
            position: absolute;
            left: 0;
            top: 0;
            width: 120px
        }

        .appWrapper.sidebar-xs #header .nav-left {
            position: absolute;
            right: 0;
            top: 0
        }

            .appWrapper.sidebar-xs #header .nav-left .sidebar-collapse {
                display: none
            }

            .appWrapper.sidebar-xs #header .nav-left .settings .dropdown-menu {
                right: 0;
                left: auto
            }

                .appWrapper.sidebar-xs #header .nav-left .settings .dropdown-menu.with-arrow:before {
                    right: 12px;
                    left: auto
                }

                .appWrapper.sidebar-xs #header .nav-left .settings .dropdown-menu.with-arrow:after {
                    right: 13px;
                    left: auto
                }

        .appWrapper.sidebar-xs #header .nav-right {
            float: left !important;
            padding-left: 10px
        }

            .appWrapper.sidebar-xs #header .nav-right .nav-profile {
                position: absolute;
                bottom: 0;
                right: 40px
            }

                .appWrapper.sidebar-xs #header .nav-right .nav-profile > a > span {
                    display: none
                }

                .appWrapper.sidebar-xs #header .nav-right .nav-profile .dropdown-menu {
                    left: auto;
                    right: 0
                }

                    .appWrapper.sidebar-xs #header .nav-right .nav-profile .dropdown-menu.with-arrow:before {
                        right: 12px;
                        left: auto
                    }

                    .appWrapper.sidebar-xs #header .nav-right .nav-profile .dropdown-menu.with-arrow:after {
                        right: 13px;
                        left: auto
                    }

            .appWrapper.sidebar-xs #header .nav-right .toggle-right-sidebar {
                position: absolute;
                bottom: 0;
                right: 0
            }

            .appWrapper.sidebar-xs #header .nav-right .users .dropdown-menu, .appWrapper.sidebar-xs #header .nav-right .messages .dropdown-menu, .appWrapper.sidebar-xs #header .nav-right .notifications .dropdown-menu {
                left: 0;
                right: auto
            }

                .appWrapper.sidebar-xs #header .nav-right .users .dropdown-menu.with-arrow:before, .appWrapper.sidebar-xs #header .nav-right .messages .dropdown-menu.with-arrow:before, .appWrapper.sidebar-xs #header .nav-right .notifications .dropdown-menu.with-arrow:before {
                    left: 12px;
                    right: auto
                }

                .appWrapper.sidebar-xs #header .nav-right .users .dropdown-menu.with-arrow:after, .appWrapper.sidebar-xs #header .nav-right .messages .dropdown-menu.with-arrow:after, .appWrapper.sidebar-xs #header .nav-right .notifications .dropdown-menu.with-arrow:after {
                    left: 13px;
                    right: auto
                }

    .appWrapper.sidebar-xs.header-static.aside-fixed #header .search {
        left: 40px
    }

    .appWrapper.sidebar-xs.header-fixed #header {
        position: fixed
    }
}

@media only screen and (max-width: 480px) {
    .appWrapper.sidebar-xs #header .branding {
        text-align: left;
        padding-left: 10px
    }

        .appWrapper.sidebar-xs #header .branding > a {
            background-position: 0 1px
        }

        .appWrapper.sidebar-xs #header .branding .brand > span {
            display: none
        }

    .appWrapper.sidebar-xs #header .search {
        left: 40px
    }

    .appWrapper.sidebar-xs.header-static.aside-fixed #header .search {
        left: 80px
    }

    .appWrapper.sidebar-xs.sidebar-offcanvas #header .search {
        left: 70px
    }
}

@media only screen and (max-width: 420px) {
    .appWrapper.sidebar-xs #header .nav-right > li {
        position: static !important
    }

        .appWrapper.sidebar-xs #header .nav-right > li.toggle-right-sidebar {
            position: absolute !important
        }

        .appWrapper.sidebar-xs #header .nav-right > li .dropdown-menu {
            left: 0 !important;
            right: 0 !important
        }

            .appWrapper.sidebar-xs #header .nav-right > li .dropdown-menu.with-arrow:before, .appWrapper.sidebar-xs #header .nav-right > li .dropdown-menu.with-arrow:after {
                display: none !important
            }
}

.appWrapper.sidebar-xs .sidebar-collapse i:before {
    content: "\f03c"
}

.appWrapper.aside-fixed #sidebar {
    position: fixed;
    top: 45px;
    bottom: 0
}

.appWrapper.aside-static #wrap {
    position: relative
}

    .appWrapper.aside-static #wrap #controls {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0
    }

        .appWrapper.aside-static #wrap #controls.dropdown-open {
            right: 0
        }

.appWrapper.aside-static #sidebar {
    position: static;
    float: left;
    padding-top: 45px;
    min-height: 100%
}

.appWrapper.aside-static.header-static #sidebar {
    padding-top: 45px
}

#sidebar {
    width: 250px;
    padding: 0;
    background-color: #474747;
    z-index: 21;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: -blackberry-touch
}

    #sidebar .panel-group {
        margin-bottom: 0
    }

        #sidebar .panel-group .panel + .panel {
            margin-top: 0
        }

        #sidebar .panel-group .panel {
            border-radius: 0;
            border: 0;
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none
        }

            #sidebar .panel-group .panel > .panel-heading {
                background-color: transparent;
                border: 0;
                text-transform: uppercase;
                padding: 0
            }

                #sidebar .panel-group .panel > .panel-heading .panel-title {
                    margin: 0 15px
                }

                    #sidebar .panel-group .panel > .panel-heading .panel-title > a {
                        display: block;
                        position: relative;
                        padding: 15px 15px 0;
                        margin: 0 -15px;
                        cursor: pointer;
                        font-size: 11px;
                        color: rgba(255,255,255,0.2);
                        text-decoration: none
                    }

                        #sidebar .panel-group .panel > .panel-heading .panel-title > a:after {
                            content: '';
                            display: block;
                            border-bottom: 1px solid rgba(255,255,255,0.2);
                            margin-top: 15px
                        }

                        #sidebar .panel-group .panel > .panel-heading .panel-title > a:hover {
                            text-decoration: none;
                            color: rgba(255,255,255,0.5)
                        }

                        #sidebar .panel-group .panel > .panel-heading .panel-title > a > i {
                            position: absolute;
                            right: 15px
                        }

                #sidebar .panel-group .panel > .panel-heading + .panel-collapse > .panel-body {
                    border-top: 0
                }

            #sidebar .panel-group .panel .panel-title > a.collapsed {
                background-color: rgba(0,0,0,0.05);
                color: rgba(255,255,255,0.5);
                padding: 15px
            }

                #sidebar .panel-group .panel .panel-title > a.collapsed:after {
                    display: none
                }

                #sidebar .panel-group .panel .panel-title > a.collapsed:hover {
                    color: white
                }

                #sidebar .panel-group .panel .panel-title > a.collapsed > i:before {
                    content: "\f107"
                }

            #sidebar .panel-group .panel .panel-body {
                color: rgba(255,255,255,0.5)
            }

    #sidebar .summary .media .media-body {
        font-size: 13px;
        color: rgba(255,255,255,0.3);
        text-transform: uppercase
    }

        #sidebar .summary .media .media-body .media-heading {
            font-weight: 700;
            color: rgba(255,255,255,0.5)
        }

    #sidebar .settings label {
        font-weight: 400
    }

    #sidebar .settings .onoffswitch {
        right: -10px
    }

        #sidebar .settings .onoffswitch .onoffswitch-label {
            filter: alpha(opacity=40);
            opacity: .4;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out
        }

    #sidebar .settings .onoffswitch-checkbox:checked + .onoffswitch-label {
        filter: alpha(opacity=100);
        opacity: 1
    }

#sidebar-wrap {
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: -blackberry-touch;
    width: 100%;
    height: 100%
}

#navigation {
    margin: 0 -15px;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: -blackberry-touch;
    list-style: none;
    background-color: #474747
}

    #navigation > li > a > i {
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        font-size: 15px;
        width: 20px;
        line-height: 1;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear
    }

    #navigation > li {
        position: relative;
        margin: 0;
        overflow: hidden;
        z-index: 10
    }

        #navigation > li.open > a, #navigation > li:hover > a {
            background-color: rgba(0,0,0,0.2);
            color: white
        }

        #navigation > li.open > i, #navigation > li:hover > i {
            color: white
        }

        #navigation > li.active > a {
            background-color: #4285f4;
            color: white
        }

        #navigation > li.active > i {
            color: white
        }

        #navigation > li.active .ink {
            z-index: 9
        }

        #navigation > li a {
            font-size: 13px;
            color: #4285f4;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            transition: all 0.2s linear;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            position: relative
        }

            #navigation > li a:hover {
                text-decoration: none
            }

        #navigation > li .ink {
            display: block;
            position: absolute;
            background: rgba(255,255,255,0.1);
            border-radius: 100%;
            transform: scale(0);
            width: 250px !important;
            height: 250px !important
        }

            #navigation > li .ink.animate {
                -webkit-animation: ripple 0.65s linear;
                -moz-animation: ripple 0.65s linear;
                animation: ripple 0.65s linear
            }

        #navigation > li > a {
            font-weight: 700;
            position: relative;
            display: block;
            padding: 12px 15px
        }

            #navigation > li > a > .badge {
                position: absolute;
                top: 7px;
                left: 25px
            }

            #navigation > li > a > .label {
                position: absolute;
                top: 13px;
                right: 10px
            }

    #navigation .dropdown > a > i:last-of-type {
        font-size: 10px;
        position: absolute;
        top: 17px;
        right: 0px
    }

    #navigation .dropdown.open > a > i:last-of-type:before {
        content: "\f068"
    }

    #navigation .dropdown > a > .label {
        right: 35px
    }

    #navigation .dropdown > ul {
        display: none;
        background-color: rgba(0,0,0,0.15);
        list-style: none;
        padding: 5px 0
    }

        #navigation .dropdown > ul li {
            position: relative;
            padding: 0
        }

            #navigation .dropdown > ul li:hover > a, #navigation .dropdown > ul li.active > a {
                color: #4285f4
            }

            #navigation .dropdown > ul li:last-child > a {
                border-bottom: 0
            }

            #navigation .dropdown > ul li > a {
                font-size: 13px;
                position: relative;
                display: block;
                padding: 8px 0 8px 30px;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                transition: all 0.2s linear
            }

                #navigation .dropdown > ul li > a > i {
                    margin-right: 15px
                }

                #navigation .dropdown > ul li > a > .badge, #navigation .dropdown > ul li > a > .label {
                    position: absolute;
                    right: 10px;
                    top: 8px
                }

    #navigation .dropdown.submenu > a > i:last-of-type {
        top: 14px
    }

    #navigation .dropdown.submenu.open > a {
        color: white !important
    }

    #navigation .dropdown.submenu > ul {
        background-color: transparent;
        padding-left: 15px
    }

.sidebar-sm #sidebar, .sidebar-xs #sidebar {
    background-color: transparent
}

    .sidebar-sm #sidebar #sidebar-wrap:before, .sidebar-xs #sidebar #sidebar-wrap:before {
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        width: 80px;
        background-color: #474747
    }

    .sidebar-sm #sidebar.dropdown-open, .sidebar-xs #sidebar.dropdown-open {
        width: 100% !important
    }

    .sidebar-sm #sidebar .slimScrollDiv .slimScrollBar, .sidebar-sm #sidebar .slimScrollDiv .slimScrollRail, .sidebar-xs #sidebar .slimScrollDiv .slimScrollBar, .sidebar-xs #sidebar .slimScrollDiv .slimScrollRail {
        right: auto !important;
        left: 1px !important;
        width: 4px !important
    }

    .sidebar-sm #sidebar .panel-group .panel-heading, .sidebar-sm #sidebar .panel-group .charts, .sidebar-sm #sidebar .panel-group .settings, .sidebar-xs #sidebar .panel-group .panel-heading, .sidebar-xs #sidebar .panel-group .charts, .sidebar-xs #sidebar .panel-group .settings {
        display: none
    }

    .sidebar-sm #sidebar .panel-group .panel-body, .sidebar-xs #sidebar .panel-group .panel-body {
        padding: 0 10px
    }

    .sidebar-sm #sidebar .panel-group .panel-collapse.collapse, .sidebar-xs #sidebar .panel-group .panel-collapse.collapse {
        display: block !important
    }

    .sidebar-sm #sidebar .panel-group .panel-group, .sidebar-xs #sidebar .panel-group .panel-group {
        height: 100%
    }

        .sidebar-sm #sidebar .panel-group .panel-group .panel, .sidebar-sm #sidebar .panel-group .panel-group .panel-collapse, .sidebar-sm #sidebar .panel-group .panel-group .panel-body, .sidebar-xs #sidebar .panel-group .panel-group .panel, .sidebar-xs #sidebar .panel-group .panel-group .panel-collapse, .sidebar-xs #sidebar .panel-group .panel-group .panel-body {
            height: 100% !important
        }

    .sidebar-sm #sidebar #navigation, .sidebar-xs #sidebar #navigation {
        margin: 0 -10px;
        height: 100%
    }

        .sidebar-sm #sidebar #navigation > li, .sidebar-xs #sidebar #navigation > li {
            overflow: visible
        }

            .sidebar-sm #sidebar #navigation > li > a, .sidebar-xs #sidebar #navigation > li > a {
                padding: 15px 5px;
                text-align: center;
                font-size: 11px
            }

                .sidebar-sm #sidebar #navigation > li > a > i, .sidebar-xs #sidebar #navigation > li > a > i {
                    display: block;
                    margin: 0 auto 3px;
                    font-size: 22px
                }

                .sidebar-sm #sidebar #navigation > li > a > .label, .sidebar-xs #sidebar #navigation > li > a > .label {
                    display: none
                }

            .sidebar-sm #sidebar #navigation > li .ink, .sidebar-xs #sidebar #navigation > li .ink {
                display: none
            }

            .sidebar-sm #sidebar #navigation > li.dropdown > a > i:last-of-type, .sidebar-xs #sidebar #navigation > li.dropdown > a > i:last-of-type {
                display: none
            }

            .sidebar-sm #sidebar #navigation > li.dropdown > ul, .sidebar-xs #sidebar #navigation > li.dropdown > ul {
                position: absolute;
                left: 100%;
                top: 0;
                width: 220px;
                background-color: #3a3a3a
            }

            .sidebar-sm #sidebar #navigation > li.dropdown.open > ul, .sidebar-xs #sidebar #navigation > li.dropdown.open > ul {
                display: none !important
            }

            .sidebar-sm #sidebar #navigation > li.dropdown:hover > ul, .sidebar-xs #sidebar #navigation > li.dropdown:hover > ul {
                display: block !important
            }

            .sidebar-sm #sidebar #navigation > li li.submenu > ul, .sidebar-xs #sidebar #navigation > li li.submenu > ul {
                position: absolute;
                left: 100%;
                top: 0;
                width: 220px;
                background-color: #3a3a3a;
                padding-left: 0
            }

            .sidebar-sm #sidebar #navigation > li li.submenu.open > ul, .sidebar-xs #sidebar #navigation > li li.submenu.open > ul {
                display: none !important
            }

            .sidebar-sm #sidebar #navigation > li li.submenu:hover > ul, .sidebar-xs #sidebar #navigation > li li.submenu:hover > ul {
                display: block !important
            }

.appWrapper.header-fixed.sidebar-sm #content {
    left: 80px;
    padding-left: 0
}

.appWrapper:not(.header-fixed).sidebar-sm #header {
    padding-left: 80px
}

    .appWrapper:not(.header-fixed).sidebar-sm #header .branding {
        width: 80px
    }

        .appWrapper:not(.header-fixed).sidebar-sm #header .branding .brand > span {
            display: none
        }

        .appWrapper:not(.header-fixed).sidebar-sm #header .branding .brand {
            margin-left: 12px
        }

.appWrapper:not(.header-fixed).sidebar-sm #content {
    padding-left: 80px
}

.appWrapper:not(.aside-fixed).sidebar-sm #content {
    padding-left: 80px
}

.appWrapper:not(.header-fixed):not(.aside-fixed).sidebar-sm #header {
    padding-left: 0
}

.sidebar-sm #sidebar, .sidebar-sm #navigation {
    width: 80px
}

.sidebar-sm #content {
    padding-left: 80px
}

.sidebar-xs #header .branding {
    width: 40px;
    padding: 0
}

    .sidebar-xs #header .branding > a {
        background-position: 6px 10px;
        width: 40px
    }

        .sidebar-xs #header .branding > a > span {
            display: none
        }

.sidebar-xs #sidebar, .sidebar-xs #navigation {
    width: 40px
}

    .sidebar-xs #sidebar #navigation > li > a {
        padding: 10px 5px
    }

        .sidebar-xs #sidebar #navigation > li > a > i {
            margin: 0;
            display: inline-block;
            font-size: 15px
        }

        .sidebar-xs #sidebar #navigation > li > a span {
            display: none
        }

        .sidebar-xs #sidebar #navigation > li > a .badge {
            display: block;
            left: 5px;
            top: 3px
        }

.sidebar-xs #content {
    padding-left: 40px
}

.sidebar-xs #sidebar #sidebar-wrap:before {
    width: 40px
}

.appWrapper.header-fixed.sidebar-xs #content {
    left: 40px;
    padding-left: 0
}

.appWrapper:not(.header-fixed).sidebar-xs #header {
    padding-left: 40px
}

    .appWrapper:not(.header-fixed).sidebar-xs #header .branding {
        width: 40px
    }

.appWrapper:not(.header-fixed).sidebar-xs #content {
    padding-left: 40px
}

.appWrapper:not(.aside-fixed).sidebar-xs #content {
    padding-left: 40px
}

.appWrapper:not(.header-fixed):not(.aside-fixed).sidebar-xs #header {
    padding-left: 0
}

.appWrapper.sidebar-xs.sidebar-offcanvas #sidebar {
    left: -40px;
    -webkit-transition: left 0.2s;
    -moz-transition: left 0.2s;
    transition: left 0.2s
}

.appWrapper.sidebar-xs.sidebar-offcanvas #content {
    left: 0
}

.appWrapper.sidebar-xs.sidebar-offcanvas.offcanvas-opened #sidebar {
    left: 0
}

.appWrapper.sidebar-xs.sidebar-offcanvas.offcanvas-opened #content {
    left: 40px
}

@media only screen and (max-width: 768px) {
    .appWrapper.sidebar-xs.aside-fixed #sidebar {
        top: 90px
    }

    .appWrapper.sidebar-xs.aside-fixed.header-static #sidebar {
        top: 0;
        z-index: 99
    }

        .appWrapper.sidebar-xs.aside-fixed.header-static #sidebar #navigation > li > a {
            height: 45px;
            line-height: 26px
        }

    .appWrapper.sidebar-xs.aside-static #sidebar {
        padding-top: 90px
    }
}

.pageheader {
    margin-bottom: 30px
}

    .pageheader h2 {
        display: inline-block;
        color: #000;
        font-size: 34px;
        font-weight: 300;
        margin-top: 10px
    }

        .pageheader h2 span {
            font-size: 15px;
            color: #444;
            font-style: italic
        }

    .pageheader .page-bar {
        background-color: white
    }

        .pageheader .page-bar .page-breadcrumb {
            padding: 0;
            margin: 0;
            list-style: none;
            display: inline-block
        }

            .pageheader .page-bar .page-breadcrumb > li {
                display: inline-block
            }

                .pageheader .page-bar .page-breadcrumb > li > a {
                    color: #444;
                    padding: 8px 10px;
                    display: inline-block
                }

                    .pageheader .page-bar .page-breadcrumb > li > a:hover {
                        color: #4285f4;
                        text-decoration: none
                    }

                .pageheader .page-bar .page-breadcrumb > li:before {
                    display: inline-block;
                    font-family: "FontAwesome";
                    font-style: normal;
                    font-weight: normal;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\f105";
                    color: #444
                }

                .pageheader .page-bar .page-breadcrumb > li:first-child {
                    background-color: #474747;
                    margin-right: 8px
                }

                    .pageheader .page-bar .page-breadcrumb > li:first-child > a {
                        color: #4285f4
                    }

                        .pageheader .page-bar .page-breadcrumb > li:first-child > a:hover {
                            color: white
                        }

                    .pageheader .page-bar .page-breadcrumb > li:first-child:before {
                        content: ""
                    }

        .pageheader .page-bar .page-toolbar {
            display: inline-block;
            float: right
        }

            .pageheader .page-bar .page-toolbar .btn {
                padding: 8px 12px
            }

@media only screen and (max-width: 992px) {
    .page-bar .page-toolbar .btn span {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .page-bar .page-toolbar .btn {
        width: 37px
    }

        .page-bar .page-toolbar .btn i:last-of-type {
            display: none
        }
}

@media only screen and (max-width: 480px) {
    .pageheader h2 span {
        display: block
    }

    .pageheader .page-bar .page-breadcrumb {
        width: 100%
    }

        .pageheader .page-bar .page-breadcrumb > li {
            font-size: 13px;
            display: block;
            padding-left: 10px
        }

            .pageheader .page-bar .page-breadcrumb > li:first-child {
                padding-left: 0;
                margin-right: 0
            }

            .pageheader .page-bar .page-breadcrumb > li > a {
                padding: 8px 5px
            }

    .pageheader .page-bar .page-toolbar {
        display: none
    }
}

.appWrapper.rightbar-hidden #rightbar {
    right: -250px
}

.appWrapper.header-fixed.rightbar-show #rightbar, .appWrapper.aside-fixed.rightbar-show #rightbar {
    right: 0
}

.appWrapper.header-fixed.rightbar-show #header, .appWrapper.aside-fixed.rightbar-show #header {
    right: 250px
}

.appWrapper.header-fixed.rightbar-show #content, .appWrapper.aside-fixed.rightbar-show #content {
    right: 250px
}

.appWrapper.header-static.rightbar-show #rightbar {
    right: 0
}

.appWrapper.header-static.rightbar-show #header {
    padding-right: 250px
}

.appWrapper.header-static.rightbar-show #content {
    padding-right: 250px
}

.appWrapper.aside-static.rightbar-show #content {
    padding-right: 250px
}

#rightbar {
    width: 250px;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    -webkit-transition: all 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -moz-transition: all 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: all 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    overflow: auto
}

    #rightbar .nav.nav-tabs {
        padding: 0;
        max-height: 45px;
        z-index: 2
    }

        #rightbar .nav.nav-tabs > li {
            display: table-cell;
            width: 1%;
            float: none;
            text-align: center
        }

            #rightbar .nav.nav-tabs > li > a {
                border-radius: 0;
                border: 0;
                padding: 12px 15px;
                min-height: 45px;
                color: #444;
                background-color: #f2f2f2;
                cursor: pointer
            }

                #rightbar .nav.nav-tabs > li > a:hover {
                    background-color: #f7f7f7;
                    color: #6a6a6a
                }

            #rightbar .nav.nav-tabs > li.active > a {
                background-color: #fff;
                color: white
            }

                #rightbar .nav.nav-tabs > li.active > a:hover #rightbar .nav.nav-tabs > li.active > a:focus {
                    background-color: #fff;
                    color: white
                }

    #rightbar .tab-content {
        left: 0;
        background: #fff;
        padding: 5px 15px
    }

        #rightbar .tab-content .tab-pane {
            padding: 0
        }

            #rightbar .tab-content .tab-pane > h6 {
                color: #444;
                font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif;
                text-transform: uppercase;
                font-weight: 300;
                border-bottom: 1px dotted rgba(255,255,255,0.15);
                padding-bottom: 10px
            }

            #rightbar .tab-content .tab-pane ul {
                list-style-type: none;
                padding: 0;
                margin: 0
            }

                #rightbar .tab-content .tab-pane ul > li {
                    margin-bottom: 15px
                }

                    #rightbar .tab-content .tab-pane ul > li:last-child {
                        margin-bottom: 30px
                    }

                    #rightbar .tab-content .tab-pane ul > li .media {
                        position: relative
                    }

                        #rightbar .tab-content .tab-pane ul > li .media .unread {
                            position: absolute;
                            left: 22px
                        }

                        #rightbar .tab-content .tab-pane ul > li .media .media-body {
                            padding-top: 2px;
                            padding-bottom: 6px;
                            position: relative
                        }

                            #rightbar .tab-content .tab-pane ul > li .media .media-body .media-heading {
                                font-family: "Roboto","Segoe UI",Arial,sans-serif;
                                font-weight: 300;
                                color: #6a6a6a;
                                margin: 0 0 3px;
                                display: block
                            }

                            #rightbar .tab-content .tab-pane ul > li .media .media-body small {
                                font-size: 11px;
                                color: rgba(255,255,255,0.3);
                                display: inline-block;
                                width: 130px;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                overflow: hidden
                            }

                                #rightbar .tab-content .tab-pane ul > li .media .media-body small i {
                                    font-size: 14px
                                }

                            #rightbar .tab-content .tab-pane ul > li .media .media-body .status {
                                position: absolute;
                                right: 0px;
                                top: 18px
                            }

                    #rightbar .tab-content .tab-pane ul > li.online .status {
                        border-color: #26A69A
                    }

                    #rightbar .tab-content .tab-pane ul > li.busy .status {
                        border-color: #FFA726
                    }

                    #rightbar .tab-content .tab-pane ul > li.offline .media .thumb {
                        filter: alpha(opacity=40);
                        opacity: .4
                    }

                    #rightbar .tab-content .tab-pane ul > li.offline .status {
                        border-color: #111
                    }

                #rightbar .tab-content .tab-pane ul.settings > li .form-group .control-label {
                    margin: 0;
                    padding: 0;
                    margin-bottom: 15px;
                    color: #444;
                    font-weight: 300;
                    line-height: 22px
                }

                    #rightbar .tab-content .tab-pane ul.settings > li .form-group .control-label .onoffswitch {
                        right: -35px
                    }

@media only screen and (max-width: 1200px) {
    #rightbar {
        top: 45px
    }

    .appWrapper:not(.rtl).rightbar-show #rightbar {
        right: 0
    }

    .appWrapper:not(.rtl).rightbar-show #header {
        right: 0 !important;
        padding-right: 0 !important
    }

    .appWrapper:not(.rtl).rightbar-show #content {
        right: 0 !important;
        padding-right: 0 !important
    }
}

@media only screen and (max-width: 768px) {
    #rightbar {
        top: 90px
    }
}

@media only screen and (max-width: 360px) {
    #rightbar {
        width: 100%
    }

    .appWrapper.rightbar-hidden #rightbar {
        right: -100%
    }
}

#pageloader.hide {
    display: none
}

#pageloader.animate {
    width: 40px;
    height: 40px;
    position: fixed;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    -webkit-animation: loaderrotate 2s infinite linear;
    -moz-animation: loaderrotate 2s infinite linear;
    animation: loaderrotate 2s infinite linear
}

    #pageloader.animate .dot1, #pageloader.animate .dot2 {
        width: 60%;
        height: 60%;
        display: inline-block;
        position: absolute;
        top: 0;
        background-color: #26A69A;
        border-radius: 100%;
        -webkit-animation: loaderbounce 2s infinite ease-in-out;
        -moz-animation: loaderbounce 2s infinite ease-in-out;
        animation: loaderbounce 2s infinite ease-in-out
    }

    #pageloader.animate .dot2 {
        top: auto;
        bottom: 0px;
        -webkit-animation-delay: -1s;
        -moz-animation-delay: -1s;
        animation-delay: -1s;
        background-color: #ff5722
    }

@-webkit-keyframes loaderrotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes loaderrotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes loaderbounce {
    0%,100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes loaderbounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.add-nav {
    margin-top: -29px
}

    .add-nav .nav-heading {
        background-color: white;
        padding: 30px 20px
    }

        .add-nav .nav-heading h1, .add-nav .nav-heading h2, .add-nav .nav-heading h3, .add-nav .nav-heading h4, .add-nav .nav-heading h5, .add-nav .nav-heading h6 {
            margin: 0;
            display: inline-block
        }

    .add-nav .nav-tabs {
        background-color: white
    }

        .add-nav .nav-tabs > li:first-child {
            margin-left: 10px
        }

        .add-nav .nav-tabs > li > a {
            color: #111;
            padding: 0 8px 10px;
            margin: 0 10px
        }

            .add-nav .nav-tabs > li > a:hover {
                color: #4574a0;
                background-color: transparent
            }

        .add-nav .nav-tabs > li.active > a, .add-nav .nav-tabs > li.active > a:hover, .add-nav .nav-tabs > li.active > a:focus {
            background-color: white;
            color: #4574a0;
            font-weight: 700
        }

        .add-nav .nav-tabs > li.active:after {
            display: none
        }

    .add-nav .tab-content .tab-pane {
        padding: 40px 0 15px
    }

.account-bg {
    background: url(/content/images/background/patterns/blue-waves.jpg) center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

    .account-bg #content {
        padding-top: 5px !important
    }

#forgot-password {
    position: absolute;
    right: 12px;
    top: 25px
}

.login-pane {
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    height: 100%;
    padding: 0 12px 12px 12px
}

    .login-pane .logos {
        position: absolute;
        bottom: 10px;
        right: -1px
    }

        .login-pane .logos:hover, .login-pane .logos:focus, .login-pane .logos:active {
            text-decoration: none
        }

.btn-account {
    color: #90CAF9 !important;
    line-height: 1 !important
}

    .btn-account:hover {
        color: #90CAF9 !important
    }

.tile {
    position: relative;
    margin-bottom: 20px;
    color: #111;
    background-color: white;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out
}

    .tile.collapsed .controls .minimize {
        display: none
    }

    .tile.collapsed .controls .expand {
        display: inline !important
    }

    .tile.refreshing {
        filter: alpha(opacity=30);
        opacity: .3;
        cursor: not-allowed;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .tile.refreshing a {
            pointer-events: none;
            cursor: default
        }

        .tile.refreshing .controls .settings i:first-of-type {
            display: none
        }

        .tile.refreshing .controls .settings i:last-of-type {
            display: inline-block !important
        }

    .tile.isInFullScreen {
        width: 90%
    }

        .tile.isInFullScreen .controls .remove {
            display: none
        }

        .tile.isInFullScreen .controls > li:first-child {
            margin-right: 0 !important
        }

    .tile .tile-header, .tile .tile-widget, .tile .tile-body, .tile .tile-footer {
        position: relative;
        padding: 15px
    }

    .tile .dvd {
        border-color: rgba(0,0,0,0.15);
        border-style: solid;
        border-width: 0
    }

        .tile .dvd.dvd-white {
            border-color: rgba(255,255,255,0.1)
        }

        .tile .dvd.dvd-btm {
            border-bottom-width: 1px
        }

        .tile .dvd.dvd-btm-wide {
            border-bottom-width: 4px
        }

        .tile .dvd.dvd-top {
            border-top-width: 1px
        }

        .tile .dvd.dvd-top-wide {
            border-top-width: 4px
        }

    .tile.tile-simple .tile-header .controls > li {
        background-color: transparent !important
    }

        .tile.tile-simple .tile-header .controls > li > a {
            line-height: 28px;
            min-width: 28px;
            padding: 0 10px;
            font-size: 13px
        }

    .tile .tile-header {
        padding: 8px 15px
    }

        .tile .tile-header h1, .tile .tile-header h2, .tile .tile-header h3, .tile .tile-header h4 {
            padding: 0;
            margin: 0;
            display: inline-block;
            font-weight: 400;
            font-size: 20px;
            line-height: 26px
        }

        .tile .tile-header h2 {
            font-size: 18px
        }

        .tile .tile-header h3 {
            font-size: 16px
        }

        .tile .tile-header h4 {
            font-size: 14px
        }

        .tile .tile-header .controls {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 9;
            list-style: none;
            padding: 0;
            margin: 0;
            height: 100%
        }

            .tile .tile-header .controls > li {
                display: inline-block;
                height: 100%;
                float: left
            }

                .tile .tile-header .controls > li > a {
                    display: block;
                    height: 100%;
                    line-height: 43px;
                    min-width: 41px;
                    padding: 0 10px;
                    text-align: center;
                    color: #444
                }

                    .tile .tile-header .controls > li > a:hover {
                        color: #111;
                        text-decoration: none
                    }

            .tile .tile-header .controls .expand {
                display: none
            }

            .tile .tile-header .controls .settings > i:last-of-type {
                display: none
            }

        .tile .tile-header.dvd .controls {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .tile .tile-header.dvd .controls > li {
                border-left: 1px solid rgba(0,0,0,0.15)
            }

        .tile .tile-header.dvd.dvd-white .controls > li {
            border-left: 1px solid rgba(255,255,255,0.1)
        }

        .tile .tile-header .note {
            display: inline-block;
            padding: 2px 5px;
            background-color: rgba(0,0,0,0.15);
            color: #444;
            font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif;
            font-size: 13px;
            margin-left: 5px;
            position: relative;
            top: -2px;
            margin-top: 5px
        }

        .tile .tile-header .btn {
            padding: 2px 5px;
            margin-right: -24px
        }

    .tile .tile-nav {
        margin-bottom: 15px
    }

        .tile .tile-nav > li {
            display: inline-block
        }

            .tile .tile-nav > li > a {
                padding: 6px 12px
            }

    .tile[class*='bg-']:not(.bg-default) .dvd, .tile[class*='bg-']:not(.bg-default).dvd, .tile-header[class*='bg-']:not(.bg-default) .dvd, .tile-header[class*='bg-']:not(.bg-default).dvd, .tile-widget[class*='bg-']:not(.bg-default) .dvd, .tile-widget[class*='bg-']:not(.bg-default).dvd, .tile-body[class*='bg-']:not(.bg-default) .dvd, .tile-body[class*='bg-']:not(.bg-default).dvd, .tile-footer[class*='bg-']:not(.bg-default) .dvd, .tile-footer[class*='bg-']:not(.bg-default).dvd {
        border-color: rgba(255,255,255,0.2)
    }

    .tile[class*='bg-']:not(.bg-default) .controls > li, .tile-header[class*='bg-']:not(.bg-default) .controls > li, .tile-widget[class*='bg-']:not(.bg-default) .controls > li, .tile-body[class*='bg-']:not(.bg-default) .controls > li, .tile-footer[class*='bg-']:not(.bg-default) .controls > li {
        border-left: 1px solid rgba(255,255,255,0.2)
    }

        .tile[class*='bg-']:not(.bg-default) .controls > li:last-child, .tile-header[class*='bg-']:not(.bg-default) .controls > li:last-child, .tile-widget[class*='bg-']:not(.bg-default) .controls > li:last-child, .tile-body[class*='bg-']:not(.bg-default) .controls > li:last-child, .tile-footer[class*='bg-']:not(.bg-default) .controls > li:last-child {
            background-color: rgba(0,0,0,0.15);
            border: 0
        }

        .tile[class*='bg-']:not(.bg-default) .controls > li:nth-last-child(2), .tile-header[class*='bg-']:not(.bg-default) .controls > li:nth-last-child(2), .tile-widget[class*='bg-']:not(.bg-default) .controls > li:nth-last-child(2), .tile-body[class*='bg-']:not(.bg-default) .controls > li:nth-last-child(2), .tile-footer[class*='bg-']:not(.bg-default) .controls > li:nth-last-child(2) {
            background-color: rgba(0,0,0,0.05);
            border: 0
        }

    .tile[class*='bg-']:not(.bg-default) .legend table, .tile-header[class*='bg-']:not(.bg-default) .legend table, .tile-widget[class*='bg-']:not(.bg-default) .legend table, .tile-body[class*='bg-']:not(.bg-default) .legend table, .tile-footer[class*='bg-']:not(.bg-default) .legend table {
        color: white !important
    }

    .tile[class*='bg-']:not(.bg-default) h1.underline, .tile[class*='bg-']:not(.bg-default) h2.underline, .tile[class*='bg-']:not(.bg-default) h3.underline, .tile[class*='bg-']:not(.bg-default) h4.underline, .tile[class*='bg-']:not(.bg-default) h5.underline, .tile[class*='bg-']:not(.bg-default) h6.underline, .tile[class*='bg-']:not(.bg-default) .h1.underline, .tile[class*='bg-']:not(.bg-default) .h2.underline, .tile[class*='bg-']:not(.bg-default) .h3.underline, .tile[class*='bg-']:not(.bg-default) .h4.underline, .tile[class*='bg-']:not(.bg-default) .h5.underline, .tile[class*='bg-']:not(.bg-default) .h6.underline, .tile-header[class*='bg-']:not(.bg-default) h1.underline, .tile-header[class*='bg-']:not(.bg-default) h2.underline, .tile-header[class*='bg-']:not(.bg-default) h3.underline, .tile-header[class*='bg-']:not(.bg-default) h4.underline, .tile-header[class*='bg-']:not(.bg-default) h5.underline, .tile-header[class*='bg-']:not(.bg-default) h6.underline, .tile-header[class*='bg-']:not(.bg-default) .h1.underline, .tile-header[class*='bg-']:not(.bg-default) .h2.underline, .tile-header[class*='bg-']:not(.bg-default) .h3.underline, .tile-header[class*='bg-']:not(.bg-default) .h4.underline, .tile-header[class*='bg-']:not(.bg-default) .h5.underline, .tile-header[class*='bg-']:not(.bg-default) .h6.underline, .tile-widget[class*='bg-']:not(.bg-default) h1.underline, .tile-widget[class*='bg-']:not(.bg-default) h2.underline, .tile-widget[class*='bg-']:not(.bg-default) h3.underline, .tile-widget[class*='bg-']:not(.bg-default) h4.underline, .tile-widget[class*='bg-']:not(.bg-default) h5.underline, .tile-widget[class*='bg-']:not(.bg-default) h6.underline, .tile-widget[class*='bg-']:not(.bg-default) .h1.underline, .tile-widget[class*='bg-']:not(.bg-default) .h2.underline, .tile-widget[class*='bg-']:not(.bg-default) .h3.underline, .tile-widget[class*='bg-']:not(.bg-default) .h4.underline, .tile-widget[class*='bg-']:not(.bg-default) .h5.underline, .tile-widget[class*='bg-']:not(.bg-default) .h6.underline, .tile-body[class*='bg-']:not(.bg-default) h1.underline, .tile-body[class*='bg-']:not(.bg-default) h2.underline, .tile-body[class*='bg-']:not(.bg-default) h3.underline, .tile-body[class*='bg-']:not(.bg-default) h4.underline, .tile-body[class*='bg-']:not(.bg-default) h5.underline, .tile-body[class*='bg-']:not(.bg-default) h6.underline, .tile-body[class*='bg-']:not(.bg-default) .h1.underline, .tile-body[class*='bg-']:not(.bg-default) .h2.underline, .tile-body[class*='bg-']:not(.bg-default) .h3.underline, .tile-body[class*='bg-']:not(.bg-default) .h4.underline, .tile-body[class*='bg-']:not(.bg-default) .h5.underline, .tile-body[class*='bg-']:not(.bg-default) .h6.underline, .tile-footer[class*='bg-']:not(.bg-default) h1.underline, .tile-footer[class*='bg-']:not(.bg-default) h2.underline, .tile-footer[class*='bg-']:not(.bg-default) h3.underline, .tile-footer[class*='bg-']:not(.bg-default) h4.underline, .tile-footer[class*='bg-']:not(.bg-default) h5.underline, .tile-footer[class*='bg-']:not(.bg-default) h6.underline, .tile-footer[class*='bg-']:not(.bg-default) .h1.underline, .tile-footer[class*='bg-']:not(.bg-default) .h2.underline, .tile-footer[class*='bg-']:not(.bg-default) .h3.underline, .tile-footer[class*='bg-']:not(.bg-default) .h4.underline, .tile-footer[class*='bg-']:not(.bg-default) .h5.underline, .tile-footer[class*='bg-']:not(.bg-default) .h6.underline {
        border-color: rgba(255,255,255,0.2)
    }

    .tile[class*='bg-']:not(.bg-default) .owl-theme .owl-controls .owl-page span, .tile-header[class*='bg-']:not(.bg-default) .owl-theme .owl-controls .owl-page span, .tile-widget[class*='bg-']:not(.bg-default) .owl-theme .owl-controls .owl-page span, .tile-body[class*='bg-']:not(.bg-default) .owl-theme .owl-controls .owl-page span, .tile-footer[class*='bg-']:not(.bg-default) .owl-theme .owl-controls .owl-page span {
        background: white
    }

    .tile[class*='bg-']:not(.bg-default) .chosen-container .chosen-choices .search-field input, .tile-header[class*='bg-']:not(.bg-default) .chosen-container .chosen-choices .search-field input, .tile-widget[class*='bg-']:not(.bg-default) .chosen-container .chosen-choices .search-field input, .tile-body[class*='bg-']:not(.bg-default) .chosen-container .chosen-choices .search-field input, .tile-footer[class*='bg-']:not(.bg-default) .chosen-container .chosen-choices .search-field input {
        color: rgba(255,255,255,0.5)
    }

    .tile[class*='bg-']:not(.bg-default) .chosen-container.chosen-container-active .chosen-choices .search-field input, .tile-header[class*='bg-']:not(.bg-default) .chosen-container.chosen-container-active .chosen-choices .search-field input, .tile-widget[class*='bg-']:not(.bg-default) .chosen-container.chosen-container-active .chosen-choices .search-field input, .tile-body[class*='bg-']:not(.bg-default) .chosen-container.chosen-container-active .chosen-choices .search-field input, .tile-footer[class*='bg-']:not(.bg-default) .chosen-container.chosen-container-active .chosen-choices .search-field input {
        color: white !important
    }

    .tile[class*='bg-']:not(.bg-default) .form-control, .tile-header[class*='bg-']:not(.bg-default) .form-control, .tile-widget[class*='bg-']:not(.bg-default) .form-control, .tile-body[class*='bg-']:not(.bg-default) .form-control, .tile-footer[class*='bg-']:not(.bg-default) .form-control {
        border-color: rgba(255,255,255,0.3);
        background-color: transparent;
        color: white
    }

        .tile[class*='bg-']:not(.bg-default) .form-control::-webkit-input-placeholder, .tile-header[class*='bg-']:not(.bg-default) .form-control::-webkit-input-placeholder, .tile-widget[class*='bg-']:not(.bg-default) .form-control::-webkit-input-placeholder, .tile-body[class*='bg-']:not(.bg-default) .form-control::-webkit-input-placeholder, .tile-footer[class*='bg-']:not(.bg-default) .form-control::-webkit-input-placeholder {
            color: rgba(255,255,255,0.5)
        }

        .tile[class*='bg-']:not(.bg-default) .form-control::-moz-placeholder, .tile-header[class*='bg-']:not(.bg-default) .form-control::-moz-placeholder, .tile-widget[class*='bg-']:not(.bg-default) .form-control::-moz-placeholder, .tile-body[class*='bg-']:not(.bg-default) .form-control::-moz-placeholder, .tile-footer[class*='bg-']:not(.bg-default) .form-control::-moz-placeholder {
            color: rgba(255,255,255,0.5)
        }

        .tile[class*='bg-']:not(.bg-default) .form-control:-moz-placeholder, .tile-header[class*='bg-']:not(.bg-default) .form-control:-moz-placeholder, .tile-widget[class*='bg-']:not(.bg-default) .form-control:-moz-placeholder, .tile-body[class*='bg-']:not(.bg-default) .form-control:-moz-placeholder, .tile-footer[class*='bg-']:not(.bg-default) .form-control:-moz-placeholder {
            color: rgba(255,255,255,0.5)
        }

        .tile[class*='bg-']:not(.bg-default) .form-control:-ms-input-placeholder, .tile-header[class*='bg-']:not(.bg-default) .form-control:-ms-input-placeholder, .tile-widget[class*='bg-']:not(.bg-default) .form-control:-ms-input-placeholder, .tile-body[class*='bg-']:not(.bg-default) .form-control:-ms-input-placeholder, .tile-footer[class*='bg-']:not(.bg-default) .form-control:-ms-input-placeholder {
            color: rgba(255,255,255,0.5)
        }

        .tile[class*='bg-']:not(.bg-default) .form-control:hover:not(:disabled), .tile-header[class*='bg-']:not(.bg-default) .form-control:hover:not(:disabled), .tile-widget[class*='bg-']:not(.bg-default) .form-control:hover:not(:disabled), .tile-body[class*='bg-']:not(.bg-default) .form-control:hover:not(:disabled), .tile-footer[class*='bg-']:not(.bg-default) .form-control:hover:not(:disabled) {
            border-color: rgba(255,255,255,0.5)
        }

        .tile[class*='bg-']:not(.bg-default) .form-control:focus, .tile[class*='bg-']:not(.bg-default) .form-control:focus:hover, .tile-header[class*='bg-']:not(.bg-default) .form-control:focus, .tile-header[class*='bg-']:not(.bg-default) .form-control:focus:hover, .tile-widget[class*='bg-']:not(.bg-default) .form-control:focus, .tile-widget[class*='bg-']:not(.bg-default) .form-control:focus:hover, .tile-body[class*='bg-']:not(.bg-default) .form-control:focus, .tile-body[class*='bg-']:not(.bg-default) .form-control:focus:hover, .tile-footer[class*='bg-']:not(.bg-default) .form-control:focus, .tile-footer[class*='bg-']:not(.bg-default) .form-control:focus:hover {
            border-color: #03A9F4
        }

    .tile[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap.open, .tile-header[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap.open, .tile-widget[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap.open, .tile-body[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap.open, .tile-footer[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap.open {
        border-color: #03A9F4
    }

    .tile[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder, .tile-header[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder, .tile-widget[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder, .tile-body[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder, .tile-footer[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder {
        color: rgba(255,255,255,0.5)
    }

    .tile[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder, .tile-header[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder, .tile-widget[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder, .tile-body[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder, .tile-footer[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder {
        color: rgba(255,255,255,0.5)
    }

    .tile[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder, .tile-header[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder, .tile-widget[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder, .tile-body[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder, .tile-footer[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder {
        color: rgba(255,255,255,0.5)
    }

    .tile[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder, .tile-header[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder, .tile-widget[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder, .tile-body[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder, .tile-footer[class*='bg-']:not(.bg-default) .ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder {
        color: rgba(255,255,255,0.5)
    }

@media only screen and (max-width: 628px) {
    .tile .tile-header .controls {
        display: none
    }
}

.loading-async {
    min-height: 300px;
    position: relative;
    background: url(/Content/css/vendor/telerik/Material/loading-image.gif) center center no-repeat
}

.form-control:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder {
    font-size: inherit !important
}

.form-control, input[type="tel"], input[type="text"], input[type="email"], input[type="number"], input[type="password"] {
    padding: 6px 12px;
    color: #111;
    outline: 0;
    vertical-align: top;
    background-color: #fff;
    filter: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    font-size: 15px;
    height: 40px;
    width: 100%;
    border: 1px solid #b1bac0;
    border-radius: 2px
}

    .form-control:not(select), input[type="tel"]:not(select), input[type="text"]:not(select), input[type="email"]:not(select), input[type="number"]:not(select), input[type="password"]:not(select) {
        -webkit-appearance: none !important
    }

    .form-control::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {
        -webkit-transition: color 0.1s ease-out;
        -moz-transition: color 0.1s ease-out;
        transition: color 0.1s ease-out;
        color: #6a6a6a;
        font-style: italic;
        font-size: 13px;
        line-height: 20px
    }

    .form-control::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder {
        -webkit-transition: color 0.1s ease-out;
        -moz-transition: color 0.1s ease-out;
        transition: color 0.1s ease-out;
        color: #6a6a6a;
        font-style: italic;
        font-size: 13px;
        line-height: 20px
    }

    .form-control:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder {
        -webkit-transition: color 0.1s ease-out;
        -moz-transition: color 0.1s ease-out;
        transition: color 0.1s ease-out;
        color: #6a6a6a;
        font-style: italic;
        font-size: 13px;
        line-height: 20px
    }

    .form-control:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder {
        -webkit-transition: color 0.1s ease-out;
        -moz-transition: color 0.1s ease-out;
        transition: color 0.1s ease-out;
        color: #6a6a6a;
        font-style: italic;
        font-size: 13px;
        line-height: 20px
    }

    .form-control.input-lg::-webkit-input-placeholder, input[type="tel"].input-lg::-webkit-input-placeholder, input[type="text"].input-lg::-webkit-input-placeholder, input[type="email"].input-lg::-webkit-input-placeholder, input[type="number"].input-lg::-webkit-input-placeholder, input[type="password"].input-lg::-webkit-input-placeholder {
        font-size: 19px
    }

    .form-control.input-lg::-moz-placeholder, input[type="tel"].input-lg::-moz-placeholder, input[type="text"].input-lg::-moz-placeholder, input[type="email"].input-lg::-moz-placeholder, input[type="number"].input-lg::-moz-placeholder, input[type="password"].input-lg::-moz-placeholder {
        font-size: 19px
    }

    .form-control.input-lg:-moz-placeholder, input[type="tel"].input-lg:-moz-placeholder, input[type="text"].input-lg:-moz-placeholder, input[type="email"].input-lg:-moz-placeholder, input[type="number"].input-lg:-moz-placeholder, input[type="password"].input-lg:-moz-placeholder {
        font-size: 19px
    }

    .form-control.input-lg:-ms-input-placeholder, input[type="tel"].input-lg:-ms-input-placeholder, input[type="text"].input-lg:-ms-input-placeholder, input[type="email"].input-lg:-ms-input-placeholder, input[type="number"].input-lg:-ms-input-placeholder, input[type="password"].input-lg:-ms-input-placeholder {
        font-size: 19px
    }

    .form-control.input-sm, input[type="tel"].input-sm, input[type="text"].input-sm, input[type="email"].input-sm, input[type="number"].input-sm, input[type="password"].input-sm {
        height: 30px !important;
        padding: 5px 10px !important;
        font-size: 12px !important
    }

        .form-control.input-sm::-webkit-input-placeholder, input[type="tel"].input-sm::-webkit-input-placeholder, input[type="text"].input-sm::-webkit-input-placeholder, input[type="email"].input-sm::-webkit-input-placeholder, input[type="number"].input-sm::-webkit-input-placeholder, input[type="password"].input-sm::-webkit-input-placeholder {
            line-height: 18px
        }

        .form-control.input-sm::-moz-placeholder, input[type="tel"].input-sm::-moz-placeholder, input[type="text"].input-sm::-moz-placeholder, input[type="email"].input-sm::-moz-placeholder, input[type="number"].input-sm::-moz-placeholder, input[type="password"].input-sm::-moz-placeholder {
            line-height: 18px
        }

        .form-control.input-sm:-moz-placeholder, input[type="tel"].input-sm:-moz-placeholder, input[type="text"].input-sm:-moz-placeholder, input[type="email"].input-sm:-moz-placeholder, input[type="number"].input-sm:-moz-placeholder, input[type="password"].input-sm:-moz-placeholder {
            line-height: 18px
        }

        .form-control.input-sm:-ms-input-placeholder, input[type="tel"].input-sm:-ms-input-placeholder, input[type="text"].input-sm:-ms-input-placeholder, input[type="email"].input-sm:-ms-input-placeholder, input[type="number"].input-sm:-ms-input-placeholder, input[type="password"].input-sm:-ms-input-placeholder {
            line-height: 18px
        }

    .form-control:hover:not(:disabled), input[type="tel"]:hover:not(:disabled), input[type="text"]:hover:not(:disabled), input[type="email"]:hover:not(:disabled), input[type="number"]:hover:not(:disabled), input[type="password"]:hover:not(:disabled) {
        border-color: #d9d9d9
    }

    .form-control:focus, .form-control:focus:hover, input[type="tel"]:focus, input[type="tel"]:focus:hover, input[type="text"]:focus, input[type="text"]:focus:hover, input[type="email"]:focus, input[type="email"]:focus:hover, input[type="number"]:focus, input[type="number"]:focus:hover, input[type="password"]:focus, input[type="password"]:focus:hover {
        outline: none;
        border: 1px solid;
        border-color: #b1bac0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .form-control.underline-input, input[type="tel"].underline-input, input[type="text"].underline-input, input[type="email"].underline-input, input[type="number"].underline-input, input[type="password"].underline-input {
        background: none;
        border: 0;
        border-bottom: 1px solid;
        border-radius: 0;
        -webkit-appearance: none !important;
        vertical-align: middle;
        padding-left: 0;
        border-color: #fff
    }

        .form-control.underline-input:focus:hover, input[type="tel"].underline-input:focus:hover, input[type="text"].underline-input:focus:hover, input[type="email"].underline-input:focus:hover, input[type="number"].underline-input:focus:hover, input[type="password"].underline-input:focus:hover {
            border: 0;
            border-bottom: 1px solid #03A9F4
        }

        .form-control.underline-input:focus, input[type="tel"].underline-input:focus, input[type="text"].underline-input:focus, input[type="email"].underline-input:focus, input[type="number"].underline-input:focus, input[type="password"].underline-input:focus {
            border-color: #03A9F4
        }

    .form-control.rounded, input[type="tel"].rounded, input[type="text"].rounded, input[type="email"].rounded, input[type="number"].rounded, input[type="password"].rounded {
        border-radius: 600px
    }

    .form-control.input-unstyled, input[type="tel"].input-unstyled, input[type="text"].input-unstyled, input[type="email"].input-unstyled, input[type="number"].input-unstyled, input[type="password"].input-unstyled {
        border: 0;
        padding: 0;
        background-color: transparent
    }

        .form-control.input-unstyled::-webkit-input-placeholder, input[type="tel"].input-unstyled::-webkit-input-placeholder, input[type="text"].input-unstyled::-webkit-input-placeholder, input[type="email"].input-unstyled::-webkit-input-placeholder, input[type="number"].input-unstyled::-webkit-input-placeholder, input[type="password"].input-unstyled::-webkit-input-placeholder {
            font-size: 16px
        }

        .form-control.input-unstyled::-moz-placeholder, input[type="tel"].input-unstyled::-moz-placeholder, input[type="text"].input-unstyled::-moz-placeholder, input[type="email"].input-unstyled::-moz-placeholder, input[type="number"].input-unstyled::-moz-placeholder, input[type="password"].input-unstyled::-moz-placeholder {
            font-size: 16px
        }

        .form-control.input-unstyled:-moz-placeholder, input[type="tel"].input-unstyled:-moz-placeholder, input[type="text"].input-unstyled:-moz-placeholder, input[type="email"].input-unstyled:-moz-placeholder, input[type="number"].input-unstyled:-moz-placeholder, input[type="password"].input-unstyled:-moz-placeholder {
            font-size: 16px
        }

        .form-control.input-unstyled:-ms-input-placeholder, input[type="tel"].input-unstyled:-ms-input-placeholder, input[type="text"].input-unstyled:-ms-input-placeholder, input[type="email"].input-unstyled:-ms-input-placeholder, input[type="number"].input-unstyled:-ms-input-placeholder, input[type="password"].input-unstyled:-ms-input-placeholder {
            font-size: 16px
        }

        .form-control.input-unstyled:focus, .form-control.input-unstyled:focus:hover, input[type="tel"].input-unstyled:focus, input[type="tel"].input-unstyled:focus:hover, input[type="text"].input-unstyled:focus, input[type="text"].input-unstyled:focus:hover, input[type="email"].input-unstyled:focus, input[type="email"].input-unstyled:focus:hover, input[type="number"].input-unstyled:focus, input[type="number"].input-unstyled:focus:hover, input[type="password"].input-unstyled:focus, input[type="password"].input-unstyled:focus:hover {
            border: 0
        }

    .form-control:hover:not(:disabled), input[type="tel"]:hover:not(:disabled), input[type="text"]:hover:not(:disabled), input[type="email"]:hover:not(:disabled), input[type="number"]:hover:not(:disabled), input[type="password"]:hover:not(:disabled) {
        border-color: #b1bac0
    }

    .form-control.rounded, input[type="tel"].rounded, input[type="text"].rounded, input[type="email"].rounded, input[type="number"].rounded, input[type="password"].rounded {
        border-radius: 600px !important
    }

.form-group.legend h1, .form-group.legend h2, .form-group.legend h3, .form-group.legend h4, .form-group.legend h5, .form-group.legend h6 {
    color: #4574a0;
    margin-bottom: 3px
}

.form-group.legend p {
    font-size: 13px;
    color: #444;
    border-bottom: 1px dotted silver;
    padding-bottom: 5px
}

label {
    font-weight: 400
}

.input-group-addon {
    border-radius: 2px
}

    .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
        margin-top: 3px
    }

.input-group .btn {
    border-radius: 2px
}

.form-validation .form-control.has-focus + .help-block {
    display: none
}

.form-validation .form-control.has-visited:not(.has-focus) + .help-block {
    display: block
}

.form-validation .form-control.ng-dirty.ng-invalid, .form-validation .form-control.ng-dirty.ng-invalid[type="checkbox"] + i {
    border-color: #f3817f
}

    .form-validation .form-control.ng-dirty.ng-invalid + .help-block, .form-validation .form-control.ng-dirty.ng-invalid[type="checkbox"] + i + .help-block {
        color: #f16a67
    }

.form-validation .form-control.ng-dirty.ng-valid {
    border-color: #5591f5
}

    .form-validation .form-control.ng-dirty.ng-valid + .help-block {
        color: #4c8bf5
    }

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

    .has-error .form-control.has-focus, .has-error .form-control:focus.has-focus {
        border-color: #03A9F4
    }

    .has-error .form-control.has-visited:not(.has-focus), .has-error .form-control:focus.has-visited:not(.has-focus) {
        border-color: #f3817f
    }

.has-error .control-label, .has-error .help-block {
    color: #f16a67
}

.has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #111
}

.has-error .checkbox-custom > i, .has-error .checkbox-custom:hover > i {
    border-color: #f3817f
}

.has-success .form-control, .has-success .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #5591f5
}

    .has-success .form-control.has-focus, .has-success .form-control:focus.has-focus {
        border-color: #03A9F4
    }

    .has-success .form-control.has-visited:not(.has-focus), .has-success .form-control:focus.has-visited:not(.has-focus) {
        border-color: #5591f5
    }

.has-success .control-label, .has-success .help-block {
    color: #4c8bf5
}

.has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #111
}

.has-success .checkbox-custom > i {
    border-color: #5591f5
}

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

    .has-warning .form-control.has-focus, .has-warning .form-control:focus.has-focus {
        border-color: #03A9F4
    }

    .has-warning .form-control.has-visited:not(.has-focus), .has-warning .form-control:focus.has-visited:not(.has-focus) {
        border-color: #ffbc59
    }

.has-warning .control-label, .has-warning .help-block {
    color: #ffb140
}

.has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #111
}

.has-warning .checkbox-custom > i {
    border-color: #ffbc59
}

.checkbox-custom, .checkbox-custom-alt {
    padding-left: 20px;
    cursor: pointer
}

    .checkbox-custom input, .checkbox-custom-alt input {
        position: absolute;
        opacity: 0
    }

        .checkbox-custom input:checked + i, .checkbox-custom input:checked + input + i, .checkbox-custom-alt input:checked + i, .checkbox-custom-alt input:checked + input + i {
            border-color: #4574a0;
            background-color: #4574a0
        }

            .checkbox-custom input:checked + i:before, .checkbox-custom input:checked + input + i:before, .checkbox-custom-alt input:checked + i:before, .checkbox-custom-alt input:checked + input + i:before {
                top: 3px;
                left: 3px;
                width: 12px;
                height: 12px;
                background-color: #fff
            }

        .checkbox-custom input:checked + span .active, .checkbox-custom-alt input:checked + span .active {
            display: inherit
        }

        .checkbox-custom input[type='radio'] + i, .checkbox-custom input[type='radio'] + i:before, .checkbox-custom input[type='radio'] + input + i, .checkbox-custom input[type='radio'] + input + i:before, .checkbox-custom-alt input[type='radio'] + i, .checkbox-custom-alt input[type='radio'] + i:before, .checkbox-custom-alt input[type='radio'] + input + i, .checkbox-custom-alt input[type='radio'] + input + i:before {
            border-radius: 50%
        }

        .checkbox-custom input[disabled] + i, .checkbox-custom input[disabled] + input + i, .checkbox-custom-alt input[disabled] + i, .checkbox-custom-alt input[disabled] + input + i {
            border-color: #e2e2e2;
            background-color: #f2f2f2
        }

            .checkbox-custom input[disabled] + i:before, .checkbox-custom input[disabled] + input + i:before, .checkbox-custom-alt input[disabled] + i:before, .checkbox-custom-alt input[disabled] + input + i:before {
                background-color: #e2e2e2
            }

    .checkbox-custom > i, .checkbox-custom-alt > i {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-top: -2px;
        margin-right: 4px;
        margin-left: -20px;
        line-height: 1;
        vertical-align: middle;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,0.2);
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s
    }

        .checkbox-custom > i:before, .checkbox-custom-alt > i:before {
            position: absolute;
            top: 50%;
            left: -100%;
            width: 0;
            height: 0;
            background-color: transparent;
            content: "";
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s;
            z-index: 1
        }

    .checkbox-custom > span, .checkbox-custom-alt > span {
        margin-left: -20px
    }

        .checkbox-custom > span .active, .checkbox-custom-alt > span .active {
            display: none
        }

    .checkbox-custom:hover > i, .checkbox-custom-alt:hover > i {
        border-color: #03A9F4
    }

    .checkbox-custom.checkbox-custom-sm input:checked + i:before, .checkbox-custom.checkbox-custom-sm input:checked + input + i:before, .checkbox-custom-alt.checkbox-custom-sm input:checked + i:before, .checkbox-custom-alt.checkbox-custom-sm input:checked + input + i:before {
        top: 2px;
        left: 2px;
        width: 10px;
        height: 10px
    }

    .checkbox-custom.checkbox-custom-sm > i, .checkbox-custom-alt.checkbox-custom-sm > i {
        width: 16px;
        height: 16px;
        margin-right: 6px;
        margin-left: -18px
    }

    .checkbox-custom.checkbox-custom-lg input:checked + i:before, .checkbox-custom.checkbox-custom-lg input:checked + input + i:before, .checkbox-custom-alt.checkbox-custom-lg input:checked + i:before, .checkbox-custom-alt.checkbox-custom-lg input:checked + input + i:before {
        top: 3px;
        left: 3px;
        width: 22px;
        height: 22px
    }

    .checkbox-custom.checkbox-custom-lg > i, .checkbox-custom-alt.checkbox-custom-lg > i {
        width: 30px;
        height: 30px
    }

    .checkbox-custom-alt input:checked + i, .checkbox-custom-alt input:checked + input + i {
        background-color: transparent;
        border-color: #666;
        color: #666
    }

        .checkbox-custom-alt input:checked + i:before, .checkbox-custom-alt input:checked + input + i:before {
            top: 2px;
            left: 2px;
            width: auto;
            height: auto;
            background-color: transparent;
            opacity: 1
        }

    .checkbox-custom-alt input[type='radio']:checked + i:before, .checkbox-custom-alt input[type='radio']:checked + input + i:before {
        left: 1px
    }

    .checkbox-custom-alt input[disabled] + i, .checkbox-custom-alt input[disabled] + input + i {
        border-color: #e2e2e2;
        background-color: #f2f2f2
    }

        .checkbox-custom-alt input[disabled] + i:before, .checkbox-custom-alt input[disabled] + input + i:before {
            background-color: transparent;
            color: #ccc
        }

    .checkbox-custom-alt > i {
        width: 18px;
        height: 18px;
        background-color: transparent;
        border: 2px solid #dfdfdf
    }

        .checkbox-custom-alt > i:before {
            content: "\f00c";
            top: 0;
            left: 0;
            display: inline-block;
            font-family: "FontAwesome";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 11px;
            opacity: 0;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s
        }

    .checkbox-custom-alt.checkbox-custom-sm > i:before {
        font-size: 9px
    }

    .checkbox-custom-alt.checkbox-custom-sm input:checked + i:before, .checkbox-custom-alt.checkbox-custom-sm input:checked + input + i:before {
        font-size: 9px;
        top: 1px
    }

    .checkbox-custom-alt.checkbox-custom-lg input:checked + i:before, .checkbox-custom-alt.checkbox-custom-lg input:checked + input + i:before {
        font-size: 18px;
        top: 4px;
        left: 4px
    }

.onoffswitch {
    position: relative;
    width: 40px;
    height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .onoffswitch.green .onoffswitch-inner:before {
        background-color: #4285f4
    }

    .onoffswitch.red .onoffswitch-inner:before {
        background-color: #EF5350
    }

    .onoffswitch.cyan .onoffswitch-inner:before {
        background-color: #03A9F4
    }

    .onoffswitch.orange .onoffswitch-inner:before {
        background-color: #FFA726
    }

    .onoffswitch.amethyst .onoffswitch-inner:before {
        background-color: #4053b9
    }

    .onoffswitch.greensea .onoffswitch-inner:before {
        background-color: #26A69A
    }

    .onoffswitch.dutch .onoffswitch-inner:before {
        background-color: #26C6DA
    }

    .onoffswitch.hotpink .onoffswitch-inner:before {
        background-color: #ff4081
    }

    .onoffswitch.drank .onoffswitch-inner:before {
        background-color: #AB47BC
    }

    .onoffswitch.blue .onoffswitch-inner:before {
        background-color: #4285f4
    }

    .onoffswitch.slategray .onoffswitch-inner:before {
        background-color: #7b96a3
    }

    .onoffswitch.darkgray .onoffswitch-inner:before {
        background-color: #4d4d4d
    }

    .onoffswitch.lightred .onoffswitch-inner:before {
        background-color: #ff5722
    }

    .onoffswitch.primary .onoffswitch-inner:before {
        background-color: #4574a0
    }

    .onoffswitch.success .onoffswitch-inner:before {
        background-color: #26A69A
    }

    .onoffswitch.warning .onoffswitch-inner:before {
        background-color: #ff6839
    }

    .onoffswitch.danger .onoffswitch-inner:before {
        background-color: #D32F2F
    }

    .onoffswitch.info .onoffswitch-inner:before {
        background-color: #90CAF9
    }

    .onoffswitch.labeled {
        width: 46px
    }

        .onoffswitch.labeled .onoffswitch-inner:before {
            content: "On";
            padding-left: 7px
        }

        .onoffswitch.labeled .onoffswitch-inner:after {
            content: "Off";
            padding-right: 7px;
            color: #fff
        }

        .onoffswitch.labeled .onoffswitch-switch {
            right: 21px
        }

        .onoffswitch.labeled.yesno {
            width: 51px
        }

            .onoffswitch.labeled.yesno .onoffswitch-inner:before {
                content: "Yes";
                padding-left: 8px
            }

            .onoffswitch.labeled.yesno .onoffswitch-inner:after {
                content: "No";
                padding-right: 8px;
                color: #fff
            }

            .onoffswitch.labeled.yesno .onoffswitch-switch {
                right: 26px
            }

    .onoffswitch.small {
        width: 20px;
        height: 15px;
        margin-top: 3px;
        right: -5px
    }

        .onoffswitch.small .onoffswitch-switch {
            right: 6px
        }

        .onoffswitch.small .onoffswitch-inner:before, .onoffswitch.small .onoffswitch-inner:after {
            height: 15px;
            line-height: 15px
        }

        .onoffswitch.small .onoffswitch-switch {
            width: 10px
        }

    .onoffswitch.medium {
        width: 30px;
        height: 20px;
        margin-top: 3px;
        right: -5px
    }

        .onoffswitch.medium .onoffswitch-switch {
            right: 11px
        }

        .onoffswitch.medium .onoffswitch-inner:before, .onoffswitch.medium .onoffswitch-inner:after {
            height: 20px;
            line-height: 20px
        }

        .onoffswitch.medium .onoffswitch-switch {
            width: 15px
        }

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.2s ease-in 0s;
    -moz-transition: margin 0.2s ease-in 0s;
    transition: margin 0.2s ease-in 0s
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        float: left;
        width: 50%;
        height: 25px;
        padding: 0;
        line-height: 25px;
        font-size: 9px;
        color: white;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        -webkit-transform: none
    }

    .onoffswitch-inner:before {
        content: "";
        padding-left: 9px;
        background-color: rgba(0,0,0,0.2);
        color: #FFFFFF
    }

    .onoffswitch-inner:after {
        content: "";
        padding-right: 9px;
        background-color: rgba(0,0,0,0.8);
        color: #999999;
        text-align: right
    }

.onoffswitch-switch {
    display: block;
    width: 21px;
    margin: 2px;
    background: #FFFFFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px
}

fieldset[disabled] .checkbox-custom input + i {
    border-color: rgba(0,0,0,0.15)
}

    fieldset[disabled] .checkbox-custom input + i:before {
        background-color: rgba(0,0,0,0.15)
    }

.help-block {
    font-size: 13px;
    color: #444
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

    .slider.slider-horizontal {
        width: 210px;
        height: 20px
    }

        .slider.slider-horizontal .slider-track {
            width: 100%;
            margin-top: -5px;
            top: 50%;
            left: 0
        }

        .slider.slider-horizontal .slider-selection {
            height: 100%;
            top: 0;
            bottom: 0
        }

        .slider.slider-horizontal .slider-handle {
            margin-left: -10px;
            margin-top: -8px
        }

            .slider.slider-horizontal .slider-handle.triangle {
                border-width: 0 10px 10px 10px;
                width: 0;
                height: 0;
                margin-top: 0;
                border-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
                border-bottom-color: #ff5722
            }

    .slider.slider-vertical {
        height: 210px;
        width: 20px
    }

        .slider.slider-vertical .slider-track {
            height: 100%;
            left: 50%;
            top: 0;
            width: 6px;
            margin-left: -2px
        }

        .slider.slider-vertical .slider-selection {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0
        }

        .slider.slider-vertical .slider-handle {
            margin-left: -8px;
            margin-top: -10px
        }

            .slider.slider-vertical .slider-handle.triangle {
                border-width: 10px 0 10px 10px;
                width: 1px;
                height: 1px;
                margin-left: 0;
                border-left-color: #ff5722
            }

    .slider.disabled .slider-track {
        cursor: not-allowed
    }

    .slider input {
        display: none
    }

    .slider .tooltip {
        display: none
    }

        .slider .tooltip.top {
            margin-top: -36px
        }

    .slider:hover .tooltip {
        display: block
    }

    .slider .tooltip-inner {
        white-space: nowrap
    }

    .slider .hide {
        display: none
    }

    .slider .slider-track {
        position: absolute;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #fff;
        height: 6px;
        border-radius: 3px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .slider .slider-selection {
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #4285f4;
        background-image: none;
        border-radius: 3px
    }

    .slider .slider-handle {
        position: absolute;
        width: 20px;
        height: 20px;
        outline: none;
        background-color: #fff;
        background-image: none;
        border: 1px solid;
        border-color: rgba(0,0,0,0.15);
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
        box-shadow: 1px 1px 1px rgba(0,0,0,0.05)
    }

        .slider .slider-handle.round {
            border-radius: 20px
        }

        .slider .slider-handle.triangle {
            background: transparent none
        }

.ui-select-bootstrap > .ui-select-match {
    border-color: #fff !important;
    border-radius: 2px
}

    .ui-select-bootstrap > .ui-select-match > span:first-of-type {
        color: #6a6a6a;
        font-style: italic;
        font-size: 13px
    }

    .ui-select-bootstrap > .ui-select-match > span:nth-of-type(2) > a {
        position: absolute;
        right: 35px;
        top: 7px;
        font-size: 10px;
        padding: 2px;
        color: #6a6a6a
    }

        .ui-select-bootstrap > .ui-select-match > span:nth-of-type(2) > a:hover {
            color: #4574a0
        }

.ui-select-bootstrap .ui-select-match-item.btn-primary {
    color: white
}

.ui-select-choices .ui-select-choices-row {
    padding: 0
}

    .ui-select-choices .ui-select-choices-row > a {
        color: #111;
        font-size: 13px
    }

    .ui-select-choices .ui-select-choices-row.active > a {
        background: #b8b8b8
    }

.ui-select-multiple.ui-select-bootstrap.open {
    border-color: #03A9F4
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    line-height: .8
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search::-webkit-input-placeholder {
    color: #6a6a6a;
    font-style: italic;
    font-size: 13px;
    line-height: 20px;
    padding: 0 7px
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search::-moz-placeholder {
    color: #6a6a6a;
    font-style: italic;
    font-size: 13px;
    line-height: 20px;
    padding: 0 7px
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search:-moz-placeholder {
    color: #6a6a6a;
    font-style: italic;
    font-size: 13px;
    line-height: 20px;
    padding: 0 7px
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search:-ms-input-placeholder {
    color: #6a6a6a;
    font-style: italic;
    font-size: 13px;
    line-height: 20px;
    padding: 0 7px
}

.ui-select-multiple.ui-select-bootstrap.underline-input input.ui-select-search::-webkit-input-placeholder {
    padding: 0
}

.ui-select-multiple.ui-select-bootstrap.underline-input input.ui-select-search::-moz-placeholder {
    padding: 0
}

.ui-select-multiple.ui-select-bootstrap.underline-input input.ui-select-search:-moz-placeholder {
    padding: 0
}

.ui-select-multiple.ui-select-bootstrap.underline-input input.ui-select-search:-ms-input-placeholder {
    padding: 0
}

.ta-toolbar {
    margin-bottom: 10px
}

.ta-root.focussed .ta-scroll-window.form-control {
    border-color: #03A9F4;
    -webkit-box-shadow: none;
    box-shadow: none
}

input.parsley-success, select.parsley-success, textarea.parsley-success {
    border-color: #5591f5 !important
}

input.parsley-error, select.parsley-error, textarea.parsley-error, .checkbox-custom.parsley-error > i {
    border-color: #f3817f !important
}

.parsley-errors-list, .field-validation-error, .validation-summary-errors {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    line-height: 0.9em;
    opacity: 0;
    color: #f3817f !important;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in
}

    .parsley-errors-list.filled, .field-validation-error, .validation-summary-errors {
        opacity: 1;
        padding: 5px 0 10px
    }

table tbody.files > tr > td {
    vertical-align: middle
}

.has-warning .twitter-typeahead .tt-input, .has-warning .twitter-typeahead .tt-hint {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-warning .twitter-typeahead .tt-input:focus, .has-warning .twitter-typeahead .tt-hint:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b
    }

.has-error .twitter-typeahead .tt-input, .has-error .twitter-typeahead .tt-hint {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-error .twitter-typeahead .tt-input:focus, .has-error .twitter-typeahead .tt-hint:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483
    }

.has-success .twitter-typeahead .tt-input, .has-success .twitter-typeahead .tt-hint {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-success .twitter-typeahead .tt-input:focus, .has-success .twitter-typeahead .tt-hint:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168
    }

.input-group .twitter-typeahead:first-child .tt-input, .input-group .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    width: 100%
}

.input-group .twitter-typeahead:last-child .tt-input, .input-group .twitter-typeahead:last-child .tt-hint {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%
}

.input-group.input-group-sm .twitter-typeahead .tt-input, .input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group.input-group-sm .twitter-typeahead .tt-input, select.input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: 30px;
    line-height: 30px
}

textarea.input-group.input-group-sm .twitter-typeahead .tt-input, textarea.input-group.input-group-sm .twitter-typeahead .tt-hint, select[multiple].input-group.input-group-sm .twitter-typeahead .tt-input, select[multiple].input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: auto
}

.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-input, .input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
    border-radius: 0
}

.input-group.input-group-sm .twitter-typeahead:first-child .tt-input, .input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group.input-group-sm .twitter-typeahead:last-child .tt-input, .input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.input-group.input-group-lg .twitter-typeahead .tt-input, .input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group.input-group-lg .twitter-typeahead .tt-input, select.input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: 46px;
    line-height: 46px
}

textarea.input-group.input-group-lg .twitter-typeahead .tt-input, textarea.input-group.input-group-lg .twitter-typeahead .tt-hint, select[multiple].input-group.input-group-lg .twitter-typeahead .tt-input, select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: auto
}

.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-input, .input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
    border-radius: 0
}

.input-group.input-group-lg .twitter-typeahead:first-child .tt-input, .input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group.input-group-lg .twitter-typeahead:last-child .tt-input, .input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.twitter-typeahead {
    width: 100%
}

.input-group .twitter-typeahead {
    display: table-cell !important
}

.twitter-typeahead .tt-hint {
    color: #999999
}

.twitter-typeahead .tt-input {
    z-index: 2
}

    .twitter-typeahead .tt-input[disabled], .twitter-typeahead .tt-input[readonly], fieldset[disabled] .twitter-typeahead .tt-input {
        cursor: not-allowed;
        background-color: #eeeeee !important
    }

.tt-dropdown-menu, .tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px
}

    .tt-dropdown-menu .tt-suggestion, .tt-menu .tt-suggestion {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333333
    }

        .tt-dropdown-menu .tt-suggestion.tt-cursor, .tt-menu .tt-suggestion.tt-cursor, .tt-dropdown-menu .tt-suggestion:hover, .tt-menu .tt-suggestion:hover {
            cursor: pointer;
            text-decoration: none;
            outline: 0;
            background-color: #f5f5f5;
            color: #262626
        }

            .tt-dropdown-menu .tt-suggestion.tt-cursor a, .tt-menu .tt-suggestion.tt-cursor a, .tt-dropdown-menu .tt-suggestion:hover a, .tt-menu .tt-suggestion:hover a {
                color: #262626
            }

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

.badge, .label {
    font-size: 11px;
    font-weight: 400
}

.badge {
    padding: 3px 5px
}

    .badge.badge-success {
        background-color: #26A69A
    }

    .badge.badge-danger {
        background-color: #D32F2F
    }

    .badge.badge-warning {
        background-color: #ff6839
    }

    .badge.badge-info {
        background-color: #90CAF9
    }

    .badge.badge-primary {
        background-color: #4574a0
    }

    .badge.badge-default {
        background-color: #9E9E9E
    }

    .badge.badge-outline {
        display: inline-block;
        width: 10px;
        height: 9px;
        padding: 0;
        border: 1px solid;
        background: transparent
    }

.panel-group .panel .panel-heading {
    padding: 0
}

.panel {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .panel .panel-heading {
        border-radius: 0
    }

        .panel .panel-heading .panel-title > a {
            display: block;
            cursor: pointer;
            font-size: 15px;
            padding: 10px 15px
        }

            .panel .panel-heading .panel-title > a span {
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                transition: all 0.2s
            }

            .panel .panel-heading .panel-title > a.collapsed span {
                color: #b8b8b8
            }

                .panel .panel-heading .panel-title > a.collapsed span i.fa-minus:before {
                    content: "\f067"
                }

            .panel .panel-heading .panel-title > a:hover {
                text-decoration: none
            }

                .panel .panel-heading .panel-title > a:hover span {
                    padding-left: 5px
                }

                    .panel .panel-heading .panel-title > a:hover span.text-muted {
                        padding-left: 0
                    }

            .panel .panel-heading .panel-title > a:focus {
                text-decoration: none
            }

    .panel.panel-cyan {
        border-color: #03A9F4
    }

        .panel.panel-cyan > .panel-heading {
            color: white;
            background-color: #03A9F4;
            border-color: #03A9F4
        }

    .panel.panel-amethyst {
        border-color: #4053b9
    }

        .panel.panel-amethyst > .panel-heading {
            color: white;
            background-color: #4053b9;
            border-color: #4053b9
        }

    .panel.panel-green {
        border-color: #4285f4
    }

        .panel.panel-green > .panel-heading {
            color: white;
            background-color: #4285f4;
            border-color: #4285f4
        }

    .panel.panel-orange {
        border-color: #FFA726
    }

        .panel.panel-orange > .panel-heading {
            color: white;
            background-color: #FFA726;
            border-color: #FFA726
        }

    .panel.panel-red {
        border-color: #EF5350
    }

        .panel.panel-red > .panel-heading {
            color: white;
            background-color: #EF5350;
            border-color: #EF5350
        }

    .panel.panel-greensea {
        border-color: #26A69A
    }

        .panel.panel-greensea > .panel-heading {
            color: white;
            background-color: #26A69A;
            border-color: #26A69A
        }

    .panel.panel-dutch {
        border-color: #26C6DA
    }

        .panel.panel-dutch > .panel-heading {
            color: white;
            background-color: #26C6DA;
            border-color: #26C6DA
        }

    .panel.panel-hotpink {
        border-color: #ff4081
    }

        .panel.panel-hotpink > .panel-heading {
            color: white;
            background-color: #ff4081;
            border-color: #ff4081
        }

    .panel.panel-drank {
        border-color: #AB47BC
    }

        .panel.panel-drank > .panel-heading {
            color: white;
            background-color: #AB47BC;
            border-color: #AB47BC
        }

    .panel.panel-blue {
        border-color: #4285f4
    }

        .panel.panel-blue > .panel-heading {
            color: white;
            background-color: #4285f4;
            border-color: #4285f4
        }

    .panel.panel-lightred {
        border-color: #ff5722
    }

        .panel.panel-lightred > .panel-heading {
            color: white;
            background-color: #ff5722;
            border-color: #ff5722
        }

    .panel.panel-slategray {
        border-color: #607D8B
    }

        .panel.panel-slategray > .panel-heading {
            color: white;
            background-color: #607D8B;
            border-color: #607D8B
        }

    .panel.panel-darkgray {
        border-color: #333
    }

        .panel.panel-darkgray > .panel-heading {
            color: white;
            background-color: #333;
            border-color: #333
        }

    .panel.panel-filled.panel-default .panel-body {
        background-color: white
    }

    .panel.panel-filled.panel-primary .panel-body {
        background-color: #5e8eba;
        color: white
    }

    .panel.panel-filled.panel-success .panel-body {
        background-color: #acece6;
        color: #13534d
    }

    .panel.panel-filled.panel-warning .panel-body {
        background-color: #fff0ec;
        color: #d23200
    }

    .panel.panel-filled.panel-danger .panel-body {
        background-color: #f7d7d7;
        color: #811b1b
    }

    .panel.panel-filled.panel-info .panel-body {
        background-color: #fff;
        color: #2f9cf4
    }

    .panel.panel-filled.panel-cyan .panel-body {
        background-color: #14b4fc;
        color: white
    }

    .panel.panel-filled.panel-amethyst .panel-body {
        background-color: #4558be;
        color: white
    }

    .panel.panel-filled.panel-green .panel-body {
        background-color: #4c8bf5;
        color: white
    }

    .panel.panel-filled.panel-orange .panel-body {
        background-color: #ffb140;
        color: white
    }

    .panel.panel-filled.panel-red .panel-body {
        background-color: #f16a67;
        color: white
    }

    .panel.panel-filled.panel-greensea .panel-body {
        background-color: #2bbbad;
        color: white
    }

    .panel.panel-filled.panel-dutch .panel-body {
        background-color: #3cccde;
        color: white
    }

    .panel.panel-filled.panel-hotpink .panel-body {
        background-color: #ff5a92;
        color: white
    }

    .panel.panel-filled.panel-drank .panel-body {
        background-color: #b45ac3;
        color: white
    }

    .panel.panel-filled.panel-blue .panel-body {
        background-color: #5a95f5;
        color: white
    }

    .panel.panel-filled.panel-lightred .panel-body {
        background-color: #ff6a3c;
        color: white
    }

    .panel.panel-filled.panel-slategray .panel-body {
        background-color: #6b8a99;
        color: white
    }

    .panel.panel-filled.panel-darkgray .panel-body {
        background-color: #404040;
        color: white
    }

    .panel.panel-transparent {
        border-left: 0;
        border-right: 0
    }

        .panel.panel-transparent:last-of-type {
            border-bottom: 0
        }

        .panel.panel-transparent .panel-heading {
            background: none
        }

            .panel.panel-transparent .panel-heading .panel-title > a {
                padding: 15px
            }

        .panel.panel-transparent .panel-body {
            background-color: #f7f7f7;
            padding: 0
        }

.panel-group .panel {
    border-radius: 0
}

    .panel-group .panel.panel-transparent + .panel.panel-transparent {
        margin-top: -1px
    }

.well {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.breadcrumb {
    border-radius: 0
}

    .breadcrumb > li + li:before {
        content: "\f105";
        display: inline-block;
        font-family: "FontAwesome";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.datepicker .btn-default {
    border-width: 0;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .datepicker .btn-default .glyphicon {
        top: 2px
    }

.datepicker .btn[disabled] {
    opacity: .3
}

.datepicker .btn-info {
    color: white !important
}

    .datepicker .btn-info .text-info {
        color: white
    }

    .datepicker .btn-info.active {
        background-color: #90CAF9 !important
    }

.datepicker td > em {
    color: #444
}

.pagination {
    border-radius: 0
}

    .pagination > li > a, .pagination > li > span {
        border-color: #8b8b8b
    }

        .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
            background-color: #fff
        }

    .pagination > li:first-child > a, .pagination > li:last-child > a {
        border-radius: 0
    }

.pager > li > a, .pager > li > span {
    border-color: #8b8b8b
}

    .pager > li > a:hover, .pager > li > a:focus, .pager > li > span:hover, .pager > li > span:focus {
        background-color: #fff
    }

.popover {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border-color: #777
}

    .popover .popover-title {
        background-color: #9d9d9d;
        font-weight: 700;
        border-radius: 0
    }

    .popover .popover-content {
        font-size: 13px;
        color: #444
    }

check-toggler, .check-toggler {
    cursor: pointer;
    padding: 2px
}

    check-toggler:before, .check-toggler:before {
        content: "\f00d";
        display: inline-block;
        font-family: "FontAwesome";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #D32F2F
    }

    check-toggler.checked:before, .check-toggler.checked:before {
        content: "\f00c";
        color: #26A69A
    }

.dropdown > a:hover, .dropdown > a:focus {
    text-decoration: none
}

.dropdown.settings .dropdown-menu {
    padding: 0
}

    .dropdown.settings .dropdown-menu:after {
        border-bottom-color: #f2f2f2
    }

.dropdown.settings .color-schemes {
    padding: 5px 10px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px
}

    .dropdown.settings .color-schemes li:not(.title) {
        padding: 3px
    }

        .dropdown.settings .color-schemes li:not(.title) > a {
            display: inline-block;
            width: 10px;
            height: 10px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
            border-radius: 20px;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            transition: all 0.25s ease
        }

            .dropdown.settings .color-schemes li:not(.title) > a:hover {
                -webkit-transform: scale(1.3, 1.3);
                -moz-transform: scale(1.3, 1.3);
                -ms-transform: scale(1.3, 1.3);
                -o-transform: scale(1.3, 1.3);
                transform: scale(1.3, 1.3);
                -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
                box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3)
            }

.dropdown.settings .form-group {
    margin-bottom: 0
}

.dropdown.nav-profile .dropdown-menu {
    min-width: 180px
}

#header .dropdown > .dropdown-menu {
    margin-top: -2px
}

#header .dropdown.open > a {
    color: white
}

.dropdown-menu {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    border-radius: 0
}

    .dropdown-menu.with-arrow:before {
        content: "";
        position: absolute;
        left: 12px;
        top: -10px;
        height: 0;
        width: 0;
        border-left: 9px solid rgba(0,0,0,0);
        border-right: 9px solid rgba(0,0,0,0);
        border-bottom: 9px solid rgba(0,0,0,0.15)
    }

    .dropdown-menu.with-arrow:after {
        content: "";
        position: absolute;
        left: 13px;
        top: -8px;
        height: 0;
        width: 0;
        border-left: 8px solid rgba(0,0,0,0);
        border-right: 8px solid rgba(0,0,0,0);
        border-bottom: 8px solid #fff
    }

    .dropdown-menu.pull-right.with-arrow:before {
        left: auto;
        right: 11px
    }

    .dropdown-menu.pull-right.with-arrow:after {
        left: auto;
        right: 12px
    }

    .dropdown-menu > li > a {
        color: #000;
        padding: 5px 15px
    }

        .dropdown-menu > li > a > i {
            margin-right: 5px
        }

        .dropdown-menu > li > a > .label, .dropdown-menu > li > a > .badge {
            margin-top: 2px
        }

    .dropdown-menu > li > div {
        padding: 5px 10px
    }

    .dropdown-menu > li > ul {
        margin-left: 0;
        padding: 0 10px
    }

        .dropdown-menu > li > ul > li.title {
            padding: 5px 0 0;
            display: block;
            font-size: 13px;
            color: #111;
            border-bottom: 1px solid rgba(0,0,0,0.3)
        }

    .dropdown-menu.panel {
        min-width: 280px;
        margin-bottom: 0;
        padding: 0;
        border-color: rgba(0,0,0,0.15)
    }

        .dropdown-menu.panel .panel-heading {
            background-color: #333;
            border-radius: 0;
            color: #444;
            border: 0;
            font-weight: 300
        }

            .dropdown-menu.panel .panel-heading strong {
                color: white
            }

        .dropdown-menu.panel .panel-footer {
            background-color: white;
            padding: 0
        }

            .dropdown-menu.panel .panel-footer > a {
                display: block;
                padding: 10px 15px;
                color: #111;
                font-size: 13px
            }

                .dropdown-menu.panel .panel-footer > a > i {
                    margin-top: 2px
                }

                .dropdown-menu.panel .panel-footer > a:hover {
                    text-decoration: none;
                    color: #4574a0
                }

        .dropdown-menu.panel.with-arrow:before {
            border-color: transparent
        }

        .dropdown-menu.panel.with-arrow:after {
            height: 0;
            width: 0;
            border-left: 9px solid rgba(0,0,0,0);
            border-right: 9px solid rgba(0,0,0,0);
            border-bottom: 9px solid #333
        }

        .dropdown-menu.panel .list-group > li {
            padding: 0;
            border-color: #eaeaea
        }

            .dropdown-menu.panel .list-group > li .media .media-object {
                margin: 10px 10px 10px 15px;
                padding: 0
            }

            .dropdown-menu.panel .list-group > li .media .media-body {
                padding: 10px 15px 10px 0
            }

            .dropdown-menu.panel .list-group > li:hover {
                background-color: #f8f8f8
            }

            .dropdown-menu.panel .list-group > li > a:hover {
                text-decoration: none
            }

.btn-ef {
    border: none;
    display: inline-block;
    outline: none;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

    .btn-ef:focus, .btn-ef:active {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-ef:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .btn-ef.btn-ef-1 {
        background: none;
        border: 2px solid #9E9E9E;
        color: #9E9E9E
    }

        .btn-ef.btn-ef-1.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1a.active {
            background-color: #9E9E9E;
            color: white
        }

        .btn-ef.btn-ef-1.btn-ef-1b:after {
            width: 100%;
            height: 0;
            top: 0;
            left: 0;
            background: #9E9E9E
        }

        .btn-ef.btn-ef-1.btn-ef-1b:hover, .btn-ef.btn-ef-1.btn-ef-1b:active, .btn-ef.btn-ef-1.btn-ef-1b.active {
            color: white
        }

            .btn-ef.btn-ef-1.btn-ef-1b:hover:after, .btn-ef.btn-ef-1.btn-ef-1b:active:after, .btn-ef.btn-ef-1.btn-ef-1b.active:after {
                height: 100%
            }

        .btn-ef.btn-ef-1.btn-ef-1c:after {
            width: 0;
            height: 100%;
            top: 0;
            left: 0;
            background: #9E9E9E
        }

        .btn-ef.btn-ef-1.btn-ef-1c:hover, .btn-ef.btn-ef-1.btn-ef-1c:active, .btn-ef.btn-ef-1.btn-ef-1c.active {
            color: white
        }

            .btn-ef.btn-ef-1.btn-ef-1c:hover:after, .btn-ef.btn-ef-1.btn-ef-1c:active:after, .btn-ef.btn-ef-1.btn-ef-1c.active:after {
                width: 100%
            }

        .btn-ef.btn-ef-1.btn-ef-1d {
            overflow: hidden
        }

            .btn-ef.btn-ef-1.btn-ef-1d:after {
                width: 0;
                height: 103%;
                top: 50%;
                left: 50%;
                background: #9E9E9E;
                opacity: 0;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%)
            }

            .btn-ef.btn-ef-1.btn-ef-1d:hover, .btn-ef.btn-ef-1.btn-ef-1d:active, .btn-ef.btn-ef-1.btn-ef-1d.active {
                color: white
            }

                .btn-ef.btn-ef-1.btn-ef-1d:hover:after, .btn-ef.btn-ef-1.btn-ef-1d:active:after, .btn-ef.btn-ef-1.btn-ef-1d.active:after {
                    width: 80%;
                    opacity: 1
                }

                .btn-ef.btn-ef-1.btn-ef-1d:active:after, .btn-ef.btn-ef-1.btn-ef-1d.active:after {
                    width: 101%;
                    opacity: 1
                }

        .btn-ef.btn-ef-1.btn-ef-1e {
            overflow: hidden
        }

            .btn-ef.btn-ef-1.btn-ef-1e:after {
                width: 110%;
                height: 0;
                top: 50%;
                left: 50%;
                background: #9E9E9E;
                opacity: 0;
                -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
                -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
                -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
                -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
                transform: translateX(-50%) translateY(-50%) rotate(45deg)
            }

            .btn-ef.btn-ef-1.btn-ef-1e:hover, .btn-ef.btn-ef-1.btn-ef-1e:active, .btn-ef.btn-ef-1.btn-ef-1e.active {
                color: white
            }

                .btn-ef.btn-ef-1.btn-ef-1e:hover:after, .btn-ef.btn-ef-1.btn-ef-1e:active:after, .btn-ef.btn-ef-1.btn-ef-1e.active:after {
                    height: 160%;
                    opacity: 1
                }

                .btn-ef.btn-ef-1.btn-ef-1e:active:after, .btn-ef.btn-ef-1.btn-ef-1e.active:after {
                    height: 400%;
                    opacity: 1
                }

        .btn-ef.btn-ef-1.btn-ef-1f {
            overflow: hidden
        }

            .btn-ef.btn-ef-1.btn-ef-1f:after {
                width: 101%;
                height: 0;
                top: 50%;
                left: 50%;
                background: #9E9E9E;
                opacity: 0;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%)
            }

            .btn-ef.btn-ef-1.btn-ef-1f:hover, .btn-ef.btn-ef-1.btn-ef-1f:active, .btn-ef.btn-ef-1.btn-ef-1f.active {
                color: white
            }

                .btn-ef.btn-ef-1.btn-ef-1f:hover:after, .btn-ef.btn-ef-1.btn-ef-1f:active:after, .btn-ef.btn-ef-1.btn-ef-1f.active:after {
                    height: 75%;
                    opacity: 1
                }

                .btn-ef.btn-ef-1.btn-ef-1f:active:after, .btn-ef.btn-ef-1.btn-ef-1f.active:after {
                    height: 130%;
                    opacity: 1
                }

        .btn-ef.btn-ef-1.btn-ef-1-primary {
            border-color: #4574a0;
            color: #4574a0
        }

            .btn-ef.btn-ef-1.btn-ef-1-primary.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-primary.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-primary.btn-ef-1a.active {
                background-color: #4574a0
            }

            .btn-ef.btn-ef-1.btn-ef-1-primary:after {
                background-color: #4574a0
            }

        .btn-ef.btn-ef-1.btn-ef-1-success {
            border-color: #26A69A;
            color: #26A69A
        }

            .btn-ef.btn-ef-1.btn-ef-1-success.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-success.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-success.btn-ef-1a.active {
                background-color: #26A69A
            }

            .btn-ef.btn-ef-1.btn-ef-1-success:after {
                background-color: #26A69A
            }

        .btn-ef.btn-ef-1.btn-ef-1-warning {
            border-color: #ff6839;
            color: #ff6839
        }

            .btn-ef.btn-ef-1.btn-ef-1-warning.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-warning.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-warning.btn-ef-1a.active {
                background-color: #ff6839
            }

            .btn-ef.btn-ef-1.btn-ef-1-warning:after {
                background-color: #ff6839
            }

        .btn-ef.btn-ef-1.btn-ef-1-danger {
            border-color: #D32F2F;
            color: #D32F2F
        }

            .btn-ef.btn-ef-1.btn-ef-1-danger.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-danger.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-danger.btn-ef-1a.active {
                background-color: #D32F2F
            }

            .btn-ef.btn-ef-1.btn-ef-1-danger:after {
                background-color: #D32F2F
            }

        .btn-ef.btn-ef-1.btn-ef-1-info {
            border-color: #90CAF9;
            color: #90CAF9
        }

            .btn-ef.btn-ef-1.btn-ef-1-info.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-info.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-info.btn-ef-1a.active {
                background-color: #90CAF9
            }

            .btn-ef.btn-ef-1.btn-ef-1-info:after {
                background-color: #90CAF9
            }

        .btn-ef.btn-ef-1.btn-ef-1-cyan {
            border-color: #03A9F4;
            color: #03A9F4
        }

            .btn-ef.btn-ef-1.btn-ef-1-cyan.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-cyan.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-cyan.btn-ef-1a.active {
                background-color: #03A9F4
            }

            .btn-ef.btn-ef-1.btn-ef-1-cyan:after {
                background-color: #03A9F4
            }

        .btn-ef.btn-ef-1.btn-ef-1-amethyst {
            border-color: #4053b9;
            color: #4053b9
        }

            .btn-ef.btn-ef-1.btn-ef-1-amethyst.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-amethyst.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-amethyst.btn-ef-1a.active {
                background-color: #4053b9
            }

            .btn-ef.btn-ef-1.btn-ef-1-amethyst:after {
                background-color: #4053b9
            }

        .btn-ef.btn-ef-1.btn-ef-1-green {
            border-color: #4285f4;
            color: #4285f4
        }

            .btn-ef.btn-ef-1.btn-ef-1-green.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-green.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-green.btn-ef-1a.active {
                background-color: #4285f4
            }

            .btn-ef.btn-ef-1.btn-ef-1-green:after {
                background-color: #4285f4
            }

        .btn-ef.btn-ef-1.btn-ef-1-orange {
            border-color: #FFA726;
            color: #FFA726
        }

            .btn-ef.btn-ef-1.btn-ef-1-orange.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-orange.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-orange.btn-ef-1a.active {
                background-color: #FFA726
            }

            .btn-ef.btn-ef-1.btn-ef-1-orange:after {
                background-color: #FFA726
            }

        .btn-ef.btn-ef-1.btn-ef-1-red {
            border-color: #EF5350;
            color: #EF5350
        }

            .btn-ef.btn-ef-1.btn-ef-1-red.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-red.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-red.btn-ef-1a.active {
                background-color: #EF5350
            }

            .btn-ef.btn-ef-1.btn-ef-1-red:after {
                background-color: #EF5350
            }

        .btn-ef.btn-ef-1.btn-ef-1-greensea {
            border-color: #26A69A;
            color: #26A69A
        }

            .btn-ef.btn-ef-1.btn-ef-1-greensea.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-greensea.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-greensea.btn-ef-1a.active {
                background-color: #26A69A
            }

            .btn-ef.btn-ef-1.btn-ef-1-greensea:after {
                background-color: #26A69A
            }

        .btn-ef.btn-ef-1.btn-ef-1-dutch {
            border-color: #26C6DA;
            color: #26C6DA
        }

            .btn-ef.btn-ef-1.btn-ef-1-dutch.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-dutch.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-dutch.btn-ef-1a.active {
                background-color: #26C6DA
            }

            .btn-ef.btn-ef-1.btn-ef-1-dutch:after {
                background-color: #26C6DA
            }

        .btn-ef.btn-ef-1.btn-ef-1-hotpink {
            border-color: #ff4081;
            color: #ff4081
        }

            .btn-ef.btn-ef-1.btn-ef-1-hotpink.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-hotpink.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-hotpink.btn-ef-1a.active {
                background-color: #ff4081
            }

            .btn-ef.btn-ef-1.btn-ef-1-hotpink:after {
                background-color: #ff4081
            }

        .btn-ef.btn-ef-1.btn-ef-1-drank {
            border-color: #AB47BC;
            color: #AB47BC
        }

            .btn-ef.btn-ef-1.btn-ef-1-drank.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-drank.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-drank.btn-ef-1a.active {
                background-color: #AB47BC
            }

            .btn-ef.btn-ef-1.btn-ef-1-drank:after {
                background-color: #AB47BC
            }

        .btn-ef.btn-ef-1.btn-ef-1-blue {
            border-color: #4285f4;
            color: #4285f4
        }

            .btn-ef.btn-ef-1.btn-ef-1-blue.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-blue.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-blue.btn-ef-1a.active {
                background-color: #4285f4
            }

            .btn-ef.btn-ef-1.btn-ef-1-blue:after {
                background-color: #4285f4
            }

        .btn-ef.btn-ef-1.btn-ef-1-lightred {
            border-color: #ff5722;
            color: #ff5722
        }

            .btn-ef.btn-ef-1.btn-ef-1-lightred.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-lightred.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-lightred.btn-ef-1a.active {
                background-color: #ff5722
            }

            .btn-ef.btn-ef-1.btn-ef-1-lightred:after {
                background-color: #ff5722
            }

        .btn-ef.btn-ef-1.btn-ef-1-slategray {
            border-color: #607D8B;
            color: #607D8B
        }

            .btn-ef.btn-ef-1.btn-ef-1-slategray.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-slategray.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-slategray.btn-ef-1a.active {
                background-color: #607D8B
            }

            .btn-ef.btn-ef-1.btn-ef-1-slategray:after {
                background-color: #607D8B
            }

        .btn-ef.btn-ef-1.btn-ef-1-darkgray {
            border-color: #333;
            color: #333
        }

            .btn-ef.btn-ef-1.btn-ef-1-darkgray.btn-ef-1a:hover, .btn-ef.btn-ef-1.btn-ef-1-darkgray.btn-ef-1a:active, .btn-ef.btn-ef-1.btn-ef-1-darkgray.btn-ef-1a.active {
                background-color: #333
            }

            .btn-ef.btn-ef-1.btn-ef-1-darkgray:after {
                background-color: #333
            }

    .btn-ef.btn-ef-2 {
        background: #e6e6e6;
        border-radius: 0 0 4px 4px;
        -webkit-box-shadow: 0 3px;
        box-shadow: 0 3px;
        color: #9E9E9E;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }

        .btn-ef.btn-ef-2.btn-rounded {
            border-radius: 4px
        }

        .btn-ef.btn-ef-2.btn-ef-2a:hover {
            top: 2px;
            -webkit-box-shadow: 0 1px;
            box-shadow: 0 1px
        }

        .btn-ef.btn-ef-2.btn-ef-2a:active, .btn-ef.btn-ef-2.btn-ef-2a.active {
            top: 3px;
            -webkit-box-shadow: 0 0;
            box-shadow: 0 0
        }

        .btn-ef.btn-ef-2.btn-ef-2b:hover {
            top: -2px;
            -webkit-box-shadow: 0 5px;
            box-shadow: 0 5px
        }

        .btn-ef.btn-ef-2.btn-ef-2b:active, .btn-ef.btn-ef-2.btn-ef-2b.active {
            top: 3px;
            -webkit-box-shadow: 0 0;
            box-shadow: 0 0
        }

        .btn-ef.btn-ef-2.btn-ef-2c {
            -webkit-box-shadow: -3px 0;
            box-shadow: -3px 0
        }

            .btn-ef.btn-ef-2.btn-ef-2c:hover {
                left: -2px;
                -webkit-box-shadow: -1px 0;
                box-shadow: -1px 0
            }

            .btn-ef.btn-ef-2.btn-ef-2c:active, .btn-ef.btn-ef-2.btn-ef-2c.active {
                left: -3px;
                -webkit-box-shadow: 0 0;
                box-shadow: 0 0
            }

        .btn-ef.btn-ef-2.btn-ef-2d {
            -webkit-box-shadow: 3px 0;
            box-shadow: 3px 0
        }

            .btn-ef.btn-ef-2.btn-ef-2d:hover {
                left: 2px;
                -webkit-box-shadow: 1px 0;
                box-shadow: 1px 0
            }

            .btn-ef.btn-ef-2.btn-ef-2d:active, .btn-ef.btn-ef-2.btn-ef-2d.active {
                left: 3px;
                -webkit-box-shadow: 0 0;
                box-shadow: 0 0
            }

        .btn-ef.btn-ef-2.btn-ef-2-primary {
            color: #4574a0;
            background-color: #b7cce0
        }

        .btn-ef.btn-ef-2.btn-ef-2-success {
            color: #26A69A;
            background-color: #97e7e0
        }

        .btn-ef.btn-ef-2.btn-ef-2-warning {
            color: #ff6839;
            background-color: #ffddd2
        }

        .btn-ef.btn-ef-2.btn-ef-2-danger {
            color: #D32F2F;
            background-color: #f2c2c2
        }

        .btn-ef.btn-ef-2.btn-ef-2-info {
            color: #90CAF9;
            background-color: #fff
        }

        .btn-ef.btn-ef-2.btn-ef-2-cyan {
            color: #03A9F4;
            background-color: #c5ecfe
        }

        .btn-ef.btn-ef-2.btn-ef-2-amethyst {
            color: #4053b9;
            background-color: #8995d6
        }

        .btn-ef.btn-ef-2.btn-ef-2-green {
            color: #4285f4;
            background-color: #fff
        }

        .btn-ef.btn-ef-2.btn-ef-2-orange {
            color: orange;
            background-color: #fffaf2
        }

        .btn-ef.btn-ef-2.btn-ef-2-red {
            color: #EF5350;
            background-color: #fcdddc
        }

        .btn-ef.btn-ef-2.btn-ef-2-greensea {
            color: #26A69A;
            background-color: #eafaf9
        }

        .btn-ef.btn-ef-2.btn-ef-2-dutch {
            color: #26C6DA;
            background-color: #fff
        }

        .btn-ef.btn-ef-2.btn-ef-2-hotpink {
            color: #ff4081;
            background-color: #fff
        }

        .btn-ef.btn-ef-2.btn-ef-2-drank {
            color: #AB47BC;
            background-color: #fff
        }

        .btn-ef.btn-ef-2.btn-ef-2-blue {
            color: #4285f4;
            background-color: #fff
        }

        .btn-ef.btn-ef-2.btn-ef-2-lightred {
            color: #ff5722;
            background-color: #ffcbbb
        }

        .btn-ef.btn-ef-2.btn-ef-2-slategray {
            color: #607D8B;
            background-color: #e4eaec
        }

        .btn-ef.btn-ef-2.btn-ef-2-darkgray {
            color: #333;
            background-color: #a6a6a6
        }

    .btn-ef.btn-ef-3.btn-default {
        background: #e2e2e2;
        color: #111
    }

        .btn-ef.btn-ef-3.btn-default:hover {
            background: #c9c9c9
        }

        .btn-ef.btn-ef-3.btn-default:active, .btn-ef.btn-ef-3.btn-default.active {
            background: #bcbcbc
        }

        .btn-ef.btn-ef-3.btn-default:focus {
            background: #e2e2e2;
            color: #111
        }

    .btn-ef.btn-ef-3:active {
        top: 2px
    }

    .btn-ef.btn-ef-3 > i {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        line-height: 32px;
        font-size: 130%;
        width: 40px
    }

    .btn-ef.btn-ef-3.btn-ef-3a {
        padding-left: 50px
    }

        .btn-ef.btn-ef-3.btn-ef-3a > i {
            background: rgba(0,0,0,0.05)
        }

    .btn-ef.btn-ef-3.btn-ef-3b {
        padding-left: 45px
    }

        .btn-ef.btn-ef-3.btn-ef-3b > i {
            width: 36px;
            border-right: 1px solid rgba(255,255,255,0.3)
        }

    .btn-ef.btn-ef-3.btn-ef-3c {
        padding-right: 45px;
        overflow: hidden
    }

        .btn-ef.btn-ef-3.btn-ef-3c > i {
            left: auto;
            right: -6px;
            font-size: 12px;
            z-index: 2
        }

        .btn-ef.btn-ef-3.btn-ef-3c:after {
            width: 30%;
            height: 200%;
            background: rgba(255,255,255,0.1);
            z-index: 1;
            right: 0;
            top: 0;
            margin: -5px 0 0 -5px;
            -webkit-transform-origin: 0 0;
            -webkit-transform: rotate(-20deg);
            -moz-transform-origin: 0 0;
            -moz-transform: rotate(-20deg);
            -ms-transform-origin: 0 0;
            -ms-transform: rotate(-20deg);
            transform-origin: 0 0;
            transform: rotate(-20deg)
        }

        .btn-ef.btn-ef-3.btn-ef-3c:hover:after {
            width: 40%
        }

    .btn-ef.btn-ef-4 {
        overflow: hidden;
        padding: 6px 30px
    }

        .btn-ef.btn-ef-4.btn-default {
            border: 2px solid #ccc
        }

            .btn-ef.btn-ef-4.btn-default:hover {
                border: 2px solid #b3b3b3
            }

        .btn-ef.btn-ef-4:active, .btn-ef.btn-ef-4.active {
            top: 2px
        }

        .btn-ef.btn-ef-4 > i {
            position: absolute;
            height: 100%;
            line-height: 32px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s
        }

        .btn-ef.btn-ef-4.btn-ef-4a > i {
            left: 130%;
            top: 0
        }

        .btn-ef.btn-ef-4.btn-ef-4a:hover > i {
            left: 80%
        }

        .btn-ef.btn-ef-4.btn-ef-4b > i {
            left: 70%;
            opacity: 0;
            top: 0
        }

        .btn-ef.btn-ef-4.btn-ef-4b:hover > i {
            left: 80%;
            opacity: 1
        }

        .btn-ef.btn-ef-4.btn-ef-4c > i {
            left: -50%;
            top: 0
        }

        .btn-ef.btn-ef-4.btn-ef-4c:hover > i {
            left: 10%
        }

        .btn-ef.btn-ef-4.btn-ef-4d > i {
            left: 30%;
            opacity: 0;
            top: 0
        }

        .btn-ef.btn-ef-4.btn-ef-4d:hover > i {
            left: 10%;
            opacity: 1
        }

    .btn-ef.btn-ef-5 {
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

        .btn-ef.btn-ef-5.btn-default {
            border-width: 1px;
            border-style: solid;
            border-color: #ccc
        }

            .btn-ef.btn-ef-5.btn-default:hover {
                border-color: #b3b3b3
            }

        .btn-ef.btn-ef-5:active, .btn-ef.btn-ef-5.active {
            top: 2px
        }

            .btn-ef.btn-ef-5:active i, .btn-ef.btn-ef-5.active i {
                color: white
            }

        .btn-ef.btn-ef-5 span {
            display: inline-block;
            width: 100%;
            height: 100%;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .btn-ef.btn-ef-5 i {
            position: absolute;
            height: 100%;
            width: 100%;
            line-height: 1.8;
            font-size: 130%;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s
        }

        .btn-ef.btn-ef-5.btn-ef-5a:hover span {
            -webkit-transform: translateY(300%);
            -moz-transform: translateY(300%);
            -ms-transform: translateY(300%);
            -o-transform: translateY(300%);
            transform: translateY(300%)
        }

        .btn-ef.btn-ef-5.btn-ef-5a:hover i {
            top: 0
        }

        .btn-ef.btn-ef-5.btn-ef-5a i {
            left: 0;
            top: -100%
        }

        .btn-ef.btn-ef-5.btn-ef-5b:hover span {
            -webkit-transform: translateX(200%);
            -moz-transform: translateX(200%);
            -ms-transform: translateX(200%);
            -o-transform: translateX(200%);
            transform: translateX(200%)
        }

        .btn-ef.btn-ef-5.btn-ef-5b:hover i {
            left: 0
        }

        .btn-ef.btn-ef-5.btn-ef-5b i {
            left: -100%;
            top: 0
        }

    .btn-ef.btn-ef-6 {
        border-width: 0;
        padding: 8px 14px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }

        .btn-ef.btn-ef-6.btn-default {
            background: #e2e2e2;
            color: #111
        }

            .btn-ef.btn-ef-6.btn-default:hover {
                background: #c9c9c9
            }

            .btn-ef.btn-ef-6.btn-default:active, .btn-ef.btn-ef-6.btn-default.active {
                background: #bcbcbc
            }

            .btn-ef.btn-ef-6.btn-default:focus {
                background: #e2e2e2;
                color: #111
            }

        .btn-ef.btn-ef-6:active, .btn-ef.btn-ef-6.active {
            top: 2px
        }

        .btn-ef.btn-ef-6:hover {
            padding: 6px 12px;
            border-width: 2px;
            background: transparent !important;
            color: #111
        }

        .btn-ef.btn-ef-6.btn-ef-6a {
            border-style: solid
        }

        .btn-ef.btn-ef-6.btn-ef-6b {
            border-style: dashed
        }

        .btn-ef.btn-ef-6.btn-ef-6c {
            border-style: dotted
        }

        .btn-ef.btn-ef-6.btn-ef-6d {
            padding: 10px 16px;
            border-style: double
        }

            .btn-ef.btn-ef-6.btn-ef-6d:hover {
                border-width: 4px;
                padding: 6px 12px
            }

    .btn-ef.btn-ef-7 {
        border-width: 1px;
        border-style: solid;
        padding: 6px 16px 6px 40px
    }

        .btn-ef.btn-ef-7:not(.btn-icon-only) i {
            color: rgba(255,255,255,0.5)
        }

        .btn-ef.btn-ef-7.btn-default {
            border-color: #ccc
        }

            .btn-ef.btn-ef-7.btn-default:not(.btn-icon-only) i {
                color: rgba(0,0,0,0.5)
            }

            .btn-ef.btn-ef-7.btn-default:hover {
                border-color: #b3b3b3
            }

        .btn-ef.btn-ef-7.btn-ef-7a {
            overflow: hidden
        }

            .btn-ef.btn-ef-7.btn-ef-7a i {
                position: absolute;
                left: 0;
                width: 32%;
                font-size: 130%;
                line-height: 1.1
            }

            .btn-ef.btn-ef-7.btn-ef-7a.btn-activated {
                -webkit-animation: fadeOutText 0.5s;
                -moz-animation: fadeOutText 0.5s;
                animation: fadeOutText 0.5s
            }

                .btn-ef.btn-ef-7.btn-ef-7a.btn-activated i {
                    -webkit-animation: moveToRight 0.5s;
                    -moz-animation: moveToRight 0.5s;
                    animation: moveToRight 0.5s
                }

        .btn-ef.btn-ef-7.btn-ef-7b {
            overflow: hidden
        }

            .btn-ef.btn-ef-7.btn-ef-7b i {
                position: absolute;
                left: 0;
                width: 28%;
                font-size: 130%;
                line-height: 1.1
            }

            .btn-ef.btn-ef-7.btn-ef-7b.btn-activated i {
                -webkit-animation: scaleUp 0.5s;
                -moz-animation: scaleUp 0.5s;
                animation: scaleUp 0.5s
            }

        .btn-ef.btn-ef-7.btn-ef-7c {
            overflow: hidden
        }

            .btn-ef.btn-ef-7.btn-ef-7c i {
                z-index: 1
            }

            .btn-ef.btn-ef-7.btn-ef-7c:after {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                z-index: 0;
                width: 0;
                background: rgba(0,0,0,0.15);
                -webkit-transition: none;
                -moz-transition: none;
                transition: none
            }

            .btn-ef.btn-ef-7.btn-ef-7c.btn-activated:after {
                -webkit-animation: fillToRight 0.7s forwards;
                -moz-animation: fillToRight 0.7s forwards;
                animation: fillToRight 0.7s forwards
            }

        .btn-ef.btn-ef-7.btn-ef-7d {
            overflow: hidden
        }

            .btn-ef.btn-ef-7.btn-ef-7d i {
                z-index: 1
            }

            .btn-ef.btn-ef-7.btn-ef-7d:after {
                position: absolute;
                top: 0;
                left: 0;
                height: 0;
                width: 100%;
                z-index: 0;
                background: rgba(0,0,0,0.15);
                -webkit-transition: none;
                -moz-transition: none;
                transition: none
            }

            .btn-ef.btn-ef-7.btn-ef-7d.btn-activated:after {
                -webkit-animation: emptyBottom 0.7s forwards;
                -moz-animation: emptyBottom 0.7s forwards;
                animation: emptyBottom 0.7s forwards
            }

        .btn-ef.btn-ef-7.btn-ef-7e i.after {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
            font-size: 22px;
            line-height: 42px;
            color: #ea515e;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: none;
            -moz-transition: none;
            transition: none
        }

        .btn-ef.btn-ef-7.btn-ef-7e.btn-activated i.after {
            -webkit-animation: scaleFade 0.5s forwards;
            -moz-animation: scaleFade 0.5s forwards;
            animation: scaleFade 0.5s forwards
        }

        .btn-ef.btn-ef-7.btn-ef-7f i.after {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
            font-size: 22px;
            line-height: 42px;
            color: #ffe44d;
            visibility: hidden;
            -webkit-transform: scale(4);
            -moz-transform: scale(4);
            -ms-transform: scale(4);
            -o-transform: scale(4);
            transform: scale(4);
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: none;
            -moz-transition: none;
            transition: none
        }

        .btn-ef.btn-ef-7.btn-ef-7f.btn-activated i.after {
            visibility: visible;
            -webkit-animation: dropDown 0.3s forwards;
            -moz-animation: dropDown 0.3s forwards;
            animation: dropDown 0.3s forwards
        }

        .btn-ef.btn-ef-7.btn-ef-7g i.after {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
            font-size: 22px;
            line-height: 42px;
            color: #111;
            visibility: hidden;
            -webkit-transform: scale(2);
            -moz-transform: scale(2);
            -ms-transform: scale(2);
            -o-transform: scale(2);
            transform: scale(2);
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: none;
            -moz-transition: none;
            transition: none
        }

        .btn-ef.btn-ef-7.btn-ef-7g.btn-activated i.after {
            visibility: visible;
            -webkit-animation: dropDownFade 0.5s forwards;
            -moz-animation: dropDownFade 0.5s forwards;
            animation: dropDownFade 0.5s forwards
        }

        .btn-ef.btn-ef-7.btn-ef-7h span {
            display: inline-block;
            width: 100%
        }

        .btn-ef.btn-ef-7.btn-ef-7h i {
            position: absolute;
            left: 0;
            width: 28%;
            font-size: 130%;
            line-height: 1.1
        }

        .btn-ef.btn-ef-7.btn-ef-7h.btn-activated i {
            -webkit-animation: scaleUp 0.5s;
            -moz-animation: scaleUp 0.5s;
            animation: scaleUp 0.5s
        }

    .btn-ef.btn-activated-success, .btn-ef.btn-activated-error {
        color: transparent !important
    }

        .btn-ef.btn-activated-success:after, .btn-ef.btn-activated-error:after {
            z-index: 1;
            color: #fff;
            left: 40%
        }

        .btn-ef.btn-activated-success .fa:before {
            content: "\f118"
        }

        .btn-ef.btn-activated-success:after {
            content: "Success!";
            -webkit-animation: moveUp 0.5s;
            -moz-animation: moveUp 0.5s;
            animation: moveUp 0.5s
        }

    .btn-ef.btn-activated-error {
        -webkit-animation: shake 0.5s;
        -moz-animation: shake 0.5s;
        animation: shake 0.5s
    }

        .btn-ef.btn-activated-error .fa:before {
            content: "\f119"
        }

        .btn-ef.btn-activated-error:after {
            content: "Error!";
            -webkit-animation: scaleFromUp 0.5s;
            -moz-animation: scaleFromUp 0.5s;
            animation: scaleFromUp 0.5s
        }

button:focus {
    outline: 0 !important
}

.btn {
    border-radius: 0;
    outline: 0 !important
}

    .btn.rounded-corners, .btn.btn-rounded {
        border-radius: 5px !important
    }

    .btn.btn-rounded-10 {
        border-radius: 10px !important
    }

    .btn.btn-rounded-20 {
        border-radius: 20px !important
    }

    .btn.btn-rounded-40 {
        border-radius: 40px !important
    }

    .btn.btn-rounded-50p {
        border-radius: 50% !important
    }

    .btn.no-border {
        border: 0
    }

    .btn.btn-icon-only {
        font-size: 0;
        padding: 20px 25px;
        position: relative
    }

        .btn.btn-icon-only i {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            font-size: 22px;
            line-height: 42px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

    .btn:focus, .btn:active {
        outline: 0 !important
    }

    .btn.btn-cyan {
        background-color: #03A9F4;
        color: white;
        border-color: #0391d1
    }

        .btn.btn-cyan:hover, .btn.btn-cyan:active, .btn.btn-cyan.active {
            background-color: #0391d1;
            border-color: #0283bd;
            color: white
        }

        .btn.btn-cyan:active, .btn.btn-cyan.active {
            background-color: #0283bd;
            border-color: #0278ad
        }

    .btn.btn-amethyst {
        background-color: #4053b9;
        color: white;
        border-color: #3a4aa6
    }

        .btn.btn-amethyst:hover, .btn.btn-amethyst:active, .btn.btn-amethyst.active {
            background-color: #3a4aa6;
            border-color: #344397;
            color: white
        }

        .btn.btn-amethyst:active, .btn.btn-amethyst.active {
            background-color: #344397;
            border-color: #313e8b
        }

    .btn.btn-green {
        background-color: #4285f4;
        color: white;
        border-color: #347cf3
    }

        .btn.btn-green:hover, .btn.btn-green:active, .btn.btn-green.active {
            background-color: #347cf3;
            border-color: #206ff2;
            color: white
        }

        .btn.btn-green:active, .btn.btn-green.active {
            background-color: #206ff2;
            border-color: #1266f1
        }

    .btn.btn-orange {
        background-color: #FFA726;
        color: white;
        border-color: #ffa117
    }

        .btn.btn-orange:hover, .btn.btn-orange:active, .btn.btn-orange.active {
            background-color: #ffa117;
            border-color: #ff9902;
            color: white
        }

        .btn.btn-orange:active, .btn.btn-orange.active {
            background-color: #ff9902;
            border-color: #f29000
        }

    .btn.btn-red, body.administration .btn.btn-blue, body.administration .btn.btn-green {
        background-color: #e31915;
        color: white;
        border-color: #e31915
    }

        .btn.btn-red:hover, body.administration .btn.btn-blue:hover, body.administration .btn.btn-green:hover, .btn.btn-red:active, body.administration .btn.btn-blue:active, body.administration .btn.btn-green:active, .btn.btn-red.active, body.administration .btn.active.btn-blue, body.administration .btn.active.btn-green {
            background-color: #d01713;
            border-color: #d01713;
            color: white
        }

        .btn.btn-red:active, body.administration .btn.btn-blue:active, body.administration .btn.btn-green:active, .btn.btn-red.active, body.administration .btn.active.btn-blue, body.administration .btn.active.btn-green {
            background-color: #c21512;
            border-color: #c21512
        }

    .btn.btn-greensea, body.projectmanagement .btn.btn-blue, body.projectmanagement .btn.btn-green {
        background-color: #219187;
        color: white;
        border-color: #219187
    }

        .btn.btn-greensea:hover, body.projectmanagement .btn.btn-blue:hover, body.projectmanagement .btn.btn-green:hover, .btn.btn-greensea:active, body.projectmanagement .btn.btn-blue:active, body.projectmanagement .btn.btn-green:active, .btn.btn-greensea.active, body.projectmanagement .btn.active.btn-blue, body.projectmanagement .btn.active.btn-green {
            background-color: #1d8177;
            border-color: #1d8177;
            color: white
        }

        .btn.btn-greensea:active, body.projectmanagement .btn.btn-blue:active, body.projectmanagement .btn.btn-green:active, .btn.btn-greensea.active, body.projectmanagement .btn.active.btn-blue, body.projectmanagement .btn.active.btn-green {
            background-color: #1d8177;
            border-color: #1d8177
        }

    .btn.btn-dutch {
        background-color: #1fa3b3;
        color: white;
        border-color: #1fa3b3
    }

        .btn.btn-dutch:hover, .btn.btn-dutch:active, .btn.btn-dutch.active {
            background-color: #1c93a2;
            border-color: #1c93a2;
            color: white
        }

        .btn.btn-dutch:active, .btn.btn-dutch.active {
            background-color: #1c97a6;
            border-color: #1c97a6
        }

    .btn.btn-hotpink, body.meetings .btn.btn-blue, body.meetings .btn.btn-green {
        background-color: #ad1457;
        color: white;
        border-color: #ad1457
    }

        .btn.btn-hotpink:hover, body.meetings .btn.btn-blue:hover, body.meetings .btn.btn-green:hover, .btn.btn-hotpink:active, body.meetings .btn.btn-blue:active, body.meetings .btn.btn-green:active, .btn.btn-hotpink.active, body.meetings .btn.active.btn-blue, body.meetings .btn.active.btn-green {
            background-color: #ad1457;
            border-color: #ad1457;
            color: white
        }

        .btn.btn-hotpink:active, body.meetings .btn.btn-blue:active, body.meetings .btn.btn-green:active, .btn.btn-hotpink.active, body.meetings .btn.active.btn-blue, body.meetings .btn.active.btn-green {
            background-color: #ad1457;
            border-color: #ad1457
        }

    .btn.btn-drank, body.proposalreview .btn.btn-blue, body.proposalreview .btn.btn-green {
        background-color: #AB47BC;
        color: white;
        border-color: #9b3eab
    }

        .btn.btn-drank:hover, body.proposalreview .btn.btn-blue:hover, body.proposalreview .btn.btn-green:hover, .btn.btn-drank:active, body.proposalreview .btn.btn-blue:active, body.proposalreview .btn.btn-green:active, .btn.btn-drank.active, body.proposalreview .btn.active.btn-blue, body.proposalreview .btn.active.btn-green {
            background-color: #9b3eab;
            border-color: #8e399c;
            color: white
        }

        .btn.btn-drank:active, body.proposalreview .btn.btn-blue:active, body.proposalreview .btn.btn-green:active, .btn.btn-drank.active, body.proposalreview .btn.active.btn-blue, body.proposalreview .btn.active.btn-green {
            background-color: #8e399c;
            border-color: #843591
        }

    .btn.btn-blue, body.proposalsubmission .btn.btn-blue, body.proposalsubmission .btn.btn-green {
        background-color: #4285f4;
        color: white;
        border-color: #2a75f3
    }

        .btn.btn-blue:hover, body.proposalsubmission .btn.btn-green:hover, .btn.btn-blue:active, body.proposalsubmission .btn.btn-green:active, .btn.btn-blue.active, body.proposalsubmission .btn.active.btn-green {
            background-color: #2a75f3;
            border-color: #1769f1;
            color: white
        }

        .btn.btn-blue:active, body.proposalsubmission .btn.btn-green:active, .btn.btn-blue.active, body.proposalsubmission .btn.active.btn-green {
            background-color: #1769f1;
            border-color: #0e61eb
        }

    .btn.btn-lightred {
        background-color: #ff5722;
        color: white;
        border-color: #ff4409
    }

        .btn.btn-lightred:hover, .btn.btn-lightred:active, .btn.btn-lightred.active {
            background-color: #ff4409;
            border-color: #f33a00;
            color: white
        }

        .btn.btn-lightred:active, .btn.btn-lightred.active {
            background-color: #f33a00;
            border-color: #e43700
        }

    .btn.btn-slategray {
        background-color: #607D8B;
        color: white;
        border-color: #566f7c
    }

        .btn.btn-slategray:hover, .btn.btn-slategray:active, .btn.btn-slategray.active {
            background-color: #566f7c;
            border-color: #4d6570;
            color: white
        }

        .btn.btn-slategray:active, .btn.btn-slategray.active {
            background-color: #4d6570;
            border-color: #475c67
        }

    .btn.btn-darkgray {
        background-color: #575858;
        color: white;
        border-color: #575858
    }

        .btn.btn-darkgray:hover, .btn.btn-darkgray:active, .btn.btn-darkgray.active {
            background-color: #474747;
            border-color: #474747;
            color: white
        }

        .btn.btn-darkgray:active, .btn.btn-darkgray.active {
            background-color: #4d4d4d;
            border-color: #4d4d4d
        }

        .btn.btn-darkgray.lt {
            background-color: #656565;
            border-color: #656565
        }

            .btn.btn-darkgray.lt:hover, .btn.btn-darkgray.lt:active, .btn.btn-darkgray.lt.active {
                background-color: #707070;
                border-color: #707070
            }

            .btn.btn-darkgray.lt:active, .btn.btn-darkgray.lt.active {
                background-color: #4d4d4d;
                border-color: #4d4d4d
            }

    .btn.btn-default {
        color: #111;
        border-color: #fff
    }

        .btn.btn-default:focus {
            background-color: white;
            border-color: #ebebeb
        }

        .btn.btn-default:hover {
            background-color: #fff
        }

        .btn.btn-default:active, .btn.btn-default.active {
            background-color: #fff
        }

    .btn.btn-primary:focus {
        background-color: #4574a0;
        border-color: #357ebd
    }

    .btn.btn-primary:hover {
        background-color: #365a7c
    }

    .btn.btn-primary:active, .btn.btn-primary.active {
        background-color: #2e4d6b
    }

    .btn.btn-success:focus {
        background-color: #26A69A;
        border-color: #4cae4c
    }

    .btn.btn-success:hover {
        background-color: #1d7d74
    }

    .btn.btn-success:active, .btn.btn-success.active {
        background-color: #186860
    }

    .btn.btn-warning {
        background-color: #7e7a18;
        border-color: #7e7a18
    }

        .btn.btn-warning:focus {
            background-color: #7e7a18;
            border-color: #7e7a18
        }

        .btn.btn-warning:hover {
            background-color: #535110
        }

        .btn.btn-warning:active, .btn.btn-warning.active {
            background-color: #3e3c0c
        }

    .btn.btn-danger:focus {
        background-color: #D32F2F;
        border-color: #d43f3a
    }

    .btn.btn-danger:hover {
        background-color: #ab2424
    }

    .btn.btn-danger:active, .btn.btn-danger.active {
        background-color: #962020
    }

    .btn.btn-info:focus {
        background-color: #90CAF9;
        border-color: #46b8da
    }

    .btn.btn-info:hover {
        background-color: #60b3f6
    }

    .btn.btn-info:active, .btn.btn-info.active {
        background-color: #47a7f5
    }

    .btn.btn-grape {
        background-color: #8500C7;
        color: white;
        border-color: #7400ae
    }

        .btn.btn-grape:hover, .btn.btn-grape:active, .btn.btn-grape.active {
            background-color: #7400ae;
            border-color: #609;
            color: white
        }

        .btn.btn-grape:active, .btn.btn-grape.active {
            background-color: #609;
            border-color: #5c008a
        }

    .btn.btn-border {
        background-color: transparent;
        border-width: 2px;
        border-style: solid
    }

        .btn.btn-border:hover, .btn.btn-border:active, .btn.btn-border.active, .btn.btn-border:focus {
            background-color: transparent
        }

        .btn.btn-border.btn-xs, .btn.btn-border.btn-sm {
            border-width: 1px
        }

        .btn.btn-border.btn-cyan {
            color: #03A9F4
        }

            .btn.btn-border.btn-cyan:hover, .btn.btn-border.btn-cyan:active, .btn.btn-border.btn-cyan.active {
                color: #0283bd
            }

        .btn.btn-border.btn-amethyst {
            color: #4053b9
        }

            .btn.btn-border.btn-amethyst:hover, .btn.btn-border.btn-amethyst:active, .btn.btn-border.btn-amethyst.active {
                color: #344397
            }

        .btn.btn-border.btn-green {
            color: #4285f4
        }

            .btn.btn-border.btn-green:hover, .btn.btn-border.btn-green:active, .btn.btn-border.btn-green.active {
                color: #206ff2
            }

        .btn.btn-border.btn-orange {
            color: #FFA726
        }

            .btn.btn-border.btn-orange:hover, .btn.btn-border.btn-orange:active, .btn.btn-border.btn-orange.active {
                color: #ff9902
            }

        .btn.btn-border.btn-red, body.administration .btn.btn-border.btn-blue, body.administration .btn.btn-border.btn-green {
            color: #EF5350
        }

            .btn.btn-border.btn-red:hover, body.administration .btn.btn-border.btn-blue:hover, body.administration .btn.btn-border.btn-green:hover, .btn.btn-border.btn-red:active, body.administration .btn.btn-border.btn-blue:active, body.administration .btn.btn-border.btn-green:active, .btn.btn-border.btn-red.active, body.administration .btn.btn-border.active.btn-blue, body.administration .btn.btn-border.active.btn-green {
                color: #d01713
            }

        .btn.btn-border.btn-greensea, body.projectmanagement .btn.btn-border.btn-blue, body.projectmanagement .btn.btn-border.btn-green {
            color: #26A69A
        }

            .btn.btn-border.btn-greensea:hover, body.projectmanagement .btn.btn-border.btn-blue:hover, body.projectmanagement .btn.btn-border.btn-green:hover, .btn.btn-border.btn-greensea:active, body.projectmanagement .btn.btn-border.btn-blue:active, body.projectmanagement .btn.btn-border.btn-green:active, .btn.btn-border.btn-greensea.active, body.projectmanagement .btn.btn-border.active.btn-blue, body.projectmanagement .btn.btn-border.active.btn-green {
                color: #1d8177
            }

        .btn.btn-border.btn-dutch {
            color: #26C6DA
        }

            .btn.btn-border.btn-dutch:hover, .btn.btn-border.btn-dutch:active, .btn.btn-border.btn-dutch.active {
                color: #1fa3b3
            }

        .btn.btn-border.btn-hotpink, body.meetings .btn.btn-border.btn-blue, body.meetings .btn.btn-border.btn-green {
            color: #ff4081
        }

            .btn.btn-border.btn-hotpink:hover, body.meetings .btn.btn-border.btn-blue:hover, body.meetings .btn.btn-border.btn-green:hover, .btn.btn-border.btn-hotpink:active, body.meetings .btn.btn-border.btn-blue:active, body.meetings .btn.btn-border.btn-green:active, .btn.btn-border.btn-hotpink.active, body.meetings .btn.btn-border.active.btn-blue, body.meetings .btn.btn-border.active.btn-green {
                color: #ff1263
            }

        .btn.btn-border.btn-drank, body.proposalreview .btn.btn-border.btn-blue, body.proposalreview .btn.btn-border.btn-green {
            color: #AB47BC
        }

            .btn.btn-border.btn-drank:hover, body.proposalreview .btn.btn-border.btn-blue:hover, body.proposalreview .btn.btn-border.btn-green:hover, .btn.btn-border.btn-drank:active, body.proposalreview .btn.btn-border.btn-blue:active, body.proposalreview .btn.btn-border.btn-green:active, .btn.btn-border.btn-drank.active, body.proposalreview .btn.btn-border.active.btn-blue, body.proposalreview .btn.btn-border.active.btn-green {
                color: #8e399c
            }

        .btn.btn-border.btn-blue, body.proposalsubmission .btn.btn-border.btn-green {
            color: #4285f4
        }

            .btn.btn-border.btn-blue:hover, body.proposalsubmission .btn.btn-border.btn-green:hover, .btn.btn-border.btn-blue:active, body.proposalsubmission .btn.btn-border.btn-green:active, .btn.btn-border.btn-blue.active, body.proposalsubmission .btn.btn-border.active.btn-green {
                color: #1769f1
            }

        .btn.btn-border.btn-lightred {
            color: #ff5722
        }

            .btn.btn-border.btn-lightred:hover, .btn.btn-border.btn-lightred:active, .btn.btn-border.btn-lightred.active {
                color: #f33a00
            }

        .btn.btn-border.btn-slategray {
            color: #607D8B
        }

            .btn.btn-border.btn-slategray:hover, .btn.btn-border.btn-slategray:active, .btn.btn-border.btn-slategray.active {
                color: #4d6570
            }

        .btn.btn-border.btn-darkgray {
            color: #333
        }

            .btn.btn-border.btn-darkgray:hover, .btn.btn-border.btn-darkgray:active, .btn.btn-border.btn-darkgray.active {
                color: #1c1c1c
            }

        .btn.btn-border.btn-primary {
            color: #4574a0
        }

            .btn.btn-border.btn-primary:hover, .btn.btn-border.btn-primary:active, .btn.btn-border.btn-primary.active {
                color: #264059
            }

        .btn.btn-border.btn-success {
            color: #26A69A
        }

            .btn.btn-border.btn-success:hover, .btn.btn-border.btn-success:active, .btn.btn-border.btn-success.active {
                color: #13534d
            }

        .btn.btn-border.btn-warning {
            color: #ff6839
        }

            .btn.btn-border.btn-warning:hover, .btn.btn-border.btn-warning:active, .btn.btn-border.btn-warning.active {
                color: #d23200
            }

        .btn.btn-border.btn-danger {
            color: #D32F2F
        }

            .btn.btn-border.btn-danger:hover, .btn.btn-border.btn-danger:active, .btn.btn-border.btn-danger.active {
                color: #811b1b
            }

        .btn.btn-border.btn-info {
            color: #90CAF9
        }

            .btn.btn-border.btn-info:hover, .btn.btn-border.btn-info:active, .btn.btn-border.btn-info.active {
                color: #2f9cf4
            }

        .btn.btn-border.btn-white {
            color: #fff;
            border-color: white
        }

            .btn.btn-border.btn-white:hover, .btn.btn-border.btn-white:active, .btn.btn-border.btn-white.active {
                background-color: rgba(255,255,255,0.1)
            }

        .btn.btn-border.btn-grape {
            color: #8500C7
        }

            .btn.btn-border.btn-grape:hover, .btn.btn-border.btn-grape:active, .btn.btn-border.btn-grape.active {
                color: #609
            }

.open .dropdown-toggle.btn-cyan {
    background-color: #0391d1;
    color: white
}

.open .dropdown-toggle.btn-amethyst {
    background-color: #3a4aa6;
    color: white
}

.open .dropdown-toggle.btn-green {
    background-color: #347cf3;
    color: white
}

.open .dropdown-toggle.btn-orange {
    background-color: #ffa117;
    color: white
}

.open .dropdown-toggle.btn-red, .open body.administration .dropdown-toggle.btn-blue, body.administration .open .dropdown-toggle.btn-blue, .open body.administration .dropdown-toggle.btn-green, body.administration .open .dropdown-toggle.btn-green {
    background-color: #eb2521;
    color: white
}

.open .dropdown-toggle.btn-greensea, .open body.projectmanagement .dropdown-toggle.btn-blue, body.projectmanagement .open .dropdown-toggle.btn-blue, .open body.projectmanagement .dropdown-toggle.btn-green, body.projectmanagement .open .dropdown-toggle.btn-green {
    background-color: #219187;
    color: white
}

.open .dropdown-toggle.btn-dutch {
    background-color: #22b3c5;
    color: white
}

.open .dropdown-toggle.btn-hotpink, .open body.meetings .dropdown-toggle.btn-blue, body.meetings .open .dropdown-toggle.btn-blue, .open body.meetings .dropdown-toggle.btn-green, body.meetings .open .dropdown-toggle.btn-green {
    background-color: #ff2770;
    color: white
}

.open .dropdown-toggle.btn-drank, .open body.proposalreview .dropdown-toggle.btn-blue, body.proposalreview .open .dropdown-toggle.btn-blue, .open body.proposalreview .dropdown-toggle.btn-green, body.proposalreview .open .dropdown-toggle.btn-green {
    background-color: #ff4409;
    color: white
}

.open .dropdown-toggle.btn-drank, .open body.proposalreview .dropdown-toggle.btn-blue, body.proposalreview .open .dropdown-toggle.btn-blue, .open body.proposalreview .dropdown-toggle.btn-green, body.proposalreview .open .dropdown-toggle.btn-green {
    background-color: #ff4409;
    color: white
}

.open .dropdown-toggle.btn-blue, .open body.proposalsubmission .dropdown-toggle.btn-green, body.proposalsubmission .open .dropdown-toggle.btn-green {
    background-color: #2a75f3;
    color: white
}

.open .dropdown-toggle.btn-lightred {
    background-color: #ff4409;
    color: white
}

.open .dropdown-toggle.btn-slategray {
    background-color: #566f7c;
    color: white
}

.open .dropdown-toggle.btn-darkgray {
    background-color: #262626;
    color: white
}

.btn-group > .btn {
    border-radius: 0
}

.btn-group.btn-group-rounded > .btn {
    border-radius: 4px
}

.btn-group.btn-group-rounded-20 > .btn {
    border-radius: 20px
}

.btn-group-lg > .btn {
    border-radius: 0
}

.btn-group-lg.btn-group-rounded > .btn {
    border-radius: 6px
}

.btn-group-sm > .btn, .btn-group-xs > .btn {
    border-radius: 0
}

.btn-group-sm.btn-group-rounded > .btn, .btn-group-xs.btn-group-rounded > .btn {
    border-radius: 3px
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-radius: 0
}

.btn-group > .btn:not(.btn-default) + .dropdown-toggle {
    border-left: 1px solid rgba(0,0,0,0.15)
}

    .btn-group > .btn:not(.btn-default) + .dropdown-toggle:hover, .btn-group > .btn:not(.btn-default) + .dropdown-toggle:focus, .btn-group > .btn:not(.btn-default) + .dropdown-toggle.active, .btn-group > .btn:not(.btn-default) + .dropdown-toggle:active {
        border-left: 1px solid rgba(0,0,0,0.2)
    }

.tile-button {
    display: block;
    padding: 30px 20px;
    text-align: center;
    font-size: 19px;
    color: #111;
    opacity: .6
}

    .tile-button:hover, .tile-button:focus {
        color: #111;
        opacity: 1;
        text-decoration: none
    }

.btn i.md-arrow-down {
    height: 24px;
    width: 24px;
    vertical-align: -6px;
    margin-left: 10px;
    background: url(/Content/images/icon/down-arrow-24.png) 0 0 no-repeat
}

.btn i.md-pause {
    height: 24px;
    width: 24px;
    vertical-align: -7px;
    margin-left: 10px;
    background: url(/Content/images/icon/pause-24.png) 0 0 no-repeat
}

.btn .project-lifecycle {
    opacity: .225;
    height: 32px;
    width: 32px;
    background: url(/Content/images/icon/project-lifecycle.png) 0 0 no-repeat
}

    .btn .project-lifecycle.active {
        opacity: .57
    }

.btn .tmr-action {
    opacity: 0.57;
    height: 28px;
    width: 32px;
    background: url(/Content/images/icon/file-signature.png) 0 0 no-repeat
}

.btn-block {
    width: 99% !important
}

.btn-tall {
    height: auto !important;
    line-height: normal !important;
    padding-top: 31px !important;
    padding-bottom: 31px !important
}

ul > li.divided-right, ol > li.divided-right {
    border-right: 1px solid rgba(0,0,0,0.15)
}

ul.list-type, ol.list-type {
    padding: 0;
    margin: 7px 0 7px 20px;
    list-style-type: none
}

    ul.list-type li, ol.list-type li {
        padding: 2px 2px 2px 0px;
        position: relative
    }

        ul.list-type li:before, ol.list-type li:before {
            position: absolute;
            left: -18px;
            margin-top: 3px;
            display: inline-block;
            font-family: "FontAwesome";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

    ul.list-type.arrow li:before, ol.list-type.arrow li:before {
        content: "\f061"
    }

    ul.list-type.circle li:before, ol.list-type.circle li:before {
        content: "\f10c"
    }

    ul.list-type.check li:before, ol.list-type.check li:before {
        content: "\f046"
    }

    ul.list-type.caret-right li:before, ol.list-type.caret-right li:before {
        content: "\f0da"
    }

.nestable-tree {
    float: none;
    width: auto;
    max-width: none
}

.dd-item .dd-handle, .dd-dragel .dd-handle {
    background: #fff;
    border: 1px solid #fff;
    color: #5e8eba;
    padding: 4px 20px;
    margin-bottom: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0
}

    .dd-item .dd-handle:hover, .dd-dragel .dd-handle:hover {
        color: #4574a0;
        background: #fff;
        border-color: #fff
    }

    .dd-item .dd-handle .btn.add, .dd-item .dd-handle .btn.remove, .dd-item .dd-handle .btn.edit, .dd-dragel .dd-handle .btn.add, .dd-dragel .dd-handle .btn.remove, .dd-dragel .dd-handle .btn.edit {
        padding: 6px;
        font-size: 13px;
        line-height: 20px
    }

    .dd-item .dd-handle .btn:active, .dd-dragel .dd-handle .btn:active {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .dd-item .dd-handle .tree-handle, .dd-dragel .dd-handle .tree-handle {
        padding: 6px 8px;
        line-height: 22px;
        background-color: #fff;
        border-right: 1px solid #fff
    }

.list-group.no-radius .list-group-item {
    border-radius: 0 !important
}

.list-group.no-border .list-group-item {
    border-width: 1px 0
}

@media (min-width: 768px) {
    .dl-horizontal.dl-numbered dt {
        width: 10px
    }

    .dl-horizontal.dl-numbered dd {
        margin-left: 30px
    }
}

.list-steps {
    font-size: 23px;
    font-weight: bold
}

    .list-steps.list-steps-sm {
        font-size: 1em;
        font-weight: normal
    }

        .list-steps.list-steps-sm ul {
            margin-left: -10px
        }

            .list-steps.list-steps-sm ul > li {
                padding-left: 8px
            }

                .list-steps.list-steps-sm ul > li a {
                    top: -8px;
                    position: relative
                }

    .list-steps > li {
        margin: 20px 0
    }

    .list-steps ul {
        margin-left: -8px
    }

        .list-steps ul > li {
            margin: 2px 0;
            list-style-image: url("/Content//images//icon/incomplete.png")
        }

            .list-steps ul > li.complete {
                list-style-image: url("/Content//images//icon/complete.png")
            }

            .list-steps ul > li.plain {
                list-style-type: none;
                list-style-position: inside;
                list-style-image: none;
            }

            .list-steps ul > li > span {
                vertical-align: 4px;
                font-size: 20px;
                padding: 0 6px;
                font-weight: lighter
            }

    .list-steps > li > div {
        font-size: 16px;
        font-weight: lighter;
        color: #111
    }

    .list-steps li h6 > span {
        vertical-align: 0px;
        font-size: 23px;
        font-weight: lighter;
        padding: 0 0px
    }

    .list-steps li.active h6 > span {
        vertical-align: 0px;
        font-size: 23px;
        color: #26A69A;
        font-weight: normal
    }

    .list-steps li.active {
        color: #2ab7a9;
        background: #f7f7f7;
        padding: 2px 16px 10px 16px;
        border: solid 1px #eee;
        border-radius: 3px
    }

ul.highlighted > li {
    min-height: 32px;
    line-height: 1.25
}

    ul.highlighted > li.highlight {
        list-style-image: url(/Content//images//icon/complete.png);
        margin-bottom: 5px
    }

        ul.highlighted > li.highlight > span {
            vertical-align: 5px
        }

.media .media-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px
}

.text-muted {
    color: #444
}

.custom-font {
    font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif
}

.custom-font-bold {
    font-family: "Roboto Slab","Arial Black",Arial,sans-serif
}

.filled, .field-validation-error, .validation-summary-errors {
    padding: 10px;
    color: white
}

.text-thin {
    font-weight: 300
}

.text-italic {
    font-style: italic
}

.text-strong {
    font-weight: 700
}

.text-small {
    font-size: 85%
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-active {
    display: none
}

.active > .text-active {
    display: inline-block
}

.active > .text-inactive {
    display: none
}

h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline, .h1.underline, .h2.underline, .h3.underline, .h4.underline, .h5.underline, .h6.underline {
    border-bottom: 1px solid #444;
    padding-bottom: 5px
}

address.filled strong, address.field-validation-error strong, address.validation-summary-errors strong {
    display: block;
    margin: -10px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 300
}

address.filled i, address.field-validation-error i, address.validation-summary-errors i {
    font-size: 80px;
    margin-top: -50px;
    filter: alpha(opacity=5);
    opacity: .05
}

address.filled.append, address.append.field-validation-error, address.append.validation-summary-errors {
    margin-top: -20px
}

dl.filled, dl.field-validation-error, dl.validation-summary-errors {
    padding: 0
}

    dl.filled dt, dl.field-validation-error dt, dl.validation-summary-errors dt {
        font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif
    }

    dl.filled dt, dl.field-validation-error dt, dl.validation-summary-errors dt, dl.filled dd, dl.field-validation-error dd, dl.validation-summary-errors dd {
        padding: 5px 10px
    }

blockquote.filled, blockquote.field-validation-error, blockquote.validation-summary-errors {
    min-height: 60px;
    padding: 10px;
    border-left: 5px solid;
    border-color: rgba(0,0,0,0.3)
}

    blockquote.filled i[class*='fa-quote-'], blockquote.field-validation-error i[class*='fa-quote-'], blockquote.validation-summary-errors i[class*='fa-quote-'] {
        font-size: 46px;
        margin: 0 10px 10px 0;
        color: rgba(0,0,0,0.15)
    }

    blockquote.filled .fa.pull-right, blockquote.field-validation-error .fa.pull-right, blockquote.validation-summary-errors .fa.pull-right {
        margin-left: .3em
    }

    blockquote.filled small, blockquote.field-validation-error small, blockquote.validation-summary-errors small {
        color: rgba(0,0,0,0.3)
    }

    blockquote.filled.text-right, blockquote.text-right.field-validation-error, blockquote.text-right.validation-summary-errors {
        border-left-width: 0;
        border-right: 5px solid rgba(0,0,0,0.3)
    }

blockquote p {
    line-height: 1.6em
}

.note {
    display: inline-block;
    padding: 2px 5px;
    background-color: rgba(0,0,0,0.15);
    color: #444;
    font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif;
    font-size: 13px;
    margin-left: 5px;
    position: relative;
    top: -2px;
    margin-top: 5px
}

.example .link-effect {
    font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif;
    margin: 15px 25px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 1px
}

.link-effect {
    font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif;
    margin: 15px 25px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    outline: none;
    text-decoration: none;
    vertical-align: middle
}

    .link-effect:hover, .link-effect:focus {
        outline: 0;
        text-decoration: none
    }

    .link-effect.link-effect-1::before, .link-effect.link-effect-1::after {
        display: inline-block;
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: -webkit-transform .3s,opacity 0.2s;
        -moz-transition: -moz-transform .3s,opacity 0.2s;
        transition: transform .3s,opacity 0.2s
    }

    .link-effect.link-effect-1::before {
        margin-right: 10px;
        content: '[';
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px)
    }

    .link-effect.link-effect-1::after {
        margin-left: 10px;
        content: ']';
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    .link-effect.link-effect-1:hover::before, .link-effect.link-effect-1:hover::after, .link-effect.link-effect-1:focus::before, .link-effect.link-effect-1:focus::after {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .link-effect.link-effect-2 {
        color: white;
        line-height: 1.8em;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }

        .link-effect.link-effect-2 span {
            position: relative;
            display: inline-block;
            padding: 0 10px;
            background: #4574a0;
            -webkit-transition: -webkit-transform .3s;
            -moz-transition: -moz-transform .3s;
            transition: transform .3s;
            -webkit-transform-origin: 50% 0;
            -moz-transform-origin: 50% 0;
            -ms-transform-origin: 50% 0;
            -o-transform-origin: 50% 0;
            transform-origin: 50% 0;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d
        }

            .link-effect.link-effect-2 span::before {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                height: 100%;
                background: #264059;
                content: attr(data-hover);
                padding: 0 10px;
                -webkit-transition: background 0.3s;
                -moz-transition: background 0.3s;
                transition: background 0.3s;
                -webkit-transform: rotateX(-90deg);
                -moz-transform: rotateX(-90deg);
                -ms-transform: rotateX(-90deg);
                -o-transform: rotateX(-90deg);
                transform: rotateX(-90deg);
                -webkit-transform-origin: 50% 0;
                -moz-transform-origin: 50% 0;
                -ms-transform-origin: 50% 0;
                -o-transform-origin: 50% 0;
                transform-origin: 50% 0
            }

        .link-effect.link-effect-2:hover span, .link-effect.link-effect-2:focus span {
            -webkit-transform: rotateX(90deg) translateY(-22px);
            -moz-transform: rotateX(90deg) translateY(-22px);
            -ms-transform: rotateX(90deg) translateY(-22px);
            -o-transform: rotateX(90deg) translateY(-22px);
            transform: rotateX(90deg) translateY(-22px)
        }

            .link-effect.link-effect-2:hover span::before, .link-effect.link-effect-2:focus span::before {
                background-color: #4574a0
            }

    .link-effect.link-effect-3 {
        padding: 4px 0
    }

        .link-effect.link-effect-3::after {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(69,116,160,0.15);
            content: '';
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: opacity 0.3s,-webkit-transform .3s;
            -moz-transition: opacity 0.3s,-moz-transform .3s;
            transition: opacity 0.3s,transform .3s;
            -webkit-transform: translateY(10px);
            -moz-transform: translateY(10px);
            -ms-transform: translateY(10px);
            -o-transform: translateY(10px);
            transform: translateY(10px)
        }

        .link-effect.link-effect-3:hover::after, .link-effect.link-effect-3:focus::after {
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
            transform: translateY(0px)
        }

    .link-effect.link-effect-4 {
        padding: 0 0 4px
    }

        .link-effect.link-effect-4::after {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 1px;
            background: rgba(69,116,160,0.15);
            content: '';
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: height 0.3s,opacity 0.3s,-webkit-transform .3s;
            -moz-transition: height 0.3s,opacity 0.3s,-moz-transform .3s;
            transition: height 0.3s,opacity 0.3s,transform .3s;
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            -o-transform: translateY(-10px);
            transform: translateY(-10px)
        }

        .link-effect.link-effect-4:hover::after, .link-effect.link-effect-4:focus::after {
            height: 5px;
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
            transform: translateY(0px)
        }

    .link-effect.link-effect-5 {
        overflow: hidden;
        padding: 0 4px
    }

        .link-effect.link-effect-5 span {
            position: relative;
            display: inline-block;
            -webkit-transition: -webkit-transform .3s;
            -moz-transition: -moz-transform .3s;
            transition: transform .3s
        }

            .link-effect.link-effect-5 span::before {
                position: absolute;
                top: 100%;
                content: attr(data-hover);
                font-weight: 700;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }

        .link-effect.link-effect-5:hover span, .link-effect.link-effect-5:focus span {
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            -o-transform: translateY(-100%);
            transform: translateY(-100%)
        }

    .link-effect.link-effect-6 {
        margin: 0 10px;
        padding: 5px 10px
    }

        .link-effect.link-effect-6::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #4574a0;
            content: '';
            -webkit-transition: top 0.3s;
            -moz-transition: top 0.3s;
            transition: top 0.3s
        }

        .link-effect.link-effect-6::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 2px;
            height: 2px;
            background: #4574a0;
            content: '';
            -webkit-transition: height 0.3s;
            -moz-transition: height 0.3s;
            transition: height 0.3s
        }

        .link-effect.link-effect-6:hover::before {
            top: 100%;
            filter: alpha(opacity=100);
            opacity: 1
        }

        .link-effect.link-effect-6:hover::after {
            height: 100%
        }

    .link-effect.link-effect-7 {
        padding: 6px 5px 5px
    }

        .link-effect.link-effect-7::before, .link-effect.link-effect-7::after {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 2px;
            background: #4574a0;
            content: '';
            -webkit-transition: -webkit-transform .3s;
            -moz-transition: -moz-transform .3s;
            transition: transform .3s;
            -webkit-transform: scale(0.85);
            -moz-transform: scale(0.85);
            -ms-transform: scale(0.85);
            -o-transform: scale(0.85);
            transform: scale(0.85)
        }

        .link-effect.link-effect-7::after {
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: top 0.3s,opacity 0.3s,-webkit-transform .3s;
            -moz-transition: top 0.3s,opacity 0.3s,-moz-transform .3s;
            transition: top 0.3s,opacity 0.3s,transform .3s
        }

        .link-effect.link-effect-7:hover::before, .link-effect.link-effect-7:hover::after, .link-effect.link-effect-7:focus::before, .link-effect.link-effect-7:focus::after {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }

        .link-effect.link-effect-7:hover::after, .link-effect.link-effect-7:focus::after {
            top: 0%;
            filter: alpha(opacity=100);
            opacity: 1
        }

    .link-effect.link-effect-8 {
        padding: 5px 10px
    }

        .link-effect.link-effect-8::before, .link-effect.link-effect-8::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 2px solid #333;
            content: '';
            -webkit-transition: -webkit-transform .3s,opacity 0.3s;
            -moz-transition: -moz-transform .3s,opacity 0.3s;
            transition: transform .3s,opacity 0.3s
        }

        .link-effect.link-effect-8::after {
            border-color: #4574a0;
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transform: translateY(-7px) translateX(6px);
            -moz-transform: translateY(-7px) translateX(6px);
            -ms-transform: translateY(-7px) translateX(6px);
            -o-transform: translateY(-7px) translateX(6px);
            transform: translateY(-7px) translateX(6px)
        }

        .link-effect.link-effect-8:hover::before, .link-effect.link-effect-8:focus::before {
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: translateY(5) translateX(-5px);
            -moz-transform: translateY(5) translateX(-5px);
            -ms-transform: translateY(5) translateX(-5px);
            -o-transform: translateY(5) translateX(-5px);
            transform: translateY(5) translateX(-5px)
        }

        .link-effect.link-effect-8:hover::after, .link-effect.link-effect-8:focus::after {
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: translateY(0) translateX(0);
            -moz-transform: translateY(0) translateX(0);
            -ms-transform: translateY(0) translateX(0);
            -o-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0)
        }

    .link-effect.link-effect-9 {
        margin: 0 20px;
        padding: 8px 10px;
        text-align: center
    }

        .link-effect.link-effect-9::before, .link-effect.link-effect-9::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #4574a0;
            content: '';
            filter: alpha(opacity=20);
            opacity: .2;
            -webkit-transition: opacity 0.3s,height 0.3s;
            -moz-transition: opacity 0.3s,height 0.3s;
            transition: opacity 0.3s,height 0.3s
        }

        .link-effect.link-effect-9::after {
            top: 100%;
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: -webkit-transform .3s,opacity 0.3s;
            -moz-transition: -moz-transform .3s,opacity 0.3s;
            transition: transform .3s,opacity 0.3s;
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            -o-transform: translateY(-10px);
            transform: translateY(-10px)
        }

        .link-effect.link-effect-9 span:first-child {
            z-index: 2;
            display: block
        }

        .link-effect.link-effect-9 span:last-child {
            z-index: 1;
            display: block;
            padding: 2px 0 0 0;
            color: rgba(0,0,0,0.4);
            text-shadow: none;
            text-transform: none;
            font-style: italic;
            font-size: 11px;
            font-family: Georgia, serif;
            opacity: 0;
            -webkit-transition: -webkit-transform .3s,opacity 0.3s;
            -moz-transition: -moz-transform .3s,opacity 0.3s;
            transition: transform .3s,opacity 0.3s;
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            -o-transform: translateY(-100%);
            transform: translateY(-100%)
        }

        .link-effect.link-effect-9:hover::before, .link-effect.link-effect-9:focus::before {
            height: 6px
        }

        .link-effect.link-effect-9:hover::before, .link-effect.link-effect-9:hover::after, .link-effect.link-effect-9:focus::before, .link-effect.link-effect-9:focus::after {
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        .link-effect.link-effect-9:hover span:last-child, .link-effect.link-effect-9:focus span:last-child {
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

    .link-effect.link-effect-10 {
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin: 0 8px
    }

        .link-effect.link-effect-10 span {
            display: block;
            padding: 5px 10px;
            background: #b7cce0;
            -webkit-transition: -webkit-transform .3s;
            -moz-transition: -moz-transform .3s;
            transition: transform .3s
        }

        .link-effect.link-effect-10::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            padding: 5px 10px;
            width: 100%;
            height: 100%;
            background: #4574a0;
            color: white;
            content: attr(data-hover);
            -webkit-transition: -webkit-transform .3s;
            -moz-transition: -moz-transform .3s;
            transition: transform .3s;
            -webkit-transform: translateX(-25%);
            -moz-transform: translateX(-25%);
            -ms-transform: translateX(-25%);
            -o-transform: translateX(-25%);
            transform: translateX(-25%)
        }

        .link-effect.link-effect-10:hover span, .link-effect.link-effect-10:focus span {
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%)
        }

        .link-effect.link-effect-10:hover::before, .link-effect.link-effect-10:focus::before {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0)
        }

    .link-effect.link-effect-11 {
        padding: 5px 0;
        border-top: 2px solid rgba(0,0,0,0.2);
        color: rgba(0,0,0,0.4)
    }

        .link-effect.link-effect-11::before {
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            padding: 5px 0;
            max-width: 0;
            border-bottom: 2px solid #4574a0;
            color: #4574a0;
            content: attr(data-hover);
            -webkit-transition: max-width 0.5s;
            -moz-transition: max-width 0.5s;
            transition: max-width 0.5s
        }

        .link-effect.link-effect-11:hover::before, .link-effect.link-effect-11:focus::before {
            max-width: 100%
        }

    .link-effect.link-effect-12::before, .link-effect.link-effect-12::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 70px;
        height: 70px;
        border: 2px solid rgba(0,0,0,0.15);
        border-radius: 50%;
        content: '';
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: -webkit-transform .3s,opacity 0.3s;
        -moz-transition: -moz-transform .3s,opacity 0.3s;
        transition: transform .3s,opacity 0.3s;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
        -ms-transform: translateX(-50%) translateY(-50%) scale(0.2);
        -o-transform: translateX(-50%) translateY(-50%) scale(0.2);
        transform: translateX(-50%) translateY(-50%) scale(0.2)
    }

    .link-effect.link-effect-12:after {
        width: 60px;
        height: 60px;
        border-width: 4px;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
        -ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
        -o-transform: translateX(-50%) translateY(-50%) scale(0.8);
        transform: translateX(-50%) translateY(-50%) scale(0.8)
    }

    .link-effect.link-effect-12:hover::before, .link-effect.link-effect-12:hover::after, .link-effect.link-effect-12:focus::before, .link-effect.link-effect-12:focus::after {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        -moz-transform: translateX(-50%) translateY(-50%) scale(1);
        -ms-transform: translateX(-50%) translateY(-50%) scale(1);
        -o-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1)
    }

    .link-effect.link-effect-13 {
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s
    }

        .link-effect.link-effect-13::before {
            position: absolute;
            top: 70%;
            left: 50%;
            color: transparent;
            content: '•';
            text-shadow: 0 0 transparent;
            font-size: 1.2em;
            -webkit-transition: text-shadow 0.3s,color 0.3s;
            -moz-transition: text-shadow 0.3s,color 0.3s;
            transition: text-shadow 0.3s,color 0.3s;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            pointer-events: none
        }

        .link-effect.link-effect-13:hover::before, .link-effect.link-effect-13:focus::before {
            color: #9E9E9E;
            text-shadow: 10px 0 #9E9E9E,-10px 0 #9E9E9E
        }

    .link-effect.link-effect-14 {
        padding: 0 10px;
        height: 30px;
        line-height: 30px
    }

        .link-effect.link-effect-14::before, .link-effect.link-effect-14::after {
            position: absolute;
            width: 30px;
            height: 2px;
            background: #4574a0;
            content: '';
            filter: alpha(opacity=20);
            opacity: .2;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            pointer-events: none
        }

        .link-effect.link-effect-14::before {
            top: 0;
            left: 0;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0
        }

        .link-effect.link-effect-14::after {
            right: 0;
            bottom: 0;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transform-origin: 100% 0;
            -moz-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            -o-transform-origin: 100% 0;
            transform-origin: 100% 0
        }

        .link-effect.link-effect-14:hover::before, .link-effect.link-effect-14:hover::after, .link-effect.link-effect-14:focus::before, .link-effect.link-effect-14:focus::after {
            filter: alpha(opacity=100);
            opacity: 1
        }

        .link-effect.link-effect-14:hover::before, .link-effect.link-effect-14:focus::before {
            left: 50%;
            -webkit-transform: rotate(0deg) translateX(-50%);
            -moz-transform: rotate(0deg) translateX(-50%);
            -ms-transform: rotate(0deg) translateX(-50%);
            -o-transform: rotate(0deg) translateX(-50%);
            transform: rotate(0deg) translateX(-50%)
        }

        .link-effect.link-effect-14:hover::after, .link-effect.link-effect-14:focus::after {
            right: 50%;
            -webkit-transform: rotate(0deg) translateX(50%);
            -moz-transform: rotate(0deg) translateX(50%);
            -ms-transform: rotate(0deg) translateX(50%);
            -o-transform: rotate(0deg) translateX(50%);
            transform: rotate(0deg) translateX(50%)
        }

    .link-effect.link-effect-15 {
        color: rgba(0,0,0,0.2);
        font-weight: 700
    }

        .link-effect.link-effect-15::before {
            color: #4574a0;
            content: attr(data-hover);
            position: absolute;
            -webkit-transition: -webkit-transform .3s,opacity 0.3s;
            -moz-transition: -moz-transform .3s,opacity 0.3s;
            transition: transform .3s,opacity 0.3s
        }

        .link-effect.link-effect-15:hover::before, .link-effect.link-effect-15:focus::before {
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -o-transform: scale(0.9);
            transform: scale(0.9);
            filter: alpha(opacity=0);
            opacity: 0
        }

    .link-effect.link-effect-16 {
        color: rgba(0,0,0,0.4)
    }

        .link-effect.link-effect-16::before {
            color: #4574a0;
            content: attr(data-hover);
            position: absolute;
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
            -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
            -ms-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
            -o-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
            transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
            -webkit-transition: -webkit-transform .3s,opacity 0.3s;
            -moz-transition: -moz-transform .3s,opacity 0.3s;
            transition: transform .3s,opacity 0.3s;
            pointer-events: none
        }

        .link-effect.link-effect-16:hover::before, .link-effect.link-effect-16:focus::before {
            -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
            -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
            -ms-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
            -o-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
            transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
            filter: alpha(opacity=100);
            opacity: 1
        }

    .link-effect.link-effect-17 {
        color: rgba(0,0,0,0.4);
        padding: 10px 0
    }

        .link-effect.link-effect-17::before {
            color: #4574a0;
            content: attr(data-hover);
            position: absolute;
            -webkit-transition: -webkit-transform .3s,opacity 0.3s;
            -moz-transition: -moz-transform .3s,opacity 0.3s;
            transition: transform .3s,opacity 0.3s;
            pointer-events: none
        }

        .link-effect.link-effect-17::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background: #9E9E9E;
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transform: translateY(5px);
            -moz-transform: translateY(5px);
            -ms-transform: translateY(5px);
            -o-transform: translateY(5px);
            transform: translateY(5px);
            -webkit-transition: -webkit-transform .3s,opacity 0.3s;
            -moz-transition: -moz-transform .3s,opacity 0.3s;
            transition: transform .3s,opacity 0.3s;
            pointer-events: none
        }

        .link-effect.link-effect-17:hover::before, .link-effect.link-effect-17:focus::before {
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transform: translateY(-2px);
            -moz-transform: translateY(-2px);
            -ms-transform: translateY(-2px);
            -o-transform: translateY(-2px);
            transform: translateY(-2px)
        }

        .link-effect.link-effect-17:hover::after, .link-effect.link-effect-17:focus::after {
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

    .link-effect.link-effect-18 {
        position: relative;
        z-index: 1;
        padding: 0 5px;
        color: rgba(0,0,0,0.2);
        font-weight: 700;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s
    }

        .link-effect.link-effect-18::before, .link-effect.link-effect-18::after {
            position: absolute;
            width: 100%;
            left: 0;
            top: 50%;
            height: 2px;
            margin-top: -1px;
            background: rgba(0,0,0,0.2);
            content: '';
            z-index: -1;
            -webkit-transition: -webkit-transform .3s,opacity 0.3s;
            -moz-transition: -moz-transform .3s,opacity 0.3s;
            transition: transform .3s,opacity 0.3s;
            pointer-events: none
        }

        .link-effect.link-effect-18::before {
            -webkit-transform: translateY(-20px);
            -moz-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            -o-transform: translateY(-20px);
            transform: translateY(-20px)
        }

        .link-effect.link-effect-18::after {
            -webkit-transform: translateY(20px);
            -moz-transform: translateY(20px);
            -ms-transform: translateY(20px);
            -o-transform: translateY(20px);
            transform: translateY(20px)
        }

        .link-effect.link-effect-18:hover, .link-effect.link-effect-18:focus {
            color: #4574a0
        }

            .link-effect.link-effect-18:hover::before, .link-effect.link-effect-18:hover::after, .link-effect.link-effect-18:focus::before, .link-effect.link-effect-18:focus::after {
                filter: alpha(opacity=70);
                opacity: .7;
                background: rgba(0,0,0,0.15);
                width: 100%
            }

            .link-effect.link-effect-18:hover::before, .link-effect.link-effect-18:focus::before {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .link-effect.link-effect-18:hover::after, .link-effect.link-effect-18:focus::after {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

    .link-effect.link-effect-19 {
        line-height: 1.8em;
        margin: 15px;
        -webkit-perspective: 800px;
        -moz-perspective: 800px;
        perspective: 800px;
        color: white
    }

        .link-effect.link-effect-19 span {
            position: relative;
            display: inline-block;
            width: 100%;
            padding: 0 15px;
            background: #4574a0;
            -webkit-transition: -webkit-transform .4s,background 0.4s;
            -moz-transition: -moz-transform .4s,background 0.4s;
            transition: transform .4s,background 0.4s;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform-origin: 50% 50% -100px;
            -moz-transform-origin: 50% 50% -100px;
            -ms-transform-origin: 50% 50% -100px;
            -o-transform-origin: 50% 50% -100px;
            transform-origin: 50% 50% -100px
        }

            .link-effect.link-effect-19 span::before {
                position: absolute;
                top: 0;
                left: 100%;
                width: 100%;
                height: 100%;
                padding: 0 15px;
                background: #264059;
                content: attr(data-hover);
                -webkit-transition: background 0.4s;
                -moz-transition: background 0.4s;
                transition: background 0.4s;
                -webkit-transform: rotateY(90deg);
                -moz-transform: rotateY(90deg);
                -ms-transform: rotateY(90deg);
                -o-transform: rotateY(90deg);
                transform: rotateY(90deg);
                -webkit-transform-origin: 0 50%;
                -moz-transform-origin: 0 50%;
                -ms-transform-origin: 0 50%;
                -o-transform-origin: 0 50%;
                transform-origin: 0 50%;
                pointer-events: none
            }

        .link-effect.link-effect-19:hover span, .link-effect.link-effect-19:focus span {
            background: #264059;
            -webkit-transform: rotateY(-90deg);
            -moz-transform: rotateY(-90deg);
            -ms-transform: rotateY(-90deg);
            -o-transform: rotateY(-90deg);
            transform: rotateY(-90deg)
        }

            .link-effect.link-effect-19:hover span::before, .link-effect.link-effect-19:focus span::before {
                background: #4574a0
            }

    .link-effect.link-effect-20 {
        line-height: 1.8em;
        -webkit-perspective: 800px;
        -moz-perspective: 800px;
        perspective: 800px
    }

        .link-effect.link-effect-20 span {
            position: relative;
            display: inline-block;
            padding: 3px 15px 0;
            background: #b7cce0;
            box-shadow: inset 0 3px #82a7c9;
            -webkit-transition: background 0.6s;
            -moz-transition: background 0.6s;
            transition: background 0.6s;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform-origin: 0% 50%;
            -moz-transform-origin: 0% 50%;
            -ms-transform-origin: 0% 50%;
            -o-transform-origin: 0% 50%;
            transform-origin: 0% 50%
        }

            .link-effect.link-effect-20 span::before {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                padding: 3px 15px 0;
                background: #4574a0;
                color: #fff;
                content: attr(data-hover);
                -webkit-transition: -webkit-transform .6s;
                -moz-transition: -moz-transform .6s;
                transition: transform .6s;
                -webkit-transform: rotateX(270deg);
                -moz-transform: rotateX(270deg);
                -ms-transform: rotateX(270deg);
                -o-transform: rotateX(270deg);
                transform: rotateX(270deg);
                -webkit-transform-origin: 0 0;
                -moz-transform-origin: 0 0;
                -ms-transform-origin: 0 0;
                -o-transform-origin: 0 0;
                transform-origin: 0 0;
                pointer-events: none
            }

        .link-effect.link-effect-20:hover span, .link-effect.link-effect-20:focus span {
            background: #82a7c9
        }

            .link-effect.link-effect-20:hover span::before, .link-effect.link-effect-20:focus span::before {
                -webkit-transform: rotateX(10deg);
                -moz-transform: rotateX(10deg);
                -ms-transform: rotateX(10deg);
                -o-transform: rotateX(10deg);
                transform: rotateX(10deg)
            }

    .link-effect.link-effect-21 {
        padding: 10px;
        color: rgba(0,0,0,0.2);
        font-weight: 700;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s
    }

        .link-effect.link-effect-21::before, .link-effect.link-effect-21::after {
            position: absolute;
            left: 0;
            width: 100%;
            height: 2px;
            background: #4574a0;
            content: '';
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: opacity 0.3s,-webkit-transform .3s;
            -moz-transition: opacity 0.3s,-moz-transform .3s;
            transition: opacity 0.3s,transform .3s;
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            -o-transform: translateY(-10px);
            transform: translateY(-10px)
        }

        .link-effect.link-effect-21::before {
            top: 0;
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            -o-transform: translateY(-10px);
            transform: translateY(-10px)
        }

        .link-effect.link-effect-21::after {
            bottom: 0;
            -webkit-transform: translateY(10px);
            -moz-transform: translateY(10px);
            -ms-transform: translateY(10px);
            -o-transform: translateY(10px);
            transform: translateY(10px)
        }

        .link-effect.link-effect-21:hover, .link-effect.link-effect-21:focus {
            color: #4574a0
        }

            .link-effect.link-effect-21:hover::before, .link-effect.link-effect-21:hover::after, .link-effect.link-effect-21:focus::before, .link-effect.link-effect-21:focus::after {
                filter: alpha(opacity=100);
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0)
            }

#loading-bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

    #loading-bar .bar {
        position: absolute;
        background-color: #4285f4;
        z-index: 9
    }

    #loading-bar .peg {
        -webkit-box-shadow: #4285f4 1px 0 6px 1px;
        box-shadow: #4285f4 1px 0 6px 1px
    }

#loading-bar-spinner {
    position: absolute;
    z-index: 99
}

    #loading-bar-spinner .spinner-icon {
        border-top-color: #4285f4;
        border-left-color: #4285f4
    }

.alert {
    padding: 10px 15px;
    border-radius: 0;
    border: 0;
    border-left: 3px solid
}

    .alert.alert-big {
        padding: 15px
    }

    .alert.alert-dismissable {
        padding-right: 35px
    }

    .alert.notcloseable > .close {
        display: none
    }

    .alert.alert-primary {
        color: #4574a0;
        background-color: #b7cce0
    }

        .alert.alert-primary .alert-link {
            color: #3d678e
        }

    .alert.alert-success {
        color: #26A69A;
        background-color: #acece6
    }

        .alert.alert-success .alert-link {
            color: #219187
        }

    .alert.alert-warning {
        color: #5e5900;
        background-color: #FFF59D;
        border: solid 1px #f5eb93 !important
    }

        .alert.alert-warning .alert-link {
            color: #5e5900
        }

    .alert.alert-danger {
        color: #ff4081;
        background-color: #ffdee9
    }

        .alert.alert-danger .alert-link {
            color: #c02929
        }

    .alert.alert-info {
        color: #90CAF9;
        background-color: #fff
    }

        .alert.alert-info .alert-link {
            color: #78bef8
        }

    .alert.alert-default {
        color: #9E9E9E;
        background-color: #fff
    }

        .alert.alert-default .alert-link {
            color: #919191
        }

    .alert.alert-cyan {
        color: #03A9F4;
        background-color: #c5ecfe
    }

        .alert.alert-cyan .alert-link {
            color: #0391d1
        }

    .alert.alert-amethyst {
        color: #4053b9;
        background-color: #8995d6
    }

        .alert.alert-amethyst .alert-link {
            color: #3a4aa6
        }

    .alert.alert-green {
        color: #4285f4;
        background-color: #fff
    }

        .alert.alert-green .alert-link {
            color: #347cf3
        }

    .alert.alert-orange {
        color: #FFA726;
        background-color: #fffaf2
    }

        .alert.alert-orange .alert-link {
            color: #ffa117
        }

    .alert.alert-red {
        color: #EF5350;
        background-color: #fcdddc
    }

        .alert.alert-red .alert-link {
            color: #eb2521
        }

    .alert.alert-greensea {
        color: #26A69A;
        background-color: #eafaf9
    }

        .alert.alert-greensea .alert-link {
            color: #219187
        }

    .alert.alert-dutch {
        color: #26C6DA;
        background-color: #fff
    }

        .alert.alert-dutch .alert-link {
            color: #22b3c5
        }

    .alert.alert-hotpink {
        color: #ff4081;
        background-color: #fff
    }

        .alert.alert-hotpink .alert-link {
            color: #ff2770
        }

    .alert.alert-drank {
        color: #AB47BC;
        background-color: #fff
    }

        .alert.alert-drank .alert-link {
            color: #9b3eab
        }

    .alert.alert-blue {
        color: #4285f4;
        background-color: #fff
    }

        .alert.alert-blue .alert-link {
            color: #2a75f3
        }

    .alert.alert-lightred {
        color: #ff5722;
        background-color: #ffcbbb
    }

        .alert.alert-lightred .alert-link {
            color: #ff4409
        }

    .alert.alert-slategray {
        color: #607D8B;
        background-color: #e4eaec
    }

        .alert.alert-slategray .alert-link {
            color: #566f7c
        }

    .alert.alert-darkgray {
        color: #333;
        background-color: #a6a6a6
    }

        .alert.alert-darkgray .alert-link {
            color: #262626
        }

#toast-container > div {
    opacity: 0.8 !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    transition: opacity 0.25s;
    position: relative
}

    #toast-container > div:hover {
        opacity: 1 !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    #toast-container > div .toast-title {
        font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif
    }

    #toast-container > div .toast-message {
        font-size: 13px
    }

    #toast-container > div > .fa:not(.toast-close-button) {
        position: absolute;
        font-size: 2em;
        left: 13px
    }

#toast-container .toast-close-button {
    font-size: 13px;
    font-weight: 400;
    text-shadow: none;
    opacity: 1
}

    #toast-container .toast-close-button:hover {
        text-shadow: none;
        opacity: .5;
        color: white
    }

.nav-tabs {
    border: 0;
    background-color: #f5f5f5
}

    .nav-tabs > li {
        margin-bottom: 0
    }

        .nav-tabs > li > a {
            border: 0;
            border-radius: 0;
            margin-right: 0;
            cursor: pointer;
            -webkit-box-shadow: inset 0 -3px 0 transparent;
            box-shadow: inset 0 -3px 0 transparent
        }

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

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            box-shadow: inset 0 -3px 0 #428bca;
            border: 0;
            background-color: #e8e8e8
        }

        .nav-tabs > li.active:after {
            content: '';
            position: absolute;
            left: 50%;
            margin-left: -4px;
            height: 0;
            width: 0;
            border-left: 4px solid rgba(0,0,0,0);
            border-right: 4px solid rgba(0,0,0,0);
            border-top: 4px solid #4574a0
        }

        .nav-tabs > li.tabs-title {
            padding: 8px 0 0 20px;
            font-size: 16px;
            color: white;
            font-weight: 300
        }

    .nav-tabs.nav-justified > li > a {
        border: 0;
        border-radius: 0
    }

    .nav-tabs.nav-justified > li.active > a, .nav-tabs.nav-justified > li.active > a:hover, .nav-tabs.nav-justified > li.active > a:focus {
        border: 0
    }

.tab-content .tab-pane {
    padding: 15px
}

.nav-pills > li > a {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav.nav-sm > li > a {
    padding: 7px 10px
}

.nav-tabs.tabs-dark {
    background-color: #607D8B
}

    .nav-tabs.tabs-dark > li > a {
        color: rgba(255,255,255,0.5)
    }

        .nav-tabs.tabs-dark > li > a:hover, .nav-tabs.tabs-dark > li > a:focus {
            background-color: #566f7c;
            color: rgba(255,255,255,0.8)
        }

    .nav-tabs.tabs-dark > li.disabled > a {
        color: rgba(255,255,255,0.2)
    }

    .nav-tabs.tabs-dark > li.active > a, .nav-tabs.tabs-dark > li.active > a:hover, .nav-tabs.tabs-dark > li.active > a:focus {
        background-color: #4b626d;
        color: white
    }

.nav-tabs-muted > li.active > a, .nav-tabs-muted > li.active > a:hover, .nav-tabs-muted > li.active > a:focus {
    color: #111 !important;
    background-color: #e8e8e8 !important;
    border: solid 1px #d9d9d9 !important;
    font-weight: bolder !important
}

.tab-container .nav-tabs {
    background-color: white
}

    .tab-container .nav-tabs > li {
        border-right: 1px solid #eaeaea
    }

        .tab-container .nav-tabs > li:last-child {
            border-right: 0
        }

        .tab-container .nav-tabs > li > a {
            color: #4d4d4d
        }

            .tab-container .nav-tabs > li > a:hover {
                background-color: #f5f5f5
            }

        .tab-container .nav-tabs > li.active > a, .tab-container .nav-tabs > li.active > a:hover, .tab-container .nav-tabs > li.active > a:focus {
            color: #000
        }

        .tab-container .nav-tabs > li.disabled > a, .tab-container .nav-tabs > li.disabled > a:hover, .tab-container .nav-tabs > li.disabled > a:focus {
            color: gray
        }

.tab-container .tab-content .tab-pane {
    background-color: white
}

.tab-nopadding .tab-pane {
    padding: 15px 0
}

.tab-wizard .nav-tabs > li > a {
    text-align: left;
    padding-left: 30px;
    position: relative
}

    .tab-wizard .nav-tabs > li > a:before {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        border-top: 19px solid rgba(0,0,0,0);
        border-bottom: 19px solid rgba(0,0,0,0);
        border-left: 19px solid #f5f5f5;
        top: 1px;
        right: -18px;
        z-index: 6;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s
    }

    .tab-wizard .nav-tabs > li > a:after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        border-top: 20px solid rgba(0,0,0,0);
        border-bottom: 20px solid rgba(0,0,0,0);
        border-left: 20px solid #f5f5f5;
        top: 0;
        right: -20px;
        z-index: 5
    }

    .tab-wizard .nav-tabs > li > a .wizard-step {
        font-size: 15px;
        font-weight: 700;
        padding: 5px 8px;
        border-radius: 50%;
        background-color: #000;
        color: #eaeaea;
        border: 1px solid #eaeaea;
        margin-top: -2px;
        margin-right: -10px;
        width: 26px;
        height: 26px;
        line-height: 14px
    }

.tab-wizard .nav-tabs > li:first-child > a {
    padding-left: 15px
}

.tab-wizard .nav-tabs > li:last-child > a:after, .tab-wizard .nav-tabs > li:last-child > a:before {
    display: none
}

.tab-wizard .nav-tabs > li:last-child > a .wizard-step {
    margin-right: 0
}

.tab-wizard .nav-tabs > li > a, .tab-wizard .nav-tabs > li > a:hover, .tab-wizard .nav-tabs > li > a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f5f5f5
}

.tab-wizard .nav-tabs > li:after, .tab-wizard .nav-tabs > li:before {
    content: "";
    position: absolute;
    border: 0;
    width: 100%;
    height: 10px;
    background-color: #b8b8b8;
    left: 0;
    margin-left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.8s;
    -moz-transition: opacity 0.8s;
    transition: opacity 0.8s
}

.tab-wizard .nav-tabs > li:after {
    opacity: .1
}

.tab-wizard .nav-tabs > li:before {
    background-color: #4574a0;
    bottom: -10px;
    opacity: 1;
    -webkit-transition: width 0.8s;
    -moz-transition: width 0.8s;
    transition: width 0.8s
}

.tab-wizard .nav-tabs > li.active > a:before {
    border-left-color: white
}

.tab-wizard .nav-tabs > li.active > a .wizard-step {
    background-color: transparent;
    color: #000;
    border-color: #000
}

.tab-wizard .nav-tabs > li.active > a, .tab-wizard .nav-tabs > li.active > a:hover {
    background-color: white
}

.tab-wizard .nav-tabs > li.active:after {
    opacity: 1
}

.tab-wizard .nav-tabs > li.active:before {
    opacity: 0;
    width: 0
}

.tab-wizard .nav-tabs > li.disabled > a .wizard-step {
    background-color: transparent;
    color: #eaeaea;
    border-color: #eaeaea
}

.tab-wizard .nav-tabs > li.active ~ li > a:before {
    border-left-color: white
}

.tab-wizard .nav-tabs > li.active ~ li > a .wizard-step {
    background-color: transparent;
    color: #eaeaea;
    border-color: #eaeaea
}

.tab-wizard .nav-tabs > li.active ~ li > a, .tab-wizard .nav-tabs > li.active ~ li > a:hover {
    background-color: white
}

.tab-wizard .nav-tabs > li.active ~ li:before {
    opacity: 0;
    width: 0
}

.tab-wizard .tab-content {
    background-color: white
}

    .tab-wizard .tab-content .tab-pane {
        margin-top: 10px
    }

    .tab-wizard .tab-content .pager.wizard {
        margin: 0;
        padding: 0 15px 15px
    }

        .tab-wizard .tab-content .pager.wizard > li.disabled > .btn {
            cursor: not-allowed;
            color: #ccc;
            border-color: #eee
        }

            .tab-wizard .tab-content .pager.wizard > li.disabled > .btn:hover {
                background-color: white
            }

        .tab-wizard .tab-content .pager.wizard > li.previous > .btn {
            float: left
        }

        .tab-wizard .tab-content .pager.wizard > li.next > .btn {
            float: right
        }

.tab-animation > .tab-content {
    position: relative
}

    .tab-animation > .tab-content > .tab-pane {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        transition: all 0.2s linear
    }

        .tab-animation > .tab-content > .tab-pane.active-remove {
            position: absolute;
            top: 0;
            width: 100%;
            display: block
        }

        .tab-animation > .tab-content > .tab-pane.active-remove-active {
            opacity: 0
        }

        .tab-animation > .tab-content > .tab-pane.active-add {
            opacity: 0
        }

.tabs-right.nav-tabs {
    text-align: right
}

    .tabs-right.nav-tabs > li {
        margin-right: -3px;
        float: none;
        display: inline-block
    }

        .tabs-right.nav-tabs > li:last-child {
            margin-right: 0
        }

@media only screen and (max-width: 768px) {
    .nav-tabs.nav-justified > li a {
        margin-bottom: 0
    }

    .nav-tabs.nav-justified > li:after {
        display: none
    }

    .nav-tabs > li.tabs-title {
        display: none
    }
}

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

    .tabs-menu > li {
        margin-bottom: 1px;
        position: relative
    }

        .tabs-menu > li > a {
            display: block;
            background-color: #f7f7f7;
            padding: 10px 15px;
            color: #111
        }

            .tabs-menu > li > a:hover {
                color: #4574a0
            }

        .tabs-menu > li.active > a {
            background-color: #4574a0;
            color: white;
            font-weight: 700
        }

        .tabs-menu > li.active:after {
            content: "";
            position: absolute;
            height: 0;
            width: 0;
            border-top: 6px solid rgba(0,0,0,0);
            border-bottom: 6px solid rgba(0,0,0,0);
            border-left: 6px solid #4574a0;
            right: -6px;
            top: 15px
        }

.nav.nav-tabs.nav-subnav {
    background-color: #fff;
    border-bottom: solid 1px #ddd
}

    .nav.nav-tabs.nav-subnav > li a {
        color: #7494a6;
        padding-left: 26px;
        padding-right: 26px;
        font-weight: bolder
    }

    .nav.nav-tabs.nav-subnav > li.active a {
        color: #111;
        background: none
    }

.nav.nav-tabs.nav-themed {
    background-color: #dbe3e9
}

    .nav.nav-tabs.nav-themed > li a {
        color: #7494a6;
        text-transform: initial;
        font-size: 1.6rem;
        letter-spacing: 0.5px;
        font-weight: bold;
        width: 75%;
        margin: auto !important;
        margin-top: 13px !important;
        margin-bottom: 12px !important;
        border-radius: 3px !important
    }

        .nav.nav-tabs.nav-themed > li a:hover {
            color: #ad1457
        }

    .nav.nav-tabs.nav-themed > li.active a {
        color: #ad1457;
        background: #fff;
        box-shadow: 0px 3px 18px rgba(17,17,17,0.07)
    }

.list-nav-title {
    text-transform: uppercase;
    margin-top: 0;
    font-size: 15px
}

.list-nav {
    margin-bottom: 24px
}

    .list-nav li {
        display: block
    }

        .list-nav li > a {
            color: #7494a6;
            display: inline-block;
            padding: 5px 0;
            font-weight: 500
        }

            .list-nav li > a:hover {
                cursor: pointer;
                color: #ad1457
            }

            .list-nav li > a.active {
                color: #ad1457
            }

.modal-content {
    border-radius: 0
}

.modal-footer {
    background-color: #f8f8f8
}

.modal-backdrop {
    bottom: 0
}

.modal.splash.fade {
    filter: alpha(opacity=100);
    opacity: 1
}

.modal-open.splash .modal-backdrop.fade {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal.splash.fade .modal-dialog, .modal.splash.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open.splash .modal-dialog {
    margin-top: 60px
}

.modal-open.splash .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.modal-open.splash .modal-backdrop {
    background-color: black
}

    .modal-open.splash .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-open.splash .modal-backdrop.in {
        filter: alpha(opacity=85);
        opacity: .85
    }

.modal-open.splash.modal {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

.modal-open.splash.splash-1 .modal-content {
    background-color: transparent;
    color: white
}

.modal-open.splash.splash-1 .modal-header {
    border-bottom: 0;
    text-align: center
}

    .modal-open.splash.splash-1 .modal-header .modal-title {
        font-weight: 700
    }

.modal-open.splash.splash-1 .modal-footer {
    background-color: transparent;
    border-top: 0;
    text-align: center
}

    .modal-open.splash.splash-1 .modal-footer .btn-default {
        border: 2px solid white;
        color: white
    }

        .modal-open.splash.splash-1 .modal-footer .btn-default:hover, .modal-open.splash.splash-1 .modal-footer .btn-default:active, .modal-open.splash.splash-1 .modal-footer .btn-default.active {
            background-color: rgba(255,255,255,0.1)
        }

.modal-open.splash.splash-2 .modal-header {
    background-color: #f5f5f5;
    text-align: center
}

    .modal-open.splash.splash-2 .modal-header .modal-title {
        font-weight: 700
    }

.modal-open.splash.splash-2 .modal-footer {
    background-color: white;
    border-top: 0;
    text-align: center
}

.modal-open.splash.splash-ef-1 .modal-backdrop {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.modal-open.splash.splash-ef-1 .modal .modal-dialog {
    -webkit-transition: opacity 0.5s,-webkit-transform .5s;
    -moz-transition: opacity 0.5s,-moz-transform .5s;
    transition: opacity 0.5s,transform .5s
}

.modal-open.splash.splash-ef-1 .modal.fade .modal-dialog {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 150px);
    -moz-transform: translate3d(0, 0, 150px);
    -ms-transform: translate3d(0, 0, 150px);
    -o-transform: translate3d(0, 0, 150px);
    transform: translate3d(0, 0, 150px)
}

.modal-open.splash.splash-ef-1 .modal.in .modal-dialog {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open.splash.splash-ef-2 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-2 .modal .modal-dialog {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.modal-open.splash.splash-ef-2 .modal.fade .modal-dialog {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0
}

.modal-open.splash.splash-ef-2 .modal.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal-open.splash.splash-ef-3 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-3 .modal .modal-dialog {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9)
}

.modal-open.splash.splash-ef-3 .modal.fade .modal-dialog {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0
}

.modal-open.splash.splash-ef-3 .modal.in .modal-dialog {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.modal-open.splash.splash-ef-4 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-4 .modal .modal-dialog {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.modal-open.splash.splash-ef-4 .modal.fade .modal-dialog {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0
}

.modal-open.splash.splash-ef-4 .modal.in .modal-dialog {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.modal-open.splash.splash-ef-5 .modal-backdrop {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.modal-open.splash.splash-ef-5 .modal .modal-dialog {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.modal-open.splash.splash-ef-5 .modal.fade .modal-dialog {
    -webkit-transform: scale(0) rotate(720deg);
    -moz-transform: scale(0) rotate(720deg);
    -ms-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0
}

.modal-open.splash.splash-ef-5 .modal.in .modal-dialog {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1
}

.modal-open.splash.splash-ef-6 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-6 .modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

    .modal-open.splash.splash-ef-6 .modal.fade .modal-dialog {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateZ(600px) rotateX(20deg);
        -moz-transform: translateZ(600px) rotateX(20deg);
        -ms-transform: translateZ(600px) rotateX(20deg);
        transform: translateZ(600px) rotateX(20deg);
        opacity: 0
    }

    .modal-open.splash.splash-ef-6 .modal.in .modal-dialog {
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        -webkit-transform: translateZ(0px) rotateX(0deg);
        -moz-transform: translateZ(0px) rotateX(0deg);
        -ms-transform: translateZ(0px) rotateX(0deg);
        transform: translateZ(0px) rotateX(0deg);
        opacity: 1
    }

.modal-open.splash.splash-ef-7 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-7 .modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

    .modal-open.splash.splash-ef-7 .modal.fade .modal-dialog {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
        -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
        -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
        transform: translate(30%) translateZ(600px) rotate(10deg);
        opacity: 0
    }

    .modal-open.splash.splash-ef-7 .modal.in .modal-dialog {
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
        -moz-transform: translate(0%) translateZ(0) rotate(0deg);
        -ms-transform: translate(0%) translateZ(0) rotate(0deg);
        transform: translate(0%) translateZ(0) rotate(0deg);
        opacity: 1
    }

.modal-open.splash.splash-ef-8 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-8 .modal .modal-dialog {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.modal-open.splash.splash-ef-8 .modal.fade .modal-dialog {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0
}

.modal-open.splash.splash-ef-8 .modal.in .modal-dialog {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    border-radius: 0 0 3px 3px;
    opacity: 1
}

.modal-open.splash.splash-ef-9 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-9 .modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

    .modal-open.splash.splash-ef-9 .modal .modal-dialog {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

    .modal-open.splash.splash-ef-9 .modal.fade .modal-dialog {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateY(-70deg);
        -moz-transform: rotateY(-70deg);
        -ms-transform: rotateY(-70deg);
        transform: rotateY(-70deg);
        opacity: 0
    }

    .modal-open.splash.splash-ef-9 .modal.in .modal-dialog {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }

.modal-open.splash.splash-ef-10 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-10 .modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

    .modal-open.splash.splash-ef-10 .modal .modal-dialog {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

    .modal-open.splash.splash-ef-10 .modal.fade .modal-dialog {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateX(-70deg);
        -moz-transform: rotateX(-70deg);
        -ms-transform: rotateX(-70deg);
        transform: rotateX(-70deg);
        opacity: 0
    }

    .modal-open.splash.splash-ef-10 .modal.in .modal-dialog {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }

.modal-open.splash.splash-ef-11 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-11 .modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

    .modal-open.splash.splash-ef-11 .modal .modal-dialog {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

    .modal-open.splash.splash-ef-11 .modal.fade .modal-dialog {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateX(-60deg);
        -moz-transform: rotateX(-60deg);
        -ms-transform: rotateX(-60deg);
        transform: rotateX(-60deg);
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }

    .modal-open.splash.splash-ef-11 .modal.in .modal-dialog {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }

.modal-open.splash.splash-ef-12 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-12 .modal .modal-dialog {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.modal-open.splash.splash-ef-12 .modal.fade .modal-dialog {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0
}

.modal-open.splash.splash-ef-12 .modal.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal-open.splash.splash-ef-13 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

    .modal-open.splash.splash-ef-13 .modal-backdrop.in {
        opacity: 1
    }

.modal-open.splash.splash-ef-13 .modal .modal-dialog {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.modal-open.splash.splash-ef-13 .modal.fade .modal-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0
}

.modal-open.splash.splash-ef-13 .modal.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal-open.splash.splash-ef-13 .modal .modal-content {
    color: white;
    background-color: transparent
}

    .modal-open.splash.splash-ef-13 .modal .modal-content .modal-header, .modal-open.splash.splash-ef-13 .modal .modal-content .modal-body, .modal-open.splash.splash-ef-13 .modal .modal-content .modal-footer {
        background-color: transparent;
        border: 0
    }

    .modal-open.splash.splash-ef-13 .modal .modal-content .btn-default {
        border: 2px solid white;
        color: white
    }

        .modal-open.splash.splash-ef-13 .modal .modal-content .btn-default:hover, .modal-open.splash.splash-ef-13 .modal .modal-content .btn-default:active, .modal-open.splash.splash-ef-13 .modal .modal-content .btn-default.active {
            background-color: rgba(255,255,255,0.1)
        }

    .modal-open.splash.splash-ef-13 .modal .modal-content a {
        color: rgba(255,255,255,0.6);
        cursor: pointer
    }

        .modal-open.splash.splash-ef-13 .modal .modal-content a:hover {
            color: white
        }

.modal-open.splash.splash-ef-14 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-14 .modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

    .modal-open.splash.splash-ef-14 .modal.fade .modal-dialog {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateZ(-3000px) rotateY(90deg);
        -moz-transform: translateZ(-3000px) rotateY(90deg);
        -ms-transform: translateZ(-3000px) rotateY(90deg);
        transform: translateZ(-3000px) rotateY(90deg);
        opacity: 0
    }

    .modal-open.splash.splash-ef-14 .modal.in .modal-dialog {
        -webkit-animation: slit .7s forwards ease-out;
        -moz-animation: slit .7s forwards ease-out;
        animation: slit .7s forwards ease-out
    }

.modal-open.splash.splash-ef-15 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-15 .modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

    .modal-open.splash.splash-ef-15 .modal .modal-dialog {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out
    }

    .modal-open.splash.splash-ef-15 .modal.fade .modal-dialog {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }

    .modal-open.splash.splash-ef-15 .modal.in .modal-dialog {
        -webkit-transform: translateY(0%) rotateX(0deg);
        -moz-transform: translateY(0%) rotateX(0deg);
        -ms-transform: translateY(0%) rotateX(0deg);
        transform: translateY(0%) rotateX(0deg);
        opacity: 1
    }

.modal-open.splash.splash-ef-16 .modal-backdrop {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.modal-open.splash.splash-ef-16 .modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

    .modal-open.splash.splash-ef-16 .modal .modal-dialog {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .modal-open.splash.splash-ef-16 .modal.fade .modal-dialog {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
        -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
        -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
        transform: translateZ(100px) translateX(-30%) rotateY(90deg);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }

    .modal-open.splash.splash-ef-16 .modal.in .modal-dialog {
        -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
        -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
        -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
        transform: translateZ(0px) translateX(0%) rotateY(0deg);
        opacity: 1
    }

.modal-open.splash.splash-primary.splash-2 .modal-content, .modal-open.splash.splash-success.splash-2 .modal-content, .modal-open.splash.splash-warning.splash-2 .modal-content, .modal-open.splash.splash-danger.splash-2 .modal-content, .modal-open.splash.splash-info.splash-2 .modal-content, .modal-open.splash.splash-cyan.splash-2 .modal-content, .modal-open.splash.splash-amethyst.splash-2 .modal-content, .modal-open.splash.splash-green.splash-2 .modal-content, .modal-open.splash.splash-orange.splash-2 .modal-content, .modal-open.splash.splash-red.splash-2 .modal-content, .modal-open.splash.splash-greensea.splash-2 .modal-content, .modal-open.splash.splash-dutc.splash-2h .modal-content, .modal-open.splash.splash-hotpink.splash-2 .modal-content, .modal-open.splash.splash-drank.splash-2 .modal-content, .modal-open.splash.splash-blue.splash-2 .modal-content, .modal-open.splash.splash-lightred.splash-2 .modal-content, .modal-open.splash.splash-slategray.splash-2 .modal-content, .modal-open.splash.splash-darkgray.splash-2 .modal-content {
    color: white
}

    .modal-open.splash.splash-primary.splash-2 .modal-content .btn-default, .modal-open.splash.splash-success.splash-2 .modal-content .btn-default, .modal-open.splash.splash-warning.splash-2 .modal-content .btn-default, .modal-open.splash.splash-danger.splash-2 .modal-content .btn-default, .modal-open.splash.splash-info.splash-2 .modal-content .btn-default, .modal-open.splash.splash-cyan.splash-2 .modal-content .btn-default, .modal-open.splash.splash-amethyst.splash-2 .modal-content .btn-default, .modal-open.splash.splash-green.splash-2 .modal-content .btn-default, .modal-open.splash.splash-orange.splash-2 .modal-content .btn-default, .modal-open.splash.splash-red.splash-2 .modal-content .btn-default, .modal-open.splash.splash-greensea.splash-2 .modal-content .btn-default, .modal-open.splash.splash-dutc.splash-2h .modal-content .btn-default, .modal-open.splash.splash-hotpink.splash-2 .modal-content .btn-default, .modal-open.splash.splash-drank.splash-2 .modal-content .btn-default, .modal-open.splash.splash-blue.splash-2 .modal-content .btn-default, .modal-open.splash.splash-lightred.splash-2 .modal-content .btn-default, .modal-open.splash.splash-slategray.splash-2 .modal-content .btn-default, .modal-open.splash.splash-darkgray.splash-2 .modal-content .btn-default {
        border: 2px solid white;
        color: white
    }

        .modal-open.splash.splash-primary.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-primary.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-primary.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-success.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-success.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-success.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-warning.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-warning.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-warning.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-danger.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-danger.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-danger.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-info.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-info.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-info.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-cyan.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-cyan.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-cyan.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-amethyst.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-amethyst.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-amethyst.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-green.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-green.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-green.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-orange.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-orange.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-orange.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-red.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-red.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-red.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-greensea.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-greensea.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-greensea.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-dutc.splash-2h .modal-content .btn-default:hover, .modal-open.splash.splash-dutc.splash-2h .modal-content .btn-default:active, .modal-open.splash.splash-dutc.splash-2h .modal-content .btn-default.active, .modal-open.splash.splash-hotpink.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-hotpink.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-hotpink.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-drank.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-drank.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-drank.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-blue.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-blue.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-blue.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-lightred.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-lightred.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-lightred.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-slategray.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-slategray.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-slategray.splash-2 .modal-content .btn-default.active, .modal-open.splash.splash-darkgray.splash-2 .modal-content .btn-default:hover, .modal-open.splash.splash-darkgray.splash-2 .modal-content .btn-default:active, .modal-open.splash.splash-darkgray.splash-2 .modal-content .btn-default.active {
            background-color: rgba(255,255,255,0.1)
        }

    .modal-open.splash.splash-primary.splash-2 .modal-content a, .modal-open.splash.splash-success.splash-2 .modal-content a, .modal-open.splash.splash-warning.splash-2 .modal-content a, .modal-open.splash.splash-danger.splash-2 .modal-content a, .modal-open.splash.splash-info.splash-2 .modal-content a, .modal-open.splash.splash-cyan.splash-2 .modal-content a, .modal-open.splash.splash-amethyst.splash-2 .modal-content a, .modal-open.splash.splash-green.splash-2 .modal-content a, .modal-open.splash.splash-orange.splash-2 .modal-content a, .modal-open.splash.splash-red.splash-2 .modal-content a, .modal-open.splash.splash-greensea.splash-2 .modal-content a, .modal-open.splash.splash-dutc.splash-2h .modal-content a, .modal-open.splash.splash-hotpink.splash-2 .modal-content a, .modal-open.splash.splash-drank.splash-2 .modal-content a, .modal-open.splash.splash-blue.splash-2 .modal-content a, .modal-open.splash.splash-lightred.splash-2 .modal-content a, .modal-open.splash.splash-slategray.splash-2 .modal-content a, .modal-open.splash.splash-darkgray.splash-2 .modal-content a {
        color: rgba(255,255,255,0.6);
        cursor: pointer
    }

        .modal-open.splash.splash-primary.splash-2 .modal-content a:hover, .modal-open.splash.splash-success.splash-2 .modal-content a:hover, .modal-open.splash.splash-warning.splash-2 .modal-content a:hover, .modal-open.splash.splash-danger.splash-2 .modal-content a:hover, .modal-open.splash.splash-info.splash-2 .modal-content a:hover, .modal-open.splash.splash-cyan.splash-2 .modal-content a:hover, .modal-open.splash.splash-amethyst.splash-2 .modal-content a:hover, .modal-open.splash.splash-green.splash-2 .modal-content a:hover, .modal-open.splash.splash-orange.splash-2 .modal-content a:hover, .modal-open.splash.splash-red.splash-2 .modal-content a:hover, .modal-open.splash.splash-greensea.splash-2 .modal-content a:hover, .modal-open.splash.splash-dutc.splash-2h .modal-content a:hover, .modal-open.splash.splash-hotpink.splash-2 .modal-content a:hover, .modal-open.splash.splash-drank.splash-2 .modal-content a:hover, .modal-open.splash.splash-blue.splash-2 .modal-content a:hover, .modal-open.splash.splash-lightred.splash-2 .modal-content a:hover, .modal-open.splash.splash-slategray.splash-2 .modal-content a:hover, .modal-open.splash.splash-darkgray.splash-2 .modal-content a:hover {
            color: white
        }

.modal-open.splash.splash-primary .modal-backdrop {
    background-color: #4574a0
}

.modal-open.splash.splash-primary .splash-2 .modal-content, .modal-open.splash.splash-primary .splash-2 .modal-footer {
    background-color: #4574a0
}

.modal-open.splash.splash-primary .splash-2 .modal-header {
    background-color: #3d678e;
    border-color: #365a7c
}

.modal-open.splash.splash-success .modal-backdrop {
    background-color: #26A69A
}

.modal-open.splash.splash-success .splash-2 .modal-content, .modal-open.splash.splash-success .splash-2 .modal-footer {
    background-color: #26A69A
}

.modal-open.splash.splash-success .splash-2 .modal-header {
    background-color: #219187;
    border-color: #1d7d74
}

.modal-open.splash.splash-warning .modal-backdrop {
    background-color: #ff6839
}

.modal-open.splash.splash-warning .splash-2 .modal-content, .modal-open.splash.splash-warning .splash-2 .modal-footer {
    background-color: #ff6839
}

.modal-open.splash.splash-warning .splash-2 .modal-header {
    background-color: #ff5520;
    border-color: #ff4106
}

.modal-open.splash.splash-danger .modal-backdrop {
    background-color: #D32F2F
}

.modal-open.splash.splash-danger .splash-2 .modal-content, .modal-open.splash.splash-danger .splash-2 .modal-footer {
    background-color: #D32F2F
}

.modal-open.splash.splash-danger .splash-2 .modal-header {
    background-color: #c02929;
    border-color: #ab2424
}

.modal-open.splash.splash-info .modal-backdrop {
    background-color: #90CAF9
}

.modal-open.splash.splash-info .splash-2 .modal-content, .modal-open.splash.splash-info .splash-2 .modal-footer {
    background-color: #90CAF9
}

.modal-open.splash.splash-info .splash-2 .modal-header {
    background-color: #78bef8;
    border-color: #60b3f6
}

.modal-open.splash.splash-cyan .modal-backdrop {
    background-color: #03A9F4
}

.modal-open.splash.splash-cyan .splash-2 .modal-content, .modal-open.splash.splash-cyan .splash-2 .modal-footer {
    background-color: #03A9F4
}

.modal-open.splash.splash-cyan .splash-2 .modal-header {
    background-color: #0398db;
    border-color: #0286c2
}

.modal-open.splash.splash-amethyst .modal-backdrop {
    background-color: #4053b9
}

.modal-open.splash.splash-amethyst .splash-2 .modal-content, .modal-open.splash.splash-amethyst .splash-2 .modal-footer {
    background-color: #4053b9
}

.modal-open.splash.splash-amethyst .splash-2 .modal-header {
    background-color: #3a4aa6;
    border-color: #334293
}

.modal-open.splash.splash-green .modal-backdrop {
    background-color: #4285f4
}

.modal-open.splash.splash-green .splash-2 .modal-content, .modal-open.splash.splash-green .splash-2 .modal-footer {
    background-color: #4285f4
}

.modal-open.splash.splash-green .splash-2 .modal-header {
    background-color: #2a75f3;
    border-color: #1266f1
}

.modal-open.splash.splash-orange .modal-backdrop {
    background-color: #FFA726
}

.modal-open.splash.splash-orange .splash-2 .modal-content, .modal-open.splash.splash-orange .splash-2 .modal-footer {
    background-color: #FFA726
}

.modal-open.splash.splash-orange .splash-2 .modal-header {
    background-color: #ff9d0d;
    border-color: #f29000
}

.modal-open.splash.splash-red .modal-backdrop {
    background-color: #EF5350
}

.modal-open.splash.splash-red .splash-2 .modal-content, .modal-open.splash.splash-red .splash-2 .modal-footer {
    background-color: #EF5350
}

.modal-open.splash.splash-red .splash-2 .modal-header {
    background-color: #ed3c39;
    border-color: #eb2521
}

.modal-open.splash.splash-greensea .modal-backdrop {
    background-color: #26A69A
}

.modal-open.splash.splash-greensea .splash-2 .modal-content, .modal-open.splash.splash-greensea .splash-2 .modal-footer {
    background-color: #26A69A
}

.modal-open.splash.splash-greensea .splash-2 .modal-header {
    background-color: #219187;
    border-color: #1d7d74
}

.modal-open.splash.splash-dutch .modal-backdrop {
    background-color: #26C6DA
}

.modal-open.splash.splash-dutch .splash-2 .modal-content, .modal-open.splash.splash-dutch .splash-2 .modal-footer {
    background-color: #26C6DA
}

.modal-open.splash.splash-dutch .splash-2 .modal-header {
    background-color: #22b3c5;
    border-color: #1e9faf
}

.modal-open.splash.splash-hotpink .modal-backdrop {
    background-color: #ff4081
}

.modal-open.splash.splash-hotpink .splash-2 .modal-content, .modal-open.splash.splash-hotpink .splash-2 .modal-footer {
    background-color: #ff4081
}

.modal-open.splash.splash-hotpink .splash-2 .modal-header {
    background-color: #ff2770;
    border-color: #ff0d5f
}

.modal-open.splash.splash-drank .modal-backdrop {
    background-color: #AB47BC
}

.modal-open.splash.splash-drank .splash-2 .modal-content, .modal-open.splash.splash-drank .splash-2 .modal-footer {
    background-color: #AB47BC
}

.modal-open.splash.splash-drank .splash-2 .modal-header {
    background-color: #9b3eab;
    border-color: #8a3898
}

.modal-open.splash.splash-blue .modal-backdrop {
    background-color: #4285f4
}

.modal-open.splash.splash-blue .splash-2 .modal-content, .modal-open.splash.splash-blue .splash-2 .modal-footer {
    background-color: #4285f4
}

.modal-open.splash.splash-blue .splash-2 .modal-header {
    background-color: #2a75f3;
    border-color: #1266f1
}

.modal-open.splash.splash-lightred .modal-backdrop {
    background-color: #ff5722
}

.modal-open.splash.splash-lightred .splash-2 .modal-content, .modal-open.splash.splash-lightred .splash-2 .modal-footer {
    background-color: #ff5722
}

.modal-open.splash.splash-lightred .splash-2 .modal-header {
    background-color: #ff4409;
    border-color: #ee3900
}

.modal-open.splash.splash-slategray .modal-backdrop {
    background-color: #607D8B
}

.modal-open.splash.splash-slategray .splash-2 .modal-content, .modal-open.splash.splash-slategray .splash-2 .modal-footer {
    background-color: #607D8B
}

.modal-open.splash.splash-slategray .splash-2 .modal-header {
    background-color: #566f7c;
    border-color: #4b626d
}

.modal-open.splash.splash-darkgray .modal-backdrop {
    background-color: #333
}

.modal-open.splash.splash-darkgray .splash-2 .modal-content, .modal-open.splash.splash-darkgray .splash-2 .modal-footer {
    background-color: #333
}

.modal-open.splash.splash-darkgray .splash-2 .modal-header {
    background-color: #262626;
    border-color: #1a1a1a
}

#modal-chart {
    padding: 0 !important;
    height: 100%
}

    #modal-chart .modal-content {
        position: absolute;
        min-height: 100%;
        height: 100%;
        width: 100%;
        overflow-y: auto;
        border: 0
    }

.modal-xl {
    height: 100% !important;
    width: 100% !important;
    margin: 0 auto !important
}

.tbox {
    display: table;
    width: 100%;
    height: 100%;
    border-spacing: 0;
    table-layout: fixed
}

    .tbox > .tcol {
        display: table-cell;
        float: none;
        height: 100%;
        vertical-align: top
    }

@media only screen and (max-width: 992px) {
    .tbox-sm {
        display: block
    }

        .tbox-sm > .tcol {
            display: block;
            width: auto;
            height: auto
        }
}

@media only screen and (max-width: 768px) {
    .tbox-xs {
        display: block
    }

        .tbox-xs > .tcol {
            display: block;
            width: auto;
            height: auto
        }
}

.table > thead > tr td, .table > thead > tr th, .table > tbody > tr td, .table > tbody > tr th, .table > tfoot > tr td, .table > tfoot > tr th {
    border-color: #fff
}

    .table > thead > tr td:first-child, .table > thead > tr th:first-child, .table > tbody > tr td:first-child, .table > tbody > tr th:first-child, .table > tfoot > tr td:first-child, .table > tfoot > tr th:first-child {
        padding-left: 15px
    }

    .table > thead > tr td:last-child, .table > thead > tr th:last-child, .table > tbody > tr td:last-child, .table > tbody > tr th:last-child, .table > tfoot > tr td:last-child, .table > tfoot > tr th:last-child {
        padding-right: 15px
    }

.table.table-no-border > thead > tr td, .table.table-no-border > thead > tr th, .table.table-no-border > tbody > tr td, .table.table-no-border > tbody > tr th, .table.table-no-border > tfoot > tr td, .table.table-no-border > tfoot > tr th {
    border: 0
}

.table.table-custom {
    border-collapse: separate
}

    .table.table-custom > thead > tr td, .table.table-custom > thead > tr th, .table.table-custom > tbody > tr td, .table.table-custom > tbody > tr th, .table.table-custom > tfoot > tr td, .table.table-custom > tfoot > tr th {
        padding: 8px
    }

    .table.table-custom > thead > tr td, .table.table-custom > thead > tr th {
        border-color: #b8b8b8;
        border-width: 1px;
        position: relative
    }

        .table.table-custom > thead > tr td.sorting:after, .table.table-custom > thead > tr td.st-sort-ascent:after, .table.table-custom > thead > tr td.st-sort-descent:after, .table.table-custom > thead > tr th.sorting:after, .table.table-custom > thead > tr th.st-sort-ascent:after, .table.table-custom > thead > tr th.st-sort-descent:after {
            position: absolute;
            top: 12px;
            right: 8px;
            display: block;
            display: inline-block;
            font-family: "FontAwesome";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .table.table-custom > thead > tr td.sorting:after, .table.table-custom > thead > tr th.sorting:after {
            content: "\f0dc";
            color: #fff
        }

        .table.table-custom > thead > tr td.st-sort-ascent:after, .table.table-custom > thead > tr th.st-sort-ascent:after {
            content: "\f0de";
            top: 14px;
            color: #4574a0
        }

        .table.table-custom > thead > tr td.st-sort-descent:after, .table.table-custom > thead > tr th.st-sort-descent:after {
            content: "\f0dd";
            top: 8px;
            color: #4574a0
        }

    .table.table-custom > tbody > tr:first-child td, .table.table-custom > tbody > tr:first-child th {
        border-top: 0
    }

.table.table {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.table-responsive {
    overflow-x: visible
}

*[class*='bg-']:not(.bg-default) .table > thead > tr td, *[class*='bg-']:not(.bg-default) .table > thead > tr th, *[class*='bg-']:not(.bg-default) .table > tbody > tr td, *[class*='bg-']:not(.bg-default) .table > tbody > tr th, *[class*='bg-']:not(.bg-default) .table > tfoot > tr td, *[class*='bg-']:not(.bg-default) .table > tfoot > tr th {
    border-color: rgba(255,255,255,0.15)
}

*[class*='bg-']:not(.bg-default) .table.table-bordered {
    border-collapse: separate;
    border: 0
}

    *[class*='bg-']:not(.bg-default) .table.table-bordered > thead > tr td, *[class*='bg-']:not(.bg-default) .table.table-bordered > thead > tr th, *[class*='bg-']:not(.bg-default) .table.table-bordered > tbody > tr td, *[class*='bg-']:not(.bg-default) .table.table-bordered > tbody > tr th, *[class*='bg-']:not(.bg-default) .table.table-bordered > tfoot > tr td, *[class*='bg-']:not(.bg-default) .table.table-bordered > tfoot > tr th {
        border-bottom: 0;
        border-right: 0
    }

*[class*='bg-']:not(.bg-default) .table.table-hover > tbody > tr:hover td, *[class*='bg-']:not(.bg-default) .table.table-hover > tbody > tr:hover th {
    background-color: rgba(255,255,255,0.1)
}

.dataTables_wrapper.form-inline tbody .form-control {
    width: 100%
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    border-radius: 0;
    border: 0;
    box-shadow: none
}

table.dataTable thead th {
    position: relative;
    background-image: none !important
}

    table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
        position: absolute;
        top: 12px;
        right: 8px;
        display: block;
        display: inline-block;
        font-family: "FontAwesome";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    table.dataTable thead th.sorting:after {
        content: "\f0dc";
        color: #fff
    }

    table.dataTable thead th.sorting_asc:after {
        content: "\f0de";
        top: 16px
    }

    table.dataTable thead th.sorting_desc:after {
        content: "\f0dd"
    }

div.dataTables_scrollBody table.dataTable thead th.sorting:after, div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after, div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
    content: ""
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin: 0;
    border: 0
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 0
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        border: 0
    }

div.dataTables_paginate a.first, div.dataTables_paginate a.previous {
    position: relative;
    padding-left: 24px !important
}

div.dataTables_paginate a.next, div.dataTables_paginate a.last {
    position: relative;
    padding-right: 24px !important
}

    div.dataTables_paginate a.first:before, div.dataTables_paginate a.previous:before, div.dataTables_paginate a.next:after, div.dataTables_paginate a.last:after {
        position: absolute;
        top: 8px;
        left: 10px;
        display: block;
        display: inline-block;
        font-family: "FontAwesome";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    div.dataTables_paginate a.next:after, div.dataTables_paginate a.last:after {
        left: auto;
        right: 10px
    }

div.dataTables_paginate a.first:before {
    content: "\f100"
}

div.dataTables_paginate a.previous:before {
    content: "\f104"
}

div.dataTables_paginate a.next:after {
    content: "\f105"
}

div.dataTables_paginate a.last:after {
    content: "\f101"
}

.p-0 .dataTables_wrapper > .row {
    padding: 15px
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #111;
    font-size: 13px
}

.dataTables_wrapper .pagination {
    margin: 0
}

    .dataTables_wrapper .pagination > li > a, .dataTables_wrapper .pagination > li > span {
        padding: 5px 10px
    }

.dataTables_wrapper .DTTT {
    margin-bottom: 15px;
    margin-left: 10px
}

.dataTables_wrapper .ColVis {
    margin-left: 10px
}

.dataTables_wrapper table > tbody .row_selected {
    background-color: rgba(0,0,0,0.05)
}

.dataTables_wrapper table > tbody .parent td, .dataTables_wrapper table > tbody .parent th {
    background-color: #f5f5f5
}

.dataTables_wrapper table > tbody .child td, .dataTables_wrapper table > tbody .child th {
    background-color: #fafafa
}

.dataTables_wrapper table.table-custom + .row {
    padding: 15px 0 0
}

.dataTables_wrapper table.table-custom > thead td.sorting_asc, .dataTables_wrapper table.table-custom > thead td.sorting_desc, .dataTables_wrapper table.table-custom > thead th.sorting_asc, .dataTables_wrapper table.table-custom > thead th.sorting_desc {
    color: #4574a0;
    border-bottom: 3px solid #4574a0 !important;
    padding-bottom: 4px
}

.dataTables_wrapper table.table-custom > thead td.sorting, .dataTables_wrapper table.table-custom > thead th.sorting {
    padding-bottom: 6px;
    -webkit-transition: background-color 0.4s,color 0.4s;
    -moz-transition: background-color 0.4s,color 0.4s;
    transition: background-color 0.4s,color 0.4s
}

    .dataTables_wrapper table.table-custom > thead td.sorting:hover, .dataTables_wrapper table.table-custom > thead th.sorting:hover {
        color: #5e8eba;
        border-color: #5e8eba;
        background-color: #fafafa
    }

.dataTables_wrapper table > tfoot {
    background-color: #fff
}

    .dataTables_wrapper table > tfoot .filter_column input {
        width: 100%
    }

.dataTables_wrapper .dataTables_scroll {
    margin-bottom: 10px
}

    .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
        border-bottom: 0 !important
    }

        .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table {
            margin-top: 0 !important
        }

            .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table tbody tr:last-child td {
                border-bottom: 1px solid #dbe0e2 !important
            }

        .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody thead > tr > th {
            border-bottom: 0 !important
        }

.dataTables_wrapper .inline-controls div.dataTables_paginate, .dataTables_wrapper .inline-controls div.dataTables_length, .dataTables_wrapper .inline-controls div.dataTables_info {
    display: inline-block !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important
}

    .dataTables_wrapper .inline-controls div.dataTables_paginate .seperator, .dataTables_wrapper .inline-controls div.dataTables_length .seperator, .dataTables_wrapper .inline-controls div.dataTables_info .seperator {
        padding: 0 5px
    }

    .dataTables_wrapper .inline-controls div.dataTables_length label {
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: inline-block !important
    }

table.dataTable.no-footer {
    border-bottom-color: #fff
}

.table-custom .dataTables_wrapper .dataTables_filter input {
    background: none;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    -webkit-appearance: none !important;
    vertical-align: middle;
    padding-left: 0;
    border-color: #fff
}

    .table-custom .dataTables_wrapper .dataTables_filter input:focus:hover {
        border: 0;
        border-bottom: 1px solid #03A9F4
    }

    .table-custom .dataTables_wrapper .dataTables_filter input:hover:not(:disabled) {
        border-color: #d9d9d9
    }

    .table-custom .dataTables_wrapper .dataTables_filter input:focus, .table-custom .dataTables_wrapper .dataTables_filter input:focus:hover {
        border-color: #03A9F4
    }

div.dataTables_paginate.paging_input {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important
}

    div.dataTables_paginate.paging_input .next {
        padding-right: 10px !important;
        margin-right: 5px
    }

        div.dataTables_paginate.paging_input .next:after {
            content: ""
        }

    div.dataTables_paginate.paging_input .prev {
        margin-left: 5px
    }

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    margin-top: 10px
}

@media (max-width: 768px) {
    .dataTables_wrapper .inline-controls div.dataTables_paginate, .dataTables_wrapper .inline-controls div.dataTables_length, .dataTables_wrapper .inline-controls div.dataTables_info {
        display: block !important;
        margin: 10px !important;
        text-align: left
    }

        .dataTables_wrapper .inline-controls div.dataTables_length label {
            display: block !important;
            line-height: 30px
        }

        .dataTables_wrapper .inline-controls div.dataTables_length select {
            display: inline-block
        }

    .dataTables_wrapper .inline-controls .seperator {
        display: none !important
    }

    .dataTables_wrapper div.dataTables_filter, .dataTables_wrapper div.dataTables_paginate {
        display: block !important;
        margin: 10px !important;
        text-align: left
    }

        .dataTables_wrapper div.dataTables_filter .pagination-panel-input, .dataTables_wrapper div.dataTables_paginate .pagination-panel-input {
            display: inline-block
        }

        .dataTables_wrapper div.dataTables_filter label, .dataTables_wrapper div.dataTables_paginate label {
            line-height: 30px
        }

            .dataTables_wrapper div.dataTables_filter label input, .dataTables_wrapper div.dataTables_paginate label input {
                display: inline-block;
                width: 60%
            }
}

@font-face {
    font-family: 'ui-grid';
    src: url("../fonts/ui-grid.eot");
    src: url("../fonts/ui-grid.eot#iefix") format("embedded-opentype"),url("../fonts/ui-grid.woff") format("woff"),url("../fonts/ui-grid.ttf?") format("truetype"),url("../fonts/ui-grid.svg?#ui-grid") format("svg");
    font-weight: normal;
    font-style: normal
}

.ui-grid-column-menu-button {
    top: 2px
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #f5f5f5
}

input[type="text"].ui-grid-filter-input {
    border: 1px solid #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 5px
}

    input[type="text"].ui-grid-filter-input::-webkit-input-placeholder {
        -webkit-transition: color 0.2s linear;
        -moz-transition: color 0.2s linear;
        transition: color 0.2s linear;
        color: #6a6a6a;
        font-family: "Roboto","Segoe UI",Arial,sans-serif;
        font-style: italic
    }

    input[type="text"].ui-grid-filter-input::-moz-placeholder {
        -webkit-transition: color 0.2s linear;
        -moz-transition: color 0.2s linear;
        transition: color 0.2s linear;
        color: #6a6a6a;
        font-family: "Roboto","Segoe UI",Arial,sans-serif;
        font-style: italic
    }

    input[type="text"].ui-grid-filter-input:-moz-placeholder {
        -webkit-transition: color 0.2s linear;
        -moz-transition: color 0.2s linear;
        transition: color 0.2s linear;
        color: #6a6a6a;
        font-family: "Roboto","Segoe UI",Arial,sans-serif;
        font-style: italic
    }

    input[type="text"].ui-grid-filter-input:-ms-input-placeholder {
        -webkit-transition: color 0.2s linear;
        -moz-transition: color 0.2s linear;
        transition: color 0.2s linear;
        color: #6a6a6a;
        font-family: "Roboto","Segoe UI",Arial,sans-serif;
        font-style: italic
    }

    input[type="text"].ui-grid-filter-input:hover {
        border-color: #d9d9d9
    }

    input[type="text"].ui-grid-filter-input:focus, input[type="text"].ui-grid-filter-input:focus:hover {
        outline: none;
        border: 1px solid;
        border-color: #03A9F4;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.ui-grid-menu .ui-grid-menu-inner {
    background: white
}

    .ui-grid-menu .ui-grid-menu-inner ul li {
        border-bottom: 0 !important
    }

        .ui-grid-menu .ui-grid-menu-inner ul li:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
            background: #4574a0;
            color: white
        }

        .ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
            background: #4574a0;
            color: white
        }

.ng-table.table-custom th {
    text-align: left
}

    .ng-table.table-custom th.sortable {
        padding-bottom: 6px;
        -webkit-transition: background-color 0.4s,color 0.4s;
        -moz-transition: background-color 0.4s,color 0.4s;
        transition: background-color 0.4s,color 0.4s
    }

        .ng-table.table-custom th.sortable:hover {
            background-color: #fafafa;
            color: #5e8eba;
            border-color: #5e8eba
        }

        .ng-table.table-custom th.sortable.sort-desc, .ng-table.table-custom th.sortable.sort-asc {
            text-shadow: none;
            background-color: transparent;
            color: #4574a0;
            border-bottom: 3px solid #4574a0;
            padding-bottom: 4px
        }

            .ng-table.table-custom th.sortable.sort-desc div:after, .ng-table.table-custom th.sortable.sort-desc div:before, .ng-table.table-custom th.sortable.sort-asc div:after, .ng-table.table-custom th.sortable.sort-asc div:before {
                border-color: #4574a0 transparent;
                opacity: 1
            }

            .ng-table.table-custom th.sortable.sort-desc div:before, .ng-table.table-custom th.sortable.sort-asc div:before {
                border-top-color: #4574a0
            }

        .ng-table.table-custom th.sortable div:after, .ng-table.table-custom th.sortable div:before {
            border-color: #111 transparent
        }

.ng-table.table-custom .ng-table-filters th {
    font-weight: 400;
    border-top: 0
}

.st-table > thead {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .st-table > thead td.sorting, .st-table > thead th.sorting {
        cursor: pointer;
        padding-bottom: 6px;
        -webkit-transition: background-color 0.4s,color 0.4s;
        -moz-transition: background-color 0.4s,color 0.4s;
        transition: background-color 0.4s,color 0.4s
    }

        .st-table > thead td.sorting:hover, .st-table > thead th.sorting:hover {
            background-color: #fafafa;
            color: #5e8eba;
            border-bottom: 1px solid #5e8eba
        }

        .st-table > thead td.sorting.st-sort-ascent, .st-table > thead td.sorting.st-sort-descent, .st-table > thead th.sorting.st-sort-ascent, .st-table > thead th.sorting.st-sort-descent {
            color: #4574a0;
            border-bottom: 3px solid #4574a0;
            padding-bottom: 6px
        }

.st-table > tbody .st-selected td, .st-table > tbody .st-selected th {
    background-color: rgba(0,0,0,0.05)
}

.st-table .st-filters td, .st-table .st-filters th {
    border-top: 0;
    font-weight: 400
}

.st-table .pagination {
    margin: 0;
    margin-top: 10px
}

    .st-table .pagination a {
        cursor: pointer
    }

.st-table .loading-indicator {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    text-align: center;
    padding: 0.7em
}

    .st-table .loading-indicator:before {
        display: inline-block;
        margin: 0 0.4em;
        min-width: 1em;
        min-height: 1em;
        border-top: 4px solid #646464;
        border-right: 4px solid #e6e6e6;
        border-left: 4px solid #e6e6e6;
        border-bottom: 4px solid #646464;
        content: "";
        -webkit-animation: halfspin 1s ease infinite;
        -moz-animation: halfspin 1s ease infinite;
        -o-animation: halfspin 1s ease infinite;
        animation: halfspin 1s ease infinite;
        border-radius: 100%
    }

@-webkit-keyframes halfspin {
    to {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-moz-keyframes halfspin {
    to {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes halfspin {
    to {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media screen and (max-width: 1360px) {
    .table-responsive-wide {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0
    }
}

table.table-cards {
    width: 100% !important;
    table-layout: fixed !important
}

    table.table-cards thead > tr > th, table.table-cards tbody > tr > td, table.table-cards tfoot > tr td {
        padding: 4px !important;
        vertical-align: top !important;
        text-align: center;
        border: 0 !important;
        border-color: transparent !important
    }

    table.table-cards thead > tr > th {
        text-transform: uppercase
    }

        table.table-cards thead > tr > th .title {
            display: block
        }

    table.table-cards .title {
        font-size: 1.46rem
    }

    table.table-cards .subtitle {
        font-size: 1.26rem
    }

    table.table-cards .card {
        min-height: 115px;
        text-transform: capitalize;
        background-color: #fff;
        padding: 1.5rem 1.25rem;
        margin-bottom: 8px;
        border: solid 1px transparent;
        box-shadow: 0px 1px 6px rgba(0,0,0,0.045)
    }

        table.table-cards .card .title {
            font-size: 1.6rem
        }

        table.table-cards .card .number {
            font-size: 2rem;
            font-weight: 700
        }

        table.table-cards .card[href], table.table-cards .card[href] .title, table.table-cards .card[href] .subtitle, table.table-cards .card[data-ajax-href], table.table-cards .card[data-ajax-href] .title, table.table-cards .card[data-ajax-href] .subtitle {
            transition: all .2s ease !important;
            display: block !important;
            color: #111 !important
        }

            table.table-cards .card[href]:hover, table.table-cards .card[href]:focus, table.table-cards .card[data-ajax-href]:hover, table.table-cards .card[data-ajax-href]:focus {
                cursor: pointer;
                border-color: #4285f4
            }

                table.table-cards .card[href]:hover, table.table-cards .card[href]:hover .title, table.table-cards .card[href]:hover .subtitle, table.table-cards .card[href]:focus, table.table-cards .card[href]:focus .title, table.table-cards .card[href]:focus .subtitle, table.table-cards .card[data-ajax-href]:hover, table.table-cards .card[data-ajax-href]:hover .title, table.table-cards .card[data-ajax-href]:hover .subtitle, table.table-cards .card[data-ajax-href]:focus, table.table-cards .card[data-ajax-href]:focus .title, table.table-cards .card[data-ajax-href]:focus .subtitle {
                    color: #4285f4 !important
                }

.widget-todo form .form-control {
    height: 30px;
    margin-bottom: 30px
}

.widget-todo .todo-list > li {
    position: relative
}

    .widget-todo .todo-list > li .checkbox-custom > input {
        display: none
    }

    .widget-todo .todo-list > li .checkbox-custom > i {
        margin-left: -74px;
        margin-right: 33px;
        margin-top: -3px
    }

    .widget-todo .todo-list > li .remove-todo {
        display: none
    }

    .widget-todo .todo-list > li:hover .remove-todo {
        display: block
    }

    .widget-todo .todo-list > li span {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .widget-todo .todo-list > li.completed span {
        text-decoration: line-through;
        color: #6a6a6a
    }

    .widget-todo .todo-list > li .edit {
        display: none
    }

    .widget-todo .todo-list > li.editing .view {
        display: none
    }

    .widget-todo .todo-list > li.editing .edit {
        display: block
    }

.widget-calendar .datepicker table {
    width: 100%
}

    .widget-calendar .datepicker table thead tr th {
        border-radius: 0
    }

    .widget-calendar .datepicker table thead tr:first-child th.prev, .widget-calendar .datepicker table thead tr:first-child th.next {
        font-size: 24px;
        padding: 15px 10px;
        color: rgba(255,255,255,0.5)
    }

        .widget-calendar .datepicker table thead tr:first-child th.prev:hover, .widget-calendar .datepicker table thead tr:first-child th.next:hover {
            color: white;
            background-color: transparent
        }

    .widget-calendar .datepicker table thead tr:first-child th.picker-switch {
        font-size: 19px;
        font-weight: 300
    }

        .widget-calendar .datepicker table thead tr:first-child th.picker-switch:hover {
            background-color: #5a7582
        }

    .widget-calendar .datepicker table thead tr:nth-child(2) th {
        background-color: #566f7c;
        font-size: 15px;
        line-height: 35px
    }

    .widget-calendar .datepicker table tbody tr td {
        position: relative;
        font-size: 15px;
        font-weight: 300;
        padding: 8px 10px
    }

        .widget-calendar .datepicker table tbody tr td.old, .widget-calendar .datepicker table tbody tr td.new {
            color: rgba(255,255,255,0.3)
        }

        .widget-calendar .datepicker table tbody tr td.active {
            background-color: #ff5722 !important;
            border-radius: 50px;
            text-shadow: none
        }

        .widget-calendar .datepicker table tbody tr td:hover {
            background-color: #5a7582
        }

        .widget-calendar .datepicker table tbody tr td span:hover {
            background-color: #536d79
        }

        .widget-calendar .datepicker table tbody tr td span.active {
            background-color: #ff5722 !important;
            border-radius: 50px
        }

.widget-calendar .picker-switch table td span {
    margin: 2px 0
}

    .widget-calendar .picker-switch table td span:hover {
        background-color: #5a7582
    }

.widget-calendar .timepicker table td span:hover {
    background-color: #5a7582
}

.widget-calendar .bootstrap-datetimepicker-widget table td.day:hover, .widget-calendar .bootstrap-datetimepicker-widget table td.hour:hover, .widget-calendar .bootstrap-datetimepicker-widget table td.minute:hover, .widget-calendar .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #5a7582
}

.widget-message .ta-toolbar {
    margin: 0;
    padding: 5px;
    background-color: #f8f8f8
}

.widget-message .ta-scroll-window.form-control {
    border: 0;
    border-bottom: 10px solid #f8f8f8;
    border-radius: 0;
    min-height: 160px
}

.widget-message .ta-scroll-window > .ta-bind {
    min-height: 160px
}

.widget-message .ta-root.focussed .ta-scroll-window.form-control {
    border-color: #e2e2e2
}

.widget-message .ta-root.focussed .ta-toolbar {
    background-color: #e2e2e2
}

.widget-appointments .day {
    font-size: 120px;
    line-height: 120px;
    font-weight: 300
}

.widget-appointments .month {
    font-size: 36px;
    line-height: 56px;
    font-weight: 700
}

.widget-appointments .b-l {
    border-left: 2px solid rgba(255,255,255,0.2)
}

.widget-appointments .owl-carousel .owl-item {
    padding: 0 60px
}

.widget-appointments .owl-carousel .owl-controls .owl-buttons {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    text-align: left
}

    .widget-appointments .owl-carousel .owl-controls .owl-buttons .owl-next {
        float: right
    }

    .widget-appointments .owl-carousel .owl-controls .owl-buttons div {
        background: transparent;
        border: 1px solid rgba(255,255,255,0.5);
        font-size: 19px;
        padding: 4px 10px
    }

.infield-label .infield-clipboard {
    right: 8px;
    position: absolute;
    top: 7px
}

.infield-label .form [class*='col'] {
    border: solid 1px #b1bac0;
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    background-color: #fff
}

@media (max-width: 991px) {
    .infield-label .form .row:first-of-type [class*='col']:first-of-type {
        border-top: solid 1px #b1bac0
    }
}

@media (min-width: 992px) {
    .infield-label .form > .row:first-of-type > [class*='col'] {
        border-top: solid 1px #b1bac0
    }

    .infield-label .form > div > [class*='col'] + [class*='col'] {
        border-left: 0
    }
}

.infield-label .form label:not(.checkbox) {
    font-size: 12px;
    letter-spacing: 0.2px;
    position: absolute;
    left: 1em;
    top: 0;
    padding: 6px 0;
    text-transform: uppercase
}

.infield-label .form span.text {
    color: #787878
}

.infield-label .form input, .infield-label .form textarea, .infield-label .form span.text {
    background-color: transparent;
    border: 0 !important;
    font-size: 17px;
    box-sizing: border-box;
    display: block;
    padding: 1.7em 0.74em 0.5em 0.74em;
    width: 100%;
    height: auto;
    line-height: 1.44 !important
}

    .infield-label .form input[type="text"], .infield-label .form input[type="email"], .infield-label .form input[type="tel"], .infield-label .form input[type="password"], .infield-label .form span.text {
        height: 62px
    }

.infield-label .form .checkbox-custom-alt {
    box-sizing: border-box;
    display: block;
    padding: 2em 0.74em 0.5em 2.2em;
    width: 100%;
    height: 62px;
    margin: 0;
    line-height: 1.44 !important
}

.infield-label .form .k-widget.k-dropdown, .infield-label .form span.k-datepicker {
    height: 62px
}

.infield-label .k-dropdown-wrap .k-select, .infield-label .k-numeric-wrap .k-select, .infield-label .k-datepicker .k-picker-wrap .k-select {
    width: 44px
}

.infield-label .form .k-widget .k-picker-wrap, .infield-label .form .k-widget .k-dropdown-wrap {
    border: inherit
}

.infield-label .form .k-widget input {
    display: inline-block
}

.infield-label .form .k-widget.k-dropdown .k-dropdown-wrap {
    padding: .7em 0.74em 0.5em 0em
}

    .infield-label .form .k-widget.k-dropdown .k-dropdown-wrap > span {
        line-height: 3.3 !important;
        font-size: 17px
    }

.infield-label .form .k-widget.k-combobox input {
    line-height: 1.48 !important;
    padding: 1.7em 0.74em 0.5em 0em;
    height: 61px
}

.infield-label .form .k-widget.k-combobox .infield-label .form .k-widget.k-dropdown .k-dropdown-wrap > span {
    line-height: 3.3 !important;
    font-size: 17px
}

.infield-label .form .k-widget.k-multiselect {
    margin-top: 32px;
    border: 0
}

    .infield-label .form .k-widget.k-multiselect input {
        padding-top: 0.5em
    }

.infield-label .form .k-widget.k-autocomplete {
    border: 0
}

    .infield-label .form .k-widget.k-autocomplete input {
        padding: 1.7em 0.74em 0.5em 0em
    }

.infield-label .form .k-input[data-role="datepicker"] {
    padding: 1.7em 0.74em 0.5em 0em
}

.infield-label .form .k-widget.k-numerictextbox {
    height: 62px
}

    .infield-label .form .k-widget.k-numerictextbox .k-numeric-wrap {
        border: 0
    }

        .infield-label .form .k-widget.k-numerictextbox .k-numeric-wrap:before, .infield-label .form .k-widget.k-numerictextbox .k-picker-wrap:before {
            padding: 0;
            height: 0
        }

        .infield-label .form .k-widget.k-numerictextbox .k-numeric-wrap.k-state-focused .k-input, .infield-label .form .k-widget.k-numerictextbox .k-input {
            padding: 1.94em 0.74em 0.4em 0em
        }

.infield-label .form input:focus, .infield-label .form input:active, .infield-label .form textarea:focus, .infield-label .form textarea:active {
    outline: 0 !important;
    border: 0 !important
}

    .infield-label .form input:focus ~ div, .infield-label .form input:active ~ div, .infield-label .form textarea:focus ~ div, .infield-label .form textarea:active ~ div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 32px
    }

        .infield-label .form input:focus ~ div > label, .infield-label .form input:active ~ div > label, .infield-label .form textarea:focus ~ div > label, .infield-label .form textarea:active ~ div > label {
            color: #4285f4
        }

.infield-label .form textarea {
    font-size: 14px;
    padding: 2.2em 0.74em 0.5em 0.8em
}

    .infield-label .form textarea[readonly] {
        color: #787878
    }

.infield-label .form p {
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    padding: 2.25em 0.77em 0.5em 0.8em;
    width: 100%;
    height: auto;
    min-height: 75px;
    margin-bottom: 0;
    color: #787878;
    line-height: 1.35 !important
}

.infield-label .form.readonly .checkbox-custom-alt {
    height: 75px
}

.infield-label .form input::-webkit-input-placeholder {
    color: transparent
}

.infield-label .form input::-moz-placeholder {
    color: transparent
}

.infield-label .form input:-ms-input-placeholder {
    color: transparent
}

.infield-label .form input::input-placeholder {
    color: transparent
}

.infield-label .form header, .infield-label .form footer {
    padding: 1em;
    width: 100%
}

.infield-label .form header {
    font-size: 1.6em
}

.infield-label .form footer {
    box-sizing: border-box;
    border-collapse: separate;
    display: table
}

    .infield-label .form footer > * {
        display: table-cell
    }

    .infield-label .form footer button {
        background-color: #5b9dd9;
        border: 0;
        color: #ffffff;
        font-size: 1em;
        margin: 0 0 0.5em 0.5em;
        padding: 0.5em 1em
    }

.infield-label .field-validation-error {
    font-size: 11px;
    top: -1px;
    right: 0px;
    padding: 5px 4px 0px 4px;
    text-align: right;
    position: absolute;
    z-index: 9;
    background: #fff
}

@-moz-document url-prefix() {
    .infield-label .form .checkbox {
        height: 62px !important
    }
}

.br-theme-bars-movie .br-widget {
    height: 70px;
    white-space: nowrap;
    display: inline-block
}

    .br-theme-bars-movie .br-widget a {
        display: block;
        width: 40px;
        height: 30px;
        float: left;
        background-color: #bad3fb;
        margin: 1px
    }

@media only screen and (max-width: 480px) {
    .br-theme-bars-movie .br-widget a {
        width: 29px;
        height: 32px
    }
}

.br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {
    background-color: #4285f4
}

.br-theme-bars-movie .br-widget .br-current-rating {
    clear: both;
    width: 100%;
    text-align: center;
    font-weight: 600;
    display: block;
    padding: .5em 0;
    color: #4285f4;
    font-size: 1.5em;
    font-weight: 300
}

.br-theme-bars-movie .br-readonly a {
    cursor: default;
    opacity: .55
}

    .br-theme-bars-movie .br-readonly a.br-active, .br-theme-bars-movie .br-readonly a.br-selected {
        background-color: #bad3fb;
        opacity: 1
    }

.br-theme-bars-movie .br-readonly .br-current-rating {
    color: #bad3fb
}

@media print {
    .br-theme-bars-movie .br-widget a {
        border: 1px solid #b3b3b3;
        background: white;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {
            border: 1px solid black;
            background: white
        }

    .br-theme-bars-movie .br-widget .br-current-rating {
        color: black
    }
}

.br-theme-bars-movie .br-widget a:active {
    background-color: #0b51c5 !important
}

.br-theme-bars-movie .br-widget a:focus {
    background-color: #0d5bdd
}

.br-theme-bars-movie .br-readonly a:focus {
    background-color: #bad3fb
}

.progress {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

    .progress.progress-xxs {
        height: 2px;
        border-radius: 0
    }

    .progress.progress-xs {
        height: 6px;
        border-radius: 2px
    }

    .progress.progress-sm {
        height: 12px;
        border-radius: 3px
    }

        .progress.progress-sm .progress-bar {
            font-size: 11px;
            line-height: 12px
        }

    .progress.not-rounded {
        border-radius: 0
    }

.progress-list {
    position: relative
}

    .progress-list .details {
        display: inline-block;
        float: left
    }

        .progress-list .details .title {
            font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif;
            line-height: 16px
        }

        .progress-list .details .description {
            text-transform: uppercase;
            font-size: 11px;
            color: #444;
            line-height: 12px
        }

    .progress-list .status {
        display: inline-block;
        background-color: #fff;
        font-size: 9px;
        padding: 6px
    }

    .progress-list .clearfix {
        height: 30px
    }

.progress-bar-cyan {
    background-color: #03A9F4
}

.progress-bar-amethyst {
    background-color: #4053b9
}

.progress-bar-green {
    background-color: #4285f4
}

.progress-bar-orange {
    background-color: #FFA726
}

.progress-bar-red {
    background-color: #EF5350
}

.progress-bar-greensea {
    background-color: #26A69A
}

.progress-bar-dutch {
    background-color: #26C6DA
}

.progress-bar-hotpink {
    background-color: #ff4081
}

.progress-bar-drank {
    background-color: #AB47BC
}

.progress-bar-blue {
    background-color: #4285f4
}

.progress-bar-lightred {
    background-color: #ff5722
}

.progress-bar-slategray {
    background-color: #607D8B
}

.progress-bar-darkgray {
    background-color: #333
}

.progress.transparent-black {
    background-color: rgba(0,0,0,0.15)
}

    .progress.transparent-black .progress-bar {
        background-color: rgba(0,0,0,0.2)
    }
/*! * Waves v0.7.5 * http://fian.my.id/Waves * * Copyright 2014-2016 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        opacity: 0;
        background: rgba(0,0,0,0.2);
        background: -webkit-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
        background: -o-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
        background: -moz-radial-gradient(rgba(0,0,0,0.2) 0, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.5) 60%, rgba(255,255,255,0) 70%);
        background: radial,,rgba(0,0,0,0.2) 0,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.5) 60%,rgba(255,255,255,0) 70%;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
        -webkit-transform: scale(0) translate(0, 0);
        -moz-transform: scale(0) translate(0, 0);
        -ms-transform: scale(0) translate(0, 0);
        -o-transform: scale(0) translate(0, 0);
        transform: scale(0) translate(0, 0);
        pointer-events: none
    }

    .waves-effect.waves-light .waves-ripple {
        background: rgba(255,255,255,0.4);
        background: -webkit-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
        background: -o-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
        background: -moz-radial-gradient(rgba(255,255,255,0.2) 0, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 70%);
        background: radial,,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0) 70%
    }

    .waves-effect.waves-classic .waves-ripple {
        background: rgba(0,0,0,0.2)
    }

    .waves-effect.waves-classic.waves-light .waves-ripple {
        background: rgba(255,255,255,0.4)
    }

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.waves-button, .waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

    .waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input {
        z-index: 1
    }

.waves-button-input {
    margin: 0;
    padding: 0.85em 1.1em
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom
}

    .waves-input-wrapper.waves-button {
        padding: 0
    }

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1
    }

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 1.5px 1px rgba(0,0,0,0.12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

    .waves-float:active {
        -webkit-box-shadow: 0px 8px 20px 1px rgba(0,0,0,0.3);
        box-shadow: 0px 8px 20px 1px rgba(0,0,0,0.3)
    }

.waves-block {
    display: block
}

#toast-container > div.toast {
    background-image: none !important;
    padding: 12px 24px 12px 24px !important;
    width: auto;
    max-width: 318px;
    border-radius: 2px
}

.toast-title {
    font-size: 14px;
    font-family: inherit;
    font-weight: 400;
    margin-bottom: -2px
}

.toast-success {
    background-color: rgba(0,0,0,0.7)
}

.toast-error {
    background-color: rgba(255,0,0,0.7)
}

.toast-info {
    background-color: rgba(0,0,0,0.7)
}

.toast-warning {
    background-color: rgba(0,0,0,0.7)
}

.toast-top-center {
    top: 10px;
    text-align: center
}

    .toast-top-center .toast {
        max-width: 225px !important
    }

body {
    font-family: "Roboto","Segoe UI",Arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    -ms-overflow-style: scrollbar;
    background-color: #f5f6f7;
    color: #111
}

*:focus {
    outline: 0 !important
}

.cursor-default, .cursor-default:hover, .cursor-default:focus, .cursor-default:active {
    cursor: default !important
}

.z-depth-0 {
    box-shadow: none !important
}

.z-depth-1 {
    -webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,0.07),1px 1px 5px 0 rgba(0,0,0,0.06);
    box-shadow: 1px 1px 0 0 rgba(0,0,0,0.07),1px 1px 5px 0 rgba(0,0,0,0.06)
}

.z-depth-1-half {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

.z-depth-2 {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)
}

.z-depth-4 {
    box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)
}

.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)
}

.bg-none {
    background: none !important
}

.bg-white {
    background-color: white !important
}

.bg-muted {
    background-color: #787878 !important
}

    .bg-muted.lt {
        background: #f5f6f7 !important
    }

.bg-muted-extra {
    background-image: -webkit-linear-gradient(left, rgba(32,125,242,0.085) 0%,rgba(49,126,255,0.075) 35%,rgba(11,0,186,0.085) 80%,rgba(157,71,251,0.1) 100%);
    background-image: linear-gradient(to right, rgba(32,125,242,0.085) 0%,rgba(49,126,255,0.075) 35%,rgba(11,0,186,0.085) 80%,rgba(157,71,251,0.1) 100%)
}

.bg-cyan {
    background-color: #03A9F4 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-cyan.dk {
        background-color: #0391d1 !important
    }

    .bg-cyan.dker {
        background-color: #0283bd !important
    }

    .bg-cyan.lt {
        background-color: #14b4fc !important
    }

    .bg-cyan.lter {
        background-color: #2ebcfc !important
    }

.bg-amethyst {
    background-color: #4053b9 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-amethyst.dk {
        background-color: #3a4aa6 !important
    }

    .bg-amethyst.dker {
        background-color: #344397 !important
    }

    .bg-amethyst.lt {
        background-color: #4558be !important
    }

    .bg-amethyst.lter {
        background-color: #4d5ec1 !important
    }

.bg-green {
    background-color: #4285f4 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-green.dk {
        background-color: #347cf3 !important
    }

    .bg-green.dker {
        background-color: #00887a !important
    }

    .bg-green.lt {
        background-color: #4c8bf5 !important
    }

    .bg-green.lter {
        background-color: #5591f5 !important
    }

.bg-orange {
    background-color: #FFA726 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-orange.dk {
        background-color: #ffa117 !important
    }

    .bg-orange.dker {
        background-color: #ff9902 !important
    }

    .bg-orange.lt {
        background-color: #ffb140 !important
    }

    .bg-orange.lter {
        background-color: #ffbc59 !important
    }

.bg-red {
    background-color: #EF5350 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-red.dk {
        background-color: #eb2521 !important
    }

    .bg-red.dker {
        background-color: #d01713 !important
    }

    .bg-red.lt {
        background-color: #f16a67 !important
    }

    .bg-red.lter {
        background-color: #f3817f !important
    }

.bg-greensea {
    background-color: #26A69A !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-greensea.dk {
        background-color: #219187 !important
    }

    .bg-greensea.dker {
        background-color: #1d8177 !important
    }

    .bg-greensea.lt {
        background-color: #2bbbad !important
    }

    .bg-greensea.lter {
        background-color: #30d0c1 !important
    }

.bg-dutch {
    background-color: #26C6DA !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-dutch.dk {
        background-color: #22b3c5 !important
    }

    .bg-dutch.dker {
        background-color: #1fa3b3 !important
    }

    .bg-dutch.lt {
        background-color: #3cccde !important
    }

    .bg-dutch.lter {
        background-color: #52d1e1 !important
    }

.bg-hotpink {
    background-color: #ff4081 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-hotpink.dk {
        background-color: #ff2770 !important
    }

    .bg-hotpink.dker {
        background-color: #AD1457 !important
    }

    .bg-hotpink.lt {
        background-color: #ff5a92 !important
    }

    .bg-hotpink.lter {
        background-color: #ff73a3 !important
    }

.bg-drank {
    background-color: #AB47BC !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-drank.dk {
        background-color: #9b3eab !important
    }

    .bg-drank.dker {
        background-color: #8e399c !important
    }

    .bg-drank.lt {
        background-color: #b45ac3 !important
    }

    .bg-drank.lter {
        background-color: #bc6cca !important
    }

.bg-blue {
    background-color: #4285f4 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-blue.dk {
        background-color: #2a75f3 !important
    }

    .bg-blue.dker {
        background-color: #1769f1 !important
    }

    .bg-blue.lt {
        background-color: #5a95f5 !important
    }

    .bg-blue.lter {
        background-color: #72a4f7 !important
    }

.bg-lightred {
    background-color: #ff5722 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-lightred.dk {
        background-color: #ff4409 !important
    }

    .bg-lightred.dker {
        background-color: #F4511E !important
    }

    .bg-lightred.lt {
        background-color: #ff6a3c !important
    }

    .bg-lightred.lter {
        background-color: #ff7e55 !important
    }

.bg-slategray {
    background-color: #607D8B !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-slategray.dk {
        background-color: #566f7c !important
    }

    .bg-slategray.dker {
        background-color: #4d6570 !important
    }

    .bg-slategray.lt {
        background-color: #6b8a99 !important
    }

    .bg-slategray.lter {
        background-color: #7b96a3 !important
    }

.bg-darkgray {
    background-color: #333 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-darkgray.dk {
        background-color: #262626 !important
    }

    .bg-darkgray.dker {
        background-color: #1c1c1c !important
    }

    .bg-darkgray.lt {
        background-color: #404040 !important
    }

    .bg-darkgray.lter {
        background-color: #4d4d4d !important
    }

.bg-primary {
    background-color: #4574a0 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-primary.dk {
        background-color: #365a7c !important
    }

    .bg-primary.dker {
        background-color: #264059 !important
    }

    .bg-primary.lt {
        background-color: #4d81b2 !important
    }

    .bg-primary.lter {
        background-color: #5e8eba !important
    }

.bg-success {
    background-color: #26A69A !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-success.dk {
        background-color: #25a094 !important
    }

    .bg-success.dker {
        background-color: #13534d !important
    }

    .bg-success.lt {
        background-color: #59d9cd !important;
        color: #13534d !important
    }

    .bg-success.lter {
        background-color: #acece6 !important;
        color: #13534d !important
    }

.bg-warning {
    background-color: #ff6839 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-warning.dk {
        background-color: #ff4106 !important
    }

    .bg-warning.dker {
        background-color: #d23200 !important
    }

    .bg-warning.lt {
        background-color: #ffa286 !important;
        color: #d23200 !important
    }

    .bg-warning.lter {
        background-color: #fff0ec !important;
        color: #d23200 !important
    }

.bg-danger {
    background-color: #D32F2F !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-danger.dk {
        background-color: #ab2424 !important
    }

    .bg-danger.dker {
        background-color: #811b1b !important
    }

    .bg-danger.lt {
        background-color: #e58383 !important;
        color: #811b1b !important
    }

    .bg-danger.lter {
        background-color: #f7d7d7 !important;
        color: #811b1b !important
    }

.bg-info {
    background-color: #90CAF9 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-info.dk {
        background-color: #60b3f6 !important
    }

    .bg-info.dker {
        background-color: #2f9cf4 !important
    }

    .bg-info.lt {
        background-color: #d9edfd !important;
        color: #2f9cf4 !important
    }

    .bg-info.lter {
        background-color: #e7f3fd !important;
        color: #2f9cf4 !important
    }

.bg-default {
    background-color: #9E9E9E !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

    .bg-default.dk {
        background-color: #858585 !important;
        color: white !important;
        color: rgba(255,255,255,0.84) !important
    }

    .bg-default.dker {
        background-color: #6b6b6b !important;
        color: white !important;
        color: rgba(255,255,255,0.84) !important
    }

    .bg-default.lt {
        background-color: #ccc !important;
        color: #111 !important
    }

    .bg-default.lter {
        background-color: #fff !important;
        color: #111 !important
    }

.bg-tr-black {
    background-color: rgba(0,0,0,0.15) !important;
    color: #f2f2f2 !important
}

    .bg-tr-black.btn:hover, .bg-tr-black.btn:focus, .bg-tr-black.btn:active, .bg-tr-black.btn.active {
        background-color: rgba(0,0,0,0.2) !important;
        color: white !important
    }

    .bg-tr-black.dk {
        background-color: rgba(0,0,0,0.2) !important
    }

    .bg-tr-black.dker {
        background-color: rgba(0,0,0,0.3) !important;
        color: #111 !important
    }

    .bg-tr-black.lt {
        background-color: rgba(0,0,0,0.05) !important;
        color: #111 !important
    }

    .bg-tr-black.lter {
        background-color: rgba(0,0,0,0.03) !important;
        color: #111 !important
    }

.bg-tr-white {
    background-color: rgba(255,255,255,0.1) !important
}

    .bg-tr-white.btn:hover, .bg-tr-white.btn:focus, .bg-tr-white.btn:active, .bg-tr-white.btn.active {
        background-color: rgba(255,255,255,0.2) !important;
        color: #111 !important
    }

    .bg-tr-white.dk {
        background-color: rgba(255,255,255,0.2) !important
    }

    .bg-tr-white.dker {
        background-color: rgba(255,255,255,0.1) !important
    }

    .bg-tr-white.lt {
        background-color: rgba(255,255,255,0.3) !important
    }

    .bg-tr-white.lter {
        background-color: rgba(255,255,255,0.4) !important
    }

.no-bg {
    background-color: transparent !important
}

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

.no-radius {
    border-radius: 0 !important
}

.no-text-dec, .no-text-dec:hover, .no-text-dec:focus, .no-text-dec:active {
    text-decoration: none !important
}

.no-wrap {
    white-space: nowrap !important
}

.transform-init {
    text-transform: initial !important
}

*[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) .dropdown-menu > li > a {
    color: #585858 !important
}

    *[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) .dropdown-menu > li > a:hover {
        color: #262626 !important
    }

*[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) > .form-control.input-unstyled {
    color: rgba(255,255,255,0.7)
}

*[class*='bg-']:not(.bg-default):not(.bg-white):not(.bg-tr-white) > .text-muted {
    color: rgba(255,255,255,0.4)
}

.text-lightgray {
    color: #b0b0b0 !important
}

.text-cyan {
    color: #03A9F4 !important
}

    .text-cyan.btn-link:hover, .text-cyan.btn-link:focus, .text-cyan.btn-link:active {
        color: rgba(3,169,244,0.7) !important
    }

.text-amethyst {
    color: #4053b9 !important
}

    .text-amethyst.btn-link:hover, .text-amethyst.btn-link:focus, .text-amethyst.btn-link:active {
        color: rgba(64,83,185,0.7) !important
    }

.text-green {
    color: #4285f4 !important
}

    .text-green.btn-link:hover, .text-green.btn-link:focus, .text-green.btn-link:active {
        color: rgba(66,133,244,0.7) !important
    }

.text-orange {
    color: #FFA726 !important
}

    .text-orange.btn-link:hover, .text-orange.btn-link:focus, .text-orange.btn-link:active {
        color: rgba(255,167,38,0.7) !important
    }

.text-red {
    color: #EF5350 !important
}

    .text-red.btn-link:hover, .text-red.btn-link:focus, .text-red.btn-link:active {
        color: rgba(239,83,80,0.7) !important
    }

.text-greensea {
    color: #26A69A !important
}

    .text-greensea.btn-link:hover, .text-greensea.btn-link:focus, .text-greensea.btn-link:active {
        color: rgba(38,166,154,0.7) !important
    }

    .text-greensea.lt {
        color: rgba(38,166,154,0.65) !important
    }

.text-dutch {
    color: #26C6DA !important
}

    .text-dutch.btn-link:hover, .text-dutch.btn-link:focus, .text-dutch.btn-link:active {
        color: rgba(38,198,218,0.7) !important
    }

.text-hotpink {
    color: #ff4081 !important
}

    .text-hotpink.dker {
        color: #d9004a !important
    }

    .text-hotpink.btn-link:hover, .text-hotpink.btn-link:focus, .text-hotpink.btn-link:active {
        color: rgba(255,64,129,0.7) !important
    }

span[data-ajax-href] span.text-hotpink.dker:hover, span[data-ajax-href] span.text-hotpink.dker:focus, span[data-ajax-href] span.text-hotpink.dker:active {
    opacity: .65 !important
}

.text-drank {
    color: #AB47BC !important
}

    .text-drank.btn-link:hover, .text-drank.btn-link:focus, .text-drank.btn-link:active {
        color: rgba(171,71,188,0.7) !important
    }

.text-lightblue {
    color: #87bff1 !important
}

    .text-lightblue.btn-link:hover, .text-lightblue.btn-link:focus, .text-lightblue.btn-link:active {
        color: rgba(162,206,244,0.7) !important
    }

.text-blue {
    color: #4285f4 !important
}

    .text-blue.btn-link:hover, .text-blue.btn-link:focus, .text-blue.btn-link:active {
        color: rgba(90,149,245,0.7) !important
    }

.text-lightred {
    color: #ff5722 !important
}

    .text-lightred.btn-link:hover, .text-lightred.btn-link:focus, .text-lightred.btn-link:active {
        color: rgba(255,87,34,0.7) !important
    }

.text-slategray {
    color: #607D8B !important
}

    .text-slategray.btn-link:hover, .text-slategray.btn-link:focus, .text-slategray.btn-link:active {
        color: rgba(96,125,139,0.7) !important
    }

.text-darkgray {
    color: #666767 !important
}

    .text-darkgray.btn-link:hover, .text-darkgray.btn-link:focus, .text-darkgray.btn-link:active {
        color: rgba(102,103,103,0.7) !important
    }

.text-primary {
    color: #4574a0 !important
}

    .text-primary.btn-link:hover, .text-primary.btn-link:focus, .text-primary.btn-link:active {
        color: rgba(69,116,160,0.7) !important
    }

.text-success {
    color: #26A69A !important
}

    .text-success.btn-link:hover, .text-success.btn-link:focus, .text-success.btn-link:active {
        color: rgba(38,166,154,0.7) !important
    }

.text-warning {
    color: #ff6839 !important
}

    .text-warning.btn-link:hover, .text-warning.btn-link:focus, .text-warning.btn-link:active {
        color: rgba(255,104,57,0.7) !important
    }

.text-danger {
    color: #D32F2F !important
}

    .text-danger.btn-link:hover, .text-danger.btn-link:focus, .text-danger.btn-link:active {
        color: rgba(211,47,47,0.7) !important
    }

.text-info {
    color: #90CAF9 !important
}

    .text-info.btn-link:hover, .text-info.btn-link:focus, .text-info.btn-link:active {
        color: rgba(144,202,249,0.7) !important
    }

.text-default {
    color: #111 !important
}

    .text-default.btn-link:hover, .text-default.btn-link:focus, .text-default.btn-link:active {
        color: rgba(17,17,17,0.7) !important
    }

    .text-default.dk {
        color: #000 !important
    }

    .text-default.dker {
        color: #000 !important
    }

    .text-default.lt {
        color: #515151 !important
    }

    .text-default.lter {
        color: #898989 !important
    }

.text-grape {
    color: #8500C7 !important
}

    .text-grape.btn-link:hover, .text-grape.btn-link:focus, .text-grape.btn-link:active {
        color: rgba(133,0,199,0.7) !important
    }

.text-transparent-white {
    color: rgba(255,255,255,0.5) !important
}

.text-transparent-black {
    color: rgba(0,0,0,0.5) !important
}

.text-white {
    color: white !important
}

.text-black {
    color: #333 !important
}

.text-muted {
    color: #787878 !important
}

.font-arial {
    font-family: "Roboto",Arial,sans-serif !important
}

.text-condensed {
    font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif !important
}

.text-xxs {
    font-size: 10px !important
}

.text-xs {
    font-size: 11px !important
}

.text-sm {
    font-size: 13px !important
}

.text-md {
    font-size: 16px !important
}

.text-lg {
    font-size: 19px !important
}

.text-xl {
    font-size: 20px !important
}

.text-elg {
    font-size: 34px !important;
    line-height: 34px
}

.text-light {
    font-weight: 300 !important
}

.text-normal {
    font-weight: 400 !important
}

.text-bold {
    font-weight: 500 !important
}

.text-bolder {
    font-weight: 700 !important
}

.text-underline {
    text-decoration: underline !important
}

@media only screen and (min-width: 993px) {
    .text-right-lg {
        text-align: right !important
    }
}

.font-default {
    font-family: "Roboto","Segoe UI",Arial,sans-serif !important
}

.line-height-sm {
    line-height: 0.95 !important
}

.line-height-lg {
    line-height: 1.6 !important
}

@media only screen and (max-width: 993px) {
    .line-height-lg-xs {
        line-height: 1.4 !important
    }
}

.animated {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s
}

.img-center {
    display: block;
    margin: auto
}

.block {
    display: block !important
}

.inline {
    display: inline !important
}

.inline-block {
    display: inline-block !important
}

.static {
    position: static !important
}

.absolute {
    position: absolute !important
}

.absolute-centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.relative {
    position: relative !important
}

.o-visible {
    overflow: visible !important
}

.o-hidden {
    overflow: hidden !important
}

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

.v-top {
    vertical-align: top !important
}

.v-ttop {
    vertical-align: text-top !important
}

.v-btm {
    vertical-align: bottom !important
}

.v-tbtm {
    vertical-align: text-bottom !important
}

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

.v-baseline {
    vertical-align: baseline !important
}

.v-super {
    vertical-align: super !important
}

.t-outline {
    text-shadow: 1px 1px 1px #222
}

.truncate {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.force-wrap {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.wrap-reset {
    margin: -15px;
    padding: 15px
}

.hidden-xs.show, .hidden-sm.show {
    display: block !important
}

.m-auto {
    margin: auto
}

.m-40 {
    margin: 40px !important
}

.m-30 {
    margin: 30px !important
}

.m-25 {
    margin: 25px !important
}

.m-20 {
    margin: 20px !important
}

.m-15 {
    margin: 15px !important
}

.m-10 {
    margin: 10px !important
}

.m-5 {
    margin: 5px !important
}

.m-0 {
    margin: 0 !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

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

.mb-12 {
    margin-bottom: 12px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-7 {
    margin-bottom: 7px !important
}

.mb-2 {
    margin-bottom: 2px !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-03 {
    margin-bottom: -3px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-9 {
    margin-top: 9px !important
}

.mt-7 {
    margin-top: 7px !important
}

.mt-6 {
    margin-top: 6px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-4 {
    margin-top: 4px !important
}

.mt-3 {
    margin-top: 3px !important
}

.mt-2 {
    margin-top: 2px !important
}

.mt-1 {
    margin-top: 1px !important
}

.mt-0 {
    margin-top: 0 !important
}

.ml-40 {
    margin-left: 40px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-20 {
    margin-left: 20px !important
}

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

.ml-13 {
    margin-left: 13px !important
}

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

.ml-7 {
    margin-left: 7px !important
}

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

.ml-2 {
    margin-left: 2px !important
}

.ml-0 {
    margin-left: 0px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-7 {
    margin-right: 7px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-3 {
    margin-right: 3px !important
}

.mr-0 {
    margin-right: 0px !important
}

@media only screen and (max-width: 768px) {
    .mt-10-sm {
        margin-top: 10px !important
    }

    .mt-20-sm {
        margin-top: 20px !important
    }

    .mt-30-sm {
        margin-top: 30px !important
    }

    .mb-10-sm {
        margin-bottom: 10px !important
    }

    .mb-20-sm {
        margin-bottom: 20px !important
    }

    .mb-30-sm {
        margin-bottom: 30px !important
    }
}

@media only screen and (max-width: 480px) {
    .mt-10-xs {
        margin-top: 10px !important
    }

    .mt-20-xs {
        margin-top: 20px !important
    }

    .mt-30-xs {
        margin-top: 30px !important
    }

    .mb-5-xs {
        margin-bottom: 5px !important
    }
}

.p-50 {
    padding: 50px !important
}

.p-40 {
    padding: 40px !important
}

.p-30 {
    padding: 30px !important
}

.p-20 {
    padding: 20px !important
}

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

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

.p-6 {
    padding: 6px !important
}

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

.p-3 {
    padding: 3px !important
}

.p-0 {
    padding: 0 !important
}

.pb-140 {
    padding-bottom: 140px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-8 {
    padding-bottom: 8px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-4 {
    padding-bottom: 4px !important
}

.pb-3 {
    padding-bottom: 3px !important
}

.pb-2 {
    padding-bottom: 2px !important
}

.pb-0 {
    padding-bottom: 0px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-45 {
    padding-top: 45px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-35 {
    padding-top: 35px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pt-20 {
    padding-top: 20px !important
}

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

.pt-12 {
    padding-top: 12px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-9 {
    padding-top: 9px !important
}

.pt-8 {
    padding-top: 8px !important
}

.pt-7 {
    padding-top: 7px !important
}

.pt-6 {
    padding-top: 6px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-4 {
    padding-top: 4px !important
}

.pt-3 {
    padding-top: 3px !important
}

.pt-2 {
    padding-top: 2px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-20 {
    padding-left: 20px !important
}

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

.pl-12 {
    padding-left: 12px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-7 {
    padding-left: 7px !important
}

.pl-6 {
    padding-left: 6px !important
}

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

.pl-0 {
    padding-left: 0px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-25 {
    padding-right: 25px !important
}

.pr-20 {
    padding-right: 20px !important
}

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

.pr-12 {
    padding-right: 12px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-7 {
    padding-right: 7px !important
}

.pr-6 {
    padding-right: 6px !important
}

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

.pr-2 {
    padding-right: 2px !important
}

.pr-0 {
    padding-right: 0px !important
}

@media only screen and (min-width: 768px) {
    .pr-150-sm {
        padding-right: 150px !important
    }
}

@media only screen and (max-width: 768px) {
    .pt-0-mobile {
        padding-top: 0 !important
    }

    .pb-0-mobile {
        padding-bottom: 0 !important
    }
}

@media only screen and (max-width: 1441px) {
    .p-0-touch {
        padding: 0 !important
    }
}

.mt-01 {
    margin-top: -0.1em !important
}

.mt-015 {
    margin-top: -0.15em !important
}

.mt-02 {
    margin-top: -0.2em !important
}

.mt-025 {
    margin-top: -0.25em !important
}

.mt-03 {
    margin-top: -0.3em !important
}

.va0 {
    vertical-align: 0px !important
}

.va1 {
    vertical-align: 1px !important
}

.va2 {
    vertical-align: 2px !important
}

.va3 {
    vertical-align: 3px !important
}

.va4 {
    vertical-align: 4px !important
}

.va5 {
    vertical-align: 5px !important
}

.va-1 {
    vertical-align: -1px !important
}

.va-2 {
    vertical-align: -2px !important
}

.va-3 {
    vertical-align: -3px !important
}

.va-4 {
    vertical-align: -4px !important
}

.va-5 {
    vertical-align: -5px !important
}

.va-6 {
    vertical-align: -6px !important
}

.va-7 {
    vertical-align: -7px !important
}

.va-8 {
    vertical-align: -8px !important
}

.va-9 {
    vertical-align: -9px !important
}

.va-10 {
    vertical-align: -10px !important
}

.b-0 {
    border: 0 !important
}

.bl-0 {
    border-left: 0 !important
}

.br-0 {
    border-right: 0 !important
}

.bt-0 {
    border-top: 0 !important
}

.bb-0 {
    border-bottom: 0 !important
}

.b-a {
    border: 1px solid rgba(0,0,0,0.15) !important
}

.b-r {
    border-right: 1px solid rgba(0,0,0,0.15) !important
}

.b-b {
    border-bottom: 1px solid rgba(0,0,0,0.15) !important
}

.b-l {
    border-left: 1px solid rgba(0,0,0,0.15) !important
}

.b-t {
    border-top: 1px solid rgba(0,0,0,0.15) !important
}

.b-dark1 {
    border-color: #9f9f9f !important
}

.table tr.b-dark1 td {
    border-color: #9f9f9f !important
}

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

.b-solid {
    border-color: #ddd !important
}

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

.b-3x {
    border-width: 3px !important
}

.b-cyan {
    border-color: #03A9F4 !important
}

.b-amethyst {
    border-color: #4053b9 !important
}

.b-green {
    border-color: #4285f4 !important
}

.b-orange {
    border-color: #FFA726 !important
}

.b-red {
    border-color: #EF5350 !important
}

.b-greensea {
    border-color: #26A69A !important
}

.b-dutch {
    border-color: #26C6DA !important
}

.b-hotpink {
    border-color: #ff4081 !important
}

.b-drank {
    border-color: #AB47BC !important
}

.b-blue {
    border-color: #4285f4 !important
}

.b-lightred {
    border-color: #ff5722 !important
}

.b-slategray {
    border-color: #607D8B !important
}

.b-darkgray {
    border-color: #333 !important
}

.b-primary {
    border-color: #4574a0 !important
}

.b-success {
    border-color: #26A69A !important
}

.b-warning {
    border-color: #ff6839 !important
}

.b-danger {
    border-color: #D32F2F !important
}

.b-info {
    border-color: #90CAF9 !important
}

.b-default {
    border-color: #9E9E9E !important
}

.br-0 {
    border-radius: 0 !important
}

.br-2 {
    border-radius: 2px !important
}

.br-3 {
    border-radius: 3px !important
}

.br-2-l {
    border-radius: 2px 0 0 2px !important
}

.br-2-r {
    border-radius: 0 2px 2px 0 !important
}

.br-2-t {
    border-radius: 2px 2px 0 0 !important
}

.br-2-b {
    border-radius: 0 0 2px 2px !important
}

.size-30x30, .wh30 {
    width: 30px;
    height: 30px
}

.size-45x45, .wh45 {
    width: 45px;
    height: 45px
}

.size-50x50, .wh50 {
    width: 50px;
    height: 50px
}

.w-auto {
    width: auto !important
}

.w-30 {
    width: 30px !important;
    min-width: 30px !important
}

.w-40 {
    width: 40px !important;
    min-width: 40px !important
}

.w-50 {
    width: 50px !important;
    min-width: 50px !important
}

.w-xxs, .w-60 {
    width: 60px
}

.w-xs, .w-100 {
    width: 100px
}

.w-sm, .w-150 {
    width: 150px
}

.w-md, .w-240 {
    width: 240px
}

.w-lg, .w-280 {
    width: 280px
}

.w-xl, .w-360 {
    width: 360px
}

.w-xxl, .w-420 {
    width: 420px
}

.min-w-80 {
    min-width: 80px !important
}

hr.line-dashed {
    border-style: dashed
}

hr.line-full {
    margin: 20px -20px
}

.perspective {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    display: inline-block
}

.lined-paper {
    background-color: white;
    background-image: -webkit-linear-gradient(#f6abca 1px, transparent 1px),-webkit-linear-gradient(#f6abca 1px, transparent 1px),-webkit-linear- gradient(#e8e8e8 1px, transparent 1px);
    background-image: -moz-linear-gradient(#f6abca 1px, transparent 1px),-moz-linear-gradient(#f6abca 1px, transparent 1px),-moz-linear-gradient #e8e8e8 1px,transparent 1px;
    background-image: -o-linear-gradient(#f6abca 1px, transparent 1px),-o-linear-gradient(#f6abca 1px, transparent 1px),-o-linear-gradient(#e8e8e8 1px, transparent 1px);
    background-image: linear,false,#f6abca 1px,transparent 1px,linear,false,#f6abca 1px,transparent 1px,linear,false,#e8e8e8 1px,transparent 1px;
    background-size: 1px 1px, 1px 1px, 30px 30px;
    background-repeat: repeat-y, repeat-y, repeat;
    background-position: 62px 0, 66px 0, 0 -1px;
    position: relative;
    padding: 30px 15px 30px 75px !important;
    line-height: 30px;
    font-family: Georgia,serif;
    font-style: italic
}

    .lined-paper p, .lined-paper ul, .lined-paper ol {
        margin-bottom: 30px
    }

@media only screen and (min-width: 993px) {
    .collapse.collapse-sm, .collapse.collapse-xs {
        display: block
    }
}

.example [class^="col-"] {
    padding: 10px 15px;
    margin-bottom: 10px;
    background-color: #f2f2f2;
    border-right: 5px solid white
}

.example .row {
    margin: 0;
    margin-bottom: 10px
}

@media only screen and (max-width: 768px) {
    .text-left-sm {
        text-align: left
    }
}

@media only screen and (max-width: 480px) {
    .text-left-xs {
        text-align: left
    }

    .w-xxl, .w-420 {
        width: 100%
    }
}

.h-opacity-65 {
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

    .h-opacity-65:hover {
        opacity: 0.65
    }

.scale-07 {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7)
}

.invisibly-hidden {
    visibility: hidden !important;
    position: absolute;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important
}

.pull-right-desktop {
    float: right !important
}

@media only screen and (max-width: 992px) {
    .pull-right-desktop {
        float: none !important;
        margin: auto !important
    }
}

.color-schemes a.scheme-black {
    background-color: #1c2b36
}

.color-schemes a.scheme-drank {
    background-color: #fff
}

.color-schemes a.scheme-greensea {
    background-color: #26A69A
}

.color-schemes a.scheme-cyan {
    background-color: #fff
}

.color-schemes a.scheme-lightred {
    background-color: #ff5722
}

.color-schemes a.scheme-light {
    background-color: #fff
}

.sidebar-sm #sidebar.scheme-black, .sidebar-sm #sidebar.scheme-drank, .sidebar-sm #sidebar.scheme-greensea, .sidebar-sm #sidebar.scheme-cyan, .sidebar-sm #sidebar.scheme-lightred, .sidebar-sm #sidebar.scheme-light, .sidebar-xs #sidebar.scheme-black, .sidebar-xs #sidebar.scheme-drank, .sidebar-xs #sidebar.scheme-greensea, .sidebar-xs #sidebar.scheme-cyan, .sidebar-xs #sidebar.scheme-lightred, .sidebar-xs #sidebar.scheme-light {
    background-color: transparent !important
}

#header.scheme-black {
    background-color: #1c2b36
}

    #header .branding.scheme-black, #sidebar.scheme-black, #sidebar.scheme-black #navigation, #sidebar.scheme-black #sidebar-wrap:before, #header.scheme-black li.toggle-right-sidebar > a, .appWrapper.scheme-black .page-breadcrumb > li:first-child {
        background-color: #131e25 !important
    }

.appWrapper.black-scheme-color #navigation > li.active > a, .appWrapper.black-scheme-color #loading-bar .bar {
    background-color: #1c2b36 !important
}

.appWrapper.black-scheme-color #loading-bar-spinner .spinner-icon {
    border-top-color: #1c2b36;
    border-left-color: #1c2b36
}

.appWrapper.black-scheme-color #loading-bar .peg {
    -webkit-box-shadow: #1c2b36 1px 0 6px 1px;
    box-shadow: #1c2b36 1px 0 6px 1px
}

.appWrapper.black-scheme-color #navigation .dropdown > ul li:hover > a, .appWrapper.black-scheme-color #navigation .dropdown > ul li.active > a {
    color: #1c2b36 !important
}

.appWrapper.black-scheme-color #navigation .dropdown.submenu.open > a {
    color: white !important
}

.appWrapper.black-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
    color: #1c2b36 !important
}

.sidebar-sm #sidebar.scheme-black #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-black #navigation li.submenu > ul, .sidebar-xs #sidebar.scheme-black #navigation li.dropdown > ul, .sidebar-xs #sidebar.scheme-black #navigation li.submenu > ul, .hz-menu #sidebar.scheme-black #navigation li.dropdown > ul, .hz-menu #sidebar.scheme-black #navigation li.submenu > ul {
    background-color: #10181e
}

#header.scheme-drank {
    background-color: #fff
}

    #header .branding.scheme-drank, #sidebar.scheme-drank, #sidebar.scheme-drank #navigation, #sidebar.scheme-drank #sidebar-wrap:before, #header.scheme-drank li.toggle-right-sidebar > a, .appWrapper.scheme-drank .page-breadcrumb > li:first-child {
        background-color: #474747 !important
    }

.appWrapper.drank-scheme-color #navigation > li.active > a, .appWrapper.drank-scheme-color #loading-bar .bar {
    background-color: #fff !important
}

.appWrapper.drank-scheme-color #loading-bar-spinner .spinner-icon {
    border-top-color: #fff;
    border-left-color: #fff
}

.appWrapper.drank-scheme-color #loading-bar .peg {
    -webkit-box-shadow: #fff 1px 0 6px 1px;
    box-shadow: #fff 1px 0 6px 1px
}

.appWrapper.drank-scheme-color #navigation .dropdown > ul li:hover > a, .appWrapper.drank-scheme-color #navigation .dropdown > ul li.active > a {
    color: #fff !important
}

.appWrapper.drank-scheme-color #navigation .dropdown.submenu.open > a {
    color: white !important
}

.appWrapper.drank-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
    color: #fff !important
}

.sidebar-sm #sidebar.scheme-drank #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-drank #navigation li.submenu > ul, .sidebar-xs #sidebar.scheme-drank #navigation li.dropdown > ul, .sidebar-xs #sidebar.scheme-drank #navigation li.submenu > ul, .hz-menu #sidebar.scheme-drank #navigation li.dropdown > ul, .hz-menu #sidebar.scheme-drank #navigation li.submenu > ul {
    background-color: #3a3a3a
}

#header.scheme-greensea {
    background-color: #26A69A
}

    #header .branding.scheme-greensea, #sidebar.scheme-greensea, #sidebar.scheme-greensea #navigation, #sidebar.scheme-greensea #sidebar-wrap:before, #header.scheme-greensea li.toggle-right-sidebar > a, .appWrapper.scheme-greensea .page-breadcrumb > li:first-child {
        background-color: #219187 !important
    }

.appWrapper.greensea-scheme-color #navigation > li.active > a, .appWrapper.greensea-scheme-color #loading-bar .bar {
    background-color: #4285f4 !important
}

.appWrapper.greensea-scheme-color #loading-bar-spinner .spinner-icon {
    border-top-color: #4285f4;
    border-left-color: #4285f4
}

.appWrapper.greensea-scheme-color #loading-bar .peg {
    -webkit-box-shadow: #4285f4 1px 0 6px 1px;
    box-shadow: #4285f4 1px 0 6px 1px
}

.appWrapper.greensea-scheme-color #navigation .dropdown > ul li:hover > a, .appWrapper.greensea-scheme-color #navigation .dropdown > ul li.active > a {
    color: #4285f4 !important
}

.appWrapper.greensea-scheme-color #navigation .dropdown.submenu.open > a {
    color: white !important
}

.appWrapper.greensea-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
    color: #4285f4 !important
}

.sidebar-sm #sidebar.scheme-greensea #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-greensea #navigation li.submenu > ul, .sidebar-xs #sidebar.scheme-greensea #navigation li.dropdown > ul, .sidebar-xs #sidebar.scheme-greensea #navigation li.submenu > ul, .hz-menu #sidebar.scheme-greensea #navigation li.dropdown > ul, .hz-menu #sidebar.scheme-greensea #navigation li.submenu > ul {
    background-color: #1c7870
}

#header.scheme-cyan {
    background-color: #fff
}

    #header .branding.scheme-cyan, #sidebar.scheme-cyan, #sidebar.scheme-cyan #navigation, #sidebar.scheme-cyan #sidebar-wrap:before, #header.scheme-cyan li.toggle-right-sidebar > a, .appWrapper.scheme-cyan .page-breadcrumb > li:first-child {
        background-color: #fff !important
    }

.appWrapper.cyan-scheme-color #navigation > li.active > a, .appWrapper.cyan-scheme-color #loading-bar .bar {
    background-color: #fff !important
}

.appWrapper.cyan-scheme-color #loading-bar-spinner .spinner-icon {
    border-top-color: #fff;
    border-left-color: #fff
}

.appWrapper.cyan-scheme-color #loading-bar .peg {
    -webkit-box-shadow: #fff 1px 0 6px 1px;
    box-shadow: #fff 1px 0 6px 1px
}

.appWrapper.cyan-scheme-color #navigation .dropdown > ul li:hover > a, .appWrapper.cyan-scheme-color #navigation .dropdown > ul li.active > a {
    color: #fff !important
}

.appWrapper.cyan-scheme-color #navigation .dropdown.submenu.open > a {
    color: white !important
}

.appWrapper.cyan-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
    color: #fff !important
}

.sidebar-sm #sidebar.scheme-cyan #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-cyan #navigation li.submenu > ul, .sidebar-xs #sidebar.scheme-cyan #navigation li.dropdown > ul, .sidebar-xs #sidebar.scheme-cyan #navigation li.submenu > ul, .hz-menu #sidebar.scheme-cyan #navigation li.dropdown > ul, .hz-menu #sidebar.scheme-cyan #navigation li.submenu > ul {
    background-color: #d9d9d9
}

#header.scheme-lightred {
    background-color: #ff5722
}

    #header .branding.scheme-lightred, #sidebar.scheme-lightred, #sidebar.scheme-lightred #navigation, #sidebar.scheme-lightred #sidebar-wrap:before, #header.scheme-lightred li.toggle-right-sidebar > a, .appWrapper.scheme-lightred .page-breadcrumb > li:first-child {
        background-color: #ff4409 !important
    }

.appWrapper.lightred-scheme-color #navigation > li.active > a, .appWrapper.lightred-scheme-color #loading-bar .bar {
    background-color: #ff5722 !important
}

.appWrapper.lightred-scheme-color #loading-bar-spinner .spinner-icon {
    border-top-color: #ff5722;
    border-left-color: #ff5722
}

.appWrapper.lightred-scheme-color #loading-bar .peg {
    -webkit-box-shadow: #ff5722 1px 0 6px 1px;
    box-shadow: #ff5722 1px 0 6px 1px
}

.appWrapper.lightred-scheme-color #navigation .dropdown > ul li:hover > a, .appWrapper.lightred-scheme-color #navigation .dropdown > ul li.active > a {
    color: #ff5722 !important
}

.appWrapper.lightred-scheme-color #navigation .dropdown.submenu.open > a {
    color: white !important
}

.appWrapper.lightred-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
    color: #ff5722 !important
}

.sidebar-sm #sidebar.scheme-lightred #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-lightred #navigation li.submenu > ul, .sidebar-xs #sidebar.scheme-lightred #navigation li.dropdown > ul, .sidebar-xs #sidebar.scheme-lightred #navigation li.submenu > ul, .hz-menu #sidebar.scheme-lightred #navigation li.dropdown > ul, .hz-menu #sidebar.scheme-lightred #navigation li.submenu > ul {
    background-color: #ee3900
}

#header.scheme-light {
    background-color: #fff
}

    #header .branding.scheme-light, #sidebar.scheme-light, #sidebar.scheme-light #navigation, #sidebar.scheme-light #sidebar-wrap:before, #header.scheme-light li.toggle-right-sidebar > a {
        background-color: #fff !important
    }

.appWrapper.scheme-light .page-breadcrumb > li:first-child {
    background-color: rgba(0,0,0,0.7)
}

#header.scheme-light {
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 2px rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.05)
}

    #header.scheme-light .nav-right > li > a, #header.scheme-light .nav-left > li > a {
        color: rgba(0,0,0,0.7)
    }

        #header.scheme-light .nav-right > li > a:hover, #header.scheme-light .nav-left > li > a:hover {
            color: rgba(0,0,0,0.9)
        }

    #header.scheme-light .nav-left > li.divided-right {
        border-color: rgba(0,0,0,0.15)
    }

    #header.scheme-light .search .form-control {
        color: rgba(0,0,0,0.5);
        border-color: rgba(0,0,0,0.2)
    }

        #header.scheme-light .search .form-control::-webkit-input-placeholder {
            color: rgba(0,0,0,0.3)
        }

        #header.scheme-light .search .form-control::-moz-placeholder {
            color: rgba(0,0,0,0.3)
        }

        #header.scheme-light .search .form-control:-moz-placeholder {
            color: rgba(0,0,0,0.3)
        }

        #header.scheme-light .search .form-control:-ms-input-placeholder {
            color: rgba(0,0,0,0.3)
        }

        #header.scheme-light .search .form-control:focus {
            border-color: rgba(0,0,0,0.5)
        }

            #header.scheme-light .search .form-control:focus::-webkit-input-placeholder {
                color: rgba(0,0,0,0.5)
            }

            #header.scheme-light .search .form-control:focus::-moz-placeholder {
                color: rgba(0,0,0,0.5)
            }

            #header.scheme-light .search .form-control:focus:-moz-placeholder {
                color: rgba(0,0,0,0.5)
            }

            #header.scheme-light .search .form-control:focus:-ms-input-placeholder {
                color: rgba(0,0,0,0.5)
            }

    #header.scheme-light .search:after {
        color: rgba(0,0,0,0.3)
    }

    #header.scheme-light li.toggle-right-sidebar > a {
        border-left: 1px solid rgba(0,0,0,0.15)
    }

#header .branding.scheme-light {
    border-right: 1px solid rgba(0,0,0,0.15)
}

    #header .branding.scheme-light .brand {
        color: #000;
        background-image: url(../images/minovate-logo-color.png)
    }

#sidebar.scheme-light, #sidebar.scheme-light #sidebar-wrap:before {
    border-right: 1px solid rgba(0,0,0,0.15)
}

    #sidebar.scheme-light accordion .panel-group .panel > .panel-heading .panel-title, #sidebar.scheme-light #sidebar-wrap:before accordion .panel-group .panel > .panel-heading .panel-title {
        border-bottom: 1px solid rgba(0,0,0,0.15)
    }

        #sidebar.scheme-light accordion .panel-group .panel > .panel-heading .panel-title > a, #sidebar.scheme-light #sidebar-wrap:before accordion .panel-group .panel > .panel-heading .panel-title > a {
            color: rgba(0,0,0,0.5)
        }

            #sidebar.scheme-light accordion .panel-group .panel > .panel-heading .panel-title > a:hover, #sidebar.scheme-light #sidebar-wrap:before accordion .panel-group .panel > .panel-heading .panel-title > a:hover {
                color: rgba(0,0,0,0.8)
            }

    #sidebar.scheme-light accordion .panel-group .panel.closed > .panel-heading, #sidebar.scheme-light #sidebar-wrap:before accordion .panel-group .panel.closed > .panel-heading {
        background-color: rgba(0,0,0,0.05)
    }

        #sidebar.scheme-light accordion .panel-group .panel.closed > .panel-heading .panel-title > a, #sidebar.scheme-light #sidebar-wrap:before accordion .panel-group .panel.closed > .panel-heading .panel-title > a {
            color: rgba(0,0,0,0.8)
        }

            #sidebar.scheme-light accordion .panel-group .panel.closed > .panel-heading .panel-title > a:hover, #sidebar.scheme-light #sidebar-wrap:before accordion .panel-group .panel.closed > .panel-heading .panel-title > a:hover {
                color: black
            }

    #sidebar.scheme-light accordion .panel-group .panel .panel-body, #sidebar.scheme-light #sidebar-wrap:before accordion .panel-group .panel .panel-body {
        color: rgba(0,0,0,0.7)
    }

    #sidebar.scheme-light .summary .media .media-body, #sidebar.scheme-light #sidebar-wrap:before .summary .media .media-body {
        color: rgba(0,0,0,0.3)
    }

        #sidebar.scheme-light .summary .media .media-body .media-heading, #sidebar.scheme-light #sidebar-wrap:before .summary .media .media-body .media-heading {
            color: rgba(0,0,0,0.5)
        }

    #sidebar.scheme-light #navigation > li.open > a, #sidebar.scheme-light #navigation > li:hover > a {
        background-color: rgba(0,0,0,0.05);
        color: rgba(0,0,0,0.7)
    }

    #sidebar.scheme-light #navigation > li.open > i, #sidebar.scheme-light #navigation > li:hover > i {
        color: rgba(0,0,0,0.7)
    }

    #sidebar.scheme-light #navigation > li.active > a {
        background-color: #4285f4;
        color: white
    }

    #sidebar.scheme-light #navigation > li.active > i {
        color: white
    }

    #sidebar.scheme-light #navigation > li a {
        color: rgba(0,0,0,0.5)
    }

    #sidebar.scheme-light #navigation .dropdown > ul {
        background-color: rgba(0,0,0,0.15)
    }

        #sidebar.scheme-light #navigation .dropdown > ul li:hover > a, #sidebar.scheme-light #navigation .dropdown > ul li.active > a {
            color: #4285f4
        }

    #sidebar.scheme-light #navigation .submenu.open > a {
        color: rgba(0,0,0,0.7) !important
    }

    #sidebar.scheme-light #navigation .submenu > ul {
        background-color: transparent
    }

.appWrapper.light-scheme-color #navigation > li.active > a {
    background-color: rgba(255,255,255,0.1)
}

.appWrapper.light-scheme-color #loading-bar .bar {
    background-color: #4285f4
}

.appWrapper.light-scheme-color #loading-bar-spinner .spinner-icon {
    border-top-color: #4285f4;
    border-left-color: #4285f4
}

.appWrapper.light-scheme-color #loading-bar .peg {
    -webkit-box-shadow: #4285f4 1px 0 6px 1px;
    box-shadow: #4285f4 1px 0 6px 1px
}

.appWrapper.light-scheme-color #navigation .dropdown > ul li:hover a, .appWrapper.light-scheme-color #navigation .dropdown > ul li.active a {
    color: rgba(255,255,255,0.8)
}

.appWrapper.light-scheme-color .pageheader .page-bar .page-breadcrumb > li:not(:first-child) > a:hover {
    color: rgba(255,255,255,0.8)
}

.sidebar-sm #sidebar.scheme-light, .sidebar-xs #sidebar.scheme-light, .hz-menu #sidebar.scheme-light {
    border-right: 0
}

    .sidebar-sm #sidebar.scheme-light #navigation, .sidebar-xs #sidebar.scheme-light #navigation, .hz-menu #sidebar.scheme-light #navigation {
        border-right: 1px solid rgba(0,0,0,0.15)
    }

        .sidebar-sm #sidebar.scheme-light #navigation li > a, .sidebar-xs #sidebar.scheme-light #navigation li > a, .hz-menu #sidebar.scheme-light #navigation li > a {
            font-weight: 400
        }

        .sidebar-sm #sidebar.scheme-light #navigation li.dropdown > ul, .sidebar-sm #sidebar.scheme-light #navigation li.submenu > ul, .sidebar-xs #sidebar.scheme-light #navigation li.dropdown > ul, .sidebar-xs #sidebar.scheme-light #navigation li.submenu > ul, .hz-menu #sidebar.scheme-light #navigation li.dropdown > ul, .hz-menu #sidebar.scheme-light #navigation li.submenu > ul {
            background-color: #f2f2f2
        }

@page {
    size: auto;
    margin: 5mm
}

@media print {
    a[href]:after {
        content: "" !important
    }

    body, .custom-font {
        font-size: 15px;
        margin-bottom: 1px !important
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 14px
    }

        h5.custom-font-bold.mb-0 {
            margin-bottom: -15px !important
        }

    [class*="col-md-"] {
        float: left;
        display: inline-block
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666666666666%
    }

    .col-md-10 {
        width: 83.33333333333334%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666666666666%
    }

    .col-md-7 {
        width: 58.333333333333336%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666666666667%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.666666666666664%
    }

    .col-md-1 {
        width: 8.333333333333332%
    }

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

    .visible-md-block, .visible-lg-block {
        display: block !important
    }

    #header, #sidebar, #rightbar {
        display: none
    }

    #content {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        padding: 0 !important
    }

        #content .pageheader, #content .alert {
            display: none
        }

        #content .add-nav .nav-heading, #content .add-nav .nav-tabs {
            display: none
        }

        #content .price-total {
            float: right !important;
            width: 380px
        }

        #content .page {
            padding: 0 !important
        }

    .media {
        padding-top: 0 !important
    }

        .media .col-xs-1 {
            display: none !important
        }

        .media [class^="col-"] {
            padding-left: 5px !important
        }

    .btn, .tooltip {
        display: none !important
    }

    .tab-content > .tab-pane {
        display: block !important
    }

    .tile .tab-content > .tab-pane {
        display: block !important
    }

    .tile .tab-content .tab-pane {
        display: block !important
    }

    .mb-0-print {
        margin-bottom: 0 !important
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

.slideUp {
    opacity: 0;
    animation: slideUp ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 0.25s;
    animation-delay: 0.2s
}

@keyframes slideUp {
    0% {
        opacity: 0.5;
        transform: translate3d(0, 25%, 0)
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.slideUpSmall {
    opacity: 0;
    animation: slideUpSmall ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 0.25s;
    animation-delay: 0.2s
}

@keyframes slideUpSmall {
    0% {
        opacity: 0.5;
        transform: translate3d(0, 35px, 0)
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.slideLeft {
    opacity: 0;
    animation: slideLeft ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 0.25s;
    animation-delay: 0.2s
}

@keyframes slideLeft {
    0% {
        opacity: 0.5;
        transform: translate3d(25%, 0, 0)
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.slideRight {
    opacity: 0;
    animation: slideRight ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 0.25s;
    animation-delay: 0.2s
}

@keyframes slideRight {
    0% {
        opacity: 0.5;
        transform: translate3d(-25%, 0, 0)
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeIn {
    opacity: 0;
    animation: fadeIn ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 0.2s;
    animation-delay: 0.2s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.scaleIn {
    opacity: 0;
    animation: scaleIn ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 0.2s;
    animation-delay: 0.15s
}

@keyframes scaleIn {
    0% {
        transform: scale(0.9)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes littleFadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes littleFadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.littleFadeInLeft {
    -webkit-animation-name: littleFadeInLeft;
    animation-name: littleFadeInLeft
}

@-webkit-keyframes littleFadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes littleFadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.littleFadeInRight {
    -webkit-animation-name: littleFadeInRight;
    animation-name: littleFadeInRight
}

@-webkit-keyframes littleFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes littleFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.littleFadeInUp {
    -webkit-animation-name: littleFadeInUp;
    animation-name: littleFadeInUp
}

@-webkit-keyframes littleFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes littleFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.littleFadeInDown {
    -webkit-animation-name: littleFadeInDown;
    animation-name: littleFadeInDown
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5)
    }
}

.ripple {
    -webkit-animation-name: ripple;
    animation-name: ripple
}

@-webkit-keyframes fadeOutText {
    0% {
        color: transparent
    }

    80% {
        color: transparent
    }

    100% {
        color: #fff
    }
}

@-moz-keyframes fadeOutText {
    0% {
        color: transparent
    }

    80% {
        color: transparent
    }

    100% {
        color: #fff
    }
}

@keyframes fadeOutText {
    0% {
        color: transparent
    }

    80% {
        color: transparent
    }

    100% {
        color: #fff
    }
}

@-webkit-keyframes moveToRight {
    80% {
        -webkit-transform: translateX(350%)
    }

    81% {
        opacity: 1;
        -webkit-transform: translateX(350%)
    }

    82% {
        opacity: 0;
        -webkit-transform: translateX(350%)
    }

    83% {
        opacity: 0;
        -webkit-transform: translateX(-50%)
    }

    84% {
        opacity: 1;
        -webkit-transform: translateX(-50%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes moveToRight {
    80% {
        -moz-transform: translateX(350%)
    }

    81% {
        opacity: 1;
        -moz-transform: translateX(350%)
    }

    82% {
        opacity: 0;
        -moz-transform: translateX(350%)
    }

    83% {
        opacity: 0;
        -moz-transform: translateX(-50%)
    }

    84% {
        opacity: 1;
        -moz-transform: translateX(-50%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@keyframes moveToRight {
    80% {
        transform: translateX(350%)
    }

    81% {
        opacity: 1;
        transform: translateX(350%)
    }

    82% {
        opacity: 0;
        transform: translateX(350%)
    }

    83% {
        opacity: 0;
        transform: translateX(-50%)
    }

    84% {
        opacity: 1;
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes scaleUp {
    80% {
        opacity: 0;
        -webkit-transform: scale(2)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2)
    }
}

@-moz-keyframes scaleUp {
    80% {
        opacity: 0;
        -moz-transform: scale(2)
    }

    100% {
        opacity: 0;
        -moz-transform: scale(2)
    }
}

@keyframes scaleUp {
    80% {
        opacity: 0;
        transform: scale(2)
    }

    100% {
        opacity: 0;
        transform: scale(2)
    }
}

@-webkit-keyframes fillToRight {
    to {
        width: 100%
    }
}

@-moz-keyframes fillToRight {
    to {
        width: 100%
    }
}

@keyframes fillToRight {
    to {
        width: 100%
    }
}

@-webkit-keyframes emptyBottom {
    to {
        height: 100%
    }
}

@-moz-keyframes emptyBottom {
    to {
        height: 100%
    }
}

@keyframes emptyBottom {
    to {
        height: 100%
    }
}

@-webkit-keyframes scaleFade {
    50% {
        opacity: 1;
        -webkit-transform: scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

@-moz-keyframes scaleFade {
    50% {
        opacity: 1;
        -moz-transform: scale(1)
    }

    100% {
        opacity: 0;
        -moz-transform: scale(2.5)
    }
}

@keyframes scaleFade {
    50% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(2.5)
    }
}

@-webkit-keyframes dropDown {
    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes dropDown {
    to {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@keyframes dropDown {
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes dropDownFade {
    50% {
        opacity: 1;
        -webkit-transform: scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes dropDownFade {
    50% {
        opacity: 1;
        -moz-transform: scale(1)
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes dropDownFade {
    50% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes moveUp {
    0% {
        -webkit-transform: translateY(50%);
        opacity: 0
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes moveUp {
    0% {
        -moz-transform: translateY(50%);
        opacity: 0
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(50%);
        opacity: 0
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes scaleFromUp {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes scaleFromUp {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@keyframes scaleFromUp {
    0% {
        transform: scale(0);
        opacity: 0
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%)
    }

    50% {
        opacity: 0;
        transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.1
    }

    40% {
        opacity: 0.2;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1),0 0 5px 5px,0 0 0 5px rgba(255,255,255,0.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1),0 0 5px 5px,0 0 0 5px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.1
    }

    40% {
        opacity: 0.2;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1),0 0 5px 5px,0 0 0 5px rgba(255,255,255,0.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1),0 0 5px 5px,0 0 0 5px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
        opacity: 0
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.1
    }

    40% {
        opacity: 0.2;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1),0 0 5px 5px,0 0 0 5px rgba(255,255,255,0.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1),0 0 5px 5px,0 0 0 5px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

@-moz-keyframes slit {
    50% {
        -moz-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -moz-animation-timing-function: ease-out
    }

    100% {
        -moz-transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

@keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-in
    }

    100% {
        transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

html, body {
    overflow-x: hidden;
    width: 100%
}

#footer {
    display: none;
    padding-top: 80px
}

body:before {
    content: "" !important;
    background: none;
    -webkit-transition: background 0.175s ease-in;
    -moz-transition: background 0.175s ease-in;
    transition: background 0.175s ease-in
}

@media only screen and (max-width: 992px) {
    body.sidebar-open:before, body.rightbar-show:before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        background: rgba(0,0,0,0.5)
    }
}

#content {
    -webkit-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-left 0.075s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -moz-transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-left 0.075s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-right 0.25s cubic-bezier(0.6, 0.04, 0.98, 0.335),padding-left 0.075s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}

@media only screen and (max-width: 992px) {
    #content {
        padding-top: 60px !important
    }
}

.page {
    min-height: 700px;
    padding: 20px 40px
}

@media only screen and (max-width: 992px) {
    .page {
        padding: 20px
    }
}

.sans-layout #content {
    position: static !important;
    padding-left: 0 !important
}

.sans-layout #sidebar-toggle {
    display: none !important
}

.appWrapper.aside-fixed #content {
    top: 74px !important
}

.appWrapper.header-static.rightbar-show #content {
    padding-right: 0
}

.tbox.padded .tcol {
    padding-left: 2px;
    padding-right: 3px
}

.tbox.v-middle .tcol {
    vertical-align: middle
}

@media only screen and (max-width: 992px) {
    .tbox:not(.break-sm):not(.no-break) .tcol {
        width: 100%;
        display: block;
        margin-bottom: -1px
    }
}

@media only screen and (max-width: 768px) {
    .tbox.break-sm .tcol {
        width: 100%;
        display: block;
        margin-bottom: -1px
    }
}

.tbox > a.tcol {
    color: #111;
    border-left: solid 4px #f5f6f7;
    border-right: solid 4px #f5f6f7
}

@media only screen and (max-width: 768px) {
    .tbox > a.tcol {
        display: block;
        border-right: 0;
        border-left: 0 !important;
        border-bottom: solid 8px #f5f6f7
    }
}

.tbox > a.tcol.active, .tbox > a.tcol:hover, .tbox > a.tcol:focus, .tbox > a.tcol:active {
    color: #4053b9;
    text-decoration: none
}

    .tbox > a.tcol.active:after, .tbox > a.tcol:hover:after, .tbox > a.tcol:focus:after, .tbox > a.tcol:active:after {
        background-color: #4053b9
    }

.tbox > a.tcol.active {
    cursor: default !important
}

    .tbox > a.tcol.active:after {
        height: 4px
    }

.tbox > a.tcol:first-child {
    border-left: 0
}

.tbox > a.tcol:last-child {
    border-right: 0
}

.tbox > a.tcol:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    margin: auto;
    -webkit-transition: height 0.2s ease-out,background-color 0.2s ease-out;
    -moz-transition: height 0.2s ease-out,background-color 0.2s ease-out;
    transition: height 0.2s ease-out,background-color 0.2s ease-out
}

.tbox > a.tcol > span {
    line-height: 1.3;
    display: inline-block;
    font-weight: 100
}

.tbox.text-greensea > a.tcol.active, .tbox.text-greensea > a.tcol:hover, .tbox.text-greensea > a.tcol:focus, .tbox.text-greensea > a.tcol:active {
    color: #26A69A
}

    .tbox.text-greensea > a.tcol.active:after, .tbox.text-greensea > a.tcol:hover:after, .tbox.text-greensea > a.tcol:focus:after, .tbox.text-greensea > a.tcol:active:after {
        background-color: #26A69A !important
    }

.tbox.text-lightred > a.tcol.active, .tbox.text-lightred > a.tcol:hover, .tbox.text-lightred > a.tcol:focus, .tbox.text-lightred > a.tcol:active {
    color: #ff5722
}

    .tbox.text-lightred > a.tcol.active:after, .tbox.text-lightred > a.tcol:hover:after, .tbox.text-lightred > a.tcol:focus:after, .tbox.text-lightred > a.tcol:active:after {
        background-color: #ff5722 !important
    }

.tbox.tbox-bordered {
    margin-top: -1px;
    border-collapse: collapse
}

    .tbox.tbox-bordered .tcol {
        border: solid 1px #e6e6e6
    }

#header .proposals-nav i {
    height: 32px;
    width: 35px;
    background: url("/content/images/icon/proposals.png") no-repeat
}

#header .proposals-nav.active i {
    background: url("/content/images/icon/proposals-active.png") no-repeat
}

#header .reviews-nav i {
    height: 32px;
    width: 32px;
    background: url("/content/images/icon/reviews.png") no-repeat
}

#header .reviews-nav.active i {
    background: url("/content/images/icon/reviews-active.png") no-repeat
}

#header .projects-nav i {
    height: 32px;
    width: 35px;
    background: url("/content/images/icon/projectmanagement.png") no-repeat
}

#header .projects-nav.active i {
    background: url("/content/images/icon/projectmanagement-active.png") no-repeat
}

#header .admin-nav {
    margin-left: -9px
}

    #header .admin-nav i {
        height: 32px;
        width: 32px;
        background: url("/content/images/icon/admin.png") no-repeat
    }

    #header .admin-nav.active i {
        background: url("/content/images/icon/admin-active.png") no-repeat
    }

#header .meetings-nav i {
    height: 32px;
    width: 32px;
    background: url("/content/images/icon/meetings.png") no-repeat
}

#header .meetings-nav.active i {
    background: url("/content/images/icon/meetings-active.png") no-repeat
}

#header .search-nav i {
    height: 32px;
    width: 32px;
    background: url("/content/images/icon/search.png") no-repeat
}

#header .search-nav.active i {
    background: url("/content/images/icon/search-active.png") no-repeat
}

#header .help-nav i {
    height: 32px;
    width: 32px;
    background: url("/content/images/icon/help.png") no-repeat
}

#header .help-nav.active i {
    background: url("/content/images/icon/help-active.png") no-repeat
}

@media only screen and (max-width: 992px) {
    .appWrapper #header {
        padding-left: 0 !important;
        padding-right: 0 !important;
        position: fixed;
        width: 100%;
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2)
    }
}

.appWrapper #header a {
    letter-spacing: 1px;
    text-transform: uppercase
}

.appWrapper #header .branding {
    height: 62px;
    background-color: #474747 !important;
    border-right: 0 !important
}

@media only screen and (max-width: 992px) {
    .appWrapper #header .branding {
        position: relative !important;
        width: auto !important;
        padding-right: 60px !important;
        background: url("/content/images/background/branding-bg.png") -24px center no-repeat !important
    }
}

@media only screen and (max-width: 768px) {
    .appWrapper #header .branding {
        padding-right: 30px !important;
        background: url("/content/images/background/branding-bg.png") -92px center no-repeat !important
    }
}

.appWrapper #header .branding .brand {
    line-height: 59px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    -webkit-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out !important;
    -moz-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out !important;
    transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out !important
}

.appWrapper #header .top-level {
    margin-top: 0px !important;
    padding: 0;
    min-width: 74px;
    text-align: center
}

@media only screen and (max-width: 800px) {
    .appWrapper #header .top-level {
        min-width: 52px;
        transform: scale(0.7)
    }
}

@media only screen and (max-width: 480px) {
    .appWrapper #header .top-level {
        padding-left: 4px !important;
        margin-left: -10px;
        min-width: 38px
    }
}

.appWrapper #header .top-level > a:hover {
    opacity: 0.95 !important
}

@media only screen and (max-width: 480px) {
    .appWrapper #header .top-level > a {
        padding: 0 3px !important
    }
}

.appWrapper #header .top-level > a > span {
    color: #616161;
    vertical-align: -1px;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    padding-left: 6px
}

@media only screen and (max-width: 992px) {
    .appWrapper #header .top-level > a > span {
        display: none
    }
}

.appWrapper #header .top-level > a + .tooltip {
    margin-top: 0px
}

.appWrapper #header .top-level.active > a, .appWrapper #header .top-level.active > a > span {
    opacity: 1
}

@media only screen and (max-width: 1200px) {
    .appWrapper:not(.rtl).rightbar-show #header {
        padding-right: 12px !important
    }
}

@media only screen and (max-width: 992px) {
    .appWrapper:not(.rtl).rightbar-show #header {
        padding-right: 0 !important
    }
}

#header.scheme-cyan li.toggle-right-sidebar {
    margin-left: -2px
}

    #header.scheme-cyan li.toggle-right-sidebar > a {
        background: inherit !important
    }

body:not(:-moz-handler-blocked) .toggle-right-sidebar i {
    vertical-align: -8px !important
}

body:not(:-moz-handler-blocked) #header .top-level > a > i {
    vertical-align: -8px !important
}

body:not(:-moz-handler-blocked) #header .top-level > a > span {
    vertical-align: 0 !important
}

.appWrapper.header-static.rightbar-show #header {
    padding-right: 12px;
    right: 0
}

.appWrapper.sans-layout #header .branding {
    position: absolute
}

.animated {
    -webkit-animation-duration: 0.275s;
    -moz-animation-duration: 0.275s;
    animation-duration: 0.275s
}

@media only screen and (min-width: 992px) {
    .appWrapper.sidebar-collapse:not(.header-fixed) #header {
        padding-left: 0
    }

        .appWrapper.sidebar-collapse:not(.header-fixed) #header .branding {
            position: relative
        }

    .appWrapper.sidebar-collapse #sidebar {
        left: -255px
    }

    .appWrapper.sidebar-collapse #content {
        padding-left: 0
    }

    .appWrapper.sidebar-collapse .pageheader .page-bar {
        left: 290px
    }
}

#sidebar-toggle {
    display: none;
    position: relative;
    float: left;
    margin: 20px 16px 12px -21px;
    z-index: 1003;
    transition: transform .2s ease-out;
    cursor: pointer
}

#sidebar.sidebar-condensed #navigation li > a {
    padding: 11px 15px 9px 15px !important
}

#sidebar .panel-group.panel-group-condensed .panel > .panel-heading .panel-title > a {
    font-size: 10px !important;
    padding-bottom: 8px !important;
    background: none !important;
    border-bottom: 0 !important
}

#sidebar-user-settings.panel-group #navigation li > a {
    padding: 17px 15px 16px 15px !important
}

@media only screen and (max-width: 992px) {
    #sidebar-toggle {
        display: inline-block
    }

    .sidebar-open #sidebar-toggle {
        transform: translate3d(7px, 0, 0)
    }

    #sidebar {
        top: 0 !important;
        left: -250px;
        z-index: 1000 !important
    }

    .sidebar-open #sidebar {
        left: 0
    }

    #content {
        padding-left: 0 !important
    }
}

@media only screen and (max-width: 360px) {
    #sidebar {
        width: 100%;
        left: -100%
    }
}

#sidebar-hero {
    position: relative;
    height: 103px
}

    #sidebar-hero:after {
        content: "";
        background: url("/Content/images/background/patterns/sidebar-hero.jpg") no-repeat center center;
        background-size: cover;
        opacity: .2;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1
    }

@media only screen and (max-width: 480px) {
    #sidebar-hero {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
        height: 155px
    }
}

#sidebar {
    top: 62px !important;
    z-index: 1002;
    border-right: 0 !important;
    -webkit-transition: left 0.075s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -moz-transition: left 0.075s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: left 0.075s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}

    #sidebar #navigation.no-icon li > a > span:not(.badge) {
        padding-left: 1px
    }

    #sidebar #navigation.no-icon .dropdown > ul li > a {
        padding-left: 36px
    }

    #sidebar #navigation > li > a, #sidebar #navigation > li > form > a {
        letter-spacing: 0.04em;
        font-weight: 400;
        font-size: 12px
    }

    #sidebar #navigation li {
        margin-bottom: 0
    }

        #sidebar #navigation li > form > a, #sidebar #navigation li > a {
            color: #c8c8c8 !important;
            background: none;
            position: relative;
            display: block;
            padding: 17px 15px 16px 15px;
            -webkit-transition: color 0.2s,background-color 0.2s,background 0.2s;
            -moz-transition: color 0.2s,background-color 0.2s,background 0.2s;
            transition: color 0.2s,background-color 0.2s,background 0.2s
        }

            #sidebar #navigation li > form > a:hover, #sidebar #navigation li > a:hover {
                color: #fff !important
            }

                #sidebar #navigation li > form > a:hover > i, #sidebar #navigation li > a:hover > i {
                    opacity: 1
                }

                #sidebar #navigation li > form > a:hover > svg, #sidebar #navigation li > a:hover > svg {
                    opacity: 1
                }

            #sidebar #navigation li > form > a span:not(.badge), #sidebar #navigation li > a span:not(.badge) {
                display: inline-block;
                font-size: 16px;
                font-weight: 300;
                line-height: 1.35;
                padding-left: 44px;
                padding-right: 17px;
                vertical-align: 0
            }

            #sidebar #navigation li > form > a > i, #sidebar #navigation li > a > i {
                position: absolute;
                line-height: 1.1;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 30px;
                opacity: 0.6;
                -webkit-transition: opacity 0.2s;
                -moz-transition: opacity 0.2s;
                transition: opacity 0.2s
            }

        #sidebar #navigation li.active > a {
            color: #fff !important
        }

            #sidebar #navigation li.active > a:hover {
                cursor: default
            }

            #sidebar #navigation li.active > a > i {
                opacity: 1
            }

            #sidebar #navigation li.active > a:after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                width: 0;
                height: 0;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-right: 10px solid #f5f6f7
            }

@media only screen and (max-width: 992px) {
    #sidebar #navigation li.active > a:after {
        content: none
    }
}

#sidebar #navigation li.dropdown.open > a {
    color: #fff !important;
    background: none !important
}

    #sidebar #navigation li.dropdown.open > a:hover {
        cursor: default
    }

    #sidebar #navigation li.dropdown.open > a > i {
        opacity: 1
    }

#sidebar #navigation li.dropdown.active .active > a:after {
    content: none !important
}

#sidebar #navigation .dropdown > ul {
    padding: 0;
    margin: 0;
    background: none !important
}

    #sidebar #navigation .dropdown > ul li > a {
        padding: 8px 15px 7px 15px;
        padding-left: 57px;
        font-size: 13px
    }

        #sidebar #navigation .dropdown > ul li > a:hover, #sidebar #navigation .dropdown > ul li > a:active {
            text-decoration: none
        }

        #sidebar #navigation .dropdown > ul li > a:focus {
            text-decoration: none
        }

#sidebar .panel.panel-dark .panel-body #navigation li > a, #sidebar .panel.panel-dark .panel-body #navigation li > form > a {
    border-bottom: solid 1px #3b3838 !important
}

#sidebar .panel.panel-light .panel-body #navigation li > a, #sidebar .panel.panel-light .panel-body #navigation li > form > a {
    background: #6a6a6a;
    border-bottom: solid 1px #545454 !important
}

#sidebar .panel.panel-light .panel-body #navigation li.dropdown.open > a {
    background: #6a6a6a !important
}

#sidebar .panel.panel-light .panel-body #navigation li.active > a, #sidebar .panel.panel-light .panel-body #navigation li.active > form > a {
    background: #6a6a6a !important
}

@media only screen and (min-width: 993px) {
    #sidebar {
        left: 0
    }
}

[data-sidebar-active="true"] .caret.caret-lg {
    content: "";
    border-top: 0;
    border-bottom: 8px dashed;
    border-bottom: 8px solid\9
}

.sidebar-sm-forced #sidebar #navigation {
    margin: 0;
    position: relative
}

    .sidebar-sm-forced #sidebar #navigation li {
        position: static
    }

        .sidebar-sm-forced #sidebar #navigation li.dropdown > ul, .sidebar-sm-forced #sidebar #navigation li.submenu > ul {
            height: 100%;
            background-color: white !important;
            border-left: solid 1px #E4E6EB
        }

            .sidebar-sm-forced #sidebar #navigation li.dropdown > ul:before, .sidebar-sm-forced #sidebar #navigation li.submenu > ul:before {
                content: '';
                position: absolute;
                top: -2px;
                left: 0;
                width: 100%;
                height: 2px;
                background-color: #E4E6EB
            }

        .sidebar-sm-forced #sidebar #navigation li > a > i {
            width: 30px
        }

#navigation .dropdown > a > i:last-of-type, #sidebar .panel-group .panel .panel-title > a.collapsed > i {
    right: 13px;
    background-image: url(/content/images/sprite/sidebar.png);
    background-repeat: no-repeat;
    background-position: -10px -36px;
    width: 7px;
    height: 13px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    display: none
}

    #navigation .dropdown > a > i:last-of-type:before, #sidebar .panel-group .panel .panel-title > a.collapsed > i:before {
        display: none
    }

#navigation .dropdown.open > a > i:last-of-type {
    background-image: url(/content/images/sprite/sidebar.png);
    background-repeat: no-repeat;
    background-position: -10px -10px;
    width: 13px;
    height: 7px;
    margin-top: 3px;
    display: none
}

.sidebar-sm-forced #sidebar.dropdown-open {
    border-top-color: transparent !important
}

#sidebar .panel-group .panel > .panel-heading .panel-title > a {
    font-size: 11px;
    font-weight: 600;
    padding-top: 9px;
    padding-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    color: #c5c5c5;
    background: #3b3838;
    border-top: solid 1px #a3a3a3;
    border-bottom: solid 1px #a3a3a3
}

    #sidebar .panel-group .panel > .panel-heading .panel-title > a:after {
        border: 0;
        margin: 0
    }

    #sidebar .panel-group .panel > .panel-heading .panel-title > a:hover {
        color: #c5c5c5
    }

        #sidebar .panel-group .panel > .panel-heading .panel-title > a:hover:after {
            margin: 0
        }

    #sidebar .panel-group .panel > .panel-heading .panel-title > a > i:hover {
        color: #fff;
        cursor: pointer
    }

#sidebar #navigation li.divider {
    border-top: solid 1px #5b5b5b
}

#sidebar .panel-group .panel .panel-body {
    color: inherit;
    padding: 15px 15px 0 15px
}

#collapse-underconsideration {
    max-height: 125px;
    overflow-x: hidden;
    overflow-y: auto
}

#collapse-eliminated {
    max-height: 125px;
    overflow-x: hidden;
    overflow-y: auto
}

#collapse-selected {
    max-height: 125px;
    overflow-x: hidden;
    overflow-y: auto
}

.panel-group-condensed {
    margin: 0;
    background: none !important;
    box-shadow: none;
    padding: 0
}

.panel-default-condensed {
    margin: 0 !important;
    border: none;
    padding: 0;
    background: none;
    background-color: #f5f6f7 !important
}

    .panel-default-condensed .panel-heading {
        background: none;
        background-color: transparent;
        border: none;
        padding: 0 !important
    }

    .panel-default-condensed .panel-body {
        background: none;
        background-color: transparent;
        padding: 0 8px 0 15px
    }

        .panel-default-condensed .panel-body .inner-link {
            font-size: 12px;
            color: #111 !important
        }

            .panel-default-condensed .panel-body .inner-link:hover {
                color: #4285f4 !important
            }

            .panel-default-condensed .panel-body .inner-link strong {
                color: #4285f4 !important;
                font-size: 14px;
                padding: 0 6px
            }

    .panel-default-condensed .panel-heading .panel-title > a {
        font-weight: 300;
        font-size: 18px;
        padding: 4px 26px
    }

        .panel-default-condensed .panel-heading .panel-title > a strong {
            color: #4285f4 !important;
            padding: 0 6px;
            font-size: 28px
        }

.panel-group[role="tablist"] {
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.07),1px 2px 5px 0 rgba(0,0,0,0.06);
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.07),1px 2px 5px 0 rgba(0,0,0,0.06)
}

    .panel-group[role="tablist"] .panel .panel-heading {
        background-color: #fff
    }

        .panel-group[role="tablist"] .panel .panel-heading .panel-title > a {
            padding: 20px 15px
        }

            .panel-group[role="tablist"] .panel .panel-heading .panel-title > a:hover, .panel-group[role="tablist"] .panel .panel-heading .panel-title > a:focus, .panel-group[role="tablist"] .panel .panel-heading .panel-title > a:active {
                color: inherit
            }

    .panel-group[role="tablist"] .panel-collapse {
        background: #f9f9f9
    }

    .panel-group[role="tablist"] .panel + .panel {
        margin-top: -1px
    }

#file-tree-listing {
    margin-left: 20px
}

    #file-tree-listing [data-toggle="collapse"] {
        position: relative
    }

        #file-tree-listing [data-toggle="collapse"]:before {
            content: '';
            position: absolute;
            height: 16px;
            width: 16px;
            top: 0;
            bottom: 4px;
            margin: auto;
            left: -20px;
            background-image: url(/content/css/vendor/telerik/material/sprite.png);
            background-position: 0 -32px
        }

        #file-tree-listing [data-toggle="collapse"].collapsed:before {
            background-position: 0 -16px
        }

    #file-tree-listing .table > tbody > tr td {
        border-color: transparent;
        border-top: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        background: rgba(238,238,238,0.35)
    }

    #file-tree-listing .table-condensed-xs td {
        padding: 8px 8px 6px 8px !important
    }

.file-listing-table .tile-body {
    padding: 0 !important
}

.file-listing-table-empty .tile-header {
    display: none
}

.file-listing-table-empty .tile-body {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.panel-clean .panel-heading .panel-title > a {
    padding: 16px 18px 14px;
    font-weight: bold;
    color: #4285f4
}

    .panel-clean .panel-heading .panel-title > a:hover, .panel-clean .panel-heading .panel-title > a:focus {
        background-color: #f3f3f3
    }

.nav-pills > li {
    padding-left: 1px;
    padding-right: 1px
}

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        background-color: #4285f4
    }

        .nav-pills > li.active > a span, .nav-pills > li.active > a:hover span, .nav-pills > li.active > a:focus span {
            color: #fff !important
        }

    .nav-pills > li > a {
        position: relative;
        border-radius: 40px;
        font-weight: 400;
        color: #4285f4;
        min-width: 90px;
        min-height: 31px;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
        padding-top: 7px;
        padding-bottom: 6px
    }

        .nav-pills > li > a:hover, .nav-pills > li > a:focus {
            color: #4285f4;
            background-color: rgba(126,146,158,0.3)
        }

        .nav-pills > li > a > span {
            position: absolute;
            top: 0;
            left: 0;
            line-height: 32px;
            height: 100%;
            width: 100%
        }

.nav-pills.nav-stacked > li > a {
    border-radius: 2px
}

.nav.nav-tabs:not(.wizard) {
    padding: 0
}

.nav-tabs {
    background-color: #e4e4e4
}

@media only screen and (max-width: 480px) {
    .nav-tabs > li {
        float: none
    }
}

.nav-tabs > li a {
    color: #848692;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    padding: 12px 15px 10px 15px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-radius: 0px !important;
    margin: 0 !important
}

    .nav-tabs > li a:hover, .nav-tabs > li a:focus {
        color: #111;
        background: none
    }

.nav-tabs > li.active > a {
    background: none
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #fff;
        background-color: #4285f4
    }

.nav-tabs > li.active:after {
    content: none
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.nav-tabs.tabs-dark {
    background-color: #111
}

    .nav-tabs.tabs-dark > li > a {
        color: #C2C2C2
    }

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

    .nav-tabs.tabs-dark > li.active > a, .nav-tabs.tabs-dark > li.active > a:hover, .nav-tabs.tabs-dark > li.active > a:focus {
        background-color: #4053b9 !important
    }

.nav-details {
    margin-bottom: 20px;
    padding-left: 20px;
    border-left: 2px solid #eceff1
}

    .nav-details .heading {
        margin-bottom: 20px
    }

    .nav-details .nav > li > a {
        color: #111;
        padding: 4px 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.15
    }

        .nav-details .nav > li > a:hover, .nav-details .nav > li > a:focus {
            background: none;
            color: #4285f4
        }

    .nav-details .nav > li.active > a {
        color: #4285f4
    }

    .nav-details .nav > li > .nav > li > a {
        font-weight: 300;
        padding-left: 20px
    }

.tabs-menu li.active:after {
    top: 20px
}

.tabs-menu li > a {
    color: #abadb9;
    padding: 15px !important;
    font-weight: 300
}

    .tabs-menu li > a:hover, .tabs-menu li > a:focus, .tabs-menu li > a:active {
        color: #111;
        text-decoration: none;
        background-color: #efefef
    }

.tabs-menu li h3, .tabs-menu li h4, .tabs-menu li h5, .tabs-menu li h6 {
    padding: 15px !important
}

.tabs-menu.tabs-menu-lg > li.active:after {
    top: 21px
}

.tabs-menu.tabs-menu-lg > li > a {
    font-size: 1.1em;
    font-weight: 300 !important
}

.tabs-menu > li.active > a {
    color: #fff;
    font-weight: 300;
    background-color: #4053b9
}

.tabs-menu > li.active:after {
    border-left-color: #4053b9
}

.alert {
    background: #fff;
    font-weight: 400;
    font-size: 13px;
    border-radius: 4px
}

@media only screen and (max-width: 480px) {
    .alert {
        font-size: 13px
    }
}

.alert strong {
    text-transform: uppercase;
    margin-bottom: 3px;
    font-weight: 700;
    font-size: 15px !important
}

.alert.alert-note-no-arrow {
    font-size: 13px;
    font-weight: 400;
    padding: 6px 12px 5px 12px;
    line-height: 1.25;
    position: relative;
    color: #6b4c1f;
    background: #fce4c1 !important;
    margin-bottom: 15px;
    border: 1px solid #fce4c1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.alert.alert-note {
    font-size: 13px;
    font-weight: 400;
    padding: 6px 12px 5px 12px;
    line-height: 1.25;
    position: relative;
    color: #6b4c1f;
    background: #fce4c1 !important;
    margin-bottom: 15px;
    border: 1px solid #fce4c1;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .alert.alert-note:before, .alert.alert-note:after, .alert.alert-note > div:before, .alert.alert-note > div:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0
    }

    .alert.alert-note:before {
        border-bottom: 8px solid transparent;
        border-right: 8px solid #fce4c1;
        border-top: 8px solid transparent;
        left: -5px;
        left: 25px;
        bottom: -17px;
        border: 9px solid transparent;
        border-top-color: #fce4c1
    }

    .alert.alert-note.arrow-lg:before {
        bottom: -24px;
        border: 13px solid transparent;
        border-top-color: #fce4c1
    }

    .alert.alert-note > div {
        padding-right: 26px
    }

    .alert.alert-note.top {
        margin-top: 12px
    }

        .alert.alert-note.top:before {
            border-bottom: 8px solid transparent;
            border-right: 8px solid #fce4c1;
            border-top: 8px solid transparent;
            top: -17px;
            border: 9px solid transparent;
            border-bottom-color: #fce4c1
        }

        .alert.alert-note.top > div {
            padding-right: 26px
        }

.alert.alert-default {
    color: #9E9E9E;
    background-color: #fff
}

.alert.alert-icon {
    position: relative;
    border: 0;
    padding-left: 68px;
    padding-top: 12px;
    padding-bottom: 11px
}

    .alert.alert-icon i {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 22px;
        bottom: 0;
        margin: auto;
        opacity: .8
    }

@media only screen and (max-width: 480px) {
    .alert.alert-icon {
        padding-left: inherit
    }

        .alert.alert-icon i {
            display: none
        }
}

.alert-dismissable .close, .alert-dismissible .close {
    top: -10px;
    font-size: 28px !important;
    font-weight: 300 !important;
    right: -46px
}

.alert.alert-save.alert-default {
    border: solid 1px #e6e6e6 !important;
    color: #8f8f8f
}

    .alert.alert-save.alert-default .close {
        color: #9E9E9E
    }

.postit {
    line-height: 1;
    padding-top: 35px;
    padding: 12px;
    position: relative;
    border: 1px solid #eae899;
    background: #fffc88
}

.checkbox-custom > i, .checkbox-custom-alt > i {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.checkbox-custom-alt input {
    opacity: 0 !important
}

.checkbox-custom-alt > i {
    overflow: hidden;
    border-color: #d0d2d3;
    margin-top: -4px;
    border-radius: 2px
}

    .checkbox-custom-alt > i:before {
        content: '';
        background: url("/content/images/sprite/checkboxes.png") -36px -27px no-repeat;
        width: 100% !important;
        height: 100% !important;
        display: block;
        top: -2px !important;
        left: -2px !important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        transition: none !important
    }

.checkbox-custom-alt input:checked + i, .checkbox-custom-alt input:checked + input + i {
    border-color: #5287b9;
    background-color: #5287b9
}

.checkbox-custom-alt input[disabled] + i, .checkbox-custom-alt input[disabled] + input + i {
    border-color: #e2e2e2;
    background-color: #f2f2f2
}

.checkbox-custom-alt input:checked + i:before, .checkbox-custom-alt input:checked + input + i:before {
    top: 0 !important;
    left: 0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.checkbox-custom-alt input[disabled] + i:before, .checkbox-custom-alt input[disabled] + input + i:before {
    background-position: -141px 2px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.checkbox-custom-alt.checkbox-custom-lg > i:before {
    background-position: 3px -24px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.checkbox-custom-alt.checkbox-custom-lg input[disabled] + i:before, .checkbox-custom-alt.checkbox-custom-lg input[disabled] + input + i:before {
    background-position: -98px 5px
}

.dropdown-menu {
    top: 0%;
    padding: 8px 0;
    margin: 0 auto;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1),0 3px 1px -2px rgba(0,0,0,0.1),0 1px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1),0 3px 1px -2px rgba(0,0,0,0.1),0 1px 5px 0 rgba(0,0,0,0.1);
    border: 1px solid #D5D5D5;
    border-radius: 2px
}

.open > .dropdown-menu {
    width: 100%
}

.dropup .dropdown-menu {
    bottom: -2px
}

.dropdown-menu > li.dropdown-heading {
    padding: 10px 16px 6px 16px;
    text-transform: uppercase;
    color: #787878;
    font-weight: 500;
    letter-spacing: 1px
}

.dropdown-menu > li.divider {
    margin: 8px 0
}

.dropdown-menu > li > a, .dropdown-menu > li > span, .dropdown-menu > li > form > a, .dropdown-menu > li > form > .btn-link {
    color: #000 !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
    display: block !important;
    clear: both !important;
    font-weight: 400 !important;
    line-height: 1.42857143;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box !important
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > span:hover, .dropdown-menu > li > span:focus, .dropdown-menu > li > form > a:hover, .dropdown-menu > li > form > a:focus, .dropdown-menu > li > form > .btn-link:hover, .dropdown-menu > li > form > .btn-link:focus {
        color: #262626;
        background-color: #eee;
        text-decoration: none
    }

    .dropdown-menu > li > a > i, .dropdown-menu > li > span > i, .dropdown-menu > li > form > a > i, .dropdown-menu > li > form > .btn-link > i {
        margin-right: 5px
    }

.dropdown-menu > li > form > .btn-link {
    display: block !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: normal;
    width: 100%;
    text-align: left;
    border: 0;
    text-transform: capitalize
}

    .dropdown-menu > li > form > .btn-link:hover, .dropdown-menu > li > form > .btn-link:focus {
        color: #262626;
        text-decoration: none;
        background-color: #f2f2f2
    }

ul.toggle-summary {
    padding: 0;
    float: left
}

    ul.toggle-summary > li {
        list-style: none;
        line-height: 1
    }

        ul.toggle-summary > li > span {
            line-height: 14px !important
        }

        ul.toggle-summary > li:first-child > span {
            font-size: 16px;
            font-weight: 500;
            line-height: 25px !important
        }

.pageheader-link {
    float: right;
    font-weight: 700;
    font-size: 14px;
    opacity: 0.85;
    margin-top: 11px;
    font-style: normal !important;
    color: #fff !important
}

    .pageheader-link:hover, .pageheader-link:active, .pageheader-link:focus {
        color: #fff !important;
        opacity: 1
    }

@media (max-width: 768px) {
    .pageheader-link {
        margin-top: -15px;
        font-size: 0px
    }
}

.breadcrumb-comment-link .pageheader-link {
    float: right;
    font-weight: 700;
    font-size: 14px;
    margin-top: 11px;
    font-style: normal !important;
    color: #4285f4 !important
}

    .breadcrumb-comment-link .pageheader-link:hover, .breadcrumb-comment-link .pageheader-link:active, .breadcrumb-comment-link .pageheader-link:focus {
        opacity: 0.85
    }

@media (max-width: 768px) {
    .breadcrumb-comment-link .pageheader-link {
        margin-top: -15px;
        font-size: 0px
    }
}

.pageheader {
    padding: 2px 40px;
    margin-bottom: 5px;
    min-height: 103px
}

@media only screen and (max-width: 992px) {
    .pageheader {
        padding: 2px 20px
    }
}

@media only screen and (max-width: 768px) {
    .pageheader {
        min-height: 92px
    }

        .pageheader h2 {
            margin-top: 29px !important
        }

            .pageheader h2 small {
                margin-bottom: 0
            }
}

.pageheader h2 {
    color: inherit;
    margin-top: 33px;
    margin-bottom: 14px;
    font-weight: 300;
    font-size: 31px;
    display: block
}

    .pageheader h2 small {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        color: rgba(255,255,255,0.84) !important;
        margin-top: 6px;
        margin-left: 12px
    }

@media only screen and (max-width: 768px) {
    .pageheader h2 small {
        display: block;
        margin-left: 0
    }
}

.pageheader h5 {
    font-size: 1em
}

.pageheader .page-bar {
    background: none;
    position: absolute;
    top: 15px;
    left: 290px;
    z-index: 1002;
    font-family: "Roboto",Arial,sans-serif
}

@media only screen and (max-width: 992px) {
    .pageheader .page-bar {
        display: none
    }
}

.pageheader .page-bar .page-breadcrumb {
    font-size: 13px;
    font-size: 11.5px;
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: -10px;
    text-transform: uppercase
}

    .pageheader .page-bar .page-breadcrumb > li {
        background: none !important;
        margin: 0 !important
    }

@media only screen and (max-width: 480px) {
    .pageheader .page-bar .page-breadcrumb > li {
        padding-left: 0 !important
    }
}

.pageheader .page-bar .page-breadcrumb > li > span {
    color: #787878;
    padding: 8px 6px;
    letter-spacing: 0.03em;
    font-weight: 500;
    text-transform: capitalize
}

.pageheader .page-bar .page-breadcrumb > li > a {
    color: #4285f4 !important;
    padding: 8px 7px 8px 1px;
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize
}

    .pageheader .page-bar .page-breadcrumb > li > a:hover, .pageheader .page-bar .page-breadcrumb > li > a:focus {
        text-decoration: none;
        color: rgba(66,133,244,0.675) !important
    }

@media only screen and (max-width: 480px) {
    .pageheader .page-bar .page-breadcrumb > li > a {
        padding: 6px 7px 0px 1px
    }
}

.pageheader .page-bar .page-breadcrumb > li:before {
    font-weight: 700;
    color: #c9c9c9;
    content: "/\00a0";
    font-size: 15px;
    vertical-align: -1px
}

@media only screen and (max-width: 480px) {
    .pageheader .page-bar .page-breadcrumb > li:before {
        content: initial
    }
}

.pageheader .page-bar .page-breadcrumb > li:first-child > a {
    padding-left: 0;
    margin-left: -2px
}

.pageheader .projectheader {
    padding: 21px 0 14px 0
}

    .pageheader .projectheader > .row {
        margin-bottom: 0 !important
    }

    .pageheader .projectheader span, .pageheader .projectheader p {
        color: #fff !important;
        margin-bottom: 0
    }

    .pageheader .projectheader .note {
        color: #fff;
        background-color: rgba(255,255,255,0.25)
    }

.panel-default > .panel-heading {
    background-color: #fafafa
}

.panel-collapse .panel-body > hr:last-child {
    display: none !important
}

[data-toggle="popover"] > i.md-info-circle-16, [data-toggle="tooltip"] > i.md-info-circle-16, [data-toggle="popover"] > i.line-info-circle-16, [data-toggle="tooltip"] > i.line-info-circle-16 {
    margin: 0 5px
}

.popover {
    border-color: #d3d3d3
}

.popover-title {
    font-family: "Roboto Slab","Arial Black",Arial,sans-serif;
    background-color: #4285f4 !important;
    color: white !important;
    color: rgba(255,255,255,0.84) !important
}

body.projectmanagement .btn-group .btn.btn-default.active {
    transition: all 0.1s !important
}

    body.projectmanagement .btn-group .btn.btn-default.active, body.projectmanagement .btn-group .btn.btn-default.active:hover, body.projectmanagement .btn-group .btn.btn-default.active:focus, body.projectmanagement .btn-group .btn.btn-default.active:active {
        color: #fff !important;
        background-color: #26A69A !important;
        border-color: #26A69A !important;
        cursor: default
    }

.link-hover:hover, .link-hover:focus {
    color: #4285f4 !important
}

.link-inverse {
    color: #111 !important
}

    .link-inverse:hover, .link-inverse:focus {
        color: #4285f4 !important
    }

.link-inverse-lightgray {
    color: #b0b0b0 !important
}

    .link-inverse-lightgray:hover, .link-inverse-lightgray:focus {
        color: #4285f4 !important
    }

.link-inverse-muted {
    color: #787878 !important
}

    .link-inverse-muted:hover, .link-inverse-muted:focus {
        color: #4285f4 !important
    }

a > i, a > span > i, .link > i, span[data-ajax-target]:not(.btn-flat-dk) > i, span[data-ajax-target]:not(.btn-flat-dk) > span > i {
    transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out
}

    a > i:hover, a > i:active, a > span > i:hover, a > span > i:active, .link > i:hover, .link > i:active, span[data-ajax-target]:not(.btn-flat-dk) > i:hover, span[data-ajax-target]:not(.btn-flat-dk) > i:active, span[data-ajax-target]:not(.btn-flat-dk) > span > i:hover, span[data-ajax-target]:not(.btn-flat-dk) > span > i:active {
        opacity: 0.76
    }

span.link, span[data-ajax-href]:not(.btn) {
    color: #4285f4;
    -webkit-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out;
    -moz-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out;
    transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out
}

    span.link:hover, span.link:focus, span.link:active, span[data-ajax-href]:not(.btn):hover, span[data-ajax-href]:not(.btn):focus, span[data-ajax-href]:not(.btn):active {
        color: rgba(66,133,244,0.675);
        outline: 0;
        cursor: pointer;
        text-decoration: none
    }

body a {
    color: #4285f4;
    -webkit-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out;
    -moz-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out;
    transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out
}

    body a:hover, body a:focus, body a:active {
        color: rgba(66,133,244,0.675);
        text-decoration: none
    }

    body a.disabled {
        opacity: 0.65
    }

        body a.disabled:hover {
            cursor: not-allowed
        }

    body a.btn.disabled, body a fieldset[disabled] a.btn, body a form[disabled] a.btn {
        pointer-events: auto
    }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .5
}

.btn:not(.btn-link):not(.btn-border), button:not(.btn-link):not(.btn-border), input[type="submit"]:not(.btn-link):not(.btn-border) {
    font-size: 13px;
    font-family: "Roboto",Arial,sans-serif;
    color: rgba(255,255,255,0.84);
    font-weight: 400 !important;
    border: 0;
    letter-spacing: .3px;
    padding: 0 26px;
    margin-left: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
    vertical-align: middle;
    height: 34px;
    line-height: 35px;
    outline: 0;
    border: 0;
    border-radius: 3px;
    -webkit-tap-highlight-color: transparent;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0, 0, 0.2, 1)
}

    .btn:not(.btn-link):not(.btn-border):hover, button:not(.btn-link):not(.btn-border):hover, input[type="submit"]:not(.btn-link):not(.btn-border):hover {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
    }

    .btn:not(.btn-link):not(.btn-border):hover, .btn:not(.btn-link):not(.btn-border):focus, .btn:not(.btn-link):not(.btn-border):active, button:not(.btn-link):not(.btn-border):hover, button:not(.btn-link):not(.btn-border):focus, button:not(.btn-link):not(.btn-border):active, input[type="submit"]:not(.btn-link):not(.btn-border):hover, input[type="submit"]:not(.btn-link):not(.btn-border):focus, input[type="submit"]:not(.btn-link):not(.btn-border):active {
        color: #fff
    }

@media only screen and (max-width: 480px) {
    .btn:not(.btn-link):not(.btn-border), button:not(.btn-link):not(.btn-border), input[type="submit"]:not(.btn-link):not(.btn-border) {
        margin-left: 0
    }

        .btn:not(.btn-link):not(.btn-border).block-xs, button:not(.btn-link):not(.btn-border).block-xs, input[type="submit"]:not(.btn-link):not(.btn-border).block-xs {
            display: block;
            width: 100%
        }
}

.btn:not(.btn-link):not(.btn-border).btn-xs, button:not(.btn-link):not(.btn-border).btn-xs, input[type="submit"]:not(.btn-link):not(.btn-border).btn-xs {
    font-size: 11px;
    height: 22px;
    line-height: 23px
}

.btn:not(.btn-link):not(.btn-border).btn-sm, button:not(.btn-link):not(.btn-border).btn-sm, input[type="submit"]:not(.btn-link):not(.btn-border).btn-sm {
    font-size: 12px;
    height: 30px;
    line-height: 32px
}

.btn:not(.btn-link):not(.btn-border).btn-lg, button:not(.btn-link):not(.btn-border).btn-lg, input[type="submit"]:not(.btn-link):not(.btn-border).btn-lg {
    font-size: 14px;
    height: 46px;
    line-height: 47px;
    min-width: 110px
}

.btn:not(.btn-link):not(.btn-border).btn-xl, button:not(.btn-link):not(.btn-border).btn-xl, input[type="submit"]:not(.btn-link):not(.btn-border).btn-xl {
    font-size: 16px;
    height: 54px;
    line-height: 56px
}

.btn:not(.btn-link):not(.btn-border).btn-default, button:not(.btn-link):not(.btn-border).btn-default, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default {
    color: #111;
    background-color: #fff;
    border: solid 1px #ddd !important;
    line-height: 34px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.15)
}

    .btn:not(.btn-link):not(.btn-border).btn-default:hover, button:not(.btn-link):not(.btn-border).btn-default:hover, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default:hover {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.11),0 4px 11px 0 rgba(0,0,0,0.1);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,0.11),0 4px 11px 0 rgba(0,0,0,0.1)
    }

    .btn:not(.btn-link):not(.btn-border).btn-default:hover, .btn:not(.btn-link):not(.btn-border).btn-default:focus, .btn:not(.btn-link):not(.btn-border).btn-default:active, button:not(.btn-link):not(.btn-border).btn-default:hover, button:not(.btn-link):not(.btn-border).btn-default:focus, button:not(.btn-link):not(.btn-border).btn-default:active, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default:hover, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default:focus, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default:active {
        color: #000;
        background-color: #fff !important
    }

    .btn:not(.btn-link):not(.btn-border).btn-default.btn-xs, button:not(.btn-link):not(.btn-border).btn-default.btn-xs, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default.btn-xs {
        line-height: 21px
    }

    .btn:not(.btn-link):not(.btn-border).btn-default.btn-sm, button:not(.btn-link):not(.btn-border).btn-default.btn-sm, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default.btn-sm {
        line-height: 29px
    }

    .btn:not(.btn-link):not(.btn-border).btn-default.btn-lg, button:not(.btn-link):not(.btn-border).btn-default.btn-lg, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default.btn-lg {
        line-height: 35px
    }

    .btn:not(.btn-link):not(.btn-border).btn-default.btn-rounded-30.btn-xs, .btn:not(.btn-link):not(.btn-border).btn-default.btn-rounded-40.btn-xs, .btn:not(.btn-link):not(.btn-border).btn-default.btn-rounded-50.btn-xs, button:not(.btn-link):not(.btn-border).btn-default.btn-rounded-30.btn-xs, button:not(.btn-link):not(.btn-border).btn-default.btn-rounded-40.btn-xs, button:not(.btn-link):not(.btn-border).btn-default.btn-rounded-50.btn-xs, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default.btn-rounded-30.btn-xs, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default.btn-rounded-40.btn-xs, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default.btn-rounded-50.btn-xs {
        line-height: 22px !important
    }

    .btn:not(.btn-link):not(.btn-border).btn-default.btn-rounded-30.btn-sm, .btn:not(.btn-link):not(.btn-border).btn-default.btn-rounded-40.btn-sm, .btn:not(.btn-link):not(.btn-border).btn-default.btn-rounded-50.btn-sm, button:not(.btn-link):not(.btn-border).btn-default.btn-rounded-30.btn-sm, button:not(.btn-link):not(.btn-border).btn-default.btn-rounded-40.btn-sm, button:not(.btn-link):not(.btn-border).btn-default.btn-rounded-50.btn-sm, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default.btn-rounded-30.btn-sm, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default.btn-rounded-40.btn-sm, input[type="submit"]:not(.btn-link):not(.btn-border).btn-default.btn-rounded-50.btn-sm {
        line-height: 30px !important
    }

.btn:not(.btn-link):not(.btn-border) .caret, button:not(.btn-link):not(.btn-border) .caret, input[type="submit"]:not(.btn-link):not(.btn-border) .caret {
    margin-left: 2px
}

.btn.btn-border {
    background-color: transparent !important;
    font-size: 13px;
    color: rgba(255,255,255,0.84);
    font-weight: 400 !important;
    border: solid 1px !important;
    border-radius: 2px;
    letter-spacing: .3px;
    padding: 0 22px;
    text-transform: uppercase;
    vertical-align: middle;
    height: 34px;
    line-height: 33px;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: all 0.225s ease-out;
    -moz-transition: all 0.225s ease-out;
    transition: all 0.225s ease-out
}

    .btn.btn-border.btn-xs {
        font-size: 11px;
        height: 22px;
        line-height: 21px
    }

    .btn.btn-border.btn-sm {
        font-size: 12px;
        height: 30px;
        line-height: 30px
    }

    .btn.btn-border.btn-lg {
        font-size: 14px;
        height: 46px;
        line-height: 35px
    }

    .btn.btn-border.btn-xl {
        height: 55px;
        line-height: 56px
    }

    .btn.btn-border.btn-darkgray {
        background-color: #fff !important
    }

        .btn.btn-border.btn-darkgray:hover {
            background-color: transparent !important
        }

.btn-link {
    color: #4285f4;
    font-family: "Roboto","Segoe UI",Arial,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .3px;
    line-height: 1.64;
    -webkit-transition: all 0.225s ease-out;
    -moz-transition: all 0.225s ease-out;
    transition: all 0.225s ease-out
}

    .btn-link:hover, .btn-link:focus, .btn-link:active {
        text-decoration: none;
        color: rgba(66,133,244,0.675)
    }

    .btn-link.disabled {
        opacity: 0.5 !important;
        cursor: not-allowed
    }

.btn.btn-flat:not(.btn-link):not(.btn-border), .btn.btn-flat-lt:not(.btn-link):not(.btn-border), .btn.btn-flat-dk:not(.btn-link):not(.btn-border) {
    background: none;
    font-weight: 500 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    .btn.btn-flat:not(.btn-link):not(.btn-border):not(.btn-link), .btn.btn-flat:not(.btn-link):not(.btn-border):not(.btn-link):hover, .btn.btn-flat:not(.btn-link):not(.btn-border):not(.btn-link):focus, .btn.btn-flat-lt:not(.btn-link):not(.btn-border):not(.btn-link), .btn.btn-flat-lt:not(.btn-link):not(.btn-border):not(.btn-link):hover, .btn.btn-flat-lt:not(.btn-link):not(.btn-border):not(.btn-link):focus, .btn.btn-flat-dk:not(.btn-link):not(.btn-border):not(.btn-link), .btn.btn-flat-dk:not(.btn-link):not(.btn-border):not(.btn-link):hover, .btn.btn-flat-dk:not(.btn-link):not(.btn-border):not(.btn-link):focus {
        color: #4285f4
    }

    .btn.btn-flat:not(.btn-link):not(.btn-border).transparent-text, .btn.btn-flat:not(.btn-link):not(.btn-border).transparent-text:hover, .btn.btn-flat:not(.btn-link):not(.btn-border).transparent-text:focus, .btn.btn-flat-lt:not(.btn-link):not(.btn-border).transparent-text, .btn.btn-flat-lt:not(.btn-link):not(.btn-border).transparent-text:hover, .btn.btn-flat-lt:not(.btn-link):not(.btn-border).transparent-text:focus, .btn.btn-flat-dk:not(.btn-link):not(.btn-border).transparent-text, .btn.btn-flat-dk:not(.btn-link):not(.btn-border).transparent-text:hover, .btn.btn-flat-dk:not(.btn-link):not(.btn-border).transparent-text:focus {
        color: rgba(255,255,255,0.84)
    }

.btn-flat-lt:hover, .btn-flat-lt:focus {
    background-color: rgba(238,238,238,0.3) !important
}

.btn-flat-lt:active {
    background-color: rgba(238,238,238,0.3) !important
}

.btn-flat:hover, .btn-flat:focus, .btn-flat-dk:hover, .btn-flat-dk:focus {
    background-color: rgba(126,146,158,0.3) !important
}

.btn-flat:active, .btn-flat-dk:active {
    background-color: rgba(126,146,158,0.3) !important
}

.btn-flat.disabled, .btn-flat-dk.disabled {
    opacity: 0.4
}

    .btn-flat.disabled:hover, .btn-flat.disabled:focus, .btn-flat.disabled:active, .btn-flat-dk.disabled:hover, .btn-flat-dk.disabled:focus, .btn-flat-dk.disabled:active {
        background: none !important
    }

.btn.btn-overlay {
    background: rgba(255,255,255,0.2);
    border: solid 1px rgba(255,255,255,0.75) !important;
    color: white !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    .btn.btn-overlay:hover, .btn.btn-overlay:focus {
        background: rgba(255,255,255,0.32)
    }

    .btn.btn-overlay.dark {
        background: rgba(0,0,0,0.12)
    }

        .btn.btn-overlay.dark:hover, .btn.btn-overlay.dark:focus {
            background: rgba(0,0,0,0.22)
        }

.btn-subtext {
    line-height: 1.45 !important;
    height: 70px !important;
    font-size: 16px !important
}

    .btn-subtext small {
        font-size: 11px;
        font-weight: 400;
        text-transform: initial
    }

.btn.btn-md {
    height: 39px !important;
    line-height: 40px !important
}

.btn-tile {
    height: auto !important;
    padding: 26px 20px 6px 20px !important
}

    .btn-tile i {
        display: block;
        margin: auto;
        margin-bottom: 8px
    }

.btn-round-26 {
    width: 43px !important;
    height: 43px !important;
    line-height: 41px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    text-align: center
}

.btn-rounded-30 {
    border-radius: 30px !important
}

.btn-rounded-50 {
    border-radius: 50px !important
}

.btn-icon-16 {
    padding: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
    width: 40px;
    border-radius: 50% !important
}

.btn-icon-18 {
    padding: 0 !important;
    height: 44px !important;
    line-height: 40px !important;
    width: 44px;
    border-radius: 50% !important
}

.btn-new-tab {
    background-color: #e6e6e6;
    padding: 0 5px;
    margin-left: 10px;
    border-radius: 2px
}

    .btn-new-tab > i {
        opacity: .425;
        transform: scale(0.75) !important;
        vertical-align: -2px
    }

    .btn-new-tab:hover > i {
        opacity: .7
    }

.btn-toggle-collapse {
    opacity: .175;
    width: 20px;
    height: 20px !important;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block;
    background: url(/Content/images/icon/icon-show-more-less.png) 0 0 no-repeat;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: opacity 0.3s !important;
    -moz-transition: opacity 0.3s !important;
    transition: opacity 0.3s !important
}

    .btn-toggle-collapse:hover {
        opacity: .5
    }

    .btn-toggle-collapse.active {
        background-position: 0 -22px
    }

.btn-group.btn-group-justified .btn-group > .btn {
    height: 100%
}

.btn-group .btn, .btn-group-vertical .btn {
    white-space: normal;
    margin-bottom: 0 !important
}

.btn-group > .btn-lg {
    line-height: 39px !important
}

.btn-group[role="tablist"] .btn-default {
    color: #6b6b6b !important
}

    .btn-group[role="tablist"] .btn-default:hover, .btn-group[role="tablist"] .btn-default:focus {
        color: #111 !important
    }

    .btn-group[role="tablist"] .btn-default.active, .btn-group[role="tablist"] .btn-default.active:hover, .btn-group[role="tablist"] .btn-default.active:focus {
        color: #111 !important;
        background-color: #fff !important;
        -webkit-box-shadow: 0 1px 1px #e5eaee;
        box-shadow: 0 1px 1px #e5eaee;
        font-weight: 700
    }

        .btn-group[role="tablist"] .btn-default.active:before, .btn-group[role="tablist"] .btn-default.active:after, .btn-group[role="tablist"] .btn-default.active:hover:before, .btn-group[role="tablist"] .btn-default.active:hover:after, .btn-group[role="tablist"] .btn-default.active:focus:before, .btn-group[role="tablist"] .btn-default.active:focus:after {
            content: '';
            position: absolute;
            bottom: -7px;
            left: 50%;
            margin-left: -7px;
            height: 0;
            width: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #ddd;
            z-index: 0
        }

        .btn-group[role="tablist"] .btn-default.active:after, .btn-group[role="tablist"] .btn-default.active:hover:after, .btn-group[role="tablist"] .btn-default.active:focus:after {
            bottom: -5px;
            margin-left: -5px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #fff;
            z-index: 1
        }

.btn-group.btn-group-rounded .btn {
    border-radius: 40px
}

.btn-group .btn.btn-default.active, .btn-group .btn.btn-default.active:hover, .btn-group .btn.btn-default.active:focus, .btn-group .btn.btn-default.active:active {
    color: #fff !important;
    background-color: #4285f4 !important;
    border-color: #4285f4 !important;
    cursor: default
}

.btn-filter-toolbar .legend {
    font-weight: 200;
    vertical-align: -1px
}

.btn-filter-toolbar .btn-group .btn {
    position: relative;
    text-transform: none !important;
    font-weight: 200;
    font-size: 1.1em;
    padding-left: 16px;
    padding-right: 16px
}

    .btn-filter-toolbar .btn-group .btn:focus, .btn-filter-toolbar .btn-group .btn:active {
        opacity: 1 !important;
        color: #4285f4 !important
    }

    .btn-filter-toolbar .btn-group .btn.active {
        font-weight: bolder
    }

    .btn-filter-toolbar .btn-group .btn .badge {
        position: absolute;
        top: 0;
        right: -2px;
        padding: 3px 3px 2px 3px;
        border-radius: 50%
    }

.btn.btn-xl.multi-line {
    line-height: 18px !important;
    padding-top: 11px !important;
    font-size: 14px !important
}

.k-header.k-grid-toolbar .btn-filter-toolbar .btn {
    height: auto;
    line-height: 30px
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, input[disabled], input[readonly] {
    opacity: .5
}

.form-stamp {
    margin-top: 3px
}

    .form-stamp > span {
        font-size: 13px;
        font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif;
        display: block;
        color: #787878
    }

        .form-stamp > span em {
            font-style: normal;
            color: inherit
        }

    .form-stamp .badge {
        vertical-align: 0;
        margin: 0 0 0 2px;
        border-color: #949fda;
        background-color: #949fda
    }

.form-control-static {
    padding-top: 10px;
    padding-bottom: 6px
}

.form-group.legend {
    padding-bottom: 8px;
    border-bottom: 1px dashed #bfbfbf
}

    .form-group.legend h1, .form-group.legend h2, .form-group.legend h3, .form-group.legend h4, .form-group.legend h5, .form-group.legend h6 {
        color: #111;
        font-weight: 300
    }

    .form-group.legend p {
        color: #787878;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0
    }

.form-group-fixed {
    position: fixed;
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0.05) 0%,rgba(0, 0, 0, 0.2) 100%);
    bottom: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 9px 40px 8px 40px
}

@media only screen and (max-width: 992px) {
    .form-group-fixed {
        padding: 9px 20px 8px 20px
    }
}

.form-group-fixed .validation-summary-valid {
    display: none
}

.form-group-fixed .validation-summary-errors {
    margin: 0 0 8px 0;
    color: #fff !important;
    text-shadow: 1px 1px 1px #853892;
    font-size: 14px;
    font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif
}

    .form-group-fixed .validation-summary-errors span {
        color: #fff
    }

    .form-group-fixed .validation-summary-errors ul {
        display: none
    }

textarea.form-control {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.textarea-subtle, .textarea-subtle:hover, .textarea-subtle:focus, .textarea-subtle:active {
    font-size: 13px;
    background: #f1f3f2;
    border: 0 !important;
    border-bottom: solid 1px #ddd !important
}

label:not(.checkbox):not(.radio) {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}

.help-block {
    font-size: 12px;
    color: #787878;
    margin-bottom: -6px !important;
    line-height: 1.14
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 13px
    }
}

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

.input-group-addon {
    background-color: #f4f4f4;
    border: 1px solid #b1bac0
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    .input-group-btn:first-child > .btn.btn-default, .input-group-btn:last-child > .btn.btn-default {
        border-color: #b1bac0 !important
    }

.jstree-anchor [data-ajax-href] {
    color: inherit !important;
    padding: inherit !important;
    display: inherit !important;
    height: inherit !important;
    line-height: inherit !important;
    vertical-align: inherit !important;
    white-space: inherit !important;
    text-decoration: inherit !important;
    transition: inherit !important
}

    .jstree-anchor [data-ajax-href].jstree-clicked {
        background: #beebff;
        padding-left: 4px !important;
        border-radius: 2px !important;
        -webkit-box-shadow: inset 0 0 1px #999;
        box-shadow: inset 0 0 1px #999
    }

.validation-summary-valid {
    display: none
}

.field-validation-valid {
    display: none !important
}

.field-validation-error, .validation-summary-errors {
    display: block;
    line-height: 1.2;
    color: #ff4a87 !important;
    padding: 5px 0 0 0;
    -webkit-transition: all 0.025s ease-in !important;
    -moz-transition: all 0.025s ease-in !important;
    transition: all 0.025s ease-in !important
}

    .field-validation-error span, .validation-summary-errors span {
        line-height: 1.2
    }

.validation-summary-errors {
    padding: 0;
    margin-bottom: 15px;
    border-radius: 2px
}

    .validation-summary-errors span {
        color: #111;
        display: block;
        margin-bottom: 7px
    }

    .validation-summary-errors > ul {
        margin: 0;
        padding: 0
    }

        .validation-summary-errors > ul li {
            list-style: none;
            line-height: 1.5;
            padding: 3px 8px;
            margin: 2px 0;
            background: #ffecf3;
            border: solid 1px #ffdee9
        }

.validation-summary-muted .field-validation-error, .validation-summary-muted .validation-summary-errors {
    display: block;
    color: #111 !important
}

    .validation-summary-muted .field-validation-error > ul, .validation-summary-muted .validation-summary-errors > ul {
        margin-left: 18px
    }

        .validation-summary-muted .field-validation-error > ul li, .validation-summary-muted .validation-summary-errors > ul li {
            list-style: disc;
            border: 0 !important;
            background: none !important
        }

#file-validation-msg {
    line-height: 1.5
}

[data-toggle="tooltip"] + .tooltip {
    line-height: 1.225 !important
}

.tooltip {
    font-family: "Roboto","Segoe UI",Arial,sans-serif !important;
    font-weight: 300;
    z-index: 9999;
    position: fixed
}

@media only screen and (max-width: 768px) {
    .tooltip {
        display: none !important
    }
}

.tooltip-inner {
    padding: 5px 8px 4px 8px;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
    background-color: #737373;
    font-weight: 400;
    background-color: rgba(0,0,0,0.85)
}

.tooltip-arrow {
    display: none
}

.tooltip-lg + .tooltip {
    font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif;
    font-size: 18px !important;
    letter-spacing: .3px
}

[data-toggle="tooltip"].text-left + .tooltip .tooltip-inner {
    text-align: left
}

.tooltip-xwide + .tooltip .tooltip-inner {
    max-width: 400px;
    text-align: left
}

@media only screen and (max-width: 992px) {
    .tooltip-hidden-mobile + .tooltip {
        display: none !important;
        visibility: hidden !important
    }
}

#header {
    position: relative;
    padding-right: 12px
}

    #header .nav-left {
        margin-left: 20px
    }

@media only screen and (max-width: 580px) {
    #header .nav-left {
        overflow-x: scroll;
        max-width: 43%;
        white-space: nowrap
    }
}

@media only screen and (max-width: 480px) {
    #header .nav-left {
        margin-left: 0
    }
}

#header .nav-left > li a, #header .nav-right > li a {
    line-height: 62px !important
}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4 {
    margin-bottom: 6px;
    line-height: 1.5
}

    .heading-block h1 + p, .heading-block h2 + p, .heading-block h3 + p, .heading-block h4 + p {
        color: #787878
    }

.heading-block:after {
    content: '';
    display: block;
    margin-top: 20px;
    width: 50px;
    border-top: 2px solid #4285f4
}

.heading-block.sans-line:after {
    border: 0
}

.heading-block.center {
    text-align: center
}

    .heading-block.center:after {
        margin: 30px auto 0
    }

.heading-block.color-divider:after {
    border-color: #4285f4
}

@media (min-width: 768px) {
    .lead {
        font-size: 20px
    }
}

.heading {
    display: block;
    font-weight: 500;
    text-transform: uppercase
}

.subheading {
    color: #787878;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px
}

.line-heading {
    padding-top: 1px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    margin-bottom: 28px;
    font-size: 20px !important;
    font-weight: 400 !important
}

    .line-heading small {
        margin-left: 6px
    }

    .line-heading a {
        float: right;
        font-size: 65%
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 12px;
    font-weight: 300
}

h1, .h1 {
    font-size: 48px
}

h2, .h2 {
    font-size: 32px
}

h3, .h3 {
    font-size: 26px
}

h4, .h4 {
    font-size: 20px;
    font-weight: 400 !important
}

h5, .h5 {
    font-size: 20px;
    font-weight: 500 !important
}

    h5.lg, .h5.lg {
        font-size: 25px
    }

h6, .h6 {
    font-size: 16px
}

    h1.spaced, .h1.spaced, h2.spaced, .h2.spaced, h3.spaced, .h3.spaced, h4.spaced, .h4.spaced, h5.spaced, .h5.spaced, h6.spaced, .h6.spaced {
        margin-bottom: 24px
    }

    h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
        font-size: 65%;
        color: #787878;
        text-transform: initial;
        font-weight: 300;
        margin: 8px 0
    }

@media only screen and (max-width: 480px) {
    h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
        display: block;
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 768px) {
    .h1, h1 {
        font-size: 32px
    }

    .h2, h2 {
        font-size: 28px
    }
}

@media only screen and (max-width: 480px) {
    .h1, h1 {
        font-size: 22px
    }

    .h2, h2 {
        font-size: 18px
    }

    .h3, h3 {
        font-size: 17px
    }

    .h4, h4 {
        font-size: 16px
    }

    .h5, h5 {
        font-size: 15px
    }
}

.list-radios > li {
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 0 !important
}

.link-list {
    font-size: 1.3em;
    font-weight: 300;
    display: block;
    float: left;
    clear: left;
    margin-top: 6px;
    margin-bottom: 12px
}

ul.icon-list li {
    list-style: none
}

    ul.icon-list li i {
        min-width: 25px
    }

    ul.icon-list li:last-child {
        border-bottom: 0 !important
    }

ul.list-spaced li {
    margin: 6px 0
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #4053b9;
    border-color: #4053b9
}

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #fff;
        color: rgba(255,255,255,0.75)
    }

.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.list-group-item:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.list-group-comment .thumb {
    width: 40px
}

.list-group-comment .img-circle {
    height: 40px;
    background-color: #616f77;
    color: white;
    text-transform: uppercase;
    font-size: 22px;
    padding: 1px 0;
    text-align: center;
    line-height: 39px
}

.progress-list {
    margin: 20px 0px 6px 0 !important
}

    .progress-list .details .description {
        text-transform: capitalize !important
    }

    .progress-list.block .details {
        float: none
    }

.bg-pattern-1 {
    background: url(/content/images/background/patterns/1.jpg) no-repeat
}

.bg-pattern-2 {
    background: url(/content/images/background/patterns/2.jpg) no-repeat
}

.bg-pattern-3 {
    background: url(/content/images/background/patterns/3.jpg) no-repeat
}

.bg-pattern-4 {
    background: url(/content/images/background/patterns/4.jpg) no-repeat
}

.modal-header {
    border: 0
}

    .modal-header .close {
        opacity: 0.7;
        margin-top: 3px;
        margin-right: 0px;
        -webkit-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out;
        -moz-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out;
        transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out
    }

        .modal-header .close:hover, .modal-header .close:focus, .modal-header .close:active {
            opacity: 1
        }

.modal-content {
    min-height: 66px
}

.modal-footer {
    background: none;
    border: 0
}

.modal-delete .modal-content {
    background-image: url("/content/images/icon/trashcan2.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    background-origin: content-box;
    padding: 12px
}

    .modal-delete .modal-content .modal-header .close {
        margin-top: 0
    }

.modal-fullsize {
    left: auto !important;
    top: 0 !important;
    height: 100%;
    min-height: 100%;
    width: 65%;
    overflow-x: hidden !important;
    overflow-y: auto !important
}

    .modal-fullsize.in .ajax-inbound.preloader {
        overflow: visible
    }

        .modal-fullsize.in .ajax-inbound.preloader:after {
            top: -47px;
            height: 12px;
            width: 1800px;
            background-size: cover
        }

    .modal-fullsize.md {
        min-width: 850px;
        width: 45%
    }

@media screen and (max-width: 1000px) {
    .modal-fullsize {
        width: 100%
    }
}

.modal-fullsize.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(3%, 0);
    -ms-transform: translate(3%, 0);
    -o-transform: translate(3%, 0);
    transform: translate(3%, 0)
}

.modal-fullsize.fade.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-fullsize .close {
    float: none;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    padding-left: 22px;
    padding-top: 0px;
    text-transform: lowercase;
    opacity: .55 !important;
    margin: 20px 26px 8px 26px;
    transition: opacity .2s
}

    .modal-fullsize .close:hover {
        opacity: 1 !important
    }

.modal-fullsize .modal-dialog, .modal-fullsize .modal-content {
    min-height: 100%
}

.modal-fullsize .modal-dialog {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff
}

.modal-fullsize .modal-content {
    border: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.media {
    display: block
}

    .media .media-heading {
        font-size: 1.16em
    }

.media-fixed-height .media {
    height: 65px
}

.media.file {
    -webkit-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out;
    -moz-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out;
    transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out
}

    .media.file, .media.file:first-child {
        margin-top: 0;
        margin-bottom: 0;
        border: solid 1px transparent;
        min-height: 122px
    }

        .media.file small {
            display: block;
            margin-bottom: 4px;
            margin-top: 4px
        }

a.media, .media[data-ajax-href] {
    color: inherit
}

    a.media:hover, a.media:focus, .media[data-ajax-href]:hover, .media[data-ajax-href]:focus {
        color: inherit;
        cursor: pointer;
        background: #f0f6fb;
        background: rgba(0,110,189,0.1);
        border-color: #f0f6fb;
        border-color: rgba(0,110,189,0.1);
        text-decoration: none
    }

.appWrapper.boxed-content.header-static #content {
    padding-left: 0
}

@media only screen and (min-width: 768px) {
    body.boxed-content #content {
        left: 0 !important;
        margin: auto;
        width: 100% !important
    }
}

@media only screen and (min-width: 1420px) {
    body.boxed-content #content {
        left: 0 !important;
        margin: auto;
        width: 1420px !important
    }
}

.badge-icon {
    position: relative
}

    .badge-icon .badge {
        position: absolute;
        top: -6px;
        left: -7px;
        text-align: center !important
    }

    .badge-icon.grid .badge-xs {
        padding-left: 1px
    }

.badge {
    border-radius: 2px;
    padding: 4px 5px 3px 5px;
    color: #fff !important;
    color: rgba(255,255,255,0.95) !important
}

.badge-xs {
    padding: 1px 3px 1px 3px;
    font-size: 11px
}

.badge-xxs {
    padding: 1px 2px 1px 3px;
    font-size: 9px
}

.badge-sm {
    padding: 3px 4px 2px 4px
}

.badge-md {
    padding: 6px 7px 5px 7px;
    font-size: 13px
}

.badge-lg {
    font-size: 1em;
    padding: 4px 6px 3px 6px
}

.badge.padded {
    padding: 6px 9px 5px 9px
}

.btn .badge {
    top: -2px
}

.badge.rounded {
    border-radius: 40px;
    padding: 6px 7px 4px 7px;
    font-weight: 500
}

.badge-dot {
    width: 8px;
    height: 8px;
    min-width: 0;
    padding: 0;
    margin: 0 2px;
    background-color: #9f9f9f;
    display: inline-block !important;
    border-radius: 50%;
    vertical-align: 0px
}

    .badge-dot[data-email-status="Delivered"], .badge-dot[data-email-status="delivered"], .badge-dot[data-email-status="Accepted"], .badge-dot[data-email-status="accepted"] {
        background-color: #53ea66
    }

    .badge-dot[data-email-status="Not Delivered"], .badge-dot[data-email-status="not_delivered"] {
        background-color: #ea494d
    }

.status-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: solid 1px rgba(51,51,51,0.35);
    background-color: #eee;
    vertical-align: middle;
    margin: 0 4px
}

    .status-dot.info {
        background-color: #787878
    }

    .status-dot.green {
        background-color: #53ea66
    }

    .status-dot.yellow {
        background-color: #fad600
    }

    .status-dot.red {
        background-color: #ea494d
    }

table.table.layout-fixed {
    table-layout: fixed
}

.table th.col-hl {
    color: #4285f4;
    font-weight: 900;
    border-bottom: solid 2px #4285f4 !important
}

.table.h-48 tr > td {
    height: 48px
}

.table tr.bt-0 > td {
    border-top: 0 !important
}

.table tr.bb-0 > td {
    border-bottom: 0 !important
}

.table.table-condensed > tbody > tr > td {
    padding: 4px 6px 2px 6px
}

.table.table-condensed.condensed-ultra > tbody > tr > td {
    padding-top: 2px;
    padding-bottom: 0px
}

.table.table-bordered-list td {
    border: 0 !important;
    border-top: solid 1px #e2e2e2 !important;
    border-bottom: solid 1px #e2e2e2 !important
}

.table.table-bordered-list.in-bordered-table tr:first-child td {
    border-top: 0 !important
}

.table.table-bordered-list.in-bordered-table tr:last-child td {
    border-bottom: 0 !important
}

.table.b-0 td {
    border: 0 !important
}

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

    .table td .btn {
        margin-bottom: 0
    }

.table .em {
    color: #4F4F4F;
    font-weight: 500
}

.table .nowrap {
    white-space: nowrap
}

.table .ellipsis-cell > div {
    position: relative;
    overflow: hidden;
    height: 1em
}

    .table .ellipsis-cell > div > span {
        display: block;
        position: absolute;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1;
        padding-bottom: 1px
    }

    .table .ellipsis-cell > div:after {
        content: attr(title);
        overflow: hidden;
        height: 0;
        display: block
    }

.table-condensed-xs td {
    padding: 1px 8px 0 8px !important
}

.table-striped > tbody > tr td {
    border-color: transparent
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f5f5f5
}

.table tr.btn-bar {
    background-color: #f1f1f1
}

    .table tr.btn-bar > td {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-right: 0 !important
    }

        .table tr.btn-bar > td .btn-sm {
            height: 38px !important;
            line-height: 31px !important;
            border-radius: 0 !important;
            padding-left: 14px;
            padding-right: 14px;
            margin: 0 !important;
            float: right !important;
            font-weight: 500 !important
        }

            .table tr.btn-bar > td .btn-sm:hover {
                background-color: #ddd
            }

            .table tr.btn-bar > td .btn-sm.disabled {
                opacity: .5
            }

                .table tr.btn-bar > td .btn-sm.disabled:hover, .table tr.btn-bar > td .btn-sm.disabled:focus {
                    background: none
                }

.table.v-top tr td {
    vertical-align: top !important
}

.table.v-top > tbody > tr td.editable-cell span[data-ajax-href] .cell-link {
    vertical-align: top !important
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd !important
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 9px 8px 7px 8px
}

table.table-editable > tbody > tr td.editable-cell {
    height: 100%;
    padding: 0
}

    table.table-editable > tbody > tr td.editable-cell.highlight {
        position: relative
    }

        table.table-editable > tbody > tr td.editable-cell.highlight:before {
            content: '*';
            color: #787878;
            position: absolute;
            top: 2px;
            right: 3px;
            font-size: 16px;
            font-weight: bold;
            z-index: 999
        }

    table.table-editable > tbody > tr td.editable-cell a, table.table-editable > tbody > tr td.editable-cell span[data-ajax-href] {
        display: table;
        height: 100%;
        width: 100%
    }

        table.table-editable > tbody > tr td.editable-cell a:hover, table.table-editable > tbody > tr td.editable-cell span[data-ajax-href]:hover {
            background-color: #eee;
            color: #4285f4
        }

        table.table-editable > tbody > tr td.editable-cell a .cell-link, table.table-editable > tbody > tr td.editable-cell span[data-ajax-href] .cell-link {
            padding: 9px 8px 7px 8px;
            display: table-cell;
            vertical-align: middle
        }

    table.table-editable > tbody > tr td.editable-cell.cell-sm a .cell-link, table.table-editable > tbody > tr td.editable-cell.cell-sm span[data-ajax-href] .cell-link {
        padding: 6px 8px 4px 8px
    }

    table.table-editable > tbody > tr td.editable-cell.cell-muted a, table.table-editable > tbody > tr td.editable-cell.cell-muted span[data-ajax-href] {
        color: #787878
    }

        table.table-editable > tbody > tr td.editable-cell.cell-muted a:hover, table.table-editable > tbody > tr td.editable-cell.cell-muted span[data-ajax-href]:hover {
            color: #4285f4
        }

    table.table-editable > tbody > tr td.editable-cell.cell-default a, table.table-editable > tbody > tr td.editable-cell.cell-default span[data-ajax-href] {
        color: #111
    }

        table.table-editable > tbody > tr td.editable-cell.cell-default a:hover, table.table-editable > tbody > tr td.editable-cell.cell-default span[data-ajax-href]:hover {
            color: #4285f4
        }

    table.table-editable > tbody > tr td.editable-cell .cell-link .btn-link.dropdown-toggle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    table.table-editable > tbody > tr td.editable-cell .cell-link .btn-link.dropdown-toggle {
        position: static !important;
        line-height: 2.6 !important
    }
}

table.table-editable > tbody > tr td.editable-cell .cell-link .btn-link.dropdown-toggle:hover {
    color: #4285f4 !important;
    background: #ebf2fe !important
}

table.table-editable > tbody > tr td.editable-cell .cell-link .btn-link.dropdown-toggle.assigned {
    color: #4285f4;
    background: #e6effe
}

table.table-editable > tbody > tr td.editable-cell .cell-link .btn-link.dropdown-toggle.coi {
    color: #ff4081;
    background: #ffedf3
}

table.table-editable > tbody > tr td.editable-cell .cell-link .btn-link.dropdown-toggle.approved {
    color: #26A69A;
    background: #93e6df
}

table.table-editable > tbody > tr td.editable-cell .cell-link .btn-link.dropdown-toggle.backup {
    color: #f29000;
    background: #ffedd3
}

table.table-editable > tbody > tr td.editable-cell .cell-link .btn-link.dropdown-toggle.replaced {
    color: #333;
    background: #ededed
}

table.table-editable > tbody > tr td.editable-cell .cell-link .btn-link.dropdown-toggle.in-review {
    color: #AB47BC;
    background: #f4e8f7
}

    table.table-editable > tbody > tr td.editable-cell .cell-link .btn-link.dropdown-toggle.in-review.no-hover:hover {
        cursor: default;
        color: #AB47BC !important;
        background: #f4e8f7 !important
    }

.table .bottom-aligned {
    position: absolute;
    bottom: 4px;
    left: 8px
}

    .table .bottom-aligned.right {
        left: auto;
        right: 10px
    }

table.table-truncate tbody > tr > td {
    display: table-cell;
    max-width: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.table-h-scroll-120 {
    overflow-x: auto
}

    .table-h-scroll-120 table.table th, .table-h-scroll-120 td, .table-h-scroll-120 div.table .tbody div {
        min-width: 126px
    }

.table-h-scroll-140 {
    overflow-x: auto
}

    .table-h-scroll-140 table.table th, .table-h-scroll-140 td, .table-h-scroll-140 div.table .tbody div {
        min-width: 140px
    }

.table.table-minimal > thead > tr td, .table.table-minimal > tbody > tr td {
    border: solid 1px #b1bac0 !important
}

.table.table-minimal > thead > tr td {
    text-transform: uppercase;
    font-weight: 600
}

.table.table-minimal.table-condensed > thead > tr td {
    padding: 6px 6px 4px 6px
}

div.table {
    display: table
}

    div.table .thead, div.table form {
        display: table-row
    }

        div.table .thead div, div.table form div {
            display: table-cell;
            padding: 8px 12px;
            vertical-align: middle
        }

    div.table .thead {
        font-weight: 500
    }

        div.table .thead div {
            padding: 10px 12px 8px 12px
        }

div.tbody {
    display: table-row-group
}

.table-bordered.half-bordered {
    border-left: 0 !important;
    border-right: 0 !important
}

    .table-bordered.half-bordered th, .table-bordered.half-bordered td {
        border-left: 0 !important;
        border-right: 0 !important
    }

        .table-bordered.half-bordered th:first-child, .table-bordered.half-bordered td:first-child {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 0.88em;
            vertical-align: top !important;
            padding-left: 5px
        }

        .table-bordered.half-bordered th small, .table-bordered.half-bordered td small {
            font-size: 90%;
            text-transform: initial;
            font-weight: normal
        }

.onoffswitch.labeled .onoffswitch-inner:after {
    padding-right: 5px
}

.ajax-inbound.preloader {
    position: relative;
    overflow: hidden
}

    .ajax-inbound.preloader:not(.no-loading-text):before {
        content: '';
        position: absolute;
        top: 26px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        font-family: "Roboto Condensed","Segoe UI",Arial,sans-serif
    }

    .ajax-inbound.preloader:after {
        content: '';
        position: absolute;
        top: -3px;
        left: 0;
        right: 0;
        margin: auto;
        width: 1200px;
        height: 10px;
        background: url("/content/images/preloader/7.gif") -40px 0 no-repeat
    }

.progress {
    background-color: #ebeef2
}

.progress-list {
    margin: 20px 0px 14px 0
}

    .progress-list .details .title {
        margin-bottom: 4px;
        margin-top: -7px
    }

    .progress-list .details .description {
        color: #787878
    }

    .progress-list .status {
        padding: 4px;
        font-size: 16px;
        font-weight: 500
    }

    .progress-list .progress {
        margin-bottom: 0;
        background-color: #e5e9ee
    }

.portlet .tile-header:hover {
    background-color: rgba(0,0,0,0.3) !important
}

#rightbar {
    top: 0;
    z-index: 1000 !important;
    width: 630px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: right 0.12s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -moz-transition: right 0.12s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: right 0.12s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}

@media only screen and (max-width: 768px) {
    #rightbar {
        width: 100%
    }
}

#rightbar .panel-default {
    border-color: transparent
}

    #rightbar .panel-default .panel-body {
        font-size: 14px
    }

    #rightbar .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: transparent
    }

#rightbar .panel .panel-heading .panel-title > a {
    font-size: 15px;
    padding: 10px 12px !important
}

    #rightbar .panel .panel-heading .panel-title > a:hover {
        color: #4285f4
    }

#rightbar .panel-group[role="tablist"] .panel-collapse {
    background: #ededed
}

#rightbar .nav.nav-tabs {
    max-height: none
}

    #rightbar .nav.nav-tabs > li.active > a {
        color: inherit
    }

#rightbar #rightbar-hero {
    padding-top: 75px !important
}

.appWrapper.rightbar-hidden #rightbar {
    right: -640px
}

@media only screen and (max-width: 768px) {
    .appWrapper.rightbar-hidden #rightbar {
        right: -100%
    }
}

@media only screen and (max-width: 480px) {
    .toggle-right-sidebar a {
        padding: 0 13px 0 2px !important
    }
}

.toggle-right-sidebar i {
    background-image: url(/content/images/sprite/rightbar.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 34px;
    height: 34px;
    background-position: -11px -66px
}

.rightbar-show .toggle-right-sidebar i {
    background-position: -10px -7px
}

a.disabled:hover {
    cursor: default
}

a.disabled > .tile {
    opacity: 0.45
}

a:not(.disabled) > .tile {
    position: relative;
    border: solid 1px #e2e2e2
}

    a:not(.disabled) > .tile:hover {
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.15),0 1px 10px 0 rgba(0,0,0,0.2),0 2px 4px -1px rgba(0,0,0,0.1);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,0.15),0 1px 10px 0 rgba(0,0,0,0.2),0 2px 4px -1px rgba(0,0,0,0.1)
    }

        a:not(.disabled) > .tile:hover .tile-header {
            color: #ff4081;
            -webkit-transform: translate3d(4px, 0, 0);
            -moz-transform: translate3d(4px, 0, 0);
            -ms-transform: translate3d(4px, 0, 0);
            -o-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0)
        }

        a:not(.disabled) > .tile:hover img {
            opacity: 1
        }

    a:not(.disabled) > .tile .tile-header {
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out
    }

    a:not(.disabled) > .tile img {
        opacity: 0.8;
        -webkit-transition: opacity 0.2s ease-out;
        -moz-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out
    }

.tile.bordered {
    border: solid 1px #2bbbad !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tile:not(.tbox) {
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.07),1px 2px 5px 0 rgba(0,0,0,0.06);
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.07),1px 2px 5px 0 rgba(0,0,0,0.06)
}

.tile {
    border: solid 1px #e2e2e2
}

    .tile.overflow-auto {
        overflow-x: auto
    }

    .tile.transparent {
        background: none;
        border: none !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .tile .tile-body {
        padding: 8px 15px 8px 15px
    }

    .tile .tile-header {
        padding: 10px 15px
    }

        .tile .tile-header .btn {
            margin-top: -2px;
            margin-right: -2px;
            margin-bottom: 0
        }

@media only screen and (max-width: 480px) {
    .tile .tile-header .btn {
        display: block;
        float: none !important;
        margin-top: 6px
    }
}

.tile .tile-header h1, .tile .tile-header h2, .tile .tile-header h3, .tile .tile-header h4 {
    font-weight: 300;
    font-size: 24px;
    line-height: 30px
}

.tile .tile-header > p {
    margin: 0;
    font-weight: 100
}

.tile .tile-header .controls > li {
    border: 0 !important
}

    .tile .tile-header .controls > li a {
        color: #111
    }

.tile .tile-header .note {
    top: -4px
}

.tile .bordered:nth-last-child(-n+2) {
    border: 0 !important
}

.tile .icon-header.dvd .icon-controls {
    right: auto;
    left: 0
}

    .tile .icon-header.dvd .icon-controls > li {
        position: relative
    }

        .tile .icon-header.dvd .icon-controls > li > i {
            padding-left: 8px !important;
            padding-right: 8px !important
        }

.tile .icon-header.dvd h1, .tile .icon-header.dvd h2, .tile .icon-header.dvd h3, .tile .icon-header.dvd h4 {
    margin-left: 44px
}

.tile.tile-simple .tile-body {
    padding: 10px 15px 8px 15px
}

.tab-container .nav-tabs > li {
    border-right: 1px solid #dee2e5
}

.tab-wizard .tab-content .tab-pane {
    background: #f5f6f7
}

.tab-wizard .nav-tabs > li small {
    font-weight: 300
}

.tab-wizard .nav-tabs > li:before {
    background-color: #d1d1d1;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.tab-wizard .nav-tabs > li:after {
    content: "";
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.tab-wizard .nav-tabs > li > a {
    font-size: 14px;
    font-weight: 500;
    color: #111;
    background-color: #fff
}

    .tab-wizard .nav-tabs > li > a:hover, .tab-wizard .nav-tabs > li > a:focus, .tab-wizard .nav-tabs > li > a:active {
        color: #ff2770;
        background-color: #fff;
        text-shadow: none !important
    }

    .tab-wizard .nav-tabs > li > a:before {
        border-left-color: #fff;
        right: -23px
    }

    .tab-wizard .nav-tabs > li > a:after {
        border-left-color: #e7e9ec;
        right: -25px
    }

    .tab-wizard .nav-tabs > li > a > .wizard-step {
        position: absolute;
        right: 10px !important;
        top: 0 !important;
        bottom: 0 !important;
        margin: auto !important;
        color: #d1d1d1;
        background-color: #f5f6f7;
        border-color: #f5f6f7;
        -webkit-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out;
        -moz-transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out;
        transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out
    }

.tab-wizard .nav-tabs > li.active:after {
    background-color: #ff2770
}

.tab-wizard .nav-tabs > li.active > a {
    color: #111
}

    .tab-wizard .nav-tabs > li.active > a:focus, .tab-wizard .nav-tabs > li.active > a:active {
        background-color: #fff
    }

    .tab-wizard .nav-tabs > li.active > a > .wizard-step {
        color: #ff2770;
        background-color: #eaeaea;
        border-color: #eaeaea
    }

.tab-wizard.vertical-wizard .tab-content .tab-pane {
    margin-top: 0
}

.tab-wizard.vertical-wizard .nav-tabs li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border-right: 0
}

    .tab-wizard.vertical-wizard .nav-tabs li:first-child > a {
        padding-left: 30px
    }

    .tab-wizard.vertical-wizard .nav-tabs li > a {
        padding-left: 15px !important
    }

        .tab-wizard.vertical-wizard .nav-tabs li > a:before, .tab-wizard.vertical-wizard .nav-tabs li > a:after {
            content: none
        }

@media only screen and (max-width: 992px) {
    .tab-wizard .tab-content .tab-pane {
        margin-top: 0
    }

    .tab-wizard .nav-tabs li {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        border-right: 0
    }

        .tab-wizard .nav-tabs li:after {
            display: block
        }

        .tab-wizard .nav-tabs li:first-child > a {
            padding-left: 30px
        }

        .tab-wizard .nav-tabs li > a {
            padding-left: 15px !important
        }

            .tab-wizard .nav-tabs li > a:before, .tab-wizard .nav-tabs li > a:after {
                content: none
            }
}

.page-proposal .tile .tile-body h6 {
    max-width: 70%
}

@media only screen and (min-width: 993px) and (max-width: 1600px) {
    .page-proposal .tile {
        background-size: 78px !important
    }
}

@media only screen and (max-width: 992px) {
    .page-proposal .tile {
        background-size: 90px !important
    }
}

@media only screen and (max-width: 768px) {
    .page-proposal .tile {
        background-size: 84px !important
    }
}

@media only screen and (max-width: 480px) {
    .page-proposal .tile {
        background-size: 44px !important;
        min-height: 0 !important
    }
}

.caret.caret-lg {
    border-width: 6px 6px 0;
    border-bottom-width: 0
}

section.shadowed {
    position: relative;
    overflow: hidden
}

    section.shadowed:before, section.shadowed:after {
        content: '';
        position: absolute;
        left: 0;
        height: 0px;
        width: 100%;
        -webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.16),0 2px 10px 2px rgba(0,0,0,0.12) !important;
        box-shadow: 0 2px 5px 2px rgba(0,0,0,0.16),0 2px 10px 2px rgba(0,0,0,0.12) !important
    }

    section.shadowed:before {
        top: 0;
        bottom: auto
    }

    section.shadowed:after {
        top: auto;
        bottom: 0
    }

    section.shadowed.top:after {
        display: none
    }

    section.shadowed.bottom:before {
        display: none
    }

.note {
    padding: 3px 8px 2px 8px;
    color: #989aa9;
    background-color: rgba(0,0,0,0.1);
    letter-spacing: 0.02em
}

@media only screen and (max-width: 480px) {
    .note {
        margin-left: 0 !important
    }
}

.note.note-sm, .note.text-sm {
    padding: 1px 6px 0px 6px
}

.note.note-xs {
    font-size: 11px;
    padding: 1px 4px 0 4px
}

hr.line-full {
    margin: 20px -15px
}

hr.dark {
    border-top: solid 1px #666 !important;
    border-bottom: 0 !important
}

hr:not(.line-full):not(.line-dashed) {
    border-bottom: solid 1px #fcfcfc;
    border-top: solid 1px #e0e0e0
}

.close {
    opacity: 1
}

.divider-dot {
    display: inline-block;
    margin: 0 4px 1px 5px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #787878;
    vertical-align: baseline
}

.text-blue .divider-dot {
    background: #8fb7f8
}

.divider-dot.dot-sm {
    height: 4px;
    width: 4px
}

.divider-dot.dot-md {
    height: 5px;
    width: 5px
}

.divider-dot.dot-tight {
    margin: 0 1px 1px 1px
}

.divider-dots-last .divider-dot:last-child {
    display: none
}

.icon-floating {
    border-radius: 50%;
    padding: 20px;
    display: inline-block;
    position: absolute;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

input.input-lg::-webkit-input-placeholder {
    font-size: 14px !important
}

input.input-lg::-moz-placeholder {
    font-size: 14px !important
}

input.input-lg:-moz-placeholder {
    font-size: 14px !important
}

input.input-lg:-ms-input-placeholder {
    font-size: 14px !important
}

::-moz-placeholder {
    height: 40px !important;
    line-height: 2.1 !important
}

#searchTab #searchBox.lg::-moz-placeholder, .gridTextFilter.lg::-moz-placeholder {
    line-height: 2.1 !important
}

.input-lg::-moz-placeholder {
    line-height: 2.1 !important
}

.input-sm::-moz-placeholder {
    line-height: 2.15 !important
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-transition: background-color 500s ease-in-out 0s;
    -moz-transition: background-color 500s ease-in-out 0s;
    transition: background-color 500s ease-in-out 0s
}

#environment-label {
    vertical-align: -20px;
    margin-left: 12px
}

#elmah-log {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 52px;
    margin: auto;
    height: 26px;
    margin-left: 12px;
    opacity: .85
}

    #elmah-log:hover {
        opacity: 1
    }

.sans-layout #elmah-log {
    right: 12px
}

#sidebar-toggle-desktop {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 13px;
    margin: auto;
    margin-left: 12px;
    height: 22px;
    opacity: .85;
    -webkit-transition: -webkit-transform .175s linear;
    -moz-transition: -moz-transform .175s linear;
    transition: transform .175s linear
}

    #sidebar-toggle-desktop.active {
        transform: rotate(90deg)
    }

.sans-layout #sidebar-toggle-desktop {
    display: none
}

@media only screen and (max-width: 992px) {
    #proposal-edit {
        right: 26px !important;
        top: 40px !important
    }
}

#searchTab #searchBox, .gridTextFilter {
    margin: 2px 0 -2px 0 !important;
    font-size: 17px !important
}

    #searchTab #searchBox, #searchTab #searchBox:hover, #searchTab #searchBox:focus, #searchTab #searchBox:active, .gridTextFilter, .gridTextFilter:hover, .gridTextFilter:focus, .gridTextFilter:active {
        color: #4c4c4c;
        background: none !important;
        border: 0 !important;
        outline: 0 !important;
        font-weight: 400;
        padding-left: 60px !important;
        background-image: url("/content/images/icon/search-26.png") !important;
        background-repeat: no-repeat !important;
        background-position: 3px -1px !important;
        background-position: 3px -0.5px !important
    }

        #searchTab #searchBox::-webkit-input-placeholder, #searchTab #searchBox:hover::-webkit-input-placeholder, #searchTab #searchBox:focus::-webkit-input-placeholder, #searchTab #searchBox:active::-webkit-input-placeholder, .gridTextFilter::-webkit-input-placeholder, .gridTextFilter:hover::-webkit-input-placeholder, .gridTextFilter:focus::-webkit-input-placeholder, .gridTextFilter:active::-webkit-input-placeholder {
            font-size: 17px !important
        }

        #searchTab #searchBox::-moz-placeholder, #searchTab #searchBox:hover::-moz-placeholder, #searchTab #searchBox:focus::-moz-placeholder, #searchTab #searchBox:active::-moz-placeholder, .gridTextFilter::-moz-placeholder, .gridTextFilter:hover::-moz-placeholder, .gridTextFilter:focus::-moz-placeholder, .gridTextFilter:active::-moz-placeholder {
            font-size: 17px !important
        }

        #searchTab #searchBox:-moz-placeholder, #searchTab #searchBox:hover:-moz-placeholder, #searchTab #searchBox:focus:-moz-placeholder, #searchTab #searchBox:active:-moz-placeholder, .gridTextFilter:-moz-placeholder, .gridTextFilter:hover:-moz-placeholder, .gridTextFilter:focus:-moz-placeholder, .gridTextFilter:active:-moz-placeholder {
            font-size: 17px !important
        }

        #searchTab #searchBox:-ms-input-placeholder, #searchTab #searchBox:hover:-ms-input-placeholder, #searchTab #searchBox:focus:-ms-input-placeholder, #searchTab #searchBox:active:-ms-input-placeholder, .gridTextFilter:-ms-input-placeholder, .gridTextFilter:hover:-ms-input-placeholder, .gridTextFilter:focus:-ms-input-placeholder, .gridTextFilter:active:-ms-input-placeholder {
            font-size: 17px !important
        }

@media only screen and (max-width: 480px) {
    #searchTab #searchBox, .gridTextFilter {
        width: 80% !important
    }
}

#searchTab #searchBox.lg, .gridTextFilter.lg {
    background-color: #fff !important;
    height: 50px;
    background-position: 7px 5px !important
}

#searchTab #searchBox.double-row, #searchTab #searchBox.expanded, #searchTab #searchBox.expanded:hover, #searchTab #searchBox.double-row:hover, #searchTab #searchBox.expanded:focus, #searchTab #searchBox.double-row:focus, .gridTextFilter.double-row, .gridTextFilter.expanded, .gridTextFilter.expanded:hover, .gridTextFilter.double-row:hover, .gridTextFilter.expanded:focus, .gridTextFilter.double-row:focus {
    background: #fff !important;
    border: solid 1px #dcd9d9 !important;
    height: 95px !important;
    padding: 22px 26px !important;
    font-size: 26px !important;
    line-height: 48px !important;
    font-weight: 300 !important
}

    #searchTab #searchBox.double-row::-webkit-input-placeholder, #searchTab #searchBox.expanded::-webkit-input-placeholder, #searchTab #searchBox.expanded:hover::-webkit-input-placeholder, #searchTab #searchBox.double-row:hover::-webkit-input-placeholder, #searchTab #searchBox.expanded:focus::-webkit-input-placeholder, #searchTab #searchBox.double-row:focus::-webkit-input-placeholder, .gridTextFilter.double-row::-webkit-input-placeholder, .gridTextFilter.expanded::-webkit-input-placeholder, .gridTextFilter.expanded:hover::-webkit-input-placeholder, .gridTextFilter.double-row:hover::-webkit-input-placeholder, .gridTextFilter.expanded:focus::-webkit-input-placeholder, .gridTextFilter.double-row:focus::-webkit-input-placeholder {
        font-size: 22px !important;
        line-height: 48px !important;
        font-weight: 300 !important;
        color: #ccc !important
    }

    #searchTab #searchBox.double-row::-moz-placeholder, #searchTab #searchBox.expanded::-moz-placeholder, #searchTab #searchBox.expanded:hover::-moz-placeholder, #searchTab #searchBox.double-row:hover::-moz-placeholder, #searchTab #searchBox.expanded:focus::-moz-placeholder, #searchTab #searchBox.double-row:focus::-moz-placeholder, .gridTextFilter.double-row::-moz-placeholder, .gridTextFilter.expanded::-moz-placeholder, .gridTextFilter.expanded:hover::-moz-placeholder, .gridTextFilter.double-row:hover::-moz-placeholder, .gridTextFilter.expanded:focus::-moz-placeholder, .gridTextFilter.double-row:focus::-moz-placeholder {
        font-size: 22px !important;
        line-height: 48px !important;
        font-weight: 300 !important;
        color: #bbb !important
    }

    #searchTab #searchBox.double-row:-ms-input-placeholder, #searchTab #searchBox.expanded:-ms-input-placeholder, #searchTab #searchBox.expanded:hover:-ms-input-placeholder, #searchTab #searchBox.double-row:hover:-ms-input-placeholder, #searchTab #searchBox.expanded:focus:-ms-input-placeholder, #searchTab #searchBox.double-row:focus:-ms-input-placeholder, .gridTextFilter.double-row:-ms-input-placeholder, .gridTextFilter.expanded:-ms-input-placeholder, .gridTextFilter.expanded:hover:-ms-input-placeholder, .gridTextFilter.double-row:hover:-ms-input-placeholder, .gridTextFilter.expanded:focus:-ms-input-placeholder, .gridTextFilter.double-row:focus:-ms-input-placeholder {
        font-size: 22px !important;
        line-height: 28px !important;
        font-weight: 300 !important;
        color: #bbb !important
    }

    #searchTab #searchBox.expanded.md, .gridTextFilter.expanded.md {
        padding: 6px 26px !important;
        height: 72px !important
    }

#searchTab #searchBox.bordered, .gridTextFilter.bordered {
    border: solid 1px #b1bac0 !important
}

.well {
    background-color: #f9f9f9
}

sup {
    top: -0.125em
}

.btn[data-target="#feedback-modal"] {
    text-shadow: 1px 1px 1px #333
}

.proposal-details-modal {
    margin-top: -15px
}

    .proposal-details-modal .tile-body {
        padding: 0px 15px
    }

    .proposal-details-modal .tcol {
        border: 0 !important
    }

    .proposal-details-modal button[title="Print"] {
        display: none
    }

    .proposal-details-modal h5 {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 10px !important
    }

#guidance-panel a:hover {
    background-color: rgba(0,0,0,0.2) !important
}

#action-item-submit-state.alert.alert-note.arrow-lg:before {
    border-color: transparent !important
}

@media only screen and (max-width: 992px) {
    #action-item-submit-state {
        float: none !important;
        margin-top: 10px !important
    }
}

#action-item-submit-state span[role="button"] {
    color: #fff;
    background: #4285f4;
    padding: 5px 12px 4px 12px;
    border-radius: 1px;
    font-weight: 400 !important;
    font-size: 11px
}

    #action-item-submit-state span[role="button"]:hover {
        background: #1b6cf2
    }

[id^="comment-item-"] .hover-show {
    opacity: .4;
    -webkit-transition: opacity 0.15s ease-out 0.15s;
    -moz-transition: opacity 0.15s ease-out 0.15s;
    transition: opacity 0.15s ease-out 0.15s
}

@media (max-width: 480px) {
    [id^="comment-item-"] .hover-show {
        position: absolute;
        top: 14px;
        right: 12px
    }
}

[id^="comment-item-"]:hover .hover-show {
    opacity: .85
}

@media (max-width: 480px) {
    [id^="comment-item-"] .divider-dot {
        display: none
    }

    [id^="comment-item-"] .mt-6-mobile {
        margin-top: 6px
    }

    [id^="comment-item-"] .text-muted.hidden-pdf {
        display: block
    }
}

@media (max-width: 768px) {
    #action-item-comment-listing .tcol.text-right {
        text-align: left !important;
        margin-top: 10px
    }
}

@media (max-width: 768px) {
    .banded-mobile {
        background: #eff5fb;
        padding-bottom: 5px
    }
}

hr.line-dashed {
    border-color: #bfbfbf
}

.media-object.filetypes-png-32 {
    width: 31px
}

#comment-actions {
    margin-top: -38px;
    float: right
}

@media (max-width: 768px) {
    #comment-actions {
        margin-top: 0;
        text-align: left !important;
        float: none
    }
}

.tile.tile-simple .tile-header .controls.controls-ellipsis > li > a {
    line-height: 54px;
    padding: 0px 16px
}

.files-btn {
    background: #8c8c8c;
    padding: 9px 11px;
    height: 43px;
    width: 43px;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3)
}

    .files-btn:hover, .files-btn:focus {
        background-color: #4d4d4d
    }

        .files-btn:hover i, .files-btn:focus i {
            opacity: 1 !important
        }

i.md-tags {
    opacity: .75;
    height: 16px;
    width: 20px;
    display: inline-block;
    background: url(/Content/images/icon/md-tags.png) 0 0 no-repeat
}

[data-clipboard-content] {
    transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out
}

    [data-clipboard-content]:hover {
        cursor: pointer;
        color: #4285f4
    }

i.md-history {
    opacity: .9;
    height: 15px;
    width: 15px;
    display: inline-block;
    background: url(/Content/images/icon/history-14.png) 0 0 no-repeat
}

i.md-clipboard {
    opacity: .9;
    height: 22px;
    width: 26px;
    display: inline-block;
    background: url(/Content/images/icon/clipboard-paste.png) 0 0 no-repeat
}

i.checkbox-disabled {
    height: 26px;
    width: 26px;
    display: inline-block;
    background: url(/Content/images/icon/checkbox-disabled.png) 0 0 no-repeat
}

i.md-clock-12 {
    height: 14px;
    width: 14px;
    display: inline-block;
    background: url(/Content/images/icon/clock-12.png) 0 0 no-repeat
}

.slimScrollBar {
    width: 8px !important;
    opacity: 0.75 !important;
    border-radius: 8px !important;
    background: #8abfea !important;
    transition: opacity .3s
}

    .slimScrollBar:hover {
        opacity: 1 !important
    }

.slimScrollRail {
    background: rgba(0,0,0,0.825) !important;
    width: 11px !important
}

.list-item-parent {
    background-color: #4285f4;
    color: #fff
}

    .list-item-parent .tcol {
        height: 50px;
        padding: 6px 0
    }

    .list-item-parent p {
        margin: 0
    }

    .list-item-parent .title {
        font-size: 15px;
        font-weight: bold;
        margin-top: 8px
    }

    .list-item-parent .description {
        margin-bottom: 8px
    }

    .list-item-parent .number {
        display: block;
        text-align: center;
        font-size: 20px;
        font-weight: bolder
    }

.list-item-child {
    display: block;
    color: #787878 !important;
    border-bottom: solid 1px #eee
}

    .list-item-child:hover, .list-item-child:focus, .list-item-child:active {
        background-color: rgba(0,0,0,0.025)
    }

    .list-item-child .tcol {
        height: 70px;
        padding: 6px 0
    }

    .list-item-child p {
        margin: 0;
        line-height: 1.3
    }

    .list-item-child .title {
        font-size: 14px
    }

    .list-item-child .number {
        display: block;
        text-align: center;
        font-size: 15px;
        font-weight: bolder;
        color: #111 !important
    }

    .list-item-child .date {
        font-size: 13px;
        margin-bottom: 4px;
        display: block
    }

    .list-item-child .version {
        display: block;
        text-align: center;
        color: #787878
    }

    .list-item-child.versioned {
        padding-left: 38px
    }

.detail-actions {
    text-align: right;
    padding: 4px 0 16px 0;
    margin-bottom: 8px
}

    .detail-actions .btn-submit {
        font-weight: bolder;
        border-bottom: dashed 1px #1d8177;
        border-radius: 0;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 4px
    }

.detail-info {
    text-align: right;
    font-style: italic;
    margin-top: -12px;
    margin-bottom: 18px;
    color: #828282
}

tbody.bold-first-col tr td:first-child {
    font-weight: 500 !important
}

.btn-radio {
    font-weight: 500;
    color: #111 !important;
    text-transform: uppercase
}

    .btn-radio:hover i, .btn-radio:focus i {
        border-color: #03a9f4
    }

    .btn-radio i {
        border-radius: 50% !important;
        width: 30px;
        height: 30px;
        margin-right: 6px;
        overflow: hidden;
        background-color: transparent;
        border: 2px solid #dfdfdf;
        margin-top: -4px;
        border-radius: 2px
    }

    .btn-radio.checked i {
        border-color: #5287b9;
        background-color: #5287b9
    }

        .btn-radio.checked i:before {
            font-size: 18px;
            top: 1px !important;
            left: 2px !important;
            content: '';
            background: url(/content/images/sprite/checkboxes.png) -36px -27px no-repeat;
            background-position: 3px -24px;
            width: 100% !important;
            height: 100% !important;
            display: block;
            top: -2px !important;
            left: -2px !important;
            -webkit-transition: none !important;
            -moz-transition: none !important;
            transition: none !important
        }

#search-form {
    background: #eaeaea;
    padding: 0;
    margin-left: 20px;
    margin-right: 20px
}

    #search-form .search-form-inner {
        padding: 15px 18px
    }

    #search-form .btn-reset {
        width: 15px !important;
        height: 15px !important;
        line-height: 0 !important;
        color: #575858;
        position: absolute;
        font-size: 21px;
        top: 0;
        bottom: 0;
        right: 20px;
        padding: 3px 0 0 0 !important;
        margin: auto !important
    }

        #search-form .btn-reset:hover {
            opacity: .65
        }

.searchbox-lg {
    position: relative;
    border: solid 1px #c1c1c1;
    border-radius: 52px;
    background-color: #fff;
    vertical-align: middle;
    padding: 6px 8px 6px 8px
}

    .searchbox-lg img {
        display: block;
        margin: auto
    }

    .searchbox-lg input[type="search"]#query {
        height: 52px;
        border: 0 !important;
        display: block;
        padding-right: 28px
    }

        .searchbox-lg input[type="search"]#query::-ms-clear {
            display: none !important
        }

        .searchbox-lg input[type="search"]#query::placeholder {
            line-height: 43px !important
        }

    .searchbox-lg button {
        height: 52px !important;
        border-radius: 52px !important;
        display: block;
        width: 100%;
        margin: 0 !important
    }

    .searchbox-lg .tcol {
        vertical-align: middle !important
    }

        .searchbox-lg .tcol:first-child {
            width: 60px
        }

        .searchbox-lg .tcol:nth-child(3) {
            width: 115px
        }

        .searchbox-lg .tcol:last-child {
            width: 195px
        }

.search-loading-screen {
    transition: all 3s;
    -webkit-animation: flash linear 1.5s infinite;
    animation: flash linear 1.5s infinite
}

    .search-loading-screen img {
        width: 100%;
        max-width: 100%
    }

.search-result-metadata {
    padding: 12px 22px
}

    .search-result-metadata .main-title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 4px;
        display: inline-block
    }

    .search-result-metadata .modified {
        color: #787878;
        font-size: 12px
    }

    .search-result-metadata .badge {
        padding: 4px 8px 3px 8px;
        font-size: 10px;
        border-radius: 20px;
        margin-right: 8px;
        transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out
    }

        .search-result-metadata .badge:hover {
            opacity: .65;
            cursor: pointer
        }

.search-result-doc > a:first-child {
    font-size: 14px;
    margin-left: 2px
}

.search-result-doc .media {
    border: solid 1px transparent;
    padding: 6px 4px 6px 4px;
    margin: 1px 0 14px 0
}

    .search-result-doc .media:hover, .search-result-doc .media:focus {
        border-color: #ddd;
        background-color: #fff
    }

.search-result-doc .media-left {
    padding-top: 4px
}

.search-result-doc .media-heading {
    font-size: 14px;
    font-weight: bold !important;
    margin-top: 0px;
    margin-bottom: -3px
}

.search-result-doc .modified {
    color: #787878;
    font-size: 12px
}

.search-category-heading {
    text-transform: uppercase;
    margin: 10px 0 15px 0;
    padding: 5px 0;
    background: url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAITcAACE3ATNYn3oAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAAAFklEQVQYV2P4//8/A8PJkyf/A1n/GQBIsQlVlM9PhgAAAABJRU5ErkJggg==") repeat-x scroll 0 12px
}

    .search-category-heading > span {
        background-color: #f5f6f7;
        padding: 0 8px 0 4px;
        color: #9aa1a2
    }

.search-highlights-wrap {
    color: #787878;
    font-size: 12px;
    padding: 0 5px;
    margin-top: 2px
}

.search-highlight {
    color: #111;
    font-weight: 900
}

.search-empty-state {
    margin-top: 50px;
    text-align: center
}

    .search-empty-state img {
        display: block;
        margin: auto
    }

.search-options {
    background-color: #e0e0e2;
    padding: 8px 20px 2px 20px
}

    .search-options .option-label {
        color: #787878;
        vertical-align: super;
        display: inline-block;
        margin-right: 5px;
        font-weight: 200;
        font-size: 15px
    }

#search-results h5 small {
    font-size: 75%;
    line-height: 1.35
}

.onoffswitch.switch-type {
    width: 88px
}

    .onoffswitch.switch-type .onoffswitch-label {
        margin: 0
    }

    .onoffswitch.switch-type .onoffswitch-inner:before {
        content: "Basic" !important;
        padding-left: 16px !important;
        background-color: #22b3c5 !important
    }

    .onoffswitch.switch-type .onoffswitch-inner:after {
        content: "Advanced" !important;
        padding-right: 10px !important;
        color: #fff;
        background-color: #22b3c5 !important
    }

    .onoffswitch.switch-type .onoffswitch-switch {
        right: 63px
    }

.onoffswitch.switch-all-any {
    width: 94px
}

    .onoffswitch.switch-all-any .onoffswitch-label {
        margin: 0
    }

    .onoffswitch.switch-all-any .onoffswitch-inner:before {
        content: "Any Terms" !important;
        padding-left: 16px !important;
        background-color: #22b3c5 !important
    }

    .onoffswitch.switch-all-any .onoffswitch-inner:after {
        content: "All Terms" !important;
        padding-right: 10px !important;
        color: #fff;
        background-color: #22b3c5 !important
    }

    .onoffswitch.switch-all-any .onoffswitch-switch {
        right: 69px
    }

.split-angle {
    position: relative;
    overflow: hidden
}

.vector-chat {
    fill: #fff;
    height: 80px;
    width: 100px
}

.vector-close {
    width: 36px;
    height: 36px;
    margin-right: 18px;
    transition: all .2s
}

    .vector-close:hover {
        cursor: pointer;
        opacity: 0.7
    }

#modal-chat {
    box-shadow: 0px 0 125px rgba(0,0,0,0.3);
    padding: 0 !important;
    width: 38%;
    overflow: hidden !important
}

@media screen and (max-width: 1000px) {
    #modal-chat {
        width: 100%
    }
}

.chat-box #new-message-form {
    z-index: 999 !important
}

.chat-box #new-message-form, .chat-box .edit-message-form {
    background-color: #fff;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 26px rgba(0,0,0,0.2)
}

    .chat-box #new-message-form:before, .chat-box .edit-message-form:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        height: 28px;
        width: 95%
    }

    .chat-box #new-message-form textarea, .chat-box .edit-message-form textarea {
        resize: none;
        display: block;
        width: 100%;
        border: 0;
        font-size: 12px;
        padding: 30px 20px 10px 20px;
        height: 120px
    }

    .chat-box #new-message-form label, .chat-box .edit-message-form label {
        position: absolute;
        color: #fff;
        background-color: #575858;
        position: absolute;
        top: -13px;
        left: 20px;
        font-style: italic;
        font-weight: normal;
        font-size: 13px;
        display: inline-block;
        padding: 4px 10px;
        border-radius: 2px;
        text-transform: initial
    }

    .chat-box #new-message-form .btn, .chat-box .edit-message-form .btn {
        position: absolute;
        top: -26px;
        right: 35px;
        font-size: 12px;
        font-weight: bolder !important;
        width: 52px !important;
        height: 52px !important;
        line-height: 53px !important
    }

        .chat-box #new-message-form .btn:first-child, .chat-box .edit-message-form .btn:first-child {
            right: 103px
        }

.chat-box .edit-message-form {
    box-shadow: none !important;
    margin-left: -20px;
    margin-right: -20px;
    border-bottom: solid 1px #d8dada
}

    .chat-box .edit-message-form:before {
        height: 38px;
        width: 95%
    }

    .chat-box .edit-message-form textarea {
        height: auto !important;
        padding-top: 40px
    }

    .chat-box .edit-message-form .btn {
        position: absolute;
        top: 6px;
        right: 20px;
        width: 98px !important;
        height: 29px !important;
        line-height: 30px !important
    }

        .chat-box .edit-message-form .btn:first-child {
            right: 125px
        }

#chat-messages {
    position: relative;
    padding: 0;
    list-style: none;
    height: 300px;
    height: -o-calc(100vh - 200px);
    height: -webkit-calc(100vh - 200px);
    height: -moz-calc(100vh - 200px);
    height: calc(100vh - 200px);
    overflow: auto;
    overflow-x: hidden;
    margin: 0;
    background: #f5f6f7
}

.chat-message {
    position: relative;
    border-bottom: solid 1px #d8dada
}

    .chat-message:last-child {
        border-bottom: 0;
        margin-bottom: 28px
    }

    .chat-message:hover .message-tools {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: 0.35s opacity 0.75s, .125s transform 0.25s
    }

    .chat-message .message-header h6 {
        color: #AD1457;
        font-weight: bolder;
        font-size: 12px;
        margin-top: 10px !important;
        margin-bottom: -4px
    }

    .chat-message .message-header small {
        font-size: 80%;
        color: #8f878b
    }

    .chat-message .message-tools {
        position: absolute;
        top: -1px;
        left: 0;
        right: 0;
        width: 135px;
        margin: auto;
        transition: 0.35s opacity 0.25s, .15s transform 0.75s;
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        z-index: 1
    }

        .chat-message .message-tools .btn {
            border-radius: 0 !important;
            box-shadow: none !important;
            min-width: 65px;
            padding-left: 6px;
            padding-right: 6px
        }

            .chat-message .message-tools .btn:hover, .chat-message .message-tools .btn:focus {
                box-shadow: 0 4px 26px rgba(0,0,0,0.1) !important
            }

            .chat-message .message-tools .btn:first-child {
                margin-right: -8px
            }

    .chat-message .comment {
        white-space: pre-line;
        word-break: break-word;
        color: #8f878b;
        font-weight: 500;
        margin-top: 10px;
        display: inline-block;
        font-size: 13px
    }

    .chat-message .date-display {
        color: #8f878b;
        font-weight: bold;
        margin-top: 8px;
        font-size: 12px;
        display: inline-block
    }

.chat-box-header {
    height: 80px;
    padding-top: 4px;
    border-bottom: solid 1px #d8dada
}

    .chat-box-header .chat-count-display svg {
        margin-bottom: -10px;
        fill: #575858
    }

    .chat-box-header .chat-count-display span {
        height: 41px;
        color: #fff;
        font-size: 25px
    }

    .chat-box-header h6 {
        color: #575858;
        font-weight: bolder;
        margin-top: 6px;
        font-size: 18px
    }

.chat-toggle {
    text-align: right;
    margin-bottom: -28px
}

.chat-count-display {
    position: relative;
    display: inline-block;
    width: 100px
}

    .chat-count-display > svg {
        transition: all .35s
    }

    .chat-count-display > span {
        position: absolute;
        text-align: center;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 51px;
        font-weight: bolder;
        margin: auto;
        color: #AD1457;
        transition: all .35s
    }

.chat-count-display {
    transition: all .2s ease-in
}

    .chat-count-display .count-total {
        font-size: 17px
    }

    .chat-count-display .count-new {
        font-size: 11px;
        display: block
    }

.chat-messages-count {
    display: inline-block
}

    .chat-messages-count:hover {
        cursor: pointer
    }

        .chat-messages-count:hover .chat-count-display svg {
            fill: #21000f
        }

        .chat-messages-count:hover .chat-count-display span {
            color: #fff
        }

    .chat-messages-count .message-count-title {
        vertical-align: 32px;
        width: 80px;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        margin-right: -10px;
        color: #fff
    }

.slideUp {
    opacity: 0;
    animation: slideUp ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 0.25s;
    animation-delay: 0.2s
}

@keyframes slideUp {
    0% {
        padding: 0;
        height: 0;
        max-height: 0
    }

    100% {
        opacity: 1;
        padding: inherit;
        height: auto;
        max-height: none
    }
}

.slideLeft {
    opacity: 0;
    animation: slideLeft ease-in 1;
    animation-fill-mode: forwards;
    animation-duration: 0.225s;
    animation-delay: 0s
}

@keyframes slideLeft {
    0% {
        opacity: 0.5;
        transform: translate3d(15%, 0, 0)
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.scaleIn {
    opacity: 0;
    animation: scaleIn ease-in 1;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(0.5) translate3d(0, 0, 0)
    }

    50% {
        opacity: 0.9;
        transform: scale(1.1)
    }

    80% {
        opacity: 1;
        transform: scale(0.925)
    }

    100% {
        opacity: 1;
        transform: scale(1) translate3d(0, 0, 0)
    }
}

.fadeIn {
    opacity: 0;
    animation: fadeIn ease-in 1;
    animation-duration: 0.75s;
    animation-timing-function: linear;
    animation-fill-mode: forwards
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 1
    }
}

.bg-blue-ltest {
    color: #4285f4 !important;
    background-color: #dae9f6
}

.bg-greensea-ltest {
    color: #26A69A !important;
    background-color: #def4f6
}

.bg-hotpink-ltest {
    color: #ff4081 !important;
    background-color: #ffdfea
}

.tile-contact {
    width: 33.3%;
    float: left;
    padding: 15px;
    margin: auto
}

@media only screen and (max-width: 1170px) {
    .tile-contact {
        width: 50%
    }
}

@media only screen and (max-width: 600px) {
    .tile-contact {
        width: 100%
    }
}

.tile-contact > div {
    padding: 12px 12px 12px 12px;
    min-height: 230px;
    margin-bottom: 0
}

.tile-contact h5 {
    margin-top: 6px
}

.tile-contact footer {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 12px;
    height: 32px
}

    .tile-contact footer span {
        color: #7494a6;
        font-weight: bolder;
        margin-right: 10px
    }

        .tile-contact footer span.hl {
            color: #ad1457
        }

@media only screen and (max-width: 1450px) {
    .col-xl {
        width: 100% !important
    }
}

.draggable .description {
    position: relative;
    max-height: 20000px
}

.draggable .drag {
    border-radius: 4px;
    transition: color 0.2s ease-out,background-color 0.2s ease-out,border-color 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out
}

    .draggable .drag:hover {
        background-color: #f3f3f3
    }

.is-dragging .draggable .description {
    max-height: 75px;
    overflow: hidden
}

    .is-dragging .draggable .description:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 40px;
        width: 100%;
        background-color: rgba(255,255,255,0.55)
    }

hr.vertical-right {
    position: absolute;
    width: 1px;
    height: 90%;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border: 0;
    background-color: #ddd
}

.editable-cell .split-cell-top {
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 3px;
    display: block !important;
    border-bottom: dashed 1px #ddd
}

.dd-mb .k-widget.k-dropdown {
    margin-bottom: 7px
}

#session-expiration {
    color: #e7f514;
    background-color: #474747;
    font-weight: 300;
    font-size: 12px;
    margin: 4px -15px 3px -15px;
    padding: 5px 15px 3px 15px;
    letter-spacing: 0.5px
}

    #session-expiration svg {
        display: inline-block;
        fill: #fff;
        height: 1.1075em;
        vertical-align: text-top;
        width: 1.05em;
        margin-right: 4px
    }

#session-expired-message {
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    background-color: #fff;
    text-align: center;
    padding: 3rem;
    width: 100%;
    border-top: solid 3px;
    border-bottom: solid 3px;
    box-shadow: 0 0 26px rgba(0,0,0,0.5)
}

#sidebar-hero {
    height: 134px
}

.NceContentBlock p, .NceContentBlock ul {
    margin: 0
}

.menu-svg {
    position: absolute;
    line-height: 1.1;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 60%
}

.description-text {
    font-size: 13px;
    color: grey;
}

.md-sprite, .md-attachment, .md-close-14, .md-comment-24, .md-comment-active-24, .md-delete-16, .md-delete-18, .md-edit-16, .md-edit-18, .md-edit-dg-16, .md-edit-w-16, .md-edit-w-18, .md-email-24, .md-email-dg-16, .md-envelope-w-24, .md-error-log, .md-f-arrow, .md-facebook-w-26, .md-globe-dg-16, .md-google-w-26, .md-help-w-26, .md-info-circle-16, .md-info-hp-26, .md-info-hp-blue-32, .md-linkedin-w-26, .md-mail-list-w-26, .md-menu-w-22, .md-phone-w-24, .md-print-w-18, .md-programs-dg-16, .md-rss-w-26, .md-settings-dg-16, .md-sign-out-dg-16, .md-table-dg-16, .md-twitter-w-26, .md-unlock-dg-16, .md-warning-hp-26, .md-warning-w-26 {
    background: url('/content/images/sprite/md.png') no-repeat
}

.line-sprite, .line-info-circle-16 {
    background: url('/content/images/sprite/line.png') no-repeat
}

.glyph-sprite, .glyph-angle-down-24, .glyph-angle-right-24, .glyph-attachment-clip, .glyph-check-green-12, .glyph-circle-tick-12, .glyph-comment-12, .glyph-comment-24, .glyph-comment-white-16, .glyph-comment2-12, .glyph-comment2-pink-12, .glyph-delete-12, .glyph-directory, .glyph-download-12, .glyph-download-24, .glyph-download, .glyph-edit-12, .glyph-edit-16, .glyph-exclamation-circle, .glyph-f-arrow-d, .glyph-info-circle, .glyph-left-user, .glyph-locked, .glyph-new-tab, .glyph-star-dg-16, .glyph-tags-12, .glyph-toggle, .glyph-upload-12, .glyph-upload-24, .glyph-user-brown-12, .glyph-user-circle-16 {
    background: url('/content/images/sprite/glyph1.png') no-repeat
}

.filetypes-sprite, .filetypes-avi-32, .filetypes-avi, .filetypes-doc-32, .filetypes-doc, .filetypes-docx-32, .filetypes-docx, .filetypes-folder-32, .filetypes-gif-32, .filetypes-gif, .filetypes-invalid, .filetypes-jpg-32, .filetypes-jpg, .filetypes-mkv-32, .filetypes-mkv, .filetypes-mp4-32, .filetypes-mp4, .filetypes-pdf-32, .filetypes-pdf, .filetypes-png-32, .filetypes-png, .filetypes-ppt-32, .filetypes-ppt, .filetypes-pptx-32, .filetypes-pptx, .filetypes-vsd-32, .filetypes-vsd, .filetypes-vsdx-32, .filetypes-vsdx, .filetypes-wmv-32, .filetypes-wmv, .filetypes-xls-32, .filetypes-xls, .filetypes-xlsb-32, .filetypes-xlsb, .filetypes-xlsx-32, .filetypes-xlsx {
    background: url('/content/images/sprite/filetypes.png') no-repeat
}

.nav-sprite, .nav-agenda, .nav-archive, .nav-bar-chart, .nav-calendar, .nav-checkbox, .nav-clip-board, .nav-distribution, .nav-email, .nav-files, .nav-filter, .nav-folder, .nav-globe, .nav-grid-3, .nav-layers, .nav-layout, .nav-list-ol, .nav-money, .nav-pencil, .nav-pulse, .nav-receipt, .nav-server, .nav-settings, .nav-time, .nav-unlock {
    background: url('/content/images/sprite/nav.png') no-repeat
}

.md-attachment {
    background-position: 0 -612px;
    height: 35px;
    width: 35px
}

.md-close-14 {
    background-position: 0 -885px;
    height: 14px;
    width: 14px
}

.md-comment-24 {
    background-position: 0 -1220px;
    height: 24px;
    width: 24px
}

.md-comment-active-24 {
    background-position: 0 -1139px;
    height: 24px;
    width: 24px
}

.md-delete-16 {
    background-position: 0 -1416px;
    height: 16px;
    width: 13px
}

.md-delete-18 {
    background-position: 0 -1300px;
    height: 18px;
    width: 14px
}

.md-edit-16 {
    background-position: 0 -1103px;
    height: 16px;
    width: 16px
}

.md-edit-18 {
    background-position: 0 -98px;
    height: 18px;
    width: 18px
}

.md-edit-dg-16 {
    background-position: 0 -1264px;
    height: 16px;
    width: 16px
}

.md-edit-w-16 {
    background-position: 0 -1380px;
    height: 16px;
    width: 16px
}

.md-edit-w-18 {
    background-position: 0 -274px;
    height: 18px;
    width: 18px
}

.md-email-24 {
    background-position: 0 -450px;
    height: 22px;
    width: 27px
}

.md-email-dg-16 {
    background-position: 0 -1031px;
    height: 16px;
    width: 20px
}

.md-envelope-w-24 {
    background-position: 0 -993px;
    height: 18px;
    width: 23px
}

.md-error-log {
    background-position: 0 -839px;
    height: 26px;
    width: 26px
}

.md-f-arrow {
    background-position: 0 -955px;
    height: 18px;
    width: 23px
}

.md-facebook-w-26 {
    background-position: 0 -492px;
    height: 26px;
    width: 13px
}

.md-globe-dg-16 {
    background-position: 0 -538px;
    height: 16px;
    width: 16px
}

.md-google-w-26 {
    background-position: 0 -136px;
    height: 26px;
    width: 26px
}

.md-help-w-26 {
    background-position: 0 -404px;
    height: 26px;
    width: 26px
}

.md-info-circle-16 {
    background-position: 0 -1067px;
    height: 16px;
    width: 16px
}

.md-info-hp-26 {
    background-position: 0 -358px;
    height: 26px;
    width: 26px
}

.md-info-hp-blue-32 {
    background-position: 0 0;
    height: 32px;
    width: 32px
}

.md-linkedin-w-26 {
    background-position: 0 -667px;
    height: 26px;
    width: 27px
}

.md-mail-list-w-26 {
    background-position: 0 -52px;
    height: 26px;
    width: 36px
}

.md-menu-w-22 {
    background-position: 0 -1338px;
    height: 22px;
    width: 25px
}

.md-phone-w-24 {
    background-position: 0 -749px;
    height: 24px;
    width: 17px
}

.md-print-w-18 {
    background-position: 0 -574px;
    height: 18px;
    width: 19px
}

.md-programs-dg-16 {
    background-position: 0 -1488px;
    height: 16px;
    width: 17px
}

.md-rss-w-26 {
    background-position: 0 -228px;
    height: 26px;
    width: 26px
}

.md-settings-dg-16 {
    background-position: 0 -713px;
    height: 16px;
    width: 16px
}

.md-sign-out-dg-16 {
    background-position: 0 -919px;
    height: 16px;
    width: 20px
}

.md-table-dg-16 {
    background-position: 0 -1452px;
    height: 16px;
    width: 19px
}

.md-twitter-w-26 {
    background-position: 0 -182px;
    height: 26px;
    width: 37px
}

.md-unlock-dg-16 {
    background-position: 0 -1183px;
    height: 17px;
    width: 13px
}

.md-warning-hp-26 {
    background-position: 0 -312px;
    height: 26px;
    width: 26px
}

.md-warning-w-26 {
    background-position: 0 -793px;
    height: 26px;
    width: 26px
}

.line-info-circle-16 {
    background-position: 0 0;
    height: 16px;
    width: 16px
}

.glyph-angle-down-24 {
    background-position: 0 -664px;
    height: 12px;
    width: 20px
}

.glyph-angle-right-24 {
    background-position: 0 -536px;
    height: 20px;
    width: 14px
}

.glyph-attachment-clip {
    background-position: 0 0;
    height: 18px;
    width: 32px
}

.glyph-check-green-12 {
    background-position: 0 -1015px;
    height: 11px;
    width: 15px
}

.glyph-circle-tick-12 {
    background-position: 0 -428px;
    height: 14px;
    width: 14px
}

.glyph-comment-12 {
    background-position: 0 -1046px;
    height: 14px;
    width: 14px
}

.glyph-comment-24 {
    background-position: 0 -158px;
    height: 24px;
    width: 29px
}

.glyph-comment-white-16 {
    background-position: 0 -913px;
    height: 16px;
    width: 19px
}

.glyph-comment2-12 {
    background-position: 0 -811px;
    height: 14px;
    width: 17px
}

.glyph-comment2-pink-12 {
    background-position: 0 -845px;
    height: 14px;
    width: 17px
}

.glyph-delete-12 {
    background-position: 0 -1080px;
    height: 12px;
    width: 10px
}

.glyph-directory {
    background-position: 0 -740px;
    height: 18px;
    width: 20px
}

.glyph-download-12 {
    background-position: 0 -879px;
    height: 14px;
    width: 12px
}

.glyph-download-24 {
    background-position: 0 -620px;
    height: 24px;
    width: 21px
}

.glyph-download {
    background-position: 0 -576px;
    height: 24px;
    width: 21px
}

.glyph-edit-12 {
    background-position: 0 -983px;
    height: 12px;
    width: 12px
}

.glyph-edit-16 {
    background-position: 0 -238px;
    height: 16px;
    width: 20px
}

.glyph-exclamation-circle {
    background-position: 0 -462px;
    height: 16px;
    width: 16px
}

.glyph-f-arrow-d {
    background-position: 0 -114px;
    height: 24px;
    width: 30px
}

.glyph-info-circle {
    background-position: 0 -310px;
    height: 16px;
    width: 17px
}

.glyph-left-user {
    background-position: 0 -70px;
    height: 24px;
    width: 28px
}

.glyph-locked {
    background-position: 0 -202px;
    height: 16px;
    width: 14px
}

.glyph-new-tab {
    background-position: 0 -498px;
    height: 18px;
    width: 18px
}

.glyph-star-dg-16 {
    background-position: 0 -392px;
    height: 16px;
    width: 16px
}

.glyph-tags-12 {
    background-position: 0 -38px;
    height: 12px;
    width: 15px
}

.glyph-toggle {
    background-position: 0 -346px;
    height: 26px;
    width: 21px
}

.glyph-upload-12 {
    background-position: 0 -949px;
    height: 14px;
    width: 12px
}

.glyph-upload-24 {
    background-position: 0 -696px;
    height: 24px;
    width: 21px
}

.glyph-user-brown-12 {
    background-position: 0 -778px;
    height: 13px;
    width: 13px
}

.glyph-user-circle-16 {
    background-position: 0 -274px;
    height: 16px;
    width: 16px
}

.filetypes-avi-32 {
    background-position: 0 -476px;
    height: 32px;
    width: 25px
}

.filetypes-avi {
    background-position: 0 0;
    height: 48px;
    width: 37px
}

.filetypes-doc-32 {
    background-position: 0 -1982px;
    height: 32px;
    width: 28px
}

.filetypes-doc {
    background-position: 0 -1482px;
    height: 48px;
    width: 42px
}

.filetypes-docx-32 {
    background-position: 0 -2034px;
    height: 32px;
    width: 28px
}

.filetypes-docx {
    background-position: 0 -1550px;
    height: 48px;
    width: 42px
}

.filetypes-folder-32 {
    background-position: 0 -1096px;
    height: 26px;
    width: 26px
}

.filetypes-gif-32 {
    background-position: 0 -684px;
    height: 32px;
    width: 41px
}

.filetypes-gif {
    background-position: 0 -272px;
    height: 48px;
    width: 61px
}

.filetypes-invalid {
    background-position: 0 -2086px;
    height: 48px;
    width: 39px
}

.filetypes-jpg-32 {
    background-position: 0 -736px;
    height: 32px;
    width: 41px
}

.filetypes-jpg {
    background-position: 0 -340px;
    height: 48px;
    width: 61px
}

.filetypes-mkv-32 {
    background-position: 0 -528px;
    height: 32px;
    width: 25px
}

.filetypes-mkv {
    background-position: 0 -68px;
    height: 48px;
    width: 37px
}

.filetypes-mp4-32 {
    background-position: 0 -580px;
    height: 32px;
    width: 25px
}

.filetypes-mp4 {
    background-position: 0 -136px;
    height: 48px;
    width: 37px
}

.filetypes-pdf-32 {
    background-position: 0 -1044px;
    height: 32px;
    width: 31px
}

.filetypes-pdf {
    background-position: 0 -840px;
    height: 48px;
    width: 47px
}

.filetypes-png-32 {
    background-position: 0 -788px;
    height: 32px;
    width: 41px
}

.filetypes-png {
    background-position: 0 -408px;
    height: 48px;
    width: 61px
}

.filetypes-ppt-32 {
    background-position: 0 -1878px;
    height: 32px;
    width: 28px
}

.filetypes-ppt {
    background-position: 0 -1346px;
    height: 48px;
    width: 42px
}

.filetypes-pptx-32 {
    background-position: 0 -1930px;
    height: 32px;
    width: 28px
}

.filetypes-pptx {
    background-position: 0 -1414px;
    height: 48px;
    width: 42px
}

.filetypes-vsd-32 {
    background-position: 0 -1774px;
    height: 32px;
    width: 28px
}

.filetypes-vsd {
    background-position: 0 -908px;
    height: 48px;
    width: 42px
}

.filetypes-vsdx-32 {
    background-position: 0 -1826px;
    height: 32px;
    width: 28px
}

.filetypes-vsdx {
    background-position: 0 -976px;
    height: 48px;
    width: 42px
}

.filetypes-wmv-32 {
    background-position: 0 -632px;
    height: 32px;
    width: 25px
}

.filetypes-wmv {
    background-position: 0 -204px;
    height: 48px;
    width: 37px
}

.filetypes-xls-32 {
    background-position: 0 -1618px;
    height: 32px;
    width: 28px
}

.filetypes-xls {
    background-position: 0 -1142px;
    height: 48px;
    width: 42px
}

.filetypes-xlsb-32 {
    background-position: 0 -1670px;
    height: 32px;
    width: 28px
}

.filetypes-xlsb {
    background-position: 0 -1210px;
    height: 48px;
    width: 42px
}

.filetypes-xlsx-32 {
    background-position: 0 -1722px;
    height: 32px;
    width: 28px
}

.filetypes-xlsx {
    background-position: 0 -1278px;
    height: 48px;
    width: 42px
}

.nav-agenda {
    background-position: 0 -692px;
    height: 22px;
    width: 19px
}

.nav-archive {
    background-position: 0 -608px;
    height: 22px;
    width: 25px
}

.nav-bar-chart {
    background-position: 0 -818px;
    height: 22px;
    width: 25px
}

.nav-calendar {
    background-position: 0 -944px;
    height: 22px;
    width: 23px
}

.nav-checkbox {
    background-position: 0 -524px;
    height: 22px;
    width: 21px
}

.nav-clip-board {
    background-position: 0 -860px;
    height: 22px;
    width: 19px
}

.nav-distribution {
    background-position: 0 -142px;
    height: 22px;
    width: 27px
}

.nav-email {
    background-position: 0 -52px;
    height: 22px;
    width: 26px
}

.nav-files {
    background-position: 0 -440px;
    height: 22px;
    width: 22px
}

.nav-filter {
    background-position: 0 -566px;
    height: 22px;
    width: 22px
}

.nav-folder {
    background-position: 0 -902px;
    height: 22px;
    width: 25px
}

.nav-globe {
    background-position: 0 -268px;
    height: 22px;
    width: 23px
}

.nav-grid-3 {
    background-position: 0 -482px;
    height: 22px;
    width: 22px
}

.nav-layers {
    background-position: 0 -776px;
    height: 22px;
    width: 25px
}

.nav-layout {
    background-position: 0 -986px;
    height: 22px;
    width: 22px
}

.nav-list-ol {
    background-position: 0 -650px;
    height: 22px;
    width: 23px
}

.nav-money {
    background-position: 0 0;
    height: 32px;
    width: 27px
}

.nav-pencil {
    background-position: 0 -734px;
    height: 22px;
    width: 22px
}

.nav-pulse {
    background-position: 0 -310px;
    height: 24px;
    width: 24px
}

.nav-receipt {
    background-position: 0 -354px;
    height: 24px;
    width: 19px
}

.nav-server {
    background-position: 0 -184px;
    height: 22px;
    width: 22px
}

.nav-settings {
    background-position: 0 -226px;
    height: 22px;
    width: 21px
}

.nav-time {
    background-position: 0 -398px;
    height: 22px;
    width: 23px
}

.nav-unlock {
    background-position: 0 -94px;
    height: 28px;
    width: 19px
}

i {
    display: inline-block;
    vertical-align: middle
}

.sems-file-upload.sems-file-upload-btn-disabled button.k-upload-selected {
    pointer-events: none !important;
}

.md-sprite,.md-attachment,.md-close-14,.md-comment-24,.md-comment-active-24,.md-delete-16,.md-delete-18,.md-edit-16,.md-edit-18,.md-edit-dg-16,.md-edit-w-16,.md-edit-w-18,.md-email-24,.md-email-dg-16,.md-envelope-w-24,.md-error-log,.md-f-arrow,.md-facebook-w-26,.md-globe-dg-16,.md-google-w-26,.md-help-w-26,.md-info-circle-16,.md-info-hp-26,.md-info-hp-blue-32,.md-linkedin-w-26,.md-mail-list-w-26,.md-menu-w-22,.md-phone-w-24,.md-print-w-18,.md-programs-dg-16,.md-rss-w-26,.md-settings-dg-16,.md-sign-out-dg-16,.md-table-dg-16,.md-twitter-w-26,.md-unlock-dg-16,.md-warning-hp-26,.md-warning-w-26{background:url('/content/images/sprite/md.png') no-repeat}.line-sprite,.line-info-circle-16{background:url('/content/images/sprite/line.png') no-repeat}.glyph-sprite,.glyph-angle-down-24,.glyph-angle-right-24,.glyph-attachment-clip,.glyph-check-green-12,.glyph-circle-tick-12,.glyph-comment-12,.glyph-comment-24,.glyph-comment-white-16,.glyph-comment2-12,.glyph-comment2-pink-12,.glyph-delete-12,.glyph-directory,.glyph-download-12,.glyph-download-24,.glyph-download,.glyph-edit-12,.glyph-edit-16,.glyph-exclamation-circle,.glyph-f-arrow-d,.glyph-info-circle,.glyph-left-user,.glyph-locked,.glyph-new-tab,.glyph-star-dg-16,.glyph-tags-12,.glyph-toggle,.glyph-upload-12,.glyph-upload-24,.glyph-user-brown-12,.glyph-user-circle-16{background:url('/content/images/sprite/glyph1.png') no-repeat}.filetypes-sprite,.filetypes-avi-32,.filetypes-avi,.filetypes-doc-32,.filetypes-doc,.filetypes-docx-32,.filetypes-docx,.filetypes-folder-32,.filetypes-gif-32,.filetypes-gif,.filetypes-invalid,.filetypes-jpg-32,.filetypes-jpg,.filetypes-mkv-32,.filetypes-mkv,.filetypes-mp4-32,.filetypes-mp4,.filetypes-pdf-32,.filetypes-pdf,.filetypes-png-32,.filetypes-png,.filetypes-ppt-32,.filetypes-ppt,.filetypes-pptx-32,.filetypes-pptx,.filetypes-vsd-32,.filetypes-vsd,.filetypes-vsdx-32,.filetypes-vsdx,.filetypes-wmv-32,.filetypes-wmv,.filetypes-xls-32,.filetypes-xls,.filetypes-xlsb-32,.filetypes-xlsb,.filetypes-xlsx-32,.filetypes-xlsx{background:url('/content/images/sprite/filetypes.png') no-repeat}.nav-sprite,.nav-agenda,.nav-archive,.nav-bar-chart,.nav-calendar,.nav-checkbox,.nav-clip-board,.nav-distribution,.nav-email,.nav-files,.nav-filter,.nav-folder,.nav-globe,.nav-grid-3,.nav-layers,.nav-layout,.nav-list-ol,.nav-money,.nav-pencil,.nav-pulse,.nav-receipt,.nav-server,.nav-settings,.nav-time,.nav-unlock{background:url('/content/images/sprite/nav.png') no-repeat}.md-attachment{background-position:0 -612px;height:35px;width:35px}.md-close-14{background-position:0 -885px;height:14px;width:14px}.md-comment-24{background-position:0 -1220px;height:24px;width:24px}.md-comment-active-24{background-position:0 -1139px;height:24px;width:24px}.md-delete-16{background-position:0 -1416px;height:16px;width:13px}.md-delete-18{background-position:0 -1300px;height:18px;width:14px}.md-edit-16{background-position:0 -1103px;height:16px;width:16px}.md-edit-18{background-position:0 -98px;height:18px;width:18px}.md-edit-dg-16{background-position:0 -1264px;height:16px;width:16px}.md-edit-w-16{background-position:0 -1380px;height:16px;width:16px}.md-edit-w-18{background-position:0 -274px;height:18px;width:18px}.md-email-24{background-position:0 -450px;height:22px;width:27px}.md-email-dg-16{background-position:0 -1031px;height:16px;width:20px}.md-envelope-w-24{background-position:0 -993px;height:18px;width:23px}.md-error-log{background-position:0 -839px;height:26px;width:26px}.md-f-arrow{background-position:0 -955px;height:18px;width:23px}.md-facebook-w-26{background-position:0 -492px;height:26px;width:13px}.md-globe-dg-16{background-position:0 -538px;height:16px;width:16px}.md-google-w-26{background-position:0 -136px;height:26px;width:26px}.md-help-w-26{background-position:0 -404px;height:26px;width:26px}.md-info-circle-16{background-position:0 -1067px;height:16px;width:16px}.md-info-hp-26{background-position:0 -358px;height:26px;width:26px}.md-info-hp-blue-32{background-position:0 0;height:32px;width:32px}.md-linkedin-w-26{background-position:0 -667px;height:26px;width:27px}.md-mail-list-w-26{background-position:0 -52px;height:26px;width:36px}.md-menu-w-22{background-position:0 -1338px;height:22px;width:25px}.md-phone-w-24{background-position:0 -749px;height:24px;width:17px}.md-print-w-18{background-position:0 -574px;height:18px;width:19px}.md-programs-dg-16{background-position:0 -1488px;height:16px;width:17px}.md-rss-w-26{background-position:0 -228px;height:26px;width:26px}.md-settings-dg-16{background-position:0 -713px;height:16px;width:16px}.md-sign-out-dg-16{background-position:0 -919px;height:16px;width:20px}.md-table-dg-16{background-position:0 -1452px;height:16px;width:19px}.md-twitter-w-26{background-position:0 -182px;height:26px;width:37px}.md-unlock-dg-16{background-position:0 -1183px;height:17px;width:13px}.md-warning-hp-26{background-position:0 -312px;height:26px;width:26px}.md-warning-w-26{background-position:0 -793px;height:26px;width:26px}.line-info-circle-16{background-position:0 0;height:16px;width:16px}.glyph-angle-down-24{background-position:0 -664px;height:12px;width:20px}.glyph-angle-right-24{background-position:0 -536px;height:20px;width:14px}.glyph-attachment-clip{background-position:0 0;height:18px;width:32px}.glyph-check-green-12{background-position:0 -1015px;height:11px;width:15px}.glyph-circle-tick-12{background-position:0 -428px;height:14px;width:14px}.glyph-comment-12{background-position:0 -1046px;height:14px;width:14px}.glyph-comment-24{background-position:0 -158px;height:24px;width:29px}.glyph-comment-white-16{background-position:0 -913px;height:16px;width:19px}.glyph-comment2-12{background-position:0 -811px;height:14px;width:17px}.glyph-comment2-pink-12{background-position:0 -845px;height:14px;width:17px}.glyph-delete-12{background-position:0 -1080px;height:12px;width:10px}.glyph-directory{background-position:0 -740px;height:18px;width:20px}.glyph-download-12{background-position:0 -879px;height:14px;width:12px}.glyph-download-24{background-position:0 -620px;height:24px;width:21px}.glyph-download{background-position:0 -576px;height:24px;width:21px}.glyph-edit-12{background-position:0 -983px;height:12px;width:12px}.glyph-edit-16{background-position:0 -238px;height:16px;width:20px}.glyph-exclamation-circle{background-position:0 -462px;height:16px;width:16px}.glyph-f-arrow-d{background-position:0 -114px;height:24px;width:30px}.glyph-info-circle{background-position:0 -310px;height:16px;width:17px}.glyph-left-user{background-position:0 -70px;height:24px;width:28px}.glyph-locked{background-position:0 -202px;height:16px;width:14px}.glyph-new-tab{background-position:0 -498px;height:18px;width:18px}.glyph-star-dg-16{background-position:0 -392px;height:16px;width:16px}.glyph-tags-12{background-position:0 -38px;height:12px;width:15px}.glyph-toggle{background-position:0 -346px;height:26px;width:21px}.glyph-upload-12{background-position:0 -949px;height:14px;width:12px}.glyph-upload-24{background-position:0 -696px;height:24px;width:21px}.glyph-user-brown-12{background-position:0 -778px;height:13px;width:13px}.glyph-user-circle-16{background-position:0 -274px;height:16px;width:16px}.filetypes-avi-32{background-position:0 -476px;height:32px;width:25px}.filetypes-avi{background-position:0 0;height:48px;width:37px}.filetypes-doc-32{background-position:0 -1982px;height:32px;width:28px}.filetypes-doc{background-position:0 -1482px;height:48px;width:42px}.filetypes-docx-32{background-position:0 -2034px;height:32px;width:28px}.filetypes-docx{background-position:0 -1550px;height:48px;width:42px}.filetypes-folder-32{background-position:0 -1096px;height:26px;width:26px}.filetypes-gif-32{background-position:0 -684px;height:32px;width:41px}.filetypes-gif{background-position:0 -272px;height:48px;width:61px}.filetypes-invalid{background-position:0 -2086px;height:48px;width:39px}.filetypes-jpg-32{background-position:0 -736px;height:32px;width:41px}.filetypes-jpg{background-position:0 -340px;height:48px;width:61px}.filetypes-mkv-32{background-position:0 -528px;height:32px;width:25px}.filetypes-mkv{background-position:0 -68px;height:48px;width:37px}.filetypes-mp4-32{background-position:0 -580px;height:32px;width:25px}.filetypes-mp4{background-position:0 -136px;height:48px;width:37px}.filetypes-pdf-32{background-position:0 -1044px;height:32px;width:31px}.filetypes-pdf{background-position:0 -840px;height:48px;width:47px}.filetypes-png-32{background-position:0 -788px;height:32px;width:41px}.filetypes-png{background-position:0 -408px;height:48px;width:61px}.filetypes-ppt-32{background-position:0 -1878px;height:32px;width:28px}.filetypes-ppt{background-position:0 -1346px;height:48px;width:42px}.filetypes-pptx-32{background-position:0 -1930px;height:32px;width:28px}.filetypes-pptx{background-position:0 -1414px;height:48px;width:42px}.filetypes-vsd-32{background-position:0 -1774px;height:32px;width:28px}.filetypes-vsd{background-position:0 -908px;height:48px;width:42px}.filetypes-vsdx-32{background-position:0 -1826px;height:32px;width:28px}.filetypes-vsdx{background-position:0 -976px;height:48px;width:42px}.filetypes-wmv-32{background-position:0 -632px;height:32px;width:25px}.filetypes-wmv{background-position:0 -204px;height:48px;width:37px}.filetypes-xls-32{background-position:0 -1618px;height:32px;width:28px}.filetypes-xls{background-position:0 -1142px;height:48px;width:42px}.filetypes-xlsb-32{background-position:0 -1670px;height:32px;width:28px}.filetypes-xlsb{background-position:0 -1210px;height:48px;width:42px}.filetypes-xlsx-32{background-position:0 -1722px;height:32px;width:28px}.filetypes-xlsx{background-position:0 -1278px;height:48px;width:42px}.nav-agenda{background-position:0 -692px;height:22px;width:19px}.nav-archive{background-position:0 -608px;height:22px;width:25px}.nav-bar-chart{background-position:0 -818px;height:22px;width:25px}.nav-calendar{background-position:0 -944px;height:22px;width:23px}.nav-checkbox{background-position:0 -524px;height:22px;width:21px}.nav-clip-board{background-position:0 -860px;height:22px;width:19px}.nav-distribution{background-position:0 -142px;height:22px;width:27px}.nav-email{background-position:0 -52px;height:22px;width:26px}.nav-files{background-position:0 -440px;height:22px;width:22px}.nav-filter{background-position:0 -566px;height:22px;width:22px}.nav-folder{background-position:0 -902px;height:22px;width:25px}.nav-globe{background-position:0 -268px;height:22px;width:23px}.nav-grid-3{background-position:0 -482px;height:22px;width:22px}.nav-layers{background-position:0 -776px;height:22px;width:25px}.nav-layout{background-position:0 -986px;height:22px;width:22px}.nav-list-ol{background-position:0 -650px;height:22px;width:23px}.nav-money{background-position:0 0;height:32px;width:27px}.nav-pencil{background-position:0 -734px;height:22px;width:22px}.nav-pulse{background-position:0 -310px;height:24px;width:24px}.nav-receipt{background-position:0 -354px;height:24px;width:19px}.nav-server{background-position:0 -184px;height:22px;width:22px}.nav-settings{background-position:0 -226px;height:22px;width:21px}.nav-time{background-position:0 -398px;height:22px;width:23px}.nav-unlock{background-position:0 -94px;height:28px;width:19px}i{display:inline-block;vertical-align:middle}