/* ========================================================
*
* Melon - Flat & Responsive Admin Template
*
* ========================================================
*
* File: main.css
* Description: General template styles, including bootstrap components
* Version: 1.0
*
* ======================================================== */
.clearfix {
    *zoom: 1;
}

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

    .clearfix:after {
        clear: both;
    }
/* # General styles
================================================== */
* {
    outline: none !important;
}

html,
body {
    height: 100%;
    background: #f5f5f5;
}

body {
    /* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    color: #4E5155;
    font-size: 14px;
}
/* # Layout
================================================== */
.container {
    max-width: none !important;
    padding: 0 40px;
}

.row-no-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

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

#container {
    position: relative;
    height: 100%;
}

    #container.fixed-header {
        /* margin-top: 52px; */
        margin-top: 0;
        background: #f5f5f5;
    }

    #container > #content > .container {
        float: left;
        width: 100%;
        background-color: #f5f5f5;
    }

#content {
    background: #f5f5f5;
    margin-left: 250px;
    overflow: visible;
    padding-bottom: 30px;
    min-height: 100%;
    padding-top: 85px;
}

    #content > .wrapper {
        -webkit-transition: margin ease-in-out 0.1s;
        -moz-transition: margin ease-in-out 0.1s;
        -o-transition: margin ease-in-out 0.1s;
        transition: margin ease-in-out 0.1s;
        position: relative;
    }

.sidebar-closed > #content {
    margin-left: 0;
}
/* * * * * * * * * * * *
 * Page Header
 * * * * * * * * * * * */
.page-header {
    border: 0;
    margin: 0;
    *zoom: 1;
    padding-bottom: 15px;
}

    .page-header h3 {
        color: #43425D;
        font-weight: 700;
        font-size: 28px;
        margin-top: 20px;
        margin-bottom: 2px;
    }

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

    .page-header:after {
        clear: both;
    }

.page-title {
    float: left;
    padding: 25px 0;
}

    .page-title h3 {
        margin: 0;
        margin-bottom: 10px;
        color: #555555;
        font-weight: 400;
        font-size: 20px;
    }

    .page-title span {
        display: block;
        font-size: 11px;
        color: #888888;
        font-weight: normal;
    }

.page-stats {
    float: right;
    padding: 25px 0;
    margin-left: 0;
    list-style: none;
}

    .page-stats li {
        float: left;
        display: block;
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid #d9d9d9;
    }

        .page-stats li:first-child {
            border: 0;
        }

        .page-stats li .summary {
            float: left;
            margin-right: 18px;
        }

            .page-stats li .summary span {
                color: #888888;
                font-weight: 600;
                font-size: 11px;
                text-transform: uppercase;
            }

            .page-stats li .summary h3 {
                color: #555555;
                margin: 0;
                font-size: 20px;
                line-height: 20px;
                font-weight: 600;
            }

        .page-stats li .graph {
            float: right;
        }

        .page-stats li .sparkline {
            margin-top: 4px;
        }

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

.align-center {
    text-align: center;
    margin: 0 auto;
}

.align-right {
    text-align: right;
}
/* * * * * * * * * * * *
 * General
 * * * * * * * * * * * */
.full-width-fix {
    width: 100% !important;
}

.row-bg {
    background-color: #F5F7F9;
    margin: 0 -20px !important;
    margin-bottom: 0px !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    /* -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15) inset; */
    /* -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15) inset; */
    /* box-shadow: 0 0 1px rgba(0, 0, 0, 0.15) inset; */
}

.hide-default {
    display: none;
}
/* * * * * * * * * * * *
 * Padding Fixes
 * * * * * * * * * * * */
/* 5px */
.padding-top-5px {
    padding-top: 5px;
}

.padding-bottom-5px {
    padding-bottom: 5px;
}

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

.padding-right-5px {
    padding-right: 5px;
}
/* 10px */
.padding-top-10px {
    padding-top: 10px;
}

.padding-bottom-10px {
    padding-bottom: 10px;
}

.padding-left-10px {
    padding-left: 10px;
}

.padding-right-10px {
    padding-right: 10px;
}
/* * * * * * * * * * * *
 * Margin Fixes
 * * * * * * * * * * * */
.margin-top-0px {
    margin-top: 0;
}
/* * * * * * * * * * * *
 * Spacings
 * * * * * * * * * * * */
.spacing-10px {
    display: block;
    padding-top: 10px;
}
/* # Typography
================================================== */
/* * * * * * * * * * * *
 * Headlines
 * * * * * * * * * * * */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 300;
    /* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 18px;
}

.subtitle {
    display: block;
    padding-bottom: 5px;
    font-weight: 600;
}

.widget-content + h1 {
    margin-top: 0;
}
/* * * * * * * * * * * *
 * Links
 * * * * * * * * * * * */
a {
    color: #4d7496;
}

    a:hover {
        color: #4d7496;
    }
/* * * * * * * * * * * *
 * Text Colors
 * * * * * * * * * * * */
span.blue {
    color: #54728c;
}

span.green {
    color: #94b86e;
}

span.red {
    color: #e25856;
}
/* # Header
================================================== */
.header {
    z-index: 10030;
}

.navbar {
    background: #fff;
    min-height: 48px;
    filter: none;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: 0 1px 0 rgba(24,28,33,0.06);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 70px;
}

    .navbar > .container {
        padding: 8px 20px;
        height: 100%;
    }

.navbar-right {
    float: right !important;
}

.navbar-left {
    float: left !important;
}

.navbar-text {
    line-height: 48px;
    color: #ffffff;
}

.navbar {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /* DEPRECATED
	.nav > li:active, .nav > li.open {
		//border-left-color: rgba(0, 0, 0, 0.28);
		//border-left-color: rgba(0, 0, 0, 0.65);

		+ li {
			//border-left-color: rgba(0, 0, 0, 0.65);
		}
	} */
}

    .navbar .navbar-brand {
        padding: 0;
        line-height: 48px;
        color: #ffffff;
        text-shadow: 0 1px 0 #000000;
        font-size: 18px;
        width: 230px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow-x: hidden;
        text-align: left;
        padding-left: 0;
        max-width: none;
        margin-left: 0 !important;
        margin-right: 0;
    }

    .navbar .toggle-sidebar {
        float: left;
        margin-left: -50px;
        display: inline-block;
        position: relative;
        color: #ffffff;
        padding: 14px;
        font-size: 14px;
        text-decoration: none;
    }

        .navbar .toggle-sidebar:hover {
            background: rgba(255, 255, 255, 0.05);
        }

    .navbar .navbar-nav {
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

        .navbar .navbar-nav > li > a {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

    .navbar .divider-vertical {
        height: 48px;
        border-left: 1px solid #4d7496;
        border-right: 1px solid #ffffff;
    }

    .navbar .nav > li {
        line-height: 28px;
        /* border-right: 1px solid rgba(0, 0, 0, 0.2); */
    }

        .navbar .nav > li:first-child {
            /* border-left: 1px solid rgba(0, 0, 0, 0.21); */
        }

        .navbar .nav > li.nav-toggle {
            display: none;
        }

        .navbar .nav > li:active,
        .navbar .nav li.dropdown.open > .dropdown-toggle,
        .navbar .nav li.dropdown.active > .dropdown-toggle,
        .navbar .nav li.dropdown.open.active > .dropdown-toggle,
        .navbar .toggle-sidebar:active {
            color: #334d63;
            background: #fff;
            /* -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset; */
            /* -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset; */
            /* box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset; */
        }

        .navbar .nav > li > a {
            color: #a3a4a6;
            font-size: 13px;
            /* text-shadow: 0 1px 0 #000000; */
            padding-top: 14px;
            padding-bottom: 14px;
            padding-left: 18px;
            padding-right: 18px;
        }

            .navbar .nav > li > a:hover,
            .navbar .nav > li > a:focus {
                color: #4E5155;
                background: #5681a7;
                background: rgba(255, 255, 255, 0.05);
            }

            .navbar .nav > li > a > span {
                padding-left: 5px;
            }

                .navbar .nav > li > a > span.username {
                    /* font-weight: bold; */
                    position: relative;
                    top: 2px;
                    font-size: 15px;
                }

            .navbar .nav > li > a .badge {
                position: absolute;
                font-size: 10px;
                font-weight: 300;
                top: 8px;
                right: 8px;
                text-align: center;
                height: 14px;
                background-color: #BE4141;
                background-color: rgba(219, 45, 42, 0.8);
                padding: 2px 4px;
                text-shadow: none;
            }
/* * * * * * * * * * * *
 * Project Switcher
 * * * * * * * * * * * */
.project-switcher {
    display: none;
    background-color: #334d63;
    /* * * * * * * * * * * *
	 * Project List
	 * * * * * * * * * * * */
}

    .project-switcher.open {
        display: block;
    }

    .project-switcher #frame {
        height: 150px;
    }

    .project-switcher .project-list {
        height: 100%;
        list-style: none;
        margin: 0 auto;
        padding: 30px 10px;
        text-align: center;
    }

        .project-switcher .project-list li {
            display: inline-block;
            padding: 0 30px;
            color: #fff;
            border-right: 1px solid rgba(0, 0, 0, 0.2);
        }

            .project-switcher .project-list li:last-child {
                border-right: none;
            }

            .project-switcher .project-list li a {
                color: #fff;
                display: block;
                padding: 15px;
                opacity: 0.9;
            }

                .project-switcher .project-list li a:hover {
                    background-color: rgba(255, 255, 255, 0.07);
                    text-decoration: none;
                    opacity: 1;
                }

                .project-switcher .project-list li a:active {
                    background-color: rgba(0, 0, 0, 0.07);
                    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
                    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
                    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
                }

            .project-switcher .project-list li .image,
            .project-switcher .project-list li .title {
                display: block;
            }

                .project-switcher .project-list li .image i {
                    font-size: 25px;
                }

            .project-switcher .project-list li .title {
                font-weight: 600;
            }

            .project-switcher .project-list li .image + .title {
                padding-top: 10px;
            }

            .project-switcher .project-list li.current a {
                background-color: rgba(0, 0, 0, 0.07);
                -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
                -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.34) inset;
            }
/* # Dropdowns
================================================== */
.navbar .dropdown-menu {
    margin-top: 3px !important;
    position: absolute !important;
    float: left !important;
    background-color: #fff !important;
    border: 1px solid rgba(24,28,33,0.05) !important;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.09) !important;
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.09) !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.09) !important;
    right: 0;
    left: auto;
    border-radius: .25rem;
}

.navbar .dropdown-toggle i.small {
    font-size: 16px;
    position: relative;
    top: 2px;
    left: 2px;
    margin-right: 5px;
}

.dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    font-size: 13px;
    text-align: left;
}

    .dropdown-menu .divider {
        display: none;
    }

    .dropdown-menu > li > a > i,
    .dropdown-menu > li > i {
        margin-right: 5px;
        color: #96a3bf;
        position: relative;
        top: 2px;
        float: left;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-submenu:hover > a,
    .dropdown-submenu:focus > a {
        background: #F5F7F9;
        color: #555557;
        filter: none;
    }

        .dropdown-menu > li > a:hover i {
            color: #37C12F;
        }

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

.btn-group > .dropdown-menu,
.btn-group > .popover {
    font-size: 13px;
}

.btn-group > .btn {
    font-size: 13px;
}

.btn-group > .btn-lg {
    font-size: 14px;
}

.btn-group > .btn-sm {
    font-size: 12px;
}

.btn-group > .btn-xs {
    font-size: 11px;
}
/* * * * * * * * * * * *
 * Extended
 * * * * * * * * * * * */
.dropdown-menu.extended {
    min-width: 180px;
    max-width: 320px;
    width: 260px;
    padding: 0;
}

    .dropdown-menu.extended li {
        border-bottom: 1px solid #e6e6e6;
        /* * * * * * * * * * * *
		 * Notifications
		 * * * * * * * * * * * */
        /* * * * * * * * * * * *
		 * Progressbars (Tasks)
		 * * * * * * * * * * * */
        /* * * * * * * * * * * *
		 * Messages
		 * * * * * * * * * * * */
    }

        .dropdown-menu.extended li:last-child,
        .dropdown-menu.extended li.title {
            border-bottom: none;
        }

        .dropdown-menu.extended li.footer {
            text-align: center;
        }

            .dropdown-menu.extended li.footer a {
                background-color: #f9f9f9;
                color: #6f6f6f;
                padding: 8px;
            }

                .dropdown-menu.extended li.footer a:hover {
                    background-color: #4d7496;
                    color: #fff;
                }

        .dropdown-menu.extended li p {
            padding: 6px 15px;
            background-color: #334d63;
            margin: 0px;
            font-size: 13px;
            font-weight: 600;
            color: #fff;
        }

        .dropdown-menu.extended li a {
            font-size: 12px;
            padding: 10px;
            white-space: normal;
        }

            .dropdown-menu.extended li a:hover .time,
            .dropdown-menu.extended li a:hover .task .percent {
                color: #fff;
            }

        .dropdown-menu.extended li .message {
            padding: 7px;
        }

        .dropdown-menu.extended li .time {
            font-weight: 300;
            position: absolute;
            right: 5px;
            color: #adadad;
            font-size: 11px;
            padding-top: 3px;
        }

        .dropdown-menu.extended li .label {
            padding: 7px;
            width: 24px;
            text-align: center;
            display: inline-block;
        }

        .dropdown-menu.extended li .task .percent {
            float: right;
            display: inline-block;
            color: #adadad;
            font-size: 11px;
        }

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

        .dropdown-menu.extended li .photo img {
            float: left;
            height: 40px;
            width: 40px;
            margin-right: 6px;
        }

        .dropdown-menu.extended li .subject {
            display: block;
        }

            .dropdown-menu.extended li .subject .from {
                font-size: 13px;
                font-weight: 600;
            }

        .dropdown-menu.extended li .text {
            display: block;
            white-space: normal;
            font-size: 12px;
            line-height: 20px;
            padding-top: 1px;
        }
/* # Sidebar & Navigation
================================================== */
#brandContent {
    padding-left: 225px;
}

