/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 html {
	visibility:hidden;
}

iframe[title~="Data Visualization"] {
   overflow:scroll;
   scrolling:yes;
   height:100%;
   width:100%;
}

div.input-group {
	width:100%;
}

#compare_table thead tr th:nth-child(2),#compare_table thead tr th:nth-child(6) {
 border-left: 2px solid black;
}
#compare_table tbody tr td:nth-child(2),#compare_table tbody tr td:nth-child(6) {
 border-left: 2px solid black;
}

#role_module_table tr,#role_module_table th {
   display:flex;
 justify-content: space-between;
 min-width:100px;
}

#role_module_table tr th:last-child  {
   flex:1.1;
}
#role_module_table tr th  {
   flex:1;
}
#role_module_table tr td:last-child  {
   flex:1.1;
}
#role_module_table tr td  {
   flex:1;
   width:auto;
}

.form-select.required.form-control.valid {
   font-size:12px;
}

tbody tr td {
 /*border-style: solid;*/
 border-width: 0 0 1px 0;
 border-color: #707070;
 padding: 5px 5px;
 font-size: 12px;
 font-weight: 400;
 color: #6c6c6c;
 width:auto;
}

#sheet-wrapper {
   margin-bottom: 15px;
}


.indented {
 padding-left: 50px;
 border-left: 1px solid blue;
}

/* Create two equal columns that sits next to each other */
   .column { 
	   max-width:75%;
	   min-width: 10%;
	   display: flex;
	   flex-wrap: wrap;
	   padding: 0 4px;
	   margin: auto;
   }

   figure {
	   background-color: #ffffff;
	   border-radius: 10px;
	   Border: 1px solid;
	   border-color: #D5DEE1;
	   vertical-align: middle;
	   text-align: center;
	   position:relative;
	   width: 220px;
      min-width: 150px;
	   aspect-ratio: 220 / 240;
	   margin: 4px;
	   cursor: pointer;
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
   }

   figure:hover{
      border-style: solid;
      border-color: #41195E;
   }

   figcaption {
	   height: 72px;
	   align-items: center;
	   justify-content: center;
	   padding-top:10px;
	   padding-left: 15px;
	   padding-right: 15px;
	   padding-bottom: 10px;
	   cursor: pointer;
	   display: flex;
	   font-size: 19px;
	   width: 200px;
	   font-family: 'Lato';
	   font-weight: bold;
      margin: auto;
   }

   .workbook-summary{
	   font-family: 'Lato';
	   font-size: 15px;
      width: 150px;
      margin: auto;
      word-wrap: break-word;
   }
   
   img.viewsImage {
	   height:95%;
	   width:95%;
	   cursor: pointer;
   }

   .col-sm-3{
      display: none;
   }
   
   div.middleimage {
	   text-align: center;
	   width:30%;
	   height:30%;
	   position:relative;
	   margin:auto;
      margin-top: 5%;
   }

   .column img {
	   margin-bottom: 1vh;
	   margin-top: 1vh;
	   vertical-align: middle;
   }

   .bigbox {
	 vertical-align: middle;
   }
   
.sharebuttonclass {
 transition-duration: 0.4s;
 border-radius: 8px;
}
.sharebuttonclass:active {
 box-shadow: 0 2px #666;
 transform: translateY(2px);
}
.sharebuttonclass:hover {
   color: orange;
}
#spb-thesecondmodal {
 z-index:100;
 position:fixed;
}
#spb-addSchedulerForm {
 z-index:15;
 position:fixed;
}

li.active.active-trail {
   background-color:#f2f3f4;
}


form.user-login-form {
   max-width:400px;
}
body.path-frontpage.has-glyphicons > div > div > div > div > div > a.logo.navbar-btn.pull-left {
   float: left !important;
   z-index:100;
   position: relative;
}
body.user-logged-in.path-frontpage.has-glyphicons > div > div > div > div > div > a.logo.navbar-btn.pull-left {
   float: left !important;
   z-index:100;
   position: relative;
}
body.user-logged-in.path-frontpage.has-glyphicons > div > div > div > div > div > a.logo.navbar-btn.pull-left > img {
   float: none !important;
}

.menu.menu--account.nav.navbar-nav.navbar-right {
   float: right !important;
   z-index:100;
   position: relative;
}

