@charset "UTF-8";
@font-face {
  font-family: IBMPlexSans-Regular;
  src: url(../common-frontend/fonts/IBMPlexSans-Regular.ttf);
}
body {
  font-family: IBMPlexSans-Regular, "PT Sans", Arial, sans-serif;
  font-size: 16px;
}

/**********************************************
* main layout:
* - page is never smaller than width: 1000px -> scroll for smaller windows
* -
***********************************************/
.rec-middle-part {
  /* distance between page main part and footer (to be improved) */
  margin: 10px 20px;
}

/* above 1000px (see above) the width takes 100% */
.rec-container-fix {
  /*margin-right: auto;
  margin-left: auto;*/
  /*max-width: 1170px;*/
  /*padding-left: 15px;
  padding-right: 15px;*/
  width: 100%;
}

.fontArial {
  font-family: "PT Sans", Arial, sans-serif;
}

.fontTimes {
  font-family: "TimesNewRoman";
}

.IBMPlexSans {
  font-family: IBMPlexSans-Regular;
}

.env-variable {
  position: absolute;
  left: 220px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.isRelative {
  position: relative;
}

.zoomButtons {
  margin-top: 10px;
}

.labelZoom {
  margin-top: 10px;
  text-align: right;
  padding-right: 10px;
}

.zoomContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.modeContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 5px;
  background-color: #777777;
  border-radius: 4.5px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
}

.modeContainerPrep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 25%;
  right: 20px;
  padding: 5px;
  background-color: #777777;
  border-radius: 4.5px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
}

.propertyButton {
  font-size: 16px;
  color: #FFF;
  margin-left: 10px;
}
.propertyButton:hover {
  color: #FFF;
}

.underliner:hover {
  color: #040c0f;
  text-decoration: underline;
}

a.noUnderderliner, a.noUnderderliner:hover {
  text-decoration: none;
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.flex-container > div {
  text-align: center;
}

.divScroll {
  border: 2px solid #ccc;
  height: 400px;
  overflow-y: scroll;
  padding: 10px;
  min-width: 200px;
}

.left-container {
  text-align: left;
}

.left-container:nth-child(even) {
  background-color: rgba(187, 199, 181, 0.2);
}

.searchPlacement {
  min-width: 250px;
  width: 25%;
  margin-bottom: 20px;
  margin-top: 35px;
}

.buttonPlacement {
  margin-top: 30px;
}

/* fix the window to 1060px below 1060px sreen -> start scrolling  */
@media (max-width: 900px) {
  .rec-container-fix {
    width: 900px;
  }
}
footer a,
footer a:link,
footer a:visited {
  text-decoration: underline;
}

.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/***********************************************
* navigation:
* - do not minify navigation bar for small screens, show always normal state
***********************************************/
/* do NOT minimize the navigation part if screen is small -> because we have scrolling (see above)*/
.navbar-header {
  float: left;
  padding-top: 12px;
  padding-bottom: 12px;
}

.navbar-nav {
  float: left;
  margin: 0;
}

.navbar-nav > li {
  float: left;
}

.navbar-nav > li > a {
  padding-top: 14px;
  padding-bottom: 14px;
}

.navbar-left {
  float: left !important;
}

.navbar-right {
  float: right !important;
  margin-right: 3px;
}

.navbar-right ~ .navbar-right {
  margin-right: 0;
}

.navbar-logo {
  margin: 0 20px;
}

/***********************************************
* page header
***********************************************/
.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #FFFFFF;
  max-height: 60px;
  padding: 20px;
  font-size: 18px;
  background: radial-gradient(circle closest-corner at center 125px, #4d4d4d, black 50%) no-repeat;
}
.page-header .logo {
  margin-right: 10px;
}
.page-header .dropdown-toggle {
  color: white !important;
}
.page-header .dropdown-toggle:hover {
  cursor: pointer;
}
.page-header .glyphicon {
  line-height: unset;
}
.page-header .glyphicon-refresh {
  color: white !important;
}
.page-header .glyphicon-home {
  color: white !important;
}
.page-header .dropdown-menu a {
  color: black;
}
.page-header .page-title {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 50px;
}
.page-header .page-title .description {
  color: white;
  font-size: 10px;
  margin: 8px 0 0 5px;
}
.page-header .page-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-header .page-header-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
  min-width: 0;
  margin-right: 5px;
}
.page-header .page-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-header .navi-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
}
.page-header .navi-dropdown .languageButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-header .navi-dropdown .dropdown-toggle {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-header .navi-dropdown .dropdown-toggle:hover {
  background: #333333;
}
.page-header .navi-dropdown .dropdown-toggle-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px;
  border: 2px solid white;
  border-radius: 5px;
  margin: 0 10px;
  height: 100%;
}
.page-header .navi-dropdown .dropdown-toggle-frame:hover {
  background: #333333;
  cursor: pointer;
}
.page-header .navi-dropdown .nodropdown-toggle-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px;
  border: 2px solid white;
  border-radius: 5px;
  margin: 0 10px;
  height: 100%;
}
.page-header .navi-dropdown .open a {
  background: gray;
}
.page-header .navi-dropdown .dropdown-menu li {
  height: unset;
}
.page-header .navi-dropdown .dropdown-menu a {
  background: unset;
}
.page-header .navi-dropdown .dropdown-menu a:hover {
  background: lightgrey;
}
.page-header .navi-dropdown li {
  list-style: none;
}
.page-header .navi-dropdown li ul {
  border-radius: 0;
}
.page-header .navi-dropdown li a {
  text-decoration: none;
}
.page-header h1 {
  font-weight: 500;
  margin: 0;
  font-size: 18px;
  word-break: break-all;
}
@media (max-width: 1300px) {
  .page-header h1 {
    font-size: 12px;
  }
}
.page-header li a {
  color: white;
}
.page-header .microphone-dropdown {
  color: white;
}
.page-header .pageTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 50px;
}
.page-header .pageTitle a {
  color: white;
  margin: 0 10px;
}
.page-header .pageTitle .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 120px;
}
.page-header .pageTitle .description {
  color: white;
  font-size: 10px;
  margin: 8px 0 0 5px;
}
.page-header .navbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-header .help-icon-container a {
  color: white;
  font-size: 21px;
  margin: 0 10px;
}
.page-header .entryMode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px;
  border: 2px solid white;
  border-radius: 5px;
  margin: 0 10px;
}
@media (max-width: 1300px) {
  .page-header .entryMode {
    font-size: 12px;
  }
}

.standalone .page-header {
  background: radial-gradient(circle closest-corner at center 125px, #4d4d4d, #4d4d4d 50%) no-repeat;
}

.footer-offline .rec-container-fix {
  background: radial-gradient(circle closest-corner at center 125px, #4d4d4d, #4d4d4d 50%) no-repeat !important;
}

/***********************************************
* toolbar
***********************************************/
/* TODO: change to rec-toolbar */
.button-menu-container {
  background-color: #FFFFFF;
  min-height: 43px;
  margin: 0 0 5px 0;
  overflow: visible;
  top: 0;
  z-index: 1;
}

.f-nav {
  z-index: 499;
  position: fixed;
  background-color: #FFFFFF;
  left: 0;
  top: 0;
  padding-top: 5px;
  max-height: 49px;
  width: 100%;
}
.f-nav .scrollButton {
  display: initial;
  margin-right: 5px;
}

.scrollButton {
  display: none;
}

div.rec-toolbar .btn-group {
  margin: 0 0 5px 0;
}

div.rec-toolbar {
  margin-top: 5px;
}

div.f-nav.rec-toolbar .rec-bottom-margin {
  padding-left: 30px;
}

div.f-nav.rec-toolbar .rec-bottom-margin {
  margin-bottom: 0;
}

div.rec-bottom-margin a.btn {
  height: 37px;
}

.btn.rec-lastSaved:hover {
  border-color: #ccc;
}

div.rec-speakerTextSearch {
  display: inline-block;
  position: relative;
}

div.rec-speakerTextSearch span.rec-looking-glass {
  position: absolute;
  left: 11px;
  top: 11px;
}

div.f-nav div.rec-toolbar {
  pointer-events: none;
}

div.f-nav div.rec-toolbar div.col-xs-6,
div.f-nav div.rec-toolbar div.toolbarButtons,
div.rec-standalone div.f-nav div.rec-toolbar,
input.rec-playbackSpeed-range,
div.f-nav div.rec-toolbar audio,
div.f-nav div.rec-toolbar video {
  pointer-events: auto !important;
}

div#audioplayer {
  margin: 2px;
  float: right;
  width: 350px;
}

div#audioplayer .playerElement {
  width: 100%;
}

div#rec-videoToggler {
  float: right;
  height: 40px;
  margin: 0 0 0 0;
  text-align: center;
  width: 40px;
  background: #000;
}

.audioPlayerContainer {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.audioPlayerContainer .btn-xs {
  padding: 5px 10px;
}

.videoPlayerContainer {
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.videoPlayerContainer .btn-xs {
  padding: 5px 10px;
}

.playermargin {
  margin-left: 40px;
}

div#rec-videoToggler span {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  margin: 13px 0 0 0;
  pointer-events: auto !important;
}

div.rec-newObject span.caret {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #000000;
}

span.caret-disabled {
  opacity: 0.3;
}

/*HACK: find right CSS selectors!*/
.rec-toolbar .col-xs-1, .rec-toolbar .col-xs-2, .rec-toolbar .col-xs-3, .rec-toolbar .col-xs-4, .rec-toolbar .col-xs-5, .rec-toolbar .col-xs-6, .rec-toolbar .col-xs-7, .rec-toolbar .col-xs-8, .rec-toolbar .col-xs-9, .rec-toolbar .col-xs-10, .rec-toolbar .col-xs-11, .rec-toolbar .col-xs-12,
.rec-toolbar .col-xs-1-5, .rec-toolbar .col-xs-2-5,
.rec-toolbar .col-sm-1, .rec-toolbar .col-sm-2, .rec-toolbar .col-sm-3, .rec-toolbar .col-sm-4, .rec-toolbar .col-sm-5, .rec-toolbar .col-sm-6, .rec-toolbar .col-sm-7, .rec-toolbar .col-sm-8, .rec-toolbar .col-sm-9, .rec-toolbar .col-sm-10, .rec-toolbar .col-sm-11, .rec-toolbar .col-sm-12,
.rec-toolbar .col-md-1, .rec-toolbar .col-md-2, .rec-toolbar .col-md-3, .rec-toolbar .col-md-4, .rec-toolbar .col-md-5, .rec-toolbar .col-md-6, .rec-toolbar .col-md-7, .rec-toolbar .col-md-8, .rec-toolbar .col-md-9, .rec-toolbar .col-md-10, .rec-toolbar .col-md-11, .rec-toolbar .col-md-12,
.rec-toolbar .col-lg-1, .rec-toolbar .col-lg-2, .rec-toolbar .col-lg-3, .rec-toolbar .col-lg-4, .rec-toolbar .col-lg-5, .rec-toolbar .col-lg-6, .rec-toolbar .col-lg-7, .rec-toolbar .col-lg-8, .rec-toolbar .col-lg-9, .rec-toolbar .col-lg-10, .rec-toolbar .col-lg-11, .rec-toolbar .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}