.sidebarBrand {
    width: 100%;
    padding: 13px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

    .sidebarBrand .toggle-sidebar {
        position: absolute;
        top: 22px;
        right: 25px;
        font-size: 20px;
        color: #838790;
    }

.theme-dark #sidebar .sidebarBrand .navbar-brand {
    color: #fff;
}

.openSidbarIcon a {
    padding: 0 !important;
    margin: 0 !important;
    top: 15px;
}

    .openSidbarIcon a i {
        font-size: 20px;
        color: #B7B9BF;
        position: relative;
        top: -6px;
    }

.sideLogo {
    float: left;
    padding-left: 10px;
    max-width: 122px;
    /* height:32px; */
    /* width:32px; */
    /* border-radius:50%; */
    /* position:relative; */
    /* top:10px; */
}

    .sideLogo img {
        height: 100%;
        width: 100%;
        border-radius: 0;
    }

#sidebar {
    width: 250px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    height: 100%;
    z-index: 1040;
    top: 0;
    /* * * * * * * * * * * *
	 * Scrollbar
	 * * * * * * * * * * * */
    /* * * * * * * * * * * *
	 * Search Input
	 * * * * * * * * * * * */
    /* Search Results */
    /* * * * * * * * * * * *
	 * Navigation
	 * * * * * * * * * * * */
    /* * * * * * * * * * * *
	 * Sidebar Title
	 * * * * * * * * * * * */
    /* * * * * * * * * * * *
	 * Sidebar Notifications
	 * * * * * * * * * * * */
}

    #sidebar * {
        overflow-x: hidden;
        overflow-y: visible;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #sidebar #sidebar-content {
        float: left;
        width: 100% !important;
        /* background:rgb(8,162, 136); */
    }

    #sidebar #divider {
        background: rgba(24,28,33,0.06);
        min-height: 100%;
        position: absolute;
        margin-left: 250px;
        right: -1px;
        width: 8px;
        border-left: 1px solid rgba(24,28,33,0.06);
        border-right: 1px solid rgba(24,28,33,0.06);
        top: 0;
    }

.theme-dark #sidebar #divider {
    border-right: 1px solid #1f2831;
}

#sidebar .resizeable {
    cursor: col-resize;
    background: url(../Images/sidebar/sidebar-divider-dots.png) 2px 50% no-repeat #ececec !important;
}

#sidebar .slimScrollDiv {
    float: left !important;
    width: 100% !important;
}

#sidebar .slimScrollBar {
    width: 5px !important;
    background-color: #878787 !important;
    right: 0px !important;
    border-left: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#sidebar .sidebar-search {
    margin: 15px;
    margin-right: 23px;
}

    #sidebar .sidebar-search .input-box {
        border-bottom: 1px solid #d9d9d9 !important;
        padding-bottom: 2px;
    }

    #sidebar .sidebar-search span {
        display: block;
        overflow: hidden;
    }

    #sidebar .sidebar-search input {
        width: 100%;
    }

    #sidebar .sidebar-search input,
    #sidebar .sidebar-search .submit {
        margin: 0;
        border: 0;
        box-shadow: none;
        color: #555555;
        background-color: #f9f9f9 !important;
    }

    #sidebar .sidebar-search .submit {
        display: block;
        float: right;
        margin-top: 8px;
        opacity: 0.7;
    }

        #sidebar .sidebar-search .submit:hover,
        #sidebar .sidebar-search .submit:focus {
            opacity: 1.0;
        }

#sidebar .sidebar-search-results {
    background-color: #ececec;
    padding: 10px;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #dfdfdf;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    display: none;
}

    #sidebar .sidebar-search-results.open {
        display: block;
    }

    #sidebar .sidebar-search-results .close {
        position: relative;
        top: -2px;
        right: 10px;
        font-size: 11px;
        line-height: 25px;
    }

        #sidebar .sidebar-search-results .close:hover {
            text-decoration: none;
            cursor: pointer;
            opacity: .5;
        }

    #sidebar .sidebar-search-results .title {
        font-weight: 600;
        padding: 5px 0;
        color: #888888;
        text-transform: uppercase;
        font-size: 12px;
    }

        #sidebar .sidebar-search-results .title > span {
            font-weight: 700;
        }

    #sidebar .sidebar-search-results .notifications li {
        padding-left: 0;
        padding-right: 0;
        margin-right: 5px;
        border-bottom-color: #d3d3d3;
    }

#sidebar ul#nav {
    list-style: none;
    margin: 15px 0;
    padding: 0;
    border-top: 1px solid rgba(24,28,33,0.06);
    margin-top: 0;
    /* * * * * * * * * * * *
		 * Mainmenu and submenus
		 * * * * * * * * * * * */
}

    #sidebar ul#nav > li.current > a {
        border-right: none;
    }

        #sidebar ul#nav > li.current > a > .arrow {
            right: 10px;
            ;
        }

    #sidebar ul#nav li {
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: none;
    }

        #sidebar ul#nav li:last-child,
        #sidebar ul#nav li.open,
        #sidebar ul#nav li.open-default,
        #sidebar ul#nav li.open-fixed {
            border-bottom: none;
        }

        #sidebar ul#nav li.current > ul {
            display: block;
        }

        #sidebar ul#nav li.current .label.pull-right {
            margin-right: 10px;
        }

        #sidebar ul#nav li.open-default > ul,
        #sidebar ul#nav li.open-fixed > ul {
            display: block;
        }

        #sidebar ul#nav li .label {
            padding: 5px 8px;
            text-shadow: none;
        }

            #sidebar ul#nav li .label.pull-right {
                position: absolute;
                right: 15px;
                margin-right: 20px;
            }

        #sidebar ul#nav li .arrow {
            line-height: 20px;
            position: absolute;
            right: 10px;
        }

        #sidebar ul#nav li a {
            display: block;
            position: relative;
            margin: 0;
            border: 0;
            padding: 15px 15px;
            padding-left: 20px;
            color: #555555;
            text-decoration: none;
            text-shadow: 0 1px 0 #fff;
            font-size: 15px;
            font-weight: normal;
            /* text-transform: uppercase; */
        }

            #sidebar ul#nav li a:hover {
                background: #F5F7F9;
            }

            #sidebar ul#nav li a img {
                filter: invert(62%) sepia(21%) saturate(339%) hue-rotate(183deg) brightness(101%) contrast(89%);
                height: 18px;
                width: 18px;
                margin-right: 5px;
            }

            #sidebar ul#nav li a:hover img {
                filter: invert(60%) sepia(24%) saturate(5263%) hue-rotate(77deg) brightness(106%) contrast(74%);
            }

            #sidebar ul#nav li a:active {
                background: #ebebeb;
            }

            #sidebar ul#nav li a i {
                color: #97a4c1;
                padding-right: 0px;
                float: left;
                line-height: 20px;
                font-size: 18px;
                width: 18px;
                max-width: 18px;
                margin-right: 5px;
                margin-left: 3px;
            }

            #sidebar ul#nav li a:hover i {
                color: #37C12F;
            }

            #sidebar ul#nav li a i[class^="icol-"],
            #sidebar ul#nav li a i[class^="icos-"],
            #sidebar ul#nav li a i[class*=" icol-"],
            #sidebar ul#nav li a i[class*=" icos-"] {
                margin-top: 2px;
            }

    #sidebar ul#nav > li.current,
    #sidebar ul#nav > .open {
        background: #F5F7F9;
    }

    #sidebar ul#nav ul.sub-menu {
        display: none;
        list-style: none;
        clear: both;
        margin: 0;
        padding: 0;
        font-size: 13px;
        background: #fff;
        border-bottom: none;
    }

        #sidebar ul#nav ul.sub-menu a {
            font-weight: normal;
            padding: 12px 15px 12px 20px;
            text-transform: none;
        }

            #sidebar ul#nav ul.sub-menu a:hover {
                background: #F5F7F9;
            }

                #sidebar ul#nav ul.sub-menu a:hover i {
                    color: #37C12F;
                }

            #sidebar ul#nav ul.sub-menu a:active {
                background: #ebebeb;
            }

        #sidebar ul#nav ul.sub-menu li.current {
            background: #f9f9f9;
        }

            #sidebar ul#nav ul.sub-menu li.current ul.sub-menu li.current > a {
                background: #37C12F;
                color: #fff;
            }

                #sidebar ul#nav ul.sub-menu li.current ul.sub-menu li.current > a:hover i {
                    color: #fff;
                }

                #sidebar ul#nav ul.sub-menu li.current ul.sub-menu li.current > a i {
                    color: #fff;
                    line-height: 16px;
                }

        #sidebar ul#nav ul.sub-menu li:first-child > a {
            /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset; */
            /* -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset; */
            /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset; */
        }

        #sidebar ul#nav ul.sub-menu ul.sub-menu {
            margin: 0;
            margin-right: 0;
            margin-left: 0px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border: none;
            margin-bottom: 0;
        }

            #sidebar ul#nav ul.sub-menu ul.sub-menu > li {
                border-left: none;
                background: #fff;
                border-bottom: none;
            }

                #sidebar ul#nav ul.sub-menu ul.sub-menu > li a {
                    font-size: 14px;
                    color: #6f6f6f;
                    padding: 9px 15px;
                    padding-left: 40px;
                }

                    #sidebar ul#nav ul.sub-menu ul.sub-menu > li a:hover {
                        background: #F5F7F9;
                    }

                    #sidebar ul#nav ul.sub-menu ul.sub-menu > li a:active {
                        background: #ebebeb;
                    }

            #sidebar ul#nav ul.sub-menu ul.sub-menu li:first-child > a {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

#sidebar .sidebar-title {
    background-color: #ececec;
    padding: 10px;
    font-weight: 600;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

#sidebar .notifications {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #sidebar .notifications li {
        padding: 15px;
        border-bottom: 1px solid #ebebeb;
    }

        #sidebar .notifications li:last-child {
            border-bottom: none;
        }

        #sidebar .notifications li a {
            color: #555555;
        }

            #sidebar .notifications li a:hover {
                color: #4d7496;
            }

    #sidebar .notifications .col-left {
        float: left;
        margin-right: -100%;
    }

    #sidebar .notifications .col-right {
        float: left;
        width: 100%;
    }

        #sidebar .notifications .col-right.with-margin {
            margin-left: 35px;
        }

    #sidebar .notifications .message {
        white-space: normal;
    }

    #sidebar .notifications .label {
        padding: 7px;
        width: 24px;
        text-align: center;
        display: inline-block;
    }

    #sidebar .notifications .time {
        color: #888888;
        display: block;
        padding-top: 5px;
        font-size: 11px;
    }

.sidebar-fixed {
    position: fixed !important;
    top: 52px;
}

.fill-nav-space {
    height: 52px;
}