.menu.menu--account.nav.navbar-nav.navbar-left {
   float: left !important;
   z-index:100;
   position: relative;
}

body > div > div > div.row {
   min-width:620px;
}
body {
   min-width:620px;
   margin-top:0px;
   min-height: 100vh;
   background-color: #FBF4FF;
}


body.path-frontpage.has-glyphicons > div > div > div > section > div > form.user-login-form > div > label {
   width:100%;
}

nav.block-custompaul-account-menu {
   min-width:100%;
}
.active.active-trail.first {
   z-index:50;
   position: relative;
}

.main-container.container.js-quickedit-main-content {
   margin:0px;
   width:100%;
   min-height: 99.5vh;
   background-color: #FBF4FF;
}

div.dialog-off-canvas-main-canvas > div.main-container.container.js-quickedit-main-content > div.row > div.col-sm-12 {
   background-color:#2C004C;
}

body.user-logged-in.path-frontpage.has-glyphicons > div.dialog-off-canvas-main-canvas > div.main-container.container.js-quickedit-main-content > div.row > section.col-sm-12 {
   background-color:#f2f3f4;
   background-clip:content-box;
}

div.view.view-upload.view-id-upload {
   background-color:#f2f3f4;
   background-clip:content-box;
}

a.logo.navbar-btn.pull-left {
   display:inline-block;
   background-color: transparent;
}

.menu.menu--account {
   margin-top:2vh;
}

.menu.menu--site-navigation {
   margin-top:1vh;
   margin-left:10vh;
}

.modal-form-example-modal-form {
   width:50vw;
}


body.user-logged-in > div.dialog-off-canvas-main-canvas > div.main-container.container.js-quickedit-main-content > div.row > div.col-sm-12 >  div.region.region-header > a.logo.navbar-btn.pull-left {
   display:inline-block;
   margin-right: 3rem;
}

.region-content{
   margin-top: 3em;
}

#form_hider {
   padding-top:2vh;
}

#find_table tbody tr td {
   border:1px solid black;
   text-align: center;
   
}


#edit-account {
   width: 30%;
}

#edit-description-box{
   width: 30%;
}

.btn-success:focus{
   background-color: #9400CE;
   border-color: #C684E7;
   color: #ffffff;
}

.btn-success:active{
   background-color: #9400CE;
   border-color: #C684E7;
   color: #ffffff;
}

.btn-success:active:focus{
   background-color: #9400CE;
   border-color: #C684E7;
   color: #ffffff;
}

.btn-success:active:hover{
   background-color: #9400CE;
   border-color: #C684E7;
   color: #ffffff;
}

.btn-success[disabled]:focus{
   background-color: #9400CE;
   border-color: #C684E7;
   color: #ffffff;
}

.btn-success[disabled]:hover{
   background-color: #9400CE;
   border-color: #C684E7;
   color: #ffffff;
}

.button{
   background-color: #9400CE;
   border-color: #C684E7;
   color: #ffffff;
}
   
.button:hover{
   background-color: #C684E7;
   border-color: #C684E7;
   color: #ffffff;
}

.btn-primary{
   background-color: #9400CE;
   border-color: #C684E7;
   color: #ffffff;
}
   
.btn-primary:hover{
   background-color: #C684E7;
   border-color: #C684E7;
   color: #ffffff;
}

.btn-primary:focus{
   background-color: #C684E7;
   border-color: #C684E7;
   color: #ffffff;
}

.btn-primary:active{
   background-color: #9400CE;
   border-color: #C684E7;
   color: #ffffff;
}

.btn-primary:active:focus{
   background-color: #9400CE;
   border-color: #C684E7;
   color: #ffffff;
}

a{
   color: #ffffff;
}

a:focus{
   color: #ffffff;
   background-color: #eeeeee;
}

a:hover{
   color: #ffffff;
}

.navbar-text{
   /*color: #ffffff;*/
}

.navbar-text:hover{
   /*color: #ffffff;*/
   cursor: pointer;
}

.dropdown-menu > .active > a {
   background-color: #2C004C;
}

.dropdown-menu > .active > a:hover {
   background-color: #41B59D;
}

.pagination > .active > a {
   background-color: #41195E;
}

