/* cms */

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

img.img-cms {
  max-width: 100%;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#actionsMenu {
  font-family: var(--font-primary);
  font-weight: 400;
}

.open .fa-caret-down:before {
  content: "\f0d7";
}

#incomplete-taskss input[type="checkbox"] {
  position: absolute;
  left: 0;
  width: 90%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  transform: translateX(-0%);
}

.cms-trialbox {
  background: #324c59;
  padding: 10px 15px;
  border-radius: 5px;
  margin: 15px 0;
  position: relative;
}

.cms-trialbox.cms-trialboxnew.activclose {
  display: block;
}

.cms-trialbox.cms-trialboxnew {
  background: #324c59;
  padding: 8px 15px;
  border-radius: 5px;
  margin: 7px 0;
  position: relative;
  display: none;
}

.cms-trialbox .innerclose {
  position: absolute;
  right: 0;
  left: inherit;
  top: 0;
  font-size: 13px;
  color: #7692a8;
  font-weight: 400;
  padding: 5px 8px;
  border-radius: 4px;
  cursor: pointer;
}

.cms-trialbox .innerclose:hover {
  color: #fff;
  background-color: #e3e7e882;
}

.firstinnerbox.firstblucms {
  background-color: #f0f7fb;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 15px 15px;
  margin: 10px 0 10px;
  cursor: pointer;
}

.firstinnerbox.firstblucms h3 {
  color: #324c59;
  font-size: 20px;
  margin: 0 0 10px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
}

.firstinnerbox.firstblucms ul,
.firstinnerbox.firstorngcms ul {
  list-style-type: none;
  margin: 0;
}

.firstinnerbox.firstblucms ul li,
.firstinnerbox.firstorngcms ul li {
  font-family: "Fira Sans", sans-serif;
  color: #314b58;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  padding: 16px 0 4px;
  display: flex;
  align-items: center;
  align-content: center;
  position: relative;
  line-height: 13px;
  border-bottom: solid 1px #cae0ea;
}

.firstinnerbox.firstorngcms ul li {
  border-bottom: solid 1px #fadbb3;
  position: relative;
}

.rightheadercms {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  flex: 0 0 40%;
}

