body {
  line-height: 1.4;
}

hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border-color: #4178cc40;
}

.delete-form {
  margin-top: 50px;
}

.btn-success,
.btn-new,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background-color: #8dd1d4;
  border-color: #8dd1d4;
  border: none;
  padding: 10px;
  margin-bottom: 30px;
  text-decoration: none;
  min-width: 100%;
  font-weight: bold;
}

.btn-danger {
  background-color: #ea7e8f;
  border-color: #ea7e8f;
  border: none;
  padding: 10px;
  text-decoration: none;
  min-width: 100%;
  max-width: 200px;
  font-weight: bold;
}

.btn-info {
  background-color: #4178cc;
  border-color: #4178cc;
  border: none;
  padding: 10px;
  text-decoration: none;
  min-width: 100%;
  max-width: 200px;
  font-weight: bold;
}

.popover {
  min-width: 90%;
}

.pastButton {
  margin-left: 5px;
}

.btn-success:hover,
.btn-new:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #bff1f4 !important;
  border-color: #bff1f4 !important;
}

.btn-success:focus,
.btn-new:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  background-color: #8dd1d4 !important;
  border-color: #8dd1d4 !important;
}

#addFixedCost {
  margin-bottom: 0;
}

.login-form {
  display: block;
  margin: auto;
  max-width: 200px;
}

.form-control,
.form-control-like {
  max-width: 400px;
}

#listSelectableLanguages {
  height: calc(100vh - 350px);
  max-height: calc(100vh - 350px);
  min-height: 300px;
}

#prebooking *.form-control {
  max-width: 640px;
}

.twoDigitCell {
  width: 50px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.twoDigitSelect {
  width: 50px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.fourDigitSelect {
  width: 60px !important;
  padding: 0 !important;
  margin: 0 !important;
}

div.preset select.twoDigitSelect,
div.preset select.fourDigitSelect {
  background-color: transparent !important;
}

.salaryName {
  min-width: 290px !important;
}

.salaryLanguage {
  min-width: 200px !important;
}

.salaryTargetLanguage {
  min-width: 130px !important;
}

.salaryType {
  min-width: 220px !important;
}

.minimumDuration {
  min-width: 100px !important;
}

.salaryDate {
  min-width: 140px !important;
  padding-bottom: 10px !important;
}

.inputStack {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.selectStack {
  margin-top: -5px !important;
  margin-bottom: 5px !important;
}

.newRow {
  background-color: #f2f2f2 !important;
}

.salaryPresence {
  min-width: 140px !important;
}

.compactDateField {
  padding-left: 6px !important;
  padding-right: 5px !important;
}

.smallDatePickerAddOn {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.educationLanguage {
  min-width: 200px !important;
}

.educationType {
  min-width: 150px !important;
}

.educationAddButton {
  margin-top: 2px;
  margin-bottom: 2px;
  height: 34px;
  padding-top: 6px;
}

.educationAddButton.disabled {
  background-color: #dddddd;
}

.doubleDot {
  min-width: 10px !important;
  max-width: 10px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 30px !important;
  vertical-align: middle !important;
}

.backAndForth {
  width: 50px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 30px !important;
  vertical-align: middle !important;
}

.noPadding {
  padding: 0 !important;
  margin: 0 !important;
}

.datePicker {
  padding: 0;
  margin: 0;
  padding-right: 10px;
  width: 200px;
}

.invoiceRef {
  padding: 0;
  margin: 0;
  padding-right: 10px;
  width: 200px;
}

.invoiceUserGroup {
  padding: 0;
  margin: 0;
  width: 350px;
}

.customer {
  padding: 0;
  margin: 0;
  width: 230px;
  padding-right: 10px;
}

.customerTel {
  width: 150px;
}

.customerEmail {
  width: 156px;
  padding-right: 0;
}

.dateTitle {
  padding: 0;
  margin: 0;
}

.dateSubtitle {
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.dateTimeGroupGap {
  width: 30px;
}

.dateTimeGroupGap4 {
  width: 40px;
}

.dateOnlyPicker {
  padding: 0 !important;
  padding-right: 10px !important;
  margin: 0 !important;
  width: 11em !important;
}

.historyIcon {
  font-size: 25px;
}

.historyIconSmall {
  font-size: 20px;
}

.accepted {
  color: #00aa00;
}

.rejected {
  color: #ea7e8f;
}

.unavailable {
  color: #ea7e8f;
}

.acceptedRow {
  font-weight: 600;
}

.historyPartner {
  font-weight: normal;
  color: #a1bbe1 !important;
}

#intReqDelay {
  width: 6em !important;
}

.dateGroup {
  margin-top: 5px;
  margin-bottom: 0 !important;
  line-height: 1;
}

.dateRow {
  table-layout: fixed;
  padding: 0;
  margin: 0;
  text-align: center;
  border: none;
}

.twoDigitTail {
  width: 105px !important;
}

.twoDigitHead {
  padding-left: 10px !important;
}

#callType {
  width: 120px !important;
}

.dateGroupRow {
  table-layout: fixed;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  text-align: center;
  border: none;
}

.dateGroupRow th {
  font-weight: normal !important;
}

.noBorders {
  border: 0px none #fff !important;
}

.form-checkbox {
  width: 15px;
  height: 15px;
  margin-top: 9px !important;
  margin-left: 15px !important;
}

.list-checkbox {
  width: 15px;
  height: 15px;
  margin-left: 5px !important;
}

.checkbox-column {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
}

label {
  width: 100%;
}

form {
  padding-bottom: 50px;
}

.link {
  display: inline-block;
  margin: 10px;
}

.deactive {
  opacity: 0.8;
}

.deactive a {
  opacity: 0.8;
}

.deactive a:visited {
  opacity: 0.8;
}

#detailedInterpretations tr:nth-child(odd),
#issues tr:nth-child(odd) {
  background-color: #fff;
}

#detailedInterpretations tr:nth-child(even),
#issues tr:nth-child(even) {
  background-color: #f2f2f2;
}

#detailedInterpretations tr:hover,
#issues tr:hover {
  background-color: #bff1f4;
}

