@charset "UTF-8";
@media print {
  html, body * {
    visibility: hidden;
  }

  body {
    height: 0;
    padding-top: 0;
    overflow: hidden;
    padding-left: 0;
  }

  header,
.cabinet-sidebar,
.header-cabinet {
    display: none;
  }

  .container-cabinet {
    padding: 0;
  }

  #fake_approve,
#first_submit {
    display: none;
  }

  .body-cabinet {
    margin: 0;
    padding: 0;
  }

  .print-list {
    page-break-before: always;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: visible;
  }
  .print-list * {
    visibility: visible;
  }
}
.text-birch {
  color: #00bec9 !important;
}

.bg-birch {
  background-color: #00bec9 !important;
}

.border-birch {
  border-color: #00bec9 !important;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.w-20 {
  width: 20% !important;
}

input:disabled {
  background-color: initial;
}

textarea:disabled {
  background-color: initial;
}

.btn-border-danger {
  border: 1px solid #dc3545;
  color: #dc3545;
}

.pagination-formed .page-number {
  width: 10px;
  height: 10px;
  color: #333;
  cursor: pointer;
  background-color: gray;
  border-radius: 50%;
  margin: 0 5px;
  line-height: 0.5;
}
.pagination-formed .page-number.disabled {
  cursor: initial;
  background-color: initial;
}
.pagination-formed .page-number.active {
  background: #00bec9;
  width: 20px;
  height: 20px;
}

.loadingNode {
  pointer-events: none;
}

.cursor-pointer {
  cursor: pointer;
}

.loading-img-block {
  pointer-events: none;
  opacity: 0.5;
}

.input-text-blank {
  border: none;
  width: 100%;
  color: #6c757d;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  min-width: 20px;
  min-height: 20px;
}
.lds-ripple div {
  position: absolute;
  border: 1px solid #000;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    opacity: 0;
  }
  60% {
    opacity: 0.5;
  }
  100% {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}

.border-50 {
  border-radius: 50% !important;
}

.rounded-50 {
  border-radius: 50px;
}

.sales-discount-percent {
  position: absolute;
  top: 0;
  right: 18px;
  z-index: 1;
  width: 50px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sales-discount-percent > svg {
  position: absolute;
  top: 0;
}
.sales-discount-percent > div {
  color: white;
  position: relative;
  font-size: 14px;
  font-weight: 700;
}

.custom-checkbox-normal label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 1.7rem;
  margin-bottom: 0;
}
.custom-checkbox-normal label .box {
  position: absolute;
  left: 0.5rem;
  width: 12px;
  height: 12px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 100%;
}
.custom-checkbox-normal label input {
  display: none;
}
.custom-checkbox-normal label input:checked + .box {
  background-color: #00bec9;
  border: 1px solid #00bec9;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
}

.input-normal label {
  display: flex;
  width: 100%;
}
.input-normal label span {
  padding-right: 10px;
  cursor: pointer;
}
.input-normal label input {
  flex: 1;
  border: none;
  border-bottom: 1px solid #d8d8d8;
  outline: none;
}

.textarea-normal label {
  width: 100%;
}
.textarea-normal label span {
  cursor: pointer;
}
.textarea-normal label textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #d8d8d8;
  outline: none;
}

.visibility-hidden {
  visibility: hidden;
}

.hover-green {
  transition: color 0.2s;
  color: #121416;
}
.hover-green:hover {
  color: #1bc5cf;
}

.graph-suggestions-search .dropdown-menu:after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  left: 21px;
  top: -6px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: -1;
  -webkit-box-shadow: 0 0 5px #b5b5b5;
  box-shadow: 0 0 5px #b5b5b5;
}
.graph-suggestions-search .dropdown-menu ul {
  max-height: 200px;
  overflow-y: auto;
}
.graph-suggestions-search .dropdown-menu ul::-webkit-scrollbar {
  width: 4px;
}
.graph-suggestions-search .dropdown-menu ul::-webkit-scrollbar-thumb {
  background: #00bec9;
}
.graph-suggestions-search .dropdown-menu ul::-webkit-scrollbar-track {
  background: #ccc;
}
.graph-suggestions-search .dropdown-menu ul .custom-checkbox-normal label {
  padding-top: 6px;
  padding-bottom: 6px;
}

.placeholder-color-red::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1;
  /* Firefox */
}
.placeholder-color-red:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: red;
}
.placeholder-color-red::-ms-input-placeholder {
  /* Microsoft Edge */
  color: red;
}

.pointer-events-none {
  pointer-events: none;
}

.object-cover {
  object-fit: cover !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 1px #2c2c2c solid;
  width: 7px;
  border-left: 0;
  height: 7px;
  border-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0;
  top: calc(50% + -3.5px);
  right: calc(0% + 14.5px);
  content: "";
  position: absolute;
  display: block;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  border-color: #2c2c2c;
  border-width: 1px;
}

.main-footer-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 15px;
}
.main-footer-block > div {
  color: gray;
  font-size: 0.8rem;
  text-align: center;
  padding-top: 0.5rem;
}
.main-footer-block > div i {
  font-size: 1.5rem;
}

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

.result .select2-results__option {
  cursor: pointer;
}
.result .select2-results__option:hover {
  color: #00bec9;
}

.img-description {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  text-align: right;
  font-size: 13px;
  color: #9da3ab;
}

.list-view {
  z-index: 1001 !important;
}

.loader-dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-dots .lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loader-dots .lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: black;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.loader-dots .lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.loader-dots .lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.loader-dots .lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.loader-dots .lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.loader-dots .lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.loader-dots .lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.loader-dots .lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.loader-dots .lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.loader-dots .lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.loader-dots .lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.loader-dots .lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.loader-dots .lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}

.billboards-container > div,
.billboards-container > a {
  position: relative;
  padding-bottom: 25%;
}
.billboards-container > div > div,
.billboards-container > a > div {
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.billboards-container > div > div:hover:before, .billboards-container > div > div:hover:after,
.billboards-container > a > div:hover:before,
.billboards-container > a > div:hover:after {
  opacity: 1;
}
.billboards-container > div > div:hover .location,
.billboards-container > a > div:hover .location {
  bottom: 18px;
  left: 18px;
  opacity: 1;
}
.billboards-container > div > div:hover .info-banner,
.billboards-container > a > div:hover .info-banner {
  bottom: 18px;
  right: 18px;
  opacity: 1;
}
.billboards-container > div > div:before,
.billboards-container > a > div:before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(4, 4, 4, 0.56)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(4, 4, 4, 0.56), rgba(0, 0, 0, 0));
  opacity: 0.4;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.billboards-container > div > div:after,
.billboards-container > a > div:after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(4, 4, 4, 0.56)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.56), rgba(0, 0, 0, 0));
  opacity: 0.4;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.billboards-container > div > div .location,
.billboards-container > a > div .location {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: white;
}
.billboards-container > div > div .location h2,
.billboards-container > a > div .location h2 {
  font-size: 15px;
  margin-bottom: 0;
}
.billboards-container > div > div .location h2 span.small,
.billboards-container > a > div .location h2 span.small {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
}
.billboards-container > div > div .info-banner,
.billboards-container > a > div .info-banner {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  text-align: right;
}
.billboards-container > div > div .info-banner .rating,
.billboards-container > a > div .info-banner .rating {
  margin-bottom: -1px;
  color: grey;
  font-size: 13px;
}
.billboards-container > div > div .info-banner .rating .active,
.billboards-container > a > div .info-banner .rating .active {
  color: white;
}
.billboards-container > div > div .info-banner .price,
.billboards-container > a > div .info-banner .price {
  color: white;
  font-size: 12px;
}
.billboards-container > div > div .discount,
.billboards-container > a > div .discount {
  position: absolute;
  top: 18px;
  left: 18px;
  background-color: #f54c4c;
  border-radius: 3px;
  color: white;
  padding: 4px 6px;
  font-weight: 700;
  z-index: 1;
}
.billboards-container > div:nth-child(6n+1),
.billboards-container > a:nth-child(6n+1) {
  width: 31%;
}
.billboards-container > div:nth-child(6n+2),
.billboards-container > a:nth-child(6n+2) {
  width: 34%;
}
.billboards-container > div:nth-child(6n+3),
.billboards-container > a:nth-child(6n+3) {
  width: 35%;
}
.billboards-container > div:nth-child(6n+4),
.billboards-container > a:nth-child(6n+4) {
  width: 35%;
}
.billboards-container > div:nth-child(6n+5),
.billboards-container > a:nth-child(6n+5) {
  width: 34%;
}
.billboards-container > div:nth-child(6n+6),
.billboards-container > a:nth-child(6n+6) {
  width: 31%;
}

.billboards-container-galley-blocks {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.billboards-container-galley-blocks > div {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.billboards-container-galley-blocks > div:hover:before, .billboards-container-galley-blocks > div:hover:after {
  opacity: 1;
}
.billboards-container-galley-blocks > div:hover .location {
  bottom: 18px;
  left: 18px;
  opacity: 1;
}
.billboards-container-galley-blocks > div:hover .info-banner {
  bottom: 18px;
  right: 18px;
  opacity: 1;
}
.billboards-container-galley-blocks > div:before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(4, 4, 4, 0.56)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(4, 4, 4, 0.56), rgba(0, 0, 0, 0));
  opacity: 0.4;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 1;
}
.billboards-container-galley-blocks > div:after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(4, 4, 4, 0.56)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(4, 4, 4, 0.56), rgba(0, 0, 0, 0));
  opacity: 0.4;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.billboards-container-galley-blocks > div .location {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: white;
}
.billboards-container-galley-blocks > div .location h2 {
  font-size: 15px;
  margin-bottom: 0;
}
.billboards-container-galley-blocks > div .location h2 span.small {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
}
.billboards-container-galley-blocks > div .info-banner {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  text-align: right;
}
.billboards-container-galley-blocks > div .info-banner .rating {
  margin-bottom: -1px;
  color: grey;
  font-size: 13px;
}
.billboards-container-galley-blocks > div .info-banner .rating .active {
  color: white;
}
.billboards-container-galley-blocks > div .info-banner .price {
  color: white;
  font-size: 12px;
}
.billboards-container-galley-blocks > div .discount {
  position: absolute;
  top: 18px;
  left: 18px;
  background-color: #f54c4c;
  border-radius: 3px;
  color: white;
  padding: 4px 6px;
  font-weight: 700;
  z-index: 1;
}

