/*
	     __                   .__
	    |__|____ __________  _|__| ______
	    |  \__  \\_  __ \  \/ /  |/  ___/
	    |  |/ __ \|  | \/\   /|  |\___ \
	/\__|  (____  /__|    \_/ |__/____  >
	\______|    \/                    \/

	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;*/
    background-color: #16365B !important;
}

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;
    }

.edge-browser ::-webkit-input-placeholder {
    opacity: 1;
}

.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 {
    border-top: 1px solid #f0f5f5;
    padding-top: 15px;
    left: 0;
    padding: 10px 10px;
    overflow: auto;
    right: 0;
    /*width: 100%;*/
    height: 15px; /* Height of the footer */
    background: #D8D8D8;
}

.footer, .push {
    position: absolute;
    bottom: 0;
    height: 15px; /* .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 {
    position: relative;
    padding-right: 16px;
    border-top: 1px solid #6583a5;
    background: #124174;
    background: -moz-linear-gradient(top, #124174 0%, #0d2e52 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#124174), color-stop(100%,#0d2e52));
    background: -webkit-linear-gradient(top, #124174 0%,#0d2e52 100%);
    background: -o-linear-gradient(top, #124174 0%,#0d2e52 100%);
    background: -ms-linear-gradient(top, #124174 0%,#0d2e52 100%);
    background: linear-gradient(to bottom, #124174 0%,#0d2e52 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124174', endColorstr='#0d2e52',GradientType=0 );
}

/* ---------------------------------------------------------------------- */
/*	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);
        }

        .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: #F8F8F8;
    border: 1px solid #E8E8E8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #8F8F8F;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
    height: 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcAgMAAAAPYzcHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFAAAARERE4uLiJoWGrQAAAAJ0Uk5TAICbK04YAAAAIElEQVQI12NoYIAAKtAsUFoUSoc6EKcPpk4UzRxquAsA4voPXR6Sm4UAAAAASUVORK5CYII=);
    background-position: center right;
    background-repeat: no-repeat;
}

/* ---------------------------------------------------------------------- */
/*	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 {
    z-index: 1;
    /*min-height:600px !important;*/
    position: relative;
    padding: 20px 25px 0;
    overflow: hidden;
    height: 100%;
    background: #fff;
    /*border-radius:0px 10px 10px 10px !important;
		-webkit-border-radius: 0px 10px 10px 10px !important;
		-moz-border-radius: 0px 10px 10px 10px !important;*/
    background: #fff;
    /*box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .5);
		-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .5);
		-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .5);*/
    padding-bottom: 40px;
}

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

div#main #page-header, h1.message-title {
    display: block;
    margin: 2px 0 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    border-bottom: 1px dotted transparent;
    text-transform: capitalize;
    text-shadow: 0px 1px 0px white;
    font-size: 35px;
}

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

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

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

    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 {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-right: 20px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 0px 1px 0px #333;
}

.my-profile-pic {
    width: 38px;
    height: 38px;
    overflow: hidden;
    text-align: center;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
    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-pic img {
        max-width: 100%;
    }

.my-profile span.first-child {
    font-size: 14px;
    color: #3da8da;
    font-weight: bold;
    line-height: 1.2em;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}

    .my-profile span.first-child strong {
        color: #207198;
        font-size: 12px;
    }

.my-profile span {
    vertical-align: middle;
}

    .my-profile span:not(.hide) {
        display: inline-block;
    }

.my-profile a {
    color: #3da8da;
}

/* ---------------------------------------------------------------------- */
/*	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: 0;
    overflow: hidden;
}

    aside ul.menu > li > a {
        color: #fff;
        padding: 10px 0;
        font-size: 15px;
        font-weight: bold;
        text-shadow: 0 2px 0 #000;
        text-shadow: 0 2px 0 rgba(0,0,0,.25);
        background: url(../img/nav/border.png) repeat-x left bottom;
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    }

    aside ul.menu li li a {
        color: #fff;
        font-size: 14px;
        background: url(../img/nav/border.png) repeat-x left bottom;
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    }

    /* 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;
    }

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

    aside ul.menu a {
        display: block;
        line-height: 1.2em;
        width: 100%;
        padding: 10px 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;
    }

/* 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: 50px;
        padding: 10px 0px;
        font-size: 13px;
    }

    aside ul.menu > li > ul > li:first-child a {
    }

    aside ul.menu > li > ul > li a :hover {
    }

/* 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 */

.menu .info-icon,
.menu .ratings-icon,
.menu .avaliation-schedule-icon,
.menu .schedule-icon,
.menu .empty-calendar-icon,
.menu .faults-icon,
.menu .whereismykid,
.menu .rotinas,
.menu .chat-icon {
    width: 30px;
    height: 30px;
    margin-left: 8px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
}

.menu .info-icon {
    background-image: url('../img/new-icons/nav/info.png');
}

.menu .ratings-icon {
    background-image: url('../img/new-icons/nav/ratings.png');
}

.menu .avaliation-schedule-icon {
    background-image: url('../img/new-icons/nav/avaliation-schedule.png');
}

.menu .schedule-icon {
    background-image: url('../img/new-icons/nav/schedule.png');
}

.menu .empty-calendar-icon {
    background-image: url('../img/new-icons/nav/empty-calendar.png');
}

.menu .chat-icon {
    background-image: url('../img/new-icons/nav/chat.png');
}

.menu .faults-icon {
    background-image: url('../img/new-icons/nav/faltas.png');
}

.menu .whereismykid {
    background-image: url('../img/new-icons/nav/logo_wmk.png');
}

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);
    color: White;
}

    .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
	/* ---------------------------------------------------------------------- */

/*#region FullCalendarOldCustomCSS */

/*#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;
}
.fc-event-vert .fc-event-bg {
    opacity: .3;
}*/

/*#endregion */

/*#region FullCalendarCustomCSS */

.fc-agenda-slots td div {
    height: 26px;
}

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

.fc-event-time {
    background-color: inherit;
    color: inherit;
    background: inherit;
}
/* 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;
}

/*#endregion */

/* ---------------------------------------------------------------------- */
/*	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;
}

/* ---------------------------------------------------------------------- */
/*	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,
#rightSideCalendar {
    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, #1e6c92);
    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: 1px solid #DFDFDF;
}

.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:first-child {
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                padding-left: 12px;
            }

            .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: #3fa9db;
    }

        .bwizard-steps .active:after {
            border-left-color: #3fa9db;
        }

    .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_Quest .tab-content .tab-pane active {
    display: block;
}

#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;
        }

/* @group alterações Hugo 2013.05.14 */
#header-toolbar {
    height: 85px;
}

#header-toolbar {
    padding-left: 0;
    margin-left: -20px;
}

    #header-toolbar .logo-wrapper {
        float: left;
        width: 229px;
        height: 86px;
        margin-top: -1px;
        text-align: center;
        padding-left: 40px;
        margin-right: 20px;
    }

        #header-toolbar .logo-wrapper span {
            width: 229px;
            height: 85px;
            display: table-cell;
            vertical-align: middle;
        }

        #header-toolbar .logo-wrapper img {
        }

    #header-toolbar .hidden-phone img {
        margin-top: 10px;
    }

    #header-toolbar .new-mail-button {
        width: 24px;
        height: 19px;
        margin-right: 5px;
        padding: 2px 10px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background: url(../img/new-icons/mensagens.png) no-repeat center center;
    }

        #header-toolbar .new-mail-button:hover,
        #header-toolbar .new-mail-button:active,
        #header-toolbar .new-mail-button:focus {
            width: 24px;
            height: 19px;
            margin-right: 5px;
            padding: 2px 10px;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            background: url(../img/new-icons/mensagens_p.png) no-repeat center center;
        }

        #header-toolbar .new-mail-button span {
            border-radius: 2px;
            height: 3px;
            width: 3px;
            padding: 3px;
            top: -3px;
            color: #fff;
            right: 6px;
            position: absolute;
            background: #E1141E;
        }

    #header-toolbar .new-notification-button {
        width: 24px;
        height: 19px;
        margin-right: 5px;
        padding: 2px 10px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background: url(../img/new-icons/notificacoes.png) no-repeat center center;
    }

        #header-toolbar .new-notification-button:hover,
        #header-toolbar .new-notification-button:active,
        #header-toolbar .new-notification-button:focus {
            width: 24px;
            height: 19px;
            margin-right: 5px;
            padding: 2px 10px;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            background: url(../img/new-icons/notificacoes_p.png) no-repeat center center;
        }

        #header-toolbar .new-notification-button span {
            border-radius: 2px;
            height: 3px;
            width: 3px;
            padding: 3px;
            top: -3px;
            color: #fff;
            right: 6px;
            position: absolute;
            background: #E1141E;
        }

    #header-toolbar .logout-button {
        width: 22px;
        height: 23px;
        font-size: 0;
        line-height: 0;
        position: relative;
        overflow: hidden;
        text-indent: 100%;
        padding: 2px 10px;
        display: inline-block;
        vertical-align: middle;
        background: url(../img/new-icons/logout.png) no-repeat center center;
    }

    #header-toolbar .btn-toolbar {
        padding-top: 10px;
    }