#detailedInterpretations tr.unanswered {
  background-color: #ffc0cb;
}

#detailedInterpretations tr.unanswered:hover {
  background-color: #bff1f4;
}

#detailedInterpretations tr.customerCare {
  color: #808080;
}

#detailedInterpretations tr.customerCare:hover {
  background-color: #ffc0cb;
}

#detailedInterpretations tr.customerCare a {
  color: #808080;
}

#detailedInterpretations tr.customerCare a.intListUserGroup {
  color: #a0a0a0 !important;
  opacity: 0.6;
}

#issues tr.nonB2B {
  color: #cccccc !important;
}

#issues tr.nonB2B a {
  color: #cccccc !important;
}

tr.expired {
  color: #999999 !important;
}

tr.expired a {
  color: #999999 !important;
}

.noInterpreter,
.noInterpreter:active,
.noInterpreter:visited {
  color: #ea7e8f;
}

#table-usergroup-users th,
#table-fixed-costs th,
#detailedInterpretations th,
#table-education th,
#table-permissions th,
#table-salary th,
#issues th {
  background-color: #f2f2f2;
  padding-left: 10px;
}

#detailedInterpretations th {
  padding: 5px;
}

#detailedInterpretations td {
  padding: 0 5px;
}

#table-salary th,
#table-permissions th,
#table-education th {
  padding: 5px;
}

#table-salary td,
#table-education td {
  padding: 0 5px;
  width: 100px;
  font-weight: normal;
}

#table-permissions td {
  padding: 0 5px;
  font-weight: normal;
}

#table-salary td {
  padding: 0 5px;
  width: 100px;
  font-weight: normal;
}

.educationLanguage {
  width: 200px;
}

.additionalInfo {
  width: 400px;
}

.inline {
  display: inline;
  margin-right: 25px;
}

.inline label {
  display: block;
  width: 150px;
}

.inline .submit {
  margin-top: 25px;
}

.checkboxrow,
.checkboxes {
  padding-left: 5px;
}

.checkboxrow:hover {
  background-color: lightgray;
}

.checkboxrow input,
.checkboxes input {
  display: inline;
}

.checkboxrow label,
.checkboxes label {
  padding-left: 10px;
  padding-top: 5px;
  width: auto;
}
.checkboxrow span {
  margin-right: 10px;
}
#listSelectableLanguages .checkboxrow label {
  margin-right: 10px;
}

.inner-checkboxrow {
  margin-left: 30px;
  padding-left: 5px;
}

#interpretation_filters,
#hide_filters {
  display: none;
}

.halpChatRoom {
  padding: 10px;
  background-color: lightblue;
  margin-bottom: 10px;
}

.halpAvailableInterpreter:hover {
  background-color: pink;
}

.versionUpdateRow {
  margin: 10px;
}

.versionUpdateRow:hover {
  background-color: pink;
}