.pagination > .active > a:hover {
   background-color: #41195E;
}

li.active.active-trail {
   background-color: #41195E;
}

.active.active-trail:hover {
   background-color: #41195E;
}

.nav > li > a:hover {
   background-color: #41195E;
}

.nav > li:hover{
   background-color: #41195E;
   cursor: pointer;
}

.nav > li.expanded.dropdown{
   background-color: #005477;
}

.nav > li.expanded.dropdown.last{
   background: url(/sites/all/logos/burger.png) no-repeat;
   margin: auto;
   width: 75px;
   height: 50px;
   background-position: center;
}

.nav > li.expanded.dropdown.last:hover{
   background-color: #41195E;
}

.nav > li.expanded.dropdown.last > span{
   visibility: hidden;
}

.view_table_selection{
	width: 100%; 
	height: 100%;
	background-color: #ffffff;/*Makes the iframe (especially the white tollbar at the bottom) look less jarring while the iframe is loading*/
	overflow: auto;
}

.display_none{
   display: none;
}

#vizContainer{
   width:0px;
   height:0px;
   display: flex;
   justify-content: space-between;
}

.text-align-center{
   text-align: center;
}

.rearrange-div{
   text-align: center;
   padding:5px;
}

.dotted-middle-image{		
   text-align: center;
   width:85%;
   position:relative;
   margin:auto;
   border-style: dotted
}

div > ul > li > a {
   color: #41195E;
}

div > ul > li > a:hover {
   color: #41195E;
}

#block-custompaul-usermenusidebar {
   display: none;
}

#block-custompaul-managementmenusidebar {
   display: none;
}

.well.region.region-sidebar-second{
   background-color: #ffffff;
   border: none;
   visibility: hidden;
}

.spb-popup-main-wrapper.spb_right_bar{
   margin: 1rem;
}

.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div > ul{
   list-style-type: none;
   padding: 0px;
}

.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div > ul > li{
   padding-top: 1rem;
   padding-bottom: 1rem;
}

.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > div > ul > li > a{
   color: black;
}

.user-details{
   border-bottom: 1px solid black;
   margin: 1rem;
   padding-bottom: 3rem;
}

.links{
   margin-top: 3rem;
   margin-bottom: 1rem;
   margin-left: 1rem;
   margin-right: 1rem;
}

.col-sm-9{
   width: 100%;
}

.col-sm-9 > .highlighted{
   padding-top: 15px;
}

.col-sm-9 > .highlighted > .region-highlighted{
   background-color: #EFDEFF;
   border-radius: 10px;
}

.block.block-block-content.clearfix > .layout > .layout__region > .block{
   padding-left: 15px;
   padding-right: 15px;
}

.bigbox > .title-banner{
   padding-bottom: 3rem;
   border-bottom: 1px solid #aaaaaa;
}

.bigbox > .title-banner > .title > h1{
   text-align: center;
   color: #444444;
}

.bigbox > .title-banner > .subtitle > h4{
   text-align: center;
   color: #444444
}

.footer{
   position: absolute;
   background-color: #2C004C;
   left: 0;
   bottom: 0;
   margin-top: 0px;
   width: 100%;
   padding-bottom: 39px;
   padding-top: 0px;
}

.forgot-password > a{
   color: black;
}

td > a{
   color: #9400CE;
}

td > a:hover{
   color: #C684E7;
}

th > a{
   color: #000000;
}

th > a:hover{
   color: #444444;
}

.header-link > a{
   color: #FFFFFF;
}

.header-link:hover > a{
   color: #C684E7;
}

.table-striped > tbody > tr.header-row {
   background-color: #2C004C;
   color: #ffffff;
   
}

.table-striped > tbody > tr.header-row:after {
   content: '\002B';
   font-weight: bold;
   justify-content: center;
   display: grid;
   margin-top: 7px;
}

.table-striped > tbody > tr.header-row.active:after {
   content: "\2212";
}

.user-row{
   display: table-row;
}

.ui-dialog .ui-dialog-titlebar-close{
   background: url("data:image/svg+xml,%3csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.318l-10 10M11 11.318l-10-10' stroke='%23D3D4D9' stroke-width='1.5'/%3e%3c/svg%3e") no-repeat 50%;
}

