.uploadFormat {
  margin-left: 20px;
}
.uploadFormat .title {
  font-family: var(--bold-secondary-font-family, 'wf_standard-font_bold', helvetica, arial, sans-serif);
  color: var(--neutral-primary-color, #333333);
}
.uploadFormat .text {
  font-size: 18px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-color, #666666);
}
.uploadFormat .contentContainer {
  margin-top: 30px;
  width: 80%;
  max-width: 1260px;
  white-space: nowrap;
}
.uploadFormat .contentContainer .spacer {
  width: 100%;
  height: 40px;
}
.uploadFormat .contentContainer .contentItem {
  width: 100%;
  white-space: normal;
  vertical-align: top;
}
.uploadFormat .contentContainer .contentItem .optionColumn {
  width: 40%;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentItemTitle {
  color: var(--neutral-primary-color, #333333);
  font-family: var(--bold-secondary-font-family, 'wf_standard-font_bold', helvetica, arial, sans-serif);
  font-size: 24px;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentItemDescription {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-color, #666666);
  font-size: 18px;
  line-height: 34px;
  margin-top: 10px;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem {
  margin-top: 36px;
  position: relative;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .BigBtn {
  color: var(--button-primary-content-color, #000);
  font-size: 20px;
  min-width: 150px;
  min-height: 54px;
  text-align: left;
  margin: 0;
  padding-left: 20px;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .BigBtn:disabled {
  background: var(--theme-dark-color, #CDA521);
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .ffxlDisabled {
  opacity: 0.4;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .arrow {
  margin-left: 40px;
  margin-right: 8px;
  font-size: 22px;
  vertical-align: top;
}
.uploadFormat .contentContainer .contentItem .seperatorColumn {
  width: 15%;
  text-align: center;
  padding-right: 20px;
}
.uploadFormat .contentContainer .contentItem .seperatorColumn .contentItemTitle {
  color: var(--neutral-primary-color, #333333);
  font-family: var(--bold-secondary-font-family, 'wf_standard-font_bold', helvetica, arial, sans-serif);
  font-size: 24px;
}
.uploadFormat .contentContainer .contentItem .imageContainer .importDataIntoPowerBI {
  background-image: url("../images/powerBIProvidersCommon.sprites.png");
  background-position: 0px 0px;
  width: 217px;
  height: 171px;
}
.uploadFormat .contentContainer .contentItem .imageContainer .viewExcelInPowerView {
  background-image: url("../images/powerBIProvidersCommon.sprites.png");
  background-position: -217px 0px;
  width: 217px;
  height: 171px;
}
.buttonProviderFormat.submitBtn {
  background-color: var(--button-primary-base-fill-color, #F2C811);
  color: var(--button-primary-content-color);
  height: 30px;
  min-width: 110px;
  padding: 0;
  border: 0;
  padding: 2px 10px;
  color: var(--white-color, #FFF);
  margin-right: 10px;
  font-size: 0.875em;
}
.buttonProviderFormat.submitBtn:hover {
  background-color: var(--button-primary-hover-fill-color, #CDA521);
  cursor: pointer;
}
.buttonProviderFormat.submitBtn:disabled {
  background-color: var(--theme-secondary-alt-color, #444444);
  cursor: default;
}
.buttonProviderFormat.submitBtn:disabled:hover {
  background-color: var(--theme-secondary-alt-color, #444444);
}
@media only screen and (max-width: 1200px) {
  .uploadFormat .title {
    font-size: 21px;
  }
  .uploadFormat .text {
    font-size: 16px;
  }
  .uploadFormat .contentContainer {
    width: 100%;
    transform: translateY(-100px);
  }
  .uploadFormat .contentContainer .contentItem .imageContainer {
    transform: scale(0.6) translate(-30%, 60%);
  }
  html[dir="rtl"] .uploadFormat .contentContainer .contentItem .imageContainer {
    transform: scale(0.6) translate(30%, 60%);
  }
  .uploadFormat .contentContainer .contentItem .optionColumn .contentItemTitle {
    font-size: 20px;
  }
  .uploadFormat .contentContainer .contentItem .optionColumn .contentItemDescription {
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
  }
  .uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem {
    margin-top: 10px;
  }
  .uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .BigBtn {
    font-size: 16px;
    min-width: 80px;
    min-height: 36px;
    padding: 7px 15px;
    text-align: left;
  }
  .uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .arrow {
    margin-left: 30px;
    font-size: 16px;
    margin-right: 0;
    vertical-align: top;
  }
  .uploadFormat .contentContainer .contentItem .spacer {
    height: 10px;
  }
}
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/