#chatRoomListTotals div {
  color: black;
  float: left;
  width: 150px;
  height: 100px;
  border-radius: 75px;
  text-align: left;
  padding-top: 42px;
  margin-bottom: 20px;
}

#chatRoomListTotals div .value {
  font-size: 32px;
}

#chatRoomListTotals .answerRate {
  margin-left: 0px;
}

#chatRoomListTotals .duration {
  margin-left: 0px;
}

#contactWantedTable tr:nth-child(odd) {
  background-color: #fff;
}

#contactWantedTable tr:nth-child(even) {
  background-color: #f2f2f2;
}

#contactWantedTable tr:hover {
  background-color: #bff1f4;
}

#contactWantedTable td {
  padding: 8px 10px;
  border: solid 1px #ddd;
}

#chatRoomsWithCommentsTable tr:nth-child(odd) {
  background-color: #fff;
}

#chatRoomsWithCommentsTable tr:nth-child(even) {
  background-color: #f2f2f2;
}

#chatRoomsWithCommentsTable tr:hover {
  background-color: #bff1f4;
}

#chatRoomsWithCommentsTable td {
  padding: 8px 10px;
  border: solid 1px #ddd;
}

.logo {
  width: 200px;
  height: 120px;
  display: block;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

a,
a:active,
a:visited,
a:hover {
  color: #4178cc;
  text-decoration: none !important;
}

.navbar {
  background-color: #46446f;
  color: #9694bf;
  margin-bottom: 15px;
  min-height: 40px;
  border: none;
  padding: 0;
}

.navbar-inverse .navbar-nav>li>a {
  color: #9694bf;
}

.navbar-inverse .navbar-nav>li>a:hover {
  color: white;
}

.navbar-brand,
.navbar-brand:active,
.navbar-brand:visited {
  color: #9694bf !important;
}

.navbar-brand:hover {
  color: white !important;
}

.navbar-logo {
  background-image: url("/images/logo_white.png");
  width: 92px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.even:hover,
.odd:hover,
.sorting:hover,
.sorting_desc:hover,
.sorting_asc:hover {
  background-color: #bff1f4 !important;
}

thead tr:hover {
  background: none !important;
}

tr#newRow {
  background-color: white !important;
}

tr#newRow:hover {
  background: none !important;
}

.detailed {
  margin-bottom: 40px;
}

.scroll-box {
  max-height: 611px;
  overflow: scroll;
  border: 2px solid #dddddd;
}

div#targetLanguages {
  height: 150px;
}

#selectableLanguages {
  height: 300px;
}

.noIndent {
  padding-left: 0;
}

.pricingModel {
  max-height: 150px;
}

.userGroupLocalizations {
  max-height: 150px;
}

.box {
  border: 2px solid #dddddd;
  margin: 10px;
}

.language-proficiency-box {
  border: 4px solid #dddddd;
  margin: 10px;
}

.language-proficiency-box .title {
  font-weight: bold;
  padding: 5px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.indent {
  margin-left: 30px;
}

dl.inline-flex {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 1024px;
  /* set the container width*/
  overflow: visible;
}

dl.inline-flex dt {
  flex: 0 0 25%;
  text-overflow: ellipsis;
  overflow: hidden;
}

dl.inline-flex dd {
  flex: 0 0 75%;
  margin-left: auto;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}

.intListUserGroup {
  font-weight: normal;
  color: #a1bbe1 !important;
}

.thumbu {
  opacity: 0.5;
}

.longTime {
  color: red;
}

.bigHeader {
  font-size: 40px !important;
}

.mediumHeader {
  font-size: 30px !important;
}

.smallHeader {
  font-size: 20px !important;
}

#table-tokens th,
#table-logouts th {
  padding: 5px;
  text-align: center;
}

#table-tokens td,
#table-logouts td {
  padding: 5px;
  text-align: center;
}

#table-tokens th:first-child,
#table-logouts th:first-child {
  width: 80px;
  padding: 0;
  text-align: center;
}

#table-tokens td:first-child,
#table-logouts td:first-child {
  width: 80px;
  padding: 5px;
  text-align: center;
}

#table-tokens td:nth-child(5),
#table-logouts td:nth-child(5) {
  width: 20px;
  padding: 0;
  text-align: center;
}

#table-tokens td:nth-child(6),
#table-logouts td:nth-child(6) {
  width: 20px;
  padding: 0;
  text-align: center;
}

#table-tokens td:nth-child(7),
#table-logouts td:nth-child(7) {
  width: 20px;
  padding: 0;
  text-align: center;
}