.related-banners .banners-row > div > div {
  height: 250px;
}
.related-banners .no-banners {
  width: 100%;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.campaigns-user-block {
  position: relative;
}
.campaigns-user-block:hover .edit-i {
  opacity: 1;
}
.campaigns-user-block .edit-i {
  transition: opacity 0.2s;
  opacity: 0;
}
.campaigns-user-block .svg-edit-campaign {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: gray;
  font-size: 1rem;
  cursor: pointer;
}
.campaigns-user-block .select-name {
  position: absolute;
  left: 0;
  bottom: 0.25rem;
}
.campaigns-user-block .select-name .select2-container {
  padding-left: 5rem;
}
.campaigns-user-block .select-name .select2-container .select2-selection--single {
  border: none;
}
.campaigns-user-block .select-name .select2-results__options li {
  border-bottom: 1px solid lightgray;
}
.campaigns-user-block .select-name .select2-results__option:before {
  display: none;
}

.campaign-ads-info-page .banner_img > div {
  position: relative;
  padding-bottom: 100%;
}
.campaign-ads-info-page .banner_img > div > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.campaign-ads-info-page .banner_img > div > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.campaign-ads-info-page .input-paragraph2 {
  padding-bottom: 10px;
}
.campaign-ads-info-page .input-paragraph2 input {
  text-align: right;
}
.campaign-ads-info-page .select2-selection__rendered {
  float: right;
  color: black !important;
}

.daterangepicker td.disabled {
  background-image: repeating-linear-gradient(-45deg, white, white 3px, #ebebeb 3px, #ebebeb 4px);
  text-decoration: initial !important;
}

.daterangepicker td.available {
  background-color: #ecfbfd;
  border: 2px solid white !important;
  border-radius: 6px !important;
}

.daterangepicker td.available:hover:not(.start-date):not(.end-date):not(.in-range) {
  background-color: #c7f3f9 !important;
}

.daterangepicker td.in-range {
  background-color: #abf0f4 !important;
}

.daterangepicker td.start-date,
.daterangepicker td.end-date {
  background-color: #1bc5cf !important;
}

.form-gob-new-image .form-text {
  margin-top: 0;
}
.form-gob-new-image input[type=url] + .description {
  display: none;
}

.gob-popup header[role=banner] {
  display: none;
}
.gob-popup .layout-container {
  margin: 0;
}

.transaction-doc-contract .credentials input {
  text-align: right;
}

.transaction-doc-invoice .credentials input {
  text-align: right;
}
.transaction-doc-invoice .set-shadow-table:before {
  height: 10px !important;
  background-image: linear-gradient(to bottom, rgba(177, 177, 177, 0.3), #fcfcfc) !important;
}

.transaction-doc-contract .logo-block .logo-space,
.transaction-doc-invoice .logo-block .logo-space,
.transaction-doc-media-plan .logo-block .logo-space {
  position: relative;
  padding-bottom: 100%;
  display: block;
  margin-bottom: 0;
}
.transaction-doc-contract .logo-block .logo-space .add-logo,
.transaction-doc-invoice .logo-block .logo-space .add-logo,
.transaction-doc-media-plan .logo-block .logo-space .add-logo {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s;
}
.transaction-doc-contract .logo-block .logo-space .add-logo img,
.transaction-doc-invoice .logo-block .logo-space .add-logo img,
.transaction-doc-media-plan .logo-block .logo-space .add-logo img {
  width: 25%;
  height: auto;
  transition: opacity 0.2s;
  opacity: 0;
}
.transaction-doc-contract .logo-block .logo-space .add-logo:hover,
.transaction-doc-invoice .logo-block .logo-space .add-logo:hover,
.transaction-doc-media-plan .logo-block .logo-space .add-logo:hover {
  background-color: #00000050;
}
.transaction-doc-contract .logo-block .logo-space .add-logo:hover img,
.transaction-doc-invoice .logo-block .logo-space .add-logo:hover img,
.transaction-doc-media-plan .logo-block .logo-space .add-logo:hover img {
  opacity: 1;
}
.transaction-doc-contract .logo-block .logo-space .add-logo:hover .add,
.transaction-doc-invoice .logo-block .logo-space .add-logo:hover .add,
.transaction-doc-media-plan .logo-block .logo-space .add-logo:hover .add {
  opacity: 0;
}
.transaction-doc-contract .logo-block .logo-space .add-logo .add,
.transaction-doc-invoice .logo-block .logo-space .add-logo .add,
.transaction-doc-media-plan .logo-block .logo-space .add-logo .add {
  position: absolute;
  top: 58%;
  left: 21%;
  background-color: rgba(255, 255, 255, 0);
  font-size: 14px;
  text-align: center;
  color: #9da3ab;
}
.transaction-doc-contract .logo-block .logo-space .add-logo .add:before,
.transaction-doc-invoice .logo-block .logo-space .add-logo .add:before,
.transaction-doc-media-plan .logo-block .logo-space .add-logo .add:before {
  content: "+";
  width: 48px;
  position: absolute;
  display: block;
  height: 48px;
  border: 1px solid #a6abb3;
  font-size: 39px;
  line-height: 45px;
  border-radius: 100%;
  font-weight: 100;
  left: calc(50% - 25px);
  margin-top: -58px;
}

.form-sales tr .icon-delete {
  opacity: 0;
  transition: 0.2s;
}
.form-sales tr:hover .icon-delete {
  opacity: 1;
}

.personal-discount-form:hover .icon-delete {
  opacity: 1;
}
.personal-discount-form .icon-delete {
  transition: 0.2s;
  opacity: 0;
}

.add-space-mass-media-tv-front-edit {
  position: relative;
  min-height: 500px;
}
.add-space-mass-media-tv-front-edit #tab-edit-page-container {
  position: absolute;
  top: -44px;
  right: 0;
}

.container-tab-img-map {
  font-size: 14px;
}
.container-tab-img-map .four-periods i {
  font-size: 50px;
}
.container-tab-img-map .edit-page {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  transition: 0.2s;
}
.container-tab-img-map .edit-page h2 {
  font-size: 14px;
  font-weight: 300;
}
.container-tab-img-map .edit-page:hover {
  color: #02c8d5;
}
.container-tab-img-map .delete-page {
  position: absolute;
  top: 15px;
  left: 15px;
  cursor: pointer;
  transition: 0.2s;
}
.container-tab-img-map .delete-page h2 {
  font-size: 14px;
  font-weight: 300;
}
.container-tab-img-map .delete-page:hover {
  color: #ff6c6c;
}
.container-tab-img-map .programs .btn-group .btn {
  color: gray;
  background-color: #eaeaea;
  border-color: #eaeaea;
  font-weight: 300;
  transition: 0.2s;
}
.container-tab-img-map .programs .btn-group .btn:hover, .container-tab-img-map .programs .btn-group .btn.current-menu-item {
  background-color: gray;
  border-color: gray;
  color: white;
}
.container-tab-img-map .programs .col-custom-width {
  height: 240px;
  width: calc(100% / 3 - 1rem);
}

.mass-media-tv-container {
  color: gray;
  background-color: #fcfcfc;
}
.mass-media-tv-container .header {
  display: flex;
}
.mass-media-tv-container .header .arrow-down {
  position: relative;
  padding-right: 2rem;
}
.mass-media-tv-container .header .border-left-top {
  border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
}
.mass-media-tv-container .header .arrow-down:before {
  border: 1px #2c2c2c solid;
  width: 7px;
  border-left: 0;
  height: 7px;
  border-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0;
  top: calc(50% + -3.5px);
  right: calc(0% + 14.5px);
  content: "";
  position: absolute;
  display: block;
}

.border-left-top {
  border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
}

.border-right-bottom {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.border-right {
  border-right: 1px solid #dee2e6;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6;
}

.box-inner-shadow-top {
  box-shadow: inset 0 5px 5px -5px darkgrey;
}

.box-inner-shadow-left {
  box-shadow: inset 5px 0 5px -5px darkgrey;
}

.box-inner-shadow-top-left {
  box-shadow: inset 5px 5px 5px -5px darkgrey;
}

.mass-media-tv-mass-media .range:hover .icon-delete,
.mass-media-tv-profile-edit-mass-media .range:hover .icon-delete {
  opacity: 1;
}
.mass-media-tv-mass-media .range .icon-delete,
.mass-media-tv-profile-edit-mass-media .range .icon-delete {
  transition: 0.2s;
  opacity: 0;
  cursor: pointer;
}
.mass-media-tv-mass-media .left-column,
.mass-media-tv-profile-edit-mass-media .left-column {
  z-index: 1;
}
.mass-media-tv-mass-media .left-column > div,
.mass-media-tv-profile-edit-mass-media .left-column > div {
  padding: 5px 0;
  height: 30px;
  min-width: 30px;
}
.mass-media-tv-mass-media .center-column,
.mass-media-tv-profile-edit-mass-media .center-column {
  display: grid;
  grid-template-columns: repeat(14, 1fr) [end];
  grid-template-rows: repeat(2, 30px) auto [totals] repeat(4, 30px) [end];
}
.mass-media-tv-mass-media .center-column > div,
.mass-media-tv-profile-edit-mass-media .center-column > div {
  padding: 5px 0;
  height: 30px;
  min-width: 30px;
  font-size: 80%;
}
.mass-media-tv-mass-media .center-data,
.mass-media-tv-profile-edit-mass-media .center-data {
  display: grid;
  grid-template-columns: 14fr [end];
}
.mass-media-tv-mass-media .center-data > div,
.mass-media-tv-profile-edit-mass-media .center-data > div {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
}
.mass-media-tv-mass-media .center-data .loader-dots,
.mass-media-tv-profile-edit-mass-media .center-data .loader-dots {
  display: flex;
}
.mass-media-tv-mass-media .center-data .blocks,
.mass-media-tv-profile-edit-mass-media .center-data .blocks {
  height: calc(100% - 5px);
  width: calc(100% - 2px);
  color: gray;
}
.mass-media-tv-mass-media .center-data .blocks.clear .spots,
.mass-media-tv-profile-edit-mass-media .center-data .blocks.clear .spots {
  display: none;
}
.mass-media-tv-mass-media .center-data .blocks:not(.clear),
.mass-media-tv-profile-edit-mass-media .center-data .blocks:not(.clear) {
  margin: 1px;
  border-radius: 3px;
  box-shadow: 0px 4px 3px -3px #494949;
}
.mass-media-tv-mass-media .center-data .blocks .price,
.mass-media-tv-profile-edit-mass-media .center-data .blocks .price {
  color: white;
}
.mass-media-tv-mass-media .center-data .blocks .spots,
.mass-media-tv-profile-edit-mass-media .center-data .blocks .spots {
  mix-blend-mode: initial;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
  background-color: white;
  color: black;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body {
  left: -1rem !important;
  padding: 0;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body:before,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body:before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  left: 29px;
  top: -6px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: -1;
  -webkit-box-shadow: 0 0 5px #b5b5b5;
  box-shadow: 0 0 5px #b5b5b5;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form {
  background-color: white;
  border-radius: 0.25rem;
  padding: 1rem;
  width: 450px;
  cursor: initial;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .select-area,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .select-area {
  color: black;
  margin-bottom: 1rem;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .select-area > div,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .select-area > div {
  display: flex;
  margin-left: 0.5rem;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .select-area > div > div,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .select-area > div > div {
  display: flex;
  align-items: center;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .select-area > div > div label,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .select-area > div > div label {
  margin-bottom: 0;
  margin-right: 0.5rem;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .select-area > div label[for*=custom-] span,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .select-area > div label[for*=custom-] span {
  font-size: 80%;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .time-range,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .time-range {
  display: flex;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .time-range > div,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .time-range > div {
  text-align: center;
  padding: 0 0.25rem;
  font-size: 80%;
  color: gray;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% / 6);
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .progress-svg,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .progress-svg {
  font-size: 0;
  margin-bottom: 0.5rem;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .progress-svg svg,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .progress-svg svg {
  width: 100%;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-com.first .status,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-com.first .status {
  border-left: 1px solid #c1c1c1;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-com.first .position,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-com.first .position {
  border-left: 1px solid #c1c1c1;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-com,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoiu-com,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-com,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoiu-com {
  font-size: 80%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-com.new .custom-spot-select,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoiu-com.new .custom-spot-select,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-com.new .custom-spot-select,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoiu-com.new .custom-spot-select {
  color: #00bec9;
  cursor: pointer;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-com.edit .status,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoiu-com.edit .status,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-com.edit .status,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoiu-com.edit .status {
  color: #dc3545;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-com .status,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoiu-com .status,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-com .status,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoiu-com .status {
  margin: 0.25rem 0;
  padding: 0 0.25rem;
  border-right: 1px solid #c1c1c1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-com .position,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoiu-com .position,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-com .position,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoiu-com .position {
  padding: 2px 0;
  border: 1px solid #c1c1c1;
  border-left: 0;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-container .slick-arrow,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-container .slick-arrow {
  border: 2px solid #c1c1c1;
  font-size: 0;
  display: block;
  background: none;
  width: 11px;
  height: 11px;
  padding: 0;
  border-left: 0;
  border-top: 0;
  outline: none;
  cursor: pointer;
  position: absolute;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-container .slick-arrow.slick-prev,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-container .slick-arrow.slick-prev {
  left: -80px;
  transform: rotate(135deg);
  top: 24px;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-container .slick-arrow.slick-next,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-container .slick-arrow.slick-next {
  right: -80px;
  transform: rotate(-45deg);
  top: 24px;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-container .slick-list,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-container .slick-list {
  width: 100%;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .slider-container .slick-track,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .slider-container .slick-track {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 100%;
  height: 100%;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .custom-spot-select,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .custom-spot-select {
  display: inline-flex;
  border: 1px solid #c1c1c1;
  justify-content: center;
  align-items: center;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select > div:first-child,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .custom-spot-select > div:first-child,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select > div:first-child,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .custom-spot-select > div:first-child {
  padding: 0 0.2rem;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .arrows,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .arrows,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .arrows,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .arrows {
  width: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 2px;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .arrows > div,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .arrows > div,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .arrows > div,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .arrows > div {
  transform: rotate(90deg);
  font-size: 65%;
  color: gray;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .arrows > div:hover,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .arrows > div:hover,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .arrows > div:hover,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .arrows > div:hover {
  color: #00bec9;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .video_spots,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .video_spots,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .video_spots,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .video_spots {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  flex: 1;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .video_spots .video-color,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .video_spots .video-color,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .video_spots .video-color,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .video_spots .video-color {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 2px;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .video_spots .video-color > div,
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .video_spots .video-color > div,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .aleatoriu-select .video_spots .video-color > div,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .custom-spot-select .video_spots .video-color > div {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.mass-media-tv-mass-media .center-data .custom-dropdown-body > form .bottom-totals,
.mass-media-tv-profile-edit-mass-media .center-data .custom-dropdown-body > form .bottom-totals {
  font-size: 80%;
}
.mass-media-tv-mass-media .right-column,
.mass-media-tv-profile-edit-mass-media .right-column {
  display: grid;
  align-content: start;
  grid-template-columns: 1fr 1fr 2fr 2fr [end];
}
.mass-media-tv-mass-media .right-column > div,
.mass-media-tv-profile-edit-mass-media .right-column > div {
  padding: 5px 0;
  height: 30px;
  min-width: 42px;
  font-size: 80%;
}

.mass-media-tv-live-stream iframe {
  width: 100% !important;
  height: 100% !important;
}
.mass-media-tv-live-stream .left-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mass-media-tv-live-stream .left-column > div > div {
  padding: 5px 0;
  height: 30px;
  min-width: 42px;
}

.mass-media-tv-live-line .left-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mass-media-tv-live-line .left-column > div > div {
  padding: 5px 0;
  height: 30px;
  min-width: 30px;
}
.mass-media-tv-live-line .right-column .container-grid {
  display: grid;
  grid-auto-rows: 30px;
  grid-template-columns: repeat(18, 1fr);
}
.mass-media-tv-live-line .right-column .progress-container {
  position: absolute;
  pointer-events: none;
  border-right: 1px solid #02c8d5;
  background-color: #02c8d525;
  height: 100%;
  width: 50%;
}
.mass-media-tv-live-line .right-column .progress-container .time {
  position: absolute;
  top: 100%;
  right: -15px;
  color: #02c8d5;
}

.front-mass-media-tv-page,
.front-mass-media-tv-page-program {
  color: #9da3ab;
}
.front-mass-media-tv-page .tv-banner-image,
.front-mass-media-tv-page-program .tv-banner-image {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center;
  width: 100%;
}
.front-mass-media-tv-page .four-periods i,
.front-mass-media-tv-page-program .four-periods i {
  font-size: 50px;
}
.front-mass-media-tv-page .slick-track,
.front-mass-media-tv-page-program .slick-track {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 100%;
  height: 100%;
}
.front-mass-media-tv-page .slick-list,
.front-mass-media-tv-page-program .slick-list {
  width: 100%;
  height: 100%;
}
.front-mass-media-tv-page .slick-arrow,
.front-mass-media-tv-page-program .slick-arrow {
  font-size: 0;
  display: block;
  background: none;
  width: 11px;
  height: 11px;
  padding: 0;
  border-left: 0;
  border-top: 0;
  outline: none;
  cursor: pointer;
  position: absolute;
  border-bottom: 2px solid #c1c1c1;
  border-right: 2px solid #c1c1c1;
}
.front-mass-media-tv-page .slick-arrow.slick-prev,
.front-mass-media-tv-page-program .slick-arrow.slick-prev {
  left: -20px;
  transform: rotate(135deg);
}
.front-mass-media-tv-page .slick-arrow.slick-next,
.front-mass-media-tv-page-program .slick-arrow.slick-next {
  right: -20px;
  transform: rotate(-45deg);
}
.front-mass-media-tv-page .programs .btn-group .btn,
.front-mass-media-tv-page-program .programs .btn-group .btn {
  color: gray;
  background-color: #eaeaea;
  border-color: #eaeaea;
  font-weight: 300;
  transition: 0.2s;
}
.front-mass-media-tv-page .programs .btn-group .btn:hover, .front-mass-media-tv-page .programs .btn-group .btn.current-menu-item,
.front-mass-media-tv-page-program .programs .btn-group .btn:hover,
.front-mass-media-tv-page-program .programs .btn-group .btn.current-menu-item {
  background-color: gray;
  border-color: gray;
  color: white;
}
.front-mass-media-tv-page .programs .col-custom-width,
.front-mass-media-tv-page-program .programs .col-custom-width {
  height: 240px;
  display: none;
  width: calc(100% / 3);
}
.front-mass-media-tv-page .programs .col-custom-width.active,
.front-mass-media-tv-page-program .programs .col-custom-width.active {
  display: block;
}

.front-mass-media-tv-page-program .dots {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.front-mass-media-tv-page-program .dots .dot {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.front-mass-media-tv-page-program .dots .dot .plus {
  transform: rotateZ(45deg);
}
.front-mass-media-tv-page-program .dots .dot .plus:before {
  content: "✕";
}

.profile-campaigns .campaign-row {
  box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
}
.profile-campaigns .campaign-row .credentials {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.profile-campaigns .campaign-row .credentials .company,
.profile-campaigns .campaign-row .credentials .manager {
  height: 50%;
  padding: 0 1rem;
}
.profile-campaigns .campaign-row .credentials .company .company-block {
  position: relative;
}
.profile-campaigns .campaign-row .credentials .company .company-block .edit-campaign {
  position: absolute;
  right: 0;
  top: -13px;
  bottom: 100%;
  font-size: 0.75rem;
  color: gray;
}
.profile-campaigns .campaign-row .credentials .company .company-block .edit-campaign label {
  padding-right: 0.25rem;
  cursor: pointer;
  transition: 0.2s;
  opacity: 0;
}
.profile-campaigns .campaign-row .credentials .company .company-block .select2-results__message {
  display: none;
}
.profile-campaigns .campaign-row .credentials .company .company-block .select2-search {
  background-color: white;
}
.profile-campaigns .campaign-row .credentials .company .company-block .select2-search__field {
  border: none;
  border-bottom: 1px solid #aaa;
}
.profile-campaigns .campaign-row .credentials .company:hover .company-block .edit-campaign label {
  opacity: 1;
}
.profile-campaigns .campaign-row .credentials .manager .manager-block {
  position: relative;
  display: block !important;
}
.profile-campaigns .campaign-row .credentials .manager .manager-block .manager-name.custom-dropdown-manager {
  cursor: pointer;
}
.profile-campaigns .campaign-row .credentials .manager .manager-block .manager-name.custom-dropdown-manager:before {
  border: 1px #2c2c2c solid;
  width: 7px;
  border-left: 0;
  height: 7px;
  border-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0;
  top: calc(50% + -3.5px);
  right: calc(0% + 14.5px);
  content: "";
  position: absolute;
  display: block;
}
.profile-campaigns .campaign-row .credentials .manager .manager-block .list-view {
  max-height: 243px;
  width: calc(100% - 1.5rem);
}
.profile-campaigns .campaign-row .credentials .company,
.profile-campaigns .campaign-row .credentials .manager {
  border-bottom: 1px solid #dee2e6;
  display: flex;
  align-items: center;
}
.profile-campaigns .campaign-row .credentials .company .logo-container,
.profile-campaigns .campaign-row .credentials .manager .logo-container {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
.profile-campaigns .campaign-row .credentials .company .logo-container.rounded-50,
.profile-campaigns .campaign-row .credentials .manager .logo-container.rounded-50 {
  border-radius: 50%;
}
.profile-campaigns .campaign-row .credentials .company .logo-container img,
.profile-campaigns .campaign-row .credentials .manager .logo-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-campaigns .campaign-row .credentials .company .company-block,
.profile-campaigns .campaign-row .credentials .company .manager-block,
.profile-campaigns .campaign-row .credentials .manager .company-block,
.profile-campaigns .campaign-row .credentials .manager .manager-block {
  width: calc(100% - 50px);
  padding-left: 1rem;
}
.profile-campaigns .campaign-row .credentials .company .company-block .company-brand,
.profile-campaigns .campaign-row .credentials .company .company-block .manager-role,
.profile-campaigns .campaign-row .credentials .company .company-block .company-name,
.profile-campaigns .campaign-row .credentials .company .company-block .manager-name,
.profile-campaigns .campaign-row .credentials .company .manager-block .company-brand,
.profile-campaigns .campaign-row .credentials .company .manager-block .manager-role,
.profile-campaigns .campaign-row .credentials .company .manager-block .company-name,
.profile-campaigns .campaign-row .credentials .company .manager-block .manager-name,
.profile-campaigns .campaign-row .credentials .manager .company-block .company-brand,
.profile-campaigns .campaign-row .credentials .manager .company-block .manager-role,
.profile-campaigns .campaign-row .credentials .manager .company-block .company-name,
.profile-campaigns .campaign-row .credentials .manager .company-block .manager-name,
.profile-campaigns .campaign-row .credentials .manager .manager-block .company-brand,
.profile-campaigns .campaign-row .credentials .manager .manager-block .manager-role,
.profile-campaigns .campaign-row .credentials .manager .manager-block .company-name,
.profile-campaigns .campaign-row .credentials .manager .manager-block .manager-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile-campaigns .campaign-row .credentials .company .company-block .company-brand,
.profile-campaigns .campaign-row .credentials .company .company-block .manager-name,
.profile-campaigns .campaign-row .credentials .company .manager-block .company-brand,
.profile-campaigns .campaign-row .credentials .company .manager-block .manager-name,
.profile-campaigns .campaign-row .credentials .manager .company-block .company-brand,
.profile-campaigns .campaign-row .credentials .manager .company-block .manager-name,
.profile-campaigns .campaign-row .credentials .manager .manager-block .company-brand,
.profile-campaigns .campaign-row .credentials .manager .manager-block .manager-name {
  font-weight: bold;
}
.profile-campaigns .campaign-row .credentials .company .company-block .company-name,
.profile-campaigns .campaign-row .credentials .company .company-block .manager-role,
.profile-campaigns .campaign-row .credentials .company .manager-block .company-name,
.profile-campaigns .campaign-row .credentials .company .manager-block .manager-role,
.profile-campaigns .campaign-row .credentials .manager .company-block .company-name,
.profile-campaigns .campaign-row .credentials .manager .company-block .manager-role,
.profile-campaigns .campaign-row .credentials .manager .manager-block .company-name,
.profile-campaigns .campaign-row .credentials .manager .manager-block .manager-role {
  color: #999fa7;
}
.profile-campaigns .campaign-row .details {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0px;
  padding: 0 5px;
  width: 0;
  border-left: 1px solid #dee2e6;
}
.profile-campaigns .campaign-row .details .details-container {
  text-align: center;
  width: 100%;
}
.profile-campaigns .campaign-row .details .details-container .name {
  color: gray;
}
.profile-campaigns .campaign-row .details .details-container .value {
  font-size: 2rem;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile-campaigns .campaign-row .details .details-container .value .type {
  font-size: 80%;
}
.profile-campaigns .campaign-row .boards {
  border-left: 1px solid #dee2e6;
  padding: 0;
}

.campaigns-row {
  background-color: white;
}

.profile-campaign .campaign-row {
  box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
}
.profile-campaign .campaign-row .details {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 2 1 0px;
  padding: 0 5px;
  width: 0;
  border-left: 1px solid #dee2e6;
}
.profile-campaign .campaign-row .details .percent {
  top: 0;
  left: 0;
  color: white;
  background-color: #f54c4c;
  position: absolute;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  padding: 4px 6px;
  z-index: 1;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-top: 18px;
  margin-left: 18px;
  opacity: 1;
}
.profile-campaign .campaign-row .details.flex-3 {
  flex: 3 1 0px;
}
.profile-campaign .campaign-row .details.flex-4 {
  flex: 4 1 0px;
}
.profile-campaign .campaign-row .details.credentials {
  justify-content: flex-start;
  font-size: 14px;
}
.profile-campaign .campaign-row .details.credentials > div {
  width: 100%;
}
.profile-campaign .campaign-row .details.credentials > div > b {
  display: block;
}
.profile-campaign .campaign-row .details.credentials > div > div,
.profile-campaign .campaign-row .details.credentials > div > b {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile-campaign .campaign-row .details.credentials > div > div {
  color: gray;
}
.profile-campaign .campaign-row .details.ads-space {
  background-position: center;
  background-size: cover;
}
.profile-campaign .campaign-row .details.ads-space .ads-container {
  padding-bottom: 75%;
  width: 100%;
  position: relative;
}
.profile-campaign .campaign-row .details.ads-space .ads-container .ads-image-space {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-campaign .campaign-row .details .details-container {
  text-align: center;
  width: 100%;
}
.profile-campaign .campaign-row .details .details-container .name {
  color: gray;
}
.profile-campaign .campaign-row .details .details-container .value {
  font-size: 2rem;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile-campaign .campaign-row .details .details-container .value .programmed {
  font-size: 80%;
}
.profile-campaign .campaign-row .details .details-container .value .type {
  font-size: 80%;
}
.profile-campaign .campaign-row .buttons {
  border-left: 1px solid #dee2e6;
  width: 55px;
  display: flex;
  flex-direction: column;
}
.profile-campaign .campaign-row .buttons .edit,
.profile-campaign .campaign-row .buttons .remove-campaign-ads,
.profile-campaign .campaign-row .buttons .status {
  height: calc(100% / 3);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.profile-campaign .campaign-row .buttons .edit,
.profile-campaign .campaign-row .buttons .remove-campaign-ads {
  color: #9ea3ac;
}
.profile-campaign .campaign-row .buttons .edit:hover,
.profile-campaign .campaign-row .buttons .remove-campaign-ads:hover {
  color: #33cc99;
}
.profile-campaign .campaign-row .buttons .status {
  font-size: 1.25rem;
  font-weight: 400;
  color: white;
}
.profile-campaign .campaign-row .buttons .status.programmed {
  background-color: #02c8d5;
}
.profile-campaign .campaign-row .buttons .status.pending, .profile-campaign .campaign-row .buttons .status.draft {
  background-color: #e6e6e6;
}
.profile-campaign .campaign-row .buttons .status.completed {
  background-color: #343a40;
}
.profile-campaign .campaign-row .buttons .status.active {
  background-color: #33cc99;
}
.profile-campaign .campaign-row .buttons .status.approve {
  background-color: #02c8d5;
}
.profile-campaign .campaign-row .buttons .status.approve:active {
  background-color: #02c8d5;
  transform: scale(0.94);
  box-shadow: inset 0px 0px 7px 2px #009ba5 !important;
  transition: 0s !important;
}

.mass-media-tv-profile-edit .main-container {
  box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.5rem;
  padding: 3rem;
}
.mass-media-tv-profile-edit .main-container .head {
  align-items: flex-end;
}
.mass-media-tv-profile-edit .main-container .head .credentials {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.mass-media-tv-profile-edit .main-container .head .credentials .manager {
  padding: 2rem 0;
}
.mass-media-tv-profile-edit .main-container .head .credentials .date-and-num .date {
  font-weight: bold;
}
.mass-media-tv-profile-edit .main-container .head .credentials .date-and-num .num {
  color: gray;
}
.mass-media-tv-profile-edit .main-container .head .credentials .company,
.mass-media-tv-profile-edit .main-container .head .credentials .manager {
  display: flex;
  align-items: center;
}
.mass-media-tv-profile-edit .main-container .head .credentials .company .logo-container,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .logo-container {
  width: 50px;
  height: 50px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
.mass-media-tv-profile-edit .main-container .head .credentials .company .logo-container.rounded-50,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .logo-container.rounded-50 {
  border-radius: 50%;
}
.mass-media-tv-profile-edit .main-container .head .credentials .company .logo-container img,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .logo-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mass-media-tv-profile-edit .main-container .head .credentials .company .company-block,
.mass-media-tv-profile-edit .main-container .head .credentials .company .manager-block,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .company-block,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .manager-block {
  width: calc(100% - 50px);
  padding-left: 1rem;
}
.mass-media-tv-profile-edit .main-container .head .credentials .company .company-block .company-brand,
.mass-media-tv-profile-edit .main-container .head .credentials .company .company-block .manager-role,
.mass-media-tv-profile-edit .main-container .head .credentials .company .company-block .company-name,
.mass-media-tv-profile-edit .main-container .head .credentials .company .company-block .manager-name,
.mass-media-tv-profile-edit .main-container .head .credentials .company .manager-block .company-brand,
.mass-media-tv-profile-edit .main-container .head .credentials .company .manager-block .manager-role,
.mass-media-tv-profile-edit .main-container .head .credentials .company .manager-block .company-name,
.mass-media-tv-profile-edit .main-container .head .credentials .company .manager-block .manager-name,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .company-block .company-brand,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .company-block .manager-role,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .company-block .company-name,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .company-block .manager-name,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .manager-block .company-brand,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .manager-block .manager-role,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .manager-block .company-name,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .manager-block .manager-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mass-media-tv-profile-edit .main-container .head .credentials .company .company-block .company-brand,
.mass-media-tv-profile-edit .main-container .head .credentials .company .company-block .manager-name,
.mass-media-tv-profile-edit .main-container .head .credentials .company .manager-block .company-brand,
.mass-media-tv-profile-edit .main-container .head .credentials .company .manager-block .manager-name,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .company-block .company-brand,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .company-block .manager-name,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .manager-block .company-brand,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .manager-block .manager-name {
  font-weight: bold;
}
.mass-media-tv-profile-edit .main-container .head .credentials .company .company-block .company-name,
.mass-media-tv-profile-edit .main-container .head .credentials .company .company-block .manager-role,
.mass-media-tv-profile-edit .main-container .head .credentials .company .manager-block .company-name,
.mass-media-tv-profile-edit .main-container .head .credentials .company .manager-block .manager-role,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .company-block .company-name,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .company-block .manager-role,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .manager-block .company-name,
.mass-media-tv-profile-edit .main-container .head .credentials .manager .manager-block .manager-role {
  color: #999fa7;
}
.mass-media-tv-profile-edit .main-container .head .common-data > div {
  padding: 0.5rem 0;
}
.mass-media-tv-profile-edit .main-container .head .common-data .notes {
  height: 148px;
  background-attachment: local;
  background-image: linear-gradient(to right, transparent 10px, transparent 10px), linear-gradient(to left, transparent 10px, transparent 10px), repeating-linear-gradient(transparent, transparent 37px, #ccc 37px, #ccc 38px, transparent 38px);
  line-height: 38px;
  resize: none;
  background-color: transparent;
}
.mass-media-tv-profile-edit .main-container .body {
  min-height: 250px;
}

.spot-container {
  display: flex;
}
.spot-container .slider-spots {
  flex-grow: 1;
  width: calc(100% - 2rem);
  padding: 0 1rem;
  display: flex;
  align-items: center;
}
.spot-container .slider-spots .spot {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.spot-container .slider-spots .spot.active {
  color: #00bec9;
}
.spot-container .slider-spots .spot > div {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spot-container .slider-spots .slick-track {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 100%;
  height: 100%;
}
.spot-container .slider-spots .slick-list {
  width: 100%;
  height: 100%;
}
.spot-container .slider-spots .slick-arrow {
  font-size: 0;
  display: block;
  background: none;
  width: 8px;
  height: 8px;
  padding: 0;
  border-left: 0;
  border-top: 0;
  outline: none;
  cursor: pointer;
  position: absolute;
  border-bottom: 2px solid #c1c1c1;
  border-right: 2px solid #c1c1c1;
}
.spot-container .slider-spots .slick-arrow.slick-prev {
  left: 6px;
  transform: rotate(135deg);
}
.spot-container .slider-spots .slick-arrow.slick-next {
  right: 6px;
  transform: rotate(-45deg);
}

.mass-media-tv-profile-edit-mass-media .program-name span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mass-media-tv-profile-edit-mass-media .center-column {
  grid-template-rows: repeat(2, 30px) auto [end];
}

#spot-popup-form .delete-spot {
  width: 20px;
  height: 20px;
  line-height: 0;
  cursor: pointer;
  border: 1px solid;
  border-radius: 3px;
}
#spot-popup-form #slider-creative .snap-block {
  border: 4px solid darkblue;
  border-radius: 50%;
  padding: 75px;
  line-height: 0;
  font-size: 70px;
  font-weight: 300;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  color: darkblue;
}
#spot-popup-form #slider-creative .credentials {
  color: darkblue;
  position: absolute;
  left: 10px;
  bottom: 10px;
  text-align: left;
  width: 50%;
  font-size: 1rem;
}
#spot-popup-form #slider-creative .credentials .type {
  font-size: 80%;
}
#spot-popup-form #slider-creative .credentials .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#spot-popup-form #slider-creative .time {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 1rem;
  color: darkblue;
}
#spot-popup-form #slider-creative .slick-arrow {
  z-index: 9;
  font-size: 0;
  display: block;
  background: none;
  width: 25px;
  height: 25px;
  padding: 0;
  border-left: 0;
  border-top: 0;
  outline: none;
  cursor: pointer;
  position: absolute;
  border-bottom: 2px solid #c1c1c1;
  border-right: 2px solid #c1c1c1;
}
#spot-popup-form #slider-creative .slick-arrow.slick-prev {
  left: 20px;
  transform: rotate(135deg);
}
#spot-popup-form #slider-creative .slick-arrow.slick-next {
  right: 20px;
  transform: rotate(-45deg);
}
#spot-popup-form #slider-creative .slick-list {
  width: 100%;
}
#spot-popup-form #slider-creative .slick-track {
  width: 100% !important;
  display: flex;
}

#center-data-emisiuni-programs .program:hover .program-name i {
  opacity: 1;
}
#center-data-emisiuni-programs .program .program-name i {
  left: 0.5rem;
  top: 0.25rem;
  opacity: 0;
  transition: 0.2s;
}
#center-data-emisiuni-programs .program input {
  background-color: #fcfcfc;
}

.mass-media-tv-profile-edit-sponsorizari .grid-container {
  display: grid;
  grid-template-columns: repeat(2, 3fr) 1fr;
  grid-template-rows: auto 60px;
  grid-template-areas: "left-side right-side totals" "footer footer footer";
}
.mass-media-tv-profile-edit-sponsorizari .grid-container.no-tip {
  grid-template-columns: 1.5fr 3fr 1fr;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container.no-tip .left-side .header .category {
  grid-template-columns: 2fr 1fr;
  grid-template-areas: ". .";
}
.mass-media-tv-profile-edit-sponsorizari .grid-container.no-tip .left-side .left-body {
  grid-template-columns: 1fr;
  grid-template-areas: "programs";
}
.mass-media-tv-profile-edit-sponsorizari .grid-container.no-tip .footer {
  grid-template-columns: repeat(3, 2fr 1fr) repeat(2, 1fr);
  grid-template-areas: "new-program new-program new-creative new-creative . total-name discount-total-block total-total-block";
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .custom-checkbox-normal:hover .icon-delete,
.mass-media-tv-profile-edit-sponsorizari .grid-container .right-side .custom-checkbox-normal:hover .icon-delete {
  opacity: 1;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .custom-checkbox-normal .icon-delete,
.mass-media-tv-profile-edit-sponsorizari .grid-container .right-side .custom-checkbox-normal .icon-delete {
  transition: 0.2s;
  opacity: 0;
  color: #dc3545;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .custom-checkbox-normal .available-programs,
.mass-media-tv-profile-edit-sponsorizari .grid-container .right-side .custom-checkbox-normal .available-programs {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  color: white;
  background-color: black;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 60px auto;
  grid-template-areas: "header" "left-body";
  grid-area: left-side;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .header {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "category" "category";
  grid-area: header;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .header .category {
  display: grid;
  grid-template-columns: 3fr 2fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". . .";
  grid-area: category;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .left-body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-template-areas: "tip programs";
  grid-area: left-body;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .left-body .tip {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: ".";
  gap: 15px 0;
  padding-top: 15px;
  padding-bottom: 15px;
  grid-area: tip;
  align-content: start;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .left-body .tip > div {
  height: 65px;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .left-body .tip > div .packages {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 1rem;
  border-radius: 0.3rem;
  box-shadow: 1px 1px 3px darkgrey;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .left-body .tip > div .packages:hover .icon-case:before {
  content: "";
  color: red;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .left-body .tip > div .packages .icon-case {
  text-align: center;
  font-size: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  min-width: 28px;
  transition: 0.2s;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .left-body .tip > div .packages .icon-case:before {
  transition: 0.2s;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .left-body .programs {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 30px;
  grid-template-areas: ". .";
  grid-area: programs;
  align-content: start;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .left-side .left-body .programs > div {
  height: 30px;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .right-side {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 60px auto 1fr;
  grid-template-areas: "right-header" "creative" "creative-space";
  grid-area: right-side;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .right-side .right-header {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "calendar";
  grid-area: right-header;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .right-side .right-header .calendar {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "." "right-category";
  grid-area: calendar;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .right-side .right-header .calendar .right-category {
  display: grid;
  grid-template-columns: repeat(2, 2fr 1fr);
  grid-template-rows: 1fr;
  grid-template-areas: ". . . .";
  grid-area: right-category;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .right-side .creative {
  display: grid;
  grid-template-columns: repeat(2, 2fr 1fr);
  grid-template-areas: ". . . .";
  grid-area: creative;
  align-content: start;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .right-side .creative .creative-space {
  grid-area: creative-space;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .right-side .creative > div:not(.loader-dots) {
  height: 30px;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .footer {
  display: grid;
  grid-template-columns: 3fr repeat(3, 2fr 1fr) repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-template-areas: ". new-program new-program new-creative new-creative . total-name discount-total-block total-total-block";
  grid-area: footer;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .footer .new-program {
  grid-area: new-program;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .footer .new-creative {
  grid-area: new-creative;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .footer .total-name {
  grid-area: total-name;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .footer .discount-total-block {
  grid-area: discount-total-block;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .footer .total-total-block {
  grid-area: total-total-block;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .totals {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 60px auto;
  grid-template-areas: "discount-block total-block" ". .";
  grid-area: totals;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .totals .discount-block {
  grid-area: discount-block;
}
.mass-media-tv-profile-edit-sponsorizari .grid-container .totals .total-block {
  grid-area: total-block;
}

.creative-descriptions {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: 30px auto;
  grid-template-areas: "header header" "creative-line creative-line";
}
.creative-descriptions .header {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". .";
  grid-area: header;
}
.creative-descriptions .creative-line {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: 1fr;
  grid-template-areas: "left-side right-side";
  grid-column: creative-line;
}
.creative-descriptions .creative-line .left-side {
  grid-area: left-side;
}
.creative-descriptions .creative-line .right-side {
  grid-area: right-side;
}

.avatar-block {
  min-width: 200px;
}
.avatar-block.mini {
  min-width: 150px;
}
.avatar-block .avatar {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
.avatar-block .avatar.mini {
  width: 20px;
  height: 20px;
}
.avatar-block .avatar.rounded-50 {
  border-radius: 50%;
}
.avatar-block .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-block .info {
  width: calc(100% - 30px);
}
.avatar-block .filters .custom-dropdown-head {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-invitations > div:not(:last-child) {
  border-bottom: 1px solid lightgray;
}

.prime-time-line {
  position: absolute;
  height: 1px;
  background: #28a745;
  left: -15px;
  top: 0;
  z-index: 2;
  color: #28a745;
  font-size: 80%;
}
.prime-time-line:before, .prime-time-line:after {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: -3px;
  border-radius: 50%;
  background: #28a745;
  cursor: pointer;
}
.prime-time-line:before {
  left: -3px;
}
.prime-time-line:after {
  right: -3px;
}

.fake-range {
  position: absolute;
  top: 0;
  width: calc(100vw - 50px);
  height: 100%;
  z-index: 1;
}

#form--node-topic-form #edit-field-topic-type--wrapper {
  display: none;
}
#form--node-topic-form .form-item-title-0-value {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.5rem;
}
#form--node-topic-form .form-item-title-0-value label {
  margin: 0;
  padding-right: 0.5rem;
  cursor: pointer;
}
#form--node-topic-form .form-item-title-0-value label:after {
  content: "*";
  color: #02c8d5;
}
#form--node-topic-form .form-item-title-0-value input {
  border: none;
  border-bottom: 1px solid lightgray;
  margin: 0;
  width: 100%;
}
#form--node-topic-form input[id*=edit-field-topic-image-0-upload] {
  display: none;
}
#form--node-topic-form .form-item-field-topic-image-0 > label {
  color: #02c8d5;
  border-radius: 30px;
  min-width: 90px;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #02c8d5;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#form--node-topic-form .form-item-field-topic-image-0 > label:before {
  content: "add ";
}
#form--node-topic-form .form-item-field-topic-image-0 > label:after {
  content: " +";
}
#form--node-topic-form .form-item-field-topic-image-0 input {
  border-bottom: 1px solid lightgray;
  padding: 0.5rem 0;
}
#form--node-topic-form .form-item-field-topic-image-0 #edit-field-topic-image-0--description {
  display: none;
}
#form--node-topic-form .form-item-field-topic-image-0 .form-managed-file {
  display: flex;
  align-items: flex-start;
}
#form--node-topic-form .form-item-field-topic-image-0 .form-managed-file .file--image {
  display: none;
}
#form--node-topic-form .form-item-field-topic-image-0 .form-managed-file .file-size {
  display: none;
}
#form--node-topic-form .form-item-field-topic-image-0 .form-managed-file .form-submit {
  margin-left: auto;
}
#form--node-topic-form .form-item-field-topic-image-0 .description {
  display: none;
}
#form--node-topic-form .form-item-field-topic-image-0 .form-item-field-topic-image-0-alt {
  display: none;
}
#form--node-topic-form .form-item-field-topic-image-0 .image-data__crop-wrapper {
  display: none;
}
#form--node-topic-form div[data-drupal-format-id=mail_html],
#form--node-topic-form div[data-drupal-format-id=simple_text] {
  display: none;
}
#form--node-topic-form #description label {
  padding: 0.5rem 0.5rem 0 0.5rem;
}
#form--node-topic-form #description label:after {
  content: "*";
  color: #02c8d5;
}
#form--node-topic-form #description legend {
  display: none;
}
#form--node-topic-form #edit-submit {
  margin-top: 1rem;
}
#form--node-topic-form #edit-delete {
  margin-top: 1rem;
  margin-left: 0.5rem;
  color: white;
  background: #02c8d5;
  border-radius: 30px;
  min-width: 90px;
}

.node--topic--activity-comment .body {
  background-color: #e6e6e6;
  margin: 0 -1rem;
}
.node--topic--activity-comment .body h4 {
  font-size: 1.125rem;
  margin-bottom: 10px;
}
.node--topic--activity-comment .body .image-block {
  width: 180px;
  height: 180px;
  flex-shrink: 0;
}
.node--topic--activity-comment .body .image-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.comment-post-block .avatar,
.comment-comment-form .avatar {
  width: 50px;
  height: 50px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
.comment-post-block .avatar.rounded-50,
.comment-comment-form .avatar.rounded-50 {
  border-radius: 50%;
}
.comment-post-block .avatar img,
.comment-comment-form .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.comment-post-block .likes a,
.comment-comment-form .likes a {
  background: none;
  position: relative;
  text-indent: initial;
  color: transparent !important;
}
.comment-post-block .likes a.voted-like:after, .comment-post-block .likes a:hover:after,
.comment-comment-form .likes a.voted-like:after,
.comment-comment-form .likes a:hover:after {
  color: #28a745;
}
.comment-post-block .likes a:after,
.comment-comment-form .likes a:after {
  position: absolute;
  top: 0;
  left: 0;
  color: gray;
  font-size: 1.1rem;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.comment-post-block .likes span,
.comment-comment-form .likes span {
  color: gray;
}
.comment-post-block .likes span:after,
.comment-comment-form .likes span:after {
  content: " likes";
}
.comment-post-block .likes .vote-dislike,
.comment-comment-form .likes .vote-dislike {
  display: none;
}
.comment-post-block .highlighter,
.comment-comment-form .highlighter {
  background-color: transparent !important;
  padding: 0 !important;
}
.comment-post-block .form-textarea,
.comment-comment-form .form-textarea {
  display: block !important;
  padding: 0 !important;
  width: 100%;
  height: 1rem;
  border: none;
  background-color: #fcfcfc !important;
  resize: none;
  margin: 0;
}
.comment-post-block .actions > span,
.comment-comment-form .actions > span {
  width: 25px;
  height: 25px;
  border: none;
}
.comment-post-block .actions > span:before,
.comment-comment-form .actions > span:before {
  right: 8px;
}
.comment-post-block .actions ul,
.comment-comment-form .actions ul {
  list-style: none;
  font-size: 12px;
}
.comment-post-block .actions ul li:not(:last-child),
.comment-comment-form .actions ul li:not(:last-child) {
  border-bottom: 1px solid lightgray;
}
.comment-post-block .actions ul li a,
.comment-comment-form .actions ul li a {
  padding: 0.5rem 0;
  display: block;
  text-decoration: none;
  color: gray;
}

#form-add-new-space .select2-search__field {
  border: 0;
  border-bottom: 1px solid lightgray;
}

.view-eye {
  position: absolute;
  top: 60%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  font-size: 14px;
  text-align: center;
  color: #9da3ab;
}
.view-eye:before {
  font-family: "icomoon";
  content: "";
  width: 48px;
  position: absolute;
  display: block;
  height: 48px;
  font-size: 24px;
  line-height: 45px;
  border-radius: 100%;
  font-weight: 100;
  left: calc(50% - 25px);
  margin-top: -48px;
}

#node-33 #company-dat,
#node-33 #leader-dat {
  position: relative;
}
#node-33 #company-dat label,
#node-33 #leader-dat label {
  margin-bottom: 1rem;
}
#node-33 #company-dat label input,
#node-33 #leader-dat label input {
  text-align: right;
}
#node-33 .loadingCompany,
#node-33 .loadingLeaderData,
#node-33 .loadingActiveType {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff75;
}
#node-33 .ads-select-fast {
  width: 400px;
}
#node-33 .ads-select .custom-checkbox,
#node-33 .ads-select-fast .custom-checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#node-33 .ads-select .custom-checkbox .open-drop-down,
#node-33 .ads-select-fast .custom-checkbox .open-drop-down {
  position: relative;
  transform: none;
  width: 100% !important;
  border: none;
  height: initial;
  border-bottom: 1px solid lightgray;
  font-size: 14px;
}
#node-33 .ads-select .custom-checkbox .chevron-down,
#node-33 .ads-select-fast .custom-checkbox .chevron-down {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid black;
  border-top: 0;
  border-left: 0;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}
#node-33 .ads-select .custom-checkbox-normal,
#node-33 .ads-select-fast .custom-checkbox-normal {
  font-size: 14px;
}
#node-33 .ads-select .save-block,
#node-33 .ads-select-fast .save-block {
  margin-top: 0.5rem;
  display: flex;
  justify-content: flex-end;
}

#node-237 .hidden_html {
  display: none;
}
@media print {
  #node-237 textarea[name=html] {
    display: none;
  }
  #node-237 .hidden_html {
    display: block;
  }
}

.block .busy {
  background-color: #F5CBCB;
}

#node-236 a,
#node-233 a {
  text-decoration: none;
}
#node-236 .box-container,
#node-233 .box-container {
  display: grid;
  grid-template-columns: 10% 26% 7% 8% 8% 8% 10% 10% 9% 4%;
}
#node-236 .box-container > div,
#node-233 .box-container > div {
  padding: 0 0.5rem;
}
#node-236 .box-container > div .name,
#node-233 .box-container > div .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#node-236 .box-container > div .icon-media-plan,
#node-236 .box-container > div .icon-invoice,
#node-236 .box-container > div .icon-contract,
#node-233 .box-container > div .icon-media-plan,
#node-233 .box-container > div .icon-invoice,
#node-233 .box-container > div .icon-contract {
  font-size: 54px;
  color: #434343;
}

#node-34 .back,
#node-310 .back {
  margin: 0 34px 0 0px;
}
#node-34 .back a,
#node-310 .back a {
  text-decoration: none;
  color: #5c5c5c;
}
#node-34 .back a span,
#node-310 .back a span {
  font-size: 15px;
}
#node-34 .container-print,
#node-310 .container-print {
  display: flex;
  flex-direction: column;
}
#node-34 .container-print .main-footer-block,
#node-310 .container-print .main-footer-block {
  margin-top: auto;
}
#node-34 .header,
#node-310 .header {
  display: flex;
  align-items: center;
}
#node-34 .header .avatar,
#node-310 .header .avatar {
  position: relative;
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid lightgray;
}
#node-34 .header .avatar img,
#node-310 .header .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
#node-34 .header .avatar label,
#node-310 .header .avatar label {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  cursor: pointer;
  transition: background-color 0.2s;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}
#node-34 .header .avatar label img,
#node-310 .header .avatar label img {
  width: 25%;
  height: auto;
  transition: opacity 0.2s;
  opacity: 0;
}
#node-34 .header .avatar label:hover,
#node-310 .header .avatar label:hover {
  background-color: #00000050;
}
#node-34 .header .avatar label:hover img,
#node-310 .header .avatar label:hover img {
  opacity: 1;
}
#node-34 .header .avatar label input,
#node-310 .header .avatar label input {
  display: none;
}
#node-34 .header .fo,
#node-310 .header .fo {
  flex: 1;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1.5rem;
}
#node-34 .header .fo input,
#node-310 .header .fo input {
  width: 100%;
  border: none;
  border-bottom: 1px solid lightgray;
}
#node-34 .header .credentialsBlock,
#node-310 .header .credentialsBlock {
  width: 260px;
}
#node-34 .body .prof-sum,
#node-34 .body .experience,
#node-34 .body .education,
#node-34 .body .knowledge_level,
#node-310 .body .prof-sum,
#node-310 .body .experience,
#node-310 .body .education,
#node-310 .body .knowledge_level {
  margin-top: 5rem;
}
#node-34 .body .experience,
#node-34 .body .education,
#node-310 .body .experience,
#node-310 .body .education {
  display: flex;
  align-items: center;
}
#node-34 .body .experience .name,
#node-34 .body .education .name,
#node-310 .body .experience .name,
#node-310 .body .education .name {
  margin-right: 10px;
}
#node-34 .body .experience .fields,
#node-34 .body .education .fields,
#node-310 .body .experience .fields,
#node-310 .body .education .fields {
  position: relative;
  flex: 1;
  border-bottom: 1px solid lightgray;
  display: flex;
  align-items: center;
}
#node-34 .body .experience .fields .bugged-slick,
#node-34 .body .education .fields .bugged-slick,
#node-310 .body .experience .fields .bugged-slick,
#node-310 .body .education .fields .bugged-slick {
  flex: 1;
  position: relative;
  height: 20px;
  padding: 0 1rem;
}
#node-34 .body .experience .fields .bugged-slick .show-block,
#node-34 .body .education .fields .bugged-slick .show-block,
#node-310 .body .experience .fields .bugged-slick .show-block,
#node-310 .body .education .fields .bugged-slick .show-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  display: flex;
  overflow: hidden;
}
#node-34 .body .experience .fields .bugged-slick .show-block .slick-arrow,
#node-34 .body .education .fields .bugged-slick .show-block .slick-arrow,
#node-310 .body .experience .fields .bugged-slick .show-block .slick-arrow,
#node-310 .body .education .fields .bugged-slick .show-block .slick-arrow {
  border: 1px solid #c1c1c1;
  font-size: 0;
  display: block;
  background: none;
  width: 8px;
  height: 8px;
  padding: 0;
  border-left: 0;
  border-top: 0;
  outline: none;
  cursor: pointer;
  position: absolute;
}
#node-34 .body .experience .fields .bugged-slick .show-block .slick-arrow.slick-next,
#node-34 .body .education .fields .bugged-slick .show-block .slick-arrow.slick-next,
#node-310 .body .experience .fields .bugged-slick .show-block .slick-arrow.slick-next,
#node-310 .body .education .fields .bugged-slick .show-block .slick-arrow.slick-next {
  right: 5px;
  transform: rotate(-45deg);
  top: 4px;
}
#node-34 .body .experience .fields .bugged-slick .show-block .slick-arrow.slick-prev,
#node-34 .body .education .fields .bugged-slick .show-block .slick-arrow.slick-prev,
#node-310 .body .experience .fields .bugged-slick .show-block .slick-arrow.slick-prev,
#node-310 .body .education .fields .bugged-slick .show-block .slick-arrow.slick-prev {
  left: 5px;
  transform: rotate(135deg);
  top: 4px;
}
#node-34 .body .experience .fields .bugged-slick .show-block .block,
#node-34 .body .education .fields .bugged-slick .show-block .block,
#node-310 .body .experience .fields .bugged-slick .show-block .block,
#node-310 .body .education .fields .bugged-slick .show-block .block {
  padding: 0 0.5rem;
  margin: 0 0.2rem 0.12rem;
  cursor: pointer;
  background-color: #02c8d5;
  color: white;
  border-radius: 12px;
}
#node-34 .body .experience .fields .add-new,
#node-34 .body .education .fields .add-new,
#node-310 .body .experience .fields .add-new,
#node-310 .body .education .fields .add-new {
  color: #1bc5cf;
  cursor: pointer;
}
#node-34 .body .knowledge_level,
#node-310 .body .knowledge_level {
  display: flex;
}
#node-34 .body .knowledge_level .language,
#node-310 .body .knowledge_level .language {
  padding-right: 1rem;
}
#node-34 .body .knowledge_level .language .profs .prof .input-name,
#node-310 .body .knowledge_level .language .profs .prof .input-name {
  position: relative;
}
#node-34 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup,
#node-310 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup {
  position: absolute;
  top: calc(100% + 5px);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  width: 180px;
  min-height: 28px;
  max-height: 180px;
  overflow-y: auto;
  z-index: 5;
}
#node-34 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup::-webkit-scrollbar,
#node-310 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup::-webkit-scrollbar {
  width: 4px;
}
#node-34 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup::-webkit-scrollbar-track,
#node-310 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup::-webkit-scrollbar-track {
  background: #ccc;
}
#node-34 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup::-webkit-scrollbar-thumb,
#node-310 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup::-webkit-scrollbar-thumb {
  background: #00bec9;
}
#node-34 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup > ul,
#node-310 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup > ul {
  list-style: none;
}
#node-34 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup > ul > li,
#node-310 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup > ul > li {
  padding: 5px;
  cursor: pointer;
}
#node-34 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup > ul > li:not(:last-child),
#node-310 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup > ul > li:not(:last-child) {
  border-bottom: 1px solid gray;
}
#node-34 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup > ul > li:hover,
#node-310 .body .knowledge_level .language .profs .prof .input-name .suggestion-popup > ul > li:hover {
  background-color: #02c8d520;
}
#node-34 .body .knowledge_level .skills,
#node-310 .body .knowledge_level .skills {
  padding-left: 1rem;
}
#node-34 .body .knowledge_level .language,
#node-34 .body .knowledge_level .skills,
#node-310 .body .knowledge_level .language,
#node-310 .body .knowledge_level .skills {
  width: 50%;
}
#node-34 .body .knowledge_level .language .profs,
#node-34 .body .knowledge_level .skills .profs,
#node-310 .body .knowledge_level .language .profs,
#node-310 .body .knowledge_level .skills .profs {
  margin-top: 3rem;
}
#node-34 .body .knowledge_level .language .profs .prof,
#node-34 .body .knowledge_level .skills .profs .prof,
#node-310 .body .knowledge_level .language .profs .prof,
#node-310 .body .knowledge_level .skills .profs .prof {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
}
#node-34 .body .knowledge_level .language .profs .prof .default-name,
#node-34 .body .knowledge_level .language .profs .prof .input-name,
#node-34 .body .knowledge_level .skills .profs .prof .default-name,
#node-34 .body .knowledge_level .skills .profs .prof .input-name,
#node-310 .body .knowledge_level .language .profs .prof .default-name,
#node-310 .body .knowledge_level .language .profs .prof .input-name,
#node-310 .body .knowledge_level .skills .profs .prof .default-name,
#node-310 .body .knowledge_level .skills .profs .prof .input-name {
  flex: 1;
}
#node-34 .body .knowledge_level .language .profs .prof .default-name input,
#node-34 .body .knowledge_level .language .profs .prof .input-name input,
#node-34 .body .knowledge_level .skills .profs .prof .default-name input,
#node-34 .body .knowledge_level .skills .profs .prof .input-name input,
#node-310 .body .knowledge_level .language .profs .prof .default-name input,
#node-310 .body .knowledge_level .language .profs .prof .input-name input,
#node-310 .body .knowledge_level .skills .profs .prof .default-name input,
#node-310 .body .knowledge_level .skills .profs .prof .input-name input {
  width: 100%;
  border: none;
  border-bottom: 1px solid lightgray;
}
#node-34 .body .knowledge_level .language .profs .prof .levels,
#node-34 .body .knowledge_level .skills .profs .prof .levels,
#node-310 .body .knowledge_level .language .profs .prof .levels,
#node-310 .body .knowledge_level .skills .profs .prof .levels {
  display: flex;
  flex-direction: row-reverse;
}
#node-34 .body .knowledge_level .language .profs .prof .levels input:checked ~ .level,
#node-34 .body .knowledge_level .skills .profs .prof .levels input:checked ~ .level,
#node-310 .body .knowledge_level .language .profs .prof .levels input:checked ~ .level,
#node-310 .body .knowledge_level .skills .profs .prof .levels input:checked ~ .level {
  background-color: #ffc22f;
  border-color: #ffc22f;
}
#node-34 .body .knowledge_level .language .profs .prof .levels .level,
#node-34 .body .knowledge_level .skills .profs .prof .levels .level,
#node-310 .body .knowledge_level .language .profs .prof .levels .level,
#node-310 .body .knowledge_level .skills .profs .prof .levels .level {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid lightgray;
  margin-left: 1rem;
  margin-bottom: 0;
  transition: 0.15s ease;
  cursor: pointer;
}
#node-34 .body .knowledge_level .language .profs .prof .levels .level:hover,
#node-34 .body .knowledge_level .skills .profs .prof .levels .level:hover,
#node-310 .body .knowledge_level .language .profs .prof .levels .level:hover,
#node-310 .body .knowledge_level .skills .profs .prof .levels .level:hover {
  transform: scale(1.35, 1.35);
  background-color: #ffc22f;
  border-color: #ffc22f;
}
#node-34 .body .knowledge_level .language .profs .prof .levels .level:hover ~ .level,
#node-34 .body .knowledge_level .skills .profs .prof .levels .level:hover ~ .level,
#node-310 .body .knowledge_level .language .profs .prof .levels .level:hover ~ .level,
#node-310 .body .knowledge_level .skills .profs .prof .levels .level:hover ~ .level {
  background-color: #ffc22f;
  border-color: #ffc22f;
}
#node-34 .body .knowledge_level .language .profs .prof .actions,
#node-34 .body .knowledge_level .skills .profs .prof .actions,
#node-310 .body .knowledge_level .language .profs .prof .actions,
#node-310 .body .knowledge_level .skills .profs .prof .actions {
  width: 121px;
  display: flex;
}
#node-34 .body .knowledge_level .language .profs .prof .actions .save,
#node-34 .body .knowledge_level .language .profs .prof .actions .remove,
#node-34 .body .knowledge_level .skills .profs .prof .actions .save,
#node-34 .body .knowledge_level .skills .profs .prof .actions .remove,
#node-310 .body .knowledge_level .language .profs .prof .actions .save,
#node-310 .body .knowledge_level .language .profs .prof .actions .remove,
#node-310 .body .knowledge_level .skills .profs .prof .actions .save,
#node-310 .body .knowledge_level .skills .profs .prof .actions .remove {
  border: none;
  padding: 0 0.5rem;
  margin-left: 0.5rem;
  cursor: pointer;
  background-color: #02c8d5;
  color: white;
  border-radius: 12px;
}
#node-34 .body .knowledge_level .language .add-new,
#node-34 .body .knowledge_level .skills .add-new,
#node-310 .body .knowledge_level .language .add-new,
#node-310 .body .knowledge_level .skills .add-new {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
}
#node-34 .body .knowledge_level .language .add-new .action,
#node-34 .body .knowledge_level .skills .add-new .action,
#node-310 .body .knowledge_level .language .add-new .action,
#node-310 .body .knowledge_level .skills .add-new .action {
  cursor: pointer;
  color: #1bc5cf;
}
#node-34 .settings .show-password,
#node-310 .settings .show-password {
  margin-left: -28px;
  padding: 0;
}
#node-34 .settings form,
#node-310 .settings form {
  position: relative;
}
#node-34 .settings form #loadingBlockLogin,
#node-34 .settings form #loadingBlockPass,
#node-34 .settings form #loadingBlockEmail,
#node-310 .settings form #loadingBlockLogin,
#node-310 .settings form #loadingBlockPass,
#node-310 .settings form #loadingBlockEmail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff75;
}

