@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
.color-primary {
  color: #f26722;
}

.color-secondary {
  color: #21215f;
}

.img-tone {
  box-shadow: none !important;
}

.custom-accordion {
  position: relative;
  overflow: hidden;
  margin: 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1);
  -webkit-tap-highlight-color: transparent;
}
.custom-accordion input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  touch-action: manipulation;
}
.custom-accordion input[type=checkbox]:checked ~ h2 {
  color: #000;
}
.custom-accordion input[type=checkbox]:checked ~ .content {
  max-height: 0;
  transition: max-height 0.6s ease-in-out;
  opacity: 0;
}
.custom-accordion input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.custom-accordion input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
.custom-accordion .custom-chev {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 28px;
  right: 15px;
}
.custom-accordion .custom-chev:before, .custom-accordion .custom-chev:after {
  content: "";
  position: absolute;
  background-color: #21215f;
  width: 3px;
  height: 9px;
  transition: all 0.3s;
}
.custom-accordion .custom-chev:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.custom-accordion .custom-chev:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.custom-accordion .heading {
  font-size: 2rem;
  color: #000;
  line-height: 34px;
  text-align: left;
  padding: 15px 15px 0 15px;
  text-transform: none;
  letter-spacing: 1px;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: 0.2s;
}
.custom-accordion .content {
  position: relative;
  overflow: hidden;
  will-change: max-height;
  contain: layout;
  opacity: 1;
  transform: translate(0, 0);
  margin-bottom: 0;
  -webkit-hyphens: auto;
          hyphens: auto;
  z-index: 2;
  transition: max-height 0.6s ease-in-out;
}
.custom-accordion .content .select-container .left,
.custom-accordion .content .select-container .right {
  width: 48%;
}
.custom-accordion .content.double {
  display: flex;
}

.modal-accordion-container .custom-accordion:not(:last-of-type) {
  margin-bottom: 15px;
}

.panel-info {
  position: relative;
}
.panel-info:after {
  content: "";
  position: absolute;
  width: 100%;
  min-height: 300px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23f26722' fill-opacity='1' d='M0,128L80,149.3C160,171,320,213,480,234.7C640,256,800,256,960,213.3C1120,171,1280,85,1360,42.7L1440,0L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  bottom: 0;
}
.panel-info .panel-container {
  display: flex;
  justify-content: space-evenly;
}

.content .left-side {
  width: 10%;
}
.content .right-side {
  width: 90%;
}

.create-component-select {
  flex-direction: column;
  align-items: center;
}

.components-container {
  margin-top: 30px;
}
.components-container .article-component {
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  margin-bottom: 30px;
}
.components-container .article-component .top-content {
  background-color: #c3c4c7;
  border-bottom: 1px solid #000;
  border-radius: 3px;
  padding: 10px;
}
.components-container .article-component .top-content .heading {
  font-size: 18px;
  font-weight: 700;
  color: #21215f;
}
.components-container .article-component .top-content .link-containers {
  display: flex;
  justify-content: space-between;
  width: 20%;
}
.components-container .article-component .top-content .link-containers .article-link {
  color: #000;
}
@media (min-width: 768px) {
  .components-container .article-component .top-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.components-container .article-component .middle-content {
  padding: 10px;
  margin-bottom: 50px;
}
.components-container .article-component .bottom-content {
  padding: 10px;
  border-top: 1px solid #000;
}
.components-container .article-component .bottom-content span {
  color: #c3c4c7;
}

.file-search-container {
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .file-search-container {
    display: flex;
  }
}
.file-search-container .left-side {
  flex: 1;
}
.file-search-container .right-side .search {
  border-radius: 50px;
}

.file-container .file {
  background-color: #c3c4c7;
  border: 1px solid #000;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
}
.file-container .file .drag-bar {
  background-color: #f26722;
  text-align: center;
  padding: 10px 0;
  border-radius: 5px;
  margin-bottom: 15px;
}
.file-container .file .file-name {
  text-align: center;
  max-width: 250px;
  margin: 0 auto 15px auto;
}
.file-container .file .file-name .file-rename {
  display: flex;
  justify-content: space-around;
}
.file-container .file .file-name .file-rename a {
  text-decoration: underline;
}
.file-container .file .img-preview {
  max-width: 225px;
  margin: 15px auto 15px auto;
}
.file-container .file .img-preview img {
  border-radius: 5px;
}
.file-container .file .img-preview .img-ratio {
  margin-top: 10px;
  justify-content: space-between;
  align-items: center;
}
.file-container .file .img-preview .img-ratio .rgb span {
  font-size: 12px;
  font-weight: 700;
}
.file-container .file .img-preview .img-ratio .rgb span.red {
  color: red;
}
.file-container .file .img-preview .img-ratio .rgb span.green {
  color: green;
}
.file-container .file .img-preview .img-ratio .rgb span.blue {
  color: blue;
}
.file-container .file .img-preview .img-ratio .ratio {
  font-size: 12px;
}
.file-container .file .forms-container {
  padding: 0 10px;
}
.file-container .file .forms-container .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.file-container .file .forms-container .top .btn-component {
  font-size: 12px;
}
.file-container .file .forms-container .top .form-group {
  width: 45%;
  margin-bottom: 0;
}
.file-container .file .forms-container .middle .form-control {
  border: 1px solid #000;
}
.file-container .file .forms-container .bottom {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}
.file-container .file .forms-container .bottom .form-group {
  width: 45%;
  margin-bottom: 0;
}
.file-container .file .forms-container .bottom .form-check {
  width: 45%;
  align-items: center;
}
.file-container .file .forms-container .bottom .form-check .form-check-label {
  padding-left: 20px;
}
.file-container .file .forms-container .bottom-text {
  margin-bottom: 15px;
  font-size: 12px;
}

/* Modal */
.my-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999 !important; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto !important; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
  /* The Close Button */
  /* Modal Content */
}
.my-modal .close {
  color: #000;
  right: 6.5%;
  top: 10px;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  opacity: 1;
  z-index: 1;
}
.my-modal .close:hover, .my-modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.my-modal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 90%;
  position: relative;
  /* The Close Button */
}
.my-modal .modal-content .close {
  color: #000;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 20px;
  opacity: 1;
}
.my-modal .modal-content .close:hover, .my-modal .modal-content .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.my-modal .modal-content .modal-accordion-container .form-group input,
.my-modal .modal-content .modal-accordion-container .form-group select,
.my-modal .modal-content .modal-accordion-container .form-group textarea {
  max-width: 100% !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.my-modal .modal-content .print-page-carousel-container {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-around;
}
.my-modal .modal-content .print-page-carousel-container .featured-image-container {
  width: 80%;
  position: relative;
  z-index: 1;
}
.my-modal .modal-content .print-page-carousel-container .featured-image-container:hover #lens {
  width: 500px;
  height: 300px;
  border: 1px solid #000;
  position: absolute;
  z-index: 2;
  cursor: none;
  background-repeat: no-repeat;
}
.my-modal .modal-content .print-page-carousel-container .featured-image-container #featured {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid black;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper {
  max-width: 700px;
  display: flex;
  min-height: 100px;
  align-items: center;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper .thumb-arrow {
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: 0.3s;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper .thumb-arrow:hover {
  opacity: 0.5;
  width: 35px;
  height: 35px;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
  max-height: 1000px;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider .thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 180px;
  max-height: 200px;
  cursor: pointer;
  opacity: 0.5;
  margin: 5px;
  border: 2px solid black;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider .thumbnail:hover {
  opacity: 1;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider .active {
  opacity: 1;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar {
  width: 8px;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar-thumb {
  background-color: #dede2e;
  outline: 1px solid slategrey;
  border-radius: 100px;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar-thumb:hover {
  background-color: #18b5ce;
}
.my-modal .modal-content .print-page-carousel-container .thumbnail {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.my-modal .modal-content.create-new {
  max-width: 700px;
  min-height: 400px;
  margin: 0 auto;
  top: 15%;
  position: relative;
}
.my-modal .modal-content.create-new:after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23F26722' fill-opacity='0.5' d='M0,32L80,37.3C160,43,320,53,480,69.3C640,85,800,107,960,101.3C1120,96,1280,64,1360,48L1440,32L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 100%;
  height: 247px;
  left: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.my-modal .modal-content.create-new .heading-container {
  text-align: center;
  margin-top: 10%;
}
.my-modal .modal-content.create-new .btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 222;
}
.my-modal .modal-content.create-new .btn-container .btn-secondary-alt {
  width: 300px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-modal .modal-content.add-edition {
  max-width: 700px;
  min-height: 500px;
  margin: 0 auto;
  top: 25%;
  position: relative;
}
.my-modal .modal-content.add-edition:after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23F26722' fill-opacity='0.5' d='M0,32L80,37.3C160,43,320,53,480,69.3C640,85,800,107,960,101.3C1120,96,1280,64,1360,48L1440,32L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 100%;
  height: 247px;
  left: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.my-modal .modal-content.add-edition .select-heading {
  text-align: center;
  display: block;
  max-width: 300px;
  margin: 20px auto;
}
.my-modal .modal-content.add-edition .create-edition-container {
  background-color: #c8c8ec;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  padding: 20px;
  position: relative;
  z-index: 2;
}
.my-modal .modal-content.add-edition .create-edition-container .heading-container {
  display: flex;
}
.my-modal .modal-content.add-edition .create-edition-container .btn-container {
  text-align: center;
}
.my-modal .modal-content.add-edition .create-edition-container .btn-container .btn {
  width: 100%;
}

.modal-button {
  border: none !important;
  background: none;
}

/* Card Styles */
.article-cards-container .card-col:not(:last-of-type),
.page-cards-container .card-col:not(:last-of-type) {
  margin-bottom: 10px;
}

.article-card {
  position: relative;
  background-color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 30px 20px 20px 10px;
  border-radius: 5px;
  min-height: 270px;
}
.article-card h3 {
  word-wrap: break-word;
}
.article-card .article-content-container .card-content p:last-of-type {
  margin-bottom: 0;
}
.article-card .article-content-container .btn-container .btn {
  font-size: 0.7rem;
  padding: 0.2rem 0.7rem;
  box-shadow: 20%;
}
.article-card .pub-status {
  text-transform: capitalize;
}
.article-card .pub-status span {
  font-weight: 700;
  font-size: 0.7rem !important;
  padding: 6px !important;
}

.print-card {
  position: relative;
  background-color: #fff;
  margin-top: 0;
  padding: 40px 20px 20px 20px;
  border-radius: 5px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.print-card .top-content {
  justify-content: space-between;
}
.print-card .top-content .title,
.print-card .top-content .number {
  font-weight: 700;
}
.print-card .img-container {
  display: flex;
  align-items: center;
}
.print-card .img-container img {
  height: 100%;
  max-height: 150px;
}
.print-card .img-container .modal-main-img {
  max-width: 25% !important;
  margin: 0 auto !important;
}

.ribbon1 {
  position: absolute;
  top: -6.1px;
  right: 10px;
}
.ribbon1 span {
  color: #fff;
  font-size: 0.7rem !important;
  padding: 6px !important;
  text-transform: uppercase;
}
.ribbon1 span:after, .ribbon1 span:before {
  position: absolute;
  content: "";
}
.ribbon1.draft::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #f1c21b;
}
.ribbon1.draft span {
  position: relative;
  display: block;
  text-align: center;
  background: #f1c21b;
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.draft span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #f1c21b;
}
.ribbon1.draft span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: #d8ae18;
  border-radius: 8px 8px 0 0;
}
.ribbon1.original::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #f7a77f;
}
.ribbon1.original span {
  position: relative;
  display: block;
  text-align: center;
  background: #f7a77f;
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.original span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #f7a77f;
}
.ribbon1.original span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: #de9672;
  border-radius: 8px 8px 0 0;
}
.ribbon1.pending-review::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #ba4e00;
}
.ribbon1.pending-review span {
  position: relative;
  display: block;
  text-align: center;
  background: #ba4e00;
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.pending-review span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #ba4e00;
}
.ribbon1.pending-review span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: #a74600;
  border-radius: 8px 8px 0 0;
}
.ribbon1.roughed::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #a8a992;
}
.ribbon1.roughed span {
  position: relative;
  display: block;
  text-align: center;
  background: #a8a992;
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.roughed span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #a8a992;
}
.ribbon1.roughed span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: #979883;
  border-radius: 8px 8px 0 0;
}
.ribbon1.ready-to-proof::after, .ribbon1.ready-to-print::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #21215f;
}
.ribbon1.ready-to-proof span, .ribbon1.ready-to-print span {
  position: relative;
  display: block;
  text-align: center;
  background: #21215f;
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.ready-to-proof span:before, .ribbon1.ready-to-print span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #1d1d55;
}
.ribbon1.ready-to-proof span:after, .ribbon1.ready-to-print span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: #979883;
  border-radius: 8px 8px 0 0;
}
.ribbon1.ready-for-proofing::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid rgba(33, 33, 95, 0.5);
}
.ribbon1.ready-for-proofing span {
  position: relative;
  display: block;
  text-align: center;
  background: rgba(33, 33, 95, 0.5);
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.ready-for-proofing span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: rgba(33, 33, 95, 0.5);
}
.ribbon1.ready-for-proofing span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: rgba(33, 33, 95, 0.75);
  border-radius: 8px 8px 0 0;
}
.ribbon1.e-published-scheduled::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #f26722;
}
.ribbon1.e-published-scheduled span {
  position: relative;
  display: block;
  text-align: center;
  background: #f26722;
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.e-published-scheduled span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #f26722;
}
.ribbon1.e-published-scheduled span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: #d95c1e;
  border-radius: 8px 8px 0 0;
}
.ribbon1.e-published::after, .ribbon1.published::after, .ribbon1.printed::after, .ribbon1.transmit-digitial-replica-to-midtc-immediate::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #24a148;
}
.ribbon1.e-published span, .ribbon1.published span, .ribbon1.printed span, .ribbon1.transmit-digitial-replica-to-midtc-immediate span {
  position: relative;
  display: block;
  text-align: center;
  background: #24a148;
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.e-published span:before, .ribbon1.published span:before, .ribbon1.printed span:before, .ribbon1.transmit-digitial-replica-to-midtc-immediate span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #24a148;
}
.ribbon1.e-published span:after, .ribbon1.published span:after, .ribbon1.printed span:after, .ribbon1.transmit-digitial-replica-to-midtc-immediate span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: #209040;
  border-radius: 8px 8px 0 0;
}
.ribbon1.transmit-digitial-replica-to-midtc::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #2bc156;
}
.ribbon1.transmit-digitial-replica-to-midtc span {
  position: relative;
  display: block;
  text-align: center;
  background: #2bc156;
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.transmit-digitial-replica-to-midtc span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #2bc156;
}
.ribbon1.transmit-digitial-replica-to-midtc span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: #209040;
  border-radius: 8px 8px 0 0;
}
.ribbon1.transmit-digitial-replica-to-midtc-complete::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #1d813a;
}
.ribbon1.transmit-digitial-replica-to-midtc-complete span {
  position: relative;
  display: block;
  text-align: center;
  background: #1d813a;
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.transmit-digitial-replica-to-midtc-complete span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #1d813a;
}
.ribbon1.transmit-digitial-replica-to-midtc-complete span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: #209040;
  border-radius: 8px 8px 0 0;
}
.ribbon1.send-to-press::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #16612b;
}
.ribbon1.send-to-press span {
  position: relative;
  display: block;
  text-align: center;
  background: #16612b;
  font-size: 0.7rem;
  padding: 6px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1.send-to-press span:before {
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #16612b;
}
.ribbon1.send-to-press span:after {
  height: 6px;
  width: 8px;
  left: -8px;
  top: 0;
  background: #209040;
  border-radius: 8px 8px 0 0;
}

#slideOut {
  background-color: #fff;
  position: fixed;
  width: 350px;
  height: 100%;
  top: 52px;
  right: -350px;
  z-index: 9999;
  padding: 20px 0 20px 20px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  /* Animation  */
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
#slideOut .slideOutTab {
  margin-top: -10px;
  position: absolute;
  left: -40px;
  height: 200px;
  width: 40px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  background: #f26722;
  border-radius: 15px 0px 0px 15px;
}
#slideOut .slideOutTab .tab-heading {
  text-align: center;
  position: relative;
  right: 70px;
  top: 90px;
  background: #f26722;
  color: #fff;
  width: 180px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  writing-mode: lr-tb;
}
#slideOut .tm_content {
  height: 100%;
  overflow: scroll;
  padding-bottom: 30px;
  padding-right: 20px;
}
#slideOut .tm_content .custom-accordion .heading {
  font-size: 20px;
}
#slideOut .side-nav {
  max-width: 500px !important;
  height: 100%;
  position: fixed;
  z-index: 3;
  top: 0;
  right: 0;
  background-color: #f7f7f7;
  overflow-x: hidden;
  padding-top: 60px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: all ease-out 0.4s;
  transform: translateX(100%);
}
#slideOut .side-nav:after {
  content: "";
  background: #c8c8ec;
  border-radius: 50% 50% 25% 25%/25% 25% 0% 0%;
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#slideOut .side-nav .btn-close {
  position: absolute;
  right: 20px;
  font-size: 30px;
  font-weight: 700;
  color: #21215f;
  z-index: 222;
}
#slideOut .side-nav .btn-close:hover {
  text-decoration: none;
}
#slideOut .side-nav .menu-content {
  padding: 0 20px;
  position: relative;
  z-index: 3;
}
#slideOut .side-nav .menu-content .menu-heading {
  color: #21215f;
}
#slideOut .side-nav .menu-content .form-container .side-menu-heading {
  font-weight: 700;
}
#slideOut .side-nav .menu-content .form-container select {
  max-width: 100% !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