.col-xs-1-5 {
  width: 12.4995%;
  float: left;
}

.col-xs-2-5 {
  width: 20.8333333333%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-offset-2-5 {
  margin-left: 20.8333333333%;
}

.rec-col-xs-noPadRight {
  padding-right: 0;
}

.rec-toolbar .row {
  margin-left: 0;
  margin-right: 0;
}

.rec-grid-subrow {
  min-height: 34px;
  height: auto;
}

div.rec-grid-subrow.rec-grid-subrow-editingFinished,
div.rec-grid-subsubrow.rec-grid-subrow-editingFinished {
  /*background-color: #CDF2CC;*/
}

div.rec-grid-subrow.rec-grid-subrow-editingFinished:hover div.rec-grid-subsubrow.rec-grid-subrow-editingFinished:hover {
  /*background-color: #BEE6BD;*/
}

.rec-grid-subrow-editingFinished .btn-default {
  border-color: #BBB;
}

.rec-grid-subrow-editingFinished .btn-default:hover {
  border-color: #333;
}

div.rec-col-align-right {
  text-align: right;
}

.left-separated {
  margin-left: 10px;
}

input.toggle-label + label {
  cursor: pointer;
}

input.toggle-label:disabled + label {
  cursor: not-allowed;
  color: #8E989E;
}

/***********************************************
* angular-text editors
* - used in: admin.entry.[edit|prepare].html
***********************************************/
.ta-editor.ta-html {
  min-height: 78px !important;
}

.ta-scroll-window > .ta-bind {
  min-height: 78px !important;
}

.rec-all-editors p {
  margin: 0 0 11px;
}

.rec-title-editor {
  overflow: auto;
  font-size: 100%;
  position: relative;
  padding: 0px;
  height: 80px;
  min-height: 80px;
  border: 1px solid #CCC;
  border-radius: 4px;
  width: 100%;
}

.rec-description-editor {
  overflow: auto;
  font-size: 100%;
  position: relative;
  padding: 0px;
  height: 80px;
  min-height: 80px;
  border: 1px solid #CCC;
  border-radius: 4px;
  width: 100%;
}

.rec-comments-editor {
  overflow: auto;
  font-size: 100%;
  position: relative;
  padding: 5px;
  height: 150px;
  min-height: 150px;
  border: 1px solid #CCC;
  border-radius: 4px;
  /* necessary to fix:
     - firefox shows all spaces as middledots. without this line, FF shows no tailing spaces as middledots
       only if another character is placed after the space, the space is visible
     - every third middledot was not shown
  */
  white-space: pre-wrap;
}
@-moz-document url-prefix() {
  .rec-comments-editor {
    padding: 10px 12px;
  }
}

.rec-output-editor {
  overflow: auto;
  font-size: 16px;
  position: relative;
  padding: 0px;
  height: 300px;
  min-height: 150px;
  border: 1px solid #CCC;
  border-radius: 4px;
  padding: 6px 12px;
  /* necessary to fix:
     - firefox shows all spaces as middledots. without this line, FF shows no tailing spaces as middledots
       only if another character is placed after the space, the space is visible
     - every third middledot was not shown
  */
  white-space: pre-wrap;
}
.rec-output-editor .searchTerm {
  background-color: lightgrey;
}

div.rec-resize {
  width: 100%;
  height: 10px;
  margin-top: -10px;
  position: absolute;
  bottom: -4px;
  z-index: 100;
}

div.rec-resize:hover {
  cursor: ns-resize;
}

.rec-editor-container button {
  font-size: 12px !important;
}

.rec-editor-container button.btn {
  padding: 5px 9px;
}

.rec-toggleButtons button.btn {
  padding: 5px 9px;
}

.rec-output-editor.rec-output-editor-macros {
  min-height: 200px;
  height: 200px;
}

/* prepared font that shows middledots instead of whitespaces*/
@font-face {
  font-family: PTS55F-showMiddledots;
  src: url(../common-frontend/fonts/PTS55F-showMiddledots.ttf);
}
.rec-format-marks {
  font-family: PTS55F-showMiddledots;
}
.rec-format-marks br {
  content: "";
}
.rec-format-marks br:before {
  content: "↵";
}
.rec-format-marks br:after {
  content: "";
  display: block;
}
.rec-format-marks p:after {
  content: "¶";
}

@font-face {
  font-family: TimesNewRomanMiddledots;
  src: url(../common-frontend/fonts/TimesNewRomanMiddledots.ttf);
}
@font-face {
  font-family: TimesNewRoman;
  src: url(../common-frontend/fonts/TimesNewRoman.ttf);
}
.rec-format-marks-times {
  font-family: TimesNewRomanMiddledots;
}
.rec-format-marks-times br {
  content: "";
}
.rec-format-marks-times br:before {
  content: "↵";
}
.rec-format-marks-times br:after {
  content: "";
  display: block;
}
.rec-format-marks-times p:after {
  content: "¶";
}

.rec-br {
  opacity: 0;
}

p:after {
  content: " ";
}

.rec-newformat-marks {
  font-family: PTS55F-showMiddledots;
}
.rec-newformat-marks .rec-br {
  opacity: 1;
}
.rec-newformat-marks p:after {
  content: "¶";
  position: absolute;
}

.rec-newformat-marks-times {
  font-family: TimesNewRomanMiddledots;
}
.rec-newformat-marks-times .rec-br {
  opacity: 1;
}
.rec-newformat-marks-times p:after {
  content: "¶";
  position: absolute;
}

div.mediumToolbar {
  width: auto;
  display: inline-block;
  vertical-align: bottom;
}
@media (max-width: 1368px) {
  div.mediumToolbar {
    margin-top: 5px;
  }
}

div.rec-editor-container button.rec-biggerIcon {
  padding: 0px 7px;
  font-size: 16px !important;
  line-height: 23px;
}

div.audioButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  float: right;
  margin-top: 4px;
}
@media (min-width: 1370px) {
  div.audioButtons {
    margin-top: -1px;
  }
}

.fader.ng-enter {
  -webkit-animation: fadeIn 0.2s;
          animation: fadeIn 0.2s;
}

.fader.ng-leave {
  -webkit-animation: fadeOut 0.2s;
          animation: fadeOut 0.2s;
}

.fader {
  max-height: 150px;
  overflow-x: auto;
  border: 1px solid #333;
}

div.rec-editor-container {
  position: relative;
}

div.rec-editor-container div.rec-comments-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 1px 1px 1px;
  z-index: 5;
}

div.rec-editor-container div.rec-comments-container p:last-child {
  margin: 0;
  padding: 0;
}

div.rec-editor-container div.rec-comments-container .fader {
  background-color: #f5f5f5;
  padding: 5px;
}

div.rec-editor-container div.rec-comments-container div.rec-comments-btn {
  position: absolute;
  right: 1px;
  bottom: 0px;
  z-index: 10;
  border-radius: 4px;
  border: 1px solid #BBB;
  background: #FFF;
  padding: 3px 5px;
}

div.rec-editor-container div.rec-comments-container div.rec-comments-btn:hover {
  cursor: pointer;
  border-color: #333;
}

div.form-horizontal #speakerSelect {
  width: 96%;
  float: right;
}

select#rec-recordingDeviceSelect {
  display: inline-block;
  min-width: 150px;
}

i.rec-recordingDeviceSelectIcon {
  margin: 0 0 0 5px;
}

div.form-horizontal div.col-xs-7 #speakerSelect {
  width: 80%;
  float: left;
}

div.form-horizontal div.col-xs-7 #speakerSelect.rec-speakerSelectFullWidth {
  width: 100%;
  float: none;
}

#speakerSelectBox .form-control, #speakerSelect .form-control {
  min-width: 200px;
}

.rec-adding-speaker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rec-adding-speaker button {
  margin: 5px;
}

.gender-radio-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gender-radio-buttons input[type=radio] {
  margin-left: 10px;
  margin-right: 4px;
}
.gender-radio-buttons .fa {
  margin-right: 10px;
}

div.rec-btn-add-speaker {
  float: right;
  text-align: right;
  margin: 6px 0 0 0;
  width: 20%;
}

div.rec-inline-selectize {
  min-width: 160px;
  display: inline-block;
}

div.form-horizontal input#printSpeaker {
  float: right;
  margin: 13px 5px 0 0;
}

input.rec-nonVerbalTitle {
  width: 96%;
  float: right;
}

input.rec-prepare.rec-nonVerbalTitle {
  width: 470px;
}
@media (max-width: 930px) {
  input.rec-prepare.rec-nonVerbalTitle {
    width: 100px;
  }
}
@media (max-width: 1415px) {
  input.rec-prepare.rec-nonVerbalTitle {
    width: 250px;
  }
}
@media (min-width: 1415px) {
  input.rec-prepare.rec-nonVerbalTitle {
    width: 300px;
  }
}
@media (min-width: 1640px) {
  input.rec-prepare.rec-nonVerbalTitle {
    width: 470px;
  }
}

.form-horizontal input.rec-nonVerbalTitleCheckbox {
  margin-top: 9px;
}

input.form-control.rec-text-search {
  display: inline-block;
  width: 200px;
  height: 37px;
  padding-left: 39px;
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
}

input.form-control.rec-entry-search {
  height: 37px;
  width: 200px;
  margin-top: -6px;
  margin-bottom: 10px;
  margin-left: 12px;
}

div.rec-editorSort {
  margin-left: 10px;
  margin-top: -5px;
  margin-bottom: 6px;
}

div.rec-text-search-buttons {
  vertical-align: top;
  margin-bottom: 5px;
}

div.rec-text-search-buttons a {
  height: 37px;
}

a.rec-filter-text-disabled {
  color: #8E989E !important;
}

