/* SITE WIDE */
._dash-loading {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

p {
    margin-top: 0.2em !important;
    margin-bottom: 0.2em !important;
}

body .ddk-container{
    background-image: url(logo-device-bg.png);
    background-repeat: no-repeat;
	background-position: right -400px top -300px;
}


/* HEADER  */
.ddk-container header.layout-header {
    padding: 0 16px;
    box-shadow: 0px 3px 8px 2px #3d34341c;
}

.ddk-container img.logo-atwd {
	height: 50px;
}

.ddk-container img.logo-aitsl {
	margin-left: 15px;
}
 
.ddk-container .layout-header > a:first-child {
 	flex-grow: 2;
    display: unset;
    height: unset;
}

/* TOP RIGHT MENU */
.layout-header > nav#menu li {
	font-size: .94rem;
}

.layout-header #menu #menu ul  {
	padding-bottom: 8px;
}

.ddk-container .layout-header .menu--sub nav#menu  .menu-item{
    padding: 3px 10px ;
}

.layout-header #menu #menu a {
	display:inline-block;
	width: 90%;
	padding: 5px !important;
}

.layout-header #menu #menu a:hover {
    /* background-color: #F7F7F7;
    border-radius: 5px; */
    text-decoration:underline;
    text-underline-offset:4px;
} 

/* .ddk-container .layout-header nav#menu .menu--sub nav#menu a:before*/ 
.layout-header #menu #menu li:before
{  
   	font-family: "bootstrap-icons"; 
	content:"\f1c5";
    display: inline-block;
    padding:0 8px;
    font-size: 13px;
}

.layout-header .menu--sub:hover nav#menu {
    box-shadow: 0px 0px 7px 3px #48484830;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    clip-path: inset(0px -8px -8px -8px);
}


/* INTRO PAGE  - HOME */

.intro-wrapper {
    max-width:1240px;
    margin-top: 1.5%;
}

.centered-flex-container.intro-wrapper {
    justify-content: unset;
}

.intro .card-header-title-text {
    font-size: 2rem !important;
}

.intro-wrapper .block.card.ddk-card.flex-item-fit-content,
.block.card.ddk-card.flex-item-fit-content div.ddk-card-header,
.centered-flex-container.intro-wrapper div.block.card.ddk-card,
.centered-flex-container.intro-wrapper div.block.card.ddk-card div.ddk-card-header
{
    background-color: unset !important;
    border-width: 0;
}

.ddk-container .section-title {
	text-transform: unset !important;    
}

.ddk-container .row.ddk-row {
    max-width: 1240px !important;
    margin: auto !important;
}

.intro .ddk-card-header .card-header-title-text {
    font-weight:900 !important;
    color: #21869a  !important;
}

.block.card.ddk-card.flex-item-fit-content.intro p {
    line-height: 1.6;
    color: #007377;
}

.lvl1-release-icons {
    color: orange;
}


/* KEY METRICS */

.key-metrics-card {
	padding:15px !important; 
}

.key-metrics-card header.card-header {
	margin-bottom:0 !important;
	min-height:48px;
	align-items: start !important;
}

