/*
*	Styling overide 3
*/
@font-face {
  font-family: 'Exo 2.0';
  src: url('../fonts/exo2.0-regular-webfont.eot');
  src: url('../fonts/exo2.0-regular-webfont.eot?#iefix') format('embedded-opentype'),
    /*      url('../fonts/exo2.0-regular-webfont.woff2') format('woff2'),
          url('../fonts/exo2.0-regular-webfont.woff') format('woff'),*/ url('../fonts/exo2.0-regular-webfont.ttf') format('truetype'),
  url('../fonts/exo2.0-regular-webfont.svg#exo_2.0regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Calibri" !important;
  color: #888888;
}

.logOut{
  position: relative;
  /*font-size: 1.5em;*/
  top:3px;
  margin: 0 5px 0 20px;
  color:#888888;
  cursor: pointer;
}

.logOut:hover {
    color: #007AC3;
}

.countryflag {
  height: 2em
}

.countryflag:hover {
    color: #007AC3 !important;
}

.countryflagLabel {
  color: white;
  margin-top: .4em;
  margin-left: .2em;
  font-size: small !important;
  font-family: Calibri !important;
}

.dijitMenuItemLabel .countryflagLabel {
  margin-top: -.2em !important;
  font-weight: normal !important;
}

.languageSelect {
    border: 0px !important;
    background: none !important;
    color: #007AC3;
}

.languageSelect .dijitButtonContents{
  background: none !important;
  border: none !important;
}

.languageSelect .dijitArrowButton{
  display: none !important;
}

.appLoadingDiv{
  height: 100%;
  width: 100%;
  /*background-color: #F5F5F5;
  background-image: url("../images/busy-indicator.gif");
  background-repeat: no-repeat;
  background-position: center;*/
  z-index: 1000;
}

header {
  font-family: "Exo 2.0", serif !important;
  /*height: 3.5em;*/
  /*float: left;*/
  background-color: white;
  color: #BA0C2F;
  z-index: 800;
  /*margin-left:0.5em;*/
}

header .fm_title_bar {
  font-family: "Exo 2.0", serif;
  font-weight: bold;
  text-align: left;
}

header .fm_subtitle {
  font-size: 15px;
  text-transform: none;
  margin-top: 0;
  font-weight: normal;
  color: #9C9D9D;
}

.fm_overlay {
  background-color: rgba(255, 255, 255, .8);
  z-index: 1000;

  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;

  -webkit-box-shadow: 0 0 0 5px rgba(102, 102, 102, .8);
  -moz-box-shadow: 0 0 0 5px rgba(102, 102, 102, .8);
  box-shadow: 0 0 0 5px rgba(102, 102, 102, .8);
  *box-shadow: 0 0 0 5px rgba(102, 102, 102, .8);
}

.fm_panel_header .fm_panel_header_content {
  background-color: #BA0C2F;
  margin: 0;
  height: 40px;
}

.fm_panel_header_text {
  color: white;
  font-weight: bold;
}

.fm_right_content {
  color: #838383;
}

/* Common style for components */
.maoInputText {
    font-size: 14px;
    padding: 2px 2px 2px 5px;
    height: 25px;
    border-radius: 3px;
    border: 1px solid rgb(70,70,70);
}

/* Info Template Search widget*/
.searchInfoTemplate {
  width:250px;  
}

.searchInfoTemplate .addButton {
    margin-top: 10px;
    text-decoration: underline;
    color: crimson;
    cursor: pointer;
}

/* Panel for displaying steps before running a task*/
.stepPanel {
    margin-bottom:30px;
}

.stepPanel > div {
    position:absolute;
}

.stepPanel .stepPanelNumber {
    height: 23px;
    width: 23px;
    background-color: rgb(100,100,100);
    border-radius: 50%;
    line-height: 23px;
    text-align: center;
    color: white;
    font-weight: bold;
}

.stepPanel .stepPanelTitle {
    height: 23px;
    color: rgba(102, 102, 102, .8);
    line-height: 23px;
    text-align: center;
    left: 40px;
    color: rgb(50,50,50);
    /* color: #385163;  rgb(0,122,195) or #385163 */
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* anything but phone */
@media all and (min-width: 768px) {
    .fm_left_content, .fm_center_content, .fm_right_content {
    top: 0;
  }

  nav {
    top: 10px;
    height: 40px;
    background: none;
    z-index: 900;

    -webkit-box-shadow: 0 0 0 0 black;
    -moz-box-shadow: 0 0 0 0 black;
    box-shadow: 0 0 0 0 black;
  }

  .fm_button:hover {
    background: none;
  }

  .fm_button_active {
    background: none;
  }

  .fm_button .fm_icon, .fm_button:hover .fm_icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 25px 25px;
  }

}

/* Allgemeines CSS für Widgets */
.helptext{
  margin:8px;
}

.helptext p{
  margin-top: 0.5em;
}

.helpButton {
  float: right !important;
}

.helpButton .dijitButtonNode {
  float: right !important;
  border: none !important;
  padding: 0px !important;
}

/* tab */
@media all and (max-width: 1024px) {
  header .fm_subtitle {
    max-width: 400px;
  }
}

/* phone */
@media all and (max-width: 767px) {
  header {
    height: 3.5em;
    z-index: 800;
    background-color: white;
    color: #BA0C2F;
  }

  header .fm_title_bar {
    /*font-size: 19px;*/
    font-family: "Exo 2.0", serif;
    font-weight: bold;
    text-align: left;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  header .fm_subtitle {
    font-size: 14px;
    text-transform: none;
    margin-top: 0;
    font-weight: normal;
  }

  nav {
    background-color: #666666;

    -webkit-box-shadow: 0 0 10px -2px #d6d6d6;
    -moz-box-shadow: 0 0 10px -2px #d6d6d6;
    box-shadow: 0 0 10px -2px #d6d6d6;
  }

  nav .fm_nav {
    min-width: 250px;
    background-color: white;
  }

  .fm_button_active {
    background-color: #ffffff;
  }

    .fm_left_content, .fm_center_content, .fm_right_content {
        top: 3.8em;
    }
}