/*         
	     __                   .__        
	    |__|____ __________  _|__| ______
	    |  \__  \\_  __ \  \/ /  |/  ___/
	    |  |/ __ \|  | \/\   /|  |\___ \ 
	/\__|  (____  /__|    \_/ |__/____  >
	\______|    \/                    \/ 
	
	Copyright 2013 - Jarvis : Smart Admin Template - version 1.9.4
	
	 * This is part of an item on wrapbootstrap.com
	 * https://wrapbootstrap.com/user/myorange
	 * ==================================

	
	   Table of Contents
	   ---------------------------------------------------------------
	   
		- Keep footer down
		- Tool bar
		- Toolbar Dropdown
		- Toolbar button Icons
		- Big icon button
		- Responsive nav
		- Main Navigation
		- Page content divs
		- Page content header
		- Page aside
		- Aside mini profile 
		- Aside number stats 
		- Secondary Nav (inside aside)
		- Mini inbox (inside aside)
		- Alerts
		- Button (overrides)
		- Bread crumb
		- Calendar
		- D3 Charts
		- Morris Charts
		- Flot chart tooltip & legend
		- Flot Charts
		- JustGague 
		- Table adjustments
		- UI slider
		- EasyPie Plugin
		- Progress bars (overrides)
		- Mystats
		- aside right
		- button overides
		- Model overides (adjustments)
		- wysihtml5 adjustments
		- Chat Interface
		- users online
		- tooltip
		- Forms
		- Tables (adjustments)
		- Badge & Labels (adjustments)
		- Login Page
		- Paging
		- Well
		- Logout Animation
		- Footer
		- color picker
		- time picker
		- bootstrap form wizzard
		- Inbox
		- Inbox Menu
		- default tabs
		- ibutton (bootstrapSwitch)
		- Invoice
		- Custom Lists
		- Login Page
		- Adjustments (this was added after version 1.9.3)
		- For Demo Purpose (delete if not needed)
	   
	*/

/* ---------------------------------------------------------------------- */
/*	CSS base
	/* ---------------------------------------------------------------------- */

* {
    margin: 0;
    outline: none !important; /* removes the ugly dotted lines in Firefox and IE */
}

/* a flash of color when links and buttons are pressed, a nice UI effect for mobile / tablet users */
a:link, button {
    -webkit-tap-highlight-color: #e53b2c;
}

html, body {
    height: 100%;
    min-height: 100%;
    color: #5F5F5F;
}

body {
    background: url('../img/backgrounds/mesh.png') #333;
}

h1, h2, h3, h4, h5, h6, .my-profile span, .number-stats {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
    font-weight: normal;
}

body, .jarviswidget > header h2, .fc-header-title h2 {
    font-family: Arial, Helvetica, sans-serif;
}

a, a.active {
    color: #333;
}

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

.contained {
    max-width: 1170px;
    height: 100%;
    margin: 0px auto;
    position: relative;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8b8b8b;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #8b8b8b;
}

footer,
div#main,
#page-content,
aside,
aside.divider,
div#main #page-header,
.jarviswidget > div,
aside ul.menu,
.alert,
.dt-header,
.dt-footer,
.well,
.wysihtml5,
.wysihtml5-widget,
.widget-content-padding,
.aside-buttons .btn,
.chat-box,
.form-signin input[type="text"],
.form-signin input[type="password"],
.chat-box textarea,
#chat-box-textarea,
.toolbar ul.progressbox,
.main-search input,
.d3-charts,
.slashc-sliding-menu,
div.slashc-sliding-menu span.tiny-des,
div.slashc-sliding-menu span.tiny-sub,
div.slashc-sliding-menu h1,
.message-control-panel,
.bwizard-steps,
.inbox-control-panel,
.dropdown-menu.toolbar h3 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*-webkit-box-sizing:border-box; - box-sizing is supported */
}

/* font adjust */

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 {
    font-size: 12px;
}


/* disable background image from default bootstrap css to allow for 
	   font icons to appear without any glitch 
	*/

[class^="icon-"], [class*=" icon-"] {
    background-image: none;
}

/* ---------------------------------------------------------------------- */
/*	Keep footer down
	/* ---------------------------------------------------------------------- */

/* Fill the window but let some space for the footer 
	   this div wraps the entire body segment to calculate page height 
	   and push footer down
	*/

.height-wrapper {
    height: auto !important;
    height: 100%;
    margin: 0 auto -38px;
    min-height: 100%;
}

.footer, .push {
    position: relative;
    height: 37px; /* .push must be the same height as .footer */
}

/* ---------------------------------------------------------------------- */
/*	Toolbar
	/* ---------------------------------------------------------------------- */

/* title that appears on top left of the page */

#header-toolbar h1 {
    float: left;
    color: #F0F0F0;
    font-size: 16px;
    line-height: 40px;
    margin: 0;
    font-weight: bold;
    cursor: default;
    width: auto; /* force width to help responsive scaling */
}

    /* font icon size adjustments within this above header */

    #header-toolbar h1 > i {
        font-size: 14px;
        line-height: 14px;
        margin: 2px 2px 0;
    }

/* theme icon in toolbar */
#header-toolbar img {
    float: left;
    display: block;
    margin-top: 7px;
    margin-right: 5px;
    margin-left: 2px;
}


#header-toolbar {
    height: 46px;
    position: relative;
    background: url('../img/transparant-30.png');
    border-bottom: 1px solid #585858;
    border-top: 5px solid #000;
    padding-right: 16px;
}

/* ---------------------------------------------------------------------- */
/*	Toolbar Dropdown
	/* ---------------------------------------------------------------------- */

.dropdown-menu {
    border: 1px solid #333;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

    .dropdown-menu.toolbar {
        background: #302F2F;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

        .dropdown-menu.toolbar li a {
            font-size: 12px;
            color: #fff;
            padding: 4px 15px;
        }

        .dropdown-menu.toolbar li > a:hover, .dropdown-menu.toolbar li > a:focus {
            background-color: #424242;
            background-repeat: repeat-x;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-image: linear-gradient(to bottom, #434343, #000);
}

#header-toolbar .btn-toolbar .btn-group .btn-inverse {
    border: 1px solid #000000;
    background-color: #2d2d2d;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #484848, #2d2d2d);
}

    #header-toolbar .btn-toolbar .btn-group .btn-inverse:hover {
        border: 1px solid #000000;
        background-color: #484848;
        background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #2d2d2d, #484848);
}

#header-toolbar .btn-toolbar .btn-group.open .dropdown-toggle {
    background-color: #252525;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #1A1A1A, #252525);
}

.dropdown-menu.toolbar h3 {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    line-height: 14px;
    padding: 5px 10px 10px 10px;
    width: 100%;
    border-bottom: 2px solid white;
}

.toolbar ul.mailbox, .toolbar ul.progressbox {
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 240px;
}

    .toolbar ul.mailbox > li > a {
        display: block;
        overflow: hidden;
        color: #333;
        padding: 8px 10px;
        background: #fff;
        filter: none !important;
        color: #5A7DB3;
        position: relative;
        margin: 0;
        font-size: 12px;
        display: block;
        line-height: 20px;
        font-weight: bold;
        text-shadow: 0px 1px 0px white;
        border-bottom: 1px solid #e5e5e5;
        white-space: normal;
        overflow: hidden;
    }

    .toolbar ul.mailbox > li:last-child > a {
        border-bottom: 0px;
    }

    .toolbar ul.mailbox li a > img {
        margin-top: 0 !important;
        margin-right: 5px !important;
        width: 22px;
        height: 18px;
    }

    .toolbar ul.mailbox li a span {
        display: block;
        font-size: 11px;
        color: #646464;
        padding-left: 29px;
        white-space: normal;
        line-height: 15px;
        margin-top: 0px;
        font-weight: normal;
    }

    .toolbar ul.mailbox > li > a:hover {
        background-color: #ffffcc;
        background-image: none;
    }

    .toolbar ul.mailbox > li > a:active, .toolbar ul.mailbox > li > a:focus {
        background: url('../img/transparant-10.png') repeat top left;
    }

    .toolbar ul.mailbox > li > a.read {
        background-color: #f3f3f3;
    }

    .toolbar ul.mailbox > li > a i {
        display: none;
    }

    .toolbar ul.mailbox > li > a.attachment i {
        display: block;
        position: absolute;
        top: 10px;
        right: 7px;
        font-size: 14px;
    }

ul.mailbox > li > a i {
    text-indent: 0px;
    position: absolute;
    right: 0px;
    top: 7px;
    font-size: 25px;
}

ul.mailbox > li > a span.badge {
    position: absolute;
    z-index: 99;
    top: 13px;
    right: 30px;
    width: auto;
    text-indent: 0px;
    background: url('../img/transparant-40.png');
    background: rgba(128, 128, 128, 0.7);
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    display: inline-block;
    padding: 2px 8px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
}

ul.mailbox li .push-down {
    display: block;
    width: 20px;
    background: transparent;
    height: 28px;
}

a#go-to-inbox {
    color: #fff;
    text-align: right;
    display: block;
    padding: 5px 10px 2px;
    font-size: 12px;
    border-top: 2px solid #F3F3F3;
}

    a#go-to-inbox i {
        font-size: 16px;
    }

/* progress box */
.toolbar ul.progressbox {
    padding: 10px;
}

    .toolbar ul.progressbox li {
        font-size: 12px;
    }

        .toolbar ul.progressbox li strong {
            color: #646464;
            font-weight: normal;
        }

        .toolbar ul.progressbox li b {
            color: #757575;
            font-style: italic;
            font-weight: normal;
            position: absolute; /* firefox bug fix */
            right: 12px; /* firefox bug fix */
        }

        .toolbar ul.progressbox li i {
            margin-top: 6px;
            margin-right: 5px;
        }

        .toolbar ul.progressbox li .progress {
            margin-bottom: 15px;
        }

/* ---------------------------------------------------------------------- */
/*	Toolbar button Icons
	/* ---------------------------------------------------------------------- */

.btn-toolbar .btn-small i {
    font-size: 16px;
    line-height: 14px;
    margin-right: 0;
}


/* tool bar button icon sticker */
span.mail-sticker {
    position: absolute;
    z-index: 99;
    background: url('../img/mini-counter.png') no-repeat top left;
    width: 18px;
    height: 18px;
    right: -3px;
    top: -5px;
    line-height: 19px;
    font-size: 11px;
}

/* ---------------------------------------------------------------------- */
/*	Big icon button
	/* ---------------------------------------------------------------------- */

/* responsive list button tutorial: http://designshack.net/articles/css/code-a-responsive-navigation-menu/ */

