/*||_AFAS_||*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900);
@import url(//fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900);

/* Text styles */
BODY, A, INPUT, TEXTAREA, SELECT {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  color: #41474D;
}

.AfasPageTitle,
.AfasPageSubtitle,
.AfasProcessSubtitle,
.AfasPageIntro,
.AfasParagraphHeader1,
.AfasParagraphHeader2,
.AfasParagraphHeader3,
.AfasCodeBlock,
.AfasNormalText {
  line-height: 1.8em;
}

.AfasPageTitleContainer {
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
}

  .AfasPageTitleContainer .AfasPageTitle {
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    color: #005FAA;
    background: transparent;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
  }

.AfasPageSubtitleContainer {
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
}

  .AfasPageSubtitleContainer .AfasPageSubtitle {
    background: transparent;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
  }

.AfasProcessSubtitleContainer {
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
}

  .AfasProcessSubtitleContainer .AfasProcessSubtitle {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    color: #41474D;
    background: transparent;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
  }

.AfasPageIntroContainer {
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
}

  .AfasPageIntroContainer .AfasPageIntro {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    color: #1A1F24;
    background: transparent;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
    padding-left: 0px;
    padding-right: 0px;
  }

.AfasParagraphHeader1 {
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  color: #005FAA;
  background: transparent;
  filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
}

.AfasParagraphHeader2 {
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 300;
  font-style: normal;
  text-decoration: none;
  color: #005FAA;
  background: transparent;
  filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
}

.AfasParagraphHeader3 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  color: #005FAA;
  background: transparent;
  filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
}

.AfasCodeBlock {
  font-family: consolas;
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  color: #F59F39;
  background: transparent;
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  padding: 10px;
  padding-left: 0px;
  padding-right: 0px;
}


/* Part */
.AfasPartHeaderContainer {
  line-height: 25px;
  border-style: solid;
  border-width: 0px;
  border-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
}

  .AfasPartHeaderContainer .AfasPartHeader {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    color: #005FAA;
    background: transparent;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
    padding-left: 0px;
    padding-right: 0px;
  }


/* Hyperlink */
.AfasLink {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  text-decoration: underline;
  color: #0078D7;
}

  .AfasLink:hover,
  .AfasLink:focus {
    color: #F59F39;
    text-decoration: underline;
  }


/* Bread crum */
.AfasBreadCrum {
  background: transparent;
  filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  line-height: 24px;
  height: 24px;
  padding: 0px 20px;
}

  .AfasBreadCrum .AfasBreadItem {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    color: #005FAA;
  }

    .AfasBreadCrum .AfasBreadItem:hover,
    .AfasBreadCrum .AfasBreadItem:focus {
      text-decoration: underline;
      color: #005FAA;
    }

.AfasHeaderZone {
  background: transparent;
  filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
}