#node-253 .impressions,
#node-425 .impressions {
  display: flex;
  justify-content: center;
  color: gray;
}
#node-253 .impressions > div,
#node-425 .impressions > div {
  border-radius: 50px;
  border: 2px solid lightgray;
  padding: 0.4rem 0.5rem;
}
#node-253 .impressions > div input,
#node-425 .impressions > div input {
  border: none;
  width: 105px;
  text-align: center;
}
#node-253 .impressions > div .icon-eye,
#node-425 .impressions > div .icon-eye {
  font-size: 12px;
}

#node-265 .slick-arrow.slick-prev {
  left: 10px;
  transform: rotate(135deg);
  top: 110px;
}
#node-265 .slick-arrow.slick-next {
  right: 10px;
  transform: rotate(-45deg);
  top: 110px;
}
#node-265 .slick-arrow {
  font-size: 0;
  display: block;
  background: none;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 2px solid #c1c1c1;
  border-left: 0;
  border-top: 0;
  outline: none;
  cursor: pointer;
  position: absolute;
}
#node-265 .slick-track {
  margin: initial;
}

#node-266 .dot-number,
#node-266 .new-dot {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border: 1px solid white;
  background-color: black;
}
#node-266 .dot-number.black,
#node-266 .new-dot.black {
  color: black;
  border-color: black;
  background-color: white;
}
#node-266 .dot-number.black:hover,
#node-266 .new-dot.black:hover {
  color: white;
  background-color: black;
}
#node-266 .dot-description:hover .remove-dot {
  opacity: 1;
}
#node-266 .dot-description .remove-dot {
  font-size: 80%;
  position: absolute;
  top: 0;
  right: 0;
  background: white;
  transition: 0.2s;
  opacity: 0;
}
#node-266 .image-dot-area {
  user-select: none;
}
#node-266 .slick-arrow.slick-prev {
  left: 0px;
  transform: rotate(135deg);
  top: 7px;
}
#node-266 .slick-arrow.slick-next {
  right: 0px;
  transform: rotate(-45deg);
  top: 7px;
}
#node-266 .slick-arrow {
  font-size: 0;
  display: block;
  background: none;
  width: 10px;
  height: 10px;
  padding: 0;
  border: 2px solid #c1c1c1;
  border-left: 0;
  border-top: 0;
  outline: none;
  cursor: pointer;
  position: absolute;
}
#node-266 .slick-track {
  margin: initial;
}
#node-266 textarea[name=dot-description] {
  border: 0;
  border-bottom: 1px solid lightgray;
}

