.hidden {
  display: none;
}

.app-body.login .animated {
  padding-top: 5%;
}

.app-header {
  background-color: #0b5182;
}

.navbar-nav .nav-link {
  color: #fff;
}

.navbar .navbar-toggler {
  color: #fff;
}

.sidebar {
  background: #0b5182;
}

.sidebar .nav-item.first-level {
  font-size: 80%;
  font-weight: 700;
  color: #e4e7ea;
  text-transform: uppercase;
}

.sidebar .nav-link.active {
  color: #fff;
  background: #094977;
}


table.dataTable {
  border-collapse: collapse !important;
}

table.dataTable td,
table.dataTable th {
  vertical-align: middle;
}

.card-body .img-thumbnail{
  max-height: 100%;
}

.form-control-file.is-invalid ~ .invalid-feedback {
  display: block;
}

.cke_button__textindent_icon {
  background: url("/img/imgicon.png") no-repeat !important;
}

div.cke_textarea_inline[contenteditable] {
  border: 1px solid #e4e7ea;
  border-top: none;
  border-bottom: 2px dashed #c4c4c4;
  padding: 2.5px 5px;
  outline: none;
  min-height: 24px;
}


.contenteditor .form-group {
  margin-bottom: 0;
}

#contents .contentrow:first-child div.cke_textarea_inline[contenteditable] {
  border-top: 1px solid #e4e7ea;
  border-radius: 5px 5px 0 0;
}

#contents .contentrow:not(.template):last-child div.cke_textarea_inline[contenteditable] {
  border-bottom: 1px solid #e4e7ea;
  border-radius: 0 0 5px 5px;
}

#contents .contentrow:not(.template):only-child div.cke_textarea_inline[contenteditable] {
  border-bottom: 1px solid #e4e7ea;
  border-radius: 5px 5px 5px 5px;
}

#btnAddContent {
  margin-top: 1rem;
}


div.cke_textarea_inline[contenteditable] img {
  max-width: 100%;
}

div.cke_textarea_inline[contenteditable] iframe {
  max-width: 100%;
}

.contenteditor div.cke_textarea_inline[contenteditable] div.card-link:first-child {
  margin-top: 1rem;

}

.contenteditor div.cke_textarea_inline[contenteditable] p:first-child {
  margin-top: 1rem;
}

.contenteditor .card-link {
  width: 100%;
  margin: 5% 0 0 0;
  padding: 0;
  background: #fff;
  box-shadow: none;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: block;
}
.contenteditor .card-link .card-content {
  padding-top: 32%;
  position: relative;
  display: inherit;
}
.contenteditor .card-link .card-content .text {
  width: calc(100% - 40px);
  padding: 0 7.5%;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  color: rgb(68, 68, 68);
  text-align: left;
  display: inherit;
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translate(0, -50%);
}
.contenteditor .card-link .card-content .fake-button {
  width: 40px;
  height: 40px;
  padding: 2% 0;
  font-size: 20px;
  color: #fff;
  background-color: #ccc;
  text-align: center;
  border-radius: 5px 0 0 5px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.contenteditor .card-buttons {
  width: 100%;
  margin: 10px 0;
  padding: 97px 22px 0 22px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  position: relative;
}
/* .contenteditor .card .card-content {
  padding-top: 32%;
  position: relative;
  display: inherit;
} */
.contenteditor .card-buttons .text {
  width: calc(92.5% - 118px);
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  /* line-height: 1.7rem; */
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.contenteditor .card-buttons .buttons {
  width: 85px;
  height: auto;
  text-align: right;
  display: block;
  position: absolute;
  right: 7.5%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.contenteditor .card-buttons .buttons .share,
.contenteditor .card-buttons .buttons .download
 {
  width: 35px;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  padding-top: 3px;
  font-size: 17px;
  background: transparent;
  border: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  float: right;
  color: #ccc;
}

.contenteditor .card-buttons[data-action=download] .buttons .share {
  display: none;
}

.contenteditor video {
  width: 100%;
  display: block;
}

.modal {
  z-index: 10050;
}

.modal-backdrop {
  z-index: 10040;
}


@media (min-width: 992px) {
  .modal-lg.image-view {
      max-width: 1024px;
  }
}