.sidebar-closed > #sidebar {
    display: none;
}
/*.sidebar-closed {
	& > #sidebar {
		width: @sidebarClosedWidth;

		ul#nav {
			width: @sidebarClosedWidth;
			border-bottom: 1px solid @navBorder;

			li {
				&:hover {
					width: @sidebarWidth;
					position: relative;
					z-index: 2000;
					display: block !important;
				}

				&.open, &.open-default, &.open-fixed {
					border-bottom: 1px solid @navBorder;
				}

				a {
					padding-left: 12px;
				}

				ul.sub-menu {
					display: none;
				}
			}
		}
	}
}*/ /* # Breadcrumb
================================================== */
.crumbs {
    margin: 0 -20px;
    height: 40px;
    background: #f5f5f5;
    border-bottom: 1px solid #d9d9d9;
}

    .crumbs .breadcrumb {
        float: left;
        background-color: #f5f5f5;
        height: 0;
        margin-top: 1px;
    }

        .crumbs .breadcrumb li {
            float: left;
            font-size: 12px;
            padding-top: 2px;
            padding-right: 5px;
        }

            .crumbs .breadcrumb li a {
                color: #555555;
            }

                .crumbs .breadcrumb li a:hover {
                    text-decoration: none;
                    color: #4d7496;
                }

            .crumbs .breadcrumb li i {
                color: #6f6f6f;
                padding: 0 5px;
            }

            .crumbs .breadcrumb li.current a {
                color: #949494 !important;
            }

            .crumbs .breadcrumb li.current {
                color: #949494 !important;
            }

    .crumbs .crumb-buttons {
        float: right;
        list-style: none;
        margin-right: 21px;
        margin-left: 0;
        height: 0;
    }

        .crumbs .crumb-buttons > li {
            float: left;
            font-size: 12px;
            border-right: 1px solid #d9d9d9;
            position: relative;
        }

            .crumbs .crumb-buttons > li:first-child,
            .crumbs .crumb-buttons > li.first {
                border-left: 1px solid #d9d9d9;
            }

            .crumbs .crumb-buttons > li > a {
                color: #555555;
                text-decoration: none;
                white-space: nowrap;
                padding: 0 10px;
                line-height: 39px;
                display: inline-block;
                border-left: 1px solid #fff;
                border-right: 1px solid #fff;
            }

                .crumbs .crumb-buttons > li > a:hover {
                    background: #fff;
                }

                .crumbs .crumb-buttons > li > a:active {
                    border-left: 1px solid transparent;
                    border-right: 1px solid transparent;
                    background: #ebebeb;
                }

                .crumbs .crumb-buttons > li > i,
                .crumbs .crumb-buttons > li > a > i {
                    padding-right: 5px;
                }

                    .crumbs .crumb-buttons > li > i.left-padding,
                    .crumbs .crumb-buttons > li > a > i.left-padding {
                        padding-right: 0;
                        padding-left: 5px;
                    }

            .crumbs .crumb-buttons > li.open {
                background: #fff;
            }

.breadcrumb > li + li:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    /* content: "\f105"; */
}
/* # Buttons
================================================== */
.btn,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ColVis_MasterButton,
.fc-state-default {
    background-color: #818fa2;
    background-image: none;
    filter: none;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 10px 13px;
    text-shadow: none;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #818fa2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: .25rem;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .btn:hover,
    .ui-state-default:hover,
    .ui-widget-content .ui-state-default:hover,
    .ui-widget-header .ui-state-default:hover,
    .ColVis_MasterButton:hover,
    .fc-state-default:hover,
    .btn:focus,
    .ui-state-default:focus,
    .ui-widget-content .ui-state-default:focus,
    .ui-widget-header .ui-state-default:focus,
    .ColVis_MasterButton:focus,
    .fc-state-default:focus {
        color: #fff;
        background-color: #818fa2;
        border-color: #818fa2;
    }

    .btn:active,
    .ui-state-default:active,
    .ui-widget-content .ui-state-default:active,
    .ui-widget-header .ui-state-default:active,
    .ColVis_MasterButton:active,
    .fc-state-default:active,
    .btn.active,
    .ui-state-default.active,
    .ui-widget-content .ui-state-default.active,
    .ui-widget-header .ui-state-default.active,
    .ColVis_MasterButton.active,
    .fc-state-default.active {
        background-color: #e6e6e6;
        border-color: rgba(24,28,33,0.075);
        border-top: 1px solid rgba(24,28,33,0.075);
    }

    .btn.disabled,
    .ui-state-default.disabled,
    .ui-widget-content .ui-state-default.disabled,
    .ui-widget-header .ui-state-default.disabled,
    .ColVis_MasterButton.disabled,
    .fc-state-default.disabled,
    .btn.btn[disabled],
    .ui-state-default.btn[disabled],
    .ui-widget-content .ui-state-default.btn[disabled],
    .ui-widget-header .ui-state-default.btn[disabled],
    .ColVis_MasterButton.btn[disabled],
    .fc-state-default.btn[disabled] {
        background-color: #f3f3f3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: 1px solid rgba(0, 0, 0, 0.13);
    }

        .btn.disabled:hover,
        .ui-state-default.disabled:hover,
        .ui-widget-content .ui-state-default.disabled:hover,
        .ui-widget-header .ui-state-default.disabled:hover,
        .ColVis_MasterButton.disabled:hover,
        .fc-state-default.disabled:hover,
        .btn.btn[disabled]:hover,
        .ui-state-default.btn[disabled]:hover,
        .ui-widget-content .ui-state-default.btn[disabled]:hover,
        .ui-widget-header .ui-state-default.btn[disabled]:hover,
        .ColVis_MasterButton.btn[disabled]:hover,
        .fc-state-default.btn[disabled]:hover {
            cursor: not-allowed;
        }

    .btn .caret,
    .ui-state-default .caret,
    .ui-widget-content .ui-state-default .caret,
    .ui-widget-header .ui-state-default .caret,
    .ColVis_MasterButton .caret,
    .fc-state-default .caret {
        border-top-color: #333333;
        margin-top: 0;
        margin-left: 3px;
        vertical-align: middle;
    }

    .btn + .caret,
    .ui-state-default + .caret,
    .ui-widget-content .ui-state-default + .caret,
    .ui-widget-header .ui-state-default + .caret,
    .ColVis_MasterButton + .caret,
    .fc-state-default + .caret,
    .btn + .dropdown-toggle .caret,
    .ui-state-default + .dropdown-toggle .caret,
    .ui-widget-content .ui-state-default + .dropdown-toggle .caret,
    .ui-widget-header .ui-state-default + .dropdown-toggle .caret,
    .ColVis_MasterButton + .dropdown-toggle .caret,
    .fc-state-default + .dropdown-toggle .caret {
        margin-left: 0px;
    }
/* * * * * * * * * * * *
 * Sizes
 * * * * * * * * * * * */
.btn-lg {
    padding: 10px 15px;
    font-size: 14px;
}

.btn-sm {
    padding: 4px 9px;
    font-size: 12px;
}

.btn-xs {
    padding: 0px 10px;
    font-size: 11px;
}
/* * * * * * * * * * * *
 * States
 * * * * * * * * * * * */
.btn-primary {
    color: #ffffff;
    background-color: #3968c6;
    z-index: 2;
}

    .btn-primary:hover,
    .btn-primary:focus {
        color: #ffffff;
        background-color: #4d77cc;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #335eb2;
        border-top: 1px solid #1c3463;
    }

    .btn-primary.disabled,
    .btn-primary.btn[disabled] {
        background-color: #3968c6;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-primary .caret {
        border-top-color: #ffffff;
    }

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #335eb2;
}

.btn-info {
    color: #ffffff;
    background-color: #2f96b4;
    z-index: 2;
}

    .btn-info:hover,
    .btn-info:focus {
        color: #ffffff;
        background-color: #34a7c8;
    }

    .btn-info:active,
    .btn-info.active {
        background-color: #2a85a0;
        border-top: 1px solid #15424f;
    }

    .btn-info.disabled,
    .btn-info.btn[disabled] {
        background-color: #2f96b4;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-info .caret {
        border-top-color: #ffffff;
    }

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2a85a0;
}

.btn-warning {
    color: #ffffff;
    background-color: #f89406;
    z-index: 2;
}

    .btn-warning:hover,
    .btn-warning:focus {
        color: #ffffff;
        background-color: #fa9f1e;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #df8505;
        border-top: 1px solid #7c4a03;
    }

    .btn-warning.disabled,
    .btn-warning.btn[disabled] {
        background-color: #f89406;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-warning .caret {
        border-top-color: #ffffff;
    }

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #df8505;
}

.btn-danger {
    color: #ffffff;
    background-color: #bd362f;
    z-index: 2;
}

    .btn-danger:hover,
    .btn-danger:focus {
        color: #ffffff;
        background-color: #ce3f38;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #a9302a;
        border-top: 1px solid #571916;
    }

    .btn-danger.disabled,
    .btn-danger.btn[disabled] {
        background-color: #bd362f;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-danger .caret {
        border-top-color: #ffffff;
    }

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #a9302a;
}

.btn-inverse {
    color: #ffffff;
    background-color: #555555;
    z-index: 2;
    border-color: #626262;
}

    .btn-inverse:hover,
    .btn-inverse:focus {
        color: #ffffff;
        background-color: #626262;
    }

    .btn-inverse:active,
    .btn-inverse.active {
        background-color: #484848;
        border-top: 1px solid #151515;
    }

    .btn-inverse.disabled,
    .btn-inverse.btn[disabled] {
        background-color: #555555;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-inverse .caret {
        border-top-color: #ffffff;
    }

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #484848;
}

.btn-success {
    color: #ffffff;
    background-color: #37C12F;
    z-index: 2;
    border-color: #37C12F;
    text-transform: uppercase;
}

    .btn-success:hover,
    .btn-success:focus {
        color: #ffffff;
        background-color: #37C12F;
        border-radius: .25rem;
        border-color: #37C12F;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #37C12F;
        border-top: 1px solid #37C12F;
    }

    .btn-success.disabled,
    .btn-success.btn[disabled] {
        background-color: #51a351;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-success .caret {
        border-top-color: #ffffff;
    }

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #499249;
}

.btn-facebook {
    color: #ffffff;
    background-color: #3b5998;
    z-index: 2;
}

    .btn-facebook:hover,
    .btn-facebook:focus {
        color: #ffffff;
        background-color: #4264aa;
    }

    .btn-facebook:active,
    .btn-facebook.active {
        background-color: #344e86;
        border-top: 1px solid #17233c;
    }

    .btn-facebook.disabled,
    .btn-facebook.btn[disabled] {
        background-color: #3b5998;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-facebook .caret {
        border-top-color: #ffffff;
    }

.btn-group.open .btn-facebook.dropdown-toggle {
    background-color: #344e86;
}

.btn-twitter {
    color: #ffffff;
    background-color: #00acee;
    z-index: 2;
}

    .btn-twitter:hover,
    .btn-twitter:focus {
        color: #ffffff;
        background-color: #09bbff;
    }

    .btn-twitter:active,
    .btn-twitter.active {
        background-color: #009ad5;
        border-top: 1px solid #00506f;
    }

    .btn-twitter.disabled,
    .btn-twitter.btn[disabled] {
        background-color: #00acee;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-twitter .caret {
        border-top-color: #ffffff;
    }

.btn-group.open .btn-twitter.dropdown-toggle {
    background-color: #009ad5;
}

.btn-google-plus {
    color: #ffffff;
    background-color: #d14836;
    z-index: 2;
}

    .btn-google-plus:hover,
    .btn-google-plus:focus {
        color: #ffffff;
        background-color: #d65b4b;
    }

    .btn-google-plus:active,
    .btn-google-plus.active {
        background-color: #c13e2c;
        border-top: 1px solid #6e2319;
    }

    .btn-google-plus.disabled,
    .btn-google-plus.btn[disabled] {
        background-color: #d14836;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-google-plus .caret {
        border-top-color: #ffffff;
    }

.btn-group.open .btn-google-plus.dropdown-toggle {
    background-color: #c13e2c;
}
/* * * * * * * * * * * *
 * Button Groups
 * * * * * * * * * * * */
.btn-group > .btn:first-child,
.btn-group > .btn:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 4px;
}

.btn-group > .btn i {
    margin-right: 3px;
}

.btn-group > .dropdown-toggle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/* * * * * * * * * * * *
 * Dropdown Toggles
 * * * * * * * * * * * */
.btn-group > .btn + .dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn.btn-link {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #818fa2;
    text-decoration: none;
}

    .btn.btn-link.link-success:hover {
        color: #37C12F;
    }