#slideOut .side-nav .menu-content .active-search-container .edit-criteria {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}
#slideOut .side-nav .menu-content .active-search-container .edit-criteria .search-heading {
  font-weight: 700;
  font-size: 20px;
}
@media (min-width: 768px) {
  #slideOut .side-nav .menu-content .active-search-container .edit-criteria .search-heading {
    margin-right: 15px;
  }
}
#slideOut .side-nav .menu-content .active-search-container .edit-criteria .search-heading span {
  font-weight: 400;
}
@media (min-width: 768px) {
  #slideOut .side-nav .menu-content .active-search-container .edit-criteria .btn-container .btn-cancel {
    margin-right: 10px;
  }
}
#slideOut .side-nav .menu-content .accordion-container:not(:last-of-type) {
  margin-bottom: 15px;
}
#slideOut .side-nav .menu-content .accordion-container .select-container select {
  max-width: 100% !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
@media (min-width: 768px) {
  #slideOut .side-nav .menu-content .accordion-container .select-container .left,
  #slideOut .side-nav .menu-content .accordion-container .select-container .right {
    flex: 1;
  }
}
@media (min-width: 768px) {
  #slideOut .side-nav .menu-content .accordion-container .select-container .left {
    padding-right: 20px;
  }
}
#slideOut .side-nav .menu-content .accordion-container .accordion {
  background-color: #eee;
  font-weight: 700;
  color: #21215f;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  border-radius: 15px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
#slideOut .side-nav .menu-content .accordion-container .accordion:hover, #slideOut .side-nav .menu-content .accordion-container .accordion:active {
  background-color: #ccc;
}
#slideOut .side-nav .menu-content .accordion-container .panel {
  padding: 30px 20px;
  display: none;
  background-color: white;
  overflow: hidden;
  border-radius: 15px;
}
#slideOut .side-nav .menu-content .accordion-container .panel .side-menu-heading {
  font-weight: 500;
}
#slideOut .side-nav .menu-content .btn-container-right {
  justify-content: end;
}
@media (min-width: 768px) {
  #slideOut .side-nav .menu-content .btn-container-right .btn-cancel {
    margin-right: 10px;
  }
}

.showSlideOut {
  right: 0px !important;
}

.pp-tool-menu-container .menu-heading-container {
  border-bottom: 1px solid #000;
}
.pp-tool-menu-container .menu-heading-container .heading {
  margin-bottom: 0;
}

