/* ========================================
/* GSW Application Management
/* ======================================== */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600');

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* Body Triggers for layout options
------------------------------------------------------------------
*/

html, body {
    font-family: 'Montserrat', sans-serif !important;
    height: 100%;
    margin: 0;
    padding: 0;
    direction: ltr;
}

    body.fixed-header .header {
        position: fixed;
        left: 0;
        top: 0;
    }

    body.mobile .sidebar-menu {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

        body.mobile .sidebar-menu > ul {
            height: auto !important;
            overflow: visible !important;
            -webkit-overflow-scrolling: touch !important;
        }

    body.mobile .page-sidebar .sidebar-menu .menu-items li:hover a {
        color: #788195;
    }

    body.mobile .page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail {
        color: #788195 !important;
    }

    body.mobile .page-sidebar .sidebar-menu .menu-items li.active > a,
    body.mobile .page-sidebar .sidebar-menu .menu-items li.open > a {
        color: #fff;
    }

    body.mobile .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail,
    body.mobile .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail {
        color: #fff;
    }

    body.mobile .drager {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.sidebar-visible .page-sidebar .scroll-element {
        visibility: visible;
    }

    body.sidebar-visible .page-sidebar .menu-items .icon-thumbnail {
        -webkit-transform: translate3d(-14px, 0, 0);
        transform: translate3d(-14px, 0, 0);
        -ms-transform: translate(-14px, 0);
    }

    body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls {
        -webkit-transform: translate3d(48px, 0, 0);
        transform: translate3d(48px, 0, 0);
        -ms-transform: translate(48px, 0);
    }

    body.no-header .page-container .page-content-wrapper .content {
        padding-top: 0px;
    }

    body.no-header .header {
        border-bottom-color: transparent;
    }

    body.dashboard {
        background: #f5f5f5;
    }

        body.dashboard .page-container {
            background: #f5f5f5;
        }

    body.rtl [class^="col-"],
    body.rtl [class*="col-"] {
        float: left;
    }

    body.menu-pin .overlay {
        padding-left: 0;
    }

        body.menu-pin .overlay .overlay-brand {
            margin-left: 0;
        }

/* Page Loader
  ------------------------------------
  */

.pace .pace-progress {
    background: #10cfbd;
    height: 3px;
}

.pace .pace-progress-inner {
    box-shadow: none;
}

.pace .pace-activity {
    -webkit-animation: none;
    animation: none;
    top: 73px;
    background: url('../img/progress/progress-circle-success.svg') no-repeat top left;
    background-size: 100% auto;
    margin: 0 auto;
    border-width: 0;
    border-radius: 0;
    width: 28px;
    height: 40px;
    right: 19px;
    left: auto;
}

/* Header
  ------------------------------------
  */

.header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    width: 100%;
    padding: 0 20px 0 0;
    z-index: 800;
    background-color: #fff;
    border-bottom: 1px solid rgba(230, 230, 230, 0.7);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .header a {
        color: #626262;
    }

        .header a:hover,
        .header a:active,
        .header a:focus {
            color: #626262;
        }

    .header .header-inner {
        height: inherit;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header.transparent {
        background-color: transparent !important;
    }

    .header .brand {
        vertical-align: middle;
        width: 280px;
        text-align: center;
    }

    .header .bubble {
        border-radius: 100%;
        height: 12px;
        width: 12px;
        background-color: #f55753;
        color: #fff;
        position: absolute;
        top: -6px;
        float: right;
        right: -5px;
    }

    .header .notification-list {
        display: inline-block;
        line-height: 23px;
    }

    .header .search-link {
        display: inline-block;
        margin-left: 15px;
        color: #626262;
        opacity: .7;
        font-size: 14px;
        vertical-align: middle;
        line-height: 12px;
        font-family: wf_segoe-ui_light, wf_segoe-ui_normal, "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

        .header .search-link i {
            margin-right: 15px;
            font-size: 16px;
            vertical-align: middle;
        }

        .header .search-link:hover {
            opacity: 1;
        }

    .header .pg {
        font-size: 16px;
    }

    .header ul li {
        line-height: 12px;
        vertical-align: middle;
    }

    .header .dropdown {
        line-height: 12px;
    }

/* Main Menu Sidebar
  ------------------------------------
  */

.page-sidebar {
    width: 280px;
    background-color: #2b303b;
    z-index: 1000;
    left: -210px;
    position: fixed;
    bottom: 0;
    top: 0;
    right: auto;
    overflow: hidden;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -moz-transition: -moz-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -o-transition: -o-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

    .page-sidebar a,
    .page-sidebar button {
        color: #788195;
    }

        .page-sidebar a:hover,
        .page-sidebar button:hover,
        .page-sidebar a:active,
        .page-sidebar button:active {
            color: #fff;
        }

        .page-sidebar a:visited,
        .page-sidebar button:visited,
        .page-sidebar a:focus,
        .page-sidebar button:focus {
            color: #788195;
        }

    .page-sidebar .scroll-element {
        visibility: hidden;
    }

    .page-sidebar .sidebar-header {
        /* Side-bar header */
        display: block;
        height: 60px;
        line-height: 60px;
        background-color: #272b35;
        border-bottom: 1px solid #232730;
        color: #fff;
        width: 100%;
        padding: 0 20px;
        padding-left: 30px;
        clear: both;
        z-index: 10;
        position: relative;
    }

        .page-sidebar .sidebar-header .sidebar-header-controls {
            display: inline-block;
            -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99);
            transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99);
            -webkit-backface-visibility: hidden;
        }

        .page-sidebar .sidebar-header .sidebar-slide-toggle i {
            -webkit-transition: all 0.12s ease;
            transition: all 0.12s ease;
        }

        .page-sidebar .sidebar-header .sidebar-slide-toggle.active i {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    .page-sidebar .close-sidebar {
        position: absolute;
        right: 19px;
        top: 14px;
        padding: 9px;
        z-index: 1;
    }

        .page-sidebar .close-sidebar > i {
            color: rgba(255, 255, 255, 0.57);
        }

    .page-sidebar .sidebar-overlay-slide {
        /* Side-bar Top Slider */
        width: 100%;
        height: 100%;
        background-color: #272b35;
        display: block;
        z-index: 9;
        padding: 80px 20px 20px 20px;
    }

        .page-sidebar .sidebar-overlay-slide.from-top {
            top: -100%;
            position: absolute;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

            .page-sidebar .sidebar-overlay-slide.from-top.show {
                -webkit-transform: translate(0, 100%);
                -ms-transform: translate(0, 100%);
                transform: translate(0, 100%);
            }

    .page-sidebar .sidebar-menu {
        /* Side-bar Menu */
        height: calc(100% - 50px);
        position: relative;
        width: 100%;
    }

        .page-sidebar .sidebar-menu .outer-tab-nav-section {
            display: inline-block;
            width: 45px;
            position: absolute;
            height: 100%;
            background-color: #0aa699 !important;
        }

        .page-sidebar .sidebar-menu .menu-items {
            /* Side-bar Menut Items */
            list-style: none;
            margin: 0;
            padding: 0;
            position: relative;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
            height: calc(100% - 10px);
            width: 100%;
        }

            .page-sidebar .sidebar-menu .menu-items li:hover > .icon-thumbnail,
            .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail,
            .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail {
                color: #fff;
            }

            .page-sidebar .sidebar-menu .menu-items li:hover > a,
            .page-sidebar .sidebar-menu .menu-items li.open > a,
            .page-sidebar .sidebar-menu .menu-items li.active > a {
                color: #fff;
            }

            .page-sidebar .sidebar-menu .menu-items li > a {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 65%;
            }

            .page-sidebar .sidebar-menu .menu-items > li {
                display: block;
                padding: 0;
                clear: right;
            }

                .page-sidebar .sidebar-menu .menu-items > li:after,
                .page-sidebar .sidebar-menu .menu-items > li:before {
                    display: table;
                    content: " ";
                    clear: both;
                }

                .page-sidebar .sidebar-menu .menu-items > li > a {
                    font-family: Arial, sans-serif;
                    display: inline-block;
                    padding-left: 32px;
                    min-height: 40px;
                    line-height: 40px;
                    font-size: 14px;
                    clear: both;
                }

                    .page-sidebar .sidebar-menu .menu-items > li > a.open {
                        background: #313131;
                    }

                    .page-sidebar .sidebar-menu .menu-items > li > a > .arrow {
                        float: right;
                        padding-right: 30px;
                    }

                        .page-sidebar .sidebar-menu .menu-items > li > a > .arrow:before {
                            float: right;
                            display: inline;
                            font-size: 16px;
                            font-family: FontAwesome;
                            height: auto;
                            content: "\f104";
                            font-weight: 300;
                            text-shadow: none;
                            -webkit-transition: all 0.12s ease;
                            transition: all 0.12s ease;
                        }

                        .page-sidebar .sidebar-menu .menu-items > li > a > .arrow.open:before {
                            -webkit-transform: rotate(-90deg);
                            -ms-transform: rotate(-90deg);
                            transform: rotate(-90deg);
                        }

                    .page-sidebar .sidebar-menu .menu-items > li > a > .badge {
                        margin-top: 12px;
                    }

                    .page-sidebar .sidebar-menu .menu-items > li > a > .title {
                        float: left;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        width: 65%;
                    }

                    .page-sidebar .sidebar-menu .menu-items > li > a > .details {
                        font-size: 12px;
                        opacity: 0.4;
                        display: block;
                        clear: both;
                    }

                    .page-sidebar .sidebar-menu .menu-items > li > a.detailed > .title {
                        line-height: 28px;
                    }

                    .page-sidebar .sidebar-menu .menu-items > li > a.detailed > .details {
                        line-height: 16px;
                    }

                .page-sidebar .sidebar-menu .menu-items > li.active > ul.sub-menu {
                    display: block;
                }

                .page-sidebar .sidebar-menu .menu-items > li > .icon-thumbnail:first-letter {
                    t__ext-transform: uppercase;
                }

                .page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu > li ul.sub-menu li {
                    padding-left: 10px;
                    padding-right: 3px;
                }

                .page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu > li ul.sub-menu .icon-thumbnail {
                    width: 25px;
                    height: 25px;
                    line-height: 25px;
                    font-size: 10px;
                }

                .page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu li > a > .arrow:before {
                    float: right;
                    margin-top: 1px;
                    margin-right: 20px;
                    display: inline;
                    font-size: 16px;
                    font-family: FontAwesome;
                    height: auto;
                    content: "\f104";
                    font-weight: 300;
                    text-shadow: none;
                    -webkit-transition: all 0.12s ease;
                    transition: all 0.12s ease;
                }

                .page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu li > a > .arrow.open:before {
                    float: right;
                    margin-top: 1px;
                    margin-right: 18px;
                    display: inline;
                    font-family: FontAwesome;
                    height: auto;
                    font-size: 16px;
                    -webkit-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    font-weight: 300;
                    text-shadow: none;
                }

                .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu {
                    display: none;
                    list-style: none;
                    clear: both;
                    margin: 0 0 10px 0;
                    background-color: #21252d;
                    padding: 18px 0 10px 0;
                }

                    .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
                        background: none;
                        padding: 0px 20px 0 40px;
                        margin-top: 1px;
                    }

                        .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li:hover > .icon-thumbnail {
                            color: #fff;
                        }

                        .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a {
                            display: inline-block;
                            padding: 5px 0px;
                            font-size: 13px;
                            font-family: Arial, sans-serif;
                            white-space: normal;
                        }

                        .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li .icon-thumbnail {
                            width: 30px;
                            height: 30px;
                            line-height: 30px;
                            margin: 0;
                            background-color: #2b303b;
                            font-size: 14px;
                        }

        .page-sidebar .sidebar-menu .muted {
            color: #576775;
            opacity: .45;
        }

    .page-sidebar .icon-thumbnail [class^="bg-"],
    .page-sidebar [class*="bg-"] {
        color: #fff;
    }

[data-toggle-pin="sidebar"] > i:before {
    content: "\f10c";
}

/* Sidebar icon holder
  ------------------------------------
  */

.icon-thumbnail {
    display: inline-block;
    background: #21252d;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    left: 0;
    float: right;
    margin-right: 14px;
    color: #788195;
    font-size: 16px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99);
    transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-weight: bold;
}

    .icon-thumbnail > i {
        font-size: 14px;
    }

    .icon-thumbnail > svg {
        width: auto;
        height: auto;
        display: inline;
    }

.nav-collapse.collapse {
    height: 100% !important;
}

/* Secondary App Menu */

.toggle-secondary-sidebar {
    display: none;
}

.secondary-sidebar {
    background: #2d3446;
    width: 250px;
    float: left;
    padding-left: 47px;
    height: 100%;
    position: fixed;
    padding: 20px 0;
}

    .secondary-sidebar.not-fixed {
        position: inherit;
    }

    .secondary-sidebar.open {
        position: fixed;
        visibility: hidden;
        display: block;
    }

    .secondary-sidebar .btn-compose {
        font-family: 'Montserrat';
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0.02em;
        t__ext-transform: uppercase;
    }

    .secondary-sidebar .menu-title {
        color: rgba(120, 129, 149, 0.7);
        font-size: 10.8px;
        font-family: 'Montserrat';
        font-weight: normal;
        letter-spacing: 0.03em;
    }

    .secondary-sidebar .menu-title {
        padding-left: 30px;
    }

    .secondary-sidebar > ul > li {
        padding-left: 0;
    }

    .secondary-sidebar ul li a {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 30px;
        padding-right: 30px;
    }

        .secondary-sidebar ul li a > .icon-thumbnail {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: auto;
            width: auto;
            line-height: auto;
        }

            .secondary-sidebar ul li a > .icon-thumbnail > svg {
                -webkit-align-self: center;
                -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
            }

        .secondary-sidebar ul li a.active {
            color: #2c2c2c;
        }

        .secondary-sidebar ul li a > .title {
            width: 100%;
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }

            .secondary-sidebar ul li a > .title:after {
                display: none;
            }

        .secondary-sidebar ul li a > .badge {
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }

        .secondary-sidebar ul li a > .arrow:before {
            float: right;
            display: inline;
            font-size: 16px;
            font-family: FontAwesome;
            height: auto;
            content: "\f104";
            font-weight: 300;
            text-shadow: none;
            -webkit-transition: all 0.12s ease;
            transition: all 0.12s ease;
        }

    .secondary-sidebar ul li ul {
        margin: 0;
        padding-top: 7px;
        padding-bottom: 5px;
        padding-left: 7px;
    }

        .secondary-sidebar ul li ul li {
            padding: 0;
            margin-bottom: 9px;
            margin-top: 5px;
        }

    .secondary-sidebar ul li.open > a {
        color: #2c2c2c;
    }

        .secondary-sidebar ul li.open > a .arrow:before {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    .secondary-sidebar ul li.open > ul {
        display: block;
    }

    .secondary-sidebar ul li > ul {
        display: none;
    }

    .secondary-sidebar .main-menu {
        padding-left: 0;
    }

        .secondary-sidebar .main-menu > li {
            list-style: none;
        }

            .secondary-sidebar .main-menu > li.active > a {
                color: #48b0f7;
            }

                .secondary-sidebar .main-menu > li.active > a:hover {
                    color: #48b0f7;
                }

                .secondary-sidebar .main-menu > li.active > a > .title {
                    position: relative;
                }

                    .secondary-sidebar .main-menu > li.active > a > .title:after {
                        background: #48b0f7;
                        border-radius: 50%;
                        content: "";
                        height: 7px;
                        position: absolute;
                        right: -14px;
                        top: 6.5px;
                        width: 7px;
                    }

            .secondary-sidebar .main-menu > li a {
                font-size: 14px;
                color: #788195;
                line-height: 37px;
            }

                .secondary-sidebar .main-menu > li a:hover {
                    color: #fff;
                }

                .secondary-sidebar .main-menu > li a > .title i {
                    margin-right: 6px;
                    opacity: .9;
                }

    .secondary-sidebar .sub-menu {
        margin-left: 23px;
    }

        .secondary-sidebar .sub-menu li {
            list-style: none;
            padding: 0;
        }

            .secondary-sidebar .sub-menu li.active a {
                color: #fff !important;
            }

            .secondary-sidebar .sub-menu li a {
                color: rgba(120, 129, 149, 0.89);
                line-height: 25px;
            }

                .secondary-sidebar .sub-menu li a:hover {
                    color: #fff;
                }

                .secondary-sidebar .sub-menu li a .badge,
                .secondary-sidebar .main-menu li a .badge {
                    background: transparent;
                    font-size: 13px;
                    color: #788195;
                    line-height: 25px;
                }

    .secondary-sidebar.light {
        background-color: #fff;
        border-right: 1px solid rgba(0, 0, 0, 0.07);
    }

        .secondary-sidebar.light .menu-title {
            color: rgba(120, 129, 149, 0.6);
            opacity: 1;
        }

        .secondary-sidebar.light .icon-thumbnail {
            background-color: transparent;
        }

        .secondary-sidebar.light .main-menu li a:hover {
            color: #2c2c2c;
        }

        .secondary-sidebar.light .main-menu li.active > a {
            color: #2c2c2c;
        }

        .secondary-sidebar.light .sub-menu {
            margin-top: 5px;
        }

            .secondary-sidebar.light .sub-menu li.active a {
                color: #2c2c2c !important;
            }

            .secondary-sidebar.light .sub-menu li a {
                color: rgba(120, 129, 149, 0.6);
            }

                .secondary-sidebar.light .sub-menu li a:hover {
                    color: #2c2c2c;
                }

/* Page Container
------------------------------------
*/
.page-container {
    width: 100%;
    height: 100%;
    padding-left: 70px;
    padding-top: 100px;
    overflow-y: auto;
}

    .page-container .page-content-wrapper {
        min-height: 100%;
        position: relative;
    }

        .page-container .page-content-wrapper .content {
            z-index: 10;
            padding-top: 60px;
            padding-bottom: 72px;
            min-height: 100%;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .page-container .page-content-wrapper .content.full-width {
                width: 100%;
            }

            .page-container .page-content-wrapper .content .content-inner {
                display: inline-block;
                vertical-align: top;
                height: 100%;
                position: relative;
            }

            .page-container .page-content-wrapper .content:only-child {
                padding-bottom: 0px;
            }

            .page-container .page-content-wrapper .content.overlay-footer {
                padding-bottom: 0px;
            }

        .page-container .page-content-wrapper .footer {
            /* Footer */
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            -webkit-transition: left 0.3s ease;
            transition: left 0.3s ease;
        }

            .page-container .page-content-wrapper .footer.fixed {
                position: fixed;
            }

.page-title {
    margin-top: 0px;
}

/* Base Notification customizations */
body > .pgn-wrapper[data-position="top"] {
    top: 60px;
    left: 70px;
}

body > .pgn-wrapper[data-position="bottom"] {
    left: 70px;
}

body > .pgn-wrapper[data-position$='-left'] {
    left: 90px;
    right: auto;
}

body > .pgn-wrapper[data-position^='top-'] {
    top: 80px;
    bottom: auto;
}

.pgn-circle .alert .close {
    margin-top: -4px;
}

body > .pgn-wrapper {
    z-index: 1060;
}

.pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.upper {
    t__ext-transform: uppercase !important;
}

.tooltip {
    font-family: Montserrat;
    white-space: nowrap !important;
}

.tooltip-inner {
    height: auto;
    white-space: normal;
    overflow: hidden;
}

.no-after:after {
    content: none !important;
}

.no-before:before {
    content: none !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Montserrat', sans-serif !important;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

/* TOPO */

.container {
    width: 100%;
}

.nome-sistema {
    margin-left: 25px;
    margin-top: 3px;
    background-image: url(../Images/nome-sistema.png);
    width: 340px;
    height: 32px;
}

.area-logado {
    margin-top: 5px;
}

.topo-gam .dropdown-menu {
    margin-top: 7px;
    min-width: 120px;
    margin-left: -20px;
}

    .topo-gam .dropdown-menu a {
        font-size: 12px;
    }

/* MENU */

.lateral {
    width: 215px;
    background-color: #fff;
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
}

.area-menu {
    /*width: 215px;*/
    height: 100% !important;
    /*float: left;*/
}

.clear {
    clear: both;
}

.menu-calendar {
    width: 194px;
    background-color: #e6e6e6 !important;
    border-left: 0px !important;
    border-right: 1px solid #c8c8c8 !important;
    border-bottom: 1px solid #d2d2d2 !important;
    font-size: 11px !important;
    color: #4f4f4f !important;
    text-align: left !important;
    text-decoration: none !important;
    line-height: normal !important;
    min-height: 50px;
    padding-top: 15px;
    padding-left: 20px;
}

    .menu-calendar a {
        text-decoration: none !important;
    }

.calendar {
    float: left;
    width: 22px;
    height: 30px;
}

.calendar-details {
    width: 120px;
    height: 25px;
    float: left;
    padding-left: 5px;
}

.calendar-filter {
    width: 20px;
    height: 20px;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}

.periodo {
    font-size: 11px;
    color: #ff9c00;
    text-decoration: none;
    float: left;
    width: 100px;
    height: 15px;
}

.data {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    t__ext-transform: uppercase;
    text-decoration: none;
    float: left;
    padding: 0em;
    margin-bottom: 0em;
}

    .data input {
        text-align: left !important;
        font-size: 10px !important;
    }

.accordion-heading {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

menu-item img {
    float: left;
    margin-right: 5px;
}

.menu-item i {
    float: right;
    margin-left: 10px !important;
    margin-top: -10px;
}

.accordion-toggle {
    padding-top: 15px !important;
    font-size: 12px;
    color: #082360;
    font-weight: 400;
    text-align: left !important;
    text-decoration: none !important;
    line-height: normal !important;
}

.ico-ok {
    float: right;
    margin-left: 5px;
    margin-top: -3px !important;
    width: 20px;
    height: 20px;
    background-image: url(../Images/ico-ok.png);
}

.ico-summary {
    float: right;
    margin-left: 5px;
    margin-top: -3px !important;
    width: 20px;
    height: 20px;
    background-image: url(../Images/ico-summary.png);
}

.estrutura {
    width: 100%;
    min-height: 500px;
}

.recolherExpandir {
    margin-top: 7px;
    margin-bottom: 10px;
}

.conteudo {
    margin-left: 300px;
    padding-left: 40px;
    width: 78%;
}

.conteudoExpandido {
    margin-left: 10px;
    padding-left: 0px;
    width: 98%;
}

.conteudoRecolhido {
    margin-left: 300px;
    padding-left: 40px;
    width: 80%;
}

.nav-header {
    font-size: 11px !important;
    color: #cc8e02 !important;
    text-transform: none !important;
}

/* TEXTOS */

.f_titulo img {
    margin-top: 5px;
}

.titulo {
    font-weight: 400;
    color: #010d64;
    font-size: 28px;
    height: 48px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 1px;
    margin-bottom: 1px;
    /*background-image: url(../Images/bg-titulo.gif);*/
    background-repeat: no-repeat;
    background-position: left bottom;
}

legend {
    font-weight: 400;
    color: #010d64;
    font-size: 18px;
    height: 30px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
    /*background-image: url(../Images/bg-titulo.gif);*/
    background-repeat: no-repeat;
    background-position: left bottom;
}

/*.conteudo .btn-group { margin-bottom: 5px !important; }*/

.conteudo .btn {
    min-width: 80px;
    min-height: 35px;
    font-size: 12px;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-bottom: 5px;
}

.form {
    font-size: 11px !important;
    color: #000000 !important;
}

#MainContent_tabContainer .table {
    margin-top: 20px;
}

.table {
    font-size: 12px;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: normal !important;
    border: 1px solid #E4EBF1;
    border-bottom: 1px solid #cbd8e2;
}

    .table th {
        background-color: #0a1777;
        font-size: 12px;
        font-weight: 600;
        color: #fff;
        border: 1px solid #1a299a;
    }

        .table th a {
            color: #fff;
        }

            .table th a:hover {
                color: #333;
                text-decoration: none;
            }

        .table th label {
            margin-bottom: 0;
            font-size: 12px;
            font-weight: 700;
            font-weight: 600;
            color: #69738c;
            text-rendering: optimizeLegibility;
        }

    .table td {
        font-size: 13px;
        color: #767676;
        text-rendering: optimizeLegibility;
    }

    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
        padding: 10px;
    }

    .table .btn {
        padding: 0px 5px;
        font-size: 14px;
    }

    .table tr:nth-of-type(odd) {
        background-color: #f5f3f3;
    }

.pagination td:hover {
    background-color: #ffffff;
}

.table td {
    border: 1px solid #dddddd;
    min-height: 30px;
}

/* BANNER HOME */

.banner-inicial {
    width: 100%;
    height: 290px;
    margin-right: 15px;
    margin-top: 15px !important;
    margin: 0 auto;
    text-align: center;
}

/* MODAL POPUP */

.modalBackground {
    background-color: #CCCCFF;
    filter: alpha(opacity=40);
    opacity: 0.5;
}

.ModalWindow {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-color: #999999;
    padding: 15px;
    font-size: 12px;
    background-color: #ffffff;
    max-height: 88% !important;
    overflow: auto;
    -webkit-box-shadow: 0px 3px 2px rgba(50, 57, 71, 0.75);
    -moz-box-shadow: 0px 3px 2px rgba(50, 57, 71, 0.75);
    box-shadow: 0px 3px 2px rgba(50, 57, 71, 0.75);
}

/* LEGENDA DE ERROS DE IMPORTAÇÃO */
.ErroCampoObrigatorio {
    background-color: #F52A2A;
    color: #FFFFFF;
}

.ErroFormatoInvalido {
    background-color: #F5AE2A;
}

.ErroAmbos {
    background-color: #9E9E9E;
}

.ErroDiv {
    width: 20px;
    height: 20px;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
}

/* OUTROS */

.validator {
    color: Red;
    font-weight: bold;
    font-size: 20px;
}

.checkboxNormal label {
    display: inline !important;
    padding-left: 10px;
}

.loadingPanel {
    background: rgba(38, 38, 38, 0.8);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 110000;
}

.loadingContent {
    left: 50%;
    top: 35%;
    width: 500px;
    height: 80px;
    text-align: center;
    color: white;
    font-size: large;
    font-weight: bold;
    margin-top: -35px;
    margin-left: -250px;
    position: fixed;
    background-color: #434343;
    padding-top: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #231f20;
    z-index: 110001;
}

.dd_chk_select {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    min-height: 30px !important;
}

.loadingContent span {
    font-size: 16px;
    color: #ffffff !important;
}

.dd_chk_drop input {
    float: left !important;
    margin-right: 5px !important;
}

.dd_chk_drop label {
    font-weight: normal !important;
}

.dd_chk_drop_line {
    width: 95%;
    border-bottom: 1px dotted #ccc;
    padding: 3px;
}

#checks {
    width: 95% !important;
}

    #checks label {
        font-size: 11px;
    }

    #checks br {
        display: none !important;
    }

.ajax__calendar_body {
    width: 240px !important;
}

.ajax__calendar_container {
    width: auto !important;
    padding-left: 20px !important;
    padding: 10px !important;
    font-size: 11px !important;
    border: 1px solid #ccc !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.ajax__calendar_day {
    width: auto !important;
}

.form-inline {
    font-size: 11px !important;
    color: #000000 !important;
    white-space: pre-line;
}

    .form-inline label {
        font-size: 11px !important;
        color: #000000 !important;
        font-weight: bold !important;
    }

    .form-inline input {
        font-size: 11px !important;
        color: #000000 !important;
    }

    .form-inline select {
        font-size: 12px !important;
        color: #000000 !important;
    }

    .form-inline div {
        margin-right: 15px !important;
    }

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

.form label {
    font-size: 10px !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.controls input {
    font-size: 11px !important;
    color: #000000 !important;
}

.controls select {
    font-size: 12px !important;
    color: #000000 !important;
}

.form div {
    margin-right: 15px !important;
}

.form-inline img {
    float: right;
}

.cor1 {
    background-color: #ffffff !important;
}

.cor2 {
    background-color: #CCCCCC !important;
}

.label-box1 {
    font-size: 14px;
    t__ext-transform: uppercase;
    color: #666 !important;
    padding-bottom: 2px;
    margin-bottom: 1px !important;
    border-bottom: 1px dotted #CCC;
}

.box1 {
    width: 160px;
    padding: 10px;
    padding-left: 17px;
    padding-right: 17px;
    background-color: #999;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border: 1px solid #CCC;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}

    .box1 input {
        font-size: 12px !important;
        height: 16px !important;
        margin-bottom: 0px !important;
    }

.box2 input {
    font-size: 12px !important;
    height: 16px !important;
    margin-bottom: 0px !important;
}

.box1 label {
    margin-bottom: 0px;
}

.box2 label {
    margin-bottom: 0px;
}

.label-box2 {
    font-size: 14px;
    t__ext-transform: uppercase;
    color: #666 !important;
    margin-bottom: 5px !important;
}

.box2 label {
    margin-top: 6px !important;
    margin-bottom: -1px !important;
}

.box2 {
    width: 145px;
    padding: 10px;
    background-color: #999;
    padding-left: 25px;
    padding-right: 24px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border: 1px solid #CCC;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}

.input-box1 {
    width: 145px !important;
    font-size: 11px !important;
    t__ext-transform: uppercase !important;
    color: #000000 !important;
}

.input-box2 {
    width: 100px !important;
    font-size: 11px !important;
    t__ext-transform: uppercase !important;
    color: #000000 !important;
}

.input-box3 {
    width: 120px !important;
    font-size: 11px !important;
    t__ext-transform: uppercase !important;
    color: #000000 !important;
}

.box3 {
    width: 140px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

    .box3 label {
        margin-bottom: 0;
    }

.box4 {
    width: 410px;
    padding: 5px;
    padding-left: 18px;
    padding-right: 17px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 24px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border: 1px solid #CCC;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}

    .box4 label {
        margin-bottom: 0;
    }

.input-box4 {
    width: 400px !important;
    font-size: 11px !important;
    t__ext-transform: uppercase !important;
    color: #000000 !important;
}

#filtros {
    width: 90px;
    height: 20px;
    margin-top: -5px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 10px;
    color: #666666;
}

.bigbox {
    padding: 5px;
    padding-left: 18px;
    padding-right: 17px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 24px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border: 1px solid #CCC;
    background-image: linear-gradient(bottom, rgb(222,222,222) 0%, rgb(240,240,240) 5%, rgb(255,255,255) 75%);
    background-image: -o-linear-gradient(bottom, rgb(222,222,222) 0%, rgb(240,240,240) 5%, rgb(255,255,255) 75%);
    background-image: -moz-linear-gradient(bottom, rgb(222,222,222) 0%, rgb(240,240,240) 5%, rgb(255,255,255) 75%);
    background-image: -webkit-linear-gradient(bottom, rgb(222,222,222) 0%, rgb(240,240,240) 5%, rgb(255,255,255) 75%);
    background-image: -ms-linear-gradient(bottom, rgb(222,222,222) 0%, rgb(240,240,240) 5%, rgb(255,255,255) 75%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(222,222,222)), color-stop(0.05, rgb(240,240,240)), color-stop(0.75, rgb(255,255,255)) );
    margin-bottom: 20px;
}

    .bigbox label {
        margin-bottom: 0;
        font-size: 11px;
        t__ext-transform: uppercase;
        font-weight: bold;
        color: #000000 !important;
        margin-bottom: 5px !important;
    }

    .bigbox h5 {
        font-size: 14px;
        font-weight: none !important;
        color: #333333 !important;
        margin-bottom: 10px !important;
    }

h5 {
    font-size: 14px;
    font-weight: none !important;
    color: #333333 !important;
    margin-bottom: 20px !important;
}

.input-bigbox {
    width: 180px !important;
    font-size: 12px !important;
    t__ext-transform: uppercase !important;
    color: #333333 !important;
    margin-right: 25px;
}

.select-bigbox {
    width: 130px; /* !important;	 */
    font-size: 12px !important;
    t__ext-transform: uppercase !important;
    color: #000000 !important;
}

readonly {
    cursor: none !important;
}

.box-filtro {
    padding-top: 5px !important;
    height: auto;
    padding: 15px;
    margin-right: 5px;
    background-color: #999;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border: 1px solid #CCC;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}

    .box-filtro input {
        font-size: 11px !important;
        height: 14px !important;
        margin-right: 5px;
        width: 60px;
    }

    .box-filtro label {
        font-size: 10px;
        font-weight: bold;
        margin-top: 6px !important;
        t__ext-transform: uppercase;
        margin-bottom: -1px !important;
    }

.box-filtro-reconciliacao {
    position: absolute;
    z-index: 100001;
    left: auto;
    top: 4%;
    width: 830px;
}

.label-subtitulo {
    font-size: 11px;
    font-weight: bold;
    t__ext-transform: uppercase;
}

.control-group {
    margin-bottom: 5px !important;
}

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

.data {
    margin-top: 10px;
    color: #c7c7c7;
    font-size: 11px;
    text-align: center;
    bottom: 0;
}

.control-label {
    font-weight: bold !important;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.control-text {
    font-weight: 300;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
}

.auto-height {
    height: auto !important;
}

.ajax__tab_inner a {
    font-size: 11px;
}

.ajax__tab_body {
    padding: 15px !important;
    border: 1px solid #ddd !important;
}

.ajax__tab_tab {
    height: auto !important;
    outline: none !important;
}

.ajax__tab_xp .ajax__tab_header,
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_header .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_header .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background: none !important;
}

.ajax__tab_default .ajax__tab_tab {
    min-width: 96px;
    min-height: 40px;
    border: 1px solid #ddd;
    border-bottom: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.ajax__tab_default .ajax__tab_tab {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ajax__tab_default .ajax__tab_active .ajax__tab_tab {
    background-color: #105e7c;
    color: #fff;
}

.form-check-label input {
    margin-top: 3px;
    outline: none !important;
}

.checkbox input[type="checkbox"] {
    margin-left: auto !important;
}

/* Pages Notifications plugin
--------------------------------------------------
*/
body.menu-pin > .pgn-wrapper[data-position$='-left'],
body.menu-pin > .pgn-wrapper[data-position="top"],
body.menu-pin > .pgn-wrapper[data-position="bottom"] {
    left: 250px;
}

.pgn-wrapper {
    position: fixed;
    z-index: 1000;
}

    .pgn-wrapper[data-position$='-left'] {
        left: 30px;
    }

    .pgn-wrapper[data-position$='-right'] {
        right: 20px;
    }

    .pgn-wrapper[data-position^='top-'] {
        top: 20px;
    }

    .pgn-wrapper[data-position^='bottom-'] {
        bottom: 20px;
    }

    .pgn-wrapper[data-position='top'] {
        top: 0;
        left: 0;
        right: 0;
    }

    .pgn-wrapper[data-position='bottom'] {
        bottom: 0;
        left: 0;
        right: 0;
    }

.pgn {
    position: relative;
    margin: 10px;
}

    .pgn .alert {
        margin: 0;
    }
/* Simple
------------------------------------
*/
.pgn-simple .alert {
    padding-top: 13px;
    padding-bottom: 13px;
    max-width: 500px;
    animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    max-height: 250px;
    overflow: hidden;
}
/* Bar
------------------------------------
*/
.pgn-bar {
    overflow: hidden;
    margin: 0;
}

    .pgn-bar .alert {
        border-radius: 0;
        padding-top: 13px;
        padding-bottom: 13px;
        max-height: 91px;
    }

.pgn-wrapper[data-position='top'] .pgn-bar .alert {
    animation: slideInFromTop 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation: slideInFromTop 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    transform-origin: top left;
    -webkit-transform-origin: top left;
}

.pgn-wrapper[data-position='bottom'] .pgn-bar .alert {
    animation: slideInFromBottom 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation: slideInFromBottom 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
}

.pgn-bar .alert span {
    opacity: 0;
    animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation: fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
}

@keyframes slideInFromTop {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slideInFromTop {
    0% {
        -webkit-transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slideInFromBottom {
    0% {
        -webkit-transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}
/* Circle
------------------------------------
*/
.pgn-circle .alert {
    border-radius: 300px;
    animation: fadeInCircle 0.3s ease forwards, resizeCircle 0.3s 0.4s cubic-bezier(0.25, 0.25, 0.4, 1.6) forwards;
    -webkit-animation: fadeInCircle 0.3s ease forwards, resizeCircle 0.3s 0.4s cubic-bezier(0.25, 0.25, 0.4, 1.6) forwards;
    height: 60px;
    overflow: hidden;
    padding: 6px 55px 6px 6px;
    -webkit-transform: translateZ(0);
    position: relative;
}

.pgn-wrapper[data-position$='-right'] .pgn-circle .alert {
    float: right;
}

.pgn-wrapper[data-position$='-left'] .pgn-circle .alert {
    float: left;
}

.pgn-circle .alert > div > div.pgn-thumbnail > div {
    border-radius: 50%;
    overflow: hidden;
    width: 48px;
    height: 48px;
}

    .pgn-circle .alert > div > div.pgn-thumbnail > div > img {
        width: 100%;
        height: 100%;
    }

.pgn-circle .alert > div > div.pgn-message > div {
    opacity: 0;
    height: 47px;
    padding-left: 9px;
    animation: fadeIn .3s .5s ease forwards;
    -webkit-animation: fadeIn .3s .5s ease forwards;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
}

    .pgn-circle .alert > div > div.pgn-message > div p:only-child {
        padding: 12px 0;
    }

.pgn-circle .alert .close {
    margin-top: -12px;
    position: absolute;
    right: 18px;
    top: 50%;
    opacity: 0;
    animation: fadeIn .3s .5s ease forwards;
    -webkit-animation: fadeIn .3s .5s ease forwards;
}

.pgn-circle .alert p {
    margin-bottom: 0;
}

.pgn-circle .alert > div {
    display: table;
    height: 100%;
}

    .pgn-circle .alert > div > div {
        display: table-cell;
        vertical-align: middle;
    }

@keyframes fadeInCircle {
    0% {
        opacity: 0;
        width: 60px;
    }

    100% {
        opacity: 1;
        width: 60px;
    }
}

@-webkit-keyframes fadeInCircle {
    0% {
        opacity: 0;
        width: 60px;
    }

    100% {
        opacity: 1;
        width: 60px;
    }
}

@keyframes resizeCircle {
    0% {
        width: 60px;
    }

    100% {
        width: 300px;
    }
}

@-webkit-keyframes resizeCircle {
    0% {
        width: 60px;
    }

    100% {
        width: 300px;
    }
}
/* Flip
------------------------------------
*/
.pgn-wrapper[data-position^='top-'] .pgn-flip {
    top: -30px;
}

.pgn-wrapper[data-position^='bottom-'] .pgn-flip {
    bottom: -30px;
}

    .pgn-wrapper[data-position^='bottom-'] .pgn-flip .alert {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }

.pgn-flip .alert {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    box-shadow: 0 6px 4px -3px rgba(0, 0, 0, 0.2);
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    border-radius: 0;
    padding: 25px 35px;
    max-width: 500px;
    max-height: 250px;
    overflow: hidden;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function: ease-out;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function: ease-out;
    }

    100% {
        -webkit-transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Pages Notification customizations */
body > .pgn-wrapper[data-position="top"] {
    top: 60px;
    left: 70px;
}

body > .pgn-wrapper[data-position="bottom"] {
    left: 70px;
}

body > .pgn-wrapper[data-position$='-left'] {
    left: 90px;
    right: auto;
}

body > .pgn-wrapper[data-position^='top-'] {
    top: 80px;
    bottom: auto;
}

.pgn-circle .alert .close {
    margin-top: -4px;
}

body > .pgn-wrapper {
    z-index: 900;
}

@media (max-width: 979px) {
    body > .pgn-wrapper[data-position="top"] {
        left: 0;
    }

    body > .pgn-wrapper[data-position="bottom"] {
        left: 0;
    }
}

@media (max-width: 767px) {
    body > .pgn-wrapper[data-position$='-left'],
    body > .pgn-wrapper[data-position$='-right'] {
        left: 10px !important;
        right: 10px !important;
    }

        body > .pgn-wrapper[data-position$='-right'] .alert,
        body > .pgn-wrapper[data-position$='-left'] .alert {
            max-width: 100%;
            width: 100%;
        }
}
/* Notifications demo
--------------------------------------------------
*/
.notification-positions {
    border-radius: 4px;
    border: 3px dashed #dbdee0;
    height: 370px;
    position: relative;
}

    .notification-positions > div > .position:not(:only-child) {
        max-width: 50%;
    }

    .notification-positions .position {
        padding: 15px;
    }

        .notification-positions .position img {
            border: 3px solid transparent;
        }

        .notification-positions .position:hover {
            cursor: pointer;
        }

        .notification-positions .position.active img {
            border-color: #0090d9;
        }

        .notification-positions .position.pull-top,
        .notification-positions .position.pull-bottom {
            left: 0;
            right: 0;
        }

        .notification-positions .position img {
            width: 100%;
        }

/* Base Notifications plugin
--------------------------------------------------
*/
body.menu-pin > .pgn-wrapper[data-position$='-left'],
body.menu-pin > .pgn-wrapper[data-position="top"],
body.menu-pin > .pgn-wrapper[data-position="bottom"] {
    left: 280px;
}

.pgn-wrapper {
    min-width: 400px;
    position: fixed;
    z-index: 2000;
}

    .pgn-wrapper[data-position$='-left'] {
        left: 30px;
    }

    .pgn-wrapper[data-position$='-right'] {
        right: 20px;
    }

    .pgn-wrapper[data-position^='top-'] {
        top: 20px;
    }

    .pgn-wrapper[data-position^='bottom-'] {
        bottom: 20px;
    }

    .pgn-wrapper[data-position='top'] {
        top: 0;
        left: 0;
        right: 0;
    }

    .pgn-wrapper[data-position='bottom'] {
        bottom: 0;
        left: 0;
        right: 0;
    }

.pgn {
    position: relative;
    margin: 10px;
}

    .pgn .alert {
        margin: 0;
    }

.notification-panel {
    background-color: #fff;
    border: none;
    width: 380px;
}

    .notification-panel .notification-body {
        max-height: 420px;
    }

        .notification-panel .notification-body .notification-item {
            padding-right: 10px;
        }

            .notification-panel .notification-body .notification-item .more-details .more-details-inner {
                color: black;
            }

            .notification-panel .notification-body .notification-item .heading {
                line-height: 20px;
            }

.pg-mail:before {
    vertical-align: middle;
}

/*------------------------------------------------------------------
[15. Form Elements]
*/
label,
input,
button,
select,
textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

    input[type="radio"],
    input[type="checkbox"] {
        margin-top: 1px 0 0;
        line-height: normal;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    select[multiple],
    select[size] {
        height: auto !important;
    }

    input:focus,
    select:focus,
    textarea:focus,
    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px white inset;
    }

        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        input:-webkit-autofill:active {
            transition: background-color 5000s ease-in-out 0s;
        }

form legend {
    margin: 15px 0px 10px 0px;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.07);
    font-family: Arial, sans-serif;
    -webkit-appearance: none;
    color: #21292c;
    outline: 0;
    height: 35px;
    padding: 9px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    min-height: 35px;
    -webkit-transition: all 0.12s ease;
    transition: all 0.12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
}

    .form-control:focus {
        border-color: rgba(0, 0, 0, 0.1);
        background-color: #f8f8f8;
        outline: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .form-control:focus::-moz-placeholder {
            color: inherit;
            opacity: 0.7;
        }

        .form-control:focus:-ms-input-placeholder {
            color: inherit;
            opacity: 0.7;
        }

        .form-control:focus::-webkit-input-placeholder {
            color: inherit;
            opacity: 0.7;
        }

    .form-control::-moz-placeholder {
        color: inherit;
        opacity: 0.33;
    }

    .form-control:-ms-input-placeholder {
        color: inherit;
        opacity: 0.33;
    }

    .form-control::-webkit-input-placeholder {
        color: inherit;
        opacity: 0.33;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background: #f1f3f3;
        color: rgba(73, 91, 98, 0.23);
    }

    .form-control.transparent {
        background-color: transparent;
        border-color: transparent;
    }

        .form-control.transparent:focus {
            background-color: transparent;
            border-color: transparent;
        }
/* Input Sizes
--------------------------------------------------
*/
.input-sm,
.form-horizontal .form-group-sm .form-control {
    font-size: 13px;
    min-height: 32px;
    height: 32px;
    padding: 8px 9px;
}

.input-lg,
.form-horizontal .form-group-lg .form-control {
    border-radius: 3px;
    font-size: 18px;
    height: 45px;
    padding: 11px 13px;
}

.input-xlg {
    height: 51px;
    font-size: 18px;
    line-height: 22px;
}
/* Checkboxes and Radio buttons
--------------------------------------------------
*/
.radio,
.checkbox {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 0px;
}

    .radio label,
    .checkbox label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px !important;
        margin-right: 15px;
        font-size: 13px;
    }

        .radio label:before,
        .checkbox label:before {
            content: "";
            display: inline-block;
            width: 17px;
            height: 17px;
            margin-right: 10px;
            position: absolute;
            left: 0px;
            background-color: #fff;
            border: 1px solid #c8ced0;
        }

    .radio label {
        margin-bottom: 6px;
    }

        .radio label:before {
            bottom: 2.5px;
            border-radius: 99px;
            -webkit-transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
            transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
        }

    .radio input[type=radio]:checked + label:before {
        border-width: 5px;
    }

    .radio input[type="radio"]:focus + label {
        color: #21292c;
    }

        .radio input[type="radio"]:focus + label:before {
            background-color: #dbdee0;
        }

    .radio input[type=radio] {
        opacity: 0;
        width: 0;
        height: 0;
    }

        .radio input[type=radio][disabled] + label {
            opacity: 0.65;
        }

    .radio.radio-success input[type=radio]:checked + label:before {
        border-color: #2eaeb3;
    }

    .radio.radio-primary input[type=radio]:checked + label:before {
        border-color: #5d598d;
    }

    .radio.radio-info input[type=radio]:checked + label:before {
        border-color: #1f3853;
    }

    .radio.radio-warning input[type=radio]:checked + label:before {
        border-color: #fbc25e;
    }

    .radio.radio-danger input[type=radio]:checked + label:before {
        border-color: #e95555;
    }

    .radio.radio-complete input[type=radio]:checked + label:before {
        border-color: #0594dd;
    }

    .checkbox input[type=radio][disabled] + label:after {
        background-color: #dbdee0;
    }

    .checkbox label {
        transition: border 0.2s linear 0s, color 0.2s linear 0s;
        white-space: nowrap;
    }

        .checkbox label:before {
            top: 1.4px;
            border-radius: 3px;
            transition: border 0.2s linear 0s, color 0.2s linear 0s;
        }

        .checkbox label::after {
            display: inline-block;
            width: 16px;
            height: 16px;
            position: absolute;
            left: 3.2px;
            top: 0px;
            font-size: 11px;
            transition: border 0.2s linear 0s, color 0.2s linear 0s;
        }

        .checkbox label:after {
            border-radius: 3px;
        }

    .checkbox input[type=checkbox] {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .checkbox.checkbox-circle label:after {
        border-radius: 99px;
    }

    .checkbox.checkbox-circle label:before {
        border-radius: 99px;
    }

    .checkbox input[type=checkbox]:checked + label:before {
        border-width: 8.5px;
    }

    .checkbox input[type=checkbox]:checked + label::after {
        font-family: 'FontAwesome';
        content: "\F00C";
        color: #fff;
    }

    .checkbox input[type="checkbox"]:focus + label {
        color: #21292c;
    }

        .checkbox input[type="checkbox"]:focus + label:before {
            background-color: #dbdee0;
        }

    .checkbox input[type=checkbox][disabled] + label {
        opacity: 0.65;
    }

        .checkbox input[type=checkbox][disabled] + label:before {
            background-color: #eceff3;
        }

    .checkbox.right label {
        margin-right: 35px;
        padding-left: 0 !important;
    }

        .checkbox.right label:before {
            right: -35px;
            left: auto;
        }

    .checkbox.right input[type=checkbox]:checked + label {
        position: relative;
    }

        .checkbox.right input[type=checkbox]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\F00C";
            position: absolute;
            right: -27px;
            left: auto;
        }

body.rtl .checkbox label::after {
    left: -1.2px;
}

.checkbox.check-success input[type=checkbox]:checked + label:before {
    border-color: #2eaeb3;
}

.checkbox.check-primary input[type=checkbox]:checked + label:before {
    border-color: #5d598d;
}

.checkbox.check-complete input[type=checkbox]:checked + label:before {
    border-color: #0594dd;
}

.checkbox.check-warning input[type=checkbox]:checked + label:before {
    border-color: #fbc25e;
}

.checkbox.check-danger input[type=checkbox]:checked + label:before {
    border-color: #e95555;
}

.checkbox.check-info input[type=checkbox]:checked + label:before {
    border-color: #1f3853;
}

.checkbox.check-success input[type=checkbox]:checked + label::after,
.checkbox.check-primary input[type=checkbox]:checked + label::after,
.checkbox.check-complete input[type=checkbox]:checked + label::after,
.checkbox.check-warning input[type=checkbox]:checked + label::after,
.checkbox.check-danger input[type=checkbox]:checked + label::after,
.checkbox.check-info input[type=checkbox]:checked + label::after {
    color: #fff;
}

.input-group-addon:first-child {
    border-right: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    border-left: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
}

.input-group .form-control:first-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

.input-group.transparent .input-group-addon {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.07);
}
/* Form layouts
--------------------------------------------------
*/
@media only screen and (min-width: 768px) {
    form .row {
        margin-left: 0;
        margin-right: 0;
    }

        form .row [class*='col-']:not(:first-child),
        form .row [class*='col-']:not(:last-child) {
            padding-right: 7px;
            padding-left: 7px;
        }

        form .row [class*='col-']:first-child {
            padding-left: 0;
        }

        form .row [class*='col-']:last-child {
            padding-right: 0;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    form .row [class*="col-md-"]:not(:first-child),
    form .row [class*="col-md-"]:not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }
}
/* Form layouts  : Horizontal
--------------------------------------------------
*/
.form-horizontal .form-group {
    border-bottom: 1px solid #dbdee0;
    padding-top: 19px;
    padding-bottom: 19px;
    margin-bottom: 0;
}

    .form-horizontal .form-group:last-child {
        border-bottom: none;
    }

    .form-horizontal .form-group:hover .control-label {
        opacity: .6;
    }

    .form-horizontal .form-group.focused .control-label {
        opacity: 1;
    }

    .form-horizontal .form-group .control-label {
        text-align: left;
        opacity: .42;
        -webkit-transition: opacity ease 0.3s;
        transition: opacity ease 0.3s;
    }
/* Form layouts  : Attached
--------------------------------------------------
*/
.form-group-attached .form-group.form-group-default {
    border-radius: 0;
    margin-bottom: 0;
}

.form-group-attached > div {
    margin: 0;
}

    .form-group-attached > div:first-child.row > [class*='col-']:first-child .form-group-default {
        -webkit-border-top-left-radius: 2px;
        -moz-border-radius-topleft: 2px;
        border-top-left-radius: 2px;
    }

    .form-group-attached > div:first-child.row > [class*='col-']:last-child .form-group-default {
        -webkit-border-top-right-radius: 2px;
        -moz-border-radius-topright: 2px;
        border-top-right-radius: 2px;
    }

    .form-group-attached > div:first-child.form-group-default {
        -webkit-border-top-left-radius: 2px;
        -moz-border-radius-topleft: 2px;
        border-top-left-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-radius-topright: 2px;
        border-top-right-radius: 2px;
    }

    .form-group-attached > div:last-child.row > [class*='col-']:first-child .form-group-default {
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-bottom-left-radius: 2px;
    }

    .form-group-attached > div:last-child.row > [class*='col-']:last-child .form-group-default {
        -webkit-border-bottom-right-radius: 2px;
        -moz-border-radius-bottomright: 2px;
        border-bottom-right-radius: 2px;
    }

    .form-group-attached > div:last-child.form-group-default {
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-bottom-left-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -moz-border-radius-bottomright: 2px;
        border-bottom-right-radius: 2px;
    }

    .form-group-attached > div.row > [class*='col-'] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

        .form-group-attached > div.row > [class*='col-']:not(:only-child):not(:last-child) > .form-group-default {
            border-right-color: transparent;
        }

    .form-group-attached > div:not(:last-child) .form-group-default,
    .form-group-attached > div:not(:last-child).form-group-default {
        border-bottom-color: transparent;
    }
/* Form layouts  : Responsive Handlers
--------------------------------------------------
*/
@media (max-width: 767px) {
    .form-group-attached .form-group-default {
        border-right-color: rgba(0, 0, 0, 0.07) !important;
    }
}

@media only screen and (min-width: 768px) {
    .form-group-attached > div.row > [class*='col-'] .form-group {
        height: 100%;
        width: 100%;
    }
}
/* Form Groups
--------------------------------------------------
*/
.form-group {
    margin-bottom: 10px;
}

    .form-group label:not(.error) {
        font-family: 'Montserrat';
        font-size: 11px;
        t__ext-transform: uppercase;
        font-weight: 600;
        color: #777;
    }

    .form-group label .help {
        margin-left: 8px;
    }

    .form-group .help {
        font-size: 12px;
        color: rgba(73, 91, 98, 0.55);
    }

.form-group-default {
    background-color: #fff;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    overflow: hidden;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

    .form-group-default.required:after {
        color: #e95555;
        content: "*";
        font-family: arial;
        font-size: 20px;
        position: absolute;
        right: 12px;
        top: 6px;
    }

    .form-group-default.disabled {
        background: #f1f3f3;
        color: rgba(73, 91, 98, 0.23);
    }

        .form-group-default.disabled input {
            opacity: .6;
        }

        .form-group-default.disabled.focused {
            background: #f1f3f3;
        }

            .form-group-default.disabled.focused label {
                opacity: 1;
            }

    .form-group-default.focused {
        border-color: rgba(0, 0, 0, 0.1) !important;
        background-color: #e4e6e7;
    }

        .form-group-default.focused label {
            opacity: .4;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
        }

    .form-group-default.has-error {
        background-color: rgba(233, 85, 85, 0.1);
    }

        .form-group-default.has-success .form-control-feedback,
        .form-group-default.has-error .form-control-feedback {
            display: none !important;
        }

        .form-group-default.has-success .form-control,
        .form-group-default.has-success .form-control:focus,
        .form-group-default.has-error .form-control,
        .form-group-default.has-error .form-control:focus {
            border: none;
            box-shadow: none;
        }

    .form-group-default.input-group {
        padding: 0;
    }

        .form-group-default.input-group > label {
            margin-top: 6px;
            padding-left: 12px;
        }

            .form-group-default.input-group > label.inline {
                margin-top: 16px;
                float: left;
            }

        .form-group-default.input-group > .form-control {
            margin-top: -2px;
            margin-bottom: 3px;
            padding-left: 12px;
        }

        .form-group-default.input-group .input-group-addon {
            height: calc(50px);
            min-width: calc(50px);
            border-radius: 0;
            border: none;
        }

        .form-group-default.input-group.focused .input-group-addon {
            border-color: rgba(0, 0, 0, 0.1);
        }

    .form-group-default .form-control {
        border: none;
        height: 25px;
        min-height: 25px;
        padding: 0;
        margin-top: -4px;
        background: none;
    }

        .form-group-default .form-control.error {
            color: #21292c;
        }

        .form-group-default .form-control:focus {
            background: none;
        }

    .form-group-default textarea.form-control {
        padding-top: 5px;
    }

    .form-group-default label {
        margin: 0;
        display: block;
        opacity: 1;
        -webkit-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
    }

        .form-group-default label.label-lg {
            font-size: 13px;
            left: 13px;
            top: 9px;
        }

        .form-group-default label.label-sm {
            font-size: 11px;
            left: 11px;
            top: 6px;
        }

        .form-group-default label.highlight {
            opacity: 1;
        }

        .form-group-default label.fade {
            opacity: .5;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
        }

    .form-group-default > .input-lg {
        height: 29px;
        min-height: 29px;
        padding-left: 1px;
    }

    .form-group-default > .input-sm {
        min-height: 18px;
        height: 18px;
    }

    .form-group-default.form-group-default-select {
        overflow: visible;
    }

        .form-group-default.form-group-default-select .ui-select-container.ui-select-bootstrap.dropdown .ui-select-match {
            padding-top: 6px;
            height: 23px;
        }

        .form-group-default.form-group-default-select .ui-select-container .select2-choices {
            border: 0px;
        }

    .form-group-default.form-group-default-select2 {
        padding: 0;
    }

        .form-group-default.form-group-default-select2 > label {
            position: absolute;
            z-index: 10;
            padding: 7px 12px 0 12px;
        }

            .form-group-default.form-group-default-select2 > label.label-lg {
                left: 0;
                top: 0;
            }

            .form-group-default.form-group-default-select2 > label.label-sm {
                left: 0;
                top: 0;
            }

        .form-group-default.form-group-default-select2 .select2-container .select2-selection--single {
            padding-top: 20px;
            height: 52px;
            border: 0 !important;
        }

            .form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-arrow b:before {
                top: 20px;
            }

            .form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-chosen {
                padding-left: 3px;
                padding-top: 1px;
            }

        .form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple {
            padding-top: 20px;
            height: 52px;
            border: 0px !important;
        }

            .form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
                margin-top: 4px;
            }

        .form-group-default.form-group-default-select2 > .input-lg {
            height: auto;
            padding: 0;
        }

            .form-group-default.form-group-default-select2 > .input-lg .select2-choice {
                padding-top: 20px;
                height: 56px;
            }

        .form-group-default.form-group-default-select2 > .input-sm {
            height: auto;
            padding: 0;
        }

            .form-group-default.form-group-default-select2 > .input-sm .select2-choice {
                padding-top: 20px;
                height: 46px;
            }

    .form-group-default.form-group-default-selectFx {
        padding: 0;
    }

        .form-group-default.form-group-default-selectFx > label {
            position: absolute;
            z-index: 10;
            padding: 7px 12px 0 12px;
        }

            .form-group-default.form-group-default-selectFx > label.label-lg {
                left: 0;
                top: 0;
            }

            .form-group-default.form-group-default-selectFx > label.label-sm {
                left: 0;
                top: 0;
            }

        .form-group-default.form-group-default-selectFx .cs-wrapper .cs-placeholder {
            padding-top: 28px;
            height: 52px;
            padding-left: 12px;
        }

        .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select {
            height: auto;
        }

            .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select > span:after,
            .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select .cs-selected span:after {
                top: 39px;
            }

            .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-lg .cs-placeholder {
                height: 60px;
            }

            .form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-sm .cs-placeholder {
                height: 50px;
            }

        .form-group-default.form-group-default-selectFx .cs-wrapper .dropdown-placeholder {
            vertical-align: top;
        }
/* Form validation
--------------------------------------------------
*/
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #258d91;
}

.has-success .form-control {
    border-color: #258d91;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .has-success .form-control:focus {
        border-color: #1b6668;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.has-success .input-group-addon {
    background: #e4e6e7;
    border: 1px solid rgba(0, 0, 0, 0.07);
    color: rgba(73, 91, 98, 0.47);
}

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

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

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

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

.has-warning .input-group-addon {
    background: #e4e6e7;
    border: 1px solid rgba(0, 0, 0, 0.07);
    color: rgba(73, 91, 98, 0.47);
}

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

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

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

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

.has-error .input-group-addon {
    background: #e4e6e7;
    border: 1px solid rgba(0, 0, 0, 0.07);
    color: rgba(73, 91, 98, 0.47);
}

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

.error {
    font-size: 12px;
    color: #e95555;
    display: block;
}
/* Addon inputs
--------------------------------------------------
*/
.input-group-addon {
    background: #e4e6e7;
    border: 1px solid rgba(0, 0, 0, 0.07);
    color: rgba(73, 91, 98, 0.47);
    font-size: 14px;
    padding: 6px 9px;
    display: table-cell;
    border-radius: 3px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, color 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
}

    .input-group-addon i {
        position: relative;
        top: 1px;
    }

    .input-group-addon.primary {
        background-color: #5d598d;
        border: 1px solid #5d598d;
        color: #fff;
    }

        .input-group-addon.primary .arrow {
            color: #5d598d;
        }

    .input-group-addon.success {
        background-color: #0090d9;
        color: #fff;
    }

        .input-group-addon.success .arrow {
            color: #0090d9;
        }

    .input-group-addon.info {
        background-color: #1f3853;
        color: #fff;
    }

        .input-group-addon.info .arrow {
            color: #1f3853;
        }

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

        .input-group-addon.warning .arrow {
            color: #fbb05e;
        }

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

        .input-group-addon.danger .arrow {
            color: #f35958;
        }

    .input-group-addon .arrow {
        position: relative;
        right: -6px;
        color: #D1DADE;
        z-index: 100;
    }

        .input-group-addon .arrow:before {
            font-family: 'FontAwesome';
            content: "\f0da";
            font-size: 23px;
            position: absolute;
            left: 17px;
            top: -2px;
        }

    .input-group-addon:last-child .arrow:before {
        font-family: 'FontAwesome';
        content: "\f0d9";
        font-size: 23px;
        position: absolute;
        left: -23px;
        top: -2px;
    }

    .input-group-addon:last-child input {
        border-left: 0px;
    }

/* Form Elements
------------------------------------
*/
form input,
form textarea,
form select,
form select[multiple],
form .checkbox label,
.cs-options span {
    t__ext-transform: uppercase !important;
    font-size: 11px !important;
}

.form-control {
    cursor: pointer;
    font-family: 'montserrat';
}

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        color: rgba(98, 98, 98, .7);
    }

.form-group-default.input-group > .form-control {
    padding-left: 15px;
    right: 3px;
}

.form-group-default.input-group.disabled {
    cursor: not-allowed !important;
}

    .form-group-default.input-group.disabled textarea {
        opacity: .6;
    }

.form-group-default.required:after {
    color: #f55753;
    content: "*";
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.form-group-default.input-group.required:after {
    right: 53px;
}

.form-group-default.input-daterange input {
    text-align: left;
}

.form-group-default.input-daterange.required:before {
    color: #f55753;
    content: "*";
    font-family: arial;
    font-size: 20px;
    position: absolute;
    left: calc(50% - 42px);
    top: 10px;
}

.form-group-default.input-daterange.required:after {
    color: #f55753;
    content: "*";
    font-family: arial;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.form-group-default > .form-control {
    padding-top: 5px;
}

select[multiple] {
    width: 100% !important;
    t__ext-transform: uppercase;
    font-size: 11px;
    border: none;
    margin-top: 5px;
    cursor: pointer;
    min-height: 150px;
    height: auto;
    overflow: auto;
}

    select[multiple]:active,
    select[multiple]:focus {
        background: #eee;
    }

    select[multiple].disabled {
        background-color: #f8f8f8;
        cursor: not-allowed;
    }

textarea.disabled {
    opacity: .6;
}

.form-group {
    margin-bottom: 10px;
}

.form-group-default {
    min-height: 55px;
    overflow: visible;
}

    .form-group-default label.fade {
        opacity: 1;
    }

    .form-group-default.input-group {
        min-height: 55px;
    }

    .form-group-default.input-group {
        padding: 0;
    }

        .form-group-default.input-group > div.checkbox {
            margin-top: 16px;
            padding-left: 12px;
        }

            .form-group-default.input-group > div.checkbox.inline {
                margin-top: 16px;
                float: left;
            }

    .form-group-default.disabled .checkbox label {
        cursor: not-allowed !important;
    }

    .form-group-default textarea {
        width: 100%;
        min-height: 100px;
        max-height: 250px;
        max-width: 100%;
        resize: vertical;
    }

    .form-group-default:active,
    .form-group-default:focus,
    .form-group-default:hover {
        border: 1px solid #ccc;
    }

div.cs-select {
    width: 100%;
    max-width: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'montserrat';
    border-radius: 0px !important;
    max-height: 53px;
}

    div.cs-select.disabled {
        cursor: not-allowed !important;
        pointer-events: none;
        background-color: #f8f8f8;
        color: rgba(98, 98, 98, .7);
    }

div.cs-skin-slide.cs-active {
    z-index: 1090;
}

div.cs-backdrop {
    background: none !important;
    display: none !important;
}

div.disabled .cs-wrapper {
    cursor: not-allowed;
}

    div.disabled .cs-wrapper .cs-placeholder {
        opacity: .6;
        background-color: #f8f8f8;
    }

div.cs-skin-slide .cs-options ul li span:hover,
div.cs-skin-slide .cs-options ul li.cs-focus span,
div.cs-skin-slide .cs-options ul li.cs-selected span {
    color: #fe0000;
    background: transparent;
}

/* Checkboxes and Radio buttons */
.radio,
.checkbox {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 0px;
}

    .radio label,
    .checkbox label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px !important;
        margin-right: 15px;
        font-size: 13px;
    }

        .radio label:before,
        .checkbox label:before {
            content: "";
            display: inline-block;
            width: 17px;
            height: 17px;
            margin-right: 10px;
            position: absolute;
            left: 0px;
            background-color: #ffffff;
            border: 1px solid #d0d0d0;
        }

    .radio label {
        margin-bottom: 6px;
    }

        .radio label:before {
            bottom: 2.5px;
            border-radius: 99px;
            -webkit-transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
            transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
        }

    .radio input[type=radio]:checked + label:before {
        border-width: 5px;
    }

    .radio input[type="radio"]:focus + label {
        color: #2c2c2c;
    }

        .radio input[type="radio"]:focus + label:before {
            background-color: #fff;
        }

    .radio input[type=radio] {
        opacity: 0;
        width: 0;
        height: 0;
    }

        .radio input[type=radio][disabled] + label {
            opacity: 0.65;
        }

    .radio.radio-success input[type=radio]:checked + label:before {
        border-color: #00bf70;
    }

    .radio.radio-primary input[type=radio]:checked + label:before {
        border-color: #1781BF;
    }

    .radio.radio-info input[type=radio]:checked + label:before {
        border-color: #3b4752;
    }

    .radio.radio-warning input[type=radio]:checked + label:before {
        border-color: #f8d053;
    }

    .radio.radio-danger input[type=radio]:checked + label:before {
        border-color: #f55753;
    }

    .radio.radio-complete input[type=radio]:checked + label:before {
        border-color: #48b0f7;
    }

    .checkbox input[type=radio][disabled] + label:after {
        background-color: #e6e6e6;
    }

    .checkbox label {
        transition: border 0.2s linear 0s, color 0.2s linear 0s;
        white-space: nowrap;
    }

        .checkbox label:before {
            top: 1.4px;
            border-radius: 3px;
            transition: border 0.2s linear 0s, color 0.2s linear 0s;
        }

        .checkbox label::after {
            display: inline-block;
            width: 16px;
            height: 16px;
            position: absolute;
            left: 3.2px;
            top: 0px;
            font-size: 11px;
            transition: border 0.2s linear 0s, color 0.2s linear 0s;
        }

        .checkbox label:after {
            border-radius: 3px;
        }

    .checkbox input[type=checkbox] {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .checkbox.checkbox-circle label:after {
        border-radius: 99px;
    }

    .checkbox.checkbox-circle label:before {
        border-radius: 99px;
    }

    .checkbox input[type=checkbox]:checked + label:before {
        border-width: 8.5px;
    }

    .checkbox input[type=checkbox]:checked + label::after {
        font-family: 'FontAwesome';
        content: "\F00C";
        color: #fff;
    }

    .checkbox input[type="checkbox"]:focus + label {
        color: #2c2c2c;
    }

        .checkbox input[type="checkbox"]:focus + label:before {
            background-color: #e6e6e6;
        }

    .checkbox input[type=checkbox][disabled] + label {
        opacity: 0.65;
    }

        .checkbox input[type=checkbox][disabled] + label:before {
            background-color: #eceff3;
        }

    .checkbox.right label {
        margin-right: 35px;
        padding-left: 0 !important;
    }

        .checkbox.right label:before {
            right: -35px;
            left: auto;
        }

    .checkbox.right input[type=checkbox]:checked + label {
        position: relative;
    }

        .checkbox.right input[type=checkbox]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\F00C";
            position: absolute;
            right: -27px;
            left: auto;
        }

body.rtl .checkbox label::after {
    left: -1.2px;
}

.checkbox.check-success input[type=checkbox]:checked + label:before {
    border-color: #00bf70;
}

.checkbox.check-primary input[type=checkbox]:checked + label:before {
    border-color: #1781BF;
}

.checkbox.check-complete input[type=checkbox]:checked + label:before {
    border-color: #48b0f7;
}

.checkbox.check-warning input[type=checkbox]:checked + label:before {
    border-color: #f8d053;
}

.checkbox.check-danger input[type=checkbox]:checked + label:before {
    border-color: #f55753;
}

.checkbox.check-info input[type=checkbox]:checked + label:before {
    border-color: #3b4752;
}

.checkbox.check-success input[type=checkbox]:checked + label::after,
.checkbox.check-primary input[type=checkbox]:checked + label::after,
.checkbox.check-complete input[type=checkbox]:checked + label::after,
.checkbox.check-warning input[type=checkbox]:checked + label::after,
.checkbox.check-danger input[type=checkbox]:checked + label::after,
.checkbox.check-info input[type=checkbox]:checked + label::after {
    color: #ffffff;
}

input[type=file] {
    cursor: pointer;
}

.input-group-addon:first-child {
    border-right: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    border-left: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
}

.input-group .form-control:first-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

.input-group.transparent .input-group-addon {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.07);
}

/*------------------------------------------------------------------
[6. Buttons]
*/
/*
[Buttons Base Styles]
*/
.btn {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.01em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    margin-bottom: 0;
    border: 1px solid #e4e6e7;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-image: none !important;
    color: #495b62;
    background-color: #fff;
    text-shadow: none;
    box-shadow: none;
    line-height: 21px;
    padding-left: 17px;
    padding-right: 17px;
    position: relative;
    transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
}

    .btn:hover {
        background-color: #fafafa;
        border: 1px solid rgba(73, 91, 98, 0.27);
    }

    .btn.active {
        border-color: #dbdee0;
        background: #fff;
    }

        .btn:focus,
        .btn:active:focus,
        .btn.active:focus {
            outline: none !important;
            outline-style: none;
        }

    .btn .caret {
        margin-left: 3px;
    }

        .btn .caret.single {
            margin-left: 0px;
        }

    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn.active,
    .btn.disabled,
    .btn[disabled] {
        box-shadow: none;
    }

button:focus {
    outline: none !important;
}
/*
Alternate buttons
--------------------------------------------------
*/
.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #5d598d;
    border-color: #5d598d;
}

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

    .btn-primary.hover,
    .btn-primary:hover,
    .open .dropdown-toggle.btn-primary {
        background-color: #7d7aa4;
        border-color: #7d7aa4;
        color: #fff;
    }

    .btn-primary.active:hover {
        background: #504d79;
        border-color: #504d79;
    }

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

    .btn-primary .badge {
        color: #5d598d;
        background-color: #fff;
    }

.btn-success,
.btn-success:focus {
    color: #fff;
    background-color: #2eaeb3;
    border-color: #2eaeb3;
}

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

    .btn-success.hover,
    .btn-success:hover,
    .open .dropdown-toggle.btn-success {
        background-color: #58bec2;
        border-color: #58bec2;
        color: #fff;
    }

    .btn-success.active:hover {
        background: #28969a;
        border-color: #28969a;
    }

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

    .btn-success .badge {
        color: #2eaeb3;
        background-color: #fff;
    }

.btn-complete,
.btn-complete:focus {
    color: #fff;
    background-color: #0594dd;
    border-color: #0594dd;
}

    .btn-complete.active,
    .btn-complete:active,
    .btn-complete.active:focus,
    .btn-complete:active:focus,
    .btn-complete:active:hover,
    .open .dropdown-toggle.btn-complete {
        background-color: #0478b3;
        border-color: #0478b3;
        color: #fff;
    }

    .btn-complete.hover,
    .btn-complete:hover,
    .open .dropdown-toggle.btn-complete {
        background-color: #37a9e4;
        border-color: #37a9e4;
        color: #fff;
    }

    .btn-complete.active:hover {
        background: #047fbe;
        border-color: #047fbe;
    }

    .btn-complete.disabled,
    .btn-complete[disabled],
    fieldset[disabled] .btn-complete,
    .btn-complete.disabled:hover,
    .btn-complete[disabled]:hover,
    fieldset[disabled] .btn-complete:hover,
    .btn-complete.disabled:focus,
    .btn-complete[disabled]:focus,
    fieldset[disabled] .btn-complete:focus,
    .btn-complete.disabled:active,
    .btn-complete[disabled]:active,
    fieldset[disabled] .btn-complete:active,
    .btn-complete.disabled.active,
    .btn-complete[disabled].active,
    fieldset[disabled] .btn-complete.active {
        background-color: #0594dd;
        border-color: #0594dd;
    }

    .btn-complete .badge {
        color: #0594dd;
        background-color: #fff;
    }

.btn-info,
.btn-info:focus {
    color: #fff;
    background-color: #1f3853;
    border-color: #1f3853;
}

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

    .btn-info.hover,
    .btn-info:hover,
    .open .dropdown-toggle.btn-info {
        background-color: #4c6075;
        border-color: #4c6075;
        color: #fff;
    }

    .btn-info.active:hover {
        background: #1b3047;
        border-color: #1b3047;
    }

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

    .btn-info .badge {
        color: #1f3853;
        background-color: #fff;
    }

.btn-warning,
.btn-warning:focus {
    color: #fff;
    background-color: #fbc25e;
    border-color: #fbc25e;
}

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

    .btn-warning.hover,
    .btn-warning:hover,
    .open .dropdown-toggle.btn-warning {
        background-color: #fcce7e;
        border-color: #fcce7e;
        color: #fff;
    }

    .btn-warning.active:hover {
        background: #d8a751;
        border-color: #d8a751;
    }

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

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

.btn-danger,
.btn-danger:focus {
    color: #fff;
    background-color: #e95555;
    border-color: #e95555;
}

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

    .btn-danger.hover,
    .btn-danger:hover,
    .open .dropdown-toggle.btn-danger {
        background-color: #ed7777;
        border-color: #ed7777;
        color: #fff;
    }

    .btn-danger.active:hover {
        background: #c84949;
        border-color: #c84949;
    }

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

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

.btn-default,
.btn-default:focus {
    color: #5e5e5e;
    background-color: #fff;
    border-color: #e4e6e7;
}

    .btn-default.active,
    .btn-default:active,
    .btn-default.active:focus,
    .btn-default:active:focus,
    .btn-default:active:hover {
        background-color: #e4e6e7;
        border-color: #dbdee0;
        color: #21292c;
    }

    .btn-default.hover,
    .btn-default:hover {
        background-color: #e9ebec;
        border-color: rgba(73, 91, 98, 0.27);
        color: #14191a;
    }

    .btn-default.active:hover {
        background: #f0f0f0;
    }

.btn-link {
    color: #5e5e5e;
    background-color: transparent;
    border: none;
}

    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active,
    .btn-link.active,
    .btn-link.disabled,
    .btn-link[disabled] {
        background-color: transparent;
        border: none;
        text-decoration: none;
        outline: none;
    }

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }
/*
Button Sizes
--------------------------------------------------
*/
.btn-lg,
.btn-group-lg > .btn {
    padding-left: 28px;
    padding-right: 28px;
    line-height: 23px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 11.9px;
    line-height: 20px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 2px 9px;
    font-size: 10.5px;
}

.btn-cons {
    margin-right: 5px;
    min-width: 120px;
}
/*
Rounded buttons
--------------------------------------------------
*/
.btn-rounded {
    border-radius: 100px;
}
/*
Alternate buttons
--------------------------------------------------
*/
.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #1781BF;
    border-color: #1781BF;
}

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

    .btn-primary.hover,
    .btn-primary:hover,
    .open .dropdown-toggle.btn-primary {
        background-color: #086CA5;
        border-color: #086CA5;
        color: #fff;
    }

    .btn-primary.active:hover {
        background: #086CA5;
        border-color: #086CA5;
    }

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

    .btn-primary .badge {
        color: #1781BF;
        background-color: #fff;
    }

.btn-success,
.btn-success:focus {
    color: #fff;
    background-color: #2eaeb3;
    border-color: #2eaeb3;
}

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

    .btn-success.hover,
    .btn-success:hover,
    .open .dropdown-toggle.btn-success {
        background-color: #58bec2;
        border-color: #58bec2;
        color: #fff;
    }

    .btn-success.active:hover {
        background: #28969a;
        border-color: #28969a;
    }

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

    .btn-success .badge {
        color: #2eaeb3;
        background-color: #fff;
    }

.btn-complete,
.btn-complete:focus {
    color: #fff;
    background-color: #0594dd;
    border-color: #0594dd;
}

    .btn-complete.active,
    .btn-complete:active,
    .btn-complete.active:focus,
    .btn-complete:active:focus,
    .btn-complete:active:hover,
    .open .dropdown-toggle.btn-complete {
        background-color: #0478b3;
        border-color: #0478b3;
        color: #fff;
    }

    .btn-complete.hover,
    .btn-complete:hover,
    .open .dropdown-toggle.btn-complete {
        background-color: #37a9e4;
        border-color: #37a9e4;
        color: #fff;
    }

    .btn-complete.active:hover {
        background: #047fbe;
        border-color: #047fbe;
    }

    .btn-complete.disabled,
    .btn-complete[disabled],
    fieldset[disabled] .btn-complete,
    .btn-complete.disabled:hover,
    .btn-complete[disabled]:hover,
    fieldset[disabled] .btn-complete:hover,
    .btn-complete.disabled:focus,
    .btn-complete[disabled]:focus,
    fieldset[disabled] .btn-complete:focus,
    .btn-complete.disabled:active,
    .btn-complete[disabled]:active,
    fieldset[disabled] .btn-complete:active,
    .btn-complete.disabled.active,
    .btn-complete[disabled].active,
    fieldset[disabled] .btn-complete.active {
        background-color: #0594dd;
        border-color: #0594dd;
    }

    .btn-complete .badge {
        color: #0594dd;
        background-color: #fff;
    }

.btn-info,
.btn-info:focus {
    color: #fff;
    background-color: #1f3853;
    border-color: #1f3853;
}

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

    .btn-info.hover,
    .btn-info:hover,
    .open .dropdown-toggle.btn-info {
        background-color: #4c6075;
        border-color: #4c6075;
        color: #fff;
    }

    .btn-info.active:hover {
        background: #1b3047;
        border-color: #1b3047;
    }

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

    .btn-info .badge {
        color: #1f3853;
        background-color: #fff;
    }

.btn-warning,
.btn-warning:focus {
    color: #fff;
    background-color: #fbc25e;
    border-color: #fbc25e;
}

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

    .btn-warning.hover,
    .btn-warning:hover,
    .open .dropdown-toggle.btn-warning {
        background-color: #fcce7e;
        border-color: #fcce7e;
        color: #fff;
    }

    .btn-warning.active:hover {
        background: #d8a751;
        border-color: #d8a751;
    }

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

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

.btn-danger,
.btn-danger:focus {
    color: #fff;
    background-color: #e95555;
    border-color: #e95555;
}

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

    .btn-danger.hover,
    .btn-danger:hover,
    .open .dropdown-toggle.btn-danger {
        background-color: #ed7777;
        border-color: #ed7777;
        color: #fff;
    }

    .btn-danger.active:hover {
        background: #c84949;
        border-color: #c84949;
    }

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

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

.btn-default,
.btn-default:focus {
    color: #5e5e5e;
    background-color: #fff;
    border-color: #e4e6e7;
}

    .btn-default.active,
    .btn-default:active,
    .btn-default.active:focus,
    .btn-default:active:focus,
    .btn-default:active:hover {
        background-color: #e4e6e7;
        border-color: #dbdee0;
        color: #21292c;
    }

    .btn-default.hover,
    .btn-default:hover {
        background-color: #e9ebec;
        border-color: rgba(73, 91, 98, 0.27);
        color: #14191a;
    }

    .btn-default.active:hover {
        background: #f0f0f0;
    }

.btn-link {
    color: #5e5e5e;
    background-color: transparent;
    border: none;
}

    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active,
    .btn-link.active,
    .btn-link.disabled,
    .btn-link[disabled] {
        background-color: transparent;
        border: none;
        text-decoration: none;
        outline: none;
    }

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }
/*
 Dropdown menus
--------------------------------------------------
*/
.btn-group.open .dropdown-toggle,
.open .dropdown-toggle,
.open.dropdown-default .dropdown-toggle {
    box-shadow: none;
}
/* Pages default dropdown */
.dropdown-default {
    display: inline-block;
}

    .dropdown-default.open > .btn.dropdown-toggle {
        border-color: transparent !important;
        background: transparent !important;
        z-index: 791 !important;
    }

    .dropdown-default.open .dropdown-menu {
        opacity: 1;
        transform: scale(1, 1);
        z-index: 700;
    }

        .dropdown-default.open .dropdown-menu li {
            visibility: visible;
        }

    .dropdown-default.open.dropup > .btn-primary + .dropdown-menu:after,
    .dropdown-default.open.dropup > .btn-success + .dropdown-menu:after,
    .dropdown-default.open.dropup > .btn-complete + .dropdown-menu:after,
    .dropdown-default.open.dropup > .btn-warning + .dropdown-menu:after,
    .dropdown-default.open.dropup > .btn-danger + .dropdown-menu:after,
    .dropdown-default.open.dropup > .btn-info + .dropdown-menu:after {
        top: auto;
        bottom: 0;
    }

    .dropdown-default.open > .btn-primary + .dropdown-menu:after,
    .dropdown-default.open > .btn-success + .dropdown-menu:after,
    .dropdown-default.open > .btn-complete + .dropdown-menu:after,
    .dropdown-default.open > .btn-warning + .dropdown-menu:after,
    .dropdown-default.open > .btn-danger + .dropdown-menu:after,
    .dropdown-default.open > .btn-info + .dropdown-menu:after {
        top: 0;
        height: 42px;
    }

    .dropdown-default.open > .btn-primary + .dropdown-menu:after {
        background-color: #5d598d;
    }

    .dropdown-default.open > .btn-success + .dropdown-menu:after {
        background-color: #2eaeb3;
    }

    .dropdown-default.open > .btn-complete + .dropdown-menu:after {
        background-color: #0594dd;
    }

    .dropdown-default.open > .btn-warning + .dropdown-menu:after {
        background-color: #fbc25e;
    }

    .dropdown-default.open > .btn-danger + .dropdown-menu:after {
        background-color: #e95555;
    }

    .dropdown-default.open > .btn-info + .dropdown-menu:after {
        background-color: #1f3853;
    }

    .dropdown-default.dropup .btn.dropdown-toggle.btn-lg + .dropdown-menu {
        margin-bottom: -47px;
        padding-bottom: 49px;
    }

        .dropdown-default.dropup .btn.dropdown-toggle.btn-lg + .dropdown-menu:after {
            bottom: 49px;
        }

    .dropdown-default.dropup .btn.dropdown-toggle.btn-sm + .dropdown-menu {
        margin-bottom: -34px;
        padding-bottom: 36px;
    }

        .dropdown-default.dropup .btn.dropdown-toggle.btn-sm + .dropdown-menu:after {
            bottom: 36px;
        }

    .dropdown-default.dropup .btn.dropdown-toggle.btn-xs + .dropdown-menu {
        margin-bottom: -29px;
        padding-bottom: 31px;
    }

        .dropdown-default.dropup .btn.dropdown-toggle.btn-xs + .dropdown-menu:after {
            bottom: 31px;
        }

    .dropdown-default.dropup .dropdown-menu {
        margin-bottom: -40px;
        padding: 0 3px 44px 0 !important;
        transform-origin: center bottom 0;
    }

        .dropdown-default.dropup .dropdown-menu:after {
            bottom: 43px;
            top: auto !important;
        }

    .dropdown-default .btn.dropdown-toggle {
        text-align: left;
        padding-right: 27px;
    }

        .dropdown-default .btn.dropdown-toggle.btn-lg {
            padding-right: 42px;
        }

            .dropdown-default .btn.dropdown-toggle.btn-lg .caret {
                right: 26px;
            }

            .dropdown-default .btn.dropdown-toggle.btn-lg + .dropdown-menu {
                margin-top: -47px;
                padding-top: 49px;
            }

                .dropdown-default .btn.dropdown-toggle.btn-lg + .dropdown-menu:after {
                    top: 49px;
                }

        .dropdown-default .btn.dropdown-toggle.btn-sm {
            padding-right: 26px;
        }

            .dropdown-default .btn.dropdown-toggle.btn-sm .caret {
                right: 16px;
            }

            .dropdown-default .btn.dropdown-toggle.btn-sm + .dropdown-menu {
                margin-top: -34px;
                padding-top: 36px;
            }

                .dropdown-default .btn.dropdown-toggle.btn-sm + .dropdown-menu:after {
                    top: 36px;
                }

        .dropdown-default .btn.dropdown-toggle.btn-xs {
            padding-right: 21px;
        }

            .dropdown-default .btn.dropdown-toggle.btn-xs .caret {
                right: 8px;
            }

            .dropdown-default .btn.dropdown-toggle.btn-xs + .dropdown-menu {
                margin-top: -29px;
                padding-top: 31px;
            }

                .dropdown-default .btn.dropdown-toggle.btn-xs + .dropdown-menu:after {
                    top: 31px;
                }

        .dropdown-default .btn.dropdown-toggle .caret {
            position: absolute;
            right: 15px;
            top: 50%;
            margin-top: -2px;
        }

    .dropdown-default .btn-rounded {
        padding-left: 17px;
        padding-right: 17px;
    }

        .dropdown-default .btn-rounded + .dropdown-menu {
            border-radius: 17px;
        }

    .dropdown-default .dropdown-menu {
        margin-top: -40px;
        padding-top: 42px;
        overflow: hidden;
        backface-visibility: hidden;
        display: block;
        opacity: 0;
        transform: scale(1, 0);
        transform-origin: center top 0;
        -webkit-transition: all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
        transition: all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
        z-index: -1;
    }

        .dropdown-default .dropdown-menu:after {
            content: "";
            position: absolute;
            height: 1px;
            left: 0;
            top: 42px;
            background: #dbdee0;
            width: 100%;
        }

        .dropdown-default .dropdown-menu li {
            visibility: hidden;
        }

.dropdown-menu {
    padding: 0;
    position: absolute;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    -webkit-box-shadow: 0px 0px 5px rgba(73, 91, 98, 0.2);
    box-shadow: 0px 0px 5px rgba(73, 91, 98, 0.2);
    border: none;
    border-radius: 3px;
    font-size: 13px;
    margin: 0;
    background: #fff;
    min-width: 50px;
    z-index: 700 !important;
}

    .dropdown-menu .divider {
        background-color: #dbdee0;
        height: 1px;
        margin: 3px 0;
        border-bottom: 0px;
    }

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

        .dropdown-menu > li:first-child {
            padding-top: 9px;
        }

        .dropdown-menu > li:last-child {
            padding-bottom: 9px;
        }

        .dropdown-menu > li.dropdown-header {
            padding: 3px 20px;
        }

        .dropdown-menu > li:active,
        .dropdown-menu > li:focus,
        .dropdown-menu > li:hover {
            background-color: #f7f7f7;
        }

        .dropdown-menu > li.active > a,
        .dropdown-menu > li.active > a:hover,
        .dropdown-menu > li.active > a:focus {
            color: #14191a;
            text-decoration: none;
            background-color: #e4e6e7;
            background-image: none;
        }

        .dropdown-menu > li.disabled > a,
        .dropdown-menu > li.disabled > a:hover,
        .dropdown-menu > li.disabled > a:focus {
            color: #77909a;
        }

            .dropdown-menu > li.disabled > a:hover,
            .dropdown-menu > li.disabled > a:focus {
                text-decoration: none;
                cursor: default;
                background-color: transparent;
                background-image: none;
            }

        .dropdown-menu > li > a {
            line-height: 35px;
            color: #495b62;
            padding: 0 20px;
            border-radius: 3px;
            text-align: left;
        }

            .dropdown-menu > li > a:hover,
            .dropdown-menu > li > a:focus {
                color: #14191a;
                text-decoration: none;
                background-color: transparent;
                background-image: none;
            }

.dropdown-backdrop {
    z-index: 600;
}

/*------------------------------------------------------------------
[10. Modals]
*/
.modal .close:focus {
    outline: 0;
}

.modal .modal-dialog {
    transition: all .2s !important;
}

.modal .modal-content {
    border: 1px solid #f2f6f7;
    border-radius: 3px;
    box-shadow: none;
}

.modal .modal-header {
    text-align: center;
    border-bottom: 0;
    padding: 25px 25px 0 25px;
}

    .modal .modal-header p {
        color: #8b91a0;
    }

.modal .modal-body {
    box-shadow: none;
    padding: 25px;
    padding-top: 0;
    white-space: normal;
}

.modal .modal-footer {
    border-top: none;
    box-shadow: none;
    margin-top: 0;
    padding: 25px;
    padding-top: 0;
}

.modal .drop-shadow {
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36) !important;
}

.modal.fade {
    opacity: 1 !important;
}

    .modal.fade.stick-up .modal-dialog {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -ms-transform: translate(0, -100%);
        margin-top: -5px;
    }

    .modal.fade.stick-up.in .modal-dialog {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -ms-transform: translate(0, 0);
    }

    .modal.fade.slide-up {
        height: 100%;
        top: auto;
    }

        .modal.fade.slide-up.in .modal-dialog {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
        }

        .modal.fade.slide-up.disable-scroll {
            overflow: hidden;
        }

        .modal.fade.slide-up .modal-dialog {
            display: table;
            height: 100%;
            -webkit-transform: translate3d(0, 75%, 0);
            transform: translate3d(0, 75%, 0);
            -ms-transform: translate(0, 75%);
        }

        .modal.fade.slide-up .modal-content-wrapper {
            display: table-cell;
            vertical-align: middle;
        }

    .modal.fade.center-scale .modal-dialog {
        display: table;
        height: 100%;
    }

    .modal.fade.center-scale .modal-content {
        display: table-cell;
        vertical-align: middle;
        border: 0;
        background: transparent;
    }

        .modal.fade.center-scale .modal-content .modal-header {
            border-bottom: 0px;
        }

    .modal.fade.center-scale.in .modal-dialog {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .modal.fade.center-scale .modal-dialog {
        opacity: 0;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }

    .modal.fade.fill-in {
        background-color: rgba(255, 255, 255, 0);
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

        .modal.fade.fill-in > .close {
            margin-top: 20px;
            margin-right: 20px;
            opacity: 0.6;
        }

            .modal.fade.fill-in > .close > i {
                font-size: 16px;
            }

        .modal.fade.fill-in .modal-dialog {
            display: table;
            height: 100%;
        }

        .modal.fade.fill-in .modal-content {
            display: table-cell;
            vertical-align: middle;
            border: 0;
            background: transparent;
        }

            .modal.fade.fill-in .modal-content .modal-header {
                border-bottom: 0px;
            }

        .modal.fade.fill-in.in {
            background-color: rgba(255, 255, 255, 0.85);
        }

            .modal.fade.fill-in.in .modal-dialog {
                opacity: 1;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }

        .modal.fade.fill-in .modal-dialog {
            opacity: 0;
            -webkit-transform: scale(0.6);
            -ms-transform: scale(0.6);
            transform: scale(0.6);
        }

    .modal.fade.slide-right .close {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 10px;
        z-index: 10;
    }

    .modal.fade.slide-right.in .modal-dialog {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -ms-transform: translate(0, 0);
    }

    .modal.fade.slide-right .modal-dialog {
        position: absolute;
        right: 0;
        margin: 0;
        height: 100%;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -ms-transform: translate(100%, 0);
    }

        .modal.fade.slide-right .modal-dialog .modal-content-wrapper {
            height: 100%;
        }

        .modal.fade.slide-right .modal-dialog .modal-content {
            height: 100%;
        }

        .modal.fade.slide-right .modal-dialog .modal-body {
            background-color: #fff;
        }

    .modal.fade.slide-right .modal-content {
        border-radius: 0px;
    }

.fill-in-modal .modal-backdrop {
    background-color: transparent;
}

.modal-backdrop {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

    .modal-backdrop.in {
        opacity: 0.30;
    }

.modal {
    z-index: 1060;
}

    .modal.fade.slide-right .close {
        top: inherit !important;
        right: 15px;
    }

    .modal.fade.stick-up.in .modal-dialog {
        margin-bottom: 50px;
    }

    .modal .modal-content {
        border-radius: 0;
    }

    .modal .modal-body textarea {
        width: 100%;
        min-height: 100px;
        max-height: 250px;
        max-width: 100%;
        resize: vertical;
    }

    .modal .modal-header p {
        color: black;
    }

.modal-backdrop {
    z-index: 1050;
}

.modal-open .cs-skin-slide.cs-active {
    z-index: 1070;
}

.modal-open .datepicker.dropdown-menu {
    z-index: 1070 !important;
}
/* Responsive Handlers: Modals
------------------------------------
*/
@media (max-width: 768px) {
    .modal.fill-in .modal-dialog {
        width: calc(100% - 20px);
    }

    .modal.slide-up .modal-dialog {
        width: calc(100% - 20px);
    }
}

@media (min-width: 768px) {
    .modal.stick-up .modal-dialog {
        margin: -5px auto;
    }

    .modal.slide-up .modal-dialog {
        margin: 0 auto;
    }

    .modal.fill-in .modal-dialog {
        margin: 0 auto;
    }

    .modal .modal-content {
        box-shadow: none;
    }
}
/*------------------------------------------------------------------
[11. Tabs & Accordians]
*/
/* Tabs
------------------------------------
*/
.nav-tabs > li {
    padding-left: 0;
    padding-right: 0;
}

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border-color: #dbdee0;
        color: #495b62;
        background-color: #dbdee0;
    }

    .nav-tabs > li > a {
        border-radius: 0;
        padding: 15px 20px;
        margin-right: 0;
        font-family: 'Montserrat';
        font-weight: 400;
        color: rgba(73, 91, 98, 0.7);
        font-size: 12px;
        min-width: 70px;
        t__ext-transform: uppercase;
        border-color: transparent;
    }

        .nav-tabs > li > a:hover,
        .nav-tabs > li > a:focus {
            background: transparent;
            border-color: transparent;
            color: #495b62;
        }

        .nav-tabs > li > a .tab-icon {
            margin-right: 6px;
        }

.nav-tabs ~ .tab-content {
    overflow: hidden;
    padding: 15px;
}

    .nav-tabs ~ .tab-content > .tab-pane.slide-left,
    .nav-tabs ~ .tab-content > .tab-pane.slide-right {
        -webkit-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
    }

        .nav-tabs ~ .tab-content > .tab-pane.slide-left.sliding,
        .nav-tabs ~ .tab-content > .tab-pane.slide-right.sliding {
            opacity: 0 !important;
        }

        .nav-tabs ~ .tab-content > .tab-pane.slide-left.active,
        .nav-tabs ~ .tab-content > .tab-pane.slide-right.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
            opacity: 1;
        }

        .nav-tabs ~ .tab-content > .tab-pane.slide-left.sliding {
            -webkit-transform: translate3d(10%, 0, 0) !important;
            transform: translate3d(10%, 0, 0) !important;
            -ms-transform: translate(10%, 0) !important;
        }

        .nav-tabs ~ .tab-content > .tab-pane.slide-right.sliding {
            -webkit-transform: translate3d(-10%, 0, 0) !important;
            transform: translate3d(-10%, 0, 0) !important;
            -ms-transform: translate(-10%, 0) !important;
        }

.nav-tabs.nav-tabs-left:after,
.nav-tabs.nav-tabs-right:after {
    border-bottom: 0px;
}

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

.nav-tabs.nav-tabs-left {
    float: left;
    padding-right: 0;
}

    .nav-tabs.nav-tabs-left ~ .tab-content {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

.nav-tabs.nav-tabs-right {
    float: right;
    padding-right: 0;
}

    .nav-tabs.nav-tabs-right ~ .tab-content {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
/* Tabs : Simple
------------------------------------
*/
.nav-tabs-simple {
    border-bottom: 0px;
}

    .nav-tabs-simple:after {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        width: 100%;
        position: relative;
        bottom: 3px;
        z-index: 120;
    }

    .nav-tabs-simple > li {
        margin-bottom: 0;
    }

        .nav-tabs-simple > li:after {
            -webkit-transition: all 0.1s linear 0s;
            transition: all 0.1s linear 0s;
            -webkit-backface-visibility: hidden;
            width: 100%;
            display: block;
            background-color: #e95555;
            height: 0px;
            content: '';
            z-index: 125;
        }

.nav-tabs-primary.nav-tabs-simple > li:after {
    background-color: #5d598d;
}

.nav-tabs-success.nav-tabs-simple > li:after {
    background-color: #2eaeb3;
}

.nav-tabs-complete.nav-tabs-simple > li:after {
    background-color: #0594dd;
}

.nav-tabs-danger.nav-tabs-simple > li:after {
    background-color: #e95555;
}

.nav-tabs-warning.nav-tabs-simple > li:after {
    background-color: #fbc25e;
}

.nav-tabs-info.nav-tabs-simple > li:after {
    background-color: #1f3853;
}

.nav-tabs-simple > li.active a,
.nav-tabs-simple > li.active a:hover,
.nav-tabs-simple > li.active a:focus {
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs-simple > li.active:after,
.nav-tabs-simple > li:hover:after {
    height: 3px;
}

.nav-tabs-simple.nav-tabs-left:after,
.nav-tabs-simple.nav-tabs-right:after {
    border-bottom: 0px;
}

.nav-tabs-simple.nav-tabs-left > li:after,
.nav-tabs-simple.nav-tabs-right > li:after {
    width: 0px;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
}

.nav-tabs-simple.nav-tabs-left > li.active:after,
.nav-tabs-simple.nav-tabs-right > li.active:after,
.nav-tabs-simple.nav-tabs-left > li:hover:after,
.nav-tabs-simple.nav-tabs-right > li:hover:after {
    width: 3px;
}

.nav-tabs-simple.nav-tabs-left > li:after {
    right: 0;
}

.nav-tabs-simple.nav-tabs-right > li:after {
    left: 0;
}
/* Tabs : Line Triangles
------------------------------------
*/
.nav-tabs-linetriangle {
    border-bottom: 0;
}

    .nav-tabs-linetriangle:after {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        width: 100%;
        position: relative;
        bottom: 0;
    }

    .nav-tabs-linetriangle > li.active > a {
        background: transparent;
        box-shadow: none;
        border-color: transparent;
    }

        .nav-tabs-linetriangle > li.active > a:hover,
        .nav-tabs-linetriangle > li.active > a:focus,
        .nav-tabs-linetriangle > li.active > a:active {
            border-color: transparent;
            background-color: transparent;
        }

        .nav-tabs-linetriangle > li.active > a:after,
        .nav-tabs-linetriangle > li.active > a:before {
            border: medium solid transparent;
            content: "";
            height: 0;
            left: 50%;
            pointer-events: none;
            position: absolute;
            width: 0;
            z-index: 1;
            top: 100%;
        }

        .nav-tabs-linetriangle > li.active > a:after {
            border-top-color: #e9ebec;
            border-width: 10px;
            margin-left: -10px;
        }

        .nav-tabs-linetriangle > li.active > a:before {
            border-top-color: rgba(0, 0, 0, 0.2);
            border-width: 11px;
            margin-left: -11px;
        }

    .nav-tabs-linetriangle > li > a span {
        font-size: 1em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nav-tabs-linetriangle > li > a,
    .nav-tabs-linetriangle > li > a:hover,
    .nav-tabs-linetriangle > li > a:focus {
        overflow: visible;
        -webkit-transition: color 0.2s ease 0s;
        transition: color 0.2s ease 0s;
    }

    .nav-tabs-linetriangle ~ .tab-content {
        background: #fff;
    }

    .nav-tabs-linetriangle.nav-tabs-left.nav-tabs:after {
        border-bottom: none;
    }

    .nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li.active > a:before {
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        border-left: 11px solid rgba(0, 0, 0, 0.2);
    }

    .nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li.active > a:after {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #e9ebec;
        margin-top: 1px;
        margin-right: 2px;
    }

    .nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li.active > a:after,
    .nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li.active > a:before {
        top: auto;
        right: -23px;
        left: auto;
    }

    .nav-tabs-linetriangle.nav-tabs-right.nav-tabs:after {
        border-bottom: none;
    }

    .nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li.active > a:before {
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        border-right: 11px solid rgba(0, 0, 0, 0.2);
    }

    .nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li.active > a:after {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #e9ebec;
        margin-top: 1px;
        margin-left: -9px;
    }

    .nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li.active > a:after,
    .nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li.active > a:before {
        top: auto;
        left: -12px;
        right: auto;
    }

@media screen and (max-width: 58em) {
    .nav-tabs-linetriangle {
        font-size: 0.6em;
    }
}
/* Tabs : Fill-up
------------------------------------
*/
.nav-tabs-fillup {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
}

    .nav-tabs-fillup > li {
        overflow: hidden;
    }

        .nav-tabs-fillup > li > a {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: color 0.3s ease 0s;
            transition: color 0.3s ease 0s;
            background: transparent;
        }

            .nav-tabs-fillup > li > a:after {
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                backface-visibility: hidden;
                background: none repeat scroll 0 0 #2eaeb3;
                border: 1px solid #2eaeb3;
                content: "";
                height: calc(100% + 1px);
                left: 0;
                position: absolute;
                top: 0;
                -webkit-transform: translate3d(0, 100%, 0px);
                transform: translate3d(0, 100%, 0px);
                -webkit-transition: -webkit-transform 0.3s ease 0s;
                transition: transform 0.3s ease 0s;
                width: 100%;
                z-index: -1;
            }

.nav-tabs-primary.nav-tabs-fillup > li > a:after {
    background: none repeat scroll 0 0 #5d598d;
    border: 1px solid #5d598d;
}

.nav-tabs-success.nav-tabs-fillup > li > a:after {
    background: none repeat scroll 0 0 #2eaeb3;
    border: 1px solid #2eaeb3;
}

.nav-tabs-complete.nav-tabs-fillup > li > a:after {
    background: none repeat scroll 0 0 #0594dd;
    border: 1px solid #0594dd;
}

.nav-tabs-warning.nav-tabs-fillup > li > a:after {
    background: none repeat scroll 0 0 #fbc25e;
    border: 1px solid #fbc25e;
}

.nav-tabs-danger.nav-tabs-fillup > li > a:after {
    background: none repeat scroll 0 0 #e95555;
    border: 1px solid #e95555;
}

.nav-tabs-info.nav-tabs-fillup > li > a:after {
    background: none repeat scroll 0 0 #1f3853;
    border: 1px solid #1f3853;
}

.nav-tabs-fillup > li > a span {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0px, 5px, 0px);
    transform: translate3d(0px, 5px, 0px);
    -webkit-transition: -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
    display: block;
    font-weight: 700;
    line-height: 1.5;
}

.nav-tabs-fillup > li.active {
    z-index: 100;
}

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

        .nav-tabs-fillup > li.active > a:after {
            -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
            -ms-transform: translate(0px, 0px);
        }

        .nav-tabs-fillup > li.active > a span {
            -webkit-transform: translate3d(0px, -5px, 0px);
            transform: translate3d(0px, -5px, 0px);
            -ms-transform: translate(0px, -5px);
        }

    .nav-tabs-fillup > li.active .icon:before {
        -webkit-transform: translate3d(0px, -5px, 0px);
        transform: translate3d(0px, -5px, 0px);
        -ms-transform: translate(0px, -5px);
    }

.nav-tabs-fillup .icon:before {
    -webkit-transform: translate3d(0px, 5px, 0px);
    transform: translate3d(0px, 5px, 0px);
    -ms-transform: translate(0px, 5px);
    -webkit-transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
    display: block;
    margin: 0;
}

.nav-tabs-fillup ~ .tab-content {
    background: #fff;
}

.nav-tabs-fillup.nav-tabs-left,
.nav-tabs-fillup.nav-tabs-right {
    border-bottom: none;
}

    .nav-tabs-fillup.nav-tabs-left:after,
    .nav-tabs-fillup.nav-tabs-right:after {
        border-bottom: none;
    }

    .nav-tabs-fillup.nav-tabs-left > li > a:after,
    .nav-tabs-fillup.nav-tabs-right > li > a:after {
        width: calc(100% + 1px);
        height: 100%;
    }

    .nav-tabs-fillup.nav-tabs-left > li.active a:after,
    .nav-tabs-fillup.nav-tabs-right > li.active a:after {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate(0px, 0px);
    }

    .nav-tabs-fillup.nav-tabs-left > li > a:after {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -ms-transform: translate(100%, 0);
    }

    .nav-tabs-fillup.nav-tabs-left > li > a span {
        -webkit-transform: translate3d(5px, 0, 0px);
        transform: translate3d(5px, 0, 0px);
        -ms-transform: translate(5px, 0);
    }

    .nav-tabs-fillup.nav-tabs-left > li.active a span {
        -webkit-transform: translate3d(-5px, 0, 0px);
        transform: translate3d(-5px, 0, 0px);
        -ms-transform: translate(-5px, 0);
    }

    .nav-tabs-fillup.nav-tabs-left > li.active .icon:before {
        -webkit-transform: translate3d(-5px, 0, 0px);
        transform: translate3d(-5px, 0, 0px);
        -ms-transform: translate(-5px, 0);
    }

    .nav-tabs-fillup.nav-tabs-right > li > a:after {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -ms-transform: translate(-100%, 0);
        left: -1px;
    }

    .nav-tabs-fillup.nav-tabs-right > li > a span {
        -webkit-transform: translate3d(-5px, 0, 0px);
        transform: translate3d(-5px, 0, 0px);
        -ms-transform: translate(-5px, 0);
    }

    .nav-tabs-fillup.nav-tabs-right > li.active a span {
        -webkit-transform: translate3d(5px, 0, 0px);
        transform: translate3d(5px, 0, 0px);
        -ms-transform: translate(5px, 0);
    }

    .nav-tabs-fillup.nav-tabs-right > li.active .icon:before {
        -webkit-transform: translate3d(5px, 0, 0px);
        transform: translate3d(5px, 0, 0px);
        -ms-transform: translate(5px, 0);
    }

.nav-tabs-header {
    overflow: scroll;
    width: 100%;
}

    .nav-tabs-header .nav-tabs {
        width: auto;
        white-space: nowrap;
    }

        .nav-tabs-header .nav-tabs > li {
            display: inline-block;
            float: inherit;
        }

    .nav-tabs-header.nav-tabs-linetriangle {
        height: 61px;
        overflow-y: hidden;
    }

        .nav-tabs-header.nav-tabs-linetriangle:after {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            width: 100%;
            position: relative;
            bottom: 3px;
            z-index: 120;
            content: "";
            clear: both;
        }

        .nav-tabs-header.nav-tabs-linetriangle ~ .tab-content {
            position: relative;
            top: -12px;
        }

    .nav-tabs-header ~ .tab-content {
        overflow: hidden;
        padding: 15px;
    }

.nav-tab-dropdown .cs-select {
    width: 100% !important;
    max-width: 100%;
}

/* Tables */

table .form-group {
    margin-bottom: 0;
    padding: 5px;
}

    table .form-group span {
        display: none;
    }

table,
table thead,
table tbody,
table tfoot,
table thead tr,
table thead tr th,
table tbody tr,
table tbody tr th,
table tfoot tr,
table tfoot tr th,
tr,
th,
td {
    font-family: 'Montserrat', sans-serif !important;
    border-color: #ddd !important;
}

th {
    padding: 0;
    padding-left: 5px;
}

.hint-text {
    opacity: .7;
}

.prevent-overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* [Callouts] */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-danger {
    border-left-color: #ce4844;
    background-color: #ffdedd;
}

    .bs-callout-danger h4 {
        color: #ce4844;
    }

.bs-callout-warning {
    border-left-color: #aa6708;
    background-color: #ffe3bc;
}

    .bs-callout-warning h4 {
        color: #aa6708;
    }

.bs-callout-info {
    border-left-color: #1b809e;
    background-color: #e2f8ff;
}

    .bs-callout-info h4 {
        color: #1b809e;
    }

.bs-callout-success {
    border-left-color: #35bd52;
    background-color: #deffe5;
}

    .bs-callout-success h4 {
        color: #35bd52;
    }

/* Modals */
.modal .close:focus {
    outline: 0;
}

.modal .modal-dialog {
    transition: all .2s !important;
}

.modal .modal-content {
    border: 1px solid #f2f6f7;
    border-radius: 3px;
    box-shadow: none;
}

.modal .modal-header {
    text-align: center;
    border-bottom: 0;
    padding: 25px 25px 0 25px;
}

    .modal .modal-header p {
        color: #8b91a0;
    }

.modal .modal-body {
    box-shadow: none;
    padding: 25px;
    padding-top: 0;
    white-space: normal;
}

.modal .modal-footer {
    border-top: none;
    box-shadow: none;
    margin-top: 0;
    padding: 25px;
    padding-top: 0;
}

.modal .drop-shadow {
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36) !important;
}

.modal.fade {
    opacity: 1 !important;
}

    .modal.fade.stick-up .modal-dialog {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -ms-transform: translate(0, -100%);
        margin-top: -5px;
    }

    .modal.fade.stick-up.in .modal-dialog {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -ms-transform: translate(0, 0);
    }

    .modal.fade.slide-up {
        height: 100%;
        top: auto;
    }

        .modal.fade.slide-up.in .modal-dialog {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -ms-transform: translate(0, 0);
        }

        .modal.fade.slide-up.disable-scroll {
            overflow: hidden;
        }

        .modal.fade.slide-up .modal-dialog {
            display: table;
            height: 100%;
            -webkit-transform: translate3d(0, 75%, 0);
            transform: translate3d(0, 75%, 0);
            -ms-transform: translate(0, 75%);
        }

        .modal.fade.slide-up .modal-content-wrapper {
            display: table-cell;
            vertical-align: middle;
        }

    .modal.fade.center-scale .modal-dialog {
        display: table;
        height: 100%;
    }

    .modal.fade.center-scale .modal-content {
        display: table-cell;
        vertical-align: middle;
        border: 0;
        background: transparent;
    }

        .modal.fade.center-scale .modal-content .modal-header {
            border-bottom: 0px;
        }

    .modal.fade.center-scale.in .modal-dialog {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .modal.fade.center-scale .modal-dialog {
        opacity: 0;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }

    .modal.fade.fill-in {
        background-color: rgba(255, 255, 255, 0);
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

        .modal.fade.fill-in > .close {
            margin-top: 20px;
            margin-right: 20px;
            opacity: 0.6;
        }

            .modal.fade.fill-in > .close > i {
                font-size: 16px;
            }

        .modal.fade.fill-in .modal-dialog {
            display: table;
            height: 100%;
        }

        .modal.fade.fill-in .modal-content {
            display: table-cell;
            vertical-align: middle;
            border: 0;
            background: transparent;
        }

            .modal.fade.fill-in .modal-content .modal-header {
                border-bottom: 0px;
            }

        .modal.fade.fill-in.in {
            background-color: rgba(255, 255, 255, 0.85);
        }

            .modal.fade.fill-in.in .modal-dialog {
                opacity: 1;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }

        .modal.fade.fill-in .modal-dialog {
            opacity: 0;
            -webkit-transform: scale(0.6);
            -ms-transform: scale(0.6);
            transform: scale(0.6);
        }

    .modal.fade.slide-right .close {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 10px;
        z-index: 10;
    }

    .modal.fade.slide-right.in .modal-dialog {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -ms-transform: translate(0, 0);
    }

    .modal.fade.slide-right .modal-dialog {
        position: absolute;
        right: 0;
        margin: 0;
        height: 100%;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -ms-transform: translate(100%, 0);
    }

        .modal.fade.slide-right .modal-dialog .modal-content-wrapper {
            height: 100%;
        }

        .modal.fade.slide-right .modal-dialog .modal-content {
            height: 100%;
        }

        .modal.fade.slide-right .modal-dialog .modal-body {
            background-color: #fff;
        }

    .modal.fade.slide-right .modal-content {
        border-radius: 0px;
    }

.fill-in-modal .modal-backdrop {
    background-color: transparent;
}

.modal-backdrop {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

    .modal-backdrop.in {
        opacity: 0.30;
    }
/* Responsive Handlers: Modals
------------------------------------
*/
@media (max-width: 768px) {
    .modal.fill-in .modal-dialog {
        width: calc(100% - 20px);
    }

    .modal.slide-up .modal-dialog {
        width: calc(100% - 20px);
    }
}

@media (min-width: 768px) {
    .modal.stick-up .modal-dialog {
        margin: -5px auto;
    }

    .modal.slide-up .modal-dialog {
        margin: 0 auto;
    }

    .modal.fill-in .modal-dialog {
        margin: 0 auto;
    }

    .modal .modal-content {
        box-shadow: none;
    }
}

.modal {
    z-index: 1060;
}

    .modal.fade.slide-right .close {
        top: inherit !important;
        right: 15px;
    }

    .modal.fade.stick-up.in .modal-dialog {
        margin-bottom: 50px;
    }

    .modal.fade.stick-up .modal-dialog .modal .modal-content {
        border-radius: 0;
    }

    .modal .modal-body textarea {
        width: 100%;
        min-height: 100px;
        max-height: 250px;
        max-width: 100%;
        resize: vertical;
    }

    .modal .modal-header p {
        color: black;
    }

.modal-backdrop {
    z-index: 1050;
}

.modal-open .cs-skin-slide.cs-active {
    z-index: 1070;
}

.modal-open .datepicker.dropdown-menu {
    z-index: 1070 !important;
}

#menu {
    display: inline-block !important;
}

/* [Navbar] */
.dropdown-menu {
    font-size: inherit;
}

.navbar-default {
    back
}

.navbar-collapse {
    height: auto !important;
}

.navbar-brand {
    height: 70px;
}

.navbar-nav {
    padding-top: 10px;
}

.navbar-toggle {
    margin-top: 17.5px;
}

button.navbar-toggle {
    height: 34px;
    width: 44px;
}

.navbar-nav li,
.navbar-default .navbar-nav > .active > a {
    background-color: inherit;
}

/* [Sidebar] */
.sidebar {
    position: fixed;
    z-index: 1030;
    height: 100%;
    width: 300px;
    top: 70px;
    left: 0;
    background-color: #242c68;
}

    .sidebar.custom {
        background-color: #f9f9f9;
    }

        .sidebar.custom .menu-search .form-control,
        .sidebar.custom .menu-search .menu-item,
        .sidebar.custom .menu-search .menu-subitem,
        .sidebar.custom .menu-item .accordion-toggle:active,
        .sidebar.custom .menu-item .accordion-toggle:hover,
        .sidebar.custom .menu-item .accordion-toggle:focus,
        .sidebar.custom .menu-subitem .accordion-inner a:active,
        .sidebar.custom .menu-subitem .accordion-inner a:hover,
        .sidebar.custom .menu-subitem .accordion-inner a:focus,
        .sidebar.custom .menu-item .accordion-toggle,
        .sidebar.custom .menu-subitem .accordion-inner a {
            background-color: inherit;
            color: #242c68;
        }

        .sidebar.custom .menu-subitem-panel {
            background-color: #f1f1f1;
        }

    .sidebar .menu-search .form-control {
        background-color: #242c68;
        border: none;
        border-bottom: 1px solid #3a4388;
        border-radius: 0;
        height: 50px;
        margin: 10px 20px;
        width: calc(100% - 40px);
        color: #fff;
        text-decoration: none;
        t__ext-transform: uppercase;
        outline: none;
        font-size: 12px;
        box-shadow: none;
    }

    .sidebar .menu-item {
        padding: 5px 35px;
        height: 50px;
        border: none;
        color: #fff;
        text-align: left;
        text-decoration: none !important;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

        .sidebar .menu-item .accordion-toggle,
        .sidebar .menu-subitem .accordion-inner a {
            opacity: .8;
            color: #fff;
            font-size: 11px;
            padding-top: 15px;
            text-decoration: none;
            t__ext-transform: uppercase;
        }

    .sidebar .menu-subitem {
        color: #fff;
        height: 40px;
        font-size: 10px;
        padding-left: 35px;
        text-decoration: none;
        t__ext-transform: uppercase;
        background-color: #1e234a;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

        .sidebar .menu-subitem .accordion-inner a {
            font-size: 11px;
        }

            .sidebar .menu-item .accordion-toggle:active,
            .sidebar .menu-item .accordion-toggle:hover,
            .sidebar .menu-item .accordion-toggle:focus,
            .sidebar .menu-subitem .accordion-inner a:active,
            .sidebar .menu-subitem .accordion-inner a:hover,
            .sidebar .menu-subitem .accordion-inner a:focus {
                opacity: 1 !important;
                color: #fff;
                text-decoration: none;
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
                -webkit-transition-timing-function: ease-in-out;
                -moz-transition-timing-function: ease-in-out;
                -o-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out;
            }

    .sidebar .menu-subitem-panel {
        padding: 10px 0;
        background-color: #1e234a;
    }

    .sidebar .menu-version {
        font-size: 10px;
        position: fixed;
        left: 35px;
        bottom: 10px;
        color: #eee;
        t__ext-transform: uppercase;
        text-decoration: none;
        text-align: left;
    }

/* [Loaders] */
.ball-pulse > div {
    vertical-align: middle;
    background-color: #999;
    border-color: #999;
}