
/*Colors*/
/*Font*/
/*Borders*/
/*Shadows*/
/*Menu*/
/*Widgets*/
/*Accordion*/
/*InfoHeader*/
/*Breadcrumb*/
/* Tooltip */
/* ErrorDialog */
HTML, BODY, FORM {
  margin-left: 5px;
  margin-right: 10px; }

.PageHeader {
  display: block !important;
  background-color: #FF8500;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px; }
  .PageHeader .Label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    letter-spacing: 1px;
    white-space: nowrap; }

body:not(.CadBox_Disabled) .Cell_Buttons a.ButtonSave {
  display: none; }

#DownloadCenter {
  text-align: center;
  width: 100%;
  bottom: 0; }
  #DownloadCenter .dl-center-empty {
    margin: 10px 0;
    text-align: center; }
  #DownloadCenter .GridDownload {
    background-color: #fff;
    padding: 1px; }
    #DownloadCenter .GridDownload .Grid_Header {
      background-color: #EBEBEB;
      height: 30px; }
      #DownloadCenter .GridDownload .Grid_Header TH {
        color: #333;
        font-weight: bold; }
      #DownloadCenter .GridDownload .Grid_Header .Header_Produkt, #DownloadCenter .GridDownload .Grid_Header .Header_Beschreibung, #DownloadCenter .GridDownload .Grid_Header .Header_ErstelltAm {
        padding-left: 5px;
        text-align: left; }
      #DownloadCenter .GridDownload .Grid_Header .Header_DetailImage {
        padding-left: 5px; }
      #DownloadCenter .GridDownload .Grid_Header .Header_Filename {
        padding-left: 5px;
        text-align: left; }
      #DownloadCenter .GridDownload .Grid_Header .Header_FileSize {
        text-align: right; }
    #DownloadCenter .GridDownload .Grid_Footer TD {
      background-color: #EBEBEB;
      border-top: solid 1px #B3B3B3; }
    #DownloadCenter .GridDownload tr {
      /* Hide index number for composite item single products */
      /* "fnex" = File does not exist */
      /* 4 = Is composite product */ }
      #DownloadCenter .GridDownload tr.comp-sub-item .Cell_Index > span {
        display: none; }
      #DownloadCenter .GridDownload tr.fnex .Cell_Filename > .FileNotFound {
        display: inline; }
      #DownloadCenter .GridDownload tr.fnex .Cell_Filename > a {
        display: none; }
      #DownloadCenter .GridDownload tr.fnex a.ButtonSave {
        display: none; }
      #DownloadCenter .GridDownload tr[item-state='ERROR'] .BatchError {
        display: inline-block;
        cursor: help; }
      #DownloadCenter .GridDownload tr[item-state='BUILD'] .BatchCreate, #DownloadCenter .GridDownload tr[item-state='QUEUED'] .BatchCreate {
        display: inline-block;
        cursor: default; }
      #DownloadCenter .GridDownload tr[item-state='BUILD'] td.Cell_Filename .FileNotFound, #DownloadCenter .GridDownload tr[item-state='QUEUED'] td.Cell_Filename .FileNotFound {
        display: none; }
      #DownloadCenter .GridDownload tr[item-state='FINISHED'] .Cell_Preview > div {
        visibility: visible; }
      #DownloadCenter .GridDownload tr[product-type='4'] .Cell_Buttons > *:not(.ButtonDelete),
      #DownloadCenter .GridDownload tr[product-type='4'] .Cell_Filename > *,
      #DownloadCenter .GridDownload tr[product-type='4'] .Cell_FileSize:after {
        display: none !important; }
    #DownloadCenter .GridDownload .Cell_Index {
      padding-left: 5px;
      padding-right: 5px;
      text-align: right; }
    #DownloadCenter .GridDownload .Grid_Header .Header_Checkbox {
      width: 43px; }
    #DownloadCenter .GridDownload .Cell_Preview DIV {
      margin-top: 2px;
      margin-bottom: 2px;
      margin-right: 3px;
      width: 43px;
      height: 32px;
      background-position: center center;
      background-repeat: no-repeat;
      border: solid 1px #999;
      background-color: #fff;
      visibility: hidden; }
    #DownloadCenter .GridDownload .Cell_Produkt, #DownloadCenter .GridDownload .Cell_Beschreibung, #DownloadCenter .GridDownload .Cell_ErstelltAm {
      padding-left: 5px;
      padding-right: 5px;
      text-align: left; }
    #DownloadCenter .GridDownload .Cell_DetailImage {
      padding-left: 5px;
      width: 20px;
      text-align: left; }
    #DownloadCenter .GridDownload .Cell_Filename {
      padding-left: 5px;
      padding-right: 5px;
      text-align: left; }
      #DownloadCenter .GridDownload .Cell_Filename .FileNotFound {
        display: none;
        color: #f00;
        font-size: 9px; }
      #DownloadCenter .GridDownload .Cell_Filename .FilenameSmall {
        display: none;
        font-size: 9px; }
    #DownloadCenter .GridDownload .Cell_FileSize {
      padding-left: 5px;
      padding-right: 5px;
      text-align: right;
      width: 70px; }
    #DownloadCenter .GridDownload .Cell_Buttons {
      padding-right: 5px;
      padding-left: 40px;
      white-space: nowrap;
      text-align: right;
      width: 60px; }
      #DownloadCenter .GridDownload .Cell_Buttons A {
        outline: none;
        text-decoration: none;
        cursor: pointer;
        font-size: 0;
        outline: none; }
        #DownloadCenter .GridDownload .Cell_Buttons A.hidden {
          display: none; }
      #DownloadCenter .GridDownload .Cell_Buttons a img {
        background-image: url("../image/downloadcenter_buttons.png");
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        vertical-align: middle; }
    #DownloadCenter .GridDownload .BatchError {
      display: none; }
      #DownloadCenter .GridDownload .BatchError img {
        background-position: -240px 0; }
      #DownloadCenter .GridDownload .BatchError > span {
        display: none; }
    #DownloadCenter .GridDownload .BatchCreate {
      display: none; }
      #DownloadCenter .GridDownload .BatchCreate img {
        background-position: -210px -1px;
        -webkit-animation: batch-create-rotate 2s linear infinite;
        -moz-animation: batch-create-rotate 2s linear infinite;
        animation: batch-create-rotate 2s linear infinite; }
    #DownloadCenter .GridDownload .ButtonSave IMG {
      background-position: 0 0; }
    #DownloadCenter .GridDownload .ButtonConfig IMG {
      background-position: -30px 0; }
    #DownloadCenter .GridDownload .ButtonDelete IMG {
      background-position: -60px 0; }
    #DownloadCenter .GridDownload .ButtonRecommend IMG {
      background-position: -90px 0; }
    #DownloadCenter .GridDownload .ButtonEdit IMG {
      background-image: url("../image/downloadcenter_buttons.png");
      background-position: -150px 0;
      width: 30px;
      height: 30px; }
    #DownloadCenter .GridDownload .ButtonDelete_Disabled {
      cursor: default; }
      #DownloadCenter .GridDownload .ButtonDelete_Disabled IMG {
        background-position: -60px 0; }
    #DownloadCenter .GridDownload .ButtonDeleteSelected IMG {
      background-position: -60px 0; }
    #DownloadCenter .GridDownload .ButtonDeleteSelected_Disabled {
      cursor: default !important; }
      #DownloadCenter .GridDownload .ButtonDeleteSelected_Disabled IMG {
        background-position: -60px 0; }
    #DownloadCenter .GridDownload .ButtonDeleteAll {
      margin-left: 5px;
      margin-right: 5px; }
      #DownloadCenter .GridDownload .ButtonDeleteAll IMG {
        background: url("../image/downloadcenter_buttons.png") no-repeat -60px 0;
        width: 30px;
        height: 30px; }
    #DownloadCenter .GridDownload .DetailImage {
      background-image: url(../image/downloadcenter_buttons.png);
      background-position: -120px;
      width: 30px;
      height: 30px; }
    #DownloadCenter .GridDownload tbody tr {
      border-top: 1px solid #d3d3d3; }
    #DownloadCenter .GridDownload TFOOT .button {
      white-space: nowrap; }
    #DownloadCenter .GridDownload TFOOT .FooterSepLine TD DIV {
      height: 1px;
      width: 100%;
      border-bottom: solid 1px #D3D3D3;
      margin-top: 6px;
      margin-bottom: 6px; }
    #DownloadCenter .GridDownload TFOOT .FileSizeTotal {
      font-weight: bold;
      margin-right: 2px; }
  #DownloadCenter #buttonBar {
    width: 100%;
    display: table; }
    #DownloadCenter #buttonBar .download-info {
      display: table-cell;
      margin-top: 1em;
      text-align: left;
      padding: 0 0.25em; }
      #DownloadCenter #buttonBar .download-info span.text {
        display: block;
        margin-left: 25px; }
      #DownloadCenter #buttonBar .download-info span.icon {
        display: block;
        float: left; }
      #DownloadCenter #buttonBar .download-info span.icon:before {
        font-family: "cadclick_font_regular";
        content: '';
        font-size: 14px;
        color: #f39c3c;
        border: solid 2px #f39c3c;
        border-radius: 50%; }
    #DownloadCenter #buttonBar .download-buttons {
      display: table-cell;
      text-align: right;
      width: 220px; }
      #DownloadCenter #buttonBar .download-buttons #buttonZipDownload {
        width: 100px; }
        #DownloadCenter #buttonBar .download-buttons #buttonZipDownload:before {
          display: block;
          font-family: "cadclick_font_regular";
          content: '\E839';
          font-size: 24px; }
      #DownloadCenter #buttonBar .download-buttons #buttonSendMailDialog {
        width: 100px; }
        #DownloadCenter #buttonBar .download-buttons #buttonSendMailDialog:before {
          display: block;
          font-family: "cadclick_font_regular";
          content: '\E850';
          font-size: 24px; }
  #DownloadCenter #BottomText TD {
    text-align: left; }
  #DownloadCenter #BottomText tr {
    border-top: 0px !important; }