.btn-primary {
  background-color: #f26722 !important;
  border-color: #f26722 !important;
  color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.btn-primary:hover {
  text-decoration: none;
}

.btn-secondary {
  background-color: #21215f !important;
  border-color: #21215f !important;
  color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.btn-secondary:hover {
  text-decoration: none;
}

.btn-secondary-alt {
  background-color: #fff;
  border: 1px solid #21215f !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  color: #21215f;
}

.btn-secondary-light {
  background: rgba(33, 33, 95, 0.5);
  border: 1px solid #21215f;
  color: #fff;
}

.btn-danger {
  background-color: #b32d2e !important;
  border: 1px solid #b32d2e !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
}
.btn-danger svg {
  margin-right: 10px;
}

.btn-danger-custom {
  display: inline-flex;
  align-items: center;
}
.btn-danger-custom svg {
  margin-right: 10px;
}

.btn-cancel {
  background-color: #f55353;
  border-color: #f55353;
  color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.btn-cancel:hover {
  text-decoration: none;
}

.btn-link {
  text-decoration: none !important;
}

.btn-ready {
  background-color: #3ccf4e !important;
  border-color: #3ccf4e !important;
  color: #fff !important;
  border-radius: 30px !important;
  padding: 4px;
  font-size: 14px;
  display: block;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.btn-ready:hover {
  text-decoration: none;
}
.btn-ready:hover {
  color: #fff;
}

.btn-component {
  background-color: #fff;
  border-color: #21215f !important;
  color: #000;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.panel-btn-container {
  display: flex;
  flex-direction: column;
}

.toggle-container {
  padding: 2px 15px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggle-container:first-of-type {
  border-radius: 4px 0 0 4px;
}
.toggle-container:last-of-type {
  border-radius: 0 4px 4px 0;
}
.toggle-container.current {
  background-color: #f26722;
  color: #fff;
  box-shadow: none;
}
.toggle-container.current a svg {
  color: #fff !important;
}
.toggle-container .toggle-button {
  color: #21215f !important;
}
.toggle-container .toggle-button a svg {
  color: #21215f !important;
}

.btn-round {
  background-color: #fff;
  border-radius: 50px !important;
  border: none;
  width: 45px;
  height: 45px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  position: relative;
  display: inline-block;
}
.btn-round .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #000;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 6px;
  left: -131px;
}
.btn-round.primary:hover {
  background-color: #f26722;
}
.btn-round.primary:hover .fa {
  color: #fff;
}
.btn-round.secondary .fa {
  color: #21215f !important;
}
.btn-round.secondary:hover {
  background-color: #21215f;
}
.btn-round.secondary:hover .fa {
  color: #fff !important;
}
.btn-round:hover {
  cursor: pointer;
}
.btn-round:hover .tooltiptext {
  visibility: visible;
}
.btn-round:not(:last-of-type) {
  margin-bottom: 15px;
}
.btn-round span {
  position: absolute;
  top: 0;
  left: -10%;
}
.btn-round img {
  width: 70%;
}

.toggle {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.toggle input {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
}
.toggle input:checked + label {
  background-color: #f26722;
  color: #fff;
  z-index: 1;
}
.toggle input + label {
  margin: 0;
  padding: 0px 10px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  border: solid 1px #000;
  background-color: #fff;
  font-size: 1rem;
  line-height: 140%;
  text-align: center;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
  /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
  /*flex: 0 0 50%; display: flex; justify-content: center; align-items: center;*/
  /* ----- */
}
.toggle input + label:first-of-type {
  border-radius: 30px 0 0 30px;
  border-right: none;
}
.toggle input + label:last-of-type {
  border-radius: 0 30px 30px 0;
  border-left: none;
}

.carousel-container {
  max-width: 1000px;
  margin: 0 auto;
}
.carousel-container .custom-carousel .slick-arrow {
  color: #21215f;
}
.carousel-container .custom-carousel .slick-arrow:before {
  color: #21215f;
}

.quick-start-container {
  background-color: #fff;
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  padding-top: 80px;
  display: none;
}
.quick-start-container .qs-heading-container {
  text-align: center;
  margin-bottom: 50px;
}
.quick-start-container .qs-heading-container .heading,
.quick-start-container .qs-heading-container .fa {
  font-size: 30px;
  color: #666666;
}
.quick-start-container .options-container .oc-heading-container .heading {
  color: #21215f;
}
.quick-start-container .options-container .oc-heading-container hr {
  border-color: #000;
}
.quick-start-container .option-links-container .option-link {
  border: 1px solid #000;
  padding: 25px;
  font-size: 28px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.quick-start-container .option-links-container .option-link:not(:last-of-type) {
  margin-bottom: 20px;
}

.chart-section {
  display: flex;
  justify-content: center;
}
.chart-section [type=checkbox]:checked,
.chart-section [type=checkbox]:not(:checked),
.chart-section [type=radio]:checked,
.chart-section [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  visibility: hidden;
}
.chart-section .checkbox-tools:checked + label,
.chart-section .checkbox-tools:not(:checked) + label {
  position: relative;
  display: inline-block;
  padding: 10px;
  width: 65px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  margin: 0 auto;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  text-transform: uppercase;
  color: #fff;
  transition: all 300ms linear;
}
.chart-section .checkbox-tools:not(:checked) + label {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.chart-section .checkbox-tools:not(:checked) + label .fa {
  color: #21215f;
}
.chart-section .checkbox-tools:checked + label {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.chart-section .checkbox-tools:checked + label .fa {
  font-size: 18px;
  color: #f26722;
}
.chart-section .checkbox-tools:not(:checked) + label:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.breaking-news {
  background-color: #b32d2e;
  box-shadow: inset 0% rgba(0, 0, 0, 0.4), 0 5px 10px rgba(0, 0, 0, 0.5);
  width: 350px;
  height: 30px;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.breaking-news span {
  float: left;
  color: #fff;
  padding: 6px 12px;
  position: relative;
  top: 1%;
  border-radius: 4px;
  box-shadow: inset 0% rgba(0, 0, 0, 0.4);
  font: 16px "Source Sans Pro", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.breaking-news span:hover + ul {
  animation-play-state: paused;
}
.breaking-news ul {
  float: left;
  padding-left: 20px;
  animation: ticker 10s cubic-bezier(1, 0, 0.5, 0) infinite;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.breaking-news ul:hover {
  animation-play-state: paused;
}
.breaking-news ul li {
  line-height: 30px;
  list-style: none;
}
.breaking-news ul li a {
  color: #fff;
  text-decoration: none;
  font: 14px Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@keyframes ticker {
  0% {
    margin-top: 0;
  }
  33% {
    margin-top: -40px;
  }
  66% {
    margin-top: -75px;
  }
  100% {
    margin-top: 0px;
  }
}
.custom-table-container thead {
  background-color: rgba(33, 33, 95, 0.25) !important;
  border-bottom: 1px solid #000 !important;
}
.custom-table-container thead tr th {
  font-size: 12px;
  line-height: 14.52px;
}
.custom-table-container tbody tr td {
  font-size: 12px;
  line-height: 14.52px;
}
.custom-table-container .summary-table thead {
  background: none;
  border: none;
}
.custom-table-container .summary-table thead tr th {
  font-size: 12px;
  line-height: 14.52px;
}
.custom-table-container .summary-table tbody {
  background-color: rgba(242, 103, 34, 0.25);
  border: 1px solid #000;
  border-radius: 10px !important;
}
.custom-table-container .summary-table tbody input {
  max-width: 60px;
  width: 100%;
}

.printpage-table-container {
  padding: 20px;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  max-height: 400px;
  overflow: scroll;
  overflow-x: hidden;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23f26722' fill-opacity='.5' d='M0,96L60,101.3C120,107,240,117,360,122.7C480,128,600,128,720,122.7C840,117,960,107,1080,90.7C1200,75,1320,53,1380,42.7L1440,32L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom;
}
.printpage-table-container::-webkit-scrollbar {
  width: 10px;
  border-radius: 5px;
}
.printpage-table-container::-webkit-scrollbar-thumb {
  background: #21215f;
  border-radius: 5px;
}
.printpage-table-container .printpage-table-block {
  border: 1px solid #000;
  border-radius: 5px;
}
.printpage-table-container .printpage-table-block:not(:last-of-type) {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .printpage-table-container .printpage-table-block .left-side {
    padding-right: 0;
  }
  .printpage-table-container .printpage-table-block .right-side {
    padding-left: 0;
  }
}
.printpage-table-container .printpage-table {
  border: 1px solid #c3c4c7;
  border-radius: 5px;
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background-color: #fff;
}
.printpage-table-container .printpage-table:not(:last-of-type) {
  margin-bottom: 15px;
}
.printpage-table-container .printpage-table .ribbon1 {
  position: absolute;
}
.printpage-table-container .printpage-table .left-side {
  padding: 20px 0;
}
.printpage-table-container .printpage-table .left-side .preview-container {
  height: 100%;
  text-align: center;
}
@media (min-width: 1200px) {
  .printpage-table-container .printpage-table .left-side .preview-container {
    text-align: left;
  }
}
.printpage-table-container .printpage-table .left-side .preview-container .modal-button img {
  border: 1px solid #c3c4c7;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  height: 225px;
}
.printpage-table-container .printpage-table .right-side .top-container {
  display: flex;
  justify-content: space-between;
  width: 85%;
  padding-top: 20px;
}
.printpage-table-container .printpage-table .right-side .top-container .section-heading .block-header {
  display: block;
  margin-bottom: 5px;
}
.printpage-table-container .printpage-table .right-side .created {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.printpage-table-container .printpage-table .right-side .ads-pagecolor {
  display: flex;
  justify-content: space-between;
  width: 85%;
}
.printpage-table-container .printpage-table .right-side .file-template-save {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}
.printpage-table-container .printpage-table .right-side .file-template-save .file-container img {
  width: 10%;
}

.articles-table .posts-header,
.pages-table .posts-header {
  width: 100%;
}
@media (min-width: 768px) {
  .articles-table .posts-header,
  .pages-table .posts-header {
    width: 50%;
  }
}

.articles .articles-table-view {
  background-color: #fff;
  position: relative;
  padding: 20px;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  max-height: 400px;
  overflow: scroll;
  overflow-x: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23f26722' fill-opacity='.5' d='M0,96L60,101.3C120,107,240,117,360,122.7C480,128,600,128,720,122.7C840,117,960,107,1080,90.7C1200,75,1320,53,1380,42.7L1440,32L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom;
}
.articles .articles-table-view::-webkit-scrollbar {
  width: 10px;
  border-radius: 5px;
}
.articles .articles-table-view::-webkit-scrollbar-thumb {
  background: #21215f;
  border-radius: 5px;
}
.articles .articles-table-view .article {
  background-color: #fff;
  position: relative;
  border: 1px solid #000;
  padding: 20px;
}
.articles .articles-table-view .article:not(:last-of-type) {
  margin-bottom: 20px;
}
.articles .articles-table-view .article .top-content {
  display: flex;
  position: relative;
  z-index: 2;
}
.articles .articles-table-view .article .top-content .creation-date {
  margin-right: 50px;
}
.articles .articles-table-view .article .top-content .title-container .heading {
  word-break: break-word;
}
.articles .articles-table-view .article .bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}
.articles .articles-table-view .article .bottom-content .statuses .status:not(:last-of-type) {
  margin-right: 20px;
}
.articles .articles-table-view .article .bottom-content .btn-container {
  display: flex;
}
.articles .articles-table-view .article .bottom-content .btn-container .btn-secondary:not(:last-of-type) {
  margin-right: 15px;
}

.multi-step-form-container {
  background-color: #fff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  position: relative;
  margin: 30px auto;
  max-width: 1200px;
  width: 100%;
}
.multi-step-form-container * {
  position: relative;
  z-index: 222;
}
.multi-step-form-container .tab-heading .step-arrow {
  background: transparent !important;
  border: none !important;
}
.multi-step-form-container .tab-content .content .acf-fields {
  border: none !important;
}
.multi-step-form-container .tab-content .content .acf-fields .acf-field {
  border: none;
}
.multi-step-form-container .tab-content .content select,
.multi-step-form-container .tab-content .content textarea,
.multi-step-form-container .tab-content .content .acf-date-picker,
.multi-step-form-container .tab-content .content .acf-time-picker {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.multi-step-form-container .tab-content .content .field-container {
  min-height: 220px;
}
.multi-step-form-container .tab-content .content .field-container #acf-field_63c043ae997c9 {
  resize: none !important;
}

.nav-pills .nav-item .nav-link-custom {
  position: relative;
  font-size: 13px;
  color: #000 !important;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  outline: none !important;
  margin: 0 2px;
  padding: 0px 20px;
  border: none;
  border-radius: 10px;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  cursor: pointer;
}
@media (min-width: 500px) {
  .nav-pills .nav-item .nav-link-custom {
    text-indent: 0;
  }
}
.nav-pills .nav-item .nav-link-custom:first-child:after {
  display: none;
}
.nav-pills .nav-item .nav-link-custom.active {
  background-color: #21215f;
  color: #fff !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.nav-pills .nav-item .nav-link-custom.active:before {
  transform: translateX(-50%) scale(1.2);
  background-color: currentColor;
}

.popover {
  display: inline-block;
  position: relative !important;
  background-color: none !important;
}
.popover--active .popover-content {
  transform: scale(1);
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
.popover-content {
  background-color: #fff;
  border-top: 2px solid #21215f;
  border-radius: 4px;
  margin: 8px 0;
  min-width: 100%;
  padding: 0.5rem 10px;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0 2px 3px 0 rgba(63, 63, 68, 0.2);
  transition-property: transform, opacity;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transform: scale(0.9);
  transform-origin: top left;
  display: block;
  opacity: 0;
  visibility: hidden;
}
.popover-content:after {
  bottom: 100%;
  left: 0.5rem;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #21215f;
  border-width: 7px;
}

.ppage-thumb-gallery {
  background-color: #fff;
  padding: 20px;
}
.ppage-thumb-gallery.hide {
  display: none !important;
  visibility: hidden;
}
.ppage-thumb-gallery .print-page-carousel-container {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-around;
}
.ppage-thumb-gallery .print-page-carousel-container.hide {
  display: none;
  visibility: hidden;
}
.ppage-thumb-gallery .print-page-carousel-container .featured-image-container {
  width: 80%;
  position: relative;
  z-index: 1;
}
.ppage-thumb-gallery .print-page-carousel-container .featured-image-container:hover #lens {
  width: 500px;
  height: 300px;
  border: 1px solid #000;
  position: absolute;
  z-index: 2;
  cursor: none;
  background-repeat: no-repeat;
}
.ppage-thumb-gallery .print-page-carousel-container .featured-image-container #featured {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid black;
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper {
  max-width: 700px;
  display: flex;
  min-height: 100px;
  align-items: center;
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper .thumb-arrow {
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: 0.3s;
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper .thumb-arrow:hover {
  opacity: 0.5;
  width: 35px;
  height: 35px;
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper #slider {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
  max-height: 1000px;
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper #slider .thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 180px;
  max-height: 200px;
  cursor: pointer;
  opacity: 0.5;
  margin: 5px;
  border: 2px solid black;
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper #slider .thumbnail:hover {
  opacity: 1;
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper #slider .active {
  opacity: 1;
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar {
  width: 8px;
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar-thumb {
  background-color: #dede2e;
  outline: 1px solid slategrey;
  border-radius: 100px;
}
.ppage-thumb-gallery .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar-thumb:hover {
  background-color: #18b5ce;
}
.ppage-thumb-gallery .print-page-carousel-container .thumbnail {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.po-box-wrapper .po-box {
  background-color: #f3f3f3;
  border: 1px solid #c3c4c7;
  border-radius: 8px;
  padding: 10px;
  position: relative;
  min-height: 175px;
}
.po-box-wrapper .po-box .chart-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  border-radius: 8px;
  z-index: 2;
  padding: 10px;
  transition: opacity 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
}
.po-box-wrapper .po-box .chart-overlay .close-overlay {
  padding: 0;
  height: 14px;
  width: 24px;
  height: 24px;
  position: relative;
  background-color: transparent;
  border: none;
  flex-shrink: 0;
  cursor: pointer;
}
.po-box-wrapper .po-box .chart-overlay .chart-header {
  align-items: center;
  justify-content: space-between;
}
.po-box-wrapper .po-box .po-box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.po-box-wrapper .po-box .po-box-header span {
  font-size: 12px;
  color: #c3c4c7;
  line-height: 16px;
}
.po-box-wrapper .po-box .po-box-header .more-wrapper {
  position: relative;
}
.po-box-wrapper .po-box .po-box-header .more-wrapper .po-btn-more {
  padding: 0;
  height: 14px;
  width: 24px;
  height: 24px;
  position: relative;
  background-color: transparent;
  border: none;
  flex-shrink: 0;
  cursor: pointer;
}
.po-box-wrapper .po-box .po-box-content-header .box-content-header {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  opacity: 0.7;
}
.po-box-wrapper .po-box .chart-container {
  position: relative;
}
.po-box-wrapper .po-box.open .chart-overlay {
  visibility: visible;
  opacity: 1;
}
.po-box-wrapper .po-box .eedition-progress-bar-container progress {
  accent-color: #f26722;
}

.image_xml_container {
  background-color: #fff;
  padding: 20px;
}
.image_xml_container .input-container {
  text-align: left;
  display: block;
}
@media (min-width: 768px) {
  .image_xml_container .input-container {
    display: flex;
  }
}
.image_xml_container .input-container .form-check {
  padding-left: 0;
}
.image_xml_container .input-container .form-check:first-of-type {
  margin-right: 15px;
}
.image_xml_container .input-container .form-check-input {
  display: none;
}
.image_xml_container .input-container .form-check-input:checked + .form-check-label {
  background-color: #c8c8ec;
  color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;
}
.image_xml_container .input-container .form-check-label {
  background-color: #fff;
  border: 1px solid #666666;
  border-radius: 20px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922);
  font-size: 12px;
  min-width: 125px;
  padding: 2px 10px;
  text-align: center;
  cursor: pointer;
}
.image_xml_container .feat-image-container {
  display: none;
}
.image_xml_container .feat-image-container.show {
  display: block;
}
.image_xml_container .feat-image-container .img-container img {
  max-height: 735px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.image_xml_container .xml-container {
  display: none;
}
.image_xml_container .xml-container.show {
  display: block;
}

.page-tools-toggle-btn {
  position: relative;
  background: #333;
  color: white;
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  z-index: 5;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .page-tools-toggle-btn {
    display: none;
  }
}
.tools-xml-container {
  display: flex;
  position: relative;
  width: 100%;
  /* Desktop View */
  /* Open class for toggle */
}
.tools-xml-container #page-tools {
  position: absolute;
  left: -110%;
  width: 100%;
  height: 400px;
  overflow: hidden;
  overflow-y: scroll;
  color: #000;
  transition: left 0.3s ease-in-out;
}
.tools-xml-container .xml-preview {
  flex: 1;
  min-height: 400px;
}
@media (min-width: 768px) {
  .tools-xml-container #page-tools {
    position: relative;
    left: 0;
    width: 25%;
    height: 100%;
    overflow: visible;
    border-right: 1px solid #000;
  }
  .tools-xml-container .page-tools-toggle-btn {
    display: none;
  }
}
.tools-xml-container #page-tools.open {
  left: 0;
}

.tools-xml-container .tools-container {
  background-color: #fff;
}
.tools-xml-container .tools-container .tools-header {
  background-color: rgba(33, 33, 95, 0.2);
  display: flex;
  align-items: center;
}
.tools-xml-container .tools-container .tools-header .tools-img {
  width: 10%;
}
.tools-xml-container .tools-container .modal-accordion-container:not(:last-of-type) {
  border-bottom: 1px solid #000;
}
.tools-xml-container .tools-container .custom-accordion {
  box-shadow: none;
}
.tools-xml-container .tools-container .custom-accordion .heading {
  font-size: 1rem;
}
.switch-field {
  display: flex;
  overflow: hidden;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 8px 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #f26722;
  color: #fff;
  box-shadow: none;
}

.switch-field label:first-of-type {
  border-radius: 30px 0 0 30px;
}

.switch-field label:last-of-type {
  border-radius: 0 30px 30px 0;
}

.stepform {
  position: relative;
  z-index: 9;
  background-color: #fff;
  border: 1px solid #c3c4c7;
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 20px;
  min-height: 250px;
}
.stepform:after {
  position: absolute;
  content: "";
  background-image: url("../images/step-form-border.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.stepform input.invalid {
  background-color: #ffdddd;
}
.stepform #main-steps-container {
  position: relative;
  z-index: 3;
  top: 75px;
}
.stepform #main-steps-container.steps-container {
  position: relative;
  z-index: 3;
}
.stepform #main-steps-container.steps-container .nav-tabs {
  border: none;
}
.stepform #main-steps-container.steps-container .nav-tabs .nav-item:not(:last-of-type) {
  margin-right: 10px;
}
.stepform #main-steps-container.steps-container .nav-tabs .nav-item .nav-link {
  background: none;
  border: none;
  color: #000;
  border-radius: 100px;
  padding: 3px 30px;
}
.stepform #main-steps-container.steps-container .nav-tabs .nav-item .nav-link.active {
  background-color: #21215f !important;
  color: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
}
.stepform #main-steps-container.steps-container .nav-tabs .nav-item .nav-link:focus {
  outline: none !important;
}
.stepform #router-steps-container.router-steps-container {
  position: relative;
  z-index: 3;
}
.stepform #router-steps-container.router-steps-container .nav-tabs {
  border: none;
}
.stepform #router-steps-container.router-steps-container .nav-tabs .nav-item:not(:last-of-type) {
  margin-right: 10px;
}
.stepform #router-steps-container.router-steps-container .nav-tabs .nav-item .nav-link {
  border: none;
  color: #337ab7;
}
.stepform #router-steps-container.router-steps-container .nav-tabs .nav-item .nav-link.active {
  background-color: none;
  color: #000;
  font-weight: 700;
}
.stepform .heading-container {
  position: relative;
  z-index: 2;
}
.stepform .tab-content {
  position: relative;
  z-index: 2;
}
.stepform .tab-content .tab-heading {
  margin-bottom: 100px;
  position: relative;
  top: -20px;
}

#secondary-steps-container.steps-container {
  position: relative;
  z-index: 3;
}
#secondary-steps-container.steps-container .nav-tabs {
  border: none;
}
#secondary-steps-container.steps-container .nav-tabs .nav-item:not(:last-of-type) {
  margin-right: 10px;
}
#secondary-steps-container.steps-container .nav-tabs .nav-item .secondary-nav-link {
  border: none;
  color: #000;
  border-radius: 100px;
  padding: 3px 30px;
}
#secondary-steps-container.steps-container .nav-tabs .nav-item .secondary-nav-link.active {
  background-color: #f26722;
  color: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
}
#secondary-steps-container.steps-container .nav-tabs .nav-item .secondary-nav-link:focus {
  outline: none !important;
}