.btn-group.open .dropdown-toggle,
.btn-group > .btn + .dropdown-toggle:active {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.13) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.13) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.13) inset;
}
/* * * * * * * * * * * *
 * Icon Buttons
 * * * * * * * * * * * */
.btn-icon {
    margin: 10px 0px;
    padding: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .btn-icon:hover {
        border: 1px solid rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .btn-icon:active {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .btn-icon i {
        margin: 0;
    }
/* * * * * * * * * * * *
 * Badges
 * * * * * * * * * * * */
.btn .label {
    position: absolute;
    font-size: 11px !important;
    font-weight: 300;
    top: -5px;
    right: -5px;
    padding: 3px 7px 3px 7px;
    color: white !important;
    text-shadow: none;
    border-width: 0;
    border-style: solid;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* Caret for Dropups */
.dropup .btn .caret {
    border-bottom-color: #333333;
}
/* * * * * * * * * * * *
 * Demo Only
 * * * * * * * * * * * */
.btn-toolbar-demo .btn {
    margin: 3px;
}
/* # Widgets
================================================== */
.widget {
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
    /* Divider */
}

    .widget .widget-header {
        margin-bottom: 15px;
        border-bottom: 1px solid #ececec;
        *zoom: 1;
    }

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

        .widget .widget-header:after {
            clear: both;
        }

        .widget .widget-header h4 {
            display: inline-block;
            color: #43425D;
            font-size: 24px;
            font-weight: 500;
            margin: 0;
            padding: 0;
            margin-bottom: 7px;
        }

            .widget .widget-header h4 i {
                font-size: 15px;
                margin-right: 5px;
                color: #6f6f6f;
            }

        .widget .widget-header .toolbar {
            display: inline-block;
            padding: 0;
            margin: 0;
            float: right;
        }

    .widget.box {
        border: 1px solid #E1EBFC;
        border-radius: 12px;
        box-shadow: 0 1px 4px rgba(24,28,33,0.012);
        background: #fff;
    }

        .widget.box .widget-header.firstHeader {
            background: #fff;
            /* border: 1px solid rgba(24,28,33,0.06); */
            line-height: 35px;
            padding: 20px 20px;
            margin-bottom: 20px !important;
            border-radius: 0;
            box-shadow: 0 1px 4px rgba(24,28,33,0.012);
        }

        .widget.box .widget-header {
            background: #fff;
            /* border: 1px solid rgba(24,28,33,0.06); */
            border-bottom: none;
            line-height: 35px;
            padding: 20px 20px;
            padding-top: 0;
            border-radius: 0;
            box-shadow: none;
            margin-bottom: 0;
            border-top-right-radius: 12px;
            border-top-left-radius: 12px;
        }

.overviewData .widget.box .widget-header,
.dashboards .widget.box .widget-header {
    padding: 20px 20px;
}

.widget.box .widget-header h4 {
    margin-bottom: 0;
}

.widget.box .widget-header .toolbar {
    margin-right: -5px;
}

.widget.box .widget-header h4 span {
    color: #37C12F;
}

.widget.box .widget-header .toolbar.no-padding {
    margin: -2px -13px;
}

    .widget.box .widget-header .toolbar.no-padding .btn {
        font-size: 13px;
        line-height: 35px;
        margin-top: 1px;
        border-top-right-radius: .25rem;
        border: none;
        border-right: none;
        background: transparent;
        color: #4E5155;
    }

        .widget.box .widget-header .toolbar.no-padding .btn:hover {
            background: transparent;
        }

.widget.box .widget-content {
    padding: 25px;
    padding-top: 0;
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    padding-bottom: 0;
    /* border: 1px solid rgba(24,28,33,0.06); */
    /* box-shadow:0 1px 4px rgba(24,28,33,0.012); */
}

.overviewData .widget.box .widget-content {
    padding-top: 20px;
}

.widget.box .widget-content.no-padding {
    padding: 0;
}

    .widget.box .widget-content.no-padding .row {
        padding-left: 15px;
        padding-right: 15px;
    }

.widget.box .widget-content.widget-deeper {
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.widget.box.box-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-bottom-color: #cccccc;
}

.widget.widget-closed.box .widget-header {
    margin-bottom: -1px;
    border-bottom: 1px solid #d9d9d9;
}

.widget.widget-closed .widget-content {
    display: none;
}

.widget > .divider,
.widget .widget-content > .divider {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #fff;
}

    .widget > .divider.bright,
    .widget .widget-content > .divider.bright {
        border-bottom-color: #ececec;
    }

.widget .widget-content > .divider {
    margin: 5px 0;
}
/* * * * * * * * * * * *
 * Semi Widgets
 * * * * * * * * * * * */
.semi-widget {
    margin-bottom: 10px;
}
/* * * * * * * * * * * *
 * Widget Title
 * * * * * * * * * * * */
.widget-title {
    margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0;
    font-weight: 300;
    font-size: 17px;
}

    .widget-title > i {
        margin-right: 5px;
    }
/* * * * * * * * * * * *
 * Sidebar Widgets
 * * * * * * * * * * * */
#sidebar #sidebar-content .sidebar-widget {
    margin: 25px 10px;
}
/* * * * * * * * * * * *
 * slimscroll
 * * * * * * * * * * * */
.slimScrollBar {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.scroller {
    padding-right: 12px !important;
}
/* * * * * * * * * * * *
 * Widget Additions
 * * * * * * * * * * * */
.widget-content .more {
    clear: both;
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    color: #555555;
    opacity: 0.7;
    margin: -10px;
    margin-top: 10px;
    background-color: #f9f9f9;
    border-top: 1px solid #d9d9d9;
}

    .widget-content .more:hover,
    .widget-content .more:focus {
        opacity: 1;
        text-decoration: none;
    }

    .widget-content .more:active {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
        border-top-color: #cccccc;
    }

    .widget-content .more i {
        margin-top: 2px;
        margin-bottom: -3px;
    }
/* * * * * * * * * * * *
 * Infobox
 * * * * * * * * * * * */
.infobox .title {
    font-weight: 500;
    font-size: 15px;
}

    .infobox .title + .content {
        color: #6f6f6f;
        padding-top: 10px;
    }
/* # General UI
================================================== */
/* * * * * * * * * * * *
 * Alerts
 * * * * * * * * * * * */
.alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 15px;
}

    .alert .close {
        font-size: 11px;
        line-height: 25px;
    }
/* * * * * * * * * * * *
 * Images
 * * * * * * * * * * * */
img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
/* * * * * * * * * * * *
 * Code
 * * * * * * * * * * * */
code {
    color: #54728c;
    background-color: #f9f9f9;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/* * * * * * * * * * * *
 * Labels and Badges
 * * * * * * * * * * * */
.label,
.badge {
    font-size: 10px;
    font-weight: normal;
}

.label,
.badge {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/* Colors */
.label-info {
    background-color: #658db3;
}

.label-success {
    background-color: #94b86e;
}

.label-danger {
    background-color: #e25856;
}
/* * * * * * * * * * * *
 * Tooltips
 * * * * * * * * * * * */
.tooltip-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/* * * * * * * * * * * *
 * Popovers
 * * * * * * * * * * * */
.popover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-bottom-color: #B3B3B3;
}
/* * * * * * * * * * * *
 * Help Blocks
 * * * * * * * * * * * */
.help-inline {
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}
/* * * * * * * * * * * *
 * Feed List
 * * * * * * * * * * * */
.feeds {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .feeds li {
        background-color: #f9f9f9;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 7px;
    }

        .feeds li.hoverable:hover,
        .feeds li.hoverable:focus {
            background-color: #f4f4f4;
        }

        .feeds li.hoverable:active {
            background-color: #efefef;
            border-top: 1px solid #d9d9d9;
            border-bottom: none;
        }

        .feeds li:before,
        .feeds li:after {
            display: table;
            content: "";
            line-height: 0;
            clear: both;
        }

    .feeds .col1 {
        float: left;
        width: 100%;
        clear: both;
    }

        .feeds .col1 .content {
            float: left;
            margin-right: 100px;
            overflow: hidden;
        }

            .feeds .col1 .content .content-col1 {
                float: left;
                margin-right: -100%;
            }

                .feeds .col1 .content .content-col1 .label {
                    float: left;
                    width: 14px;
                    padding: 7px;
                    text-align: center;
                    line-height: 14px;
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                }

            .feeds .col1 .content .content-col2 {
                float: left;
                width: 100%;
            }

                .feeds .col1 .content .content-col2 .desc {
                    margin-left: 35px;
                    padding-top: 4px;
                    padding-bottom: 4px;
                    overflow: hidden;
                }

                    .feeds .col1 .content .content-col2 .desc span {
                        margin-left: 3px;
                    }

    .feeds .col2 {
        float: left;
        width: 100px;
        margin-left: -100px;
    }

        .feeds .col2 .date {
            padding: 4px 9px 4px 4px;
            text-align: right;
            color: #adadad;
            font-size: 11px;
        }
/* * * * * * * * * * * *
 * Panels
 * * * * * * * * * * * */
.panel,
.panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.panel-title {
    font-size: 13px;
    font-weight: 600;
}
/* * * * * * * * * * * *
 * List Groups
 * * * * * * * * * * * */
.list-group-item:first-child,
.list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.list-group-item.no-padding {
    padding: 0;
}

a.list-group-item.active {
    border-color: #446785;
    background-color: #4d7496;
}

.list-group-header {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    background-color: #f9f9f9;
}

/* * * * * * * * * * * *
 * Wells
 * * * * * * * * * * * */
.well {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f9f9f9;
    border-color: #d9d9d9;
}
/* * * * * * * * * * * *
 * Profile Info
 * * * * * * * * * * * */
.profile-info h1 {
    font-size: 20px;
    font-weight: 600;
}

.profile-info p,
.profile-info dl {
    color: #7b7b7b;
}
/* * * * * * * * * * * *
 * Google Maps
 * * * * * * * * * * * */
.gmaps {
    height: 300px;
    width: 100%;
}
/* # Progressbars
================================================== */
/* * * * * * * * * * * *
 * Colors
 * * * * * * * * * * * */
.progress .progress-bar {
    background-image: none;
    background-color: #328ca3;
}

.progress-success .progress-bar,
.progress .progress-bar-success,
.progress-success.progress-striped .progress-bar,
.progress-striped .progress-bar-success {
    background-color: #51a351;
}

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

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

.progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    /* * * * * * * * * * * *
	 * Sizes
	 * * * * * * * * * * * */
}

    .progress.progress-mini {
        height: 6px;
    }

    .progress.progress-small {
        height: 12px;
    }

    .progress.progress-large {
        height: 25px;
    }
/* * * * * * * * * * * *
 * Stripes
 * * * * * * * * * * * */
.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/* # Forms
================================================== */
/* * * * * * * * * * * *
 * General
 * * * * * * * * * * * */
form {
    margin: 0;
}

.noFiltering form {
    overflow: hidden !important;
}

label {
    font-weight: 600;
    color: #4E5155;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -webkit-appearance: none !important;
    color: #555555;
    padding: .438rem .875rem;
    font-weight: normal;
    vertical-align: middle;
    filter: none !important;
}

select,
textarea {
    -webkit-appearance: none !important;
    color: #555555;
    padding: .438rem .875rem;
    font-weight: normal;
    vertical-align: middle;
    filter: none !important;
}

    select.form-control,
    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        border: 1px solid rgba(24,28,33,0.1);
        background-color: #fff;
        border-radius: .25rem;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        color: #97A4C1;
    }

.form-control {
    height: 38px;
    font-size: 14px;
    color: #97A4C1;
}

    .form-control:focus {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        border-color: #37C12F !important;
    }

textarea.form-control {
    height: 120px;
    resize: none;
}
/* * * * * * * * * * * *
 * Sizing
 * * * * * * * * * * * */
.input-xxlarge {
    width: 465px;
}

.multiple {
    width: 100%;
}

.form-control.input-small {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 30px;
}
/* Height Sizing */
.input-sm {
    height: 26px;
    font-size: 12px !important;
}

.input-lg {
    height: 45px;
    font-size: 16px !important;
}
/* BS2 backward compatibility sizes */
.input-width-mini {
    width: 60px !important;
}

.input-width-small {
    width: 90px !important;
}

.input-width-medium {
    width: 150px !important;
}

.input-width-large {
    width: 210px !important;
}

.input-width-xlarge {
    /* width: 270px !important; */
    width: 100% !important;
}

.input-width-xxlarge {
    width: 530px !important;
}

.input-block-level {
    display: block;
    width: 100%;
}
/* * * * * * * * * * * *
 * Textarea
 * * * * * * * * * * * */
textarea {
    border-color: #cccccc;
}

    textarea.auto {
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        -o-transition: height 0.2s;
        transition: height 0.2s;
    }

    textarea.col-md-12 {
        resize: vertical;
    }

input,
textarea {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* * * * * * * * * * * *
 * Selects
 * * * * * * * * * * * */
.multiple {
    /*padding: 8px 10px;
    height: 150px !important;*/
    font-size: 12px;
    /*border: 1px solid #DADADA;*/
}
/* * * * * * * * * * * *
 * File Input
 * * * * * * * * * * * */
input[type="file"] {
    height: auto;
    line-height: normal;
    margin-top: 5px;
}
/* * * * * * * * * * * *
 * Checkboxes and Radios
 * * * * * * * * * * * */
.checkbox,
.radio {
    font-weight: normal;
}

.next-row {
    display: block;
    margin-top: 10px;
}
/* * * * * * * * * * * *
 * Disabled States
 * * * * * * * * * * * */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #f9f9f9;
    color: #adadad;
}

.help-block,
.help-inline {
    color: #adadad;
}
/* * * * * * * * * * * *
 * Icons
 * * * * * * * * * * * */
.control-label > i {
    margin-right: 6px;
}

.controls {
    position: relative;
}

.field-icon {
    position: absolute;
    top: 9px;
    right: 25px;
    display: block;
    font-size: 14px;
    line-height: 1;
}

.input-icon > input {
    padding-left: 30px !important;
}

.input-icon > i {
    color: #d1d1d1;
    display: block !important;
    position: absolute !important;
    z-index: 1;
    margin: 8px 2px 4px 10px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
}
/* * * * * * * * * * * *
 * Prepends / Appends
 * * * * * * * * * * * */
/* [DEPRECATED SINCE BS3]

.input-prepend .add-on:first-child, .input-prepend .btn:first-child, .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle, .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child, .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child, .input-prepend.input-append input+.btn-group .btn, .input-prepend.input-append select+.btn-group .btn, .input-prepend.input-append .uneditable-input+.btn-group .btn, .input-append input, .input-append select, .input-append .uneditable-input {
	.border-radius(0);
	font-size: @baseFontSize;
}

.input-append .add-on, .input-prepend .add-on {
	padding: 6px 6px;
	background-color: @grayLighter;
}*/
.input-group-addon {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 13px;
    padding: 6px 6px;
    background-color: #f9f9f9;
}

.input-group > .input-group-btn .btn {
    margin-right: -1px;
    margin-left: -1px;
}
/* * * * * * * * * * * *
 * Validation
 * * * * * * * * * * * */
label > span.required {
    color: #37C12F;
}

.form-group .help-block:not(.error) {
    display: block !important;
}

.form-group select.select2-offscreen + .help-block {
    padding-top: 10px;
    clear: both;
}

.form-group.error .help-block,
.form-group.warning .help-block,
.form-group.success .help-block,
.form-group.info .help-block {
    display: inline-block;
}

.form-group .select-time {
    padding-top: 4px;
}

table.dataTable {
    font-size: 14px !important;
}

.select-time .btn-group {
    width: 100%;
}

.btn-group > .btn.multiselect {
    width: 100%;
    text-align: left;
}

.select-time .open > .dropdown-menu {
    width: 100%;
}
/* * * * * * * * * * * *
 * Horizontal Forms
 * * * * * * * * * * * */
.form-horizontal .form-group {
    padding-left: 0;
    padding-right: 0;
}

.form-horizontal .control-label {
    padding-bottom: 4px;
    /* width:100%; */
    text-align: left;
    font-weight: normal;
    color: #707070;
    font-size: 16px !important;
}
/* * * * * * * * * * * *
 * Vertical Forms
 * * * * * * * * * * * */
.form-vertical {
    margin-left: -10px;
    margin-right: -10px;
}

    .form-vertical.no-margin {
        margin-left: 0;
        margin-right: 0;
    }

    .form-vertical .help-block {
        margin-bottom: 0;
    }

    .form-vertical .select2-container.error {
        margin-bottom: 10px;
    }

    .form-vertical .form-group {
        padding-left: 15px;
        padding-right: 15px;
    }

        .form-vertical .form-group:first-child {
            padding-top: 5px;
        }

        .form-vertical .form-group:last-child {
            padding-bottom: 0;
        }

        .form-vertical .form-group .control-label {
            padding-bottom: 5px;
        }
/* * * * * * * * * * * *
 * Control Groups
 * * * * * * * * * * * */
/*.form-group {
	margin: 0;
	padding: 10px 15px;

	&:first-child {
		padding-top: 5px;
	}
}*/
/*.box {
	.form-group {
		margin-left: -10px;
		margin-right: -10px;
	}
}*/
.row-border .form-group {
    /* border-top: 1px solid #ececec; */
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

    .row-border .form-group:first-child {
        padding-top: 5px;
        border-top: none;
    }
/* * * * * * * * * * * *
 * Form Actions
 * * * * * * * * * * * */
.form-actions {
    padding: 15px 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #fff;
    *zoom: 1;
}

    .form-actions .btn.pull-right {
        margin-left: 3px;
        border-radius: .25rem;
    }

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

    .form-actions:after {
        clear: both;
    }

.box .form-actions {
    /* margin-bottom: -20px; */
    /* margin-left: -25px; */
    /* margin-right: -25px; */
}
/* * * * * * * * * * * *
 * Uniform
 * * * * * * * * * * * */
.radio > div.radio,
.radio-inline > div.radio,
.checkbox > div.checker,
.checkbox-inline > div.checker {
    margin-left: -20px;
    padding-top: 0;
}

    .radio > div.radio input[type="radio"],
    .checkbox > div.checker input[type="checkbox"] {
        margin-left: 0px;
    }
/* # Tables
================================================== */
.table {
    margin-bottom: 5px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: rgba(24,28,33,0.025);
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: #f5f5f5;
}

.table-bordered,
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child,
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child,
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child,
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #E1EBFC;
}

table.dataTable thead th, table.dataTable thead td {
    /* border-color:#eee !important; */
}

.table-highlight-head thead {
    background-color: #f5f5f5;
}

.table-no-inner-border tr th,
.table-no-inner-border tr td {
    border-left-width: 0px;
}

    .table-no-inner-border tr th:first-child,
    .table-no-inner-border tr td:first-child {
        border-left-width: 1px !important;
    }

.widget-content.no-padding table {
    margin-bottom: 0 !important;
}

.widget-content.no-padding .table-bordered {
    border: 0;
}

    .widget-content.no-padding .table-bordered th:first-child,
    .widget-content.no-padding .table-bordered td:first-child {
        border-left: 0;
    }

    .widget-content.no-padding .table-bordered th:last-child,
    .widget-content.no-padding .table-bordered td:last-child {
        border-right: 0;
    }

    .widget-content.no-padding .table-bordered tr:last-child td {
        border-bottom: 0;
    }

.table .align-center {
    text-align: center;
}
/* * * * * * * * * * * *
 * Table Footer
 * * * * * * * * * * * */
.table-footer {
    padding: 12px;
}

    .table-footer .table-actions label {
        margin-right: 10px;
        display: inline-block;
    }

    .table-footer .table-actions select {
        width: 180px;
        height: 30px;
        margin-top: -1px;
        margin-bottom: 0;
    }

    .table-footer .pagination {
        float: right;
        margin: 0;
    }

    .table-footer:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

.widget-content.no-padding .table-footer {
    border-top: 1px solid #dddddd;
    background-color: #f9f9f9;
    padding-left: 0;
    padding-right: 0;
}

.widget:not(.box) .widget-content .table-footer {
    border: 1px solid #dddddd;
    border-top: none;
    margin-top: -5px;
}

.widget.box .widget-content:not(.no-padding) .table-footer {
    border: none;
    background-color: none;
    padding: 8px 0;
    padding-bottom: 3px;
}
/* * * * * * * * * * * *
 * Pagination
 * * * * * * * * * * * */
.pagination {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        background-color: #4d7496;
        border-color: #3c5a74;
    }
/* * * * * * * * * * * *
 * Checkable Table
 * * * * * * * * * * * */
.table-checkable .checkbox-column {
    text-align: center;
    width: 24px;
}

    .table-checkable .checkbox-column div.checker {
        margin-right: 0;
    }

.table-checkable.table-no-inner-border .checkbox-column {
    border-right: 1px solid #dddddd;
}

.table-checkable tbody tr.checked td {
    background-color: rgba(147, 175, 236, 0.13);
}
/* * * * * * * * * * * *
 * Table Controls
 * * * * * * * * * * * */
.table-controls {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .table-controls > li {
        display: inline-block;
        margin: 0 2px;
        line-height: 1;
    }

        .table-controls > li > a {
            display: inline-block;
        }

            .table-controls > li > a i {
                margin: 0;
                font-size: 13px;
                color: #555555;
                display: block;
            }

                .table-controls > li > a i:hover {
                    text-decoration: none;
                }
/* * * * * * * * * * * *
 * Progressbars in Tables
 * * * * * * * * * * * */
.table .progress {
    margin-bottom: 0;
}
/* * * * * * * * * * * *
 * Others
 * * * * * * * * * * * */
.table-vertical-align tr,
.table-vertical-align th,
.table-vertical-align td {
    vertical-align: middle !important;
}
/* # Charts
================================================== */
.chart {
    height: 250px;
    z-index: 90;
    width: 100%;
    overflow: hidden;
    /* Sizes */
}

    .chart.chart-small {
        height: 100px;
    }

    .chart.chart-medium {
        height: 200px;
    }

    .chart.chart-normal {
        height: 250px;
    }

    .chart.chart-large {
        height: 400px;
    }
/* * * * * * * * * * * *
 * Tooltip
 * * * * * * * * * * * */
#flotTip {
    padding: 3px 6px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 200;
    font-size: 13px;
}
/* * * * * * * * * * * *
 * Flot Legend
 * * * * * * * * * * * */
.legend .legendColorBox > div {
    border: 0 !important;
    padding: 0 !important;
}

.legend .legendLabel {
    padding-left: 3px;
}
/* * * * * * * * * * * *
 * Chart Widgets
 * * * * * * * * * * * */
.widget.widget-closed .widget-chart {
    display: none;
}

.widget-chart {
    display: block;
    background-color: #658db3;
    border: 1px solid #4c7399;
    padding: 12px;
    /* Colors */
}

    .widget-chart .tickLabel {
        color: #fff !important;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
    }

    .widget-chart .legend .legendLabel {
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    }

    .widget-chart.widget-chart-blue {
        background-color: #54728c;
        border: 1px solid #41586c;
    }

    .widget-chart.widget-chart-blueLight {
        background-color: #658db3;
        border: 1px solid #4c7399;
    }

    .widget-chart.widget-chart-green {
        background-color: #94b86e;
        border: 1px solid #7ba350;
    }

    .widget-chart.widget-chart-red {
        background-color: #e25856;
        border: 1px solid #db2d2a;
    }

    .widget-chart.widget-chart-yellow {
        background-color: #ffb848;
        border: 1px solid #ffa415;
    }

    .widget-chart.widget-chart-orange {
        background-color: #f89406;
        border: 1px solid #c67605;
    }

    .widget-chart.widget-chart-purple {
        background-color: #7a43b6;
        border: 1px solid #613591;
    }

    .widget-chart.widget-chart-gray {
        background-color: #555555;
        border: 1px solid #3b3b3b;
    }
/* * * * * * * * * * * *
 * Easy Pie Chart
 * * * * * * * * * * * */
.easyPieChart {
    position: relative;
    text-align: center;
    font-weight: bold;
}

    .easyPieChart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }
/* # Statistics
================================================== */
/* * * * * * * * * * * *
 * Stats List
 * * * * * * * * * * * */
ul.stats {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    ul.stats:not(.no-dividers) li {
        border-right: 1px solid #d9d9d9;
    }

    ul.stats li {
        display: table-cell;
        padding: 15px;
    }

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

        ul.stats li strong,
        ul.stats li small {
            padding: 5px 0;
            display: block;
            text-align: center;
        }

        ul.stats li strong {
            font-size: 25px;
            font-weight: bold;
        }

        ul.stats li small {
            font-size: 11px;
            color: #adadad;
        }

        ul.stats li > div {
            margin: 5px auto;
        }

        ul.stats li .title {
            display: block;
            text-align: center;
            font-size: 15px;
            padding-top: 5px;
            color: #555555;
        }

            ul.stats li .title:hover {
                text-decoration: none;
                color: #222222;
            }

        ul.stats li .description {
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
            text-transform: uppercase;
            font-weight: bold;
            margin-left: 5px;
        }

        ul.stats li.light strong {
            color: #888888;
        }

.circular-chart-inline {
    text-align: center;
}

    .circular-chart-inline .easyPieChart {
        display: inline-block;
    }

.widget:not(.box) ul.stats {
    margin-top: 10px;
}
/* * * * * * * * * * * *
 * Progressbar Stats
 * * * * * * * * * * * */
.progress-stats {
    display: block;
    margin-bottom: 15px;
}

    .progress-stats .title {
        display: block;
        margin-bottom: 4px;
    }

        .progress-stats .title span {
            float: right;
        }

    .progress-stats .progress {
        margin: 0;
    }

    .progress-stats:last-child {
        margin-bottom: 0;
    }
/* * * * * * * * * * * *
 * Sparkline
 * * * * * * * * * * * */
.jqstooltip {
    border: 1px solid #000 !important;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/* * * * * * * * * * * *
 * Statbox
 * * * * * * * * * * * */
.statbox .widget-content:before,
.statbox .widget-content:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both;
}

.statbox .visual {
    height: auto;
    /* width:31px; */
    width: auto;
    padding: 0;
    text-align: center;
    margin-right: 10px;
    float: right;
    overflow: hidden;
    color: #00bdff;
    font-size: 30px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

/*  .statbox .visual.blue {
        background-color: #54728c;
    }

    .statbox .visual.red {
        background-color: #e25856;
    }

    .statbox .visual.green {
        background-color: #94b86e;
    }

    .statbox .visual.cyan {
        background-color: #6dadbd;
    }

    .statbox .visual.purple {
        background-color: #7a43b6;
    }

    .statbox .visual.yellow {
        background-color: #ffb848;
    } */

.statbox .title {
    color: #43425D;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 0px;
    /* margin-bottom:25px; */
}

.statbox .value {
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
}

.statbox .title,
.statbox .value {
    text-align: left;
    padding-right: 3px;
}

    .statbox .title + .value {
        margin-top: -3px;
        color: rgb(8,162, 136);
    }
/* # Tabs
================================================== */
.nav-tabs > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.box-tabs .nav-tabs {
    border-bottom: none;
    position: relative;
    top: -41px;
    margin-right: 0;
    overflow: hidden;
}

    .box-tabs .nav-tabs > li {
        margin-left: 1px;
        float: right;
    }

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

        .box-tabs .nav-tabs > li > a {
            padding-top: 8px;
            padding-bottom: 10px;
            line-height: 12px;
            margin-top: 0px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

            .box-tabs .nav-tabs > li > a:hover,
            .box-tabs .nav-tabs > li > a:focus {
                background-color: rgba(255, 255, 255, 0.7);
            }

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

.box-tabs .tab-content {
    margin-top: -30px;
}

.tabbable-custom {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 15px;
}

    .tabbable-custom > .nav-tabs {
        border: none;
        margin: 0px;
        top: 0;
    }

        .tabbable-custom > .nav-tabs > li {
            margin-right: 2px;
            border-top: 2px solid transparent;
            float: left;
        }

            .tabbable-custom > .nav-tabs > li.active {
                border-top: 3px solid #4d7496;
                margin-top: 0;
                position: relative;
            }

                .tabbable-custom > .nav-tabs > li.active > a {
                    border-top: none;
                    font-weight: 400;
                }

                    .tabbable-custom > .nav-tabs > li.active > a:hover,
                    .tabbable-custom > .nav-tabs > li.active > a:active {
                        background-color: #fff;
                    }

            .tabbable-custom > .nav-tabs > li > a {
                margin-right: 0;
                padding: 5px 10px;
                line-height: 1.428571429;
            }

                .tabbable-custom > .nav-tabs > li > a:hover,
                .tabbable-custom > .nav-tabs > li > a:active {
                    background-color: #f9f9f9;
                }

    .tabbable-custom > .tab-content {
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 10px;
        overflow: auto;
        margin-top: 0;
    }

    .tabbable-custom.tabbable-full-width .nav-tabs > li > a {
        font-size: 15px;
        padding: 8px 20px;
        color: #555555;
    }

    .tabbable-custom.tabbable-full-width > .tab-content {
        border-left: none;
        border-right: none;
        border-bottom: none;
        padding: 20px 0;
    }
/* * * * * * * * * * * *
 * Tabs Below
 * * * * * * * * * * * */
.tabs-below.tabbable-custom > .nav-tabs li {
    border-top: none;
    border-bottom: 2px solid transparent;
    margin-top: -1px;
}

    .tabs-below.tabbable-custom > .nav-tabs li.active {
        border-top: none;
        border-bottom: 3px solid #4d7496;
        margin-bottom: 0;
        position: relative;
    }

        .tabs-below.tabbable-custom > .nav-tabs li.active a,
        .tabs-below.tabbable-custom > .nav-tabs li.active a:hover,
        .tabs-below.tabbable-custom > .nav-tabs li.active a:focus {
            border-bottom: none;
        }

    .tabs-below.tabbable-custom > .nav-tabs li a:hover,
    .tabs-below.tabbable-custom > .nav-tabs li a:focus {
        border-bottom: 1px solid #eee;
    }
/* * * * * * * * * * * *
 * Tabs Left
 * * * * * * * * * * * */
.tabs-left.tabbable-custom > .nav-tabs {
    float: left;
}

    .tabs-left.tabbable-custom > .nav-tabs li {
        border-left: 3px solid transparent;
        margin-right: 0;
        margin-top: 0;
    }

        .tabs-left.tabbable-custom > .nav-tabs li.active {
            border-top: none;
            border-left: 3px solid #4d7496;
            margin-top: 0;
            margin-right: -1px;
            position: relative;
        }

            .tabs-left.tabbable-custom > .nav-tabs li.active a {
                border-top: 1px solid #ddd;
                border-left: 1px solid transparent;
            }

        .tabs-left.tabbable-custom > .nav-tabs li a:hover,
        .tabs-left.tabbable-custom > .nav-tabs li a:focus {
            border-bottom: 1px solid #eee;
            border-right: none;
        }
/* * * * * * * * * * * *
 * Tabs Right
 * * * * * * * * * * * */
.tabs-right.tabbable-custom > .nav-tabs {
    float: right;
}

    .tabs-right.tabbable-custom > .nav-tabs li {
        border-right: 3px solid transparent;
        margin-right: 0;
        margin-top: 0;
    }

        .tabs-right.tabbable-custom > .nav-tabs li.active {
            border-top: none;
            border-right: 3px solid #4d7496;
            margin-top: 0;
            margin-right: -1px;
            position: relative;
        }

            .tabs-right.tabbable-custom > .nav-tabs li.active a {
                border-top: 1px solid #ddd;
                border-right: 1px solid transparent;
            }

        .tabs-right.tabbable-custom > .nav-tabs li a {
            margin-left: -1px;
        }

            .tabs-right.tabbable-custom > .nav-tabs li a:hover,
            .tabs-right.tabbable-custom > .nav-tabs li a:focus {
                border-bottom: 1px solid #eee;
            }
/* * * * * * * * * * * *
 * Tabs Left & Right
 * * * * * * * * * * * */
.tabs-right.tabbable-custom .nav-tabs > li a,
.tabs-left.tabbable-custom .nav-tabs > li a {
    padding: 8px 10px;
}

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

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
}
/* # Modals
================================================== */
.modal-content {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom-color: rgba(0, 0, 0, 0.4);
}

.modal-header {
    background-color: #f9f9f9;
}

    .modal-header .close {
        margin-top: 5px;
        font-size: 15px !important;
    }

.modal-title {
    font-weight: 600;
    font-size: 15px;
    color: #555555;
}

.modal-footer {
    background-color: #f9f9f9;
}
/* # Invoice
================================================== */
.invoice .invoice-nr {
    font-size: 15px;
}

.invoice .invoice-date {
    color: #888888;
    margin-top: -5px;
}

.invoice .amount {
    font-size: 15px;
}

    .invoice .amount .total {
        padding-top: 7px;
        margin-top: 7px;
        font-size: 18px;
    }

@media print {
    .crumbs,
    .page-header,
    #sidebar,
    .invoice .buttons {
        display: none;
    }
}
/* # Themes
================================================== */
.theme-dark {
    /* General */
    /* Sidebar */
}

    .theme-dark #content {
        background-color: #f5f5f5;
    }

    .theme-dark #sidebar {
        background-color: #1f2831;
        color: #838790;
        /* General */
        /* Search Box */
        /* Search Results */
        /* Navigation */
        /* Sidebar Titles */
        /* Notifications */
    }

        .theme-dark #sidebar .close {
            color: #cdd0d8;
        }

        .theme-dark #sidebar .sidebar-search .input-box {
            border-bottom-color: #151b22 !important;
        }

        .theme-dark #sidebar .sidebar-search input,
        .theme-dark #sidebar .sidebar-search .submit {
            background-color: #293541 !important;
            color: #cdd0d8;
        }

        .theme-dark #sidebar .sidebar-search-results {
            background-color: #1f2831;
            border-color: #151b22;
        }

        .theme-dark #sidebar ul#nav li {
            border-bottom-color: #151b22;
        }

            .theme-dark #sidebar ul#nav li.current,
            .theme-dark #sidebar ul#nav li.open {
                background: #141a21;
            }

                .theme-dark #sidebar ul#nav li.current a,
                .theme-dark #sidebar ul#nav li.open a,
                .theme-dark #sidebar ul#nav li.open a i,
                .theme-dark #sidebar ul#nav li.current a i {
                    color: #37C12F;
                }

                .theme-dark #sidebar ul#nav li.current ul.sub-menu li a,
                .theme-dark #sidebar ul#nav li.open ul.sub-menu li a {
                    color: #fff;
                }

                    .theme-dark #sidebar ul#nav li.open ul.sub-menu li a i,
                    .theme-dark #sidebar ul#nav li.current ul.sub-menu li a i {
                        color: rgb(151, 164, 193);
                    }

                .theme-dark #sidebar ul#nav li.current ul.sub-menu li:hover a,
                .theme-dark #sidebar ul#nav li.open ul.sub-menu li:hover a,
                .theme-dark #sidebar ul#nav li.current ul.sub-menu li:hover a i,
                .theme-dark #sidebar ul#nav li.open ul.sub-menu li:hover a i {
                    color: #37C12F;
                }

                .theme-dark #sidebar ul#nav li.current ul.sub-menu li.current li a,
                .theme-dark #sidebar ul#nav li.open ul.sub-menu li.open li a {
                    color: #fff;
                }

                    .theme-dark #sidebar ul#nav li.current ul.sub-menu li.current li a i,
                    .theme-dark #sidebar ul#nav li.open ul.sub-menu li.open li a i {
                        color: #97a4c1;
                    }

                .theme-dark #sidebar ul#nav li.current ul.sub-menu li.current li:hover a,
                .theme-dark #sidebar ul#nav li.current ul.sub-menu li.current li:hover a i {
                    color: #37C12F;
                }

                .theme-dark #sidebar ul#nav li.open ul.sub-menu li.open li:hover a,
                .theme-dark #sidebar ul#nav li.open ul.sub-menu li.open li:hover a i {
                    color: #37C12F;
                }

            .theme-dark #sidebar ul#nav li a {
                color: #fff;
                text-shadow: none;
            }

                .theme-dark #sidebar ul#nav li a:hover {
                    background: #141a21;
                    color: #37C12F;
                }

                    .theme-dark #sidebar ul#nav li a:hover i,
                    .theme-dark #sidebar ul#nav li a:hover svg path {
                        fill: #37C12F;
                        color: #37C12F;
                    }

                .theme-dark #sidebar ul#nav li a i {
                    /* color: #fff; */
                }

        .theme-dark #sidebar ul#nav ul.sub-menu {
            background: #1f2831;
            border-bottom-color: #151b22;
        }

            .theme-dark #sidebar ul#nav ul.sub-menu li.current {
                background: #141a21;
                color: #37C12F;
            }

                .theme-dark #sidebar ul#nav ul.sub-menu li.current a {
                    color: #37C12F;
                }

            .theme-dark #sidebar ul#nav ul.sub-menu li.open {
                background: #1f2831;
            }

            .theme-dark #sidebar ul#nav ul.sub-menu li a:hover {
                background: #141a21;
            }

            .theme-dark #sidebar ul#nav ul.sub-menu ul.sub-menu li {
                border-left-color: #151b22;
                background: #1f2831;
            }

                .theme-dark #sidebar ul#nav ul.sub-menu ul.sub-menu li a {
                    color: #555555;
                }

                    .theme-dark #sidebar ul#nav ul.sub-menu ul.sub-menu li a:hover {
                        background: #141a21;
                        color: #555555;
                    }


            .theme-dark #sidebar ul#nav ul.sub-menu li.current ul.sub-menu li.current > a {
                background: #141a21;
                color: #37C12F;
            }

                .theme-dark #sidebar ul#nav ul.sub-menu li.current ul.sub-menu li.current > a i {
                    color: #37C12F;
                }

        .theme-dark #sidebar .sidebar-title {
            background-color: #1f2831;
            border-color: #151b22;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            color: #cdd0d8;
        }

        .theme-dark #sidebar .notifications li {
            border-bottom-color: #151b22;
        }

            .theme-dark #sidebar .notifications li a {
                color: #cdd0d8;
            }

                .theme-dark #sidebar .notifications li a:hover {
                    color: #eaebee;
                }