.description.help-block > .webform-element-description.form-group > a.icon-before{
   color:  #2C004C;
}

.table > tbody > tr.active > th{
   background-color: #2C004C;
   border-bottom: 0;
   border-top: 0px;
   
}

h4 > a{
   color: #2C004C;
}

.table > tbody > tr.active > td{
   background-color: #2C004C;
}

.table-hover > tbody > tr.active:hover > th{
   background-color: #2C004C;
}

.table-striped > tbody > tr:nth-of-type(odd){
   background-color: #EFE2FF;
}

.table-striped > tbody > tr:nth-of-type(odd).header-row{
   background-color: #2C004C;
}

.table-hover > tbody > tr.active:hover > td{
   background-color: #2C004C;	
   border-bottom: 0;
   border-top: 0px;
}

.table-striped > tbody > tr.user-row:hover{
   background-color: #ffffff;
}

.table-striped > tbody > tr.odd:hover{
   background-color: #ffffff;
}

.table-striped > tbody > tr.header-row.odd:hover{
   background-color: #2C004C;
}

.table > thead > tr > th{
   border-bottom: 0;
   border-top: 0px;
}

.table > tbody > tr > td{
   border-bottom: 0;
   border-top: 0px;
}

.table > tbody > tr > th{
   border-bottom: 0;
   border-top: 0px;
}

.dropdown:hover .dropdown-menu {
   display: block;
}

/***************************************
 * AI OVERLAY STYLES
 ***************************************/

/*** SPIN ***/
@keyframes spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
}

/*** SIDEBAR & TOGGLE ARROW ***/
.ai-overlay-sidebar {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 5em; /* 80px */
   height: 85vh;
   margin-left: 1.875em; /* 30px */
   text-align: left;
   font-size: 16px;
   color: #2C004C;
   background: #FFFFFF;
   transition: all 0.3s ease;
   border-radius: 0.5em; /* 8px */
}

.ai-overlay-sidebar.active {
   width: 35em; /* 400px */
}

.ai-overlay-arrow-button {
   position: absolute;
   top: 0.984em; /* 15.75px */
   left: -0.66em; /* 10.565px */
   width: 1.32em; /* 21.13px */
   height: 1.32em; /* 21.13px */
   cursor: pointer;
   background-color: #FFFFFF;
   border: 0.125em solid transparent; /* 2px */
   border-radius: 50%;
   box-shadow: 0.125em 0px 0.625em rgba(0, 0, 0, 0.2); /* 2px 0px 10px */
   transition: all 0.3s ease-in-out;
}