#optional-steps-container {
  position: relative;
  z-index: 3;
}
#optional-steps-container.steps-container {
  position: relative;
  z-index: 3;
}
#optional-steps-container.steps-container .nav-tabs {
  border: none;
}
#optional-steps-container.steps-container .nav-tabs .nav-item:not(:last-of-type) {
  margin-right: 10px;
}
#optional-steps-container.steps-container .nav-tabs .nav-item .nav-link {
  background: none;
  border: none;
  color: #000;
  border-radius: 100px;
  padding: 3px 30px;
}
#optional-steps-container.steps-container .nav-tabs .nav-item .nav-link.active {
  background-color: #21215f !important;
  color: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
}
#optional-steps-container.steps-container .nav-tabs .nav-item .nav-link:focus {
  outline: none !important;
}

.tertiery-nav-link {
  border: none;
  color: #000;
  border-radius: 100px;
  padding: 3px 30px;
}
.tertiery-nav-link.active {
  background-color: #f26722;
  color: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
}
.tertiery-nav-link:focus {
  outline: none !important;
}

.toolbar-container {
  text-align: center;
  position: fixed;
  bottom: 10px;
  z-index: 99999;
  width: 78%;
}
.toolbar-container .toolbar {
  background: rgba(0, 0, 0, 0.85);
  min-width: 300px;
  border-radius: 23px;
  padding: 5px 10px;
}
.toolbar-container .toolbar .tbitem .btn {
  font-size: 12px;
  font-family: "Karla", sans-serif !important;
}
.toolbar-container .toolbar .tbitem .fa {
  color: #fff;
}
.toolbar-container .toolbar .tbitem a {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 768px) {
  .toolbar-container .toolbar {
    min-width: 500px;
  }
  .toolbar-container .toolbar .tbitem .btn,
  .toolbar-container .toolbar .tbitem a {
    font-size: 14px;
  }
}
.toolbar-container #revisions-tools-panel {
  max-width: 540px;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 0;
  background: rgba(0, 0, 0, 0.85);
  padding: 15px;
  border-radius: 10px;
  margin: 10px auto;
}
.toolbar-container #revisions-tools-panel .rvy-creation-ui {
  margin-bottom: 0 !important;
}