#start {
    text-align: center;
    padding: 0 0 20px 0;
}

    #start ul {
        padding: 0;
        margin-left: 0;
    }

        #start ul li {
            display: inline-table;
            position: relative;
            margin: 10px 3px 0 3px;
            text-align: center;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

            #start ul li:first-child {
                margin-left: 0;
            }

            #start ul li:last-child {
                margin-right: 0;
            }

            #start ul li:hover {
                background: url('../img/transparant-5.png') repeat top left;
            }

            #start ul li:active {
                background: url('../img/transparant-10.png') repeat top left;
            }

            #start ul li a {
                position: relative;
                padding: 10px 22px 4px;
                display: block;
                font-weight: bold;
                white-space: nowrap;
                color: #626262;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
            }

                #start ul li a span {
                    display: block;
                    margin-top: 5px;
                    font-size: 12px;
                }

            #start ul li label {
                display: inline-block;
                padding: 2px 4px;
                font-size: 10.844px;
                font-weight: bold;
                line-height: 14px;
                color: white;
                vertical-align: baseline;
                white-space: nowrap;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                background: url(../img/csshack/red-gradient.png) repeat-x #d42622;
                -webkit-background-size: 100% 100%;
                -moz-background-size: 100% 100%;
                -o-background-size: 100% 100%;
                background-size: 100% 100%;
                background: -webkit-gradient(linear, left top, left bottom, from(#fd8383), to(#d42622), color-stop(0.5, #c30909), color-stop(0.5, #a70606));
                background: -webkit-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
                background: -moz-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
                background: -ms-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
                background: -o-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
                background: linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
                -webkit-background-clip: padding-box;
                -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;
                box-sizing: content-box;
                border-width: 1px;
                border-style: solid;
                -webkit-background-clip: padding-box;
                -webkit-appearance: none;
                background-position: center center !important;
                -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
                -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
                -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
                -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
                position: absolute;
                z-index: 99;
                top: 3px;
                right: auto;
                left: 55%;
                -webkit-border-radius: 9px;
                -moz-border-radius: 9px;
                border-radius: 9px;
            }


/* ---------------------------------------------------------------------- */
/*	Responsive nav
	/* ---------------------------------------------------------------------- */

.selectnav {
    display: none; /* initially hidden */
    margin: 0 auto;
    position: relative;
    margin-top: 15px;
}

.selectnav {
    width: 80%;
    font-size: 90%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
    background-color: #006266;
    border: 1px solid #E8E8E8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
    height: 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcAgMAAAAPYzcHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFAAAARERE4uLiJoWGrQAAAAJ0Uk5TAICbK04YAAAAIElEQVQI12NoYIAAKtAsUFoUSoc6EKcPpk4UzRxquAsA4voPXR6Sm4UAAAAASUVORK5CYII=);
    background-position: right;
    background-repeat: no-repeat;
    font-weight: bold;
}

/* ---------------------------------------------------------------------- */
/*	Main Navigation
	/* ---------------------------------------------------------------------- */

/* navigation base */
nav {
    height: 1px;
    padding-top: 0;
    display: none;
}

/* ---------------------------------------------------------------------- */
/*	Page content divs
	/* ---------------------------------------------------------------------- */

/* div that engulfs the entire content and aside  */

div#main {
    height: 100%;
    position: relative;
}

/* applies the page content div */

#page-content {
    padding: 20px 25px 0;
    overflow: hidden;
    height: 100%;
    background: #fff;
    margin-top: 15px;
    border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    background: url('../img/backgrounds/bgnoise.png');
}

/* ---------------------------------------------------------------------- */
/*	Page content header
	/* ---------------------------------------------------------------------- */

div#main #page-header, h1.message-title {
    display: block;
    margin: 2px 0 20px;
    font-size: 20px;
    font-weight: 300;
    line-height: 40px;
    padding-bottom: 10px;
    border-bottom: 1px dotted transparent;
    text-transform: capitalize;
    text-shadow: 0px 1px 0px white;
    font-size: 40px;
    -webkit-text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
    -moz-text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}

#page-header span {
    float: right;
    color: #AAA;
}

/* ---------------------------------------------------------------------- */
/*	Page aside
	/* ---------------------------------------------------------------------- */

aside {
    width: 249px;
    height: 100%;
    float: left;
    margin-top: 0px;
    padding: 0 15px 20px 15px;
}


    aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
        color: #CACACA;
        font-size: 23px;
        line-height: 23px;
        font-weight: 400;
        position: relative;
        display: block;
        width: 100%;
    }

    aside h2 {
        font-size: 20px;
        line-height: 20px;
    }

    aside h3 {
        font-size: 18px;
        line-height: 18px;
    }

    aside h4 {
        font-size: 16px;
        line-height: 16px;
    }

    aside h5 {
        font-size: 14px;
        line-height: 14px;
    }

    aside h6 {
        font-size: 13px;
        line-height: 13px;
    }


    aside.right {
        display: none; /* hidden for fixed layouts */
        padding: 0 15px 20px 15px; /* padding adjusted from inherit */
    }

    aside blockquote {
        border-left: 1px solid #5C5C5C;
    }

        aside blockquote p {
            color: #DADADA;
        }

/* ---------------------------------------------------------------------- */
/*	Aside mini profile 
	/* ---------------------------------------------------------------------- */
.my-profile {
    padding: 0 15px;
    font-size: 12px;
    color: #fff;
    position: relative;
    text-shadow: 0px 1px 0px #333;
}

