﻿/**********************************************************/
/** Ebidmotor styling **/
/**********************************************************/
/** Page logo **/
.top-logo-link {
    color: #333;
}

.top-logo-link:hover,
.top-logo-link:focus {
    text-decoration: none !important;
    color: #333;
}

.top-logo-link span {
    color: #333;
    margin-left: 5px;
}

/** Page header **/
/*.page-header {
    background: #3f3f3f;
    border-bottom: none;
    border-left: 1px solid #5b5b5b;
    box-shadow: 1px 3px 0 1px #faae90;
}

.page-header h2 {
    border-bottom: 4px solid #f78659;
    border-bottom-color: #f78659;
    color: #fff;
}

.page-header .breadcrumbs a,
.page-header .breadcrumbs span {
    color: #ededed;
}

.page-header .sidebar-right-toggle {
    color: #ededed;
}

.page-header .sidebar-right-toggle:hover {
    color: #fff;
}*/

/** Left Sidebar **/
/*.sidebar-left .sidebar-header .sidebar-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 73px;
    height: 50px;
    background-color: #3f3f3f;
    border-radius: 0 0 0 5px;
    text-align: center;
    cursor: pointer;
}

.sidebar-left .sidebar-header .sidebar-toggle i {
    color: #ededed;
    font-size: 1.7rem;
    line-height: 50px;
}

.sidebar-left .sidebar-header .sidebar-toggle:hover i {
    color: #fff;
}

.sidebar-left .sidebar-header .sidebar-title {
    background: #F77947;
    color: #eee5e5;
    padding: 15px;
    font-size: 1.3rem;
}

html.no-overflowscrolling .sidebar-left .nano {
    background: #F77947;
    box-shadow: -3px 0 0 #c56038 inset;
}

.sidebar-left ul.nav-main {
    margin-right: 3px;
}

.sidebar-left ul.nav-main > li > a:hover,
.sidebar-left ul.nav-main > li > a:focus {
    background-color: #de6c3f;
}

.sidebar-left ul.nav-main > li.nav-active > a:hover {
    color: #fff;
}

.sidebar-left ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 #FBDED0 inset;
}

.sidebar-left ul.nav-main li a {
    font-size: 1.3rem;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sidebar-left ul.nav-main li.nav-parent > a::after {
    font-family: 'FontAwesome';
    content: '\f107';
    font-size: 1.6rem;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    padding: 14px 25px;
}

.sidebar-left ul.nav-main > li.nav-expanded > a {
    background: #de6c3f;
}

.sidebar-left ul.nav-main li .nav-children {
    background: #c56038;
    box-shadow: 0px -3px 3px -3px #ac5431 inset;
    display: none;
    padding: 10px 0;
}

.sidebar-left ul.nav-main li .nav-children li a:hover,
.sidebar-left ul.nav-main li .nav-children li a:focus {
    background: #c56038;
}

.sidebar-left ul.nav-main li .nav-children li.nav-active > a {
    color: #bbb;
}*/

.panel-bordered {
    border: 1px solid #ddd;
}

/**********************************************************/
/** Font awesome custom icon **/
/**********************************************************/
.fa-motorcycle:before {
    content: "\f21c";
}

/**********************************************************/
/** Tab **/
/**********************************************************/
.nav-tabs.nav-justified.nav-tab-custom li:first-child a,
.nav-tabs.nav-justified.nav-tab-custom li:first-child a:hover {
    border-radius: 5px 0 0 0;
    border-radius: 0 !important;
    border-left: none;
}

/**********************************************************/
/** Notification dropdown **/
/**********************************************************/
.notifications .notification-menu .view-more {
    color: #fff !important;
    font-size: 1.1rem;
    line-height: 1.1rem;
    text-transform: uppercase;
}

.notifications .notification-menu .content {
    padding: 0;
}

#sysadmin_notification_header_container .notification-menu li {
    margin: 0 !important;
    padding: 12px 12px !important;
    border-bottom: 1px solid #ddd;
}

#sysadmin_notification_header_container .notification-menu li.unread {
    background-color: #f8f8f8;
}

/**********************************************************/
/** Appt page **/
/**********************************************************/
#timeslot__slist {
    width: 42.5%;
    display: inline-block;
}

#appt_timeslot_overbook_checkbox {
    display: inline-block;
}

@media (max-width: 768px) {
    #timeslot__slist {
        width: 100%;
        display: block;
    }

    #appt_timeslot_overbook_checkbox {
        display: block;
        margin-top: 10px !important;
        margin-left: 0 !important;
    }
}

#collapse_inspectcentre_date_timeslot .well {
    padding: 20px 0;
}