.key-metrics-card  g.indicatorlayer {
	transform:translateX(-10px);
}
.key-metrics-card .card--content > div:last-child {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.key-metrics-card .card--content p {
	width:75%;
	font-size: 0.9rem;
}
.lvl2-button {
    width: 130px !important;
    /*height: 50px !important;*/
}

.lvl2-html-p {
    
}


/* PAGE NAV MENU */

.page-nav-right-dmc-dropdown {}

.section-title { }	

.lvl1-section-title {
    color: teal !important;
    font-weight: bold;
    text-transform: none !important;
    display: flex !important;
    flex-direction: row;
}

.lvl1-section-title > div {
	display: flex !important;
	flex-direction: row;
	margin:auto;
	justify-content: flex-end;
}

.lvl1-section-title div .Select-value,
.lvl1-section-title div .Select-value span,
.lvl1-section-title div .Select-value .Select-value-label {
	background-color:#F2F2F2 !important;
}

.lvl1-section-title div .Select-control .Select-value .Select-value-label {
	color: #007377 !important;
	padding-right: 12px; 
	letter-spacing: 1px;
}

.section-title .section-title--text {
    font-weight:900;
}

.section-title--text > div {
	border:0px solid blue;
	display: flex;
	flex-direction: row;
} 

.section-title--text p {
	display: flex;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 1px;
	margin-right:8px;
}

.ddk-container.ddk-container .section-title .Select-arrow-zone {
	top: 27px;
}

.section-title .Select-arrow {
	border-top-color:lime;
}

 .section-title div .Select-value .Select-value-label {
	font-size: 24px;
 }

.section-title .Select-menu-outer {
	font-size: 18px;
	font-weight: normal;
}

.section-title .dash-dropdown {
	margin-right: 16px;
}
.section-title .Select.dst.right .Select-value,
.section-title .Select.dst.right .Select-menu-outer {
 	text-align: left;
 }

.section-title .Select.dst.left   .Select-value,
.section-title .Select.dst.left .Select-menu-outer { 
 	text-align: right;
 }

 .section-title .Select.dst.left .VirtualizedSelectOption {
 	padding-right: 25px;
 }
  .section-title .Select.dst.right .VirtualizedSelectOption {
 	padding-left: 15px;
 }

.section-title .Select-menu-outer  .VirtualizedSelectSelectedOption {
	font-size: 18px;
  	font-weight: normal;
}

.section-title  div.dash-dropdown {
    border-width: 0px 0px 0px 0px !important;
}

#page-nav-right-target .mantine-Flex-root,
#page-nav-left-target .mantine-Flex-root {
	align-items: center;
}

.pagenav {
	margin: 0 10px;
	cursor: pointer;
}

.pagenav.right.hide {
   display: none;
}

/* ICON IN PAGE NAV  */
.wont-display {
    display: none !important;
}

.pagenav .fas {
	font-size: 1rem;
	padding: 0 0px 0 2px;
	text-align: center;
}

.mantine-Menu-divider {
	border-color: #add7d8;
	width: 200px;
}

.mantine-Menu-dropdown {
	border:1px solid #1d989c;
	margin-left: -10px;
	margin-top: -5px;
	z-index:400 !important;
}

.mantine-Menu-dropdown a.mantine-focus-auto:hover {
	background-color: var(--mantine-color-atwd-teal-0);
}

.mantine-Menu-dropdown .mantine-Menu-item {
	font-size: 1.1rem;
}

.mantine-Menu-itemLabel {
	font-size: 1rem;
}

[data-expanded="true"] .fas {
	transform: rotate(180deg);
} 


/* CONTENT */
#_pages_content {
	margin: 0 5%;
} 

/* DCM MultiSelect */
.mantine-MultiSelect-pill {background-color:var(--mantine-color-atwd-teal-0)}
.mantine-Pill-label {font-size:14px;}

.mantine-Select-option:hover {
	background-color:var(--mantine-color-atwd-teal-0);
}

/* DCM  SEGMENTED CONTROL */
.mantine-Tabs-panel {
	margin-top:9px
}
.mantine-SegmentedControl-root  {
	background-color:#ffffff;
}

.mantine-Tabs-panel .mantine-SegmentedControl-root .mantine-SegmentedControl-control .mantine-SegmentedControl-input {
	width: 0px;
}
.mantine-SegmentedControl-innerLabel {
	border: 1px solid #ffffff00;
	font-size: 12px;
}
.mantine-SegmentedControl-label {
	border: 1px solid #c3c8c8;
}
.mantine-SegmentedControl-indicator {
	margin-top:1px;
	margin-left:1px;
}


/* DCM TABS LIST */
.mantine-Tabs-list .mantine-Tabs-tab {
	padding-bottom:0;
}
.mantine-Tabs-list .mantine-Tabs-tab:hover {background-color:var(--mantine-color-atwd-teal-0)}