div#rec-dashboardTable input.form-control.rec-text-search {
  display: inline-block;
  width: 154px;
  height: 37px !important;
  margin-left: 0px;
  border-radius: 4px;
  border-left: 1px solid #cccccc;
  padding-left: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -5px;
  height: 36px;
}

.btn-dashboard-add {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-dashboard-return {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

div#rec-dashboardTable span.rec-looking-glass {
  position: absolute;
  top: 11px;
  left: 12px;
}

/***********************************************
* objects/segments:
* - drag-n-drop
* - detail page
* - etc.
***********************************************/
/* drop zone while drag-n-drop has minimum height */
.draggableObjects {
  min-height: 34px;
}

.rec-empty,
div.draggableSegments:empty {
  height: 43px;
  border: 1px dashed #dddddd;
}

/* table to align french/german title and detail */
.rec-indexed-objects {
  width: 100%;
}

.rec-indexed-objects td {
  vertical-align: top;
}

.rec-index {
  width: 62px;
}

div.rec-segmentHeading {
  min-height: 18px;
}

.rec-content {
  width: 500px;
  padding-right: 20px;
}

div.rec-editPage div.rec-content {
  width: auto;
  padding: 0;
}

div.rec-editPage .container-fluid {
  max-width: none !important;
}

/* elements within object accordion body */
.rec-object-body td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.rec-object-body .control-label {
  text-align: left;
}

.rec-object-body .container-fluid {
  padding: 0;
}

span.rec-object-time {
  float: right;
  margin-right: 12px;
}

/* elements within segment accordion body */
.rec-segment-body .row {
  padding: 5px 0 5px 0;
}

/* control the accordion transitions */
.collapsing {
  -webkit-transition-duration: 0.001s;
          transition-duration: 0.001s;
}

.rec-segment-done,
.rec-object-done .panel-heading .rec-indexed-objects {
  color: #009933; /* green*/
}

.rec-segment-done-non-verbal {
  color: #006622;
}

.rec-object-done .glyphicon-ok {
  font-size: 17px;
}

.rec-segment-music,
.rec-segment-ignore {
  color: #CB2212; /* red*/
  font-weight: bold;
}

.rec-segment-title {
  color: #78aabb; /* blue */
}

.rec-segmentTitle {
  background-color: #a6a7ff;
}

.rec-segmentVote {
  background-color: #ffe9a6;
}

.rec-segmentElection {
  background-color: #faceb4;
}

.rec-segmentCitation {
  background-color: #fca6ff;
}

.rec-segmentNote {
  background-color: #ffb5a6;
}

.rec-segmentDocuments {
  background-color: #d2e0f7;
}

.rec-segmentStructure {
  background-color: #dec3af;
}

.rec-segmentResolution {
  background-color: #cbccf2;
}

div.rec-segmentTree.prepareMode .rec-segmentPutCommentInTextFormat {
  color: #CB2212;
  font-weight: bold;
}

.rec-segmentTitleDone {
  background-color: #8381ff;
}

.rec-segmentVoteDone {
  background-color: #ffde3a;
}

.rec-segmentElectionDone {
  background-color: #ffa976;
}

.rec-segmentCitationDone {
  background-color: #b574e0;
}

.rec-segmentNoteDone {
  background-color: #ff9a81;
}

.rec-segmentDone {
  background-color: #7aff7a;
}

.rec-segmentPutCommentInTextFormatDone {
  color: #333;
  background-color: #7aff7a;
}

.resetPwdMarginB {
  margin-bottom: 15px;
}

.resetPwdMarginR {
  margin-right: 15px;
}

.resetPwdwidth {
  width: 180px;
}

/* disabled menu entries (a-elements) in dropdown menues -> e.g. "Publish" within "Text"-Menu*/
a.rec-menu-item-disabled,
a.rec-menu-item-disabled:visited,
a.rec-menu-item-disabled:active,
a.rec-menu-item-disabled:hover {
  /*background-color:#d9d9d9 !important;
  color:#aaa !important;
  */
  color: #8E989E !important;
  pointer-events: none;
  cursor: default;
}

/* disabled statement update button */
.statements-available-no {
  color: #8E989E !important;
  pointer-events: none;
  cursor: default;
}

/***********************************************
* general recapp editor classes
***********************************************/
/* for buttons etc. */
.rec-disabled {
  color: #8E989E !important;
  pointer-events: none;
  cursor: default;
}

.rec-group-title-input {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  width: 190px;
}

.entry-title {
  display: block;
  width: calc(100% - 50px);
  min-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entry-title input {
  width: 100%;
}

.entry-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.entry-title-container span, .entry-title-container i {
  margin: 0 4px;
  height: 100%;
}
.entry-title-container input {
  height: 26px;
  line-height: 26px;
  width: 100%;
}

span.rec-empty-group-message {
  font-style: italic;
  margin: 0 0 0 22px;
}

/***********************************************
* alarm boxes
* - TODO: check if really used -> everything should be done with growl
***********************************************/
/* adapt bootstrap alarming boxes */
.alert {
  padding-top: 6px;
  padding-bottom: 6px;
}

.success {
  padding-top: 6px;
  padding-bottom: 6px;
}

.warning {
  padding-top: 6px;
  padding-bottom: 6px;
}

/*.rec-toolbar  {*/
/*
.rec-toolbar div[class*="col-"] {
    padding: 0;
    margin: 0;
}
*/
/***********************************************
* grows message boxes
***********************************************/
/* Styles for growl notification (success/error notifications on top of the page) */
.growl-container > .growl-item {
  z-index: 9999;
  opacity: 0.9;
}

.growl-container > .growl-item.ng-leave,
.growl-container > .growl-item.ng-enter.ng-enter-active {
  opacity: 0.9;
}

.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave {
  -webkit-transition: 0.2s linear all;
  transition: 0.2s linear all;
}

/***********************************************
* Entrytable locked
***********************************************/
div.rec-locked {
  font-style: italic;
}

span.rec-disabled:hover {
  cursor: rec-disabled !important;
}

/***********************************************
* table with floating header
***********************************************/
/* Styles for table with floating theader at the top */
table.rec-float-thead {
  width: 100%;
  display: table;
  table-layout: fixed;
}

table.rec-float-thead th {
  padding-top: 20px;
}

/* must be set to deal with Bootstrap3 */
/* see: http://mkoryak.github.io/floatThead/examples/bootstrap3/ */
table.floatThead-table {
  border-top: none;
  border-bottom: none;
  background-color: #FFF;
}

/***********************************************
* text editor: background for seek to paragraph function
***********************************************/
/* only this rule does not work well, the p.seek selector is necessary*/
div.seek:hover {
  background-color: #ffffcc;
}

/***********************************************
* hovercard (lexicon)
***********************************************/
.angular-hovercard-label {
  color: inherit;
  position: relative;
}

.help-block {
  line-height: 20px;
}

.rec-phoneme-part.ng-valid[readonly] {
  cursor: auto !important;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.rec-phoneme-part.ng-invalid[readonly] {
  cursor: auto !important;
  background: transparent;
}

/***********************************************
* lexicon model
***********************************************/
.rec-model-not-deployed {
  color: #d9d9d9 !important;
}

.rec-word-cannot-be-added label.angular-hovercard-label span {
  color: #cb2212;
}

/***********************************************
* word-highlighting
***********************************************/
.wysiwyg-color-yellow {
  background-color: yellow;
  z-index: -1;
}

.wysiwyg-color-yellow::-moz-selection {
  background-color: orange;
  color: white;
}

.wysiwyg-color-yellow::selection {
  background-color: orange;
  color: white;
}

div.control span[b]:hover {
  cursor: pointer;
  background-color: #C0DCE6;
  -webkit-box-shadow: 0px 0px 4px #C0DCE6;
          box-shadow: 0px 0px 4px #C0DCE6;
}
div.control span[b]:hover .wysiwyg-color-yellow {
  z-index: 0;
  background-color: #C0DCE6;
}

span[b].speaking {
  background-color: #C0DCE6;
  -webkit-box-shadow: 0px 0px 4px #C0DCE6;
          box-shadow: 0px 0px 4px #C0DCE6;
  z-index: -1;
}
span[b].speaking .wysiwyg-color-yellow {
  z-index: 0;
  background-color: #C0DCE6;
  -webkit-box-shadow: 0px 0px 4px #C0DCE6;
          box-shadow: 0px 0px 4px #C0DCE6;
}

span[b].grey:hover,
span[b].grey.speaking {
  background-color: #bfbab9;
  -webkit-box-shadow: 0px 0px 4px #bfbab9;
          box-shadow: 0px 0px 4px #bfbab9;
}

span.rec-greyMusic {
  color: #adadad;
}

span[b].green.speaking,
span[b].green:hover {
  background-color: #2ddb02;
  -webkit-box-shadow: 0px 0px 4px #2ddb02;
          box-shadow: 0px 0px 4px #2ddb02;
}

span[b].yellow.speaking,
span[b].yellow:hover {
  background-color: #ded300;
  -webkit-box-shadow: 0px 0px 4px #ded300;
          box-shadow: 0px 0px 4px #ded300;
}

span[b].orange.speaking,
span[b].orange:hover {
  background-color: #e06900;
  -webkit-box-shadow: 0px 0px 4px #e06900;
          box-shadow: 0px 0px 4px #e06900;
}

span[b].red.speaking,
span[b].red:hover {
  background-color: #e30004;
  -webkit-box-shadow: 0px 0px 4px #e30004;
          box-shadow: 0px 0px 4px #e30004;
}

.ta-readonly p span:hover {
  cursor: pointer;
}

.ta-readonly p:hover {
  cursor: default;
}

div#timeline {
  height: 3px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  margin: 0 0 15px 0;
  position: relative;
  height: 100px;
  background-color: #FFF;
  width: 600px;
  overflow-x: auto;
  overflow-y: hidden;
}

.rec-editSegmentTimeModal .modal-dialog {
  width: 633px !important;
  margin-left: 60px;
}

.rec-editSegmentTimeModal div#position {
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #000000;
  background: #FFF;
}

div#oldPosition {
  position: absolute;
  height: 20px;
  width: 1px;
  background: #CB2414;
  left: calc(50% - 1px);
  z-index: 10;
}

.rec-editSegmentTimeModal div#positionToSave {
  height: 100%;
  width: 1px;
  background-color: green;
  position: absolute;
}

div#positionToSaveStart,
div#positionToSaveEnd {
  position: absolute;
  height: 100%;
  width: 1px;
  left: calc(50% - 1px);
  background: #009933;
  z-index: 20;
}