.error {
  display: none;
}

.test.control-sidebar-open {
  display: block !important;
  margin-right: -45px !important;
  right: 0 !important;
  background: #666666 !important;
  position: absolute !important;
  margin-top: 52px !important;
  width: 230px !important;
  transition: right 0.3s ease-in-out;
}

.test.control-sidebar-open a {
  padding: 12px 5px 12px 15px;
}

.nav > li > a {
  position: relative !important;
  display: block !important;
  padding: 10px 15px !important;
}

#profile_container a {
  color: white;
}

.test {
  display: none !important;
}

.sidebar-menu {
  clear: both !important;
}
.sidebar-menu li {
  float: none !important;
}
.sidebar-menu li a {
  padding: 12px 5px 12px 15px !important;
  display: block !important;
}
.sidebar-menu li ahover {
  background-color: #444444 !important;
}

#collapse-menu {
  display: none;
  visibility: hidden;
}

#wpfooter {
  display: none !important;
  visibility: hidden;
}

#adminmenu {
  background-color: #666666;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  bottom: 0;
  top: 0;
  min-height: calc(100% - 52px);
  width: 230px;
  margin-top: 52px;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.72, #9190b0));
}

#wpcontent {
  margin-left: 230px;
}

#wp-menu-name {
  font-size: 13px;
  line-height: 20px;
  color: #f3f3f3;
}

#wpwrap {
  position: initial;
}

ul#adminmenu a.wp-has-current-submenu:after,
ul#adminmenu > li.current > a.current:after {
  display: none;
}

#adminmenuwrap {
  background-color: #666666;
  position: absolute !important;
  width: 230px;
  min-height: 100%;
}

#adminmenuback {
  display: none;
}

.wp-menu-open .wp-submenu {
  display: block;
  position: relative !important;
  z-index: 3 !important;
  top: auto !important;
  left: 45px !important;
  right: auto !important;
  bottom: auto !important;
  border: 0 none !important;
  margin-top: 0 !important;
  box-shadow: none !important;
  background-color: #666666 !important;
}

.wp-submenu {
  display: none;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
  color: #fff !important;
  background: #666666 !important;
}

#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu a:hover,
#adminmenu a:hover,
#adminmenu li.menu-top > a:focus {
  color: #fff;
}

.update-plugins {
  display: none !important;
}

.wp-menu-separator {
  display: none !important;
}

#adminmenu li {
  padding: 5px 0px 5px 5px;
}

#adminmenu a:focus,
#adminmenu a:hover,
.folded #adminmenu .wp-submenu-head:hover {
  box-shadow: none !important;
  transition: none !important;
}

#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
.folded #adminmenu li.wp-has-current-submenu {
  background-color: none;
}

.folded #adminmenu,
.folded #adminmenu li.menu-top,
.folded #adminmenuback,
.folded #adminmenuwrap {
  transform: translate(0, 0);
  width: 50px !important;
  z-index: 850;
}

#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
.folded #adminmenu li.wp-has-current-submenu {
  background: #666666 !important;
  color: #f0f0f1 !important;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
  color: #fff;
  background: #444444;
}

#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before {
  color: #fff;
}

#wpadminbar {
  background-color: #333055;
  min-height: 52px;
}

.logo {
  background-color: #9190b0 !important;
  color: #fff !important;
  border-bottom: 0 solid transparent !important;
  transition: width 0.3s ease-in-out !important;
  display: block !important;
  float: left !important;
  font-size: 20px !important;
  line-height: 50px !important;
  text-align: center !important;
  width: 228px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  padding: 0 1px !important;
  font-weight: 300 !important;
  overflow: hidden !important;
}

.logo:hover {
  background-color: #78779c !important;
}

#wpadminbar .quicklinks .ab-empty-item,
#wpadminbar .quicklinks a,
#wpadminbar .shortlink-input {
  height: initial;
  display: initial;
  padding: 0px;
  margin: 0px;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

.sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 16px 16px;
  font-family: fontAwesome;
}

#wpwrap {
  margin-top: 20px;
}

.woocommerce-layout__header {
  margin-top: 20px;
  width: calc(100% - 245px) !important;
}

.woocommerce-page .wp-has-current-submenu:after {
  display: none !important;
}

#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
  display: none !important;
}

.menu-top {
  border-left: 3px solid transparent;
}

#wpbody-content {
  padding-bottom: 0px !important;
}

a {
  color: #337ab7;
}

a:hover {
  color: #f26722;
}

.far {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

.ab-item > a {
  color: #fff;
}

#wp-admin-bar-user-details,
#wp-admin-bar-settings,
#wp-admin-bar-flag,
#wp-admin-bar-alert,
#wp-admin-bar-mail {
  float: right !important;
}

#wp-admin-bar-user-details {
  margin-right: 20px !important;
}

#wp-admin-bar-settings {
  margin-right: 25px !important;
}

#wp-admin-bar-flag {
  margin-right: 30px !important;
}

#wp-admin-bar-alert {
  margin-right: 35px !important;
}

#wp-admin-bar-mail {
  margin-right: 40px !important;
}

#version {
  margin-left: 20px;
  color: white !important;
}

#version a {
  color: #f26722 !important;
}

#version a:hover {
  color: gray !important;
}

.user-syntax-highlighting-wrap,
.user-admin-color-wrap,
.user-comment-shortcuts-wrap,
.user-admin-bar-front-wrap,
.user-rich-editing-wrap,
#application-passwords-section,
#your-profile > h2:nth-of-type(1) {
  display: none;
}

#wp-admin-bar-root-default {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

#wp-admin-bar-collapse {
  grid-column: 1;
  grid-row: 1;
  width: -moz-fit-content;
  width: fit-content;
}

#wp-admin-bar-logo {
  grid-column: 2;
  grid-row: 1;
  margin: auto !important;
}

#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item {
  background: none !important;
}

#wp-admin-bar-user-details {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}

#collapse_container {
  width: 34px !important;
  height: 36px !important;
  display: block !important;
  padding-left: 16px !important;
  padding-top: 16px !important;
}

#collapse_container:hover {
  background-color: #9190b0 !important;
  cursor: pointer;
}

