@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
            box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
            box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
            box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
            box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  }
}
.saved-scenarios-cmpnt {
  position: fixed;
  top: 120px;
  right: -414px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-right: none;
  padding: 0;
  margin: 0;
  z-index: 10;
  width: 450px;
  min-height: 70%;
  max-height: 70%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
  z-index: 1030;
}

.saved-scenarios-cmpnt.open {
  right: 0;
}

.saved-scenarios-cmpnt.open .ss-menu .ss-trigger:before {
  content: "\e646";
}

@media (max-width: 575.98px) {
  .saved-scenarios-cmpnt {
    border-right: 1px solid #cccccc;
    height: 700px;
    min-height: 700px;
    max-height: 700px;
    width: 95%;
    bottom: -656px;
    top: auto;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: bottom 0.3s ease-in-out;
    transition: bottom 0.3s ease-in-out;
  }
  .saved-scenarios-cmpnt.open {
    bottom: -1px;
  }
}
.saved-scenarios-cmpnt p {
  font-size: 1rem;
}

.saved-scenarios-cmpnt button {
  border: 0;
}

.saved-scenarios-cmpnt .ss-menu {
  width: 2rem;
  height: 100%;
  min-height: 100%;
  background: #f5f5f5;
  border-right: 1px solid #cccccc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}

.saved-scenarios-cmpnt .ss-menu:hover {
  background: #e8e8e8;
}

.saved-scenarios-cmpnt .ss-menu:hover .ss-trigger {
  color: #002677;
}

.saved-scenarios-cmpnt .ss-menu .ss-count {
  background: blue;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 1rem auto;
  text-align: center;
  -webkit-box-shadow: 0 0 0 0 rgb(0, 123, 255);
          box-shadow: 0 0 0 0 rgb(0, 123, 255);
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}

.saved-scenarios-cmpnt .ss-menu .ss-count.zero {
  background: #cccccc;
  color: #002677;
  -webkit-animation-duration: 0s;
          animation-duration: 0s;
}

.saved-scenarios-cmpnt .ss-menu .ss-trigger {
  color: #5A5A5A;
  font-family: themify;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left:0;
  width: 100%;
  height: 2rem;
  bottom: 0.5rem;
  text-align: center;
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.saved-scenarios-cmpnt .ss-menu .ss-trigger:before {
  content: "\e68e";
  line-height: 2rem;
}

@media (max-width: 575.98px) {
  .saved-scenarios-cmpnt .ss-menu {
    width: 100%;
    height: 2.4rem;
    min-height: auto;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
  .saved-scenarios-cmpnt .ss-menu .ss-count {
    left: unset;
    margin: 10px 1rem 0 0;
  }
  .saved-scenarios-cmpnt .ss-menu .ss-trigger {
    -webkit-transform: inherit;
            transform: inherit;
    bottom: auto;
    left: 1rem;
    width: auto;
    top: 4px;
  }
}
.saved-scenarios-cmpnt .ss-contain {
  position: relative;
  float: left;
  padding: 0.6rem 1rem;
  margin-left: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 575.98px) {
  .saved-scenarios-cmpnt .ss-contain {
    margin-top: 2.4rem;
    margin-left: 0;
  }
}
.saved-scenarios-cmpnt .ss-contain p {
  color: #5A5A5A;
}

.saved-scenarios-cmpnt .ss-contain .ss-list, .saved-scenarios-cmpnt .ss-contain ul.ss-list {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 0;
  width: 100%;
  list-style: none;
  padding-left: 0;
  overflow-x: hidden;
}

.saved-scenarios-cmpnt .ss-contain .ss-list::-webkit-scrollbar, .saved-scenarios-cmpnt .ss-contain ul.ss-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.saved-scenarios-cmpnt .ss-contain .ss-list::-webkit-scrollbar-thumb, .saved-scenarios-cmpnt .ss-contain ul.ss-list::-webkit-scrollbar-thumb {
  background: #3369ff;
  border-radius: 8px;
}

.saved-scenarios-cmpnt .ss-contain .ss-list::-webkit-scrollbar-track, .saved-scenarios-cmpnt .ss-contain ul.ss-list::-webkit-scrollbar-track {
  background: #e8e8e8;
  border-radius: 8px;
}

.saved-scenarios-cmpnt .ss-contain .ss-list, .saved-scenarios-cmpnt .ss-contain ul.ss-list {
  scrollbar-face-color: #3369ff;
  scrollbar-track-color: #e8e8e8;
}

.saved-scenarios-cmpnt .ss-contain .ss-list > li, .saved-scenarios-cmpnt .ss-contain ul.ss-list > li {
  padding: 0.6rem 0;
  position: relative;
  border-top: 1px solid #cccccc;
  line-height: 1.5;
  min-height: 50px;
  margin-bottom: 0;
}

.saved-scenarios-cmpnt .ss-contain .ss-list > li:last-child, .saved-scenarios-cmpnt .ss-contain ul.ss-list > li:last-child {
  border-bottom: 1px solid #cccccc;
}

.saved-scenarios-cmpnt .ss-contain .ss-list > li label, .saved-scenarios-cmpnt .ss-contain ul.ss-list > li label {
  margin-bottom: 0;
}

.saved-scenarios-cmpnt .ss-contain .ss-list > li label.checkbox, .saved-scenarios-cmpnt .ss-contain ul.ss-list > li label.checkbox {
  color: #002677;
  font-size: 1rem;
  line-height: 1.25;
  text-indent: 0rem;
  padding-left: 1.5rem;
  padding-right: 2rem;
  margin-top: 0;
}

.saved-scenarios-cmpnt .ss-contain .ss-list > li input[type=checkbox]:not(old) + label span, .saved-scenarios-cmpnt .ss-contain ul.ss-list > li input[type=checkbox]:not(old) + label span {
  line-height: 0.7;
  text-indent: 0;
  margin-top: 4px;
}

.saved-scenarios-cmpnt .ss-contain .ss-list > li .renameContain, .saved-scenarios-cmpnt .ss-contain ul.ss-list > li .renameContain {
  position: relative;
  width: 100%;
  top: 0px;
}

.saved-scenarios-cmpnt .ss-contain .ss-list > li .renameContain input.renameInputBox, .saved-scenarios-cmpnt .ss-contain ul.ss-list > li .renameContain input.renameInputBox {
  width: 88%;
  margin-bottom: 0;
}

.saved-scenarios-cmpnt .ss-contain .ss-list > li .renameContain .renameInputSubmit, .saved-scenarios-cmpnt .ss-contain ul.ss-list > li .renameContain .renameInputSubmit {
  height: 42px;
  width: 42px;
  background: #3369ff;
  position: absolute;
  top: 0px;
  right: 6px;
  z-index: 10;
  color: #ffffff;
  font-size: 18px;
  font-family: themify;
  text-align: center;
}

.saved-scenarios-cmpnt .ss-contain .ss-list > li .renameContain .renameInputSubmit:hover, .saved-scenarios-cmpnt .ss-contain ul.ss-list > li .renameContain .renameInputSubmit:hover {
  background: #0036cc;
}

.saved-scenarios-cmpnt .ss-contain .ss-list > li .renameContain .renameInputSubmit:before, .saved-scenarios-cmpnt .ss-contain ul.ss-list > li .renameContain .renameInputSubmit:before {
  content: "\e649";
  line-height: 42px;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav {
  width: 24px;
  cursor: pointer;
  background: transparent;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav .ss-list-subnav-close, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav .ss-list-subnav-close {
  width: 24px;
  height: 24px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav .ss-list-subnav-close:before, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav .ss-list-subnav-close:before {
  content: "\e646";
  font-family: themify;
  font-style: normal;
  font-weight: 400;
  color: #cccccc;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav .ss-list-subnav-close:hover:before, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav .ss-list-subnav-close:hover:before {
  color: blue;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav .ss-list-subnav-trigger, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav .ss-list-subnav-trigger {
  width: 24px;
  height: 24px;
  background: transparent;
  margin: auto;
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  text-align: center;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav .ss-list-subnav-trigger:before, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav .ss-list-subnav-trigger:before {
  content: "\e6e2";
  font-family: themify;
  font-style: normal;
  font-weight: 400;
  color: #002677;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav .ss-list-subnav-trigger:hover:before, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav .ss-list-subnav-trigger:hover:before {
  color: blue;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav ul.ss-list-subnav-flyout, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav ul.ss-list-subnav-flyout {
  display: none;
  background: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.1);
  min-width: 140px;
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 20;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav ul.ss-list-subnav-flyout li, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav ul.ss-list-subnav-flyout li {
  list-style: none;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 0;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav ul.ss-list-subnav-flyout li:last-child, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav ul.ss-list-subnav-flyout li:last-child {
  border-bottom: none;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav ul.ss-list-subnav-flyout li a, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav ul.ss-list-subnav-flyout li a {
  padding: 0.5rem;
  width: 100%;
  position: relative;
  float: left;
  margin: 0;
  font-size: 14px;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav ul.ss-list-subnav-flyout li a:hover, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav ul.ss-list-subnav-flyout li a:hover {
  text-decoration: none;
  background: #e8e8e8;
}

.saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav ul.ss-list-subnav-flyout li, .saved-scenarios-cmpnt .ss-contain .ss-list .ss-list-subnav ul.ss-list-subnav-flyout a, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav ul.ss-list-subnav-flyout li, .saved-scenarios-cmpnt .ss-contain ul.ss-list .ss-list-subnav ul.ss-list-subnav-flyout a {
  font-size: 1rem;
  color: #002677;
}

.saved-scenarios-cmpnt .ss-contain .ss-contain-bottom {
  position: relative;
  float: left;
  width: 100%;
  margin: auto 0 0 0;
  text-align: left;
}

.saved-scenarios-cmpnt .ss-contain .ss-contain-bottom .btn, .saved-scenarios-cmpnt .ss-contain .ss-contain-bottom .button {
  width: 76%;
  display: block;
  margin: 0 auto 1rem;
  text-align:center
}

@media (max-width: 575.98px) {
  .saved-scenarios-cmpnt .ss-contain .ss-contain-bottom .btn, .saved-scenarios-cmpnt .ss-contain .ss-contain-bottom .button {
    width: auto;
  }
}
.saved-scenarios-cmpnt .ss-contain .ss-contain-bottom p {
  margin-bottom: 0.6rem;
}