.ai-overlay-arrow {
   width: 0.33em; /* 5.31px */
   height: 0.61em; /* 9.74px */
   background-image: url("/sites/all/logos/ai_overlay/left_arrow.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}

.ai-overlay-sidebar.active .ai-overlay-arrow {
   transform: scaleX(-1);
}

/*** INSIGHT ICONS ***/
.ai-overlay-header-gif {
   width: 3em;
   height: 3em;
   border-radius: 7px;
   background-color: #9400CE;
   background-image: url("/sites/all/logos/ai_overlay/stars.gif");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}

.ai-overlay-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 2.78em; /* 44.48px */
   height: 2.78em; /* 44.48px */
   margin-right: 1em;
   border-radius: 10px;
}

.key-insights-icon,
.diagnostic-insights-icon,
.predictive-insights-icon {
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}

.key-insights-icon {
   background-image: url("/sites/all/logos/ai_overlay/key_insights.png");
}

.diagnostic-insights-icon {
   background-image: url("/sites/all/logos/ai_overlay/diagnostic_insights.png");
}

.predictive-insights-icon {
   background-image: url("/sites/all/logos/ai_overlay/predictive_insights.png");
}

/*** HEADER ***/
.ai-overlay-header {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   font-family: "Work Sans", sans-serif;
   padding: 2em 1.5em 1.5em; /* 32px 24px 24px */
}

.ai-overlay-sidebar.active .ai-overlay-header {
   flex-direction: row;
}

.ai-overlay-title {
   display: none;
   flex-grow: 1;
   margin-left: 1em;
}

.ai-overlay-sidebar.active .ai-overlay-title {
   display: block;
}  

.ai-overlay-title h2 {
   margin: 0;
   font-size: 1.66em; /* 26.53px */
   font-weight: 600;
   /*line-height: 33.8px;*/
   color: #2C004C;
}

.ai-overlay-title p {
   margin: 0;
   font-size: 0.77em; /* 12.28px */
   font-weight: 500;
   letter-spacing: 0.0125em; /* 0.2px */
   color: #BEBEBE;
}

.ai-overlay-refresh-button {
   width: 1.75em;
   height: 1.75em;
   margin-top: 1em;
   border: none;
   background-color: #FFFFFF;
   background-image: url("/sites/all/logos/ai_overlay/refresh_default.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   animation: none;
   pointer-events: none;
}

.ai-overlay-refresh-button.spinning {
   animation: spin 2s linear infinite;
}  

.ai-overlay-refresh-button.active {
   background-image: url("/sites/all/logos/ai_overlay/refresh_active.png");
   pointer-events: auto;
}  

.ai-overlay-sidebar.active .ai-overlay-refresh-button {
   margin-top: 0;
}  

/*** DROPDOWNS ***/
.ai-overlay-dropdowns {
   display: none;
   flex-direction: row;
   justify-content: space-around;
   gap: 0.5em;
   padding: 0.75em 1.5em; /* 12px 24px */
}

.ai-overlay-sidebar.active > .ai-overlay-dropdowns.active {
   display: flex;
}

.ai-overlay-dropdown {
   display: none;
}

.ai-overlay-dropdown.active {
   display: block;
}

.ai-overlay-dropdown.showby{
	border-bottom: 1px solid #D6D6D6;
}

.ai-overlay-dropdown.showby select{
	border: none;
}

.ai-overlay-dropdown.showby select:focus{
	border: none;
   outline: none;
}

#kpi-dropdown {
   flex: 4;
}

#stage-dropdown {
   flex: 2;
}

.ai-overlay-dropdown select {
   width: 100%;
   padding: 0.5em;
   padding-right: 2em;
   font-family: "Lato", sans-serif;
   font-size: 0.875em; /* 14px */
   line-height: 1.25em; /* 20px */
   color: #919191;
   border: 1px solid #D6D6D6;
   border-radius: 10px;
   background-image: url(/sites/all/logos/ai_overlay/dropdown_arrow.png);
   background-repeat: no-repeat;
   background-position: right 1em center;
   appearance: none;
}

.ai-overlay-dropdown select:focus,
.ai-overlay-dropdown select:valid {
   color: #171A1F;
}

/*** INSIGHTS ***/ 
.ai-overlay-insights {
   display: none;
   flex-direction: column;
   flex-grow: 1;
   font-family: "Lato", sans-serif;
   border-top: 1px solid #E0E0E0;
}

.ai-overlay-sidebar.active .ai-overlay-insights {
   display: flex;
}

/*** INSIGHT ITEM ***/ 
.ai-overlay-insight-item {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 4.3125em; /* 69px */
   flex-grow: 1;
   transition: all 0.3s ease-in-out;
}

.ai-overlay-insight-item.active {
   flex-grow: 5;
   max-height: calc(100vh - (4.3125em * 2) - 1.5em); /* 69px */
}

.ai-overlay-insight-item.active > .ai-overlay-insight-header > .ai-overlay-icon {
   background-color: #ffffff;
}

.ai-overlay-insight-item:not(.active) {
   flex-grow: 0;
   overflow: hidden;
}

/*** INSIGHT HEADER ***/ 
.ai-overlay-insight-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   height: 4.3125em; /* 69px */
   padding: 0.75em 1.5em; /* 12px 24px */
   background-color: #FFFFFF;
   border-bottom: 1px solid #E0E0E0;
   cursor: pointer;
}

