/* body {
  background: #e2e1e0;
  text-align: center;
}

.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  height: 300px;
  margin: 1rem;
  position: relative;
  width: 300px;
} */
.reference-doc-link-icon {
	color: #5d5ff7;
}

input.labelauty:checked+label {
	color: #fff;
	background-color: #5d5ff7;
}

.site-navbar {
	background-color: #2D28A2;
}

.site-menubar-light .site-menu>.site-menu-item.active>a {
	color: #5d5ff7;
}

.site-menubar-light .site-menu>.site-menu-item.hover>a,
	.site-menubar-light .site-menu>.site-menu-item:hover>a {
	color: #5d5ff7
}

.site-menubar-light .site-menu .site-menu-sub .site-menu-item.hover,
	.site-menubar-light .site-menu .site-menu-sub .site-menu-item:hover {
	background-color: rgba(11, 105, 227, .03);
	font-weight: 400;
}

.dropdown-menu .dropdown-item:hover {
	color: #5d5ff7;
}

.co-shadow-1 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.co-shadow-1:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px
		rgba(0, 0, 0, 0.22);
}

.co-shadow-2 {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.co-shadow-3 {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
		rgba(0, 0, 0, 0.23);
}

.co-shadow-4 {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px
		rgba(0, 0, 0, 0.22);
}

.co-shadow-5 {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px
		rgba(0, 0, 0, 0.22);
}

.co-shadow-main {
	box-shadow: 0 7px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0
		rgba(0, 0, 0, .07);
}

.Card-shadow--small {
	box-shadow: 0 2px 5px 0 rgba(50, 50, 93, .1), 0 1px 1.5px 0
		rgba(0, 0, 0, .07)
}

.Card-shadow--medium {
	box-shadow: 0 7px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0
		rgba(0, 0, 0, .07);
}

.Card-shadow--large {
	box-shadow: 0 15px 35px 0 rgba(50, 50, 93, .1), 0 5px 15px 0
		rgba(0, 0, 0, .07)
}

.Card-shadow--extraLarge {
	box-shadow: 0 50px 100px 0 rgba(50, 50, 93, .1), 0 15px 35px 0
		rgba(50, 50, 93, .1), 0 5px 15px 0 rgba(0, 0, 0, .07)
}

.site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title {
	font-weight: 400;
}

.grey-border-top {
	border-top: 1px solid #e9eaeb
}

.grey-border-left {
	border-left: 1px solid #e9eaeb
}

.grey-border-right {
	border-right: 1px solid #e9eaeb
}

.grey-border-bottom {
	border-bottom: 1px solid #e9eaeb
}

.link-disable {
	cursor: not-allowed;
	text-decoration: none;
}

/* 
This class is used to override z-index issue in select2 options in Modals.
Set data-dropdown-css-class="select2-modal" if it is declarative.
If you are creating select2 dynamically from Javascript then set dropdownCssClass: "select2-modal" as a property  
 */
.select2-modal {
	z-index: 1900 !important;
}

.product-menu-category {
	display: none;
}

.menu-item-optimo-group {
	display: none;
}

.menu-item-optimo-map-reduce {
	display: none;
}

.menu-item-aws-rds-optimizer {
	display: none;
}

.required_element {
	color: red;
}

.menu-item-optimo-analytics {
	display: none;
}

.menu-item-optimo-sizing {
	display: none;
}

.menu-item-bandwidth-watcher {
	display: none;
}

.menu-item-cost-saver {
	display: none;
}

/*.menu-item-integration-dashboard {
	display: none;
}*/
.security-menu-category {
	display: none;
}

.menu-item-analytics-rule-engine {
	display: none;
}

.cloudoptimo-logo-navbar {
	text-align: center;
	padding: 0.5315rem 1.229rem !important;
}

.cloudoptimo-logo-image {
	width: 75%;
}

/* For small devices */
@media screen and (min-width: 280px) and (max-width: 299px) {
	.cloudoptimo-logo-image {
		width: 75%;
		padding-top: 1rem;
	}
}

@media screen and (min-width: 300px) and (max-width: 330px) {
	.cloudoptimo-logo-image {
		width: 75%;
		padding-top: 0.8rem;
	}
}

@media screen and (min-width: 331px) and (max-width: 374px) {
	.cloudoptimo-logo-image {
		width: 75%;
		padding-top: 0.6rem;
	}
}

@media screen and (min-width: 375px) and (max-width: 410px) {
	.cloudoptimo-logo-image {
		width: 75%;
		padding-top: 0.5rem;
	}
}

@media screen and (min-width: 411px) and (max-width: 539px) {
	.cloudoptimo-logo-image {
		width: 75%;
		padding-top: 0.5rem;
	}
}

/* For iPad */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.cloudoptimo-logo-image {
		content: url("/base/assets/examples/images/cloudoptimo-orange-icon.svg")
			!important;
		width: 90% !important;
		padding-top: 0rem;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
	.cloudoptimo-logo-image {
		content: url("/base/assets/examples/images/cloudoptimo-orange-icon.svg")
			!important;
		width: 95% !important;
		padding-top: 0rem;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
	.cloudoptimo-logo-image {
		width: 75% !important;
		padding-top: 0rem;
	}
}

/* *******************Breadcrumb css***************** */
.breadcrumb {
	font-weight: 400;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #5d5ff7;
	font-weight: 500;
}

.breadcrumb-item-text {
	font-family: Roboto, sans-serif;
}

.breadcrumb-item .icon:before {
	margin-right: 5px;
}

/* *******************Sidebar product icon width ***************** */
.sidebar-product-icon-width {
	width: 1.5rem !important;
}

/* *******************Remove breadcrumb underline***************** */
.remove-breadcrumb-underline {
	text-decoration: none !important;
}

.dropdown-item:last-child {
	display: flex !important;
	align-items: center !important;
	/* Corrected the property name to align-items */
}

.select2-container--default .select2-results__option[aria-disabled=true]{
	color: #868e968f;
	cursor: not-allowed;
}

.tablist-flex{
	display: flex;
	align-items: center !important;
	height: 85px !important
}