#table-tokens td:nth-child(8),
#table-logouts td:nth-child(8) {
  width: 20px;
  padding: 5px;
  text-align: center;
}

#table-tokens th:nth-child(5),
#table-logouts th:nth-child(5) {
  width: 20px;
}

#table-tokens th:nth-child(6),
#table-logouts th:nth-child(6) {
  width: 20px;
}

#table-tokens th:nth-child(7),
#table-logouts th:nth-child(7) {
  width: 20px;
}

#table-tokens th:nth-child(8),
#table-logouts th:nth-child(8) {
  width: 20px;
  padding: 5px;
}

.logoutToken {
  color: #4178cc;
  padding: 10px !important;
}

.logoutToken:not([readonly]):hover {
  background-color: #ea7e8f;
  cursor: pointer;
  color: white;
}

.thisWeek {
  color: #ea7e8f;
}

.salaryModelName {
  width: 300px;
  display: inline-block;
}

.salaryModelValue {
  display: inline-block;
  font-weight: normal;
  color: #808080;
}

.invoicingModelName {
  width: 270px;
  display: inline-block;
}

.invoicingModelValue {
  width: 280px;
  display: inline-block;
  font-weight: normal;
  color: #808080;
}

.invoicingModelValueHourly {
  width: 75px;
  display: inline-block;
  font-weight: normal;
  color: #808080;
}

.invoicingModelValueCurrency,
.invoicingModelValueGender,
.invoicingModelValueExpress,
.invoicingModelValueExtVideo,
.invoicingModelValueLangOnSite,
.invoicingModelValueLangVideo,
.invoicingModelValueLangCall {
  width: 63px;
  display: inline-block;
  font-weight: normal;
  color: #808080;
}

.invoicingModelValueInitial,
.invoicingModelValueFee {
  width: 50px;
  display: inline-block;
  font-weight: normal;
  color: #808080;
}

.invoicingModelTitle div {
  font-weight: bold;
}

.invoicingModelCheck {
  width: 25px;
  display: inline-block;
  font-weight: normal;
}

.invoicingModelValueLang {
  width: 170px;
  display: inline-block;
  font-weight: bold;
  color: #808080;
}

.form-control.is-invalid,
.form-checkbox.is-invalid,
.form-radiobutton.is-invalid,
.was-validated .form-control:invalid,
.was-validated .form-checkbox:invalid,
.was-validated .form-radiobutton:invalid,
.invalidFormElement {
  border-color: #ea7e8f;
}

.form-radiobutton {
  width: 15px;
  margin: 0;
  padding: 0;
}

.cancelled {
  color: #ea7e8f;
}

.cancelledColumn {
  color: #ea7e8f;
  font-weight: bold;
}

.saveButton {
  padding-right: 0 !important;
  padding-left: 20px !important;
  margin-right: 0 !important;
}

.indent {
  margin-left: 20px;
}

.invalid-feedback {
  border-color: #ea7e8f;
  border-width: 2px;
}

.invalid-organisation {
  border-color: #ea7e8f;
  border-width: 2px;
  color: #ea7e8f;
}

.field-description {
  font-weight: normal;
  color: #959090;
}

.flex {
  display: flex;
  align-items: center;
}

#allowForSelfRegistration {
  display: block;
  margin: 0 4px !important;
}

.awayUntilExpired {
  margin-top: 5px;
  color: #ea7e8f;
}

#fixedCostCount {
  width: 4em;
}

#fixedCostPrice {
  width: 6em;
}

#fixed_cost_price::-webkit-outer-spin-button,
#fixed_cost_price::-webkit-inner-spin-button,
#fixed_cost_count::-webkit-outer-spin-button,
#fixed_cost_count::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

#fixed_cost_price[type="number"],
#fixed_cost_count[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
  /* Firefox */
}

.groupTitle {
  color: #4178cc;
}

#prebooking label {
  margin-top: 10px;
  margin-bottom: 0;
}

#prebooking table {
  margin-top: 10px;
}

.buttonRow {
  margin-top: 10px;
  margin-right: 0;
}

#prebooking button {
  margin-bottom: 0;
}

h1 {
  margin-top: 0;
  font-size: 30px;
}

.container>div {
  padding-left: 0;
}

.container>div:nth-child(2) {
  padding-right: 0;
}

.prebookingNotes {
  margin-top: 0;
  padding-top: 0;
}

.nonBreaking {
  white-space: nowrap;
}

.prebookingNotes {
  padding-left: 0 !important;
}