select {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #babbbc 50%), linear-gradient(135deg, #babbbc 50%, transparent 50%), linear-gradient(to right, white, white);
    background-position: calc(100% - 20px) calc(0.75em + 5px), calc(100% - 15px) calc(0.75em + 5px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

.getKeyBtn {
    margin-right: 5px;
    background: #37C12F;
    border-color: #37C12F;
    top: 2px;
}

    .getKeyBtn:hover {
        background: #37C12F;
        border-color: #37C12F;
    }

.activeKey, .activeKey:hover {
    background: #00BDFF;
    border-color: #00BDFF;
    top: 2px;
}

.dataTables_wrapper select {
    /* background-image: none; */
    width: 65px;
    padding: 3px 5px;
    background-position: calc(100% - 10px) calc(1em + -4px), calc(100% - 5px) calc(1em + -4px), 100% 0;
}

.addingbtn {
    margin-left: auto;
    display: block;
    padding: 12px 0;
}

.addButtons {
    background: #37C12F;
    color: #fff;
    padding: 12px 24px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.5;
    border-radius: 4px;
    top: 0px;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}

    .addButtons .plushicon {
        height: 22px;
        width: 22px;
        border-radius: 50%;
        border: 1px solid #fff;
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin-right: 10px;
    }

        .addButtons .plushicon img {
            margin-left: 0px;
            height: 13px;
            width: 10px;
        }

    .addButtons:hover {
        background: #37C12F;
        color: #fff;
    }

    .addButtons a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 500;
    }

        .addButtons a:hover {
            color: #fff;
            text-decoration: none;
        }

.addingbtn .filterButton {
    background: #fff;
    color: #bcbccb;
    padding: 12px 24px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.5;
    border-radius: 4px;
    top: 0px;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #DFE6F5;
    transition: all 0.2s ease-in-out;
    margin-right: 12px;
}

    .addingbtn .filterButton .filtericon {
        float: left;
        height: 22px;
        display: block;
        float: left;
        margin-right: 10px;
    }

    .addingbtn .filterButton a {
        color: #bcbccb;
        text-decoration: none;
    }

.widget.box .widget-content.companyFomrs {
    padding: 10px 20px;
    border-radius: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.table thead > tr > th {
    padding: 15px 10px;
}

.table tbody > tr > td {
    padding: 10px 10px;
}

table a {
    margin-right: 5px;
}

    table a svg {
        height: 16px;
        width: 16px;
    }

.widget.widget-closed.box .widget-header.firstHeader {
    border-bottom: none;
}

.todaysDate {
    font-weight: 400;
    font-size: 13px;
    color: #a3a4a6;
    display: block;
    margin-bottom: 5px;
}

.pageHeading {
    display: flex;
    width: 100%;
}

    .pageHeading > .signoutBtn {
        margin-left: auto;
        margin-top: 5px;
    }

        .pageHeading > .signoutBtn button {
            border-color: rgba(24,28,33,0.1);
            background: rgba(0,0,0,0);
            color: #4E5155;
            cursor: pointer;
            text-align: center;
            vertical-align: middle;
            padding: 10px 20px;
            font-size: 16px;
            line-height: 1.5;
            border-radius: 4px;
            display: inline-block;
            font-weight: 400;
            transition: all 0.2s ease-in-out;
        }

            .pageHeading > .signoutBtn button:hover {
                border-color: rgba(24,28,33,0.1);
                background: rgba(24,28,33,0.06);
                color: #4E5155;
            }

            .pageHeading > .signoutBtn button i {
                margin-right: 4px;
                font-size: 17px;
            }

.wizardList {
    width: 100%;
    margin-top: 16px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    float: left;
}

    .wizardList > ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .wizardList > ul li {
            display: inline-block;
            width: 235px;
            height: 56px;
        }

            .wizardList > ul li a {
                margin-right: 2px;
                color: #4E5155;
                cursor: pointer;
                opacity: 1;
                display: flex;
                padding: 0;
                justify-content: left;
                min-height: 40px;
                text-decoration: none;
                font-weight: 500;
            }

.wizardList-icon {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid rgba(24,28,33,0.06);
    text-align: center;
    font-size: 18px;
    padding: 8px 0;
    margin-right: 15px;
}

.wizardTitle {
    font-size: 14px;
}

    .wizardTitle .small {
        font-weight: normal;
        color: #a3a4a6 !important;
        font-size: 12px;
    }

.activeWizard .wizardList-icon {
    color: rgb(8,162, 136);
    border-color: rgb(8,162, 136);
}

.reportContent {
    padding: 20px;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
}

.MSRS-RVC .ToolbarZoom.WidgetSet select {
    background-position: calc(100% - 20px) calc(1em + -5px), calc(100% - 15px) calc(1em + -5px), 100% 0;
}

.btnDeleteLogo {
    position: absolute;
    top: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

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

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #ddd;
            border-radius: 100%;
            background: #fff;
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #37C12F;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:checked + label:before {
            border-color: #37C12F;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

[type="checkbox"] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

    [type="checkbox"] + label {
        position: relative;
        cursor: pointer;
    }

        [type="checkbox"] + label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 2px solid #dddddd;
            border-radius: 4px;
            height: 22px;
            width: 22px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

.radio, .checkbox {
    margin: 0;
    padding: 0;
}

[type="checkbox"]:checked + label:before {
    background-color: #37C12F;
    border-color: #37C12F;
}

[type="checkbox"] + label:after {
    content: "\f00c";
    font-family: 'FontAwesome';
    display: block;
    font-size: 14px;
    position: absolute;
    top: -2px;
    left: 4px;
    color: #ffffff;
    transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

[type="checkbox"]:checked + label:after {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.navbar {
    background: rgb(8,162, 136);
}

    .navbar .nav > li > a {
        color: #fff;
    }

.theme-bright #content {
    background-color: #F5F7F9;
}

.theme-bright #container > #content > .container {
    background-color: #F5F7F9;
}

.theme-bright .widget.box .widget-header {
    background-color: #fff;
    border: none;
}

.theme-bright .widget.box .widget-content {
    border: none;
}

.navbar {
    background: #fff;
}

    .navbar .nav > li > a {
        color: rgb(67, 66, 93);
    }

    .navbar .nav > li:active,
    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle,
    .navbar .toggle-sidebar:active {
        /* color: #fff;  */
        /* background: rgb(8,162, 136);  */
    }

    .navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
        color: rgb(67, 66, 93);
    }

    .navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
        background: transparent;
    }

.sidebarBrand {
    position: relative;
    z-index: 1;
}

.sidebarBrand {
    background: #fff;
}

#sidebar ul#nav li a {
    text-shadow: none;
}

