#logo {
	/*width:250px;
	height:38px;*/
	
	background: transparent url('https://cloud-uat.emtel.com/storage/logos/uploads/ApplianceInstance/1/headerLogo/Emtel-Mauritius-top-logo_2x.png') no-repeat;
	
	background-size: auto 38px;
	background-position: left center;
}



#footer-logo {
	
		background: transparent url('https://cloud-uat.emtel.com/storage/logos/uploads/ApplianceInstance/1/footerLogo/Emtel-Mauritius-image2_2x.png') no-repeat;
	
	background-size: auto 27px;
	background-position: top left;
}


header #topHeader, header.page-header {
	
	background-color: #be1d1d;
	
	
}


.nav-tabs {
	border-bottom-color:#be1d1d;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #be1d1d;
}
.nav-tabs > li.active:before {
	border-top-color: #be1d1d;
}
.modal-header h4 {
	background-color: #be1d1d;
}
nav ul li.active a:before, nav ul li.active a:after {
	border-bottom-color: #be1d1d;
}
.cart-container ol, .cart-container.visible, header li.item.cart.active, .cart-container .checkout {
	background-color: #be1d1d;
}
.persona-section h3 {
	background-color: #be1d1d;
}



	ul.breadcrumbs li.bc {
	    background-color: rgb(255, 41, 41);
	}
	ul.breadcrumbs li.active {
	    background-color: rgb(255, 58, 58);
	}
	ul.breadcrumbs li.bc:after {
	    border-left-color: rgb(255, 41, 41);
	}
	ul.breadcrumbs li.active:after {
	    border-left-color: rgb(255, 58, 58);
	}





header #topHeader .top-row .navbar-right .item .header-search-container input, header #topHeader .top-row .navbar-right .item .header-search-container button {
	
}


header #topHeader a, header #topHeader a:active, header #topHeader .top-row .dropdown .user-link, header #topHeader .top-row .dropdown .user-link:active, header #topHeader .top-row .navbar-right .item .header-notification .header-notification-icon .icon {
	
}

header #topHeader .top-row .navbar-right .item .header-search-container input{
		
}

header #topHeader .top-row .navbar-right .item .header-search-container input::placeholder{
		
}

header #topHeader .top-row .navbar-right .item .header-search-container input + span button {
		
}

header #topHeader .top-row .navbar-right .item .header-search-container input:focus, header #topHeader .top-row .navbar-right .item .header-search-container input:focus + span button{
		
}

header #topHeader .dropdown-menu a, header #topHeader .dropdown-menu a:active {
	color: black;
}





.login-body {
	background: #be1d1d !important;
}




button, .button, label.file-label:after {
	background-color:#be1d1d;
}

button.inverse,.button.inverse {
	color:#be1d1d;
}

.btn.btn-primary, .btn.btn-info, .btn.btn-success {
	background-color:#be1d1d;
	border-color:#be1d1d;
}








.footer, .footer a, .footer a:visited {


}

.footer a:hover, .footer a:visited:hover {

}


	.error-copyright:after {
		content:"Emtel Ltd.";
}



	#header-support-menu {
		display:none;
	}
	#header #topHeader .user-support-link {
		display: none !important;
	}


/* 
============================================================
   Morpheus 8.0.11 ? FINAL FIX
   Attach PROCEED to the .order container itself (not the span)
============================================================ */

/* Remove background mask/theme artifacts */
.catalog-list .order {
    background-image: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background: #004a80 !important;
    border-radius: 20px !important;
    padding: 10px 20px !important;
    min-width: 100px !important;
    position: relative !important;   /* <-- anchor for ::after */
    overflow: hidden !important;
}


/* Hide the original span content entirely */
.catalog-list .order span {
    display: none !important;
}

/* Insert PROCEED text into the .order pill */
.catalog-list .order::after {
    content: "PROCEED";
    color: #ffffff !important;        /* white text */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Keep style on hover */
.catalog-list li:hover .order {
    background-color: #004a80 !important;
}

/* Hide the dark-blue "ADD TO ORDER" button on Catalog ? Order */
button.button.add-to-cart {
  display: none !important;
}

/* (Optional) If your page groups actions, keep "ORDER NOW" visible */
.order-submit .btn-group > .btn,
.actions-row  .btn-group > .btn {
  display: inline-block; /* default */
}

/* 
================================================
Rename "ORDER NOW" ? "SUBMIT" (Catalog ? Order)
Matches: <button class="button order-now" ...>Order Now</button>
================================================ */

/* Hide the original label and position a replacement */
button.button.order-now {
  color: transparent !important;   /* hide "Order Now" text */
  position: relative !important;   /* anchor the pseudo-element */
  white-space: nowrap;             /* avoid line breaks in the pseudo-text */
}

/* Inject the replacement text */
button.button.order-now::after {
  content: "SUBMIT";
  position: absolute;
  inset: 0;                        /* top:0; right:0; bottom:0; left:0 */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000 !important;          /* keep text visible on the existing button color */
  font-weight: 600;
  letter-spacing: .5px;            /* optional visual tweak */
  text-transform: uppercase;       /* ensure it reads SUBMIT in caps */
}

/* Hide the User Settings row whose label is "Theme" */
.user-settings .form-group label {
    /* Hide the label itself */
    /* We detect the label by its text using a CSS trick + overlay */
    position: relative;
}

.user-settings .form-group label::after {
    content: attr(data-label);
    display: none;
}


/* Hide the Theme dropdown */
select#activeTheme {
    display: none !important;
}

/* Hide the label associated with the Theme dropdown */
label[for="activeTheme"] {
    display: none !important;
}

/* Hide the entire row containing the Theme field */
select#activeTheme {
    display: none !important;
}
select#activeTheme:not(:root) {
    display: none !important;
}

/* Hide the API Access button in User Settings */
a.open-api-access-modal {
    display: none !important;
}