/* FONT */
/*  Import same font used in website  */
@import url('https://fonts.googleapis.com/css?family=Poppins');


/* HOME AND NAVBAR  */
.section-landing h1 {
    font-family: "Poppins", "sans-serif" !important;
}
.section-landing .row > div .section-landing-sub-heading {
    font-size: 4.3rem;
    font-family: "Poppins", "sans-serif" !important;
    letter-spacing: 0;
    text-transform: none;
}

/* .input[type="radio"], .input[type="checkbox"] { }*/

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    accent-color: #cc00af !important;
}

/* Get help - buttons near footer */
.btn-info-home {
    color: #FFFFFF !important;
    border-color: #8500cc !important;
    background-color: #8500cc !important;
    border-radius: 10px;
}

.btn-info-home:hover {
    color: #FFFFFF !important;
    font-weight: bold;
    border-color: #8500cc !important;
    background-color: #8500cc !important;
}

/* Didn't use in the end?? 
.section-landing {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(homehero.jpg) no-repeat center;
    background-size: cover;
}

/* this is the top navbar */
.navbar-static-top.navbar-inverse {
    background-color: #FFFFFF !important;
    color: #0500CC !important;
}

.navbar-static-top.navbar-inverse .divider-vertical {
    border-right-color: #fff !important;
    border-left-color: #8500cc !important;
}

/*These are the navbar icons font color - Home, search etc. */
.navbar-inverse .navbar-nav>li>a {
    color: #0500CC !important;
}

/* Hover for the menu bar selection */
.navbar-inverse .navbar-nav>li>a:hover {
    background-color: transparent !important;
    border-color: #cc00af !important;
}

/* User Profile Drop Down */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    /* background-color: #090909; */
    background-color: transparent !important;
}

/* Menu/burger colour */
.navbar-inverse .navbar-toggle {
    background-color: #0500CC;
    border-color: #cc00af;
}

/* Menu/burger hover colour */
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #cc00af;
    border-color: #0500CC;
}

.xrm-editable-hover {
    background-color: #FFFFFF !important;
}

/* Acitve page at the end of the breadcrumb */
.breadcrumb>.active {
    color: #8500cc !important;
}

/* SUPPORT - CASES */

/* Table header for My open cases */
th {
    background-color: #8500cc !important;
}

/* Font colour of the column headings in a table */
th>a {
    color: #FFFFFF !important;
}

/* Font colour of the title of the row, in a table */
td>a {
    color: #8500cc !important;
}

/* Drop down selector on the row in the table */
.btn-default {
    color: #8500cc !important;
    border-color: #8500cc !important;
}

/* Search icons */
.input-group-btn {
    color: #0500CC !important;
}

/* Button (open new case) */
.btn-primary {
    background-color: #8500cc !important;
    border-color: #8500cc !important;
    color: #FFFFFF !important;
}

/* View selector on a table */
.selected-view {
    color: #8500cc !important;
}

.dropdown-menu>li>a {
    color: #333;
}

/* Dropdown menu a row item */
.dropdown-menu {
    color: #8500cc !important;
}

/* Pagination underneath tables */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    background-color: #cc00af !important;
    color: #FFFFFF !important;
    border-radius: 50% !important;
}

/*
.navbar-static-top.navbar-inverse:hover {
    background-color: #cc00af !important;
    color: #0500CC !important;
}
*/

.navbar-default .navbar-toggle .icon-bar {
    background-color: #00cc3e !important; 
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #cca500 !important; 
} 

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #0cc !important;
}


.section-landing-heading {
    font-family: "Poppins", "sans-serif" !important;
}

.blue_border {
    border-bottom: 7px solid #cc00af !important;
}

.sidebar-home {
    border-top: 7px solid #cc00af !important;
}

.section-diagonal-right .section-diagonal-right-content:before {
    background-color: #FFFFFF !important;
}

.section-diagonal-right .section-diagonal-right-content {
    background: url(mhancebackground1920.jpg) no-repeat;
}

navbar-toggle {
    background-color: #0500CC !important;
}

.section-diagonal-right .section-diagonal-right-content:before {
    opacity: 0;
}

a {
    color: #0500CC !important;
    text-decoration: none;
}

.section-knowledge .list-group a.list-group-item {
    color: #0500CC !important;
}

.section-landing .row > div .section-landing-heading {
    font-size: 8rem;
    color: #fff !important;
    text-transform: none;
}



/* Dropdown button (My Services) */
.btn.btn-primary, a.selected-view.dropdown-toggle {
    background-color: #8500cc !important;
    border-color: #8500cc !important;
    color: #FFFFFF !important;
}


/* Billing frequency toggl on My Services 
.card-header a {
    width: 99%;
    float: left;
    color: #565656;
    text-decoration: none;
} */


/* SEARCH BAR - PAGE */

.section-landing-search {
    background-color: #cc00af !important;
    background-blend-mode: multiply !important;
}

.pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
    background-color: #cc00af !important;
}


/* PROFILE */

/* Email requires conf - banner */
.alert-info {
    background-color: #cc0044be;
    border-color: transparent;
    color: #000;
}

.btn-info {
    color: #FFFFFF !important;
    background-color: #0300cc4d !important;
    border-color: #0500CC !important;
}

/*Header of the calendar date picker */
.datepicker-days th {
    background-color: #FFFFFF !important;
}

/*Selected day in the calendar*/
.datepicker-days td.active {
    background-color: #8500cc !important;
    background: #8500cc !important;
}

.datepicker-days td.active button {
    background: #8500cc !important;
}

/*This changes all hyperlink colours*/
/*
.list-group-item a {
    color:#8500cc !important;
}*/

/*Text on the menu items*/
.dropdown-menu a {
    color: #8500cc !important;
}

/*Text of the view details button in a list view*/
.details-link a {
    color: #8500cc !important;
}

/*Active menu item, once selected*/
.dropdown-menu>.active>a {
    background-color: #8500cc !important;
    color: #FFFFFF !important;
}