/*
 *  Document   : main.css
 *  Author     : pixelcave
 *  Description: The main stylesheet of the template
 *
 *  Structure (with shortcodes):
 *      (#m01lls) LOGIN (Login page layout structure and elements)
 *      (#m02mls) MAIN LAYOUT (Main page layout structure)
 *      (#m03hws) HEADER WIDGETS (Widgets styles + extend of Bootstrap styles)
 *      (#m04nvs) NAVIGATION (Search + Primary Nav + Nav info + Nav dash)
 *      (#m05mcs) MAIN CONTENT (Template specific styles such as Dash Tiles)
 *      (#m06bos) BOOTSTRAP OVERWRITE + EXTEND STYLES (Overwrite and extend the default bootstrap styles + Datatables plugin)
 *      (#m07hes) HELPERS (Some helper classes)
 *      (#m08res) RESPONSIVE
 *      (#m09rts) RETINA 
 */

/*
=================================================================
(#m01lls) LOGIN
=================================================================
*/

body.login {
    padding: 80px 0 0;
    background-color: #f9f9f9;
    background-image: url('../img/template/login_bg.png');
    background-position: top center;
    background-repeat: repeat-y;
    background-size: 6px 1px;
}

#login-container {
    width: 270px;
    padding: 20px;
    margin: 0 auto;
	text-align:center;
    border: 5px solid #ddd;
    background-color: #fff;
}

#login-form {
    margin: 0;
    padding-top: 10px;
}

#login-form input[type="text"],
#login-form input[type="password"] {
    width: 229px;
}

/*
=================================================================
(#m02mls) MAIN LAYOUT
=================================================================
*/

body {
    background-color: #f9f9f9;
    color: #333;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-y:scroll;
}

#page-container {
    width: 100%;
    min-width: 320px;
    max-width: 1920px;
}

#inner-container {
    background-color: #ddd;
}

#page-sidebar {
    width: 200px;
    position: absolute;
    border-right: 1px solid #ccc;
}

#page-content {
    margin: 0 0 0 200px;
    padding: 20px;
    background-color: #fff;
    border-left: 1px solid #ccc;
    min-height: 1200px;
}

footer {
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    height: 30px;
    padding: 0 20px;
    background-color: #f6f6f6;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 0 0 0 200px;
    color: #555;
}

/*
=================================================================
(#m03hws) HEADER WIDGETS
=================================================================
*/

.widget {
    padding: 0;
}

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

.widget ul li {
    padding: 0 5px;
}

.widget > li {
    width: 250px;
    padding: 3px 5px;
    font-size: 12px;
}

.widget.widget-fluid > li {
    width: auto;
    min-width: 180px;
    max-width: 250px;
}

.widget > li:first-child {
    margin: 3px 0 0;
}

.widget li.new-on {
    background-color: #f9f9f9;
}

.widget li.li-hover:hover {
    background-color: #f9f9f9;
}

.widget li.widget-heading {
    padding-top: 7px;
    padding-bottom: 6px;
    color: #555;
    font-size: 13px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #e5e5e5;
}

.widget > li.widget-heading > a > [class^="icon-"],
.widget > li.widget-heading > a >[class*=" icon-"],
.widget > li.widget-heading > [class^="icon-"],
.widget > li.widget-heading > [class*=" icon-"]{
    font-size: 18px;
    font-weight: normal;
    vertical-align: bottom;
}

.widget > li.widget-heading > a:hover {
    color: #999;
    text-decoration: none;
}

.widget li.label {
    padding: 5px;
    width: auto;
    display: block;
}

.widget li.divider {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget a.widget-link {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal;
    color: inherit;
    font-weight: bold;
}

.widget a.widget-link:hover {
    text-decoration: underline;
    background: none !important;
    color: inherit;
}

.widget a.widget-link:hover [class^="icon-"],
.widget a.widget-link:hover [class*=" icon-"] {
    text-decoration: none;
}

.widget .media {
    margin: 0;
    line-height: 15px;
    padding: 0;
    background: none;
}

.widget .media-heading {
    margin: 0;
}

.widget .media-heading .label {
    font-size: 10px;
    float: right;
}

#widgets .welcome {
	color:#f1f1f1;
	margin:10px 10px 0 14px;
	font-size:18px;
	font-weight:300;
}

/*
=================================================================
(#m04nvs) NAVIGATION
=================================================================
*/

/* Header */
#loading {
    padding: 10px;
    font-size: 20px;
}

#loading i {
    color: #fff;
}

/* Search */
#sidebar-search {
    margin: 0;
    padding: 0;
    height: 30px;
    border-bottom: 1px solid #eee;
    background-color: #eee;
}

#sidebar-search input[type=text] {
    padding: 0 10px;
    height: 30px;
    line-height: normal;
    width: 157px;
    border: none;
    background-color: #eee;
    font-style: italic;
    font-size: 12px;
}

.lt-ie9 #sidebar-search input[type=text] {
    line-height: 30px;
}

#sidebar-search button {
    border: none;
    background-color: #eee;
    margin: 5px 0 0;
    padding: 0;
    color: #999;
}

#sidebar-search button:hover {
    color: #fff;
}

/* Primary Menu */
#primary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0 0 15px 0;
}

#primary-nav li a {
    display: block;
    margin: 3px 0 0;
    background-color: #e9e9e9;
    color: #999;
    padding: 9px 10px 6px 40px;
}

#primary-nav li a:hover {
    color: #777;
    background-color: #f6f6f6;
    text-decoration: none;
}

