/*Variables*/
/*Mixins*/
/*styleguide*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

*:focus {
  outline: 0 !important; }

a {
  text-decoration: none; }
  a:hover {
    color: inherit; }
  a:focus {
    text-decoration: none;
    color: inherit; }

body {
  font-family: "Open sans", sans-serif;
  font-size: 14px;
  color: #313131;
  /* 	font-weight:300; */
  line-height: 1.428;
  position: relative;
  min-height: 100vh;
  padding-bottom: 40px; }

.Btn {
  padding: 6px 12px;
  margin: 0px 5px 5px 0px;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  font-weight: 600;
  border: 1px solid transparent; }
  .Btn.Disabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65; }

.btnDefault {
  background: #fff;
  border-color: #ccc;
  color: rgba(0, 0, 0, 0.7); }
  .btnDefault:hover, .btnDefault:focus, .btnDefault.active {
    background: #e6e6e6;
    border-color: #adadad;
    color: #333;
    text-decoration: none; }

.btnPrimary {
  background: #03A9F4;
  border-color: #0595d6;
  color: #fff; }
  .btnPrimary:hover, .btnPrimary:focus, .btnPrimary.active {
    background: #0391d1;
    border-color: #0984bb;
    color: #fff;
    text-decoration: none; }

.btnSuccess {
  background: #23AE89;
  border-color: #1f9978;
  color: #fff; }
  .btnSuccess:hover, .btnSuccess:focus, .btnSuccess.active {
    background: #1a8468;
    border-color: #146650;
    color: #fff;
    text-decoration: none; }

.btnDanger {
  background: #E94B3B;
  border-color: #e63624;
  color: #fff; }
  .btnDanger:hover, .btnDanger:focus, .btnDanger.active {
    background: #d92a18;
    border-color: #b92415;
    color: #fff;
    text-decoration: none; }

.btnBlock {
  width: 100%;
  display: block; }

.fontSm12 {
  font-size: 12px; }

.fontSm13 {
  font-size: 12px; }

.Panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  .Panel .panelHeading {
    text-transform: uppercase;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px; }
  .Panel .panelBody {
    padding: 15px;
    width: 100%;
    display: inline-block; }

.panelDefault {
  border-color: #e9e9e9; }
  .panelDefault > .panelHeading {
    color: #767676;
    background-color: #f6f6f6;
    border-color: #e9e9e9;
    font-weight: bold; }

.formGroup {
  margin-bottom: 15px; }
  .formGroup label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold; }
  .formGroup .formControl {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #CBD5DD;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s;
    box-shadow: ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s;
    -ms-transition: border-color ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s;
    box-shadow: ease-in-out 0.15s;
    border-width: 1px;
    box-shadow: none; }
    .formGroup .formControl:focus {
      border-color: #1C7EBB;
      box-shadow: none; }

.formHorizontal {
  width: 100%;
  display: inline-block; }
  .formHorizontal .formGroup {
    margin-left: -15px;
    margin-right: -15px;
    width: 100%;
    display: inline-block; }
  .formHorizontal .controlLabel {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; }

.formInline {
  width: 100%;
  display: inline-block; }
  .formInline .formGroup {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .formInline .formControl {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .formInline label {
    margin-right: 10px; }
  .formInline .radio,
  .formInline .checkbox {
    display: inline-block;
    padding-right: 10px; }
  .formInline input.formControl {
    margin-right: 10px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }

.uiSelect {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  border: 1px solid #CBD5DD;
  background: #fff;
  border-radius: 2px; }
  .uiSelect > select {
    z-index: 98;
    display: block;
    position: relative;
    padding: 7px 15px 10px 10px;
    min-width: 200px;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 13px;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none; }
  .uiSelect:after {
    z-index: 0;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    color: #CBD5DD;
    width: 0;
    margin-top: -3px;
    height: 0;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    pointer-events: none; }
  .uiSelect.active {
    background: #008FD5;
    border: 1px solid rgba(0, 143, 213, 0.5); }
    .uiSelect.active select {
      color: #fff; }
      .uiSelect.active select option {
        color: #313131; }

/* //Header Area
.header_arrow{
  position:fixed; 
  right:20px; 
  top:25px; 
  z-index:100;
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);
  .toggleMenu{
    width: 30px; 
    height:20px; 
    position:relative; 
    cursor: pointer;
    span { 
      position:absolute; 
      top:10px; 
      right:0; 
      background:#fff; 
      width:100%; 
      height:3px;
    }
    &:before { 
      content:""; 
      position:absolute; 
      top:0; 
      right:0; 
      background:#fff; 
      width:100%; 
      height:3px;
    }
    &:after { 
      content:""; 
      position:absolute; 
      top:100%; 
      right:0; 
      background:#fff; 
      width:100%; 
      height:3px;}
    }
} */
.btn-group {
  width: 100%;
  margin-top: 5px; }

.list-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn.list-btn, .btn.drop-btn {
  width: 85%;
  border-radius: 3px;
  background: transparent;
  text-align: left;
  border: 1px solid #CBD5DD;
  min-height: 34px; }

.btn.drop-btn {
  color: #313131;
  width: auto; }

.dropdown-menu {
  width: 96%;
  color: rgba(0, 0, 0, 0.87) !important;
  background: #fff;
  padding: 0;
  margin: 0; }
  .dropdown-menu li a {
    padding: 8px 20px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .dropdown-menu li + li {
    border-top: 1px solid #ccc; }

.side-content-wrapper {
  padding: 0px 10px; }

.dashboardArea .nav-justified li {
  width: auto; }
.dashboardArea .nav-tabs {
  border-bottom: 1px solid #ddd;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
  margin-left: 1px;
  margin-right: -2px;
  margin-top: -2px;
  background: #fff; }
.dashboardArea .menu-tab-box .tabbed-bar {
  background: #fff;
  margin-left: -3px; }

.nav-tabs > li.active > a {
  color: rgba(0, 0, 0, 0.87);
  margin-left: -1px;
  cursor: pointer; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  color: #23527c;
  background-color: rgba(0, 0, 0, 0.05); }
.nav-tabs > li > a {
  color: #337ab7;
  border-radius: 0;
  font-weight: bold;
  position: relative; }
  .nav-tabs > li > a:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 4px;
    background: #0093ef;
    left: 0;
    top: -1px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .nav-tabs > li > a:hover:before {
    width: 100%;
    background: #8bccf5; }
.nav-tabs > li.active > a:before {
  width: 100%;
  background: #0093ef; }

#page-content-wrapper {
  background: #fff;
  border: 1px solid #ddd;
  margin-left: 4px;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); }
  #page-content-wrapper .content-wrapper .tab-content .dropdown-menu {
    width: 100%; }
  #page-content-wrapper .content-wrapper .form-control, #page-content-wrapper .content-wrapper .ScenarioTablePlc .scenarioPopupPlc .scenarioBody .form-group > .datePiker, .ScenarioTablePlc .scenarioPopupPlc .scenarioBody #page-content-wrapper .content-wrapper .form-group > .datePiker {
    height: 30px; }
  #page-content-wrapper .content-wrapper .uiSelect > select {
    padding: 3px 15px 5px 10px; }

#scnr_step_GEOGRAPHY .dropdown-menu {
  width: 90%; }

.big-fg-rd {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  background: #d9e8f1;
  border-radius: 20px;
  padding: 0px 10px; }
  .big-fg-rd label {
    display: inline-block;
    margin-right: 0px;
    cursor: pointer;
    overflow: hidden;
    padding: 0px;
    color: rgba(0, 0, 0, 0.87); }

.big-fg-rd input[type="radio"] {
  visibility: hidden;
  display: none; }

.big-fg-rd input[type="radio"] ~ span {
  padding: 7px 5px;
  display: inline-block; }

.big-fg-rd.btlnk-anl-tp input[type="radio"] ~ span {
  padding: 5px 5px;
  display: inline-block;
  font-size: 14px; }

.big-fg-rd input[type="radio"]:checked ~ span {
  color: #008FD5; }

.big-fg-rd input[type="radio"]:focus {
  box-shadow: none; }

.dfapi_ul_open {
  background-position: 25% 50%; }

.dfapi_item:hover {
  color: #0b80ca; }

.bottleneck-content-wrapper {
  font-size: 12px; }

.title-bar {
  background: #d0d0d0;
  /*#eee;*/
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 13px; }
  .title-bar .title {
    padding: 10px 6px;
    display: inline-block;
    font-weight: 600;
    max-width: 75%; }
  .title-bar .view-by {
    float: right;
    padding: 4px; }
    .title-bar .view-by span {
      padding: 5px;
      vertical-align: top;
      display: inline-block;
      font-weight: bold; }
    .title-bar .view-by ul {
      padding-left: 0px;
      display: inline-block; }
    .title-bar .view-by li {
      display: inline-block;
      margin-left: 0px; }
    .title-bar .view-by .nav-pills li {
      background: #008FD5; }
      .title-bar .view-by .nav-pills li a {
        font-size: 12px;
        padding: 5px;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 0;
        cursor: pointer; }
        .title-bar .view-by .nav-pills li a:hover {
          background: #032941; }
    .title-bar .view-by .nav-pills .active a {
      background: #032941; }

.sub-menu-tab-box {
  width: 100%;
  float: left;
  margin: 10px; }
  .sub-menu-tab-box .nav-pills {
    float: right;
    margin-right: 25px; }
    .sub-menu-tab-box .nav-pills li a {
      padding: 6px 12px;
      border: none;
      border-radius: 4px;
      background: #008FD5;
      color: #fff; }
      .sub-menu-tab-box .nav-pills li a:hover {
        background: #032941;
        color: #fff; }
    .sub-menu-tab-box .nav-pills li + li {
      margin-left: 5px; }
    .sub-menu-tab-box .nav-pills .active a {
      background: #032941; }
      .sub-menu-tab-box .nav-pills .active a:focus {
        background: #032941; }

.smButton {
  cursor: pointer;
  display: inline-block;
  margin: 3px 1px;
  padding: 2px 7px;
  background: #f2f2f2;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
  border: 0 solid transparent;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
  border-radius: 2px; }

.popupbox {
  display: none;
  float: left;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  -webkit-box-shadow: 0px 0px 20px #000;
  -moz-box-shadow: 0px 0px 20px #000;
  box-shadow: 0px 0px 20px #000;
  background: #fff;
  padding: 15px;
  border-radius: 5px; }
  .popupbox h2 {
    text-align: center;
    font-weight: 600;
    margin: 10px 0 25px 0;
    font-size: 24px;
    color: #4a4a4a;
    float: left;
    width: 100%; }
  .popupbox .scnro-group {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    text-align: center; }
  .popupbox .scnro-group-plc {
    float: left;
    width: 50%;
    display: inline-block; }
    .popupbox .scnro-group-plc.scr-tbl-ld {
      border-left: 1px solid #ccc;
      padding-left: 20px;
      display: inline-block; }
    .popupbox .scnro-group-plc label .hlp_p_txt {
      float: right;
      margin-bottom: 0px; }
  .popupbox .close {
    border: 2px solid transparent;
    border-radius: 100px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 5px;
    right: 5px;
    transition: all 0.3s ease-out 0s;
    width: 40px;
    height: 40px;
    line-height: 37px;
    font-size: 30px; }
    .popupbox .close:hover {
      border: 2px solid #ccc;
      transform: scale(0.8); }
    .popupbox .close a {
      color: inherit; }
      .popupbox .close a:hover {
        color: inherit;
        text-decoration: none; }

#accordion {
  width: 100%;
  display: inline-block;
  margin-top: 20px; }
  #accordion .accordionSet {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    position: relative; }
    #accordion .accordionSet .accordHeading {
      width: 100%;
      display: inline-block;
      padding: 0px 10px;
      background: #03a9f4;
      color: #fff; }
      #accordion .accordionSet .accordHeading a, #accordion .accordionSet .accordHeading h4 {
        display: inline-block;
        color: #fff;
        font-weight: 600;
        font-size: 18px; }
        #accordion .accordionSet .accordHeading a:hover, #accordion .accordionSet .accordHeading a:focus, #accordion .accordionSet .accordHeading h4:hover, #accordion .accordionSet .accordHeading h4:focus {
          text-decoration: none; }
      #accordion .accordionSet .accordHeading .iconSet {
        display: none;
        float: right;
        padding: 10px 0px;
        position: absolute;
        z-index: 98;
        right: 25px;
        top: 6px; }
        #accordion .accordionSet .accordHeading .iconSet .fa {
          margin: 0px 5px; }
        #accordion .accordionSet .accordHeading .iconSet .glyphicon {
          font-size: 17px;
          font-weight: 600;
          margin: 0px 5px;
          cursor: pointer; }
        #accordion .accordionSet .accordHeading .iconSet .customIcon {
          width: 20px;
          height: 16px;
          display: inline-block;
          cursor: pointer;
          background-image: url("../img/filterIcon.png");
          background-position: 0 0;
          background-repeat: no-repeat; }
          #accordion .accordionSet .accordHeading .iconSet .customIcon.filterReset {
            background-position: 0px 2px !important; }
            #accordion .accordionSet .accordHeading .iconSetData {
              display: none;
              float: right;
              padding: 10px 0px;
              position: absolute;
              z-index: 98;
              right: 25px;
              top: 6px; }
              #accordion .accordionSet .accordHeading .iconSetData .fa {
                margin: 0px 5px; }
              #accordion .accordionSet .accordHeading .iconSetData .glyphicon {
                font-size: 17px;
                font-weight: 600;
                margin: 0px 5px;
                cursor: pointer; }
              #accordion .accordionSet .accordHeading .iconSetData .customIcon {
                width: 20px;
                height: 16px;
                display: inline-block;
                cursor: pointer;
                background-image: url("../img/filterIcon.png");
                background-position: 0 0;
                background-repeat: no-repeat; }
                #accordion .accordionSet .accordHeading .iconSetData .customIcon.filterReset {
                  background-position: 0px 2px !important; }
    #accordion .accordionSet .accordContent {
      width: 100%;
      float: left;
      position: relative; }
      #accordion .accordionSet .accordContent .wj-cell:not(.wj-header):not(.wj-group):not(.wj-alt):not(.wj-state-selected):not(.wj-state-multi-selected), #accordion .accordionSet .accordContent .wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
        padding-left: 10px; }
      #accordion .accordionSet .accordContent a {
        cursor: pointer; }