.theme-dark #sidebar ul#nav li.current ul.sub-menu li a,
.theme-dark #sidebar ul#nav li.current ul.sub-menu li a li a {
    color: #fff;
}

.theme-dark #sidebar ul#nav li.current ul.sub-menu li.open li a,
.theme-dark #sidebar ul#nav li.current ul.sub-menu li.open li a i {
    color: #fff;
}

.theme-dark #sidebar ul#nav li.current ul.sub-menu li.open li:hover a,
.theme-dark #sidebar ul#nav li.current ul.sub-menu li.open li:hover a i {
    color: #fff;
}

.sidebarBrand a {
    color: rgb(53, 193, 47);
}

.sidebarBrand .toggle-sidebar {
    color: #B7B9BF;
}

.theme-dark .sidebarBrand .toggle-sidebar {
    color: #97a4c1
}

.theme-dark .openSidbarIcon a i {
    color: #97a4c1
}

.theme-dark #sidebar ul#nav ul.sub-menu a:hover i {
    background: transparent;
}

.theme-dark .navbar .nav > li > a {
    color: #97a4c1;
}

    .theme-dark .navbar .nav > li > a svg path {
        fill: #97a4c1;
    }

.theme-dark .navbar {
    background: #1f2831;
}

.theme-dark .sidebarBrand {
    background: #1f2831;
}

