/* change the style for expand macro title text */ 
#com-atlassian-confluence .expand-control-text {
color: rgb(51,51,153); 
font-size: 11pt;
 font-weight: bold;
}

/*----------------------------------New style UXO------------------------------- */ 

h1, h2, h3{
margin-top:0px!important;
}

/*--Macro expand
#expander-control-1783692969{
  width: fit-content!important;
    position: relative!important;
}
#expander-control-1783692969.aui-iconfont-chevron-right{
background-size: 16px;
position: absolute;
right: -37px;
}
#expander-control-1783692969.aui-iconfont-chevron-down {
background-size: 16px;
position: absolute;
right: -37px;
}
--*/

/*--Page header--*/
.page-header {
flex-wrap: wrap;
}

/*--Colors--*/
.light-grey{
background-color: #F4F5FA;
padding: 24px;
margin-bottom:40px;}
.light-blue{
background-color:#E9EDFF;
padding: 24px;
margin-bottom:40px;
}

/*--- Card ---*/
.card-list { 
display: flex; 
flex-wrap: wrap; 
margin: 0px 5px;
}
.card-item { 
padding: 16px; 
border: 1px solid #F6F6F6;
box-shadow: 0px 2px 4px 2px #1C1C1C26; 
background-color: white;
margin: 8px;
width:100%;
 } 
.border-top {
    border-top: 8px solid #004299;
}
card-item-border{
border: 1px solid #D4D4D4;
}
.card-item h3 { 
margin-top:0px!important;
}
.card-item-content {
    margin-top: 8px;
}
.card-item-title p { 
display: flex;
}


/*** Feedback banner**/
div#feedback { 
display: flex; align-items: center;
 justify-content: space-around; 
} 
div#feedback div:first-child { 
padding-right: 24px; 
} 
.feedback-content{ 
display: flex; 
}
.feedback {
    background-color: #FBFBFB;
padding: 14px 24px 24px;
    border-radius: 4px;
    max-width: 994px;
}
.feedback-content-text {
    margin-right: 16px;
}
.feedback p{
margin:0px!important;}


/***Button***/
a.contentf-button.aui-button { 
display: flex; flex-direction: row-reverse; 
justify-content: flex-end; margin-top: 15px; 
border: 2px solid #0E47CB;
 width: fit-content; 
border-radius: 4px; 
padding: 8px 8px;
 align-items: center; 
background-color: white !important; 
height:41px;
}
a.contentf-button.aui-button.conf-macro.output-inline { 
background-color: white!important; 
border: 2px solid #0E47CB!important; 
display: flex; 
align-items: end; 
}


/**Select button**/
  /* Base styling */
        .dropdown-menu {
            display: none;
            position: absolute;
            margin: 0;
 box-shadow: 0px 4px 4px 2px #1C1C1C26;
    padding: 12px;
    border-radius: 4px;
    z-index: 1;
    background-color: white;
    overflow-y: auto;
     overflow-x: hidden;
    max-height: 300px;
    top: 39px;
    left: 0px;
list-style: none !important;
}
.dropdown-menu li {
    width: max-content;
padding: 4px;
}
       
 .select-btn {
    margin: 10px;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    border: 2px solid #0E47CB;
    width: fit-content;
    border-radius: 4px;
    padding: 8px 8px;
    align-items: center;
    color: #0E47CB; 
  position: relative! Important;
  }

 /* Chevron styling */
.chevron,.simple-expand.aui-iconfont-chevron-right, .simple-expand.aui-iconfont-chevron-down {
display: inline-block;
width: 8px;
height: 8px;
border-right: 2px solid #0E47CB;
border-bottom: 2px solid #0E47CB;
transform: rotate(45deg);
transition: transform 0.3s ease;
margin-left: 12px;
margin-top: -3px;
margin-right: 4px;
}        
/* Rotate the chevron when dropdown is open */
.chevron.up {
 transform: rotate(225deg);
} 
/**END - Select button**/

/**News list**/
.news-content {
position: absolute;
 }  
.news-title { 
text-align: center;
padding: 2px 0px 12px; 
background-color: #CDD5EF; 
margin-bottom: 16px; }

/*-- chips-list--*/
ul.chips-list {
padding-left:8px; 
list-style: none !important; 
display: flex; margin-top: 0px !important;
padding-top: 8px;
flex-wrap:wrap; 
} 
li.chips-item a { 
border: 1px solid; 
border-radius: 24px; 
padding: 8px 12px; 
margin-right: 8px; 
}


/**Media Queries**/
@media screen and (min-width: 894px) {
 .card-list {
    flex-wrap: nowrap;
     width:94%;
}
.additional .card-item{width: 49%;}
.uxo.faq-list{ max-width:100%;}
.page-header {
flex-wrap:nowrap!important;}
.cols:not(.is-desktop) {display: flex;}
.col-1 { flex: none; width: 8.333333%;}
.col-2 { flex: none; width: 16.666667%;}
.col-3 { flex: none; width: 25%;}
.col-4 { flex: none; width: 30.333333%;}
.col-5 { flex: none; width: 41.666667%;}
.col-6 { flex: none; width: 48%;}
.col-7 { flex: none; width: 58.333333%;}
.col-9 { flex: none; width: 75%;}
.col-8 { flex: none; width: 66.666667%;}
.col-10 { flex: none; width: 83.333333%;}
.col-11 { flex: none; width: 91.666667%;}
.col-12 { flex: none; width: 100%;}

/**Home page aside content**/
.aside-column{
display:flex; 
width:100%; 
justify-content: space-between;
}
}
/****END of media queries****/