#node-270 .dot-number,
#node-270 .new-dot {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border: 1px solid white;
  background-color: black;
}

.timetable-col .csv-import {
  right: 10px;
  top: -25px;
  font-size: 80%;
  width: 40px;
  line-height: 1;
  padding: 0.2rem 0.5rem;
}
.timetable-col .excel-csv-import {
  right: 55px;
  top: -25px;
  font-size: 80%;
  width: 75px;
  line-height: 1;
  padding: 0.2rem 0.5rem;
}

#node-284 #creative-block .loader-dots,
#node-338 #creative-block .loader-dots {
  height: 200px;
}
#node-284 .no-programs,
#node-338 .no-programs {
  display: flex;
  align-items: center;
  justify-content: center;
}

#node-287,
#node-288,
#node-311,
#node-312 {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#node-287 .input-normal,
#node-287 .custom-checkbox-normal,
#node-287 .textarea-normal,
#node-287 .actions,
#node-288 .input-normal,
#node-288 .custom-checkbox-normal,
#node-288 .textarea-normal,
#node-288 .actions,
#node-311 .input-normal,
#node-311 .custom-checkbox-normal,
#node-311 .textarea-normal,
#node-311 .actions,
#node-312 .input-normal,
#node-312 .custom-checkbox-normal,
#node-312 .textarea-normal,
#node-312 .actions {
  padding-top: 1rem;
}
#node-287 .input-normal b,
#node-287 .custom-checkbox-normal b,
#node-287 .textarea-normal b,
#node-287 .actions b,
#node-288 .input-normal b,
#node-288 .custom-checkbox-normal b,
#node-288 .textarea-normal b,
#node-288 .actions b,
#node-311 .input-normal b,
#node-311 .custom-checkbox-normal b,
#node-311 .textarea-normal b,
#node-311 .actions b,
#node-312 .input-normal b,
#node-312 .custom-checkbox-normal b,
#node-312 .textarea-normal b,
#node-312 .actions b {
  color: #02c8d5;
}
#node-287 .input-normal textarea,
#node-287 .custom-checkbox-normal textarea,
#node-287 .textarea-normal textarea,
#node-287 .actions textarea,
#node-288 .input-normal textarea,
#node-288 .custom-checkbox-normal textarea,
#node-288 .textarea-normal textarea,
#node-288 .actions textarea,
#node-311 .input-normal textarea,
#node-311 .custom-checkbox-normal textarea,
#node-311 .textarea-normal textarea,
#node-311 .actions textarea,
#node-312 .input-normal textarea,
#node-312 .custom-checkbox-normal textarea,
#node-312 .textarea-normal textarea,
#node-312 .actions textarea {
  resize: none;
}
#node-287 .periods,
#node-288 .periods,
#node-311 .periods,
#node-312 .periods {
  display: flex;
}
#node-287 .periods .input-normal,
#node-288 .periods .input-normal,
#node-311 .periods .input-normal,
#node-312 .periods .input-normal {
  width: 50%;
}
#node-287 .actions,
#node-288 .actions,
#node-311 .actions,
#node-312 .actions {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
}
#node-287 #loadingBlock,
#node-288 #loadingBlock,
#node-311 #loadingBlock,
#node-312 #loadingBlock {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff75;
}

