header #topHeader {
	
	background-color: #000000;
	
	
	color: #ffffff;
	
}

header #topHeader a, header #topHeader a:active {
	
	color: #ffffff;
	
}


header {
	background-color: #f9c600;
}



nav ul li a {
	color: #000000;
}


body {
	background: #bbebff !important;
}


nav ul li.active a {
	color: #ffffff;
}

nav ul li.active a:after {
	background-image: none;
}

header {
	border-bottom: 2px solid #ffffff !important;
}



button, .button {
	background-color:#f9c600;
}

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

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


button, .button {
	color:#000000;
}

button.inverse,.button.inverse {
	background-color:#000000;
}

.btn.btn-primary, .btn.btn-info, .btn.btn-success {
	color:#000000;
}



button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus {
	color:#ffffff;
}

button.inverse:hover,.button.inverse:hover,button.inverse:active,.button.inverse:active,button.inverse:focus,.button.inverse:focus {
	background-color:#ffffff;
}

.btn.btn-primary:hover, .btn.btn-info:hover, .btn.btn-success:hover, .btn.btn-primary:active, .btn.btn-info:active, .btn.btn-success:active, .btn.btn-primary:focus, .btn.btn-info:focus, .btn.btn-success:focus {
	color:#ffffff;
}





button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus {
	background-color:#000000;
}

button.inverse:hover,.button.inverse:hover, button.inverse:active,.button.inverse:active, button.inverse:focus,.button.inverse:focus {
	color:#000000;
}

.btn.btn-primary:hover, .btn.btn-info:hover, .btn.btn-success:hover, .btn.btn-primary:active, .btn.btn-info:active, .btn.btn-success:active, .btn.btn-primary:focus, .btn.btn-info:focus, .btn.btn-success:focus {
	background-color:#000000;
	border-color:#000000;
}


.disclaimer {
  display: none;
}
.policies {
  display: none;
}


/* complete to submitted on order history */

dl.order-details dd.complete {
 text-indent: -9999px;
   line-height: 0;
}

dl.order-details dd.complete::after {
 content: "Submitted";
 display: block;
 line-height: initial;
 text-indent:0px;
}dl.order-details dd.complete {
 text-indent: -9999px;
   line-height: 0;
}
dl.order-details dd.complete::after {
 content: "Submitted";
 display: block;
 line-height: initial;
 text-indent:0px;
}







/* Hide all Administration morph logos with the original src */