/* Button */
.AfasButton {
  border-style: none;
  border-width: 0px;
  background-color: Transparent;
  margin-bottom: 0px;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 0px;
  padding: 0px;
  text-align: left;
  cursor: pointer;
}

  .AfasButton.button-text-only {
    text-align: center;
  }

    .AfasButton.button-text-only .button-text {
      display: block;
    }

  .AfasButton .button-text {
    padding: 4px 12px;
    line-height: 1;
    color: #FFFFFF;
  }

  .AfasButton.button-text-image-primary .button-text,
  .AfasButton.button-text-image-secondary .button-text {
    display: inline-block;
  }

  .AfasButton.button-text-image-primary .button-text {
    padding-left: 0px;
  }

  .AfasButton.button-text-image-secondary .button-text {
    padding-right: 0px;
  }

  .AfasButton.button-text-image-primary .buttonImageContainer,
  .AfasButton.button-text-image-secondary .buttonImageContainer {
    padding-left: 4px;
    padding-right: 4px;
  }

  .AfasButton.button-text-only,
  .AfasButton.button-text-image-primary,
  .AfasButton.button-text-image-secondary {
    background: #005FAA;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
    border-color: #005FAA;
    border-style: solid;
    border-width: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-width: 90px;
  }

    /* Hover button */
    .AfasButton.button-text-only:hover,
    .AfasButton.button-text-only:focus,
    .AfasButton.button-text-image-primary:hover,
    .AfasButton.button-text-image-primary:focus,
    .AfasButton.button-text-image-secondary:hover,
    .AfasButton.button-text-image-secondary:focus {
      background: #0078D7;
      filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
      border-color: transparent;
    }

  .AfasButton:hover .button-text,
  .AfasButton:focus .button-text {
    color: #FFFFFF;
  }

  /* Disable button */
  .AfasButton.button-text-only[disabled],
  .AfasButton.button-text-only[disabled]:hover,
  .AfasButton.button-text-only[disabled]:focus,
  .AfasButton.button-text-image-primary[disabled],
  .AfasButton.button-text-image-primary[disabled]:hover,
  .AfasButton.button-text-image-primary[disabled]:focus,
  .AfasButton.button-text-image-secondary[disabled],
  .AfasButton.button-text-image-secondary[disabled]:hover,
  .AfasButton.button-text-image-secondary[disabled]:focus {
    background: #C3CBD3;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
    border-color: transparent;
  }

  .AfasButton[disabled] .button-text,
  .AfasButton[disabled]:hover .button-text,
  .AfasButton[disabled]:focus .button-text {
    color: #41474D;
  }

  .AfasButton .button-image {
    display: inline;
    vertical-align: middle;
  }