#node-305 .btn-group .btn {
  color: gray;
  background-color: #eaeaea;
  border-color: #eaeaea;
  font-weight: 300;
  transition: 0.2s;
}
#node-305 .btn-group .btn:hover, #node-305 .btn-group .btn.current-menu-item {
  background-color: gray;
  border-color: gray;
  color: white;
}
#node-305 .left-navigation ul > li, #node-305 .left-navigation ul span {
  padding: 0.5rem 0;
  text-align: left;
  width: 100%;
  color: #6c757d;
}
#node-305 .left-navigation ul > li.current-menu-item, #node-305 .left-navigation ul span.current-menu-item {
  color: #00bec9;
}

#node-306 .contact-body {
  padding-bottom: 10rem;
}
#node-306 .contact-body .info p {
  color: #979da6;
  font-size: 14px;
  line-height: 2;
}
#node-306 .contact-body .location {
  font-size: 14px;
}
#node-306 .contact-body .form form label {
  width: 100%;
  position: relative;
}
#node-306 .contact-body .form form label input,
#node-306 .contact-body .form form label textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid lightgray;
}
#node-306 .contact-body .form form label > div {
  position: absolute;
  top: 1px;
  left: 2px;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}
#node-306 .contact-body .form form label > div.active {
  visibility: visible;
  opacity: 1;
  top: -18px;
}
#node-306 .contact-body .form form label textarea {
  height: 84px;
  resize: none;
  background-attachment: local;
  background-image: linear-gradient(to right, transparent 10px, transparent 10px), linear-gradient(to left, transparent 10px, transparent 10px), repeating-linear-gradient(transparent, transparent 27px, #ccc 27px, #ccc 28px, transparent 28px);
  line-height: 28px;
  background-color: transparent;
}

