/*!
 * GraphiteGTC Van Buren Theme
 * EnterpriseCloudworks.Media.css
 * http://enterprisecloudworks.com/
 * Authors: Azin Asili <azin.asili@enterprisecloudworks.com>
 * Copyright 2016
 */
@charset "UTF-8";
.ec-fileupload {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: white;
  border-radius: 0.1429rem;
  margin-bottom: 1.4286rem;
  padding: 1.0714rem;
}

.ec-classInputFileUpload {
  display: none;
}

.ec-classDivFileUpload {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 0.1429rem;
  margin-bottom: 1.4286rem;
  min-height: 10.7143rem;
  padding-left: 0.7143rem;
  padding-top: 0.7143rem;
  border: 0.2143rem dashed rgba(255, 213, 79, 0.25);
  cursor: pointer;
  position: relative;
  transition: border-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ec-classDivFileUpload ~ .ec-btn {
  display: none;
  margin-bottom: 0;
}

.ec-classDragHover {
  border-color: #ffd54f;
}

.ec-classDivPreviewMessage {
  top: 50%;
  transform: translate3d(0, -50%, 0);
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
}

.ec-classDivPreviewMessage > span {
  font-size: 1.4286rem;
  letter-spacing: 1px;
  color: #ffd54f;
  text-transform: uppercase;
}

.ec-classDivPreview {
  -ms-flex-direction: column;
      flex-direction: column;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: white;
  border-radius: 0.1429rem;
  font-size: 0.8571rem;
  margin-bottom: 0.7143rem;
  margin-right: 0.7143rem;
  padding: 0.3571rem;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  position: relative;
  vertical-align: top;
}

.ec-classDivDetails {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
  margin-bottom: 0.3571rem;
  position: relative;
}

.ec-classDivFileName {
  margin-bottom: 0.3571rem;
  width: 7.1429rem;
  word-break: break-all;
}

.ec-classDivFileSize {
  font-size: 0.7143rem;
}

.ec-classImgThumbnail {
  -ms-flex-order: -1;
      order: -1;
  height: 7.1429rem;
  margin-bottom: 0.3571rem;
  width: 7.1429rem;
}

.ec-classDivProgress {
  height: 0.4286rem;
  background: rgba(0, 0, 0, 0.12);
}

.ec-classAnchorRemoveFile {
  border-radius: 0.1429rem;
  margin-top: 0.3571rem;
  padding: 0.3571rem;
  background: #f44336;
  color: white;
  display: block;
  text-align: center;
  z-index: 1;
}

.ec-classDivSuccess,
.ec-classDivFileUploadError {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.ec-classDivSuccess::before,
.ec-classDivFileUploadError::before {
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  font-family: 'FontAwesome';
  font-size: 3rem;
  z-index: 1;
}

.ec-classDivSuccess > span,
.ec-classDivFileUploadError > span {
  border-radius: 0.1429rem;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.ec-classDivSuccess::before {
  color: #e8f3db;
  content: "";
}

.ec-classDivSuccess > span {
  background: #8bc34a;
}

.ec-classDivFileUploadError::before {
  color: #fdd9d7;
  content: "";
}

.ec-classDivFileUploadError > span {
  background: #f44336;
}

.ec-classDivFileUploadErrorMessage {
  padding: 0.3571rem;
  background: rgba(255, 255, 255, 0.2);
  color: white;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.ec-classDivUploadProgress {
  background: #8bc34a;
  display: block;
  height: 100%;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 0;
}

.ec-classErrorUpload .ec-classDivUploadProgress {
  background: #f44336;
}

.ec-filedownload {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: white;
  border-radius: 0.1429rem;
  margin-bottom: 1.4286rem;
  padding: 1.0714rem 1.0714rem 0.3571rem;
}

.ec-filedownload .ec-scrolltarget,
.ec-filedownload .ec-scrollwrapper {
  display: -ms-flexbox;
  display: flex;
  margin-left: -0.5357rem;
  margin-right: -0.5357rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.4286rem;
  max-height: 21.4286rem;
  overflow: hidden;
}

.ec-filedownload .ec-scrollwrapper > .ec-scrolltarget {
  margin: 0;
  max-height: none;
  width: 100%;
}

.ec-filedownload-file {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.5357rem;
  padding-right: 0.5357rem;
  margin-bottom: 0.3571rem;
  width: 100%;
}

@media (min-width: 45em) {
  .ec-filedownload-file {
    width: 50%;
  }
}

.ec-filedownload-file > .ec-input-checkbox {
  margin: 0;
}

.ec-filedownload-link {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin-left: 0.3571rem;
  color: #42a5f5;
  line-height: 1.2;
}

.ec-filedownload-link:hover, .ec-filedownload-link:focus {
  color: #64b5f6;
}

.ec-filedownload-link > .ec-icon-styles {
  margin-right: 0.2143rem;
}

.ec-video {
  margin-bottom: 1.4286rem;
  position: relative;
}

.ec-video-title {
  margin-bottom: 0.7143rem;
}

.ec-video > video {
  height: auto;
  max-width: 100%;
}

.ec-image-slider {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
  border-radius: 0.1429rem;
  margin-bottom: 1.4286rem;
  min-height: 21.4286rem;
  background: #424242;
  height: 100% !important;
  position: relative;
}

@media (min-width: 45em) {
  .ec-image-slider {
    min-height: 35.7143rem;
  }
}

.ec-image-slider::after {
  content: '';
  display: block;
  padding-bottom: 1.7778%;
  width: 100%;
}

.ec-image-slider > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.ec-image-slide {
  height: 100%;
  position: static !important;
  width: 100% !important;
}

.ec-image-slide > .ec-img-responsive {
  display: block;
  height: 100% !important;
  margin: auto;
}

.ec-classOlDots {
  bottom: 0.7143rem;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.ec-classLiDot {
  border-radius: 100%;
  height: 0.7143rem;
  width: 0.7143rem;
  filter: alpha(opacity=40);
  opacity: 0.4;
  margin-left: 0.2857rem;
  margin-right: 0.2857rem;
  background: black;
  cursor: pointer;
  display: inline-block;
  transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ec-classLiDot.ec-active {
  filter: alpha(opacity=100);
  opacity: 1;
  background: white;
}

.ec-classDivPrevious, .ec-classDivNext {
  width: 3.4286rem;
  background: #42a5f5 50%;
  background-size: 100% 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.ec-classDivPrevious:active, .ec-classDivNext:active {
  background: radial-gradient(circle, #42a5f5 10%, #64b5f6 11%) 50% no-repeat;
  background-size: 1000% 1000%;
}

.ec-classDivPrevious > a, .ec-classDivNext > a {
  font-size: 0;
  overflow: hidden;
  text-indent: -101%;
  white-space: nowrap;
  color: #bbdefb;
  height: 100%;
  position: absolute;
  width: 100%;
}

.ec-classDivPrevious > a > .ec-icon-styles, .ec-classDivNext > a > .ec-icon-styles {
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  font-size: 2.1429rem;
  text-indent: 0;
}

.ec-classDivPrevious:hover, .ec-classDivNext:hover, .ec-classDivPrevious:focus, .ec-classDivNext:focus {
  background-color: #64b5f6;
}

.ec-imagegallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: white;
  border-radius: 0.1429rem;
  margin-bottom: 1.4286rem;
}

.ec-classSelectedImageFullDisplayOverlay {
  filter: alpha(opacity=45);
  opacity: 0.45;
  background: black;
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1100;
}

.ec-classDivSelectedImage {
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
}

@media (min-width: 45em) {
  .ec-classDivSelectedImage {
    width: 50%;
  }
}

.ec-classDivSelectedImage > img {
  cursor: zoom-in;
  display: block;
  height: auto;
  margin: auto;
  max-width: 100%;
}

.ec-classSelectedImageFullDisplay {
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1300;
}

.ec-classSelectedImageFullDisplay > img {
  cursor: zoom-out;
  display: block;
  height: 100%;
  margin: auto;
}

.ec-classDivThumbnailSlider {
  position: relative;
  width: 100%;
}

@media (min-width: 45em) {
  .ec-classDivThumbnailSlider {
    width: 50%;
  }
}

.ec-classDivPrevious {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  left: 0;
}

.ec-classDivNext {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  right: 0;
}

.ec-classDivThumbnailImages {
  margin-left: 3.4286rem;
  margin-right: 3.4286rem;
}

.ec-classDivThumbnailImages > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
}

.ec-classDivThumbnailImages > ul > li {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  max-width: 100%;
  transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ec-classDivThumbnailImages > ul > li:not(.ec-classLiSelectedImageShadow) {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.ec-classDivThumbnailImages > ul > li > img {
  display: block;
  height: auto;
  max-width: 100%;
}

.ec-documentscan {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: white;
  border-radius: 0.1429rem;
  margin-bottom: 1.4286rem;
  padding: 1.0714rem;
  position: relative;
}

@media (min-width: 45em) {
  .ec-documentscan {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.ds-dwt-container {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-width: 100%;
  min-width: 0;
}

.ec-documentscan-fullscreen {
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
}

.ec-documentscan-controls {
  padding: 1.0714rem;
  background: #eeeeee;
}

@media (min-width: 45em) {
  .ec-documentscan-controls {
    -ms-flex: 0 1 250px;
        flex: 0 1 250px;
    max-width: 250px;
    margin-right: 1.0714rem;
  }
}

.ec-documentscan-control-item > .ec-fieldset {
  margin-bottom: 0.7143rem;
}

.ec-documentscan-control-buttons {
  bottom: 1.0714rem;
  left: 1.7857rem;
  right: 1.7857rem;
  position: absolute;
  z-index: 1;
}

@media (min-width: 45em) {
  .ec-documentscan-control-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -0.3571rem;
    margin-right: -0.3571rem;
    position: static;
  }
}

@media (min-width: 45em) {
  .ec-documentscan-control-buttons > .ec-btn {
    margin: 0 0.3571rem 0.7143rem;
  }
  .ec-documentscan-control-buttons > .ec-btn:first-child, .ec-documentscan-control-buttons > .ec-btn:last-child {
    width: 100%;
  }
  .ec-documentscan-control-buttons > .ec-btn:not(:first-child):not(:last-child) {
    -ms-flex-order: -1;
        order: -1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    max-width: 100%;
    min-width: 0;
    padding: 2.1429rem;
  }
}