/*STYLE SHEET FOR MACRAE TRAINING SITE*/

/*HEADER MENU HEIGHT - NEEDED FOR SCHEDULING SYSTEM STICKY HEADER*/
:root { 
  --header-height: 150px;
}

button.float-right.btn.btn-sm.mr-md-2.btn-secondary.title-btn {		/*SORT AND FILTER BUTTON COLOR*/
    background-color: black;
}

/*MAIN MENU ITEM SIDE BAR ACTIVE COLOUR*/
.sidebar .nav>li.active>a i {
    color: #007bff!important;
}

/*SUB MENU ITEM SIDE BAR ACTIVE COLOUR/*
.sidebar .sub-menu>li.active:after {
    border-color: #007bff!important;
}

/*GENERAL REPORTING ICON COLOUR*/
.text-aqua, .text-info {
    color: #007bff!important;
}

.btn-primary{
    background: #007bff!important;
    border-color: #0c6ed7!important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #007bff!important;
    border-color: #0c6ed7!important;
}

.text-primary{
	color: #007bff!important;
}

span.input-group-text.bg-primary.text-white {		/*SEARCH ICON COLOR*/
    background-color: #007bff!important;
}

div#company_logo {
    width: 150px!important;
}

button.btn.btn-info {					/*CSV Button on Revenue Report*/
    background: #00acac!important;
    border-color: #009797!important;
}

a.navbar-brand.d-flex.align-items-center {
    padding: 10px 10px;
}

a.navbar-brand.d-flex.align-items-center {		/*BRETT*/
    height: 100px;
}

div#sidebar {					/*BRETT*/
    padding-top: 150px;
}

.page-header-fixed {
    padding-top: 100px;
}

.header {
    position: absolute;
}

ul.nav.navbar-nav {
    margin-top: 25px;
}

ul.nav.navbar-nav.second-line {
    margin-top: 25px!important;
}

.pace-progress {				/*PROGRESS BAR POSTION UNDER HEADER*/
    top: 150px!important;
}

.pace-activity {				/*PROGRESS CIRCLE POSTION UNDER HEADER*/
    top: 160px!important;
}

.pace-progress {				/*PROGRESS BAR COLOR*/
    background: #007bff;
}

.pace:before {					/*PROGRESS BAR BEFORE POSTION UNDER HEADER***NOT SURE WHAT THIS REALLY MEANS***/
    content: '';
    background: 0 0;
    position: fixed;
    top: 150px;
    right: 0;
    left: 0;
    height: 3px;
}

.pace .pace-activity {			/*PROGRESS CIRCLE COLOR*/
    border-top-color: #007bff;
    border-left-color: #007bff;
}

ul.nav.navbar-nav.navbar-login.f-w-600 {
    margin-top: 0px!important;			/*THIS ENSURES TOP MARGIN OF 0PX FOR COURSE CATALOGUE AND CALENDER LINKS ON THE LOGIN PAGE. ***THIS COULD BE MADE PERMANENT***/
}

ul.navbar-nav.navbar-right {			/*BRETT*/
    margin-right: 15px;
    margin-top: 0px;
}

button.navbar-toggle {
    margin-right: 0px!important;
}

@media screen and (max-width: 895px) {
    div#page-container {padding-top: 100px!important;}
}

@media screen and (max-width: 767px) {
    /*div#page-container {padding-top: 126px!important;}*/ /*ONLY NEEDED IF YOU HAVE THE TOP LOCATION SET FOR BOTH THE PRIMARY AND SECONDARY MENUS***REMOVE IF THE SEOCONDARY MENU LOCATION IS AT THE BOTTOm***/
    .navbar-right {margin-right: 0px!important;}
    .navbar-right {margin: 0px!important;}
    div#sidebar {padding-top: 0px!important;}
	button.navbar-toggle.bottom {margin-left: 0px; margin-right: 15px!important;}
	.header .navbar-nav {padding-right: 0px 15px;}
    /*.navbar-toggle {margin-top: 20px!important;}*/
	div#top-navbar {margin-top: 50px;}
	ul.nav.navbar-nav.second-line {margin-top: 0px!important;}
}

@media screen and (max-width: 767px) {
	.content {margin-top: 50px!important;}
}

.header.navbar-default.nav-second {
    top: 100px;
	border-top: 1px solid #9f9c9c52;
	border-bottom: 1px solid #9f9c9c52;
}

.content {margin-top: 50px!important;}	    /*BRETT*/

button.navbar-toggle.bottom {		    	/*BRETT*/
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 15px!important;
    margin-right: 0px!important;
}