#primary-nav li a.active {
    padding-left: 35px;
    color: #333;
    background-color: #fff;
    border-left: 5px solid #ef7c08;
}

#primary-nav li i {
    margin: 0 10px 0 -30px;
    width: 20px;
    text-align: center;
    display: inline-block;
    color: #999;
}

#primary-nav li a:hover i,
#primary-nav li a.active i {
    color: #555;
}

#primary-nav li span {
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* Submenu */
#primary-nav li.active > ul {
    display: block;
}

#primary-nav li > ul {
    padding: 0;
    margin: 0;
    display: none;
}

#primary-nav li > ul a {
    margin: 0;
    background: #eee;
    font-size: 13px;
}

#primary-nav li > ul i {
    opacity: 0.40;
    font-size: 14px;
    filter: alpha(opacity=40);
}

#primary-nav li > ul a.active i,
#primary-nav li > ul a:hover i {
    opacity: 1;
    filter: alpha(opacity=100);
}

#primary-nav li > ul a.active {
    margin: 0;
}

/* Navigation info */
#nav-info {
    list-style: none;
    margin: -20px -20px 20px;
    padding: 0;
    border-bottom: 1px solid #ddd;
    background-color: #f6f6f6;
}

#nav-info > li:first-child {
    background: none;
    padding: 0 15px;
}

#nav-info > li {
    float: left;
    padding: 0 15px 0 20px;
    height: 30px;
    line-height: 33px;
    color: #999;
    font-size: 12px;
    background-image: url('../img/template/nav_info_seperator.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 5px 30px;
}

#nav-info > li > a {
    color: #555;
}

#nav-info > li.active {
    color: #555;
}

#nav-info > li.active a {
    color: #ef7c08;
}

/* Navigation Dash */
.nav-dash {
    list-style: none;
    margin: 0 -20px 20px;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #f9f9f9;
}

.nav-dash > li {
    display: inline-block;
    margin: 0 3px;
}

.nav-dash > li > a {
    position: relative;
    font-size: 32px;
    line-height: 32px;
    color: #777;
    display: block;
    background-color: #ddd;
    border: 1px solid #ccc;
    width: 45px;
    height: 45px;
    padding: 27px 20px 13px;
    text-align: center;
    margin: 0 0 5px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

.nav-dash > li > a:hover,
.nav-dash > li.active > a {
    color: #fff;
    background-color: #ef7c08;
    border: 1px solid #ef7c08;
    text-decoration: none;
}

.nav-dash > li > a > .badge,
.nav-dash > li > a > .label {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 0 0 3px;
    padding: 3px 7px;
}

/*
=================================================================
(#m05mcs) MAIN CONTENT
=================================================================
*/

.sub-header {
    margin: 10px -20px 20px;
    padding: 10px 20px;
    border-bottom: 2px solid #ccc;
}

.grid-box,
.grid-boxes > div {
    background-color: #ddd;
    padding: 5px;
    margin: 0 0 20px;
    text-align: center;
    font-size: 12px;
}

/* Dash Tiles */
.dash-tile {
    min-height: 190px;
    background-color: #e9e9e9;
    margin: 0 0 20px;
    padding: 0 20px;
}

.dash-tile-2x {
    min-height: 400px;
}

.dash-tile-header {
    margin: 0 -20px;
    padding: 0 4px 0 10px;
    min-height: 38px;
    line-height: 45px;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    background-color: #eee;
}

.dash-tile-options {
    float: right;
    height: 38px;
    line-height: 41px;
}

.dash-tile-options a:hover {
    text-decoration: none;
    color: #333;
}

.dash-tile-content {
    margin: 0 -20px;
    padding: 10px;
}

.dash-tile-2x .dash-tile-content {
    padding: 15px;
}

.dash-tile-content-inner {
    height: 130px;
}

.dash-tile-2x .dash-tile-content-inner {
    height: 330px;
}

.dash-tile-content-inner-fluid {
    min-height: 130px;
}

.dash-tile-2x .dash-tile-content-inner-fluid {
    min-height: 330px;
}

.dash-tile-content-light {
    background-color: #f9f9f9;
    padding: 10px;
}

.dash-tile-content .alert {
    margin: 5px 0;
}

.dash-tile-icon,
.dash-tile-text {
    line-height: normal;
    color: #fff;
}

.dash-tile-icon {
    float: left;
    padding: 40px 0 0 0;
    font-size: 48px;
    text-align: left;
}

.dash-tile-text {
    float: right;
    padding: 48px 0 0 0;
    font-size: 36px;
    text-align: right;
}

.dash-tile-leaf .dash-tile-header,
.dash-tile-dark .dash-tile-header,
.dash-tile-ocean .dash-tile-header,
.dash-tile-flower .dash-tile-header,
.dash-tile-fruit .dash-tile-header,
.dash-tile-oil .dash-tile-header,
.dash-tile-balloon .dash-tile-header,
.dash-tile-doll .dash-tile-header {
    border-bottom: 2px solid #f9f9f9;
    background-color: #eee;
    opacity: 0.45;
    filter: alpha(opacity=45);
}

.dash-tile-leaf.no-opacity .dash-tile-header,
.dash-tile-dark.no-opacity .dash-tile-header,
.dash-tile-ocean.no-opacity .dash-tile-header,
.dash-tile-flower.no-opacity .dash-tile-header,
.dash-tile-fruit.no-opacity .dash-tile-header,
.dash-tile-oil.no-opacity .dash-tile-header,
.dash-tile-balloon.no-opacity .dash-tile-header,
.dash-tile-doll.no-opacity .dash-tile-header {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dash-tile-leaf:hover,
.dash-tile-dark:hover,
.dash-tile-ocean:hover,
.dash-tile-flower:hover,
.dash-tile-fruit:hover,
.dash-tile-oil:hover,
.dash-tile-balloon:hover,
.dash-tile-doll:hover {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.dash-tile-leaf.no-opacity:hover,
.dash-tile-dark.no-opacity:hover,
.dash-tile-ocean.no-opacity:hover,
.dash-tile-flower.no-opacity:hover,
.dash-tile-fruit.no-opacity:hover,
.dash-tile-oil.no-opacity:hover,
.dash-tile-balloon.no-opacity:hover,
.dash-tile-doll.no-opacity:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dash-tile-leaf {
    background-color: #c2db39;
}

.dash-tile-dark {
    background-color: #555;
}

.dash-tile-ocean {
    background-color: #3991db;
}

.dash-tile-flower {
    background-color: #9139db;
}

.dash-tile-fruit {
    background-color: #db9839;
}

.dash-tile-oil {
    background-color: #d9db39;
}

.dash-tile-balloon {
    background-color: #db6739;
}

.dash-tile-doll {
    background-color: #db39bb;
}

/* Images with text */
.content-text img.pull-left {
    margin: 0 20px 10px 0;
}

.content-text img.pull-right {
    margin: 0 0 10px 20px;
}

/* Scroll to top link */
#to-top {
    font-size: 20px;
    padding: 10px;
    position: fixed;
    bottom: 5px;
    left: 5px;
    color: #555;
    display: none;
    opacity: 0.75;
    background-color: #fff;
    filter: alpha(opacity=75);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#to-top:hover {
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Charts */
.chart {
    height: 300px;
    margin: 20px;
}

.chart-live {
    height: 540px;
    margin: -20px;
}

.chart-tooltip {
    position: absolute;
    display: none;
    color: #fff;
    background-color: #333;
    padding: 2px 5px;
}

.chart-pie-label {
     font-size: 10px;
     text-align: center;
     padding: 2px 5px;
     color: #fff;
}

/* Errors Page */
#error-tabs {
    width: 320px;
    margin: 0 auto 20px;
}

#error-tabs li {
    font-size: 15px;
}

.error-container {
    padding: 20px;
    text-align: center;
    border: 10px solid #eee;
    background: #f9f9f9;
}

.error-code {
    font-size: 120px;
    line-height: 120px;
    color: #ef7c08;
    margin-bottom: 30px;
}

.error-text {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 30px;
}

.error-search,
.error-search div,
.error-search input {
    margin: 0;
}

/* FullCalendar */
#fc-external-events {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.fc-external-event {
    background-color: #ef7c08;
    padding: 2px;
    color: #fff;
    margin-bottom: 5px;
    cursor: move;
    border: 1px dashed #333;
}

