.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 0px;
  border-bottom: solid 1px #979595;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 16px;
  font-weight: normal;
  height: 50px;
  line-height: 48px;
  outline: none;
  padding-left: 0;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #85a385; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #336633; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    width: 10px; 
    height: 10px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }


/*custom override*/
.niceSelect[data-aos^=fade][data-aos^=fade].aos-animate { transform: inherit !important; }
.nice-select .list { max-height: 250px; overflow: auto; font-size: 14px; }
.nice-select span.current { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



/*custom monotring override*/
/*Tool pages sub Menu */
.monitoring-main .dropdownMenu{width:100%;display:inline-block;margin:0;padding:0;padding-left:20px;border-bottom:1px solid #f58220;}
.monitoring-main .dropdownSubmenu{width:50%;float:left;}
.monitoring-main .dropdownSubmenu>a{border-bottom:none !important;cursor:default !important;}
.monitoring-main .dropdownSubmenu .dropdownMenu li{width:100%;display:inline-block;}
.monitoring-main .dropdownSubmenu .dropdownMenu li a{width:100% !important;border:none;padding:0px;font-size:10px;font-weight:normal;}
.monitoring-main .dropdownSubmenu .dropdownMenu li a:before{font-size:15px;top:2px;}
.monitoring-main .business  .dropdownMenu {border-bottom: 1px solid #8dc63f;}

.metadata-panel-detail article h4 { font-size: 1.3rem !important; margin-bottom:10px !important;}
.metadata-panel-detail article + article { margin-top: 15px !important; }


/*  Banner  */

.banner-main{ position: relative; }
.banner-main .banner-img img{  width: 100%;
  height: 350px;
  object-fit: cover;
  position: relative; }
.banner-content { position: absolute;
  top: 70px;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";}
.banner-content h1{ color: #fff; padding: 13px 0;}


/*  Dashboard label */

.status-bar .dashboard-heading {font-size: 24px;line-height: 1.2;font-weight: 600;background: #336633; border-radius: 3px;
    text-align: left; position: relative;width: calc(100%);color: #fff; margin-bottom: 20px; padding: 15px 20px;}
.dashboard-status-body{ background: #f5f5f5; padding: 20px; height: 500px; margin-bottom: 20px; }
.dashboard-status-body h2{ font-size: 24px; }
.status-bar {padding-top: 30px;}


.dfa-viz-bootstrap .dfa-acrdn-child {  margin-bottom: 0px !important;padding-bottom: 20px !important;}
.dfa-viz-bootstrap .dfa-acrdn-parent .dfa-acrdn-head { font-size: 16px;  white-space: break-spaces; text-align: justify;}
.dfa-viz-bootstrap .dfa-acrdn-child .dfa-acrdn-head {   font-size: 14px; text-align: justify; white-space: break-spaces;}
p.dfa-h1.dfa-head.dfa-mb-3 {  font-size: 28px;}
.dfa-head-container p.dfa-h1.dfa-head.dfa-mb-3 {  font-size: 24px; line-height: 1.2; font-weight: 600;  background: #336633;  border-radius: 3px;   text-align: left;  position: relative; width: calc(100%); color: #fff;  padding: 15px 20px;}
.banner-main .banner-img:after { position: absolute; background: rgb(51,102,51); background: linear-gradient(90deg, rgba(51,102,51,1) 0%, rgba(72,175,72,1) 0%, rgba(51,102,48,1) 100%); top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: .5; }
.panelBx .panelHeader .pull-left h1 { background: #363; padding: 20px ; color: #fff; font-size: 24px; display: block; border-bottom: none; margin-bottom: 40px;}
.panelBx .panelHeader .pull-left { display: block;  float: none;}


/* Tahat  CSS */

svg { height: auto !important;}
.dfa-viz-bootstrap { margin-bottom: 0 !important;}
.panelBx { width: 100%; display: inline-block; background: #fff; padding: 0px 1px; border-radius: 0; -webkit-box-shadow: 0px 0px 4px rgba(34, 36, 38, 0.15) !important; box-shadow: 0px 0px 4px rgb(34 36 38 / 15%) !important; position: relative; margin: 20px 0; }
.panelBx .panelBody.pieChart.lagends { margin: 0; background: #eff8ef4d; padding: 20px; }
.dfa-card .dfa-collapse.dfa-show .dfa-card-body.dfa-acrdn-box .dfa-collapse.dfa-show { background: #eff8ef4d; }
.panelBx .panelHeader .pull-left h1{margin-bottom: 20px;}
.partition_section .chart_holder { height: 50px !important; }
.viz-description { font-size: 13px; margin-bottom: 10px; }




#viz-1-performance .panelBody.pieChart.lagends { background-repeat: repeat;
  background-position: center;
  background-size: contain;}
 .dfa-viz-bootstrap .dfa-card-body .dfa-table thead tr { background: transparent !important; border-bottom: 1px solid #000;}
 .dfa-viz-bootstrap .dfa-card-body .dfa-table thead tr th { color: #323232 !important;border-right: 1px solid #cecece !important; width: 82px !important;padding: 10px;padding-top: 8px;  padding-bottom: 8px;}
 .dfa-viz-bootstrap .dfa-card-body .dfa-table tbody tr th, .dfa-viz-bootstrap .dfa-card-body .dfa-table tbody tr td {
    color: #323232 !important; border-right: 1px solid #cecece !important; padding: 10px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #868383;}
 .dfa-card .dfa-card-body .dfa-table tbody tr:nth-child(1) { background: #46fe461c !important;}
 .dfa-card .dfa-card-body .dfa-table tbody tr:nth-child(2) { background: #46fe4638 !important;;}
.dfa-card .dfa-card-body .dfa-table tbody tr:nth-child(3) {  background: #b7f8b7 !important;;}
.dfa-viz-bootstrap .dfa-dropdown { margin: 0px !important;  display: flex;}
.panelBx { padding: 0px !important;margin: 10px 0 !important;border-radius: 0 !important;}
.panelBx .panelBody.pieChart.lagends{ padding: 15px !important;margin: 0 15px 15px !important;}
.viz-description { margin-left: 15px;}
div#viz-4-cette .dfa-cstm-drpdwn.dfa-tmprd-cntnr {width: 16% !important;}
div#viz-4-cette .dfa-cstm-drpdwn.dfa-frmwrk-cntnr {width: 60% !important;}
div#viz-1-performance .dfa-cstm-drpdwn.dfa-tmprd-cntnr {width: 16% !important;}


@media screen and (min-width: 1440px) {.banner-content h1 {font-size: 34px;}
}

#viz-1-performance .col ul {display: flex;list-style: none;justify-content: center;align-content: center;height: 100%;margin-bottom: 0;}
#viz-1-performance .col ul li {display: flex;align-items: center;margin: 0 10px;}
#viz-1-performance .col ul li .circle {width: 15px !important;height: 15px !important;margin-right: 4px;border-radius: 50px;}
#viz-1-performance .col ul li .value {font-size: 13px;}


#viz-2-durable .col ul {display: flex;list-style: none;justify-content: center;align-content: center;height: 100%;margin-bottom: 0;}
#viz-2-durable .col ul li {display: flex;align-items: center;margin: 0 10px;}
#viz-2-durable .col ul li .circle {width: 15px !important;height: 15px !important;margin-right: 4px;border-radius: 50px;}
#viz-2-durable .col ul li .value {font-size: 13px;}

#viz-3-cibles .col ul {display: flex;list-style: none;justify-content: center;align-content: center;height: 100%;margin-bottom: 0;}
#viz-3-cibles .col ul li {display: flex;align-items: center;margin: 0 10px;}
#viz-3-cibles .col ul li .circle {width: 15px !important;height: 15px !important;margin-right: 4px;border-radius: 50px;}
#viz-3-cibles .col ul li .value {font-size: 13px;}


#viz-4-cette .col ul {display: flex;list-style: none;justify-content: center;align-content: center;height: 100%;margin-bottom: 0;}
#viz-4-cette .col ul li {display: flex;align-items: center;margin: 0 10px;}
#viz-4-cette .col ul li .circle {width: 15px !important;height: 15px !important;margin-right: 4px;border-radius: 50px;}
#viz-4-cette .col ul li .value {font-size: 13px;}


#viz-5-indicator .col ul {display: flex;list-style: none;justify-content: center;align-content: center;height: 100%;margin-bottom: 15px;}
#viz-5-indicator .col ul li {display: flex;align-items: center;margin: 0 10px;}
#viz-5-indicator .col ul li .circle {width: 15px !important;height: 15px !important;margin-right: 4px;border-radius: 50px;}
#viz-5-indicator .col ul li .value {font-size: 13px;}


#viz-3-cibles table tr td:first-child { display: none !important;}
#viz-5-indicator .dfa-viz-bootstrap ul.dfa-legends, #viz-6-indicator .dfa-viz-bootstrap ul.dfa-legends { display: none;}
#viz-5-indicator .panelBx .panelBody.pieChart.lagends { margin-top: 15px !important; }

.dfa-viz-bootstrap .dfa-card-header .dfa-acrdn-progress-perc .single-chart svg { width: 80% !important;}
.dfa-viz-bootstrap .dfa-card-header .dfa-acrdn-progress-perc .single-chart { margin-left: 10px !important;}

#viz-1-performance .dfa-chart-subhead{display: none !important;}
#viz-6-indicator .dfa-viz-bootstrap ul.dfa-legends{display: none !important;}


#viz-1-performance .dfa-viz-bootstrap .dfa-text-center {  text-align: center !important;   margin-top: -60px !important;  margin-bottom: -60px !important;}
#viz-1-performance .dfa-viz-bootstrap .dfa-chart-head{display: none;}
 #viz-6-indicator .panelBx .panelBody.pieChart.lagends {   margin-top: 0px !important; }
#viz-6-indicator .panelBx{margin-top: 0 !important;    box-shadow:0px 6px 5px rgb(34 36 38 / 15%) !important}
div#viz-6-indicator {  margin-top: -27px;}
div#viz-5-indicator div#id_afea0ba3-851a-40ba-b8ba-866d137284d1_footer_0 {   display: none;}#viz-1-performance .dfa-viz-bootstrap .dfa-text-center {  text-align: center !important;   margin-top: -60px !important;  margin-bottom: -60px !important;}
#viz-1-performance .dfa-viz-bootstrap .dfa-chart-head{display: none;}
 #viz-6-indicator .panelBx .panelBody.pieChart.lagends {   margin-top: 0px !important; }
#viz-6-indicator .panelBx{margin-top: 0 !important;    box-shadow:0px 6px 5px rgb(34 36 38 / 15%) !important}
div#viz-6-indicator {  margin-top: -27px;}
div#viz-5-indicator div#id_afea0ba3-851a-40ba-b8ba-866d137284d1_footer_0 {   display: none;}

.banner-content{width: max-content;}
#viz-1-performance .dfa-viz-bootstrap .dfa-text-left {
  z-index: 9999;
  position: relative;
}
.customRow .wheelBx .svgPart svg {  height: 540px !important;}
.sdgDetail svg { height: 450px !important; }

.innerSlider span { font-size: 70px;}

div#block-tweet-content .panelBx { padding: 35px 25px !important;}

.middleSection .panelBx.noBg.mt-10.aos-init.aos-animate { box-shadow: none !important;padding: 15px !important;margin-bottom: 30px !important;}


.middleSection h1.text-center.text-danger.noBorder.m-0.p-0.pt-20.fs-2.aos-init.aos-animate { background: transparent;}

section.banner-main .banner-content p { text-align: center; color: #fff; font-size: 20px;margin-top: -30px; margin-bottom: 0;}
.dfa-viz-bootstrap .dfa-card-body table {  margin: 0 auto; width: 100% !important;}



@media screen and (max-width: 1440px) {
  .sdgDetail .customRow div[class^="col-"]:first-child {width: 40%;}
  .sdgDetail .customRow div[class^="col-"]:last-child {width: 60%;}
  
  }
  
  @media screen and (max-width: 1199px) {
  .innerSlider{height: auto;}
  }
  
  @media screen and (max-width: 991px) {
  .innerSlider span {font-size: 36px;}
  .sdgDetail .customRow div[class^="col-"]:last-child {margin-bottom: 30px;}
  .db-container div[class^="col-"]:last-child {padding-left: 11px;width: 100%;}
  .db-container div[class^="col-"]:first-child {padding-right: 11;width: 100%;margin-bottom: 20px;}
  .columnDb img{height: auto;}
  .panelBx .panelBody.pieChart.lagends{overflow-x: auto;}
  #viz-4-cette .col ul li .value {font-size: 11px;}
  }
  
  @media screen and (max-width: 767px) {
  .sdgDetail .customRow div[class^="col-"]:first-child { width: 63%; display: block; margin: 0 auto;}
  .innerSlider span {font-size: 31px;}
  .libraryPage .panelBx div[class^="col-"]:last-child img, .path-user-administration .panelBx div[class^="col-"]:last-child img{margin-top: 20px;}
  .statisticalPage .panelBx h5 {font-size: 14px;float: left;}
  .dfa-viz-bootstrap .dfa-download-section{display: contents;font-size: 9.5px;}
  #viz-3-cibles .col ul li .value {font-size: 8px;}
  #viz-3-cibles .col ul li .circle{width: 10px !important;height: 10px !important;}
  #viz-3-cibles .col ul li{margin: 0 5px;}
  .dfa-viz-bootstrap .dfa-date-label{font-size: 9.5px;}
  }
  
  @media screen and (max-width: 533px) {
  .addtoany_list {display: flex;line-height: 16px;justify-content: center;align-items: baseline;}
  }
  
  @media screen and (max-width: 480px) {
  .innerSlider span {font-size: 28px;}
  .panelBx .panelHeader .pull-left h1{font-size: 20px;}
  }
  
  
.ministerMsg{padding: 40px 30px 40px 0px !important;}

section.middleSection.grayBg.ministerMsg .rightBx h1{padding: 10px 0px !important;margin-bottom: 20px !important;}

.ministerMsg .rightBx {
  padding-left: 0 !important;
}

.ministerMsg .rightBx .scrollBx {
  max-height: 456px !important;
}


.mainSlider .carousel-item .carousel-caption {
  top: 3% !important;
}

.path-library .innerSlider .innerHeading {
  top: 70%;
}

.path-library .innerSlider img {
  object-fit: cover;
}

.mainSlider .carousel-item img {
  object-fit: cover;
}