/* ****************** */
/* *     COLORS     * */
/* ****************** */
/* Variables in workspace-view.ts layout */
/* Colors */
/* Color Palette */
/* Fonts */
/* line 4, ../../../src/main/angular/app/dialogs.scss */
.dialog-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: none;
  background-color: rgba(233, 233, 233, 0.85);
}
/* line 10, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog {
  max-width: 90%;
  max-height: 90%;
  background: #ffffff;
  border-top: 5px solid #33b5e5;
  border-bottom: 5px solif #f2f2f2;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  overflow: auto;
}
/* line 23, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .title {
  letter-spacing: 2px;
  font-size: 32px;
  font-weight: 300;
  color: #33b5e5;
  text-align: center;
  padding: 10px;
}
/* line 35, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content {
  padding: 10px;
  font-size: 12px;
  font-weight: 300;
  color: #333333;
}
/* line 42, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .field-label {
  color: #333333;
  font-size: 12px;
  font-weight: 300;
  padding: 5px;
  padding-bottom: 7px;
}
/* line 49, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .field-label.obligatory:after {
  content: '*';
  font-size: 0.9em;
  color: #178ab4;
  padding-left: 2px;
  vertical-align: top;
}
/* line 58, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .field-description {
  font-size: 10px;
  color: #178ab4;
  font-style: italic;
  margin-top: -7px;
  margin-bottom: 7px;
  padding-left: 5px;
}
/* line 70, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: solid 2px #178ab4;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
}
/* line 78, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .tabs .tab {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  background-color: #f2f2f2;
  color: #333333;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 4px;
  cursor: pointer;
  font-size: 12px;
}
/* line 93, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .tabs .tab.translated {
  color: #333333;
  font-weight: bold;
}
/* line 98, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .tabs .tab.selected {
  background-color: #178ab4;
  color: #ffffff;
  font-weight: bold;
}
/* line 106, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .tabpanels {
  border-bottom: solid 2px #178ab4;
  background-color: #f2f2f2;
  margin-bottom: 10px;
}
/* line 112, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .tabpanels .tabpanel {
  display: none;
  background-color: inherit;
  padding: 15px;
}
/* line 118, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .tabpanels .tabpanel.selected {
  display: block;
}
/* line 124, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .nestedTitle {
  background-color: #178ab4;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  font-size: 12px;
  margin-top: 10px;
}
/* line 141, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .content .nestedPanel {
  border: solid 2px #178ab4;
  background-color: #f2f2f2;
  margin-bottom: 10px;
}
/* line 149, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px;
}
/* line 154, ../../../src/main/angular/app/dialogs.scss */
.dialog-container .dialog > .footer button {
  margin: 5px;
}
/* line 160, ../../../src/main/angular/app/dialogs.scss */
.dialog-container.visible {
  display: flex;
}