/* Wizard */
.wizard-steps > div {
    padding: 20px 2px;
    font-size: 18px;
    color: #ddd;
}

.wizard-steps > div.active {
    color: #ef7c08;
    font-weight: bold;
}

/* Google Maps */
.gmap-con img {
    max-width: none !important;
}

/* Price Tables */
.price-tables {
    text-align: center;
}

.plan {
    width: 260px;
    margin: 10px 0;
    padding: 0 0 20px;
    background-color: #eee;
    display: inline-block;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.plan:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.plan-header {
    color: #fff;
    background: #555;
    padding: 15px 10px;
    margin: 0;
}

.plan ul {
    list-style-type: none;
    font-size: 16px;
    padding: 0 10px;
    margin: 20px 0 20px 30px;
    text-align: left;
}

.plan ul li {
    margin: 0 0 5px;
}

.plan h1 {
    font-size: 90px;
    margin: 20px 0;
    padding: 15px 20px;
    line-height: normal;
    background-color: #f9f9f9;
}

.plan h1 sup {
    font-size: 45px;
}

.plan h1 small {
    display: block;
    font-size: 16px;
}

.plan-featured {
    border: 20px solid #333;
    background-color: #fff;
}

.plan-featured .plan-header {
    background-color: #ef7c08;
}

.plan-featured h1 {
    background-color: #fff;
    color: #ef7c08;
}

/* Icon Set List */
.iconset-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.iconset-list li {
    padding: 5px;
    margin: 0 10px 10px 0;
    float: left;
    width: 200px;
    text-align: center;
}

.iconset-list i {
    line-height: normal;
    margin: 10px 0;
    font-size: 32px;
    color: #999;
}

.iconset-list code {
    display: block;
    margin: 5px;
}

.iconset-list-dark li {
    background: #777;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Inbox */
.inbox-menu {
    float: left;
    width: 180px;
    background-color: #f9f9f9;
    padding: 10px 0;
}

.inbox-menu i {
    display: inline-block;
    width: 15px;
    margin-right: 5px;
}

.inbox-menu a {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
    color: #555;
}

.inbox-menu a:hover {
    color: #555;
}

.inbox-menu-count {
    float: right;
    font-weight: bold;
}

.inbox-menu-count i {
    margin: 0;
    width: auto;
}

.inbox-messages-outer {
    margin-left: 200px;
}

.inbox-messages {
    background-color: #e9e9e9;
    width: 100%;
    display: table;
}

.inbox-messages-list {
    width: 250px;
    display: table-cell;
    vertical-align: top;
}

.inbox-messages-list > input {
    width: 236px;
    margin: 0;
    padding: 8px 5px;
    border: 2px solid #e5e5e5;
    border-right-color: #fff;
    border-bottom-color: #fff;
}

.inbox-messages-list .nav {
    margin-bottom: 0;
}

.inbox-messages-list a {
    margin: 2px 0 !important;
    padding: 12px 10px !important;
    color: #555;
    border-left: 3px solid #ddd;
}

.inbox-messages-list a.unread {
    border-color: #468847;
}

.inbox-messages-list a:hover {
    color: #555;
}

.inbox-messages-list li.active a {
    border: none;
}

.inbox-messages-list-username,
.inbox-messages-list-meta {
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
}

.inbox-messages-list-meta {
    float: right;
    font-weight: normal;
    margin: -1px;
}

.inbox-messages-list-title {
    font-weight: bold;
    padding: 8px 0 0;
    display: inline-block;
}

.inbox-messages-list-preview {
    padding: 3px 0 0;
    line-height: 1.6;
    display: inline-block;
}

.inbox-messages-container {
    background-color: #f5f5f5;
    display: table-cell;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 3px solid #ef7c08;
}

.inbox-messages-content-actions {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
    background: #eee;
}

.inbox-messages-content-actions li {
    float: left;
}

.inbox-messages-content-actions a {
    display: block;
    padding: 5px 10px;
    height: 28px;
    line-height: 28px;
}

.inbox-messages-content-actions i {
    display: inline-block;
    width: 12px;
    margin-right: 5px;
}

.inbox-messages-content-actions a:hover {
    text-decoration: none;
    background-color: #ef7c08;
    color: #fff;
}

.inbox-messages-content-header,
.inbox-messages-content-body,
.inbox-messages-content-reply {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.inbox-messages-content-body {
    background-color: #f9f9f9;
    color: #555;
}

.inbox-messages-content-reply {
    border: none;
}

/* ChatUI */
.chat-container {
    background: #333;
}

.chat-people,
.chat-messages {
    height: 600px;
    overflow-y: scroll;
}

.chat-people {
    padding: 5px 10px;
    margin: 0;
    width: 250px;
    float: right;
}

.chat-people ul {
    margin: -10px;
    padding: 0;
    list-style: none;
}

.chat-people img {
    margin-right: 10px;
    float: left;
}

.chat-people a {
    min-height: 74px;
    display: block;
    color: #fff;
    padding: 5px 10px 5px 15px;
    margin: 0 0 2px;
    font-weight: bold;
}

.chat-people a.chat-online {
    border-left: 5px solid #468847;
}

.chat-people a.chat-away {
    border-left: 5px solid #c09853;
}

.chat-people a.chat-offline {
    border-left: 5px solid #b94a48;
}

.chat-people a:hover,
.chat-people li.active a {
    background: #ccc;
    text-decoration: none;
    color: #000;
}

.chat-people li.active a {
    border-width: 13px;
    padding-left: 7px;
}

.chat-name,
.chat-info {
    display: inline-block;
}

.chat-name {
    margin: 15px 0 0 ;
}

.chat-info {
    padding: 5px 0 0;
    color: #777;
    font-style: italic;
}

.chat-messages {
    padding: 0;
    margin: 0;
    border: 5px solid #ccc;
    background-color: #fff;
}

.chat-messages ul {
    list-style: none;
    padding: 5px 10px;
    margin: 0;
}

.chat-messages li {
    margin: 5px 0;
    padding: 10px 10px 20px;
    background-color: #f1f1f1;
    min-height: 55px;
    position: relative;
}

.chat-messages li img {
    width: 52px;
    height: 52px;
    border: 3px solid #fff;
    position: absolute;
    top: 3px;
}

.chat-messages .chat-msg-left {
    text-align: left;
    margin-right: 15%;
    padding-left: 72px;
    background-color: #ef7c08;
    color: #fff;
}

.chat-messages .chat-msg-left img {
    left: 3px;
}

.chat-messages .chat-msg-left .chat-msg-time {
    position: absolute;
    bottom: 3px;
    left: 3px;
}

.chat-messages .chat-msg-right {
    text-align: right;
    margin-left: 15%;
    padding-right: 72px;
}

.chat-messages .chat-msg-right img {
    right: 3px;
}

.chat-messages .chat-msg-right .chat-msg-time {
    position: absolute;
    bottom: 3px;
    right: 3px;
}

.chat-input {
    background-color: #ef7c08;
    padding: 5px;
    height: 40px;
}

.chat-input img {
    width: 40px;
    height: 40px;
    float: left;
}

.chat-input-inner {
    margin-left: 45px;
}

.chat-input input {
    width: 100%;
    padding: 10px 10px;
    height: 40px;
    margin: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.chat-input input:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.chat-input input:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Landing */
.landing-container {
    padding-top: 40px;
}

.landing-container .navbar-inner {
    position: relative;
}

.landing-container header .nav-left {
    position: absolute;
    top: 0;
    left: 0;
}

.landing-container .brand {
    float: none;
    display: inline-block;
}

.landing-section-outer {
    background-color: #eee;
    color: #444;
}

.landing-section-outer.grey {
    background-color: #ddd;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.landing-section-outer.dark {
    background-color: #444;
    color: #aaa;
    border-top: 1px solid #222;
    border-bottom: none;
}

.landing-section {
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    max-width: 1140px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.landing-section h4 {
    margin: 0 0 20px;
    padding-top: 10px;
}

.landing-section p {
    margin: 0 0 15px;
}

.landing-section-outer.dark a {
    color: #fff;
}

/* Forum */
.table.forum th,
.table.forum td {
    vertical-align: middle;
    background-color: #fcfcfc;
}

.table.forum th {
    background-color: #f0f0f0;
    padding: 5px 8px 3px;
}

.table.forum .cell-stat {
    width: 80px;
}

.table.forum .cell-stat-2x {
    width: 160px;
}

.table.forum td.forum-post {
    padding: 20px;
}

.table.forum td.forum-post p {
    margin-bottom: 20px;
}

.table.forum .forum-sign {
    margin: 0 -20px -20px;
    padding: 8px 20px;
    border-top: 1px dashed #ddd;
}

.table.forum .forum-avatar {
    vertical-align: top;
    padding: 20px;
    width: 20%;
}

.table.forum-cat h5 {
    margin: 0;
}

.table.forum-cat .sticky td {
    background-color: #f5f5f5;
}

.table.forum-cat td.sticky {
    background-color: #eee;
}

/* Theme Options */
a.btn-theme-options {
    color: #999;
    font-size: 14px;
    margin: 0;
    display: block;
    padding-top: 9px;
    padding-bottom: 6px;
    text-align: left;
    border: none;
    background: #f1f1f1;
}

a.btn-theme-options i {
    margin: 0 6px 0 -1px;
    width: 20px;
    text-align: center;
    display: inline-block;
    color: #999;
}

a.btn-theme-options:hover {
    color: #ef7c08;
    background: #e9e9e9;
}

a.btn-theme-options.open {
    background: #eee;
}

#theme-options-content {
    margin: 0;
    padding: 10px 15px;
    background-color: #e9e9e9;
    display: none;
}

.theme-colors {
    list-style: none;
    padding: 0;
    margin: 0;
}

.theme-colors li {
    float: left;
    margin: 0 4px 10px;
}

.theme-colors li a {
    display: block;
    width: 22px;
    height: 22px;
    border-width: 2px;
    border-style: solid;
}

.theme-colors li.active a {
    border-color: #000 !important;
}

/* Loaders */
[class^="loader-"],
[class*=" loader-"] {
    display: inline-block;
    width: 16px;
    height: 16px;
     margin-top: 1px;
    *margin-right: .3em;
    line-height: 16px;
    vertical-align: text-top;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.loader-01 { background-image: url('../img/loading.gifs/loading01.gif'); }
.loader-02 { background-image: url('../img/loading.gifs/loading02.gif'); }
.loader-03 { background-image: url('../img/loading.gifs/loading03.gif'); }
.loader-04 { background-image: url('../img/loading.gifs/loading04.gif'); }
.loader-05 { background-image: url('../img/loading.gifs/loading05.gif'); }
.loader-06 { background-image: url('../img/loading.gifs/loading06.gif'); }
.loader-07 { background-image: url('../img/loading.gifs/loading07.gif'); }
.loader-08 { background-image: url('../img/loading.gifs/loading08.gif'); }
.loader-09 { background-image: url('../img/loading.gifs/loading09.gif'); }
.loader-10 { background-image: url('../img/loading.gifs/loading10.gif'); }
.loader-11 { background-image: url('../img/loading.gifs/loading11.gif'); }
.loader-12 { background-image: url('../img/loading.gifs/loading12.gif'); }

/*
=================================================================
(#m06bos) BOOTSTRAP OVERWRITE + EXTEND STYLES
=================================================================
*/

/* Page header */
.page-header {
    margin: 20px -20px;
    padding: 10px 20px 9px;
    background-color: #f3f3f3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.page-header-top {
    margin: -20px -20px 20px;
    border-top: none;
}

.page-header-sub {
    border-bottom: 1px solid #ddd;
}

/* Typography */
.well {
    background-color: #f9f9f9;
}

.navbar a > .badge {
    margin: 0 0 0 3px;
    padding: 2px 5px;
}

.text-black {
    color: #000;
}

/* Added !important to these bootstrap classes */
.text-left {
    text-align: left !important;
}

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

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

/* Dropdown */
.dropdown-user img {
    margin: -7px 5px -5px 0;
}

.dropdown-menu {
    margin: -1px 0 0;
    z-index: 1051;
    min-width: 100px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.dropdown-menu i {
    display: inline-block;
    width: 20px;
    text-align: center;
}

.dropdown-menu .divider {
    margin: 5px 0;
}

.dropdown-menu > li > a {
    padding: 3px 10px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background: #ef7c08;
    filter: none;
}

.dropdown-submenu > a:after {
    margin-right: 0;
}

/* Navbar */
header.navbar {
    margin: 0;
}

header > .navbar-inner > .container-fluid {
    padding: 0;
}

.navbar .navbar-inner,
.navbar-inverse .navbar-inner {
    border: none;
    padding: 0;
}

.navbar .navbar-inner {
    background: #e6e6e6;
    filter: none;
}

.navbar-inverse .navbar-inner {
    background: #4b4b4b;
    filter: none;
}

.navbar .brand,
.navbar-inverse .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
}

header.navbar .brand,
header.navbar-inverse .brand {
    padding-top: 8px;
    padding-bottom: 7px;
    margin: 0;
}

.navbar .divider-vertical {
    border-right-color: #ccc;
    border-left-color: #eee;
}

.navbar-inverse .divider-vertical {
    border-right-color: #3b3b3b;
    border-left-color: #5b5b5b;
}

.navbar-fixed-bottom .dropdown .dropdown-menu {
    margin-bottom: -1px;
}

/* Nav pills */
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
    background-color: #ef7c08;
}

/* Pagination */
.pagination ul > .active > a,
.pagination ul > .active > a:hover,
.pagination ul > .active > span {
    color: #fff;
    background-color: #ef7c08;
    border: 1px solid #ef7c08;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 7px 15px;
}

/* Tabs */
.tab-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 12px;
	padding-top:30px;
    margin: -20px 0 0;
    background: #fff;
}

.tab-content-default {
    border: none;
    padding: 0;
    margin: 0;
}

.tabs-left .tab-content,
.tabs-right .tab-content {
    border: none;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* Media */
.media {
    padding: 10px;
    background: #f9f9f9;
}
.media-hover:hover {
    background: #f1f1f1;
}

/* Modals */
.modal-header {
    padding-bottom: 0;
    background: #f6f6f6;
}

.modal-footer {
    padding: 10px;
}

/* Carousel */
.carousel {
    border: 5px solid #ccc;
}

.carousel-indicators {
    left: 15px;
}

.carousel-indicators li {
    cursor: pointer;
    background-color: #999;
}

/* Thumbnails */
.thumbnails > li {
    position: relative;
}

.thumbnails-options {
    right: 0;
    position: absolute;
    display: none;
}

a.thumbnail {
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

a.thumbnail:hover,
a.thumbnail:focus {
    border-color: #ef7c08;
    -webkit-box-shadow: 0 1px 3px rgba(219, 74, 57, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(219, 74, 57, 0.25);
    box-shadow: 0 1px 3px rgba(219, 74, 57, 0.25);
}

.thumbnails-borderless a.thumbnail,
.thumbnails-borderless a.thumbnail:hover,
.thumbnails-borderless a.thumbnail:focus,
a.thumbnail-borderless:hover,
a.thumbnail-borderless:focus,
a.thumbnail-borderless {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.thumbnails-borderless .thumbnail,
.thumbnails .thumbnail-borderless {
    border: none;
    padding: 5px;
}

/* Tooltip */
.tooltip {
    font-size: 12px;
    z-index: 1052;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip-inner {
    padding: 6px;
    background-color: #333;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #333;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #333;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #333;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #333;
}

/* Forms */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #555;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.textarea-large {
    width: 95%;
}

.uneditable-textarea {
    width: 206px;
}

.uneditable-input {
    background-color: #f6f6f6;
}

.form-box {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background-color: #f9f9f9;
}

.form-box.dash {
	margin-bottom: 0px;	
}

.form-box-header {
    margin: 0;
    padding: 20px;
    border-bottom: 2px solid #ddd;
    background-color: #f5f5f5;
}

.form-box-header.single {
	border: 1px solid #ddd;}	
}

.form-box-header.dash {
	border-bottom: none;
}

.form-box-header-push {
    margin: 0 0 20px;
}

.form-box-content {
    padding: 0 20px;
}

.form-box .control-group {
    margin: 0 -20px;
    padding: 12px 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
}

.form-box .form-actions {
    padding-left: 200px;
    margin: -1px -20px 0;
    padding-left: 185px;
    border-top: 2px solid #ddd;
}

.form-box .help-inline,
.form-box .help-block {
    color: #999;
}

.form-box .help-block {
    margin: 7px 0 3px;
}

/* Tables + DataTables */
.table-borderless th,
.table-borderless td {
    border-top: none;
}

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

.editable-td {
    cursor: pointer;
}

.dataTables_wrapper > div {
	background-color: #f9f9f9;
    padding: 8px 0 3px;
    width: auto;
    border: 1px solid #ddd;
}

.dataTables_length label {
	float: left;
	text-align: left;
}

.dataTables_length select {
	width: 55px;
    margin: 0 0 0 10px;
}

.dataTables_filter label {
	float: right;
    margin: 0 10px 0 0;
}

.dataTables_info {
    padding-top: 5px;
    margin: 0 0 0 10px;
}

.dataTables_paginate {
	float: right;
	margin: 0 10px 0 0;
}

table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
	cursor: pointer;
	*cursor: hand;
}

.table thead .sorting,
.table thead .sorting_asc,
.table thead .sorting_desc,
.table thead .sorting_asc_disabled,
.table thead .sorting_desc_disabled {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 19px 19px;
}

.table thead .sorting { background-image: url('../img/jquery.datatables/sort_both.png'); }
.table thead .sorting_asc { background-image: url('../img/jquery.datatables/sort_asc.png'); }
.table thead .sorting_desc { background-image: url('../img/jquery.datatables/sort_desc.png'); }
.table thead .sorting_asc_disabled { background-image: url('../img/jquery.datatables/sort_asc_disabled.png'); }
.table thead .sorting_desc_disabled { background-image: url('../img/jquery.datatables/sort_desc_disabled.png'); }

.dataTable {
	clear: both;
	margin-bottom: 0 !important;
	max-width: none !important;
}

.dataTable th:active {
	outline: none;
}

.dataTables_scrollHead table {
	margin-bottom: 0 !important;
}

.dataTables_scrollBody table {
	border-top: none;
	margin-bottom: 0 !important;
}

.dataTables_scrollBody tbody tr:first-child th,
.dataTables_scrollBody tbody tr:first-child td {
	border-top: none;
}

.dataTables_scrollFoot table {
	border-top: none;
}

/* Buttons */
.btn,
.btn-primary {
    filter: none;
    text-shadow: none;
}

.btn {
    background: #eee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

.btn-primary {
    background: #006dcc;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background: #0044cc;
}

.btn-success {
    background: #5bb75b;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background: #51a351;
}

.btn-danger {
    background: #da4f49;
}

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

.btn-warning {
    background: #faa732;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    background: #f89406;
}

.btn-info {
    background: #49afcd;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background: #2f96b4;
}

.btn-inverse {
    background: #363636;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    background: #222;
}

.btn-link {
    background: transparent;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.btn-link.disabled,
.btn-link[disabled] {
    background: transparent;
}

/* Label & Badges */
.label, .badge {
    text-indent: 0;
}

/* Progress */
.progress-mini {
    height: 10px;
    margin: 5px 0;
}

/* Links */
a {
    color: #ef7c08;
	text-decoration:none;
}

a:hover,
a:active,
a:focus {
    color: #ef7c08;
	text-decoration:none;
}

/* Remove radius from elements */
.pager li > a,
.pager li > span,
.nav-tabs > li > a,
.nav-pills > li > a,
.accordion-group,
.label,
.well,
.alert,
.modal,
.progress,
.popover,
.thumbnail,
.dropdown-menu,
.table-bordered,
.table-bordered th,
.table-bordered td,
.add-on,
.btn,
.tooltip-inner,
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,
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span,
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span,
.popover-title {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/*
=================================================================
(#m07hes) HELPERS
=================================================================
*/

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

.lt-ie9 .hidden-lt-ie9 {
    display: none;
}

.display-none {
    display: none;
}

.remove-margin {
    margin: 0 !important;
}

.remove-padding {
    padding: 0 !important;
}

.remove-radius {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.remove-box-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.remove-transition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/*
=================================================================
(#m08res) RESPONSIVE
=================================================================
*/

/* Large screens */
@media (min-width: 1200px) {

    .fixed #page-container {
        margin: 0 auto !important;
        width: 1140px !important;
    }

    .fixed #inner-container {
        border-left: 1px solid #ccc !important;
        border-right: 1px solid #ccc !important;
    }
}

/* Mobile up to portrait tablet to landscape and desktop */
@media (max-width: 979px) {

    #page-container,
    .landing-container {
        padding: 0 !important;
    }

    #page-sidebar {
        width: 100%;
        background: #ddd;
        border: none;
        z-index: 1050;
        position: relative;
    }

    .navbar-fixed-bottom .dropdown .dropdown-menu {
        margin-top: 0;
        margin-bottom: 0;
        border-top-width: 0;
        border-bottom-width: 5px;
        top: 100%;
        bottom: auto;
    }

    .navbar-fixed-bottom .nav > li > .dropdown-menu:after {
        border-top: 0;
        border-bottom: 6px solid #fff;
        bottom: auto;
        top: -6px;
    }

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

    #sidebar-search input[type="text"] {
        width: 80%;
        max-width: 800px;
        min-width: 250px;
    }

    #sidebar-search button {
        float: right;
        margin-right: 13px;
    }

    #page-content {
        margin: 0;
        border: none;
    }

    footer {
        margin: 0;
        border-left: none;
    }

    .nav-dash > li > a {
        font-size: 26px;
        width: 45px;
        height: 45px;
        padding: 20px 12px 5px;
    }

    .dash-tile-text {
        font-size: 32px;
    }
}

/* Mobile up to portrait tablet */
@media (max-width: 767px) {

    body {
        padding: 0;
    }

    body.login {
        padding: 20px 0;
    }

    .modal-body {
        max-height: 150px;
    }

    #login-container {
        width: 280px;
        padding: 20px 10px;
    }

    #widgets .dropdown-toggle {
        padding-left: 17px;
        padding-right: 17px;
    }

    #nav-info {
        margin: -10px -10px 10px;
    }

    #page-content {
        padding: 10px;
    }

    .page-header,
    .nav-dash,
    .sub-header {
        margin: 10px -10px;
    }

    .nav-dash > li > a {
        font-size: 22px;
        width: 45px;
        height: 45px;
        padding: 14px 8px 1px;
    }

    .page-header-top {
        margin: -10px -10px 10px;
    }

    .chart-live {
        height: 300px;
        margin: -10px;
    }

    .fc-header-title h2 {
        font-size: 1.1em;
    }

    .tabs-left .tab-content,
    .tabs-right .tab-content {
        padding: 0;
    }

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

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a {
        border: 1px solid #fff;
        margin-right: 0;
    }

    .tabs-left > .nav-tabs > li > a:hover,
    .tabs-right > .nav-tabs > li > a:hover {
        border: 1px solid #fff;
    }

    .tabs-left > .nav-tabs > .active > a,
    .tabs-right > .nav-tabs > .active > a,
    .tabs-left > .nav-tabs > .active > a:hover,
    .tabs-right > .nav-tabs > .active > a:hover {
        border: 1px solid #ddd;
    }

    .inbox-menu {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }

    .inbox-menu .nav {
        margin-bottom: 10px;
    }

    .inbox-messages-outer {
        margin-left: 0;
    }

    .inbox-messages-list {
        width: 180px;
    }

    .inbox-messages-list > input {
        width: 166px;
    }

    .chat-people {
        width: 160px;
    }

    .chat-messages .chat-msg-left {
        margin-right: 0;
    }

    .chat-messages .chat-msg-right {
        margin-left: 0;
    }

    .chat-people img {
        display: none;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {

    #widgets {
        background-color: #565656;
        width: 100%;
    }

    #widgets > li:last-child {
        float: right;
    }

    #widgets .widget > li {
        width: 190px;
    }

    #widgets > li.divider-vertical {
        display: none;
    }

    .dropdown-left-responsive .dropdown-menu {
        left: 0 !important;
        right: auto !important;
    }

    .dropdown-center-responsive .dropdown-menu {
        left: -80px !important;
        right: auto !important;
    }

    .dropdown-menu:before,
    .dropdown-menu:after {
        display: none !important;
    }

    #twitter-widget .media .pull-left,
    #messages-widget .media .pull-left {
        float: left;
    }

    .nav-dash > li {
        margin: 0 5px;
    }

    .form-box .form-actions {
        padding-left: 5px;
    }

    .form-box .input-prepend,
    .form-box .input-append,
    .form-box .input-switch {
        margin-top: 2px;
    }

    .help-inline {
        padding-top: 5px;
        display: block !important;
    }

    .fc-header td {
        display: block;
    }

    .fc-header-right {
        padding-left: 10px;
    }

    .inbox-messages-list {
        width: auto;
        border-bottom: 10px solid #fff;
    }

    .inbox-messages-list > input {
        width: auto;
    }

    .inbox-messages-list,
    .inbox-messages-container {
        display: block;
    }

    .chat-people {
        width: auto;
        float: none;
        height: 250px;
    }

    .chat-messages {
        margin: 0;
        height: 300px;
    }
}