#Dialog_SendMail {
  margin: 10px; }
  #Dialog_SendMail > div {
    margin-top: 30px; }
  #Dialog_SendMail div.description span {
    font-size: 14px; }
  #Dialog_SendMail div.textbox label {
    display: inline-block;
    width: 100px; }
  #Dialog_SendMail div.textbox input {
    width: 200px; }
    #Dialog_SendMail div.textbox input.error {
      border: 2px solid #f00 !important; }
  #Dialog_SendMail div.checkbox {
    display: table; }
    #Dialog_SendMail div.checkbox > div {
      display: table-cell; }
      #Dialog_SendMail div.checkbox > div label {
        line-height: 10px;
        font-size: 12px; }
      #Dialog_SendMail div.checkbox > div span.error {
        color: #f00 !important; }
    #Dialog_SendMail div.checkbox div:first-child {
      vertical-align: middle; }
  #Dialog_SendMail div.dropdown label {
    display: inline-block;
    width: 100px; }
  #Dialog_SendMail div.dropdown select {
    width: 220px;
    height: 28px; }
    #Dialog_SendMail div.dropdown select.error {
      border: 2px solid #f00 !important; }
  #Dialog_SendMail div.buttonbar {
    text-align: right; }
    #Dialog_SendMail div.buttonbar button {
      width: 120px;
      color: #fff;
      font-weight: bold; }
  #Dialog_SendMail h1 {
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px; }

