.img_upload {
    width: 115px;
}

.img_upload img {
    max-width: 100%;
}

.drag_column {
    width: 30px;
    cursor: move;
}

.project_container {
    max-height: 500px;
    overflow-y: auto;
}

/* Loader CSS Start */
.loader-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}
.loader-wrapper::before {
    z-index: 9999999;
    position: absolute;
    opacity: .5;
    background: black;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
    top: calc(50% - 150px);
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
/* Loader CSS End */
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 10px !important; right: 6px !important;}
.select2-container .select2-selection--single{padding: 7px 10px; border: 2px solid #d3d3d3 !important; -moz-border-radius: 8px !important; -webkit-border-radius: 8px !important; border-radius: 8px !important; height: auto !important;}
.download_name{margin-top: 4px;}
.download_name img{vertical-align: middle; margin-right: 12px; max-width: 27px;}
.download_name .title{display: inline-block; vertical-align: middle; font-weight: 600;}
.btn-download span{ background: url(../images/icon/download.svg) 0 -2px no-repeat; height: 24px; width: 24px; display: inline-block; margin-left: 3px;}
.text-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.modal-open .top_bar{z-index: 9901;}
.bootstrap-tagsinput .badge{
    margin-right: 5px !important;
}
.error_msg {
    color: #FF0000;
    margin-top: 4px;
    display: block;
    font-size: 14px;
    line-height: 18px;
}
.error_msg a{
    color: #FF0000;
    text-decoration: underline;
}
.error_msg a:hover{
    text-decoration: none;
}
input.has-error, textarea.has-error, select.has-error, .has-error input,.has-error select,.has-error textarea{
    border-color: #FF0000 !important;
}
.video_compontent_edit .img_upload img{height: 68px; width: 100%; object-fit: cover;}
.video_compontent_edit .custom-file-hover{max-width: 662px;}
.seen-popup{vertical-align: top; display: inline-block;}

.jqte{margin: 0 !important;}
.jqte_tool.jqte_tool_1 .jqte_tool_label{height: auto !important; padding-top: 0 !important;}
.template-date{padding-left: 0;}
.template-date a{margin-left: 0;}
.template-date span{padding-left: 12px;}
.font-20{font-size: 20px;}