#node-329 .snap-block {
  border: 4px solid darkblue;
  border-radius: 50%;
  padding: 75px;
  line-height: 0;
  font-size: 70px;
  font-weight: 300;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  color: darkblue;
}
#node-329 .credentials {
  color: darkblue;
  position: absolute;
  left: 10px;
  bottom: 10px;
  text-align: left;
  width: 50%;
  font-size: 1rem;
}
#node-329 .credentials .type {
  font-size: 80%;
}
#node-329 .credentials .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#node-329 .time {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 1rem;
  color: darkblue;
}

.stream-block .activity > p {
  display: none;
}
.stream-block #block-post-block .field--profile--type--image .avatar,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .avatar,
.stream-block #block-postblock-2 .field--profile--type--image .avatar, .stream-block.self .field--profile--type--image .avatar {
  width: 50px;
  height: 50px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
.stream-block #block-post-block .field--profile--type--image .avatar.rounded-50,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .avatar.rounded-50,
.stream-block #block-postblock-2 .field--profile--type--image .avatar.rounded-50, .stream-block.self .field--profile--type--image .avatar.rounded-50 {
  border-radius: 50%;
}
.stream-block #block-post-block .field--profile--type--image .avatar img,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .avatar img,
.stream-block #block-postblock-2 .field--profile--type--image .avatar img, .stream-block.self .field--profile--type--image .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stream-block #block-post-block .field--profile--type--image .added > a,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .added > a,
.stream-block #block-postblock-2 .field--profile--type--image .added > a, .stream-block.self .field--profile--type--image .added > a {
  color: #1bc5cf;
  text-decoration: none;
}
.stream-block #block-post-block .field--profile--type--image .preview-image,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .preview-image,
.stream-block #block-postblock-2 .field--profile--type--image .preview-image, .stream-block.self .field--profile--type--image .preview-image {
  position: relative;
}
.stream-block #block-post-block .field--profile--type--image .preview-image input[data-drupal-selector=edit-field-post-image-0-remove-button],
.stream-block #block-postonprofileofothersblock .field--profile--type--image .preview-image input[data-drupal-selector=edit-field-post-image-0-remove-button],
.stream-block #block-postblock-2 .field--profile--type--image .preview-image input[data-drupal-selector=edit-field-post-image-0-remove-button], .stream-block.self .field--profile--type--image .preview-image input[data-drupal-selector=edit-field-post-image-0-remove-button] {
  position: absolute;
  top: 10px;
  right: 10px;
}
.stream-block #block-post-block .field--profile--type--image .preview-image input[type=file],
.stream-block #block-postonprofileofothersblock .field--profile--type--image .preview-image input[type=file],
.stream-block #block-postblock-2 .field--profile--type--image .preview-image input[type=file], .stream-block.self .field--profile--type--image .preview-image input[type=file] {
  display: none;
}
.stream-block #block-post-block .field--profile--type--image .preview-image img,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .preview-image img,
.stream-block #block-postblock-2 .field--profile--type--image .preview-image img, .stream-block.self .field--profile--type--image .preview-image img {
  width: 100%;
}
.stream-block #block-post-block .field--profile--type--image .preview-image span[data-drupal-selector],
.stream-block #block-post-block .field--profile--type--image .preview-image span.file-size,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .preview-image span[data-drupal-selector],
.stream-block #block-postonprofileofothersblock .field--profile--type--image .preview-image span.file-size,
.stream-block #block-postblock-2 .field--profile--type--image .preview-image span[data-drupal-selector],
.stream-block #block-postblock-2 .field--profile--type--image .preview-image span.file-size, .stream-block.self .field--profile--type--image .preview-image span[data-drupal-selector],
.stream-block.self .field--profile--type--image .preview-image span.file-size {
  display: none;
}
.stream-block #block-post-block .field--profile--type--image .post-image div[data-drupal-messages],
.stream-block #block-postonprofileofothersblock .field--profile--type--image .post-image div[data-drupal-messages],
.stream-block #block-postblock-2 .field--profile--type--image .post-image div[data-drupal-messages], .stream-block.self .field--profile--type--image .post-image div[data-drupal-messages] {
  display: none;
}
.stream-block #block-post-block .field--profile--type--image .form-textarea,
.stream-block #block-post-block .field--profile--type--image .form-type-textarea,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .form-textarea,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .form-type-textarea,
.stream-block #block-postblock-2 .field--profile--type--image .form-textarea,
.stream-block #block-postblock-2 .field--profile--type--image .form-type-textarea, .stream-block.self .field--profile--type--image .form-textarea,
.stream-block.self .field--profile--type--image .form-type-textarea {
  display: block !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.stream-block #block-post-block .field--profile--type--image .form-textarea .highlighter,
.stream-block #block-post-block .field--profile--type--image .form-type-textarea .highlighter,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .form-textarea .highlighter,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .form-type-textarea .highlighter,
.stream-block #block-postblock-2 .field--profile--type--image .form-textarea .highlighter,
.stream-block #block-postblock-2 .field--profile--type--image .form-type-textarea .highlighter, .stream-block.self .field--profile--type--image .form-textarea .highlighter,
.stream-block.self .field--profile--type--image .form-type-textarea .highlighter {
  background-color: transparent !important;
  padding: 0 !important;
}
.stream-block #block-post-block .field--profile--type--image .form-textarea textarea,
.stream-block #block-post-block .field--profile--type--image .form-type-textarea textarea,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .form-textarea textarea,
.stream-block #block-postonprofileofothersblock .field--profile--type--image .form-type-textarea textarea,
.stream-block #block-postblock-2 .field--profile--type--image .form-textarea textarea,
.stream-block #block-postblock-2 .field--profile--type--image .form-type-textarea textarea, .stream-block.self .field--profile--type--image .form-textarea textarea,
.stream-block.self .field--profile--type--image .form-type-textarea textarea {
  width: 100%;
  border: none;
  background-color: white !important;
  resize: none;
  margin: 0;
}
.stream-block .actions > span {
  width: 25px;
  height: 25px;
  border: none;
}
.stream-block .actions > span:before {
  right: 8px;
}
.stream-block .actions ul {
  list-style: none;
  font-size: 12px;
}
.stream-block .actions ul li:not(:last-child) {
  border-bottom: 1px solid lightgray;
}
.stream-block .actions ul li a {
  padding: 0.5rem 0;
  display: block;
  text-decoration: none;
  color: gray;
}
.stream-block .post-block .avatar,
.stream-block .comment-activity-block .avatar,
.stream-block .comment-post-comment-form .avatar,
.stream-block .comment-comment-form .avatar {
  width: 50px;
  height: 50px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
.stream-block .post-block .avatar.rounded-50,
.stream-block .comment-activity-block .avatar.rounded-50,
.stream-block .comment-post-comment-form .avatar.rounded-50,
.stream-block .comment-comment-form .avatar.rounded-50 {
  border-radius: 50%;
}
.stream-block .post-block .avatar img,
.stream-block .comment-activity-block .avatar img,
.stream-block .comment-post-comment-form .avatar img,
.stream-block .comment-comment-form .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stream-block .post-block .added > a,
.stream-block .comment-activity-block .added > a,
.stream-block .comment-post-comment-form .added > a,
.stream-block .comment-comment-form .added > a {
  color: #1bc5cf;
  text-decoration: none;
}
.stream-block .post-block .post-image img,
.stream-block .comment-activity-block .post-image img,
.stream-block .comment-post-comment-form .post-image img,
.stream-block .comment-comment-form .post-image img {
  width: calc(100% + 2rem);
  height: auto;
  position: relative;
  left: -1rem;
}
.stream-block .post-block .likes a,
.stream-block .comment-activity-block .likes a,
.stream-block .comment-post-comment-form .likes a,
.stream-block .comment-comment-form .likes a {
  background: none;
  position: relative;
  text-indent: initial;
  color: transparent !important;
}
.stream-block .post-block .likes a.voted-like:after, .stream-block .post-block .likes a:hover:after,
.stream-block .comment-activity-block .likes a.voted-like:after,
.stream-block .comment-activity-block .likes a:hover:after,
.stream-block .comment-post-comment-form .likes a.voted-like:after,
.stream-block .comment-post-comment-form .likes a:hover:after,
.stream-block .comment-comment-form .likes a.voted-like:after,
.stream-block .comment-comment-form .likes a:hover:after {
  color: #28a745;
}
.stream-block .post-block .likes a:after,
.stream-block .comment-activity-block .likes a:after,
.stream-block .comment-post-comment-form .likes a:after,
.stream-block .comment-comment-form .likes a:after {
  position: absolute;
  top: 0;
  left: 0;
  color: gray;
  font-size: 1.1rem;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.stream-block .post-block .likes span,
.stream-block .comment-activity-block .likes span,
.stream-block .comment-post-comment-form .likes span,
.stream-block .comment-comment-form .likes span {
  color: gray;
}
.stream-block .post-block .likes span:after,
.stream-block .comment-activity-block .likes span:after,
.stream-block .comment-post-comment-form .likes span:after,
.stream-block .comment-comment-form .likes span:after {
  content: " likes";
}
.stream-block .post-block .likes .vote-dislike,
.stream-block .comment-activity-block .likes .vote-dislike,
.stream-block .comment-post-comment-form .likes .vote-dislike,
.stream-block .comment-comment-form .likes .vote-dislike {
  display: none;
}
.stream-block .post-block .all-comments,
.stream-block .comment-activity-block .all-comments,
.stream-block .comment-post-comment-form .all-comments,
.stream-block .comment-comment-form .all-comments {
  color: gray;
  font-size: 12px;
}
.stream-block .post-block .all-comments a,
.stream-block .comment-activity-block .all-comments a,
.stream-block .comment-post-comment-form .all-comments a,
.stream-block .comment-comment-form .all-comments a {
  font-size: 12px;
  padding: 0;
}
.stream-block .post-block .all-comments i,
.stream-block .comment-activity-block .all-comments i,
.stream-block .comment-post-comment-form .all-comments i,
.stream-block .comment-comment-form .all-comments i {
  padding-right: 0.25rem;
  font-size: 1rem;
}
.stream-block .comment-post-block .avatar {
  width: 50px;
  height: 50px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
.stream-block .comment-post-block .avatar.rounded-50 {
  border-radius: 50%;
}
.stream-block .comment-post-block .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stream-block .comment-post-block .likes a {
  background: none;
  position: relative;
  text-indent: initial;
  color: transparent !important;
}
.stream-block .comment-post-block .likes a.voted-like:after, .stream-block .comment-post-block .likes a:hover:after {
  color: #28a745;
}
.stream-block .comment-post-block .likes a:after {
  position: absolute;
  top: 0;
  left: 0;
  color: gray;
  font-size: 1.1rem;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.stream-block .comment-post-block .likes span {
  color: gray;
}
.stream-block .comment-post-block .likes span:after {
  content: " likes";
}
.stream-block .comment-post-block .likes .vote-dislike {
  display: none;
}
.stream-block .comment-post-block .content p {
  margin-bottom: 0.5rem;
}
.stream-block .comment-form-block .highlighter {
  background-color: transparent !important;
  padding: 0 !important;
}
.stream-block .comment-form-block .form-textarea {
  display: block !important;
  padding: 0 !important;
  width: 100%;
  height: 1rem;
  border: none;
  background-color: #fcfcfc !important;
  resize: none;
  margin: 0;
}
.stream-block .button.button--danger {
  color: white;
  background: #dc3545;
  border-radius: 30px;
  min-width: 90px;
  cursor: pointer;
  text-decoration: none;
  margin-left: 0.25rem;
}

#page--profile--stream .header-profile:hover .image-background .edit-image-background,
#page--company--stream .header-profile:hover .image-background .edit-image-background {
  visibility: visible;
  opacity: 1;
}
#page--profile--stream .header-profile .image-background,
#page--company--stream .header-profile .image-background {
  background-position: center;
}
#page--profile--stream .header-profile .image-background .hero__bgimage-overlay,
#page--company--stream .header-profile .image-background .hero__bgimage-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(34, 34, 34, 0.3) 100%);
}
#page--profile--stream .header-profile .image-background .edit-image-background,
#page--company--stream .header-profile .image-background .edit-image-background {
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}
#page--profile--stream .header-profile .avatar,
#page--company--stream .header-profile .avatar {
  position: relative;
  width: 175px;
  height: 175px;
  overflow: hidden;
  box-shadow: 1px 3px 9px 4px rgba(0, 0, 0, 0.2);
}
#page--profile--stream .header-profile .avatar img,
#page--company--stream .header-profile .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
#page--profile--stream .header-profile .avatar label,
#page--company--stream .header-profile .avatar label {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}
#page--profile--stream .header-profile .avatar label img,
#page--company--stream .header-profile .avatar label img {
  width: 25%;
  height: auto;
  transition: opacity 0.2s;
  opacity: 0;
}
#page--profile--stream .header-profile .avatar label:hover,
#page--company--stream .header-profile .avatar label:hover {
  background-color: #00000050;
}
#page--profile--stream .header-profile .avatar label:hover img,
#page--company--stream .header-profile .avatar label:hover img {
  opacity: 1;
}
#page--profile--stream .header-profile .avatar label input,
#page--company--stream .header-profile .avatar label input {
  display: none;
}
#page--profile--stream .header-profile .company-logo .logo-c,
#page--company--stream .header-profile .company-logo .logo-c {
  width: 173px;
  height: 173px;
  position: relative;
}
#page--profile--stream .header-profile .company-logo .logo-c .add-avatar,
#page--company--stream .header-profile .company-logo .logo-c .add-avatar {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
}
#page--profile--stream .header-profile .company-logo .logo-c img,
#page--company--stream .header-profile .company-logo .logo-c img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#page--profile--stream .header-profile .company-logo .info input,
#page--company--stream .header-profile .company-logo .info input {
  width: 0;
  border: none;
  border-bottom: 1px solid transparent;
  background: transparent;
}
#page--profile--stream .header-profile .company-logo .info input:focus,
#page--company--stream .header-profile .company-logo .info input:focus {
  border-color: lightgray;
}
#page--profile--stream .header-profile .company-logo .info input[name=nume], #page--profile--stream .header-profile .company-logo .info input[name=prenume], #page--profile--stream .header-profile .company-logo .info input[name=brand],
#page--company--stream .header-profile .company-logo .info input[name=nume],
#page--company--stream .header-profile .company-logo .info input[name=prenume],
#page--company--stream .header-profile .company-logo .info input[name=brand] {
  font-weight: bold;
  color: white;
}
#page--profile--stream .header-profile .company-logo .info input[name=nume]::placeholder, #page--profile--stream .header-profile .company-logo .info input[name=prenume]::placeholder, #page--profile--stream .header-profile .company-logo .info input[name=brand]::placeholder,
#page--company--stream .header-profile .company-logo .info input[name=nume]::placeholder,
#page--company--stream .header-profile .company-logo .info input[name=prenume]::placeholder,
#page--company--stream .header-profile .company-logo .info input[name=brand]::placeholder {
  color: white;
}

