body {
   font-family: 'Play', sans-serif;
   font-size: 14px;
}

.w100 {
   width: 100px !important;
   max-width: 100px !important;
}

.w80 {
   width: 80px !important;
   max-width: 80px !important;
}

.w120 {
   width: 120px !important;
   max-width: 120px !important;
}

.w110 {
   width: 110px !important;
   max-width: 110px !important;
}

.w50 {
   width: 50px !important;
   max-width: 50px !important;
}

.w70 {
   width: 70px !important;
   max-width: 70px !important;
}

.w150 {
   width: 150px !important;
   max-width: 150px !important;
}

.w140 {
   width: 140px !important;
   max-width: 140px !important;
}

.w130 {
   width: 130px !important;
   max-width: 130px !important;
}

.w200 {
   width: 200px !important;
   max-width: 200px !important;
}

.w250 {
   width: 250px !important;
   max-width: 250px !important;
}

.mw150 {
   width: 150px !important;
   min-width: 150px !important;
}

.wraptd {
   overflow-wrap: anywhere;
}

.page-title-right {
}

.dz-preview .dz-image img {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover;
}

.dropzone {
   background-color: #fff;
   border: 2px dashed #e3ebf6;
   min-height: 106px;
}

/*.dropzone:hover {
        background-size: 30px 30px;
        background-image: linear-gradient( -45deg, #f1f5fa 25%, transparent 25%, transparent 50%, #f1f5fa 50%, #f1f5fa 75%, transparent 75%, transparent);
        -webkit-animation: stripes 2s linear infinite;
        animation: stripes 2s linear infinite;
    }*/

.dz-details {
   display: none;
}

.dropzone .dz-preview:hover .dz-image img {
   filter: none;
}

.dropzone .dz-preview.dz-image-preview {
   background: none;
   margin: 4px;
   width: 100px;
   padding-top: 6px;
   min-height: unset;
   cursor: default;
}

.dropzone .dz-remove {
   font-size: 13px !important;
   position: absolute;
   top: 0;
   right: 11px;
   color: white;
   width: 18px;
   height: 18px;
   background: #f06548;
   z-index: 11;
   text-align: center;
   border-radius: 9px;
   border: 1px solid #FFF;
   text-transform: uppercase;
   font-size: 11px;
   font-weight: 700;
   color: #FFF;
}

   .dropzone .dz-remove:hover {
      cursor: pointer !important;
   }

.img-table {
   width: 60px;
   max-height: 40px;
   object-fit: cover;
}

.count-character {
   position: absolute;
   right: 15px;
   font-weight: normal;
   font-size: 12px;
   color: #a4abc5;
}

.dropzone .dz-preview {
}

.dropzone.dz-clickable * {
   cursor: unset;
}

.dropzone {
   padding: 0;
}

   .dropzone .dz-preview .dz-image {
      width: 80px;
      height: 80px;
      border-radius: 10px;
   }

   .dropzone .dz-message {
      font-size: 16px;
   }

.btn-pg {
   margin-right: 2px;
   margin-left: 2px;
}

.col-form-label span {
   font-style: italic;
   font-size: 13px;
   font-weight: 400;
}

.dropzone .dz-message {
   margin: 38px 0;
}

p img {
   max-width: 100%;
}

.search {
}

.text-disabled {
   color: #D0D4E2 !important;
}

.badge {
   font-size: .85em;
}

.img-fluid {
   max-width: 100%;
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.cursor-pointer {
   cursor: pointer;
}



.codeflask {
   border: 1px solid #ced4da;
}

.codeflask__lines {
   background-color: #eee;
   z-index: 4 !important;
}

.custom-control-label {
   padding-top: 2px;
}

.image-popup {
}

.gallery-wrapper {
}

.element-item {
}

.hover-link {
   text-decoration: underline;
   text-decoration-style: dotted;
}

   .hover-link:hover {
      text-decoration: underline;
      text-decoration-style: solid;
   }

.ui-autocomplete {
   z-index: 9999 !important;
}

.tagsinput .tag {
   background-color: #405189 !important;
}

   .tagsinput .tag .tag-remove:before, .tagsinput .tag .tag-remove:after {
      background-color: #f7b84b !important;
   }
.flatpickr-wrapper {
   display: block;
}