.editPane {
  background: #fff;
  border: 1px solid #ccc;
  width: 70%;
  height: 70%;
  position: fixed;
  top: 165px;
  right: -100%;
  overflow-y: auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .editPane.showPane {
    right: 20px; }
  .editPane .paneHead {
    padding: 5px 10px;
    width: 100%;
    display: inline-block; }
    .editPane .paneHead h3 {
      font-weight: bold;
      padding: 10px 0px; }
  .editPane .paneBody {
    padding: 10px;
    border-top: 1px solid #ccc;
    width: 100%;
    display: inline-block; }

.dialog {
  background: #fff !important;
  left: inherit;
  right: 0;
  border: 1px solid #ccc;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

.wj-listbox.wj-content.wj-dropdown-panel {
  max-height: 200px !important; }

.btnFlash {
  background-color: #03A9F4;
  color: #fff;
  border-color: #0595d6;
  animation-name: flash;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: flash;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: flash;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite; }

.btnFlash:hover, .btnFlash:focus, .btnFlash.active {
  color: #fff; }

@keyframes flash {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1.0; } }
@-webkit-keyframes flash {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1.0; } }
@-moz-keyframes flash {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1.0; } }
@media only screen and (max-width: 1366px) {
  .countryDropPlc {
    width: 25%;
    float: left; }

  .equist-dropdown .init {
    width: 15%; } }