#page--node--topic .hero__bgimage-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(34, 34, 34, 0.3) 100%), linear-gradient(rgba(34, 34, 34, 0.3) 0%, rgba(0, 0, 0, 0) 30%);
}
#page--node--topic .edit-topic {
  color: white;
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 20px;
  cursor: pointer;
  text-shadow: 1px 1px 1px #dedede;
}

#node--topic--full .header .likes a {
  background: none;
  position: relative;
  text-indent: initial;
  color: transparent;
}
#node--topic--full .header .likes a.voted-like:after, #node--topic--full .header .likes a:hover:after {
  color: #28a745;
}
#node--topic--full .header .likes a:after {
  position: absolute;
  top: 0;
  left: 0;
  color: black;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
#node--topic--full .header .likes span {
  padding-left: 0.5rem;
}
#node--topic--full .header .likes span:after {
  content: " likes";
}
#node--topic--full .header .likes .vote-like {
  display: flex;
  align-items: center;
}
#node--topic--full .header .likes .vote-dislike {
  display: none;
}
#node--topic--full .header .follow > div > div {
  display: none;
}
#node--topic--full .header .follow a {
  font-weight: 500;
  display: block;
  color: #1bc5cf;
  text-decoration: none;
  border: 1px solid #1bc5cf;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#node--topic--full .body .post {
  font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 21px;
  line-height: 32px;
  color: #292929;
  font-style: normal;
  font-weight: 400;
  background: #fff;
  letter-spacing: -0.003em;
  word-break: break-word;
}
#node--topic--full .body .post img {
  max-width: 100%;
}

