hr {
   margin-top: 20px;
   margin-bottom: 20px;
   border: 0;
   border-top: 3px solid #eee;
   }
   .theme-config {
   position: absolute;
   top: 0px;
   right: -230px;
   overflow: hidden;
   }
   .theme-config.show {
   right: -16px;
   }
   .theme-config-box.show {
   margin-right: 0;
   min-width: 500px;
   }
   .theme-config-box {
   margin-right: -220px;
   position: relative;
   z-index: 2100;
   transition-duration: 0.8s;
   }
   .headerDiv{
   padding: 20px 24px;
   background: #19345a;
   border-radius: 0;
   }
   ul ul {
   display: none;
   }
   .list{
   font-size: 15px;
   line-height: 27px;
   }
   .ul_content{
   margin-top: 50px;
   margin-left: 80px;
   }
   .removeBtn{
   margin-top: 15px;
   }
   .RecommendationUl {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-color: #333333;
   }
   .RecommendationLi {
   float: left;
   }
   .RecommendationLi a {
   display: block;
   color: white;
   text-align: center;
   padding: 16px;
   text-decoration: none;
   }
   .header{
   color: #fff;
   font-weight: 700;
   font-size: 18px;
   }
   .positionChange{
   padding-left: 47px;
   margin-top: 31px;
   }
   .chartClose{
   margin-right: 40px;
   font-size: 36px;
   color: white;
   }
   .chartLi{
   list-style: none;
   }
   .chartLi::before{
   content: "\00BB";
   }
   .chartScroolBar{
   height: 520px;
   margin: 0px;
   text-align: left;
   overflow: hidden;
   overflow-y: auto;
   }
   .metricChartDiv {
   border: 1px solid #e5e6e7;
   }
   .chartHeader{
   margin-left: 90px;
   font-weight: 900;
   font-size: 20px;
   }
   #recommendationBarsContainer .statusBar-li.active::after {
   content: "";
    border-bottom: 3px solid #1AB393;
   position: absolute;
   bottom: 0;
   width: 100%;
   border-radius: 20px 20px 0 0;
   }

    #recommendationPublishedContainer .statusBar-published-li.active::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        border-radius: 20px 20px 0 0;
    }

   .adminStatusSpan{
        color: #d48806 !important;
        background: #fffbe6 !important;
        border-color: #ffe58f !important;
   }

    .publishedStatusBar {
        font-size: 16px;
    }

    .recommendationStatusBar > li > a {
        font-weight: 600;
    }

.imageDivs {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.imageDivs img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}

    .disabledBtn {
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666;
        cursor: not-allowed;
    }

    .recoBtn button[disabled], html input[disabled] {
        display: inline-block;
        cursor: not-allowed;
    }

   .individualStatusBar {
   font-size: 18px;
   }
   .recommendationDetailsDiv{
   background-color: #fdfdfd;
   border: 1px solid #e2e2e2;
   margin-bottom: 24px;
   padding: 16px;
   position: relative;
   border-radius: 5px;
   box-shadow: 0 0 4px #ececec;
   }
   .templateTittle{
   font-size: 16px;
   font-weight: 600;
   }
   .metricTags{
   color: var(--fontColor-light);
   display: block;
   font-size: 12px;
   line-height: 16px;
   font-weight: 600;
   letter-spacing: .4px;
   }
   .metricTagsValues{
   border: 1px solid #d9d9d9;
   padding: 0 7px;
   font-size: 12px;
   line-height: 20px;
   display: inline-block;
   color: #096dd9;
   background: #e6f7ff;
   border-color: #91d5ff;
   }
   .recommendationLi{
   padding-left: 24px;
   }
   .linkButton{
   border: 0;
   cursor: pointer;
   display: inline-block;
   padding: 0;
   background-color: initial;
   color: #158dfc;
   font-size: 14px;
   font-weight: 600;
   }

.all-div-container>div {
  height: 2em;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 3px;
}

.note-editor {
    height: auto;
        min-height: auto;
}

#displayDimensionValues .select2-container--classic {
   width: 100% !important;
}

.customizedDataTable tr {
    background-color: #fff !important;
}

.customizedDataTable tr>td,
.customizedDataTable tr>th {
    border: none !important;
    padding: 0 !important;
}


.requiredValuesError{
    color: #cc5965;
    margin-left: 5px;
}

.metricTagsValues.insight_status_error_msg {
    color: #ff4d4f;
    background: #fff2f0;
    border-color: #ffccc7;
    line-height: 35px;
    font-size: 16px;
}