@media only screen and (max-width: 1280px) {
  .targetPopulationMultiSelect .checkboxSelect .selectData .barBox {
    width: 44% !important; } }
.main-header {
  background: #008fd5;
  position: relative;
  padding: 0;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
  float: left; }
  .main-header .logo {
    display: inline-block;
    margin: 14px 0 0 8px;
    float: left;
    width: 93px; }
  .main-header .main-title {
    display: inline-block; }
  .main-header .eq-title {
    font-size: 40px;
    margin: 15px 0px 0 0;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    float: left;
    line-height: 28px;
    text-align: left; }
    .main-header .eq-title a {
      display: block;
      color: #fff; }
      .main-header .eq-title a:hover, .main-header .eq-title a:focus {
        color: #fff;
        text-decoration: none; }
    .main-header .eq-title span {
      font-weight: 400;
      font-size: 12px;
      display: block;
      letter-spacing: 0.5px; }
  .main-header .btnPrimary {
    border-color: #fff;
    border-radius: 0; }
    .main-header .btnPrimary:hover, .main-header .btnPrimary:focus {
      text-decoration: none;
      color: #fff; }
  .main-header .btnPrimary.active:hover, .main-header .btnPrimary.active:focus {
    border-color: #fff;
    color: #fff;
    text-decoration: none;
    border-radius: 0; }
  .main-header .header-right {
    float: right; }
    .main-header .header-right .main-menu {
      float: right;
      padding: 15px 0px 20px; }
      .main-header .header-right .main-menu ul li {
        float: left; }
        .main-header .header-right .main-menu ul li:first-child {
          margin-right: 10px; }
        .main-header .header-right .main-menu ul li a {
          font-weight: 600;
          color: #fff; }
        .main-header .header-right .main-menu ul li:first-child {
          border-left: none; }
      .main-header .header-right .main-menu .lang-select {
        text-align: center;
        position: relative; }
        .main-header .header-right .main-menu .lang-select ul {
          float: left;
          display: block;
          margin: 0 0 0; }
        .main-header .header-right .main-menu .lang-select:hover ul {
          display: block; }
        .main-header .header-right .main-menu .lang-select > ul {
          display: none;
          position: absolute;
          background: #fff;
          z-index: 9999;
          right: 5px;
          padding-left: 0px;
          width: 43px;
          top: 25px;
          border: 1px solid #51b2ef;
          border-top: none;
          border-bottom: none; }
          .main-header .header-right .main-menu .lang-select > ul:after {
            content: '';
            position: absolute;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #fff transparent;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%); }
          .main-header .header-right .main-menu .lang-select > ul > li {
            padding: 0 !important;
            width: 100%;
            float: left !important;
            border-bottom: 1px solid #51b2ef !important;
            text-align: center; }
            .main-header .header-right .main-menu .lang-select > ul > li > a {
              padding: 5px 10px;
              color: #032941 !important;
              font-weight: normal;
              padding: 0; }
    .main-header .header-right .home-menu {
      width: 100%;
      display: inline-block; }
      .main-header .header-right .home-menu ul {
        float: right; }
        .main-header .header-right .home-menu ul li {
          border-right: 2px solid #fff;
          float: left;
          margin-right: 0; }
          .main-header .header-right .home-menu ul li:last-child {
            border: none;
            padding: 0 0 0 8px; }
          .main-header .header-right .home-menu ul li:nth-child(2) {
            padding: 0 0 0 8px; }
          .main-header .header-right .home-menu ul li a {
            color: #fff;
            padding: 0 8px 0 0; }
    .main-header .header-right .login_btn.main-menu {
      margin-right: 5px; }
  .main-header .rightHeader {
    float: right; }
    .main-header .rightHeader .navbar-nav li {
      cursor: pointer; }
      .main-header .rightHeader .navbar-nav li a {
        color: #fff;
        padding-top: 26px;
        padding-bottom: 26px;
        font-weight: 600; }
        .main-header .rightHeader .navbar-nav li a .fa {
          font-size: 18px;
          margin-right: 5px; }
        .main-header .rightHeader .navbar-nav li a:hover, .main-header .rightHeader .navbar-nav li a:focus {
          background-color: #007ab5; }
  .main-header.main-header-home .header-right {
    margin-right: 55px;
    border-right: 1px solid #59befd; }
    .main-header.main-header-home .header-right .main-menu ul li {
      border: none; }
      .main-header.main-header-home .header-right .main-menu ul li:first-child {
        border-left: none; }

.main-header-home {
  position: fixed; }

.header_arrow {
  position: fixed;
  right: 8px;
  top: -2px;
  padding: 29px 15px;
  z-index: 100;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }
  .header_arrow .toggleMenu {
    /* width: 24px; 
    height:15px;  */
    position: relative;
    cursor: pointer;
    left: 3px;
    /*     span { 
          position:absolute; 
          top:7px; 
          right:0; 
          background:#fff; 
          width:100%; 
          height:3px;
        }
        &:before { 
          content:""; 
          position:absolute; 
          top:0; 
          right:0; 
          background:#fff; 
          width:100%; 
          height:3px;
        }
        &:after { 
          content:""; 
          position:absolute; 
          top:100%; 
          right:0; 
          background:#fff; 
          width:100%; 
          height:3px;} */ }
    .header_arrow .toggleMenu .fa {
      color: #fff;
      font-size: 23px; }

.navHeader .header-mid {
  width: auto;
  text-align: center;
  display: inline-block; }
  .navHeader .header-mid .countryDropdwn {
    width: auto;
    float: left;
    padding: 10px 0;
    margin-top: 7px; }
    .navHeader .header-mid .countryDropdwn .countryDropPlc {
      width: auto;
      float: left; }
      .navHeader .header-mid .countryDropdwn .countryDropPlc .dashboardCountryDD {
        margin: 0;
        float: left; }
        .navHeader .header-mid .countryDropdwn .countryDropPlc .dashboardCountryDD > .select2-container {
          padding-left: 2px;
          position: absolute;
          width: auto !important;
          max-width: 35%;
          margin-top: 2px; }
      .navHeader .header-mid .countryDropdwn .countryDropPlc .select2-selection {
        font-weight: bold; }
    .navHeader .header-mid .countryDropdwn .select2-container--default .select2-selection--single .select2-selection__arrow b {
      position: relative;
      content: "";
      display: inline-block;
      width: 9px;
      margin-top: 0.6rem;
      height: 9px;
      border-right: 0.15rem solid #fff;
      border-top: 0.15rem solid #fff;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      transform: rotate(135deg); }
    .navHeader .header-mid .countryDropdwn.select2-container--open .select2-selection--single .select2-selection__arrow b {
      transform: rotate(-45deg); }
  .navHeader .header-mid .toolsDropdwn {
    float: right;
    color: #fff;
    font-size: 15px;
    z-index: 10;
    position: relative;
    cursor: pointer;
    padding: 34px 0 22px; }
    .navHeader .header-mid .toolsDropdwn .toolText {
      background-image: url("../img/toolDD.png");
      background-position: 0 0;
      background-repeat: no-repeat;
      background-position: 0 2px;
      text-align: right;
      margin-bottom: 9px;
      padding-left: 30px; }
      .navHeader .header-mid .toolsDropdwn .toolText a {
        color: #fff;
        font-size: 15px; }
      .navHeader .header-mid .toolsDropdwn .toolText:hover {
        color: #f2f2f2; }
    .navHeader .header-mid .toolsDropdwn .toolMenu {
      display: none;
      position: absolute;
      font-size: 14px;
      color: #000;
      background: #fff;
      border: 1px solid #c4c4c4;
      width: 260px;
      text-align: left;
      top: 100%;
      margin-top: 4px; }
      .navHeader .header-mid .toolsDropdwn .toolMenu li {
        line-height: 24px;
        border-bottom: 1px solid #c4c4c4;
        padding: 3%; }
        .navHeader .header-mid .toolsDropdwn .toolMenu li a:hover {
          color: #0091f1; }
      .navHeader .header-mid .toolsDropdwn .toolMenu.show {
        display: block; }

.leftSidebar {
  background: #343746;
  color: #fff;
  z-index: 1000;
  position: absolute;
  left: 240px;
  width: 270px;
  margin-left: -265px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  height: calc(100vh - 160px);
  border: 1px solid #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .leftSidebar input[type="radio"] {
    display: none; }
  .leftSidebar .spriteSheet {
    background-image: url("../img/spriteSheet.png");
    background-position: 0 0;
    background-repeat: no-repeat; }
    .leftSidebar .spriteSheet.iconProfile {
      background-position: 6px -2px !important; }
    .leftSidebar .spriteSheet.iconFrntrs {
      background-position: 0px -31px !important; }
    .leftSidebar .spriteSheet.iconScenario {
      background-position: 0px -58px !important; }
    .leftSidebar .spriteSheet.iconScenarioAnalysis {
      background-position: 2px -114px !important; }
  .leftSidebar input[type="checkbox"] {
    width: 16px;
    height: 16px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #1a7bbb;
    border: 1px solid #fff;
    text-align: center;
    margin-top: -3px;
    margin-right: 5px; }
  .leftSidebar input[type="checkbox"]:checked {
    background-color: #07609a; }
  .leftSidebar input[type="checkbox"]:checked:after {
    content: '';
    display: block;
    width: 6px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    text-align: center;
    line-height: 15px;
    position: absolute;
    left: 4px;
    top: 1px; }
  .leftSidebar .dataSet {
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin: 0;
    border: none;
    color: #fff;
    margin-bottom: 5px; }
    .leftSidebar .dataSet .side-panel .btn.drop-btn {
      background: #008FD5;
      padding: 7px 15px 7px 10px;
      color: #fff; }
      .leftSidebar .dataSet .side-panel .btn.drop-btn.uiSelect:after {
        z-index: 99;
        color: #fff; }
    .leftSidebar .dataSet .dropdown-menu {
      background: #008FD5;
      top: 95%; }
      .leftSidebar .dataSet .dropdown-menu li {
        padding: 8px 10px;
        color: #fff; }
  .leftSidebar .pfTabBox {
    width: 100%;
    display: inline-block; }
    .leftSidebar .pfTabBox .nav-tabs {
      border-bottom: transparent; }
      .leftSidebar .pfTabBox .nav-tabs > li {
        width: 50%;
        float: left;
        background: #464b63;
        text-align: center;
        font-size: 16px; }
        .leftSidebar .pfTabBox .nav-tabs > li.active > a {
          cursor: pointer;
          color: #fff;
          background-color: transparent;
          border: 1px solid transparent; }
        .leftSidebar .pfTabBox .nav-tabs > li > a:hover, .leftSidebar .pfTabBox .nav-tabs > li > a:focus {
          color: #fff;
          background-color: transparent;
          border: 1px solid transparent; }
        .leftSidebar .pfTabBox .nav-tabs > li > a {
          color: #fff;
          padding: 6px 0px 5px 25px;
          font-weight: normal; }
          .leftSidebar .pfTabBox .nav-tabs > li > a:before {
            top: 100%;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            transition: all 0.5s ease; }
          .leftSidebar .pfTabBox .nav-tabs > li > a:hover:before {
            display: none; }
        .leftSidebar .pfTabBox .nav-tabs > li.active {
          border-bottom: 1px solid #ddd; }
          .leftSidebar .pfTabBox .nav-tabs > li.active > a:before {
            display: none; }
    .leftSidebar .pfTabBox .tab-content {
      font-size: 12px; }
  .leftSidebar .leftAccordContainer, .leftSidebar .leftAccordContainer .leftAccordSet, .leftSidebar .leftAccordContainer .leftAccordSet .leftAccordHead, .leftSidebar .leftAccordContainer .leftAccordSet .leftAccordCont {
    width: 100%;
    display: inline-block; }
    .leftSidebar .leftAccordContainer .leftAccordSet, .leftSidebar .leftAccordContainer .leftAccordSet .leftAccordHead .leftAccordSet, .leftSidebar .leftAccordContainer .leftAccordSet .leftAccordCont .leftAccordSet {
      margin-bottom: 15px; }
      .leftSidebar .leftAccordContainer .leftAccordSet .leftAccordHead {
        padding: 0px; }
        .leftSidebar .leftAccordContainer .leftAccordSet .leftAccordHead a {
          display: block;
          padding: 6px 12px 6px 40px;
          background-color: #464b63;
          font-size: 18px;
          color: #fff; }
        .leftSidebar .leftAccordContainer .leftAccordSet .leftAccordHead .btn {
          padding: 3px 8px;
          border-radius: 2px; }
      .leftSidebar .leftAccordContainer .leftAccordSet .leftAccordCont {
        padding: 10px;
        color: #fff;
        font-size: 12px; }
  .leftSidebar #profUnitPrnt li + li {
    margin-top: 10px; }
  .leftSidebar .verticalTab ul {
    margin: 0;
    padding: 0; }
  .leftSidebar .verticalTab li {
    display: inline-block;
    width: 100%;
    margin: 15px 0px; }
  .leftSidebar .verticalTab a {
    display: block;
    padding: 6px 12px;
    background: #464b63;
    font-size: 18px;
    color: #fff; }
  .leftSidebar .btn-group .downArrow:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #464b63;
    font-size: 17px;
    z-index: 99; }
  .leftSidebar .dropdown-menu {
    width: 100%;
    border-radius: 0;
    background: #d9e8f2;
    border: none;
    border-top: 1px solid #c1cfd9;
    font-size: 13px; }
    .leftSidebar .dropdown-menu li + li {
      border-top: none; }
    .leftSidebar .dropdown-menu li a {
      padding: 4px 0px;
      font-size: 12px;
      background: #d8e8f1; }
      .leftSidebar .dropdown-menu li a:hover {
        background: inherit;
        color: #008FD5; }
  .leftSidebar .side-panel > li {
    margin-bottom: 15px; }
  .leftSidebar .side-panel > li:last-child {
    margin-bottom: 0px; }
  .leftSidebar .side-panel label {
    color: #fff;
    font-weight: normal; }
  .leftSidebar .side-panel .input-list {
    padding: 0px; }
  .leftSidebar .side-panel li .btn.list-btn, .leftSidebar .side-panel li .btn.drop-btn {
    overflow: hidden;
    text-overflow: ellipsis; }
  .leftSidebar .side-panel li .input-list input {
    display: inline-block; }
  .leftSidebar .side-panel li .input-list label {
    font-weight: normal;
    padding: 0px 5px;
    border: none; }
  .leftSidebar .side-panel li .input-list li span {
    padding-left: 8px; }
  .leftSidebar .side-panel .btn.list-btn, .leftSidebar .side-panel .btn.drop-btn {
    background: #d8e8f1;
    border: none;
    border-radius: 0px;
    width: 100%;
    color: #000; }
  .leftSidebar .side-panel .Btn {
    padding: 5px 10px;
    margin-right: 0px; }
  .leftSidebar .side-panel .indica-area .dropdown > div {
    width: 100%;
    display: inline-block;
    background: #d8e8f1;
    border-radius: 0; }
  .leftSidebar .stepped-list {
    display: none;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
    border: 1px solid rgba(34, 36, 38, 0.15);
    counter-reset: counterNumber; }
    .leftSidebar .stepped-list.bg-grey {
      opacity: inherit; }
    .leftSidebar .stepped-list li {
      background: #d8e8f1;
      border: none;
      border-radius: 0px;
      width: 100%;
      color: #000;
      font-size: 13px;
      padding: 6px 6px 6px 30px;
      cursor: pointer;
      margin-bottom: 10px;
      position: relative; }
      .leftSidebar .stepped-list li .fa {
        font-size: 15px; }
      .leftSidebar .stepped-list li:hover {
        color: #008FD5; }
      .leftSidebar .stepped-list li:before {
        content: counter(counterNumber);
        counter-increment: counterNumber;
        position: absolute;
        left: 5px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        background: #888c8e;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        font-size: 11px; }
      .leftSidebar .stepped-list li.active {
        color: #008FD5;
        font-weight: bold; }
        .leftSidebar .stepped-list li.active:before {
          background: #008FD5; }
      .leftSidebar .stepped-list li.visited {
        position: relative;
        background: #cae4f3; }
        .leftSidebar .stepped-list li.visited:after {
          content: "";
          position: absolute;
          right: 10px;
          display: block;
          width: 6px;
          height: 10px;
          border: solid #888c8e;
          border-width: 0 2px 2px 0;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          top: 9px; }
  .leftSidebar .toggle-menu {
    display: inline-block;
    width: 100%;
    margin-bottom: 3px; }
    .leftSidebar .toggle-menu .toggleMenubar {
      width: 24px;
      height: 20px;
      display: inline-block;
      position: relative;
      margin: 4px 8px 7px;
      cursor: pointer; }
      .leftSidebar .toggle-menu .toggleMenubar span {
        width: 100%;
        height: 3px;
        background: #fff;
        display: inline-block;
        border-radius: 2px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .leftSidebar .toggle-menu .toggleMenubar:before {
        position: absolute;
        content: '';
        height: 3px;
        width: 100%;
        top: 3px;
        left: 0;
        background: #fff;
        border-radius: 2px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .leftSidebar .toggle-menu .toggleMenubar:after {
        position: absolute;
        content: '';
        height: 3px;
        width: 100%;
        top: 100%;
        left: 0;
        background: #fff;
        border-radius: 2px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .leftSidebar .toggle-menu .toggleMenubar:hover span {
        opacity: 0; }
      .leftSidebar .toggle-menu .toggleMenubar:hover:before {
        transform: rotate(-45deg) translate(-6px, 6px);
        -webkit-transform: rotate(-45deg) translate(-6px, 6px); }
      .leftSidebar .toggle-menu .toggleMenubar:hover:after {
        transform: rotate(45deg) translate(-6px, -6px);
        -webkit-transform: rotate(45deg) translate(-6px, -6px); }
      .leftSidebar .toggle-menu .toggleMenubar.toggleClose:hover span {
        opacity: 0; }
      .leftSidebar .toggle-menu .toggleMenubar.toggleClose:hover:before {
        transform: rotate(45deg) translate(2px, -1px);
        -webkit-transform: rotate(45deg) translate(2px, -1px);
        width: 80%; }
      .leftSidebar .toggle-menu .toggleMenubar.toggleClose:hover:after {
        transform: rotate(-45deg) translate(5px, -1px);
        -webkit-transform: rotate(-45deg) translate(5px, -1px);
        width: 80%; }

.addNewScenario {
  width: 70%;
  display: inline-block;
  margin: 10px 15px; }
  .addNewScenario h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px; }
  .addNewScenario .scenarioForm {
    display: inline-block; }
    .addNewScenario .scenarioForm .scenarioName, .addNewScenario .scenarioForm .dropDown {
      font-size: 16px;
      padding: 8px 12px;
      background: #efefef;
      outline: none;
      border: none;
      margin-right: 10px;
      border-radius: 5px; }
    .addNewScenario .scenarioForm .dropDown {
      height: 37px; }

.ScenarioTablePlc {
  width: 100%;
  float: left;
  position: relative; }
  .ScenarioTablePlc .sceTitle {
    margin-bottom: 10px; }
  .ScenarioTablePlc .table {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
    margin-bottom: 0; }
  .ScenarioTablePlc .scenarioPopupPlc {
    width: 60%;
    padding: 10px;
    background: #fff;
    height: auto;
    position: fixed;
    z-index: 999;
    top: 20%;
    right: -100%;
    border: 1px solid #ddd;
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease; }
    .ScenarioTablePlc .scenarioPopupPlc.showPopup {
      right: 32px; }
    .ScenarioTablePlc .scenarioPopupPlc .sceTitle {
      font-weight: bold;
      margin-bottom: 10px; }
    .ScenarioTablePlc .scenarioPopupPlc .scenarioHeader {
      border-bottom: 1px solid #ddd;
      padding: 0px 15px 15px 15px; }
      .ScenarioTablePlc .scenarioPopupPlc .scenarioHeader > span:first-child {
        font-size: 18px;
        font-weight: bold; }
    .ScenarioTablePlc .scenarioPopupPlc .scenarioBody {
      margin-top: 20px;
      max-height: 310px;
      overflow-y: auto; }
      .ScenarioTablePlc .scenarioPopupPlc .scenarioBody p {
        margin-bottom: 10px; }
      .ScenarioTablePlc .scenarioPopupPlc .scenarioBody .form-group > label {
        width: 20%; }
      .ScenarioTablePlc .scenarioPopupPlc .scenarioBody .form-group > .form-control, .ScenarioTablePlc .scenarioPopupPlc .scenarioBody .form-group > .datePiker {
        width: 60%;
        display: inline-block; }
      .ScenarioTablePlc .scenarioPopupPlc .scenarioBody .form-group:last-child {
        margin-bottom: 0; }
    .ScenarioTablePlc .scenarioPopupPlc .scenarioFooter {
      text-align: center;
      margin-top: 10px;
      padding-top: 10px; }
    .ScenarioTablePlc .scenarioPopupPlc .scenarioTabConent {
      padding: 15px;
      height: 300px;
      overflow: auto; }
    .ScenarioTablePlc .scenarioPopupPlc .close {
      font-size: 26px; }
    .ScenarioTablePlc .scenarioPopupPlc.compairBox {
      width: 77.5%;
      height: 80.5vh;
      top: 85px; }
      .ScenarioTablePlc .scenarioPopupPlc.compairBox .scenarioTabConent {
        overflow: hidden;
        height: 100%;
        padding-bottom: 0px;
        padding-right: 0px; }
      .ScenarioTablePlc .scenarioPopupPlc.compairBox.showPopup {
        right: 15px;
        padding-bottom: 5px; }
  .ScenarioTablePlc table {
    box-shadow: 0px 1px 2px #ccc;
    width: 100%;
    border-collapse: collapse; }
    .ScenarioTablePlc table .checkbox {
      margin-top: 8px; }
      .ScenarioTablePlc table .checkbox a {
        color: #428bca;
        text-decoration: underline; }
    .ScenarioTablePlc table th {
      text-align: left;
      background: #008FD5;
      padding: 10px;
      color: #fff;
      border: none; }
    .ScenarioTablePlc table tr td {
      background: #f5f5f5;
      padding: 0px 10px;
      vertical-align: middle; }
  .ScenarioTablePlc .iconController {
    margin: 10px 0px; }
    .ScenarioTablePlc .iconController a {
      color: #000;
      margin: 0px 5px; }

.reviseIndicator {
  margin: 40px 0 0; }
  .reviseIndicator a {
    color: #008FD5; }
    .reviseIndicator a:hover {
      text-decoration: underline; }

.indica-area .dropdown .scenarioAnalysis {
  width: 40%;
  font-size: 16px;
  background: #efefef;
  outline: none;
  border: none;
  height: 36px;
  border-radius: 0;
  box-shadow: none;
  margin-left: 0; }
.indica-area .dropdown > div {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 5;
  width: 40%;
  background: #fff;
  border: 1px solid #CCC;
  border-radius: 2px;
  font-weight: normal;
  color: #fff;
  display: none;
  max-height: 280px;
  overflow: auto;
  z-index: 9999; }
.indica-area .dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #484848; }
  .indica-area .dropdown ul li {
    list-style: none;
    margin: 0;
    padding: 0px;
    font-size: 13px; }
    .indica-area .dropdown ul li + li {
      border-top: 1px solid #ccc; }
.indica-area .dropdown > ul > li {
  padding: 5px 10px; }
.indica-area .dropdown li.selected {
  display: none; }
.indica-area .dropdown.open {
  color: #484848; }
  .indica-area .dropdown.open ul {
    color: #484848; }
.indica-area .dropdwn-content div {
  display: block;
  font-size: 13px;
  margin-left: 0 !important;
  padding: 8px 10px;
  text-decoration: none; }
.indica-area .dropdwn-content:hover {
  color: #262626;
  background: #fff; }
.indica-area .dropdwn-content div.dfapi_item.selected {
  color: #0b5e92;
  background: rgba(0, 0, 0, 0.05);
  font-weight: bold; }
.indica-area .dropdwn-content ul li .dfapi_drop_icon {
  margin: 8px 4px; }
.indica-area .dfapi_list_view {
  font-family: inherit !important; }
  .indica-area .dfapi_list_view li ul li {
    padding-right: 0; }

.leftArea {
  display: inline-block; }
  .leftArea .mapDropdown {
    width: 95%; }

.mapSection {
  padding: 10px; }

.targetPopulationMultiSelect {
  display: inline-block;
  width: 100%;
  color: #fff;
  background: #008FD5;
  padding: 10px;
  min-height: 285px;
  max-height: calc(100vh - 360px);
  overflow-y: auto; }
  .targetPopulationMultiSelect .selectData {
    width: 100%;
    float: left;
    margin-bottom: 10px; }
    .targetPopulationMultiSelect .selectData input[type=checkbox] {
      margin-top: -1px;
      margin-right: 0px; }
    .targetPopulationMultiSelect .selectData label {
      width: 105px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .targetPopulationMultiSelect .priortizeDropdown {
    width: 100%; }
    .targetPopulationMultiSelect .priortizeDropdown .priortizeBy {
      width: 100%;
      background: #fff;
      height: 30px; }
      .targetPopulationMultiSelect .priortizeDropdown .priortizeBy .dropdown-menu {
        width: 100%; }
  .targetPopulationMultiSelect .checkboxSelect {
    margin-top: 10px;
    height: auto !important; }
    .targetPopulationMultiSelect .checkboxSelect .selectData .barBox {
      width: 50%;
      height: 10px;
      display: inline-block;
      background: #fff;
      margin-left: 10px;
      position: relative;
      top: 5px;
      float: right; }
    .targetPopulationMultiSelect .checkboxSelect .selectData .proBar {
      background: #07609a;
      height: 10px;
      position: absolute;
      left: 0; }
    .targetPopulationMultiSelect .checkboxSelect .selectData:first-child {
      border-bottom: 1px solid white;
      margin-bottom: 10px;
      padding-bottom: 5px; }
  .targetPopulationMultiSelect .populationTab {
    display: block; }
    .targetPopulationMultiSelect .populationTab .label-header-underline {
      float: left;
      margin: 0px 0px 15px 0px;
      display: inline-block;
      font-size: 15px;
      font-weight: 600; }
    .targetPopulationMultiSelect .populationTab .nav-tabs {
      background: none;
      border: none; }
      .targetPopulationMultiSelect .populationTab .nav-tabs li {
        margin-top: 10px;
        float: right; }
        .targetPopulationMultiSelect .populationTab .nav-tabs li a {
          border: none;
          color: #fff;
          padding: 5px 10px; }
        .targetPopulationMultiSelect .populationTab .nav-tabs li:hover {
          border: none;
          background: none; }
  .targetPopulationMultiSelect .monitoring {
    position: absolute;
    cursor: pointer;
    right: 100%;
    bottom: 0; }
    .targetPopulationMultiSelect .monitoring i {
      background: #032941;
      height: 30px;
      width: 30px;
      text-align: center;
      line-height: 30px;
      border-bottom: 3px solid #008FD5; }
  .targetPopulationMultiSelect .monitoringPopup {
    display: none;
    position: absolute;
    right: 100%;
    bottom: 0;
    background: #032941;
    width: 500px;
    height: 300px;
    border-bottom: 3px solid #008FD5;
    border-top: 3px solid #008FD5; }
    .targetPopulationMultiSelect .monitoringPopup i {
      right: 8px;
      font-size: 20px;
      position: absolute;
      bottom: 5px; }

.mapBar {
  float: right;
  position: relative;
  top: 8px;
  right: 15px;
  z-index: 99; }
  .mapBar .fa {
    font-size: 24px; }
  .mapBar .mapAttrPlc {
    width: 220px;
    height: auto;
    background: #fff;
    box-shadow: -2px 1px 10px #ccc;
    position: fixed;
    z-index: 9999;
    top: 108px;
    right: -300px;
    font-size: 12px;
    transition: right ease-in-out 0.5s; }
    .mapBar .mapAttrPlc.showMapAttr {
      right: 16px; }
    .mapBar .mapAttrPlc .fa {
      font-size: 12px;
      margin-right: 6px; }
    .mapBar .mapAttrPlc .mapSettingTitle {
      background: #032941;
      font-size: 14px;
      color: #fff;
      font-weight: 600;
      text-align: center;
      padding: 5px 10px; }
      .mapBar .mapAttrPlc .mapSettingTitle .closeRightPart {
        cursor: pointer;
        font-size: 19px;
        line-height: 19px; }
    .mapBar .mapAttrPlc h5 {
      padding: 5px 3px;
      margin-top: 5px;
      font-weight: 600; }
    .mapBar .mapAttrPlc ul {
      padding: 0px 10px 0px 30px; }
      .mapBar .mapAttrPlc ul li {
        padding: 0px 10px; }
        .mapBar .mapAttrPlc ul li.active {
          color: #36aefd; }
        .mapBar .mapAttrPlc ul li a:hover {
          color: #36aefd; }
        .mapBar .mapAttrPlc ul li .checkbox {
          padding-left: 0px;
          margin: 4px 0px;
          width: 100%;
          display: inline-block; }
          .mapBar .mapAttrPlc ul li .checkbox input[type=checkbox] {
            float: right;
            margin-top: 2px; }

/*Scenario Responsive*/
@media (max-width: 1280px) {
  .ScenarioTablePlc .scenarioPopupPlc.compairBox {
    height: 75.5vh; }

  .ScenarioTablePlc .scenarioPopupPlc.compairBox .vis-chart {
    height: 340px; } }
.customCheckbox {
  opacity: 0; }
  .customCheckbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-weight: normal;
    left: 0;
    float: left; }
  .customCheckbox + label:before {
    content: '';
    margin-right: 10px;
    margin-top: 1px;
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    background: #1a7bbb;
    border: 1px solid #fff; }
  .customCheckbox:hover + label:before {
    background: #07609a; }
  .customCheckbox:checked + label:before {
    background: #07609a; }
  .customCheckbox:disabled + label {
    color: #07609a;
    cursor: auto; }
  .customCheckbox:disabled + label:before {
    box-shadow: none;
    background: #ddd; }
  .customCheckbox:checked + label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 8px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg); }

.Checkbox {
  width: 20px;
  height: 20px;
  position: relative; }
  .Checkbox > * {
    position: absolute; }
  .Checkbox-visible {
    border: 1px solid gray;
    width: 16px;
    height: 16px;
    margin: 2px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 3px; }
  .Checkbox > input {
    z-index: 1;
    opacity: 0;
    left: 50%;
    top: 50%;
    transform: translatex(-50%) translatey(-50%);
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px; }
  .Checkbox > input:checked + .Checkbox-visible {
    background: #59cb59;
    border-color: #59cb59;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHZpZXdCb3g9JzAgMCAxNCAxNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48dGl0bGU+d2hpdGU8L3RpdGxlPjxwYXRoIGQ9J001LjM3OCAxMS4zN0wyIDcuNTlsMS40MzgtMS4yODZMNS4zNzQgOC40N2w1LjE4NS01Ljg0TDEyIDMuOTFsLTYuNjIyIDcuNDYnIGZpbGw9JyNmZmYnLz48L3N2Zz4=); }
  .Checkbox > input:hover + .Checkbox-visible {
    border-color: #cccccc; }
  .Checkbox > input:hover:checked + .Checkbox-visible {
    border-color: #0ca750; }
  .Checkbox > input:focus + .Checkbox-visible {
    border-color: #59cb59; }

span.customRadio {
  display: none; }

input[type="radio"] + span.customRadio {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: white;
  margin-right: 5px;
  border-radius: 50%;
  box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.8);
  pointer-events: none;
  vertical-align: top; }

input[type="radio"] + span.customRadio::after {
  content: '.';
  color: transparent;
  position: absolute;
  display: block;
  width: 2px;
  height: 2px;
  margin: 7px 0 0 7px;
  opacity: 0.6;
  border-radius: 50%;
  transition: .2s; }

input[type="radio"]:checked + span.customRadio::after {
  width: 10px;
  height: 10px;
  margin: 3px 0 0 3px;
  opacity: 1;
  background-color: #3388ff;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); }

.targetPopulationDetail, .targetPopulationDetail .scenarioDetailContainer, .epPrioritiesDetail, .epPrioritiesDetail .epPrioritiesContainer, .interventionDetail, .interventionDetail .interventionContainer, .bottleneckDetail, .causesDetail, .strategiesDetail, .impactCostDetail {
  width: 100%;
  float: left; }

.panelTable {
  padding: 0;
  /*  .triGradient{
      width: 25px; 
      height: 270px;
      margin:0 auto;
      position: relative;
     @include gradient-bg-3(#47be00, #f39c01, #b42606);
   } */
  /*    .transformText{
      transform:rotate(270deg) translateY(-50%);
     -webkit-transform: rotate(270deg) translateY(-50%);
     -moz-transform:rotate(270deg) translateY(-50%);
     -ms-transform:rotate(270deg) translateY(-50%);
     -o-transform:rotate(270deg) translateY(-50%);
     position:absolute;
     width: 308px;
     left:-105px;
     top:50%;
    } */
  /*    .traficBtn{
      margin:5px 0px;
      font-weight: 600;
      .low{
       color:#47be00;
      }
      .high{
       color:#b42606;
      }
     } */ }
  .panelTable .table-bordered {
    margin-left: 0px; }
  .panelTable a[data-toggle="tooltip"] {
    color: #0093ef;
    margin-right: 10px; }
  .panelTable .btn-default {
    padding: 1px 6px; }
  .panelTable .trafficLow {
    background-image: -o-linear-gradient(360deg, #47be00, #6bfc00);
    background-image: -moz-linear-gradient(360deg, #47be00, #6bfc00);
    background-image: -webkit-linear-gradient(360deg, #47be00, #6bfc00);
    background-image: linear-gradient(360deg, #47be00, #6bfc00);
    width: 22px;
    height: 22px;
    border-radius: 50px;
    display: block;
    margin: 0 auto;
    border: 1px solid #40a802; }
  .panelTable .trafficMedium {
    background-image: -o-linear-gradient(360deg, #f39c01, #fdf000);
    background-image: -moz-linear-gradient(360deg, #f39c01, #fdf000);
    background-image: -webkit-linear-gradient(360deg, #f39c01, #fdf000);
    background-image: linear-gradient(360deg, #f39c01, #fdf000);
    width: 22px;
    height: 22px;
    border-radius: 50px;
    display: block;
    margin: 0 auto;
    border: 1px solid #dd9903; }
  .panelTable .trafficHigh {
    background-image: -o-linear-gradient(360deg, #b42606, #e25738);
    background-image: -moz-linear-gradient(360deg, #b42606, #e25738);
    background-image: -webkit-linear-gradient(360deg, #b42606, #e25738);
    background-image: linear-gradient(360deg, #b42606, #e25738);
    width: 22px;
    height: 22px;
    border-radius: 50px;
    display: block;
    margin: 0 auto;
    border: 1px solid #a92305; }

.bottleneckModalBox p {
  margin-bottom: 10px; }
  .bottleneckModalBox p label {
    margin-right: 10px; }
.bottleneckModalBox table {
  margin-top: 15px;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15); }
  .bottleneckModalBox table input[type="checkbox"] {
    margin-right: 5px;
    margin-top: -3px; }
  .bottleneckModalBox table thead tr th {
    text-align: left; }

.progressWidth {
  width: 80%;
  display: inline-block; }

.progressValue {
  float: right;
  font-weight: 600;
  font-size: 12px;
  margin-top: 5px; }

.panel-title.panelBottleneck .triGradientBottleneck {
  width: 190px;
  height: 18px;
  display: inline-block;
  margin: 0px 5px;
  color: #fff;
  background-color: red;
  font-size: 11px;
  text-align: center;
  background-image: linear-gradient(to right, #47be00, #f39c01, #b42606); }

.panel-title.panelBottleneck .textInfo p {
  display: inline-block;
  font-size: 12px;
  font-weight: 600; }
  .panel-title.panelBottleneck .textInfo p.text-low {
    color: #47be00; }
  .panel-title.panelBottleneck .textInfo p.text-high {
    color: #b42606; }

.panelTable .panel-body .table-bordered > thead > tr > th:last-of-type,
.panelTable .panel-body .table-bordered > tbody > tr > td:last-of-type {
  border-right: 0px; }

.panelTable .table > tbody > tr > td {
  padding: 6px 8px;
  font-size: 13px; }

.panelTable .panel-body .table-bordered > thead > tr > th:first-of-type,
.panelTable .panel-body .table-bordered > tbody > tr > td:first-of-type {
  border-left: 0px; }

.panelTable .panel-body .table-bordered > tbody > tr:first-of-type > td {
  border-bottom: 0px; }

.panelTable .panel-body .table-bordered > thead > tr:first-of-type > th {
  border-top: 0px; }

.panelTable .table-bordered > thead > tr > th:nth-child(1),
.panelTable .table-bordered > thead > tr > th:nth-child(2) {
  text-align: left; }

.panelTable .table-bordered > tbody > tr > td:nth-child(3),
.panelTable .table-bordered > tbody > tr > td:nth-child(4),
.panelTable .table-bordered > tbody > tr > td:nth-child(5) {
  text-align: center; }

.csPanel {
  max-height: calc(100vh - 345px);
  overflow: auto;
  /*   .triGradient{
        width: 25px; 
        height: 208px;
        margin:0 auto;
        position: relative;
       @include gradient-bg-3(#47be00, #f39c01, #b42606);
     } */
  /*     .transformText{
       transform:rotate(270deg) translateY(-50%);
      -webkit-transform: rotate(270deg) translateY(-50%);
      -moz-transform:rotate(270deg) translateY(-50%);
      -ms-transform:rotate(270deg) translateY(-50%);
      -o-transform:rotate(270deg) translateY(-50%);
      position:absolute;
      width: 308px;
      left:-105px;
      top:50%;
     } */
  /*   .traficBtn{
     margin:5px 0px;
     font-weight: 600;
     .low{
      color:#47be00;
      }
      .high{
      color:#b42606;
     }
    } */ }
  .csPanel .accordionGroup {
    width: 100%;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    margin-bottom: 2px; }
    .csPanel .accordionGroup.lowActive {
      border-color: #4dc800; }
    .csPanel .accordionGroup.mediumActive {
      border-color: #f4a101; }
    .csPanel .accordionGroup.highActive {
      border-color: #be3111; }
  .csPanel .accordionHeading {
    width: 100%;
    float: left;
    padding: 5px 0px;
    background: #f5f5f5;
    font-size: 13px;
    cursor: pointer; }
    .csPanel .accordionHeading .selectedCauses:before {
      content: "\f00c";
      font-family: fontAwesome;
      margin-right: 5px;
      font-weight: normal;
      position: relative;
      top: -1px; }
    .csPanel .accordionHeading .fa {
      font-size: 17px;
      line-height: 17px; }
  .csPanel .accordionBody {
    width: 100%;
    float: left;
    border-top: 1px solid #ddd;
    padding: 10px 0px;
    display: none; }
    .csPanel .accordionBody .table {
      margin-bottom: 0px;
      font-size: 13px; }
    .csPanel .accordionBody .table-bordered {
      border: none; }
      .csPanel .accordionBody .table-bordered > thead > tr > th:first-child {
        border-left: none; }
      .csPanel .accordionBody .table-bordered tbody > tr td {
        border-bottom: none;
        vertical-align: middle;
        padding: 4px 8px; }
        .csPanel .accordionBody .table-bordered tbody > tr td:first-child {
          width: 55%;
          cursor: pointer; }
        .csPanel .accordionBody .table-bordered tbody > tr td:first-child {
          border-left: none; }
        .csPanel .accordionBody .table-bordered tbody > tr td .btn-group {
          margin: 0; }
          .csPanel .accordionBody .table-bordered tbody > tr td .btn-group .btn {
            padding: 5px 10px; }
    .csPanel .accordionBody .activeCause {
      background: #008FD5;
      color: #fff;
      position: relative; }
      .csPanel .accordionBody .activeCause:after {
        content: "\f00c";
        font-family: fontAwesome;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
  .csPanel .lowActive .accordionHeading {
    background: #4dc800;
    color: #fff;
    border-bottom: 1px solid #4dc800; }
  .csPanel .mediumActive .accordionHeading {
    background: #f4a101;
    color: #fff;
    border-bottom: 1px solid #f4a101; }
  .csPanel .highActive .accordionHeading {
    background: #be3111;
    color: #fff;
    border-bottom: 1px solid #be3111; }
  .csPanel .accordionGroup.lowActive .accordionBody {
    border-top: 1px solid #4dc800; }
  .csPanel .accordionGroup.mediumActive .accordionBody {
    border-top: 1px solid #f4a101; }
  .csPanel .accordionGroup.highActive .accordionBody {
    border-top: 1px solid #be3111; }
  .csPanel .form-group {
    margin-bottom: 5px; }
  .csPanel .btn-group {
    margin-bottom: 4px;
    text-align: center; }
    .csPanel .btn-group .btn {
      float: none; }
  .csPanel .btn.btn-default.active {
    background-color: #0090ec;
    border-color: #0b89d8;
    color: #fff; }
  .csPanel .lagendsBg {
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50px;
    margin: 10px auto;
    font-size: 12px; }
    .csPanel .lagendsBg.alpha100 {
      background-color: #185b99;
      background-color: #185b99; }
    .csPanel .lagendsBg.alpha80 {
      background-color: #1652a3;
      background-color: rgba(24, 91, 153, 0.9); }
    .csPanel .lagendsBg.alpha60 {
      background-color: #1140b8;
      background-color: rgba(24, 91, 153, 0.7); }
    .csPanel .lagendsBg.alpha40 {
      background-color: #0a24d6;
      background-color: rgba(24, 91, 153, 0.4); }
    .csPanel .lagendsBg.alpha20 {
      background-color: #0a24d6;
      background-color: rgba(24, 91, 153, 0.4); }
    .csPanel .lagendsBg.alpha10 {
      background-color: #0209f5;
      background-color: rgba(24, 91, 153, 0.1); }
  .csPanel .rangeBox li, .csPanel .linkBox li li {
    width: 100%;
    display: inline-block; }
  .csPanel .linkBox li a {
    color: #0093ef;
    text-decoration: underline; }

.listGroupCheck ul {
  margin-bottom: 0px; }
.listGroupCheck .list-group-item {
  padding: 6px 10px;
  font-size: 13px;
  background: #c2e4fa;
  border: 1px solid #fff; }
  .listGroupCheck .list-group-item a[data-toggle="tooltip"] {
    color: #0093ef;
    margin-right: 8px; }
  .listGroupCheck .list-group-item input[type="text"] {
    width: 90%;
    display: inline-block; }
.listGroupCheck .list-group-item-primary {
  background-color: #008FD5;
  border-color: #fff;
  color: #fff; }
  .listGroupCheck .list-group-item-primary.active {
    position: relative; }
    .listGroupCheck .list-group-item-primary.active:after {
      content: "\f00c";
      font-family: fontAwesome;
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .listGroupCheck .list-group-item-primary a[data-toggle="tooltip"] {
    color: #fff; }

.panel-title.panelCauses .triGradientCauses {
  width: 190px;
  height: 18px;
  display: inline-block;
  margin: 0px 5px;
  color: #fff;
  background-color: red;
  font-size: 11px;
  text-align: center;
  background-image: -webkit-linear-gradient(to right, #47be00, #f39c01, #b42606);
  background-image: linear-gradient(to right, #47be00, #f39c01, #b42606); }

.panel-title.panelstrategies .triGradientStrategies {
  width: 190px;
  height: 18px;
  display: inline-block;
  margin: 0px 5px;
  background-color: red;
  font-size: 11px;
  text-align: center;
  background-image: linear-gradient(to right, #f8696b, #ffeb84, #63be7b); }

.panel-title.panelCauses .textInfo p {
  display: inline-block;
  font-size: 12px;
  font-weight: 600; }
  .panel-title.panelCauses .textInfo p.text-low {
    color: #47be00; }
  .panel-title.panelCauses .textInfo p.text-high {
    color: #b42606; }

.panel-title.panelstrategies .textInfo p {
  display: inline-block;
  font-size: 12px;
  font-weight: 600; }
  .panel-title.panelstrategies .textInfo p.text-low {
    color: #b42606; }
  .panel-title.panelstrategies .textInfo p.text-high {
    color: #47be00; }

#selectedCause .list-group-item input[type="text"] {
  width: 97%;
  display: inline-block; }

.panelImpactCost .panel-body {
  padding: 0;
  margin-left: -3px; }
  .panelImpactCost .panel-body .table {
    margin-bottom: 0; }
    .panelImpactCost .panel-body .table td {
      vertical-align: middle; }
      .panelImpactCost .panel-body .table td:nth-child(2) {
        width: 350px; }
    .panelImpactCost .panel-body .table .form-group {
      margin-top: 10px;
      margin-bottom: 10px; }
    .panelImpactCost .panel-body .table .rangePlc {
      margin-top: 5px; }

.main-footer {
  text-align: center;
  background: #008fd5;
  padding: 10px;
  margin-top: 10px;
  position: absolute;
  bottom: 0px;
  width: 100%; }
  .main-footer ul {
    width: 100%;
    float: left;
    margin-bottom: 0px; }
    .main-footer ul li {
      display: inline-block;
      padding: 0 15px;
      border-right: 2px solid #fff; }
      .main-footer ul li a {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        font-weight: 400; }
        .main-footer ul li a:hover {
          color: #ffff57;
          text-decoration: none; }
    .main-footer ul:last-child {
      border: none; }

/*# sourceMappingURL=styleguide.css.map */