/* SIDEBAR */
.lvl3-sidebar {
	width: 23% !important;
	margin:0 1.5% !important;
	padding: 0 0% !important;
	background-color: unset !important;
	position: relative;
	z-index: 80;
} 

.lvl3-sidebar-sticky > div {
	margin:0 !important;
	width: 100% !important;
}

.lvl3-sidebar-sticky {
	/*border:1px solid blue;*/
	background-color: #ffffff;
	border-radius: 8px;
	width: 21% !important;
	position: fixed;
	z-index: 100;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

@media (max-height: 850px) {
	.lvl3-sidebar-sticky {position: relative; width: 100% !important;}
} 

.lvl3-sidebar-sticky .proj-control-card {
	margin-top: 0px !important;
	margin-bottom: 2px !important;
}

.lvl3-sidebar-sticky .control {
	margin: 0 !important;
	padding: 0 !important;
}

.lvl3-sidebar-sticky .control .control--label {
	color: #007377;
    font-size: 1rem !important;
    font-weight: 900;
	padding-bottom: 2px !important;
}

/* MAIN CONTENT BLOCK */

.proj-radio {
    flex-wrap: wrap;
}

/* INFO ICON */
.fa-info-circle { 
	position: relative;
	font-size:14px;
	top:-5px;
	padding: 0px;
	color: #615d5d !important;
}

#proj-disclaimer {padding-left: 4px;}

/* for hover styles see hovers.css */

@media (max-width: 1400px) {
	#_pages_content {margin: 0 0%;}
	/* #_pages_content .lvl3-sidebar-sticky {width: 20% !important;} */
}

@media (max-width: 1266px) {
	body{min-width: 1265px;}
	#_pages_content .lvl3-sidebar-sticky {min-width: 270px !important;}
}

/* prevent from collasping*/
@media only screen and (min-width: 0) and (max-width: 700px) {
	.ddk-container:not(.ddk-container--print-context) .block {width: unset;}
}

/* PROJECTION BUTTONS */

.proj-main-card-header {
	 display: flex;
	 position: relative;
	 /* flex-direction: row; */
	 flex-wrap: nowrap;
	 justify-content: space-between;
	 align-items: center;
	 padding-left: 8px;
}

#main-plot-title-icon-container,
#explore-new-main-plot-title-icon-container,
#\{\"idx\"\:\"explore-new-main-plot-title-icon-container\"\,\"p\"\:\"ite\"\} {
	color: #007377;
	font-size: 1.09rem;
	font-weight: 900;
}

.proj-main-card-header .fas.fa-info-circle {
	color: #615d5d !important;
	font-size: .9rem;
	margin-left: 5px;
}

.proj-main-card-header .dash-dropdown {
	width: 263px;
}

#projections-output button {
    text-transform: initial;
}

button#proj-details-button {
	margin-left: 0 !important;
}

#projections-output .card-footer {
	margin-top: 10px;
	padding-top:10px;
	padding-bottom: 0;
	padding-left: 0;
	display: block;
	position: relative;
}

#projections-output .card-footer button {
	/*float: right;*/
	right:0px;
	top: 6px;
	position: absolute;

}
#projections-output .card-footer .control-in-card_container {
	/*display: flex;*/
	/*flex-wrap: nowrap;
	flex-direction: row-reverse;*/
	flex-direction: row;
	justify-content: space-between;
}

.card-footer--title {
	color:#007377;
	border-bottom:0px solid #007377;
	padding-left: 4px;
	margin-bottom: 6px;
	width: 400px;
	padding: 10px 0;
}

#proj-details-markdown {
	font-size: .9rem;
	line-height: 1.6;
}


/* TREND DATA PAGE */
#lvl3_state {columns: 2; font-size: 15px;}
#lvl3_state_div {margin:0; padding: 0; padding-top: 12px; width: 100% !important;}
#lvl3_state label {padding:0 5px; display: flex !important; align-items: center; }

#lvl3_state_div div.card--content {
	padding: 0 !important;
}