.my-profile-pic {
    float: left;
    margin: 0 10px 0 0;
}

    .my-profile-pic img {
        border: 1px solid #9B9B9B;
        border-top-color: #636363;
        -webkit-border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

.my-profile span.first-child {
    font-size: 13px;
}

.my-profile span {
    display: block;
}

.my-profile a {
    color: #D1D1D1;
}

/* ---------------------------------------------------------------------- */
/*	Aside number stats 
	/* ---------------------------------------------------------------------- */

.number-stats ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .number-stats ul li {
        text-align: center;
        width: 43px;
        padding: 0 12px;
        color: #D6D6D6;
        font-weight: bold;
        font-size: 18px;
        border-left: 1px solid #5E5E5E;
        text-shadow: 0px 1px 0px black;
        list-style: none;
        display: inline-block;
    }


        .number-stats ul li span {
            display: block;
            color: #a0a0a0;
            font-size: 12px;
            font-weight: normal;
        }

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

        .number-stats ul li:first-child {
            border-left: none;
        }


/* ---------------------------------------------------------------------- */
/*	Secondary Nav (inside aside)
	/* ---------------------------------------------------------------------- */

/* applies to ul class "menu" inside aside and ignores all child uls within */

aside ul.menu {
    margin: 1px auto;
    margin-bottom: 0;
    background: #f6f6f6;
    border: 1px solid #2c2c2c;
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    overflow: hidden;
    color: white;
    background: #7EA437 url(../img/backgrounds/menu_bg.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#AAD15F), to(#7EA437));
    background: -webkit-linear-gradient(top, #AAD15F, #7EA437);
    background: -moz-linear-gradient(top, #AAD15F, #7EA437);
    background: -ms-linear-gradient(top, #AAD15F, #7EA437);
    background: -o-linear-gradient(top, #AAD15F, #7EA437);
    background: linear-gradient(top, #AAD15F, #7EA437);
}


    /* applies to all ul's within aside > menu */

    aside ul.menu ul {
        overflow: hidden;
        margin: 0;
        list-style: none;
    }

    /* applies to all li's within aside */

    aside ul.menu li {
        list-style: none;
        position: relative;
        border-bottom: 1px solid #6C8636;
        border-bottom: 0px solid rgba(255, 255, 255, 0);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

        aside ul.menu li ul li {
            border-top: 1px solid #8CA758;
            border-top: 0px solid rgba(255, 255, 255, 0);
            border-bottom: 1px solid #566B29;
            border-bottom: 0px solid rgba(255, 255, 255, 0);
        }

    /* aside menu labels and bages to indicate number of hidden menu items */

    aside ul.menu label, aside ul.menu badge, aside ul.menu .badge {
        text-indent: 0px;
        float: right;
        margin-top: 7px;
        margin-right: 7px;
        background: url('../img/transparant-10.png');
        background: rgba(128, 128, 128, 0.2);
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
    }


    aside ul.menu > li:first-child, aside ul.menu > li:first-child > a {
        -webkit-border-radius: 4px 4px 0px 0px;
        -moz-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
    }

    aside ul.menu > li:last-child, aside ul.menu > li:last-child > a {
        -webkit-border-radius: 0px 0px 4px 4px;
        -moz-border-radius: 0px 0px 4px 4px;
        border-radius: 0px 0px 4px 4px;
    }

    aside ul.menu a {
        display: block;
        height: 32px;
        line-height: 32px;
        width: 100%;
        text-indent: 15px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        padding: 5px 0px;
        font-size: 14px;
        font-weight: bold;
        position: relative;
        color: #FFF;
    }

        aside ul.menu a i {
            text-indent: -6px;
        }

    aside ul.menu > li:last-child > a {
        border-bottom: none;
    }

    aside ul.menu > li.open > a > label, aside ul.menu > li.open > a > span, aside ul.menu > li.current > a > span {
        background: url('../img/transparant-30.png');
    }

    aside ul.menu > li.current > a {
        background: url('../img/backgrounds/current.png') repeat;
    }


/* second level */

aside nav span.arrow {
    position: relative;
    top: -1px;
    left: 10px;
}

aside ul.menu > li > ul {
    display: block;
    background: url('../img/transparant-20.png');
}

    aside ul.menu > li > ul > li a {
        text-indent: 35px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        padding: 2px 0px;
        font-size: 13px;
    }

    aside ul.menu > li > ul > li:first-child a {
        border-top: 1px solid rgb(111, 111, 111);
    }

    aside ul.menu > li > ul > li a :hover {
        background: #d8dfea;
    }

/* second level selected */

aside ul.menu a.expanded i#selected-item {
    /*background:url('../img/pointer-menu.png') no-repeat center center transparent;*/
    display: block;
    width: 10px;
    height: 19px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 99;
}

/* menu item active/open state */
aside ul.menu > li > ul > li a.expanded {
    background: url('../img/transparant-10.png');
}
/* divider */

aside > .divider {
    height: 11px;
    width: 100%;
    background: url('../img/divider/divider_11x714.png') no-repeat center 0;
    position: relative;
    margin: 20px 0;
}

/* ---------------------------------------------------------------------- */
/*	Mini inbox (inside aside)
	/* ---------------------------------------------------------------------- */

.mini-inbox > div:first-child.alert.inbox {
    margin-top: 0px; /* to counter the -1 margin from below */
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.mini-inbox div.alert.inbox {
    border: 1px solid #494949;
    background: url('../img/transparant-20.png');
    color: #A8A8A8;
    font-size: 11px;
    line-height: 17px;
    position: relative;
    overflow: hidden;
    max-height: 77px; /* roughly two lines of message*/
    margin-bottom: -1px;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.mini-inbox > div:last-child.alert.inbox {
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.mini-inbox div.alert.inbox:hover {
    background: url('../img/transparant-30.png');
}

    .mini-inbox div.alert.inbox:hover a {
    }

.mini-inbox div.alert.inbox a {
    color: #E4E4E4;
    margin: 0;
    font-size: 14px;
    display: block;
    line-height: 20px;
    margin-bottom: 2px;
    font-weight: normal;
    text-shadow: 0px 1px 0px #131313;
}

    .mini-inbox div.alert.inbox a img {
        margin-top: -7px;
        margin-right: 0px;
    }

aside .alert {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

    aside .alert .close {
        color: white;
        text-shadow: 0 1px 0 black;
    }

aside .close {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    aside .close:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

/* ---------------------------------------------------------------------- */
/*	Alerts
	/* ---------------------------------------------------------------------- */

.alert.adjusted {
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    clear: both;
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 5px 15px 5px 34px;
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
    box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
    font-size: 12px;
    color: #675100;
    text-shadow: 0px 1px 0px white;
    border-color: #C9AB40;
    background: -moz-linear-gradient(top,#fdefbc 0,#ffe68e 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdefbc),color-stop(100%,#ffe68e));
    background: -webkit-linear-gradient(top,#fdefbc 0,#ffe68e 100%);
    background: -o-linear-gradient(top,#fdefbc 0,#ffe68e 100%);
    background: -ms-linear-gradient(top,#fdefbc 0,#ffe68e 100%);
    background: linear-gradient(top,#fdefbc 0,#ffe68e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdefbc',endColorstr='#ffe68e',GradientType=0);
}

    .alert.adjusted i {
        margin-left: -24px;
    }



    .alert.adjusted [class^="cus-"],
    .alert.adjusted [class*=" cus-"] {
        margin-right: 5px;
    }

.adjusted.alert-info {
    border-color: #739BC5;
    color: #2D67A3;
    background: -moz-linear-gradient(top,#d6e6fa 0,#C8DBF5 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d6e6fa),color-stop(100%,#C8DBF5));
    background: -webkit-linear-gradient(top,#d6e6fa 0,#C8DBF5 100%);
    background: -o-linear-gradient(top,#d6e6fa 0,#C8DBF5 100%);
    background: -ms-linear-gradient(top,#d6e6fa 0,#C8DBF5 100%);
    background: linear-gradient(top,#d6e6fa 0,#C8DBF5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6e6fa',endColorstr='#C8DBF5',GradientType=0);
}

.adjusted.alert-success {
    border-color: #55aa55;
    color: #144914;
    background: -moz-linear-gradient(top,#baedbd 0,#DAFADC 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#baedbd),color-stop(100%,#DAFADC));
    background: -webkit-linear-gradient(top,#baedbd 0,#DAFADC 100%);
    background: -o-linear-gradient(top,#baedbd 0,#DAFADC 100%);
    background: -ms-linear-gradient(top,#baedbd 0,#DAFADC 100%);
    background: linear-gradient(top,#baedbd 0,#DAFADC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baedbd',endColorstr='#DAFADC',GradientType=0);
}

.adjusted.alert-error {
    border-color: #8f0907;
    color: #FFF;
    background: -moz-linear-gradient(top,#f4817f 0,#f64c4a 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f4817f),color-stop(100%,#f64c4a));
    background: -webkit-linear-gradient(top,#f4817f 0,#f64c4a 100%);
    background: -o-linear-gradient(top,#f4817f 0,#f64c4a 100%);
    background: -ms-linear-gradient(top,#f4817f 0,#f64c4a 100%);
    background: linear-gradient(top,#f4817f 0,#f64c4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4817f',endColorstr='#f64c4a',GradientType=0);
    text-shadow: none;
}

    .adjusted.alert-error .close {
        color: #fff;
        opacity: .5;
        filter: alpha(opacity=50);
        text-shadow: none;
    }

        .adjusted.alert-error .close:hover {
            opacity: .9;
            filter: alpha(opacity=90);
        }


.alert.adjusted.alert .close {
    top: 0px;
    right: -5px;
    line-height: 20px;
}

.widget.alert.adjusted .close {
    right: 1px !important;
}

.widget.alert {
    margin: 0;
    padding-right: 7px;
    padding-left: 34px;
    border-top: none;
    border-left: none;
    border-right: none;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

    .widget.alert i {
        margin-left: -24px;
    }

.alert.adjusted img {
    position: relative;
    margin-left: -21px;
    margin-right: 5px;
    margin-top: -2px;
}

.alert-danger h4, .alert-error h4 {
    color: #FFF5F5;
}

.alert.alert-block {
    padding: 15px;
    margin-bottom: 30px;
    margin-top: 0;
}

/* alert close btn */
.close {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

    .close:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

/* ---------------------------------------------------------------------- */
/*	Accordion
	/* ---------------------------------------------------------------------- */

.jarviswidget .accordion {
    margin-bottom: 0;
    margin-top: -1px;
}
/* change plus icon to minus on toggle */
.accordion .active i::before {
    content: "\f056";
}

.accordion-heading .accordion-toggle {
    background: #FAFAFA;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EFEFEF));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: linear-gradient(to bottom, #FAFAFA 0%,#EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
    padding: 11px 15px 12px;
}

.accordion-group {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.jarviswidget .accordion-group {
    margin-bottom: 0;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.accordion-inner, .accordion-heading .accordion-toggle, .accordion-group {
    border-color: #C8C8C8;
}

.jarviswidget .accordion-inner {
    padding: 20px;
}

.accordion-heading i {
    font-size: 17px !important;
    line-height: 9px !important;
}

/* accordion right */
.accordion.rt .accordion-heading {
    text-align: right;
}

/* ---------------------------------------------------------------------- */
/*	Button (overrides)
	/* ---------------------------------------------------------------------- */

.btn {
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* ---------------------------------------------------------------------- */
/*	Bread crumb
	/* ---------------------------------------------------------------------- */

.breadcrumb {
    margin-bottom: 30px;
    padding: 10px;
    border: 1px solid #CDCDCD;
    background: #FAFAFA;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EFEFEF));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: linear-gradient(to bottom, #FAFAFA 0%,#EFEFEF 100%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .breadcrumb li, .breadcrumb li a {
        font-size: 12px;
    }

    .breadcrumb > .active {
        color: #333;
        font-weight: bold;
    }

/* ---------------------------------------------------------------------- */
/*	Calendar
	/* ---------------------------------------------------------------------- */

#calendar-container {
    position: relative;
}

html .fc, .fc table {
    font-size: 12px;
}

.dt-header.calender-spacer {
    height: 46px;
    display: block;
}

#calendar {
    margin-top: -20px;
}

.fc-widget-header, .fc-widget-content {
    border-right: none;
}

tr.fc-first th.fc-first, tr td.fc-first {
    border-left: none;
}

tr.fc-last td {
    border-bottom: none;
}

.fc-header-title h2 {
    text-shadow: 0 1px 0 #fff;
    margin-top: -21px;
    margin-left: 10px;
}

.fc-event-time, .fc-event-title {
    padding: 3px 0px 2px 3px;
    display: inline-block;
    line-height: 16px;
    font-weight: bold;
    font-size: 11px;
    box-sizing: border-box;
}

/* calendar button */
#calendar-buttons {
    position: absolute;
    right: 10px;
    top: 9px;
}

/* other month */
td.fc-other-month {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-color: #FAFCFD;
    background-size: 16px 16px;
}

/* ---------------------------------------------------------------------- */
/*	D3 Charts
	/* ---------------------------------------------------------------------- */

/* d1 chart */
.axis path,
.axis line {
    fill: none;
    stroke: #fff;
    shape-rendering: crispEdges;
}

form#d3-form {
    position: absolute;
    right: 30px;
    top: 0px;
}

.d3-charts {
    width: 100%;
    height: 100% !important;
    float: left;
    position: relative;
}

#d3-chart-2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJklEQVQYV2NkAIIXL17MlJCQSMdHM8IkQRrwAUZCCmDyoybiDSkADvInXDaPBDsAAAAASUVORK5CYII=) repeat;
    margin: 10px;
}

/* ---------------------------------------------------------------------- */
/*	Morris Charts
	/* ---------------------------------------------------------------------- */

.morris-hover {
    position: absolute;
    z-index: 1000;
}

    .morris-hover.morris-default-style {
        border-radius: 10px;
        padding: 6px;
        color: #666;
        background: rgba(255, 255, 255, 0.8);
        border: solid 2px rgba(230, 230, 230, 0.8);
        font-family: sans-serif;
        font-size: 12px;
        text-align: center;
    }

        .morris-hover.morris-default-style .morris-hover-row-label {
            font-weight: bold;
            margin: 0.25em 0;
        }

        .morris-hover.morris-default-style .morris-hover-point {
            white-space: nowrap;
            margin: 0.1em 0;
        }

/* ---------------------------------------------------------------------- */
/*	Flot chart tooltip & legend
	/* ---------------------------------------------------------------------- */

#flotTip {
    padding: 3px 5px;
    background-color: #FFF;
    z-index: 9999;
    color: #333;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    border: 1px solid #C1C1C1;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    #flotTip span {
        color: #38812D;
        font-weight: bold;
    }


.legendLabel span {
    display: block;
    margin: 0 5px;
}

.legendColorBox {
    padding-left: 10px;
    vertical-align: top;
    padding-top: 8px;
}

    .legendColorBox div > div {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }


/* ---------------------------------------------------------------------- */
/*	Flot Charts 
	/* ---------------------------------------------------------------------- */

.chart {
    height: 250px;
    margin: 20px 5px 10px 10px;
}


.aside .chart {
    width: 100%;
    height: 220px;
    z-index: 99;
}

.has-legend {
    margin-top: 30px !important;
}

/* ---------------------------------------------------------------------- */
/*	JustGague 
	/* ---------------------------------------------------------------------- */

#gague-chart > div {
    width: 95px;
    height: 65px;
    display: inline-block;
    margin: 0 0 30px 0;
}

#gague-chart .last {
    margin-bottom: 0;
}

#g1 tspan, #g2 tspan, #g3 tspan, #g4 tspan, #g5 tspan, #g6 tspan {
    color: #fff !important;
}

/* ---------------------------------------------------------------------- */
/*	Table adjustments
	/* ---------------------------------------------------------------------- */

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #F9F9F9;
}

/* ---------------------------------------------------------------------- 
	/*	Forms
	/* ---------------------------------------------------------------------- */

/*field set is floated to be responsive */
.form-horizontal fieldset {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

form {
    margin-bottom: 0;
}

.control-group {
    margin-bottom: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #EAEAEA;
    padding: 20px 20px 19px;
    background: #FDFDFD;
}

.form-horizontal .control-group {
    margin-bottom: 0;
}

    .form-horizontal .control-group:last-child, div > .control-group:last-child {
        border-bottom: none;
    }

    .form-horizontal .control-group.info {
        background: #E8F5F7;
    }

    .form-horizontal .control-group.warning {
        background: #F7F3E8;
    }

    .form-horizontal .control-group.error {
        background: #F7E8E8;
    }

    .form-horizontal .control-group.success {
        background: #E9F7E8;
    }

.control-group.no-border {
    padding: 20px;
    border-bottom: none;
}

/* label font*/
.form-horizontal .control-label {
    font-size: 12px;
}
/* set input icon */
.control-label i {
    margin-right: 7px;
}
/* icon inside field */
.control-group .controls {
    position: relative;
}

    .control-group .controls i.field-icon {
        position: absolute;
        top: 7px;
        right: 10px;
    }

/*date picker*/
input.datepicker-input, input.colorpicker-input, input.timepicker-input {
    width: 140px;
}

.form-actions {
    margin-top: -1px;
    margin-bottom: 0;
    text-align: right;
    border-radius: 0px 0px 2px 2px;
    -moz-border-radius: 0px 0px 2px 2px;
    -webkit-border-radius: 0px 0px 2px 2px;
}

.form-horizontal .control-label {
    padding-top: 4px;
    text-align: left;
}

.form-horizontal .help-inline {
    display: block;
}

.help-inline, p.help-block, p.info-block {
    margin: 0 0 10px !important;
    padding-left: 0;
    padding-top: 5px;
    font-size: 11px;
}

p.info-block {
    padding-top: 0;
}

input.file-no-style {
    font-size: 11px;
    line-height: 20px;
}

/* form spacer */
.form-horizontal .control-group div.space {
    display: block;
    height: 10px;
}

/* remove default glow from form elements */
input, input:focus, textarea, textarea:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
}

/* themed form */
.themed input, .themed textarea, .themed select {
    display: inline-block;
    text-align: left;
    border-width: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.themed label {
    font-size: 12px;
}

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

/*reset this element from default */

.themed input[file].file {
    min-width: 100%;
}

div.uploader {
    height: 32px;
    background: #fff;
    border: 1px solid #CCC;
    width: 100%;
}

span.file-action {
    height: 21px;
    width: 21px;
    position: absolute;
    right: 0px;
    margin: 4px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

label.error {
    margin-top: 4px;
    font-size: 11px;
    display: inline-block;
    white-space: nowrap;
    color: #B94A48;
}

.radio.inline, .checkbox.inline {
    padding-top: 0 !important;
    padding-bottom: 10px;
}

/* ---------------------------------------------------------------------- */
/*	UI slider
	/* ---------------------------------------------------------------------- */

/*
	 * jQuery UI Slider 1.10.0
	 *
	 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
	 * Dual licensed under the MIT or GPL Version 2 licenses.
	 * http://jquery.org/license
	 *
	 * http://docs.jquery.com/UI/Slider#theming
	 */

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 23px;
        height: 23px;
        cursor: pointer;
        background: url('../img/uislider/slider_handles_5.png') no-repeat 0px -23px transparent;
        display: block;
    }

        .ui-slider .ui-slider-handle:hover {
            background: url('../img/uislider/slider_handles_5.png') no-repeat 0px 0px transparent;
        }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        color: #ffffff;
        padding: 0;
        vertical-align: middle;
        -webkit-background-clip: padding-box;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border: 1px solid #3A3A3A;
        height: 7px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.ui-slider-horizontal {
    line-height: 9px;
    height: 9px;
    display: inline-block;
    zoom: 1;
    position: relative;
    padding: 0;
    width: 100%;
    vertical-align: middle;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    background: #EFEFEF;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#E6E6E6));
    background: -webkit-linear-gradient(top, white, #E6E6E6);
    background: -moz-linear-gradient(top, white, #E6E6E6);
    background: -ms-linear-gradient(top, white, #E6E6E6);
    background: -o-linear-gradient(top, white, #E6E6E6);
    background: linear-gradient(top, white, #E6E6E6);
    border-color: #CCC;
    color: #666;
}

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

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

/* tooltip */

.slider-tip {
    opacity: 1;
    bottom: 120%;
    margin-left: -5px;
}

a.ui-slider-handle .tooltip-inner {
    padding: 1px 8px;
}

a.ui-slider-handle:active .tooltip-inner {
    padding: 5px 10px;
    font-size: 12px;
}

a.ui-slider-handle:active .slider-tip {
    margin-left: -8px;
}


input.ui-display-label {
    border: 0;
    color: #f6931f;
    font-weight: bold;
}


/* ui slider border colors */

.important-slider > div.ui-slider-range {
    border-color: #931A03;
}

.success-slider > div.ui-slider-range {
    border-color: #438505;
}

.info-slider > div.ui-slider-range {
    border-color: #004795;
}

.warning-slider > div.ui-slider-range {
    border-color: #CC9707;
}

/* ---------------------------------------------------------------------- */
/*	EasyPie Plugin
	/* ---------------------------------------------------------------------- */

.easyPieChart {
    position: relative;
    text-align: center;
}

    .easyPieChart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.easypie {
    display: inline-block;
    margin: 10px 25px 20px;
}

    .easypie, .easypie span {
        font-family: 'Lato', Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 18px;
        color: #626262;
    }

.easypie-text {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    color: #626262;
    text-align: center;
}

/* ---------------------------------------------------------------------- */
/*	Progress bars (overrides)
	/* ---------------------------------------------------------------------- */

.indented {
    padding: 10px !important;
    background: url('../img/transparant-20.png');
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.progress-stats, .aside-progress-stats {
    font-size: 12px;
    color: #646464;
}

.aside-progress-stats {
    color: #DDD;
}

ul.aside-progress-stats, .mystats {
    list-style: none;
    padding: 0;
    margin: 0;
}

.progress {
    filter: none !important;
    position: relative;
    overflow: hidden;
    height: 22px;
    background: #efefef;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #D5D5D5;
}

aside .progress {
    position: relative;
    overflow: hidden;
    height: 22px;
    background: url('../img/transparant-20.png');
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #3D3D3D;
}

.progress .bar {
    filter: none !important;
    position: absolute;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    padding: 5px 0 4px 0;
}

.progress.right .bar {
    right: 0;
}

.progress.slim {
    height: 6px !important;
    padding: 2px !important;
}

    .progress.slim > .bar {
        padding: 0;
        height: 6px;
        max-width: 98%;
    }

.progress-danger .bar, .progress .bar-danger, .label-important.special, .badge-important.special, .important-slider > div.ui-slider-range {
    background: url(../img/csshack/red-gradient.png) repeat-x #d42622;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url('../img/overlay-pattern.png'), -moz-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: url('../img/overlay-pattern.png'), -webkit-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: url('../img/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#fd8383), to(#d42622), color-stop(0.5, #c30909), color-stop(0.5, #a70606));
    background: url('../img/overlay-pattern.png'), -ms-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: url('../img/overlay-pattern.png'), -o-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
    background: url('../img/overlay-pattern.png'), linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
}

.progress-success .bar, .progress .bar-success, .label-success.special, .badge-success.special, .success-slider > div.ui-slider-range {
    background: url(../img/csshack/green-gradient.png) repeat-x #5eb80a;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url('../img/overlay-pattern.png'), -moz-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
    background: url('../img/overlay-pattern.png'), -webkit-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
    background: url('../img/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#b1dc64), to(#5eb80a), color-stop(0.5, #58b104), color-stop(0.5, #499400));
    background: url('../img/overlay-pattern.png'), -ms-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
    background: url('../img/overlay-pattern.png'), -o-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
    background: url('../img/overlay-pattern.png'), linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
}

.progress-info .bar, .progress .bar-info, .label-info.special, .badge-info.special, .info-slider > div.ui-slider-range {
    background: url(../img/csshack/blue-gradient.png) repeat-x #0a5db8;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url('../img/overlay-pattern.png'), -moz-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: url('../img/overlay-pattern.png'), -webkit-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: url('../img/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#65b2dd), to(#0a5db8), color-stop(0.5, #045ab2), color-stop(0.5, #004995));
    background: url('../img/overlay-pattern.png'), -ms-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: url('../img/overlay-pattern.png'), -o-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
    background: url('../img/overlay-pattern.png'), linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
}

.progress-warning .bar, .progress .bar-warning, .label-warning.special, .badge-warning.special, .warning-slider > div.ui-slider-range {
    background: url(../img/csshack/orange-gradient.png) repeat-x #0a5db8;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url('../img/overlay-pattern.png'), -moz-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
    background: url('../img/overlay-pattern.png'), -webkit-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
    background: url('../img/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#ffd844), to(#d38800), color-stop(0.5, #ff9f01), color-stop(0.5, #da8d00), color-stop(0.8, #e59400));
    background: url('../img/overlay-pattern.png'), -ms-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
    background: url('../img/overlay-pattern.png'), -o-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
    background: url('../img/overlay-pattern.png'), linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
}

/* active bars */
.progress.active > div.bar {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.progress.active > div {
    border: 1px solid #1184BE;
    background-color: #00438D;
}

.active-bar-info > div {
    border: 1px solid #40A8DD !important;
    background-color: #5BC0DE !important;
}

.active-bar-success > div {
    border: 1px solid #54A754 !important;
    background-color: #729C14 !important;
}

.active-bar-warning > div {
    border: 1px solid #D59944 !important;
    background-color: #F89406 !important;
}

.active-bar-danger > div {
    border: 1px solid #CA514E !important;
    background-color: #B9260C !important;
}

/* ---------------------------------------------------------------------- */
/*	Mystats
	/* ---------------------------------------------------------------------- */

ul.mystats {
    overflow: hidden;
    position: relative;
}

    ul.mystats li {
        position: relative;
        display: block;
        padding: 10px 10px 10px 10px;
    }

        ul.mystats li.first, ul.mystats li:first-child {
            padding-top: 12px;
        }

        ul.mystats li.last, ul.mystats li:last-child {
            padding-bottom: 0;
        }

        ul.mystats li h1 {
            line-height: 14px;
            margin: 0 0 20px;
            position: relative;
            float: left;
            text-transform: uppercase;
            display: inline-block;
            font-size: 19px;
            width: 87px;
            font-weight: bold;
            color: #F0F0F0;
        }

            ul.mystats li h1 span {
                display: block;
                font-size: 10px;
                margin-bottom: 7px;
                color: #D1D1D1;
                font-weight: normal;
            }

        ul.mystats li .mychart {
            margin-top: 7px;
            position: relative;
            width: 86px;
            height: 35px;
            display: inline-block;
        }

/* ---------------------------------------------------------------------- */
/*	aside right
	/* ---------------------------------------------------------------------- */
.aside-buttons .btn {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
}

    .aside-buttons .btn.btn-large {
        padding: 15px 10px;
    }

    .aside-buttons .btn.btn-small {
        padding: 4px 10px;
    }

aside.right a {
    color: #fff;
}

aside.right #datepicker {
    color: #C9C9C9;
    background: url('../img/transparant-20.png');
    box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
    -moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
}

    aside.right #datepicker .datepicker thead tr:first-child th:hover, aside.right #datepicker .datepicker tfoot tr:first-child th:hover {
        color: #333;
    }

/* ---------------------------------------------------------------------- */
/*	button overides
	/* ---------------------------------------------------------------------- */

/* in some cases you may need to override the font size but keep the padding */
.text-small {
    font-size: 12px !important;
}

.btn {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

/* primary btn */
.btn-primary, .btn-info, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    background-color: #00438D;
    color: #ffffff;
    background-repeat: repeat-x;
    background-image: linear-gradient(top, #006AAC, #00438D);
    border-left-color: #305F9C;
    border-right-color: #305F9C;
    border-top-color: #305F9C;
    border-bottom-color: #002A80;
}

    .dropdown-menu li > a:hover,
    .dropdown-menu li > a:focus, .dropdown-submenu:hover > a,
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        background-color: #00438D;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #003399 \9;
    }

/* warning btn */
.btn-warning {
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


/* danger btn */
.btn-danger {
    background-position: 0% 0%;
    color: #ffffff;
    background-repeat: repeat-x;
    background-image: linear-gradient(top, #DB440F, #B9260C);
    border-left-color: #bd362f;
    border-right-color: #bd362f;
    border-top-color: #bd362f;
    border-bottom-color: #802420;
    background-color: #B9260C;
    background-attachment: scroll;
}

    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled] {
        background-color: #B9260C;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #942a25 \9;
    }

/* success btn */
.btn-success {
    background-color: #729C14;
    color: #ffffff;
    background-repeat: repeat-x;
    background-image: linear-gradient(top, #9DC234, #729C14);
    border-left-color: #51a351;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;
}

    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
        background-color: #729C14;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #408140 \9;
    }

/* btn info */
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: #00438D;
}

.btn-info:active,
.btn-info.active {
    background-color: #003399 \9;
}

.btn.medium {
    font-size: 12px;
    font-weight: bold;
}

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

.btn-group.open .btn-info.dropdown-toggle, .btn-group.open .btn-primary.dropdown-toggle {
    background-color: #00438D;
}

.btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] {
    /*margin-right:3px;*/
}

/* ---------------------------------------------------------------------- */
/*	Model overrides (adjustments)
	/* ---------------------------------------------------------------------- */

.modal, .modal-header {
    background: #333;
}

    .modal-header h3 {
        font-size: 18px;
        font-weight: 300;
        color: #fff;
    }

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

.modal.fade.in {
    top: 30%;
}

.modal-body {
    background-color: #fff;
}

/* ---------------------------------------------------------------------- */
/*	wysihtml5 adjustments
	/* ---------------------------------------------------------------------- */

.wysihtml5-toolbar li a i {
    line-height: 15px !important;
    font-size: 14px;
}

.wysihtml5-widget {
    padding: 20px 35px 20px 20px;
}

    .wysihtml5-widget .post-msg {
        margin-right: -14px; /* counter the css bug */
        margin-top: 8px; /* 18px total from top textbox */
        margin-bottom: -5px;
    }

/* ---------------------------------------------------------------------- */
/*	Chat Interface
	/* ---------------------------------------------------------------------- */

#chat-user-control {
    margin-top: 7px;
}

    #chat-user-control > button, #chat-user-control > a {
        padding: 2px 2px 2px 5px;
    }

        #chat-user-control > button:hover, #chat-user-control > a:hover {
            text-decoration: none;
            border: 1px solid #ADADAD;
        }

    #chat-user-control > .dropdown-menu {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

.chat-widget {
    padding: 20px;
}

.chat-tabs {
    margin-bottom: 0;
}

    .chat-tabs li:first-child {
        margin-left: 0;
    }

    .chat-tabs li .chat-close-btn, .chat-tabs li.active .chat-close-btn {
        height: 18px;
        padding: 1px 4px 2px 4px !important;
        line-height: 14px;
        font-size: 10.5px;
        -webkit-border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        color: #333;
        border: 1px solid #333;
        margin-top: 10px;
        margin-right: 13px;
    }

    .chat-tabs li .chat-close-btn {
        color: #929292;
        border: 1px solid #929292;
        opacity: .5;
    }

        .chat-tabs li .chat-close-btn:hover {
            color: #333;
            border: 1px solid #333;
            opacity: 1;
        }

    .chat-tabs li a {
        padding-right: 42px;
    }

    .chat-tabs > li > a > i {
        margin-top: 6px;
        margin-right: 7px;
        float: left;
    }

.chat-content {
    padding: 20px 10px;
    background: #fff;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #CECECE;
}

.chat-box {
    padding-left: 0;
    margin-top: 20px;
}

    .chat-box div {
        position: relative;
        padding-right: 0;
        padding-bottom: 0;
        margin-left: 0;
    }

    .chat-box textarea {
        font-size: 12px;
        width: 100%;
        background: white;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        display: block;
        border: 1px solid #D8D8D8;
        box-shadow: 0 1px 1px #FAFAFA;
        -webkit-box-shadow: 0 1px 1px #FAFAFA;
        -moz-box-shadow: 0 1px 1px #fafafa;
        padding: 10px;
        color: #404040;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        overflow: hidden;
        word-wrap: break-word;
        resize: horizontal;
        height: 64px;
        margin-bottom: 0;
    }

    .chat-box > div {
        margin-top: 18px;
        margin-bottom: -5px;
    }

.chat-box-buttons a {
    padding: 1px 5px;
    opacity: .4;
    filter: alpha(opacity=40);
    display: block;
    margin: 5px 3px 0 3px;
}

    .chat-box-buttons a:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        color: #999;
    }

.type-effect {
    margin-top: 0;
    color: #999;
    font-size: 11px;
    font-style: italic;
    white-space: nowrap;
}

    .type-effect img {
        margin-right: 5px;
        opacity: .4;
        filter: alpha(opacity=40);
    }

/* the chat message */
.chat-messages {
}

p.message-box {
    padding: 10px;
    margin: 0 0 10px;
}


    p.message-box img {
        display: inline-block;
        float: left;
        vertical-align: middle;
        width: 38px;
        height: 38px;
        margin-top: 1px;
        border: 1px solid #9B9B9B;
        border-top-color: #636363;
        -webkit-border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

    p.message-box.you img {
        float: right;
    }

    p.message-box .message, p.message-box.you .message {
        display: block;
        margin-left: 50px;
        position: relative;
        padding: 10px;
        border: 1px solid #E5E5E5;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background: #FFFCF2;
        box-shadow: 0 1px 0 white, 0 2px 1px 1px #F7F7F7;
        -webkit-box-shadow: 0 1px 0 white, 0 2px 1px 1px #F7F7F7;
        -moz-box-shadow: 0 1px 0 white, 0 2px 1px 1px #F7F7F7;
    }

    p.message-box.you .message {
        margin-left: 0;
        margin-right: 50px;
        background: #F2FBFF;
    }

span.message-time {
    float: right;
    font-size: 11px;
    font-style: italic;
    color: #aaa;
}

span.message-text {
    display: block;
    margin-top: 10px;
}

/* tab hovers */

.chat-tabs > li.active a {
    background: #fff; /* Old browsers */
    opacity: 1;
}

.chat-tabs > li > a {
    color: #A0A0A0;
    border: 1px solid #DADADA;
    border-bottom-color: #DDD;
}

    .chat-tabs > li > a:hover {
        color: #A0A0A0;
        border: 1px solid #DADADA;
        border-bottom-color: #DDD;
    }

/* ---------------------------------------------------------------------- */
/*	users online
	/* ---------------------------------------------------------------------- */

ul.users-online {
    margin: 0;
    padding: 0;
    list-style: none;
}

.online, .offline, .away, .busy {
    width: 7px;
    height: 7px;
    background: url('../img/chat/contact.png') 0px 0px no-repeat;
    display: block;
}

.away {
    background-position: 0px -8px;
}

.busy {
    background-position: 0px -16px;
}

.offline {
    background-position: 0px -24px;
}

ul.users-online li {
    border-top: 1px solid #C2C2C2;
    border-left: 1px solid #EEE;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    background: #FAFAFA;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EFEFEF));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: linear-gradient(to bottom, #FAFAFA 0%,#EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
}

    ul.users-online li:last-child, ul.users-online li.last {
        border-bottom: 1px solid #111;
    }

    ul.users-online li img {
        display: inline-block;
        height: 36px;
        width: 36px;
        margin-top: -18px;
        box-shadow: 0 1px 1px #222;
        -webkit-box-shadow: 0 1px 1px #222;
    }

    ul.users-online li a {
        position: relative;
        display: block;
        height: 40px;
        line-height: 15px;
        padding: 10px;
        color: inherit;
    }

        ul.users-online li a:hover {
            background: url('../img/transparant-5.png') repeat;
        }

        ul.users-online li a:active {
            background: url('../img/transparant-10.png') repeat;
        }

        ul.users-online li a strong {
            display: block;
            line-height: 22px;
            font-size: 12px;
            margin-bottom: -2px;
        }

            ul.users-online li a strong span {
                color: #AAA;
            }

.user-name {
    display: inline-block;
    height: 40px;
    margin-left: 5px;
}

ul.users-online li a i {
    float: right;
    margin-top: 14px;
}

.user-name b {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    color: #999;
    line-height: 10px;
}

/* ---------------------------------------------------------------------- */
/*	tooltip
	/* ---------------------------------------------------------------------- */

.tooltip {
    line-height: 20px !important;
}

.tooltip-inner {
    background: #000; /* Old browsers */
    background: -moz-linear-gradient(top, #828282 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #828282 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #828282 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #828282 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #828282 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/* ---------------------------------------------------------------------- */
/*	Forms
	/* ---------------------------------------------------------------------- */

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-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.main-search {
    position: relative;
}

    .main-search input {
        height: 33px;
        margin: 0;
        font-size: 12px;
        line-height: normal;
        padding-left: 25px;
        width: 100%;
        background: url('../img/transparant-20.png');
        border: 1px solid #4E4E4E;
    }

    .main-search label {
        position: absolute;
        top: 6px;
        left: 9px;
        color: #757272;
    }

/* ---------------------------------------------------------------------- */
/*	Tables (adjustments)
	/* ---------------------------------------------------------------------- */

.table-bordered {
    border-top-width: 0px;
}

.dataTable {
    border-top-width: 1px;
}

.table.text-left thead tr th {
    text-align: left;
}

table.has-checkbox thead tr th:first-child, table.has-checkbox thead tr th.first {
    width: 5px !important;
}

table td.highlighted {
    background: url('../img/transparant-40.png') !important;
    color: #fff;
}

/* ---------------------------------------------------------------------- */
/*	Badge & Labels (adjustments)
	/* ---------------------------------------------------------------------- */

.label-important.special, .badge-important.special,
.label-warning.special, .badge-warning.special,
.label-success.special, .badge-success.special,
.label-info.special, .badge-info.special {
    display: inline-block;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-background-clip: padding-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-width: 1px;
    border-style: solid;
    -webkit-background-clip: padding-box;
    -webkit-appearance: none;
    background-position: center center !important;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
}


/* ---------------------------------------------------------------------- */
/*	Login Page
	/* ---------------------------------------------------------------------- */

#login-logo {
    background: url('../img/favicons/apple-touch-icon-retina.png') top left transparent no-repeat;
    display: block;
    width: 114px;
    height: 82px;
    overflow: hidden;
    margin: -216px 0 0 -52px;
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 10;
}

#login-page #header-toolbar h1 {
    width: 100%;
    text-align: center;
}

.form-signin {
    margin-bottom: 1px;
}

    .form-signin .form-signin-heading, .form-signin .checkbox {
        margin-bottom: 20px;
        float: left;
        margin-top: 7px;
    }

    .form-signin div.checker {
        margin-top: -2px;
    }

    .form-signin input[type="text"], .form-signin input[type="password"] {
        width: 100%;
        height: 35px;
        margin-bottom: 0;
    }

        .form-signin input[type="text"]:focus, .form-signin input[type="password"]:focus {
            border-color: #305F9C;
        }

    .form-signin .radio, .form-signin .checkbox {
        padding-left: 0;
        font-size: 13px;
    }

.jarviswidget.login, .jarviswidget.register {
    max-width: 300px;
    min-width: 300px;
    border: 1px solid #353535;
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .1);
    position: relative;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
    /*height: 313px;*/
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -156.5px 0 0 -150px;
}

.jarviswidget.register {
    margin: -156px 0 0 -150px;
}

    .jarviswidget.login #main-content, .jarviswidget.register #main-content {
        padding: 0;
    }

    .jarviswidget.login header, .jarviswidget.register header {
        border-color: #555;
        padding: 5px 15px;
        border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        background: #45484d; /* Old browsers */
        background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
        background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
        box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
    }

        .jarviswidget.login header img {
            float: left;
        }

        .jarviswidget.login header h2, .jarviswidget.register h2 {
            font-size: 16px;
            color: white;
            margin: 0;
            line-height: 30px;
            font-family: 'Lato', Arial, Helvetica, sans-serif;
            text-shadow: none;
        }

    .jarviswidget.login > div, .jarviswidget.register > div {
        border: none;
    }

#login-page .btn {
    font-size: 14px;
    padding: 7px 15px;
}

.jarviswidget.login .control-group, .jarviswidget.register .control-group {
    background: none;
}

/* ---------------------------------------------------------------------- */
/*	Paging
	/* ---------------------------------------------------------------------- */

.pagination ul > li > a,
.pagination ul > li > span,
.pager li > a, .pager li > span {
    border: 1px solid silver;
    border-left-width: 0px;
    /* Generated by http://www.colorzilla.com/gradient-editor/ */
    background: #ffffff; /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-left-width: 1px;
}

.pagination ul > li > a:hover, .pagination ul > li > span:hover,
.pager li > a:hover, .pager li > span:hover {
    background: #f3f3f3; /* Old browsers */
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
    background: -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span,
.pager > .disabled > span,
.pager > .disabled > a,
.pager > .disabled > a:hover,
.pager > .active > a,
.pager > .active > span {
    background: #f3f3f3; /* Old browsers */
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
    background: -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    color: #999;
}

.well .pagination {
    margin: 0; /* this was just used for the demo - please remove if conflicting*/
}

.pager li > a, .pager li > span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-left-width: 1px;
}

/* ---------------------------------------------------------------------- */
/*	Well
	/* ---------------------------------------------------------------------- */

.well.light {
    background: #FCFCFC;
}

.nav-list.well {
    padding-top: 0;
    padding-bottom: 0;
}

.well.light.spacing {
    margin-bottom: 20px;
}

/* ---------------------------------------------------------------------- */
/*	nav list
	/* ---------------------------------------------------------------------- */

.nav-list {
    margin: 0;
}

    .nav-list > li > a, .nav-list .nav-header {
        margin-left: -15px;
        margin-right: -15px;
        padding: 7.5px 15px;
        -moz-border-radius: 3px 3px 0px 0px;
        -khtml-border-radius: 3px 3px 0px 0px;
        -webkit-border-radius: 3px 3px 0px 0px;
        border-radius: 3px 3px 0px 0px;
    }

.nav-header {
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #777;
    text-transform: uppercase;
    background: #FAFAFA;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EFEFEF));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: linear-gradient(to bottom, #FAFAFA 0%,#EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
    border-bottom: 1px solid #DADADA;
}

/* ---------------------------------------------------------------------- */
/*	Logout Animation
	/* ---------------------------------------------------------------------- */

body.logout {
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
    -o-transform: scale(.8);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/* ---------------------------------------------------------------------- */
/*	Footer (NOTE: Currently footer is not being used)
	/* ---------------------------------------------------------------------- */

footer {
}


/* ---------------------------------------------------------------------- */
/*	Colorpicker for Bootstrap
	 /*	Copyright 2012 Stefan Petre 
	 /*	Licensed under the Apache License v2.0
	 /*	http://www.apache.org/licenses/LICENSE-2.0
	 /* ---------------------------------------------------------------------- */

.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url('../img/colorpicker/saturation.png');
    cursor: crosshair;
    float: left;
}

    .colorpicker-saturation i {
        display: block;
        height: 5px;
        width: 5px;
        border: 1px solid #000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: absolute;
        top: 0;
        left: 0;
        margin: -4px 0 0 -4px;
    }

        .colorpicker-saturation i b {
            display: block;
            height: 5px;
            width: 5px;
            border: 1px solid #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.colorpicker-hue, .colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px;
}

    .colorpicker-hue i, .colorpicker-alpha i {
        display: block;
        height: 1px;
        background: #000;
        border-top: 1px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: -1px;
    }

.colorpicker-hue {
    background-image: url('../img/colorpicker/hue.png');
}

.colorpicker-alpha {
    background-image: url('../img/colorpicker/alpha.png');
    display: none;
}

.colorpicker {
    *zoom: 1;
    top: 0;
    left: 0;
    padding: 4px;
    min-width: 120px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

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

    .colorpicker:after {
        clear: both;
    }

    .colorpicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .colorpicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .colorpicker div {
        position: relative;
    }

    .colorpicker.alpha {
        min-width: 140px;
    }

        .colorpicker.alpha .colorpicker-alpha {
            display: block;
        }

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url('../img/colorpicker/alpha.png');
    background-position: 0 100%;
}

    .colorpicker-color div {
        height: 10px;
    }

.input-append.color .add-on i, .input-prepend.color .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

/* ---------------------------------------------------------------------- */
/*	Time picker
	/* ---------------------------------------------------------------------- */

.bootstrap-timepicker.dropdown-menu {
    border-radius: 4px 4px 4px 4px;
    display: none;
    left: 0;
    margin-top: 1px;
    padding: 4px;
    top: 0;
    min-width: 10px;
    z-index: 99999;
}

    .bootstrap-timepicker.dropdown-menu.open {
        display: inline-block;
    }

    .bootstrap-timepicker.dropdown-menu:before {
        border-bottom: 7px solid rgba(0, 0, 0, 0.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        left: 6px;
        position: absolute;
        top: -7px;
    }

    .bootstrap-timepicker.dropdown-menu:after {
        border-bottom: 6px solid #FFFFFF;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        left: 7px;
        position: absolute;
        top: -6px;
    }

.bootstrap-timepicker.modal {
    margin-left: -100px;
    margin-top: 0;
    top: 30%;
    width: 200px;
}

    .bootstrap-timepicker.modal .modal-content {
        padding: 0;
        background: #fff;
    }

.bootstrap-timepicker table {
    margin: 0;
    width: 100%;
}

    .bootstrap-timepicker table td {
        height: 30px;
        margin: 0;
        padding: 2px;
        text-align: center;
    }

        .bootstrap-timepicker table td span {
            width: 100%;
        }

        .bootstrap-timepicker table td a {
            border: 1px solid transparent;
            display: inline-block;
            margin: 0;
            outline: 0 none;
            padding: 8px 0;
            width: 3em;
        }

            .bootstrap-timepicker table td a:hover {
                background-color: #EEEEEE;
                border-color: #DDDDDD;
                border-radius: 4px 4px 4px 4px;
            }

            .bootstrap-timepicker table td a i {
                margin-top: 2px;
            }

        .bootstrap-timepicker table td input {
            margin: 0;
            text-align: center;
            width: 25px;
        }

.bootstrap-timepicker-component .add-on {
    cursor: pointer;
}

    .bootstrap-timepicker-component .add-on i {
        display: block;
        height: 16px;
        width: 16px;
    }

/* ---------------------------------------------------------------------- */
/*	bootstrap form wizzard
	/* ---------------------------------------------------------------------- */

.bwizard {
    position: relative;
}

    .bwizard div.well {
        border-left: none;
        border-right: none;
        border-radius: 0px;
        padding: 0;
    }

    .bwizard .well {
        margin: 3px 0;
    }

.bwizard-steps {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #D5D5D5;
    padding: 10px 15px 15px;
    display: inline-block;
    background: #fff;
}

    .bwizard-steps li {
        display: inline-block;
        position: relative;
        margin-top: 5px;
        margin-right: 5px;
        line-height: 18px;
        list-style: none;
        padding: 12px 17px 10px 30px;
        background: #efefef;
        zoom: 1;
        *display: inline;
        *padding-left: 17px;
    }

        .bwizard-steps li a {
            display: inline-block;
            background: transparent !important;
        }

        .bwizard-steps li:first-child {
            -moz-border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
            padding-left: 12px;
        }

            .bwizard-steps li:first-child:before {
                border: none;
            }

        .bwizard-steps li:last-child {
            -moz-border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
            margin-right: 0;
        }

            .bwizard-steps li:last-child:after {
                border: none;
            }

        .bwizard-steps li:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 0;
            width: 0;
            border-bottom: 20px inset transparent;
            border-left: 20px solid #fff;
            border-top: 20px inset transparent;
            content: "";
        }

        .bwizard-steps li:after {
            position: absolute;
            right: -20px;
            top: 0;
            height: 0;
            width: 0;
            border-bottom: 20px inset transparent;
            border-left: 20px solid #efefef;
            border-top: 20px inset transparent;
            content: "";
            z-index: 2;
        }

    .bwizard-steps .label {
        margin: 0 5px 0 0;
        padding: 1px 5px 2px;
        position: relative;
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
        top: -1px;
    }

    .bwizard-steps .active {
        color: #fff;
        background: #006AAC;
    }

        .bwizard-steps .active:after {
            border-left-color: #006AAC;
        }

    .bwizard-steps a {
        color: #333;
    }

    .bwizard-steps .active a {
        color: #fff;
        cursor: default;
    }

    .bwizard-steps a:hover {
        text-decoration: none;
        background: transparent;
    }

    .bwizard-steps.clickable li:not(.active) {
        cursor: pointer;
    }

    .bwizard-steps.clickable li:hover:not(.active) {
        background: transparent;
    }

        .bwizard-steps.clickable li:hover:not(.active) a {
            color: #08c;
        }

        .bwizard-steps.clickable li:hover:not(.active) :after {
            border-left-color: #ccc;
        }


#wizard .navbar-inner {
    margin-left: -20px;
    border-left: none;
    border-right: none;
    margin-right: -20px;
    margin-top: -20px;
    border-top: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#wizard .wizard ul {
    list-style: none;
    margin: 0;
}

    #wizard .wizard ul li {
        display: inline-block;
    }

/* ---------------------------------------------------------------------- */
/*	Inbox
	/* ---------------------------------------------------------------------- */

.inbox-menu, .inbox-body {
    height: 530px;
    overflow: hidden;
}

.inbox-menu {
    width: 249px;
    position: absolute;
    top: 0px;
    right: 0px; /* change this value to left or right to shift inbox menu */
}

.inbox-body {
    width: auto;
    position: relative;
    background-image: url('../img/backgrounds/4.jpg');
    margin-right: 250px; /* change this value to left or right to shift inbox menu */
    -webkit-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, .3);
    box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, .3);
}

.inbox-body-content {
    padding: 20px;
    position: relative;
    box-sizing: border-box;
}

.message-container, .inbox-control-panel, .message-control-panel, div.slashc-sliding-menu {
    background: #EFEFF4;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#DFDFDF));
    background: -webkit-linear-gradient(top, #f8f8f8, #DFDFDF);
    background: -moz-linear-gradient(top, #f8f8f8, #DFDFDF);
    background: -ms-linear-gradient(top, #f8f8f8, #DFDFDF);
    background: -o-linear-gradient(top, #f8f8f8, #DFDFDF);
    background: linear-gradient(top, #f8f8f8, #DFDFDF);
}

.message-container {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
    margin-bottom: 20px;
}

.inbox-control-panel, .message-control-panel {
    display: block;
    width: 100%;
    height: 43px;
    -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
    border-top: 1px solid #C7C7C7;
    border-right: 1px solid #C7C7C7; /* change this value to left or right to shift inbox menu */
    padding: 6px 5px;
}

.inbox-menu .inbox-control-panel {
    border-left-width: 0px;
    border-bottom: 1px solid #CACACA;
}

.message-control-panel {
    height: 50px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 9px 8px;
}

.message-body {
    padding: 20px;
}

    .message-body p {
        line-height: normal;
        margin-bottom: 20px;
    }

.past-message {
    display: block;
    border-left: 2px solid #8F8F8F;
    padding: 0px 10px;
    margin-left: 20px;
    color: #8F8F8F;
    font-style: italic;
}

div.slashc-sliding-menu span.tiny-sub {
    line-height: normal !important;
    color: #5A7DB3;
    font-size: 12px;
    font-weight: bold;
}

    div.slashc-sliding-menu span.tiny-sub i {
        position: absolute;
        right: 10px;
        text-indent: 0;
    }

div.slashc-sliding-menu span.tiny-des {
    line-height: 16px;
    font-size: 11px;
    font-weight: normal;
    margin-top: 5px;
    text-indent: 0;
    padding-left: 15px;
    color: #646464;
}

/* inbox header */
h1.message-title {
    color: white;
    font-size: 35px;
    font-weight: 500;
    padding-bottom: 0;
    margin-bottom: 4px;
    line-height: normal;
}

h3.message-from {
    margin-top: -2px;
    line-height: 20px;
    font-size: 20px;
    margin-bottom: 20px;
}

/* ---------------------------------------------------------------------- */
/*	Inbox Menu
	/* ---------------------------------------------------------------------- */

div.slashc-sliding-menu {
    overflow: hidden;
}

    div.slashc-sliding-menu, div.slashc-sliding-menu h1, div.slashc-sliding-menu ul, div.slashc-sliding-menu li, div.slashc-sliding-menu li a, div.slashc-sliding-menu li span, div.slashc-sliding-menu p {
        display: block;
        font: 14px Arial, sans-serif; /* set font here */
        width: 100%; /* set width here */
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
        position: relative;
    }

        div.slashc-sliding-menu h1, div.slashc-sliding-menu li, div.slashc-sliding-menu li a, div.slashc-sliding-menu li a span, div.slashc-sliding-menu p {
            line-height: 42px;
            text-indent: 15px;
            background-repeat: repeat-x;
            background-position: 0 0;
        }

        div.slashc-sliding-menu h1 {
            background: url('../img/backgrounds/low_contrast_linen.png');
            color: #fff;
            font-weight: bold;
            padding-left: 40px;
            text-align: right;
            padding-right: 10px;
            -webkit-box-shadow: inset 0 1px 5px black;
            -moz-box-shadow: inset 0 1px 5px black;
            box-shadow: inset 0 1px 5px black;
        }

        div.slashc-sliding-menu li {
            background: -webkit-gradient(linear, left top, left bottom, from(#F7F7FA), to(#EEE));
            background: -webkit-linear-gradient(top, #F7F7FA, #EEE);
            background: -moz-linear-gradient(top, #F7F7FA, #EEE);
            background: -ms-linear-gradient(top, #F7F7FA, #EEE);
            background: -o-linear-gradient(top, #F7F7FA, #EEE);
            background: linear-gradient(top, #F7F7FA, #EEE);
            border-bottom: 1px solid #CCC;
            border-top: 1px solid #fff;
        }

            div.slashc-sliding-menu li ul {
                position: absolute;
            }

            div.slashc-sliding-menu li, div.slashc-sliding-menu li a {
                color: #333;
                text-decoration: none;
            }

                div.slashc-sliding-menu li ul li a {
                    padding-top: 10px;
                    padding-bottom: 10px;
                    box-sizing: border-box;
                }

                    div.slashc-sliding-menu li ul li a:hover {
                        background: #ffffcc;
                    }

                    div.slashc-sliding-menu li ul li a:active {
                        background: url('../img/transparant-5.png');
                        background: rgba(128, 128, 128, 0.1);
                    }

                div.slashc-sliding-menu li a span {
                    font-weight: bold;
                }

                div.slashc-sliding-menu li a:hover {
                    background-color: #888;
                    color: #fff;
                }

                    div.slashc-sliding-menu li a:hover span {
                        background-position: 256px -31px;
                    }

        div.slashc-sliding-menu p {
            background-color: #222;
            /*background-image: url(../img/footer_bg.jpg);*/
            color: #555;
            font-size: 12px;
        }

        div.slashc-sliding-menu a.slashc-sliding-menu-home, div.slashc-sliding-menu a.slashc-sliding-menu-back {
            text-indent: -10000px;
            display: block;
            height: 50px;
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
        }

        div.slashc-sliding-menu a.slashc-sliding-menu-home {
            width: 18px;
            height: auto;
            color: white;
            line-height: 22px;
            font-size: 22px;
            padding: 2px 12px 5px 0px;
            margin-top: 6px;
            margin-left: 7px;
            color: white;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            text-indent: 4px;
        }

        div.slashc-sliding-menu a.slashc-sliding-menu-back {
            width: 52px;
            /*background: url(../img/back_icn.gif) no-repeat 15px 19px;*/
        }

            div.slashc-sliding-menu a.slashc-sliding-menu-back:hover {
                background-position: 15px -31px;
            }

        div.slashc-sliding-menu a {
            outline: none;
        }

/* ---------------------------------------------------------------------- */
/*	default tabs
	/* ---------------------------------------------------------------------- */

.default-tabs {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    background: #FAFAFA;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EFEFEF));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#EFEFEF 100%);
    background: linear-gradient(to bottom, #FAFAFA 0%,#EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
    border-color: #C8C8C8;
}

    .default-tabs > li:first-child {
        margin-left: 0px;
    }

        .default-tabs > li:first-child a {
            border-left-width: 0px;
        }

    .default-tabs > li > a, .default-tabs > li > a:hover {
        padding-top: 11px;
        padding-bottom: 11px;
        border-radius: 0px;
        border-top: none !important;
        -moz-border-raius: 0px;
        -webkit-border-radius: 0px;
        margin-right: 0px;
        border: 1px solid #C8C8C8;
        border-left-width: 0px;
    }

    .default-tabs > li.active > a, .default-tabs > li.active > a:hover {
        border-left-width: 0px;
        border-left-color: #C8C8C8;
        border-right-color: #C8C8C8;
    }

    .default-tabs .dropdown-toggle .caret {
        border-top-color: #D6CECE !important;
        border-bottom-color: #B5B7BB !important;
    }
    /* tab right */
    .default-tabs.rt > li {
        float: right !important;
    }

        .default-tabs.rt > li:first-child {
            margin-right: 0px;
            margin-left: 0px;
        }

            .default-tabs.rt > li:first-child a, .default-tabs.rt > li:first-child a:hover, .default-tabs.rt > li:first-child.active a {
                border-right-width: 0px;
                border-left-width: 1px;
            }

        .default-tabs.rt > li > a, .default-tabs.rt > li > a:hover, .default-tabs.rt > li.active > a {
            border-right-width: 0px;
            border-left-width: 1px;
        }

/* ---------------------------------------------------------------------- */
/*	ibutton (bootstrapSwitch)
	/* ---------------------------------------------------------------------- */
/* ============================================================
	 * bootstrapSwitch v1.2 by Larentis Mattia @spiritualGuru
	 * http://www.larentis.eu/switch/
	 * ============================================================
	 * Licensed under the Apache License, Version 2.0
	 * http://www.apache.org/licenses/LICENSE-2.0
	 * ============================================================ */
.has-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    min-width: 100px;
}

    .has-switch.switch-mini {
        min-width: 72px;
    }

    .has-switch.switch-small {
        min-width: 80px;
    }

    .has-switch.switch-large {
        min-width: 120px;
    }

    .has-switch.deactivate {
        opacity: 0.5;
        filter: alpha(opacity=50);
        cursor: default !important;
    }

        .has-switch.deactivate label,
        .has-switch.deactivate span {
            cursor: default !important;
        }

    .has-switch > div {
        display: inline-block;
        width: 150%;
        position: relative;
        top: 0;
    }

        .has-switch > div.switch-animate {
            -webkit-transition: left 0.5s;
            -moz-transition: left 0.5s;
            -o-transition: left 0.5s;
            transition: left 0.5s;
        }

        .has-switch > div.switch-off {
            left: -50%;
        }

        .has-switch > div.switch-on {
            left: 0%;
        }

    .has-switch input[type=checkbox] {
        display: none;
    }

    .has-switch span,
    .has-switch label {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
        display: inline-block;
        height: 100%;
        padding-bottom: 4px;
        padding-top: 4px;
        font-size: 14px;
        line-height: 20px;
    }

        .has-switch span.switch-mini,
        .has-switch label.switch-mini {
            padding-bottom: 4px;
            padding-top: 4px;
            font-size: 10px;
            line-height: 9px;
        }

        .has-switch span.switch-small,
        .has-switch label.switch-small {
            padding-bottom: 3px;
            padding-top: 3px;
            font-size: 12px;
            line-height: 18px;
        }

        .has-switch span.switch-large,
        .has-switch label.switch-large {
            padding-bottom: 9px;
            padding-top: 9px;
            font-size: 16px;
            line-height: normal;
        }

    .has-switch label {
        text-align: center;
        margin-top: -1px;
        margin-bottom: -1px;
        z-index: 100;
        width: 34%;
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #f5f5f5;
        background-repeat: repeat-x;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        *background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    border-top-color: #e6e6e6;
    border-bottom-color: #bfbfbf;
}

        .has-switch label:hover,
        .has-switch label:focus,
        .has-switch label:active,
        .has-switch label.active,
        .has-switch label.disabled,
        .has-switch label[disabled] {
            color: #ffffff;
            background-color: #e6e6e6;
            *background-color: #d9d9d9;
        }

        .has-switch label:active,
        .has-switch label.active {
            background-color: #cccccc \9;
        }

        .has-switch label i {
            color: #000;
            text-shadow: 0 1px 0 #fff;
            line-height: 18px;
            pointer-events: none;
        }

    .has-switch span {
        text-align: center;
        z-index: 1;
        width: 33%;
    }

        .has-switch span.switch-left {
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
        }

        .has-switch span.switch-right {
            color: #333333;
            text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
            background-color: #f0f0f0;
            background-repeat: repeat-x;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            *background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-top-color: #ffffff;
    border-bottom-color: #d9d9d9;
}

            .has-switch span.switch-right:hover,
            .has-switch span.switch-right:focus,
            .has-switch span.switch-right:active,
            .has-switch span.switch-right.active,
            .has-switch span.switch-right.disabled,
            .has-switch span.switch-right[disabled] {
                color: #333333;
                background-color: #ffffff;
                *background-color: #f2f2f2;
            }

            .has-switch span.switch-right:active,
            .has-switch span.switch-right.active {
                background-color: #e6e6e6 \9;
            }

        .has-switch span.switch-primary,
        .has-switch span.switch-left {
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #006AAC;
            background-repeat: repeat-x;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            *background-image: linear-gradient(to bottom, #00438D, #006AAC);
    border-left-color: #0088cc;
    border-right-color: #0088cc;
    border-top-color: #0088cc;
    border-bottom-color: #005580;
}

            .has-switch span.switch-primary:hover,
            .has-switch span.switch-left:hover,
            .has-switch span.switch-primary:focus,
            .has-switch span.switch-left:focus,
            .has-switch span.switch-primary:active,
            .has-switch span.switch-left:active,
            .has-switch span.switch-primary.active,
            .has-switch span.switch-left.active,
            .has-switch span.switch-primary.disabled,
            .has-switch span.switch-left.disabled,
            .has-switch span.switch-primary[disabled],
            .has-switch span.switch-left[disabled] {
                color: #ffffff;
                background-color: #0088cc;
                *background-color: #0077b3;
            }

            .has-switch span.switch-primary:active,
            .has-switch span.switch-left:active,
            .has-switch span.switch-primary.active,
            .has-switch span.switch-left.active {
                background-color: #006699 \9;
            }

        .has-switch span.switch-info {
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #41a7c5;
            background-repeat: repeat-x;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            *background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
    border-left-color: #5bc0de;
    border-right-color: #5bc0de;
    border-top-color: #5bc0de;
    border-bottom-color: #28a1c5;
}

            .has-switch span.switch-info:hover,
            .has-switch span.switch-info:focus,
            .has-switch span.switch-info:active,
            .has-switch span.switch-info.active,
            .has-switch span.switch-info.disabled,
            .has-switch span.switch-info[disabled] {
                color: #ffffff;
                background-color: #5bc0de;
                *background-color: #46b8da;
            }

            .has-switch span.switch-info:active,
            .has-switch span.switch-info.active {
                background-color: #31b0d5 \9;
            }

        .has-switch span.switch-success {
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #729C14;
            background-repeat: repeat-x;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            *background-image: linear-gradient(to bottom, #729C14, #9DC234);
    border-left-color: #62c462;
    border-right-color: #62c462;
    border-top-color: #62c462;
    border-bottom-color: #3b9e3b;
}

            .has-switch span.switch-success:hover,
            .has-switch span.switch-success:focus,
            .has-switch span.switch-success:active,
            .has-switch span.switch-success.active,
            .has-switch span.switch-success.disabled,
            .has-switch span.switch-success[disabled] {
                color: #ffffff;
                background-color: #62c462;
                *background-color: #4fbd4f;
            }

            .has-switch span.switch-success:active,
            .has-switch span.switch-success.active {
                background-color: #42b142 \9;
            }

        .has-switch span.switch-warning {
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #f9a123;
            background-repeat: repeat-x;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            *background-image: linear-gradient(to bottom, #f89406, #fbb450);
    border-left-color: #fbb450;
    border-right-color: #fbb450;
    border-top-color: #fbb450;
    border-bottom-color: #f89406;
}

            .has-switch span.switch-warning:hover,
            .has-switch span.switch-warning:focus,
            .has-switch span.switch-warning:active,
            .has-switch span.switch-warning.active,
            .has-switch span.switch-warning.disabled,
            .has-switch span.switch-warning[disabled] {
                color: #ffffff;
                background-color: #fbb450;
                *background-color: #faa937;
            }

            .has-switch span.switch-warning:active,
            .has-switch span.switch-warning.active {
                background-color: #fa9f1e \9;
            }

        .has-switch span.switch-danger {
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #d14641;
            background-repeat: repeat-x;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            *background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
    border-left-color: #ee5f5b;
    border-right-color: #ee5f5b;
    border-top-color: #ee5f5b;
    border-bottom-color: #e51d18;
}

            .has-switch span.switch-danger:hover,
            .has-switch span.switch-danger:focus,
            .has-switch span.switch-danger:active,
            .has-switch span.switch-danger.active,
            .has-switch span.switch-danger.disabled,
            .has-switch span.switch-danger[disabled] {
                color: #ffffff;
                background-color: #ee5f5b;
                *background-color: #ec4844;
            }

            .has-switch span.switch-danger:active,
            .has-switch span.switch-danger.active {
                background-color: #e9322d \9;
            }


/* ---------------------------------------------------------------------- */
/*	Invoice
	/* ---------------------------------------------------------------------- */


#invoice-bar {
    text-align: right;
}

.invoice {
    border: 1px solid #d3d3d3;
    float: left;
    margin-bottom: 30px;
}

    .invoice h3, .invoice h4, .invoice h5 {
        margin: 0;
    }

.invoice-header {
    padding: 30px 30px;
    border-bottom: 1px dotted #AAA;
}

.invoice-company-info {
    text-align: right;
    font-size: 11px;
}

.invoice-header img {
    border: 2px dotted #ddd;
}

.invoice-client-info, .invoice-footer {
    border-bottom: 1px dotted #AAA;
    padding: 15px 30px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.client-info, .invoice-info, .invoice-sum-total, .payment-methods {
    margin: 0;
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.invoice-info, .invoice-sum-total {
    text-align: right;
    float: right;
}

.client-info, .invoice-info {
    font-size: 12px;
}

.invoice-sum-total {
    margin-top: 30px;
}

.invoice-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .invoice-info ul li {
        display: block;
        font-weight: bold;
    }

        .invoice-info ul li span {
            display: inline-block;
            vertical-align: top;
            font-weight: normal;
            padding-left: 20px;
            min-width: 100px;
        }

.invoice-body table {
    border-top: none;
    border-bottom: none;
}

    .invoice, .invoice-body table thead tr {
        background: #fff;
    }

    .invoice-body table thead tr {
        border-top: none;
    }

    .invoice-body table tr, .invoice-body table th {
        line-height: 18px;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid #DDD;
        font-size: 12px;
    }

    .invoice-body table td, .invoice-body table th {
        padding: 10px 32px;
    }

        .invoice-body table th.item {
            width: 18%;
        }

        .invoice-body table th.desc {
            width: 38%;
        }

        .invoice-body table th.price {
            width: 15%;
        }

        .invoice-body table th.qtn {
            width: 15%;
        }

        .invoice-body table th.sub {
            width: 15;
        }

.invoice table td.invoice-sub {
    text-align: right;
    font-weight: bold;
}

.invoice td a {
    font-weight: bold;
    color: #2D67A3;
}

.invoice-footer {
    border-bottom: none;
    border-top: 1px dotted #AAA;
}


/* ---------------------------------------------------------------------- */
/*	Custom Lists
	/* ---------------------------------------------------------------------- */

ul.custom-list {
    list-style: none;
    margin-left: 0;
}

    ul.custom-list li {
        padding-left: 22px;
        background: url('../img/bullet.png') no-repeat left center;
    }

/* ---------------------------------------------------------------------- */
/*	Login Page
	/* ---------------------------------------------------------------------- */

#login {
    width: 278px;
    background: #7EA437 url(../img/backgrounds/menu_bg.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#AAD15F), to(#7EA437));
    background: -webkit-linear-gradient(top, #AAD15F, #7EA437);
    background: -moz-linear-gradient(top, #AAD15F, #7EA437);
    background: -ms-linear-gradient(top, #AAD15F, #7EA437);
    background: -o-linear-gradient(top, #AAD15F, #7EA437);
    background: linear-gradient(top, #AAD15F, #7EA437);
    margin: 100px auto 0;
    position: relative;
    border: 1px solid #CCC;
    padding-top: 60px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.1);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* ---------------------------------------------------------------------- */
/*	Adjustments
	/* ---------------------------------------------------------------------- */

.jarviswidget.transparent, .jarviswidget.transparent > div {
    background: none !important;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

    .jarviswidget.transparent header {
        display: none;
    }

.dimention {
    font: normal 960% Arial;
    margin: 3% 0;
    text-align: center;
    color: #FFF;
    text-shadow: 0 1px 0 #CCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAA, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

.error-page #page-content {
    background: none;
    text-align: center;
}

/* ---------------------------------------------------------------------- */
/*	Error Page
	/*  Tutorial credit: http://24ways.org/2009/css-animations/ 
	/* ---------------------------------------------------------------------- */

.negative .notification-icon {
    background: url('../img/jarvis/negative_48.png') no-repeat center center rgba(0, 0, 0, 0);
}

.error-page body, .error-page.animate body {
    margin: 0;
    overflow: hidden;
    background: #000;
}

.error-page .main-search {
    margin: 50px auto;
    max-width: 300px;
}

    .error-page .main-search input {
        height: 50px;
        font-size: 20px;
        padding-left: 39px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border: 1px solid #ADADAD;
        color: #ADADAD;
    }

        .error-page .main-search input:focus {
            color: #fff;
        }

    .error-page .main-search label {
        top: 15px;
        left: 16px;
        font-size: 20px;
        color: #ADADAD;
    }

.error-page.animate body {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.error-page #page-content p {
    z-index: -1;
    position: fixed;
    top: 50%;
    left: 50%;
}

.error-page #page-content h3 {
    color: #fff;
}

@-webkit-keyframes pulse {
    from {
        background: #000;
    }

    25% {
        background-color: #003;
    }

    50% {
        background-color: #030;
    }

    to {
        background: #000;
    }
}

.error-page #fog,
.error-page #fog-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2000px;
    height: 2000px;
    margin-top: -1000px;
    margin-left: -1000px;
    opacity: .5;
    background: url(../img/errorpage/fog.png) repeat-x 0 center;
    -webkit-animation-name: fogAnimation;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.error-page #fog-2 {
    opacity: 1;
    -webkit-animation-duration: 120s;
}

@-webkit-keyframes fogAnimation {
    from {
        -webkit-transform: rotate(0deg);
        background-position: 0 center;
    }

    to {
        -webkit-transform: rotate(360deg);
        background-position: 1000px center;
    }
}

.error-page #glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 800px;
    margin: -400px 0 0 -400px;
    background: url(../img/errorpage/glow.png) repeat-x 0 0;
    -webkit-animation-name: glowAnimation;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes glowAnimation {
    from {
        opacity: 1;
    }

    50% {
        opacity: .75;
    }

    to {
        opacity: 1;
    }
}

.error-page #light {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 800px;
    margin: -400px 0 0 -400px;
    background: url(../img/errorpage/light.png) no-repeat center center;
    -webkit-animation-name: lightAnimation;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes lightAnimation {
    from {
        opacity: .25;
    }

    50% {
        opacity: .5;
    }

    to {
        opacity: .25;
    }
}

.error-page #stars,
.error-page #stars-2,
.error-page #small-stars,
.error-page #small-stars-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 600px;
    margin: -300px 0 0 -300px;
    background: url(../img/errorpage/stars-large.png) no-repeat center center;
    -webkit-animation-name: starsLarge;
    -webkit-animation-duration: 60s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes starsLarge {
    from {
        -webkit-transform: rotate(0deg) scale(3);
        opacity: .1;
    }

    to {
        -webkit-transform: rotate(360deg) scale(.5);
        opacity: 0;
    }
}

.error-page #stars-2 {
    -webkit-animation-name: starsLargeAlt;
    -webkit-animation-duration: 45s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes starsLargeAlt {
    from {
        -webkit-transform: rotate(180deg) scale(3);
        opacity: .25;
    }

    to {
        -webkit-transform: rotate(360deg) scale(.5);
        opacity: 0;
    }
}

.error-page #small-stars,
.error-page #small-stars-2 {
    background: url(../img/errorpage/stars-small.png) no-repeat center center;
    -webkit-animation-duration: 15s;
    -webkit-animation-name: starsSmall;
}

.error-page #small-stars-2 {
    -webkit-animation-name: starsSmallAlt;
    -webkit-animation-duration: 30s;
}

@-webkit-keyframes starsSmall {
    from {
        -webkit-transform: rotate(360deg) scale(3);
        opacity: .25;
    }

    to {
        -webkit-transform: rotate(0deg) scale(.5);
        opacity: 0;
    }
}

@-webkit-keyframes starsSmallAlt {
    from {
        -webkit-transform: rotate(0deg) scale(3);
        opacity: .1;
    }

    to {
        -webkit-transform: rotate(360deg) scale(.5);
        opacity: 0;
    }
}


/* ---------------------------------------------------------------------- */
/*	For Demo Purpose (delete if not needed)
	/* ---------------------------------------------------------------------- */
#theme-switcher {
    float: right;
    position: relative;
    margin: 8px 0 0 7px;
}

.show-in-middle {
    text-align: center;
}

.red-icon, .green-icon, .purple-icon, .grey-icon, .navyblue-icon, .yellow-icon, .pink-icon, .orange-icon {
    margin-right: 10px;
    margin-left: -5px;
    font-size: 18px;
}

.red-icon, .red {
    color: #931313;
}

.green-icon, .green {
    color: #69b874;
}

.purple-icon, .purple {
    color: #8e69b8;
}

.grey-icon, .grey {
    color: #555;
}

.navyblue-icon, .navyblue {
    color: #5E8ABD;
}

.yellow-icon, .yellow {
    color: #91864F;
}

.pink-icon, .pink {
    color: #b869a8;
}

.orange-icon, .orange {
    color: #E46869;
}

ul.all-icons-display {
    margin: 0;
    padding: 20px;
    float: left;
}

    ul.all-icons-display li {
        float: left;
        width: 25%;
        margin: 5px 0;
        list-style: none;
    }

        ul.all-icons-display li i {
            font-size: 15px;
        }