.admin-settings-info .admin-section-header .logo-container img.admin-backup-logo[src*="ui_logo"] {
   display: none !important;
   visibility: hidden !important;
   width: 0 !important;
   height: 0 !important;
   opacity: 0 !important;
}
/* Inject the new MTN Ubuntu logo */
.admin-settings-info .admin-section-header .logo-container::before {
   content: "";
   display: inline-block;
   width: 136px;
   height: 43px;
   background-image: url("https://console.cloud.mtn.ng/storage/logos/uploads/InstanceType/58/logo/CSP-logo-5_medium.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   vertical-align: middle;
}/* Hide all backup logos with the original src */
.admin-settings-info .admin-section-header .logo-container img.admin-backup-logo[src*="ui_logo"] {
   display: none !important;
   visibility: hidden !important;
   width: 0 !important;
   height: 0 !important;
   opacity: 0 !important;
}
/* Inject the new MTN Ubuntu logo */
.admin-settings-info .admin-section-header .logo-container::before {
   content: "";
   display: inline-block;
   width: 136px;
   height: 43px;
   background-image: url("https://console.cloud.mtn.ng/storage/logos/uploads/InstanceType/58/logo/CSP-logo-5_medium.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   vertical-align: middle;
}

/* morph logo in monitoring */

img.admin-monitoring-logo[src*="morpheus"] {
  display: none !important;
}




/* Catalog border radius */

.catalog-list li {

  border-radius: 12px;

}

.catalog-list .catalog-item-tile {

  border-radius: 12px;

}

/* MTN Brighter Sans Fonts ? served locally from Morpheus UI override path */

.disclaimer {
  display: none;
}
.policies {
  display: none;
}


/* complete to submitted on order history */

dl.order-details dd.complete {
 text-indent: -9999px;
   line-height: 0;
}

dl.order-details dd.complete::after {
 content: "Submitted";
 display: block;
 line-height: initial;
 text-indent:0px;
}dl.order-details dd.complete {
 text-indent: -9999px;
   line-height: 0;
}
dl.order-details dd.complete::after {
 content: "Submitted";
 display: block;
 line-height: initial;
 text-indent:0px;
}







/* Hide all Administration morph logos with the original src */

.admin-settings-info .admin-section-header .logo-container img.admin-backup-logo[src*="ui_logo"] {
   display: none !important;
   visibility: hidden !important;
   width: 0 !important;
   height: 0 !important;
   opacity: 0 !important;
}
/* Inject the new MTN Ubuntu logo */
.admin-settings-info .admin-section-header .logo-container::before {
   content: "";
   display: inline-block;
   width: 136px;
   height: 43px;
   background-image: url("https://console.cloud.mtn.ng/storage/logos/uploads/InstanceType/58/logo/CSP-logo-5_medium.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   vertical-align: middle;
}/* Hide all backup logos with the original src */
.admin-settings-info .admin-section-header .logo-container img.admin-backup-logo[src*="ui_logo"] {
   display: none !important;
   visibility: hidden !important;
   width: 0 !important;
   height: 0 !important;
   opacity: 0 !important;
}
/* Inject the new MTN Ubuntu logo */
.admin-settings-info .admin-section-header .logo-container::before {
   content: "";
   display: inline-block;
   width: 136px;
   height: 43px;
   background-image: url("https://console.cloud.mtn.ng/storage/logos/uploads/InstanceType/58/logo/CSP-logo-5_medium.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   vertical-align: middle;
}

/* morph logo in monitoring */

img.admin-monitoring-logo[src*="morpheus"] {
  display: none !important;
}




/* Catalog border radius */

.catalog-list li {

  border-radius: 12px;

}

.catalog-list .catalog-item-tile {

  border-radius: 12px;

}






/* Font */

/* Extra Light */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-ExtraLight.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

/* Extra Light Italic */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-ExtraLightItalic.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

/* Light */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-Light.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/* Light Italic */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-LightItalic.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

/* Regular */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-Regular.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* Regular Italic */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-RegularItalic.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

/* Medium */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-Medium.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

/* Medium Italic */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-MediumItalic.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

/* Bold */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-Bold.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* Bold Italic */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-BoldItalic.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* Extra Bold */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-ExtraBold.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

/* Extra Bold Italic */
@font-face {
    font-family: 'MTN Brighter Sans';
    src: url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-ExtraBoldItalic.woff2') format('woff2'),
         url(' https://console.cloud.mtn.ng/public-archives/download/CSP%20STYLING%20ARCHIVE%20STORE/MTNBrighterSans-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

/* Apply globally */
body {
    font-family: 'MTN Brighter Sans', sans-serif;
    font-weight: 300; /* This will use the Light variant */
}




/* Hide original text */
body > div.flex-wrapper > div > div.card > div.tab-content > div > div.sites-info > div:nth-child(2) > form > div.dropdown.input-group.pull-right.hidden-xs.open > ul > li:nth-child(5) > a.add-cm-server {
  color: transparent;
  position: relative;
}

/* Inject "MOS" and shift it right */
body > div.flex-wrapper > div > div.card > div.tab-content > div > div.sites-info > div:nth-child(2) > form > div.dropdown.input-group.pull-right.hidden-xs.open > ul > li:nth-child(5) > a.add-cm-server::after {
  content: "MTN Object Storage";
  color: #454545;
  position: absolute;
  left: 16px; /* Adjust this value to match alignment */
  top: 9px;
}










/* Target the specific link with typeId=12 inside the dropdown */
.dropdown-menu.type-filter a[href*="typeId=12"] {
    font-size: 0 !important;
}

/* Insert the new text */
.dropdown-menu.type-filter a[href*="typeId=12"]::before {
    content: "MTN Cloud Network";
    font-size: 14px !important; /* Resets font size to be visible */
    display: block;
}











/* --- 2. CLEAN THE FILTER DROPDOWN (Cannot rename, only hide others) --- */
/* Hide ALL options first */
select[id="filter.networks.typeId"] option {
    display: none !important;
}

/* Show ONLY OpenStack Private Network */
select[id="filter.networks.typeId"] option[value="12"] {
    display: block !important;
}

/* Show "All Types" so the filter works */
select[id="filter.networks.typeId"] option[value=""] {
    display: block !important;
}












/* Target the 'Neutron Router' link by its specific URL parameter (routerType=1) */
.dropdown-menu a[href*="routerType=1"] {
    font-size: 0 !important; /* Hide the original text */
}

/* Inject the new text 'MTN Cloud Router' */
.dropdown-menu a[href*="routerType=1"]::before {
    content: "MTN Cloud Router";
    font-size: 14px !important; /* Reset font size to make it visible */
    display: block;
}