.select2-dropdown {
  z-index: 1100 !important;
}
.select2-selection__choice__display {
  font-size: 0.9rem !important;
}
.media.modal {
  height: 100%;
}
@keyframes visible {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.clayfy-touch-device {
  max-width: 100%;
  max-height: 100%;
}
.course-modal .courses .my-modal-content {
  display: flex;
  flex-direction: column;
  height: calc(100% - 65px);
}
.course-modal .courses .my-modal-content .filters {
  width: 20%;
  direction: rtl;
  background-color: #fff;
  position: absolute;
  top: 0;
  overflow-y: auto;
  right: 0;
  height: 100%;
  z-index: 9999999999;
  box-shadow: 0 0 10px #000;
}
.course-modal .courses .my-modal-content .filters .panel-title {
  background: #EEE;
  padding: 0.8rem 1rem;
}
.course-modal .courses .my-modal-content .filters .panel-title .close-platform-filters {
  position: absolute;
  right: 11px;
  top: 9px;
  font-size: 1.6rem;
  cursor: pointer;
}
.course-modal .courses .my-modal-content .filters .panel-wrapper {
  padding: 1rem;
}
.course-modal .courses .my-modal-content .filters .panel-wrapper #platform-list-filter .toc-platforms {
  padding: 0;
}
.course-modal .courses .my-modal-content .filters .panel-wrapper #platform-list-filter .toc-platforms div {
  margin-left: 15px;
}
.course-modal .courses .my-modal-content .courses-content {
  display: flex;
  height: calc(100% - 75px);
}
.course-modal .courses .my-modal-content .courses-content .course-modules {
  overflow-y: auto;
  height: 100%;
  padding: 10px 0;
  width: 200%;
  display: none;
}
.course-modal .courses .my-modal-content .courses-content .course-modules .type-1 {
  cursor: default;
}
.course-modal .courses .my-modal-content .courses-content .course-modules h6 {
  cursor: default;
}
.course-modal .courses .my-modal-content .courses-content .course-modules .fcz-step-media img {
  cursor: default;
}
.course-modal .courses .my-modal-content .courses-content .course-modules.open {
  display: block;
}
.course-modal .courses .my-modal-content .courses-content .course-toc {
  overflow-y: auto;
  height: 100%;
  width: 100%;
  border-right: 1px solid #eee;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container {
  padding: 5px 20px;
  cursor: pointer;
  /*margin-bottom: 10px;*/
  width: 100%;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list {
  margin-top: 10px;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .no-result {
  margin-left: 40px;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label {
  transition: margin-left 1s;
  border-bottom: 1px solid #eee;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label:hover {
  margin-left: 10px;
  transition: margin-left 1s;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label li .course-menu-item {
  margin: 0;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label li .small-text {
  opacity: 0.6;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label li ul {
  opacity: 0;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label .course-module label {
  padding: 5px 15px;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label .course-module label:hover {
  background-color: #ddd;
  cursor: pointer;
  border-radius: 5px;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label.active {
  transition: margin-left 1s;
  margin-left: 10px;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label.active:hover {
  transition: margin-left 1s;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label.active li .course-menu-item {
  margin: 0;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label.active li .small-text {
  opacity: 0.6;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label.active li ul {
  animation: visible 2s;
  opacity: 1;
  padding: 0;
  list-style: none;
  background-color: pink;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label.active li ul .course-module {
  display: flex;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-list .toc-main-label.active li ul .course-module .template-module-number {
  margin-right: 3px;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-title {
  display: flex;
  align-items: center;
  background-color: #eee;
  padding: 10px;
  border-radius: 10px;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-title h4 {
  margin: 0;
}
.course-modal .courses .my-modal-content .courses-content .course-toc .toc-container .toc-title i {
  margin-right: 20px;
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list {
  padding: 10px 0;
  border-right: 1px solid #eee;
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list .toc-main-label {
  padding: 10px 10px 10px 40px;
  margin-bottom: 0;
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list .toc-main-label li p {
  margin: 0;
  /*
                                    &:hover {
                                        color: green;
                                    }*/
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list .toc-main-label:hover {
  cursor: pointer;
  background-color: #eee;
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list .toc-main-label:hover .course-menu-item {
  color: #d87c17;
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list .toc-main-label.active {
  background-color: #eee;
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list .toc-main-label.active .course-menu-item {
  color: #d87c17;
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list .toc-main-label.active .small-text {
  margin-bottom: 3px;
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list .toc-main-label.active ul {
  padding: 0;
  list-style: none;
  background-color: pink;
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list .toc-main-label.active ul .course-module:hover {
  color: #d87c17;
}
.course-modal .courses .my-modal-content .courses-content .course-toc #course-toc-list .toc-main-label.active ul .course-module.active {
  color: #d87c17;
}
.course-modal .courses .my-modal-content .button-container {
  height: 75px;
  padding: 1.2rem;
  border-top: solid 1px #DDD;
  width: 100%;
  background: #FFF;
}
.course-modal .courses .my-modal-content .button-container #insertModule {
  display: inline-flex;
  padding: 0 12px;
  min-width: unset;
  height: 37px;
  line-height: 37px;
  align-items: center;
}
.popup-media {
  background: #FFF;
  z-index: 999999;
  height: 100%;
  position: relative;
}
.popup-media .more-results {
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 1rem;
  display: none;
}
.popup-media .more-results button.btn {
  border: solid 1px #DDD;
  background: #EEE;
  text-align: center;
  padding: 0.4rem 4rem;
}
.popup-media .more-results.visible {
  display: inline-block;
}
.popup-media .noresult-tips {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
}
.popup-media .noresult-tips .tips strong {
  display: block;
  margin-bottom: 0.5rem;
}
.popup-media .noresult-tips .tips ul {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: disc;
  font-size: 0.9rem;
}
.popup-media .source {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999999999;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.popup-media .source .popup-filter {
  display: none;
}
.popup-media .source .source-wrapper {
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0 0 10px #000;
  width: 100%;
  height: 100%;
  position: relative;
}
.popup-media .source.source-5.type-2 .popup-filter {
  display: block;
}
.popup-media .context-menu {
  border-radius: 8px;
  background: #FFF;
  position: absolute;
  display: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  padding: 0.7rem;
  width: 300px;
  margin: 10px 0 0 10px;
}
.popup-media .context-menu textarea {
  width: 90%;
  height: 80px;
  border: solid 1px #DDD;
  padding: 0.4rem;
  margin: 0;
  line-height: 1rem;
  min-height: unset;
  float: left;
  font-size: 0.8rem;
}
.popup-media .context-menu .delete-info {
  position: absolute;
  right: 3px;
  bottom: 5px;
  color: #777;
  border: none;
  background: none;
  font-size: 0.8rem;
  margin: 0;
  font-weight: normal;
  border-radius: 50%;
  outline: none;
  width: 1.8rem;
  height: 1.8rem;
}
.popup-media .context-menu .delete-info:hover {
  background: #EEE;
  color: #9D2121;
}
.popup-media .rcrop-wrapper .rcrop-outer-wrapper {
  opacity: 0.75;
}
.popup-media .rcrop-wrapper .rcrop-outer {
  background: #000;
}
.popup-media .rcrop-wrapper .rcrop-croparea-inner {
  border: 1px dashed #fff;
}
.popup-media .rcrop-wrapper .rcrop-handler-corner {
  width: 12px;
  height: 12px;
  background: none;
  border: 0 solid #51aeff;
}
.popup-media .rcrop-wrapper .rcrop-handler-top-left {
  border-top-width: 4px;
  border-left-width: 4px;
  top: -2px;
  left: -2px;
}
.popup-media .rcrop-wrapper .rcrop-handler-top-right {
  border-top-width: 4px;
  border-right-width: 4px;
  top: -2px;
  right: -2px;
}
.popup-media .rcrop-wrapper .rcrop-handler-bottom-right {
  border-bottom-width: 4px;
  border-right-width: 4px;
  bottom: -2px;
  right: -2px;
}
.popup-media .rcrop-wrapper .rcrop-handler-bottom-left {
  border-bottom-width: 4px;
  border-left-width: 4px;
  bottom: -2px;
  left: -2px;
}
.popup-media .rcrop-wrapper .rcrop-handler-border {
  display: none;
}
.popup-media .mybtn {
  /*padding: 0.3rem 0.7em 0.24rem 0.7em;
        min-width: unset;
        height: 2.1rem;*/
  display: inline-flex;
  padding: 0 12px;
  min-width: unset;
  height: 37px;
  line-height: 37px;
  align-items: center;
}
.popup-media .mybtn i {
  margin-right: 4px;
  font-size: 0.9rem;
}
.popup-media .mybtn.filter {
  display: inline-block;
}
.popup-media .mybtn.insert .txt-single {
  display: inline;
}
.popup-media .mybtn.insert .txt-multiple {
  display: none;
}
.popup-media .mybtn.insert .txt-uselc {
  display: none;
}
.popup-media .mybtn.insert.multiple .txt-single {
  display: none;
}
.popup-media .mybtn.insert.multiple .txt-multiple {
  display: inline;
}
.popup-media .mybtn.insert.multiple .txt-uselc {
  display: none;
}
.popup-media .mybtn.insert.uselc .txt-single {
  display: none;
}
.popup-media .mybtn.insert.uselc .txt-multiple {
  display: none;
}
.popup-media .mybtn.insert.uselc .txt-uselc {
  display: inline;
}
.popup-media .mybtn:disabled,
.popup-media .mybtn[disabled] {
  cursor: not-allowed;
  background-color: #cccccc !important;
  color: #b7b1b1 !important;
}
.popup-media .content-upload-sources {
  position: absolute;
  right: 1.2rem;
  bottom: 1.2rem;
  width: 250px;
  z-index: 999;
  background: #FFF;
  font-size: 0.9rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.popup-media .content-upload-sources ul {
  margin: 0;
  padding: 0;
}
.popup-media .content-upload-sources ul .btn {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
}
.popup-media .content-upload-sources ul .btn .icon.dobbit {
  background: url(/images/dobbit.svg);
  background-repeat: no-repeat;
  height: 25px;
  background-size: 20px auto;
  background-position: center;
  width: 25px;
  /*                    margin-top: 2px;*/
}
.popup-media .content-upload-sources ul .btn .icon.pixabay {
  background: url(/images/pixabay.svg);
  background-repeat: no-repeat;
  height: 25px;
  background-size: 20px auto;
  background-position: center;
  width: 25px;
  /*margin-top: 2px;*/
}
.popup-media .content-upload-sources ul .btn .fa-upload {
  margin-bottom: 3px;
}
.popup-media .content-upload-sources ul .btn .icon {
  float: left;
  /*margin-top: 4px;*/
  margin-right: 15px;
  /*                    width: 25px;*/
  text-align: center;
}
.popup-media .content-upload-sources ul .btn:hover {
  background: #eeeeee;
}
.popup-media .popup-header {
  background: #FFF;
  display: flex;
  border-bottom: solid 1px #DDD;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 65px;
  padding: 0 1rem;
}
@media (max-width: 750px) {
  .popup-media .popup-header {
    flex-direction: column;
    height: 80px;
  }
}
@media (min-width: 750px) {
  .popup-media .popup-header {
    justify-content: space-between;
  }
}
.popup-media .popup-header .popup-menu {
  display: flex;
}
.popup-media .popup-header .popup-menu div {
  font-weight: bold;
  padding: 1.2rem 1.2rem 1rem 1.2rem;
  border-bottom: solid 3px #FFF;
  cursor: pointer;
}
.popup-media .popup-header .popup-menu div:hover {
  border-bottom: solid 3px #DDD;
}
.popup-media .popup-header .popup-menu div.active {
  border-bottom: solid 3px #EF9A5D;
}
.popup-media .popup-header .popup-title.crop {
  width: 100%;
}
.popup-media .popup-header .popup-title {
  display: none;
  font-weight: bold;
  font-size: 1.2rem;
}
.popup-media .popup-header .popup-title .crop {
  display: flex;
  align-items: center;
}
.popup-media .popup-header .popup-title .crop-option {
  background: none;
  outline: none;
  margin-left: 0.6rem;
  border-radius: 5px;
  padding: 3px 0;
  font-size: 1rem;
  width: 50px;
  cursor: pointer;
  opacity: 0.5;
}
.popup-media .popup-header .popup-title .crop-option:hover {
  opacity: 0.7;
}
.popup-media .popup-header .popup-title .crop-option.active {
  opacity: 1;
}
.popup-media .popup-header .popup-title .icon.dobbit {
  background: url(/images/dobbit.svg);
  background-repeat: no-repeat;
  height: 25px;
  background-size: 20px auto;
  background-position: center;
  width: 25px;
  display: block;
  float: left;
  margin-top: 6px;
}
.popup-media .popup-header .popup-title .icon.pixabay {
  background: url(/images/pixabay.svg);
  background-repeat: no-repeat;
  height: 25px;
  background-size: 20px auto;
  background-position: center;
  width: 25px;
  display: block;
  float: left;
  margin-top: 6px;
}
.popup-media .popup-header .popup-title .icon {
  /*margin: 0.3rem 0.7rem 0 0;*/
}
.popup-media .popup-header .popup-btns {
  display: flex;
}
@media (max-width: 750px) {
  .popup-media .popup-header .popup-btns {
    margin-top: 0.5em;
  }
}
.popup-media .popup-header .popup-btns .popup-search {
  position: relative;
  /*                .select2-container {
                    @media(max-width:750px) {
                        width: 60% !important;
                    }
                }*/
}
@media (min-width: 750px) {
  .popup-media .popup-header .popup-btns .popup-search {
    width: 400px;
  }
}
@media (max-width: 749px) {
  .popup-media .popup-header .popup-btns .popup-search {
    width: 200px;
  }
}
.popup-media .popup-header .popup-btns .popup-search .icon {
  position: absolute;
  right: 7px;
  top: 10px;
  color: #555;
  z-index: 9999999999;
  margin: 0;
}
.popup-media .popup-header .popup-btns .popup-search input.keyword {
  width: 100%;
  float: left;
  font-size: 0.9rem;
  height: 37px;
  padding-left: 0.4rem;
}
.popup-media .popup-header .popup-btns .popup-search .select2 textarea {
  height: 1rem !important;
  min-height: 25px !important;
  font-size: 0.9rem;
  /*                    line-height: 1.1rem;*/
}
.popup-media .popup-header .popup-btns .popup-search .select2-container--classic .select2-selection--multiple .select2-selection__choice {
  border: none;
  background: none;
}
.popup-media .popup-header .popup-btns .popup-search .select2-selection__choice__remove {
  float: right;
  color: red;
}
.popup-media .popup-header .popup-btns .popup-filter {
  margin-left: 1rem;
}
.popup-media .popup-header .popup-btns .popup-upload button.btn.upload {
  padding: 0.4rem 0.6rem;
  font-size: 0.8rem;
  margin-right: 1rem;
}
.popup-media .popup-header .popup-btns .popup-upload button.btn.upload .icon {
  font-size: 0.9rem;
  margin-right: 0.3rem;
}
.popup-media .popup-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.2rem;
  border-top: solid 1px #DDD;
  width: 100%;
  background: #FFF;
}
.popup-media .popup-footer .popup-btns label.switch {
  margin-left: 1.5rem;
}
.popup-media .popup-footer .popup-btns label.switch-lbl {
  cursor: pointer;
  margin-left: 0.2rem;
}
.popup-media .popup-content {
  display: flex;
  justify-content: space-between;
  /*
        .popup-panel.img.crop {
            justify-content: center;
        }*/
}
.popup-media .popup-content .btn-list-back {
  position: absolute;
  left: 1rem;
  top: 0.8rem;
  font-size: 1.1rem;
  color: #555;
  z-index: 999;
  width: 32px;
  height: 32px;
  display: none;
  border-radius: 50%;
  background: #EFEFEF;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.popup-media .popup-content .btn-list-back:hover {
  background: #EEE;
}
.popup-media .popup-content .btn-list-back.open {
  display: flex;
}
.popup-media .popup-content .popup-content-left {
  height: 100%;
  overflow-y: auto;
  width: 100%;
  flex-shrink: 1;
}
.popup-media .popup-content .popup-content-right {
  width: 0%;
  border-left: solid 1px #DDD;
  overflow: hidden;
  display: none;
}
.popup-media .popup-content .popup-content-right .panel-title {
  /*                position: absolute;
                top: 0;
                left: 0;*/
  width: 100%;
  background: #EEE;
  padding: 0.8rem 1rem;
  z-index: 99;
}
.popup-media .popup-content .popup-content-right .panel-title h4 {
  margin: 0;
  padding: 0;
}
.popup-media .popup-content .popup-content-right .panel-title .close-filters,
.popup-media .popup-content .popup-content-right .panel-title .close-pmg-filters,
.popup-media .popup-content .popup-content-right .panel-title .close-settings,
.popup-media .popup-content .popup-content-right .panel-title .close-article {
  position: absolute;
  right: 11px;
  top: 9px;
  font-size: 1.6rem;
  cursor: pointer;
}
.popup-media .popup-content .popup-content-right.open {
  width: unset;
  min-width: 20%;
  position: relative;
  flex-shrink: 0;
  display: block;
  z-index: 99;
}
.popup-media .popup-content .popup-content-right.open.new {
  width: 40%;
}
.popup-media .popup-content .popup-content-right.open.w60 {
  width: 60%;
}
.popup-media .popup-content .popup-panels {
  height: 100%;
}
.popup-media .popup-content .popup-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.popup-media .popup-content .popup-panel.filters {
  box-shadow: 0 0 10px #000;
  position: absolute;
  background-color: #fff;
  right: 0;
  top: 0;
  width: 320px;
  z-index: 99999999991;
}
.popup-media .popup-content .popup-panel.img {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  justify-content: center;
  /*            .rcrop-wrapper {
                height: 99%;

                .rcrop-croparea{
                    max-width:100%;
                    max-height:100%;
                }
            }*/
  /*            img.img {
                max-width: 100%;
                max-height: 100%;
            }*/
}
.popup-media .popup-content .popup-panel.info {
  flex-direction: column;
}
.popup-media .popup-content .popup-panel.info .popup-content-left {
  height: 100%;
}
.popup-media .popup-content .popup-panel.info .popup-content-left .popup-panel.info {
  height: 100%;
}
.popup-media .popup-content .popup-panel.info .pic-caption {
  border: none;
  width: 80%;
  text-align: center;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.popup-media .popup-content .popup-panel.info .pic-title {
  border: none;
  border-radius: unset;
  position: absolute;
  width: 100px;
  top: 7px;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  color: #333;
  height: unset;
  font-size: 0.9rem;
  padding: 3px 5px;
  transition: width 0.2s;
  font-weight: bold;
}
.popup-media .popup-content .popup-panel.info .pic-title.hidden {
  display: none;
}
.popup-media .popup-content .popup-panel.info .hdn-pic-title {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
  font-size: 0.9rem;
}
.popup-media .popup-content .popup-panel.info .imgWrapper {
  position: relative;
  cursor: crosshair;
}
.popup-media .popup-content .popup-panel.info .learningcheck-list {
  height: 0px;
}
.popup-media .popup-content .popup-panel.info .learningcheck-list .learningcheck-trigger {
  height: 0px;
}
.popup-media .popup-content .popup-panel.info .info-list {
  height: 0px;
}
.popup-media .popup-content .popup-panel.info .info-list .info-bullet {
  width: 23px;
  height: 23px;
  background-clip: padding-box;
  position: absolute;
  left: -10000px;
  top: -10000px;
  background-color: #FFF;
  border-radius: 50%;
  cursor: pointer;
  border: 5px solid rgba(0, 0, 0, 0.2);
}
.popup-media .popup-content .popup-panel.info .info-list .info-bullet:hover,
.popup-media .popup-content .popup-panel.info .info-list .info-bullet.open {
  border-color: dodgerblue;
}
.popup-media .popup-content .article-view {
  overflow: hidden;
}
.popup-media .popup-content .article-view .fcz video {
  width: 100%;
}
.popup-media .popup-content .article-view .fcz > figure {
  width: 100%;
  display: flex;
  justify-content: center;
  max-height: 550px;
}
.popup-media .popup-content .article-view .fcz > figure figcaption {
  margin-bottom: 10px;
}
.popup-media .popup-content .article-view .fcz > img {
  width: 100%;
}
.popup-media .popup-content .article-view .fcz img {
  max-width: 100%;
  max-height: 550px;
}
.popup-media .popup-content .article-view .fcz iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.popup-media .popup-content .settings,
.popup-media .popup-content .filters,
.popup-media .popup-content .pmg-filters,
.popup-media .popup-content .new-question,
.popup-media .popup-content .article-view {
  height: 100%;
}
.popup-media .popup-content .settings .panel-wrapper,
.popup-media .popup-content .filters .panel-wrapper,
.popup-media .popup-content .pmg-filters .panel-wrapper,
.popup-media .popup-content .new-question .panel-wrapper,
.popup-media .popup-content .article-view .panel-wrapper {
  padding: 1rem;
  height: 100%;
  overflow-y: scroll;
}
.popup-media .popup-content .settings .fieldset-mediatags,
.popup-media .popup-content .filters .fieldset-mediatags,
.popup-media .popup-content .pmg-filters .fieldset-mediatags,
.popup-media .popup-content .new-question .fieldset-mediatags,
.popup-media .popup-content .article-view .fieldset-mediatags {
  max-width: 295px;
}
.popup-media .popup-content .settings .filter,
.popup-media .popup-content .filters .filter,
.popup-media .popup-content .pmg-filters .filter,
.popup-media .popup-content .new-question .filter,
.popup-media .popup-content .article-view .filter,
.popup-media .popup-content .settings .field-set,
.popup-media .popup-content .filters .field-set,
.popup-media .popup-content .pmg-filters .field-set,
.popup-media .popup-content .new-question .field-set,
.popup-media .popup-content .article-view .field-set {
  margin-bottom: 1.2rem;
}
.popup-media .popup-content .settings .filter .delete-answer,
.popup-media .popup-content .filters .filter .delete-answer,
.popup-media .popup-content .pmg-filters .filter .delete-answer,
.popup-media .popup-content .new-question .filter .delete-answer,
.popup-media .popup-content .article-view .filter .delete-answer,
.popup-media .popup-content .settings .field-set .delete-answer,
.popup-media .popup-content .filters .field-set .delete-answer,
.popup-media .popup-content .pmg-filters .field-set .delete-answer,
.popup-media .popup-content .new-question .field-set .delete-answer,
.popup-media .popup-content .article-view .field-set .delete-answer {
  border: none;
  background: none;
  font-size: 0.7rem;
  padding: 0 !important;
  margin: 0px 0 0 5px !important;
  width: unset !important;
  display: none;
}
.popup-media .popup-content .settings .filter .delete-answer .icon,
.popup-media .popup-content .filters .filter .delete-answer .icon,
.popup-media .popup-content .pmg-filters .filter .delete-answer .icon,
.popup-media .popup-content .new-question .filter .delete-answer .icon,
.popup-media .popup-content .article-view .filter .delete-answer .icon,
.popup-media .popup-content .settings .field-set .delete-answer .icon,
.popup-media .popup-content .filters .field-set .delete-answer .icon,
.popup-media .popup-content .pmg-filters .field-set .delete-answer .icon,
.popup-media .popup-content .new-question .field-set .delete-answer .icon,
.popup-media .popup-content .article-view .field-set .delete-answer .icon {
  padding: 0 !important;
  margin: 0 !important;
  width: unset;
}
.popup-media .popup-content .settings .filter .sector,
.popup-media .popup-content .filters .filter .sector,
.popup-media .popup-content .pmg-filters .filter .sector,
.popup-media .popup-content .new-question .filter .sector,
.popup-media .popup-content .article-view .filter .sector,
.popup-media .popup-content .settings .field-set .sector,
.popup-media .popup-content .filters .field-set .sector,
.popup-media .popup-content .pmg-filters .field-set .sector,
.popup-media .popup-content .new-question .field-set .sector,
.popup-media .popup-content .article-view .field-set .sector {
  text-transform: uppercase;
  font-size: 0.9rem;
}
.popup-media .popup-content .settings .filter .sector .icon,
.popup-media .popup-content .filters .filter .sector .icon,
.popup-media .popup-content .pmg-filters .filter .sector .icon,
.popup-media .popup-content .new-question .filter .sector .icon,
.popup-media .popup-content .article-view .filter .sector .icon,
.popup-media .popup-content .settings .field-set .sector .icon,
.popup-media .popup-content .filters .field-set .sector .icon,
.popup-media .popup-content .pmg-filters .field-set .sector .icon,
.popup-media .popup-content .new-question .field-set .sector .icon,
.popup-media .popup-content .article-view .field-set .sector .icon {
  margin-right: 0.5rem;
  font-size: 0.7rem;
  margin-top: 0.36rem;
  float: left;
}
.popup-media .popup-content .settings .filter .sector .closed,
.popup-media .popup-content .filters .filter .sector .closed,
.popup-media .popup-content .pmg-filters .filter .sector .closed,
.popup-media .popup-content .new-question .filter .sector .closed,
.popup-media .popup-content .article-view .filter .sector .closed,
.popup-media .popup-content .settings .field-set .sector .closed,
.popup-media .popup-content .filters .field-set .sector .closed,
.popup-media .popup-content .pmg-filters .field-set .sector .closed,
.popup-media .popup-content .new-question .field-set .sector .closed,
.popup-media .popup-content .article-view .field-set .sector .closed {
  display: inline-block;
}
.popup-media .popup-content .settings .filter .sector .opened,
.popup-media .popup-content .filters .filter .sector .opened,
.popup-media .popup-content .pmg-filters .filter .sector .opened,
.popup-media .popup-content .new-question .filter .sector .opened,
.popup-media .popup-content .article-view .filter .sector .opened,
.popup-media .popup-content .settings .field-set .sector .opened,
.popup-media .popup-content .filters .field-set .sector .opened,
.popup-media .popup-content .pmg-filters .field-set .sector .opened,
.popup-media .popup-content .new-question .field-set .sector .opened,
.popup-media .popup-content .article-view .field-set .sector .opened {
  display: none;
}
.popup-media .popup-content .settings .filter .sector:hover,
.popup-media .popup-content .filters .filter .sector:hover,
.popup-media .popup-content .pmg-filters .filter .sector:hover,
.popup-media .popup-content .new-question .filter .sector:hover,
.popup-media .popup-content .article-view .filter .sector:hover,
.popup-media .popup-content .settings .field-set .sector:hover,
.popup-media .popup-content .filters .field-set .sector:hover,
.popup-media .popup-content .pmg-filters .field-set .sector:hover,
.popup-media .popup-content .new-question .field-set .sector:hover,
.popup-media .popup-content .article-view .field-set .sector:hover {
  font-weight: bold;
  cursor: pointer;
}
.popup-media .popup-content .settings .filter .sector.open,
.popup-media .popup-content .filters .filter .sector.open,
.popup-media .popup-content .pmg-filters .filter .sector.open,
.popup-media .popup-content .new-question .filter .sector.open,
.popup-media .popup-content .article-view .filter .sector.open,
.popup-media .popup-content .settings .field-set .sector.open,
.popup-media .popup-content .filters .field-set .sector.open,
.popup-media .popup-content .pmg-filters .field-set .sector.open,
.popup-media .popup-content .new-question .field-set .sector.open,
.popup-media .popup-content .article-view .field-set .sector.open {
  font-weight: bold;
}
.popup-media .popup-content .settings .filter .sector.open .closed,
.popup-media .popup-content .filters .filter .sector.open .closed,
.popup-media .popup-content .pmg-filters .filter .sector.open .closed,
.popup-media .popup-content .new-question .filter .sector.open .closed,
.popup-media .popup-content .article-view .filter .sector.open .closed,
.popup-media .popup-content .settings .field-set .sector.open .closed,
.popup-media .popup-content .filters .field-set .sector.open .closed,
.popup-media .popup-content .pmg-filters .field-set .sector.open .closed,
.popup-media .popup-content .new-question .field-set .sector.open .closed,
.popup-media .popup-content .article-view .field-set .sector.open .closed {
  display: none;
}
.popup-media .popup-content .settings .filter .sector.open .opened,
.popup-media .popup-content .filters .filter .sector.open .opened,
.popup-media .popup-content .pmg-filters .filter .sector.open .opened,
.popup-media .popup-content .new-question .filter .sector.open .opened,
.popup-media .popup-content .article-view .filter .sector.open .opened,
.popup-media .popup-content .settings .field-set .sector.open .opened,
.popup-media .popup-content .filters .field-set .sector.open .opened,
.popup-media .popup-content .pmg-filters .field-set .sector.open .opened,
.popup-media .popup-content .new-question .field-set .sector.open .opened,
.popup-media .popup-content .article-view .field-set .sector.open .opened {
  display: inline-block;
}
.popup-media .popup-content .settings .filter .sector-panel,
.popup-media .popup-content .filters .filter .sector-panel,
.popup-media .popup-content .pmg-filters .filter .sector-panel,
.popup-media .popup-content .new-question .filter .sector-panel,
.popup-media .popup-content .article-view .filter .sector-panel,
.popup-media .popup-content .settings .field-set .sector-panel,
.popup-media .popup-content .filters .field-set .sector-panel,
.popup-media .popup-content .pmg-filters .field-set .sector-panel,
.popup-media .popup-content .new-question .field-set .sector-panel,
.popup-media .popup-content .article-view .field-set .sector-panel {
  display: none;
}
.popup-media .popup-content .settings .filter .sector-panel.open,
.popup-media .popup-content .filters .filter .sector-panel.open,
.popup-media .popup-content .pmg-filters .filter .sector-panel.open,
.popup-media .popup-content .new-question .filter .sector-panel.open,
.popup-media .popup-content .article-view .filter .sector-panel.open,
.popup-media .popup-content .settings .field-set .sector-panel.open,
.popup-media .popup-content .filters .field-set .sector-panel.open,
.popup-media .popup-content .pmg-filters .field-set .sector-panel.open,
.popup-media .popup-content .new-question .field-set .sector-panel.open,
.popup-media .popup-content .article-view .field-set .sector-panel.open {
  display: block;
  margin-bottom: 0.5rem;
  margin-left: 1.5rem;
}
.popup-media .popup-content .settings select.ddl,
.popup-media .popup-content .filters select.ddl,
.popup-media .popup-content .pmg-filters select.ddl,
.popup-media .popup-content .new-question select.ddl,
.popup-media .popup-content .article-view select.ddl,
.popup-media .popup-content .settings textarea.tar,
.popup-media .popup-content .filters textarea.tar,
.popup-media .popup-content .pmg-filters textarea.tar,
.popup-media .popup-content .new-question textarea.tar,
.popup-media .popup-content .article-view textarea.tar,
.popup-media .popup-content .settings input.tbx,
.popup-media .popup-content .filters input.tbx,
.popup-media .popup-content .pmg-filters input.tbx,
.popup-media .popup-content .new-question input.tbx,
.popup-media .popup-content .article-view input.tbx {
  width: 100%;
  border: 1px solid #DCDCDC;
  border-radius: 2px;
  font-size: 0.8rem;
  padding: 0.3rem;
}
.popup-media .popup-content .settings label,
.popup-media .popup-content .filters label,
.popup-media .popup-content .pmg-filters label,
.popup-media .popup-content .new-question label,
.popup-media .popup-content .article-view label {
  font-weight: bold;
  font-size: 0.9rem;
}
.popup-media .popup-content .settings label.cbx-lbl,
.popup-media .popup-content .filters label.cbx-lbl,
.popup-media .popup-content .pmg-filters label.cbx-lbl,
.popup-media .popup-content .new-question label.cbx-lbl,
.popup-media .popup-content .article-view label.cbx-lbl {
  display: inline;
  margin-left: 10px;
  font-size: 0.9rem;
  width: unset;
  font-weight: normal;
  cursor: pointer;
}
.popup-media .popup-content .settings .select2 textarea,
.popup-media .popup-content .filters .select2 textarea,
.popup-media .popup-content .pmg-filters .select2 textarea,
.popup-media .popup-content .new-question .select2 textarea,
.popup-media .popup-content .article-view .select2 textarea {
  height: 1rem !important;
  min-height: 25px !important;
}
.popup-media .popup-content .settings .select2-container--default .select2-selection--multiple,
.popup-media .popup-content .filters .select2-container--default .select2-selection--multiple,
.popup-media .popup-content .pmg-filters .select2-container--default .select2-selection--multiple,
.popup-media .popup-content .new-question .select2-container--default .select2-selection--multiple,
.popup-media .popup-content .article-view .select2-container--default .select2-selection--multiple {
  border-color: #DDD;
}
.popup-media .popup-content .new-question {
  overflow: hidden;
}
.popup-media .popup-content .new-question .field-set {
  margin-bottom: 0.6rem;
}
.popup-media .popup-content .new-question .field-set .correct {
  float: right;
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.popup-media .popup-content .new-question .field-set .correct input.cbx {
  margin-top: 1px;
}
.popup-media .popup-content .new-question .field-set .correct label.cbx-lbl {
  font-size: 0.8rem;
  margin: 0 0 0 5px;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper {
  display: flex;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper .tar {
  overflow: hidden;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic {
  margin-left: 3px;
  position: relative;
  display: flex;
  background: #EEE;
  min-width: 50px;
  max-width: 50px;
  align-items: center;
  justify-content: center;
  border: solid 1px #DDD;
  cursor: pointer;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic img {
  display: block;
  width: 90%;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic .upload-pic {
  border: none;
  outline: none;
  display: none;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic .delete-pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #ffffff6b;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic .icon.dobbit {
  background: url(/images/dobbit.svg);
  background-repeat: no-repeat;
  height: 25px;
  background-size: 20px auto;
  background-position: center;
  width: 25px;
  margin-top: 2px;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic .icon.pixabay {
  background: url(/images/pixabay.svg);
  background-repeat: no-repeat;
  height: 25px;
  background-size: 20px auto;
  background-position: center;
  width: 25px;
  margin-top: 2px;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic .icon {
  float: left;
  margin-top: 4px;
  margin-right: 0;
  width: unset;
  text-align: center;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic.no-pic img {
  display: none;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic.no-pic .delete-pic {
  display: none;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic.no-pic .upload-pic {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic:hover .delete-pic {
  display: flex;
}
.popup-media .popup-content .new-question .field-set .answer-wrapper div.pic.no-pic:hover .delete-pic {
  display: none;
}
.popup-media .popup-content .new-question .field-set textarea {
  display: inline-table;
  height: 50px;
}
.popup-media .popup-content .new-question .field-set label {
  margin-bottom: 0rem;
}
.popup-media .popup-content .new-question .field-set .add-answer {
  background: none;
  border: none;
  padding: 0;
}
.popup-media .popup-content .new-question .field-set .sub-btns {
  float: right;
  display: none;
  align-items: center;
}
.popup-media .popup-content .new-question .field-set .sub-btns .sub-btn {
  background: none;
  border: none;
  display: flex;
  padding: 7px 0 0 8px;
  align-items: center;
}
.popup-media .popup-content .new-question .field-set .sub-btns .sub-btn .icon {
  font-size: 0.9rem;
}
.popup-media .popup-content .new-question .field-set:hover .sub-btns {
  display: flex;
}
.popup-media .popup-content .list.random .item.active .icon.circle {
  display: none;
}
.popup-media .popup-content .list.random .item.active .icon.checked.nr {
  display: none !important;
}
.popup-media .popup-content .list.random .item.active .icon.checked {
  display: flex;
  color: #00c598;
  opacity: 1;
}
.popup-media .popup-content .list.random .item.active .icon.checked i span {
  position: absolute;
  top: 15%;
  left: 35%;
  z-index: 5;
  font-family: 'Roboto Condensed';
  color: white;
}
.popup-media .popup-content .list.questions,
.popup-media .popup-content .list.files {
  /*height: 100%;*/
}
.popup-media .popup-content .list.questions .item,
.popup-media .popup-content .list.files .item {
  border-bottom: solid 1px #DDD;
  cursor: pointer;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup-media .popup-content .list.questions .item .info,
.popup-media .popup-content .list.files .item .info {
  display: flex;
  align-items: center;
}
.popup-media .popup-content .list.questions .item .btns,
.popup-media .popup-content .list.files .item .btns {
  display: none;
}
.popup-media .popup-content .list.questions .item .btns button,
.popup-media .popup-content .list.files .item .btns button,
.popup-media .popup-content .list.questions .item .btns a,
.popup-media .popup-content .list.files .item .btns a {
  background: transparent;
  border: none;
  padding: 0.3rem 0 0.3rem 0.6rem;
  margin: 0;
  color: #333;
  outline: none;
}
.popup-media .popup-content .list.questions .item .btns button .icon,
.popup-media .popup-content .list.files .item .btns button .icon,
.popup-media .popup-content .list.questions .item .btns a .icon,
.popup-media .popup-content .list.files .item .btns a .icon {
  margin: 0;
}
.popup-media .popup-content .list.questions .item .btns button:hover,
.popup-media .popup-content .list.files .item .btns button:hover,
.popup-media .popup-content .list.questions .item .btns a:hover,
.popup-media .popup-content .list.files .item .btns a:hover {
  color: #000 !important;
}
.popup-media .popup-content .list.questions .item .icon,
.popup-media .popup-content .list.files .item .icon {
  margin-right: 1rem;
  margin-top: 2px;
}
.popup-media .popup-content .list.questions .item .icon.circle,
.popup-media .popup-content .list.files .item .icon.circle {
  opacity: 0.6;
  color: #777;
  border-radius: 50%;
  padding: 0.7rem;
  display: flex;
  font-size: 1.1rem;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  z-index: 9;
}
.popup-media .popup-content .list.questions .item .icon.checked,
.popup-media .popup-content .list.files .item .icon.checked {
  opacity: 0.6;
  color: #777;
  border-radius: 50%;
  padding: 0.7rem;
  display: none;
  font-size: 1.1rem;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  z-index: 9;
}
.popup-media .popup-content .list.questions .item .icon.checked.nr,
.popup-media .popup-content .list.files .item .icon.checked.nr {
  background: #00c598;
  color: #FFF;
  font-size: 0.7rem;
  width: 21px;
  height: 21px;
  line-height: 21px;
  display: none;
  /*padding: 0;*/
  text-align: center;
  margin-top: 0;
}
.popup-media .popup-content .list.questions .item .icon.checked:hover,
.popup-media .popup-content .list.files .item .icon.checked:hover {
  opacity: 1;
}
.popup-media .popup-content .list.questions .item .description,
.popup-media .popup-content .list.files .item .description {
  display: flex;
  font-size: 0.8rem;
}
.popup-media .popup-content .list.questions .item .extra,
.popup-media .popup-content .list.files .item .extra {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
}
.popup-media .popup-content .list.questions .item .fileinfo,
.popup-media .popup-content .list.files .item .fileinfo {
  display: inline-block;
  font-size: 0.8rem;
  font-style: italic;
  margin-left: 5px;
}
.popup-media .popup-content .list.questions .item .difficulty,
.popup-media .popup-content .list.files .item .difficulty {
  overflow: hidden;
  margin-left: 1rem;
}
.popup-media .popup-content .list.questions .item .difficulty span,
.popup-media .popup-content .list.files .item .difficulty span {
  border-radius: 50%;
  border: solid 2px #555;
  width: 7px;
  height: 7px;
  float: left;
  margin-right: 2px;
}
.popup-media .popup-content .list.questions .item .difficulty.d1 span:nth-child(1),
.popup-media .popup-content .list.files .item .difficulty.d1 span:nth-child(1) {
  background: #555;
}
.popup-media .popup-content .list.questions .item .difficulty.d2 span:nth-child(1),
.popup-media .popup-content .list.files .item .difficulty.d2 span:nth-child(1),
.popup-media .popup-content .list.questions .item .difficulty.d2 span:nth-child(2),
.popup-media .popup-content .list.files .item .difficulty.d2 span:nth-child(2) {
  background: #555;
}
.popup-media .popup-content .list.questions .item .difficulty.d3 span:nth-child(1),
.popup-media .popup-content .list.files .item .difficulty.d3 span:nth-child(1),
.popup-media .popup-content .list.questions .item .difficulty.d3 span:nth-child(2),
.popup-media .popup-content .list.files .item .difficulty.d3 span:nth-child(2),
.popup-media .popup-content .list.questions .item .difficulty.d3 span:nth-child(3),
.popup-media .popup-content .list.files .item .difficulty.d3 span:nth-child(3) {
  background: #555;
}
.popup-media .popup-content .list.questions .item .difficulty.d4 span:nth-child(1),
.popup-media .popup-content .list.files .item .difficulty.d4 span:nth-child(1),
.popup-media .popup-content .list.questions .item .difficulty.d4 span:nth-child(2),
.popup-media .popup-content .list.files .item .difficulty.d4 span:nth-child(2),
.popup-media .popup-content .list.questions .item .difficulty.d4 span:nth-child(3),
.popup-media .popup-content .list.files .item .difficulty.d4 span:nth-child(3),
.popup-media .popup-content .list.questions .item .difficulty.d4 span:nth-child(4),
.popup-media .popup-content .list.files .item .difficulty.d4 span:nth-child(4) {
  background: #555;
}
.popup-media .popup-content .list.questions .item .difficulty.d5 span:nth-child(1),
.popup-media .popup-content .list.files .item .difficulty.d5 span:nth-child(1),
.popup-media .popup-content .list.questions .item .difficulty.d5 span:nth-child(2),
.popup-media .popup-content .list.files .item .difficulty.d5 span:nth-child(2),
.popup-media .popup-content .list.questions .item .difficulty.d5 span:nth-child(3),
.popup-media .popup-content .list.files .item .difficulty.d5 span:nth-child(3),
.popup-media .popup-content .list.questions .item .difficulty.d5 span:nth-child(4),
.popup-media .popup-content .list.files .item .difficulty.d5 span:nth-child(4),
.popup-media .popup-content .list.questions .item .difficulty.d5 span:nth-child(5),
.popup-media .popup-content .list.files .item .difficulty.d5 span:nth-child(5) {
  background: #555;
}
.popup-media .popup-content .list.questions .item:hover,
.popup-media .popup-content .list.files .item:hover {
  background: #eee;
}
.popup-media .popup-content .list.questions .item:hover .btns,
.popup-media .popup-content .list.files .item:hover .btns {
  display: flex;
}
.popup-media .popup-content .list.questions .item.active .icon.circle,
.popup-media .popup-content .list.files .item.active .icon.circle {
  display: none;
}
.popup-media .popup-content .list.questions .item.active .icon.checked.nr,
.popup-media .popup-content .list.files .item.active .icon.checked.nr {
  display: flex;
  color: #FFF;
  margin-left: 4px;
  margin-right: 1.1rem;
}
.popup-media .popup-content .list.questions .item.edit,
.popup-media .popup-content .list.files .item.edit,
.popup-media .popup-content .list.questions .item.open,
.popup-media .popup-content .list.files .item.open {
  background: #EFEFEF;
}
.popup-media .popup-content .interests {
  padding: 1rem 1rem 0rem 1rem;
  text-transform: lowercase;
  font-size: 0.8rem;
  overflow: hidden;
}
.popup-media .popup-content .interests a {
  display: block;
  float: left;
  padding: 0.1rem 0.4rem;
  border: solid 1px #DDD;
  margin-right: 0.3rem;
  border-radius: 3px;
  margin-bottom: 0.3rem;
  cursor: pointer;
}
.popup-media .popup-content .interests a:hover {
  background: #EEE;
}
.popup-media .popup-content .list.pics.open {
  height: 100%;
}
.popup-media .popup-content .list.pics,
.popup-media .popup-content .list.source-pics {
  padding: 1rem 0.5rem;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  /*height: 100%;*/
  display: none;
}
.popup-media .popup-content .list.pics .item-wrapper,
.popup-media .popup-content .list.source-pics .item-wrapper {
  aspect-ratio: 16 / 9;
  padding: 0 0.5rem 1rem 0.5rem;
  background: #FFF;
  float: left;
  overflow: hidden;
}
@media (min-width: 1250px) {
  .popup-media .popup-content .list.pics .item-wrapper,
  .popup-media .popup-content .list.source-pics .item-wrapper {
    width: 20%;
  }
}
@media (min-width: 750px) and (max-width: 1250px) {
  .popup-media .popup-content .list.pics .item-wrapper,
  .popup-media .popup-content .list.source-pics .item-wrapper {
    width: 33%;
  }
}
@media (min-width: 500px) and (max-width: 750px) {
  .popup-media .popup-content .list.pics .item-wrapper,
  .popup-media .popup-content .list.source-pics .item-wrapper {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .popup-media .popup-content .list.pics .item-wrapper,
  .popup-media .popup-content .list.source-pics .item-wrapper {
    width: 100%;
  }
}
.popup-media .popup-content .list.pics .item-wrapper.open,
.popup-media .popup-content .list.source-pics .item-wrapper.open {
  width: unset !important;
  height: 100% !important;
  aspect-ratio: unset !important;
}
.popup-media .popup-content .list.pics .item,
.popup-media .popup-content .list.source-pics .item {
  width: 100%;
  height: 100%;
  padding: 10px;
  border: solid 1px #DDD;
  display: flex;
  align-items: center;
  background: #EEE;
  position: relative;
  cursor: pointer;
  justify-content: center;
}
.popup-media .popup-content .list.pics .item .icon.play,
.popup-media .popup-content .list.source-pics .item .icon.play {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  display: none;
  align-items: center;
  justify-content: center;
  color: #efe7e7e6;
  font-size: 3rem;
}
.popup-media .popup-content .list.pics .item .icon.checked,
.popup-media .popup-content .list.source-pics .item .icon.checked {
  background: #EEE;
  opacity: 0.6;
  color: #777;
  border-radius: 50%;
  padding: 0.7rem;
  position: absolute;
  display: none;
  right: 0;
  top: 0;
  font-size: 1.1rem;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  z-index: 9;
}
.popup-media .popup-content .list.pics .item .icon.checked:hover,
.popup-media .popup-content .list.source-pics .item .icon.checked:hover {
  opacity: 1;
}
.popup-media .popup-content .list.pics .item .icon.info,
.popup-media .popup-content .list.source-pics .item .icon.info {
  background: #EEE;
  color: #666;
  border-radius: 50%;
  padding: 0.2rem;
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.1rem;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  z-index: 9;
}
.popup-media .popup-content .list.pics .item img,
.popup-media .popup-content .list.source-pics .item img {
  max-height: 100%;
  max-width: 100%;
  float: left;
}
.popup-media .popup-content .list.pics .item img:hover,
.popup-media .popup-content .list.source-pics .item img:hover {
  /*z-index: 8;*/
}
.popup-media .popup-content .list.pics .item:hover .icon.checked,
.popup-media .popup-content .list.source-pics .item:hover .icon.checked {
  display: flex;
}
.popup-media .popup-content .list.pics .item.active .icon.checked,
.popup-media .popup-content .list.source-pics .item.active .icon.checked {
  opacity: 1;
  display: flex;
  color: #00c598;
}
.popup-media .popup-content .list.pics .item.active .icon.checked i span,
.popup-media .popup-content .list.source-pics .item.active .icon.checked i span {
  position: absolute;
  top: 15%;
  left: 35%;
  z-index: 5;
  font-family: 'Roboto Condensed';
  color: white;
}
.popup-media .popup-content .list.pics .item.open,
.popup-media .popup-content .list.source-pics .item.open {
  width: unset;
  height: 100%;
  padding: 0;
  border: none;
  align-items: center;
  background: #FFF;
  cursor: unset;
}
.popup-media .popup-content .list.pics .item.open .icon.checked,
.popup-media .popup-content .list.source-pics .item.open .icon.checked,
.popup-media .popup-content .list.pics .item.open icon.info,
.popup-media .popup-content .list.source-pics .item.open icon.info {
  display: none !important;
}
.popup-media .popup-content .list.pics .item.open img:hover,
.popup-media .popup-content .list.source-pics .item.open img:hover {
  transform: unset;
  /*z-index: 8;*/
}
.popup-media .popup-content .list.pics .item.open:hover .icon.info,
.popup-media .popup-content .list.source-pics .item.open:hover .icon.info {
  display: none;
}
.popup-media .popup-content .list.pics .item.type-2,
.popup-media .popup-content .list.source-pics .item.type-2 {
  flex-direction: row;
  flex-wrap: wrap;
}
.popup-media .popup-content .list.pics .item.type-2 h3,
.popup-media .popup-content .list.source-pics .item.type-2 h3 {
  margin: 12px 0 0 0;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  position: absolute;
  bottom: 10px;
  display: none;
}
.popup-media .popup-content .list.pics .item.type-2 h3 span,
.popup-media .popup-content .list.source-pics .item.type-2 h3 span {
  background: #ffffffbf;
  display: block;
  padding: 1px 5px;
  border-radius: 1px;
}
.popup-media .popup-content .list.pics .item.type-2 .icon.play,
.popup-media .popup-content .list.source-pics .item.type-2 .icon.play {
  display: flex;
}
.popup-media .popup-content .list.pics .item.type-2 img,
.popup-media .popup-content .list.source-pics .item.type-2 img {
  width: 100% !important;
}
.popup-media .popup-content .list.pics .item.type-2:hover h3,
.popup-media .popup-content .list.source-pics .item.type-2:hover h3 {
  display: block;
}
.popup-media .popup-content .list.open .item-wrapper {
  display: none;
}
.popup-media .popup-content .list.open .item-wrapper.open {
  width: 100% !important;
  display: block;
  aspect-ratio: unset !important;
}
#editMediaImageModal .popup-content-left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-media.type-1 .popup-header .popup-title.images {
  display: flex;
}
.popup-media.type-2 .popup-header .popup-title.videos {
  display: flex;
}
.popup-media.type-4 .popup-header .popup-title.glbs {
  display: flex;
}
.popup-media.learningchecks .popup-header .popup-title {
  display: flex;
}
.popup-media.learningchecks .popup-content .field-set:hover .delete-answer {
  display: inline-block !important;
}
.popup-media.attachments .popup-header .popup-title {
  display: flex;
}
.popup-media.text .popup-header .popup-title {
  display: flex;
}
.popup-media.courses .popup-header .popup-title {
  display: flex;
}
/*.video-preview {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index:999999;
    .preview-wrapper {
        width:100%;
        height:100%;
        background:rgba(255, 255, 255, 0.92);
        display:flex;
        justify-content:center;
        align-items:center;
    }
}*/
.icon.dobbit {
  background: url(/images/dobbit.svg);
  background-repeat: no-repeat;
  height: 25px;
  background-size: 20px auto;
  background-position: center;
  width: 25px;
  /*margin-top: 2px;*/
}
.icon.pixabay {
  background: url(/images/pixabay.svg);
  background-repeat: no-repeat;
  height: 25px;
  background-size: 20px auto;
  background-position: center;
  width: 25px;
  /*margin-top: 2px;*/
}
.icon {
  /*    float: left;*/
  /*margin-top: 4px;*/
  margin-right: 15px;
  width: 25px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}