/* View */
.AfasView {
  border: solid 1px transparent;
  line-height: 1.8em;
}

  .AfasView .viewHeaderRow {
    line-height: 28px;
    background: transparent;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  }

    .AfasView .viewHeaderRow .cell {
      color: #005FAA;
      border-bottom: solid 2px transparent;
      font-weight: bold;
      text-align: left;
      padding: 0px 3px;
    }

  .AfasView .cell {
    border-right: solid 1px transparent;
  }

    .AfasView .cell.last {
      border-right-color: transparent;
    }

  .AfasView .viewRow .cell {
    padding: 2px 3px;
  }

  .AfasView .viewRow.odd {
    color: #41474D;
    background: #F2F5F8;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  }

  .AfasView .viewRow.even {
    color: #41474D;
    background: #FFFFFF;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  }

  /* View row hover */
  .AfasView .viewRow.odd:hover,
  .AfasView .viewRow.odd:focus {
    color: #1A1F24;
    background: #C3CBD3;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  }

  .AfasView .viewRow.even:hover,
  .AfasView .viewRow.even:focus {
    color: #1A1F24;
    background: #C3CBD3;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  }

  /* View row selected */
  .AfasView .viewRow.odd.selected {
    color: #F59F39;
    background: #C3CBD3;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  }

  .AfasView .viewRow.even.selected {
    color: #F59F39;
    background: #C3CBD3;
    filter: ProgId:DXImageTransform.Microsoft.gradient (Enabled = False);
  }


.afas-foreground-color-01 {
  color: #0078D7;
}

.afas-background-color-01 {
  background-color: #0078D7;
}

.afas-border-color-01 {
  border-color: #0078D7;
}

.afas-foreground-color-02 {
  color: #005FAA;
}

.afas-background-color-02 {
  background-color: #005FAA;
}

.afas-border-color-02 {
  border-color: #005FAA;
}

.afas-foreground-color-03 {
  color: #C3CBD3;
}

.afas-background-color-03 {
  background-color: #C3CBD3;
}

.afas-border-color-03 {
  border-color: #C3CBD3;
}

.afas-foreground-color-04 {
  color: #FF33E8;
}

.afas-background-color-04 {
  background-color: #FF33E8;
}

.afas-border-color-04 {
  border-color: #FF33E8;
}

.afas-foreground-color-05 {
  color: #F59F39;
}

.afas-background-color-05 {
  background-color: #F59F39;
}

.afas-border-color-05 {
  border-color: #F59F39;
}

.afas-foreground-color-06 {
  color: #F2F5F8;
}

.afas-background-color-06 {
  background-color: #F2F5F8;
}

.afas-border-color-06 {
  border-color: #F2F5F8;
}

.afas-foreground-color-07 {
  color: #FF33E8;
}

.afas-background-color-07 {
  background-color: #FF33E8;
}

.afas-border-color-07 {
  border-color: #FF33E8;
}

.afas-foreground-color-08 {
  color: #FFFFFF;
}

.afas-background-color-08 {
  background-color: #FFFFFF;
}

.afas-border-color-08 {
  border-color: #FFFFFF;
}

.afas-foreground-color-09 {
  color: #41474D;
}

.afas-background-color-09 {
  background-color: #41474D;
}

.afas-border-color-09 {
  border-color: #41474D;
}

.afas-foreground-color-10 {
  color: #1A1F24;
}

.afas-background-color-10 {
  background-color: #1A1F24;
}

.afas-border-color-10 {
  border-color: #1A1F24;
}

.afas-foreground-color-11 {
  color: #D6EAFF;
}

.afas-background-color-11 {
  background-color: #D6EAFF;
}

.afas-border-color-11 {
  border-color: #D6EAFF;
}

.afas-foreground-color-12 {
  color: #FF33E8;
}

.afas-background-color-12 {
  background-color: #FF33E8;
}

.afas-border-color-12 {
  border-color: #FF33E8;
}

.afas-foreground-color-13 {
  color: #FF33E8;
}

.afas-background-color-13 {
  background-color: #FF33E8;
}

.afas-border-color-13 {
  border-color: #FF33E8;
}

.afas-foreground-color-14 {
  color: #FF33E8;
}

.afas-background-color-14 {
  background-color: #FF33E8;
}

.afas-border-color-14 {
  border-color: #FF33E8;
}

.afas-foreground-color-15 {
  color: #FF33E8;
}

.afas-background-color-15 {
  background-color: #FF33E8;
}

.afas-border-color-15 {
  border-color: #FF33E8;
}

.afas-foreground-color-16 {
  color: #FF33E8;
}

.afas-background-color-16 {
  background-color: #FF33E8;
}

.afas-border-color-16 {
  border-color: #FF33E8;
}

.afas-foreground-color-17 {
  color: #FF33E8;
}

.afas-background-color-17 {
  background-color: #FF33E8;
}

.afas-border-color-17 {
  border-color: #FF33E8;
}

.afas-foreground-color-18 {
  color: #FF33E8;
}

.afas-background-color-18 {
  background-color: #FF33E8;
}

.afas-border-color-18 {
  border-color: #FF33E8;
}

.afas-foreground-color-19 {
  color: #FF33E8;
}

.afas-background-color-19 {
  background-color: #FF33E8;
}

.afas-border-color-19 {
  border-color: #FF33E8;
}

.afas-foreground-color-20 {
  color: #FF33E8;
}

.afas-background-color-20 {
  background-color: #FF33E8;
}

.afas-border-color-20 {
  border-color: #FF33E8;
}

.afas-foreground-color-21 {
  color: #FF33E8;
}

.afas-background-color-21 {
  background-color: #FF33E8;
}

.afas-border-color-21 {
  border-color: #FF33E8;
}

.afas-foreground-color-22 {
  color: #FF33E8;
}

.afas-background-color-22 {
  background-color: #FF33E8;
}

.afas-border-color-22 {
  border-color: #FF33E8;
}

.afas-foreground-color-23 {
  color: #FF33E8;
}

.afas-background-color-23 {
  background-color: #FF33E8;
}

.afas-border-color-23 {
  border-color: #FF33E8;
}

.afas-foreground-color-24 {
  color: #FF33E8;
}

.afas-background-color-24 {
  background-color: #FF33E8;
}

.afas-border-color-24 {
  border-color: #FF33E8;
}