.noRightPadding,
#interpreterComments {
  padding-right: 0 !important;
}

#durationMinimumInvoiceHours,
#durationMinimumInvoiceMinutes,
#interpreterWithdrawalPeriodAfterHours,
#interpreterWithdrawalPeriodAfterMinutes,
#leewayAfterHours,
#leewayAfterMinutes {
  background-color: #bbe0ff;
}

.languageList {
  padding: 0;
  margin: 0;
  width: 245px !important;
}

.skill {
  padding: 0;
  margin: 0;
  width: 173px;
  padding-right: 10px;
}

#skills,
#skills2,
#skills3 {
  padding: 0;
  margin: 0;
  width: 173px !important;
}

.avatar {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 1px solid #888;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-clip: padding-box;
}

.presence {
  padding: 0;
  margin: 0;
  width: 120px;
  padding-right: 10px;
}

.country {
  width: 200px;
}

.street {
  padding: 0;
  margin: 0;
  width: 300px;
  padding-right: 10px;
}

.city {
  width: 240px;
  padding-right: 0;
}

.patientName {
  padding: 0;
  margin: 0;
  width: 450px;
  padding-right: 10px;
}

.personalIdentityCode {
  width: 80px;
  padding-right: 0;
}

.subject {
  padding: 0;
  margin: 0;
  width: 530px;
  padding-right: 10px;
}

.location {
  padding: 0;
  margin: 0;
  width: 300px;
  padding-right: 10px;
}

.postcode {
  width: 240px;
  padding-right: 0;
}

.externalUrl {
  padding: 0;
  margin: 0;
  width: 360px;
  padding-right: 10px;
}

.hotlinePhoneNumber {
  width: 180px;
  padding-right: 0;
}

.externalOrderId {
  padding: 0;
  margin: 0;
  width: 300px;
  padding-right: 10px;
}

.priceMultiplier {
  width: 240px;
  padding-right: 0;
}

.pale {
  opacity: 0.2;
}

textarea {
  font-weight: normal;
}

.csv {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 50px;
  width: 200px;
}

.csvImage {
  width: 600px !important;
  float: right;
}

#importStatus {
  color: #ea7e8f;
  font-weight: bold;
}

.fixStupidHtml {
  margin-top: -32px;
}

.form-copy-user-group {
  padding: 0;
}

.checkboxrow select {
  max-width: 18rem;
  margin-right: 5px;
  height: 90%;
  padding: 4px;
}

.wrapper {
  display: grid;
  gap: 10px;
}

.one {
  grid-column: 1 / 2;
  grid-row: 1;
}

.two {
  grid-column: 2 / 2;
  grid-row: 1;
  justify-self: end;
}

.hidden {
  display: none;
}

.invoicingHourMainTitle {
  min-width: 80px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.invoicingPriceTitle {
  min-width: 20px;
}

.invoicingHourTitle {
  padding-right: 10px;
}

.invoicingRoundUpTitle {
  min-width: 110px;
  max-width: 110px;
}

.invoicingPriceValue {
  min-width: 91px;
  max-width: 91px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.invoicingValue {
  min-width: 100px;
  max-width: 100px;
}

.invoicingTitle {
  min-width: 400px;
  max-width: 400px;
}

.invoicingCheckboxTitle {
  font-weight: normal;
}

.invisible {
  visibility: hidden;
}

.auto-alloc-header {
  display: grid;
  grid-template-columns: 10fr 2fr;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.pl-0 {
  padding-left: 0 !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

#ilanguages,
#interpreterProficiencies,
#contractPartners {
  height: 600px;
}

.salaryExpired {
  color: #ea7e8f;
}
#audit-logs-container {
  max-height: 300px;
  overflow: auto;
  padding-bottom: 50px;
}
.audit-log-header {
  font-weight: bold;
}
.audit-log-header + .audit-log-change {
  margin-bottom: 10px;
}
.audit-log-header + .audit-log-header, .audit-log-no-logs, #audit-log-fetch-more {
  margin-top: 10px;
}

.langNames {
  max-height: 13rem;
  overflow: auto;
}

.sm-upd-btn-inline {
  margin-left: 1rem;
  padding: 6px 10px;
  color: white;
  background-color: #8dd1d4;
  border: none;
  border-radius: 5px;
}

.duration-btn {
  margin-left: 0 !important;
  margin-top: 3px;
}

.sm-upd-btn-inline:hover {
  background-color: #bff1f4;
}

.warn {
  color: #ea7e8f;
}