/*
=================================================================
(#m09rts) RETINA
=================================================================
*/

/* Put your high resolution backgrounds here */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

    body.login {
        background-image: url('../img/template/login_bg@2x.png');
    }

    #nav-info > li {
        background-image: url('../img/template/nav_info_seperator@2x.png');
    }

    .table thead .sorting { background-image: url('../img/jquery.datatables/sort_both@2x.png'); }
    .table thead .sorting_asc { background-image: url('../img/jquery.datatables/sort_asc@2x.png'); }
    .table thead .sorting_desc { background-image: url('../img/jquery.datatables/sort_desc@2x.png'); }
    .table thead .sorting_asc_disabled { background-image: url('../img/jquery.datatables/sort_asc_disabled@2x.png'); }
    .table thead .sorting_desc_disabled { background-image: url('../img/jquery.datatables/sort_desc_disabled@2x.png'); }

    .loader-01 { background-image: url('../img/loading.gifs/loading01@2x.gif'); }
    .loader-02 { background-image: url('../img/loading.gifs/loading02@2x.gif'); }
    .loader-03 { background-image: url('../img/loading.gifs/loading03@2x.gif'); }
    .loader-04 { background-image: url('../img/loading.gifs/loading04@2x.gif'); }
    .loader-05 { background-image: url('../img/loading.gifs/loading05@2x.gif'); }
    .loader-06 { background-image: url('../img/loading.gifs/loading06@2x.gif'); }
    .loader-07 { background-image: url('../img/loading.gifs/loading07@2x.gif'); }
    .loader-08 { background-image: url('../img/loading.gifs/loading08@2x.gif'); }
    .loader-09 { background-image: url('../img/loading.gifs/loading09@2x.gif'); }
    .loader-10 { background-image: url('../img/loading.gifs/loading10@2x.gif'); }
    .loader-11 { background-image: url('../img/loading.gifs/loading11@2x.gif'); }
    .loader-12 { background-image: url('../img/loading.gifs/loading12@2x.gif'); }
}