.student-box {
    padding: 20px;
    overflow: hidden;
    position: relative;
    background: #3fa9db;
    background: -moz-linear-gradient(top, #3fa9db 0%, #2796ca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fa9db), color-stop(100%,#2796ca));
    background: -webkit-linear-gradient(top, #3fa9db 0%,#2796ca 100%);
    background: -o-linear-gradient(top, #3fa9db 0%,#2796ca 100%);
    background: -ms-linear-gradient(top, #3fa9db 0%,#2796ca 100%);
    background: linear-gradient(to bottom, #3fa9db 0%,#2796ca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa9db', endColorstr='#2796ca',GradientType=0 );
}

    .student-box .image {
        float: left;
        width: 57px;
        height: 57px;
        text-align: center;
        overflow: hidden;
        margin-right: 10px;
        vertical-align: middle;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

        .student-box .image img {
            max-width: 100%;
        }

    .student-box p {
        float: left;
        color: #185573;
        font-size: 13px;
        margin-top: 10px;
        margin-bottom: 0;
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    }

        .student-box p span {
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            text-shadow: 0 1px 0 #000;
            text-shadow: 0 1px 0 rgba(0,0,0,.35);
        }

    .student-box .edit {
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
        position: absolute;
        background: url(../img/new-icons/student-box/edit.png) no-repeat;
    }

/* @group chatbox */
.chatbox-widget h3 {
    color: #fff;
    width: auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 -15px 0 -25px;
    padding: 10px 0 10px 25px;
    border-top: 1px solid #dbf09d;
    border-bottom: 1px solid #658602;
    text-shadow: 0 2px 0 #000;
    text-shadow: 0 2px 0 rgba(0,0,0,.25);
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    background: #a3d803;
    background: -moz-linear-gradient(top, #a3d803 0%, #90bf03 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3d803), color-stop(100%,#90bf03));
    background: -webkit-linear-gradient(top, #a3d803 0%,#90bf03 100%);
    background: -o-linear-gradient(top, #a3d803 0%,#90bf03 100%);
    background: -ms-linear-gradient(top, #a3d803 0%,#90bf03 100%);
    background: linear-gradient(to bottom, #a3d803 0%,#90bf03 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d803', endColorstr='#90bf03',GradientType=0 );
}

    .chatbox-widget h3 span {
        width: 23px;
        height: 25px;
        font-size: 0;
        line-height: 0;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        background: url(../img/new-icons/chat.png) no-repeat;
    }

.chatbox-widget ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .chatbox-widget ul li {
        margin: 0 -15px;
        border-bottom: 1px solid #15477c;
    }

        .chatbox-widget ul li a {
            color: #fff;
            display: block;
            font-size: 13px;
            font-weight: bold;
            padding: 10px 15px;
            border-bottom: 1px solid #0a223a;
        }

            .chatbox-widget ul li a img {
                margin-right: 10px;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
/* @end */

/* @group messagesbox-widget */
.messagesbox-widget {
}

    .messagesbox-widget h3 {
        color: #fff;
        width: auto;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.2em;
        margin: 0 -15px 0 -25px;
        padding: 10px 0 10px 25px;
        border-top: 1px solid #fddaad;
        border-bottom: 1px solid #ac6f1f;
        text-shadow: 0 2px 0 #000;
        text-shadow: 0 2px 0 rgba(0,0,0,.25);
        font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        background: #faa12d;
        background: -moz-linear-gradient(top, #faa12d 0%, #df9028 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa12d), color-stop(100%,#df9028));
        background: -webkit-linear-gradient(top, #faa12d 0%,#df9028 100%);
        background: -o-linear-gradient(top, #faa12d 0%,#df9028 100%);
        background: -ms-linear-gradient(top, #faa12d 0%,#df9028 100%);
        background: linear-gradient(to bottom, #faa12d 0%,#df9028 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa12d', endColorstr='#df9028',GradientType=0 );
    }

        .messagesbox-widget h3 .icon {
            width: 24px;
            height: 19px;
            font-size: 0;
            line-height: 0;
            margin-right: 10px;
            display: inline-block;
            vertical-align: middle;
            background: url(../img/new-icons/messages.png) no-repeat;
        }

        .messagesbox-widget h3 .count {
            color: #fff;
            width: 20px;
            height: 20px;
            float: right;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            margin-right: 20px;
            background: #ac6f1f;
            border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        }

    .messagesbox-widget ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .messagesbox-widget ul li {
            margin: 0 -15px;
            border-bottom: 1px solid #15477c;
        }

            .messagesbox-widget ul li a {
                color: #fff;
                display: block;
                font-size: 13px;
                padding: 10px 15px;
                border-bottom: 1px solid #0a223a;
                opacity: .5;
                filter: alpha(opacity=50);
            }

                .messagesbox-widget ul li a.unread {
                    font-weight: bold;
                    opacity: 1;
                    filter: alpha(opacity=100);
                }
/* @end */

/* @group login-page */
/*.login-page {
		padding-top: 150px;
	}
	.login-page > div {
		width: 327px;
		height: 496px;
		margin: 0 auto;
		position: relative;
		background: url(../img/login-wrapper.png) no-repeat;
	}
	.login-page h1 {
		padding-top: 25px;
		text-align: center;
		margin: 0 0 40px 0;
	}
	.login-page .login-field {
		width: 207px;
		height: 46px;
		position: relative;
		margin: 0 auto 20px;
		padding: 0 20px 0 60px;
		background: url(../img/login-field.png) no-repeat;
	}
	.login-page .login-field input {
		top: 11px;
		margin: 0;
		padding: 0;
		color: #fff;
		width: 100%;
		border-width: 0;
		position: relative;
		background: transparent;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	.login-page .login-field .username-icon {
		top: 11px;
		left: 17px;
		width: 17px;
		height: 20px;
		position: absolute;
		background: url(../img/username.png) no-repeat;
	}
	.login-page .login-field .password-icon {
		top: 11px;
		left: 17px;
		width: 16px;
		height: 21px;
		position: absolute;
		background: url(../img/password.png) no-repeat;
	}
	.login-page .login-checkbox-field {
		padding: 0 20px;
		margin-bottom: 20px;
	}
	.login-page .login-checkbox-field label {
		color: #fff;
		font-size: 14px;
	}
	.login-page .login-checkbox-field label input {
		margin: 0 15px 0 0;
	}
	.login-page .login-button {
		color: #fff;
		padding: 0;
		width: 88%;
		border-width: 0;
		height: 44px;
		margin: 0 20px;
		display: block;
		font-size: 20px;
		line-height: 44px;
		text-align: center;
		text-shadow: 0 1px 0 #593300;
		background: #faa12d;
		background: -moz-linear-gradient(top,  #faa12d 0%, #df9028 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa12d), color-stop(100%,#df9028));
		background: -webkit-linear-gradient(top,  #faa12d 0%,#df9028 100%);
		background: -o-linear-gradient(top,  #faa12d 0%,#df9028 100%);
		background: -ms-linear-gradient(top,  #faa12d 0%,#df9028 100%);
		background: linear-gradient(to bottom,  #faa12d 0%,#df9028 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa12d', endColorstr='#df9028',GradientType=0 );
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,.35);
		-moz-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,.35);
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,.35);
	}
	.login-page .unknow-button {
		left: 0;
		right: 0;
		width: 29px;
		height: 29px;
		bottom: 71px;
		margin: 0 auto;
		position: absolute;
		background: url(../img/unknow-button.png) no-repeat;
	}
	.login-page .bottom-links {
		left: 0;
		right: 0;
		bottom: 35px;
		text-align: center;
		position: absolute;
	}
	.login-page .recover-password {
		color: #fff;
		padding: 0 5px;
		font-size: 14px;
		border-bottom: 1px dotted #fff;
	}*/
.login-page form {
    position: relative;
}

#loginForm p.form-error {
    color: #F00;
    font-size: 14px;
    line-height: 1.2em;
    margin-bottom: 20px;
    margin-left: 25px;
    position: absolute;
    top: -31px;
    left: 0;
}

#loginForm p.form-success {
    color: #188106;
    font-size: 14px;
    line-height: 1.2em;
    margin-bottom: 20px;
    margin-left: 25px;
    position: absolute;
    top: -31px;
    left: 0;
}
/* @end */

/* @group +icons menu */
.menu .news-icon,
.menu .matriculas-icon,
.menu .info-pessoal-icon,
.menu .ocurrencias-icon,
.menu .tpcs-icon,
.menu .financeiro-icon,
.menu .administracao-icon,
.menu .circulares-icon,
.menu .menudinamico-icon,
.menu .episodiosdisciplinares-icon,
.menu .safeschool-icon,
.menu .epass-store,
.menu .inqueritos-icon {
    width: 30px;
    height: 30px;
    margin-left: 8px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
}

.news-icon {
    background-image: url('../img/new-icons/nav/news.png');
}

.matriculas-icon {
    background-image: url('../img/new-icons/nav/matriculas.png');
}

.info-pessoal-icon {
    background-image: url('../img/new-icons/nav/info-pessoal.png');
}

.ocurrencias-icon {
    background-image: url('../img/new-icons/nav/ocorrencias.png');
}

.tpcs-icon {
    background-image: url('../img/new-icons/nav/tpcs.png');
}

.financeiro-icon {
    background-image: url('../img/new-icons/nav/financeiro.png');
}

.inqueritos-icon {
    background-image: url('../img/new-icons/nav/inqueritos.png');
}

.administracao-icon {
    background-image: url('../img/new-icons/nav/inqueritos.png');
}

.circulares-icon {
    background-image: url('../img/new-icons/nav/circulares.png');
}

.menudinamico-icon {
    background-image: url('../img/new-icons/nav/menu-dinamico.png');
}

.episodiosdisciplinares-icon {
    background-image: url('../img/new-icons/nav/episodios-disciplinares.png');
}

.safeschool-icon {
    background-image: url('../img/new-icons/nav/icon_safeschool.png');
}

.epass-store {
    background-image: url('../img/new-icons/nav/icon_store.png');
}

.rotinas {
    background-image: url('../img/new-icons/nav/rotinas.png');
}

/* @end */

.calendar-data {
    display: none;
}

#studentBox .selector {
    float: left;
    color: #fff;
    text-shadow: none;
    width: 130px !important;
    font-size: 12px;
    padding-top: 10px;
    background: url(../img/studentBoxStudentArrow.png) no-repeat right 21px;
}

    #studentBox .selector span {
        color: #fff;
        width: auto !important;
        text-shadow: none;
    }

    #studentBox .selector.focus select {
        top: 20px;
    }

/* @group login-page */
/*.login-page {
		padding-top: 150px;
	}
	.login-page > div {
		width: 327px;
		height: 496px;
		margin: 0 auto;
		position: relative;
		background: url(../img/login-wrapper.png) no-repeat;
	}
	.login-page h1 {
		padding-top: 40px;
		text-align: center;
		margin: 0 0 40px 0;
	}
	.login-page .login-field {
		width: 207px;
		height: 46px;
		position: relative;
		margin: 0 auto 20px;
		padding: 0 20px 0 60px;
		background: url(../img/login-field.png) no-repeat;
	}
	.login-page .login-field input {
		top: 11px;
		margin: 0;
		padding: 0;
		color: #fff;
		width: 100%;
		border-width: 0;
		position: relative;
		background: transparent;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	.login-page .login-field .username-icon {
		top: 11px;
		left: 17px;
		width: 17px;
		height: 20px;
		position: absolute;
		background: url(../img/username.png) no-repeat;
	}
	.login-page .login-field .password-icon {
		top: 11px;
		left: 17px;
		width: 16px;
		height: 21px;
		position: absolute;
		background: url(../img/password.png) no-repeat;
	}
	.login-page .login-checkbox-field {
		padding: 0 20px;
		margin-bottom: 20px;
	}
	.login-page .login-checkbox-field label {
		color: #fff;
		font-size: 14px;
	}
	.login-page .login-checkbox-field label input {
		margin: 0 15px 0 0;
	}
	.login-page .login-button {
		color: #fff;
		height: 44px;
		margin: 0 20px;
		display: block;
		font-size: 20px;
		line-height: 44px;
		text-align: center;
		text-shadow: 0 1px 0 #593300;
		background: #faa12d;
		background: -moz-linear-gradient(top,  #faa12d 0%, #df9028 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa12d), color-stop(100%,#df9028));
		background: -webkit-linear-gradient(top,  #faa12d 0%,#df9028 100%);
		background: -o-linear-gradient(top,  #faa12d 0%,#df9028 100%);
		background: -ms-linear-gradient(top,  #faa12d 0%,#df9028 100%);
		background: linear-gradient(to bottom,  #faa12d 0%,#df9028 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa12d', endColorstr='#df9028',GradientType=0 );
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,.35);
		-moz-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,.35);
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,.35);
	}
	.login-page .unknow-button {
		left: 0;
		right: 0;
		width: 29px;
		height: 29px;
		bottom: 71px;
		margin: 0 auto;
		position: absolute;
		background: url(../img/unknow-button.png) no-repeat;
	}
	.login-page .bottom-links {
		left: 0;
		right: 0;
		bottom: 35px;
		text-align: center;
		position: absolute;
	}
	.login-page .recover-password {
		color: #fff;
		padding: 0 5px;
		font-size: 14px;
		border-bottom: 1px dotted #fff;
	}*/
/* @end */

/* @group +icons menu */
/*.menu .news-icon,
	.menu .matriculas-icon,
	.menu .info-pessoal-icon,
	.menu .ocurrencias-icon,
	.menu .tpcs-icon,
	.menu .financeiro-icon,
	.menu .inqueritos-icon,
	.menu .administracao-icon,
	.menu .faltas-icon {
		width: 30px;
		height: 30px;
		margin-left: 8px;
		margin-right: 8px;
		display: inline-block;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.news-icon {
		background-image: url('../img/new-icons/nav/news.png');
	}
	.matriculas-icon {
		background-image: url('../img/new-icons/nav/matriculas.png');
	}
	.info-pessoal-icon {
		background-image: url('../img/new-icons/nav/info-pessoal.png');
	}
	.ocurrencias-icon {
		background-image: url('../img/new-icons/nav/ocurrencias.png');
	}
	.tpcs-icon {
		background-image: url('../img/new-icons/nav/tpcs.png');
	}
	.financeiro-icon {
		background-image: url('../img/new-icons/nav/financeiro.png');
	}
	.inqueritos-icon {
		background-image: url('../img/new-icons/nav/inqueritos.png');
	}
	.faltas-icon {
		background-image: url('../img/new-icons/nav/faltas.png');
	}
	.administracao-icon {
		background-image: url('../img/new-icons/nav/administracao.png');
	}
	/* @end */

/* @group profile-page */
.profile-page .head {
    position: relative;
    background: #e0e0e0;
    padding-top: 60px;
    padding-left: 200px;
    padding-bottom: 10px;
    margin: -20px -25px 70px;
}

.profile-page .head-custom {
    position: relative;
    background: #e0e0e0;
    padding-top: 40px;
    padding-left: 200px;
    padding-bottom: 1px;
    margin: -20px -25px 70px;
}

.profile-page .head .student-name {
    color: #133962;
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
}

.profile-page .head-custom .student-name {
    color: #133962;
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
}

.profile-page .head .student-address {
    color: #6c6c6c;
    font-size: 16px;
    line-height: 1.2em;
    text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
}

.profile-page .head .student-address-custom {
    color: #6c6c6c;
    font-size: 13px;
    line-height: 1.2em;
    text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
}

.profile-page .head .user-image {
    top: 35px;
    left: 30px;
    z-index: 2;
    width: 120px;
    height: 120px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    border: 4px solid #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.75);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.75);
}

.profile-page .head-custom .user-image {
    top: 35px;
    left: 30px;
    z-index: 2;
    width: 120px;
    height: 130px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    border: 4px solid #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.75);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.75);
}

.profile-page .head .user-image img {
    max-width: 100%;
}

.profile-page .head-custom .user-image img {
    max-width: 100%;
}

.profile-page .student-details {
    padding-left: 120px;
}

    .profile-page .student-details .border {
        top: 50px;
        width: 2px;
        left: 95px;
        bottom: 20px;
        position: absolute;
        background: #c7c7c7;
    }

    .profile-page .student-details h6 {
        color: #133962;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 20px;
    }

    .profile-page .student-details li h6 {
        color: #133962;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 12px;
    }

    .profile-page .student-details li.moduledone h5 {
        color: green;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 12px;
    }

    .profile-page .student-details .info-group {
        position: relative;
        margin-bottom: 40px;
    }

        .profile-page .student-details .info-group .icon {
            top: -9px;
            left: -67px;
            width: 39px;
            height: 41px;
            position: absolute;
        }

            .profile-page .student-details .info-group .icon.personal-info {
                background: url('../img/new-icons/profile/personal-info.png') no-repeat;
            }

            .profile-page .student-details .info-group .icon.filiation {
                background: url('../img/new-icons/profile/filiation.png') no-repeat;
            }

            .profile-page .student-details .info-group .icon.contacts {
                background: url('../img/new-icons/profile/contacts.png') no-repeat;
            }

    .profile-page .student-details .row-info {
        position: relative;
    }

        .profile-page .student-details .row-info p {
            color: #7f7f7f;
            font-size: 16px;
            text-shadow: 0 1px 0 #fff;
            text-shadow: 0 1px 0 rgba(255,255,255,.75);
        }

            .profile-page .student-details .row-info p.legend {
                top: 0;
                left: 0;
                color: #124174;
                font-size: 16px;
            }

.legend {
    top: 0;
    left: 0;
    color: #124174;
    font-size: 16px;
}
/* @end */

/* @group news-page */
.news-page .left-col {
    width: 48%;
    float: left;
}

.news-page .right-col {
    width: 48%;
    float: right;
}

.news-page .news-item {
    margin-bottom: 20px;
    padding-bottom: 15px;
    background: url('../img/news-border.png') repeat-x left bottom;
}

    .news-page .news-item .news-date {
        color: #143a63;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2em;
        margin-bottom: 5px;
    }

    .news-page .news-item .news-category {
        color: #faa12d;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.2em;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .news-page .news-item .news-title {
        color: #363636;
        font-size: 21px;
        font-style: italic;
        line-height: 1.2em;
        margin-bottom: 15px;
    }

    .news-page .news-item .text p {
        color: #363636;
        font-style: 13px;
        line-height: 1.23em;
    }

    .news-page .news-item.big-news .news-date {
        padding-top: 15px;
    }

    .news-page .news-item.small-news {
        min-height: 100px;
        position: relative;
        padding-left: 120px;
    }

        .news-page .news-item.small-news img {
            top: 0;
            left: 0;
            max-width: 100px;
            position: absolute;
        }

        .news-page .news-item.small-news .news-title {
            margin-bottom: 10px;
        }

.clearing {
    margin: 0;
    padding: 0;
    clear: both;
    float: none;
    height: 1px;
    font-style: 0;
    line-height: 0;
    display: block;
}
/* @end */

.home-cols-left {
    float: left;
    width: 68%;
}

.home-cols-right {
    float: right;
    width: 28%;
}

    .home-cols-right .news-item {
        min-height: 60px !important;
        padding-left: 80px !important;
    }

        .home-cols-right .news-item img {
            width: 60px !important;
        }

        .home-cols-right .news-item .news-title {
            font-size: 14px;
        }

.full-wrapper {
    display: block;
}

#ddlInsideView .dropdown-menu {
    display: block;
}

#ddlInsideViewStudent .dropdown-menu {
    display: block;
}

.relative-pos {
    position: relative;
}

.open-dropdown {
    color: #5F5F5F !important;
    cursor: pointer;
    font-size: 14px;
    text-shadow: none;
}

#page-content .dropdown-menu.toolbar {
    background: #1e6c92;
}

.dt-header.calender-spacer {
    background: none;
}

#schoolCalendar .legend > div {
    background: none;
}

.home-banners .banner {
    width: 31%;
    float: left;
    position: relative;
    background: #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 14%;
    padding-right: 3%;
}

    .home-banners .banner:last-child {
        float: left;
    }

    .home-banners .banner img {
        top: 50%;
        left: 20px;
        width: 20%;
        margin-top: -10%;
        position: absolute;
    }

    .home-banners .banner p {
        color: #747474;
        font-size: 15px;
        line-height: 1.2em;
    }

        .home-banners .banner p span {
            display: block;
            color: #0f365f;
            font-size: 1.4em;
            line-height: 1.2em;
            text-transform: uppercase;
        }

    .home-banners .banner a {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 5;
        position: absolute;
    }

.home-banners {
    overflow: hidden;
}

.general-messages {
    width: 50%;
    min-height: 125px;
    position: relative;
    padding-left: 130px;
    margin: 0 0 40px;
}

    .general-messages img {
        top: 0;
        left: 0;
        position: absolute;
    }

    .general-messages h4 {
        color: #0f365f;
        font-size: 33px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

    .general-messages p {
        color: #747474;
        font-size: 18px;
        text-align: justify;
    }

    .general-messages .download-files {
        color: #747474;
        font-size: 16px;
        line-height: 20px;
        padding-left: 40px;
        margin-right: 15px;
        display: inline-block;
        background: url(../img/download-files-icon.png) no-repeat;
    }

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

.general-blue-button,
.open-dropdown {
    color: #fff !important;
    height: 38px;
    margin-top: 10px;
    padding: 0 20px;
    font-size: 15px;
    line-height: 38px;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #124174;
    background: -moz-linear-gradient(top, #124174 0%, #0e2d4e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#124174), color-stop(100%,#0e2d4e));
    background: -webkit-linear-gradient(top, #124174 0%,#0e2d4e 100%);
    background: -o-linear-gradient(top, #124174 0%,#0e2d4e 100%);
    background: -ms-linear-gradient(top, #124174 0%,#0e2d4e 100%);
    background: linear-gradient(to bottom, #124174 0%,#0e2d4e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124174', endColorstr='#0e2d4e',GradientType=0 );
}

    .general-blue-button:hover,
    .open-dropdown {
        color: #fff;
    }

.justified {
    text-align: justify !important;
}

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

.open-dropdown {
    margin-top: 0;
}

    .open-dropdown span {
        width: 8px;
        height: 6px;
        margin-left: 5px;
        display: inline-block;
        vertical-align: middle;
        background: url(../img/open-dropdown-icon.png) no-repeat;
    }

.submitions-list {
    overflow: hidden;
    margin-bottom: 40px;
}

    .submitions-list .submition-item {
        float: left;
        width: 195px;
        background: #eee;
        padding-top: 10px;
        margin-right: 20px;
        text-align: center;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-bottom: 10px;
    }

        .submitions-list .submition-item h6 {
            color: #0f365f;
            font-size: 20px;
        }

            .submitions-list .submition-item h6 + p {
                color: #747474;
                font-size: 16px;
                text-transform: uppercase;
            }

        .submitions-list .submition-item .date {
            color: #525252;
            font-size: 22px;
            margin-bottom: 15px;
        }

        .submitions-list .submition-item img + p {
            color: #747474;
            font-size: 12px;
            padding-top: 15px;
        }

.matriculaSucesso {
    padding: 20px;
    background: #e8f7fe;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .matriculaSucesso p {
        font-size: 14px;
    }

.bodyWindow {
    background: #fff;
}

    .bodyWindow #page-content {
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-bbox-shadow: none;
    }

p.message-box img.attach-icon {
    width: 20px;
    height: auto;
    border: none;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

p.message-box .message,
p.message-box.you .message {
    overflow: hidden;
}

.control-group-wrapper .control-group {
    background: transparent !important;
}

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

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

.control-group-wrapper .control-data {
    clear: both;
    border-bottom: 1px solid #EAEAEA;
}

    .control-group-wrapper .control-data p {
        color: #5F5F5F;
        font-size: 10px;
    }

        .control-group-wrapper .control-data p span {
            font-weight: bold;
        }

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

.uploader * {
    cursor: pointer !important;
}

.tableIntermediate {
    color: #5F5F5F;
    font-size: 12px;
    width: 100%;
}

    .tableIntermediate th {
        padding: 6px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        background: #EFEFEF;
        border-right: 1px solid #CDCDCD;
        border-bottom: 1px solid #CDCDCD;
        border-top: 1px solid #CDCDCD;
    }

    .tableIntermediate td {
        padding: 6px;
        text-align: center;
        border-bottom: 1px solid #CDCDCD;
        border-right: 1px solid #CDCDCD;
    }

        .tableIntermediate td:first-child,
        .tableIntermediate td:nth-child(2) {
            background: #F9F9F9;
            font-weight: bold;
            text-align: left;
        }

    .tableIntermediate th:first-child,
    .tableIntermediate th:nth-child(2) {
        text-align: left;
    }

    .tableIntermediate th:last-child,
    .tableIntermediate td:last-child {
        border-right-width: 0;
    }

/* TABLE CLASSIFICATIONS */

.tableClassifications {
    color: #5F5F5F;
    font-size: 12px;
    width: 100%;
    border: 1px solid #CDCDCD;
}

    .tableClassifications th {
        padding: 6px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        background: #EFEFEF;
        border: 1px solid #CDCDCD;
        /*border-right: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;*/
    }

    .tableClassifications td {
        padding: 6px;
        text-align: center;
        border: 1px solid #CDCDCD;
        /*border-bottom: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;*/
    }

        .tableClassifications td:first-child {
            background: #F9F9F9;
            font-weight: bold;
            text-align: left;
        }

/* SUB TABLE CLASSIFICATIONS */

.subtableClassifications {
    color: black;
    font-size: 10px;
    width: 100%;
    border: 1px solid black;
}

    .subtableClassifications th {
        padding: 0px;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        background: #EFEFEF;
        border: 1px solid black;
    }

    .subtableClassifications td {
        padding: 3px;
        text-align: center;
        border: 1px solid black;
        background: white;
    }

        .subtableClassifications td:first-child {
            background: #F9F9F9;
            font-weight: bold;
            text-align: left;
        }

        .subtableClassifications th:last-child,
        .subtableClassifications td:last-child {
            border-right-width: 0;
        }

.finalsituationstatus {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    display: inline-block;
}

    .finalsituationstatus.success {
        background-color: green;
    }

    .finalsituationstatus.insuccess {
        background-color: red;
    }

    .finalsituationstatus.undefined {
        background-color: orange;
    }

.no-box-shadow {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.clickable {
    cursor: pointer;
}

.setGrey {
    background: #F9F9F9 !important;
}

.setWhite {
    background: #FFFFFF !important;
}

.expandable {
    cursor: pointer;
}

.expandableProfessional {
    cursor: pointer;
}

.infantObservationsPanel {
    border-style: solid;
    border-width: 1px;
    max-width: 50%;
    margin-left: 45px;
}

.wmk {
    padding-left: 40px;
}

    .wmk, .wmk * {
        /*font-family: 'Myriad Pro', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;*/
    }

.wmk-logo {
    margin-bottom: 20px;
}

.wmk .mb20 {
    margin-bottom: 20px !important;
}

.wmk .mb40 {
    margin-bottom: 40px !important;
}

.wmk .mb60 {
    margin-bottom: 60px !important;
}

.wmk .mb80 {
    margin-bottom: 80px !important;
}

/* @group home */
.wmk-home .left-col {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.wmk-home .right-col {
    width: 48%;
    float: right;
}

.wmk .home-actions {
    font-size: 0;
    text-align: center;
}

.wmk .orange-button {
    color: #fff;
    margin: 0 20px;
    font-size: 21px;
    padding: 8px 25px;
    font-style: italic;
    background: #FB8200;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .wmk .orange-button:hover {
        background: #934600;
    }

.wmk h3 {
    color: #FB8200;
    font-size: 21px;
    line-height: 1.2em;
    font-weight: normal;
    margin-bottom: 20px;
}

.wmk h4 {
    color: #1D1D1B;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.wmk .service-list {
    margin: 0;
    max-width: 420px;
    list-style-type: none;
}

    .wmk .service-list li {
        min-height: 56px;
        position: relative;
        padding-left: 72px;
        margin-bottom: 20px;
    }

    .wmk .service-list img {
        top: 0;
        left: 0;
        position: absolute;
    }

    .wmk .service-list h4 {
        margin-bottom: 5px;
    }

    .wmk .service-list p {
        color: #1D1D1B;
        font-size: 14px;
        margin-bottom: 0;
        line-height: 1.3em;
    }

.wmk .service-specs p {
    color: #1D1D1B;
    font-size: 14px;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.wmk .service-specs .left-col > div,
.wmk .service-specs .right-col > div {
    position: relative;
    padding-left: 90px;
}

.wmk .service-specs img.title-icon {
    left: 0;
    top: -10px;
    position: absolute;
}

.wmk .service-image {
    float: right;
    margin-right: -25px;
}

/* @group info */
.wmk .wmk-info h6 {
    color: #272724;
    font-size: 19px;
    padding-left: 10px;
    font-style: italic;
    font-weight: bold;
}

.wmk .wmk-info p {
    color: grey;
    font-size: 17px;
    line-height: 1.1em;
    font-style: italic;
    margin-bottom: 10px;
    /* background: #F3991A; */
    padding: 9px 10px 5px;
    display: inline-block;
}

#iframeDiv {
    position: relative;
}

#wmk-dropdown {
    right: 0;
    top: -20px;
    position: absolute;
}

    #wmk-dropdown p {
        color: #fff;
        cursor: pointer;
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 0;
        font-style: italic;
        padding: 10px 40px 10px 10px;
        background: #F3991A url(../img/wmk_images/dropdown-pointer.png) no-repeat center right;
    }

        #wmk-dropdown p:hover,
        #wmk-dropdown.open p,
        #wmk-dropdown:hover p {
            background-color: #934600;
        }

    #wmk-dropdown ul {
        margin: 0;
        display: none;
        padding-top: 1px;
        list-style-type: none;
    }

    #wmk-dropdown.open ul,
    #wmk-dropdown:hover ul {
        display: block;
    }

    #wmk-dropdown ul li a {
        color: #fff;
        padding: 10px;
        display: block;
        font-size: 19px;
        font-style: italic;
        margin-bottom: 1px;
        background: #934600;
    }

        #wmk-dropdown ul li a:hover,
        #wmk-dropdown ul li a.active {
            background: #F3991A;
        }

/* @about */
.wmk .wmk-about h4 {
    font-style: italic;
    font-weight: normal;
}

/* @group subscription */
.wmk .wmk-subscription h4 {
    font-weight: 600;
    font-style: italic;
}

.wmk .subscription-box {
    float: left;
    width: 30%;
    margin-right: 3%;
}

    .wmk .subscription-box a {
        color: #fff;
        display: block;
        font-size: 19px;
        font-weight: 600;
        text-align: center;
        line-height: 1.3em;
        font-style: italic;
        background: #f49a1a;
        padding: 30px 0 10px 0;
    }

        .wmk .subscription-box a:hover,
        .wmk .subscription-box a.active {
            background: #934600;
        }

/* @group forms */
.wmk .field label {
    color: #272724;
    font-size: 19px;
    font-style: italic;
}

.wmk .field input[type="text"] {
    width: 90%;
    border-width: 0;
    background: #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.wmk form .actions .orange-button {
    margin: 0;
}

/* @group history */
.wmk-history h3 {
    color: #FB8200;
    font-size: 21px;
    line-height: 1.2em;
    margin-bottom: 20px;
    font-weight: normal;
}

.wmk-history table {
    width: 100%;
    /*border-spacing: 20px;
	border-collapse: separate;*/
}

    .wmk-history table tr {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #934600;
    }

    .wmk-history table th {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.2em;
        font-style: italic;
        background: #934600; /*#F3991A*/
        vertical-align: top;
        padding: 10px 7px 7px;
    }

    .wmk-history table td {
        vertical-align: top;
    }

        .wmk-history table td .orange-bg {
            color: #F2981A;
            font-size: 17px;
            font-style: italic;
            /*background: #F2981A;*/
            padding: 10px 7px 7px;
        }

.wmkcenter {
    text-align: center;
}

.wmkGreyBG {
    background-color: #f7f7f7;
    margin: -25px -25px 0 -65px;
    padding: 30px 25px 0;
}

.service-specs {
    margin-left: -65px;
    margin-right: -25px;
    padding: 30px 25px;
    background-color: #f7f7f7;
}

.wmk-error {
    position: relative;
    padding-top: 0 !important;
}

    .wmk-error .wmk-error-background {
        width: 45%;
        right: -25px;
        float: right;
        height: 496px;
        position: relative;
        background: url(../img/wmk_images/service-screenshot.png) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        opacity: .5;
        filter: alpha(opacity=50);
    }

    .wmk-error .message-wrapper {
        width: 45%;
        float: left;
        padding-top: 120px;
    }

        .wmk-error .message-wrapper .icon {
            width: 146px;
            height: 127px;
            margin: 0 auto 40px;
            background: url(../img/wmk_images/wmk_icons/error-icon.png) no-repeat right top;
        }

        .wmk-error .message-wrapper .icon-success {
            width: 146px;
            height: 127px;
            margin: 0 auto 40px;
            background: url(../img/wmk_images/wmk_icons/success-icon.png) no-repeat right top;
        }

        .wmk-error .message-wrapper h5 {
            color: #043563;
            font-size: 60px;
            line-height: 1.1em;
            font-style: italic;
            text-align: center;
            font-weight: 600;
        }

        .wmk-error .message-wrapper p {
            font-size: 16px;
            line-height: 1.3em;
        }

/*SAFE SCHOOL*/

.safeschool {
    padding-left: 40px;
}

    .safeschool .blue-button {
        color: #fff;
        margin: 0 20px;
        font-size: 21px;
        padding: 8px 25px;
        font-style: italic;
        background: #08C;
        display: inline-block;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
    }

        .safeschool .blue-button:hover {
            background: #048CFF;
        }

.safeschool-error {
    position: relative;
    padding-top: 0 !important;
}

    .safeschool-error .safeschool-error-background {
        width: 100px;
        float: left;
        padding-top: 200px;
        height: 200px;
        background: url(../img/safeschool_images/safeschool_logo.png) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .safeschool-error .message-wrapper {
        width: 100%;
        padding-top: 200px;
    }

        .safeschool-error .message-wrapper .icon {
            width: 380px;
            height: 118px;
            margin: 0 auto 40px;
            background: url(../img/safeschool_images/safeschool_logo.png) no-repeat right top;
        }

        .safeschool-error .message-wrapper .iconstore {
            width: 175px;
            height: 130px;
            margin: 0 auto 40px;
            background: url(../img/safeschool_images/epass_store_logo.png) no-repeat right top;
        }

        .safeschool-error .message-wrapper .icon-success {
            width: 146px;
            height: 127px;
            margin: 0 auto 40px;
        }

        .safeschool-error .message-wrapper h5 {
            color: #043563;
            font-size: 49px;
            line-height: 1.1em;
            text-align: center;
            font-weight: 600;
        }

        .safeschool-error .message-wrapper p {
            font-size: 18px;
            line-height: 1.3em;
        }

.calendar-col {
    float: left;
    width: 520px;
}

.calendar-list {
    margin: 0px;
    list-style-type: none;
}

    .calendar-list li {
        float: left;
        width: 120px;
        height: 100%;
        position: relative;
        margin: 0 12px 12px 0;
    }

        .calendar-list li .day {
            color: #143a63;
            height: 100px;
            display: block;
            font-size: 20px;
            line-height: 1.2em;
            text-align: center;
            border-style: solid;
            border-color: rgb(30, 108, 146);
            border-width: 2px 2px 0;
        }

            .calendar-list li .day > span {
                width: 156px;
                height: 100px;
                display: table-cell;
                vertical-align: middle;
            }

            .calendar-list li .day span span {
                display: block;
                font-size: 20px;
                padding-top: 2px;
                font-weight: lighter;
            }

        .calendar-list li .event {
            color: #fff;
            width: 160px;
            max-width: 160px;
            height: 70px;
            max-height: 70px;
            font-size: 16px;
            text-align: center;
            display: table-cell;
            font-weight: lighter;
            vertical-align: middle;
            background: rgb(30, 108, 146);
        }
/* @end */

/*CIRCULARES*/
.tableCircularesWrapper {
    overflow: visible;
}

    .tableCircularesWrapper .tab-pane {
        margin-top: -20px;
        border: 1px solid #ddd;
        border-top-width: 0;
    }

.tableCirculares {
    width: 100%;
}

    .tableCirculares tr {
    }

        .tableCirculares tr td {
            padding: 10px;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
            background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
            background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
            background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
            background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
        }

            .tableCirculares tr td.firstCol {
                text-align: center;
                width: 10%;
            }

            .tableCirculares tr td.sndCol {
                width: 60%;
            }

            .tableCirculares tr td.ColAvatar {
                width: 10%;
            }

            .tableCirculares tr td.thrdCol {
                text-align: center;
            }

            .tableCirculares tr td.thrdCol1 {
                width: 20%;
                padding: 10px 0;
                text-align: center;
            }

            .tableCirculares tr td.thrdCol img {
                width: 16px;
            }

    .tableCirculares .tag {
        font-size: 11px;
        float: left;
        background: #ddd;
        padding: 3px 10px;
        display: inline-block;
        border-radius: 5px;
        margin-right: 5px;
    }

    .tableCirculares .auth-required {
        color: #2796ca;
        float: right;
        font-size: 12px;
    }

.lang {
    font-size: 0;
    text-align: right;
}

    .lang ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .lang li {
        display: inline-block;
    }

        .lang li a {
            opacity: .6;
        }

            .lang li.langActive a,
            .lang li a:hover {
                opacity: 1;
            }

.form-success-msg {
    padding: 40px 20px 20px 0px;
}

    .form-success-msg img {
        width: 32px;
    }

    .form-success-msg h4 {
        display: inline;
        padding-left: 20px;
    }

.block-field {
}

.genericsuccess {
    background: #E9F7E8;
}

.genericerror {
    background: #F7E8E8;
}

.mandatoryhighlight {
    font-weight: bold;
    text-decoration: underline;
}

/*MESSAGES CSS IMPORTED FROM ESCHOOLING*/
.new-message-window {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    position: fixed;
    overflow-y: scroll;
    background: rgba(0,0,0,.6);
}

    .new-message-window .content {
        width: 50%;
        padding: 20px;
        background: #fff;
        position: relative;
        margin: 50px auto 0;
    }

    .new-message-window .close {
        top: 10px;
        right: 10px;
        width: 24px;
        height: 23px;
        position: absolute;
        background: url(../_img/messages/modal/close.png) no-repeat;
    }

    .new-message-window h3 {
        color: #3e6288;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .new-message-window h4 {
        color: #3e6288;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .new-message-window .group-fields .field {
        overflow: hidden;
        margin-bottom: 10px;
    }

        .new-message-window .group-fields .field label {
            width: 50px;
            float: left;
            color: #3e6288;
            font-size: 12px;
            padding-top: 4px;
            font-weight: bold;
            text-align: left;
            margin-right: 10px;
        }

        .new-message-window .group-fields .field input {
            float: left;
            width: 225px;
            height: 25px;
            color: #3e6288;
            font-size: 12px;
            border-width: 0;
            background: #d8dfe7;
            padding-left: 10px;
            width: 100%;
        }

        .new-message-window .group-fields .field span {
            float: left;
            width: 225px;
            height: 25px;
            color: #3e6288;
            font-size: 12px;
            border-width: 0;
            background: #d8dfe7;
            padding-left: 10px;
        }

    .new-message-window textarea,
    .new-message-window div,
    .new-message-window textarea * {
        color: #3e6288;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2em;
    }

    .new-message-window .message-type {
        float: left;
        padding-top: 15px;
    }

        .new-message-window .message-type input {
            margin: 0;
            vertical-align: middle;
        }

        .new-message-window .message-type label {
            color: #3e6288;
            font-size: 10px;
            margin-right: 10px;
            display: inline-block;
            vertical-align: middle;
        }

    .new-message-window .message-send {
        float: right;
    }

        .new-message-window .message-send a {
            color: #fff;
            font-size: 14px;
            padding: 13px 40px;
            background: #3d6187;
            display: inline-block;
            text-decoration: none;
            text-transform: uppercase;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

label, input, textarea {
    font-family: Trebuchet,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

new-message-window .message-send .inactiveLink {
    pointer-events: none;
    cursor: default;
    background: grey !important;
}

#ddlStudentPick2 {
    width: 80%;
    margin: 20px auto 0;
}

/* @group login */
.loginBackground {
    /*height: 100% !important;*/
    background-color: #16365B !important;
    /*min-width: 400px !important;*/
}

#loginWrapper {
    width: 50%;
    text-align: center;
    margin-top: 10%;
}

#LoginForm {
    margin-bottom: 10%;
}

#footerWrapper {
    clear: both;
    color: White;
    font-family: Trebuchet MS;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 15%;
}

    #footerWrapper img {
        vertical-align: middle;
    }

#footer {
    clear: both;
    float: none;
    display: block;
    color: #fff;
    background-color: #f0f5f5;
    padding-left: 10px;
    margin-top: -42px;
    position: relative;
}

.contentWrapperLoginForm {
    margin: 0 auto;
    width: 326px;
}

.loginUserBox {
    overflow: hidden;
    background-image: url(../img/login/user_box.png);
    border: 2px solid #16365B;
    border-radius: 7px;
    height: 45px;
    width: 100%;
}

.passwordBox {
    overflow: hidden;
    background-image: url(../img/login/user_box.png);
    border: 2px solid #16365B;
    border-radius: 7px;
    height: 45px;
    margin-top: 5%;
    width: 100%;
}

.rememberMeBox {
    overflow: hidden;
    margin-top: 5%;
    width: 100%;
}

.passwordBox .loginUserPassword {
    background: transparent;
    color: #fff;
    border: 0px;
    height: 100%;
    width: 90%;
    float: right;
    font-family: Trebuchet MS;
    font-size: 12pt;
    -webkit-text-fill-color: #fff !important;
    padding: 0px;
}

.loginUserText {
    background: transparent;
    color: #fff;
    border: 0px;
    height: 100%;
    width: 90%;
    float: right;
    font-family: Trebuchet MS;
    font-size: 12pt;
    -webkit-text-fill-color: #fff !important;
    padding: 0px;
}

.loginRememberMe {
    background: transparent;
    color: #fff;
    border: 0px;
    height: 100%;
    margin-left: 6px;
    float: left;
    font-family: Trebuchet MS;
    font-size: 12pt;
    -webkit-text-fill-color: #fff !important;
    padding: 0px;
}

/*::-webkit-input-placeholder { opacity: .8; }

:-moz-placeholder { opacity: .8; }

::-moz-placeholder { opacity: .8; }

:-ms-input-placeholder { opacity: .8; }*/

#loginForm input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #0b1e32 inset !important;
    -webkit-text-fill-color: #fff !important;
    border-width: 0 !important;
    /*background-color: transparent;*/
}

.loginLogoCentered {
    clear: both;
    text-align: center;
    margin-bottom: 20px;
}

.inputsFormLogin {
    background-image: url(../img/login/login_button.png);
    background-color: transparent;
    width: 150px !important;
    height: 43px;
    border: 0px;
    cursor: pointer !important;
    margin-top: 10%;
    /*margin-left:88px;*/
    vertical-align: middle;
    display: inline-block;
}

}

.inputsFormLogin:active {
    background-image: url(../img/login/login_button_pressed.png);
    background-color: transparent;
    width: 150px;
    height: 43px;
    border: 0px;
}

.Centered {
    padding-top: 40%;
}

.lblRenovar {
    background-image: url(..img/login/warning_yellow.png);
    margin-bottom: 10%;
}

.lblExpired {
    background-image: url(..img/login/warning_red.png);
    margin-top: 10%;
}

/** error tooltip ***/

.error_container {
    position: relative;
}

    .error_container .table_container_for_align .passwordFeedbackLabel span {
        display: inline-block;
        padding: 3px;
    }

    .error_container .table_container_for_align {
        border-radius: 4px;
        height: 115px;
        left: 100%;
        margin-left: 7px;
        max-width: 250px;
        position: absolute;
        top: 0;
        vertical-align: middle;
        width: 100%;
    }

    .error_container .table_for_align {
        color: #fff;
        display: table;
        float: left;
        font-size: 11px;
        font-weight: bold;
        height: 100%;
        padding: 10px;
        position: relative;
        width: 100%;
    }

        .error_container .table_for_align .passwordFeedbackLabel {
            display: table-cell;
            text-align: left;
            vertical-align: middle;
        }

/** end error tooltip ***/

.header-flags {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-right: 20px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 0px 1px 0px #333;
}

    .header-flags span {
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
    }

.fieldrequired {
    text-decoration: underline;
    font-weight: bold;
}

/*Home page*/
.widget {
    background-color: white;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(201,201,201,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(201,201,201,1);
    box-shadow: 2px 2px 5px 0px rgba(201,201,201,1);
    margin-bottom: 20px;
}

.widget-header {
    -webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    -moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    background-color: #3fa9db;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 0px 0 0;
    color: white;
    margin-bottom: 0;
    padding: 3px 10px;
    border-bottom-color: #e7eaec !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

.widget .fc-header-title h2 {
    margin-top: -10px;
    margin-left: 0px;
}

.widget-body {
    background-color: #ffffff;
    color: inherit;
}

.widget .widget-body-big {
    height: 593px;
}

.scroll {
    overflow: hidden;
    max-height: 153px;
}

.newsItem {
    position: relative;
    display: block;
    color: rgb(85, 85, 85);
    vertical-align: middle;
    padding: 0 15px;
    border-bottom: 1px solid #F8F8F8;
}

    .newsItem img {
        width: 40px;
        height: 40px;
    }

    .newsItem:hover,
    .newsItem:focus,
    .listItem:hover,
    .listItem:focus {
        background-color: #F8F8F8;
        color: rgb(85, 85, 85);
    }

.listItem {
    position: relative;
    display: block;
    color: rgb(85, 85, 85);
    vertical-align: middle;
    padding: 0 15px;
    border-bottom: 1px solid #F8F8F8;
}

.text-muted {
    color: rgb(144, 159, 167);
    font-size: 11px;
}

.b0 {
    border: 0px !important;
}

.ml {
    margin-left: 10px;
}

.ml25 {
    margin-left: 25px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb {
    margin-bottom: 10px;
}

.mb-xs {
    margin-bottom: 5px;
}

.mt {
    margin-top: 10px;
}

.mr {
    margin-right: 10px;
}

.ml-xs {
    margin-left: 5px;
}

.m {
    margin: 10px;
}

.mt-xs {
    margin-top: 5px;
}

.m0 {
    margin: 0px !important;
}

.p0 {
    padding: 0px !important;
}

.pl {
    padding-left: 10px;
}

.pr0 {
    padding-right: 0px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.p {
    padding: 15px;
}

.p5 {
    padding: 5px;
}

.pb {
    padding-bottom: 10px;
}

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

.pt {
    padding-top: 10px;
}

.pt-xs {
    padding-top: 5px;
}

.fontnormal {
    font-weight: normal !important;
}

.newItem-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
}

.progress-xs {
    height: 12px;
    margin-bottom: 0px;
    width: 100%;
}

.progress span {
    display: block;
    width: 100%;
    color: #FFFFFF;
    line-height: 12px;
    font-size: 10px;
}

.planification-color {
    background: transparent;
    border: none !important;
    font-size: 0;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 3px;
    margin-right: 5px;
    background: url('../img/planificacoesCor.png') no-repeat;
    cursor: pointer;
}

.live-color {
    background: transparent;
    border: none !important;
    font-size: 0;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 3px;
    margin-right: 5px;
    background: url('../img/live.png') no-repeat;
    cursor: pointer;
}

.sumative-test-color {
    background: transparent;
    border: none !important;
    font-size: 0;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 3px;
    margin-right: 5px;
    background: url('../img/testesCor.png') no-repeat;
}

.classRoomChanged-color {
    background: transparent;
    border: none !important;
    font-size: 0;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 3px;
    margin-right: 5px;
    background: url('../img/porta.png') no-repeat;
    cursor: pointer;
}

.schedule-alteration-color {
    background: transparent;
    border: none !important;
    font-size: 0;
    width: 15px;
    height: 15px;
    float: right;
    margin-top: 3px;
    margin-right: 5px;
    background: url('../img/horarioCor.png') no-repeat;
    cursor: pointer;
}

.schedule-alteration-color-legend {
    background: transparent;
    border: none !important;
    font-size: 0;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 2px;
    background: url('../img/horarioCor.png') no-repeat;
}

.sumative-test-color-legend {
    background: transparent;
    border: none !important;
    font-size: 0;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 2px;
    background: url('../img/testesCor.png') no-repeat;
}

.planification-color-legend {
    background: transparent;
    border: none !important;
    font-size: 0;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 2px;
    background: url('../img/planificacoesCor.png') no-repeat;
}

.classRoomChanged-color-legend {
    background: transparent;
    border: none !important;
    font-size: 0;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 2px;
    background: url('../img/porta.png') no-repeat;
}

.editInfoPhoto {
    margin-bottom: 20px;
    width: 60px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #9B9B9B;
    border-top-color: #636363;
}

table#consents td {
    padding: 7px;
}

table#consents tr:nth-child(even) {
    background-color: #f2f2f2;
}

.right-block {
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    bottom: 0;
    background: #fff;
    /*overflow: auto;*/
}

    .right-block .top-banner {
        /*background-image: url('../img/banner.jpg');*/
        background-size: cover;
        background-position: bottom center;
    }

        .right-block .top-banner img {
            max-height: 400px;
            object-fit: cover;
        }

    .right-block .bottom-content {
        margin-top: -165px;
    }

        .right-block .bottom-content .image-wrapper {
            display: block;
            margin: 0 auto;
            text-align: center;
        }

            .right-block .bottom-content .image-wrapper img {
                width: 450px;
            }

        .right-block .bottom-content p {
            text-align: center;
            font-size: 17px;
            color: #A0ABBF;
            font-family: 'Lato', sans-serif;
            line-height: 1.3em;
            margin-bottom: 60px;
            margin-left: 30px;
            margin-right: 30px;
        }

        .right-block .bottom-content .store h6 {
            text-transform: uppercase;
            font-size: 14px;
            color: #A0ABBF;
            text-align: center;
            font-family: 'Lato', sans-serif;
        }

        .right-block .bottom-content .store .wrapper {
            font-size: 0;
            text-align: center;
        }

            .right-block .bottom-content .store .wrapper a {
                display: inline-block;
                margin: 0 5px;
            }

@media only screen and (max-width: 1630px) {

    .right-block .bottom-content .image-wrapper img {
        /*width: calc(450px - 10%)*/
    }
}


@media only screen and (max-width: 1200px) {

    .right-block .bottom-content {
        margin-top: -130px;
    }

        .right-block .bottom-content .image-wrapper img {
            width: 300px;
        }

        .right-block .bottom-content p {
            font-size: 17px;
        }
}

@media only screen and (max-width: 990px) {
    .right-block {
        display: none;
    }

    #loginWrapper {
        margin: 0 auto;
        padding-top: 100px;
        width: unset !important;
    }
}




#accordion-menu-js {
    padding-bottom: 80px;
}


.tableFixFood {
    width: 100%
}

    .tableFixFood thead tr {
        background-color: #F8BF0C;
        height: 50px;
    }

        .tableFixFood thead tr td {
            padding-left: 20px;
            color: white;
            font-size: 15px;
            font-weight: bold;
            font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        }

    .tableFixFood tbody tr:nth-child(2n+1) {
        background: rgba(191, 191, 191, 0.2)
    }

    .tableFixFood tbody tr span.fonteloCircle {
        padding-top: 2px;
        font-size: 30px;
        padding-left: 25px;
        color: #F8BF0C;
    }

        .tableFixFood tbody tr span.fonteloCircle i {
            padding-top: 2px;
        }

.tableFixHygene {
    width: 100%
}

    .tableFixHygene thead tr {
        background-color: #00A0E9;
        height: 50px;
    }

        .tableFixHygene thead tr td {
            padding-left: 20px;
            color: white;
            font-size: 15px;
            font-weight: bold;
            font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        }

    .tableFixHygene tbody tr:nth-child(2n+1) {
        background: rgba(191, 191, 191, 0.2)
    }

    .tableFixHygene tbody tr span.fonteloCircle {
        font-size: 30px;
        padding-left: 25px;
        color: #00A0E9;
    }

        .tableFixHygene tbody tr span.fonteloCircle i {
            padding-top: 2px;
        }

.tableFixRest {
    width: 100%
}

    .tableFixRest thead tr {
        background-color: #FA6D3A;
        height: 50px;
    }

        .tableFixRest thead tr td {
            padding-left: 20px;
            color: white;
            font-size: 15px;
            font-weight: bold;
            font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        }

    .tableFixRest tbody tr:nth-child(2n+1) {
        background: rgba(191, 191, 191, 0.2)
    }

    .tableFixRest tbody tr span.fonteloCircle {
        font-size: 30px;
        padding-left: 25px;
        color: #FA6D3A;
    }

        .tableFixRest tbody tr span.fonteloCircle i {
            padding-top: 2px;
        }

.tableFixHealth {
    width: 100%
}

    .tableFixHealth thead tr {
        background-color: #0BCA3A;
        height: 50px;
    }

        .tableFixHealth thead tr td {
            padding-left: 20px;
            color: white;
            font-size: 15px;
            font-weight: bold;
            font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        }

    .tableFixHealth tbody tr:nth-child(2n+1) {
        background: rgba(191, 191, 191, 0.2)
    }

    .tableFixHealth tbody tr span.fonteloCircle {
        font-size: 30px;
        padding-left: 25px;
        color: #0BCA3A;
    }

        .tableFixHealth tbody tr span.fonteloCircle i {
            padding-top: 2px;
        }

.tableFixGeneralObservations {
    width: 100%
}

    .tableFixGeneralObservations thead tr {
        background-color: darkorange;
        height: 50px;
    }

        .tableFixGeneralObservations thead tr td {
            padding-left: 20px;
            color: white;
            font-size: 15px;
            font-weight: bold;
            font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        }

    .tableFixGeneralObservations tbody tr:nth-child(2n+1) {
        background: rgba(191, 191, 191, 0.2)
    }

    .tableFixGeneralObservations tbody tr span.fonteloCircle {
        font-size: 30px;
        padding-left: 25px;
        color: darkorange;
    }

        .tableFixGeneralObservations tbody tr span.fonteloCircle i {
            padding-top: 2px;
        }

.labelOfNoRecords {
    display: block;
    text-align: center;
    line-height: 150%;
    font-size: 1.85em;
    padding-top: 275px;
}

.classForLeftColumn {
    padding-left: 10px;
}

.classForRightColumn {
    float: right;
    padding-right: 10px
}
.divCalendarCenter {
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

    .divCalendarCenter .fc-button-prev {
        margin-right: 10px;
        padding-bottom: 3px;
    }

    .divCalendarCenter .fc-button-next {
        margin-left: 10px;
        padding-bottom: 3px;
    }


.tableFixHumor {
    width: 100%
}

    .tableFixHumor thead tr {
        background-color: #DE3AFA;
        height: 50px;
    }

        .tableFixHumor thead tr td {
            padding-left: 20px;
            color: white;
            font-size: 15px;
            font-weight: bold;
            font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        }

    .tableFixHumor tbody tr:nth-child(2n+1) {
        background: rgba(191, 191, 191, 0.2)
    }

    .tableFixHumor tbody tr span.fonteloCircle {
        font-size: 30px;
        padding-left: 25px;
        color: #FA6D3A;
    }

        .tableFixHumor tbody tr span.fonteloCircle i {
            padding-top: 2px;
        }

#sb-wrapper-inner .blockElement {
    top: 40% !important;
    left: 25% !important;
}