div#editTimePlayer {
  height: 0px !important;
}

div.rec-audioLine {
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

div#endLimit {
  right: 0;
  height: 100%;
  position: absolute;
  background: #CB2212;
  opacity: 0.8;
}

div#startLimit {
  left: 0;
  height: 100%;
  position: absolute;
  background: #CB2212;
  opacity: 0.8;
}

div#endLimit:hover,
div#startLimit:hover {
  cursor: not-allowed;
}

.rec-addSegmentButton {
  position: absolute;
  right: -11px;
  bottom: -14px;
  z-index: 15;
  background: #FFF;
  font-size: 10px;
  padding: 2px 5px;
}

.rec-addSegmentButton.rec-first {
  top: -11px;
  bottom: auto;
}

.rec-moveSegmentUpButton {
  position: absolute;
  right: -11px;
  top: 12px;
  z-index: 15;
  background: #FFF;
  font-size: 10px;
  padding: 0 2px 0 1px;
}

.rec-moveSegmentDownButton {
  position: absolute;
  right: -11px;
  top: 12px;
  z-index: 15;
  background: #FFF;
  font-size: 10px;
  padding: 0px 2px 0 1px;
}

.rec-twoButtons {
  right: -27px;
}

.rec-addSegmentButton.rec-emptyObject {
  top: 9px;
  bottom: auto;
}

div.rec-no-space-for-segment {
  padding: 10px 16px;
  font-style: italic;
}

div.panel-heading,
div.panel {
  position: relative;
}

h2.rec-object-comments-title {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 18px;
}

label.rec-startEndLabel {
  min-width: 80px;
  margin-right: 5px;
}

span.rec-timecode {
  margin-right: 10px;
  display: inline-block;
}

button.rec-btn-setTime {
  vertical-align: top;
  margin-right: 2px;
}

div.rec-output-editor {
  padding: 1px;
  z-index: 0;
}

div.rec-output-editor span {
  position: relative;
}

div.rec-output-editor span button {
  position: absolute;
  right: -9px;
  top: -9px;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

div.rec-output-editor span button {
  position: absolute;
  right: -8px;
  top: 0px;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

div.rec-output-editor span button.end {
  left: -8px;
  right: auto;
}

span.rec-arrowButon {
  display: block;
  width: 11px;
  height: 16px;
  background: transparent url("../img/arrow.png");
}

div.rec-output-editor h1 {
  margin: 0 0 11px 0;
  font-size: 23px;
  font-weight: bold;
}

div.rec-output-editor h2 {
  margin: 0 0 11px 0;
  font-size: 19px;
}

div.rec-customerMacroPreview {
  line-height: 22px;
  margin: 6px 0;
}

div.rec-simpleDashboard a:hover {
  text-decoration: none;
}

div.rec-simpleDashboard {
  font-size: 16px;
  display: block;
}

div.rec-simpleDashboard a {
  margin: 0 5px 0 0;
}

div.rec-simpleDashboard div.btn-group {
  display: block;
  float: left;
}

div.rec-simpleDashboard a.rec-sendUnlockRequest {
  margin-top: -7px;
}

span.rec-workspaceButton:hover {
  cursor: pointer;
}

div.rec-padding-left {
  padding-left: 38px;
  padding-right: 0;
}

div.rec-grid-subrow {
  background: transparent;
}

.rec-remove-icon {
  display: none;
  position: absolute;
  right: 15px;
  font-size: 16px;
}

.rec-remove-icon:hover,
a.rec-deleteObject:hover,
a.rec-deleteSegment:hover {
  color: #CB2212;
}

.rec-ready-for-export {
  position: absolute;
  left: -15px;
}

.rec-dashboardEntries .rec-remove-icon {
  right: 3px;
}

div.rec-dark-border .rec-remove-icon {
  display: block;
}

div.rec-grid-row,
div.rec-grid-subrow {
  position: relative;
}

div.rec-grid-row:hover .rec-remove-icon,
div.rec-grid-subrow:hover .rec-remove-icon {
  display: inline;
}

div.rec-statusIcons {
  margin-right: 22px;
  text-align: right;
  min-height: 34px;
}

a.rec-deleteObject,
a.rec-deleteSegment {
  right: 5px;
  top: 10px;
  font-size: 19px;
  position: absolute;
  display: none;
}

.panel-title {
  line-height: 1;
}

a.rec-deleteSegment {
  top: 11px;
}

div.ui-sortable-handle {
  position: relative;
}

.rec-hiddenSortable {
  display: none !important;
}

div.ui-sortable-handle:hover a.rec-deleteObject,
div.panel-heading:hover a.rec-deleteSegment {
  display: inline-block;
}

a.rec-entryPropertyButton {
  color: #FFF;
  position: absolute;
  right: 22px;
  top: 20px;
}

a.rec-second-button {
  top: 61px;
}

a.rec-helpButton i {
  font-size: 21px;
}

.rec-editEntryProperties {
  color: #000;
}

/* splitting state indicator */
span.splitting-running {
  color: #adadad;
}

span.splitting-needed {
  color: #CB2212;
}

div#rec-dashboardTable {
  margin: 0 0 76px 0;
  width: 275px;
  color: #333333;
  padding: 0;
  margin: 0;
  float: left;
  border-right: 1px solid #DDD;
  margin-top: -3px;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 168px);
  position: absolute;
}

select.entityListSelect {
  width: 243px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

div.standalone div#rec-dashboardTable {
  height: calc(100% - 292px);
}

i.rec-folderIcon {
  width: 16px;
}

div.dashboard {
  margin-right: 20px;
  padding-right: 0;
  padding-left: 0;
  margin-left: 20px;
}

.rec-hoverFinger:hover {
  cursor: pointer;
}

.row.rec-dark-border {
  border-bottom: 1px solid #000000;
  padding-top: 0px;
}

div.rec-dashboardEntries {
  width: calc(100% - 275px);
  float: right;
  margin-top: 3px;
}

div#rec-dashboardTable div.rec-grid-row {
  border: none;
}

a.rec-arrow-icon {
  margin-left: -3px !important;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

.rec-entryCount {
  float: right;
  margin-right: 8px;
}

/* segment Timeline */
div.rec-segmentTimeline {
  width: 100%;
  height: 50px;
  border: 1px solid #DDD;
  border-radius: 4px;
  background-size: 100% 50px !important;
  position: relative;
  overflow: hidden;
  float: left;
  border-right: none;
  border-left: none;
  border-radius: 0;
  width: calc(100% - 42px);
}

div.rec-segmentTimelineCol button {
  float: left;
  height: 48px;
  padding: 0 2px;
  border-radius: 0;
  margin-top: 1px;
}

div.rec-segmentTimelineCol button.rec-left-button {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}

div.rec-segmentTimelineCol button.rec-right-button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}

div.rec-timeLineSeeker {
  position: absolute;
  left: 0;
  top: 1px;
  height: 47px;
  width: 1px;
  background-color: #CB2212;
}

div.rec-musicRange {
  position: absolute;
  left: 0;
  width: 0;
  height: 48px;
  background-color: #CB2212;
  opacity: 0.5;
}

div#timeline div#timelineBackground {
  height: 100px;
}

div.rec-musicRange:hover {
  cursor: pointer;
}

/* playbackspeed */
div.rec-playbackSpeed-label {
  width: 8%;
  display: inline-block;
}

input.rec-playbackSpeed-range {
  width: 100%;
  height: 12px;
}

.playerSpeedWrapper {
  left: -138px;
}
@media (max-width: 1393px) {
  .playerSpeedWrapper {
    left: -288px;
  }
}

.rec-playbackSpeed-Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4px;
  padding: 4px;
  width: 300px;
}

div.rec-playbackSpeed-center {
  width: 1px;
  height: 5px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
  top: -10px;
}

div.rec-playbackSpeed-rangeContainer {
  display: inline-block;
  width: 80%;
  position: relative;
}

div.page-header #speakerSelect,
div.page-header #secretarySelect,
div.page-header input#inputDate,
div.page-header input,
div.page-header #numberSelect {
  width: auto;
  display: inline-block;
  color: #000000;
}

div.page-header #speakerSelect span.form-control,
div.page-header #secretarySelect span.form-control {
  background: #FFF;
  min-width: 217px;
  top: -3px;
}

div.page-header #speakerSelect,
div.page-header #secretarySelect {
  vertical-align: middle;
}

div.page-header input.ui-select-search {
  position: relative;
  top: -3px;
}

div.page-header.rec-editPage.rec-entryDetail {
  min-height: 76px;
}

div.page-header div#datetimepicker1 {
  width: 260px;
  float: left;
  margin-right: 11px;
}

div.page-header div#datetimepicker1 input {
  width: 219px;
}

input.rec-titleInput {
  float: left;
  margin-right: 10px;
}

div.rec-editEntryProperties {
  margin: 10px 0 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  color: #FFFFFF;
}
div.rec-editEntryProperties select, div.rec-editEntryProperties input {
  margin-right: 20px;
  max-width: 350px;
}
div.rec-editEntryProperties .input-group input {
  margin-right: 0;
}
div.rec-editEntryProperties span {
  margin-right: 5px;
}

/* Collab */
.rec-collabMode .rec-nonCollab.btn,
.rec-collabMode .rec-addSegmentButton,
.rec-collabMode select#typeSelect {
  border-color: #636363 !important;
  background-color: #b3b3b3 !important;
}

.rec-collabMode .rec-deleteSegment,
.rec-collabMode .rec-deleteObject {
  display: none !important;
}

span.rec-collabModeLabel {
  font-size: 13px;
  line-height: 1;
  position: relative;
  top: -2px;
}

div.rec-tabs {
  margin-bottom: 20px;
  border-bottom: 1px solid #DDD;
}

div.rec-tab {
  display: inline-block;
  border-top: none;
  padding: 10px;
  margin-right: 6px;
  margin-left: 6px;
  margin-top: 15px;
  margin-bottom: -1px;
}

div.rec-tab.active {
  margin-top: 0;
  padding-top: 15px;
  margin-right: 5px;
  margin-left: 5px;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-top: 1px solid #DDD;
}

div.rec-tab:hover {
  cursor: pointer;
}

.rec-textScore-warning,
.rec-textScore-questionable,
.rec-textScore-ok {
  color: #333 !important;
  margin-right: 3px;
}

.rec-textScore-object {
  margin-left: 1px;
}