.collapse {
  float: left !important;
  width: 16px !important;
  height: 16px !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTAgOTZDMCA3OC4zIDE0LjMgNjQgMzIgNjRINDE2YzE3LjcgMCAzMiAxNC4zIDMyIDMycy0xNC4zIDMyLTMyIDMySDMyQzE0LjMgMTI4IDAgMTEzLjcgMCA5NnpNMCAyNTZjMC0xNy43IDE0LjMtMzIgMzItMzJINDE2YzE3LjcgMCAzMiAxNC4zIDMyIDMycy0xNC4zIDMyLTMyIDMySDMyYy0xNy43IDAtMzItMTQuMy0zMi0zMnpNNDQ4IDQxNmMwIDE3LjctMTQuMyAzMi0zMiAzMkgzMmMtMTcuNyAwLTMyLTE0LjMtMzItMzJzMTQuMy0zMiAzMi0zMkg0MTZjMTcuNyAwIDMyIDE0LjMgMzIgMzJ6Ii8+PC9zdmc+") !important;
  background-size: 16px;
  display: block !important;
}

.dropdown-toggle::after {
  display: none !important;
}

.profile_icon {
  float: left !important;
  margin-left: 20px !important;
  margin-top: 8px !important;
}

#profile {
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  padding: 3px !important;
  border-radius: 50% !important;
}

.panel-info {
  position: relative;
}
.panel-info:after {
  content: "";
  position: absolute;
  width: 100%;
  min-height: 300px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23f26722' fill-opacity='1' d='M0,128L80,149.3C160,171,320,213,480,234.7C640,256,800,256,960,213.3C1120,171,1280,85,1360,42.7L1440,0L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  bottom: 0;
}
.panel-info .panel-container {
  display: flex;
  justify-content: space-evenly;
}

.content .left-side {
  width: 10%;
}
.content .right-side {
  width: 90%;
}

.create-component-select {
  flex-direction: column;
  align-items: center;
}

.components-container {
  margin-top: 30px;
}
.components-container .article-component {
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  margin-bottom: 30px;
}
.components-container .article-component .top-content {
  background-color: #c3c4c7;
  border-bottom: 1px solid #000;
  border-radius: 3px;
  padding: 10px;
}
.components-container .article-component .top-content .heading {
  font-size: 18px;
  font-weight: 700;
  color: #21215f;
}
.components-container .article-component .top-content .link-containers {
  display: flex;
  justify-content: space-between;
  width: 20%;
}
.components-container .article-component .top-content .link-containers .article-link {
  color: #000;
}
@media (min-width: 768px) {
  .components-container .article-component .top-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.components-container .article-component .middle-content {
  padding: 10px;
  margin-bottom: 50px;
}
.components-container .article-component .bottom-content {
  padding: 10px;
  border-top: 1px solid #000;
}
.components-container .article-component .bottom-content span {
  color: #c3c4c7;
}

.file-search-container {
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .file-search-container {
    display: flex;
  }
}
.file-search-container .left-side {
  flex: 1;
}
.file-search-container .right-side .search {
  border-radius: 50px;
}

.file-container .file {
  background-color: #c3c4c7;
  border: 1px solid #000;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
}
.file-container .file .drag-bar {
  background-color: #f26722;
  text-align: center;
  padding: 10px 0;
  border-radius: 5px;
  margin-bottom: 15px;
}
.file-container .file .file-name {
  text-align: center;
  max-width: 250px;
  margin: 0 auto 15px auto;
}
.file-container .file .file-name .file-rename {
  display: flex;
  justify-content: space-around;
}
.file-container .file .file-name .file-rename a {
  text-decoration: underline;
}
.file-container .file .img-preview {
  max-width: 225px;
  margin: 15px auto 15px auto;
}
.file-container .file .img-preview img {
  border-radius: 5px;
}
.file-container .file .img-preview .img-ratio {
  margin-top: 10px;
  justify-content: space-between;
  align-items: center;
}
.file-container .file .img-preview .img-ratio .rgb span {
  font-size: 12px;
  font-weight: 700;
}
.file-container .file .img-preview .img-ratio .rgb span.red {
  color: red;
}
.file-container .file .img-preview .img-ratio .rgb span.green {
  color: green;
}
.file-container .file .img-preview .img-ratio .rgb span.blue {
  color: blue;
}
.file-container .file .img-preview .img-ratio .ratio {
  font-size: 12px;
}
.file-container .file .forms-container {
  padding: 0 10px;
}
.file-container .file .forms-container .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.file-container .file .forms-container .top .btn-component {
  font-size: 12px;
}
.file-container .file .forms-container .top .form-group {
  width: 45%;
  margin-bottom: 0;
}
.file-container .file .forms-container .middle .form-control {
  border: 1px solid #000;
}
.file-container .file .forms-container .bottom {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}
.file-container .file .forms-container .bottom .form-group {
  width: 45%;
  margin-bottom: 0;
}
.file-container .file .forms-container .bottom .form-check {
  width: 45%;
  align-items: center;
}
.file-container .file .forms-container .bottom .form-check .form-check-label {
  padding-left: 20px;
}
.file-container .file .forms-container .bottom-text {
  margin-bottom: 15px;
  font-size: 12px;
}

/* Modal */
.my-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999 !important; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto !important; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
  /* The Close Button */
  /* Modal Content */
}
.my-modal .close {
  color: #000;
  right: 6.5%;
  top: 10px;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  opacity: 1;
  z-index: 1;
}
.my-modal .close:hover, .my-modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.my-modal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 90%;
  position: relative;
  /* The Close Button */
}
.my-modal .modal-content .close {
  color: #000;
  right: 10px;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 20px;
  opacity: 1;
}
.my-modal .modal-content .close:hover, .my-modal .modal-content .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.my-modal .modal-content .modal-accordion-container .form-group input,
.my-modal .modal-content .modal-accordion-container .form-group select,
.my-modal .modal-content .modal-accordion-container .form-group textarea {
  max-width: 100% !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.my-modal .modal-content .print-page-carousel-container {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-around;
}
.my-modal .modal-content .print-page-carousel-container .featured-image-container {
  width: 80%;
  position: relative;
  z-index: 1;
}
.my-modal .modal-content .print-page-carousel-container .featured-image-container:hover #lens {
  width: 500px;
  height: 300px;
  border: 1px solid #000;
  position: absolute;
  z-index: 2;
  cursor: none;
  background-repeat: no-repeat;
}
.my-modal .modal-content .print-page-carousel-container .featured-image-container #featured {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid black;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper {
  max-width: 700px;
  display: flex;
  min-height: 100px;
  align-items: center;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper .thumb-arrow {
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: 0.3s;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper .thumb-arrow:hover {
  opacity: 0.5;
  width: 35px;
  height: 35px;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
  max-height: 1000px;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider .thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 180px;
  max-height: 200px;
  cursor: pointer;
  opacity: 0.5;
  margin: 5px;
  border: 2px solid black;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider .thumbnail:hover {
  opacity: 1;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider .active {
  opacity: 1;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar {
  width: 8px;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar-thumb {
  background-color: #dede2e;
  outline: 1px solid slategrey;
  border-radius: 100px;
}
.my-modal .modal-content .print-page-carousel-container #slide-wrapper #slider::-webkit-scrollbar-thumb:hover {
  background-color: #18b5ce;
}
.my-modal .modal-content .print-page-carousel-container .thumbnail {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.my-modal .modal-content.create-new {
  max-width: 700px;
  min-height: 400px;
  margin: 0 auto;
  top: 15%;
  position: relative;
}
.my-modal .modal-content.create-new:after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23F26722' fill-opacity='0.5' d='M0,32L80,37.3C160,43,320,53,480,69.3C640,85,800,107,960,101.3C1120,96,1280,64,1360,48L1440,32L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 100%;
  height: 247px;
  left: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.my-modal .modal-content.create-new .heading-container {
  text-align: center;
  margin-top: 10%;
}
.my-modal .modal-content.create-new .btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 222;
}
.my-modal .modal-content.create-new .btn-container .btn-secondary-alt {
  width: 300px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-modal .modal-content.add-edition {
  max-width: 700px;
  min-height: 500px;
  margin: 0 auto;
  top: 25%;
  position: relative;
}
.my-modal .modal-content.add-edition:after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23F26722' fill-opacity='0.5' d='M0,32L80,37.3C160,43,320,53,480,69.3C640,85,800,107,960,101.3C1120,96,1280,64,1360,48L1440,32L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 100%;
  height: 247px;
  left: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.my-modal .modal-content.add-edition .select-heading {
  text-align: center;
  display: block;
  max-width: 300px;
  margin: 20px auto;
}
.my-modal .modal-content.add-edition .create-edition-container {
  background-color: #c8c8ec;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  padding: 20px;
  position: relative;
  z-index: 2;
}
.my-modal .modal-content.add-edition .create-edition-container .heading-container {
  display: flex;
}
.my-modal .modal-content.add-edition .create-edition-container .btn-container {
  text-align: center;
}
.my-modal .modal-content.add-edition .create-edition-container .btn-container .btn {
  width: 100%;
}

.modal-button {
  border: none !important;
  background: none;
}

.at-a-glance-container {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  position: relative;
}
.at-a-glance-container * {
  z-index: 2;
}
.at-a-glance-container .custom-table-container .table td img {
  max-height: 85px;
}
.at-a-glance-container .custom-table-container .table td .btn {
  font-size: 12px;
}
.at-a-glance-container .btn-container {
  position: relative;
  z-index: 2;
}

.wp-heading-inline {
  display: flex !important;
  justify-content: center;
}

.edit-slug {
  background: rgba(33, 33, 95, 0.5) !important;
  border: none !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  color: #fff !important;
}

.post-type-articles .wrap,
.post-type-print-pages .wrap {
  padding-left: 40px;
}
.post-type-articles .wrap .wp-heading-inline,
.post-type-print-pages .wrap .wp-heading-inline {
  font-size: 30px;
  color: #666666;
  font-weight: 500;
}

.post-type-articles .metabox-holder {
  margin-right: 0 !important;
}
.post-type-articles #postbox-container-1 {
  float: none !important;
  margin-right: 0 !important;
  display: none;
  visibility: hidden;
}
.post-type-articles #acfe-author,
.post-type-articles .page-title-action {
  display: none;
  visibility: hidden;
}

.acf-field {
  border-left: none !important;
}

.preview-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 22;
}
.preview-container .qr-form-container {
  background-color: #fff;
  height: 190px;
  max-width: 450px;
  border-radius: 4px;
  padding: 16px 25px;
  transition: height 0.2s ease;
}
.preview-container .qr-form-container.active {
  height: 450px;
}
.preview-container .qr-form-container.active .qr-code {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.5 0s ease;
}
.preview-container .qr-form-container header h3 {
  font-size: 18px;
}
.preview-container .qr-form-container .qr-code {
  display: flex;
  opacity: 0;
  pointer-events: none;
  padding: 33px 0;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}

.sv-meta-container .row {
  padding-bottom: 10px;
}
.sv-meta-container .left-side {
  display: inline-flex;
}
.sv-meta-container .left-side .acf-field {
  margin: 0;
}
.sv-meta-container .right-side {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.sv-meta-container .right-side .btn-container {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.author-container {
  position: relative;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 40px 20px;
}
.author-container .ac-container {
  display: flex;
  align-items: center;
}
.author-container .ac-container .wb-container label {
  margin-bottom: 0;
}

.wp-media-buttons {
  display: flex;
  margin-bottom: 10px;
}

.wp-editor-tabs {
  margin-top: 10px;
}

#revisionsdiv,
#submitdiv,
#postdivrich,
.accordion-container {
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 40px 20px;
}
#revisionsdiv .inside,
#submitdiv .inside,
#postdivrich .inside,
.accordion-container .inside {
  position: relative;
}
#revisionsdiv .custom-accordion,
#submitdiv .custom-accordion,
#postdivrich .custom-accordion,
.accordion-container .custom-accordion {
  position: relative;
  z-index: 222;
}

#postdivrich {
  margin-top: 20px;
  z-index: 1;
}
#postdivrich #content_ifr .post-type-articles p {
  font-size: 30px !important;
}
@media (min-width: 768px) {
  #postdivrich #content_ifr .post-type-articles p {
    font-size: 30px !important;
  }
}
#postdivrich #wp-content-editor-tools {
  background: none;
}
#postdivrich .postbox-header {
  position: relative;
  z-index: 2;
}