/* Custom Styling */
#btn {float:left;}
#filename {float:left;border-top: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;padding:5px  10px;height:18px;min-width:35%;}
.btn-right {float:right;margin-right:16px;}

.comment_holder {padding:0 15px;}
.comment_list {display:none;}
.form-box-header form {float:right;margin-top:-4px;}
.form-box-header select {width:150px;}
.form-box-header button.show_comments {float:right;margin:-4px 0;}
.info_list {display:none;}
.form-box-header button.show_info {float:right;margin:-4px 0;}
.delete_comment_area {float:right;}
.comment-filter {margin:0 15px;}
.comment_name {color:#ef7c08;}
.comment_date {font-weight:bold;font-style:italic;}
.mark_input {margin-left:5px;}
.mark_area {display:inline-block;margin-left:5px;}
.delete_course_area {display:inline-block;margin-left:-3px;}
.marks {margin-top:10px;background:#fff;}
.marks td {padding:5px 15px;}
.newinput {width:75px;}
.lesson_amt {position: absolute;margin-left: -18px;margin-top: 5px;}
.comment_amt {float:right;font-size:14px;font-weight:normal;margin-right:5px;margin-left:2px;}
.delete_list_btn {float:right;margin-top:-43px;margin-right: 12px;}
p.display_year {margin:0;text-align:center;padding:5px 0 3px 0;font-size:12px;color: #ef7c08;}
.filter {float:right;}
th.course {width:95px;}
.show_for_edit {display:none;margin-bottom:-12px;}
#legend {list-style:none;padding:0;margin:0 0 15px;}
#legend li {display:inline-block;margin-right:10px;color:#fff;padding:3px 5px;}
#legend li span {display:inline-block;position:relative;width:10px;height:10px;}
.google-button {outline:none;background:none;border:none;padding:0;margin:0;vertical-align:top;color:#ef7c08;}

@media print {
	a, a:visited { text-decoration: underline; }
    a:after, a[href]:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
}