.rec-object-edit-content,
.rec-segmentDetail {
  border-bottom: 1px solid #CCC;
  margin: 5px 0;
}

.objectEditLine {
  margin: 10px 0;
}

/* helpers */
.rec-clickable:hover {
  cursor: pointer;
}

textarea#inputRemarks {
  resize: none;
}

.rec-float-right {
  float: right;
}

.rec-float-left {
  float: left;
}

.rec-loadingSpinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 10;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rec-loadingSpinner p {
  margin-top: 10px;
}

.rec-underlined {
  text-decoration: underline;
}

.rec-green-color {
  color: #31832f;
}

div.rec-importEntryOnlineContainer {
  max-height: 550px;
  overflow-y: auto;
}
@media (max-height: 700px) {
  div.rec-importEntryOnlineContainer {
    max-height: 450px;
  }
}
@media (max-height: 600px) {
  div.rec-importEntryOnlineContainer {
    max-height: 350px;
  }
}
@media (max-height: 500px) {
  div.rec-importEntryOnlineContainer {
    max-height: 250px;
  }
}
@media (max-height: 400px) {
  div.rec-importEntryOnlineContainer {
    max-height: 150px;
  }
}

div.rec-importEntryOnline {
  padding: 5px;
}

div.rec-importEntryOnline:hover {
  background: #EEE;
  cursor: pointer;
}

div.rec-cakeDiagram {
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  background-color: #31832f;
  border: 1px solid #31832f;
  float: left;
  margin: 8px 6px 0 0;
}

div.rec-cakeDiagram-blue {
  border-color: #000000;
}

.rec-onOver {
  background: #000000 !important;
  color: #FFF;
}

.rec-onOver-bg .rec-segmentTreeObjectLine {
  background: #000000 !important;
  color: #FFF;
}

.rec-segmentTreeObjectLine {
  background: #EEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 27px;
}

.rec-icon-btn {
  width: 25px;
  height: 25px;
  padding: 0px;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rec-icon-btn::before {
  margin: auto;
}

/* segment tree */
.rec-segmentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 25px;
  position: relative;
}
.rec-segmentWrapper input[type=checkbox] {
  margin-left: 10px;
  margin-bottom: 3px;
  height: 16px;
  width: 16px;
}
.rec-segmentWrapper .languageIcon {
  border: 1px solid;
  padding: 1px 4px;
  margin-left: 10px;
  border-radius: 2px;
  font-size: 10px;
  text-underline: none;
}

span.rec-objectNumber {
  margin-right: 4px;
  min-width: 1.5em;
  text-align: right;
  white-space: nowrap;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

span.rec-segmentNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 4px 0 20px;
  min-width: 3em;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

span.rec-segmentNoNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 4px 0 20px;
  min-width: 1.5em;
}

div.rec-segmentTreeObject {
  border-bottom: 1px solid #333;
}

div.rec-segmentTreeObject:first-child {
  border-top: 1px solid #333;
}

div.rec-segmentTreeObject.rec-activeObject {
  padding-bottom: 0;
}

div.rec-segmentTree {
  z-index: 0;
  margin-right: 5px;
  float: left;
  width: calc(25% - 15px);
  height: calc(100% - 222px);
  position: absolute;
  overflow-y: auto;
  min-width: 206px;
  overflow-x: visible;
  padding-bottom: 30px;
}

div.rec-editPage div.rec-segmentTree {
  width: calc(25% - 15px);
}

div.rec-segmentTree {
  line-height: 16px;
  font-size: 13px;
}

div.rec-segmentTree.rec-objectsLoading {
  opacity: 0.8;
  pointer-events: none;
}

div.rec-segmentTreeContent {
  margin-bottom: 10px;
}

div.rec-middle-part.rec-segmentTreeOpen.rec-editPage form.rec-objectForm {
  width: 75%;
}

.rec-objectForm-waveform {
  margin-top: 60px !important;
}

.rec-objectForm-waveform-fullscreen {
  margin-top: 110px !important;
}

.rec-objectForm {
  position: relative;
}

.rec-segment-tag-button-inactive {
  color: grey;
}
.rec-segment-tag-button-inactive:hover, .rec-segment-tag-button-inactive:active, .rec-segment-tag-button-inactive:focus {
  color: grey;
}

div.rec-middle-part.rec-writePage div.rec-editorSurrounder {
  border: 1px solid #CCC;
  border-radius: 4px;
  padding-top: 6px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 18px;
  width: 100%;
  height: 100%;
}

div.rec-middle-part.rec-writePage div.rec-editorPositioner {
  margin-top: 12px;
  width: 100%;
  height: 500px;
}

div.rec-readOnlySegments {
  opacity: 0.5;
}

div.rec-readOnlyControls {
  border-bottom: 1px solid #CCC;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  text-align: center;
  padding: 1px;
  font-size: 11px;
  z-index: 1;
  background: #FFF none;
  border-radius: 4px 4px 0px 0px;
}

div.rec-editorSpinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: auto;
  width: auto;
  z-index: 1001;
  background-color: rgba(255, 255, 255, 0.7);
}

div.rec-editorSpinner i {
  position: relative;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
}

div.rec-readOnlyControls:hover {
  background: #CCC none;
  cursor: pointer;
}

div.rec-middle-part.rec-writePage div.rec-output-editor {
  height: 100% !important;
  padding: 1px 13px 7px 13px;
  border: none;
  min-height: 0;
}

div.rec-middle-part.rec-writePage div.rec-readOnlyActive div.rec-output-editor {
  height: auto !important;
  border: 1px solid #CCC;
  border-radius: 4px;
  padding: 5px;
  min-height: 0;
}

div.rec-activeSegment {
  border-top: 2px solid #333 !important;
  border-left: 3px solid #333 !important;
  border-right: 3px solid #333 !important;
  border-bottom: 3px solid #333 !important;
  z-index: 1;
  width: 100%;
  -webkit-box-shadow: 0 0 1.5em black;
          box-shadow: 0 0 1.5em black;
  font-weight: bolder !important;
}

div.rec-activeSegment,
div.rec-activeSegment span.rec-oneLineSegment {
  font-weight: bold;
}

div.rec-activeSegment span.rec-segmentIndexString {
  font-weight: normal;
}