.input-container {
  text-align: center;
}
.input-container .btn {
  width: 100%;
  max-width: 500px;
  height: 36px;
  background: #21215f;
  border: none;
  font-size: 14px;
}

.wp-editor-tools,
.mce-toolbar-grp {
  position: absolute !important;
  top: 0 !important;
}

.acf-field-63c17906abf5c,
.acf-field-63c178d6abf5b,
.acf-field-642f060fda9b7,
.acf-field-63c179bb3375e,
.acf-field-63c179d03375f,
.acf-field-642f0d45ee597 {
  padding-left: 0 !important;
}

.acf-field-61b7eb4c3ee5f,
.acf-field-63c03d0ef4dd1 {
  padding-right: 0 !important;
}

.acf-field-642d8b4eef41a input[type=radio] {
  display: none !important;
  visibility: hidden !important;
  position: fixed;
  opacity: 0;
  pointer-events: none;
}
.acf-field-642d8b4eef41a label.selected {
  background-color: #21215f;
  padding: 5px 10px;
  border-radius: 15px;
  color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.post-type-print-pages #postdivrich.hide {
  display: none;
  visibility: hidden;
}

.post-type-acf-field-group #publishing-action,
.post-type-acf-field-group #delete-action,
.post-type-acf-field-group .post-type-attachment {
  display: block !important;
  visibility: visible !important;
}

#publishing-action,
#delete-action {
  display: none !important;
  visibility: hidden !important;
}

.rvy-creation-ui {
  display: flex;
  justify-content: center;
}

.rvy-misc-actions {
  float: none !important;
  display: flex;
  justify-content: center;
}
.rvy-misc-actions #rvy_compare_button {
  float: none !important;
  width: 100% !important;
  max-width: 350px !important;
  text-align: center;
}

.heading-container .page-title {
  margin-bottom: 0;
  font-size: 40px;
  color: #666666;
  line-height: 48px;
}

.top-container {
  border-bottom: 1px solid #999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}
.top-container .tab-links .tab-link {
  color: rgba(102, 102, 102, 0.5);
}
.top-container .tab-links .tab-link.active {
  color: #000;
}
.top-container .search-container {
  display: flex;
}
.top-container .search-container .form-control,
.top-container .search-container .form-select {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.layout-table-container .lt-top-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout-table-container .lt-top-container .btn-container .btn {
  display: inline-flex;
  align-items: center;
}
.layout-table-container .lt-top-container .filter-container {
  display: flex;
  align-items: center;
}
.layout-table-container .lt-top-container .filter-container span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 17px;
}
.layout-table-container .lt-table-container .table {
  background-color: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0px 0px 8px 8px;
}
.layout-table-container .lt-table-container .table th {
  border-top: none;
}
.layout-table-container .lt-table-container .table th span {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 22px;
}

.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.tabs li {
  display: inline-block;
  margin: 0;
  padding: 10px 20px 5px 20px;
  cursor: pointer;
  font-size: 1.2em;
  line-height: 2em;
  color: #666666;
}

.tabs li.current {
  color: #000;
}

.modal {
  overflow: visible !important;
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  margin-top: 8%;
}
.modal-content.production {
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.modal-content.production::after {
  content: "";
  display: block;
  width: 100%;
  height: 242px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23F26722' fill-opacity='0.5' d='M0,256L120,256C240,256,480,256,720,245.3C960,235,1200,213,1320,202.7L1440,192L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-heading-container {
  position: relative;
  z-index: 222;
}
.pub-sections-container {
  position: relative;
  z-index: 222;
  justify-content: space-between;
}
.pub-sections-container .ps-left-side,
.pub-sections-container .ps-right-side {
  width: 45%;
}
.pub-sections-container .ps-left-side .form-select,
.pub-sections-container .ps-right-side .form-select {
  max-width: 100% !important;
}

.no-of-pages-container {
  position: relative;
  z-index: 222;
}

.page-color-selection-container {
  position: relative;
  z-index: 222;
  background-color: #fff;
  border: 1px solid #666666;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
  border-radius: 10px;
  padding: 20px;
  height: 220px;
  overflow: scroll;
  overflow-x: hidden;
}
.page-color-selection-container .pcs-container .pc-color-selec-box {
  background-color: #f3f3f3;
  min-height: 85px;
  border: 1px solid #666666;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-align: center;
  margin-bottom: 10px;
}
.ap-wire-sticky-container {
  display: flex;
  flex-wrap: wrap;
}
.ap-wire-sticky-container .article-sticky-note {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  min-height: 10em;
  width: 31%;
  padding: 1em;
  margin: 1em;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ap-wire-sticky-container .article-sticky-note .heading {
  font-size: 20px;
  font-weight: 700;
}
.ap-wire-sticky-container .article-sticky-note .categories-container {
  display: flex;
}
.ap-wire-sticky-container .article-sticky-note .categories-container .cat-heading {
  font-size: 18px;
  margin-right: 10px;
}
.ap-wire-sticky-container .article-sticky-note .categories-container .cat-heading .category {
  font-size: 16px;
}
.ap-wire-sticky-container .article-sticky-note .geo-tagging {
  display: flex;
}
.ap-wire-sticky-container .article-sticky-note .geo-tagging .geo-heading {
  font-size: 18px;
  margin-right: 10px;
}
.ap-wire-sticky-container .article-sticky-note .geo-tagging .city {
  margin-right: 5px;
}
.ap-wire-sticky-container .article-sticky-note .places .places-heading {
  font-size: 18px;
  margin-right: 10px;
}
.ap-wire-sticky-container .article-sticky-note .people {
  display: flex;
}
.ap-wire-sticky-container .article-sticky-note .people .people-heading {
  font-size: 18px;
  margin-right: 10px;
}

.search-filter-container {
  display: flex;
  align-items: center;
}
.search-filter-container .search-container {
  margin-right: 10px;
}
.search-filter-container .search-container #s {
  background: rgba(0, 0, 0, 0.375) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQBJREFUeNqslI0RgyAMhdENWIEVWMEVXIGO0BW6Ah2hHcGOoCPYEewINFzBe9IA9id37w4kfEZesHHOCSYUqSPJML+RJlELDwN1pMHxMZNMkr8RTgyz2YPH5LmtwXpIHkOFmKhIlxowDmYAycKnHAHYcTCsSpXOJCie6YWDnXKLGeHLN2stGaqDsXXrX3GFcYcLrfhjtKEhffQ792gYT2nT6pJDjCw4z7ZGdGipOIqNbXIwFUARmCbKpMfYxsWJBmCEDoW7+gYUTAU2s3HJrK3AJvMLkqGHFLgWXTckm+SfSQexs+tLRqwVfgvjgMsvMAT689S5M/sk/I14kO5PAQYAuk6L1q+EdHMAAAAASUVORK5CYII=) no-repeat 14px 14px;
  text-indent: 1em;
  display: inline-block;
  border: 0 none;
  width: 0;
  height: 3em;
  border-radius: 3em;
  transition: 0.3s;
  outline: none;
  padding: 1em 1.5em;
  cursor: pointer;
  -webkit-appearance: none;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  color: #999;
  vertical-align: baseline;
}
.search-filter-container .search-container input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.search-filter-container .search-container #s:hover,
.search-filter-container .search-container #s:focus {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT5JREFUeNqsVLtOw0AQtIMlRJHCEhUVMg398QEUSZnSfILzCXxDPsFu6XAJHWnTcS1lWsprKdmLxtKwvjVBYaTV7cm+udnX5fPb+yyBSmwhVmK/FfPZLyjUPhI8YtXYi23EOovs7PzyevAbsWeoGg5HNUHsCipX8F9TZDOstVgLPxIsxW6w3sHv6dJ2StkLbh6IPtR/AWRfSIET20H9D2U1hfaAgxY2KMagcBSmg9/rmwx0lBqTzGfHoVfVHxXgXzCjHNRHnnHke4vMGc2q0RBR0GSeCLlpLaJGFWKUszVuib32nih7iTFrjXAPyGnQ48c3Gu5AOVlMtMk6NZuf+FiC+AIhV0T+pBQ5ntXceIJKqKko2duJ2TwoLAz5QTVnagJaXWEO8y/wSMuKH9RTJoCTHyNZFidOUEfNu/8WYAAOXUT04MOtlwAAAABJRU5ErkJggg==) 14px 14px no-repeat;
}
.search-filter-container .search-container #s:focus {
  width: 100%;
  cursor: text;
}
.search-filter-container .filter-container .form-select {
  font-size: 12px;
}
.search-filter-container .manage-edition-btn {
  font-size: 12px;
  transition: all 0.3s ease;
}
.search-filter-container .manage-edition-btn:hover {
  box-shadow: -1px 6px 10px 0 rgba(120, 60, 20, 0.2);
}

.edition-filter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #000;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.editions-header-container span {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  opacity: 44%;
}