.firstinnerbox.firstblucms ul li i.svgicon,
.firstinnerbox.firstorngcms ul li i.svgicon {
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

.firstinnerbox.firstblucms ul li i.fa.fa-exclamation-circle,
.firstinnerbox.firstorngcms ul li i.fa.fa-exclamation-circle {
  margin-left: 10px;
}

.firstinnerbox.firstblucms ul li span,
.firstinnerbox.firstorngcms ul li span {
  position: absolute;
  right: 0;
  font-weight: 300;
}

.firstinnerbox.firstblucms ul li:last-child,
.firstinnerbox.firstorngcms ul li:last-child {
  border-bottom: none;
}

.firstinnerbox.firstorngcms {
  background-color: #fff0de;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 15px 15px;
}

.firstinnerbox.firstorngcms h3 {
  color: #ce821b;
  font-size: 20px;
  margin: 0 0 10px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
}

.svgicon svg {
  width: 18px;
  height: 18px;
}

.firstinnerbox.firstblucms .svgicon svg {
  fill: #c1d9e7;
}

.firstinnerbox.firstorngcms .svgicon svg {
  fill: #fadbb3;
}

.tb > i {
  cursor: text;
  background: #fff;
  font-size: 12px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  color: #314b58;
  background-clip: padding-box;
  box-shadow: 0 14px 122px 0 rgba(190, 190, 190, 0.57);
  border: 4px solid #fff;
  border-radius: 6px;
  position: absolute;
  width: 265px;
  margin-left: 0;
  font-style: normal;
  left: 56%;
  line-height: 18px;
  top: initial;
  bottom: 36px;
  margin-top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  transform: translateX(-50%);
  padding: 10px 15px 5px 15px;
  z-index: 1;
}

span.fa.fa-exclamation-circle:hover {
  color: #e49324;
  cursor: pointer;
}

.firstinnerbox ul li .overlaytext .svgicon:hover .overlaycompleted {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 10px;
  width: 250px;
  left: 128px;
}

.firstinnerbox.firstblucms.savedtmlist
  ul
  li.active
  .overlaytext
  .overlaycompleted {
  opacity: 1;
  visibility: visible;
}

.firstinnerbox.firstblucms ul li p,
.firstinnerbox.firstorngcms ul li p {
  margin: 0;
}

.overlaycompleted {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 157px;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.firstinnerbox.firstblucms ul#completed-taskss li {
  opacity: 0.5;
  pointer-events: none;
}

.savedtmlist .overlaytext {
  width: 100%;
  position: relative;
}

.savedtmlist .overlaytext .overlaycompleted {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 0%;
  transform: translate(-0%, -50%);
  z-index: 1;
  display: flex;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  height: 100%;
}

.savedtmlist .overlaytext .overlaycompleted ul,
.savedtmlist .overlaytext .overlaycompleted ul li {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

.savedtmlist .overlaytext .overlaycompleted .cms-complete {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#incomplete-taskss .tb > i {
  left: 63%;
}

.savedtmlist .tb > i {
  top: 40px;
  bottom: inherit;
}

.savedtmlist .tb > i::before {
  bottom: inherit;
  transform: none;
  top: -19px;
}

.overlaycompleted ul {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: left;
  width: 100%;
  margin: auto;
  padding: 0 32px;
}

.svgicon i.fa.fa-check-circle {
  font-size: 18px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.svgicon.slow i.fa.fa-check-circle {
  opacity: 1;
}

.firstinnerbox.firstblucms .svgicon.slow svg {
  opacity: 0;
}

.firstinnerbox ul li .overlaycompleted li {
  padding: 0;
  margin: 0 5px;
}

.firstinnerbox ul li .overlaycompleted li .cms-complete {
  border: solid 1px #e49324;
  background: #e49324;
  padding: 4px 10px;
  border-radius: 2px;
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  line-height: 14px;
}

.sacve-cms-complete:hover {
  background-color: #e78f08 !important;
}

.tb_2 .hover_effect {
  position: absolute;
  background-color: #314b58;
  padding: 8px 8px;
  right: 3px;
  bottom: 41px;
  opacity: 0;
  display: none;
  border-radius: 4px;
}

.tb_2.active_click .hover_effect {
  opacity: 1;
  display: block;
}

.tb_2 .hover_effect .sacve-cms-complete:hover {
  background: #e78f08;
}

.tb_2 .hover_effect .sacve-cms-complete {
  border: solid 0 #324c59;
  background: #e78f08c2;
  padding: 4px 10px;
  border-radius: 2px;
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
  line-height: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.tb > i:before,
.tb > i:after,
.tb_2 .hover_effect::before {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: 100%;
  right: 0%;
  margin-left: 0;
}

.tb > i:after {
  display: none;
}

.tb_2 .hover_effect::before {
  border-bottom: 10px solid #314b58;
  margin-bottom: 3px;
  padding-top: 5px;
  bottom: -19px;
  transform: rotate(-180deg);
}

.tb > i:before {
  border-bottom: 10px solid white;
  margin-bottom: 1px;
  padding-top: 5px;
  bottom: -19px;
  transform: rotate(-180deg);
}

.tb_2 .hover_effect::before {
  bottom: -16px;
}

.tb:hover > i a {
  border: solid 1px #e49325;
  padding: 5px 10px;
  display: block;
  width: 65px;
  margin: 5px 0;
  border-radius: 15px;
  text-decoration: none;
  font-size: 12px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  color: #314b58;
  text-transform: capitalize;
  text-align: center;
  cursor: pointer;
}

.tb:hover > i a:hover {
  border: solid 1px #e49325;
  padding: 5px 10px;
  display: block;
  width: 65px;
  background: #e49325;
  margin: 5px 0;
  border-radius: 15px;
  text-decoration: none;
  font-size: 12px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  text-align: center;
}

.tb > i:after {
  border-bottom: 10px solid #fff;
  margin-bottom: -2px;
  z-index: 1;
}

.tb:hover > i {
  visibility: visible;
  opacity: 1;
}

.firstinnerbox.firstblucms ul li span.fa,
.firstinnerbox.firstorngcms ul li span.fa,
.firstinnerbox.firstblucms ul li img,
.firstinnerbox.firstorngcms ul li img {
  position: absolute;
  right: 30px;
  transform: translateY(-55%);
}

.firstinnerbox .i-settings {
  position: absolute;
  right: 0;
  top: 12px;
}

.tb_2 span.fa.fa-ellipsis-v,
.tb_2 img {
  right: -12px !important;
  color: #6e818a;
  cursor: pointer;
}

.tb_2 span.fa.fa-ellipsis-v:hover,
.tb_2 img:hover {
  color: #e78f08;
}

.ProgressBar,
.ProgressBar-contentCircle {
  display: table;
  height: 210px;
  position: absolute;
  width: 210px;
}

.ProgressBar-circle,
.ProgressBar-background {
  fill: none;
  stroke: #304b59;
  stroke-width: 11px;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  position: relative;
  z-index: 10;
}

.ProgressBar-background {
  stroke: #e49324;
  stroke-width: 10px;
  z-index: 0;
}

.ProgressBar-percentage {
  color: #e49324;
  font-size: 40px;
  text-align: center;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  font-weight: 500;
  font-family: "Fira Sans", sans-serif;
}

.Content {
  height: 270px;
  margin: -135px 0 0 0;
  position: absolute;
  top: 50%;
  width: 100%;
}

.List {
  display: flex;
  list-style: none;
  margin: 10px auto;
  padding: 0;
  width: 840px;
  height: 210px;
}

.List-item {
  float: left;
  width: 210px;
}

.Title {
  text-align: center;
}

.ProgressBar,
.ProgressBar-contentCircle {
  display: table;
  height: 170px;
  position: absolute;
  width: 170px;
}

.roundprogressbar {
  display: block;
  height: 175px;
  position: relative;
  width: 180px;
  margin: 15px 0;
}

.progbarbox {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
}

.progbarbox ul.proglist {
  margin: 0;
  list-style-type: none;
}

.progbarbox ul.proglist li span {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 5px;
}

.progbarbox ul.proglist li:first-child span {
  background: #e69931;
}

#savedListItems span,
.progbarbox ul.proglist li:last-child span {
  background: #304b59;
}

.progbarbox ul.proglist li:first-child {
  margin: 5px 0;
  font-size: 13px;
  font-weight: 500;
  color: #e69931;
  font-family: "Fira Sans", sans-serif;
  display: flex;
  align-content: center;
  align-items: center;
}

#savedListItems,
.progbarbox ul.proglist li:last-child {
  margin: 5px 0;
  font-size: 13px;
  font-weight: 500;
  color: #304b59;
  font-family: "Fira Sans", sans-serif;
  display: flex;
  align-content: center;
  align-items: center;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #c5c5c6;
  background-color: #c5c5c6;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: #fff;
  border: solid 1px #c5c5c6;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  width: 14px;
  height: 87px;
  margin: 0;
}

.firstinnerbox.firstblucms.savedtmlist {
  background: transparent;
  padding: 0;
}

.firstinnerbox.firstblucms.savedtmlist .svgicon svg {
  fill: #22d692;
}

image#closeToDoList {
  background-color: red;
  padding: 5px;
}

#completed-taskss input[type="checkbox"] {
  display: none;
}

#completed-taskss .overlaycompleted {
  display: none;
}

.progress-circle {
  background-color: #ddd;
  border-radius: 50%;
  display: inline-block;
  height: 45px;
  margin: 0;
  position: relative;
  width: 45px;
  padding: 0;
  border: none;
  color: #e9e9e9;
}

.progress-circle:before {
  -webkit-box-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  content: attr(data-progress) "%";
  display: -webkit-box;
  display: flex;
  font-size: 0;
  -webkit-box-pack: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  right: 0;
  top: 50%;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition:
    transform 0.2s ease,
    -webkit-transform 0.2s ease;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
}

.progress-circle:after {
  background-color: #e39324;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
}

/**
* $step is set to 5 by default, meaning you can only use percentage classes in increments of five (e.g. 25, 30, 45, 50, and so on). This helps to reduce the size of the final CSS file. If you need a number that doesn't end in 0 or 5, you can change the text percentage while rounding the class up/down to the nearest 5.
*/
.progress-circle[data-progress="0"]:after {
  background-image:
    -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(50%, #ddd),
      color-stop(50%, transparent),
      to(transparent)
    ),
    -webkit-gradient(linear, left top, right top, color-stop(50%, #e39324), color-stop(50%, #ddd), to(#ddd));
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(90deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="1"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(93.6deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="2"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(97.2deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="3"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(100.8deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="4"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(104.4deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="5"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(108deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="6"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(111.6deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="7"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(115.2deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="8"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(118.8deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="9"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(122.4deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="10"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(126deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="11"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(129.6deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="12"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(133.2deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="13"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(136.8deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="14"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(140.4deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="15"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(144deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="16"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(147.6deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="17"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(151.2deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="18"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(154.8deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="19"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(158.4deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="20"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(162deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="21"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(165.60000000000002deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="22"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(169.2deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="23"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(172.8deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="24"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(176.4deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="25"]:after {
  background-image:
    -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(50%, #ddd),
      color-stop(50%, transparent),
      to(transparent)
    ),
    -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e39324), color-stop(50%, #ddd), to(#ddd));
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(180deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="26"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(183.60000000000002deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="27"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(187.2deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="28"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(190.8deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="29"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(194.4deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="30"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(198deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="31"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(201.60000000000002deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="32"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(205.2deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="33"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(208.8deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="34"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(212.4deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="35"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(216deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="36"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(219.6deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="37"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(223.20000000000002deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="38"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(226.8deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="39"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(230.4deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="40"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(234deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="41"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(237.6deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="42"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(241.20000000000002deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="43"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(244.8deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="44"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(248.4deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="45"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(252deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="46"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(255.6deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="47"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(259.20000000000005deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="48"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(262.8deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="49"]:after {
  background-image: linear-gradient(
      90deg,
      #ddd 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(266.4deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="50"]:after {
  background-image:
    -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(50%, #e39324),
      color-stop(50%, transparent),
      to(transparent)
    ),
    -webkit-gradient(linear, right top, left top, color-stop(50%, #e39324), color-stop(50%, #ddd), to(#ddd));
  background-image: linear-gradient(
      -90deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="51"]:after {
  background-image: linear-gradient(
      -86.4deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="52"]:after {
  background-image: linear-gradient(
      -82.8deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="53"]:after {
  background-image: linear-gradient(
      -79.2deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="54"]:after {
  background-image: linear-gradient(
      -75.6deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="55"]:after {
  background-image: linear-gradient(
      -72deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="56"]:after {
  background-image: linear-gradient(
      -68.4deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="57"]:after {
  background-image: linear-gradient(
      -64.8deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="58"]:after {
  background-image: linear-gradient(
      -61.2deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="59"]:after {
  background-image: linear-gradient(
      -57.6deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="60"]:after {
  background-image: linear-gradient(
      -54deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="61"]:after {
  background-image: linear-gradient(
      -50.4deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="62"]:after {
  background-image: linear-gradient(
      -46.8deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="63"]:after {
  background-image: linear-gradient(
      -43.199999999999996deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="64"]:after {
  background-image: linear-gradient(
      -39.6deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="65"]:after {
  background-image: linear-gradient(
      -36deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="66"]:after {
  background-image: linear-gradient(
      -32.4deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="67"]:after {
  background-image: linear-gradient(
      -28.799999999999997deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="68"]:after {
  background-image: linear-gradient(
      -25.200000000000003deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="69"]:after {
  background-image: linear-gradient(
      -21.599999999999994deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="70"]:after {
  background-image: linear-gradient(
      -18deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="71"]:after {
  background-image: linear-gradient(
      -14.399999999999991deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="72"]:after {
  background-image: linear-gradient(
      -10.799999999999997deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="73"]:after {
  background-image: linear-gradient(
      -7.200000000000003deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="74"]:after {
  background-image: linear-gradient(
      -3.599999999999994deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="75"]:after {
  background-image:
    -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(50%, #e39324),
      color-stop(50%, transparent),
      to(transparent)
    ),
    -webkit-gradient(linear, right top, left top, color-stop(50%, #e39324), color-stop(50%, #ddd), to(#ddd));
  background-image: linear-gradient(
      0deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="76"]:after {
  background-image: linear-gradient(
      3.600000000000009deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="77"]:after {
  background-image: linear-gradient(
      7.200000000000003deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="78"]:after {
  background-image: linear-gradient(
      10.799999999999997deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="79"]:after {
  background-image: linear-gradient(
      14.400000000000006deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="80"]:after {
  background-image: linear-gradient(
      18deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="81"]:after {
  background-image: linear-gradient(
      21.60000000000001deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="82"]:after {
  background-image: linear-gradient(
      25.200000000000003deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="83"]:after {
  background-image: linear-gradient(
      28.799999999999997deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="84"]:after {
  background-image: linear-gradient(
      32.400000000000006deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="85"]:after {
  background-image: linear-gradient(
      36deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="86"]:after {
  background-image: linear-gradient(
      39.599999999999994deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="87"]:after {
  background-image: linear-gradient(
      43.20000000000002deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="88"]:after {
  background-image: linear-gradient(
      46.80000000000001deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="89"]:after {
  background-image: linear-gradient(
      50.400000000000006deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="90"]:after {
  background-image: linear-gradient(
      54deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="91"]:after {
  background-image: linear-gradient(
      57.599999999999994deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="92"]:after {
  background-image: linear-gradient(
      61.20000000000002deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="93"]:after {
  background-image: linear-gradient(
      64.80000000000001deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="94"]:after {
  background-image: linear-gradient(
      68.4deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="95"]:after {
  background-image: linear-gradient(
      72deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="96"]:after {
  background-image: linear-gradient(
      75.6deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="97"]:after {
  background-image: linear-gradient(
      79.20000000000002deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="98"]:after {
  background-image: linear-gradient(
      82.80000000000001deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="99"]:after {
  background-image: linear-gradient(
      86.4deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progress-circle[data-progress="100"]:after {
  background-image:
    -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(50%, #e39324),
      color-stop(50%, transparent),
      to(transparent)
    ),
    -webkit-gradient(linear, right top, left top, color-stop(50%, #e39324), color-stop(50%, #ddd), to(#ddd));
  background-image: linear-gradient(
      90deg,
      #e39324 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e39324 50%, #ddd 50%, #ddd);
}

.progbarbox ul.proglist li p {
  margin: 0;
  font-size: 13px;
}

.firstinnerbox {
  margin-bottom: 10px;
}

.cms-trialbox.cms-trialboxnew.activclose.jstooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.firstinnerbox
  ul#incomplete-taskss
  li
  .overlaytext
  .svgicon:hover
  .overlaycompleted {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 10px;
  width: 250px;
  left: 5px;
}

.cms-trialbox.cms-trialboxnew.activclose.jstooltip:hover {
  background-color: #e78f08;
}

#extendTrialNotice:hover {
  background-color: #314b58;
  cursor: unset;
}

.cms-trialbox.cms-trialboxnew.activclose.jstooltip .tb {
  margin: 0 15px;
}

.cms-trialbox.cms-trialboxnew.activclose.jstooltip .tb > i:before,
.cms-trialbox.cms-trialboxnew.activclose.jstooltip .tb > i:after {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: 100%;
  right: 24%;
  margin-left: 0;
}

.cms-trialbox.cms-trialboxnew.activclose.jstooltip .tb > i {
  top: 34px;
  width: 85%;
  right: 0;
  left: 52%;
}

ul#completed-taskss {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin: 0 0 10px;
}

.no-items {
  background-color: #f0f7fb;
  padding: 15px 15px !important;
  font-size: 15px !important;
}

.jstooltip .tb span.fa {
  font-size: 20px;
}

span.fa.fa-info-circle.announcementIcon:hover {
  color: white;
}

.overlaytext {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

#saveStatus {
  display: none;
}

.firstinnerbox .svgicon svg.svgtwo {
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  top: -3px;
}

.svgtwo {
  opacity: 0;
}

.svgone {
  opacity: 1;
}

.svgicon.cms-complete:hover .svgtwo {
  opacity: 1;
}

.svgicon.cms-complete:hover .svgone {
  opacity: 0;
}

.overlaytext p {
  display: flex;
  order: 2;
}

.firstinnerbox.firstblucms ul li i.svgicon,
.firstinnerbox.firstorngcms ul li i.svgicon {
  order: 1;
  display: flex;
}

@media (max-width: 480px) {
  .overlaytext p {
    display: flex;
    order: 2;
    width: 75%;
    line-height: 16px;
  }
}

/* cms */