span.rec-segmentTreeObjectTitle span.rec-objectTitle {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

div.rec-editingObject span.rec-objectTitle {
  text-decoration: underline;
  font-weight: bold;
}

div.rec-middle-part.rec-segmentTreeOpen form.rec-objectForm {
  width: 75%;
  float: right;
}

.rec-hoverPointer:hover,
.rec-hoverPointer:hover span.rec-oneLineSegment {
  cursor: pointer;
}

div.rec-segmentTreeMoveBar {
  float: left;
  width: 10px;
  background-color: red;
  height: 500px;
  margin-left: calc(25% - 15px);
}

div.rec-segmentTreeMoveBar:hover {
  cursor: pointer;
}

div.rec-segmentTreeSegments {
  background: #FFF none;
}

div.rec-segmentTreeSegment {
  border-bottom: 1px solid #333;
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

div.rec-segmentTreeSegment:first-child {
  border-top: 1px solid #333;
  padding-top: 5px;
}

div.rec-segmentTreeSegment:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 5px;
}

span.rec-segmentTreeObjectTitle {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: right;
  margin-right: 5px;
  width: 100%;
  gap: 2px;
}

span.rec-oneLineSegment {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  float: right;
}

.rec-segmentTreeControls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.rec-segmentTreeControls .btn-xs {
  padding: 4px 7px;
}

.btn-smaller-font {
  font-size: 10px;
  padding: 7px 9px;
}

div.rec-segmentTreeControls.rec-fixedTree {
  position: fixed;
  z-index: 495;
}

div.rec-segmentTree .glyphicon-time {
  margin-right: 5px;
}

div.rec-segmentTree .rec-segment-title,
div.rec-notStartedSegment.rec-segment-title {
  color: #333 !important;
  background: #b3dbe9 none;
}

div.rec-segmentTree .rec-segment-done {
  color: #333;
  background: #90e3ac none;
}

div.rec-segmentTree .rec-segment-done-non-verbal {
  color: #333;
  background: #7fc597 none;
}

div.rec-segmentTree .rec-segment-no-time {
  color: #333;
  background: rgb(182, 182, 182);
}

.rec-openObject {
  text-decoration: underline;
}

span.ui-select-choices-row-inner {
  min-height: 28px;
}

div.rec-notStartedSegment {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #333;
  min-height: 23px;
}

div.rec-notStartedSegment:hover {
  cursor: pointer;
  background: rgb(182, 182, 182);
}

span.rec-delete-button {
  float: right;
}

div.rec-segmentPlace {
  padding-top: 3px;
  position: relative;
}

.objectEdit {
  margin-bottom: 50px;
}

div.objectEdit:hover span.rec-delete-button {
  display: inline;
}

span.rec-delete-button:hover {
  color: #cb2212;
}

div.rec-segmentPlace span.rec-delete-button {
  float: none;
  position: absolute;
  right: 14px;
  top: 6px;
}

div.rec-entityInEntityList {
  font-size: 12px;
  margin-bottom: 0px;
  border-bottom: 1px solid #CCC;
}

div.rec-entityInEntityList label.control-label {
  padding-top: 0;
  line-height: 22px;
}

div.rec-entityInEntityList input[type=checkbox] {
  height: 24px;
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  padding: 0;
}

div.rec-entitiesInEntityList {
  margin-bottom: 10px;
}

div.rec-cakeDiagram.rec-cakeDiagram-0 {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, white)), -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, transparent));
  background-image: linear-gradient(90deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-1 {
  background-image: linear-gradient(93.6deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-2 {
  background-image: linear-gradient(97.2deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-3 {
  background-image: linear-gradient(100.8deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-4 {
  background-image: linear-gradient(104.4deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-5 {
  background-image: linear-gradient(108deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-6 {
  background-image: linear-gradient(111.6deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-7 {
  background-image: linear-gradient(115.2deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-8 {
  background-image: linear-gradient(118.8deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-9 {
  background-image: linear-gradient(122.4deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-10 {
  background-image: linear-gradient(126deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-11 {
  background-image: linear-gradient(129.6deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-12 {
  background-image: linear-gradient(133.2deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-13 {
  background-image: linear-gradient(136.8deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-14 {
  background-image: linear-gradient(140.4deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-15 {
  background-image: linear-gradient(144deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-16 {
  background-image: linear-gradient(147.6deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-17 {
  background-image: linear-gradient(151.2deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-18 {
  background-image: linear-gradient(154.8deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-19 {
  background-image: linear-gradient(158.4deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-20 {
  background-image: linear-gradient(162deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-21 {
  background-image: linear-gradient(165.6deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-22 {
  background-image: linear-gradient(169.2deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-23 {
  background-image: linear-gradient(172.8deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-24 {
  background-image: linear-gradient(176.4deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-25 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, white)), -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, transparent));
  background-image: linear-gradient(180deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-26 {
  background-image: linear-gradient(183.6deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-27 {
  background-image: linear-gradient(187.2deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-28 {
  background-image: linear-gradient(190.8deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-29 {
  background-image: linear-gradient(194.4deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-30 {
  background-image: linear-gradient(198deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-31 {
  background-image: linear-gradient(201.6deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-32 {
  background-image: linear-gradient(205.2deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-33 {
  background-image: linear-gradient(208.8deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-34 {
  background-image: linear-gradient(212.4deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-35 {
  background-image: linear-gradient(216deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-36 {
  background-image: linear-gradient(219.6deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-37 {
  background-image: linear-gradient(223.2deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-38 {
  background-image: linear-gradient(226.8deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-39 {
  background-image: linear-gradient(230.4deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-40 {
  background-image: linear-gradient(234deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-41 {
  background-image: linear-gradient(237.6deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-42 {
  background-image: linear-gradient(241.2deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-43 {
  background-image: linear-gradient(244.8deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-44 {
  background-image: linear-gradient(248.4deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-45 {
  background-image: linear-gradient(252deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-46 {
  background-image: linear-gradient(255.6deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-47 {
  background-image: linear-gradient(259.2deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-48 {
  background-image: linear-gradient(262.8deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-49 {
  background-image: linear-gradient(266.4deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-50 {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, white)), -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, transparent));
  background-image: linear-gradient(270deg, transparent 50%, white 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-51 {
  background-color: white;
  background-image: linear-gradient(273.6deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-52 {
  background-color: white;
  background-image: linear-gradient(277.2deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-53 {
  background-color: white;
  background-image: linear-gradient(280.8deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-54 {
  background-color: white;
  background-image: linear-gradient(284.4deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-55 {
  background-color: white;
  background-image: linear-gradient(288deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-56 {
  background-color: white;
  background-image: linear-gradient(291.6deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-57 {
  background-color: white;
  background-image: linear-gradient(295.2deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-58 {
  background-color: white;
  background-image: linear-gradient(298.8deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-59 {
  background-color: white;
  background-image: linear-gradient(302.4deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-60 {
  background-color: white;
  background-image: linear-gradient(306deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-61 {
  background-color: white;
  background-image: linear-gradient(309.6deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-62 {
  background-color: white;
  background-image: linear-gradient(313.2deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-63 {
  background-color: white;
  background-image: linear-gradient(316.8deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-64 {
  background-color: white;
  background-image: linear-gradient(320.4deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-65 {
  background-color: white;
  background-image: linear-gradient(324deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-66 {
  background-color: white;
  background-image: linear-gradient(327.6deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-67 {
  background-color: white;
  background-image: linear-gradient(331.2deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-68 {
  background-color: white;
  background-image: linear-gradient(334.8deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-69 {
  background-color: white;
  background-image: linear-gradient(338.4deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-70 {
  background-color: white;
  background-image: linear-gradient(342deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-71 {
  background-color: white;
  background-image: linear-gradient(345.6deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-72 {
  background-color: white;
  background-image: linear-gradient(349.2deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-73 {
  background-color: white;
  background-image: linear-gradient(352.8deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-74 {
  background-color: white;
  background-image: linear-gradient(356.4deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-75 {
  background-color: white;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #31832f), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #31832f));
  background-image: linear-gradient(360deg, #31832f 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #31832f 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-76 {
  background-color: #31832f;
  background-image: linear-gradient(183.6deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-77 {
  background-color: #31832f;
  background-image: linear-gradient(187.2deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-78 {
  background-color: #31832f;
  background-image: linear-gradient(190.8deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-79 {
  background-color: #31832f;
  background-image: linear-gradient(194.4deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-80 {
  background-color: #31832f;
  background-image: linear-gradient(198deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-81 {
  background-color: #31832f;
  background-image: linear-gradient(201.6deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-82 {
  background-color: #31832f;
  background-image: linear-gradient(205.2deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-83 {
  background-color: #31832f;
  background-image: linear-gradient(208.8deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-84 {
  background-color: #31832f;
  background-image: linear-gradient(212.4deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-85 {
  background-color: #31832f;
  background-image: linear-gradient(216deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-86 {
  background-color: #31832f;
  background-image: linear-gradient(219.6deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-87 {
  background-color: #31832f;
  background-image: linear-gradient(223.2deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-88 {
  background-color: #31832f;
  background-image: linear-gradient(226.8deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-89 {
  background-color: #31832f;
  background-image: linear-gradient(230.4deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-90 {
  background-color: #31832f;
  background-image: linear-gradient(234deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-91 {
  background-color: #31832f;
  background-image: linear-gradient(237.6deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-92 {
  background-color: #31832f;
  background-image: linear-gradient(241.2deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-93 {
  background-color: #31832f;
  background-image: linear-gradient(244.8deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-94 {
  background-color: #31832f;
  background-image: linear-gradient(248.4deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-95 {
  background-color: #31832f;
  background-image: linear-gradient(252deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-96 {
  background-color: #31832f;
  background-image: linear-gradient(255.6deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-97 {
  background-color: #31832f;
  background-image: linear-gradient(259.2deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-98 {
  background-color: #31832f;
  background-image: linear-gradient(262.8deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-99 {
  background-color: #31832f;
  background-image: linear-gradient(266.4deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
}

div.rec-cakeDiagram.rec-cakeDiagram-100 {
  background-color: #31832f;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #31832f)), -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, transparent));
  background-image: linear-gradient(270deg, transparent 50%, #31832f 50%), linear-gradient(90deg, white 50%, transparent 50%);
  border: 1px solid #000000;
}

/* profile page */
div.profileTabs {
  float: left;
  width: 25%;
}

div.tabContent {
  border: 1px solid #CCC;
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
}

div.profileTabs li:first-child {
  border-top: 1px solid #CCC;
}

div.profileTabs ul {
  margin: 0;
  padding: 0;
}

div.profileTabs li {
  list-style-type: none;
  padding: 8px 5px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}

div.profileTabs li span {
  margin-right: 5px;
  display: inline-block;
}

div.profileTabs li:hover,
li.activeTab {
  background: #EEE none;
  cursor: pointer;
}

.tabContent label {
  font-weight: normal;
  text-align: left;
}

div.tabContent .col-sm-4,
div.tabContent .col-sm-8 {
  width: auto;
  float: none;
}

div.advancedTab div.form-group,
div.saveTab div.form-group,
div.playbackTab div.form-group {
  margin-bottom: 0 !important;
}

div.save-buttons {
  margin-left: 0 !important;
  margin-bottom: 9px !important;
  margin-top: 8px !important;
}

div.form-group.timezone {
  margin-bottom: 20px;
}

div.tabContent .form-horizontal .control-label {
  padding-top: 0;
  padding-bottom: 1px;
}

div.tabContent .textContent {
  padding-bottom: 7px;
}

.helpText {
  font-size: 12px;
  line-height: 12px;
  color: #666;
  min-height: 0;
}

.checkbox-slider--b-flat input[type=radio] {
  opacity: 0;
}

.checkbox-slider--b-flat input:checked + span::after,
.checkbox-slider--b-flat input:not(:checked) + span::after {
  -webkit-animation: none;
          animation: none;
}

.checkbox-slider--b-flat input:checked + span::before {
  background: #000000 none;
}

.checkbox-slider, .checkbox-slider--a, .checkbox-slider--a-rounded, .checkbox-slider--b, .checkbox-slider--b-flat, .checkbox-slider--c, .checkbox-slider--c-weight, .checkbox-slider--default, .checkbox-toggle {
  top: 0px;
  left: 15px;
}

div.rec-toggleButtons button {
  margin-bottom: 5px;
}

div.rec-hiddenNumbers span.rec-segmentNumber,
div.rec-hiddenNumbers span.rec-objectNumber {
  width: 0px;
}

div.rec-hiddenNumbers span.rec-oneLineSegment {
  width: calc(100% - 38px);
}

div.rec-hiddenNumbers span.rec-segmentTreeObjectTitle {
  width: calc(100% - 42px);
}

.selectize-dropdown [data-selectable].option {
  min-height: 26px;
}

.selectize-dropdown [data-selectable].option:hover {
  cursor: pointer;
}

.selectize-dropdown [data-selectable].option.active {
  background-color: #d8d8d8 !important;
}

.selectize-input .item {
  padding-right: 20px;
}

.pulse {
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}

.rec-recapp-opacity-20 {
  opacity: 0.2;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.searchResultContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.searchResultContainer .ris-success-validation-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px;
  font-size: 20px;
  color: green;
}

.searchResultsContainer {
  padding: 10px;
}
.searchResultsContainer:nth-child(odd) {
  background-color: #FAFAFA;
}

.searchRowTitleContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: bold;
  margin-bottom: 5px;
}
.searchRowTitleContainer .entryTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.searchRowTitleContainer span:first-child {
  margin-right: 5px;
}
.searchRowTitleContainer p:first-child {
  max-width: 800px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.searchRowContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchRowContainer .searchRowContainer-txt {
  width: 80%;
}
.searchRowContainer .searchRowContainer-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.searchRowContainer .searchRowContainer-btn button {
  margin-right: 5px;
}

.paginationContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paginationContainer button {
  margin: 10px;
}

.replaceAllBtnContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.replaceAllBtnContainer button {
  margin: 10px;
}

.waveform {
  height: 90px;
}

.voteResultContainer {
  margin: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.voteResultContainer input {
  width: 30%;
}

.vote-fieldset {
  border: 1px solid #CCC;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 20px;
}

.vote-legend {
  border: none;
  width: auto;
  margin-bottom: 0;
  padding: 0 5px;
  font-size: 16px;
}

.dropdown-agenda-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px !important;
}
.dropdown-agenda-toggle a {
  text-decoration: none;
}

.caret-container {
  margin-left: 5px;
}

.audio-recorder-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.audio-recorder-container .microphone-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 10px;
}
.audio-recorder-container .microphone-container audio {
  margin: 10px;
}
.audio-recorder-container .microphone-container .microphone-selection-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.audio-recorder-container .microphone-container .microphone-selection-container select {
  margin: 10px;
  width: 60%;
}
.audio-recorder-container .microphone-container .microphone-selection-container button {
  margin: 10px;
}
.audio-recorder-container .microphone-container .microphone-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 250px;
}
.audio-recorder-container .microphone-container .microphone-btn-container button {
  margin: 10px;
}
.audio-recorder-container .audio-recorder-container-right {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.audio-recorder-container .waveform-container canvas {
  border: 1px solid #CCC;
  border-radius: 5px;
}
.audio-recorder-container .waveform-container audio {
  display: none;
}
.audio-recorder-container .recorder-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
  min-width: 160px;
}
.audio-recorder-container .recorder-container .recorderBtn {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.audio-recorder-container .recorder-container .duration-container {
  min-width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.audio-recorder-container .recorder-container .duration-container label {
  margin: 0;
}
.audio-recorder-container .recorder-container .duration-container span {
  margin: 0 3px;
}
.audio-recorder-container .recorder-container .duration-container .testrecording {
  font-weight: bold;
}
.audio-recorder-container .recorder-container .duration-container .glyphicon-remove {
  cursor: pointer;
}
.audio-recorder-container .recorder-container button {
  margin: 10px;
}

.macro-text-variable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.drop-box {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  width: 200px;
  height: 200px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px;
}

.dragover {
  border: 5px dashed blue !important;
}

.saving-spinner {
  display: inline-block;
  width: 17px;
  height: 17px;
  border: 3px solid lightgrey;
  border-radius: 50%;
  border-top-color: #000000;
  -webkit-animation: spin 1s ease-in-out infinite;
          animation: spin 1s ease-in-out infinite;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.cutting-container {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}

.rec-editorPositioner {
  position: relative;
}

.editor-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.editor-settings .option {
  margin-top: 10px;
  margin-right: 10px;
}

.contextmenu-node {
  display: none;
  z-index: 500;
  width: 250px;
  left: 80px;
  position: absolute;
  background-color: white;
  border: solid #CCCCCC 1px;
  list-style: none;
  padding: 0px;
  color: black;
  text-decoration: none;
  font-weight: normal;
}

.contextmenu-item {
  margin: 0.5em;
}

.contextmenu-item:hover {
  background-color: #CCCCCC;
  cursor: default;
}

.wysiwyg-color-purple {
  position: relative;
  cursor: pointer;
  border-bottom: 2px solid purple;
}

.dynSpeakerTag .wysiwyg-color-fuchsia {
  position: relative;
  cursor: pointer;
  background-color: rgba(211, 211, 211, 0.5);
  border-radius: 4px;
  border: 1px solid grey;
  padding: 2px;
}

.greeting-modal {
  position: absolute !important;
  display: block;
  height: 80px;
  width: 270px;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 0;
  background-color: white;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 10px 0;
          box-shadow: 0 0 10px 0;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  font-size: 12px;
  z-index: 1;
}
.greeting-modal .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 10px;
  font-weight: bold;
}
.greeting-modal .header .close {
  position: initial;
  background-color: white;
  border: none;
}
.greeting-modal .tag-action {
  border-top: 1px solid lightgrey;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 30px;
  width: 100%;
}
.greeting-modal .tag-action i {
  margin: 0 10px;
}
.greeting-modal .tag-action:last-of-type {
  border-bottom: 1px solid lightgrey;
}
.greeting-modal .tag-action:hover {
  background-color: rgb(238, 238, 238);
  cursor: pointer;
}
.greeting-modal ::-moz-selection {
  background: transparent;
}
.greeting-modal ::selection {
  background: transparent;
}

.speaker-modal {
  position: absolute !important;
  height: 140px;
  width: 280px;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 0;
  background-color: white;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 10px 0;
          box-shadow: 0 0 10px 0;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  font-size: 12px;
  z-index: 1;
}
.speaker-modal .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 10px;
  font-weight: bold;
}
.speaker-modal .header .close {
  position: initial;
  background-color: white;
  border: none;
}
.speaker-modal .tag-action {
  border-top: 1px solid lightgrey;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 30px;
  margin-left: 5px;
  width: 100%;
}
.speaker-modal .tag-action:last-of-type {
  border-bottom: 1px solid lightgrey;
}
.speaker-modal .tag-action:hover {
  background-color: rgb(238, 238, 238);
  cursor: pointer;
}
.speaker-modal ::-moz-selection {
  background: transparent;
}
.speaker-modal ::selection {
  background: transparent;
}

.entry-meta-row-edit {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1300px) {
  .entry-meta-row-edit {
    top: 50px;
  }
}

.entry-meta-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.entry-meta-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0px 5px;
}
.entry-meta-information:last-child {
  margin-right: 0;
}
.entry-meta-information label, .entry-meta-information select, .entry-meta-information button {
  margin-right: 10px;
}
.entry-meta-information label {
  font-size: small;
  margin-bottom: 2px;
}
.entry-meta-information button.ugly-fix {
  margin-bottom: 5px;
}
.entry-meta-information .export-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
  font-size: 12px;
  line-height: 12px;
  color: #666;
  width: 120px;
}
.entry-meta-information .export-title input[type=checkbox] {
  margin-right: 5px;
}

#protocolType {
  height: 36px;
  width: 140px;
  vertical-align: middle;
  display: inline;
}

a.action-button:hover,
a.action-button {
  margin: 3pt;
  text-decoration: none;
}

.docxExport-active {
  font-weight: bold;
  background-color: #dff0d8;
  color: #3c763d;
}

.docxExport-active:hover {
  font-weight: bold;
  background-color: #cfe0c8;
  color: #3c763d;
}

.docxExport-saveButtons {
  margin: 20px 0 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.docxExport-saveButtons button {
  margin: 5pt;
}

.recording-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
}
.recording-container button {
  margin: 10px;
}

.prewrap {
  white-space: pre-wrap;
}

.security-key {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}
.security-key p {
  margin-top: 10px;
  font-weight: bold;
  letter-spacing: 2px;
}

.group-spinner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.group-spinner {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid black;
  width: 60px;
  height: 60px;
  -webkit-animation: fadein 4s, group-spin 2s linear infinite;
          animation: fadein 4s, group-spin 2s linear infinite;
}

.login-spinner {
  margin-left: 10px;
  -webkit-animation: fadein 4s, fa-spin 2s infinite linear;
          animation: fadein 4s, fa-spin 2s infinite linear;
}

@-webkit-keyframes group-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes group-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
.meter {
  width: 300px;
  height: 10px;
  border-radius: 50%;
}
.meter span {
  display: block;
  height: 100%;
}
.meter p {
  text-align: center;
}

.microphone-settings .content {
  margin: 10px;
}
.microphone-settings .content .microphone-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
.microphone-settings .content .microphone-row select, .microphone-settings .content .microphone-row button {
  margin: 0 10px;
}
.microphone-settings .content .microphone-row label {
  margin: 0;
}
.microphone-settings .content .microphone-row select {
  width: 300px;
}
.microphone-settings .content .microphone-row .microphone-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.microphone-settings .content .error {
  margin: 10px;
  color: red;
}
.microphone-settings .setting-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding: 0px 10px;
}
.microphone-settings .setting-row .left-checkbox {
  left: -10px !important;
}
.microphone-settings .setting-row .right-checkbox {
  left: -30px !important;
}
.microphone-settings .systemAudio-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 10px 0;
}
.microphone-settings .microphone-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin: 0 50px 10px 50px;
}
.microphone-settings .microphone-col span {
  margin: 0 5px;
}

.microphone-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  margin: 0 10px;
}
.microphone-dropdown span {
  margin: 0 5px;
  color: white;
}
@media (max-width: 1300px) {
  .microphone-dropdown span {
    font-size: 12px;
  }
}
.microphone-dropdown:hover {
  cursor: pointer;
}
.microphone-dropdown .virtualMeeting {
  font-weight: bolder;
}

.warning {
  color: #ffc107;
}

.error {
  color: #dc3545;
}

.dashboard-entry-checkbox {
  float: left;
  margin: 0 10px 0 1px;
}
.dashboard-entry-checkbox input[type=checkbox] {
  margin: 0;
}

.selectedMeetings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  cursor: pointer;
}
.selectedMeetings:hover {
  background-color: gainsboro;
}
.selectedMeetings a {
  text-decoration: none;
}
.selectedMeetings span {
  margin: 0 1px;
}

.popover {
  color: black !important;
  -webkit-transform: translateX(-65px);
      -ms-transform: translateX(-65px);
          transform: translateX(-65px);
  width: 175px !important;
}
.popover .arrow {
  -webkit-transform: translateX(65px);
      -ms-transform: translateX(65px);
          transform: translateX(65px);
}

.editUser-footer {
  border-top: 2px solid #eee;
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 20px;
}
.editUser-footer a, .editUser-footer input {
  margin-right: 20px;
}

.checkbox-label-control {
  margin-left: 30px;
}

.manageUser-container {
  padding-bottom: 5px;
  margin-bottom: 25px;
  border-bottom: solid 2px rgb(51, 51, 51);
  max-width: 300px;
}
.manageUser-container input, .manageUser-container select, .manageUser-container .checkbox {
  margin: 0;
  margin-bottom: 10px;
}
.manageUser-container input[type=number] {
  max-width: 75px;
}

.managerUser-info-text {
  margin-bottom: 10px;
}

.manageUserInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.waveformButton {
  margin: 0 10px;
}

.toolbarButtons .btn-xs {
  padding: 5px 10px;
  height: 33px;
}
.toolbarButtons .dropdown-menu > li > a {
  font-size: 14px;
}

#peaks-container {
  border: 1px solid lightgrey;
  border-radius: 5px;
  height: 90px;
  width: 100%;
}

.waveform-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0 15px;
  position: absolute;
  top: 20px;
}
.waveform-row .waveform {
  width: 100%;
}

.waveform-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 0;
}
.waveform-buttons button {
  font-size: 15px;
}
.waveform-buttons button:focus {
  outline: none;
}
.waveform-buttons .button-wrapper {
  margin: 2px;
}

.player-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  margin-right: 5px;
}

.rec-objectForm-offline {
  margin-top: 30px !important;
}

.rec-objectForm-offline-fullscreen {
  margin-top: 70px !important;
}

@media (max-width: 1480px) {
  .rec-objectForm-prepare {
    margin-top: 20px;
  }
}

.stopSegmentButton {
  font-size: 14px;
  border-radius: 5px;
  padding: 2px 7px;
}

.segment-meta-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.segment-meta-information label {
  white-space: nowrap;
}
.segment-meta-information .rec-startEndLabel {
  white-space: initial;
  vertical-align: middle;
}

.advancedOptionsModal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 30px;
  right: 0;
  width: 300px;
  z-index: 10;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  padding: 10px 10px 10px 20px;
}
.advancedOptionsModal a {
  text-decoration: none;
  margin: 5px;
  cursor: pointer;
}
.advancedOptionsModal .text-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px;
}
.advancedOptionsModal .memovs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.subMenuOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /*------ ADDED CSS ---------*/
  /* Rounded sliders */
}
.subMenuOption .switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 25px;
}
.subMenuOption .switch input {
  display: none;
}
.subMenuOption .slider {
  position: absolute;
  cursor: pointer;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.subMenuOption .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.subMenuOption input:checked + .slider {
  background-color: #2ab934;
}
.subMenuOption input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}
.subMenuOption input:checked + .slider:before {
  -webkit-transform: translateX(45px);
      -ms-transform: translateX(45px);
          transform: translateX(45px);
}
.subMenuOption .on {
  display: none;
}
.subMenuOption .on, .subMenuOption .off {
  color: white;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}
.subMenuOption input:checked + .slider .on {
  display: block;
}
.subMenuOption input:checked + .slider .off {
  display: none;
}
.subMenuOption .slider.round {
  border-radius: 34px;
}
.subMenuOption .slider.round:before {
  border-radius: 50%;
}

.selectGroupDropdown {
  border-left: none;
  border-radius: 0;
  height: 37px;
  width: 140px;
  background-color: rgb(240, 240, 240);
}

.selectTypeDropdown {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 37px;
  width: 140px;
}

.refreshLoading {
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.entryOutOfSyncMark {
  background-color: rgba(255, 0, 0, 0.3);
}
.entryOutOfSyncMark:hover {
  cursor: initial !important;
  background-color: rgba(255, 0, 0, 0.4);
}

.entryDisabledText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.entryDisabledText .rec-recapp-red {
  margin-right: 5px;
}

.entryOutOfSyncMessage {
  font-weight: bold;
}

.searchGroup {
  display: inline-block;
  width: 200px;
  height: 37px;
  padding-left: 39px;
  margin-left: 0;
}

.filterBox {
  position: absolute;
  top: 23px;
  left: 0;
  right: 0;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
  padding: 10px;
  border: 1px solid lightgrey;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0px 10px;
  -webkit-box-shadow: 0px 3px 3px grey;
          box-shadow: 0px 3px 3px grey;
  border-top: none;
}

.timestamp-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2px;
}

.activeTimerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.activeTimerContainer strong {
  margin-right: 5px;
}

.editor-main-content {
  margin-top: 7px;
}

.segmentTreeButtons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.segmentTreeButtons-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.segmentTreeButtons-row-offline {
  width: 25%;
}

.recordingPlaceholderContainer {
  position: relative;
  width: 75%;
}
.recordingPlaceholderContainer .recordingPlaceholder {
  position: absolute;
  height: 72px;
  background: white;
  width: 100%;
}

.waveform-wrapper {
  width: 75%;
  position: relative;
}

.waveform-wrapper-fullscreen {
  width: 100%;
  position: relative;
}

.shareparlActionItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.shareparlActionItems a {
  margin-right: 5px;
  cursor: pointer;
  padding: 0 10px;
}
.shareparlActionItems .actionsButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.shareparlEntryRow:hover {
  cursor: pointer;
}

.shareparlEntryRowUsed {
  background-color: rgb(231, 231, 231);
  color: #8E989E;
}
.shareparlEntryRowUsed:hover {
  cursor: initial;
  background-color: rgb(231, 231, 231);
}

.handleTextLength {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.validPasswordList {
  padding-left: 15px;
}

.manageUserSelectionTitle {
  font-size: 17px;
}

.speaker-dropdown-directive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.speaker-dropdown-directive .speaker-add-body {
  padding: 15px;
}
.speaker-dropdown-directive .speaker-add-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 5px;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper {
  position: relative;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .speaker-dropdown {
  position: absolute;
  right: 0;
  background: white;
  width: 300px;
  max-height: 350px;
  z-index: 2;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  padding: 0;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .speaker-dropdown li {
  list-style: none;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .speaker-dropdown .search-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  background: white;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .speaker-dropdown .speaker-list-container {
  margin-top: 5px;
  overflow-y: scroll;
  max-height: 200px;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .speaker-dropdown .speaker-list-container .selected-speaker {
  cursor: pointer;
  background: #428bca;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .speaker-list {
  padding: 5px 20px;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .speaker-list:hover {
  cursor: pointer;
  background: lightgrey;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .dropdownBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 200px;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .dropdownBtn .caret {
  margin-left: 5px;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .dropdownBtn .fa {
  font-size: 10px;
}
.speaker-dropdown-directive .speaker-dropdown-wrapper .dropdownBtn-disabled {
  background-color: lightgrey;
  color: black;
}

.segmentSpinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px;
}

.testRecordingActive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  border: 1px solid lightgray;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}

.environment {
  border: 2px solid;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0 10px;
}

.streamFormModal .spinnerContainer {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.streamFormModal .inputGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}
.streamFormModal .inputSlider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.streamFormModal .checkbox-slider--b-flat {
  left: 0;
}

.saving-button {
  width: 33px;
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 !important;
}

.serviceDeskModal .spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}
.serviceDeskModal .entryRow {
  width: 100%;
  padding: 5px;
}
.serviceDeskModal .entryRow:hover {
  cursor: pointer;
  background-color: lightgrey;
}
.serviceDeskModal .modal-footer button {
  margin: 10px;
}
.serviceDeskModal .row {
  margin: 10px 0;
}
.serviceDeskModal .checkbox-slider--b-flat {
  left: 0;
}
.serviceDeskModal .removeEntry {
  margin-left: 10px;
}

.manage-livestreams .spinnerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.manage-livestreams .menu-container {
  margin: 20px 0;
}
.manage-livestreams .menu-container .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.manage-livestreams .menu-container .button-container button {
  margin-right: 10px;
}
.manage-livestreams .menu-container .show-warning-text {
  color: red;
  margin: 5px 0;
}
.manage-livestreams .youtube_unauthorized {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
}

.youtubeStreamModal .streamSpinnerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.youtubeStreamModal .streamProperty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}
.youtubeStreamModal .youtubePlayer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0;
}

.manageUserDetailPage {
  min-height: calc(100vh - 90px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.manageUserDetailPage .help-block {
  color: #a94442;
}
.manageUserDetailPage .tabContent {
  border-radius: 5px;
}
.manageUserDetailPage .sidebar-offcanvas .list-group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.manageUserDetailPage .securityKeyInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.manageUserDetailPage form {
  padding: 10px;
  width: 100%;
}
.manageUserDetailPage form .tooltip-inner {
  max-width: 500px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.manageUserDetailPage form .input-group-addon {
  background-color: #e6e6e6;
  border-color: #cccccc;
  color: #333333;
}
.manageUserDetailPage form .has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.manageUserDetailPage form .userTab .inputSection {
  padding-bottom: 12px;
  list-style-position: inside;
}
.manageUserDetailPage form .userTab .inputSection > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.manageUserDetailPage form .userTab .inputSection > label > span:first-child {
  width: 250px;
}
.manageUserDetailPage form .userTab .inputSection > label span.wideLabelName {
  width: 490px;
}
.manageUserDetailPage form .userTab .inputSection > label input, .manageUserDetailPage form .userTab .inputSection > label select {
  max-width: 300px !important;
  margin-left: 10px;
}
.manageUserDetailPage form .userTab .inputSection > label .input-group {
  width: 300px !important;
  margin-left: 10px;
}
.manageUserDetailPage form .userTab .inputSection > label .input-group input, .manageUserDetailPage form .userTab .inputSection > label .input-group select {
  max-width: auto !important;
  margin-left: 0;
}
.manageUserDetailPage form .userTab .inputSection > label .normalInputSize {
  width: auto !important;
}
.manageUserDetailPage form .inputSection .options-2fa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.manageUserDetailPage form .inputSection .options-2fa > span:first-child {
  width: 250px;
}
.manageUserDetailPage form .inputSection .options-2fa input {
  max-width: 300px !important;
  margin-left: 10px;
}
.manageUserDetailPage form .inputSection .options-2fa .normalInputSize {
  width: auto !important;
}
.manageUserDetailPage form .inputSection .options-2fa .twoFactorAuthButton {
  margin-right: 203px;
}
.manageUserDetailPage .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 0;
}
.manageUserDetailPage .footer input, .manageUserDetailPage .footer a {
  margin: 0 10px;
}

.spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}

.entryAudioUploadContainer {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  width: 500px;
  height: 200px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.audioUploadModal .buttonContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}
.audioUploadModal .buttonContainer button {
  margin: 0 10px;
}
.audioUploadModal .radioWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px;
}
.audioUploadModal .radioWrapper label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 15px;
}
.audioUploadModal .radioWrapper label:hover {
  cursor: pointer;
}

.heightPlaceholder {
  height: 1rem;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 20px;
  vertical-align: text-bottom;
  border: 0.25em solid lightgrey;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
          animation: spinner-border 0.75s linear infinite;
}

.waveform-placeHolder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: lightgrey;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid lightgrey;
  border-radius: 5px;
  height: 90px;
  width: 100%;
}

.noTextWrap {
  white-space: nowrap;
}

.entryFormError {
  margin-bottom: 0;
  color: #a94442;
  margin-top: 3px;
}
.entryFormErrorInput {
  color: #a94442;
  border-color: #a94442;
}
.entryFormErrorInput:hover {
  color: #a94442;
  border-color: #a94442;
}
.entryFormErrorInput:focus {
  color: #a94442;
  border-color: #a94442;
}

.rec-advancedDashboard {
  position: static;
}

.rec-btn-not-clickable:hover {
  border-color: #cccccc;
  cursor: inherit;
}
.rec-btn-not-clickable:active {
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

.importEntryOnlineFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.importEntryOnlineFlex .entryOnlineSpecs {
  width: 135px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 0 5px;
}

.manageUsersList div[class^=col-] {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-draggable-dragging .entry-title {
  background: white;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  border: 1px solid grey;
  border-radius: 5px;
  margin: -1px 0 -1px -10px;
  padding: 0 5px;
  opacity: 0.6;
}

.onTopOfReactModalFix {
  z-index: 3010 !important;
}