#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div {
  display: flex;
  flex-wrap: wrap;
}
#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div > article {
  padding-bottom: 25%;
  position: relative;
}
#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div > article .block-size {
  position: absolute;
  top: 0;
  left: 0;
}
#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div > article .block-size .content {
  background-size: cover;
  background-position: center;
  position: relative;
}
#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div > article .block-size .content .hero__bgimage-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(34, 34, 34, 0.3) 100%), linear-gradient(rgba(34, 34, 34, 0.3) 0%, rgba(0, 0, 0, 0) 30%);
}
#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div > article:nth-child(6n+1) {
  width: 31%;
}
#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div > article:nth-child(6n+2) {
  width: 34%;
}
#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div > article:nth-child(6n+3) {
  width: 35%;
}
#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div > article:nth-child(6n+4) {
  width: 35%;
}
#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div > article:nth-child(6n+5) {
  width: 34%;
}
#page--node--291 .articles-block #block-views-block-latest-topics-block-latest-topics > div > article:nth-child(6n+6) {
  width: 31%;
}

#node-249 .banners-container .cell:nth-child(6n+1),
#node-342 .banners-container .cell:nth-child(6n+1) {
  width: calc(31% - 1rem);
}
#node-249 .banners-container .cell:nth-child(6n+2),
#node-342 .banners-container .cell:nth-child(6n+2) {
  width: calc(34% - 1rem);
}
#node-249 .banners-container .cell:nth-child(6n+3),
#node-342 .banners-container .cell:nth-child(6n+3) {
  width: calc(35% - 1rem);
}
#node-249 .banners-container .cell:nth-child(6n+4),
#node-342 .banners-container .cell:nth-child(6n+4) {
  width: calc(35% - 1rem);
}
#node-249 .banners-container .cell:nth-child(6n+5),
#node-342 .banners-container .cell:nth-child(6n+5) {
  width: calc(34% - 1rem);
}
#node-249 .banners-container .cell:nth-child(6n+6),
#node-342 .banners-container .cell:nth-child(6n+6) {
  width: calc(31% - 1rem);
}

#node-309 .ads-select .custom-checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#node-309 .ads-select .custom-checkbox .open-drop-down {
  position: relative;
  transform: none;
  width: 100% !important;
  border: none;
  height: initial;
  border-bottom: 1px solid lightgray;
  font-size: 14px;
}
#node-309 .ads-select .custom-checkbox .chevron-down {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid black;
  border-top: 0;
  border-left: 0;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}
#node-309 .ads-select .custom-checkbox-normal {
  font-size: 14px;
}

#node-337 .list form {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
#node-337 .list form > div {
  width: 20%;
  padding: 0 0.5rem;
}
#node-337 .list form > div > div {
  word-break: break-word;
  word-wrap: break-word;
  border-bottom: 1px solid transparent;
}
#node-337 .list form > div:last-child {
  text-align: right;
}
#node-337 .list form > div input[type=text] {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  border-bottom: 1px solid lightgray;
}
#node-337 .list form:nth-child(even) {
  background: #eaeaea50;
}

#node-406 .head {
  height: 40px;
}
#node-406 .content {
  height: 60px;
}
#node-406 .slot_row {
  display: grid;
  grid-template-columns: 5fr repeat(4, 2fr);
}
#node-406 .slot_row .slot,
#node-406 .slot_row .period {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#node-406 .slot_row .slot .spot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
#node-406 .slot_row .slot .spot .delete {
  text-align: center;
  color: white;
  cursor: pointer;
}
#node-406 .slot_row .slot .spot .durations {
  display: flex;
  color: white;
  margin-bottom: 0.25rem;
  width: 100%;
  justify-content: space-between;
  padding: 0 0.5rem;
}
#node-406 .slot_row .slot .spot .durations .look_back,
#node-406 .slot_row .slot .spot .durations .look_foreword {
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
}
#node-406 .slot_row .slot .spot .availability {
  background-color: white;
  border-radius: 50px;
  width: 70%;
  text-align: center;
  height: 15px;
  line-height: 1.3;
  margin-bottom: 0.25rem;
  font-weight: bold;
}
#node-406 .slot_row .slot .slot_price {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#node-454 .wgrp {
  width: 100%;
  border: 1px solid #dee2e6;
}
#node-454 .wgrp tbody tr:first-child td {
  box-shadow: inset 0 5px 5px -5px darkgrey;
}
#node-454 .wgrp tbody td {
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
#node-454 .wgrp th {
  border-right: 1px solid #dee2e6;
  height: 45px;
}
#node-454 .wgrp th, #node-454 .wgrp td {
  padding: 5px;
}
#node-454 .wgrp td {
  height: 30px;
}
#node-454 .wgrp tfoot td {
  border-top: 1px solid #dee2e6;
  font-weight: bold;
}

#messenger {
  top: 0;
  right: -350px;
  z-index: 1001;
  width: 350px;
  height: 100%;
  transition: 0.5s ease-in-out;
}
#messenger.show {
  right: 0;
}
#messenger .mein-block {
  background-color: #fcfcfc;
  padding-top: 70px;
  z-index: 1;
}
#messenger .mein-block .users {
  overflow-y: auto;
}
#messenger .mein-block .users::-webkit-scrollbar {
  width: 4px;
}
#messenger .mein-block .users::-webkit-scrollbar-thumb {
  background: #00bec9;
}
#messenger .mein-block .users::-webkit-scrollbar-track {
  background: #ccc;
}
#messenger .mein-block .users .last_missed_time {
  width: 35px;
  flex-shrink: 0;
}
#messenger .mein-block .users .last_missed_time .missed_count {
  width: 20px;
  height: 20px;
}
#messenger .mein-block .users .credentials {
  overflow: hidden;
}
#messenger .mein-block .users .credentials .last_message {
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#messenger .mein-block .users .avatar {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
#messenger .mein-block .users .avatar .status {
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border: 3px solid #f1f1f1;
  border-radius: 50%;
}
#messenger .chat {
  top: 0;
  width: 550px;
  background-color: white;
  padding-top: 70px;
  left: 350px;
  transition: 0.5s ease-in-out;
}
#messenger .chat.show {
  left: -550px;
}
#messenger .chat .top-bar .avatar {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
#messenger .chat .top-bar .avatar .status {
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border: 3px solid #f1f1f1;
  border-radius: 50%;
}
#messenger .chat .top-bar .chat_header_user {
  height: 48px;
}
#messenger .chat .top-bar .chat_header_user .icon-delete {
  font-size: 1.2rem;
  color: #9e9e9e;
  transition: 0.2s;
}
#messenger .chat .top-bar .chat_header_user .icon-delete:hover {
  color: #00bec9;
}
#messenger .chat .message-block {
  overflow-y: auto;
}
#messenger .chat .message-block::-webkit-scrollbar {
  width: 4px;
}
#messenger .chat .message-block::-webkit-scrollbar-thumb {
  background: #00bec9;
}
#messenger .chat .message-block::-webkit-scrollbar-track {
  background: #ccc;
}
#messenger .chat .message-block .recipient + .recipient .avatar,
#messenger .chat .message-block .sender + .sender .avatar {
  visibility: hidden;
}
#messenger .chat .message-block .recipient + .sender .message,
#messenger .chat .message-block .sender + .recipient .message {
  margin-top: 0.75rem;
}
#messenger .chat .message-block .recipient .message {
  justify-content: flex-end;
}
#messenger .chat .message-block .recipient .message .avatar {
  order: 1;
}
#messenger .chat .message-block .recipient .message .message_text {
  background-color: #ddd;
}
#messenger .chat .message-block .sender .message .message_text {
  color: white;
  background-color: #00B2C7;
}
#messenger .chat .message-block .message {
  padding: 0.15rem 0;
}
#messenger .chat .message-block .message .message_text {
  padding: 0.5rem;
  border-radius: 0.5rem;
  max-width: 60%;
  word-break: break-word;
}
#messenger .chat .message-block .message .message_text > div:nth-child(2) {
  font-size: 80%;
}
#messenger .chat .message-block .message .avatar {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
#messenger .chat .form_message input {
  border: none !important;
  box-shadow: none;
}

#table-457 .header-table {
  margin-left: 30px;
}
#table-457 .header-table .month {
  height: 30px;
  background: #b4edf1;
}
#table-457 .header-table .days > div {
  height: 30px;
}
#table-457 .header-table .days > div.active {
  background: #b4edf1;
}
#table-457 .header-table .days > div > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 0.25rem;
}
#table-457 .header-table .column-names > div {
  height: 30px;
}
#table-457 .header-table .column-names > div > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 0.25rem;
}
#table-457 .sidebar-table {
  width: 30px;
  padding: 0.25rem 0;
}
#table-457 .sidebar-table > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  writing-mode: vertical-lr;
  transform: scale(-1, -1);
}
#table-457 .blocks-table {
  width: calc(100% - 30px);
}
#table-457 .blocks-table .block-table {
  height: 30px;
}
#table-457 .blocks-table .block-table > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 0.25rem;
}

/*# sourceMappingURL=vlad.css.map */