.pub-editions-container {
  position: relative;
  padding-bottom: 20px;
}
.pub-editions-container .edition {
  position: relative;
  z-index: 222;
  width: 100%;
  height: 300px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 8px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.pub-editions-container .edition .form-check-management-input {
  position: absolute;
  left: -2px;
  display: none;
  visibility: hidden;
  width: 1.5rem;
  height: 1.5rem;
}
.pub-editions-container .edition .form-check-management-input.show {
  display: flex;
  visibility: visible;
}
.pub-editions-container .edition .date-container {
  background-color: #393939;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-top: 1px solid #393939;
  text-align: center;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  padding: 5px;
}
.pub-editions-container .edition .date-container .status-container {
  display: none;
  visibility: hidden;
  flex-direction: column;
}
.pub-editions-container .edition .date-container .status-container.show {
  display: flex;
  visibility: visible;
}
.pub-editions-container .edition .date-container .status-container label {
  font-size: 12px;
  color: #fff;
  padding-top: 8px;
  font-size: 10px;
  margin-bottom: 0.2rem;
}
.pub-editions-container .edition .date-container .status-container #status-select {
  width: 140px;
  align-self: center;
  font-size: 12px;
}
.pub-editions-container .edition .date-container span {
  font-size: 12px;
  color: #fff;
}
.pub-editions-container .edition .image-container {
  padding: 10px 20px 10px 20px;
  text-align: center;
}
.pub-editions-container .edition .image-container img {
  height: 250px;
}
.pub-editions-container .edition .hover-content,
.pub-editions-container .edition .manage-hover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  transition: height 0.3s ease;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.pub-editions-container .edition .hover-content .btn-container,
.pub-editions-container .edition .manage-hover-content .btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  padding: 20px;
}
.pub-editions-container .edition .hover-content.hide {
  display: none;
  visibility: hidden;
}
.pub-editions-container .edition .manage-hover-content {
  display: none;
  visibility: hidden;
}
.pub-editions-container .edition .manage-hover-content.show {
  display: block;
  visibility: visible;
}
.pub-editions-container .edition:hover {
  cursor: pointer;
}
.pub-editions-container .edition:hover .hover-content,
.pub-editions-container .edition:hover .manage-hover-content {
  height: 88.6%;
}
.pub-editions-container .edition.management {
  height: 380px;
}
.pub-editions-container .edition.management .date-container .status-select .form-select-label {
  font-size: 12px;
  color: #fff;
}
.pub-editions-container .edition.management:hover {
  cursor: pointer;
}
.pub-editions-container .edition.management:hover .hover-content,
.pub-editions-container .edition.management:hover .manage-hover-content {
  height: 75.9%;
}

.e-editon-container {
  padding-bottom: 10px;
}
.e-editon-container .logo-container #logo-image {
  width: 200px;
}
.e-editon-container hr {
  border-top: 3px solid #000 !important;
}
.e-editon-container .editions-header-container .heading {
  font-weight: 700;
  color: #999;
}
.e-editon-container .editions-header-container span {
  display: block;
  width: 175px;
  margin: 0 auto;
  color: #666666;
}

.edition-manange-container {
  width: 94%;
  margin: 0 auto;
  border: 1px solid #666666;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgb(0, 0, 0.25);
}
.edition-manange-container .edition-filter-container {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}
.edition-manange-container .edition-filter-container .edition-filter .form-select {
  background-color: none;
  border: none;
  font-size: 25px;
  font-weight: 500;
  text-transform: uppercase;
}
.edition-manange-container .select-all-container {
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  max-width: 600px;
  margin: 0 auto;
  padding: 10px;
  display: none;
  visibility: hidden;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
}
.edition-manange-container .select-all-container.show {
  display: flex;
  visibility: visible;
}
.edition-manange-container .select-all-container .add-edition-container #modalBtn {
  background: none;
  border: none;
  color: #fff;
}
.edition-manange-container .select-all-container .add-edition-container .form-check {
  display: flex;
  align-items: center;
}
.edition-manange-container .select-all-container .add-edition-container .form-check .form-check-input {
  position: relative;
  left: -5px;
  top: 2px;
}
.edition-manange-container .select-all-container .add-edition-container .form-check .form-check-label {
  color: #fff;
  text-decoration: underline;
}
.edition-manange-container .select-all-container .btn-container .btn {
  transition: all 0.3s ease;
  box-shadow: none;
  font-size: 0.8rem;
}
.edition-manange-container .select-all-container .btn-container .btn:hover {
  box-shadow: -1px 6px 10px 0 rgba(120, 60, 20, 0.2);
}
.edition-manange-container .editions-container .row .col-md-3:not(:last-of-type) {
  margin-bottom: 20px;
}
.edition-manange-container .editions-container .row .col-md-3 .edition.management {
  width: 100% !important;
}

.manage-articles-page .add-manage-articles-container .btn-container .btn-secondary {
  display: inline-flex;
  align-items: center;
}
.manage-articles-page .add-manage-articles-container .btn-container .btn-secondary svg {
  color: #fff;
}
.custom-edit-table {
  border-radius: 19px;
  border: none !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}
.custom-edit-table #the-list tr {
  height: 180px;
}

.post-type-articles .acf-repeater {
  height: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 15px;
  margin-bottom: 20px;
}

.post-type-print-pages .postarea {
  display: none !important;
  visibility: hidden;
}

.column-custom_image img {
  border: 3px solid #666666;
}
.column-custom_image .placeholder-img {
  border: none;
}

.toplevel_page_custom-user-profile .new-password-btn,
.toplevel_page_custom-user-profile .save-btn {
  width: 18%;
  font-size: 12px;
}

body {
  font-family: "Roboto", "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
  font-weight: 400;
}

.custom-popover-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  display: none;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.custom-popover-content img.popover-image {
  max-width: 90vw;
  height: 600px;
  display: block; /* Ensure the image is displayed as block */
}

.wp-editor-wrap {
  position: relative;
  z-index: 9999;
}

.form-control {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", sans-serif !important;
  color: #000;
}

p,
span {
  font-family: "Karla", sans-serif !important;
}

hr {
  border-top: 3px solid #21215f !important;
  border-radius: 9px !important;
}
hr.chart-hr {
  width: 500px;
  margin-top: -5px;
}

textarea {
  resize: none !important;
}

.container {
  max-width: 1800px !important;
}

#wpbody-content {
  overflow-x: hidden;
}

.wp-heading-inline {
  font-size: 30px;
  color: #666666;
  font-weight: 500;
}

.custom-admin-container {
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 40px 20px 100px;
}
.custom-admin-container * {
  position: relative;
  z-index: 99;
}
.custom-admin-container::after {
  content: "";
  display: block;
  width: 100%;
  height: 242px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23F26722' fill-opacity='0.5' d='M0,256L120,256C240,256,480,256,720,245.3C960,235,1200,213,1320,202.7L1440,192L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

#wpwrap {
  position: relative;
  background: linear-gradient(177deg, #f3f3f3 44%, rgba(33, 33, 95, 0.3) 9%);
  margin-top: 0 !important;
  padding-bottom: 30px;
}
#wpwrap #wpcontent {
  padding-left: 0;
}
@media (min-width: 768px) {
  #wpwrap #wpcontent {
    padding-left: initial;
    margin-top: initial;
  }
}

#wp-admin-bar-top-secondary {
  display: none;
}

.show-content-container .forms-container {
  display: block;
}
@media (min-width: 768px) {
  .show-content-container .forms-container {
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
}

.page-heading-container {
  position: relative;
}
.page-heading-container .open-slide {
  position: absolute;
  right: 20px;
  top: 9%;
  z-index: 2;
}

.wrap .page-heading-container .heading {
  font-size: 2rem;
  font-weight: 400;
}

.filter-form {
  justify-content: space-between;
  align-items: flex-end;
}

.test-filter {
  justify-content: space-between;
}

.box,
.posts-box {
  padding: 20px 0;
  display: none;
  margin-top: 20px;
}
.box.pieChart, .box.all,
.posts-box.pieChart,
.posts-box.all {
  display: block;
}

.count-link-container {
  display: flex;
  justify-content: space-between;
}

.posts-lists-view .list-card {
  border: 1px solid #c3c4c7;
  border-radius: 10px;
  padding: 10px 0;
  background-color: #fff;
}
.posts-lists-view .list-card:not(:last-of-type) {
  margin-bottom: 20px;
}
.posts-lists-view .list-card.border-green {
  border-top: 10px solid #3ccf4e;
}
.posts-lists-view .list-card.border-yellow {
  border-top: 10px solid #eeff55;
}
.posts-lists-view .list-card.border-red {
  border-top: 10px solid #f55353;
}
.posts-lists-view .list-card .top-content .created-date {
  font-weight: 700;
}
.posts-lists-view .list-card .top-content .created-date .date {
  font-weight: 400;
}
.posts-lists-view .list-card .top-content .status {
  text-transform: capitalize;
  color: #c3c4c7;
}
.posts-lists-view .list-card .top-content .status span {
  color: #000;
}
.posts-lists-view .list-card .bottom-content .status {
  text-transform: capitalize;
  color: #c3c4c7;
}
.posts-lists-view .list-card .bottom-content .status span {
  color: #000;
}

.column-custom_thumbnail {
  width: 70px;
}

.column-custom_image {
  width: 150px;
}

.logo-lg img {
  height: 45px !important;
}

.revision-create {
  display: block !important;
}

.post-type-print-pages #submitdiv .postbox-header {
  display: none;
}

#misc-publishing-actions .misc-pub-section {
  float: left;
}
#misc-publishing-actions .misc-pub-section.misc-pub-post-status, #misc-publishing-actions .misc-pub-section.misc-pub-visibility {
  display: none;
}

#major-publishing-actions {
  background-color: #fff;
  position: relative;
  z-index: 9999;
}
#major-publishing-actions .revision-create {
  width: 35%;
  text-align: center;
  background-color: #21215f !important;
  border: none !important;
  color: #fff !important;
}
#major-publishing-actions #publishing-action #publish {
  background-color: #21215f !important;
  border: none !important;
}

#minor-publishing-actions {
  display: none !important;
}

.ppage-top-bar {
  display: flex;
  flex-direction: column;
}
.ppage-top-bar .acf-field {
  width: 100% !important;
}
@media (min-width: 768px) {
  .ppage-top-bar {
    display: block;
  }
  .ppage-top-bar .acf-field {
    width: 33% !important;
  }
}/*# sourceMappingURL=main.css.map */