.ai-overlay-insight-header h3 {
   flex-grow: 1;
   font-size: 1.214em; /* 19.43px */
   font-weight: 500;
   margin: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.ai-overlay-insight-header::after {
   content: "";
   width: 0.9375em; /* 15px */
   height: 0.75em; /* 12px */
   margin-left: auto;
   background-image: url("/sites/all/logos/ai_overlay/down_arrow.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   pointer-events: auto;
}

.ai-overlay-insight-item.active .ai-overlay-insight-header {
   background-color: #EFDEFF;
   border-bottom: none;
}

.ai-overlay-insight-item.active .ai-overlay-insight-header::after {
   transform: rotate(180deg);
}

.ai-overlay-insight-item.loading {
   pointer-events: none;
}

.ai-overlay-insight-item.loading .ai-overlay-insight-header::after {
   width: 1.75em; /* 32px */
   height: 1.75em; /* 32px */
   background-image: url("/sites/all/logos/ai_overlay/loading.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   animation: spin 2s linear infinite;
}

/*** INSIGHT CONTENT ***/ 
.ai-overlay-insight-content {
   display: none;
   overflow-y: auto;
   padding: 0.75em 1.5em; /* 12px 24px */
}

.ai-overlay-insight-item.active .ai-overlay-insight-content {
   display: block;
}

/*** INSIGHT CONTENT METADATA ***/ 
 .ai-overlay-insight-content-metadata {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 0.875em; /* 14px */
   color: #919191;
   margin-bottom: 0.9375em; /* 15px */
}

.ai-overlay-copy-icon {
   width: 1.5em;
   height: 1.5em;
   cursor: pointer;
   background-image: url("/sites/all/logos/ai_overlay/copy_default.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   width: 32px;
   height: 32px;
}

.ai-overlay-copy-icon.active {
   background-image: url("/sites/all/logos/ai_overlay/copy_clicked.png");
}

/*** INSIGHT SUMMARY, TABS ***/ 
 .ai-overlay-insight-summary {
   font-weight: 500;
   line-height: 158%;
   overflow-wrap: break-word;
   margin-bottom: 0.9375em; /* 15px */
}

#diagnostic-insights-summary > .ai-overlay-insight-summary:not(.active){
   display: none;
}

.ai-overlay-tabs {
   display: flex;
   margin-bottom: 0.9375em; /* 15px */
}

.ai-overlay-tabs span {
   color: #919191;
   cursor: pointer;
   transition: color 0.3s ease-in-out;
   margin-right: 3em;
}

.ai-overlay-tabs span.active {
   font-weight: 600;
   color: #9000CB;
   text-decoration: underline;
   text-decoration-thickness: 2px;
   text-underline-offset: 0.25em; /* 4px */
}

.ai-overlay-tab-content {
   display: none;
   line-height: 158%;
   overflow-wrap: break-word;
}

.ai-overlay-tab-content.active {
   display: block;
}

.diagnostic-showby{
   display: none;
}

.diagnostic-showby.active{
   display: block;
}

/*** SUMMARY RATING ***/ 
 .ai-overlay-summary-rating {
   justify-content: space-between;
   padding: 0.5em 1.5em; /* 8px 24px */
   margin-top: auto;
   border-top: 1px solid #E7E7E7;
   border-bottom: 1px solid #E7E7E7;
   display: none;
}

.ai-overlay-insight-item.active .ai-overlay-summary-rating {
   display: flex;
}

.ai-overlay-summary-rating span {
   align-content: center;
   color: #919191;
}

.ai-overlay-thumbs-icons {
   display: flex;
}

.ai-overlay-thumbs-icon {
   width: 2em; /* 32px */
   height: 2em; /* 32px */
   cursor: pointer;
   pointer-events: auto;
}

.ai-overlay-thumbs-icon.active {
   pointer-events: none;
}

.thumbs-up-icon,
.thumbs-down-icon {
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   border-radius: 7px;
}

.thumbs-up-icon {
   background-image: url("/sites/all/logos/ai_overlay/thumbs_up_default.png");
   margin-right: 0.4em;
}

.thumbs-up-icon.active {
   background-image: url("/sites/all/logos/ai_overlay/thumbs_up_clicked.png");
}

.thumbs-down-icon {
   background-image: url("/sites/all/logos/ai_overlay/thumbs_down_default.png");
}

.thumbs-down-icon.active {
   background-image: url("/sites/all/logos/ai_overlay/thumbs_down_clicked.png");
}

.error-banner{
	display: none; 
	background-color: #FF5734; 
	color: white; 
	padding: 10px;
   border-radius: 10px;
}

.sf-menu > li:hover {
   background-color: #41195E;
}

ul.sf-menu.menu, ul.sf-menu.menu ul{
   margin-top: 1vh;
}