.theme-dark .navbar .nav > li > a:hover, .theme-dark .navbar .nav > li > a:focus {
    background: transparent;
    color: #fff;
}

.theme-dark .navbar .nav li.dropdown.open > .dropdown-toggle {
    background: transparent;
    color: #fff;
}

.theme-dark .navbar .nav > li:active {
    background: transparent;
    color: #fff;
}

.theme-dark #sidebar ul#nav ul.sub-menu ul.sub-menu > li.current {
    background: #383c44;
}

#theme-switcher {
    border: 1px solid #F1F1F1;
    border-radius: 30px;
    padding: 5px;
}

.switcherShadow {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.08);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.08);
    border-radius: 30px;
}

#theme-switcher .btn {
    padding: 10px 23px;
    float: left;
}

    #theme-switcher .btn img {
        float: left;
        margin-right: 8px;
    }

    #theme-switcher .btn:nth-child(1) {
        border: none;
        box-shadow: none;
        border: 1px solid #00BDFF;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        background: #00BDFF;
        color: #fff;
    }

        #theme-switcher .btn:nth-child(1) img {
            filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(225deg) brightness(100%) contrast(99%);
        }

    #theme-switcher .btn:nth-child(2) {
        border: none;
        box-shadow: none;
        border: 1px solid #fff;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        background: #fff;
        color: #43425D;
    }

        #theme-switcher .btn:nth-child(2) img {
            filter: invert(27%) sepia(21%) saturate(710%) hue-rotate(204deg) brightness(87%) contrast(91%);
        }

#sidebar #sidebar-content .sidebar-widget {
    margin: 0;
    padding: 0;
    /*position:absolute; 
	left:0;
	right:0;
	bottom:-12px;*/
    padding-bottom: 17px;
}

#theme-dark #sidebar #sidebar-content .sidebar-widget {
    background: #1f2831;
}

#theme-switcher .btn i {
    float: left;
    margin-top: 3px;
}

.shiftSelect select.form-control {
    margin-bottom: 5px;
}

.theme-dark #sidebar #sidebar-content {
    background: #1f2831;
}

.userProfile {
    width: 100%;
    float: left;
    padding-top: 10px;
}

    .userProfile .userPhoto {
        height: 100px;
        width: 100px;
        border-radius: 50%;
        float: left;
    }

        .userProfile .userPhoto img {
            height: 100%;
            width: 100%;
            border-radius: 50%;
        }

    .userProfile .userInfo {
        margin-left: 20px;
        float: left;
    }

        .userProfile .userInfo .userTitle {
            font-weight: bold;
        }

            .userProfile .userInfo .userTitle span {
                font-weight: normal;
            }

        .userProfile .userInfo .text-muted {
            color: #a3a4a6;
        }

        .userProfile .userInfo .userdetail {
            margin-bottom: 5px;
            font-size: 14px;
        }

        .userProfile .userInfo .userbtns .btn {
            padding: 3px 15px;
            width: auto;
            text-transform: uppercase;
        }

        .userProfile .userInfo .userbtns .clockout {
            border-color: rgba(24,28,33,0.1);
            background: rgba(0,0,0,0);
            box-shadow: none;
            color: #a3a4a6;
        }

        .userProfile .userInfo .userbtns .userSetting {
            padding: 3px 5px;
            border-color: rgba(24,28,33,0.1);
            background: rgba(0,0,0,0);
            color: #4E5155;
        }