.ImagePreviewLoader {
  background: #fff url(../image/spinner1.gif) no-repeat center center; }
  .ImagePreviewLoader DIV {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff; }

#ucTable, #ucButtons {
  clear: left; }

#ucInfoText {
  text-align: left !important;
  margin-top: 30px !important;
  position: absolute; }

#ucSelector {
  clear: left;
  text-align: left;
  margin-top: 15px;
  margin-left: 13px;
  position: relative; }
  #ucSelector input[type="checkbox"] {
    margin-right: 10px; }

#UserConfigurationContent A.btUserConfigurationImport, #UserConfigurationContent A.btUserConfigurationExport, #UserConfigurationContent A.btUserConfigurationDeleteSelected {
  padding: 10px 20px;
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background: #f39c3c;
  border: 1px solid #f39c3c; }

#UserConfigurationContent A.btUserConfigurationImport, #UserConfigurationContent A.btUserConfigurationDeleteSelected {
  margin-left: 10px; }

#UserConfigurationContent .descriptionInput {
  background-color: transparent;
  border: none; }

#UserConfigurationContent .Cell_CheckBox input[type="checkbox"] + label::before {
  margin: 0px;
  float: none;
  vertical-align: middle;
  line-height: 16px; }

@-moz-keyframes batch-create-rotate {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes batch-create-rotate {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes batch-create-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