.userSetting + .tooltip > .tooltip-inner {
    background-color: #37C12F;
    border-radius: 4px;
}

.navbar .nav > li.sortCutIcon > a {
    padding: 6px 15px;
}

    .navbar .nav > li.sortCutIcon > a img {
        width: 18px;
    }

.nav li.sortCutIcon:nth-child(3) {
    border-right: 1px solid #EBEBF2;
    padding-right: 18px;
}

.theme-dark .nav li.sortCutIcon:nth-child(3) {
    border-right: 1px solid #494c55;
}

.sortCutIcon i {
    color: rgb(188, 188, 203);
    font-size: 16px;
}

.navbar .navbar-nav {
    padding: 10px 0;
}

    .navbar .navbar-nav .dropdown {
        top: -10px;
        padding-left: 8px;
    }

.notifiIcon .msggreen {
    display: block;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: rgb(55,193,47);
    position: absolute;
    top: 10px;
    right: 18px;
}

#sidebar ul#nav li a svg {
    margin-right: 10px;
    float: left;
    width: 20px;
    margin-top: 2px;
}

#sidebar ul#nav > li.current a {
    padding-left: 15px;
    border-left: 5px solid #37C12F;
}

    #sidebar ul#nav > li.current a img {
        filter: invert(60%) sepia(24%) saturate(5263%) hue-rotate(77deg) brightness(106%) contrast(74%);
    }

    #sidebar ul#nav > li.current a i {
        color: #37C12F;
    }

#sidebar ul#nav > li.current .sub-menu li a {
    border-left: none;
    padding-left: 30px;
}

#sidebar ul#nav > li.current .sub-menu li.current > a {
    background-color: rgba(55,193,47, 0.1);
}

#sidebar ul#nav > li.current .sub-menu li a img {
    filter: invert(62%) sepia(21%) saturate(339%) hue-rotate(183deg) brightness(101%) contrast(89%);
}

#sidebar ul#nav > li.current .sub-menu li a i {
    color: #97a4c1;
}

footer {
    width: 100%;
    background-color: #fff;
    padding-left: 250px;
    float: left;
}

#sidebar ul#nav > li.current ul.sub-menu li a svg path,
#sidebar ul#nav > li.current ul.sub-menu li a i {
    fill: rgb(151, 164, 193);
    color: rgb(151, 164, 193);
}

#sidebar ul#nav > li.current .sub-menu li.current a i {
    color: #37C12F;
    fill: #37C12F;
}

#sidebar ul#nav > li.current .sub-menu li.current a img {
    filter: invert(60%) sepia(24%) saturate(5263%) hue-rotate(77deg) brightness(106%) contrast(74%);
}

#sidebar ul#nav > li.current ul.sub-menu li a:hover i {
    color: #37C12F;
}

#sidebar ul#nav > li.current .sub-menu li.current .sub-menu a i {
    fill: rgb(151, 164, 193);
    color: rgb(151, 164, 193);
}

#sidebar ul#nav > li.current .sub-menu li.current .sub-menu a:hover i {
    color: #37C12F;
}

#sidebar ul#nav > li.current .sub-menu li.current .sub-menu a img {
    filter: invert(62%) sepia(21%) saturate(339%) hue-rotate(183deg) brightness(101%) contrast(89%);
}

#sidebar ul#nav > li.current li.current a i,
#sidebar ul#nav > li.current li.current a svg path {
    color: #37C12F;
    fill: #37C12F;
}

footer .footContent {
    padding: 19px 45px;
    font-size: 14px;
    text-transform: uppercase;
    color: #43425D;
}

    footer .footContent a {
        color: #37C12F;
        text-decoration: none;
    }

.statbox .title + .value {
    float: left;
    position: absolute;
    bottom: 20px;
}

    .statbox .title + .value span {
        float: left;
        clear: both;
        font-size: 25px;
        color: #4D4F5C;
    }

.statbox .widget-content {
    min-height: 134px;
    max-height: 134px;
}

.statbox .title + .value .updownvalue {
    color: #37C12F;
    font-size: 12px;
    line-height: 12px;
}

.statbox .title + .value .downdata {
    color: #FF4141;
}

.visiblity {
    visibility: hidden;
}

.widget.box .widget-header .toolbar.no-padding {
    margin: 0;
}

    .widget.box .widget-header .toolbar.no-padding .selectValues {
        width: 138px;
    }

.selectValues select.form-control:focus {
    border-color: rgba(24,28,33,0.1);
}

.selectValues select.form-control {
    font-size: 12px;
    padding: 5px;
}

.endsCharts .widget {
    height: 100%;
    min-height: 462px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(24,28,33,0.012);
}

    .endsCharts .widget.box .widget-header {
        padding: 25px 20px;
        padding-bottom: 20px;
    }

    .endsCharts .widget.box .widget-content {
        box-shadow: none;
        padding-top: 0;
    }

.endsCharts ul {
    list-style: none;
    padding-left: 0;
}

.widget-content .pieChart {
    width: 100%;
    margin-top: -60px;
}

.endsCharts .widget-content img {
    margin: auto;
}

.pieChartInfo {
    margin-top: 45px;
    padding: 0 20px;
}

    .pieChartInfo ul li {
        position: relative;
        display: inline-block;
        margin-right: 20px;
        font-size: 15px;
        color: #43425D;
    }

        .pieChartInfo ul li:before {
            content: '';
            height: 10px;
            width: 10px;
            border-radius: 50%;
            position: absolute;
            background: #000;
            left: -15px;
            top: 6px;
        }

        .pieChartInfo ul li:nth-child(1):before {
            background: #A3A0FB;
        }

        .pieChartInfo ul li:nth-child(2):before {
            background: #FFDA83;
        }

        .pieChartInfo ul li:nth-child(3):before {
            background: #FF8373;
        }

        .pieChartInfo ul li:nth-child(4):before {
            background: #55D8FE;
        }

.timelines {
    padding: 5px;
}

    .timelines ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

.timlineimg {
    height: 47px;
    width: 47px;
    border: 1px solid #E9E9F0;
    border-radius: 50%;
    text-align: center;
    float: left;
    padding: 13px 0;
    background: #fff;
    margin-right: 12px;
}

.timelines ul li {
    position: relative;
    margin-bottom: 40px;
}

    .timelines ul li:last-child {
        margin-bottom: 0px;
    }

    .timelines ul li:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 100%;
        width: 1px;
        border-left: 1px solid #E9E9F0;
        left: 22px;
        top: 47px;
    }

    .timelines ul li:last-child:after {
        border-left: none;
    }

.greenBorder {
    border-color: #4AD991;
}

.skyblueBorder {
    border-color: #A3A1FB;
}

.redBorder {
    border-color: #FF7285;
}

.orangeBorder {
    border-color: #FFCA83;
}

.timelines ul li .timelineContent {
    color: #4D4F5C;
}

    .timelines ul li .timelineContent .titleTimeline {
        font-size: 16px;
        color: #4D4F5C;
    }

    .timelines ul li .timelineContent span {
        font-size: 12px;
        opacity: 0.5;
        text-transform: uppercase;
    }

.pieChart canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    float: left;
}

.dataTables_wrapper .dataTables_length {
    display: none;
}

.dataTables_wrapper .dataTables_filter {
    padding-bottom: 25px;
    margin-top: -25px;
}

.dashboards .widget.box {
    border-radius: 0;
}

    .dashboards .widget.box .widget-content {
        border-radius: 0;
        padding-bottom: 20px;
    }

    .dashboards .widget.box .widget-header {
        border-radius: 0;
    }

.headingOftabel {
    line-height: 35px;
    padding: 15px 0px;
    float: left;
    padding-bottom: 15px;
    position: relative;
    top: 10px;
    border-bottom: 1px solid #E1EBFC;
    width: 100%;
}

    .headingOftabel h4 {
        margin-bottom: 0;
        display: inline-block;
        color: #4D4F5C;
        font-size: 24px;
        font-weight: 500;
        margin: 0;
        padding: 0;
    }

        .headingOftabel h4 span {
            color: #37C12F;
        }

.dataTables_wrapper {
    top: -20px;
}

    .dataTables_wrapper .dataTables_filter input {
        height: 40px;
        width: 200px;
        border-radius: 3px;
    }

    .dataTables_wrapper .dataTables_filter ::-webkit-input-placeholder {
        color: #BCBCCB;
        text-transform: uppercase;
    }

    .dataTables_wrapper .dataTables_filter :-ms-input-placeholder {
        color: #BCBCCB;
        text-transform: uppercase;
    }

    .dataTables_wrapper .dataTables_filter ::placeholder {
        color: #BCBCCB;
        text-transform: uppercase;
    }

table {
    border-collapse: separate !important;
}

.table thead tr th {
    font-weight: 500 !important;
}

.table-bordered thead:first-child tr:first-child > th:first-child {
    border-left: solid 1px #E1EBFC;
    border-top-left-radius: 0;
}

.table-bordered thead:first-child tr:last-child th:first-child {
    border-bottom-left-radius: 0px;
}

.table-bordered thead:first-child tr:last-child th:last-child {
    border-bottom-right-radius: 0px;
}

.form-control ::-webkit-input-placeholder {
    color: #97A4C1;
}

.form-control :-ms-input-placeholder {
    color: #97A4C1;
}

.form-control ::placeholder {
    color: #97A4C1;
}

input[type=file], input[type=file] + input {
    display: inline-block;
    background-color: #fff;
    color: #6A7795;
    border: 1px solid #E1EBFC;
    font-size: 15px;
    padding: 8px;
    margin-top: 0;
    border-radius: 4px;
    width: 100%;
    height: 45px;
}

    input[type=file] + input {
        padding: 8px;
        background-color: #6A7795;
        color: #fff;
    }

::-webkit-file-upload-button:focus,
::-webkit-file-upload-button:active {
    border-color: #6A7795;
    outline: none;
    outline: 0;
    box-shadow: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: none;
    background-color: #6A7795;
    border: 1px solid #6A7795;
    font-size: 12px;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
}

::-ms-browse {
    background-color: #6A7795;
    border: 1px solid #6A7795;
    font-size: 12px;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
}

input[type=file]::-ms-value {
    border: none;
}

.formActionbtn a {
    background: #FF4E00;
    border-color: #FF4E00;
    text-transform: uppercase;
}

    .formActionbtn a:hover {
        background: #FF4E00;
        border-color: #FF4E00;
    }

.formActionbtn .btn {
    margin-right: 8px;
    width: 115px;
}

.employessForms.widget.box .widget-content {
    padding-bottom: 10px;
}

.employessForms .widget.box {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

    .employessForms .widget.box .widget-header,
    .employessForms .widget.box .widget-content {
        padding: 20px 0;
    }

    .employessForms .widget.box .widget-header {
        padding-top: 0;
    }

#sidebar ul#nav li a .fa-circle {
    font-size: 8px;
    line-height: 16px;
    margin-right: 2px;
    width: 13px;
    max-width: 13px;
}

.theme-dark footer {
    background-color: #141a21;
}

    .theme-dark footer .footContent {
        color: #fff;
    }

.theme-dark #theme-switcher .btn:nth-child(1) {
    background: #fff;
    border-color: #fff;
    color: #43425D;
}

.theme-dark #theme-switcher .btn:nth-child(2) {
    background: #00BDFF;
    border-color: #00BDFF;
    color: #fff;
}

.theme-dark #theme-switcher {
    border-color: #494c55;
}

    .theme-dark #theme-switcher .btn:nth-child(1) img {
        filter: invert(27%) sepia(21%) saturate(710%) hue-rotate(204deg) brightness(87%) contrast(91%);
    }

    .theme-dark #theme-switcher .btn:nth-child(2) img {
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(235deg) brightness(102%) contrast(102%);
    }

.noFiltering .headingOftabel {
    margin-bottom: 25px;
}

.fs-label-wrap {
    color: #97A4C1;
}

.calendarChart.widget.box .widget-content {
    padding-left: 20px;
    padding-right: 20px;
}

.form-horizontal .control-label span {
    color: #97A4C1;
}

    .form-horizontal .control-label span.required {
        color: #37C12F;
    }

.navbar .nav > li.nav-toggle > a {
    padding-top: 10px
}

.nav-toggle a i {
    font-size: 20px;
    color: #B7B9BF;
}

.widget.box .widget.box {
    border: none;
}

#sidebar #sidebar-content .sidebar-widget {
    background-color: #fff;
}

.theme-dark #sidebar #sidebar-content .sidebar-widget {
    background-color: #1f2831;
}
